<%@ 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 uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<!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">
    
    <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="/js/MJUtill.js"></script>
	
	<script type="text/javascript">
	$( document ).ready(function() {
	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();
		});	
		// ARS인증 팝업
		tooltip();
		accessibilityFocus();
		
	});
	
	// 접근성 관련 포커스 강제 이동
	function accessibilityFocus() {

		$(document).on('keydown', '[data-focus-prev], [data-focus-next]', function (e) {
			var next = $(e.target).attr('data-focus-next'),
				prev = $(e.target).attr('data-focus-prev'),
				target = next || prev || false;

			if (!target || e.keyCode != 9) {
				return;
			}

			if ((!e.shiftKey && !!next) || (e.shiftKey && !!prev)) {
				//setTimeout(function () {
					$('[data-focus="' + target + '"]').focus();
				//}, 0);
			}

		});

	}


	function tooltip() {
		var openBtn = '[data-tooltip]',
			closeBtn = '.tooltip-close';

		function getTarget(t) {
			
			if($(t).is('[data-tooltip]') == true){
				return $(t).attr('data-tooltip');
			}
			else if($(t).is('[data-tooltip]') == false){
				return $(t).closest("[data-tooltip]").attr('data-tooltip');
			}
		}

		function open(t) {
			var showTarget = $('[data-tooltip-con="' + t + '"]');
			showTarget.show().focus();
			showTarget.find('.tooltip-close').data('activeTarget', t);
		}

		function close(t) {
			var activeTarget = $('[data-tooltip-con="' + t + '"]');
			activeTarget.hide();
			$('[data-tooltip="' + t + '"]').focus();
		}

		$(document)
			.on('click', openBtn, function (e) {
				//ARS인증 정보 팝업
				if(e.target.className == 'mem_btn1'){
					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 phone = $("#phone").val();
					$("#phoneNumber").val(phone);
					
					 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);
					            }
					        });
				}
				
				//ARS인증 정보 팝업에서 다음 버튼 클릭
				if(e.target.className == 'mem_btn2'){
					
		 			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;
		 			}
				}
				

				
				// 팝업 클릭 시 data-tooltip 속성 불러오기 
				var popName = e.target.attributes[1].value;
				e.preventDefault();
				open(getTarget(e.target));
				$("body").find(".mask").addClass("on");
				wrapWindowByMask(popName);
			})
			.on('click', closeBtn, function (e) {
				e.preventDefault();
				close($(this).data('activeTarget'));
				$("body").find(".mask").removeClass("on");
				wrapWindowByMask();
			})
	}
	
	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);
			}
		}
		function agreeTwoDeptCheck2(){
			if( $("input[name=agreeTwoDeptCheck]").is(':checked') ){
				//alert("123");
				$("input[id^='agree1_']").prop("checked", true);
			}else{
				$("input[id^='agree1_']").prop("checked", false);
			}
		}
		
		
		//KMC 본인인증
		 function chkAuth(certType){
			 if(certType == "M"){
				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 phone = $("#phone").val();
				$("#phoneNumber").val(phone);
				
				 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();
				
			}else if(certType == "P"){
				
				//ARS 본인인증 실행하기
				openARSCert();
				
			}else{
				
				//ARS 본인인증 실행하기
				openARSCert();
				
			}
				
			
				
		}

		function fnAddUserView() {
		    document.modiForm.action = "<c:url value='/web/user/login/insertUsrView.do'/>";
		    document.modiForm.submit();
		}
		
		/* function chkAuth() {
		    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());
		         		//인증번호 입력 후 확인 버튼 누르면 fnCertCodeCheck 함수에서 인증번호 체크 후 문자인증 팝업 시작함
		         	
		          	}else{ alert("세션 생성 실패");return;} 
		        },
		 
		        error : function(request , status, error){
		        	alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
		        }
		    });
	 
 		}
 
	function keyCodeCheck(){
			
			var certCode = $("#certCode").val();
			var code = $("#code").val();
			
			if(certCode == code && code != ""){
				alert("인증 완료.");
			}else{
				alert("인증번호를 확인해주세요.");
			}
			
		}
		
	
 	/* 	function fnCertCodeCheck(certType){
 			
 			var certCode = $("#certCode").val();
 			var code = $("#code").val();
 			
 			if(certCode == code){
 				
 				if(certType == 'A'){// ARS + 문자 인증 이면 실행
 					
 	 				//KMC 본인인증 실행하기
 					openKMCISWindow();
 					
 				}else{ //전화인증만 하는경우 회원정보 입력 화면으로 이동 시킴
 					
 					fnAddUserView();
 					
 				}
 				
 				
 			}else{
 				alert("인증번호를 확인해주세요.")
 			}
 			
 		} */
 		function fnCertCodeCheck(certType){
 			
 			var certCode = $("#certCode").val();
 			var code = $("#code").val();
 			
 			if(certCode == code){
 				
 				if(certType == 'A'){// ARS + 문자 인증 이면 실행
 					
 	 				//KMC 본인인증 실행하기
 					openKMCISWindow();
 					
 				}else{ //전화인증만 하는경우 회원정보 입력 화면으로 이동 시킴
 					
 					fnAddUserView();
 					
 				}
 				
 				
 			}else{
 				alert("인증번호를 확인해주세요.")
 			}
 			
 		}
 		
 		
		function kmcPopUp() {
			
			//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);
		        }
		    });
			
		}

	</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>
                            <p>회원가입 전체약관에 동의합니다.</p>
                        </div>
                        <ul class="clause_list">
                        	<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'}" >
	                        		<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">
		                                        <div class="checkbox_wrap">
		                                            <input type="checkbox" name="agreeCheck" id="agree_${result.termsId}" title="${result.termsSj}동의" class="joinCheckbox type2 ${necCheck}" />
		                                            <label for="agree_${result.termsId}"></label>
		                                        </div>
		                                        
		                                        <!-- 필수/선택 체크 -->
		                                        <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>	                                                                            
		                                        <span><span class="${colClass}">[${nec}]</span>${result.termsSj}</span>
		                                        <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">
		                                    <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}"></label>
		                                        </div>
		                                        <!-- 필수/선택 체크 -->
		                                        <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>	                                                                            
		                                        <span><span class="${colClass}">[${nec}]</span>${result.termsSj}</span>
		                                    </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" id="agree1_${result.termsId}" title="${result.termsSj} 동의" class="joinCheckbox type3" />
			                                            <label for="agree1_${result.termsId}"></label>
			                                        </div>
			                                        <span>${result.termsSj}</span>
		                                		</div>
		                                       </c:if>		                                			
		                                	</c:forEach>
		                                </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:when test="${joinSettingVO.joinCertType == 'P'}">
                        			<button type="button" data-tooltip="popup05" class="mem_btn1" >동의 및 ARS 본인인증 </button>
                        			<%-- 전화번호 : <input type="text" id="phone" name="phone" value=""/>
                        			인증번호 : <input type="text" id="code" name="code" value="" maxlength="4"/>
                        			<button onclick="javascript:fnCertCodeCheck('<c:out value='${joinSettingVO.joinCertType}'/>'); return false;">확인</button> --%>
                        		</c:when>
                        		<c:otherwise>
                        			<button type="button" data-tooltip="popup05"  class="mem_btn1" >동의 및 ARS 전화인증 </button>	
                        			<%-- 전화번호 : <input type="text" id="phone" name="phone" value=""/>
                        			인증번호 : <input type="text" id="code" name="code" value="" maxlength="4"/>
                        			<button onclick="javascript:fnCertCodeCheck('<c:out value='${joinSettingVO.joinCertType}'/>'); return false;">확인</button> --%>
                        		</c:otherwise>
                        	</c:choose>
                        </div>
                    </div><!--// cont -->
                </div><!--// 회원가입 약관동의 -->
            </div>
		</div>
	    </div><!--// content 영역 -->
    </form>
    <form name="modiForm" id="modiForm" method="get">
    	<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="sexdstnCode" value="" />
    	<input type="hidden" id="certCode" name="certCode" 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:chkAuth('<c:out value='${joinSettingVO.joinCertType}'/>'); 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:keyCodeCheck(); return false;" class="btnType btnType6" >확인</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
					<div class="popup_btn_wrap3">
<%-- 						<button type="button" onclick="javascript:fnCertCodeCheck('<c:out value='${joinSettingVO.joinCertType}'/>'); return false;" data-focus-next="popup05" class="btnType btnType2">다음</button>                       --%>
						<button type="button" data-tooltip="popup06"  class="mem_btn2" >다음</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" placeholder="성명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='성명을 입력해주세요.'"class="inputLight" style="width: 300px;">
	                                </td>
	                            </tr>
								<tr>
	                                <th>생년월일</th>
	                                <td>
	                                    <label for="" class="label">생년월일 입력</label>
	                                    <input type="text" name="birth" placeholder="예) 19970829" onfocus="this.placeholder=''" onblur="this.placeholder='예) 19970829'"class="inputLight" style="width: 300px;">
	                                </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>
