@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:32px;height:32px;z-index:100; background:#fff;}
#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 .bar1 {top:10px;}
#opNav .bar2 {top:20px;}
#opNav .bar3 {top:30px;}
#opNav:hover .bar1 {top:8px}
#opNav:hover .bar3 {top:32px}

#clNav, #clAll{margin:0;top:15px; right:25px; }
#clNav > div, #clAll > div {display:block;background:#000 !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>ul{margin-top:60px;}
.mobile_menu>ul>li{border-bottom:1px solid rgba(0,0,0,0.1);}
.mobile_menu>ul>li>a{display:block;height:46px;line-height:46px;padding:0 0 0 20px;font-size:16px;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:40px; 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:34px; 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:14px;font-weight:normal;padding-left:30px;position:relative;}
.mobile_menu>ul>li>ul>li>a.other_1{display:block;height:60px;line-height:18px; padding-top:10px;font-size:14px;font-weight:normal;padding-left:30px;position:relative;}
.mobile_menu>ul>li>ul>li>a.other_2{display:block;height:80px;line-height:18px; padding-top:10px;font-size:14px;font-weight:normal;padding-left:30px;position:relative;}
.mobile_menu>ul>li>ul>li>a:before{position:absolute;right:25px;}
.mobile_menu>ul>li>ul>li>a.off{font-weight:bold;}
.mobile_menu>ul>li>ul>li>a.on:before{content:'¡å';}
.mobile_menu>ul>li>ul>li>a.off:before{content:'¡ã'}
.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)}


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



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


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

}

@media only screen and (max-width:480px){
#opNav .bar1 {top:7px}
#opNav .bar2 {top:17px}
#opNav .bar3 {top:27px}
}