/* 가경/홈사이트 UX 강화 — 색상·히어로·갤러리·플로팅CTA·라이트박스·토스트
   (style.css 이후 로드되어 오버라이드) */

/* ── 현장 대표색(--pl-color=네이비) 반영: 스킨 E도 primary를 대표색으로 ── */
body.hs.skin-e{
	--hs-primary:#12508A;
	--hs-primary-d:#0C3A66;
	--hs-accent:#1E7FC4;
	--hs-ink:#16202C;
	--hs-sub:#5B6A7B;
	--hs-soft:#F4F7FA;
	--hs-line:#E2E8F0;
	--hs-hero-grad:linear-gradient(100deg,rgba(10,26,46,.80) 0%,rgba(10,26,46,.52) 44%,rgba(10,26,46,.18) 78%,rgba(10,26,46,.05) 100%);
}

/* ── 버튼 텍스트 대비 강제 (body.hs a{color:inherit} 오버라이드 버그 수정) ──
   배경 어두우면 흰 글자 / 배경 흰색이면 대표색 글자 ── */
body.hs .hs-btn-solid{background:#fff!important;color:var(--hs-primary,#17244A)!important}
body.hs .hs-btn-line{background:transparent!important;color:#fff!important}
body.hs .hs-cta a{background:#fff!important;color:var(--hs-primary,#17244A)!important}
body.hs .hs-nav-btn{background:var(--hs-primary,#17244A)!important;color:#fff!important}
body.hs .hs-mini-btn{background:var(--hs-primary,#17244A)!important;color:#fff!important}
body.hs .hs-submit{background:var(--hs-primary,#17244A)!important;color:#fff!important}
body.hs .hs-quickbar a{color:#fff!important}
body.hs .hs-qb-call{background:#141C2B!important;color:#fff!important}
body.hs .hs-qb-form{background:var(--hs-primary,#17244A)!important;color:#fff!important}
body.hs .hs-qb-kakao{background:#FEE500!important;color:#391B1B!important}
body.hs .hs-fc-book{background:var(--hs-primary,#17244A)!important;color:#fff!important}
body.hs .hs-fc-reg{background:#fff!important;color:var(--hs-primary,#17244A)!important;border:1.5px solid var(--hs-primary,#17244A)}
body.hs .hs-nav-btn:hover,body.hs .hs-fc-book:hover,body.hs .hs-qb-form:hover{filter:brightness(1.1)}

/* ── 히어로: 높이 확대 + 이미지 우측 배치 + 텍스트 좌측 정렬·줄바꿈 제어 ── */
body.hs .hs-hero{min-height:700px}
body.hs .hs-hero>img{object-position:75% 22%}
body.hs .hs-hero::after{background:linear-gradient(95deg,rgba(14,22,42,.90) 0%,rgba(14,22,42,.68) 42%,rgba(14,22,42,.30) 72%,rgba(14,22,42,.12) 100%)!important}
body.hs .hs-hero-in{max-width:1140px;padding:118px 24px;text-align:left}
body.hs .hs-hero-badge{display:inline-block;margin-bottom:24px;background:rgba(255,255,255,.14);backdrop-filter:blur(3px)}
body.hs .hs-hero h1{max-width:18ch;font-size:clamp(32px,4.6vw,52px);line-height:1.24;letter-spacing:-1px;word-break:keep-all;text-shadow:0 2px 22px rgba(0,0,0,.42)}
body.hs .hs-hero-tag{max-width:40ch;margin-top:20px;font-size:clamp(15px,1.6vw,18px);word-break:keep-all}
body.hs .hs-hero-ctas{margin-top:34px}
body.hs .hs-hero-ctas a{transition:transform .15s ease,box-shadow .15s ease}
body.hs .hs-hero-ctas a:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.22)}
body.hs .hs-btn-solid{box-shadow:0 6px 18px rgba(0,0,0,.18)}
@media(max-width:860px){ body.hs .hs-hero>img{object-position:68% 20%} body.hs .hs-hero::after{background:linear-gradient(180deg,rgba(14,22,42,.62) 0%,rgba(14,22,42,.82) 100%)!important} }
@media(max-width:640px){ body.hs .hs-hero{min-height:540px} body.hs .hs-hero-in{padding:72px 20px} body.hs .hs-hero h1{max-width:100%} }

/* ── 갤러리: PDF/자료 이미지가 잘리지 않게 contain 카드 + 확대 힌트 ── */
body.hs .hs-gallery{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
body.hs .hs-gallery img{
	aspect-ratio:auto;height:210px;width:100%;object-fit:contain;
	background:#fff;border:1px solid var(--hs-line);border-radius:14px;padding:8px;
	cursor:zoom-in;transition:transform .18s ease,box-shadow .18s ease
}
body.hs .hs-gallery img:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(16,24,44,.14)}
body.hs .hs-gallery{position:relative}

/* ── 라이트박스 ── */
.hs-lb{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;
	background:rgba(10,15,28,.92);padding:24px}
.hs-lb.on{display:flex}
.hs-lb-fig{margin:0;max-width:92vw;max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:12px}
.hs-lb-fig img{max-width:92vw;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.hs-lb-fig figcaption{color:#e8edf6;font-size:14px;text-align:center}
.hs-lb-x,.hs-lb-prev,.hs-lb-next{position:absolute;background:rgba(255,255,255,.12);border:0;color:#fff;
	cursor:pointer;border-radius:50%;width:52px;height:52px;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s}
.hs-lb-x:hover,.hs-lb-prev:hover,.hs-lb-next:hover{background:rgba(255,255,255,.26)}
.hs-lb-x{top:20px;right:24px;font-size:30px}
.hs-lb-prev{left:20px;top:50%;transform:translateY(-50%)}
.hs-lb-next{right:20px;top:50%;transform:translateY(-50%)}
.hs-lb-count{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:#cdd6e6;font-size:13px;letter-spacing:.05em}
@media(max-width:640px){ .hs-lb-prev,.hs-lb-next{width:44px;height:44px;font-size:20px} .hs-lb-x{width:44px;height:44px} }

/* ── 플로팅 CTA 바 (스크롤 시 등장·데스크톱/모바일) ── */
.hs-floatcta{position:fixed;left:50%;bottom:22px;transform:translate(-50%,140%);z-index:80;
	display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--hs-line,#E4E9F1);
	box-shadow:0 12px 40px rgba(16,24,44,.22);border-radius:999px;padding:10px 12px 10px 22px;
	transition:transform .35s cubic-bezier(.2,.8,.2,1);max-width:calc(100vw - 24px)}
.hs-floatcta.on{transform:translate(-50%,0)}
.hs-floatcta .hs-fc-txt{font-size:14px;font-weight:800;color:var(--hs-primary,#17244A);white-space:nowrap}
.hs-floatcta .hs-fc-txt small{display:block;font-size:11.5px;font-weight:600;color:#7e8ca6}
.hs-floatcta a{padding:12px 20px;border-radius:999px;font-size:14.5px;font-weight:800;white-space:nowrap;transition:filter .15s,transform .15s}
.hs-floatcta a:hover{transform:translateY(-1px);filter:brightness(1.06)}
.hs-fc-book{background:var(--hs-primary,#17244A);color:#fff}
.hs-fc-reg{background:#fff;color:var(--hs-primary,#17244A);border:1.5px solid var(--hs-primary,#17244A)}
/* 모바일: 플로팅 CTA 숨김(하단 퀵바가 담당) → 겹침·깨짐 방지 */
@media(max-width:720px){ .hs-floatcta{display:none!important} }

/* ── 상담 알림 토스트 (사회적 증거) ── */
.hs-toast{position:fixed;left:20px;bottom:96px;z-index:74;display:flex;align-items:center;gap:11px;
	background:#fff;border:1px solid var(--hs-line,#E4E9F1);box-shadow:0 10px 34px rgba(16,24,44,.18);
	border-radius:14px;padding:13px 18px 13px 15px;font-size:13.5px;color:#1a2330;max-width:300px;
	opacity:0;transform:translateY(16px);transition:opacity .35s,transform .35s;pointer-events:none}
.hs-toast.on{opacity:1;transform:translateY(0)}
.hs-toast b{color:var(--hs-primary,#17244A);font-weight:800}
.hs-toast-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;flex:0 0 auto;box-shadow:0 0 0 4px rgba(34,197,94,.18);animation:hsPulse 1.6s infinite}
@keyframes hsPulse{0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.18)}50%{box-shadow:0 0 0 7px rgba(34,197,94,.06)}}
@media(max-width:720px){ .hs-toast{left:12px;right:12px;bottom:66px;max-width:none} }

/* 모바일 퀵바가 있을 때 토스트·CTA 겹침 방지 여백 */
@media(max-width:720px){ body.hs{padding-bottom:0} }

/* ── 네이버 채널 섹션 (TV 영상 + 블로그 링크 카드) ── */
body.hs .hs-naver-video{max-width:1040px;margin:0 auto 30px}
body.hs .hs-naver-video iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:14px}
body.hs .hs-naver-blogs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:8px}
body.hs .hs-nblog{display:flex;align-items:stretch;gap:0;background:#fff;border:1px solid var(--hs-line,#E4E9F1);
	border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
body.hs .hs-nblog:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(16,24,44,.12)}
body.hs .hs-nblog-th{flex:0 0 96px;display:block;background:var(--hs-soft,#F4F7FB);overflow:hidden}
body.hs .hs-nblog-th img{width:96px;height:100%;object-fit:cover;display:block}
body.hs .hs-nblog-ph{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;
	letter-spacing:.06em;color:#fff;background:#03C75A}/* 네이버 그린 */
body.hs .hs-nblog-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:14px 16px}
body.hs .hs-nblog-body strong{font-size:15px;line-height:1.45;color:#141c2b;word-break:keep-all;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.hs .hs-nblog-more{font-size:12.5px;font-weight:700;color:#03C75A}

/* ── 실시간 누적 카운터 배너 (데스크톱 우하단 · 모바일 퀵바 위) ── */
.hs-live{position:fixed;right:20px;bottom:22px;z-index:78;display:flex;align-items:center;gap:11px;
	background:#fff;border:1px solid var(--hs-line,#E4E9F1);box-shadow:0 10px 34px rgba(16,24,44,.18);
	border-radius:14px;padding:13px 12px 13px 16px;font-size:13.5px;line-height:1.45;color:#1a2330;
	max-width:330px;opacity:0;transform:translateY(16px);transition:opacity .35s,transform .35s;pointer-events:none}
.hs-live.on{opacity:1;transform:translateY(0);pointer-events:auto}
.hs-live-msg{flex:1}
.hs-live b{color:var(--hs-primary,#17244A);font-weight:800}
.hs-live-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;flex:0 0 auto;
	box-shadow:0 0 0 4px rgba(34,197,94,.18);animation:hsPulse 1.6s infinite}
.hs-live-x{flex:0 0 auto;background:transparent;border:0;color:#9aa6b8;font-size:20px;line-height:1;
	cursor:pointer;padding:2px 4px;border-radius:6px;transition:color .15s,background .15s}
.hs-live-x:hover{color:#5b6a80;background:var(--hs-soft,#F4F7FB)}
/* 중형 데스크톱: 하단 중앙 플로팅CTA와 겹치지 않게 위로 */
@media(max-width:980px){ .hs-live{bottom:88px} }
/* 모바일: 퀵바 위 한 레인. 토스트는 숨겨 겹침 방지(누적 카운터가 대체) */
@media(max-width:720px){
	.hs-live{left:12px;right:12px;bottom:70px;max-width:none}
	.hs-toast{display:none!important}
}

/* ── 분양소식(블로그) 목록 ── */
body.hs .hs-newsgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin-top:24px}
body.hs .hs-newscard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hs-line,#E4E9F1);
	border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
body.hs .hs-newscard:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(16,24,44,.12)}
body.hs .hs-newsthumb{display:block;aspect-ratio:16/9;background:var(--hs-soft,#F4F7FB);overflow:hidden}
body.hs .hs-newsthumb img{width:100%;height:100%;object-fit:cover;display:block}
body.hs .hs-newsthumb-ph{display:flex;align-items:center;justify-content:center;
	background:linear-gradient(135deg,var(--hs-primary,#17244A),#2a3a63)}
body.hs .hs-newsthumb-ph em{color:rgba(255,255,255,.9);font-style:normal;font-weight:800;font-size:15px;letter-spacing:.02em}
body.hs .hs-newsbody{display:flex;flex-direction:column;gap:7px;padding:18px 18px 22px}
body.hs .hs-newsbody time{font-size:12.5px;color:#8492a8;font-weight:600}
body.hs .hs-newsbody strong{font-size:17px;line-height:1.4;color:#141c2b;word-break:keep-all;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.hs .hs-newsexc{font-size:13.5px;line-height:1.6;color:#5b6a80;word-break:keep-all;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ── 단일 글 본문 ── */
body.hs .hs-article-wrap{max-width:760px}
body.hs .hs-article-hero{margin:0 0 28px}
body.hs .hs-article-hero img{width:100%;height:auto;border-radius:16px}
body.hs .hs-article-body{font-size:16.5px;line-height:1.85;color:#28313f;word-break:keep-all}
/* AEO 직답 캡슐 — 제목 질문에 대한 즉답(생성형·음성검색 인용 유도) */
body.hs .hs-answer{margin:0 0 26px;padding:16px 20px;border-radius:12px;font-size:16px;line-height:1.7;
	background:var(--hs-soft,#F4F7FB);border:1px solid var(--hs-line,#E4E9F1);border-left:4px solid var(--hs-primary,#17244A)}
body.hs .hs-answer strong:first-child{color:var(--hs-primary,#17244A)}
body.hs .hs-article-body h2{font-size:24px;margin:38px 0 14px;color:#141c2b}
body.hs .hs-article-body h3{font-size:19px;margin:30px 0 12px;color:#1b2534}
body.hs .hs-article-body p{margin:0 0 18px}
body.hs .hs-article-body img{max-width:100%;height:auto;border-radius:12px;margin:8px 0}
body.hs .hs-article-body ul,body.hs .hs-article-body ol{margin:0 0 18px;padding-left:22px}
body.hs .hs-article-body li{margin:0 0 8px}
body.hs .hs-article-body a{color:var(--hs-primary,#17244A);text-decoration:underline}
body.hs .hs-article-body blockquote{margin:22px 0;padding:14px 20px;border-left:4px solid var(--hs-primary,#17244A);
	background:var(--hs-soft,#F4F7FB);border-radius:0 10px 10px 0;color:#3a4657}
body.hs .hs-article-tags{margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px}
body.hs .hs-article-tags a{font-size:12.5px;color:#5b6a80;background:var(--hs-soft,#F4F7FB);
	border:1px solid var(--hs-line,#E4E9F1);border-radius:999px;padding:5px 13px;text-decoration:none}
body.hs .hs-article-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
	margin-top:40px;padding-top:26px;border-top:1px solid var(--hs-line,#E4E9F1)}
body.hs .hs-article-back{color:#5b6a80;font-weight:700;text-decoration:none}
body.hs .hs-article-back:hover{color:var(--hs-primary,#17244A)}
body.hs .hs-article-cta{background:var(--hs-primary,#17244A);color:#fff!important;font-weight:800;
	padding:12px 22px;border-radius:999px;text-decoration:none;transition:filter .15s}
body.hs .hs-article-cta:hover{filter:brightness(1.1)}

/* ══════════════════════════════════════════════════════════
   v2 — AEO 직답 캡슐 · 분양 데이터 텍스트 표 · 내부링크 모듈
   ══════════════════════════════════════════════════════════ */

/* 직답 캡슐 (헤딩 직하 40~60단어) */
body.hs .hs-answer{
	margin:14px 0 26px;padding:18px 20px;
	background:var(--hs-soft,#F3F6FA);
	border-left:4px solid var(--hs-primary,#1B3358);
	border-radius:0 10px 10px 0;
	font-size:16px;line-height:1.75;color:var(--hs-ink,#17233B);
	word-break:keep-all;
}

/* 표: 가로 스크롤은 컨테이너 안에서만 (본문 가로 스크롤 금지) */
body.hs .hs-tablescroll{
	overflow-x:auto;-webkit-overflow-scrolling:touch;
	margin:18px 0 8px;border-radius:10px;border:1px solid var(--hs-line,#E3E8F0);
}
body.hs .hs-table{
	width:100%;min-width:760px;border-collapse:collapse;
	font-size:14px;line-height:1.5;background:#fff;
}
body.hs .hs-table caption{
	caption-side:top;text-align:left;padding:14px 16px;
	font-weight:700;color:var(--hs-ink,#17233B);background:var(--hs-soft,#F3F6FA);
}
body.hs .hs-table caption .hs-unit{
	float:right;font-weight:400;font-size:12px;color:var(--hs-sub,#5D6B82);
}
body.hs .hs-table th,body.hs .hs-table td{
	padding:10px 12px;border-top:1px solid var(--hs-line,#E3E8F0);text-align:right;white-space:nowrap;
}
body.hs .hs-table thead th{
	background:var(--hs-primary,#1B3358);color:#fff;text-align:center;
	font-weight:600;border-top:0;white-space:normal;
}
body.hs .hs-table thead th small{display:block;font-size:11px;opacity:.8;font-weight:400}
body.hs .hs-table tbody th{text-align:left;font-weight:700;background:#FAFBFD}
body.hs .hs-table tbody tr:nth-child(even) td{background:#FCFDFE}
body.hs .hs-td-strong{font-weight:700;color:var(--hs-primary,#1B3358)}
body.hs .hs-td-strong small{display:block;font-size:11px;font-weight:500;color:var(--hs-sub,#5D6B82)}
body.hs .hs-table-note{
	margin:10px 0 0;font-size:13px;line-height:1.7;color:var(--hs-sub,#5D6B82);word-break:keep-all;
}

/* 분양가 블록 */
body.hs .hs-pricewrap{margin:34px 0}
body.hs .hs-price-h{
	margin:0 0 10px;font-size:22px;font-weight:800;color:var(--hs-ink,#17233B);
	display:flex;align-items:baseline;gap:10px;
}
body.hs .hs-price-h small{font-size:14px;font-weight:600;color:var(--hs-sub,#5D6B82)}
body.hs .hs-price-range{
	display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;
	margin:0 0 6px;padding:14px 18px;border-radius:10px;
	background:var(--hs-primary,#1B3358);color:#fff;
}
body.hs .hs-price-range strong{font-size:14px;opacity:.85;font-weight:600}
body.hs .hs-price-range span{font-size:20px;font-weight:800;letter-spacing:-.02em}
body.hs .hs-price-dongho{margin:8px 0 0;font-size:13px;color:var(--hs-sub,#5D6B82);word-break:keep-all}

/* 납부 조건 요약 */
body.hs .hs-paylist{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 6px}
body.hs .hs-paylist>div{
	flex:1 1 180px;padding:16px 18px;border-radius:10px;
	background:var(--hs-soft,#F3F6FA);border:1px solid var(--hs-line,#E3E8F0);
}
body.hs .hs-paylist dt{font-size:13px;color:var(--hs-sub,#5D6B82);margin-bottom:6px}
body.hs .hs-paylist dd{margin:0;font-size:18px;font-weight:800;color:var(--hs-primary,#1B3358)}
body.hs .hs-notelist{margin:14px 0 0;padding-left:18px}
body.hs .hs-notelist li{font-size:14px;line-height:1.8;color:var(--hs-ink,#17233B);word-break:keep-all}

/* FAQ (스키마 없음, 콘텐츠만) */
body.hs .hs-faqlist{margin-top:22px;display:grid;gap:14px}
body.hs .hs-faqitem{
	padding:20px 22px;border-radius:12px;background:#fff;
	border:1px solid var(--hs-line,#E3E8F0);
}
body.hs .hs-faqitem h3{
	margin:0 0 10px;font-size:17px;font-weight:700;color:var(--hs-primary,#1B3358);word-break:keep-all;
}
body.hs .hs-faqitem h3::before{content:"Q. ";opacity:.6}
body.hs .hs-faqitem p{margin:0;font-size:15px;line-height:1.8;color:var(--hs-ink,#17233B);word-break:keep-all}

/* 내부링크 — 관련 가이드 */
body.hs .hs-related{
	margin:36px 0;padding:22px 24px;border-radius:12px;
	background:var(--hs-soft,#F3F6FA);border:1px solid var(--hs-line,#E3E8F0);
}
body.hs .hs-related-h{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--hs-ink,#17233B)}
body.hs .hs-related ul{margin:0;padding-left:18px}
body.hs .hs-related li{margin:6px 0;font-size:15px;line-height:1.7}
body.hs .hs-related li a{color:var(--hs-primary,#1B3358);text-decoration:underline;text-underline-offset:3px;word-break:keep-all}
body.hs .hs-related li a:hover{opacity:.75}

/* 글 말미 전환 CTA */
body.hs .hs-postcta{
	margin:34px 0 8px;padding:26px 24px;border-radius:14px;text-align:center;
	background:var(--hs-primary,#1B3358);color:#fff;
}
body.hs .hs-postcta p{margin:0 0 16px;font-size:16px;line-height:1.7;color:#fff;word-break:keep-all}
body.hs .hs-postcta strong{color:#fff}
body.hs .hs-postcta a{display:inline-block;margin:4px 5px}

/* 홈 분양 가이드 섹션 */
body.hs .hs-guide-more{text-align:center;margin-top:26px}

/* ══════════════════════════════════════════════════════════
   v2 — 2단 내비게이션 (12페이지 → 상위 6개 + 드롭다운)
   ══════════════════════════════════════════════════════════ */
body.hs .hs-nav .hs-container{gap:12px}
body.hs .hs-brand{flex:0 0 auto;max-width:34%;min-width:0}
body.hs .hs-brand strong{
	font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;
}
body.hs .hs-menu{flex:1 1 auto;justify-content:center;min-width:0;gap:2px}
body.hs .hs-menu-item{position:relative;display:flex;align-items:center}
body.hs .hs-menu-top{white-space:nowrap}
body.hs .hs-menu-item.has-sub>.hs-menu-top{padding-right:24px}
body.hs .hs-sub-toggle{
	position:absolute;right:8px;top:50%;transform:translateY(-50%);
	width:14px;height:14px;border:0;background:none;padding:0;cursor:pointer;pointer-events:none;
}
body.hs .hs-sub-toggle::after{
	content:"";position:absolute;left:3px;top:4px;width:5px;height:5px;
	border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
	transform:rotate(45deg);opacity:.55;
}
body.hs .hs-submenu{
	display:none;position:absolute;top:100%;left:0;min-width:170px;
	background:#fff;border:1px solid var(--hs-line,#E3E8F0);border-radius:10px;
	box-shadow:0 12px 28px rgba(20,35,60,.13);padding:6px;z-index:70;
}
body.hs .hs-menu-item.has-sub:hover>.hs-submenu,
body.hs .hs-menu-item.has-sub:focus-within>.hs-submenu{display:block}
body.hs .hs-submenu a{display:block;white-space:nowrap;font-weight:600;font-size:13.5px;padding:9px 12px}
body.hs .hs-nav-ctas{flex:0 0 auto}

/* 좁은 데스크톱: 글자 축소로 한 줄 유지 */
@media (max-width:1180px){
	body.hs .hs-menu a{font-size:13px;padding:9px 9px}
	body.hs .hs-nav-tel{display:none}
}

/* 모바일: 아코디언 */
@media (max-width:900px){
	body.hs .hs-brand{max-width:60%}
	body.hs .hs-menu-item{display:block;position:static}
	body.hs .hs-menu-top{display:block}
	body.hs .hs-sub-toggle{
		pointer-events:auto;position:absolute;right:14px;margin-top:-38px;
		width:38px;height:38px;
	}
	body.hs .hs-sub-toggle::after{left:14px;top:14px;width:7px;height:7px;transition:transform .2s}
	body.hs .hs-sub-toggle[aria-expanded="true"]::after{transform:rotate(-135deg)}
	body.hs .hs-submenu{
		position:static;display:none;box-shadow:none;border:0;border-radius:0;
		padding:0 0 6px 14px;min-width:0;
	}
	body.hs .hs-menu-item.has-sub:hover>.hs-submenu{display:none}
	body.hs .hs-submenu.open{display:block}
	body.hs .hs-submenu a{padding:10px 14px}
}

/* ══════════════════════════════════════════════════════════
   v2 — 콘텐츠 섹션 (분양가 카드 · 타임라인 · 정보 목록)
   ══════════════════════════════════════════════════════════ */
body.hs .hs-pricecards{
	display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:22px 0 6px;
}
body.hs .hs-pricecard{
	padding:20px;border-radius:12px;background:#fff;border:1px solid var(--hs-line,#E3E8F0);
	display:flex;flex-direction:column;gap:6px;
}
body.hs .hs-pricecard strong{font-size:14px;color:var(--hs-sub,#5D6B82);font-weight:700}
body.hs .hs-pricecard em{
	font-style:normal;font-size:19px;font-weight:800;color:var(--hs-primary,#1B3358);
	letter-spacing:-.02em;word-break:keep-all;
}
body.hs .hs-pricecard span{font-size:13px;color:var(--hs-sub,#5D6B82)}
body.hs .hs-pricecard-alt{background:var(--hs-soft,#F3F6FA)}
body.hs .hs-pricecard-alt em{font-size:16px;color:var(--hs-ink,#17233B)}

body.hs .hs-timeline{list-style:none;margin:22px 0 0;padding:0;position:relative}
body.hs .hs-timeline::before{
	content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--hs-line,#E3E8F0);
}
body.hs .hs-timeline li{
	position:relative;padding:0 0 18px 32px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;
}
body.hs .hs-timeline li::before{
	content:"";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;
	background:#fff;border:3px solid var(--hs-line,#E3E8F0);
}
body.hs .hs-timeline li.now::before{border-color:var(--hs-primary,#1B3358);background:var(--hs-primary,#1B3358)}
body.hs .hs-timeline time{
	font-size:13px;font-weight:700;color:var(--hs-sub,#5D6B82);min-width:96px;font-variant-numeric:tabular-nums;
}
body.hs .hs-timeline li span{font-size:15.5px;color:var(--hs-ink,#17233B);word-break:keep-all}
body.hs .hs-timeline li.now span{font-weight:800;color:var(--hs-primary,#1B3358)}
body.hs .hs-timeline li.done time,body.hs .hs-timeline li.done span{opacity:.66}

body.hs .hs-infolist{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:10px}
body.hs .hs-infolist li{
	position:relative;padding:14px 18px 14px 40px;border-radius:10px;
	background:#fff;border:1px solid var(--hs-line,#E3E8F0);
	font-size:15px;line-height:1.75;color:var(--hs-ink,#17233B);word-break:keep-all;
}
body.hs .hs-infolist li::before{
	content:"";position:absolute;left:18px;top:22px;width:6px;height:6px;border-radius:50%;
	background:var(--hs-primary,#1B3358);
}
body.hs .hs-sec-soft .hs-infolist li{background:var(--hs-soft,#F3F6FA)}

/* ══════════════════════════════════════════════════════════
   v2.1 — 히어로 확대 + 스크롤 패럴랙스
   조감 이미지(1920x1080)가 잘리지 않도록 세로폭을 키우고
   중앙 정렬로 바꾼다. 스크롤 시 이미지가 천천히 밀리며 확대된다.
   ══════════════════════════════════════════════════════════ */
body.hs .hs-hero{aspect-ratio:16/9;min-height:460px}
body.hs .hs-hero>img{
	object-position:50% 28%;
	will-change:transform;
	transform:none;
	transition:none;
}
body.hs .hs-hero-in{padding:140px 24px}

/* 히어로 텍스트 등장 */
body.hs .hs-hero-badge,
body.hs .hs-hero h1,
body.hs .hs-hero-tag,
body.hs .hs-hero-ctas{opacity:0;transform:translateY(16px);animation:hsRise .75s cubic-bezier(.22,.8,.3,1) forwards}
body.hs .hs-hero-badge{animation-delay:.05s}
body.hs .hs-hero h1{animation-delay:.15s}
body.hs .hs-hero-tag{animation-delay:.28s}
body.hs .hs-hero-ctas{animation-delay:.4s}
@keyframes hsRise{to{opacity:1;transform:none}}

/* 스크롤 진입 시 섹션 페이드업 */
body.hs .hs-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.8,.3,1)}
body.hs .hs-reveal.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
	body.hs .hs-hero>img{transform:none!important}
	body.hs .hs-hero-badge,body.hs .hs-hero h1,body.hs .hs-hero-tag,body.hs .hs-hero-ctas{animation:none;opacity:1;transform:none}
	body.hs .hs-reveal{opacity:1;transform:none;transition:none}
}




/* v2.1 — 주제 아이콘 · 섹션 이미지 */
body.hs .hs-ic{
	width:38px;height:38px;display:block;margin:0 0 12px;
	color:var(--hs-primary,#1B3358);opacity:.9;
}
body.hs .hs-feats-ic .hs-feat{padding-top:22px}
body.hs .hs-feat-img{
	width:100%;height:150px;object-fit:cover;border-radius:10px;margin:0 0 14px;display:block;
}
body.hs .hs-figure{margin:24px 0 8px}
body.hs .hs-figure img{width:100%;border-radius:12px;display:block;cursor:zoom-in}
body.hs .hs-figure figcaption{margin-top:8px;font-size:13px;color:var(--hs-sub,#5D6B82)}

/* ══════════════════════════════════════════════════════════
   v2.2 — 카드 그리드 정렬 (보더 안 여백·높이 통일·버튼)
   ══════════════════════════════════════════════════════════ */

/* 분양 가이드 카드 */
body.hs .hs-gcards{
	display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
	gap:22px;margin-top:26px;align-items:stretch;
}
body.hs .hs-gcard{
	display:flex;flex-direction:column;background:#fff;
	border:1px solid var(--hs-line,#E2E8F0);border-radius:14px;overflow:hidden;
	transition:box-shadow .2s ease,transform .2s ease;
}
body.hs .hs-gcard:hover{box-shadow:0 14px 30px rgba(20,32,44,.10);transform:translateY(-3px)}
body.hs .hs-gcard-th{display:block;aspect-ratio:16/9;background:var(--hs-soft,#F4F7FA);overflow:hidden}
body.hs .hs-gcard-th img{width:100%;height:100%;object-fit:cover;display:block}
body.hs .hs-gcard-ph{display:block;width:100%;height:100%}
body.hs .hs-gcard-body{display:flex;flex-direction:column;gap:9px;padding:20px 20px 18px;flex:1}
body.hs .hs-gcard-cat{
	align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.02em;
	color:var(--hs-primary,#12508A);background:var(--hs-soft,#F4F7FA);
	border-radius:999px;padding:5px 11px;
}
body.hs .hs-gcard-t{margin:0;font-size:17px;line-height:1.45;font-weight:800}
body.hs .hs-gcard-t a{color:var(--hs-ink,#16202C)!important;display:block}
body.hs .hs-gcard-t a:hover{color:var(--hs-primary,#12508A)!important}
body.hs .hs-gcard-ex{
	margin:0;font-size:14px;line-height:1.7;color:var(--hs-sub,#5B6A7B);flex:1;
	display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
body.hs .hs-gcard-foot{
	display:flex;align-items:center;justify-content:space-between;gap:10px;
	margin-top:6px;padding-top:14px;border-top:1px solid var(--hs-line,#E2E8F0);
}
body.hs .hs-gcard-foot time{font-size:12.5px;color:var(--hs-sub,#5B6A7B)}
body.hs .hs-gcard-btn{
	font-size:13px;font-weight:800;padding:8px 14px;border-radius:8px;
	background:var(--hs-primary,#12508A);color:#fff!important;white-space:nowrap;
}
body.hs .hs-gcard-btn:hover{filter:brightness(1.12)}

/* 특장점 · 커뮤니티 카드 — 높이 통일 + 여백 */
body.hs .hs-feats{
	display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
	gap:16px;margin-top:24px;align-items:stretch;
}
body.hs .hs-feat{
	display:flex;flex-direction:column;gap:8px;height:100%;
	padding:24px 22px;background:#fff;border:1px solid var(--hs-line,#E2E8F0);border-radius:14px;
	text-align:left;
}
body.hs .hs-feat h3{margin:0;font-size:16.5px;font-weight:800;color:var(--hs-ink,#16202C);line-height:1.45}
body.hs .hs-feat p{margin:0;font-size:14px;line-height:1.72;color:var(--hs-sub,#5B6A7B)}

/* 평형 카드 — 전체 클릭 + 버튼 */
body.hs .hs-units{
	display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
	gap:22px;margin-top:26px;align-items:stretch;
}
body.hs .hs-unit{
	display:flex;background:#fff;border:1px solid var(--hs-line,#E2E8F0);
	border-radius:14px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease;
}
body.hs .hs-unit:hover{box-shadow:0 14px 30px rgba(20,32,44,.10);transform:translateY(-3px)}
body.hs .hs-unit-link{display:flex;flex-direction:column;width:100%;color:inherit!important}
body.hs .hs-unit-link:hover{text-decoration:none}
body.hs .hs-unit-link>img{width:100%;height:auto;display:block;background:var(--hs-soft,#F4F7FA);object-fit:contain}
body.hs .hs-unit-body{display:flex;flex-direction:column;gap:8px;padding:20px;flex:1}
body.hs .hs-unit-body h3{margin:0;font-size:19px;font-weight:900;color:var(--hs-ink,#16202C)}
body.hs .hs-unit-spec{margin:0;font-size:13.5px;font-weight:700;color:var(--hs-primary,#12508A)}
body.hs .hs-unit-desc{margin:0;font-size:14px;line-height:1.7;color:var(--hs-sub,#5B6A7B);flex:1}
body.hs .hs-unit-btn{
	align-self:flex-start;margin-top:6px;font-size:13.5px;font-weight:800;
	padding:9px 16px;border-radius:8px;background:var(--hs-primary,#12508A);color:#fff;
}
body.hs .hs-unit:hover .hs-unit-btn{filter:brightness(1.12)}

/* 갤러리 — 균일 타일 */
body.hs .hs-gallery{
	display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
	gap:14px;margin-top:24px;
}
body.hs .hs-gallery img{
	width:100%;height:190px;object-fit:cover;border-radius:12px;display:block;
	cursor:zoom-in;border:1px solid var(--hs-line,#E2E8F0);background:#fff;
}

/* ══════════════════════════════════════════════════════════
   v2.3 — 히어로 이미지 채움 강제 + 모바일 스택 레이아웃
   원인: .hs-hero>img 의 height:100% 가 적용되지 않아 이미지가 자기 비율(16:9)
   높이로만 그려졌다. 데스크톱은 박스가 마침 16:9라 맞아 보였고, 모바일에서는
   박스가 세로로 길어 이미지가 위쪽 절반만 차고 아래가 단색으로 남았다.
   ══════════════════════════════════════════════════════════ */
body.hs .hs-hero>img{
	position:absolute;inset:0;
	width:100%!important;height:100%!important;
	object-fit:cover;display:block;
}

/* 모바일: 오버레이 대신 이미지(16:9 전체 노출) 위 · 텍스트 아래 스택 */
@media (max-width:860px){
	body.hs .hs-hero{
		aspect-ratio:auto;min-height:0;display:block;overflow:visible;
		background:var(--hs-primary,#12508A);
	}
	body.hs .hs-hero>img{
		position:static!important;inset:auto;
		width:100%!important;height:auto!important;
		aspect-ratio:16/9;object-fit:cover;object-position:50% 50%;
		transform:none!important;
	}
	body.hs .hs-hero::after{display:none}
	body.hs .hs-hero-in{
		position:relative;padding:30px 20px 36px;text-align:left;
	}
	body.hs .hs-hero h1{font-size:clamp(24px,7vw,32px);max-width:100%;text-shadow:none}
	body.hs .hs-hero-tag{margin-top:12px;font-size:15px}
	body.hs .hs-hero-ctas{margin-top:22px}
	body.hs .hs-hero-badge{margin-bottom:14px}
}

/* ══════════════════════════════════════════════════════════
   v2.4 — 히어로 최종: 오버레이 고정 + 스크롤 팬(pan)
   전체를 한 화면에 담지 않는 대신, 스크롤하면 object-position Y가
   위→아래로 이동하며 단지 하단(조경·잔디마당)까지 훑어 보여준다.
   모바일도 동일 구조(이미지/텍스트 분리 없음).
   ══════════════════════════════════════════════════════════ */
body.hs .hs-hero{
	aspect-ratio:auto!important;
	min-height:680px!important;
	height:auto;
	display:flex;align-items:center;
	overflow:hidden;position:relative;
}
body.hs .hs-hero>img{
	position:absolute!important;inset:0!important;
	width:100%!important;height:100%!important;
	object-fit:cover!important;
	object-position:50% var(--hs-heroy,16%)!important;
	transform:none!important;
	transition:object-position .12s linear;
}
body.hs .hs-hero::after{display:block!important}
body.hs .hs-hero-in{position:relative;z-index:2;padding:120px 24px;text-align:left}

@media (max-width:860px){
	body.hs .hs-hero{min-height:600px!important;display:flex!important;background:var(--hs-primary,#12508A)}
	body.hs .hs-hero>img{position:absolute!important;height:100%!important;aspect-ratio:auto!important}
	body.hs .hs-hero::after{display:block!important}
	body.hs .hs-hero-in{padding:72px 20px}
	body.hs .hs-hero h1{font-size:clamp(25px,6.6vw,34px);text-shadow:0 2px 18px rgba(0,0,0,.45)}
}
@media (max-width:640px){
	body.hs .hs-hero{min-height:540px!important}
	body.hs .hs-hero-in{padding:60px 20px}
}
@media (prefers-reduced-motion:reduce){
	body.hs .hs-hero>img{transition:none}
}

/* ══════════════════════════════════════════════════════════
   v2.5 — 주택형 상세 + 모바일 햄버거 부모/자식 구분
   ══════════════════════════════════════════════════════════ */
body.hs .hs-typenav{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
body.hs .hs-typenav a{
	padding:10px 20px;border-radius:999px;font-size:14.5px;font-weight:800;
	background:var(--hs-soft,#F4F7FA);color:var(--hs-primary,#12508A)!important;
	border:1px solid var(--hs-line,#E2E8F0);
}
body.hs .hs-typenav a:hover{background:var(--hs-primary,#12508A);color:#fff!important;text-decoration:none}

body.hs .hs-typehead{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}
body.hs .hs-typehead h2{margin:0;font-size:26px;font-weight:900}
body.hs .hs-typecount{
	font-size:13.5px;font-weight:800;color:var(--hs-primary,#12508A);
	background:var(--hs-soft,#F4F7FA);border-radius:999px;padding:6px 14px;
}

body.hs .hs-planwrap{
	display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	gap:18px;margin-top:24px;
}
body.hs .hs-plan{margin:0;background:#fff;border:1px solid var(--hs-line,#E2E8F0);border-radius:14px;overflow:hidden}
body.hs .hs-plan img{width:100%;height:auto;display:block;cursor:zoom-in;background:#fff}
body.hs .hs-plan figcaption{
	display:flex;justify-content:space-between;align-items:center;gap:10px;
	padding:12px 16px;font-size:14px;font-weight:800;color:var(--hs-ink,#16202C);
	border-top:1px solid var(--hs-line,#E2E8F0);background:var(--hs-soft,#F4F7FA);
}
body.hs .hs-plan figcaption span{font-size:12px;font-weight:500;color:var(--hs-sub,#5B6A7B)}

/* 모바일 햄버거 — 부모 항목에 하위 표시 */
@media (max-width:900px){
	body.hs .hs-menu{padding:6px 10px 16px!important;max-height:calc(100vh - 64px);overflow-y:auto}
	body.hs .hs-menu>a,body.hs .hs-menu-top{
		display:block;padding:14px 14px!important;font-size:15.5px;font-weight:800;
		border-bottom:1px solid var(--hs-line,#E2E8F0);
	}
	body.hs .hs-menu-item{position:relative;display:block}
	body.hs .hs-menu-item.has-sub>.hs-menu-top::after{
		content:"하위 3";content:"";
	}
	body.hs .hs-menu-item.has-sub>.hs-menu-top{padding-right:56px!important}
	body.hs .hs-sub-toggle{
		position:absolute!important;right:0;top:0;margin-top:0!important;
		width:52px;height:52px;pointer-events:auto;
		display:flex;align-items:center;justify-content:center;
		border-left:1px solid var(--hs-line,#E2E8F0)!important;background:transparent;
	}
	body.hs .hs-sub-toggle::after{
		position:static;left:auto;top:auto;width:8px;height:8px;
		border-right:2px solid var(--hs-primary,#12508A);border-bottom:2px solid var(--hs-primary,#12508A);
		transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s;opacity:1;
	}
	body.hs .hs-sub-toggle[aria-expanded="true"]::after{transform:rotate(-135deg) translate(-2px,-2px)}
	body.hs .hs-submenu{
		display:none;padding:0!important;background:var(--hs-soft,#F4F7FA);
		border-bottom:1px solid var(--hs-line,#E2E8F0);
	}
	body.hs .hs-submenu.open{display:block}
	body.hs .hs-submenu a{
		display:block;padding:13px 14px 13px 30px!important;font-size:14.5px;font-weight:600;
		border-bottom:1px solid rgba(0,0,0,.05);position:relative;
	}
	body.hs .hs-submenu a::before{
		content:"";position:absolute;left:16px;top:50%;width:6px;height:1px;
		background:var(--hs-sub,#5B6A7B);
	}
	body.hs .hs-submenu a:last-child{border-bottom:0}
}

/* ══════════════════════════════════════════════════════════
   v2.6 — 모바일 햄버거: JS 토글 제거, 항상 펼침 + 계층 시각화
   토글 방식은 pointer-events / position 겹침으로 반복해서 깨졌다.
   하위가 3개뿐이라 접을 이유가 없다. 항상 보이게 하고 들여쓰기·색·구분선으로
   부모와 자식을 구분한다. 자바스크립트에 의존하지 않으므로 고장날 여지가 없다.
   ══════════════════════════════════════════════════════════ */
@media (max-width:900px){
	/* 토글 버튼 완전 제거 */
	body.hs .hs-sub-toggle{display:none!important}

	body.hs .hs-menu{
		padding:0 0 14px!important;
		max-height:calc(100vh - 64px);overflow-y:auto;
		background:#fff;
	}
	body.hs .hs-menu-item{display:block!important;position:static!important;margin:0}

	/* 최상위 항목 */
	body.hs .hs-menu>a,
	body.hs .hs-menu-top{
		display:block!important;
		padding:15px 18px!important;
		font-size:16px!important;font-weight:800!important;
		color:var(--hs-ink,#16202C)!important;
		background:#fff;
		border-bottom:1px solid var(--hs-line,#E2E8F0);
		border-radius:0!important;
	}
	body.hs .hs-menu>a.on,
	body.hs .hs-menu-top.on{color:var(--hs-primary,#12508A)!important;background:var(--hs-soft,#F4F7FA)}

	/* 하위 있는 부모 표시 */
	body.hs .hs-menu-item.has-sub>.hs-menu-top{
		border-bottom:0;
		background:var(--hs-soft,#F4F7FA);
		font-size:13px!important;font-weight:800!important;
		letter-spacing:.04em;
		color:var(--hs-sub,#5B6A7B)!important;
		padding:14px 18px 8px!important;
	}

	/* 하위 메뉴: 항상 펼침 */
	body.hs .hs-submenu{
		display:block!important;
		position:static!important;
		padding:0 0 6px!important;margin:0;
		background:var(--hs-soft,#F4F7FA);
		border:0!important;border-radius:0!important;box-shadow:none!important;
		border-bottom:1px solid var(--hs-line,#E2E8F0);
		min-width:0;
	}
	body.hs .hs-submenu a{
		display:block;position:relative;
		padding:12px 18px 12px 36px!important;
		font-size:15px!important;font-weight:700!important;
		color:var(--hs-ink,#16202C)!important;
		background:transparent;border-radius:0!important;
	}
	body.hs .hs-submenu a::before{
		content:"";position:absolute;left:20px;top:50%;
		width:8px;height:1.5px;background:var(--hs-primary,#12508A);opacity:.5;
	}
	body.hs .hs-submenu a.on{color:var(--hs-primary,#12508A)!important;font-weight:800!important}
	body.hs .hs-submenu a.on::before{opacity:1;width:12px}
}

/* ══════════════════════════════════════════════════════════
   v2.7 — 가로 넘침 방어 (그리드 자식 min-width:auto 대응)
   ══════════════════════════════════════════════════════════ */
html{overflow-x:hidden}
body.hs{overflow-x:hidden;max-width:100%}
body.hs .hs-container,
body.hs .hs-gcards,body.hs .hs-gcards>*,
body.hs .hs-feats,body.hs .hs-feats>*,
body.hs .hs-units,body.hs .hs-units>*,
body.hs .hs-unit-link,body.hs .hs-unit-body,
body.hs .hs-planwrap,body.hs .hs-planwrap>*,
body.hs .hs-gallery,body.hs .hs-gallery>*,
body.hs .hs-pricecards,body.hs .hs-pricecards>*,
body.hs .hs-overview,body.hs .hs-overview>*,
body.hs .hs-paylist,body.hs .hs-paylist>*{min-width:0}

body.hs .hs-tablescroll{max-width:100%}
body.hs .hs-answer,body.hs .hs-faqitem p,body.hs .hs-gcard-ex{overflow-wrap:anywhere}
body.hs .hs-plan img,body.hs .hs-figure img,body.hs .hs-gcard-th img{max-width:100%}

@media (max-width:560px){
	body.hs .hs-table{min-width:560px;font-size:13px}
	body.hs .hs-table th,body.hs .hs-table td{padding:9px 10px}
	body.hs .hs-table caption .hs-unit{float:none;display:block;margin-top:4px}
}

/* ══════════════════════════════════════════════════════════
   v2.8 — 스킨 F / G (같은 데이터를 쓰는 사이트의 시각적 분리)
   다크 계열은 쓰지 않는다. 전부 밝은 배경 기반.
   ══════════════════════════════════════════════════════════ */

/* ── 스킨 F : 웜 아이보리 + 테라코타 ── */
body.hs.skin-f{
	--hs-primary:#B4552E;
	--hs-primary-d:#8E3F1E;
	--hs-accent:#D98453;
	--hs-ink:#2A211B;
	--hs-sub:#7A6A5E;
	--hs-soft:#FAF5EF;
	--hs-line:#E8DCCE;
	--hs-hero-grad:linear-gradient(85deg,rgba(42,33,27,.78) 0%,rgba(42,33,27,.46) 48%,rgba(42,33,27,.14) 100%);
	background:#FFFDFA;
}
body.hs.skin-f .hs-hero-in{text-align:right;margin-left:auto}
body.hs.skin-f .hs-hero h1{margin-left:auto;max-width:20ch}
body.hs.skin-f .hs-hero-tag{margin-left:auto}
body.hs.skin-f .hs-hero-ctas{justify-content:flex-end}
body.hs.skin-f .hs-hero>img{object-position:30% var(--hs-heroy,18%)!important}
body.hs.skin-f .hs-sec-head{text-align:left}
body.hs.skin-f .hs-label{
	display:inline-block;padding:5px 12px;border-radius:3px;
	background:var(--hs-primary);color:#fff;letter-spacing:.12em;
}
body.hs.skin-f .hs-sec h2{font-size:30px;letter-spacing:-.03em}
body.hs.skin-f .hs-feat,
body.hs.skin-f .hs-gcard,
body.hs.skin-f .hs-unit,
body.hs.skin-f .hs-plan,
body.hs.skin-f .hs-faqitem{border-radius:2px;border-width:1px}
body.hs.skin-f .hs-gallery img{border-radius:2px}
body.hs.skin-f .hs-answer{border-left-width:6px;border-radius:0;background:#FFF6EC}
body.hs.skin-f .hs-table thead th{background:var(--hs-ink)}
body.hs.skin-f .hs-price-range{border-radius:3px}
body.hs.skin-f .hs-nav-btn,
body.hs.skin-f .hs-gcard-btn,
body.hs.skin-f .hs-unit-btn{border-radius:3px}

/* ── 스킨 G : 소프트 그레이블루 + 세이지 ── */
body.hs.skin-g{
	--hs-primary:#3F6B54;
	--hs-primary-d:#2C4E3C;
	--hs-accent:#6E9B80;
	--hs-ink:#1E2A2E;
	--hs-sub:#63757C;
	--hs-soft:#F2F5F4;
	--hs-line:#DCE5E1;
	--hs-hero-grad:linear-gradient(180deg,rgba(20,34,32,.20) 0%,rgba(20,34,32,.52) 62%,rgba(20,34,32,.82) 100%);
	background:#FBFCFC;
}
body.hs.skin-g .hs-hero{align-items:flex-end}
body.hs.skin-g .hs-hero-in{text-align:center;padding-bottom:64px}
body.hs.skin-g .hs-hero h1{margin:0 auto;max-width:22ch}
body.hs.skin-g .hs-hero-tag{margin:16px auto 0}
body.hs.skin-g .hs-hero-ctas{justify-content:center}
body.hs.skin-g .hs-hero>img{object-position:50% var(--hs-heroy,30%)!important}
body.hs.skin-g .hs-container{max-width:1040px}
body.hs.skin-g .hs-sec{padding-top:74px;padding-bottom:74px}
body.hs.skin-g .hs-label{
	color:var(--hs-accent);letter-spacing:.22em;font-size:11.5px;
}
body.hs.skin-g .hs-sec h2{font-size:27px;font-weight:700}
body.hs.skin-g .hs-feat,
body.hs.skin-g .hs-gcard,
body.hs.skin-g .hs-unit,
body.hs.skin-g .hs-plan,
body.hs.skin-g .hs-faqitem{border-radius:20px;border-color:transparent;box-shadow:0 2px 14px rgba(30,42,46,.07)}
body.hs.skin-g .hs-gallery img{border-radius:18px;border-color:transparent}
body.hs.skin-g .hs-answer{border-left:0;border-radius:18px;background:var(--hs-soft);padding:22px 24px}
body.hs.skin-g .hs-table thead th{background:var(--hs-primary)}
body.hs.skin-g .hs-tablescroll{border-radius:18px}
body.hs.skin-g .hs-nav-btn,
body.hs.skin-g .hs-gcard-btn,
body.hs.skin-g .hs-unit-btn,
body.hs.skin-g .hs-btn-solid,
body.hs.skin-g .hs-btn-line{border-radius:999px}
body.hs.skin-g .hs-hero-stats{background:var(--hs-primary-d)}

/* ══════════════════════════════════════════════════════════
   v2.9 — 레이아웃 골격 변형
   색·모서리만 바꾸면 "같은 사이트에 색만 입힌 것"으로 보인다.
   히어로 형태 / 섹션 헤딩 배치 / 카드 배열 자체를 스킨별로 다르게 재구성한다.
   마크업은 그대로 두고 CSS 재배치만으로 처리한다.
   ══════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────
   스킨 F — 오버레이 폐지, 좌우 분할 히어로
   섹션은 "왼쪽 제목 고정 + 오른쪽 내용" 2단
   카드는 가로 리스트 행
   ───────────────────────────────────────────── */
@media (min-width:961px){
	body.hs.skin-f .hs-hero{
		aspect-ratio:auto!important;min-height:0!important;
		display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);
		align-items:stretch;background:#FFFDFA;overflow:hidden;
	}
	body.hs.skin-f .hs-hero>img{
		position:relative!important;inset:auto!important;
		grid-column:2;grid-row:1;
		width:100%!important;height:100%!important;min-height:560px;
		object-fit:cover;object-position:50% 40%!important;
	}
	body.hs.skin-f .hs-hero::after{display:none!important}
	body.hs.skin-f .hs-hero-in{
		grid-column:1;grid-row:1;position:relative;z-index:2;
		display:flex;flex-direction:column;justify-content:center;
		max-width:none;padding:72px 56px;text-align:left;
	}
	body.hs.skin-f .hs-hero h1{
		color:var(--hs-ink)!important;text-shadow:none!important;
		font-size:clamp(30px,3.2vw,44px);max-width:16ch;margin-left:0;
	}
	body.hs.skin-f .hs-hero-tag{color:var(--hs-sub)!important;margin-left:0}
	body.hs.skin-f .hs-hero-badge{
		background:var(--hs-primary)!important;color:#fff!important;
		border-color:transparent!important;backdrop-filter:none;align-self:flex-start;
	}
	body.hs.skin-f .hs-hero-ctas{justify-content:flex-start}
	body.hs.skin-f .hs-btn-solid{background:var(--hs-primary)!important;color:#fff!important}
	body.hs.skin-f .hs-btn-line{border-color:var(--hs-line)!important;color:var(--hs-ink)!important}

	/* 섹션: 좌측 제목 고정 2단 */
	body.hs.skin-f .hs-sec>.hs-container{
		display:grid;grid-template-columns:230px minmax(0,1fr);gap:44px;align-items:start;
	}
	body.hs.skin-f .hs-sec-head{
		grid-column:1;position:sticky;top:88px;text-align:left;margin:0;
	}
	body.hs.skin-f .hs-sec>.hs-container>*:not(.hs-sec-head){grid-column:2}
	body.hs.skin-f .hs-sec>.hs-container>.hs-label,
	body.hs.skin-f .hs-sec>.hs-container>h2{grid-column:1}
	body.hs.skin-f .hs-sec h2{font-size:24px;line-height:1.35}

	/* 카드 → 가로 리스트 행 */
	body.hs.skin-f .hs-feats{grid-template-columns:1fr;gap:0}
	body.hs.skin-f .hs-feat{
		flex-direction:row;align-items:flex-start;gap:18px;
		border:0;border-bottom:1px solid var(--hs-line);border-radius:0;
		padding:22px 4px;background:transparent;
	}
	body.hs.skin-f .hs-feat .hs-ic{flex:0 0 auto;margin:2px 0 0;width:30px;height:30px}
	body.hs.skin-f .hs-feat h3{flex:0 0 190px;margin:0}
	body.hs.skin-f .hs-feat p{flex:1;margin:0}
	body.hs.skin-f .hs-gcards{grid-template-columns:1fr;gap:0}
	body.hs.skin-f .hs-gcard{
		flex-direction:row;border:0;border-bottom:1px solid var(--hs-line);
		border-radius:0;background:transparent;
	}
	body.hs.skin-f .hs-gcard:hover{transform:none;box-shadow:none}
	body.hs.skin-f .hs-gcard-th{flex:0 0 220px;aspect-ratio:4/3;border-radius:2px;overflow:hidden}
	body.hs.skin-f .hs-gcard-body{padding:18px 0 18px 22px}
	body.hs.skin-f .hs-units{grid-template-columns:1fr 1fr}
}

/* ─────────────────────────────────────────────
   스킨 G — 히어로 이미지와 텍스트 카드 분리
   섹션은 넓은 여백 + 중앙 큰 타이포
   카드는 2열 대형 타일
   ───────────────────────────────────────────── */
@media (min-width:961px){
	body.hs.skin-g .hs-hero{
		aspect-ratio:auto!important;min-height:0!important;display:block;
		position:relative;padding-bottom:96px;background:#FBFCFC;
	}
	body.hs.skin-g .hs-hero>img{
		position:relative!important;inset:auto!important;
		width:100%!important;height:auto!important;aspect-ratio:21/9;
		object-fit:cover;object-position:50% 42%!important;
	}
	body.hs.skin-g .hs-hero::after{display:none!important}
	body.hs.skin-g .hs-hero-in{
		position:relative;z-index:2;max-width:880px;margin:-88px auto 0;
		background:#fff;border-radius:26px;padding:44px 52px;
		box-shadow:0 18px 48px rgba(30,42,46,.13);text-align:center;
	}
	body.hs.skin-g .hs-hero h1{
		color:var(--hs-ink)!important;text-shadow:none!important;
		font-size:clamp(28px,3vw,40px);max-width:100%;
	}
	body.hs.skin-g .hs-hero-tag{color:var(--hs-sub)!important}
	body.hs.skin-g .hs-hero-badge{
		background:var(--hs-soft)!important;color:var(--hs-primary)!important;
		border-color:transparent!important;backdrop-filter:none;
	}
	body.hs.skin-g .hs-btn-solid{background:var(--hs-primary)!important;color:#fff!important}
	body.hs.skin-g .hs-btn-line{border-color:var(--hs-line)!important;color:var(--hs-ink)!important}
	body.hs.skin-g .hs-hero-stats{margin-top:0}

	body.hs.skin-g .hs-sec-head{max-width:640px;margin:0 auto 8px;text-align:center}
	body.hs.skin-g .hs-sec h2{font-size:34px;letter-spacing:-.03em;font-weight:800}
	body.hs.skin-g .hs-feats{grid-template-columns:1fr 1fr;gap:22px}
	body.hs.skin-g .hs-feat{padding:34px 32px;text-align:center;align-items:center}
	body.hs.skin-g .hs-feat .hs-ic{margin:0 auto 14px;width:44px;height:44px}
	body.hs.skin-g .hs-gcards{grid-template-columns:1fr 1fr;gap:26px}
	body.hs.skin-g .hs-gcard-th{aspect-ratio:3/2}
	body.hs.skin-g .hs-gcard-body{padding:26px}
	body.hs.skin-g .hs-gcard-t{font-size:19px}
	body.hs.skin-g .hs-units{grid-template-columns:1fr 1fr;gap:26px}
	body.hs.skin-g .hs-gallery{grid-template-columns:repeat(3,1fr);gap:20px}
	body.hs.skin-g .hs-gallery img{height:230px;border-radius:18px}
}

/* 모바일에서는 두 스킨 모두 기본 흐름 유지 (오버레이 복원) */
@media (max-width:960px){
	body.hs.skin-f .hs-hero,body.hs.skin-g .hs-hero{display:flex;align-items:center}
	body.hs.skin-f .hs-hero>img,body.hs.skin-g .hs-hero>img{position:absolute!important;inset:0!important;height:100%!important;aspect-ratio:auto}
	body.hs.skin-f .hs-hero::after,body.hs.skin-g .hs-hero::after{display:block!important}
	body.hs.skin-f .hs-hero h1,body.hs.skin-g .hs-hero h1{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.45)!important}
	body.hs.skin-f .hs-hero-tag,body.hs.skin-g .hs-hero-tag{color:rgba(255,255,255,.9)!important}
	body.hs.skin-g .hs-hero-in{margin:0;background:transparent;box-shadow:none;padding:60px 20px;border-radius:0}
}

/* ══════════════════════════════════════════════════════════
   v3.0 — 스킨 F/G 색 정리 (모던·심플)
   앞선 F/G는 채도가 높고 라벨·표헤더·제목까지 색을 칠해 "억지로 배치한" 인상이었다.
   배경은 흰색, 글자는 뉴트럴, 색은 버튼과 최소 강조에만 남긴다. 구도는 유지.
   ══════════════════════════════════════════════════════════ */

/* ── 스킨 F : 뉴트럴 웜 ── */
body.hs.skin-f{
	--hs-primary:#8A6F5E;
	--hs-primary-d:#6E5748;
	--hs-accent:#A98B77;
	--hs-ink:#1C1B1A;
	--hs-sub:#6E6A66;
	--hs-soft:#F8F6F4;
	--hs-line:#E9E6E2;
	--hs-hero-grad:linear-gradient(85deg,rgba(28,27,26,.62) 0%,rgba(28,27,26,.30) 55%,rgba(28,27,26,.06) 100%);
	background:#fff;
}
/* 라벨: 채운 배지 → 얇은 텍스트 */
body.hs.skin-f .hs-label{
	display:block;padding:0;background:none!important;border-radius:0;
	color:var(--hs-sub)!important;font-size:11.5px;font-weight:700;letter-spacing:.18em;
}
body.hs.skin-f .hs-sec h2{color:var(--hs-ink)}
body.hs.skin-f .hs-feat h3{color:var(--hs-ink)}
body.hs.skin-f .hs-answer{background:var(--hs-soft);border-left-color:var(--hs-line);border-left-width:3px;color:var(--hs-ink)}
body.hs.skin-f .hs-table thead th{background:var(--hs-soft);color:var(--hs-ink);border-bottom:1px solid var(--hs-line)}
body.hs.skin-f .hs-td-strong{color:var(--hs-ink)}
body.hs.skin-f .hs-price-range{background:var(--hs-soft);color:var(--hs-ink)}
body.hs.skin-f .hs-price-range strong{color:var(--hs-sub)}
body.hs.skin-f .hs-price-range span{color:var(--hs-ink)}
body.hs.skin-f .hs-ic{color:var(--hs-sub);opacity:.75}
body.hs.skin-f .hs-gcard-cat{background:var(--hs-soft);color:var(--hs-sub)}
body.hs.skin-f .hs-unit-spec{color:var(--hs-sub)}
body.hs.skin-f .hs-typenav a{background:#fff;border-color:var(--hs-line);color:var(--hs-ink)!important}
body.hs.skin-f .hs-typecount{background:var(--hs-soft);color:var(--hs-sub)}
body.hs.skin-f .hs-faqitem h3{color:var(--hs-ink)}
body.hs.skin-f .hs-hero-stats{background:var(--hs-ink)}

/* ── 스킨 G : 뉴트럴 쿨 ── */
body.hs.skin-g{
	--hs-primary:#4B6560;
	--hs-primary-d:#374C48;
	--hs-accent:#7D948E;
	--hs-ink:#17191C;
	--hs-sub:#6B7178;
	--hs-soft:#F6F8F8;
	--hs-line:#E7EAEA;
	--hs-hero-grad:linear-gradient(180deg,rgba(23,25,28,.14) 0%,rgba(23,25,28,.42) 66%,rgba(23,25,28,.66) 100%);
	background:#fff;
}
body.hs.skin-g .hs-label{color:var(--hs-sub)!important;letter-spacing:.2em;font-size:11.5px}
body.hs.skin-g .hs-sec h2{color:var(--hs-ink)}
body.hs.skin-g .hs-feat h3{color:var(--hs-ink)}
body.hs.skin-g .hs-answer{background:var(--hs-soft);color:var(--hs-ink)}
body.hs.skin-g .hs-table thead th{background:var(--hs-soft);color:var(--hs-ink);border-bottom:1px solid var(--hs-line)}
body.hs.skin-g .hs-td-strong{color:var(--hs-ink)}
body.hs.skin-g .hs-price-range{background:var(--hs-soft);color:var(--hs-ink)}
body.hs.skin-g .hs-price-range strong{color:var(--hs-sub)}
body.hs.skin-g .hs-price-range span{color:var(--hs-ink)}
body.hs.skin-g .hs-ic{color:var(--hs-sub);opacity:.75}
body.hs.skin-g .hs-gcard-cat{background:var(--hs-soft);color:var(--hs-sub)}
body.hs.skin-g .hs-unit-spec{color:var(--hs-sub)}
body.hs.skin-g .hs-typenav a{background:#fff;border-color:var(--hs-line);color:var(--hs-ink)!important}
body.hs.skin-g .hs-typecount{background:var(--hs-soft);color:var(--hs-sub)}
body.hs.skin-g .hs-faqitem h3{color:var(--hs-ink)}
body.hs.skin-g .hs-feat,body.hs.skin-g .hs-gcard,body.hs.skin-g .hs-unit,
body.hs.skin-g .hs-plan,body.hs.skin-g .hs-faqitem{box-shadow:none;border:1px solid var(--hs-line)}
body.hs.skin-g .hs-hero-stats{background:var(--hs-ink)}
body.hs.skin-g .hs-hero-in{box-shadow:0 10px 30px rgba(23,25,28,.08);border:1px solid var(--hs-line)}

/* 두 스킨 공통: CTA 섹션·푸터도 뉴트럴로 */
body.hs.skin-f .hs-cta,body.hs.skin-g .hs-cta{background:var(--hs-ink)}
body.hs.skin-f .hs-capsule,body.hs.skin-g .hs-capsule{background:var(--hs-soft);color:var(--hs-ink)}

/* ══════════════════════════════════════════════════════════════
   SKIN H — 에디토리얼 럭셔리
   순백 대신 아이보리 지면, 국문 산세리프 + 영문·숫자 세리프,
   각진 모서리, 큰 수직 여백, 표는 상단만 굵은 선.
   사진이 부족해도 타이포로 화면이 서도록 설계한다.
   ══════════════════════════════════════════════════════════════ */
body.hs.skin-h{
	--hs-paper:#f7f5ef;      /* 지면 — 순백(#fff)이 아니다 */
	--hs-sheet:#f7f1e7;      /* 강조 블록 크림 */
	--hs-ink:#171717;
	--hs-gold:#a88a55;
	--hs-goldl:#d7c5a3;
	--hs-forest:#243a2d;
	--hs-line:rgba(21,21,21,.16);
	--hs-sub:#5b6068;
	--hs-ed:Georgia,"Times New Roman",serif;
	background:var(--hs-paper);
	color:var(--hs-ink);
}
body.hs.skin-h .hs-sec{padding:clamp(72px,7.5vw,110px) 0 clamp(84px,8.5vw,130px);background:var(--hs-paper)}
body.hs.skin-h .hs-sec-soft{background:#fff}

/* 라벨: 작을수록 자간을 넓힌다 */
body.hs.skin-h .hs-label{
	font-size:clamp(11px,.78vw,13px);letter-spacing:.14em;text-transform:uppercase;
	color:var(--hs-gold);font-weight:700
}
/* 제목: 클수록 자간을 조인다 */
body.hs.skin-h .hs-sec-head h2,body.hs.skin-h .hs-sec h2{
	font-size:clamp(32px,4vw,62px);line-height:1.08;letter-spacing:-.045em;font-weight:800;margin-top:14px
}
body.hs.skin-h .hs-sec-head p{color:var(--hs-sub);letter-spacing:-.012em}

/* 히어로 */
body.hs.skin-h .hs-hero-in{background:transparent;box-shadow:none;border:0}
body.hs.skin-h .hs-hero h1{
	font-size:clamp(40px,5.4vw,84px);line-height:1.04;letter-spacing:-.048em;font-weight:800
}
body.hs.skin-h .hs-hero-badge{
	background:transparent;color:var(--hs-gold);border:0;padding:0;border-radius:0;
	font-family:var(--hs-ed);font-size:clamp(11px,.8vw,13px);letter-spacing:.22em
}
body.hs.skin-h .hs-hero-tag{font-size:clamp(15px,1.15vw,20px);letter-spacing:-.015em}

/* 버튼: 각지게 */
body.hs.skin-h .hs-btn-solid,body.hs.skin-h .hs-btn-line,
body.hs.skin-h .hs-submit,body.hs.skin-h .hs-nav-btn,body.hs.skin-h .hs-unit-btn{
	border-radius:0;letter-spacing:-.02em;font-weight:700
}
body.hs.skin-h .hs-btn-solid{background:var(--hs-ink);color:#fff;border:1px solid var(--hs-ink)}
body.hs.skin-h .hs-btn-solid:hover{background:var(--hs-forest);border-color:var(--hs-forest)}
body.hs.skin-h .hs-btn-line{border:1px solid var(--hs-ink);color:var(--hs-ink);background:transparent}
body.hs.skin-h .hs-btn-line:hover{background:var(--hs-ink);color:#fff}

/* 통계 — 초대형 세리프 숫자. 사진 없이 화면을 채우는 장치 */
body.hs.skin-h .hs-hero-stats{background:var(--hs-paper);border-top:1px solid var(--hs-line);
	border-bottom:1px solid var(--hs-line)}
body.hs.skin-h .hs-hero-stats>.hs-container>div{padding:clamp(28px,3.4vw,46px) 0}
body.hs.skin-h .hs-hero-stats b{
	font-family:var(--hs-ed);font-weight:500;font-size:clamp(40px,6.2vw,96px);
	line-height:.94;letter-spacing:-.07em;color:var(--hs-ink)
}
body.hs.skin-h .hs-hero-stats span{
	font-size:clamp(11px,.85vw,13px);letter-spacing:.04em;color:var(--hs-sub);margin-top:14px
}

/* 카드류: 테두리 1px, 라운드 없음, 그림자 없음 */
body.hs.skin-h .hs-feat,body.hs.skin-h .hs-unit,body.hs.skin-h .hs-gcard,
body.hs.skin-h .hs-faqitem,body.hs.skin-h .hs-form{
	background:#fff;border:1px solid var(--hs-line);border-radius:0;box-shadow:none
}
body.hs.skin-h .hs-feat h3,body.hs.skin-h .hs-unit h3{
	font-size:clamp(19px,1.45vw,26px);letter-spacing:-.035em;font-weight:800
}
body.hs.skin-h .hs-feat p,body.hs.skin-h .hs-unit-desc{color:var(--hs-sub);letter-spacing:-.01em}
body.hs.skin-h .hs-feat svg{color:var(--hs-gold)}

/* 세대 카드: 타입명을 세리프 대문자로 크게 */
body.hs.skin-h .hs-unit h3{font-family:var(--hs-ed);font-weight:500;
	font-size:clamp(30px,2.4vw,44px);letter-spacing:-.05em;line-height:1}
body.hs.skin-h .hs-unit-spec{font-size:13.5px;color:var(--hs-sub);letter-spacing:.01em;margin-top:12px}

/* 강조 블록: 골드 테두리 + 크림 + 깊은 그림자 — 숫자를 담는 곳에만 */
body.hs.skin-h .hs-capsule,body.hs.skin-h .hs-answer{
	background:var(--hs-sheet);border:1px solid var(--hs-goldl);border-left:1px solid var(--hs-goldl);
	border-radius:0;color:var(--hs-ink);box-shadow:0 22px 60px rgba(28,26,21,.09)
}
body.hs.skin-h .hs-price-card{background:var(--hs-sheet);border:1px solid var(--hs-goldl);
	border-radius:0;box-shadow:0 22px 60px rgba(28,26,21,.09)}

/* 표: 상단만 굵은 선. 격자 테두리를 두르지 않는다 */
body.hs.skin-h table{border-top:2px solid var(--hs-ink);border-collapse:collapse}
body.hs.skin-h table th{
	background:transparent;border:0;border-bottom:1px solid var(--hs-line);
	font-size:12px;letter-spacing:.06em;color:var(--hs-sub);font-weight:700;text-transform:uppercase
}
body.hs.skin-h table td{
	border:0;border-bottom:1px solid var(--hs-line);letter-spacing:-.01em
}
body.hs.skin-h table td:last-child,body.hs.skin-h table td.num{
	font-family:var(--hs-ed);font-size:17px;font-variant-numeric:tabular-nums
}
body.hs.skin-h .hs-overview dt{font-size:12px;letter-spacing:.06em;color:var(--hs-sub);text-transform:uppercase}
body.hs.skin-h .hs-overview dd{font-size:16px;letter-spacing:-.015em}
body.hs.skin-h .hs-ov{border-bottom:1px solid var(--hs-line);border-radius:0;background:transparent}

/* 헤더·푸터 */
body.hs.skin-h .hs-header{background:var(--hs-paper);border-bottom:1px solid var(--hs-line);box-shadow:none}
body.hs.skin-h .hs-brand{font-family:var(--hs-ed);font-weight:600;letter-spacing:-.035em;font-size:23px}
body.hs.skin-h .hs-tel{font-family:var(--hs-ed);letter-spacing:-.02em}
body.hs.skin-h .hs-cta{background:var(--hs-forest);color:#fff}
body.hs.skin-h .hs-cta a{background:#fff;color:var(--hs-forest);border-radius:0}
body.hs.skin-h .hs-footer{background:var(--hs-paper);border-top:1px solid var(--hs-line);color:var(--hs-sub)}

/* 갤러리: 라운드 제거 */
body.hs.skin-h .hs-gallery img{border-radius:0;border:1px solid var(--hs-line)}

/* ══════════════════════════════════════════════════════════════
   SKIN H — 풀스크린 덱 (홈 전용)
   데스크톱은 덱, 900px 이하는 일반 스크롤로 완전 해제한다.
   HTML은 동일하므로 크롤러가 읽는 본문은 어느 쪽이든 전문이다.
   ══════════════════════════════════════════════════════════════ */
body.hs.skin-h{
	--hs-paper:#f7f4f0;   /* 지면 — 따뜻한 오프화이트. 검은 배경은 쓰지 않는다 */
	--hs-sheet:#efe9e2;
	--hs-ink:#221d1a;
	--hs-gold:#a8543a;    /* 포인트 — 테라코타 */
	--hs-goldl:#dfcbbe;
	--hs-forest:#7a5647;  /* 짙은 톤 — 버튼·CTA 전용 */
	--hs-line:rgba(34,29,26,.16);
	--hs-sub:#6b615a;
	--hs-ed:Georgia,"Times New Roman",serif;
	--e-track:cubic-bezier(.72,0,.2,1);
	--e-pan:cubic-bezier(.18,.58,.25,1);
	--e-soft:cubic-bezier(.18,.66,.26,1);
	--e-text:cubic-bezier(.18,.8,.28,1);
	--e-std:cubic-bezier(.22,.8,.3,1);
}
body.hs.skin-h.hs-deck-on{overflow:hidden}

.hs-deck{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--hs-paper)}
.hs-track{position:relative;width:100%;height:100%;transition:transform 1.06s var(--e-track);will-change:transform}
.hs-slide{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--hs-paper);
	display:flex;flex-direction:column;justify-content:center;padding:var(--hs-hdr,74px) 0 0}
.hs-slide-in{width:100%;max-height:calc(100vh - var(--hs-hdr,74px));overflow-y:auto;
	overscroll-behavior:contain;scrollbar-width:none;padding:clamp(22px,4vh,52px) 0}
.hs-slide-in::-webkit-scrollbar{display:none}

/* 진행 표시 */
.hs-pg{position:fixed;z-index:60;left:0;top:var(--hs-hdr,74px);bottom:0;width:3px;background:rgba(34,29,26,.12)}
.hs-pg i{display:block;width:100%;background:var(--hs-gold);height:0;transition:height .8s ease}
.hs-pgc{position:fixed;z-index:61;left:15px;bottom:20px;font-family:var(--hs-ed);font-size:11px;
	letter-spacing:.08em;color:var(--hs-sub)}
.hs-pgc b{color:var(--hs-ink);font-size:14px}
.hs-hint{position:fixed;z-index:61;right:20px;bottom:20px;font-size:10.5px;letter-spacing:.14em;
	color:var(--hs-sub);text-transform:uppercase;display:flex;align-items:center;gap:8px}
.hs-hint i{display:block;width:1px;height:26px;background:var(--hs-line);position:relative;overflow:hidden}
.hs-hint i:after{content:"";position:absolute;inset:0;background:var(--hs-gold);
	animation:hsScrollLine 1.9s var(--e-soft) infinite}
@keyframes hsScrollLine{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}

/* 히어로 — 어두운 오버레이 대신 아이보리 워시 */
.hs-slide-hero{padding:0}
.hs-slide-bg{position:absolute;inset:0;overflow:hidden}
.hs-slide-bg img{width:100%;height:100%;object-fit:cover;object-position:63% center;
	transform:scale(1.1);transition:transform 5s ease}
.hs-slide.is-active .hs-slide-bg img{transform:scale(1)}
.hs-slide-hero .hs-slide-bg:after{content:"";position:absolute;inset:0;
	background:linear-gradient(100deg,rgba(247,244,240,.97) 0%,rgba(247,244,240,.93) 38%,
		rgba(247,244,240,.55) 62%,rgba(247,244,240,.18) 100%)}
.hs-slide-hero .hs-slide-in{position:relative;z-index:2}
.hs-slide-hero .hs-label{font-family:var(--hs-ed);letter-spacing:.22em;text-transform:none}
.hs-hero-note{margin-top:24px;font-size:12.5px;color:var(--hs-sub);max-width:60ch}
html.hs-js .hs-hero-note{opacity:0}
.hs-slide.is-active .hs-hero-note{animation:hsNoteIn .8s .48s var(--e-text) both}
@keyframes hsNoteIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* 시네마틱 — 하이키 + 15초 팬 */
.hs-slide-cine{background:var(--hs-sheet)}
.hs-slide-cine .hs-slide-bg img{filter:saturate(.62) brightness(1.16) contrast(.88);
	transform:scale(1.07) translate3d(1.4%,0,0);transition:none}
.hs-slide-cine.is-active .hs-slide-bg img{transform:scale(1.01) translate3d(-1%,0,0);
	transition:transform 15s var(--e-pan)}
.hs-slide-cine .hs-slide-bg:after{content:"";position:absolute;inset:0;
	background:linear-gradient(260deg,rgba(247,244,240,.96) 0%,rgba(247,244,240,.9) 40%,
		rgba(247,244,240,.5) 68%,rgba(247,244,240,.2) 100%)}
.hs-slide-cine .hs-slide-in{position:relative;z-index:2}
.hs-slide-cine .hs-container{text-align:right}
.hs-slide-cine .hs-body,.hs-slide-cine .hs-lead{margin-left:auto}

/* 등장 */
html.hs-js .hs-rv{opacity:0;transform:translate3d(0,18px,0) scale(.985);filter:blur(6px)}
.hs-slide.is-active .hs-rv{animation:hsReveal .82s var(--e-std) both}
.hs-slide.is-active .hs-rv:nth-child(2){animation-delay:.08s}
.hs-slide.is-active .hs-rv:nth-child(3){animation-delay:.16s}
.hs-slide.is-active .hs-rv:nth-child(4){animation-delay:.24s}
.hs-slide.is-active .hs-rv:nth-child(5){animation-delay:.32s}
@keyframes hsReveal{0%{opacity:0;transform:translate3d(0,18px,0) scale(.985);filter:blur(6px)}
	to{opacity:1;transform:none;filter:blur(0)}}

/* 덱 내부 공통 블록 */
.hs-ed-intro{display:grid;grid-template-columns:.62fr 1.15fr .9fr;gap:30px;align-items:end}
.hs-figs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hs-line);margin-top:28px}
.hs-fig{padding:26px 0 22px;border-bottom:1px solid var(--hs-line)}
.hs-fig+.hs-fig{border-left:1px solid var(--hs-line);padding-left:28px}
.hs-fig b{display:block;font-family:var(--hs-ed);font-weight:500;
	font-size:clamp(36px,5.2vw,78px);line-height:.94;letter-spacing:-.07em}
.hs-fig span{display:block;font-size:12px;letter-spacing:.04em;color:var(--hs-sub);margin-top:10px}
.hs-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:24px}
.hs-tile{background:#fff;border:1px solid var(--hs-line);padding:22px 20px}
.hs-tile-no{font-family:var(--hs-ed);font-size:14px;color:var(--hs-gold);letter-spacing:.06em}
.hs-rail{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:24px;
	scrollbar-width:none;padding-bottom:4px}
.hs-rail::-webkit-scrollbar{display:none}
.hs-rail>article{flex:0 0 clamp(216px,25vw,310px);scroll-snap-align:start;background:#fff;
	border:1px solid var(--hs-line);padding:22px 20px;min-width:0}
.hs-rail h3{font-family:var(--hs-ed);font-weight:500;font-size:30px;letter-spacing:-.05em;line-height:1}
.hs-rail-sp{font-size:13px;color:var(--hs-sub);margin-top:10px}
.hs-rail-ds{font-size:13.4px;color:var(--hs-sub);margin-top:12px;padding-top:12px;border-top:1px solid var(--hs-line)}
.hs-lead{font-size:clamp(15px,1.15vw,19px);color:#43392f;letter-spacing:-.015em;max-width:60ch;margin-top:16px}
.hs-body{font-size:14.6px;color:var(--hs-sub);letter-spacing:-.01em;max-width:66ch;margin-top:12px}
.hs-disc{font-size:12px;color:var(--hs-sub);line-height:1.7;margin-top:20px;max-width:80ch}
.hs-stamp{font-size:12px;color:var(--hs-sub);margin-top:14px}
.hs-faq-inline{margin-top:22px;border-top:1px solid var(--hs-line)}
.hs-faq-inline dt{font-weight:700;font-size:15px;letter-spacing:-.02em;padding:15px 0 5px}
.hs-faq-inline dd{font-size:14px;color:var(--hs-sub);padding:0 0 15px;border-bottom:1px solid var(--hs-line)}

/* ══ 모바일 — 덱 완전 해제. 크롤러가 보는 상태 ══ */
@media (max-width:900px){
	body.hs.skin-h.hs-deck-on{overflow:auto}
	.hs-deck{width:100%;height:auto;overflow:visible}
	.hs-track{transform:none!important;height:auto;transition:none}
	.hs-slide{height:auto;min-height:0;padding:52px 0;display:block;overflow:visible}
	.hs-slide-in{max-height:none;overflow:visible;padding:0}
	.hs-slide-hero{padding:0}
	.hs-slide-hero .hs-slide-in{padding:104px 0 62px}
	.hs-slide-bg img{transform:none!important;transition:none!important}
	.hs-rv{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}
	.hs-hero-note{opacity:1!important;animation:none!important}
	.hs-pg,.hs-pgc,.hs-hint{display:none}
	.hs-ed-intro,.hs-figs,.hs-tiles{grid-template-columns:1fr;gap:16px}
	.hs-fig+.hs-fig{border-left:0;padding-left:0}
	.hs-slide-cine .hs-container{text-align:left}
	.hs-slide-cine .hs-body,.hs-slide-cine .hs-lead{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
	.hs-track{transition:none}
	.hs-rv,.hs-hero-note{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}
	.hs-slide-bg img{transition:none!important;transform:none!important}
}

/* ══════════════════════════════════════════════════════════════
   SKIN H — REFERENCE MATCH (원본 100% 재현 오버라이드)
   진월더리브 실측값 그대로: 팔레트·타이포 무게·자간·히어로 처리·모바일 규칙.
   섹션 지면은 밝은 페이퍼, 히어로만 사진 위 흰 글자(사진 연출이며 다크 테마가 아님).
   ══════════════════════════════════════════════════════════════ */
body.hs.skin-h{
	--hs-paper:#f7f5ef;
	--hs-sheet:#f7f1e7;
	--hs-ink:#171717;
	--hs-gold:#a88a55;
	--hs-goldl:#d7c5a3;
	--hs-gold-br:#d9b77a;   /* 공식 배지 테두리 */
	--hs-forest:#243a2d;
	--hs-line:rgba(21,21,21,.16);
	--hs-sub:#737373;
}

/* ── 킥커: Georgia 세리프 소형 + 넓은 자간 + 골드 (원본 .section-heading>p) ── */
body.hs.skin-h .hs-label{
	font:11px var(--hs-ed);letter-spacing:.2em;color:#9c7f4e;
	text-transform:uppercase;font-weight:400;margin:0 0 18px}

/* ── 제목: 자간 −.07em, 무게 400 + span 850 (원본 시그니처) ── */
body.hs.skin-h .hs-slide h2,body.hs.skin-h .hs-sec h2{
	font-size:clamp(38px,4vw,62px);line-height:1.2;letter-spacing:-.07em;font-weight:400;margin:0}
body.hs.skin-h .hs-slide h2 span,body.hs.skin-h .hs-sec h2 span{font-weight:850}

/* ── 히어로: 이미지 전면 + 흰 글자 (원본 .hero-copy) ── */
.hs-slide-hero .hs-slide-bg:after{
	background:linear-gradient(180deg,rgba(8,12,18,.12) 0%,rgba(8,12,18,.34) 55%,rgba(8,12,18,.66) 100%)}
.hs-slide-hero .hs-slide-in{display:flex;align-items:center;min-height:calc(100vh - var(--hs-hdr,74px))}
.hs-slide-hero .hs-container{color:#fff}
.hs-slide-hero h1{
	font-size:clamp(48px,5.6vw,86px);line-height:1.08;letter-spacing:-.075em;
	font-weight:400;color:#fff;margin:0}
.hs-slide-hero h1 b,.hs-slide-hero h1 span{font-weight:850}
.hs-slide-hero .hs-label{color:#e1c38c}
.hs-slide-hero .hs-lead{color:rgba(255,255,255,.92);font-size:16px;line-height:1.8;margin-top:32px}
.hs-slide-hero .hs-btn-line{border-color:rgba(255,255,255,.6);color:#fff}
.hs-slide-hero .hs-btn-line:hover{background:#fff;color:var(--hs-ink)}
.hs-slide-hero .hs-btn-solid{background:#fff;color:var(--hs-ink)}
.hs-slide-hero .hs-btn-solid:hover{background:var(--hs-gold);color:#fff}

/* 공식 표기 배지 — 골드 좌측선 + 원형 아이콘 (원본 .hero-official-note) */
.hs-onote{position:absolute;z-index:3;left:8.5vw;bottom:5.5vh;min-height:52px;padding-left:16px;
	display:inline-grid;grid-template-columns:36px auto;align-items:center;gap:12px;
	border-left:1px solid rgba(217,183,122,.9);color:#fff;
	filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}
html.hs-js .hs-onote{opacity:0}
.hs-slide.is-active .hs-onote{animation:hsNoteIn .8s .48s var(--e-text) both}
.hs-onote-ic{width:36px;height:36px;display:grid;place-items:center;
	border:1px solid rgba(217,183,122,.72);border-radius:50%;color:#e1c38c;
	background:rgba(8,27,42,.24);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hs-onote-cp{display:grid;gap:5px;min-width:0}
.hs-onote-cp small{color:rgba(255,255,255,.64);font-size:9px;font-weight:600;letter-spacing:.14em;line-height:1}
.hs-onote-cp strong{color:rgba(255,255,255,.94);font-size:14px;font-weight:600;
	letter-spacing:-.02em;line-height:1.15;white-space:nowrap}

/* 기존 텍스트 주석은 배지로 대체 */
.hs-slide-hero .hs-hero-note{display:none}

/* ── 시네마틱: 원본처럼 어두운 사진 처리 (사진 연출) ── */
.hs-slide-cine .hs-slide-bg img{filter:saturate(.74) brightness(.5)}
.hs-slide-cine .hs-slide-bg:after{
	background:linear-gradient(180deg,rgba(0,0,0,.02) 42%,rgba(0,0,0,.55))}
.hs-slide-cine{background:#10151c}
.hs-slide-cine .hs-container{text-align:left;color:#fff}
.hs-slide-cine h2{color:#fff}
.hs-slide-cine .hs-body,.hs-slide-cine .hs-lead{color:rgba(255,255,255,.82);margin-left:0}
.hs-slide-cine .hs-label{color:#e1c38c}

/* ── 강조 시트: 골드 테두리 + 크림 + 그림자 (원본 .editorial-sheet) ── */
body.hs.skin-h .hs-answer{
	background:var(--hs-sheet);border:1px solid var(--hs-goldl);
	box-shadow:0 22px 60px rgba(28,26,21,.09);border-left:1px solid var(--hs-goldl)}

/* ── 본문 서브텍스트 (원본 .section-heading>span) ── */
body.hs.skin-h .hs-body{max-width:600px;color:var(--hs-sub);line-height:1.8}

/* ══ 모바일 (원본 768px 규칙 그대로) ══ */
@media (max-width:900px){
	/* 히어로: 이미지 유지 + 텍스트 상단 33% (원본 .hero-copy 모바일) */
	.hs-slide-hero{position:relative;min-height:100svh;padding:0;display:block}
	.hs-slide-hero .hs-slide-bg{position:absolute;inset:0}
	.hs-slide-hero .hs-slide-in{position:relative;z-index:2;padding:0;min-height:100svh;display:block}
	.hs-slide-hero .hs-container{position:absolute;left:26px;right:26px;top:33%;padding:0;max-width:none}
	.hs-slide-hero h1{font-size:clamp(40px,10.5vw,52px);font-weight:250;line-height:1.13;letter-spacing:-.03em}
	.hs-slide-hero h1 b,.hs-slide-hero h1 span{font-weight:700}
	.hs-slide-hero .hs-label{font-size:13px;line-height:1.45;letter-spacing:-.03em;margin-bottom:12px}
	.hs-slide-hero .hs-lead{margin-top:26px;font-size:14px;line-height:1.65;letter-spacing:-.025em}
	.hs-onote{left:20px;bottom:82px;min-height:46px;padding-left:12px;
		grid-template-columns:32px auto;gap:9px;opacity:1;animation:none}
	.hs-onote-ic{width:32px;height:32px}
	/* 제목 자간·크기 (원본 모바일) */
	body.hs.skin-h .hs-slide h2{font-size:37px;letter-spacing:-.03em}
	body.hs.skin-h .hs-body{font-size:14px}
	body.hs.skin-h .hs-label{font-size:11px}
	/* 모바일 스크롤 등장 (원본 .is-mobile-visible 방식) — 애니메이션을 죽이지 않는다.
	   앞선 덱 블록이 .hs-rv에 !important로 표시 고정을 걸어두므로 여기서도 !important로 재정의한다 */
	html.hs-js .hs-slide:not(.hs-slide-hero) .hs-rv{
		opacity:0!important;transform:translate3d(0,20px,0)!important;filter:none!important;
		transition:opacity .76s var(--e-std),transform .76s var(--e-std);animation:none!important}
	html.hs-js .hs-slide.is-mvis .hs-rv{opacity:1!important;transform:translateZ(0)!important;filter:none!important}
	html.hs-js .hs-slide.is-mvis .hs-rv:nth-child(2){transition-delay:.08s}
	html.hs-js .hs-slide.is-mvis .hs-rv:nth-child(3){transition-delay:.16s}
	html.hs-js .hs-slide.is-mvis .hs-rv:nth-child(4){transition-delay:.24s}
}