@charset "utf-8";

/*취약계층 2016*/
.weak_box01{border:solid 1px #d6d6d6; background-color:#eef9ff !important; padding:15px; font-weight:bold;}
.weak_section{margin-top: 25px;}
.weak_section_title{background:url("/images/home/sub/weak_view_titBg.png") left top no-repeat; width:845px; height:30px;}
.weak_section_title_num{width:150px; text-align:center; color:#ffffff; font-size:16px; display:block; float:left; padding-top:4px; font-weight:400;}
.weak_section_title_txt{font-size:16px; padding-left:10px; display:block; float:left; padding-top:4px; font-weight:400;}
.weak_bbsCon_box01{width:600px; padding:10px; width:810px;}
.weak_bbsCon_box01 li{background:url('/images/home/sub/bullet_gr.png') no-repeat 0px 7px;  padding-left:12px;}
.weak_bbs_conColor{color:#be0000;}
.weak_bbsCon_li02{background:url('/images/home/sub/bullet_line.png') no-repeat left 10px !important;}
.weak_bbsCon_li03{background:none !important; text-indent:-14px;}
.weak_bbsCon_li04{background:url('/images/home/sub/bullet_line.png') no-repeat left 5px !important;}
.weak_ptype01{font-weight:400; font-size:12px; margin-bottom:3px;}
.weak_box02{border:solid 1px #dddddd; background-color:#f6f6f6; padding:7px; font-size:12px;}
.weak_table_wrap{margin:15px 0 0 10px; font-size:12px;}
.weak_p{font-size: 12px;}
.weak_bgb{background-color:#40b1f1!important;color:#fff!important;font-weight: bold;}
.weak_bgg{background-color:#74d374!important;color:#fff!important;font-weight: bold;}
.weak_bgy{background-color:#ddec32!important;color:#fff!important;font-weight: bold;}
.weak_bgr{background-color:#f95b4a!important;color:#fff!important;font-weight: bold;}

.info_bbs01_06{width:100%; border-top:2px solid #7d9ab3 ; border-bottom:1px solid #c6c9cc; line-height:18px; }
.info_bbs01_06 th{background-color:#e5ebf0; border-bottom: 1px solid #c6c9cc; height:34px; font-size:13px; border-right:1px solid #c6c9cc; border-left:1px solid #c6c9cc;}
.info_bbs01_06 td{border-top:1px solid #c6c9cc; padding:10px 15px; text-align:left;  border-right:1px solid #c6c9cc; border-left:1px solid #c6c9cc; font-size:13px;}
.info_bbs01_06 > tbody > tr.weak_bg_g01 > td {background-color:#ededed !important;}
.txt_red01 {color:#ff0000;}

/*
/* 환경피해취약그룹 정보 (20161209 추가)
/*=================================*/
.weak_wrap{position:relative; overflow:hidden; margin-top:30px;;}
.weak_wrap ul{}
.weak_wrap ul li{height:250px; float:left; padding:40px 25px 0 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.weak_wrap ul li a{}
.weak_wrap ul li a:hover header{text-decoration:underline;}
.weak_wrap ul li a:hover span.weak_Bcase01{background-color:rgba(255,255,255,0.1);}
.weak_wrap ul li a:hover span.weak_Bcase02{background-color:rgba(0,0,0,0.1);}
.weak_wrap ul li a header{margin-bottom:30px; font-size:20px; font-weight:400;}
.weak_wrap ul li a header.weak_Tcase01{color:#fff;}
.weak_wrap ul li a header.weak_Tcase02{color:#444;}
.weak_wrap ul li a span{display:block; line-height:1.4em;}
.weak_wrap ul li a span.weak_Scase01{color:#f1f1f1; font-size:13px;}
.weak_wrap ul li a span.weak_Scase02{color:#555; font-size:13px;}
.weak_wrap ul li a span.weak_Bcase01{border:solid 1px #fff; padding:5px 50px 5px 10px; width:70px; margin-top:20px; color:#f1f1f1; background:url("/images/home/sub/bullet_arr02.png") 110px center no-repeat;}
.weak_wrap ul li a span.weak_Bcase02{border:solid 1px #777; padding:5px 50px 5px 10px; width:70px; margin-top:20px; color:#555; background:url("/images/home/sub/bullet_arr05.png") 110px center no-repeat;}
.weak_wrap ul li.weak01{width:50%; background:#6195c2 url("/images/home/sub/icon_weak01.png") 330px 185px no-repeat;}
.weak_wrap ul li.weak02{width:50%; background:#e9f1f4 url("/images/home/sub/icon_weak02.png") 355px 170px no-repeat;}
.weak_wrap ul li.weak03{width:33.333%; background:#60788e url("/images/home/sub/icon_weak03.png") 220px 170px no-repeat;}
.weak_wrap ul li.weak04{width:33.333%; background:#cdd2d6 url("/images/home/sub/icon_weak04.png") 220px 175px no-repeat;}
.weak_wrap ul li.weak05{width:33.333%; background:#497092 url("/images/home/sub/icon_weak05.png") 215px 180px no-repeat;}

.weak_txtwrap{padding:20px}
.weak_txtcase01{margin:7px 0 0 17px;}

.weak_view_wrap{padding-bottom:30px;}

header.weak_tit{margin-top:30px; font-size:16px; color:#323232; background:url("/images/home/sub/weak_view_titBg.png") left top no-repeat; width:845px; height:30px; text-align:left; font-weight:400; padding-top:10px; margin-bottom:20px;}
header.weak_tit span{color:#fff; width:150px; text-align:center; padding-right:5px;}

.evaluation{margin:15px 0 30px; width:100%; overflow:hidden;}
.evaluation .value {width:100%; overflow:hidden;}
.evaluation .value ul {background:url('/images/home/sub/bg_graph_line.png') no-repeat 3px bottom;}
.evaluation .value ul:after{content:''; display:block; clear:both;}
.evaluation .value li{float:left; width:24.3%; margin:3px; text-align:center; line-height:36px;font-size:13px;}
.evaluation .value > ul > li > strong {margin-right:10px;}
.evaluation .value > p {float:left; width:44%; margin-top:15px;}
.evaluation .value .slightly {padding-left:45px;  background:url('/images/home/sub/bg_graph_line3.png') no-repeat 3px 50%;}
.evaluation .value .bad {padding-left:45px;  background:url('/images/home/sub/bg_graph_line2.png') no-repeat 3px 50%;}
.evaluation .value p:after{content:''; display:block; clear:both;}


.update_title {width:20%; text-align:center; height:30px; line-height:30px; margin-top:10px; border-top: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; margin-top: 0px;}
.update {height:30px; line-height:30px; margin-top:10px; border-top: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; margin-top: 0px;}
.update .date {width:80%; margin-left:10px; float:left;}
.update .measure {width:10%; float:right;}

/* .con_box {border:1px solid #e7e7e7; padding:10px; overflow: auto; width: -webkit-fill-available; } */
.con_box {border:1px solid #e7e7e7; padding:10px; width: -webkit-fill-available; }
.con_box .map {background: url('/images/web/contens/img_map.png'); height: 350px; position: relative; width: 330px; float: left; border:1px solid #d5d5d5;}
.con_box .yellowDust { background: url('/images/web/contens/map_yellow_dust.png') no-repeat scroll 0 0 !important; }
.con_box .map .seoul {top:82px;	left: 117px; display: block; height: 11px; position: absolute; width: 30px;}
.con_box .map .seoul_box {height: 34px; position: absolute; width: 30px; left: 124px; top: 104px; display: block;}
.con_box .map .kangwon {top:51px; left: 195px; display: block; height: 11px; position: absolute; width: 30px;}
.con_box .map .kangwon_box {height: 34px; position: absolute; width: 30px; left: 198px; top: 76px;	display: block;}
.con_box .map .kyeonggi {top:100px; left: 162px; display: block; height: 11px; position: absolute; width: 30px;}
.con_box .map .kyeonggi_box {height: 34px; position: absolute; width: 30px; left: 167px; top: 123px; display: block;}
.con_box .map .chungnam {top:147px; left: 106px; display: block; height: 11px; position: absolute; width: 30px;}
.con_box .map .chungnam_box {height: 34px; position: absolute; width: 30px; left: 112px; top: 172px; display: block;}
.con_box .map .chungbuk {top:147px; left: 174px; display: block; height: 11px; position: absolute; width: 30px;}
.con_box .map .chungbuk_box {height: 34px; position: absolute; width: 30px; left: 180px; top: 170px; display: block;}
.con_box .map .gyeongbuk {top:154px; left: 230px; display: block; height: 11px; position: absolute; width: 30px;}
.con_box .map .gyeongbuk_box {height: 34px; position: absolute; width: 30px; left: 236px; top: 179px; display: block;}
.con_box .map .jeonbuk {top:190px; left: 131px; display: block; height: 11px; position: absolute; width: 30px;}
.con_box .map .jeonbuk_box {height: 34px; position: absolute; width: 30px; left: 136px; top: 213px; display: block;}
.con_box .map .jeonnam {top:233px; left: 131px; display: block; height: 11px; position: absolute; width: 30px;}
.con_box .map .jeonnam_box {height: 34px; position: absolute; width: 30px; left: 134px; top: 254px; display: block;}
.con_box .map .gyeongnam {top:202px; left: 185px; display: block; height: 11px; position: absolute; width: 30px;}
.con_box .map .gyeongnam_box {height: 34px; position: absolute; width: 30px; left: 190px; top: 225px; display: block;}
.con_box .map .jeju {top:289px; left: 128px; display: block; height: 11px; position: absolute; width: 30px;}
.con_box .map .jeju_box {height: 34px; position: absolute; width: 30px; left: 133px; top: 311px; display: block;}


.con_box .map .andong {top:138px; left: 230px; display: block; height: 11px; position: absolute; width: 30px;}
.con_box .map .andong_box {height: 34px; position: absolute; width: 30px; left: 234px; top: 162px; display: block;}
.con_box .map .ulsan {top:190px; left: 225px; display: block; height: 11px; position: absolute; width: 30px;}
.con_box .map .ulsan_box {height: 34px; position: absolute; width: 30px; left: 228px; top: 214px; display: block;}

.yellowDustInfo {
	width: 520px; height: 350px; position: relative; float: left;
}
.yellowDustTableHeader ul li {float: left; width: 250px; height: 30px;background-color: #FCFCFC;border-top: 1px solid silver;border-bottom: 1px solid silver;}
.yellowDustTableHeader ul li:last-child {border-left: 1px solid #d5d5d5;}
.yellowDustTableScroll {width: 520px; height: 317px; overflow-y:scroll; border-bottom: 1px solid #d5d5d5;}
.yellowDustTableScroll ul li {float: left; width: 250px; height: 30px;border-bottom: 1px solid #eee;}
.yellowDustTableScroll ul li dl{width:50%; float: left; text-align: center; line-height: 30px;font-weight:bold;}
.yellowDustTableScroll ul li dl:last-child{color:#fff;}

.yellowDustStation {
	width: 50%;float: left; text-align: center; line-height: 30px;font-size:14px; font-weight:bold; color:#145e86;
}
.yellowDustValue {
	width: 50%;float: left; text-align: center; line-height: 30px;font-size:14px; font-weight:bold; color:#145e86;
}

.airDataInfo {width: 520px; height: 350px; position: relative; float: left; }
.airTable{width:100%; letter-spacing:-0.01em;}
.airTable th{height:30px; border-left:1px solid #d5d5d5; font-size:14px; font-weight:bold; color:#145e86; background-color: #FCFCFC;}
.airTable td{height:30px; border-left:1px solid #eee; font-size: 14px; text-align: center; border-bottom: 1px solid #eee;}
.airTable td:FIRST-CHILD { border-left: 0px; }
.airTable td:nth-child(2n) { color:#fff; font-weight:bold;}
.airTable td:nth-child(4n) {color:#666; font-weight:normal;}
.airTableHeader {
	border-top : 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	background-color: #FCFCFC;
	text-align: -webkit-left
}
.airTableHeader table {width: 520px;}
.airTableHeader table th{ height:30px; font-size:14px; font-weight:bold; color:#145e86;  }
.airTableHeader table td{ height:30px; font-size: 14px; text-align: center; }

.airTableScroll thead {
	border-top : 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	background-color: #FCFCFC;
	text-align: center;
}
.airTableScroll { width: 520px; height: 350px; overflow-y:scroll; border-bottom: 1px solid #d5d5d5; }

.airStatus1 {
	background-color: #0066FF;
}
.airStatus2 {
	background-color: #008A00;
}
.airStatus3 {
	/* background-color: #FFC000; */
	background-color: #FF5D00;
}
.airStatus4 {
	/* background-color: #FF6600; */
	background-color : #FF5800;
}
.airStatus5 {
	background-color: #FF0000;
}
.grade1 {
	font-weight : bold;
	color: #0066FF;
}
.grade2 {
	font-weight : bold;
	color: #008A00;
}
.grade3 {
	font-weight : bold;
	color: #FF5D00;
}
.grade4 {
	font-weight : bold;
	color: #FF5800;
}
.grade5 {
	font-weight : bold;
	color: #FF0000;
}

.drink_o {background-color: #4BACC6; color:#fff !important; font-weight:bold;}
.drink_x {/* background-color: #FFC000; */background-color: #E46C0A; color:#fff !important; font-weight:bold;}

.detect_o {background-color: #E46C0A; color:#fff !important; font-weight:bold;}
.detect_x {background-color: #4BACC6; color:#fff !important; font-weight:bold;}

.weaknessTable {width:100%; border-top:2px solid #0078ba; border-right: 1px solid #d1d1d1; border-bottom:1px solid #838383!important; letter-spacing:-0.005em;}
.weaknessTable th{height:34px; border-left: 1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; font-size:13px; font-weight:bold; color:#333333; background-color: #EEF9FF; }
.weaknessTable td{padding:8px 0; border-left: 1px solid #d1d1d1; border-top:1px solid #d5d5d5; font-size:13px; text-align:center; }
.weaknessTable td a{font-size:13px; color:#444; text-decoration:none;}

.groundWaterTableWrap {overflow: auto;}

.btn_shortcut2 {display:inline-block; background-color:#7ea2c2; border-radius:3px; color:#fff!important; font-size:13px; margin-left: 10px; padding: 5px 6px 24px 6px; height:20px;}
.select_option{box-sizing:border-box; height:30px; text-align:left;}