.clear {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* ===== Pokemon Theme - Red / Cream ===== */
:root {
    --pk-red: #8b0000;
    --pk-red-dark: #6d0808;
    --pk-red-menu: #5c1010;
    --pk-red-hover: #a01515;
    --pk-cream: #f5ebe0;
    --pk-cream-bg: #f7efe3;
    --pk-cream-panel: #fff8ef;
    --pk-cream-header: #faf0e4;
    --pk-yellow: #ffd700;
    --pk-yellow-text: #1a1a1a;
    --pk-login: #333333;
    --pk-text: #6b1a1a;
    --pk-text-muted: #8b4545;
    --pk-border: #d4c4b0;
    --pk-border-dark: #b8956a;
    --pk-white: #ffffff;
}

@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

/* Scrollbar */
*::-webkit-scrollbar-thumb {
    background: var(--pk-red) !important;
}
*::-webkit-scrollbar-track {
    background: var(--pk-cream) !important;
}

/* Body & Root */
body {
    background: var(--pk-cream-bg) !important;
    color: var(--pk-text) !important;
}

#root {
    background: var(--pk-cream-bg) !important;
}

.gold-color {
    color: var(--pk-red) !important;
}

/* ===== Sidebar Layout ===== */
.layout {
    width: 300px !important;
    background: var(--pk-red) !important;
    border-right: solid 3px var(--pk-red-dark) !important;
    box-shadow: none !important;
}

.logo-div {
    margin-top: 10px !important;
}

.logo-div img {
    width: 85% !important;
    margin: 10px auto !important;
    display: block !important;
    transition: 0.2s;
}

.logo-div img:hover {
    filter: brightness(1.2);
}

.menugroup {
    margin: 10px auto !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
}

.main-menu {
    width: 259px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.leftTitle {
    color: var(--pk-white);
    font-size: 16px;
    font-weight: 600;
    width: 259px;
    margin: 30px auto 10px auto;
    padding-left: 20px;
}

.menu {
    margin: 0 0 5px 0 !important;
    line-height: 46px !important;
    height: 46px !important;
    background: linear-gradient(to bottom, var(--pk-red-menu), var(--pk-red-dark)) !important;
    border: 1px solid var(--pk-red-hover) !important;
    border-radius: 4px !important;
    padding-left: 31px !important;
}

.menu:hover {
    color: var(--pk-yellow) !important;
    filter: brightness(1.08);
}

.menu span {
    font-family: 'Paperlogy-8ExtraBold', 'Noto Sans KR', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--pk-white) !important;
    padding-left: 10px !important;
}

.menu:hover span {
    color: var(--pk-yellow) !important;
}

.menu-active .menu {
    filter: brightness(1.15);
    border-color: var(--pk-yellow) !important;
}

.menu-active .menu span {
    color: var(--pk-yellow) !important;
}

.leftbar-telegram {
    display: none;
}

.banner-btomm {
    text-align: center;
    margin-top: 30px;
    padding: 0 10px;
}

.banner-btomm a {
    display: block;
    margin: 5px auto;
}

.banner-btomm img {
    width: 90%;
    margin: 5px auto;
}

/* China desktop sidebar - always expanded with visible menu labels */
@media (min-width: 992px) {
    .layout.china-desktop-sidebar {
        width: 300px !important;
    }

    .layout.china-desktop-sidebar:hover {
        width: 300px !important;
    }

    .layout.china-desktop-sidebar .main-menu,
    .layout.china-desktop-sidebar:hover .main-menu {
        width: 259px !important;
        padding: 0 !important;
    }

    .layout.china-desktop-sidebar .menugroup,
    .layout.china-desktop-sidebar:hover .menugroup,
    .layout.china-desktop-sidebar .menus .menugroup:first-child,
    .layout.china-desktop-sidebar:hover .menus .menugroup:first-child {
        margin: 10px auto !important;
    }

    .layout.china-desktop-sidebar .menu-img,
    .layout.china-desktop-sidebar:hover .menu-img,
    .layout.china-desktop-sidebar .menu:hover .menu-img {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 25px !important;
        min-width: 25px !important;
        height: 25px !important;
        margin: 0 10px 0 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
    }

    .layout.china-desktop-sidebar .menu-img .main-image,
    .layout.china-desktop-sidebar:hover .menu-img .main-image,
    .layout.china-desktop-sidebar .menu:hover .menu-img .main-image {
        display: block !important;
        width: 100% !important;
        height: 22px !important;
        margin: 0 !important;
        object-fit: contain !important;
        transform: none !important;
        filter: none !important;
    }

    .layout.china-desktop-sidebar .menus a,
    .layout.china-desktop-sidebar .sideMunuclass {
        float: none !important;
        width: 100% !important;
        display: flex !important;
        border-bottom: none !important;
        line-height: normal !important;
    }

    .layout.china-desktop-sidebar .menu,
    .layout.china-desktop-sidebar:hover .menu,
    .layout.china-desktop-sidebar .menu:hover {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding-left: 15px !important;
        margin: 0 0 5px 0 !important;
    }

    .layout.china-desktop-sidebar .menu span,
    .layout.china-desktop-sidebar:hover .menu span,
    .layout.china-desktop-sidebar .menu:hover span {
        display: flex !important;
        padding-left: 0 !important;
        margin: 0 !important;
        flex: 1 !important;
    }

    .layout.china-desktop-sidebar .leftTitle {
        display: block !important;
    }

    .layout.china-desktop-sidebar .logo-div .normal-layout {
        display: block !important;
    }

    .layout.china-desktop-sidebar .logo-div .small-layout {
        display: none !important;
    }
}

/* ===== sub-topcont11 Top Bar (China) ===== */
@keyframes golden_effect_title {
    0% { background-position: 0rem; }
    100% { background-position: 50rem; }
}

.sub-topcont11 {
    position: relative;
    background: var(--pk-red);
    height: 50px;
    width: 100%;
    z-index: 999;
    flex-shrink: 0;
}

.noticeText {
    position: absolute;
    left: 10px;
    top: 0;
    width: 35%;
    overflow: hidden;
    height: 50px;
    z-index: 9;
    display: flex;
    align-items: center;
}

.noticeText i {
    font-size: 20px;
    flex-shrink: 0;
    color: var(--pk-yellow);
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: var(--pk-yellow);
    animation: none;
}

.notice-marquee {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    margin-left: 12px;
}

.notice-marquee-track {
    display: inline-flex;
    white-space: nowrap;
    animation: notice-scroll-left 25s linear infinite;
}

.notice-marquee-text {
    color: var(--pk-white) !important;
    -webkit-text-fill-color: var(--pk-white) !important;
    font-size: 15px;
    font-weight: bold;
    padding-right: 60px;
}

@keyframes notice-scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.user-info01 {
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.user-info01 a {
    color: #fff;
    text-decoration: none;
}

.user-info01 li {
    color: #fff;
    float: left;
    padding: 0 5px;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    list-style: none;
}

.user-info01 li i {
    color: var(--pk-yellow);
    margin-right: 3px;
}

.user-info01 li a:hover {
    color: var(--pk-yellow);
}

.user-info01 .mb_point,
.user-info01 .mb_mileage {
    color: var(--pk-yellow);
    font-weight: bold;
}

.level_icon img {
    vertical-align: middle;
    margin-top: -2px;
    width: 25px !important;
}

.topbtn-arr {
    position: absolute;
    right: 10px;
    top: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.topbtn-arr button,
.topbtn-arr a {
    border: none;
    color: var(--pk-white);
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    width: 150px;
    font-size: 13px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    background: var(--pk-login);
    border: 1px solid #555 !important;
    vertical-align: middle;
    margin-top: 7px;
    border-radius: 3px;
}

.topbtn-arr li:nth-child(2) a {
    background: var(--pk-yellow) !important;
    border: 1px solid var(--pk-yellow) !important;
    color: var(--pk-yellow-text) !important;
}

.topbtn-arr li:nth-child(3) a {
    background: var(--pk-red-dark) !important;
    border: 1px solid var(--pk-white) !important;
    color: var(--pk-white) !important;
}

.topbtn-arr a {
    background: var(--pk-yellow) !important;
    border: 1px solid var(--pk-yellow) !important;
    color: var(--pk-yellow-text) !important;
}

.topbtn-arr button:hover {
    filter: brightness(1.2);
}

.topbtn-arr a:hover {
    filter: brightness(1.08);
    color: var(--pk-yellow-text) !important;
}

.logouttopa {
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 80px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    color: var(--pk-yellow-text) !important;
    display: inline-block;
    background: var(--pk-yellow) !important;
    border: none !important;
    border-radius: 3px;
    padding: 0 10px;
    margin-top: 12px;
}

.logouttopa:hover {
    filter: brightness(1.2);
    color: #000 !important;
}

/* ===== Main Content Area ===== */
.main.App {
    display: flex;
    flex-direction: column;
}

.main {
    width: calc(100% - 300px) !important;
    margin-left: 300px !important;
    margin-top: 0 !important;
    height: auto !important;
    min-height: 100vh;
}

.sub_content_arr_bg {
    position: relative;
    width: 100%;
    flex: 1;
    background: var(--pk-cream-bg) !important;
}

.main.App {
    background: var(--pk-cream-bg) !important;
}

/* ===== Banner / Carousel ===== */
.carousel {
    width: 100%;
}

.carousel-inner .carousel-item img {
    width: 100%;
    display: block;
}

.carousel-indicators li {
    background-color: #e3b66b !important;
    border: solid 2px #fff !important;
    border-radius: 100px !important;
}

/* ===== China Main Page ===== */
.mcont-arr {
    margin: 0 auto;
    padding: 10px;
}

.midmenu-arr {
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template: repeat(1, 1fr) / repeat(5, 1fr);
    grid-gap: 10px;
    padding: 11px 0;
    list-style: none;
    padding-left: 0;
}

.midmenu-arr li a {
    display: block;
    background: #222;
    text-align: center;
    margin-bottom: 10px;
    transition: 0.2s;
}

.midmenu-arr li a:hover {
    filter: brightness(1.2);
}

.midmenu-arr li a img {
    width: 100%;
    display: block;
}

/* Main BBS boards */
.main_bbs {
    height: auto;
    margin-bottom: 24px;
    overflow: hidden;
}

.main_bbs .notice_area,
.main_bbs .event_area {
    background: var(--pk-cream-panel);
    float: left;
    width: 49%;
    border: 1px solid var(--pk-border);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}

.main_bbs .event_area {
    float: right;
}

.main_bbs_ttl {
    text-align: left;
    display: block;
    padding: 0 16px;
    margin-bottom: 0;
    font-size: 16px;
    height: 54px;
    line-height: 54px;
    background: var(--pk-cream-header);
    border-radius: 0;
    color: var(--pk-red);
    font-weight: bold;
    border-bottom: 1px solid var(--pk-border);
}

.main_bbs_ttl i {
    color: var(--pk-red);
    margin-right: 6px;
}

.main_bbs_sub {
    color: var(--pk-red);
    font-size: 12px;
}

.view_more {
    color: var(--pk-red);
    font-weight: bold;
    float: right;
    font-size: 12px;
    background: var(--pk-cream-panel);
    border: 1px solid var(--pk-red);
    border-radius: 4px;
    padding: 4px 12px;
    line-height: 1.4;
    margin-top: 14px;
}

.main_bbs_list {
    height: 250px;
    overflow-y: scroll;
    background: var(--pk-cream-panel);
}

.main_bbs_list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.main_bbs_list ul li a {
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid var(--pk-border);
    display: block;
    color: var(--pk-text);
    font-size: 14px;
    text-decoration: none;
}

.main_bbs_list ul li a:hover {
    background: var(--pk-cream-header);
}

.list_group li a {
    display: flex !important;
    align-items: center;
    min-width: 0;
    height: 44px;
    padding: 0 10px;
    color: var(--pk-text);
    text-decoration: none;
}

.list_group li a span {
    padding: 0 6px;
    font-size: 16px;
}

.list_group li a span:nth-child(2) {
    text-align: right;
    width: 30%;
}

.list_group li a span:nth-child(3) {
    text-align: right;
    width: 100%;
}

.td_money {
    flex-grow: 1;
    color: var(--pk-red);
}

.toprank_board2 .td_money {
    color: #0066aa;
}

.main_bbs_list .list_group li a {
    color: var(--pk-text);
    font-size: 14px;
}

.main_bbs_list .list_group .td_name {
    width: 25%;
    text-align: left;
    color: var(--pk-text);
}

.main_bbs_list .list_group .td_date {
    width: 30%;
    text-align: right;
    color: var(--pk-text-muted);
    font-size: 13px;
}

.exchange-ticker-viewport {
    height: 250px;
    overflow: hidden;
}

.exchange-ticker-viewport .vertical-ticker-ar {
    margin: 0;
    padding: 0;
    list-style: none;
}

.exchange-ticker-viewport .vertical-ticker-ar li a {
    height: 50px;
    line-height: 50px;
}

/* Bottom banners */
.banner-btom {
    overflow: hidden;
    margin-top: 10px;
}

.banner-btom a {
    width: 24%;
    margin: 0.5%;
    display: block;
    float: left;
}

.banner-btom img {
    width: 100%;
    display: block;
}

/* Legacy board styles override */
.main_board_box .board {
    background: var(--pk-cream-panel);
}

.main_board_box .board_title {
    background: var(--pk-cream-header) !important;
    color: var(--pk-red) !important;
    border-radius: 5px;
    border: 1px solid var(--pk-border);
}

.main_board_box .board_title span {
    color: var(--pk-red) !important;
}

.main_board_box .board_box {
    background: var(--pk-cream-panel);
    border: 1px solid var(--pk-border);
}

.main_board_box .board_box table td {
    color: var(--pk-text) !important;
    background: transparent !important;
    border-bottom: 1px solid var(--pk-border);
    height: 50px;
}

/* ===== Detail Pages - Buttons & Forms ===== */
input, select, textarea {
    border: 1px solid var(--pk-border) !important;
    background: var(--pk-cream-panel) !important;
    color: var(--pk-text) !important;
}

input:focus, select:focus, textarea:focus {
    outline: none !important;
    border: solid 1px var(--pk-red) !important;
}

input::placeholder, textarea::placeholder {
    color: var(--pk-text-muted) !important;
}

/* Primary buttons */
button:not(.topbtn-arr button):not(.btn_tab), .btn, .popup-btn, .cash_bottom_btn button,
.wallet_form button, .list_bottom_btn_left button,
.list_bottom_btn_right button, .board_bottom_btn button,
.board_wirte_bottom button {
    background: var(--pk-red) !important;
    color: var(--pk-white) !important;
    border: 1px solid var(--pk-red-dark) !important;
    border-radius: 5px !important;
    font-weight: bold !important;
    cursor: pointer;
    transition: 0.2s;
}

button:not(.topbtn-arr button):not(.btn_tab):hover, .btn:hover, .popup-btn:hover {
    filter: brightness(1.1) !important;
    background: var(--pk-red-hover) !important;
}

.topbtn-arr button {
    background: var(--pk-login) !important;
    border: 1px solid #555 !important;
    color: var(--pk-white) !important;
    border-radius: 3px !important;
}

.topbtn-arr li:nth-child(2) a,
.topbtn-arr a.signup-btn {
    background: var(--pk-yellow) !important;
    color: var(--pk-yellow-text) !important;
    border: 1px solid var(--pk-yellow) !important;
}

.topbtn-arr li:nth-child(3) a,
.topbtn-arr a.anonymous-btn {
    background: var(--pk-red-dark) !important;
    color: var(--pk-white) !important;
    border: 1px solid var(--pk-white) !important;
}

.logouttopa {
    background: var(--pk-yellow) !important;
    color: var(--pk-yellow-text) !important;
    border: none !important;
}

.btnCancel, .btnDelete {
    background: #DC0003 !important;
    color: #fff !important;
}

/* Menu history tabs */
.menu_history > li button {
    background: var(--pk-cream-header) !important;
    color: var(--pk-text) !important;
    border: solid 1px var(--pk-border) !important;
}

.menu_history > li button:hover,
.menu_history > li button.active {
    background: var(--pk-red) !important;
    color: var(--pk-white) !important;
    border: solid 1px var(--pk-red-dark) !important;
}

/* Tables */
table {
    background-color: var(--pk-cream-panel) !important;
    border-color: var(--pk-border) !important;
}

th {
    background: var(--pk-cream-header) !important;
    color: var(--pk-red) !important;
    border-color: var(--pk-border) !important;
}

td {
    color: var(--pk-text) !important;
    border-color: var(--pk-border) !important;
}

.list_title1, .list1 {
    background: var(--pk-cream-header) !important;
    color: var(--pk-red) !important;
    border-color: var(--pk-border) !important;
}

.content-back-color {
    background: var(--pk-cream-panel) !important;
}

.title_box .title,
.title_wrap .title,
.page_title,
.sub_title,
.mini_in_title {
    color: var(--pk-red) !important;
}

.contents_wrap,
.con_box00,
.content_wrap,
.more_wrap,
.deposit_wrap {
    background: transparent !important;
}

/* Pagination */
.tf_pagination ul li a,
.paging_list a,
.pagination a {
    background: var(--pk-cream-header) !important;
    color: var(--pk-text) !important;
    border: 1px solid var(--pk-border) !important;
}

.tf_pagination ul li a:hover,
.tf_pagination .active,
.paging_list a:hover,
.paging_list .active {
    background: var(--pk-red) !important;
    color: var(--pk-white) !important;
}

/* Page titles */
h2, .page-title, .board_title, .cash_notice_zone .title {
    color: var(--pk-red) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: var(--pk-red) !important;
}

/* Account page containers */
.sub_content_arr, .account-content, .more-content,
.wallet_form, .cash_notice_zone {
    background: var(--pk-cream-panel) !important;
    border: solid 1px var(--pk-border) !important;
}

.cash_notice_zone {
    background: var(--pk-cream-panel) !important;
    border: solid 1px var(--pk-border) !important;
}

.cash_notice_zone .title {
    background: var(--pk-cream-header) !important;
    color: var(--pk-red) !important;
    -webkit-text-fill-color: var(--pk-red) !important;
}

.cash_zone_table, .bank-time-table, .member-info-table001 {
    background: var(--pk-cream-panel) !important;
    border-color: var(--pk-border) !important;
}

.cash_zone_table th, .bank-time-table th {
    background: var(--pk-cream-header) !important;
    color: var(--pk-red) !important;
}

/* Sports betting buttons */
.napamactive, .Selected, .Selected2 {
    background: var(--pk-red) !important;
    color: var(--pk-white) !important;
    border: solid 1px var(--pk-red-dark) !important;
}

.noSelected {
    background: var(--pk-cream-header) !important;
    color: var(--pk-text) !important;
    border: solid 1px var(--pk-border) !important;
}

.result_menu li a {
    background: var(--pk-red) !important;
    color: var(--pk-white) !important;
    border-radius: 5px !important;
}

/* Footer */
#footer {
    position: relative;
    height: auto !important;
    display: block;
    width: 100%;
    padding: 30px 0 40px;
    background: var(--pk-red);
    border-top: 1px solid var(--pk-red-dark);
    box-sizing: border-box;
}

#footer > .centerbox {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
}

#footer > .centerbox > .logo_img {
    cursor: pointer;
    margin-top: -20px;
    margin-bottom: 40px;
    width: 200px;
}

#footer .centerbox img {
    margin: 10px;
}

.service_txt {
    color: #fff;
    display: block;
    text-align: center;
}

.service_txt p {
    color: #f0d0d0;
    font-size: 13px;
    line-height: 1.6;
    margin: 5px 0;
}

.copyright_txt {
    color: #fff;
    display: block;
    text-align: center;
    margin-top: 15px;
}

.copyright_txt p {
    color: #f0d0d0;
    line-height: 40px;
    margin: 0;
    font-size: 13px;
}

/* Mobile header */
.header_wrap .top {
    background: var(--pk-red) !important;
    border-bottom: 2px solid var(--pk-red-dark) !important;
}

.header_wrap .m_utill a {
    color: var(--pk-yellow) !important;
}

.main-center-title {
    color: var(--pk-red) !important;
}

[style*="rgb(255, 201, 87)"],
[style*="#a80009"] {
    color: var(--pk-red) !important;
}

.dialog .popup_color {
    background: var(--pk-cream-panel) !important;
    border: solid 1px var(--pk-red) !important;
    color: var(--pk-text) !important;
}

.dialog .popup-btn {
    min-width: 80px;
    padding: 8px 20px;
    margin: 0 5px;
}

/* Legacy gold (#ffce8d) overrides from base stylesheets */
.bet_choose_btn.active,
.bet_choose_btn:hover,
.sports_tab_on,
.tab_on,
.m_sports_tab_on,
.btn_submit,
.btn_confirm,
.btn_type_1,
.btn_type_2,
.login_btn1,
.join_btn,
.btn_primary:not(.modal.china-modal .btn_primary),
.btn-primary {
    background: var(--pk-red) !important;
    color: var(--pk-white) !important;
    border-color: var(--pk-red-dark) !important;
}

.noSelected,
.sports_tab,
.tab_off {
    background: var(--pk-cream-header) !important;
    color: var(--pk-text) !important;
    border-color: var(--pk-border) !important;
}

.sub_content_arr,
.more-content,
.account-content,
.board_wrap,
.board_list_wrap,
.notice_wrap,
.event_wrap {
    background: var(--pk-cream-bg) !important;
    color: var(--pk-text) !important;
}

.board_list table tr:hover td,
.list1:hover {
    background: var(--pk-cream-header) !important;
}

/* ===== Page title (.title) - red on cream background ===== */
.title,
.title_box .title,
.title_wrap .title {
    color: var(--pk-red) !important;
}

.title span,
.title_box .title span,
.title_wrap .title span {
    color: var(--pk-text-muted) !important;
}

.title_line {
    background-color: var(--pk-border) !important;
}

.title_line::before {
    background-color: var(--pk-red) !important;
}

/* ===== Content pages - dark text on cream background ===== */
.contents_wrap,
.contents_box,
.contents_wrap [class*="con_box"],
.sub_content_arr_bg .contents_wrap,
.more_wrap,
.sub_content_arr {
    color: var(--pk-text) !important;
}

.contents_wrap .list1,
.contents_wrap .list2,
.contents_wrap .list3,
.contents_wrap .list_notice1,
.contents_wrap .list_notice2,
.contents_wrap .write_title,
.contents_wrap .write_basic,
.contents_wrap .view1,
.contents_wrap .font01,
.contents_wrap .info2,
.contents_wrap .info3,
.contents_wrap .font03,
.contents_wrap label,
.contents_wrap td,
.contents_wrap .padding-40,
.more_wrap .list1,
.more_wrap .list2,
.more_wrap .write_title,
.more_wrap .write_basic,
.sub_content_arr .list1,
.sub_content_arr .list2 {
    color: var(--pk-text) !important;
    border-bottom-color: var(--pk-border) !important;
}

.contents_wrap .list1,
.contents_wrap .list2,
.contents_wrap .list3,
.contents_wrap .list_notice1,
.contents_wrap .list_notice2,
.contents_wrap .write_title,
.contents_wrap .write_basic {
    border-bottom-color: var(--pk-border) !important;
}

.contents_wrap .list_title1,
.contents_wrap .list_title1 td,
.more_wrap .list_title1,
.sub_content_arr .list_title1 {
    background: var(--pk-cream-header) !important;
    color: var(--pk-red) !important;
    border-color: var(--pk-border) !important;
}

.contents_wrap .list3,
.more_wrap .list3 {
    background: var(--pk-cream-panel) !important;
    color: var(--pk-text) !important;
}

.contents_wrap .info_wrap {
    border-color: var(--pk-border) !important;
}

.contents_wrap .info3 {
    color: var(--pk-text) !important;
}

.contents_wrap .font21,
.contents_wrap .font22,
.more_wrap .font21 {
    color: var(--pk-red) !important;
}

.contents_wrap .write_title_top,
.more_wrap .write_title_top {
    border-top-color: var(--pk-border) !important;
}

.contents_wrap .html-content-fit,
.contents_wrap .html-content-fit *:not(a):not([style*="color"]) {
    color: inherit;
}

/* ===== Pagination - visible on cream background ===== */
.pagenation_type_1 {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 20px 0 !important;
    clear: both;
    visibility: visible !important;
}

.pagenation_type_1 .num,
.pagenation_type_1 a,
.pagenation_type_1 .inactive,
.pagenation_type_1 .btn_first,
.pagenation_type_1 .btn_last,
.pagenation_type_1 .btn_next,
.pagenation_type_1 .btn_prev {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 8px;
    font-size: 14px !important;
    background: var(--pk-cream-header) !important;
    color: var(--pk-text) !important;
    border: 1px solid var(--pk-border) !important;
    border-radius: 6px !important;
    cursor: pointer;
}

.pagenation_type_1 .num.active,
.pagenation_type_1 a.active,
.pagenation_type_1 .num.active a {
    background: var(--pk-red) !important;
    color: var(--pk-white) !important;
    border-color: var(--pk-red-dark) !important;
}

.pagenation_type_1 .inactive:hover,
.pagenation_type_1 a:hover {
    background: var(--pk-red-hover) !important;
    color: var(--pk-white) !important;
    border-color: var(--pk-red-dark) !important;
}

.con_box00.over_list {
    float: none !important;
    overflow: visible !important;
}

/* ===== Sports pages - cream background + dark text ===== */
.main .main-container,
.main-container,
.sports-main {
    background: var(--pk-cream-bg) !important;
    background-image: none !important;
    color: var(--pk-text) !important;
}

.main-container .sports-left,
.main-container .markets,
.main-container .matchs,
.sports-main .sports-left,
.sports-main .markets,
.sports-main .matchs {
    background: var(--pk-cream-panel) !important;
    border-color: var(--pk-border) !important;
}

.main-container .left-sport,
.main-container .locations > .left-sport,
.sports-main .left-sport {
    background: var(--pk-cream-header) !important;
    color: var(--pk-text) !important;
    border: 1px solid var(--pk-border) !important;
}

.main-container .left-sport:hover,
.main-container .left-sport.active,
.main-container .locations > .left-sport:hover,
.main-container .locations > .left-sport.active,
.sports-main .left-sport:hover,
.sports-main .left-sport.active {
    background: var(--pk-red) !important;
    color: var(--pk-white) !important;
    border-color: var(--pk-red-dark) !important;
}

.main-container .swip-item,
.sports-main .swip-item {
    background: var(--pk-cream-header) !important;
    color: var(--pk-text) !important;
    border: 1px solid var(--pk-border) !important;
}

.main-container .swip-item:hover,
.main-container .swip-item.active,
.sports-main .swip-item:hover,
.sports-main .swip-item.active {
    background: var(--pk-red) !important;
    color: var(--pk-white) !important;
    border-color: var(--pk-red-dark) !important;
}

.main-container .match-team,
.main-container .match-draw,
.main-container .match-draw-none,
.main-container .bet-team,
.main-container .gameInfo-league,
.main-container .bonus-folder,
.main-container .bet_choose_btn,
.main-container .market-logo,
.main-container .bet_info_l_top,
.sports-main .match-team,
.sports-main .match-draw,
.sports-main .match-draw-none,
.sports-main .bet-team,
.sports-main .gameInfo-league,
.sports-main .bonus-folder,
.sports-main .bet_choose_btn {
    background: var(--pk-cream-panel) !important;
    color: var(--pk-text) !important;
    border: 1px solid var(--pk-border) !important;
}

.main-container .match-team-name,
.main-container .match-team-rate,
.main-container .team_name,
.main-container .bet_name,
.main-container .bet_team_name,
.main-container .bet_bet_name,
.main-container .market-name,
.main-container .market-name em,
.main-container .gameInfo .time,
.main-container .interior-time,
.main-container .interior-time div,
.main-container .game-time,
.main-container .bet_choose_btn,
.main-container .bonus-folder,
.main-container .bet_fav_btn,
.main-container .time,
.sports-main .match-team-name,
.sports-main .match-team-rate,
.sports-main .team_name,
.sports-main .bet_name,
.sports-main .market-name,
.sports-main .market-name em,
.sports-main .time {
    color: var(--pk-text) !important;
}

.main-container .match-league-name,
.sports-main .match-league-name {
    color: var(--pk-red) !important;
}

.main-container .match-team-rate strong s,
.sports-main .match-team-rate strong s,
.main-container .bet_bet_odd,
.sports-main .bet_bet_odd {
    color: var(--pk-red) !important;
}

.main-container .gameInfo .count,
.sports-main .gameInfo .count {
    background: var(--pk-cream-header) !important;
    color: var(--pk-red) !important;
    border: 1px solid var(--pk-border) !important;
}

.main-container .go-back,
.sports-main .go-back {
    background: var(--pk-cream-header) !important;
    color: var(--pk-red) !important;
    border: 1px solid var(--pk-border) !important;
    text-shadow: none !important;
}

.main-container .main-linear-background,
.sports-main .main-linear-background {
    background: var(--pk-cream-header) !important;
}

.main-container .match-team.active,
.main-container .match-draw.active,
.main-container .bet-team.active,
.main-container .bet_choose_btn.active,
.sports-main .match-team.active,
.sports-main .match-draw.active,
.sports-main .bet-team.active,
.sports-main .bet_choose_btn.active {
    background: var(--pk-red) !important;
    border-color: var(--pk-red-dark) !important;
}

.main-container .match-team.active .match-team-name,
.main-container .match-team.active .match-team-rate,
.main-container .match-draw.active,
.main-container .match-draw.active.active-color,
.main-container .match-draw.active .gamelists,
.main-container .match-draw.active .match-team-name,
.main-container .match-draw.active .match-team-rate,
.main-container .bet-team.active .match-team-name,
.main-container .bet-team.active .match-team-rate,
.main-container .bet_choose_btn.active,
.sports-main .match-team.active .match-team-name,
.sports-main .match-team.active .match-team-rate,
.sports-main .match-draw.active,
.sports-main .match-draw.active.active-color,
.sports-main .match-draw.active .gamelists,
.sports-main .bet-team.active .match-team-name,
.sports-main .bet_choose_btn.active {
    color: var(--pk-white) !important;
    -webkit-text-fill-color: var(--pk-white) !important;
}

.main-container .match-team:hover,
.main-container .match-draw:hover,
.main-container .bet-team:hover,
.main-container .bet_choose_btn:hover,
.sports-main .match-team:hover,
.sports-main .match-draw:hover,
.sports-main .bet-team:hover,
.sports-main .bet_choose_btn:hover {
    background: var(--pk-red-hover) !important;
    border-color: var(--pk-red-dark) !important;
}

.main-container .match-team:hover .match-team-name,
.main-container .match-team:hover .match-team-rate,
.main-container .match-draw:hover,
.main-container .match-draw:hover.active-color,
.main-container .match-draw:hover .gamelists,
.main-container .bet-team:hover .match-team-name,
.main-container .bet-team:hover .match-team-rate,
.main-container .bet_choose_btn:hover,
.sports-main .match-team:hover .match-team-name,
.sports-main .match-team:hover .match-team-rate,
.sports-main .match-draw:hover,
.sports-main .match-draw:hover.active-color,
.sports-main .match-draw:hover .gamelists,
.sports-main .bet-team:hover .match-team-name,
.sports-main .bet_choose_btn:hover {
    color: var(--pk-white) !important;
    -webkit-text-fill-color: var(--pk-white) !important;
}

/* Sports pages - bolder fonts (국내형/해외형/라이브) */
.main-container .match-team-name,
.main-container .match-team-rate,
.main-container .match-team-rate strong,
.main-container .match-team-rate strong s,
.main-container .match-league-name,
.main-container .market-name,
.main-container .market-name em,
.main-container .team_name,
.main-container .bet_name,
.main-container .bet_team_name,
.main-container .bet_bet_name,
.main-container .bet_bet_odd,
.main-container .bet_odd,
.main-container .bet_choose_btn,
.main-container .left-sport,
.main-container .swip-item,
.main-container .gameInfo .time,
.main-container .interior-time,
.main-container .interior-time div,
.main-container .game-time,
.main-container .time,
.main-container .gameInfo .count,
.main-container .bonus-folder,
.main-container .bet_info_l_top,
.main-container .go-back,
.sports-main .match-team-name,
.sports-main .match-team-rate,
.sports-main .match-team-rate strong,
.sports-main .match-team-rate strong s,
.sports-main .match-league-name,
.sports-main .market-name,
.sports-main .market-name em,
.sports-main .team_name,
.sports-main .bet_name,
.sports-main .bet_team_name,
.sports-main .bet_bet_name,
.sports-main .bet_bet_odd,
.sports-main .bet_odd,
.sports-main .bet_choose_btn,
.sports-main .left-sport,
.sports-main .swip-item,
.sports-main .gameInfo .time,
.sports-main .time,
.sports-main .gameInfo .count,
.sports-main .bonus-folder,
.sports-main .go-back {
    font-weight: 600 !important;
}

.main-container .match-team-name,
.main-container .match-team-rate,
.main-container .match-team-rate strong s,
.main-container .match-league-name,
.main-container .bet_bet_odd,
.main-container .bet_odd,
.sports-main .match-team-name,
.sports-main .match-team-rate,
.sports-main .match-team-rate strong s,
.sports-main .match-league-name,
.sports-main .bet_bet_odd,
.sports-main .bet_odd {
    font-weight: 700 !important;
}

/* Sports bet cart - full cream theme */
.mini_box_right,
.sports-right {
    background: var(--pk-cream-bg) !important;
    color: var(--pk-text) !important;
}

.cart_wrap,
.cart_wrap .switch_zone,
.cart_wrap .cart_important_zone,
.cart_wrap .cart_box,
.cart_wrap .cart_bet_zone,
.cart_wrap .cart_tab_zone,
.cart_wrap .cart_tab_zone1,
.cart_wrap .cart_tab_list,
.cart_wrap .cart_bet,
.cart_wrap .cart_bet_title,
.cart_wrap .cart_bet_info,
.cart_wrap .cart_folder,
.cart_wrap .cart_folder_title,
.cart_wrap .cart_folder_info,
.cart_wrap .cart_folder2,
.cart_wrap .cart_folder2_box,
.cart_wrap .bat_cart,
.cart_wrap .con_box05 {
    background: var(--pk-cream-panel) !important;
    color: var(--pk-text) !important;
    border-color: var(--pk-border) !important;
}

.cart_wrap .cart_tab_zone li,
.cart_wrap .cart_tab_zone1 li {
    background: var(--pk-cream-header) !important;
    color: var(--pk-text) !important;
    border: 1px solid var(--pk-border) !important;
}

.cart_wrap .cart_tab_zone li.active,
.cart_wrap .cart_tab_zone1 li.active {
    background: var(--pk-red) !important;
    color: var(--pk-white) !important;
    border-color: var(--pk-red-dark) !important;
}

.cart_wrap .cart_tab_zone li span,
.cart_wrap .cart_tab_zone1 li span {
    color: var(--pk-red) !important;
}

.cart_wrap .cart_tab_zone li.active span,
.cart_wrap .cart_tab_zone1 li.active span {
    color: var(--pk-yellow) !important;
}

.cart_wrap .cart_title {
    color: var(--pk-red) !important;
}

.cart_wrap .delete_all {
    color: var(--pk-text) !important;
}

.cart_wrap .delete_all:hover {
    color: var(--pk-red) !important;
}

.cart_wrap .cart_bet_tip,
.cart_wrap .cart_bet_x,
.cart_wrap .bet_bet_name,
.cart_wrap .bet_team_name,
.cart_wrap .bet_bet_team,
.cart_wrap .cart_folder_l,
.cart_wrap .folder_style1,
.cart_wrap .folder_style2,
.cart_wrap .cart_folder2_info,
.cart_wrap .bat_cart b,
.cart_wrap .bat_cart em,
.cart_wrap .bat_cart div,
.cart_wrap .bat_cart div > span {
    color: var(--pk-text) !important;
}

.cart_wrap .bet_bet_odd,
.cart_wrap .cart_folder_r {
    color: var(--pk-red) !important;
}

.cart_wrap .font05,
.cart_wrap .font06 {
    color: var(--pk-red) !important;
}

.cart_wrap .cart_input {
    background-color: var(--pk-cream-header) !important;
    border: 1px solid var(--pk-border) !important;
    color: var(--pk-text) !important;
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    min-width: 80px;
    -webkit-text-fill-color: var(--pk-text) !important;
}

.cart_wrap .cart_btn1 {
    background-color: var(--pk-cream-header) !important;
    border: 1px solid var(--pk-red) !important;
    color: var(--pk-text) !important;
}

.cart_wrap .cart_btn1:hover {
    background-color: var(--pk-red) !important;
    color: var(--pk-white) !important;
}

.cart_wrap .cart_btn2 {
    background: var(--pk-red) !important;
    color: var(--pk-white) !important;
    border: 1px solid var(--pk-red-dark) !important;
}

.cart_wrap .cart_btn2:hover {
    background: var(--pk-red-hover) !important;
    color: var(--pk-white) !important;
}

.cart_wrap .switch {
    background: var(--pk-cream-header) !important;
    border: 1px solid var(--pk-border) !important;
}

.cart_wrap .switch.active {
    background: var(--pk-red) !important;
    border-color: var(--pk-red-dark) !important;
}

.cart_wrap .switch::before {
    background-color: var(--pk-white) !important;
}

.cart_wrap .cart_bet,
.cart_wrap .cart_folder {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
}

/* Fix float collapse: cart_folder_info content was clipped by overflow:hidden */
.cart_wrap .cart_folder {
    overflow: visible !important;
}

.cart_wrap .cart_folder_info,
.cart_wrap .folder_wrap {
    float: none !important;
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
    visibility: visible !important;
}

.cart_wrap .cart_folder_info::after,
.cart_wrap .folder_wrap::after {
    content: "";
    display: table;
    clear: both;
}

.cart_wrap .cart_folder_info .folder,
.cart_wrap .folder_wrap .folder {
    float: none !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
    min-height: 34px;
}

.cart_wrap .cart_folder_info .folder_style2 {
    flex: 1;
    min-width: 0;
    text-align: right;
}

.cart_wrap .cart_folder_info .folder_style2 span,
.cart_wrap .cart_folder_info #p_slip_prize,
.cart_wrap .cart_folder_info #p_slip_odds {
    color: var(--pk-red) !important;
    -webkit-text-fill-color: var(--pk-red) !important;
    visibility: visible !important;
}

.cart_wrap .cart_folder_info .con_box05 {
    float: none !important;
    display: block !important;
    width: 100% !important;
    clear: both;
}

.cart_wrap .cart_folder2 {
    border-top: 1px solid var(--pk-border) !important;
}

.cart_wrap .cart_bet_x:hover {
    color: var(--pk-red) !important;
}

.cart_wrap .cart_box::-webkit-scrollbar-thumb,
.cart_wrap .cart_bet_zone::-webkit-scrollbar-thumb {
    background: var(--pk-border) !important;
}

.cart_wrap .cart_box::-webkit-scrollbar-track,
.cart_wrap .cart_bet_zone::-webkit-scrollbar-track {
    background: var(--pk-cream) !important;
}

.cart_wrap table td {
    color: var(--pk-text) !important;
}

/* ===== My page (/setting) - cream theme ===== */
.setting,
.setting .member-wrap,
.setting .limit-wrap,
.setting .member-wrap-in,
.setting .member-form-in,
.setting .tab-single,
.setting .tab-double,
.setting .tab-triple {
    background: var(--pk-cream-panel) !important;
    color: var(--pk-text) !important;
}

.setting .member-wrap-in .title,
.setting .member-wrap-in .title .text,
.setting .limit-wrap .title .text {
    background: var(--pk-cream-header) !important;
    color: var(--pk-red) !important;
    -webkit-text-fill-color: var(--pk-red) !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
}

.setting .tab-single .text,
.setting .tab-double .text,
.setting .tab-triple .text,
.setting span.text {
    color: var(--pk-text) !important;
}

.setting .tab-single,
.setting .tab-double,
.setting .tab-triple,
.setting .member-wrap,
.setting .limit-wrap {
    border-color: var(--pk-border) !important;
}

.setting .tab-double > div > div,
.setting .tab-triple > div > div,
.setting .tab-triple > div > div:last-child > div > div {
    background: var(--pk-cream-header) !important;
    color: var(--pk-text) !important;
    border-color: var(--pk-border) !important;
}

.setting .member-wrap-in .member-form .member-form-in,
.setting .member-form-in.in-blue {
    background: var(--pk-cream-header) !important;
    color: var(--pk-text) !important;
    box-shadow: none !important;
    border: 1px solid var(--pk-border) !important;
}

.setting .member-form-amount {
    color: var(--pk-red) !important;
}

.setting .tab-single input,
.setting .input {
    color: var(--pk-text) !important;
    background: transparent !important;
}

.setting .tab-single button,
.setting .btn-wrap button {
    background: var(--pk-red) !important;
    color: var(--pk-white) !important;
    border: 1px solid var(--pk-red-dark) !important;
    box-shadow: none !important;
}

.setting .tab-single button {
    color: var(--pk-red) !important;
    background: transparent !important;
    border: none !important;
    border-left: 1px solid var(--pk-border) !important;
}

.setting .radio-container {
    color: var(--pk-text) !important;
}

.setting .checkmark {
    border-color: var(--pk-border) !important;
    background: var(--pk-cream-header) !important;
}

.setting .radio-container input:checked ~ .checkmark {
    background: var(--pk-red) !important;
    border-color: var(--pk-red-dark) !important;
}

/* Setting - override main.css [data-v] scoped dark styles */
.setting .member-form.column,
.setting .member-form[data-v-1d2f513a],
.setting .member-form {
    background: transparent !important;
}

.setting .member-wrap-in[data-v-1d2f513a],
.setting .member-wrap-in {
    background: var(--pk-cream-panel) !important;
    box-shadow: none !important;
}

.setting .member-wrap-in .title[data-v-1d2f513a],
.setting .member-wrap-in .title {
    background: var(--pk-cream-header) !important;
    color: var(--pk-red) !important;
    -webkit-text-fill-color: var(--pk-red) !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
}

.setting .tab-single > div[data-v-1d2f513a],
.setting .tab-single > div {
    background-color: var(--pk-cream-header) !important;
    color: var(--pk-text) !important;
    border: 1px solid var(--pk-border) !important;
}

.setting .tab-single span.text[data-v-1d2f513a],
.setting .tab-single .text[data-v-1d2f513a] {
    color: var(--pk-text) !important;
}

.setting .tab-single input[data-v-1d2f513a],
.setting .tab-single input.input,
.setting .tab-single select.input,
.setting .tab-single select.bankSelect,
.setting .bankSelect[data-v-51f9ee30],
.setting select.bankSelect {
    color: var(--pk-text) !important;
    background-color: var(--pk-cream-panel) !important;
}

.setting select.bankSelect option {
    background: var(--pk-cream-panel) !important;
    color: var(--pk-text) !important;
}

.setting .tab-single input[data-v-1d2f513a]::placeholder,
.setting .input::placeholder {
    color: var(--pk-text-muted) !important;
}

.setting .tab-single button[data-v-1d2f513a] {
    color: var(--pk-red) !important;
    background-color: transparent !important;
    border-left: 1px solid var(--pk-border) !important;
}

.setting .btn-wrap button[data-v-1d2f513a] {
    background-color: var(--pk-red) !important;
    color: var(--pk-white) !important;
    box-shadow: none !important;
}

.setting .tab-double > div > div[data-v-1d2f513a],
.setting .tab-triple > div > div[data-v-1d2f513a],
.setting .tab-triple > div > div:last-child > div > div[data-v-1d2f513a]:first-child,
.setting .tab-triple > div > div:last-child > div > div[data-v-1d2f513a]:last-child {
    background-color: var(--pk-cream-header) !important;
    color: var(--pk-text) !important;
    border-color: var(--pk-border) !important;
}

.setting .tab-double > div > div:first-child > span[data-v-1d2f513a],
.setting .tab-triple > div > div:first-child > span[data-v-1d2f513a],
.setting .tab-triple > div > div:last-child > div > div:first-child > span[data-v-1d2f513a] {
    color: var(--pk-text) !important;
    opacity: 1 !important;
}

.setting .member-wrap-in .member-form .member-form-in[data-v-1d2f513a],
.setting .member-wrap-in .member-form .in-blue[data-v-1d2f513a] {
    background-color: var(--pk-cream-header) !important;
    color: var(--pk-text) !important;
    border: 1px solid var(--pk-border) !important;
    box-shadow: none !important;
}

.setting .radio-group,
.setting .padding-0.row,
.setting .position-relative.row {
    background: transparent !important;
    color: var(--pk-text) !important;
}

/* ===== Manual page (/manual) - dark text on cream ===== */
.contents_wrap_manual,
.contents_box_manual {
    color: var(--pk-text) !important;
}

.contents_wrap_manual .tab {
    background: var(--pk-cream-header) !important;
    color: var(--pk-text) !important;
    border: 1px solid var(--pk-border) !important;
}

.contents_wrap_manual .tab:hover {
    background: var(--pk-red-hover) !important;
    color: var(--pk-white) !important;
    border-color: var(--pk-red-dark) !important;
}

.contents_wrap_manual .tabon {
    background: var(--pk-red) !important;
    color: var(--pk-white) !important;
    border: 1px solid var(--pk-red-dark) !important;
}

.contents_wrap_manual .rule_wrap {
    border-color: var(--pk-border) !important;
    background: var(--pk-cream-panel) !important;
}

.contents_wrap_manual .rule_box_title {
    background: var(--pk-cream-header) !important;
    color: var(--pk-red) !important;
    border-bottom: 1px solid var(--pk-border) !important;
}

.contents_wrap_manual .rule_info_wrap {
    border-bottom-color: var(--pk-border) !important;
    background: var(--pk-cream-panel) !important;
}

.contents_wrap_manual .rule_info1,
.contents_wrap_manual .rule_info2,
.contents_wrap_manual .rule_info3,
.contents_wrap_manual .rule_info3 div,
.contents_wrap_manual .rule_info3 dl,
.contents_wrap_manual .rule_info3 dt,
.contents_wrap_manual .rule_info3 dd,
.contents_wrap_manual .rule_info3 ul,
.contents_wrap_manual .rule_info3 li,
.contents_wrap_manual .rule_info3 p,
.contents_wrap_manual .rule_info3 span {
    color: var(--pk-text) !important;
}

.contents_wrap_manual .rule_info3 dt {
    color: var(--pk-red) !important;
    font-weight: 700;
}

.contents_wrap_manual .rule_box1 td {
    color: var(--pk-text) !important;
    border-bottom-color: var(--pk-border) !important;
}

.contents_wrap_manual .rule_box1 tr:first-child td {
    background: var(--pk-cream-header) !important;
    color: var(--pk-red) !important;
}

.contents_wrap_manual .rule_box1 tr:nth-child(n+2) td:first-child,
.contents_wrap_manual .rule_box1 tr:nth-child(n+2) td:last-child {
    background: var(--pk-cream-panel) !important;
}

@media screen and (max-width: 991px) {
    .main {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    .sub-topcont11 {
        display: none !important;
    }

    #footer {
        width: 100% !important;
    }

    .midmenu-arr {
        grid-template: repeat(2, 1fr) / repeat(3, 1fr);
    }

    .main_bbs .notice_area,
    .main_bbs .event_area {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    .banner-btom a {
        width: 48%;
    }
}