@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap";:root{--color-blue: #00aeef;--color-light-gray: #edebe9;--color-cool-gray: #f7f7f8;--color-gray: #cccccc;--color-charcoal-gray: #333333;--color-dark-gray: #545454;--color-black: #333333;--color-white: #ffffff;--color-beige: #fdfbf7;--color-creamy-white: #f9f6f0;--color-warm-white: #fdfbf7;--font-family-base: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-base-plus: 1.125rem;--font-size-m: 1.25rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-weight-regular: 400;--button-font-weight: 500;--font-weight-bold: 700;--line-height-base: 1.6;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 3rem;--button-line-height: 3.125rem;--button-font-size: var(--font-size-sm);--button-padding: 0 var(--space-2);--break-point: 768px}body{font-family:Noto Sans KR,sans-serif}html,body{-webkit-user-select:none;user-select:none}.btn,.btn-outline{display:inline-block;background-color:var(--color-white);line-height:var(--button-line-height);color:var(--color-black);font-weight:var(--button-font-weight);text-decoration:none;text-align:center;cursor:pointer;width:18.75rem;height:3.125rem}.btn-outline{border:1px solid var(--color-black)}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:var(--color-white);border:none;align-content:center;font-size:var(--font-size-base);cursor:pointer;padding:0 var(--space-1) .3rem;z-index:99;opacity:0;transition:opacity .2s}.nav-arrow.left{left:0}.nav-arrow.right{right:0}.product-list-wrapper:hover .nav-arrow{display:block;opacity:1}.product-card{position:relative;display:flex;flex-flow:column wrap;background-color:var(--color-beige)}.product-card .full-link{text-decoration:none;color:var(--color-black)}.product-card figure{display:flex;flex-flow:column;padding:var(--space-1)}.product-card figure figcaption{display:flex;flex-flow:column;align-items:center;order:1;gap:var(--space-1)}.product-card figure figcaption div{font-size:var(--font-size-base)}.product-card figure figcaption p{font-size:var(--font-size-sm)}.product-card figure img{order:2;width:100%;height:auto;object-fit:contain;padding-top:var(--space-2)}.product-list-wrapper{position:relative}.product-container{background-color:var(--color-beige);position:relative;overflow:hidden;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.list-product{display:grid;grid-auto-columns:calc((100% / 3) + var(--space-5));grid-auto-flow:column;grid-template-rows:1fr;align-items:stretch;gap:var(--space-1);padding:var(--space-5)}.list-product li{border-left:1px solid var(--color-gray);scroll-snap-align:start}@media (max-width: 768px){.list-product{grid-auto-columns:calc(50% + var(--space-1));padding-inline:var(--space-2)}}