<!-- js 파일 import -->
<!--%import("js/nol.js")-->
<!--%import("css/main.css")-->

<div id="bodyWrap">

 <div id="mainareatop">
  <div id="mainlogo">
    <a href="/zbxe"><img src="images/logo.gif" width="177" height="58" border="0" /></a>
  </div>
  <div id="maintop1">
    <img src="images/ad_but.gif" width="62" height="11" />
    <img src="images/infocenter_but.gif" width="49" height="11" />
  </div>
 </div>

 <!-- 왼쪽 라운딩 처리 -->
 <div id="mainareamenu">
 </div>

 <div id="gnb_r">
  <h3>왼쪽메뉴출력</h3>
  <ul>  
   <li id="gm_r_01">
    <a class="gm_r_menu_01" href="/zbxe/Nol_Room" title="룸싸롱">룸싸롱</a>
   </li>
   <li id="gm_r_02">
    <a class="gm_r_menu_02" href="/zbxe/Nol_Night" title="나이트">나이트</a>
   </li>  
   <li id="gm_r_03">
    <a class="gm_r_menu_03" href="/zbxe/Nol_Ten" title="텐프로">텐프로</a>
   </li>  
   <li id="gm_r_04">
    <a class="gm_r_menu_04" href="/zbxe/Nol_YoJung" title="요정">요정</a>
   </li>
   <li id="gm_r_05">
    <a class="gm_r_menu_05" href="/zbxe/Nol_JJem5" title="쩜오">쩜오</a>
   </li>
   <li id="gm_r_06">
    <a class="gm_r_menu_06" href="/zbxe/Nol_BookChang" title="북창동">북창동</a>
   </li>
  </ul>
 </div>

 <!-- 중간 백그라운드 처리 -->
 <div id="main_center">

 </div>

 <div id="gnb">
  <h3>오른쪽메뉴출력</h3>
  <ul>  
   <li id="gm_01">
   <a class="gm_menu_01" onmouseover="toggle_gnbover(1)" onfocus="toggle_gnbover(1)" href="#" title="가나다">가나다</a>
    <ul id="gmsub_201">
     <li class="menu_11"><a href="#">가나다</a></li>
     <li class="menu_12"><a href="#">가나다</a></li>
    </ul>
   </li>
  
   <li id="gm_02">
   <a class="gm_menu_02" onmouseover="toggle_gnbover(2)" onfocus="toggle_gnbover(2)" href="#"  title="가나다">가나다</a>
    <ul id="gmsub_202">
     <li class="menu_21"><a href="#">가나다</a></li>
     <li class="menu_22"><a href="#">가나다</a></li>
    </ul>
   </li>  
  
   <li id="gm_03">
   <a class="gm_menu_03" onmouseover="toggle_gnbover(3)" onfocus="toggle_gnbover(3)" href="#" title="가나다">가나다</a>
    <ul id="gmsub_203" >
     <li class="menu_31"><a href="#">가나다</a></li>
     <li class="menu_32"><a href="#">가나다</a></li>
    </ul>
   </li> 
     
   <li id="gm_04">
   <a class="gm_menu_04" onmouseover="toggle_gnbover(4)" onfocus="toggle_gnbover(4)" href="#" title="가나다">가나다</a>
    <ul id="gmsub_204">
     <li class="menu_41"><a href="#">가나다</a></li>
     <li class="menu_42"><a href="#">가나다</a></li>
    </ul>
   </li>
  </ul>
 </div>


 <!-- 오른쪽 라운딩 처리 -->
 <div id="mainareamenu2">
  
 </div>
</div>

<!--메인 화면 -->
 <div id="contentBody">
  <div id="columnLeft">

            <!-- 로그인 위젯 -->
   <img class="zbxe_widget_output" widget="login_info" skin="nol_login" colorset="default" />
  </div>
   <!-- 왼쪽 퀵 메뉴 -->

   <div id="gnb_l">
    <h3>왼쪽퀵메뉴출력</h3>
    <ul>  
     <li id="gm_l_01"><br><BR><BR>
      <a class="gm_l_menu_01" href="/zbxe/Nol_Room" title="룸싸롱놀뷰">룸싸롱놀뷰</a>
     </li>
     <li id="gm_l_02">
      <a class="gm_l_menu_02" href="/zbxe/Nol_Night" title="므믓 레이싱걸">므믓 레이싱걸</a>
     </li>  
     <li id="gm_l_03">
      <a class="gm_l_menu_03" href="/zbxe/Nol_Ten" title="딱좋은모텔">딱좋은모텔</a>
     </li>  
     <li id="gm_l_04">
      <a class="gm_l_menu_04" href="/zbxe/Nol_YoJung" title="별의별질문방">별의별질문방</a>
     </li>
     <li id="gm_l_05">
      <a class="gm_l_menu_05" href="/zbxe/Nol_JJem5" title="선수연봉높이기">선수연봉높이기</a>
     </li>
    </ul>
   </div>

  <div id="columnRight">
            <!-- 컨텐츠 시작 -->
            {$content}

  </div>

 <ul id="footer">
  <li class="first-child">
   <address>
   <a href="http://www.zeroboard.com" onclick="window.open(this.href);return false;"><img src="./images/{$layout_info->colorset}/powerdByZeroboard.gif" alt="Powered By ZeroBoard" width="106" height="5" /></a>
   </address>

  </li>

        <!--@foreach($bottom_menu->list as $key => $val)-->
  <li><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>
        <!--@end-->
 </ul>
  </div>
 </div>

=================================================================================================

@charset "utf-8";

#bodyWrap {
 width: 880px;
 height: 140px;
}

#mainareatop {
 width: 884px;
 height: 58px;
 background: #fff;
}


#mainlogo {
 margin: 0;
 padding: 0;
 width: 177px;
 height: 58px;
}

#maintop1 {
 margin: 0;
 padding: 0;
 top: 0;
 left: 770px;
 width:115px;
 height:11px;
 position:absolute; top:18px; right:19px; z-index:100;
}

/*왼쪽 메뉴 라운딩 처리 */
#mainareamenu {
 width: 7px;
 height:71px;
 position: absolute; left: 0px; top: 60px; z-index:100;
 background: url(../images/menu_left.gif);
}

/*오른쪽 메뉴 라운딩 처리 */
#mainareamenu2 {
 margin: 0;
 padding: 0;
 width: 7px;
 height: 71px;
 position: absolute; left: 880px; top: 60px; z-index:100;
 background: url(../images/menu_right.gif);
}

 

/* 왼쪽 롤오브 */
#gnb_r{
 float: top;
 height:71px;
 position: absolute; left: 7px; top: 60px; z-index:100;
 background: url("../images/menu_bg.gif");
}

#gnb_r h3{
 display:none;
}

#gnb_r ul{
 list-style-type: none;
}

#gnb_r ul li{
 float: left;
}

#gnb_r #gm_r_01 a, #gnb_r #gm_r_02 a, #gnb_r #gm_r_03 a, #gnb_r #gm_r_04 a, #gnb_r #gm_r_05 a, #gnb_r #gm_r_06 a{ 
 display: block;
 text-indent: -1000px;
 height: 38px; 
 font-size: 0px;
 background-image: none;
}

#gm_r_01, #gm_r_01 .gm_r_menu_01{ 
 background: url(../images/topmenu_01.gif) no-repeat 10px 10px;
 width: 60px;
}

#gm_r_02, #gm_r_02 .gm_r_menu_02{
 background: url(../images/topmenu_02.gif) no-repeat 10px 10px;
 width: 60px;
}

#gm_r_03, #gm_r_03 .gm_r_menu_03{
 background: url(../images/topmenu_03.gif) no-repeat 10px 10px;
 width: 60px;
}
#gm_r_04, #gm_r_04 .gm_r_menu_04{
 background: url(../images/topmenu_04.gif) no-repeat 10px 10px;
 width: 60px;
}
#gm_r_05, #gm_r_05 .gm_r_menu_05{
 background: url(../images/topmenu_05.gif) no-repeat 10px 10px;
 width: 60px;
}
#gm_r_06, #gm_r_06 .gm_r_menu_06{
 background: url(../images/topmenu_06.gif) no-repeat 10px 10px;
 width: 60px;
}

#gnb_r #gm_r_01 .gm_r_menu_01:hover{
 background:  url(../images/topmenu_01over.gif) no-repeat 10px 10px;
}
#gnb_r #gm_r_02 .gm_r_menu_02:hover{
 background:  url(../images/topmenu_02over.gif) no-repeat 10px 10px;
}
#gnb_r #gm_r_03 .gm_r_menu_03:hover{
 background:  url(../images/topmenu_03over.gif) no-repeat 10px 10px;
}
#gnb_r #gm_r_04 .gm_r_menu_04:hover{
 background:  url(../images/topmenu_04over.gif) no-repeat 10px 10px;
}
#gnb_r #gm_r_05 .gm_r_menu_05:hover{
 background:  url(../images/topmenu_05over.gif) no-repeat 10px 10px;
}
#gnb_r #gm_r_06 .gm_r_menu_06:hover{
 background:  url(../images/topmenu_06over.gif) no-repeat 10px 10px;
}
/* 왼쪽 롤오브 끝*/

#main_center {
 width: 475px;
 height: 71px;
 position: absolute; left: 406px; top: 60px; z-index:100;
 background: url("../images/menu_bg.gif");
}

/* 오른쪽 롤오버 */
#gnb{
 float: top;
 position: absolute; left: 510px; top: 69px; z-index:100;
}

#gnb h3{
 display:none;
}

#gnb ul{
 list-style-type: none;
}

#gnb ul li{
 float: left;
}

#gnb #gm_01 a, #gnb #gm_02 a, #gnb #gm_03 a, #gnb #gm_04 a{ 
 display: block;
 text-indent: -1000px;
 height: 38px; 
 font-size: 0px;
 background-image: none;
}

#gm_01, #gm_01 .gm_menu_01{ 
 background: url(../images/submenu_01.gif) no-repeat 0px 0px;
 width: 81px;
}

#gm_02, #gm_02 .gm_menu_02{
 background: url(../images/submenu_02.gif) no-repeat 0px 0px;
 width: 81px;
}

#gm_03, #gm_03 .gm_menu_03{
 background: url(../images/submenu_03.gif) no-repeat 0px 0px;
 width: 81px;
}
#gm_04, #gm_04 .gm_menu_04{
 background: url(../images/submenu_04.gif) no-repeat 0px 0px;
 width: 81px;
}


#gnb #gm_01 .gm_menu_01:hover{
 background:  url(../images/submenu_01over.gif) no-repeat 0px 0px;
}
#gnb #gm_02 .gm_menu_02:hover{
 background:  url(../images/submenu_02over.gif) no-repeat 0px 0px;
}
#gnb #gm_03 .gm_menu_03:hover{
 background:  url(../images/submenu_03over.gif) no-repeat 0px 0px;
}
#gnb #gm_04 .gm_menu_04:hover{
 background:  url(../images/submenu_04over.gif) no-repeat 0px 0px;
}

#gnb ul ul{
 position: absolute;
 top: 42px;
 width: 600px;
}

#gnb ul ul li{
 margin-right: 10px;
}

#gnb #gmsub_201{
 left: 20px;
 display: none;
}

#gnb #gmsub_202{
 left: 20px;
 display: none;
}

#gnb #gmsub_203{
 left: 20px;
 display: none;
}

#gnb #gmsub_204{
 left: 20px;
 display: none;
}


#gnb #gmsub_201 li a, #gnb #gmsub_202 li a, #gnb #gmsub_203 li a, #gnb #gmsub_204 li a {
 height: 15px;
 background-image: none; 
}

#gmsub_201 .menu_11{
 width: 59px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_01_01.gif) no-repeat left top;
}
#gmsub_201 .menu_12{
 width: 59px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_01_02.gif) no-repeat left top;
}
#gmsub_201 .menu_13{
 width: 48px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_01_03.gif) no-repeat left top;
}
#gmsub_201 .menu_14{
 width: 48px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_01_04.gif) no-repeat left top;
}

#gmsub_201 .menu_11 a { width: 59px; }
#gmsub_201 .menu_12 a { width: 59px; }
#gmsub_201 .menu_13 a { width: 48px; }
#gmsub_201 .menu_14 a { width: 48px; }

#gmsub_202 .menu_21{
 width: 58px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_02_01.gif) no-repeat left top;
}

#gmsub_202 .menu_22{
 width: 58px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_02_02.gif) no-repeat left top;
}
#gmsub_202 .menu_23{
 width: 38px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_02_03.gif) no-repeat left top;
}
#gmsub_202 .menu_24{
 width: 48px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_02_04.gif) no-repeat left top;
}

#gmsub_202 .menu_21 a { width: 58px; }
#gmsub_202 .menu_22 a { width: 58px; }
#gmsub_202 .menu_23 a { width: 38px; }
#gmsub_202 .menu_24 a { width: 48px; }

#gmsub_203 li.menu_31{
 width: 68px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_03_01.gif) no-repeat left top;
}

#gmsub_203 li.menu_32{
 width: 48px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_03_02.gif) no-repeat left top;
}
#gmsub_203 .menu_33{
 width: 48px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_03_03.gif) no-repeat left top;
}
#gmsub_203 .menu_34{
 width: 93px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_03_04.gif) no-repeat left top;
}


#gmsub_203 .menu_31 a { width: 68px; }
#gmsub_203 .menu_32 a { width: 48px; }
#gmsub_203 .menu_33 a { width: 48px; }
#gmsub_203 .menu_34 a { width: 93px; }


#gmsub_204 .menu_41{
 width: 68px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_04_01.gif) no-repeat left top;
}
#gmsub_204 .menu_42{
 width: 68px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_04_02.gif) no-repeat left top;
}
#gmsub_204 .menu_43{
 width: 48px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_04_03.gif) no-repeat left top;
}
#gmsub_204 .menu_44{
 width: 48px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_04_04.gif) no-repeat left top;
}

#gmsub_204 .menu_41 a { width: 68px; }
#gmsub_204 .menu_42 a { width: 68px; }
#gmsub_204 .menu_43 a { width: 48px; }
#gmsub_204 .menu_44 a { width: 48px; }

#gmsub_205 .menu_51{
 width: 59px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_05_01.gif) no-repeat left top;
}
#gmsub_205 .menu_52{
 width: 48px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_05_02.gif) no-repeat left top;
}
#gmsub_205 .menu_53{
 width: 82px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_05_03.gif) no-repeat left top;
}
#gmsub_205 .menu_54{
 width: 48px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_05_04.gif) no-repeat left top;
}

#gmsub_205 .menu_51 a { width: 59px; }
#gmsub_205 .menu_52 a { width: 48px; }
#gmsub_205 .menu_53 a { width: 82px; }
#gmsub_205 .menu_54 a { width: 48px; }

#gmsub_206 .menu_61{
 width: 38px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_06_01.gif) no-repeat left top;
}
#gmsub_206 .menu_62{
 width: 48px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_06_02.gif) no-repeat left top;
}
#gmsub_206 .menu_63{
 width: 39px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_06_03.gif) no-repeat left top;
}
#gmsub_206 .menu_64{
 width: 82px;
 background: url(http://www.mic.go.kr/images/portal/navigation/gnb/sm_06_04.gif) no-repeat left top;
}

#gmsub_206 .menu_61 a { width: 38px; }
#gmsub_206 .menu_62 a { width: 48px; }
#gmsub_206 .menu_63 a { width: 38px; }
#gmsub_206 .menu_64 a { width: 82px; }
/* 오른쪽 롤오버 끝*/

/* Site Layout - Content Body */
#contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; background:url(../images/default/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #dddddd;}

/* Site Layout - Column Left */
#columnLeft { position:relative; width:178px; float:left;}
#columnLeft .mask { width:178px; height:5px; background:#ffffff; display:block; clear:both;}

/* Site Layout - Column Right */
#columnRight { width:770px; float:right; overflow:hidden;}
#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}

/* Site Layout - Footer */
#footer { margin:0; padding:0; border-top:3px solid #f4f4f4; text-align:center; padding:2em 0 4em; clear:both;}
#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/default/vrType1.gif) no-repeat left center;}
#footer li.first-child { background:none;}
#footer li a { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#footer li address { display:inline; }

/* 로그인 아래 메뉴*/
/* 왼쪽 퀵메뉴 시작 */
#gnb_l {
 float: top;
 width: 179px;
 height: 157px;
 position: absolute; left: 0px; top: 130px; z-index:100;
 background: url(../images/left_menu_gb.gif);
}

#gnb_l h3{
 display:none;
}

#gnb_l ul{
 list-style-type: none;
}

#gnb_l ul li{
 float: left;
}

#gnb_l #gm_l_01 a, #gnb_l #gm_l_02 a, #gnb_l #gm_l_03 a, #gnb_l #gm_l_04 a, #gnb_l #gm_l_05 a { 
 display: block;
 text-indent: -1000px;
 height: 25px; 
 font-size: 0px;
 background-image: none;
}

#gm_l_01, #gm_l_01 .gm_l_menu_01{
 height: 60px;
 background: url(../images/quickmenu_01.gif) no-repeat 0px 45px;
 width: 100px;
}
#gm_l_02, #gm_l_02 .gm_l_menu_02{
 height: 15px;
 background: url(../images/quickmenu_02.gif) no-repeat 0px 0px;
 width: 100px;
}

#gnb_l #gm_l_01 .gm_l_menu_01:hover{
 background:  url(../images/quickmenu_01over.gif) no-repeat 0px 0px;
 width: 100px;
}
#gnb_l #gm_l_02 .gm_l_menu_02:hover{
 background:  url(../images/quickmenu_02over.gif) no-repeat 0px 0px;
 width: 100px;
}

/* 왼쪽 퀵메뉴 끝*/