/*회원가입*/
*{font-family: 'NanumSquare' , sans-serif;}
input {border: none !important; border-width: 0; outline: none !important; caret-color: #707070; background: transparent; color:#000; width: 100%;}

input[type=text]:focus, input[type=number]:focus, input[type=password]:focus{outline: none !important; box-shadow: none !important; border:none !important; }
.join_header{display: flex; padding: 44px 20px 25px 20px; width: 100%; background: #fff; position: sticky; top:0; z-index: 1;}
.join_title{font-size: 20px; letter-spacing: -0.9px; font-weight: 600; margin-bottom: 16px;}
.join_sub_title{font-size: 14px; letter-spacing: -0.63px; margin-bottom: 36px; margin-left: 10px;}
.page_bar_div{position: sticky; top: 80px; z-index: 2;}
.page_bar {background: #E3E3E2; height: 8px; position: relative; width: 100%; left: 0%;}
.page_bar_on {background: #01a553;   height: 8px;   position: relative;    left: 0%;}
.join_main_div{padding: 34px 20px 120px 20px;}
.all_agree{font-size: 16px; letter-spacing: -0.72px; font-weight: 600; display: flex; padding:17px 0 17px 12px; border-radius: 6px; background: #f3fff6; gap:12px; align-items: center; margin: 30px 0 35px;}
.agree_box_v2{display: flex;  align-items: center;  justify-content: space-between;}
.agree_box_v2:not(:last-child){margin-bottom: 26px;}
.agree_li_v2{display: flex; align-items: center; gap: 12px;}
.agree_li_v2 div{font-size: 14px; letter-spacing: -0.63px; font-weight: 600; margin-top: 3px;}
.chk_icon{width:22px; height:22px;}
.agree_lab1{display: flex;gap: 1em;}
.arrow_v2{height: 13px; width: auto;}
.chk_div{padding-left: 12px;}
.check_txt{font-size: 14px; letter-spacing: -0.63px; font-weight: 600; color: #ACACAC; margin: 226px 0 30px; text-align: center;}
.join_confirm{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 17px 0;
    background: #D4D4D4;
    border-radius: 10px;
    font-size: 16px;
    letter-spacing: -0.72px;
    width: 100%;
    border: none;
    color: #fff;}

.filsu_l:before {content: '*'; color:#FF3333; position: absolute; left: 21px;}
.filsu_r:before {content: '*'; color:#FF3333; position: absolute; right: -10px;}

.join_info_group:not(:last-child) {margin-bottom: 50px;}
.join_info {display: flex; flex-direction: column; margin-bottom: 12.5px;}
.join_info_group span {font-size: 14px; letter-spacing: -0.63px; position: relative; width: max-content;}
.join_info_input_btn_div {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #E1E1E1; padding: 11px 0 8.5px 0;}
.join_info_input_div {display: flex; align-items: center; border-bottom: 1px solid #E1E1E1; padding: 11px 0 8.5px 0;}
.id_overlap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    white-space: nowrap;
    border-radius: 20px;
    background: #6F7A9A;
    padding: 9px 15px;
    color: #fff;
    font-size: 14px;
    letter-spacing: -0.63px;
    border: none;
}
.ia-eye1 {background-image: url(/theme/glory/img/pw_eyeon_v2.png);} 
.ia-eye2 {background-image: url(/theme/glory/img/pw_eyeon_v2.png);}
.ia-eye-slash1 {background-image: url(/theme/glory/img/pw_eye_v2.png);}
.ia-eye-slash2 {background-image: url(/theme/glory/img/pw_eye_v2.png);}
.chktxt{font-size: 12px; letter-spacing: -0.54px; color: #707070;}
.chkred{color: #FF3333;}
.chkblue{color: #01a553;}

.join_finish_div{padding: 50px 20px 60px 20px;}
.join_finish_txt1{font-size: 24px; letter-spacing: -1.08px; font-weight: 900; margin-bottom: 22px;}
.join_finish_txt2{font-size: 16px; letter-spacing: -0.72px; line-height: 22px;}
.join_finish_img{display: flex; margin: 70px 0 90px; height: 171px; width: auto; justify-content: center;}
.join_later{width: 100%; display: flex; justify-content: center; margin-top: 37px;}
.join_later div{font-size: 14px; letter-spacing: -0.63px; color: #6F7A9A; border-bottom: 1px solid #6F7A9A; padding-bottom: 5px; width: max-content;}

/*로그인*/
.login_div{padding: 107px 20px 96px 20px;}
.login_title{font-size: 20px; letter-spacing: -0.9px; line-height: 28px; font-weight: 600; margin: 16px 0 53px;}
.login_input_group{display: flex; flex-direction: column;}
.login_input_group span{font-size: 14px; letter-spacing: -0.63px; margin-bottom: 10px;}
.l_input_div{border-radius: 8px; width: 100%; border: 1px solid #CFCFCF; padding: 16px 12px;}
#login_id{font-size: 14px; height: 20px;}
#login_id::placeholder{font-size:14px; letter-spacing: -0.63px; color:#C1C1C1;}
#login_pw{font-size: 14px; height: max-content;}
#login_pw::placeholder{font-size:14px; letter-spacing: -0.63px; color:#C1C1C1;}

.login-stat-group{display: flex;  justify-content: center; gap: 32px; margin: 30px 0 82px;}
    .login-stat label{font-size: 14px; color:#ACACAC; letter-spacing: -0.6px;}
    .checkbox_label input, .checkbox_label2 input[type='checkbox']{display:none;}
    .checkbox_label{display: flex; align-items: center;}
    .checkbox_label2{display: flex; align-items: center; justify-content: center; gap: 6px;}
    .checkbox_icon, .checkbox_icon2{height: 21px;}
    .checkbox_icon::before{content:''; display: block; margin-right: 6px; display: inline-block; border-radius: 2px; width: 18px; height: 18px; background: #E8E8E8; border: none; box-sizing:border-box; position: relative; cursor: pointer;}
    .checkbox_icon2::before{content:''; display: block; display: inline-block; border-radius: 2px; width: 18px; height: 18px; background: #E8E8E8; border: none; box-sizing:border-box; position: relative; cursor: pointer;}
    .checkbox_label input:checked + .checkbox_icon::before{background: url(/theme/glory/img/login_check.png) #01a553 no-repeat center;; border:none;}
    .checkbox_label2 input:checked + .checkbox_icon2::before{background: url(/theme/glory/img/login_check.png) #01a553 no-repeat center;; border:none;}
    .stat_txt{margin-bottom: 3px;}
    .login_btn{display: flex; align-items: center; justify-content: center; padding: 19px 0;background: #01a553; border-radius: 10px; font-size: 18px; font-weight: 600; letter-spacing: -0.72px; color: #fff; width: 100%; border: none;}
    .find_join_group{display: flex;font-size:14px; letter-spacing: -0.63px; gap:22px; align-items: center; justify-content: center; margin-top: 40px;}
    .fj_bar{height: 12px;border-left: 1px solid #707070;}



    /*아이디 비번찾기*/
    .find_div{padding:47px 20px 78px 20px;}
    .find_title{font-size: 18px; letter-spacing: -0.81px; line-height: 24px;font-weight: 600; margin: 24px 0 52px;}
    .find_confirm {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 17px 0;
        background: #D4D4D4;
        border-radius: 10px;
        font-size: 16px;
        letter-spacing: -0.72px;
        width: 100%;
        border: none;
        color: #fff;
        margin-top: 100px;
    }
    .find_chktxt{font-size: 12px; letter-spacing: -0.54px; margin-bottom: 22px;}
    .cert_time{font-size: 16px !important; letter-spacing: -0.72px !important; color: #FF3333; margin-right: 20px;}
    .cert_txt{font-size: 16px; letter-spacing: -0.72px; font-weight: 600; line-height: 24px; text-align: center;}
    .cert_btn_group{display: flex; justify-content: center; width: 100%;}
    .cert_btn_group div {width: 48%; text-align: center; padding: 15px 0; border-radius: 24px; color: #fff; font-size: 16px; letter-spacing: -0.32px;}
    .login_move_notice{    
        padding: 34px 0px;
        display: flex;
        flex-direction: column;
        gap: 18px;
        border-radius: 20px;
        background: #fff;
        align-items: center;
        top: 35%;
        position: relative;
        margin: 0 20px;
        transition: 0.2s;
        opacity: 1;
        line-height: 22px;}

        .find_id_result{padding:152px 20px 78px 20px;}
        .idcopy_txt{font-size: 18px; letter-spacing: -0.36px; line-height: 26px; text-align: center;}
        .id_copy_box{
            width: 100%;
            border-radius: 14px;
            padding: 50px 0 50px;
            background-color: #F6F6F6;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 30px;
            margin-bottom: 186px;
            }