183 lines
11 KiB
PHP
183 lines
11 KiB
PHP
<!-- popup_wrap -->
|
|
<div class="popup-wrap" id="pop_mypage04" role="dialog" aria-labelledby="mypage03_title" aria-modal="true">
|
|
<!-- popup_in -->
|
|
<div class="popup-in mypage">
|
|
<button class="btn-close" type="button" aria-label="팝업 닫기">
|
|
<img src="/kngil/img/ico/ico_close.svg" alt="닫기">
|
|
</button>
|
|
<!-- popup_container -->
|
|
<div class="popup-container edit">
|
|
<!-- pop_header -->
|
|
<div class="pop-header">
|
|
<h2 class="tit" id="mypage03_title">내 정보 수정</h2>
|
|
<p class="sub-txt">
|
|
소중한 <em>내 정보</em>를 <br>
|
|
<em>최신</em>으로 관리하세요.
|
|
</p>
|
|
</div>
|
|
<!-- //pop_header -->
|
|
<!-- pop_body -->
|
|
<div class="pop-body">
|
|
<form action="" method="post" novalidate>
|
|
<div class="tbl-wrap">
|
|
<table>
|
|
<tbody>
|
|
<tr class="disabled">
|
|
<th>회원유형</th>
|
|
<td>
|
|
<div class="input-box radio">
|
|
<label for="member_type1">
|
|
<input type="radio" id="member_type1" name="memberType" value="1" checked disabled>
|
|
<span>기업회원</span>
|
|
</label>
|
|
<label for="member_type2">
|
|
<input type="radio" id="member_type2" name="memberType" value="2" disabled>
|
|
<span>개인회원</span>
|
|
</label>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="disabled">
|
|
<th>아이디</th>
|
|
<td>
|
|
<div class="input-box">
|
|
<input type="text" placeholder="A1122" readonly disabled>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr >
|
|
<th>비밀번호<span class="point" aria-label="필수">*</span></th>
|
|
<td>
|
|
<div class="input-box">
|
|
<input type="password" placeholder="************" required>
|
|
<button type="button" class="btn-sm btn-cancel">취소</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>새 비밀번호 </th>
|
|
<td>
|
|
<div class="input-box">
|
|
<input type="password" placeholder="새 비밀번호 입력" required>
|
|
<input type="password" placeholder="새 비밀번호 확인" required>
|
|
<button type="button" class="btn-sm">변경</button>
|
|
</div>
|
|
<span class="info-msg d-none">영문+숫자+특수기호 8자 이상</span>
|
|
</td>
|
|
</tr>
|
|
<tr class="disabled">
|
|
<th>이름 </th>
|
|
<td>
|
|
<div class="input-box">
|
|
<input type="text" placeholder="이지빔" readonly disabled>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>이메일<span class="point" aria-label="필수">*</span></th>
|
|
<td>
|
|
<div class="input-box">
|
|
<input type="text" placeholder="A1122" class="e-id" required>
|
|
<div><span>@</span></div>
|
|
<input type="text" id="custom_domain" placeholder="직접 입력" class="d-none domain-domain" required>
|
|
<select id="domain_list" class="domain-list" required>
|
|
<option value="" hidden disabled>선택</option>
|
|
<option value="naver" selected>naver.com</option>
|
|
<option value="gmail">gmail.com</option>
|
|
<option value="daum">daum.net</option>
|
|
<option value="nate">nate.com</option>
|
|
<option value="hotmail">hotmail.com</option>
|
|
<option value="yahoo">yahoo.com</option>
|
|
<option value="type" id="domain_txt">직접입력</option>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<!-- 휴대전화번호 -->
|
|
<tr>
|
|
<th>
|
|
<label for="user_phone">휴대전화번호</label>
|
|
</th>
|
|
<td>
|
|
<div class="input-box group">
|
|
<input
|
|
type="tel"
|
|
id="user_phone"
|
|
name="userPhone"
|
|
placeholder="휴대폰 번호"
|
|
required
|
|
pattern="[0-9]{3}-[0-9]{4}-[0-9]{4}"
|
|
>
|
|
<span class="timer d-none">03:00</span>
|
|
<button type="button" class="btn-sm btn-code" aria-label="인증번호 발송">
|
|
인증요청
|
|
</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<!-- 휴대전화번호 인증완료 -->
|
|
<tr class="d-none">
|
|
<th>
|
|
<label for="user_phone">휴대전화번호</label>
|
|
</th>
|
|
<td>
|
|
<div class="input-box group">
|
|
<input
|
|
type="tel"
|
|
id="user_phone"
|
|
name="userPhone"
|
|
placeholder="휴대폰 번호"
|
|
required
|
|
pattern="[0-9]{3}-[0-9]{4}-[0-9]{4}"
|
|
>
|
|
<span class="complete-msg"><i class="ico-check" aria-hidden="true"></i>인증완료</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- 휴대전화번호 변경 -->
|
|
<tr class="d-none">
|
|
<th>
|
|
<label for="user_phone">휴대전화번호</label>
|
|
</th>
|
|
<td>
|
|
<div class="input-box group">
|
|
<input
|
|
type="tel"
|
|
id="user_phone"
|
|
name="userPhone"
|
|
placeholder="휴대폰 번호"
|
|
required
|
|
pattern="[0-9]{3}-[0-9]{4}-[0-9]{4}"
|
|
>
|
|
<button class="btn-sm change" type="button">휴대폰 번호 변경</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr class="company-group disabled">
|
|
<th>회사정보</th>
|
|
<td>
|
|
<div class="input-box">
|
|
<input type="text" id="company_name" name="companyName" placeholder="(주)BBB" required disabled>
|
|
<input type="text" id="department_name" name="departmentName" placeholder="XXX부" required disabled>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="btn-wrap">
|
|
<button type="button" class="btn-cancel">취소</button>
|
|
<button type="button" class="btn-full">정보 수정</button>
|
|
</div>
|
|
<div class="sign-out"><a href=""><i class="ico-signout" aria-hidden="true"></i>회원 탈퇴하기</a></div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- //pop_body -->
|
|
</div>
|
|
<!-- //popup_container -->
|
|
</div>
|
|
<!-- //popup_in -->
|
|
</div>
|
|
<!-- //popup_wrap -->
|