@charset "utf-8";

html, body{}
html{ overflow-y:scroll; width:100%; height:100%;}
body{ -webkit-text-size-adjust:none;}

/* 해마루레드 : #AB121C; */
.wrapper{ overflow:hidden; margin:0 auto; min-width:1200px;}


.scroll_top{ display:none; position:fixed; z-index:200; right:50px; bottom:100px; width:50px; height:50px; border-radius:20px; background:#ab121c; cursor:pointer;}
	.scroll_top img{ display:block; margin:5px;}	
	.scroll_top:hover{ background:#3daab8;}
	
	
.header{ min-width:1200px; background:#FFF;}
	.header .top{ height:29px; /*border-bottom:1px solid #dcdcdc; background:#f5f5f5;*/}
	.header .top .center{ overflow:hidden; margin:0 auto; padding:0 15px; width:1170px;}
	.header .top .center ul{ float:right;}
	.header .top .center ul li{ float:left;}
	.header .top .center ul li a{ display:block; padding:7px 0 9px 0; line-height:14px; font-size:12px; color:#f0f0f0; letter-spacing:-1px; text-decoration:none;}
	.header .top .center ul li a img{ display:block; float:left; margin:0 5px 0 0; opacity:0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
	.header .top .center ul li a:hover{ color:#000;}
	.header .top .center ul li a:hover img{ opacity:1;}
	.header .top .center ul li span{ display:block; margin:7px 15px; width:1px; height:16px; border-radius:50%; background:#CCC;}
	
	.header .middle{ position:relative; z-index:100; margin:0 auto; padding:30px 15px; width:1170px; height:60px;}
	.header .middle .logo{ position:absolute; z-index:20; top:25px; left:15px;}
	.header .middle .search{ position:relative; margin:0 auto; padding:0; width:496px; height:56px; border-radius:30px; border:2px solid #d7d7d7; background:#FFF;}
		.select_search{ float:left; margin:14px 0 0 18px; height:30px; background:none !important; box-shadow:0;}
		.select_search .dk_toggle{ padding:0 19px 0 0; width:auto !important; height:30px; border:0; border-right:1px solid #CCC; background:none; line-height:28px; font-size:13px; font-weight:normal; color:#666; letter-spacing:-1px;}
		.select_search .dk_toggle:after{ top:45% !important;}
		.select_search.dk_open .dk_toggle{ background:none !important;}
		.select_search .dk_options{ top:30px !important;}
		.select_search .dk_options .dk_options_inner{ width:100px; border-color:#36383b; background:#FFF;}
		.select_search .dk_options .dk_options_inner li a{ padding:0 10px; height:30px; line-height:28px; font-size:12px; font-weight:normal; color:#666; letter-spacing:-1px;}
		.select_search .dk_options .dk_options_inner li.dk_option_current a{ background:#36383b;}
	.header .middle .search input{ display:block; float:left; padding:0 10px; width:330px; height:56px; border:0; border-radius:0; background:none; line-height:54px; font-size:14px; color:#666; font-family:맑은 고딕 !important; outline:none; -webkit-appearance:none;}
	.header .middle .search .btn{ position:absolute; z-index:10; top:2px; right:2px; bottom:2px; width:60px; border-radius:26px; background:#ab121c; cursor:pointer;}
	.header .middle .search .btn img{ display:block; margin:18px auto;}
	.header .middle .search .btn:hover{ background:#3daab8;}
	.header .middle .sns{ position:absolute; z-index:10; top:35px; right:15px;}
	.header .middle .sns li{ float:left; margin:0 0 0 10px;}
	.header .middle .sns li a{ position:relative; width:50px; height:50px;}
	.header .middle .sns li a img{ display:block;}
	.header .middle .sns li a img.on{ display:none; position:absolute; z-index:10;}
	.header .middle .sns li a:hover .on{ display:block;}
	.header .middle .sns li a:hover .off{ display:none;}
	

	/*
	.header .bottom .gnb ul li:first-child a{ border:0;}
	.header .bottom .gnb ul li a p{ display:block; position:relative; height:54px; border:1px solid #FFF; border-bottom:0;}
	.header .bottom .gnb ul li a p font{ display:block; position:absolute; z-index:10; top:-2px; right:-2px; bottom:-1px; left:-2px; text-align:center; line-height:55px; font-size:16px; font-weight:bold; color:#333; letter-spacing:-1px;}
	.header .bottom .gnb ul li a:hover p{ background:#f0f0f0;}
	.header .bottom .gnb ul li a:hover p font{ color:#000;}
	.header .bottom .gnb ul li.on a p font{ background:url(/images/main/header/gnb_bg_on.jpg); font-weight:bold; color:#FFF;}
	.header .bottom .gnb ul li.s a{ border-radius:10px 0 0 0;}
	.header .bottom .gnb ul li.s a p{ border-radius:10px 0 0 0;}
	.header .bottom .gnb ul li.s a p font{ border-radius:10px 0 0 0;}
	.header .bottom .gnb ul li.e a{ border-radius:0 10px 0 0;}
	.header .bottom .gnb ul li.e a p{ border-radius:0 10px 0 0;}
	.header .bottom .gnb ul li.e a p font{ border-radius:0 10px 0 0;}
	*/


	.header .bottom{ position:relative; height:55px;  border-bottom: 3px solid #AB121C;}
	.header .bottom .gnb{ margin:0 auto; padding:0 15px; width:1170px;}
	.header .bottom .gnb ul{ height:56px; /*border-radius:10px 10px 0 0; border:1px solid #d2d2d2; border-bottom:0;*/}
	.header .bottom .gnb > ul > li{ float:left; width:12.5%;}
	.header .bottom .gnb > ul > li > a{ display:block; height:56px; /*border-left:1px solid #d2d2d2;*/ /*background:url(/images/main/header/gnb_bg.jpg);*/}
	.header .bottom .gnb ul li:first-child a{ border:0;}
	.header .bottom .gnb ul li a p{ display:block; position:relative; height:55px; /*border:1px solid #FFF; border-bottom:0;*/}
	.header .bottom .gnb ul li a p font{ display:block;  /*background: #f0f0f0; */ position:absolute; z-index:10; top:-2px; right:-2px; bottom:-1px; left:-2px; 
	text-align:center; line-height:55px; font-size:16px; font-weight:normal; /*bold;*/color:#f0f0f0; letter-spacing:-1px;}
	.header .bottom .gnb ul li a:hover p{ /*background:#f0f0f0;*/}
	.header .bottom .gnb ul li a:hover p font{ color:#f0f0f0;}
	.header .bottom .gnb ul li.on a p font{ background: #AB121C;/*url(/images/main/header/gnb_bg_on1.jpg);*/ font-weight:bold; color:#FFF;}
	.header .bottom .gnb ul li.s a{ /*border-radius:10px 0 0 0;*/}
	.header .bottom .gnb ul li.s a p{/* border-radius:10px 0 0 0;*/}
	.header .bottom .gnb ul li.s a p font{ /*border-radius:10px 0 0 0;*/}
	.header .bottom .gnb ul li.e a{ /*border-radius:0 10px 0 0;*/}
	.header .bottom .gnb ul li.e a p{ /*border-radius:0 10px 0 0;*/}
	.header .bottom .gnb ul li.e a p font{ /*border-radius:0 10px 0 0;*/}


/****************************************************************************/

	.header .bottom .gnb > ul > li{ float:left; width:12.5%;}
	.header .bottom .gnb > ul > li > a{ display:block; height:56px; /*border-left:1px solid #d2d2d2; background:url(/images/main/header/gnb_bg.jpg);*/}

/* 세부메뉴 부분 */
	li.menu_hidden { 
		position: relative;
	}
							/*  */
							ul.menu_detail {
								position: absolute!important;
								display: flex;
								flex-direction: column!important;
								justify-contents: space-between!important;
								border: none!important;
								border-radius: 0!important;
								z-index: 15!important;
								width: 100%;
							}
								ul.menu_detail > li {
								/*
									position: relative;
									display: block;
									*/
									width: 100%; max-width: 147px;
									background: rgba(3,3,3,0.7);
									float: left;
									
								}
								ul.menu_detail > li:hover {
									width: 100%; height: auto;
									display: block;
									background: rgba(225,225,225,1);
									transition-duration: 0.5s;
									
								}
									ul.menu_detail > li > a {
										
										display: block;
										font-weight: normal;
										padding: 15px 0;
										font-size: 15px;
										text-align: center;
										color: #ccc;
									}
									ul.menu_detail > li:hover > a {
										
										color: #AB121C;
										transition-duration: 0.5s;
									}

									.header .bottom .gnb > ul > li > a{ 
									display:block; height:56px; /*border-left:1px solid #d2d2d2; background:url(/images/main/header/gnb_bg.jpg);*/}
									
/*************** 세부 메뉴 구현 *******************/
li.menu_hidden ul.menu_detail {
    display: none;
	height: 0;
	transition-duration: 0.5;
}
li.menu_hidden:hover > ul.menu_detail {
    display: block;
    position: relative;
	opacity: 1;
	transition-duration: 0.5;
	height: auto;
	transition-delay: 250ms, 250ms;
}
li.menu_hidden:hover > ul.menu_detail > li {
	/*
	transition-property: margin-top, color;*/
}

/* // 숨김메뉴 구현 *************************************************/

	
.visual{ overflow:hidden; position:relative;}
	.visual .rolling{ overflow:hidden;}
	.visual .rolling .bx-wrapper{ overflow:hidden; margin:0;}
	.visual .rolling .bx-wrapper .bx-viewport{ left:0; border:0; box-shadow:none; background:#000;}
	.visual .rolling ul li a{ overflow:hidden; display:block; position:relative; height:500px;}
	.visual .rolling ul li a img{ display:block; position:absolute; z-index:10; top:0; left:50%; margin:0 0 0 -960px;}
	

	
	#visual_btn_L{ position:absolute; z-index:20; top:50%; left:50px; margin:-30px 0 0 0; width:60px; height:60px; background:url(/images/main/visual/btn_L.png);}
	#visual_btn_R{ position:absolute; z-index:20; top:50%; right:50px; margin:-30px 0 0 0; width:60px; height:60px; background:url(/images/main/visual/btn_R.png);}
	#visual_btn_L a{ display:block; width:60px; height:60px;}
	#visual_btn_R a{ display:block; width:60px; height:60px;}
	#visual_btn_L:hover{ background:url(/images/main/visual/btn_L_on.png);}
	#visual_btn_R:hover{ background:url(/images/main/visual/btn_R_on.png);}
	
	#visual_page{    position: absolute;
    z-index: 20;
    /* margin: 0 auto; */
    left: 50%;
    bottom: 0;
    margin-left: -300px;
    /* margin: 0 auto; */
    display: block;
    width: 600px;
    height: 60px;
	}
	#visual_page a{ display:block; float:left; width:20%; height:60px; text-decoration:none;}
	#visual_page a div{ 
						margin: 30px;
						width: 90%;
						padding: 0 10px;
						box-sizing: border-box;
						height: 4px;
						/* border-left: 1px solid #515151; */
						background: #fcfcfc;
						text-align: center;
						line-height: 57px;
						font-size: 15px;
						font-weight: bold;
						color: #FFF;
						letter-spacing: -1px;
						text-overflow: ellipsis;
						white-space: nowrap;
						overflow: hidden;
						cursor: pointer;}
	#visual_page a.active div{ border:0; background:#4cc5d4; /*color:#333;*/}
@media (min-width:1921px){
	.visual .rolling ul li a{ overflow:hidden; height:auto;}	
	.visual .rolling ul li a img{ position:relative; left:inherit; margin:0; width:100%;}
}

	
.main{ overflow:hidden;}


.main .event{ margin:0 auto; padding:50px 15px 60px 15px; width:1170px;}
	.main .event > .title{ overflow:hidden; margin:0 0 30px 0; text-align:center; letter-spacing:-1px;}
	.main .event > .title p{ line-height:40px; font-size:40px; font-weight:bold; color:#333;}
	.main .event > .title font{ display:block; margin:10px 0 0 0; line-height:20px; font-size:16px; color:#666;}
	.main .event > .center{ overflow:hidden;}
	.main .event > .center .box{ float:left; margin:0 0 20px 0; width:570px; height:200px;}
	.main .event > .center .box:first-child{ margin:0 30px 0 0;}
	.main .event > .center .box .slide{}
	.main .event > .center .box .slide a{ position:relative;}
	.main .event > .center .box .slide a .on{ display:none; position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg50.png);}
	.main .event > .center .box .slide a .on img{ display:block; position:absolute; top:50%; left:50%; margin:30px 0 0 -15px;}
	.main .event > .center .box .slide a > img{ display:block;}
	.main .event > .center .box .slick-dots{ bottom:-20px;}
	.main .event > .center .box .slick-dots li{ margin:0 3px; width:10px; height:10px;}
	.main .event > .center .box .slick-dots li button{ margin:0; padding:0; width:10px; height:10px; border-radius:50%; border:1px solid #000; opacity:0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}
	.main .event > .center .box .slick-dots li button:before{ display:none;}
	.main .event > .center .box .slick-dots li.slick-active button{ background:#000; opacity:0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
	
	
.main .golf{ position:relative; padding:50px 0 100px 0; background:#f5f5f5;}
	.main .golf > .title{ position:relative; margin:0 auto 30px auto; width:1170px; height:30px; text-align:center; letter-spacing:-1px;}
	.main .golf > .title > p{float:left; height:30px; line-height:24px; font-size:30px; font-weight:bold; color:#333;}
	.main .golf > .title ul{float:left;margin:0 0 0 20px;}
	.main .golf > .title ul li{ float:left;}
	.main .golf > .title ul li p{ height:30px;}
	.main .golf > .title ul li p font{ display:block; position:relative; z-index:10; margin:0 -1px 0 -1px; padding:0 20px; height:30px; line-height:28px; font-size:15px; color:#666; cursor:pointer;}
	.main .golf > .title ul li span{ display:block; margin:5px 0; width:0; height:20px; background:#DDD;}
	.main .golf > .title ul li p font:hover{ color:#000;}
	.main .golf > .title ul li.on p font{ background:#4cc5d4; color:#FFF; border-radius: 20px;}
	.main .golf > .title > .more{ position:absolute; z-index:10; top:0; right:0; width:78px; height:28px; border-radius:20px; border:1px solid #CCC; background:#FFF; text-align:center; line-height:24px; font-size:14px; color:#666; text-decoration:none;}
	.main .golf > .title > .more:hover{ border-color:#4cc5d4; background:#4cc5d4; color:#FFF;}
	.main .golf .bg_L{ position:absolute; z-index:20; top:0; right:50%; bottom:0; left:0; margin:0 600px 0 0; background:url(/images/main/container/golf_bg.png);}
	.main .golf .bg_R{ position:absolute; z-index:20; top:0; right:0; bottom:0; left:50%; margin:0 0 0 600px; background:url(/images/main/container/golf_bg.png);}
	
	.main .golf .center{ position:relative; z-index:10; margin:0 auto; width:1200px;}
	.main .golf .center > .box{ margin:0 0 0 -400px; width:2000px;}
	.main .golf .center > .box .slide a{ display:block; margin:0 15px; text-decoration:none;}
	.main .golf .center > .box .slide a > .img{ overflow:hidden; position:relative;}
	.main .golf .center > .box .slide a > .img .best{ display:none; position:absolute; z-index:100; top:0; right:20px;}
	.main .golf .center > .box .slide a > .img .on{ display:none; position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg50.png);}
	.main .golf .center > .box .slide a > .img .on img{ display:block; position:absolute; top:50%; left:50%; margin:50px 0 0 -20px;}
	.main .golf .center > .box .slide a > .img .line{ position:absolute; z-index:5; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:0.1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
	.main .golf .center > .box .slide a > .img .img{ display:block; width:370px !important; height:250px !important;}
	.main .golf .center > .box .slide a .box{ overflow:hidden; border:1px solid #d9d9d9; border-top:0; background:#FFF;}
	.main .golf .center > .box .slide a .box .tit{ margin:20px 29px 0 29px; height:30px; line-height:28px; font-size:16px; font-weight:bold; color:#333; letter-spacing:-2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.main .golf .center > .box .slide a .box .txt{ margin:0 29px 30px 29px; height:20px; line-height:18px; font-size:14px; color:#999; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.main .golf .center > .box .slide a .box .bottom{ overflow:hidden; padding:0 29px; border-top:1px solid #d9d9d9; background:#fafafa;}
	.main .golf .center > .box .slide a .box .bottom .info{ float:left; margin:14px 0; height:30px; line-height:28px; font-size:12px; color:#666; letter-spacing:-1px;}		
	.main .golf .center > .box .slide a .box .bottom .info img{ display:block; float:left; margin:9px 5px 0 0;}
	.main .golf .center > .box .slide a .box .bottom .btn{ float:right; margin:14px 0; width:88px; height:28px; border-radius:15px; border:1px solid #CCC; text-align:center; line-height:26px; font-size:12px; color:#666; letter-spacing:-1px;}
	.main .golf .center > .box .slide a.best > .img .best{ display:block;}
	
	.main .golf .center > .box button{ top:inherit; bottom:-70px; width:40px; height:40px;}
	.main .golf .center > .box button:before{ display:none;}
	.main .golf .center > .box button.slick-prev{ left:50%; margin:0 0 0 -50px; background:url(/images/main/container/btn_L.png);}
	.main .golf .center > .box button.slick-next{ right:50%; margin:0 -50px 0 0; background:url(/images/main/container/btn_R.png);}
	.main .golf .center > .box button.slick-prev:hover{ background:url(/images/main/container/btn_L_on.png);}
	.main .golf .center > .box button.slick-next:hover{ background:url(/images/main/container/btn_R_on.png);}
	
	.main .golf .center > .more{ display:block; margin:30px auto 0 auto; width:98px; height:38px; border-radius:20px; border:1px solid #CCC; background:#FFF; text-align:center; line-height:34px; font-size:16px; color:#666; text-decoration:none;}
	.main .golf .center > .more:hover{ border-color:#4cc5d4; background:#4cc5d4; color:#FFF;}
	
	
.main .theme{ padding:50px 0 60px 0;}
	.main .theme > .title{ position:relative; margin:0 auto 30px auto; width:1170px; height:30px; text-align:center; letter-spacing:-1px;}
	.main .theme > .title > p{ /*position:absolute; z-index:10; top:0; left:0;*/ height:30px; text-align:center; line-height:24px; font-size:30px; font-weight:bold; color:#333;}
	.main .theme > .title ul{ display:inline-block;}
	.main .theme > .title ul li{ float:left;}
	.main .theme > .title ul li p{ height:30px;}
	.main .theme > .title ul li p font{ display:block; position:relative; z-index:10; margin:0 -1px 0 -1px; padding:0 20px; height:30px; line-height:28px; font-size:15px; color:#666; cursor:pointer;}
	.main .theme > .title ul li span{ display:block; margin:5px 0; width:1px; height:20px; background:#DDD;}
	.main .theme > .title ul li p font:hover{ color:#000;}
	.main .theme > .title ul li.on p font{ background:#4cc5d4; color:#FFF;}
	.main .theme > .title > .more{ position:absolute; z-index:10; top:0; right:0; width:78px; height:28px; border-radius:20px; border:1px solid #CCC; background:#FFF; text-align:center; line-height:24px; font-size:14px; color:#666; text-decoration:none;}
	.main .theme > .title > .more:hover{ border-color:#4cc5d4; background:#4cc5d4; color:#FFF;}
	
	.main .theme .center{ overflow:hidden; margin:0 auto; width:1200px;}
	.main .theme .center .box{ float:left; width:600px;}
	.main .theme .center .left ul{ overflow:hidden;}
	.main .theme .center .left ul li{ float:left; width:50%;}
	.main .theme .center .left ul li a{ display:block; margin:0 15px; text-decoration:none;}
	.main .theme .center .left ul li a > .img{ overflow:hidden; position:relative;}
	.main .theme .center .left ul li a > .img .on{ display:none; position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg50.png);}
	.main .theme .center .left ul li a > .img .on img{ display:block; position:absolute; top:50%; left:50%; margin:50px 0 0 -20px;}
	.main .theme .center .left ul li a > .img .line{ position:absolute; z-index:5; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:0.1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
	.main .theme .center .left ul li a > .img > img{ display:block; width:270px !important; height:180px !important;}
	.main .theme .center .left ul li a .bottom{ overflow:hidden; border:1px solid #d9d9d9; border-top:0;}
	.main .theme .center .left ul li a .bottom .tit{ margin:20px 29px 0 29px; height:30px; line-height:28px; font-size:16px; font-weight:bold; color:#333; letter-spacing:-2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.main .theme .center .left ul li a .bottom .txt{ margin:10px 29px 49px 29px; height:40px; line-height:20px; font-size:14px; color:#999; letter-spacing:-1px; overflow:hidden; text-overflow:-o-ellipsis-lastline; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	
	.main .theme .center .right ul{ margin:-15px 15px 0 15px;}
	.main .theme .center .right ul li{}
	.main .theme .center .right ul li a{ overflow:hidden; display:block; position:relative; margin:15px 0 0 0; text-decoration:none;}
	.main .theme .center .right ul li a > .img{ overflow:hidden; float:left; position:relative;}
	.main .theme .center .right ul li a > .img .on{ display:none; position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg30.png);}
	.main .theme .center .right ul li a > .img .on img{ display:block; position:absolute; top:50%; left:50%; margin:50px 0 0 -20px;}
	.main .theme .center .right ul li a > .img .line{ position:absolute; z-index:5; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:0.1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
	.main .theme .center .right ul li a > .img > img{ display:block; width:150px !important; height:100px !important;}
	.main .theme .center .right ul li a .bottom{ position:absolute; top:0; right:0; bottom:0; left:150px; border:1px solid #d9d9d9; border-left:0;}
	.main .theme .center .right ul li a .bottom .tit{ margin:19px 29px 0 30px; height:30px; line-height:28px; font-size:16px; font-weight:bold; color:#333; letter-spacing:-2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.main .theme .center .right ul li a .bottom .txt{ margin:5px 29px 0 30px; height:20px; line-height:18px; font-size:14px; color:#999; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	
	
.main > .bottom{ background:#f4f2ee;}
	.main > .bottom > .center{ overflow:hidden; margin:0 auto; padding:50px 0 60px 0; width:1170px;}
	
	
.main .notice{ float:left; margin:0 30px 0 0; width:570px;}
	.main .notice > .title{ margin:0 0 30px 0; height:30px; letter-spacing:-1px;}
	.main .notice > .title  p{ float:left; margin:0 10px 0 0; height:30px; line-height:24px; font-size:30px; font-weight:bold; color:#333;}
	.main .notice > .title font{ float:left; height:30px; line-height:28px; font-size:16px; color:#666;}
	
	.main .notice ul{ overflow:hidden;}
	.main .notice ul li{ margin:0 0 20px 0;}
	.main .notice ul li a{ overflow:hidden; display:block; position:relative; background:#FFF; text-decoration:none;}
	.main .notice ul li a > .img{ overflow:hidden; float:left; position:relative;}
	.main .notice ul li a > .img .on{ display:none; position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg30.png);}
	.main .notice ul li a > .img .on img{ display:block; position:absolute; top:50%; left:50%; margin:50px 0 0 -20px;}
	.main .notice ul li a > .img .line{ position:absolute; z-index:5; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:0.1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
	.main .notice ul li a > .img > img{ display:block; width:170px !important; height:110px !important;}
	.main .notice ul li a .bottom{ position:absolute; top:0; right:0; bottom:0; left:170px; border:1px solid #d9d9d9; border-left:0;}
	.main .notice ul li a .bottom .tit{ margin:19px 29px 0 30px; height:30px; line-height:28px; font-size:16px; font-weight:bold; color:#333; letter-spacing:-2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.main .notice ul li a .bottom .tit font{ display:none; float:left; margin:0 10px 0 0; width:50px; height:30px; border-radius:15px; background:#F00; text-align:center; font-size:14px; color:#FFF;}
	.main .notice ul li a .bottom .txt{ margin:5px 29px 0 30px; height:30px; line-height:28px; font-size:14px; color:#999; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.main .notice ul li a .bottom .txt font{ display:block; float:left; margin:0 30px 0 0;}
	.main .notice ul li a .bottom .txt font img{ display:block; float:left; margin:9px 5px 0 0;}
	.main .notice ul li.on a .bottom .tit font{ display:block;}
	
	.main .notice .more{ display:block; width:98px; height:38px; border-radius:20px; border:1px solid #CCC; text-align:center; line-height:34px; font-size:16px; color:#666; text-decoration:none;}
	.main .notice .more:hover{ border-color:#4cc5d4; background:#4cc5d4; color:#FFF;}
	
	
.main .faq{ float:left; width:570px;}
	.main .faq > .title{ margin:0 0 30px 0; height:30px; letter-spacing:-1px;}
	.main .faq > .title  p{ float:left; margin:0 10px 0 0; height:30px; line-height:24px; font-size:30px; font-weight:bold; color:#333;}
	.main .faq > .title font{ float:left; height:30px; line-height:28px; font-size:16px; color:#666;}
	
	.main .faq .box{ margin:0 0 20px 0; padding:4px 29px; border:1px solid #CCC;}
	.main .faq .box ul{}
	.main .faq .box ul li{ position:relative; padding:0 0 0 0; height:49px; border-top:1px solid #CCC;}
	.main .faq .box ul li:first-child{ height:50px; border:0;}
	.main .faq .box ul li a{ float:left; height:50px; letter-spacing:-1px;}
	.main .faq .box ul li a span{ display:block; float:left; margin:22px 5px 0 0; width:4px; height:4px; border-radius:50%; background:#666;}
	.main .faq .box ul li a font{ display:block; float:left; max-width:300px; line-height:48px; font-size:15px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.main .faq .box ul li a img{ display:block; float:left; margin:14px 0 0 10px;}
	.main .faq .box ul li p{ float:right; margin:0 0 0 0; height:50px; text-align:right; line-height:48px; font-size:14px; color:#666}
	.main .faq .box ul li > font{ display:block; position:absolute; top:9px; right:0; width:70px; height:30px; border-radius:15px; background:#F00; text-align:center; line-height:27px; font-size:12px; color:#FFF; letter-spacing:-1px;}
	.main .faq .box ul li.on > font{ background:#4cc5d4;}
	.main .faq .box ul li a:hover font{ font-weight:bold; color:#000;}
	
	.main .faq .more{ display:block; float:left; margin:0 10px 0 0; width:98px; height:38px; border-radius:20px; border:1px solid #CCC; text-align:center; line-height:34px; font-size:16px; color:#666; text-decoration:none;}
	.main .faq .more:hover{ border-color:#4cc5d4; background:#4cc5d4; color:#FFF;}
	.main .faq .btn{ display:block; float:left; padding:0 19px; height:38px; border-radius:20px; border:1px solid #CCC; text-align:center; line-height:34px; font-size:12px; color:#666; text-decoration:none;}
	.main .faq .btn img{ display:block; float:left; margin:12px 5px 0 0;}
	.main .faq .btn:hover{ border-color:#4cc5d4; background:#4cc5d4; color:#333;}
	/*.main .faq ul{ overflow:hidden;}
	.main .faq ul li{ float:left; margin:0 0 0 18px; width:80px; height:80px;}
	.main .faq ul li:first-child{ margin:0;}
	.main .faq ul li a{ height:78px; border:1px solid #CCC; border-radius:30px;}
	.main .faq ul li a .icon{ position:relative; margin:19px auto 0 auto; width:24px; height:24px;}
	.main .faq ul li a .icon .on{ display:none; position:absolute; z-index:10; top:0; left:0;}
	.main .faq ul li a .icon .off{ display:block;}
	.main .faq ul li a .icon img{ display:block;}
	.main .faq ul li a p{ text-align:center; line-height:25px; font-size:12px; color:#666;}*/
	
	
.main .qna{ float:left; margin:60px 0 0 0; width:570px;}
	.main .qna > .title{ margin:0 0 30px 0; height:30px; letter-spacing:-1px;}
	.main .qna > .title  p{ float:left; margin:0 10px 0 0; height:30px; line-height:24px; font-size:30px; font-weight:bold; color:#333;}
	.main .qna > .title font{ float:left; height:30px; line-height:28px; font-size:16px; color:#666;}
	
	.main .qna .box{ margin:0 0 20px 0; padding:4px 29px; border:1px solid #CCC;}
	.main .qna .box ul{}
	.main .qna .box ul li{ position:relative; padding:0 70px 0 0; height:49px; border-top:1px solid #CCC;}
	.main .qna .box ul li:first-child{ height:50px; border:0;}
	.main .qna .box ul li a{ float:left; height:50px; letter-spacing:-1px;}
	.main .qna .box ul li a span{ display:block; float:left; margin:22px 5px 0 0; width:4px; height:4px; border-radius:50%; background:#666;}
	.main .qna .box ul li a font{ display:block; float:left; max-width:280px; line-height:48px; font-size:15px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.main .qna .box ul li a img{ display:block; float:left; margin:14px 0 0 10px;}
	.main .qna .box ul li p{ float:right; margin:0 20px 0 0; height:50px; text-align:right; line-height:48px; font-size:14px; color:#666}
	.main .qna .box ul li > font{ display:block; position:absolute; top:9px; right:0; width:70px; height:30px; border-radius:15px; background:#F00; text-align:center; line-height:27px; font-size:12px; color:#FFF; letter-spacing:-1px;}
	.main .qna .box ul li.on > font{ background:#4cc5d4;}
	.main .qna .box ul li a:hover font{ font-weight:bold; color:#000;}
	
	.main .qna .more{ display:block; float:left; margin:0 10px 0 0; width:98px; height:38px; border-radius:20px; border:1px solid #CCC; text-align:center; line-height:34px; font-size:16px; color:#666; text-decoration:none;}
	.main .qna .more:hover{ border-color:#4cc5d4; background:#4cc5d4; color:#FFF;}
	.main .qna .btn{ display:block; float:left; padding:0 19px; height:38px; border-radius:20px; border:1px solid #CCC; text-align:center; line-height:34px; font-size:12px; color:#666; text-decoration:none;}
	.main .qna .btn img{ display:block; float:left; margin:12px 5px 0 0;}
	.main .qna .btn:hover{ border-color:#4cc5d4; background:#4cc5d4; color:#333;}
	
	
.footer{ overflow:hidden; border-top:1px solid #DDD;}
	.footer .top{ overflow:hidden; margin:0 auto; width:1200px;}
	.footer .top .box{ float:left; margin:0 15px; padding:69px 0 60px 0; width:270px;}
	.footer .top .box .logo{ margin:-30px 0 0 0;}
	.footer .top .box > p{ margin:20px 0 0 0; height:20px; line-height:18px; font-size:20px; font-family:Arial; color:#333;}
	.footer .top .box ul{ margin:20px 0 0 0;}
	.footer .top .box ul li{ overflow:hidden;}
	.footer .top .box ul li a{ display:block; float:left; margin:0 0 0 0; padding:5px 0; line-height:15px; font-size:13px; color:#666; letter-spacing:-1px; text-decoration:none;}
	.footer .top .box ul li a img{ display:block; float:left; margin:2px 10px 0 0; opacity:0.4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);}
	.footer .top .box ul li a:hover{ color:#000;}
	.footer .top .box ul li a:hover img{ opacity:0.8;}
	.footer .top .box ul li p{ padding:5px 0; line-height:15px; font-size:13px; color:#666;}
	.footer .top .box ul li p font{ font-weight:bold; color:#555;}
	
	.footer .top .sns{ overflow:hidden;}
	.footer .top .sns li{ margin:0 10px 0 0;}
	.footer .top .sns li a{ position:relative; width:50px; height:50px;}
	.footer .top .sns li a img{ display:block; opacity:1 !important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
	.footer .top .sns li a img.on{ display:none; position:absolute; z-index:10;}
	.footer .top .sns li a:hover .on{ display:block;}
	.footer .top .sns li a:hover .off{ display:none;}
	
	.footer .bottom{ height:99px; border-top:1px solid #DDD; background:#f0f0f0;}
	.footer .bottom .center{ overflow:hidden; margin:0 auto; padding:0 15px; width:1170px;}
	.footer .bottom p{ float:left; height:100px; line-height:98px; font-size:14px; color:#999; text-transform:uppercase;}
	.footer .bottom ul{ float:right; margin:32px 0 0 0;}
	.footer .bottom ul li{ float:left; margin:0 0 0 10px;}
	.footer .bottom ul li img{ display:block;}
	
	
	
	
	
.visual_sub{ overflow:hidden; position:relative; height:350px;}
	.visual_sub .bg{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; background:url(/images/contents/visual_bg.png) repeat-x bottom;}
	.visual_sub .bg p{ margin:140px 0 0 0; text-align:center; line-height:50px; font-size:50px; font-weight:bold; color:#FFF;}
	.visual_sub .bg font{ display:block; text-align:center; line-height:40px; font-size:18px; color:#FFF;}
	/*.visual_sub img{ display:block; position:absolute; top:0; left:50%; margin:0 0 0 -960px;}*/
	.visual_sub img.topbg{ display:block; position:absolute; top:0; left: 0; height: 350px; margin: 0 auto;}

@media (min-width:1921px){
	.visual_sub{ height:auto;}	
	/*.visual_sub img{ position:static !important; left:inherit !important; margin:0 !important; width:100% !important;}*/
	.visual_sub img.topbg{ display:block; position:absolute; top:0; left: 0; width: 100%; height: 350px; margin: 0 auto;}
}
	
		
.sub{ overflow:hidden;}


.sub .gpark{ margin:0 auto; padding:50px 0 80px 0; width:1200px;}
	.sub .gpark > .title{ overflow:hidden; margin:0 0 50px 0; text-align:center; letter-spacing:-1px;}
	.sub .gpark > .title p{ line-height:40px; font-size:40px; font-weight:bold; color:#333;}
	.sub .gpark > .title font{ display:block; margin:10px 0 0 0; line-height:20px; font-size:16px; color:#666;}
	
	.sub .gpark .list{ overflow:hidden; margin:0 0 50px 0;}
	.sub .gpark .list ul{ overflow:hidden; margin:-30px 0 0 0;}
	.sub .gpark .list ul li{ margin:30px 0 0 0;}
	.sub .gpark .list ul li a{ display:block; margin:0 15px; text-decoration:none;}
	.sub .gpark .list ul li a > .img{ overflow:hidden; position:relative;}
	.sub .gpark .list ul li a > .img .best{ display:none; position:absolute; z-index:100; top:0; right:20px;}
	.sub .gpark .list ul li a > .img .on{ display:none; position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg50.png);}
	.sub .gpark .list ul li a > .img .on img{ display:block; position:absolute; top:50%; left:50%; margin:50px 0 0 -20px;}
	.sub .gpark .list ul li a > .img .line{ position:absolute; z-index:5; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:0.1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
	.sub .gpark .list ul li a > .img .img{ display:block; width:100% !important; height:250px !important;}
	.sub .gpark .list ul li a .box{ overflow:hidden; border:1px solid #d9d9d9; border-top:0; background:#FFF;}
	.sub .gpark .list ul li a .box .tit{ margin:20px 29px 20px 29px; height:30px; line-height:28px; font-size:20px; font-weight:bold; color:#333; letter-spacing:-2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .gpark .list ul li a .box .bottom{ overflow:hidden; padding:0 29px; border-top:1px solid #d9d9d9; background:#fafafa;}
	.sub .gpark .list ul li a .box .bottom .info{ float:left; margin:14px 0; height:30px; line-height:28px; font-size:12px; color:#666; letter-spacing:-1px;}		
	.sub .gpark .list ul li a .box .bottom .info img{ display:block; float:left; margin:9px 5px 0 0;}
	.sub .gpark .list ul li a .box .bottom .btn{ float:right; margin:14px 0; width:88px; height:28px; border-radius:15px; border:1px solid #CCC; text-align:center; line-height:26px; font-size:12px; color:#666; letter-spacing:-1px;}
	.sub .gpark .list ul li a.best > .img .best{ display:block;}
	
.sub .gpark .view{ overflow:hidden; margin:0 15px; border:1px solid #d9d9d9;}
	.sub .gpark .view .tit{ padding:20px 29px 24px 29px; border-bottom:1px solid #d9d9d9; line-height:28px; font-size:20px; font-weight:bold; color:#333; letter-spacing:-2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .gpark .view .bottom{ overflow:hidden; padding:30px 29px 29px 29px; background:#fafafa;}
	
	
	


.sub .golf{ margin:0 auto; padding:50px 0 80px 0; width:1200px;}
	.sub .golf > .title{ overflow:hidden; margin:0 0 50px 0; text-align:center; letter-spacing:-1px;}
	.sub .golf > .title p{ line-height:40px; font-size:40px; font-weight:bold; color:#333;}
	.sub .golf > .title font{ display:block; margin:10px 0 0 0; line-height:20px; font-size:16px; color:#666;}
	
	.sub .golf .list{ overflow:hidden; margin:0 0 50px 0;}
	.sub .golf .list ul{ overflow:hidden; margin:-30px 0 0 0;}
	.sub .golf .list ul li{ float:left; margin:30px 0 0 0; width:400px;}
	.sub .golf .list ul li a{ display:block; margin:0 15px; text-decoration:none;}
	.sub .golf .list ul li a > .img{ overflow:hidden; position:relative;}
	.sub .golf .list ul li a > .img .best{ display:none; position:absolute; z-index:100; top:0; right:20px;}
	.sub .golf .list ul li a > .img .on{ display:none; position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg50.png);}
	.sub .golf .list ul li a > .img .on img{ display:block; position:absolute; top:50%; left:50%; margin:50px 0 0 -20px;}
	.sub .golf .list ul li a > .img .line{ position:absolute; z-index:5; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:0.1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
	.sub .golf .list ul li a > .img .img{ display:block; width:370px !important; height:250px !important;}
	.sub .golf .list ul li a .box{ overflow:hidden; border:1px solid #d9d9d9; border-top:0; background:#FFF;}
	.sub .golf .list ul li a .box .tit{ margin:20px 29px 0 29px; height:30px; line-height:28px; font-size:16px; font-weight:bold; color:#333; letter-spacing:-2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .golf .list ul li a .box .txt{ margin:0 29px 30px 29px; height:20px; line-height:18px; font-size:14px; color:#999; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .golf .list ul li a .box .bottom{ overflow:hidden; padding:0 29px; border-top:1px solid #d9d9d9; background:#fafafa;}
	.sub .golf .list ul li a .box .bottom .info{ float:left; margin:14px 0; height:30px; line-height:28px; font-size:12px; color:#666; letter-spacing:-1px;}		
	.sub .golf .list ul li a .box .bottom .info img{ display:block; float:left; margin:9px 5px 0 0;}
	.sub .golf .list ul li a .box .bottom .btn{ float:right; margin:14px 0; width:88px; height:28px; border-radius:15px; border:1px solid #CCC; text-align:center; line-height:26px; font-size:12px; color:#666; letter-spacing:-1px;}
	.sub .golf .list ul li a.best > .img .best{ display:block;}
	
.sub .golf .view{ overflow:hidden; margin:0 15px; border-top:2px solid #3daab8;}
	.sub .golf .view > .tit{ padding:20px 29px 24px 29px; border-bottom:1px solid #d9d9d9; line-height:28px; font-size:20px; font-weight:bold; color:#333; letter-spacing:-2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .golf .view .top{ overflow:hidden; padding:30px 29px 29px 29px; border:1px solid #d9d9d9; border-top:0; background:#FFF;}
	.sub .golf .view .top .left{ float:left;}
	.sub .golf .view .top .left img{ width:450px; height:300px;}
	.sub .golf .view .top .right{ float:right; width:630px;}
	.sub .golf .view .top .right ul{ margin:-5px 0 0 0;}
	.sub .golf .view .top .right ul li{ padding:15px 0 15px 100px; border-top:1px dotted #d9d9d9;}
	.sub .golf .view .top .right ul li:first-child{ border-top:0;}
	.sub .golf .view .top .right ul li .tit{ float:left; margin:0 0 0 -100px; height:20px; line-height:18px; font-size:16px; font-weight:bold; color:#333; letter-spacing:-1px;}
	.sub .golf .view .top .right ul li .tit span{ float:left; margin:9px 5px 0 0; width:4px; height:4px; border-radius:50%; background:#3daab8;}
	.sub .golf .view .top .right ul li .txt{ margin:-3px 0 0 0; line-height:24px; font-size:14px; color:#666;}
	.sub .golf .view .top .right ul li .title{ margin:-4px 0 0 0; line-height:24px; font-size:20px; font-weight:bold; color:#000; letter-spacing:-2px;}
	
	.sub .golf .view .middle{ overflow:hidden; margin:30px 0 0 0;  background:#FFF;}
	.sub .golf .view .middle .head{ position:relative; height:48px; border:1px solid #d9d9d9; background:#fafafa;}
	.sub .golf .view .middle .head p{ position:absolute; top:-1px; bottom:-1px; left:-1px; width:200px; background:#3daab8; text-align:center; line-height:48px; font-size:18px; font-weight:bold; color:#FFF; letter-spacing:-1px;}
	.sub .golf .view .middle .head span{ display:block; position:absolute; right:-1px; bottom:-1px; left:-1px; height:2px; background:#3daab8;}
	.sub .golf .view .middle .body{ padding:30px 29px 29px 29px; border:1px solid #d9d9d9; border-top:0;}
	.sub .golf .view .middle .body .img{ margin:0 0 30px 0;}
	.sub .golf .view .middle .body .img ul{ overflow:hidden; margin:-15px 0 0 0; width:1125px;}
	.sub .golf .view .middle .body .img ul li{ float:left; margin:15px 15px 0 0;}
	.sub .golf .view .middle .body .img ul li img{ display:block; width:360px;}
	
	.sub .golf .view .bottom{ overflow:hidden; margin:30px 0 0 0;  background:#FFF;}
	.sub .golf .view .bottom .left{ float:left; width:585px;}
	.sub .golf .view .bottom .right{ position:relative; z-index:10; float:left; margin:0 0 0 -1px; width:586px;}
	.sub .golf .view .bottom .head{ position:relative; height:48px; border:1px solid #d9d9d9; background:#fafafa;}
	.sub .golf .view .bottom .head p{ position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; background:#3daab8; text-align:center; line-height:48px; font-size:18px; font-weight:bold; color:#FFF; letter-spacing:-1px;}
	.sub .golf .view .bottom .head span{ display:block; position:absolute; right:-1px; bottom:-1px; left:-1px; height:2px; background:#3daab8;}
	.sub .golf .view .bottom .body{ padding:30px 29px 29px 29px; height:300px; border:1px solid #d9d9d9; border-top:0;}

	
/*search shin*/
.sub .search{ margin:0 auto; padding:10px 0 0px 0; width:1200px;}
	.sub .search > .title{ overflow:hidden; margin:0 0 50px 0; text-align:center; letter-spacing:-1px;}
	.sub .search > .title p{ line-height:40px; font-size:40px; font-weight:bold; color:#333;}
	.sub .search > .title font{ display:block; margin:10px 0 0 0; line-height:20px; font-size:16px; color:#666;}	
/*search end shin*/

	
.sub .direct{ margin:0 auto; padding:50px 0 80px 0; width:1200px;}
	.sub .direct > .title{ overflow:hidden; margin:0 0 50px 0; text-align:center; letter-spacing:-1px;}
	.sub .direct > .title p{ line-height:40px; font-size:40px; font-weight:bold; color:#333;}
	.sub .direct > .title font{ display:block; margin:10px 0 0 0; line-height:20px; font-size:16px; color:#666;}
	
	.sub .direct .list{ overflow:hidden; margin:0 0 50px 0;}
	.sub .direct .list ul{ overflow:hidden; margin:-30px 0 0 0;}
	.sub .direct .list ul li{ float:left; margin:30px 0 0 0; width:400px;}
	.sub .direct .list ul li a{ display:block; margin:0 15px; text-decoration:none;}
	.sub .direct .list ul li a > .img{ overflow:hidden; position:relative;}
	.sub .direct .list ul li a > .img .best{ display:none; position:absolute; z-index:100; top:0; right:20px;}
	.sub .direct .list ul li a > .img .on{ display:none; position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg50.png);}
	.sub .direct .list ul li a > .img .on img{ display:block; position:absolute; top:50%; left:50%; margin:50px 0 0 -20px;}
	.sub .direct .list ul li a > .img .line{ position:absolute; z-index:5; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:0.1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
	.sub .direct .list ul li a > .img .img{ display:block; width:370px !important; height:250px !important;}
	.sub .direct .list ul li a .box{ overflow:hidden; border:1px solid #d9d9d9; border-top:0; background:#FFF;}
	.sub .direct .list ul li a .box .tit{ margin:20px 29px 0 29px; height:30px; line-height:28px; font-size:16px; font-weight:bold; color:#333; letter-spacing:-2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .direct .list ul li a .box .txt{ margin:0 29px 30px 29px; height:20px; line-height:18px; font-size:14px; color:#999; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .direct .list ul li a .box .bottom{ overflow:hidden; padding:0 29px; border-top:1px solid #d9d9d9; background:#fafafa;}
	.sub .direct .list ul li a .box .bottom .info{ float:left; margin:14px 0; height:30px; line-height:28px; font-size:12px; color:#666; letter-spacing:-1px;}		
	.sub .direct .list ul li a .box .bottom .info img{ display:block; float:left; margin:9px 5px 0 0;}
	.sub .direct .list ul li a .box .bottom .btn{ float:right; margin:14px 0; width:88px; height:28px; border-radius:15px; border:1px solid #CCC; text-align:center; line-height:26px; font-size:12px; color:#666; letter-spacing:-1px;}
	.sub .direct .list ul li a.best > .img .best{ display:block;}
	
.sub .direct .view{ position:relative; margin:0 15px; border:1px solid #d9d9d9;}
	.sub .direct .view .line{ position:absolute; z-index:10; top:-1px; right:-1px; left:-1px; height:2px; background:#3daab8;}
	.sub .direct .view .tit{ padding:20px 49px 24px 49px; border-bottom:1px solid #d9d9d9; line-height:28px; font-size:22px; font-weight:bold; color:#333; letter-spacing:-2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .direct .view .bottom{ overflow:hidden; padding:50px 49px 49px 49px; background:#fafafa;}
	.sub .direct .view .img{ width:1095px;}
	.sub .direct .view .img ul{ margin:-25px 0 0 0;}
	.sub .direct .view .img ul li{ float:left; margin:25px 25px 0 0; width:340px;}
	.sub .direct .view .img ul li .item{ overflow:hidden; padding:29px; height:312px; border:1px solid #DDD; background:#FFF;}
	.sub .direct .view .img ul li .item img{ display:block; width:100% !important; height:190px !important;}
	.sub .direct .view .img ul li .item p{ margin:10px 0 0 0; line-height:30px; font-size:18px; font-weight:bold; color:#333;}
	.sub .direct .view .img ul li .item font{ display:block; margin:10px 0 0 0; line-height:24px; font-size:14px; color:#666; letter-spacing:-1px;}
	
	
	
.sub > .event{ margin:0 auto; padding:50px 0 80px 0; width:1200px;}
	.sub .event > .title{ overflow:hidden; margin:0 0 30px 0; text-align:center; letter-spacing:-1px;}
	.sub .event > .title p{ line-height:40px; font-size:40px; font-weight:bold; color:#333;}
	.sub .event > .title font{ display:block; margin:10px 0 0 0; line-height:20px; font-size:16px; color:#666;}
	
	.sub .event .menu{ margin:0 auto 50px auto; width:1170px; height:50px;}
	.sub .event .menu ul{ height:50px; border-left:1px solid #CCC;}
	.sub .event .menu ul li{ float:left; height:50px;}
	.sub .event .menu ul li div{ position:relative; height:48px; border:1px solid #CCC; border-left:0; background:#f5f5f5;}
	.sub .event .menu ul li div a{ position:absolute; top:-1px; right:-1px; bottom:0; left:-1px; text-align:center; line-height:48px; font-size:15px; font-weight:500; color:#333; text-transform:uppercase; cursor:pointer;}
	.sub .event .menu ul li:hover div{ background:#DDD;}
	.sub .event .menu ul li:hover div a{}
	.sub .event .menu ul li.on div{ background:#FFF;}
	.sub .event .menu ul li.on div a{ border-top:2px solid #4cc5d4; line-height:44px; font-weight:bold; color:#333;}
	
	.sub .event .list{ overflow:hidden; margin:0 0 50px 0;}
	.sub .event .list ul{ overflow:hidden; margin:-30px 0 0 0;}
	.sub .event .list ul li{ margin:30px 0 0 0;}
	.sub .event .list ul li a{ display:block; position:relative; margin:0 15px; text-decoration:none;}
	.sub .event .list ul li a .on{ display:none; position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg50.png);}
	.sub .event .list ul li a .on img{ display:block; position:absolute; top:50%; left:50%; margin:30px 0 0 -15px;}
	.sub .event .list ul li a > img{ display:block; width:100%;}
	
	
	
	
.signup{ overflow:hidden; background:#f5f5f5;}
	.signup .wrap{ overflow:hidden; margin:0 auto; padding:0 15px; width:1170px;}	
	.signup .wrap .logo{ margin:50px auto; width:230px;}
	.signup .wrap .logo img{ display:block;}
	.signup .wrap .box{ margin:0 auto; width:600px; border:1px solid #CCC; background:#FFF;}
	
	.signup .wrap .box .policy{ padding:24px 29px 19px 29px; border-bottom:1px solid #DDD;}
	.signup .wrap .box .policy .contents{ height:198px; padding:0 29px; border:1px solid #DDD; background:#f5f5f5; overflow-y:auto;}
	.signup .wrap .box .policy .contents .p1{ margin:29px 0 10px 0; font-size:15px; line-height:15px; color:#4cc5d4; text-align:center; font-weight:bold;}
	.signup .wrap .box .policy .contents .p2{ font-size:14px; line-height:14px; color:#333; font-weight:bold;}
	.signup .wrap .box .policy .contents .p3{ font-size:12px; line-height:20px; color:#666; margin:5px 0 20px 0;}
	.signup .wrap .box .policy .contents ol{ font-size:12px; line-height:20px; color:#666; margin:5px 0 20px 20px;}
	.signup .wrap .box .policy .contents ol li{ list-style-type:decimal !important;}
	
	.signup .wrap .box .info{}
	.signup .wrap .box .info li{ overflow:hidden; padding:0 0 0 120px; border-top:1px solid #DDD;}
	.signup .wrap .box .info li:first-child{ border:0;}
	.signup .wrap .box .info li .left{ float:left; margin:0 0 0 -120px; width:119px; border-right:1px solid #DDD;}
	.signup .wrap .box .info li .left p{ padding:0 0 0 19px; height:50px; line-height:48px; font-size:14px; color:#666;}
	.signup .wrap .box .info li .right{ width:100%; margin:8px; 0px;}
	.signup .wrap .box .info li .right .input{ width:348px; height:20px; padding:5px 5px; border:0; border-radius:2; background:#eaeaea; line-height:20px; font-size:14px; color:#666; outline:none; -webkit-appearance:none;}
	.signup .wrap .box .info li .right select{ display:block; float:left;  margin-right:5px;  width:100px; padding:0; height:26px; line-height:23px; border:1; background:none; outline:none; font-size:14px; color:#666; text-align:center;}
	
	.signup .wrap .login{ margin:0 auto; width:500px;}
	.signup .wrap .login .input{ width:458px; height:48px; padding:0 20px; border:1px solid #CCC; border-radius:0; background:#FFF; line-height:44px; font-size:16px; color:#666; outline:none; -webkit-appearance:none;}
	
	.signup .wrap .btn{ overflow:hidden; margin:20px auto 50px auto; width:500px; text-align:center; line-height:54px; font-size:20px; font-weight:bold; letter-spacing:-2px;}
	.signup .wrap .btn .ok{ float:left; width:245px; height:60px; border-radius:2px; background:#4cc5d4; color:#FFF; cursor:pointer;}
	.signup .wrap .btn .no{ float:left; margin:0 0 0 10px; width:243px; height:58px; border-radius:2px; border:1px solid #DDD; background:#FFF; color:#666; cursor:pointer;}
	
	.signup .bottom{ margin:0 0 100px 0; text-align:center;}
	.signup .bottom ul{ overflow:hidden; display:inline-block;}
	.signup .bottom ul li{ float:left;}
	.signup .bottom ul li a{ display:block; padding:7px 0 9px 0; line-height:14px; font-size:12px; color:#666; letter-spacing:-1px; text-decoration:none;}
	.signup .bottom ul li a img{ display:block; float:left; margin:0 5px 0 0; opacity:0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
	.signup .bottom ul li a:hover{ color:#000;}
	.signup .bottom ul li a:hover img{ opacity:1;}
	.signup .bottom ul li span{ display:block; margin:7px 15px; width:1px; height:16px; border-radius:50%; background:#CCC;}
	.signup .bottom p{ margin:10px 0 0 0; font-size:12px; color:#999;}
	
	
	
.sub .guide{ margin:0 0 30px 0; padding:10px 0 9px 0; border-bottom:1px solid #DDD; background:#f5f5f5;}
	.sub .guide ul{ overflow:hidden; margin:0 auto; width:1170px;}
	.sub .guide ul li{ float:left;}
	.sub .guide ul li p{ height:20px; line-height:18px; font-size:12px; color:#666;}
	.sub .guide ul li font{ display:block; margin:0 20px; height:20px; line-height:18px; font-size:10px; color:#DDD;}
	
	
.sub .page{ overflow:hidden; margin:0 auto 80px auto; width:1200px;}
	.sub .page > .left{ float:left; padding:0 15px; width:270px;}
	.sub .page > .left .top{ overflow:hidden;}
	.sub .page > .left .top p{ float:left; padding:0 0 0 0; height:48px; border-bottom:2px solid #666; line-height:46px; font-size:22px; font-weight:bold; color:#333; letter-spacing:-2px;}
	.sub .page > .left .bottom{ margin:15px 0 0 0;}
	.sub .page > .left .bottom ul{}
	.sub .page > .left .bottom ul li{}
	.sub .page > .left .bottom ul li a{ overflow:hidden;}
	.sub .page > .left .bottom ul li a p{ float:left; padding:0 20px 0 10px; height:49px; border-bottom:1px solid #DDD; line-height:48px; font-size:16px; color:#666;}
	.sub .page > .left .bottom ul li:hover a p{ border-bottom:1px solid #999; color:#000;}
	.sub .page > .left .bottom ul li.on a p{ width:100%; border-bottom:1px solid #4cc5d4; font-weight:bold; color:#000;}
	
	.sub .page > .right{ float:right; width:900px; }
	.sub .page > .right > .box{ margin:0 15px; border:1px solid #DDD; background:#FFF; box-shadow:0 1px 5px 0 rgba(0,0,0,0.08);}

/* search box shin*/
	.sub .page > .search{ float:left; width:1200px; }
	.sub .page > .search > .box{ margin:0 15px; border:1px solid #DDD; background:#FFF; box-shadow:0 1px 5px 0 rgba(0,0,0,0.08);}
/* search box end shin*/


	
	.sub .page > .right .profile{}
	.sub .page > .right .profile li{ overflow:hidden; position:relative; padding:0 0 0 180px; border-top:1px solid #DDD;}
	.sub .page > .right .profile li:first-child{ border:0;}
	.sub .page > .right .profile li .left{ position:absolute; top:0; bottom:0; left:0; width:179px; border-right:1px solid #DDD;}
	.sub .page > .right .profile li .left p{ padding:0 0 0 39px; height:60px; line-height:58px; font-size:14px; font-weight:bold; color:#666; letter-spacing:-1px;}
	.sub .page > .right .profile li .right{ overflow:hidden; width:100%;}
	.sub .page > .right .profile li .right .txt{ margin:10px 30px; height:40px; line-height:38px; font-size:16px; color:#666;}
	.sub .page > .right .profile li .right .input{ width:648px; height:60px; padding:0 20px; border:0; border-radius:0; background:#FFF; line-height:58px; font-size:14px; color:#666; outline:none; -webkit-appearance:none;}
	.sub .page > .right .profile li .right textarea{ max-width:648px; width:648px; max-height:150px; height:150px; padding:20px 20px; border:0; border-radius:0; background:#FFF; line-height:20px; font-size:14px; color:#666; outline:none; -webkit-appearance:none;}
	
	.sub .page > .right .profile li .right .btn{ float:left; margin:15px 30px; width:120px; height:30px; border-radius:3px; background:#4cc5d4; text-align:center; line-height:26px; font-size:14px; color:#FFF; letter-spacing:-1px; cursor:pointer;}
	.sub .page > .right .profile li .right .btn:hover{ background:#35a3b1;}
	
	.sub .page > .right .btn_edit{ margin:20px 0 0 15px; width:180px; height:60px; border-radius:2px; background:#4cc5d4; text-align:center; line-height:56px; font-size:18px; font-weight:bold; color:#FFF; letter-spacing:-2px;}
	.sub .page > .right .btn_edit:hover{ background:#35a3b1;}
	
	
	.sub .page > .right .notice{ overflow:hidden; margin:-20px 15px 0 15px; padding:0 0 50px 0;}
	.sub .page > .right .notice li{ margin:20px 0 0 0; box-shadow:0 1px 5px 0 rgba(0,0,0,0.08);}
	.sub .page > .right .notice li a{ overflow:hidden; display:block; position:relative; background:#FFF; text-decoration:none;}
	.sub .page > .right .notice li a > .img{ overflow:hidden; float:left; position:relative;}
	.sub .page > .right .notice li a > .img .on{ display:none; position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg30.png);}
	.sub .page > .right .notice li a > .img .on img{ display:block; position:absolute; top:50%; left:50%; margin:50px 0 0 -20px;}
	.sub .page > .right .notice li a > .img .line{ position:absolute; z-index:5; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:0.1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}
	.sub .page > .right .notice li a > .img > img{ display:block; width:170px !important; height:110px !important;}
	.sub .page > .right .notice li a .bottom{ position:absolute; top:0; right:0; bottom:0; left:170px; border:1px solid #d9d9d9; border-left:0;}
	.sub .page > .right .notice li a .bottom .tit{ margin:19px 29px 0 30px; height:30px; line-height:28px; font-size:16px; font-weight:bold; color:#333; letter-spacing:-2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .page > .right .notice li a .bottom .tit font{ display:none; float:left; margin:0 10px 0 0; width:50px; height:30px; border-radius:15px; background:#F00; text-align:center; font-size:14px; color:#FFF;}
	.sub .page > .right .notice li a .bottom .txt{ margin:5px 29px 0 30px; height:30px; line-height:28px; font-size:14px; color:#999; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.sub .page > .right .notice li a .bottom .txt font{ display:block; float:left; margin:0 30px 0 0;}
	.sub .page > .right .notice li a .bottom .txt font img{ display:block; float:left; margin:9px 5px 0 0;}
	.sub .page > .right .notice li.on a .bottom .tit font{ display:block;}
	
	
	
.company_policy{}
	.company_policy .contents{ }
	.company_policy .contents .p1{ margin:29px 0 10px 0; font-size:15px; line-height:15px; color:#4cc5d4; text-align:center; font-weight:bold;}
	.company_policy .contents .p2{ font-size:14px; line-height:14px; color:#333; font-weight:bold;}
	.company_policy .contents .p3{ font-size:12px; line-height:20px; color:#666; margin:5px 0 20px 0;}
	.company_policy .contents ol{ font-size:12px; line-height:20px; color:#666; margin:5px 0 20px 20px;}
	.company_policy .contents ol li{ list-style-type:decimal !important;}
	
	
.sub_location_table{ border-top:2px solid #333;}
	.sub_location_table .center{ border:1px solid #CCC; border-top:0;}
	.sub_location_table .line{ width:159px; height:30px; background:#fafafa; border-right:1px solid #dcdcdc;}
	.sub_location_table dl{ position:relative; padding-left:160px;}
	.sub_location_table dl:hover{ background:#f0f0f0;}
	.sub_location_table dl:hover dt{ background:#f0f0f0;}
	.sub_location_table dl dt{ position:absolute; top:0; bottom:0; left:0; width:159px; background:#fafafa; border-right:1px solid #dcdcdc;}
	.sub_location_table dl dt p{ padding:0 0 0 30px; line-height:20px; font-size:15px; font-weight:bold; color:#333;}
	.sub_location_table dl dd{ padding:10px 30px;}
	.sub_location_table dl dd .input{ height:38px; padding:0 9px 0 9px; border:1px solid #c9c9c9; background:#fafafa; line-height:36px; font-size:14px; color:#666; outline:none;}
	.sub_location_table dl dd .radio{ display:block; float:left; margin:13px 5px 0 0; width:14px; height:14px;}
	.sub_location_table dl dd textarea{ width:700px; max-width:700px; height:140px; max-height:140px; padding:4px 9px; border:1px solid #c9c9c9; background:#fafafa; font-size:13px; color:#666; line-height:20px; outline:none;}
	.sub_location_table dl dd .file_btn{ float:left; width:114px; height:38px; line-height:36px; text-align:center; font-size:13px; color:#666; background:#FFF; border:1px solid #c9c9c9; border-left:0; cursor:pointer;}
	.sub_location_table dl dd .file_btn:hover{ background:#DDD; color:#333;}
	.sub_location_table dl dd .file_plus{ float:left; width:24px; height:38px; background:#F00; line-height:38px; text-align:center; font-size:20px; color:#333; background:#fafafa; border:1px solid #c9c9c9; border-left:0; cursor:pointer;}
	.sub_location_table dl dd .file_plus:hover{ background:#DDD;}
	.sub_location_table dl dd .info{ overflow-y:scroll; padding:30px 30px; width:658px; height:128px; background:#fafafa; border:1px solid #c9c9c9; line-height:20px; font-size:13px; color:#999; outline:none;}
	
	
	
	
.sub_faq_menu{ margin:0 15px 30px 15px;}
	.sub_faq_menu ul{ overflow:hidden;}
	.sub_faq_menu ul li{ float:left; margin:0 0 0 18px; width:80px; height:80px;}
	.sub_faq_menu ul li:first-child{ margin:0;}
	.sub_faq_menu ul li a{ height:78px; border:1px solid #CCC; border-radius:30px; cursor:pointer;}
	.sub_faq_menu ul li a .icon{ position:relative; margin:19px auto 0 auto; width:24px; height:24px;}
	.sub_faq_menu ul li a .icon .on{ display:none; position:absolute; z-index:10; top:0; left:0;}
	.sub_faq_menu ul li a .icon .off{ display:block;}
	.sub_faq_menu ul li a .icon img{ display:block;}
	.sub_faq_menu ul li a p{ text-align:center; line-height:25px; font-size:12px; color:#666;}
	.sub_faq_menu ul li.on a{ border-color:#4cc5d4; background:#4cc5d4;}
	.sub_faq_menu ul li.on a .icon .on{ display:block;}
	.sub_faq_menu ul li.on a .icon .off{ display:none;}
	.sub_faq_menu ul li.on a p{ color:#FFF;}
	
.sub_faq{ overflow:hidden; margin:0 15px 0 15px; background:#FFF; box-shadow:0 1px 5px 0 rgba(0,0,0,0.08);}
	.sub_faq ul{ overflow:hidden; border-top:2px solid #36383b;}
	.sub_faq ul li{ border:1px solid #CCC; border-top:0; border-top-color:#666; cursor:pointer;}
	.sub_faq ul li .q{ overflow:hidden; position:relative; padding:0 3%;}
	.sub_faq ul li .q p{ margin:23px 100px 23px 0; padding:0 0 0 30px; line-height:18px; font-size:16px; font-weight:400; color:#666;}
	.sub_faq ul li .q p font{ float:left; margin:0 0 0 -30px;}
	.sub_faq ul li .q span{ display:block; position:absolute; top:50%; right:3%; margin:-4px 0 0 0; width:16px; height:8px; background:url(/images/common/icon_faq.png);}
	.sub_faq ul li .a{ display:none; padding:3%; border-top:1px solid #DDD; background:#fafafa;}	
	.sub_faq ul li .a p{ padding:0 0 0 30px; line-height:30px; font-size:15px; font-weight:400; color:#999;}
	.sub_faq ul li .a p font{ float:left; margin:0 0 0 -30px;}
	.sub_faq ul li.on .q p{ font-weight:500; color:#4cc5d4;}
	.sub_faq ul li.on .q span{ background:url(/images/common/icon_faq_on.png);}
	
	
	
.store_gallery > .wrap{ padding:9px; border:1px solid #DDD; background:#FFF;}
	.store_gallery > .wrap .bx-wrapper{ margin:0;}
	.store_gallery > .wrap .bx-wrapper .bx-viewport{ left:0; margin:0; height:auto; border:0; box-shadow:none;}
	.store_gallery > .wrap .store_gallery_rolling{ overflow:hidden;}
	.store_gallery > .wrap .store_gallery_rolling li{ overflow:hidden;}
	.store_gallery > .wrap .store_gallery_rolling li img{ display:block; width:100%;}
	.store_gallery > .wrap .store_gallery_rolling .bx-caption span{ font-family:微软雅黑;}
	
	.store_gallery #store_gallery_rolling_pager{ overflow:hidden; margin:0 0 0 -5px; width:1080px;}
	.store_gallery #store_gallery_rolling_pager a{ float:left; margin:10px 0 0 0; width:20%; }
	.store_gallery #store_gallery_rolling_pager a div{ margin:0 5px; padding:9px; border:1px solid #DDD; background:#FFF;}
	.store_gallery #store_gallery_rolling_pager a div img{ display:block; width:100%; filter:Gray; -webkit-filter:grayscale(100%);}
	.store_gallery #store_gallery_rolling_pager a.active div{ border-color:#33bcef;}
	.store_gallery #store_gallery_rolling_pager a.active div img{ filter:none; -webkit-filter:grayscale(0%);}
	
	
	
.board_search{ overflow:hidden; margin:20px 15px 50px 0px;}
	.board_search > .head{ height:29px; border-top:2px solid #36383b; border-bottom:1px solid #999;}
	.board_search > .head > li{ float:left; height:29px; text-align:center; line-height:55px; font-size:15px; font-weight:500; color:#333;}
	.board_search > .body{ height:32px; border-bottom:1px solid #DDD;}
	.board_search > .body > li{ position:relative; float:left; height:30px; text-align:center; line-height:28px; font-size:14px; font-weight:400; color:#666;}
	.board_search > .body > li a{ padding:0 2%; height:60px; text-align:left; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.board_search > .body > li a p{ float:left; max-width:90%; height:60px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}	
	.board_search > .body:hover{ background:#f5f5f5;}
	.board_search > .body:hover li{ color:#333;}
	.board_search > .body:hover li a{ color:#333;}	
	
	
	
	
.board_01{ overflow:hidden; margin:0 15px 50px 15px;}
	.board_01 > .head{ height:57px; border-top:2px solid #36383b; border-bottom:1px solid #999;}
	.board_01 > .head > li{ float:left; height:57px; text-align:center; line-height:55px; font-size:15px; font-weight:500; color:#333;}
	.board_01 > .body{ height:59px; border-bottom:1px solid #DDD;}
	.board_01 > .body > li{ position:relative; float:left; height:60px; text-align:center; line-height:58px; font-size:14px; font-weight:400; color:#666;}
	.board_01 > .body > li .event{ display:block; margin:15px auto 0 auto; width:80px; height:30px; border-radius:15px; background:#e60012; text-align:center; line-height:28px; font-size:14px; font-weight:500; color:#FFF;}
	.board_01 > .body > li .event.off{ background:#36383b;}
	.board_01 > .body > li a{ padding:0 2%; height:60px; text-align:left; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.board_01 > .body > li a p{ float:left; max-width:90%; height:60px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.board_01 > .body > li a img{ margin:20px 0 0 10px;}
	.board_01 > .body > li.reply > span{ display:block; margin:15px auto; width:90px; height:30px; border-radius:15px; background:#333236; line-height:28px; font-weight:500; color:#FFF;}
	.board_01 > .body > li.reply > span.on{ background:#3daab8;}
	.board_01 > .body:hover{ background:#f5f5f5;}
	.board_01 > .body:hover li{ color:#333;}
	.board_01 > .body:hover li a{ color:#333;}
	
	
.board_view_01{ overflow:hidden; margin:0 15px;}
	.board_view_01 > .title{ overflow:hidden; padding:20px; border-top:2px solid #36383b; border-bottom:1px solid #999; line-height:20px; font-size:18px; font-weight:bold; color:#333;}
	.board_view_01 > .info{ padding:0 20px; height:49px; background:#f5f5f5; border-bottom:1px solid #ebebeb}
	.board_view_01 > .info .left{ float:left;}
	.board_view_01 > .info .left li{ float:left; margin:0 20px 0 0; height:50px; line-height:48px; font-size:15px; color:#888;}
	.board_view_01 > .info .left li span{ float:left; height:50px; font-weight:500; color:#333;}
	.board_view_01 > .info .right{ float:right; margin:0 0 0 20px;}
	.board_view_01 > .info .right li{ float:left; margin:0 0 0 20px; height:50px; line-height:48px; font-size:15px; color:#888;}
	.board_view_01 > .info .right li span{ float:left; height:50px; font-weight:500; color:#333;}
	
	.board_view_01 > .contents{ padding:50px; border-bottom:1px solid #999; line-height:25px; font-size:15px; font-weight:400; color:#666;}
	.board_view_01 > .contents img{ display:block; margin:0 0 10px 0; max-width:100% !important; height:auto !important;}
	.board_view_01 > .contents > .q{ background:#fafafa; overflow:hidden;}
	.board_view_01 > .contents > .q > .line{ border-top:2px solid #333;}
	.board_view_01 > .contents > .q > .box{ padding:0 29px 29px 29px; border:1px solid #CCC; border-top:0;}
	.board_view_01 > .contents > .q > .box .title{ margin:0 0 20px 0; height:49px; border-bottom:1px solid #CCC; line-height:48px; font-size:18px; font-weight:500; color:#333;}
	.board_view_01 > .contents > .q > .box .item{ line-height:25px; font-size:15px; font-weight:400; color:#666;}
	.board_view_01 > .contents > .q > .box .item img{ display:block; margin:0 0 10px 0; max-width:100% !important; height:auto !important;}
	
	.board_view_01 > .contents > .a{ margin:20px 0 0 0; background:#fafafa; overflow:hidden;}
	.board_view_01 > .contents > .a > .line{ border-top:2px solid #4cc5d4;}
	.board_view_01 > .contents > .a > .box{ padding:0 29px 29px 29px; border:1px solid #CCC; border-top:0;}
	.board_view_01 > .contents > .a > .box .title{ margin:0 0 20px 0; height:49px; border-bottom:1px solid #CCC; line-height:48px; font-size:18px; font-weight:500; color:#333;}
	.board_view_01 > .contents > .a > .box .item{ line-height:25px; font-size:15px; font-weight:400; color:#666;}
	.board_view_01 > .contents > .a > .box .item img{ display:block; margin:0 0 10px 0; max-width:100% !important; height:auto !important;}
		

.board_page{ margin:0;}
	.board_page ul{ height:40px; text-align:center;}
	.board_page ul li{ position:relative; display:inline-block; margin:0; width:40px; height:40px; box-shadow:0 1px 3px 0 rgba(0,0,0,0.05); cursor:pointer; }
	.board_page ul li p{ position:absolute; background:#FFF; line-height:36px; text-align:center; font-size:15px; color:#666;}
	.board_page ul li p.btn_L{ top:0; right:0; bottom:0; left:0; border-radius:3px 0 0 3px; border:1px solid #CCC;}
	.board_page ul li p.btn_R{ top:0; right:0; bottom:0; left:0; border-radius:0 3px 3px 0; border:1px solid #CCC; border-left:0;}
	.board_page ul li p:hover{ line-height:34px; font-size:20px; color:#4dc7d6;}
	.board_page ul li span{ position:absolute; top:0; right:0; left:0; height:38px; background:#FFF; border:1px solid #CCC; border-left:0; font-size:12px; line-height:38px; color:#666;}
	.board_page ul li span:hover{ background:#f0f0f0; font-size:15px; color:#4dc7d6;}
	.board_page ul li span.on{ z-index:50; right:0; left:-1px; height:40px; border:0; background:#4dc7d6 !important; line-height:40px; font-size:12px; font-weight:bold; color:#FFF;}


.board_back{ margin:50px auto 0 auto; width:118px; height:38px; border-radius:2px; border:1px solid #d9d9d9; background:#f5f5f5; text-align:center;}
	.board_back span{ display:inline-block;}
	.board_back p{ float:left; color:#666;}
	.board_back p.icon{ margin:0 5px 0 0; line-height:28px; font-size:30px;}
	.board_back p.txt{ line-height:36px; font-size:16px; letter-spacing:-1px;}
	.board_back:hover{ border-color:#333; background:#333;}
	.board_back:hover p{ color:#FFF;}


.board_btn_01{ margin:50px 0 0 0; height:40px; overflow:hidden;}
	.board_btn_01 a{ margin:0 auto; width:120px; height:40px; background:#333236; border-radius:3px; line-height:38px; text-align:center; font-size:15px; font-weight:bold; color:#FFF;}
	.board_btn_01 a:hover{ background:#3daab8;}


.board_btn_02{ margin:50px 0 0 0; height:40px; overflow:hidden;}
	.board_btn_02 a{ width:120px; height:40px; border-radius:2px; line-height:38px; text-align:center; font-size:15px; font-weight:bold; color:#FFF;}
	.board_btn_02 a.left{ float:left; background:#333236;}
	.board_btn_02 a.right{ float:right; background:#3daab8;}
	.board_btn_02 a.left:hover{ background:#19181b;}
	.board_btn_02 a.right:hover{ background:#3098a5;}


.board_write_01{ border-top:2px solid #36383b;}
	.board_write_01 .center{ border:1px solid #CCC; border-top:0;}
	.board_write_01 .line{ width:199px; height:30px; background:#fafafa; border-right:1px solid #dcdcdc;}
	.board_write_01 dl{ position:relative; padding-left:200px;}
	.board_write_01 dl:hover{ background:#f0f0f0;}
	.board_write_01 dl:hover dt{ background:#f0f0f0;}
	.board_write_01 dl dt{ position:absolute; top:0; bottom:0; left:0; width:199px; background:#fafafa; border-right:1px solid #dcdcdc;}
	.board_write_01 dl dt .table{ display:table; width:100%; height:100%;}
	.board_write_01 dl dt .table_cell{ display:table-cell; vertical-align:middle;}
	.board_write_01 dl dt p{ padding:0 0 0 40px; line-height:20px; font-size:16px; font-weight:400; color:#333;}
	.board_write_01 dl dd{ padding:10px 30px;}
	.board_write_01 dl dd .input{ height:38px; padding:0 9px 0 9px; border:1px solid #c9c9c9; border-radius:0; background:#fafafa; line-height:36px; font-size:14px; font-weight:400; color:#666; outline:none; -webkit-appearance:none;}
	.board_write_01 dl dd .radio{ display:block; float:left; margin:13px 5px 0 0; width:14px; height:14px;}
	.board_write_01 dl dd textarea{ width:500px; max-width:500px; height:140px; max-height:140px; padding:4px 9px; border:1px solid #c9c9c9; border-radius:0; background:#fafafa; font-size:14px; font-weight:400; color:#666; line-height:20px; outline:none; -webkit-appearance:none;}
	.board_write_01 dl dd .file_btn{ float:left; width:114px; height:38px; line-height:36px; text-align:center; font-size:14px; font-weight:400; color:#666; background:#FFF; border:1px solid #c9c9c9; border-left:0; cursor:pointer;}
	.board_write_01 dl dd .file_btn:hover{ background:#DDD; color:#333;}
	.board_write_01 dl dd .file_plus{ float:left; width:24px; height:38px; background:#F00; line-height:38px; text-align:center; font-size:20px; font-weight:400; color:#333; background:#fafafa; border:1px solid #c9c9c9; border-left:0; cursor:pointer;}
	.board_write_01 dl dd .file_plus:hover{ background:#DDD;}


.board_select_01{ float:none !important; margin:0 !important; width:270px !important; height:40px; background:none; box-shadow:0; font-size:14px !important;}
	.board_select_01 .dk_toggle{ padding:4px 9px 4px 9px; width:250px !important; background:#fafafa; border-color:#CCC; height:30px; line-height:28px; font-size:14px; font-weight:400 !important; color:#666;}
	.board_select_01 .dk_toggle:after{ top:45% !important;}
	.board_select_01 .dk_options{}
	.board_select_01 .dk_options .dk_options_inner{ border-color:#36383b;}
	.board_select_01 .dk_options .dk_options_inner li a{ font-size:14px; font-weight:400; color:#666;}
	.board_select_01 .dk_options .dk_options_inner .dk_option_current a{ background:#36383b;}