#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%; height: 92px; 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: 95px;
    top: 32px;
    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:1201px}

#header{position:relative;height:100%;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: 92px;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:11px;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: 40px;
    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: 40px;
    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;
    height: 92px;
    float: right;
    margin-right: -61px;
}#gnb .menu {
    display: table-cell;
    position: relative;
    padding: 0px 0;
    vertical-align: top;
/*    text-align: center;*/
}
#gnb .menu .link {
    display: inline-block;
    position: relative;
    height: 92px;
    line-height: 92px;
/*    text-align: center;*/
    font-weight: 400;
    font-size: 19px;
    *display: inline;
    zoom: 1;
    color: #3a3a3a;
    text-transform: uppercase;
    font-family: 'Noto Sans KR', sans-serif;
    padding: 0 61px;
}
#gnb a{white-space:nowrap}
#gnb .sub_menu{position:absolute; left:0;top:92px; 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; transition: all 0.3s;}
#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}
#gnb .sub_menu li a:hover {
    color: #d80238!important;
    font-weight: 700;
}



.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:1367px) {
	#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:1366px) {
    .top-mn{max-width:92%; margin:0 auto;}
}

@media screen and (max-width:1366px) {
    #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}
	#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 5px 20px;
	    color: #333;
	    width: 100%;
	    text-align: left;
	}

	.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;}
    #head-area {
        height: 78px;
    }
    #header .header_gnb {
        height: 78px;
    }
    .logo img {
        height: 52px;
    }
}