.top-mn{clear:both; width:100%; margin: 0 auto !important; padding:15px 0 10px;}
.top-mn ul span.top-sns{display:inline-block; }
.top-mn ul span.top-sns a{display:inline-block; margin-right:10px;}
.top-mn ul span.top-sns a img{vertical-align:middle;}
.top-mn ul li{display:inline-block; margin-right:10px; border-left: 1px #666 solid;padding-left: 10px;}
.top-mn ul li a{color:#999; font-family: 'Roboto', 'Noto Sans KR', sans-serif; text-transform: uppercase;
font-weight: 400;}
.top-mn ul li:last-child{margin-right:0; border-right:1px #666 solid;padding-right:10px;}



.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:1170px}

#header{position:fixed;height:80px;z-index:100; width:100%;}
#header .header_main{background:#fff;overflow:hidden;}
#header .header_gnb{position:relative; width:100%;height:80px;background:#fff;  border-bottom:1px solid #eee;}
#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 .lang_box{position:absolute;right:0;top:27px;}
#header .header_wrap .btn_menu{display:none;position:absolute;right:20px;top:50%;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:60%; float:right}
#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:80px;line-height:80px;text-align:center; font-weight:700;
font-size:18px; display:inline;zoom:1; color:#111;text-transform: uppercase; font-size:20px; color:#333; padding:0px 43px;}
#gnb a{white-space:nowrap}
#gnb .sub_menu{position:absolute;left:0;top:80px;padding:30px 0;width:100%; height:200px; list-style:none; padding-top : 15px !important;}
#gnb .sub_menu li{margin-bottom:7px;line-height:1.2em;text-align:center;}
#gnb .sub_menu a{display:inline-block;line-height:160%;font-size:16px;color:#666; font-family:'Noto Sans kr' , 'roboto' !important; font-weight:400;}
#gnb .sub_menu a:hover{color:#0070b9; }
#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}



#header .logo{position:absolute;left:90px;top:15px;z-index:20; margin:0;}
#header .logo a,
#header .logo img{display: inline-block;}
#header .home_menu
{position:absolute; top : 30px; right:90px;}
#header .home_menu span a
{color:#8f8f8f; font-size:14px; padding: 0px 5px;}
#header .home_menu span a:hover
{color:#0054a6;}

.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:1170px) {
	#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:1119px) {
	.top-mn{max-width:92%; margin:0 auto;}
	#gnb .sub_menu
	{padding-top : 0px !important;}
}

@media screen and (max-width:1199px) {
    #header .header_wrap .logo{left:20px;}
	#header .header_main{height:60px!important}
	#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:80%;max-width:320px;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;}
	#gnb .menu:first-child{border-top:1px solid #ebebeb}
	#gnb .sub_menu{display:none;position:relative;left:auto;top:auto;padding:15px 0; background:#e5e7f7; 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 10px;}

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


@media screen and (max-width:420px){
	#header .home_menu
	{display : none;}
	#header .logo
	{left:10px; top : 8px;}

}