header {position:fixed; left:0; top:0; height:100%; min-height:980px;  z-index:1000; background:url(../img/design/bg_gnb.gif) repeat-y; }
header a{letter-spacing:-0.5px; font-weight:300;}
header a:hover{text-decoration:none;}
header h1 img{border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
header nav > ul > li {position:relative; width:210px;} 
header nav > ul > li > a {display:inline-block; width:190px;  padding-left:20px; height:49px; line-height:49px; font-size:15px; color:#fff; border-bottom:1px solid #576170; transition:all 0.2s ease;}
header nav > ul > li > a:hover,
header nav > ul > li > a:focus,
header nav > ul > li.on > a {background:#fff; color:#9f8e7c; border-bottom:1px solid #e5e5e5;}
header nav > ul > li > ul {display:none; position:absolute; left:210px; top:-1px; width:210px;} 
header nav > ul > li > ul > li > a {display:inline-block; width:190px; height:49px; line-height:49px; border-bottom:1px solid #e5e5e5; font-size:14px; color:#666; padding-left:20px; background:url(../img/design/nav_off.png) no-repeat 190px center;transition:all 0.3s ease;}
header nav > ul > li > ul > li > a:only-child {background:none;} 
header nav > ul > li > ul > li > a:hover,
header nav > ul > li > ul > li > a:focus {color:#9f8e7c;}
header nav > ul > li > ul > li.on > a {color:#9f8e7c; background:#fff; background:url(../img/design/nav_on.png) no-repeat 190px center;}
header nav > ul > li > ul > li:first-child {border-top:1px solid #e5e5e5;}
header nav > ul > li > ul > li.none > a {background-image:none;}
header nav > ul > li > ul > li > ul {display:none; background:#f0f0f0; padding:10px 10px 10px 30px;}
header nav > ul > li > ul > li.on > ul {border-bottom:1px solid #e5e5e5;}
header nav > ul > li > ul > li > ul > li > a {display:inline-block; margin-bottom:10px; font-size:13px; color:#666; width:150px; word-break:keep-all; transition:all 0.3s ease;}
header nav > ul > li > ul > li > ul > li > a:hover,
header nav > ul > li > ul > li > ul > li > a:focus {color:#9f8e7c;}

.gnb{position:relative;z-index:99;}
.gnb > div.mz_menu, .gnb > div.top .m_logo{display:none; height:0; overflow:hidden;}
.gnb > div.top > a{ position:absolute;}
.gnb > div.top > a.menu{ top:0; left:0; display:none;}




@media (max-width:1220px){
.gnb > div.top > a.menu{ display:block;}
header, header #nav, #header .global_nav, #header .logo, #container, #bg_nav{display:none;}
.header{position:relative;top:0; height:66px; width:100%;z-index:9;}
.insideWrap{width:100%;}
.gnb > div.top .m_logo{position:relative; display:block; height:auto; text-align:center; padding:14px 0 0 0;}
.gnb > div.top .m_logo img{height:36px;}
.gnb > div.top > a.menu{ display:block;}
.gnb > div.top{height:66px; }
.gnb > div.mz_menu{ position:fixed; top:0; left:0; width:270px; height:100%; overflow-y:auto; display:none; z-index:9000;text-align:left;}
.gnb > div.mz_menu > a{float:right !important;}
.gnb > div.mz_menu > ul{ width:270px; float:right; background:#48515d; height:100%; overflow-y:auto;}
.gnb > div.mz_menu > ul > li > ul > li {padding:8px 0;}
.gnb > div.mz_menu > ul > li > span > a{height:65px; line-height:65px; padding-left:30px;color:#f2f2f2; width:240px; display:block; border-bottom:1px solid #576170; font-size:16px; font-weight:500;}
.gnb > div.mz_menu > ul > li > span > a:hover{ color:#fff; text-decoration:none;}
.gnb > div.mz_menu > ul > li > ul{ background:#525962; padding:10px 0; display:none;}
.gnb > div.mz_menu > ul > li > ul > li > a{padding-left:30px; color:#f2f2f2; font-size:14px;}
.gnb > div.mz_menu > ul > li > ul > li > a:hover{color:#fff; text-decoration:none;}
.gnb > div.mz_menu > a{float:left;}
.gnb .member {background:#525962; padding:10px 0 10px 30px; overflow:hidden; font-family: 'malgun gothic', '¸¼Àº °íµñ', 'µ¸¿ò', dotum, Tahoma, arial;}
.gnb .member a{color:#f2f2f2; font-size:13px;border:1px solid #656c76; display:block; float:left; padding:5px; margin-right:5px;}
.gnb .member a:hover{text-decoration:none;}
.gnb .member p{font-size:12px; color:#aaa; font-weight:200; clear:both; margin-bottom:10px;}
.gnb .sns{margin:20px 0 20px 20px;}
.gnb .sns a{padding:0 10px;}
.bg_mask {position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.7;display:none;}
div::-webkit-scrollbar {width: 0px; height: 0px; }
}