#resdivs{clear:both;width: 100%; background: #fff; border-bottom: 1px #eee solid;}
.resmn{text-align: right; width: 100%; max-width: 1060px; margin:0 auto; padding:8px 0;}
.resmn a{    display: inline-block;     text-align: center;text-transform: capitalize;
    padding: 0;    font-size: 13px; border:0;color:#666;     vertical-align: middle;
    background: transparent;    margin: 0 auto;    line-height: 100%;}
.resmn a:hover{color:#666}
.resmn a:last-child{border-right:0;}
.resmn a.mactive{display: none; border-right: 0; border-left: 0;} 
.resmn a.onmenu{background: transparent;}
.resmn a.onmn{color:#333; font-weight: 600;}
.resmn em{display: inline-block;color:#ccc; font-style: normal;width: 5px;}
.resmn img{max-height: 18px; width: auto;}

#head-area{clear:both; width:100%; ;z-index: 99999;  }
.fixed { background-color:none;}
.header_scroll {background: #fff;  border-bottom: 1px #eee solid; position: fixed; top:0;} 
.header_scroll .mob-btn span {background:#222}



.mtel{display: none !important; position:absolute;right:60px;top:30px;width:40px;height:40px;text-align:left;text-indent:-9999px;background:url("tel.png") no-repeat 10px;z-index:20;}
.contains{position:relative;margin:0 auto;padding:0 0px;max-width:1500px}

#header{position:relative;height:80px;z-index:100}
#header .header_main{background:#f1f1f1;overflow:hidden; box-shadow: 0 1px 2px rgba(0,0,0,.1);}
#header .header_gnb{position:relative;height:80px;background:#fff}
#header .header_gnb .contains{height:100%}
#header .header_main.active{  border-bottom: 1px #eee solid; }
#header .header_main.active .header_gnb{}
#header .header_wrap{position:relative;padding:0 0px 0 0px;height:100%}
#header .header_wrap .logo{position:absolute;left:0;top:5px;z-index:20; margin:0;}
#header .header_wrap .logo a,
#header .header_wrap .logo img{display: inline-block;}
#header .header_wrap .lang_box{position:absolute;right:0;top:27px;}
#header .header_wrap .btn_menu{display:none;position:absolute;right:20px;top:48%;margin-top:-20px;width:40px;height:40px;text-align:left;text-indent:-9999px;background:url("header_menu.png") no-repeat;z-index:20}
#header .btn_close{display:none;position:absolute;right:10px;top:30px;width:40px;height:40px;text-align:left;text-indent:-9999px;background:url("header_close.png") no-repeat;z-index:20}
#gnb{display:table;width:80%; float:right}
#gnb .menu{display:table-cell;position:relative;padding: 0 25px;vertical-align:top;text-align:center;width:auto;}
#gnb .menu .link{display:inline-block;position:relative;height:80px;line-height:80px;text-align:center; font-weight:500;
font-size:18px;*display:inline;zoom:1; color:#222;text-transform: uppercase;}
#gnb a{white-space:nowrap}
#gnb .sub_menu{position:absolute;left:0;top:80px;padding:20px 0 !important;width:100%; height:500px; list-style:none}
#gnb .sub_menu li{margin-bottom:5px;line-height:1.2em;text-align:center;}
#gnb .sub_menu a{display:inline-block;line-height:160%;font-size:15px;color:#333; }
#gnb .sub_menu a:hover{color:#03aace; }
#gnb .sub_menu .title{margin-top:15px;line-height:1.2em}
#gnb .sub_menu .title:first-child{margin-top:0}
#gnb .sub_menu .title a{color:#e2ac06}




.logo-si{width:100%; max-width:1170px; margin:0 auto; clear:both; text-align:center !important;}
.logo-si span{display:inline-block;}
.logo-si .tlogo{width:170px; margin:0 auto 0 60px}
.logo-si .tres{ float:left; margin:10px 0 0}
.logo-si .mems{ float:right; margin:10px 0 0; display:inline-block; vertical-align:middle; font-size:13px; 
line-height:11px; color:#ddd; font-weight:400;  border-left:1px solid #888; border-right:1px solid #888; padding:0 5px }
.logo-si .mems a{color:#666; display:inline-block; margin:0 5px;}
#cssmenu ul ul{border:1px solid #ccc}



@media screen and (min-width:1199px) {
	#header .gnb_wrap{display:block!important;filter:""!important;opacity:1!important}
	#gnb{right:auto!important}
	#gnb .sub_menu{display:block!important}
}

@media screen and (max-width:1199px) {
    .top-mn{max-width:92%; margin:0 auto;}
}

@media screen and (max-width:1199px) {
    #header .header_wrap .logo{left:20px;}
    #header .header_main.active{ box-shadow: none;}    
	#header .header_main{height:60px!important}
	.resmn{max-width: 92%;}
	#header .header_main.active{border-bottom:0!important}
	#header .header_main.active .header_gnb{border-bottom:0!important}
	#header .header_wrap .lang_box{right:60px}
	#header .header_wrap .btn_menu,
	#header .btn_close{display:inline-block}
	
	#header .header_main{overflow:visible}
	#header .gnb_wrap{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;    background: rgba(0,0,0,.5);}
	#gnb{display:block;position:absolute;right:-270px;top:0;bottom:0;padding:90px 15px 15px 15px !important;width:60%;max-width:260px;box-shadow: 0 0 2px 2px rgba(0,0,0,.2);height:100%;background:#fff;overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}
	#gnb .menu{display:block;padding:0;border-bottom:1px solid #ebebeb}
	#header #gnb .menu .link{padding: 0 20px;height: 50px;line-height: 50px;width: 100%; text-align: center;}
	#gnb .menu:first-child{border-top:1px solid #ebebeb}
	#gnb .sub_menu{display:none;position:relative;left:auto;top:auto;padding:15px 0; background:#f1f1f1; height:auto}
	#gnb .sub_menu .title{margin-top:0!important}	
	#gnb .sub_menu li{ margin:0; text-align:left;}
	#gnb .sub_menu a{padding:5px 0;color: #333; width: 100%; text-align: center;}

	.menu{text-align:left !important; width:100% !important; color:#fff;}
.menu ul li a{color:#fff;}
.menu ul ul > li a{text-align:left !important;}
.nav_wrapper{background:#424242 !important; padding:0 !important;}
.nav_wrapper{border:none !important;}

}

@media screen and (max-width:680px) {
.mtel{display: inline-block !important;}
}