From 53df7a87e362559a6d37c70a8b93b4e3e3442f6c Mon Sep 17 00:00:00 2001
From: whitedot <whitedot@naver.com>
Date: Thu, 6 Dec 2012 18:34:44 +0900
Subject: [PATCH] =?UTF-8?q?=ED=9A=8C=EC=9B=90=EC=8A=A4=ED=82=A8/=ED=9A=8C?=
 =?UTF-8?q?=EC=9B=90=EA=B0=80=EC=9E=85=ED=8F=BC=20=EC=9E=91=EC=97=85=20?=
 =?UTF-8?q?=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 skin/member/neo/profile.skin.php       |   1 -
 skin/member/neo/register.skin.php      |  78 +---
 skin/member/neo/register_form.skin.php | 544 +++++++++----------------
 3 files changed, 198 insertions(+), 425 deletions(-)

diff --git a/skin/member/neo/profile.skin.php b/skin/member/neo/profile.skin.php
index c08f8cffb..c36e6f8d8 100644
--- a/skin/member/neo/profile.skin.php
+++ b/skin/member/neo/profile.skin.php
@@ -5,7 +5,6 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 <h1><?=$mb_nick?>님의 프로필</h1>
 
 <table>
-<caption></caption>
 <tbody>
 <tr>
     <th scope="row">회원권한</th>
diff --git a/skin/member/neo/register.skin.php b/skin/member/neo/register.skin.php
index b7d1f4a7c..eec4c1953 100644
--- a/skin/member/neo/register.skin.php
+++ b/skin/member/neo/register.skin.php
@@ -4,73 +4,23 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 
 <form name="fregister" method="POST" onsubmit="return fregister_submit(this);" autocomplete="off">
 
-<table width=600 cellspacing=0 cellspacing=0 align=center><tr><td align=center>
+<section>
+    <h2>회원가입약관</h2>
+    <textarea readonly><?=get_text($config[cf_stipulation])?></textarea>
+    <input type="radio" id="agree11" name="agree" value="1"><label for="agree11">동의합니다.</label>
+    <input type="radio" id="agree10" name="agree" value="0"><label for="agree10">동의하지 않습니다.</label>
+</section>
 
-    <table width="100%" cellspacing="0" cellpadding="0">
-    <tr> 
-        <td align=center><img src="<?=$member_skin_path?>/img/join_title.gif" width="624" height="72"></td>
-    </tr>
-    </table>
 
-    <? if ($config[cf_use_jumin]) { // 주민등록번호를 사용한다면 ?>
-    <!-- 2012년 8월 부터 주민등록번호 수집과 이용이 제한됨 (사실상 수집 금지)
-    <table width="100%" border="0" cellspacing="0" cellpadding="0">
-        <tr>
-            <td height=25></td>
-        </tr>
-        <tr>
-            <td bgcolor="#cccccc">
-                <table cellspacing=1 cellpadding=0 width=100% border=0>
-                <tr bgcolor="#ffffff"> 
-                    <td width="140" height=30>&nbsp;&nbsp;&nbsp;<b>이름</b></td>
-                    <td width="">&nbsp;&nbsp;&nbsp;<input name=mb_name itemname="이름" required minlength="2" nospace hangul class=ed></td>
-                </tr>
-                <tr bgcolor="#ffffff"> 
-                    <td height=30>&nbsp;&nbsp;&nbsp;<b>주민등록번호</b></td>
-                    <td>&nbsp;&nbsp;&nbsp;<input name=mb_jumin itemname="주민등록번호" required jumin minlength="13" maxlength=13 class=ed><font style="font-family:돋움; font-size:9pt; color:#66a2c8">&nbsp;&nbsp;※ 숫자 13자리 중간에 - 없이 입력하세요.</font></td>
-                </tr>
-                </table></td>
-        </tr>
-    </table> -->
-    <? } ?>
+<section>
+    <h2>개인정보취급방침</h2>
+    <textarea readonly><?=get_text($config[cf_privacy])?></textarea>
+    <input type="radio" id="agree21" name="agree2" value="1"><label for="agree21">동의합니다.</label>
+    <input type="radio" id="agree20" name="agree2" value="0"><label for="agree20">동의하지 않습니다.</label>
+</section>
 
-    <br>
-    <table width="100%" cellpadding="4" cellspacing="0" bgcolor=#EEEEEE>
-        <tr> 
-            <td height=40>&nbsp; <b>회원가입약관2</b></td>
-        </tr>
-        <tr> 
-            <td align="center" valign="top"><textarea style="width: 98%" rows=10 readonly class=ed><?=get_text($config[cf_stipulation])?></textarea></td>
-        </tr>
-        <tr> 
-            <td height=40>
-                &nbsp; <input type=radio value=1 name=agree id=agree11>&nbsp;<label for=agree11>동의합니다.</label>
-                &nbsp; <input type=radio value=0 name=agree id=agree10>&nbsp;<label for=agree10>동의하지 않습니다.</label>
-            </td>
-        </tr>
-    </table>
-
-    <br>
-    <table width="100%" cellpadding="4" cellspacing="0" bgcolor=#EEEEEE>
-        <tr> 
-            <td height=40>&nbsp; <b>개인정보취급방침</b></td>
-        </tr>
-        <tr> 
-            <td align="center" valign="top"><textarea style="width: 98%" rows=10 readonly class=ed><?=get_text($config[cf_privacy])?></textarea></td>
-        </tr>
-        <tr> 
-            <td height=40>
-                &nbsp; <input type=radio value=1 name=agree2 id=agree21>&nbsp;<label for=agree21>동의합니다.</label>
-                &nbsp; <input type=radio value=0 name=agree2 id=agree20>&nbsp;<label for=agree20>동의하지 않습니다.</label>
-            </td>
-        </tr>
-    </table>
-
-</td></tr></table>
-
-<br>
-<div align=center>
-<input type=image width="66" height="20" src="<?=$member_skin_path?>/img/join_ok_btn.gif" border=0>
+<div class="btn_confirm">
+    <input type="submit" value="회원가입">
 </div>
 
 </form>
diff --git a/skin/member/neo/register_form.skin.php b/skin/member/neo/register_form.skin.php
index e27428b73..59498a6ab 100644
--- a/skin/member/neo/register_form.skin.php
+++ b/skin/member/neo/register_form.skin.php
@@ -2,397 +2,221 @@
 if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 
 ?>
 
-<?
-//==============================================================================
-// jquery date picker
-//------------------------------------------------------------------------------
-// 참고) ie 에서는 년, 월 select box 를 두번씩 클릭해야 하는 오류가 있습니다.
-//------------------------------------------------------------------------------
-// jquery-ui.css 의 테마를 변경해서 사용할 수 있습니다.
-// base, black-tie, blitzer, cupertino, dark-hive, dot-luv, eggplant, excite-bike, flick, hot-sneaks, humanity, le-frog, mint-choc, overcast, pepper-grinder, redmond, smoothness, south-street, start, sunny, swanky-purse, trontastic, ui-darkness, ui-lightness, vader
-// 아래 css 는 date picker 의 화면을 맞추는 코드입니다.
-?>
-
-<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/base/jquery-ui.css" rel="stylesheet" />
-<style type="text/css">
-<!--
-.ui-datepicker { font:12px dotum; }
-.ui-datepicker select.ui-datepicker-month, 
-.ui-datepicker select.ui-datepicker-year { width: 70px;}
-.ui-datepicker-trigger { margin:0 0 -5px 2px; }
--->
-</style>
-<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js"></script>
-<script type="text/javascript">
-/* Korean initialisation for the jQuery calendar extension. */
-/* Written by DaeKwon Kang (ncrash.dk@gmail.com). */
-jQuery(function($){
-	$.datepicker.regional['ko'] = {
-		closeText: '닫기',
-		prevText: '이전달',
-		nextText: '다음달',
-		currentText: '오늘',
-		monthNames: ['1월(JAN)','2월(FEB)','3월(MAR)','4월(APR)','5월(MAY)','6월(JUN)',
-		'7월(JUL)','8월(AUG)','9월(SEP)','10월(OCT)','11월(NOV)','12월(DEC)'],
-		monthNamesShort: ['1월','2월','3월','4월','5월','6월',
-		'7월','8월','9월','10월','11월','12월'],
-		dayNames: ['일','월','화','수','목','금','토'],
-		dayNamesShort: ['일','월','화','수','목','금','토'],
-		dayNamesMin: ['일','월','화','수','목','금','토'],
-		weekHeader: 'Wk',
-		dateFormat: 'yymmdd',
-		firstDay: 0,
-		isRTL: false,
-		showMonthAfterYear: true,
-		yearSuffix: ''};
-	$.datepicker.setDefaults($.datepicker.regional['ko']);
-
-    $('#mb_birth').datepicker({
-        showOn: 'button',
-		buttonImage: '<?=$g4[path]?>/img/calendar.gif',
-		buttonImageOnly: true,
-        buttonText: "달력",
-        changeMonth: true,
-		changeYear: true,
-        showButtonPanel: true,
-        yearRange: 'c-99:c+99',
-        maxDate: '+0d'
-    }); 
-});
-</script>
-<?
-//==============================================================================
-?>
-
-<style type="text/css">
-<!--
-.m_title    { BACKGROUND-COLOR: #F7F7F7; PADDING-LEFT: 15px; PADDING-top: 5px; PADDING-BOTTOM: 5px; }
-.m_padding  { PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; }
-.m_padding2 { PADDING-LEFT: 0px; PADDING-top: 5px; PADDING-BOTTOM: 0px; }
-.m_padding3 { PADDING-LEFT: 0px; PADDING-top: 5px; PADDING-BOTTOM: 5px; }
--->
-</style>
-
 <script>
 var member_skin_path = "<?=$member_skin_path?>";
 </script>
-<script type="text/javascript" src="<?=$member_skin_path?>/ajax_register_form.jquery.js"></script>
-<script type="text/javascript" src="<?=$g4[path]?>/js/md5.js"></script>
-<script type="text/javascript" src="<?=$g4[path]?>/js/sideview.js"></script>
+<script src="<?=$member_skin_path?>/ajax_register_form.jquery.js"></script>
+<script src="<?=$g4[path]?>/js/md5.js"></script>
+<script src="<?=$g4[path]?>/js/sideview.js"></script>
 
-<form id="fregisterform" name=fregisterform method=post onsubmit="return fregisterform_submit(this);" enctype="multipart/form-data" autocomplete="off">
-<input type=hidden name=w                value="<?=$w?>">
-<input type=hidden name=url              value="<?=$urlencode?>">
-<input type=hidden name=mb_jumin         value="<?=$jumin?>">
-<input type=hidden name=mb_id_enabled    value="" id="mb_id_enabled">
-<input type=hidden name=mb_nick_enabled  value="" id="mb_nick_enabled">
-<input type=hidden name=mb_email_enabled value="" id="mb_email_enabled">
-<!-- <input type=hidden name=token value="<?=$token?>"> -->
+<form id="fregisterform" name="fregisterform" method="post" onsubmit="return fregisterform_submit(this);" enctype="multipart/form-data" autocomplete="off">
+<input type="hidden" name="w" value="<?=$w?>">
+<input type="hidden" name="url" value="<?=$urlencode?>">
+<input type="hidden" name="mb_jumin" value="<?=$jumin?>">
+<input type="hidden" id="mb_id_enabled" name="mb_id_enabled" value="">
+<input type="hidden" id="mb_nick_enabled" name="mb_nick_enabled" value="">
+<input type="hidden" id="mb_email_enabled" name="mb_email_enabled" value="">
+<!-- <input type="hidden" name="token" value="<?=$token?>"> -->
+<? if ($member[mb_sex]) { ?><input type="hidden" id="mb_sex" name="mb_sex" value='<?=$member[mb_sex]?>'><? } ?>
 
-<table width=100% cellspacing=0 align=center>
+<table>
+<caption>사이트 이용정보 입력</caption>
 <tr>
-    <td><img src="<?=$member_skin_path?>/img/join_form_title.gif" width="624" height="72">
-
-<table width="100%" cellspacing="0" cellpadding="0">
-<tr>
-    <td bgcolor="#CCCCCC">
-        <TABLE cellSpacing=1 cellPadding=0 width=100%>
-        <TR bgcolor="#FFFFFF">
-            <TD width="160" class=m_title>아이디</TD>
-            <TD class=m_padding>
-                <input class=ed maxlength=20 size=20 id='reg_mb_id' name="mb_id" value="<?=$member[mb_id]?>" <? if ($w=='u') { echo "readonly style='background-color:#dddddd;'"; } ?>
-                    <? if ($w=='') { echo "onblur='reg_mb_id_check();'"; } ?>>
-                <span id='msg_mb_id'></span>
-                <table height=25 cellspacing=0 cellpadding=0 border=0>
-                <tr><td><font color="#66a2c8">※ 영문자, 숫자, _ 만 입력 가능. 최소 3자이상 입력하세요.</font></td></tr>
-                </table>
-            </TD>
-        </TR>
-        <TR bgcolor="#FFFFFF">
-            <TD class=m_title>패스워드</TD>
-            <TD class=m_padding><INPUT class=ed type=password name="mb_password" size=20 maxlength=20 <?=($w=="")?"required":"";?> itemname="패스워드"></TD>
-        </TR>
-        <TR bgcolor="#FFFFFF">
-            <TD class=m_title>패스워드 확인</TD>
-            <TD class=m_padding><INPUT class=ed type=password name="mb_password_re" size=20 maxlength=20 <?=($w=="")?"required":"";?> itemname="패스워드 확인"></TD>
-        </TR>
-        <!-- <TR bgcolor="#FFFFFF">
-            <TD class=m_title>패스워드 분실시 질문</TD>
-            <TD class=m_padding>
-                <select name=mb_password_q_select onchange="this.form.mb_password_q.value=this.value;">
-                    <option value="">선택하십시오.</option>
-                    <option value="내가 좋아하는 캐릭터는?">내가 좋아하는 캐릭터는?</option>
-                    <option value="타인이 모르는 자신만의 신체비밀이 있다면?">타인이 모르는 자신만의 신체비밀이 있다면?</option>
-                    <option value="자신의 인생 좌우명은?">자신의 인생 좌우명은?</option>
-                    <option value="초등학교 때 기억에 남는 짝꿍 이름은?">초등학교 때 기억에 남는 짝꿍 이름은?</option>
-                    <option value="유년시절 가장 생각나는 친구 이름은?">유년시절 가장 생각나는 친구 이름은?</option>
-                    <option value="가장 기억에 남는 선생님 성함은?">가장 기억에 남는 선생님 성함은?</option>
-                    <option value="친구들에게 공개하지 않은 어릴 적 별명이 있다면?">친구들에게 공개하지 않은 어릴 적 별명이 있다면?</option>
-                    <option value="다시 태어나면 되고 싶은 것은?">다시 태어나면 되고 싶은 것은?</option>
-                    <option value="가장 감명깊게 본 영화는?">가장 감명깊게 본 영화는?</option>
-                    <option value="읽은 책 중에서 좋아하는 구절이 있다면?">읽은 책 중에서 좋아하는 구절이 있다면?</option>
-                    <option value="기억에 남는 추억의 장소는?">기억에 남는 추억의 장소는?</option>
-                    <option value="인상 깊게 읽은 책 이름은?">인상 깊게 읽은 책 이름은?</option>
-                    <option value="자신의 보물 제1호는?">자신의 보물 제1호는?</option>
-                    <option value="받았던 선물 중 기억에 남는 독특한 선물은?">받았던 선물 중 기억에 남는 독특한 선물은?</option>
-                    <option value="자신이 두번째로 존경하는 인물은?">자신이 두번째로 존경하는 인물은?</option>
-                    <option value="아버지의 성함은?">아버지의 성함은?</option>
-                    <option value="어머니의 성함은?">어머니의 성함은?</option>
-                </select>
-
-                <table width="350" border="0" cellspacing="0" cellpadding="0">
-                <tr>
-                    <td class=m_padding2><input class=ed type=text name="mb_password_q" size=55 required itemname="패스워드 분실시 질문" value="<?=$member[mb_password_q]?>"></td>
-                </tr>
-                </table>
-            </TD>
-        </TR>
-        <TR bgcolor="#FFFFFF">
-            <TD class=m_title>패스워드 분실시 답변</TD>
-            <TD class=m_padding><input class=ed type=text name='mb_password_a' size=38 required itemname='패스워드 분실시 답변' value='<?=$member[mb_password_a]?>'></TD>
-        </TR> -->
-        </TABLE>
+    <th scope="row"><label for="">아이디</label></th>
+    <td>
+        <input type="text" id="reg_mb_id" name="mb_id" value="<?=$member[mb_id]?>" maxlength="20" size="20" <? if ($w=='u') { echo "readonly style='background-color:#dddddd;'"; } ?> <? if ($w=='') { echo "onblur='reg_mb_id_check();'"; } ?>>
+        <span id='msg_mb_id'></span>
+        <span>영문자, 숫자, _ 만 입력 가능. 최소 3자이상 입력하세요.</span>
     </td>
 </tr>
-</table>
-
-<table width="100%" cellspacing="0" cellpadding="0">
 <tr>
-    <td height="1" bgcolor="#ffffff"></td>
+    <th scope="row"><label for="">패스워드</label></th>
+    <td><input type="password" id="mb_password" name="mb_password" size=20 maxlength=20 <?=($w=="")?"required":"";?>></td>
+</tr>
+<tr>
+    <th scope="row"><label for="">패스워드 확인</label></th>
+    <td><input type="password" id="mb_password_re" name="mb_password_re" size=20 maxlength=20 <?=($w=="")?"required":"";?>></td>
 </tr>
 </table>
 
-<table width="100%" cellspacing="0" cellpadding="0">
+<table>
+<caption>개인정보 입력</caption>
 <tr>
-    <td bgcolor="#CCCCCC">
-        <TABLE cellSpacing=1 cellPadding=0 width=100%>
-        <TR bgcolor="#FFFFFF">
-            <TD width="160" class=m_title>이름</TD>
-            <TD class=m_padding>
-                <input name=mb_name itemname="이름" value="<?=$member[mb_name]?>" <?=$member[mb_name]?"readonly class=ed2":"class=ed";?>> 
-                <? if ($w=='') { echo "(공백없이 한글만 입력 가능)"; } ?>
-            </TD>
-        </TR>
-
-        <? if ($member[mb_nick_date] <= date("Y-m-d", $g4[server_time] - ($config[cf_nick_modify] * 86400))) { // 별명수정일이 지났다면 수정가능 ?>
-        <input type=hidden name=mb_nick_default value='<?=$member[mb_nick]?>'>
-        <TR bgcolor="#FFFFFF">
-            <TD class=m_title>별명</TD>
-            <TD class='m_padding lh'>
-                <input class=ed type=text id='reg_mb_nick' name='mb_nick' maxlength=20 value='<?=$member[mb_nick]?>'
-                    onblur="reg_mb_nick_check();">
-                <span id='msg_mb_nick'></span>
-                <br>공백없이 한글,영문,숫자만 입력 가능 (한글2자, 영문4자 이상)
-                <br>별명을 바꾸시면 앞으로 <?=(int)$config[cf_nick_modify]?>일 이내에는 변경 할 수 없습니다.
-            </TD>
-        </TR>
-        <? } else { ?>
-        <input type=hidden name="mb_nick_default" value='<?=$member[mb_nick]?>'>
-        <input type=hidden name="mb_nick" value="<?=$member[mb_nick]?>">
-        <? } ?>
-
-        <input type=hidden name='old_email' value='<?=$member[mb_email]?>'>
-        <TR bgcolor="#FFFFFF">
-            <TD class=m_title>E-mail</TD>
-            <TD class='m_padding lh'>
-                <input class=ed type=text id='reg_mb_email' name='mb_email' size=38 maxlength=100 value='<?=$member[mb_email]?>'
-                    onblur="reg_mb_email_check()">
-                <span id='msg_mb_email'></span>
-                <? if ($config[cf_use_email_certify]) { ?>
-                    <? if ($w=='') { echo "<br>e-mail 로 발송된 내용을 확인한 후 인증하셔야 회원가입이 완료됩니다."; } ?>
-                    <? if ($w=='u') { echo "<br>e-mail 주소를 변경하시면 다시 인증하셔야 합니다."; } ?>
-                <? } ?>
-            </TD>
-        </TR>
-
-        <? if ($w=="") { ?>
-            <TR bgcolor="#FFFFFF">
-                <TD class=m_title>생년월일</TD>
-                <TD class=m_padding><input class=ed type=text id=mb_birth name='mb_birth' size=8 maxlength=8 minlength=8 required numeric itemname='생년월일' value='<?=$member[mb_birth]?>' readonly title='옆의 달력 아이콘을 클릭하여 날짜를 입력하세요.'></TD>
-            </TR>
-        <? } ?>
-
-        <? if ($member[mb_sex]) { ?>
-            <input type=hidden name=mb_sex value='<?=$member[mb_sex]?>'>
-        <? } else { ?>
-            <TR bgcolor="#FFFFFF">
-                <TD class=m_title>성별</TD>
-                <TD class=m_padding>
-                    <select id=mb_sex name=mb_sex required itemname='성별'>
-                    <option value=''>선택하세요
-                    <option value='F'>여자
-                    <option value='M'>남자
-                    </select>
-                    <script type="text/javascript">//document.getElementById('mb_sex').value='<?=$member[mb_sex]?>';</script>
-                    </td>
-            </TR>
-        <? } ?>
-
-        <? if ($config[cf_use_homepage]) { ?>
-        <TR bgcolor="#FFFFFF">
-            <TD class=m_title>홈페이지</TD>
-            <TD class=m_padding><input class=ed type=text name='mb_homepage' size=38 maxlength=255 <?=$config[cf_req_homepage]?'required':'';?> itemname='홈페이지' value='<?=$member[mb_homepage]?>'></TD>
-        </TR>
-        <? } ?>
-
-        <? if ($config[cf_use_tel]) { ?>
-        <TR bgcolor="#FFFFFF">
-            <TD class=m_title>전화번호</TD>
-            <TD class=m_padding><input class=ed type=text name='mb_tel' size=21 maxlength=20 <?=$config[cf_req_tel]?'required':'';?> itemname='전화번호' value='<?=$member[mb_tel]?>'></TD>
-        </TR>
-        <? } ?>
-
-        <? if ($config[cf_use_hp]) { ?>
-        <TR bgcolor="#FFFFFF">
-            <TD class=m_title>핸드폰번호</TD>
-            <TD class=m_padding><input class=ed type=text name='mb_hp' size=21 maxlength=20 <?=$config[cf_req_hp]?'required':'';?> itemname='핸드폰번호' value='<?=$member[mb_hp]?>'></TD>
-        </TR>
-        <? } ?>
-
-        <? if ($config[cf_use_addr]) { ?>
-        <TR bgcolor="#FFFFFF">
-            <TD class=m_title>주소</TD>
-            <TD valign="middle" class=m_padding>
-                <table width="330" border="0" cellspacing="0" cellpadding="0">
-                <tr>
-                    <td height="25"><input class=ed type=text name='mb_zip1' size=4 maxlength=3 readonly <?=$config[cf_req_addr]?'required':'';?> itemname='우편번호 앞자리' value='<?=$member[mb_zip1]?>'>
-                         - 
-                        <input class=ed type=text name='mb_zip2' size=4 maxlength=3 readonly <?=$config[cf_req_addr]?'required':'';?> itemname='우편번호 뒷자리' value='<?=$member[mb_zip2]?>'>
-                        &nbsp;<a href="javascript:;" onclick="win_zip('fregisterform', 'mb_zip1', 'mb_zip2', 'mb_addr1', 'mb_addr2');"><img width="91" height="20" src="<?=$member_skin_path?>/img/post_search_btn.gif" border=0 align=absmiddle></a></td>
-                </tr>
-                <tr>
-                    <td height="25" colspan="2"><input class=ed type=text name='mb_addr1' size=60 readonly <?=$config[cf_req_addr]?'required':'';?> itemname='주소' value='<?=$member[mb_addr1]?>'></td>
-                </tr>
-                <tr>
-                    <td height="25" colspan="2"><input class=ed type=text name='mb_addr2' size=60 <?=$config[cf_req_addr]?'required':'';?> itemname='상세주소' value='<?=$member[mb_addr2]?>'></td>
-                </tr>
-                </table>
-            </TD>
-        </TR>
-        <? } ?>
-
-        </TABLE>
+    <th scope="row"><label for="">이름</label></th>
+    <td>
+        <input id="mb_name" name="mb_name" value="<?=$member[mb_name]?>" <?=$member[mb_name]?"readonly2":"";?>>
+        <? if ($w=='') { echo "(공백없이 한글만 입력 가능)"; } ?>
     </td>
 </tr>
-</table>
-
-<table width="100%" border="0" cellspacing="0" cellpadding="0">
+<? if ($member[mb_nick_date] <= date("Y-m-d", $g4[server_time] - ($config[cf_nick_modify] * 86400))) { // 별명수정일이 지났다면 수정가능 ?>
+<input type="hidden" id="mb_nick_default" name="mb_nick_default" value='<?=$member[mb_nick]?>'>
 <tr>
-    <td height="1" bgcolor="#ffffff"></td>
-</tr>
-</table>
-
-<table width="100%" border="0" cellspacing="0" cellpadding="0">
-<tr>
-    <td bgcolor="#CCCCCC">
-        <TABLE cellSpacing=1 cellPadding=0 width=100%>
-
-        <? if ($config[cf_use_signature]) { ?>
-        <TR bgcolor="#FFFFFF">
-            <TD width="160" class=m_title>서명</TD>
-            <TD class=m_padding><textarea name=mb_signature class=tx rows=3 style='width:95%;' <?=$config[cf_req_signature]?'required':'';?> itemname='서명'><?=$member[mb_signature]?></textarea></TD>
-        </TR>
-        <? } ?>
-
-        <? if ($config[cf_use_profile]) { ?>
-        <TR bgcolor="#FFFFFF">
-            <TD width="160" class=m_title>자기소개</TD>
-            <TD class=m_padding><textarea name=mb_profile class=tx rows=3 style='width:95%;' <?=$config[cf_req_profile]?'required':'';?> itemname='자기 소개'><?=$member[mb_profile]?></textarea></TD>
-        </TR>
-        <? } ?>
-
-        <? if ($member[mb_level] >= $config[cf_icon_level]) { ?>
-        <TR bgcolor="#FFFFFF">
-            <TD width="160" class=m_title>회원아이콘</TD>
-            <TD class=m_padding><INPUT class=ed type=file name='mb_icon' size=30>
-                <table width="350" border="0" cellspacing="0" cellpadding="0">
-                    <tr>
-                        <td class=m_padding3>* 이미지 크기는 가로(<?=$config[cf_member_icon_width]?>픽셀)x세로(<?=$config[cf_member_icon_height]?>픽셀) 이하로 해주세요.<br>&nbsp;&nbsp;(gif만 가능 / 용량:<?=number_format($config[cf_member_icon_size])?>바이트 이하만 등록됩니다.)
-                            <? if ($w == "u" && file_exists($mb_icon)) { ?>
-                                <br><img src='<?=$mb_icon?>' align=absmiddle> <input type=checkbox name='del_mb_icon' value='1'>삭제
-                            <? } ?>
-                        </td>
-                    </tr>
-                </table></TD>
-        </TR>
-        <? } ?>
-
-        <TR bgcolor="#FFFFFF">
-            <TD width="160" class=m_title>메일링서비스</TD>
-            <TD class=m_padding><input type=checkbox name=mb_mailling value='1' <?=($w=='' || $member[mb_mailling])?'checked':'';?>>정보 메일을 받겠습니다.</TD>
-        </TR>
-        <TR bgcolor="#FFFFFF">
-            <TD width="160" class=m_title>SMS 수신여부</TD>
-            <TD class=m_padding><input type=checkbox name=mb_sms value='1' <?=($w=='' || $member[mb_sms])?'checked':'';?>>핸드폰 문자메세지를 받겠습니다.</TD>
-        </TR>
-
-        <? if ($member[mb_open_date] <= date("Y-m-d", $g4[server_time] - ($config[cf_open_modify] * 86400))) { // 정보공개 수정일이 지났다면 수정가능 ?> 
-        <input type=hidden name=mb_open_default value='<?=$member[mb_open]?>'> 
-        <TR bgcolor="#FFFFFF"> 
-            <TD width="160" class=m_title>정보공개</TD> 
-            <TD class=m_padding><input type=checkbox name=mb_open value='1' <?=($w=='' || $member[mb_open])?'checked':'';?>>다른분들이 나의 정보를 볼 수 있도록 합니다. 
-                <br>&nbsp;&nbsp;&nbsp;&nbsp; 정보공개를 바꾸시면 앞으로 <?=(int)$config[cf_open_modify]?>일 이내에는 변경이 안됩니다.</td> 
-        </TR> 
-        <? } else { ?> 
-        <input type=hidden name="mb_open" value="<?=$member[mb_open]?>"> 
-        <TR bgcolor="#FFFFFF"> 
-            <TD width="160" class=m_title>정보공개</TD> 
-            <TD class=m_padding> 
-                정보공개는 수정후 <?=(int)$config[cf_open_modify]?>일 이내, <?=date("Y년 m월 j일", strtotime("$member[mb_open_date] 00:00:00") + ($config[cf_open_modify] * 86400))?> 까지는 변경이 안됩니다.<br> 
-                이렇게 하는 이유는 잦은 정보공개 수정으로 인하여 쪽지를 보낸 후 받지 않는 경우를 막기 위해서 입니다. 
-            </td> 
-        </tr> 
-        <? } ?> 
-
-        <? if ($w == "" && $config[cf_use_recommend]) { ?>
-        <TR bgcolor="#FFFFFF">
-            <TD width="160" class=m_title>추천인아이디</TD>
-            <TD class=m_padding><input type=text name=mb_recommend class=ed></TD>
-        </TR>
-        <? } ?>
-
-        </TABLE>
+    <th scope="row"><label for="">별명</label></th>
+    <td>
+        <input type="text" id="reg_mb_nick" name="mb_nick" maxlength="20" value='<?=$member[mb_nick]?>' onblur="reg_mb_nick_check();">
+        <span id="msg_mb_nick"></span>
+        <br>공백없이 한글,영문,숫자만 입력 가능 (한글2자, 영문4자 이상)
+        <br>별명을 바꾸시면 앞으로 <?=(int)$config[cf_nick_modify]?>일 이내에는 변경 할 수 없습니다.
     </td>
 </tr>
-</table>
+<? } else { ?>
+<input type="hidden" id="mb_nick_default" name="mb_nick_default" value='<?=$member[mb_nick]?>'>
+<input type="hidden" id="mb_nick" name="mb_nick" value="<?=$member[mb_nick]?>">
+<? } ?>
 
-<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
-    <td height="1" bgcolor="#ffffff"></td>
-</tr>
-</table>
-
-<table width="100%" border="0" cellspacing="0" cellpadding="0">
-<tr>
-    <td bgcolor="#CCCCCC">
-        <TABLE cellSpacing=1 cellPadding=0 width=100%>
-        <TR bgcolor="#FFFFFF">
-            <td width="160" height="28" class=m_title>
-                <img id='kcaptcha_image' />
-            </td>
-            <td class=m_padding>
-                <input type=input class=ed size=10 name=wr_key itemname="자동등록방지" required>&nbsp;&nbsp;왼쪽의 글자를 입력하세요.
-            </td>
-        </tr>
-        </table>
+    <th scope="row"><label for="">E-mail</label></th>
+    <td>
+        <input type="hidden" id="old_email" name="old_email" value='<?=$member[mb_email]?>'>
+        <input type="text" id='reg_mb_email' id="mb_email" name="mb_email" size=38 maxlength=100 value='<?=$member[mb_email]?>' onblur="reg_mb_email_check()">
+        <span id='msg_mb_email'></span>
+        <? if ($config[cf_use_email_certify]) { ?>
+            <? if ($w=='') { echo "<br>e-mail 로 발송된 내용을 확인한 후 인증하셔야 회원가입이 완료됩니다."; } ?>
+            <? if ($w=='u') { echo "<br>e-mail 주소를 변경하시면 다시 인증하셔야 합니다."; } ?>
+        <? } ?>
     </td>
 </tr>
+
+<? if ($w=="") { ?>
+<tr>
+    <th scope="row"><label for="">생년월일</label></th>
+    <td><input type="text" id=mb_birth id="mb_birth" name="mb_birth" size=8 maxlength=8 minlength=8 required value='<?=$member[mb_birth]?>' readonly title='옆의 달력 아이콘을 클릭하여 날짜를 입력하세요.'></td>
+</tr>
+<? } ?>
+
+
+<? if (!$member[mb_sex]) { ?>
+<tr>
+    <th scope="row"><label for="">성별</label></th>
+    <td>
+        <select id="mb_sex" name="mb_sex" required>
+            <option value=''>선택하세요</option>
+            <option value='F'>여자</option>
+            <option value='M'>남자</option>
+        </select>
+        <script>//document.getElementById('mb_sex').value='<?=$member[mb_sex]?>';</script>
+    </td>
+</tr>
+<? } ?>
+
+<? if ($config[cf_use_homepage]) { ?>
+<tr>
+    <th scope="row"><label for="">홈페이지</label></th>
+    <td><input type="text" id="mb_homepage" name="mb_homepage" size=38 maxlength=255 <?=$config[cf_req_homepage]?'required':'';?> value='<?=$member[mb_homepage]?>'></td>
+</tr>
+<? } ?>
+
+<? if ($config[cf_use_tel]) { ?>
+<tr>
+    <th scope="row"><label for="">전화번호</label></th>
+    <td><input type="text" id="mb_tel" name="mb_tel" size=21 maxlength=20 <?=$config[cf_req_tel]?'required':'';?> value='<?=$member[mb_tel]?>'></td>
+</tr>
+<? } ?>
+
+<? if ($config[cf_use_hp]) { ?>
+<tr>
+    <th scope="row"><label for="">핸드폰번호</label></th>
+    <td><input type="text" id="mb_hp" name="mb_hp" size=21 maxlength=20 <?=$config[cf_req_hp]?'required':'';?> value='<?=$member[mb_hp]?>'></td>
+</tr>
+<? } ?>
+
+<? if ($config[cf_use_addr]) { ?>
+<tr>
+    <th scope="row"><label for="">주소</label></th>
+    <td>
+        <input type="text" id="mb_zip1" name="mb_zip1" size=4 maxlength=3 readonly <?=$config[cf_req_addr]?'required':'';?> value='<?=$member[mb_zip1]?>'>
+         -
+        <input type="text" id="mb_zip2" name="mb_zip2" size=4 maxlength=3 readonly <?=$config[cf_req_addr]?'required':'';?> value='<?=$member[mb_zip2]?>'>
+        <a href="javascript:;" onclick="win_zip('fregisterform', 'mb_zip1', 'mb_zip2', 'mb_addr1', 'mb_addr2');"><img width="91" height="20" src="<?=$member_skin_path?>/img/post_search_btn.gif" border=0 align=absmiddle></a>
+        <input type="text" id="mb_addr1" name="mb_addr1" size=60 readonly <?=$config[cf_req_addr]?'required':'';?> value='<?=$member[mb_addr1]?>'>
+        <input type="text" id="mb_addr2" name="mb_addr2" size=60 <?=$config[cf_req_addr]?'required':'';?> value='<?=$member[mb_addr2]?>'>
+    </td>
+</tr>
+<? } ?>
 </table>
 
-<p align=center>
-    <INPUT type=image width="66" height="20" src="<?=$member_skin_path?>/img/join_ok_btn.gif" border=0 accesskey='s'>
+<table>
+<caption>기타 개인설정</caption>
+<? if ($config[cf_use_signature]) { ?>
+<tr>
+    <th scope="row"><label for="">서명</label></th>
+    <td><textarea id="mb_signature" name="mb_signature" class=tx rows=3 style='width:95%;' <?=$config[cf_req_signature]?'required':'';?>><?=$member[mb_signature]?></textarea></td>
+</tr>
+<? } ?>
 
-</td></tr>
+<? if ($config[cf_use_profile]) { ?>
+<tr>
+    <th scope="row"><label for="">자기소개</label></th>
+    <td><textarea id="mb_profile" name="mb_profile" class=tx rows=3 style='width:95%;' <?=$config[cf_req_profile]?'required':'';?>><?=$member[mb_profile]?></textarea></td>
+</tr>
+<? } ?>
+
+<? if ($member[mb_level] >= $config[cf_icon_level]) { ?>
+<tr>
+    <th scope="row"><label for="">회원아이콘</label></th>
+    <td>
+        <input type="file" id="mb_icon" name="mb_icon">
+        이미지 크기는 가로 <?=$config[cf_member_icon_width]?>픽셀, 세로 <?=$config[cf_member_icon_height]?>픽셀 이하로 해주세요.<br>
+        gif만 가능 / 용량:<?=number_format($config[cf_member_icon_size])?>바이트 이하만 등록됩니다.)
+        <? if ($w == "u" && file_exists($mb_icon)) { ?>
+        <input type="checkbox" id="del_mb_icon" name="del_mb_icon" value='1'> 삭제
+        <? } ?>
+    </td>
+</tr>
+<? } ?>
+
+<tr>
+    <th scope="row"><label for="">메일링서비스</label></th>
+    <td><input type="checkbox" id="mb_mailling" name="mb_mailling" value='1' <?=($w=='' || $member[mb_mailling])?'checked':'';?>>정보 메일을 받겠습니다.</td>
+</tr>
+<tr>
+    <th scope="row"><label for="">SMS 수신여부</label></th>
+    <td><input type="checkbox" id="mb_sms" name="mb_sms" value='1' <?=($w=='' || $member[mb_sms])?'checked':'';?>>핸드폰 문자메세지를 받겠습니다.</td>
+</tr>
+
+<? if ($member[mb_open_date] <= date("Y-m-d", $g4[server_time] - ($config[cf_open_modify] * 86400))) { // 정보공개 수정일이 지났다면 수정가능 ?>
+<input type="hidden" id="mb_open_default" name="mb_open_default" value='<?=$member[mb_open]?>'>
+<tr>
+    <th scope="row"><label for="">정보공개</label></th>
+    <td><input type="checkbox" id="mb_open" name="mb_open" value='1' <?=($w=='' || $member[mb_open])?'checked':'';?>>다른분들이 나의 정보를 볼 수 있도록 합니다.
+        <br>&nbsp;&nbsp;&nbsp;&nbsp; 정보공개를 바꾸시면 앞으로 <?=(int)$config[cf_open_modify]?>일 이내에는 변경이 안됩니다.</td>
+</tr>
+<? } else { ?>
+<input type="hidden" id="mb_open" name="mb_open" value="<?=$member[mb_open]?>">
+<tr>
+    <th scope="row"><label for="">정보공개</label></th>
+    <td>
+        정보공개는 수정후 <?=(int)$config[cf_open_modify]?>일 이내, <?=date("Y년 m월 j일", strtotime("$member[mb_open_date] 00:00:00") + ($config[cf_open_modify] * 86400))?> 까지는 변경이 안됩니다.<br>
+        이렇게 하는 이유는 잦은 정보공개 수정으로 인하여 쪽지를 보낸 후 받지 않는 경우를 막기 위해서 입니다.
+    </td>
+</tr>
+<? } ?>
+
+<? if ($w == "" && $config[cf_use_recommend]) { ?>
+<tr>
+    <th scope="row"><label for="">추천인아이디</label></th>
+    <td><input type="text" id="mb_recommend" name="mb_recommend"></td>
+</tr>
+<? } ?>
 </table>
 
+<fieldset>
+    <legend>자동등록방지</legend>
+    <img id="kcaptcha_image">
+    <input type="text" id="wr_key" name="wr_key" required>
+    왼쪽의 글자를 입력하세요.
+</fieldset>
+
+<div class="btn_confirm">
+    <input type="submit" value="회원가입" accesskey='s'>
+</div>
 </form>
 
-
-<script type="text/javascript" src="<?="$g4[path]/js/jquery.kcaptcha.js"?>"></script>
-<script type="text/javascript">
+<script src="<?="$g4[path]/js/jquery.kcaptcha.js"?>"></script>
+<script>
 $(function() {
     // 폼의 첫번째 입력박스에 포커스 주기 
-    $("#fregisterform :input[type=text]:visible:enabled:first").focus(); 
+    $("#fregisterform :input[type="text"]:visible:enabled:first").focus(); 
 });
 
 // submit 최종 폼체크