@charset "utf-8";

/* board118 */
.board118 {width:100%; float:left; height:100%; background:#fff;}
.board118 a:focus {display:block; overflow:hidden;}
.board118 .innerbox {width:100%;float:left;position:relative;padding: 15px;box-sizing: border-box;}
.board118 .innerbox h4, .board118 .innerbox .title {float:left;width: 100%;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align: center;}
.board118 .innerbox > .title {padding: 0 12%;}
.board118 .innerbox h4:hover + .readmore,
.board118 .innerbox .title:hover + .readmore {color:#0074f9;}
.board118 .innerbox .readmore {position: absolute; top: 35px; width: 10%;  right: 15px; float: left;
							   line-height: 150%; text-align:right; color: #565656; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
							   -webkit-transition:color 1s; transition:color 1s;}

.board118 .innerbox ul {float:left; clear:both; width:100%; box-sizing:border-box;}
.board118 .innerbox ul li {display:block;width:100%;float:left;/* line-height:25px; */}
.board118 .innerbox ul li span.title {width: 100%; float:left; clear:both;margin-top:0; overflow:hidden; box-sizing: border-box; padding-right: 20px;
									  color:#333333; text-align:left; white-space:nowrap; text-overflow:ellipsis;}
.board118 .innerbox ul li span.title:hover {font-weight:600;}
.board118 .innerbox ul li span.date {width:100%; display:block;  float:left;
									 color: #333; font-size: 14px; font-weight:400; text-align:left; line-height: 18px;}
.board118 .innerbox ul li span.date:before {content:url(../img/bullet.png);width: 14px;height: 14px;background:#909395;float: left;text-align: center;line-height: 12px;border-radius: 100%;margin: 2px 6px 0 0;}
	.board118 .innerbox ul li:first-child span.title,
	.board118 .innerbox ul li:nth-child(2) span.title {color:#3b6542;font-weight:600;margin-bottom: 20px;}
	

.board118 .innerbox ul li span.co {display:none; float:left; width:95%; clear:both; overflow:hidden;
								   color: #333; line-height: 140%; letter-spacing: -0.5px;  text-align:left; white-space:nowrap; text-overflow:ellipsis;  word-break:keep-all;}
.board118 .innerbox ul li:first-child span.co {display:inline;}

/* no_data */
.board118 .innerbox ul li.no_data {display:none; border:none !important; width:100% !important;}
.board118 .innerbox ul li.no_data h3,
.board118 .innerbox ul li.no_data .tit {font-weight:400; font-size:13px;}



	.layout_01 .board118 .innerbox ul li span.co {display:inline;  display:-webkit-box;  white-space:normal; word-break:keep-all; margin-bottom: 15px;
												  -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	.layout_01 .board118 .innerbox ul li:nth-child(2)~li {width:100%;position:relative; border-bottom:1px solid rgba(0,0,0,0.1);}
	.layout_01 .board118 .innerbox ul li:nth-child(2)~li span.title {padding-left: 120px;}
	.layout_01 .board118 .innerbox ul li:nth-child(2)~li span.title:after {content:"+";float:right;position: absolute;font-weight: 400;font-size: 19px;right: 5px;/* color: #565656; */}
	.layout_01 .board118 .innerbox ul li:nth-child(2)~li span.co {display:none;}											  
	.layout_01 .board118 .innerbox ul li:nth-child(2)~li span.date {position:absolute;left:0;top: 6px;line-height: 25px;width:100px;}
	.board118 .innerbox ul li:nth-child(2)~li span.date:before {margin-top:5px;}

	.layout_01 .board118 .innerbox ul li:nth-child(3) {margin-top:20px;}
	.layout_01 .board118 .innerbox ul li:nth-child(5),
	.layout_01 .board118 .innerbox ul li:last-child {border-bottom:none !important;}

/*hover*/
.board118 .innerbox ul li:hover span.co {text-decoration:underline;}
.board118 .innerbox ul li:nth-child(2)~li:hover span.title {text-decoration:underline;}
.layout_01 .board118 .innerbox ul li:nth-child(2)~li:hover span.title:after {font-weight:600;}


	@media (min-width:800px){
		.board118 .innerbox>h4, .board118 .innerbox>.title {line-height: 150%;font-size: 23px;}
		.board118 .innerbox ul {padding:30px 0 0;}
		.board118 .innerbox ul li {margin-bottom:15px; padding-bottom:15px;}

			.layout_01 .board118 .innerbox {padding:25px 15px 20px;}
			.layout_01 .board118 .innerbox h4 {/* font-size: 18px; */}
			.layout_01 .board118 .innerbox ul {padding: 30px 0 0px;}
			.layout_01 .board118 .innerbox ul li {width:50%; padding:10px 0; float:left; margin-bottom:0; box-sizing:border-box;}
			.layout_01 .board118 .innerbox ul li:first-child {padding-right:30px;}
			.layout_01 .board118 .innerbox ul li:nth-child(2) {padding-left:30px; padding-right:0; border-right:none;}

	}

	@media (max-width:799px){
		.board118 .innerbox {padding-bottom:25px;}
		.board118 .innerbox ul li:first-child {border-bottom: 1px solid rgba(0,0,0,0.1);margin-bottom:20px;padding-bottom:20px;}
		.board118 .innerbox ul li span.co {-webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}

		.board118 .innerbox ul li:first-child span.title, .board118 .innerbox ul li:nth-child(2) span.title {font-size:15px;}
		.layout_01 .board118 .innerbox ul li:nth-child(2)~li span.title {padding: 8px 20px 8px 115px;font-weight: 400;opacity: 1;}
	}


	@media (min-width:600px) and (max-width:799px){
		.board118 .innerbox>h4, .board118 .innerbox>.title {font-size:18px;}
		.board118 .innerbox ul {padding:30px 0 0;}

		.layout_01 .board118 .innerbox >h4, .layout_01 .board118 .innerbox>.title {font-size:19px;}
	}



	@media (max-width:599px){
		.board118 .innerbox h4, .board118 .innerbox .title {font-size:17px;}
		.board118 .innerbox ul {padding:20px 0 0;}
		.board118 .innerbox ul li span.title {font-size: 15px;font-weight:600;}
		.board118 .innerbox .readmore {font-size: 13px;width: 20%;}

	}