:root{--bg:#f0f9fb;--bg-elevated:#fff;--ink:#0c4a5c;--muted:#5b7a84;--ocean:#0891b2;--aqua:#22d3ee;--sunset:#f97316;--line:#0891b21f;--shadow:0 12px 30px #0869821a;--radius:18px;--nav-h:68px;--safe-bottom:env(safe-area-inset-bottom,0px);--font-display:"Outfit", "Noto Sans KR", sans-serif;--font-body:"Noto Sans KR", sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(120% 80% at 100% -10%, #1db8a82e, transparent 50%), radial-gradient(90% 60% at 0% 100%, #ff6b4a1a, transparent 45%), var(--bg);min-width:320px}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0}p{margin:0}.app-shell{background:0 0;width:min(100%,480px);min-height:100dvh;margin:0 auto;position:relative}.app-main{padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px)}.page{padding:20px 18px 28px;animation:.45s both fadeUp}.home-page{padding:0 0 28px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero{color:#fff;border-radius:0 0 28px 28px;align-items:flex-end;min-height:78dvh;display:flex;position:relative;overflow:hidden}.hero-bg{background:linear-gradient(#0b2a3226 0%,#0b2a32c7 70%,#0b2a32eb 100%),url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1200&q=80) 50%/cover no-repeat;animation:12s ease-in-out infinite alternate heroZoom;position:absolute;inset:0;transform:scale(1.04)}@keyframes heroZoom{0%{transform:scale(1.04)translateY(0)}to{transform:scale(1.1)translateY(-1.5%)}}.hero-content{z-index:1;width:100%;padding:28px 20px 36px;position:relative}.brand{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(2.2rem,10vw,3rem);font-weight:800;animation:.6s both fadeUp}.hero-sub{color:#ffffffdb;max-width:28ch;margin-bottom:22px;font-size:.95rem;line-height:1.55}.hero-cta{flex-wrap:wrap;gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:13px 18px;font-weight:600;transition:transform .18s,background .18s,opacity .18s;display:inline-flex}.btn:active{transform:scale(.98)}.btn.full{width:100%}.btn-primary{background:var(--sunset);color:#fff}.btn-primary:hover{background:#ff5730}.btn-secondary{background:var(--ocean);color:#fff;padding:10px 14px;font-size:.9rem}.btn-ghost{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #ffffff47}.page .btn-ghost{color:var(--ocean);background:0 0;border:1px solid #0c6b7a40}.btn.danger{color:#b42318;border-color:#b4231840;margin-top:18px}.home-page .section,.home-page .how-section{padding-left:18px;padding-right:18px}.section{margin-top:28px}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.section-head h2,.subhead,.page-header h1{font-size:1.25rem}.section-head a{color:var(--ocean);font-size:.9rem;font-weight:600}.page-header{margin-bottom:18px}.page-header p{color:var(--muted);margin-top:6px;font-size:.92rem}.place-list{gap:14px;display:grid}.place-card{background:var(--bg-elevated);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:112px 1fr;gap:12px;transition:transform .2s;display:grid;overflow:hidden}.place-card:active{transform:scale(.99)}.place-card-media{min-height:112px;position:relative}.place-card-media img{object-fit:cover;width:100%;height:100%}.place-discount{background:var(--sunset);color:#fff;font-family:var(--font-display);border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:700;position:absolute;bottom:8px;left:8px}.place-card-body{flex-direction:column;justify-content:center;gap:4px;padding:12px 12px 12px 0;display:flex}.place-card-body h3{font-size:1.02rem;line-height:1.3}.place-meta{color:var(--muted);font-size:.78rem;font-weight:500}.place-benefit{color:var(--ocean);font-size:.88rem;font-weight:600}.how-section h2{margin-bottom:14px}.how-list{counter-reset:step;gap:10px;margin:0;padding:0;list-style:none;display:grid}.how-list li{counter-increment:step;background:var(--bg-elevated);box-shadow:var(--shadow);border-radius:16px;padding:14px 14px 14px 52px;position:relative}.how-list li:before{content:counter(step);background:var(--aqua);color:#fff;width:28px;height:28px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.how-list strong{margin-bottom:2px;display:block}.how-list span{color:var(--muted);font-size:.88rem}.search-box input{border:1px solid var(--line);background:var(--bg-elevated);border-radius:14px;outline:none;width:100%;padding:13px 14px}.search-box input:focus{border-color:var(--aqua);box-shadow:0 0 0 3px #1db8a82e}.chip-row{scrollbar-width:none;gap:8px;padding:14px 0 8px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--bg-elevated);color:var(--muted);cursor:pointer;border-radius:999px;flex:none;padding:8px 14px;font-size:.88rem;font-weight:600}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.result-count{color:var(--muted);margin:4px 0 12px;font-size:.85rem}.empty-text,.empty-box{text-align:center;color:var(--muted);padding:36px 12px}.empty-box{background:var(--bg-elevated);border-radius:var(--radius);justify-items:center;gap:14px;display:grid}.detail-page{padding:0 0 100px}.detail-hero{height:280px;position:relative}.detail-hero img{object-fit:cover;width:100%;height:100%}.back-btn{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b2a328c;border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.1rem;display:grid;position:absolute;top:14px;left:14px}.detail-discount{padding:6px 12px;font-size:.9rem;bottom:14px;left:auto;right:14px}.detail-body{padding:20px 18px 0}.detail-body h1{margin:6px 0 8px;font-size:1.55rem}.detail-benefit{color:var(--ocean);margin-bottom:12px;font-size:1.05rem;font-weight:700}.detail-desc{color:var(--muted);font-size:.95rem;line-height:1.6}.tag-row{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.tag{color:var(--ocean);background:#1db8a81f;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:600}.detail-note{background:var(--bg-elevated);box-shadow:var(--shadow);border-radius:16px;padding:14px}.detail-note p{color:var(--muted);margin-top:4px;font-size:.9rem}.sticky-cta{left:50%;bottom:calc(var(--nav-h) + var(--safe-bottom) + 10px);z-index:20;width:min(100% - 36px,444px);position:fixed;transform:translate(-50%)}.status-banner{background:linear-gradient(120deg, var(--ocean), var(--aqua));color:#fff;border-radius:16px;gap:4px;margin-bottom:16px;padding:14px 16px;display:grid}.plan-list{gap:12px;margin-bottom:16px;display:grid}.plan-card{text-align:left;background:var(--bg-elevated);box-shadow:var(--shadow);cursor:pointer;color:inherit;border:2px solid #0000;border-radius:18px;padding:16px}.plan-card.selected{border-color:var(--aqua);box-shadow:0 0 0 3px #1db8a826, var(--shadow)}.plan-top{justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.plan-top h2{font-size:1.2rem}.plan-top p{color:var(--muted);margin-top:2px;font-size:.88rem}.plan-badge{background:var(--sunset);color:#fff;border-radius:999px;align-self:flex-start;padding:4px 8px;font-size:.75rem;font-weight:700}.plan-price{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.plan-price strong{font-family:var(--font-display);font-size:1.35rem}.old-price{color:var(--muted);font-size:.85rem;text-decoration:line-through}.plan-card ul{color:var(--muted);gap:4px;margin:0;padding-left:18px;font-size:.88rem;display:grid}.fine-print{color:var(--muted);margin-top:12px;font-size:.78rem;line-height:1.5}.coupon-list{gap:10px;display:grid}.coupon-card{background:var(--bg-elevated);box-shadow:var(--shadow);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.coupon-card.used{opacity:.55}.coupon-card h3{margin:4px 0;font-size:1rem}.used-label{color:var(--muted);font-size:.85rem;font-weight:600}.profile-card{color:#fff;background:linear-gradient(145deg,#0b2a32 0%,#0c6b7a 60%,#1db8a8 120%);border-radius:20px;margin-bottom:14px;padding:22px 18px}.brand-mini{font-family:var(--font-display);letter-spacing:.06em;opacity:.85;margin-bottom:8px;font-weight:800}.profile-card h2{margin-bottom:6px;font-size:1.4rem}.profile-card p:last-child{opacity:.85;font-size:.9rem}.stat-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.stat{background:var(--bg-elevated);text-align:center;box-shadow:var(--shadow);border-radius:14px;padding:14px 8px}.stat strong{font-family:var(--font-display);margin-bottom:2px;font-size:1.2rem;display:block}.stat span{color:var(--muted);font-size:.78rem}.menu-list{background:var(--bg-elevated);box-shadow:var(--shadow);border-radius:16px;display:grid;overflow:hidden}.menu-list a{border-bottom:1px solid var(--line);padding:15px 16px;font-weight:600}.menu-list a:last-child{border-bottom:none}.bottom-nav{width:min(100%,480px);height:calc(var(--nav-h) + var(--safe-bottom));padding:8px 8px calc(8px + var(--safe-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:30;background:#ffffffeb;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--muted);place-items:center;gap:2px;font-size:.7rem;font-weight:600;display:grid}.nav-icon{font-size:1.05rem;line-height:1}.nav-item.active{color:var(--ocean)}.toast{left:50%;bottom:calc(var(--nav-h) + var(--safe-bottom) + 72px);background:var(--ink);color:#fff;z-index:40;border-radius:14px;width:min(100% - 36px,420px);padding:12px 14px;font-size:.9rem;animation:.25s both fadeUp;position:fixed;transform:translate(-50%)}.toast.success{background:var(--ocean)}.toast a{font-weight:700;text-decoration:underline}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.top-bar{justify-content:space-between;align-items:center;padding:14px 18px 0;display:flex}.brand-mark{font-family:var(--font-display);letter-spacing:.08em;color:var(--ocean);font-size:.85rem;font-weight:800}.top-chip{color:var(--ocean);background:#0891b21f;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700}.hero h2{max-width:16ch;margin-bottom:10px;font-size:clamp(1.2rem,5vw,1.55rem);font-weight:700;line-height:1.35}.banner-link,.promo-banner{color:#fff;border-radius:16px;margin:14px 18px 0;padding:14px 16px;font-weight:600;display:block}.login-banner{text-align:center;background:linear-gradient(120deg,#0891b2,#22d3ee)}.banner-stack{gap:10px;padding:14px 18px 0;display:grid}.promo-banner{margin:0}.promo-banner strong{margin-bottom:4px;font-size:1rem;display:block}.promo-banner span{opacity:.92;font-size:.85rem;font-weight:500}.promo-banner.cyan{background:linear-gradient(125deg,#0e7490,#06b6d4)}.promo-banner.night{background:linear-gradient(125deg,#1e3a5f,#0891b2)}.promo-banner.sand{background:linear-gradient(125deg,#0f766e,#14b8a6)}.benefit-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.benefit-grid div{background:var(--bg-elevated);box-shadow:var(--shadow);border-radius:14px;padding:14px}.benefit-grid strong{font-family:var(--font-display);margin-bottom:2px;display:block}.benefit-grid span{color:var(--muted);font-size:.85rem}.course-scroll{scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.course-scroll::-webkit-scrollbar{display:none}.course-card{background:var(--bg-elevated);box-shadow:var(--shadow);border-radius:16px;flex:0 0 240px;overflow:hidden}.course-card img{object-fit:cover;width:100%;height:110px}.course-card div{padding:12px}.course-card h3{margin:4px 0;font-size:.98rem}.course-card p:last-child{color:var(--muted);font-size:.82rem;line-height:1.4}.chip.ghost{background:0 0}.chip-row.thin{padding-top:0}.ticket-list{gap:12px;display:grid}.ticket-card{background:var(--bg-elevated);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:104px 1fr;gap:12px;display:grid;overflow:hidden}.ticket-card img{object-fit:cover;width:100%;height:100%;min-height:110px}.ticket-card>div{padding:12px 12px 12px 0}.ticket-card h3{margin:4px 0;font-size:1rem}.pay-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.pay-tabs button{border:1px solid var(--line);background:var(--bg-elevated);color:var(--muted);cursor:pointer;border-radius:12px;padding:12px;font-weight:700}.pay-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.ticket-owned{margin-bottom:10px}.phone-line{color:var(--muted);margin-top:6px;font-size:.82rem}.free-badge{color:var(--ocean);background:#22d3ee2e;border-radius:999px;margin:8px 0;padding:6px 10px;font-size:.82rem;font-weight:700;display:inline-block}.login-form{gap:14px;margin-bottom:16px;display:grid}.login-form label{gap:6px;font-size:.9rem;font-weight:600;display:grid}.login-form input{border:1px solid var(--line);border-radius:12px;outline:none;padding:13px 14px}.login-form input:focus{border-color:var(--ocean);box-shadow:0 0 0 3px #0891b226}.text-link{color:var(--ocean);text-align:center;font-weight:600;display:block}.menu-btn{text-align:left;border:none;border-bottom:1px solid var(--line);cursor:pointer;width:100%;color:inherit;background:0 0;padding:15px 16px;font-weight:600}.fine-print.center{text-align:center;margin:16px 0 0}@media (width>=481px){.app-shell{box-shadow:0 0 0 1px var(--line), 0 20px 60px #0b2a321f;background:#ffffff59}.hero{border-radius:0}}