@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#224ee9;--ink:#142034;--muted:#667181;--line:#e0e5ed;--paper:#f7f9fc;--yellow:#e7ef5b;color-scheme:light;font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#fff}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip-link{position:absolute;top:-70px;left:20px;padding:12px 20px;background:var(--ink);color:white;z-index:20}.skip-link:focus{top:12px}.site-header{height:82px;border-bottom:1px solid var(--line)}.header-inner,main,.site-footer{max-width:1504px;margin:auto;padding-left:48px;padding-right:48px}.header-inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:18px;font-weight:500;letter-spacing:-.5px}.brand strong{font-weight:800}.brand-icon{display:grid;place-items:center;background:var(--blue);color:white;width:34px;height:40px;transform:rotate(-6deg);border-radius:5px;font-size:25px;font-weight:900}.header-period{font-size:14px;font-weight:600;letter-spacing:1px;color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:42px 0 32px}.eyebrow{font-size:14px;font-weight:700;color:var(--blue);margin:0 0 10px}h1{font-size:36px;font-weight:800;line-height:1.35;letter-spacing:-1.6px;margin:0}.intro-caption{font-size:15px;line-height:1.8;color:var(--muted);margin:10px 0 0}.total-badge{display:flex;align-items:center;gap:14px;border-left:1px solid var(--line);padding:0 8px 0 30px;white-space:nowrap}.total-badge strong{font-size:52px;line-height:1.3;letter-spacing:-3px;font-weight:800}.total-badge span{font-size:14px;color:var(--muted);max-width:50px;white-space:normal;line-height:1.7}.series-nav{border-bottom:1px solid var(--line);padding:0 0 24px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:7px;background:white;min-height:44px;padding:10px 15px;display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:#525e6e;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.filter:hover{border-color:#8da5f4;background:#f5f7ff}.filter[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}.filter .count{font-size:12px;opacity:.72;font-weight:500;font-variant-numeric:tabular-nums}.filter[aria-pressed=true] .count{color:var(--yellow);opacity:1}.catalog{scroll-margin-top:24px;outline:none}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0 21px}.results-heading h2{font-size:19px;font-weight:700;letter-spacing:-.6px;margin:0;display:flex;align-items:center;gap:10px}.results-heading h2 span{font-size:14px;font-weight:700;color:var(--blue);padding:3px 8px;background:#edf1ff;border-radius:5px;font-variant-numeric:tabular-nums}.results-heading p{font-size:13px;color:var(--muted);margin:0}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.pack-card{min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;transition:box-shadow .2s,transform .2s}.pack-card:hover{box-shadow:0 6px 26px #23315c0d;transform:translateY(-2px)}.pack-visual{background:var(--paper);position:relative;height:246px;padding:36px 24px 18px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #edf0f5}.pack-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 8px 6px #1523430d)}.code{position:absolute;top:12px;left:12px;padding:3px 7px;font-size:12px;line-height:1.5;letter-spacing:.3px;font-weight:700;background:#fff;border:1px solid #e3e8ef;border-radius:4px;z-index:1}.pack-body{padding:18px 18px 15px}.series-label{font-size:12px;font-weight:600;color:var(--muted);margin:0 0 6px}.pack-name{font-size:17px;line-height:1.5;letter-spacing:-.55px;font-weight:800;margin:0 0 18px;min-height:51px;overflow-wrap:anywhere}.facts{margin:0;display:grid;grid-template-columns:1fr;gap:8px}.facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.facts dt{font-size:13px;color:var(--muted);white-space:nowrap}.facts dd{font-size:14px;margin:0;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap}.prices{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:13px;margin-top:14px;gap:10px}.price-label{font-size:12px;color:var(--muted);display:block;margin-bottom:4px}.price-value{font-size:16px;font-weight:700;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.price-value small{font-size:12px;font-weight:500;margin-left:2px}.box-count{font-size:12px;font-weight:400;color:var(--muted)}.image-empty{text-align:center;font-size:14px;color:var(--muted);line-height:1.8}.image-empty strong{display:block;font-size:28px;color:#8d98aa;font-weight:800;margin-bottom:8px}.data-note{margin:44px 0 36px;padding:23px 26px;background:var(--paper);border:1px solid var(--line);border-radius:8px;font-size:14px;line-height:1.8;color:var(--muted)}.data-note strong{font-size:14px;color:var(--ink)}.data-note p{margin:7px 0 0}.site-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:26px;padding-bottom:34px;font-size:13px;color:var(--muted)}.site-footer>span:first-child{font-weight:700;color:#445167}.site-footer p{width:100%;margin:0;font-size:12px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{padding:30px;background:var(--paper)}
@media(min-width:1450px){.card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pack-visual{height:238px}}
@media(max-width:1100px){.header-inner,main,.site-footer{padding-left:30px;padding-right:30px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pack-visual{height:252px}.filter{padding:9px 12px}}
@media(max-width:760px){.header-inner,main,.site-footer{padding-left:20px;padding-right:20px}.site-header{height:68px}.brand{font-size:16px}.brand-icon{height:32px;width:28px;font-size:21px}.header-period{font-size:12px}.intro{padding:30px 0 24px}h1{font-size:29px;letter-spacing:-1.2px}.intro-caption{font-size:14px;max-width:290px}.eyebrow{font-size:13px}.total-badge{display:none}.filters{gap:7px}.filter{font-size:13px;gap:7px;padding:9px 11px;min-height:42px}.series-nav{padding-bottom:20px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.results-heading{padding:23px 0 18px;align-items:baseline}.results-heading h2{font-size:18px}.results-heading p{font-size:12px;max-width:110px;text-align:right;line-height:1.6}.pack-visual{height:218px;padding:34px 14px 15px}.pack-body{padding:14px 13px 12px}.pack-name{font-size:16px;min-height:48px;letter-spacing:-.6px;margin-bottom:14px}.facts dt{font-size:12px}.facts dd{font-size:13px}.prices{gap:8px}.price-value{font-size:15px}.data-note{margin-top:30px;padding:20px}.site-footer{display:block}.site-footer>span{display:block;margin-bottom:10px}.code{left:9px;top:9px;font-size:12px}}
@media(max-width:430px){.header-inner,main,.site-footer{padding-left:16px;padding-right:16px}.pack-visual{height:190px;padding-left:10px;padding-right:10px}.pack-body{padding-left:11px;padding-right:11px}.pack-name{font-size:15px;min-height:45px}.facts>div{gap:4px}.facts dd{font-size:12px}.prices{grid-template-columns:1fr;gap:7px}.prices>div{display:flex;justify-content:space-between;align-items:baseline;gap:4px}.price-label{margin:0}.price-value{font-size:15px}.box-count{display:none}.brand{font-size:15px}.header-period{font-size:12px;letter-spacing:0}}
@media(max-width:340px){.card-grid{grid-template-columns:1fr}.pack-visual{height:270px}.pack-name{min-height:0}.header-period{display:none}.prices{grid-template-columns:1fr 1fr}.prices>div{display:block}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.pack-window{display:block;position:relative;height:100%;width:auto;max-width:100%;overflow:hidden;mix-blend-mode:multiply}.pack-window img{position:absolute;max-width:none;object-fit:fill;filter:none}.total-badge span{max-width:none;white-space:nowrap}
.catalog-search{position:relative;width:100%;max-width:420px;margin:0 0 20px}.catalog-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.catalog-search input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:16px;padding:11px 14px 11px 43px}.catalog-search input::placeholder{color:var(--muted)}.catalog-search input:focus-visible,.result-actions select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.result-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 14px}.result-actions select{max-width:100%;min-height:42px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-size:14px;padding:9px 28px 9px 12px;cursor:pointer}.empty-results{grid-column:1/-1;padding:60px 20px;text-align:center;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.empty-results strong{font-size:18px}.empty-results p{margin:10px 0 0;font-size:14px;line-height:1.8;color:var(--muted)}
@media(max-width:760px){.catalog-search{max-width:none;margin-bottom:18px}.results-heading{flex-wrap:wrap;gap:14px}.result-actions{flex:1;min-width:0;flex-wrap:nowrap}.result-actions p{display:none}.result-actions select{font-size:14px}.empty-results{padding:44px 18px}}