<!DOCTYPE html>
<html lang="ko">
  <head>
    <%@ include file='../include/head.jsp'; %>
    <title>추가고객 신청자확인 | 키움페이 전자계약</title>
    <meta name="description" content="키움페이 전자계약 추가고객 신청자확인 페이지" />
  </head>
  <body class="sub add-customer-applicant">
    <div id="wrapper" class="top-padding">
      
      <%@ include file='../include/header.jsp'; %>
      <%@ include file='../include/header-stage-02.jsp'; %>

      <main id="main">
        <a href="#" id="main-start">본문시작</a>

        <h2><span class="before">다우데이타 220-81-01733</span>신청자 정보를 선택해 주세요.</h2>

        <section class="content">
          <ul class="form tall">
            <li>
              <label>신청자가 대표자 본인인가요?</label>
              <ul class="input-list">
                <li><input type="radio" name="is_ceo" id="is-ceo-1" value="Y" checked="checked" data-selector=".ceo" /><label for="is-ceo-1">네, 대표자 본인입니다.</label></li>
                <li><input type="radio" name="is_ceo" id="is-ceo-2" value="N" data-selector=".deputy" /><label for="is-ceo-2">아니요, 대리인 입니다.</label></li>
              </ul>
            </li>
            <li class="ceo">
              <label>공동/각자 대표자 중 신청자를 선택해주세요.</label>
              <ul class="input-list">
                <li><input type="radio" name="ceo_name" id="ceo-name-01" value="" checked="checked" /><label for="ceo-name-01">김다우</label></li>
                <li><input type="radio" name="ceo_name" id="ceo-name-02" value="" /><label for="ceo-name-02">다우킴</label></li>
                <li><input type="radio" name="ceo_name" id="ceo-name-03" value="" /><label for="ceo-name-03">이하이</label></li>
              </ul>
            </li>
            <li class="deputy">
              <label>대리인 정보를 선택해주세요.</label>
              <ul class="input-list">
                <li>
                  <input type="radio" name="deputy_info" id="deputy-info-1" value="Y" checked="checked" /><label for="deputy-info-1">CDD 신청한 대리인 이름</label>
                  <input type="text" name="" id="" class="text long" placeholder="실명번호(주민등록번호)를 입력해주세요." />
                </li>
              </ul>
            </li>
          </ul>


          <div class="button-box">
            <a href="#" class="btn regular blue-line left pc">이전</a>
            <a href="#" class="btn regular blue disabled">다음</a>
          </div>
        </section>
      </main>

      <div id="test-button">
        <a href="#" class="btn small blue-line" onclick="enableButton();">다음버튼활성화</a>
        <a href="#" class="btn small blue-line" onclick="displayPopup({type: 'fail', title: '인증정보 불일치', content: '<em class=\'red\'>기존 고객정보를 제출한 대표자만 제출 가능합니다.<br />(신청자를 대표자로 선택해 주세요.)</em><br />추가 문의는 02-3410-0000 으로 부탁드립니다.'}, this);">팝업창1</a>
      </div>

    </div>   <!-- #wrapper -->

<script>
'use strict';


// 진행단계 표시
setHeaderStage(2);

// 표시 유무 결정
setVisibilityCheck();

function enableButton() {
  const btn = document.querySelector('a.btn.blue');
  btn.classList.toggle('disabled');
}




</script>

  </body>
</html>