.sectiontitle[data-v-2050b45c]{align-items:center;display:flex;flex-direction:row;gap:10px}.sectiontitle .inner[data-v-2050b45c]{align-items:center;display:flex;flex:1;gap:6px;justify-content:space-between}.sectiontitle .title[data-v-2050b45c]{align-items:baseline;color:#101010;display:flex;flex:1;flex-direction:column;font-size:18px;font-weight:700;gap:5px;line-height:20px;overflow-x:scroll;position:relative;white-space:nowrap}.sectiontitle .title[data-v-2050b45c]::-webkit-scrollbar{display:none}.sectiontitle .note[data-v-2050b45c]{color:#ccc;font-size:12px;line-height:12px}.sectiontitle .button[data-v-2050b45c]{display:flex;justify-content:flex-end}.sectiontitle .text[data-v-2050b45c]{color:#606060;font-size:12px;font-weight:300;line-height:1em;text-align:right}.sectiontitle .search[data-v-2050b45c]{position:relative}.sectiontitle .search .input[data-v-2050b45c]{background-color:#fff;border:1px solid silver;border-radius:66px;font-size:15px;line-height:1.5em;max-width:130px;padding:5px 35px 5px 10px}.sectiontitle .search .submit[data-v-2050b45c]{position:absolute;right:10px;top:-3px}@media screen and (min-width:830px){main .sectiontitle[data-v-2050b45c]{align-items:center;flex-direction:row;gap:0;justify-content:space-between}main .sectiontitle .title[data-v-2050b45c]{flex-direction:row;font-size:22px;line-height:22px;overflow-x:unset;white-space:wrap}main .sectiontitle .title[data-v-2050b45c]:after{display:none}main .sectiontitle .text[data-v-2050b45c]{font-size:14px}}.adContainer[data-v-f1da1dcc]{display:flex;justify-content:space-evenly}.ad[data-v-f1da1dcc]{min-height:280px;width:336px}.topicList_box[data-v-2ac7a20b]{display:flex;flex-direction:column;gap:10px}.topicList[data-v-2ac7a20b]{display:flex;gap:6px;margin-top:10px;overflow-x:scroll;padding-bottom:4px}.topicList[data-v-2ac7a20b]::-webkit-scrollbar{height:8px;width:8px}.topicList[data-v-2ac7a20b]::-webkit-scrollbar-track{background-color:#fff;border-radius:8px}.topicList[data-v-2ac7a20b]::-webkit-scrollbar-thumb{background:#438fec;border-radius:8px}.topicList .link[data-v-2ac7a20b]{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 2px #00000040;display:flex;flex:1;flex-direction:column;gap:5px;min-width:157px;padding:10px;width:calc(25% - 4.5px)}.topicList .title[data-v-2ac7a20b]{color:#101010;font-size:15px;font-weight:700;line-height:15px}.topicList .image[data-v-2ac7a20b]{border-radius:12px;overflow:hidden}.topicList .image img[data-v-2ac7a20b]{height:100%;width:100%}@media screen and (min-width:830px){.topicList .link[data-v-2ac7a20b]{transition:box-shadow .2s ease-in-out}.topicList .link[data-v-2ac7a20b]:hover{box-shadow:0 2px 6px #00000073}.topicList .image img[data-v-2ac7a20b]{height:auto}.main .topicList .link[data-v-2ac7a20b]{min-width:auto;width:calc(25% - 4.5px)}}.head[data-v-c368891f]{align-items:flex-start}.body[data-v-c368891f],.head[data-v-c368891f]{display:flex;flex-direction:column;gap:5px}.body .waterLevel__card[data-v-c368891f]{align-items:center;background-color:#1f59ba1a;border-radius:4px;display:flex;justify-content:space-between;padding:8px 10px}.body .waterLevel__card .waterLevel__card-info[data-v-c368891f]{align-items:center;display:flex;gap:10px}.body .waterLevel__card .waterLevel__card-info .waterLevel__card-date[data-v-c368891f]{display:flex;flex-direction:column}.body .waterLevel__card .waterLevel__card-info .waterLevel__card-date .waterLevel__card-time[data-v-c368891f]{color:#606369;font-size:14px;font-weight:300;line-height:1em;text-align:center}.body .waterLevel__card .waterLevel__card-info .waterLevel__card-value[data-v-c368891f]{color:#303030;font-size:32px;font-weight:600;line-height:1em}.body .waterLevel__card .waterLevel__card-info .waterLevel__card-value span[data-v-c368891f]{font-size:25px}.body .waterLevel__card .text[data-v-c368891f]{border-radius:2px;color:#fff;font-size:14px;font-weight:600;line-height:15px;padding:2px 5px;text-align:center}.body .waterLevel__card .text[data-rank="1"][data-v-c368891f]{background-color:#6fb28a}.body .waterLevel__card .text[data-rank="2"][data-v-c368891f]{background-color:#e7dc00;color:#303030}.body .waterLevel__card .text[data-rank="3"][data-v-c368891f]{background-color:#ff2800}.body .waterLevel__card .text[data-rank="4"][data-v-c368891f]{background-color:#b500bf}.body .waterLevel__card .text[data-rank="5"][data-v-c368891f]{background-color:#0c000ccc}.body .graph[data-v-c368891f]{background-color:#f6f6f6;display:flex;flex-direction:column;gap:20px;padding:20px 10px}.body .graph figure[data-v-c368891f]{aspect-ratio:2/1;width:100%}.body .data[data-v-c368891f]{display:flex;gap:2px}.body .data .item[data-v-c368891f]{align-items:center;display:flex;flex:1;flex-direction:column;gap:10px}.body .data .text[data-v-c368891f]{align-items:center;color:#fff;display:flex;flex:1;font-size:14px;font-weight:600;justify-content:center;letter-spacing:.25px;line-height:1em;padding-block:10px;text-align:center;width:100%}.body .data .text[data-rank="1"][data-v-c368891f]{background-color:#6fb28a}.body .data .text[data-rank="2"][data-v-c368891f]{background-color:#e7dc00;color:#303030}.body .data .text[data-rank="3"][data-v-c368891f]{background-color:#ff2800}.body .data .text[data-rank="4"][data-v-c368891f]{background-color:#b500bf}.body .data .text[data-rank="5"][data-v-c368891f]{background-color:#0c000ccc}.body .data .value[data-v-c368891f]{color:#000;font-size:14px;font-weight:600;letter-spacing:.25px;line-height:1em}@media (min-width:830px){.body .waterLevel__card .text[data-v-c368891f]{font-size:16px}.graph[data-v-c368891f]{padding:20px}.data .text[data-v-c368891f],.data .value[data-v-c368891f]{font-size:16px}}.toggle[data-v-eed240ac]{background-color:#eef1f8;border-radius:6px;box-shadow:inset 0 2px 2px #00000026;display:flex;padding:5px}.toggle .item[data-v-eed240ac]{cursor:pointer;flex:1}.toggle .item .text[data-v-eed240ac]{border-radius:3px;font-size:14px;font-weight:700;line-height:24px;margin-left:1px;margin-right:1px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle .item[data-selected=true][data-v-eed240ac]{pointer-events:none}.toggle .item[data-selected=true] .text[data-v-eed240ac]{background-color:#438fec;box-shadow:0 1px 3px #00000040;color:#fff}.toggle .item[data-v-eed240ac]:not(:last-child){border-right:1px solid rgba(0,0,0,.1)}.toggle[data-type=round][data-v-eed240ac]{border-radius:90px}.toggle[data-type=round] .item .text[data-v-eed240ac]{border-radius:12px}@media screen and (min-width:830px){.toggle .item .text[data-v-eed240ac]{transition:background-color .2s ease-in-out}.toggle .item:hover .text[data-v-eed240ac]{background-color:#438fec33}}.table[data-v-d519ac7f]{display:flex;flex-direction:column;gap:2px}.table__head[data-v-d519ac7f],.table__row[data-v-d519ac7f]{display:flex;gap:1px}.table__head[data-v-d519ac7f]{background-color:#fff}.table__row[data-v-d519ac7f]{border-bottom:1px solid #ccc;z-index:1}.table__item[data-v-d519ac7f]{align-items:center;color:#303030;display:flex;flex:1;font-size:14px;justify-content:center;line-height:1em;padding-block:10px;text-align:center}.table__item[data-v-d519ac7f]:is(.table__head *){background-color:#edead4;font-weight:600}.table__item[data-v-d519ac7f]:is(.table__row *){font-weight:300;letter-spacing:.25px}.table__item svg[data-rank="0"] path[data-v-d519ac7f]{fill:#148dff}.table__item svg[data-rank="1"] path[data-v-d519ac7f]{fill:#6fb28a}.table__item svg[data-rank="2"] path[data-v-d519ac7f]{fill:#e7dc00}.table__item svg[data-rank="3"] path[data-v-d519ac7f]{fill:#ff2800}.table__item svg[data-rank="4"] path[data-v-d519ac7f]{fill:#a0a}.table__item svg[data-rank="5"] path[data-v-d519ac7f]{fill:#0c000ccc}.table__body[data-v-d519ac7f]{display:flex;flex-direction:column;max-height:463px;overflow-y:auto}.table__body[data-v-d519ac7f]::-webkit-scrollbar{height:6px;width:6px}.table__body[data-v-d519ac7f]::-webkit-scrollbar-track{background-color:transparent;border-radius:100vmax}.table__body[data-v-d519ac7f]::-webkit-scrollbar-thumb{background:#438fec;border-radius:6px}.table__date[data-v-d519ac7f]{background-color:#f6f6f1;color:#303030;font-size:14px;font-weight:600;line-height:1em;padding-block:10px;position:sticky;text-align:center;top:0;z-index:2}@media (min-width:830px){.table__head[data-v-d519ac7f]{top:128px}.table__body[data-v-d519ac7f]{max-height:481px}.table__date[data-v-d519ac7f],.table__item[data-v-d519ac7f]{font-size:16px}.table__row[data-v-d519ac7f]{border-left:1px solid #e0e0cc;border-right:1px solid #e0e0cc}}.riverWaterLevel[data-v-cd173f54]{display:flex;flex-direction:column;gap:10px}.riverWaterLevel .hanrei[data-v-cd173f54]{align-items:flex-end;display:flex;flex-direction:column;justify-content:center}.riverWaterLevel .hanrei p[data-v-cd173f54]{color:#303030;font-size:12px;font-weight:300;line-height:1em}.livecamBlock[data-v-40ec66ba]{background-color:#fff;border:1px solid #dfe4f0;border-radius:6px;display:flex;flex-direction:column;gap:5px;padding:4px 4px 2px}.livecamBlock .name[data-v-40ec66ba]{color:#1f59ba;font-size:15px;font-weight:600;line-height:17px;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}.livecamBlock .image[data-v-40ec66ba]{aspect-ratio:4/3;background-color:#f6f6f6;border-radius:6px;overflow:hidden;width:100%}.livecamBlock .image img[data-v-40ec66ba]{height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:bottom;width:100%}.livecamBlock .image .no-image-text[data-v-40ec66ba]{align-items:center;color:#ff3f00;display:flex;font-size:12px;font-weight:300;height:100%;justify-content:center;line-height:1em;padding:5px;width:100%}.livecamBlock .date[data-v-40ec66ba]{color:#303030;font-size:10px;line-height:13px;text-align:right}@media (any-hover:hover){.livecamBlock[data-v-40ec66ba]{cursor:pointer;transition:opacity .2s ease-in-out}.livecamBlock[data-v-40ec66ba]:hover{opacity:.6}}.livecamRowList[data-v-583ab22d]{display:flex;flex-direction:column;gap:10px;position:relative}.livecamRowList .content[data-v-583ab22d]{display:flex;gap:6px;overflow-x:scroll}.livecamRowList .content[data-v-583ab22d]::-webkit-scrollbar{height:8px;width:8px}.livecamRowList .content[data-v-583ab22d]::-webkit-scrollbar-track{background-color:#fff;border-radius:8px}.livecamRowList .content[data-v-583ab22d]::-webkit-scrollbar-thumb{background:#438fec;border-radius:8px}.livecamRowList .content li[data-v-583ab22d]{min-width:153px;width:calc(33.33333% - 4px)}.frame[data-v-373247db]{gap:10px}.frame[data-v-373247db],.frame .head[data-v-373247db]{display:flex;flex-direction:column}.frame .head[data-v-373247db]{align-items:flex-start;gap:5px}.frame .tag[data-v-373247db]{background-color:#eef1f8;border-radius:4px;color:#606060;font-size:10px;font-weight:600;letter-spacing:.25px;line-height:1em;padding:6px 10px}.ads-btf1-sp[data-v-373247db]{margin:0 auto;min-height:50px;position:relative;text-align:center}.riverDetail[data-v-dd10bc5a]{gap:10px}.riverDetail[data-v-dd10bc5a],.riverDetail .head[data-v-dd10bc5a]{display:flex;flex-direction:column}.riverDetail .head[data-v-dd10bc5a]{align-items:flex-start;gap:5px}.riverDetail .tag[data-v-dd10bc5a]{background-color:#eef1f8;border-radius:4px;color:#606060;font-size:10px;font-weight:600;letter-spacing:.25px;line-height:1em;padding:6px 10px}.riverDetail .content[data-v-dd10bc5a]{display:flex;flex-direction:column;gap:10px}.riverDetail .content .title[data-v-dd10bc5a]{align-items:center;display:flex;justify-content:space-between}.riverDetail .content .title .text[data-v-dd10bc5a]{border-left:2px solid #0c419a;color:#303030;font-size:16px;font-weight:600;line-height:20px;padding-left:8px}.riverDetail .content .title .date[data-v-dd10bc5a]{color:#606060;font-size:12px;font-weight:300;line-height:1em}.riverDetail .content .image[data-v-dd10bc5a]{aspect-ratio:16/9;background-color:#303030;max-height:calc(56.25vw - 11.25px);position:relative;width:100%}.riverDetail .content .image img[data-v-dd10bc5a]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.riverDetail .content .image p[data-v-dd10bc5a]{background-color:#eef1f8cc;border-radius:4px;box-shadow:0 1px 2px #3569c066;color:#303030;font-size:12px;font-weight:300;letter-spacing:.25px;line-height:1em;padding:5px 10px;position:absolute;right:6px;top:6px}.riverDetail .content .no-image[data-v-dd10bc5a]{aspect-ratio:16/9;background-color:#f6f6f6;width:100%}.riverDetail .content .no-image .no-image-text[data-v-dd10bc5a]{align-items:center;color:#ff3f00;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;line-height:1em;width:100%}@media (min-width:830px){.riverDetail .content .title .text[data-v-dd10bc5a]{font-size:18px;line-height:22px}.riverDetail .content .title .date[data-v-dd10bc5a]{font-size:14px}.riverDetail .content .image[data-v-dd10bc5a]{max-height:416.25px}.riverDetail .content .image p[data-v-dd10bc5a]{font-size:14px;font-weight:600}.riverDetail .content .no-image .no-image-text[data-v-dd10bc5a]{font-size:18px}}.riverDetail[data-v-87100218]{gap:10px}.riverDetail[data-v-87100218],.riverDetail .head[data-v-87100218]{display:flex;flex-direction:column}.riverDetail .head[data-v-87100218]{align-items:flex-start;gap:5px}.riverDetail .tag[data-v-87100218]{background-color:#eef1f8;border-radius:4px;color:#606060;font-size:10px;font-weight:600;letter-spacing:.25px;line-height:1em;padding:6px 10px}.riverDetail .content[data-v-87100218]{display:flex;flex-direction:column;gap:10px}.riverDetail .content .title[data-v-87100218]{align-items:center;display:flex;justify-content:space-between}.riverDetail .content .title .text[data-v-87100218]{border-left:2px solid #0c419a;color:#303030;font-size:16px;font-weight:600;line-height:20px;padding-left:8px}.riverDetail .content .title .date[data-v-87100218]{color:#606060;font-size:12px;font-weight:300;line-height:1em}.riverDetail .content .image[data-v-87100218]{aspect-ratio:16/9;background-color:#303030;max-height:calc(56.25vw - 11.25px);width:100%}.riverDetail .content .image img[data-v-87100218]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.riverDetail .content .no-image[data-v-87100218]{align-items:center;aspect-ratio:16/9;background-color:#f6f6f6;display:flex;justify-content:center;width:100%}.riverDetail .content .no-image p[data-v-87100218]{align-items:center;color:#ff3f00;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;line-height:1em;width:100%}@media (min-width:830px){.riverDetail .content .title .text[data-v-87100218]{font-size:18px;line-height:22px}.riverDetail .content .image[data-v-87100218]{max-height:416.25px}}.riverComparison[data-v-5776870b]{display:flex;flex-direction:column;gap:10px}.riverComparison .head[data-v-5776870b]{display:flex}.riverComparison .content[data-v-5776870b]{aspect-ratio:16/9;overflow:hidden;position:relative;width:100%}.riverComparison .content .compare[data-v-5776870b]{height:100%;width:100%}.riverComparison .content .compare .before[data-v-5776870b]{background-color:#303030;height:100%;top:0;right:0;bottom:0;left:0;place-content:center;position:absolute;width:100%}.riverComparison .content .compare .before img[data-v-5776870b]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.riverComparison .content .compare .before p[data-v-5776870b]{background-color:#eef1f8cc;border-radius:4px;box-shadow:0 1px 2px #3569c066;color:#303030;font-size:12px;font-weight:300;left:6px;letter-spacing:.25px;line-height:1em;padding:5px 10px;position:absolute;top:6px}.riverComparison .content .compare .after[data-v-5776870b]{background-color:#303030;height:100%;top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(to right,hsla(0,0%,100%,0) 0,calc(var(--pos, 50%)),#fff 0);mask:linear-gradient(to right,hsla(0,0%,100%,0) 0,calc(var(--pos, 50%)),#fff 0);place-content:center;position:absolute;width:100%}.riverComparison .content .compare .after img[data-v-5776870b]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.riverComparison .content .compare .after p[data-v-5776870b]{background-color:#eef1f8cc;border-radius:4px;box-shadow:0 1px 2px #3569c066;color:#303030;font-size:12px;font-weight:300;letter-spacing:.25px;line-height:1em;padding:5px 10px;position:absolute;right:6px;top:6px}.riverComparison .content .compare input[type=range][data-v-5776870b]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:100%;top:0;right:0;bottom:0;left:0;margin:0;position:absolute;width:100%;z-index:1}.riverComparison .content .compare input[type=range][data-v-5776870b]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;height:var(--range-height);width:2px}.riverComparison .content .compare input[type=range][data-v-5776870b]::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;height:var(--range-height);width:2px}.riverComparison .content .compare .handle[data-v-5776870b]{background:#ffffff80;border-radius:50%;color:#000;height:36px;left:50%;pointer-events:auto;position:absolute;top:50%;transform:translate(-18px,-18px);width:36px;z-index:2}.riverComparison .content .compare .handle[data-v-5776870b]:before{border-left:2px solid;border-top:2px solid;content:"";height:10px;left:5px;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:0 0;width:10px}.riverComparison .content .compare .handle[data-v-5776870b]:after{border-right:2px solid;border-top:2px solid;content:"";height:10px;position:absolute;right:5px;top:50%;transform:rotate(45deg);transform-origin:right top;width:10px}@media (min-width:830px){.riverComparison .content .compare .after p[data-v-5776870b],.riverComparison .content .compare .before p[data-v-5776870b]{font-size:14px;font-weight:600}}.frame[data-v-414c9189]{gap:10px}.frame[data-v-414c9189],.frame .head[data-v-414c9189]{display:flex;flex-direction:column}.frame .head[data-v-414c9189]{align-items:flex-start;gap:5px}.frame .tag[data-v-414c9189]{background-color:#eef1f8;border-radius:4px;color:#606060;font-size:10px;font-weight:600;letter-spacing:.25px;line-height:1em;padding:6px 10px}.ads-btf1-sp[data-v-414c9189]{margin:0 auto;min-height:50px;position:relative;text-align:center}.frame[data-v-1ffde0db]{gap:10px}.frame[data-v-1ffde0db],.frame .head[data-v-1ffde0db]{display:flex;flex-direction:column}.frame .head[data-v-1ffde0db]{align-items:flex-start;gap:5px}.frame .tag[data-v-1ffde0db]{background-color:#eef1f8;border-radius:4px;color:#606060;font-size:10px;font-weight:600;letter-spacing:.25px;line-height:1em;padding:6px 10px}.ads-btf1-sp[data-v-1ffde0db]{margin:0 auto;min-height:50px;position:relative;text-align:center}