/* 
 * �꽕紐�: 濡쒓렇�씤 CSS
 * �젣�옉�씪: 2023-04-06
 */
a{cursor: pointer;}
.mt0{margin-top: 0 !important;}
.s_icon{margin: 1px 10px;width: 1px;height: 10px;background-color: #CECECE;}
.l_icon{margin: 1px;width: 1px;height: 24px;background-color: #CECECE;}
.contents{position: relative; width: 540px;margin: 78px auto;}
.contents .pg_tit{margin:0 0 60px 0;font-size:42px;font-weight: 700;line-height: 50px;text-align: center;}
.btns{margin-top: 60px; display: flex; align-items: center; justify-content: space-between;}
.btns > a {width: 100%;padding: 30px; margin-bottom: 16px; font-weight: 500; font-size: 22px; line-height: 20px; color: #010100; background-color: #fff; border: 1px solid #D9D9D9; border-radius: 2px; display: flex; flex-direction: row;justify-content: center;align-items: center; margin-top: 0;}
.btns > a.btn_r {color: #ffffff; background-color: #e20707; border: 1px solid #e20707;}
.btns > a.btn_r:hover {color: #ffffff; background-color: #e20707; border: 1px solid #e20707;}
/* .btns > a:hover {color: #ffffff !important; background-color: #e20707; border: 1px solid #e20707;} */
.btns > a.with_2 {width: calc(50% - 5px);}

input.fail{color:#E20707; outline: 1px solid #E20707; background-color: #FFF2F3;}
input.fail:focus{color:#E20707; outline: 1px solid #E20707; background-color: #FFF2F3;}
input.fail::placeholder{color:#E20707;}

/* 濡쒓렇�씤 ���엯 �꽑�깮 */
.contents .pg_bd .slt_type{margin-bottom: 32px; border-bottom: 2px solid #222222;display: flex;justify-content: space-evenly;align-items: center;}
.contents .pg_bd .slt_type li{display: flex; align-items: center; justify-content: center; font-size: 16px;font-weight: 600;line-height: 24px;height: 62px; width: 270px; color: #1c1c1c;}
.contents .pg_bd .slt_type li.on { background-color: #222222;color: #fff;}
.contents .pg_bd .slt_type li a{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #1c1c1c;}
.contents .pg_bd .slt_type li.on a {color: white;}
/* 濡쒓렇�씤 �씤�뭼 怨듯넻*/
.contents .pg_bd .selected_type { display:none; }
.contents .pg_bd .selected_type.on { display:block; }
.contents .pg_bd .selected_type input{border: 1px solid #d9d9d9; border-radius: 2px;background-color: #F6F6F6; padding: 16px 20px;font-size: 18px;font-weight: 400;color: #777777; height: auto; width: 100%;}
.contents .pg_bd .selected_type input:nth-child(n+2){margin-top: 16px;}
.contents .pg_bd .selected_type input:last-child{margin-bottom:0;}
.contents .pg_bd .selected_type input:focus{outline: 1px solid #010100;}
.contents .pg_bd .selected_type input::placeholder{font-weight: 400; font-size: 18px; line-height: 20px;}

.contents .pg_bd .selected_type input.fail{color:#E20707; outline: 1px solid #E20707; background-color: #FFF2F3;}
.contents .pg_bd .selected_type input.fail:focus{color:#E20707; outline: 1px solid #E20707; background-color: #FFF2F3;}
.contents .pg_bd .selected_type input.fail::placeholder{color:#E20707;}

#login .contents .pg_bd .selected_type .btns{margin-top: 40px;}

.contents .pg_bd .selected_type .btns .login_btn{font-weight: 500; font-size: 22px; line-height: 20px; color: #777777;background-color: #E7E7E7;border-radius: 2px; display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 20px;}
.contents .pg_bd .selected_type .btns .login_btn:hover,
.contents .pg_bd .selected_type .btns .login_btn.on{background-color: #E20707;color:#fff;transition: 0.25s ease-out;}
.contents .pg_bd .selected_type .btns .login_btn:not(:hover){transition: 0.25s ease-out;}
.contents .pg_bd .selected_type .find_wrap a{font-weight: 400;font-size: 14px;line-height: 150%;color: #777777;text-align: center;}

.contents .pg_bd .infl_ipt span,
.contents .pg_bd .adver_ipt span
{display: inline-block;margin:12px 15px 0px 15px;color:#E20707;}

.contents .pg_bd .infl_find,
.contents .pg_bd .adver_find{margin-top:16px; margin-bottom:40px; display: flex;justify-content: flex-end;align-items: center;}

/* �씤��猷⑥뼵�꽌 濡쒓렇�씤 */
.contents .pg_bd .infl_find .find_wrap{width: auto; display: flex;justify-content: space-between;align-items: center;}

/* 愿묎퀬二� 濡쒓렇�씤 */
.contents .pg_bd .adver_find .find_wrap{width: auto; display: flex;justify-content: space-between;align-items: center;}

/* sns濡쒓렇�씤踰꾪듉 */
.contents .pg_bd .sns_login{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.contents .pg_bd .sns_login .btn_wrap{text-align: center;}
.contents .pg_bd .sns_login .btn_wrap p{margin-top:10px;font-weight: 500;font-size: 18px;line-height: 20px;color: #777777;}
/* 濡쒓렇�씤 �럹�씠吏� �룆由� �뫖�꽣 */
.login_footer {width: 100%; height: auto; background-color: #2B2B2B;display: flex; justify-content: center;}
.login_footer .footer_box{width: 1280px; height: auto; padding:26px 40px; display: flex;align-items: center;justify-content: center;}
.login_footer .footer_box .footer_txt{word-break: keep-all; color: #fff;font-weight: 700;font-size: 18px;line-height: 20px;}
.login_footer .footer_box .footer_txt span{color: #e20707;font-weight: 600;font-size: 18px;line-height: 20px;}
.login_footer .footer_box .btns_wrap{margin-left:40px; display: flex;justify-content: space-between;}
.login_footer .footer_box .btns_wrap .footer_btn{word-break: keep-all; text-align: center; background: rgba(255, 255, 255, 0.2);border-radius: 4px;border: 1px solid #777777;padding: 14px 30px;color: #fff;font-weight: 600;font-size: 18px;line-height: 20px;}
.login_footer .footer_box .btns_wrap .footer_btn:nth-child(2){margin-left:16px;}

.contents .pg_bd .id_find a{background-color: #fff; padding:34px; display: flex; align-items: center;justify-content: center;border: 1px solid #bbbbbb;border-radius: 2px;color: #000000;font-weight: 500;font-size: 20px;line-height: 165%; letter-spacing: -0.01em;}
.contents .pg_bd .id_find a:hover{border: 1px solid #e20707;color:#e20707;transition: 0.15s ease-out;}
.contents .pg_bd .id_find a:not(:hover){transition: 0.15s ease-out;}
.contents .pg_bd .id_find a:nth-child(2){margin-top:16px;}


.footer{padding:80px 0 100px 0;}

.warning_alarm{display: flex; align-items: flex-start; margin:24px 0 0 0; color: #E20707; font-style: normal; font-weight: 400; font-size: 16px; line-height: 18px; letter-spacing: -0.02em;}
.warning_alarm > img{margin-right:6px;}
.warning_alarm strong{font-weight: 700;}

#findpw .find_wrap .find_id{color: #555555; font-style: normal; font-weight: 500; font-size: 24px; line-height: 140%;}
#findpw .find_wrap > img {margin:0 0 0 10px;}

#findid .find_wrap .find_pw{color: #555555; font-style: normal; font-weight: 500; font-size: 24px; line-height: 140%;}
#findid .find_wrap > img {margin:0 0 0 10px;}

.id_result .result_text {padding:30px; background-color: #f6f6f6; border: 1px solid #D9D9D9; border-radius: 2px; text-align: center;}
.id_result .result_text p{font-style: normal; font-weight: 500; font-size: 20px; line-height: 32px;}
.id_result .result_text p strong{font-style: normal; font-weight: 800; font-size: 20px; line-height: 20px;}
.id_result .result_text span{display: inline-block; margin-top:20px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: #999999;}

#pw_reset .contents .pg_tit span{margin-top:17px; color: #555555; display: inline-block; font-style: normal; font-weight: 400; font-size: 18px; line-height: 18px; letter-spacing: -0.01em;}
#pw_reset .contents .pg_bd .selected_type .input_wrap{position: relative;}
#pw_reset .contents .pg_bd .selected_type .input_wrap:first-child{margin-bottom: 20px;}
#pw_reset .contents .pg_bd .selected_type .input_wrap .eye_icon{display: inline-block; background-image:url(../images/login/icon_eye.png);background-position:center; background-size: cover; width: 30px; height: 30px;position: absolute; top: 50%; transform: translateY(-50%); right: 16px; cursor:pointer;}
#pw_reset .contents .pg_bd .selected_type .input_wrap .eye_icon.active{background-image:url(../images/login/icon_blind.png);}
#pw_reset .contents .pg_bd .selected_type .input_wrap .validation_icon{display: inline-block;background-position:center; background-size: cover; width: 22px; height: 22px;position: absolute; top: 50%; transform: translateY(-50%); right: 56px; cursor:pointer;}
#pw_reset .contents .pg_bd .selected_type .input_wrap .validation_icon.complete{ background-image:url(../images/login/icon_complete.png);}
#pw_reset .contents .pg_bd .selected_type .input_wrap .validation_icon.error{background-image:url(../images/login/icon_error.png);}

#pw_reset .contents .pg_bd .selected_type input{margin-bottom:0;}
#pw_reset .contents .pg_tit{margin: 0 0 80px 0; line-height: 33px; font-size: 24px;}
#pw_reset .btns{margin-top:78px;}

#pw_reset .contents.pw_reset_expired .pg_tit span {line-height: normal;}

.selected_type .hp_find{margin-bottom: 32px;}
.selected_type .find_tit{margin-bottom: 24px; font-style: normal; font-weight: 700; font-size: 20px; line-height: 165%; letter-spacing: -0.01em; color: #000000;}
.selected_type a.hp_find_btn{padding:33.5px; width: 100%; height: auto; font-style: normal; font-weight: 600; font-size: 20px; line-height: 165%; letter-spacing: -0.01em; color: #010100; border: 1px solid #222222; border-radius: 2px;}




@media (max-width:900px) {
    .btns {margin-top:32px;}
    .btns > a {padding: 18px; margin-bottom: 4px; font-weight: 500; font-size: 15px; line-height: 20px;}
    .btns > a.with_2 {width: calc(50% - 4px);}
    
    .login_footer .footer_box{flex-direction: column; padding:24px 14px; text-align: center; }
    .login_footer .footer_box .btns_wrap{margin:12px 0 0 0;}
    .login_footer .footer_box .footer_txt{font-weight: 400;}
    .login_footer .footer_box .footer_txt span{font-weight: 400;}

    .contents .pg_bd .selected_type input{padding: 14px 16px;font-size: 14px}
    .contents .pg_bd .selected_type input:nth-child(n+2){margin-top: 12px;}
    .contents .pg_bd .selected_type input::placeholder{font-size: 14px;}
    .contents .pg_bd .selected_type .btns .login_btn{margin-bottom: 24px;padding:16px; font-size: 15px;}

    .contents .pg_bd .infl_ipt span,
    .contents .pg_bd .adver_ipt span
    {margin:8px 15px 0px 15px;}

    .warning_alarm{margin-top: 16px; font-size: 12px; line-height: 18px; margin-bottom: 32px;}
    .warning_alarm > img{width: 12px;margin-top:2px;}

    #findpw .find_wrap .find_id{font-size: 14px;}
    #findpw .find_wrap > img{width: 6px; margin:0 0 0 6px;}

    #findid .find_wrap .find_pw{font-size: 14px;}
    #findid .find_wrap > img{width: 6px; margin:0 0 0 6px;}

    .contents .pg_bd .id_find a{padding:25px; font-size: 18px;}

    .id_result .result_text{padding:22px;}
    .id_result .result_text p{font-size: 15px; line-height: 22px;}
    .id_result .result_text p strong{font-size: 15px;}
    .id_result .result_text span{margin-top:10px; font-size: 12px;}

    #pw_reset .contents .pg_tit{margin: 0 0 56px 0;}
    #pw_reset .contents .pg_tit span{margin-top: 16px;}
    #pw_reset .contents .pg_bd .selected_type .input_wrap .eye_icon{ width: 52px; /* height: 24px; */ height: 100%; background-size: 24px auto; background-repeat: no-repeat; right: 0;}
    #pw_reset .contents .pg_bd .selected_type .input_wrap .validation_icon{width:16px; height:16px;}

    #login .contents .pg_bd .selected_type .btns{margin-top: 32px;}
    #pw_reset .btns{margin-top:32px;}

    .selected_type .hp_find{margin-bottom: 28px;}
    .selected_type .find_tit{margin-bottom: 20px;font-size: 16px;}
    .selected_type a.hp_find_btn{padding:16.5px; font-size: 16px;}
}

@media (max-width:600px) {
    .contents{width: auto;}
    .l_icon{display: none;}
    .contents{margin: 38px auto 60px;}
    .contents .pg_tit{font-size: 24px; line-height: 33px;}
    

    .contents .pg_bd .infl_find,
    .contents .pg_bd .adver_find
    {margin-bottom: 32px;}
    .contents .pg_bd .slt_type li {height: 40px;}
    .contents .pg_bd .slt_type li a{font-size: 14px;}
    .contents .pg_bd .sns_login{justify-content: space-evenly;}
    .contents .pg_bd .sns_login .btn_wrap p{display: none;}

    .login_footer .footer_box .footer_txt{font-size: 12px;}
    .login_footer .footer_box .footer_txt span{font-size: 12px; }
    .login_footer .footer_box .btns_wrap .footer_btn{padding: 8px 26px; font-size: 12px;}
    .login_footer .footer_box .btns_wrap .footer_btn:nth-child(2){margin-left: 14px;}

    #pw_reset .contents .pg_tit span{font-size: 12px;}
}