/* ECM 인트로 2026 — AI · Robot · 스마트 요양원 (2026-09-26 대표 지시: «이카운트식으로 깔끔·고급·선명하게, AI 와 Robot 그리고 스마트 요양원을 추구하는 ECM 을 부각»)
   · body.ecm-intro26 에서만. 기존 마크업·링크·동작은 그대로 두고 모양만 덮는다(인라인 스타일이 많아 !important)
   · 새로 넣은 것: 맨 위 히어로(.i26-hero) + 「AI · Robot · Smart」 세 축(.i26-pillars). 옛 슬라이드 머리(header.slider-fade)는 숨김 — 되돌리려면 body 클래스만 빼면 된다
   · 색: 진남색 #0b1f3a · 파랑 #1a56db 한 벌, 선 #d9e0e8, 모서리 6px, 글꼴 Pretendard(/css/global-fonts.css, 서버 로컬) */
body.ecm-intro26 {
	--i-navy: #0b1f3a; --i-navy2: #12305a; --i-blue: #1a56db; --i-sky: #5b8def; --i-ink: #1f2d3d; --i-sub: #5b6b7f;
	--i-line: #d9e0e8; --i-bg: #f5f7fa;
	font-family: 'Pretendard', var(--font-base, sans-serif) !important; color: var(--i-ink);
	-webkit-font-smoothing: antialiased; letter-spacing: -0.2px;
}
body.ecm-intro26 h1, body.ecm-intro26 h2, body.ecm-intro26 h3, body.ecm-intro26 h4, body.ecm-intro26 h5, body.ecm-intro26 h6,
body.ecm-intro26 p, body.ecm-intro26 a, body.ecm-intro26 span, body.ecm-intro26 li, body.ecm-intro26 td, body.ecm-intro26 th, body.ecm-intro26 button, body.ecm-intro26 input {
	font-family: 'Pretendard', var(--font-base, sans-serif) !important;
}
/* 아이콘 글꼴은 살린다 */
body.ecm-intro26 .fa, body.ecm-intro26 .fas, body.ecm-intro26 .far { font-family: 'Font Awesome 5 Free' !important; }
body.ecm-intro26 .fab { font-family: 'Font Awesome 5 Brands' !important; }

/* ── 메뉴 줄 ── */
body.ecm-intro26 .navbar { background: rgba(255,255,255,.96) !important; border-bottom: 1px solid var(--i-line); box-shadow: none !important; backdrop-filter: saturate(1.2) blur(6px); }
body.ecm-intro26 .navbar .nav-link { color: var(--i-ink) !important; font-weight: 600 !important; }
body.ecm-intro26 .navbar .nav-link:hover { color: var(--i-blue) !important; }
body.ecm-intro26 .navbar #blink { background: var(--i-blue) !important; background-image: none !important; color: #fff !important; border-radius: 6px !important; box-shadow: none !important; animation: none !important; }
body.ecm-intro26 .navbar #blink * { color: #fff !important; }
body.ecm-intro26 .dropdown-menu { border: 1px solid var(--i-line) !important; border-radius: 6px !important; box-shadow: 0 8px 24px rgba(11,31,58,.10) !important; }

/* ── 새 히어로 ── */
body.ecm-intro26 header.slider-fade { display: none !important; }
.i26-hero { position: relative; overflow: hidden; background: var(--i-navy); color: #fff; padding: 132px 0 84px; }
.i26-hero::before { content: ""; position: absolute; inset: 0; background:
	radial-gradient(900px 420px at 85% 10%, rgba(91,141,239,.28), transparent 60%),
	radial-gradient(700px 380px at 5% 100%, rgba(26,86,219,.25), transparent 60%);
	pointer-events: none; }
.i26-hero::after { content: ""; position: absolute; inset: 0; opacity: .10; pointer-events: none;
	background-image: linear-gradient(rgba(255,255,255,.6) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.6) 1px, transparent 1px);
	background-size: 44px 44px; -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 85%); mask-image: linear-gradient(180deg, #000 0%, transparent 85%); }
.i26-hero .container { position: relative; z-index: 1; }
.i26-hero, .i26-pillars { word-break: keep-all; overflow-wrap: anywhere; }
.i26-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 800; letter-spacing: 1.2px; color: #bcd0f7; padding: 7px 14px; border: 1px solid rgba(188,208,247,.35); border-radius: 6px; }
.i26-eyebrow i { width: 6px; height: 6px; border-radius: 50%; background: #5ef0b4; box-shadow: 0 0 0 4px rgba(94,240,180,.18); }
.i26-hero h1 { color: #fff; font-size: 70px; line-height: 1.12; font-weight: 800; letter-spacing: -2.4px; margin: 26px 0 22px; }
.i26-hero h1 em { font-style: normal; color: #8fb3ff; }
.i26-hero .i26-lead { color: rgba(255,255,255,.80); font-size: 19px; line-height: 1.75; max-width: 720px; margin: 0; }
.i26-hero .i26-lead b { color: #fff; font-weight: 800; }
.i26-lineup { display: flex; flex-wrap: wrap; margin-top: 26px; border: 1px solid rgba(255,255,255,.18); border-radius: 6px; width: max-content; max-width: 100%; }
.i26-lineup span { padding: 9px 16px; font-size: 14px; font-weight: 700; color: #fff; border-right: 1px solid rgba(255,255,255,.18); }
.i26-lineup span:last-child { border-right: 0; }
.i26-lineup em { font-style: normal; font-size: 11.5px; font-weight: 700; color: #8fb3ff; margin-left: 6px; }
.i26-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.i26-btn { display: inline-flex; align-items: center; gap: 8px; height: 50px; padding: 0 22px; border-radius: 6px; font-size: 15px; font-weight: 700; text-decoration: none !important; transition: background .15s, border-color .15s, color .15s; }
.i26-btn-main { background: #fff; color: var(--i-navy) !important; }
.i26-btn-main:hover { background: #e8efff; }
.i26-btn-line { border: 1px solid rgba(255,255,255,.38); color: #fff !important; }
.i26-btn-line:hover { border-color: #fff; background: rgba(255,255,255,.08); }
.i26-kpis { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 54px; border-top: 1px solid rgba(255,255,255,.14); }
.i26-kpi { padding: 20px 4px 0; }
.i26-kpi b { display: block; font-size: 30px; font-weight: 800; color: #fff; letter-spacing: -.5px; }
.i26-kpi span { font-size: 13px; color: rgba(255,255,255,.62); font-weight: 500; }
/* 히어로 오른쪽 — 세 축 한눈에 */
.i26-stack { display: grid; gap: 12px; }
.i26-stack a { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border: 1px solid rgba(255,255,255,.14); border-radius: 6px; background: rgba(255,255,255,.04); color: #fff !important; text-decoration: none !important; transition: border-color .15s, background .15s; }
.i26-stack a:hover { border-color: rgba(143,179,255,.7); background: rgba(143,179,255,.08); }
.i26-stack .i26-ico { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 6px; display: flex; align-items: center; justify-content: center; background: rgba(143,179,255,.14); color: #8fb3ff; }
.i26-stack .i26-ico svg { width: 22px; height: 22px; }
.i26-stack b { display: block; font-size: 15.5px; font-weight: 800; }
.i26-stack small { display: block; font-size: 12.5px; color: rgba(255,255,255,.62); margin-top: 2px; }


/* ── 히어로 오른쪽 — EcM 접속 판(이 페이지는 무엇보다 EcM 에 들어가는 문) ── */
.i26-access { background: #fff; border-radius: 6px; padding: 26px 26px 20px; color: #1f2d3d; box-shadow: 0 24px 60px rgba(0,0,0,.28); }
.i26-access-head { display: flex; align-items: center; gap: 8px; font-size: 20px; font-weight: 800; color: #0b1f3a; letter-spacing: -.4px; }
.i26-access-dot { width: 8px; height: 8px; border-radius: 50%; background: #16a34a; box-shadow: 0 0 0 4px rgba(22,163,74,.15); }
.i26-access-sub { font-size: 14px; color: #5b6b7f; margin: 6px 0 16px; }
.i26-access-go { display: flex; align-items: center; justify-content: space-between; height: 58px; padding: 0 20px; border-radius: 6px; background: #1a56db; color: #fff !important; font-size: 17px; font-weight: 800; text-decoration: none !important; transition: background .15s; }
.i26-access-go:hover { background: #1646b8; }
.i26-access-go span { display: inline-flex; align-items: center; gap: 10px; }
.i26-access-or { display: flex; align-items: center; gap: 10px; margin: 18px 0 12px; font-size: 12.5px; color: #8391a3; font-weight: 600; }
.i26-access-or::before, .i26-access-or::after { content: ""; flex: 1; height: 1px; background: #e3e8ef; }
.i26-access-demo { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.i26-access-demo a { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border: 1px solid #d9e0e8; border-radius: 6px; color: #1f2d3d !important; text-decoration: none !important; transition: border-color .15s, background .15s; }
.i26-access-demo a:hover { border-color: #1a56db; background: #f5f8ff; }
.i26-access-demo i { color: #1a56db; font-size: 15px; margin-bottom: 4px; }
.i26-access-demo b { font-size: 15px; font-weight: 800; }
.i26-access-demo small { font-size: 12px; color: #8391a3; }
.i26-access-foot { display: flex; justify-content: space-between; margin-top: 16px; padding-top: 14px; border-top: 1px solid #eef2f7; }
.i26-access-foot a { font-size: 13px; font-weight: 700; color: #5b6b7f !important; text-decoration: none !important; }
.i26-access-foot a:hover { color: #1a56db !important; }
.i26-access-foot a i { margin-right: 4px; }

/* ── EcM 이 다른 이유 ── */
.i26-diff { background: #fff; padding: 84px 0 80px; border-bottom: 1px solid #d9e0e8; word-break: keep-all; }
.i26-diff-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 2px solid #0b1f3a; }
.i26-diff-item { padding: 28px 26px 30px; border-bottom: 1px solid #d9e0e8; border-right: 1px solid #d9e0e8; }
.i26-diff-item:nth-child(3n) { border-right: 0; }
.i26-diff-no { display: block; font-size: 30px; font-weight: 800; color: #1a56db; letter-spacing: -1px; line-height: 1; margin-bottom: 14px; }
.i26-diff-item h3 { font-size: 21px; font-weight: 800; color: #0b1f3a; margin: 0 0 4px; letter-spacing: -.5px; }
.i26-diff-item b { display: block; font-size: 14px; color: #1a56db; font-weight: 700; margin-bottom: 10px; }
.i26-diff-item p { font-size: 14.5px; color: #5b6b7f; line-height: 1.65; margin: 0; }

/* ── 세 축 상세 ── */
.i26-pillars { background: #fff; padding: 88px 0 72px; border-bottom: 1px solid var(--i-line); }
.i26-head { text-align: center; margin-bottom: 44px; }
.i26-head .i26-kicker, .i26-home .i26-kicker, .i26-robot .i26-kicker { font-size: 12.5px; font-weight: 800; letter-spacing: 2px; color: var(--i-blue); }
.i26-head h2 { font-size: 36px; font-weight: 800; color: var(--i-navy); letter-spacing: -1px; margin: 10px 0 10px; }
.i26-head p { font-size: 16px; color: var(--i-sub); margin: 0; }
.i26-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--i-line); border-radius: 6px; overflow: hidden; }
.i26-col { padding: 30px 28px 26px; border-right: 1px solid var(--i-line); background: #fff; }
.i26-col:last-child { border-right: 0; }
.i26-col-top { display: flex; align-items: center; gap: 12px; padding-bottom: 18px; margin-bottom: 16px; border-bottom: 2px solid var(--i-navy); }
.i26-col-top .i26-ico { width: 44px; height: 44px; border-radius: 6px; display: flex; align-items: center; justify-content: center; background: #eef4ff; color: var(--i-blue); }
.i26-col-top .i26-ico svg { width: 24px; height: 24px; }
.i26-col-top h3 { font-size: 22px; font-weight: 800; color: var(--i-navy); margin: 0; letter-spacing: -.5px; }
.i26-col-top small { display: block; font-size: 12.5px; color: var(--i-sub); font-weight: 600; margin-top: 1px; }
.i26-col ul { list-style: none; margin: 0; padding: 0; }
.i26-col li { display: grid; grid-template-columns: 18px 1fr; gap: 8px; padding: 10px 0; border-bottom: 1px solid #eef2f7; font-size: 14.5px; line-height: 1.55; color: var(--i-ink); }
.i26-col li:last-child { border-bottom: 0; }
.i26-col li::before { content: ""; width: 7px; height: 7px; margin-top: 8px; border-radius: 1px; background: var(--i-blue); }
.i26-col li b { font-weight: 700; }
.i26-col li span { display: block; font-size: 13px; color: var(--i-sub); }
.i26-note { margin-top: 14px; font-size: 12.5px; color: #8391a3; text-align: right; }


/* ── 하나의 플랫폼, 12개 솔루션 ── */
.i26-eco { background: var(--i-bg, #f5f7fa); padding: 84px 0 76px; border-bottom: 1px solid #d9e0e8; word-break: keep-all; }
.i26-eco-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #d9e0e8; border-left: 1px solid #d9e0e8; background: #fff; }
.i26-eco-item { position: relative; min-height: 118px; padding: 20px 20px 18px; border-right: 1px solid #d9e0e8; border-bottom: 1px solid #d9e0e8; display: flex; flex-direction: column; gap: 4px; }
.i26-eco-no { font-size: 11.5px; font-weight: 800; color: #9aa7b8; letter-spacing: 1px; }
.i26-eco-item b { font-size: 18px; font-weight: 800; color: #0b1f3a; letter-spacing: -.4px; }
.i26-eco-desc { font-size: 13.5px; color: #5b6b7f; font-weight: 600; }
.i26-eco-item em { position: absolute; top: 18px; right: 18px; font-style: normal; font-size: 11px; font-weight: 800; color: #1a56db; border: 1px solid #bfd3fb; border-radius: 3px; padding: 1px 6px; }
.i26-eco-item.core { background: #0b1f3a; }
.i26-eco-item.core b { color: #fff; font-size: 22px; }
.i26-eco-item.core .i26-eco-desc { color: #bcd0f7; }
.i26-eco-item.core .i26-eco-no { color: #8fb3ff; }
.i26-eco-item.core em { color: #0b1f3a; background: #8fb3ff; border-color: #8fb3ff; }
.i26-eco-item.dev em { color: #0e7490; border-color: #a5dde8; }
.i26-eco-item.soon .i26-eco-desc { color: #94a3b8; }
.i26-eco-item.reg em { color: #15803d; border-color: #a9dcb8; }
.i26-eco-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 0; margin-top: 20px; }
.i26-eco-foot > span { padding: 0 18px; font-size: 14px; color: #5b6b7f; font-weight: 600; border-right: 1px solid #d9e0e8; }
.i26-eco-foot > span:first-child { padding-left: 0; }
.i26-eco-foot > span b { font-size: 20px; color: #0b1f3a; font-weight: 800; margin-right: 3px; }
.i26-eco-link { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 18px; border: 1px solid #0b1f3a; border-radius: 6px; color: #0b1f3a !important; font-weight: 700; text-decoration: none !important; }
.i26-eco-link:hover { background: #0b1f3a; color: #fff !important; }

/* ── 바로가기 칸 ── */
body.ecm-intro26 .quick-links-box { background: var(--i-bg) !important; border-bottom: 1px solid var(--i-line); padding: 26px 15px 8px !important; }
body.ecm-intro26 .quick-links-box a { border-radius: 6px !important; box-shadow: none !important; border: 1px solid var(--i-line) !important; background: #fff !important; }
body.ecm-intro26 .quick-links-box a:hover { border-color: var(--i-blue) !important; transform: none !important; }
body.ecm-intro26 .quick-links-box a i { color: var(--i-blue) !important; }
body.ecm-intro26 .quick-links-box a h6 { color: var(--i-ink) !important; font-weight: 700 !important; }

/* ── 선택한 이유(숫자) — 같은 네 숫자를 히어로에 올렸으므로 이 띠는 숨긴다(되돌리려면 이 한 줄만 지우면 된다). 남겨 둘 때를 위해 모양도 맞춰 둔다 ── */
body.ecm-intro26 section.statistics { display: none !important; }
body.ecm-intro26 section.statistics { background: var(--i-navy) !important; padding: 64px 0 !important; }
body.ecm-intro26 section.statistics h3 { font-weight: 800 !important; letter-spacing: -.8px; }
body.ecm-intro26 section.statistics .stat-item { background: transparent !important; border: 1px solid rgba(255,255,255,.16) !important; border-radius: 6px !important; box-shadow: none !important; }
body.ecm-intro26 section.statistics .stat-number { color: #fff !important; font-weight: 800 !important; font-size: 42px !important; }
body.ecm-intro26 section.statistics .stat-label { color: #cdd9ee !important; font-weight: 700 !important; }
body.ecm-intro26 section.statistics .stat-item p { color: rgba(255,255,255,.55) !important; }

/* ── 제목 공통(EcM Studio / Homepage / Robot / 이용후기 …) ── */
body.ecm-intro26 .section-head h4, body.ecm-intro26 .section-head h3, body.ecm-intro26 .extra-title { color: var(--i-navy) !important; font-weight: 800 !important; letter-spacing: -.8px; }
body.ecm-intro26 .section-head h4 span, body.ecm-intro26 .extra-title span, body.ecm-intro26 .section-head span { color: var(--i-blue) !important; }
body.ecm-intro26 .blog .item, body.ecm-intro26 .blog .item-box, body.ecm-intro26 .blog .post { border-radius: 6px !important; box-shadow: none !important; border: 1px solid var(--i-line) !important; overflow: hidden; }
body.ecm-intro26 .why-us { background: var(--i-bg) !important; }
body.ecm-intro26 .why-us .item .icon, body.ecm-intro26 .why-us .icon { color: var(--i-blue) !important; border-color: var(--i-line) !important; }

/* ── Robot 소개 ── */
body.ecm-intro26 .robot-intro { background: #fff !important; border-top: 1px solid var(--i-line); }
body.ecm-intro26 .robot-intro .item { border-radius: 6px !important; box-shadow: none !important; border: 1px solid var(--i-line) !important; transform: none !important; }
body.ecm-intro26 .robot-intro .item:hover { border-color: var(--i-blue) !important; }
body.ecm-intro26 .robot-intro .item .icon, body.ecm-intro26 .robot-intro .item .icon * { color: var(--i-blue) !important; }
body.ecm-intro26 .robot-intro .img img { border-radius: 6px !important; box-shadow: none !important; border: 1px solid var(--i-line); transform: none !important; }

/* ── 이용후기 ── */
body.ecm-intro26 .testimonials { background: var(--i-navy2) !important; }
body.ecm-intro26 .testimonials[data-overlay-dark]::before { background: var(--i-navy) !important; opacity: .92 !important; }
body.ecm-intro26 .testimonials .item, body.ecm-intro26 .testimonials .testim-box { border-radius: 6px !important; box-shadow: none !important; }

/* ── 신청 안내 ── */
body.ecm-intro26 .contact .butn, body.ecm-intro26 .contact a.btn { border-radius: 6px !important; box-shadow: none !important; }

/* ── 모바일 ── */
@media (max-width: 991px) {
	.i26-hero { padding: 108px 0 56px; }
	.i26-hero h1 { font-size: 46px; letter-spacing: -1.4px; }
	.i26-access { margin-top: 34px; }
	.i26-diff-grid { grid-template-columns: 1fr; }
	.i26-diff-item { border-right: 0; }
	.i26-eco-grid { grid-template-columns: repeat(2, 1fr); }
	.i26-eco-link { margin: 14px 0 0; }
	.i26-stack { margin-top: 36px; }
	.i26-kpis { grid-template-columns: repeat(2, 1fr); }
	.i26-grid { grid-template-columns: 1fr; }
	.i26-col { border-right: 0; border-bottom: 1px solid var(--i-line); }
	.i26-col:last-child { border-bottom: 0; }
}
@media (max-width: 575px) {
	.i26-hero h1 { font-size: 38px; }
	.i26-lineup span { padding: 7px 10px; font-size: 12.5px; }
	.i26-eco-foot > span { padding: 4px 10px 4px 0; border-right: 0; }
	.i26-hero .i26-lead { font-size: 15.5px; }
	.i26-head h2 { font-size: 27px; }
}

/* ════ 스마트요양원 통합 허브 다이어그램 — 누리뜰 스마트요양(smartgo.pubcode.kr) 첫 화면 그림을 그대로 옮김(같은 회사 자산).
   규칙은 원본(smart_care.css)의 hero-visual·hv-* 를 .i26-hub 범위로만 바꿨고, 외부 글꼴(IBM Plex Mono)은 로컬 고정폭으로. 가운데 «통합 허브» 를 강조 ════ */
.i26-hub { --accent:#00A6A6; --bg-2:#FFFFFF; --ink:#0A1628; --line:#DCE4EE; --muted:#4A5A73; --muted-2:#7888A0;
  --primary:#0B3D6B; --primary-2:#134E86; --primary-3:#1E6FB8; --warn:#C9844A; --radius-lg:22px;
  --shadow:0 4px 14px rgba(11,61,107,.06), 0 12px 32px rgba(11,61,107,.07);
  --shadow-lg:0 10px 40px rgba(11,61,107,.10), 0 20px 60px rgba(11,61,107,.10);
  max-width: 1040px; margin: 0 auto; font-family: 'Pretendard', sans-serif; }

.i26-hub .hero-visual{
  position:relative; aspect-ratio: 1.25/1;
  background:
    radial-gradient(60% 80% at 80% 20%, color-mix(in oklab, var(--accent) 18%, transparent), transparent 60%),
    radial-gradient(80% 100% at 10% 100%, color-mix(in oklab, var(--primary-3) 22%, transparent), transparent 60%),
    var(--bg-2);
  border:1px solid var(--line); border-radius: var(--radius-lg);
  padding: 22px; box-shadow: var(--shadow-lg);
  overflow:hidden;
}
.i26-hub .hero-visual .grid-bg{
  position:absolute; inset:0;
  background-image:
    linear-gradient(to right, color-mix(in oklab, var(--ink) 5%, transparent) 1px, transparent 1px),
    linear-gradient(to bottom, color-mix(in oklab, var(--ink) 5%, transparent) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: radial-gradient(80% 80% at 50% 50%, #000 30%, transparent 100%);
  pointer-events:none;
}
.i26-hub .hv-tiles{
  position:relative; display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-rows: repeat(3, 1fr);
  gap:12px; height:100%;
}
.i26-hub .hv-tile{
  background: var(--bg-2); border:1px solid var(--line); border-radius: 12px;
  padding: 12px; display:flex; flex-direction:column; justify-content:space-between;
  font-size: 12px; color: var(--muted); position:relative;
  min-width: 0; overflow: hidden;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.i26-hub .hv-tile:hover{ transform: translateY(-2px); box-shadow: var(--shadow); border-color: var(--primary-3); }
.i26-hub .hv-tile.cat-platform{ background: color-mix(in oklab, var(--primary-3) 7%, var(--bg-2)); border-color: color-mix(in oklab, var(--primary-3) 20%, var(--line)); }
.i26-hub .hv-tile.cat-match{ background: color-mix(in oklab, var(--warn) 10%, var(--bg-2)); border-color: color-mix(in oklab, var(--warn) 24%, var(--line)); }
.i26-hub .hv-tile.cat-device{ background: color-mix(in oklab, var(--accent) 8%, var(--bg-2)); border-color: color-mix(in oklab, var(--accent) 22%, var(--line)); }
.i26-hub .hv-tile.cat-region{ background: color-mix(in oklab, #7E57C2 8%, var(--bg-2)); border-color: color-mix(in oklab, #7E57C2 20%, var(--line)); }
.i26-hub .hv-tile .tile-ic{ width:36px; height:36px; border-radius:10px;
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-3) 100%); opacity:.95;
  display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.i26-hub .hv-tile .tile-ic svg{ width:22px; height:22px; display:block }
.i26-hub .hv-tile.alt .tile-ic{ background: linear-gradient(135deg, var(--accent) 0%, var(--primary-3) 100%);}
.i26-hub .hv-tile.warm .tile-ic{ background: linear-gradient(135deg, var(--warn) 0%, var(--primary) 100%);}
.i26-hub .hv-tile .name{ color: var(--ink); font-weight: 600; font-size: 12px; line-height:1.25; letter-spacing:-0.01em; word-break: keep-all; }
.i26-hub .hv-tile .tag{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:10px; color:var(--muted-2); text-transform:uppercase; letter-spacing:0.06em }
.i26-hub .hv-tile .tag.tag-ko{ font-family:inherit; text-transform:none; letter-spacing:0; word-break:keep-all; line-height:1.25; }
.i26-hub .hv-tile.center{
  background: linear-gradient(160deg, var(--primary) 0%, var(--primary-2) 60%, var(--accent) 130%);
  color:#fff; border:none;
  display:flex; align-items:center; justify-content:center; text-align:center;
  font-weight:600; font-size: 14px; letter-spacing:-0.01em;
  box-shadow: 0 8px 20px color-mix(in oklab, var(--primary) 30%, transparent);
  grid-column: 2 / span 3; grid-row: 2;
}
.i26-hub .hv-tile.center .tile-ic{ display:none }
.i26-hub .hv-tile.center .label{ font-size:13px; opacity:.85; font-weight:500; margin-bottom:4px }
.i26-hub .hv-tile.r2c1{ grid-row: 2; grid-column: 1; }
.i26-hub .hv-tile.r2c5{ grid-row: 2; grid-column: 5; }
.i26-hub .hv-tile.row3{ grid-row: 3; }


/* 우리 인트로에 맞춘 크기·강조 */
.i26-hub .hero-visual { aspect-ratio: 1.6/1; padding: 26px; }
.i26-hub .hv-tile { padding: 14px; }
.i26-hub .hv-tile .name { font-size: 15px; font-weight: 700; }
.i26-hub .hv-tile .tag { font-size: 10.5px; }
.i26-hub .hv-tile .tag.tag-ko { font-size: 12px; }
.i26-hub .hv-tile .tile-ic { width: 40px; height: 40px; }
.i26-hub .hv-tile.center { font-size: 26px; font-weight: 800; letter-spacing: -.6px; overflow: visible;
  box-shadow: 0 0 0 6px rgba(30,111,184,.14), 0 14px 34px rgba(11,61,107,.35); }
.i26-hub .hv-tile.center .label { font-size: 15px; font-weight: 600; opacity: .9; }
.i26-hub .hv-tile.center::after { content: ""; position: absolute; inset: -6px; border-radius: 16px; border: 2px solid rgba(0,166,166,.55); animation: i26HubPulse 2.4s ease-out infinite; pointer-events: none; }
@keyframes i26HubPulse { 0% { opacity: .9; transform: scale(1); } 100% { opacity: 0; transform: scale(1.06); } }
@media (prefers-reduced-motion: reduce) { .i26-hub .hv-tile.center::after { animation: none; } }
@media (max-width: 767px) {
  .i26-hub .hero-visual { aspect-ratio: auto; padding: 14px; }
  .i26-hub .hv-tiles { grid-template-columns: repeat(3, minmax(0,1fr)); grid-template-rows: none; gap: 8px; }
  .i26-hub .hv-tile, .i26-hub .hv-tile.r2c1, .i26-hub .hv-tile.r2c5, .i26-hub .hv-tile.row3 { grid-row: auto; grid-column: auto; min-height: 92px; }
  .i26-hub .hv-tile.center { grid-column: 1 / -1; grid-row: 1; min-height: 110px; font-size: 22px; }
  .i26-hub .hv-tile .name { font-size: 13px; }
}
/* 가운데 허브 글자 — 원본이 인라인 크기라 !important 로 키운다 */
.i26-hub .hv-tile.center .label { font-size: 17px !important; font-weight: 600 !important; opacity: .9 !important; }
.i26-hub .hv-tile.center .label + div { font-size: 34px !important; font-weight: 800 !important; letter-spacing: -1px !important; }
@media (max-width: 767px) { .i26-hub .hv-tile.center .label + div { font-size: 26px !important; } }

/* ================================================================
   2026-09-26 (2) — 국내 최초 강조 · 온라인 이용 신청 · 보호자 홈페이지 · Robot · 후기 · 비용안내
   ================================================================ */

/* ── 국내 최초 희망이음 · 롱텀 100% 연동 강조 ── */
.i26-first { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin-top: 18px; padding: 10px 16px; border: 1px solid #f0c36a; border-left: 4px solid #d97706; background: #fffaf0; border-radius: 6px; text-align: left; }
.i26-first b { font-size: 16px; font-weight: 800; color: #0b1f3a; letter-spacing: -.3px; }
.i26-first-tag { display: inline-block; font-size: 11.5px; font-weight: 800; color: #fff; background: #d97706; border-radius: 3px; padding: 2px 8px; letter-spacing: .5px; }
.i26-first-sub { font-size: 13px; color: #6b5a3a; font-weight: 600; }
li.i26-hl { background: #fffaf0; border-radius: 4px; box-shadow: inset 3px 0 0 #d97706; padding-left: 10px !important; }
li.i26-hl em { font-style: normal; font-size: 11px; font-weight: 800; color: #fff; background: #d97706; border-radius: 3px; padding: 1px 6px; margin-left: 6px; vertical-align: 1px; }

/* ── 옛 구역 정리 — EcM Studio 는 뺐고, 바로가기 칸은 히어로의 접속 판이 같은 일을 한다 ── */
body.ecm-intro26 section.blog { display: none !important; }
body.ecm-intro26 .quick-links-box { display: none !important; }

/* ── 보호자 홈페이지 ── */
.i26-home { background: #f5f7fa; padding: 92px 0; border-top: 1px solid #d9e0e8; }
.i26-home-grid { display: grid; grid-template-columns: 5fr 6fr; gap: 56px; align-items: center; }
.i26-home h2, .i26-robot h2 { font-size: 38px; line-height: 1.22; font-weight: 800; letter-spacing: -1.2px; color: #0b1f3a; margin: 10px 0 14px; }
.i26-home-lead, .i26-robot-lead { font-size: 16px; line-height: 1.7; color: #5b6b7f; margin: 0 0 26px; }
.i26-rows { margin: 0; border-top: 2px solid #0b1f3a; }
.i26-rows > div { display: grid; grid-template-columns: 110px 1fr; border-bottom: 1px solid #d9e0e8; }
.i26-rows dt { padding: 13px 12px; background: #eef2f7; font-weight: 800; font-size: 13.5px; color: #0b1f3a; }
.i26-rows dd { padding: 13px 14px; margin: 0; font-size: 14.5px; color: #1f2d3d; background: #fff; }
.i26-frame { border: 1px solid #c9d3df; border-radius: 8px; overflow: hidden; background: #fff; box-shadow: 0 24px 60px rgba(11,31,58,.12); }
.i26-frame-bar { display: flex; gap: 6px; padding: 9px 12px; background: #eef2f7; border-bottom: 1px solid #d9e0e8; }
.i26-frame-bar i { width: 9px; height: 9px; border-radius: 50%; background: #c9d3df; }
.i26-frame img { display: block; width: 100%; height: auto; }

/* ── EcM Robot ── */
.i26-robot { background: #0b1f3a; padding: 96px 0; color: #fff; position: relative; overflow: hidden; }
.i26-robot::before { content: ""; position: absolute; inset: 0; background: radial-gradient(600px 380px at 22% 50%, rgba(91,141,239,.22), transparent 70%); pointer-events: none; }
.i26-robot .container { position: relative; }
.i26-robot-grid { display: grid; grid-template-columns: 5fr 6fr; gap: 60px; align-items: center; }
.i26-robot-stage { position: relative; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; padding: 58px 24px 74px; text-align: center; background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0)); }
.i26-robot-stage img { max-width: 58%; height: auto; filter: drop-shadow(0 24px 40px rgba(0,0,0,.45)); }
.i26-robot-live { position: absolute; top: 16px; left: 16px; font-size: 12px; font-weight: 800; letter-spacing: 1px; color: #9fe2b8; display: flex; align-items: center; gap: 8px; }
.i26-dot { width: 8px; height: 8px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 0 rgba(52,211,153,.7); animation: i26Ping 1.8s infinite; }
@keyframes i26Ping { 70% { box-shadow: 0 0 0 9px rgba(52,211,153,0); } 100% { box-shadow: 0 0 0 0 rgba(52,211,153,0); } }
.i26-robot-flow { position: absolute; left: 16px; right: 16px; bottom: 16px; display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; color: #cdd9ee; }
.i26-robot-flow span { border: 1px solid rgba(255,255,255,.22); border-radius: 4px; padding: 5px 12px; }
.i26-robot-flow span:last-child { border-color: #5b8def; color: #fff; background: rgba(91,141,239,.18); }
.i26-robot-flow i { font-size: 10px; color: #5b8def; }
.i26-robot h2 { color: #fff; }
.i26-robot h2 em { font-style: normal; color: #8fb3ff; }
.i26-robot .i26-kicker { color: #8fb3ff; }
.i26-robot-lead { color: #b8c6dc; }
.i26-robot-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.18); }
.i26-robot-list li { display: flex; gap: 18px; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.i26-robot-list b { font-size: 13px; font-weight: 800; color: #5b8def; min-width: 24px; padding-top: 2px; }
.i26-robot-list h4 { font-size: 17px; font-weight: 800; color: #fff; margin: 0 0 4px; }
.i26-robot-list p { font-size: 14px; color: #b8c6dc; margin: 0; line-height: 1.6; }

/* ── 현장의 목소리 ── */
.i26-voice { background: #fff; padding: 88px 0; border-top: 1px solid #d9e0e8; }
.i26-voice-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #d9e0e8; border-radius: 6px; overflow: hidden; }
.i26-voice figure { margin: 0; padding: 30px 28px; border-right: 1px solid #d9e0e8; display: flex; flex-direction: column; justify-content: space-between; }
.i26-voice figure:last-child { border-right: 0; }
.i26-voice blockquote { margin: 0 0 22px; font-size: 15px; line-height: 1.75; color: #1f2d3d; position: relative; padding-top: 30px; }
.i26-voice blockquote::before { content: "\201C"; position: absolute; top: -14px; left: -2px; font-size: 58px; font-weight: 800; color: #1a56db; line-height: 1; font-family: Georgia, serif; }
.i26-voice figcaption { font-size: 13px; color: #5b6b7f; border-top: 1px solid #eef2f7; padding-top: 12px; }
.i26-voice figcaption b { color: #0b1f3a; font-weight: 800; }

/* ── 온라인 이용 신청 ── */
.i26-apply { background: #f5f7fa; padding: 92px 0; border-top: 1px solid #d9e0e8; }
.i26-apply .row { align-items: flex-start; }
.i26-steps { list-style: none; margin: 0 0 24px; padding: 0; border-top: 2px solid #0b1f3a; }
.i26-steps li { display: flex; gap: 16px; padding: 18px 4px; border-bottom: 1px solid #d9e0e8; }
.i26-steps b { font-size: 22px; font-weight: 800; color: #1a56db; letter-spacing: -.5px; min-width: 34px; }
.i26-steps h4 { font-size: 16.5px; font-weight: 800; color: #0b1f3a; margin: 0 0 4px; }
.i26-steps p { font-size: 13.5px; color: #5b6b7f; margin: 0; line-height: 1.6; }
.i26-contact { display: flex; flex-direction: column; gap: 2px; border: 1px solid #d9e0e8; border-radius: 6px; background: #fff; padding: 8px 0; }
.i26-contact a, .i26-contact span { display: flex; align-items: center; gap: 10px; padding: 8px 16px; font-size: 14px; font-weight: 600; color: #1f2d3d !important; text-decoration: none !important; }
.i26-contact a:hover { background: #f5f7fa; color: #1a56db !important; }
.i26-contact i { width: 16px; color: #1a56db; text-align: center; }
.i26-form { position: relative; background: #fff; border: 1px solid #c9d3df; border-top: 3px solid #1a56db; border-radius: 6px; padding: 28px 30px 26px; box-shadow: 0 18px 50px rgba(11,31,58,.08); }
.i26-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.i26-f-row { margin-bottom: 18px; }
.i26-f-lab { display: block; font-size: 13.5px; font-weight: 800; color: #0b1f3a; margin-bottom: 8px; }
.i26-f-lab small { font-weight: 600; color: #8594a8; margin-left: 6px; }
.i26-form em { font-style: normal; color: #dc2626; }
.i26-seg { display: flex; flex-wrap: wrap; border: 1px solid #c9d3df; border-radius: 6px; overflow: hidden; }
.i26-seg label { position: relative; flex: 1 1 auto; margin: 0; cursor: pointer; border-right: 1px solid #d9e0e8; }
.i26-seg label:last-child { border-right: 0; }
.i26-chips label { position: relative; }
.i26-seg input, .i26-chips input { position: absolute; opacity: 0; pointer-events: none; }
.i26-seg span { display: block; text-align: center; padding: 10px 12px; font-size: 14px; font-weight: 700; color: #475569; background: #fff; white-space: nowrap; }
.i26-seg label:hover span { background: #f5f7fa; }
.i26-seg input:checked + span { background: #1a56db; color: #fff; }
.i26-seg input:focus-visible + span, .i26-chips input:focus-visible + span { outline: 2px solid #5b8def; outline-offset: -2px; }
.i26-f-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 16px; margin-bottom: 18px; }
.i26-f-grid2 { grid-template-columns: 1fr 2fr; }
.i26-f-addr { grid-template-columns: 2fr 1fr; }
.i26-f-half { grid-template-columns: 1fr 1fr; }
.i26-sec { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; padding-bottom: 8px; border-bottom: 1px solid #d9e0e8; font-size: 15.5px; font-weight: 800; color: #0b1f3a; }
.i26-sec b { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #1a56db; color: #fff; font-size: 12px; }
.i26-sec ~ .i26-sec { margin-top: 26px; }
.i26-zip { display: flex; gap: 6px; }
.i26-zip input { flex: 1 1 auto; min-width: 0; cursor: pointer; }
.i26-zip button { flex: 0 0 auto; height: 42px; padding: 0 14px; border: 1px solid #1a56db; border-radius: 6px; background: #fff; color: #1a56db; font-size: 14px; font-weight: 700; cursor: pointer; }
.i26-zip button:hover { background: #eaf1ff; }
#i26Addr { cursor: pointer; }
.i26-f { display: block; margin: 0; }
.i26-f > span { display: block; font-size: 13px; font-weight: 700; color: #334155; margin-bottom: 6px; }
.i26-f input, .i26-f select { width: 100%; height: 42px; border: 1px solid #c9d3df; border-radius: 6px; padding: 0 12px; font-size: 14.5px; color: #1f2d3d; background: #fff; font-family: inherit; box-sizing: border-box; }
.i26-f input:focus, .i26-f select:focus { outline: 0; border-color: #1a56db; box-shadow: 0 0 0 3px rgba(26,86,219,.12); }
.i26-f input::placeholder { color: #a3afbf; }
.i26-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.i26-chips label { margin: 0; cursor: pointer; }
.i26-chips span { display: inline-block; padding: 7px 14px; border: 1px solid #c9d3df; border-radius: 6px; font-size: 13.5px; font-weight: 700; color: #475569; background: #fff; }
.i26-chips label:hover span { border-color: #1a56db; }
.i26-chips input:checked + span { border-color: #1a56db; background: #eaf1ff; color: #1a56db; }
.i26-chips input:checked + span::before { content: "\2713\00a0"; font-weight: 800; }
/* [2026-10-02] 고유번호증 첨부 + «없음» */
.i26-cert { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 9px 12px; border: 1px solid #c9d3df; border-radius: 6px; background: #fff; }
.i26-cert input[type=file] { flex: 1 1 260px; min-width: 0; font-size: 14px; color: #334155; }
.i26-cert input[type=file]:disabled { opacity: .45; }
.i26-cert-none { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-size: 14px; font-weight: 700; color: #334155; cursor: pointer; white-space: nowrap; }
.i26-cert-none input { width: 17px; height: 17px; margin: 0; accent-color: #1a56db; }
.i26-agree { display: flex; gap: 10px; align-items: flex-start; margin: 4px 0 20px; padding: 12px 14px; background: #f5f7fa; border: 1px solid #d9e0e8; border-radius: 6px; font-size: 13px; color: #5b6b7f; line-height: 1.6; cursor: pointer; font-weight: 500; }
.i26-agree input { width: 17px; height: 17px; margin-top: 2px; flex: 0 0 auto; accent-color: #1a56db; }
.i26-agree b { color: #0b1f3a; margin-right: 6px; }
.i26-f-foot { display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-wrap: wrap; }
.i26-f-msg { margin-right: auto; color: #dc2626; font-weight: 700; font-size: 14px; }
.i26-f-btn { height: 52px; padding: 0 30px; border: 0; border-radius: 6px; background: #1a56db; color: #fff; font-size: 16px; font-weight: 800; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; }
.i26-f-btn:hover { background: #1447b8; }
.i26-f-btn:disabled { background: #8aa8e6; cursor: default; }
.i26-form[hidden] { display: none; }
.i26-done { background: #fff; border: 1px solid #c9d3df; border-top: 3px solid #15803d; border-radius: 6px; padding: 44px 30px; text-align: center; }
.i26-done[hidden] { display: none; }
.i26-done-ic { width: 60px; height: 60px; margin: 0 auto 16px; border-radius: 50%; background: #e7f6ec; color: #15803d; display: flex; align-items: center; justify-content: center; font-size: 26px; }
.i26-done h3 { font-size: 24px; font-weight: 800; color: #0b1f3a; margin: 0 0 10px; }
.i26-done p { font-size: 15px; color: #5b6b7f; margin: 0 auto 24px; max-width: 520px; line-height: 1.7; }
.i26-done-demo { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.i26-done-demo a { display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 20px; border: 1px solid #1a56db; border-radius: 6px; font-weight: 800; color: #1a56db !important; text-decoration: none !important; }
.i26-done-demo a:first-child { background: #1a56db; color: #fff !important; }

/* ── 비용안내 — 이카운트식: 한 벌 색(남색·파랑), 각진 판, 회색 머리행 ── */
body.ecm-intro26 .ecmp-section { background: #fff; border-top: 1px solid #d9e0e8; padding: 88px 0; }
body.ecm-intro26 .ecmp-title h2 { background: none; -webkit-text-fill-color: #0b1f3a; color: #0b1f3a; font-size: 38px; font-weight: 800; letter-spacing: -1.2px; }
body.ecm-intro26 .ecmp-title p { color: #5b6b7f; font-size: 15px; }
body.ecm-intro26 .ecmp-mentor { background: #0b1f3a; background-image: none; border-radius: 8px; box-shadow: none; padding: 30px 34px 28px; }
body.ecm-intro26 .ecmp-mentor::before { background: radial-gradient(circle, rgba(91,141,239,.25), transparent 70%); }
body.ecm-intro26 .ecmp-mentor-ico { border-radius: 8px; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); }
body.ecm-intro26 .ecmp-mentor-eyebrow { color: #8fb3ff; opacity: 1; }
body.ecm-intro26 .ecmp-mentor-body h3 { font-weight: 800; }
body.ecm-intro26 .ecmp-mentor-badges span { border-radius: 4px; background: transparent; }
body.ecm-intro26 .ecmp-mentor-price .ecmp-mentor-amt { font-weight: 800; }
body.ecm-intro26 .ecmp-mentor-price .ecmp-mentor-fix { border-radius: 4px; background: #f0c36a; }
body.ecm-intro26 .ecmp-mentor-free { background-image: none; background: #fffaf0; border-left: 4px solid #d97706; border-radius: 6px; box-shadow: none; }
body.ecm-intro26 .ecmp-mentor-free i { color: #d97706 !important; }
body.ecm-intro26 .ecmp-mentor-free .ecmp-free-main, body.ecm-intro26 .ecmp-mentor-free .ecmp-free-main b { color: #0b1f3a !important; }
body.ecm-intro26 .ecmp-mentor-free .ecmp-free-sub { color: #6b5a3a !important; }
body.ecm-intro26 .ecmp-mi { border-radius: 6px; background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.14); }
body.ecm-intro26 .ecmp-mi i { border-radius: 6px; background: rgba(91,141,239,.18); color: #8fb3ff; }
body.ecm-intro26 .ecmp-mentor-items .ecmp-mi-title i { color: #8fb3ff; }
body.ecm-intro26 .ecmp-card { border-radius: 6px; box-shadow: none; border: 1px solid #c9d3df; }
body.ecm-intro26 .ecmp-card-head { background: #fff !important; color: #0b1f3a; border-bottom: 2px solid #0b1f3a; box-shadow: inset 4px 0 0 var(--ecmp-ac, #1a56db); padding: 16px 22px 16px 24px; }
body.ecm-intro26 .ecmp-card-head h3 { color: #0b1f3a; font-weight: 800; }
body.ecm-intro26 .ecmp-card-head .ecmp-sub { color: #5b6b7f; opacity: 1; }
body.ecm-intro26 .ecmp-card-head .ecmp-ico { border-radius: 6px; background: #eef2f7; color: var(--ecmp-ac, #1a56db); }
body.ecm-intro26 .ecmp-card-head .ecmp-ico i { color: var(--ecmp-ac, #1a56db); }
body.ecm-intro26 .ecmp-vat { color: #475569; background: #f5f7fa; border-color: #d9e0e8; border-radius: 4px; }
body.ecm-intro26 .ecmp-c-fac  { --ecmp-ac: #1a56db; }
body.ecm-intro26 .ecmp-c-day  { --ecmp-ac: #0e7490; }
body.ecm-intro26 .ecmp-c-test { --ecmp-ac: #15803d; }
body.ecm-intro26 .ecmp-c-add  { --ecmp-ac: #4338ca; }
body.ecm-intro26 .ecmp-c-doc  { --ecmp-ac: #b45309; }
body.ecm-intro26 .ecmp-table-wrap { padding: 0; }
body.ecm-intro26 .ecmp-table { border-collapse: collapse; }
body.ecm-intro26 .ecmp-table th, body.ecm-intro26 .ecmp-table td { border: 1px solid #e3e8ef; padding: 11px 12px; }
body.ecm-intro26 .ecmp-table thead th { background: #eef2f7; color: #0b1f3a; border-bottom: 1px solid #c9d3df; }
body.ecm-intro26 .ecmp-rowlabel { background: #f5f7fa; color: #0b1f3a; letter-spacing: 1px; }
body.ecm-intro26 .ecmp-hi-best, body.ecm-intro26 .ecmp-hi-pop { background: #f3f7ff; }
body.ecm-intro26 .ecmp-hi-best .ecmp-num, body.ecm-intro26 .ecmp-hi-pop .ecmp-num { color: #1a56db; }
body.ecm-intro26 .ecmp-tag { border-radius: 3px; }
body.ecm-intro26 .ecmp-tag-best { background: #d97706; }
body.ecm-intro26 .ecmp-tag-pop { background: #1a56db; }
body.ecm-intro26 .ecmp-benefit { background: #f5f7fa; border-top: 1px solid #d9e0e8; }
body.ecm-intro26 .ecmp-benefit li i { color: #1a56db; }
body.ecm-intro26 .ecmp-note { padding-top: 12px; color: #8594a8; }
body.ecm-intro26 .ecmp-note i { color: #d97706; }

@media (max-width: 991px) {
	.i26-home-grid, .i26-robot-grid { grid-template-columns: 1fr; gap: 36px; }
	.i26-robot-stage { order: 2; }
	.i26-voice-grid { grid-template-columns: 1fr; }
	.i26-voice figure { border-right: 0; border-bottom: 1px solid #d9e0e8; }
	.i26-voice figure:last-child { border-bottom: 0; }
	.i26-apply .col-lg-4 { margin-bottom: 26px; }
}
@media (max-width: 575px) {
	.i26-home, .i26-robot, .i26-voice, .i26-apply, body.ecm-intro26 .ecmp-section { padding: 60px 0; }
	.i26-home h2, .i26-robot h2, body.ecm-intro26 .ecmp-title h2 { font-size: 28px; }
	.i26-rows > div { grid-template-columns: 88px 1fr; }
	.i26-f-grid, .i26-f-grid2, .i26-f-addr, .i26-f-half { grid-template-columns: 1fr; }
	.i26-form { padding: 22px 16px; }
	.i26-seg label { flex: 1 1 33%; border-bottom: 1px solid #d9e0e8; }
	.i26-seg span { padding: 10px 6px; font-size: 13px; }
	.i26-f-btn { width: 100%; justify-content: center; }
	.i26-first { display: flex; }
	body.ecm-intro26 .ecmp-mentor { padding: 22px 18px; }
}

/* ================================================================
   2026-09-26 (3) — 스마트폰 다듬기 + «밋밋하지 않게»
   ================================================================ */

/* ── 세 축에 색 한 가지씩 — Physical AI 청록 · AI 보라 · Smart 파랑 ── */
.i26-col { position: relative; --ax: #1a56db; --axb: #eef4ff; }
.i26-col:nth-child(1) { --ax: #0e8f86; --axb: #e6f6f4; }
.i26-col:nth-child(2) { --ax: #6d3fd8; --axb: #f1ecfd; }
.i26-col::before { content: ""; position: absolute; left: -1px; right: -1px; top: -1px; height: 3px; background: var(--ax); }
.i26-col-top .i26-ico { background: var(--axb); color: var(--ax); }
.i26-col-top { border-bottom-color: var(--ax); }
.i26-col li::before { background: var(--ax); }
.i26-col li.i26-hl::before { background: #d97706; }

/* 여섯 가지 이유 — 숫자에 옅은 띠, 올리면 한 칸이 살아난다 */
.i26-diff-item { position: relative; transition: background .2s; }
.i26-diff-item::after { content: ""; position: absolute; left: 0; top: -2px; width: 0; height: 2px; background: #1a56db; transition: width .35s; }
.i26-diff-item:hover { background: #f7faff; }
.i26-diff-item:hover::after { width: 100%; }
.i26-diff-no { background: linear-gradient(135deg, #1a56db, #6d3fd8); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* 떠오르기 — 스크립트가 붙인 뒤에만 숨긴다 */
html.i26-anim .i26-rv { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
html.i26-anim .i26-rv.i26-in { opacity: 1; transform: none; }

/* ── 바닥글 ── */
footer.i26-foot { background: #071528; color: #b8c6dc; padding: 56px 0 28px; text-align: left; }
.i26-foot-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 32px; padding-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,.1); }
.i26-foot-logo { display: inline-block; width: 150px; background: #fff; border-radius: 6px; padding: 8px 12px; }
.i26-foot-brand p { margin: 16px 0 0; font-size: 14px; line-height: 1.7; color: #8fa3c0; }
.i26-foot-col h4 { font-size: 13px; font-weight: 800; letter-spacing: 1px; color: #fff; margin: 4px 0 12px; }
.i26-foot-col a { display: block; font-size: 14px; color: #b8c6dc !important; text-decoration: none !important; padding: 8px 0; }
.i26-foot-col a:hover { color: #fff !important; }
.i26-foot-copy { padding-top: 20px; font-size: 12.5px; color: #6f83a1; letter-spacing: .3px; }

/* ── 휴대폰: 머리줄 접속 단추 · 아래 고정 줄 (넓은 화면에선 없음) ── */
.i26-mlogin, .i26-mbar { display: none; }
@media (max-width: 991px) {
	body.ecm-intro26 .navbar .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; }
	body.ecm-intro26 .navbar .logo span { width: 138px !important; }
	.i26-mlogin { margin-right: 12px; display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 16px; border-radius: 6px; background: #1a56db; color: #fff !important; font-size: 14.5px; font-weight: 800; text-decoration: none !important; white-space: nowrap; box-shadow: 0 6px 16px rgba(26,86,219,.28); }
	.i26-mbar { display: grid; grid-template-columns: 1.6fr 1fr 1fr; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; background: rgba(255,255,255,.97); border-top: 1px solid #d9e0e8; box-shadow: 0 -6px 20px rgba(11,31,58,.08); padding: 6px 8px calc(6px + env(safe-area-inset-bottom)); gap: 6px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
	.i26-mbar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 50px; border-radius: 6px; font-size: 12px; font-weight: 700; color: #334155 !important; text-decoration: none !important; }
	.i26-mbar a i { font-size: 16px; color: #1a56db; }
	.i26-mbar a.on { background: #1a56db; color: #fff !important; flex-direction: row; gap: 7px; font-size: 14px; font-weight: 800; }
	.i26-mbar a.on i { color: #fff; font-size: 15px; }
	body.ecm-intro26 { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
	.i26-foot-grid { grid-template-columns: 1fr 1fr; }
	.i26-foot-brand { grid-column: 1 / -1; }
}

/* ── 휴대폰: 히어로 ── */
@media (max-width: 575px) {
	.i26-eyebrow { font-size: 11.5px; letter-spacing: .4px; padding: 6px 10px; }
	.i26-lineup { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }
	.i26-lineup span { text-align: center; padding: 9px 4px; border-bottom: 1px solid rgba(255,255,255,.18); }
	.i26-lineup span:nth-child(3n) { border-right: 0; }
	.i26-lineup span:last-child { grid-column: span 2; border-bottom: 0; }
	.i26-lineup span:nth-child(4) { border-bottom: 0; }
	.i26-lineup em { display: block; margin: 2px 0 0; }
	.i26-cta { display: none; }
	.i26-cta .i26-btn { justify-content: center; height: 52px; }
	.i26-col { padding: 24px 18px 18px; }
	.i26-diff-item { padding: 22px 4px 24px; }
	.i26-diff-no { font-size: 26px; margin-bottom: 10px; }
	.i26-first-tag { font-size: 12px; }
	.i26-robot-stage img { max-width: 46%; }
	.i26-robot-stage { padding: 48px 16px 70px; }
	.i26-foot-copy { padding-bottom: 6px; }
}

/* ── 휴대폰: 비용표 — 첫 칸 고정 + «옆으로 밀어 보기» 안내 ── */
@media (max-width: 767px) {
	body.ecm-intro26 .ecmp-table-wrap { position: relative; -webkit-overflow-scrolling: touch; }
	body.ecm-intro26 .ecmp-table-wrap::before { content: "\2190  옆으로 밀어 모든 구간을 보세요"; position: sticky; left: 0; display: block; width: max-content; font-size: 12px; font-weight: 700; color: #1a56db; padding: 8px 12px 6px; }
	body.ecm-intro26 .ecmp-table { font-size: 12.5px; }
	body.ecm-intro26 .ecmp-table th, body.ecm-intro26 .ecmp-table td { padding: 9px 8px; }
	body.ecm-intro26 .ecmp-table tr > :first-child { position: sticky; left: 0; z-index: 1; background: #f5f7fa; box-shadow: 2px 0 0 #d9e0e8; }
	body.ecm-intro26 .ecmp-table thead tr > :first-child { background: #eef2f7; }
	body.ecm-intro26 .ecmp-rowlabel { width: 64px; letter-spacing: 0; }
	body.ecm-intro26 .ecmp-unit { font-size: 10.5px; }
	body.ecm-intro26 .ecmp-tag { font-size: 10.5px; }
	/* 설명형 표(성숙도 진단)는 두 칸이라 밀지 않고 접어 쓴다 */
	body.ecm-intro26 .ecmp-c-test .ecmp-table { min-width: 0; }
	body.ecm-intro26 .ecmp-c-test .ecmp-table-wrap::before { display: none; }
	body.ecm-intro26 .ecmp-mentor-top { gap: 14px; }
	body.ecm-intro26 .ecmp-mentor-body h3 { font-size: 21px; }
	body.ecm-intro26 .ecmp-mentor-price { text-align: left; }
	body.ecm-intro26 .ecmp-mentor-price .ecmp-mentor-amt { font-size: 36px; }
	body.ecm-intro26 .ecmp-card-head { flex-wrap: wrap; }
	body.ecm-intro26 .ecmp-vat { margin-left: 54px; }
}
footer.i26-foot p, footer.i26-foot .i26-foot-copy, footer.i26-foot a { letter-spacing: 0 !important; text-transform: none !important; }

/* ── 속도 — 옛 로딩 가림막은 «모든 그림·글꼴을 다 받은 뒤» 걷혀, 느린 휴대폰에서 6초 넘게 빈 화면이었다(09-26 실측). 인트로는 가림막 없이 바로 보인다 ── */
body.ecm-intro26 .loading { display: none !important; }