@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@700;900&display=swap');

/* =========================================================
   더인베스트 뉴스 메인 — news.css (2026-09-26 뉴스 사이트 전환 3단계)
   - 로드: common.css → gnbmenu.css → news.css (top_skin $_arrPageCss 훅, 버전=csspara)
   - 범위: (1) 뉴스 헤더 → header.css 로 분리(2026-10-01, 전 페이지 공통)
           (2) 뉴스 메인 .nm-* (헤드라인·리스트·우측 레일·탐구생활 카드)
   - 토큰: common.css :root 재사용 + 아래 --nm-* 추가. 본문 16px, 제목 세리프(Noto Serif KR)
   - 반응형: 1024↑ 2단(본문+340 레일) / 768~1023 1단(카드 2열) / 767↓ 1열
   - 접근 정책: 마스킹 없음(전부 공개). 유료 지정 기사는 .nm-tag--paid 만 표시
   ========================================================= */

:root{
	--nm-navy:#12264B; --nm-navy-2:#0C1A36; --nm-navy-line:rgba(255,255,255,.14);
	--nm-serif:'Noto Serif KR','Nanum Myeongjo','Apple SD Gothic Neo',Georgia,serif;
	--nm-paid:#B5470F; --nm-paid-bg:#FFEFE6;
	--nm-ai:#175B4C; --nm-ai-bg:#E4F3EE;
	--nm-deep:#9A6300; --nm-deep-bg:#FFF4E0;
}

/* (1) 뉴스 헤더 스타일은 header.css 로 분리(2026-10-01 GNB 통합 — 전 페이지 공통 로드). 아래 두 줄만 뉴스 페이지 전용 */
body:has(.gnb--news){background:var(--card);}   /* 뉴스 헤더 페이지는 바탕 흰색 — 푸터 위 50px 여백도 흰색 */
.nm.srv-page{padding-bottom:0;}   /* 기사뷰: 푸터 여백(50px)은 .site-foot margin 으로 통일 */

/* ---------- (2) 뉴스 메인 ---------- */
.nm{background:var(--card);color:var(--text);word-break:keep-all;overflow-wrap:anywhere;}
.nm .wrap{max-width:var(--wrap);}
.nm a:hover{text-decoration:underline;text-underline-offset:3px;}
.nm h1,.nm h2,.nm h3{margin:0;line-height:1.3;}
.nm p{margin:0;}
.nm ul{margin:0;padding:0;list-style:none;}
/* common.css .num 은 JetBrains Mono(한글 글리프 없음 → 한글이 시스템 폰트로 폴백). 뉴스 스코프는 본문 폰트 유지 + 고정폭 숫자만 */
.nm .num{font-family:inherit;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:0;}

/* 태그·칩·메타 */
.nm-tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:3px;line-height:1.5;vertical-align:middle;}
.nm-tag--ai{background:var(--nm-ai-bg);color:var(--nm-ai);}
.nm-tag--deep{background:var(--nm-deep-bg);color:var(--nm-deep);}
.nm-tag--dis{background:var(--line-2);color:var(--ink-2);}
.nm-tag--paid{background:var(--nm-paid-bg);color:var(--nm-paid);}
.nm-tag--live{background:var(--up);color:#fff;}
.nm-meta{font-size:12.5px;color:var(--muted);}
.nm-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:1px 8px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2);background:var(--card);white-space:nowrap;}
.nm-chip--up{color:var(--up);border-color:rgba(240,65,62,.4);}
.nm-chip--down{color:var(--down);border-color:rgba(46,107,232,.4);}
.nm-chip--good{color:var(--brand-ink);border-color:rgba(42,107,94,.4);}

/* 섹션 공통 */
.nm-sec{padding:28px 0;}
.nm-sec + .nm-sec{border-top:1px solid var(--line);}
.nm-sec__h{display:flex;align-items:baseline;gap:6px 12px;margin-bottom:16px;flex-wrap:wrap;}
.nm-sec__h h2{font-family:var(--nm-serif);font-size:21px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;}
.nm-sec__desc{font-size:13.5px;color:var(--muted);}
.nm-sec__more{margin-left:auto;font-size:13.5px;color:var(--brand-ink);font-weight:600;white-space:nowrap;}
@media (max-width:639px){ .nm-sec__desc{display:none;} }

/* 헤드라인 */
.nm-hero{display:grid;gap:22px;padding:22px 0 26px;}
.nm-hero__img{display:block;aspect-ratio:16/9;max-width:100%;border-radius:6px;background:linear-gradient(135deg,#1B3A6B 0%,var(--nm-navy) 55%,var(--nm-navy-2) 100%);position:relative;overflow:hidden;color:#fff;}
.nm-hero__img img{width:100%;height:100%;object-fit:cover;display:block;}
.nm-hero__img svg{position:absolute;left:6%;bottom:8%;width:88%;height:52%;opacity:.9;}
.nm-hero__cap{position:absolute;top:12px;left:14px;font-size:11.5px;letter-spacing:.12em;color:#C9D6EE;text-transform:uppercase;}
.nm-hero__nm{position:absolute;right:16px;bottom:14px;font-family:var(--nm-serif);font-size:22px;font-weight:900;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.4);}
.nm-hero__main .nm-tag{margin-top:14px;}
.nm-hero__main h1{font-family:var(--nm-serif);font-size:26px;font-weight:900;letter-spacing:-.02em;line-height:1.32;margin-top:10px;}
.nm-hero__main h1 a{color:var(--ink);}
.nm-hero__lead{margin-top:8px;color:var(--ink-2);font-size:15.5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.nm-hero__meta{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.nm-hero__side{display:flex;flex-direction:column;}
.nm-hero__side li{padding:14px 0;border-top:1px solid var(--line);}
.nm-hero__side li:first-child{border-top:0;padding-top:0;}
.nm-hero__side h3{font-size:17px;font-weight:700;line-height:1.4;margin-top:4px;}
.nm-hero__side .nm-meta{margin-top:5px;display:block;}
.nm-hero__data{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap;}
@media (min-width:768px){ .nm-hero{grid-template-columns:1fr 1fr;} .nm-hero__main h1{font-size:28px;} }
@media (min-width:1024px){ .nm-hero{grid-template-columns:7fr 5fr;gap:36px;} .nm-hero__main h1{font-size:32px;} .nm-hero__side li:last-child{padding-bottom:0;} }

/* 본문 2단 */
.nm-cols{display:grid;gap:32px;}
@media (min-width:1024px){ .nm-cols{grid-template-columns:minmax(0,1fr) 340px;gap:48px;} }
.nm-cols > *{min-width:0;}
.nm-rail{display:flex;flex-direction:column;gap:24px;}
.nm-panel{border:1px solid var(--line);border-radius:6px;background:var(--card);box-shadow:var(--sh);overflow:hidden;}
.nm-panel__h{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface);}
.nm-panel__h h3{font-size:15px;font-weight:700;}
.nm-panel__more{margin-left:auto;font-size:12.5px;color:var(--brand-ink);font-weight:600;}
.nm-panel__b{padding:14px 16px;}
.nm-panel__foot{padding:8px 16px;font-size:12px;color:var(--muted-2);border-top:1px solid var(--line);}

/* 기사 리스트(텍스트 + KPI) */
.nm-alist li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:14px 0;border-top:1px solid var(--line);align-items:start;}
.nm-alist li:first-child{border-top:0;padding-top:0;}
.nm-alist li > div:first-child{grid-column:1;min-width:0;}
.nm-alist h3{font-size:17px;font-weight:700;line-height:1.42;margin-top:3px;}
.nm-alist__sub{font-size:14px;color:var(--ink-2);margin-top:4px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.nm-alist .nm-meta{margin-top:6px;display:flex;gap:10px;flex-wrap:wrap;}
.nm-kpi{grid-column:2;display:grid;grid-template-columns:repeat(3,auto);gap:4px 14px;align-content:start;padding:8px 12px;border-radius:6px;background:var(--surface);font-size:12px;color:var(--muted);text-align:right;min-width:190px;}
.nm-kpi b{display:block;font-size:15px;color:var(--ink);font-weight:700;}
.nm-kpi .up{color:var(--up);} .nm-kpi .down{color:var(--down);}
@media (max-width:639px){
	.nm-alist li{grid-template-columns:1fr;}
	.nm-kpi{grid-column:1;text-align:left;min-width:0;grid-template-columns:repeat(3,1fr);}
}

/* 심층분석 2열 카드 */
.nm-dgrid{display:grid;gap:18px;}
@media (min-width:640px){ .nm-dgrid{grid-template-columns:1fr 1fr;} }
.nm-dcard{padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--card);}
.nm-dcard__eyebrow{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center;}
.nm-dcard h3{font-family:var(--nm-serif);font-size:18px;font-weight:700;line-height:1.4;margin-top:8px;}
.nm-dcard p{font-size:14px;color:var(--ink-2);margin-top:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* 텍스트 리스트 */
.nm-plain li{padding:9px 0;border-top:1px solid var(--line);font-size:15px;display:flex;gap:10px;align-items:baseline;}
.nm-plain li:first-child{border-top:0;padding-top:0;}
.nm-plain li a{flex:1;min-width:0;}
.nm-plain .nm-tag{flex:0 0 auto;}
.nm-plain .nm-meta{flex:0 0 auto;}
.nm-plain__n{color:var(--muted-2);font-weight:700;min-width:16px;}

/* 시황 브리핑 패널 */
.nm-brief h3{font-family:var(--nm-serif);font-size:17px;line-height:1.4;margin-top:6px;}
.nm-brief p{font-size:14px;color:var(--ink-2);margin-top:8px;}
.nm-brief__stat{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;}
.nm-brief__stat div{background:var(--surface);border-radius:4px;padding:8px 10px;font-size:12px;color:var(--muted);}
.nm-brief__stat b{display:block;font-size:18px;color:var(--ink);}
.nm-brief__stat .good{color:var(--brand-ink);} .nm-brief__stat .warn{color:var(--up);}

/* 시그널 TOP5 (호재/주의 2열) */
.nm-twin{display:grid;grid-template-columns:1fr 1fr;}
.nm-twin > div{padding:12px 14px;min-width:0;}
.nm-twin > div + div{border-left:1px solid var(--line);}
.nm-twin h4{font-size:13px;font-weight:700;margin:0 0 6px;display:flex;align-items:center;gap:6px;}
.nm-twin h4::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--brand);}
.nm-twin > div + div h4::before{background:var(--up);}
.nm-rank li{display:flex;gap:8px;align-items:center;padding:8px 0;border-top:1px dashed var(--line);font-size:14.5px;}
.nm-rank li:first-child{border-top:0;padding-top:0;}
.nm-rank__n{width:18px;font-weight:900;color:var(--muted-2);font-size:15px;text-align:center;flex:0 0 auto;}
.nm-rank li:nth-child(-n+3) .nm-rank__n{color:var(--brand);}
.nm-rank__nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nm-rank__sc{font-weight:700;min-width:36px;text-align:right;flex:0 0 auto;}
.nm-rank__sc.good{color:var(--brand-ink);} .nm-rank__sc.warn{color:var(--up);}

/* 탐구생활 카드 스트립 */
.nm-xstrip{display:grid;gap:12px;}
@media (min-width:640px){ .nm-xstrip{grid-template-columns:repeat(2,1fr);} }
@media (min-width:1024px){ .nm-xstrip{grid-template-columns:repeat(4,1fr);} }
.nm-xcard{border:1px solid var(--line);border-radius:6px;padding:14px;background:var(--card);min-width:0;}
.nm-xcard__h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;}
.nm-xcard__h b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nm-xcard__cd{font-size:12px;color:var(--muted-2);flex:0 0 auto;}
.nm-xcard__px{margin-top:6px;display:flex;gap:8px;align-items:baseline;}
.nm-xcard__px b{font-size:19px;font-weight:700;}
.nm-xcard__px .up{color:var(--up);} .nm-xcard__px .down{color:var(--down);}
.nm-xcard__sc{margin-top:8px;font-size:13px;color:var(--ink-2);}
.nm-xcard__sc b{color:var(--brand-ink);font-size:15px;}
.nm-xcard__why{font-size:13px;color:var(--muted);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* 구독 안내 패널 */
.nm-sub{font-size:14px;color:var(--ink-2);line-height:1.7;}
.nm-sub a{color:var(--brand-ink);font-weight:700;display:inline-block;margin-top:8px;}

/* 안내·비어있음 */
.nm-empty{padding:18px;border:1px dashed var(--line);border-radius:6px;color:var(--muted);font-size:14px;text-align:center;}
.nm-note{font-size:12.5px;color:var(--muted-2);margin-top:14px;line-height:1.6;}

/* ---------- (3) 기사 뷰 (sreportview — 4단계) ---------- */
.nm-crumb{font-size:13px;color:var(--muted);padding:14px 0 0;}
.nm-crumb a:hover{color:var(--brand-ink);}
.nm-art__cols{display:grid;gap:32px;padding:16px 0 40px;}
@media (min-width:1024px){ .nm-art__cols{grid-template-columns:minmax(0,1fr) 320px;gap:56px;} }
.nm-art__cols > *{min-width:0;}
.nm-art .srv{margin:0;max-width:760px;}
/* 2026-09-30 .nm 리셋(h1~h3·p margin:0)이 기사 본문 간격까지 지우던 문제 — 본문(.srv) 안에서는 common.css 간격 복원 */
.nm .srv p{margin:0 0 16px;}
.nm .srv h2{margin:44px 0 16px;}
.nm .srv h3{margin:28px 0 10px;}
.nm .srv h1{margin:0 0 12px;}
.nm .srv .srv-sub{margin:0 0 8px;}
.nm .srv .srv-meta{margin:0 0 20px;}
.nm-art .srv h1{font-family:var(--nm-serif);font-size:28px;font-weight:900;letter-spacing:-.02em;line-height:1.35;}
@media (min-width:768px){ .nm-art .srv h1{font-size:32px;} }
.nm-art .srv .srv-sub{font-weight:500;color:var(--ink-2);}
.nm-art .srv h2{border-left-color:var(--brand);}
.nm-art__tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 12px;}
.nm-art__ext{margin:18px 0 0;font-size:14px;}
.nm-art__ext a{color:var(--brand-ink);font-weight:700;}
.nm-art__rail{position:sticky;top:16px;align-self:start;}
.nm-plain--sm li{font-size:14px;padding:7px 0;}
.srv-gate--pw{margin-top:-30px;}
.srv-gate--pw .srv-gate__box{padding:18px 20px 22px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,var(--surface) 70%);}
.srv-gate--pw .srv-gate__txt{margin:10px 0 16px;}
.srv-gate__sub{margin:10px 0 0;font-size:13px;color:var(--muted);}
.srv-gate__sub a{color:var(--brand-ink);font-weight:700;}
.srv-paywall{display:contents;}   /* 구독자 화면: 구조화 데이터용 래퍼 — 레이아웃 영향 없음 */

/* ---------- (4) 섹션 리스트 (sreport — 5단계) ---------- */
.nm-list .nm-crumb{padding-top:16px;}
.nm-ph{padding:10px 0 18px;border-bottom:1px solid var(--line);}
.nm-ph__t{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;}
.nm-ph h1{font-family:var(--nm-serif);font-size:28px;font-weight:900;letter-spacing:-.02em;margin:0;}
.nm-ph p{margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.65;}   /* 2026-09-30 폭 제한 없이 한 줄로 꽉 차게(사용자 지시) */
.nm-subnav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:14px 0 4px;}
.nm-subnav::-webkit-scrollbar{display:none;}
.nm-subnav a{flex:0 0 auto;padding:6px 14px;border-radius:999px;border:1px solid var(--line);font-size:14px;color:var(--ink-2);background:var(--card);white-space:nowrap;}
.nm-subnav a:hover{border-color:var(--nm-navy);text-decoration:none;}
.nm-subnav a.is-on{background:var(--nm-navy);border-color:var(--nm-navy);color:#fff;}
.nm-subnav a .num{margin-left:2px;opacity:.7;font-size:12.5px;}
.nm-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 0 20px;font-size:14px;}
.nm-filters select,.nm-filters input{font-family:inherit;font-size:14px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--text);}
.nm-filters input{flex:1 1 180px;min-width:0;max-width:280px;}
.nm-filters select:focus,.nm-filters input:focus{outline:2px solid var(--brand);outline-offset:1px;}
.nm-btn{height:38px;padding:0 16px;border:0;border-radius:6px;background:var(--nm-navy);color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;}
.nm-btn:hover{filter:brightness(1.15);}
.nm-filters__reset{font-size:13px;color:var(--muted);text-decoration:underline;}
.nm-filters__cnt{margin-left:auto;color:var(--muted);}
.nm-filters__cnt b{color:var(--ink);}
.nm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.nm-pager{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;padding:26px 0 8px;}
.nm-pager a,.nm-pager span{min-width:36px;height:36px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;font-size:14px;color:var(--ink-2);font-variant-numeric:tabular-nums;}
.nm-pager a:hover{border-color:var(--nm-navy);text-decoration:none;}
.nm-pager .is-on{background:var(--nm-navy);border-color:var(--nm-navy);color:#fff;font-weight:700;}
.nm-seclist li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px dashed var(--line);font-size:14px;}
.nm-seclist li:first-child{border-top:0;padding-top:0;}
.nm-seclist a.is-on{color:var(--brand-ink);font-weight:700;}
.nm-seclist .num{color:var(--muted-2);}
.nm-alist time{color:var(--muted);}
@media (max-width:639px){
	.nm-ph h1{font-size:24px;}
	.nm-filters input{max-width:none;}
	.nm-filters__cnt{width:100%;margin-left:0;}
}

/* ---------- (5) 심층분석 본문 (deepview — 6b) ---------- */
/* 엔진 도표 SVG 는 font-family "FigKR" 지정 — 사이트에서는 본문 폰트로 연결 */
@font-face{font-family:FigKR;font-weight:400;src:local('Pretendard Regular'),local('Pretendard-Regular'),local('Noto Sans KR'),local('Malgun Gothic');}
@font-face{font-family:FigKR;font-weight:700;src:local('Pretendard Bold'),local('Pretendard-Bold'),local('Noto Sans KR Bold'),local('Malgun Gothic Bold');}
.dv .srv-meta{margin-bottom:18px;}
.dv-rel{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 22px;font-size:13px;}
.dv-rel__lb{color:var(--muted);margin-right:4px;font-weight:600;}
.dv-body h2{font-size:22px;}
.dv-body p{white-space:normal;}
.dv-fig{margin:22px 0 28px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fcfcfb;}
.dv-fig__tt{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 10px;line-height:1.4;}
.dv-fig__svg{overflow-x:auto;}
.dv-fig__svg svg{display:block;width:100%;height:auto;max-width:100%;min-width:320px;}
.dv-fig__src{margin:8px 0 0 !important;font-size:12.5px;color:var(--muted);line-height:1.5;}
.dv-srcs{margin:26px 0 0;padding:16px 18px;background:var(--surface);border-radius:8px;}
.dv-srcs h3{font-size:15px;margin:0 0 8px;}
.dv-srcs ul{margin:0;padding:0;list-style:none;}
.dv-srcs li{display:flex;gap:8px;align-items:baseline;padding:5px 0;font-size:14px;line-height:1.5;border-top:1px dashed var(--line);}
.dv-srcs li:first-child{border-top:0;}
.dv-srcs li a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;}
@media (max-width:639px){
	.dv-fig{padding:12px 10px;margin:18px -4px 22px;}
	.dv-body h2{font-size:20px;}
}