@charset "utf-8";

/* 커스텀 로그인페이지-리핏 */
.auth-wrapper {padding: 150px 0 180px;}
.mbskin {width: 100%; max-width: 800px; margin: 0 auto;}
.login-tit-wrap {margin-bottom: 60px; text-align: center;}
.login-tit-wrap h2 {font-size: 1.778rem; margin-bottom: 30px;}
.login-tit-wrap h3 {font-size: 2.222rem; font-weight: 500; margin-bottom: 8px;}
.login-tit-wrap p {font-size: 1.111rem; font-weight: 400; color: #4B5563;}
.refit-login #login_fs {display: flex; flex-direction: column; row-gap: 20px;}
.refit-register .btn-submit,
.refit-login .btn_submit {padding: 17px 20px; width: 100%; max-width: 266px; font-size: 1rem; justify-content: center; margin: 60px auto 0;}
.refit-login .not-joined {margin-top: 60px; display: flex; align-items: center; justify-content: center; column-gap: 10px; font-size: 1rem; font-weight: 500;}
.refit-login .not-joined a {font-size: 1rem; font-weight: 500; color: #0059DB; text-decoration: underline;}
.refit-register {max-width: 703px;}

@media screen and (max-width: 1280px) {
.auth-wrapper {padding: 120px 0 150px;}
}

@media screen and (max-width: 768px) {
.auth-wrapper {padding: 80px 0 120px;}
}

@media screen and (max-width: 480px) {
.auth-wrapper {padding: 60px 0 100px;}
}