/* --------------------------------common-------------------------------- */
.login_sec{padding:7.5rem 0 8.5rem}
.login_sec .inner{max-width:464px}
.login_sec .sec_tit{font-size:2rem;line-height:2.75rem;font-weight:700;color:#161616}
.login_sec .sec_desc{font-size:1rem;line-height:1.5rem;font-weight:400;color:#161616;margin-top:1.5rem}
.login_sec form{margin:4rem 0 0}
.login_sec .input_wrap:not(:last-child){margin-bottom:1.5rem}
.login_sec .input_wrap label{font-size:1rem;line-height:1.5rem;font-weight:700;color:#161616;display:block;margin-bottom:8px}
.login_sec .input_wrap input{font-size:1rem;line-height:1.5rem;font-weight:400;color:#9F9F9F;width:100%;border-radius:8px;border:1px solid #EAEAEA;padding:1rem}
.login_sec .input_wrap input::placeholder{font-size:1rem;line-height:1.5rem;font-weight:400;color:#9F9F9F}
.login_sec .utility_wrap{margin:1rem 0 2.5rem}
.login_sec .ck_wrap{display:inline-flex}
.login_sec .ck_wrap input[type=checkbox]{width:16px;height:16px}
.login_sec .ck_wrap label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:#666}
.login_sec .btn_find_pw{font-size:.875rem;line-height:1.25rem;font-weight:500;color:#666;display:inline-block;float:right}
.login_sec [class*="btn_type_"][data-size="xl"]{font-size:1rem;line-height:1.5rem;max-width:unset}

@media screen and (max-width:767px){
    .login_sec{padding:3.08rem 0}
    .login_sec .inner{max-width:unset}
    .login_sec .sec_tit{font-size:1.85rem;line-height:2.46rem}
    .login_sec .sec_desc{font-size:1.08rem;line-height:1.54rem}
    .login_sec form{margin:2.46rem 0 0}
    .login_sec .input_wrap:not(:last-child){margin-bottom:1.85rem}
    .login_sec .input_wrap label{font-size:1.23rem;line-height:1.85rem}
    .login_sec .input_wrap input,
    .login_sec .input_wrap input::placeholder{font-size:1.23rem;line-height:1.85rem}
    .login_sec .ck_wrap label,
    .login_sec .btn_find_pw{font-size:1.08rem;line-height:1.54rem}
    .login_sec [class*="btn_type_"][data-size="xl"]{font-size:1.23rem;line-height:1.85rem}
}
/* ------------------------------common end------------------------------ */


/* ------------------------------pre login-------------------------------- */
.pre_login_sec{background-color:#F5F5F5}
.pre_login_sec .inner{max-width:976px}
.pre_login_sec .img_wrap{width:100%;max-width:432px;flex-shrink:1}
.pre_login_sec .img_wrap figure{width:100%;padding-bottom:calc(534/432*100%);background-size:100% auto;background-position:center;background-repeat:no-repeat}
.pre_login_sec .txt_wrap{width:calc(464/976*100%);min-width:345px;max-width:464px;flex-shrink:0}
.pre_login_sec .sec_tit{width:100%}
.pre_login_sec h3{font-size:1.25rem;line-height:1.85rem;font-weight:700;color:#161616}
.pre_login_sec p{font-size:.875rem;line-height:1.25rem;font-weight:400;color:#666;margin-top:8px}
.pre_login_sec p span{color:#161616}
.pre_login_sec .btn_login_wrap{margin-top:64px}
.pre_login_sec .btn_login_wrap a{display:flex;flex-direction:row;justify-content:flex-start;gap:1.5rem;align-items:center;background-color:#fff;width:100%;height:142px;padding:2rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #fff;transition:all .1s ease-in-out}
.pre_login_sec .btn_login_wrap a::before{content:'';display:inline-block;width:3rem;height:3rem;background-size:100% auto;background-position:center;background-repeat:no-repeat;flex-shrink:0}
.pre_login_sec .btn_login_iam::before{background-image:url(/front/images/login/ico_iam_off.svg)}
.pre_login_sec .btn_login_id::before{background-image:url(/front/images/login/ico_id_off.svg)}

@media (hover:hover){
    .pre_login_sec .btn_login_wrap a:hover{background-color:#FFFAFA;border-color:#EAEAEA}
    .pre_login_sec .btn_login_iam:hover::before{background-image:url(/front/images/login/ico_iam_on.svg)}
    .pre_login_sec .btn_login_id:hover::before{background-image:url(/front/images/login/ico_id_on.svg)}
}
@media screen and (min-width:767.1px){
    .pre_login_sec .inner{display:flex;gap:1rem;justify-content:space-between}
}/* lg*/
@media screen and (max-width:900px){
    .pre_login_sec .btn_login_wrap a{padding:1.85rem 1.23rem;margin-bottom:0}
    .pre_login_sec .btn_login_wrap a:not(:last-child){margin-bottom:1.23rem}
}/* sm */
@media screen and (max-width:767px){
    .pre_login_sec .img_wrap{max-width:60%;margin-left:auto;padding-top:8.6rem}
    .pre_login_sec .txt_wrap{max-width:unset;width:100%}
    .pre_login_sec .sec_tit{position:absolute;top:0;left:0;width:100%;max-width:unset;font-weight:500}
    .pre_login_sec .sec_tit span{font-weight:700}
    .pre_login_sec p{font-size:.92rem;line-height:1.23rem}
    .pre_login_sec .btn_login_wrap{width:100%;max-width:unset;position:unset;margin-top:-2.46rem}
    .pre_login_sec .btn_login_wrap a{gap:1.23rem}
}/* sm */
/* ----------------------------pre login end------------------------------ */