:root{--shop-primary:#B8A9E8;--shop-primary-dark:#9B8AD8;--shop-primary-light:#E8E0F0;--shop-primary-bg:#FBF8FF;--shop-pink:#FFB5C2;--shop-pink-light:#FFF0F3;--shop-mint:#A8E6CF;--shop-mint-light:#EAFFF5;--shop-blue:#B5D4F1;--shop-blue-light:#EDF5FF;--shop-yellow:#FFE8A3;--shop-yellow-light:#FFFAED;--shop-peach:#FFCDB2;--shop-peach-light:#FFF3ED;--shop-text:#3D3552;--shop-text-secondary:#5C5478;--shop-text-light:#7D7695;--shop-bg:#FBF8FF;--shop-card:#FFFFFF;--shop-border:#E8E0F0;--shop-shadow-sm:0 2px 8px rgba(184,169,232,0.08);--shop-shadow:0 4px 16px rgba(184,169,232,0.12);--shop-shadow-lg:0 8px 32px rgba(184,169,232,0.16);--shop-shadow-hover:0 12px 40px rgba(184,169,232,0.22);--shop-gradient-hero:linear-gradient(135deg,#E8E0F0,#F0E6FF 40%,#FFE8F0);--shop-gradient-btn:linear-gradient(135deg,#B8A9E8,#D4A8E0);--shop-gradient-btn-hover:linear-gradient(135deg,#9B8AD8,#C490D0);--shop-radius:16px;--shop-radius-sm:10px;--shop-radius-lg:20px;--shop-radius-pill:50px;--shop-max-width:1200px}.shop-root{min-height:100vh;background:var(--shop-bg);color:var(--shop-text);font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.shop-header{background:var(--shop-card);border-bottom:1px solid var(--shop-border);position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(255,255,255,.92)}.shop-header-inner{max-width:var(--shop-max-width);margin:0 auto;padding:12px 24px;justify-content:space-between;gap:16px}.shop-header-inner,.shop-logo{display:flex;align-items:center}.shop-logo{font-size:20px;font-weight:800;color:var(--shop-primary-dark);text-decoration:none;gap:8px;white-space:nowrap;transition:color .2s}.shop-logo:hover{color:var(--shop-primary)}.shop-search-form{flex:1 1;max-width:480px;display:flex;gap:6px}.shop-search-input{flex:1 1;padding:12px 20px;border:2px solid var(--shop-primary-light);border-radius:var(--shop-radius-pill);font-size:15px;font-weight:500;outline:none;transition:border-color .2s,box-shadow .2s;background:#FFFFFF;color:var(--shop-text);box-shadow:0 2px 8px rgba(184,169,232,.1)}.shop-search-input:focus{border-color:var(--shop-primary);box-shadow:0 0 0 4px rgba(184,169,232,.2),0 4px 12px rgba(184,169,232,.15)}.shop-search-input::placeholder{color:var(--shop-text-secondary);font-weight:400}.shop-search-btn{padding:10px 20px;border:none;border-radius:var(--shop-radius-pill);background:var(--shop-gradient-btn);color:white;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.shop-search-btn:hover{background:var(--shop-gradient-btn-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(184,169,232,.3)}.shop-header-actions{display:flex;align-items:center;gap:6px}.shop-header-link{padding:8px 16px;border-radius:var(--shop-radius-pill);text-decoration:none;font-size:13px;font-weight:600;transition:all .2s;white-space:nowrap}.shop-header-link.primary{background:var(--shop-primary-dark);color:white;font-size:12px;padding:7px 14px}.shop-header-link.primary:hover{background:var(--shop-gradient-btn-hover);transform:translateY(-1px)}.shop-header-link.ghost{color:var(--shop-text-secondary);background:transparent}.shop-header-link.ghost:hover{color:var(--shop-primary-dark);background:var(--shop-primary-light)}.shop-user-info{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--shop-text-secondary);font-weight:500}.shop-category-bar{background:var(--shop-card);border-bottom:1px solid var(--shop-border)}.shop-category-inner{max-width:var(--shop-max-width);margin:0 auto;padding:0 24px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.shop-category-inner::-webkit-scrollbar{display:none}.shop-cat-tab{padding:12px 20px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--shop-text-secondary);cursor:pointer;white-space:nowrap;position:relative;transition:color .2s}.shop-cat-tab.active,.shop-cat-tab:hover{color:var(--shop-primary-dark)}.shop-cat-tab.active:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:3px;background:var(--shop-gradient-btn);border-radius:3px 3px 0 0}.shop-category-nav{position:-webkit-sticky;position:sticky;top:56px;z-index:95;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--shop-border)}@media (max-width:768px){.shop-category-nav .shop-subcat-bar{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shop-category-nav .shop-subcat-bar::-webkit-scrollbar{display:none}}.shop-subcat-bar{max-width:var(--shop-max-width);margin:0 auto;padding:14px 24px 0;display:flex;gap:8px;flex-wrap:wrap}.shop-pill{padding:7px 18px;border-radius:var(--shop-radius-pill);border:1.5px solid var(--shop-border);background:var(--shop-card);color:var(--shop-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.shop-pill:hover{border-color:var(--shop-primary);color:var(--shop-primary-dark);background:var(--shop-primary-light)}.shop-pill.active{background:var(--shop-gradient-btn);color:white;border-color:transparent;box-shadow:0 2px 8px rgba(184,169,232,.25)}.shop-hero{background:var(--shop-gradient-hero);padding:48px 24px;text-align:center;position:relative;overflow:hidden}.shop-hero:before{top:-60%;right:-20%;width:500px;height:500px;background:rgba(184,169,232,.08)}.shop-hero:after,.shop-hero:before{content:"";position:absolute;border-radius:50%}.shop-hero:after{bottom:-40%;left:-10%;width:400px;height:400px;background:rgba(255,181,194,.08)}.shop-hero-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.shop-hero h2{font-size:32px;font-weight:800;color:var(--shop-text);margin:0 0 12px;letter-spacing:-.5px;line-height:1.3}.shop-hero p{font-size:16px;color:var(--shop-text-secondary);margin:0;line-height:1.6}.shop-hero-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.shop-hero-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--shop-primary);opacity:.3;cursor:pointer;transition:all .3s;padding:0}.shop-hero-dot.active{opacity:1;width:24px;border-radius:4px}.shop-quick-links{display:flex;justify-content:center;gap:16px;padding:20px 24px;flex-wrap:wrap}.shop-quick-link{padding:12px 28px;border-radius:var(--shop-radius-pill);text-decoration:none;font-size:14px;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:6px}.shop-quick-link.outline{border:2px solid var(--shop-border);color:var(--shop-text-secondary);background:var(--shop-card)}.shop-quick-link.outline:hover{border-color:var(--shop-primary);color:var(--shop-primary-dark);background:var(--shop-primary-light)}.shop-quick-link.pastel{border:2px solid var(--shop-pink);color:#D4708F;background:var(--shop-pink-light)}.shop-quick-link.pastel:hover{background:var(--shop-pink);color:white;transform:translateY(-2px);box-shadow:0 4px 16px rgba(255,181,194,.3)}.shop-section{max-width:var(--shop-max-width);margin:0 auto;padding:32px 24px}.shop-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.shop-section-title{font-size:20px;font-weight:800;color:var(--shop-text);display:flex;align-items:center;gap:8px}.shop-section-more{font-size:13px;font-weight:700;color:var(--shop-primary-dark);text-decoration:none;padding:4px 12px;border-radius:var(--shop-radius-pill);border:1.5px solid var(--shop-primary-light);background:var(--shop-primary-bg);transition:all .2s}.shop-section-more:hover{background:var(--shop-primary-light);color:var(--shop-text);border-color:var(--shop-primary)}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.shop-card{background:var(--shop-card);border-radius:var(--shop-radius);padding:20px;box-shadow:var(--shop-shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:10px;border:1px solid transparent;position:relative;overflow:hidden}.shop-card:hover{transform:translateY(-4px);box-shadow:var(--shop-shadow-hover);border-color:var(--shop-primary-light)}.shop-card-badges{display:flex;gap:6px;flex-wrap:wrap}.shop-badge{padding:3px 10px;border-radius:var(--shop-radius-sm);font-size:11px;font-weight:700;white-space:nowrap}.shop-badge.cat{background:var(--shop-blue-light);color:#3A6B94}.shop-badge.cat2{background:var(--shop-yellow-light);color:#8A7030}.shop-badge.free{background:var(--shop-mint-light);color:#2D7A5A}.shop-badge.discount{background:var(--shop-pink-light);color:#B34567}.shop-badge.pdf{background:var(--shop-primary-light);color:var(--shop-primary-dark)}.shop-badge.new{background:var(--shop-peach-light);color:#9A6540}.shop-card-breadcrumb{font-size:12px;color:var(--shop-text-light);display:flex;gap:4px;align-items:center}.shop-card-title{font-size:15px;font-weight:700;color:var(--shop-text);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-card-type{font-size:13px;color:var(--shop-text-secondary);display:flex;align-items:center;gap:4px}.shop-card-prices{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:14px}.shop-card-price-original{text-decoration:line-through;color:var(--shop-text-light);font-size:12px}.shop-card-price{font-weight:700;color:var(--shop-primary-dark)}.shop-card-price.free{color:#5BA88B}.shop-card-stats{display:flex;gap:12px;font-size:12px;color:var(--shop-text-light);margin-top:auto;padding-top:8px;border-top:1px solid var(--shop-border)}.shop-card-btn{display:block;width:100%;padding:10px;border:none;border-radius:var(--shop-radius-sm);background:var(--shop-gradient-btn);color:white;font-size:13px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s;margin-top:4px}.shop-card-btn:hover{background:var(--shop-gradient-btn-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(184,169,232,.3)}.shop-sort-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:8px}.shop-count{font-size:14px;color:var(--shop-text-secondary)}.shop-count b{color:var(--shop-primary-dark);font-weight:700}.shop-sort-buttons{display:flex;gap:4px}.shop-sort-btn{padding:6px 16px;border-radius:var(--shop-radius-sm);border:1.5px solid var(--shop-border);background:var(--shop-card);color:var(--shop-text-light);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.shop-sort-btn.active,.shop-sort-btn:hover{border-color:var(--shop-primary);color:var(--shop-primary-dark)}.shop-sort-btn.active{background:var(--shop-primary-light);font-weight:700}.shop-pagination{display:flex;justify-content:center;gap:4px;margin-top:36px;flex-wrap:wrap}.shop-page-btn{padding:8px 14px;border-radius:var(--shop-radius-sm);border:1.5px solid var(--shop-border);background:var(--shop-card);color:var(--shop-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.shop-page-btn:hover:not(:disabled){border-color:var(--shop-primary);color:var(--shop-primary-dark)}.shop-page-btn.active{background:var(--shop-gradient-btn);color:white;border-color:transparent;font-weight:700}.shop-page-btn:disabled{opacity:.4;cursor:default}.shop-footer{background:var(--shop-card);border-top:1px solid var(--shop-border);padding:32px 24px;text-align:center;color:var(--shop-text-light);font-size:13px}.shop-footer a{color:var(--shop-primary-dark);text-decoration:none;margin:0 8px}.shop-footer a:hover{text-decoration:underline}.shop-loading{display:flex;justify-content:center;align-items:center;padding:60px;color:var(--shop-text-light);font-size:15px}.shop-spinner{width:32px;height:32px;border:3px solid var(--shop-border);border-top-color:var(--shop-primary);border-radius:50%;animation:shop-spin .8s linear infinite;margin-right:12px}@keyframes shop-spin{to{transform:rotate(1turn)}}.shop-empty{text-align:center;padding:60px 20px;color:var(--shop-text-light);font-size:15px}@media (max-width:1024px){.shop-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.shop-grid{grid-template-columns:repeat(2,1fr);gap:12px}.shop-hero h2{font-size:24px}.shop-hero{padding:32px 16px}.shop-section{padding:20px 16px}.shop-header-inner{padding:10px 16px}.shop-search-form{max-width:240px}.shop-quick-links{gap:8px}.shop-quick-link{padding:10px 18px;font-size:13px}}@media (max-width:480px){.shop-grid{grid-template-columns:repeat(2,1fr);gap:10px}.shop-card{padding:14px}.shop-card-title{font-size:13px}.shop-hero h2{font-size:20px}.shop-header-actions{gap:2px}.shop-header-link{padding:6px 10px;font-size:12px}.shop-search-form{display:none}}.shop-pill.small{font-size:12px;padding:5px 14px;border-radius:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.signup-event-banner{background:linear-gradient(135deg,#9B8AD8,#B8A9E8 50%,#D4A8E0);color:#fff;padding:14px 20px;text-align:center;position:relative;font-size:.95rem;font-weight:600;letter-spacing:.01em;box-shadow:0 2px 12px rgba(155,138,216,.25)}.signup-cta{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#7B6FAF;padding:6px 18px;border-radius:50px;font-weight:700;font-size:.9rem;text-decoration:none;transition:transform .2s;margin:0 12px}.signup-cta:hover{transform:scale(1.04)}.signup-close-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:none;color:#fff;width:28px;height:28px;border-radius:50%;font-size:1rem;cursor:pointer;line-height:1}.signup-close-btn:hover{background:rgba(255,255,255,.45)}.shop-package-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.shop-package-card{display:block;text-decoration:none;color:inherit;background:linear-gradient(135deg,#f8faff,#f0f4ff);border:1px solid #c7d2fe;border-radius:16px;padding:24px;transition:all .3s}.shop-package-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(99,102,241,.15)}.shop-footer-brand{font-size:1.2rem;font-weight:800;margin-bottom:12px;color:#3D3552}.shop-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-bottom:12px}.shop-footer-links a{color:#7B7394;text-decoration:none;font-size:.85rem;transition:color .2s}.shop-footer-links a:hover{color:#3D3552}.shop-footer-copyright{font-size:.8rem;color:#A9A2BC}.shop-hero .hero-tag{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;padding:4px 12px;border-radius:50px;margin-bottom:8px}@media (max-width:600px){.signup-event-banner{font-size:.82rem;padding:10px 40px 10px 12px}.signup-cta{display:block;margin:8px auto 0;width:-moz-fit-content;width:fit-content}.signup-close-btn{right:8px}.shop-package-grid{grid-template-columns:1fr}}.shop-hero-controls{gap:16px;margin-top:24px}.shop-hero-arrow,.shop-hero-controls{display:flex;align-items:center;justify-content:center}.shop-hero-arrow{width:36px;height:36px;border-radius:50%;border:2px solid rgba(155,138,216,.3);background:rgba(255,255,255,.6);color:var(--shop-text);font-size:20px;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0;line-height:1}.shop-hero-arrow:hover{background:var(--shop-primary);color:#fff;border-color:var(--shop-primary)}.shop-hero-cta{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:12px 28px;background:var(--shop-gradient-btn);color:#FFFFFF;font-weight:700;font-size:14px;border:none;border-radius:var(--shop-radius-pill);text-decoration:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px rgba(155,138,216,.3);font-family:inherit}.shop-hero-cta:hover{background:var(--shop-gradient-btn-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(155,138,216,.4)}.shop-nav-tab{padding:6px 16px;border-radius:var(--shop-radius-pill);font-size:14px;font-weight:700;text-decoration:none;color:var(--shop-text-secondary);transition:all .2s;white-space:nowrap}.shop-nav-tab:hover{color:var(--shop-text);background:var(--shop-primary-light)}.shop-nav-tab.active{background:var(--shop-primary-dark);color:#FFFFFF;box-shadow:0 2px 8px rgba(155,138,216,.3)}.shop-promo-banner{max-width:var(--shop-max-width);margin:0 auto;padding:12px 24px;text-align:center;background:linear-gradient(135deg,#FFF8E1,#FFF3CD);color:#7A5F00;font-size:14px;font-weight:600;border-bottom:1px solid #ffe082}.shop-card-item-hint{font-size:11px;color:var(--shop-text-secondary);font-weight:600;margin-bottom:2px}@media (max-width:768px){.shop-hero-arrow{width:30px;height:30px;font-size:16px}.shop-hero-cta{padding:10px 20px;font-size:13px}}@media (max-width:480px){.shop-hero-controls{gap:10px}.shop-hero-arrow{width:28px;height:28px;font-size:14px}}