/* 공통 */
input[type="checkbox"] {display: none;width: 0px;height: 0px;}
input[type="checkbox"] + label {position: relative;padding-left: 25px;font-size: 1.05em;font-weight: 500;cursor: pointer;}
input[type="checkbox"] + label::after {width: 18px;height: 18px;border-radius: 5px;border:1px solid #2BAE66;content:'';color: #fff;position: absolute;left: 0;top:50%;transform:translateY(-50%);display: flex;align-items: center;justify-content: center;}
input[type="checkbox"]:checked + label::after {
    background: url("/images/checkIcons.png") no-repeat 50% 50% #2BAE66;
}

input[type="radio"] {display: none;width: 0px;height: 0px;}
input[type="radio"] + label {position: relative;padding-left: 25px;font-size: 1.05em;font-weight: 500;cursor: pointer;}
input[type="radio"] + label::after {width: 18px;height: 18px;border-radius: 5px;border:1px solid #2BAE66;content:'';color: #fff;position: absolute;left: 0;top:50%;transform:translateY(-50%);display: flex;align-items: center;justify-content: center;}
input[type="radio"]:checked + label::after {
    background: url("/images/checkIcons.png") no-repeat 50% 50% #2BAE66;
}

/* 로그인 */
#login_wrap {height: 100vh;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.login_inner {width: 100%;max-width: 400px;text-align: center;}
.login_title {margin: 30px 0;}
.login_title p {font-size: 2.42em;font-weight: 700;}

.login_form_box .pw_box {margin-top: 10px;}

.login_button_box {display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}

.auto_login_box {position: relative;line-height: 1;}
.id_pw_sch_box a {font-size: 1.05em;font-weight: 500;}

.submit_box {margin-top: 40px;}
.submit_box input {width: 100%;height: 52px;background: #2BAE66;border: none;border-radius: 8px;font-size: 1.21em;font-weight: 700;color: #fff;}

.register_box {margin-top: 40px;}
.register_box .rtext {font-size: 1.05em;font-weight: 500;text-align: left;}
.register_box .regist_btn {display: flex;border:1px solid #2BAE66;color: #2BAE66;font-size: 1.21em;font-weight: 700;align-items: center;justify-content: center;border-radius: 8px;width: 100%;height: 52px;margin-top: 10px;}


/* 회원가입공통 */
#join_wrap {padding: 150px 0;}
.join_inner {width: 100%;max-width: 734px;margin: 0 auto;text-align: center;}
.join_top_box_wrap {display: flex;align-items: center;justify-content: space-between;}
.join_top_box_wrap > div {width: 49%;padding:10px 0;border-radius: 8px;background: #BEBEBE;display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;}
.join_top_box_wrap > div.on {background: #2BAE66;}
.join_bt {font-size: 1.21em;font-weight: 700;margin-top: 5px;}

/* 회원가입동의 */
.agreement_wrap {margin-top: 80px;border-top:4px solid #000000;}
.all_agree_box {display: flex;align-items: center;justify-content: space-between;padding: 25px 0;border-bottom:1px solid #999999;margin-bottom: 30px;}
.all_agree_text {font-size: 1.35em;font-weight: 700;}
.agree_label {text-align: left;font-size: 1.35em;font-weight: 700;margin-bottom: 25px;}
.agree_label span {color: #E04949;}
.agree_content {width: 100%;height: 263px;overflow: auto;padding: 30px;background: #F9F9F9;border:1px solid #ebebeb;text-align: left;}
.agree_check_box {display: flex;align-items: center;justify-content: space-between;margin-top: 15px;;}
.agree_check_button {display: flex;}
/* .agree_check_button_box1 {margin-right: 20px;} */
.agree_box_wrap2 {margin-top: 60px;}

.join_btn_wrap {display: flex;align-items: center;justify-content: space-between;margin-top: 60px;}
.join_btn_wrap a, .join_btn_wrap button {display: flex;width: 48%;padding:20px 0;border-radius: 10px;align-items: center;justify-content: center;border:1px solid #2BAE66;font-size: 1.21em;font-weight: 700;color: #2BAE66;}
.join_btn_wrap button {background: #2BAE66;color: #fff;}
.join_btn_wrap a:nth-child(2) {background: #2BAE66;color: #fff;}

/* 회원가입 */
.join_wrap {margin-top: 40px;}
.join_text {font-size: 1.14em;font-weight: 700;color: #E04949;text-align: right;}
.join_inner_box {margin-top: 15px;border-top:4px solid #000;display: flex;align-items: center;margin-top: 40px;flex-direction: column;}
.join_inner_box .join_input_box {width: 100%;display: flex;margin-top: 40px;}
.join_input_box .join_label {width: 20%;font-size: 1.21em;font-weight: 500;text-align: left;align-items: center;display: flex;}
.join_input_box .join_label span {color:#E04949;}
.join_inputs {display: flex;width: 80%;}
.join_inputs input {width: 100%;}

.join_inputs_box {display: flex;width: 100%;justify-content: space-between;}
.join_inputs_box_l {width: 75%;}
.join_inputs_box_r {width: 23%;}
.join_inputs_box_r a {display: flex;align-items: center;justify-content: center;border:1.5px solid #000;height: 100%;border-radius:8px;}
.join_inputs_box_r a.off {background:#ECECEC;border:1.5px solid #BBB;color:#888;cursor:default;}

.join_input_box_top {align-items: flex-start;}
.join_input_box_top .join_label {padding-top: 15px;}
.join_inputs_ve {flex-direction: column;text-align: left;}

.alert_text {color: #E04949;margin-top: 5px;font-weight: 500;}

/* 아이디 찾기 */
.sch_wrap {border: 4px solid #000;}

.id_sch_fail_wrap {position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 100;display: none;}
.id_sch_fail_inner {position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.id_sch_fail_box {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: #fff;padding: 60px 40px;border-radius: 10px;text-align: center;max-width: 480px;width: 100%;position: relative;}
.id_sch_fail_text {font-size: 1.78em;font-weight: 700;}
.id_sch_fail_text2 {font-size: 1.28em;font-weight: 500;margin: 30px 0 50px;}
.id_sch_fail_btn {padding:20px 0;width: 100%;display: flex;align-items: center;justify-content: center;background: #2BAE66;font-size: 1.28em;border-radius:10px;color: #fff;}

.close_btn_box {position: absolute;right: 40px;top:40px;}

.id_result_txt {margin-top: 50px;font-size: 1.42em;font-weight: 500;width: 100%;}
.id_result_txt span {color: #2BAE66;font-weight: 700;}
