@charset "utf-8";

/*메뉴*/
.localNavi{position:relative;z-index:10;height:100%}
.localNavi *{font-family:inherit}
.localNavi ul{}
.localNavi ul li{float:left;height:100%;}
.localNavi ul li .mlink{display:block;text-decoration:none;overflow:hidden;height:100%;text-align:center;position:relative;}
.localNavi ul li .mlink span{display:none;position:absolute;bottom:0;left:50%;width:0;height:0;border-style:solid;margin-left:-4px;border-width:8px;border-color:transparent !important;}
.localNavi ul li ul{display:none;position:absolute;white-space:nowrap;margin:0;height:auto;}
.localNavi ul li ul li{float:none;white-space:nowrap;}
.localNavi ul li ul li a{font-size:100%;white-space:nowrap;text-decoration:none;height:100%;}
.localNavi ul li:hover ul li span{display:none;}
.localNavi ul li ul li a:hover, .localNavi li ul li.on a {font-weight:bold;}

.menu_wrap {display:none;position:absolute;width:100%;}

/*모바일메뉴*/
#opNav,#clNav,#opNav *,#clNav *, #clAll * {transition:all 0.2s ease;}
#opNav,#clNav, #clAll{position:absolute;top:50%;margin-top:-15px;right:15px;width:30px;height:30px;z-index:100}
#opNav span,#clNav span, #clAll span{font-size:0;line-height:0;text-indent:-999px;}
#opNav > div,#clNav > div, #clAll > div {position:absolute; width:30px; height:2px;background:rgba(0,0,0,0.8)}
#opNav > i,#clNav > i, #clAll > i {position:absolute; width:30px; height:2px;background:rgba(0,0,0,0.8)}
#opNav .bar1 {top:4px}
#opNav .bar2 {top:14px}
#opNav .bar3 {top:24px}
#opNav:hover .bar1 {top:2px}
#opNav:hover .bar3 {top:26px}

#clNav, #clAll{margin:0;top:15px}
#clNav > div, #clAll > div {display:block;background:rgba(0,0,0,0.8) !important;}
#clNav > i, #clAll > i {display:block;background:rgba(0,0,0,0.8) !important;}
#clNav .bar1, #clAll .bar1 {top:13px;transform:rotate(225deg)}
#clNav .bar2, #clAll .bar2 {top:13px;transform:rotate(-225deg)}
#clNav:hover .bar1, #clAll:hover .bar1 {transform:rotate(-225deg)}
#clNav:hover .bar2, #clAll:hover .bar2 {transform:rotate(225deg)}


.mobile_menu{display:none;position:fixed;top:0px;right:-250px;width:250px;height:100%;overflow:auto;background:rgba(255,255,255,1);box-shadow:0 0 6px 0 rgba(0,0,0,.1);z-index:100003;}
/*.mobile_menu *{font-family:'Nanum Square'}*/
.mobile_menu>ul{margin-top:65px;}
.mobile_menu>ul>li{border-top:1px solid rgba(0,0,0,0.1);}
.mobile_menu>ul>li>a{display:block;height:46px;line-height:46px;padding:0 0 0 30px;font-size:15px;font-weight:bold;letter-spacing:-1px;color:#222; position:relative}
.mobile_menu>ul>li.keep>a:before,.mobile_menu>ul>li.open>a:before {content:'';position:absolute; display:block; width:2px;height:14px;right:31px; top:50%; margin-top:-7px;background:rgba(0,0,0,0.2); transition:all .3s ease}
.mobile_menu>ul>li.keep>a:after {content:'';position:absolute; display:block; width:14px;height:2px;right:25px; top:50%; margin-top:-1px; background:rgba(0,0,0,0.2)}
.mobile_menu>ul>li.open>a:before {transform:rotate(90deg)}
.mobile_menu>ul>li:first-child{border-top:0}
.mobile_menu>ul>li>ul.submn{background:rgba(0,0,0,0.05);display:none;}
.mobile_menu>ul>li>ul>li{border-top:1px solid rgba(0,0,0,0.1);}
.mobile_menu>ul>li>ul>li>a{display:block;height:40px;line-height:40px;font-size:13px;font-weight:normal;padding-left:30px;position:relative;}
.mobile_menu>ul>li>ul>li>a:before{position:absolute;right:25px;font-family:FontAwesomeS;}
.mobile_menu>ul>li>ul>li>a.off{font-weight:bold;}
.mobile_menu>ul>li>ul>li>a.on:before{content:'\f078';}
.mobile_menu>ul>li>ul>li>a.off:before{content:'\f077'}
.mobile_menu>ul>li>ul>li>ul.childes{display:none;padding:10px 30px;background:rgba(255,255,255,0.7);border-top:1px dashed rgba(0,0,0,0.1)}
.mobile_menu>ul>li>ul>li>ul>li>a{height:25px;line-height:25px;font-size:0.9em}
.mobile_menu>ul>li>ul>li>ul>li>a:before{display:inline-block;content:''; width:7px; height:1px;vertical-align:middle;margin-right:5px;background:rgba(0,0,0,0.3)}

.mobile_menu .btnWrap{overflow:hidden;background:rgba(0,0,0,0.1);text-align:center;font-size:110%;line-height:46px;border:solid rgba(0,0,0,0.1);border-width:1px 0} 
.mobile_menu .btnWrap a{float:left;width:50%;position:relative;}
.mobile_menu .btnWrap a:nth-child(1):after{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;display:block;background:rgba(0,0,0,0.1)}
.mobile_menu .btnWrap a:before{font-family:FontAwesomeS;display:inline-block;margin-right:5px;}
.mobile_menu .btnWrap a:nth-child(1):before{content:'\f07a'}
.mobile_menu .btnWrap a:nth-child(2):before{content:'\f002'}

#mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .8;filter: alpha(opacity='80');z-index:1001;}

#opNav.Left{right:auto;}
.mobile_menu.Left{right:auto;left:-250px;}

.subMenu,.childMenu,.schildMenu{text-align:center;position:relative;}
.subMenu:after{content:'';background:rgba(0,0,0,.1);height:1px;display:block}
.subMenu ul,.childMenu ul,.schildMenu ul{margin:0 auto;}
.subMenu ul li,.childMenu ul li,.schildMenu ul li{position:relative;max-width:100%;}
.subMenu ul li a,.childMenu ul li a,.schildMenu ul li a{display:block;white-space:nowrap;position:relative;line-height:55px;height:55px;font-size:130%;}
.subMenu .active,.childMenu .active,.schildMenu .active{font-weight:500;}
.subMenu .parents li .active{color:#fff;background:rgba(0,0,0,0.5);}

.subMenu.Wide ul li,.childMenu ul li,.schildMenu ul li{float:left;}
.subMenu.Wide ul li:before,.childMenu ul li:before,.schildMenu ul li:before{content:'';position: absolute;left:-1px;top: 35%;bottom: 35%;width: 1px;display: block;background:rgba(0,0,0,0.1);}
.subMenu.Wide ul li:nth-child(1):before{display:none}

.subMenu.Left,.subMenu.Mobile{text-align:left}
.subMenu.Left ul li{float:none;}
.subMenu.Left ul li a{line-height:40px;height:40px;}

.subMenu.Mobile ul li a{ padding-left:20px}

.subMenu.Location{position:relative;z-index:1;}
.subMenu:after{content:''; display:block; clear:both; background:rgba(0,0,0,0.1);height:1px;}
.subMenu.Location div{float:left;border-right:1px solid rgba(0,0,0,0.1);}
.subMenu.Location div > a{display:block;padding:20px;font-size:17px;position:relative;}
.subMenu.Location div.depth,.subMenu.Location div > ul{min-width:150px;text-align:left;background:rgba(255,255,255,0.9)}
.subMenu.Location div.depth > a{padding-right:50px;}
.subMenu.Location div.depth > a:before{font-family:FontAwesomeS;position:absolute;right:15px;top:calc(50% - 7px);content:'\f078';font-size:80%; transition:all ease-out 0.1s}
.subMenu.Location div.depth > a.up:before{transform:rotate(-180deg);top:calc(50% - 9px);}
.subMenu.Location div > ul{position:absolute; border:solid rgba(0,0,0,0.1); border-width:0 1px 1px}
.subMenu.Location div > ul > li{display:block;text-align:left} 
.subMenu.Location div > ul > li > a{display:block;padding:11px 0 11px 20px;font-size:14px;border-top:1px solid rgba(0,0,0,0.1);line-height:normal; height:auto; color:inherit}
.subMenu.Location div > ul > li > a:hover{background-color:rgba(0,0,0,0.4);color:#fff;}
.subMenu.Location .tcolbg{color:#fff;}

.subMenu.Mobile.Location{position:relative;text-align:center;font-size:115%;line-height:50px;}
.subMenu.Mobile.Location .prev,.subMenu.Mobile.Location .next{position:absolute;top:0;bottom:0;width:40px;font-size:0;line-height:0}
.subMenu.Mobile.Location .prev:before,.subMenu.Mobile.Location .next:before{font-family:FontAwesomeS;font-size:16px;line-height:3em;}
.subMenu.Mobile.Location .prev{left:0;}
.subMenu.Mobile.Location .prev:before{content:'\f060'}
.subMenu.Mobile.Location .next{right:0;}
.subMenu.Mobile.Location .next:before{content:'\f061'}
.subMenu.Mobile.Location > p{margin:0 40px;}

.childMenu ul:after{content:'';display:block;clear:both;min-height:1px;}
.childMenu ul{height:50px;}
.childMenu ul li:before{top:0;bottom:0}
.childMenu ul li{border:solid rgba(0,0,0,0.1);border-width:1px 0;}
.childMenu ul li:last-child{border-width:1px 1px 1px 0;}
.childMenu ul li,.childMenu ul li a{height:100%;}
.childMenu ul li a{vertical-align:middle;font-size:110%;line-height:inherit}
.childMenu ul li a:before{content:'';width:0px;height:100%;vertical-align:middle;display:inline-block;}
@media only screen and (max-width:1010px){
	
	.subMenu > #now{display:block;color:#fff;position:relative;z-index:1;font-size:130%;line-height:55px;height:55px;background:rgba(0,0,0,0.5);text-indent:20px;}
	.subMenu > #now:after{font-family:FontAwesomeS;content:'\f107';position:absolute;right:20px;transform:all 0.3s ease;}
	.subMenu > #now.off:after{transform:rotate(180deg);right:-5px}
	
	.subMenu .parents,.subMenu .none{display:none;}
	.subMenu ul li{float:none}
	.subMenu ul li a{color:inherit;border-top:1px solid rgba(0,0,0,0.05);height:45px;line-height:42px;font-size:120%}
	
	.subMenu .childes{display:inline-block}
	.subMenu .childes:after{content:'';clear:both;display:table}
	.subMenu .childes li{float:left;text-align:center;}
	.subMenu .childes li a{padding-right:20px}
	.subMenu .childes li:before{content:'';position: absolute;left:-1px;top: 35%;bottom: 35%;width: 1px;display: block;background:rgba(0,0,0,0.1);}
	
	.childMenu ul{display:table;width:100%;table-layout:fixed}
	.childMenu ul li{display:table-cell;float:none;}

	.schildMenu ul{display:table;width:100%;table-layout:fixed}
	.schildMenu ul li{display:table-cell;float:none;}

}
.schildMenu ul:after{content:'';display:block;clear:both;min-height:1px;}
.schildMenu ul{height:50px;}
.schildMenu ul li:before{top:0;bottom:0}
.schildMenu ul li{border:solid rgba(0,0,0,0.1);border-width:1px 0;}
.schildMenu ul li:last-child{border-width:1px 1px 1px 0;}
.schildMenu ul li,.schildMenu ul li a{height:100%;}
.schildMenu ul li a{vertical-align:middle;font-size:110%;line-height:inherit}
.schildMenu ul li a:before{content:'';width:0px;height:100%;vertical-align:middle;display:inline-block;}



.All_menu {display:none; position:absolute; background:rgba(255,255,255,1); top:50px; right:50px; left:50px;  z-index:9999;  border:1px solid #eee; overflow:hidden;}
.All_menu h3{text-align:center; font-size:40px; padding:2% 0; font-weight:700; display:block; background:#efefef}
.All_menu ul { display:flex;  flex:1; flex-wrap:wrap; margin:3% 0}
.All_menu ul .keep{ margin-bottom:20px; width:16.6666%; padding:0 15px}
.All_menu ul li.keep a.depth1{display:block;  padding:0 2px; font-size:20px;font-weight:700;line-height:50px;border-bottom:2px solid #000}
.All_menu ul li.keep ul{ }
.All_menu ul li.keep ul li{width:100%;border-bottom:1px solid #ddd}
.All_menu ul li.keep ul li a{font-size:15px;line-height:35px; padding-left:5px }


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

.All_menu {top:10px; right:10px; left:10px; }
.All_menu h3{font-size:25px; }
.All_menu ul .keep{ width:50%; }

}