@charset "UTF-8";:root{--color-primary: #f62b64;--color-primary-light: #ff93a3;--color-primary-bg: #fff5f7;--color-primary-dark: #d4224f;--color-primary-deeper: #b81d43;--color-white: #ffffff;--color-black: #333333;--color-text: #444444;--color-gray-700: #555555;--color-gray-500: #888888;--color-gray-400: #999999;--color-gray-300: #cccccc;--color-gray-200: #e7e7e7;--color-gray-100: #f5f5f5;--color-gray-50: #f9f9f3;--color-price: #f62b64;--color-price-original: #999999;--color-badge-new: #ff6b00;--color-badge-best: #f62b64;--color-badge-sale: #ff3d3d;--color-badge-hot: #ff3d3d;--color-kakao: #FEE500;--color-kakao-text: #3C1E1E;--color-gnb-bg: #8e7476;--color-gnb-text: #ffffff;--color-gnb-hover: #ffffff;--color-gnb-active-bg: rgba(255, 255, 255, .15);--color-footer-bg: #ffffff;--color-footer-text: #666666;--color-footer-heading: #333333;--color-footer-border: #e7e7e7;--color-utility-bg: #f9f9f9;--color-utility-border: #e6e6e6;--color-success: #2e7d32;--color-info: #1565c0;--color-warning: #e65100;--color-danger: #c62828;--font-family-base: "Nanum Gothic", "NanumGothic", "Noto Sans KR", Dotum, sans-serif;--font-family-heading: "Nanum Gothic", "NanumSquare", sans-serif;--font-family-price: "Roboto", "Nanum Gothic", sans-serif;--font-size-base: 14px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-extra: 800;--max-width: 1200px;--container-padding: 0;--header-utility-h: 32px;--header-main-h: 90px;--header-gnb-h: 48px;--header-total-h: 170px;--border-radius-sm: 0;--border-radius-md: 0;--border-radius-lg: 0;--border-radius-xl: 0;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-dropdown: 100;--z-sticky: 200;--z-header: 300;--z-overlay: 400;--z-modal: 1000;--z-toast: 1100;--z-cta: 500}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family-base);font-size:14px;line-height:1.6;color:var(--color-black);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto;vertical-align:middle;border:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:1.3;color:var(--color-black)}table{border-collapse:collapse;border-spacing:0}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}input,select,textarea{font-family:inherit;font-size:inherit}::selection{background:var(--color-primary-light);color:var(--color-white)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding)}.main-content{min-height:calc(100vh - var(--header-total-h) - 300px);padding-top:var(--header-total-h)}#main{min-height:calc(100vh - 300px);padding-top:var(--header-total-h)}.section{padding:60px 0}.section-bg{background-color:var(--color-primary-bg)}.section-gray{background-color:var(--color-gray-100)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header-wrapper{width:100%}.header-utility{width:100%;height:var(--header-utility-h);background:var(--color-utility-bg);border-bottom:1px solid var(--color-utility-border);font-size:11px;color:var(--color-gray-500);position:fixed;top:0;left:0;z-index:var(--z-header)}.header-utility-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding)}.header-utility-left,.header-utility-right{display:flex;align-items:center;gap:0}.utility-link{color:var(--color-gray-500);padding:0 10px;line-height:var(--header-utility-h);white-space:nowrap;font-size:11px;transition:color var(--transition-fast)}.utility-link:hover{color:var(--color-primary)}.utility-link+.utility-link{border-left:1px solid var(--color-gray-300)}.utility-link i{margin-right:3px}header.header{width:100%;height:var(--header-main-h);background:var(--color-primary-light);position:fixed;top:var(--header-utility-h);left:0;z-index:var(--z-header)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:20px;max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding);position:relative}.header-left-area{display:flex;align-items:center;gap:20px;height:100%;position:relative;z-index:1}.header-logo{flex-shrink:0;display:flex;align-items:center;gap:8px}.header-logo .header-logo-img{height:48px;width:auto}.header-logo-text{font-size:22px;font-weight:var(--font-weight-extra);color:var(--color-white);white-space:nowrap;letter-spacing:-.5px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.header-search{flex:0 1 340px;max-width:340px}.search-form{display:flex;align-items:center;border:2px solid var(--color-white);overflow:hidden;height:40px;width:100%;background:var(--color-white)}.search-category-wrap{flex-shrink:0;height:100%}.search-category{flex-shrink:0;height:100%;padding:0 24px 0 12px;border:none;border-right:1px solid var(--color-gray-200);background:var(--color-gray-100);font-size:12px;color:var(--color-gray-700);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.search-input{flex:1;height:100%;border:none;padding:0 12px;font-size:13px;color:var(--color-black);outline:none;background:transparent}.search-input::placeholder{color:var(--color-gray-300)}.search-btn{flex-shrink:0;width:44px;height:100%;background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:16px;transition:background var(--transition-fast)}.search-btn:hover{background:var(--color-primary-dark)}.header-right{flex-shrink:0;display:flex;align-items:center;gap:20px}.header-user-menu{display:flex;align-items:center;gap:6px}.header-user-menu-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--color-white);text-decoration:none;min-width:52px;text-align:center;padding:6px 4px;transition:opacity var(--transition-fast)}.header-user-menu-item i{font-size:18px;color:var(--color-white)}.header-user-menu-item span{white-space:nowrap;opacity:.85}.header-user-menu-item:hover{opacity:.7;color:var(--color-white)}.header-user-menu-item:hover i{color:var(--color-white)}.header-phone-area{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;padding-left:20px;border-left:1px solid rgba(255,255,255,.3)}.header-phone{display:flex;align-items:center;gap:6px;white-space:nowrap}.header-phone i{color:var(--color-white);font-size:14px}.header-phone-label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-white);text-align:right;opacity:.85}.header-phone-number{font-size:26px;font-weight:var(--font-weight-bold);color:var(--color-white);font-family:var(--font-family-price);letter-spacing:-.5px;line-height:1;text-align:right}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;cursor:pointer;gap:5px}.hamburger-line{display:block;width:22px;height:2px;background:var(--color-white);transition:all var(--transition-base)}.hamburger.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-search-bar{display:none;position:fixed;top:56px;left:0;width:100%;padding:8px 16px;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);z-index:calc(var(--z-header) - 1)}.mobile-search-bar .search-form{border:1px solid var(--color-gray-200);height:38px}.category-gnb{width:100%;height:var(--header-gnb-h);background:var(--color-gnb-bg);position:fixed;top:calc(var(--header-utility-h) + var(--header-main-h));left:0;z-index:var(--z-header)}.category-gnb-inner{display:flex;align-items:center;justify-content:center;height:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding)}.category-list{display:flex;justify-content:center;align-items:center;flex:1;height:100%}.category-item{position:relative;height:100%}.category-link{display:flex;align-items:center;padding:0 18px;height:100%;font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-gnb-text);white-space:nowrap;transition:background var(--transition-fast);letter-spacing:-.3px}.category-link:hover,.category-item.active .category-link{background:var(--color-gnb-active-bg);color:var(--color-gnb-hover)}.mobile-nav-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-panel{position:fixed;top:0;right:-320px;width:300px;max-width:85vw;height:100%;background:var(--color-white);z-index:calc(var(--z-overlay) + 1);transition:right var(--transition-base);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.mobile-nav-panel.active{right:0}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:2px solid var(--color-primary);background:var(--color-white);flex-shrink:0}.mobile-nav-title{font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.mobile-nav-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--color-gray-500);transition:color var(--transition-fast)}.mobile-nav-close:hover{color:var(--color-primary)}.mobile-nav-quick{display:flex;align-items:center;gap:0;padding:16px 20px;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-100)}.mobile-quick-link{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;font-size:12px;color:var(--color-gray-700);text-align:center;transition:color var(--transition-fast)}.mobile-quick-link i{font-size:18px;color:var(--color-primary)}.mobile-quick-link:hover{color:var(--color-primary)}.mobile-nav-section-title{padding:14px 20px 8px;font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-gray-200)}.mobile-nav-body{flex:1;overflow-y:auto}.mobile-nav-list{list-style:none}.mobile-nav-item{border-bottom:1px solid var(--color-gray-100)}.mobile-nav-item>a,.mobile-nav-item>.mobile-nav-link{display:flex;align-items:center;gap:10px;padding:13px 20px;font-size:14px;font-weight:var(--font-weight-normal);color:var(--color-black);cursor:pointer;transition:background var(--transition-fast)}.mobile-nav-link i{width:20px;text-align:center;color:var(--color-gray-400);font-size:14px}.mobile-nav-item>a:hover,.mobile-nav-item>.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--color-primary);background:var(--color-primary-bg)}.mobile-nav-link.active i{color:var(--color-primary)}.mobile-nav-footer{flex-shrink:0;padding:16px 20px;border-top:1px solid var(--color-gray-200);background:var(--color-primary-bg);text-align:center}.mobile-nav-phone{display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:4px}.mobile-nav-phone i{font-size:16px}.mobile-nav-hours{font-size:12px;color:var(--color-gray-500);line-height:1.5}.footer{background:var(--color-footer-bg);color:var(--color-footer-text);font-size:13px;line-height:1.6}.footer-service{background:var(--color-white);margin:40px auto 0}.footer-service .container{display:flex;gap:0;max-width:var(--max-width);margin:0 auto}.footer-customer-area{flex:1;display:flex;gap:0;padding:34px 40px;border:1px solid var(--color-footer-border);box-sizing:border-box}.footer-cs-left{flex-shrink:0;width:280px;margin-right:40px;position:relative;padding-right:40px}.footer-cs-left:after{content:"";display:block;width:1px;height:100%;border-right:1px solid var(--color-footer-border);position:absolute;top:0;right:0}.footer-col-title{font-size:22px;font-weight:var(--font-weight-normal);color:var(--color-footer-heading);line-height:24px;margin-bottom:16px;letter-spacing:-.5px}.footer-cs-phone{font-size:34px;font-weight:var(--font-weight-normal);color:#444;font-family:var(--font-family-price);margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--color-footer-border);letter-spacing:-.5px;line-height:1}.footer-cs-phone a{color:#444}.footer-cs-kakao{display:inline-flex;margin-top:10px}.footer-cs-right{flex:1;padding-left:0}.footer-cs-hours{font-size:13px;color:var(--color-gray-400);line-height:1.8}.footer-cs-hours dt{display:inline;position:relative;min-width:50px;margin-right:7px;color:#777}.footer-cs-hours dd{display:inline;margin-left:4px;color:var(--color-gray-400)}.footer-cs-info-links{display:flex;gap:0;margin-top:20px;width:100%}.footer-cs-info-link{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:1px solid var(--color-footer-border);text-decoration:none;font-size:12px;color:#636363;line-height:15px;text-align:center;transition:color var(--transition-fast),border-color var(--transition-fast)}.footer-cs-info-link i{font-size:18px;color:var(--color-gray-400)}.footer-cs-info-link:hover{color:var(--color-primary);border-color:var(--color-primary-light)}.footer-cs-info-link:hover i{color:var(--color-primary)}.footer-account{flex-shrink:0;width:300px;padding:34px 30px;border:1px solid var(--color-footer-border);border-left:0;box-sizing:border-box}.footer-account .footer-col-title{margin-bottom:14px}.footer-bank-item{margin-bottom:5px;font-size:14px;color:var(--color-gray-400)}.footer-bank-name{display:inline-block;position:relative;min-width:40px;margin:0 10px 0 7px;padding-right:12px;color:#777;font-weight:var(--font-weight-medium)}.footer-bank-name:after{content:"";display:block;position:absolute;top:4px;right:0;width:1px;height:10px;background:#ccc}.footer-bank-account{font-size:14px;color:var(--color-footer-text);font-family:var(--font-family-price)}.footer-bank-holder{display:block;width:100%;margin-top:20px;font-size:14px;color:#444;text-align:center;background:var(--color-gray-100);height:38px;line-height:38px}.footer-util{width:100%;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;background:var(--color-gray-100)}.footer-util .container{display:flex;align-items:center;justify-content:center;gap:0;max-width:var(--max-width);margin:0 auto;text-align:center}.footer-util-link{display:inline-block;position:relative;padding:14px 36px;font-size:13px;color:#444;text-decoration:none;letter-spacing:-.5px;transition:color var(--transition-fast)}.footer-util-link:before{content:"";display:block;position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:#c6c4c3}.footer-util-link:first-child:before{display:none}.footer-util-link.highlight{color:var(--color-primary);font-weight:var(--font-weight-bold)}.footer-util-link:hover{color:var(--color-primary)}.footer-bottom{background:var(--color-white);padding:28px 0}.footer-bottom .container{max-width:var(--max-width);margin:0 auto;overflow:hidden}.footer-company-info{font-size:12px;color:var(--color-gray-500);line-height:1.8;margin-bottom:6px}.footer-company-info span{display:inline-block;margin:0 4px}.footer-company-info span:before{content:"|";margin-right:8px;color:var(--color-gray-300)}.footer-company-info span:first-child:before{display:none}.footer-copyright{font-size:12px;color:var(--color-gray-400)}.cta-fixed{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:var(--z-cta)}.cta-desktop{display:flex;flex-direction:column;gap:10px}.cta-btn{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform var(--transition-fast),opacity var(--transition-fast)}.cta-btn:hover{transform:scale(1.1)}.cta-btn-phone{background:var(--color-primary);color:var(--color-white)}.cta-btn-phone:hover{color:var(--color-white)}.cta-btn-kakao{background:var(--color-kakao);color:var(--color-kakao-text)}.cta-btn-kakao:hover{color:var(--color-kakao-text)}.cta-btn-top{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-200);font-size:16px;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-fast)}.cta-btn-top.visible{opacity:1;visibility:visible}.cta-btn-top:hover{color:var(--color-primary);border-color:var(--color-primary)}.cta-mobile{display:none;position:fixed;bottom:0;left:0;width:100%;height:56px;background:var(--color-white);border-top:1px solid var(--color-gray-200);z-index:var(--z-cta);flex-direction:row;align-items:stretch}.cta-mobile-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:var(--font-weight-medium);text-decoration:none;transition:opacity var(--transition-fast)}.cta-mobile-btn i{font-size:18px}.cta-mobile-phone{background:var(--color-primary);color:var(--color-white)}.cta-mobile-phone:hover{color:var(--color-white)}.cta-mobile-kakao{background:var(--color-kakao);color:var(--color-kakao-text)}.cta-mobile-kakao:hover{color:var(--color-kakao-text)}.cta-mobile-order{background:var(--color-primary-dark);color:var(--color-white)}.cta-mobile-order:hover{color:var(--color-white)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-grid-3{grid-template-columns:repeat(3,1fr)}.product-grid-5{grid-template-columns:repeat(5,1fr)}.product-card{border:1px solid var(--color-gray-200);overflow:hidden;transition:border-color var(--transition-base);background:var(--color-white);position:relative}.product-card:hover{border-color:var(--color-primary-light)}.product-card a{display:block;color:inherit}.product-card-thumb{position:relative;padding-top:100%;overflow:hidden;background:var(--color-gray-100)}.product-card-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.product-card:hover .product-card-thumb img{transform:scale(1.03)}.product-ribbon{position:absolute;top:0;left:0;padding:3px 10px;color:var(--color-white);font-size:11px;font-weight:var(--font-weight-bold);line-height:1.5;z-index:1}.ribbon-best{background:var(--color-badge-best)}.ribbon-new{background:var(--color-badge-new)}.ribbon-hot{background:var(--color-badge-hot)}.ribbon-sale{background:var(--color-badge-sale)}.product-card-info{padding:14px 12px 10px}.product-card-name{font-size:14px;font-weight:var(--font-weight-normal);color:var(--color-black);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;font-family:var(--font-family-base)}.product-card-original{font-size:13px;color:var(--color-price-original);text-decoration:line-through;font-family:var(--font-family-price);display:block;margin-bottom:2px}.product-card-price{font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-price);font-family:var(--font-family-price)}.product-card-discount{display:inline-block;font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-badge-sale);margin-left:4px;font-family:var(--font-family-price)}.product-order-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:var(--color-primary);color:var(--color-white);font-size:13px;font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:background var(--transition-fast)}.product-order-btn:hover{background:var(--color-primary-dark)}.delivery-badge{display:inline-block;font-size:11px;padding:2px 6px;margin-top:6px;font-weight:var(--font-weight-medium);line-height:1.5}.badge-nationwide{background:#e8f5e9;color:var(--color-success)}.badge-seoul_metro{background:#e3f2fd;color:var(--color-info)}.badge-parcel{background:#fff3e0;color:var(--color-warning)}.badge-same_day{background:#fce4ec;color:var(--color-danger)}.price-block{margin:8px 0}.price-original{font-size:14px;color:var(--color-price-original);text-decoration:line-through;display:block;font-family:var(--font-family-price);margin-bottom:2px}.price-selling{font-size:22px;font-weight:var(--font-weight-bold);color:var(--color-price);font-family:var(--font-family-price)}.price-unit{font-size:14px;font-weight:var(--font-weight-normal)}.price-value{font-weight:var(--font-weight-bold);font-family:var(--font-family-price)}.price-discount{display:inline-block;background:var(--color-primary);color:var(--color-white);padding:2px 6px;font-size:12px;font-weight:var(--font-weight-bold);margin-left:6px;font-family:var(--font-family-price);vertical-align:middle}.section-title{text-align:center;margin-bottom:32px;position:relative;padding:0 120px}.section-title h2{width:100%;font-size:28px;font-weight:var(--font-weight-extra);color:#000;margin-bottom:6px;font-family:var(--font-family-heading);letter-spacing:-.5px;line-height:1.4}.section-title p{font-size:14px;color:#777;font-weight:var(--font-weight-normal);line-height:1.6}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-header h2{font-size:22px;font-weight:var(--font-weight-bold);color:#000;font-family:var(--font-family-heading);letter-spacing:-.5px}.section-header .more-link{font-size:13px;color:var(--color-gray-500);display:flex;align-items:center;gap:4px;transition:color var(--transition-fast)}.section-header .more-link:hover{color:var(--color-primary)}.breadcrumb{padding:14px 0;font-size:13px;color:var(--color-gray-500);display:flex;align-items:center;flex-wrap:wrap;gap:0}.breadcrumb a{color:var(--color-gray-500);transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb .separator{margin:0 8px;font-size:10px;color:var(--color-gray-300)}.breadcrumb .active{color:var(--color-black);font-weight:var(--font-weight-medium)}.form-group{margin-bottom:14px}.form-label{display:block;font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-black);margin-bottom:6px}.form-label .required{color:var(--color-primary);margin-left:2px}.form-control{width:100%;height:42px;padding:0 14px;border:1px solid var(--color-gray-200);font-size:14px;color:var(--color-black);background:var(--color-white);transition:border-color var(--transition-fast);outline:none}.form-control:focus{border-color:var(--color-primary)}.form-control::placeholder{color:var(--color-gray-300)}.form-control-sm{height:36px;padding:0 10px;font-size:13px}.form-control-lg{height:48px;padding:0 16px;font-size:15px}textarea.form-control{height:auto;min-height:100px;padding:12px 14px;resize:vertical}select.form-control{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:var(--font-weight-medium);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;cursor:pointer;border:1px solid transparent;text-decoration:none;line-height:1.4}.btn-primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-white)}.btn-outline{background:var(--color-white);color:var(--color-black);border-color:var(--color-gray-300)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-secondary{background:var(--color-gray-700);color:var(--color-white);border-color:var(--color-gray-700)}.btn-secondary:hover{background:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.btn-kakao{background:var(--color-kakao);color:var(--color-kakao-text);border-color:var(--color-kakao)}.btn-kakao:hover{background:#f5dc00;color:var(--color-kakao-text)}.btn-sm{padding:6px 14px;font-size:12px}.btn-lg{padding:14px 32px;font-size:16px}.btn-block{display:flex;width:100%}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.form-help{font-size:12px;color:var(--color-gray-500);margin-top:4px}.form-error{font-size:12px;color:var(--color-danger);margin-top:4px}.order-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal);display:none;align-items:center;justify-content:center}.order-modal-overlay.active{display:flex}.order-modal{background:var(--color-white);padding:32px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.order-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-gray-500);cursor:pointer;transition:color var(--transition-fast)}.order-modal-close:hover{color:var(--color-black)}.order-modal-title{font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-black);margin-bottom:8px;text-align:center}.order-modal-desc{font-size:14px;color:var(--color-gray-500);text-align:center;margin-bottom:24px}.order-modal-product{margin-bottom:16px}.order-method-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;font-size:16px;font-weight:600;text-decoration:none;margin-bottom:10px;transition:opacity var(--transition-fast);width:100%}.order-method-btn:hover{opacity:.9}.order-phone{background:var(--color-primary);color:var(--color-white)}.order-phone:hover{color:var(--color-white)}.order-kakao{background:var(--color-kakao);color:var(--color-kakao-text)}.order-kakao:hover{color:var(--color-kakao-text)}.order-online{background:var(--color-gray-700);color:var(--color-white)}.order-online:hover{color:var(--color-white)}.order-modal-notice{margin-top:16px;padding:14px;background:var(--color-gray-100);font-size:12px;color:var(--color-gray-500);line-height:1.6}.pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:28px 0}.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;font-size:14px;color:var(--color-gray-700);border:1px solid var(--color-gray-200);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.pagination a:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.pagination .active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);font-weight:var(--font-weight-bold)}.pagination .disabled{color:var(--color-gray-300);cursor:not-allowed;pointer-events:none}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;font-size:14px;color:var(--color-gray-500);border:none;letter-spacing:2px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-gray{color:var(--color-gray-500)}.text-dark{color:var(--color-black)}.text-price{color:var(--color-price)}.bg-primary{background-color:var(--color-primary)}.bg-primary-bg{background-color:var(--color-primary-bg)}.bg-gray{background-color:var(--color-gray-100)}.bg-white{background-color:var(--color-white)}.fw-normal{font-weight:var(--font-weight-normal)}.fw-medium{font-weight:var(--font-weight-medium)}.fw-bold{font-weight:var(--font-weight-bold)}.mt-0{margin-top:0}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-40{margin-top:40px}.mb-0{margin-bottom:0}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.d-flex{display:flex}.d-grid{display:grid}.d-block{display:block}.d-none{display:none}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.divider{height:1px;background:var(--color-gray-200);margin:20px 0}.badge{display:inline-block;padding:2px 8px;font-size:11px;font-weight:var(--font-weight-medium);line-height:1.5}.badge-primary{background:var(--color-primary);color:var(--color-white)}.badge-light{background:var(--color-gray-100);color:var(--color-gray-700)}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body.no-scroll{overflow:hidden}@media(max-width:1440px){:root{--container-padding: 15px}.product-grid{gap:16px}.product-grid-5{grid-template-columns:repeat(4,1fr)}.category-link{padding:0 14px;font-size:13px}}@media(max-width:1024px){:root{--container-padding: 16px}.product-grid{grid-template-columns:repeat(3,1fr);gap:14px}.product-grid-5{grid-template-columns:repeat(3,1fr)}.header-search{max-width:260px}.search-category{display:none}.category-link{padding:0 12px;font-size:13px}.section-title h2{font-size:24px}.footer-service .container{flex-direction:column}.footer-customer-area{width:100%}.footer-account{width:100%;border-left:1px solid var(--color-footer-border)}.footer-cs-left{width:240px;margin-right:30px;padding-right:30px}.footer-cs-info-links{flex-wrap:wrap}.footer-util-link{padding:14px 20px;font-size:12px}.header-user-menu{display:none}}@media(max-width:768px){:root{--container-padding: 16px;--header-total-h: 56px}.header-utility{display:none}header.header{top:0;height:56px;background:var(--color-primary)}.header-inner{gap:12px}.header-logo-text{font-size:17px}.header-logo .header-logo-img{height:32px}.header-search{display:none}.mobile-search-bar{display:block}.header-phone-area{display:none}.hamburger{display:flex}.category-gnb,.header-user-menu{display:none}.main-content{padding-top:56px;padding-bottom:60px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-grid-3,.product-grid-5{grid-template-columns:repeat(2,1fr)}.product-card-info{padding:10px}.product-card-name{font-size:13px;min-height:auto}.product-card-price{font-size:15px}.product-card-original{font-size:12px}.product-card-discount{font-size:11px}.product-ribbon{font-size:10px;padding:2px 6px}.cta-desktop{display:none}.cta-mobile{display:flex}.section{padding:40px 0}.section-title{margin-bottom:22px;padding:0 16px}.section-title h2{font-size:21px}.section-title p{font-size:13px}.footer-service{margin:20px auto 0}.footer-service .container{flex-direction:column}.footer-customer-area{flex-direction:column;padding:24px 20px}.footer-cs-left{width:100%;margin-right:0;padding-right:0;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--color-footer-border)}.footer-cs-left:after{display:none}.footer-cs-right{padding-left:0}.footer-cs-phone{font-size:28px}.footer-account{width:100%;border-left:1px solid var(--color-footer-border);padding:24px 20px}.footer-util{overflow-x:auto;-webkit-overflow-scrolling:touch}.footer-util .container{flex-wrap:nowrap;justify-content:flex-start}.footer-util-link{padding:12px 16px;font-size:12px;white-space:nowrap}.footer-company-info span{display:block;margin:0}.footer-company-info span:before{display:none}.price-selling{font-size:18px}.pagination a,.pagination span{min-width:32px;height:32px;font-size:13px}.order-modal{padding:24px}.order-modal-title{font-size:18px}.order-method-btn{padding:14px;font-size:15px}.section-header h2{font-size:19px}.breadcrumb{font-size:12px;padding:10px 0}}@media(max-width:480px){:root{--container-padding: 12px}.header-logo-text{font-size:16px}.header-logo .header-logo-img{height:28px}.product-grid{gap:8px}.product-card-info{padding:8px}.product-card-name{font-size:12px;margin-bottom:4px}.product-card-price{font-size:14px}.product-card-original{font-size:11px}.product-card-discount{font-size:10px}.product-order-btn{font-size:12px;padding:8px}.section{padding:32px 0}.section-title h2{font-size:19px}.section-title p{font-size:12px}.section-header h2{font-size:17px}.footer-cs-phone{font-size:22px}.footer-cs-info-links{display:grid;grid-template-columns:repeat(2,1fr)}.footer-col-title{font-size:18px;margin-bottom:12px}.footer-bank-holder{font-size:13px;height:34px;line-height:34px}.price-selling{font-size:16px}.price-original{font-size:12px}.btn{padding:8px 16px;font-size:13px}.btn-lg{padding:12px 24px;font-size:14px}.order-modal{padding:20px 16px}.order-modal-title{font-size:17px}.order-method-btn{padding:12px;font-size:14px}.mobile-nav-panel{width:280px}.delivery-badge{font-size:10px;padding:1px 4px}}@media(max-width:359px){:root{--container-padding: 10px}.header-logo-text{font-size:14px}.header-logo .header-logo-img{height:24px}.product-grid{grid-template-columns:1fr;gap:12px}.product-card-thumb{padding-top:80%}.section-title h2{font-size:17px}.mobile-nav-panel{width:260px}.cta-mobile-btn{font-size:10px}}@media(min-width:1920px)and (max-width:2559px){.container{max-width:var(--max-width)}.product-grid-5{grid-template-columns:repeat(5,1fr)}}@media(min-width:2560px)and (max-width:3839px){.container{max-width:var(--max-width)}.product-grid{gap:24px}.product-grid-5{grid-template-columns:repeat(5,1fr)}}@media(min-width:3840px){.container{max-width:var(--max-width)}.product-grid{gap:32px}.product-grid-5{grid-template-columns:repeat(5,1fr)}.header-search{max-width:400px;height:44px}}