.auth_area{margin:35px auto 0;max-width:460px;}
.auth_area > .title{margin-bottom:30px;font-size:var(--font-size-xl);font-weight:bold;text-align:center;}
.auth_area input[type=password]{padding-right:40px !important;}
.auth_area .pw_icon{position:absolute;top:16px;right:15px;display:inline-block;width:20px;height:17px;background:url(/images/auth/btn_show_hide.png) no-repeat;text-indent:-9999px;z-index:10;cursor:pointer;}
.auth_area .pw_icon.show{background:url(/images/auth/btn_show.png) no-repeat;}
.input_btn{display:block;max-width:100% !important;}

.warn_area{margin:70px auto 0;max-width:460px; text-align: center;}

@media (min-width:240px){
    .btn_wrap > .btn{max-width:460px;}
}

@media (min-width:480px){
    .auth_area{margin-top:60px;}
}

/*************** Login ***************/
.auth_area .input_check > i + span{margin-left:8px;}
.link_wrap{font-size:var(--font-size-base);display:flex;justify-content:center;max-width:400px;margin:0 auto;color:var(--color-gray5);}
.link_wrap li:before{display:inline-block;padding:0 10px;content:'|';}
.link_wrap li:first-child:before{display:none;}
.social_wrap{display:flex;margin-top:40px;gap:30px;justify-content:center;}

/*************** find_id_way, find_pw_way*****************/
.auth_area .tab > *{border-bottom-width:4px;}
.sub_txt{margin-bottom:10px;font-size:var(--font-size-base);color:var(--color-gray1);text-align:center;}
@media (min-width:480px){
    .mobile{flex-direction:column;gap:10px 0;}
    .auth_area .tab > *{font-size:var(--font-size-sm);}
    .sub_txt{font-size:var(--font-size-sm);}
}

/*************** find_id_preview, reset_pw_complete*****************/
.img_wrap{margin:5px auto 15px;}
.cp_title{margin-bottom:10px;font-size:var(--font-size-xl);text-align:center;font-weight:bold;}
.cp_sub_title{margin-bottom:15px;font-size:var(--font-size-base);color:var(--color-gray3);text-align:center;}
.id_area{margin-top:20px;}
.id_wrap{margin-bottom:10px;padding:10px 20px;border:2px solid var(--color-gray6);border-radius:10px;font-size:var(--font-size-sm);font-weight:bold;word-break:keep-all;}
.id_wrap:last-child{margin-bottom:0;}

@media (min-width:480px){
    .cp_title{margin-bottom:20px;}
    .id_preview .btn_wrap{margin-top:40px;}
    .id_preview .cp_sub_title{margin-bottom:40px;}
}

/***************unable_login********************/
.notice_wrap{padding:25px 20px;background-color:var(--color-gray7);border-radius:10px;text-align:center;}
.notice_title{margin-bottom:30px;padding:0 20px;display:inline-block;height:40px;line-height:40px;border:2px solid var(--color-red5); border-radius:20px;font-size:var(--font-size-md);color:var(--color-red5);text-align:center;}
.notice_cont{margin-bottom:30px;font-size:var(--font-size-sm);word-break:keep-all;}
@media (min-width:480px){
    .unable_login.btn_wrap{flex-direction:column;gap:10px 0;}
    .notice_wrap{padding:25px;}
}

/***************dormant********************/
.gray_box{padding:15px;margin-top:20px;width:100%;text-align:center;background-color:var(--color-gray7);border-radius:10px;box-sizing:border-box;}
.gray_box.purple{border:2px solid var(--color-purple3)}
.line{margin-top:20px;height:1px;width:100%;background-color:var(--color-gray6);}
.line ~ div{word-break:keep-all;}
.gray_sub_box{margin-top:15px;padding:20px;background-color:var(--color-gray6);border-radius:10px;font-size:var(--font-size-sm);color:var(--color-purple6);font-weight:bold;}
.btn_reauth{margin:20px auto;display:block;font-size:var(--font-size-base);text-decoration:underline;}
.gray_box .input_text{background-color:var(--color-gray6);}
.gray_box .input_text:-webkit-autofill,
.gray_box .input_text:-webkit-autofill:hover,
.gray_box .input_text:-webkit-autofill:focus,
.gray_box .input_text:-webkit-autofill:active{
    -webkit-background-clip:text;
    -webkit-box-shadow:0 0 0 1000px #333 inset;
}