@charset "utf-8";

.board120 {background:white;box-sizing:border-box;/* padding:15px; */}
.board120 ul.board_wrap {position:relative;width:100%;height:100%;border-top:1px solid rgba(0,0,0,0.1);}
.board120 ul.board_wrap > li {/*width:auto;*/float:left;display:inline-block; /*max-width:33%;*/ width:20%;}
.board120 ul.board_wrap > li div {/* width:100%; *//* float:left; */}
.board120 ul.board_wrap > li h2 {display:inline-block;width:100%; text-align:center;}
.board120 ul.board_wrap > li h2 a.board_name {float:left; width:100%; box-sizing:border-box; position:relative;
											color:#152c46; font-size:17px; line-height:57px; letter-spacing:-1px; padding:0 15px; font-weight:600;
											text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
											background:rgba(231,231,231,0.5); border-right:1px solid rgba(0,0,0,0.1);}
.board120 ul.board_wrap > li.active h2 a.board_name {color:#fff; background:rgba(13,31,49,0.5) !important; border-right:1px solid rgba(255,255,255,0.5);}
.board120 ul.board_wrap > li:first-child h2 a.board_name {border-left:1px solid rgba(0,0,0,0.1);}

.board120 ul.board_wrap li div ul {height:100%; position:absolute; display:none;}
.board120 ul.board_wrap > li.active div ul {position:absolute;top:57px;left:0;width:100%;display:block;padding:10px 15px;padding:10px;box-sizing:border-box;border-top:1px solid rgba(0,0,0,0.1);}

.board120 ul.board_wrap > li .more_box {display:none;}
.board120 ul.board_wrap > li.active .more_box {display:inline;position:absolute;top:0;right:0;padding-right:15px;width:auto;height:57px;line-height:57px;border-right:1px solid rgba(0,0,0,0.1);}
.board120 ul.board_wrap > li.active .more_box a {font-size:23px;font-family:arial;color:#999;-webkit-transition:color 1s;transition:color 1s;}
.board120 ul.board_wrap > li.active .more_box a:hover {color:#333;}

.board120 ul.board_wrap ul li a {text-decoration:none; position:relative; width:100%; float:left;}
.board120 ul.board_wrap ul li a p.tit {font-size:14px; color:#333; line-height:29px; letter-spacing:-1px; padding-right:100px;
									   white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none;
									   -webkit-transition:color 0.5s; transition:color 0.5s;}
.board120 ul.board_wrap ul li a p.tit:before {content:"\2219";padding-right:5px;color:black;text-decoration:none;opacity:0.5;}
.board120 ul.board_wrap ul li a p.tit:hover {color:#727272; font-weight:600;}
.board120 ul.board_wrap ul li a span.date {color:#b4acaa; font-size:12px; line-height:32px; position:absolute; top:0px; right:0;-webkit-transition:color 0.5s; transition:color 0.5s;}
.board120 ul.board_wrap ul li a:hover span.date {color:#838383; font-weight:600;}

.board120 ul.board_wrap li div ul li.no_data p.tit {font-size:14px; color:#555; line-height:29px; letter-spacing:-1px; padding-left:5px;}


	/* layout setting */

	.layout_03 .board120 ul.board_wrap > li h2 a.board_name{font-size:17px;}
	.layout_03 .board120 ul.board_wrap > li {width:27%;}

	.layout_height_H .board120 {height:350px;}
	.layout_height_M .board120 {height:250px;}
	.layout_height_L .board120 {height:150px;}
	.layout_height_M .board120 ul.board_wrap > li.active div ul li:nth-child(6) ~ li {display:none;}
	.layout_height_L .board120 ul.board_wrap > li.active div ul li:nth-child(3) ~ li {display:none;}

	.layout_height_H .board120 ul.board_wrap ul li a p.tit {line-height:30px;}
	.layout_height_L .board120 ul.board_wrap ul li a p.tit {line-height:27px;}

	.layout_height_L .board120 ul.board_wrap > li h2 a.board_name {line-height:44px;}
	.layout_height_L .board120 ul.board_wrap > li.active .more_box {height:44px; line-height:44px;}
	.layout_height_L .board120 ul.board_wrap > li.active div ul {top:44px;}




	@media (min-width:800px){
	}

	@media (min-width:800px) and (max-width:1200px){
		.board120 ul.board_wrap > li {width:27%;}
		.board120 ul.board_wrap > li.active h2 a.board_name,
		.board120 ul.board_wrap > li h2 a.board_name {font-size:17px;}
		.layout_03 .board120 ul.board_wrap ul li a span.date {text-indent:-33px; overflow:hidden;}
	}

	@media (max-width:799px){
		.board120 ul.board_wrap > li.active h2 a.board_name {font-size:17px;}
		.board120 ul.board_wrap > li h2 a.board_name {line-height:44px;}
		.board120 ul.board_wrap > li.active .more_box {height:44px; line-height:44px;}
		.board120 ul.board_wrap > li.active div ul {top:44px;}
	}
	@media (max-width:599px){
		.board120 ul.board_wrap > li {width:27%;}
		.board120 ul.board_wrap ul li a p.tit {font-size:13px;}
		.board120 ul.board_wrap ul li a span.date {font-size:11px; text-indent:-30px; overflow:hidden;}

	}