/* 충청뉴스Q 리디자인 (2026-08-07) — 시안 이식, .cnq 스코프. 실기사/실배너 연결 */
:root{
  --paper:#fff; --surface:#f4f6f9; --card:#fff; --ink:#181b21; --sub:#3d444d;
  --brand:#123a5c; --brand2:#1a5490; --accent:#d33f28; --line:#e4e8ed; --muted:#6d7580;
  --chip:#eef2f6; --shadow:0 1px 2px rgba(16,24,40,.04),0 6px 20px rgba(16,24,40,.06);
}
/* 뉴스포털 = 항상 밝은 테마 고정(다크모드 자동전환 안 함) */

/* ── CMS 기본 크롬 숨김(미리보기) ── */
#header,#gnb,#footer,.header-top,.quick-menu,#quick,.footer,#top-btn{ display:none !important; }
body,#wrap,#container,#main-container{ background:var(--surface) !important; }
#main-container{ padding:0 !important; margin:0 !important; }
#wrap{ max-width:none !important; width:auto !important; }

/* ── 스코프 리셋 ── */
.cnq, .cnq *{ box-sizing:border-box !important; font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important; }
.cnq{ color:var(--ink); line-height:1.5; -webkit-font-smoothing:antialiased; background:var(--surface); }
.cnq ul,.cnq li{ list-style:none !important; margin:0 !important; padding:0 !important; float:none !important; width:auto !important; }
.cnq a{ color:inherit !important; text-decoration:none !important; }
.cnq h1,.cnq h2,.cnq h3,.cnq h4,.cnq h5,.cnq h6{ margin:0; }
.cnq .wrap{ max-width:1120px; margin:0 auto; padding:0 18px; }
.cnq img{ max-width:100%; display:block; }

/* 썸네일(실이미지=has, 없으면 그라데이션+워터마크) */
.cnq .thumb{ background:linear-gradient(135deg,#c7d2de,#9fb0c2); border-radius:8px; position:relative; overflow:hidden; }
.cnq .thumb::after{ content:"충청뉴스Q"; position:absolute; inset:0; display:grid; place-items:center; color:rgba(255,255,255,.5); font-size:11px; font-weight:700; letter-spacing:.05em; }
.cnq .thumb.has{ background-size:cover; background-position:center; }
.cnq .thumb.has::after{ display:none; }

/* 유틸바 */
.cnq .util{ background:var(--brand); color:#dce7f2; font-size:12px; }
.cnq .util .wrap{ display:flex; justify-content:space-between; align-items:center; height:34px; }
.cnq .util .r{ display:flex; gap:14px; } .cnq .util a{ opacity:.85; }

/* 헤더 */
.cnq header{ background:var(--paper); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:20; display:block; }
.cnq .head{ display:flex; align-items:center; gap:26px; height:88px; }
.cnq .logobox{ display:flex; flex-direction:column; justify-content:center; white-space:nowrap; }
.cnq .logo{ font-weight:900; font-size:24px; letter-spacing:-.03em; color:var(--ink); display:flex; align-items:center; line-height:1.05; }
.cnq .logo .q{ color:var(--accent); }
.cnq .logo-img{ height:60px; width:auto; display:block; }
@media (max-width:520px){ .cnq .logo-img{ height:42px; } }
.cnq .tagline{ font-size:11px; color:var(--muted); font-weight:600; margin-top:1px; }
@media (max-width:520px){ .cnq .tagline{ display:none; } }
.cnq nav.main{ display:flex; gap:28px; flex:1; font-weight:800; font-size:18.5px; letter-spacing:-.02em; overflow-x:auto; }
.cnq nav.main a{ padding:8px 0; color:var(--sub); border-bottom:3px solid transparent; white-space:nowrap; }
.cnq nav.main a.on,.cnq nav.main a:hover{ color:var(--ink); border-color:var(--accent); }
.cnq .search{ display:flex; align-items:center; gap:8px; background:var(--chip); border-radius:999px; padding:8px 14px; color:var(--muted); font-size:13px; min-width:140px; }
@media (max-width:680px){ .cnq .search{ display:none; } }

/* 속보 */
.cnq .breaking{ background:var(--card); border-bottom:1px solid var(--line); }
.cnq .breaking .wrap{ display:flex; align-items:center; gap:14px; height:44px; overflow:hidden; }
.cnq .bk-tag{ background:var(--accent); color:#fff; font-weight:800; font-size:12px; letter-spacing:.05em; padding:4px 10px; border-radius:5px; flex:none; }
.cnq .bk-txt{ font-weight:600; font-size:14.5px; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.cnq main{ padding:22px 0 10px; display:block; }
/* 전체 2단: 좌=전 기사섹션, 우=배너레일 (좌우 높이 자연 균형) */
.cnq .layout{ display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:28px; align-items:start; }
@media (max-width:900px){ .cnq .layout{ grid-template-columns:1fr; } }
.cnq .col-main{ min-width:0; }
.cnq .grid-top{ display:grid; grid-template-columns:1fr 340px; gap:26px; }
@media (max-width:860px){ .cnq .grid-top{ grid-template-columns:1fr; } }
.cnq .kicker{ display:inline-block; font-size:12px; font-weight:800; color:var(--accent); letter-spacing:.03em; }

/* 히어로 캐러셀 */
.cnq .hero{ position:relative; border-radius:12px; overflow:hidden; box-shadow:var(--shadow); background:#0d1319; }
.cnq .hero .track{ display:flex; transition:transform .55s cubic-bezier(.4,0,.2,1); }
.cnq .hero .slide{ position:relative; min-width:100%; display:block; }
.cnq .hero .slide .thumb{ height:380px; border-radius:0; }
@media (max-width:520px){ .cnq .hero .slide .thumb{ height:250px; } }
.cnq .hero .cap{ position:absolute; left:0; right:0; bottom:0; padding:64px 26px 26px; background:linear-gradient(transparent,rgba(6,10,15,.92)); color:#fff; }
.cnq .hero .cap .kicker{ color:#ff7059; margin-bottom:8px; }
.cnq .hero .cap h1{ margin:0; font-size:27px; line-height:1.3; letter-spacing:-.02em; font-weight:800; color:#fff; text-wrap:balance;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
@media (max-width:520px){ .cnq .hero .cap h1{ font-size:19px; } .cnq .hero .cap{ padding:46px 18px 18px; } }
.cnq .hero .navbtn{ position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:50%; border:0; background:rgba(0,0,0,.38); color:#fff; font-size:24px; line-height:1; cursor:pointer; z-index:3; display:grid; place-items:center; }
.cnq .hero .navbtn:hover{ background:rgba(0,0,0,.62); }
.cnq .hero .prev{ left:12px; } .cnq .hero .next{ right:12px; }
.cnq .hero .dots{ position:absolute; bottom:18px; right:22px; display:flex; gap:8px; z-index:3; }
.cnq .hero .dots b{ width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.45); cursor:pointer; transition:.25s; }
.cnq .hero .dots b.on{ background:#fff; width:24px; border-radius:5px; }
.cnq .hero .cnt{ position:absolute; top:15px; left:16px; background:rgba(0,0,0,.5); color:#fff; font-size:12px; font-weight:700; padding:4px 11px; border-radius:20px; z-index:3; }

/* 서브 카드 2열 */
.cnq .sub2{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:18px; }
@media (max-width:520px){ .cnq .sub2{ grid-template-columns:1fr; } }
.cnq .card{ display:block; background:var(--card); border:1px solid var(--line); border-radius:10px; overflow:hidden; }
.cnq .card .thumb{ height:130px; border-radius:0; }
.cnq .card .b{ padding:12px 13px 14px; }
.cnq .card .t{ font-weight:700; font-size:15.5px; line-height:1.35; letter-spacing:-.01em;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cnq .card .m{ margin-top:8px; color:var(--muted); font-size:12px; }

/* 주요뉴스 리스트 */
.cnq .blk-h{ font-size:16px; font-weight:800; letter-spacing:-.02em; margin:22px 2px 10px; padding-bottom:8px; border-bottom:2px solid var(--ink); }
.cnq .blk-h span{ color:var(--accent); }
.cnq .hlist{ background:var(--card); border:1px solid var(--line); border-radius:10px; padding:2px 16px; }
.cnq .hlist a{ display:flex; gap:10px; padding:12px 0; border-top:1px solid var(--line); font-weight:600; font-size:15px; line-height:1.42; letter-spacing:-.01em; align-items:baseline; }
.cnq .hlist a:first-child{ border-top:0; }
.cnq .hlist a::before{ content:""; width:5px; height:5px; border-radius:50%; background:var(--accent); flex:none; transform:translateY(-3px); }
.cnq .hlist .tt{ display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }

/* aside */
.cnq aside .box{ background:var(--card); border:1px solid var(--line); border-radius:12px; padding:6px 16px 10px; box-shadow:var(--shadow); }
.cnq .box h3{ font-size:15px; margin:14px 2px 6px; display:flex; align-items:center; gap:8px; }
.cnq .box h3::before{ content:""; width:4px; height:15px; background:var(--accent); border-radius:2px; }
.cnq .rank{ display:flex; gap:12px; padding:12px 2px; border-top:1px solid var(--line); align-items:flex-start; }
.cnq .rank:first-of-type{ border-top:0; }
.cnq .rank .n{ font-weight:900; font-size:17px; color:var(--brand2); width:16px; flex:none; line-height:1.3; }
.cnq .rank .t{ font-weight:600; font-size:14px; line-height:1.4; letter-spacing:-.01em;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cnq aside .adbox{ margin-top:0; }
.cnq aside .adbox img{ width:100%; border-radius:10px; border:1px solid var(--line); box-shadow:var(--shadow); }
.cnq .banner{ margin-top:16px; background:var(--chip); border:1px dashed var(--line); border-radius:10px; height:90px; display:grid; place-items:center; color:var(--muted); font-size:12px; }

/* 섹션 공통 */
.cnq .sec{ margin-top:34px; }
.cnq .sec-h{ display:flex; align-items:center; justify-content:space-between; border-bottom:2px solid var(--ink); padding-bottom:9px; margin-bottom:16px; }
.cnq .sec-h h2{ margin:0; font-size:20px; letter-spacing:-.02em; }
.cnq .sec-h h2 span{ color:var(--accent); }
.cnq .sec-h a{ font-size:13px; color:var(--muted); }
.cnq .cards4{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
@media (max-width:860px){ .cnq .cards4{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:460px){ .cnq .cards4{ grid-template-columns:1fr; } }

.cnq .listrow{ display:flex; gap:14px; padding:15px 0; border-top:1px solid var(--line); }
.cnq .listrow:first-child{ border-top:0; }
.cnq .listrow .thumb{ width:112px; height:74px; flex:none; }
.cnq .listrow .t{ font-weight:700; font-size:16px; line-height:1.38; letter-spacing:-.01em;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cnq .listrow .m{ margin-top:6px; color:var(--muted); font-size:12px; }
.cnq .cols2{ display:grid; grid-template-columns:1fr 1fr; gap:0 40px; }
@media (max-width:760px){ .cnq .cols2{ grid-template-columns:1fr; } }

/* 포토뉴스 */
.cnq .photo-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
@media (max-width:860px){ .cnq .photo-grid{ grid-template-columns:repeat(2,1fr); } }
.cnq .photo{ position:relative; border-radius:10px; overflow:hidden; display:block; }
.cnq .photo .thumb{ height:180px; border-radius:0; }
.cnq .photo .cap{ position:absolute; left:0; right:0; bottom:0; padding:26px 14px 12px; background:linear-gradient(transparent,rgba(8,12,18,.85)); color:#fff; font-weight:700; font-size:14.5px; line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* 많이 본 */
.cnq .pop{ display:grid; grid-template-columns:1fr 1fr; gap:6px 40px; }
@media (max-width:760px){ .cnq .pop{ grid-template-columns:1fr; } }
.cnq .pop a{ display:flex; gap:13px; padding:13px 0; border-bottom:1px solid var(--line); align-items:baseline; }
.cnq .pop .n{ font-weight:900; font-size:19px; color:var(--accent); width:22px; flex:none; font-style:italic; }
.cnq .pop .t{ font-weight:600; font-size:15px; line-height:1.4; letter-spacing:-.01em;
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }

/* 위젯 */
.cnq .widgets{ display:grid; grid-template-columns:1.4fr 1fr; gap:20px; margin-top:34px; }
@media (max-width:760px){ .cnq .widgets{ grid-template-columns:1fr; } }
.cnq .weather{ background:linear-gradient(135deg,var(--brand),#1c5075); color:#eaf2fa; border-radius:12px; padding:20px 22px; }
.cnq .weather .big{ font-size:38px; font-weight:800; letter-spacing:-.02em; }
.cnq .weather .row{ display:flex; justify-content:space-between; margin-top:14px; font-size:13px; opacity:.9; gap:10px; flex-wrap:wrap; }
.cnq .partners{ background:var(--card); border:1px solid var(--line); border-radius:12px; padding:16px 18px; }
.cnq .partners h4{ margin:0 0 12px; font-size:14px; }
.cnq .plist{ display:flex; flex-wrap:wrap; gap:8px; }
.cnq .plist span{ font-size:12.5px; background:var(--chip); border:1px solid var(--line); border-radius:6px; padding:7px 11px; color:var(--sub); }

/* 뉴스레터 */
.cnq .nl{ margin-top:34px; background:var(--ink); color:var(--paper); border-radius:14px; padding:30px; text-align:center; }
.cnq .nl h3{ margin:0 0 6px; font-size:21px; letter-spacing:-.02em; }
.cnq .nl p{ margin:0 0 16px; opacity:.75; font-size:14px; }
.cnq .nl .f{ display:inline-flex; gap:8px; flex-wrap:wrap; justify-content:center; }
.cnq .nl input{ border:0; border-radius:8px; padding:12px 16px; font-size:14px; min-width:240px; }
.cnq .nl button{ border:0; background:var(--accent); color:#fff; font-weight:700; border-radius:8px; padding:12px 22px; font-size:14px; cursor:pointer; }

/* 푸터 */
.cnq footer.cnqft{ background:var(--card); color:var(--sub); border-top:1px solid var(--line); margin-top:38px; padding:30px 0 40px; font-size:13px; display:block; }
.cnq footer.cnqft .top{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:22px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.12); }
.cnq footer.cnqft .fnav{ display:flex; gap:18px; flex-wrap:wrap; }
.cnq footer.cnqft .fnav a{ opacity:.85; font-weight:600; }
.cnq footer.cnqft b{ color:#fff; font-size:17px; }
.cnq footer.cnqft .info{ margin-top:16px; opacity:.72; line-height:1.8; }
.cnq footer.cnqft .flogo{ margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.cnq footer.cnqft .flogo img{ height:46px; width:auto; }
.cnq footer.cnqft .finfo ul{ list-style:none; margin:0; padding:0; }
.cnq footer.cnqft .finfo li{ line-height:1.9; margin:2px 0; color:var(--muted); font-size:12.5px; }
.cnq footer.cnqft .finfo a{ color:var(--sub); font-weight:600; }
.cnq footer.cnqft .finfo p{ margin:8px 0 0; color:var(--muted); font-size:12px; }

/* 하단 롤링배너(푸터 위로 이동됨) 여백 */
.cnq .bottom_inner{ max-width:1120px; margin:28px auto 0; padding:0 18px; }

/* ── 배너레일(우측) ── */
.cnq .rail{ display:flex; flex-direction:column; gap:9px; }
.cnq .rail .adtop img,.cnq .rail .adbox img{ width:100%; border-radius:10px; border:1px solid var(--line); box-shadow:var(--shadow); }
.cnq .rail .adtop{ margin:0; }
.cnq .rail .stick{ position:sticky; top:80px; }

/* ── 반응형 카드(좌측 컬럼 폭에 맞춰 자동 줄바꿈) ── */
.cnq .cards4{ grid-template-columns:repeat(auto-fill,minmax(196px,1fr)); }
.cnq .photo-grid{ grid-template-columns:repeat(auto-fill,minmax(196px,1fr)); }

/* ── 지역 탭 섹션 ── */
.cnq .tabs .tabbtns{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:16px; border-bottom:2px solid var(--ink); padding-bottom:0; }
.cnq .tabs .tabbtn{ border:0; background:none; cursor:pointer; font-family:inherit; font-weight:800; font-size:15px; letter-spacing:-.02em; color:var(--muted); padding:8px 14px; border-bottom:3px solid transparent; margin-bottom:-2px; }
.cnq .tabs .tabbtn.on{ color:var(--ink); border-color:var(--accent); }
.cnq .tabs .tabpanel{ display:none; }
.cnq .tabs .tabpanel.on{ display:block; }

/* ── 영상뉴스(유튜브/뉴스QTV) ── */
.cnq .tv{ background:#0f1216; color:#e9edf2; border-radius:14px; padding:22px 22px 26px; margin-top:34px; }
@media (prefers-color-scheme:light){ .cnq .tv{ background:#111722; } }
.cnq .tv .th{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.cnq .tv .th h2{ margin:0; font-size:20px; letter-spacing:-.02em; display:flex; align-items:center; gap:9px; color:#fff; }
.cnq .tv .yt{ background:#ff0033; color:#fff; font-size:11px; font-weight:800; padding:3px 8px; border-radius:5px; letter-spacing:.03em; }
.cnq .tv .th a{ font-size:13px; color:#9aa6b3; }
.cnq .video-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:16px; }
.cnq .video{ display:block; }
.cnq .video .vthumb{ height:130px; border-radius:9px; position:relative; overflow:hidden; background:linear-gradient(135deg,#243244,#161e29); background-size:cover; background-position:center; }
.cnq .video .vthumb::before{ content:"▶"; position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-size:20px; background:rgba(0,0,0,.32); }
.cnq .video .vt{ font-weight:700; font-size:14px; line-height:1.38; margin-top:9px; color:#e9edf2; letter-spacing:-.01em;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* ============ 상세(기사보기) — 새 마크업 ============ */
.cnq .art-crumb{ font-size:13px; color:var(--muted); margin:18px 0 16px; }
.cnq .art-crumb a{ color:var(--muted); } .cnq .art-crumb a:hover{ color:var(--brand2); }
.cnq .art-crumb span{ margin:0 6px; opacity:.6; }
.cnq .art{ background:var(--card); border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); padding:38px 42px; }
@media (max-width:640px){ .cnq .art{ padding:24px 20px; } }
.cnq .art-cat{ display:inline-block; color:var(--accent); font-weight:800; font-size:13px; letter-spacing:.02em; margin-bottom:10px; }
.cnq .art-title{ font-size:31px; line-height:1.34; font-weight:800; letter-spacing:-.025em; color:var(--ink); margin:0 0 14px; }
@media (max-width:640px){ .cnq .art-title{ font-size:24px; } }
.cnq .art-sub{ font-size:18px; line-height:1.6; font-weight:500; color:var(--sub); margin:0 0 22px; }
.cnq .art-meta{ display:flex; align-items:center; gap:10px; padding:15px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); flex-wrap:wrap; }
.cnq .art-meta .art-rep img{ width:38px; height:38px; border-radius:50%; object-fit:cover; }
.cnq .art-meta .art-by{ font-weight:700; font-size:14px; color:var(--ink); }
.cnq .art-meta .art-date{ font-size:13px; color:var(--muted); }
.cnq .art-tools{ position:static !important; display:flex !important; gap:8px !important; margin-left:auto !important; float:none !important; top:auto !important; right:auto !important; }
.cnq .art-tools > li{ margin:0 !important; float:none !important; }
.cnq .news-con{ font-size:17px; line-height:1.9; color:#22262e; padding:28px 0 6px; word-break:keep-all; }
.cnq .news-con p{ margin:0 0 1.15em; }
.cnq .news-con img{ max-width:100%; height:auto; border-radius:8px; margin:14px 0 4px; display:block; }
.cnq .news-con iframe{ max-width:100%; border-radius:8px; }
/* 이미지·캡션: 좌측정렬 + 불필요한 br 간격 제거 */
.cnq .news-con div[style*="text-align:center"], .cnq .news-con div[style*="text-align: center"]{ text-align:left !important; }
.cnq .news-con figure{ display:block !important; float:none !important; margin:18px 0 6px !important; max-width:100% !important; }
.cnq .news-con figure img{ margin:0 !important; }
.cnq .news-con figure br{ display:none !important; }
.cnq .news-con figcaption{ text-align:left !important; color:var(--muted); font-size:13.5px; margin-top:8px; line-height:1.55; }
.cnq .news-con h1,.cnq .news-con h2,.cnq .news-con h3{ margin:1.2em 0 .5em; font-weight:800; line-height:1.4; }
.cnq .view-copyright{ margin-top:22px; padding-top:16px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; line-height:1.6; }
.cnq .art-actions{ display:flex; gap:12px; justify-content:center; margin-top:26px; }
.cnq .act-btn{ display:inline-flex; align-items:center; gap:8px; padding:12px 26px; border:1px solid var(--line); background:var(--card); border-radius:999px; cursor:pointer; font-weight:700; font-size:14px; color:var(--sub); }
.cnq .act-btn.active{ border-color:var(--accent); color:var(--accent); background:#fdf0ee; }
.cnq .act-btn span:last-child{ color:var(--brand2); font-weight:800; }
.cnq .art-comment{ margin-top:22px; }
.cnq .art-related{ margin-top:30px; }

/* ============ 목록(카테고리) — 새 마크업 ============ */
.cnq .list-head{ margin:22px 0 6px; }
.cnq .list-head h1{ display:inline-block; font-size:27px; font-weight:800; letter-spacing:-.025em; color:var(--ink); padding:0 2px 10px; border-bottom:3px solid var(--accent); }
.cnq .lead{ display:grid; grid-template-columns:1.5fr 1fr; gap:22px; margin-top:16px; }
@media (max-width:760px){ .cnq .lead{ grid-template-columns:1fr; } }
.cnq .lead-main{ position:relative; display:block; border-radius:12px; overflow:hidden; box-shadow:var(--shadow); }
.cnq .lead-main .thumb{ height:360px; border-radius:0; }
.cnq .lead-cap{ position:absolute; left:0; right:0; bottom:0; padding:44px 24px 22px; background:linear-gradient(transparent,rgba(6,10,15,.9)); }
.cnq .lead-cap h2{ font-size:22px; font-weight:800; line-height:1.34; letter-spacing:-.02em; color:#fff; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.cnq .lead-cap span{ display:block; margin-top:8px; font-size:12px; color:rgba(255,255,255,.78); }
.cnq .lead-side{ background:var(--card); border:1px solid var(--line); border-radius:12px; padding:4px 18px; box-shadow:var(--shadow); }
.cnq .lead-item{ display:flex; gap:10px; align-items:baseline; padding:13px 0; border-top:1px solid var(--line); }
.cnq .lead-item:first-child{ border-top:0; }
.cnq .lead-item .t{ font-weight:600; font-size:14.5px; line-height:1.42; color:var(--ink); letter-spacing:-.01em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cnq .lead-item i{ margin-left:auto; font-style:normal; font-size:12px; color:var(--muted); white-space:nowrap; }
.cnq .artlist{ display:flex; flex-direction:column; }
.cnq .artrow{ display:flex; gap:18px; padding:20px 0; border-top:1px solid var(--line); }
.cnq .artrow:first-child{ border-top:0; }
.cnq .artrow .artthumb{ flex:0 0 180px; width:180px; height:118px; border-radius:10px; background:linear-gradient(135deg,#c7d2de,#9fb0c2); background-size:cover; background-position:center; box-shadow:var(--shadow); }
.cnq .artrow .artbody{ min-width:0; flex:1; }
.cnq .artrow .artbody b{ display:block; font-size:19px; font-weight:700; line-height:1.4; color:var(--ink); letter-spacing:-.01em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cnq .artrow .artbody span{ display:block; margin-top:8px; color:var(--sub); font-size:14px; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cnq .artrow .artmeta{ margin-top:10px; }
.cnq .artrow .artmeta .time{ font-style:normal; font-size:12.5px; color:var(--muted); }
.cnq .artrow .artmeta .tags{ font-style:normal; margin-left:10px; font-size:12.5px; color:var(--brand2); }
@media (max-width:560px){ .cnq .artrow{ flex-direction:column; } .cnq .artrow .artthumb{ width:100%; height:190px; flex:none; } }
.cnq .list-none{ padding:60px 0; text-align:center; color:var(--muted); }
.cnq .cnq-paging{ margin-top:26px; }
.cnq .cnq-paging .list_paging, .cnq .cnq-paging > *{ display:flex; justify-content:center; gap:6px; flex-wrap:wrap; }
.cnq .cnq-paging a, .cnq .cnq-paging strong, .cnq .cnq-paging span{ display:grid; place-items:center; min-width:38px; height:38px; padding:0 8px; border:1px solid var(--line); border-radius:8px; background:var(--card); color:var(--sub); font-weight:600; font-size:14px; }
.cnq .cnq-paging strong, .cnq .cnq-paging .on{ background:var(--brand); color:#fff; border-color:var(--brand); }

/* ============ 날씨 롤링 위젯 ============ */
.cnq .weather{ position:relative; overflow:hidden; }
.cnq .weather .wx-head{ font-size:13px; opacity:.85; margin-bottom:8px; }
.cnq .weather .wx-head b{ font-weight:700; }
.cnq .weather .wx-item{ display:none; }
.cnq .weather .wx-item.on{ display:block; animation:wxin .45s ease; }
.cnq .weather .wx-city{ font-size:14px; opacity:.92; font-weight:600; }
.cnq .weather .wx-temp{ font-size:36px; font-weight:800; letter-spacing:-.02em; line-height:1.15; margin:2px 0 3px; }
.cnq .weather .wx-cond{ font-size:13px; opacity:.9; }
.cnq .weather .wx-dots{ position:absolute; right:22px; top:22px; display:flex; gap:6px; }
.cnq .weather .wx-dots b{ width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.4); transition:.25s; }
.cnq .weather .wx-dots b.on{ background:#fff; width:16px; border-radius:4px; }
@keyframes wxin{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } }

/* 뉴스레터 동의문구 */
.cnq .nl-agree{ margin-top:12px; font-size:11.5px; color:rgba(255,255,255,.55); line-height:1.5; }