#NewsBox ul { padding-top: 2vw }
#NewsBox ul li, #NewsBox ul li .lineBox { position: relative }
#NewsBox ul li .lineBox {font-size: 13px;}
#NewsBox ul li .lineBox font { position: relative; margin-top: -26px; display: block; text-align: center; font-size: 16px; color: #bdad84 }
#NewsBox ul li .lineBox a { margin-bottom: -13px; display: block; text-align: center; font-size: 15px; color: #bdad84; font-family: 'Cormorant', serif; text-transform: uppercase }
#NewsBox ul li .news-block {position: relative;}
#NewsBox ul li .news-block .info{display:flex;flex-wrap: wrap;align-items: center;}
#NewsBox ul li .news-block .info font{width: 120px;font-family: "Poppins", sans-serif;}
#NewsBox ul li .news-block a.photo { position: absolute; width: calc(100% - 80px); height: calc(100% - 50px); top: 25px; left: 40px; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; z-index: 10 }
#NewsBox ul li .news-block p {color: #fff;background: #ca2423;font-size: 13px;display: inline-block;padding: 5px 0;margin-right: 30px;width: 130px;text-align: center;}
#NewsBox ul li .news-block h3 {height: auto;transition-duration: .6s;font-size: 18px;line-height: 170%;display: -webkit-box;-webkit-line-clamp: 1;color: #6b6862;width: calc(100% - 360px);font-weight: 400;}
#NewsBox ul li .news-block article { height: 57px; -webkit-line-clamp: 2; transition-duration: .8s; margin-bottom: 10px; font-size: 15px; letter-spacing: 0.05em; font-weight: 400; line-height: 200%; text-align: left; color: #aca99e; }

.contentMain #NewsBox ul { font-size: 0 }
.contentMain #NewsBox ul li {padding: 45px 0;width: 100%;display: block;border-bottom: 1px solid #ddd;}
.contentMain #NewsBox ul li a{position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}

@media screen and (min-width:981px) {
	#NewsBox ul li .news-block:hover a.photo { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1 }
	#NewsBox ul li .news-block:hover .info>* { transform: translateY(-30px); opacity: 0 }
	#NewsBox ul li .lineBox a:hover { letter-spacing: .3em }
	#NewsBox ul li .lineBox a:hover:before { top: -2px; transition-duration: .3s }
}
@media screen and (max-width:1280px) {
	#NewsBox ul li:nth-child(3n - 1):after, #NewsBox ul li:nth-child(3n - 2):after { background: rgb(189 173 132 / 26%) }
	#NewsBox ul li:nth-child(2n - 1):after { background: transparent }
}
@media screen and (max-width:980px) {
	.contentMain #NewsBox ul li{padding:25px 0;}
	#NewsBox ul li .news-block h3{width:100%;margin-top: 10px;}
	#NewsBox ul li .lineBox{display:none;}
	#NewsBox .btn { left: auto; right: 0 }
	#NewsBox ul li .date { font-size: 28px }
	#NewsBox ul li .news-block a.photo { width: 100%; height: 100%; top: 0; left: 0; position: relative; display: inline-block; opacity: 1; transform: translateX(0) }
	#NewsBox ul li .slick-slide:after { background: #bdad84 }
}
@media screen and (max-width:680px) {
	.contentMain #NewsBox ul li { width: 100%; margin: 35px 0 }
	#NewsBox ul li:nth-child(2n - 1):after { background: rgb(189 173 132 / 26%) }
}