/*
 * 하이몽골리아뉴스 리뉴얼 공통 (헤더, 메뉴, 모바일 헤더, 상단 배너, 검색, 전체 메뉴, 푸터)
 * 값은 시안 1_홈.html 그대로. 초기화(reset)는 새 영역(.nh-*) 안에서만 (기사 본문, Divi 모듈은 건드리지 않음)
 * 반응형: 1080px, 760px
 */

body.nh-site{
  --b:#2B4C9B;--b2:#1D3577;--nv:#14234A;--cy:#1FB2CC;--gr:#4CAF50;
  --ink:#111827;--body:#374151;--mute:#6B7280;--line:#E5E7EB;--bg2:#F5F7FA;
  --hot:#D7263D;--ftbg:#0F1A35;
  --nh-font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  --nh-sticky:0px;
}
html,body.nh-site{overflow-x:clip} /* hidden 이면 sticky 메뉴가 깨짐 */
body.nh-site.admin-bar{--nh-sticky:32px}
@media (max-width:782px){body.nh-site.admin-bar{--nh-sticky:46px}}
@media (max-width:600px){body.nh-site.admin-bar{--nh-sticky:0px}} /* WP 관리 바가 스크롤되는 폭 */

/* Divi 기본 헤더/푸터와 고정 헤더 여백 끄기 */
body.nh-site #main-header,body.nh-site #top-header,body.nh-site #main-footer{display:none!important}
body.nh-site #page-container{padding-top:0!important;overflow:visible}
body.nh-site #et-main-area{overflow:visible}

.nh-util,.nh-util *,.nh-mast,.nh-mast *,.nh-nav,.nh-nav *,.nh-mobhd,.nh-mobhd *,.nh-mobnav,.nh-mobnav *,.nh-mobslot,.nh-mobslot *,
.nh-search,.nh-search *,.nh-panel,.nh-panel *,.nh-ftr,.nh-ftr *{box-sizing:border-box;margin:0;padding:0}
.nh-util,.nh-mast,.nh-nav,.nh-mobhd,.nh-mobnav,.nh-search,.nh-panel,.nh-ftr{font-family:var(--nh-font);line-height:1.55;word-break:keep-all;-webkit-font-smoothing:antialiased}
.nh-util a,.nh-mast a,.nh-nav a,.nh-mobhd a,.nh-mobnav a,.nh-panel a,.nh-ftr a,.nh-mobslot{color:inherit;text-decoration:none}
.nh-ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
.nh-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.nh-util button,.nh-nav button,.nh-mobhd button,.nh-search button,.nh-panel button{font:inherit;background:none;border:0;cursor:pointer;color:inherit}

/* 상단 정보 줄 (PC) */
.nh-util{background:var(--bg2);border-bottom:1px solid var(--line);font-size:13px;color:var(--mute)}
.nh-util .nh-wrap{height:36px;display:flex;align-items:center;gap:18px}
.nh-util .nh-fx{display:flex;gap:14px;align-items:center}
.nh-util .nh-fx b{color:var(--ink);font-weight:700}
.nh-util-r{margin-left:auto;display:flex;gap:16px}
.nh-util-r a{display:inline-flex;align-items:center;gap:4px}
.nh-util-r a:hover{color:var(--b)}
.nh-util .nh-ic{width:13px;height:13px}

/* 로고 + 상단 배너 (헤더 높이 약 162px = 14 + 134 + 14) */
.nh-mast{background:#fff}
.nh-mast .nh-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:14px;padding-bottom:14px}
.nh-logo{flex:none}
.nh-logo img{height:66px;width:auto;display:block}
.nh-slot{position:relative;flex:0 1 740px;display:block}
.nh-slot img{display:block;width:740px;max-width:100%;height:auto;border-radius:4px}
.nh-pr-tag{position:absolute;top:4px;right:6px;font-size:10px;font-weight:700;color:#fff;background:rgba(0,0,0,.45);padding:1px 5px;border-radius:3px;letter-spacing:.04em;line-height:1.5;z-index:1}

/* 메뉴 (남색, sticky) */
.nh-nav{background:var(--nv);position:sticky;top:var(--nh-sticky);z-index:9990}
.nh-nav .nh-wrap{display:flex;align-items:center;height:52px}
.nh-nav a{color:#e6ebf7;font-weight:700;font-size:16px;padding:0 15px;height:52px;display:inline-flex;align-items:center;border-bottom:3px solid transparent;white-space:nowrap}
.nh-nav a:first-child{padding-left:0}
.nh-nav a:hover,.nh-nav a.on{color:#fff;border-bottom-color:var(--cy)}
.nh-nav-s{margin-left:auto;color:#fff!important;display:grid;place-items:center;width:40px;height:40px;border-radius:8px}
.nh-nav-s:hover,.nh-nav-s[aria-expanded="true"]{background:rgba(255,255,255,.1)}

/* 검색창 (메뉴의 검색 버튼으로 열림) */
.nh-search{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:calc(var(--nh-sticky) + 52px);z-index:9989;box-shadow:0 10px 24px -18px rgba(17,24,39,.35)}
.nh-search[hidden]{display:none}
.nh-search form{display:flex;gap:8px;padding-top:12px;padding-bottom:12px}
.nh-search input{flex:1;min-width:0;height:44px;border:1px solid #D1D5DB;border-radius:8px;padding:0 14px;font:inherit;font-size:16px;color:var(--ink);background:#fff}
.nh-search input:focus{outline:0;border-color:var(--b);box-shadow:0 0 0 3px rgba(43,76,155,.15)}
.nh-search button{height:44px;padding:0 18px;border-radius:8px;background:var(--b)!important;color:#fff!important;font-weight:700}
.nh-search button:hover{background:var(--b2)!important}

/* 모바일 전용 (PC 에서는 숨김) */
.nh-mobhd,.nh-mobnav,.nh-mobslot{display:none}

/* 전체 메뉴 (모바일 햄버거) */
.nh-panel{position:fixed;inset:0;z-index:99999;background:rgba(15,26,53,.45)}
.nh-panel[hidden]{display:none}
.nh-panel-in{position:absolute;top:0;right:0;bottom:0;width:min(320px,86vw);background:#fff;padding:16px 18px 24px;overflow-y:auto;box-shadow:-12px 0 30px -12px rgba(0,0,0,.35)}
.nh-panel-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.nh-panel-hd b{font-size:17px;color:var(--ink)}
.nh-panel-hd button{width:40px;height:40px;display:grid;place-items:center;color:var(--nv)}
.nh-panel-g{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px}
.nh-panel-g a{padding:12px 12px;border:1px solid var(--line);border-radius:8px;font-weight:700;font-size:15px;color:var(--ink)}
.nh-panel-g a.on{border-color:var(--cy);color:var(--b)}
.nh-panel-info{font-size:13px;color:var(--mute);background:var(--bg2);border-radius:8px;padding:10px 12px;margin-bottom:14px}
.nh-panel-links{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:10px}
.nh-panel-links a{padding:10px 2px;font-size:15px;color:var(--body)}
body.nh-panel-open{overflow:hidden}

/* 푸터 */
.nh-ftr{background:var(--ftbg);color:#9AA6C2;font-size:13.5px}
.nh-ft{display:grid;grid-template-columns:260px 1fr;gap:40px;padding-top:44px;padding-bottom:30px}
.nh-ft-l img{height:52px;width:auto;background:#fff;border-radius:8px;padding:6px 10px;display:block;box-sizing:content-box}
.nh-ft-l p{margin-top:14px;line-height:1.65}
.nh-ft-nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:16px}
.nh-ft-nav a{color:#e6ebf7;font-weight:600}
.nh-ft-nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.nh-ft-dl{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:4px 14px;line-height:1.6}
.nh-ft-dl dt{color:#6F7C9A}
.nh-ft-dl dd{color:#C7D0E4}
.nh-cp{border-top:1px solid #1E2B4D;padding-top:16px;padding-bottom:16px;font-size:12.5px;color:#6F7C9A;display:flex;justify-content:space-between;align-items:baseline;gap:6px 20px;flex-wrap:wrap}
.nh-cp-admin{color:#6F7C9A!important;white-space:nowrap}
.nh-cp-admin:hover{color:#C7D0E4!important;text-decoration:underline;text-underline-offset:3px}

@media (max-width:1080px){
  .nh-slot img{width:100%}
  .nh-nav a{padding:0 10px;font-size:15px}
}

@media (max-width:760px){
  .nh-util,.nh-mast,.nh-nav{display:none}
  .nh-wrap{padding:0 14px}
  .nh-mobhd{display:flex;position:sticky;top:var(--nh-sticky);z-index:9990;background:#fff;height:56px;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line)}
  .nh-mobhd button,.nh-mobhd a{display:grid;place-items:center;width:40px;height:40px;color:var(--nv)}
  .nh-mobhd .nh-mob-logo{width:auto}
  .nh-mobhd img{height:36px;width:auto;display:block}
  .nh-mobnav{display:flex;overflow-x:auto;gap:4px;background:var(--nv);padding:0 10px;scrollbar-width:none;position:sticky;top:calc(var(--nh-sticky) + 56px);z-index:9989}
  .nh-mobnav::-webkit-scrollbar{display:none}
  .nh-mobnav a{color:#e6ebf7;font-weight:700;font-size:14.5px;padding:11px 10px;white-space:nowrap}
  .nh-mobnav a.on{color:#fff;box-shadow:inset 0 -3px 0 var(--cy)}
  .nh-search{top:calc(var(--nh-sticky) + 100px)}
  .nh-mobslot{display:block;padding:10px 14px 4px;position:relative;background:#fff}
  .nh-mobslot img{width:100%;height:auto;display:block;border-radius:4px;aspect-ratio:700/220;object-fit:cover}
  .nh-mobslot .nh-pr-tag{right:20px;top:14px}
  .nh-ft{grid-template-columns:1fr;gap:22px;padding-top:32px}
  .nh-ft-dl{grid-template-columns:auto 1fr}
}