@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:0; left:0;}
#header-wrap:after{position:absolute; left:0; width:100%; top:0; height:100%; display:block; content:""; background:#fff; 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;border:1px solid red}*/
#header{position:relative; }

#logo{ width:128px; height:27px; left:10px; top:18px; background:url(../img/inc/top_logo.png) no-repeat left center; background-size:100%; position:absolute; z-index:9000;}
#logo a{display:block; height:100%;}
@media only screen and (max-width:999px) { 
	#logo{ z-index:1000;}
}
#gnb-wrap{display:none;}


#header .bt-mnall {position:absolute;display:block;z-index:2599; width:30px; height:30px; background:url(../img/inc/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(../img/inc/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(../img/inc/top_logo.png)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;}


/* 링크 점선 없애기 */
a, input { outline:none; selector-dummy : expression(this.hideFocus=true);}

.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;}

.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:#5f297c;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%;background:#fff;}
.twodepth .tabs-slide {display:none;border-left:1px solid #dddddd; }
.twodepth>.container {padding:0 10px;}
.twodepth .tabs-slide ul {width:auto;height: auto;}
.twodepth .tabs-slide ul li {display:inline-block;margin: 0 -1% 0 0; text-align:center}
.twodepth .tabs-slide ul.col-02 li {width:50%;}
.twodepth .tabs-slide ul.col-03 li {width:25%;}
.twodepth .tabs-slide ul.cols li {padding:0 30px; border-right:1px solid #dddddd;}
.twodepth .tabs-slide ul.cols li:first-child {padding:0 20px;border-right:0px solid #dddddd;}
.twodepth .tabs-slide ul.cols li:nth-child(2) {border-left:1px solid #dddddd;}
.twodepth .tabs-slide ul li a {display:block; line-height:50px; color:#333333;}
.twodepth .tabs-slide ul li.selected a {color:#5f297c}
.twodepth .tabs-slide ul li.active {background:#fff}
.twodepth .tabs-slide ul li.active a {color:#5f297c}
.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}


/* 최상단 메뉴 */
#gnb-wrap{display:block; position:absolute; z-index:3009; width:100%; background:rgba(0,0,0,0.0); border-bottom: 0px solid rgba(255,255,255,0.25);}
#gnb-wrap>.gnb-menu {position:relative; width:100%; margin:0 auto;}
#gnb-wrap>.gnb-menu ul.grobal { display:none; float:left; /*overflow:hidden*/ border-bottom:0px solid #e3776a}
#gnb-wrap>.gnb-menu>ul.grobal>li{float:left;}

#gnb-wrap>.gnb-menu>ul.grobal>li>a{display:block; color:#fff; line-height:30px; font-size:13px; padding:0 6px; }
#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:first-child>a:before {content:"\f27d";}
#gnb-wrap>.gnb-menu>ul.grobal>li:last-child>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:30px; line-height:30px;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; margin:0 auto}
#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;}
/* 최상단 메뉴 */

/*서브 네비게이션 */
#lnbArea {height:60px;border-bottom:#eee 1px solid;}
#lnbArea .lnb_wrap {position:relative;max-width:1200px;margin:0 auto;}
#lnbArea .lnb_wrap:after {content:'';display:block;clear:both;}
#lnbArea .home {float:left;display:block;width:51px;height:60px;border-right:1px solid #e5e5e5;background:url("../img/inc/sub_home.png") no-repeat center center;}
#lnbArea .dep {float:left;position:relative;width:210px;}
#lnbArea .dep1 {float:left;position:relative;width:210px;}
#lnbArea .dep2 {float:left;position:relative;width:310px;}


#lnbArea .dep > a {display:block;position:relative;height:60px;line-height:60px;padding:0 50px 0 20px;border-right:1px solid #e5e5e5;font-size:15px;}
#lnbArea .dep.on > a {background-color:#f6f6f6;font-weight:400;}
#lnbArea .dep > a:after {content:'';display:block;position:absolute;top:50%;right:20px;width:12px;height:7px;margin-top:-3px;background-repeat:no-repeat;background-image:url("../img/inc/sub_nav_arrow_01.png");}
#lnbArea .dep.on > a:after {background-image:url("../images/layout/arr_lnb_dep_on.png");}
#lnbArea .dep .dep_list {display:none;position:absolute;top:60px;left:-1px;width:209px;border:1px solid #e5e5e5;background:#fff;z-index:9000;}
#lnbArea .dep .dep_list a {display:block;height:46px;line-height:46px;padding:0 20px;border-top:1px solid #efefef;font-size:15px;color:#444;white-space:nowrap;}
#lnbArea .dep .dep_list li:first-child a {border-top:none;}
#lnbArea .dep .dep_list a:hover {font-weight:400;color:#174cac;}
#lnbArea .dep .selected {color:#5f297c}
#lnbArea .selected > a:after {content:'';display:block;position:absolute;top:50%;right:20px;width:12px;height:7px;margin-top:-3px;background-repeat:no-repeat;background-image:url("../img/inc/sub_nav_arrow_02.png");}

@media all and (max-width:1024px) {
	#lnbArea {border-bottom-color:#e5e5e5;}
	#lnbArea .home {display:none;}
	#lnbArea .dep {width:50%;}
	#lnbArea .dep > a {padding:0 70px 0 30px;background-color:#f6f6f6;}
	#lnbArea .dep:last-child > a {border-right:none;}
	#lnbArea .dep.on > a {font-weight:300;}
	#lnbArea .dep > a:after {right:30px;width:14px;height:8px;background-image:url("../img/inc/sub_nav_arrow_01.png");background-size:auto 8px;}
	#lnbArea .dep.on > a:after {background-image:url("../images/layout/m_arr_lnb_dep_on.png");}
	#lnbArea .dep .dep_list {left:-2px;width:100%;}
	#lnbArea .dep:last-child .dep_list {left:-1px;border-right:0;}
	#lnbArea .dep .dep_list a {height:60px;line-height:58px;padding:0 30px;}
}

@media all and (max-width:768px) {
	#lnbArea {height:43px;border-bottom:#eee 1px solid;}
	#lnbArea .dep > a {height:43px;line-height:43px;padding:0 35px 0 15px;font-size:12px;}
	#lnbArea .dep > a:after {right:14px;width:10px;height:6px;background-size:auto 6px;}
	#lnbArea .dep .dep_list {top:43px;}
	#lnbArea .dep .dep_list a {height:43px;line-height:42px;padding:0 15px;font-size:12px;}
}

/*서브 네비게이션 */




	@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 {position:absolute; bottom:0}
	.twodepth > .container {padding:0;}
	.twodepth .tabs-slide {display:block;}
	#gnb-wrap>.gnb-menu ul.contactNum {float:left; width:auto}

	}


/* 메뉴부분 */
	@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:10px;width:100%; height:auto;display:block;z-index:6001;}
		#mainNavi-wrap .tmn-tit {display:none;}
		#header-wrap {top:0px;}
		#header {height:75px;}
		#mainNav {position:relative;}
		#header .bt-mnall {display:none;}
		.tm-top, .tm-gnb{display:none;}
		#logo {top:10px; width:20%; height:57px}
		#gnb-wrap>.gnb-menu ul.grobal {float:right;display:block}
		.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:#111;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:#5a7044;}

		.topmenu .depth2-wrap {position:absolute;top:65px;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:#5a7044;font-weight:400; text-decoration:none}
		.topmenu .depth2 .is-over .mn_a2 span,topmenu .depth2 .over .mn_a2 span {color:#336633;font-weight:400;text-decoration:none}

		#mainNavi-wrap .ovbar {position:absolute;height:14px;top:53px;display:block;overflow:hidden; height:12px; display:block;}
		#mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:50%;margin-left:-45%;background:#5f297c; height:3px;content:"";display:block;z-index:200; width:90%;}

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


		#header-wrap.isOver:after{border-bottom:1px solid #dedede; background:#fff;}
		#header-wrap.isOver #logo{background:url(../img/inc/top_logo.png) no-repeat center center; background-size:100%}
		#header-wrap.isOver .topmenu .mn_a1 {color:#111}
		#gnb-wrap>.gnb-menu  {max-width:1200px; }

		#gnb-wrap>.gnb-menu>ul.grobal>li {padding:0 3px;}



	}
	@media only screen and (min-width:1100px){
		#mainNavi-wrap {padding-right:0px;}
		.topmenu .mn_a1 {padding:15px 1.1em; 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; 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:20%;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 }




}