/* board118 */
.board118 {width:100%; float:left; height:100%; background:#fff;}
.board118 .innerbox {width:100%;float:left;position:relative;padding: 15px;box-sizing: border-box;}
.board118 .innerbox h4 {float:left;width: 100%;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align: center;}
.board118 .innerbox h4:hover + .readmore {color:#0074f9;}
.board118 .innerbox .readmore {
							   position: absolute;
							   top: 25px;
							   right: 15px;
							   float: left;
							   line-height: 25px;
							   text-align:right;
							   color: #565656;
							   font-size: 13px;
							   -webkit-transition:color 1s;
							   transition:color 1s;
							   white-space:nowrap;
							   text-overflow:ellipsis;
							   overflow:hidden;
							   }

.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 {
									  font-size: 17px;
									  color:#333333;
									  text-align:left;
									  width: 100%;
									  float:left;
									  clear:both;
									  margin-top:0;
									  overflow:hidden;
									  white-space:nowrap;
									  text-overflow:ellipsis;
									  box-sizing: border-box;
									  padding-right: 20px;
									  }
.board118 .innerbox ul li span.title:hover {font-weight:600;}
.board118 .innerbox ul li span.date {
									 color: #333;
									 font-size: 13px;
									 font-weight:400;
									 width:100%;
									 display:block;
									 float:left;
									 text-align:left;
									 line-height: 18px;
									 /* padding-bottom:15px; */
									 /* padding-top:3px; */
									 }
.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 3px 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;
								   color: #333;
								   font-size: 14px;
								   line-height:20px;
								   letter-spacing:-1px;
								   text-align:left;
								   float:left;
								   width:95%;
								   white-space:nowrap;
								   text-overflow:ellipsis;
								   overflow:hidden;
								   word-break:keep-all;
								   clear:both;
								   }
.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 {font-weight:400; font-size:13px;}



	.layout_01 .board118 .innerbox ul li span.co {
												  display:inline;
												  height:40px;
												  -webkit-line-clamp:2;
												  -webkit-box-orient:vertical;
												  display:-webkit-box;
												  white-space:normal;
												  word-break:keep-all;
												  margin-bottom: 10px;
												  }
	.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 {
    font-size: 14px;
    padding-left: 120px;
    /* font-weight: 600; */
    /* opacity: 0.8; */
}
	.layout_01 .board118 .innerbox ul li:nth-child(2)~li span.title:after {content:"+";float:right;position: absolute;font-weight: 400;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: 10px;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 {line-height:25px; font-size:18px;}
		.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 {height:40px; -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 100px;font-weight: 400;opacity: 1;}
	}


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

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



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

	}