/* ============================================================
  login.css
 ============================================================ */
/* login
--------------------------------------------------------- */
main,
.container {
  background: #eceff1;
}

main {
  padding: 30px 0;
}

.login {
  width: 400px;
  margin: 30px auto 0 auto;
}

.login_box {
  padding: 40px;
  background: #fff;
}

.login input[type="text"] {
  font-size: 1rem;
  height: 40px;
}

.login_tit {
  padding-left: 24px;
}

.login .icon_user, .login .icon_password {
  position: relative;
}

.login .icon_user:before, .login .icon_password:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
}

.login .icon_user:before {
  background-image: url(/contents/common/img/sprite.png);
  background-position: -72px -48px;
  width: 16px;
  height: 16px;
}

.login .icon_password:before {
  background-image: url(/contents/common/img/sprite.png);
  background-position: -72px -32px;
  width: 16px;
  height: 16px;
}

.login input[type="text"],
.login input[type="password"] {
  margin-top: 8px;
  font-size: 1rem;
  height: 40px;
}

.login input[type="text"] + .login_tit,
.login input[type="password"] + .login_tit {
  margin-top: 24px;
}

.login .btn {
  padding: 17px 0 17px 0;
  width: 100%;
  margin-top: 40px;
  font-size: 1.125rem;
}

/*# sourceMappingURL=../../_maps/contents/css/login.css.map */