.join_button {width: 100%;height: 54px;display: flex;align-items: center;justify-content: center;border:none;background: none;font-size: 14px;font-weight: 500;border-radius: 8px;}
.join_button1 {border:1px solid #00A965;background: #fff;color: #00A965;}
.join_button2 {background: #00A965;color: #fff;}
.join_button.disabled {background: #dbdbdb;}

#join_wrap {padding: 80px 0 160px;}
.join_inner {display: flex;align-items: center;flex-direction: column;}
.join_box_inner {display: flex;flex-direction: column;gap:30px 0;margin-top: 40px;}
.join_box_wrap {width: 100%;max-width: 460px;}
.join_label {font-size: 24px;font-weight: 700;color: #121212;}
.join_box .join_box_label {font-size: 16px;font-weight: 500;color: #121212;margin-bottom: 10px;}
.join_box_label span.join_box_sub_label {font-size: 11px;color: #B0B0B0;}
.join_area_box {display: flex;flex-direction: column;gap:10px 0;}
.join_select_inner {display: flex;flex-direction: row;gap:0 10px;}
.join_select_box {position: relative;width: 50%;}
.join_select_box input {width: 1px;height: 1px;position: absolute;bottom:0;left: 0;opacity: 0;}
.join_select_box input + label {width: 100%;background: #F2F4F5;border-radius: 8px;display: flex;align-items: center;justify-content: center;height: 54px;font-size: 18px;font-weight: 500;color: #9F9F9F;cursor: pointer;}
.join_select_box input + label i {width: 11px;height: 9px;background: url("/images/pc/join_check_off.png") no-repeat 100% / 100%;display: inline-block;margin-right: 30px;}
.join_select_box input:checked + label {background: #F7FEF7;border:1px solid #00A965;color: #00A965;}
.join_select_box input:checked + label i {background: url("/images/pc/join_check_on.png") no-repeat 100% / 100%;}
.join_input_box {display: flex;flex-direction: row;gap: 0 10px;}
.join_inputs {width:75%;}
.join_confirms {width: 25%;}
.join_inputs_certi {position: relative;}
.join_inputs_certi .timer {position: absolute;top:50%;right: 15px;transform:translateY(-50%);font-size: 14px;color: #121212;}

.agree_inner {margin-top: 40px;}
.agree_box_wrap {display: flex;flex-direction: column;gap:10px 0;}
.agree_box {display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.agree_label {position: relative;}
.agree_label input {position: absolute;bottom:0;left: 0;width: 1px;height: 1px;opacity: 0;}
.agree_label input + label {padding-left: 35px;font-size: 14px;font-weight: 500;display: flex;cursor: pointer;}
.agree_label input + label::before {content:"";width: 20px;height: 20px;background: url("/images/pc/join_agree_check_off.png") no-repeat center 100% / 100%;position: absolute;top:0;left: 0;}
.agree_label input:checked + label::before {background: url("/images/pc/join_agree_check_on.png") no-repeat center 100% / 100%;}
.agree_label input + label span {color: #00A965;margin-right: 10px;display: inline-block;}
.agree_info_box {width: 40px;}
.agree_info_box a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;position: relative;top:3px;}

.join_submit_wrap {margin-top: 40px;}
.join_submit_wrap button {font-size: 18px;}

@media(max-width:480px){
    #join_wrap {padding: 40px 0 80px;}
    .join_label {font-size: 20px;}
    .join_select_box input + label {font-size: 16px;}

    .join_inputs {width: 70%;}
    .join_confirms {width: 30%;}

    .join_submit_wrap button {font-size: 16px;}
    .request_memo_wrap textarea {font-size: 15px;}

    
}

@media(max-width:360px){
    .join_label {font-size: 18px;}
    .join_box .join_box_label {font-size: 14px;}
    .join_select_box input + label {font-size: 14px;}
    .join_box .join_box_label {font-size: 14px;}
    .join_inputs {width: 65%;}
    .join_confirms {width: 35%;}
    .join_button {font-size: 13px;}

    .join_submit_wrap button {font-size: 14px;}

    .agree_box {gap:0;}
    .agree_label {width: 93%;}
    .agree_info_box {width: 17%;}
    .agree_info_box a {justify-content: flex-end;}
    .agree_label input + label {font-size: 13px;padding-left: 25px;}
    .agree_label input + label::before {width: 16px;height: 16px;}

    .join_confirms button span {display: none;}

    
}

@media(max-width:320px){
    .agree_label input + label {font-size: 12px;}
    .agree_label input + label span {margin-right: 5px;}
}