#bg_nav{width:100%;height:42px;background:url(../img/design/bg_nav.png) center top repeat-x;position:absolute; top:80px;z-index:9;}
.insideWrap {position:relative;height:112px;width:980px;margin:0 auto;}
.logo {padding-top:10px; left:50%; margin-left:-91px;position:absolute;}


.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; left:0; display:none;}
.gnb > div.menu > ul > li > ul{ background:#30303c; border-bottom:1px solid #3b3b43; padding:20px 0; display:none;}


#header #nav {position:absolute;z-index:110;left:133px;top:80px;height:42px;}
#header #nav ul li {float:left;}
#header #nav ul li a {display:inline-block;}
#header .GnbMenu {position:absolute;z-index:120;left:0;top:122px;width:100%;min-width:980px;height:0px;overflow:hidden;background: url("../img/design/bg_top.png") repeat-x left bottom;}
#header .GnbMenu .insideWrap {height:300px;overflow:hidden;}
#header .GnbMenu .GnbWrap {}
#header .GnbMenu .GnbWrap .menu {position:relative;height:300px;}
#header .GnbMenu .GnbWrap .menu .depth1 {position:absolute;left:50px;bottom:5px;}
#header .GnbMenu .GnbWrap .menu .depth2 {position:absolute;z-index:125;padding-top:10px;left:317px;top:0;width:663px;height:300px;overflow:hidden;} 
#header .GnbMenu .GnbWrap .menu .depth2 ul {float:left;}

#header .GnbMenu .GnbWrap .menu .depth2 ul.a_section{width:213px !important;}
#header .GnbMenu .GnbWrap .menu .depth2 ul.b_section{width:211px !important;}
#header .GnbMenu .GnbWrap .menu .depth2 ul.c_section{width:197px !important;}
#header .GnbMenu .GnbWrap .menu .depth2 ul.d_section{width:193px !important;}


a.menu1{width:121px; height:42px;background:url(../img/design/menu1.png) center top no-repeat;}
a.menu2{width:213px; height:42px;background:url(../img/design/menu2.png) center top no-repeat;}
a.menu3{width:211px; height:42px;background:url(../img/design/menu3.png) center top no-repeat;}
a.menu4{width:168px; height:42px;background:url(../img/design/menu4.png) center top no-repeat;}
a.menu5{width:122px; height:42px;background:url(../img/design/menu5.png) center top no-repeat;}

a:hover.menu1{background:url(../img/design/menu1on.png) center top no-repeat;} 
a:hover.menu2{background:url(../img/design/menu2on.png) center top no-repeat;}
a:hover.menu3{background:url(../img/design/menu3on.png) center top no-repeat;}
a:hover.menu4{background:url(../img/design/menu4on.png) center top no-repeat;}
a:hover.menu5{background:url(../img/design/menu5on.png) center top no-repeat;}

a.smenu1{width:102px; height:14px;background:url(../img/design/smenu1.png) center top no-repeat;}
a:hover.smenu1{background:url(../img/design/smenu1on.png) center top no-repeat;}

a.smenu2{width:92px; height:14px;background:url(../img/design/smenu2.png) center top no-repeat;}
a:hover.smenu2{background:url(../img/design/smenu2on.png) center top no-repeat;}

a.smenu3{width:114px; height:14px;background:url(../img/design/smenu3.png) center top no-repeat;}
a:hover.smenu3{background:url(../img/design/smenu3on.png) center top no-repeat;}

a.smenu4{width:104px; height:14px;background:url(../img/design/smenu4.png) center top no-repeat;}
a:hover.smenu4{background:url(../img/design/smenu4on.png) center top no-repeat;}

a.smenu5{width:75px; height:14px;background:url(../img/design/smenu5.png) center top no-repeat;}
a:hover.smenu5{background:url(../img/design/smenu5on.png) center top no-repeat;}

a.smenu6{width:94px; height:14px;background:url(../img/design/smenu6.png) center top no-repeat;}
a:hover.smenu6{background:url(../img/design/smenu6on.png) center top no-repeat;}

a.smenu7{width:60px; height:14px;background:url(../img/design/smenu7.png) center top no-repeat;}
a:hover.smenu7{background:url(../img/design/smenu7on.png) center top no-repeat;}

a.smenu8{width:72px; height:14px;background:url(../img/design/smenu8.png) center top no-repeat;}
a:hover.smenu8{background:url(../img/design/smenu8on.png) center top no-repeat;}




#header .GnbMenu .GnbWrap .menu .depth2 ul li {height:26px;overflow:hidden;}
#header .GnbMenu .GnbWrap .menu .depth2 ul li:hover ,
#header .GnbMenu .GnbWrap .menu .depth2 ul li.on {background:none;}
#header .GnbMenu .GnbWrap .menu .depth2 ul li p {}
#header .GnbMenu .GnbWrap .menu .depth2 ul li p a {display:block;}
#header .GnbMenu .GnbWrap .menu .depth2 ol {display:none;}
#header .GnbMenu .GnbWrap .depth3 {position:absolute;z-index:120;left:227px;top:0;height:116px;width:160px;padding-right:1px;} 
#header .GnbMenu .GnbWrap .depth3 .container {position:relative;width:100%;height:116px;overflow:hidden;}
#header .GnbMenu .GnbWrap .depth3 ol {position:absolute;left:-160px;top:0;width:160px;}
#header .GnbMenu .GnbWrap .depth3 li {height:30px;overflow:hidden;}
#header .GnbMenu .GnbWrap .depth3 li:hover ,
#header .GnbMenu .GnbWrap .depth3 li.on {background:#e6e6e6;}
#header .GnbMenu .GnbWrap .depth3 li p {}
#header .GnbMenu .GnbWrap .depth3 li p a {display:block;padding:9px 0 9px 30px;}
#header .GnbMenu .GnbWrap .PointMenu {position:absolute;right:68px;top:45px;}
#header .GnbMenu .GnbWrap .PointMenu li {float:left;margin-left:40px;}






@media (max-width:1023px){
    #header, #header #nav, #header .global_nav, #header .logo, #container, #bg_nav{display:none;}
    #m_slider{display:block;}
    .header{position:relative;top:0; height:66px; width:100%;z-index:99999999999999;}
    .insideWrap{width:100%;}
    .gnb > div.top .m_logo{display:block; text-align:center; padding:9px 0 0 0;}
    .gnb > div.top > a.menu{ display:block;}
    .gnb > div.menu > a{float:right !important;}
    .gnb > div.top{height:66px; }
    .gnb > div.menu{ position:absolute; top:0; left: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;}
}