/* 2026-10-05 · 02-A 상세페이지 타이포그래피 지침. Layout, copy and product data stay in their existing files. */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css') (min-width:761px);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap');
:root{--type-body:16px;--type-copy-line:1.75;--type-tracking:-.03em;--type-korean:Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;--type-display:Montserrat,Pretendard,-apple-system,sans-serif}
html body.type-guideline.type-readable,
html body.type-guideline.type-readable :where(p,li,td,th,dt,dd,blockquote,figcaption,summary,button,input,select,textarea,label,small,a,h1,h2,h3,h4,h5,h6){font-family:var(--type-korean)!important;letter-spacing:var(--type-tracking)!important}
html body.type-guideline.type-readable{font-size:var(--type-body);line-height:var(--type-copy-line)}
html body.type-guideline.type-readable :is(p,li,td,th,dt,dd,blockquote){font-size:var(--type-body)!important;line-height:var(--type-copy-line)!important}
html body.type-guideline.type-readable :is(main,article,.hero,.phero,.cine-hero,.shell,.wrap,.page-message,.order-essential,.inquiry-bar) :is(p,li,dt,dd,blockquote){text-align:left!important}
html body.type-guideline.type-readable :is(h1,h2,h3,h4,h5,h6){font-family:var(--type-display)!important;font-weight:700!important;letter-spacing:var(--type-tracking)!important;word-break:keep-all;overflow-wrap:anywhere}
html body.type-guideline.type-readable h1{font-size:clamp(30px,4.6vw,48px)!important;line-height:1.25!important;margin-bottom:24px}
html body.type-guideline.type-readable :is(header.hero,header.phero,header.blog-hero,.cine-hero) h1{font-size:clamp(30px,4.6vw,48px)!important;line-height:1.25!important}
html body.type-guideline.type-readable h2,
html body.type-guideline.type-readable :is(.page-message,.order-essential,.m5-foundation,.inquiry-bar) h2{font-size:24px!important;line-height:1.45!important;margin-bottom:18px}
html body.type-guideline.type-readable h3{font-size:20px!important;line-height:1.5!important}
html body.type-guideline.type-readable :is(.lead,.intro,.hero-sub){font-size:18px!important;line-height:1.75!important;text-align:left!important}
html body.type-guideline.type-readable :is(button,input,select,textarea){font-size:16px!important;line-height:1.5!important}
html body.type-guideline.type-readable :is(figcaption,small,.muted,.help,.hint){font-size:14px;line-height:1.75}
html body.type-guideline.type-readable :is(.slogan,.eyebrow,.kicker,.brand,.tag,[lang=en]){font-family:var(--type-display)!important;letter-spacing:-.03em!important}
/* Compact utility headings and navigation remain distinct from section headings. */
html body.type-guideline.type-readable footer.bkf h2{font-size:16px!important;line-height:1.5!important;margin-bottom:12px!important}
html body.type-guideline.type-readable footer.bkf :is(p,li){font-size:14px!important;line-height:1.75!important}
html body.type-guideline.type-readable .m5-foundation__scale-note{font-size:12px!important;text-align:center!important;line-height:1.6!important}
html body.type-guideline.type-readable .m5-foundation__eyebrow{font-size:12px!important;line-height:1.5!important}
html body.type-guideline.type-readable .tech-proof-card :is(p,small){font-size:16px!important;line-height:1.75!important}
html body.type-guideline.type-readable :is(.detail-intro,.detail-content) :is(p,li,dt,dd,.detail-lead,.detail-note,.fit,.flist){font-size:16px!important;line-height:1.75!important;text-align:left!important}
/* Keep the user-approved TECHBRICK headline on exactly two lines. */
html body.type-guideline.type-readable header.hero h1.service-title{font-size:clamp(22px,6.3vw,48px)!important;line-height:1.3!important}
html body.type-guideline.type-readable .product-heading h1{font-size:clamp(28px,3.8vw,40px)!important;line-height:1.3!important}
html body.type-guideline.type-readable .shell.narrow h1{font-size:clamp(28px,3.8vw,40px)!important}
html body.type-guideline.type-readable section.order-essential p.order-note{font-size:16px!important;line-height:1.75!important;text-align:left!important}
html body.type-guideline.type-readable p.minimal-price{font-size:24px!important;font-weight:800!important;line-height:1.5!important}
@media(max-width:640px){
 html body.type-guideline.type-readable h2,
 html body.type-guideline.type-readable :is(.page-message,.order-essential,.m5-foundation,.inquiry-bar) h2{font-size:22px!important}
 html body.type-guideline.type-readable h3{font-size:19px!important}
 html body.type-guideline.type-readable :is(.lead,.intro,.hero-sub){font-size:16px!important}
 html body.type-guideline.type-readable :is(td,th,code){overflow-wrap:anywhere}
}


/* 10/09 사진 설명 가독성 — 타이포그래피 지침(영업 자료/02-A) · 본문 16 · 사진 설명 15 · 가격 줄 16
   :not(#_) 는 우선순위를 올리려는 것 — 페이지마다 인라인 <style> 의 figcaption 규칙(!important)이 더 강해 일반 선택자로는 밀린다 */
html:root body figure figcaption:not(#_){font-size:15px!important;line-height:1.6!important}
html:root body .kl-sg-figs figure figcaption:not(#_){font-size:16px!important}
html:root body figure figcaption.kl-ha-tag:not(#_){font-size:14px!important}
html:root body p.m5-foundation__eyebrow:not(#_){font-size:14px!important}
@media(max-width:720px){html:root body figure.bs-install figcaption:not(#_),html:root body p.kf-price-note:not(#_),html:root body .wrap>figure>figcaption:not(#_){text-align:left!important}}