*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffaf0;color:#293421;font-family:Arial,"Noto Sans KR",sans-serif;letter-spacing:-.035em}a{text-decoration:none;color:inherit}header{height:82px;position:fixed;z-index:50;top:0;left:0;right:0;padding:0 4vw;display:flex;align-items:center;background:#fffaf0ed;backdrop-filter:blur(10px);border-bottom:1px solid #d9d4c5}.logo b{font-family:serif;font-size:28px;color:#d95136}.logo small{font-size:6px;letter-spacing:.18em;margin-left:8px;color:#6f796a}nav{margin:auto;display:flex;gap:32px}nav a{font-size:11px;font-weight:700}.shop{font-size:8px;border-bottom:1px solid #293421;padding:8px 0}.shop b{margin-left:22px}.hamb,aside{display:none}.hero{height:900px;padding-top:82px;position:relative;overflow:hidden;background:#f3e9cd}.hero-photo{position:absolute;width:51%;height:670px;right:6vw;top:135px;border-radius:48% 48% 10px 10px;background:linear-gradient(#0000,#0001),url("https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=1500&q=88") center/cover}.blob{position:absolute;border-radius:50%}.b1{width:500px;height:500px;background:#d9e5b5;left:-180px;bottom:-170px}.b2{width:180px;height:180px;background:#f6bd60;right:-55px;top:160px}.hero-copy{position:absolute;z-index:2;left:7vw;top:210px}.hero-copy>span,.cat-title>span,.story-copy>span,.best-head>span,.qcopy>span,.oem>div>span,.news-head>span,.contact>span,.subcopy>span,.subintro>span{font-size:8px;letter-spacing:.18em;font-weight:800;color:#d95136}.hero h1{font-family:serif;font-size:clamp(65px,7vw,105px);line-height:.95;letter-spacing:-.07em;margin:35px 0}.hero h1 em{font-style:normal;color:#d95136}.hero-copy>p{font-size:14px;line-height:1.8}.hero-copy>div{display:flex;gap:22px;margin-top:30px}.hero-copy a{font-size:10px;font-weight:700;border-bottom:1px solid #293421;padding:10px 0}.stamp{position:absolute;right:3vw;bottom:35px;width:115px;height:115px;border:1px solid #293421;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;line-height:1.4;transform:rotate(8deg)}.stamp b{display:block;color:#d95136}.hero-tag{position:absolute;left:7vw;bottom:30px;font-size:7px;letter-spacing:.15em}.marquee{background:#293421;color:#fff;overflow:hidden;padding:14px 0;white-space:nowrap}.marquee div{font-size:9px;letter-spacing:.2em;word-spacing:30px;animation:marquee 25s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.intro{padding:115px 7vw;display:grid;grid-template-columns:70px 1.2fr .6fr;gap:40px}.no{color:#d95136;font-size:9px}.intro>div>span{font-size:8px;letter-spacing:.17em}.intro h2{font-family:serif;font-size:45px;line-height:1.3}.intro>p{align-self:end;font-size:12px;line-height:1.8;color:#6f786b}.category{padding:110px 6vw;background:#eef1e1}.cat-title{display:flex;justify-content:space-between}.cat-title h2{font-family:serif;font-size:55px;line-height:1.1;margin:0}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:60px}.cat-grid a{position:relative}.cat-grid .photo{height:380px;border-radius:150px 150px 12px 12px;background-size:cover;background-position:center;transition:.35s}.cat-grid a:hover .photo{transform:translateY(-8px)}.c1 .photo{background-image:url("https://images.unsplash.com/photo-1547592166-23ac45744acd?auto=format&fit=crop&w=800&q=85")}.c2 .photo{background-image:url("https://images.unsplash.com/photo-1473093295043-cdd812d0e601?auto=format&fit=crop&w=800&q=85")}.c3 .photo{background-image:url("https://images.unsplash.com/photo-1599490659213-e2b9527bd087?auto=format&fit=crop&w=800&q=85")}.c4 .photo{background-image:url("https://images.unsplash.com/photo-1601050690597-df0568f70950?auto=format&fit=crop&w=800&q=85")}.cat-grid small{display:block;color:#d95136;font-size:8px;margin-top:20px}.cat-grid h3{font-family:serif;font-size:23px;margin:7px 0}.cat-grid p{font-size:10px;color:#6c7668}.cat-grid b{position:absolute;right:0;bottom:0;font-size:7px}.brand-story{min-height:720px;display:grid;grid-template-columns:55% 45%}.story-photo{background:url("https://images.unsplash.com/photo-1606914469633-bd39206ea739?auto=format&fit=crop&w=1500&q=88") center/cover}.story-copy{background:#d95136;color:#fff;padding:100px 5vw}.story-copy>span{color:#ffe8cf}.story-copy h2{font-family:serif;font-size:53px;line-height:1.1}.story-copy p{font-size:12px;line-height:1.8}.keywords{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff66;border-bottom:1px solid #ffffff66;margin:35px 0}.keywords b{padding:20px 5px;font-size:9px;border-right:1px solid #ffffff66}.story-copy>a{font-size:9px}.best{padding:110px 7vw}.best-head{display:grid;grid-template-columns:180px 1fr auto;align-items:end}.best-head h2{font-family:serif;font-size:48px;margin:0}.best-head>a{font-size:9px}.best-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px}.bp{height:420px;background-size:cover;background-position:center}.p1{background-image:url("https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=900&q=85")}.p2{background-image:url("https://images.unsplash.com/photo-1473093295043-cdd812d0e601?auto=format&fit=crop&w=900&q=85")}.p3{background-image:url("https://images.unsplash.com/photo-1601050690597-df0568f70950?auto=format&fit=crop&w=900&q=85")}.best-grid small{display:block;margin-top:18px;color:#d95136;font-size:8px}.best-grid h3{font-family:serif;font-size:20px;margin:7px 0}.best-grid p{font-size:10px;color:#6f786b}.quality{padding:110px 7vw;background:#293421;color:#fff;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.qcopy>span{color:#f6bd60}.qcopy h2{font-family:serif;font-size:50px;line-height:1.15}.qcopy p{font-size:11px;line-height:1.8;color:#c2c9bc}.qcopy>a{display:inline-block;margin-top:25px;font-size:9px;border-bottom:1px solid #fff;padding-bottom:7px}.qcards{display:grid;grid-template-columns:1fr 1fr}.qcards article{min-height:220px;padding:28px;border:1px solid #ffffff22}.qcards b{font-size:8px;color:#f6bd60}.qcards i{display:block;font-style:normal;font-size:7px;letter-spacing:.14em;margin-top:55px;color:#9ca795}.qcards h3{font-family:serif;font-size:21px;margin:8px 0}.qcards p{font-size:9px;color:#aeb8aa}.oem{padding:110px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.oem-photo{height:560px;border-radius:250px 250px 10px 10px;background:url("https://images.unsplash.com/photo-1556911220-bff31c812dba?auto=format&fit=crop&w=1100&q=88") center/cover}.oem h2{font-family:serif;font-size:48px;line-height:1.2}.oem p,.oem li{font-size:11px;line-height:1.8;color:#6f786b}.oem ul{padding-left:18px}.oem a{display:inline-block;margin-top:20px;font-size:9px;border-bottom:1px solid #293421;padding-bottom:7px}.news{padding:100px 7vw;background:#f1e7d1}.news-head{display:grid;grid-template-columns:180px 1fr auto;align-items:end}.news-head h2{font-family:serif;font-size:45px;margin:0}.news-head>a{font-size:9px}.news-list{margin-top:50px;border-top:1px solid #293421}.news-list a{display:grid;grid-template-columns:120px 1fr 80px;padding:22px 5px;border-bottom:1px solid #bdb7a9}.news-list time,.news-list span{font-size:8px;color:#7c796f}.news-list b{font-size:12px}.contact{padding:100px 7vw;background:#f6bd60}.contact h2{font-family:serif;font-size:58px}.contact>a{display:flex;justify-content:space-between;border-top:1px solid #293421;border-bottom:1px solid #293421;padding:18px 0;font-size:10px}.contact>a b{font-size:20px}footer{background:#1c2618;color:#899483;padding:50px 5vw;display:grid;grid-template-columns:1.3fr .7fr 1fr .8fr;gap:45px;font-size:8px;line-height:1.8}.flogo{font-family:serif;font-size:25px;color:#fff}.flogo small{display:block;font-family:Arial;font-size:6px;letter-spacing:.15em}footer b{color:#fff}footer a{display:block;margin:7px 0}.copy{grid-column:1/-1;border-top:1px solid #35402f;padding-top:20px}.subhero{height:620px;padding-top:82px;position:relative;background:#f3e9cd;overflow:hidden}.subphoto{position:absolute;right:0;top:82px;width:50%;height:538px;background:linear-gradient(90deg,#f3e9cd,#f3e9cd00),url("https://images.unsplash.com/photo-1498837167922-ddd27525d352?auto=format&fit=crop&w=1400&q=85") center/cover}.subcopy{position:absolute;left:7vw;bottom:70px}.subcopy h1,.subintro h2{font-family:serif;font-size:58px;line-height:1.1}.subcopy p{font-size:11px;line-height:1.8;max-width:480px}.subbody{padding:100px 7vw}.subintro{display:grid;grid-template-columns:160px 1fr .6fr;gap:30px}.subintro h2{margin:0}.subintro p{font-size:11px;line-height:1.8;color:#6f786b}.detail{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #293421}.detail article{min-height:260px;padding:28px;border-right:1px solid #c6c1b4;border-bottom:1px solid #c6c1b4}.detail span{font-size:8px;color:#d95136}.detail small{display:block;margin-top:60px;font-size:7px;letter-spacing:.12em}.detail h3{font-size:13px;line-height:1.75;font-weight:500}.form{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;margin-top:70px;border-top:1px solid #293421;padding-top:45px}.form>div>span{font-size:8px;color:#d95136}.form h3{font-family:serif;font-size:32px}.form>div p{font-size:10px;color:#6f786b}.form input,.form select,.form textarea{width:100%;height:48px;background:transparent;border:0;border-bottom:1px solid #aaa395;padding:10px 0;margin-bottom:12px}.form textarea{height:110px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form label{font-size:9px}.form label input{width:auto;height:auto}.form button{display:block;margin-top:18px;background:#d95136;color:#fff;border:0;padding:15px 25px;font-size:9px}@media(max-width:900px){header{height:64px;padding:0 20px}header nav,.shop{display:none}.hamb{display:block;margin-left:auto;border:0;background:none}.hamb i{display:block;width:25px;height:1px;background:#293421;margin:6px}aside{position:fixed;z-index:49;inset:0;background:#293421;color:#fff;padding:95px 25px;flex-direction:column}aside.open{display:flex}aside a{font-family:serif;font-size:28px;border-bottom:1px solid #ffffff22;padding:10px 0}.hero{height:750px;padding-top:64px}.hero-photo{top:64px;right:0;width:100%;height:686px;opacity:.35;border-radius:0}.hero-copy{left:24px;top:155px}.hero h1{font-size:57px}.stamp{display:none}.intro{padding:80px 24px;grid-template-columns:1fr}.category{padding:80px 24px}.cat-title{display:block}.cat-title h2{font-size:44px;margin-top:20px}.cat-grid{grid-template-columns:1fr 1fr}.cat-grid .photo{height:280px}.brand-story{grid-template-columns:1fr}.story-photo{height:400px}.story-copy{padding:70px 24px}.story-copy h2{font-size:43px}.best{padding:80px 24px}.best-head{grid-template-columns:1fr}.best-head h2{font-size:40px;margin:20px 0}.best-grid{grid-template-columns:1fr}.bp{height:390px}.quality{padding:80px 24px;grid-template-columns:1fr}.oem{padding:80px 24px;grid-template-columns:1fr}.oem-photo{height:420px}.news{padding:80px 24px}.news-head{grid-template-columns:1fr}.news-head h2{font-size:38px;margin:20px 0}.news-list a{grid-template-columns:90px 1fr}.news-list span{display:none}.contact{padding:80px 24px}.contact h2{font-size:46px}footer{grid-template-columns:1fr;padding:45px 24px}.subhero{padding-top:64px}.subphoto{top:64px;width:100%;height:556px;opacity:.3}.subcopy{left:24px;right:24px}.subcopy h1,.subintro h2{font-size:45px}.subbody{padding:80px 24px}.subintro{grid-template-columns:1fr}.detail{grid-template-columns:1fr}.form{grid-template-columns:1fr}.two{grid-template-columns:1fr}}
/* multi-level navigation */header nav{align-self:stretch;align-items:stretch}.nav-item{position:relative;display:flex;align-items:center}.nav-main{height:100%;display:flex;align-items:center;position:relative}.nav-main:after{content:"";position:absolute;left:0;right:100%;bottom:19px;height:2px;background:#d95136;transition:.25s}.nav-item:hover .nav-main:after{right:0}.dropdown{position:absolute;top:82px;left:50%;transform:translate(-50%,12px);width:300px;background:#fffaf0;border:1px solid #293421;box-shadow:0 18px 35px #29342118;padding:22px;opacity:0;visibility:hidden;transition:.22s;pointer-events:none}.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}.drop-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #cfc9ba;padding-bottom:15px;margin-bottom:8px}.drop-title small{font-size:6px;letter-spacing:.15em;color:#d95136}.drop-title strong{font-family:serif;font-size:19px}.drop-links a{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;border-bottom:1px solid #e1dccf;font-size:11px;transition:.2s}.drop-links a:hover{padding-left:10px;color:#d95136;background:#f4ecd9}.drop-links a b{font-size:9px}aside details{border-bottom:1px solid #ffffff22}aside summary{list-style:none;font-family:serif;font-size:27px;padding:11px 0;cursor:pointer}aside summary::-webkit-details-marker{display:none}aside summary:after{content:"+";float:right;font-family:Arial;font-size:18px}aside details[open] summary:after{content:"−"}aside details div{padding:0 0 12px 14px}aside details div a{font-family:Arial;font-size:12px;border:0;padding:7px 0;color:#cbd4c7}.mobile-product{margin-top:20px!important;font-family:Arial!important;font-size:12px!important;border:1px solid #ffffff55!important;padding:14px!important}@media(max-width:900px){.dropdown{display:none}header nav{display:none}aside>a:not(.mobile-product){display:none}}
/* dropdown usability fix: header와 서브박스 사이의 마우스 이동구간 유지 */.nav-item:after{content:"";position:absolute;left:-25px;right:-25px;top:100%;height:18px;background:transparent}.dropdown{top:76px;transform:translate(-50%,8px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .28s}.nav-item:hover .dropdown,.nav-item:focus-within .dropdown,.dropdown:hover{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto;transition-delay:0s}.dropdown:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px;background:transparent}
.nav-item.menu-hold .dropdown{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto;transition-delay:0s}
/* dropdown hover stability fix */.nav-item{padding:0 0}.nav-item:after{content:"";position:absolute;left:-20px;right:-20px;top:100%;height:18px;background:transparent}.dropdown{top:76px;transform:translate(-50%,6px);transition:opacity .28s ease,visibility .28s ease,transform .28s ease}.nav-item:hover .dropdown,.nav-item:focus-within .dropdown,.dropdown:hover{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}.dropdown:before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;background:transparent}@media(max-width:900px){.nav-item:after,.dropdown:before{display:none}}
.nav-item.menu-open .dropdown{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}