*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;color:#232522;background:#fff;font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans CJK KR",Arial,sans-serif}
body,button,input,select,textarea{font-synthesis-weight:auto}
img,svg{vertical-align:middle}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #e86b37;outline-offset:4px}
[hidden]{display:none!important}
.sample-bar,.sample-footer{font:500 12px/1.35 "Apple SD Gothic Neo","Malgun Gothic","Noto Sans CJK KR",Arial,sans-serif;letter-spacing:-.035em}
.sample-bar{background:#282923;color:#fff}
.sample-bar>div,.sample-footer>div{width:min(1440px,100%);margin:0 auto;padding:0 clamp(14px,4vw,64px);display:flex;align-items:center;gap:18px;min-height:38px}
.sample-bar a,.sample-footer a{text-decoration:none;color:inherit}
.sample-back,.sample-bar button,.sample-footer button,.sample-foot-logo{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.sample-tag{color:#dad9d4;border-left:1px solid #6d6d65;padding-left:17px}
.sample-bar button,.sample-footer button{border:0;background:none;color:inherit;font:inherit;font-weight:650;margin-left:auto;padding:8px 0;cursor:pointer}
.sample-bar :is(a,button):hover,.sample-footer :is(a,button):hover{text-decoration:underline;text-underline-offset:4px}
.sample-footer{background:#f5f4ef;color:#44463f}
.sample-footer>div{min-height:82px;flex-wrap:wrap}
.sample-foot-logo{font-size:16px;font-weight:750;color:#222}
.sample-foot-logo svg{width:24px;height:24px}
.sample-footer p{margin:0}
@media(max-width:550px){.sample-bar>div{gap:9px;font-size:11px}.sample-tag{padding-left:9px}.sample-footer>div{padding-block:18px;gap:8px 16px}.sample-footer p{order:3;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}
.sample-compare{color:#eee8d9!important;font-size:11px}
.showroom-reference{font:400 15px/1.65 "Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;background:#f4f2e9;color:#292a25;padding:clamp(28px,4vw,60px) max(5vw,calc((100vw - 1320px)/2));word-break:keep-all;border-top:2px solid #dc5631}
.showroom-reference>div{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.showroom-reference h2,.showroom-reference p{margin:0}
.showroom-reference header>span{color:#9d462e;font-size:12px;font-weight:700}
.showroom-reference h2{font-size:clamp(23px,2.7vw,37px);line-height:1.25;margin:8px 0;letter-spacing:-.065em}
.showroom-reference p{color:#54574d}
.showroom-reference a{color:inherit;display:inline-flex;gap:5px;align-items:center;text-underline-offset:3px}
.reference-source>a{margin-top:7px;font-size:13px}
.showroom-reference>nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;border-top:1px solid #d8d7cc;padding-top:15px;margin-top:22px;font-size:13px}.ref-compare{margin-left:auto;font-weight:700}
@media(max-width:600px){.showroom-reference>div{grid-template-columns:1fr;gap:18px}.showroom-reference>nav{gap:9px 15px}.ref-compare{margin-left:0}.sample-compare{display:none}}
