@charset "utf-8";
/*@latest 2020.11.24 SSJ */

.gallery122 {width: 100%;box-sizing:border-box;background: #003975;}

.gallery122 ul.board_wrap {overflow: hidden;position:relative;width: 100%;height: 100%;padding-right:58px;/* background: #fff; */float: left;border: 1px solid #ececec;box-sizing: border-box;}
.gallery122 ul.board_wrap > li {width: 33.33%;float:left;display:inline-block;text-align: center;}

.gallery122 ul.board_wrap > li h3 {display: inline-block;width: 100%;}
.gallery122 ul.board_wrap > li h3 a.board_name {
												float:left;
												color:#999999;
												background: #f3f3f3;
												border-right: 1px solid #ececec;
												border-width: 0 1px 1px 0;
												font-size:17px;
												padding: 0 15px;
												box-sizing:border-box;
												letter-spacing:-1px;
												width: 100%;
												text-overflow: ellipsis;
												overflow: hidden;
												height: 62px;
												line-height: 62px;
												white-space: nowrap;
												/* vertical-align: top; */
												position: relative;
												font-weight: 600;
												}

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

.gallery122 ul.board_wrap > li.active div ul {position:absolute;left:0;width:100%;display:block;padding: 32px 15px;box-sizing: border-box;background: #fff;border-top: 1px solid #ececec;}
.gallery122 ul.board_wrap li div ul li {width:50%;float:left;padding: 0 15px;box-sizing: border-box;}
.gallery122 ul.board_wrap li div ul li .imgbox {width: 100%; float: left; border: 1px solid rgba(0,0,0,0.2); box-sizing: border-box; overflow: hidden; height: 150px;}
.gallery122 ul.board_wrap li div ul li .imgbox img {min-width: 100%; min-height: 100%; float: left; max-width: 150%; max-height: 150%;}

.gallery122 ul.board_wrap > li .more_box {display:none;}
.gallery122 ul.board_wrap > li.active .more_box {position:absolute;display:block;top:0;right: 0;width:58px;background:#003975;background: transparent;color:#fff;z-index: 1;}
.gallery122 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;}
.gallery122 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;}
.gallery122 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;}



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

.gallery122 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: 17.5px; color:#666; }


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



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


.gallery122 ul.board_wrap:after {content:"";width: 32%;position: absolute;top: 0;right: 56px;background: #f3f3f3;height: 62px;/* z-index: -1; */}




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

		.layout_height_H .gallery122 {height:350px;}
		.layout_height_M .gallery122 {height:250px;}

    .layout_height_M .gallery122 ul.board_wrap > li.active div ul {padding: 20px 15px;}
		.layout_height_M .gallery122 ul.board_wrap li div ul li .imgbox {height: 80px;}

		.layout_03 .gallery122 ul.board_wrap > li,
		.layout_04 .gallery122 ul.board_wrap > li {width:50%;}

		.layout_03 .gallery122 ul.board_wrap:after, .layout_04 .gallery122 ul.board_wrap:after {display:none;}
	}

	@media (min-width:800px) and (max-width:1200px){
		.gallery122 ul.board_wrap > li.active h3 a.board_name,
		.gallery122 ul.board_wrap > li h3 a.board_name {font-size:17px;}
	}

	@media (max-width:799px){
		.gallery122 ul.board_wrap > li>div {height:44px;}
		.gallery122 ul.board_wrap > li.active .more_box {height:44px;line-height:44px;}
		.gallery122 ul.board_wrap > li.active div ul {top: 44px;}

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

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

		.gallery122 ul.board_wrap > li.active div ul {padding: 20px 5px;}
		.gallery122 ul.board_wrap li div ul li {padding:0 5px;}

		.layout_height_H .gallery122 {height: 295px;}
		.layout_height_M .gallery122 {height: 295px}

		.gallery122 ul.board_wrap:after {height:44px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .layout_04.layout_height_H .gallery122 {height:350px;}
		.layout_block4 .layout_04.layout_height_M .gallery122 {height:250px;}
		.layout_block4 .layout_04 .gallery122 ul.board_wrap > li {width:50%;}
	}
	@media (max-width:599px){
		.gallery122 ul.board_wrap ul li a span.date {font-size: 12px !important;text-indent: -31px;overflow:hidden;}
		.gallery122 ul.board_wrap ul li a p.tit {font-size:15px;}

	}