<%@ 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;
			}
			
       		openKMCISWindow();
		}
		

		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(){ 
 //본인인증시도 로그 
 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();
	  
	  //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}">	
    <input type="hidden" name="tr_ver"      value = "V2">
</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>
