mjon_git/src/main/webapp/WEB-INF/jsp/web/user/sendNumberManageRegister.jsp
ijunho 5bd4c8ba37 웹서버 교체, 세션서버 추가, 본인인증 수정
- http1.1 -> http2.0 웹서버 교체
 - valkey 추가
 - 본인인증 모듈화
2025-07-21 11:08:40 +09:00

1308 lines
44 KiB
Plaintext

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page import="itn.com.cmm.LoginVO" %>
<!-- PDF, jpg, jpeg, png 이미지만 등록하는 드래그앤드롭 첨부파일-->
<script src="/js/dragNdropToPdf.js?date=202306080001"></script>
<script type="text/javascript" src="<c:url value='/publish/js/content.js'/>"></script>
<script language=javascript>
// 발신번호 전역변수
var glvInputPhoneNum = "";
$(document).ready(function(){
$("input:text[numberOnly]").on("keyup", function() {
$(this).val($(this).val().replace(/[^0-9]/g,""));
});
//selectSendClas();
$('.sendClas').click(function(){ // 카테고리 선택 시 옵션 처리
selectSendClas();
});
$(".input-file").change(function(e){
var id = $(this).attr("id");
var files = $("#"+id)[0].files;
tempFile(files);
});
});
//휴대폰 본인인증 후 결과 처리 함수
var parentVal = "";
var nameChkVal = "";
function hpCertChkResult(){
if(nameChkVal == "N"){
var chkSts = $('#nameChk1').is(":checked");
$('.pop_msg_success').css({'display':'block','opacity':'1','left':'50%','top':'50%','transform':'translate(-50%,-50%)'});
$('.mask').addClass('on');
if(chkSts){
$('.pop_msg_success .msg_text').html("회원명과 휴대폰 인증 명의가 다릅니다. 회원 본인 명의의 휴대폰 번호를 등록해주세요.");
}else{
$('.pop_msg_success .msg_text').html("대표자명과 휴대폰 인증 명의가 다릅니다. 대표자 명의의 휴대폰 번호를 등록해주세요.");
}
}
var dept = $('#mberDept').val();
if(dept != 'c'){//개인회원의 경우
if(parentVal != 'Y'){//본인인증에서 타인이면
$('#selfCert').css('visibility','visible');
$('#nameChk2').prop('checked', true);
$('#upload').css('visibility','visible'); //첨부파일 영역 노출 시키기
$('#phone').css("visibility","collapse"); //휴대폰 변호 영역 숨김처리
$('#nameType').val("6");
}else{//본인인증에서 본인인 경우
$('#selfCert').css('visibility','visible');
$('#nameChk1').prop('checked', true);
$('#phone').css("visibility","collapse"); //휴대폰 변호 영역 숨김처리
$('#nameType').val("5");
$('#certType').val("01");
}
//본인인증 수행여부 입력
$('#hpCertChk').val('Y');
}else{
//본인인증 수행여부 입력
$('#hpCertChk').val('Y');
}
}
function fnPageReload(){
location.reload();
}
function selectSendClas(){
$(".certify_cont").css("visibility","collapse");
var sendCf = $('input[name="send_clas"]:checked').val();
$("#"+sendCf).css("visibility","visible");
$("#upload").css("visibility","visible").find('#tbody_filelist tr').remove();
$('#tbody_fiielist tr').remove();
$('.file_list_div').hide();
$('.no_img_box').show();
}
var sendNumBtnChk = "false";
//발신번호 등록 가능여부 확인
function selectSendNumberAjax(phmAuthType){
var callFrom = "";
//발신번호 받아오기
callFrom = $("#inputPhoneNum").val();
var callType = checkTelHpType(callFrom);
//휴대폰 번호 유효성 체크
var hpChk = "";
var npChk = "";
var dept = $('#mberDept').val();
if(callFrom == ''){
alert("발신번호를 입력해 주세요.");
return false;
}
//차단 발신번호 및 중복 발신번호 체크 로직
var form = document.selectSendNumberForm;
form.callFrom.value = callFrom;
var blockPhone = false;
var data = new FormData(form);
$.ajax({
cache : false
,url : "<c:url value='/web/user/selectSendNumberAjax.do'/>"
,async:false
,type : 'POST'
,data : data
,dataType:'json'
,processData: false
,contentType: false
,success : function(returnData, status){
if(returnData.result == "fail") {//차단 발신번호인 경우 등록 불가
alert(returnData.message);
blockPhone = true;
return false;
}
}
,error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
if(!blockPhone){//차단 발신번호가 아닌경우 처리
if(dept != 'c'){//개인회원인 경우 처리
if(callType != 'Hp'){//일반전화 번호이면
npChk = checkNorPhoneNum(callFrom);
if(!npChk){
alert("정확한 발신번호(일반전화)를 입력해 주세요.");
return false;
}
//본인명의 확인 라디오버튼 보이게 처리
$('#selfCert').css('visibility','visible');
$('#nameChk2').prop('checked', true);
$('#phone').css("visibility","collapse");
$('#upload').css('visibility','visible');
$('#nameType').val("6");
}else{//휴대폰 번호이면
hpChk = checkHpNum(callFrom);
if(!hpChk){
alert("정확한 발신번호(휴대폰번호)를 입력해 주세요.");
return false;
}
$('#selfCert').css('visibility','visible');
$('#nameChk1').prop('checked', true);
$('#phone').css("visibility","visible");
$('#upload').css('visibility','collapse');
$('#summary_phone').css('visibility','collapse');
//발신번호에 입력한 휴대폰 번호를 입력한다.
$('#inputSendNum').val(callFrom);
}
}else{//기업회원 처리
var nameType = $('input[name="holderChk"]:checked').val();
if(nameType != '1' && nameType != '4' ){//대표, 직원 일경우
if(nameType != '3'){//대표 인경우 - 휴대폰인 경우만 본인인증
if(callType != 'Hp'){//일반전화 번호이면
npChk = checkNorPhoneNum(callFrom);
if(!npChk){
alert("정확한 발신번호(일반전화)를 입력해 주세요.");
return false;
}
//휴대폰 입력 부분 숨김처리
$('#phone').css("visibility","collapse");
$('#upload').css('visibility','visible');
}else{//휴대폰 번호이면
hpChk = checkHpNum(callFrom);
if(!hpChk){
alert("정확한 발신번호(휴대폰번호)를 입력해 주세요.");
return false;
}
$('#phone').css("visibility","visible");
$('#upload').css('visibility','collapse');
$('#summary_phone').css('visibility','collapse');
//발신번호에 입력한 휴대폰 번호를 입력한다.
$('#inputSendNum').val(callFrom);
}
$('#nameType').val("2");
}else{//직원인 경우
if(callType != 'Hp'){//일반전화 번호이면
npChk = checkNorPhoneNum(callFrom);
if(!npChk){
alert("정확한 발신번호(일반전화)를 입력해 주세요.");
return false;
}
//첨부파일 업로드 보여줌
$('#phone').css("visibility","collapse");
$('#upload').css('visibility','visible');
$('#summary_phone').css('visibility','collapse');
}else{//휴대폰 번호이면
hpChk = checkHpNum(callFrom);
if(!hpChk){
alert("정확한 발신번호(휴대폰번호)를 입력해 주세요.");
return false;
}
$('#phone').css("visibility","visible");
$('#upload').css('visibility','visible');
$('#summary_phone').css('visibility','visible');
//발신번호에 입력한 휴대폰 번호를 입력한다.
$('#inputSendNum').val(callFrom);
}
$('#nameType').val("3");
}
}else{//당사, 타사일경우 휴대폰, 일반전화 유효성만 체크
if(callType != 'Hp'){//일반전화 번호이면
npChk = checkNorPhoneNum(callFrom);
if(!npChk){
alert("정확한 발신번호(일반전화)를 입력해 주세요.");
return false;
}
}else{//휴대폰 번호이면
hpChk = checkHpNum(callFrom);
if(!hpChk){
alert("정확한 발신번호(휴대폰번호)를 입력해 주세요.");
return false;
}
}
if(nameType != '4'){//당사 선택인 경우
$('#nameType').val("1");
}else{//타사 선택인 경우
$('#nameType').val("4");
}
}
}
var phoneNum = removeDash(callFrom);
$("#callFrom").val(phoneNum);
$("#phmAuthType").val(phmAuthType);
//확인버튼 정상 처리 값 입력
sendNumBtnChk = "true";
// 인증여부 체크
if ($('#hpCertChk').val() == "Y") {
if (glvInputPhoneNum == $.trim($("#inputPhoneNum").val())) {
alert("발신번호가 확인 되었습니다.");
}
else {
// 발신번호 전역변수
glvInputPhoneNum = $.trim($("#inputPhoneNum").val());
//휴대폰 인증여부 초기화
$('#hpCertChk').val("N");
alert("발신번호가 확인 되었습니다.\n휴대폰 인증정보가 초기화되었습니다.");
}
}
else {
// 발신번호 전역변수
glvInputPhoneNum = $.trim($("#inputPhoneNum").val());
alert("발신번호가 확인 되었습니다.");
}
}
}
//휴대폰 번호 본인인증 처리 하기
function kmcCertCheck(){
//발신번호 유효성 체크
if(sendNumBtnChk != 'true'){
alert("발신번호 확인 버튼을 눌러주세요.");
return false;
}
//발신번호 받아오기
var callFrom = $("#inputPhoneNum").val();
var callHpNum = $("#inputSendNum").val();
//휴대폰 번호 유효성
var callHpNumChk = checkHpNum(callHpNum);
if(callHpNum == ''){
alert("인증받을 휴대폰 번호를 입력해 주세요.");
return false;
}else if(!callHpNumChk){
alert("휴대폰 번호를 정확히 입력해 주세요.");
return false;
}
var phoneNum = removeDash(callHpNum);
$("#callFrom").val(phoneNum);
//개인 - 본인명의 인증 일 경우 flag
document.selectSendNumberForm.myNameFlag.value = "N";
if($('#holderChk2').is(":checked") || $('#nameChk1').is(":checked")){
document.selectSendNumberForm.myNameFlag.value = "Y";
}
var form = document.selectSendNumberForm;
var data = new FormData(form);
$.ajax({
cache : false
,url : "<c:url value='/web/user/selectSendNumberAjax.do'/>"
,async:false
,type : 'POST'
,data : data
,dataType:'json'
,processData: false
,contentType: false
,success : function(returnData, status){
if(returnData.result == "success") {
$("#tr_cert").val(returnData.certVO.tr_cert);
$("#tr_url").val(returnData.certVO.tr_url);
$("#tr_add").val(returnData.certVO.tr_add);
openKMCISWindow();
} else{
alert(returnData.message);
return;
}
}
,error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
//휴대푠 번호 등록 [시작]--------------------------------------------------------------------------------------------
window.name = "kmcis_web_sample";
var KMCIS_window;
//휴대폰 인증팝업 열기
function openKMCISWindow(){
//본인인증시도 로그
certAccessLog();
var UserAgent = navigator.userAgent;
/* 모바일 접근 체크*/
// 모바일일 경우 (변동사항 있을경우 추가 필요)
if (UserAgent.match(/iPhone|iPod|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi|POLARIS|IEMobile|lgtelecom|nokia|SonyEricsson/i) != null || UserAgent.match(/LG|SAMSUNG|Samsung/) != null) {
document.reqKMCISForm.target = 'KMCISWindow'; // 모바일
} else { // 모바일이 아닐 경우
KMCIS_window = window.open('', 'KMCISWindow', 'width=425, height=550, resizable=0, scrollbars=no, status=0, titlebar=0, toolbar=0, left=435, top=250' );
if(KMCIS_window == null){
alert(" ※ 윈도우 XP SP2 또는 인터넷 익스플로러 7 사용자일 경우에는 \n 화면 상단에 있는 팝업 차단 알림줄을 클릭하여 팝업을 허용해 주시기 바랍니다. \n\n※ MSN,야후,구글 팝업 차단 툴바가 설치된 경우 팝업허용을 해주시기 바랍니다.");
}
document.reqKMCISForm.target = 'KMCISWindow';
}
document.reqKMCISForm.action = 'https://www.kmcert.com/kmcis/web/kmcisReq.jsp';
document.reqKMCISForm.submit();
}
//휴대푠 번호 등록 [끝]--------------------------------------------------------------------------------------------
// ARS 번호 등록 [시작]--------------------------------------------------------------------------------------------
//휴대폰 인증팝업 열기
function openARSCert(){
var arsForm = $("form[name=arsForm]").serialize() ;
$.ajax({
url : "<c:url value='/web/mjon/ArsAuthAjax.do' />"
, type : 'POST'
, data : arsForm
,dataType:'json'
,success : function(returnData, status){
if(status == "success") {
var certCode = returnData.certCode;
$("#certCode").val(certCode);
alert($("#certCode").val());
$("#phone").attr("readonly", true);
}else{ alert("세션 생성 실패");return;}
}, error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
function ARSCodeCheck(){
var certCode = $("#certCode").val();
var code = $("#code").val();
var phoneNum = $("#inputArsNum").val();
if(certCode == code && code != "" && phoneNum != ""){
alert("인증 완료.");
$("#keyCheck").val('Y')
insertArsSendNumberAjax();
}else{
$(".mem_btn2").removeAttr("data-tooltip");
alert("인증번호가 맞지 않습니다.");
}
}
//ARS 전화번호 등록
function insertArsSendNumberAjax(){
var form = document.insertDocumentForm;
form.sentPhoneNumber.value = $("#inputArsNum").val();
var data = new FormData(form);
$.ajax({
type : 'POST'
, enctype : 'multipart/form-data'
, url : "<c:url value='/web/user/insertArsSendNumberAjax.do'/>"
, data : data
, dataType:'json'
, async:false
, processData: false
, contentType: false
, cache : false
, success : function(returnData, status){
if(returnData.result == "success") {
alert("정상 접수 되었습니다.");
$("#inputArsNum").val("");
$("#code").val("");
sendNumberListAjax(1);
} else{
alert(returnData.message);
return;
}
}
,error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
// ARS 번호 등록 [끝]--------------------------------------------------------------------------------------------
// 서류인증 등록 [시작]--------------------------------------------------------------------------------------------
// 서류인증 첨부파일 이벤트
function selectAddFile(id){
$('#'+id).click();
}
// 첨부파일 등록
var _fileIdx = 0;
var _fileForm2 = new Array();
function tempFile(files){
var fd = new FormData();
fd.append('file', files[0]);
var tmpObj = new Object();
tmpObj.name = "file_" + _fileIdx;
tmpObj.fileObj = files[0];
_fileForm2.push(tmpObj);
tempFileInfo(files[0]);
_fileIdx++;
}
function tempFileInfo(fileObj){
$("#fileInfo").val(fileObj.name);
}
// 서류인증(통신사 가입 증명서) 등록
function insertDocumentSendNumberAjax(){
if(sendNumBtnChk != 'true'){
alert("발신번호 확인 버튼을 눌러주세요.");
return false;
}
//확인 전화번호 확인
var callFrom = $("#inputPhoneNum").val(); //발신번호
var phoneNum = $("#inputSendNum").val(); //인증확인 휴대폰 번호
//CI, 생년월일 확인
var CI = $("#CI").val(); //CI값
var birthDay = $("#birthDay").val(); //생년월일
if(callFrom == ''){
alert("발신번호를 입력해 주세요.");
return false;
}
var hpChk = checkHpNum(callFrom); //휴대폰, 일반전화 구분 체크
var dept = $('#mberDept').val(); //회원종류 구분 c:기업회원, p:개인회원
var hpCertChk = $('#hpCertChk').val(); //휴대폰 본인인증 여부 확인
if(dept != 'c'){//개인회원인 경우
if(hpChk){//발신번호가 휴대폰 입력이면
var nameType = $('input[name="nameChk"]:checked').val();
if(nameType == '5' && hpCertChk != 'Y'){//개인회원이고 핸드폰 본인인증인 선택, 인증안한 경우
alert("휴대폰 발신번호 등록시 휴대폰 본인인증이 필요합니다.");
return false;
}else{//휴대폰본인인증시 인증종류 휴대폰인증으로 변경
if(hpCertChk == 'Y'){//타인인증인면서 휴대폰 본인인증을 완료한 경우
$('#certType').val("01");
}
}
}
}else{//기업회원인 경우
var nameType = $('input[name="holderChk"]:checked').val();
if(nameType == '2'){//대표인경우
if(hpChk){//휴대폰 번호이면 인증 체크
if(hpCertChk != 'Y'){
alert("휴대폰 발신번호 등록시 휴대폰 본인인증이 필요합니다.");
return false;
}else{//휴대폰본인인증시 인증종류 휴대폰인증으로 변경
$('#certType').val("01");
}
}
}else if(nameType == '3'){//직원인경우 휴대폰 본인인증을 한경우 인증 종류를 변경
if(hpCertChk == 'Y'){
$('#certType').val("01");
}
}
}
var form = document.insertDocumentForm;
form.sentPhoneNumber.value = removeDash(callFrom); //발신번호
form.sendPhoneNumber.value = removeDash(phoneNum); //확인인증 번호
form.phmValue.value = $("#inputPhmValue").val();
var atchFileSts = true; //첨부파일 갯수 상태 값
var data = new FormData(form);
_fileForm2.forEach(function(obj, idx) {
if (obj) data.append("file"+idx, obj.fileObj);
if(idx > 4){
atchFileSts = false;
return false;
}
});
//첨부파일 갯수가 5개가 넘어가는경우 실패처리
if(!atchFileSts){
alert("첨부파일은 최대 5개까지 등록 가능합니다.");
return false;
}
if(confirm("발신번호 등록 요청을 하시겠습니까?")){
$.ajax({
type : 'POST'
, enctype : 'multipart/form-data'
, url : "<c:url value='/web/user/insertDocumentSendNumberAjax.do'/>"
, data : data
, dataType:'json'
, async:false
, processData: false
, contentType: false
, cache : false
, success : function(returnData, status){
if(returnData.result == "success") {
alert("정상적으로 발신번호가 접수 되었습니다.");
sendNumberListAjax(1);
} else{
alert(returnData.message);
return;
}
}
,error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
}
// 서류인증 등록 [끝]--------------------------------------------------------------------------------------------
// 등록 발신번호 검색[시작]-------------------------------------------------------------------------------------------
function selectSendNumberList(){
sendNumberListAjax(1);
}
// 등록 발신번호 검색[끝]--------------------------------------------------------------------------------------------
function sendNumberListAjax(){
location.href="<c:url value='/web/user/sendNumberManage.do'/>"
}
//발신번호 전체삭제
function deleteSendNumberAll(){
if($("input[name=chk]:checked").length == 0){
alert("선택된 항목이 없습니다.");
return;
}
if (confirm("삭제하시겠습니까?")){
var chkId = [];
$("input[name='chk']:checked").each(function(){
chkId.push($(this).val());
});
$.ajax({
type : 'POST'
,url : "<c:url value='/web/user/deleteSendNumberAllAjax.do'/>"
,data : {"chk": chkId}
,dataType:'json'
,traditional : true
,success : function(returnData, status){
if(returnData.result == "success") {
alert("정상적으로 삭제 되었습니다.");
sendNumberListAjax(1);
} else{
alert(returnData.message);
return;
}
}
,error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
}
//발신번호 기본번호 설정
function updateBaseYn(){
if($("input[name=chk]:checked").length == 0){
alert("선택된 항목이 없습니다.");
return;
}
if($("input[name=chk]:checked").length > 1){
alert("한개의 번호만 기본번호 설정이 가능합니다.");
return;
}
if (confirm("기본번호로 설정하시겠습니까?")){
var baseId;
$("input[name='chk']:checked").each(function(){
baseId = $(this).val();
});
$.ajax({
type : 'POST'
,url : "<c:url value='/web/user/updateSendNumberBaseYnAjax.do'/>"
,data : {"baseId": baseId}
,dataType:'json'
,traditional : true
,success : function(returnData, status){
if(returnData.result == "success") {
alert("정상적으로 설정 되었습니다.");
sendNumberListAjax(1);
} else{
alert(returnData.message);
return;
}
}
,error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
}
function papersGuideView(obj){
var target=$(obj).closest('.papers_guide');
if(target.hasClass('active')){
$(obj).removeClass('active');
target.removeClass('active');
}else{
$(obj).addClass('active');
target.addClass('active');
}
}
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>
<!-- <div class="mask"></div> -->
<div class="tooltip-wrap">
<!-- 문자발송 성공 레이어팝업 -->
<div class="popup-com pop_msg_success">
<div class="popup_heading">
<p>문자 전송 결과</p>
<button type="button" class="tooltip-close" onclick="fnPageReload();"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<div class="layer_in">
<div class="msg_text">회원명과 휴대폰 인증 명의가 다릅니다. 회원 본인 명의의 휴대폰 번호를 등록해주세요.</div>
</div>
<div class="popup_btn">
<button type="button" class="tooltip-close" onclick="fnPageReload();">확인</button>
</div>
</div>
</div>
<div class="inner">
<!-- send top -->
<div class="send_top">
<!-- tab button -->
<%@include file="/WEB-INF/jsp/web/user/mypageHeader.jsp" %>
<!--// tab button -->
<!-- 발신번호 가능여부 조회 -->
<form id="selectSendNumberForm" name="selectSendNumberForm" method="post">
<input type="hidden" id="userId" name="userId"value="${loginVO.id}">
<input type="hidden" id="callFrom" name="callFrom">
<input type="hidden" id="phmAuthType" name="phmAuthType">
<input type="hidden" id="myNameFlag" name="myNameFlag"/>
</form>
<!-- phone 본인인증 Form -->
<form name="reqKMCISForm" method="post" action="#">
<input type="hidden" id="tr_url" name="tr_url" value = "${tr_url}">
<input type="hidden" id="tr_add" name="tr_add" value = "${tr_add}">
<input type="hidden" id="tr_cert" name="tr_cert" value = "${tr_cert}">
</form>
<!-- ars 본인인증 Form -->
<form name="arsForm" method="post" action="#">
<input type="hidden" id="certCode" name="certCode" value="" />
<input type="hidden" id="phoneNumber" name="phoneNumber" value = "">
</form>
<!-- 서류인증(통신사 가입 증명서) Form -->
<form name="insertDocumentForm" method="post" action="#">
<input type="hidden" id="certType" name="certType" value="03" /> <!-- 발신번호인증 -->
<input type="hidden" id="menuName"name="menuName" value="certEtc" /> <!-- 파일업로드 구분 url -->
<input type="hidden" id="sentPhoneNumber" name="sentPhoneNumber" value = "">
<input type="hidden" id="sendPhoneNumber" name="sendPhoneNumber" value = "">
<input type="hidden" id="phmValue" name="phmValue" value = "">
<input type="hidden" id="nameType" name="nameType" value=""/>
<input type="hidden" id="dept" name="dept" value="<c:out value='${LoginVO.dept}'/>"/>
<input type="hidden" id="ownerName" name="ownerName" value=""/>
<input type="hidden" id="CI" name="CI" value=""/>
<input type="hidden" id="birthDay" name="birthDay" value=""/>
</form>
<input type="hidden" id="hpCertChk" name="hpCertChk" value="N"/>
<!-- 마이페이지 - 발신번호 관리 -->
<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="mem_cont_in widthXL">
<!-- 발신번호 등록 준비서류 안내 -->
<div class="papers_guide">
<h3>발신번호 등록 준비서류 안내</h3>
<div class="guide_content">
<ul class="guide_tab">
<li class="<c:if test="${loginVO.dept eq 'p'}">active</c:if>"><button type="button" onclick="guideTab(this);">개인</button></li>
<li class="<c:if test="${loginVO.dept eq 'c'}">active</c:if>"><button type="button" onclick="guideTab(this);">기업</button></li>
</ul>
<div class="guide_table<c:if test="${loginVO.dept eq 'p'}"> active</c:if>">
<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<c:if test="${loginVO.dept eq 'c'}"> active</c:if>">
<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>
<!-- //발신번호 등록 준비서류 안내 -->
<c:set var="dept" value="${LoginVO.dept}"/>
<input type="hidden" id="mberDept" name="mberDept" value="${dept}"/>
<table class="tType1">
<caption>발신번호 등록 및 인증수단이 있는 표</caption>
<colgroup>
<col style="width:200px;">
<col style="width:auto;">
</colgroup>
<tbody>
<c:if test="${dept eq 'c'}">
<tr>
<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>
</c:if>
<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>
<c:if test="${dept eq 'p'}">
<tr id="selfCert">
<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>
</c:if>
<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">* 휴대폰 본인인증 또는 통신서비스이용증명원 첨부</span>
</div>
</td>
</tr>
<tr id="upload">
<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">
<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">
<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"></strong>개<span></span><strong class="totalfileSize"></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>
<!--// 마이페이지 - 발신번호 관리 -->
<!-- 통신사 고객센터 정보 팝업 -->
<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 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>
<!--// send top -->
</div>
<!--// content 영역 -->