.mapModalWrap{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);block-size:100%;inline-size:44.44%;transition:var(--transition);background:#0a0a0ad9;position:fixed;inset:0 0 0 auto}@media (max-width:1023.98px){.mapModalWrap{inline-size:100%;padding-inline:2rem}}.mapModal{position:absolute;inset:0;overflow-y:auto}.mapModal_inner{place-items:center;min-block-size:100%;padding:6rem;display:grid;position:relative}.mapModal_close{color:#fff;align-items:center;gap:.4rem;display:flex;position:absolute;top:6rem;right:6rem}.mapModal_close .icon{--icon-size:1.4rem}@media (max-width:1023.98px){.mapModal_close{right:2rem}}.mapModal_container{inline-size:100%}.mapModal .mapModal_inner{will-change:transform}.cameraView{inline-size:min(52rem,100%);margin-inline:auto}.cameraView_header{justify-content:center;align-items:center;display:flex}.cameraView_content{margin-block-start:3rem}.cameraView_title{font-size:3.2rem;font-weight:var(--fw-b);box-sizing:border-box;color:#fff;text-align:center;line-height:1.4}.cameraView_title span{font-size:2rem;display:block}.cameraView_btnList{color:#fff;font-size:1.2rem;font-weight:var(--fw-sb);justify-content:center;gap:1rem;margin-block-start:3rem;display:flex}.cameraView_btnList .btn{--btn-w:initial;color:#fff;font-family:var(--fw-m);text-align:center;border:1px solid #fff;border-radius:99em;padding:.8rem 1.6rem;font-size:1.5rem}.cameraView_tab{gap:.8rem;margin-block-end:.8rem;display:flex}.cameraView_tab button{color:#fff;inline-size:50%;font-weight:var(--fw-m);text-align:center;background:#0003;padding:1em;font-size:1.6rem;line-height:1;position:relative}@media (max-width:767.98px){.cameraView_tab button{font-size:1.4rem}}.cameraView_tab button.is-active{color:#0a0a0a;background:#fff}.cameraView_tab button.is-active:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#fff;block-size:.6rem;inline-size:1.4rem;margin:auto;position:absolute;inset:calc(100% - 1px) 0 auto}.topSec{--clm-map:57.99%;position:absolute;inset:0}@media (min-aspect-ratio:1) and (min-width:1024px){.topSec{grid-template-columns:var(--clm-map)calc(100% - var(--clm-map));grid-template-rows:max(100%,550px);display:grid}}.topSec_map{position:relative}.topSec_menu{background:#0089d0;flex-direction:column;justify-content:space-between;padding-block-start:1rem;display:flex;overflow:auto;container:topSec_menu/inline-size}.topSec_menu_inner{counter-reset:infoCounter;margin:9.91736cqi;grid-template-columns:1fr;row-gap:5.78512cqi;margin:9.91736cqi 9.93cqi;display:grid}@media (max-width:767.98px){.topSec_menu_inner{inline-size:min(615px,89.74cqi);margin-inline:auto}}.topSec_menu_copyright{color:#fff;letter-spacing:0;text-align:end;margin:0 1.3636em 1.8182em;font-size:1.1rem;line-height:1}.infoBlock{inline-size:100%;inline-size:min(100%,var(--max,100%));letter-spacing:.04em;flex-direction:column;gap:clamp(1.5rem,1.314rem + .476vw,2rem);display:flex}.infoBlock-river{--clr:var(--clr-primary);--bc:#f1f8f5}.infoBlock-rain{--clr:var(--clr-secondary);--bc:#e8f1fa}.infoBlock_title{font-weight:var(--fw-b);color:#fff;padding-inline-start:1em;font-size:clamp(1.6rem,3.31cqi,2.667rem);line-height:1.2;position:relative}.infoBlock_title:before{content:"";background:#006396;border-radius:3px;inline-size:.5rem;margin-right:20px;display:inline-block;position:absolute;inset-block:0;inset-inline-start:0;translate:-50%}@media (max-width:767.98px){.infoBlock_title:before{inline-size:.3rem;translate:-.1rem}}.infoBlock_text{text-align:center;font-weight:var(--fw-m);font-size:1.4rem;line-height:1.2}.infoList{grid-template-columns:repeat(var(--clm-num,2),1fr);gap:.5rem;display:grid}.infoList_item{gap:.5rem 1rem}.infoList_item_button{--btn-icon-size:clamp(2.5rem,5.79cqi,4.7rem);grid-template-columns:var(--btn-icon-size)1fr var(--btn-icon-size);border-radius:var(--r-md);color:inherit;font-size:clamp(1.4rem,2.81cqi,2.267rem);font-weight:var(--fw-b);text-align:center;letter-spacing:0;transition:color var(--t-duration)var(--easeOutQuart);background:#fff;align-items:center;padding-block:.7353em;padding-inline:.8824em .5882em;line-height:1;text-decoration:none;display:grid}.infoList_item_button:before{counter-increment:infoCounter;content:counter(infoCounter,decimal-leading-zero);color:#fff;aspect-ratio:1;inline-size:100%;font-family:var(--ff-en);font-weight:var(--fw-b);letter-spacing:0;background:var(--theme-clr,var(--clr-primary));border-radius:3.40282e38px;justify-content:center;align-items:center;font-size:clamp(1rem,2.15cqi,1.733rem);line-height:1;display:inline-flex}.infoList_item_button:after{--size:var(--icon-size,1em);content:"";vertical-align:middle;min-inline-size:0;inline-size:var(--size);aspect-ratio:1;--clr:var(--icon-color,currentColor);background:var(--clr);--icon-size:.7647em;--icon-color:var(--theme-clr,var(--clr-primary));flex:none;justify-self:center;display:inline-block;-webkit-mask-image:url(/img/icon/arrow_radius_r.svg);mask-image:url(/img/icon/arrow_radius_r.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media screen and (hover:hover){.infoList_item_button:hover{color:var(--theme-clr,var(--clr-primary))}}.mapWrapper{overflow:clip;container:mapWrapper/inline-size}@media (min-aspect-ratio:1) and (min-width:1024px){.mapWrapper{block-size:100%}}@media (min-aspect-ratio:1) and (min-width:1024px) and (max-aspect-ratio:1024/678){.mapWrapper{background:#f8f8cf url(/img/home/map_bg.svg) 50%/100% no-repeat;place-items:center;block-size:100%;inline-size:100%;display:grid}.mapWrapper .mapMenu{block-size:auto;inline-size:100%}}@media (min-aspect-ratio:1) and (min-width:1024px) and (min-aspect-ratio:1024/678){.mapWrapper{background:#f8f8cf linear-gradient(90deg,#f8f8cf 50%,#e1f4f9 50%)}.mapWrapper .mapMenu{block-size:100%;inline-size:auto;margin-inline:auto}}@media (max-aspect-ratio:1){.mapWrapper{background:url(/img/home/map_bg_sp.svg) 0 0/100% no-repeat;padding-block-start:2.8%}.mapWrapper .mapMenu{inline-size:115%;margin-inline:-5% auto}}.mapWrapper:after{content:"";aspect-ratio:57.5/86.25;background:url(/img/home/map_n.svg) 50%/contain no-repeat;inline-size:min(6.95%,8.7rem);display:block;position:absolute;inset:min(7.31%,9.15rem) min(8.26%,10.35rem) auto auto}@media (max-width:767.98px){.mapWrapper:after{inline-size:7.69%;display:block;inset:5.13cqi 5.13cqi auto auto}}.mapMenu{aspect-ratio:835/824;position:relative;container-type:inline-size}.mapMenu img{block-size:100%;inline-size:100%}.mapIconGroup{display:contents}.mapBtn{--clr:var(--clr-primary);--txt-clr:var(--fc-base);--imgPath:url(/img/home/mapbtn_camera.svg);--ol-width:.6cqi;--ol-clr:white;--txt-ol-clr:white;--gap:var(--ol-width);--r:calc(100% + var(--gap))auto;--l:auto calc(100% + var(--gap))}@media (max-width:767.98px){.mapBtn{--ol-width:.2rem}}.mapBtn{aspect-ratio:1;letter-spacing:0;align-items:center;text-decoration:none;display:flex;position:absolute;inset-block-start:var(--posY,0%);inset-inline-end:var(--posX,0%)}.mapBtn:before{content:"";border-radius:var(--r-full);display:block;position:absolute;inset:0;scale:1.5}.mapBtn :where([data-ol]){color:var(--ol-clr);-webkit-text-stroke-width:9px;-webkit-text-stroke-width:.3913em;-webkit-text-stroke-color:var(--txt-ol-clr);position:relative}.mapBtn :where([data-ol]):before{color:var(--txt-clr,var(--fc-base));content:attr(data-ol);-webkit-text-stroke-width:0px;transition:color var(--t-duration)var(--easeOutQuart);position:absolute}.mapBtn_label{inset-block:0;inset-inline:var(--labelDir,var(--r));flex-direction:var(--iconDir,row);align-items:center;column-gap:.6cqi;inline-size:max-content;margin-block:auto;display:flex;position:absolute}.mapBtn_icon{aspect-ratio:1;background:var(--clr,var(--clr-primary))var(--imgPath)no-repeat center/100%;border-radius:.72cqi;inline-size:7.7cqi;position:relative;box-shadow:3.835px 3.835px 23.012px #bfbfbf}.mapBtn_name{z-index:1;color:var(--txt-clr,var(--fc-base));font-size:max(1.2rem,2.4cqi);font-weight:var(--fw-b);transition:color var(--t-duration)var(--easeOutQuart);flex-direction:column;display:flex}.mapBtn_btn{z-index:1;position:relative}.mapBtn_btn span{aspect-ratio:1;color:#fff;inline-size:2.4cqi;font-family:var(--ff-en);font-size:1.2cqi;font-weight:var(--fw-b);letter-spacing:0;text-align:center;background:var(--clr);border-radius:var(--r-full);transition:scale var(--t-duration)var(--easeOutQuart);will-change:scale;place-items:center;padding-block-start:.2em;line-height:1;display:grid;position:relative}.mapBtn_btn:before{content:"";inset:calc(var(--ol-width)*-1);background:var(--ol-clr);border-radius:var(--r-full);transition:scale var(--t-duration)var(--easeOutQuart);will-change:scale;display:block;position:absolute}.mapBtn:where(.mapBtn-meter){--imgPath:url(/img/home/mapbtn_meter.svg);--clr:var(--clr-pond)}.mapBtn:where(.mapBtn-rain){--imgPath:url(/img/home/mapbtn_rain.svg);--clr:var(--clr-rain)}.mapBtn:where(.mapBtn-underpass){--clr:var(--clr-primary);--imgPath:var(--img-road01);--ol-width:2px;--ol-clr:var(--clr);--txt-ol-clr:#dfeaad;--gap:3px}@media (max-width:767.98px){.mapBtn:where(.mapBtn-underpass){--ol-width:1px}}.mapBtn:where(.mapBtn-underpass) .mapBtn_name{font-size:max(1rem,1.56cqi);font-weight:var(--fw-m);line-height:1.08}.mapBtn:where(.mapBtn-underpass) .mapBtn_btn{z-index:2;border-radius:var(--r-full);box-shadow:3.835px 3.835px 23.012px #bfbfbf}.mapBtn:where(.mapBtn-underpass) .mapBtn_btn span{background:var(--imgPath)no-repeat center/contain;inline-size:max(2rem,2.99cqi)}.mapBtn:where(.mapBtn-underpass) :where([data-ol]){-webkit-text-stroke-width:6px;-webkit-text-stroke-width:.6154em}.mapBtn:where(.mapBtn-underpass):where(.is-normal){--imgPath:var(--img-road01);--clr:var(--clr-lv01)}.mapBtn:where(.mapBtn-underpass):where(.is-warning){--imgPath:var(--img-road02);--clr:var(--clr-lv02)}.mapBtn:where(.mapBtn-underpass):where(.is-danger){--imgPath:var(--img-road03);--clr:var(--clr-lv03)}@media screen and (hover:hover){.mapBtn:not(.is-active):hover{--clr:#ff5722;--txt-clr:#ff5722}.mapBtn:not(.is-active):hover .mapBtn_btn span,.mapBtn:not(.is-active):hover .mapBtn_btn:before{scale:1.3}.mapBtn:not(.is-active):hover .mapBtn_name{color:var(--clr)}}.mapBtn.mapBtn-danger{--clr:#ff4a44}.mapBtn:where(.river01){--posX:39.52%;--posY:17.6%;--labelDir:var(--l)}.mapBtn:where(.river02){--posX:38.08%;--posY:20.02%;--iconDir:row-reverse}.mapBtn:where(.river03){--posX:42%;--posY:45.15%;--labelDir:var(--l)}.mapBtn:where(.river04){--posX:45.51%;--posY:66.26%;--iconDir:row-reverse}.mapBtn:where(.meter01){--posX:68.86%;--posY:8.01%;--iconDir:row-reverse}.mapBtn:where(.meter02){--posX:55.93%;--posY:26.46%;--labelDir:var(--l)}.mapBtn:where(.meter03){--posX:43.83%;--posY:33.74%;--labelDir:var(--l)}.mapBtn:where(.meter04){--posX:60%;--posY:53.64%;--labelDir:var(--l)}.mapBtn:where(.meter05){--posX:71.62%;--posY:72.82%;--labelDir:var(--l)}.mapBtn:where(.meter06){--posX:69.94%;--posY:81.55%;--labelDir:var(--l)}.mapBtn:where(.meter07){--posX:61.08%;--posY:73.67%;--iconDir:row-reverse}.mapBtn:where(.meter08){--posX:52.69%;--posY:85.32%;--iconDir:row-reverse}.mapBtn:where(.rain01){--posX:42.4%;--posY:38.71%;--iconDir:row-reverse}.mapBtn:where(.underpass01){--posX:57.84%;--posY:18.2%;--labelDir:var(--l)}.mapBtn:where(.underpass01) .mapBtn_name{text-align:right}.mapBtn:where(.underpass02){--posX:40.24%;--posY:23.79%}.legendBox{margin-block-end:min(6.35cqi,7.95rem);margin-inline-end:min(4.31cqi,5.4rem);position:absolute;inset:auto 0 0 auto}@media (max-aspect-ratio:1){.legendBox{inline-size:89.74%;margin-block:auto 5.13%;margin-inline:auto;position:static}.legendBox .legendList{background:#fff;border-radius:.5rem;width:100%;padding:1.5rem 2rem}}.legendList{flex-direction:column;row-gap:1rem;display:flex}*+.legendList{margin-block-start:.8rem}.legendList_item{font-weight:var(--fw-m);letter-spacing:0;align-items:center;gap:0 1rem;font-size:clamp(1.2rem,1.44cqi,1.8rem);line-height:1.4;display:flex}@media (max-aspect-ratio:1){.legendList_item{gap:0 .5rem}}.legendList_desc{padding-block-start:.1em}.legendList_icon{aspect-ratio:1;inline-size:clamp(2.5rem,4.19cqi,5.25rem)}.legendList_icon img{inline-size:100%}@media (max-aspect-ratio:1){.legendList{flex-flow:wrap;row-gap:.8rem}.legendList_item{flex:0 0 50%}.legendList_item:first-child{flex:0 0 100%}}