/* 회원 스타일 */

/* ====== 로그인 ======== */
.login-layout {
    width:108rem;
    margin:0 auto;
}
.login-wrap {
    width:100%;
    border:solid 1px #eee;
    padding:5rem 4rem;
    background:#fff;
    display:flex;
    gap:5rem;
}
.login-wrap .left {flex:1;}
.login-wrap .right {flex:1;}
.login-wrap .page-title h2 {padding-top:0; text-align:left;}
.login-wrap .page-title p {text-align:left;}

.login-wrap .form {
    margin-top:0;
}
.login-wrap .find_link {
    display:flex;
    justify-content:start;
    align-items:center;
}
.login-wrap .find_link a {
    font-size:1.6rem;
    color:var(--grey-txt);
}
.login-wrap .find_link span {
    display:inline-block;
    width:1px;
    height:10px;
    background:#eee;
    margin:0 2rem;
}
.login-wrap .mbtn_bottom {
    margin-top:3rem;
    border-top:solid 1px #eee;
    padding-top:3rem;
    text-align:left;
}
.login-wrap .mbtn_bottom h3 {
    font-size:2rem;
    color:var(--black-txt);
    font-weight:500;
}
.login-wrap .mbtn_bottom p {
    margin-top:2rem;
}

.use-website {
    width:100%;
    border:solid 1px #eee;
    margin-top:2rem;
    margin-left:0;
    margin-right:0;
    background:#fff;
    border-radius:0;
    padding:5rem 4rem;
}
.use-website h3 {
    font-size:2.4rem;
    color:var(--black-txt);
    font-weight:700;
    text-align:left;
}
.use-website ul {
    margin-top:4rem;
    display:flex;
    justify-content:center;
    column-gap:10rem;
}
.use-website ul li {
    position:relative;
    text-align:left;
    padding-left:5rem;
}
.use-website ul li.step1 {
    white-space:nowrap;
    background:url("../img/login_user.png") no-repeat 0 5px;
    background-size:2.8rem auto;
}
.use-website ul li.step2 {
    padding-left:4.5rem;
    background:url("../img/login_lock.png") no-repeat 0 5px;
    background-size:2.4rem auto;
}
.use-website ul li.step3 {
    padding-left:5.8rem;
    background:url("../img/login_complete.png") no-repeat 0 5px;
    background-size:3.6rem auto;
}
.use-website ul li span {
    font-size:1.6rem;
    color:var(--symbol-color);
    font-weight:800;
}
.use-website ul li p {
    margin-bottom:1.5rem;
    font-size:2rem;
    color:var(--black-txt);
    font-weight:700;
}
.use-website ul li:after {
    display:inline-block;
    vertical-align:top;
    content:"";
    width:2.3rem;
    height:2.5rem;
    background:url("../img/login_step.png") no-repeat center;
    background-size:2.3rem auto;
    position:absolute;
    top:1rem;
    right:-7rem;
}
.use-website ul li.step3:after {
    display:none;
}

/* 반응형 */
@media all and (max-width:1220px) {
    .login-layout {width:100%;}
}                
/* 반응형 */
@media all and (max-width:1040px) {
    .use-website ul li p {
        font-size:1.8rem;
    }
}
/* 반응형 */
@media all and (max-width:1020px) {
    .login-wrap {flex-wrap:wrap;}
    .login-wrap .left,
    .login-wrap .right {flex-basis:100%;}
    .login-wrap .page-title h2 {text-align:center;}                    
    .login-wrap .page-title p {text-align:center;}

    .login-wrap .find_link {justify-content:center;}
    .login-wrap .mbtn_bottom {text-align:center;}
    .use-website h3 {text-align:center;}
}
@media all and (max-width:800px) {
    .use-website {
        margin-left:0;
        margin-right:0;
    }
}
@media all and (max-width:640px) {
    .use-website ul {
        flex-direction:column;
        row-gap:5rem;
    }
    .use-website ul li {
        text-align:center;
        padding-left:0 !important;
        background-position:center top !important;
    }
    .use-website ul li.step1 {
        padding-top:5rem;
    }
    .use-website ul li.step2 {
        padding-top:5rem;
    }
    .use-website ul li.step3 {
        padding-top:5rem;
    }
    .use-website ul li:after {
        display:none;
    }
}

/* 모바일 */
@media all and (max-width:480px) {
    .login-wrap {
        width:100%;
        padding:5rem 4rem;
    }
}


/* */
.login-wrap .use-notice {
    margin-top: 3rem;
    border-top: solid 1px #eee;
    text-align:left; 
    padding-top:3rem;
}
.login-wrap .use-notice h3 {
    font-size:2rem;
    color: #000;
    font-weight:600;
}
.use-notice p {
    margin-top:1rem;
    margin-bottom:1rem;
}
.login-wrap .use-notice p.red {
    margin-top:3rem;
    color:var(--symbol-color);
}
.login-wrap a.link {
    margin-left: auto;
    display: inline-block;
    padding-right: 1.5rem;
    background: url(../img/link_arr2.png) no-repeat right center;
    background-size: auto 0.9rem;
    font-size: 1.6rem;
    color: #000;
}

/* 반응형 */
@media all and (max-width:1020px) {
    .login-wrap .mcenter {text-align:center;}
    .login-wrap .use-notice {text-align:center;}
}




/* 아이디 찾기/ 비번 찾기 결과 */
.find-result {
    margin-top:8rem;
    text-align:center;
}
.find-result h3 {
    padding-top:12rem;
    font-size:3.2rem;
    color:#000;
    font-weight:800;
    background:url("../img/Icon_find_ok.png") no-repeat center top;
    background-size:10rem auto;
}
.find-result p {
    margin-top:4rem;
    font-size:2.4rem;
    color:var(--grey-txt);
    font-weight:500;
}
.find-result p b {
    color:#000;
    font-weight:700;
}
.find-result p span {
    font-size:3.2rem;
    color:var(--symbol-color);
    font-weight:700;
}
.find-result p.gtxt {
    margin-top:4rem;
    font-size:1.8rem;
    color:var(--grey-txt);
    font-weight:400;
}

/* 모바일 */
@media all and (max-width:480px) {
    .find-result {
        margin-top:6rem;
    }
    .find-result h3 {
        padding-top:10rem;
        font-size:2.6rem;
        background-size:8rem auto;
    }
    .find-result p {
        font-size:2rem;
    }
    .find-result p span {
        font-size:2.6rem;
    }
}






/* 비밀번호 찾기 */
.find-pass-wrap {
    width:46rem;
    margin:0 auto;
}
.find-pass-wrap .form {
    margin-top:5rem;
}
.find-pass-wrap .form .mbtn_find_box {
    text-align:center;
}
.find-pass-wrap .form .mbtn_find_box .mbtn {
    width:18rem;
}
.find-pass-wrap .find_link {
    border-top:solid 1px #ddd;
    margin-top:8rem;
    padding-top:2rem;
    display:flex;
    align-items:center;
}
.find-pass-wrap .find_link span {
    color:var(--grey-txt);
}
.find-pass-wrap .find_link a {
    display:inline-block;
    margin-left:auto;
    padding-right:1.5rem;
    background:url("../img/link_arr2.png") no-repeat right center;
    background-size:auto 0.9rem;
}
.find-pass-wrap .find_link a em {
    font-style:normal;
    display:inline-block;
    border-bottom:solid 1px #000;
}

/* 모바일 */
@media all and (max-width:480px) {
    .find-pass-wrap {
        width:100%;
        padding:0 var(--container-padding);
    }
}






/* 회원등록 */
.join-wrap {
    width:46rem;
    margin:0 auto;
}
.join-wrap .agree_box {
    display:flex;
    align-items:center;
}
.join-wrap .agree_box .form-field label {
    font-size:1.6rem;
    color:#000;
}
.join-wrap .agree_box a.link {
    margin-left:auto;
    display:inline-block;
    padding-right:1.5rem;
    background:url("../img/link_arr2.png") no-repeat right center;
    background-size:auto 0.9rem;
    font-size:1.6rem;
    color:var(--grey-txt);
}

/* 모바일 */
@media all and (max-width:480px) {
    .join-wrap {
        width:100%;
        padding:0 var(--container-padding);
    }
}









/* 이용약관 동의 */
.all_agree label {
    color:#000;
    font-weight:600;
}
.agree_box .form-field {
    padding-top:0.5rem;
}

.agree_box.notice p {
    padding-left:2.5rem;
}
.agree_box.receive {
    padding-left:2.5rem;
}
.agree_box.receive .ft14 {
    color:var(--grey-txt) !important;
}





/* 해외거주 관련 */
.lv-tab {
    width:46rem;
    margin:5rem auto 0;
}
.lv-tab ul {
    display:flex;
    align-items:center;
    justify-content:center;
}
.lv-tab ul li::after {
    display:inline-block;
    content:"";
    width:1px;
    height:1rem;
    background:#ddd;
    margin:0 2rem;
}
.lv-tab ul li:last-child:after {
    display:none;
}
.lv-tab ul li a {
    font-size:2rem;
    color:#757575;
    border-bottom:solid 1px #fff;
}
.lv-tab ul li.on a {
    color:var(--symbol-color);
    font-weight:700;
    border-bottom:solid 1px var(--symbol-color);
}

.find-by-email-wrap {
    width:46rem;
    margin:4rem auto 0;
}
.find-by-email-wrap .nt {
    font-size:1.6rem;
    color:var(--symbol-color);
}
.find-by-email-wrap .gline {
    margin-top:4rem;
    padding-top:4rem;
    border-top:solid 1px #eee;
}

/* 모바일 */
@media all and (max-width:480px) {
    .lv-tab {
        width:100%;
    }
    .find-by-email-wrap {
        width:100%;
    }
}





.re-time .time {
    text-align:center;
    font-size:1.6rem;
    color:var(--symbol-color);
}