/* 공통 */
.type-index {background-color: #202845;}
.type-index .wrap {width: 340px; padding: 40px 20px;}
@media (max-width: 1279px) {
  .type-index .wrap {width: 100%; max-width: 360px; padding: 60px 30px;}
}

.type-index header h1.bi {overflow: hidden; width: 145px; height: 96px; padding: 0; margin: 0 auto; background: transparent url('../images/index/pc/bi.png') no-repeat center center; text-indent: -1000px;}
.type-index header h2.title {padding: 35px 0 0 0; margin: 0; color: #fff; font-weight: normal; font-size: 16px; text-align: center;}
.type-index header .content {padding-top: 15px; color: #ccc; font-size: 13px; line-height: 21px; text-align: center;}
@media (max-width: 1279px) {
  .type-index header h1.bi {width: 145px; height: 96px; background-image: url('../images/index/mobile/bi.png'); background-size: 145px 96px;}
  .type-index header h2.title {font-size: 17px;}
  .type-index header .content {padding-top: 15px; font-size: 14px;}
}

.type-index main {padding-top: 49px;}
.type-index main ul.form {list-style: none; padding: 0; margin: 0;}
.type-index main ul.form li input {box-sizing: border-box; width: 100%; height: 52px; padding: 0 14px; margin: 0; border-top: none; border-bottom: 1px solid #63697d; border-right: none; border-left: none; border-radius: 0; background-color: transparent; color: rgba(255, 255, 255, 0.3); font-size: 13px; line-height: 52px; -webkit-appearance: none;}
.type-index main ul.form li input:focus {border-bottom-color: #fff; color: #fff;}
.type-index main ul.form li input:focus::placeholder {color: #fff;}
.type-index main ul.form li input:focus::-webkit-input-placeholder {color: #fff;}
.type-index main ul.form li input:focus:-ms-input-placeholder {color: #fff;}
.type-index main .save {padding-top: 20px; line-height: 0;}
.type-index main .save label {display: inline-block; position: relative; padding-left: 27px; color: #fff; font-size: 13px; line-height: 19px;}
.type-index main .save label input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: none; border-radius: 0; opacity: 0; z-index: 10; -webkit-appearance: none;}
.type-index main .save label i {display: block; position: absolute; top: 0; left: 0; width: 19px; height: 19px; background: transparent url('../images/index/pc/checkbox.png') no-repeat center top;}
.type-index main .save label input:checked + i {background-position: center bottom;}
@media (max-width: 1279px) {
  .type-index main {padding-top: 50px;}
  .type-index main ul.form li input {padding-right: 5px; padding-left: 5px; font-size: 14px;}
  .type-index main .save label {padding-left: 35px; font-size: 14px; line-height: 25px;}
  .type-index main .save label i {width: 25px; height: 25px; background-image: url('../images/index/mobile/checkbox.png'); background-size: 25px;}
}

.type-index footer {padding-top: 40px;}
.type-index footer .button button {display: block; width: 100%; height: 52px; padding: 0; margin: 0; border: none; border-radius: 4px; background-color: #d0202e; color: #fff; font-weight: 500; font-size: 16px;}
.type-index footer .button button:disabled {background-color: #12172c; color: rgba(255, 255, 255, 0.3);}
.type-index footer .forget {padding-top: 39px; line-height: 0; text-align: center;}
.type-index footer .forget .item {display: inline-block; color: #fff; font-size: 13px; line-height: 1.15; cursor: pointer;}
@media (max-width: 1279px) {
  .type-index footer .button button {height: 50px; font-size: 15px;}
  .type-index footer .forget {padding-top: 29px;}
  .type-index footer .forget .item {font-size: 13px;}
}


/* 본인확인 */
.type-index.id-identification main {padding-top: 46px;}
@media (max-width: 1279px) {
  .type-index.id-identification main {padding-top: 48px;}
}


/* 비밀번호 재설정 */
@media (max-width: 1279px) {
  .type-index.id-resetPassword main {padding-top: 51px;}
}