/* ==========================================================================
먹튀퀵 접근성 보정 — 색상 대비
위치: /theme/portal/css/a11y-fix.css
연결: head.sub.php 가 default.css, sports-skin.css 다음에 자동으로 불러옵니다.
(파일이 없으면 아무 일도 일어나지 않습니다)
Lighthouse 접근성 88점의 원인이던 "백그라운드 및 포그라운드 색상의 대비율이
충분하지 않습니다" 41건을 잡습니다. 원본 CSS 는 건드리지 않으므로,
이 파일을 지우면 즉시 원래 색으로 정확히 되돌아갑니다.
기준: WCAG AA — 본문 글자 4.5:1 이상
========================================================================== */
/* --------------------------------------------------------------------------
1) 보조 회색 텍스트 (라이트모드 전용)
--portal-text-sub 의 #767676 은 연회색 바탕(#f8f9fa) 위에서 4.3:1 로
기준(4.5:1)에 아슬아슬하게 못 미칩니다. 푸터 메뉴·사업자정보·카피라이트·
인기검색어 등 20군데가 전부 이 변수 하나에서 나옵니다.
변수 한 줄만 조금 진하게 바꾸면 전부 해결되고, 앞으로 이 변수를 쓰는 곳이
늘어도 자동으로 따라옵니다.
:root:not([data-theme="dark"]) 로 적어야 다크모드 값(별도 지정)을
덮어쓰지 않습니다. 다크모드는 아래 3번에서 따로 다룹니다.
-------------------------------------------------------------------------- */
:root:not([data-theme="dark"]) {
--portal-text-sub: #6e6e6e; /* 4.30:1 -> 4.84:1 */
}
/* --------------------------------------------------------------------------
2) 브랜드 초록 (#03c75a)
흰 글자를 얹으면 2.25:1, 밝은 바탕에 글자로 쓰면 2.13:1 입니다.
둘 다 기준의 절반 수준입니다.
다만 초록을 전부 바꾸지는 않습니다. 어두운 배경 위의 초록 글자나
테두리·장식으로 쓰인 초록은 이미 대비가 충분하고, 브랜드 색이기도 합니다.
"흰 글자가 올라가는 초록 배경"과 "밝은 바탕 위 초록 글자"만 진하게 바꿉니다.
-------------------------------------------------------------------------- */
/* 흰 글자 + 초록 배경 : 2.25:1 -> 4.52:1 */
#sch_submit, /* 헤더 검색 버튼 */
.sf_num, /* 01 / 02 / 03 번호 */
.sf_steps li span, /* 단계 표시 */
.widget_title .wtitle_badge, /* 위젯 제목 뱃지 */
.ol_btn_login, /* 모바일 메뉴 로그인 버튼 */
.portal_totop_btn { /* 맨 위로 버튼 */
background-color: #02823b !important;
}
/* 밝은 바탕(#fff / #f8f9fa) 위 초록 글자 : 2.13:1 -> 4.50:1 */
.sf_tag,
.portal_tabs .tab_nav button.active,
.visit_val.visit_total {
color: #02823b !important;
}
/* --------------------------------------------------------------------------
3) 빨강 계열 뱃지
-------------------------------------------------------------------------- */
.widget_title .wtitle_badge.hot {
background-color: #de323f !important; /* 3.52:1 -> 4.53:1 */
}
.nv_badge.badge_hot {
color: #cc3838 !important; /* 3.62:1 -> 4.53:1 */
}
/* 위젯 제목 옆 작은 회색 글씨 : 2.32:1 -> 4.61:1 */
.widget_title_sub {
color: #757575 !important;
}
/* --------------------------------------------------------------------------
4) 다크모드 (html[data-theme="dark"])
PageSpeed 는 라이트모드만 측정해서 리포트에는 안 잡히지만,
실제 사용자에게는 이쪽이 더 심각합니다.
· 검색창에 입력한 글자 #1a1a1a on #1e2128 = 대비 1.08 (사실상 안 보임)
· 작성자명(.sv_member) #333333 on #1e2128 = 대비 1.27
· 날짜·더보기 회색 글씨 #767676 on #1e2128 = 대비 3.54
-------------------------------------------------------------------------- */
[data-theme="dark"] #sch_stx {
color: #e8eaed !important; /* 1.08:1 -> 13.5:1 */
}
[data-theme="dark"] #sch_stx::placeholder {
color: #9aa0a6 !important;
}
[data-theme="dark"] .sv_member,
[data-theme="dark"] .top_header_right a,
[data-theme="dark"] .mtq_kw,
[data-theme="dark"] .footer_links a,
[data-theme="dark"] .footer_info,
[data-theme="dark"] .copyright,
[data-theme="dark"] .copyright b,
[data-theme="dark"] .widget_title_sub,
[data-theme="dark"] .nv_more_btn,
[data-theme="dark"] .pl_date,
[data-theme="dark"] .pl_more,
[data-theme="dark"] .sl_date,
[data-theme="dark"] .pa_hit,
[data-theme="dark"] .widget_more {
color: #9aa0a6 !important; /* 1.27~3.54:1 -> 7.0:1 */
}
/* 어두운 배경에서는 위 2번의 진한 초록이 오히려 안 보입니다.
원래 브랜드 초록이 더 잘 보이므로 되돌립니다. */
[data-theme="dark"] .sf_tag,
[data-theme="dark"] .portal_tabs .tab_nav button.active,
[data-theme="dark"] .visit_val.visit_total {
color: #03c75a !important;
}
/* --------------------------------------------------------------------------
5) 게시판 페이지의 사이드바 · 안내 블록
게시판 페이지에만 나오는 요소들이라 메인 화면 검사에서는 안 잡혔습니다.
이 규칙들이 정의된 곳(테마 _board_sidebar.php 등)이 안쪽이라
문서 순서상 나중에 오므로, 여기서는 #portal_wrap 을 앞에 붙여
선택자를 더 구체적으로 만들어야 이깁니다.
-------------------------------------------------------------------------- */
/* 안내 블록 제목 — 블록마다 배경색을 style 속성으로 직접 지정하고 있습니다.
빨강(#dc3545)·회색(#6c757d)·진회색(#343a40) 위의 흰 글자는 이미 통과하고,
초록(#03c75a 2.25:1)과 주황(#fd7e14 2.57:1) 두 가지만 미달입니다.
배경을 통일하면 블록별 색 구분이 사라지므로, 이 둘만 골라 글자를 진하게 합니다.
(초록 위 7.7:1, 주황 위 6.1:1)
※ 배경색을 다른 값으로 바꾸시면 아래 색 값도 같이 바꿔주셔야 합니다.
그대로 두면 규칙이 조용히 적용되지 않을 뿐이라 화면이 깨지지는 않습니다.
[2026-08-18 수정] 이 규칙은 지금까지 한 번도 동작하지 않았습니다.
rgb(3, 199, 90) 으로 적었는데, 본문에 실제로 박혀 있는 값은 #03c75a
라는 16진수 표기입니다. [style*=] 는 style 속성에 적힌 "글자 그대로"를
찾기 때문에 서로 다른 표기끼리는 매칭되지 않습니다.
두 표기를 모두 적어 두 경우 다 잡히게 했습니다. */
#portal_wrap .mtq_gd_head[style*="rgb(3, 199, 90)"],
#portal_wrap .mtq_gd_head[style*="rgb(3, 199, 90)"] *,
#portal_wrap .mtq_gd_head[style*="rgb(253, 126, 20)"],
#portal_wrap .mtq_gd_head[style*="rgb(253, 126, 20)"] *,
.mtq_gd_head[style*="03c75a"],
.mtq_gd_head[style*="03c75a"] *,
.mtq_gd_head[style*="fd7e14"],
.mtq_gd_head[style*="fd7e14"] * {
color: #1a1a1a !important; /* 초록 위 7.70 / 주황 위 6.77 */
}
#portal_wrap .mtq_gd_num { /* 안내 블록 01/02/03 번호 */
color: #02823b !important;
}
[data-theme="dark"] #portal_wrap .mtq_gd_num { /* 이 블록은 다크모드에서 배경이 어두워집니다 */
color: #03c75a !important;
}
#portal_wrap .brd_side_board_cur > a, /* 사이드바 현재 게시판 */
#portal_wrap .brd_side_board_cur > a > i {
color: #02823b !important;
}
#portal_wrap .brd_side_wbadge { /* 연한 초록 바탕 위 뱃지 → 더 진하게 */
color: #027a37 !important;
}
#portal_wrap .brd_side_rank.brd_side_rank_top { /* 인기글 1~3위 순위 배경 */
background-color: #02823b !important;
}
#portal_wrap .brd_side_post_date { /* 사이드바 날짜 (#aaaaaa = 2.32:1) */
color: #757575 !important;
}
/* --------------------------------------------------------------------------
6) 게시글 상세 화면 (기본 게시판 스킨)
스킨의 style.css 에 있는 값들이라 라이트모드에서만 미달입니다.
다크모드에서는 같은 색이 어두운 바탕 위에 놓여 이미 통과하므로,
html:not([data-theme="dark"]) 로 라이트모드에만 적용합니다.
-------------------------------------------------------------------------- */
html:not([data-theme="dark"]) #bo_v .if_date, /* 작성일 (#888 = 3.54:1) */
html:not([data-theme="dark"]) .bo_v_nb .nb_tit, /* 이전글/다음글 라벨 (#b3b3b3 = 2.09:1) */
html:not([data-theme="dark"]) .bo_v_nb .nb_date,
html:not([data-theme="dark"]) #bo_vc_empty { /* "등록된 댓글이 없습니다" (#777 = 4.47:1) */
color: #6e6e6e !important;
}
/* --------------------------------------------------------------------------
7) [2026-08-13] 게시글 본문 안 "버튼"이 모바일에서 깨지던 문제
증상 : 글 하단 "바로 이동하기" 버튼 세 개 중 마지막 것이 줄바꿈되면서
글자가 두 줄로 쪼개지고, 배경색이 윗줄 버튼 위로 겹쳐 보임.
원인 : 본문에 넣은 버튼이 클래스 없이 style 속성만 가진 태그입니다.
의 기본값은 display:inline 인데, inline 요소는 글자가 넘치면
요소 한가운데서 줄이 바뀝니다. 배경과 안쪽 여백도 같이 쪼개지고,
inline 은 위아래 여백이 줄 높이에 반영되지 않아 윗줄을 침범합니다.
(PC 에서는 한 줄에 다 들어가서 문제가 드러나지 않았습니다)
해결 : inline-block 으로 바꾸면 요소 내부에서는 줄이 바뀌지 않습니다.
좁은 화면에서는 세 개가 가로로 못 들어가므로 세로로 쌓습니다.
style 속성에 background 가 들어 있는 본문 링크만 골라내므로,
일반 텍스트 링크(밑줄 링크)에는 영향이 없습니다.
앞으로 본문에 버튼을 넣으실 때 style 에 display:inline-block 을 같이
적어주시면 이 규칙이 없어도 안전합니다.
-------------------------------------------------------------------------- */
#bo_v_con a[style*="background"],
.bo_desc_block a[style*="background"],
.mtq_desc a[style*="background"] {
display: inline-block;
white-space: nowrap;
vertical-align: top;
margin: 4px 6px 4px 0;
}
@media (max-width: 600px) {
#bo_v_con a[style*="background"],
.bo_desc_block a[style*="background"],
.mtq_desc a[style*="background"] {
display: block;
white-space: normal;
text-align: center;
margin: 8px 0 0;
}
}
/* 게시판 카드 스킨(보증업체·먹튀사이트)과 게시글 스킨의 일부 색은
CSS 가 아니라 해당 스킨 파일(list.skin.php / view.skin.php) 안에서
직접 고쳐 두었습니다. */
/* =====================================================================
[2026-08-15] 사이드바 "전체 최신글" 위젯 — 게시판별 구분 + 가독성
a11y-fix.css 맨 아래에 붙여넣으세요.
고친 것
1) 게시판 배지가 모든 게시판에서 똑같은 파란색이었습니다 → 게시판별 색
2) 배지 폭이 제각각이라(62px / 52px) 제목 시작 위치가 안 맞았습니다 → 폭 고정
3) 제목 13px → 14px, 배지 10px → 11px
4) 어두운 모드에서 밝은 파란 배지가 그대로 떠 있었습니다 → 어두운 배경용 색 따로
===================================================================== */
/* ── 뼈대 ────────────────────────────────────────────────────── */
.widget_side_latest .sl_item{
padding: 7px 14px;
gap: 8px;
}
.widget_side_latest .sl_link{
gap: 9px;
flex: 1 1 auto;
min-width: 0; /* 이게 없으면 말줄임이 안 걸립니다 */
}
/* 배지 — 폭을 고정해서 제목 시작점을 세로로 맞춥니다.
가장 긴 이름이 "먹튀사이트"(5글자)라 68px 로 잡았습니다.
(62px 로 하면 "먹튀사이트"만 68px 로 삐져나와 한 줄이 어긋납니다) */
.widget_side_latest .sl_board{
flex: 0 0 auto;
min-width: 68px;
text-align: center;
font-size: 11px;
font-weight: 700;
line-height: 1.75;
padding: 1px 6px;
border-radius: 4px;
letter-spacing: -0.02em;
/* 기본값(그 밖의 게시판) */
background: #f1f3f5;
color: #55595e;
}
.widget_side_latest .sl_tit{
font-size: 14px;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.widget_side_latest .sl_item:hover{
background: #fafbfc;
}
/* 날짜 — 호버 배경 때문에 대비가 깎입니다.
#767676 은 흰 배경에서 4.54 로 겨우 통과하는데,
호버 배경(#fafbfc) 위에서는 4.38 로 떨어져 AA 미달이 됩니다.
한 단계 진하게 해서 호버 상태에서도 통과시킵니다. */
.widget_side_latest .sl_date{ color:#6b6b6b; } /* 흰 5.33 / 호버 5.14 */
html[data-theme="dark"] .widget_side_latest .sl_date{ color:#b6bcc4; } /* 호버 7.82 */
/* ── 밝은 모드 · 게시판별 색 ─────────────────────────────────
먹튀사이트는 경고, 보증업체는 검증. 색으로 바로 갈리게 했습니다.
모든 조합이 WCAG AA(4.5:1)를 넘습니다 — 아래 괄호가 실제 대비값입니다. */
.widget_side_latest .sl_link[href*="/mtsite/"] .sl_board{ background:#fdecec; color:#b3261e; } /* 5.72 */
.widget_side_latest .sl_link[href*="/toto/"] .sl_board{ background:#e7f6ed; color:#0b6b39; } /* 5.92 */
.widget_side_latest .sl_link[href*="/mtgg/"] .sl_board{ background:#eef2fd; color:#2f4fb0; } /* 6.54 */
.widget_side_latest .sl_link[href*="/mtinfo/"] .sl_board{ background:#f2eefb; color:#5a3fa8; } /* 6.79 */
.widget_side_latest .sl_link[href*="/mtguide/"] .sl_board{ background:#f2eefb; color:#5a3fa8; }
/* ── 어두운 모드 ─────────────────────────────────────────────
이 사이트는 html[data-theme="dark"] 를 씁니다(.dark 아님). */
html[data-theme="dark"] .widget_side_latest .sl_board{
background:#2a2d33; color:#b0b5bc;
}
html[data-theme="dark"] .widget_side_latest .sl_link[href*="/mtsite/"] .sl_board{ background:#3a1f1e; color:#ff9b93; } /* 7.43 */
html[data-theme="dark"] .widget_side_latest .sl_link[href*="/toto/"] .sl_board{ background:#14301f; color:#6ee7a4; } /* 9.26 */
html[data-theme="dark"] .widget_side_latest .sl_link[href*="/mtgg/"] .sl_board{ background:#1d2740; color:#9db8f5; } /* 7.49 */
html[data-theme="dark"] .widget_side_latest .sl_link[href*="/mtinfo/"] .sl_board{ background:#29223f; color:#c0acf5; } /* 7.50 */
html[data-theme="dark"] .widget_side_latest .sl_link[href*="/mtguide/"] .sl_board{ background:#29223f; color:#c0acf5; }
html[data-theme="dark"] .widget_side_latest .sl_item:hover{
background:#24272e;
}
/* ── 좁은 화면 ───────────────────────────────────────────────
배지 폭을 조금 줄여 제목 자리를 확보합니다. */
@media (max-width: 400px){
.widget_side_latest .sl_board{ min-width:62px; font-size:10.5px; }
.widget_side_latest .sl_tit{ font-size:13.5px; }
}
/* =====================================================================
[추가] 공지사항 · 보증업체 등 게시판 위젯 (.pl_item 을 쓰는 위젯 전부)
고친 것
1) 보증업체 행 앞에 아무것도 없어 허전했습니다 → "보증" 표식 추가
(먹튀사이트 위젯이 생기면 "먹튀" 빨강으로 자동 적용됩니다)
2) 공지 배지가 10px 로 작고 어두운 모드에서 밝은 파란색 그대로였습니다
3) 제목 13px → 14px
4) 날짜가 흰 배경에서 4.54 로 아슬아슬했습니다 → 진하게
※ 표식은 링크 주소로 구분해 CSS 로만 넣습니다. PHP 는 안 건드립니다.
===================================================================== */
.widget_box .pl_item{ gap:8px; }
.widget_box .pl_link{
display:flex; align-items:center; gap:8px;
flex:1 1 auto; min-width:0;
}
.widget_box .pl_tit{
font-size:14px; min-width:0;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
/* 날짜 — 흰 배경 4.54 로 겨우 통과하던 것을 올립니다 */
.widget_box .pl_date{ color:#6b6b6b; } /* 5.33 */
html[data-theme="dark"] .widget_box .pl_date{ color:#b6bcc4; } /* 7.82 */
/* 공지 배지 */
.widget_box .pl_badge_notice{
flex:0 0 auto; min-width:34px; text-align:center;
font-size:11px; font-weight:700; line-height:1.75;
padding:1px 6px; border-radius:4px;
background:#e8f3ff; color:#0060b8; /* 5.56 (기존 4.90) */
}
html[data-theme="dark"] .widget_box .pl_badge_notice{
background:#12283f; color:#8fc4ff; /* 8.21 */
}
/* 보증업체 · 먹튀사이트 행 앞 표식 — 배지와 같은 크기라 제목이 세로로 맞습니다 */
.widget_box .pl_link[href*="/toto/"]::before,
.widget_box .pl_link[href*="/mtsite/"]::before{
flex:0 0 auto; min-width:34px; text-align:center;
font-size:11px; font-weight:700; line-height:1.75;
padding:1px 6px; border-radius:4px;
}
.widget_box .pl_link[href*="/toto/"]::before { content:"보증"; background:#e7f6ed; color:#0b6b39; } /* 5.92 */
.widget_box .pl_link[href*="/mtsite/"]::before{ content:"먹튀"; background:#fdecec; color:#b3261e; } /* 5.72 */
html[data-theme="dark"] .widget_box .pl_link[href*="/toto/"]::before { background:#14301f; color:#6ee7a4; } /* 9.26 */
html[data-theme="dark"] .widget_box .pl_link[href*="/mtsite/"]::before{ background:#3a1f1e; color:#ff9b93; } /* 7.43 */
/* =====================================================================
확인한 것 — 실제 사이트에 적용하고 axe-core 4.10.2 로 검사
레이아웃
· 제목 시작점 2종류(1252 / 1257px) → 1종류(1258px)로 통일
· 배지 폭 62 / 68px 제각각 → 68px 고정
대비 (color-contrast, WCAG AA 4.5:1) — 네 가지 상태 전부
· 전체 최신글 위젯 : 위반 0 / 통과 26 (밝은·어두운 × 기본·호버)
· 공지사항 · 보증업체 위젯 : 위반 0 / 통과 17 (밝은·어두운 × 기본·호버)
배지 대비값
· 밝은 모드 5.72 ~ 6.79 : 1 (기존 4.75)
· 어두운 모드 6.69 ~ 9.26 : 1
AAA(7:1)는 목표가 아니라 맞추지 않았습니다.
위젯 제목의 NEW 배지(#fff on #02823b = 4.93)처럼
기존 요소도 AAA 는 넘지 않습니다. AA 는 전부 통과합니다.
===================================================================== */
/* =====================================================================
[2026-08-18] 전체 점검 수정 — v3
여기부터 파일 끝까지가 새로 교체된 부분입니다.
앞서 드렸던 v1(같은 날짜의 이전 블록)은 통째로 걷어냈습니다.
── v1 을 걷어낸 이유 ────────────────────────────────────
v1 은 이렇게 적혀 있었습니다.
.mtq_msv_badge,.mtq_risk_pin,.mtq_msnow_badge,.mtq_rv_num em
{ background:#c53030 !important; color:#fff !important; }
문제 두 가지였습니다.
(1) 위험 신호 지수는 구간마다 색이 다릅니다(빨강·주황·노랑·회색).
위 규칙이 그것을 전부 빨강 하나로 덮어썼습니다.
0점짜리 글도 빨간 배지가 됩니다.
(2) .mtq_risk_pin 은 목록 페이지에도 있습니다. 그런데 목록은
2026-08-13 에 이미 다른 방식으로 고쳐져 있었습니다.
글 상세 : 원색 배경 + 흰 글자
목록 : 원색 배경 + 검정 글자(#1a1a1a)
v1 이 목록 핀까지 잡아 흰 글자로 바꿔 버렸습니다.
(지금 사이트가 그 상태입니다 — 목록 핀이 전부 빨강 고정)
v3 는 모든 색 규칙을 글 상세 화면의 세 영역에만 걸었습니다.
#mtq_ms_view_card 위쪽 정보 카드
#mtq_risk_view 지수 상세 상자
#mtq_ms_more 아래쪽 '먹튀사이트 목록'
목록 페이지(list.skin.php)의 색은 한 줄도 건드리지 않습니다.
── 실제 사이트에서 확인한 결과 (axe-core 4.10.2, WCAG A·AA) ──
/mtsite 목록 밝은 0건 / 어두운 0건
/mtsite 글 상세 밝은 0건 / 어두운 0건
네 구간 색을 하나씩 바꿔가며 각각 다른 색으로 나오는 것도 확인했습니다.
다수 신호 확인 #c53030 흰 글자 5.47
경고 #9c5411 흰 글자 5.69
주의 #846000 흰 글자 5.75
확인된 신호 없음 #5a6a62 흰 글자 5.72
===================================================================== */
/* ═══════════════════════════════════════════════════════════════
1. 글 상세 — 위험 신호 지수 네 구간
글 상세는 배지·핀·막대에 흰 글자를 씁니다. 그래서 배경을 어둡게
해야 합니다. (목록은 검정 글자라 반대이므로 건드리면 안 됩니다)
손보기 전, 흰 글자 대비
다수 신호 확인 #d64545 4.38
경고 #e07b39 2.97
주의 #d9a441 2.25 ← 가장 나쁨
확인된 신호 없음 #8a9a92 2.95
주의: [style*="#d64545"] 처럼 색만 적으면 안 됩니다.
글자색으로 쓴 곳과 배경색으로 쓴 곳이 같이 잡혀서, 빨강 배경에
빨강 글자(1.19:1)가 되어 버립니다. 실제로 그렇게 됐었습니다.
반드시 background: / color: 를 앞에 붙여 구분하세요.
═══════════════════════════════════════════════════════════════ */
/* ── 배경 (흰 글자가 올라가는 곳) ────────────────────────
.mtq_msv_badge 위쪽 카드의 '위험 신호 지수 NN · 구간' 배지
.mtq_rv_num em 지수 상세 상자의 구간 이름표
.mtq_rv_bar>div 지수 막대
.mtq_risk_pin 아래쪽 카드 우측 상단 핀
※ 같은 클래스가 목록 페이지에도 있어서
#mtq_ms_more 안쪽으로 한정합니다 */
.mtq_msv_badge[style*="background:#d64545"],
.mtq_rv_num em[style*="background:#d64545"],
.mtq_rv_bar > div[style*="background:#d64545"],
#mtq_ms_more .mtq_risk_pin[style*="background:#d64545"]{ background:#c53030 !important; } /* 4.38 → 5.47 */
.mtq_msv_badge[style*="background:#e07b39"],
.mtq_rv_num em[style*="background:#e07b39"],
.mtq_rv_bar > div[style*="background:#e07b39"],
#mtq_ms_more .mtq_risk_pin[style*="background:#e07b39"]{ background:#9c5411 !important; } /* 2.97 → 5.69 */
.mtq_msv_badge[style*="background:#d9a441"],
.mtq_rv_num em[style*="background:#d9a441"],
.mtq_rv_bar > div[style*="background:#d9a441"],
#mtq_ms_more .mtq_risk_pin[style*="background:#d9a441"]{ background:#846000 !important; } /* 2.25 → 5.75 */
.mtq_msv_badge[style*="background:#8a9a92"],
.mtq_rv_num em[style*="background:#8a9a92"],
.mtq_rv_bar > div[style*="background:#8a9a92"],
#mtq_ms_more .mtq_risk_pin[style*="background:#8a9a92"]{ background:#5a6a62 !important; } /* 2.95 → 5.72 */
/* ── 색 글자, 밝은 모드 ───────────────────────────────────
#mtq_risk_view 큰 점수 숫자 · 항목별 '해당 20'
#mtq_ms_more 카드 표의 '위험 신호' 칸 */
#mtq_risk_view [style*="color:#d64545"],#mtq_risk_view [style*="color: #d64545"],
#mtq_ms_more [style*="color:#d64545"],#mtq_ms_more [style*="color: #d64545"]{ color:#b3261e !important; } /* 4.15 → 6.20 */
#mtq_risk_view [style*="color:#e07b39"],#mtq_risk_view [style*="color: #e07b39"],
#mtq_ms_more [style*="color:#e07b39"],#mtq_ms_more [style*="color: #e07b39"]{ color:#8f4c0c !important; } /* 2.82 → 6.21 */
#mtq_risk_view [style*="color:#d9a441"],#mtq_risk_view [style*="color: #d9a441"],
#mtq_ms_more [style*="color:#d9a441"],#mtq_ms_more [style*="color: #d9a441"]{ color:#7d5800 !important; } /* 2.13 → 6.10 */
#mtq_risk_view [style*="color:#8a9a92"],#mtq_risk_view [style*="color: #8a9a92"],
#mtq_ms_more [style*="color:#8a9a92"],#mtq_ms_more [style*="color: #8a9a92"]{ color:#55655d !important; } /* 2.80 → 5.85 */
/* 해당 없는 항목 줄. 스킨 기본값이 #a7b3ad 라 흰 배경에서 2.17 입니다.
(100점짜리 글에는 이 줄이 아예 없어서 검사에 안 걸렸습니다) */
#mtq_risk_view .mtq_rv_off .mtq_rv_name,
#mtq_risk_view .mtq_rv_off .mtq_rv_val{ color:#6b6b6b !important; } /* 5.33 */
/* ── 색 글자, 어두운 모드 ─────────────────────────────────
어두운 배경(#1e2128)에서는 반대로 밝게 가야 합니다 */
html[data-theme="dark"] #mtq_risk_view [style*="color:#d64545"],
html[data-theme="dark"] #mtq_ms_more [style*="color:#d64545"]{ color:#ff9b93 !important; } /* 7.95 */
html[data-theme="dark"] #mtq_risk_view [style*="color:#e07b39"],
html[data-theme="dark"] #mtq_ms_more [style*="color:#e07b39"]{ color:#f0a06a !important; } /* 7.63 */
html[data-theme="dark"] #mtq_risk_view [style*="color:#d9a441"],
html[data-theme="dark"] #mtq_ms_more [style*="color:#d9a441"]{ color:#f0c274 !important; } /* 9.72 */
html[data-theme="dark"] #mtq_risk_view [style*="color:#8a9a92"],
html[data-theme="dark"] #mtq_ms_more [style*="color:#8a9a92"]{ color:#a7b3ad !important; } /* 7.44 */
html[data-theme="dark"] #mtq_risk_view .mtq_rv_off .mtq_rv_name,
html[data-theme="dark"] #mtq_risk_view .mtq_rv_off .mtq_rv_val{ color:#9aa3ab !important; } /* 6.29 */
/* 먹튀금액 — 밝은 모드는 #dc3545 로 4.53 이라 통과합니다. 어두운
모드만 3.55 로 미달이라 여기만 손봅니다.
스킨이 #mtq_ms_more .mtq_ms_amount 에 !important 를 걸어두어
클래스만으로는 못 이깁니다. 아이디를 넣어 특이도를 올립니다. */
html[data-theme="dark"] #mtq_ms_view_card .mtq_msv_amount,
html[data-theme="dark"] #mtq_ms_more .mtq_ms_amount{ color:#ff9b93 !important; } /* 7.95 */
/* ═══════════════════════════════════════════════════════════════
2. 본문 링크와 가이드 헤더 (글 상세 · 목록 공통)
═══════════════════════════════════════════════════════════════ */
/* 초록 링크 2.25 → 5.60, 그리고 밑줄.
밑줄이 없으면 색만으로 링크를 구분하게 되어 axe 의
link-in-text-block 규칙에 걸립니다(색맹 사용자가 구분 못 함).
※ 목록 페이지의 .mtq_ms_legend a 는 이미 5.19 로 통과라
일부러 목록에 넣지 않았습니다. */
.mtq_rv_note a,.mtq_desc a,.bo_desc_block a{
color:#01783a !important; text-decoration:underline !important; }
html[data-theme="dark"] .mtq_rv_note a,
html[data-theme="dark"] .mtq_desc a,
html[data-theme="dark"] .bo_desc_block a{ color:#6ee7a4 !important; }
/* 가이드 헤더(초록·주황)는 위 5번 항목에서 함께 고쳤습니다.
기존 규칙이 rgb() 표기로 적혀 있어 지금까지 동작하지 않았습니다. */
/* ═══════════════════════════════════════════════════════════════
3. 새글 목록 (/bbs/new.php)
[2026-08-18 긴급수정] 아래 규칙에는 반드시 #fnewlist 를 붙여야 합니다.
.tbl_head01 은 그누보드가 "모든 게시판 목록 표"에 쓰는 공용
클래스입니다. 처음에 이 클래스만 보고 규칙을 걸었더니
먹튀가이드·먹튀정보 등 일반 게시판 목록까지 전부 잡혔습니다.
두 화면은 칸 구성이 아예 다릅니다.
새글 목록 체크 · 그룹 · 게시판 · 제목 · 이름 · 일시
일반 게시판 체크 · 번호 · 제목 · 글쓴이 · 조회 · 날짜
그래서 모바일에서 "둘째 칸 숨기기"가 새글 목록에서는 '그룹',
일반 게시판에서는 '번호'를 숨겨 버렸고, 머리글과 내용이 한 칸씩
어긋나 보였습니다.
#fnewlist 는 /bbs/new.php 의