#header {position:relative;width:100%;height:97px;background: url(../img/main/bg_main.png) center top repeat-x; z-index:2;}
.insideWrap {position:relative;width:980px;margin:0 auto;}
.logo {top:33px; float:left;position:absolute;left:0;}
.gnb > div.menu, .gnb > div.top .m_logo, #m_slider{display:none;}
.gnb > div.top > a{ position:absolute;}
.gnb > div.top > a.menu{ top:0; right:0; display:none;}
.gnb > div.menu > ul > li > ul{ background:#30303c; border-bottom:1px solid #3b3b43; display:none;}

/* menu::base */
img{padding:0; margin:0;}
div#menu {position:absolute; top:30px; right:0; height:33px;}
div#menu ul {list-style:none; float:left; }
div#menu li { position:relative; z-index:100; display:block; float:left;} 
div#menu li div {list-style: none; float:left; position:absolute; top:40px; left:-10px; z-index:11; visibility:hidden; }
div#menu li:hover>div {visibility:visible;}
div#menu li.menu_line{width:1px; padding:0 25px; background:url(../img/design/line.jpg) center 50% no-repeat;}

/* menu::level1 */
div#menu a {position:relative; z-index:10; height:50px; display:block; float:left; line-height:50px; text-decoration:none;}
div#menu span {font-size:16px; font-weight:500; color:#464646; display:block; cursor:pointer;}

/* menu::level2 */
div#menu ul ul {z-index:12; padding:0;}
div#menu ul ul li {width:100%; background:url(../img/design/nav_line.png) center bottom no-repeat; padding:6px 0; z-index:9;}
div#menu ul ul li:last-child{background-position:center top;}
div#menu ul ul a {width:148px; padding:4px 10px; height:auto; float:none; display:block; background:none; z-index:-1;}
div#menu ul ul a span {font-size:13px; color:#fff; font-weight:400; padding:0 12px; line-height:18px; text-transform:none; word-break:keep-all; background:none;}
div#menu ul ul a:hover span {background:url(../img/design/bg_on.png) no-repeat 0 50%; color:#b3917c; font-weight:400;}
div#menu ul ul li.nav_top{background:url(../img/design/nav_arrow.png) 20% top no-repeat; padding:0; height:5px;}


/* menu::level3 */
div#menu ul ul div {width:168px; margin:-40px 0 0 174px !important; height:auto;}
div#menu ul ul ul {}




@media (max-width:1023px){
#header, #header #nav, #header .global_nav, #header .logo, #container{display:none;}
#m_slider{display:block;}
.header{position:relative;top:0; height:71px; width:100%;z-index:99999999999999;}
.insideWrap{width:100%;}
.gnb > div.top .m_logo{display:block; text-align:center; padding:14px 0 0 0;}
.gnb > div.top > a.menu{ display:block;}
.gnb > div.menu > a{float:left!important;}
.gnb > div.top{background:url(../img/main/bg_main.png) center bottom repeat-x; height:71px; }
.gnb > div.menu{ position:absolute; top:0; right:0; width:270px; font-size:18px; display:none; z-index:9000;}
.gnb > div.menu > ul{ width:200px; float:right; background:#171717; line-height:25px;}
.gnb > div.menu > ul > li > span > a{font-weight:500; height:65px; line-height:65px; padding-left:30px;color:#d2d2d6; width:170px; display:block; border-bottom:1px solid #272727; font-size:16px;}
.gnb > div.menu > ul > li > span > a:hover{ color:#fff; text-decoration:none;}
.gnb > div.menu > ul > li > ul{ background:#252525; border-bottom:1px solid #212121; padding:10px 0; display:none;}
.gnb > div.menu > ul > li > ul > li > a{padding-left:30px; color:#a1a1b2; font-size:14px;}
.gnb > div.menu > ul > li > ul > li > a:hover{ color:#fff; text-decoration:none;}
.gnb > div.menu > a{float:left;}
.gnb .sns{text-align:center; border-top:1px solid #272727; overflow:hidden;}
.gnb .sns a{width:23%; margin:0 1%; float:left; display:block;padding:10px 0;}
.gnb .member {overflow:hidden; padding:10px 0;}
.gnb .member a{width:50%; float:left;}
.gnb .member a:hover{color:#d7d7d7; text-decoration:none;}
.gnb > div.menu > ul > li > ul > li > a:hover, .gnb > div.menu > ul > li > ol > li > a:hover{color:#d7d7d7; text-decoration:none;}
}