:root{--content-capacity: 10;--row-gap: 50px;--content-gap: 5px;--header-height: 100px;--select-width: 150px}*{box-sizing:border-box}html,body{margin:0;padding:0}a{text-decoration:none;color:inherit}.layout{padding-top:var(--header-height)}#root{width:100%}.content-table{display:flex;flex-direction:column;align-items:center;gap:1rem}.row{display:grid;grid-template-columns:150px minmax(100px,1fr);align-items:center;gap:12px}.row textarea{width:40rem;min-width:30rem;min-height:150px;padding:5px 3px;border:1px solid #ccc;border-radius:8px;font-family:inherit;font-size:16px;line-height:1.5;resize:none}.row input{width:40rem;min-width:30rem;padding:5px 3px;font-family:inherit;font-size:16px;box-sizing:border-box}.row a{display:grid;grid-template-columns:150px minmax(100px,1fr);align-items:flex-start;gap:12px;color:inherit;text-decoration:none}.label{white-space:nowrap;font-weight:700}.value{flex:1;min-width:0}.select__control{min-height:40px;width:var(--select-width);border-radius:8px;border:1px solid #ddd;box-shadow:none;cursor:pointer;transition:all .2s ease}.select__control--is-focused{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5026}.select__control:hover{border-color:#bbb}.select__value-container{padding:0 12px}.select__single-value{font-weight:500;color:#333}.select__indicator-separator{display:none}.select__dropdown-indicator{color:#888;padding:0 8px}.select__dropdown-indicator:hover{color:#333}.select__menu{border-radius:8px;overflow:hidden;margin-top:6px}.select__menu-list{padding:4px 0}.select__option{display:flex;align-items:center;gap:8px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center}.modal{display:flex;flex-direction:column;justify-content:center;align-items:center;width:400px;padding:20px;gap:2rem;background:#fff;border-radius:8px}.button{display:inline-flex;align-items:center;justify-content:center;width:auto;height:30px;padding:0 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.button-primary{background:#2563eb;color:#fff}.button-primary:hover{background:#1d4ed8}.button-secondary{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.button-secondary:hover{background:#dbeafe}.button-danger{background:#dc2626;color:#fff}.button-danger:hover{background:#b91c1c}.button-text{background:transparent;padding:0;min-width:auto}.button-text:hover{text-decoration:underline}.button:disabled{opacity:.5;cursor:not-allowed}.button-link{display:inline-flex;align-items:center;justify-content:center;padding:0 16px;background:#2563eb;color:#fff;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.button-link:hover{background:#1d4ed8;text-decoration:none}.button-group-row{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:1rem}.button-group-column{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.page-container{display:flex;flex-direction:column;justify-content:center}.page-message{text-align:center;margin-top:10vh;margin-bottom:8vh;font-size:28px;font-weight:700;color:#222;letter-spacing:-.5px;line-height:1.3}.page-description{margin-top:-4vh;margin-bottom:6vh;text-align:center;font-size:16px;font-weight:400;color:#666;line-height:1.6;letter-spacing:-.2px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.dashboard-card{border:1px solid #ddd;border-radius:12px;padding:1rem 0rem}.dashboard-card-header{display:flex;justify-content:center;align-items:center;padding-bottom:1rem;border-bottom:1px solid #ddd;font-size:1rem;font-weight:700;line-height:1.4}.dashboard-card-content{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:1rem;margin-right:1rem}.dashboard-card-grid{display:grid;flex-direction:column;justify-items:center;grid-template-columns:1fr 1fr;gap:1rem;padding:20px}.dashboard-card-grid button{width:100%}.required{color:#c62828}.signin{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.signin img{width:17rem;transition:.15s ease}.signin img:hover{transform:translateY(-1px);filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.loading-spinner{width:100px;height:100px;border:4px solid #e5e5e5;border-top-color:#2b7cff;border-radius:50%;animation:spin .8s linear infinite}.loading-fullscreen{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#dcdcdc80;z-index:9999}.loading-inline{display:flex;justify-content:center;margin-top:20px}.state-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;text-align:center}.state-icon{font-size:56px}.state-title{font-size:24px;font-weight:700}.state-description{color:#666;line-height:1.5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.categories{display:flex;gap:20px;flex-wrap:wrap}.category a{height:100px;width:100px;display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none}.category img{width:70%;height:70%}.category span{display:flex;align-items:center;height:30%;font-size:15px}.embla{position:relative;overflow:hidden}.embla__container{display:flex}.embla__slide{flex:0 0 100%;min-width:100%}.dots{display:flex;gap:8px;justify-content:center;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.dots button{width:8px;height:8px;border-radius:50%;opacity:.5;border:none;margin:4px;background:#666}.dots .active{opacity:1;background:#333}.embla__slide img{width:100%;height:100%;object-fit:cover;min-width:200px}.stats{display:flex;flex-direction:column;gap:1rem;min-width:300px;font-weight:800;letter-spacing:-.06em;line-height:1;font-variant-numeric:tabular-nums;align-items:center;justify-content:center}.stats-count{display:flex;justify-content:center;align-items:center;font-size:3rem;color:#111827}.stats-detail{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.stats-detail.show{opacity:1;transform:translateY(0)}.stat-new{display:flex;justify-content:center;align-items:center;font-size:2rem;color:#3498db}.stat-update{display:flex;justify-content:center;align-items:center;font-size:2rem;color:#2ecc71}.content-banner{width:400px}.mini-notice-board{height:400px;overflow-y:auto;width:100%;scrollbar-width:none;-ms-overflow-style:none}.mini-notice-board::-webkit-scrollbar{display:none}.mini-notice-board .row{padding:12px 16px;border-bottom:1px solid #e5e7eb;cursor:pointer;width:100%;transition:background-color .15s ease}.mini-notice-board .row:hover{background-color:#f8fafc}.product-list{display:flex;flex-direction:column;margin:0 auto;gap:var(--row-gap);padding:0 20px}.product-contents{width:100%;height:calc(100% / var(--content-capacity))}.product-contents a{height:200px;display:flex;align-items:flex-start;gap:var(--row-gap);color:inherit;text-decoration:none}.product-img{height:200px;width:200px}.product-img img{width:100%;height:100%}.information{height:100%;flex:1;display:flex;flex-direction:column;justify-content:space-evenly;gap:var(--content-gap)}.search-filter-box{display:flex;flex-direction:column;margin-top:1rem;margin-bottom:3rem;gap:.5rem;border-radius:12px;border:1px solid #ddd;padding:1rem}.search-filter-box-flex{display:flex}.search-filter-box-flex button{width:3rem;height:2rem;margin-left:auto;margin-right:.5rem}.allergen-filter{display:flex;justify-content:space-around}.allergen-item{position:relative;display:inline-block;width:3rem;height:3rem}.allergen-item-title{display:flex;justify-content:center;align-items:center;font-size:.5rem}.allergen-filter img{width:100%;height:100%}.ban-mark{position:absolute;inset:2px;border:3.5px solid #ff3b30;border-radius:50%;pointer-events:none}.ban-mark:before{content:"";position:absolute;top:50%;left:50%;width:110%;height:3px;background:#ff3b30;transform:translate(-50%,-50%) rotate(-45deg)}.pagination{display:flex;justify-content:center;align-items:center;margin-top:2rem}.pagination .page-btn{all:unset;padding:8px 12px;border-radius:6px;cursor:pointer;transition:.2s;display:flex;justify-content:center;align-items:center;width:12px}.pagination button:hover{background:#e0e0e0}.pagination button#active{background:#333;color:#fff}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination button:focus-visible{outline:2px solid #333}.icon-btn{all:unset;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;color:#555}.icon-btn:hover{background:#f0f0f0;color:#000}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.layout-frame{display:flex;flex-direction:column;align-items:center;gap:3rem}.product-info{display:flex;flex-direction:column;gap:20px}.main-image{height:500px;width:500px}.main-image img{height:100%;width:100%}.header{height:var(--header-height);width:100%;display:flex;align-items:center;gap:1rem;padding:15px 150px;border-bottom:1px solid #ddd;position:fixed;top:0;z-index:1000;background:#fff;box-shadow:0 1px 3px #00000014,0 4px 8px #0000000d;box-sizing:border-box}.logo{width:150px;height:100%;object-fit:contain;margin-right:100px}.searchbar{display:flex;align-items:center;width:500px;height:44px;border:1px solid #dfe1e5;border-radius:24px;padding:0 10px;background:#fff}.searchbar input{width:400px;padding:8px}.searchbar:hover{box-shadow:0 1px 6px #20212447}.searchbar input{flex:1;border:none;outline:none;font-size:16px}.searchbar button{border:none;background:transparent;font-size:14px;cursor:pointer;padding:8px 12px}.searchbar button:hover{color:#1a73e8}.menu{display:flex;margin-left:auto;margin-right:1rem;gap:10px}.nickname{display:flex;justify-content:center;align-items:center;font-weight:500;text-decoration:none;white-space:nowrap}.footer{height:30px;width:100%;display:flex;justify-content:center}.disclaimer{font-size:12px;color:#888;line-height:1.5;margin-top:12px}.ad-left,.ad-right{background:#989393}.layout{display:grid;grid-template-columns:150px 1fr 150px;gap:20px;width:100%;margin:0 auto}.content{min-height:600px}.notice-detail{max-width:900px;margin:0 auto;padding:24px}.notice-header{border-bottom:1px solid #ddd;padding-bottom:16px;margin-bottom:24px}.notice-header h1{margin:0;font-size:2rem;font-weight:600}.notice-date{display:block;margin-top:8px;color:#777;font-size:.9rem}.notice-content{line-height:1.8;white-space:pre-wrap;word-break:break-word;font-size:1rem}.notice-menu{display:flex;justify-content:flex-end}.admin-contents{display:flex;flex-direction:column;gap:1rem;width:100%;height:calc(100% / var(--content-capacity))}.admin-contents a{display:flex;align-items:flex-start;gap:var(--row-gap);color:inherit;text-decoration:none}.admin-contents .information1{flex:1;display:flex;justify-content:center}