@charset "utf-8";
/*@latest 2020.11.19 OSY */
/*@latest 2020.11.22 SSJ */
/*@latest 2021.03.09 SSJ */

.board135 {overflow:hidden;width:100%;height: 365px;box-sizing:border-box;}

.board135 ul.board_wrap {position:relative; width:100%; height:100%; padding-right:48px; float:left; box-sizing:border-box;}
.board135 ul.board_wrap > li {width:auto; height:100%; float:left; display:inline-block; text-align:center;}
.board135 ul.board_wrap > li:first-child {margin-left:30px;}
.board135 ul.board_wrap > li strong {display:inline-block; width:100%;}
.board135 ul.board_wrap > li strong a.board_name {position:relative; float:left; margin-right:34px; height:62px; line-height:62px; color:#000; font-size:18px; font-weight:600; letter-spacing:-1px; padding-bottom:10px; box-sizing:border-box; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.board135 ul.board_wrap > li.active strong a.board_name {border-bottom:3px solid #0f1f57; z-index:1;}
.board135 ul.board_wrap li div ul {height:auto; position:absolute; display:none; background:transparent;}

.board135 ul.board_wrap > li.active div ul {position:absolute; left:0; width:100%; display:block; padding:25px 30px; box-sizing:border-box; background:#fff;}

/* btn_more */
.board135 ul.board_wrap > li .more_box {display:none;}
.board135 ul.board_wrap > li.active .more_box {position:absolute; display:block; top:0; right:30px; width:18px; color:#fff; z-index:999;}
.board135 ul.board_wrap > li.active .more_box a {display:block; position:relative; width:100%; height:100%;}
.board135 ul.board_wrap > li.active .more_box a:after {content:''; display: block; position: absolute; top:29px; right:50%; transform:translate(50%); width:18px; height:2px; background:#989898;}
.board135 ul.board_wrap > li.active .more_box a:before {content:''; display: block; position: absolute; top:21px; right:50%; transform:translate(50%); width:2px; height:18px; background:#989898;}

.board135 ul.board_wrap ul li {width:49%;/* height:45px; */float:left;overflow:hidden;border-bottom:1px solid #ddd;box-sizing:border-box;}
.board135 ul.board_wrap ul li:nth-child(1), .board135 ul.board_wrap ul li:nth-child(2) {border-top:1px solid #ddd;}
.board135 ul.board_wrap ul li:nth-child(odd) {margin-right:1%;}
.board135 ul.board_wrap ul li:nth-child(even) {margin-left:1%;}
.board135 ul.board_wrap ul li:nth-child(4n-2), .board135 ul.board_wrap ul li:nth-child(4n-3) {background:rgba(0,0,0,0.02);}
.board135 ul.board_wrap ul li a {text-decoration:none; position:relative; width:100%; float:left;}
.board135 ul.board_wrap ul li a:hover, .board135 ul.board_wrap ul li a:active {background:#eaeaea;}
.board135 ul.board_wrap ul li a .txtbox {width:100%; float:left; box-sizing:border-box; text-align:left; vertical-align:middle;}

.board135 ul.board_wrap > li a .txtbox em {float:left;width: 140px;width: 18%;font-size:14px;font-weight:600;text-align:center;padding: 8px 5px;background:#fff;line-height: 140%;border:1px solid #212121;background:#8d8d8d;box-sizing:border-box;margin: 6px 2%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board135 ul.board_wrap ul li a p.tit {width: 60%; display:inline-block; letter-spacing:-1px; transition:color 0.5s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; text-align:left; font-size:15px; color:#000; font-weight:600; line-height: 45px; /* margin: 6px 0; */
									   padding-right: 20px; box-sizing: border-box; }

.board135 ul.board_wrap ul li a span.date {width: 18%;float:right;padding-right: 30px;font-size:14px;color:#000;line-height: 49px;box-sizing: border-box;text-align: right;}



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



    @media (max-width:1200px){
    .board135 {height: 615px;}
		.board135 ul.board_wrap ul li {width:100%;}
		.board135 ul.board_wrap ul li:nth-child(1), .board135 ul.board_wrap ul li:nth-child(2) {border-top:1px solid #ddd;}
		.board135 ul.board_wrap ul li:nth-child(2) {border-top:none;}
		.board135 ul.board_wrap ul li:nth-child(4n-2), .board135 ul.board_wrap ul li:nth-child(4n-3) {background:#fff;}
		.board135 ul.board_wrap ul li:nth-child(odd) {margin-right:0; background:rgba(0,0,0,0.02);}
		.board135 ul.board_wrap ul li:nth-child(even) {margin-left:0;}
		.board135 ul.board_wrap > li.active strong a.board_name,
		.board135 ul.board_wrap > li strong a.board_name {font-size:17px;}
		.board135 ul.board_wrap ul li a span.date {overflow:hidden;padding-right:15px;}
    .board135 ul.board_wrap > li.active div ul {padding:15px;}
	}

	@media (max-width:599px){
		.board135 {/* height:530px; *//* height: auto; */}
		.board135 ul.board_wrap > li strong a.board_name {font-size:16px; height:42px; line-height:42px;}
		.board135 ul.board_wrap > li:first-child {margin-left:15px;}
		.board135 ul.board_wrap > li.active .more_box {right:15px;}
		.board135 ul.board_wrap > li.active .more_box a:after {top:19px; width:16px; height:2px; background:#989898;}
    .board135 ul.board_wrap > li.active .more_box a:before {top:12px; width:2px; height:16px; background:#989898;}

		.board135 ul.board_wrap > li.active div ul {padding:15px;}
		.board135 ul.board_wrap > li a .txtbox em {/* width:80px; *//* font-size:12px; *//* padding:4px 0; *//* margin:10px; */}
		.board135 ul.board_wrap ul li a span.date {font-size:12px !important;/* text-indent:-31px; */overflow:hidden;/* margin-right:10px; */}
		.board135 ul.board_wrap ul li a p.tit {font-size: 15px;}

	}