@charset "utf-8";

.member-cont .card:not(.mypage-list) {padding: 30px;}
.member-cont > .inner-s {display: flex; flex-direction: column; row-gap: 10px;}
.member-cont .common-tit {margin-bottom: 0;}

.member-cont .result-box {display: flex;flex-direction: column; justify-content: center; align-items: center; row-gap: 10px;}
.member-cont .result-icon {display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background-color: var(--bg-2);}
.member-cont .result-icon img {width: 18px;}

[data-step-wrap] [data-step]{display:none;}
[data-step-wrap] [data-step].active{display:flex;}

.common-password {position:relative;}
.common-password .password-view{position:absolute;top:50%;right:16px;width:24px;height:24px;padding:0;border:0;background:none;transform:translateY(-50%);cursor:pointer;}
.common-password .password-view img{display:block;width:100%;height:100%;object-fit:contain;}
.common-input-btn{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;}
.common-input-btn .btn{height:52px;padding:0 18px;}
.input-cert{display:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;}
.input-cert.open{display:grid;}
.cert-info{min-width: 120px; display:flex; align-items:center; column-gap:18px; justify-content: center; white-space:nowrap;}
.cert-info .clock{font-size:16px;line-height:1.7;color:#C43D45;}
.cert-info .cert-resend{padding:0;border:0;background:none;font-size:16px;line-height:1.7;color:var(--text-2);text-decoration:underline;cursor:pointer;}
.cert-btn {min-width: 120px;}

.login-wrap .common-tit {margin-bottom: 0;}
.login-box {margin-bottom: 20px;}
.login-box .login-links{display:flex;align-items:center;justify-content:center;column-gap:30px;}
.login-box .login-links a{font-size:14px;line-height:1.5;color:var(--text-3);}
.login-box .login-links span{width:1px;height:15px;background:var(--border-3);}
.login-box .login-divider{display:flex;align-items:center;column-gap:30px;color:var(--text-3);font-size:14px;line-height:1.5;}
.login-box .login-divider::before,
.login-divider::after{content:"";flex:1;height:1px;background:var(--border-2);}
.login-box .login-divider span{flex-shrink:0;}

.join-email{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px;}
.join-email>span{font-size:16px;color:var(--text-2);}
.join-email select{appearance:none;cursor:pointer;}

.find-id-cont .find-id-step{display:none; flex-direction: column; row-gap: 30px;}
.find-id-cont .find-id-step .card {padding: 10px; border-radius: 10px; text-align: center;}
.find-id-cont .find-id-step .card .date {font-size: 15px; line-height: 1.6; font-weight: 500; color: var(--text-4);}

.join-form {display:none; flex-direction: column; row-gap: 30px;}

.find-pw-cont .find-pw-step{display:none; flex-direction: column; row-gap: 30px;}

/* 반응형 */
@media screen and (max-width: 1800px) {

}
@media screen and (max-width: 1520px) {

}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 768px) {
    .member-cont {padding-top: 30px !important;}
}
@media screen and (max-width: 600px) {

    
}
@media screen and (max-width: 500px) {
    .login-box {padding: 20px;}
    .login-box .login-links {column-gap: 3vw;}
}

@media screen and (max-width: 480px) {
    
}

@media screen and (max-width: 375px) {
    .login-box .login-links {column-gap: 2.8vw;}
    .login-box .login-links a {font-size: 4vw;}
}

@media screen and (max-width: 340px) {

}

/*********/
/*********/
/*********/
/*********/
/*********/