@charset "utf-8";

.lat_wrap{width:100%; margin:0 auto; position:relative}
.lat_wrap .section-title { font-size: 2rem; letter-spacing:-1px; text-transform: uppercase; letter-spacing:-2px; color:#fff; padding:1rem 0}
.lat_wrap .section-title span{display:inline-block; font-size:1rem; font-weight:100; padding-left:10px; color:#fff}
.lat_wrap .lat_box{overflow:hidden; max-width:100%; margin:0 auto; }
.lat_wrap .lat_box ul{background:#fff; }
.lat_wrap .lat_box ul li{display:inline-block; width:15%; margin:0 15px 0 0}
.lat_wrap .lat_box ul li .thumb {display:block; width:100%; height:auto; overflow:hidden; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.lat_wrap .lat_box ul li .thumb a{display:block; width:100%; height:auto;overflow:hidden;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.lat_wrap .lat_box ul li:hover .thumb a { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.lat_wrap .lat_box ul li .thumb a img {width: 100%; height: 100%;}
.lat_wrap .lat_box .subject{color:#000; font-size:1rem; line-height:1.75; margin:10px 0; font-weight:700; letter-spacing:-1px;  font-family:'NotoSansL';}
.lat_wrap .lat_box .no_data{display:none; color: #888;}
@media all and (max-width:1024px){	
	.lat_wrap .section-title { font-size: 1.3rem; letter-spacing:-1px; padding:0 0 1rem 0; font-family:'NotoSans'; }
	.lat_wrap .section-title span{display:block; font-size:0.9rem; padding-left:0; letter-spacing:0px;}
	.lat_wrap .lat_box ul{padding:0.5rem; overflow:hidden;}
	.lat_wrap .lat_box ul li{width:46%; float:left; margin:2%}
	.lat_wrap .lat_box ul li .thumb {display:block; width:100%; height:auto; overflow:hidden; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
	.lat_wrap .lat_box ul li .thumb a{display:block; width:100%; height:auto;overflow:hidden;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
	.lat_wrap .lat_box ul li:hover .thumb a { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
	.lat_wrap .lat_box ul li .thumb a img {width: 100%; height: 100%;}
	.lat_wrap .lat_box .subject{
		font-size:0.8rem;
		line-height:35px; 
		max-width:100%;
		white-space: nowrap;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		font-weight:normal;
		}
		.lat_wrap .lat_box .no_data{font-size:0.7rem}
	}