회원 : 기존 회원 본인인증 페이지 추가
This commit is contained in:
seeoya
@ -0,0 +1,68 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="' . $member_skin_url . '/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 기존 회원 본인인증 시작 { -->
|
||||
<div class="register_cert_reset">
|
||||
<form name="register_cert_reset" id="register_cert_reset" action="<?php echo $register_action_url ?>" onsubmit="return register_cert_reset_submit(this);" method="POST" autocomplete="off">
|
||||
<section id="register_cert_reset_private">
|
||||
<h2>추가 개인정보처리방침 안내</h2>
|
||||
<div>
|
||||
<div class="tbl_head01 tbl_wrap">
|
||||
<table>
|
||||
<caption>추가 개인정보처리방침 안내</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>목적</th>
|
||||
<th>항목</th>
|
||||
<th>보유기간</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>이용자 식별 및 본인여부 확인</td>
|
||||
<td>생년월일, 암호화된 개인식별부호(CI)</td>
|
||||
<td>회원 탈퇴 시까지</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<fieldset class="register_cert_reset_agree">
|
||||
<input type="checkbox" name="agree2" value="1" id="agree21" class="selec_chk">
|
||||
<label for="agree21"><span></span><b class="sound_only">개인정보 수집 및 이용의 내용에 동의합니다.</b></label>
|
||||
</fieldset>
|
||||
</section>
|
||||
|
||||
<div id="find_info" class="new_win">
|
||||
<h3>본인인증으로 찾기</h3>
|
||||
<div class="cert_btn">
|
||||
<button type="submit" class="btn_close">토스 인증</button>
|
||||
<button type="submit" class="btn_close">PASS 인증</button>
|
||||
<button type="submit" class="btn_close">페이코 인증</button>
|
||||
<button type="submit" class="btn_close">금융인증서</button>
|
||||
</div>
|
||||
<div class="win_btn">
|
||||
<button type="submit" class="btn_submit">휴대폰 본인확인</button>
|
||||
<button type="submit" class="btn_submit">아이핀 본인확인</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script>
|
||||
function register_cert_reset_submit(f) {
|
||||
if (!f.agree2.checked) {
|
||||
alert("개인정보 수집 및 이용의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
|
||||
f.agree2.focus();
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
<!-- } 기존 회원 본인인증 끝 -->
|
||||
@ -7,73 +7,7 @@
|
||||
.mbskin p strong {color:#4162ff;padding-bottom:5px;display:block;font-size:1.083em}
|
||||
|
||||
/* 버튼 */
|
||||
.mbskin a.btn01 {}
|
||||
.mbskin a.btn01:focus, .mbskin a.btn01:hover {}
|
||||
.mbskin a.btn02 {}
|
||||
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
|
||||
.mbskin .btn_confirm {} /* 서식단계 진행 */
|
||||
.mbskin .btn_submit {display:block;width:100%;height:40px;line-height:40px;padding:0 10px;border:0;font-weight:bold;background:#3a8afd;color:#fff;border-radius:3px}
|
||||
.mbskin .btn_cancel {}
|
||||
.mbskin .btn_frmline {} /* 우편번호검색버튼 등 */
|
||||
.mbskin .win_btn {} /* 새창용 */
|
||||
.mbskin .win_btn a {}
|
||||
.mbskin .win_btn button {}
|
||||
.mbskin .win_btn input {}
|
||||
|
||||
/* 게시판용 버튼 */
|
||||
.mbskin a.btn_b01 {}
|
||||
.mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {}
|
||||
.mbskin a.btn_b02 {}
|
||||
.mbskin a.btn_b02:focus, .mbskin .btn_b02:hover {}
|
||||
.mbskin a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
.mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {}
|
||||
|
||||
/* 기본테이블 */
|
||||
.mbskin .tbl_head01 {}
|
||||
.mbskin .tbl_head01 caption {}
|
||||
.mbskin .tbl_head01 thead th {}
|
||||
.mbskin .tbl_head01 thead a {}
|
||||
.mbskin .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
.mbskin .tbl_head01 tfoot th {}
|
||||
.mbskin .tbl_head01 tfoot td {}
|
||||
.mbskin .tbl_head01 tbody th {}
|
||||
.mbskin .tbl_head01 td {}
|
||||
.mbskin .tbl_head01 a {}
|
||||
.mbskin td.empty_table {}
|
||||
|
||||
/* 폼 테이블 */
|
||||
.mb_skin table {}
|
||||
.mb_skin caption {}
|
||||
.mb_skin .frm_info {}
|
||||
.mb_skin .frm_file {}
|
||||
|
||||
.mbskin .tbl_frm01 {}
|
||||
.mbskin .tbl_frm01 caption {}
|
||||
.mbskin .tbl_frm01 th {}
|
||||
.mbskin .tbl_frm01 td {}
|
||||
.mbskin .tbl_frm01 textarea, .mbskin .frm_input {}
|
||||
.mbskin .tbl_frm01 textarea {}
|
||||
/*
|
||||
.mbskin .tbl_frm01 #captcha {}
|
||||
.mbskin .tbl_frm01 #captcha input {}
|
||||
*/
|
||||
.mbskin .tbl_frm01 a {}
|
||||
|
||||
.mbskin .required, .mbskin textarea.required {} /* 필수입력 */
|
||||
|
||||
/* 테이블 항목별 정의 */
|
||||
.mbskin .td_board {}
|
||||
.mbskin .td_chk {}
|
||||
.mbskin .td_date {}
|
||||
.mbskin .td_datetime {}
|
||||
.mbskin .td_group {}
|
||||
.mbskin .td_mb_id {}
|
||||
.mbskin .td_mng {}
|
||||
.mbskin .td_name {}
|
||||
.mbskin .td_nick {}
|
||||
.mbskin .td_num {}
|
||||
.mbskin .td_numbig {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 회원가입 공통 */
|
||||
@ -136,7 +70,6 @@
|
||||
.fregister_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
|
||||
.fregister_agree.chk_all input[type="checkbox"] + label span {top:15px}
|
||||
|
||||
|
||||
/* 회원가입 완료 */
|
||||
#reg_result {padding:20px 10px 10px}
|
||||
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;line-height:2em}
|
||||
@ -162,6 +95,26 @@
|
||||
#pw_reset #info_fs {margin-bottom: 10px}
|
||||
#pw_reset .frm_input {margin:10px 0 0}
|
||||
|
||||
/* 기존 회원 본인인증 */
|
||||
#register_cert_reset section {position:relative;background:#fff;border-bottom:1px solid #e5e9f0;padding:15px}
|
||||
#register_cert_reset_chkall {position:relative;font-size:bold;text-align:left;background:#fff;padding:15px;border-top:1px solid #e5e9f0;border-bottom:1px solid #e5e9f0;border-radius:3px}
|
||||
#register_cert_reset h2 {text-align:left;padding-bottom:15px;line-height:1.7em;font-size:1.4em}
|
||||
#register_cert_reset textarea {display:block;width:100%;height:180px;padding:10px;background:#fbfbfb;border:1px solid #d1d7d8;line-height:1.5em;color:#555}
|
||||
#register_cert_reset p {position:relative;text-align:left;color:#fff;line-height:18px;padding:15px;font-size:1.1em;background:#f2838f;margin:15px;border-radius:5px}
|
||||
#register_cert_reset p:before {content:"";position:absolute;top:0;left:0;width:5px;height:100%;border-radius:5px 0 0 5px;background:#da4453}
|
||||
#register_cert_reset p i {font-size:1.2em;vertical-align:middle}
|
||||
#register_cert_reset .btn_confirm {margin:15px 10px}
|
||||
#register_cert_reset_private .tbl_head01 {margin:0}
|
||||
#register_cert_reset_private .tbl_head01 caption {position:absolute;font-size:0;line-height:0;overflow:hidden;top:0;color:#fff}
|
||||
.register_cert_reset_agree input[type="checkbox"] + label {color:#676e70}
|
||||
.register_cert_reset_agree input[type="checkbox"] + label:hover {color:#2172f8}
|
||||
.register_cert_reset_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
|
||||
.register_cert_reset_agree input[type="checkbox"]:checked + label {color:#000}
|
||||
.register_cert_reset_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
|
||||
.register_cert_reset_agree.chk_all input[type="checkbox"] + label span {top:15px}
|
||||
|
||||
#register_cert_reset #find_info {padding:30px 0}
|
||||
|
||||
/* 로그인 */
|
||||
#mb_login {}
|
||||
#mb_login h1 {font-size:2em;text-align:center;margin:30px 0 20px}
|
||||
@ -201,7 +154,6 @@
|
||||
#mb_login #sns_login .sns-icon:nth-child(odd) {margin-right:2%}
|
||||
#mb_login #sns_login .txt {font-size:0.95em;padding-left:5px !important;border-left:0 !important}
|
||||
|
||||
|
||||
/* 쪽지 */
|
||||
.memo_list {border-top:1px solid #ececec;}
|
||||
.memo_list li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
|
||||
@ -339,7 +291,6 @@
|
||||
.chk_box input[type="radio"]:checked + label span {border-color:#3a8afd}
|
||||
.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#3a8afd;content:'';position:absolute;top:3px;left:3px;border-radius:50%}
|
||||
|
||||
|
||||
/* 자기소개 */
|
||||
#profile section {margin:10px}
|
||||
#profile h2 {margin:0}
|
||||
|
||||
68
theme/basic/skin/member/basic/register_cert_reset.skin.php
Normal file
68
theme/basic/skin/member/basic/register_cert_reset.skin.php
Normal file
@ -0,0 +1,68 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="' . $member_skin_url . '/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 기존 회원 본인인증 시작 { -->
|
||||
<div class="register_cert_reset">
|
||||
<form name="register_cert_reset" id="register_cert_reset" action="<?php echo $register_action_url ?>" onsubmit="return register_cert_reset_submit(this);" method="POST" autocomplete="off">
|
||||
<section id="register_cert_reset_private">
|
||||
<h2>추가 개인정보처리방침 안내</h2>
|
||||
<div>
|
||||
<div class="tbl_head01 tbl_wrap">
|
||||
<table>
|
||||
<caption>추가 개인정보처리방침 안내</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>목적</th>
|
||||
<th>항목</th>
|
||||
<th>보유기간</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>이용자 식별 및 본인여부 확인</td>
|
||||
<td>생년월일, 암호화된 개인식별부호(CI)</td>
|
||||
<td>회원 탈퇴 시까지</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<fieldset class="register_cert_reset_agree">
|
||||
<input type="checkbox" name="agree2" value="1" id="agree21" class="selec_chk">
|
||||
<label for="agree21"><span></span><b class="sound_only">개인정보 수집 및 이용의 내용에 동의합니다.</b></label>
|
||||
</fieldset>
|
||||
</section>
|
||||
|
||||
<div id="find_info" class="new_win">
|
||||
<h3>본인인증으로 찾기</h3>
|
||||
<div class="cert_btn">
|
||||
<button type="submit" class="btn_close">토스 인증</button>
|
||||
<button type="submit" class="btn_close">PASS 인증</button>
|
||||
<button type="submit" class="btn_close">페이코 인증</button>
|
||||
<button type="submit" class="btn_close">금융인증서</button>
|
||||
</div>
|
||||
<div class="win_btn">
|
||||
<button type="submit" class="btn_submit">휴대폰 본인확인</button>
|
||||
<button type="submit" class="btn_submit">아이핀 본인확인</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script>
|
||||
function register_cert_reset_submit(f) {
|
||||
if (!f.agree2.checked) {
|
||||
alert("개인정보 수집 및 이용의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
|
||||
f.agree2.focus();
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
<!-- } 기존 회원 본인인증 끝 -->
|
||||
@ -1,35 +1,6 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 시작 ### */
|
||||
|
||||
/* 버튼 */
|
||||
.mbskin a.btn01 {}
|
||||
.mbskin a.btn01:focus, .mbskin .btn01:hover {}
|
||||
.mbskin a.btn02 {}
|
||||
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
|
||||
.mbskin .btn_confirm {} /* 서식단계 진행 */
|
||||
.mbskin .btn_submit {}
|
||||
.mbskin button.btn_submit {}
|
||||
.mbskin fieldset .btn_submit {}
|
||||
.mbskin .btn_cancel {}
|
||||
.mbskin button.btn_cancel {}
|
||||
.mbskin .btn_cancel:focus, .mbskin .btn_cancel:hover {}
|
||||
.mbskin a.btn_frmline, .mbskin button.btn_frmline {} /* 우편번호검색버튼 등 */
|
||||
.mbskin button.btn_frmline {}
|
||||
.mbskin .win_btn {} /* 새창용 */
|
||||
.mbskin .win_btn button {}
|
||||
.mbskin .win_btn input {}
|
||||
.mbskin .win_btn a {}
|
||||
.mbskin .win_btn a:focus, .mbskin .win_btn a:hover {}
|
||||
|
||||
/* 게시판용 버튼 */
|
||||
.mbskin a.btn_b01 {}
|
||||
.mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {}
|
||||
.mbskin a.btn_b02 {}
|
||||
.mbskin a.btn_b02:focus, .mbskin .btn_b02:hover {}
|
||||
.mbskin a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
.mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {}
|
||||
|
||||
/* 기본박스 */
|
||||
.mbskin {position:relative;margin:100px auto 0;width:360px;text-align:center}
|
||||
.mbskin:after {right:10px;left:auto;
|
||||
@ -42,54 +13,8 @@
|
||||
.mbskin .frm_input {width:100%}
|
||||
.mbskin .btn_submit {width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em}
|
||||
.mbskin h1 {margin:60px 0 30px;font-size:2em}
|
||||
|
||||
|
||||
/* 기본테이블 */
|
||||
.mbskin .tbl_head01 {}
|
||||
.mbskin .tbl_head01 caption {}
|
||||
.mbskin .tbl_head01 thead th {}
|
||||
.mbskin .tbl_head01 thead a {}
|
||||
.mbskin .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
.mbskin .tbl_head01 tfoot th {}
|
||||
.mbskin .tbl_head01 tfoot td {}
|
||||
.mbskin .tbl_head01 tbody th {}
|
||||
.mbskin .tbl_head01 td {}
|
||||
.mbskin .tbl_head01 a {}
|
||||
.mbskin td.empty_table {}
|
||||
|
||||
/* 폼 테이블 */
|
||||
.mbskin table {}
|
||||
.mbskin caption {}
|
||||
.mbskin .frm_info {}
|
||||
.mbskin .frm_file {}
|
||||
|
||||
.mbskin .tbl_frm01 {}
|
||||
.mbskin .tbl_frm01 th {width:85px}
|
||||
.mbskin .tbl_frm01 td {}
|
||||
.mbskin .tbl_frm01 textarea, .mb_skin tbl_frm01 .frm_input {}
|
||||
.mbskin .tbl_frm01 textarea {}
|
||||
.mbskin .tbl_frm01 a {}
|
||||
|
||||
/* 필수입력 */
|
||||
.mbskin .required, .mbskin textarea.required {}
|
||||
|
||||
/* 테이블 항목별 정의 */
|
||||
.mbskin .td_board {}
|
||||
.mbskin .td_chk {}
|
||||
.mbskin .td_date {}
|
||||
.mbskin .td_datetime {}
|
||||
.mbskin .td_group {}
|
||||
.mbskin .td_mb_id {}
|
||||
.mbskin .td_mng {}
|
||||
.mbskin .td_name {}
|
||||
.mbskin .td_nick {}
|
||||
.mbskin .td_num {}
|
||||
.mbskin .td_numbig {}
|
||||
|
||||
.mbskin .txt_active {}
|
||||
.mbskin .txt_expired {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 회원가입 약관 */
|
||||
.register {margin:0 auto}
|
||||
.register:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
@ -181,6 +106,31 @@
|
||||
#pw_reset #info_fs {margin-bottom: 10px}
|
||||
#pw_reset .frm_input {margin:10px 0 0}
|
||||
|
||||
/* 기존 회원 본인인증 */
|
||||
#register_cert_reset p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold}
|
||||
#register_cert_reset p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
|
||||
#register_cert_reset p i {font-size:1.2em;vertical-align:middle}
|
||||
#register_cert_reset section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px}
|
||||
#register_cert_reset_chkall {position:relative;text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px}
|
||||
#register_cert_reset h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.2em}
|
||||
#register_cert_reset textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
|
||||
#register_cert_reset_private {position:relative}
|
||||
#register_cert_reset_private div {padding:20px;background:#fff}
|
||||
#register_cert_reset_private table {width:100%;border-collapse:collapse;font-size:1em;}
|
||||
#register_cert_reset_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#register_cert_reset_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf}
|
||||
#register_cert_reset_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0}
|
||||
|
||||
.register_cert_reset_agree {position:absolute;top:0;right:0}
|
||||
.register_cert_reset_agree input[type="checkbox"] + label {color:#676e70}
|
||||
.register_cert_reset_agree input[type="checkbox"] + label:hover {color:#2172f8}
|
||||
.register_cert_reset_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
|
||||
.register_cert_reset_agree input[type="checkbox"]:checked + label {color:#000}
|
||||
.register_cert_reset_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
|
||||
.register_cert_reset_agree.chk_all input[type="checkbox"] + label span {top:18px}
|
||||
|
||||
#register_cert_reset #find_info {margin:50px 0}
|
||||
|
||||
/* 로그인 */
|
||||
#mb_login {}
|
||||
#mb_login h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
Reference in New Issue
Block a user