<!DOCTYPE html>
<html lang="ko">
  <head>
    <%@ include file='../include/head.jsp'; %>
    <title>담당자정보 | 키움페이 전자계약</title>
    <meta name="description" content="키움페이 전자계약 담당자정보 페이지" />
  </head>
  <body class="sub manager-info">
    <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">실제 서비스를 운영하는 가맹점 파트 별 담당자 정보를 입력해주세요.</h3>

          <h3 class="title big">계약 담당자</h3>
          <ul class="form two-column">
            <li>
              <div class="form-box">
                <label for="manager-1-name">담당자명</label>
                <input type="text" name="" id="manager-1-name" class="text" value="" />
              </div>
            </li>
            <li>
              <div class="form-box">
                <label for="manager-1-email">담당자 이메일 주소</label>
                <input type="text" name="" id="manager-1-email" class="text" value="" />
              </div>
            </li>
            <li>
              <div class="form-box">
                <label for="manager-1-contact">담당자 연락처 (내선번호)</label>
                <input type="text" name="" id="manager-1-contact" class="text" value="" />
              </div>
            </li>
            <li>
              <div class="form-box">
                <label for="manager-1-mobile">담당자 연락처 (휴대폰번호)</label>
                <input type="text" name="" id="manager-1-mobile" class="text" value="" />
              </div>
            </li>
          </ul>

          <h3 class="title big">개발 담당자</h3>
          <ul class="form two-column">
            <li class="full">
              <p class="checkbox"><input type="checkbox" name="" id="manager-2-same"><label for="manager-2-same">계약 담당자 정보와 일치합니다.</label></p>
            </li>
            <li>
              <div class="form-box">
                <label for="manager-2-name">담당자명</label>
                <input type="text" name="" id="manager-2-name" class="text" value="" />
              </div>
            </li>
            <li>
              <div class="form-box">
                <label for="manager-2-email">담당자 이메일 주소</label>
                <input type="text" name="" id="manager-2-email" class="text" value="" />
              </div>
            </li>
            <li>
              <div class="form-box">
                <label for="manager-2-contact">담당자 연락처 (내선번호)</label>
                <input type="text" name="" id="manager-2-contact" class="text" value="" />
              </div>
            </li>
            <li>
              <div class="form-box">
                <label for="manager-2-mobile">담당자 연락처 (휴대폰번호)</label>
                <input type="text" name="" id="manager-2-mobile" class="text" value="" />
              </div>
            </li>
          </ul>

          <h3 class="title big">정산 담당자</h3>
          <ul class="form two-column">
            <li class="full">
              <p class="checkbox"><input type="checkbox" name="" id="manager-3-same"><label for="manager-3-same">계약 담당자 정보와 일치합니다.</label></p>
            </li>
            <li>
              <div class="form-box">
                <label for="manager-3-name">담당자명</label>
                <input type="text" name="" id="manager-3-name" class="text" value="" />
              </div>
            </li>
            <li>
              <div class="form-box">
                <label for="manager-3-email">담당자 이메일 주소</label>
                <input type="text" name="" id="manager-3-email" class="text" value="" />
              </div>
            </li>
            <li>
              <div class="form-box">
                <label for="manager-3-contact">담당자 연락처 (내선번호)</label>
                <input type="text" name="" id="manager-3-contact" class="text" value="" />
              </div>
            </li>
            <li>
              <div class="form-box">
                <label for="manager-3-mobile">담당자 연락처 (휴대폰번호)</label>
                <input type="text" name="" id="manager-3-mobile" class="text" value="" />
              </div>
            </li>
          </ul>

          <h3 class="title big">상담 담당자</h3>
          <ul class="form two-column">
            <li class="full">
              <p class="checkbox"><input type="checkbox" name="" id="manager-4-same"><label for="manager-4-same">계약 담당자 정보와 일치합니다.</label></p>
            </li>
            <li>
              <div class="form-box">
                <label for="manager-4-name">담당자명</label>
                <input type="text" name="" id="manager-4-name" class="text" value="" />
              </div>
            </li>
            <li>
              <div class="form-box">
                <label for="manager-4-email">담당자 이메일 주소</label>
                <input type="text" name="" id="manager-4-email" class="text" value="" />
              </div>
            </li>
            <li>
              <div class="form-box">
                <label for="manager-4-contact">담당자 연락처 (내선번호)</label>
                <input type="text" name="" id="manager-4-contact" class="text" value="" />
              </div>
            </li>
            <li>
              <div class="form-box">
                <label for="manager-4-mobile">담당자 연락처 (휴대폰번호)</label>
                <input type="text" name="" id="manager-4-mobile" class="text" value="" />
              </div>
            </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(3.75);


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




</script>

  </body>
</html>