@charset "utf-8";
/* ==========================================================================
   HUNTER 테마 - 검정 바탕 · 빨강 포인트 (portal 테마 위에 덮어쓰기)
   이 파일은 darkgen.py 가 만든다: 머리말(색 변수) + 자동 변환 규칙 + 손으로 쓴 마무리.
   원본 CSS(default·comu·board·theme·mz-skin)를 고친 뒤에는 다시 만들 것.
   ========================================================================== */
:root {
    color-scheme: dark;
    --pt-green: #e5383b;      /* portal 의 포인트 변수 이름 그대로, 값만 빨강 */
    --pt-green-d: #c4262a;
    --cm-bg: #0b0b0e;
    --cm-panel: #16161b;
    --cm-panel-2: #1c1c22;
    --cm-ink: #ededf2;
    --cm-ink-2: #c4c4cd;
    --cm-muted: #9a9aa6;
    --cm-faint: #6f6f7b;
    --cm-line: #2a2a31;
    --cm-line-2: #222229;
    --cm-navy: #070709;
    --cm-navy-2: #0f0f13;
    --cm-navy-3: #1a1a20;
    --cm-navy-ink: #c9c9d2;
    --cm-accent: #e5383b;
    --cm-accent-d: #c4262a;
    --cm-accent-bg: rgba(229, 56, 59, .14);
    --cm-danger: #ff4d4f;
    --cm-danger-d: #e5383b;
    --cm-danger-bg: rgba(255, 77, 79, .14);
    --cm-warn: #f5a524;
    --cm-warn-bg: rgba(245, 165, 36, .14);
    --cm-info: #5b9cff;
    --cm-info-bg: rgba(91, 156, 255, .14);
    --cm-gold: #e9b23a;
    --cm-gold-bg: rgba(233, 178, 58, .14);
    --cm-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    --cm-shadow-h: 0 6px 22px rgba(0, 0, 0, .6);
    --hu-dark: #121216;       /* 머리 메뉴 띠 */
    --hu-btn: #2c2c34;        /* 진한 단추(밝은 테마의 검정 단추 자리) */
    --hu-btn-h: #3a3a44;
}
html {background: var(--cm-bg); scrollbar-color: #2e2e36 #0b0b0e}
body {background: var(--cm-bg); color: var(--cm-ink-2)}
::selection {background: rgba(229, 56, 59, .4); color: #fff}

/* ---------- 자동 변환 : 원본 규칙과 같은 선택자로 밝은 색 -> 어두운 색, 초록 -> 빨강 (darkgen.py) ---------- */

/* from default.css */
body {background: #16161b}
a {color: #ededf2}
.placeholdersjs {color: #8e8e9a !important}
#top_btn {color: #ededf2; background: rgba(22, 22, 27, 0.5)}
.hd_pops {border: 1px solid #2c2c34; background: #16161b}
.copymove_currentbg {background: #1c1c22}
#captcha #captcha_key {border: 1px solid #2c2c34; background: #16161b}
#captcha.m_captcha #captcha_img {border: 1px solid #2c2c34}
#captcha.m_captcha #captcha_key {border: 1px solid #2c2c34; background: #1c1c22}
.btn_cke_sc {border: 1px solid #2c2c34; background: #16161b; color: #ededf2}
.cke_sc_def {border: 1px solid #2c2c34; background: #1c1c22}
.cke_sc_def dt, .cke_sc_def dd {border-bottom: 1px solid #2c2c34}
a.btn01 {border: 1px solid #2c2c34; background: #16161b; color: #ededf2}
button.btn01 {border: 1px solid #2c2c34; background: #16161b; color: #ededf2}
.btn_close {border: 1px solid #2c2c34; background: #16161b}
a.btn_b01,.btn_b01 {color: #8e8e9a}
.btn_b01:hover, .btn_b01:hover {color: #ededf2}
a.btn_b03, .btn_b03 {background: #16161b; border: 1px solid #2c2c34; color: #bebec8}
a.btn_b03:hover, .btn_b03:hover {background: #191f38}
a.btn_b04, .btn_b04 {background: #16161b; border: 1px solid #2c2c34; color: #bebec8}
a.btn_b04:hover, .btn_b04:hover {color: #ededf2; background: #16161b}
.tbl_wrap table {background: #16161b; border-top: 1px solid #2c2c34; border-bottom: 1px solid #2c2c34}
.tbl_head01 thead th {border-bottom: 1px solid #2c2c34}
.tbl_head01 tfoot th, .tbl_head01 tfoot td {border-top: 1px solid #2c2c34; border-bottom: 1px solid #2c2c34; background: #24242b}
.tbl_head01 tbody th {border-bottom: 1px solid #2c2c34}
.tbl_head01 td {color: #bebec8; border-top: 1px solid #26262d; border-bottom: 1px solid #26262d}
.tbl_head01 tbody tr:hover td {background: #16161b}
.tbl_head02 thead th {border-top: 1px solid #2c2c34; border-bottom: 1px solid #2c2c34; background: #24242b; color: #ededf2}
.tbl_head02 thead a {color: #ededf2}
.tbl_head02 tfoot th, .tbl_head02 tfoot td {border-top: 1px solid #2c2c34; border-bottom: 1px solid #2c2c34; background: #24242b}
.tbl_head02 tbody th {border-top: 1px solid #2c2c34; border-bottom: 1px solid #2c2c34; background: #16161b}
.tbl_head02 td {border-top: 1px solid #2c2c34; border-bottom: 1px solid #2c2c34; background: #16161b}
.tbl_frm01 th {border: 1px solid #2c2c34; background: #1c1c22}
.tbl_frm01 td {border-top: 1px solid #2c2c34; border-bottom: 1px solid #2c2c34}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border: 1px solid #2c2c34; background: #16161b; color: #ededf2; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.287)}
.frm_info.add_info {background: #16161b; border: 1px solid #2c2c34}
.btn_info_toggle {color: #7e8bd2}
.list_01 ul {border-top: 1px solid #2c2c34}
.list_01 li {border-bottom: 1px solid #2c2c34; background: #16161b}
.list_01 li:nth-child(odd) {background: #1c1c22}
.list_01 li:hover {background: #16161b}
.list_01 li.empty_li {color: #bebec8}
.empty_list {color: #bebec8}
.txt_active {color: #b9f35e}
.txt_done {color: #f6635a}
.txt_rdy {color: #badf71}
.new_win #win_title {background: #16161b; color: #ededf2; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.35)}
.new_win .win_ul li {background: #16161b; border: 1px solid #24456b}
.new_win .frm_info {color: #8e8e9a}
.new_win .win_total {background: #1c1c22}
#validation_check p {border: 1px solid #2c2c34; background: #16161b}
.sv_wrap .sv {box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.6)}
.sv_wrap .sv a {color: #8e8e9a}
.sv_member {color: #ededf2}
.pg_page, .pg_current {background: #1c1c22; border: 1px solid #26262d}
.pg_page {color: #8e8e9a}
.pg_page:hover {background-color: #16161b}
.pg_start {background: url('../img/btn_first.gif') no-repeat 50% 50% #1c1c22; border: 1px solid #26262d}
.pg_prev {background: url('../img/btn_prev.gif') no-repeat 50% 50% #1c1c22; border: 1px solid #26262d}
.pg_end {background: url('../img/btn_end.gif') no-repeat 50% 50% #1c1c22; border: 1px solid #26262d}
.pg_next {background: url('../img/btn_next.gif') no-repeat 50% 50% #1c1c22; border: 1px solid #26262d}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color: #16161b}
#device_change {border: 1px solid #26262d; background: #16161b; color: #ededf2}

/* from comu.css */
::selection {background: #d86468}
.cm-top {color: #8e8e9a; border-bottom: 1px solid rgba(38, 38, 45, 0.05)}
.cm-online {color: #8e8e9a}
.cm-dot {box-shadow: 0 0 0 3px rgba(229, 56, 59, 0.2)}
.cm-top-r li + li:before {background: rgba(255, 255, 255, 0.042)}
.cm-top-r a {color: #8e8e9a}
.cm-logo-badge {background: linear-gradient(140deg, #da565a, #c4262a); box-shadow: 0 6px 16px rgba(229, 56, 59, 0.35), inset 0 1px 0 rgba(44, 44, 52, 0.3)}
.cm-search {border: 1px solid rgba(38, 38, 45, 0.08)}
.cm-search input::placeholder {color: #8e8e9a}
.cm-qbtn-safe {box-shadow: 0 6px 16px rgba(229, 56, 59, 0.3)}
.cm-gnb {border-top: 1px solid rgba(38, 38, 45, 0.05)}
.cm-gnb-li:hover > .cm-gnb-a, .cm-gnb-li:focus-within > .cm-gnb-a {background: rgba(255, 255, 255, 0.014)}
.cm-gnb-sub ul {background: #16161b}
.cm-drawer-panel {background: #16161b}
.cm-drawer-close {background: rgba(255, 255, 255, 0.028)}
.cm-drawer-me .cm-pt {background: rgba(229, 56, 59, 0.18); color: #e3595d}
.cm-drawer-btns a {background: rgba(255, 255, 255, 0.028)}
.cm-gcard:hover {border-color: #d86468}
.cm-gcard-img {background: linear-gradient(135deg, #0f1d36, #1c3355 55%, #821317)}
.cm-gcard-ph {text-shadow: 0 6px 24px rgba(0, 0, 0, 0.6)}
.cm-copy {border: 1px dashed #2c2c34}
.cm-btn-line {background: #16161b}
.cm-btn-line:hover {border-color: #2c2c34}
.cm-ibtn {background: #16161b}
.cm-ibtn:hover {border-color: #2c2c34}
.cm-lt-img {color: #8e8e9a}
a.cm-chip:hover {background: #16243b; color: #6689ea}
a.cm-scam-row:hover {background: #16161b}
.cm-st.st-warn {color: #f79e5a}
.cm-st.st-check {color: #6689ea}
.cm-st.st-done {background: #1c2935}
.cm-st.st-none {background: #1c2935}
.cm-st.st-safe {box-shadow: inset 0 0 0 1px #d86468}
.cm-st.st-gold {color: #f8b759}
.cm-ecard-img {background: linear-gradient(135deg, #3b3216, #3b2a16)}
.cm-ol-input:focus {background: #16161b}
.cm-ol-adm {background: #3b3216; color: #e6b46b}
.cm-ol-links a:hover {background: #1c2736}
.cm-scamsch:focus-within {background: #16161b}
.cm-cs-links a:hover {background: #1c2736}
#cm_ft {color: #8e8e9a}
.cm-ft-top {border-bottom: 1px solid rgba(38, 38, 45, 0.07)}
.cm-ft-notice {color: #bebec8}
.cm-ft-copy {color: #bebec8}
#top_btn {box-shadow: 0 8px 22px rgba(0, 0, 0, 0.6)}
.pg_page {background: #16161b}
.pg_page:hover {border-color: #2c2c34}
.pg_start, .pg_prev, .pg_end, .pg_next {background-color: #16161b}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {box-shadow: 0 0 0 3px rgba(229, 56, 59, 0.15)}
@media (max-width: 860px) {.cm-burger {background: rgba(255, 255, 255, 0.021)}}
@media (max-width: 860px) {.cm-burger span {background: #1c2736}}
@media (max-width: 860px) {.cm-sch-toggle {background: rgba(255, 255, 255, 0.021)}}
@media (max-width: 860px) {.cm-search {box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6)}}
.cm-tile-img {background: linear-gradient(135deg, #0f1d36, #821317)}
.cm-ovl-cate {background: rgba(255, 255, 255, 0.07)}
.cm-kw-pill {box-shadow: 0 10px 22px rgba(0, 0, 0, 0.3)}

/* from board.css */
.cm-guide-strip {border: 1px solid #d86468; color: #f55c61}
.cm-guide-strip.is-danger {border-color: #6b2424; color: #e56c6c}
.cm-cate a {background: #16161b}
.cm-cate a:hover {border-color: #2c2c34}
.cm-bo-sch-on {background: #3b3216; color: #f09761}
.cm-dropdown {background: #16161b; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45)}
.chk_box input[type="checkbox"] + label span {border: 1.5px solid #2c2c34; background: #16161b}
.chk_box input[type="checkbox"]:focus-visible + label span {box-shadow: 0 0 0 3px rgba(229, 56, 59, 0.25)}
.cm-row:hover {background: #16161b}
.cm-row.is-notice {background: #16161b}
.cm-wz-item:hover {background: #16161b}
.cm-wz-item.is-notice {background: #16161b}
.cm-gal-item > .c-chk {background: rgba(22, 22, 27, 0.9)}
.cm-gal-img {background: linear-gradient(135deg, #3b3216, #3b2a16)}
.cm-gcards-list .cm-gcard > .c-chk {background: rgba(22, 22, 27, 0.9)}
.cm-st-row:hover {background: #16161b}
.cm-st-row.is-notice {background: #16161b}
.cm-st-row.is-current {background: #1c1c22}
.cm-sch-pop .bo_sch {background: #16161b; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6)}
.cm-sch-pop .bo_sch select {background: #16161b}
.cm-infocard-row {border-bottom: 1px dashed #31445d}
.cm-infocard dl > .cm-infocard-row:nth-last-child(2):nth-child(even) {border-bottom: 1px dashed #31445d}
.cm-view-scam .cm-infocard {background: #16161b; border-color: #6b2424}
.cm-view-guarantee .cm-infocard {background: #dc6065; border-color: #d86468}
#bo_v_con {color: #90a4c0}
.cm-vote .bo_v_good, .cm-vote .bo_v_nogood {background: #16161b}
.cm-share #bo_v_sns a {background: #16161b}
.cm-share #bo_v_sns a:hover {border-color: #2c2c34}
.cm-cmts .cmt_contents {color: #90a4c0}
.cm-cmts .bo_vc_act {background: #16161b; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4)}
.cm-cmt-w textarea:focus, .bo_vc_w textarea:focus {background: #16161b}
.cm-write-notice {border: 1px solid #6b5424; color: #fbb756}
.cm-write .frm_input {background: #16161b}
.cm-select {background: #16161b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2364748b' stroke-width='1.6' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center !important}
#autosave_pop {background: #16161b; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45)}
#autosave_pop .autosave_close {background: #16161b}
.cm-file {border: 1px dashed #2c2c34}
@media (max-width: 860px) {.cm-infocard dl > .cm-infocard-row:nth-last-child(2) {border-bottom: 1px dashed #31445d}}

/* from theme.css */
.pt-hd {background: #16161b}
.pt-util {color: #bebec8}
.pt-util-r a {color: #bebec8}
.pt-util-r a + a {border-left: 1px solid #2c2c34}
.pt-util-r a:hover {color: #ededf2}
.pt-sch {box-shadow: 0 2px 8px rgba(229, 56, 59, 0.12)}
.pt-quick a {color: #ededf2}
.pt-quick a.is-red .fa {background: #1c1c22}
.pt-quick a:hover {background: #1c1c22}
.pt-sub {background: #16161b; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35)}
.pt-sub a {color: #ededf2}
.pt-hd .cm-burger {background: #1c1c22 !important}
.pt-menu, .pt-visit {background: #16161b}
.pt-menu h2, .pt-visit h2 {background: #16161b}
.pt-menu-top {color: #ededf2}
.pt-menu-grp li a {color: #bebec8}
.pt-menu-grp li a:before {color: #8e8e9a}
.pt-menu-grp li a:hover {color: #ededf2}
.pt-csbox {background: linear-gradient(140deg, #e5383b, #00a3a3)}
.pt-visit dt {color: #bebec8}
.pt-main .cm-box-hd {background: #16161b}
.pt-tabmore {color: #bebec8}
.pt-ft {background: #16161b; color: #bebec8}
.pt-ft-links a {color: #ededf2}
.pt-ft-links a + a {border-left: 1px solid #2c2c34}
#top_btn {background: #16161b; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35)}
@media (max-width: 1024px) {.pt-gnb > .pt-in:after {background: linear-gradient(90deg, rgba(229, 56, 59, 0), var(--pt-green) 85%)}}
@media (max-width: 1024px) {.pt-gnb > .pt-in:before {background: linear-gradient(270deg, rgba(229, 56, 59, 0), var(--pt-green) 85%)}}

/* from mz-skin.css */
.mz-card {background: #16161b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.175)}
.mz-label .req {background: #3b1616}
.mz .mz-input {border: 1px solid #2c2c34; background: #16161b}
.mz select.mz-input {background: #16161b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23767680' stroke-width='1.6' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center}
.mz .mz-input:focus {box-shadow: 0 0 0 3px rgba(229, 56, 59, 0.14) !important}
.mz .mz-input[readonly] {background: var(--cm-panel-2, #16161b)}
.mz .mz-input::placeholder {color: #8e8e9a}
.mz-ico-input > .fa {color: #8e8e9a}
.mz-btn-line {background: #16161b; border-color: #2c2c34}
.mz-btn-line:hover {background: #1c1c22; border-color: #2c2c34}
.mz-btn-gline {background: #16161b}
.mz-ibtn {background: #16161b}
.mz-chip.is-red {background: #3b1616}
.mz-chip.is-blue {background: #16243b}
.mz-note {background: var(--cm-panel-2, #16161b)}
.mz-note.is-warn {background: #3b2f16; color: #ffc352}
.mz-note.is-warn > .fa {color: #ffc952}
.mz-tabs a.on {background: #16161b; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)}
.mz-pills a, .mz-pills li > a {background: #16161b}
.mz-auth {background: radial-gradient(1000px 500px at 10% -10%, #d86468 0%, transparent 60%), radial-gradient(800px 400px at 110% 110%, #16273b 0%, transparent 55%), #1c1c22}
.mz-auth-box {background: #16161b; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4)}
.mz-auth-brand {background: radial-gradient(420px 300px at 0% 0%, rgba(229, 56, 59, 0.28), transparent 70%), linear-gradient(160deg, #2a0d0f 0%, #160709 60%, #0d0405 100%)}
.mz-auth-brand:after {border: 46px solid rgba(229, 56, 59, 0.12)}
.mz-auth-copy small {color: #8e8e9a}
.mz-auth-copy em {color: #ff6b6e}
.mz-auth-points .fa {background: rgba(229, 56, 59, 0.18); color: #ff6b6e}
.mz-idchip {background: var(--cm-panel-2, #16161b)}
.mz-steps {background: #16161b}
.mz-steps li.on b {box-shadow: 0 0 0 4px rgba(229, 56, 59, 0.16)}
.mz-table thead th {background: var(--cm-panel-2, #16161b)}
.mz-term-ft {background: #16161b}
.mz-me-links a:hover {background: #16161b}
.mz-consent .js-open-consent {background: #16161b}
.mz-captcha #captcha_key {border: 1px solid #2c2c34}
.mz-captcha #captcha_mp3, .mz-captcha #captcha_reload {background-color: #16161b}
.mz-done-info {background: var(--cm-panel-2, #16161b)}
#consentDialog .cd-card {background: #16161b}
#consentDialog .cd-body {border-top: 1px solid #26262d; border-bottom: 1px solid #26262d; color: #ededf2}
#consentDialog .cd-agree {border: 1px solid #e5383b; background: #e5383b}
#consentDialog .cd-close {border: 1px solid #2c2c34; background: #16161b; color: #ededf2}
body.mz-pop-body {background: #1c1c22}
.mz-pop-hd {background: #16161b}
.mz-memos > li.is-new {background: #d86468}
.mz-memos .mz-dot {border: 2px solid #26262d}
.mz-point-sum {background: linear-gradient(135deg, #ef4146, #c4262a)}
.mz-points-sub {background: var(--cm-panel-2, #16161b)}
.mz-scrap-tit {background: var(--cm-panel-2, #16161b)}
.mz-seg input:checked + label {background: #16161b; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)}
.mz .sch_word {background: #3b3616}
.mz-newlist > li:hover {background: #16161b}
.mz-adminbar {background: #16161b}
.mz-online li {background: #16161b}
.mz-online .no {color: #8e8e9a}
.mz-faq-q:hover {background: #16161b}
.mz-faq-a .ct {background: var(--cm-panel-2, #16161b)}
.mz-qalist > li:hover {background: #16161b}
.mz-ans-wait .fa {color: #ffc952}
.mz-qw .wr_content textarea, .mz-qw textarea#qa_content {border: 1px solid #2c2c34}
.mz-qw .wr_content textarea:focus, .mz-qw textarea#qa_content:focus {box-shadow: 0 0 0 3px rgba(229, 56, 59, 0.14)}
.mz-file {border: 1px dashed #2c2c34; background: #16161b}
@media (max-width: 860px) {.mz-auth {background: #1c1c22}}

/* from style.css */
#poll {border: 1px solid #2c2c34; background: #1c1c22}
#poll header {border-bottom: 1px solid #2c2c34}
#poll header h2 {color: #ededf2}
#poll header .btn_result {border: 1px solid #2c2c34; background: #16161b}
.chk_box input[type="radio"] + label {color: #bebec8}
.chk_box input[type="radio"] + label span {background: #16161b; border: 1px solid #2c2c34}
#poll .poll_con p {color: #ededf2}
#poll_result .poll_all {background: #1c1c22}
#poll_result_list {border: 1px solid #24406b; background: #16161b}
#poll_result_list h2 {border-top: 1px solid #24406b; border-bottom: 1px solid #24406b; background: #16253b; color: #85a1cb}
#poll_result_list dt {color: #f6635b}
.poll_result_graph {background: #16161b; box-shadow: inset 0px 2px 8px #2c2c34}
.poll_numerical .poll_cnt {color: #8e8e9a}
#poll_result_cmt article {border-bottom: 1px solid #2c2c34}
#poll_result_cmt .poll_datetime {color: #bebec8}
#poll_other_q h3 {border-bottom: 1px solid #2c2c34}
#poll_other_q h3 span {background: #393b16; color: #ffb752}
#poll_result_wcmt {border: 1px solid #2c2c34}
.poll_guest input {border: 1px solid #2c2c34}
.poll_cmt_del a {color: #8e8e9a}
#poll_result_oth ul {border: 1px solid #2c2c34; background: #16161b}
#poll_result_oth ul li {border-top: 1px solid #2c2c34}
#poll_result_oth li span {color: #bebec8}

/* ---------- 손으로 쓴 마무리 ---------- */
/* 입력칸 글자·자동완성 */
input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], input[type=tel], input[type=url], textarea, select {color: var(--cm-ink)}
input::placeholder, textarea::placeholder {color: #6f6f7b !important}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0 1000px #1c1c22 inset !important; -webkit-text-fill-color: #ededf2 !important}
select option {background: #16161b; color: #ededf2}

/* 밝은 테마에서 ‘검정 단추’였던 것들 : 어두운 회색 단추 또는 빨강 */
.cm-btn-primary, .btn_submit {background: var(--cm-accent); color: #fff}
.cm-btn-primary:hover, .btn_submit:hover {background: var(--cm-accent-d); color: #fff}
.cm-badge-notice, .cm-rank-no.top, .mz-chip.is-dark {background: var(--hu-btn); color: #fff !important}
.pg_current {background: var(--cm-accent) !important; border-color: var(--cm-accent) !important; color: #fff}
.cm-cate #bo_cate_on {background: var(--cm-accent); border-color: var(--cm-accent); color: #fff}
.cm-sch-pop .sch_btn, #top_btn {background: var(--cm-accent); color: #fff}
.mz-btn {background: var(--hu-btn)}
.mz-btn:hover {background: var(--hu-btn-h)}
.mz-btn-g {background: var(--mz-g)}
.mz-btn-g:hover {background: var(--mz-gd)}
.mz-btn-line {background: transparent}
.mz-btn-line:hover {background: #1f1f26}
.mz-tabs a.on {background: #2a2a32; box-shadow: none}
.mz-seg input:checked + label {background: #2a2a32}

/* ‘안전’ 표시는 빨강 포인트와 섞이지 않게 초록 그대로 */
.cm-st.st-safe {background: rgba(16, 185, 129, .15); color: #34d399; box-shadow: inset 0 0 0 1px rgba(52, 211, 153, .35)}

/* 머리 : 검정 띠 + 빨강 밑줄, 현재 메뉴만 빨강 */
.pt-gnb {background: var(--hu-dark); border-top: 1px solid #222229; border-bottom: 2px solid var(--pt-green)}
.pt-gnb > .pt-in > ul > li > a {color: #e3e3ea}
.pt-gnb > .pt-in > ul > li:hover > a {background: #1f1f26}
.pt-gnb > .pt-in > ul > li.on > a {background: var(--pt-green); color: #fff}
.pt-sub {background: #16161b; border-color: #2a2a31; border-top-color: var(--pt-green)}
.pt-sub a {color: #d6d6de}
@media (max-width: 1024px) {
    .pt-gnb > .pt-in:after {background: linear-gradient(90deg, rgba(18, 18, 22, 0), var(--hu-dark) 85%)}
    .pt-gnb > .pt-in:before {background: linear-gradient(270deg, rgba(18, 18, 22, 0), var(--hu-dark) 85%)}
}
.pt-sch {box-shadow: 0 2px 14px rgba(229, 56, 59, .18)}
.pt-sch input {background: #101014; color: var(--cm-ink)}

/* 그림·로고 바탕이 흰색으로 남지 않게 */
.cm-kw-fig:before {background: linear-gradient(90deg, var(--kw-bg) 0%, transparent 38%)}
.mz-auth {background: radial-gradient(900px 500px at 10% -10%, rgba(229, 56, 59, .16) 0%, transparent 60%), radial-gradient(700px 400px at 110% 110%, rgba(229, 56, 59, .08) 0%, transparent 55%), #0b0b0e}
.mz-auth-box {box-shadow: 0 20px 60px rgba(0, 0, 0, .6), 0 0 0 1px #24242b}
.mz-auth-brand {background: radial-gradient(420px 300px at 0% 0%, rgba(229, 56, 59, .30), transparent 70%), linear-gradient(160deg, #1d0a0c 0%, #120607 60%, #0a0304 100%)}
.mz-auth-copy em, .mz-auth-points .fa {color: #ff6b6e}
.mz-auth-points .fa {background: rgba(229, 56, 59, .18)}
.mz-point-sum {background: linear-gradient(135deg, #ef4146, #b8232a)}
.mz-faq-q .q, .mz-steps li.on b {color: #fff}
#consentDialog .cd-card {background: #16161b}
#consentDialog .cd-agree {border-color: #e5383b; background: #e5383b}

/* 키워드 가이드 색 묶음 : 어두운 바탕에 맞는 옅은 색조 */
.cm-kw.kw-green {--kw: #e5383b; --kw-bg: #1c1012}
.cm-kw.kw-blue {--kw: #5b9cff; --kw-bg: #0f1522}
.cm-kw.kw-purple {--kw: #a78bfa; --kw-bg: #17122a}
.cm-kw.kw-red {--kw: #ff5a5f; --kw-bg: #221012}
.cm-kw.kw-amber {--kw: #f5a524; --kw-bg: #211a0c}
.cm-kw {--kw: #e5383b; --kw-bg: #1c1012}

/* 바탕은 판보다 한 단계 어둡게 (default.css 의 body 흰색 변환을 되돌림) */
body {background: var(--cm-bg)}

/* 고객센터 상자 : 초록→청록 그라데이션 대신 빨강 */
.pt-csbox {background: linear-gradient(140deg, #e5383b, #8f1519)}

/* 테두리만 빨강인 단추 : 글자를 밝은 빨강으로 */
.mz-btn-gline {background: transparent; border-color: #e5383b; color: #ff6b6e !important}
.mz-btn-gline:hover {background: rgba(229, 56, 59, .12)}
/* 모바일 전체메뉴 단추 */
.cm-burger {background: #1f1f26 !important}
.cm-burger span {background: #ededf2 !important}