777 lines
35 KiB
Plaintext
777 lines
35 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" %>
|
||
<%-- <% 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>
|