@charset "utf-8";
@import url('reset.css');
@import url('fonts.css');

/************************************************
	layout
************************************************/
#wrap { width: 1920px; transform-origin: 0px 0px;}

/* header */
#header { display:flex; align-items:center; width:100%; height:125px; padding: 0 120px; border-bottom: 3px solid #EEEEEE; background:#fff;}
#header h1 { width:240px;}
#header h1 a { display:block; width:100%; height:61px; background:url(../images/logo.png) no-repeat 0 0; font-size:0;}
#header .menu { display: flex; align-items: center; margin-left:50px;}
#header .menu li { margin-left: 100px;}
#header .menu li a { font-size:20px; font-weight:400; text-align: center;}

/* footer */
#footer { display: flex; justify-content: space-between; align-items:end; padding: 35px 120px 50px;}
#footer ul { display: flex;}
#footer ul li { margin-right: 30px;}
#footer .fCopy { color: #919191; font-size: 20px;}

/* content */
#container { padding: 50px 0 70px; border-top:3px solid #A52131; border-bottom:3px solid #A52131;}
.contents { position:relative; padding:0 150px;}
.contents.type2 { padding:0 485px;}
.contents.type2 h2 { display:flex; align-items:center; height:42px; padding:5px 20px; color:#fff; font-size:21px; background-color:#00A1D0;}
.contents.type2 .txtInfo { margin-top:22px; color:#0044FF; font-size: 18px;}

.contWaterPump { display: flex;}
.contWaterPump .wrapTbl { width: 315px;}
.contWaterPump .wrapTbl .mainTbl:not(:first-child) { margin-top: 10px;}
.contWaterPump .wrapCenter { display: flex; justify-content:end; align-items:end; position: relative; width: 950px; min-height: 810px; border: 1px solid #B8B8B8; margin: 0 20px;}
.contWaterPump .wrapCenter .wrapMap { position:relative; width:910px; height:790px; background: url(../images/img_map.png) no-repeat center;}
.contWaterPump .wrapCenter .wrapMap2 { position:relative; width:910px; height:790px; background: url(../images/img_map2.png) no-repeat center;}

.contWaterPump .wrapCenter .mainInfo1 { position: absolute; top: 16px; left:16px; width: 190px;}
.contWaterPump .wrapCenter .mainInfo1 p:nth-child(1) { display:flex; justify-content:center; align-items:center; height:30px; background-color:#B0C5F3; font-size:15px;}
.contWaterPump .wrapCenter .mainInfo1 p:nth-child(2) { display:flex; justify-content:center; align-items:center; height:30px; background-color:#E5EDFF; font-size:14px;}
.contWaterPump .wrapCenter .mainInfo2 { position: absolute; top: 90px; left:16px; padding: 15px; border: 1px solid #B0C5F3; background-color:#E5EDFF;}
.contWaterPump .wrapCenter .mainInfo2 img { margin-right: 10px;}
.contWaterPump .wrapCenter .mainInfo2 p { display:flex; align-items:center; font-size: 15px;}
.contWaterPump .wrapCenter .mainInfo2 p:not(:first-child) { margin-top: 20px;}
.contWaterPump .wrapCenter .mainInfo3 { position: absolute; bottom:90px; left:16px; padding:11px 12px 24px; border: 1px solid #66A7C9; border-radius: 5px; background-color:#fff;}
.contWaterPump .wrapCenter .mainInfo3 .infoTit { text-align:center;}
.contWaterPump .wrapCenter .mainInfo3 .infoTxt { display:flex; align-items:center; margin-top: 20px;}
.contWaterPump .wrapCenter .mainInfo3 .infoTxt img { margin-right:10px;}
.contWaterPump .wrapCenter .mainInfo3 .infoTxt p { font-size:12px; font-weight:500;}
.contWaterPump .wrapCenter .txtPlacePump { height: 17px; border: 0.5px solid #59C2E0; border-radius: 3px; background: linear-gradient(to bottom right, #00A1D0, #118FB2); color:#fff; }
.contWaterPump .wrapCenter .txtPlacePipe { height: 17px; border: 0.5px solid #6BA1DE; border-radius: 3px; background: linear-gradient(to bottom right, #6C6CE2, #AC7DFE); color:#fff; }
.contWaterPump .wrapCenter .txtPlaceRain { height: 17px; border: 1px solid #00940A; border-radius: 3px; background: linear-gradient(to bottom right, #07800F, #04A10E); color:#fff; }
.contWaterPump .wrapCenter .listPlace li { position: absolute;}
.contWaterPump .wrapCenter .listPlace p { position: absolute; left:50%; color:#fff; font-size:12px; font-weight:500; text-align:center; transform: translateX(-50%);}
.contWaterPump .wrapCenter .listPlace .txtPlacePump { width:72px;}
.contWaterPump .wrapCenter .listPlace .txtPlacePipe { width:92px;}
.contWaterPump .wrapCenter .listPlace .txtPlaceRain { width:92px;}
.contWaterPump .wrapCenter .listPlace .placeRain1 { top:190px; left:81px;}
.contWaterPump .wrapCenter .listPlace .placeRain1 p { top:-22px;}
.contWaterPump .wrapCenter .listPlace .placeRain2 { top:319px; left:255px;}
.contWaterPump .wrapCenter .listPlace .placeRain2 p { top:-22px;}
.contWaterPump .wrapCenter .listPlace .placeRain3 { top:534px; left:304px;}
.contWaterPump .wrapCenter .listPlace .placeRain4 { top:534px; left:570px;}
.contWaterPump .wrapCenter .listPlace .placeRain4 p { width:54px;}
.contWaterPump .wrapCenter .listPlace .placeRain5 { top:644px; left:635px;}
//.contWaterPump .wrapCenter .listPlace .placeRain5 p { width:100px; top:26px; left:77px;}
.contWaterPump .wrapCenter .listPlace .placeRain5 p { width:62px; top:-24px; left:4px;}
.contWaterPump .wrapCenter .listPlace .placeRain6 { top:383px; left:716px;}
.contWaterPump .wrapCenter .listPlace .placeRain6 p { width:72px; top:4px; left:-37px;}
.contWaterPump .wrapCenter .listPlace .placeRain7 { top:88px; left:640px;}
.contWaterPump .wrapCenter .listPlace .placeRain8 { top:330px; left:744px;}
.contWaterPump .wrapCenter .listPlace .placeRain8 p { width:72px; top:-19px; left:9px;}
.contWaterPump .wrapCenter .listPlace .placePump1 { top:77px; left:741px;}
.contWaterPump .wrapCenter .listPlace .placePump1 p { top:-4px; left:62px;}
.contWaterPump .wrapCenter .listPlace .placePump2 { top:358px; left:744px;}
.contWaterPump .wrapCenter .listPlace .placePump2 p { top:-4px; left:-36px;}
.contWaterPump .wrapCenter .listPlace .placePump3 { top:410px; left:712px;}
.contWaterPump .wrapCenter .listPlace .placePump3 p { top:-4px; left:-36px;}
.contWaterPump .wrapCenter .listPlace .placePump4 { top:468px; left:478px;}
.contWaterPump .wrapCenter .listPlace .placePump5 { top:640px; left:654px;}
.contWaterPump .wrapCenter .listPlace .placePump5 p { top:-4px; left:62px;}
.contWaterPump .wrapCenter .listPlace .placePump6 { top:672px; left:634px;}
//.contWaterPump .wrapCenter .listPlace .placePump6 p { top:-4px;; left:75px; width:100px;}
.contWaterPump .wrapCenter .listPlace .placePump6 p { top:23px;; left:-15px;}
.contWaterPump .wrapCenter .listPlace .placePipe1 { top:237px; left:165px;}
.contWaterPump .wrapCenter .listPlace .placePipe1 p { top:-22px;width:130px;}
//.contWaterPump .wrapCenter .listPlace .placePipe2 { top:256px; left:140px;}
.contWaterPump .wrapCenter .listPlace .placePipe2 { top:256px; left:133px;}
.contWaterPump .wrapCenter .listPlace .placePipe2 p { width:130px;}
.contWaterPump .wrapCenter .listPlace .placePipe3 { top:334px; left:209px; }
.contWaterPump .wrapCenter .listPlace .placePipe3 p { width:130px;}
//.contWaterPump .wrapCenter .listPlace .placePipe4 { top:386px; left:201px;}
.contWaterPump .wrapCenter .listPlace .placePipe4 { top:386px; left:198px;}
.contWaterPump .wrapCenter .listPlace .placePipe4 p { width:130px;}
//.contWaterPump .wrapCenter .listPlace .placePipe5 { top:403px; left:291px;}
.contWaterPump .wrapCenter .listPlace .placePipe5 { top:389px; left:312px;}
//.contWaterPump .wrapCenter .listPlace .placePipe5 p { top:-22px;}
.contWaterPump .wrapCenter .listPlace .placePipe5 p { top:28px;width:108px;left:20px;}
.contWaterPump .wrapCenter .listPlace .placePipe6 { top:655px; left:610px;}
.contWaterPump .wrapCenter .listPlace .placePipe6 p { top:4px; left:-67px;width:130px;}
.contWaterPump .wrapCenter .listPlace .placePipe7 { top:308px; left:400px;}
.contWaterPump .wrapCenter .listPlace .placePipe7 p { top:-22px;width:130px;}
.contWaterPump .wrapCenter .listPlace .placePipe8 { top:329px; left:365px;}
.contWaterPump .wrapCenter .listPlace .placePipe8 p { width:130px;}
.contWaterPump .wrapCenter .listPlace .placePipe9 { top:356px; left:492px;}
.contWaterPump .wrapCenter .listPlace .placePipe9 p { width:130px;}
.contWaterPump .wrapCenter .listPlace .placePipe10 { top:310px; left:628px;}
.contWaterPump .wrapCenter .listPlace .placePipe10 p { width:130px;}
//.contWaterPump .wrapCenter .listPlace .placePipe11 { top:406px; left:349px;}
.contWaterPump .wrapCenter .listPlace .placePipe11 { top:468px; left:249px;}
.contWaterPump .wrapCenter .listPlace .placePipe11 p { width:130px;}
.contWaterPump .wrapCenter .listPlace .placePipe12 { top:496px; left:413px;}
.contWaterPump .wrapCenter .listPlace .placePipe12 p { width:140px;}
.contWaterPump .wrapCenter .listPlace .placePipe13 { top:461px; left:713px;}
.contWaterPump .wrapCenter .listPlace .placePipe13 p { width:130px;}
.contWaterPump .wrapCenter .listPlace .placeWater1 { top:54px; left:735px;}
.contWaterPump .wrapCenter .listPlace .placeWater2 { top:353px; left:770px;}
.contWaterPump .wrapCenter .listPlace .placeWater3 { top:399px; left:750px;}
.contWaterPump .wrapCenter .listPlace .placeWater4 { top:512px; left:733px;}
.contWaterPump .wrapCenter .listPlace .placeWater5 { top:692px; left:664px;}

.contWater .wrapTop { display: flex; justify-content:center; align-items:center; width: 100%; height:755px; border: 1px solid #707070;}
.contWater .wrapTop .wrapMap { position:relative; width: 1600px; height:740px; background: url(../images/img_map3.png) no-repeat center;}
.contWater .wrapTop .wrapMap .mainInfo { position: absolute; top:30px; right:30px; width: 240px; padding:18px 25px 30px; border: 1px solid #C5D9EB; border-radius: 10px; background-color:#EBFCFF;}
.contWater .wrapTop .wrapMap .mainInfo .infoTit { text-align:center;}
.contWater .wrapTop .wrapMap .mainInfo .infoTxt { display:flex; align-items:center; margin-top: 30px;}
.contWater .wrapTop .wrapMap .mainInfo .infoTxt img { margin:0 6px;}
.contWater .wrapTop .wrapMap .mainInfo .infoTxt span { flex:1; text-align:center;}
.contWater .wrapTop .wrapMap .mainInfo1 { position: absolute; top: 16px; left:16px; width: 190px;}
.contWater .wrapTop .wrapMap .mainInfo1 p:nth-child(1) { display:flex; justify-content:center; align-items:center; height:30px; background-color:#f1a34a; font-size:15px;}
.contWater .wrapTop .wrapMap .mainInfo1 p:nth-child(2) { display:flex; justify-content:center; align-items:center; height:30px; background-color:#E5EDFF; font-size:14px;}
.contWater .wrapTop .wrapMap .mapStatus { width:100px; border: 1px solid #59C2E0;}
.contWater .wrapTop .wrapMap .mapStatus p { height: 30px;}
.contWater .wrapTop .wrapMap .mapStatus .statusTit { background: linear-gradient(to bottom right, #00A1D0, #118FB2);}
.contWater .wrapTop .wrapMap .mapStatus .status { background-color: #EFFEFF; color:#0033FF; font-size:17px;}
.contWater .wrapTop .wrapMap .mapStatus .iconBridge { position: absolute; width:46px; height:35px; background: url(../images/icon_bridge_blue.png) no-repeat center;}
.contWater .wrapTop .wrapMap .mapStatus.blocked .status { color:#FF0000;}
.contWater .wrapTop .wrapMap .mapStatus.blocked .iconBridge { background-image: url(../images/icon_bridge_red.png)}
.contWater .wrapTop .wrapMap .mapStatus.anyangcheon { top:14%; left:48%; width:162px;}
.contWater .wrapTop .wrapMap .mapStatus.anyangcheon > p { height:46px;}
.contWater .wrapTop .wrapMap .mapStatus.anyangcheon .statusTit { font-size: 22px;}
.contWater .wrapTop .wrapMap .mapStatus.anyangcheon .status {font-size: 25px; font-weight:500;}
.contWater .wrapTop .wrapMap .mapStatus.huimanggyo { top:25%; left:29.8%;}
.contWater .wrapTop .wrapMap .mapStatus.huimanggyo .iconBridge { top:72px; left:12px; transform: rotate(54deg)}
.contWater .wrapTop .wrapMap .mapStatus.mogdongtochul { top:40%; left:50%;}
.contWater .wrapTop .wrapMap .mapStatus.mogdongtochul .iconBridge { top:70px; left:12px; transform: rotate(21deg)}
.contWater .wrapTop .wrapMap .mapStatus.sinjeongjamsugyo { top:39.2%; left:58.8%;}
.contWater .wrapTop .wrapMap .mapStatus.sinjeongjamsugyo .iconBridge { top:72px; left:-33px; transform: rotate(90deg)}
.contWater .wrapTop .wrapMap .listNum li { position: absolute; }
.contWater .wrapTop .wrapMap .listNum p { position: absolute; width:50px; color:#920092; font-weight:700;}
.contWater .wrapTop .wrapMap .listNum .iconCircle { width:18px; height:18px; background: url(../images/icon_circle_blue.png) no-repeat center; background-size:18px auto;}
.contWater .wrapTop .wrapMap .listNum .blocked .iconCircle {background-image: url(../images/icon_circle_red.png)}
.contWater .wrapTop .wrapMap .listNum .num1 { top:480px; left:256px;}
.contWater .wrapTop .wrapMap .listNum .num2 { top:378px; left:371px;}
.contWater .wrapTop .wrapMap .listNum .num2 p { top: 0; left:-18px;}
.contWater .wrapTop .wrapMap .listNum .num3 { top:374px; left:385px;}
.contWater .wrapTop .wrapMap .listNum .num3 p { left:10px;}
.contWater .wrapTop .wrapMap .listNum .num4 { top:340px; left:417px;}
.contWater .wrapTop .wrapMap .listNum .num4 p { top: 0; left:-18px;}
.contWater .wrapTop .wrapMap .listNum .num4-1 { top:335px; left:426px;}
.contWater .wrapTop .wrapMap .listNum .num5 { top:328px; left:450px;}
.contWater .wrapTop .wrapMap .listNum .num5 p { top:15px;left:11px;}
.contWater .wrapTop .wrapMap .listNum .num5-1 { top:314px; left:445px;}
.contWater .wrapTop .wrapMap .listNum .num5-1 p { top:-22px; left:-18px;}
.contWater .wrapTop .wrapMap .listNum .num6 { top:324px; left:458px;}
.contWater .wrapTop .wrapMap .listNum .num6 p { top:9px; left:20px;}
.contWater .wrapTop .wrapMap .listNum .num7 { top:310px; left:470px;}
.contWater .wrapTop .wrapMap .listNum .num7 p { top:0; left:20px;}
.contWater .wrapTop .wrapMap .listNum .num8 { top:280px; left:504px;}
.contWater .wrapTop .wrapMap .listNum .num8 p { top:15px; left:18px;}
.contWater .wrapTop .wrapMap .listNum .num9 { top:236px; left:586px;}
.contWater .wrapTop .wrapMap .listNum .num9 p { top:10px; left:-16px;}
.contWater .wrapTop .wrapMap .listNum .num10 { top:234px; left:608px;}
.contWater .wrapTop .wrapMap .listNum .num10 p { left:-10px;}
.contWater .wrapTop .wrapMap .listNum .num10-1 { top:238px; left:617px;}
.contWater .wrapTop .wrapMap .listNum .num10-1 p { top:-25px; left:-10px;}
.contWater .wrapTop .wrapMap .listNum .num11 { top:232px; left:626px;}
.contWater .wrapTop .wrapMap .listNum .num11 p { top:0; left:20px;}
.contWater .wrapTop .wrapMap .listNum .num15 { top:262px; left:729px;}
.contWater .wrapTop .wrapMap .listNum .num15 p { top: 0; left:-28px;}
.contWater .wrapTop .wrapMap .listNum .num15-1 { top:268px; left:738px;}
.contWater .wrapTop .wrapMap .listNum .num17 { top:354px; left:778px;}
.contWater .wrapTop .wrapMap .listNum .num18 { top:394px; left:834px;}
.contWater .wrapTop .wrapMap .listNum .num18 p { left:-20px;}
.contWater .wrapTop .wrapMap .listNum .num19 { top:396px; left:844px;}
.contWater .wrapTop .wrapMap .listNum .num19 p { left:10px;}
.contWater .wrapTop .wrapMap .listNum .num20 { top:380px; left:914px;}
.contWater .wrapTop .wrapMap .listNum .num20 p { left:-20px;}
.contWater .wrapTop .wrapMap .listNum .num21 { top:376px; left:936px;}
.contWater .wrapTop .wrapMap .listNum .num22 { top:373px; left:950px;}
.contWater .wrapTop .wrapMap .listNum .num22 p { top:-25px; left:-6px;}
.contWater .wrapTop .wrapMap .listNum .num23 { top:370px; left:967px;}
.contWater .wrapTop .wrapMap .listNum .num23 p { left:6px;}
.contWater .wrapTop .wrapMap .listNum .num24 { top:368px; left:1026px;}
.contWater .wrapTop .wrapMap .listNum .num24 p { left:-10px;}
.contWater .wrapTop .wrapMap .listNum .num25 { top:368px; left:1050px;}
.contWater .wrapTop .wrapMap .listNum .num25 p { top:-25px; left:-6px;}
.contWater .wrapTop .wrapMap .listNum .num26 { top:370px; left:1064px;}
.contWater .wrapTop .wrapMap .listNum .num27 { top:350px; left:1104px;}
.contWater .wrapTop .wrapMap .listNum .num27 p { left:-10px;}
.contWater .wrapTop .wrapMap .listNum .num28 { top:355px; left:1116px;}
.contWater .wrapTop .wrapMap .listNum .num28 p { top:-25px; left:-6px;}
.contWater .wrapTop .wrapMap .listNum .num29 { top:350px; left:1128px;}
.contWater .wrapTop .wrapMap .listNum .num29 p { left:6px;}
.contWater .wrapTop .wrapMap .listNum .num30 { top:358px; left:1176px;}
.contWater .wrapTop .wrapMap .listNum .num31 { top:358px; left:1192px;}
.contWater .wrapTop .wrapMap .listNum .num31 p { top:-25px; left:-6px;}
.contWater .wrapTop .wrapMap .listNum .num32 { top:384px; left:1242px;}
.contWater .wrapTop .wrapMap .listNum .num33 { top:428px; left:1346px;}

.contWater .wrapBottom { display: flex; gap: 20px; margin-top: 30px;}
.contWater .wrapBottom .wrapTbl { width: 315px;}
.contWater .wrapBottom .wrapTbl .mainTbl { margin-bottom:26px;}

.mapStatus { position:absolute; width: 80px; border-radius: 2px; text-align: center;}
.mapStatus p { display: flex; justify-content: center; align-items: center; height:25px; font-size:14px;}
.mapStatus .statusTit { color:#fff;}
.mapStatus .status { background-repeat:no-repeat; background-position: center right 5px;}
.mapStatus .status.up { background-image: url(../images/icon_up.png);}
.mapStatus .status.down { background-image: url(../images/icon_down.png);}
.mapStatus.or { border: 1px solid #F39205;}
.mapStatus.or .statusTit { background: linear-gradient(to bottom right, #F39205, #DF7803);}
.mapStatus.or .status { background-color: #FFF2E5;}
.mapStatus.bl { width:120px; border: 1px solid #59C2E0;}
.mapStatus.bl .statusTit { height:30px; background: linear-gradient(to bottom right, #00A1D0, #118FB2);}
.mapStatus.bl .status { background-color: #EFFEFF;}
.mapStatus.bl .statusType2 { display:flex; border-bottom: 1px solid #59C2E0;}
.mapStatus.bl .statusType2 .status { flex: 1; }
.mapStatus.bl .statusType2 .status:first-child { border-right: 1px solid #59C2E0; color: #0C94BB;}
.mapStatus.gr { border: 1px solid #00940A;}
.mapStatus.gr .statusTit { background: linear-gradient(to bottom right, #07800F, #04A10E);}
.mapStatus.gr .status { background-color: #DEFFE0;}
.mapStatus.yanghwagyo { top:0; left:74%;}
.mapStatus.yanghwa { top:0; left:85.5%;}
.mapStatus.sinwol5 { top: 20.2%; left: 11.5%;}
.mapStatus.mog { top:16.5%; left:67%;}
.mapStatus.gr.mogdong { top:43.8%; left:72.4%;}
.mapStatus.bl.mogdong { top:43.4%; left:85.5%;}
.mapStatus.sinwol6 { top:60.8%; left:30%;}
.mapStatus.sinil { top:56%; left:56.5%;}
.mapStatus.gr.omog { top:56.8%; left:72.2%;}
.mapStatus.bl.omog { top:55%; left:82.2%;}
.mapStatus.yangcheon { top:69.2%; left:66.2%;}
.mapStatus.sinjeonggyo { top:66.8%; left:84.5%;}
//.mapStatus.ogeum1 { top:74%; left:76.5%;}
//.mapStatus.ogeum2 { top:88.5%; left:55.4%;}
.mapStatus.ogeum1 { top:88.5%; left:55.4%;}
.mapStatus.ogeum2 { top:74%; left:76.5%;}
.mapStatus.ogeum { top:88%; left:70%;}
.mapStatus.hwagok { top:40.8%; left:30%;}

.wrapVideo { margin-top:30px;}
.wrapImgList { display:flex; gap:15px; justify-content:center; margin:30px 0 50px;}
.wrapImgList .wrapImg { display: flex; flex-direction:column; justify-content:space-around;}
.wrapImgList .listManual { flex: 1;}
.wrapImgList .listManual li { display:flex; gap:15px; align-items:center; margin-bottom:10px; padding:10px 11px 9px; border-radius:26px; background-color:#50C7F3; font-size:18px;}
.wrapImgList .listManual li span { display:flex; flex-shrink: 0; justify-content:center; align-items:center; width:31px; height:31px; border-radius:100%; background-color:#0A489A; color:#fff; font-size:20px; font-weight:700;}
.wrapImgList .listManual li.impor { background-color:#FFBF5E;}
.wrapImgList .listManual li.impor span { background-color:#D50000;}


/************************************************
	table
************************************************/
.tblList { margin-top:40px; border-left:1px solid #109AC5;}
.tblList th { height:42px; padding:5px 20px; border-right:1px solid #109AC5; border-bottom:1px solid #109AC5; color:#fff; font-size:21px; text-align:left; font-weight: 400; background-color:#00A1D0; word-break:break-word;}
.tblList td { height:42px; padding:5px 20px; border-right:1px solid #109AC5; border-bottom:1px solid #109AC5; font-size:21px; text-align:center; word-break:break-word;}
.tblList tr:nth-of-type(odd) {background-color:#EFFFFF;}

.mainTbl th { height:30px; padding:3px 10px; font-size: 18px; font-weight:normal; text-align:center; word-break:break-word;}
.mainTbl thead th { color:#fff;} 
.mainTbl td { height:30px; padding:3px 10px; font-size: 17px; text-align:center; word-break:break-word;}
.mainTbl td img { margin: 5px 0;}

.mainTbl.mi { border: 1px solid #1090B3;}
.mainTbl.mi th { background-color:#1090B3;}
.mainTbl.mi th:not(:first-child),
.mainTbl.mi td:not(:first-child) { border-left: 1px dashed #1090B3;}
.mainTbl.mi tr:nth-of-type(2n) { background-color:#DBFDFF;}
.mainTbl.mi.type2 tr:nth-child(1) { background-color:#92DFF5;}

.mainTbl.gr { border: 1px solid #30A75E;}
.mainTbl.gr th { background-color:#00A716;}
.mainTbl.gr th:not(:first-child),
.mainTbl.gr td:not(:first-child) { border-left: 1px dashed #71A475;}
.mainTbl.gr tr:nth-of-type(odd) { background-color:#E2FFE5;}

.mainTbl.or { border: 1px solid #F39205;}
.mainTbl.or th { background-color:#F39205;}
.mainTbl.or th:not(:first-child),
.mainTbl.or td:not(:first-child) { border-left: 1px dashed #E68104; }
.mainTbl.or tr:nth-of-type(odd) { background-color:#FFEDD6;}

.mainTbl.pu { border: 1px solid #6C6CE2;}
.mainTbl.pu th { background-color:#6C6CE2;}
.mainTbl.pu th:not(:first-child),
.mainTbl.pu td:not(:first-child) { border-left: 1px dashed #ACACF3; }
.mainTbl.pu tr:nth-of-type(odd) { background-color:#E8E8FF;}


/************************************************
	main
************************************************/
.main { display:flex; flex-direction: column; gap:45px; position: relative; min-height: 927px; padding:0 70px 0 1264px;}
.main .mainImg { position: absolute; top: 0; left: 0;}
.main .mainContents { display: flex; gap:40px;}
.main .mainCont .mainTit { margin-bottom:20px; padding-left:40px; font-size: 20px;}
.main .mainCont .mainTit.pump { background: url(../images/icon_pump.png) no-repeat 0 center;}
.main .mainCont .mainTit.rainy { background: url(../images/icon_rainy.png) no-repeat 0 center;}
.main .mainCont .mainTit.water { background: url(../images/icon_water.png) no-repeat 0 center;}
.main .mainCont .mainTit.water2 { background: url(../images/icon_water2.png) no-repeat 0 center;}
.main .mainCont .mainTime { margin-top: 14px; color:#000; font-size: 18px; text-align: right;}

.main .mainCont .mainTbl { border-radius: 5px;}
.main .mainCont .mainTbl th { height:58px; padding:2px; color:#fff; font-size:20px;}
.main .mainCont .mainTbl td { height:58px; padding:2px; font-size:20px; font-weight:500;}
.main .mainCont .mainTbl thead th { height:62px;}
.main .mainCont .mainTbl.bl { border: 1px solid #A2BBEF; }
.main .mainCont .mainTbl.bl th { background-color:#5682DB;}
.main .mainCont .mainTbl.bl td { border-top: 1px solid #A7BFEF; border-left:1px solid #A7BFEF;}
.main .mainCont .mainTbl.bl tr:nth-child(1) { background-color:#E2ECFF;}
.main .mainCont .mainTbl.gr { border:1px solid #55F16A;}
.main .mainCont .mainTbl.gr td { border-top: 1px solid #55F16A; border-left:1px solid #55F16A;}
.main .mainCont .mainTbl.or { border:1px solid #F3AC05;}
.main .mainCont .mainTbl.or td { border-top: 1px solid #F3AC05; border-left:1px solid #F3AC05;}
.main .mainCont .mainTbl.ye { border: 1px solid #F3C305;}
.main .mainCont .mainTbl.ye th { height:73px; background-color:#F3C305;}
.main .mainCont .mainTbl.ye td { background-color:#FFFCF3;}