@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}:root{--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-xxl: 32px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--color-navy: #24388d;--color-light-blue: #7ac4e0;--color-accent: #e4f4fc;--color-black: #000000;--color-text-strong: #222;--color-text-default: #555;--color-text-light: #888;--color-text-white: #fff;--color-bg: #ffffff;--color-bg-light: #f9f9f9;--color-border: #ddd;--btn-radius: 6px;--btn-padding: 10px 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 3px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 5px 10px rgba(0, 0, 0, .2);--transition-fast: .2s ease-in-out;--transition-slow: .4s ease-in-out}body{margin:0;padding:2rem;background-color:var(--color-bg-light);font-family:Pretendard,sans-serif}h1,h2{margin-bottom:var(--space-4);color:var(--color-navy)}.component-box{border:1px solid var(--color-black);padding:2rem;margin-bottom:2rem;background-color:var(--color-bg);border-radius:8px}.card-drink-product{background-color:#f5f5f5;flex-direction:column;justify-content:flex-end;display:flex;align-items:center;box-sizing:border-box;position:relative;width:339px;height:373px;padding-bottom:40px;padding-left:20px;padding-right:20px}.card-drink-product h3{width:auto;height:24px;font-size:var(--font-size-md);text-align:center;font-weight:400}.container-modal-drink-product{position:absolute;left:0;top:0;display:none;width:100%;height:100%;z-index:10}.modal-specifications.alone,.modal-drink-name-description.alone{width:359px}.modal-drink-product{flex-direction:column;justify-content:flex-end;align-items:start;display:flex;width:100%;height:100%;text-align:left;font-weight:400;border:solid 1px var(--color-smoke-white)}.modal-close-btn{background-color:#fff9;text-align:right;border:none;padding:8px 12px;width:100%;cursor:pointer}.modal-drink-name-description{background-color:#fff9;flex-direction:column;justify-content:flex-end;align-items:start;display:flex;padding-left:14px;padding-right:14px;width:100%;box-sizing:border-box}.modal-drink-name-description h3{font-size:var(--font-size-sm)}.modal-drink-name-description h3:nth-of-type(2){color:#616161;border-bottom:3px solid var(--color-black);width:100%;text-align:left;margin-bottom:4px}.modal-drink-product p{font-size:var(--font-size-md);margin-bottom:190px;line-height:1.4}.modal-specifications{padding-top:6px;padding-bottom:14px;display:grid;grid-template-columns:repeat(2,1fr);background-color:#f8f8f8;width:100%;height:63px;font-size:var(--font-size-sm);box-sizing:border-box}.modal-specifications-left{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;padding-left:14px}.modal-specifications-right{display:grid;grid-template-columns:repeat(2,1fr);border-left:#333 solid 2px;gap:1px;padding-left:20px}.card-drink-product{width:359px}.list-drink-menu{grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto;max-width:738px}.card-drink-product.desktop:hover .container-modal-drink-product{display:block}.card-drink-product.desktop .modal-close-btn{display:none}.container-modal-drink-product.modal-active{display:block}.card-drink-product:not(.desktop) .modal-close-btn{display:block}