.list-page{z-index:1;min-height:100vh;padding-top:64px;position:relative}.list-header{background:radial-gradient(60% 80% at 80%,#9b6dff1a 0%,#0000 60%),radial-gradient(40% 60% at 10%,#f0c04012 0%,#0000 55%),#0f0f1a;border-bottom:1px solid #ffffff12;padding:48px 40px 40px;position:relative;overflow:hidden}.list-header-inner{z-index:2;justify-content:space-between;align-items:flex-end;gap:20px;max-width:1400px;margin:0 auto;display:flex;position:relative}.list-breadcrumb{color:#f0f0f573;letter-spacing:1px;align-items:center;gap:6px;margin-bottom:10px;font-size:.72rem;display:flex}.list-breadcrumb a{color:#f0f0f573;text-decoration:none}.list-title{letter-spacing:2px;color:#f0f0f5;font-family:Bebas Neue,sans-serif;font-size:2.6rem}.list-title span{color:#f0c040}.list-subtitle{color:#f0f0f573;margin-top:6px;font-size:.82rem}.list-count-badge{letter-spacing:1px;color:#f0c040;white-space:nowrap;background:#f0c0401a;border:1px solid #f0c04040;border-radius:20px;align-self:flex-end;padding:6px 16px;font-size:.75rem;font-weight:700}.how-bar{max-width:1400px;margin:24px auto 0;padding:0 40px}.how-inner{background:linear-gradient(135deg,#f0c0400f,#f0c04008);border:1px solid #f0c0402e;border-radius:14px;align-items:center;padding:14px 32px;display:flex}.how-label{letter-spacing:2px;color:#f0c040;white-space:nowrap;opacity:.8;margin-right:28px;font-family:Bebas Neue,sans-serif;font-size:1.7rem}.how-steps{flex:1;align-items:center;display:flex}.how-step{flex:1;justify-content:center;align-items:center;display:flex}.how-step-title{color:#f0f0f5;white-space:nowrap;font-size:1.23rem;font-weight:700}.how-arrow{color:#f0c040;opacity:.6;flex-shrink:0;margin:0 4px;font-size:1rem}.list-filter-bar{border-bottom:1px solid #ffffff12;flex-wrap:wrap;align-items:center;gap:10px;max-width:1400px;margin:0 auto;padding:20px 40px;display:flex}.filter-tab{letter-spacing:.5px;color:#f0f0f573;cursor:pointer;background:0 0;border:1px solid #ffffff21;border-radius:20px;padding:6px 16px;font-family:Noto Sans KR,sans-serif;font-size:.78rem;font-weight:500;transition:all .2s}.filter-tab:hover{color:#f0c040;border-color:#f0c040}.filter-tab.active{color:#f0c040;background:#f0c0401f;border-color:#f0c04080}.filter-sep{background:#ffffff21;width:1px;height:18px;margin:0 4px}.filter-sort{color:#f0f0f573;cursor:pointer;background:#0f0f1a;border:1px solid #ffffff21;border-radius:6px;margin-left:auto;padding:6px 14px;font-family:Noto Sans KR,sans-serif;font-size:.78rem;font-weight:500}.slider-section{flex-direction:column;align-items:center;padding:36px 0 52px;display:flex}.slider-meta{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin-bottom:28px;padding:0 40px;display:flex}.slider-result{color:#f0f0f573;font-size:.78rem}.slider-result strong{color:#f0c040}.slider-index{letter-spacing:2px;color:#f0f0f573;font-family:Bebas Neue,sans-serif;font-size:1rem}.slider-index em{color:#f0f0f5;font-size:1.3rem;font-style:normal}.slider-row{align-items:center;width:100%;display:flex;position:relative}.slider-arrow{color:#f0f0f5;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:20;background:#ffffff0f;border:1px solid #ffffff21;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.8rem;line-height:1;transition:all .22s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-arrow:hover{color:#f0c040;background:#f0c0402e;border-color:#f0c04080}#btnPrev{left:12px}#btnNext{right:12px}.slider-track-wrap{box-sizing:border-box;width:100%;padding:40px 0;position:relative;overflow:hidden}.slider-track{will-change:transform;align-items:center;display:flex;position:relative}.kcard{cursor:pointer;opacity:.35;filter:brightness(.5);z-index:1;border:1px solid #ffffff12;border-radius:18px;flex-shrink:0;width:480px;height:720px;margin-right:-120px;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s cubic-bezier(.22,1,.36,1),filter .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .3s;position:relative;overflow:hidden;transform:scale(.76)}.kcard:last-child{margin-right:0}.kcard.side-near{opacity:.62;filter:brightness(.68);z-index:5;transform:scale(.88)}.kcard.side-far{opacity:.35;filter:brightness(.5);z-index:1;transform:scale(.76)}.kcard.center{opacity:1;filter:brightness();z-index:10;border-color:#ffffff21;transform:scale(1);box-shadow:0 28px 80px #000000bf}.kcard-bg{transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.kcard.center:hover .kcard-bg{transform:scale(1.05)}.kcard-emoji{z-index:2;filter:drop-shadow(0 8px 28px #000c);font-size:11rem;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}.kcard.center:hover .kcard-emoji{transform:translate(-50%,-62%)scale(1.06)}.kcard-overlay{z-index:3;background:linear-gradient(#0000 30%,#00000073 58%,#000000f2 100%);position:absolute;inset:0}.kcard-type{z-index:6;letter-spacing:2px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;border:1px solid #ffffff1f;border-radius:5px;padding:4px 12px;font-family:Bebas Neue,sans-serif;font-size:.7rem;position:absolute;top:16px;left:16px}.kcard-badges{z-index:6;flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:absolute;top:16px;right:16px}.kbadge{letter-spacing:1px;white-space:nowrap;border-radius:5px;padding:4px 12px;font-size:.67rem;font-weight:700}.kb-open{color:#2ecc71;background:#2ecc7133;border:1px solid #2ecc7166}.kb-hot{color:#ff4d6d;background:#ff4d6d33;border:1px solid #ff4d6d66}.kb-last{color:#9b6dff;background:#9b6dff33;border:1px solid #9b6dff66}.kcard-info{z-index:6;opacity:0;padding:18px 18px 20px;transition:opacity .4s;position:absolute;bottom:0;left:0;right:0}.kcard.center .kcard-info{opacity:1}.kcard-name{margin-bottom:10px;font-size:1.05rem;font-weight:700;line-height:1.3}.kcard-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kcard-remain{color:#f0f0f599;font-size:.7rem}.kcard-price{letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:1.45rem}.kcard-btn{cursor:pointer;letter-spacing:1px;border:none;border-radius:9px;width:100%;padding:11px;font-family:Noto Sans KR,sans-serif;font-size:.83rem;font-weight:700;transition:all .2s}.kcard-btn-active{color:#000;background:linear-gradient(135deg,#f0c040,#e8a820);box-shadow:0 2px 16px #f0c04059}.kcard-btn-end{color:#f0f0f573;cursor:not-allowed;background:#ffffff0f}.kcard-prog{z-index:7;opacity:0;background:#ffffff0f;height:3px;transition:opacity .4s;position:absolute;bottom:0;left:0;right:0}.kcard.center .kcard-prog{opacity:1}.kcard-prog-bar{height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.slider-dots{justify-content:center;gap:8px;margin-top:28px;display:flex}.sdot{cursor:pointer;background:#ffffff2e;border-radius:3px;width:6px;height:6px;transition:all .3s}.sdot.active{background:#f0c040;width:22px}.list-empty{color:#f0f0f573;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;display:flex}.list-empty-icon{opacity:.4;font-size:3rem}.list-empty-text{text-align:center;font-size:.9rem;line-height:1.6}@media (max-width:1400px){.kcard{width:380px;height:570px;margin-right:-95px}.kcard-emoji{font-size:9rem}}@media (max-width:1100px){.kcard{width:300px;height:450px;margin-right:-75px}.kcard-emoji{font-size:7rem}}@media (max-width:900px){.how-bar{padding:0 20px}.how-inner{padding:14px 20px}.how-label{margin-right:16px;font-size:1.2rem}.how-step-title{font-size:.95rem}.how-arrow{margin:0 2px}}@media (max-width:760px){.list-header{padding:36px 20px 28px}.list-header-inner{flex-direction:column;align-items:flex-start;gap:10px}.list-filter-bar{padding-left:20px;padding-right:20px}.slider-arrow{width:40px;height:40px;font-size:1.3rem}.kcard{width:200px;height:300px;margin-right:-50px}.kcard-emoji{font-size:4.5rem}.kcard-name{font-size:.85rem}.kcard-price{font-size:1.1rem}}@media (max-width:600px){.how-inner{flex-wrap:wrap;gap:10px}.how-label{width:100%;margin-right:0}.how-steps{gap:0}.how-step-title{font-size:.82rem}}