git-svn-id: http://xe-core.googlecode.com/svn/trunk@1794 201d5d3c-b55e-5fd7-737f-ddc643e51545

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>

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; }

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; }

layouts/zb5_site/css/layout.css

@@ -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; }

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; }

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; }
+

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>

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>

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;}