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:#363636; border-bottom:1px solid #e8e8e8; transition:all 0.2s ease;}
header nav > ul > li > a:hover,
header nav > ul > li > a:focus,
header nav > ul > li.on > a {background:#2e364e; color:#fff; border-bottom:1px solid #e8e8e8;}
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 #363f5b; font-size:14px; color:#ccc; 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:#fff;}
header nav > ul > li > ul > li.on > a {color:#fff; background:#2e364e; background:url(../img/design/nav_on.png) no-repeat 190px center;}
header nav > ul > li > ul > li:first-child {border-top:1px solid #363f5b;}
header nav > ul > li > ul > li.none > a {background-image:none;}
header nav > ul > li > ul > li > ul {display:none; background:#363f5b; padding:10px 10px 10px 30px;}
header nav > ul > li > ul > li.on > ul {border-bottom:1px solid #363f5b;}
header nav > ul > li > ul > li > ul > li > a {display:inline-block; margin:5px 0; font-size:13px; color:#ccc; 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:#fff;}

.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;}
.gnb > div.top > a.call{ top:0; right:0; display:none;}





@media (max-width:1220px){
.gnb > div.top > a.menu{ display:block;}
.gnb > div.top > a.call{ 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:12px 0 0 0;}
.gnb > div.top .m_logo img{margin-top:3px;}
.gnb > div.top > a.menu{ display:block;}
.gnb > div.top{height:66px; background:#fff; box-shadow:0 1px rgba(0, 0, 0, .06);}
.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:#fff; 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:#333; width:240px; display:block; border-bottom:1px solid #eeeeee; font-size:16px; font-weight:700;}
.gnb > div.mz_menu > ul > li > span > a:hover{ color:#404850; text-decoration:none;}
.gnb > div.mz_menu > ul > li > ul{ background:#f7f7f7; padding:10px 0; display:none;}
.gnb > div.mz_menu > ul > li > ul > li > a{padding-left:30px; color:#333; font-size:14px; font-weight:400;}
.gnb > div.mz_menu > ul > li > ul > li > a:hover{color:#404850; text-decoration:none;}
.gnb > div.mz_menu > a{float:left;}
.gnb .member { padding:10px 0 10px 30px; overflow:hidden; font-family: 'malgun gothic', '¸¼Àº °íµñ', 'µ¸¿ò', dotum, Tahoma, arial;}
.gnb .member a{color:#333; font-size:13px;border:1px solid #eeeeee; 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:#000;opacity:0.5;display:none;}
div::-webkit-scrollbar {width: 0px; height: 0px; }
}