425 lines
28 KiB
HTML
425 lines
28 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="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 class="heading">
|
|
<h2>기업회원 정보변경</h2>
|
|
</div>
|
|
<div class="mem_cont_in">
|
|
<div class="text_top">
|
|
<p>회원님의 정보를 <span class="c_002c9a">확인</span>및 <span class="c_002c9a">변경</span> 하실 수 있습니다.</p>
|
|
</div>
|
|
<div class="input_wrap">
|
|
<!-- 기본정보 -->
|
|
<div class="input_list">
|
|
<p class="list_title">기본정보</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="hong5678" 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" placeholder="hong1234" readonly>
|
|
<span>@</span>
|
|
<label for="" class="label">이메일 주소 뒷자리</label>
|
|
<input type="text" class="list_inputType1" placeholder="gmail.com" readonly>
|
|
</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="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
|
|
<label for="agree1_1">휴대폰</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>
|
|
</div><!--// 기본정보 -->
|
|
<!-- 기업정보 -->
|
|
<div class="input_list">
|
|
<p class="list_title">기업정보</p>
|
|
<div class="input_list_item">
|
|
<div class="input_left">기업유형</div>
|
|
<div class="input_right">
|
|
<input id="radio1" type="radio"name="sel_type" checked="checked">
|
|
<label for="radio1">개인</label>
|
|
<input id="radio2" type="radio" name="sel_type">
|
|
<label for="radio2">영리법인</label>
|
|
<input id="radio3" type="radio" name="sel_type">
|
|
<label for="radio3">비영리법인</label>
|
|
<input id="radio4" type="radio" name="sel_type">
|
|
<label for="radio4">기타</label>
|
|
</div>
|
|
</div>
|
|
<div class="input_list_item">
|
|
<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">
|
|
<div class="input_left">사업자등록번호</div>
|
|
<div class="input_right">
|
|
<label for="" class="label">사업자등록번호 입력</label>
|
|
<input type="text" class="list_inputType1" placeholder="653-12-34567" readonly>
|
|
<div class="list_btn_wrap">
|
|
<button type="button">사업자등록번호 확인</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="input_list_item">
|
|
<div class="input_left">사업자등록증 첨부</div>
|
|
<div class="input_right">
|
|
<label for="" class="label">사업자등록증 첨부</label>
|
|
<input type="text" class="list_inputType1" placeholder="주식회사 수빈인터네셔널 사업자.jpg" readonly>
|
|
<div class="list_btn_wrap">
|
|
<span>사업자등록증 첨부(5MB 이내)</span>
|
|
<button type="button">파일첨부</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="input_list_item bis_status">
|
|
<div class="input_left">업태/종목</div>
|
|
<div class="input_right">
|
|
<label for="" class="label">업태 입력</label>
|
|
<input type="text" class="list_inputType1" placeholder="F.건설업" readonly>
|
|
<span>/</span>
|
|
<label for="" class="label">종목 입력</label>
|
|
<input type="text" class="list_inputType1" placeholder="소매업" readonly>
|
|
</div>
|
|
</div>
|
|
<div class="input_list_item">
|
|
<div class="input_left">사업장 주소</div>
|
|
<div class="input_right">
|
|
<label for="" class="label">사업장 주소 입력</label>
|
|
<input type="text" class="list_inputType1" placeholder="경기도 남양주시 다산중앙로 1234" readonly>
|
|
<div class="list_btn_wrap">
|
|
<button type="button">우편번호 찾기</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="input_list_item">
|
|
<div>
|
|
<label for="" class="label">사업장 주소 상세 입력</label>
|
|
<input type="text" class="list_inputType1 colorLight" size="100" placeholder="상세주소를 입력해주세요(선택)" onfocus="this.placeholder = ''" onblur="this.placeholder='상세주소를 입력해주세요(선택)'">
|
|
</div>
|
|
</div>
|
|
</div><!--// 기업정보 -->
|
|
<!-- 계산서정보 -->
|
|
<div class="input_list listType2">
|
|
<p class="list_title">계산서정보</p>
|
|
<div class="input_list_item">
|
|
<div class="input_left">계산서 자동 발행</div>
|
|
<div class="input_right">
|
|
<input id="radio5" type="radio"name="publish" checked="checked">
|
|
<label for="radio5">자동발행</label>
|
|
<input id="radio6" type="radio" name="publish">
|
|
<label for="radio6">발행하지 않음</label>
|
|
</div>
|
|
</div>
|
|
<div class="invoice">
|
|
<div class="invoice_wrap">
|
|
<div class="input_list_item2">
|
|
<div class="input_left" style="width: 150px;">계산서 수신이메일</div>
|
|
<div class="input_right">
|
|
<div class="email">
|
|
<label for="" class="label">이메일 주소 앞자리</label>
|
|
<input type="text" class="list_inputType1" placeholder="sbitnsasa1234" readonly>
|
|
<span>@</span>
|
|
<label for="" class="label">이메일 주소 뒷자리</label>
|
|
<input type="text" class="list_inputType1" placeholder="gmail.com" readonly>
|
|
<label for="" class="label">이메일 선택</label>
|
|
<select class="list_selType1">
|
|
<option>직접입력</option>
|
|
<option>네이버</option>
|
|
<option>네이트</option>
|
|
<option>한메일(다음)</option>
|
|
<option>지메일</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="input_list_item2">
|
|
<div class="input_half">
|
|
<div>담당자</div>
|
|
<div>
|
|
<label for="" class="label">담당자 입력</label>
|
|
<input type="text" class="list_inputType1" placeholder="홍길동" readonly>
|
|
</div>
|
|
</div>
|
|
<div class="input_half">
|
|
<div>직위</div>
|
|
<div>
|
|
<label for="" class="label">직위 입력</label>
|
|
<input type="text" class="list_inputType1" placeholder="주임" readonly>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="input_list_item2 number">
|
|
<div class="input_left">휴대폰</div>
|
|
<div class="input_right">
|
|
<label for="" class="label">휴대폰 번호 입력</label>
|
|
<input type="text" class="list_inputType1" placeholder="010" readonly>
|
|
<span>-</span>
|
|
<label for="" class="label">휴대폰 번호 입력</label>
|
|
<input type="text" class="list_inputType1" placeholder="1234" readonly>
|
|
<span>-</span>
|
|
<label for="" class="label">휴대폰 번호 입력</label>
|
|
<input type="text" class="list_inputType1" placeholder="5678" readonly>
|
|
</div>
|
|
</div>
|
|
<div class="input_list_item2 number">
|
|
<div class="input_left">일반전화</div>
|
|
<div class="input_right">
|
|
<label for="" class="label">일반전화 번호 입력</label>
|
|
<input type="text" class="list_inputType1" placeholder="070" readonly>
|
|
<span>-</span>
|
|
<label for="" class="label">일반전화 번호 입력</label>
|
|
<input type="text" class="list_inputType1" placeholder="5858" readonly>
|
|
<span>-</span>
|
|
<label for="" class="label">일반전화 번호 입력</label>
|
|
<input type="text" class="list_inputType1" placeholder="1212" readonly>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mem_btnWrap2">
|
|
<button type="button" class="mem_btn3">변경</button>
|
|
<button type="button" class="mem_btn2">취소</button>
|
|
</div>
|
|
</div>
|
|
</div><!--// 계산서정보 -->
|
|
</div>
|
|
</div>
|
|
</div><!--// 마이페이지 - 회원정보 변경 -->
|
|
|
|
</div><!--// send top -->
|
|
</div>
|
|
</div><!--// content 영역 -->
|
|
<!-- footer 영역 -->
|
|
<!-- footer -->
|
|
<div data-include-path="/publish/layout/_footer.html"></div>
|
|
<!--// footer 영역 -->
|
|
</body></html>
|