214 lines
13 KiB
HTML
214 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>문자온</title>
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="/publish/css/reset.css">
|
|
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
|
|
<link rel="stylesheet" href="/publish/css/common.css">
|
|
<link rel="stylesheet" href="/publish/css/button.css">
|
|
<link rel="stylesheet" href="/publish/css/content.css">
|
|
<link rel="stylesheet" href="/publish/css/mem.css">
|
|
<link rel="stylesheet" href="/publish/css/font.css">
|
|
<link rel="stylesheet" href="/publish/css/popupLayer.css">
|
|
|
|
|
|
<script src="/publish/js/jquery-3.5.0.js"></script>
|
|
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
|
|
<script src="/publish/js/common.js"></script>
|
|
<script src="/publish/js/content.js"></script>
|
|
<script src="/publish/js/calendar.js"></script>
|
|
<script src="/publish/js/popupLayer.js"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="mask"></div>
|
|
<div data-include-path="/publish/layout/_header.html"></div>
|
|
<!-- login 영역 -->
|
|
<!-- content 영역 -->
|
|
<div id="container" class="cont sub">
|
|
<div class="inner">
|
|
<!-- send top -->
|
|
<div class="send_top">
|
|
<!-- tab button -->
|
|
<ul class="tabType4">
|
|
<li class="tab active"><button type="button" onclick="TabType5(this,'1');">회원정보 변경</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
|
|
</ul>
|
|
<!--// tab button -->
|
|
<!-- 마이페이지 - 회원정보 변경 -->
|
|
<div class="mypage_content current" id="tab5_1">
|
|
<!-- 비밀번호 확인 -->
|
|
<div class="heading">
|
|
<h2>비밀번호 확인</h2>
|
|
</div>
|
|
<div class="mem_cont_in widthS">
|
|
<div class="input_list">
|
|
<p class="list_title2">비밀번호 확인 후 이용 가능합니다.</p>
|
|
<div class="input_list_item colorW">
|
|
<div class="input_left">아이디</div>
|
|
<div class="input_right">
|
|
<label for="" class="label">아이디</label>
|
|
<input type="text" class="list_inputType1" placeholder="hong1234" readonly>
|
|
</div>
|
|
</div>
|
|
<div class="input_list_item">
|
|
<div class="input_left">비밀번호</div>
|
|
<div class="input_right">
|
|
<label for="" class="label">비밀번호 입력</label>
|
|
<input type="password" class="list_inputType1">
|
|
</div>
|
|
<div class="list_alert pass_no">
|
|
<i></i>
|
|
<span>비밀번호가 일치하지 않습니다.</span>
|
|
</div>
|
|
</div>
|
|
<div class="mem_btnWrap2">
|
|
<button type="button" class="mem_btn3">확인</button>
|
|
</div>
|
|
<p class="reqTxt4">
|
|
- 외부로부터 고객님의 정보를 안전하게 보호하기 위해 비밀번호를 다시 확인합니다.<br>
|
|
- 비밀번호를 5회 이상 틀릴 경우 자동 로그아웃 됩니다.(영문, 숫자, 특수기호 조합 8자 이상)</p>
|
|
</div>
|
|
<!--// 기본정보 -->
|
|
</div>
|
|
<!--// 비밀번호 확인 -->
|
|
<!-- 개인회원 정보변경 -->
|
|
<div class="heading">
|
|
<h2>개인회원 정보변경</h2>
|
|
</div>
|
|
<div class="mem_cont_in">
|
|
<div class="text_top">
|
|
<p>회원정보를<span>확인</span> 및 <span>변경</span>할 수 있습니다.</p>
|
|
</div>
|
|
<div class="input_list">
|
|
<div class="input_list_item colorW">
|
|
<div class="input_left">아이디</div>
|
|
<div class="input_right">
|
|
<label for="" class="label">아이디</label>
|
|
<input type="text" class="list_inputType1" placeholder="hong1234" readonly>
|
|
</div>
|
|
</div>
|
|
<div class="input_list_item colorW">
|
|
<div class="input_left">이름</div>
|
|
<div class="input_right">
|
|
<label for="" class="label">이름</label>
|
|
<input type="text" class="list_inputType1" placeholder="홍길동" readonly>
|
|
</div>
|
|
</div>
|
|
<div class="input_list_item colorW">
|
|
<div class="input_left">휴대폰번호</div>
|
|
<div class="input_right">
|
|
<label for="" class="label">휴대폰번호</label>
|
|
<input type="text" class="list_inputType1" placeholder="010-1234-5678" readonly>
|
|
<div class="list_btn_wrap">
|
|
<span><span class="vMiddle">*</span>본인 명의 휴대폰으로만 변경 가능</span>
|
|
<button type="button">휴대폰 변경</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="input_list_item emailWrap">
|
|
<div>
|
|
<div class="input_left">이메일</div>
|
|
<div class="input_right">
|
|
<div class="email">
|
|
<label for="" class="label">이메일 주소 앞자리</label>
|
|
<input type="text" class="list_inputType1">
|
|
<span>@</span>
|
|
<label for="" class="label">이메일 주소 뒷자리</label>
|
|
<input type="text" class="list_inputType1">
|
|
</div>
|
|
<div class="email_select">
|
|
<label for="" class="label">이메일 선택</label>
|
|
<select class="list_selType1">
|
|
<option>직접입력</option>
|
|
<option>네이버</option>
|
|
<option>네이트</option>
|
|
<option>한메일(다음)</option>
|
|
<option>지메일</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="input_list_item send_agree">
|
|
<div class="input_left">알림 설정</div>
|
|
<div class="input_right">
|
|
<div>
|
|
<div class="checkbox_wrap">
|
|
<input type="checkbox" id="allim_1" title="뉴스레터 동의" class="joinCheckbox type3">
|
|
<label for="allim_1">뉴스레터</label>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="checkbox_wrap">
|
|
<input type="checkbox" id="allim_2" title="안내문자 동의" class="joinCheckbox type3">
|
|
<label for="allim_2">안내문자</label>
|
|
</div>
|
|
</div>
|
|
<div class="list_alert reqest_text">
|
|
<span style="line-height:1.2;">뉴스레터 및 각종 안내문자의<br>수신여부를 설정할 수 있습니다.</span>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
<div class="input_list_item send_agree">
|
|
<div class="input_left">마케팅 수신 동의</div>
|
|
<div class="input_right">
|
|
<div>
|
|
<div class="checkbox_wrap">
|
|
<input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
|
<label for="agree1_1">휴대폰</label>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="checkbox_wrap">
|
|
<input type="checkbox" id="agree1_2" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
|
<label for="agree1_2">카카오</label>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="checkbox_wrap">
|
|
<input type="checkbox" id="agree1_3" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
|
<label for="agree1_3">이메일</label>
|
|
</div>
|
|
</div>
|
|
<div class="list_alert reqest_text">
|
|
<span style="line-height:1.2;">수신동의 시 각종 혜택 및<br> 이벤트 정보를 받아보실 수 있습니다.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다. </p>
|
|
<div class="mem_btnWrap2">
|
|
<button type="button" class="mem_btn4">기업회원 전환</button>
|
|
<button type="button" class="mem_btn3">변경</button>
|
|
</div>
|
|
</div>
|
|
<!--// 회원정보 변경 -->
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<!--// 마이페이지 - 회원정보 변경 -->
|
|
|
|
</div>
|
|
<!--// send top -->
|
|
</div>
|
|
<!--// content 영역 -->
|
|
<!-- footer 영역 -->
|
|
<!-- footer -->
|
|
<div data-include-path="/publish/layout/_footer.html"></div>
|
|
<!--// footer 영역 -->
|
|
</body>
|
|
|
|
</html> |