/* ============================================================
   테마: modern — "GPR 타워" · 다크 럭셔리 + CSS scroll-snap 풀페이지(자체 JS)
   딥 차콜 베이스 + 골드 + 층별 주얼톤 액센트 + 배경 이미지 + 글로우/켄번스/진입 애니메이션.
   색상스킨(themes.css)에 휘둘리지 않도록 자체 팔레트를 body.layout-modern 에 고정.
   renew.js 규약: #rn-header.is-scrolled / #rn-nav.is-open / #rn-burger.is-open / #rn-overlay.is-open
   ============================================================ */
   body.layout-modern {
    --mh-bg: #0c0d11;
    --mh-bg-2: #13151b;
    --mh-panel: rgba(255,255,255,.045);
    --mh-ink: #f0ebde;
    --mh-ink-soft: #a8a293;
    --mh-ink-faint: #716c5f;
    --mh-line: rgba(217,184,95,.18);
    --mh-line-2: rgba(255,255,255,.08);
    --mh-gold: #dcbb62;
    --mh-gold-deep: #b8923a;
    --mh-gold-soft: #f1d68a;
    --mh-gold-pale: rgba(217,184,95,.12);
    --ac: #dcbb62;
    /* 서브페이지·마이페이지 본문(renew/renew-sub)이 쓰는 themes.css 변수를 다크 골드 톤으로 덮어 통일 */
    --green-900: #f0ebde;
    --green-800: #dcbb62;
    --green-700: #f1d68a;
    --green-600: #c9a14e;
    --green-500: #b8923a;
    --green-50: #1a1d24;
    --cream-100: #0c0d11;
    --cream-200: #13151b;
    --cream-300: #1a1d24;
    /* renew-sub.css 카드(흰색 하드코딩 → var(--card-bg, #fff))를 다크로 통일 */
    --card-bg: #13151b;
    /* 짙은 강조 배경(라이트테마 green-900 전제 → var(--surface-deep, …))을 더 깊은 차콜로 */
    --surface-deep: #08090c;
    --gold-600: #b8923a;
    --gold-500: #dcbb62;
    --gold-400: #f1d68a;
    --ink-900: #f0ebde;
    --ink-700: #d2ccbc;
    --ink-500: #a8a293;
    --ink-300: #716c5f;
    --line: rgba(255,255,255,.1);
    --section-soft-bg: #13151b;
    --footer-bg: #08090c;
    --footer-text: #a8a293;
    --footer-text-soft: #716c5f;
    --footer-text-strong: #f0ebde;
    --footer-title: #f1d68a;
    --footer-divider: rgba(255,255,255,.08);
    --footer-link-hover: #f1d68a;
    background: var(--mh-bg);
    color: var(--mh-ink);
}

/* 층별 액센트 컬러 + 배경 이미지 + 글로우 위치 (화려한 색상 변화) */
body.layout-modern .mh-floor--c1 { /* 8F 추모관 · 카카오톡 (노란 배경 + 검정 + 말풍선 UI) */
    --ac: #3c1e1e; --ac-ink: #ffffff;        /* 카카오 브라운 강조 / 브라운 버튼 위 흰 텍스트 */
    --kbg: #ffe812; --kbg2: #ffd900;          /* 카카오 옐로 배경 */
    --mh-ink: #1a1500; --mh-ink-soft: #5c4a1a; --mh-ink-faint: #8a7330;
    --mh-panel: #ffffff; --mh-line: rgba(60,30,30,.16); --mh-line-2: rgba(0,0,0,.08);
    --gx: 78%; --gy: 30%;
    --img: url("https://images.unsplash.com/photo-1518621736915-f3b1c41bfd00?auto=format&fit=crop&w=1600&q=70")
}

/* ===== 8F 카카오톡 스킨 (c1 스코프 — 다른 층/페이지 무영향) ===== */
/* 배경: 옐로 + 우상단 부드러운 하이라이트(채팅방 느낌), 배경사진 숨김 */
body.layout-modern .mh-floor--c1 .mh-floor__bg::before { opacity: 0 }
body.layout-modern .mh-floor--c1 .mh-floor__bg::after {
    background: radial-gradient(60% 55% at 82% 16%, rgba(255,255,255,.5), transparent 62%), linear-gradient(160deg, var(--kbg) 0%, var(--kbg2) 100%);
    animation: none;
}
/* 헤드 타이포 — 노란 배경 위 검정 */
body.layout-modern .mh-floor--c1 .mh-floor__title { color: var(--mh-ink); text-shadow: none }
body.layout-modern .mh-floor--c1 .mh-floor__title em {
    color: #3c1e1e; background: none; -webkit-text-fill-color: #3c1e1e;
}
body.layout-modern .mh-floor--c1 .mh-floor__no { color: #3c1e1e; text-shadow: none }
body.layout-modern .mh-floor--c1 .mh-floor__lead { color: #463821 }
body.layout-modern .mh-floor--c1 .mh-floor__en { color: #6b5320; border-color: rgba(60,30,30,.22) }
body.layout-modern .mh-floor--c1 .mh-floor__tag { color: #3c1e1e }
/* 6대 기능 카드 → 카카오톡 말풍선(흰 배경 + 좌상단 꼬리 + 옐로 원형 아이콘) */
body.layout-modern .mh-floor--c1 .mh-fcard {
    background: #fff; border: 1px solid rgba(0,0,0,.05); border-radius: 6px 22px 22px 22px;
    box-shadow: 0 6px 18px -8px rgba(60,40,0,.26); backdrop-filter: none;
}
body.layout-modern .mh-floor--c1 .mh-fcard::before {
    content: ""; position: absolute; top: 0; left: -8px; width: 0; height: 0;
    border: 9px solid transparent; border-top-color: #fff; border-right-width: 0;
}
body.layout-modern .mh-floor--c1 .mh-fcard:hover {
    transform: translateY(-5px); border-color: #ffd900;
    box-shadow: 0 16px 34px -12px rgba(60,40,0,.32);
}
body.layout-modern .mh-floor--c1 .mh-fcard__icon { background: #ffe200; border-radius: 50%; box-shadow: none }
body.layout-modern .mh-floor--c1 .mh-fcard__no { color: rgba(60,30,30,.32) }
body.layout-modern .mh-floor--c1 .mh-fcard__title { color: #1a1500 }
body.layout-modern .mh-floor--c1 .mh-fcard__desc { color: #5c4a1a }
/* CTA "마이묘 분양받기" → 카카오 옐로 버튼 */
body.layout-modern .mh-floor--c1 .mh-floor__cta {
    background: #ffe200; color: #3c1e1e; border: 0; font-weight: 800;
    box-shadow: 0 8px 20px -6px rgba(255,200,0,.75);
}
body.layout-modern .mh-floor--c1 .mh-floor__cta:hover {
    background: #ffd700; color: #3c1e1e; transform: translateY(-2px);
    box-shadow: 0 14px 28px -8px rgba(255,190,0,.9);
}

/* ===== 8F 진입 시 헤더·타워네비 카카오 톤 전환 (footer.php JS가 body.is-floor-kakao 토글) ===== */
body.layout-modern.is-floor-kakao .mh-header { background: rgba(255,232,18,.92); border-bottom-color: rgba(60,30,30,.12) }
body.layout-modern.is-floor-kakao .mh-header.is-scrolled { background: rgba(255,226,0,.96); box-shadow: 0 8px 28px rgba(120,90,0,.18) }
body.layout-modern.is-floor-kakao .mh-nav__link { color: #5c4319 }
body.layout-modern.is-floor-kakao .mh-nav__link:hover { color: #3c1e1e }
body.layout-modern.is-floor-kakao .mh-actions__link { color: #6b5320 }
body.layout-modern.is-floor-kakao .mh-actions__link:hover { color: #3c1e1e }
body.layout-modern.is-floor-kakao .mh-burger span { background: #3c1e1e }
body.layout-modern.is-floor-kakao .mh-logo img { filter: brightness(0); transition: filter .25s } /* 흰 로고 → 검정 */
body.layout-modern.is-floor-kakao .mh-logo__text { color: #3c1e1e }
body.layout-modern.is-floor-kakao .mh-cta { background: #3c1e1e; color: #ffe200; box-shadow: 0 8px 22px rgba(60,30,30,.3) }
body.layout-modern.is-floor-kakao .mh-cta:hover { box-shadow: 0 12px 28px rgba(60,30,30,.45) }
body.layout-modern.is-floor-kakao .mh-tower-nav a.is-active .mh-tn__dot { background: #3c1e1e; box-shadow: 0 0 12px #ffdf00 }
body.layout-modern.is-floor-kakao .mh-tn__label { color: #3c1e1e; background: rgba(255,232,18,.85) }

/* ============================================================
   층별 브랜드 스킨 — 각 층을 유명 서비스 색으로 "꽉 찬 배경" (8F 카카오처럼)
   7F 쿠팡 · 6F 당근 · 5F 네이버 · 4F 토스 · 3F 인스타 · 2F 페북 · 1F 유튜브
   배경=브랜드 풀컬러 + 흰 텍스트, 카드는 흰색(그 위에 떠 보임)
   각 c스코프 한정 — 다른 페이지/층 무영향
   ============================================================ */

/* 라이트 브랜드 층 공통 — 헤드 타이포 흰색 (배경이 진한 브랜드색) */
body.layout-modern .mh-floor--c2 .mh-floor__bg::before, body.layout-modern .mh-floor--c3 .mh-floor__bg::before,
body.layout-modern .mh-floor--c4 .mh-floor__bg::before, body.layout-modern .mh-floor--c5 .mh-floor__bg::before,
body.layout-modern .mh-floor--c6 .mh-floor__bg::before, body.layout-modern .mh-floor--c7 .mh-floor__bg::before,
body.layout-modern .mh-floor--c8 .mh-floor__bg::before { opacity: 0 }
body.layout-modern .mh-floor--c2 .mh-floor__title, body.layout-modern .mh-floor--c3 .mh-floor__title,
body.layout-modern .mh-floor--c4 .mh-floor__title, body.layout-modern .mh-floor--c5 .mh-floor__title,
body.layout-modern .mh-floor--c6 .mh-floor__title, body.layout-modern .mh-floor--c7 .mh-floor__title,
body.layout-modern .mh-floor--c8 .mh-floor__title { color: #fff; text-shadow: 0 2px 20px rgba(0,0,0,.18) }
body.layout-modern .mh-floor--c2 .mh-floor__title em, body.layout-modern .mh-floor--c3 .mh-floor__title em,
body.layout-modern .mh-floor--c4 .mh-floor__title em, body.layout-modern .mh-floor--c5 .mh-floor__title em,
body.layout-modern .mh-floor--c6 .mh-floor__title em, body.layout-modern .mh-floor--c7 .mh-floor__title em,
body.layout-modern .mh-floor--c8 .mh-floor__title em { color: #fff; -webkit-text-fill-color: #fff; background: none; box-shadow: inset 0 -0.28em 0 rgba(255,255,255,.28) }
body.layout-modern .mh-floor--c2 .mh-floor__no, body.layout-modern .mh-floor--c3 .mh-floor__no,
body.layout-modern .mh-floor--c4 .mh-floor__no, body.layout-modern .mh-floor--c5 .mh-floor__no,
body.layout-modern .mh-floor--c6 .mh-floor__no, body.layout-modern .mh-floor--c7 .mh-floor__no,
body.layout-modern .mh-floor--c8 .mh-floor__no { color: #fff; text-shadow: none }
body.layout-modern .mh-floor--c2 .mh-floor__lead, body.layout-modern .mh-floor--c3 .mh-floor__lead,
body.layout-modern .mh-floor--c4 .mh-floor__lead, body.layout-modern .mh-floor--c5 .mh-floor__lead,
body.layout-modern .mh-floor--c6 .mh-floor__lead, body.layout-modern .mh-floor--c7 .mh-floor__lead,
body.layout-modern .mh-floor--c8 .mh-floor__lead { color: rgba(255,255,255,.9) }
body.layout-modern .mh-floor--c2 .mh-floor__en, body.layout-modern .mh-floor--c3 .mh-floor__en,
body.layout-modern .mh-floor--c4 .mh-floor__en, body.layout-modern .mh-floor--c5 .mh-floor__en,
body.layout-modern .mh-floor--c6 .mh-floor__en, body.layout-modern .mh-floor--c7 .mh-floor__en,
body.layout-modern .mh-floor--c8 .mh-floor__en { color: rgba(255,255,255,.85); border-color: rgba(255,255,255,.4) }
body.layout-modern .mh-floor--c2 .mh-floor__tag, body.layout-modern .mh-floor--c3 .mh-floor__tag,
body.layout-modern .mh-floor--c4 .mh-floor__tag, body.layout-modern .mh-floor--c5 .mh-floor__tag,
body.layout-modern .mh-floor--c6 .mh-floor__tag, body.layout-modern .mh-floor--c7 .mh-floor__tag,
body.layout-modern .mh-floor--c8 .mh-floor__tag { color: #fff }
body.layout-modern .mh-floor--c2 .mh-floor__note, body.layout-modern .mh-floor--c3 .mh-floor__note,
body.layout-modern .mh-floor--c4 .mh-floor__note, body.layout-modern .mh-floor--c5 .mh-floor__note,
body.layout-modern .mh-floor--c6 .mh-floor__note, body.layout-modern .mh-floor--c7 .mh-floor__note,
body.layout-modern .mh-floor--c8 .mh-floor__note { color: rgba(255,255,255,.9) }
/* 흰 카드 위 통계 강조 — 브랜드 액센트 */
body.layout-modern .mh-floor--c2 .mh-stat strong, body.layout-modern .mh-floor--c3 .mh-stat strong,
body.layout-modern .mh-floor--c4 .mh-stat strong, body.layout-modern .mh-floor--c5 .mh-stat strong,
body.layout-modern .mh-floor--c6 .mh-stat strong, body.layout-modern .mh-floor--c7 .mh-stat strong,
body.layout-modern .mh-floor--c8 .mh-stat strong { background: none; -webkit-text-fill-color: var(--ac); color: var(--ac) }
/* 칩 — 흰 알약 */
body.layout-modern .mh-floor--c2 .mh-chip, body.layout-modern .mh-floor--c4 .mh-chip,
body.layout-modern .mh-floor--c6 .mh-chip { background: #fff; color: var(--mh-ink); border-color: rgba(0,0,0,.06) }
/* CTA — 흰 배경 + 브랜드 텍스트(공통), 색은 각 층에서 */
body.layout-modern .mh-floor--c2 .mh-floor__cta, body.layout-modern .mh-floor--c3 .mh-floor__cta,
body.layout-modern .mh-floor--c4 .mh-floor__cta, body.layout-modern .mh-floor--c5 .mh-floor__cta,
body.layout-modern .mh-floor--c6 .mh-floor__cta, body.layout-modern .mh-floor--c7 .mh-floor__cta,
body.layout-modern .mh-floor--c8 .mh-floor__cta { background: #fff; border: 0; font-weight: 800; box-shadow: 0 10px 24px -8px rgba(0,0,0,.3) }
body.layout-modern .mh-floor--c2 .mh-floor__cta:hover, body.layout-modern .mh-floor--c3 .mh-floor__cta:hover,
body.layout-modern .mh-floor--c4 .mh-floor__cta:hover, body.layout-modern .mh-floor--c5 .mh-floor__cta:hover,
body.layout-modern .mh-floor--c6 .mh-floor__cta:hover, body.layout-modern .mh-floor--c7 .mh-floor__cta:hover,
body.layout-modern .mh-floor--c8 .mh-floor__cta:hover { background: #f1f1f1; transform: translateY(-2px); box-shadow: 0 16px 32px -10px rgba(0,0,0,.4) }

/* ===== 7F 사진관 · 배달의민족 (c2) — 배민 민트 풀 배경 ===== */
body.layout-modern .mh-floor--c2 {
    --ac: #1ec8be;
    --mh-ink: #222; --mh-ink-soft: #4d4d4d; --mh-ink-faint: #8a8a8a;
    --mh-panel: #ffffff; --mh-line: rgba(0,0,0,.1); --mh-line-2: rgba(0,0,0,.06);
    --gx: 22%; --gy: 30%;
    --img: url("https://images.unsplash.com/photo-1500051638674-ff996a0ec29e?auto=format&fit=crop&w=1600&q=70")
}
body.layout-modern .mh-floor--c2 .mh-floor__bg::after {
    background: radial-gradient(68% 58% at 78% 8%, rgba(255,255,255,.22), transparent 55%), radial-gradient(95% 85% at 12% 112%, rgba(0,0,0,.16), transparent 60%), linear-gradient(150deg,#3ad6cb 0%,#1ec8be 48%,#0f9e96 100%);
    animation: none
}
/* 배민 UI 느낌 — 둥근 흰 카드 + 민트 포인트 */
body.layout-modern .mh-floor--c2 .mh-ba { border-color: rgba(0,0,0,.1); background: #f4fbfa; border-radius: 22px; box-shadow: 0 30px 60px -30px rgba(0,60,55,.45) }
body.layout-modern .mh-floor--c2 .mh-ba__label--a { background: var(--ac); color: #06302c }
body.layout-modern .mh-floor--c2 .mh-chip { border-radius: 12px; font-weight: 700 }
body.layout-modern .mh-floor--c2 .mh-floor__cta { color: #0f9e96 }

/* ===== 6F 묘지닥터관 · 당근마켓 (c3) — 당근 주황 풀 배경 ===== */
body.layout-modern .mh-floor--c3 {
    --ac: #e8620f;
    --mh-ink: #2b2521; --mh-ink-soft: #6b5d51; --mh-ink-faint: #a08b79;
    --mh-panel: #ffffff; --mh-line: rgba(120,75,35,.14); --mh-line-2: rgba(120,75,35,.08);
    --gx: 80%; --gy: 60%;
    --img: url("https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1600&q=70")
}
body.layout-modern .mh-floor--c3 .mh-floor__bg::after {
    background: radial-gradient(68% 58% at 78% 8%, rgba(255,255,255,.18), transparent 55%), radial-gradient(95% 85% at 12% 112%, rgba(0,0,0,.2), transparent 60%), linear-gradient(150deg,#ff8a33 0%,#ff6f0f 48%,#e05600 100%);
    animation: none
}
body.layout-modern .mh-floor--c3 .mh-fcard { border-radius: 20px; box-shadow: 0 6px 20px -10px rgba(120,60,10,.3) }
body.layout-modern .mh-floor--c3 .mh-fcard__icon { background: color-mix(in srgb, var(--ac) 20%, #fff); border-radius: 50% }
body.layout-modern .mh-floor--c3 .mh-floor__cta { color: #e05600 }

/* ===== 9F 낙토장관 · 네이버 (c4) — 네이버 그린 풀 배경 ===== */
body.layout-modern .mh-floor--c4 {
    --ac: #03c75a;
    --mh-ink: #1a1a1a; --mh-ink-soft: #4d4d4d; --mh-ink-faint: #8a8a8a;
    --mh-panel: #ffffff; --mh-line: rgba(0,0,0,.1); --mh-line-2: rgba(0,0,0,.06);
    --gx: 22%; --gy: 62%;
    --img: url("https://images.unsplash.com/photo-1448375240586-882707db888b?auto=format&fit=crop&w=1600&q=70")
}
body.layout-modern .mh-floor--c4 .mh-floor__bg::after {
    background: radial-gradient(68% 58% at 78% 8%, rgba(255,255,255,.16), transparent 55%), radial-gradient(95% 85% at 12% 112%, rgba(0,0,0,.2), transparent 60%), linear-gradient(150deg,#06d365 0%,#03c75a 48%,#029344 100%);
    animation: none
}
body.layout-modern .mh-floor--c4 .mh-floor__cta { color: #029344 }

/* ===== 5F 장의포털관 · 토스 (c5) — 토스 블루 풀 배경 ===== */
body.layout-modern .mh-floor--c5 {
    --ac: #3182f6;
    --mh-ink: #191f28; --mh-ink-soft: #4e5968; --mh-ink-faint: #8b95a1;
    --mh-panel: #ffffff; --mh-line: rgba(0,0,0,.08); --mh-line-2: rgba(0,0,0,.05);
    --gx: 78%; --gy: 30%;
    --img: url("https://images.unsplash.com/photo-1518495973542-4542c06a5843?auto=format&fit=crop&w=1600&q=70")
}
body.layout-modern .mh-floor--c5 .mh-floor__bg::after {
    background: radial-gradient(68% 58% at 78% 8%, rgba(255,255,255,.16), transparent 55%), radial-gradient(95% 85% at 12% 112%, rgba(0,0,0,.2), transparent 60%), linear-gradient(150deg,#4b94f8 0%,#3182f6 48%,#1f64d8 100%);
    animation: none
}
body.layout-modern .mh-floor--c5 .mh-icon { border-color: rgba(0,0,0,.06); box-shadow: 0 6px 20px -12px rgba(10,30,70,.3) }
body.layout-modern .mh-floor--c5 .mh-icon:hover { background: #fff; border-color: var(--ac); box-shadow: 0 14px 30px -14px rgba(0,0,0,.35) }
body.layout-modern .mh-floor--c5 .mh-bizcard { background: #fff; border-color: rgba(0,0,0,.08) }
body.layout-modern .mh-floor--c5 .mh-bizcard__t { color: var(--mh-ink) }
body.layout-modern .mh-floor--c5 .mh-bizcard__m { color: var(--mh-ink-faint) }
body.layout-modern .mh-floor--c5 .mh-bizcard__thumb--ph { color: var(--ac); background: linear-gradient(135deg,#eef3fb,#fff) }
body.layout-modern .mh-floor--c5 .mh-floor__cta { color: #1f64d8 }

/* ===== 3F 묘지거래소관 · 인스타그램 (c6) — 인스타 그라데이션 풀 배경 ===== */
body.layout-modern .mh-floor--c6 {
    --ac: #d62976;
    --mh-ink: #1a1a1a; --mh-ink-soft: #4d4d4d; --mh-ink-faint: #8a8a8a;
    --mh-panel: #ffffff; --mh-line: rgba(0,0,0,.1); --mh-line-2: rgba(0,0,0,.06);
    --gx: 26%; --gy: 34%;
    --img: url("https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?auto=format&fit=crop&w=1600&q=70")
}
body.layout-modern .mh-floor--c6 .mh-floor__bg::after {
    background: radial-gradient(55% 50% at 80% 6%, rgba(255,255,255,.16), transparent 55%), radial-gradient(95% 85% at 10% 112%, rgba(0,0,0,.18), transparent 60%), linear-gradient(135deg,#feda75 0%,#fa7e1e 24%,#d62976 54%,#962fbf 78%,#4f5bd5 100%);
    animation: none
}
body.layout-modern .mh-floor--c6 .mh-mkt__card { background: #fff; border-color: rgba(0,0,0,.08); box-shadow: 0 6px 18px -12px rgba(0,0,0,.25) }
body.layout-modern .mh-floor--c6 .mh-mkt__t { color: var(--mh-ink) }
body.layout-modern .mh-floor--c6 .mh-mkt__price { color: var(--ac) }
body.layout-modern .mh-floor--c6 .mh-floor__cta { color: #d62976 }

/* ===== 1F GPR마트 · 페이스북 (c7) — 페북 블루 풀 배경 ===== */
body.layout-modern .mh-floor--c7 {
    --ac: #1877f2;
    --mh-ink: #1c1e21; --mh-ink-soft: #4b4f56; --mh-ink-faint: #8a8d91;
    --mh-panel: #ffffff; --mh-line: rgba(0,0,0,.1); --mh-line-2: rgba(0,0,0,.06);
    --gx: 80%; --gy: 60%;
    --img: url("https://images.unsplash.com/photo-1518895949257-7621c3c786d7?auto=format&fit=crop&w=1600&q=70")
}
body.layout-modern .mh-floor--c7 .mh-floor__bg::after {
    background: radial-gradient(68% 58% at 78% 8%, rgba(255,255,255,.16), transparent 55%), radial-gradient(95% 85% at 12% 112%, rgba(0,0,0,.2), transparent 60%), linear-gradient(150deg,#2d88f7 0%,#1877f2 48%,#0f5bc4 100%);
    animation: none
}
body.layout-modern .mh-floor--c7 .mh-floor__partners a { background: #fff; border-color: rgba(0,0,0,.08); box-shadow: 0 4px 14px -8px rgba(0,0,0,.25) }
body.layout-modern .mh-floor--c7 .mh-floor__partners img { filter: none }
body.layout-modern .mh-floor--c7 .mh-floor__cta { color: #0f5bc4 }

/* ===== 2F 분양홍보관 · 프리미엄 퍼플 (c8) — 토스증권·트위치 톤 퍼플 풀 배경 ===== */
body.layout-modern .mh-floor--c8 {
    --ac: #7c3aed;
    --mh-ink: #1c1430; --mh-ink-soft: #4a4063; --mh-ink-faint: #8b85a0;
    --mh-panel: #ffffff; --mh-line: rgba(0,0,0,.08); --mh-line-2: rgba(0,0,0,.05);
    --gx: 50%; --gy: 28%;
    --img: url("https://images.unsplash.com/photo-1480714378408-67cf0d13bc1b?auto=format&fit=crop&w=1600&q=70")
}
body.layout-modern .mh-floor--c8 .mh-floor__bg::after {
    background: radial-gradient(60% 55% at 50% 6%, rgba(255,255,255,.18), transparent 55%), radial-gradient(95% 85% at 12% 112%, rgba(0,0,0,.22), transparent 60%), linear-gradient(150deg,#8b5cf6 0%,#7c3aed 46%,#5b21b6 100%);
    animation: none
}
/* 프리미엄 UI 느낌 — 큰 라운드 스탯 카드 + 퍼플 글로우 */
body.layout-modern .mh-floor--c8 .mh-stat { border-radius: 20px; box-shadow: 0 14px 36px -22px rgba(40,10,90,.5) }
body.layout-modern .mh-floor--c8 .mh-floor__cta { color: #6d28d9 }

/* ===== 4F 병원복지관 · 케어 시안 (c9) — 청량한 시안 풀 배경 (icons 레이아웃) ===== */
body.layout-modern .mh-floor--c9 {
    --ac: #06b6d4;
    --mh-ink: #12333b; --mh-ink-soft: #43626b; --mh-ink-faint: #85a0a8;
    --mh-panel: #ffffff; --mh-line: rgba(0,0,0,.08); --mh-line-2: rgba(0,0,0,.05);
    --gx: 26%; --gy: 32%;
    --img: url("https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?auto=format&fit=crop&w=1600&q=70")
}
body.layout-modern .mh-floor--c9 .mh-floor__bg::before { opacity: 0 }
body.layout-modern .mh-floor--c9 .mh-floor__bg::after {
    background: radial-gradient(68% 58% at 78% 8%, rgba(255,255,255,.18), transparent 55%), radial-gradient(95% 85% at 12% 112%, rgba(0,0,0,.2), transparent 60%), linear-gradient(150deg,#22d3ee 0%,#06b6d4 48%,#0891b2 100%);
    animation: none
}
body.layout-modern .mh-floor--c9 .mh-floor__title { color: #fff; text-shadow: 0 2px 20px rgba(0,0,0,.18) }
body.layout-modern .mh-floor--c9 .mh-floor__title em { color: #fff; -webkit-text-fill-color: #fff; background: none; box-shadow: inset 0 -0.28em 0 rgba(255,255,255,.28) }
body.layout-modern .mh-floor--c9 .mh-floor__no { color: #fff; text-shadow: none }
body.layout-modern .mh-floor--c9 .mh-floor__lead { color: rgba(255,255,255,.9) }
body.layout-modern .mh-floor--c9 .mh-floor__en { color: rgba(255,255,255,.85); border-color: rgba(255,255,255,.4) }
body.layout-modern .mh-floor--c9 .mh-floor__tag { color: #fff }
body.layout-modern .mh-floor--c9 .mh-floor__note { color: rgba(255,255,255,.9) }
body.layout-modern .mh-floor--c9 .mh-stat strong { background: none; -webkit-text-fill-color: var(--ac); color: var(--ac) }
body.layout-modern .mh-floor--c9 .mh-floor__cta { background: #fff; border: 0; font-weight: 800; box-shadow: 0 10px 24px -8px rgba(0,0,0,.3); color: #0891b2; border-radius: 16px }
body.layout-modern .mh-floor--c9 .mh-floor__cta:hover { background: #f1f1f1; transform: translateY(-2px); box-shadow: 0 16px 32px -10px rgba(0,0,0,.4) }
/* icons 레이아웃 — 토스(c5)와 동일한 큼직한 라운드 타일 톤 */
body.layout-modern .mh-floor--c9 .mh-icon { border-radius: 24px; border-color: rgba(0,0,0,.06); box-shadow: 0 10px 28px -16px rgba(6,120,140,.4) }
body.layout-modern .mh-floor--c9 .mh-icon:hover { background: #fff; border-color: var(--ac); transform: translateY(-5px); box-shadow: 0 14px 30px -14px rgba(0,0,0,.35) }
body.layout-modern .mh-floor--c9 .mh-bizcard { background: #fff; border-color: rgba(0,0,0,.08); border-radius: 20px }
body.layout-modern .mh-floor--c9 .mh-bizcard__t { color: var(--mh-ink) }
body.layout-modern .mh-floor--c9 .mh-bizcard__m { color: var(--mh-ink-faint) }
body.layout-modern .mh-floor--c9 .mh-bizcard__thumb--ph { color: var(--ac); background: linear-gradient(135deg,#e7fbfe,#fff) }

/* ============================================================
   대기업 제품 UI 디테일 — 각 층을 해당 서비스 UI 톤으로 (라운드·그림자·포인트)
   카드/버튼 형태를 브랜드 제품 느낌으로 보정. c스코프 한정.
   ============================================================ */
/* 5F 토스 — 큼직한 라운드 타일 + 부드러운 그림자(토스 시그니처) */
body.layout-modern .mh-floor--c5 .mh-icon { border-radius: 24px; box-shadow: 0 10px 28px -16px rgba(20,60,140,.4) }
body.layout-modern .mh-floor--c5 .mh-icon:hover { transform: translateY(-5px) }
body.layout-modern .mh-floor--c5 .mh-bizcard { border-radius: 20px }
body.layout-modern .mh-floor--c5 .mh-floor__cta { border-radius: 16px }
/* 4F 네이버 — 각진 라운드(8px) + 굵은 그린(네이버 버튼 톤) */
body.layout-modern .mh-floor--c4 .mh-chip { border-radius: 8px; font-weight: 700 }
body.layout-modern .mh-floor--c4 .mh-floor__cta { background: #03c75a; color: #fff; border-radius: 8px }
body.layout-modern .mh-floor--c4 .mh-floor__cta:hover { background: #02b350; color: #fff }
/* 3F 인스타 — 라운드 카드 + 그라데이션 포인트(인스타 톤) */
body.layout-modern .mh-floor--c6 .mh-mkt__card { border-radius: 18px }
body.layout-modern .mh-floor--c6 .mh-mkt__price { background: linear-gradient(90deg,#fa7e1e,#d62976,#962fbf); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800 }
body.layout-modern .mh-floor--c6 .mh-chip { border-radius: 14px }
/* 2F 페이스북 — 라운드 사각 타일(페북 카드 톤) */
body.layout-modern .mh-floor--c7 .mh-floor__partners a { border-radius: 12px }
body.layout-modern .mh-floor--c7 .mh-floor__cta { border-radius: 10px }

/* ===== 브랜드 풀컬러 층 공통 헤더·타워네비 (footer.php JS가 is-floor-brand 토글) ===== */
body.layout-modern.is-floor-brand .mh-nav__link, body.layout-modern.is-floor-brand .mh-actions__link { color: rgba(255,255,255,.9) }
body.layout-modern.is-floor-brand .mh-nav__link:hover, body.layout-modern.is-floor-brand .mh-actions__link:hover { color: #fff }
body.layout-modern.is-floor-brand .mh-burger span { background: #fff }
body.layout-modern.is-floor-brand .mh-logo img { filter: none; transition: filter .25s }
body.layout-modern.is-floor-brand .mh-logo__text { color: #fff }
body.layout-modern.is-floor-brand .mh-cta { background: #fff; box-shadow: 0 8px 22px rgba(0,0,0,.2) }
body.layout-modern.is-floor-brand .mh-tn__label { color: #fff; background: rgba(0,0,0,.28) }
body.layout-modern.is-floor-brand .mh-tower-nav a.is-active .mh-tn__dot { background: #fff; box-shadow: 0 0 12px rgba(255,255,255,.9) }
/* 브랜드별 헤더 배경 + CTA 텍스트색 */
body.layout-modern.is-floor-baemin .mh-header { background: rgba(30,200,190,.96); border-bottom-color: rgba(255,255,255,.18) }
body.layout-modern.is-floor-baemin .mh-header.is-scrolled { background: rgba(20,178,168,.98); box-shadow: 0 8px 28px rgba(0,90,82,.32) }
body.layout-modern.is-floor-baemin .mh-cta { color: #0f9e96 }
body.layout-modern.is-floor-daangn .mh-header { background: rgba(230,90,5,.96); border-bottom-color: rgba(255,255,255,.18) }
body.layout-modern.is-floor-daangn .mh-header.is-scrolled { background: rgba(205,80,5,.98); box-shadow: 0 8px 28px rgba(150,55,0,.34) }
body.layout-modern.is-floor-daangn .mh-cta { color: #e05600 }
body.layout-modern.is-floor-naver .mh-header { background: rgba(2,147,68,.96); border-bottom-color: rgba(255,255,255,.18) }
body.layout-modern.is-floor-naver .mh-header.is-scrolled { background: rgba(2,130,60,.98); box-shadow: 0 8px 28px rgba(0,90,40,.34) }
body.layout-modern.is-floor-naver .mh-cta { color: #029344 }
body.layout-modern.is-floor-toss .mh-header { background: rgba(31,100,216,.96); border-bottom-color: rgba(255,255,255,.18) }
body.layout-modern.is-floor-toss .mh-header.is-scrolled { background: rgba(24,88,196,.98); box-shadow: 0 8px 28px rgba(0,50,130,.34) }
body.layout-modern.is-floor-toss .mh-cta { color: #1f64d8 }
body.layout-modern.is-floor-insta .mh-header { background: linear-gradient(90deg,rgba(214,41,118,.96),rgba(150,47,191,.96)); border-bottom-color: rgba(255,255,255,.18) }
body.layout-modern.is-floor-insta .mh-header.is-scrolled { background: linear-gradient(90deg,rgba(214,41,118,.99),rgba(150,47,191,.99)); box-shadow: 0 8px 28px rgba(120,20,90,.34) }
body.layout-modern.is-floor-insta .mh-cta { color: #d62976 }
body.layout-modern.is-floor-fb .mh-header { background: rgba(15,91,196,.96); border-bottom-color: rgba(255,255,255,.18) }
body.layout-modern.is-floor-fb .mh-header.is-scrolled { background: rgba(12,80,176,.98); box-shadow: 0 8px 28px rgba(0,45,120,.34) }
body.layout-modern.is-floor-fb .mh-cta { color: #0f5bc4 }
body.layout-modern.is-floor-care .mh-header { background: rgba(6,182,212,.96); border-bottom-color: rgba(255,255,255,.18) }
body.layout-modern.is-floor-care .mh-header.is-scrolled { background: rgba(8,145,178,.98); box-shadow: 0 8px 28px rgba(0,80,100,.34) }
body.layout-modern.is-floor-care .mh-cta { color: #0891b2 }
body.layout-modern.is-floor-royal .mh-header { background: rgba(124,58,237,.96); border-bottom-color: rgba(255,255,255,.18) }
body.layout-modern.is-floor-royal .mh-header.is-scrolled { background: rgba(107,43,213,.98); box-shadow: 0 8px 28px rgba(50,10,110,.36) }
body.layout-modern.is-floor-royal .mh-cta { color: #6d28d9 }

.mh-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 28px
}

/* ===== scroll-snap 컨테이너 ===== */
#fullpage {
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none
}

#fullpage::-webkit-scrollbar {
    display: none
}

#fullpage .section {
    position: relative;
    min-height: 100vh;          /* 고정 100vh → 가변: 내용이 화면보다 크면 섹션이 늘어나 스크롤됨(잘림 방지) */
    box-sizing: border-box;
    padding: 84px 0;            /* 고정 헤더(74px)+여유 — 위아래가 헤더/뷰포트 끝에 가리지 않도록 */
    scroll-snap-align: start;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden
}

/* 히어로는 풀스크린 유지(슬라이더 풀블리드) */
#fullpage .section.mh-hero {
    min-height: 1000px;
    height: 100vh;
    padding: 0
}

#fullpage .fp-auto-height {
    height: auto;
    min-height: auto;
    scroll-snap-align: start;
    display: block
}

/* ===== HEADER ===== */
.mh-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(12,13,17,.5);
    backdrop-filter: saturate(1.2) blur(16px);
    border-bottom: 1px solid var(--mh-line-2);
    transition: background .25s,box-shadow .25s
}

.mh-header.is-scrolled {
    background: rgba(8,9,12,.9);
    box-shadow: 0 8px 32px rgba(0,0,0,.45)
}

.mh-header__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 28px;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px
}

.mh-logo {
    display: flex;
    align-items: center;
    text-decoration: none
}

.mh-logo img {
    height: 44px;
    width: auto;
    display: block
}

.mh-logo__text {
    font-family: 'Noto Serif KR',serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--mh-ink);
    letter-spacing: .02em
}

.mh-logo__text::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mh-gold);
    margin-left: 4px;
    vertical-align: middle
}

.mh-nav {
    display: flex;
    align-items: center;
    gap: 26px
}

.mh-nav__link {
    font-size: 15px;
    font-weight: 600;
    color: var(--mh-ink-soft);
    text-decoration: none;
    letter-spacing: -.01em;
    transition: color .15s;
    white-space: nowrap
}

.mh-nav__link:hover {
    color: var(--mh-gold-soft)
}

.mh-nav__mobile-user {
    display: none
}

.mh-nav__close {
    display: none
}

.mh-actions {
    display: flex;
    align-items: center;
    gap: 14px
}

.mh-actions__link {
    font-size: 14px;
    font-weight: 600;
    color: var(--mh-ink-faint);
    text-decoration: none;
    white-space: nowrap
}

.mh-actions__link:hover {
    color: var(--mh-ink)
}

.mh-cta {
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 20px;
    background: linear-gradient(120deg,var(--mh-gold-deep),var(--mh-gold));
    color: #1a1408;
    font-size: 14px;
    font-weight: 800;
    border-radius: 999px;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 8px 22px rgba(217,184,95,.22);
    transition: transform .15s,box-shadow .15s
}

.mh-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(217,184,95,.4)
}

.mh-burger {
    display: none;
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 0
}

.mh-burger span {
    display: block;
    width: 24px;
    height: 2px;
    background: var(--mh-ink);
    margin: 0 auto;
    transition: transform .25s,opacity .2s
}

.mh-burger.is-open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg)
}

.mh-burger.is-open span:nth-child(2) {
    opacity: 0
}

.mh-burger.is-open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg)
}

.mh-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.6);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s;
    z-index: 1001
}

.mh-overlay.is-open {
    opacity: 1;
    visibility: visible
}

/* ===== 우측 층 네비 ===== */
.mh-tower-nav {
    position: fixed;
    top: 50%;
    right: 26px;
    transform: translateY(-50%);
    z-index: 990;
    display: flex;
    flex-direction: column;
    gap: 18px
}

.mh-tower-nav a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    height: 13px;
    text-decoration: none
}

.mh-tn__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(240,235,222,.3);
    transition: all .25s
}

.mh-tn__label {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%) translateX(6px);
    font-size: 12.5px;
    font-weight: 700;
    color: var(--mh-gold-soft);
    padding: 5px 12px;
    border-radius: 999px;
    opacity: 0;
    transition: opacity .25s,transform .25s;
    white-space: nowrap;
    pointer-events: none;
    backdrop-filter: blur(4px);
    text-align: right;
    width: auto;
    max-width: unset;
}

/* 층 코드 버튼 라벨: 데스크톱에선 숨김 (모바일 전용) */
.mh-tn__fl {
    display: none;
}

/* 활성 층: 도트 강조 + 라벨 상시 노출 */
.mh-tower-nav a.is-active .mh-tn__dot {
    background: var(--mh-gold);
    width: 12px;
    height: 12px;
    box-shadow: 0 0 12px var(--mh-gold)
}

.mh-tower-nav a.is-active .mh-tn__label {
    opacity: 1;
    transform: translateY(-50%)
}

/* 네비 영역에 마우스 오버: 전체 층 이름 노출 */
.mh-tower-nav:hover a .mh-tn__label {
    opacity: 1;
    transform: translateY(-50%)
}

.mh-tower-nav a:hover .mh-tn__dot {
    background: var(--mh-gold-soft);
    transform: scale(1.3)
}

/* ===== HERO (3슬라이드 슬라이더) ===== */
.mh-hero {
    background: #0c0d11
}

.mh-heroswiper {
    position: absolute;
    inset: 0;
    z-index: 0;
    height: 100%;
    width: 100%
}

.mh-hero .swiper-slide {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden
}

.mh-slide__bg {
    position: absolute;
    inset: 0;
    background-image: var(--img);
    background-size: cover;
    background-position: center;
    transform: scale(1.05);
    filter: grayscale(.25) brightness(.7)
}

.mh-hero .swiper-slide-active .mh-slide__bg {
    animation: mh-ken 7s ease-out forwards
}

@keyframes mh-ken {
    from {
        transform: scale(1.12)
    }

    to {
        transform: scale(1)
    }
}

.mh-slide__scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg,rgba(8,9,12,.45) 0%,rgba(8,9,12,.3) 48%,rgba(8,9,12,.2) 100%),radial-gradient(60% 70% at 75% 30%,rgba(217,184,95,.16),transparent 40%)
}

.mh-slide__content {
    position: relative;
    z-index: 2;
    text-align: left;
    max-width: 780px;
    margin-right: auto;
    transform: translateY(18px);
    opacity: 0;
    transition: opacity .9s .2s, transform .9s .2s
}

.mh-hero .swiper-slide-active .mh-slide__content {
    transform: none;
    opacity: 1
}

.mh-slide__tag {
    display: inline-block;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .14em;
    padding: 8px 18px;
    border-radius: 999px;
    background: var(--mh-gold-pale);
    border: 1px solid var(--mh-line);
    color: var(--mh-gold-soft);
    margin-bottom: 24px
}

.mh-slide__title {
    font-family: 'Noto Serif KR',serif;
    font-size: 58px;
    font-weight: 700;
    line-height: 1.24;
    letter-spacing: -.03em;
    margin: 0;
    color: #fff;
    word-break: keep-all;
    text-shadow: 0 2px 30px rgba(0,0,0,.5)
}

.mh-slide__title em {
    font-style: normal;
    background: linear-gradient(120deg,var(--mh-gold-soft),var(--mh-gold-deep));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.mh-slide__sub {
    font-size: 18px;
    line-height: 1.5;
    margin: 24px 0 0;
    max-width: 620px;
    color: rgba(240,235,222,.82);
    word-break: keep-all
}

.mh-slide__cta {
    display: flex;
    gap: 14px;
    margin-top: 38px;
    flex-wrap: wrap
}

.mh-hero__controls {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px
}

.mh-hero__pageno {
    font-family: 'Noto Serif KR',serif;
    color: var(--mh-ink)
}

.mh-hero__pageno span {
    font-size: 26px;
    font-weight: 700;
    color: var(--mh-gold-soft)
}

.mh-hero__pageno i {
    font-style: normal;
    font-size: 15px;
    color: var(--mh-ink-faint)
}

.mh-hero__pg {
    display: flex !important;
    gap: 8px;
    width: auto !important;
    position: static !important
}

.mh-hero__pg .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    border-radius: 2px;
    background: rgba(240,235,222,.28);
    opacity: 1;
    margin: 0 !important;
    transition: background .25s
}

.mh-hero__pg .swiper-pagination-bullet-active {
    background: var(--mh-gold)
}

.mh-scroll-hint {
    position: absolute;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .16em;
    color: var(--mh-ink-faint)
}

.mh-scroll-hint i {
    display: inline-block;
    width: 1px;
    height: 30px;
    background: linear-gradient(var(--mh-gold),transparent);
    animation: mh-drop 1.8s ease-in-out infinite
}

@keyframes mh-drop {
    0% {
        transform: scaleY(.3);
        transform-origin: top;
        opacity: .4
    }

    50% {
        transform: scaleY(1);
        opacity: 1
    }

    100% {
        transform: scaleY(.3);
        transform-origin: bottom;
        opacity: .4
    }
}

/* ===== 히어로 묘지 홈페이지 검색 — PC: 히어로 위 오버레이 ===== */
.mh-hsearch {
    position: absolute;
    z-index: 6;
    left: 50%;
    top: 112px;
    transform: translateX(-50%);
    width: min(620px, calc(100% - 40px));
    text-align: center
}

.mh-hsearch__eyebrow {
    display: inline-block;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .14em;
    color: var(--mh-gold-soft);
    margin-bottom: 12px
}

.mh-hsearch__bar {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 60px;
    padding: 0 10px 0 18px;
    border-radius: 16px;
    background: rgba(12,13,17,.72);
    border: 1px solid var(--mh-line);
    box-shadow: 0 18px 48px rgba(0,0,0,.45);
    backdrop-filter: saturate(1.2) blur(16px);
    transition: border-color .2s, box-shadow .2s
}

.mh-hsearch__bar:focus-within {
    border-color: var(--mh-gold);
    box-shadow: 0 18px 52px rgba(0,0,0,.55), 0 0 0 3px rgba(217,184,95,.16)
}

.mh-hsearch__ico {
    flex: none;
    width: 22px;
    height: 22px;
    color: var(--mh-gold-soft)
}

.mh-hsearch__input {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--mh-ink);
    font-family: inherit;
    font-size: 15.5px;
    font-weight: 500
}

.mh-hsearch__input::placeholder { color: var(--mh-ink-faint) }

.mh-hsearch__clear {
    flex: none;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: var(--mh-ink-faint);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    transition: background .15s, color .15s
}

.mh-hsearch__clear:hover { background: var(--mh-gold-pale); color: var(--mh-ink) }

.mh-hsearch__panel {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 30;
    border-radius: 16px;
    background: rgba(12,13,17,.9);
    border: 1px solid var(--mh-line);
    box-shadow: 0 22px 60px rgba(0,0,0,.55);
    backdrop-filter: saturate(1.2) blur(18px);
    overflow: hidden;
    text-align: left
}

.mh-hsearch__list {
    max-height: min(52vh, 420px);
    overflow-y: auto;
    overscroll-behavior: contain
}

.mh-hsearch__item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    text-decoration: none;
    border-bottom: 1px solid var(--mh-line-2);
    transition: background .15s
}

.mh-hsearch__item:last-child { border-bottom: 0 }
.mh-hsearch__item:hover { background: var(--mh-gold-pale) }

.mh-hsearch__thumb {
    flex: none;
    width: 52px;
    height: 52px;
    border-radius: 10px;
    overflow: hidden;
    background: var(--mh-bg-2);
    display: flex;
    align-items: center;
    justify-content: center
}

.mh-hsearch__thumb img { width: 100%; height: 100%; object-fit: cover }

.mh-hsearch__thumb--ph {
    font-family: 'Noto Serif KR',serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--mh-gold-soft);
    border: 1px solid var(--mh-line)
}

.mh-hsearch__body { flex: 1; min-width: 0 }

.mh-hsearch__t {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: var(--mh-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

/* 통합검색 결과 데이터 구분 뱃지 */
.mh-hsearch__badge {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    padding: 2px 7px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
    background: #eceff1;
    color: #546e7a
}
.mh-hsearch__badge--cemetery { background: rgba(176,124,30,.14); color: #b07c1e }
.mh-hsearch__badge--funeral  { background: rgba(46,90,42,.12); color: #2e5a2a }
.mh-hsearch__badge--hospital { background: rgba(47,114,189,.12); color: #2f72bd }

.mh-hsearch__m {
    display: block;
    margin-top: 3px;
    font-size: 12.5px;
    color: var(--mh-ink-faint);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mh-hsearch__go {
    flex: none;
    color: var(--mh-gold-soft);
    font-size: 18px;
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity .15s, transform .15s
}

.mh-hsearch__item:hover .mh-hsearch__go { opacity: 1; transform: none }

.mh-hsearch__empty {
    padding: 26px 16px;
    text-align: center;
    font-size: 13.5px;
    color: var(--mh-ink-faint)
}

@media(max-width:900px){
    .mh-hero { flex-direction: column; align-items: stretch }
    .mh-hero .mh-hsearch { order: -1; position: relative; top: auto; left: auto; right: auto; transform: none; width: calc(100% - 32px); margin: 0 16px;padding:94px 0 20px; background: #0c0d11 }
    .mh-hero .mh-hero__controls { bottom: 18px; margin: 0 }
    .mh-hero .mh-scroll-hint { display: none }
    .mh-hsearch__eyebrow { font-size: 19px; margin-bottom: 10px }
    .mh-hsearch__bar { height: 54px; padding: 0 8px 0 14px ;background-color: #fff;color:#000;}
    .mh-hsearch__input { font-size: 14px ;color:#000;}
    .mh-hsearch__list { max-height: 46vh ;background: #fff;}
    .mh-logo__text { font-size: 18px }
    .mh-hsearch__t{color:#000;}
}

/* ===== renew-sub.css 헤더 높이 보정 =====
   renew-sub.css는 default 헤더(데스크탑 120/비로그인 88/모바일 76px)를 전제하나
   modern 헤더(.mh-header)는 74px 고정. body.layout-modern.rn-sub(specificity 0,2,1)로
   덮어써 헤더 아래 공백 제거. 로드 순서(modern→renew-sub) 무관하게 우선 적용됨. */
body.layout-modern.rn-sub,
body.layout-modern.rn-sub.no-topbar { padding-top: 74px; }

/* ===== SUB HERO (서브페이지 — snap 미적용) ===== */
.mh-sub-main {
    /* padding-top: 74px; */
    background: var(--mh-bg);
    min-height: 60vh
}

.mh-sub-hero {
    position: relative;
    padding: 80px 0 56px;
    border-bottom: 1px solid var(--mh-line);
    overflow: hidden;
    background: radial-gradient(80% 150% at 80% 0%,rgba(217,184,95,.14),transparent 60%),var(--mh-bg-2)
}

.mh-sub-hero__title {
    font-family: 'Noto Serif KR',serif;
    font-size: 44px;
    font-weight: 700;
    color: var(--mh-ink);
    margin: 0;
    letter-spacing: -.03em;
    word-break: keep-all
}

.mh-sub-hero__sub {
    margin: 14px 0 0;
    font-size: 16px;
    color: var(--mh-ink-soft);
    line-height: 1.6;
    word-break: keep-all
}

/* ===== BUTTONS ===== */
.mh-btn {
    display: inline-flex;
    align-items: center;
    height: 54px;
    padding: 0 34px;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .15s,box-shadow .15s,background .15s,border-color .15s
}

.mh-btn:hover {
    transform: translateY(-2px)
}

.mh-btn--primary {
    background: linear-gradient(120deg,var(--mh-gold-deep),var(--mh-gold));
    color: #1a1408;
    box-shadow: 0 14px 34px rgba(217,184,95,.3)
}

.mh-btn--primary:hover {
    box-shadow: 0 18px 44px rgba(217,184,95,.5)
}

.mh-btn--ghost {
    background: rgba(255,255,255,.06);
    color: #fff;
    border: 1px solid rgba(255,255,255,.3)
}

.mh-btn--ghost:hover {
    border-color: var(--mh-gold);
    color: var(--mh-gold-soft)
}

.mh-btn--ghost-d {
    background: transparent;
    color: var(--mh-ink);
    border: 1px solid var(--mh-line)
}

.mh-btn--ghost-d:hover {
    border-color: var(--mh-gold);
    color: var(--mh-gold-soft)
}

/* ===== FLOOR (각 층) — 층별 액센트 --ac ===== */
.mh-floor__bg {
    position: absolute;
    inset: 0;
    z-index: 0
}

.mh-floor__bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--img);
    background-size: cover;
    background-position: center;
    opacity: .13;
    filter: grayscale(.3);
    animation: mh-ken2 14s ease-in-out infinite alternate
}

.mh-floor__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(58% 66% at var(--gx,70%) var(--gy,35%),color-mix(in srgb,var(--ac) 26%,transparent),transparent 60%), linear-gradient(160deg,rgba(16,18,24,.86) 0%,rgba(8,9,12,.96) 100%);
    animation: mh-glow 9s ease-in-out infinite alternate
}

@keyframes mh-ken2 {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(1.08)
    }
}

@keyframes mh-glow {
    from {
        opacity: .92
    }

    to {
        opacity: 1
    }
}

.mh-floor__inner {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 40px 0;
    text-align: left;
    display: grid;
    grid-template-columns: 1.04fr .96fr;
    gap: 56px;
    align-items: stretch
}

.mh-floor__text { min-width: 0; display: flex; flex-direction: column; justify-content: center }

/* 우측 비주얼 — 좌측과 동일 높이(stretch), 이미지 or 실제 페이지 iframe */
.mh-floor__visual {
    position: relative;
    min-height: 440px;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid var(--mh-line);
    background: var(--img, #13151b) center/cover no-repeat;
    box-shadow: 0 34px 80px -36px #000, inset 0 0 0 1px rgba(255,255,255,.04)
}
.mh-floor__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(150deg, transparent 40%, color-mix(in srgb, var(--ac) 30%, transparent) 100%), linear-gradient(0deg, rgba(8,9,12,.5), transparent 55%)
}
/* 실제 서비스 페이지 스크린샷 — 위→아래 자동 스크롤 */
.mh-floor__visual--shot {
    background-image: var(--shot);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-color: #0f1117;
    animation: mh-shot 36s ease-in-out infinite alternate
}
.mh-floor__visual--shot::after {
    background: linear-gradient(0deg, rgba(8,9,12,.55), transparent 28%), linear-gradient(150deg, transparent 60%, color-mix(in srgb, var(--ac) 24%, transparent))
}
@keyframes mh-shot { 0% { background-position: 50% 0 } 100% { background-position: 50% 100% } }
.mh-shot--memorial { --shot: url("/theme/modern/shots/memorial.jpg") }
.mh-shot--photo    { --shot: url("/theme/modern/shots/photo.jpg") }
.mh-shot--doctor   { --shot: url("/theme/modern/shots/doctor.jpg") }
.mh-shot--natural  { --shot: url("/theme/modern/shots/natural.jpg") }
.mh-shot--portal   { --shot: url("/theme/modern/shots/portal.jpg") }
.mh-shot--biz      { --shot: url("/theme/modern/shots/biz.jpg") }
.mh-shot--trade    { --shot: url("https://images.unsplash.com/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=900&q=70") }
.mh-floor__visual-link { position: absolute; inset: 0; z-index: 3 }
@media (prefers-reduced-motion: reduce) { .mh-floor__visual--shot { animation: none } }
.mh-floor__visual-badge {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 2;
    font-family: 'Noto Serif KR',serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: color-mix(in srgb, var(--ac) 55%, rgba(8,9,12,.55));
    border: 1px solid rgba(255,255,255,.18);
    padding: 8px 16px;
    border-radius: 999px;
    backdrop-filter: blur(4px)
}

.mh-floor__label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    margin-bottom: 24px;
}

.mh-floor__no {
    font-family: 'Noto Serif KR',serif;
    font-size: 32px;
    font-weight: 900;
    line-height: 1;
    color: var(--ac);
    letter-spacing: -.02em;
    text-shadow: 0 0 24px color-mix(in srgb,var(--ac) 50%,transparent)
}

.mh-floor__en {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .24em;
    color: var(--mh-ink-soft);
    padding: 0 16px;
    border-left: 1px solid var(--mh-line);
    border-right: 1px solid var(--mh-line)
}

.mh-floor__tag {
    font-size: 14px;
    font-weight: 700;
    color: var(--mh-ink-soft);
    letter-spacing: .02em
}

.mh-floor__title {
    font-family: 'Noto Serif KR',serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.32;
    color: #fff;
    margin: 0;
    letter-spacing: -.03em;
    word-break: keep-all;
    text-shadow: 0 2px 24px rgba(0,0,0,.4)
}

.mh-floor__title em {
    font-style: normal;
    color: var(--ac);
    background: linear-gradient(120deg,var(--ac),color-mix(in srgb,var(--ac) 55%,#fff));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.mh-floor__lead {
    font-size: 17.5px;
    line-height: 1.85;
    color: var(--mh-ink-soft);
    margin: 22px 0 0;
    max-width: 660px;
    word-break: keep-all
}

.mh-floor__stats {
    display: flex;
    justify-content: flex-start;
    gap: 14px;
    margin: 42px 0 0;
    max-width: 760px;
    flex-wrap: wrap
}

.mh-stat {
    flex: 1;
    min-width: 170px;
    background: var(--mh-panel);
    border: 1px solid var(--mh-line);
    border-radius: 18px;
    padding: 26px 22px;
    backdrop-filter: blur(6px);
    transition: transform .25s,border-color .25s,box-shadow .25s
}

.mh-stat:hover {
    transform: translateY(-4px);
    border-color: var(--ac);
    box-shadow: 0 18px 40px -18px color-mix(in srgb,var(--ac) 70%,transparent)
}

.mh-stat strong {
    display: block;
    font-family: 'Noto Serif KR',serif;
    font-size: 21px;
    font-weight: 700;
    background: linear-gradient(120deg,#fff,var(--ac));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -.03em;
    line-height: 1.1
}

.mh-stat span {
    display: block;
    margin-top: 8px;
    font-size: 13.5px;
    color: var(--mh-ink-faint);
    font-weight: 600
}

/* 1F 수익 파이프라인 카드 (platform_business 4중 수익 요약) */
.mh-pipes {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    width: 100%;
    max-width: 880px;
    margin: 28px auto 0
}
.mh-pipe {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 22px 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.14)
}
.mh-pipe__step {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    color: var(--mh-gold-soft)
}
.mh-pipe__ico { font-size: 30px; line-height: 1; margin: 2px 0 }
.mh-pipe__name {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    word-break: keep-all
}
.mh-pipe__amt {
    font-family: 'Noto Serif KR', serif;
    font-size: 24px;
    font-weight: 800;
    color: var(--mh-gold)
}
.mh-pipe__amt small { font-size: 12px; font-weight: 600; color: rgba(240,235,222,.6); margin-left: 3px }
.mh-pipes__note { text-align: center; font-size: 12.5px; color: rgba(240,235,222,.55); margin: 16px 0 0 }

.mh-floor__chips {
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    margin: 30px 0 0;
    flex-wrap: wrap
}

.mh-chip {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 11px 22px;
    border-radius: 999px;
    border: 1px solid var(--mh-line);
    background: rgba(255,255,255,.03);
    font-size: 14.5px;
    font-weight: 600;
    color: var(--mh-ink);
    transition: border-color .2s,background .2s
}

.mh-chip:hover {
    border-color: var(--ac);
    background: color-mix(in srgb,var(--ac) 12%,transparent)
}

.mh-chip i {
    font-style: normal;
    font-size: 17px
}

.mh-floor__partners {
    list-style: none;
    margin: 38px auto 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 14px;
    max-width: 900px;
    justify-content: center
}

.mh-floor__partners a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    padding: 14px;
    background: rgba(255,255,255,.05);
    border: 1px solid var(--mh-line);
    border-radius: 14px;
    transition: border-color .15s,transform .15s
}

.mh-floor__partners a:hover {
    border-color: var(--ac);
    transform: translateY(-3px)
}

.mh-floor__partners img {
    max-width: 100%;
    max-height: 46px;
    object-fit: contain;
    filter: brightness(1.05)
}

.mh-floor__foot {
    margin-top: 42px
}

.mh-floor__cta {
    display: inline-flex;
    align-items: center;
    height: 52px;
    padding: 0 34px;
    border-radius: 999px;
    font-size: 15.5px;
    font-weight: 700;
    color: var(--ac);
    text-decoration: none;
    background: color-mix(in srgb,var(--ac) 10%,transparent);
    border: 1.5px solid var(--ac);
    transition: transform .15s,background .15s,color .15s,box-shadow .15s
}

.mh-floor__cta:hover {
    transform: translateY(-2px);
    background: var(--ac);
    color: #12100a;
    box-shadow: 0 16px 36px -12px var(--ac)
}

.mh-floor__soon {
    display: inline-flex;
    align-items: center;
    height: 50px;
    padding: 0 28px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .08em;
    color: var(--ac);
    background: color-mix(in srgb,var(--ac) 12%,transparent);
    border: 1.5px dashed var(--ac)
}

/* ===== 중앙 정렬 레이아웃 (cards / icons / flow / shop) ===== */
.mh-floor__centered{position:relative;z-index:2;width:100%;max-width: 1280px;margin:0 auto;padding:40px 0;text-align:center}
.mh-floor__head{max-width:780px;margin:0 auto}
.mh-floor__centered .mh-floor__label{justify-content:center}
.mh-floor__centered .mh-floor__lead{margin:22px auto 0}
.mh-floor__stats--center{justify-content:center;margin-left:auto;margin-right:auto}
.mh-floor__foot--center{text-align:center}

/* 기능 카드 그리드 */
.mh-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:700px;margin:40px auto 0;text-align:left}
.mh-fcard{position:relative;background:var(--mh-panel);border:1px solid var(--mh-line);border-radius:18px;padding:28px 26px 24px;backdrop-filter:blur(4px);transition:transform .25s,border-color .25s,box-shadow .25s}
.mh-fcard:hover{transform:translateY(-5px);border-color:var(--ac);box-shadow:0 22px 46px -22px color-mix(in srgb,var(--ac) 70%,transparent)}
.mh-fcard__no{position:absolute;top:22px;right:24px;font-family:'Noto Serif KR',serif;font-size:14px;font-weight:700;color:color-mix(in srgb,var(--ac) 55%,transparent)}
.mh-fcard__icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;background:color-mix(in srgb,var(--ac) 16%,transparent);font-size:24px;margin-bottom:16px}
.mh-fcard__title{font-family:'Noto Serif KR',serif;font-size:18px;font-weight:700;color:var(--mh-ink);margin:0 0 8px;letter-spacing:-.01em}
.mh-fcard__desc{font-size:13.5px;line-height:1.7;color:var(--mh-ink-soft);margin:0;word-break:keep-all}

/* 아이콘 카테고리 그리드 */
.mh-icons{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;max-width:980px;margin:40px auto 0}
.mh-icon{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 12px;border-radius:18px;background:var(--mh-panel);border:1px solid var(--mh-line);text-decoration:none;transition:transform .25s,border-color .25s,background .25s}
.mh-icon:hover{transform:translateY(-5px);border-color:var(--ac);background:color-mix(in srgb,var(--ac) 10%,transparent)}
.mh-icon__em{font-size:34px;line-height:1}
.mh-icon__t{font-size:14px;font-weight:700;color:var(--mh-ink);white-space:nowrap}

/* 4F 포털 통합관 — 장의/병원 탭 전환 + 실등록 업체 swiper */
.mh-ptabs{display:inline-flex;gap:6px;padding:6px;margin:30px 0 0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px}
.mh-ptab{padding:11px 28px;border:none;border-radius:999px;background:transparent;color:rgba(255,255,255,.72);font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s,color .2s}
.mh-ptab:hover{color:#fff}
.mh-ptab.is-on{background:#fff;color:var(--ac)}
.mh-ppanel{width:100%;max-width:1040px;margin:22px auto 0}
.mh-ppanel:not(.is-on){display:none}
.mh-ppanel__lead{font-size:14px;color:rgba(255,255,255,.72);text-align:center;margin:0 0 6px;word-break:keep-all}
.mh-ppanel__empty{color:rgba(255,255,255,.6);text-align:center;padding:28px 20px;font-size:14px}
.mh-icons--portal{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:840px;margin:20px auto 22px}
.mh-icons--portal .mh-icon{flex:0 0 118px;padding:20px 10px;gap:9px}
.mh-icons--portal .mh-icon__em{font-size:28px}
.mh-icons--portal .mh-icon__t{font-size:13px}

/* 수익 플로우 */
.mh-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1000px;margin:36px auto 0}
.mh-flowstep{position:relative;background:var(--mh-panel);border:1px solid var(--mh-line);border-radius:18px;padding:26px 20px;text-align:center;transition:transform .25s,border-color .25s}
.mh-flowstep:hover{transform:translateY(-5px);border-color:var(--ac)}
.mh-flowstep:not(:last-child)::after{content:"→";position:absolute;top:50%;right:-12px;transform:translateY(-50%);color:color-mix(in srgb,var(--ac) 70%,transparent);font-size:18px;font-weight:800;z-index:3}
.mh-flowstep__no{display:inline-block;font-family:'Noto Serif KR',serif;font-size:13px;font-weight:800;color:var(--ac);letter-spacing:.1em;margin-bottom:10px}
.mh-flowstep__t{font-size:15px;font-weight:700;color:var(--mh-ink);margin:0 0 10px;word-break:keep-all}
.mh-flowstep__v{font-family:'Noto Serif KR',serif;font-size:20px;font-weight:800;background:linear-gradient(120deg,#fff,var(--ac));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* 중앙 레이아웃 진입 stagger */
.mh-floor__centered [data-rv]:nth-child(1){transition-delay:.05s}
.mh-floor__centered [data-rv]:nth-child(2){transition-delay:.16s}
.mh-floor__centered [data-rv]:nth-child(3){transition-delay:.27s}
.mh-floor__centered [data-rv]:nth-child(4){transition-delay:.38s}

/* ===== 7F before/after 슬라이더 ===== */
.mh-ba{position:relative;min-height:440px;border-radius:24px;overflow:hidden;border:1px solid var(--mh-line);background:#000;box-shadow:0 34px 80px -36px #000;user-select:none}
.mh-ba__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mh-ba__after{position:absolute;inset:0;clip-path:inset(0 0 0 50%)}
.mh-ba__divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.5);left:50%;transform:translateX(-50%);pointer-events:none;z-index:2}
.mh-ba__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#fff;color:var(--mh-gold-deep);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;box-shadow:0 4px 18px rgba(0,0,0,.4);cursor:ew-resize;z-index:3}
.mh-ba__label{position:absolute;top:16px;padding:5px 13px;background:rgba(0,0,0,.6);color:#fff;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;z-index:2}
.mh-ba__label--b{left:16px}
.mh-ba__label--a{right:16px;background:var(--mh-gold);color:#1a1408}

/* ===== 3F 거래소 매물 미리보기 (페이드 + 둘러보기) ===== */
.mh-mkt{position:relative;min-height:440px;display:flex;align-items:center}
.mh-mkt__list{display:flex;flex-direction:column;gap:14px;width:100%}
.mh-mkt__card{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:16px;background:#14171d;border:1px solid var(--mh-line);text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.mh-mkt__card:hover{border-color:var(--ac);transform:translateX(3px);box-shadow:0 16px 36px -20px color-mix(in srgb,var(--ac) 70%,transparent)}
.mh-mkt__deal{flex:0 0 auto;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800;color:#fff}
.mh-mkt__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.mh-mkt__t{font-size:15px;font-weight:700;color:var(--mh-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh-mkt__rg{font-size:12.5px;color:var(--mh-ink-faint)}
.mh-mkt__price{flex:0 0 auto;font-family:'Noto Serif KR',serif;font-size:16px;font-weight:800;color:var(--mh-gold-soft)}
.mh-deal--sell{background:#2a3d27}.mh-deal--buy{background:#1e4470}.mh-deal--rent{background:#b07c1e}

/* ===== 4F 등록 업체 흐르는 swiper (세로 카드 — 가로 썸네일) ===== */
.mh-bizswiper{max-width: 100%;margin:38px auto 0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mh-bizswiper .swiper-wrapper{transition-timing-function:linear !important}
.mh-bizcard{width:230px !important;display:block;border-radius:16px;overflow:hidden;background:#0f1117;border:1px solid var(--mh-line-2);text-decoration:none;transition:border-color .2s,transform .2s}
.mh-bizcard:hover{border-color:var(--ac);transform:translateY(-4px)}
.mh-bizcard__thumb{display:block;width:100%;height:124px;background:var(--mh-bg-2)}
.mh-bizcard__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mh-bizcard__thumb--ph{display:flex;align-items:center;justify-content:center;font-family:'Noto Serif KR',serif;font-size:24px;font-weight:700;color:var(--mh-gold-soft);background:linear-gradient(135deg,#1a1d24,#0f1117)}
.mh-bizcard__info{display:block;padding:14px 16px}
.mh-bizcard__t{display:block;font-size:15px;font-weight:700;color:var(--mh-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh-bizcard__m{display:block;margin-top:4px;font-size:12.5px;color:var(--mh-ink-faint)}

/* 하단 전화 상담 */
.mh-cta-band__tel{display:inline-flex;flex-direction:column;align-items:center;gap:2px;margin:6px auto 0;text-decoration:none}
.mh-cta-band__tel span{font-size:12.5px;font-weight:700;letter-spacing:.1em;color:var(--mh-gold-soft)}
.mh-cta-band__tel strong{font-family:'Noto Serif KR',serif;font-size:30px;font-weight:800;color:#fff;letter-spacing:-.01em}

/* ===== 무료 상담 폼 약관/동의 ===== */
.mh-form__terms{margin-top:14px;max-height:78px;overflow-y:auto;padding:13px 16px;border:1px solid var(--mh-line);border-radius:10px;background:rgba(255,255,255,.03);font-size:12.5px;line-height:1.7;color:var(--mh-ink-faint);text-align:left}
.mh-form__chk{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:14px;color:var(--mh-ink-soft);cursor:pointer;text-align:left}
.mh-form__chk input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--mh-gold);cursor:pointer}

/* ===== 1F 플로우 — 보더 빛 회전 ===== */
@property --mh-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.mh-flowstep::before{content:"";position:absolute;inset:0;border-radius:18px;padding:1.5px;background:conic-gradient(from var(--mh-ang),transparent 0%,var(--ac) 14%,transparent 28%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:mh-ang 3.2s linear infinite;pointer-events:none}
.mh-flowstep:nth-child(2)::before{animation-delay:-.8s}
.mh-flowstep:nth-child(3)::before{animation-delay:-1.6s}
.mh-flowstep:nth-child(4)::before{animation-delay:-2.4s}
@keyframes mh-ang{to{--mh-ang:360deg}}

/* ===== 무료 상담 폼 (마지막 섹션) ===== */
.mh-form{max-width:560px;margin:32px auto 0;text-align:left}
.mh-form__row{display:flex;gap:12px;margin-bottom:12px}
.mh-form__in{width:100%;height:52px;padding:0 18px;border-radius:12px;border:1px solid var(--mh-line);background:rgba(255,255,255,.05);color:var(--mh-ink);font-size:15px;font-family:inherit;transition:border-color .15s,background .15s}
.mh-form__in::placeholder{color:var(--mh-ink-faint)}
.mh-form__in:focus{outline:none;border-color:var(--mh-gold);background:rgba(255,255,255,.08)}
.mh-form__area{height:auto;padding:14px 18px;resize:vertical;line-height:1.6}
.mh-form__btn{width:100%;justify-content:center;margin-top:14px;height:54px}

/* ===== 지그재그 — 짝수 층은 이미지가 왼쪽 (컬럼 비율도 반전해 텍스트는 항상 넓게) ===== */
.mh-floor--rev .mh-floor__inner { grid-template-columns: .96fr 1.04fr }
.mh-floor--rev .mh-floor__text { order: 2 }
.mh-floor--rev .mh-floor__visual { order: 1 }

/* 거대 층번호 워터마크 (배경 장식) */
.mh-floor__ghost {
    position: absolute;
    top: 50%; right: -2vw;
    transform: translateY(-50%);
    font-family: 'Noto Serif KR',serif;
    font-size: 40vh;
    font-weight: 900;
    line-height: .8;
    color: color-mix(in srgb, var(--ac) 9%, transparent);
    z-index: 1;
    pointer-events: none;
    user-select: none;
    letter-spacing: -.04em
}
.mh-floor--rev .mh-floor__ghost { right: auto; left: -2vw }

/* 진입 애니메이션 — 방향성 + stagger (텍스트/이미지가 양옆에서 들어옴) */
#fullpage .section [data-rv] {
    opacity: 0;
    transform: translateY(36px);
    transition: opacity .75s cubic-bezier(.2,.7,.2,1), transform .75s cubic-bezier(.2,.7,.2,1)
}
.mh-floor__text [data-rv]        { transform: translateX(-46px) }
.mh-floor--rev .mh-floor__text [data-rv] { transform: translateX(46px) }
.mh-floor__visual[data-rv]       { transform: translateX(52px) scale(.95) }
.mh-floor--rev .mh-floor__visual[data-rv] { transform: translateX(-52px) scale(.95) }
#fullpage .section.is-inview [data-rv] { opacity: 1; transform: none }

.mh-floor__text [data-rv]:nth-child(1) { transition-delay: .05s }
.mh-floor__text [data-rv]:nth-child(2) { transition-delay: .14s }
.mh-floor__text [data-rv]:nth-child(3) { transition-delay: .23s }
.mh-floor__text [data-rv]:nth-child(4) { transition-delay: .32s }
.mh-floor__text [data-rv]:nth-child(5) { transition-delay: .41s }
.mh-floor__text [data-rv]:nth-child(6) { transition-delay: .50s }
.mh-floor__visual[data-rv] { transition-delay: .12s; transition-duration: .9s }

/* 통계/칩 개별 팝 — 활성 시 살짝 통통 */
#fullpage .section.is-inview .mh-stat { animation: mh-pop .6s cubic-bezier(.2,1.3,.4,1) both }
.mh-floor__stats .mh-stat:nth-child(1){ animation-delay:.3s } .mh-floor__stats .mh-stat:nth-child(2){ animation-delay:.4s } .mh-floor__stats .mh-stat:nth-child(3){ animation-delay:.5s }
@keyframes mh-pop { 0%{transform:scale(.85);opacity:0} 100%{transform:scale(1);opacity:1} }

/* ===== CTA BAND ===== */
.mh-cta-band {
    background: radial-gradient(110% 120% at 50% 0%,#1c1813 0%,#08070a 65%)
}

.mh-cta-band__glow {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: radial-gradient(46% 56% at 50% 32%,rgba(217,184,95,.24),transparent 64%);
    /* 골드 펄스(mh-glow) + 색조를 천천히 무지개빛으로 순환시켜 포인트 */
    animation: mh-glow 7s ease-in-out infinite alternate, mh-cta-rainbow 10s linear infinite;
    pointer-events: none
}
@keyframes mh-cta-rainbow {
    to { filter: hue-rotate(360deg) }
}
@media (prefers-reduced-motion: reduce) {
    .mh-cta-band__glow { animation: mh-glow 7s ease-in-out infinite alternate }
}

.mh-cta-band__inner {
    position: relative;
    z-index: 2;
    width: 100%
}

.mh-cta-band__eyebrow {
    display: inline-block;
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: .24em;
    color: var(--mh-gold);
    margin-bottom: 20px
}

.mh-cta-band__title {
    font-family: 'Noto Serif KR',serif;
    font-size: 54px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 18px;
    letter-spacing: -.03em;
    line-height: 1.28;
    word-break: keep-all
}

.mh-cta-band__sub {
    font-size: 17.5px;
    color: var(--mh-ink-soft);
    margin: 0 0 38px;
    word-break: keep-all
}

.mh-cta-band__btns {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap
}

/* ===== FREE CONSULTING — 샴페인 골드 배경 테마 ===== */
/* 다크 기준으로 짜인 섹션이라, 밝은 배경에 맞춰 텍스트·폼 색만 스코프 한정 보정 */
.mh-cta-band {
    --mh-ink: #2a2113; --mh-ink-soft: #5b4a2c; --mh-ink-faint: #8a7a55;
    --mh-gold: #7a5e12; --mh-gold-soft: #6d520e;
    --mh-line: rgba(90,70,20,.22);
    position: relative;
    background: #fff
}
/* 배경 전체 무지개 — 파스텔 무지개 그라데이션을 hue-rotate로 계속 순환(텍스트 가독성 유지) */
.mh-cta-band::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(125deg,#ffc7c7 0%,#ffe2ad 16%,#fdf2a4 33%,#bfeab4 50%,#b0ddff 67%,#d0c6ff 83%,#ffc7ee 100%);
    animation: mh-cta-rainbow 10s linear infinite;
    pointer-events: none
}
@media (prefers-reduced-motion: reduce) {
    .mh-cta-band::before { animation: none }
}
/* 무지개 글로우 — 밝은 배경 위 multiply로 곱하되, 진한 코어로 가운데를 또렷이 강조 */
.mh-cta-band__glow {
    background: radial-gradient(44% 54% at 50% 32%,rgba(214,110,30,.92) 0%,rgba(217,150,60,.5) 36%,transparent 66%);
    mix-blend-mode: multiply
}
.mh-cta-band__title, .mh-cta-band__tel strong { color: #241c0d }
.mh-cta-band .mh-form__in { background: #fffdf7; border-color: rgba(90,70,20,.25); color: #2a2113 }
.mh-cta-band .mh-form__in:focus { background: #fff; border-color: var(--mh-gold) }
.mh-cta-band .mh-form__terms { background: rgba(255,255,255,.55); border-color: rgba(90,70,20,.18) }

/* ===== FOOTER ===== */
.mh-footer {
    background: var(--footer-bg);
    border-top: 1px solid var(--mh-line-2);
    padding: 56px 0 46px;
    text-align: center
}

.mh-footer__nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    margin-bottom: 28px
}

.mh-footer__nav a {
    font-size: 14px;
    font-weight: 600;
    color: var(--footer-text);
    text-decoration: none
}

.mh-footer__nav a:hover {
    color: var(--footer-link-hover)
}

.mh-footer__info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 18px;
    font-size: 13px;
    color: var(--footer-text);
    margin-bottom: 16px
}

.mh-footer__info strong {
    color: var(--footer-text-strong)
}

.mh-footer__legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 18px;
    font-size: 12.5px;
    color: var(--footer-text-soft)
}

.mh-footer__legal a {
    color: var(--footer-text);
    text-decoration: none
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .mh-nav {
        position:fixed;
        top: 0;
        right: 0;
        width: 300px;
        max-width: 84vw;
        height: 100vh;
        height: 100dvh; /* 모바일 주소창 영역 제외한 실제 가시 높이 */
        background: var(--mh-bg-2);
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding: 90px 28px 40px;
        transform: translateX(100%);
        transition: transform .3s;
        z-index: 1002;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch; /* iOS 관성 스크롤 */
        overscroll-behavior: contain /* 메뉴 끝에서 본문으로 스크롤 전파 차단 */
    }

    .mh-nav.is-open {
        transform: translateX(0)
    }

    .mh-nav__close {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 22px;
        right: 22px;
        width: 40px;
        height: 40px;
        padding: 0;
        border: 1px solid var(--mh-line-2);
        border-radius: 50%;
        background: none;
        color: var(--mh-ink);
        font-size: 26px;
        line-height: 1;
        cursor: pointer;
        transition: color .15s,border-color .15s
    }

    .mh-nav__close:hover {
        color: var(--mh-gold-soft);
        border-color: var(--mh-gold)
    }

    .mh-nav__link {
        width: 100%;
        padding: 15px 0;
        border-bottom: 1px solid var(--mh-line-2);
        font-size: 16px
    }

    .mh-nav__mobile-user {
        display: flex;
        width: 100%;
        margin-top: 8px;
        flex-direction: column;
    }

    .mh-burger {
        display: flex
    }

    .mh-header__inner {
        padding: 0 20px
    }

    .mh-logo img {
        height: auto;
        width: 50vw
    }

    .mh-actions__link {
        display: none
    }

    /* 회원사이트 포함 — 로그인 시 마이페이지 버튼은 모바일 헤더에도 직접 노출 */
    .mh-actions__mypage {
        display: inline-block;
        font-size: 13px;
        font-weight: 700;
        color: var(--mh-ink)
    }

    /* 모바일: 우측 층 페이징 = 층 코드 버튼(박스) */
    .mh-tower-nav {
        right: 10px;
        gap: 8px;
    }
    .mh-tower-nav a {
        width: auto;
        height: auto;
    }
    /* 도트/풀 라벨 숨기고 층 코드 버튼만 노출 */
    .mh-tower-nav .mh-tn__dot,
    .mh-tower-nav .mh-tn__label {
        display: none;
    }
    .mh-tn--hide-m {
        display: none !important;
    }
    .mh-tn__fl {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 38px;
        padding: 7px 8px;
        border: 1px solid var(--mh-gold-soft);
        border-radius: 9px;
        background: rgba(20,18,14,.55);
        color: var(--mh-gold-soft);
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
        backdrop-filter: blur(4px);
        transition: all .2s;
    }
    /* GPR TOP 버튼은 살짝 강조(필 형태) */
    .mh-tn--top .mh-tn__fl {
        padding: 7px 12px;
        border-radius: 999px;
        border-color: var(--mh-gold);
        color: var(--mh-gold);
        font-size: 11px;
        letter-spacing: .5px;
    }
    /* 활성 층: 골드 채움 */
    .mh-tower-nav a.is-active .mh-tn__fl {
        background: var(--mh-gold);
        border-color: var(--mh-gold);
        color: #1a1610;
        box-shadow: 0 0 12px rgba(212,175,108,.45);
    }

    .mh-slide__title {
        font-size: 46px
    }

    .mh-floor__title {
        font-size: 38px
    }

    .mh-floor__inner,
    .mh-floor--rev .mh-floor__inner {
        grid-template-columns: 1fr;
        gap: 30px
    }

    .mh-floor__visual {
        height: clamp(200px, 30vh, 320px);
        order: 2
    }
    .mh-floor--rev .mh-floor__text { order: 1 }

    .mh-cards { grid-template-columns: repeat(2,1fr) }
    .mh-icons { grid-template-columns: repeat(3,1fr) }
    .mh-flow { grid-template-columns: repeat(2,1fr) }
    .mh-flowstep:not(:last-child)::after { display: none }

    .mh-cta-band__title {
        font-size: 40px
    }
}

@media (max-width: 640px){
    .mh-cards {grid-template-columns: 1fr;max-width: 320px;}
    .mh-icons { grid-template-columns: repeat(2,1fr) }
    .mh-ptab { padding: 10px 20px; font-size: 14px }
    .mh-icons--portal .mh-icon { flex: 0 0 calc(50% - 6px) }
    .mh-flow { grid-template-columns: 1fr; max-width: 320px }
    .mh-pipes { grid-template-columns: repeat(2, 1fr); gap: 10px; max-width: 340px }
    .mh-pipe { padding: 18px 12px }
    .mh-pipe__ico { font-size: 26px }
    .mh-pipe__amt { font-size: 21px }
    .mh-floor__centered { padding: 20px 0 }
    .mh-mkt__t{
        white-space: unset;
    }
}

/* 모바일(<=900): scroll-snap 해제 → 일반 세로 스크롤 */
@media (max-width: 900px) {
    #fullpage {
        height:auto;
        overflow: visible;
        scroll-snap-type: none
    }

    #fullpage .section {
        height: auto;
        min-height: auto;
        padding: 74px 0;
        scroll-snap-align: none;
        box-sizing: border-box;
    }
    #fullpage .section.mh-hero{
        /* height: calc(100vh + 140px); */

        height: auto;
    }
    .mh-hsearch__panel{top:calc(100% - 12px);}
    .mh-hero {
        padding-bottom:0 !important;
    }
.mh-foot-sec {padding:0 !important;}
    .mh-heroswiper {
        position: relative;
        height: 932px !important;
        /* height: calc(100dvh - 74px); */
    }

    #fullpage .section [data-rv] {
        opacity: 1;
        transform: none
    }

    .mh-slide__content {
        text-align: center;
        margin: 0 auto
    }
    .mh-slide__cta {gap: 8px;justify-content: center}
    .mh-slide__sub { margin-left: auto; margin-right: auto }
}

@media (max-width: 640px) {
    .mh-container {
        padding:0 20px
    }
    .mh-hero__pg { gap: 5px }
    .mh-hero__pg .swiper-pagination-bullet { width: 16px }
    .mh-floor__label{
        flex-wrap: wrap;
    }
    .mh-floor__visual-badge{
        display: none;
    }
    .mh-floor__inner{
        align-items: center;
    }
    /* split 층(7F·5F·3F) 텍스트도 8F처럼 가운데 정렬 */
    .mh-lay--split .mh-floor__text { text-align: center; align-items: center }
    .mh-lay--split .mh-floor__label { justify-content: center }
    .mh-lay--split .mh-floor__stats,
    .mh-lay--split .mh-floor__chips { justify-content: center }
    .mh-lay--split .mh-floor__foot { text-align: center }
    .mh-floor__stats { max-width: unset; min-width: unset; width: 100%; flex-direction: row }
    .mh-floor__stats .mh-stat {min-width: 0;padding: 15px;}
    .mh-mkt{
        min-height: unset;
    }
    .mh-floor__bg::after{
        background: radial-gradient(90% 50% at 50% 28%,color-mix(in srgb,var(--ac) 14%,transparent),transparent 70%), linear-gradient(170deg,rgba(16,18,24,.88) 0%,rgba(8,9,12,.97) 100%);
    }
    .mh-floor__en{
        display: none;
    }
    .mh-floor__lead{
        font-size: 14px;
        line-height: 1.45em;
    }
    .mh-cta {
        display: none
    }
    .mh-slide__tag{
    font-size: 11px;
}
    .mh-slide__title {
        font-size: 28px;
        padding: 0 20px;
    }

    .mh-slide__sub {
        font-size: 13px;
        line-height: 1.45em;
        padding: 0 34px;
    }
    .mh-slide__sub br { display: none }

    .mh-chip{
        font-size: 11px;
        padding: 3px 16px;
    }
    .mh-floor__cta{font-size:14px}
    .mh-btn {
        height: 40px;
        padding: 0 10px;
        font-size: 13px;
    }

    .mh-floor__title {
        font-size: 25px;
    }

    .mh-floor__stats {
        /* flex-direction: column;
        max-width: 320px */
    }

    .mh-stat strong {
        font-size: 14px;
    }

    .mh-floor__partners {
        grid-template-columns: repeat(3,1fr)
    }

    .mh-cta-band__title {
        font-size: 30px
    }

    .mh-sub-hero__title {
        font-size: 30px
    }
}