From fcb4fe15d622f12ec054b8140b9100de76f5024d Mon Sep 17 00:00:00 2001
From: zero <skklove@gmail.com>
Date: Wed, 20 Jun 2007 11:33:31 +0000
Subject: [PATCH] git-svn-id: http://xe-core.googlecode.com/svn/trunk@1716
 201d5d3c-b55e-5fd7-737f-ddc643e51545

---
 modules/board/skins/xe_list/header.html       |   4 +-
 modules/member/lang/ko.lang.php               |   3 +-
 modules/member/member.view.php                |  10 +-
 modules/member/skins/default/add_friend.html  |   5 +-
 .../skins/default/add_friend_group.html       |   3 +-
 modules/member/skins/default/css/normal.css   |  58 ++++-
 .../member/skins/default/friends_list.html    |   4 +-
 .../images/normal/buttonTypeACenter.gif       | Bin 0 -> 188 bytes
 .../default/images/normal/buttonTypeALeft.gif | Bin 0 -> 169 bytes
 .../images/normal/buttonTypeARight.gif        | Bin 0 -> 170 bytes
 .../images/normal/buttonTypeBCenter.gif       | Bin 0 -> 183 bytes
 .../default/images/normal/buttonTypeBLeft.gif | Bin 0 -> 166 bytes
 .../images/normal/buttonTypeBRight.gif        | Bin 0 -> 166 bytes
 modules/member/skins/default/leave_form.html  |   3 +-
 modules/member/skins/default/login_form.html  |  91 ++++----
 modules/member/skins/default/logout.html      |  24 +-
 modules/member/skins/default/member_info.html | 211 +++++++++---------
 .../member/skins/default/member_messages.html |   3 +-
 .../skins/default/member_new_message.html     |   4 +-
 modules/member/skins/default/modify_info.html | 179 +++++++--------
 .../member/skins/default/modify_password.html |   3 +-
 .../member/skins/default/send_message.html    |   3 +-
 modules/member/skins/default/signup_form.html | 174 ++++++---------
 .../skins/blog_archive_list/archive_list.html |   4 +-
 24 files changed, 381 insertions(+), 405 deletions(-)
 create mode 100644 modules/member/skins/default/images/normal/buttonTypeACenter.gif
 create mode 100644 modules/member/skins/default/images/normal/buttonTypeALeft.gif
 create mode 100644 modules/member/skins/default/images/normal/buttonTypeARight.gif
 create mode 100644 modules/member/skins/default/images/normal/buttonTypeBCenter.gif
 create mode 100644 modules/member/skins/default/images/normal/buttonTypeBLeft.gif
 create mode 100644 modules/member/skins/default/images/normal/buttonTypeBRight.gif

diff --git a/modules/board/skins/xe_list/header.html b/modules/board/skins/xe_list/header.html
index 4c8fa647e..853bed650 100644
--- a/modules/board/skins/xe_list/header.html
+++ b/modules/board/skins/xe_list/header.html
@@ -23,7 +23,7 @@
 
 <!-- 스킨의 상세 설명 -->
 <!--@if($module_info->comment)-->
-<div class="boardComment">{$module_info->comment} <a href="#">asdf</a></div>
+<div class="boardComment">{$module_info->comment}</div>
 <!--@end-->
 
 <!-- 게시판 정보 -->
@@ -35,7 +35,7 @@
     <!--@end-->
 
     <!-- 로그인 정보 -->
-    <ul id="accountNavigation">
+    <ul class="accountNavigation">
 
     <!--@if($rss_url)-->
         <li class="rss"><a href="{$rss_url}"><img src="./images/{$module_info->colorset}/iconRss.gif" alt="RSS" width="12" height="12" /></a></li>
diff --git a/modules/member/lang/ko.lang.php b/modules/member/lang/ko.lang.php
index e7953e304..f2846ed0c 100644
--- a/modules/member/lang/ko.lang.php
+++ b/modules/member/lang/ko.lang.php
@@ -127,8 +127,9 @@
     $lang->about_password = '비밀번호는 6~20자로 되어야 합니다';
     $lang->about_user_name = '이름은 2~20자 이내여야 합니다';
     $lang->about_nick_name = '닉네임은 2~20자 이내여야 합니다';
+    $lang->about_email_address = '메일주소는 메일인증 후 비밀번호 변경이나 찾기등에 사용됩니다.';
     $lang->about_homepage = '홈페이지가 있을 경우 입력해주세요';
-    $lang->about_blog = '운영하는 블로그가 있을 경우 입력해주세요';
+    $lang->about_blog_url = '운영하는 블로그가 있을 경우 입력해주세요';
     $lang->about_birthday = '생년월일을 입력해주세요';
     $lang->about_allow_mailing = '메일링 가입이 체크되지 않으면 단체메일 발송시 메일을 받지 않습니다';
     $lang->about_allow_message = '쪽시 수신 여부를 결정할 수 있습니다';
diff --git a/modules/member/member.view.php b/modules/member/member.view.php
index a8fb2fdb6..66721a710 100644
--- a/modules/member/member.view.php
+++ b/modules/member/member.view.php
@@ -205,7 +205,7 @@
          * @brief 새 쪽지 보여줌
          **/
         function dispMemberNewMessage() {
-            $this->setLayoutFile('popup_layout');
+            //$this->setLayoutFile('popup_layout');
 
             // 로그인이 되어 있지 않으면 오류 표시
             if(!Context::get('is_logged')) return $this->stop('msg_not_logged');
@@ -229,7 +229,7 @@
          * @brief 쪽지 발송 출력
          **/
         function dispMemberSendMessage() {
-            $this->setLayoutFile("popup_layout");
+            //$this->setLayoutFile("popup_layout");
 
             // 로그인이 되어 있지 않으면 오류 표시
             if(!Context::get('is_logged')) return $this->stop('msg_not_logged');
@@ -261,7 +261,7 @@
          * @brief 친구 목록 보기
          **/
         function dispMemberFriend() {
-            $this->setLayoutFile("popup_layout");
+            //$this->setLayoutFile("popup_layout");
 
             // 로그인이 되어 있지 않으면 오류 표시
             if(!Context::get('is_logged')) return $this->stop('msg_not_logged');
@@ -301,7 +301,7 @@
          * @brief 친구 추가
          **/
         function dispMemberAddFriend() {
-            $this->setLayoutFile("popup_layout");
+            //$this->setLayoutFile("popup_layout");
 
             // 로그인이 되어 있지 않으면 오류 표시
             if(!Context::get('is_logged')) return $this->stop('msg_not_logged');
@@ -327,7 +327,7 @@
          * @brief 친구 그룹 추가
          **/
         function dispMemberAddFriendGroup() {
-            $this->setLayoutFile("popup_layout");
+            //$this->setLayoutFile("popup_layout");
 
             // 로그인이 되어 있지 않으면 오류 표시
             if(!Context::get('is_logged')) return $this->stop('msg_not_logged');
diff --git a/modules/member/skins/default/add_friend.html b/modules/member/skins/default/add_friend.html
index 0bec39037..2cf72615f 100644
--- a/modules/member/skins/default/add_friend.html
+++ b/modules/member/skins/default/add_friend.html
@@ -1,4 +1,4 @@
-<!--#include("./common.html")-->
+<!--#include("./common_header.html")-->
 <!--%import("filter/add_friend.xml")-->
 
 <div style="width:400px;">
@@ -36,5 +36,6 @@
         <input type="submit" value="{$lang->cmd_insert}" />
         <input type="button" value="{$lang->cmd_close}" onclick="window.close();return false;"/>
     </form>
-
 </div>
+
+<!--#include("./common_footer.html")-->
diff --git a/modules/member/skins/default/add_friend_group.html b/modules/member/skins/default/add_friend_group.html
index 75db243d6..7eeb59622 100644
--- a/modules/member/skins/default/add_friend_group.html
+++ b/modules/member/skins/default/add_friend_group.html
@@ -1,4 +1,4 @@
-<!--#include("./common.html")-->
+<!--#include("./common_header.html")-->
 <!--%import("filter/add_friend_group.xml")-->
 
 <div style="width:400px;">
@@ -25,3 +25,4 @@
     </form>
 
 </div>
+<!--#include("./common_footer.html")-->
diff --git a/modules/member/skins/default/css/normal.css b/modules/member/skins/default/css/normal.css
index b1b17a408..0e4f70344 100644
--- a/modules/member/skins/default/css/normal.css
+++ b/modules/member/skins/default/css/normal.css
@@ -1,6 +1,5 @@
 @charset "utf-8";
 
-div#memberModule .openid_user_id { background: url(../images/openid_input_bg.gif) left no-repeat; background-color: #ffffff; background-position: 0 50%; color: #000; padding-left: 18px; }
 
 div#memberModule .smallBox { border:1px solid #e0e1db; margin:5em auto 1em auto;}
 div#memberModule .smallBox.w268 { width:268px;}
@@ -32,8 +31,7 @@ div#memberModule .smallBox.w298 .button ul { position:absolute; left:110px; }
 div#memberModule .smallBox .button ul li { float:left; margin-right:.5em;}
 div#memberModule .smallBox .complex { padding:1.5em 2em 2em 2em;}
 div#memberModule .smallBox .leftHeaderType { border-top:1px solid #e0e1db; border-left:1px solid #e0e1db; width:100%;}
-div#memberModule .smallBox .leftHeaderType th,
-div#memberModule .smallBox .leftHeaderType td { border-right:1px solid #e0e1db; border-bottom:1px solid #e0e1db; padding:.8em 1em .6em 1em;}
+div#memberModule .smallBox .leftHeaderType th, .smallBox .leftHeaderType td { border-right:1px solid #e0e1db; border-bottom:1px solid #e0e1db; padding:.8em 1em .6em 1em;}
 div#memberModule .smallBox .leftHeaderType th { color:#333333; text-align:left; background:#f5f5f3;}
 div#memberModule .smallBox .leftHeaderType td { color:#444444;}
 div#memberModule .smallBox .inputTypeText { background:#fbfbfb;}
@@ -51,15 +49,12 @@ div#memberModule .readMessage .deleteOrKeep { padding:.5em 0; overflow:hidden; b
 div#memberModule .readMessage .deleteOrKeep li { position:relative; left:40%; float:left; margin-right:.5em;}
 div#memberModule .joinTable { width:100%; border:1px solid #e0e1db;}
 div#memberModule .joinTable caption { padding:2em 0 .5em 1.5em; font-weight:bold; text-align:left; background:url(../images/normal/iconH3.gif) no-repeat .5em 2em;}
-div#memberModule .joinTable tr.first-child th,
-div#memberModule .joinTable tr.first-child td { border-top:none;}
-div#memberModule .joinTable th,
-div#memberModule .joinTable td { border-top:1px solid #eaebe7; padding:.5em;}
+div#memberModule .joinTable tr.first-child th, .joinTable tr.first-child td { border-top:none;}
+div#memberModule .joinTable th, .joinTable td { border-top:1px solid #eaebe7; padding:.5em;}
 div#memberModule .joinTable th { background:#f5f5f3; text-align:left; padding:.5em 1em;}
 div#memberModule .joinTable td { border-left:1px solid #eaebe7;}
 div#memberModule .joinTable td input { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; padding:3px; height:1em; line-height:1em; background:#fbfbfb; vertical-align:middle; float:left; margin-right:.5em; margin-bottom:.5em; color:#666666;}
-div#memberModule .joinTable td input.radio,
-div#memberModule .joinTable td input.check { border:none; padding:0; margin:0; background:none; margin-top:.4em;}
+div#memberModule .joinTable td input.radio, .joinTable td input.check { border:none; padding:0; margin:0; background:none; margin-top:.4em;}
 div#memberModule .joinTable td input.w4em { width:4em;}
 div#memberModule .joinTable td input.w2em { width:2em;}
 div#memberModule .joinTable td select { float:left; margin-right:.5em;}
@@ -68,3 +63,48 @@ div#memberModule .joinTable td br { clear:both;}
 div#memberModule .joinTable td p { float:left; font-size:.9em; color:#999999; padding-top:.5em; margin-right:.5em;}
 div#memberModule .joinTable td label { float:left; color:#3f4040; padding-top:.3em; margin-right:.5em;}
 div#memberModule .buttonTypeWrite.join { margin-top:1.2em;}
+
+/* buttonType */
+div#memberModule .buttonTypeA { display:block; cursor:pointer; background:url(../images/normal/buttonTypeACenter.gif) repeat-x left center; line-height:100%; overflow:visible; color:#3f4040; margin:0 1px; white-space:nowrap;border:0px;}
+div#memberModule .buttonTypeA:hover { text-decoration:none;}
+div#memberModule .buttonTypeA img { vertical-align:middle;}
+div#memberModule .buttonTypeA input { border:none; cursor:pointer; background:url(../images/normal/buttonTypeACenter.gif) repeat-x left center; line-height:100%; overflow:visible; color:#3f4040; margin:0 1px; white-space:nowrap;border:0px; _position:relative; _top:3px;}
+div#memberModule .buttonTypeA .leftCap { width:2px; height:24px; background:url(../images/normal/buttonTypeALeft.gif) no-repeat; margin:0 .3em 0 0;  position:relative; left:-1px;}
+div#memberModule .buttonTypeA .rightCap { width:2px; height:24px; background:url(../images/normal/buttonTypeARight.gif) no-repeat; margin:0 -1px 0 .4em;}
+div#memberModule .buttonTypeA .icon { margin:0 .2em;}
+div#memberModule .buttonTypeB { display:block; cursor:pointer; background:url(../images/normal/buttonTypeBCenter.gif) repeat-x left center; line-height:100%; overflow:visible; color:#3f4040; margin:0 1px; font-size:.9em; white-space:nowrap;}
+div#memberModule .buttonTypeB:hover { text-decoration:none;}
+div#memberModule .buttonTypeB img { vertical-align:middle;}
+div#memberModule .buttonTypeB input { border:none; cursor:pointer; background:url(../images/normal/buttonTypeBCenter.gif) repeat-x left center; line-height:100%; overflow:visible; color:#3f4040; margin:0 1px; white-space:nowrap;border:0px; _position:relative; _top:4px;}
+div#memberModule .buttonTypeB .leftCap { width:2px; height:21px; background:url(../images/normal/buttonTypeBLeft.gif) no-repeat; margin:0 .3em 0 0;  position:relative; left:-1px;}
+div#memberModule .buttonTypeB .rightCap { width:2px; height:21px; background:url(../images/normal/buttonTypeBRight.gif) no-repeat; margin:0 -1px 0 .4em;}
+div#memberModule .buttonTypeB .icon { margin:0 .2em;}
+
+div#memberModule .openid_button { display:inline; float:left;} 
+div#memberModule .openid_user_id { background: url(../images/openid_input_bg.gif) left no-repeat; background-color: #ffffff; background-position: 0 50%; padding:3px 3px 3px 18px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1em; line-height:1em; vertical-align:middle; float:left; margin-right:.5em; margin-bottom:.5em; color:#666666;}
+
+div#memberModule .boardHeader { position:relative; _width:100%; border-top:1px solid #e1e1dd; border-bottom:none; background:#ffffff url(../images/normal/bgH3.gif) no-repeat right bottom; overflow:hidden;}
+div#memberModule .boardHeader h3 { float:left; clear:both; font-size:1.2em; padding:1em 2em .7em 1.2em; border-left:1px solid #e1e1dd; border-bottom:3px solid #fe3614; background:url(../images/normal/lineH3.gif) no-repeat right bottom;}
+div#memberModule .boardHeader .essential { position:absolute; top:1.5em; right:1em; color:#54564b; font-size:.9em;}
+div#memberModule .boardHeader .essential:first-letter { color:#ff0000;}
+div#memberModule .boardHeader2 { width:100%; overflow:hidden; padding:1em 0 1em 0; color:#444444;}
+div#memberModule .boardHeader2 h3 { float:left; font-size:1.4em; padding-left:1.2em; background:url(../img/iconH3.gif) no-repeat .5em center;}
+div#memberModule .boardHeader2 .info { float:right; position:relative; top:.4em;}
+div#memberModule .boardHeader2 .info q { quotes:none; font-weight:bold;}
+div#memberModule .boardHeader2 .info strong { font:bold .9em Tahoma; color:#ff6600;}
+
+div#memberModule .button { position:relative; overflow:hidden; margin-top:1em; padding:.5em; height:2em;}
+div#memberModule .button ul { position:absolute; right:0px; }
+div#memberModule .button ul li { float:left; margin-right:.5em;}
+
+div#memberModule .agreementBox { border:1px solid #AAAAAA; margin:.5em 0 .5em 0; padding:1em 1em 0 1em; }
+div#memberModule .agreementBox .button { margin-top:2em; padding-top:1em; border-top:1px solid #eaebe7; overflow:hidden;}
+
+div#memberModule .str_birthday { float:left; width:80px; height:21px; border-bottom:1px solid #EEEEEE; margin-right:.3em;}
+div#memberModule .button_birthday { float:left; margin-right:1em; } 
+
+div#memberModule .memberImage { clear:both; }
+div#memberModule .memberImage .info { margin-bottom:.5em; float:left; margin-right:1em;}
+div#memberModule .memberImage .form { float:left; }
+div#memberModule .memberImage .form input { height:1.5em; margin:0 .3em 0 0; padding:0;}
+div#memberModule .memberImage .button { float:left; margin:0 .3em 0 0; padding:0;}
diff --git a/modules/member/skins/default/friends_list.html b/modules/member/skins/default/friends_list.html
index 691bd0f93..9829f3353 100644
--- a/modules/member/skins/default/friends_list.html
+++ b/modules/member/skins/default/friends_list.html
@@ -1,4 +1,4 @@
-<!--#include("./common.html")-->
+<!--#include("./common_header.html")-->
 <!--%import("filter/delete_checked_friend.xml")-->
 <!--%import("filter/delete_friend_group.xml")-->
 <!--%import("filter/move_friend.xml")-->
@@ -98,3 +98,5 @@
     </form>
 
 </div>
+
+<!--#include("./common_footer.html")-->
diff --git a/modules/member/skins/default/images/normal/buttonTypeACenter.gif b/modules/member/skins/default/images/normal/buttonTypeACenter.gif
new file mode 100644
index 0000000000000000000000000000000000000000..56127ea2e714dc740454594d7ce6df61a1c96023
GIT binary patch
literal 188
zcmZ?wbhEHbWMz<GIKsg2_wU~yKfZ0=vhLlxHy=N}{q*_Wr%xZ=e|UZV{MnyBzkmDo
z<<Fl#A3nbM@ZsIxzrTO|`tkky*Dqf_ef|3R_wS$o|Nmzo1QdU=fR*TgNRXWjtd<H&
zT_KT78n4#8ezYrC=e&Qcx`o^u>nFdv5(1obq?A3DB<|F)nA?)E#c`?8y6eqh)-TF@
LRU0E@m>8@9a!*&#

literal 0
HcmV?d00001

diff --git a/modules/member/skins/default/images/normal/buttonTypeALeft.gif b/modules/member/skins/default/images/normal/buttonTypeALeft.gif
new file mode 100644
index 0000000000000000000000000000000000000000..12839fe055edc018a706651dce88011500092e46
GIT binary patch
literal 169
zcmZ?wbhEHbWMYtDI3me#?D(PMCl2r1ziaEZ4W~|>c>MVB<}K?F9Ncr{=z-IxPyYM&
z@8ZRaM~@vmckbLFpsEAA&zw1R^5pT|d$#S`y><JJO<T6EKX>lT|Nnpgg8>5uQ2fcl
z$iN`UpaYTt*~!4FmT)bib*V!{lVC&(t3-pLM3d!>M%x(;o-;f@I4Q<yO=n!T>4bz6
GgEauC0#W1u

literal 0
HcmV?d00001

diff --git a/modules/member/skins/default/images/normal/buttonTypeARight.gif b/modules/member/skins/default/images/normal/buttonTypeARight.gif
new file mode 100644
index 0000000000000000000000000000000000000000..1dd5aac05abdb2281e7cc949bee38779741f8323
GIT binary patch
literal 170
zcmZ?wbhEHbWMYtDI3mfgZ~v~tNA~a8yZykyJ&zwh-n?b~sZ%G;ojY^<#Nl1Lw;nxq
z@X+CXTehy>e_;2SGpA0TJbvlYrDMkr?bx~b{Q2|${{7p!ZNu5Kr+4n!@*fNsFo5Du
z7DfgJNd_H|49HFfR`mx{1liL9#hxXweM{gFOXLzu;5JL(WlLc4VJco2V<6<?%9$u)
Iq{v_m07oQDZ2$lO

literal 0
HcmV?d00001

diff --git a/modules/member/skins/default/images/normal/buttonTypeBCenter.gif b/modules/member/skins/default/images/normal/buttonTypeBCenter.gif
new file mode 100644
index 0000000000000000000000000000000000000000..8998cbae2ec247463cbbd2773cd0d2070cd6d949
GIT binary patch
literal 183
zcmZ?wbhEHbWMvR#IKsg2`}fbEKY#rA@$LJMuV24@{`>dOx9>p4r+@$c{{H>z@891)
zetiG+>&NcB+dhB!c;n{PFJC_W`Sbhhw=e(y|7RcqDE?#ttI`3HAUhdYO&%zB1xG4r
zM6Fr<Xjh<&x(V+c^Tn?n@9R4(NU)HR=xs|0I+P+b?|gFz*UB*2h&3y(yeM;Kum%7S
Ca8ySC

literal 0
HcmV?d00001

diff --git a/modules/member/skins/default/images/normal/buttonTypeBLeft.gif b/modules/member/skins/default/images/normal/buttonTypeBLeft.gif
new file mode 100644
index 0000000000000000000000000000000000000000..378be04ed2bb9ab3adf1227390c89207893b2642
GIT binary patch
literal 166
zcmZ?wbhEHbWMU9yI3mulZ~u-x`?g=aboR!LD<@AKIdk^-m8%zCym)r)`sMuxc3!=9
z@$k`o$4?x(botzYL%YvkIDPK?$)m>(96G#r_ug%%P9M8*^Xh*vV88(sf3h$#Fo-kg
xfaF1TGO#K?2<2r@(wvrPIxWFgEJai-RZuM1^;(jrSi5Q>V+7OG(<&?s)&O33Nh<&V

literal 0
HcmV?d00001

diff --git a/modules/member/skins/default/images/normal/buttonTypeBRight.gif b/modules/member/skins/default/images/normal/buttonTypeBRight.gif
new file mode 100644
index 0000000000000000000000000000000000000000..4a85fd289a54562d59b9de6679dfacea8c490ac2
GIT binary patch
literal 166
zcmZ?wbhEHbWMU9yI3mulZ~u-x`?g=aboR!LD<@AKIdk^-m8%zCym)r)`sMuxc3!=9
z@$k`o$4?x(botzYL%YvkIDPK?$)m>(96G#r_ug%%P9M8*^Xh*vV88(sf3h$#Fo-kg
xfaF1TGO#Kql*%@@Ms%e{^r}YmvqrYMMz$P{n7B1UsQd7w4Gdb1CskP(tO1|*OvwNM

literal 0
HcmV?d00001

diff --git a/modules/member/skins/default/leave_form.html b/modules/member/skins/default/leave_form.html
index 92e0cbcd0..42a5eb455 100644
--- a/modules/member/skins/default/leave_form.html
+++ b/modules/member/skins/default/leave_form.html
@@ -1,4 +1,4 @@
-<!--#include("./common.html")-->
+<!--#include("./common_header.html")-->
 <!--%import("filter/leave_member.xml")-->
 
 <div>
@@ -37,3 +37,4 @@
     </tr>
     </table>
 </form>
+<!--#include("./common_footer.html")-->
diff --git a/modules/member/skins/default/login_form.html b/modules/member/skins/default/login_form.html
index 3e07faf35..494a04dc8 100644
--- a/modules/member/skins/default/login_form.html
+++ b/modules/member/skins/default/login_form.html
@@ -1,54 +1,59 @@
-<!--#include("./common.html")-->
+<!--#include("./common_header.html")-->
 <!--%import("filter/login.xml")-->
 <!--%import("filter/openid_login.xml")-->
 
 <!-- 제로보드XE 로그인 폼 -->
-<form action="./" method="post" onsubmit="return procFilter(this, login)" id="fo_member_login">
-    <table border="1">
-    <col width="120" />
-    <col width="*" />
-    <tr>
-        <th rowspan="2">{$lang->user_id}</th>
-        <td><input type="text" name="user_id" /></td>
-    </tr>
-    <tr>
-        <td><input type="checkbox" name="remember_user_id" value="Y" /> {$lang->remember_user_id}</td>
-    </tr>
-    <tr>
-        <th>{$lang->password}</th>
-        <td><input type="password" name="password" value="" /></td>
-    </tr>
-    <tr>
-        <td colspan="2">
-            <input type="submit" value="{$lang->cmd_login}" />
-            <input type="button" value="{$lang->cmd_cancel}" onclick="location.href='{getUrl('act','')}'" />
-        </td>
-    </tr>
-    <tr>
-        <td colspan="2">
-            <a href="#" onclick="location.href='{getUrl('act','dispMemberSignUpForm')}'">{$lang->cmd_signup}</a>
-        </td>
-    </tr>
-    </table>
-</form>
+<div class="smallBox w268">
+
+    <div class="header">
+        <h3>{$lang->cmd_login}</h3>
+    </div>
+
+    <form action="./" method="post" onsubmit="return procFilter(this, login)" id="fo_member_login">
+        <fieldset class="login">
+            <dl>
+                <dt><label for="uid">{$lang->user_id}</label></dt>
+                <dd><input type="text" name="user_id" id="uid" class="inputTypeText" /></dd>
+                <dt><label for="upw">{$lang->password}</label></dt>
+                <dd><input type="password" name="password" id="upw" value="" class="inputTypeText" /></dd>
+            </dl>
+
+            <span class="loginButton buttonTypeB"><img src="./images/blank.gif" alt="" class="leftCap" /><input type="submit" value="{$lang->cmd_login}" /><img src="./images/blank.gif" alt="" class="rightCap" /></span>
+
+            <p class="keep">
+                <input type="checkbox" name="remember_user_id" id="keepid" value="Y" />
+                <label for="keepid">{$lang->remember_user_id}</label>
+            </p>
+        </fieldset>
+    </form>
+
+    <ul class="help">
+        <!--<li class="first-child"><a href="#">아이디 찾기</a></li>-->
+        <!--<li><a href="#">비밀번호 찾기</a></li>-->
+        <li><a href="#" onclick="location.href='{getUrl('act','dispMemberSignUpForm')}'">{$lang->cmd_signup}</a></li>
+    </ul>
+</div>
 
-<!-- OpenID -->
 <!--@if($member_config->enable_openid=='Y')-->
-<form action="./" method="post" onsubmit="return procFilter(this, openid_login)">
-    <table border="1">
-    <tr>
-        <th>{$lang->openid}</th>
-    </tr>
-    <tr>
-        <td>
-            <input type="text" name="user_id" class="openid_user_id" />
-            <input type="submit" value="{$lang->cmd_login}" />
-        </td>
-    </tr>
-    </table>
-</form>
+<!-- OpenID 로그인 폼 -->
+<div class="smallBox w268">
+
+    <div class="header">
+        <h3>{$lang->openid}</h3>
+    </div>
+
+    <form action="./" method="post" onsubmit="return procFilter(this, openid_login)">
+        <fieldset class="login">
+            <input type="text" name="user_id" id="open_uid" class="openid_user_id" />
+            <span class="openid_button buttonTypeB"><img src="./images/blank.gif" alt="" class="leftCap" /><input type="submit" value="{$lang->cmd_login}" /><img src="./images/blank.gif" alt="" class="rightCap" /></span>
+        </fieldset>
+    </form>
+
+</div>
 <!--@end-->
 
 <script type="text/javascript">
         xAddEventListener(window, "load", function() { doFocusUserId('fo_member_login'); });
 </script>
+
+<!--#include("./common_footer.html")-->
diff --git a/modules/member/skins/default/logout.html b/modules/member/skins/default/logout.html
index 45e07ee32..8a6ced4c6 100644
--- a/modules/member/skins/default/logout.html
+++ b/modules/member/skins/default/logout.html
@@ -1,23 +1,6 @@
-<!--#include("./common.html")-->
+<!--#include("./common_header.html")-->
 <!--%import("filter/logout.xml")-->
 
-    <table>
-    <tr>
-        <th>{$lang->cmd_logout}</th>
-    </tr>
-    <tr>
-        <td>{$lang->confirm_logout}</td>
-    </tr>
-    <tr>
-        <td>
-            <input type="button" value="{$lang->cmd_cancel}" onclick="location.href='{getUrl('act','','member_srl','')}'" />
-            <input type="submit" value="{$lang->cmd_logout}" />
-        </td>
-    </tr>
-    </table>
-
-
-
 <form action="./" method="get" onsubmit="return procFilter(this, logout)">
 <input type="hidden" name="mid" value="{$mid}" />
 
@@ -30,10 +13,11 @@
     </div>
     <div class="button">
         <ul>
-            <li><a href="#" class="buttonTypeA"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_cancel}<img src="./images/blank.gif" alt="" class="rightCap" /></a></li>
-            <li><a href="#" class="buttonTypeA"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_logout}<img src="./images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="{getUrl('act','','member_srl','')}" class="buttonTypeA"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_cancel}<img src="./images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><span class="buttonTypeA"><img src="./images/blank.gif" alt="" class="leftCap" /><input type="submit" value="{$lang->cmd_logout}" /><img src="./images/blank.gif" alt="" class="rightCap" /></span></li>
         </ul>
     </div>
 </div>
 
 </form>
+<!--#include("./common_footer.html")-->
diff --git a/modules/member/skins/default/member_info.html b/modules/member/skins/default/member_info.html
index b0a308487..8eec72ccf 100644
--- a/modules/member/skins/default/member_info.html
+++ b/modules/member/skins/default/member_info.html
@@ -1,104 +1,115 @@
-<!--#include("./common.html")-->
+<!--#include("./common_header.html")-->
 
-<table>
-<tr>
-    <th>{$lang->user_id}</th>
-    <td>
-        {$member_info->user_id}
-        <!--@if($member_info->is_denied == 'Y')-->
-            ({$lang->denied})
-        <!--@end-->
-    </td>
-</tr>
-<tr>
-    <th>{$lang->user_name}</th>
-    <td>{htmlspecialchars($member_info->user_name)}</td>
-</tr>
-<tr>
-    <th>{$lang->nick_name}</th>
-    <td>{htmlspecialchars($member_info->nick_name)}</td>
-</tr>
-<!--@if($member_info->image_name->src)-->
-<tr>
-    <th>{$lang->image_name}</th>
-    <td><img src="{$member_info->image_name->src}" border="0" alt="image_name" /></td>
-</tr>
-<!--@end-->
-<!--@if($member_info->image_mark->src)-->
-<tr>
-    <th>{$lang->image_mark}</th>
-    <td><img src="{$member_info->image_mark->src}" border="0" alt="image_mark" /></td>
-</tr>
-<!--@end-->
-<tr>
-    <th>{$lang->homepage}</th>
-    <td><!--@if($member_info->homepage)--><a href="#" onclick="winopen('{htmlspecialchars($member_info->homepage)}'); return false;">{htmlspecialchars($member_info->homepage)}</a><!--@end--></td>
-</tr>
-<tr>
-    <th>{$lang->blog}</th>
-    <td><!--@if($member_info->blog)--><a href="#" onclick="winopen('{htmlspecialchars($member_info->blog)}'); return false;">{htmlspecialchars($member_info->blog)}</a><!--@end--></td>
-</tr>
-<tr>
-    <th>{$lang->birthday}</th>
-    <td>{zdate($member_info->birthday,"Y-m-d")}</td>
-</tr>
-<!--@if($member_info->signature)-->
-<tr>
-    <th>{$lang->signature}</th>
-    <td>{$member_info->signature}</td>
-</tr>
-<!--@end-->
-<tr>
-    <th>{$lang->group}</th>
-    <td>
-        <!--@foreach($member_info->group_list as $key => $val)-->
-            {$val}
-        <!--@end-->
-    </td>
-</tr>
-<!--@if($extend_form_list)-->
-<!--@foreach($extend_form_list as $key => $val)-->
-<tr>
-    <th>{htmlspecialchars($val->column_title)}</th>
-    <td>
-        <!--@if($val->column_type=='tel')-->
-            {htmlspecialchars($val->value[0])} - {htmlspecialchars($val->value[1])} - {htmlspecialchars($val->value[2])}
-        <!--@elseif($val->column_type=='kr_zip')-->
-            {$val->value[0]} {htmlspecialchars($val->value[1])}
-        <!--@elseif($val->column_type=='checkbox')-->
-            {htmlspecialchars(implode(",",$val->value))}
-        <!--@elseif($val->column_type=='date')-->
-            {zdate($val->value, "Y-m-d")}
-        <!--@else-->
-            {htmlspecialchars($val->value)}
-        <!--@end-->
-    </td>
-</tr>
-<!--@end-->
-<!--@end-->
-<tr>
-    <th>{$lang->signup_date}</th>
-    <td>{zdate($member_info->regdate,"Y-m-d H:i")}</td>
-</tr>
+	<div class="boardHeader">
+		<h3>{$lang->cmd_view_member_info}</h3>
+	</div>
 
-<!--@if($member_info->member_srl == $logged_info->member_srl || $logged_info->is_admin == 'Y' )-->
-<tr>
-    <th>{$lang->last_login}</th>
-    <td>{zdate($member_info->last_login,"Y-m-d H:i")}</td>
-</tr>
-<!--@end-->
+    <table cellspacing="0" class="joinTable">
+    <col width="20%" />
+    <col width="80%" />
+    <caption>{$lang->member_default_info}</caption>
+    <tr class="first-child">
+        <th scope="row">{$lang->user_id}</th>
+        <td>
+            {$member_info->user_id}
+            <!--@if($member_info->is_denied == 'Y')-->
+                ({$lang->denied})
+            <!--@end-->
+        </td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->user_name}</th>
+        <td>{htmlspecialchars($member_info->user_name)}</td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->nick_name}</th>
+        <td>{htmlspecialchars($member_info->nick_name)}</td>
+    </tr>
+    <!--@if($member_info->image_name->src)-->
+    <tr>
+        <th scope="row">{$lang->image_name}</th>
+        <td><img src="{$member_info->image_name->src}" border="0" alt="image_name" /></td>
+    </tr>
+    <!--@end-->
+    <!--@if($member_info->image_mark->src)-->
+    <tr>
+        <th scope="row">{$lang->image_mark}</th>
+        <td><img src="{$member_info->image_mark->src}" border="0" alt="image_mark" /></td>
+    </tr>
+    <!--@end-->
+    <tr>
+        <th scope="row">{$lang->homepage}</th>
+        <td><!--@if($member_info->homepage)--><a href="#" onclick="winopen('{htmlspecialchars($member_info->homepage)}'); return false;">{htmlspecialchars($member_info->homepage)}</a><!--@end--></td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->blog}</th>
+        <td><!--@if($member_info->blog)--><a href="#" onclick="winopen('{htmlspecialchars($member_info->blog)}'); return false;">{htmlspecialchars($member_info->blog)}</a><!--@end--></td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->birthday}</th>
+        <td>{zdate($member_info->birthday,"Y-m-d")}</td>
+    </tr>
+    <!--@if($member_info->signature)-->
+    <tr>
+        <th scope="row">{$lang->signature}</th>
+        <td>{$member_info->signature}</td>
+    </tr>
+    <!--@end-->
+    <tr>
+        <th scope="row">{$lang->group}</th>
+        <td><!--@foreach($member_info->group_list as $key => $val)-->{$val} <!--@end--></td>
+    </tr>
+    <tr>
+        <th scope="row">{$lang->signup_date}</th>
+        <td>{zdate($member_info->regdate,"Y-m-d H:i")}</td>
+    </tr>
 
-<tr>
-    <td colspan="2">
-        <!--@if($member_info->member_srl == $logged_info->member_srl)-->
-        <input type="button" value="{$lang->cmd_modify_member_info}" onclick="location.href='{getUrl('act','dispMemberModifyInfo','member_srl','')}';return false;" />
-        <input type="button" value="{$lang->cmd_modify_member_password}" onclick="location.href='{getUrl('act','dispMemberModifyPassword','member_srl','')}'; return false;"/>
-        <input type="button" value="{$lang->cmd_leave}" onclick="location.href='{getUrl('act','dispMemberLeave','member_srl','')}'; return false;"/>
-        <input type="button" value="{$lang->cmd_view_message_box}" onclick="location.href='{getUrl('act','dispMemberMessages','member_srl','','message_type','R','message_srl','')}'; return false;"/>
-        <input type="button" value="{$lang->cmd_view_friend}" onclick="popopen('{getUrl('module','member','act','dispMemberFriend')}'); return false;"/>
-        <!--@end-->
-        <input type="button" value="{$lang->cmd_list}" onclick="location.href='{getUrl('act','','member_srl','')}';return false;" />
-    </td>
-</tr>
+    <!--@if($member_info->member_srl == $logged_info->member_srl || $logged_info->is_admin == 'Y' )-->
+    <tr>
+        <th scope="row">{$lang->last_login}</th>
+        <td>{zdate($member_info->last_login,"Y-m-d H:i")}</td>
+    </tr>
+    <!--@end-->
+    </table>
 
-</table>
+    <!--@if($extend_form_list)-->
+    <table cellspacing="0" class="joinTable">
+    <col width="20%" />
+    <col width="80%" />
+    <caption>{$lang->member_extend_info}</caption>
+    {@ $dummy_chk = 0 }
+    <!--@foreach($extend_form_list as $key => $val)-->
+    <tr <!--@if($dummy_chk==0)-->class="first-child" {@ $dummy_chk = 1; }<!--@end-->>
+        <th>{htmlspecialchars($val->column_title)}</th>
+        <td>
+            <!--@if($val->column_type=='tel')-->
+                {htmlspecialchars($val->value[0])} - {htmlspecialchars($val->value[1])} - {htmlspecialchars($val->value[2])}
+            <!--@elseif($val->column_type=='kr_zip')-->
+                {$val->value[0]} {htmlspecialchars($val->value[1])}
+            <!--@elseif($val->column_type=='checkbox')-->
+                {htmlspecialchars(implode(",",$val->value))}
+            <!--@elseif($val->column_type=='date')-->
+                {zdate($val->value, "Y-m-d")}
+            <!--@else-->
+                {htmlspecialchars($val->value)}&nbsp;
+            <!--@end-->
+        </td>
+    </tr>
+    <!--@end-->
+    <!--@end-->
+    </table>
+
+    <div class="button">
+        <ul>
+            <!--@if($member_info->member_srl == $logged_info->member_srl)-->
+            <li><a href="{getUrl('act','dispMemberModifyInfo','member_srl','')}" class="buttonTypeA"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_modify_member_info}<img src="./images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="{getUrl('act','dispMemberModifyPassword','member_srl','')}" class="buttonTypeA"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_modify_member_password}<img src="./images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="{getUrl('act','dispMemberLeave','member_srl','')}" class="buttonTypeA"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_leave}<img src="./images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="{getUrl('act','dispMemberMessages','member_srl','')}" class="buttonTypeA"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_view_message_box}<img src="./images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><a href="{getUrl('act','dispMemberFriend','member_srl','')}" class="buttonTypeA"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_view_friend}<img src="./images/blank.gif" alt="" class="rightCap" /></a></li>
+            <!--@end-->
+            <li><a href="{getUrl('act','','member_srl','')}" class="buttonTypeA"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_back}<img src="./images/blank.gif" alt="" class="rightCap" /></a></li>
+        </ul>
+    </div>
+
+<!--#include("./common_footer.html")-->
diff --git a/modules/member/skins/default/member_messages.html b/modules/member/skins/default/member_messages.html
index 6a76087a1..72693e54b 100644
--- a/modules/member/skins/default/member_messages.html
+++ b/modules/member/skins/default/member_messages.html
@@ -1,4 +1,4 @@
-<!--#include("./common.html")-->
+<!--#include("./common_header.html")-->
 <!--%import("filter/delete_checked_message.xml")-->
 
 <!-- 정보 -->
@@ -110,3 +110,4 @@
 
     <a href="{getUrl('page',$page_navigation->last_page,'message_srl','')}">[{$lang->last_page}]</a>
 </div>
+<!--#include("./common_footer.html")-->
diff --git a/modules/member/skins/default/member_new_message.html b/modules/member/skins/default/member_new_message.html
index 5c31c70c6..c4d5bd6ce 100644
--- a/modules/member/skins/default/member_new_message.html
+++ b/modules/member/skins/default/member_new_message.html
@@ -1,4 +1,4 @@
-<!--#include("./common.html")-->
+<!--#include("./common_header.html")-->
 
 <div style="width:400px;">
     <!--@if($message)-->
@@ -30,4 +30,4 @@
         </script>
     <!--@end-->
 </div>
-
+<!--#include("./common_footer.html")-->
diff --git a/modules/member/skins/default/modify_info.html b/modules/member/skins/default/modify_info.html
index 8f375b9f3..3a5953fc9 100644
--- a/modules/member/skins/default/modify_info.html
+++ b/modules/member/skins/default/modify_info.html
@@ -1,4 +1,4 @@
-<!--#include("./common.html")-->
+<!--#include("./common_header.html")-->
 <!--%import("filter/modify_info.xml")-->
 <!--@if($member_config->image_name == 'Y')-->
     <!--%import("filter/delete_image_name.xml")-->
@@ -9,146 +9,125 @@
 
 <!--%import("../../tpl/js/krzip_search.js")-->
 
-<div>
-    {$lang->msg_update_member}
-</div>
+	<div class="boardHeader">
+        <h3>{$lang->msg_update_member}</h3>
+	</div>
 
-<form id="fo_insert_member" action="./" method="post" onsubmit="return procFilter(this, modify_info)" <!--@if($member_config->image_name=='Y' || $member_config->image_mark=='Y')-->enctype="multipart/form-data"<!--@end-->>
-<input type="hidden" name="mid" value="{$mid}" />
-<input type="hidden" name="act" value="" />
-<input type="hidden" name="document_srl" value="{$document_srl}" />
-<input type="hidden" name="member_srl" value="{$member_info->member_srl}" />
-<input type="hidden" name="content" value="{htmlspecialchars($member_info->signature)}" />
-<input type="hidden" name="page" value="{$page}" />
+    <form id="fo_insert_member" action="./" method="post" onsubmit="return procFilter(this, modify_info)" <!--@if($member_config->image_name=='Y' || $member_config->image_mark=='Y')-->enctype="multipart/form-data"<!--@end-->>
+    <input type="hidden" name="mid" value="{$mid}" />
+    <input type="hidden" name="act" value="" />
+    <input type="hidden" name="document_srl" value="{$document_srl}" />
+    <input type="hidden" name="member_srl" value="{$member_info->member_srl}" />
+    <input type="hidden" name="content" value="{htmlspecialchars($member_info->signature)}" />
+    <input type="hidden" name="page" value="{$page}" />
 
-    <div>
-        {$lang->member_default_info}
-    </div>
-    <table border="1">
-    <tr>
-        <th>{$lang->user_id}</th>
-        <td>
-            {htmlspecialchars($member_info->user_id)}
-        </td>
+    <table cellspacing="0" class="joinTable">
+    <col width="20%" />
+    <col width="80%" />
+    <caption>{$lang->member_default_info}</caption>
+    <tr class="first-child">
+        <th scope="row">{$lang->user_id}</th>
+        <td>{htmlspecialchars($member_info->user_id)}</td>
     </tr>
     <tr>
-        <th>{$lang->user_name}</th>
-        <td>
-            {htmlspecialchars($member_info->user_name)}
-        </td>
+        <th scope="row">{$lang->user_name}</th>
+        <td>{htmlspecialchars($member_info->user_name)}</td>
     </tr>
     <tr>
-        <th rowspan="2">{$lang->nick_name}</th>
-        <td>
-            <input type="text" name="nick_name" value="{htmlspecialchars($member_info->nick_name)}" />
-        </td>
+        <th scope="row">{$lang->user_name} *</th>
+        <td><input type="text" name="nick_name" value="{htmlspecialchars($member_info->nick_name)}" /> <p>{$lang->about_nick_name}</p></td>
     </tr>
     <tr>
-        <td>{$lang->about_nick_name}</td>
-    </tr>
-    <tr>
-        <th>{$lang->email_address}</th>
-        <td>
-            <input type="text" name="email_address" value="{htmlspecialchars($member_info->email_address)}" />
-        </td>
+        <th scope="row">{$lang->email_address}</th>
+        <td><input type="text" name="email_address" value="{htmlspecialchars($member_info->email_address)}" /><p>{$lang->about_email_address}</p></td>
     </tr>
+
     <!--@if($member_config->image_name == 'Y')-->
     <tr>    
-        <th>{$lang->image_name}</th>
+        <th scope="row">{$lang->image_name}</th>
         <td>
             <!--@if($member_info->image_name->src)-->
-            <div>
-                    <img src="{$member_info->image_name->src}" border="0" alt="image_name" />
-                    [<a href="#" onclick="doDeleteImageName({$member_info->member_srl});return false;">{$lang->cmd_delete}</a>]
-            </div> 
+            <div class="memberImage">
+                <div class="info"><img src="{$member_info->image_name->src}" border="0" alt="image_name" /></div>
+                <div class="button"><a href="#" onclick="doDeleteImageName({$member_info->member_srl});return false;" class="buttonTypeB"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_delete}<img src="./images/blank.gif" alt="" class="rightCap" /></a></div>
+            </div>
             <!--@end-->
-            <input type="file" name="image_name" value="" /><input type="button" value="{$lang->cmd_registration}" onclick="doUploadImageName();return false;"/>
+
+            <div class="memberImage">
+                <div class="form"><input type="file" name="image_name" value="" /></div>
+                <div class="button"><a href="#" onclick="doUploadImageName();return false;" class="buttonTypeB"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_registration}<img src="./images/blank.gif" alt="" class="rightCap" /></a></div>
+            </div>
         </td>
     </tr>
     <!--@end-->
     <!--@if($member_config->image_mark == 'Y')-->
     <tr>    
-        <th>{$lang->image_mark}</th>
+        <th scope="row">{$lang->image_mark}</th>
         <td>
             <!--@if($member_info->image_mark->src)-->
-            <div>
-                    <img src="{$member_info->image_mark->src}" border="0" alt="image_mark" />
-                    [<a href="#" onclick="doDeleteImageMark({$member_info->member_srl});return false;">{$lang->cmd_delete}</a>]
-            </div> 
+            <div class="memberImage">
+                <div class="info"><img src="{$member_info->image_mark->src}" border="0" alt="image_mark" /></div>
+                <div class="button"><a href="#" onclick="doDeleteImageMark({$member_info->member_srl});return false;" class="buttonTypeB"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_delete}<img src="./images/blank.gif" alt="" class="rightCap" /></a></div>
+            </div>
             <!--@end-->
-            <input type="file" name="image_mark" value="" /><input type="button" value="{$lang->cmd_registration}" onclick="doUploadImageMark();return false;"/>
+
+            <div class="memberImage">
+                <div class="form"><input type="file" name="image_mark" value="" /></div>
+
+                <div class="button"><a href="#" onclick="doUploadImageMark();return false;" class="buttonTypeB"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_registration}<img src="./images/blank.gif" alt="" class="rightCap" /></a></div>
+            </div>
         </td>
     </tr>
     <!--@end-->
     <tr>
-        <th rowspan="2">{$lang->homepage}</th>
-        <td>
-            <input type="text" name="homepage" value="{htmlspecialchars($member_info->homepage)}" />
-        </td>
+        <th scope="row">{$lang->homepage}</th>
+        <td><input type="text" name="homepage" value="{htmlspecialchars($member_info->homepage)}" /> <p>{$lang->about_homepage}</p></td>
     </tr>
     <tr>
-        <td>{$lang->about_homepage}</td>
+        <th scope="row">{$lang->blog}</th>
+        <td><input type="text" name="blog" value="{htmlspecialchars($member_info->blog)}" /> <p>{$lang->about_blog_url}</p></td>
     </tr>
     <tr>
-        <th rowspan="2">{$lang->blog}</th>
-        <td>
-            <input type="text" name="blog" value="{htmlspecialchars($member_info->blog)}" />
-        </td>
-    </tr>
-    <tr>
-        <td>{$lang->about_blog}</td>
-    </tr>
-    <tr>
-        <th rowspan="2">{$lang->birthday}</th>
+        <th scope="row">{$lang->birthday} *</th>
         <td>
             <input type="hidden" name="birthday" id="date_birthday" value="{$member_info->birthday}" />
-            <span id="str_birthday">{zdate($member_info->birthday,"Y-m-d")}</span>
-            [<a href="#" onclick="open_calendar('birthday','{$member_info->birthday}');return false;">{$lang->cmd_open_calendar}</a>]
+            <div class="str_birthday" id="str_birthday">{zdate($member_info->birthday,"Y-m-d")}</div>
+            <div class="button_birthday"><a href="#" onclick="open_calendar('birthday','{$member_info->birthday}');return false;" class="buttonTypeB"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_open_calendar}<img src="./images/blank.gif" alt="" class="rightCap" /></a></div>
+            <p>{$lang->about_birthday}</p>
         </td>
     </tr>
     <tr>
-        <td>{$lang->about_birthday}</td>
+        <th scope="row">{$lang->allow_mailing}</th>
+        <td><input type="checkbox" name="allow_mailing" value="Y" <!--@if($member_info->allow_mailing!='N')-->checked="true"<!--@end--> /> <p>{$lang->about_allow_mailing}</p></td>
     </tr>
     <tr>
-        <th rowspan="2">{$lang->allow_mailing}</th>
-        <td><input type="checkbox" name="allow_mailing" value="Y" <!--@if($member_info->allow_mailing!='N')-->checked="true"<!--@end-->/></td>
-    </tr>
-    <tr>
-        <td>{$lang->about_allow_mailing}</td>
-    </tr>
-    <tr>
-        <th rowspan="2">{$lang->allow_message}</th>
+        <th scope="row">{$lang->allow_message}</th>
         <td>
             <select name="allow_message">
                 <!--@foreach($lang->allow_message_type as $key => $val)-->
                 <option value="{$key}" <!--@if($member_info->allow_message == $key)-->selected="true"<!--@end-->>{$val}</option>
                 <!--@end-->
             </select>
+            <p>{$lang->about_allow_message}</p>
         </td>
     </tr>
     <tr>
-        <td>{$lang->about_allow_message}</td>
-    </tr>
-    <tr>
-        <th>{$lang->signature}</th>
+        <th scope="row">{$lang->signature}</th>
         <td>{$editor}</td>
     </tr>
     </table>
 
     <!--@if($extend_form_list)-->
-    <div>
-        {$lang->member_extend_info}
-    </div>
-
-    <table border="1">
-    <!--@foreach($extend_form_list as $key => $val)-->
-        <!--@if($val->is_active=='Y')-->
-    <tr>
-        <th rowspan="2">
-            <!--@if($val->required=='Y')-->
-            *
-            <!--@end-->
+    <table cellspacing="0" class="joinTable">
+    <col width="20%" />
+    <col width="80%" />
+    <caption>{$lang->member_extend_info}</caption>
+    {@ $dummy_chk = 0 }
+    <!--@foreach($extend_form_list as $key => $val)--><!--@if($val->is_active=='Y')-->
+    <tr <!--@if($dummy_chk==0)-->class="first-child" {@ $dummy_chk = 1; }<!--@end-->>
+        <th scope="row">
             {htmlspecialchars($val->column_title)}
+            <!--@if($val->required=='Y')-->*<!--@end-->
         </th>
         <td>
             <!-- 일반 text -->
@@ -223,22 +202,18 @@
 
             <!--@end-->
 
+            <p>{$val->description}</p>
         </td>
     </tr>
-    <tr>
-        <td>{$val->description}</td>
-    </tr>
-        <!--@end-->
-    <!--@end-->
+    <!--@end--><!--@end-->
     </table>
     <!--@end-->
 
-    <table border="1">
-    <tr>
-        <td colspan="2">
-            <input type="button" value="{$lang->cmd_cancel}" onclick="location.href='{getUrl('act','dispMemberInfo','member_srl','')}'" />
-            <input type="submit" value="{$lang->cmd_registration}" accesskey="s" />
-        </td>
-    </tr>
-    </table>
+    <div class="button">
+        <ul>
+            <li><a href="{getUrl('act','dispMemberInfo','member_srl','')}" class="buttonTypeA"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_cancel}<img src="./images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><span class="buttonTypeA"><img src="./images/blank.gif" alt="" class="leftCap" /><input type="submit" value="{$lang->cmd_registration}" accesskey="s" /><img src="./images/blank.gif" alt="" class="rightCap" /></span></li>
+        </ul>
+    </div>
 </form>
+<!--#include("./common_footer.html")-->
diff --git a/modules/member/skins/default/modify_password.html b/modules/member/skins/default/modify_password.html
index c4f102fc2..cb969145e 100644
--- a/modules/member/skins/default/modify_password.html
+++ b/modules/member/skins/default/modify_password.html
@@ -1,4 +1,4 @@
-<!--#include("./common.html")-->
+<!--#include("./common_header.html")-->
 <!--%import("filter/modify_password.xml")-->
 
 <div>
@@ -51,3 +51,4 @@
     </tr>
     </table>
 </form>
+<!--#include("./common_footer.html")-->
diff --git a/modules/member/skins/default/send_message.html b/modules/member/skins/default/send_message.html
index 37325f6fd..6073acb51 100644
--- a/modules/member/skins/default/send_message.html
+++ b/modules/member/skins/default/send_message.html
@@ -1,4 +1,4 @@
-<!--#include("./common.html")-->
+<!--#include("./common_header.html")-->
 <!--%import("filter/send_message.xml")-->
 
 <div style="width:650px;">
@@ -33,3 +33,4 @@
 <script type="text/javascript">
     xAddEventListener(window, 'load', function() { xGetElementById("message_title").focus(); });
 </script>
+<!--#include("./common_footer.html")-->
diff --git a/modules/member/skins/default/signup_form.html b/modules/member/skins/default/signup_form.html
index b958d5950..56d65cdcd 100644
--- a/modules/member/skins/default/signup_form.html
+++ b/modules/member/skins/default/signup_form.html
@@ -1,136 +1,91 @@
-<!--#include("./common.html")-->
+<!--#include("./common_header.html")-->
 <!--%import("filter/signup.xml")-->
 
 <!--%import("../../tpl/js/krzip_search.js")-->
 
-<div>
-    {$lang->msg_new_member}
-</div>
+	<div class="boardHeader">
+		<h3>{$lang->msg_new_member}</h3>
+	</div>
 
-<form id="fo_insert_member" action="./" method="get" onsubmit="return procFilter(this, signup)">
-<input type="hidden" name="mid" value="{$mid}" />
-<input type="hidden" name="document_srl" value="{$document_srl}" />
-<input type="hidden" name="page" value="{$page}" />
+    <form id="fo_insert_member" action="./" method="get" onsubmit="return procFilter(this, signup)">
+    <input type="hidden" name="mid" value="{$mid}" />
+    <input type="hidden" name="document_srl" value="{$document_srl}" />
+    <input type="hidden" name="page" value="{$page}" />
 
     <!--@if(!$is_logged && $member_config->agreement)-->
-    <div>
-        <table border="1">
-        <tr>
-            <td>{nl2br($member_config->agreement)}</td>
-        </tr>
-        <tr>
-            <td>
-                <input type="checkbox" name="accept_agreement" value="Y" id="accept_agree" />
-                <label for="accept_agree">{$lang->about_accept_agreement}</label>
-            </td>
-        </tr>
-        </table>
+    <div class="agreementBox">
+        {nl2br($member_config->agreement)}
+
+        <div class="button">
+            <input type="checkbox" name="accept_agreement" value="Y" id="accept_agree" />
+            <label for="accept_agree">{$lang->about_accept_agreement}</label>
+        </div>
     </div>
     <!--@end-->
 
-    <div>
-        {$lang->member_default_info}
-    </div>
-    <table border="1">
-    <tr>
-        <th rowspan="2">{$lang->user_id}</th>
-        <td>
-            <input type="text" name="user_id" value="" />
-        </td>
+    <table cellspacing="0" class="joinTable">
+    <col width="20%" />
+    <col width="80%" />
+    <caption>{$lang->member_default_info}</caption>
+    <tr class="first-child">
+        <th scope="row">{$lang->user_id} *</th>
+        <td><input type="text" name="user_id" value="" /> <p>{$lang->about_user_id}</p> </td>
     </tr>
     <tr>
-        <td>{$lang->about_user_id}</td>
+        <th scope="row">{$lang->password} *</th>
+        <td><input type="password" name="password1" value="" /><p>{$lang->about_password}</p></td>
     </tr>
     <tr>
-        <th rowspan="3">{$lang->password1}</th>
-        <td>
-            <input type="password" name="password1" value="" />
-        </td>
+        <th scope="row">{$lang->password2} *</th>
+        <td><input type="password" name="password2" value="" /></td>
     </tr>
     <tr>
-        <td>
-            <input type="password" name="password2" value="" /> {$lang->password2}
-        </td>
+        <th scope="row">{$lang->user_name} *</th>
+        <td><input type="text" name="user_name" value="" /> <p>{$lang->about_user_name}</p></td>
     </tr>
     <tr>
-        <td>{$lang->about_password}</td>
+        <th scope="row">{$lang->nick_name} *</th>
+        <td><input type="text" name="nick_name" value="" /> <p>{$lang->about_nick_name}</p></td>
     </tr>
     <tr>
-        <th rowspan="2">{$lang->user_name}</th>
-        <td>
-            <input type="text" name="user_name" value="" />
-        </td>
+        <th scope="row">{$lang->email_address} *</th>
+        <td><input type="text" name="email_address" value="" /> <p>{$lang->about_email_address}</p></td>
     </tr>
     <tr>
-        <td>{$lang->about_user_name}</td>
+        <th scope="row">{$lang->homepage}</th>
+        <td><input type="text" name="homepage" value="" /> <p>{$lang->about_homepage}</p></td>
     </tr>
     <tr>
-        <th rowspan="2">{$lang->nick_name}</th>
-        <td>
-            <input type="text" name="nick_name" value="" />
-        </td>
+        <th scope="row">{$lang->blog}</th>
+        <td><input type="text" name="blog" value="" /> <p>{$lang->about_blog_url}</p></td>
     </tr>
     <tr>
-        <td>{$lang->about_nick_name}</td>
-    </tr>
-    <tr>
-        <th>{$lang->email_address}</th>
-        <td>
-            <input type="text" name="email_address" value="" />
-        </td>
-    </tr>
-    <tr>
-        <th rowspan="2">{$lang->homepage}</th>
-        <td>
-            <input type="text" name="homepage" value="" />
-        </td>
-    </tr>
-    <tr>
-        <td>{$lang->about_homepage}</td>
-    </tr>
-    <tr>
-        <th rowspan="2">{$lang->blog}</th>
-        <td>
-            <input type="text" name="blog" value="" />
-        </td>
-    </tr>
-    <tr>
-        <td>{$lang->about_blog}</td>
-    </tr>
-    <tr>
-        <th rowspan="2">{$lang->birthday}</th>
+        <th scope="row">{$lang->birthday} *</th>
         <td>
             <input type="hidden" name="birthday" id="date_birthday" value="" />
-            <span id="str_birthday"></span>
-            [<a href="#" onclick="open_calendar('birthday','');return false;">{$lang->cmd_open_calendar}</a>]
+            <div class="str_birthday" id="str_birthday">&nbsp;</div>
+            <div class="button_birthday"><a href="#" onclick="open_calendar('birthday','');return false;" class="buttonTypeB"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_open_calendar}<img src="./images/blank.gif" alt="" class="rightCap" /></a></div>
+            <p>{$lang->about_birthday}</p>
         </td>
     </tr>
     <tr>
-        <td>{$lang->about_birthday}</td>
-    </tr>
-    <tr>
-        <th rowspan="2">{$lang->allow_mailing}</th>
-        <td><input type="checkbox" name="allow_mailing" value="Y" checked="true" /></td>
-    </tr>
-    <tr>
-        <td>{$lang->about_allow_mailing}</td>
+        <th scope="row">{$lang->allow_mailing}</th>
+        <td><input type="checkbox" name="allow_mailing" value="Y" checked="true" /> <p>{$lang->about_allow_mailing}</p></td>
     </tr>
     </table>
 
-    <!--@if($extend_form_list)-->
-    <div>
-        {$lang->member_extend_info}
-    </div>
 
-    <table border="1">
-    <!--@foreach($extend_form_list as $key => $val)-->
-        <!--@if($val->is_active=='Y')-->
-    <tr>
-        <th rowspan="2">
-            <!--@if($val->required=='Y')-->
-            *
-            <!--@end-->
-            {$val->column_title}
+    <!--@if($extend_form_list)-->
+    <table cellspacing="0" class="joinTable">
+    <col width="20%" />
+    <col width="80%" />
+    <caption>{$lang->member_extend_info}</caption>
+    {@ $dummy_chk = 0 }
+    <!--@foreach($extend_form_list as $key => $val)--><!--@if($val->is_active=='Y')-->
+    <tr <!--@if($dummy_chk==0)-->class="first-child" {@ $dummy_chk = 1; }<!--@end-->>
+        <th scope="row">
+            {htmlspecialchars($val->column_title)}
+            <!--@if($val->required=='Y')-->*<!--@end-->
         </th>
         <td>
             <!-- 일반 text -->
@@ -205,22 +160,19 @@
 
             <!--@end-->
 
+            <p>{$val->description}</p>
         </td>
     </tr>
-    <tr>
-        <td>{$val->description}</td>
-    </tr>
-        <!--@end-->
-    <!--@end-->
+    <!--@end--><!--@end-->
     </table>
     <!--@end-->
 
-    <table border="1">
-    <tr>
-        <td colspan="2">
-            <input type="button" value="{$lang->cmd_cancel}" onclick="location.href='{getUrl('act','','member_srl','')}'" />
-            <input type="submit" value="{$lang->cmd_registration}" accesskey="s" />
-        </td>
-    </tr>
-    </table>
+    <div class="button">
+        <ul>
+            <li><a href="{getUrl('act','','member_srl','')}" class="buttonTypeA"><img src="./images/blank.gif" alt="" class="leftCap" />{$lang->cmd_cancel}<img src="./images/blank.gif" alt="" class="rightCap" /></a></li>
+            <li><span class="buttonTypeA"><img src="./images/blank.gif" alt="" class="leftCap" /><input type="submit" value="{$lang->cmd_signup}" accesskey="s" /><img src="./images/blank.gif" alt="" class="rightCap" /></span></li>
+        </ul>
+    </div>
 </form>
+
+<!--#include("./common_footer.html")-->
diff --git a/widgets/archive_list/skins/blog_archive_list/archive_list.html b/widgets/archive_list/skins/blog_archive_list/archive_list.html
index e63b9b3f9..04ca7e769 100644
--- a/widgets/archive_list/skins/blog_archive_list/archive_list.html
+++ b/widgets/archive_list/skins/blog_archive_list/archive_list.html
@@ -16,9 +16,9 @@
     <ul class="archiveList">
         <!--@foreach($widget_info->archive_list as $val)-->
           <!--@if($layout_info->mid)-->
-            <li><a href="{getUrl('','mid',$layout_info->mid,'search_target','regdate','search_keyword',$val->month)}">{zdate($val->month,'Y. m')}</a> ({$val->count})</a></li>
+            <li><a href="{getUrl('','mid',$layout_info->mid,'search_target','regdate','search_keyword',$val->month)}">{zdate($val->month,'Y. m')}</a> ({$val->count})</li>
           <!--@else-->
-            <li><a href="{getUrl('','mid',$mid,'search_target','regdate','search_keyword',$val->month)}">{zdate($val->month,'Y. m')}</a> ({$val->count})</a></li>
+            <li><a href="{getUrl('','mid',$mid,'search_target','regdate','search_keyword',$val->month)}">{zdate($val->month,'Y. m')}</a> ({$val->count})</li>
           <!--@end-->
         <!--@end-->
     </ul>