[hidden]{display:none!important}.main-tabs{display:flex;gap:8px}.main-tabs button{border:0;background:none;padding:13px 19px;font-size:14px;color:#647573;border-radius:4px;white-space:nowrap}.main-tabs button[aria-selected=true]{background:#173f43;color:#fff}.section{padding-top:24px}.overview-intro{display:flex;align-items:center;gap:10px;padding:17px 20px;background:#e7eddf;font-size:12px}.live-dot{width:6px;height:6px;background:#477253;border-radius:50%}.overview-date{margin-left:auto;font-variant-numeric:tabular-nums}.national-controls{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:23px 0 18px}.coast-tabs{display:flex;gap:6px;flex-wrap:wrap}.coast-tabs button{background:transparent;border:1px solid #d9e0db;border-radius:25px;padding:8px 20px;font-size:12px;color:#355256}.coast-tabs button.active{background:#e2efbc;border-color:#c2d19d;color:#1d4646;font-weight:700}.station-search{font-size:10px;color:#647573}.station-search input{display:block;margin-top:5px;padding:9px 12px;min-height:40px;background:#fffef9;border:1px solid #d9e0db;border-radius:4px;width:210px}.overview-notice{font-size:11px;margin:0 0 12px;color:#697771;line-height:1.8}.national-scroll{border:1px solid #d9e0db;border-radius:5px;overflow:auto;background:#fffef9}.national-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;white-space:nowrap}.national-table thead{background:#ebeee5;color:#5e716b;font-size:11px}.national-table th,.national-table td{padding:16px 14px;border-bottom:1px solid #e4e8dd}.national-table tbody tr:hover{background:#f1f5e9}.national-table tbody tr.current{background:#edf3e3}.national-table td:first-child,.national-table th:first-child{text-align:center;width:70px}.national-table small{display:block;font-size:10px;font-weight:400;color:#7b877e;margin-top:3px}.national-table th[scope=row]{font-weight:500}.station-link{padding:0;border:0;background:none;color:#173f43;font-size:15px;font-weight:700}.favorite{background:none;border:0;font-size:24px;color:#a0ada2;padding:4px 8px}.favorite.saved{color:#a48b32}.station-detail{border:1px solid #d4ded0;border-radius:3px;background:#f5f7ef;padding:8px 13px;color:#35584c;font-size:11px}.pending-tide{font-size:11px;color:#8a806a;background:#f3efe3;border-radius:3px;padding:3px 8px;display:inline-block}.tide-preview{font-size:11px;color:#365e61}.sea-grid{margin-top:30px;scroll-margin-top:20px}.searchbar{margin-bottom:20px}#page-guide .prepare{margin-top:25px}#page-booking .section{padding-top:24px}.brand-sub{max-width:90px}.island{color:#76857b}footer{margin-top:35px}@media(max-width:800px){header{flex-wrap:wrap;gap:15px}.main-tabs button{font-size:12px;padding:10px 15px}.national-controls{align-items:start}.coast-tabs button{padding:8px 14px}.national-table th,.national-table td{padding:13px 10px}.national-table{font-size:11px}.station-search input{width:165px}}@media(max-width:540px){header{display:block;padding-bottom:10px}header nav{margin-top:18px}.main-tabs{width:100%;gap:0;border-bottom:1px solid #d9e0db}.main-tabs button{flex:1;border-radius:4px 4px 0 0;font-size:13px}.section{padding-top:20px}.section-head h2{font-size:27px}.overview-intro{padding:13px 12px;font-size:10px;gap:6px}.overview-date{font-size:9px}.national-controls{display:block;padding-top:17px}.coast-tabs{gap:5px}.coast-tabs button{font-size:11px;padding:7px 13px}.station-search{display:block;margin-top:15px}.station-search input{width:100%;font-size:13px}.national-table{min-width:640px}.national-table th:nth-child(2){position:sticky;left:0;background:#fffef9;z-index:1}.national-table tr.current th:nth-child(2){background:#edf3e3}.national-table thead th:nth-child(2){background:#ebeee5}.national-scroll:before{content:'← 표를 좌우로 밀어 풍속·파고를 확인하세요 →';display:block;font-size:9px;padding:9px;color:#768579;background:#f4f5ed;position:sticky;left:0;width:calc(100vw - 34px);box-sizing:border-box}.overview-notice{font-size:10px}.sea-grid{margin-top:25px}.brand{font-size:22px}}
[hidden]{display:none!important}
@media(max-width:540px){.overview-intro{display:none}.national-controls{padding-top:4px;padding-bottom:12px}.station-search{margin-top:10px}.section-head{margin-bottom:14px}.searchbar{padding:12px;gap:8px;margin-bottom:14px}.searchbar label{font-size:10px}.searchbar input,.searchbar select{padding:6px 8px;min-height:38px;margin-top:4px}.searchbar .dark{padding:9px 12px}.national-table th,.national-table td{padding:10px}.national-table .favorite{font-size:19px}.national-scroll:before{padding:6px}.overview-notice{line-height:1.5;margin-bottom:8px}}
@media(max-width:540px){.overview-intro{display:none}.national-controls{padding-top:4px;padding-bottom:12px}.station-search{margin-top:10px}.section-head{margin-bottom:14px}.searchbar{padding:12px;gap:8px;margin-bottom:14px}.searchbar label{font-size:10px}.searchbar input,.searchbar select{padding:6px 8px;min-height:38px;margin-top:4px}.searchbar .dark{padding:9px 12px}.national-table th,.national-table td{padding:10px}.national-table .favorite{font-size:19px}.national-scroll:before{padding:6px}.overview-notice{line-height:1.5;margin-bottom:8px}}

.national-table tbody tr{height:94px}.national-pager{gap:8px;flex-wrap:wrap}.national-pager button{white-space:nowrap;flex-shrink:0;padding:10px 12px}@media(max-width:540px){.national-table tbody tr{height:82px}}
