.tit-box{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;font-size:24px;color:#161616;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tit-box .time{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:28px;text-align:center;padding:0 12px;width:224px;height:28px;background:#ffecb3;border-radius:100px;font-weight:400;font-size:16px;letter-spacing:-.5px;color:#052563;border:.5px solid rgba(255,107,0,.16)}.main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px;width:100%;height:930px;padding:32px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f8f8fa}.main,.main>article{display:-webkit-box;display:-ms-flexbox;display:flex}.main>article>section{width:796px;height:806px}.main>article>section:last-child{width:816px}.map-defalut,.map-wl{background:#fff;border-radius:8px;border:1px solid #b6bace;-webkit-box-shadow:0 1px 5px rgba(18,32,61,.2);box-shadow:0 1px 5px rgba(18,32,61,.2);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.map-defalut>img,.map-wl img{width:796px;height:806px;background-repeat:no-repeat}.legend{width:242px;margin-top:24px;margin-left:24px;background:#fff;border-radius:8px;border:1px solid #c8cbda;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:20px 16px 16px 20px}.legend,.legend .legend_area{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.legend .legend_area{width:206px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.legend .legend_tit_font{width:100%;height:20px;font-size:14px;line-height:140%;font-weight:600;float:left;margin-bottom:4px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.legend .legend_btn{float:right;-webkit-transition-duration:.3s;transition-duration:.3s}.legend .legend_btn img{width:16px;height:16px;color:#979797;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.legend_con_area{height:202px}.legend_con_area,.legend_con_area_wlvl{-webkit-box-sizing:border-box;box-sizing:border-box}.legend_con_area_wlvl{height:59px}.legend_con_area_wlvl .wlvl_low{background-color:#1f52b5;border:1px solid #fff;border-radius:16px}.legend_con_area_wlvl .wlvl_low .rain_legend_notice_font{color:#fff}.legend_con_area_wlvl .wlvl_alarm{background-color:#fecd44;border:1px solid #fff;border-radius:16px}.legend_con_area_wlvl .wlvl_alarm .rain_legend_notice_font{color:#000}.legend_con_area_wlvl .wlvl_caution{background-color:#ff6b00;border:1px solid #fff;border-radius:16px}.legend_con_area_wlvl .wlvl_caution .rain_legend_notice_font{color:#000}.legend_con_area_wlvl .wlvl_danger{background-color:#ed0c0c;border:1px solid #fff;border-radius:16px}.legend_con_area_wlvl .wlvl_danger .rain_legend_notice_font{color:#fff}.rain_legend_notice1{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:4px;gap:4px;width:206px;height:35px;background-color:hsla(0,0%,59.2%,.4);border-radius:16px}.rain_legend_notice1,.rain_legend_notice_item{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.rain_legend_notice_item{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;width:97px;height:27px}.rain_legend_notice_item>span{color:#090909}.rain_caution{background-color:#ff6b00}.rain_alert,.rain_caution{border:1px solid #fff;border-radius:16px}.rain_alert{background-color:#ed0c0c}.rain_alert .rain_legend_notice_font{color:#fff}.rain_legend_notice_font{font-size:14px;font-weight:600;line-height:14px;text-align:center;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.4)}.blank_line{width:100%;height:1px;background-color:#e6e7e9;margin-top:10px;margin-bottom:8px}.rain_legend_table{font-weight:400;font-size:14px;line-height:170%;letter-spacing:-.5px}.rain_legend_table td{padding-bottom:2px}.rain_legend_table_head{font-weight:600;line-height:140%;letter-spacing:-.1px;color:rgba(24,24,25,.9)}.table_orange{color:#c44500}.table_red{color:#d90b0b}.rain_legend_table_last_td{padding-left:7px}.legend_con_area_wdws{height:150px}.legend_con_area_tide,.legend_con_area_wdws{-webkit-box-sizing:border-box;box-sizing:border-box}.legend_con_area_tide{height:81px}.tide_legend_notice1{height:57px;color:rgba(24,24,25,.7);font-weight:400;line-height:160%;letter-spacing:-.5px}.tide_graph{width:100%;background:transparent;margin-top:24px}.tide_graph,.tide_graph img{-webkit-box-sizing:border-box;box-sizing:border-box}.tide_graph img{width:786px;display:inline-block;left:0;top:0}.tide_graph2{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;background-color:#fff;margin-top:15px;border:1px solid #e6e7e9;border-radius:8px;padding:20px;font-family:PTD;height:480px}.legendToggleBtn.on{border:1px solid #052563;background-color:#fff;color:#052563}.flood_legend{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:4px;gap:4px;width:300px;height:35px;background-color:hsla(0,0%,59.2%,.4);border-radius:16px;position:absolute;right:25px;top:80px}.flood_legend,.flood_legend_item{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.flood_legend_item{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;width:97px;height:27px}.flood_00{background-color:#03ac13}.flood_00,.flood_01{border:1px solid #fff;border-radius:16px}.flood_01{background-color:#1f52b5}.flood_01 .flood_legend_font{color:#fff}.flood_02{background-color:#fecd44;border:1px solid #fff;border-radius:16px}.flood_02 .flood_legend_font{color:#000}.flood_03{background-color:#ff6b00;border:1px solid #fff;border-radius:16px}.flood_03 .flood_legend_font{color:#000}.flood_04{background-color:#ed0c0c;border:1px solid #fff;border-radius:16px}.flood_04 .flood_legend_font{color:#fff}.flood_legend_font{font-size:14px;font-weight:600;line-height:14px;text-align:center;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.4)}.wind-dir1{left:926px;top:276px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.wind-dir2{left:916px;top:302px}.wind-dir3{left:907px;top:356px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.wind-dir4{left:907px;top:379px}.wind-dir5{left:889px;top:412px}.wind-dir6{left:892px;top:475px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.wind-dir7{left:876px;top:494px}.wind-dir8{left:823px;top:521px}.wind-dir9{left:798px;top:526px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.wind-dir10{left:744px;top:544px}.wind-dir11{left:723px;top:557px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.wind-dir12{left:737px;top:598px}.wind-dir13{left:667px;top:627px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.wind-dir14{left:676px;top:659px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.wind-dir15{left:663px;top:702px}.wind-dir16{left:600px;top:681px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.wind-dir17{left:537px;top:719px}.wind-dir18{left:536px;top:742px}.wind-dir19{left:512px;top:758px}.wind-dir20{left:510px;top:729px}.wind-dir21{left:499px;top:702px}.wind-dir22{left:500px;top:673px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.wind-dir23{left:511px;top:646px}.wind-dir24{left:368px;top:757px}.wind-dir25{left:352px;top:804px}.wind-dir26{left:538px;top:432px}.dbmm1{top:145px;left:895px}.dbmm1,.dbmm2{position:absolute}.dbmm2{top:213px;left:814px}.dbmm3{top:304px;left:947px}.dbmm3,.dbmm4{position:absolute}.dbmm4{top:388px;left:916px}.dbmm5{top:463px;left:918px}.dbmm5,.dbmm6{position:absolute}.dbmm6{top:399px;left:815px}.dbmm7{top:318px;left:756px}.dbmm7,.dbmm8{position:absolute}.dbmm8{top:293px;left:665px}.dbmm9{top:412px;left:610px}.dbmm9,.dbmm10{position:absolute}.dbmm10{top:450px;left:431px}.dbmm11{top:481px;left:557px}.dbmm11,.dbmm12{position:absolute}.dbmm12{top:444px;left:708px}.dbmm13{left:741px}.dbmm13,.dbmm14{position:absolute;top:493px}.dbmm14{left:844px}.dbmm15{top:523px;left:642px}.dbmm15,.dbmm16{position:absolute}.dbmm16{top:541px;left:543px}.dbmm17{top:543px;left:781px}.dbmm17,.dbmm18{position:absolute}.dbmm18{top:586px;left:726px}.dbmm19{top:591px;left:646px}.dbmm19,.dbmm20{position:absolute}.dbmm20{top:600px;left:567px}.dbmm21{top:707px;left:688px}.dbmm21,.dbmm22{position:absolute}.dbmm22{top:786px;left:316px}.dbmm51{top:710px;left:668px}.dbmm51,.dbmm52{position:absolute}.dbmm52{top:786px;left:335px}.dbmm53{top:450px;left:567px}.dbmm53,.dbmm54{position:absolute}.dbmm54{top:572px;left:623px}.dbmm55{top:599px;left:715px}.dbmm55,.dbmm56{position:absolute}.dbmm56{top:388px;left:900px}.dbmm57{top:536px;left:765px}.dbmm57,.dbmm58{position:absolute}.dbmm58{top:643px;left:536px}.dbmm59{top:710px;left:510px}.dbmm59,.dbmm60{position:absolute}.dbmm60{top:456px;left:659px}.dbmm61{top:395px;left:690px}.dbmm61,.dbmm62{position:absolute}.dbmm62{top:670px;left:613px}.dbmm63{top:450px;left:487px}.dbmm63,.dbmm64{position:absolute}.dbmm64{top:589px;left:515px}.data-box-map-mini{position:absolute;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;width:60px;height:41px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2px;border-radius:8px;gap:2px;border:1.5px solid #b8bccf;-webkit-box-shadow:0 1px 4px rgba(0,13,57,.4);box-shadow:0 1px 4px rgba(0,13,57,.4);overflow:hidden}.data-box-map-mini.activeClass,.data-box-map-mini:hover{border:3px solid #0faa2b;-webkit-box-shadow:0 4px 12px rgba(22,65,148,.6);box-shadow:0 4px 12px rgba(22,65,148,.6);padding:0}.data-box-map-mini .error{background-color:rgba(0,0,0,.2);position:absolute;width:100%;height:100%;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.data-box-map-mini .error>img{width:20px;height:auto;margin-top:18px}.data-box-map-mini h4{width:56px;height:15px;text-align:center}.data-box-map-mini p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:52px;height:18px;background-color:#f5f5f5;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05);box-shadow:inset 0 1px 3px rgba(0,0,0,.05);border-radius:0 0 5px 5px}.data-box-map-mini p .value{font-size:14px;font-weight:500}.miniPoint{display:none;position:absolute;width:10px;height:10px;border-radius:50%;background:#a4ff71}.data-box-map-mini p .cp{font-size:18px;line-height:18px;font-weight:600;letter-spacing:-.5px}.box-selected{border:3px solid #0faa2b!important;-webkit-box-shadow:0 4px 12px rgba(22,65,148,.6);box-shadow:0 4px 12px rgba(22,65,148,.6)}.data-box-map-wind-dir{position:absolute;width:23px;height:23px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.data-box-map-wind-dir>img{width:23px}.icon_wind_on{content:url(../../vue/img/icon-wind-04.0b349bd6.svg)}.icon_wind_on.activeClass{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAK+SURBVHgBzZZNaBNBFMffm2RL8KCLya3WbsGP1kvaCh5lhQpeRI8elKaaQ08qiFhEsB48SBH05sFmDXrwVMSrgomooIcmOUmx6gbtramJwVrc7IwzazdN4k6y24j0D8vOzJuZ387Mm/cW4D8K/XaMaJOapfzSCeAOxpgq2hjDgmIr+TXznulnjrYwVbuo/lCq47x4kj+6vCfLA8U71sfZNGwGFt6T1AlhBmOggU/xyUzKcKK2eD/jZQ95NfbsS07zrzV4UYVgUhEhQWIHkZbmMx1hAsTP5Dp0Ib5C3QvYtI1i6xDZC/hH4g50pHFLSaNRnJFkmPfD3LK3CPL5tIT6F0zZezYhdwb0ftAtSz9RU5TQuFsPN9guyAbdvnoK4gf6ZGZIz72Gh3NvZEBxbe7WYZHBSc22rWHZZAJ0+NB+mRmybxekNuEskYFz/WufZ4sOzLKsYULAt5JXDDCXluv14lKpbX+LOAEh7cC4B8b9RK7y91VQt2+Da+ePw9HTMx0hrvhCVBtavLGTLt18DMWvJdB6Y/Ds0WXo7436GufGUgeGiGU/g8RKxs7MbApYh1FgFb8DivysggIZI/k6TAnRDASQHOh9wW27VhBvJzbWlvPlUHRU50XNe3qEwvsv8PLdAlSqP52WSnUVnj7Pw4mxEdB2xSA+tJvftVfrfrbhbIynH/rJuFWHOYXoqDjEY16oVpArFxgf6oPkVGrd3uzVjOIU+5YrNH8Cj2FKD8kBQw2CiNliRj4TPxFsTSLMtD6kBtzahuubD8qMkgkIKgEgigfIcflEY72pB12ZN8M7R8Rd0KFLcdB0bdFIS2FC9kou2y3wDyh1o7W97T8IEmoEO0Nmiq3jK8p6WTsGxBDPc8RJPyjNCjwPZijCE2rZaXH2sn6+/xthMKGFLIzz0OZAKQ9xiLSsWCQj0gdsNf0GCFcmv1lZ4ygAAAAASUVORK5CYII=)}.value-box h5{font-weight:400;font-size:15px;letter-spacing:-.5px}.line_section_tide .value-box{position:relative}.line_section_tide .value-box .value-set{position:absolute;bottom:10px;right:10px}.pre-value-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;margin-top:4px}.pre-ref-time,.pre-value-box{display:-webkit-box;display:-ms-flexbox;display:flex}.pre-ref-time{width:230px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.pre-ref-time span:last-child{float:right;text-align:right}.value-box-pre{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:230px;height:44px;padding:4px 6px;color:#161616;background:#f5f5f5;border:1px solid rgba(184,188,207,.5);border-radius:8px}.value-box-pre h5{font-weight:400;font-size:14px;text-align:center;line-height:120%;float:left}.value-box-pre .value-set{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;letter-spacing:-.5px}.value-box-pre .value-set,.value-set-pre{display:-webkit-box;display:-ms-flexbox;display:flex}.value-set-pre{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.value-box-pre .value-set .each_hour{height:auto;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.last_each_hour{padding-right:0}.value-box-pre .value-set .value{font-weight:500;font-size:16px;line-height:16px}.pre-unit{font-size:12px;font-weight:400}.each_hour_value{font-weight:500;font-size:16px;line-height:16px;text-align:center}.value-box-pre .value-set .unit{font-weight:400;font-size:10px}.box-wl-01-02{width:260px;height:154px;padding:7px}.box-wl-01-02.activeClass,.box-wl-01-02:hover{padding:5px}.box-wl-01-02-selected,.box-wl-01-02.activeClass,.box-wl-01-02:hover{border:3px solid #052563;-webkit-box-shadow:0 4px 12px rgba(22,65,148,.6);box-shadow:0 4px 12px rgba(22,65,148,.6)}.box-wl-01-03{width:260px;height:120px;padding:12px}.box-wl-01-03 span{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.box-wl-01-03 span,.value-box-pre-02{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.value-box-pre-02{width:100%}.value_boxes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.value_boxes .value-box2:first-child{width:105px}.value_boxes .value-box2:last-child{width:135px}.value-box2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:118px;height:42px;padding:8px;color:#161616;background:#f5f5f5;border:1px solid rgba(184,188,207,.5);border-radius:8px;margin:3px 0}.value-box2 h5{font-weight:400;font-size:16px}.value-box2 .value-set{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;letter-spacing:-.5px}.value-box2 .value-set .value{font-weight:500;font-size:20px;line-height:20px}.value-box2 .value-set .unit{margin-left:2px;font-weight:400;font-size:11px;letter-spacing:-.5px}.value-box2-warning{background-color:#ff6b00}.value-box2-alert,.value-box2-warning{color:#fff;border:.5px solid rgba(184,188,207,.5)}.value-box2-alert{background-color:#ed0c0c}.leaflet-container a.leaflet-popup-close-button{top:15px;right:15px;font:24px/24px Tahoma,Verdana,sans-serif!important}.box-wl-02{width:394px;height:82.4px;padding:12px;position:relative;overflow:hidden}.box-wl-02.activeClass,.box-wl-02:hover{padding:10px}.box-wl-02-selected,.box-wl-02.activeClass,.box-wl-02:hover{border:3px solid #052563;-webkit-box-shadow:0 4px 12px rgba(22,65,148,.6);box-shadow:0 4px 12px rgba(22,65,148,.6)}.box-wl-wind{width:394px;height:82.4px;padding:12px}.box-wl-wind.activeClass,.box-wl-wind:hover{padding:10px}.box-wl-wind-selected,.box-wl-wind.activeClass,.box-wl-wind:hover{border:3px solid #052563;-webkit-box-shadow:0 4px 12px rgba(22,65,148,.6);box-shadow:0 4px 12px rgba(22,65,148,.6)}.box-wl-02 .error{background-color:rgba(0,0,0,.6);position:absolute;width:100%;height:100%;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.box-wl-02 .error>img{width:40px;height:auto}.box-wl-02 .error>p{font-size:16px;font-weight:600;color:#fff;margin-bottom:2px}.box-wl-02 span,.box-wl-wind span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.box-wl-02 .value-box,.box-wl-wind .value-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:110px;height:34px}.box-wl-02 .value-box .value-set{font-weight:400;font-size:24px;line-height:14px}.box-wl-02 .value-box .value-set .unit{font-size:16px}.info-tbl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:247px;height:34px;border:1px solid #d4d6df;border-radius:8px;overflow:hidden}.info-tbl,.info-tbl>table{-webkit-box-sizing:border-box;box-sizing:border-box}.info-tbl>table{width:100%;table-layout:fixed}.info-tbl>table>thead{border-bottom:.5px solid #d4d6df;background-color:#f5f5f5}.info-tbl>table>thead>tr th{gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.info-tbl>table>thead>tr th:before{width:10px;height:10px;background:#fff;margin:-2.5px 4px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";display:inline-block;vertical-align:middle;border-radius:100%;border:.1px solid #9e9e9e}.info-tbl>table tbody tr td:not(:last-child),.info-tbl>table thead tr th:not(:last-child){border-right:.5px solid #d4d6df}.box-wl-wind .info-tbl>table>thead>tr th:before{display:none}.box-wl-02 .info-tbl table thead tr .lv-01:before{background:#052563}.box-wl-02 .info-tbl table thead tr .lv-02:before{background:#ffc319}.box-wl-02 .info-tbl table thead tr .lv-03:before{background:#ff6b00}.box-wl-02 .info-tbl table thead tr .lv-04:before{background:#ed0c0c}.info-tbl tbody tr{font-size:14px;font-weight:500;text-align:center;letter-spacing:-.5px}.info-tbl .gray-td{background-color:#f5f5f5;color:#000;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.box-wl-03{width:244px;height:246px;padding:21px 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.box-wl-03.activeClass,.box-wl-03:hover{border:3px solid #052563;-webkit-box-shadow:0 4px 12px rgba(22,65,148,.6);box-shadow:0 4px 12px rgba(22,65,148,.6);padding:19px 13px}.box-wl-03 .tit-set h3{font-size:16px}.box-wl-03 span .value-box{width:160px;height:73px}.box-wl-03 span .value-box .value-set{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.box-wl-03 span .value-box .value-set .value{font-weight:500;font-size:24px}.box-wl-03 span span{-ms-flex-pack:justify;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.box-wl-03 span span,.box-wl-03 span span .value-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;justify-content:space-between}.box-wl-03 span span .value-box{width:76px;height:67px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-pack:justify}.box-wl-03 span span .value-box .value-set .value{font-weight:500;font-size:16px;letter-spacing:-1px}.box-wl-03 span span .value-box .value-set .value .unit{font-size:14px}.box-wl-03-selected{border:3px solid #052563;-webkit-box-shadow:0 4px 12px rgba(22,65,148,.6);box-shadow:0 4px 12px rgba(22,65,148,.6)}.info{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;gap:8px;overflow:auto;padding-left:8px}.info::-webkit-scrollbar{position:absolute;width:6px;left:1876px}.info::-webkit-scrollbar-thumb{background-color:rgba(57,61,69,.7);border-radius:50px}.info::-webkit-scrollbar-track{background-color:rgba(57,61,69,0);border-radius:50px}.info col{background:rgba(199,255,220,.15294117647058825)}.info .line_section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0;gap:8px}.info>div{width:49%}.info>div.rain{width:32.5%}.data-box-cmm{-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #b6bace;border-radius:8px;-webkit-box-shadow:0 1px 5px rgba(18,32,61,.2);box-shadow:0 1px 5px rgba(18,32,61,.2);cursor:pointer;position:relative;overflow:hidden}.data-box-cmm .error{background-color:rgba(0,0,0,.6);position:absolute;z-index:9;width:100%;height:100%;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.data-box-cmm .error img{width:40px;height:auto}.data-box-cmm .error>p{font-size:16px;font-weight:600;color:#fff;margin-bottom:2px}.tide_flow{position:relative;height:52px;font-size:16px}.tide_flow,.tide_flow>div{display:-webkit-box;display:-ms-flexbox;display:flex}.tide_flow>div{height:100%}.tide_flow>div,.tide_flow>div>div{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:50%}.tide_flow>div>div{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tide_flow>div>div p span{font-weight:800;margin-right:10px}.tide_flow>div>div .time{content:"";background-size:15px 15px;background-repeat:no-repeat;background-position:0;padding-left:20px;vertical-align:middle;display:inline-block}.tide_flow>div .low>p:nth-child(2){color:#1f52b5;font-weight:500}.tide_flow>div .high>p:nth-child(2){color:#ed0c0c;font-weight:600}.tide_flow:after{content:"";display:block;width:1px;height:30px;background-color:#dbdde7;position:absolute;right:50%;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.line_section_tide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0;gap:15px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:15px}.last-upate{font-size:13px;font-weight:400;letter-spacing:-.5px}.last-upate :before{content:"";background-image:url(../../vue/img/ico-time.aed8ba49.svg);background-size:12px 12px;width:12px;height:12px;margin:2px 2px 0 0;vertical-align:middle;display:inline-block}.tit-set{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tit-set .tit-set h3,.tit-set .tit-set h4{color:#393d45}.last-upate-pre{font-size:13px;font-weight:400;letter-spacing:-.5px}.box-wl-none-w260{-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px;width:260px;height:154px;-webkit-box-shadow:none;box-shadow:none;background-size:cover;background-image:url(../../vue/img/bg-site-none-01.d7f06f4f.svg)}.box-wl-none-w260 h3,.box-wl-none-w394 h3{font-weight:500;color:rgba(57,61,69,.6)}.box-wl-01{width:260px;height:93.75px;padding:12px}.box-wl-01 span{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.box-wl-01 span,.value-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.value-box{-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:114px;height:44px;padding:8px;color:#161616;background:#f5f5f5;border:1px solid rgba(184,188,207,.5);border-radius:8px}.value-box .value-set{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;letter-spacing:-.5px}.value-box .value-set .value{font-weight:500;font-size:20px;line-height:20px}.value-box .value-set .unit{margin-left:2px;font-weight:400;font-size:10px}.value-box-warning{background-color:#ff6b00}.value-box-alert,.value-box-warning{color:#fff;border:.5px solid rgba(184,188,207,.5)}.value-box-alert{background-color:#ed0c0c}.value-bs{font-weight:500;font-size:20px;line-height:20px}main.data-search-wrap{background-color:transparent}.data-view-box:after{content:"";display:block;width:100%;height:90vh;background-color:#eaebf1;position:absolute;z-index:-1;left:0;top:150px}.data-select-box{padding:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.data-select-box>div{margin-right:20px}.select-tit{font-size:20px;font-weight:500;padding-bottom:8px;text-indent:10px;display:-webkit-box;display:-ms-flexbox;display:flex}.data-view-box{height:67vh}.selectBox *{-webkit-box-sizing:border-box;box-sizing:border-box}.selectBox{position:relative;width:225px;height:35px;border-radius:8px;background-size:20px;cursor:pointer;padding-left:20px;color:#373737;border:1px solid #e9e9e9;background:url(../../vue/img/ico-arr-btm.88d80cd7.svg) no-repeat 95.5% 55% #fff}.selectBox:after{content:"";display:block;width:1px;height:100%;position:absolute;top:0;right:36px;background:#e9e9e9}.selectBox .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:inherit;height:inherit;border:0 none;outline:0 none;font-size:16px;background:transparent;cursor:pointer;font-weight:500}.selectBox .optionList{position:absolute;top:40px;left:0;width:100%;background:#fff;color:#444;padding:0;border-radius:6px;overflow-y:auto;max-height:0;font-size:14px;line-height:1.5;font-weight:500;z-index:1}.selectBox .optionList.active{max-height:320px;border:1px solid #e0e0e0;-webkit-transition-duration:.4s;transition-duration:.4s}.selectBox .optionList .disabled{color:#c9c9c9;cursor:Default}.selectBox .optionItem{border-bottom:1px solid #e0e0e0;padding:5px 15px 5px}.selectBox .optionItem:hover{background:#e9e9e9}.selectBox .optionItem:last-child{border-bottom:0 none}.selectBox .optionList::-scroll{width:6px}.selectBox .optionList::-webkit-scrollbar{width:6px}.selectBox .optionList::-webkit-scrollbar-track{background:transparent}.selectBox .optionList::-webkit-scrollbar-thumb{background:#052563;border-radius:45px}.selectBox .optionList::-webkit-scrollbar-thumb:hover{background:#052563}.data-calender{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px}.data-calender .select-tit{width:50%}.data-calender .select-tit:last-child{padding-left:20px}.data-calender .selectBox{background-image:none;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;width:410px}.data-calender .selectBox:after{content:none}.data-calender .selectBox>div{width:50%;height:100%;line-height:36px;text-align:center;font-weight:500}.data-calender .selectBox .data-end,.data-calender .selectBox .data-start{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIsSURBVHgB7ZpPa9RAGMafN0lb91CFhVIFQcRdhIIHb4LCluIn8CT0ZOsH0ItXK3gQPIgXD1KqeBLEg5/ArUdPIloRd0Ft6aHQQunfbZJ5+26h0H/TZrdpk2nf3yFkZ55s5klm3sybCaAoylFCaIOgdL8fMJWtZVFt7AlSICgNPd5e4o1HtdEqWiRAW5gKEY3sKEzF2M7/ZTbN31W0iIcTihpzjQODR6E0eDGiwiMivsOMC8jqYjCMbGekxZ889p83aq/r+8n3NdbZd6+PI/+9jOBryBX0izzcXfs9+t2m8G0VxdLg2YYJnsnubeSPHuk9l0zx1kfMfY33Eli71QLOXGGiAeSXm528VLZVWo0xoZsMepFTiNFtPCra6u2BgKUXU46jZrNtbKwxQp9jrqHGXOPEGms1bXkgacQ3ZACBrktO8yKpviVjTVNR7c04MkCSWyKZMCZFx5hrqDHXUGOuoQ/oVE5WHv6cVEuIH4Z/3rY9GThWY5I89SfVMtM5HAIdY66hxlxDjbmGGnMNnVKlATOPJNVGEf/DIThWY2ktwCdBx5hrnMbgYRqyWZFko7BZQuRVO8rDyIZd7xRXpSi0qa13rIN5SqxMILfwZBB3TdtqrcZW6otyEL2TXetVyZBQVjQ/rP7t/W8T+PZjJ9icv/HTi+NQMt9K8+U58sDGZxH8MpxfeIrlVw2bLFFjuy4PXTW+N8Dgno3V6SwgGGKaJeYva/WxH1AUJVPWASRYmRJWdJ3nAAAAAElFTkSuQmCC);background-size:12.5pt;background-repeat:no-repeat;background-position:72% 45%}.data-calender .selectBox .data-end input,.data-calender .selectBox .data-start input{background:transparent;outline:none;border:0;font-size:16px}.data-calender .selectBox .data-start:after{content:"-";display:inline-block;position:absolute;right:48%;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.data-calender .mx-input{-webkit-box-shadow:none;box-shadow:none}.data-calender i.mx-icon-calendar{display:none}.data-btn{margin-left:135px;cursor:pointer}.data-btn>div{width:165px;font-size:16px;border-radius:8px;font-weight:500}.data-btn .search-btn{background-color:#052563;color:#fff;margin-right:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJxSURBVHgB7ZjNahNRGIbfEax7FwWzSaHWG3BVSl2pq4Ko2y7ixngPKgbRhbdRabtwo+AVlGLjDYiprqsbI7oxxcLX93BOIf1yJvNzZiYTOg+8JGdmzvcz53+AhoaLTYSMiIips05tUKvUdeqquz2kvlEH1EdqP4oiQR1g4JeoR9ShpGdAdUxdzBIGsEx9lvz0qRuYBXR8h/or4fyh7qJKjEPq2BPMP2qLekC1qctObXdtyz2jGZkXgiowTR7z5repaynqt6idmJZYQZmIHbC6z59Qj5ER1um6uuOYMVHewBY722gyBz9mr+ux10EZ0HAkk1PlNgLxdCczxWZeh9I4uqUcmcGY2OdT2G3J5MBeRyC+frihyu+4mv5AILRxZGwl+MqML4FVVX6P4viQ4CscNutP1cxtFARtLSnbwS3rc6IXrgUUBG1dUbZHCGS2m6wcu2GNL4Hfqhw8A02x9QuB+BI4VOWbKA5t6zsC8SVwoMr3URz3VPkTisYsLp6FrIVAYhayNRSN2K3EQDnaQSC0satsfpEythLOWUcm6SInrPvEY28TZSF2O91XDk/yJOGC19vpfSn7nEwHK2IPHxqzq0wcE2L7/K6n/pBaRhWIPQ+PPEGcHSkfit0eLDgtuWtvxX+kNHylFlEVdHY7piWyMnTBa16ibMR2p77kx/R582lmMeZ+D2UjdmCb2Wkg6TFT5aaMDdgpz/ZQBWLXCbPYvaH2qCOxO9hj93/P3VsTzzwv0+mh7jDIpwlJvELdaZKoC00SdaFJoi7kSWLWXyXOwa93r/nzbMoj/zEPxLTEC8wTKon5Cv4MBv58boNvaKiIU3CWa2BYgp6ZAAAAAElFTkSuQmCC);background-position:20% 48%;text-indent:15px}.data-btn .download-btn,.data-btn .search-btn{width:150px;height:40px;line-height:40px;text-align:center;background-size:12.5pt;background-repeat:no-repeat}.data-btn .download-btn{background-color:#fff;border:1px solid #e9e9e9;background-position:12% 48%;text-indent:25px}.data-btn .download-btn,.data-btn .download-btn.disabled{color:#000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKdSURBVHgB7ZnPaxNBFMe/b7KbrVUo/r7pSqyeRPAfML0UvHgSREEoqaKCgmDAQ1NSfwQvguDZYsE/wbNVQe8BbyqYWtpjS0VpTJp9vmliMbsJTeJuyNr5XCaZnWH3k5n3NjMDGAwGg8FgGDiodTWTlbo2RhZPokbnQLwXPcKMtxtfZsf+rrNHJ99IkUbvrDH4HUg92fj0/L2+jb+BatUrefL6BbnyAh4u/4tUhIwQ6Dwxv0qkMhdbNQiI7T526TCz94DARzD4jCiFZ3tSVw75LwTEKvbwuMyfOEg1oIMVyxn31wbEJCaOSrELMcLz2PXXBWOMOYG2SWVAqT9zEwr/KUYsblgICXk9FCpV7xFKc+Xt2lY/N7+wN3EnhmzHugGPnyIEQhsxBmUtO3FXPyC6xJU+yaS6I1KPERJhTkVHUmnOthMPXTffsZyWWpKRYqa8fO36R2lHaFOxgX6wW8v24i8pc510WK6P1D2EKKUJW0wzJNNyKjmawXYxlzxxdYY5fClNFGKb6JhL2sQVd6IQkGvEVFRSmijTvcNQty2bpkZO3dxaIbhbUuHGlJ/IRqyBLC9Udr1cFqF8AVjAkqMkpVNkI/WHqMU0EnMqKwmFWVkrjZQeqZSmH2IanVCmRQr9wvxXjBtGLG6YZUsTxCV5F5XQD5TsZzC56JKexNjDnGyC3kcfsI5n8kSYQZeYGIsbRixu7KB0T1RD/Vim7W4wEaUlW6Ef6Ht10Kjmr7KCbbAoWuvycRjtSXd0wz5BxN/8dYGpWK1581J8RUyQqbVW/anm/fWBzXysFr8n9p0uy+LwrIyeg8E9oJCDIawSI+ctzL72X0y06uGtFIv2/jMfPfABsZJDNXIwWPxgog8iNi3/gF7CYDAYDAZDPPgNI7PBVgioL9YAAAAASUVORK5CYII=)}.data-btn .download-btn.disabled{background-color:#eee;cursor:Default}.table-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background-color:#fff!important;margin:0 auto;margin-bottom:10px;position:relative}.table-top .select-date{font-size:18px;font-weight:800;color:#141414;background-color:#fff;position:absolute;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}.table-top .select-conditions{color:#141414}.graph-btn,.table-btn,.table-top .select-conditions{font-size:15px;font-weight:500;background-color:#fff}.graph-btn,.table-btn{width:130px;height:30px;color:#000;line-height:30px;text-align:center;border:2px solid #052563;border-radius:8px;background-repeat:no-repeat;background-position:13% 50%;text-indent:22px;cursor:pointer}.graph-btn{background-image:url(../../vue/img/ico_chart.9a9f0df8.svg)}.table-btn{background-image:url(../../vue/img/ico_table.eb59b164.svg)}.data-view-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:25px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.data-view-box>div{background-color:#fafafa}.data-view-box .graph-box{width:calc(30% - 30px)}.data-view-box .data-table-box{width:100%;height:100%;max-height:820px;overflow-y:auto;overflow-x:hidden}.data-view-box .data-table-box::-webkit-scrollbar{width:6px;background-color:#fff}.data-view-box .data-table-box::-webkit-scrollbar-thumb{background-color:#052563;border-radius:6px}.wlvlConBox.wind{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.wlvlConBox.wind .wlvlRightCon{width:0}.wlvlConBox.wind .highcharts-axis-labels,.wlvlConBox.wind .highcharts-title{font-family:SUIT!important;font-weight:600}.wlvlConBox.wind .containerArea{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px}#data_info_tbl thead tr th{position:sticky;top:0;background-color:#f7f8fb!important;font-family:PTD;font-style:normal;font-weight:600;font-size:14px;line-height:17px;border:1px solid #e0e1e4}#data_info_tbl tbody{overflow-y:auto}#data_info_tbl tbody td{height:28px;text-align:center;font-family:PTD;font-style:normal;font-weight:300;font-size:14px;line-height:17px;border:1px solid #e0e1e4}#data_info_tbl tbody tr:nth-child(odd){background-color:#fff}#data_info_tbl tbody tr:nth-child(2n){background-color:#f7f8fb}.status-lv-01 h4,.status-lv-02 h4,.status-lv-03 h4,.status-lv-04 h4{color:#fff;font-weight:500;text-shadow:0 0 1px #000}.status-lv-01{border:1.5px solid #1f52b5;background:#1f52b5;-webkit-box-shadow:0 1px 4px rgba(21,122,255,.6);box-shadow:0 1px 4px rgba(21,122,255,.6)}.status-lv-02{border:1.5px solid #fecd44;background:#fecd44;-webkit-box-shadow:0 1px 4px rgba(255,195,25,.6);box-shadow:0 1px 4px rgba(255,195,25,.6)}.status-lv-03{border:1.5px solid #ff6b00;background:#ff6b00;-webkit-box-shadow:0 1px 4px rgba(255,107,0,.6);box-shadow:0 1px 4px rgba(255,107,0,.6)}.status-lv-04{border:1.5px solid #ed0c0c;background:#ed0c0c;-webkit-box-shadow:0 1px 4px rgba(255,13,13,.6);box-shadow:0 1px 4px rgba(255,13,13,.6)}.value-box-lvl0{background-color:#03ac13;color:#000}.value-box-lvl0,.value-box-lvl1{border:.5px solid rgba(182,186,206,.5)}.value-box-lvl1{background-color:#1f52b5;color:#fff}.value-box-lvl2{background-color:#fecd44}.value-box-lvl2,.value-box-lvl3{color:#000;border:.5px solid rgba(182,186,206,.5)}.value-box-lvl3{background-color:#ff6b00}.value-box-lvl4{background-color:#ed0c0c;color:#fff;border:.5px solid rgba(182,186,206,.5)}.tide-marker-on-map{position:absolute;width:40px;cursor:pointer}.tide-marker-on-map img{width:100%;height:40px}.tide-mark-01{left:428px;top:672px}.tide-mark-02{left:765px;top:566px}.tide-mark-03{left:923px;top:407px}.tempTextArea2{width:100%;margin:auto;font-size:22px;height:560px;line-height:560px;text-align:center}.paging-info{margin:10px auto 0 auto}.pagination li{float:left;border:1px solid #aaa;border-right:none;list-style:none}.pagination li:first-child{border-radius:3px 0 0 3px}.pagination li:last-child{border-right:1px solid #aaa;border-radius:0 3px 3px 0}.pagination li.active a{background:#aaa;color:#fff}.pagination li.disabled a{opacity:.3}.pagination li a{min-width:30px;height:28px;line-height:28px;display:block;background:#fff;font-size:14px;color:#333;text-decoration:none;text-align:center}.selectBox .optionListDate.active{max-height:320px;border:1px solid #e0e0e0;-webkit-transition-duration:.4s;transition-duration:.4s;overflow:hidden}.selectBox .optionListDate{position:absolute;top:40px;left:0;width:100%;background:#fff;color:#444;list-style-type:none;padding:0;border-radius:6px;overflow:auto;max-height:0;font-size:14px;line-height:1.5;font-weight:500;z-index:1}.selectBox.active .optionListDate{max-height:320px;border:1px solid #e0e0e0;-webkit-transition-duration:.4s;transition-duration:.4s;overflow:hidden}.selectBox .optionListDate::-scroll{width:6px}.selectBox .optionListDate::-webkit-scrollbar{width:6px}.selectBox .optionListDate::-webkit-scrollbar-track{background:transparent}.selectBox .optionListDate::-webkit-scrollbar-thumb{background:#052563;border-radius:45px}.selectBox .optionListDate::-webkit-scrollbar-thumb:hover{background:#052563}.optionListDateDay{position:absolute;top:40px;left:0;width:100%!important;height:auto!important;background:#fff;color:#444;list-style-type:none;padding:0;border-radius:6px;overflow:auto;max-height:0!important;font-size:14px;line-height:1.5;font-weight:500;z-index:1}.optionListDateDay.active{max-height:320px!important;border:1px solid #e0e0e0;-webkit-transition-duration:.4s;transition-duration:.4s;overflow:hidden}.optionListDateDay .w102{width:102px}.optionListDateDay .board{width:410px}.optionListDateDay .fl{float:left}.optionListDateDay li{border-bottom:1px solid #ccc}.optionListDateDay li:nth-last-child(-n+4){border-bottom:0}.optionListDateDay li:hover{background:#e9e9e9}.optionListDateDay li.deSelect{color:#c9c9c9;cursor:Default}.wlvlConBox{width:100%;height:inherit;max-height:562px;padding:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:52px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.wlvlLeftCon{width:72%;gap:4px}.wlvlLeftCon,.wlvlRightCon{float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wlvlRightCon{width:25%}.rainGraphRightCon,.wlvlRightCon{gap:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.rainGraphRightCon{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;height:100%;overflow-y:auto}.rainGraphRightCon::-webkit-scrollbar{width:6px}.rainGraphRightCon::-webkit-scrollbar-track{background:#fff;border:1px solid #e0e1e4;border-radius:6px;border-left:0}.rainGraphRightCon::-webkit-scrollbar-thumb{background:#052563;border-radius:45px}.rainGraphRightCon::-webkit-scrollbar-thumb:hover{background:#052563}.rainGraphRightCon .eachRainSensor{border-radius:8px;-webkit-box-shadow:0 1px 5px rgba(18,32,61,.2);box-shadow:0 1px 5px rgba(18,32,61,.2);background-color:#fff;width:60%;height:32px;line-height:32px;cursor:pointer;text-align:center;font-size:15px}.rainGraphRightCon .eachRainSensor.clickedRainItem{background-color:#797979;color:#fff}.rainGraphRightCon .eachRainSensor:hover{background-color:#e0e0e0;color:#141414}.rainGraphRightCon .dataTables_wrapper{height:inherit}.rainGraphRightCon .dataTables_scrollBody::-webkit-scrollbar{width:6px}.rainGraphRightCon .dataTables_scrollBody::-webkit-scrollbar-track{background:#fff;border:1px solid #e0e1e4;border-radius:6px;border-left:0}.rainGraphRightCon .dataTables_scrollBody::-webkit-scrollbar-thumb{background:#052563;border-radius:45px}.rainGraphRightCon .dataTables_scrollBody::-webkit-scrollbar-thumb:hover{background:#052563}.minMaxArea{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff;width:96%;height:35px;text-align:center;font-size:14px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:1px solid hsla(0,0%,75.3%,.4);border-radius:25px}.maxArea,.minArea{width:50%;height:35px;line-height:35px}.eachGraphArea{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.eachAreaTitle{width:160px;text-align:center;font-size:14px}.totalAvgAreaForContent{margin:0 40px 0 0}.totalAvgArea,.totalAvgAreaForContent{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;width:60%;height:24px;text-align:center;font-size:14px;border:1px solid hsla(0,0%,75.3%,.4);border-radius:25px}.totalAvgArea{margin-left:160px}.AvgArea,.totalArea{width:50%;height:35px;line-height:35px}.clipboardBtn{width:40px;height:18px;line-height:18px;background-color:#fff;color:#2b333f;border-radius:9px;margin:3px 3px 3px 0;text-align:center;font-weight:400;cursor:pointer;-webkit-transition-duration:.2s;transition-duration:.2s;border:1px solid #2b333f}.clipboardBtn:hover{background-color:#2b333f;color:#fff}.dataTableHead{height:26px;background-color:#f7f8fb}.wlvlLegend{display:block;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;text-align:center;font-weight:700;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wlvlLegendLvl1,.wlvlLegendLvl2,.wlvlLegendLvl3,.wlvlLegendLvl4{display:-webkit-box;display:-ms-flexbox;display:flex;width:10%;float:left;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.wlvlLegendInnerBox1,.wlvlLegendInnerBox2,.wlvlLegendInnerBox3,.wlvlLegendInnerBox4{display:-webkit-box;display:-ms-flexbox;display:flex;width:80%;background-color:transparent;position:absolute;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px}.wlvlLegendInnerColorBox0{background-color:#1fb533}.wlvlLegendInnerColorBox0,.wlvlLegendInnerColorBox1{width:50px;height:30px;line-height:30px;border-radius:12px;-webkit-box-shadow:0 1px 5px #12203d;box-shadow:0 1px 5px #12203d;color:#fff}.wlvlLegendInnerColorBox1{background-color:#1f52b5}.wlvlLegendInnerColorBox2{background-color:#fecd44}.wlvlLegendInnerColorBox2,.wlvlLegendInnerColorBox3{width:50px;height:30px;line-height:30px;border-radius:12px;-webkit-box-shadow:0 1px 5px #12203d;box-shadow:0 1px 5px #12203d;color:#fff}.wlvlLegendInnerColorBox3{background-color:#ff6b00}.wlvlLegendInnerColorBox4{width:50px;height:30px;line-height:30px;background-color:#ed0c0c;border-radius:12px;-webkit-box-shadow:0 1px 5px #12203d;box-shadow:0 1px 5px #12203d;color:#fff}.wlvlLegendInnerTextBox1,.wlvlLegendInnerTextBox2,.wlvlLegendInnerTextBox3,.wlvlLegendInnerTextBox4{width:50%}.adminSection{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:15px;height:100%}.adminSection>div{width:50%;height:92%;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.adminSection .leftSection{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.adminSection .rightSection{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}.adminSection .leftSection button,.adminSection button.add,.adminSection button.calenderCheck{padding:8px 20px;background:#fff;border-radius:6px;border:1px solid #052563;color:#052563;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:700;margin:0 auto;cursor:pointer}.adminSection .listManeger{width:65%}.adminSection .listManeger .selectBox{height:30px;width:150px;border-radius:6px;background-position:92.5% 50%!important}.adminSection .selectBox .label{font-size:14px}.adminSection .selectBox .optionList{top:33px}.adminSection .data-view-box>div{background-color:transparent!important}.adminSection input[type=number]{width:65px;height:unset;padding:5px;margin:2px 0;background-color:#fff;border-radius:6px}.adminSection input[type=number]:disabled{background-color:#e0e1e4}.adminSection button.modi{padding:7px 15px;background:#052563;border-radius:6px;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:700;margin:0 auto;cursor:pointer}.adminSection .toggleCheck .inputArea{display:inline-block;width:50px}.adminSection .toggleCheck p,.adminSection .toggleSwitch{display:inline-block;width:40px}.adminSection .toggleSwitch{height:20px;position:relative;border-radius:30px;background-color:#fff;-webkit-box-shadow:0 0 10px 3px hsla(0,0%,62%,.5607843137254902);box-shadow:0 0 10px 3px hsla(0,0%,62%,.5607843137254902);cursor:pointer;margin:0 auto}.adminSection .toggleSwitch .toggleButton{width:15px;height:15px;position:absolute;top:50%;left:3px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:50%;background:#797979}.adminSection #toggle:checked~.toggleSwitch{background:#052563;-webkit-box-shadow:0 0 10px 3px rgba(7,44,119,.5137254901960784);box-shadow:0 0 10px 3px rgba(7,44,119,.5137254901960784)}.adminSection #toggle:checked~.toggleSwitch .toggleButton{left:calc(100% - 18px);background:#fff}.adminSection .toggleButton,.adminSection .toggleSwitch{-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.adminSection .acceseDataBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;overflow:auto}.adminSection .acceseDataBox::-webkit-scrollbar{position:absolute;width:6px;left:1876px}.adminSection .acceseDataBox::-webkit-scrollbar-thumb{background-color:#052563;border-radius:50px}.adminSection .acceseDataBox::-webkit-scrollbar-track{background-color:rgba(57,61,69,0);border-radius:50px}.adminSection .acceseDataBox>div{height:50%}.adminSection .acceseDataBox .graphBox{background-color:#e0e0e0;height:calc(100% - 42px)}.adminSection .acceseDataBox .selectBox{width:300px;height:30px;border-radius:6px}.adminSection .acceseDataBox .selectBox>div{line-height:28px}.adminSection .acceseDataBox input{font-size:14px!important;padding-bottom:8px}.adminSection .acceseDataBox .data-calender .selectBox>div{text-align:unset}.adminSection .acceseDataBox .data-calender .selectBox .data-end,.adminSection .acceseDataBox .data-calender .selectBox .data-start{background-position:88% 45%}.adminSection .acceseDataBox .data-calender .mx-datepicker{width:150px}.adminSection .acceseDataBox .data-calender .mx-input-wrapper i{display:none!important}.deviceAccese{margin-bottom:60px}.errorPage{background-color:#f8f8fa;height:100vh;margin:0;padding:0;width:100%}.errorPage,.errorPage .severInspec{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.errorPage .severInspec{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;letter-spacing:-.5px}.errorPage .mainDesc{font-size:40px}.errorPage .desc{font-size:20px;text-align:center}.errorPage .inspectIco{height:128px}.errorPage .blank_line{max-width:430px;width:100%;height:2px;background-color:#052563;margin-top:10px;margin-bottom:8px}.errorPage .blue{color:#052563}.main.admin .tit-box{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main.admin .tit-box .left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main.admin .tit-box button{padding:8px 20px;background:#052563;border-radius:20px;border:1px solid #fff;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;font-weight:700;cursor:pointer}.wrapper.login{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.25rem;margin-bottom:30px}.wrapper.login .card{gap:10px}.wrapper.login .card,.wrapper.login .card form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wrapper.login .card form{gap:15px}.wrapper.login .card input{width:300px;border-radius:6px;padding:12px 5px;height:unset;margin-top:5px}.wrapper.login .card input::-webkit-input-placeholder{font-size:1.2rem}.wrapper.login .card input::-moz-placeholder{font-size:1.2rem}.wrapper.login .card input:-ms-input-placeholder{font-size:1.2rem}.wrapper.login .card input::-ms-input-placeholder{font-size:1.2rem}.wrapper.login .card input::placeholder{font-size:1.2rem}.wrapper.login .card i{margin-top:7px}.wrapper.login .card-header{font-size:2.5rem;margin-bottom:5px;text-align:center}.wrapper.login .input-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.wrapper.login .loginBtn{background-color:#052563;color:#fff;font-size:1.25rem;border-radius:6px;margin-top:10px}.wrapper.login .protected,.wrapper.login .unprotected{background-color:#fff;border:1px solid #b6bace;padding:45px 5px 20px;border-radius:6px;line-height:1;text-align:center;font-size:.8rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAS2SURBVFiFrZd/aFVlGMc/z3vPOfuR26ggLGfM2t2MEZWWOAqb/ZO4SCwW1B923TUpcSFtBEWJJEjhFEqsGG5MMoKs8DeDIpVyjmwEldjmSinTCjK33No959779Mc5x12367z78fz1vu/zvO/3877nnPd5jpCrlTfkWTq0WIwsA50HzAFKAm8/cAboVjV7k3mXDnNyt5vLsnK9gMLK+tu8tKwHngGKcsQdAD70rMhGTrVcmBxAWSzfsazXVXQdUJjhGUa1E5EeEQYAVClGmItSDeRnxA4KutX10ps42z6cO8Bdq2+1k6k9wIJwSGG/QXe6BV4H338wmHVe1ZoZTsJdgqSfVeSxDE+X56WWc7b9j+sC2BX196iag4LOCieroSnZ03osq+g1zKqof0hUtoSbUDhnIqml7k/tP2TGmatmlcVmqsqBEXFt8YojiyYqDpDsbfvamzX7QdB3AARK06lIR0HFilmZcSMnUFpXYBcUH7lCLNqY7G3bOlHhbGZF400Cm4PucU8LF9O3LQEZJ+Dkl7wWiqO6fbrEAZKnW5tB3g+61Y4ZejX0GfA/teBtB+jySm9fN3qRqZpXbF4EPQGgykuUxWZeAQi+80IANTRxZENyugHobvFUTGPQm2HbkfUAQnlDni1DfwHFCvuSp1uXTVXLLl85T4ypcHtnfwwb0pk+Jxo/oFAL9HvOwC0mYgYfAYoBjGj7VMUj0XgtYjpV+cip+O2pMQHKzqBVYiWKaoxR83gwMOza+Z9PVdzAp0AekNA0PaNj3Ih2AAkAMbLMBIkFhOOcfPfyZMWtO+NLDHwSiLtGqfP6Wr8bE9jT9i9IFwDKPIOf1UBlDO2I1UXGE49E47Vi2IOfBxJpkeWJvtb9156RDrT0DkOQUkW5mC3Ujj53rx0tvmhH48epit+UTTzz2NMiT6R6dxwaD1hU/g5aJWa8QACR9Fz8l3Sh7fJFJsRkxEebwS8mUGHM7gDc3oHdCLuC7n0hxFTEVfTmoHnJ4FcyIFqZPXx3yusdiI2C6Jzazk2odcYA3T4W1VStmZEjROWkxSvri0AX+prabTTNvsCV77jDj1575hiIST1zR83SAB4Vs9ck8we+xK/hAGLjT/chRHgapXqi4gCorgha/Umn/6gA2NFV74E+71PJomTvjq8mvHAOZpWvqhHRwwHIdq+vba2fDS3zBjAIIKrNzF9tT7t6VZ0jRpuD3mUvZTZCWJCcarkgaFiALLAHUm9Pt77tFm1DmQ+gqs2c2fHnCADgeulNQFfQfcGKxpumS9yKxl8GWQ2AaGeSG94MfVdXxWWxmbYd+QaY7Q9oi1dsraW7xZuUcs0Gy/793FbQBgCF847RB4Z62s5nBwCcubG706nIIYHSAOKEimmc6Itpla98WIzZEh478KukqXV/bv0xMy77j4l/Ep8B1RmBB1F2uhHt8FNqFqusL3JSsgQhprD0yrhyzEvJk+Fzvz4AQHlDnmP+e0VVG4HMGzLh5/N0j4j8A6CqN/rXqy4kuGQCu6zK5iSFb4VleO4AofmnEf6cllwvPLB+VHd5KbMx264nBhBaVZ1jJYpqBB5H5H7QOSABkPaD/ILyrYrsSzr9R3P9Pf8fuGTy0+56aCgAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:50% 15px;background-size:18px;margin-top:20px}.wrapper.login .protected h1,.wrapper.login .unprotected h1{margin-top:5px}.wrapper.login .protected h5,.wrapper.login .unprotected h5{font-size:15px}