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

.request_inner {display: flex;}
.request_inner .request_form_box {width: 100%;max-width: 580px;padding: 20px 20px 100px;height: calc(100vh - 163px);overflow: auto;display: block !important;}
.request_form_label {font-size: 24px;font-weight: 700;color: #121212;}
.request_category_box {display: flex;justify-content: space-between;margin: 25px 0 40px;gap:0 10px}
.request_cate {position: relative;width: 25%;}
.request_cate input {position: absolute;bottom:0;left: 0;width: 1px;height: 1px;opacity: 0;}
.request_cate input + label {padding:10px 0;border-radius: 50px;background: #fff;font-size: 16px;color: #00A965;border:1px solid #00A965;cursor: pointer;width: 100%;display: flex;align-items: center;justify-content: center;}
.request_cate input:checked + label {border:1px solid #00A965;background: #00A965;color: #fff;}
.request_cate a {width: 100%;padding:10px 0;border:1px solid #00A965;display: flex;align-items: center;justify-content: center;font-size: 16px;border-radius: 50px;color: #00A965;}
.request_cate a.active {background: #00A965;color: #fff;}

.request_confirm_box {margin-top: 50px;padding: 25px 15px;border-radius: 6px;background: #FFFAE7;}
.request_confirm_label {font-size: 18px;font-weight: 700;}
.request_confirm_text_box {margin-top: 10px;}
.request_confirm_text_box .request_confirm_text {margin-bottom: 5px;font-size: 14px;position: relative;padding-left: 10px;}
.request_confirm_text_box .request_confirm_text::before {content:"·";font-size: 14px;color: #454545;position: absolute;top:0;left: 0;}
.request_confirm_text_box .request_confirm_text:last-child {margin-bottom: 0px;}
.request_tel_box {padding:  15px;border-radius: 6px;background: #fff;font-size: 14px;font-weight: 500;color: #121212;margin-top: 15px;}
.request_confirm_text_box .request_confirm_text2 {font-size: 12px;position: relative;padding-left: 20px;}
.request_confirm_text_box .request_confirm_text2::before {content:"*";position: absolute;top:0;left: 10px;}

.request_input_box_wrap {margin-top: 50px;}
.request_input_label {padding-bottom: 15px;border-bottom: 2px solid #121212;font-size: 18px;font-weight: 700;color: #121212;word-break: keep-all;}
.request_input_label2 {padding-bottom: 0;border-bottom: none;}
.request_input_box .request_input_labels {font-size: 16px;font-weight: 500;color: #121212;margin-bottom: 15px;display: flex;align-items: center;}
.request_input_labels .input_labels_left2 {font-size: 18px;font-weight: 700;}
/* .request_input_box .request_input_labels {display: flex;align-items: center;justify-content: space-between;} */
.input_labels_right {margin-left: 20px;font-size: 14px;color: #B0B0B0;display: flex;align-items: center;gap:0 15px;}
.input_labels_right2 {gap:0;}
.input_labels_right input[type="checkbox"] {margin-right: 5px;}
.input_labels_right2 input + label {cursor: pointer;}
.input_labels_right .alert_box {font-size: 12px;color: #00A965;cursor: pointer;}
.input_labels_right .alert_box i {position: relative;top:-1px;margin-right: 5px;display: inline-block;}
.request_input_box_inner .request_input_box {margin-top: 30px;}
.request_info_box {margin-top: 15px;}
.request_info_box {padding: 15px 20px;border-radius: 6px;background: #F8FAFB;}
.request_info_box .request_info_text {position: relative;padding-left: 10px;font-size: 12px;margin-bottom: 10px;}
.request_info_box .request_info_text::before {content:"";width: 3px;height: 3px;border-radius: 3px;background: #00A965;position: absolute;top:8px;left: 0;}
.request_info_box .request_info_text:last-child {margin-bottom: 0;}
.request_info_box .request_info_text span {color:#E7434E;}
.request_input_desc {font-size:13px;line-height:1.4;color:#B0B0B0;margin-bottom:15px;margin-top:-5px;}

.request_addr_box_wrap .request_addr_box {display: flex;flex-direction: column;gap:10px 0;padding-bottom:30px;margin-bottom: 30px;border-bottom: 1px solid #EAEBEF;margin-top: 30px;}
.request_addr_box_wrap .request_addr_box:first-child {padding-bottom: 0;margin-bottom: 0;border-bottom: none;margin-top: 0;}
.request_addr_input_box {display: flex;gap:0 10px;}
.request_addr_input_box .request_input {width: 100%;}
.request_addr_input_box2 .request_input {width: 70%;}
.request_addr_input_box2 .request_input_button {width: 30%;display: flex;flex-direction: column;gap:10px 0;}
.request_addr_input_box2 .request_input_button.ver2 {width:30% !important;margin-top:0 !important;}
.request_addr_input_box3 .request_input {position: relative;}
.request_addr_input_box3 .request_input .mob_btn {position: absolute;right: 0;top:0;width: auto;height: 100%;padding:0 20px;background: #00A965;color: #fff;display: none;}
.request_input_button button {width: 100%;}
.request_input_button button.mob_btn {display: none;}
.request_addr_remove_wrap {display: flex;justify-content: flex-end;} 
.request_addr_remove_wrap button {padding:2px 10px;border-radius: 6px;background: #333;color:#fff;font-size: 13px;}

.request_addr_box_add_button {margin-top: 30px;}
.request_file_box {position: relative;margin-top: 15px;}
.request_file_box > div {margin-bottom: 10px;overflow: hidden;}
.request_file_box > div:last-child {margin-bottom: 0;}
.bf_file_rbox {width: 11%;border:1px solid #00A965;border-radius: 6px;display: flex;align-items: center;justify-content: center;font-size:20px;color: #00A965;cursor: pointer;}
.request_file_box input[type="file"] {position: absolute;bottom:0;left: 0;width: 1px;height: 1px;opacity: 0;}
.request_file_box input + label {width: 100%;height: 56px;display: flex;border-radius: 6px;background: #EAEBEF;align-items: center;justify-content: center;font-size: 14px;color: #707070;cursor: pointer;}
.request_file_box input + label i {position: relative;top:-2px;margin-right: 10px;display: inline-block;}
.file_img {display: none;margin-top: 10px;}
.request_file_box input + label.file_up {background: #00A965;color: #fff;}
.request_file_box input + label.file_up i {display: none;}
.request_file_box input + label.file_up span {width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.file_img img {max-width: 100%;}

.file_names {padding:15px 20px;width: 100%;border-radius: 6px;border:1px solid #dfdfdf;margin-top: 10px;}

.request_memo_wrap {margin-top: 15px;}
.request_memo_wrap textarea {width: 100%;resize: none;height: 240px;border:1px solid #DFE3E6;border-radius: 6px;padding:15px;}

.request_cash_wrap {display: flex;align-items: center;justify-content: space-between;line-height: 1;}
.request_cash_box {position: relative;}
.request_cash_box input {position: absolute;bottom:0;left: 0;width: 1px;height: 1px;opacity: 0;}
.request_cash_box input + label {padding-left: 30px;position: relative;font-size: 15px;color: #121212;cursor: pointer;}
.request_cash_box input + label::before {content:"";width: 20px;height: 20px;border-radius: 20px;border:1px solid #B0B0B0;position: absolute;top:2px;left: 0;}
.request_cash_box input:checked + label::before {border:5px solid #00A965;}

.request_mat_wrap {justify-content: flex-start;}
.request_mat_wrap > div {width: calc(100% / 3);font-size: 18px;font-weight: 500;color: #121212;}
/* .request_mat_wrap > div input + label {font-size: 18px;} */

.submit_button_wrap {margin-top: 50px;}

/* display: block !important; */
.request_inner .request_map_box {width: calc(100% - 580px);height: calc(100vh - 163px);}
#map {width: 100%;height: 100%;}
.mob_map_conts {padding:20px;background: #fff;position: fixed;bottom:0;left: 0;width: 100%;z-index: 10000;display: none;}
.mob_map_conts p {font-size: 15px;color: #121212;font-weight: 500;text-align: center;}
.mob_map_conts p span {color: #E7424E;}
.mob_map_btns {display: flex;gap:0 10px;align-items: center;justify-content: center;margin-top: 20px;}
.mob_map_btns button {padding: 10px 15px;border-radius: 6px;background: #00A965;font-size: 16px;border:none;display: block;color: #fff;}
.mob_map_btns button:first-child {border:1px solid #00A965;background: #fff;color:#00A965}

.mob_btn_wrap {position: fixed;bottom:40px;;z-index: 1000;left: 50%;transform:translateX(-50%);max-width: 460px;display: none;width: 100%;min-width: 280px;}
.mob_btn_wrap button {width: 100%;}
.request_view {display: none;}

#addr_modal {position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 10000;}
.addr_modal_inner {position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,0.4);}
.addr_modal_cont {width: 100%;padding:15px;border:1px solid #00A965;border-radius: 8px;background: #F7FEF7;position: absolute;top:50%;left: 50%;transform:translate(-50%, -50%);max-width: 555px;}
.addr_modal_cont_wrap .addr_modal_cont_box {margin-bottom: 20px;}
.addr_modal_cont_wrap .addr_modal_cont_box:last-child {margin-bottom: 0;}
.addr_modal_cont_box .addr_modal_cont_label {font-size: 15px;color: #00A965;margin-bottom: 3px;}
.addr_modal_cont_info_wrap .addr_modal_cont_info {margin-bottom: 2px;position: relative;padding-left: 10px;font-size: 14px;color: #00A965;word-break: keep-all;}
.addr_modal_cont_info_wrap .addr_modal_cont_info:last-child {margin-bottom: 0;}
.addr_modal_cont_info_wrap .addr_modal_cont_info::before {content:"";width: 2px;height: 2px;border-radius: 5px;position: absolute;top:8px;left: 0;background: #00A965;}
.addr_area_text_wrap {margin-top: 10px;}
.addr_area_text_wrap .addr_area_text {position: relative;padding-left: 15px;font-size: 14px;color: #00A965;margin-bottom: 10px;}
.addr_area_text_wrap .addr_area_text:last-child {margin-bottom: 0;}
.addr_area_text span {position: absolute;top:0;left: 0;font-size: 14px;color: #00A965;}

.addr_modal_cont_label {font-weight:600;}
.addr_modal_cont_label b {color:#E7424E;}
.addr_modal_cont_info b {color:#E7424E;}
.addr_area_text_info b {color:#E7424E;}

#addr_modal {display: none;}
.addr_modal_cont1 {display: none;}
.addr_modal_cont2 {display: none;}
.addr_modal_cont3 {display: none;}

.work_date_month {display: flex;gap:0 40px;}
.work_date_month .work_date_month_box {position: relative;padding-left: 30px;}
.work_date_month_box input {position: absolute;bottom:0;left: 0;width: 1px;height: 1px;opacity: 0;}
.work_date_month_box input + label {cursor: pointer;font-size: 15px;font-weight: 500;color: #121212;}
.work_date_month_box input + label::before {content:"";width: 21.33px;height: 21.33px;position: absolute;top:4px;left: 0;border:1px solid #B0B0B0;background: #fff;}
.work_date_month_box input:checked + label::before {background: url("/images/pc/check_box.png") no-repeat center;border: none;}

.request_suntype_wrap > .request_suntype_box {margin-bottom: 10px;position: relative;padding-left: 30px;}
.request_suntype_wrap > .request_suntype_box:last-child {margin-bottom: 0;}
.request_suntype_box input {position: absolute;bottom:0;left: 0;width: 1px;height: 1px;opacity: 0;}
.request_suntype_box input + label {cursor: pointer;font-size: 15px;font-weight: 500;color: #121212;}
.request_suntype_box input + label::before {content:"";width: 21.33px;height: 21.33px;position: absolute;top:4px;left: 0;border:1px solid #B0B0B0;background: #fff;}
.request_suntype_box input:checked + label::before {background: url("/images/pc/check_box.png") no-repeat center;border: none;}

/* .work_status_box {display: none;}
.sun_type {display: none;}
.mat_build {display: none;} */

.info {position:relative;top:5px;left:5px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;font-size:12px;padding:5px;background:#fff;list-style:none;margin:0;} 
.number {font-weight:bold;color:#00a0e9;}  

#main_request_end {padding: 100px 0;}
.request_end_inner {display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;}
.request_end_inner .logo_wrap img {max-width: 160px;width: 100%;height: auto;}
.request_end_box {width: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;}
.request_end_label {font-size: 28px;font-weight: 700;color: #121212;text-align: center;margin-top: 80px;margin-bottom: 30px;}
.reqeust_end_text {font-size: 18px;font-weight: 500;text-align: center;}
.request_button_wrap {width: 100%;max-width: 460px;margin-top: 80px;}
.request_button_wrap a {display: flex;width: 100%;height: 60px;align-items: center;justify-content: center;border-radius: 8px;background: #00A965;font-size: 18px;font-weight: 500;color: #fff;}

#login_confirm {width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 9999;display: none;}
.login_confirm_inner {background: rgba(0,0,0,0.4);width: 100%;height: 100%;position: absolute;top:0;left: 0;}
.login_confim_boxs {padding:20px;background: #fff;border-radius: 16px;text-align: center;position: absolute;top:50%;left: 50%;transform:translate(-50%, -50%);width: 100%;max-width: 410px;min-width: 280px;}
.login_confirm_text {font-size: 20px;font-weight: 700;color: #121212;}
.login_confirm_button {margin-top: 30px;}
.login_confirm_button a {width: 100%;height: 50px;border-radius: 8px;background: #00A965;line-height: 50px;text-align: center;display: block;color: #fff;}

.ye_box22 {font-size: 13px;margin-top: 20px;color: #666;}

@media(max-width:960px){
    .mob_btn_wrap {display: block;}
    .request_inner {flex-direction: column;}
    .request_inner .request_form_box {max-width: inherit;padding: 20px 20px 120px;height: auto;}
    .request_inner .request_map_box {width: 100%;display: none;}
    .mob_btn_wrap {display: block;}
    .map {display: none;}
    .map.active {display: inline-block;
        background: red;
        z-index: 999;
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .request_category_box {justify-content: flex-start;gap:0 10px;}
    .request_cash_wrap {justify-content: flex-start;gap:0 10px;}
    .request_form_label {font-size: 20px;}

    .request_addr_input_box3 .request_input .mob_btn {display: block;}

    .request_input_button button.pc_btn {display: none;}
    .request_input_button button.mob_btn {display: block;}
}

@media(max-width:760px){
    .request_end_label {font-size: 24px;}
    .reqeust_end_text {font-size: 16px;}
}

@media(max-width:580px){
    .request_inner .request_form_box {height: calc(100% - 84px);overflow: hidden;}
    .request_inner .request_map_box {height: calc(100% - 84px);}

    #main_request_end {padding: 40px 0;}
    .request_end_label {font-size: 20px;}
    .reqeust_end_text {font-size: 15px;}
}


@media(max-width:520px){
    .request_form_label {font-size: 18px;}
    .request_input_label {font-size: 16px;}
    .request_input_labels .input_labels_left2 {font-size: 16px;}
    .request_input_box .request_input_labels {font-size: 15px;}
    .request_cate input + label {font-size: 14px;padding: 10px 15px;}

    .request_confirm_label {font-size: 16px;}
    .request_confirm_text_box .request_confirm_text {word-break: keep-all;}
    .request_confirm_text_box .request_confirm_text br {display: none;}

    .request_cash_box input + label::before {width: 14px;height: 14px;top:4px;}
    .request_cash_box input + label {font-size: 14px;padding-left: 20px;}

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

    .mob_btn_wrap {width: calc(100% - 40px);}

    .request_end_label {font-size: 18px;margin-top: 40px;}
    .request_button_wrap {margin-top: 40px;}
    .request_button_wrap a {height: 50px;font-size: 14px;}

    .request_addr_input_box {flex-direction: column;}
    .request_addr_input_box3 .request_input {width: 100%;}
    .request_addr_input_box2 .request_input_button {width: 100%;margin-top: 10px;}
}

@media(max-width:380px){
    .join_button {font-size: 13px;}
    .request_category_box {flex-wrap: wrap;gap: 0;margin-top: 5px;}
    .request_cate {width: 49%;margin-right: 2%;margin-top: 10px;}
    .request_category_box .request_cate:nth-child(2n) {margin-right: 0;}
    .request_cate input + label {width: 100%;display: flex;align-items: center;justify-content: center;}

    .request_confirm_text_box .request_confirm_text {font-size: 13px;}
    .request_tel_box {font-size: 13px;}

    .request_input_box .request_input_labels {font-size: 14px;}
    .request_input_box .request_input_labels2 {flex-direction: column;justify-content: flex-start;align-items: flex-start;}
    .request_input_labels2 .input_labels_right {margin-left: 0;margin-top: 10px;}

    .request_memo_wrap textarea {font-size: 14px;}

    .request_cash_wrap {flex-wrap: wrap;}
    .request_cash_box {margin-top: 15px;}
    .request_input_box .request_input_labels3 {margin-bottom: 0;}

    .reqeust_end_text {font-size: 14px;word-break: keep-all;}


   
	.request_addr_input_box2.ver2 {flex-direction:row;}
    
    
    .request_addr_input_box3 .request_input .mob_btn {padding: 0 10px;}
}