<!DOCTYPE html>
<html lang="ko">
  <head>
    <%@ include file='../include/head.jsp'; %>
    <title>대표자/대리인 확인(개인) | 키움페이 전자계약</title>
    <meta name="description" content="키움페이 전자계약 대표자/대리인 확인(개인) 페이지" />
  </head>
  <body class="sub confirm-ceo-deputy-private">
    <div id="wrapper" class="top-padding">
      
      <%@ include file='../include/header.jsp'; %>
      <%@ include file='../include/header-stage-01.jsp'; %>

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

        <section class="content">
          <ul class="form">
            <li>
              <label for="private-1">작성해주시는 분이 대표자 본인인가요?</label>
              <ul class="input-list">
                <li><input type="radio" name="private" id="private-1" value="Y" checked="checked" /><label for="private-1">네, 대표자 본인입니다.</label></li>
                <li><input type="radio" name="private" id="private-2" value="N" /><label for="private-2">아니요, 대리인 입니다.</label></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: '개인 사업자는 대표자 본인만 제출 가능합니다.<br />기대표자가 직접 작성해주세요.'}, this);">팝업창1</a>
      </div>

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

<script>
'use strict';

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


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




</script>

  </body>
</html>