*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);font-weight:400;font-size:16px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}h1,h2,h3{margin:0;font-weight:700;text-wrap:balance}:focus-visible{outline:2px solid var(--sage);outline-offset:3px}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}.eyebrow{margin:0;font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-deep);display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:22px;height:1px;background:var(--sage);flex:none}.banners{padding-block:0}.banner-main{display:block;position:relative;overflow:hidden;background:var(--paper-2)}.banner-main img{width:100%;height:auto;display:block;transition:transform 1.2s var(--ease)}.banner-main:hover img{transform:scale(1.015)}.banner-ph{width:100%;aspect-ratio:5 / 2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--rule);background:var(--card);text-align:center;padding:24px}.banner-ph span{font-size:15px;font-weight:500;color:var(--ink-60)}.banner-ph small{font-size:12.5px;color:var(--ink-40)}.marquee{border-block:1px solid var(--rule);background:var(--paper-2);padding-block:15px;overflow:hidden;display:flex;user-select:none}.marquee-track{display:flex;flex:none;gap:40px;padding-right:40px;animation:slide 36s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes slide{to{transform:translate(-100%)}}.marquee-track span{font-size:13px;letter-spacing:.05em;color:var(--ink-60);white-space:nowrap;display:flex;align-items:center;gap:40px}.marquee-track span:after{content:"◦";color:var(--sage)}.sec{padding-block:clamp(56px,7.5vw,96px)}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:clamp(26px,3.4vw,40px)}.sec-head h2{font-size:clamp(25px,3.2vw,38px);line-height:1.3;letter-spacing:-.03em;margin-top:14px}.sec-head p.lead{margin:12px 0 0;color:var(--ink-60);font-size:15px;max-width:38em}.more{font-size:13px;font-weight:500;color:var(--ink-60);padding-bottom:4px;border-bottom:1px solid var(--rule);transition:color .28s var(--ease),border-color .28s var(--ease)}.more:hover{color:var(--sage-deep);border-color:var(--sage)}.prdList{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.2vw,32px) clamp(14px,1.6vw,24px)}@media(max-width:1000px){.prdList{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.prdList{grid-template-columns:repeat(2,minmax(0,1fr))}}.prdList>li{position:relative}.thumbnail{position:relative;margin-bottom:15px}.prdImg{position:relative;overflow:hidden;border-radius:2px;aspect-ratio:1/1;background:var(--paper-2)}.prdImg>a{display:block;width:100%;height:100%}.prdImg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s var(--ease)}.prdList>li:hover .prdImg img{transform:scale(1.055)}.bean{width:100%;height:100%;transition:transform 1.1s var(--ease)}.bean:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.5;pointer-events:none}.roast-l{background:radial-gradient(120% 110% at 30% 22%,#c9a97e,#a9865c 52%,#8a6a45)}.roast-m{background:radial-gradient(120% 110% at 30% 22%,#9c7550,#7a563a 52%,#5c3f2a)}.roast-d{background:radial-gradient(120% 110% at 30% 22%,#6b4b34,#4c3423 52%,#33231a)}.roast-g{background:radial-gradient(120% 110% at 30% 22%,#a9b085,#87905f 52%,#697248)}.prdList>li:hover .bean{transform:scale(1.055)}.quick{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;display:flex;gap:6px;transform:translateY(calc(100% + 12px));opacity:0;transition:transform .42s var(--ease),opacity .42s var(--ease)}.quick button{flex:1;cursor:pointer;font-family:var(--f);font-size:13px;font-weight:500;padding:11px 8px;border:0;border-radius:2px;background:color-mix(in srgb,var(--ink) 92%,transparent);color:var(--paper);backdrop-filter:blur(6px);transition:background .26s var(--ease)}.quick button:hover{background:var(--sage-deep)}.quick button.icon{flex:none;width:42px;background:color-mix(in srgb,var(--card) 90%,transparent);color:var(--ink)}.quick button.icon:hover{background:var(--card);color:var(--sage-deep)}@media(hover:none){.quick{position:static;transform:none;opacity:1;margin-top:8px}}.description .name{display:block;font-size:14.5px;font-weight:500;line-height:1.5;letter-spacing:-.015em}.description .name a{background-image:linear-gradient(var(--sage),var(--sage));background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .45s var(--ease);padding-bottom:1px}.prdList>li:hover .description .name a{background-size:100% 1px}.spec{margin-top:7px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.price{font-size:14.5px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.cup{font-size:12.5px;color:var(--ink-40)}.rv{opacity:0;transform:translateY(22px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.rv.in{opacity:1;transform:none}.pillars{background:var(--roast);color:#e9e4da}.pillars .eyebrow{color:#b7be94}.pillars .eyebrow:before{background:#b7be94}.pillars h2{font-size:clamp(24px,3vw,36px);line-height:1.36;letter-spacing:-.03em;margin-top:14px}.pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e9e4da2e;margin-top:clamp(32px,4.4vw,52px)}@media(max-width:820px){.pillar-grid{grid-template-columns:1fr}}.pillar{background:var(--roast);padding:clamp(26px,3vw,36px) clamp(22px,2.4vw,30px)}.pillar .tag{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#b7be94}.pillar h3{font-size:19px;margin-block:14px 12px;letter-spacing:-.02em}.pillar p{margin:0;font-size:14.5px;line-height:1.85;color:#e9e4dac2}.rental .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,56px);align-items:start;border:1px solid var(--rule);border-radius:3px;padding:clamp(30px,4vw,50px) clamp(24px,3.4vw,46px);background:var(--card)}@media(max-width:880px){.rental .wrap{grid-template-columns:1fr}}.rental h2{font-size:clamp(24px,3vw,34px);line-height:1.36;letter-spacing:-.03em;margin-block:14px 12px}.rental>.wrap>div>p{margin:0;color:var(--ink-60);font-size:15px;max-width:36em}.rental-tel{display:inline-block;margin-top:22px;font-size:clamp(26px,3vw,34px);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;border-bottom:2px solid transparent;transition:border-color .3s var(--ease),color .3s var(--ease)}.rental-tel:hover{border-bottom-color:var(--sage);color:var(--sage-deep)}.rental-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-block;font-family:var(--f);font-size:14.5px;font-weight:500;padding:14px 26px;border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:var(--paper);cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}.btn:hover{background:var(--sage-deep);border-color:var(--sage-deep);transform:translateY(-2px)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--rule)}.btn.ghost:hover{background:transparent;color:var(--sage-deep);border-color:var(--sage)}.terms{border-top:1px solid var(--rule);padding-top:6px}@media(max-width:880px){.terms{border-top:0;padding-top:0}}.terms li{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--rule);font-size:14.5px;line-height:1.7}.terms li .k{font-size:11.5px;font-weight:500;letter-spacing:.06em;color:var(--sage-deep);padding-top:5px;white-space:nowrap}.terms li strong{font-weight:500}.faq-list{border-top:1px solid var(--ink)}.faq{border-bottom:1px solid var(--rule)}.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:20px 2px;font-size:16px;font-weight:500;letter-spacing:-.015em;transition:color .25s var(--ease)}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--sage-deep)}.faq summary .plus{position:relative;width:14px;height:14px;flex:none;opacity:.5;transition:transform .35s var(--ease),opacity .25s var(--ease)}.faq summary .plus:before,.faq summary .plus:after{content:"";position:absolute;background:currentColor;left:0;top:50%;width:14px;height:1.5px;margin-top:-.75px}.faq summary .plus:after{transform:rotate(90deg);transition:transform .35s var(--ease)}.faq[open] summary{color:var(--sage-deep)}.faq[open] summary .plus{transform:rotate(180deg);opacity:1}.faq[open] summary .plus:after{transform:rotate(0)}.faq-body{overflow:hidden}.faq-body p{margin:0;padding:2px 0 24px;max-width:56em;color:var(--ink-60);font-size:15px;line-height:1.9}.faq[open] .faq-body{animation:reveal .42s var(--ease)}@keyframes reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,44px)}@media(max-width:820px){.boards{grid-template-columns:1fr}}.board h3{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40);padding-bottom:12px;border-bottom:1px solid var(--ink)}.board li{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--rule)}.board li a{font-size:14.5px;color:var(--ink-60);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .25s var(--ease)}.board li:hover a{color:var(--sage-deep)}.board li time{font-size:12px;color:var(--ink-40);font-variant-numeric:tabular-nums}:root{--paper:#FFFFFF;--paper-2:#F4F4F0;--card:#FAFAF8;--ink:#16180F;--ink-60:#5C6050;--ink-40:#93968A;--rule:#E3E3DC;--roast:#4B3626;--sage:#6E7D46;--sage-deep:#556135;--f:"Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif;--wrap:1760px;--gut:clamp(20px,4vw,72px);--ease:cubic-bezier(.22,.61,.36,1)}.syn-hd,.syn-ft{font-family:var(--f);color:var(--ink);line-height:1.7}.syn-hd *,.syn-hd *:before,.syn-hd *:after,.syn-ft *,.syn-ft *:before,.syn-ft *:after{box-sizing:border-box}.syn-hd ul,.syn-hd li,.syn-ft ul,.syn-ft li,.syn-ft dl,.syn-ft dt,.syn-ft dd{margin:0;padding:0;list-style:none;background:none;border:0}.syn-hd li,.syn-ft li{float:none;width:auto;min-height:0;height:auto;text-align:left;line-height:inherit}.syn-hd p,.syn-ft p,.syn-hd h1,.syn-ft h2,.syn-ft h3{margin:0;padding:0}.syn-hd img,.syn-ft img{max-width:100%;display:block;border:0}.syn-hd div,.syn-ft div{float:none}.syn-hd strong,.syn-hd span,.syn-ft strong,.syn-ft span{font-weight:inherit;color:inherit}.syn-hd button{font-family:inherit;cursor:pointer;border:0;background:none;padding:0;color:inherit}.syn-hd :focus-visible,.syn-ft :focus-visible{outline:2px solid var(--sage);outline-offset:3px}.syn-hd-wrap,.syn-ft-wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}.syn-hd{position:sticky;top:0;z-index:400;background:var(--paper);border-bottom:1px solid var(--rule)}.syn-hd-util{border-bottom:1px solid var(--rule);background:var(--paper-2)}.syn-hd-util .syn-hd-wrap{display:flex;justify-content:flex-end;align-items:center;gap:0;min-height:36px}.syn-hd-util a{font-size:12.5px;color:var(--ink-60);padding:8px 12px;transition:color .25s var(--ease)}.syn-hd-util a:hover{color:var(--sage-deep)}.syn-hd-util .me{font-size:12.5px;color:var(--ink-60);padding:8px 4px 8px 12px}.syn-hd-util .me b{font-weight:500;color:var(--ink)}@media(max-width:760px){.syn-hd-util{display:none}}.syn-hd-main .syn-hd-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(20px,3vw,48px);min-height:72px}@media(max-width:900px){.syn-hd-main .syn-hd-wrap{grid-template-columns:auto minmax(0,1fr) auto;min-height:60px;gap:12px}}.syn-logo{font-size:22px;font-weight:700;letter-spacing:-.03em;white-space:nowrap;line-height:1}.syn-logo em{font-style:normal;color:var(--ink)}.syn-logo{display:inline-flex;align-items:center}.syn-nav{display:flex;justify-content:center}.syn-nav>ul{display:flex;gap:clamp(14px,2.4vw,38px)}.syn-nav>ul>li>a{position:relative;display:block;padding:24px 2px;font-size:15.5px;font-weight:500;letter-spacing:-.015em;white-space:nowrap;transition:color .25s var(--ease)}.syn-nav>ul>li>a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:1.5px;background:var(--sage);transform:scaleX(0);transform-origin:left;transition:transform .38s var(--ease)}.syn-nav>ul>li>a:hover{color:var(--sage-deep)}.syn-nav>ul>li>a:hover:after{transform:scaleX(1)}@media(max-width:900px){.syn-nav{display:none}}.syn-hd-act{display:flex;align-items:center;gap:4px;justify-self:end}.syn-ico{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:2px;transition:background .25s var(--ease),color .25s var(--ease)}.syn-ico:hover{background:var(--paper-2);color:var(--sage-deep)}.syn-ico svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.syn-ico .cnt{position:absolute;top:3px;right:3px;min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:var(--sage-deep);color:#fff;font-size:10.5px;font-weight:500;line-height:17px;text-align:center;font-variant-numeric:tabular-nums}.syn-burger{display:none}@media(max-width:900px){.syn-burger{display:flex}}.syn-search{display:none;border-top:1px solid var(--rule);background:var(--paper)}.syn-search.on{display:block;animation:synDrop .3s var(--ease)}@keyframes synDrop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.syn-search form{display:flex;align-items:center;gap:14px;padding-block:22px}.syn-search input[type=text]{flex:1;min-width:0;border:0;border-bottom:1px solid var(--rule);background:none;font-family:var(--f);font-size:clamp(17px,2.4vw,24px);font-weight:500;letter-spacing:-.02em;color:var(--ink);padding:10px 2px;outline:none;transition:border-color .3s var(--ease)}.syn-search input[type=text]::placeholder{color:var(--ink-40);font-weight:400}.syn-search input[type=text]:focus{border-bottom-color:var(--sage)}.syn-search button[type=submit]{flex:none;padding:13px 26px;border-radius:2px;background:var(--ink);color:#fff;font-size:14.5px;font-weight:500;transition:background .28s var(--ease)}.syn-search button[type=submit]:hover{background:var(--sage-deep)}.syn-drawer{position:fixed;inset:0;z-index:500;visibility:hidden;pointer-events:none}.syn-drawer.on{visibility:visible;pointer-events:auto}.syn-drawer-dim{position:absolute;inset:0;background:#16180f73;opacity:0;transition:opacity .35s var(--ease)}.syn-drawer.on .syn-drawer-dim{opacity:1}.syn-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(84vw,340px);background:var(--paper);display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s var(--ease);overflow-y:auto}.syn-drawer.on .syn-drawer-panel{transform:none}.syn-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--rule)}.syn-drawer-nav{padding:8px 20px 20px}.syn-drawer-nav a{display:block;padding:15px 0;border-bottom:1px solid var(--rule);font-size:16px;font-weight:500;letter-spacing:-.015em}.syn-drawer-nav a:hover{color:var(--sage-deep)}.syn-drawer-sub{padding:18px 20px 28px;background:var(--paper-2);margin-top:auto}.syn-drawer-sub a{display:flex;align-items:center;gap:9px;padding:9px 0;font-size:14px;color:var(--ink-60)}.syn-drawer-sub .contact{margin-top:14px;padding-top:16px;border-top:1px solid var(--rule)}.syn-drawer-sub .tel{display:flex;align-items:center;gap:9px;padding:0;font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}.syn-drawer-sub .tel .ch-ico{width:19px;height:19px;stroke:var(--ink)}.syn-drawer-sub .talk{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:13px 14px;border-radius:3px;background:#03c75a;color:#fff;font-size:14.5px;font-weight:500}.syn-drawer-sub .talk .talk-ico{flex:none;display:block}.syn-ft{background:var(--paper-2);border-top:1px solid var(--rule);margin-top:clamp(48px,7vw,88px)}.syn-ft-top .syn-ft-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(32px,5vw,72px);padding-block:clamp(40px,5vw,64px)}@media(max-width:880px){.syn-ft-top .syn-ft-wrap{grid-template-columns:1fr;gap:36px}}.syn-ft-brand .nm{font-size:20px;font-weight:700;letter-spacing:-.03em}.syn-ft-brand .nm em{font-style:normal;color:var(--ink)}.syn-ft-brand .since{margin-top:5px;font-size:12px;letter-spacing:.16em;color:var(--ink-40)}.syn-ft-brand .cs{margin-top:20px;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40)}.syn-ft-brand .tel{display:inline-block;margin-top:6px;font-size:clamp(26px,3vw,32px);font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums;border-bottom:2px solid transparent;transition:border-color .3s var(--ease),color .3s var(--ease)}.syn-ft-brand .tel:hover{border-bottom-color:var(--sage);color:var(--sage-deep)}.syn-ft-brand .hint{margin-top:8px;font-size:13.5px;color:var(--ink-60)}.syn-ft-ch{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.syn-ft-ch a{padding:9px 16px;border:1px solid var(--rule);border-radius:2px;background:var(--paper);font-size:13px;font-weight:500;transition:background .28s var(--ease),border-color .28s var(--ease),color .28s var(--ease)}.syn-ft-ch a:hover{background:var(--roast);border-color:var(--roast);color:#ede8de}.syn-ft-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}@media(max-width:560px){.syn-ft-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}}.syn-ft-cols h3{font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40);margin-bottom:14px}.syn-ft-cols li a{display:block;padding:6px 0;font-size:14px;color:var(--ink-60);transition:color .25s var(--ease)}.syn-ft-cols li a:hover{color:var(--sage-deep)}.syn-ft-legal{border-top:1px solid var(--rule)}.syn-ft-legal .syn-ft-wrap{padding-block:26px 34px}.syn-ft-legal dl{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:12.5px;color:var(--ink-60);line-height:1.9}.syn-ft-legal dl>div{display:flex;gap:7px}.syn-ft-legal dt{color:var(--ink-40)}.syn-ft-legal dd{margin:0}.syn-ft-copy{margin-top:16px;font-size:12px;color:var(--ink-40);letter-spacing:.02em}@media(prefers-reduced-motion:reduce){.rv{transform:none!important;opacity:1!important;transition:none!important}.banner-main:hover img,.hero-slider .slide img,.prdList>li:hover .prdImg img{transform:none!important}.fab:hover,.btn:hover,.syn-hd-act .btn.store:hover{transform:none!important}.syn-drawer-panel{transition:none!important}}.skip{position:absolute;left:-9999px}.skip:focus{position:fixed;left:12px;top:12px;z-index:900;padding:10px 16px;border-radius:2px;background:var(--ink);color:#fff}.roast-light{background:radial-gradient(120% 110% at 30% 22%,#c9a97e,#a9865c 52%,#8a6a45)}.roast-medium{background:radial-gradient(120% 110% at 30% 22%,#9c7550,#7a563a 52%,#5c3f2a)}.roast-dark{background:radial-gradient(120% 110% at 30% 22%,#6b4b34,#4c3423 52%,#33231a)}.roast-green{background:radial-gradient(120% 110% at 30% 22%,#a9b085,#87905f 52%,#697248)}.syn-hd-util .syn-hd-wrap{justify-content:flex-end;gap:0}.syn-hd-util .tel{font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}.syn-nav li.has-sub{position:relative}.syn-nav .caret{display:inline-flex;margin-left:5px;vertical-align:-2px;opacity:.45;transition:transform .28s var(--ease),opacity .28s var(--ease)}.syn-nav .caret svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}.syn-nav li.has-sub:hover .caret,.syn-nav li.has-sub:focus-within .caret{transform:rotate(180deg);opacity:.9}.syn-nav .sub{position:absolute;top:100%;left:50%;z-index:10;min-width:172px;padding:7px;margin:0;display:flex;flex-direction:column;gap:1px;list-style:none;background:var(--paper);border:1px solid var(--rule);border-radius:3px;box-shadow:0 14px 34px #16180f1a;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,6px);transition:opacity .24s var(--ease),transform .24s var(--ease),visibility .24s}.syn-nav li.has-sub:hover>.sub,.syn-nav li.has-sub:focus-within>.sub{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.syn-nav .sub a{display:block;padding:11px 15px;border-radius:2px;font-size:14.5px;font-weight:400;white-space:nowrap;color:var(--ink-60);transition:background .22s var(--ease),color .22s var(--ease)}.syn-nav .sub a:after{display:none}.syn-nav .sub a:hover{background:var(--paper-2);color:var(--sage-deep)}.syn-nav>ul>li>a[aria-current=page]{color:var(--ink)}.syn-nav>ul>li>a[aria-current=page]:after{transform:scaleX(1)}.syn-hd-act .btn.store{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 18px;border-radius:2px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-size:14px;font-weight:500;white-space:nowrap;transition:background .28s var(--ease),border-color .28s var(--ease),transform .28s var(--ease)}.syn-hd-act .btn.store:hover{background:var(--sage-deep);border-color:var(--sage-deep);transform:translateY(-1px)}.syn-hd-act .btn.store svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.7}@media(max-width:560px){.syn-hd-act .btn.store{display:none}}.syn-drawer-nav a.depth2{padding-left:14px;font-size:14.5px;font-weight:400;color:var(--ink-60);position:relative}.syn-drawer-nav a.depth2:before{content:"";position:absolute;left:0;top:50%;width:6px;height:1px;background:var(--rule)}.prdList>li .prd-link{display:block}.prdList .quick{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;display:flex;transform:translateY(calc(100% + 12px));opacity:0;transition:transform .42s var(--ease),opacity .42s var(--ease)}.prdList>li:hover .quick,.prdList>li:focus-within .quick{transform:none;opacity:1}.prdList .buy{flex:1;text-align:center;padding:12px 8px;border-radius:2px;background:color-mix(in srgb,var(--ink) 92%,transparent);color:var(--paper);font-size:13px;font-weight:500;backdrop-filter:blur(6px)}@media(hover:none){.prdList .quick{position:static;transform:none;opacity:1;margin-top:8px}.prdList .buy{background:var(--ink)}}.prdList .description .name span{background-image:linear-gradient(var(--sage),var(--sage));background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .45s var(--ease);padding-bottom:1px}.prdList>li:hover .description .name span{background-size:100% 1px}.floating{position:fixed;right:clamp(14px,2.4vw,28px);bottom:clamp(14px,2.4vw,28px);z-index:300;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.fab{display:inline-flex;align-items:center;gap:9px;padding:14px 20px;border-radius:100px;font-size:14.5px;font-weight:500;letter-spacing:-.01em;box-shadow:0 6px 24px #16180f38;transition:background .28s var(--ease),transform .28s var(--ease)}.fab svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.fab:hover{transform:translateY(-2px)}.fab.tel{background:var(--ink);color:var(--paper)}.fab.tel:hover{background:var(--sage-deep)}.fab.talk{background:#03c75a;color:#fff}.fab.talk svg{fill:#fff;stroke:none}.fab.talk:hover{background:#02b152}@media(max-width:560px){.fab{padding:14px;border-radius:50%}.fab span{display:none}}.page-hero{padding-block:clamp(44px,6vw,84px) clamp(36px,4.6vw,64px);background:var(--paper)}.page-hero h1{font-size:clamp(30px,4.6vw,54px);line-height:1.22;letter-spacing:-.035em;font-weight:700;margin-top:18px;max-width:20em}.page-hero .lead{margin:18px 0 0;font-size:clamp(15px,1.6vw,17.5px);line-height:1.85;color:var(--ink-60);max-width:38em}.page-hero.dark{background:var(--roast);color:#e9e4da}.page-hero.dark .eyebrow{color:#b7be94}.page-hero.dark .eyebrow:before{background:#b7be94}.page-hero.dark .lead{color:#e9e4dac7}.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.page-hero.dark .hero-cta .btn{background:#ede8de;border-color:#ede8de;color:var(--roast)}.page-hero.dark .hero-cta .btn:hover{background:#fff;border-color:#fff;color:var(--roast)}.place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:3px;overflow:hidden}@media(max-width:820px){.place-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.place-grid{grid-template-columns:1fr}}.place-grid li{background:var(--paper);padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;gap:7px;transition:background .28s var(--ease)}.place-grid li:hover{background:var(--card)}.place-grid strong{font-size:17px;font-weight:700;letter-spacing:-.02em}.place-grid span{font-size:14px;color:var(--ink-60)}.step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#e9e4da2e;margin-top:clamp(32px,4.4vw,52px);list-style:none;padding:0}@media(max-width:900px){.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.step-grid{grid-template-columns:1fr}}.step-grid li{background:var(--roast);padding:clamp(26px,3vw,34px) clamp(22px,2.4vw,28px)}.step-grid .no{font-size:12px;font-weight:500;letter-spacing:.14em;color:#b7be94;font-variant-numeric:tabular-nums}.step-grid h3{font-size:18px;font-weight:700;letter-spacing:-.02em;margin:12px 0 10px;line-height:1.4}.step-grid p{margin:0;font-size:14px;line-height:1.8;color:#e9e4dac2}.cta-band .wrap{text-align:center;border:1px solid var(--rule);border-radius:3px;background:var(--card);padding:clamp(40px,5.4vw,72px) clamp(24px,3.4vw,44px)}.cta-band h2{font-size:clamp(24px,3vw,34px);line-height:1.36;letter-spacing:-.03em}.cta-band p{margin:14px auto 0;max-width:34em;color:var(--ink-60);font-size:15.5px}.cta-band .cta-tel{display:inline-block;margin-top:26px;font-size:clamp(30px,4.4vw,48px);font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;border-bottom:3px solid transparent;transition:border-color .3s var(--ease),color .3s var(--ease)}.cta-band .cta-tel:hover{border-bottom-color:var(--sage);color:var(--sage-deep)}.cta-band .sub{margin-top:18px;font-size:13.5px;color:var(--ink-40)}.sec>.wrap>.terms{max-width:none}.post-list{border-top:1px solid var(--ink)}.post-list li{border-bottom:1px solid var(--rule)}.post-list a{display:grid;grid-template-columns:104px minmax(0,1fr);gap:6px 24px;padding:22px 4px;align-items:baseline;transition:background .24s var(--ease)}@media(max-width:620px){.post-list a{grid-template-columns:1fr;gap:6px}}.post-list time{font-size:12.5px;color:var(--ink-40);font-variant-numeric:tabular-nums;letter-spacing:.02em}.post-list strong{font-size:17px;font-weight:500;letter-spacing:-.02em;line-height:1.5;transition:color .24s var(--ease)}.post-list span{grid-column:2;font-size:14.5px;color:var(--ink-60);line-height:1.7}@media(max-width:620px){.post-list span{grid-column:1}}.post-list li:hover strong{color:var(--sage-deep)}.post{padding-block:clamp(44px,6vw,84px) clamp(48px,6vw,80px)}.post .wrap{max-width:760px}.post .eyebrow a{color:var(--sage-deep)}.post h1{font-size:clamp(26px,3.6vw,40px);line-height:1.3;letter-spacing:-.035em;font-weight:700;margin-top:16px}.post>.wrap>time{display:block;margin-top:14px;padding-bottom:26px;border-bottom:1px solid var(--rule);font-size:13px;color:var(--ink-40);font-variant-numeric:tabular-nums}.post-body{margin-top:32px;font-size:16.5px;line-height:1.95;color:var(--ink-60)}.post-body>*+*{margin-top:20px}.post-body p{margin:0}.post-body strong{font-weight:500;color:var(--ink)}.post-body h2{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin-top:38px}.post-body ul,.post-body ol{margin:0;padding-left:20px;list-style:disc}.post-body ol{list-style:decimal}.post-body li{margin-top:8px}.post-body a{color:var(--sage-deep);text-decoration:underline;text-underline-offset:3px}.post-back{margin-top:44px;padding-top:26px;border-top:1px solid var(--rule)}.terms a,.cta-band .sub a{color:var(--sage-deep);text-decoration:underline;text-underline-offset:3px}.photo{margin:0}.photo img{width:100%;height:auto;display:block;border-radius:3px;background:var(--paper-2)}.photo-ph{width:100%;aspect-ratio:var(--ratio,16/9);border-radius:3px}.photo figcaption{margin-top:14px;font-size:13.5px;color:var(--ink-40);letter-spacing:.01em}.photo-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--rule);background:var(--card);text-align:center;padding:24px}.photo-ph span{font-size:15px;font-weight:500;color:var(--ink-60)}.photo-ph small{font-size:12.5px;color:var(--ink-40)}.photo.map img,.photo.map .photo-ph{border-radius:3px}.hero-slider{position:relative;overflow:hidden;background:var(--paper-2);aspect-ratio:var(--slide-ratio,2.5)}.hero-slider .slides{position:absolute;inset:0}.hero-slider .slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .7s var(--ease),visibility .7s}.hero-slider .slide.on{opacity:1;visibility:visible}.hero-slider .slide img{width:100%;height:100%;object-fit:cover;display:block}.hero-slider .slide-caption{position:absolute;inset:auto 0 0;padding:clamp(28px,5vw,64px) 0 clamp(24px,4vw,52px);background:linear-gradient(to top,rgba(22,24,15,.72) 0%,rgba(22,24,15,.34) 55%,transparent 100%);color:#fff}.hero-slider .slide-caption strong{display:block;font-weight:700;letter-spacing:-.03em;line-height:1.3;font-size:clamp(20px,3.2vw,38px);text-shadow:0 1px 14px rgba(0,0,0,.28)}.hero-slider .slide-caption span{display:block;margin-top:10px;font-size:clamp(12.5px,1.4vw,15px);letter-spacing:.06em;color:#ffffffd1}.hero-slider .nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffd1;color:var(--ink);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s var(--ease),background .25s var(--ease)}.hero-slider .nav.prev{left:clamp(10px,2vw,24px)}.hero-slider .nav.next{right:clamp(10px,2vw,24px)}.hero-slider:hover .nav,.hero-slider:focus-within .nav{opacity:1}.hero-slider .nav:hover{background:#fff}.hero-slider .nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(hover:none){.hero-slider .nav{opacity:.9}}.hero-slider .dots{position:absolute;left:0;right:0;bottom:clamp(12px,1.8vw,20px);z-index:3;display:flex;justify-content:center;gap:8px}.hero-slider .dots button{width:8px;height:8px;border-radius:50%;padding:0;background:#ffffff80;box-shadow:0 1px 4px #00000040;transition:background .25s var(--ease),width .25s var(--ease)}.hero-slider .dots button.on{background:#fff;width:22px;border-radius:4px}.ch-ico{width:17px;height:17px;flex:none;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s var(--ease)}.ch-ico.smartstore,.ch-ico.blog{stroke:#03c75a}.ch-ico.instagram{stroke:#c13584}.ch-ico.instagram .dot{fill:#c13584;stroke:none;transition:fill .35s var(--ease)}.syn-ft-ch a{display:inline-flex;align-items:center;gap:8px}.syn-ft-ch a:hover .ch-ico{stroke:#ede8de}.syn-ft-ch a:hover .ch-ico.instagram .dot{fill:#ede8de}.ch-ico.talk{stroke:#03c75a}.ch-ico.tel{stroke:var(--ink-60)}.syn-ft-cols li a:hover .ch-ico.tel{stroke:var(--sage-deep)}.syn-ft-cols li a{display:inline-flex;align-items:center;gap:8px}.syn-hd-util a{display:inline-flex;align-items:center;gap:6px}.syn-hd-util .ch-ico{width:14px;height:14px}.syn-hd-util .ch-ico.tel{stroke:var(--ink)}.syn-hd-util a.tel:hover .ch-ico.tel{stroke:var(--sage-deep)}@media(max-width:640px){.hero-slider .nav{display:none}.hero-slider .dots{bottom:9px;gap:6px}.hero-slider .dots button{width:6px;height:6px}.hero-slider .dots button.on{width:16px;border-radius:3px}.hero-slider .slide-caption{padding:16px 0 22px}.hero-slider .slide-caption strong{font-size:16px;line-height:1.35}.hero-slider .slide-caption span{margin-top:4px;font-size:11.5px}.syn-hd-main .syn-hd-wrap{grid-template-columns:auto 1fr;min-height:54px}.syn-ico{width:36px;height:36px}.syn-ico svg{width:19px;height:19px}}.syn-logo .wm{font-family:Outfit,Apple SD Gothic Neo,sans-serif;display:flex;flex-direction:column;gap:.18em;font-size:13px;font-weight:300;letter-spacing:.34em;line-height:1;margin-right:-.34em}.syn-logo .wm em{font-style:normal;display:block;white-space:nowrap}@media(max-width:640px){.syn-logo .wm{font-size:11.5px;letter-spacing:.3em;margin-right:-.3em}}.trade-note{display:flex;align-items:center;justify-content:space-between;gap:clamp(18px,3vw,40px);flex-wrap:wrap;margin-top:clamp(28px,3.6vw,44px);padding:clamp(20px,2.6vw,28px) clamp(22px,3vw,32px);border:1px solid var(--rule);border-left:3px solid var(--sage);border-radius:3px;background:var(--card)}.tn-title{font-size:15.5px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.tn-lead{margin-top:6px;font-size:14px;line-height:1.75;color:var(--ink-60);max-width:46em}.tn-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tn-tel,.tn-talk{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:2px;font-size:14.5px;font-weight:500;white-space:nowrap;transition:background .26s var(--ease),border-color .26s var(--ease),color .26s var(--ease)}.tn-tel{background:var(--ink);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.tn-tel:hover{background:var(--sage-deep)}.tn-tel .ch-ico{stroke:#fff}.tn-talk{border:1px solid var(--rule);background:var(--paper);color:var(--ink)}.tn-talk:hover{border-color:#03c75a;color:#03c75a}.tn-talk .ch-ico{fill:#03c75a;stroke:none}.tn-talk:hover .ch-ico{fill:#03c75a}@media(max-width:640px){.trade-note{padding:18px;gap:14px}.tn-actions{width:100%}.tn-tel,.tn-talk{flex:1;justify-content:center}}.cmp{border-top:1px solid var(--ink)}.cmp-head,.cmp-row{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1fr);gap:20px;padding:16px 4px;border-bottom:1px solid var(--rule)}.cmp-head{padding-block:12px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-40)}.cmp-head .cmp-a{color:var(--sage-deep)}.cmp-k{font-size:14px;color:var(--ink-40)}.cmp-a,.cmp-b{font-size:14.5px;line-height:1.75;color:var(--ink-60)}.cmp-a{color:var(--ink)}@media(max-width:760px){.cmp-head{display:none}.cmp-row{grid-template-columns:1fr;gap:6px;padding:18px 4px}.cmp-k{font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--sage-deep)}.cmp-a:before{content:"캡슐 · 파드 — ";color:var(--ink-40)}.cmp-b:before{content:"전자동 — ";color:var(--ink-40)}}.prd-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed var(--rule);background:var(--card);text-align:center;padding:16px}.prd-ph span{font-size:14px;font-weight:500;color:var(--ink-60)}.prd-ph small{font-size:11.5px;color:var(--ink-40);word-break:break-all}