File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
2023-06-22
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
2024-08-26
2024-08-23
File name
Commit message
Commit date
2024-08-23
<%@ 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" %>
<%-- <% response.setHeader("P3P","CP='CAO PSA CONi OTR OUR DEM ONL'");%> 익스에서 세션쪽 오류날 시 사용, 익스 정책 중 P3P 관련 --%>
<!DOCTYPE html>
<html lang="ko">
<head>
<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/mem.css">
<link rel="stylesheet" href="/publish/css/font.css">
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
<link rel="stylesheet" href="/publish/css/popupLayer.css">
<style>
.clause_list .clause_list_head .list_head_in{display:flex;align-items:center;}
.joinCheckbox+label::after{top:4px;}
.clause_list_body_noneOpen .joinCheckbox.type3+label::after{width:20px;height:20px;top:3px;}
.clause_list_head .checkbox_wrap .term_href{display:inline-flex;height:30px;font-size:15px;border-radius:5px;padding:0 15px;margin:5px 0 0 10px;justify-content:center;align-items:center;}
.clause_list li.list_open,.mem_cont.join2 .clause_list li.list_open .clause_list_body .agree_text{overflow:hidden;}
.mem_cont.join2 .clause_list li.list_open.on .clause_list_body{display:block;}
.mem_cont.join2 .clause_list li.list_open .clause_list_body{display:none;}
</style>
<script src="/publish/js/content.js"></script>
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/publish/js/popup.js"></script>
<script src="/publish/js/mem.js"></script>
<script src="/publish/js/popupLayer.js"></script>
<script src="/js/MJUtill.js"></script>
<script type="text/javascript">
var blineCode = '${blineCode}';
$( document ).ready(function() {
$("input[name='blineCode']").val(blineCode);
var type2 = $(".type2") //필수항목, 광고 상위 체크
var type3 = $(".type3") //선택항목 - 광고 수신
$(".type2").on('change', function(event){
changeCheck();
});
$(".type3").on('change', function(event){
for(var i=0; i<type3.length; i++){
if(type3[i].checked == false){ //광고 수신 한개라도 체크해제라면 상위 체크 해제
$(".ad").prop("checked", false);
}else if(type3.length == $(".type3:checked").length){
$(".ad").prop("checked", true); //광고 수신 모두 체크상태라면 상위 체크
}
}
changeCheck();
});
$(".list_open.on").siblings().find(".clause_list_body").slideUp(0);
});
//필수 체크 3개인지 확인 후 3개가 맞으면 팝업 오픈
function tooltipChk() {
var certType = "${joinSettingVO.joinCertType}" // 인증 방식 M-문자 P-ARS A-문자,ARS
var checkCount = $(".necY:checked").length; //3개여야 인증 진행
//문자만 인증할 시 바로 KMC 팝업 오픈
if(certType != "M"){
if(checkCount < 3){
$(".mem_btn1").removeAttr("data-tooltip");
} else {
$(".mem_btn1").attr("data-tooltip","popup05");
}
}
}
function changeCheck(){
var type2 = $(".type2") //필수항목, 광고 상위 체크
var type3 = $(".type3") //선택항목 - 광고 수신
for(var i=0; i<type2.length; i++){
if(type2[i].checked == false){ //상위 체크 해제 시 전체체크 해제
$(".allCheck").prop("checked", false);
}else if(type2.length == $(".type2:checked").length){
$(".allCheck").prop("checked", true); //상위 항목 모두 체크 시 전체 체크
}
}
}
function agreeAllCheck(){
if($("#agreeAll").is(':checked') ){
$("input[name=agreeCheck]").prop("checked", true);
$("input[name=agreeTwoDeptCheck]").prop("checked", true);
}else{
$("input[name=agreeCheck]").prop("checked", false);
$("input[name=agreeTwoDeptCheck]").prop("checked", false);
}
tooltipChk();
}
function agreeTwoDeptCheck2(){
if( $("input[name=agreeTwoDeptCheck]").is(':checked') ){
$("input[id^='agree1_']").prop("checked", true);
}else{
$("input[id^='agree1_']").prop("checked", false);
}
}
//KMC 본인인증
function chkAuth(certType){
var necCheckBoolYn = document.getElementsByClassName("necY");
for(var i=0; i<necCheckBoolYn.length; i++){
if(necCheckBoolYn[i].checked == false){
alert("필수 약관을 동의해주세요.")
return false;
}
}
//선택 항목들 YN 넘겨주기
var checkForm = document.modiForm;
if($("#agree1_TERMS_00000025").is(":checked")){
checkForm.receiveMsg.value = 'Y';
}else{
checkForm.receiveMsg.value = 'N';
}
if($("#agree1_TERMS_00000026").is(":checked")){
checkForm.receiveKakao.value = 'Y';
}else{
checkForm.receiveKakao.value = 'N';
}
if($("#agree1_TERMS_00000027").is(":checked")){
checkForm.receivemail.value = 'Y';
}else{
checkForm.receivemail.value = 'N';
}
if($("#agree_TERMS_00000029").is(":checked")){
checkForm.collectMsg.value = 'Y';
}else{
checkForm.collectMsg.value = 'N';
}
var modiForm = $("form[name=modiForm]").serialize() ;
$.ajax({
url : "<c:url value='/web/user/login/joinInsertAjax.do' />",
type : 'POST',
data : modiForm,
dataType:'json',
success : function(returnData, status){
if(status == "success") {
}else{ alert("세션 생성 실패");return;}
},
error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
if(certType == "M"){
//KMC 본인인증 실행하기
openKMCISWindow();
}
}
function fnAddUserView() {
//휴대폰 본인 인증 후 이미 가입된 mblDn인지 확인, 만 18세 체크
$.ajax({
url : "<c:url value='/web/user/login/mblDnCheckAjax.do' />",
type : 'POST',
data : { "mblDn": document.modiForm.mblDn.value,
"birthDay" : document.modiForm.birthDay.value},
dataType:'json',
success : function(returnData, status){
if(status == "success") {
if(returnData.age < 18){
alert("문자온은 만 18세 이상만 이용가능합니다.")
return false;
}
//이미 mblDn이 존재할 경우
if(returnData.checkMblDnCnt > 0 ){
alert("이미 사용중이거나 탈퇴한 휴대폰번호입니다.");
//location.href="/web/user/login/selectUserDept.do";
return false;
}
//이미 존재하지 않을 경우
else{
document.modiForm.action = "<c:url value='/web/user/login/insertUsrView.do'/>";
//document.modiForm.action = "<c:url value='/web/user/login/new_insertUsrView.do'/>";
document.modiForm.submit();
}
}else{
alert("실패");return;
}
},
error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
},
});
/* document.modiForm.action = "<c:url value='/web/user/login/insertUsrView.do'/>";
document.modiForm.submit(); */
}
function openARSCert(){ //ARS 본인인증
var phone = $("#phone").val();
if(!checkHpNum(phone)){
alert("정확한 핸드폰 번호를 입력해 주세요.");
return false;
}else{
phone = removeDash(phone);
$("#phoneNumber").val(phone);
alert("인증요청 완료.");
}
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()); //ARS 인증번호 alert - 오픈 후 삭제
$("#phone").attr("readonly", true);
//인증번호 입력 후 확인 버튼 누르면 fnCertCodeCheck 함수에서 인증번호 체크 후 문자인증 팝업 시작함
}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();
if(certCode == code && code != ""){
alert("인증 완료.");
$("#keyCheck").val('Y')
$(".mem_btn2").attr("data-tooltip", "popup06");
}else{
$(".mem_btn2").removeAttr("data-tooltip");
alert("인증번호가 맞지 않습니다.");
}
}
function twoDeptPopupOpen() {
var certCode = $("#certCode").val();
var code = $("#code").val();
var phone = $("#phone").val();
$("#moblphonNo").val(phone);
var certType = "${joinSettingVO.joinCertType}"
if($("#keyCheck").val() != 'Y' || certCode != code || code == ""){
alert("인증번호를 확인해주세요.");
$("#keyCheck").val('N')
$(".mem_btn2").removeAttr("data-tooltip");
}else{
if(certType == 'P'){
fnAddUserView();
}else{
var activeTarget = $('[data-tooltip-con="' + "popup05" + '"]');
activeTarget.hide();
}
}
}
function kmcPopUp() {
if($("#mberNm").val() == ""){
alert("성명은 필수 값입니다.");
return false;
}
if($("#birth").val() == ""){
alert("생년월일은 필수 값입니다.");
return false;
}
//KMC팝업에 정보 미리 삽입
var kmcPopUpForm = $("form[name=kmcPopUpForm]").serialize() ;
$.ajax({
url : "<c:url value='/web/user/login/kmcPopupAjax.do' />",
type : 'POST',
data : kmcPopUpForm,
dataType:'json',
success : function(returnData, status){
if(status == "success") {
$("#tr_cert").val(returnData.tr_cert);
$("#tr_url").val(returnData.tr_url);
$("#tr_add").val(returnData.tr_add);
openKMCISWindow();
}else{ alert("실패");return;}
},
error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
function stepOneToTwo(){
var certCode = $("#certCode").val();
var code = $("#code").val();
var phone = $("#phone").val();
$("#moblphonNo").val(phone);
if(phone == "" || code == ""){
alert("핸드폰번호와 인증번호를 입력해주세요.")
return false;
}
var certType = "${joinSettingVO.joinCertType}"
if(certCode == code){
if(certType == 'A'){// ARS + 문자 인증 이면 실행
//기존 팝업 닫기
var activeTarget = $('[data-tooltip-con="' + "popup05" + '"]');
activeTarget.hide();
//KMC 본인인증 실행하기
// openKMCISWindow();
}else{ //전화인증만 하는경우 회원정보 입력 화면으로 이동 시킴
fnAddUserView();
}
}else{
alert("인증번호를 확인해주세요.")
return false;
}
}
</script>
<script language=javascript>
window.name = "kmcis_web_sample";
var KMCIS_window;
function openKMCISWindow(){
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();
//KMC에서 2차로 받은 소스 - 팝업 null 에러 날 시 사용.
/* var UserAgent = navigator.userAgent;
KMCIS_window = window.open('', 'KMCISWindow', 'width=425, height=550, resizable=0, scrollbars=no, status=0, titlebar=0, toolbar=0, left=435, top=250' );
document.reqKMCISForm.target = 'KMCISWindow';
document.reqKMCISForm.action = 'https://www.kmcert.com/kmcis/web/kmcisReq.jsp';
document.reqKMCISForm.submit(); */
}
</script>
</head>
<body>
<form id="termsForm" name="termsForm" method="get">
<input type="hidden" name="m" value="checkplusService"> <!-- 필수 데이타로, 누락하시면 안됩니다. -->
<%-- <input type="hidden" name="EncodeData" value="<%= sEncData %>"> --%> <!-- 위에서 업체정보를 암호화 한 데이타입니다. -->
<!-- <input type="hidden" name="dept" value="" /> -->
<input type="hidden" name="receiveMsg" value="Y" />
<input type="hidden" name="receiveKakao" value="N" />
<input type="hidden" name="receivemail" value="Y" />
<input type="hidden" name="collectMsg" value="" />
<!-- content 영역 -->
<div class="inner">
<div class="memberIn">
<div class="heading">
<h2>회원가입</h2>
</div>
<!-- 회원가입 약관동의 -->
<div class="mem_cont join2">
<!-- step -->
<p class="welcome"><span>문자온</span>에 오신것을 환영합니다.</p>
<ul class="mem_nav">
<li class="on">
<i></i>
<div>
<p>01</p>
<span>약관동의</span>
</div>
</li>
<li>
<i></i>
<div>
<p>02</p>
<span>정보입력</span>
</div>
</li>
<li>
<i></i>
<div>
<p>03</p>
<span>가입완료</span>
</div>
</li>
</ul><!--// step -->
<!-- cont -->
<div class="mem_cont_in">
<div class="text_top">
<div class="checkbox_wrap">
<input type="checkbox" id="agreeAll" title="회원가입 전체약관에 동의" class="joinCheckbox allCheck" onclick="javascript:agreeAllCheck();" />
<label for="agreeAll">회원가입 전체약관에 동의합니다.</label>
</div>
</div>
<ul class="clause_list">
<c:set var="clause_count" value="0" />
<c:forEach var="result" items="${termsList}" varStatus="status">
<!-- 광고성 정보 수신 제외한 약관 -->
<c:if test="${result.termsId ne 'TERMS_00000025' && result.termsId ne 'TERMS_00000026' && result.termsId ne 'TERMS_00000027' && result.termsId ne 'TERMS_00000028' && result.termsId ne 'TERMS_00000029'}" >
<c:if test="${clause_count eq '0'}">
<li class="list_open on">
</c:if>
<c:if test="${clause_count ne '0'}">
<li class="list_open">
</c:if>
<c:set var="clause_count" value="${clause_count + 1}"/>
<!--필수인지 체크 후 본인인증 화면 전 필수 약관들 체크했는지 확인 -->
<c:set var="necCheck" value="" />
<c:if test="${result.necYn eq 'Y' }">
<c:set var="necCheck" value="necY" />
</c:if>
<div class="clause_list_head">
<div class="list_head_in">
<!-- 필수/선택 체크 -->
<c:set var="nec" value="" />
<c:if test="${result.necYn eq 'Y'}">
<c:set var="nec" value="필수" />
</c:if>
<c:if test="${result.necYn eq 'N'}">
<c:set var="nec" value="선택" />
</c:if>
<c:set var="colClass" value="" />
<c:if test="${result.necYn eq 'Y'}">
<c:set var="colClass" value="esn" />
</c:if>
<c:if test="${result.necYn eq 'N'}">
<c:set var="colClass" value="sel" />
</c:if>
<div class="checkbox_wrap">
<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree_${result.termsId}" title="${result.termsSj}동의" class="joinCheckbox type2 ${necCheck}" />
<label for="agree_${result.termsId}"><span class="${colClass}">[${nec}]</span><strong>${result.termsSj}</strong></label>
<c:if test="${result.termsId eq 'TERMS_00000023'}" >
<a href="https://www.munjaon.co.kr/web/cop/bbs/TermsList.do?menuNm=03&termsMastNo=2024" class="btn btnType3 term_href">개인정보처리방침 바로가기</a>
</c:if>
</div>
<button type="button" onclick="clause_list(this);"><i></i></button>
</div>
</div>
<div class="clause_list_body">
<div class="agree_text">
${result.termsCn}
</div>
</div>
</li>
</c:if>
<!-- 광고성 정보 수신 약관 -->
<c:if test="${result.termsId eq 'TERMS_00000028' }" >
<li class="list_open">
<div class="clause_list_head">
<!-- 필수/선택 체크 -->
<c:set var="nec" value="" />
<c:if test="${result.necYn eq 'Y'}">
<c:set var="nec" value="필수" />
</c:if>
<c:if test="${result.necYn eq 'N'}">
<c:set var="nec" value="선택" />
</c:if>
<c:set var="colClass" value="" />
<c:if test="${result.necYn eq 'Y'}">
<c:set var="colClass" value="esn" />
</c:if>
<c:if test="${result.necYn eq 'N'}">
<c:set var="colClass" value="sel" />
</c:if>
<div class="list_head_in">
<div class="checkbox_wrap">
<input type="checkbox" name="agreeTwoDeptCheck" id="agree_${result.termsId}" title="${result.termsSj}동의" class="joinCheckbox type2 ad" onclick="javascript:agreeTwoDeptCheck2();"/>
<label for="agree_${result.termsId}"><span class="${colClass}">[${nec}]</span><strong>${result.termsSj}</strong></label>
</div>
</div>
</div>
<div class="clause_list_body_noneOpen">
<c:forEach var="result" items="${termsList}" varStatus="status">
<c:if test="${result.termsId eq 'TERMS_00000025' || result.termsId eq 'TERMS_00000026' || result.termsId eq 'TERMS_00000027'}" >
<div>
<div class="checkbox_wrap">
<tr id="egov_file_view_table_tr_${status.count}" class="egov_file_view_table_tr_${status.count}">
<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree1_${result.termsId}" title="${result.termsSj} 동의" class="joinCheckbox type3" />
<label for="agree1_${result.termsId}">${result.termsSj}</label>
</div>
</div>
</c:if>
</c:forEach>
</div>
</li>
</c:if>
<!-- 광고성 정보 수신 제외한 약관 -->
<c:if test="${result.termsId eq 'TERMS_00000029'}" >
<c:if test="${status.index eq '0'}">
<li class="list_open on">
</c:if>
<c:if test="${status.index ne '0'}">
<li class="list_open">
</c:if>
<!--필수인지 체크 후 본인인증 화면 전 필수 약관들 체크했는지 확인 -->
<c:set var="necCheck" value="" />
<c:if test="${result.necYn eq 'Y' }">
<c:set var="necCheck" value="necY" />
</c:if>
<div class="clause_list_head">
<div class="list_head_in">
<!-- 필수/선택 체크 -->
<c:set var="nec" value="" />
<c:if test="${result.necYn eq 'Y'}">
<c:set var="nec" value="필수" />
</c:if>
<c:if test="${result.necYn eq 'N'}">
<c:set var="nec" value="선택" />
</c:if>
<c:set var="colClass" value="" />
<c:if test="${result.necYn eq 'Y'}">
<c:set var="colClass" value="esn" />
</c:if>
<c:if test="${result.necYn eq 'N'}">
<c:set var="colClass" value="sel" />
</c:if>
<div class="checkbox_wrap">
<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree_${result.termsId}" title="${result.termsSj}동의" class="joinCheckbox type2 ${necCheck}" />
<label for="agree_${result.termsId}"><span class="${colClass}">[${nec}]</span><strong>${result.termsSj}</strong></label>
</div>
<!-- <button type="button" onclick="clause_list(this);"><i></i></button> -->
</div>
</div>
<%-- <div class="clause_list_body">
<div class="agree_text">
${result.termsCn}
</div>
</div> --%>
</li>
</c:if>
</c:forEach>
</ul>
<p class="reqTxt3">※ 미동의 시 메시지 통계 확인 맞춤 메시지 추천 등 추후 서비스 이용에 제한이 있을 수 있습니다.</p>
<div class="mem_btnWrap">
<c:choose>
<c:when test="${joinSettingVO.joinCertType == 'M'}">
<button type="button" class="mem_btn1" onclick= "javascript:chkAuth('<c:out value='${joinSettingVO.joinCertType}'/>'); return false;">동의 및 문자 본인인증 </button>
</c:when>
<c:otherwise>
<button type="button" class="mem_btn1" onclick= "javascript:chkAuth('<c:out value='${joinSettingVO.joinCertType}'/>'); return false;">동의 및 ARS 본인인증 </button>
</c:otherwise>
</c:choose>
</div>
</div><!--// cont -->
</div><!--// 회원가입 약관동의 -->
</div>
</div>
</div><!--// content 영역 -->
</form>
<form name="modiForm" id="modiForm" method="post">
<input type="hidden" name="dept" value="${mberManageVO.dept}" />
<input type="hidden" name="receiveMsg" value="" />
<input type="hidden" name="receiveKakao" value="" />
<input type="hidden" name="receivemail" value="" />
<input type="hidden" name="collectMsg" value="" />
<input type="hidden" name="niceNm" value="" />
<input type="hidden" name="birthDay" value="" />
<input type="hidden" name="moblphonNo" value="" />
<input type="hidden" name="mblDn" value="" />
<input type="hidden" name="nationality" value="" />
<input type="hidden" name="sexdstnCode" value="" />
<input type="hidden" id="certCode" name="certCode" value="" />
<input type="hidden" id="idx" name="idx" value="" />
<input type="hidden" name="blineCode" value="" />
</form>
<form name="reqKMCISForm" method="post" action="#">
<input type="hidden" name="tr_cert" id="tr_cert" value = "${tr_cert}">
<input type="hidden" name="tr_url" id="tr_url" value = "${tr_url}">
<input type="hidden" name="tr_add" id="tr_add" value = "${tr_add}">
</form>
<form name="arsForm" method="post" action="#">
<input type="hidden" id="phoneNumber" name="phoneNumber" value = "">
</form>
<div class="mask"></div>
<!-- 본인인증(step1) 팝업 -->
<div class="tooltip-wrap">
<div class="popup-com certify_layer popup05" tabindex="0" data-tooltip-con="popup05" data-focus="popup05" data-focus-prev="popup05-close" style="width: 680px;">
<div class="popup_heading">
<p>본인인증(Step1)</p>
<button type="button" class="tooltip-close" data-focus="popup05-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<div class="layer_in">
<div class="hascont">
<p class="certify_title">인증받을 전화에<br>
전화가 오면 안내에 따라 <span>인증번호 4자리</span>를 입력해주세요</p>
<table class="layer_tType1">
<caption>본인인증(step1) 표</caption>
<colgroup>
<col style="width: 95px">
<col style="width: auto">
</colgroup>
<tbody>
<tr>
<th>핸드폰번호</th>
<td>
<label for="" class="label">핸드폰번호 입력</label>
<input type="text" id="phone" name="phone" value="" placeholder="‘-’없이 번호만 입력 " onfocus="this.placeholder=''" onblur="this.placeholder='‘-’없이 번호만 입력 '"class="inputLight" style="width: 340px;">
<button type="button" onclick= "javascript:openARSCert(); return false;" class="btnType btnType6">인증요청</button>
</td>
</tr>
<tr>
<th>인증번호</th>
<td>
<label for="" class="label">인증번호 입력</label>
<input type="text" id="code" name="code" value="" maxlength="4" placeholder="인증번호 4자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 4자리 입력'" class="inputLight" style="width: 220px;">
<button type="button" onclick="javascript:ARSCodeCheck(); return false;" class="btnType btnType6" >확인</button>
<input type="hidden" name="keyCheck" id="keyCheck" value="N" />
</td>
</tr>
</tbody>
</table>
<div class="popup_btn_wrap3">
<button type="button" class="btnType btnType2 mem_btn2" onclick="twoDeptPopupOpen();">다음</button>
</div>
</div>
</div>
</div>
</div><!--// 본인인증(step1) 팝업 -->
<!-- 본인인증(step2) 팝업 -->
<!-- ARS인증 후 KMC본인인증 할 경우 -->
<c:if test="${joinSettingVO.joinCertType == 'A'}">
<form name="kmcPopUpForm" method="post" action="#">
<%-- <input type="hidden" name="tr_cert" value = "${tr_cert}">
<input type="hidden" name="tr_url" value = "${tr_url}">
<input type="hidden" name="tr_add" value = "${tr_add}"> --%>
<input type="hidden" id="moblphonNo" name="moblphonNo" value = "">
<div class="tooltip-wrap">
<div class="popup-com certify_layer popup06" tabindex="0" data-tooltip-con="popup06" data-focus="popup06" data-focus-prev="popup06-close" style="width: 600px;">
<div class="popup_heading">
<p>본인인증(Step2)</p>
<button type="button" class="tooltip-close" data-focus="popup06-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<div class="layer_in">
<div class="hascont">
<p class="certify_title"><span>본인 문자인증</span>을 위한 가입정보를 입력해주세요.</p>
<table class="layer_tType1">
<caption>본인인증(step2) 표</caption>
<colgroup>
<col style="width: 95px">
<col style="width: auto">
</colgroup>
<tbody>
<tr>
<th>성명</th>
<td>
<label for="" class="label">성명 입력</label>
<input type="text" name="mberNm" id="mberNm" placeholder="성명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='성명을 입력해주세요.'"class="inputLight" style="width: 300px;" maxlength="5">
</td>
</tr>
<tr>
<th>생년월일</th>
<td>
<label for="" class="label">생년월일 입력</label>
<input type="text" name="birth" id="birth" placeholder="예) 19970829" onfocus="this.placeholder=''" onblur="this.placeholder='예) 19970829'"class="inputLight" style="width: 300px;" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" maxlength="8">
</td>
</tr>
<tr>
<th>성별</th>
<td>
<input id="sexdstnCode" type="radio" name="sexdstnCode" value="0" checked="checked">
<label for="sexdstnCode">남</label>
<input id="sexdstnCode2" type="radio" name="sexdstnCode" value="1">
<label for="sexdstnCode2">여</label>
</td>
</tr>
<tr>
<th>국적</th>
<td>
<input id="nationality" type="radio" name="nationality" value="0" checked="checked">
<label for="">내국인</label>
<input id="nationality2" type="radio" name="nationality" value="1">
<label for="nationality2">외국인</label>
</td>
</tr>
</tbody>
</table>
<div class="popup_btn_wrap3">
<button type="button" data-focus-next="popup06" class="btnType btnType2" onclick="javascript:kmcPopUp(); return false;">다음</button>
</div>
</div>
</div>
</div>
</div>
</form>
</c:if>
<!--// 본인인증(step2) 팝업 -->
</body></html>