
<!DOCTYPE html>
<html lang="ko">
  <head>
    <%@ include file='../include/head.jsp'; %>
    <title>최종제출 | 키움페이 전자계약</title>
    <meta name="description" content="키움페이 전자계약 최종제출 페이지" />
  </head>
  <body class="sub submit">
    <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>

        <h2><span class="before">다우데이타 220-81-01733</span>최종 제출하기</h2>

        <section class="content">
          <h3 class="title">최종 제출자 확인을 위해 휴대폰 본인인증 이후 신청서 접수가 완료됩니다.<br />입력하신 대표자/대리인 정보로 휴대폰 본인인증을 수행해주세요.</h3>
          <ul class="form">
            <li>
              <p class="checkbox lines"><input type="checkbox" name="" id="confirm" /><label for="confirm">신청서의 모든 내용에 허위 정보가 없음을 확인했으며,<br />검수 과정에서 허위 정보가 확인될 경우, 심사가 거절될 수 있음을 숙지했습니다.</label></p>
            </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: 'success', title: '제출 완료', content: '신청서 접수가 완료되었습니다.<br />심사 완료 시, 계약담당자 메일을 통해 안내드릴 예정입니다.'}, this);">팝업창1</a>
        <a href="#" class="btn small blue-line" onclick="displayPopup({type: 'fail', title: '인증정보 불일치', content: '제출해주신 대표자/대리인 정보와<br />휴대폰 본인인증 정보가 불일치합니다.<br />다시 확인해주세요.'}, this);">팝업창2</a>
      </div>

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

<script>
'use strict';

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

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




</script>

  </body>
</html>