.insideWrap {line-height:0;width: 163px;position:absolute; left:0 !important; min-height:100%;overflow: hidden;background:#212121;box-shadow:2px 1px 5px #303030; z-index:9999;float:left;}

.logo {width:163px; height:162px; background:url('../img/design/bg_logo.jpg') left top no-repeat;}
.logo img{position:relative; top:0px; left:0px;}


.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; padding:20px 0; display:none;}


/* --- ACCORDIAN -- */
#header_main h1 a,#header h1 a{padding-top:0px;}
.header{position:relative; max-width:1200px; margin:0 auto;}
h1{line-height:0;}
#gnb li{margin:0;padding:0;}
#gnb a{display:inline-block;}
#gnb ul a{padding:0;}
#gnb a span{display:none;}
#gnb div{height:0px;overflow:hidden;filter:alpha(opacity=0); opacity:0; -moz-opacity:0;}

#gnb .gnb1 a{width:163px;height:35px;background:url('../img/design/menu1.png') no-repeat left top;}
#gnb .gnb11 a{height:22px;background:url('../img/design/menu11.png') no-repeat left top;}
#gnb .gnb12 a{height:30px;background:url('../img/design/menu12.png') no-repeat left top;}


#gnb .gnb2 a{width:163px;height:35px;background:url('../img/design/menu2.png') no-repeat left top;}
#gnb .gnb21 a{height:22px;background:url('../img/design/menu21.png') no-repeat left top;}
#gnb .gnb22 a{height:30px;background:url('../img/design/menu22.png') no-repeat left top;}


#gnb .gnb3 a{width:163px;height:35px;background:url('../img/design/menu3.png') no-repeat left top;}
#gnb .gnb31 a{height:30px;background:url('../img/design/menu31.png') no-repeat left top;}


#gnb .gnb4 a{width:163px;height:35px;background:url('../img/design/menu4.png') no-repeat left top;}
#gnb .gnb41 a{height:22px;background:url('../img/design/menu41.png') no-repeat left top;}
#gnb .gnb42 a{height:30px;background:url('../img/design/menu42.png') no-repeat left top;}


#gnb .gnb5 a{width:163px;height:35px;background:url('../img/design/menu5.png') no-repeat left top;}
#gnb .gnb51 a{height:30px;background:url('../img/design/menu51.png') no-repeat left top;}


#gnb .gnb6 a{width:163px;height:35px;background:url('../img/design/menu6.png') no-repeat left top;}
#gnb .gnb61 a{height:22px;background:url('../img/design/menu61.png') no-repeat left top;}
#gnb .gnb62 a{height:30px;background:url('../img/design/menu62.png') no-repeat left top;}



.nav_line{height:1px;width:163px; background:url('../img/design/nav_line.gif') no-repeat left top;}

#gnb a.on, #gnb a:hover{background-position:-200px top;}


.global_nav {*zoom:1;overflow:hidden; position:absolute; top:15px; right:0; z-index:999999999;}
.global_nav:after {content:"";clear:both;display:block;}
.global_nav dl {margin-left:10px;}
.global_nav li {float:left;padding:0px 9px 10px 6px !important;height:12px;}
.global_nav li a{color:#fff;}
.global_nav li a:hover{text-decoration:none;}





@media (max-width:1200px){
#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; background:none; background-color:#fff; box-shadow:none;}
.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{height:66px; }
.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:#212121; 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 #393939; font-size:16px;}
.gnb > div.menu > ul > li > span > a:hover{ color:#fff; text-decoration:none;}
.gnb > div.menu > ul > li > ul{ background:#363636; padding:10px 0; display:none;}
.gnb > div.menu > ul > li > ul > li > a{padding-left:30px; color:#e0e0e0; font-size:14px;}
.gnb > div.menu > ul > li > ul > li > a:hover{ color:#fff; text-decoration:none;}
.gnb > div.menu > ul > li > ol{padding:10px 30px;}
.gnb > div.menu > a{float:left;}
.gnb > div.menu > ul > li > ol > li > a{color:#d2d2d6;}
.gnb > div.menu > ul > li > ol > li > a:hover{ color:#fff; text-decoration:none;}
}