<%@ 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"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html>

<script type="text/javascript">

	$(document).ready(function(){
		if('${Exception}' != ''){
			alert('${Exception}');
		}
	});
	
	function validation(){
		if($('#name').val() == ''){
			alert('이름을 입력해 주세요');
			return false;
		}
		if($('#phone').val() == ''){
			alert('휴대전화를 입력해 주세요.');
			return false;
		}
		if($('#birth').val() == ''){
			alert('생년월일을 입력해 주세요.');
			return false;
		}
		if(!$('#agree_01').is(':checked')){
			alert('개인정보 수집 및 이용동의를 체크해 주세요.');
			return false;
		}
		if(!$('#agree_02').is(':checked')){
			alert('제3자 정보 제공 동의를 체크해 주세요.');
			return false;
		}
		
		return true;
	}
	
	function goStep2(){
		if(validation()){
			document.kForm.submit();
		}
	}
</script>

<div class="mask"></div>

  <!-- 팝업 : 개인정보 수집 및 이용 동의 : cert1_popup -->
  <div class="tooltip-wrap">
    <div class="popup_wrap layer_popup cert_popup cert1_popup" style="width:90%;max-width:640px;" tabindex="0" data-tooltip-con="cert1_popup" data-focus="cert1_popup" data-focus-prev="cert1_popup_close">
      <div class="popup_content">
        <div class="content">
          <b class="title depth02 orange_border round">개인정보 수집 및 이용 동의 <span class="color_red fw_medium">(필수)</span></b>
            <div class="box gray_border" style="max-height:300px;overflow:auto;">
              <p>한국공정거래조정원은 본 서비스 제공을 위하여 아래와 같이 개인정보를 수집 및 이용하고자 관련내용을 관계 법령에 따라 고지하오니, 동의해 주시기 바랍니다.</p>
              <dl class="sub_dl">
                <dt>1. 개인정보의 수집ㆍ이용 목적</dt>
                <dd>- 분쟁조정 사건 처리 : 분쟁조정사건의 진행을 위해 조정신청서 제출시 사건 진행을 위한 분쟁당사자의 사업자 정보(상호, 주소, 연락처 등)를 처리하며
                  사건 관련 제출한 자료에 포함된 개인정보는 사건 처리를 위한 목적으로 이용(사건서류 우편송달, 출석조사 등 사건조사를 위한 담당자 연락)</dd>
                <dd>- 민원 상담 처리 : 분쟁조정관련 상담, 무료법률상담, 조정원에 관한 상담, 자체 만족도 조사 등 민원처리</dd>
                <dt>2. 수집ㆍ이용하려는 개인정보의 항목</dt>
                <dd>- 성명, 기관명, 직위(급), 연락처, 이메일 주소</dd>
                <dt>3. 개인정보의 보유 및 이용기간</dt>
                <dd>- 개인정보파일명 : 분쟁조정당사자 정보관리</dd>
                <dd>- 보유 및 이용기간 : 5년</dd>
                <dt>4. 이용자 개인정보보호</dt>
                <dd>- 이용자 개인정보보호를 위하여 수집된 개인정보는 암호화되어 처리됩니다.</dd>
              </dl>
            </div>
          <div class="btn_wrap center">
            <button type="button" class="btn btn_text btn_40 gray_fill tooltip-close" data-tooltip="cert1_popup_popup" data-focus="cert1_popup_popup" data-focus-next="cert1_popup">확인</button>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 팝업 : 개인정보 제3자 제공 동의 : cert1_popup -->
  <div class="tooltip-wrap">
    <div class="popup_wrap layer_popup cert_popup cert2_popup" style="width:90%;max-width:640px;" tabindex="0" data-tooltip-con="cert2_popup" data-focus="cert2_popup" data-focus-prev="cert2_popup_close">
      <div class="popup_content">
        <div class="content">
          <b class="title depth02 orange_border round">개인정보 제3자 제공 동의 <span class="color_red fw_medium">(필수)</span></b>
            <div class="box gray_border" style="max-height:300px;overflow:auto;">
              <p>분쟁조정사건처리시스템은 정보주체의 동의, 법률에 특별한 규정이 있는 경우 등 개인정보보호법 제17조 및 제18조에 해당하는 경우에만 개인정보를 제3자에게 제공합니다.</p>
              <dl class="sub_dl">
                <dt>가. 용어의 정의</dt>
                <dd>1. 인증사업자 : 네이버, 카카오 등 전자서명 서비스를 제공하는 사업자</dd>
                <dt>나. 제3자 제공에 관한 사항</dt>
                <dd>1. 개인정보를 제공받는 자 : 인증사업자</dd>
                <dd>2. 제공받는 자의 개인정보 이용목적 : 간편인증 시 본인확인 또는 전자서명</dd>
                <dd>3. 제공하는 개인정보 항목 : 생년월일, 이름, 휴대폰번호</dd>
                <dd>4. 제공받는 자의 보유 및 이용기간 : 본인확인 또는 전자서명 후 즉시 파기</dd>
              </dl>
            </div>
          <div class="btn_wrap center">
            <button type="button" class="btn btn_text btn_40 gray_fill tooltip-close" data-tooltip="cert2_popup_popup" data-focus="cert2_popup_popup" data-focus-next="cert2_popup">확인</button>
          </div>
        </div>
      </div>
    </div>
  </div>

<form id="kForm" name="kForm" action="/web/user/cert/kCertStep2.do" method="post">
 <div class="window_popup idf" style="max-width:700px">
    <div class="title_area">
      <h1>카카오 간편인증</h1>
    </div>
    <div class="cont_area">
      <div class="table_type_rows">
        <table>
          <colgroup>
            <col style="width:40%;">
            <col style="width:auto;">
          </colgroup>
          <tbody>
            <tr>
              <th>이름</th>
              <td><input type="text" id="name" name="name" class="input_text w100per" placeholder="이름"></td>
            </tr>
            <tr>
              <th>휴대전화</th>
              <td><input type="text" id="phone" name="phone" class="input_text w100per" placeholder="본인명의 휴대전화번호(숫자만 입력)"></td>
            </tr>
            <tr>
              <th>생년월일</th>
              <td><input type="text" id="birth" name="birth" class="input_text w100per" placeholder="생년월일 8자리(19990101)"></td>
            </tr>
          </tbody>
        </table>
      </div>

      <ul class="agree_box_area">
        <li>
          <div class="checkbox_wrap">
            <input type="checkbox" id="agree_01"><label for="agree_01">개인정보 수집 및 이용동의 <span class="color_red">(필수)</span></label>
          </div>
          <button type="button" class="btn btn_35 btn_text darkgray_border" data-tooltip="cert1_popup">자세히보기</button>
        </li>
        <li>
          <div class="checkbox_wrap">
            <input type="checkbox" id="agree_02"><label for="agree_02">제3자 정보 제공 동의 <span class="color_red">(필수)</span></label>
          </div>
          <button type="button" class="btn btn_35 btn_text darkgray_border" data-tooltip="cert2_popup">자세히보기</button>
        </li>
      </ul>
      <div class="btn_wrap center">
        <button type="button" class="btn btn_40 btn_text gray_fill" onclick="self.close();">취소</button>
        <button type="button" class="btn btn_40 btn_text darkblue_fill" onclick="goStep2();">인증요청</button>
      </div>
    </div>
  </div>
</form>