[data-app=home]{--lv1:#2dd4bf;--lv2:#facc15;--lv3:#fb923c;--lv4:#f43f5e;--glass:#0e1626;--line:#94c5ff24;--tx:#e8f1ff;--dim:#8ea8c9;--bg:#070d17;--field:#0a1220;--panel2:#0b1424;--acc:#7dd3fc;--acc2:#a5b4fc;--h3:#9fc3ec;--aura-op:.5;--card:#0e1626b8;--cardhov:#121d32eb;--shadow:0 18px 46px #0000006b}html[data-theme=light] [data-app=home]{--lv1:#0d9488;--lv2:#d97706;--lv3:#ea580c;--lv4:#e11d48;--glass:#fff;--line:#1e407824;--tx:#0f2137;--dim:#5b7391;--bg:#eef4fb;--field:#fff;--panel2:#f0f6fd;--acc:#0284c7;--acc2:#4f46e5;--h3:#33587d;--aura-op:.3;--card:#ffffffd1;--cardhov:#fff;--shadow:0 16px 40px #1e407821}[data-app=home] *{box-sizing:border-box;margin:0;padding:0}[data-app=home] h1,[data-app=home] h2,[data-app=home] h3,[data-app=home] h4,[data-app=home] h5,[data-app=home] p,[data-app=home] .meta,[data-app=home] .hot,[data-app=home] .nline{word-break:keep-all;overflow-wrap:break-word}[data-app=home]{background:var(--bg);min-height:100%;color:var(--tx);font-family:Pretendard,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;transition:background .35s,color .35s;position:relative;overflow-x:hidden}[data-app=home] .aura{pointer-events:none;filter:blur(70px);z-index:0;opacity:var(--aura-op);border-radius:50%;position:fixed}[data-app=home] .aura.a{background:radial-gradient(circle,#22d3ee2b,#0000 65%);width:46vmax;height:46vmax;animation:18s ease-in-out infinite drift-home;top:-16vmax;left:-14vmax}[data-app=home] .aura.b{background:radial-gradient(circle,#6366f129,#0000 65%);width:40vmax;height:40vmax;animation:22s ease-in-out infinite reverse drift-home;top:24vmax;right:-12vmax}@keyframes drift-home{50%{transform:translate(4vmax,3vmax)scale(1.07)}}[data-app=home] .wrap{z-index:1;max-width:1120px;margin:0 auto;padding:0 20px;position:relative}[data-app=home] .top{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--bg) 82%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}[data-app=home] .top .wrap{align-items:center;gap:14px;height:58px;display:flex}[data-app=home] .logo{color:var(--tx);flex:none;align-items:baseline;gap:9px;text-decoration:none;display:flex}[data-app=home] .logo b{letter-spacing:-.4px;white-space:nowrap;font-size:18px;font-weight:800}[data-app=home] .logo span{color:var(--dim);white-space:nowrap;font-size:11px;font-weight:600}[data-app=home] .topnav{background:color-mix(in srgb, var(--acc) 12%, transparent);border:1px solid var(--line);scrollbar-width:none;border-radius:999px;gap:2px;min-width:0;margin-left:auto;padding:3px;display:flex;overflow-x:auto}[data-app=home] .topnav::-webkit-scrollbar{display:none}[data-app=home] .topnav a{color:var(--dim);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s}[data-app=home] .topnav a:hover{color:var(--tx);background:color-mix(in srgb, var(--acc) 16%, transparent)}[data-app=home] .hero{text-align:center;padding:62px 0 30px}[data-app=home] .hero .kicker{color:var(--acc);background:color-mix(in srgb, var(--acc) 13%, transparent);border:1px solid color-mix(in srgb, var(--acc) 30%, transparent);border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex}[data-app=home] .hero .kicker i{background:var(--lv1);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--lv1) 70%, transparent);border-radius:50%;animation:2s infinite pulse-home}@keyframes pulse-home{70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}[data-app=home] .hero h1{letter-spacing:-1.6px;margin:20px 0 0;font-size:clamp(30px,5.4vw,52px);font-weight:800;line-height:1.18}[data-app=home] .hero h1 em{background:linear-gradient(120deg, var(--acc), var(--acc2));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}[data-app=home] .hero p{max-width:620px;color:var(--dim);margin:16px auto 0;font-size:15px;line-height:1.72}[data-app=home] .hero .stat{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;display:flex}[data-app=home] .hero .stat .s{background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:700;display:flex}[data-app=home] .hero .stat .s i{border-radius:50%;flex:none;width:8px;height:8px}[data-app=home] .hero .stat .s b{font-weight:800}[data-app=home] section{padding:46px 0}[data-app=home] .shead{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}[data-app=home] .shead h2{letter-spacing:-.6px;font-size:21px;font-weight:800}[data-app=home] .shead p{color:var(--dim);margin-top:5px;font-size:13px;line-height:1.6}[data-app=home] .shead .more{color:var(--acc);margin-left:auto;font-size:12.5px;font-weight:700;text-decoration:none}[data-app=home] .shead .more:hover{text-decoration:underline}[data-app=home] .crowdwrap{background:linear-gradient(160deg, color-mix(in srgb, var(--acc) 11%, transparent), color-mix(in srgb, var(--acc2) 9%, transparent));border:1px solid color-mix(in srgb, var(--acc) 26%, transparent);box-shadow:var(--shadow);border-radius:26px;padding:26px;position:relative}[data-app=home] .citygrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}[data-app=home] .citygrid .card.wide{grid-column:1/-1}[data-app=home] .card{color:inherit;background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:18px 18px 16px;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s,background .18s,box-shadow .18s;display:block;position:relative}[data-app=home] .card:hover{background:var(--cardhov);border-color:color-mix(in srgb, var(--acc) 46%, transparent);box-shadow:var(--shadow);transform:translateY(-3px)}[data-app=home] .card .chead{align-items:center;gap:9px;margin-bottom:13px;display:flex}[data-app=home] .card .chead .ic{font-size:19px;line-height:1}[data-app=home] .card .chead h3{letter-spacing:-.4px;font-size:16.5px;font-weight:800}[data-app=home] .card .chead .cnt{color:var(--dim);margin-left:2px;font-size:11.5px;font-weight:700}[data-app=home] .card .chead .go{color:var(--acc);align-items:center;gap:4px;margin-left:auto;font-size:11.5px;font-weight:800;transition:gap .18s;display:inline-flex}[data-app=home] .card:hover .chead .go{gap:8px}[data-app=home] .bar{background:color-mix(in srgb, var(--dim) 16%, transparent);border-radius:999px;height:9px;display:flex;overflow:hidden}[data-app=home] .bar i{height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block}[data-app=home] .legend{flex-wrap:wrap;gap:5px 10px;margin-top:11px;display:flex}[data-app=home] .legend .l{color:var(--dim);align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:inline-flex}[data-app=home] .legend .l i{border-radius:50%;width:7px;height:7px}[data-app=home] .legend .l b{color:var(--tx);font-weight:800}[data-app=home] .hot{border-top:1px dashed var(--line);color:var(--dim);margin-top:13px;padding-top:12px;font-size:12px;line-height:1.7}[data-app=home] .hot .k{color:var(--h3);margin-right:5px;font-weight:800}[data-app=home] .hot .v{color:var(--tx);font-weight:600}[data-app=home] .nlines{gap:8px;margin-top:4px;display:grid}[data-app=home] .nline{align-items:center;gap:9px;font-size:13px;line-height:1.5;display:flex}[data-app=home] .nline i{border-radius:50%;flex:none;width:8px;height:8px}[data-app=home] .nline b{font-weight:800}[data-app=home] .nline span{color:var(--dim)}[data-app=home] .nline span b{color:var(--tx)}[data-app=home] .sk{background:linear-gradient(90deg, color-mix(in srgb, var(--dim) 13%, transparent), color-mix(in srgb, var(--dim) 22%, transparent), color-mix(in srgb, var(--dim) 13%, transparent));background-size:200% 100%;border-radius:8px;animation:1.3s linear infinite sk-home}@keyframes sk-home{to{background-position:-200% 0}}[data-app=home] .sk.bar{border-radius:999px;height:9px}[data-app=home] .sk.line{width:72%;height:11px;margin-top:11px}[data-app=home] .tabs{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}[data-app=home] .tabs button{font:inherit;cursor:pointer;color:var(--dim);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-size:12.5px;font-weight:800;transition:all .16s}[data-app=home] .tabs button:hover{color:var(--tx)}[data-app=home] .tabs button.on{color:var(--tx);background:linear-gradient(135deg, color-mix(in srgb, var(--lv1) 30%, transparent), color-mix(in srgb, var(--acc2) 26%, transparent));border-color:color-mix(in srgb, var(--lv1) 46%, transparent)}[data-app=home] .tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}[data-app=home] .tile{color:inherit;background:var(--card);border:1px solid var(--line);border-radius:16px;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s,box-shadow .18s;display:block;overflow:hidden}[data-app=home] .tile:hover{border-color:color-mix(in srgb, var(--acc) 44%, transparent);box-shadow:var(--shadow);transform:translateY(-3px)}[data-app=home] .tile .ph{aspect-ratio:4/3;object-fit:cover;background:linear-gradient(135deg, color-mix(in srgb, var(--acc) 22%, transparent), color-mix(in srgb, var(--acc2) 18%, transparent));width:100%;display:block}[data-app=home] .tile .ph.none{justify-content:center;align-items:center;font-size:30px;display:flex}[data-app=home] .tile .tb{padding:12px 13px 14px}[data-app=home] .tile .tb h4{letter-spacing:-.3px;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:800;line-height:1.42;display:-webkit-box;overflow:hidden}[data-app=home] .tile .tb .meta{color:var(--dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:11.5px;line-height:1.55;display:-webkit-box;overflow:hidden}[data-app=home] .tile .tb .when{color:var(--acc);background:color-mix(in srgb, var(--acc) 13%, transparent);border-radius:999px;align-items:center;gap:5px;margin-top:8px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}[data-app=home] .tile .tb .pop{color:var(--lv3);margin-left:5px}[data-app=home] .empty{text-align:center;color:var(--dim);background:var(--card);border:1px dashed var(--line);border-radius:16px;padding:30px 22px;font-size:13px;line-height:1.75}[data-app=home] .empty b{color:var(--tx)}[data-app=home] .intro{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}[data-app=home] .intro .box{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}[data-app=home] .intro .box h3{letter-spacing:-.4px;align-items:center;gap:8px;font-size:15.5px;font-weight:800;display:flex}[data-app=home] .intro .box h3 small{color:var(--dim);font-size:11px;font-weight:700}[data-app=home] .intro .box p{color:var(--dim);margin-top:10px;font-size:13px;line-height:1.78}[data-app=home] .intro .box .tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}[data-app=home] .intro .box .tags span{color:var(--h3);background:color-mix(in srgb, var(--acc) 12%, transparent);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}[data-app=home] .intro .box .links{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}[data-app=home] .intro .box .links a{color:var(--acc);font-size:12px;font-weight:800;text-decoration:none}[data-app=home] .intro .box .links a:hover{text-decoration:underline}[data-app=home] footer{border-top:1px solid var(--line);margin-top:26px;padding:26px 0 40px}[data-app=home] footer .wrap{flex-wrap:wrap;align-items:center;gap:14px;display:flex}[data-app=home] footer p{color:var(--dim);font-size:11.5px;line-height:1.8}[data-app=home] footer .src{color:var(--dim);text-align:right;margin-left:auto;font-size:11px;line-height:1.8}@media (max-width:900px){[data-app=home] .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){[data-app=home] .wrap{padding:0 14px}[data-app=home] .hero{padding:40px 0 22px}[data-app=home] .citygrid,[data-app=home] .intro{grid-template-columns:minmax(0,1fr)}[data-app=home] .crowdwrap{border-radius:20px;padding:16px}[data-app=home] section{padding:34px 0}[data-app=home] .top .wrap{gap:10px;height:54px}[data-app=home] .topnav{padding:2px}[data-app=home] .topnav a{padding:5px 9px;font-size:11.5px}[data-app=home] .logo span{display:none}[data-app=home] footer .src{text-align:left;margin-left:0}}@media (max-width:420px){[data-app=home] .tiles{grid-template-columns:minmax(0,1fr)}}
[data-app] #crowd-tally{flex-wrap:nowrap;align-items:center;gap:6px;margin-left:auto;display:flex}[data-app] #crowd-tally .ct{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;flex:none;align-items:center;gap:6px;padding:5px 11px;display:flex}[data-app] #crowd-tally .ct i{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 8px}[data-app] #crowd-tally .ct b{letter-spacing:-.3px;color:var(--tx);font-size:13px;font-weight:900}[data-app] #crowd-tally .ct small{color:var(--dim);white-space:nowrap;font-size:11px;font-weight:700}[data-app] #theme-switch{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;gap:2px;padding:2px;display:inline-flex}[data-app] #theme-switch button{cursor:pointer;opacity:.5;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;padding:4px 10px;font-size:13px;line-height:1.15;transition:all .15s}[data-app] #theme-switch button:hover{opacity:.85}[data-app] #theme-switch button.on{opacity:1;background:linear-gradient(135deg,#2dd4bf4d,#6366f13d)}@media (max-width:860px),(hover:none){[data-app] #crowd-tally .ct,[data-app] #theme-switch{-webkit-backdrop-filter:none!important}}@media (max-width:860px){[data-app] #crowd-tally{flex-wrap:wrap;flex:100%;order:3;row-gap:6px;margin-left:0}[data-app] #crowd-tally .ct{padding:4px 9px}}[data-app=airport] #anchors{flex-wrap:wrap;overflow-x:visible}[data-app=airport] .row.dep{flex-wrap:wrap;align-items:flex-start}[data-app=airport] .row.dep .body{flex-direction:column;flex:1;min-width:0;display:flex}[data-app=airport] .row.dep .dsto{color:var(--acc);margin-left:6px;font-size:11.5px;font-style:normal;font-weight:700}[data-app=airport] .row.dep .fmeta{margin-top:2px}[data-app=airport] .row.dep .ftime{min-width:88px}[data-app=airport] .row.dep .ftime b{white-space:nowrap}[data-app=airport] .row.dep .ftime s{color:var(--dim);margin-right:5px;font-size:11px;font-weight:700}[data-app=airport] .row.dep .ftime .lv{background:var(--field);white-space:nowrap;border:1px solid;border-radius:999px;margin-top:4px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}[data-app=airport] .row.dep .dgo{background:var(--panel2);border:1px solid var(--line);color:var(--dim);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;flex:1 0 100%;align-items:center;gap:7px;margin-top:7px;padding:6px 9px;font-size:11px;line-height:1.5;transition:background .15s,border-color .15s;display:flex}[data-app=airport] .row.dep .dgo:hover,[data-app=airport] .row.dep .dgo:focus-visible{background:#2dd4bf1a;border-color:#2dd4bf59;outline:none}[data-app=airport] .row.dep .dgo.off{cursor:default;opacity:.85}[data-app=airport] .row.dep .dgo i{border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 9px}[data-app=airport] .row.dep .dgo .gtx{word-break:keep-all;flex:1;min-width:0}[data-app=airport] .row.dep .dgo .gtx b{color:var(--tx);font-weight:800}[data-app=airport] .row.dep .dgo .gw{white-space:nowrap;flex:none;margin-left:auto;font-size:11.5px;font-weight:800}[data-app=airport] .row.dep .dgo u{color:var(--acc);opacity:.6;flex:none;font-weight:800;text-decoration:none}[data-app=airport] .row.dep .dgo:hover u{opacity:1}@media (max-width:860px){[data-app=airport] .row.dep .dgo{gap:6px;padding:6px 8px}}[data-app] #inbound-strip{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:flex}[data-app] #inbound-strip .cap{color:var(--acc);letter-spacing:.3px;font-weight:800}[data-app] #inbound-strip .v{color:var(--dim);font-weight:600}[data-app] #inbound-strip .v b{color:var(--tx);font-size:12px;font-weight:800}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-app] .brand .brandrow{align-items:center;display:flex}[data-app] .brand h1 a{color:inherit;text-decoration:none}[data-app] .brand h1 a:hover,[data-app] .brand h1 a:focus-visible{text-underline-offset:3px;text-decoration:underline}@media (min-width:861px){[data-app] aside{top:max(74px, calc(var(--hdr-h,74px) + 10px))}}@media (max-width:860px){[data-app] aside[data-snap=peek]{height:30svh}[data-app] aside[data-snap=half]{height:48svh}[data-app] aside[data-snap=full]{height:calc(100svh - var(--hdr-h,64px) - 18px)}}[data-app] .sheet-grip{display:none}@media (max-width:860px){[data-app] #sheet-head{position:relative}[data-app] #sheet-head>button{z-index:1;position:relative}[data-app] .sheet-grip{z-index:0;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}[data-app] .sheet-grip:active{cursor:grabbing}[data-app] .sheet-grip i{background:var(--line);border-radius:999px;width:40px;height:4px;transition:background .15s;display:block}[data-app] .sheet-grip:active i,[data-app] .sheet-grip:focus-visible i{background:var(--acc)}[data-app] #arealist{scroll-padding-bottom:12px;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 22px),#0000 100%)}@supports (animation-timeline:scroll(self)){[data-app] #arealist{animation:linear both arealist-fade;animation-timeline:scroll(self);animation-range:calc(100% - 40px) 100%}@keyframes arealist-fade{to{-webkit-mask-image:linear-gradient(#000 100% 100%);mask-image:linear-gradient(#000 100% 100%)}}}}[data-app] .searchbox .addr-go{width:100%;color:var(--tx);letter-spacing:-.2px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#22d3ee2e,#6366f129);border:1px solid #22d3ee73;border-radius:12px;align-items:center;gap:6px;margin-top:8px;padding:9px 12px;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}[data-app] .searchbox .addr-go:hover{border-color:#22d3eeb3}[data-app] .searchbox .addr-go:active{transform:scale(.98)}[data-app] .searchbox .addr-go b{text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-weight:800;overflow:hidden}
