
/* board004_1 */
.board004_1 {width:100%; height:100%; float:left; background:#fff; padding:15px; box-sizing:border-box;}
.board004_1 .innerbox {width:100%; padding:30px 0 0; float:left;box-sizing:border-box;position:relative;}
.board004_1 h2 {font-size:19px; color:#333; line-height:25px; }
.board004_1 h2 > span {width:85%; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/* board setting */
.board004_1 .innerbox ul {width:100%; float:left; box-sizing:border-box;}
.board004_1 .innerbox ul li {width:100%;float:left; clear:both;border-top: 1px solid rgba(0,0,0,0.1);padding: 0 2px;box-sizing:border-box;}
.board004_1 .innerbox ul li span.fl {font-size:14px; width:70%; float:left; color:#333; letter-spacing:-1px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board004_1 .innerbox ul li span.fr {font-size:12px; float:right; color:#636363; line-height:22px; max-width:30%; overflow:hidden; white-space:nowrap;}
.board004_1 .innerbox ul li span.fco {font-size:13px; line-height:22px; color:#333; }
.board004_1 .innerbox ul li:first-child {border-top:none; padding:0 2px !important; height:auto;}
.board004_1 .innerbox ul li:first-child span.fl {width:100%; display:block; font-weight:600; font-size:16px; letter-spacing:0px;}
.board004_1 .innerbox ul li:first-child span.fr {width:100%; display:block; clear:both; padding:5px 0 10px; max-width:100%;}
.board004_1 .innerbox ul li:first-child span.fco {width:100%;display:block;clear:both;margin:5px 0 25px;line-height:22px;box-sizing:border-box;overflow:hidden;max-height: 40px;
    											  -webkit-line-clamp:2; -webkit-box-orient: vertical; display: -webkit-box; word-break: keep-all; white-space: normal;}
.board004_1 .innerbox ul li:nth-child(2) span.fco,
.board004_1 .innerbox ul li:nth-child(3) span.fco,
.board004_1 .innerbox ul li:nth-child(4) span.fco {display:none;}
.board004_1 a.more_btn {float:right; color:#333; font-weight:600; border:1px solid rgba(0,0,0,0.1); margin-top:3px; font-size:19px; width:20px; height:20px; line-height:20px; font-family:arial; text-align:center;}
.board004_1 a.more_btn:hover {background:#27436c; border:1px solid #27436c; -webkit-transition:background 1s; transition:background 1s; color:white;}
.board004_1 .innerbox ul li:hover {background:rgba(255,255,255,0.1); -webkit-transition:background 0.5s; transition:background 0.5s;}
.board004_1 .innerbox ul li:first-child:hover {background:none;}
.board004_1 .innerbox ul li:first-child:hover span.fco {text-decoration:underline;}

.board004_1 .innerbox  .more_btn {padding:3px 10px; border:1px solid #d1d1d1; border-radius:20px; background-color:#333;}
.board004_1 .innerbox  .more_btn:after {content:"\276d"; padding-left:15px; color:#0088e8;}


	.layout_height_M .board004_1 .innerbox ul li:first-child span.fco {line-height:20px; height:40px; margin:0 0 20px;}
	.layout_height_M .board004_1 .innerbox ul li:nth-child(2) span.fl:before {content:"NEXT"; font-weight:600; letter-spacing:2px; padding-right:10px; font-size:11px;}
	.layout_height_M .board004_1 .innerbox ul li:nth-child(2)~li {display:none;}

	.layout_height_L .board004_1 .innerbox ul li:first-child span.fl {width:70%; display:inline; font-weight:400; letter-spacing:-1px;}
	.layout_height_L .board004_1 .innerbox ul li:first-child span.fr {width:auto; display:inline; clear:none; padding:0;}
	.layout_height_L .board004_1 .innerbox ul li:first-child span.fco {display:none;}
	.layout_height_L .board004_1 .innerbox ul li span.fl {font-size:13px;}
	.layout_height_L .board004_1 .innerbox ul li:nth-child(4) {display:none;}

	.layout_03.layout_height_H .board004_1 .innerbox ul li:first-child span.fco {line-height:19px; margin:5px 0 10px;}
	.layout_04.layout_height_H .board004_1 .innerbox ul li:first-child span.fco {line-height:19px; height:40px;}
	

		@media (min-width:600px){
			.layout_01 .board004_1 .innerbox ul li {padding:10px 2px;}

			.layout_height_H .board004_1 .innerbox ul li {padding:12px 2px;}
			.layout_height_M .board004_1 .innerbox ul li {padding:12px 5px;}
			.layout_height_L .board004_1 .innerbox ul li {padding:2px;}
			.layout_height_L .board004_1 .innerbox {padding-top:15px;}
		}

		@media (min-width:1050px){
			.layout_block1 .board004_1 {height:225px;}
			.layout_block1 .board004_1 .innerbox ul {position:relative; padding-left:50%;}
			.layout_block1 .board004_1 .innerbox ul li:first-child {width:50%;position:absolute;left:0;padding: 0 10px 0 0;}
			.layout_block1 .board004_1 .innerbox ul li {width:100%;}
			.layout_block1 .board004_1 .innerbox ul li:nth-child(2) {border-top:none;}

			.layout_04 .board004_1 .innerbox ul li span.fr {white-space:nowrap;text-align:right;}
			.layout_04 .board004_1 .innerbox ul li:first-child span.fr {width:100%; text-align:left; text-indent:0;}
			.layout_04.layout_height_L .board004_1 .innerbox ul li:first-child span.fr {width:30%; text-align:right;}
		}
		@media (min-width:1050px) and (max-width:1299px){
			.layout_04 .board004_1 h2 {font-size:17px;}
		}
		@media (min-width:800px) and (max-width:1049px){
			.board004_1 .innerbox ul li span.fl {font-size:13px;}
			.board004_1 .innerbox ul li:first-child span.fco {max-height:50px; margin:5px 0 15px;}
			.board004_1 a.more_btn {border:1px solid #d1d1d1; font-size:16px;}

				.layout_03 .board004_1 h2 {font-size:18px;}
				.layout_03 .board004_1 a.more_btn {position:absolute; right:15px;}
				.layout_03.layout_height_H .board004_1 .innerbox ul li:first-child span.fco {height:40px; margin:5px 0 18px; }
				.layout_03.layout_height_L .board004_1 .innerbox ul li span.fr {font-size:11px;}
		}

		@media (max-width:799px){
			.layout_height_L .board004_1 .innerbox ul li {padding:12px 2px !important;}

		}
		@media (min-width:600px) and (max-width:799px){
			.board004_1 h2 {font-size:18px;}
			.board004_1 .innerbox ul li span.fl {font-size:13px;}
			.board004_1 .innerbox ul li:first-child span.fco {margin-bottom:15px;}
			.board004_1 a.more_btn {font-size:16px;}
		}

		@media (max-width:599px){	
			.board004_1 h2 {font-size:17px;}
			.board004_1 .innerbox {padding:20px 0 0;}
			.board004_1 .innerbox ul li {padding:8px 2px;}
			.board004_1 .innerbox ul li span.fl {width:80%; font-size:13px;}
			.board004_1 .innerbox ul li:first-child span.fl {font-size:15px; width:90%;}
			.board004_1 .innerbox ul li:first-child span.fco {font-size:12px; line-height:18px; margin:5px 0 20px; opacity:0.8;}

		}


