/* NewsBox */
#NewsBox ul { padding-top: 2vw; }
#NewsBox ul li { margin: 30px 1px 30px 0; }
#NewsBox ul li, #NewsBox ul li .lineBox { position: relative; }
#NewsBox ul li:before, #NewsBox ul li:after { position: absolute; width: 1px; height: calc(100% - 2px); display: block; background: #f0d8d3; top: 1px; left: 0; content: ""; }
#NewsBox ul li:after { left: auto; right: 0; }
#NewsBox ul li .lineBox { margin: 0 5px; }
#NewsBox ul li .lineBox font { position: relative; margin-top: -26px; display: block; text-align: center; font-size: 32px; color: #d7a297; }
#NewsBox ul li .lineBox a { margin-bottom: -13px; display: block; text-align: center; font-size: 18px; color: #d7a297; }
#NewsBox ul li .lineBox a:before { position: absolute; top: -10px; left: calc((100% - 50px) / 2); width: 50px; height: 1px; background: #d7a297; content: ""; }
#NewsBox ul li .lineBox:before, #NewsBox ul li .lineBox:after { position: absolute; width: calc((100% - 200px) / 2); height: 1px; display: block; background: #f0d8d3; left: 1px; top: calc((100% - 1px) / 2); content: ""; }
#NewsBox ul li .lineBox:after { left: auto; right: 1px; }
#NewsBox ul li .news-block { position: relative; padding: 100px 50px; }
#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: #d7a297; }
#NewsBox ul li .news-block h3 { margin-bottom: 25px; height: 29px; line-height: 28px; font-size: 30px; color: #28282C; -webkit-line-clamp: 1; transition-duration: .6s; }
#NewsBox ul li .news-block article { height: 65px; line-height: 22px; color: #6D6D6D; -webkit-line-clamp: 3; transition-duration: .8s; }
.contentMain #NewsBox ul { font-size: 0; }
.contentMain #NewsBox ul li { margin: 45px 0; width: calc(100% / 3); display: inline-block; }
#NewsBox ul li:nth-child(3n - 1):after, #NewsBox ul li:nth-child(3n - 2):after { background: transparent; }

@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) {
	.contentMain #NewsBox ul li { width: calc(100% / 2); }
	#NewsBox ul li:nth-child(3n - 1):after, #NewsBox ul li:nth-child(3n - 2):after { background: #f0d8d3; }
	#NewsBox ul li:nth-child(2n - 1):after { background: transparent; }
}
@media screen and (max-width: 980px) {
	#NewsBox .btn { left: auto; right: 0; }
	#NewsBox ul li .date { font-size: 28px; }
	#NewsBox ul li .info { display: inline-block; padding: 22px 35px 45px; text-align: center; }
	#NewsBox ul li .news-block { padding: 25px 20px; }
	#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: #d7a297; }
}
@media screen and (max-width: 680px) {
	.contentMain #NewsBox ul li { width: 100%; }
	#NewsBox ul li:nth-child(2n - 1):after { background: #f0d8d3; }
}