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

.board130 {width: 100%;box-sizing:border-box;/* border: 1px solid rgba(0,0,0,0.1); */background: #003975;}

.board130 ul.board_wrap {overflow: hidden;position:relative;width: 100%;height: 100%;padding-right:58px;/* background: #003975; */float: left;box-sizing: border-box;}
.board130 ul.board_wrap > li {width:33.33%; float:left;display:inline-block;text-align: center;}
.board130 ul.board_wrap > li a.board_name {width: 100%; height: 62px; line-height: 62px; position: relative; float:left; padding: 0 15px; box-sizing:border-box; overflow: hidden;
										  font-size:17px; color:#999999; letter-spacing:-1px; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; background: #f3f3f3; border: 1px solid rgba(0,0,0,0.1); border-width: 1px 1px 1px 0;}

.board130 ul.board_wrap > li.active a.board_name {color:#333;font-size:18px;font-weight:600;background: transparent;border-bottom: none;z-index: 1;color: #fff;}
.board130 ul.board_wrap li div ul {height:auto;position:absolute;display:none;/* background:#fff; */background: transparent;}

.board130 ul.board_wrap > li.active div ul {position:absolute;left:0;width:100%;display:block;padding: 32px 30px;box-sizing: border-box;background: #fff;border: 1px solid rgba(0,0,0,0.1);border-width: 0 1px 1px;}

.board130 ul.board_wrap > li .more_box {display:none;}
.board130 ul.board_wrap > li.active .more_box {position:absolute;display:block;top:0;right: 0;width:58px;/* background:#003975; */color:#fff;z-index:1;}
.board130 ul.board_wrap > li.active .more_box a {display: block; position: relative; width: 100%; height: 100%; font-size:23px; color:#fff; -webkit-transition:color 1s; transition:color 1s;}
.board130 ul.board_wrap > li.active .more_box a:after{content:''; display: block; position: absolute; top:30px; right:50%; transform:translate(50%); width:20px;height: 2px; background:#fff;}
.board130 ul.board_wrap > li.active .more_box a:before{content:''; display: block; position: absolute; top:21px; right:50%; transform:translate(50%); width:2px;height: 20px; background:#fff;}



.board130 ul.board_wrap ul li a {text-decoration:none; position:relative; width:100%; float:left;}
.board130 ul.board_wrap ul li a .txtbox {width: 100%;float:left;box-sizing:border-box;padding:18px 0;/*margin-bottom: 18px;*/text-align:left;border-bottom: 1px solid rgba(0,0,0,0.15);}
.board130 ul.board_wrap ul li:first-child a .txtbox {padding-top:0;}
.board130 ul.board_wrap ul li:nth-child(3n) a .txtbox{border-bottom: none; margin-bottom:0; padding-bottom: 0;}

.board130 ul.board_wrap ul li a p.tit{padding-bottom: 10px; letter-spacing:-1px; -webkit-transition:color 0.5s; transition:color 0.5s;
									   white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; text-align:left; font-size: 20px; color:#666;}


.board130 ul.board_wrap ul li a p.tit:hover {color:#727272; font-weight:600; text-decoration:none;}
.board130 ul.board_wrap ul li a span.date{-webkit-transition:color 0.5s; transition:color 0.5s; font-size: 14px; color:#ccc;}
.board130 ul.board_wrap ul li a:hover span.date {color:#838383;}



.board130 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_01 .board130 {height:340px;}
.layout_height_L .board130 ul.board_wrap ul li a .txtbox{border-bottom: 0;}
.layout_height_M .board130 ul.board_wrap ul li:nth-child(2n) a .txtbox{border-bottom: none; padding-bottom: 0;}
.layout_height_M .board130 ul.board_wrap ul li:nth-child(3n) a .txtbox{display: none;}

.borderbox .board130 {border:0;}
.border-radius .board130 ul.board_wrap {border-radius:15px 0 0 0;}


	@media (min-width:800px){
		.board130 ul.board_wrap > li>div {height:62px;}
		.board130 ul.board_wrap > li.active .more_box {height: 62px;line-height: 62px;}
		.board130 ul.board_wrap > li.active div ul {height: calc(100% - 62px);top: 62px;}

		.layout_height_A .board130,
		.layout_height_H .board130 {height: 350px;}
		.layout_height_M .board130 {height: 250px;}
		.layout_height_L .board130 {height: 150px;}

		.layout_height_M  .board130 ul.board_wrap > li.active div ul {padding: 25px 30px;}
	}

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

	@media (max-width:799px){
		.board130 ul.board_wrap > li>div {height:44px;}
		.board130 ul.board_wrap > li.active .more_box {height:44px;line-height:44px;}
		.board130 ul.board_wrap > li.active div ul {top: 43px;height: calc(100% - 42px);}

		.board130 ul.board_wrap > li.active a.board_name {font-size:17px;}
		.board130 ul.board_wrap > li a.board_name {line-height:44px;height: 44px;}

		.board130 ul.board_wrap > li.active .more_box a:after{top:21px;}
		.board130 ul.board_wrap > li.active .more_box a:before{top:13px;}


		.layout_01 .board130 {height:325px;}
		.layout_height_A .board130,
		.layout_height_H .board130 {height:335px;}
		.layout_height_M .board130 {height:240px;}
		.layout_height_L .board130 {height:150px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .layout_04.layout_height_H .board130 {height:350px;}
		.layout_block4 .layout_04.layout_height_M .board130 {height:250px;}
	}
	@media (max-width:599px){
		.board130 ul.board_wrap ul li a span.date {font-size: 12px !important;text-indent: -31px;overflow:hidden;}
		.board130 ul.board_wrap ul li a p.tit {font-size: 16px;}

	}