mjon_git/src/main/webapp/publish/mypage5_2.html

561 lines
32 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/popupLayer.js"></script>
<script>
function guideTab(obj) {
var target = $(obj);
var idx = target.closest('li').index();
target.closest('.guide_tab').find('li').removeClass('active');
target.closest('li').addClass('active');
target.closest('.guide_content').find('.guide_table').removeClass('active').eq(idx).addClass('active');
}
(function () {
//노출시키려는 역역 선택해서 '1', '2', '3' 값 넣어주면됨
var dept = $('#mberDept').val();
if (dept != 'c') { //개인일 경우
nameChk();
} else { //법인일 경우 당사 선택 되도록
nameChk(1);
}
//최초 본인명의 라디오버튼 안보이게 처리
$('#selfCert').css('visibility', 'collapse');
});
function nameChk(target) {
var callFrom = $('#inputPhoneNum').val();
// var callType = checkTelHpType(callFrom);
if (target == '1') {
//기업회원 당사, 업로드 영역만 노출
$('#phone').css("visibility", "collapse");
$('#upload').css('visibility', 'visible');
//인증타입 설정
$('#nameType').val("1");
} else if (target == '2') {
//기업회원 당사, 휴대폰번호 영역만 노출
$('#phone').css("visibility", "collapse");
$('#upload').css('visibility', 'collapse');
//인증타입 설정
$('#nameType').val("2");
} else if (target == '3') {
//업로드, 휴대폰영역 둘 다 노출
$('#phone').css("visibility", "visible");
$('#upload').css('visibility', 'visible');
$('#summary_phone').css('visibility', 'visible');
//인증타입 설정
$('#nameType').val("3");
} else if (target == '4') {
//업로드, 휴대폰영역 둘 다 노출
$('#phone').css("visibility", "collapse");
$('#upload').css('visibility', 'visible');
//인증타입 설정
$('#nameType').val("4");
} else if (target == '5') {
//개인회원 본인인증
if (callType == 'Hp') { //핸드폰 번호이면 번호인증만
$('#phone').css("visibility", "visible");
$('#upload').css('visibility', 'collapse');
$('#summary_phone').css('visibility', 'collapse');
$('#certType').val("01");
} else { //일반전화이면 첨부파일만
$('#phone').css("visibility", "collapse");
$('#upload').css('visibility', 'visible');
$('#certType').val("03");
}
//인증타입 설정
$('#nameType').val("5");
} else if (target == '6') {
//개인회원 타인인증
if (callType == 'Hp') { //핸드폰 번호이면 번호인증만
$('#phone').css("visibility", "visible");
$('#upload').css('visibility', 'visible');
$('#summary_phone').css('visibility', 'visible');
} else { //일반전화이면 첨부파일만
$('#phone').css("visibility", "collapse");
$('#upload').css('visibility', 'visible');
}
//인증타입 설정
$('#nameType').val("6");
}
//휴대폰 인증여부 초기화
$('#hpCertChk').val("N");
//$('#inputSendNum').val("");
}
</script>
</head>
<body>
<div class="mask"></div>
<!-- 대리인 신분증 -->
<div class="tooltip-wrap">
<div class="popup-com servInfo_cont popup004" tabindex="0" data-tooltip-con="popup004" data-focus="popup004" data-focus-prev="popup004-close">
<div class="popup_heading">
<p>대리인 신분증이란?</p>
<button type="button" class="tooltip-close" data-focus="popup001-close">
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
</button>
</div>
<div class="layer_in">
<!-- 발신번호 관리 수정 -->
<div class="call_number_pop">
<ul class="call_numbber_list">
<li>- 타인/타사의 휴대전화(또는 일반전화)를 발신번호로 등록하기 위해서는 대리인(문자온 가입자)의 신분증 사본을 제출하여야 합니다.</li>
<li>- 개인회원 : <strong>타인 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
<li>- 기업회원 : <strong>타사 휴대전화(or 일반전화)</strong> 발신번호 등록 시 제출</li>
</ul>
<div class="noted_items">
<p class="title">참고사항</p>
<ul class="call_numbber_list">
<li>· 신분증 사본 제출 시 주민번호 뒷자리는 마스킹 처리(개인정보 보호)</li>
<li>· 제출 가능한 신분증 : 주민등록증, 운전면허증, 여권</li>
<li>· 대리인 = <strong>문자온 가입자(O)</strong> 발신번호 명의자(X)</li>
</ul>
</div>
</div>
<div class="ex_con_wrap">
<div class="ex_con">
<p class="ex_con_tit">[제출 예시 이미지]</p>
<img src="/publish/images/popup/id_card_ex.png" alt="제출 예시 이미지">
<p class="ex_con_te">※ 이미지 자료 : 행정안전부</p>
</div>
</div>
</div>
</div>
</div>
<!-- // 대리인 신분증 -->
<!-- 위임장 작성 방법 -->
<div class="tooltip-wrap">
<div class="popup-com servInfo_cont popup003" tabindex="0" data-tooltip-con="popup003" data-focus="popup003" data-focus-prev="popup003-close">
<div class="popup_heading">
<p>위임장 작성 방법</p>
<button type="button" class="tooltip-close" data-focus="popup001-close">
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
</button>
</div>
<div class="layer_in pro_layer_in">
<!-- 발신번호 관리 수정 -->
<div class="pro_btn_wrap">
<button type="button" class="button attorney btn" onclick="location.href='/download/number/문자온_발신번호_등록_위임장_양식.zip'">위임장 다운로드</button>
</div>
<div class="call_number_pop">
<p class="pro_tit">타인 또는 타사의 휴대전화 및 일반전화 발신번호 등록을 위해서는 <br><span>위임장 제출이 필수</span>입니다.</p>
<ul class="call_numbber_list">
<li>- 위임자(발신번호 명의자)와 수임자(문자온 가입자)를 구분하여 작성</li>
<li>- 개인정보 수집 이용 동의 체크</li>
<li>- 위임자가 법인일 경우 도장 날인, 개인일경우 자필 서명</li>
</ul>
</div>
<div class="ex_con_wrap">
<div class="ex_con">
<p class="ex_con_tit">[위임장 작성 예시]</p>
<img src="/publish/images/popup/pro_ex.png" alt="제출 예시 이미지">
</div>
</div>
</div>
</div>
</div>
<!-- // 위임장 작성 방법 -->
<!-- 통신서비스 이용증명원 발급 안내 -->
<div class="tooltip-wrap">
<div class="popup-com servInfo_cont popup001" tabindex="0" data-tooltip-con="popup001" data-focus="popup001" data-focus-prev="popup001-close">
<div class="popup_heading">
<p>통신서비스 이용증명원 발급안내</p>
<button type="button" class="tooltip-close" data-focus="popup001-close">
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
</button>
</div>
<div class="layer_in call_layer">
<!-- 발신번호 관리 수정 -->
<div class="call_number_pop">
<ul class="call_numbber_list">
<li>- 과학기술정보통신부 고시에 따라 발신번호 등록 시 <strong>통신서비스 이용증명원</strong>을 통해 전화번호 일치 여부 등을 확인하고 있습니다.</li>
<li>- 이동통신사 고객센터 또는 홈페이지 등을 통해 해당 서류를 발급 후 발신번호 신청 시 함께 첨부해주시면 빠른 심사 처리가 가능합니다.</li>
<li>- ※ 휴대폰 본인인증으로 대체 가능(단, 본인인증이 불가한 번호의 경우 서류 발급 필수)</li>
</ul>
<div class="noted_items">
<p class="title">참고사항</p>
<ul class="call_numbber_list">
<li>· 발급 시 명의자의 성명(법인명), 생년월일(사업자번호), 서비스번호(전화번호) 등이 모두 노출되어야 함</li>
<li>· 이용증명원 내 발급 시기 및 발급자 정보(발급 담당자의 성명 및 전화번호 등)가 포함되어야 함</li>
<li>· 착신전용서비스, 타지역서비스, 디지털착신전용 발신번호 등록 불가</li>
</ul>
</div>
</div>
<p class="info_tit">[통신사 고객센터 정보]</p>
<ul>
<li>
<div>
<div>
<img src="/publish/images/content/call_serv1.png" alt="T 월드">
</div>
<p>
<span class="fwLg">모바일</span>
080-011-6000&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span class="fwLg">유선</span> 080-816-2000
</p>
</div>
</li>
<li>
<div>
<div>
<img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤">
</div>
<p>1599-0999</p>
</div>
</li>
<li>
<div>
<div>
<img src="/publish/images/content/call_serv3.png" alt="SK 브로드밴드">
</div>
<p>080-8282-106</p>
</div>
</li>
<li>
<div>
<div>
<img src="/publish/images/content/call_serv4.png" alt="hello 모바일">
</div>
<p>KT망 1855-1144&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;SKT망
1855-2114</p>
</div>
</li>
<li>
<div>
<div>
<img src="/publish/images/content/call_serv5.png" alt="Kt">
</div>
<p>
<span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span>
100
</p>
</div>
</li>
<li>
<div>
<div>
<img src="/publish/images/content/call_serv6.png" alt="세종텔레콤">
</div>
<p>080-889-1000</p>
</div>
</li>
<li>
<div>
<div>
<img src="/publish/images/content/call_serv7.png" alt="U+">
</div>
<p>
<span class="fwLg">모바일</span>
1588-0010&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span class="fwLg">유선</span> 100
</p>
</div>
</li>
<li>
<div>
<div>
<img src="/publish/images/content/call_serv8.png" alt="Kct">
</div>
<p>070-8188-0114</p>
</div>
</li>
</ul>
</div>
</div>
</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"><button type="button" onclick="location.href='/publish/mypage2.html'">회원정보 변경</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 active"><button type="button" onclick="TabType5(this,'5');">발신번호 관리</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_4">
<div class="heading call_numbe_con">
<h2>발신번호 관리</h2>
<div class="button_wrap">
<button type="button" class="button certificate btn" data-tooltip="popup001">통신서비스 이용증명원 발급안내</button>
<button type="button" class="button id_card btn" data-tooltip="popup004">대리인 신분증이란?</button>
<button type="button" class="button pro_ex btn" data-tooltip="popup003">위임장 작성 방법</button>
</div>
</div>
<!-- 발신번호 등록 준비서류 안내 -->
<div class="papers_guide">
<h3>발신번호 등록 준비서류 안내</h3>
<div class="guide_content">
<ul class="guide_tab">
<li class="active"><button type="button" onclick="guideTab(this);">개인</button></li>
<li class=""><button type="button" onclick="guideTab(this);">기업</button></li>
</ul>
<div class="guide_table active">
<p class="fwBold c_e40000" style="margin: 0 0 5px 0; font-size: 15px;">※ 모든 문자사이트(공통)는 전기통신사업법 및 관련 법률에 따라 아래 서류를 반드시 제출하셔야만 발신번호를 등록할 수 있습니다.</p>
<p class="fwBold c_e40000" style="margin: 0 0 10px 0; font-size: 15px;">※ 등록하시려는 발신번호에 대한 휴대폰 본인인증(or 통신서비스이용증명원 제출)은 필수사항입니다.</p>
<table>
<caption>개인 회원 발신번호 등록 준비셔류 안내가 있는 표</caption>
<colgroup>
<col style="width:200px;">
<col style="width:240px;">
<col style="width:auto;">
</colgroup>
<thead>
<tr>
<th>명의자</th>
<th>번호형태</th>
<th>인증방법 및 제출 서류</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2" class="title">본인</td>
<td>휴대전화</td>
<td>휴대폰 본인인증</td>
</tr>
<tr>
<td>일반전화</td>
<td>통신서비스이용증명원</td>
</tr>
<tr>
<td rowspan="2" class="title">타인</td>
<td>휴대전화</td>
<td>휴대폰 본인인증(or 통신서비스이용증명원), 위임장, 대리인 신분증 사본</td>
</tr>
<tr>
<td>일반전화</td>
<td>통신서비스이용증명원, 위임장, 대리인 신분증 사본</td>
</tr>
<tr>
<td class="title">회사</td>
<td>모든전화</td>
<td>통신서비스이용증명원, 사업자등록증, 재직증명서류</td>
</tr>
</tbody>
</table>
<p class="noti">* 신분증사본 제출 시 주민번호 뒷자리 마스킹</p>
</div>
<div class="guide_table">
<p class="fwBold c_e40000" style="margin: 0 0 5px 0; font-size: 15px;">※ 모든 문자사이트(공통)는 전기통신사업법 및 관련 법률에 따라 아래 서류를 반드시 제출하셔야만 발신번호를 등록할 수 있습니다.</p>
<p class="fwBold c_e40000" style="margin: 0 0 10px 0; font-size: 15px;">※ 등록하시려는 발신번호에 대한 휴대폰 본인인증(or 통신서비스이용증명원 제출)은 필수사항입니다.</p>
<table>
<caption>기업 회원 발신번호 등록 준비셔류 안내가 있는 표</caption>
<colgroup>
<col style="width:200px;">
<col style="width:240px;">
<col style="width:auto;">
</colgroup>
<thead>
<tr>
<th>명의자</th>
<th>번호형태</th>
<th>인증방법 및 제출 서류</th>
</tr>
</thead>
<tbody>
<tr>
<td class="title">당사</td>
<td>모든전화</td>
<td>통신서비스이용증명원</td>
</tr>
<tr>
<td rowspan="2" class="title">대표</td>
<td>휴대전화</td>
<td>휴대폰 본인인증</td>
</tr>
<tr>
<td>일반전화</td>
<td>통신서비스이용증명원</td>
</tr>
<tr>
<td class="title">직원</td>
<td>모든전화</td>
<td>휴대폰 본인인증(or 통신서비스이용증명원), 재직증명서류</td>
</tr>
<tr>
<td class="title">타사</td>
<td>모든전화</td>
<td>거래관계확인서(계약서 등), 발신번호 사업자등록증, 재직증명서류(직원번호인 경우)<br>대리인 신분증 사본, 위임장, 통신서비스이용증명원</td>
</tr>
</tbody>
</table>
<p class="noti">* 신분증사본 제출 시 주민번호 뒷자리 마스킹<span></span>* 재직증명서 대체 가능 문서 <strong>국민연금가입증명서</strong> 또는 <strong>건강보험득실확인서</strong></p>
</div>
</div>
</div>
<table class="tType1">
<caption>발신번호 등록 및 인증수단이 있는 표</caption>
<colgroup>
<col style="width:200px;">
<col style="width:auto;">
</colgroup>
<tbody>
<tr style="visibility: visible;">
<th scope="row">명의자 확인</th>
<td>
<div class="name_check">
<input type="radio" name="holderChk" id="holderChk1" value="1" onchange="nameChk('1');" checked=""><label for="holderChk1">당사</label>
<input type="radio" name="holderChk" id="holderChk2" value="2" onchange="nameChk('2');"><label for="holderChk2">대표</label>
<input type="radio" name="holderChk" id="holderChk3" value="3" onchange="nameChk('3');"><label for="holderChk3">직원</label>
<input type="radio" name="holderChk" id="holderChk4" value="4" onchange="nameChk('4');"><label for="holderChk4">타사</label>
</div>
</td>
</tr>
<tr>
<th scope="row">발신번호</th>
<td>
<div class="calling">
<input type="text" name="inputPhoneNum" id="inputPhoneNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'">
<button type="button" class="btnType" onclick="selectSendNumberAjax('01'); return false;">확인</button>
<span class="summary">* 문자 전송 시 사용할 발신번호 입력</span>
</div>
</td>
</tr>
<!-- <tr id="selfCert" style="visibility: visible;">
<th scope="row">본인명의 확인</th>
<td>
<div class="name_check">
<input type="radio" name="nameChk" id="nameChk1" value="5" onchange="nameChk('5');"><label for="nameChk1">본인명의</label>
<input type="radio" name="nameChk" id="nameChk2" value="6" onchange="nameChk('6');"><label for="nameChk2">타인명의</label>
</div>
</td>
</tr> -->
<tr id="phone">
<th scope="row">휴대폰번호</th>
<td>
<div class="calling">
<input type="text" name="inputSendNum" id="inputSendNum" value="" numberonly="" placeholder="숫자만 입력해주세요" onfocus="this.placeholder=''" onblur="this.placeholder='숫자만 입력해주세요'" readonly="">
<button type="button" class="btnType" onclick="kmcCertCheck(); return false;">인증</button>
<span id="summary_phone" class="summary" style="visibility: collapse;">* 휴대폰 본인인증 또는 통신서비스이용증명원 첨부</span>
</div>
</td>
</tr>
<tr id="upload" style="visibility: visible;">
<th scope="row">서류인증</th>
<td>
<ul class="file_content">
<li><span>!</span>최근 1개월 이내 발급된 서류만 제출 가능합니다.(제출날짜 기준)</li>
<li>
<div class="file_box">
<input type="file" name="file_temp" id="file_temp" accept=".pdf, .png, .jpg, jpeg">
<label for="file_temp">파일첨부</label>
</div>
</li>
</ul>
<div class="upload_area">
<div class="no_img_box file_upload_box tb_wrap" style="">
<table class="tType4">
<colgroup>
<col style="width:auto;">
<col style="width:135px;">
<col style="width:180px;">
<col style="width:65px;">
</colgroup>
<thead>
<tr>
<th>파일명</th>
<th>파일크기</th>
<th>등록일시</th>
<th>삭제</th>
</tr>
</thead>
</table>
</div>
<div class="file_list_div fileAfter tb_wrap" style="display: none;">
<table class="tType4">
<colgroup>
<col style="width:auto;">
<col style="width:135px;">
<col style="width:180px;">
<col style="width:45px;">
</colgroup>
<thead>
<tr>
<th>파일명</th>
<th>파일크기</th>
<th>등록일시</th>
<th>삭제</th>
</tr>
</thead>
<tbody id="tbody_fiielist"></tbody>
</table>
<div class="file_info"><strong class="totalfileCount">0</strong><span></span><strong class="totalfileSize">0.00 KB</strong></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div class="btnWrap center_btn_wrap">
<button type="button" class="btnType btnType16" onclick="insertDocumentSendNumberAjax(); return false;">신청하기</button>
<button type="button" class="btnType btnType17" onclick="sendNumberListAjax(1); return false;">목록</button>
</div>
<!-- //발신번호 등록 준비서류 안내 -->
</div>
<!--// 마이페이지 - 발신번호 관리 -->
</div>
<!--// send top -->
</div>
</div>
<!--// content 영역 -->
<!-- footer 영역 -->
<!-- footer -->
<div data-include-path="/publish/layout/_footer.html"></div>
<!--// footer 영역 -->
</body>
</html>