@charset "utf-8";
/*@latest 2020.11.25 OSY */

.board140 {position:relative; overflow:hidden; width:100%; height:350px; padding:30px; box-sizing:border-box; border:1px solid #ccc; background:#fdffe0;}

.board140 ul.board_wrap {position:relative; width:100%; height:100%; float:left; box-sizing:border-box;}
.board140 ul.board_wrap > li {width:auto; height:100%; float:left; display:inline-block; text-align:center;}
.board140 ul.board_wrap > li:first-child h3 a.board_name {padding-left:0 !important;}
.board140 ul.board_wrap > li:last-child h3 a.board_name {padding-right:0 !important;}
.board140 ul.board_wrap > li:last-child h3 {border-right:none;}

.board140 ul.board_wrap > li h3 {display:inline-block; width:100%; border-right:1px solid #a8c47b;}
.board140 ul.board_wrap > li h3 a.board_name {width:100%; position:relative; float:left; padding:0 30px;
											color:#a8c47b; font-size:24px; font-weight:600; letter-spacing:-1px;
											box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
											}
.board140 ul.board_wrap > li.active h3 a.board_name {color:#3a570d;}

.board140 ul.board_wrap li div ul {display:none; position:absolute; height:auto; background:transparent;}
.board140 ul.board_wrap > li.active div ul {display:block; position:absolute; left:0; width:100%; box-sizing:border-box;
											border-top:2px solid #a2b478; padding:20px 0px 0 !important; margin-top:30px; box-sizing:border-box; overflow:hidden;}

/* btn_more */
.board140 ul.board_wrap > li .more_box {display:none;}
.board140 ul.board_wrap > li.active .more_box {position:absolute; top:0; right:0; display:inline-block; width:auto;}
.board140 ul.board_wrap > li.active .more_box a {font-size:40px; line-height:26px; color:#999;}
.board140 ul.board_wrap > li.active .more_box a:hover {color:#333;}

.board140 ul.board_wrap ul li {position:relative; float:left; width:100%; height:38px; line-height:38px; overflow:hidden; box-sizing:border-box; font-size:0;}
.board140 ul.board_wrap ul li:before {position:absolute; left:0; top:40%; content:''; display:inline-block; width:8px; height:8px; border-radius:100%; background:#8ac640;}
.board140 ul.board_wrap ul li a {float:left; width:100%; text-decoration:none; padding-left:15px; box-sizing:border-box;}
.board140 ul.board_wrap ul li a .txtbox {width:100%; float:left; box-sizing:border-box; text-align:left; vertical-align:middle;}

.board140 ul.board_wrap ul li a p.tit {width:60%; display:inline-block; letter-spacing:-1px;
									   white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; text-align:left; vertical-align:middle; font-size:18px; color:#3f6109;}
.board140 ul.board_wrap ul li a span.date {width:auto; float:right; font-size:14px; color:#87a25b;}
.board140 ul.board_wrap ul li:hover a p.tit,
.board140 ul.board_wrap ul li:hover a span.date {color:#000; text-decoration:underline;}


/* bg_img */
.board140 .imgbox {position:absolute; bottom:0; left:0; width:100%; height:30px; background:#8ac640; box-sizing:border-box;}
.board140 .imgbox img {height:auto; max-height:90px; position:absolute; bottom:20px; right:30px;}


/* no_data */
.board140 ul.board_wrap li div ul li.no_data {width:100% !important;}
.board140 ul.board_wrap li div ul li.no_data p.tit {font-size:18px; color:#000;}
.board140 ul.board_wrap li div ul li.no_data:before {display:none;}



    @media (max-width:1200px){
		.board140 ul.board_wrap ul li {width:100%;}
		.board140 ul.board_wrap > li.active strong a.board_name,
		.board140 ul.board_wrap > li strong a.board_name {font-size:17px;}
		.board140 ul.board_wrap ul li a span.date {text-indent:-33px; overflow:hidden;}
	}

	@media (min-width:800px){
		.layout_height_H .board140 {height:350px;}
		.layout_height_M .board140 {height:250px;}
		.layout_height_L .board140 {height:150px;}

		.layout_height_M .board140 ul.board_wrap > li.active div ul {padding:10px 0px 0 !important; margin-top:15px;}
		.layout_height_M .board140 ul.board_wrap ul li {height:32px; line-height:32px;}
		.layout_height_M .board140 ul.board_wrap ul li:nth-child(n+4):not(.no_data) {display:none;}
		.layout_height_M .board140 ul.board_wrap ul li a p.tit {font-size:17px;}
		.layout_height_M .board140 .imgbox img {max-height:45px;}
		
		.layout_04 .board140 ul.board_wrap > li h3 a.board_name {padding:0 10px; font-size:20px;}
		.layout_height_H.layout_04 .board140 ul.board_wrap > li.active div ul {padding:10px 0px 0 !important; margin-top:15px;}
	}
	
	@media (max-width:799px){
		.board140 ul.board_wrap > li.active .more_box a {font-size:34px;}
		
		.board140 ul.board_wrap > li h3 a.board_name {font-size:22px; padding:0 15px;}
		.board140 ul.board_wrap > li h3 a.board_name {font-size:20px; padding:0 10px;}
		.layout_04.layout_height_M .board140 {height:250px;}
		.layout_04.layout_height_M .board140 ul.board_wrap > li.active div ul {padding:10px 0px 0 !important; margin-top:15px;}
		.layout_04.layout_height_M .board140 ul.board_wrap ul li {height:32px; line-height:32px;}
		.layout_04.layout_height_M .board140 ul.board_wrap ul li:nth-child(n+4):not(.no_data) {display:none;}
		.layout_04.layout_height_M .board140 ul.board_wrap ul li a p.tit {font-size:17px;}
		.layout_04.layout_height_M .board140 .imgbox img {max-height:45px;}
	}

	@media (max-width:599px){
	}