@charset "utf-8";
/*
공통적으로 적용되는 스타일
상단의 1차메뉴와 우측 서브메뉴의 설정은 각각의 CSS파일에서 설정
*/

body, div, ul, ol, li, p, h1, a {margin:0; padding:0;}

img {border:none;}

#bodyWrap { margin:0 auto; width:990px; position:relative; padding:0 10px; background:url(../images/mainmenu_bg.png) left top repeat-x #1a1a1a; }

/* Header - 로고, 1차메뉴, 로그정보, 추가메뉴, 검색폼 */

#headerWrap { width:990px; height:160px; overflow:hidden;}

#logo { position:absolute; left:0px; top:0px; height:160px; width:200px; overflow:hidden;}

#menuBoxWrap { padding:65px 0 0 190px; float:left; position:relative;}

#menuBox {width:620px; height:95px; list-style:none; }

#headerRight { float:right; width:170px; background:url(../images/extranav_bg.png) left top repeat-x; overflow:hidden;}

#headerRight ul { margin:5px 0; padding:5px 0 5px 10px; float:left; list-style:none; height:100px; overflow:hidden;}

#headerRight ul li {list-style:none; height:25px;}

#headerRight ul li a
{ height:25px; color:#666666; font:9px Tahoma, Arial, "맑은고딕", "돋움"; padding:5px 10px; text-decoration:none; background:url(../images/nav_bull.gif) left 5px no-repeat; }

#headerRight ul li a:focus, #headerRight ul li a:hover { text-decoration:underline; color:#999999;}

#Log { width:75px}

#extraMenu { width:74px; border-left:#1a1a1a 1px solid;}

#searchBox  {background:url(../images/search_bg.png) left top; width:150px; padding:11px 10px 0 10px; height:30px; overflow:hidden; float:left;}

#searchBox .searchKeyword
{width:90px; height:13px; float:left; color:#999999; background:#535353; border:solid 1px #5e5e5e; font:11px Tahoma, Arial, "맑은고딕", "돋움"; padding:2px 3px 1px 3px;}

#searchBox .searchButton { float:right; position:relative;}

#gnb { position:absolute; left:242px; top:85px; overflow:hidden; white-space:nowrap; }
#gnb li { float:left; list-style:none; position:relative; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:12px 0px 0px 0px; width:82px; height:32px; color:#ffffff; white-space:nowrap; text-align:center; font-size:1.2em; font-weight:bold; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#66CC00; background:url(../images/bgGnbOn.gif) no-repeat center top; }
#gnb li.on a { font-weight:bold; color:#fff; background:url(../images/bgGnbOn.gif) no-repeat center top;}
.gnb_sub { position:absolute; left:242px; top:125px;  height:43px; overflow:hidden; white-space:nowrap;  }
.gnb_sub li { float:left; list-style:none; background:url(../images/sub_part.png) repeat-x left center; padding-left:0px; position:relative;  white-space:nowrap;}
.gnb_sub li a { display:block; float:left; padding:15px 13px 0 13px; height:30px; color:#a98a60; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.gnb_sub li a:hover,
.gnb_sub li a:focus { color:white; background:url(../images/sub_on.png) repeat-x left top; }
.gnb_sub li.on a, .gnbin li.on a:hover {  color:white; background:url(../images/sub_top.gif) no-repeat center ; }

/* Content - 컨텐츠출력부, 우측메뉴 */

#contentWrap {width:990px; position:relative; overflow:hidden;}

#leftColumn { width:800px; float:left; padding:10px 0 10px 10px; position:relative; background:url(../images/content_top.png) left top no-repeat #FFFFFF; overflow:hidden;}

#contentBtom { position:absolute; left:0px; bottom:0px; width:10px; height:10px; background:url(../images/content_btom.png); overflow:hidden; z-index:999;}

#rightColumn {width:172px; float:right; overflow:hidden;}

.rightDiv {width:150px; padding:5px 10px 5px 12px;}

/* Footer */

#footerWrap {margin:0 auto; margin-bottom:50px; width:1010px; height:90px; position:relative; overflow:hidden;}

#footer {width:990px; height:70px; padding:0 10px; float:left; background: url(../images/footer_bg.png) top; overflow:hidden;}

#footer p {font:9px Tahoma, Arial, "맑은고딕", "돋움"; color:#777777;}

#footer p a {color:#999999; font-weight:bold; text-decoration:none;}

#footer p a:hover, #footer p a:focus { text-decoration:underline;}

#copyright { padding:15px 0 0 10px;}

#check { position:absolute; left:20px; top:40px;}

#rss { position:absolute; right:20px; top:12px;}

#by { text-align:right; position:absolute; right:20px; top:40px;}

#bottom { float:left; width:970px; height:20px; background: url(../images/footer_bg.png) bottom;}

#bottomRound {float:left}

<!-- 공통파일 -->
<!--%import("js/common.js")-->
<!--%import("css/common.css")-->

<!-- 상단메뉴 컬러셋 -->
<!--@if($layout_info->top_menu == "green")-->
    <!--%import("css/green_top.css")-->
<!--@elseif($layout_info->top_menu == "blue")-->
    <!--%import("css/blue_top.css")-->
<!--@else-->
    <!--%import("css/red_top.css")-->
<!--@end-->

<!-- 서브메뉴 컬러셋 -->
<!--@if($layout_info->sub_menu == "green")-->
    <!--%import("css/green_sub.css")-->
<!--@elseif($layout_info->sub_menu == "blue")-->
    <!--%import("css/blue_sub.css")-->
<!--@else-->
    <!--%import("css/red_sub.css")-->
<!--@end-->

<!-- 배경 설정 -->
<style>
<!--@if(!$layout_info->bg_img)-->
body { background:url(./images/bg.png) center top repeat-x #555555 }
<!--@else-->
body { background:url({$layout_info->bg_img}) center top repeat-x {$layout_info->bg_color} }
<!--@end-->
</style>
<!-- /배경 설정 -->

<div id="bodyWrap">

<!-- 헤더 -->
<div id="headerWrap">

<!-- 로고 -->
<h1 id="logo">
<a href="{$layout_info->home_url}"> <!--@if(!$layout_info->logo_img)--><img src="./images/logo.png" alt="logo" class="iePngFix"/><!--@else--><img src="{$layout_info->logo_img}" alt="logo" class="iePngFix"/><!--@end--></a>
</h1>

<!-- /로고 -->

<!-- 상단메뉴 -->
<!--1차메뉴-->
  <ul id="gnb">
            <!-- main_menu 1차 시작 -->
            {@$gnb_count = 0;}
            <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
                <!--@if($val['selected'])-->
                    {@ $menu_1st = $val }
                <!--@end-->

                <li id="gnbli{$gnb_count}" <!--@if($val['selected'])-->class="on"<!--@end--> onmouseover="gnbinToggle({$gnb_count}, this)" ><a href="{$val['href']}" onfocus="this.blur()" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>{@$gnb_count++;}

            <!--@end--><!--@end-->
            <!-- main_menu 1차 끝 -->
  </ul>
  <!--//1차메뉴-->

  <script type="text/javascript">
   var gnb_count = {$gnb_count};
  </script>

  <!-- 2차 메뉴 -->
        {@$gnb_count = 0;}
        <!--@foreach($main_menu->list as $mkey => $mval)-->
    <!--@if($mval['text'])-->
          <!-- 왼쪽 2차 메뉴 -->
          <!--@if($mval['selected'])-->
            <ol id="gnb{$gnb_count}" class="gnb_sub" style="display:block;">
     <!--@if(!$mval['list'])--><li></li><!--@end-->
              <!--@foreach($mval['list'] as $key => $val)--><!--@if($val['text'])-->
     <li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" onfocus="this.blur();" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a>
     </li>
              <!--@end--><!--@end-->
      </ol>
  <script type="text/javascript">
   var gnb_count_now = {$gnb_count};
   reset_menu();
  </script>
          <!--@else-->
            <ol id="gnb{$gnb_count}" class="gnb_sub" style="display:none;">
     <!--@if(!$mval['list'])--><li></li><!--@end-->
              <!--@foreach($mval['list'] as $key => $val)--><!--@if($val['text'])-->
     <li><a href="{$val['href']}" onfocus="this.blur();" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a>
     </li>
              <!--@end--><!--@end-->
      </ol>
          <!--@end-->
          {@$gnb_count++;}
          <!--@end-->
        <!--@end-->

<!-- /상단메뉴 -->

<div id="headerRight">

<!-- 로그정보 -->
<ul id="Log">

<!--@if(!$is_logged)-->
 <li><a href="{getUrl('act','dispMemberLoginForm')}">Login</a></li>
 <li><a href="{getUrl('mid',$layout_info->target_mid,'act','dispMemberSignUpForm')}">Join</a></li>
<!--@else-->
    <li><a href="{getUrl('act','dispMemberLogout')}">Logout</a></li>
<!--@end-->
           
<!--@if($logged_info->is_admin == 'Y')-->
 <li><a href="{getUrl('','module','admin')}" onclick="window.open(this.href); return false;">Manage</a></li>
 <li><a href="{getUrl('act','dispLayoutAdminEdit','layout_srl',$layout_info->layout_srl)}">Edit</a></li>
 <li><a href="{getUrl('act','dispLayoutAdminModify','layout_srl',$layout_info->layout_srl)}">Modify</a></li>
 <li><a href="{getUrl('act','dispBoardAdminBoardInfo')}">Setup</a></li>
 <!--@else-->
 <li><a href="{geturl('act','dispMemberInfo')}">MyInfo</a></li>
 <li><a href="javascript:bookmarksite('{$layout_info->home_title}','{$layout_info->home_url}')">Bookmark</a></li>
 <li><a href="mailto:{$layout_info->mail}">Contact</a></li>
<!--@end-->

</ul>

<!-- /로그정보 -->

<!-- 추가메뉴 -->
<ul id="extraMenu">
<!--@foreach($extra_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 id="searchBox">
<form action="{getUrl()}" method="get">
<div style="visibility:hidden;"><input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="IS" /></div>
<input type="text" name="is_keyword" class="searchKeyword" value="{$is_keyword}"/>
<input type="image" src="./images/search.png" class="searchButton" />
</form>
</div>
<!-- /검색폼 -->

</div>

</div>
<!-- /헤더 -->

<div id="contentWrap">

<div id="contentBtom"></div>

<!-- 컨텐츠출력부 -->
<div id="leftColumn">{$content}</div>
<!-- /컨텐츠출력부 -->

<div id="rightColumn">

<!-- 우측서브메뉴 -->
<!--@if($menu_1st['list'])-->
<div id="lnb_top"> </div>

<ol id="lnb">
<li><div id="subtitle">Submenu</div></li>

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

                    <!-- main_menu 3차 시작 -->
                    <!--@if($val['list'] && ($val['expand']=='Y'||$val['selected']) )-->
     <ul>
                    <!--@foreach($val['list'] as $k => $v)--><!--@if($v['link'])-->
      <li <!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$v['link']}</a></li>
                    <!--@end--><!--@end-->
     </ul>
                    <!--@end-->
    </li>
                {@$idx++}
                <!--@end--><!--@end-->
   </ol>
 <div id="lnb_btom"><img src="images/none.gif" /> </div>
             <!--@else-->  <!--@end-->
<!-- /우측서브메뉴 -->

<!-- 위젯삽입
<div class="title_r"></div>, <div class="rightDiv"></div>를 이용하여 위젯을 넣을 수 있습니다.
-->
<div class="title_r">Widgets</div>
<div class="rightDiv"></div>
<!-- /위젯삽입 -->

</div>

 

</div>

</div>

<!-- 풋터 -->
<div id="footerWrap">

<div id="footer">

<p id="copyright"><!--@if(!$layout_info->copyright)-->Copyright 2008 <b>mjworks</b>. all rights reserved.<!--@else-->{$layout_info->copyright}<!--@end--></p>
<img src="images/check.png" id="check" alt="" class="iePngFix"/>
<!--@if(!$layout_info->rss)-->
<!--@else--><a href="{$layout_info->rss}" target="_blank"><img src="images/rss.png" id="rss" alt="RSS FEED" class="iePngFix"/></a>
<!--@end-->
<p id="by">skin by <a href="http://mjworks.kr" target="_blank">MJWORKS</a><br />Powered by <a href="http://zeroboard.com" target="_blank">ZEROBOARD</a></p>
</div>

 

<img src="images/footer_btom_l.png" id="bottomRound" class="iePngFix" />

<div id="bottom"></div>

<img src="images/footer_btom_r.png" id="bottomRound" class="iePngFix" />
<!-- /풋터 -->

</div>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="{Context::getLangType()}" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="keywords" content="">
        <meta name="description" content="">
        <meta name="author" content="">
        <title>모모방송국</title>
    </head>
    <frameset rows="0%,100%" cols="*" border="0" framespacing="0">
        <frame src="" scrolling="NO" frameborder="NO" name="no">
        <frame src="/zbxe/index.php" frameborder="NO" name="main" marginwidth="0" marginheight="0" scrolling="auto">
    </frameset>
    <noframes>
    </noframes>
    <body>
    </body>
</html>

<!-- sub_menu 2차 시작 -->
 {@$mnum = 1;}
 <!--@foreach($main_menu->list as $mkey => $sub_val)-->
   <!-- 왼쪽 2차 메뉴 -->
 <div id="menu{$mnum}" class="dropmenudiv">
 <!--@if($sub_val['list'])-->
  <div class="menuSubTop"></div>
  <div class="menuSub" onmouseout="document.getElementById('m_menu{$mnum}').className=''" onmouseover="document.getElementById('m_menu{$mnum}').className='active'">
   {@ $idx = 1 }
   <!--@foreach($sub_val['list'] as $key => $val)--><!--@if($val['link'])-->
   <a href="{$val['href']}" <!--@if($val['selected'])-->class="on"<!--@end--> <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a>
   {@$idx++}
   <!--@end--> <!--@end-->
  </div>
  <div class="menuSubBottom"></div>
 <!--@end-->
 </div>
 {@$mnum++;}
 <!--@else-->

 <!--@end-->