harset "UTF-8"; /* ---------------------- 메인 ---------------------- */ /* 메인비주얼 */ .main_vsual_wp{position:relative;height:750px;} .main_v_sd .item{height:750px;position:relative;overflow: hidden;background:#121212;} .main_v_sd .item > .inner{padding-left:504px;} .main_v_sd .item .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url('../img/main_visual_bg.jpg') center center no-repeat #336db2;background-size:cover;} .main_v_sd .item .sd_l{position:absolute;left:0;width:504px;padding-top:180px;color:#fff;} .main_v_sd .item .sd_l .deco_text{position:relative;margin-bottom:32px;padding-bottom:32px;opacity:0;} .main_v_sd .item .sd_l .deco_text:before{content:'';position:absolute;bottom:0;left:0px;width:68px;height:2px;background:rgba(255,255,255,.2);} .main_v_sd .item .sd_l .deco_text *{font-weight:700;} .main_v_sd .item .sd_l .deco_text p:before{content:'';position:absolute;bottom:0;left:-4px;width:calc(100% + 8px);height:16px;background:rgba(0,229,255,.2);} .main_v_sd .item .sd_l .tb_wp .subtitle_1, .main_v_sd .item .sd_l .table, .main_v_sd .item .sd_l .tb_wp .info, .main_v_sd .item .sd_l .tb_wp .tb_t > *{opacity:0;} .main_v_sd .item .sd_l .tb_wp .subtitle_1:before{content:'';position:absolute;top:-6px;left:-8px;width:28px;height:28px;border-radius:50%;background:rgba(0,229,255,.2);} .main_v_sd .item .sd_l .tb_wp .tb_t{margin:.5rem 0;justify-content: space-between;} .main_v_sd .item .sd_l .tb_wp .tb_t .txt_l{color:#7dff55;} .main_v_sd .item .sd_l table{font-size:0.813rem;text-align:center;} .main_v_sd .item .sd_l th,.main_v_sd .item .sd_l td{padding:4px 6px;} .main_v_sd .item .sd_l thead th{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);} .main_v_sd .item .sd_l tbody td, .main_v_sd .item .sd_l tbody th{border:1px solid rgba(255,255,255,.3);} .main_v_sd .item .sd_l th:last-child, .main_v_sd .item .sd_l td:last-child{border-right:0;} .main_v_sd .item .sd_l th:first-child, .main_v_sd .item .sd_l td:first-child{border-left:0;} .main_v_sd .item .sd_l tbody tr:hover{background:rgba(22,189,255,.3);} .main_v_sd .item .sd_l .tb_wp .info{margin-top:8px;} .main_v_sd .item .sd_l .tb_wp .info .ico{width:12px;height:12px;background-position:-693px -212px;} .main_v_sd .item .sd_r{position:relative;width:100%;text-align:right;} /* .main_v_sd .item .sd_r .map_wp{position:relative;display:inline-block;width: 790px;padding-top:54px;background: url('../img/mainvisual_map_bg.png') 128px 0 no-repeat;opacity:0;text-align:left;} */ .main_v_sd .item .sd_r .map_wp{position:relative;display:inline-block;width: 790px;background: url('../img/mainvisual_map_bg_ss.png') 128px -35px no-repeat;opacity:0;text-align:left;} .main_v_sd .item .sd_r .map_wp.dam_pt, .main_v_sd .item .sd_r .map_wp.bo_pt{padding-top:54px;background-position:128px 0;} /* .main_v_sd .item .sd_r .map {margin: 0;width:590px;height:674px;background:url('../img/mainvisual_map.svg') 0 0 no-repeat;} */ .main_v_sd .item .sd_r .map {margin: 0;width:590px;height:674px;background:url('../img/mainvisual_map_t08.png') 0 0 no-repeat;} .main_v_sd .item .sd_r .water_gr a{position:absolute;color:#697688;font-size:0.875rem;display:flex;align-items:center;} .main_v_sd .item .sd_r .water_gr a .txt{font-weight:600;text-shadow: 0 0 4px rgba(255,255,255,1),0 0 8px rgba(255,255,255,1), 0 0 16px rgba(255,255,255,1);} /* .main_v_sd .item .sd_r .water_gr .ico{width:22px;height:22px;border-radius:50%;border:1px solid #fff;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.1);font-size:0;} */ /* .main_v_sd .item .sd_r .water_gr .ico_drop .ico{background:url('../img/ico_main_chart01.svg') 0 0 no-repeat;} .main_v_sd .item .sd_r .water_gr .ico_stay .ico{background:url('../img/ico_main_chart02.svg') 0 0 no-repeat;} .main_v_sd .item .sd_r .water_gr .ico_rise .ico{background:url('../img/ico_main_chart03.svg') 0 0 no-repeat;} .main_v_sd .item .sd_r .water_gr .ico_warning .ico{background:url('../img/ico_main_chart04.svg') 0 0 no-repeat;} .main_v_sd .item .sd_r .water_gr .ico_watch .ico{background:url('../img/ico_main_chart05.svg') 0 0 no-repeat;} */ .main_v_sd .item .sd_r .water_gr .ico{width:20px;height:20px;border-radius:50%;border:1px solid #fff;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.1);font-size:0;} .main_v_sd .item .sd_r .water_gr .ico_drop .ico{background:url('../img/ico_main_chart01.svg') center no-repeat;} .main_v_sd .item .sd_r .water_gr .ico_stay .ico{background:url('../img/ico_main_chart02.svg') center no-repeat;} .main_v_sd .item .sd_r .water_gr .ico_rise .ico{background:url('../img/ico_main_chart03.svg') center no-repeat;} .main_v_sd .item .sd_r .water_gr .ico_warning .ico{background:url('../img/ico_main_chart04.svg') center no-repeat;} .main_v_sd .item .sd_r .water_gr .ico_watch .ico{background:url('../img/ico_main_chart05.svg') center no-repeat;} .main_v_sd .item .sd_r .water_gr .ico_r{text-align:right;flex-direction:row-reverse;} .main_v_sd .item .sd_r .water_gr a.data_01{top:92px;left:202px;} .main_v_sd .item .sd_r .water_gr a.data_02{top:124px;left:172px;} .main_v_sd .item .sd_r .water_gr a.data_03{top:184px;left:177px;} .main_v_sd .item .sd_r .water_gr a.data_04{top:209px;left:170px;} .main_v_sd .item .sd_r .water_gr a.data_05{top:249px;left:269px;} .main_v_sd .item .sd_r .water_gr a.data_06{top: 278px;left:330px;} .main_v_sd .item .sd_r .water_gr a.data_07{top: 319px;left: 151px;} .main_v_sd .item .sd_r .water_gr a.data_08{top: 331px;left: 301px;} .main_v_sd .item .sd_r .water_gr a.data_09{top: 356px;left: 298px;} .main_v_sd .item .sd_r .water_gr a.data_10{top: 363px;left: 430px;} .main_v_sd .item .sd_r .water_gr a.data_11{top: 396px;left: 316px;} .main_v_sd .item .sd_r .water_gr a.data_12{top: 386px;left: 188px;} .main_v_sd .item .sd_r .water_gr a.data_13{top: 392px;left: 73px;} .main_v_sd .item .sd_r .water_gr a.data_14{top: 435px;left: 70px;} .main_v_sd .item .sd_r .water_gr a.data_15{top:448px;left:196px;} .main_v_sd .item .sd_r .water_gr a.data_16{top: 439px;left: 489px;} .main_v_sd .item .sd_r .water_gr a.data_17{top:559px;left:136px;} .main_v_sd .item .sd_r .water_gr a:hover{color:#121212;font-weight:800;} /* .main_v_sd .item .sd_r .river_gr .riv{position:absolute;padding:4px 6px;color:#216ccd;font-weight:800;} .main_v_sd .item .sd_r .river_gr .riv_01{top: 78px;left: 292px;} .main_v_sd .item .sd_r .river_gr .riv_02{top: 237px;left: 146px;} .main_v_sd .item .sd_r .river_gr .riv_03{top: 189px;left: 329px;} .main_v_sd .item .sd_r .river_gr .riv_04{top: 361px;left: 140px;} .main_v_sd .item .sd_r .river_gr .riv_05{top: 524px;left: 145px;} */ .main_v_sd .item .sd_r .river_gr .riv{position:absolute;padding:4px 6px;color:#216ccd;font-weight:800;text-shadow: 0 0 4px rgba(255, 255, 255, 1), 0 0 8px rgba(255, 255, 255, 1), 0 0 16px rgba(255, 255, 255, 1);} .main_v_sd .item .sd_r .river_gr .riv_01{top: 90px;left: 180px;} .main_v_sd .item .sd_r .river_gr .riv_02{top: 179px;left: 146px;} .main_v_sd .item .sd_r .river_gr .riv_03{top: 180px;left: 329px;} .main_v_sd .item .sd_r .river_gr .riv_04{top: 323px;left: 146px;} .main_v_sd .item .sd_r .river_gr .riv_05{top: 524px;left: 145px;} .main_v_sd .item .sd_r .river_gr .riv_06{top: 344px;left: 31px;} .main_v_sd .item .sd_r .river_gr .riv_07{top: 441px;left: 371px;} .main_v_sd .item .sd_r .map_info{position:absolute;right:0;bottom:130px;padding:.75rem;border-radius:.5rem;color:#fff;font-size:.875rem;background:rgba(255,255,255,0.2);-webkit-backdrop-filter:saturate(120%) blur(8px);backdrop-filter: saturate(120%) blur(8px);box-shadow:0px 8px 14px 2px rgba(0,0,0,.05);opacity:0;} .main_v_sd .item .sd_r .map_info li{display:flex;margin:4px;align-items:center;} .main_v_sd .item .sd_r .map_info li img{margin-right:8px;} .main_v_sd .item .sd_r .etc_gr a{position:absolute;display:inline-block;padding:8px 12px 7px;background:#fff;color:#121212;border-radius:32px;font-size:.938rem;border:2px solid #121212;box-shadow:0px 8px 12px 4px rgba(0, 0, 0, 0.25);font-weight:700;} .main_v_sd .item .sd_r .etc_gr a:hover{border-color:#121212;background:#fff;color:#121212;font-weight:800;} /* .main_v_sd .item.sd_02 .sd_r .etc_gr a.etc_01{top: 214px;left: 293px;} .main_v_sd .item.sd_02 .sd_r .etc_gr a.etc_02{top: 429px;left: 293px;} .main_v_sd .item.sd_02 .sd_r .etc_gr a.etc_03{top: 527px;left: 171px;} .main_v_sd .item.sd_03 .sd_r .etc_gr a.etc_01{top: 413px;left: 150px;} .main_v_sd .item.sd_03 .sd_r .etc_gr a.etc_02{top: 473px;left: 57px;} */ .main_v_sd .slick-slide.slick-active .item .sd_r a:hover{z-index:5} .main_v_sd .item.sd_02 .sd_r .etc_gr a.etc_01{top: 227px;left: 289px;} .main_v_sd .item.sd_02 .sd_r .etc_gr a.etc_02{top: 448px;left: 293px;} .main_v_sd .item.sd_02 .sd_r .etc_gr a.etc_03{top: 541px;left: 171px;} .main_v_sd .item.sd_03 .sd_r .etc_gr a.etc_01{top: 435px;left: 150px;} .main_v_sd .item.sd_03 .sd_r .etc_gr a.etc_02{top: 498px;left: 57px;} /* sd_01 수위정보 */ /* .main_v_sd .item.sd_01 .sd_l{padding-top:128px;} */ .main_v_sd .item.sd_01 .sd_l{padding-top:109px;} .main_v_sd .item.sd_01 .sd_l .deco_text{font-size:1.75rem;line-height:2.25rem;} .main_v_sd .item.sd_01 .sd_l .deco_text *{display:inline-block;} .main_v_sd .item.sd_01 .sd_l table{font-size:0.75rem;} .main_v_sd .item.sd_01 .sd_l th, .main_v_sd .item.sd_01 .sd_l td{padding:2px 6px;} /* sd_02,03 댐,보정보 */ /* .main_v_sd .item.sd_02 .sd_r .map {background:url('../img/mainvisual_map_2.svg') 0 0 no-repeat;} .main_v_sd .item.sd_03 .sd_r .map {background:url('../img/mainvisual_map_3.svg') 0 0 no-repeat;} */ .main_v_sd .item.sd_02 .sd_r .map {background:url('../img/mainvisual_map_2n01.png') 0 0 no-repeat;} .main_v_sd .item.sd_03 .sd_r .map {background:url('../img/mainvisual_map_3n01.png') 0 0 no-repeat;} .main_v_sd .item:not(.sd_01) .water_gr a{color:#959fad;} .main_v_sd .item:not(.sd_01) .sd_r .water_gr a .txt{text-shadow:unset} /* 메인 에니메이션 */ .main_v_sd .slick-slide.slick-active .item .bg{animation:animate_background 4s ease;} .main_v_sd .slick-slide.slick-active .item.active .deco_text{animation: slide-right 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation-delay: .1s;} .main_v_sd .slick-slide.slick-active .item .tb_wp .subtitle_1{animation: slide-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation-delay: .4s;} .main_v_sd .slick-slide.slick-active .item .tb_t > *{animation: slide-bottom 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation-delay: .5s;} .main_v_sd .slick-slide.slick-active .item .tb_t > .txt_r{animation-delay: .6s;} .main_v_sd .slick-slide.slick-active .item .table{animation: slide-bottom 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation-delay: .7s;} .main_v_sd .slick-slide.slick-active .item .sd_l .tb_wp .info{animation: slide-bottom 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation-delay: .7s;} .main_v_sd .slick-slide.slick-active .item .map_wp{animation: slide-top 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation-delay: 1s;} .main_v_sd .slick-slide.slick-active .item .map_info{animation: slide-bottom 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation-delay: 1.8s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a, .main_v_sd .slick-slide.slick-active .item .sd_r .etc_gr a{animation: slide-bottom 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation-delay: 1.1s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(1){animation-delay: 1.1s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(2){animation-delay: 1.2s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(3){animation-delay: 1.3s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(4){animation-delay: 1.4s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(5){animation-delay: 1.1s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(6){animation-delay: 1.2s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(7){animation-delay: 1.3s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(8){animation-delay: 1.4s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(9){animation-delay: 1.1s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(10){animation-delay: 1.2s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(11){animation-delay: 1.3s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(12){animation-delay: 1.4s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(13){animation-delay: 1.1s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(14), .main_v_sd .slick-slide.slick-active .item .sd_r .etc_gr a:nth-child(1){animation-delay: 1.2s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(15), .main_v_sd .slick-slide.slick-active .item .sd_r .etc_gr a:nth-child(2){animation-delay: 1.3s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(16), .main_v_sd .slick-slide.slick-active .item .sd_r .etc_gr a:nth-child(3){animation-delay: 1.0s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(17){animation-delay: 1.1s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(18){animation-delay: 1.2s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(19){animation-delay: 1.3s;} /* .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(20){animation-delay: 1.4s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(21){animation-delay: 1.5s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(22){animation-delay: 1.6s;} */ .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(20){animation-delay: 1.1s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(21){animation-delay: 1.2s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(22){animation-delay: 1.3s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(23){animation-delay: 1.0s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(24){animation-delay: 1.1s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(25){animation-delay: 1.2s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(26){animation-delay: 1.3s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(27){animation-delay: 1.4s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(28){animation-delay: 1.1s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(29){animation-delay: 1.2s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(30){animation-delay: 1.3s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(31){animation-delay: 1.4s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(32){animation-delay: 1.5s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(33){animation-delay: 1.0s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(34){animation-delay: 1.1s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(35){animation-delay: 1.2s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(36){animation-delay: 1.3s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(37){animation-delay: 1.4s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(38){animation-delay: 1.1s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(39){animation-delay: 1.2s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(43){animation-delay: 1.3s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(44){animation-delay: 1.4s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(45){animation-delay: 1.5s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(46){animation-delay: 1.0s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(47){animation-delay: 1.1s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(48){animation-delay: 1.2s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(49){animation-delay: 1.3s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(50){animation-delay: 1.4s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(51){animation-delay: 1.5s;} .main_v_sd .slick-slide.slick-active .item .sd_r .water_gr a:nth-child(52){animation-delay: 1.6s;} /* slick-nav */ .main_vsual_wp .slick-nav a{position:absolute;z-index:90;} .main_vsual_wp .slick-nav a.slick-prev, .main_vsual_wp .slick-nav a.slick-next{background-color:rgba(0,0,0,0);width:60px;height:60px;bottom:332px;border:1px solid #fff;border-radius:50%} .main_vsual_wp .slick-nav a.slick-prev{left:40px;background:url("../img/main_vsiaul_arrow_l.svg") center center no-repeat;} .main_vsual_wp .slick-nav a.slick-next{right:40px;background:url("../img/main_vsiaul_arrow_r.svg") center center no-repeat;} .main_vsual_wp .s-nav-b .slick-nav a{right:0;bottom:52px;background-color:rgba(0,0,0,.05);width:40px;height:40px;border-radius:50%;border:1px solid #fff;} .main_vsual_wp .slick-nav a.slick-stop{background-position:-63px -536px;} .main_vsual_wp .slick-nav a.slick-play{background-position:-95px -536px;} .main_vsual_wp .slick-dots{position: absolute;right: calc((100vw - 1440px) / 2 + 54px);bottom: 32px;z-index: 8;} .main_vsual_wp .slick-dots button{width:auto;height:auto;margin:0;font-size:.875rem;border-radius:0; border:0; background:none;color:#fff;opacity:.6;} .main_vsual_wp .slick-dots button span{position:relative;padding:12px;border-top:1px solid #fff;min-width:80px;} .main_vsual_wp .slick-dots button:before{content:'';display:block;width:16px;height:16px;margin:0 auto 12px;background:url("../img/mainvisual_dot.svg") center center no-repeat; background-size: contain;} .main_vsual_wp .slick-dots .slick-active button{opacity:1;} .main_vsual_wp .slick-dots .slick-active button span{font-weight:700 !important} .main_vsual_wp .slick-dots :not(.slick-active) button:hover{opacity:1;font-weight:700} .main_vsual_wp .slick-dots :not(.slick-active) button:hover span{font-weight:700} .main_vsual_wp .slick-dots :not(.slick-active) button:hover:before{background:url("../img/mainvisual_dot_ov.svg") center center no-repeat;} /* 메인 sec*/ .main_sec:not(:first-child){padding-top:80px} .main_sec a{transition:all .3s ease-in-out;} .main_sec02 {animation:slide-bottom 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation-delay: .5s;} /* 메인 탭 */ .tablink{padding:.875rem 1.25rem;border-radius:2rem;font-size:1.125rem;font-weight:600;} .tablink:not(.active):hover{color:#0461cf;background:#fff;box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.05);} .tablink.active{background:#163e72;color:#fff;} .board_tabs{position:relative;display:flex;} .board_tabs > li{background:#fff;height: fit-content;padding:0 4px;} .board_tabs > li:first-child{border-radius:2rem 0 0 2rem ;padding-left:0px;} .board_tabs > li:last-child{border-radius:0 2rem 2rem 0 ;padding-right:0px;} .board_tabs > li.active > .tab_cont > ul > li{animation: slide-bottom2 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;} .board_tabs > li.active > .tab_cont > ul > li:nth-child(2){animation-delay: 0.1s;} .board_tabs > li.active > .tab_cont > ul > li:nth-child(3){animation-delay: 0.2s;} .board_tabs > li.active > .tab_cont > ul > li:nth-child(4){animation-delay: 0.3s;} .board_tabs > li.active > .tab_cont > ul > li:nth-child(5){animation-delay: 0.4s;} .tab_cont{display:none;position:absolute;width:100%;padding-top:1.5rem;left:0;} .tab_cont > ul{display:flex;height:100%;min-height:180px;height:100%;} .tab_cont li{flex:1} .tab_cont li.no_bo_item{width:100%;display:flex;align-items:center;justify-content: center;} .tab_cont li + li{margin-left:2rem;} .tab_cont li a{display:block;padding:2.5rem 2rem;height:100%;border:1px solid #d7dde5;border-radius:12px;background:#fff;box-shadow: 0px 10px 20px 8px rgba(0, 0, 0, 0.05);} .tab_cont li a:hover{box-shadow: 0px 10px 20px 8px rgba(0, 0, 0, 0.1);} .tab_cont li a .in_box{position:relative;height:100%;} .board_tabs li a.more{display:none;position:absolute;} .board_tabs li:first-child a.more, .board_tabs li:first-child .tab_cont{display:block;} /* 메인 main_sec02 */ .main_sec02{padding-top:80px;} .main_sec02 .tit_wp{margin-bottom:1.75rem;} .main_sec02 .tit_wp:before{content:'';position:absolute;top:20px;left:0px;width:calc(100% - 80px);height:1px;background:#ddd;} .main_sec02 .tit_wp .heading_4{position:relative;display:inline-block;padding-right:20px;background:#fff;} .main_sec02 .main_board_tab{position:relative;padding-top:40px;} .main_sec02 .main_board_tab:before{content:'';position:absolute;bottom:0;left:-40px;width:calc(100% + 80px);height:100%;background:url("../img/main_sec2_bg.png") 0 0 repeat-x ;border-radius:16px;} .main_sec02 .board_tabs{height:280px;} .main_sec02 .tab_cont li a .bo_tag {font-weight:600;padding:4px;border-radius:4px;display:inline-block;} .main_sec02 .tab_cont li a .tag_red{background:#ffe9e5;color:#ed4d32;} .main_sec02 .tab_cont li a .tag_blue{background:#e5effa;color:#0461cf;} .main_sec02 .tab_cont li a .tag_og{background:#faf2e5;color:#d97913;} .main_sec02 .tab_cont li a .bo_tit{margin:.5rem 0 2rem;font-weight:600;font-size:1.125rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;height:2.75rem;word-break: break-word;} .main_sec02 .tab_cont li a .date{position:absolute;bottom:0;left:0;font-size:.875rem;} .main_sec02 .tab_cont li a:hover{background:#fff;border:1px solid #000;box-shadow: 0px 10px 20px 8px rgba(0, 0, 0, 0.1);} .main_sec02 .board_tabs li a.more{top:-110px;right:0;padding:0 8px;width:40px;height:40px;font-size:0;background:url("../img/main_ir.png") -300px -159px no-repeat #fff;border:1px solid #A8B2BE;border-radius:8px} .main_sec02 .board_tabs li a.more:hover{border:1px solid #121212;box-shadow: 0px 10px 20px 8px rgba(0, 0, 0, 0.05);} /* 메인 main_sec03 */ .main_sec03 .inner{padding:40px;padding-left:250px;background:#f2f6fa;border-radius:16px;} .main_sec03 .sec_title{position:absolute;left:0;top:0;padding:40px;height:100%;} .main_sec03 .sec_title .blue_l{margin-bottom:8px;} .main_sec03 .main_qlink{margin:0 -8px;} .main_sec03 .main_qlink li{width:calc((100% - 48px) / 7);margin:0 8px;text-align:center;} .main_sec03 .main_qlink a{display:block;position:relative;padding:20px 8px;background:#fff;border-radius:12px;transition:all .2s ease-in-out;border:1px solid transparent;} .main_sec03 .main_qlink a:before{content:'';display:block;margin:8px auto;width:60px;height:60px;background:url("../img/main_ir.png") no-repeat;} .main_sec03 .main_qlink a:hover{top:-4px;color:#0073e6;box-shadow: 0px 10px 16px 4px rgba(0, 0, 0, 0.05);border:1px solid #cedae5;} .main_sec03 .main_qlink li:nth-child(1) a:before{background-position: 5px -1px;} .main_sec03 .main_qlink li:nth-child(2) a:before{background-position: 5px -76px;} .main_sec03 .main_qlink li:nth-child(3) a:before{background-position: 5px -150px;} .main_sec03 .main_qlink li:nth-child(4) a:before{background-position: 5px -220px;} .main_sec03 .main_qlink li:nth-child(5) a:before{background-position: 5px -289px;} .main_sec03 .main_qlink li:nth-child(6) a:before{background-position: 5px -360px;} .main_sec03 .main_qlink li:nth-child(7) a:before{background-position: -1px -430px;} .main_sec03 .main_qlink a span{display:block;font-weight:700;} /* 메인 main_sec04 */ .main_sec04 {background:url("../img/main_bg_deco01.png") -100px 0 no-repeat } .main_sec04 .inner > .dp_flex > *{position:relative;height:400px;} .main_sec04 .sec_l{width:calc((100% / 6) * 4);} .main_sec04 .sec_r{padding-left:36px;width:calc((100% / 6) * 2);} .main_sec04 .board_tabs{height:280px;margin-top: -44px;justify-content:flex-end;} .main_sec04 .board_tabs > li{background:#EAEFF5;} .main_sec04 .tab_cont > ul{min-height:310px;} .main_sec04 .tab_cont li a{display:block;padding:2.5rem 2rem;height:100%;border:1px solid #a8b2be;border-radius:12px;color:#4E5867;} .main_sec04 .tab_cont li a .in_box{position:relative;height:100%;} .main_sec04 .tab_cont li a .bo_tag {font-weight:600;padding:8px 12px;display:inline-block;border-radius:20px;background:#F1F4FC;color:#646978;font-size:0.875rem;} .main_sec04 .tab_cont li a .tag_red{background:#ffe9e5;color:#ed4d32;} .main_sec04 .tab_cont li a .bo_tit{margin:1rem 0 1.5rem;font-weight:600;font-size:1.25rem;line-height:1.6rem;min-height:75px;color:#121212;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;height:3rem;} .main_sec04 .tab_cont li a .date{font-size:.875rem;} .main_sec04 .tab_cont li a .more{position:absolute;bottom:0;left:0;font-size:.875rem;font-weight:700;} .main_sec04 .tab_cont li a:hover{background:#fff;border:1px solid #000;} .main_sec04 .alrim_wp{padding-top:1.5rem;} .main_sec04 .alrim_wp .item a{border-radius:16px;overflow:hidden;border:1px solid #ededed;} .main_sec04 .alrim_wp .more{position:absolute;top:0;right:0;width:50px;height:50px;background:url("../img/main_ir.png") no-repeat -482px -154px #EAEFF5;font-size:0;border-radius:50%;} .main_sec04 .alrim_wp .slick-nav{position:absolute;top:0;right:58px;height:50px;padding:5px 4px 0;background:#EAEFF5;font-size:0;border-radius:50px;} .main_sec04 .alrim_wp .slick-nav a{width:40px;height:40px;} .main_sec04 .alrim_wp .slick-nav a.slick-prev{background-position:-342px -158px;} .main_sec04 .alrim_wp .slick-nav a.slick-next{background-position:-372px -158px;} .main_sec04 .alrim_wp .slick-nav a.slick-stop{background-position:-408px -158px;} .main_sec04 .alrim_wp .slick-nav a.slick-play{background-position:-440px -158px;} /* 메인 main_sec05 */ .main_sec05{margin-top:80px;background:url("../img/main_sec4_bg.png") 0 0 repeat-x;background-size: contain;} .main_sec05 .inner:before{content:'';position:absolute;bottom:0;left:-40px;width:calc(100% + 80px);height:100%;background:#fff;border-radius:24px;box-shadow: 0px 10px 28px 8px rgba(0, 0, 0, 0.05);} .main_sec05 .inner .inbox{padding:40px 0;} .main_sec05 a:hover{box-shadow: 0px 10px 16px 8px rgba(0, 0, 0, 0.05);} .main_sec05 .sec_top ul{margin:0 -18px;} .main_sec05 .sec_top li{width:calc((100% - 108px) / 4);margin:0 18px;} .main_sec05 .sec_top .sec_l a{display:block;height:100%;padding:32px;border-radius:24px;} .main_sec05 .sec_top li.sec_l:nth-child(1) a{background:#e5ebff;} .main_sec05 .sec_top li.sec_l:nth-child(2) a{background:#dff5ff;} .main_sec05 .sec_top li.sec_l:nth-child(3) a{background:#fcf1b5;} .main_sec05 .sec_top li.sec_l:nth-child(1) a:hover{background:#dae2ff;} .main_sec05 .sec_top li.sec_l:nth-child(2) a:hover{background:#cdefff;} .main_sec05 .sec_top li.sec_l:nth-child(3) a:hover{background:#fff09c;} .main_sec05 .sec_top .sec_l .ico{width:136px;height:136px;background:url("../img/main_ir.png") no-repeat} .main_sec05 .sec_top li.sec_l:nth-child(1) a .ico{background-position:-265px 4px;} .main_sec05 .sec_top li.sec_l:nth-child(2) a .ico{background-position:-428px 4px;} .main_sec05 .sec_top li.sec_l:nth-child(3) a .ico{background-position:-595px -1px;} .main_sec05 .sec_top .sec_l .tit{margin-top:1.75rem;font-size:1.75rem;font-weight:700;} .main_sec05 .sec_top .sec_l .desc{margin:0.75rem 0 2rem;font-size:0.938rem;line-height:1.375rem;} .main_sec05 .sec_top .sec_l .more{padding:8px 16px;font-size:.875rem;background:rgba(0,0,0,0.05);font-weight:700;border-radius:40px;transition:all .3s ease-in-out;} .main_sec05 .sec_top .sec_l a:hover .more{background:rgba(255,255,255,1)} .main_sec05 .sec_top .sec_r {display:flex;flex-direction:column;margin-top:-18px;margin-bottom:-18px;} .main_sec05 .sec_top .sec_r a{display:flex;padding:32px;margin:18px 0; border-radius:24px;background:#EEF0F3;border:1px solid #EDEDED;justify-content: space-between;flex:1;} .main_sec05 .sec_top .sec_r a:hover{border:1px solid #121212;background:#fff;} .main_sec05 .sec_top .sec_r .t_box{padding-right:16px;width:calc(100% - 80px);} .main_sec05 .sec_top .sec_r .ico{width:80px;height:80px;background:url("../img/main_ir.png") no-repeat #fff;border-radius:50%;transition:all .3s ease-in-out;} .main_sec05 .sec_top .sec_r a:nth-child(1) .ico{background-position:-150px 22px;} .main_sec05 .sec_top .sec_r a:nth-child(2) .ico{background-position:-150px -49px;} .main_sec05 .sec_top .sec_r a:hover .ico{background-color:#ededed;} .main_sec05 .sec_top .sec_r .tit{margin-bottom:.5rem;font-size:1.25rem;font-weight:700;} .main_sec05 .sec_top .sec_r .desc{line-height:1.25rem;font-size:.875rem;} .main_sec05 .sec_bottom{position:relative;margin-top:40px;padding-top:40px;padding-left:240px;border-top:1px solid #ededed;} .main_sec05 .sec_bottom .tit{position:absolute;top:52px;left:0;} .main_sec05 .sec_bottom a{margin:0 4px;padding:16px 20px;background:#f4f7ff;color:#2757D7;font-weight:700;border-radius:40px;text-align:center;height:100%;} .main_sec05 .sec_bottom a:hover{background:#2757d7;color:#fff;} /* 메인 main_sec06 */ .main_sec06 .sec_title{padding-bottom:1.5rem;} .main_sec06 .water_link {margin:0 -12px;} .main_sec06 .water_link li{width:calc((100% - 96px) / 5);margin:0 12px;text-align:center;} .main_sec06 .water_link li a{display:block;padding:24px 16px;background:#F5F7FB;border:1px solid #ededed;border-radius:10px;} .main_sec06 .water_link li a:before{content:'';display:block;margin:0px auto 20px;width:80px;height:80px;background:url("../img/main_ir.png") no-repeat #fff;border-radius:50%;} .main_sec06 .water_link li a:hover{border:1px solid #121212;} .main_sec06 .water_link li:nth-child(1) a:before{background-position:-61px -1px;} .main_sec06 .water_link li:nth-child(2) a:before{background-position:-61px -80px;} .main_sec06 .water_link li:nth-child(3) a:before{background-position:-61px -162px;} .main_sec06 .water_link li:nth-child(4) a:before{background-position:-61px -244px;} .main_sec06 .water_link li:nth-child(5) a:before{background-position:-61px -326px;} .main_sec06 .water_link li:nth-child(6) a:before{background-position:-750px -500px;} .main_sec06 .water_link li a span{font-weight:700;font-size:1.125rem;} /* 메인 main_sec07 */ .main_sec07{padding:80px 0;} .main_sec07 .inner{padding:0 100px 0 260px;} .main_sec07 .sec_title{position:absolute;top:12px;left:0;} .main_sec07 .item {padding:0 8px;} .main_sec07 .item a{display:block;padding:20px 8px;text-align:center;border:1px solid #ededed;border-radius:8px;} .main_sec07 .item a:hover{border:1px solid #121212;} .main_sec07 .item a .ico{width:24px;height:24px;background:url("../img/main_ir.png") -586px -167px no-repeat;} .main_sec07 .more{position:absolute;top:16px;right:0;padding:8px 12px;background:#eef0f3;border-radius:8px;color:#4e5867;font-size:0.75rem;border:1px solid transparent;} .main_sec07 .more:hover{border:1px solid #121212;background:#fff;} .main_sec07 .more .ico{width:24px;height:24px;background:url("../img/main_ir.png") -544px -167px no-repeat;} .main_sec07 span{vertical-align:middle;font-weight:700;} .main_sec07 .main_banner_wp .slick-nav{position:absolute;top:16px;left:148px;background:#919499;font-size:0;border-radius:50px;} .main_sec07 .main_banner_wp .slick-nav a{width:32px;height:32px;} .main_sec07 .main_banner_wp .slick-nav a.slick-prev{background-position:-2px -540px;} .main_sec07 .main_banner_wp .slick-nav a.slick-next{background-position:-32px -540px;} .main_sec07 .main_banner_wp .slick-nav a.slick-stop{background-position:-66px -540px;background-color:rgba(0,0,0,.2);border-radius:50%;} .main_sec07 .main_banner_wp .slick-nav a.slick-play{background-position:-98px -540px;background-color:rgba(0,0,0,.2);border-radius:50%;} /*메인 비주얼-수위정보 탭 추가*/ .main_v_sd .item.sd_01 .sd_l .deco_text {margin-bottom: 20px;padding-bottom: 20px;} .main_v_sd .item .sd_r .map_img {min-height:calc(674px + 54px);} .wl_map_nav{position:relative;display:flex;padding-top:10px;} .wl_map_nav .tablink {padding: 5px 15px;font-weight: normal;font-size:1rem;} /* .wl_map_nav li:first-child .tab_cont {display: block;} */ .wl_map_nav .tab_cont {padding-top:10px;} .wl_map_nav .tablink:not(.focusOn):hover{color:#0461cf;background:#fff;box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.05);} .wl_map_nav .tablink.focusOn{background:#163e72;color:#fff;} /* .tab_map_wp {width: 590px;height: 674px;position: absolute;top: 54px;left: 0;} */ .tab_map_wp {position:absolute;display:inline-block;width: 790px;padding-top:54px;opacity: 1;text-align:left;top: 0;right: 0;} .tab_map_wp .part_map {width: 590px;height: 674px;position: relative;display:none;} .tab_map_wp .part_map.pMap01{background:url('../img/mainvisual_map_t01.png') 0 0 no-repeat;} .tab_map_wp .part_map.pMap02{background:url('../img/mainvisual_map_t02.png') 0 0 no-repeat;} .tab_map_wp .part_map.pMap03{background:url('../img/mainvisual_map_t03.png') 0 0 no-repeat;} .tab_map_wp .part_map.pMap04{background:url('../img/mainvisual_map_t06.png') 0 0 no-repeat;} /* .tab_map_wp .part_map.pMap05{background:url('../img/mainvisual_map_t05.png') 0 0 no-repeat;} */ .tab_map_wp .part_map.pick {display: block;} .tab_map_wp .part_map.pMap01 {animation: slide-left 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;} .tab_map_wp .part_map.pMap02 {animation: slide-bottom 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;} .tab_map_wp .part_map.pMap03 {animation: slide-right 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;} .tab_map_wp .part_map.pMap04 {animation: slide-top 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;} .tab_map_wp .part_map.pMap05 {animation: slide-top 0.75s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;} /*수위정보 탭 - 전체*/ .main_v_sd .item .sd_r .water_gr a.data_a01{top:367px;left:197px;} .main_v_sd .item .sd_r .water_gr a.data_a02{top:387px;left:187px;} .main_v_sd .item .sd_r .water_gr a.data_a03{top:428px;left:170px;} .main_v_sd .item .sd_r .water_gr a.data_a04{top:465px;left:136px;} .main_v_sd .item .sd_r .water_gr a.data_a05{top:380px;left:211px;} .main_v_sd .item .sd_r .water_gr a.data_a06{top:411px;left:163px;} .main_v_sd .item .sd_r .water_gr a.data_a07{top:414px;left:190px;} .main_v_sd .item .sd_r .water_gr a.data_a08{top:427px;left:148px;} .main_v_sd .item .sd_r .water_gr a.data_a09{top:370px;left:148px;} .main_v_sd .item .sd_r .water_gr a.data_a10{top:395px;left:136px;} .main_v_sd .item .sd_r .water_gr a.data_a11{top:352px;left:157px;} .main_v_sd .item .sd_r .water_gr a.data_a12{top:409px;left:115px;} .main_v_sd .item .sd_r .water_gr a.data_a13{top:453px;left:171px;} .main_v_sd .item .sd_r .water_gr a.data_a14{top:458px;left:205px;} .main_v_sd .item .sd_r .water_gr a.data_a15{top:476px;left:186px;} .main_v_sd .item .sd_r .water_gr a.data_a16{top:486px;left:126px;} .main_v_sd .item .sd_r .water_gr a.data_a17{top:461px;left:92px;} .main_v_sd .item .sd_r .water_gr a.data_a18{top:465px;left:69px;} .main_v_sd .item .sd_r .water_gr a.data_a19{top:280px;left:95px;} .main_v_sd .item .sd_r .water_gr a.data_a20{top:204px;left:329px;} .main_v_sd .item .sd_r .water_gr a.data_a21{top:291px;left:275px;} .main_v_sd .item .sd_r .water_gr a.data_a22{top:324px;left:294px;} .main_v_sd .item .sd_r .water_gr a.data_a23{top:355px;left:319px;} .main_v_sd .item .sd_r .water_gr a.data_a24{top:397px;left:372px;} .main_v_sd .item .sd_r .water_gr a.data_a25{top:394px;left:419px;} .main_v_sd .item .sd_r .water_gr a.data_a26{top:440px;left:475px;} .main_v_sd .item .sd_r .water_gr a.data_a27{top:273px;left:276px;} .main_v_sd .item .sd_r .water_gr a.data_a28{top:279px;left:330px;} .main_v_sd .item .sd_r .water_gr a.data_a29{top:302px;left:311px;} .main_v_sd .item .sd_r .water_gr a.data_a30{top:332px;left:270px;} .main_v_sd .item .sd_r .water_gr a.data_a31{top:314px;left:358px;} .main_v_sd .item .sd_r .water_gr a.data_a32{top:277px;left:397px;} .main_v_sd .item .sd_r .water_gr a.data_a33{top:410px;left:331px;} .main_v_sd .item .sd_r .water_gr a.data_a34{top:412px;left:380px;} .main_v_sd .item .sd_r .water_gr a.data_a35{top:389px;left:444px;} .main_v_sd .item .sd_r .water_gr a.data_a36{top:445px;left:497px;} .main_v_sd .item .sd_r .water_gr a.data_a37{top:473px;left:415px;} .main_v_sd .item .sd_r .water_gr a.data_a38{top:464px;left:430px;} .main_v_sd .item .sd_r .water_gr a.data_a39{top:488px;left:380px;} .main_v_sd .item .sd_r .water_gr a.data_a43{top:105px;left:280px;} .main_v_sd .item .sd_r .water_gr a.data_a44{top:119px;left:238px;} .main_v_sd .item .sd_r .water_gr a.data_a45{top:130px;left:284px;} .main_v_sd .item .sd_r .water_gr a.data_a46{top:129px;left:257px;} .main_v_sd .item .sd_r .water_gr a.data_a47{top:156px;left:280px;} .main_v_sd .item .sd_r .water_gr a.data_a48{top:166px;left:263px;} .main_v_sd .item .sd_r .water_gr a.data_a49{top:207px;left:194px;} .main_v_sd .item .sd_r .water_gr a.data_a50{top:223px;left:211px;} .main_v_sd .item .sd_r .water_gr a.data_a51{top:255px;left:177px;} .main_v_sd .item .sd_r .water_gr a.data_a52{top:227px;left:183px;} .main_v_sd .item .sd_r .water_gr a.data_a53{top:561px;left:185px;} .main_v_sd .item .sd_r .water_gr a.data_a54{top:578px;left:188px;} .main_v_sd .item .sd_r .water_gr a.data_a55{top:586px;left:175px;} #wlm00 .table {overflow-y:scroll;max-height:410px;} #wlm00 .table::-webkit-scrollbar { width: 10px; } #wlm00 .table::-webkit-scrollbar-thumb { background-color:#BEDAFF; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; } #wlm00 .table::-webkit-scrollbar-track { background-color:#163e72; border-radius: 10px; box-shadow: inset 0px 0px 5px white; } /*수위정보 탭 - 영산강*/ .main_v_sd .item .sd_r .part_map .water_gr a {font-size: 11px;} .main_v_sd .item .sd_r .water_gr a.data_y01{top:275px;left:405px;} .main_v_sd .item .sd_r .water_gr a.data_y02{top:305px;left:330px;flex-direction:row-reverse;text-align: right;} .main_v_sd .item .sd_r .water_gr a.data_y03{top:379px;left:343px;} .main_v_sd .item .sd_r .water_gr a.data_y04{top:426px;left:294px;} .main_v_sd .item .sd_r .water_gr a.data_y05{top:293px;left:412px;} .main_v_sd .item .sd_r .water_gr a.data_y06{top: 330px;left:289px;flex-direction:row-reverse;text-align: right;} .main_v_sd .item .sd_r .water_gr a.data_y07{top: 360px;left: 374px;} .main_v_sd .item .sd_r .water_gr a.data_y08{top: 379px;left: 266px;flex-direction:row-reverse;text-align: right;} .main_v_sd .item .sd_r .water_gr a.data_y09{top: 280px;left: 258px;flex-direction:row-reverse;text-align: right;} .main_v_sd .item .sd_r .water_gr a.data_y10{top: 310px;left: 249px;flex-direction:row-reverse;text-align: right;} .main_v_sd .item .sd_r .water_gr a.data_y11{top: 260px;left: 323px;} .main_v_sd .item .sd_r .water_gr a.data_y12{top: 345px;left: 200px;flex-direction:row-reverse;text-align: right;} .main_v_sd .item .sd_r .water_gr a.data_y13{top: 420px;left: 358px;} .main_v_sd .item .sd_r .water_gr a.data_y14{top: 424px;left: 410px;} .main_v_sd .item .sd_r .water_gr a.data_y15{top:448px;left:366px;} .main_v_sd .item .sd_r .water_gr a.data_y16{top: 460px;left: 280px;} .main_v_sd .item .sd_r .water_gr a.data_y17{top:426px;left:226px;} .main_v_sd .item .sd_r .water_gr a.data_y18{top:438px;left:157px;flex-direction:row-reverse;text-align: right;} .main_v_sd .item .sd_r .water_gr a.data_y19{top:166px;left:195px;flex-direction:row-reverse;text-align: right;} /*수위정보 탭 - 탐진강*/ .main_v_sd .item .sd_r .part_map .water_gr a[class*="data_t"] {font-size: inherit;} .main_v_sd .item .sd_r .water_gr a.data_t01{top:325px;left:402px;} .main_v_sd .item .sd_r .water_gr a.data_t02{top:387px;left:395px;} .main_v_sd .item .sd_r .water_gr a.data_t03{top:405px;left:328px;flex-direction:row-reverse;text-align: right;} /*수위정보 탭 - 영산강*/ .main_v_sd .item .sd_r .water_gr a.data_s01{top:104px;left:264px;} .main_v_sd .item .sd_r .water_gr a.data_s02{top:227px;left:179px;} .main_v_sd .item .sd_r .water_gr a.data_s03{top:268px;left:208px;} .main_v_sd .item .sd_r .water_gr a.data_s04{top:307px;left:245px;} .main_v_sd .item .sd_r .water_gr a.data_s05{top:365px;left:275px;flex-direction:row-reverse;text-align: right;} .main_v_sd .item .sd_r .water_gr a.data_s06{top: 352px;left:364px;} .main_v_sd .item .sd_r .water_gr a.data_s07{top: 414px;left: 402px;flex-direction:row-reverse;text-align: right;} .main_v_sd .item .sd_r .water_gr a.data_s08{top: 200px;left: 150px;flex-direction:row-reverse;text-align: right;} .main_v_sd .item .sd_r .water_gr a.data_s09{top: 217px;left: 258px;} .main_v_sd .item .sd_r .water_gr a.data_s10{top: 243px;left: 230px;} .main_v_sd .item .sd_r .water_gr a.data_s11{top: 279px;left: 139px;flex-direction:row-reverse;text-align: right;} .main_v_sd .item .sd_r .water_gr a.data_s12{top: 254px;left: 301px;} .main_v_sd .item .sd_r .water_gr a.data_s13{top: 207px;left: 346px;} .main_v_sd .item .sd_r .water_gr a.data_s14{top: 385px;left: 216px;flex-direction:row-reverse;text-align: right;} .main_v_sd .item .sd_r .water_gr a.data_s15{top:381px;left:322px;} .main_v_sd .item .sd_r .water_gr a.data_s16{top: 370px;left: 400px;} .main_v_sd .item .sd_r .water_gr a.data_s17{top:423px;left:473px;} .main_v_sd .item .sd_r .water_gr a.data_s18{top:454px;left:328px;flex-direction:row-reverse;text-align: right;} .main_v_sd .item .sd_r .water_gr a.data_s19{top:446px;left:383px;} .main_v_sd .item .sd_r .water_gr a.data_s20{top:481px;left:285px;flex-direction:row-reverse;text-align: right;} /*수위정보 탭 - 만경강*/ /* .main_v_sd .item .sd_r .water_gr a.data_m01{top:237px;left:393px;} .main_v_sd .item .sd_r .water_gr a.data_m02{top:287px;left:313px;} .main_v_sd .item .sd_r .water_gr a.data_m03{top:300px;left:381px;} .main_v_sd .item .sd_r .water_gr a.data_m04{top:307px;left:293px;flex-direction:row-reverse;text-align: right;} .main_v_sd .item .sd_r .water_gr a.data_m05{top:352px;left:368px;} .main_v_sd .item .sd_r .water_gr a.data_m06{top: 374px;left:346px;} */ /*수위정보 탭 - 동진강*/ /* .main_v_sd .item .sd_r .part_map .water_gr a[class*="data_d"] {font-size: inherit;} .main_v_sd .item .sd_r .water_gr a.data_d01{top:288px;left:271px;} .main_v_sd .item .sd_r .water_gr a.data_d02{top:320px;left:313px;} .main_v_sd .item .sd_r .water_gr a.data_d03{top:433px;left:203px;} .main_v_sd .item .sd_r .water_gr a.data_d04{top:324px;left:186px;flex-direction:row-reverse;text-align: right;} */ /*수위정보 탭 - 만경강&동진강*/ .main_v_sd .item .sd_r .water_gr a.data_m01{top:178px;left:393px;} .main_v_sd .item .sd_r .water_gr a.data_m02{top:223px;left:313px;} .main_v_sd .item .sd_r .water_gr a.data_m03{top:233px;left:381px;} .main_v_sd .item .sd_r .water_gr a.data_m04{top:246px;left:293px;flex-direction:row-reverse;text-align: right;} .main_v_sd .item .sd_r .water_gr a.data_m05{top:296px;left:368px;} .main_v_sd .item .sd_r .water_gr a.data_m06{top: 317px;left:311px;flex-direction:row-reverse;text-align: right;} .main_v_sd .item .sd_r .water_gr a.data_m07{top:407px;left:203px;} .main_v_sd .item .sd_r .water_gr a.data_m08{top:428px;left:230px;} .main_v_sd .item .sd_r .water_gr a.data_m09{top:499px;left:158px;} .main_v_sd .item .sd_r .water_gr a.data_m10{top:435px;left:144px;flex-direction:row-reverse;text-align: right;}