diff --git a/layouts/zb5_site/css/layout.css b/layouts/zb5_site/css/layout.css
index 909ce6887..8008cebf9 100644
--- a/layouts/zb5_site/css/layout.css
+++ b/layouts/zb5_site/css/layout.css
@@ -1,188 +1,82 @@
 @charset "utf-8";
 
-body {
-    margin:0px;
-    padding:0px;
-}
+body,input,textarea { font-size:12px; font-family:Dotum; }
+body      { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
+a:link    { text-decoration: none; }
+a:visited { text-decoration: none; }
+a:hover   { text-decoration: underline; }
+a:active  {	text-decoration: none; }
 
-/**
- * 레이아웃 style 
- **/
+#loading { background:url(./images/common/loading.gif) no-repeat; width:125px; height:39px; position:absolute; left:10px; top:10px; }
 
-/**
- * 상단 로고 및 메인 1차 메뉴 
- **/
-.layout_top {
-    margin:10px 10px 0px 10px;
-}
+#layout_zx { cursor:default; }
 
-/* 상단 로고 부분 */
-.layout_logo A {
-    font-weight:bold;
-    font-size:16pt;
-    color:#888888;
-    text-decoration:none;
-}
+#layout_zx .lo_top       { background:url(./images/common/top_bg.gif) repeat-x; height:100px; text-align:center; }
+#layout_zx .lo_top .logo { background:url(./images/common/top_bg_center.gif) no-repeat; width:600px; height:100px; text-align:center; margin-left:auto; margin-right:auto; }
+#layout_zx .lo_menu              { background:url(./images/menubar/bg.gif) repeat-x; height:45px; }
+#layout_zx .lo_menu .a_left      { background:url(./images/menubar/opening.gif) right no-repeat; height:35px; }
+#layout_zx .lo_menu .a_right     { background:url(./images/menubar/closing.gif) left  no-repeat; height:35px; }
+#layout_zx .lo_menu .a_center       { width:878px; }
+#layout_zx .lo_menu .a_center .item { width:80px; height:24px;float:left; font-family:Tahoma;font-size:11px; font-weight:bold; cursor:pointer; text-align:center; padding:11px 5px 0px 5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
+#layout_zx .lo_menu .a_center .i_nm { background:url(./images/menubar/item_bg.gif) no-repeat; color:#D8E5EF }
+#layout_zx .lo_menu .a_center .i_ov { background:url(./images/menubar/item_bg_over.gif) no-repeat; color:#FFFFFF; }
+#layout_zx .lo_menu .a_center .i_se { background:url(./images/menubar/item_bg_sel.gif) no-repeat; color:#FFFFFF; }
+#layout_zx .lo_menu .a_search              { float:right; text-align:center; margin-top:5px; margin-right:10px; }
+#layout_zx .lo_menu .a_search input.input  { width:91px; height:17px; background:url(./images/menubar/search_input_bg.gif) no-repeat; border:none; margin-top:0px; padding:6px 8px 0px 8px; text-align:center; color:#467CAA; }
+#layout_zx .lo_menu .a_search input.submit { width:32px; height:23px; background:url(./images/menubar/search_input_submit.gif) no-repeat; border:none; margin:0px; cursor:pointer; }
+#layout_zx .lo_menu .shadow { background:url(./images/menubar/shadow.gif) repeat-x; height:10px; }
 
-/* 상단 1차 메뉴 */
-.layout_first_menu {
-    border-bottom:2px solid #DDDDDD;
-    width:100%;
-    text-align:right;
-    padding:3px 0px 3px 0px;
-}
+#layout_zx .main_body_cell { width:900px; margin-left:auto; margin-right:auto; }
+#layout_zx .tbl_home_layout           { height:400px; margin-top:-10px; }
+#layout_zx .tbl_home_layout .l_left   { width:180px; background:#F6F6F6; }
+#layout_zx .tbl_home_layout .l_center { }
+#layout_zx .tbl_home_layout .l_line   { width:1px; background:#F1F2F3; }
+#layout_zx .tbl_home_layout .l_right  { width:189px; }
 
-/**
- * 좌측 메뉴 및 메인 2차 메뉴, 로그인 위젯 및 기타
- **/
-.layout_left {
-    width:220px;
-    float:left;
-    margin-top:10px;
-    position:absolute;
-    left:10px;
-}
+#layout_zx .box_login { padding:9px; border:solid 3px #D5D8DB; background:#FFFFFE; }
+#layout_zx #fo_login .form_field     { float:left; width:108px; }
+#layout_zx #fo_login .form_submit    { text-align:right; }
+#layout_zx #fo_login .form_keepalive { height:25px;margin-left:10px; }
+#layout_zx #fo_login input.submit    { width:45px; height:45px; background:url(./images/common/login_btn_submit.gif) no-repeat; border:none; margin:0px; cursor:pointer; }
+#layout_zx #fo_login .item           { clear:both; background:url(./images/common/bul_01.gif) no-repeat left; height:13px; padding:3px 0px 0px 12px; margin-left:5px; margin-top:2px; }
+#layout_zx #logged div.item           { cursor:pointer; font-size:11px; letter-spacing:-1px; margin-right:10px; padding:3px 0px 0px 14px; white-space:nowrap; }
+#layout_zx #logged div.new            { font-weight:bold; color:#FF7200; }
+#layout_zx #logged div.logout         { display:block; font-weight:bold; float:right; margin-right:0px; margin-top:2px; }
+#layout_zx #logged div.profile        { float:left; background:url(./images/common/icon_profile.gif) no-repeat left; }
+#layout_zx #logged div.message        { float:left; background:url(./images/common/icon_note.gif) no-repeat left; }
+#layout_zx #logged div.administrative { float:right; background:url(./images/common/icon_key.gif) no-repeat left; color:#D80D0F; margin-right:0px; }
 
-/* 좌측 2차 메뉴 */
-.layout_second_menu {
-}
+#layout_zx .submenu { padding:10px; }
+#layout_zx .submenu .title  { background:url(./images/leftmenu/smenu_title.gif) no-repeat; height:23px; font-weight:bold; font-family:Tahoma; font-size:11px; color:#FFFFFF; padding:6px 10px 0px 10px; }
+#layout_zx .submenu .a_item { background:#FFFFFF; padding:9px; border:solid 1px #E0E8EE; border-top-width:0px; padding-top:2px;}
+#layout_zx .submenu .item   { border-bottom:solid 1px #E0E8EE; margin-top:2px; padding-top:3px; padding-bottom:5px; }
+#layout_zx .submenu .depthin       { clear:both; padding:5px 0px 2px 15px; }
+#layout_zx .submenu .depthin .item { border-bottom:none; padding:2px 0px 1px 0px; margin-top:0px; }
+#layout_zx .submenu .depthin .item a      { color:#9A9893; }
+#layout_zx .submenu .depthin .item a.i_se { font-weight:normal; background:none; color:#467CAA; }
+#layout_zx .submenu .a_item a      { color:#797771; display:block; padding-top:3px; }
+#layout_zx .submenu .a_item a.i_se { background:url(./images/leftmenu/bul_01.gif) no-repeat right; font-weight:bold; color:#467CAA; }
+#layout_zx .submenu .last { border-bottom:none; }
 
-/* 좌측 관리자 메뉴 */
-.layout_admin {
-    margin-top:10px;
-    border:3px solid #EEEEEE;
-    padding:5px;
-    text-align:center;
-}
+#layout_zx .cprt { height:55px; background:url(./images/common/copyright_bg.gif); text-align:center; }
+#layout_zx .cprt .fixed { width:880px; margin-left:auto; margin-right:auto; text-align:left; }
+#layout_zx .cprt .desc { width:500px; margin-left:190px; font-family:Tahoma; font-size:11px; color:#797771; position:absolute; text-align:center; padding-top:20px; }
+#layout_zx .cprt .logo { background:url(./images/common/copyright_zx.gif) no-repeat; width:190px; height:55px; float:right; }
 
-.layout_admin A {
-    color:#AAAAAA;
-    text-decoration:none;
-}
-
-/* 컨텐츠 */
-.layout_content {
-    padding:10px 10px 0px 240px;
-}
-
-#content {
-}
-
-/**
- * 하단 메뉴 영역 
- **/
-.layout_bottom {
-    clear:both;
-    margin-top:20px;
-}
-
-/* 하단 메뉴 */
-.layout_bottom_menu {
-    width:100%;
-    text-align:center;
-}
-
-/**
- * 메뉴 style, main_menu:1~3차, bottom_menu로 구성 
- **/
-
-/* 1차 메뉴 */
-.first_menu {
-    background-color:#999999;
-    padding:3px 10px 3px 10px;
-    margin-left:5px;
-}
-
-.first_menu A {
-    font-weight:normal;
-    color:#FFFFFF;
-    text-decoration:none;
-}
-
-.first_menu_selected {
-    background-color:#000000;
-    padding:3px 10px 3px 10px;
-    margin-left:5px;
-}
-
-.first_menu_selected A {
-    color:#FFFFFF;
-    font-weight:bold;
-    text-decoration:none;
-}
-
-/* 2차 메뉴 */
-.second_menu {
-    padding:5px 0px 5px 5px;
-    background-color:#AAAAAA;
-    display:block;
-    border-bottom:1px solid #999999;
-}
-
-.second_menu A {
-    color:#FFFFFF;
-    text-decoration:none;
-    font-weight:normal;
-}
-
-.second_menu_selected {
-    padding:5px 0px 5px 5px;
-    background-color:#666666;
-    display:block;
-    border-bottom:1px solid #444444;
-}
-
-.second_menu_selected A {
-    color:#FFFFFF;
-    font-weight:bold;
-    text-decoration:none;
-}
-
-/* 3차 메뉴 */
-.third_menu {
-    padding:5px 0px 5px 20px;
-    border-bottom:1px solid #EEEEEE;
-    display:block;
-}
-
-.third_menu A {
-    color:#000000;
-    text-decoration:none;
-}
-
-.third_menu_selected {
-    padding:5px 0px 5px 20px;
-    border-bottom:1px solid #EEEEEE;
-    font-weight:bold;
-    display:block;
-    background-color:#EFEFEF;
-}
-
-.third_menu_selected A {
-    color:#000000;
-    font-weight:bold;
-    text-decoration:none;
-}
-
-/* 하단 메뉴 */
-.bottom_menu {
-    margin-right:5px;
-    font-weight:normal;
-}
-
-.bottom_menu A {
-    color:#000000;
-    text-decoration:none;
-}
-
-.bottom_menu_selected {
-    margin-right:5px;
-    font-weight:bold;
-}
-
-.bottom_menu_selected A {
-    color:#000000;
-    font-weight:bold;
-    text-decoration:none;
-}
+#layout_zx .hr_dot_01 { background:url(./images/common/hr_dot_01.gif) repeat-x; height:2px; overflow:hidden; clear:both; margin:4px 0px 4px 0px; }
+#layout_zx .clear     { clear:both; }
+#layout_zx .input     { border:solid 1px #E1E1E1; padding:2px; height:14px; margin:0px; cursor:text; }
+#layout_zx .checkbox  { width:15px; height:15px; margin:-1px 0px 0px -1px; }
+#layout_zx label      { cursor:pointer; }
+#layout_zx form       { display:inline; border:none; margin:0px; padding:0px; }
+#layout_zx textarea   { cursor:text; }
 
+#layout_zx .bold  { font-weight:bold; }
+#layout_zx .fc_00 { color:#000000; }
+#layout_zx .fc_01 { color:#797771; }
+#layout_zx .fc_02 { color:#9A9893; }
+#layout_zx .fc_11 { color:#467CAA; }
+#layout_zx .fc_12 { color:#9EAB1A; }
+#layout_zx .fc_13 { color:#FF7200; }
+#layout_zx .fc_14 { color:#D80D0F; }
+#layout_zx .fc_20 { color:#E3E6E8; }
diff --git a/layouts/zb5_site/layout.html b/layouts/zb5_site/layout.html
index 70deda735..5ebc9b061 100644
--- a/layouts/zb5_site/layout.html
+++ b/layouts/zb5_site/layout.html
@@ -1,101 +1,93 @@
 <!-- 레이아웃과 연동될 css 파일 import -->
 <!--%import("css/layout.css")-->
 
-<!-- 상단 로고 및 main_menu 1차 출력 -->
-<div class="layout_top">
-    <div class="layout_logo">
-        <a href="{$layout_info->index_url}"><!--@if(!$layout_info->top_title)-->top title<!--@else-->{$layout_info->top_title}<!--@end--></a>
+<div id="loading"></div>
+<div id="layout_zx">
+
+    <div class="lo_top">
+        <div class="logo"><a href="{$layout_info->index_url}"><img src="{$layout_info->logo_image}" alt="logo" border="0" /></a></div>
     </div>
 
-    <div class="layout_first_menu">
-
-        <!-- main_menu 1차 시작 -->
-        <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
-
-            <!--@if($val['selected'])-->
-                {@ $class_name = 'first_menu_selected'}
-                {@ $second_menu_list = $val['list']}
-            <!--@else-->
-                {@ $class_name = 'first_menu'}
-            <!--@end-->
-
-            <span class="{$class_name}">
-                <a href="#" onclick="return move_url('{$val['href']}','{$val['open_window']}');">{$val['text']}</a>
-            </span>
-
-        <!--@end--><!--@end-->
-        <!-- main_menu 1차 끝 -->
-
-    </div>
-</div>
-
-<!-- 왼쪽 2차 메뉴 및 로그인과 기타 위젯 부분 -->
-<div class="layout_left">
-    <!-- 로그인 위젯 -->
-    <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="default" colorset="default" />
-
-    <!-- main_menu 2차 시작 -->
-    <div class="layout_second_menu">
-        <!--@foreach($second_menu_list as $key => $val)--><!--@if($val['text'])-->
-
-            <!--@if($val['selected'])-->
-                {@ $class_name = 'second_menu_selected'}
-            <!--@else-->
-                {@ $class_name = 'second_menu'}
-            <!--@end-->
-
-            <span class="{$class_name}">
-                <a href="#" onclick="return move_url('{$val['href']}','{$val['open_window']}');">{$val['text']}</a>
-            </span>
-
-            <!--@if($val['selected'])-->
-                <!-- main_menu 3차 시작 -->
-                <!--@foreach($val['list'] as $k => $v)--><!--@if($v['text'])-->
-                    <!--@if($v['selected'])-->
-                        {@ $class_name = 'third_menu_selected'}
+    <div class="lo_menu">
+        <table width="100%" border="0" cellspacing="0" cellpadding="0">
+        <tr>
+            <td class="a_left">&nbsp;</td>
+            <td class="a_center">
+                <!-- main_menu 1차 시작 -->
+                <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
+                    <!--@if($val['selected'])-->
+                        {@ $menu_1st_title = $val['text'] }
+                        {@ $second_menu_list = $val['list']}
+                        <div class="item i_se"><a href="{$val['href']}">{$val['text']}</a>
                     <!--@else-->
-                        {@ $class_name = 'third_menu'}
+                        <div class="item i_nm" onmouseover="this.className = 'item i_ov';" onmouseout="this.className = 'item i_nm';"><a href="{$val['href']}">{$val['text']}</a></div>
                     <!--@end-->
-
-                    <span class="{$class_name}">
-                        <a href="#" onclick="return move_url('{$v['href']}','{$v['open_window']}');">{$v['text']}</a>
-                    </span>
                 <!--@end--><!--@end-->
-            <!--@end-->
-
-        <!--@end--><!--@end-->
-        <!-- main_menu 2차 끝 -->
+                <!-- main_menu 1차 끝 -->
+            </td>
+            <td class="a_right">&nbsp;</td>
+        </tr>
+        </table>
+        <div class="shadow"></div>
     </div>
 
-    <!--@if($grant->is_admin)-->
-    <!-- 관리자일 경우 레이아웃 관리 메뉴 -->
-    <div class="layout_admin">
-        <a href="#" onclick="location.href='{getUrl('act','dispLayoutAdminModify','layout_srl',$layout_info->layout_srl)}';return false;">{$lang->cmd_layout_management}</a> /
-        <a href="#" onclick="location.href='{getUrl('act','dispLayoutAdminEdit','layout_srl',$layout_info->layout_srl)}';return false;">{$lang->cmd_edit}</a>
+    <div class="main_body_cell">
+        <table width="100%" border="0" cellspacing="10" cellpadding="0" class="tbl_home_layout">
+        <tr>
+            <td valign="top" class="l_left">
+
+                <!-- 로그인 위젯 -->
+                <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="default" colorset="default" />
+
+                <!-- 왼쪽 2차 메뉴 -->
+                <!--@if($menu_1st_title)-->
+                <div class="submenu">
+                    <div class="title">{$menu_1st_title}</div>
+
+                    <div class="a_item">
+                    <!--@foreach($second_menu_list as $key => $val)--><!--@if($val['text'])-->
+                        <div class="item last">
+                        <!--@if($val['selected'])-->
+                            <a href="{$val['href']}" class="i_se">{$val['text']}</a>
+
+                            <!-- main_menu 3차 시작 -->
+                            <!--@if($val['list'])-->
+                                <div class="depthin">
+                                <!--@foreach($val['list'] as $k => $v)--><!--@if($v['text'])-->
+                                    <!--@if($v['selected'])-->
+                                        <div class="item i_se"><a href="{$v['href']}">{$v['text']}</a></div>
+                                    <!--@else-->
+                                        <div class="item"><a href="{$v['href']}">{$v['text']}</a></div>
+                                    <!--@end-->
+                                <!--@end--><!--@end-->
+                                </div>
+                            <!--@end-->
+                        <!--@else-->
+                            <a href="{$val['href']}">{$val['text']}</a>
+                        <!--@end-->
+                        </div>
+                    <!--@end--><!--@end-->
+                    </div>
+                </div>
+                <!--@end-->
+
+                <!--@if($grant->is_admin)-->
+                <!-- 관리자일 경우 레이아웃 관리 메뉴 -->
+                <div class="layout_admin">
+                    <a href="#" onclick="location.href='{getUrl('act','dispLayoutAdminModify','layout_srl',$layout_info->layout_srl)}';return false;">{$lang->cmd_layout_management}</a> /
+                    <a href="#" onclick="location.href='{getUrl('act','dispLayoutAdminEdit','layout_srl',$layout_info->layout_srl)}';return false;">{$lang->cmd_edit}</a>
+                </div>
+                <!--@end-->
+
+            </td>
+            <td valign="top" class="l_center">{$content}</td>
+        </tr>
+        </table>
+    </div>
+    <div class="cprt">
+        <div class="fixed">
+            <div class="desc">{$layout_info->copyright_text}</div>
+            <div class="logo"></div>
+        </div>
     </div>
-    <!--@end-->
 </div>
-
-<!-- 컨텐츠 출력 부분 -->
-<div class="layout_content">
-    <div id="content">{$content}</div>
-
-    <!-- bottom_menu 메뉴 시작 -->
-    <div class="layout_bottom">
-        <!--@foreach($bottom_menu->list as $key => $val)-->
-
-        <!--@if($val['selected'])-->
-            {@ $class_name = 'bottom_menu_selected'}
-        <!--@else-->
-            {@ $class_name = 'bottom_menu'}
-        <!--@end-->
-
-        <span class="{$class_name}">
-            <a href="#" onclick="return move_url('{$val['href']}','{$val['open_window']}');">{$val['text']}</a>
-        </span>
-
-        <!--@end-->
-    </div>
-
-</div>
-