.insideWrap {position:relative;}
.logo {width:210px; height:140px; background:url('../img/design/bg_logo.jpg') left top no-repeat;}
.logo img{position:relative; top:47px; left:7px;}


.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{line-height:0;width: 210px;position:fixed; left:0 !important; min-height:100%; background:#303030; z-index:9999;float:left;}
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:210px;height:47px;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:22px;background:url('../img/design/menu12.png') no-repeat left top;}
#gnb .gnb13 a{height:30px;background:url('../img/design/menu13.png') no-repeat left top;}




#gnb .gnb2 a{width:210px;height:47px;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:210px;height:47px;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:210px;height:47px;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:22px;background:url('../img/design/menu42.png') no-repeat left top;}
#gnb .gnb43 a{height:22px;background:url('../img/design/menu43.png') no-repeat left top;}
#gnb .gnb44 a{height:22px;background:url('../img/design/menu44.png') no-repeat left top;}
#gnb .gnb45 a{height:22px;background:url('../img/design/menu45.png') no-repeat left top;}
#gnb .gnb46 a{height:22px;background:url('../img/design/menu46.png') no-repeat left top;}
#gnb .gnb47 a{height:22px;background:url('../img/design/menu47.png') no-repeat left top;}
#gnb .gnb48 a{height:30px;background:url('../img/design/menu48.png') no-repeat left top;}
#gnb .gnb49 a{height:22px;background:url('../img/design/menu49.png') no-repeat left top;}



#gnb .gnb5 a{width:210px;height:47px;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:210px;height:47px;background:url('../img/design/menu6.png') no-repeat left top;}




.nav_line{height:2px;width:210px; background:url('../img/design/nav_line.png') no-repeat left top;}

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


.global_nav {position:fixed;*zoom:1;margin-top:15px; text-align:center;width:210px; bottom:0; overflow:hidden;}
.global_nav:after {content:"";clear:both;display:block;}
.global_nav ul{position:relative;}
.global_nav dl {margin-left:10px;}
.global_nav li {float:left;padding:0px 9px 10px 6px !important; font-size:11px;}





@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; background:none; background-color:#303030; box-shadow:none;}
.insideWrap{width:100%;}
.gnb > div.top .m_logo{display:block; text-align:center; padding:10px 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:#343434; 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 #3e3e3e; font-size:16px;}
.gnb > div.menu > ul > li > span > a:hover{ color:#fff; text-decoration:none;}
.gnb > div.menu > ul > li > ul{ background:#464646; 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 > ul > li > ol a:hover{ color:#fff; text-decoration:none;}
.gnb > div.menu > a{float:left;}
.gnb > div.menu > a:hover{ color:#fff; text-decoration:none;}
}
<li class="gnb43"><a href="{{$template}}/pension/pension_02.php?comPreviewMode=previewDetail&roomId=23" ><span></span></a></li>&#160;
<li class="gnb42"><a href="{{$template}}/pension/pension_02.php?comPreviewMode=previewDetail&roomId=24" ><span></span></a></li>
<li class="gnb49"><a href="{{$template}}/pension/pension_02.php?comPreviewMode=previewDetail&roomId=25" ><span></span></a></li>
<li class="gnb44"><a href="{{$template}}/pension/pension_02.php?comPreviewMode=previewDetail&roomId=17"><span></span></a></li>
<li class="gnb47"><a href="{{$template}}/pension/pension_02.php?comPreviewMode=previewDetail&roomId=16" ><span></span></a></li>
<li class="gnb45"><a href="{{$template}}/pension/pension_02.php?comPreviewMode=previewDetail&roomId=15" ><span></span></a></li>
<li class="gnb46"><a href="{{$template}}/pension/pension_02.php?comPreviewMode=previewDetail&roomId=14" ><span></span></a></li>
<li class="gnb48"><a href="{{$template}}/pension/pension_02.php?comPreviewMode=previewDetail&roomId=12" ><span></span></a></li>
</ul>
</div>
</li>

<li class="nav_line"></li>

<li class="gnb5"><a href="{{$template}}/app/app_01.php" ><span></span></a>
<div>
<ul>
<li class="gnb51"><a href="{{$template}}/app/app_01.php" ><span></span></a></li>
</ul>
</div>
</li>

<li class="nav_line"></li>

<li class="gnb6"><a href="{{$template}}/map/map_01.php" ><span></span></a></li>

<a class="mt25 banner" href="{{$template}}/app/app_01.php"><img class="over" src="{{$template}}/img/design/banner1.png" alt="" /></a>
</ul>
<section class="global_nav">
<ul>
<!-- {{if $member_id}}
<li><a href="javascript:goLocate('login.php?com_member_basic=logout');"><img src="{{$template}}/img/design/gnb5.png" alt="·Î±×¾Æ¿ô" /></a></li>
{{else}}
{{if $loginNotOrderNo}}
<li><a href="javascript:goLocate('login.php?com_member_basic=logout_not');"><img src="{{$template}}/img/design/gnb3.png" alt="ºñȸ¿ø·Î±×¾Æ¿ô" /></a></li>
{{else}}
<li><a href='{{$template}}/login.php?topmenu=login'><img src="{{$template}}/img/design/gnb1.png" alt="·Î±×ÀÎ" /></a></li>
<li><a href='{{$template}}/member_join.php?topmenu=login'><img src="{{$template}}/img/design/gnb2.png" alt="ȸ¿ø°¡ÀÔ" /></a></li>
{{/if}}
{{/if}}

{{if $member_id}}
<li><a href='{{$template}}/mypage/app_check.php?topmenu=7'><img src="{{$template}}/img/design/gnb6.png" alt="¸¶ÀÌÆäÀÌÁö" /></a></li>
{{else}}
{{if $loginNotOrderNo}}
<li><a href='{{$template}}/mypage/app_check.php?topmenu=7'><img src="{{$template}}/img/design/gnb6.png" alt="¸¶ÀÌÆäÀÌÁö" /></a></li>
{{else}}
<li><a href='{{$template}}/login.php?topmenu=login'><img src="{{$template}}/img/design/gnb6.png" alt="¸¶ÀÌÆäÀÌÁö" /></a></li>
{{/if}}
{{/if}}
<li><a href="javascript:window.external.AddFavorite('http://bdmp-004.cafe24.com/bizdemo31389','Áñ°Üã±âÀÔ´Ï´Ù.');">
<img src="{{$template}}/img/design/gnb4.png" alt="Áñ°Üã±â" />
</a></li> -->
<li><img src="https://i.imgur.com/qLLh6BJ.jpg" alt="" /></li>
</ul>
</section>
</div>
</div>
<!-- //header -->