@charset "utf-8";

#contentBody .substance img {margin:0 auto;display: block;}
@media screen and (max-width:1024px){
	#contentBody .substance img {width:100% !important;}
}
.contTable{border-top:2px solid #162b58;font-size:1em;}
.contTable thead th, .contTable tbody th, .contTable td.thBg{border-top:0;border-color:#e5e5e5;border-bottom-color:#929bad;background:#f6f6f6;font-weight:500;color:#162b58;}
.contTable tbody th{border-bottom-color:#e5e5e5;font-size:0.944em;}
.contTable thead td, .contTable tbody td{border-color:#e5e5e5;text-align:center;font-size:0.944em;word-break:keep-all;}
.contTable th.left, .contTable td.left{text-align:left;}
.contTable.left th, .contTable.left td{text-align:left;}
/*용어해설*/
.board_term{border-collapse:collapse; border-spacing:0; width:100%; border-top:2px solid #333;font-weight:400;}
.board_term tr{background:#fff}
.board_term tr:hover {background:#fdfbef}
.board_term td{border:1px solid #e9e8e8;word-break:normal;}
.board_term td:first-child {border-left:none;}
.board_term td:last-child {border-right:none;}
.board_term td>a{display:block;padding:9px 56px 10px 40px;background:url('../imgs/contents/brd_term.png') no-repeat 98% 12px;}
.board_term td div.cont{background:#f4f4f4;padding:25px 36px;border-top:1px solid #e9e8e8;}
@media screen and (max-width:640px){
	.board_term td>a{padding:9px 35px 10px 20px;}
	.board_term td div.cont{padding:20px;}
}
/*게시판댓글*/
.boxComm{margin:60px 0;}
.boxComm .tit{margin-bottom:20px;}
.boxComm .txt01{padding:6px 23px 7px;margin-right:5px;font-size:1.1em;color:#fff;font-weight:400;background:#192c55;border-radius:10px 10px 10px 0;}
.boxComm .txt01:before{content:'';display:inline-block;width:26px;height:21px;background:url('/base/imgs/board/comm_ico.png') no-repeat;vertical-align:-4px;margin-right:7px;}
.boxComm .txt02{font-size:1em;color:#042265;font-weight:400;}
.divComm_tit{margin:0 0 20px;display:inline-block;padding:4px 15px;font-size:1.1em;color:#fff;font-weight:400;background:#005cb9;border-radius:10px 10px 10px 0;}
.brdlist_contents{border-bottom:1px solid #d3d3d3;}
.boxComm_tit{padding:13px 10px 14px;border-top:1px solid #d3d3d3;background:#f7f7f7;}
.boxComm_tit .left{float:left;min-height:32px;padding-left:50px;background:url('/base/imgs/board/comm_profile.png') no-repeat 6px 50%;}
.boxComm_tit .right{float:right;margin-top:-2px;}
.boxComm_tit .left .date{color:#757575;font-weight:400;}
.boxComm_txt{padding:19px 15px;font-size:1em;color:#333;font-weight:400;line-height:1.444em;}
@media screen and (max-width:480px){
	.boxComm .tit{margin-bottom:7px;}
	.boxComm .txt01{display:block;text-align:center;margin:0;}
	.boxComm .txt02{display:block;margin-top:5px;}
	.divComm_tit{display:block;text-align:center;margin:0 0 10px;}
}
/*포토갤러리*/
a.listModeG{display:inline-block;vertical-align:top;padding-left:30px;margin:6px 24px 6px 0;background:url('/base/imgs/btn/listmode_G_ico.png') no-repeat 0 50%;}
a.listModeL{display:inline-block;vertical-align:top;padding-left:30px;margin:6px 24px 6px 0;background:url('/base/imgs/btn/listmode_L_ico.png') no-repeat 0 50%;}
a.listModeG.on, a.listModeL.on{text-decoration:underline;font-weight:bold;}
.img_gallery_area{font-size:1em;}
.brdPhothImgthum{overflow:hidden;padding:30px 2px;border-bottom:1px solid #d4d4d4;}
.brdPhothImgthum .img{float:left;width:300px;line-height:0;margin-right:45px;padding:5px;}
.brdPhothImgthum .img img {width:320px !important;height:205px !important;}
.brdPhothImgthum .txt{float:left;width:calc(100% - 366px);font-weight:400;}
.brdPhothImgthum .txt a.title{display:block;font-size:1.222em;color:#000;font-weight:bold;margin:6px 5px 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.brdPhothImgthum .txt .desc{display:block;font-size:0.944em;color:#333;word-break:break-all;height:90px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.brdPhothImgthum .txt .date{margin-top:25px;padding-left:23px;font-size:0.889em;color:#666;background:url('/base/imgs/icon/date.png') no-repeat 0 8px;}
.no_img_list .brdPhothImgthum .txt{float:none;width:100%;}
.img_gallery_nodata{padding:60px 2px;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;text-align:center;}
@media screen and (max-width:1024px){
	.brdPhothImgthum .img{margin-right:30px;}
	.brdPhothImgthum .txt{width:calc(100% - 351px);}
	.brdPhothImgthum .txt .desc{height:85px;}
}
@media screen and (max-width:640px){
	.brdPhothImgthum .img{float:none;margin:0 auto 15px;width:auto;text-align:center;}
	.brdPhothImgthum .img img{width:100% !important;}
	.brdPhothImgthum .txt{float:none;width:auto;}
	.brdPhothImgthum .txt a.title{margin:0 0 10px;}
	.brdPhothImgthum .txt .desc{height:auto;max-height:85px;}
	.brdPhothImgthum .txt .date{margin-top:15px;background-position:0 5px;}
}
/*후처리데이터*/
.postBox {overflow:hidden;padding: 20px;}
.postBox label {background: #7C859B;width: 100%;display: block;text-align: center;color: #fff;padding: 5px 0;}
.postBox select.post{height:175px;width:100%;font-size:15px;border: 1px solid #d9dee2;padding: 5px 10px;}
.postBox_left {width: 35%;float:left;margin-right: 5%;}
.postBox_center {width:20%;float:left;text-align: center;margin-top:70px;}
.postBox_center a {margin-bottom:10px;}
.postBox_right {width: 35%;float:right;}
.postBox2 {text-align:right;margin-right:30px;position:relative;}
.postBox2 .btnDown button {padding: 12px 18px 13px 20px;font-size: 1rem;color: #fff;}
.postBox2 .btnDown button span{display:inline-block;width:17px;height:16px;margin-left:10px;vertical-align:-1px;background:url('/base/imgs/btn/btnDown_ico.png') no-repeat 0 50%;}
@media screen and (max-width:640px){
	.postBox2 {margin-right:0;}
	.postBox2 .btnDown {width:100%;}
	.postBox2 .btnDown span {position:absolute;top:50%;right:20px;margin-top:-9px;}
}
@media screen and (max-width:560px){
	.Boxstyl2 div.left {width: 100% !important;border-right: 0px !important;border-bottom: 1px solid #ddd;padding: 0 0 2% 0 !important;}
	.Boxstyl2 div.right {width: 100% !important;padding-top: 4%;}
	.postBox select.post {height:300px;}
	.postBox {padding:0;}
}	
@media screen and (max-width:340px){
	.postBox_left {margin-right:1%;}
}
/*테이블 사선 나눔*/
.contTable thead th.slash {background:#f6f6f6 url('/base/imgs/contents/diaLine.png') no-repeat 0 50%;}
.contTable thead th.slash {text-align:right;}
.slash div {text-align:left;}

/*상시관측소안내 위치 말풍선*/
.sp_bu {position:relative;top:-50px;background:#003862;color:#fff;font-size:14px;border-radius:300px;padding:2px 15px;}