@charset "utf-8";

@media all and (max-width:1399px) {
    .p3-button-next, .p3-button-prev {
        display: none;
    }
}

@media all and (max-width:1199px) {
    .mypage_inner {
        flex-direction: column;
        padding-top: 100px;
        gap: 50px;
    }

    .my_float {
        position: relative;
        top: unset;
        left: unset;
        flex-direction: unset;
        width: fit-content;
        gap: 30px;
    }

    .float_profile {
        padding-bottom: 0;
        border: none;
    }

    .float_link_group {
        margin-top: 0 ;
        flex-direction: unset;
        align-items: center;
    }
    .float_link_group .logout_btn {
        width: fit-content;
    }

}

@media all and (max-width:1023px) {
    .p_section2 .p2_grid {
        grid-template-columns: repeat(1,1fr);
    }

    .p_section3 .p3_img_box {
        width: 300px;
        height: fit-content;
    }
    
    .p_section3 .p3_item {
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .p_section3 .p3_text {
        max-width: 300px;
    }

    .p_section3 .p3_tag span {
        font-size: 12px;
    }

    .p_section3 .p3_tag {
        flex-direction: column;
        align-items: flex-start;
    }

    .pg_section1 .pg1_title {
        font-size: 26px;
    }

    .pg_section1 .pg1_tit {
        font-size: 16px;
    }

    .pg2_item {
        padding: 30px 0 40px;
        min-height: 240px;
    }

    .rq2_input_box {
        padding: 50px 40px;
    }

    .rq_section2 .input_row input {
        font-size: 14px;
    }
    .rq_section2 .input_tit {
        font-size: 18px;
    }
    .tip_grid {
        grid-template-columns: repeat(3,1fr);
    }
    .common_table .thead.tb>div, .common_table tr.tb td {
        font-size: 12px;
    }
    .common_table .thead.th>div, .common_table tr.th th {
        font-size: 12px;
    }
    .common_table .thead .title {
        flex: 12;
    }

    .common_table .thead.tb .file img {
        width: 16px;
    }

    .common_table .thead .right {
        flex: 8;
    }

    .file_input_grid {
        grid-template-columns: repeat(4,1fr);
    }

    .reg_cont .reg_box {
        padding: 30px 35px;
    }

    .reg_box .reg_inner {
        padding: 20px;
    }
}

@media all and (max-width:700px) {
    .p_section1 .sel_btn {
        padding: calc(100vw * (10/375));
        font-size: calc(100vw * (14/375));
    }

    .p_section1 .p1_top {
        gap: calc(100vw * (12/375));
    }

    .p_section1 .p1_title {
        font-size: calc(100vw * (28/375));
    }

    .p1_bottom {
        height: calc(100vw * (200/375));
    }

    .p_section2 .item_img {
        width: calc(100vw * (300/375));
        height: fit-content;
    }

    .p_section2 .item_txt {
        font-size: calc(100vw * (16/375));
    }

    .p_section3 .p3_title {
        font-size: calc(100vw * (26/375));
        margin-bottom: calc(100vw * (50/375));
    }

    .p_section3 .p3_item {
        flex-direction: column;
        gap: calc(100vw * (20/375));
    }

    .p_section3 {
        padding: calc(100vw * (80/375)) 0;
    }

    .pg_section1 .pg1_bottom {
        height: calc(100vw * (200/375));
    }

    .pg2_item_group {
        flex-direction: column;
    }

    .pg2_arw {
        rotate: 90deg;
    }

    .pg2_item {
        min-width: 300px;
    }

    .pg2_list {
        flex-direction: column-reverse;
        gap: calc(100vw * (20/375));
        padding: calc(100vw * (20/375));
    }

    .pg2_list .list_img {
        width: unset;
        height: unset;
    }

    .pg_section2 .inner {
        width: 85%;
    }

    .rq_section2 .input_row {
        flex-direction: column;
        gap: 20px;
    }

    .rq2_input_box {
        border-radius: calc(100vw * (30/375));
    }

    .req_input {
        width: 100%;
    }

    .rq_section2 .input_btn {
        padding: calc(100vw * (14/375));
    }

    .rq_section2 .contact_info_group {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .rq_section2 {
        padding: 50px 0;
    }

    .rq2_title {
        font-size: 26px;
    }

    .pg_section1 .pg1_title br {
        display: none;
    }
    .pg_section1 .pg1_title {
        font-size: calc(100vw * (23/375));
    }

    .tip_grid {
        grid-template-columns: repeat(1,1fr);
    }

    .tip_type {
        padding: calc(100vw * (16/375));
    }

    .tip_type_group {
        font-size: calc(100vw * (16/375));
    }

    .tip_item {
        padding: calc(100vw * (20/375));
    }

    .notice_wrap .sub_common_filter {
        flex-direction: column;
        align-items: flex-start;
        gap: calc(100vw * (20/375));
    }

    .notice_wrap .nice-select {
        width: calc(100vw * (130/375));
        height: calc(100vw * (40/375));
    }

    .notice_wrap .nice-select .list {
        width: calc(100vw * (130/375));
    }

    .notice_wrap .search_box input {
        font-size: calc(100vw * (14/375));
    }

    .notice_wrap .search_box {
        padding: calc(100vw * (10/375));
        width: 100%;
    }

    .notice_wrap .filter_box {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .notice_wrap .search_box img {
        width: calc(100vw * (16/375));
        min-width: unset;
    }
    
    .file {
        display: none;
    }

    .common_table .thead>div, .common_table tr th, .common_table tr td {
        flex: 2;
    }
    .pg2_list_title {
        font-size: calc(100vw * (18/375));
    }

    .pg2_list_tit {
        font-size: calc(100vw * (16/375));
    }

    .pg2_list_tit br{
        display: none;
    }

    .login_box {
        padding: 20px;
        width: 100%;
    }

    .login_box .login_input {
        width: 100%;
    }

    .login_inner {
        width: 80%;
    }

    .login_link_group {
        font-size: 12px;
    }

    .login_link_group {
        gap: 10px;
    }

    span.password_txt {
        font-size: 10px;
    }

    span.email_disable {
        font-size: 10px;
    }

    .login_inner input[type="checkbox"] + label {
        font-size: calc(100vw * (11/375));
    }

    .login_inner input[type="checkbox"] + label::before {
        width: calc(100vw * (14/375));
        height: calc(100vw * (14/375));
    }

    .mypage_inner {
        padding-top: 150px;
    }

    .my_float {
        flex-direction: column;
    }

    .table_idx {
        font-size: 12px;
        min-width: 100px;
        max-width: 100px;
        padding: 10px;
    }

    .input_body {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .table_gray_txt {
        margin-left: 0;
    }

    .my_verify {
        margin-left: 0;
    }

    .mypage_inner input[type="checkbox"] + label::before {
        min-width: 20px;
        min-height: 20px;
    }

    .table_input {
        width: 100%;
    }

    .float_link_group {
        gap: 14px;
    }

    .float_link {
        font-size: 13px;
    }

    .float_link_group .logout_btn {
        padding: 8px;
        font-size: 13px;
    }


    .person_table,
    .camp_table {
        min-width: 800px;
    }

    .file_input_grid {
        grid-template-columns: repeat(3,1fr);
    }

    .reg4 .file_input {
        width: calc(100vw * (74/375));
        height: calc(100vw * (74/375));
    }

    .reg_box .reg_subtit {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .reg_subtit .sub_span {
        margin-left: 0;
        font-size: 10px;
    }

    .reg_cont .reg_box {
        padding: 20px 25px;
    }

    .reg_cont_btn {
        width: auto;
    }

    .add_camp {
        margin-bottom: 20px;
    }

    .reg_box .reg_program {
        flex-direction: column;
    }

    .program_sel {
        width: 100%;
    }

    .reg_detail_num input {
        width: 150px;
    }

    .program_title {
        font-size: 20px;
    }

    .col375 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .cost_now_group {
        flex-direction: column;
    }

    .cost_now {
        width: 100%;
    }

    .cost_charge_box {
        padding: 40px;
    }

    .cost_select_group .cost_select {
        min-width: 80px;
    }

    .cost_select_group {
        flex-wrap: wrap;
    }

    .cost_account {
        font-size: 12px;
        padding: 12px;
    }

    .cost_tab_group {
        justify-content: space-between;
        gap: unset;
    }

    .cost_tab {
        font-size: 16px;
    }
    
    .point_list_table {
        min-width: 520px;
    }
}