
:root{--ink:#111416;--muted:#687075;--line:#d8dcde;--soft:#f3f4f4;--steel:#e7e9ea;--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;line-height:1.65;word-break:keep-all;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}.wrap{width:min(calc(100% - 56px),var(--max));margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.head{height:72px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{font-size:23px;font-weight:900;letter-spacing:-.055em}.brand small{font-size:9px;letter-spacing:.18em;color:#7b8286;margin-left:9px}.nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:750;color:#535b60}.nav a:hover{color:#000}.phone{padding-left:22px;border-left:1px solid var(--line);font-weight:900;color:#111}
.hero{background:#0d1012;color:white}.hero-grid{display:grid;grid-template-columns:.44fr .56fr;min-height:610px}.hero-copy{min-height:610px;padding:76px 5vw 68px max(28px,calc((100vw - var(--max))/2 + 28px));display:flex;flex-direction:column;justify-content:flex-end}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:850;color:#9ca4a8;text-transform:uppercase}.hero h1{font-size:clamp(46px,5.4vw,74px);line-height:1.04;letter-spacing:-.065em;margin:22px 0 26px}.hero p{font-size:16px;color:#c2c8cb;max-width:540px;margin:0}.hero-actions{display:flex;gap:0;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 21px;border:1px solid #4e5559;font-size:13px;font-weight:850}.btn.primary{background:#fff;color:#111;border-color:#fff}.hero-img{min-height:610px;padding:48px 48px 48px 0;display:flex;align-items:center;overflow:hidden}.hero-img img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.04)}
section{padding:100px 0}.section-head{display:grid;grid-template-columns:210px 1fr;gap:54px;padding-bottom:30px;margin-bottom:48px;border-bottom:1px solid #171a1c}.index{font-size:10px;letter-spacing:.2em;font-weight:850;color:#737b7f;text-transform:uppercase;padding-top:8px}.section-head h2,.title{margin:0;font-size:clamp(34px,4vw,56px);line-height:1.12;letter-spacing:-.055em}.intro-grid{display:grid;grid-template-columns:1fr .85fr;gap:64px}.lead{font-size:clamp(23px,2.7vw,36px);font-weight:750;letter-spacing:-.04em;line-height:1.4;margin:0}.muted{color:#60686c;margin:4px 0 0}.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fact{padding:24px 22px 26px 0;border-right:1px solid var(--line)}.fact+.fact{padding-left:24px}.fact:last-child{border-right:0}.fact small{display:block;font-size:9px;letter-spacing:.16em;color:#81888c;font-weight:850;margin-bottom:8px}.fact strong{font-size:17px;letter-spacing:-.03em}
.products{background:#f5f6f6}.product-list{border-top:1px solid #aeb4b7}.product{display:grid;grid-template-columns:80px minmax(260px,.8fr) minmax(0,1.25fr);gap:36px;align-items:center;padding:30px 0;border-bottom:1px solid #cbd0d2}.product-no{font-size:11px;letter-spacing:.15em;color:#777f83;font-weight:900;align-self:start;padding-top:7px}.product h3{font-size:28px;letter-spacing:-.045em;line-height:1.25;margin:0 0 12px}.product p{margin:0;color:#5f676b;font-size:14px}.product-photo{height:285px;overflow:hidden;background:#ddd}.product-photo img{height:100%;object-fit:cover;filter:saturate(.76)}.more{display:inline-block;margin-top:17px;border-bottom:1px solid #111;font-size:12px;font-weight:850}
.field-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.field-main,.field-small{position:relative;overflow:hidden;background:#ddd}.field-main{height:610px}.field-side{display:grid;grid-template-rows:1fr 1fr;gap:10px}.field-small{height:300px}.field-grid img{height:100%;object-fit:cover;filter:saturate(.77)}.label{position:absolute;left:0;bottom:0;background:#fff;padding:12px 15px;font-size:11px;font-weight:850;letter-spacing:.04em}.field-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:38px}.field-copy h3{font-size:28px;letter-spacing:-.04em;margin:0}.field-copy p{margin:0;color:#61696d}
.seo-links{background:#111416;color:white}.seo-links .section-head{border-bottom-color:#444a4d}.seo-links .index{color:#8d9599}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #42484b}.link-card{padding:30px 28px 32px 0;border-bottom:1px solid #42484b;display:flex;justify-content:space-between;gap:24px}.link-card:nth-child(odd){border-right:1px solid #42484b}.link-card:nth-child(even){padding-left:28px}.link-card h3{font-size:22px;letter-spacing:-.04em;margin:0 0 7px}.link-card p{margin:0;color:#a9b0b4;font-size:13px}.arrow{font-size:22px;color:#969da0}
.shipping{padding:0;background:#eef0f1}.shipping-inner{min-height:140px;display:flex;align-items:center;justify-content:space-between;gap:30px}.shipping strong{font-size:26px;letter-spacing:-.04em}.shipping span{font-size:13px;color:#636b70}
.contact-panel{display:grid;grid-template-columns:1.1fr .9fr;border-top:2px solid #151719;border-bottom:1px solid #151719}.contact-main{padding:50px 54px 56px 0;border-right:1px solid var(--line)}.contact-main h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.055em;margin:8px 0 18px}.contact-main p{margin:0;color:#60686c}.buttons{display:flex;flex-wrap:wrap;margin-top:34px}.buttons a{min-height:48px;padding:0 18px;display:inline-flex;align-items:center;border:1px solid #171a1c;font-size:12px;font-weight:850}.buttons a:first-child{background:#111;color:#fff}.buttons a+a{border-left:0}.company{padding:40px 0 42px 42px;align-self:end}.row{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:12px 0;border-bottom:1px solid #e1e4e5;font-size:13px}.row:last-child{border-bottom:0}.row dt{color:#7a8185;font-weight:700}.row dd{margin:0;font-weight:750}
footer{background:#f2f3f3;padding:28px 0;color:#697075;font-size:11px}.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
/* Detail pages */.subhero{padding:70px 0 0;background:#111416;color:#fff}.crumb{font-size:11px;color:#92999d;margin-bottom:35px}.subhero h1{font-size:clamp(42px,5.2vw,70px);letter-spacing:-.065em;line-height:1.08;margin:0 0 22px}.subhero p{color:#c0c6c9;max-width:760px;margin:0 0 46px;font-size:16px}.subhero-media{height:520px;overflow:hidden}.subhero-media img{height:100%;object-fit:cover;filter:saturate(.76)}.content{padding:82px 0}.content-grid{display:grid;grid-template-columns:220px 1fr;gap:60px}.content-label{font-size:10px;letter-spacing:.18em;font-weight:850;color:#7b8387;text-transform:uppercase}.content-body h2{font-size:34px;letter-spacing:-.045em;line-height:1.25;margin:0 0 22px}.content-body p{margin:0 0 18px;color:#50585d}.checks{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:36px}.check{padding:23px 22px 25px 0;border-right:1px solid var(--line)}.check+.check{padding-left:22px}.check:last-child{border-right:0}.check small{display:block;font-size:9px;color:#838b8f;letter-spacing:.14em;font-weight:850;margin-bottom:8px}.check strong{font-size:16px}.detail-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:44px}.detail-gallery figure{margin:0;position:relative;height:360px;overflow:hidden;background:#ddd}.detail-gallery img{height:100%;object-fit:cover;filter:saturate(.8)}.faq{background:#f4f5f5}.faq-list{border-top:1px solid #bfc4c6}.faq-item{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid #d5d9da}.faq-item b{font-size:11px;letter-spacing:.1em}.faq-item h3{font-size:20px;margin:0 0 8px;letter-spacing:-.03em}.faq-item p{margin:0;color:#626a6e;font-size:14px}.related{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:34px}.related a{padding:22px 20px 23px 0;border-right:1px solid var(--line);font-size:14px;font-weight:800}.related a+a{padding-left:20px}.related a:last-child{border-right:0}
@media(max-width:900px){.wrap{width:min(calc(100% - 36px),var(--max))}.nav a:not(.phone){display:none}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-img{order:-1;min-height:0;height:auto;padding:26px 24px 0}.hero-img img{aspect-ratio:16/10}.hero-copy{min-height:470px;padding:52px 24px 58px}.section-head{grid-template-columns:1fr;gap:10px}.intro-grid,.field-copy{grid-template-columns:1fr;gap:24px}.facts{grid-template-columns:1fr 1fr}.fact:nth-child(2){border-right:0}.fact:nth-child(-n+2){border-bottom:1px solid var(--line)}.product{grid-template-columns:60px 1fr}.product-photo{grid-column:2}.field-grid{grid-template-columns:1fr}.field-main{height:450px}.field-side{grid-template-columns:1fr 1fr;grid-template-rows:280px}.field-small{height:280px}.link-grid{grid-template-columns:1fr}.link-card,.link-card:nth-child(odd),.link-card:nth-child(even){border-right:0;padding:25px 0}.contact-panel{grid-template-columns:1fr}.contact-main{padding-right:0;border-right:0;border-bottom:1px solid var(--line)}.company{padding-left:0}.subhero-media{height:430px}.content-grid{grid-template-columns:1fr;gap:18px}.detail-gallery figure{height:300px}}
@media(max-width:600px){.wrap{width:calc(100% - 26px)}.head{height:64px}.brand{font-size:20px}.brand small{display:none}.phone{font-size:11px;padding-left:12px}.hero-img{height:auto;min-height:0;padding:18px 14px 0}.hero-img img{aspect-ratio:16/10}.hero-copy{min-height:430px}.hero h1{font-size:46px}.hero p{font-size:14px}.hero-actions .btn{width:100%}.hero-actions .btn+.btn{border-top:0}section{padding:72px 0}.facts{grid-template-columns:1fr}.fact,.fact+.fact{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.product{grid-template-columns:1fr;gap:16px}.product-no,.product-photo{grid-column:1}.product-photo{height:230px}.field-main{height:330px}.field-side{grid-template-columns:1fr;grid-template-rows:230px 230px}.field-small{height:230px}.shipping-inner{align-items:flex-start;flex-direction:column;justify-content:center;padding:28px 0}.buttons a{width:100%;border-left:1px solid #171a1c!important}.buttons a+a{border-top:0}.row{grid-template-columns:82px 1fr}.subhero{padding-top:50px}.subhero h1{font-size:42px}.subhero-media{height:300px}.checks{grid-template-columns:1fr}.check,.check+.check{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.check:last-child{border-bottom:0}.detail-gallery{grid-template-columns:1fr}.detail-gallery figure{height:250px}.faq-item{grid-template-columns:1fr;gap:8px}.related{grid-template-columns:1fr}.related a,.related a+a{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.related a:last-child{border-bottom:0}}


/* Specifications + YouTube */
.youtube-nav{font-weight:850}.youtube-nav::before{content:"▶";font-size:9px;margin-right:6px;vertical-align:1px}.youtube-btn{background:#fff!important;color:#111!important}.footer-youtube{font-weight:800;color:#333}.specifications{background:#fff}.spec-sheet{margin-top:34px;border-top:2px solid #151719;border-bottom:1px solid #151719}.spec-sheet-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;padding:28px 0;border-bottom:1px solid var(--line)}.spec-sheet-head h3{font-size:26px;letter-spacing:-.04em;margin:0}.spec-sheet-head p{margin:2px 0 0;color:#646c70;font-size:13px}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr)}.spec-item{padding:25px 22px 28px 0;border-right:1px solid var(--line)}.spec-item+.spec-item{padding-left:22px}.spec-item:last-child{border-right:0}.spec-item small{display:block;font-size:9px;letter-spacing:.14em;font-weight:850;color:#82898d;margin-bottom:8px}.spec-item strong{display:block;font-size:20px;letter-spacing:-.035em;margin-bottom:6px}.spec-item span{display:block;color:#697176;font-size:12px;line-height:1.55}.spec-footnote{margin:17px 0 0;color:#747b7f;font-size:12px}
@media(max-width:900px){.spec-grid{grid-template-columns:1fr 1fr}.spec-item:nth-child(2){border-right:0}.spec-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.spec-sheet-head{grid-template-columns:1fr;gap:12px}}
@media(max-width:600px){.spec-grid{grid-template-columns:1fr}.spec-item,.spec-item+.spec-item{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.spec-item:last-child{border-bottom:0}.spec-sheet-head{padding:22px 0}.spec-sheet-head h3{font-size:22px}}
