layout.html 이해
<!-- js 파일 import -->
<!--%import("js/flisland.js")-->
<!-- 레이아웃과 연동될 css 파일 import -->
<!--%import("css/default.css")-->
<!--@if($layout_info->background_image)-->
<style type="text/css">
body { background:#FFFFFF}
</style>
<!--@end-->
<!--@if(!$layout_info->colorset)-->
{@$layout_info->colorset = "default"}
<!--@end-->
<div id="bodyWrap">
<div id="header">
<h1><a href="{$layout_info->index_url}"><!--@if(!$layout_info->logo_image)--><img src="/images/{$layout_info->colorset}/zeroBoardXE.png" alt="ZeroBoard™ XE" class="iePngFix" /><!--@else--><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /><!--@end--></a></h1>
<h2><script type="text/javascript">displayMultimedia("/img/jcas.swf", "980","255",false);</script></h2>
<!--top_menu-->
<ul id="topmenu">
<!--@foreach($top_menu->list as $key => $val)-->
<li><a href="{$val['href']}"
<!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>
<img src="{$val['normal_btn']}" alt="{$val['text']}"></a></li>
<!--@end-->
</ul>
<!--top_index-->
<div id="top_index">
<!--@if($logged_info->is_admin=="Y")--><a href="/zbxe/admin"><img src="images/{$layout_info->colorset}/admin.gif" border="0"></a><!--@end-->
<!--@if($logged_info)-->
<a href="/zbxe/?mid=mypage&act=dispMemberLogout&member_srl="><img src="images/{$layout_info->colorset}/logout.gif" border="0"></a>
<!--@else-->
<a href="/zbxe/?mid=mypage&act=dispMemberLoginForm"><img src="images/{$layout_info->colorset}/login.gif" border="0"></a>
<!--@end-->
<!--@if(!$logged_info)-->
<a href="/zbxe/?mid=mypage&act=dispMemberSignUpForm&member_srl=" onfocus="this.blur();"><img src="images/{$layout_info->colorset}/join.gif" border="0"></a>
<!--@end-->
<a href="javascript:bookmarksite('달집', 'http://zbxe.co.kr')"><img src="images/{$layout_info->colorset}/mypage.gif" border="0"></a>
</div>
<!--top_banner-->
<ul id="top_banner">
<a href="/zbxe" onfocus="this.blur()"><img src="images/{$layout_info->colorset}/nobanner.gif" align='absmiddle' border="0"></a>
</ul>
<ul id="msn">
<img width="100%" height="100" src="common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="fileadd" body="" widget_cache="0" filename="/notice/msn.htm" filetype="include" widget_margin_top="0" widget_margin_left="0" widget_margin_right="0" widget_margin_bottom="0" widget_fix_width="" widget_width="50" widget_width_type="%" widget_position="" widget_sequence="109220" /></br>
</ul>
<!--GNB-->
<ul id="gnb">
<!-- main_menu 1차 시작 -->
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
<!--@if($val['selected'])-->
{@ $menu_1st = $val }
<!--@end-->
<!--@end--><!--@end-->
<!-- main_menu 1차 끝 -->
</ul>
<!--//GNB-->
<form action="{getUrl()}" method="post" id="isSearch">
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="IS" />
<input name="search_target" type="radio" value="title" id="search_target" class="searchOrder" checked="checked" title="search option" />
<label for="search_target" class="checked" id="search_target_label" onclick="showHide('selectOrder'); return false">{$lang->title}</label>
<ul id="selectOrder">
<li>
<input type="radio" name="search_target" value="title" id="search_target1" />
<label for="search_target1" onclick="chkIsKind(1, '{$lang->title}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->title}</label>
</li>
<li>
<input type="radio" name="search_target" value="content" id="search_target2" />
<label for="search_target2" onclick="chkIsKind(2, '{$lang->content}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->content}</label>
</li>
<li>
<input type="radio" name="search_target" value="title_content" id="search_target3" />
<label for="search_target3" onclick="chkIsKind(3, '{$lang->title}+{$lang->content}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->title}+{$lang->content}</label>
</li>
<li>
<input type="radio" name="search_target" value="comment" id="search_target4" />
<label for="search_target4" onclick="chkIsKind(4, '{$lang->comment}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->comment}</label>
</li>
<li>
<input type="radio" name="search_target" value="tag" id="search_target5" />
<label for="search_target5" onclick="chkIsKind(5, '{$lang->tag}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->tag}</label>
</li>
</ul>
<input name="is_keyword" type="text" class="inputText" title="keyword" />
<input type="image" src="/images/{$layout_info->colorset}/buttonSearch.gif" alt="{$lang->cmd_search}" class="submit" />
</form>
</div>
<div id="contentBody">
<div id="columnLeft">
<!-- 로그인 위젯 -->
<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="login_info" body="" skin="paper_login_mh" colorset="" widget_cache="0" widget_sequence="103" />
<!-- 왼쪽 2차 메뉴 -->
<div id="lnb_t">
{$menu_1st['text']}
</div>
<!--@if($menu_1st)-->
<ol id="lnb">
{@ $idx = 1 }
<!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['text'])-->
<li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->><img src="/images/default/bullet14.gif" align="absmiddle"> {$val['text']}</a>
<!-- main_menu 3차 시작 -->
<!--@if($val['list'])-->
<ul>
<!--@foreach($val['list'] as $k => $v)--><!--@if($v['text'])-->
<li <!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->><img src="/images/default/bulletD0.gif" align="absmiddle"> {$v['text']}</a></li>
<!--@end--><!--@end-->
</ul>
<!--@end-->
</li>
{@$idx++}
<!--@end--><!--@end-->
</ol>
<div id="lnb_b">
</div>
<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="popular_document" body="" skin="sound4u_popular" colorset="white" widget_cache="0" title="인기 게시물" order_target="readed_count" order_type="desc" list_count="10" view_date="60" mid_list="blog,comtip,data,drv,etc,fa,gongi,guest,home,mp3,pic,qa,sale,ucc,utils,xedata,xeimg,xemy,xetip,zbxe" subject_cut_size="12" thumbnail_width="" cols_list_count="" rows_list_count="" display_author="N" display_regdate="N" display_readed_count="N" display_voted_count="N" widget_sequence="111650" />
<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="newest_comment" body="" skin="mh_comment" colorset="green" widget_cache="0" title="최근 댓글" list_count="10" mid_list="blog,comtip,data,drv,etc,fa,gongi,guest,home,mp3,pic,qa,sale,ucc,utils,xedata,xeimg,xemy,xetip,zbxe" subject_cut_size="10" widget_sequence="111652" />
<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="counter_status" body="" skin="moon_house" colorset="normal" widget_cache="0" widget_sequence="139075" />
<!--@end-->
</div>
<div id="columnRight">
<!-- 컨텐츠 시작 -->
<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="menu_location" body="" skin="default" colorset="normal" widget_cache="0" widget_sequence="110330" />
{$content}
</div>
</div>
<div id="footer">
<li class="first-child">
<!--@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-->
<address>
<a href="http://moonhouse.co.kr" onclick="window.open(this.href);return false;"><img src="/images/{$layout_info->colorset}/bottom.gif" alt="Designed By 주컴A/S Copylight 주컴A/S" width="980px" height="30" /></a>
</address>
</li>
<!--바닥 부분-->
<li class="bottom">
본 사이트에서의 무단 E-mail 추출을 거부합니다.
</li>
</div>
</div>
</div>
<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="alway_stalker" body="" skin="default" colorset="" widget_cache="0" addon_position="2" addon_basic="0" addon_width="980" addon_left="979" addon_top="135" addon_top_gap="135" addon_scroll_speed="0" addon_scroll_move="1" addon_activate_apeed="0" addon_textarea="<img src='/img/sider.gif' border='0' usemap='#ImageMap3'>
<map name='ImageMap3'>
<area shape='rect' coords='1,1,40,35' href='#' onfocus='this.blur()'>
<area shape='rect' coords='40,1,73,35' href='https://moonhouse.co.kr/zbxe' onfocus='this.blur()'>
<area shape='rect' coords='6,50,70,84' href='https://moonhouse.co.kr/zbxe/folio' onfocus='this.blur()'>
<area shape='rect' coords='5,84,69,117' href='https://moonhouse.co.kr/zbxe/xeimg' onfocus='this.blur()'>
<area shape='rect' coords='1,119,74,160' href='#bottom' onfocus='this.blur()'>
</map>" widget_sequence="141119" />
<!--%import("js/flisland.js")-->
<!-- 레이아웃과 연동될 css 파일 import -->
<!--%import("css/default.css")-->
<!--@if($layout_info->background_image)-->
<style type="text/css">
body { background:#FFFFFF}
</style>
<!--@end-->
<!--@if(!$layout_info->colorset)-->
{@$layout_info->colorset = "default"}
<!--@end-->
<div id="bodyWrap">
<div id="header">
<h1><a href="{$layout_info->index_url}"><!--@if(!$layout_info->logo_image)--><img src="/images/{$layout_info->colorset}/zeroBoardXE.png" alt="ZeroBoard™ XE" class="iePngFix" /><!--@else--><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /><!--@end--></a></h1>
<h2><script type="text/javascript">displayMultimedia("/img/jcas.swf", "980","255",false);</script></h2>
<!--top_menu-->
<ul id="topmenu">
<!--@foreach($top_menu->list as $key => $val)-->
<li><a href="{$val['href']}"
<!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>
<img src="{$val['normal_btn']}" alt="{$val['text']}"></a></li>
<!--@end-->
</ul>
<!--top_index-->
<div id="top_index">
<!--@if($logged_info->is_admin=="Y")--><a href="/zbxe/admin"><img src="images/{$layout_info->colorset}/admin.gif" border="0"></a><!--@end-->
<!--@if($logged_info)-->
<a href="/zbxe/?mid=mypage&act=dispMemberLogout&member_srl="><img src="images/{$layout_info->colorset}/logout.gif" border="0"></a>
<!--@else-->
<a href="/zbxe/?mid=mypage&act=dispMemberLoginForm"><img src="images/{$layout_info->colorset}/login.gif" border="0"></a>
<!--@end-->
<!--@if(!$logged_info)-->
<a href="/zbxe/?mid=mypage&act=dispMemberSignUpForm&member_srl=" onfocus="this.blur();"><img src="images/{$layout_info->colorset}/join.gif" border="0"></a>
<!--@end-->
<a href="javascript:bookmarksite('달집', 'http://zbxe.co.kr')"><img src="images/{$layout_info->colorset}/mypage.gif" border="0"></a>
</div>
<!--top_banner-->
<ul id="top_banner">
<a href="/zbxe" onfocus="this.blur()"><img src="images/{$layout_info->colorset}/nobanner.gif" align='absmiddle' border="0"></a>
</ul>
<ul id="msn">
<img width="100%" height="100" src="common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="fileadd" body="" widget_cache="0" filename="/notice/msn.htm" filetype="include" widget_margin_top="0" widget_margin_left="0" widget_margin_right="0" widget_margin_bottom="0" widget_fix_width="" widget_width="50" widget_width_type="%" widget_position="" widget_sequence="109220" /></br>
</ul>
<!--GNB-->
<ul id="gnb">
<!-- main_menu 1차 시작 -->
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
<!--@if($val['selected'])-->
{@ $menu_1st = $val }
<!--@end-->
<!--@end--><!--@end-->
<!-- main_menu 1차 끝 -->
</ul>
<!--//GNB-->
<form action="{getUrl()}" method="post" id="isSearch">
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="IS" />
<input name="search_target" type="radio" value="title" id="search_target" class="searchOrder" checked="checked" title="search option" />
<label for="search_target" class="checked" id="search_target_label" onclick="showHide('selectOrder'); return false">{$lang->title}</label>
<ul id="selectOrder">
<li>
<input type="radio" name="search_target" value="title" id="search_target1" />
<label for="search_target1" onclick="chkIsKind(1, '{$lang->title}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->title}</label>
</li>
<li>
<input type="radio" name="search_target" value="content" id="search_target2" />
<label for="search_target2" onclick="chkIsKind(2, '{$lang->content}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->content}</label>
</li>
<li>
<input type="radio" name="search_target" value="title_content" id="search_target3" />
<label for="search_target3" onclick="chkIsKind(3, '{$lang->title}+{$lang->content}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->title}+{$lang->content}</label>
</li>
<li>
<input type="radio" name="search_target" value="comment" id="search_target4" />
<label for="search_target4" onclick="chkIsKind(4, '{$lang->comment}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->comment}</label>
</li>
<li>
<input type="radio" name="search_target" value="tag" id="search_target5" />
<label for="search_target5" onclick="chkIsKind(5, '{$lang->tag}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->tag}</label>
</li>
</ul>
<input name="is_keyword" type="text" class="inputText" title="keyword" />
<input type="image" src="/images/{$layout_info->colorset}/buttonSearch.gif" alt="{$lang->cmd_search}" class="submit" />
</form>
</div>
<div id="contentBody">
<div id="columnLeft">
<!-- 로그인 위젯 -->
<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="login_info" body="" skin="paper_login_mh" colorset="" widget_cache="0" widget_sequence="103" />
<!-- 왼쪽 2차 메뉴 -->
<div id="lnb_t">
{$menu_1st['text']}
</div>
<!--@if($menu_1st)-->
<ol id="lnb">
{@ $idx = 1 }
<!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['text'])-->
<li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->><img src="/images/default/bullet14.gif" align="absmiddle"> {$val['text']}</a>
<!-- main_menu 3차 시작 -->
<!--@if($val['list'])-->
<ul>
<!--@foreach($val['list'] as $k => $v)--><!--@if($v['text'])-->
<li <!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->><img src="/images/default/bulletD0.gif" align="absmiddle"> {$v['text']}</a></li>
<!--@end--><!--@end-->
</ul>
<!--@end-->
</li>
{@$idx++}
<!--@end--><!--@end-->
</ol>
<div id="lnb_b">
</div>
<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="popular_document" body="" skin="sound4u_popular" colorset="white" widget_cache="0" title="인기 게시물" order_target="readed_count" order_type="desc" list_count="10" view_date="60" mid_list="blog,comtip,data,drv,etc,fa,gongi,guest,home,mp3,pic,qa,sale,ucc,utils,xedata,xeimg,xemy,xetip,zbxe" subject_cut_size="12" thumbnail_width="" cols_list_count="" rows_list_count="" display_author="N" display_regdate="N" display_readed_count="N" display_voted_count="N" widget_sequence="111650" />
<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="newest_comment" body="" skin="mh_comment" colorset="green" widget_cache="0" title="최근 댓글" list_count="10" mid_list="blog,comtip,data,drv,etc,fa,gongi,guest,home,mp3,pic,qa,sale,ucc,utils,xedata,xeimg,xemy,xetip,zbxe" subject_cut_size="10" widget_sequence="111652" />
<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="counter_status" body="" skin="moon_house" colorset="normal" widget_cache="0" widget_sequence="139075" />
<!--@end-->
</div>
<div id="columnRight">
<!-- 컨텐츠 시작 -->
<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="menu_location" body="" skin="default" colorset="normal" widget_cache="0" widget_sequence="110330" />
{$content}
</div>
</div>
<div id="footer">
<li class="first-child">
<!--@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-->
<address>
<a href="http://moonhouse.co.kr" onclick="window.open(this.href);return false;"><img src="/images/{$layout_info->colorset}/bottom.gif" alt="Designed By 주컴A/S Copylight 주컴A/S" width="980px" height="30" /></a>
</address>
</li>
<!--바닥 부분-->
<li class="bottom">
본 사이트에서의 무단 E-mail 추출을 거부합니다.
</li>
</div>
</div>
</div>
<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="alway_stalker" body="" skin="default" colorset="" widget_cache="0" addon_position="2" addon_basic="0" addon_width="980" addon_left="979" addon_top="135" addon_top_gap="135" addon_scroll_speed="0" addon_scroll_move="1" addon_activate_apeed="0" addon_textarea="<img src='/img/sider.gif' border='0' usemap='#ImageMap3'>
<map name='ImageMap3'>
<area shape='rect' coords='1,1,40,35' href='#' onfocus='this.blur()'>
<area shape='rect' coords='40,1,73,35' href='https://moonhouse.co.kr/zbxe' onfocus='this.blur()'>
<area shape='rect' coords='6,50,70,84' href='https://moonhouse.co.kr/zbxe/folio' onfocus='this.blur()'>
<area shape='rect' coords='5,84,69,117' href='https://moonhouse.co.kr/zbxe/xeimg' onfocus='this.blur()'>
<area shape='rect' coords='1,119,74,160' href='#bottom' onfocus='this.blur()'>
</map>" widget_sequence="141119" />
default.css 이해
@charset "utf-8";
/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/
a { selector-dummy : expression(this.hideFocus=true);}
/* Default Skin - Start */
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }
/* Site Layout - Body Wrap */
body { background:#FFFFFF }
#bodyWrap { width:980px; margin:0em auto 0 auto; }
/* top 배경이미지 크기 */
#header { position:relative; width:980px; height:165px; }
#header h1 { position:absolute; top:30px; left:20px;}
#header h2 { position:absolute; top:0px; left:0px; height:55px; }
/* top 메뉴 위치*/
#topmenu { position:absolute; top:0px; right:0px; height:30px}
#topmenu li { list-style:none; float:left; }
#top_index { position:absolute; top:0px; right:0px; text-align:left;}
/* top 베너위치*/
#top_banner { position:absolute; top:50px; left:765px; text-align:left;}
/* msn 위치*/
#msn { position:absolute; top:5px; right:180px;}
#it_search_form { position:absolute; top:67px; right:5px;}
#it_search_form .input { border:1px solid #d9d9d9; height:17px; width:120px; color:#888888; font-size:.9em;}
#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }
#isSearch { position:absolute; top:65px; right:5px; width:214px; text-align:right;}
#isSearch .searchOrder { display:none;}
#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url(../images/default/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c; line-height:normal;}
#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #b2b2b2; background:#ffffff; overflow:hidden;}
#isSearch ul li { width:67px; height:18px; list-style:none;}
#isSearch ul li input { display:none;}
#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c;}
#isSearch ul li label.on { background:#ededed; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { background:#ededed;}
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:94px; height:13px; color:#000000; border:1px solid #B0B0AF; background-color:#FFFFFF; }
#isSearch .inputText:hover,
#isSearch .inputText:focus { border:1px solid #8E8E8D; background-color:#FFFFFF; }
*:first-child+html #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html #isSearch .submit { position:relative; top:-1px;}
/* Site Layout - Content Body */
#contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; border-bottom:0px solid #dddddd;}
/* Site Layout - Column Left */
#columnLeft { position:relative; width:201px; float:left;}
/* 로그인과 메뉴사이 간격 */
#columnLeft .mask { width:201px; height:5px; background:#ffffff; display:block; clear:both;}
/* 하위2차메뉴 버턴이미지 */
#lnb_t { border-top:5px solid #fff; padding:25px 5px 0px 5px; width:190px; height:57px; background:url(../images/default/zt.gif) no-repeat; font-size:18px; font-weight:bold; text-decoration:none; color:#fff; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; }
#lnb { border-top:0px solid #dddddd; padding:0px 0px; width:200px; background:url(../images/default/zm.gif) repeat-y;}
#lnb li { padding-bottom:0px; list-style:none; }
#lnb li a { padding:10px 0 5px 25px; width:175px; display:block; border:0px solid #000; color:#de4332; position:relative; z-index:99; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus { padding:10px 0px 0px 25px; width:175px; height:16px; display:block; border:0px solid #e8e8e8; background:url(../images/default/bgLnbOn.gif) no-repeat center; color:#f60; position:relative; z-index:97; text-decoration:none; }
#lnb li a { padding:10px 0px 0px 23px; width:177px; height:16px; display:block; border:0px solid #e8e8e8; background:url(../images/default/bgLnbOff.gif) no-repeat center; color:#090; position:relative; z-index:96; text-decoration:none; }
#lnb li.on a { padding:10px 0px 0px 25px; width:175px; height:16px; display:block; border:0px solid #e8e8e8; color:#f60; font-weight:bold; background:url(../images/default/bgLnbVr.gif) no-repeat center; position:relative; z-index:95; text-decoration:none; }
#lnb li ul { display:none; position:relative; width:200px; padding:0 0px; position:relative; border-top:0px solid #ffffff; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding:0; border-top:0px solid #f2f2f2; position:relative; top:-1px;}
#lnb li ul li a { padding:10px 0px 0px 0px; width:200px; color:#C0C0C0 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#808080 !important; font-weight:bold !important; !important;}
#lnb_b { border-top:0px solid #dddddd; padding:0px 5px 0px 5px; width:190px; height:34px; background:url(../images/default/zb.gif) no-repeat;}
/* Site Layout - Column Right */
#columnRight { width:770px; float:right; overflow:hidden; margin-top:0px;}
#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 { border-top:0px solid #ff6600; text-align:center; padding:1px 0px 5px 0px; clear:both;}
#footer li { display:inline; padding:2px 5px 2px 0px; no-repeat left center;}
#footer li.first-child { background:none;}
#footer li a { font-weight:bold; color:#ff6600; font:1em Tahoma, "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#footer li address { display:inline; }
#footer li.bottom{ font-size:12px; color:#FFCC00; width:980px; border-top:0px solid #f4f4f4; text-align:center; height:25px; clear:both;}
/* Default Skin - End */
/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/
a { selector-dummy : expression(this.hideFocus=true);}
/* Default Skin - Start */
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }
/* Site Layout - Body Wrap */
body { background:#FFFFFF }
#bodyWrap { width:980px; margin:0em auto 0 auto; }
/* top 배경이미지 크기 */
#header { position:relative; width:980px; height:165px; }
#header h1 { position:absolute; top:30px; left:20px;}
#header h2 { position:absolute; top:0px; left:0px; height:55px; }
/* top 메뉴 위치*/
#topmenu { position:absolute; top:0px; right:0px; height:30px}
#topmenu li { list-style:none; float:left; }
#top_index { position:absolute; top:0px; right:0px; text-align:left;}
/* top 베너위치*/
#top_banner { position:absolute; top:50px; left:765px; text-align:left;}
/* msn 위치*/
#msn { position:absolute; top:5px; right:180px;}
#it_search_form { position:absolute; top:67px; right:5px;}
#it_search_form .input { border:1px solid #d9d9d9; height:17px; width:120px; color:#888888; font-size:.9em;}
#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }
#isSearch { position:absolute; top:65px; right:5px; width:214px; text-align:right;}
#isSearch .searchOrder { display:none;}
#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url(../images/default/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c; line-height:normal;}
#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #b2b2b2; background:#ffffff; overflow:hidden;}
#isSearch ul li { width:67px; height:18px; list-style:none;}
#isSearch ul li input { display:none;}
#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c;}
#isSearch ul li label.on { background:#ededed; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { background:#ededed;}
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:94px; height:13px; color:#000000; border:1px solid #B0B0AF; background-color:#FFFFFF; }
#isSearch .inputText:hover,
#isSearch .inputText:focus { border:1px solid #8E8E8D; background-color:#FFFFFF; }
*:first-child+html #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html #isSearch .submit { position:relative; top:-1px;}
/* Site Layout - Content Body */
#contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; border-bottom:0px solid #dddddd;}
/* Site Layout - Column Left */
#columnLeft { position:relative; width:201px; float:left;}
/* 로그인과 메뉴사이 간격 */
#columnLeft .mask { width:201px; height:5px; background:#ffffff; display:block; clear:both;}
/* 하위2차메뉴 버턴이미지 */
#lnb_t { border-top:5px solid #fff; padding:25px 5px 0px 5px; width:190px; height:57px; background:url(../images/default/zt.gif) no-repeat; font-size:18px; font-weight:bold; text-decoration:none; color:#fff; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; }
#lnb { border-top:0px solid #dddddd; padding:0px 0px; width:200px; background:url(../images/default/zm.gif) repeat-y;}
#lnb li { padding-bottom:0px; list-style:none; }
#lnb li a { padding:10px 0 5px 25px; width:175px; display:block; border:0px solid #000; color:#de4332; position:relative; z-index:99; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus { padding:10px 0px 0px 25px; width:175px; height:16px; display:block; border:0px solid #e8e8e8; background:url(../images/default/bgLnbOn.gif) no-repeat center; color:#f60; position:relative; z-index:97; text-decoration:none; }
#lnb li a { padding:10px 0px 0px 23px; width:177px; height:16px; display:block; border:0px solid #e8e8e8; background:url(../images/default/bgLnbOff.gif) no-repeat center; color:#090; position:relative; z-index:96; text-decoration:none; }
#lnb li.on a { padding:10px 0px 0px 25px; width:175px; height:16px; display:block; border:0px solid #e8e8e8; color:#f60; font-weight:bold; background:url(../images/default/bgLnbVr.gif) no-repeat center; position:relative; z-index:95; text-decoration:none; }
#lnb li ul { display:none; position:relative; width:200px; padding:0 0px; position:relative; border-top:0px solid #ffffff; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding:0; border-top:0px solid #f2f2f2; position:relative; top:-1px;}
#lnb li ul li a { padding:10px 0px 0px 0px; width:200px; color:#C0C0C0 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#808080 !important; font-weight:bold !important; !important;}
#lnb_b { border-top:0px solid #dddddd; padding:0px 5px 0px 5px; width:190px; height:34px; background:url(../images/default/zb.gif) no-repeat;}
/* Site Layout - Column Right */
#columnRight { width:770px; float:right; overflow:hidden; margin-top:0px;}
#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 { border-top:0px solid #ff6600; text-align:center; padding:1px 0px 5px 0px; clear:both;}
#footer li { display:inline; padding:2px 5px 2px 0px; no-repeat left center;}
#footer li.first-child { background:none;}
#footer li a { font-weight:bold; color:#ff6600; font:1em Tahoma, "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#footer li address { display:inline; }
#footer li.bottom{ font-size:12px; color:#FFCC00; width:980px; border-top:0px solid #f4f4f4; text-align:center; height:25px; clear:both;}
/* Default Skin - End */