@charset "utf-8";

.header-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }

/* =====================================
   header-wrap
==================================== */
#header-wrap {width:100%; top:40px; left:0; background:#fff}
#header-wrap:after{position:absolute; left:0; width:100%; top:0; height:100%; display:block; content:""; background:none; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.25); z-index:-1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#header{position:relative; height:60px;}

#logo{ width:128px; height:27px; left:10px; top:18px; background:url(../images/common/logo.svg) no-repeat left center; background-size:100%; position:absolute; z-index:7001;}
#logo a{display:block; height:100%;}

#gnb-wrap{display:none;}


#header .bt-mnall {position:absolute;display:block;z-index:2599; width:30px; height:30px; background:url(../images/layout/bt-mnall.png)no-repeat center center; background-size:24px auto;right:12px; top:15px;}
#header .bt-mnclose {position:absolute;right:0;top:50%;margin-top:-27px;width:54px;height:54px; z-index:5400;border:0;background:url(../images/layout/bt-mnclose.png) no-repeat center center;}
#mainNavi-wrap{position:relative; text-align:left;}
		
#mainNavi.mn-h-open {right:0;}
.tm-top{position:relative;}
.tm-top h2{ background:#fff url(../images/common/logo.svg)no-repeat 15px center; background-size:154px auto; height:70px; border-bottom:1px solid #e6e6e6}
		
.tm-gnb{background:#f8f8f8}
.tm-gnb ul{text-align:center; overflow:hidden; padding:0;border-bottom:1px solid #e6e6e6}
.tm-gnb li{float:left; width:50%; position:relative;}
.tm-gnb li a{display:block; padding:10px 0; font-size:13px;text-transform:uppercase; color:#555; font-weight:400;}
.tm-gnb li:nth-child(1) {border-right:1px solid #e6e6e6;}
.tm-gnb li:nth-child(1) a:before{content:"\f27d"; font-family: LineAwesome; font-size:18px; display:inline-block; margin-right:5px; vertical-align:middle;}




.topmenu {width:100%;display:block;position:relative;}
.topmenu:after {display:block;content:"";clear:both;}
.topmenu li {line-height:1.3em;position:relative;/*text-transform:uppercase*/}
.topmenu a {position:relative;}
.topmenu .mn-txt{display:none;}

.topmenu .has-sub .tgl-btn {padding:0;display:block;width:20px;height:20px;position:absolute;right:15px;top:8px;border:0;z-index:100;text-indent:-9999em;background:transparent;}
.topmenu .has-sub .tgl-btn:before {content:'';position:absolute;left:0;top:50%;width:60%;height:1px;background:#777;transform: rotate(45deg);}
.topmenu .has-sub .tgl-btn:after {content:'';position:absolute;right:0;top:50%;width:60%;height:1px;background:#777;transform: rotate(-45deg);}
.topmenu .mn_l1 > .tgl-btn {right:15px;top:16px;}
.topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before {left:2px;transform: rotate(0);}
.topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after {right:2px;transform: rotate(0);}
.topmenu .mn_l2 > .tgl-btn {width:16px;height:16px;right:12px;top:16px;}
.topmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {height:1px;}
.topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before {transform: rotate(0);}
.topmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after {transform: rotate(0);}

.topmenu .mn_a1 {position:relative;display:block;border-bottom:1px solid #e6e6e6; }

.topmenu .over .mn_a1 span, .topmenu  .mn_a1:hover span {color:#111;}

.topmenu .has-sub .is-ico {padding:0;display:block;width:30px;height:30px;position:absolute;right:0px;top:3px;border:1px solid red;}

.topmenu li > div {display:none; opacity:0;}
.topmenu .depth2-wrap {position:relative; width:auto !important}
.topmenu .depth2 {position:relative;background:#f6f6f6;padding:12px 0;border-bottom:1px solid #e6e6e6;}
.topmenu .depth2:after {clear:both;content:"";display:block}
.topmenu .depth2 a {font-size:14px;line-height:1.3em;display:block;}
.topmenu .depth2 .mn_l2:last-child{border-bottom:none}
.topmenu .depth2 .mn_l2.first , .topmenu .depth2 .mn_l2:first-child {border-top:0px}
.topmenu .depth2 .mn_a2 {display:block;padding:6px 45px 6px 17px; position:relative;}
.topmenu .depth2 .mn_a2 span.img{display:none;}
.topmenu .depth2 .mn_a2 span {font-size:14px;font-weight:300;cursor:pointer;color:#444;}
.topmenu .depth2 .mn_a2:hover span, .topmenu .depth2 .over .mn_a2 span{color:#0072bc;text-decoration:underline}
.mn-bar {display:none;}


#header-wrap.isOver #gnb-wrap li a{color:#111}
#header-wrap.isOver #gnb-wrap {background:rgba(255,255,255,0.8)}

.twodepth{width:100%;/*border-bottom:1px solid #e4e3e5; overflow:hidden*/}
.twodepth .tabs-slide {display:none;}
.twodepth>.container {padding:0 10px; /*overflow:hidden*/}
.twodepth .tabs-slide ul {width:auto; text-align:center; margin-top:20px}
/*.twodepth .tabs-slide ul li:first-child:before {content:"\f237"; display:inline-block;  font-family: LineAwesome; width:60px; height:100%; line-height:46px; border-left:1px solid #e4e3e5; border-right:1px solid #e4e3e5; text-align:center }*/
.twodepth .tabs-slide ul li {display:inline-block; margin-left: -4px;}
.twodepth .tabs-slide ul li a {position:relative; display:inline-block; vertical-align:middle; line-height:44px;color:#666; padding: 0 18px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:0}
.twodepth .tabs-slide ul li:last-child a {border-right:1px solid #ccc;}
.twodepth .tabs-slide ul li.active a {color:#fff; background:#336699; border-color:#336699}
.twodepth .tabs-slide ul li.active a[target="_blank"]:after {content:"\f1d2"; font-family: LineAwesome; font-size:14px; display: inline-block; vertical-align:middle; margin-left:5px}
.twodepth .tabs-slide ul li.active a:after {content:""; position:absolute; left:50%; transform: translateX(-50%);bottom:-5px; width:8px; height:5px; background:url("/images/tabarrow.png") no-repeat}
/*.twodepth .tabs-slide ul li a:after {content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:#ff0033;transition:.2s .1s ease-in-out;}
.twodepth .tabs-slide ul li a:hover:after,.twodepth .tabs-slide ul li.active a:after {width:100%; transition:.2s .1s ease-in-out;}*/
		
#gnb-wrap{display:block; position:absolute; z-index:3009; width:100%; background:rgba(0,0,0,0.8)}
#gnb-wrap>.gnb-menu {position:relative; display:flex; justify-content: space-between;/*width:100%; margin:0 auto;*/}
#gnb-wrap>.gnb-menu ul.grobal {/*float:left; overflow:hidden*/}
#gnb-wrap>.gnb-menu>ul.grobal>li{float:left;}

#gnb-wrap>.gnb-menu>ul.grobal>li>a{display:block; color:#fff; line-height:40px; font-size:14px; padding:0 6px; }
#gnb-wrap>.gnb-menu>ul.grobal>li:nth-of-type(1) {display:flex; height:100%; background:#33a936;}
#gnb-wrap>.gnb-menu>ul.grobal>li:nth-of-type(1) span {display:none}
#gnb-wrap>.gnb-menu>ul.grobal>li:nth-of-type(2) {display:none; background:#f4171d;}
#gnb-wrap>.gnb-menu>ul.grobal>li:nth-of-type(3) {display:none; background:#0e6fe5;}
#gnb-wrap>.gnb-menu>ul.grobal>li>a:before {font-family: LineAwesome; font-size:16px; display: inline-block; vertical-align:middle; margin-right:5px}
#gnb-wrap>.gnb-menu>ul.grobal>li:nth-of-type(1)>a {display:flex; align-items:center}
#gnb-wrap>.gnb-menu>ul.grobal>li:nth-of-type(1)>a:before {
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url('../images/common/blog.svg') no-repeat;
	box-shadow:0px 0px 3px 0 rgba(0, 0, 0, .1);
}
#gnb-wrap>.gnb-menu>ul.grobal>li:nth-of-type(2)>a:before {content:"\f27d";}
#gnb-wrap>.gnb-menu>ul.grobal>li:nth-of-type(3)>a:before {content:"\f31b";}
#gnb-wrap>.gnb-menu>ul.sns {position:absolute; right:0}
#gnb-wrap>.gnb-menu>ul.sns>li{float:left;width:40px; height:40px; line-height:40px;background-size:100% !important;}
#gnb-wrap>.gnb-menu>ul.sns>li>a {display:block;  text-indent:-999999px;}
#gnb-wrap>.gnb-menu>ul.sns>li.insta {background:url('../images/common/insta.png') no-repeat;}
#gnb-wrap>.gnb-menu>ul.sns>li.blog {background:url('../images/common/blog.png') no-repeat;}
#gnb-wrap>.gnb-menu>ul.sns>li.facebook {background:url('../images/common/facebook.png') no-repeat;}
#gnb-wrap>.gnb-menu>ul.sns>li.kakaostory {background:url('../images/common/kakaostory.png') no-repeat;}

#gnb-wrap>.gnb-menu ul.contactNum {width:100%; display:table; max-width:400px}
#gnb-wrap>.gnb-menu ul.contactNum li {display:table-cell; line-height:40px; color:#fff; padding:0 3px}
#gnb-wrap>.gnb-menu ul.contactNum li:first-child {font-size:0.825em; color:#ccc; letter-spacing:-1px;}
#gnb-wrap>.gnb-menu ul.contactNum li:last-child {font-size:1em; font-family: 'Montserrat', sans-serif; font-weight:800;}




	

	@media only screen and (max-width:999px) { /* mobile menu css style */
	#mainNavi {position:fixed;background:#fff;transition:right 0.3s ease;z-index:7002;right:-280px;overflow-y:auto;overflow-x:hidden;top:0px;width:240px;height:100%;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;}
	.topmenu .mn_a1 span {display:block;padding:17px 30px 17px 20px;overflow:hidden;font-size:15px;font-weight:400;letter-spacing:-0.01em;white-space:normal;cursor:pointer;color:#333;}
		
	}

	@media only screen and (min-width:768px){ 
	.twodepth > .container {padding:0;}
	.twodepth .tabs-slide {display:block;}
	
	#gnb-wrap>.gnb-menu ul.contactNum {float:left; width:auto}
	#gnb-wrap>.gnb-menu ul.grobal {display:flex; float:right;}
	#gnb-wrap>.gnb-menu>ul.grobal>li:nth-of-type(2),#gnb-wrap>.gnb-menu>ul.grobal>li:nth-of-type(3) {display:block}
	#gnb-wrap>.gnb-menu>ul.grobal>li:nth-of-type(1) span {display:block}
	}


/* 메뉴부분 */
	@media only screen and (min-width:1000px){  /* web menu css style */
	    #doc {max-width:1200px;}
		.div-cont{max-width:1200px; margin:0 auto;}
		
		#mainNavi-wrap {overflow:hidden;position:absolute;left:0;top:35px;width:100%; height:auto;display:block;z-index:6001;}
		#mainNavi-wrap .tmn-tit {display:none;}
		#header-wrap {top:40px;}
		#header {height:120px;}
		#mainNav {position:relative;}
		#header .bt-mnall {display:none;}
		.tm-top, .tm-gnb{display:none;}
		#logo {top:30px; width:20%; height:57px}
		
		.topmenu {display:block;position:relative;text-align:right; font-size:0; padding-left:20px}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .has-sub .tgl-btn{display:none;}
		.topmenu .mn_a1 {line-height:1.35em;display:block; text-align:center;padding:15px 1.250em; position:relative; overflow:hidden;color:#333;font-size:17px;letter-spacing:-0.02em;font-weight:500;cursor:pointer;text-align:center;white-space:nowrap; border:none}
		.topmenu .mn_l1 {display:inline-block;position:relative;}
		.topmenu li.mn_l1.over .mn_a1, .topmenu li.mn_l1 .mn_a1:hover{color:#01b4e5}
		
		.topmenu .depth2-wrap {position:absolute;top:80px;display:none;visibility:hidden;padding:0; width:100% !important; left:0;;}
		.topmenu .depth2 {position:relative;height:auto;padding:15px 0 15px 0;overflow:hidden; background:none; border:none}
		.topmenu .depth2 li {letter-spacing:-1px;width:auto; display:block; margin-top:7px}
		.topmenu .depth2 li:firs-child{margin-top:0;}
		.topmenu .depth2 .mn_l2 {text-align:center;}
		.topmenu .depth2 .mn_a2 {cursor:pointer;display:block; padding:5px 0;line-height:1.3em; position:relative; font-size:14px;letter-spacing:-0.02em;color:#111;white-space:nowrap;}
		.topmenu .depth2 .mn_a2 span {font-size:1em;font-weight:400;}
		.topmenu .depth2 .over .mn_a2 ,.topmenu .depth2 .mn_a2:hover,.topmenu .depth2 .mn_a2:focus, .topmenu .depth2 .mn_a2:active {color:#01b4e5;font-weight:400; text-decoration:none}
		.topmenu .depth2 .is-over .mn_a2 span,topmenu .depth2 .over .mn_a2 span {color:#01b4e5;font-weight:400;text-decoration:none}
		
		#mainNavi-wrap .ovbar {position:absolute;height:14px;top:73px;display:block;overflow:hidden; height:12px; display:block;;}
		#mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:50%;margin-left:-45%;background:#01b4e5; height:3px;content:"";display:block;z-index:200; width:90%}

		.mn-bar{background:#fff; position:absolute; left:50%; margin-left:-1000px;  width:2000px; top:120px;}

		
		#header-wrap.isOver:after{border-bottom:1px solid #dedede; background:#fff;}
		#header-wrap.isOver #logo{background:url(../images/common/logo.svg) no-repeat center center; background-size:100%}
		#header-wrap.isOver .topmenu .mn_a1 {color:#111}
		#gnb-wrap>.gnb-menu  {max-width:1200px; margin:0 auto}
		
		#gnb-wrap>.gnb-menu>ul.grobal>li {padding:0 12px;}



	}
	@media only screen and (min-width:1100px){  
		#mainNavi-wrap {padding-right:50px;}
		.topmenu .mn_a1 {padding:15px 1.50em; font-size:18px}
		.topmenu .depth2 .mn_a2 span {font-size:15px;}
	}

.other {display:none;}
@media only screen and (min-width:1100px){  
	/*sitemap*/
	.other{display:block; position:absolute; left:50%;margin-left:-600px; width:1200px; top:0px;z-index:9005;}
	.all-menu {position:absolute;  right:0px; top:52px;display:inline-block; font-size:18px; color:#fff; padding:0 14px; line-height:55px;}
	.all-menu span, .all-menu-close span {background: #aea9c3;width: 20px;height: 2px;display: block;margin: 7px 0;border-radius: 35px; transition: all 0.3s cubic-bezier(0.81, -0.33, 0.345, 1.375);}
	.all-menu-close span {background:#fff}
	.all-menu span:last-of-type { position: relative;width: 15px;margin-top: 0;transform: translateX(15px)}
	.all-menu span:nth-of-type(2) {position: relative;width: 30px;opacity: 1;}
	.all-menu span:first-of-type {width: 20px;margin-top: 0;transition: all 0.6s;transform: translateX(10px);}
	
	.all-menu-close{position:absolute;  z-index: 4500; right:0; bottom:0; width:40px; height:40px; padding:10px; background:#555; line-height:40px; color:#fff;  text-align:Center; font-size:14px; }
	
	.all-menu-close span:nth-of-type(2) {position: relative;width: 30px;opacity: 0;}
	.all-menu-close span:first-of-type {width: 30px;margin-top: 2px;transition: all 0.6s; transform: rotate(-45deg) translate(-8px, 4px);}
	.all-menu-close span:last-of-type { position: relative;width: 30px;margin-top: 0;transform: rotate(45deg) translate(-8px, -5px);}

    .sitemap {display:none; position: absolute; top:120px; z-index: 4100;width: 1200px; left: 50%; transform: translateX(-50%); background: #fff url() left bottom no-repeat;border: 1px solid #000;;box-shadow:0 0 8px 0 rgba(0,0,0, .1);transition: all 1s;}
	.sitemap .depth1 {max-width:100%}
    .sitemap .btn-close {position: absolute;top: 55px;right: -61px;z-index: 110;width: 60px;height: 60px;background: #333;color: #fff;font-size: 2.5em; font-weight:300; text-align: center;line-height: 60px;}
    .sitemap .depth1>li {float: left;width:16.66%;height:363px;border-right: 1px solid #f4f4f4;}
    .sitemap .depth1>li>a {display: block;font-size: 1.25em;line-height: 80px;height: 80px; background:#f5f5f5; border-bottom: 1px solid #f4f4f4;color: #333;font-weight: 700;letter-spacing: -1px;text-align: center;}
    .sitemap .depth1>li>a>span:after {display: none;}
    .sitemap .depth1>li:last-child>a {border-right: none;}
    .sitemap .depth2 {padding: 20px 15px;}
    .sitemap .depth2>li>a {display: block;overflow: hidden;width: 100%;padding: 7px 0;white-space: nowrap;letter-spacing: -1.5px; text-align:center}
	.sitemap .depth2>li>a[target="_blank"]:after {content:"\f1d2"; font-family: LineAwesome; font-size:14px; display: inline-block; vertical-align:middle; margin-left:5px}
    .sitemap .depth2>li>a:hover {text-decoration: underline;}
    .sitemap .depth3 {display: none;}
	.layer-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
	
	
	

}