html{font-size:16px}@media (max-width: 1099px){html{font-size:18px}}:root{--ink: #1B2428;--sub: #5C6A70;--mute: #6F7B82;--line: #DDE4E6;--bg: #F3F6F7;--well: #EEF2F3;--card: #ffffff;--brand: #2F3E63;--brand-ink: #22304F;--brand-tint: #EAEDF4;--brand-line: #C3CBDD;--brand-deep: #182238;--brand-light: #9FADD0;--on-dark-sub: #C9D1E3;--brand-on-dark: #4A5C8F;--accent: var(--brand);--accent-weak: var(--brand-tint);--up: #D2483A;--up-tint: #FBE9E6;--down: #2F6FD6;--down-tint: #E6EEFB;--caution: #B86E00;--caution-tint: #FBF0DC;--warn: var(--up);--g-cost: #A9742A;--g-life: #2F3E63;--g-home: #1F8F86;--g-future: #A55A8C;--gold: #E8B04B;--silver: #C9D0DA;--silver-ink: #3B4656;--bronze: #D29A6A;--bronze-ink: #4A2E14;--gold-grad: linear-gradient(165deg, #F6D67F 0%, var(--gold) 52%, #C88C24 100%);--silver-grad: linear-gradient(165deg, #EEF2F7 0%, var(--silver) 52%, #A3AEBE 100%);--bronze-grad: linear-gradient(165deg, #EBBE97 0%, var(--bronze) 52%, #B0764A 100%);--school-3: #182238;--school-2: #2F3E63;--school-1: #8A98BF;--school-0: #98A8B5;--redev-1: #fde68a;--redev-2: #fbbf24;--redev-3: #fb923c;--redev-4: #f97316;--redev-5: #ea580c;--redev-6: #dc2626;--redev-7: #991b1b;--event: #8E5BA8;--nuisance: #6F7C81;--heat-down-soft: #9EC5F5;--heat-flat: #F2F5F6;--heat-up-soft: #F5C36B;--t-fast: .12s;--t-base: .2s;--t-slow: .3s;--ease-out: cubic-bezier(.2,.8,.2,1);--ease-in: cubic-bezier(.4,0,1,1);--ease-sheet: cubic-bezier(.32,.72,0,1);--shadow: 0 1px 2px rgba(27,36,40,.06), 0 6px 20px rgba(27,36,40,.07);--on-ink: #ffffff;--card-2: #F8FAFB;--glass: rgba(255,255,255,.94);--ok: #2E7D5B;--ok-tint: #E3F3EA;--map-ring: #ffffff}*{box-sizing:border-box;margin:0}body{font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;color:var(--ink);background:var(--bg)}body{word-break:keep-all}html,body{touch-action:manipulation;overscroll-behavior:none}button,input,select{font-family:inherit}a{color:var(--accent)}h1{font-size:.9769rem;font-weight:700;letter-spacing:-.3px;display:flex;align-items:center;gap:9px}h1 small{color:var(--mute);font-weight:400;font-size:.9077rem;margin-left:8px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--well);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent);border:none}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border:none;border-radius:0}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;flex:none;box-sizing:border-box;border:1.5px solid var(--line);border-radius:5px;background:var(--card);cursor:pointer;position:relative;vertical-align:-3px;transition:background .12s,border-color .12s}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";position:absolute;left:4.5px;top:1.5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=checkbox]:disabled{opacity:.45;cursor:default}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:26px!important}.hint{font-size:.8962rem;color:var(--sub);margin-top:10px}.map-wrap{position:relative;border:1px solid var(--line);touch-action:none}.map{width:100%;height:360px;background:var(--well)}.tag-wolse{background:var(--caution)}.events{list-style:none;padding:0;font-size:.9308rem}.intro{background:var(--brand-tint);border-bottom:1px solid var(--brand-line);padding:10px 20px;font-size:.9308rem;line-height:1.7;color:var(--brand-ink)}.intro b{margin-right:4px}.intro button{margin-left:10px;border:1px solid var(--brand-line);background:var(--card);padding:2px 10px;font-size:.9077rem;cursor:pointer;color:var(--brand-ink)}@keyframes tourSlide{0%{opacity:0;translate:36px 0}to{opacity:1;translate:0 0}}.mp-link-btn:disabled{opacity:.45;cursor:default}.ms{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:1.1875rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;vertical-align:-3px}.mp-cmp-acts{display:flex;gap:10px;flex-shrink:0}:root{--r: 12px;--r-sm: 8px}.card,.panel,.acard,.rec-card,.modal,.ask-box,.supply-line,.adm-grid>div{border-radius:var(--r)}button,select,textarea,input:not([type=checkbox]):not([type=range]){border-radius:var(--r-sm)}input[type=range]::-webkit-slider-thumb{border-radius:999px}input[type=range]::-moz-range-thumb{border-radius:999px}input[type=range]{border-radius:3px}@keyframes shFadeIn{0%{opacity:0}to{opacity:1}}@keyframes shPopIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes shSlideUp{0%{transform:translateY(28px);opacity:.6}to{transform:none;opacity:1}}.card:active{transform:scale(.992)}button:not(:disabled){transition:transform .1s ease,background .15s ease,color .15s ease,border-color .15s ease}button:not(:disabled):active{transform:scale(.96)}@keyframes shPing{0%{transform:scale(1);opacity:.85}to{transform:scale(2.1);opacity:0}}button:disabled{cursor:not-allowed}@keyframes shPop{0%{transform:scale(1)}45%{transform:scale(1.45) rotate(-8deg)}to{transform:scale(1)}}@keyframes skelShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.seg{display:inline-flex;position:relative;margin-left:4px;background:var(--well);border:1px solid var(--line);border-radius:var(--r-sm);padding:2px}.seg button{position:relative;z-index:1;border:none;background:transparent;padding:4px 10px;font-size:.85rem;color:var(--sub);cursor:pointer;border-radius:calc(var(--r-sm) - 2px);white-space:nowrap;transition:color .18s}@keyframes mkDrop{0%{opacity:0;transform:translateY(-10px) scale(.75)}}@keyframes sparkDraw{to{stroke-dashoffset:0}}@keyframes spin{to{transform:rotate(360deg)}}div:has(>.feng-canvas){pointer-events:none}.map-supply .zone-btn.loc-btn{align-self:flex-start}.zone-btn.loc-btn .ms{color:var(--down)}.redev-legend{max-width:min(320px,64vw)}.zone-btn{z-index:40;position:relative;display:inline-flex;align-items:center;gap:5px;padding:7px 12px 7px 9px;border-radius:999px;border:1px solid transparent;background:var(--card);color:var(--ink);font-size:.8615rem;font-weight:700;cursor:pointer;box-shadow:0 2px 10px #1018282e}.zone-btn .ms{font-size:1.05rem;color:var(--accent)}.zb-short,.ctrl-fold{display:none}@keyframes wcInL{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:none}}@keyframes wcInR{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}@keyframes wcVs{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes wcCrown{0%{opacity:0;transform:translateY(18px) scale(.5)}to{opacity:1;transform:none}}@keyframes wcHintIn{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}@keyframes wcFinger{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes wcInT{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}@keyframes wcInB{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes menuHint{0%{transform:scale(1);opacity:.85}70%,to{transform:scale(1.55);opacity:0}}@keyframes wcBanner{0%{opacity:0;transform:scale(1.7)}10%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes wcConfetti{0%{opacity:0;transform:translateY(0) rotate(0)}8%{opacity:1}to{opacity:.15;transform:translateY(420px) rotate(540deg)}}@keyframes wcPop{0%{opacity:0;transform:scale(.4) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.map-chips{position:absolute;left:10px;top:10px;z-index:340;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:calc(100% - 20px)}.map-supply,.map-daily{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.map-supply .supply-line{order:1}.map-supply .zone-btn.loc-btn{order:2}@keyframes rvmSpin{to{transform:rotate(360deg)}}@keyframes rvmHint{0%,70%{opacity:1}to{opacity:0}}@keyframes rpSkel{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}.rl-mobile-only{display:none!important}.zone-btn.loc-btn{width:36px;height:36px;padding:0;border-radius:var(--r-sm);justify-content:center;border:1px solid var(--line);box-shadow:var(--shadow)}.zone-btn.loc-btn .zb-label,.zone-btn.loc-btn .zb-short{display:none}.zone-btn.loc-btn .ms{color:var(--sub)}input[type=range]{height:4px;border-radius:2px;background:var(--well)}input[type=range]::-webkit-slider-thumb{width:18px;height:18px;border-radius:50%;background:var(--card);border:2px solid var(--accent);box-shadow:0 1px 3px #1b24282e}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--card);border:2px solid var(--accent);box-shadow:0 1px 3px #1b24282e}input[type=checkbox],input[type=radio]{accent-color:var(--brand)}@keyframes shSheetUp{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}html[data-theme=dark]{color-scheme:dark;--ink: #E6EAF0;--sub: #A9B3BD;--mute: #737F8A;--line: #2B343E;--bg: #0F1419;--well: #1B222B;--card: #171D25;--card-2: #1C232C;--brand: #55689F;--brand-ink: #B4C1E8;--brand-tint: #212B45;--brand-line: #3B4A73;--brand-deep: #0C1220;--brand-light: #A9B8E0;--brand-on-dark: #6F86C4;--up: #EF7A6C;--up-tint: #3B211E;--down: #78A6F0;--down-tint: #1C2B45;--caution: #E3A84F;--caution-tint: #3A2D16;--g-cost: #CFA05A;--g-life: #93A5D8;--g-home: #45B8AD;--g-future: #C98BB9;--heat-flat: #2A3138;--on-ink: #0F1419;--glass: rgba(23,29,37,.94);--ok: #5BBF92;--ok-tint: #17302A;--shadow: 0 1px 2px rgba(0,0,0,.45), 0 8px 24px rgba(0,0,0,.5)}*{scrollbar-width:thin;scrollbar-color:var(--brand-line) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--brand-line);border-radius:var(--r-sm);border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--brand-light)}*::-webkit-scrollbar-corner{background:transparent}@keyframes shFlash{0%,30%{background:#e8b04b59}to{background:transparent}}@keyframes shSheetUp{0%{transform:translateY(24px);opacity:0}}@keyframes shPopUp{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes shPopUp2{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes sbFlash{0%{background:var(--brand-tint)}to{background:transparent}}@keyframes sp-dot{0%,60%,to{opacity:.28}30%{opacity:1}}
