@charset "UTF-8"; /* ══════════════════════════════════════════════════════════ 나이트 모드 — 네온 사이안 () 레이아웃은 건드리지 않고 색·발광만 입힌다. ══════════════════════════════════════════════════════════ */ /* ── 토글 스위치 (라이트/다크 공통) ── */ .theme_toggle { display: inline-flex; align-items: center; padding: 0; border: 0; background: none; cursor: pointer; margin-right: 4px; } .theme_toggle .tt_track { position: relative; display: inline-flex; align-items: center; justify-content: space-between; width: 54px; height: 26px; padding: 0 6px; border-radius: 999px; background: #E7EDF2; border: 1px solid #DCE4EA; transition: background .22s ease, border-color .22s ease, box-shadow .22s ease; } .theme_toggle svg { width: 14px; height: 14px; position: relative; z-index: 1; } .theme_toggle .tt_sun { color: #E8A33D; } .theme_toggle .tt_moon { color: #8E9BA6; } .theme_toggle .tt_knob { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); transition: transform .22s cubic-bezier(.4,0,.2,1), background .22s, box-shadow .22s; } .theme_toggle:hover .tt_track { border-color: var(--primary); } @media (prefers-reduced-motion: reduce) { .theme_toggle .tt_track, .theme_toggle .tt_knob { transition: none; } } /* ══════════════════════════════════════════════════════════ */ [data-theme="dark"] { --d-bg: #06090B; /* 페이지 바탕 */ --d-surface: #0C1215; /* 카드 */ --d-surface2: #121A1E; /* 카드 안쪽 행 */ --d-line: rgba(12,239,211,.16); --d-line2: rgba(12,239,211,.30); --d-tx: #EAF6F4; --d-tx2: #A8BFBC; --d-tx3: #6F8A88; --d-neon: #0CEFD3; --d-neon-dim: #0BBFA9; --d-glow: 0 0 0 1px rgba(12,239,211,.14), 0 0 20px rgba(12,239,211,.07); --d-glow-on: 0 0 0 1px rgba(12,239,211,.42), 0 0 26px rgba(12,239,211,.16); } [data-theme="dark"] .theme_toggle .tt_track { background: #0E1A1D; border-color: rgba(12,239,211,.4); box-shadow: 0 0 14px rgba(12,239,211,.22); } [data-theme="dark"] .theme_toggle .tt_knob { transform: translateX(28px); background: var(--d-neon); box-shadow: 0 0 12px rgba(12,239,211,.85); } [data-theme="dark"] .theme_toggle .tt_sun { color: #4A5D5C; } [data-theme="dark"] .theme_toggle .tt_moon { color: #06090B; } /* ── 바탕 ── */ [data-theme="dark"] body { background: radial-gradient(900px 420px at 18% -8%, rgba(12,239,211,.07), transparent 62%), radial-gradient(760px 380px at 88% 4%, rgba(12,239,211,.05), transparent 60%), var(--d-bg); color: var(--d-tx); } /* ── 헤더 ── */ [data-theme="dark"] .vh_header_wrap { background: rgba(8,12,14,.94); border-bottom: 1px solid var(--d-line); box-shadow: 0 1px 0 rgba(12,239,211,.1), 0 8px 26px rgba(0,0,0,.6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } [data-theme="dark"] .header_login__widget { border-bottom: 1px solid rgba(12,239,211,.09); } [data-theme="dark"] .header_login__widget_log { color: var(--d-tx3); opacity: 1; } [data-theme="dark"] .header_login__widget_menu b { color: var(--d-tx2); } [data-theme="dark"] .header_login__widget_btns a { border-color: rgba(12,239,211,.26); color: var(--d-tx2); background: rgba(12,239,211,.05); } [data-theme="dark"] .header_login__widget_btns a:hover { color: #06090B; background: var(--d-neon); border-color: var(--d-neon); box-shadow: 0 0 14px rgba(12,239,211,.5); } [data-theme="dark"] .header_logo img { filter: brightness(1.08) drop-shadow(0 0 14px rgba(12,239,211,.3)); } [data-theme="dark"] .header_gnb > li > a { color: var(--d-tx); } [data-theme="dark"] .header_gnb > li > a:hover, [data-theme="dark"] .header_gnb > li.on > a { color: var(--d-neon); text-shadow: 0 0 14px rgba(12,239,211,.55); } [data-theme="dark"] .header_sub { background: #0A1114; border-color: var(--d-line2); box-shadow: 0 0 0 1px rgba(12,239,211,.1), 0 16px 36px rgba(0,0,0,.75); } [data-theme="dark"] .header_sub a { color: var(--d-tx2); } [data-theme="dark"] .header_sub a:hover { background: rgba(12,239,211,.1); color: var(--d-neon); } [data-theme="dark"] .header_sub a.on { background: var(--d-neon); color: #06090B; box-shadow: 0 0 16px rgba(12,239,211,.45); } [data-theme="dark"] .gnb_arw { opacity: .6; } /* 슬로건 */ [data-theme="dark"] .hb_slogan .hb_top { color: var(--d-tx3); } [data-theme="dark"] .hb_slogan .hb_btm { color: var(--d-tx); } [data-theme="dark"] .hb_slogan .hb_pt { color: var(--d-tx); -webkit-text-fill-color: var(--d-tx); } [data-theme="dark"] .hb_slogan .hb_btm em { filter: drop-shadow(0 0 10px rgba(12,239,211,.45)); } /* ══════ 공통 카드 ══════ */ [data-theme="dark"] .content_aside__user .user_panel, [data-theme="dark"] .content_aside__report, [data-theme="dark"] .content_aside__rank, [data-theme="dark"] .content_aside__guide, [data-theme="dark"] .notice_widget, [data-theme="dark"] .post_widget, [data-theme="dark"] .cate_widget, [data-theme="dark"] .search_widget__bar, [data-theme="dark"] .faq__details, [data-theme="dark"] .guide_doc__body, [data-theme="dark"] .umji-board, [data-theme="dark"] .umji-view, [data-theme="dark"] .wrap.mm-body #bo_list, [data-theme="dark"] .wrap.mm-body #bo_v, [data-theme="dark"] .wrap.mm-body #bo_w, [data-theme="dark"] .wrap.mm-body #bo_sch, [data-theme="dark"] .wrap.mm-body #bo_vc, [data-theme="dark"] .bo_vc { background: var(--d-surface); border-color: var(--d-line); box-shadow: var(--d-glow); } [data-theme="dark"] .post_widget:hover, [data-theme="dark"] .cate_widget li a:hover, [data-theme="dark"] .faq__details:hover { border-color: var(--d-line2); } /* 섹션 제목 */ [data-theme="dark"] .content_section__head_title h2, [data-theme="dark"] .post_widget__title, [data-theme="dark"] .notice__title, [data-theme="dark"] .umji-board .ub-name, [data-theme="dark"] .umji-view .uv-title, [data-theme="dark"] .guide_doc__title, [data-theme="dark"] .wrap.mm-body #bo_v_title { color: var(--d-tx); } [data-theme="dark"] .content_section__head_title h2 { text-shadow: 0 0 18px rgba(12,239,211,.18); } [data-theme="dark"] .content_section__head_title p, [data-theme="dark"] .content_section__head__more { color: var(--d-tx3); } [data-theme="dark"] .content_section__head__more:hover { color: var(--d-neon); } /* ── 사이드 ── */ [data-theme="dark"] .content_aside__head { border-bottom-color: var(--d-line); } [data-theme="dark"] .content_aside__head p { color: var(--d-tx); } [data-theme="dark"] .content_aside__head .primary { color: var(--d-neon); text-shadow: 0 0 12px rgba(12,239,211,.5); } [data-theme="dark"] .content_aside__body li { background: var(--d-surface2); border-color: rgba(12,239,211,.1); } [data-theme="dark"] .content_aside__body li p { color: var(--d-tx2); } [data-theme="dark"] .content_aside__body li span { color: var(--d-tx); font-weight: 700; } [data-theme="dark"] .content_aside__body ol li span { color: var(--d-neon); } [data-theme="dark"] .content_aside__body .btn { background: rgba(12,239,211,.08); border-color: var(--d-line2); color: var(--d-tx2); } [data-theme="dark"] .content_aside__body .btn:hover { color: var(--d-neon); } [data-theme="dark"] .content_aside__body .btn .primary { color: var(--d-neon); } [data-theme="dark"] .content_aside__guide ol li a { color: var(--d-tx2); } [data-theme="dark"] .content_aside__guide ol li a:hover { color: var(--d-neon); } /* 텔레그램 */ [data-theme="dark"] .content_aside__tg { background: rgba(34,158,217,.12); border: 1px solid rgba(34,158,217,.4); box-shadow: 0 0 22px rgba(34,158,217,.14); } [data-theme="dark"] .content_aside__tg:hover { background: rgba(34,158,217,.2); } [data-theme="dark"] .content_aside__tg .tg_ico { box-shadow: 0 0 16px rgba(34,158,217,.6); } [data-theme="dark"] .content_aside__tg .tg_txt em { color: #82B6D6; } [data-theme="dark"] .content_aside__tg .tg_txt b { color: #EAF6F4; } /* 로그인 폼 */ [data-theme="dark"] .user_login__field { background: var(--d-surface2); border-color: rgba(12,239,211,.2); } [data-theme="dark"] .user_login__field:focus-within { border-color: var(--d-neon); box-shadow: 0 0 0 3px rgba(12,239,211,.14); } [data-theme="dark"] .user_login__field input { background: transparent; color: var(--d-tx); } [data-theme="dark"] .user_login__field input::placeholder { color: var(--d-tx3); } [data-theme="dark"] .user_login__options, [data-theme="dark"] .user_login__options a { color: var(--d-tx3); } [data-theme="dark"] .user_login__signup { color: var(--d-neon); } /* 로그인 후 사이드 프로필 (퍼블리싱 원본 구조 : user_profile__points / user_menu) */ [data-theme="dark"] .user_profile__points { background: var(--d-surface2); } [data-theme="dark"] .user_profile__points dt { color: var(--d-neon); } [data-theme="dark"] .user_profile__points dd, [data-theme="dark"] .user_profile__name b { color: var(--d-tx); } [data-theme="dark"] .user_profile__name span, [data-theme="dark"] .user_profile__intro, [data-theme="dark"] .user_profile__level label { color: var(--d-tx3, #7E9A97); } [data-theme="dark"] .user_profile__avatar { background: var(--d-surface2); } [data-theme="dark"] .user_profile__edit { background: var(--d-surface2); border-color: var(--d-line); color: var(--d-tx2); } [data-theme="dark"] .user_profile__logout { background: transparent; border-color: var(--d-line); color: var(--d-tx2); } [data-theme="dark"] .user_profile__level progress { background: var(--d-surface2); } [data-theme="dark"] .user_profile__level progress::-webkit-progress-bar { background: var(--d-surface2); } [data-theme="dark"] .user_profile__level progress::-webkit-progress-value { background: var(--d-neon); } [data-theme="dark"] .user_profile__level > span { color: var(--d-neon); } [data-theme="dark"] .user_menu { border-top-color: var(--d-line); } [data-theme="dark"] .user_menu a { color: var(--d-tx2); } /* ── 네온 버튼 ── */ [data-theme="dark"] .btn_primary, [data-theme="dark"] .user_login .btn_primary, [data-theme="dark"] .umji-board .ub-write-btn, [data-theme="dark"] .search_widget__bar button, [data-theme="dark"] .wrap.mm-body .btn_b02, [data-theme="dark"] .wrap.mm-body .btn_submit, [data-theme="dark"] .wrap.mm-body input[type="submit"] { background: linear-gradient(135deg, #0CEFD3, #07C9B2); color: #04201C; border-color: transparent; box-shadow: 0 0 18px rgba(12,239,211,.4); } [data-theme="dark"] .btn_primary:hover, [data-theme="dark"] .umji-board .ub-write-btn:hover { box-shadow: 0 0 26px rgba(12,239,211,.65); } /* ── 검색 ── */ [data-theme="dark"] .search_widget__bar { border-color: var(--d-line2); } [data-theme="dark"] .search_widget__bar:focus-within { box-shadow: var(--d-glow-on); } [data-theme="dark"] .search_widget__bar input { background: transparent; color: var(--d-tx); } [data-theme="dark"] .search_widget__bar input::placeholder { color: var(--d-tx3); } [data-theme="dark"] .search_widget__filter p { color: var(--d-tx3); } [data-theme="dark"] .search_widget__filter li a { background: rgba(12,239,211,.06); border: 1px solid var(--d-line); color: var(--d-tx2); } [data-theme="dark"] .search_widget__filter li a:hover { color: var(--d-neon); border-color: var(--d-neon); box-shadow: 0 0 14px rgba(12,239,211,.25); } /* ── 위젯 목록 ── */ [data-theme="dark"] .post_widget__header { border-bottom-color: var(--d-line); } [data-theme="dark"] .post_widget__item { border-color: rgba(12,239,211,.09); } [data-theme="dark"] .post_widget__item:hover { background: rgba(12,239,211,.05); } [data-theme="dark"] .post_widget__text { color: var(--d-tx2); } [data-theme="dark"] .post_widget__link:hover .post_widget__text { color: var(--d-neon); } [data-theme="dark"] .post_widget__meta, [data-theme="dark"] .post_widget__today { color: var(--d-tx3); } [data-theme="dark"] .post_widget__badge { background: rgba(12,239,211,.12); color: var(--d-neon); border: 1px solid rgba(12,239,211,.28); } [data-theme="dark"] .post_widget_report .post_widget__badge { background: rgba(255,90,110,.12); color: #FF7E8E; border-color: rgba(255,90,110,.3); } [data-theme="dark"] .post_widget__more { color: var(--d-tx3); } [data-theme="dark"] .post_widget__more:hover { color: var(--d-neon); } [data-theme="dark"] .post_widget__live, [data-theme="dark"] .badge_primary { background: var(--d-neon); color: #04201C; box-shadow: 0 0 12px rgba(12,239,211,.5); } [data-theme="dark"] .post_widget__comments { color: var(--d-neon); } /* 공지 */ [data-theme="dark"] .notice_widget p, [data-theme="dark"] .notice_widget a { color: var(--d-tx2); } [data-theme="dark"] .notice_widget a:hover { color: var(--d-neon); } /* ── 카테고리 ── */ [data-theme="dark"] .cate_widget li a { background: var(--d-surface2); border: 1px solid var(--d-line); } [data-theme="dark"] .cate_widget li a:hover { border-color: var(--d-neon); box-shadow: 0 0 20px rgba(12,239,211,.2); transform: translateY(-2px); } [data-theme="dark"] .cate_widget li a strong, [data-theme="dark"] .cate_widget li a b { color: var(--d-tx); } [data-theme="dark"] .cate_widget li a span, [data-theme="dark"] .cate_widget li a small { color: var(--d-tx3); } [data-theme="dark"] .cate_icon { background: rgba(12,239,211,.07); } /* ── FAQ ── */ [data-theme="dark"] .faq__details[open] { background: #0E181B; border-color: var(--d-line2); box-shadow: var(--d-glow-on); } [data-theme="dark"] .faq__question_text { color: var(--d-tx); } [data-theme="dark"] .faq__details[open] .faq__question_text { color: var(--d-neon); text-shadow: 0 0 12px rgba(12,239,211,.4); } [data-theme="dark"] .faq__badge { box-shadow: 0 0 12px rgba(12,239,211,.45); color: #04201C; } [data-theme="dark"] .faq__answer { color: var(--d-tx2); } [data-theme="dark"] .faq__answer a { color: var(--d-neon); border-bottom-color: rgba(12,239,211,.4); } [data-theme="dark"] .faq__arrow { stroke: var(--d-tx3); } [data-theme="dark"] .faq__details[open] .faq__arrow { stroke: var(--d-neon); } /* ── 보증업체 운영 안내 ── */ [data-theme="dark"] .guide_doc { background: transparent; border: 0; } [data-theme="dark"] .guide_doc__p { color: var(--d-tx2); } [data-theme="dark"] .guide_doc__p b { color: var(--d-tx); } [data-theme="dark"] .guide_doc__sub { color: var(--d-neon); border-top-color: var(--d-line); text-shadow: 0 0 12px rgba(12,239,211,.3); } /* ── 게시판 ── */ [data-theme="dark"] .umji-board .ub-head, [data-theme="dark"] .umji-board .ub-paging { background: transparent; border-color: var(--d-line); } [data-theme="dark"] .umji-board .ub-list-head { background: rgba(12,239,211,.05); border-color: var(--d-line); color: var(--d-tx3); } [data-theme="dark"] .umji-board .ub-tag { background: rgba(12,239,211,.12); color: var(--d-neon); box-shadow: 0 0 12px rgba(12,239,211,.2); } [data-theme="dark"] .umji-board .ub-count { background: var(--d-surface2); color: var(--d-tx3); } [data-theme="dark"] .umji-board .ub-row { border-color: rgba(12,239,211,.08); color: var(--d-tx2); } [data-theme="dark"] .umji-board .ub-row:hover { background: rgba(12,239,211,.06); } [data-theme="dark"] .umji-board .ub-row.pinned { background: rgba(232,163,61,.07); } [data-theme="dark"] .umji-board .ub-subj { color: var(--d-tx); } [data-theme="dark"] .umji-board .ub-row:hover .ub-subj { color: var(--d-neon); } [data-theme="dark"] .umji-board .ub-c-num, [data-theme="dark"] .umji-board .ub-c-name, [data-theme="dark"] .umji-board .ub-c-date, [data-theme="dark"] .umji-board .ub-c-hit { color: var(--d-tx3); } [data-theme="dark"] .umji-board .ub-c-cat span, [data-theme="dark"] .umji-board .ub-cat { background: var(--d-surface2); color: var(--d-tx3); } [data-theme="dark"] .umji-board .ub-sch-btn, [data-theme="dark"] .umji-board .ub-admin-btn, [data-theme="dark"] .umji-board .ub-paging a, [data-theme="dark"] .umji-view .uv-btn, [data-theme="dark"] .umji-view .uv-act, [data-theme="dark"] .wrap.mm-body .btn_b01, [data-theme="dark"] .wrap.mm-body .btn_b03, [data-theme="dark"] .wrap.mm-body .pg_page { background: rgba(12,239,211,.06); border-color: var(--d-line); color: var(--d-tx2); } [data-theme="dark"] .umji-board .ub-sch-btn:hover, [data-theme="dark"] .umji-board .ub-paging a:hover, [data-theme="dark"] .umji-view .uv-btn:hover, [data-theme="dark"] .wrap.mm-body .btn_b01:hover { border-color: var(--d-neon); color: var(--d-neon); background: rgba(12,239,211,.12); } [data-theme="dark"] .umji-board .ub-paging strong, [data-theme="dark"] .umji-board .ub-paging .on, [data-theme="dark"] .wrap.mm-body .pg_current { background: var(--d-neon); border-color: var(--d-neon); color: #04201C; box-shadow: 0 0 16px rgba(12,239,211,.45); } [data-theme="dark"] .umji-view .uv-con, [data-theme="dark"] .wrap.mm-body #bo_v_atc { color: var(--d-tx2); } [data-theme="dark"] .umji-view .uv-head, [data-theme="dark"] .umji-view .uv-actions, [data-theme="dark"] .umji-view .uv-btns, [data-theme="dark"] .umji-view .uv-nb a { background: transparent; border-color: var(--d-line); color: var(--d-tx2); } [data-theme="dark"] .umji-view .uv-nb a:hover { background: rgba(12,239,211,.06); color: var(--d-neon); } [data-theme="dark"] .umji-view .uv-files { background: var(--d-surface2); border-color: var(--d-line); } [data-theme="dark"] .umji-view .uv-meta { color: var(--d-tx3); } [data-theme="dark"] .wrap.mm-body .tbl_head01 thead th { background: rgba(12,239,211,.05); border-color: var(--d-line); color: var(--d-tx3); } [data-theme="dark"] .wrap.mm-body .tbl_head01 tbody td { border-color: rgba(12,239,211,.08); color: var(--d-tx2); } [data-theme="dark"] .wrap.mm-body .tbl_head01 tbody tr:hover td { background: rgba(12,239,211,.06); } [data-theme="dark"] .wrap.mm-body .tbl_head01 td.td_subject a { color: var(--d-tx); } [data-theme="dark"] .wrap.mm-body .tbl_head01 tbody tr:hover td.td_subject a { color: var(--d-neon); } /* 폼 */ [data-theme="dark"] .wrap.mm-body input[type="text"], [data-theme="dark"] .wrap.mm-body input[type="password"], [data-theme="dark"] .wrap.mm-body input[type="email"], [data-theme="dark"] .wrap.mm-body input[type="search"], [data-theme="dark"] .wrap.mm-body select, [data-theme="dark"] .wrap.mm-body textarea, [data-theme="dark"] .wrap.mm-body .frm_input { background: var(--d-surface2); border-color: var(--d-line); color: var(--d-tx); } [data-theme="dark"] .wrap.mm-body input:focus, [data-theme="dark"] .wrap.mm-body textarea:focus, [data-theme="dark"] .wrap.mm-body select:focus { border-color: var(--d-neon); box-shadow: 0 0 0 3px rgba(12,239,211,.14); } [data-theme="dark"] .wrap.mm-body input::placeholder, [data-theme="dark"] .wrap.mm-body textarea::placeholder { color: var(--d-tx3); } /* ── 푸터 ── */ [data-theme="dark"] .footer_tips { background: #080C0E; border-top: 1px solid var(--d-line); } [data-theme="dark"] .footer_tips b, [data-theme="dark"] .footer_tips strong { color: var(--d-tx); } [data-theme="dark"] .footer_tips p, [data-theme="dark"] .footer_tips span { color: var(--d-tx3); } [data-theme="dark"] .site_footer { background: #040708; border-top: 1px solid var(--d-line); } [data-theme="dark"] .site_footer__telegram { box-shadow: 0 0 20px rgba(34,158,217,.3); } /* 이미지 눈부심 완화 */ [data-theme="dark"] .main_banner img, [data-theme="dark"] .footer_tips img { filter: brightness(.9) saturate(1.02); } /* 스크롤바 */ [data-theme="dark"] ::-webkit-scrollbar { width: 11px; height: 11px; } [data-theme="dark"] ::-webkit-scrollbar-track { background: #06090B; } [data-theme="dark"] ::-webkit-scrollbar-thumb { background: rgba(12,239,211,.22); border-radius: 6px; border: 2px solid #06090B; } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: rgba(12,239,211,.42); } [data-theme="dark"] ::selection { background: rgba(12,239,211,.3); color: #EAF6F4; } /* ───────────────────────────────────────────────────────── 나이트 모드 보정 — 남아 있던 흰 영역 ───────────────────────────────────────────────────────── */ /* 공지사항 띠 */ [data-theme="dark"] .notice { background: var(--d-surface); border-color: var(--d-line); box-shadow: var(--d-glow); } [data-theme="dark"] .notice__title { color: var(--d-neon); text-shadow: 0 0 12px rgba(12,239,211,.35); } [data-theme="dark"] .notice__link, [data-theme="dark"] .notice__item { color: var(--d-tx2); } [data-theme="dark"] .notice__link:hover { color: var(--d-neon); } [data-theme="dark"] .notice__more { color: var(--d-tx3); } [data-theme="dark"] .notice__more:hover { color: var(--d-neon); } [data-theme="dark"] .notice__arrows button, [data-theme="dark"] .notice__previous, [data-theme="dark"] .notice__next, [data-theme="dark"] .notice__pause { background: rgba(12,239,211,.07); border-color: var(--d-line); color: var(--d-tx2); } [data-theme="dark"] .notice__arrows button:hover { color: var(--d-neon); border-color: var(--d-neon); } [data-theme="dark"] .notice .icon_notice { filter: brightness(1.2); } /* 빠른 카테고리 바로가기 */ [data-theme="dark"] .category_list { background-color: var(--d-surface); border-color: var(--d-line); box-shadow: var(--d-glow); } [data-theme="dark"] .category_list li a, [data-theme="dark"] .category_list li > * { color: var(--d-tx); } [data-theme="dark"] .category_list li a strong, [data-theme="dark"] .category_list li a b, [data-theme="dark"] .category_list p { color: var(--d-tx); } [data-theme="dark"] .category_list li a span, [data-theme="dark"] .category_list li a small, [data-theme="dark"] .category_list li span { color: var(--d-tx3); } [data-theme="dark"] .category_list li a:hover strong, [data-theme="dark"] .category_list li a:hover b, [data-theme="dark"] .category_list li a:hover p { color: var(--d-neon); } [data-theme="dark"] .cate_icon { background: rgba(12,239,211,.06); border-radius: 14px; box-shadow: 0 0 0 1px rgba(12,239,211,.12); } [data-theme="dark"] .cate_icon img { filter: brightness(1.04); } [data-theme="dark"] .category_list li a:hover .cate_icon { background: rgba(12,239,211,.14); box-shadow: 0 0 18px rgba(12,239,211,.28); } [data-theme="dark"] .content_section__head_body { color: var(--d-tx3); } [data-theme="dark"] .content_section__head_body .swiper-button-next, [data-theme="dark"] .content_section__head_body .swiper-button-prev, [data-theme="dark"] .content_section__head_body button { background: rgba(12,239,211,.1); border: 1px solid var(--d-line); color: var(--d-neon); } /* 메인 배너 — 밝은 일러스트가 튀지 않게 */ [data-theme="dark"] .main_banner { border-radius: 12px; overflow: hidden; box-shadow: var(--d-glow); } [data-theme="dark"] .main_banner img { filter: brightness(.82) saturate(1.05) contrast(1.02); } [data-theme="dark"] .main_banner__content h1, [data-theme="dark"] .main_banner__content p { text-shadow: 0 2px 10px rgba(0,0,0,.45); } /* 하단 신뢰 배너 */ [data-theme="dark"] .trust_banner, [data-theme="dark"] .content_section__banner, [data-theme="dark"] .main_banner2 { box-shadow: var(--d-glow); border-radius: 12px; overflow: hidden; } [data-theme="dark"] .main_banner2 img { filter: brightness(.86) saturate(1.04); } /* 혹시 남아 있는 흰 배경 컨테이너 일괄 보정 */ [data-theme="dark"] .content_section__body > .swiper, [data-theme="dark"] .content_section__body > div[class*="_list"], [data-theme="dark"] .content_section__body > div[class*="_box"] { background-color: transparent; } /* 제보 / 요청 배지 구분 */ .post_widget__badge.badge_report { background: #FFECEE; color: #D7455A; border: 1px solid #FBD3D8; } [data-theme="dark"] .post_widget__badge.badge_report { background: rgba(255,90,110,.14); color: #FF7E8E; border-color: rgba(255,90,110,.34); } [data-theme="dark"] .post_widget_request .post_widget__badge, [data-theme="dark"] .post_widget__badge:not(.badge_report) { background: rgba(12,239,211,.12); color: var(--d-neon); border-color: rgba(12,239,211,.3); } /* ───────────────────────────────────────────────────────── 나이트 모드 마감 — 남아 있던 흰 영역 일괄 정리 ───────────────────────────────────────────────────────── */ /* 사이드 로그인/프로필 바깥 래퍼 */ [data-theme="dark"] .content_aside__user { background: var(--d-surface); border: 1px solid var(--d-line); border-radius: 12px; box-shadow: var(--d-glow); } [data-theme="dark"] .content_aside__user .user_panel { background: transparent; border: 0; box-shadow: none; } /* 사이드 배너 래퍼 */ [data-theme="dark"] .content_aside__banner { background: var(--d-surface); border: 1px solid var(--d-line); border-radius: 12px; overflow: hidden; box-shadow: var(--d-glow); } [data-theme="dark"] .content_aside__banner img { filter: brightness(.9) saturate(1.04); } /* 인기검색어 라인 */ [data-theme="dark"] .search_widget__filter { background: var(--d-surface); border: 1px solid var(--d-line); border-radius: 10px; box-shadow: var(--d-glow); } [data-theme="dark"] .search_widget__filter p { color: var(--d-tx3); } [data-theme="dark"] .search_widget__filter ul li a { background: rgba(12,239,211,.07); border: 1px solid var(--d-line); color: var(--d-tx2); } [data-theme="dark"] .search_widget__filter ul li a:hover { color: var(--d-neon); border-color: var(--d-neon); box-shadow: 0 0 14px rgba(12,239,211,.28); } /* 사이드 리스트 항목(이용 가이드 등) 흰 배경 제거 */ [data-theme="dark"] .content_aside li, [data-theme="dark"] .content_aside__guide li, [data-theme="dark"] .content_aside__body > ul > li, [data-theme="dark"] .content_aside__body > ol > li { background: var(--d-surface2); } [data-theme="dark"] .content_aside__guide li a { background: transparent; } /* FAQ 리스트 아이템 래퍼 */ [data-theme="dark"] .faq__item, [data-theme="dark"] .faq__list { background: transparent; } /* 보증업체 안내 팁 바 */ [data-theme="dark"] .partners_guide__tip, [data-theme="dark"] .partners_guide, [data-theme="dark"] .partners_guide__card { background: var(--d-surface); border-color: var(--d-line); color: var(--d-tx2); box-shadow: var(--d-glow); } [data-theme="dark"] .partners_guide__tip b, [data-theme="dark"] .partners_guide__card b { color: var(--d-tx); } [data-theme="dark"] .partners_guide__card p, [data-theme="dark"] .partners_guide__card span { color: var(--d-tx3); } /* ── 메인 배너 : 밝은 일러스트 위 헤드라인을 다크 톤으로 ── */ [data-theme="dark"] .main_banner { position: relative; } [data-theme="dark"] .main_banner::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient( 100deg, rgba(6,9,11,.92) 0%, rgba(6,9,11,.80) 26%, rgba(6,9,11,.42) 48%, rgba(6,9,11,.10) 68%, rgba(6,9,11,0) 84% ); } [data-theme="dark"] .main_banner img { filter: brightness(.74) saturate(1.1) contrast(1.04); } [data-theme="dark"] .main_banner__content { z-index: 2; } /* position 은 원본 유지 */ [data-theme="dark"] .main_banner__content h1 { color: #EAF6F4; text-shadow: 0 2px 16px rgba(0,0,0,.7); } [data-theme="dark"] .main_banner__content h1 .primary { color: var(--d-neon); text-shadow: 0 0 22px rgba(12,239,211,.55); } [data-theme="dark"] .main_banner__content p { color: var(--d-tx2); text-shadow: 0 1px 10px rgba(0,0,0,.6); } [data-theme="dark"] .main_banner .btn_area .btn { box-shadow: 0 0 20px rgba(12,239,211,.35); } [data-theme="dark"] .main_banner .btn_black { background: rgba(10,16,19,.88); border: 1px solid var(--d-line2); color: #EAF6F4; } /* ── 남은 흰 배경 최종 안전망 (본문 영역 한정) ── */ [data-theme="dark"] .vh_content_wrap [style*="background:#fff"], [data-theme="dark"] .vh_content_wrap [style*="background: #fff"], [data-theme="dark"] .vh_content_wrap [style*="background-color:#fff"], [data-theme="dark"] .vh_content_wrap [style*="background-color: #fff"] { background-color: var(--d-surface) !important; } /* ───────────────────────────────────────────────────────── 하단 이용팁 4칸 (모든 페이지 공통 하단) ───────────────────────────────────────────────────────── */ [data-theme="dark"] .footer_tips { background-color: #080C0E; } [data-theme="dark"] .footer_tips li { background-color: var(--d-surface); border: 1px solid var(--d-line); border-radius: 12px; box-shadow: var(--d-glow); } [data-theme="dark"] .footer_tips li:hover { border-color: var(--d-line2); } [data-theme="dark"] .footer_tips li b, [data-theme="dark"] .footer_tips li strong { color: var(--d-tx); } [data-theme="dark"] .footer_tips li p, [data-theme="dark"] .footer_tips li span { color: var(--d-tx3); } [data-theme="dark"] .footer_tips img { filter: brightness(1.02) saturate(1.02); } /* 푸터 본문 */ [data-theme="dark"] .site_footer__top { border-bottom-color: rgba(12,239,211,.1); } [data-theme="dark"] .site_footer__heading { color: var(--d-neon); } [data-theme="dark"] .site_footer__links a, [data-theme="dark"] .site_footer__description, [data-theme="dark"] .site_footer__text { color: var(--d-tx3); } [data-theme="dark"] .site_footer__links a:hover { color: var(--d-neon); } [data-theme="dark"] .site_footer__card { background: rgba(12,239,211,.04); border: 1px solid var(--d-line); border-radius: 12px; } [data-theme="dark"] .site_footer__card_title, [data-theme="dark"] .site_footer__card_heading { color: var(--d-tx); } [data-theme="dark"] .site_footer__number { color: var(--d-neon); } [data-theme="dark"] .site_footer__bottom { border-top-color: rgba(12,239,211,.1); } [data-theme="dark"] .site_footer__copyright, [data-theme="dark"] .site_footer__tagline { color: var(--d-tx3); } /* 보증업체 3칸 카드 (등록 보증업체 / 보증 안내 / 이용 전 확인사항) */ [data-theme="dark"] .partners_guide ul li { background-color: var(--d-surface); border: 1px solid var(--d-line); border-radius: 12px; box-shadow: var(--d-glow); } [data-theme="dark"] .partners_guide ul li:hover { border-color: var(--d-line2); } [data-theme="dark"] .partners_guide ul li b, [data-theme="dark"] .partners_guide ul li strong { color: var(--d-tx); } [data-theme="dark"] .partners_guide ul li p, [data-theme="dark"] .partners_guide ul li span { color: var(--d-tx3); } [data-theme="dark"] .partners_guide ul li img { filter: brightness(1.04); } /* ───────────────────────────────────────────────────────── 커스텀 게시판 스킨 6종 (mmbanner / mmlist / mmnews / mmreview / mmguide / mmscam) — 흰 배경·밝은 테두리 일괄 보정 ───────────────────────────────────────────────────────── */ [data-theme="dark"] .wrap.mm-body [class^="mmbn-"], [data-theme="dark"] .wrap.mm-body [class*=" mmbn-"], [data-theme="dark"] .wrap.mm-body [class^="mmn-"], [data-theme="dark"] .wrap.mm-body [class*=" mmn-"], [data-theme="dark"] .wrap.mm-body [class^="mmg-"], [data-theme="dark"] .wrap.mm-body [class*=" mmg-"], [data-theme="dark"] .wrap.mm-body [class^="mr-"], [data-theme="dark"] .wrap.mm-body [class*=" mr-"], [data-theme="dark"] .wrap.mm-body [class^="nv-"], [data-theme="dark"] .wrap.mm-body [class*=" nv-"] { border-color: var(--d-line); } /* 흰 배경만 골라서 교체 (투명·색상 배경은 그대로 둔다) */ [data-theme="dark"] .wrap.mm-body .mmbn-tab, [data-theme="dark"] .wrap.mm-body .mmbn-find, [data-theme="dark"] .wrap.mm-body .mmbn-card, [data-theme="dark"] .wrap.mm-body .mmbn-box, [data-theme="dark"] .wrap.mm-body .mmbn-doc, [data-theme="dark"] .wrap.mm-body .mmbn-docs, [data-theme="dark"] .wrap.mm-body .mmbn-callout, [data-theme="dark"] .wrap.mm-body .mmbn-bar, [data-theme="dark"] .wrap.mm-body .mmbn-body, [data-theme="dark"] .wrap.mm-body .mmn-card, [data-theme="dark"] .wrap.mm-body .mmn-box, [data-theme="dark"] .wrap.mm-body .mmg-card, [data-theme="dark"] .wrap.mm-body .mmg-box, [data-theme="dark"] .wrap.mm-body .mr-card, [data-theme="dark"] .wrap.mm-body .mr-box, [data-theme="dark"] .wrap.mm-body .nv-card { background-color: var(--d-surface); color: var(--d-tx2); } [data-theme="dark"] .wrap.mm-body .mmbn-tab.on, [data-theme="dark"] .wrap.mm-body .mmbn-tab[aria-selected="true"] { background-color: var(--d-neon); color: #04201C; border-color: var(--d-neon); box-shadow: 0 0 14px rgba(12,239,211,.4); } [data-theme="dark"] .wrap.mm-body .mmbn-find input, [data-theme="dark"] .wrap.mm-body .mmbn-find select { background: transparent; color: var(--d-tx); border-color: transparent; } /* 스킨 안 제목·본문 글자 */ [data-theme="dark"] .wrap.mm-body [class^="mmbn-"] b, [data-theme="dark"] .wrap.mm-body [class^="mmbn-"] strong, [data-theme="dark"] .wrap.mm-body [class^="mmn-"] b, [data-theme="dark"] .wrap.mm-body [class^="mmg-"] b, [data-theme="dark"] .wrap.mm-body [class^="mr-"] b { color: var(--d-tx); } /* 커스텀 게시판 스킨 공통 패턴 ※ 예전에는 [class*="-head"] 처럼 접미사만으로 잡았더니 로그인(.lg-head) 같은 무관한 화면까지 회색 박스가 씌워졌다. 스킨 접두사로 한정한다. */ [data-theme="dark"] .wrap.mm-body [class^="mmbn-"], [data-theme="dark"] .wrap.mm-body [class^="mml-"], [data-theme="dark"] .wrap.mm-body [class^="mmn-"], [data-theme="dark"] .wrap.mm-body [class^="mmg-"], [data-theme="dark"] .wrap.mm-body [class^="mr-"], [data-theme="dark"] .wrap.mm-body [class^="nv-"] { border-color: var(--d-line); } [data-theme="dark"] .wrap.mm-body [class^="mmbn-"][class*="-hero"], [data-theme="dark"] .wrap.mm-body [class^="mmbn-"][class*="-card"], [data-theme="dark"] .wrap.mm-body [class^="mmbn-"][class*="-box"], [data-theme="dark"] .wrap.mm-body [class^="mml-"][class*="-hero"], [data-theme="dark"] .wrap.mm-body [class^="mml-"][class*="-card"], [data-theme="dark"] .wrap.mm-body [class^="mml-"][class*="-box"], [data-theme="dark"] .wrap.mm-body [class^="mmn-"][class*="-hero"], [data-theme="dark"] .wrap.mm-body [class^="mmn-"][class*="-card"], [data-theme="dark"] .wrap.mm-body [class^="mmg-"][class*="-hero"], [data-theme="dark"] .wrap.mm-body [class^="mmg-"][class*="-card"], [data-theme="dark"] .wrap.mm-body [class^="mmg-"][class*="-tblwrap"], [data-theme="dark"] .wrap.mm-body [class^="mr-"][class*="-card"], [data-theme="dark"] .wrap.mm-body [class^="nv-"][class*="-card"] { background-color: var(--d-surface); color: var(--d-tx2); } [data-theme="dark"] .wrap.mm-body [class^="mm"] b, [data-theme="dark"] .wrap.mm-body [class^="mm"] strong, [data-theme="dark"] .wrap.mm-body [class^="mm"] h1, [data-theme="dark"] .wrap.mm-body [class^="mm"] h2 { color: var(--d-tx); } /* 커스텀 스킨 : 카테고리 칩 / 통계 칸 / 표 래퍼 */ [data-theme="dark"] .wrap.mm-body .mmg-cate a, [data-theme="dark"] .wrap.mm-body .mmn-cate a, [data-theme="dark"] .wrap.mm-body [class*="-cate"] > a { background-color: rgba(12,239,211,.07); border-color: var(--d-line); color: var(--d-tx2); } [data-theme="dark"] .wrap.mm-body .mmg-cate a:hover, [data-theme="dark"] .wrap.mm-body .mmn-cate a:hover, [data-theme="dark"] .wrap.mm-body [class*="-cate"] > a:hover { color: var(--d-neon); border-color: var(--d-neon); box-shadow: 0 0 12px rgba(12,239,211,.25); } [data-theme="dark"] .wrap.mm-body .mmg-cate a.on, [data-theme="dark"] .wrap.mm-body .mmn-cate a.on, [data-theme="dark"] .wrap.mm-body [class*="-cate"] > a.on { background-color: var(--d-neon); border-color: var(--d-neon); color: #04201C; box-shadow: 0 0 14px rgba(12,239,211,.4); } [data-theme="dark"] .wrap.mm-body .mml-stats li, [data-theme="dark"] .wrap.mm-body [class*="-stats"] > li { background-color: var(--d-surface2); border-color: var(--d-line); color: var(--d-tx2); } [data-theme="dark"] .wrap.mm-body .mml-stats li b, [data-theme="dark"] .wrap.mm-body [class*="-stats"] > li b { color: var(--d-tx); } [data-theme="dark"] .wrap.mm-body .mmg-tblwrap, [data-theme="dark"] .wrap.mm-body [class*="-tblwrap"] { background-color: var(--d-surface); border-color: var(--d-line); } /* ───────────────────────────────────────────────────────── 이미지만 있는 배너(회원님의 안전이…)는 히어로용 어두운 오버레이 대상이 아니다. 밝기를 살리고 테두리만 맞춘다. ───────────────────────────────────────────────────────── */ [data-theme="dark"] .main_banner--flat::after { content: none; } [data-theme="dark"] .main_banner--flat { border: 1px solid var(--d-line); border-radius: 12px; overflow: hidden; box-shadow: var(--d-glow); } [data-theme="dark"] .main_banner--flat img { filter: brightness(.97) saturate(1.04) contrast(1.01); } /* ───────────────────────────────────────────────────────── 커스텀 스킨 잔여 밝은 면 보정 ※ 접미사 catch-all([class*="-head"] 등)을 접두사 한정으로 좁히면서 아래 요소들이 흰 배경으로 남았다. 개별 지정한다. ───────────────────────────────────────────────────────── */ /* mmguide (베팅 노하우) */ [data-theme="dark"] .wrap.mm-body .mmg-intro, [data-theme="dark"] .wrap.mm-body .mmg-tbl thead th { background-color: var(--d-surface2, #121A1E); color: var(--d-tx3, #7E9A97); border-color: var(--d-line); } [data-theme="dark"] .wrap.mm-body .mmg-kicker, [data-theme="dark"] .wrap.mm-body .mml-kicker, [data-theme="dark"] .wrap.mm-body .mmn-ca { background-color: rgba(12, 239, 211, .1); color: var(--d-neon); } /* mmlist (먹튀뉴스 · 검증요청) */ [data-theme="dark"] .wrap.mm-body .mml-tip, [data-theme="dark"] .wrap.mm-body .mml-prep > div { background-color: var(--d-surface2, #121A1E); color: var(--d-tx2); border-color: var(--d-line); } [data-theme="dark"] .wrap.mm-body .mml-prep > div dt, [data-theme="dark"] .wrap.mm-body .mml-prep > div dd { color: var(--d-tx2); } [data-theme="dark"] .wrap.mm-body .mml-warn { background-color: rgba(233, 84, 74, .1); color: #F0A8A2; border-color: rgba(233, 84, 74, .28); } /* mmnews (이슈리포트) */ [data-theme="dark"] .wrap.mm-body .mmn-item { background-color: var(--d-surface); color: var(--d-tx2); border-color: var(--d-line); } [data-theme="dark"] .wrap.mm-body .mmn-info-tags li, [data-theme="dark"] .wrap.mm-body .mmn-info-note { background-color: var(--d-surface2, #121A1E); color: var(--d-tx3, #7E9A97); border-color: var(--d-line); } [data-theme="dark"] .wrap.mm-body .mmn-thumb.none { background-color: var(--d-surface2, #121A1E); color: var(--d-tx3, #7E9A97); border-color: var(--d-line); } /* ───────────────────────────────────────────────────────── 댓글 (#bo_vc / #bo_vc_w) — board.css 신규 레이아웃 대응 ───────────────────────────────────────────────────────── */ [data-theme="dark"] .wrap.mm-body .cmt_btn { color: var(--d-tx); } [data-theme="dark"] .wrap.mm-body #bo_vc article, [data-theme="dark"] .wrap.mm-body #bo_vc article:first-of-type, [data-theme="dark"] .wrap.mm-body #bo_vc #bo_vc_empty { border-top-color: var(--d-line); } [data-theme="dark"] .wrap.mm-body #bo_vc #bo_vc_empty { color: var(--d-tx3, #7E9A97); } [data-theme="dark"] .wrap.mm-body #bo_vc .pf_img { background: var(--d-surface2, #121A1E); } [data-theme="dark"] .wrap.mm-body #bo_vc article header .member, [data-theme="dark"] .wrap.mm-body #bo_vc article header .guest, [data-theme="dark"] .wrap.mm-body #bo_vc article header .sv_member, [data-theme="dark"] .wrap.mm-body #bo_vc article header .sv_guest { color: var(--d-tx); } [data-theme="dark"] .wrap.mm-body #bo_vc .bo_vc_hdinfo { color: var(--d-tx3, #7E9A97); } [data-theme="dark"] .wrap.mm-body #bo_vc .cmt_contents p { color: var(--d-tx2); } [data-theme="dark"] .wrap.mm-body #bo_vc .bo_vc_act a { color: var(--d-tx3, #7E9A97); } [data-theme="dark"] .wrap.mm-body #bo_vc .bo_vc_act a:hover { color: var(--d-neon); } [data-theme="dark"] .wrap.mm-body #fviewcomment { background-color: var(--d-surface); border-color: var(--d-line); box-shadow: none; } [data-theme="dark"] .wrap.mm-body #fviewcomment .secret_cm label { color: var(--d-tx2); } [data-theme="dark"] .wrap.mm-body #fviewcomment #captcha_img { border-color: var(--d-line); } [data-theme="dark"] .wrap.mm-body #fviewcomment #captcha_mp3, [data-theme="dark"] .wrap.mm-body #fviewcomment #captcha_reload { background-color: var(--d-surface2, #121A1E); border-color: var(--d-line); color: var(--d-tx2); } [data-theme="dark"] .wrap.mm-body #fviewcomment #captcha_info { color: var(--d-tx3, #7E9A97); } /* 기본 프로필 이미지(no_profile.gif)는 밝은 회색이라 어둡게 눌러 준다 */ [data-theme="dark"] .wrap.mm-body #bo_vc .pf_img img[src*="no_profile"] { filter: brightness(.55) grayscale(.3); } /* 글보기 하단 버튼 줄(그누보드 기본 .btn_bo_user / .btn_b01) */ [data-theme="dark"] .wrap.mm-body ul.btn_bo_user, [data-theme="dark"] .wrap.mm-body ul.btn_bo_adm { background: none; } [data-theme="dark"] .wrap.mm-body .btn_bo_user a, [data-theme="dark"] .wrap.mm-body .btn_bo_adm a, [data-theme="dark"] .wrap.mm-body a.btn_b01, [data-theme="dark"] .wrap.mm-body a.btn_b02, [data-theme="dark"] .wrap.mm-body a.btn_admin, /* board.css 쪽이 #bo_v / #bo_list 로 id 특정도를 쓰고 있어 같이 올려 준다 */ [data-theme="dark"] .wrap.mm-body #bo_v .btn_bo_user a, [data-theme="dark"] .wrap.mm-body #bo_list .btn_bo_user a, [data-theme="dark"] .wrap.mm-body #bo_v .btn_b01, [data-theme="dark"] .wrap.mm-body #bo_v .btn_admin { background-color: var(--d-surface2, #121A1E); border-color: var(--d-line); color: var(--d-tx2); } [data-theme="dark"] .wrap.mm-body .btn_bo_user li, [data-theme="dark"] .wrap.mm-body .btn_bo_adm li { background: none; } /* mgscam 스킨의 #bo_v_top ul (목록/수정 버튼 줄) */ [data-theme="dark"] .wrap.mm-body #bo_v_top ul, [data-theme="dark"] .wrap.mm-body #bo_v_bot ul { background: none; } /* ───────────────────────────────────────────────────────── 회원 페이지 (스크랩 · 쪽지 · 포인트) ───────────────────────────────────────────────────────── */ [data-theme="dark"] .wrap.mm-body .new_win #win_title { color: var(--d-tx); } [data-theme="dark"] .wrap.mm-body .new_win .win_total, [data-theme="dark"] .wrap.mm-body .new_win .win_desc, [data-theme="dark"] .wrap.mm-body .new_win .empty_li, [data-theme="dark"] .wrap.mm-body .new_win .empty_table { color: var(--d-tx3, #7E9A97); } [data-theme="dark"] .wrap.mm-body #point .point_all { background: rgba(12, 239, 211, .07); border-color: var(--d-line); color: var(--d-tx2); } [data-theme="dark"] .wrap.mm-body #point .point_all li span { color: var(--d-neon); } [data-theme="dark"] .wrap.mm-body .point_list li { border-bottom-color: var(--d-line); } [data-theme="dark"] .wrap.mm-body .point_list li:first-child { border-top-color: var(--d-line); } [data-theme="dark"] .wrap.mm-body .point_list .point_tit { color: var(--d-tx); } [data-theme="dark"] .wrap.mm-body .point_list .point_date1 { color: var(--d-tx3, #7E9A97); } [data-theme="dark"] .wrap.mm-body .point_list .point_num { color: var(--d-neon); } [data-theme="dark"] .wrap.mm-body .point_list .point_use .point_num { color: #F0A8A2; } [data-theme="dark"] .wrap.mm-body #point .point_status { background: rgba(12, 239, 211, .12); color: var(--d-tx); } [data-theme="dark"] .wrap.mm-body #scrap > ul > li, [data-theme="dark"] .wrap.mm-body .memo_list > ul > li { border-bottom-color: var(--d-line); } [data-theme="dark"] .wrap.mm-body #scrap > ul > li:first-child { border-top-color: var(--d-line); } [data-theme="dark"] .wrap.mm-body #scrap .scrap_tit, [data-theme="dark"] .wrap.mm-body .memo_list .memo_name { color: var(--d-tx); } [data-theme="dark"] .wrap.mm-body #scrap .scrap_cate { background: rgba(12, 239, 211, .1); color: var(--d-neon); } [data-theme="dark"] .wrap.mm-body #scrap .scrap_datetime, [data-theme="dark"] .wrap.mm-body .memo_list .memo_datetime { color: var(--d-tx3, #7E9A97); } [data-theme="dark"] .wrap.mm-body .memo_list .memo_preview a { color: var(--d-tx2); } [data-theme="dark"] .wrap.mm-body #memo_list .win_ul a { background: var(--d-surface2, #121A1E); border-color: var(--d-line); color: var(--d-tx2); } [data-theme="dark"] .wrap.mm-body #memo_list .win_ul .selected a { background: var(--d-neon); border-color: var(--d-neon); color: #04201C; } /* 최상단 공지 티커 */ [data-theme="dark"] .header_notice { border-left-color: var(--d-line); } [data-theme="dark"] .header_notice__tag { background: rgba(12, 239, 211, .1); color: var(--d-neon); } [data-theme="dark"] .header_notice__item a { color: var(--d-tx2); } [data-theme="dark"] .header_notice__item a:hover { color: var(--d-neon); } [data-theme="dark"] .header_notice__more, [data-theme="dark"] .header_notice__nav button { color: var(--d-tx3, #7E9A97); } [data-theme="dark"] .header_notice__more:hover, [data-theme="dark"] .header_notice__nav button:hover { color: var(--d-neon); } /* 배너 안으로 들어온 검색 묶음 (main_banner--hero) */ [data-theme="dark"] .main_banner--hero .search_widget__filter { background: none; border: 0; box-shadow: none; } [data-theme="dark"] .main_banner--hero .search_widget__filter > p { color: var(--d-tx); text-shadow: 0 1px 10px rgba(0, 0, 0, .6); } [data-theme="dark"] .main_banner--hero .search_widget__filter a { background: rgba(8, 16, 18, .62); border-color: var(--d-line); color: var(--d-tx2); } [data-theme="dark"] .main_banner--hero .search_widget__filter a:hover { border-color: var(--d-neon); background: rgba(12, 239, 211, .12); color: var(--d-neon); } [data-theme="dark"] .main_banner--hero .search_widget__bar { background: rgba(8, 16, 18, .74); border-color: rgba(12, 239, 211, .35); } [data-theme="dark"] .main_banner--hero .search_widget__bar input { color: var(--d-tx); } [data-theme="dark"] .main_banner--hero .search_widget__bar > .icon { filter: invert(1); opacity: .5; } [data-theme="dark"] .main_banner--hero .search_widget__bar button { background: var(--d-neon); border-left-color: transparent; color: #04201C; } /* 게시판 하단 안내 문구 */ [data-theme="dark"] .wrap.mm-body .bseo { background-color: var(--d-surface); border-color: var(--d-line); box-shadow: none; } [data-theme="dark"] .wrap.mm-body .bseo__t, [data-theme="dark"] .wrap.mm-body .bseo__it h3 { color: var(--d-tx); } [data-theme="dark"] .wrap.mm-body .bseo__lead, [data-theme="dark"] .wrap.mm-body .bseo__it p { color: var(--d-tx2); } [data-theme="dark"] .wrap.mm-body .bseo__it p b { color: var(--d-neon); } /* 게시판 빠른 이동 탭 */ [data-theme="dark"] .wrap.mm-body .bnav__k { background: rgba(12, 239, 211, .14); color: var(--d-neon); } [data-theme="dark"] .wrap.mm-body .bnav a, [data-theme="dark"] .wrap.mm-body .bcate a { background-color: var(--d-surface); border-color: var(--d-line); color: var(--d-tx2); } [data-theme="dark"] .wrap.mm-body .bnav a:hover, [data-theme="dark"] .wrap.mm-body .bcate a:hover { border-color: var(--d-neon); color: var(--d-neon); } [data-theme="dark"] .wrap.mm-body .bnav li.on a { background-color: var(--d-neon); border-color: var(--d-neon); color: #04201C; } [data-theme="dark"] .wrap.mm-body .bcate a.on { background-color: var(--d-neon); border-color: var(--d-neon); color: #04201C; } /* 헤더 알림(종) 패널 */ [data-theme="dark"] .mm-noti .icon_btn { background-color: var(--d-surface2, #121A1E); border-color: var(--d-line); } [data-theme="dark"] .mm-noti .icon_btn:hover, [data-theme="dark"] .mm-noti.on .icon_btn { background-color: rgba(12, 239, 211, .12); border-color: var(--d-neon); } [data-theme="dark"] .mm-noti__pnl { background-color: var(--d-surface); border-color: var(--d-line); box-shadow: 0 0 0 1px rgba(12, 239, 211, .12), 0 16px 36px rgba(0, 0, 0, .6); } [data-theme="dark"] .mm-noti__me { background-color: var(--d-surface2, #121A1E); border-bottom-color: var(--d-line); } [data-theme="dark"] .mm-noti__me:hover { background-color: rgba(12, 239, 211, .08); } [data-theme="dark"] .mm-noti__me .av { background-color: rgba(12, 239, 211, .12); color: var(--d-tx3, #7E9A97); } [data-theme="dark"] .mm-noti__me .tx b { color: var(--d-tx); } [data-theme="dark"] .mm-noti__me .tx em, [data-theme="dark"] .mm-noti__sec .hd, [data-theme="dark"] .mm-noti__sec .none, [data-theme="dark"] .mm-noti__sec .dt { color: var(--d-tx3, #7E9A97); } [data-theme="dark"] .mm-noti__sec .nk { color: var(--d-tx); } [data-theme="dark"] .mm-noti__sec .mg { color: var(--d-tx2); } [data-theme="dark"] .mm-noti__sec li a:hover { background-color: rgba(12, 239, 211, .08); } [data-theme="dark"] .mm-noti__go { border-top-color: var(--d-line); } [data-theme="dark"] .mm-noti__go a { color: var(--d-tx2); } [data-theme="dark"] .mm-noti__go a + a { border-left-color: var(--d-line); } [data-theme="dark"] .mm-noti__go a:hover { background-color: rgba(12, 239, 211, .08); color: var(--d-neon); } /* 위치 경로(breadcrumb) */ [data-theme="dark"] .wrap.mm-body .bcrumb a, [data-theme="dark"] .wrap.mm-body .bcrumb li > span { color: var(--d-tx3, #7E9A97); } [data-theme="dark"] .wrap.mm-body .bcrumb li.on > span, [data-theme="dark"] .wrap.mm-body .bcrumb li.on > a { color: var(--d-tx); } [data-theme="dark"] .wrap.mm-body .bcrumb a:hover { color: var(--d-neon); } [data-theme="dark"] .wrap.mm-body .bcrumb li + li::before { border-color: var(--d-line); } /* 모바일 헤더 드로어 */ @media (max-width: 1199px) { [data-theme="dark"] .header_burger { background-color: var(--d-surface2, #121A1E); border-color: var(--d-line); } [data-theme="dark"] .header_burger span { background-color: var(--d-tx); } [data-theme="dark"] #header .header_gnb { background-color: var(--d-surface); border-top-color: var(--d-line); box-shadow: 0 16px 32px rgba(0,0,0,.6); } [data-theme="dark"] #header .header_gnb > li { border-bottom-color: var(--d-line); } [data-theme="dark"] #header .header_gnb > li > a { color: var(--d-tx); } [data-theme="dark"] #header .header_gnb > li.on > a { color: var(--d-neon); } [data-theme="dark"] #header .header_gnb > li .header_sub { background-color: var(--d-surface2, #121A1E); } [data-theme="dark"] #header .header_gnb .header_sub > li > a { color: var(--d-tx2); } [data-theme="dark"] #header .header_gnb .header_sub > li > a.on { color: var(--d-neon); } } /* 헤더 슬로건 윗줄 — 다크에서도 또렷하게 */ [data-theme="dark"] .hb_slogan .hb_top { color: var(--d-tx2); font-weight: 600; } /* 히어로 누적 집계 */ [data-theme="dark"] .search_widget__stats .sws-item { background-color: rgba(16, 27, 29, .82); border-color: var(--d-line); box-shadow: none; } [data-theme="dark"] .search_widget__stats .sws-item:hover { background-color: var(--d-surface); border-color: var(--d-neon); } [data-theme="dark"] .search_widget__stats .sws-k, [data-theme="dark"] .search_widget__stats .sws-v em { color: var(--d-tx2); } [data-theme="dark"] .search_widget__stats .sws-v { color: var(--d-neon); } [data-theme="dark"] .search_widget__stats .sws-item.red .sws-v { color: #EE8A7D; } /* 먹튀의민족 소개 영역 */ [data-theme="dark"] .mm-about { background-color: var(--d-surface); border-color: var(--d-line); box-shadow: none; } [data-theme="dark"] .mm-about__tx h2, [data-theme="dark"] .mm-about__tx p b, [data-theme="dark"] .mm-about__grid b { color: var(--d-tx); } [data-theme="dark"] .mm-about__tx p { color: var(--d-tx2); } [data-theme="dark"] .mm-about__sm, [data-theme="dark"] .mm-about__grid span { color: var(--d-tx3) !important; } [data-theme="dark"] .mm-about__grid a { background-color: var(--d-surface2, #121A1E); border-color: var(--d-line); } [data-theme="dark"] .mm-about__grid a:hover { border-color: var(--d-neon); background-color: rgba(12,239,211,.08); }