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;}
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 #415653; }
header nav > ul > li > a:hover,
header nav > ul > li > a:focus,
header nav > ul > li.on > a { color:#333; border-bottom:1px solid #e5e5e5; background:#fff url(../img/design/nav_more.png) no-repeat 190px center;}
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:#333;}
header nav > ul > li > ul > li.on > a {color:#fff; 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:#333;}

.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:0 0 0 0;}
.gnb > div.top .m_logo img{ }
.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; }
}

.sub_mn { position:relative; z-index:1; max-width:630px; margin:20px auto;}
.sub_mn ul{ text-aign:center;  }
.sub_mn ul li { width:30%; text-align:center; border:1px solid #171717; color:#333; font-size:14px; float:left;  display:inline-block; margin-left:5px; }
.sub_mn ul li a { width:100%;  display:inline-block; padding:8px 0;  height:100%; }
.sub_mn ul li a:hover {  width:100%;  display:inline-block; background:#171717;color:#fff; }
.sub_mn .selec { background:#171717; color:#fff; }