@charset "utf-8";

/* 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 {padding: 20px 10px;white-space:nowrap; box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;width:100%;}

.board002_1 .innerbox .tit {width:100%; font-size:18px;line-height: 150%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; display: block;}
.board002_1 .innerbox .date {font-size: 15px;padding: 5px 0 30px;float:left;width:100%;}
.board002_1 .innerbox .co {line-height:150%; width: 100%; float:left; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient: vertical; display: -webkit-box; word-break: keep-all; white-space: normal;}
.board002_1 .innerbox a {position:absolute;left: 15px;bottom: 30px;width:auto; box-sizing: border-box;}
.board002_1 .innerbox .more_btn {padding: 10px;border: 1px solid rgba(0,0,0,0.15);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: 288px;}
 	.layout_height_M .board002_1 .innerbox {height: 188px;}
	 
 	.layout_height_M .board002_1 .innerbox .date {padding:5px 0 20px;}

 	.layout_height_L .board002_1 .innerbox {height: 108px;text-align:center;padding: 12px 15px;}
 	.layout_height_L .board002_1 .innerbox > div {display:inline-block; width:100%;}
 	.layout_height_L .board002_1 .innerbox .tit {padding: 13px 10px 0;}
 	.layout_height_L .board002_1 .innerbox .co {display:none;}
 	.layout_height_L .board002_1 .innerbox .date {padding:9px 0 0;}
 	.layout_height_L .board002_1 .innerbox a {font-size:0;top: 20px;left: 0;width: 100%;padding: 0 25px;}
 	.layout_height_L .board002_1 .innerbox .more_btn {padding:0; border:none; background:none;}
 	.layout_height_L .board002_1 .innerbox .more_btn:after {display: none;}

    .layout_height_L .board002_1 > h2, 
    .layout_height_L .board002_1 .title {padding: 10px;}


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

.border-radius .board002_1 .innerbox {border-radius:15px;}
.border-radius.borderbox .board002_1 .innerbox {border-radius:0 0 15px 15px;}
.border-radius .board002_1 .innerbox .more_btn {border-radius:10px;}

.borderbox .board002_1 .innerbox {border-width:1px 0 0;}


	@media (min-width:600px){
		.layout_height_H .board002_1 .innerbox .co {-webkit-line-clamp:4;}
		.layout_height_M .board002_1 .innerbox .co {-webkit-line-clamp:1; white-space:nowrap; display:block;}
	}
    
    @media (max-width:799px){
        .board002_1 > h2, 
        .board002_1 .title {padding:10px;font-size: 17px;line-height: 150%;}
        .board002_1 .innerbox .co {font-size:15px;}

      	.layout_height_H .board002_1 .innerbox {height:288px;}
 	    .layout_height_M .board002_1 .innerbox {height:188px;}  
 	    .layout_height_L .board002_1 .innerbox {height:105px;} 
    }
	@media (min-width:600px) and (max-width:799px){
		.board002_1 .innerbox .tit {padding-top:5px !important;}
		.board002_1 .innerbox a {left:15px; bottom:25px;}

		.layout_block4 > .layout_height_H .board002_1 .innerbox {height: 305px;}
		.layout_block4 > .layout_height_H .board002_1 .innerbox .date {padding:10px 0 20px;}
		.layout_block4 > .layout_height_M .board002_1 .innerbox {height: 205px;}

	}
	@media (max-width:599px){
			.layout_height_L .board002_1 .innerbox > div {position:relative;}
			.layout_height_L .board002_1 .innerbox {height:100px !important;}
			.layout_height_L .board002_1 .innerbox .co {display:none;}
			.layout_height_L .board002_1 .innerbox .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: 17px;}
		.board002_1 .innerbox .co {-webkit-line-clamp:1;}
	}