#mobile-s{display:none;}
#mobile-s img{width:100%;}
table.m-smn{width:100%; text-align:center; 
border-top: 1px #666 solid; font-weight:500; }
table.m-smn a{color:#333 !important;font-family: 'Roboto', 'Noto Sans KR', sans-serif;}
table.m-smn td{width:33.3%; padding:10px 0;
    border-bottom: 1px solid #ddd;  border-right: 1px #666 solid; letter-spacing:-0.02em;
    background: #fff; }
table.m-smn td img{    width: auto !important;
    vertical-align: middle;    display: inline;
    margin-right: 5px;}
table.m-smn td:last-child{border-right:none;}
table.m-smn img {    max-width: 20px;    height: auto;
    display: inline-block;    vertical-align: middle;}

#head-area{clear:both; width:100%; ;z-index: 99999;  }
.fixed { background-color:none;}
.header_scroll {background: #fff;  box-shadow: 0 1px 1px rgba(0,0,0,.2); position: fixed; top:0;} 


.contains{position:relative;margin:0 auto;padding:0 0px;max-width:1170px}
#header{position:relative;height:40px;z-index:100}
#header .header_main{background:#fff;overflow:hidden}
#header .header_gnb{position:relative;height:40px;background:#fff}
#header .header_gnb .contains{height:100%}
#header .header_main.active{ box-shadow: 0 2px 2px rgba(0,0,0,.2);}
#header .header_wrap{position:relative;padding:0 0px 0 0px;height:100%}
#header .header_wrap .logo{position:absolute;left:0;top:19px;z-index:20}
#header .header_wrap .logo a,
#header .header_wrap .logo img{display:block}
#header .header_wrap .lang_box{position:absolute;right:0;top:27px;z-index:20}
#header .header_wrap .btn_menu{display:none;position:absolute;right:10px;top:25%;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:9999999999;}
#gnb{display:table;width:100%}
#gnb .menu{display:table-cell;position:relative;padding:0px 0;vertical-align:top;text-align:center}
#gnb .menu .link{display:inline-block;position:relative;padding:0 14px 20px;height:40px;line-height:40px;text-align:center; font-size:16px;*display:inline;zoom:1; color:#000; text-transform: uppercase;}
#gnb a{white-space:nowrap}
#gnb .sub_menu{position:absolute;left:0;top:40px;padding:20px 0 !important;width:100%; height:400px; 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:150%;font-size:14px;color:#999; font-weight:400}
#gnb .sub_menu a:hover{color:#000}
#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{ clear:both; width:100%; }
.logosispan{width: 100%; max-width: 1170px; margin:0 auto; padding:10px 0;}
.logo-si span{display:inline-block; vertical-align: middle;}
.logo-si span.tlogo{ margin:0 auto; text-align: center;width: 40%;}
.logo-si span.tres{float: left;width: 30%;}
.logo-si span.mems{font-size:13px;  float: right; text-align: right; width: 30%;}
.mems-bar{border-left: 1px #ddd solid;border-right: 1px #ddd solid;}
.logo-si span.mems a{color:#666; display:inline-block; padding:0 5px;}
.logo-si span.mems a:first-child{border-left: 1px #ddd solid; padding-left: 10px;}
.logo-si span.mems a:last-child{border-right: 1px #ddd solid; padding-right: 10px;}



@media screen and (min-width:769px) {
	#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:768px) {
    .header_scroll	{    right: 0;    width: 60px !important;
    height: 50px!important; }
    .header_scroll #header .header_wrap .btn_menu{top:60%;}
	.logosispan{max-width: 92%; margin:0 auto;position: relative;}
	.logosispan span{display: block; width: 100%;}	
	#header .header_main{height:40px!important}
    #header .header_main.active{ box-shadow: 0;}
	#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: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:240px;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;z-index: 99;}
	#gnb .menu{display:block;padding:0;border-bottom:1px solid #ebebeb}
	#gnb .menu .link{    width: 100%;}
	#gnb .menu:first-child{border-top:1px solid #ebebeb}
	#gnb .sub_menu{display:none;position:relative;left:auto;top:auto;padding:15px 0; background:#f9f9f9; height:auto}
	#gnb .sub_menu .title{margin-top:0!important}	
	#gnb .sub_menu li{ margin:0}
	#gnb .sub_menu a{    padding: 10px 0;    color: #666;}


	.logo-si{height: 60px;}
	.logo-si span{display:block;}

	.logo-si .tres{display:none;float:none !important;}
	.logo-si .mems{ float:none !important; width: 100% !important;}
	.logo-si span.tlogo{    width: 50%;    position: absolute;
    text-align: left;    top: 30px; left:0;    z-index: 9999;}


	#mobile-s {
    display: block;
    }
}