@charset "utf-8";


/*LOGIN --------------------------------------------*/
.login{margin-left:auto; margin-right:auto; max-width:450px; text-align:center; padding:0 20px; color:#333; padding-top:50px; padding-bottom:50px}
.login h2{padding-top:5px}
.login h3{color:#666; font-weight:500;}
.login h2 span{color:#405FB7}
.login .loginput{position:relative; border-bottom:1px solid #f2f2f2; display:block}
.login .loginput input:focus{border-bottom:1px solid #21346F; border-radius:0; bottom:-1px; position:relative}
.login ::placeholder{color:#9D9D9D}
.login fieldset{margin-top:20px}
.login .loginput span{position:absolute; top:20px; margin-left:-95px; color:#BBB}
.login .loginput input{font-size:16px; border-radius:4px; width:100%; height:58px; padding:0; color:#333; border:none}
.login button{height:58px; display:block; border-color:transparent; width:100%;line-height:17px; padding:17px 30px; margin:0; background:#3c4a76; color:#fff; margin-top:30px; font-weight:500; border-radius:4px}
.saveid{text-align:left; color:#777; margin-top:20px}

.guide{clear:both; padding:20px 0 0; color:#FF4E59}
.guide a{font-size:14px; color:#888; padding:10px}
input[type=checkbox] + label{font-size:15px}


@media (min-width:768px){
  .login h2{padding-top:10px}
  .login .loginput{padding-top:10px}
  .loginnav{display:flex; flex-direction:column; justify-content:center}
}

@media (min-width:1070px){
  .login{padding:60px 0}
  .loginnav hr.header-line{display:none}
  .guide{clear:both}
  .login button{height:62px}

  /* font */
  .login button{font-family: NanumSquare, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", 돋움, dotum, Helvetica, sans-serif !important}
}

/* check icon */
.saveID input{display:none}
.saveId input[type=checkbox] + label {display:inline-block; cursor:pointer; position:relative; padding-left:20px; font-size:15px !important; color:#777 !important}
.saveId input[type=checkbox]+ label:before {content:""; display:inline-block; width:16px; height:16px; position:absolute; top:0; left:0; border-radius:10px; background-color:#fff; border:1px solid #d5dbe0}
input[type=checkbox]:checked + label:before {border:0; background-color:#3182F6}
#saveId{-webkit-appearance:none; position:absolute}
.saveID{text-align:left; position:relative}
input[type=checkbox]:checked + label{border:none !important}