/**
 * 통합플랫폼 허브 — Nate 골격(1200px) 레이아웃 SSOT
 * 콘텐츠·라벨은 portal SSOT — 구조·정렬·슬롯만 고정
 */

/* 1) 스킵링크 — 포커스 전 화면 침범/얇은 띠 제거 */
body.nt-integration-hub .area_access {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  z-index: 2147483647;
}
body.nt-integration-hub .area_access:focus-within {
  width: auto;
  height: auto;
  clip: auto;
  clip-path: none;
  overflow: visible;
  white-space: normal;
}

/* 3) 이슈 뱃지 — CDN 스프라이트 실패 시에도 "issue" 원문 누출 금지 */
body.nt-integration-hub[data-nt-device="desktop"] .area_news .icon.issue {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  min-width: 34px;
  height: 18px !important;
  margin: 0 6px 0 0;
  padding: 0 6px;
  font-size: 14px !important;
  font-weight: 800;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #fff !important;
  text-indent: 0 !important;
  overflow: visible !important;
  vertical-align: middle;
  background: #e11d48 !important;
  background-image: none !important;
  border-radius: 3px;
}

body.nt-integration-hub[data-nt-device="desktop"] {
  /* 뉴스 그룹 1200px 골격 SSOT — max 1200 · 좁은 뷰포트는 비율 유지 축소 (모바일 추종) */
  --ihub-page-w: min(1200px, 100vw);
  --ihub-main-w: calc(var(--ihub-page-w) * 850 / 1200);
  --ihub-side-w: calc(var(--ihub-page-w) * 330 / 1200);
  --ihub-gap-w: calc(var(--ihub-page-w) * 20 / 1200);
  --ihub-main-col: calc(var(--ihub-page-w) * 680 / 1200);
  --ihub-side-col: calc(var(--ihub-page-w) * 170 / 1200);
  /* 미드 배너 실크기 660×100 (페이지폭 비례) — 옆 adBox2 170과 합쳐 850열 */
  --ihub-mid-banner-w: calc(var(--ihub-page-w) * 660 / 1200);
  --ihub-thumb-w: calc(var(--ihub-page-w) * 170 / 1200);
  --ihub-thumb-gap: 15px;
  --ihub-area-gap: 20px;
  --ihub-inner-gap: 15px;
  --ihub-divider-pad: 10px;
  /* UH 상단 + 포털메뉴/Biz strip (메가패널 금지) — 개별포털 top 동형 */
  --ihub-uh-top-h: 64px;
  --ihub-header-menu-gap: 50px;
  --ihub-gnb-strip-h: 29px;
  --ihub-header-h: calc(var(--ihub-uh-top-h) + var(--ihub-header-menu-gap) + var(--ihub-gnb-strip-h));
  --ihub-biz-panel-w: 307px;
  --ihub-banner-h: calc(var(--ihub-page-w) * 140 / 1200);
  /* 배너 앞뒤·상하 여백/간격 20px 필수 (SSOT) */
  --ihub-banner-gap: 20px;
  --ihub-banner-fade-ms: 600ms;
  --ihub-banner-fade-interval: 5000ms;
  /* 사이드 배너 = 우측열 330×190 (컬럼폭과 동일) */
  --ihub-side-banner-w: var(--ihub-side-w);
  --ihub-ad02-h: calc(var(--ihub-side-w) * 190 / 330);
  --ihub-kwd-strip-w: calc(var(--ihub-page-w) * 287 / 1200);
  /* 본문 시작 = 헤더 + 상단20 + 메인배너 + 하단20 */
  --ihub-banner-below-gap: 20px;
  --ihub-body-top: calc(var(--ihub-header-h) + var(--ihub-banner-gap) + var(--ihub-banner-h) + var(--ihub-banner-below-gap));
  --ihub-text-col-w: calc(var(--ihub-main-col) - var(--ihub-thumb-w) - var(--ihub-inner-gap));
  --ihub-pick-pad: 5px;
  --ihub-pick-gap: 10px;
  /* 330 − 좌우패딩(5×2) − 썸간여유(10) → 2열 균등 */
  --ihub-pick-thumb-w: calc((var(--ihub-side-w) - 2 * var(--ihub-pick-pad) - var(--ihub-pick-gap)) / 2);
  --ihub-pick-thumb-h: var(--ihub-pick-thumb-w);
  --ihub-pick-thumb: var(--ihub-pick-thumb-w);
  /* 상단18 + 제목31 + 리스트10 + 썸 + 타이틀47 + 하단20 */
  --ihub-pick-box-min-h: calc(18px + 31px + 10px + var(--ihub-pick-thumb-h) + 47px + 20px);
  /* 사이드 뉴스 그리드(레거시 썸 비율 토큰) — 125×72 가로형(330 기준) · 사이드 폭에 비례 */
  --ihub-rank-thumb-w: calc(var(--ihub-side-w) * 125 / 330);
  --ihub-rank-thumb-h: calc(var(--ihub-rank-thumb-w) * 72 / 125);
  --ihub-rank-thumb-gap: calc(var(--ihub-side-w) * 18 / 330);
  --ihub-rank-row-h: var(--ihub-rank-thumb-h);
  --ihub-issue-kw-row-h: 27px;
  /* 1~10 전부 노출 — 페이지 롤링으로 10번(안내)이 잘리거나 삼각형만 보이는 사고 방지 */
  --ihub-issue-kw-visible: 10;
  --ihub-news-row-gap: 12px;
  /* 기사 썸네일 모서리 — 모바일·비디오와 6px 통일. 배너/adBox/PICK/쇼핑은 적용 금지 */
  --ihub-news-thumb-radius: 6px;
}

/* ── 페이지 셸 ── */
body.nt-integration-hub[data-nt-device="desktop"] #mainContainer {
  position: relative;
  min-width: 0;
  width: 100%;
  max-width: var(--ihub-page-w);
  margin: 0 auto;
  overflow-x: clip;
}

body.nt-integration-hub[data-nt-device="desktop"] #container {
  width: 100%;
  max-width: var(--ihub-page-w);
  margin: 0 auto;
}

body.nt-integration-hub[data-nt-device="desktop"] #header {
  position: relative;
  width: 100%;
  max-width: var(--ihub-page-w);
  height: var(--ihub-header-h);
  /* vendor margin-bottom 143px 제거 — 배너 간격은 #content padding-top SSOT */
  margin: 0 auto;
  z-index: 4;
  /* border-bottom 1px이 header-h 밖으로 밀려 배너 좌표가 1px 표류하는 것 방지 */
  box-sizing: border-box;
  border-bottom: 1px solid #e8eaed;
  overflow: visible;
}

/* 허브 데스크탑 — UH 상단 + 포털메뉴/Biz strip (UH/Nate 메가패널 금지) */
body.nt-integration-hub[data-nt-device="desktop"] #header.ihub-header--uh-top {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0;
  overflow: visible;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-uh-top {
  width: 100%;
  max-width: var(--ihub-page-w);
  margin: 0 auto;
  flex: 0 0 var(--ihub-uh-top-h);
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-uh-top .uh-site-header {
  background: transparent;
  box-shadow: none;
  border: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-uh-top .uh-header-row--top .uh-header-inner {
  max-width: var(--ihub-page-w);
  padding: 0 12px;
  min-height: var(--ihub-uh-top-h);
}

/* Nate vendor `button{text-indent:-1000em}` 가 UH/게이트웨이 검색 버튼을 깨지 않게 */
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-uh-top button,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-uh-top .gw-search-bar button,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-uh-top input[type="submit"] {
  text-indent: 0;
  overflow: visible;
}

/* 포털메뉴목록 + Biz. 인기 검색어 — UH 아래 50px 간격 후 strip */
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: var(--ihub-page-w);
  height: var(--ihub-gnb-strip-h);
  margin: var(--ihub-header-menu-gap) auto 0;
  box-sizing: border-box;
  padding: 0 12px;
  flex: 0 0 var(--ihub-gnb-strip-h);
  overflow: visible;
  position: relative;
  z-index: 6;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip .area_gnb {
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: block !important;
  flex: 1 1 auto;
  width: calc(100% - var(--ihub-kwd-strip-w));
  max-width: none;
  height: var(--ihub-gnb-strip-h);
  margin: 0;
  z-index: 3;
  overflow: hidden;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip .area_gnb ul {
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: var(--ihub-gnb-strip-h);
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip .area_gnb ul > li {
  position: relative;
  float: none;
  margin: 0 10px 0 0;
  flex: 0 0 auto;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip .area_gnb ul > li > a {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: var(--ihub-gnb-strip-h);
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
}

/* Biz. 인기 검색어 — 기본 strip · hover/focus 시 Nate형 전체 레이아웃 패널 */
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  display: flex !important;
  flex: 0 0 var(--ihub-kwd-strip-w);
  width: var(--ihub-kwd-strip-w);
  height: var(--ihub-gnb-strip-h);
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
  z-index: 5;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  cursor: default;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone h3.type_biz {
  position: static;
  top: auto;
  left: auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 118px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  color: #222;
  white-space: nowrap;
  float: none;
  text-indent: 0;
  overflow: visible;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone .kwd_list.type_biz {
  position: relative;
  top: auto;
  left: auto;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone .kwd_list.type_biz ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone .kwd_list.type_biz ol li {
  height: 20px;
  line-height: 20px;
  margin: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone .kwd_list.type_biz ol li p {
  display: flex;
  align-items: center;
  height: 20px;
  margin: 0;
  padding: 0 0 0 20px;
  line-height: 20px;
  position: relative;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone .kwd_list.type_biz ol li .num {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  line-height: 1;
  width: 20px;
  font-weight: 700;
  color: #999;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone .kwd_list.type_biz ol li a {
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 15px;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}

/* hover · focus-within · JS is-biz-open → 전체 키워드 레이아웃 */
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone:hover,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone:focus-within,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone.is-biz-open {
  z-index: 60;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone:hover h3.type_biz,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone:focus-within h3.type_biz,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone.is-biz-open h3.type_biz {
  position: absolute;
  top: 16px;
  left: auto;
  right: 0;
  z-index: 62;
  width: var(--ihub-biz-panel-w);
  max-width: none;
  padding: 0 18px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.3;
  color: #222;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone:hover .kwd_list.type_biz,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone:focus-within .kwd_list.type_biz,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone.is-biz-open .kwd_list.type_biz {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  z-index: 61;
  width: var(--ihub-biz-panel-w);
  height: 363px;
  min-height: 363px;
  margin: 0;
  padding: 48px 18px 16px;
  border: 1px solid #444;
  background: #fff;
  overflow: auto;
  box-sizing: border-box;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone:hover .kwd_list.type_biz ol,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone:focus-within .kwd_list.type_biz ol,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone.is-biz-open .kwd_list.type_biz ol {
  margin: 0;
  padding: 0;
  transform: none !important;
  transition: none !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone:hover .kwd_list.type_biz ol li,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone:focus-within .kwd_list.type_biz ol li,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone.is-biz-open .kwd_list.type_biz ol li {
  width: 100%;
  height: auto;
  min-height: 20px;
  margin: 0 0 12px;
  line-height: 1.3;
  overflow: hidden;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone:hover .kwd_list.type_biz ol li p,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone:focus-within .kwd_list.type_biz ol li p,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone.is-biz-open .kwd_list.type_biz ol li p {
  height: 18px;
  padding: 0 0 0 20px;
  line-height: 18px;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone:hover .kwd_list.type_biz ol li a,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone:focus-within .kwd_list.type_biz ol li a,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone.is-biz-open .kwd_list.type_biz ol li a {
  width: 160px;
  max-width: 160px;
  height: 18px;
  line-height: 18px;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone:hover .kwd_list.type_biz ol li:hover a,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone:focus-within .kwd_list.type_biz ol li:hover a,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone.is-biz-open .kwd_list.type_biz ol li:hover a,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-desk-gnb-strip #bizRank.area_biz.type_alone .kwd_list.type_biz ol li.over a {
  font-weight: 700;
  text-decoration: underline;
}

/* UH 메가·레거시 Nate chrome·더보기 메가패널 — 강제 비노출 */
body.nt-integration-hub[data-nt-device="desktop"] .uh-header-row--gnb,
body.nt-integration-hub[data-nt-device="desktop"] #gnbMorePanel,
body.nt-integration-hub[data-nt-device="desktop"] .area_bi,
body.nt-integration-hub[data-nt-device="desktop"] .area_ignb,
body.nt-integration-hub[data-nt-device="desktop"] .area_search {
  display: none !important;
}

/* ── 광고 오버레이(메인배너·우측상단) — 문서흐름과 분리, 좌표만 SSOT ── */
body.nt-integration-hub[data-nt-device="desktop"] #adContainer {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: var(--ihub-page-w);
  height: 0;
  z-index: 2;
  pointer-events: none;
}

body.nt-integration-hub[data-nt-device="desktop"] #adContainer .area_ad01,
body.nt-integration-hub[data-nt-device="desktop"] #adContainer .area_ad02 {
  pointer-events: auto;
}

body.nt-integration-hub[data-nt-device="desktop"] #adContainer .area_ad03,
body.nt-integration-hub[data-nt-device="desktop"] #adContainer .area_ad04,
body.nt-integration-hub[data-nt-device="desktop"] #adContainer .area_ad06,
body.nt-integration-hub[data-nt-device="desktop"] #adContainer .area_adual {
  display: none !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 {
  position: absolute;
  top: calc(var(--ihub-header-h) + var(--ihub-banner-gap)); /* GNB↔배너 상단 20px */
  left: 0;
  width: var(--ihub-page-w);
  height: var(--ihub-banner-h);
  overflow: hidden;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 #NateBiRolling {
  position: relative;
  display: block;
  width: var(--ihub-page-w);
  max-width: var(--ihub-page-w);
  height: var(--ihub-banner-h);
  background: #fff; /* contain 레터박스 — 회색 금지 */
  overflow: hidden;
}
body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 #NateBiRolling a {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}
body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 #NateBiRolling img {
  display: block;
  /* 슬롯을 최대 채운 뒤 contain — 자연크기 auto는 상단 여백(레터박스)을 만듦 */
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
  margin: 0;
}

/* 2·4) 통합허브메인·우측 빈 슬롯 — 흰색·연한 테두리 (진한 회색 배경 금지) */
body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 #NateBiRolling .ai-slot--empty,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 #NateBiRolling .bnr-slot--empty,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad02 .ai-slot--empty,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad02 .bnr-slot--empty {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  aspect-ratio: unset !important;
  box-sizing: border-box;
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  box-shadow: none !important;
  filter: none !important;
}
body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 #NateBiRolling .ai-slot--empty {
  min-height: var(--ihub-banner-h);
}
body.nt-integration-hub[data-nt-device="desktop"] .area_ad02 .ai-slot--empty {
  min-height: var(--ihub-ad02-h);
}
body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 #NateBiRolling .ai-banner-meta,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad02 .ai-banner-meta {
  color: #64748b !important;
  font-weight: 700;
}

body.nt-integration-hub .ihub-banner-aspect > .ai-slot--empty,
body.nt-integration-hub .ihub-banner-aspect > .bnr-slot--empty {
  position: absolute;
  inset: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  aspect-ratio: unset !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_ad02 {
  position: absolute;
  top: var(--ihub-body-top);
  right: 0;
  width: var(--ihub-side-banner-w);
  max-width: min(var(--ihub-side-banner-w), 100%);
  height: var(--ihub-ad02-h);
  aspect-ratio: 330 / 190;
  overflow: hidden;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_ad02 a {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0 !important;
}
body.nt-integration-hub[data-nt-device="desktop"] .area_ad02 img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
  margin: 0;
}

/* ── 배너 슬롯 비율 SSOT — 가로에 따라 세로 자동 · 전후 영역 flow 연동 ── */
body.nt-integration-hub .ihub-banner-aspect {
  --ihub-ad-w: 1;
  --ihub-ad-h: 1;
  display: block;
  width: 100%;
  position: relative;
  aspect-ratio: var(--ihub-ad-w) / var(--ihub-ad-h);
  height: auto;
  max-height: none;
  overflow: hidden;
  box-sizing: border-box;
  /* contain 레터박스·빈 슬롯 공통 — 진한 회색 대신 흰색 */
  background: #fff;
}

body.nt-integration-hub .ihub-banner-aspect > .ihub-banner-fade,
body.nt-integration-hub .ihub-banner-aspect > .bnr-slot,
body.nt-integration-hub .ihub-banner-aspect > .ihub-ad-placeholder,
body.nt-integration-hub .ihub-banner-aspect.ihub-banner-fade,
body.nt-integration-hub .ihub-banner-aspect.bnr-slot {
  position: absolute;
  inset: 0;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0 !important; /* ad_intel .bnr-slot{margin-top:20px} 클리핑 방지 */
  aspect-ratio: unset;
  box-sizing: border-box;
}

/* 하단·미드·PICK — nested bnr-slot margin 으로 슬롯 밖 밀림 금지 */
body.nt-integration-hub[data-nt-device="desktop"] .area_ad09 .bnr-slot,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad10 .bnr-slot,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-mid-banner .bnr-slot,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-pick-banner .bnr-slot,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad09.bnr-slot,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad10.bnr-slot {
  margin: 0 !important;
}

body.nt-integration-hub .ihub-mob-ad-slot.ihub-banner-aspect {
  height: auto;
}

body.nt-integration-hub .ihub-mob-ad-slot.ihub-banner-aspect > .ihub-ad-placeholder {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
}

/* ── 배너 슬롯 페이드 (1건=정적 · 2건+=롤링) ── */
body.nt-integration-hub .ihub-banner-fade {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body.nt-integration-hub .ihub-banner-fade__item {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity var(--ihub-banner-fade-ms) ease;
  pointer-events: none;
  z-index: 0;
}

body.nt-integration-hub .ihub-banner-fade__item.is-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}

body.nt-integration-hub .ihub-banner-fade__item.is-entering {
  opacity: 1;
  z-index: 2;
}

/* 단독·페이드 링크가 슬롯 전체를 채운 뒤 소재만 정중앙 (shrink-wrap 좌측 치우침 방지) */
body.nt-integration-hub .ihub-banner-fade__item > a,
body.nt-integration-hub .bnr-slot > a,
body.nt-integration-hub .ihub-banner-aspect > a,
body.nt-integration-hub .ihub-banner-aspect.bnr-slot > a,
body.nt-integration-hub a.ihub-banner-fade__item {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  box-sizing: border-box;
}

body.nt-integration-hub .ihub-banner-fade__item img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
  margin: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 #NateBiRolling .ihub-banner-fade,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 #NateBiRolling .ihub-banner-fade__item {
  width: var(--ihub-page-w);
  max-width: var(--ihub-page-w);
  height: var(--ihub-banner-h);
}

body.nt-integration-hub[data-nt-device="desktop"] .area_ad02 .ihub-banner-fade {
  width: 100%;
  height: 100%;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-mid-banner .ihub-banner-fade {
  width: 100%;
  height: 100%;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_ad10 .ihub-banner-fade {
  width: 100%;
  height: 100%;
}

body.nt-integration-hub[data-nt-device="desktop"] .bizCnt .adBox {
  aspect-ratio: 170 / 100;
  width: var(--ihub-side-col);
  max-width: 100%;
  height: auto;
  min-height: calc(var(--ihub-side-col) * 100 / 170);
  position: relative;
  overflow: hidden;
  display: block;
  box-sizing: border-box;
}

/* vendor nate .adBox{height:140px} 무력화 — 빈슬롯 absolute 자식만 있어도 170×100 골격 유지 */
body.nt-integration-hub[data-nt-device="desktop"] .bizCnt .adBox > .bnr-slot,
body.nt-integration-hub[data-nt-device="desktop"] .bizCnt .adBox .ihub-banner-fade,
body.nt-integration-hub[data-nt-device="desktop"] .bizCnt .adBox .ai-slot--empty,
body.nt-integration-hub[data-nt-device="desktop"] .bizCnt .adBox .bnr-slot--empty {
  position: absolute;
  inset: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  aspect-ratio: unset !important;
  max-width: none !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .bizCnt .adBox .ihub-banner-fade__item > span {
  display: block;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-ad .ihub-banner-fade {
  width: 100%;
  height: 100%;
}

body.nt-integration-hub[data-nt-device="mobile"] #rollingList > li {
  transition: opacity var(--ihub-banner-fade-ms) ease;
}

body.nt-integration-hub[data-nt-device="desktop"] {
  overflow-x: clip;
  max-width: 100vw;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_sktad02 {
  display: none !important;
}

body.nt-integration-hub[data-nt-device="desktop"] #content {
  display: grid;
  /* minmax(0,…) — 고정폭 자손이 트랙을 밀지 않도록 (헤더/푸터와 동일 fluid) */
  grid-template-columns: minmax(0, var(--ihub-main-w)) var(--ihub-gap-w) minmax(0, var(--ihub-side-w));
  width: 100%;
  max-width: var(--ihub-page-w);
  margin: 0 auto;
  /* 배너 위 20 + 배너 + 배너 아래 20 */
  padding-top: calc(var(--ihub-banner-gap) + var(--ihub-banner-h) + var(--ihub-banner-below-gap));
  row-gap: var(--ihub-area-gap);
  box-sizing: border-box;
  position: relative;
  z-index: 3;
  min-width: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > hr,
body.nt-integration-hub[data-nt-device="desktop"] #content > h2 {
  display: none !important;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .area_auth {
  display: none !important;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .area_news {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  float: none;
  min-width: 0; /* fluid shrink — 자식 고정폭이 그리드를 밀지 않게 */
  overflow: visible; /* vendor .area_news{overflow:hidden} 해제 */
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .area_contents {
  grid-column: 1;
  grid-row: 2;
  width: 100%;
  max-width: 100%;
  margin: 0;
  min-width: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .container {
  display: contents;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar {
  grid-column: 3;
  grid-row: 1 / 4;
  display: flex;
  flex-direction: column;
  gap: var(--ihub-area-gap);
  width: var(--ihub-side-w);
  max-width: 100%;
  min-width: 0;
  align-self: start;
  box-sizing: border-box;
  /* 우측상단 광고(area_ad02)가 absolute로 이 자리에 앉음 — 쇼핑탭이 광고와 겹치지 않게 예약 */
  padding-top: calc(var(--ihub-ad02-h) + var(--ihub-area-gap));
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar > .area_shopping {
  flex: 0 0 auto;
  width: 100% !important;
  margin: 0;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  height: auto;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar > .area_shopping_today {
  flex: 0 0 auto;
  display: block !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  width: 100%;
  min-height: var(--ihub-pick-box-min-h);
  margin: 0;
  padding: 18px var(--ihub-pick-pad) 20px;
  border: 1px solid #e5e5e5;
  border-top: none;
  background-color: #fbfbfb;
  box-sizing: border-box;
}

/* 오늘의 PICK 유료배너·빈자리 — 허브 우측열 330×190 */
body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar > .area_shopping_today--banner,
body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar > .area_shopping_today--empty {
  min-height: 0;
  height: auto;
  width: var(--ihub-side-banner-w);
  max-width: 100%;
  padding: 0;
  border: none;
  background: transparent;
  overflow: hidden;
  box-sizing: border-box;
}
body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar > .area_shopping_today--banner .ihub-pick-banner,
body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar > .area_shopping_today--banner .bnr-slot,
body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar > .area_shopping_today--banner .ai-slot {
  width: var(--ihub-side-banner-w) !important;
  max-width: 100%;
  height: auto !important;
  min-height: 0;
  aspect-ratio: 330 / 190;
  margin: 0;
  overflow: hidden;
  box-sizing: border-box;
}
body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar > .area_shopping_today--empty > h4 {
  position: absolute;
  z-index: 2;
  top: 8px;
  left: var(--ihub-pick-pad);
  margin: 0;
  color: #0f172a;
}

/* 오늘의 PICK 빈자리 — 실물 330×190 · 흰색 배경 */
body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar .area_shopping_today--empty .ihub-pick-empty {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: var(--ihub-side-banner-w) !important;
  max-width: 100%;
  height: auto !important;
  min-height: 0;
  aspect-ratio: 330 / 190;
  margin: 0;
  border: 1px solid #e5e7eb;
  border-radius: 0;
  background: #fff;
  box-sizing: border-box;
}

/* 쇼핑(온딜·나눔·공공 포함) 빈 배너 — 사이드열 SSOT 330×190 (우측·PICK과 동일) */
body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall .shopmall--empty {
  position: relative;
  width: var(--ihub-side-w) !important;
  max-width: var(--ihub-side-w) !important;
  /* 테두리 포함 외곽 330×190 — 회색 배경 과대 제거 */
  aspect-ratio: 330 / 190;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0;
  border: 1px solid #e2e2e2;
  border-top: none;
  overflow: hidden;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall .shopmall--empty .ihub-shop-banner {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  margin: 0;
  aspect-ratio: unset !important;
  min-height: 0 !important;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall .shopmall--empty .ihub-shop-empty {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  border-radius: 0;
  box-sizing: border-box;
}

/* 5) 이슈키워드 목록 비었을 때 플레이스홀더 — 연한 배경 */
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList:empty::after {
  content: "키워드 준비중 · 1833-4919";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: calc(var(--ihub-issue-kw-row-h) * var(--ihub-issue-kw-visible));
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #64748b;
  font-size: 14px;
  font-weight: 700;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar .area_shopping_today h4 {
  display: block;
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.5px;
  color: #333;
  text-indent: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar .area_shopping_today .paging_slide {
  position: absolute;
  top: 18px;
  right: var(--ihub-pick-pad);
  margin: 0;
  padding: 0 49px 0 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  color: #999;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar .area_shopping_today .paging_slide em {
  font-weight: 700;
  color: #777;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar .area_shopping_today .paging_slide .prev,
body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar .area_shopping_today .paging_slide .next {
  position: absolute;
  top: 0;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  background: #eee center center no-repeat;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar .area_shopping_today .paging_slide .prev {
  right: 25px;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar .area_shopping_today .paging_slide .next {
  right: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar .area_shopping_today .list_prod {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: var(--ihub-pick-gap);
  width: 100%;
  margin: 0;
  padding: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar .area_shopping_today .list_prod li {
  flex: 0 0 var(--ihub-pick-thumb);
  width: var(--ihub-pick-thumb);
  max-width: var(--ihub-pick-thumb);
  margin: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar .area_shopping_today .list_prod .link {
  display: block;
  color: #61646e;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar .area_shopping_today .thumb_img,
body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar .area_shopping_today .thumb_img img {
  display: block;
  width: var(--ihub-pick-thumb-w);
  height: var(--ihub-pick-thumb-h);
  object-fit: cover;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar .area_shopping_today .tit {
  display: block;
  min-height: 40px;
  margin: 7px 5px 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.25;
  letter-spacing: -0.5px;
  color: #666;
  text-align: center;
  white-space: normal;
  word-break: break-word;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .ihub-sidebar .area_ranking {
  flex: 0 0 auto;
  width: 100%;
  margin: 0;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  align-self: auto;
  padding-left: 0;
  overflow: visible;
}

body.nt-integration-hub[data-nt-device="desktop"] #content .area_issue {
  grid-column: 1;
  grid-row: 3;
  width: 100%;
  align-self: start;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > #divShortForm,
body.nt-integration-hub[data-nt-device="desktop"] #content > .short-form-content {
  grid-column: 1 / -1;
  width: 100%;
  margin-top: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .ad_area_bottom {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: row;
  /* 좌 850×100 · 우 330×100 — 열간격 20 · 상하 여백 20 */
  align-items: flex-start;
  gap: var(--ihub-gap-w);
  width: 100%;
  margin-top: var(--ihub-area-gap);
  margin-bottom: var(--ihub-area-gap);
}

body.nt-integration-hub[data-nt-device="desktop"] #content > .area_quick {
  grid-column: 1 / -1;
}

body.nt-integration-hub[data-nt-device="desktop"] #content > #divMallMenu {
  grid-column: 1 / -1;
  display: none;
}

body.nt-integration-hub[data-nt-device="desktop"] #container > #footer {
  width: var(--ihub-page-w);
  margin: 0 auto;
  clear: both;
}

/* ── 헤더: UH top + gnb strip(area_gnb/bizRank) · 메가/레거시 chrome 금지 ── */

/* ── 뉴스 블록: 탭 + 670|180 ── */
body.nt-integration-hub[data-nt-device="desktop"] .area_news {
  width: var(--ihub-main-w);
  max-width: 100%;
  padding-bottom: 0;
  box-sizing: border-box;
  overflow: visible; /* vendor overflow:hidden 클리핑 방지 */
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .menu {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  max-width: var(--ihub-main-w);
  height: auto;
  min-height: 24px;
  margin: 0 0 var(--ihub-inner-gap) 0;
  display: flow-root;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .menu h4 {
  float: left;
  margin: 0 18px 0 0;
  height: 20px;
  font-size: 15px;
  line-height: 1.33;
}

/* 유형분류 L1(9) 탭 — 우측 날개(#newsOptBtn) 자리 확보 */
body.nt-integration-hub[data-nt-device="desktop"] .area_news .menu.ihub-news-type-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  width: calc(var(--ihub-main-w) - 120px);
  max-width: calc(100% - 120px);
  box-sizing: border-box;
  padding-right: 0;
  position: relative;
  z-index: 1;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .menu.ihub-news-type-tabs h4 {
  float: none;
  margin: 0;
  font-size: 14px;
  letter-spacing: -0.8px;
}

/* 활성 유형 탭 부각 — 자동슬라이드(is-rolling) 시 강조 */
body.nt-integration-hub[data-nt-device="desktop"] .area_news .menu.ihub-news-type-tabs h4 a {
  display: inline-block;
  padding: 2px 0 4px;
  color: #555;
  border-bottom: 2px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .menu.ihub-news-type-tabs h4.on a {
  color: #c62828;
  font-weight: 700;
  border-bottom-color: #c62828;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news.is-rolling .menu.ihub-news-type-tabs h4.on a,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .menu.ihub-news-type-tabs.is-rolling h4.on a {
  color: #b71c1c;
  background: rgba(198, 40, 40, 0.08);
  border-radius: 3px 3px 0 0;
  padding-left: 6px;
  padding-right: 6px;
  box-shadow: inset 0 -2px 0 #c62828;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news.is-rolling .ihub-news-row.is-active-section {
  outline: 1px solid rgba(198, 40, 40, 0.35);
  outline-offset: 2px;
  background: rgba(198, 40, 40, 0.03);
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news.is-rolling .ihub-news-row-thumb li.is-active-slide a,
body.nt-integration-hub[data-nt-device="desktop"] .area_news.is-rolling .ihub-news-bottom-row li.is-active-slide a {
  box-shadow: 0 0 0 2px rgba(198, 40, 40, 0.45);
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content {
  width: 100%;
  max-width: var(--ihub-main-w);
  /* twin 고정 height 468px·relative 해제 — 통합허브는 자동 높이, nav는 area_news 기준 */
  position: static;
  height: auto;
  margin-top: 0;
  box-sizing: border-box;
  overflow: visible;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_news {
  display: flex;
  flex-wrap: wrap;
  /* stretch 시 bizCnt가 뉴스열 높이에 늘어나 todayBox 아래 빈 백색 구멍(②) 생김 */
  align-items: flex-start;
  gap: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .tabCnt {
  position: relative;
  flex: 0 0 var(--ihub-main-col);
  width: var(--ihub-main-col);
  max-width: var(--ihub-main-col);
  margin: 0;
  padding: 0 var(--ihub-gap-w) 0 0;
  box-sizing: border-box;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  gap: 0;
  min-height: 100%;
}

/* 구분선 | — 콘텐츠 660 끝에서 10px, bizCnt 앞 10px (패딩 20px 중앙) */
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .tabCnt::after {
  content: "";
  position: absolute;
  top: 0;
  right: var(--ihub-divider-pad);
  width: 1px;
  height: 100%;
  background-color: #eaeaea;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  float: none !important;
  flex: 0 0 var(--ihub-side-col);
  align-self: flex-start; /* 뉴스열 stretch 공백 금지 — 빈 백색 구멍(②) */
  width: var(--ihub-side-col);
  max-width: var(--ihub-side-col);
  height: auto;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--ihub-inner-gap);
  text-align: center;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeyword {
  position: relative;
  width: var(--ihub-side-col);
  max-width: 100%;
  margin: 0 0 var(--ihub-area-gap);
  overflow: visible;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt h4 {
  display: block;
  position: static;
  width: auto;
  height: auto;
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  color: #333;
  text-indent: 0;
  overflow: visible;
}

/* 롤링 transform이 제목 위로 새지 않도록 클립 래퍼 고정 */
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList-clip {
  position: relative;
  width: 100%;
  max-width: var(--ihub-side-col);
  height: calc(var(--ihub-issue-kw-row-h) * var(--ihub-issue-kw-visible));
  margin: 8px 0 0;
  overflow: hidden;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList {
  position: relative;
  width: 100%;
  max-width: var(--ihub-side-col);
  height: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: left;
  list-style: none;
  will-change: transform;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList li {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--ihub-issue-kw-row-h);
  min-height: var(--ihub-issue-kw-row-h);
  max-height: var(--ihub-issue-kw-row-h);
  margin: 0;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList li .slide-content {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  width: 100%;
  transform: none;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList li.is-rolling .ik,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList li.is-rolling .num_rank {
  font-weight: 700;
  color: #f83030;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList li a {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  margin-left: 8px;
  padding: 0;
  font-size: 14px;
  color: #3b3b3b;
  height: auto;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList li .num_rank {
  display: flex;
  align-items: center;
  flex: 0 0 10px;
  width: 10px;
  margin-top: -1px;
  font-size: 15px;
  font-weight: 700;
  color: #222;
  text-align: left;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList li .txt_rank {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList li .fc {
  position: relative;
  flex: 0 0 26px;
  width: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 4px;
  padding: 0 0 0 10px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.84px;
  color: #777;
  text-align: center;
  box-sizing: border-box;
}

/* 순위 변동 아이콘 — 외부 스프라이트 CDN 의존 제거(① 삼각형만 보이거나 깨짐 방지) */
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList li .fc::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  background: none;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList li .fc.up::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #f97316;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList li .fc.down::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #3b82f6;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList li .fc.same::before {
  left: 2px;
  width: 10px;
  height: 2px;
  border: 0;
  background: #9ca3af;
  transform: translateY(-50%);
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList li .fc.new {
  flex: 0 0 36px;
  width: 36px;
  padding-left: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .isKeywordList li .fc.new::before {
  content: "NEW";
  left: 0;
  width: auto;
  height: auto;
  border: 0;
  background: none;
  color: #ef4444;
  font-size: 14px; /* typography floor */
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.5px;
  transform: translateY(-50%);
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .btn_more_wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  margin: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .btn_more_wrap .btn_more {
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  text-indent: -9999px;
  overflow: hidden;
  background: transparent;
  border: 0;
  cursor: pointer;
  opacity: 0.55;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Ccircle cx='7.5' cy='7.5' r='6.5' fill='none' stroke='%23999' stroke-width='1'/%3E%3Ctext x='7.5' y='11' text-anchor='middle' font-size='10' fill='%23999'%3E?%3C/text%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .adBox {
  position: relative;
  width: var(--ihub-side-col);
  max-width: 100%;
  height: auto !important; /* vendor height:140px 덮기 */
  min-height: calc(var(--ihub-side-col) * 100 / 170);
  aspect-ratio: 170 / 100;
  margin: 0 auto;
  align-self: center;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
  display: block !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .adBox:empty {
  display: none;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .adBox a {
  display: block;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .adBox a > span {
  display: block;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .adBox .thumb {
  display: block;
  width: 100%;
  aspect-ratio: 170 / 100;
  height: auto;
  overflow: hidden;
  border-radius: 0; /* 배너광고 — 기사 썸 라운딩 미적용 */
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .adBox .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

/* 실배너 170×100 — ADS-BNR 코드·제목 텍스트 노출 금지 (이미지 전용) */
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .adBox .title {
  display: none !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .todayBox {
  position: relative;
  width: var(--ihub-side-col);
  max-width: 100%;
  height: auto;
  margin: 0;
  overflow: hidden;
  border: 1px solid #e6e6ea;
  background-color: #f6f6fa;
  text-align: left;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .todayBox .cmBox2,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .todayBox .cmBox2 a {
  display: block;
  width: 100%;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .todayBox .thumb {
  display: block;
  width: 100%;
  aspect-ratio: 170 / 138;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .todayBox .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .todayBox h3 {
  position: absolute;
  top: 10px;
  left: 15px;
  width: auto;
  height: auto;
  font-size: 15px;
  line-height: 1.35;
  color: #222;
  text-indent: 0;
  overflow: visible;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .bizCnt .todayBox .svcLink li {
  font-size: 15px;
  text-align: left;
}

/* ── 뉴스 2행(썸+텍스트5) + 하단 가로 3썸 — Nate D-C2 ── */
body.nt-integration-hub .area_news .icon.slide,
body.nt-integration-hub .area_news em.icon.slide {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

body.nt-integration-hub .area_news .thumb_img.ihub-thumb-fail,
body.nt-integration-hub .area_news .thumb.ihub-thumb-fail,
body.nt-integration-hub .area_news .iBox.ihub-thumb-fail {
  display: none !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .ihub-news-rows {
  display: flex;
  flex-direction: column;
  gap: var(--ihub-news-row-gap);
  flex: 1 1 auto;
  width: 100%;
  max-width: calc(var(--ihub-main-col) - 2 * var(--ihub-divider-pad));
  margin: 0;
  min-height: 100%;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .ihub-news-row {
  display: flex;
  flex: 0 0 auto;
  gap: var(--ihub-inner-gap);
  align-items: flex-start;
  width: 100%;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content ul.type_thumb.ihub-news-row-thumb {
  flex: 0 0 var(--ihub-thumb-w);
  width: var(--ihub-thumb-w);
  display: block;
  margin: 0;
  padding: 0;
  float: none;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content ul.type_thumb.ihub-news-row-thumb li {
  float: none;
  width: var(--ihub-thumb-w);
  margin: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .ihub-news-text-col {
  flex: 1 1 auto;
  min-width: 0;
  width: var(--ihub-text-col-w);
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content ul.type_text {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  float: none;
  clear: none;
  margin: -5px 0 0;
  padding: 0 0 6px;
  overflow: visible;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content ul.type_text li {
  position: relative;
  float: none;
  width: 100%;
  min-height: 0;
  margin: 2px 0 6px;
  padding: 0;
  line-height: 20px;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content ul.type_text li a {
  position: relative;
  display: block;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  word-break: break-word;
  line-height: 20px;
  color: #222;
}

/* ── 뉴스 하단: 가로 3썸(170×3 + gap 15) ── */
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content ul.ihub-news-bottom-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--ihub-thumb-gap);
  flex: 0 0 auto;
  width: 100%;
  max-width: calc(var(--ihub-main-col) - 2 * var(--ihub-divider-pad));
  margin: var(--ihub-inner-gap) 0 0;
  margin-top: auto;
  padding: 0;
  float: none;
  clear: both;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content ul.ihub-news-bottom-row li {
  flex: 0 0 var(--ihub-thumb-w);
  width: var(--ihub-thumb-w);
  margin: 0;
  float: none;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .type_thumb.type02 a,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .type_thumb.type01 a {
  position: relative;
  display: block;
  width: var(--ihub-thumb-w);
  min-height: 138px;
  height: auto;
  overflow: visible;
  font-size: 15px;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .type_thumb .thumb_img {
  overflow: hidden;
  border-radius: var(--ihub-news-thumb-radius);
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .type_thumb .thumb_img,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .type_thumb .thumb_img img {
  display: block;
  width: var(--ihub-thumb-w);
  height: 97px;
  object-fit: cover;
  border-radius: var(--ihub-news-thumb-radius);
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .type_thumb.type02 .txt,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .type_thumb.type01 .txt {
  display: block;
  margin: 6px 0 0;
  font-size: 15px;
  line-height: 1.38;
  color: #222;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  word-break: break-word;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  -webkit-box-orient: unset;
  min-height: 0;
  max-height: none;
  height: auto;
}

/* 미드행 — 660×100 + gap + adBox2 170×100 = 850(메인열). 실크기 배치 */
body.nt-integration-hub[data-nt-device="desktop"] .area_news > .ihub-mid-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--ihub-gap-w);
  width: var(--ihub-main-w);
  max-width: var(--ihub-main-w);
  margin: var(--ihub-area-gap) 0; /* 배너 상하 20px */
  clear: both;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .ihub-mid-banner {
  display: block;
  flex: 0 0 var(--ihub-mid-banner-w);
  width: var(--ihub-mid-banner-w);
  max-width: var(--ihub-mid-banner-w);
  height: auto;
  aspect-ratio: 660 / 100;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  min-width: 0;
  margin: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .ihub-adbox2 {
  display: block !important;
  flex: 0 0 var(--ihub-side-col);
  width: var(--ihub-side-col);
  max-width: var(--ihub-side-col);
  height: auto;
  min-height: calc(var(--ihub-side-col) * 100 / 170);
  aspect-ratio: 170 / 100;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}

body.nt-integration-hub[data-nt-device="desktop"] .ihub-mid-banner a,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-adbox2 a,
body.nt-integration-hub[data-nt-device="desktop"] .bizCnt .adBox a {
  position: absolute;
  inset: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
body.nt-integration-hub[data-nt-device="desktop"] .ihub-mid-banner img,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-adbox2 img,
body.nt-integration-hub[data-nt-device="desktop"] .bizCnt .adBox .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center center;
  margin: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .ihub-mid-banner .ai-slot--empty,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .ihub-adbox2 .ai-slot--empty,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .ihub-adbox2 > .bnr-slot {
  position: absolute;
  inset: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  aspect-ratio: unset !important;
  max-width: none !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_rank .tabCnt {
  flex: 0 0 var(--ihub-main-col);
  width: var(--ihub-main-col);
  max-width: var(--ihub-main-col);
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_rank .tabCnt ul.type_text,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_rank .tabCnt .ihub-news-rows,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_rank .tabCnt ul.ihub-news-bottom-row,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .tabCnt ul.type_text,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .tabCnt .ihub-news-rows,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .tabCnt ul.ihub-news-bottom-row {
  display: none !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_rank .rankBox,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select {
  position: relative;
  width: 100%;
  margin: 0 0 var(--ihub-inner-gap);
  overflow: visible;
  display: flow-root;
  flex: 0 0 100%;
  order: 1;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_rank .rankBox .tit,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select .tit {
  display: block;
  float: none;
  clear: both;
  width: 100%;
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  color: #333;
}

/* 랭킹뉴스 — 가로 1열 목록 (언론사는 탭+다열 그리드, 1열 세로 금지) */
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_rank .list_rank {
  float: none;
  width: 100%;
  margin: 0;
  padding: 5px 0 9px;
  box-sizing: border-box;
  list-style: none;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_rank .list_rank li {
  float: none;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 0 0 6px;
  line-height: 22px;
  overflow: visible;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_rank .list_rank .num_rank {
  float: none;
  flex: 0 0 16px;
  width: 16px;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #222;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_rank .list_rank .link_rank {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  font-size: 15px;
  color: #222;
  overflow: visible;
  white-space: normal;
  word-break: break-word;
  text-overflow: clip;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content:not(.type_rank) [data-nt-news-rank-box],
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content:not(.type_press) [data-nt-news-press-box] {
  display: none !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_rank [data-nt-news-rank-box] {
  display: block !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press [data-nt-news-press-box] {
  display: block !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .ihub-press-select__empty {
  margin: 0;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}

/* 언론사 선택 — 뉴스영역 내 지역 탭 + 다열 그리드 (1열 세로 금지) */
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select__tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  width: 100%;
  margin: 0 0 12px;
  padding: 0;
  border-bottom: 1px solid #e8eaed;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select__tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  margin: 0 0 -1px;
  padding: 6px 12px;
  border: 1px solid transparent;
  border-bottom: 2px solid transparent;
  border-radius: 6px 6px 0 0;
  background: transparent;
  color: #5f6368;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.3px;
  cursor: pointer;
  text-indent: 0;
  overflow: visible;
  list-style: none;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select__tab:hover {
  color: #202124;
  background: #f8f9fa;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select__tab.is-on,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select__tab[aria-selected="true"] {
  color: #1a73e8;
  border-color: #e8eaed;
  border-bottom-color: #1a73e8;
  background: #fff;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select__panels {
  width: 100%;
  margin: 0;
  padding: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select__panel {
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select__panel.is-on,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select__panel:not([hidden]) {
  display: block;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select__panel[hidden] {
  display: none !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 10px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select__grid li {
  display: block;
  margin: 0;
  padding: 0;
  min-width: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select__chip {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid #e8eaed;
  border-radius: 6px;
  background: #f8f9fa;
  color: #202124;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select__chip:hover,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select__chip:focus-visible {
  border-color: #d2e3fc;
  background: #e8f0fe;
  color: #1a73e8;
  text-decoration: none;
}

/* 레거시 1열 세로 목록 잔존 시에도 다열로 강제 */
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content.type_press .ihub-press-select__list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 10px;
  width: 100%;
  float: none;
}

/* 원본에서 안 보이는 보조 요소 — 고정높이 클리핑 대체 */
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content .content_recommend,
body.nt-integration-hub[data-nt-device="desktop"] .area_news .content > #newsNotice {
  display: none;
}

/* 뉴스 롤링 내비(날개) — 유형탭과 겹치지 않게 최상위 클릭 가능 */
body.nt-integration-hub[data-nt-device="desktop"] .area_news {
  position: relative;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .nav#newsOptBtn {
  position: absolute;
  top: 0;
  right: calc(var(--ihub-side-col) + var(--ihub-gap-w));
  z-index: 20;
  display: flex;
  align-items: center;
  pointer-events: auto;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .nav#newsOptBtn[hidden] {
  display: none !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_news .nav#newsOptBtn button {
  pointer-events: auto;
  cursor: pointer;
  position: relative;
  z-index: 21;
}

/* 1/N 페이지 전환 시 뉴스 영역 짧은 하이라이트 — 반응 체감 */
body.nt-integration-hub[data-nt-device="desktop"] .area_news.is-page-flash .ihub-news-rows {
  animation: ihub-news-page-flash 0.35s ease;
}

@keyframes ihub-news-page-flash {
  0% { opacity: 0.55; }
  100% { opacity: 1; }
}

/* ── 판·이슈UP ── */
body.nt-integration-hub[data-nt-device="desktop"] .area_contents {
  width: var(--ihub-main-w);
  max-width: 100%;
  box-sizing: border-box;
  overflow: visible;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .menu,
body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content {
  width: 100%;
}

/* 판 탭 8개 — 홍보·사업·관광·거래·취업·정보·소통·나눔 */
body.nt-integration-hub[data-nt-device="desktop"] .area_contents .menu.ihub-pan-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0 2px;
  height: auto;
  min-height: 32px;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .menu.ihub-pan-menu h4 {
  position: relative;
  float: none;
  top: auto;
  left: auto;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .menu.ihub-pan-menu h4 a {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.4px;
  color: #555;
  text-decoration: none;
  white-space: nowrap;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .menu.ihub-pan-menu h4.on a,
body.nt-integration-hub[data-nt-device="desktop"] .area_contents .menu.ihub-pan-menu h4 a:hover {
  color: #1a73e8;
  font-weight: 700;
}

/* board — 제목리스트 게시판형 (2열) */
body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ctList.ihub-pan-board {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
  width: 100%;
  margin: 0;
  padding: 8px 0 0;
  list-style: none;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ctList.ihub-pan-board > li {
  float: none;
  width: calc((100% - 20px) / 2);
  max-width: none;
  margin: 0 0 8px;
  padding: 0;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ctList.ihub-pan-board .link {
  display: block;
  font-size: 15px;
  line-height: 1.4;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* webzine — 썸네일+제목 2열 */
body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ctList.ihub-pan-webzine {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  width: 100%;
  margin: 0;
  padding: 10px 0 0;
  list-style: none;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ctList.ihub-pan-webzine > li {
  float: none;
  width: calc((100% - 20px) / 2);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ctList.ihub-pan-webzine > li a {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  text-decoration: none;
  color: #222;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ctList.ihub-pan-webzine .thumb_img {
  flex: 0 0 96px;
  width: 96px;
  height: 64px;
  overflow: hidden;
  border-radius: var(--ihub-news-thumb-radius);
  background: #f1f3f4;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ctList.ihub-pan-webzine .thumb_img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ctList.ihub-pan-webzine .txt {
  flex: 1 1 auto;
  min-width: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ctList.ihub-pan-webzine .link {
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  color: #222;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ctList.ihub-pan-webzine .desc {
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.35;
  color: #5f6368;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* photo — 4열 × 2행 */
body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ctList.ihub-pan-photo {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 14px;
  width: 100%;
  margin: 0;
  padding: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ctList.ihub-pan-photo > li {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ctList.ihub-pan-photo > li a {
  display: block;
  text-decoration: none;
  color: #222;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ihub-pan-photo__thumb {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: var(--ihub-news-thumb-radius);
  background: #f1f3f4;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ihub-pan-photo__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ihub-pan-photo__tit {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 레거시 ctList 폭 규칙 — board/webzine/photo 전용 규칙이 우선 */
body.nt-integration-hub[data-nt-device="desktop"] .area_contents .content .ctList:not(.ihub-pan-board):not(.ihub-pan-webzine):not(.ihub-pan-photo) li {
  width: calc((var(--ihub-main-w) - 50px) / 2);
  max-width: 100%;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_issue {
  --ihub-issue-cols: 4;
  --ihub-issue-col-gap: 18px;
  --ihub-issue-item-w: calc((var(--ihub-main-w) - (var(--ihub-issue-cols) - 1) * var(--ihub-issue-col-gap)) / var(--ihub-issue-cols));
  width: var(--ihub-main-w) !important;
  box-sizing: border-box;
  padding: var(--ihub-area-gap) 0 0;
  border-top: 1px solid #7e7e7e;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_issue .issue-swiper {
  min-height: 0 !important;
  height: auto;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_issue .swiper-wrapper,
body.nt-integration-hub[data-nt-device="desktop"] .area_issue .swiper-slide.content {
  height: auto !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_issue .content .content-list {
  column-gap: var(--ihub-issue-col-gap);
  row-gap: var(--ihub-area-gap);
  width: 100%;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_issue .content .content-list li {
  width: var(--ihub-issue-item-w) !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_issue .content .content-list.type-tv li {
  width: var(--ihub-issue-item-w) !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_issue .content .content-list li .thumb {
  height: calc(var(--ihub-issue-item-w) * 126 / 169);
  overflow: hidden;
  border-radius: var(--ihub-news-thumb-radius);
}

body.nt-integration-hub[data-nt-device="desktop"] .area_issue .content .content-list li .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--ihub-news-thumb-radius);
}

body.nt-integration-hub[data-nt-device="desktop"] .area_issue .content .content-list.type-tv li .thumb {
  height: calc(var(--ihub-issue-item-w) * 98 / 174);
}

body.nt-integration-hub[data-nt-device="desktop"] .area_issue .content .content-list.type-shop li .thumb {
  height: calc(var(--ihub-issue-item-w) * 120 / 169);
}

/* ── 우측하단 칼럼사설·기획특집·국내종합·국제종합 (2열×2행) ── */
body.nt-integration-hub[data-nt-device="desktop"] #ihubSidebar .area_ranking {
  isolation: isolate;
  margin: 0 0 var(--ihub-area-gap);
}

body.nt-integration-hub[data-nt-device="desktop"] #ihubSidebar .area_ranking:last-child {
  margin-bottom: 0;
}

body.nt-integration-hub[data-nt-device="desktop"] #ihubSidebar .area_ranking h3 {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

body.nt-integration-hub[data-nt-device="desktop"] #ihubSidebar .area_ranking .menu {
  margin: 0;
  overflow: visible;
}

body.nt-integration-hub[data-nt-device="desktop"] #ihubSidebar .area_ranking .menu h4 {
  position: static;
  width: auto;
  height: auto;
  margin: 0 0 10px 0;
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.5px;
  text-align: left;
  color: #333;
  text-indent: 0;
  overflow: visible;
}

body.nt-integration-hub[data-nt-device="desktop"] #ihubSidebar .area_ranking .menu h4 a {
  color: inherit;
  text-decoration: none;
}

body.nt-integration-hub[data-nt-device="desktop"] #ihubSidebar .area_ranking .menu h4 a:hover {
  text-decoration: underline;
}

body.nt-integration-hub[data-nt-device="desktop"] #ihubSidebar .area_ranking .content {
  overflow: visible;
}

body.nt-integration-hub[data-nt-device="desktop"] #ihubSidebar .area_ranking .content ul.type_thumb.type_grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 12px;
  margin: 0;
  padding: 0;
  overflow: visible;
  clear: both;
  list-style: none;
}

body.nt-integration-hub[data-nt-device="desktop"] #ihubSidebar .area_ranking .type_thumb.type_grid2 li {
  position: relative;
  width: auto;
  height: auto !important;
  min-height: 0;
  max-height: none !important;
  margin: 0;
  padding: 0 !important;
  overflow: visible !important;
  contain: layout;
  clear: none;
  float: none;
}

body.nt-integration-hub[data-nt-device="desktop"] #ihubSidebar .area_ranking .type_thumb.type_grid2 li a {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  height: auto !important;
  min-height: 0;
  max-height: none !important;
  overflow: visible !important;
  text-decoration: none;
}

body.nt-integration-hub[data-nt-device="desktop"] #ihubSidebar .area_ranking .type_thumb.type_grid2 li .thumb {
  position: relative;
  float: none !important;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 62%;
  margin: 0 !important;
  overflow: hidden;
  background: #f0f0f0;
  border-radius: var(--ihub-news-thumb-radius);
}

body.nt-integration-hub[data-nt-device="desktop"] #ihubSidebar .area_ranking .type_thumb.type_grid2 li .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--ihub-news-thumb-radius);
}

body.nt-integration-hub[data-nt-device="desktop"] #ihubSidebar .area_ranking .type_thumb.type_grid2 li .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  padding: 0 !important;
  font-size: 14px;
  line-height: 1.35;
  letter-spacing: -0.5px;
  color: #333;
  overflow: hidden;
  white-space: normal !important;
  word-break: break-word;
  max-height: calc(1.35em * 2);
  height: auto;
}

/* ── 쇼핑 사이드(330) — 4탭 쇼핑·온딜·나눔·공공 (vendor 탭·서브메뉴 SSOT) ── */
body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall {
  position: relative;
  width: var(--ihub-side-w);
  max-width: var(--ihub-side-w);
  /* 탭(31) + 쇼핑 배너 실물 330×190 — 상품 그리드 있을 때는 내용이 자연 확장 */
  min-height: calc(31px + 190px);
  padding-top: 31px;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall .tab {
  position: absolute;
  top: 0;
  width: 82px;
  height: 31px;
  border-right: 1px solid #e2e2e2;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall #mall1Title {
  left: 0;
  border-left: 1px solid #e2e2e2;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall #mall2Title {
  left: 84px;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall #mall3Title {
  left: 167px;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall #mall4Title {
  left: 250px;
  width: 81px;
  border-right: 1px solid #e2e2e2;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall .tab .link {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  color: #666;
  text-align: center;
  text-decoration: none;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall.mall1shop #mall1Title .link,
body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall.mall2shop #mall2Title .link,
body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall.mall3shop #mall3Title .link,
body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall.mall4shop #mall4Title .link {
  font-weight: 700;
  color: #3b3b3b;
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall .shopmall {
  display: none;
  width: var(--ihub-side-w);
  max-width: var(--ihub-side-w);
  overflow: hidden;
  padding: 23px 0 3px;
  border: 1px solid #e2e2e2;
  border-top: none;
  background-color: #fff;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall.mall1shop #mall1Box,
body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall.mall2shop #mall2Box,
body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall.mall3shop #mall3Box,
body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall.mall4shop #mall4Box {
  display: block;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall .shopmall .txtlist {
  display: block;
  height: 21px;
  margin: 0 0 0 12px;
  overflow: hidden;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall .shopmall .txt_li {
  position: relative;
  float: left;
  padding: 0 6px 0 5px;
  font-size: 15px;
  line-height: 18px;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall .shopmall .txt_li::before {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 1px;
  height: 12px;
  border-right: 1px solid #dcdcdd;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall .shopmall .txt_li:last-child::before {
  display: none;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall .shopmall .txt_li a {
  color: #666;
  text-decoration: none;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall .shopmall .txt_li.first a strong {
  color: #666;
  font-weight: 700;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall .shopmall .imglist {
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 27px 0 0;
  overflow: hidden;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall .shopmall .img_li {
  float: left;
  width: calc((var(--ihub-side-w) - 12px) / 3);
  box-sizing: border-box;
  padding: 0 2px;
  text-align: center;
}

body.nt-integration-hub[data-nt-device="desktop"] #shopitemMall .shopmall .imglist .txt {
  font-size: 15px;
  line-height: 1.35;
  overflow: visible;
  white-space: normal;
  word-break: break-word;
}

/* ── 추천 동영상 8열(영상뉴스·16:9) ── */
body.nt-integration-hub[data-nt-device="desktop"] #divShortForm.short-form-content {
  width: var(--ihub-page-w);
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] #divShortForm .best-shortform-wrap {
  width: 100%;
  height: auto;
  min-height: 180px;
  overflow: visible;
}

body.nt-integration-hub[data-nt-device="desktop"] #divShortForm .ihub-video-empty {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 180px;
  aspect-ratio: 1200 / 240;
  margin: 0;
  border-radius: 8px;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="desktop"] #divShortForm .best-shortform {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  gap: var(--ihub-inner-gap);
  overflow: visible;
}

body.nt-integration-hub[data-nt-device="desktop"] #divShortForm .best-shortform li {
  flex: 0 0 calc((var(--ihub-page-w) - 7 * var(--ihub-inner-gap)) / 8);
  width: calc((var(--ihub-page-w) - 7 * var(--ihub-inner-gap)) / 8);
  height: auto;
  min-height: 0;
  margin: 0;
  overflow: visible;
}

body.nt-integration-hub[data-nt-device="desktop"] #divShortForm .best-shortform li a {
  display: flex;
  flex-direction: column;
  height: 100%;
}

body.nt-integration-hub[data-nt-device="desktop"] #divShortForm .best-shortform .ihub-video-thumb {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--ihub-news-thumb-radius);
  background: #0f172a;
}

body.nt-integration-hub[data-nt-device="desktop"] #divShortForm .best-shortform .thumb img,
body.nt-integration-hub[data-nt-device="desktop"] #divShortForm .best-shortform .ihub-video-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  flex: 0 0 auto;
}

body.nt-integration-hub[data-nt-device="desktop"] #divShortForm .ihub-video-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.72);
  color: #fff;
  font-size: 14px;
  line-height: 1;
  pointer-events: none;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.35);
}

body.nt-integration-hub[data-nt-device="desktop"] #divShortForm .best-shortform .subject {
  flex: 1 1 auto;
  font-size: 15px;
  line-height: 1.4;
  margin-top: 6px;
  min-height: 64px;
  max-height: none;
  overflow: visible;
  white-space: normal;
  word-break: break-word;
  display: block;
}

/* ── 하단 광고 850×100 + 330×100 (허브 골격 원복) ── */
body.nt-integration-hub[data-nt-device="desktop"] .area_ad09 {
  flex: 0 0 var(--ihub-main-w);
  width: var(--ihub-main-w) !important;
  max-width: var(--ihub-main-w) !important;
  float: none !important;
  height: auto;
  overflow: hidden;
  aspect-ratio: 850 / 100;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_ad09 .ihub-banner-fade {
  width: 100%;
  height: 100%;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_ad09 .ihub-banner-fade__item,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad09 > a,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad09 .bnr-slot > a,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad09 .ai-slot > a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_ad09 .ihub-banner-fade__item img,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad09 > a img,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad09 img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_ad09 .ihub-banner-slot-empty,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad10 .ihub-banner-slot-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_ad10 {
  flex: 0 0 var(--ihub-side-w);
  width: var(--ihub-side-w) !important;
  max-width: var(--ihub-side-w) !important;
  float: none !important;
  margin: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: flex-start;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_ad10.ihub-banner-aspect {
  aspect-ratio: 330 / 100 !important;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_ad10 .ihub-banner-fade__item,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad10 > a,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad10 .bnr-slot > a,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad10 .ai-slot > a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_ad10 img,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad10 .ai-slot--empty {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
}

body.nt-integration-hub[data-nt-device="desktop"] .area_ad10 .ai-slot--empty {
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  aspect-ratio: unset !important;
}

/* ── 공지 마키 2행 ── */
body.nt-integration-hub[data-nt-device="desktop"] #footer .footer-notice-row {
  position: relative;
  width: var(--ihub-page-w);
  margin: 0 auto;
  padding-bottom: 8px;
}

body.nt-integration-hub[data-nt-device="desktop"] #footer .notice.notice-marquee {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
}

body.nt-integration-hub[data-nt-device="desktop"] #footer .notice.notice-marquee h3 {
  position: static;
  flex: 0 0 auto;
  margin: 0 var(--ihub-divider-pad) 0 0;
  padding-right: var(--ihub-divider-pad);
  font-size: 15px;
  line-height: 1.5;
  text-indent: 0;
  width: auto;
  height: auto;
}

body.nt-integration-hub[data-nt-device="desktop"] #footer .notice.notice-marquee h3::after {
  content: "|";
  margin-left: var(--ihub-divider-pad);
  color: #d0d0d0;
  font-weight: 400;
}

body.nt-integration-hub[data-nt-device="desktop"] #footer .notice-marquee-track {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  min-width: 0;
  height: 22px;
}

body.nt-integration-hub[data-nt-device="desktop"] #footer .notice-marquee-inner {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  animation: ihub-notice-marquee 28s linear infinite;
  will-change: transform;
}

body.nt-integration-hub[data-nt-device="desktop"] #footer .notice-marquee-inner a {
  display: inline-block;
  padding: 0 var(--ihub-divider-pad);
  font-size: 15px;
  color: #333;
  white-space: nowrap;
}

body.nt-integration-hub[data-nt-device="desktop"] #footer .notice-marquee-inner a + a::before {
  content: "|";
  margin-right: var(--ihub-divider-pad);
  color: #d0d0d0;
}

body.nt-integration-hub[data-nt-device="desktop"] #footer a.view_all {
  position: static;
  display: block;
  width: auto;
  margin: 8px 0 0 auto;
  padding: 0;
  height: auto;
  font-size: 15px;
  line-height: 1.5;
  text-align: right;
  border: 0;
  color: #222;
}

@keyframes ihub-notice-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ══ 모바일(m.nate) — 간격: vendor SSOT 밀집 (원본 .mt1 li margin 없음 · bl 42px) ══ */
body[data-nt-device="mobile"] {
  --ihub-area-gap: 8px;
  --ihub-inner-gap: 8px;
  --ihub-news-thumb-radius: 6px;
  overflow-x: hidden;
  max-width: 100%;
  width: 100%;
  min-width: 0;
}

/*
 * vendor nate-mobile @media(min-width:640px): .ct1{float:left;width:50%}
 * 통합허브 모바일 트윈은 .ct2 없이 .ct1만 사용 → 640–768에서 바디가 반쪽만 쓰임.
 * 헤더/푸터는 전폭인데 본문만 안 줄어드는 것처럼 보이는 주원인.
 */
body.nt-integration-hub[data-nt-device="mobile"] #mainContainer,
body.nt-integration-hub[data-nt-device="mobile"] #mainContainer.f2,
body.nt-integration-hub[data-nt-device="mobile"] .conWrap,
body.nt-integration-hub[data-nt-device="mobile"] .conWrap#content,
body.nt-integration-hub[data-nt-device="mobile"] .ct1,
body.nt-integration-hub[data-nt-device="mobile"] .rollItem {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.nt-integration-hub[data-nt-device="mobile"] .conWrap,
body.nt-integration-hub[data-nt-device="mobile"] .conWrap#content {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
}

body.nt-integration-hub[data-nt-device="mobile"] .ct1 {
  clear: both;
}

body.nt-integration-hub[data-nt-device="mobile"] .ct1 .mainBn,
body.nt-integration-hub[data-nt-device="mobile"] .ct1 .section,
body.nt-integration-hub[data-nt-device="mobile"] .ct1 .svcNav,
body.nt-integration-hub[data-nt-device="mobile"] .ct1 .svccBn {
  margin-right: 0 !important; /* vendor 2-col용 margin-right:2px 제거 */
}

body.nt-integration-hub[data-nt-device="mobile"] .section,
body.nt-integration-hub[data-nt-device="mobile"] .section.FIELD {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: clip;
  overflow-y: visible;
}

body.nt-integration-hub[data-nt-device="mobile"] img,
body.nt-integration-hub[data-nt-device="mobile"] video,
body.nt-integration-hub[data-nt-device="mobile"] iframe {
  max-width: 100%;
  min-width: 0;
  height: auto;
}

body.nt-integration-hub[data-nt-device="mobile"] #news_area,
body.nt-integration-hub[data-nt-device="mobile"] #news_area[data-nt-mob-news-block],
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content,
body.nt-integration-hub[data-nt-device="mobile"] [data-nt-mob-content-parity] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body[data-nt-device="mobile"] #headerWrap {
  max-width: 100%;
  overflow: visible;
  position: relative;
  background: #fff; /* vendor #e6e7e9 회색 — 롤/AD 뒤로 비침 금지 */
}

body[data-nt-device="mobile"] .blockNavi {
  max-width: 100%;
  height: 42px;
  overflow-x: hidden;
  overflow-y: hidden; /* 세로 스크롤 금지 — navTab 단행 고정 */
  position: sticky;
  top: 0;
  z-index: 8;
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}

body[data-nt-device="mobile"] .blockNavi .nav,
body.nt-integration-hub[data-nt-device="mobile"] .blockNavi .nav {
  height: 42px;
  overflow: hidden;
}

body[data-nt-device="mobile"] .blockNavi .navTab {
  justify-content: flex-start;
  height: 42px;
  overflow-x: auto;
  overflow-y: hidden; /* 가로만 스크롤 — bNav 인플로우 시 세로 스크롤 방지 */
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 0 4px;
}

body[data-nt-device="mobile"] .blockNavi .navTab li {
  flex: 0 0 auto;
  height: 42px;
  overflow: hidden;
}

/* vendor .bNav(absolute underline) 유지 — display:block+padding만 쓰면 도트가 인플로우되어 세로 스크롤 */
body[data-nt-device="mobile"] .blockNavi .navTab li a {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 42px;
  max-height: 42px;
  padding: 0 12px;
  white-space: nowrap;
  font-size: var(--fs-md, 17px);
  line-height: 1.2;
  color: #334155;
  box-sizing: border-box;
  overflow: hidden;
}

body[data-nt-device="mobile"] .blockNavi .navTab li a .bNav {
  position: absolute;
  top: 34px;
  left: 0;
  width: 100%;
  height: 4px;
  margin: 0 auto;
  font-size: 0;
  line-height: 4px;
  overflow: hidden;
}

body[data-nt-device="mobile"] .blockNavi .navTab li a .bNav .num,
body[data-nt-device="mobile"] .blockNavi .navTab li a .bNav span {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 1px;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -1000em;
  border-radius: 4px;
  background-color: #d4d4d4;
  color: transparent;
}

body[data-nt-device="mobile"] .blockNavi .navTab li a .bNav .num.select {
  background-color: #e11d48;
}

body[data-nt-device="mobile"] .blockNavi .navTab li a.on {
  color: #e11d48;
  font-weight: 700;
}

body[data-nt-device="mobile"] .section.FIELD,
body[data-nt-device="mobile"] section > .section.FIELD {
  margin-bottom: var(--ihub-area-gap);
}

body[data-nt-device="mobile"] .section.FIELD:last-child,
body[data-nt-device="mobile"] .ct1 > .section.FIELD:last-of-type {
  margin-bottom: 0;
}

body[data-nt-device="mobile"] .section .thd {
  margin-bottom: 0;
}

body[data-nt-device="mobile"] .slider_scroll .isList {
  gap: var(--ihub-inner-gap);
}

body[data-nt-device="mobile"] .slider_scroll .pt1 a > span:last-child,
body[data-nt-device="mobile"] .mpt1 .pt2 a > span:last-child {
  display: block;
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.4;
}

body[data-nt-device="mobile"] .slider_scroll .iBox img,
body[data-nt-device="mobile"] .mpt1 .pt2 .iBox img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* vendor: .mt1 li 에 margin 없음 — border-bottom만. integration margin 제거 */
body[data-nt-device="mobile"] .mt1 li {
  margin-bottom: 0;
}

body[data-nt-device="mobile"] .srchWrap h1 a .ihub-brand-logo {
  display: block;
  max-width: 120px;
  max-height: 36px;
  width: auto;
  height: auto;
  object-fit: contain;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .special-day .srchWrap .srchInner h1 a .ihub-mob-search-symbol {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .special-day .srchWrap .srchInner {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  position: relative;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .special-day .srchWrap .srchInner h1 {
  flex: 0 0 30px;
  margin: 0;
  position: static;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .special-day .srchWrap .srchInner h1 a {
  position: static;
  top: auto;
  left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .special-day .srchWrap .srchInner form {
  flex: 1 1 auto;
  min-width: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .special-day .srchWrap .srchBox {
  height: 48px;
  width: 100%;
  max-width: none;
  margin: 0;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.1);
  overflow: visible;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .special-day .srchWrap .srchBox .field-wrap {
  height: 48px;
  padding: 0 48px 0 12px;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .special-day .srchWrap .srchBox .field-wrap .type-text {
  width: 100%;
  margin: 13px 0 0;
  font-size: var(--fs-base, 16px);
  line-height: 22px;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .special-day .srchWrap .srchBox .type-btn {
  width: 48px;
  height: 46px;
}

body[data-nt-device="mobile"] .srchWrap h1 a:has(.ihub-brand-logo) .logo,
body[data-nt-device="mobile"] .srchWrap h1 a:has(.ihub-mob-search-symbol) .logo {
  display: none !important;
  background: none !important;
  text-indent: 0;
}

/* 모바일 헤더 — 통합헤더(uh) 9점 메뉴 SSOT · 좌측 Nate my 폐기 */
body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .hdaside,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .hdaside {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 12;
  height: 0;
  overflow: visible;
  pointer-events: none;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .hdaside .my,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .hdaside .my {
  display: none !important;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .hdaside .ihub-mob-ham--uh-ssot,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .hdaside .ihub-mob-ham--uh-ssot {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 12;
  pointer-events: auto;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .hdaside .uh-btn-nine-dot,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .hdaside .uh-btn-nine-dot {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-left: auto;
  flex-shrink: 0;
  box-sizing: border-box;
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  line-height: 0;
  font-size: 0;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.14);
  cursor: pointer;
  pointer-events: auto;
}

/* Nate 허브는 하단 uh 탭바 미사용 — 드로어만 SSOT */
body.nt-integration-hub[data-uh-hub-menu="1"] .uh-mobile-tabbar {
  display: none !important;
}

/* 모바일 헤더 — 배경 롤링(M-H-BANNER) vs 헤더 AD(M-H-AD) 충돌 방지 SSOT
 * 1) 동일 mainBgWrap 안 세로 스택(flex-column) — 롤링 absolute 오버레이 금지
 * 2) 롤링 #rollingList = 3:1(720×240) · AD = 기기 가로 100% + 4:1(720×180) 높이
 *    본문 gap AD 동일 · 상하 여백 20px · 소재는 슬롯 fill(cover) — contain 레터박스 금지
 * 3) AD hook_zone OFF → #ad_header 미출력 + --ihub-mob-head-ad-h:0 (srchWrap 빈공간 제거)
 * 4) 관리 분리: 롤링=ihub_mob_header · AD=지능형배너 ihub_mob_top
 * 5) 검색/시맨틱은 롤+AD 스택「아래」에만 배치 — 옛 vendor -71px 겹침은 AD를 가리므로 금지 */
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-header-stack {
  --ihub-mob-head-ad-h: 0px;
  --ihub-mob-search-below-roll-h: 48px;
  --ihub-mob-search-semantic-gap-h: 10px;
  --ihub-mob-semantic-h: 0px;
  --ihub-mob-header-pad-bottom: 8px;
  /* 롤+AD 합산 높이 — 검색 padding-top / 흰 배경 시작선 SSOT (AD 위 겹침 0) */
  --ihub-mob-stack-h: calc(var(--ihub-mob-roll-h, calc(100vw / 3)) + var(--ihub-mob-head-ad-h, 0px));
  position: relative;
  isolation: isolate;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-header-stack:has(.ihub-mob-semantic) {
  --ihub-mob-semantic-h: 44px;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .mainBgWrap {
  display: flex !important;
  flex-direction: column !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  width: 100% !important;
  aspect-ratio: unset !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: var(--ihub-mob-stack-h, calc(var(--ihub-mob-roll-h, calc(100vw / 3)) + var(--ihub-mob-head-ad-h, 0px))) !important;
  overflow: hidden !important;
  background: #fff; /* 롤/AD 스택 뒤 — 회색(#e8eef2) 금지 */
  z-index: 0;
  pointer-events: auto;
}

/* vendor special-day 고정 175px/104px — 롤+헤더AD+검색+시맨틱키워드 높이 동기화 */
body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .special-day .header,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .special-day .header {
  height: auto !important;
  min-height: calc(
    var(--ihub-mob-stack-h)
    + var(--ihub-mob-search-below-roll-h) + var(--ihub-mob-search-semantic-gap-h)
    + var(--ihub-mob-semantic-h) + var(--ihub-mob-header-pad-bottom)
  ) !important;
  overflow: visible;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .special-day .srchWrap,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .special-day .srchWrap {
  display: flex;
  flex-direction: column;
  gap: var(--ihub-mob-search-semantic-gap-h, 10px);
  position: relative;
  z-index: 2;
  /* AD·롤링 위로 검색/흰배경 겹침 금지 — 스택 높이만큼만 밀어냄 */
  padding-top: var(--ihub-mob-stack-h) !important;
  padding-bottom: var(--ihub-mob-header-pad-bottom, 8px);
  height: auto !important;
  min-height: calc(
    var(--ihub-mob-stack-h)
    + var(--ihub-mob-search-below-roll-h) + var(--ihub-mob-search-semantic-gap-h)
    + var(--ihub-mob-semantic-h) + var(--ihub-mob-header-pad-bottom)
  ) !important;
  box-sizing: border-box !important;
  overflow: visible;
  background: linear-gradient(
    to bottom,
    transparent 0,
    transparent var(--ihub-mob-stack-h),
    #fff var(--ihub-mob-stack-h),
    #fff 100%
  );
  pointer-events: none; /* 투명 영역은 롤/AD 클릭 통과 */
}

/* 검색·시맨틱만 포인터 복구 (투명 padding 영역은 AD/롤링 클릭 가능) */
body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .special-day .srchWrap .srchInner,
body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .special-day .srchWrap .ihub-mob-semantic,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .special-day .srchWrap .srchInner,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .special-day .srchWrap .ihub-mob-semantic {
  pointer-events: auto;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .rolling-list,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .mainBgWrap .rolling-list {
  position: relative !important;
  flex: 0 0 auto;
  width: 100% !important;
  height: var(--ihub-mob-roll-h, calc(100vw / 3)) !important;
  aspect-ratio: 3 / 1;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .rolling-list > li,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .mainBgWrap .rolling-list > li {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  right: 0 !important;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .rolling-list li .rollingWrap,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .mainBgWrap .rolling-list li .rollingWrap {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .rolling-list li .rollingWrap a,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .mainBgWrap .rolling-list li .rollingWrap a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .rolling-list li .rollingWrap.type-1 .template,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .mainBgWrap .rolling-list li .rollingWrap.type-1 .template {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .rolling-list li .rollingWrap.type-1::before,
body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .rolling-list li .rollingWrap.type-1::after,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .mainBgWrap .rolling-list li .rollingWrap.type-1::before,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .mainBgWrap .rolling-list li .rollingWrap.type-1::after {
  display: none !important;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .ihub-mob-ad-slot#ad_header {
  /* relative 필수 — static이면 내부 absolute 소재가 mainBgWrap(롤링) 기준으로 이탈 */
  position: relative;
  flex: 0 0 auto;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 4;
  width: 100%;
  min-height: 0;
  margin: 0;
  background: #fff;
}

/* 헤더 AD 띠 — 기기 가로 100% · 세로는 SSOT 비율(기본 720×180) */
body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .ihub-mob-ad-slot#ad_header.ihub-mob-head-ad-strip {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: var(--ihub-ad-w, 720) / var(--ihub-ad-h, 180);
  overflow: hidden;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .ihub-mob-ad-slot#ad_header .ihub-banner-aspect.bnr-slot,
body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .ihub-mob-ad-slot#ad_header > .bnr-slot,
body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .ihub-mob-ad-slot#ad_header > .ihub-banner-fade,
body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .ihub-mob-ad-slot#ad_header > .ihub-ad-placeholder {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  aspect-ratio: unset !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .ihub-mob-ad-slot#ad_header .ihub-ad-placeholder,
body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .ihub-mob-ad-slot#ad_header .ihub-banner-fade,
body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .ihub-mob-ad-slot#ad_header a,
body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .ihub-mob-ad-slot#ad_header img,
body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .ihub-mob-ad-slot#ad_header .ihub-banner-fade__item img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .rolling-list li .rollingWrap.type-1 .template img,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .mainBgWrap .rolling-list li .rollingWrap.type-1 .template img,
body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .mainBgWrap .rolling-list li .rollingWrap.type-1 .template img.ihub-mob-roll-img,
body.nt-integration-hub[data-uh-hub-menu="1"] #headerWrap .mainBgWrap .rolling-list li .rollingWrap.type-1 .template img.ihub-mob-roll-img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* srchword 접힘 롤: vendor 정밀 geometry(rankFold h=40 창) 유지 —
   margin-top 추가 시 창이 rankFold clip 밖으로 밀려 키워드가 안 보임 */

/* 모바일 gap AD — 앞뒤(상하) 여백 20px 필수 */
body[data-nt-device="mobile"] .mainBn.ihub-mob-ad-gap {
  margin: 20px 0;
}

/* 본문 gap AD — 기기 가로 100% · 세로는 SSOT 비율(기본 720×180) */
body[data-nt-device="mobile"] .mainBn.ihub-mob-ad-gap.ihub-banner-aspect,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-ad-slot.ihub-mob-ad-gap.ihub-banner-aspect {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: var(--ihub-ad-w, 720) / var(--ihub-ad-h, 180);
  overflow: hidden;
  box-sizing: border-box;
}

body[data-nt-device="mobile"] .mainBn.ihub-mob-ad-gap > .bnr-slot,
body[data-nt-device="mobile"] .mainBn.ihub-mob-ad-gap > .ihub-banner-aspect.bnr-slot,
body[data-nt-device="mobile"] .mainBn.ihub-mob-ad-gap > .ihub-banner-fade,
body[data-nt-device="mobile"] .mainBn.ihub-mob-ad-gap > .ihub-ad-placeholder {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: unset !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body[data-nt-device="mobile"] .mainBn.ihub-mob-ad-gap a,
body[data-nt-device="mobile"] .mainBn.ihub-mob-ad-gap img,
body[data-nt-device="mobile"] .mainBn.ihub-mob-ad-gap .ihub-ad-placeholder,
body[data-nt-device="mobile"] .mainBn.ihub-mob-ad-gap .ihub-banner-fade__item img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body[data-nt-device="mobile"] .mainBn.ihub-mob-ad-gap .ihub-ad-placeholder {
  min-height: 0;
}

/* 레거시 전역 — gap 외 슬롯 */
body[data-nt-device="mobile"] .mainBn.ihub-mob-ad:not(.ihub-mob-ad-gap) {
  margin: 0 0 var(--ihub-area-gap);
}

body[data-nt-device="mobile"] .mainBn.ihub-mob-ad:not(.ihub-mob-ad-gap) a,
body[data-nt-device="mobile"] .mainBn.ihub-mob-ad:not(.ihub-mob-ad-gap) img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body[data-nt-device="mobile"] .shopBox.FIELD {
  margin-bottom: var(--ihub-area-gap);
}

body[data-nt-device="mobile"] #footer .footer {
  padding-top: var(--ihub-area-gap);
}

/* ── m.nate 쌍둥이: 추천뉴스 lt1_11 + 더보기 버튼 ── */
body[data-nt-device="mobile"] .mt1 .lt1_11 {
  position: relative;
  margin: 0 15px;
  border-bottom: 1px solid #ededed;
}

body[data-nt-device="mobile"] .mt1 .lt1_11:last-child {
  margin-bottom: 10px;
  border-bottom: 0;
}

body[data-nt-device="mobile"] .mt1 .lt1_11 a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 8px 0;
  overflow: hidden;
  box-sizing: border-box;
  text-decoration: none;
}

body[data-nt-device="mobile"] .mt1 .lt1_11 .iBox {
  position: relative;
  flex: 0 0 94px;
  width: 94px;
  height: 70px;
  margin-right: 12px;
  overflow: hidden;
}

body[data-nt-device="mobile"] .mt1 .lt1_11 .iBox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body[data-nt-device="mobile"] .mt1 .lt1_11 .tBox {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.35;
  letter-spacing: -0.5px;
  overflow: hidden;
}

body[data-nt-device="mobile"] .mt1 .lt1_11 .tBox .txt {
  display: block;
  font-size: 15px;
  line-height: 1.35;
  color: #222;
  overflow: visible;
  word-break: break-word;
  white-space: normal;
  -webkit-box-orient: unset;
  -webkit-line-clamp: unset;
}

body[data-nt-device="mobile"] .mt1 .lt1_11 .tBox .brc {
  display: block;
  margin-top: 3px;
  font-size: 14px;
  color: #838383;
}

body[data-nt-device="mobile"] .section.FIELD .thd.st1 {
  border-bottom: 1px solid #ededed;
}

body[data-nt-device="mobile"] .section.FIELD .thd.st1 h2 {
  margin: 0;
  padding: 18px 15px 12px;
  font-size: 17px;
  letter-spacing: -0.5px;
  color: #000;
}

body[data-nt-device="mobile"] .section.FIELD [data-nt-rec-more] {
  display: block;
  width: calc(100% - 30px);
  margin: 0 15px 14px;
  padding: 12px 10px;
  border: 1px solid #ededed;
  border-top: 0;
  background: #f9faf9;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 400;
  color: #666;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
}

body[data-nt-device="mobile"] .section.FIELD [data-nt-rec-more] span {
  margin-left: 6px;
  color: #999;
}

body[data-nt-device="mobile"] .mt1 .lt1_1 a .tit,
body[data-nt-device="mobile"] .mt1 .lt2.ep a .tit,
body[data-nt-device="mobile"] .slider_scroll .pt1 a > span:last-child,
body[data-nt-device="mobile"] .mpt1 .pt1_2 a .iBox + span .tit,
body[data-nt-device="mobile"] .mpt1 .pt2 a > span:last-child,
body[data-nt-device="mobile"] .srchword .rank ol li a {
  font-size: var(--fs-sm, 15px);
}

/* ── 모바일 콘텐츠 패리티 (데스크 전용 구역 · pan/issueUP/shop 등) ── */
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .mpt1::after {
  content: "";
  display: table;
  clear: both;
}

/* 콘텐츠 영역 목록 — 들여쓰기 금지 (헤더 .thd 15px 좌측과 동일 정렬) */
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .mt1 .lt2_2,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .mt1 .lt2_5,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .bl .lt2_2,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .mt1 .lt1_11 {
  margin-left: 0;
  margin-right: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .mt1 .lt2_2 a,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .mt1 .lt2_5 a,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .bl .lt2_2 a {
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  text-indent: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .mt1 .lt1_11 a {
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .mt1 .lt2_2 .mt2 > .lt1 {
  margin-left: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .mt1 .lt2_2 .mt2 > .lt1 a {
  margin-left: 0;
  padding-left: 15px;
}

/* 콘텐츠 탭바 — srchword(.rankOpen) 키워드 UI와 분리; vendor .srchTab li{width:100%} 무효화 */
body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper > .srchTab,
body.nt-integration-hub[data-nt-device="mobile"] [data-nt-mob-issue-up="1"] > .srchTab,
body.nt-integration-hub[data-nt-device="mobile"] .shopBox[data-nt-mob-shop] > .srchTab {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  border-bottom: 1px solid #ebebeb;
}

body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper > .srchTab::-webkit-scrollbar,
body.nt-integration-hub[data-nt-device="mobile"] [data-nt-mob-issue-up="1"] > .srchTab::-webkit-scrollbar,
body.nt-integration-hub[data-nt-device="mobile"] .shopBox[data-nt-mob-shop] > .srchTab::-webkit-scrollbar {
  display: none;
}

body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper > .srchTab > li,
body.nt-integration-hub[data-nt-device="mobile"] [data-nt-mob-issue-up="1"] > .srchTab > li,
body.nt-integration-hub[data-nt-device="mobile"] .shopBox[data-nt-mob-shop] > .srchTab > li {
  flex: 0 0 auto;
  float: none !important;
  width: auto !important;
  height: 40px;
  line-height: 40px;
  border-bottom: 0;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper > .srchTab > li > a,
body.nt-integration-hub[data-nt-device="mobile"] [data-nt-mob-issue-up="1"] > .srchTab > li > a,
body.nt-integration-hub[data-nt-device="mobile"] .shopBox[data-nt-mob-shop] > .srchTab > li > a {
  display: block;
  padding: 0 14px;
  height: 40px;
  line-height: 40px;
  font-size: var(--fs-sm, 15px);
  color: #666;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper > .srchTab > li.on > a,
body.nt-integration-hub[data-nt-device="mobile"] [data-nt-mob-issue-up="1"] > .srchTab > li.on > a,
body.nt-integration-hub[data-nt-device="mobile"] .shopBox[data-nt-mob-shop] > .srchTab > li.on > a {
  font-weight: 700;
  color: #5e6bf6;
  box-shadow: inset 0 -2px 0 #5e6bf6;
}

/* 모바일 판 — board / webzine / photo(4×2) */
body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .ihub-pan-board {
  list-style: none;
  margin: 0;
  padding: 4px 15px 8px;
}
body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .ihub-pan-board > li {
  border-bottom: 1px solid #f0f0f0;
}
body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .ihub-pan-board > li:last-child {
  border-bottom: 0;
}
body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .ihub-pan-board > li a {
  display: block;
  padding: 11px 2px;
  font-size: var(--fs-base);
  font-weight: 500;
  color: #222;
  text-decoration: none;
  line-height: 1.45;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .ihub-pan-webzine {
  list-style: none;
  margin: 0;
  padding: 4px 15px 8px;
}
body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .ihub-pan-webzine > li > a {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 2px;
  border-bottom: 1px solid #f0f0f0;
  text-decoration: none;
  color: inherit;
}
body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .ihub-pan-webzine > li:last-child > a {
  border-bottom: 0;
}
body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .ihub-pan-webzine .thumb {
  flex: 0 0 72px;
  width: 72px;
  height: 54px;
  border-radius: 4px;
  overflow: hidden;
  background: #eee;
}
body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .ihub-pan-webzine .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .ihub-pan-webzine .tit {
  flex: 1;
  min-width: 0;
  font-size: var(--fs-base);
  font-weight: 600;
  color: #222;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .ihub-pan-photo {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 8px 15px 10px;
  box-sizing: border-box;
}
body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .ihub-pan-photo > li a {
  display: block;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}
body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .ihub-pan-photo .ihub-pan-photo__thumb {
  display: block;
  aspect-ratio: 4 / 3;
  border-radius: 6px;
  overflow: hidden;
  background: #eee;
  margin-bottom: 4px;
}
body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .ihub-pan-photo .ihub-pan-photo__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .ihub-pan-photo .ihub-pan-photo__tit {
  display: block;
  font-size: var(--fs-xs);
  font-weight: 600;
  color: #222;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content [data-nt-mob-pan-more],
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content [data-nt-mob-issue-more],
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content [data-nt-mob-today-more],
body.nt-integration-hub[data-nt-device="mobile"] .shopBox [data-nt-mob-today-more] {
  display: block;
  width: calc(100% - 30px);
  margin: 0 15px 14px;
  padding: 12px 10px;
  border: 1px solid #ededed;
  border-top: 0;
  background: #f9faf9;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 400;
  color: #666;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content [data-nt-mob-pan-more] span,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content [data-nt-mob-issue-more] span,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content [data-nt-mob-today-more] span,
body.nt-integration-hub[data-nt-device="mobile"] .shopBox [data-nt-mob-today-more] span {
  margin-left: 6px;
  color: #999;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .ad_area_bottom .area_ad09,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .ad_area_bottom .area_ad10 {
  margin-bottom: 8px;
}

/* ── 레거시: 데스크탑 DOM 패리티 (폐기 예정 — ihub-mob-content로 이관) ── */
body.nt-integration-hub[data-nt-device="mobile"] .nHide {
  display: none !important;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity > .section.FIELD,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity > .ihub-mob-parity-news,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity > .ihub-mob-parity-biz,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity > .ihub-mob-parity-issue,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity > .ihub-mob-parity-shop,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity > .ihub-mid-banner,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity > .ad_area_bottom,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity > #divContentsUpper,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity > #divShortForm,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity > #divQuickMenu,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity > .footer-notice-row {
  padding: 12px;
  border-bottom: 1px solid #f1f5f9;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="mobile"] .mainContainer.f2,
body.nt-integration-hub[data-nt-device="mobile"] .conWrap#content {
  max-width: 100%;
  overflow-x: hidden;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity * {
  max-width: 100%;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-semantic .search_keyword {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  overflow-x: auto;
  overflow-y: hidden; /* 키워드 띠 세로 스크롤 금지 */
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

body.nt-integration-hub[data-nt-device="mobile"] #headerWrap .ihub-mob-semantic.section.FIELD {
  overflow: visible;
  margin: 0;
  padding: 0 0 2px;
  background: #fff;
  height: auto;
  min-height: var(--ihub-mob-semantic-h, 44px);
  flex: 0 0 auto;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-semantic .search_keyword a {
  display: inline-flex;
  align-items: center;
  font-size: var(--fs-sm, 15px);
  color: #334155;
  text-decoration: none;
  padding: 6px 12px;
  min-height: 32px;
  background: #f1f5f9;
  border-radius: 999px;
  flex: 0 0 auto;
  white-space: nowrap;
  border: 1px solid #e2e8f0;
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-hotkw .area_rtkwd,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .area_rtkwd {
  width: 100%;
  overflow: hidden;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity-news .ihub-news-rows {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity-news .ihub-news-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity-news .ihub-news-bottom-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity-news .ihub-news-bottom-row .thumb_img img {
  width: 100%;
  height: auto;
  border-radius: var(--ihub-news-thumb-radius);
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity-news #newsTabMenu,
body.nt-integration-hub[data-nt-device="mobile"] #mobNewsTab.ihub-news-type-tabs,
body.nt-integration-hub[data-nt-device="mobile"] #news_area[data-nt-mob-news-block] .ihub-news-type-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
  margin-bottom: 10px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity-news #newsTabMenu h4 {
  margin: 0;
  font-size: var(--fs-sm, 15px);
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity-news #newsTabMenu h4.on a {
  font-weight: 800;
  color: #0f172a;
}

body.nt-integration-hub[data-nt-device="mobile"] #news_area[data-nt-mob-news-block] .ihub-news-type-tabs li a {
  display: block;
  padding: 4px 2px;
  font-size: 14px;
  letter-spacing: -0.6px;
  color: #334155;
}

body.nt-integration-hub[data-nt-device="mobile"] #news_area[data-nt-mob-news-block] .ihub-news-type-tabs li.on a {
  font-weight: 800;
  color: #0f172a;
  text-decoration: underline;
}

/* 뉴스 탭: 기본=뉴스 피드만, 랭킹 탭=rankBox만 (nHide SSOT + belt-and-suspenders) */
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity-news #newsContType:not(.type_rank) .rankBox {
  display: none !important;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity-news #newsContType.type_rank .ihub-news-rows {
  display: none !important;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity-news .rankBox .list_rank {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity-news .rankBox h4 {
  font-size: var(--fs-sm, 15px);
  margin: 0 0 8px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .bizCnt {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #divContentsUpper .menu {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #divContentsUpper .menu h4 {
  margin: 0;
  font-size: var(--fs-sm, 15px);
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .area_issue .content-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .area_issue .content-list img {
  width: 100%;
  height: auto;
  border-radius: var(--ihub-news-thumb-radius);
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .mall1shop .imglist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .mall1shop .imglist img,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .bizCnt img,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-hotkw img {
  max-width: 100%;
  height: auto;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .ihub-banner-fade,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .ihub-banner-fade img {
  max-width: 100%;
  width: 100% !important;
  height: auto !important;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .area_ranking .type_thumb {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .area_ranking .type_thumb li a {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  text-decoration: none;
  color: inherit;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .area_ranking .thumb img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: var(--ihub-news-thumb-radius);
  flex-shrink: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #divShortForm {
  max-width: 100%;
  overflow: hidden;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #divShortForm .best-shortform-wrap {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #divShortForm .best-shortform {
  display: flex;
  gap: 10px;
  width: max-content;
  max-width: none;
  overflow-x: visible;
  list-style: none;
  margin: 0;
  padding: 0 0 8px;
  scroll-snap-type: x mandatory;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #divShortForm .best-shortform li {
  flex: 0 0 148px;
  scroll-snap-align: start;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #divShortForm .thumb img,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #divShortForm .ihub-video-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-recommend-video .ihub-video-thumb {
  position: relative;
  display: block;
  width: 148px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 8px;
  background: #0f172a;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-recommend-video .ihub-video-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.72);
  color: #fff;
  font-size: 14px;
  line-height: 1;
  pointer-events: none;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .area_quick ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .area_quick a {
  display: block;
  text-align: center;
  padding: 10px 6px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: var(--fs-sm, 15px);
  text-decoration: none;
  color: #0f172a;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .ad_area_bottom img,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .ihub-mid-banner img {
  width: 100%;
  height: auto;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .footer-notice-row {
  overflow: hidden;
  font-size: var(--fs-sm, 15px);
}

/* 데스크탑 크롬 숨김 · 패널 초기 상태 (JS initMobParity 전 FOUC 방지) */
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .content_recommend,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #newsOptBtn,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #newsNotice,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #breakingNews,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .overlay_ticker {
  display: none !important;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .isKeyword {
  overflow: hidden;
  max-height: 140px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .isKeywordList {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .isKeywordList li {
  font-size: var(--fs-sm, 15px);
  line-height: 28px;
  height: 28px;
  padding: 0;
  overflow: hidden;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .isKeywordList .slide-content {
  display: flex;
  align-items: center;
  gap: 8px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .isKeywordList .num_rank {
  flex-shrink: 0;
  width: 20px;
  font-weight: 700;
  color: #e11d48;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .isKeywordList a {
  color: #0f172a;
  text-decoration: none;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #divContentsUpper .ctList {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #divContentsUpper .ctList li {
  width: 100% !important;
  max-width: 100%;
  float: none;
  margin: 0 0 10px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #divContentsUpper .ctList .desc {
  font-size: var(--fs-sm, 15px);
  color: #64748b;
  margin-top: 4px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #divContentsUpper .ctList .link {
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .area_issue .menu-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
  max-width: 100%;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .area_issue .menu-list li {
  flex: 0 1 auto;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .area_issue .menu-list .link {
  display: block;
  padding: 6px 10px;
  font-size: var(--fs-sm, 15px);
  text-decoration: none;
  color: #475569;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  white-space: nowrap;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .area_issue .menu-list li.on .link {
  font-weight: 700;
  color: #0f172a;
  border-color: #94a3b8;
  background: #f8fafc;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .area_issue .sec_nav {
  margin-bottom: 8px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .area_issue .sec-title {
  font-size: var(--fs-lg, 18px);
  font-weight: 800;
  margin-bottom: 8px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity [data-nt-issue-swiper="1"] [data-nt-issue-slide] {
  display: none;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity [data-nt-issue-swiper="1"] [data-nt-issue-slide="0"] {
  display: block;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #shopitemMall .shopmall {
  display: none;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #shopitemMall.mall1shop #mall1Box,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #shopitemMall.mall2shop #mall2Box,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #shopitemMall.mall3shop #mall3Box,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #shopitemMall.mall4shop #mall4Box {
  display: block;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #shopitemMall .tab {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 8px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #shopitemMall .tab li {
  flex: 1 1 auto;
  min-width: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #shopitemMall .tab .link {
  display: block;
  padding: 8px 6px;
  font-size: var(--fs-sm, 15px);
  text-align: center;
  text-decoration: none;
  color: #475569;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #shopitemMall .tab li.on .link {
  font-weight: 700;
  color: #0f172a;
  border-color: #94a3b8;
  background: #f8fafc;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #ihubShoppingToday [data-nt-pick-page]:not([data-nt-pick-page="0"]) {
  display: none;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #ihubShoppingToday .list_prod {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity #ihubShoppingToday .list_prod img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .ad_area_bottom {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .ad_area_bottom .area_ad09,
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity .ad_area_bottom .area_ad10 {
  width: 100%;
  max-width: 100%;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-hotkw .area_rtkwd .kwd_list {
  width: 100%;
  height: 20px;
  overflow: hidden;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-hotkw .area_rtkwd .kwd_list ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-hotkw .area_rtkwd .kwd_list li {
  font-size: var(--fs-sm, 15px);
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity-news .type_text {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity-news .type_text li {
  font-size: var(--fs-sm, 15px);
  line-height: 1.45;
  padding: 4px 0;
  border-bottom: 1px solid #f1f5f9;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-parity-news .ihub-news-row-thumb img {
  width: 100%;
  height: auto;
  border-radius: var(--ihub-news-thumb-radius);
}

body[data-nt-device="mobile"] .srchword .rank ol li a {
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  word-break: break-word;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  display: block !important;
  max-height: none !important;
  min-height: 0 !important;
}

/* ══ 모바일 허브 6건 수정 (PICK·간격·AD·마키·제목·기자PICK) ══ */

/* 2. PICK → 콘텐츠 패리티 간격 */
body.nt-integration-hub[data-nt-device="mobile"] #news_area[data-nt-mob-news-block] {
  margin-bottom: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] #news_area[data-nt-mob-news-block] > .section.FIELD {
  margin-bottom: 6px;
}

body.nt-integration-hub[data-nt-device="mobile"] #news_area[data-nt-mob-news-block] > .section.FIELD:last-child {
  margin-bottom: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content {
  margin-top: 0;
  padding-top: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content > .mainBn.ihub-mob-ad-slot:first-child {
  margin-top: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper.section.FIELD {
  margin-top: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .bl {
  margin-top: 0;
}

body.nt-integration-hub[data-nt-device="mobile"] #divContentsUpper .bl .lt2_2 a {
  height: auto;
  min-height: 42px;
  line-height: 1.35;
  padding: 8px 15px;
  white-space: normal;
  text-overflow: clip;
  overflow: visible;
}

/* 목록 텍스트행 — vendor .mt1 .lt2_2 a(11+10px) 대비 소폭만 밀집, 제목 줄바꿈 허용 */
body.nt-integration-hub[data-nt-device="mobile"] #mainContainer .mt1 .lt2_2 a,
body.nt-integration-hub[data-nt-device="mobile"] #mainContainer .mt1 .lt2_5 a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1.35;
}

/* 3. AD 슬롯 — 기기 가로 100% · 비율 높이 · 소재 fill(cover) · 빈영역 흰색 */
body[data-nt-device="mobile"] .ihub-mob-ad-slot {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  background: #fff;
  overflow: hidden;
}

body[data-nt-device="mobile"] .ihub-mob-ad-slot img,
body[data-nt-device="mobile"] .ihub-mob-ad-slot .ihub-banner-fade__item img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body[data-nt-device="mobile"] .ihub-ad-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 3;
  padding: 2px 6px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 2px;
  pointer-events: none;
}

body[data-nt-device="mobile"] .ihub-ad-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  background: #fff;
  border: 1px solid #f3f4f6;
  box-sizing: border-box;
}

/* 모바일 배너(720×180) 영역 — 배경 흰색·연회색 (진한 회색 금지) */
body[data-nt-device="mobile"] .ihub-mob-ad-slot,
body[data-nt-device="mobile"] .mainBn.ihub-mob-ad-gap,
body[data-nt-device="mobile"] .ihub-mob-ad-slot.ihub-banner-aspect,
body[data-nt-device="mobile"] .l14-banner-zone--device-mobile .ai-slot--empty,
body[data-nt-device="mobile"] .l14-banner-zone--device-mobile .ai-slot--native,
html.layout-mobile .l14-banner-zone--device-mobile .ai-slot--empty,
html.layout-mobile .gw-home-ad--mobile .ai-slot--empty,
html.layout-mobile .gw-home-ad--mobile .ai-slot--native {
  background: #fff !important;
}
body[data-nt-device="mobile"] .ihub-mob-ad-slot .ai-slot--empty,
body[data-nt-device="mobile"] .mainBn.ihub-mob-ad-gap .ai-slot--empty,
body[data-nt-device="mobile"] .ihub-mob-ad-slot .ihub-ad-placeholder,
body[data-nt-device="mobile"] .mainBn.ihub-mob-ad-gap .ihub-ad-placeholder {
  background: #fff !important;
  border-color: #f3f4f6 !important;
}

/* 4. 공지 마키 — 모바일 */
body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .footer-notice-row {
  padding: 12px 15px;
  margin-bottom: var(--ihub-area-gap);
  box-sizing: border-box;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .notice.notice-marquee {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .notice.notice-marquee h3 {
  position: static;
  flex: 0 0 auto;
  margin: 0 10px 0 0;
  padding-right: 10px;
  font-size: 15px;
  line-height: 1.5;
  text-indent: 0;
  width: auto;
  height: auto;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .notice.notice-marquee h3::after {
  content: "|";
  margin-left: 10px;
  color: #d0d0d0;
  font-weight: 400;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .notice-marquee-track {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  min-width: 0;
  height: 22px;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .notice-marquee-inner {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  animation: ihub-notice-marquee 28s linear infinite;
  will-change: transform;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .notice-marquee-inner a {
  display: inline-block;
  padding: 0 10px;
  font-size: 15px;
  color: #333;
  white-space: nowrap;
}

body.nt-integration-hub[data-nt-device="mobile"] .ihub-mob-content .notice-marquee-inner a + a::before {
  content: "|";
  margin-right: 10px;
  color: #d0d0d0;
}

/* 5. 제목 생략 금지 — #mainContainer 전역 (모바일) · 데스크탑 뉴스·랭킹 썸은 .area_news/.area_ranking 규칙 */
body.nt-integration-hub[data-nt-device="mobile"] #mainContainer .mt1 .lt2_2 a,
body.nt-integration-hub[data-nt-device="mobile"] #mainContainer .mt1 .lt2_5 a,
body.nt-integration-hub[data-nt-device="mobile"] #mainContainer .bl .lt2_2 .tBox,
body.nt-integration-hub[data-nt-device="mobile"] #mainContainer .mt1 .lt1_11 .tBox .txt,
body.nt-integration-hub[data-nt-device="mobile"] #mainContainer .isList .pt1 a .tit,
body.nt-integration-hub[data-nt-device="mobile"] #mainContainer .isList .pt1 a .iBox + span,
body.nt-integration-hub[data-nt-device="mobile"] #mainContainer .mpt1 .pt2 a > span:last-child,
body.nt-integration-hub[data-nt-device="mobile"] #mainContainer .mpt1 .pt2 a .tit,
body.nt-integration-hub[data-nt-device="mobile"] #mainContainer .mt1 .tit {
  display: block !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  word-break: break-word;
  -webkit-box-orient: unset !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  max-height: none !important;
  height: auto !important;
}

body.nt-integration-hub[data-nt-device="mobile"] #mainContainer .mt1 .lt2_2,
body.nt-integration-hub[data-nt-device="mobile"] #mainContainer .bl .lt2_2 {
  overflow: visible;
}

/* 6. 기자 PICK — 썸네일 노출 */
body.nt-integration-hub[data-nt-device="mobile"] #mainContainer .mpt1.t2 .pt2 a .iBox {
  display: block;
  position: relative;
  margin: 0;
  padding-top: 68.95%;
  overflow: hidden;
  border-radius: 6px;
  background: #f7f8fb;
}

body.nt-integration-hub[data-nt-device="mobile"] #mainContainer .mpt1.t2 .pt2 a .iBox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}

/* ── 배너광고 실사이즈 SSOT — 슬롯 fill 후 소재 정중앙 contain ──
 * 주의: 여기 position:relative 금지 — area_ad01/02 absolute·NateBiRolling
 * 자식 absolute inset 을 덮어 상단 20px 흰 여백이 생김 (PR#1842 회귀).
 * 슬롯·레터박스 배경 = #fff (slate #f1f5f9 금지 — 빈/실배너 공통).
 */
body.nt-integration-hub[data-nt-device="desktop"] .area_ad01,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad02 {
  background-color: #fff;
  overflow: hidden;
  position: absolute !important; /* 오버레이 좌표 SSOT 유지 */
}
body.nt-integration-hub[data-nt-device="desktop"] .area_ad09,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad10,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-mid-banner,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-pick-banner,
body.nt-integration-hub[data-nt-device="desktop"] .ai-slot--native {
  background-color: #fff;
  overflow: hidden;
  position: relative;
}
/* 인플로우 aspect 슬롯만 relative — 오버레이 내부 자식은 absolute fill */
body.nt-integration-hub[data-nt-device="desktop"] .area_ad09.ihub-banner-aspect,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad10.ihub-banner-aspect,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-mid-banner.ihub-banner-aspect,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-pick-banner.ihub-banner-aspect {
  position: relative;
}
body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 #NateBiRolling,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 #NateBiRolling .ihub-banner-aspect,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 #NateBiRolling .bnr-slot,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 #NateBiRolling .ihub-banner-fade,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 #NateBiRolling .ihub-banner-fade__item,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad02 .ihub-banner-aspect,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad02 .bnr-slot,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad02 .ihub-banner-fade,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad02 .ihub-banner-fade__item {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  top: 0 !important;
  left: 0 !important;
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
}
body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 a,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad02 a,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad09 a,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad10 a,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-mid-banner a,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-pick-banner a,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-banner-aspect a,
body.nt-integration-hub[data-nt-device="desktop"] .bnr-slot > a,
body.nt-integration-hub[data-nt-device="desktop"] .ai-slot--native > a,
body.nt-integration-hub[data-nt-device="desktop"] a.ihub-banner-fade__item {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  box-sizing: border-box;
}
body.nt-integration-hub[data-nt-device="desktop"] .area_ad01 img,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad02 img,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad09 img,
body.nt-integration-hub[data-nt-device="desktop"] .area_ad10 img,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-pick-banner img,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-banner-aspect img,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-banner-fade__item img,
body.nt-integration-hub[data-nt-device="desktop"] .bnr-slot img,
body.nt-integration-hub[data-nt-device="desktop"] .ai-slot--native img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 !important;
  flex: 0 0 auto;
}

/* 미드 — 메인열 전폭 슬롯에 소재를 왜곡 없이 맞추되, contain 레터박스(좌편향·하단여백) 제거 */
body.nt-integration-hub[data-nt-device="desktop"] .ihub-mid-banner img,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-mid-banner .bnr-slot img,
body.nt-integration-hub[data-nt-device="desktop"] .ihub-mid-banner .ihub-banner-fade__item img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: fill !important;
  object-position: center center !important;
  margin: 0 !important;
  flex: 0 0 auto;
}