/* 고객센터를 자유게시판의 밝은 연방 프레임과 동일한 언어로 정리한다. */
@media (min-width: 1200px) {
    html:has(.w_customer) body.gundam-skin .w_customer #write-panel { scroll-margin-top: 146px !important; }
    html:has(.w_customer) body.gundam-skin #ajax-content.contents > .page.w_customer {
        width: calc(100% + 14px) !important;
        max-width: none !important;
        min-height: 948px !important;
        margin: -5px 0 0 -7px !important;
        padding: 0 0 28px !important;
        color: #173a55 !important;
        background: linear-gradient(90deg, rgb(195 205 215 / 35%) 1px, transparent 1px) 0 0 / 72px 100%, #f5f7f9 !important;
        box-sizing: border-box !important;
    }

    html:has(.w_customer) body.gundam-skin #ajax-content.contents > .page.w_customer > :is(.list_history, #write-panel, .dflexR, .bbs_move_icon) {
        width: calc(100% - 60px) !important;
        max-width: none !important;
        margin-right: 30px !important;
        margin-left: 30px !important;
        box-sizing: border-box !important;
    }

    html:has(.w_customer) body.gundam-skin #ajax-content.contents > .page.w_customer > .list_history:first-of-type {
        margin-top: 20px !important;
    }

    html:has(.w_customer) body.gundam-skin .w_customer .customerdetail {
        overflow: hidden !important;
        width: 100% !important;
        table-layout: fixed !important;
        border: 1px solid #b9cbd8 !important;
        border-radius: 0 !important;
        color: #294a63 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    html:has(.w_customer) body.gundam-skin .w_customer .customerdetail :is(th, td) { box-sizing: border-box !important; }
    html:has(.w_customer) body.gundam-skin .w_customer .customerdetail :is(th, td):nth-child(1) { width: 170px !important; }
    html:has(.w_customer) body.gundam-skin .w_customer .customerdetail :is(th, td):nth-child(2) { width: auto !important; }
    html:has(.w_customer) body.gundam-skin .w_customer .customerdetail :is(th, td):nth-child(3) { width: 120px !important; }
    html:has(.w_customer) body.gundam-skin .w_customer .customerdetail :is(th, td):nth-child(4) { width: 110px !important; }
    html:has(.w_customer) body.gundam-skin .w_customer .customerdetail :is(th, td):nth-child(5) { width: 90px !important; }

    html:has(.w_customer) body.gundam-skin .w_customer .customerdetail th {
        height: 46px !important;
        border-color: #c5d5e0 !important;
        color: #0d4d7c !important;
        -webkit-text-fill-color: #0d4d7c !important;
        background: #edf5f9 !important;
        font-family: ChosunGu, "Malgun Gothic", sans-serif !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        text-shadow: none !important;
    }

    html:has(.w_customer) body.gundam-skin .w_customer .customerdetail td,
    html:has(.w_customer) body.gundam-skin .w_customer #customer_list > tr:not([class]):nth-child(odd) > td {
        height: 48px !important;
        border-color: #d5e0e7 !important;
        color: #294a63 !important;
        -webkit-text-fill-color: #294a63 !important;
        background: #fff !important;
        font-size: 13px !important;
        text-shadow: none !important;
    }

    html:has(.w_customer) body.gundam-skin .w_customer #customer_list > tr:not([class]):hover > td { background: #eef8fd !important; }
    html:has(.w_customer) body.gundam-skin .w_customer #customer_list .wr_content { color: #173f5e !important; -webkit-text-fill-color: #173f5e !important; }

    html:has(.w_customer) body.gundam-skin .w_customer #write-panel .boardinput {
        padding: 18px !important;
        border: 1px solid #b9cbd8 !important;
        border-radius: 3px !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    html:has(.w_customer) body.gundam-skin .w_customer #write-panel .boardinput :is(input, textarea) {
        border: 1px solid #b7cddd !important;
        color: #173a55 !important;
        -webkit-text-fill-color: #173a55 !important;
        background: #fbfdfe !important;
        caret-color: #0873b8 !important;
    }
    html:has(.w_customer) body.gundam-skin .w_customer #write-panel .boardinput :is(input, textarea)::placeholder { color: #617b8f !important; opacity: 1 !important; }

    html:has(.w_customer) body.gundam-skin .w_customer :is(#write_panel_btn, #customer_account_btn, #write_btn, #customer_attach_bet_btn, #cancel_btn) {
        border: 1px solid #0873b8 !important;
        border-radius: 3px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        background: linear-gradient(#159bd5, #086fb4) !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    html:has(.w_customer) body.gundam-skin .w_customer :is(#write_panel_btn, #customer_account_btn, #write_btn, #customer_attach_bet_btn, #cancel_btn):hover { background: #075d96 !important; }

    html:has(.w_customer) body.gundam-skin .w_customer :is(.status-yes, .status-pending, .status-cancel-request) {
        min-width: 58px !important;
        border-radius: 3px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        box-shadow: none !important;
    }
    html:has(.w_customer) body.gundam-skin .w_customer .status-yes { border-color: #18845f !important; background: #18845f !important; }
    html:has(.w_customer) body.gundam-skin .w_customer .status-pending { border-color: #b87908 !important; background: #b87908 !important; }
    html:has(.w_customer) body.gundam-skin .w_customer .status-cancel-request { border-color: #697d8e !important; background: #697d8e !important; }

    html:not(#_gundamparity_) body.gundam-skin.gundam-skin #ajax-content.contents > .w_customer #customer_list .customer-delete-action {
        border: 1px solid #d94755 !important;
        border-radius: 3px !important;
        color: #d94755 !important;
        -webkit-text-fill-color: #d94755 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    html:has(.w_customer) body.gundam-skin .w_customer .customer-detail-card {
        border: 1px solid #b9cbd8 !important;
        border-left: 4px solid #0b88c8 !important;
        border-radius: 3px !important;
        color: #294a63 !important;
        background: #fff !important;
        box-shadow: none !important;
    }
    html:has(.w_customer) body.gundam-skin .w_customer .customer-detail-card--answer { border-left-color: #18845f !important; background: #f3faf7 !important; }
    html:has(.w_customer) body.gundam-skin .w_customer .customer-detail-title { color: #527087 !important; }
    html:has(.w_customer) body.gundam-skin .w_customer .customer-detail-body { color: #173f5e !important; -webkit-text-fill-color: #173f5e !important; }

    html:has(.w_customer) body.gundam-skin .w_customer .el-pagination :is(button, .number) { border-color: #b7cddd !important; color: #244c6b !important; background: #fff !important; }
    html:has(.w_customer) body.gundam-skin .w_customer .el-pagination .number.active { border-color: #0873b8 !important; color: #fff !important; background: #0873b8 !important; }

    /* 목록에서 펼쳐지는 문의·답변·첨부 행 */
    html:not(#_gundamparity_) body.gundam-skin.gundam-skin #ajax-content.contents > .w_customer #customer_list > :is(
        tr[class*="customer_content"],
        tr[class*="customer_reply"]
    ) > td {
        height: auto !important;
        padding: 12px 14px !important;
        border: 1px solid #b9cbd8 !important;
        border-top: 0 !important;
        color: #294a63 !important;
        -webkit-text-fill-color: #294a63 !important;
        background: #f8fbfd !important;
    }

    html:not(#_gundamparity_) body.gundam-skin.gundam-skin #ajax-content.contents > .w_customer #customer_list .customer-detail-card {
        width: 100% !important;
        margin: 0 !important;
        padding: 16px 18px !important;
        border-radius: 3px !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }
    html:not(#_gundamparity_) body.gundam-skin.gundam-skin #ajax-content.contents > .w_customer #customer_list .customer-detail-card--question {
        border: 1px solid #9fc1d8 !important;
        border-left: 4px solid #0b88c8 !important;
        background: #fff !important;
    }
    html:not(#_gundamparity_) body.gundam-skin.gundam-skin #ajax-content.contents > .w_customer #customer_list .customer-detail-card--answer {
        border: 1px solid #a9d2c1 !important;
        border-left: 4px solid #18845f !important;
        background: #f3faf7 !important;
    }
    html:not(#_gundamparity_) body.gundam-skin.gundam-skin #ajax-content.contents > .w_customer #customer_list .customer-detail-head { min-height: 28px !important; margin-bottom: 12px !important; }
    html:not(#_gundamparity_) body.gundam-skin.gundam-skin #ajax-content.contents > .w_customer #customer_list .customer-detail-badge {
        min-width: 48px !important;
        height: 25px !important;
        border-radius: 3px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        box-shadow: none !important;
    }
    html:not(#_gundamparity_) body.gundam-skin.gundam-skin #ajax-content.contents > .w_customer #customer_list .customer-detail-card--question .customer-detail-badge { border-color: #0873b8 !important; background: #0873b8 !important; }
    html:not(#_gundamparity_) body.gundam-skin.gundam-skin #ajax-content.contents > .w_customer #customer_list .customer-detail-card--answer .customer-detail-badge { border-color: #18845f !important; background: #18845f !important; }
    html:not(#_gundamparity_) body.gundam-skin.gundam-skin #ajax-content.contents > .w_customer #customer_list .customer-detail-card :is(.customer-detail-title, .customer-detail-body) {
        color: #173f5e !important;
        -webkit-text-fill-color: #173f5e !important;
        text-shadow: none !important;
    }
    html:not(#_gundamparity_) body.gundam-skin.gundam-skin #ajax-content.contents > .w_customer #customer_list .customer-detail-title { color: #527087 !important; -webkit-text-fill-color: #527087 !important; }
    html:not(#_gundamparity_) body.gundam-skin.gundam-skin #ajax-content.contents > .w_customer #customer_list .customer-reply-list { gap: 10px !important; }

    html:not(#_gundamparity_) body.gundam-skin.gundam-skin #ajax-content.contents > .w_customer #customer_list .customer_attach :is(.sports-list, .game_list, .mobile_game_list, .customer-attach-block) {
        width: 100% !important;
        max-width: none !important;
        border-color: #b9cbd8 !important;
        color: #294a63 !important;
        background: #fff !important;
        box-shadow: none !important;
    }
    html:not(#_gundamparity_) body.gundam-skin.gundam-skin #ajax-content.contents > .w_customer #customer_list .customer_attach :is(.betting_title, .betting_title1) > li {
        border-color: #c8d6df !important;
        color: #174b70 !important;
        -webkit-text-fill-color: #174b70 !important;
        background: #e8f1f6 !important;
    }
    html:not(#_gundamparity_) body.gundam-skin.gundam-skin #ajax-content.contents > .w_customer #customer_list .customer_attach :is(.betting_content, .betting_content1) > li {
        border-color: #d6e0e6 !important;
        color: #304f64 !important;
        -webkit-text-fill-color: #304f64 !important;
        background: #fff !important;
    }
}

/* 고객센터에서 연 첨부 팝업도 자유게시판과 동일한 밝은 스타일을 강제한다. */
html:has(.w_customer) body.gundam-skin .mybetmodal .modal-content { border: 1px solid #9fb5c5 !important; color: #294a63 !important; background: #f7fafc !important; box-shadow: 0 20px 50px rgb(0 18 34 / 34%) !important; }
html:has(.w_customer) body.gundam-skin .mybetmodal :is(.modal-header, .modal-footer) { border-color: #c6d4de !important; background: #e9f1f6 !important; }
html:has(.w_customer) body.gundam-skin .mybetmodal .modal-body { background: #f7fafc !important; }
html:has(.w_customer) body.gundam-skin .mybetmodal .modal-title { color: #153f5e !important; -webkit-text-fill-color: #153f5e !important; }
html:has(.w_customer) body.gundam-skin .mybetmodal :is(.cpmenu, .gametype-button) { border-color: #c5d4de !important; background: #eef4f7 !important; }
html:has(.w_customer) body.gundam-skin .mybetmodal :is(.cpmenu, .gametype-button) a { border-color: #b5c7d3 !important; color: #36576d !important; -webkit-text-fill-color: #36576d !important; background: #fff !important; box-shadow: none !important; }
html:has(.w_customer) body.gundam-skin .mybetmodal :is(.cpmenu, .gametype-button) a.on { border-color: #0873b8 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; background: #0873b8 !important; }
html:has(.w_customer) body.gundam-skin .mybetmodal .game_list { width: 100% !important; max-width: none !important; border-color: #b9c9d4 !important; background: #fff !important; box-shadow: none !important; }
html:not(#_gundamparity_) body.gundam-skin.gundam-skin:has(.w_customer) .mybetmodal .game_list :is(.betting_title, .betting_title1) li { border-color: #c8d6df !important; color: #174b70 !important; -webkit-text-fill-color: #174b70 !important; background: #e8f1f6 !important; }
html:not(#_gundamparity_) body.gundam-skin.gundam-skin:has(.w_customer) .mybetmodal .game_list :is(.betting_content, .betting_content1) li { border-color: #d6e0e6 !important; color: #304f64 !important; -webkit-text-fill-color: #304f64 !important; background: #fff !important; }
html:not(#_gundamparity_) body.gundam-skin.gundam-skin:has(.w_customer) .mybetmodal .game_list :is(.betting_content, .betting_content1):nth-of-type(even) li { background: #f5f8fa !important; }
html:not(#_gundamparity_) body.gundam-skin.gundam-skin:has(.w_customer) .mybetmodal .game_list :is(.betting_content, .betting_content1) .bet-badge { color: #fff !important; -webkit-text-fill-color: #fff !important; }
html:has(.w_customer) body.gundam-skin .mybetmodal .game_list .betting-footer { border-color: #c7d5de !important; color: #3e5d72 !important; background: #edf3f6 !important; }
html:has(.w_customer) body.gundam-skin .mybetmodal #deposi_wallet_btn { border-color: #0873b8 !important; color: #fff !important; background: linear-gradient(#159bd5, #086fb4) !important; box-shadow: none !important; }
html:has(.w_customer) body.gundam-skin .mybetmodal :is(.sports-list, .match-result, .game_list),
html:has(.w_customer) body.gundam-skin .mybetmodal .match-result > div,
html:has(.w_customer) body.gundam-skin .mybetmodal :is(.betting_title, .betting_content) { width: 100% !important; max-width: none !important; box-sizing: border-box !important; }
