@font-face{font-family:Pretendard;src:url('./assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.language-switch{display:flex;align-items:center;gap:2px;flex-shrink:0;border:1px solid #d1d6c8;border-radius:5px;padding:3px}
.language-switch button{background:transparent;min-height:31px;padding:5px 10px;border-radius:3px;font-size:10px;font-weight:500;line-height:1.2;white-space:nowrap}
.language-switch button[aria-pressed=true]{background:var(--green);color:var(--white)}
.language-switch button:hover:not([aria-pressed=true]){background:#e6ebdf}
.language-switch [data-language=ko]{font-family:Pretendard,'Malgun Gothic','Apple SD Gothic Neo',sans-serif}
html[lang=ko]{--sans:Pretendard,'Malgun Gothic','Apple SD Gothic Neo',sans-serif}
html[lang=ko] body{word-break:keep-all;overflow-wrap:break-word}
html[lang=ko] h1,html[lang=ko] h2{font-family:var(--sans);font-weight:500;letter-spacing:-2px;line-height:1.3}
html[lang=ko] h1 em,html[lang=ko] h2 em{font-style:normal}
html[lang=ko] .hero h1{font-size:clamp(46px,4.8vw,70px);letter-spacing:-2.7px;line-height:1.3;margin-block:30px}
html[lang=ko] .hero-description{font-size:19px;line-height:1.85}
html[lang=ko] .hero-description i{font:inherit;font-style:normal}
html[lang=ko] .hero-subcopy{font-size:12px;line-height:2}
html[lang=ko] h2,html[lang=ko] .section-heading h2{font-size:43px;line-height:1.4}
html[lang=ko] .eyebrow{letter-spacing:1px}
html[lang=ko] .product-title{font-size:22px;font-weight:550;letter-spacing:-.7px}
html[lang=ko] .product-description{line-height:1.95;min-height:68px}
html[lang=ko] .product-highlights{line-height:1.7}
html[lang=ko] .approach h2{font-size:43px;line-height:1.5;letter-spacing:-1.9px}
html[lang=ko] .approach-points h3{line-height:1.7}
html[lang=ko] .section-heading>p{line-height:2}
html[lang=ko] .faq-intro h2{font-size:46px}
html[lang=ko] .closing-inner h2{font-size:52px}
html[lang=ko] .detail-heading h2{font-size:32px}
html[lang=ko] .contact-content h2,html[lang=ko] .policy-content h2{font-size:35px;line-height:1.5}
html[lang=ko] .detail-summary,html[lang=ko] .detail-points p,html[lang=ko] .faq-list details p{line-height:2}
@media(max-width:1100px){.nav-shell{gap:17px}.desktop-nav{padding-left:0;gap:23px}.language-switch button{padding-inline:8px}html[lang=ko] .hero h1{font-size:53px}html[lang=ko] .approach-layout{gap:65px}html[lang=ko] .approach h2{font-size:35px}}
@media(max-width:960px){.desktop-nav{gap:15px}.desktop-nav a{font-size:10px}.nav-contact{font-size:10px;gap:15px;padding:10px 12px}.nav-shell{gap:14px}html[lang=ko] .hero h1{font-size:46px}html[lang=ko] .hero-description{font-size:16px}html[lang=ko] .hero-actions{gap:13px}html[lang=ko] .hero-actions .button{font-size:10px;gap:10px}html[lang=ko] .approach h2{font-size:32px}html[lang=ko] .approach-layout{gap:36px}}
@media(max-width:720px){.nav-contact{display:none}.language-switch{margin-left:auto}.nav-shell{gap:12px}.language-switch button{min-height:32px;padding-inline:9px}html[lang=ko] .hero h1{font-size:50px;line-height:1.4;letter-spacing:-2.3px}html[lang=ko] .hero-description{font-size:18px}html[lang=ko] .hero-subcopy{font-size:12px;max-width:360px}html[lang=ko] .hero-actions{gap:22px}html[lang=ko] .hero-actions .button{font-size:11px;gap:18px}html[lang=ko] h2,html[lang=ko] .section-heading h2{font-size:35px;letter-spacing:-1.5px}html[lang=ko] .product-title{font-size:20px;line-height:1.55;min-height:62px}html[lang=ko] .product-description{font-size:11px;min-height:111px;line-height:1.95}html[lang=ko] .product-highlights{font-size:9px;gap:10px}html[lang=ko] .product-tag{letter-spacing:.7px}html[lang=ko] .approach h2{font-size:34px}html[lang=ko] .faq-intro h2{font-size:38px}html[lang=ko] .closing-inner h2{font-size:34px}html[lang=ko] .detail-heading h2{font-size:26px}html[lang=ko] .contact-content h2,html[lang=ko] .policy-content h2{font-size:31px}html[lang=ko] .section-heading>p br{display:none}}
@media(max-width:380px){.nav-shell{gap:9px}.language-switch button{font-size:9px;padding-inline:7px}.wordmark{font-size:18px;gap:8px}html[lang=ko] .hero h1{font-size:42px}html[lang=ko] .product-title{font-size:25px;min-height:0}html[lang=ko] .product-description{font-size:12px;min-height:0}html[lang=ko] .product-highlights{font-size:11px}html[lang=ko] .approach h2{font-size:30px}html[lang=ko] .closing-inner h2{font-size:30px}}
@media(max-width:720px){html[lang=ko] .table-scroll:after{content:'옆으로 넘겨 비교하세요 →'}}