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

/* gallery124 */
.gallery124 {position:relative; float:left; width:100%; padding:50px; background:#eee; box-sizing:border-box; overflow:hidden;}

.gallery124 .innerbox {position:relative; float:left; width:100%; box-sizing:border-box;}

.gallery124 .contBox {float:left; width:30%; height:440px; background:#1c245c; /* border-radius:0 0 50px 0; */ box-sizing:border-box;}
.gallery124 .contBox .tit_imgBox {position:relative; left:0; top:0; width:100%; height:220px; overflow:hidden; box-sizing:border-box;}
.gallery124 .contBox .tit_imgBox img {width:100%; min-width:100%; min-height:100%; display:inline-block; vertical-align:middle;
																			position:absolute; left:-999px; right:-999px; bottom:-999px; top:-999px; margin:auto;}

.gallery124 .contBox .titBox {box-sizing:border-box; padding:20px 30px 30px;}
.gallery124 .contBox .titBox span {color:#fff; margin-bottom:10px; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; overflow:hidden;}
.gallery124 .contBox .titBox strong {color:#fff; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; overflow:hidden;}

.gallery124 .contBox .btn_more {width:auto; max-width:140px; height:60px; line-height:60px; position:absolute; left:30px; bottom:30px; text-align:center;
																background:#1c245c; padding:0 30px; margin-top:40px; color:#fff; border:1px solid rgba(255,255,255,1); box-sizing:border-box;
																-webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; overflow:hidden;}
.gallery124 .contBox .btn_more:hover {background:#fff; color:#333; -webkit-transition:all .3s; transition:all .3s;}

.gallery124 ul {position:relative; float:left; width:70%; height:420px; margin-top:20px; box-sizing:border-box; box-sizing:border-box;}
.gallery124 ul li {width:26.33%; float:left; display:inline-block; margin-left:7%; /* border-radius:0 0 30px 0; */ background:#fff; border:1px solid #ccc; box-sizing:border-box;}
.gallery124 ul li:nth-child(even) {margin-top:104px;}

.gallery124 ul li .imgbox {position:relative; left:-20px; top:-20px; width:100%; height:220px; overflow:hidden;
					   box-sizing:border-box; background:#fff; border:1px solid #eaeaea;
					   -webkit-transition:background 1s, border-color 1s; transition:background 1s, border-color 1s;}
.gallery124 ul li .imgbox img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px;
   							margin:auto; min-height:100%; min-width:100%; display:block; -webkit-transition:transform 1s; transition:transform 1s;}

.gallery124 ul li .txtbox {padding:0 20px 20px; box-sizing:border-box;}
.gallery124 ul li .txtbox .date {border-left:2px solid #000; padding-left:12px; margin-bottom:10px; box-sizing:border-box;}
.gallery124 ul li .txtbox .tit {margin:10px 0; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; overflow:hidden;}
.gallery124 ul li .txtbox .txt {-webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; overflow:hidden;}

	.gallery124 ul li:hover img {transform:scale(1.1);}
	.gallery124 ul li:hover .txtbox .tit {text-decoration:underline;}


/* no-data */
.gallery124 .no_data {display:none; height:70%; padding:20px 20px 40px;}
.gallery124 .no_data .tit {letter-spacing:0; font-weight:400; text-align:center; margin-top:20px;}


/* border-radius */
.div_wrap.border-radius .gallery124 .contBox {border-radius:0 0 50px 0;}
.div_wrap.border-radius .gallery124 ul li {border-radius:0 0 30px 0;}


	@media (max-width:799px){
		.gallery124 {height:auto; padding:0;}
		.gallery124 .innerbox {padding:15px;}
		.gallery124 .contBox {width:100%; height:auto; border-radius:0;}
		.gallery124 .contBox .tit_imgBox {height:150px;}
		.gallery124 .contBox .tit_imgBox img {opacity:0.2;}
		.gallery124 .contBox .titBox {position:absolute; top:15px; left:15px; width:calc(100% - 30px); padding:15px 20px 20px;}

		.gallery124 ul {width:100%; height:auto; padding-right:0; margin-top:15px;}
		.gallery124 ul li {width:32%; margin-left:2%;}
		.gallery124 ul li:first-child {margin-left:0;}
		.gallery124 ul li:nth-child(even) {margin-top:0;}
		.gallery124 ul li .imgbox {left:0px; top:0px; height:100px;}
		.gallery124 ul li .txtbox {padding:15px;}

		.gallery124 .contBox .btn_more {height:40px; line-height:40px; position:absolute; left:auto; right:30px; top:70px;}
	
		.div_wrap.border-radius .gallery124 .contBox {border-radius:0;}
        .div_wrap.border-radius .gallery124 ul li {border-radius:0;}	
	}