diff --git a/layouts/zb5_site/conf/info.xml b/layouts/zb5_site/conf/info.xml
index 2124f0dde..918b881f0 100644
--- a/layouts/zb5_site/conf/info.xml
+++ b/layouts/zb5_site/conf/info.xml
@@ -12,17 +12,33 @@
             <title xml:lang="ko">컬러셋</title>
             <description xml:lang="ko">원하시는 컬러셋을 선택해주세요.</description>
             <options name="blue">
-                <title xml:lang="ko">파란색 </title>
+                <title xml:lang="ko">파란색</title>
                 <value>blue</value>
             </options>
+            <options name="green">
+                <title xml:lang="ko">녹색</title>
+                <value>green</value>
+            </options>
+            <options name="red">
+                <title xml:lang="ko">빨간색 </title>
+                <value>red</value>
+            </options>
+            <options name="purple">
+                <title xml:lang="ko">보라색</title>
+                <value>purple</value>
+            </options>
         </var>
         <var name="logo_image" type="image">
             <title xml:lang="ko">로고이미지</title>
-            <description xml:lang="ko">레이아웃의 상단에 표시될 로고이미지를 입력하세요.</description>
+            <description xml:lang="ko">레이아웃의 상단에 표시될 로고이미지를 입력하세요. (세로길이가 100px인 투명이미지가 가장 어울립니다)</description>
         </var>
         <var name="index_url" type="text">
             <title xml:lang="ko">홈 페이지 URL</title>
-            <description xml:lang="ko">로고나 제목을 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.</description>
+            <description xml:lang="ko">로고를 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.</description>
+        </var>
+        <var name="copyright_text" type="text">
+            <title xml:lang="ko">카피라이트</title>
+            <description xml:lang="ko">사이트 하단에 표시될 카피라이트를 입력해주세요.</description>
         </var>
     </extra_vars>
     <menus>
diff --git a/layouts/zb5_site/css/blue.css b/layouts/zb5_site/css/blue.css
new file mode 100644
index 000000000..169afc213
--- /dev/null
+++ b/layouts/zb5_site/css/blue.css
@@ -0,0 +1,54 @@
+@charset "utf-8";
+
+body { margin:0; }
+
+#loading { background:url(../images/blue/loading.gif) no-repeat; width:125px; height:39px; position:absolute; left:10px; top:10px; }
+
+#layout_zx { cursor:default; }
+
+#layout_zx .lo_top       { background:url(../images/blue/top_bg.gif) repeat-x; height:100px; }
+#layout_zx .lo_top .logo { background:url(../images/blue/top_bg_center.gif) no-repeat; width:1040px; height:100px; text-align:left; margin-left:10px;}
+
+#layout_zx .lo_menu              { background:url(../images/blue/bg.gif) repeat-x; height:45px; }
+#layout_zx .lo_menu .a_left      { background:url(../images/blue/opening.gif) right no-repeat; height:35px; width:10px;}
+#layout_zx .lo_menu .a_right     { background:url(../images/blue/closing.gif) left  no-repeat; height:35px; }
+
+#layout_zx .lo_menu .a_center       { width:1040px; }
+#layout_zx .lo_menu .a_center .a_menu { float:right; }
+#layout_zx .lo_menu .a_center .item { width:80px; height:24px;float:left; text-align:center; padding:11px 5px 0px 5px; overflow:hidden; white-space:nowrap; }
+#layout_zx .lo_menu .a_center .item a { font-family:Tahoma;font-size:11px; font-weight:bold; color:#D8E5EF; }
+#layout_zx .lo_menu .a_center .item a:hover { text-decoration:none; }
+#layout_zx .lo_menu .a_center .i_nm { background:url(../images/blue/item_bg.gif) no-repeat; }
+#layout_zx .lo_menu .a_center .i_nm a { color:#D8E5EF }
+#layout_zx .lo_menu .a_center .i_ov { background:url(../images/blue/item_bg_over.gif) no-repeat; }
+#layout_zx .lo_menu .a_center .i_ov a { color:#FFFFFF; }
+#layout_zx .lo_menu .a_center .i_se { background:url(../images/blue/item_bg_sel.gif) no-repeat; }
+#layout_zx .lo_menu .a_center .i_se a { color:#FFFFFF; }
+
+#layout_zx .lo_menu .shadow { background:url(../images/blue/shadow.gif) repeat-x; height:10px; }
+
+#layout_zx .main_body_cell { width:1020px; }
+#layout_zx .tbl_home_layout           { margin-top:-10px; table-layout:fixed; width:1020px; }
+#layout_zx .tbl_home_layout .l_left   { width:220px; background:#F6F6F6; }
+#layout_zx .tbl_home_layout .l_center { width:800px; }
+#layout_zx .tbl_home_layout .l_line   { width:1px; background:#F1F2F3; }
+
+#layout_zx .submenu { padding:10px; }
+#layout_zx .submenu .submenu_title  { background:url(../images/blue/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/blue/bul_01.gif) no-repeat right; font-weight:bold; color:#467CAA; }
+#layout_zx .submenu .last { border-bottom:none; }
+
+#layout_zx .cprt { height:55px; background:url(../images/blue/copyright_bg.gif); text-align:center; }
+#layout_zx .cprt .fixed { width:1000px; 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/blue/copyright_zx.gif) no-repeat; width:190px; height:55px; float:right; }
+
+#layout_zx .layout_menu { padding:10px; background:#FFFFFF;   border:solid 1px #E0E8EE; margin:0 10px 10px 10px; color:#467CAA; }
+#layout_zx .layout_menu a { color:#467CAA; }
diff --git a/layouts/zb5_site/css/green.css b/layouts/zb5_site/css/green.css
new file mode 100644
index 000000000..d5425c5ae
--- /dev/null
+++ b/layouts/zb5_site/css/green.css
@@ -0,0 +1,55 @@
+@charset "utf-8";
+
+body { margin:0; }
+
+#loading { background:url(../images/green/loading.gif) no-repeat; width:125px; height:39px; position:absolute; left:10px; top:10px; }
+
+#layout_zx { cursor:default; }
+
+#layout_zx .lo_top       { background:url(../images/blue/top_bg.gif) repeat-x; height:100px; }
+#layout_zx .lo_top .logo { background:url(../images/blue/top_bg_center.gif) no-repeat; width:1040px; height:100px; text-align:left; margin-left:10px;}
+
+#layout_zx .lo_menu              { background:url(../images/green/bg.gif) repeat-x; height:45px; }
+#layout_zx .lo_menu .a_left      { background:url(../images/green/opening.gif) right no-repeat; height:35px; width:10px; }
+#layout_zx .lo_menu .a_right     { background:url(../images/green/closing.gif) left  no-repeat; height:35px; }
+
+#layout_zx .lo_menu .a_center       { width:1040px; }
+#layout_zx .lo_menu .a_center .a_menu { float:right; }
+#layout_zx .lo_menu .a_center .item { width:80px; height:24px;float:left; text-align:center; padding:11px 5px 0px 5px; overflow:hidden; white-space:nowrap; }
+#layout_zx .lo_menu .a_center .item a { font-family:Tahoma;font-size:11px; font-weight:bold; color:#E1EFD8; }
+#layout_zx .lo_menu .a_center .item a:hover { text-decoration:none; }
+#layout_zx .lo_menu .a_center .i_nm { background:url(../images/green/item_bg.gif) no-repeat; color:#E1EFD8; }
+#layout_zx .lo_menu .a_center .i_nm a { color:#E1EFD8; }
+#layout_zx .lo_menu .a_center .i_ov { background:url(../images/green/item_bg_over.gif) no-repeat; color:#FFFFFF; }
+#layout_zx .lo_menu .a_center .i_ov a { color:#FFFFFF; }
+#layout_zx .lo_menu .a_center .i_se { background:url(../images/green/item_bg_sel.gif) no-repeat; color:#FFFFFF; }
+#layout_zx .lo_menu .a_center .i_se a { color:#FFFFFF; }
+
+#layout_zx .lo_menu .shadow { background:url(../images/green/shadow.gif) repeat-x; height:10px; }
+
+#layout_zx .main_body_cell { width:1020px; }
+#layout_zx .tbl_home_layout           { margin-top:-10px; table-layout:fixed; width:1020px; }
+#layout_zx .tbl_home_layout .l_left   { width:220px; background:#F6F6F6; }
+#layout_zx .tbl_home_layout .l_center { width:800px; }
+#layout_zx .tbl_home_layout .l_line   { width:1px; background:#F1F2F3; }
+
+
+#layout_zx .submenu { padding:10px; }
+#layout_zx .submenu .submenu_title  { background:url(../images/green/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:#75A43E; }
+#layout_zx .submenu .a_item a      { color:#797771; display:block; padding-top:3px; }
+#layout_zx .submenu .a_item a.i_se { background:url(../images/green/bul_01.gif) no-repeat right; font-weight:bold; color:#75A43E; }
+#layout_zx .submenu .last { border-bottom:none; }
+
+#layout_zx .cprt { height:55px; background:url(../images/green/copyright_bg.gif); text-align:center; }
+#layout_zx .cprt .fixed { width:1000px; 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/green/copyright_zx.gif) no-repeat; width:190px; height:55px; float:right; }
+
+#layout_zx .layout_menu { padding:10px; background:#FFFFFF;   border:solid 1px #E0E8EE; margin:0 10px 10px 10px; color:#75A43E; }
+#layout_zx .layout_menu a { color:#75A43E; }
diff --git a/layouts/zb5_site/css/layout.css b/layouts/zb5_site/css/layout.css
deleted file mode 100644
index 8008cebf9..000000000
--- a/layouts/zb5_site/css/layout.css
+++ /dev/null
@@ -1,82 +0,0 @@
-@charset "utf-8";
-
-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; }
-
-#loading { background:url(./images/common/loading.gif) no-repeat; width:125px; height:39px; position:absolute; left:10px; top:10px; }
-
-#layout_zx { cursor:default; }
-
-#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; }
-
-#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; }
-
-#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; }
-
-#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_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_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/css/purple.css b/layouts/zb5_site/css/purple.css
new file mode 100644
index 000000000..b44447266
--- /dev/null
+++ b/layouts/zb5_site/css/purple.css
@@ -0,0 +1,54 @@
+@charset "utf-8";
+
+body { margin:0; }
+
+#loading { background:url(../images/purple/loading.gif) no-repeat; width:125px; height:39px; position:absolute; left:10px; top:10px; }
+
+#layout_zx { cursor:default; }
+
+#layout_zx .lo_top       { background:url(../images/red/top_bg.gif) repeat-x; height:100px; }
+#layout_zx .lo_top .logo { background:url(../images/red/top_bg_center.gif) no-repeat; width:1040px; height:100px; text-align:left; margin-left:10px;}
+
+#layout_zx .lo_menu              { background:url(../images/purple/bg.gif) repeat-x; height:45px; }
+#layout_zx .lo_menu .a_left      { background:url(../images/purple/opening.gif) right no-repeat; height:35px; width:10px; }
+#layout_zx .lo_menu .a_right     { background:url(../images/purple/closing.gif) left  no-repeat; height:35px; }
+
+#layout_zx .lo_menu .a_center       { width:1040px; }
+#layout_zx .lo_menu .a_center .a_menu { float:right; }
+#layout_zx .lo_menu .a_center .item { width:80px; height:24px;float:left; text-align:center; padding:11px 5px 0px 5px; overflow:hidden; white-space:nowrap; }
+#layout_zx .lo_menu .a_center .item a { font-family:Tahoma;font-size:11px; font-weight:bold; color:#EFD8ED }
+#layout_zx .lo_menu .a_center .item a:hover { text-decoration:none; }
+#layout_zx .lo_menu .a_center .i_nm { background:url(../images/purple/item_bg.gif) no-repeat; color:#EFD8ED}
+#layout_zx .lo_menu .a_center .i_nm a { color:#EFD8ED}
+#layout_zx .lo_menu .a_center .i_ov { background:url(../images/purple/item_bg_over.gif) no-repeat; color:#FFFFFF; }
+#layout_zx .lo_menu .a_center .i_ov a { color:#FFFFFF; }
+#layout_zx .lo_menu .a_center .i_se { background:url(../images/purple/item_bg_sel.gif) no-repeat; color:#FFFFFF; }
+#layout_zx .lo_menu .a_center .i_se a { color:#FFFFFF; }
+
+#layout_zx .lo_menu .shadow { background:url(../images/purple/shadow.gif) repeat-x; height:10px; }
+
+#layout_zx .main_body_cell { width:1020px; }
+#layout_zx .tbl_home_layout           { margin-top:-10px; table-layout:fixed; width:1020px; }
+#layout_zx .tbl_home_layout .l_left   { width:220px; background:#F6F6F6; }
+#layout_zx .tbl_home_layout .l_center { width:800px;}
+#layout_zx .tbl_home_layout .l_line   { width:1px; background:#F1F2F3; }
+
+#layout_zx .submenu { padding:10px; }
+#layout_zx .submenu .submenu_title  { background:url(../images/purple/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:#A43E9C; }
+#layout_zx .submenu .a_item a      { color:#797771; display:block; padding-top:3px; }
+#layout_zx .submenu .a_item a.i_se { background:url(../images/purple/bul_01.gif) no-repeat right; font-weight:bold; color:#A43E9C; }
+#layout_zx .submenu .last { border-bottom:none; }
+
+#layout_zx .cprt { height:55px; background:url(../images/purple/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/purple/copyright_zx.gif) no-repeat; width:190px; height:55px; float:right; }
+
+#layout_zx .layout_menu { padding:10px; background:#FFFFFF;   border:solid 1px #E0E8EE; margin:0 10px 10px 10px; color:#A43E9C; }
+#layout_zx .layout_menu a { color:#A43E9C; }
diff --git a/layouts/zb5_site/css/red.css b/layouts/zb5_site/css/red.css
new file mode 100644
index 000000000..73156a51d
--- /dev/null
+++ b/layouts/zb5_site/css/red.css
@@ -0,0 +1,55 @@
+@charset "utf-8";
+
+body { margin:0; }
+
+#loading { background:url(../images/red/loading.gif) no-repeat; width:125px; height:39px; position:absolute; left:10px; top:10px; }
+
+#layout_zx { cursor:default; }
+
+#layout_zx .lo_top       { background:url(../images/red/top_bg.gif) repeat-x; height:100px; }
+#layout_zx .lo_top .logo { background:url(../images/red/top_bg_center.gif) no-repeat; width:1040px; height:100px; text-align:left; margin-left:10px;}
+
+#layout_zx .lo_menu              { background:url(../images/red/bg.gif) repeat-x; height:45px; }
+#layout_zx .lo_menu .a_left      { background:url(../images/red/opening.gif) right no-repeat; height:35px; width:10px; }
+#layout_zx .lo_menu .a_right     { background:url(../images/red/closing.gif) left  no-repeat; height:35px; }
+
+#layout_zx .lo_menu .a_center       { width:1040px; }
+#layout_zx .lo_menu .a_center .a_menu { float:right; }
+#layout_zx .lo_menu .a_center .item { width:80px; height:24px;float:left; text-align:center; padding:11px 5px 0px 5px; overflow:hidden; white-space:nowrap; }
+#layout_zx .lo_menu .a_center .item a { font-family:Tahoma;font-size:11px; font-weight:bold; color:#EFD8DC }
+#layout_zx .lo_menu .a_center .item a:hover { text-decoration:none; }
+#layout_zx .lo_menu .a_center .i_nm { background:url(../images/red/item_bg.gif) no-repeat; color:#EFD8DC}
+#layout_zx .lo_menu .a_center .i_nm a { color:#EFD8DC}
+#layout_zx .lo_menu .a_center .i_ov { background:url(../images/red/item_bg_over.gif) no-repeat; color:#FFFFFF; }
+#layout_zx .lo_menu .a_center .i_ov a { color:#FFFFFF; }
+#layout_zx .lo_menu .a_center .i_se { background:url(../images/red/item_bg_sel.gif) no-repeat; color:#FFFFFF; }
+#layout_zx .lo_menu .a_center .i_se a { color:#FFFFFF; }
+
+#layout_zx .lo_menu .shadow { background:url(../images/red/shadow.gif) repeat-x; height:10px; }
+
+#layout_zx .main_body_cell { width:1020px; }
+#layout_zx .tbl_home_layout           { margin-top:-10px;  table-layout:fixed; width:1020px;}
+#layout_zx .tbl_home_layout .l_left   { width:220px; background:#F6F6F6; }
+#layout_zx .tbl_home_layout .l_center { width:800px;}
+#layout_zx .tbl_home_layout .l_line   { width:1px; background:#F1F2F3; }
+
+#layout_zx .submenu { padding:10px; }
+#layout_zx .submenu .submenu_title  { background:url(../images/red/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:#A4413E; }
+#layout_zx .submenu .a_item a      { color:#797771; display:block; padding-top:3px; }
+#layout_zx .submenu .a_item a.i_se { background:url(../images/red/bul_01.gif) no-repeat right; font-weight:bold; color:#A4413E; }
+#layout_zx .submenu .last { border-bottom:none; }
+
+#layout_zx .cprt { height:55px; background:url(../images/red/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/red/copyright_zx.gif) no-repeat; width:190px; height:55px; float:right; }
+
+#layout_zx .layout_menu { padding:10px; background:#FFFFFF;   border:solid 1px #E0E8EE; margin:0 10px 10px 10px; color:#A4413E; }
+#layout_zx .layout_menu a { color:#A4413E; }
+
diff --git a/layouts/zb5_site/images/blank.gif b/layouts/zb5_site/images/blank.gif
new file mode 100644
index 000000000..35d42e808
Binary files /dev/null and b/layouts/zb5_site/images/blank.gif differ
diff --git a/layouts/zb5_site/images/blue/bg.gif b/layouts/zb5_site/images/blue/bg.gif
new file mode 100755
index 000000000..c27a4e851
Binary files /dev/null and b/layouts/zb5_site/images/blue/bg.gif differ
diff --git a/layouts/zb5_site/images/blue/bul_01.gif b/layouts/zb5_site/images/blue/bul_01.gif
new file mode 100755
index 000000000..db368612a
Binary files /dev/null and b/layouts/zb5_site/images/blue/bul_01.gif differ
diff --git a/layouts/zb5_site/images/blue/closing.gif b/layouts/zb5_site/images/blue/closing.gif
new file mode 100755
index 000000000..e52c39912
Binary files /dev/null and b/layouts/zb5_site/images/blue/closing.gif differ
diff --git a/layouts/zb5_site/images/blue/copyright_bg.gif b/layouts/zb5_site/images/blue/copyright_bg.gif
new file mode 100755
index 000000000..79e0afc8c
Binary files /dev/null and b/layouts/zb5_site/images/blue/copyright_bg.gif differ
diff --git a/layouts/zb5_site/images/blue/copyright_zx.gif b/layouts/zb5_site/images/blue/copyright_zx.gif
new file mode 100755
index 000000000..6987e2a86
Binary files /dev/null and b/layouts/zb5_site/images/blue/copyright_zx.gif differ
diff --git a/layouts/zb5_site/images/blue/item_bg.gif b/layouts/zb5_site/images/blue/item_bg.gif
new file mode 100755
index 000000000..2a36ddcd3
Binary files /dev/null and b/layouts/zb5_site/images/blue/item_bg.gif differ
diff --git a/layouts/zb5_site/images/blue/item_bg_over.gif b/layouts/zb5_site/images/blue/item_bg_over.gif
new file mode 100755
index 000000000..63ffdf4db
Binary files /dev/null and b/layouts/zb5_site/images/blue/item_bg_over.gif differ
diff --git a/layouts/zb5_site/images/blue/item_bg_sel.gif b/layouts/zb5_site/images/blue/item_bg_sel.gif
new file mode 100755
index 000000000..382d53423
Binary files /dev/null and b/layouts/zb5_site/images/blue/item_bg_sel.gif differ
diff --git a/layouts/zb5_site/images/blue/loading.gif b/layouts/zb5_site/images/blue/loading.gif
new file mode 100755
index 000000000..f5b44535d
Binary files /dev/null and b/layouts/zb5_site/images/blue/loading.gif differ
diff --git a/layouts/zb5_site/images/blue/opening.gif b/layouts/zb5_site/images/blue/opening.gif
new file mode 100755
index 000000000..89294abb5
Binary files /dev/null and b/layouts/zb5_site/images/blue/opening.gif differ
diff --git a/layouts/zb5_site/images/blue/search_input_bg.gif b/layouts/zb5_site/images/blue/search_input_bg.gif
new file mode 100755
index 000000000..98be026f3
Binary files /dev/null and b/layouts/zb5_site/images/blue/search_input_bg.gif differ
diff --git a/layouts/zb5_site/images/blue/search_input_submit.gif b/layouts/zb5_site/images/blue/search_input_submit.gif
new file mode 100755
index 000000000..d03f561c9
Binary files /dev/null and b/layouts/zb5_site/images/blue/search_input_submit.gif differ
diff --git a/layouts/zb5_site/images/blue/shadow.gif b/layouts/zb5_site/images/blue/shadow.gif
new file mode 100755
index 000000000..edbcc55c8
Binary files /dev/null and b/layouts/zb5_site/images/blue/shadow.gif differ
diff --git a/layouts/zb5_site/images/blue/smenu_title.gif b/layouts/zb5_site/images/blue/smenu_title.gif
new file mode 100644
index 000000000..c20397cd5
Binary files /dev/null and b/layouts/zb5_site/images/blue/smenu_title.gif differ
diff --git a/layouts/zb5_site/images/blue/top_bg.gif b/layouts/zb5_site/images/blue/top_bg.gif
new file mode 100755
index 000000000..2827b5f50
Binary files /dev/null and b/layouts/zb5_site/images/blue/top_bg.gif differ
diff --git a/layouts/zb5_site/images/blue/top_bg_center.gif b/layouts/zb5_site/images/blue/top_bg_center.gif
new file mode 100755
index 000000000..64ca78022
Binary files /dev/null and b/layouts/zb5_site/images/blue/top_bg_center.gif differ
diff --git a/layouts/zb5_site/images/green/bg.gif b/layouts/zb5_site/images/green/bg.gif
new file mode 100755
index 000000000..14ce056cd
Binary files /dev/null and b/layouts/zb5_site/images/green/bg.gif differ
diff --git a/layouts/zb5_site/images/green/bul_01.gif b/layouts/zb5_site/images/green/bul_01.gif
new file mode 100755
index 000000000..009d5b715
Binary files /dev/null and b/layouts/zb5_site/images/green/bul_01.gif differ
diff --git a/layouts/zb5_site/images/green/closing.gif b/layouts/zb5_site/images/green/closing.gif
new file mode 100755
index 000000000..90f9c856e
Binary files /dev/null and b/layouts/zb5_site/images/green/closing.gif differ
diff --git a/layouts/zb5_site/images/green/copyright_bg.gif b/layouts/zb5_site/images/green/copyright_bg.gif
new file mode 100755
index 000000000..79e0afc8c
Binary files /dev/null and b/layouts/zb5_site/images/green/copyright_bg.gif differ
diff --git a/layouts/zb5_site/images/green/copyright_zx.gif b/layouts/zb5_site/images/green/copyright_zx.gif
new file mode 100755
index 000000000..6987e2a86
Binary files /dev/null and b/layouts/zb5_site/images/green/copyright_zx.gif differ
diff --git a/layouts/zb5_site/images/green/item_bg.gif b/layouts/zb5_site/images/green/item_bg.gif
new file mode 100755
index 000000000..90460eff3
Binary files /dev/null and b/layouts/zb5_site/images/green/item_bg.gif differ
diff --git a/layouts/zb5_site/images/green/item_bg_over.gif b/layouts/zb5_site/images/green/item_bg_over.gif
new file mode 100755
index 000000000..97ac67ee9
Binary files /dev/null and b/layouts/zb5_site/images/green/item_bg_over.gif differ
diff --git a/layouts/zb5_site/images/green/item_bg_sel.gif b/layouts/zb5_site/images/green/item_bg_sel.gif
new file mode 100755
index 000000000..65efccb79
Binary files /dev/null and b/layouts/zb5_site/images/green/item_bg_sel.gif differ
diff --git a/layouts/zb5_site/images/green/loading.gif b/layouts/zb5_site/images/green/loading.gif
new file mode 100755
index 000000000..f5b44535d
Binary files /dev/null and b/layouts/zb5_site/images/green/loading.gif differ
diff --git a/layouts/zb5_site/images/green/opening.gif b/layouts/zb5_site/images/green/opening.gif
new file mode 100755
index 000000000..90596b7f7
Binary files /dev/null and b/layouts/zb5_site/images/green/opening.gif differ
diff --git a/layouts/zb5_site/images/green/search_input_bg.gif b/layouts/zb5_site/images/green/search_input_bg.gif
new file mode 100755
index 000000000..57e9e206d
Binary files /dev/null and b/layouts/zb5_site/images/green/search_input_bg.gif differ
diff --git a/layouts/zb5_site/images/green/search_input_submit.gif b/layouts/zb5_site/images/green/search_input_submit.gif
new file mode 100755
index 000000000..88aed30d9
Binary files /dev/null and b/layouts/zb5_site/images/green/search_input_submit.gif differ
diff --git a/layouts/zb5_site/images/green/shadow.gif b/layouts/zb5_site/images/green/shadow.gif
new file mode 100755
index 000000000..7d08721b5
Binary files /dev/null and b/layouts/zb5_site/images/green/shadow.gif differ
diff --git a/layouts/zb5_site/images/green/smenu_title.gif b/layouts/zb5_site/images/green/smenu_title.gif
new file mode 100644
index 000000000..632bda1d4
Binary files /dev/null and b/layouts/zb5_site/images/green/smenu_title.gif differ
diff --git a/layouts/zb5_site/images/green/top_bg.gif b/layouts/zb5_site/images/green/top_bg.gif
new file mode 100755
index 000000000..2827b5f50
Binary files /dev/null and b/layouts/zb5_site/images/green/top_bg.gif differ
diff --git a/layouts/zb5_site/images/green/top_bg_center.gif b/layouts/zb5_site/images/green/top_bg_center.gif
new file mode 100755
index 000000000..64ca78022
Binary files /dev/null and b/layouts/zb5_site/images/green/top_bg_center.gif differ
diff --git a/layouts/zb5_site/images/purple/bg.gif b/layouts/zb5_site/images/purple/bg.gif
new file mode 100644
index 000000000..d277b298e
Binary files /dev/null and b/layouts/zb5_site/images/purple/bg.gif differ
diff --git a/layouts/zb5_site/images/purple/bul_01.gif b/layouts/zb5_site/images/purple/bul_01.gif
new file mode 100644
index 000000000..34f07867f
Binary files /dev/null and b/layouts/zb5_site/images/purple/bul_01.gif differ
diff --git a/layouts/zb5_site/images/purple/closing.gif b/layouts/zb5_site/images/purple/closing.gif
new file mode 100644
index 000000000..572d27e05
Binary files /dev/null and b/layouts/zb5_site/images/purple/closing.gif differ
diff --git a/layouts/zb5_site/images/purple/copyright_bg.gif b/layouts/zb5_site/images/purple/copyright_bg.gif
new file mode 100644
index 000000000..79e0afc8c
Binary files /dev/null and b/layouts/zb5_site/images/purple/copyright_bg.gif differ
diff --git a/layouts/zb5_site/images/purple/copyright_zx.gif b/layouts/zb5_site/images/purple/copyright_zx.gif
new file mode 100644
index 000000000..6987e2a86
Binary files /dev/null and b/layouts/zb5_site/images/purple/copyright_zx.gif differ
diff --git a/layouts/zb5_site/images/purple/item_bg.gif b/layouts/zb5_site/images/purple/item_bg.gif
new file mode 100644
index 000000000..e372c8cd0
Binary files /dev/null and b/layouts/zb5_site/images/purple/item_bg.gif differ
diff --git a/layouts/zb5_site/images/purple/item_bg_over.gif b/layouts/zb5_site/images/purple/item_bg_over.gif
new file mode 100644
index 000000000..de7f5b59b
Binary files /dev/null and b/layouts/zb5_site/images/purple/item_bg_over.gif differ
diff --git a/layouts/zb5_site/images/purple/item_bg_sel.gif b/layouts/zb5_site/images/purple/item_bg_sel.gif
new file mode 100644
index 000000000..64d483365
Binary files /dev/null and b/layouts/zb5_site/images/purple/item_bg_sel.gif differ
diff --git a/layouts/zb5_site/images/purple/loading.gif b/layouts/zb5_site/images/purple/loading.gif
new file mode 100644
index 000000000..f5b44535d
Binary files /dev/null and b/layouts/zb5_site/images/purple/loading.gif differ
diff --git a/layouts/zb5_site/images/purple/opening.gif b/layouts/zb5_site/images/purple/opening.gif
new file mode 100644
index 000000000..6c5870c10
Binary files /dev/null and b/layouts/zb5_site/images/purple/opening.gif differ
diff --git a/layouts/zb5_site/images/purple/search_input_bg.gif b/layouts/zb5_site/images/purple/search_input_bg.gif
new file mode 100644
index 000000000..6cf82e038
Binary files /dev/null and b/layouts/zb5_site/images/purple/search_input_bg.gif differ
diff --git a/layouts/zb5_site/images/purple/search_input_submit.gif b/layouts/zb5_site/images/purple/search_input_submit.gif
new file mode 100644
index 000000000..594bb32df
Binary files /dev/null and b/layouts/zb5_site/images/purple/search_input_submit.gif differ
diff --git a/layouts/zb5_site/images/purple/shadow.gif b/layouts/zb5_site/images/purple/shadow.gif
new file mode 100644
index 000000000..3fba3e3a2
Binary files /dev/null and b/layouts/zb5_site/images/purple/shadow.gif differ
diff --git a/layouts/zb5_site/images/purple/smenu_title.gif b/layouts/zb5_site/images/purple/smenu_title.gif
new file mode 100644
index 000000000..01b60755e
Binary files /dev/null and b/layouts/zb5_site/images/purple/smenu_title.gif differ
diff --git a/layouts/zb5_site/images/purple/top_bg.gif b/layouts/zb5_site/images/purple/top_bg.gif
new file mode 100644
index 000000000..2827b5f50
Binary files /dev/null and b/layouts/zb5_site/images/purple/top_bg.gif differ
diff --git a/layouts/zb5_site/images/purple/top_bg_center.gif b/layouts/zb5_site/images/purple/top_bg_center.gif
new file mode 100644
index 000000000..64ca78022
Binary files /dev/null and b/layouts/zb5_site/images/purple/top_bg_center.gif differ
diff --git a/layouts/zb5_site/images/red/bg.gif b/layouts/zb5_site/images/red/bg.gif
new file mode 100644
index 000000000..aa70839d6
Binary files /dev/null and b/layouts/zb5_site/images/red/bg.gif differ
diff --git a/layouts/zb5_site/images/red/bul_01.gif b/layouts/zb5_site/images/red/bul_01.gif
new file mode 100644
index 000000000..0d1054b87
Binary files /dev/null and b/layouts/zb5_site/images/red/bul_01.gif differ
diff --git a/layouts/zb5_site/images/red/closing.gif b/layouts/zb5_site/images/red/closing.gif
new file mode 100644
index 000000000..fa5b33d6e
Binary files /dev/null and b/layouts/zb5_site/images/red/closing.gif differ
diff --git a/layouts/zb5_site/images/red/copyright_bg.gif b/layouts/zb5_site/images/red/copyright_bg.gif
new file mode 100644
index 000000000..79e0afc8c
Binary files /dev/null and b/layouts/zb5_site/images/red/copyright_bg.gif differ
diff --git a/layouts/zb5_site/images/red/copyright_zx.gif b/layouts/zb5_site/images/red/copyright_zx.gif
new file mode 100644
index 000000000..6987e2a86
Binary files /dev/null and b/layouts/zb5_site/images/red/copyright_zx.gif differ
diff --git a/layouts/zb5_site/images/red/item_bg.gif b/layouts/zb5_site/images/red/item_bg.gif
new file mode 100644
index 000000000..e1f66cfc5
Binary files /dev/null and b/layouts/zb5_site/images/red/item_bg.gif differ
diff --git a/layouts/zb5_site/images/red/item_bg_over.gif b/layouts/zb5_site/images/red/item_bg_over.gif
new file mode 100644
index 000000000..1e1e36db1
Binary files /dev/null and b/layouts/zb5_site/images/red/item_bg_over.gif differ
diff --git a/layouts/zb5_site/images/red/item_bg_sel.gif b/layouts/zb5_site/images/red/item_bg_sel.gif
new file mode 100644
index 000000000..7d6afc6c1
Binary files /dev/null and b/layouts/zb5_site/images/red/item_bg_sel.gif differ
diff --git a/layouts/zb5_site/images/red/loading.gif b/layouts/zb5_site/images/red/loading.gif
new file mode 100644
index 000000000..f5b44535d
Binary files /dev/null and b/layouts/zb5_site/images/red/loading.gif differ
diff --git a/layouts/zb5_site/images/red/opening.gif b/layouts/zb5_site/images/red/opening.gif
new file mode 100644
index 000000000..36426fa6e
Binary files /dev/null and b/layouts/zb5_site/images/red/opening.gif differ
diff --git a/layouts/zb5_site/images/red/search_input_bg.gif b/layouts/zb5_site/images/red/search_input_bg.gif
new file mode 100644
index 000000000..aa91c873a
Binary files /dev/null and b/layouts/zb5_site/images/red/search_input_bg.gif differ
diff --git a/layouts/zb5_site/images/red/search_input_submit.gif b/layouts/zb5_site/images/red/search_input_submit.gif
new file mode 100644
index 000000000..588c990e1
Binary files /dev/null and b/layouts/zb5_site/images/red/search_input_submit.gif differ
diff --git a/layouts/zb5_site/images/red/shadow.gif b/layouts/zb5_site/images/red/shadow.gif
new file mode 100644
index 000000000..853f1ddf7
Binary files /dev/null and b/layouts/zb5_site/images/red/shadow.gif differ
diff --git a/layouts/zb5_site/images/red/smenu_title.gif b/layouts/zb5_site/images/red/smenu_title.gif
new file mode 100644
index 000000000..85aee205a
Binary files /dev/null and b/layouts/zb5_site/images/red/smenu_title.gif differ
diff --git a/layouts/zb5_site/images/red/top_bg.gif b/layouts/zb5_site/images/red/top_bg.gif
new file mode 100644
index 000000000..2827b5f50
Binary files /dev/null and b/layouts/zb5_site/images/red/top_bg.gif differ
diff --git a/layouts/zb5_site/images/red/top_bg_center.gif b/layouts/zb5_site/images/red/top_bg_center.gif
new file mode 100644
index 000000000..64ca78022
Binary files /dev/null and b/layouts/zb5_site/images/red/top_bg_center.gif differ
diff --git a/layouts/zb5_site/layout.html b/layouts/zb5_site/layout.html
index 5ebc9b061..029cb8a7b 100644
--- a/layouts/zb5_site/layout.html
+++ b/layouts/zb5_site/layout.html
@@ -1,5 +1,16 @@
+<!-- js 파일 import -->
+<!--%import("js/layout.js")-->
+
 <!-- 레이아웃과 연동될 css 파일 import -->
-<!--%import("css/layout.css")-->
+<!--@if($layout_info->colorset == "green")-->
+    <!--%import("css/green.css")-->
+<!--@elseif($layout_info->colorset == "purple")-->
+    <!--%import("css/purple.css")-->
+<!--@elseif($layout_info->colorset == "red")-->
+    <!--%import("css/red.css")-->
+<!--@else-->
+    <!--%import("css/blue.css")-->
+<!--@end-->
 
 <div id="loading"></div>
 <div id="layout_zx">
@@ -11,19 +22,21 @@
     <div class="lo_menu">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
-            <td class="a_left">&nbsp;</td>
+            <td class="a_left"></td>
             <td class="a_center">
+                <div class="a_menu">
                 <!-- 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>
+                        <div class="item i_se"><a href="{$val['href']}">{$val['text']}</a></div>
                     <!--@else-->
                         <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-->
                 <!--@end--><!--@end-->
                 <!-- main_menu 1차 끝 -->
+                </div>
             </td>
             <td class="a_right">&nbsp;</td>
         </tr>
@@ -31,22 +44,27 @@
         <div class="shadow"></div>
     </div>
 
-    <div class="main_body_cell">
-        <table width="100%" border="0" cellspacing="10" cellpadding="0" class="tbl_home_layout">
+    <div id="content_body" class="main_body_cell">
+        <table width="100%" border="0" cellspacing="10" cellpadding="0" class="tbl_home_layout" id="left_menu_table">
+        <col width="220" />
+        <col width="800" />
         <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" />
+                <img src="./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="submenu_title">{$menu_1st_title}</div>
 
                     <div class="a_item">
+                    {@ $idx = count($second_menu_list) }
                     <!--@foreach($second_menu_list as $key => $val)--><!--@if($val['text'])-->
-                        <div class="item last">
+                        {@ $idx-- }
+
+                        <div class="item <!--@if($idx<1)-->last<!--@end-->">
                         <!--@if($val['selected'])-->
                             <a href="{$val['href']}" class="i_se">{$val['text']}</a>
 
@@ -55,7 +73,7 @@
                                 <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>
+                                        <div class="item"><a href="{$v['href']}" class="i_se">{$v['text']}</a></div>
                                     <!--@else-->
                                         <div class="item"><a href="{$v['href']}">{$v['text']}</a></div>
                                     <!--@end-->
@@ -73,18 +91,23 @@
 
                 <!--@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> /
+                <div class="layout_menu">
+                    <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 id="footer_copyright" class="cprt">
         <div class="fixed">
             <div class="desc">{$layout_info->copyright_text}</div>
             <div class="logo"></div>
diff --git a/modules/layout/tpl/layout_modify.html b/modules/layout/tpl/layout_modify.html
index 981d96b5f..89437d936 100644
--- a/modules/layout/tpl/layout_modify.html
+++ b/modules/layout/tpl/layout_modify.html
@@ -59,7 +59,7 @@
 
           <!--@if($var->value)-->
           <div>
-              <img src="{$var->value}" /><br />
+              <img src="{$var->value}" alt="image" /><br />
               <input type="checkbox" name="del_{$name}" value="Y" id="del_{$name}" class="checkbox" />
               <label for="del_{$name}">{$lang->cmd_delete}</label>
           </div>
diff --git a/widgets/login_info/skins/default/css/default.css b/widgets/login_info/skins/default/css/default.css
index 048b9a0d7..72a218c08 100644
--- a/widgets/login_info/skins/default/css/default.css
+++ b/widgets/login_info/skins/default/css/default.css
@@ -28,7 +28,7 @@
 .box_login .item { background:url(../images/default/bul_01.gif) no-repeat left; height:16px; padding:3px 0px 0px 20px; margin-left:5px; margin-top:2px; }
 .box_login .item a { color:#666666; }
 
-.box_login .hr_dot_01 { background:url(../images/default/hr_dot_01.gif) repeat-x; height:2px; overflow:hidden; clear:both; margin:0px 0px 4px 0px; }
+.box_login .hr_dot_01 { background:url(../images/default/hr_dot_01.gif) repeat-x; height:2px; overflow:hidden; clear:both; margin:4px 4px 4px 4px; }
 
 .box_login div.login_user { font-weight:bold; float:left; margin-top:2px; margin:9px 0px 2px 9px;}
 .box_login div.logout { font-weight:bold; float:right; margin-top:2px;margin:9px 9px 2px 0;}