@import url('reset.css');



@font-face {
  font-family: 'GmarketSansBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSansLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


html, body { height: 100%; margin: 0;}

#wrap { 
    width: 100%;
    height: 100%;
    background: url('../images/login_bg2.jpg') no-repeat;
    background-position: center;
    background-size: cover;
}


header { width: 100%; height: 70px; z-index: 100; padding:0 2%;}

header h1 {
    float: left;  
    color: #fff; 
    display: block;
    line-height: 70px;
    font-weight: 400; 
    font-size: 24px;
    width: 100%;
    font-family: 'GmarketSansMedium';
}









.login_box { 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px;
    padding: 70px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
 }

 h1 { margin-bottom: 20px; font-size: 30px; font-weight: 500; color: #5aa1ed; font-family: 'GmarketSansBold';}

 p { margin-bottom: 10px; }

 input[type=text], input[type=password] {
    width: 100%;
    padding: 10px;
    border: none;
    background: #eee;
    border-radius: 3px;
  }

  input[type=text]:focus, input[type=password]:focus {
    background: rgb(192, 247, 249);
    outline: none;
  }

  .btn {
    width: 100%;
    text-align: center;
  }

  .btn a { padding: 10px 20px; color: #fff; background: #064C98; display: block; border-radius: 3px;}

  .btn a:hover { background: #000;}