<!-- 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;
}
/* 왼쪽 퀵메뉴 끝*/