@charset "utf-8";
/* CSS Document */

/*내용*/
#subCont:after, #subCont .leftMenu:after, #subCont .subWrap:after { display:block; clear:both; content:"";}



/* 테이블 상단 */
.tableTopWrap{ margin-bottom:1px;}
.tableTopWrap .tit{ }
.tableTopWrap .tit.sortType{ background:url(../images/common/icon_list.png) no-repeat left center; padding-left:20px;}

/* 테이블 */
table tr td {font-size:14px;}
table pre{white-space: pre-wrap;}
 /* 기본 테이블 */
.table01 { width: 100%;border-left: 0px solid #e6e6e6; border-collapse: separate; border-top: 2px solid #323232;border-collapse:collapse;}
.table01 tr th,
.table01 tr td{board-left:0px;border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;line-height:22px; padding:10px 10px;}
.table01 tr th { text-align:center;background-color:#f8f8f8;}
.table01 tr td { text-align:left; color:#555;}
.table01 tbody tr td select, 
.table01 tbody tr td input[type=text], 
.table01 tbody tr td input[type=select] { width:96%; }
.table01 tbody tr td textarea { width:96%;border:1px solid #d9d9d9;}

 /* 가로 데이터 테이블*/
.table01.dataView tr td { text-align:center;}
.table01.dataView {white-space:nowrap}
.table01.dataFix tr td { text-align:center;}
.table01.dataFix.tdLeft  tr td { text-align:left;}

 /* 좁은 테이블 */
.tableS01 { width: 100%;border-left: 1px solid #e6e6e6; border-collapse: separate; border-top: 2px solid #323232;}
.tableS01 tr th,
.tableS01 tr td{border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;line-height:22px; padding:4px 4px;}
.tableS01 tr th { text-align:center;background-color:#f8f8f8; padding:10px 10px;}
.tableS01 tr td { text-align:center; color:#555; font-family: 'NotoKrL'; }
.tableS01 tr td span { color:#004bd9; font-weight: bold;}
.tableS01 tbody tr td select, 
.tableS01 tbody tr td input[type=text], 
.tableS01 tbody tr td input[type=select] { width:96%; }
.tableS01 tbody tr td textarea { width:96%;border:1px solid #d9d9d9;}
.tableS01 .colorb { background-color: #f0f7ff;}

 /* 지점 검색 결과 테이블 */
.table02 { width: 100%;border-left: 1px solid #dcdcdc; border-collapse: separate; border-top: 1px solid #dcdcdc;}
.table02 tr th,
.table02 tr td{border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;line-height:15px; padding:7px 5px; font-size:12px;}
.table02 label{ font-size:12px;}
.table02 thead tr th { text-align:center;background:#f9f9f9;}
.table02 tbody tr td {min-height: 31px;height: 31px}
.table02 tr td { text-align: center; color:#555;}
.table02 tr td a{ font-size:12px;}




/*bang 추가*/
.sub_tit { background:url(../images/common/d_tit.png) no-repeat left center; font-size:18px; padding-left:20px;}
.tableSearch td textarea{border: 1px solid #d9d9d9;}

.tablesorter-headerdd {
	background-color: #f8f8f8;
	/* black asc arrow */
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	background-repeat: no-repeat;
	background-position: center right;
}
 .tablesorter-header {
	background-color: #f8f8f8;
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-repeat: no-repeat;
	background-position: center right;
}
 .headerSortUp,
 .tablesorter-headerSortUp,
 .tablesorter-headerAsc {
	background-color: #f8f8f8;
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	background-repeat: no-repeat;
	background-position: center right;
}
 .headerSortDown,
 .tablesorter-headerSortDown,
 .tablesorter-headerDesc {
	background-color: #f8f8f8;
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	background-repeat: no-repeat;
	background-position: center right;
}
 thead .sorter-false {
	background-image: none;
	cursor: default;
	
}






/* 공통으로 사용하자 */
#mapDiv{border: 1px solid #e2e2e2;}
.comHeadBox {border: 1px solid #e4e4e4;background: #f5f5f5;padding: 30px;}



/* 물환경관리 : 운영 현황*/
.w_data_tit{ background:url(../images/sub/icon_dataview.png) no-repeat left 30px center #f0f7ff; padding:30px 0 30px 80px; position: relative; margin-bottom:30px;}
.btn_link{ color:#002b50; border:1px solid #002b50; border-radius:3px; background:#fff; padding:5px 25px; display: inline-block;}
.w_data_tit .btn_link{ position: absolute; right:30px; top:50%; transform: translateY(-50%);}
.w_data_info{ overflow:hidden;}
.w_data_info .left{ width:605px; float:left;}
.w_data_info .right{ width: 600px; float:right;}
hr.dash{ border:none; border-bottom: 1px dashed #dcdcdc; margin-bottom:10px;}

/* 물환경 관리  : 물환경측정망 */
.w_info_box{ background-color:#f8f8f8; border-top:2px solid #006bbb; padding:40px; border-bottom:1px solid #dcdcdc; line-height:30px;}
.w_info_box p{ font-size:22px; color:#1e1e1e; margin-bottom:26px; word-wrap: break-word; word-break: keep-all;}
.w_info_box ul li{ color:#595959; background:url(../images/common/h7.png) no-repeat left top 10px; padding-left:17px; line-height:24px; margin-bottom:4px; word-wrap: break-word; word-break: keep-all;}
.w_info_box ul li.no_t{ background:none;}
.w_info_box ul li.sup{background:url(../images/common/h7.png) no-repeat left top 8px;}
.w_info_box.bg{ 
	background-image:url(../images/sub/w_info_bg02.png), url(../images/sub/w_info_bg03.png), url(../images/sub/w_info_bg01.png), url(../images/sub/w_info_bg04.png);
	background-position: 900px 250px, right 70px center , right -10px top -30px , right 55px bottom 17px;
	background-repeat:no-repeat;
}

.bi_box{ overflow: hidden; border: 1px solid #dcdcdc; padding:20px;}
.bi_box dt{ float: left; margin-right:20px; background:none;}
.bi_box dd.tit{ font-size:18px; color:#1e1e1e; margin: 16px 0 8px 0; background: none; padding-left:0;}
.bi_box dd{ background:url(../images/common/h7.png) no-repeat left top 10px; float:left; width:980px; padding-left:14px; margin-bottom:4px; line-height:24px; color:#595959; word-wrap: break-word; word-break: keep-all;}

/* item Horizontal */
.su_box_01{ overflow: hidden; border: 1px solid #dcdcdc; padding:30px 20px 30px 0; display:table; width:100%;}
.su_box_01 li{ height:94px; display:table-cell; vertical-align:middle; border-right:1px dashed #dcdcdc; padding:0 30px 0 160px; word-wrap: break-word; word-break: keep-all;}
.su_box_01 li p{ color:#1e1e1e; line-height:26px; font-size:15px;}
.su_box_01.p_01 li:nth-child(1){ background:url(../images/sub/158_01.jpg) no-repeat left 40px center;}
.su_box_01.p_01 li:nth-child(2){ background:url(../images/sub/158_02.jpg) no-repeat left 40px center;}
.su_box_01 li:last-child{ border-right:none;}
.su_box_01.p_02 li{}
.su_box_01.p_02 li{ background:url(../images/sub/158_03.jpg) no-repeat left 40px center;}
.su_box_01.p_03 li{ background:url(../images/sub/158_04.jpg) no-repeat left 40px center;}
.su_box_01.p_05 li:nth-child(1){background:url(../images/sub/158_p05_01.jpg) no-repeat left 40px center;}
.su_box_01.p_05 li:nth-child(2){background:url(../images/sub/158_p05_02.jpg) no-repeat left 40px center;}
.su_box_01 dt{ font-size:15px; font-weight:bold; margin-bottom:6px;}

.su_box_01.p_09 li:nth-child(1){background:url(../images/sub/158_p09_01.jpg) no-repeat left 40px center;}
.su_box_01.p_09 li:nth-child(2){background:url(../images/sub/158_p09_02.jpg) no-repeat left 40px center;}

.su_box_01.p_10 li{background:url(../images/sub/158_p09_03.jpg) no-repeat left 40px center;}
.su_box_01.p_11 li{background:url(../images/sub/158_p09_04.jpg) no-repeat left 40px center;}
.su_box_01.p_12 li{background:url(../images/sub/158_p09_05.jpg) no-repeat left 40px center;}

/* item Vertical */
.su_box_02{overflow: hidden; border: 1px solid #dcdcdc; display:table; table-layout:fixed; width:100%; padding:35px 0;}
.su_box_02 li{ text-align:center; padding:120px 40px 00px 40px; display:table-cell; word-wrap: break-word; word-break: keep-all; border-right:1px dashed #dcdcdc;}
.su_box_02 li:last-child{ border-right:none;}
.su_box_02.p_04 li:nth-child(1){ background:url(../images/sub/158_p04_01.jpg) no-repeat top center;}
.su_box_02.p_04 li:nth-child(2){ background:url(../images/sub/158_p04_02.jpg) no-repeat top center;}
.su_box_02.p_04 li:nth-child(3){ background:url(../images/sub/158_p04_03.jpg) no-repeat top center;}

.su_box_02.p_06 li:nth-child(1){ background:url(../images/sub/158_p06_01.jpg) no-repeat top center;}
.su_box_02.p_06 li:nth-child(2){ background:url(../images/sub/158_p06_02.jpg) no-repeat top center;}
.su_box_02.p_06 li:nth-child(3){ background:url(../images/sub/158_p06_03.jpg) no-repeat top center;}

.su_box_02.p_07 li:nth-child(1){ background:url(../images/sub/158_p07_01.jpg) no-repeat top center;}
.su_box_02.p_07 li:nth-child(2){ background:url(../images/sub/158_p07_02.jpg) no-repeat top center;}
.su_box_02.p_07 li:nth-child(3){ background:url(../images/sub/158_p07_03.jpg) no-repeat top center;}
.su_box_02.p_07 li:nth-child(4){ background:url(../images/sub/158_p07_04.jpg) no-repeat top center;}

.su_box_03{ border: 1px solid #dcdcdc; padding:0 20px;}
.su_box_03 ul{display:table; width:100%; table-layout:fixed; border-bottom:1px dashed #dcdcdc; padding:30px 0;}
.su_box_03 li{ display:table-cell; vertical-align:middle; border-right:1px dashed #dcdcdc; padding:0 30px 0 170px;}
.su_box_03 li:last-child{border-right:none;}
.su_box_03 dt{ font-size:17px; color:#323232; margin-bottom:6px;}
.su_box_03 dd{ color:#595959; background:url(../images/common/h8.gif) no-repeat left top 10px; padding-left:10px; margin-bottom:6px; word-wrap: break-word; word-break: keep-all;}
.su_box_03 ul:last-child{ border:none;}
.su_box_03 ul:nth-child(1) li:nth-child(1){ background:url(../images/sub/158_p10_01.jpg) no-repeat left 40px center;}
.su_box_03 ul:nth-child(1) li:nth-child(2){ background:url(../images/sub/158_p10_02.jpg) no-repeat left 40px center;}
.su_box_03 ul:nth-child(2) li:nth-child(1){ background:url(../images/sub/158_p10_03.jpg) no-repeat left 40px center; padding:60px 30px 60px 170px;}
.su_box_03 ul:nth-child(2) li:nth-child(2){ background:url(../images/sub/158_p10_04.jpg) no-repeat left 40px center;}
.su_box_03 ul:nth-child(3) li:nth-child(1){ background:url(../images/sub/158_p10_05.jpg) no-repeat left 40px center;}
.su_box_03 ul:nth-child(3) li:nth-child(2){ background:url(../images/sub/158_p10_06.jpg) no-repeat left 40px center;}

.su_box_03.c166_p03 ul:nth-child(1) li{ background:url(../images/sub/166_p03_01.jpg) no-repeat left 40px center;}
.su_box_03.c166_p03 ul:nth-child(2) li{ background:url(../images/sub/166_p03_02.jpg) no-repeat left 40px center;}
.su_box_03.c166_p03 ul:nth-child(3) li{ background:url(../images/sub/166_p03_03.jpg) no-repeat left 40px center;}
.su_box_03.c166_p03 ul:nth-child(4) li{ background:url(../images/sub/166_p03_04.jpg) no-repeat left 40px center;}
.su_box_03.c166_p03 ul:nth-child(5) li{ background:url(../images/sub/166_p03_05.jpg) no-repeat left 40px center; height:120px;}
.su_box_03.c166_p03 li{padding: 0 30px 0 200px !important;}

.su_box_04{ display:table; width:100%; table-layout:fixed; border: 1px solid #dcdcdc; padding:30px 0;}
.su_box_04 li{ display:table-cell; text-align:center; border-right:1px dashed #dcdcdc; padding:0 30px;}
.su_box_04 li:last-child{ border:none;}
.su_box_04 li dt{ margin-bottom:30px;}
.su_box_04 li dd{ word-wrap: break-word; word-break: keep-all;}

.bun_box{overflow: hidden; border: 1px solid #dcdcdc; padding:0 20px;}
.bun_box ul{ display:table; table-layout:fixed; width:100%; padding:20px 0;border-bottom:1px dashed #dcdcdc; margin-bottom:20px;}
.bun_box ul:last-child{ border:none;}
.bun_box ul li{ text-align:center; display:table-cell; border-right:1px dashed #dcdcdc;}
.bun_box ul li:last-child{ border-right: none;}
.bun_box dl{ display:table; width:100%; padding:20px;}
.bun_box dt,
.bun_box dd{ display:table-cell; vertical-align:middle;}
.bun_box dt{ width:120px;}
.bun_box dd{ text-align:left; line-height:28px; word-wrap: break-word; word-break: keep-all;}

.bun_box.p01 dt{ width:140px;  text-align:left;}

.bi_history{ width:660px; margin:0 auto; background:url(../images/common/blit_gray.png) repeat-y 189px;}
.bi_history dl{ overflow:hidden; margin-bottom:30px;}
.bi_history dt{ float:left; width:200px; text-align:right; background:url(../images/common/tit_02.png) no-repeat right center; padding-right:40px; font-size:18px;}
.bi_history dd{ float:right; font-size:14px; color:#595959; width:430px; text-align:left; background:url(../images/common/h8.gif) no-repeat left top 12px; padding-left:10px;}
.bi_history dd.tit{ font-size:16px; color:#1e1e1e; background:none; padding:0;}

.bi_area{ overflow:hidden;}
.bi_area dl{ width:590px; float:left; height:200px; margin-bottom:15px; padding:40px 0; border:1px solid #ddd; border-radius:10px;}
.bi_area dl:nth-child(odd){ margin-right:15px;}
.bi_area dl:nth-child(1){ background:url(../images/sub/159_01.gif) no-repeat right bottom #f1f6f9;}
.bi_area dl:nth-child(2){ background:url(../images/sub/159_02.gif) no-repeat right bottom #f1f6f9;}
.bi_area dl:nth-child(3){ background:url(../images/sub/159_03.gif) no-repeat right bottom #f1f6f9;}
.bi_area dl:nth-child(4){ background:url(../images/sub/159_04.gif) no-repeat right bottom #f1f6f9;}
.bi_area dl:nth-child(5){ background:url(../images/sub/159_05.gif) no-repeat right bottom #f1f6f9;}
.bi_area dl:nth-child(6){ background:url(../images/sub/159_06.gif) no-repeat right bottom #f1f6f9;}
.bi_area dt{ position:relative; padding-left:40px;}
.bi_area dt span{ position:absolute; font-size:18px; padding:0 10px; background:#f1f6f9;}
.bi_area dt:before {content: ""; position: absolute; left:0; top: 10px; width: 100%; height: 8px; background: #e8edf0;}
.bi_area dd{ margin:40px 180px 0 50px; height:100px; display:table;}
.bi_area dd span{ vertical-align:middle;display:table-cell; word-wrap: break-word; word-break: keep-all; line-height:26px;}

.q_box{ border:1px solid #e6e6e6; border-top: 1px solid #323232; position:relative; margin:40px 0 30px 8px; padding:40px 40px 30px 0;}
.q_box .tit{ height:67px; width:338px; background:url(../images/sub/q_box_tit.png) no-repeat; color:#fff; font-size:18px; display:inline-block; position:absolute; line-height:40px; padding-left:40px; top:-20px; left:-8px;}
.q_box dl{ display: table; margin-left:20px; background:#f8f8f8; border:1px solid #dcdcdc; border-radius:10px; box-shadow: -2px 2px 0 rgba(127, 155, 188, 1); padding:15px; width:100%;}
.q_box dt,
.q_box dd{ display:table-cell; vertical-align:middle;}
.q_box dt{ border-right: 1px dashed #c8c8c8; font-size:17px; color:#003d87; width:270px; text-align:center; padding:6px;}
.q_box dd{ padding-left:30px;}
.q_box .q_law{ position:absolute; color:#575757; font-size:14px; right:20px; top:10px;}
.q_box dl:last-child{ margin-top:10px;}
.q_box .h7{ color:#1e1e1e; padding-left:18px;}
.btn_d_form{ display:inline-block; position:absolute; background:url(../images/common/icon_download.png) no-repeat left 8px center #002b50; padding:4px 8px 4px 30px;; border-radius:3px; color:#fff; font-size:13px;}
.btn_d_form.d_1{ top:50px; right:50px;}
.btn_d_form.d_2{ top:83px; right:50px;}
.btn_d_form.d_3{ top:155px; right:50px;}

.mascot_box{ border: 1px solid #cbcbcb; padding:40px; overflow:hidden; position:relative;}
.img_box2{text-align:center;}
.mascot_box > div{float:left;width:550px; }
.mascot_info_wrap{ margin-top:20px;}
.mascot_info li{  letter-spacing:-1px; margin-bottom:10px; }
.mascot_info li b{background:url(../images/common/h7.png) no-repeat left top 8px; padding-left:12px; color:#002b50;}
.color_list{ margin-left:15px; overflow:hidden;}
.color_list li{ float:left; display:inline-block; width:40px; height:40px; margin-right:12px;}
.color_list li:nth-child(1){ background:#acdbf7;}
.color_list li:nth-child(2){ background:#0071d0;}
.color_list li:nth-child(3){ background:#f3ac00;}
.color_list li:nth-child(4){ background:#00a776;}
.color_list li:nth-child(5){ background:#ff717d;}
.color_list li:nth-child(6){ background:#bf191a;}
.color_list li:nth-child(7){ background:#6d6e72;}
.color_list li:nth-child(8){ background:#ed1b24;}

.color_list.sym li:nth-child(1){ background:#6596d0;}
.color_list.sym li:nth-child(2){ background:#8cc542;}
.color_list.sym li:nth-child(3){ background:#22c0f0;}
.color_list.sym li:nth-child(4){ background:#fcb913;}

.p_color{ width:420px; overflow:hidden;}
.p_color li{ float:left; width:200px; height:40px; line-height:40px; text-align:center; color:#fff; letter-spacing:1px;}
.p_color li:nth-child(odd){ margin-right:18px;}

.p_color.main li:nth-child(1){ background:#6596d0;}
.p_color.main li:nth-child(2){ background:#8cc542;}
.p_color.main li:nth-child(3){ background:#22c0f0;}
.p_color.main li:nth-child(4){ background:#fcb913;}
.p_color.main li:nth-child(5){ background:#fff; color:#000; border:1px solid #000;}
.p_color.main li:nth-child(6){ background:#000;}

.p_color.sub li:nth-child(1){ background:#bcbec0;}
.p_color.sub li:nth-child(2){ background:#ac893b;}

.btn_ma_down{ background:url(../images/common/icon_download.png) no-repeat left 120px center #004bd9; display:block; border-radius:5px; color:#fff; text-align:center; padding:12px 0; box-shadow: 0 5px 0 rgba(230, 231, 231, 0.5) ; width:100%; }