<!DOCTYPE html>
<html lang="ko">
  <head>
    <%@ include file='../include/head.jsp'; %>
    <title>로그인 | 키움페이 전자계약</title>
    <meta name="description" content="키움페이 전자계약 로그인 페이지" />
  </head>
  <body class="sub login">
    <div id="wrapper">

      <%@ include file='../include/header-no-login.jsp'; %>

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

        <h2>로그인</h2>

        <section class="content">
          <h3 class="ir-hidden">로그인 폼</h3>
          <ul class="form">
            <li>
              <div class="form-box">
                <label for="user-id">아이디</label>
                <input type="text" name="" id="user-id" class="text" placeholder="이메일 주소 입력" value="" />
              </div>
            </li>
            <li>
              <div class="form-box">
                <label for="user-pw">비밀번호</label>
                <input type="password" name="" id="user-pw" class="text" placeholder="8자리 이상 입력" value="" />
              </div>
            </li>
            <li class="btn">
              <a href="#" id="btn-login" class="btn regular blue full disabled">로그인</a>
            </li>
            <li class="btn">
              <a href="#" class="btn regular blue-line half">회원가입</a>
              <a href="#" class="btn regular red-line half">비밀번호 찾기</a>
            </li>
          </ul>
        </section>
      </main>

      <div id="test-button">
        <a href="#" class="btn small blue-line" onclick="displayFormError('#user-id', '이메일 주소를 확인해주세요.');">폼 오류표시</a>
        <a href="#" class="btn small blue-line" onclick="resetFormError('#user-id');">폼 초기화</a>
        <a href="#" class="btn small blue-line" onclick="enableButton('#btn-login');">버튼 활성화</a>
        <a href="#" class="btn small blue-line" onclick="disableButton('#btn-login');">버튼 비활성화</a>
      </div>
    </div>

<script>
'use strict';





</script>
  </body>
</html>