@charset "utf-8"; 

/*2308 포인트샵 기반 PC renew css == 로그인 , 회원가입 */

/*.box__f_menu{display:none;}*/ /* 로그인 영역 푸터 약관 hidden */
[class*="biz--"] *{font-weight:400;}
/*로그인*/
.biz--login{padding:70px 0 100px;background:#f5f5f5;}
.biz--login .wrap__login{display:flex;flex-direction:column;width:720px;margin:0 auto;border:1px solid #e5e5e5;background:#ffffff;}
.biz--login .login_header{display:flex;justify-content:center;align-items:center;height:90px;}
.biz--login .login_bnr img{width:100%;}
.biz--login .login_form{padding:40px 100px 50px;}
.biz--login .box__form_group{grid-gap:14px;}
.biz--login .box__form_group .box__form_unit{padding:0;border-bottom:0;}
.biz--login .box__form_group input.input_txt{height:70px;font-size:18px;font-weight:500;}
.biz--login .login_form .timer{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#656565;font-size:16px;}

.biz--login .box__btn_wrap{margin-top:30px;}
.biz--login .box__btn_wrap a{height:64px;line-height:62px;}
.biz--login .login_form .box__login_util{display:flex;}
.biz--login .login_form .box__login_util a{position:relative;width:100%;height:50px;line-height:50px;color:#777777;font-size:15px;font-weight:500;text-align:center;}
.biz--login .login_form .box__login_util a:not(:first-child):before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-block;width:1px;height:10px;background:#e5e5e5;}
.biz--login .login_form .box__bottom{margin-top:15px;border-top:1px solid #f0f0f0;}
.biz--login .box__login_notice{margin-top:30px;}
.biz--login .box__login_notice ul{display:flex;flex-direction:column;grid-gap:7px;}
.biz--login .box__login_notice ul li{color:#666666;font-size:14px;line-height:1.1;}
    /*id pw 찾기*/
.pop_layer.pop_layer_loginFind{width:500px;}
.pop_layer.pop_layer_loginFind .box__loginFInd_intro{margin-bottom:30px;}
.pop_layer.pop_layer_loginFind .box__loginFInd_intro,
.pop_layer.pop_layer_loginFind .box__loginFInd_intro div{display:flex;flex-direction:column;grid-gap:16px;}
.pop_layer.pop_layer_loginFind .box__loginFInd_intro strong{color:#000000;font-size:22px;font-weight:700;line-height:32px;}
.pop_layer.pop_layer_loginFind .box__loginFInd_intro div{grid-gap:8px;}
.pop_layer.pop_layer_loginFind .box__loginFInd_intro div span{color:#656565;font-size:14px;line-height:21px;}
.pop_layer.pop_layer_loginFind .box__form_group{grid-gap:14px;}
.pop_layer.pop_layer_loginFind .box__form_group .box__form_unit{padding:0;border:0;}
.pop_layer.pop_layer_loginFind input.input_txt{height:70px;font-size:18px;font-weight:500;}
.pop_layer.pop_layer_loginFind .box__btn_wrap a{height:64px;line-height:62px;}
    /*이용약관동의 폼*/
[class*="biz--"] .section_form .section_title{justify-content:space-between;margin-bottom:40px;}
[class*="biz--"] .section_form .section_title span{font-size:28px;font-weight:600;}
[class*="biz--"] .section_form .section_title .location_num{display:flex;align-items:center;grid-gap:8px;}
[class*="biz--"] .section_form .section_title .location_num span{display:inline-block;width:10px;height:10px;border-radius:50%;background:#c5c5c5;font-size:0;}
[class*="biz--"] .section_form .section_title .location_num span.current{width:24px;height:24px;background:#b88f5e;color:#ffffff;font-size:13px;font-weight:500;background:#b88f5e;line-height:24px;text-align:center;}
[class*="biz--"] .section_form .section_con{border-top:0;}
.section_privacyAgree .box__all_check{display:flex;padding-bottom:12px;border-bottom:1px solid #e5e5e5;}
.section_privacyAgree .box__agree_form{display:flex;flex-direction:column;grid-gap:30px;padding-top:30px;}
.section_privacyAgree .box__agree_form .unit_agree{display:flex;flex-direction:column;grid-gap:14px;}
.section_privacyAgree .box__agree_form .unit_agree .form_cus_unit label span{font-size:18px;font-weight:500;}
.section_privacyAgree .box__agree_form .unit_agree .form_cus_unit label .choice{color:#959595;margin-left:7px;}
.section_privacyAgree .box__agree_form .unit_agree .form_cus_unit label .impac{color:var(--site-color);margin-left:7px;}
.section_privacyAgree .box__agree_form .unit_agree .box__agree_txt{overflow-y:auto;height:156px;padding:15px 20px 20px;border:1px solid #e5e5e5;color:#656565;font-size:15px;line-height:24px;}
.section_privacyAgree .section_con .box__btn_wrap .btn_disabled{background:#d1d1d1;border:1px solid #d1d1d1;color:#858585;}
     /*최초이용약관동의*/
.biz--login .section_privacyAgree{padding:30px 30px 40px;border-top:1px solid #f0f0f0;}

/*회원가입*/
.biz--join .section_form{padding:47px 0 100px 0;}
.biz--join .login_header{display:flex;align-items:center;height:82px;border-bottom:1px solid #f0f0f0;}
.biz--join .login_header ._in{width:1280px;margin:0 auto;}
.biz--join .wrap__join{width:1280px;margin:0 auto;}
.box__join_location{display:flex;align-items:center;grid-gap:22px;}
.biz--join .section_title .box__join_location .current_tit{color:#656565;font-size:14px;font-weight:400;}
.biz--join .box__btn_wrap{justify-content:center;grid-gap:15px;margin-top:60px;}
.biz--join .box__btn_wrap a{width:260px;height:64px;line-height:62px;}
    /*회원가입 약관동의*/
.biz--join .section_privacyAgree .section_title{padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #000000;}
    /*회원가입 폼*/
.box__join_info{line-height:19px;padding:20px 26px;background:#f8f8f8;color:#656565;font-size:15px;font-weight:400;}
.box__join_info .impac{color:#f05753}
.biz--join .box__form_group{grid-gap:14px;padding:30px 520px 0 0;}
.biz--join .box__form_group .box__form_unit{align-items:flex-start;border-bottom:0;padding:0 0 0 25px;}
.biz--join .box__form_group .box__form_unit label{width:205px;padding-top:16px;font-weight:400;}
.biz--join .box__form_group .box__form_unit label .impac{color:#f05753;margin-left:5px;}
.biz--join .box__form_unit .box__btn{display:flex;grid-gap:14px;width:100%;}
.biz--join .box__form_unit .box__btn input.input_txt{width:100%;}
.biz--join .box__form_unit .box__btn .box__confirm_num{position:relative;width:100%;}
.biz--join .box__form_unit .box__btn .box__confirm_num input.input_txt{padding-right:55px;}
.biz--join .box__form_unit .box__btn .box__confirm_num .timer{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#656565;font-size:14px;}
.biz--join .box__form_unit .btn{flex-shrink:0;flex-basis:140px;background:#787878;}
.biz--join .con_join_form .box__btn_wrap{justify-content:flex-end;grid-gap:10px;padding-right:520px;}


.biz--login .box__form_unit .box__btn{display:flex;grid-gap:14px;width:100%;}
.biz--login .box__form_unit .box__btn input.input_txt{width:100%;}
.biz--login .box__form_unit .box__btn .btn{flex-shrink:0;flex-basis:110px;height:70px;line-height:70px;background:#787878;color:#ffffff;font-size:18px;font-weight:400;text-align:center;}
.biz--login .box__form_unit .box__btn .box__confirm_num{position:relative;width:100%;}
.biz--login .box__form_unit .box__btn .box__confirm_num input.input_txt{padding-right:55px;}
.biz--login .box__form_unit .box__btn .box__confirm_num .timer{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#656565;font-size:14px;}

.biz--login .pop_layer .box__btn_wrap{margin-top:0;}
.pop_layer .box__btn_wrap .btn_disabled{background:#d1d1d1;border:1px solid #d1d1d1;color:#858585;}

/*회원가입 완료*/
.biz--join .section_formOk .section_con{padding:195px 0 0 0;background-image:url(/data/common_new/img_formOk.png);background-repeat:no-repeat;background-position:center 43px;}
.biz--join .section_formOk .txt_con_tit{color:#000000;font-size:32px;font-weight:600;line-height:48px;text-align:center;}
.biz--join .section_formOk .txt_con_stit{margin-top:30px;color:#656565;font-size:18px;font-weight:400;line-height:30px;text-align:center;}
.biz--join .section_formOk .box__btn_wrap a{width:300px;}
.biz--join .section_formOk .box__btn_wrap{margin-top:90px;}

/*로그인 본인인증*/
.wrap__login_confirm{display:grid;grid-template-columns:repeat(2,1fr);gap:0 100px;width:1280px;padding:0 100px;background:#FFFFFF;border:1px solid #e5e5e5;margin:0 auto;}
.wrap__login_confirm .login_header{grid-column:1/-1;}
.wrap__login_confirm .login_tit{font-size:23px;font-weight:300;margin-bottom:20px;line-height:25px;}
.wrap__login_confirm .login_tit span{font-weight:500;vertical-align:top;}
.biz--login .wrap__login_confirm .login_form{padding:20px 0 50px;}
.biz--login .wrap__login_confirm .box__login_notice ul li{padding-left:8px;text-indent:-8px;line-height:20px;}