@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');:root{--ink:#153c39;--teal:#137569;--bg:#f5f7f3;--line:#dce4de;--muted:#62766f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 'Noto Sans KR',sans-serif}a{color:var(--teal)}header,footer{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 28px}header{border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:23px;font-weight:800}nav,footer div{display:flex;gap:24px}nav a,footer a{text-decoration:none;font-size:13px}main{max-width:1064px;margin:0 auto;padding:0 24px 50px}.hero{padding:52px 0 26px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--teal)}h1{font-size:46px;line-height:1.3;letter-spacing:-2px;margin:15px 0}h2{font-size:21px;margin:0}h3{margin:0;font-size:19px}.hero p,.muted{color:var(--muted)}.panel,.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;margin:18px 0}.search-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}label{display:block;font-weight:700;margin-bottom:8px}.input-row{display:flex;gap:8px}input{width:100%;min-width:0;font:inherit;padding:12px;border:1px solid #bacbc2;border-radius:9px}button,.button{font:inherit;font-size:13px;border:1px solid #b9d1c8;color:var(--ink);background:#edf4ef;border-radius:9px;padding:11px 14px;cursor:pointer;text-decoration:none}button{white-space:nowrap}button:disabled{opacity:.55;cursor:wait}button:hover{background:#dcebe2}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #edb65a;outline-offset:3px}.primary{background:var(--teal);color:white;margin-top:20px;font-weight:700;min-width:220px}.primary:hover{background:#0e6157}.places button{display:block;white-space:normal;width:100%;text-align:left;margin-top:6px;background:#f6faf6}.places small{display:block;color:var(--muted)}#status{font-size:13px;margin-bottom:0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.section-title span{font-size:12px;color:var(--muted)}#map{height:380px;border-radius:12px;background:#e8eee7;overflow:hidden}.map-placeholder{padding:120px 25px;text-align:center;color:var(--muted)}.marker{background:var(--teal);border:3px solid white;border-radius:50%;width:34px;height:34px;color:white;text-align:center;font-weight:bold;line-height:28px;box-shadow:0 2px 8px #0003}.empty{padding:45px;text-align:center;border:1px dashed #b8ccc0;border-radius:15px;color:var(--muted)}.card-head{display:flex;gap:15px;align-items:center}.number{background:var(--teal);color:white;min-width:35px;height:35px;border-radius:50%;text-align:center;line-height:35px;font-weight:700}.card-head small{display:block;color:var(--muted)}.weather-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.weather-box{background:#f4f7f3;padding:16px;border-radius:12px}.weather-box strong{display:block;font-size:25px;margin:8px 0}.weather-box small{display:block;color:var(--muted)}.actions{display:flex;gap:9px;flex-wrap:wrap}.detail{margin-top:13px;font-size:13px}.detail p{margin:7px 0}.error{color:#995136}.notice{padding:23px 26px;background:#edf0e5;border-radius:15px;margin-top:30px;font-size:13px}.notice p{color:#596858}.muted{font-size:13px}.camera{padding:10px 0;border-bottom:1px solid var(--line)}video{display:block;width:100%;max-height:350px;background:#142523;margin-top:10px}footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted)}article{max-width:760px;padding:30px 0}article h1{font-size:32px}article h2{margin-top:30px}@media(max-width:640px){header,footer{padding:20px}.brand{font-size:20px}nav{gap:13px}main{padding:0 16px 35px}.hero{padding-top:30px}h1{font-size:34px}.panel,.card{padding:18px}.search-grid,.weather-grid{grid-template-columns:1fr}.search-grid{gap:15px}#map{height:300px}.section-title{align-items:flex-start}.section-title span{max-width:145px;text-align:right}.primary{width:100%}footer{align-items:flex-start;gap:15px;flex-direction:column}}
.route-options,.traffic-legend{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.route-option[aria-pressed="true"]{background:#137569;color:#fff;border-color:#137569}.traffic-legend{font-size:12px}.marker{width:auto;min-width:78px;height:34px;padding:0 7px;border-radius:9px;line-height:28px;background:#fff;color:#153c39;border:2px solid #137569}.marker.danger{border-color:#c82938;background:#fff0ee}.road-danger{background:#fff0ee;border-left:4px solid #c82938;padding:12px}.card{max-width:none}#traffic-detail{min-height:22px}@media(max-width:640px){.route-option{flex:1;white-space:normal}#map{height:400px}}
/* Reading pages share the map application's restrained teal palette. */
html{scroll-behavior:smooth;scroll-padding-top:24px}header{gap:22px;flex-wrap:wrap}header nav{flex-wrap:wrap;gap:12px 20px}nav a[aria-current="page"]{font-weight:800;text-decoration:underline;text-underline-offset:6px}.skip-link{position:fixed;top:-80px;left:16px;z-index:9999;padding:12px 18px;background:#fff;border:2px solid #137569}.skip-link:focus{top:12px}.quick-help{display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center;font-size:13px;padding:18px 22px;background:#e6efe8;border-radius:12px}.quick-help span{color:var(--muted)}.home-learn{margin-top:52px}.home-learn h2{font-size:28px;margin:10px 0}.learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.learn-card{display:flex;flex-direction:column;min-width:0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:15px;text-decoration:none;transition:border-color .15s,transform .15s}.learn-card:hover{border-color:#137569;transform:translateY(-2px)}.learn-card h3{font-size:19px;margin:14px 0 6px}.learn-card p{color:var(--muted);font-size:14px;margin:0 0 20px}.read-link{margin-top:auto;font-size:13px;font-weight:700}.editorial{max-width:800px;margin:0 auto;padding:38px 0 60px;overflow-wrap:anywhere}.wide-article{max-width:none}.editorial h1{font-size:38px;line-height:1.4;margin:16px 0;letter-spacing:-1.2px}.editorial .article-lead{font-size:18px;line-height:1.8;color:#49665c;margin:0 0 14px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:28px}.breadcrumb a{text-decoration:none}.article-meta{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:24px}.editorial section{margin:34px 0}.editorial h2{font-size:24px;line-height:1.5;margin:28px 0 14px;letter-spacing:-.5px}.editorial p{line-height:1.95;margin:13px 0}.editorial li{margin:9px 0}.toc{display:flex;flex-direction:column;gap:8px;background:#edf2eb;border:1px solid #dce6da;border-radius:14px;padding:22px;margin:24px 0;font-size:14px}.toc a{text-decoration:none}.note{background:#edf2e7;border-left:4px solid #57875b;padding:20px 24px;margin:26px 0;border-radius:0 12px 12px 0}.note p{margin-bottom:0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:20px 0;background:#fff}.table-wrap table{width:100%;border-collapse:collapse;font-size:14px;text-align:left;min-width:460px}.table-wrap th{background:#eaf1eb;font-weight:700}.table-wrap td,.table-wrap th{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}.table-wrap td:first-child{min-width:120px;font-weight:600}.table-wrap tr:last-child td{border-bottom:0}.swatch{display:inline-block;width:24px;height:5px;border-radius:4px;vertical-align:middle;margin-right:8px}.green{background:#24956b}.yellow{background:#e5ac16}.red{background:#dc3545}.darkred{background:#9e1837}.gray{background:#89949d}.alt{background:#7886ae;opacity:.35}.reading-demo{padding:30px;background:#e8efe9;border-radius:16px;text-align:center;margin:28px 0}.demo-label{display:block;font-size:12px;color:var(--muted);margin-bottom:20px}.demo-marker{display:inline-block;background:white;border:2px solid #c82938;border-radius:12px;padding:12px 28px;font-size:30px;box-shadow:0 5px 15px #153c3914}.article-sources{border-top:1px solid var(--line);margin-top:40px;padding-top:12px;font-size:13px}.article-sources h2{font-size:18px}.article-sources p{color:var(--muted)}.article-next{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px;background:#e9f0e9;border-radius:14px;margin-top:38px;font-weight:700;font-size:14px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:0 20px}.faq-list summary{padding:18px 0;cursor:pointer;font-weight:700;line-height:1.6}.faq-list details[open]{border-color:#649588}.faq-list details p{padding:0 0 16px;color:#48635b}.check-progress{font-size:22px;font-weight:800;padding:20px;border-radius:12px;background:#e3eee4;margin:20px 0}.check-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:12px 0;cursor:pointer}.check-item input{width:22px;min-width:22px;height:22px;margin-top:6px;accent-color:#137569}.check-item>span{display:flex;flex-direction:column;gap:5px}.check-item small{font-size:11px;letter-spacing:.8px;color:#537366}.check-item span span{font-size:13px;font-weight:400;color:var(--muted)}.check-item:has(input:checked){background:#edf6ee;border-color:#6a9c76}.footer-note{display:flex;flex-direction:column;gap:8px}footer{gap:25px;align-items:flex-start}footer nav{display:flex;flex-wrap:wrap;gap:12px 20px}footer .footer-note strong{font-size:17px;color:var(--ink)}footer .footer-note span{font-size:12px}@media(max-width:800px){.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header{flex-direction:column;align-items:flex-start}.editorial h1{font-size:31px}}@media(max-width:480px){.learn-grid{grid-template-columns:1fr}.learn-card{padding:20px}.editorial{padding-top:25px}.editorial h1{font-size:28px}.editorial h2{font-size:21px}.editorial .article-lead{font-size:16px}.quick-help{padding:16px;gap:10px 15px}.quick-help span{width:100%}.check-item{padding:16px;gap:12px}.reading-demo{padding:22px 16px}.table-wrap td,.table-wrap th{padding:12px}.home-learn h2{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.learn-card{transition:none}.learn-card:hover{transform:none}}@media print{header,footer,.skip-link,.actions,.article-next,.toc{display:none!important}body{background:#fff;color:#111}main,.editorial{max-width:none;padding:0}.check-item{break-inside:avoid}.table-wrap{overflow:visible}a{color:#111}.article-meta{color:#333}}