@charset "utf-8";
/* =========================================================
   산업지도 상시 페이지 — imap.css (2026-10-26 P2)
   - 로드: top_skin 이 common.css → gnbmenu.css → header.css 다음, 컨트롤러 $_arrPageCss = array('imap.css') (버전=csspara)
   - 대상: imap.php(허브·업종 페이지) — 클래스 접두 imp-
   - 2026-10-26: P3 유료 구역(접는 표·잠금 안내·점검표·공시 시그널) 추가, 수급 표·허브 수급 줄 제거(KPI 5칸)
   - 공용 클래스(sec__*, shop-shelf*, shop-nav, ins-tbl*, ins-note, ins-empty, srv-gate*)는 common.css 그대로 사용
   - 색·폰트는 common.css :root 토큰(--ink·--line·--up·--down·--brand…) 사용
   - 본문 기본 16px(--t-body), 보조 정보 13~14px, 수치 강조 18~22px
   ========================================================= */

.imp-page{font-family:var(--sans);font-size:var(--t-body,16px);color:var(--text);}
.imp-page .imp-up{color:var(--up);}
.imp-page .imp-dn{color:var(--down);}

/* ── 허브 카드 ── */
.imp-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:8px 0 32px;}
.imp-hub__card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);box-shadow:var(--sh);color:var(--text);text-decoration:none;transition:box-shadow .15s,border-color .15s;}
.imp-hub__card:hover{border-color:var(--brand-2);box-shadow:var(--sh-hover);}
.imp-hub__tt{font-size:22px;font-weight:800;color:var(--brand-ink);}
.imp-hub__meta{font-size:14px;color:var(--muted);}
.imp-hub__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.imp-hub__go{margin-top:auto;padding-top:6px;font-size:14px;font-weight:700;color:var(--brand);}
.imp-chip{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--chip);font-size:13px;color:var(--chip-ink);}
.imp-chip em{font-style:normal;font-weight:700;}

/* ── 업종 탭 ── */
.imp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px;}
.imp-tabs__it{padding:8px 18px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:15px;font-weight:600;color:var(--muted);text-decoration:none;}
.imp-tabs__it:hover{border-color:var(--brand);color:var(--brand-ink);}
.imp-tabs__it.is-on{background:var(--ink);border-color:var(--ink);color:#fff;}

/* ── 요약 KPI ── */
.imp-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 30px;}
.imp-kpi{padding:14px 14px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);}
.imp-kpi__lb{display:block;font-size:13px;color:var(--muted);}
.imp-kpi__v{display:block;margin-top:4px;font-size:19px;font-weight:800;color:var(--ink);}
.imp-kpi__v.imp-up{color:var(--up);}
.imp-kpi__v.imp-dn{color:var(--down);}

/* ── ① 공정 지도 ── */
.imp-stages{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;}
.imp-stage{padding:18px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);}
.imp-stage__hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.imp-stage__no{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:700;}
.imp-stage__tt{margin:0;font-size:18px;font-weight:800;color:var(--brand-ink);}
.imp-stage__cnt{margin-left:auto;font-size:13px;color:var(--muted);}
.imp-stage__desc{margin:8px 0 10px;font-size:14px;line-height:1.55;color:var(--muted);}
.imp-cos{list-style:none;margin:0;padding:0;}
.imp-co{display:grid;grid-template-columns:1fr auto auto;align-items:center;column-gap:8px;padding:8px 0;border-top:1px dashed var(--line);font-size:16px;}
.imp-co:first-child{border-top:0;}
.imp-co__nm{min-width:0;}
.imp-co__nm .imp-nm{font-weight:600;color:var(--text);text-decoration:none;}
.imp-co__nm a.imp-nm:hover{color:var(--brand-ink);text-decoration:underline;}
.imp-co__nm .imp-cd{margin-left:6px;font-family:var(--mono);font-size:12px;color:var(--muted-2);}
.imp-co--core .imp-co__nm .imp-nm{font-weight:700;color:var(--ink);}
.imp-co__px{font-size:13px;color:var(--muted);text-align:right;white-space:nowrap;}
.imp-co__px b{font-weight:700;}
.imp-co__role{grid-column:1 / -1;font-size:13px;color:var(--muted);}

/* ── 배지 ── */
.imp-badge{display:inline-block;padding:1px 7px;border-radius:4px;background:var(--line-2);font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;}
.imp-badge--core{background:var(--chip);color:var(--chip-ink);}
.imp-badge--paid{margin-left:6px;background:#FFF4E5;color:#B45309;}

/* ── 표 ── */
.imp-subtt{margin:22px 0 8px;font-size:16px;font-weight:700;color:var(--ink-2);}
.imp-tbl td,.imp-tbl th{white-space:nowrap;}

/* ── 유료 구역 안내 + 게이트(news.css 를 안 읽으므로 srv-gate--pw 최소 스타일을 여기서) ── */
.imp-paidlist{margin:4px 0 16px;padding-left:20px;font-size:15px;line-height:1.75;color:var(--text);}
.imp-paidlist b{font-weight:700;color:var(--ink-2);}
.imp-page .srv-gate--pw{margin:0 0 10px;padding-top:0;}
.imp-page .srv-gate--pw .srv-gate__box{padding:20px 20px 22px;border:1px solid var(--line);border-radius:var(--r-sm);background:linear-gradient(180deg,#fff,var(--surface) 70%);}
.imp-page .srv-gate--pw .srv-gate__txt{margin:10px 0 16px;}
.imp-page .srv-gate__sub{margin:10px 0 0;font-size:13px;color:var(--muted);}
.imp-page .srv-gate__sub a{color:var(--brand-ink);font-weight:700;}
.imp-page .nm-tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:3px;line-height:1.5;vertical-align:middle;}
.imp-page .nm-tag--paid{background:#FFF4E5;color:#B45309;}

/* ── 관련 연재 ── */
.imp-arts{list-style:none;margin:0;padding:0;}
.imp-arts__it{padding:13px 0;border-top:1px solid var(--line);}
.imp-arts__it:first-child{border-top:0;}
.imp-arts__tt{font-size:17px;font-weight:700;color:var(--text);text-decoration:none;}
.imp-arts__tt:hover{color:var(--brand-ink);text-decoration:underline;}
.imp-arts__dt{margin-left:8px;font-size:13px;color:var(--muted-2);}
.imp-arts__st{margin:4px 0 0;font-size:14px;color:var(--muted);}

/* ── P3 유료 구역: 잠금 한 줄·품목·접는 표 ── */
.imp-lock{margin:16px 0 6px;padding:11px 14px;border:1px dashed var(--line);border-radius:var(--r-sm);background:var(--surface);font-size:14px;color:var(--muted);}
.imp-lock a{color:var(--brand-ink);font-weight:700;text-decoration:none;}
.imp-lock .imp-badge--paid{margin-left:0;}
.imp-subtt .imp-badge{vertical-align:middle;}
.imp-hs{font-family:var(--mono);font-size:12px;color:var(--muted-2);}
.imp-dt{margin:0 0 10px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);}
.imp-dt>summary{cursor:pointer;padding:11px 14px;font-size:16px;font-weight:700;color:var(--ink-2);list-style:none;}
.imp-dt>summary::-webkit-details-marker{display:none;}
.imp-dt>summary:before{content:'+';display:inline-block;width:18px;font-weight:800;color:var(--brand);}
.imp-dt[open]>summary:before{content:'\2212';}
.imp-dt>summary em{font-style:normal;font-size:13px;font-weight:500;color:var(--muted);margin-left:4px;}
.imp-dt .ins-tblwrap{padding:0 10px 10px;}
.imp-tbl .imp-mix{white-space:normal;min-width:180px;font-size:13px;color:var(--muted);}

/* ── P3 2단계: 점검표·공시 시그널 ── */
.imp-tbl .imp-score{font-weight:800;color:var(--ink);}
.imp-tbl small{font-size:12px;font-weight:600;}
.imp-tbl td.imp-sig{white-space:normal;min-width:300px;}
.imp-sig ul{list-style:none;margin:0;padding:0;}
.imp-sig li{padding:2px 0;font-size:14px;line-height:1.5;}
.imp-sig__dt{font-family:var(--mono);font-size:12px;color:var(--muted-2);}
.imp-sig__lb{font-weight:700;}
.imp-sig__lb a{color:inherit;text-decoration:none;}
.imp-sig__lb a:hover{text-decoration:underline;}
.imp-sig__br{font-size:13px;color:var(--muted);}
.imp-sig__more{display:inline-block;margin-top:2px;font-size:12px;color:var(--muted-2);}
.imp-sig__none{margin:10px 0 0;font-size:14px;color:var(--muted);line-height:1.7;}
.imp-sig__none b{margin-right:6px;color:var(--ink-2);}
.imp-sig__none .imp-nm{color:var(--muted);}
.imp-shelf-tt .imp-badge,.shop-shelf__tt .imp-badge{vertical-align:middle;margin-left:4px;}

/* ── 반응형 ── */
@media (max-width:1024px){
	.imp-kpis{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:640px){
	.imp-kpis{grid-template-columns:repeat(2,1fr);}
	.imp-stages,.imp-hub{grid-template-columns:1fr;}
	.imp-kpi__v{font-size:17px;}
	.imp-hub__tt{font-size:20px;}
	.imp-tabs__it{padding:7px 14px;font-size:14px;}
}