@charset "utf-8";
/* @latest 2021.02.24 YHY */

/* board002_1 */
.board002_1 {width:100%; float:left; text-align:center; background:#fff;}
.board002_1 .innerbox {width:100%;height:284px;padding: 20px 15px 15px;background: #f9f9f9;border: 1px solid #e6e6e6;text-align:left;box-sizing:border-box;position:relative;}
.board002_1 > h2, .board002_1 .title {font-size: 17px;margin: 20px 0;white-space:nowrap;padding: 0 15px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;width:100%;}

.board002_1 .innerbox .tit {font-size:18px;  width:100%; line-height:22px;
						  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
.board002_1 .innerbox span.date {font-size:13px;padding: 10px 0 30px;float:left;width:100%;}
.board002_1 .innerbox p.co {font-size: 13px;
							  line-height:22px;
							  width:85%;
							  float:left;
							  box-sizing:border-box;
							  overflow:hidden;
							  text-overflow:ellipsis;
							  position:absolute;
							  -webkit-box-orient: vertical;
							  display: -webkit-box;
							  word-break: keep-all;
							  white-space: normal;
							  }
.layout_04 .board002_1 .innerbox p.co {width:80%;}
.board002_1 .innerbox a {position:absolute;left: 15px;bottom: 22px; width:auto; height:20px;}
.board002_1 .innerbox  .more_btn {padding: 5px 10px;border: 1px solid rgba(0,0,0,0.15);border-radius:20px;background-color:white;}
.board002_1 .innerbox  .more_btn:after {content:"\276d";padding-left: 15px;}

	/*layer height - different styling */
 	.layout_height_H .board002_1 .innerbox {height: 293px;}
 	.layout_height_M .board002_1 .innerbox {height: 193px;}
 	.layout_height_M .board002_1 .innerbox span.date {padding:5px 0 20px;}


 	.layout_height_L .board002_1 .innerbox {height: 113px;text-align:center;}
 	.layout_height_L .board002_1 .innerbox > div {display:inline-block;width: 100%;}
 	.layout_height_L .board002_1 > h2, .board002_1 .title {margin: 9px 0;display:inline-block;}
 	.layout_height_L .board002_1 .innerbox .tit {padding: 8px 10px 0;}
 	.layout_height_L .board002_1 .innerbox p.co {display:none;}
 	.layout_height_L .board002_1 .innerbox span.date {padding:9px 0 0;}
 	.layout_height_L .board002_1 .innerbox a {font-size:0;top: 20px;left: 0;width: 100%;}
 	.layout_height_L .board002_1 .innerbox .more_btn {padding:0; border:none; background:none;}
 	.layout_height_L .board002_1 .innerbox .more_btn:after {font-size:20px;margin: 10px 15px;float:right;font-weight:600;color:#333;padding-left: 0;}


/* no_data */
.board002_1 .innerbox div.no_data {}
.board002_1 .innerbox div.no_data .tit {font-size:14px; font-weight:400;}



	@media (min-width:600px){
		.layout_height_H .board002_1 .innerbox p.co {top:100px; height:110px; -webkit-line-clamp:5;}
		.layout_height_M .board002_1 .innerbox p.co {top:83px; height:44px; -webkit-line-clamp:2;}
	}
	@media (min-width:800px) and (max-width:1049px){
		.board002_1 .innerbox .tit {font-size:15px; width:95%;}
		.board002_1 .innerbox a {left:15px bottom:45px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.board002_1 .innerbox {padding:20px 15px;}
		.board002_1 .innerbox .tit {font-size:16px;}
		.board002_1 .innerbox a {left:15px; bottom:25px;}

		.layout_block4 > .layout_height_H .board002_1 .innerbox { height:287px; }
		.layout_block4 > .layout_height_H .board002_1 .innerbox span.date {padding:10px 0 20px;}
		.layout_block4 > .layout_height_H .board002_1 .innerbox p.co {top:100px; font-size:13px;}
		.layout_block4 > .layout_height_M .board002_1 .innerbox {height:187px;}
		.layout_block4 > .layout_height_M .board002_1 .innerbox p.co {display:none;}
		.layout_block4 > .layout_height_L .board002_1 .innerbox {}

	}
	@media (max-width:599px){
		.board002_1 .innerbox {min-height:150px; padding:20px 15px; height:200px !important;}
			.layout_height_L .board002_1 .innerbox > div {position:relative;}
			.layout_height_L .board002_1 .innerbox {height:100px !important; min-height:100px !important;}
			.layout_height_L .board002_1 .innerbox p.co {display:none;}
			.layout_height_L .board002_1 .innerbox span.date {padding:10px 0 20px;}
			.layout_height_L .board002_1 .innerbox a {display:inline;position:absolute;left:0;bottom:0;top: 0;}
			.layout_height_L .board002_1 .innerbox .more_btn:after {margin:10px 0;}
		.board002_1 .innerbox .tit {font-size:15px; }
		.board002_1 .innerbox p.co {top:85px; font-size:13px; letter-spacing:-1px; line-height:22px; height:44px; height:44px; -webkit-line-clamp:2;}
		.board002_1 .innerbox a {left:15px; bottom:30px;}
	}