@charset "utf-8";
/* =========================================================
   더인베스트 공통 헤더 — header.css (2026-10-01 GNB 통합)
   - 로드: top_skin 이 전 페이지에 common.css → gnbmenu.css → header.css 순서로 로드(버전=csspara)
   - 대상: skin/news_header.inc.php (.gnb--news — 유틸바·로고 행·네이비 GNB·데이터 스트립)
   - 이전: news.css (1) 섹션을 옮김. 뉴스 페이지 전용 규칙(흰 바탕 등)은 news.css 에 남김
   - 모바일(1023↓): 로고 행 검색 아이콘(.nh-sbtn) → 검색창 한 줄 펼침(.gnb--news.is-search)
   ========================================================= */

: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) 뉴스 헤더 — top_skin $_bNewsHeader 훅 → skin/news_header.inc.php ----------
   2026-09-30: 유틸바·로고 행·GNB 를 네이비 단색(--nm-navy)으로 통일. 로고는 흰색(logo04.png).
   회원 링크는 유틸바에만(로고 행 아이콘 제거). 데이터 스트립은 헤더 아래 밝은 띠로 분리 */
.gnb--news{position:static;background:var(--nm-navy);border-bottom:0;color:#fff;}
.nh-util{border-bottom:1px solid var(--nm-navy-line);font-size:12.5px;}
.nh-util .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;height:32px;}
.nh-util__brand{color:#fff;font-weight:600;}
.nh-util__acct{display:flex;gap:16px;}
.nh-util__acct a{color:#C5CEE0;}
.nh-util__acct a:hover{color:#fff;}
.nh-logo .wrap{display:flex;align-items:center;gap:18px;height:74px;}
.nh-logo .brand{display:block;line-height:0;}
.nh-logo__img{height:40px;width:auto;display:block;}
.nh-logo__date{font-size:13px;color:#A9B8D6;display:none;}
.nh-logo .gsearch{margin-left:auto;max-width:320px;display:none;}
.gnb--news .gsearch__box{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);}
.gnb--news .gsearch__box:focus-within{border-color:rgba(255,255,255,.5);box-shadow:0 0 0 3px rgba(255,255,255,.12);}
.gnb--news .gsearch__in{color:#fff;}
.gnb--news .gsearch__in::placeholder{color:#A9B8D6;}
.gnb--news .gsearch__btn{background:rgba(255,255,255,.14);}
.gnb--news .gsearch__btn:hover{background:rgba(255,255,255,.24);filter:none;}
.nh-ham{order:9;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:#fff;background:transparent;border:1px solid var(--nm-navy-line);border-radius:8px;cursor:pointer;}
.nh-nav{}   /* 2026-09-30 로고 행과 메뉴 사이 구분선 제거(사용자 지시) */
.nh-nav .wrap{display:flex;align-items:center;}
.gnb--news .tnav{flex:1 1 auto;min-width:0;}
.gnb--news .tnav__menu{gap:0;}
.gnb--news .tnav__lk{padding:13px 14px 11px;border-radius:0;color:#DCE4F3;font-weight:600;font-size:15.5px;border-bottom:3px solid transparent;}
.gnb--news .tnav__lk:hover{background:rgba(255,255,255,.06);color:#fff;}
.gnb--news .tnav__lk.is-on{background:transparent;color:#fff;border-bottom-color:#fff;}
.gnb--news .tnav__car{opacity:.7;}
.gnb--news .tnav__lk2.is-on{background:var(--chip);}
/* 데이터 스트립 — 한글 라벨은 본문 폰트, 숫자만 고정폭 숫자(tnum) */
.nh-strip{background:var(--surface);border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink-2);}
.nh-strip .wrap{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;height:38px;align-items:center;white-space:nowrap;}
.nh-strip .wrap::-webkit-scrollbar{display:none;}
.nh-strip b{font-weight:600;color:var(--muted);margin-right:6px;}
.nh-v{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink);}
.nh-strip .up{color:var(--up);} .nh-strip .down{color:var(--down);} .nh-strip .good{color:var(--brand-ink);}
.nh-strip__t{margin-left:auto;color:var(--muted-2);font-size:12px;}
.nh-strip__t .nh-v{font-weight:500;color:var(--muted-2);}
@media (min-width:768px){
	.nh-logo__date{display:block;}
}
@media (min-width:1024px){
	.nh-logo .gsearch{display:block;}
	.nh-logo__img{height:46px;}
}
/* 모바일 드로어(940↓) — 네비 행은 메뉴를 열었을 때만 표시 */
@media (max-width:940px){
	.nh-logo .wrap{height:62px;}
	.nh-logo__img{height:34px;}
	.nh-nav{display:none;}
	.gnb--news.is-open .nh-nav{display:block;}
	.gnb--news .tnav{display:none;flex:1 1 100%;padding:6px 0 10px;border-top:0;}
	.gnb--news.is-open .tnav{display:block;}
	.gnb--news .tnav__menu{flex-direction:column;align-items:stretch;}
	.gnb--news .tnav__lk{padding:10px 4px;font-weight:800;border-bottom:0;}
	.gnb--news .tnav__lk.is-on{color:#fff;text-decoration:underline;text-underline-offset:5px;}
	.gnb--news .tnav__dd,.gnb--news .tnav__fly{background:transparent;}
	.gnb--news .tnav__lk2,.gnb--news .tnav__fly a{color:#C5CEE0;}
	.gnb--news .tnav__lk2:hover,.gnb--news .tnav__fly a:hover{background:rgba(255,255,255,.08);color:#fff;}
	.gnb--news .tnav__lk2.is-on,.gnb--news .tnav__fly a.is-on{background:rgba(255,255,255,.12);color:#fff;}
}
@media (min-width:941px){ .nh-ham{display:none;} }

/* 한글이 섞이는 헤더 숫자 — common.css .num(JetBrains Mono) 대신 본문 폰트 + 고정폭 숫자 */
.gnb--news .num{font-family:inherit;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:0;}

/* 모바일·태블릿 검색(1023↓) — 아이콘을 누르면 로고 행 아래에 검색창 한 줄 */
.nh-sbtn{order:8;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:#fff;background:transparent;border:1px solid var(--nm-navy-line);border-radius:8px;cursor:pointer;}
.nh-sbtn + .nh-ham{margin-left:8px;}
.gnb--news.is-search .nh-sbtn{background:rgba(255,255,255,.14);}
@media (max-width:1023px){
	.gnb--news.is-search .nh-logo .wrap{flex-wrap:wrap;height:auto;min-height:62px;padding-top:11px;padding-bottom:12px;row-gap:10px;}
	.gnb--news.is-search .nh-logo .gsearch{display:block;order:10;flex:1 1 100%;max-width:none;margin:0;}
}
@media (min-width:1024px){ .nh-sbtn{display:none;} }