@charset "utf-8";

/* layout */
#wrap {width:100%;overflow:hidden;}

	/* tablet */
	@media only screen and (max-width : 1200px){ 
		body {min-width:100%;}
	}


/* header */
header {position:relative; }

.headbox {position:absolute; width:100%; left:0;top:0px; padding:0 0 0 0; min-height:110px; background:#fff; z-index:1000;}

.headUtil {position:relative; width:1500px; margin:0 auto; z-index:1000;} 
.headUtil h1 {position:absolute; left:0px; top:30px; z-index:101;}
.headUtil h1 a {overflow:hidden; display:block; width:296px; height:50px; background:url('../../images/logo.png') no-repeat; background-size:100% auto; text-indent:-9999em;}


/* 상단메뉴 */
.nav-wrap {position:absolute; top:0px; left:0px; width:100%; height:80px; z-index:999;}

.responsive-menu {width:1500px;height:100%;margin:0 auto;padding-top:0px;}

/* 유틸메뉴 */
.utilMenu {position:relative; z-index:101;}
.utilMenu .siteBtn {position:absolute; top:15px; right:7px; }
.utilMenu .siteBtn li {position:relative; float:left; padding:0 15px;}
.utilMenu .siteBtn li:last-child {padding:0 0 0 15px;}
.utilMenu .siteBtn li:after {position:absolute; right:0px; top:2px; display:inline-block; content:""; width:1px; height:12px; background-color:#dbdbdb; }
.utilMenu .siteBtn li:last-child:after {display:none;}
.utilMenu .siteBtn li a {display:inline-block; font-weight:400;  color:#666; text-decoration:none;}
.utilMenu .siteBtn li a:hover,
.utilMenu .siteBtn li a:focus{color:#0f60ca;}
.utilMenu .siteBtn li a.color {color:#0f60ca;}

.gnbDp-1:before,
.gnbDp-1:after{display:table;content:" ";}
.gnbDp-1:after {clear:both;}

.pcLnb {overflow:hidden; position:absolute; top:0px; left:0px; width:100%; height:110px; z-index:100;  padding:0 0 0 0; background:rgba(255,255,255,0.9); }
.pcLnb a {display:block;}
.pcLnb  > div.menu-box {position:relative; width:1500px; margin:0 auto; padding-top: 30px; z-index:5;}
/*.pcLnb  > div.menu-box:after {position:absolute; right:50px; top:140px; content:""; display:block; width:299px; height:240px; background:url('../../images/layout/menu_bg.png') no-repeat top center; background-size:100% auto; z-index:4;}*/
.pcLnb  > div.menu-box > ul {position:relative; float:right; /*width:80%;*/margin-right:-35px;}
.pcLnb  > div.menu-box > ul > li {position:relative; float:left; /*width:20%;*/ padding:0 35px;  line-height:80px;}
.pcLnb  > div.menu-box > ul > li > a {display:block; font-size:1.33em; font-weight:700; text-align:center;}
.pcLnb  > div.menu-box > ul > li > a span {-o-transition:color .3s ease;	-webkit-transition:color .3s ease; display:block; position:relative; line-height:80px; transition:color .3s ease;white-space:nowrap;}
.pcLnb  > div.menu-box > ul > li > a span:after {-o-transition:width .2s ease;-webkit-transition:width .2s ease;background:#0f60ca;content:"";height:2px;left:0;position:absolute;bottom:0px;transition:width .2s ease;width:0px;}
.pcLnb  > div.menu-box > ul > li.on >a {text-decoration:none; color:#0f60ca; }
.pcLnb  > div.menu-box > ul > li.on >a span:after,
.pcLnb  > div.menu-box > ul > li > a:hover span:after,
.pcLnb  > div.menu-box > ul > li > a:focus span:after {width:100%;}
.pcLnb  > div.menu-box > ul > li > a:hover,
.pcLnb  > div.menu-box > ul > li > a:focus {text-decoration:none; }
.pcLnb  > div.menu-box > ul > li > div {padding:10px 0; }
.pcLnb  > div.menu-box > ul > li.on > div { background-color: transparent;}
.pcLnb  > div.menu-box > ul > li > div > ul > li {line-height:25px; margin:7px 0;}
.pcLnb  > div.menu-box > ul > li > div > ul > li > a {padding:0px 13px; font-size:1.06em; text-align:center; color:#fff; text-decoration:none;}
.pcLnb  > div.menu-box > ul > li > div > ul > li > a:hover,
.pcLnb  > div.menu-box > ul > li > div > ul > li > a:focus{font-weight:500; color:#fff600;}

.pcLnb:after {content: '';display:block;position: absolute;left: 0;top:110px;width:100%;height: 100%; background:url('../../images/custom/main/main_visual_bg.png') no-repeat 50% 50%; background-size:cover; z-index: 3; opacity: 0.8;}

.headbox .pcsearch_btn {overflow:hidden; position:absolute; top:30px; right:30px; width:40px; height:40px; background:url('../../images/layout/topsearch_pic.png') no-repeat center center; background-size:27px auto; text-indent:-9999em; z-index:1000;}
/* .headbox .topSearch {position:absolute; top:74px; right:30px; width:380px; z-index:1000; padding:20px 20px; background:#0f60ca; border-radius:0px;}
.headbox .topSearch fieldset {position:relative; padding-right:20%; }
.headbox .topSearch .search_txt {display:block; font-size:19px; width:100%; padding-left:10px; height:44px; border:none; }
.headbox .topSearch .search_btn {position:absolute; right:0px; top:0px; width:20%; height:44px; font-size:16px; color:#fff; border:none; background:#000; }
*/
.headbox .topSearch {overflow:hidden; position:absolute; top:84px; left:0px; width:100%;  z-index:999; }
.headbox .topSearch:before {position:absolute; left:0px; top:0px; content:""; display:block; width:100%; height:20px; background:#fff; border-bottom:1px solid #dbdbdb; }
.headbox .topSearch fieldset {padding:70px 300px 45px 300px; min-height:190px;background:rgba(255,255,255,0.9); border-radius:0 0 20px 20px;}
.headbox .topSearch fieldset:before {position:absolute; left:60px; bottom:0px; content:""; display:block; width:181px; height:158px; background:url('../../images/layout/search_img_l.png') no-repeat top center; background-size:100% auto; }
.headbox .topSearch fieldset:after {position:absolute; right:60px; bottom:0px; content:""; display:block; width:132px; height:159px; background:url('../../images/layout/search_img_r.png') no-repeat top center; background-size:100% auto; }
.headbox .topSearch .searchBox {position:relative; width:100%; padding-right:50px; border-bottom:2px solid #000;}
.headbox .topSearch .search_txt {display:block; font-size:19px; width:100%; height:44px; border:none; background:none; }
.headbox .topSearch .search_btn {overflow:hidden; position:absolute; right:0px; top:0px; width:44px; height:44px; border:none; background:url('../../images/layout/topsearch_pic.png') no-repeat center center; background-size:27px auto;  text-indent:-9999em; }


/* 상단 고정  */
.sticky_header.is-sticky {position: fixed;left: 0;top:0px;width: 100%;z-index:999;}
.sticky_header.is-sticky .pcLnb {box-shadow: 0 0 5px #bdbdbd; /*background:#f8f8f8;*/}
/*.sticky_header.is-sticky .pcLnb:after {content: '';display:block;position: absolute;left: 0;top:110px;width:100%;height: 100%;background-color:#f8f8f8;z-index: 3;} */


/* header 반응형 */
.mobileBtns{display:none;}
.closeBtn{display:none;}
#toggle {background:#000;height:100%;min-height:100%;width:0px;position:fixed;top:0;bottom:0;left:0px;z-index:9999;-webkit-transition: all .0s ease;transition: all .4s ease;}
#toggle.closed {left:0px;top:0px;bottom:0;right:0;width:100%;height:100%;opacity:0.7;}


	/* wide */
	@media only screen and (max-width : 1530px){ 
		
		.headUtil {width:100%;}
		.headUtil h1 {left:15px;}
		.responsive-menu {width:100%;}	
		.pcLnb > div.menu-box {width:100%; }	
		.pcLnb > div.menu-box > ul > li {padding:0 25px;}

	}
	
	/* tablet */
	@media only screen and (max-width : 1230px){ 		
		

		/* header */
		.headbox {width:100%; left:0px; margin-left:0px; height:80px; min-height:80px; border-radius:0px; border-bottom:1px solid #dbdbdb;}
		.headUtil {z-index:999;}
		.headUtil h1 {top:16px; /*left:50%; margin-left:-92px;*/}
		.headUtil h1 a {width:267px; height:45px; }

		.mobileBtns {display:block; }
		.mobileBtns .mobileMenu {overflow:hidden; position:absolute; right:15px; top:16px; width:50px; height:50px; border:none; border-radius:0px; /*border:1px solid #ff0000;*/ background:#fff url('../../images/layout/moblie_menu_g.png') no-repeat; background-size: 50px auto; text-indent:-9999em;}
	

		/* PC속성 숨기기 */
		.nav-wrap {height:auto;}		
		
		.responsive-menu .closeBtn {overflow:hidden; position:fixed; right:15px; top:15px;  width:50px; height:50px; border:none; border-radius:50px; background:#fff url('../../images/layout/close_btn_g.png') no-repeat; background-size: 50px auto; text-indent:-9999em; z-index:10000;}

		/* pc버젼 메뉴 스타일 리셋 */	
		.pcLnb {overflow:hidden; position:relative; top:0px; left:0px; width:auto; height:auto; z-index: 100; background:none; border-bottom:none;}
		.pcLnb > div {width:100%;margin:0; padding:0;}
		.pcLnb > div:before {height:0;}
		.pcLnb > div > ul > li {float:none; width:100%;}
		.pcLnb > div > ul > li > a {border-bottom:none;}
		.pcLnb > div > ul > li.on >a,
		.pcLnb > div > ul > li > a:hover,
		.pcLnb > div > ul > li > a:focus {border-bottom:none;}
		.pcLnb > div > ul > li > div {padding:0; border:none;}
		
		
		/* 모바일 펼침 메뉴 */
		.menu-box {clear:both; }
		
		#wrap .sideLnb {display:none;position:fixed;left:0;top:0;width:500px;height:100%;background:#f8f8f8;z-index:99999;overflow-y:auto;font-size:1.1em;}

		#wrap .sideLnb nav > div.menu-box > ul {border-bottom:1px solid #ebebeb;}
		#wrap .sideLnb nav > div.menu-box > ul > li {margin:0px; border-top:1px solid #ebebeb;}
		#wrap .sideLnb nav > div.menu-box > ul > li.on {background-color:#fff;}
		#wrap .sideLnb nav > div.menu-box > ul > li.on > a {text-decoration:none;}

		#wrap .sideLnb nav > div.menu-box > ul > li > a {display:block; padding:0px 16px; text-align:left; font-weight:400; line-height:50px; color:#363636;font-size:1.13em; background:url('../../images/layout/gnb_sub_close.png') no-repeat right center; background-size:50px;}
		#wrap .sideLnb nav > div.menu-box > ul > li > a:hover, 
		#wrap .sideLnb nav > div.menu-box > ul > li.on > a {text-decoration:none; color:#0f60ca; font-weight:bold; background:#f5f5f5 url('../../images/layout/gnb_sub_open.png') no-repeat right center; background-size:50px;}

		#wrap .sideLnb nav > div.menu-box > ul > li .depth2 > li {border-top:1px solid #ebebeb;}
		#wrap .sideLnb nav > div.menu-box > ul > li .depth2 > li > a {display:block; padding:15px 16px; line-height:22px; color:#666; background:#fff url('../../images/layout/gnb_sub02_close.png') no-repeat 96% center; background-size:8px 14px; text-decoration:none; }
		#wrap .sideLnb nav > div.menu-box > ul > li .depth2 > li > a:hover,
		#wrap .sideLnb nav > div.menu-box > ul > li .depth2 > li > a:active {color:#0f60ca}

		.utilMenu {width:100%; padding:20px 20px; background:#0f60ca;}
		.utilMenu .siteBtn {overflow:hidden; position:relative; top:auto; right:auto; margin:0 -5px; }
		.utilMenu .siteBtn li {float:left; width:50%; padding:0 5px; margin:0;}
		.utilMenu .siteBtn li a {width:100%; padding:10px 0; font-size:0.93em; color:#fff; text-align:center; border: 1px solid rgba(255,255,255,0.5); }
		.utilMenu .siteBtn li a:hover {color:#fff;}
		.utilMenu .siteBtn li:after {display:none;}
		

		/* .sticky_header.is-sticky .utilMenu .siteBtn li a {background:none; border:1px solid #fff;}*/
		
		.headbox .pcsearch_btn {z-index:998;}
		


	}

	/* mobile */
	@media only screen and (max-width : 992px){ 
	
		.utilMenu .siteBtn li:first-child {display:none;}
		.utilMenu .siteBtn li.link {width:100%; padding:0 0;}
				
	
		
	}
	@media only screen and (max-width : 797px){ 
		
		/* 상단 */
		.headbox {height:70px; min-height:auto; padding:15px 15px;}
		.headUtil h1 {left:0px; top:2px;}
		.headUtil h1 a {width:214px; height:36px;}
		
		.mobileBtns .mobileMenu {right: -6px; top: -7px; /*border:1px solid #ff0000;*/}
		.responsive-menu .closeBtn {width:40px; height:40px; background-size: 40px auto;}
		
		.headbox .topSearch {top:80px;}		
		.headbox .topSearch:before {display:none;}
		.headbox .topSearch fieldset {padding:35px 100px; min-height:auto; border-radius:0px;}	
		.headbox .topSearch fieldset:before {display:none;}	
		.headbox .topSearch fieldset:after {display:none;}	
		
		#wrap .sideLnb {width:300px;}
		#wrap .sideLnb nav > div.menu-box > ul > li > a {font-size:0.93em; line-height:40px;}
		#wrap .sideLnb nav > div.menu-box > ul > li .depth2 > li > a {font-size:0.86em;}

	}
	@media only screen and (max-width : 486px){ 
		
		#wrap .sideLnb {width:260px;}

	}



/* 푸터 */
#footer {position:relative; background:#1e1e1e;}
#footer .box {/*overflow:hidden;*/ position:relative; width:1500px; margin:0 auto; padding:20px 0; }

#footer nav {position:relative; background:#fff; border-top:1px solid #ccc;}

#footer .copyMenu {float:left;}
#footer .copyMenu li {display:inline-block; padding:0 21px; background:url('../../images/layout/bg_line.png') no-repeat 99% center; }
#footer .copyMenu li:first-child {padding:0 21px 0 0;}
#footer .copyMenu li:last-child {background:none;}
#footer .copyMenu li a {display:block; font-size:0.93em;}
#footer .copyMenu li .color{font-size:0.93em; color:#e5005a;}

#footer .sns-link {float:right; }
#footer .sns-link li {display:inline-block; padding:0 5px;}
#footer .sns-link li a {display:inline-block; /*width:40px;*/ padding:0 10px;}
#footer .sns-link li a span {overflow:hidden; display:inline-block; height:20px; text-indent:-9999em;}
#footer .sns-link li .blog {width:37px; background:url('../../images/layout/sns_btn_01.png') no-repeat center center;  background-size:100% auto;}
#footer .sns-link li .facebook {width:11px; background:url('../../images/layout/sns_btn1.png') no-repeat center center;  background-size:100% auto;}
#footer .sns-link li .instagram {width:22px; background:url('../../images/layout/sns_btn_03.png') no-repeat center center;  background-size:100% auto;}


#footer address {float:left; padding:40px 0 20px 0; }
#footer .address {margin-bottom:7px; font-size:0.93em; font-weight:300; color:#ccc; line-height:1.3em; word-break:keep-all; }
#footer .address span {display:inline-block; padding:0 15px 0 0; /*background:url('../../images/layout/bg_line.png') no-repeat 99% center; */}
#footer .address span.txt2 {padding:0 0 0 15px; background:none;}
#footer .copyright {padding-top:30px; font-size:0.93em; font-weight:300; color:#666; word-break:keep-all; }

#footer .siteLink {position:relative; float:right; padding-top: 20px;}
#footer .siteLink .site-open {position:relative; display:block; width:200px; height:50px; padding:0 10px; text-align:left; font-size:14px; color:#ccc; border-bottom:2px solid #888; border-radius:0px; background:#1e1e1e; z-index:5; }
#footer .siteLink .site-open::after {position:absolute; top:50%; right:10px; margin-top:-5px; content:""; display:inline-block; width:16px; height:10px; background:url('../../images/layout/select_arrow.png') no-repeat center center;  background-size:100% auto; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
#footer .siteLink .site-open.active::after {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
#footer .siteLink ul {position:absolute; bottom:0px; left:0px; width:100%; padding:20px 20px 60px 20px; background:#434242; z-index:4; /*border-radius:25px;*/ }
#footer .siteLink ul li a {display:block; padding:7px 0; color:#fff;}
#footer .footer_logo {position:absolute; top:115px; right:0px;overflow:hidden; display:block; width:160px; height:38px; background:url('../../images/layout/footer_logo.png') no-repeat; background-size:100% auto; text-indent:-9999em;}

/*  SCROLL TO TOP */
.scroll-up {position:fixed;display:none;z-index:999;bottom:1.8em;right:1.8em;}
.scroll-up ul{margin:0;padding:0;}
.scroll-up li{list-style:none;margin:0;padding:0;}
.scroll-up a {background-color:#fff;display:block;width:40px;height:40px;text-align:center;color:#000;font-size:20px;line-height:38px;box-shadow:0px 0px 6px #ccc;border-radius:100%;}
.scroll-up a:hover,
.scroll-up a:active {background-color:#f5f5f5;color:#000;}
.scroll-up a i.top_ico {display:block; width:18px; height:40px; margin:0 auto; background:url('../../images/layout/ico_top.png') no-repeat center center;  background-size:100% auto;}


	/* footer 반응형 */
	/* wide */
	@media only screen and (max-width : 1530px){ 		
		
		#footer .box {width:100%; padding:20px 15px;}
		#footer .footer_logo {right:15px;}
	}
	/* tablet */
	@media only screen and (max-width : 1230px){ 
		
		#footer .box {width:100%;}
		
	}
	/* mobile */
	@media only screen and (max-width : 992px){ 
		

	}
	@media only screen and (max-width : 797px){
	
		#footer .copyMenu li .color,
		#footer .copyMenu li a {font-size:0.83em;}
		
		#footer address {padding:25px 0 20px 0; font-size:0.86em;} 
		
		#footer .copyright {font-size:0.86em;}


	}
	@media only screen and (max-width : 640px){ 
	
		#footer .copyMenu li {padding:0 10px;}
		#footer .copyMenu li:first-child {padding:0 10px 0 0;}
	
		#footer .footer_logo {display:none;}		
		#footer .siteLink {display:none;}		
		

	}
	@media only screen and (max-width : 486px){ 	

		#footer .copyMenu li {padding:0 7px 0 2px;}
		#footer .copyMenu li:first-child {padding:0 7px 0 0;}
		
		#footer .sns-link li a {padding:0 0;}

	}

/* clearfix */
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}