/* PC에서 확정한 E.F.S.F. 시각 체계를 주요 서비스 페이지의 모바일 화면에도 적용한다. */
@media (max-width: 1199px) {
    html body.gundam-skin #ajax-content.contents {
        padding: 0 8px 18px !important;
        background: #dfe7ed !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(
        .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_memo, .w_mybet,
        .w_result, .w_notice, .w_event, .w_quiz_event, .w_roulette, .w_free
    ) {
        --mobile-page-line: #b9cbd8;
        --mobile-page-line-strong: #0b88c8;
        --mobile-page-panel: #fff;
        --mobile-page-panel-soft: #eef6fa;
        --mobile-page-row: #fff;
        --mobile-page-row-hover: #eef8fd;

        gap: 10px !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 0 18px !important;
        color: #294a63 !important;
        background:
            linear-gradient(90deg, rgb(195 205 215 / 38%) 1px, transparent 1px) 0 0 / 48px 100%,
            #f5f7f9 !important;
        box-sizing: border-box !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(
        .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_memo, .w_mybet,
        .w_result, .w_notice, .w_event, .w_quiz_event, .w_roulette, .w_free
    ) :is(input, textarea, select) {
        border-color: #b7cddd !important;
        color: #173a55 !important;
        -webkit-text-fill-color: #173a55 !important;
        background: #fff !important;
        opacity: 1 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(
        .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_memo, .w_mybet,
        .w_result, .w_notice, .w_event, .w_quiz_event, .w_roulette, .w_free
    ) :is(.el-pagination, .pagenation_wrap) :is(button, .number, a) {
        border-color: #b7cddd !important;
        color: #244c6b !important;
        -webkit-text-fill-color: #244c6b !important;
        background: #fff !important;
        text-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(
        .w_deposit, .w_withdraw, .w_point, .w_coupon, .w_memo, .w_mybet,
        .w_result, .w_notice, .w_event, .w_quiz_event, .w_roulette, .w_free
    ) :is(.el-pagination, .pagenation_wrap) :is(.active, .on) {
        border-color: #0873b8 !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background: #0873b8 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_notice, .w_event, .w_quiz_event) {
        padding-top: 0 !important;
    }

    /* 충전·환전 */
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(.finance-kpis, .rectBox, .payment_method, .payment_method > .row, .wd-card, .content-sub-title, .list_history) {
        border-color: #b9cbd8 !important;
        color: #294a63 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .finance-kpis {
        gap: 7px !important;
        padding: 10px !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .finance-kpi {
        border: 1px solid #b9cbd8 !important;
        color: #294a63 !important;
        background: #eef6fa !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .finance-kpi :is(span, strong, small, i),
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .payment_method :is(.l1, .l2, dt, dd, .input-info, .info-txt),
    html body.gundam-skin #ajax-content.contents > .w_withdraw :is(.wd-label, .wd-value, .wd-inline-label, .wd-inline-value, .wd-rolling-title, .wd-stats) {
        color: #294a63 !important;
        -webkit-text-fill-color: #294a63 !important;
        text-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .payment_method > .row > .l1,
    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .content-sub-title {
        border-color: #9fc1d8 !important;
        color: #0d4d7c !important;
        -webkit-text-fill-color: #0d4d7c !important;
        background: #eaf5fb !important;
        text-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(.amount_button, .reset_button, .all_amount_button, .deposit-method-tabs button, .withdraw-method-tabs button) {
        border-color: #b7cddd !important;
        color: #244c6b !important;
        -webkit-text-fill-color: #244c6b !important;
        background: #f8fbfd !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) :is(#deposit_proc, #withdraw_proc, .finance-action-button) {
        border-color: #0873b8 !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background: linear-gradient(#159bd5, #086fb4) !important;
        box-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > .w_withdraw .wd-progress-track {
        border-color: #b9cbd8 !important;
        background: #dfeaf1 !important;
    }

    html body.gundam-skin #ajax-content.contents > .w_withdraw .wd-progress-fill {
        background: linear-gradient(90deg, #159bd5, #08a982) !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .list_history :is(th, td) {
        border-color: #c8d8e3 !important;
        color: #294a63 !important;
        -webkit-text-fill-color: #294a63 !important;
        background: #fff !important;
        text-shadow: none !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.w_deposit, .w_withdraw) .list_history th {
        color: #0d4d7c !important;
        -webkit-text-fill-color: #0d4d7c !important;
        background: #eaf5fb !important;
    }
}
