html {
    scroll-behavior: smooth;
}

.pay_sect {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.pay_default_wrap:not(.table) .border_title_wrap {
    margin-bottom: 24px;
}

.service_page_title .btn_default.in_arrow {
    margin-top: 14px;
    width: fit-content;
}

.colorfull_list>li {
    width: calc((100% - 40px)/3);
}

.colorfull_list>li.w_half {
    width: calc((100% - 20px)/2);
}

.company_list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.company_list .company_item {
    width: calc((100% - 40px)/3);
    display: flex;
}

/* ==================== table ==================== */
.pay_table_area {
    overflow-x: auto;
}

.pay_table .tr,
.pay_table .tr .row_group .rowspan {
    display: flex;
    border-bottom: 1px solid #EBEBEB;
}

.pay_table .tr .row_group .rowspan:last-child {
    border-bottom: none;
}


.pay_table .tr .td {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.pay_table .tbody .td.title {
    font-weight: 500;
    flex-shrink: 0;
}

.pay_table .tr .td.content {
    flex-grow: 1;
}

.pay_table .td_content .cancel_text {
    font-size: 14px;
    text-decoration: line-through;
}

.pay_table .td_content .content_text {
    font-size: 16px;
    display: flex;
    gap: 4px;
    align-items: baseline;
}

.pay_table .td_content .content_text small {
    font-size: 12px;
    color: #5E5E5E;
}

.pay_table .td_content .color_blue {
    color: var(--success-color);
}

.pay_table .row_group {
    flex-grow: 1;
}

.pay_table .rowspan .subtitle {
    border-right: 1px solid #EBEBEB;
    width: 22%;
    flex-shrink: 0;
}

.pay_table .rowspan .subcontent {
    padding: 24px 16px;
    flex-grow: 1;
    justify-content: flex-start;
}

.pay_table .thead {
    font-weight: 700;
}

.pay_table .set_color {
    background-color: #F8F8F8;
}

.pay_table.fee_table {
    min-width: 500px;
}

.pay_table.fee_table .td {
    justify-content: flex-start;
}

.pay_table.fee_table .td.title {
    width: 20%;
}

.pay_table.paper {
    min-width: 600px;
}

.pay_table.paper .td.title {
    width: 17%;
    border-right: 1px solid #EBEBEB;
    text-align: center;
}

.pay_table.paper .paper_list {
    list-style: decimal inside;
}

/* ==================== method, stats 리스트 */
.service_info_card.pay_info {
    flex-direction: column;
    gap: 60px;
    padding: 50px 59px;
    scroll-margin-top: 100px;
}

.service_info_card.pay_info .card_head {
    width: 100%;
}

.service_info_card.pay_info .card_flex_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.service_info_card.pay_info .card_flex_box .img_wrap {
    display: flex;
    width: 52px;
    aspect-ratio: 1/1;
}

.service_info_card.pay_info .no {
    font-size: 16px;
}

.service_info_card.pay_info .title {
    font-size: 24px;
}

.service_info_card.pay_info .card_body .img_box {
    max-width: 375px;
    margin: 0 auto;
}

@media screen and (max-width:1023px) {
    .service_info_card.pay_info {
        scroll-margin-top: 116px;
        padding: 24px;
        gap: 30px;
    }

    .service_info_card.pay_info .card_flex_box .img_wrap {
        width: 32px;
    }

    .service_info_card.pay_info .no {
        font-size: 14px;
    }

    .service_info_card.pay_info .title {
        font-size: 18px;
    }

}

@media screen and (max-width:767px) {

    .colorfull_list>li,
    .colorfull_list>li.w_half {
        width: 100%;
    }

    .company_list {
        gap: 10px;
    }

    .company_list .company_item {
        width: calc((100% - 10px)/2);
    }

    /* ==================== table ==================== */
    .pay_table .tr .td {
        padding: 12px;
        font-size: 14px;
    }

    .pay_table .td_content .cancel_text {
        font-size: 13px;
    }

    .pay_table .td_content .content_text {
        font-size: 14px;
    }

    .pay_table .rowspan .subtitle {
        width: 25%;
    }

    .pay_table.fee_table .td.title {
        width: 21%;
    }

    .pay_table.paper .td.title {
        width: 20%;
    }
}