/* NewsBox */
#NewsBox ul li .news-block  .info {
    padding: 5px 5px;
}
#NewsBox ul {padding-top: 0vw;display: flex;flex-wrap: wrap;}
#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: #e3e3e3;top: 20px;left: 0;content: "";display: none;}
#NewsBox ul li:after { left: auto; right: 0; }
#NewsBox ul li .lineBox {margin: 0 5px;padding: 0px 20px;}
#NewsBox ul li .lineBox font {position: relative;display: block;text-align: inherit;font-size: 17px;color: #040404;}
#NewsBox ul li .lineBox a {margin-bottom: -3px;display: block;text-align: center;font-size: 18px;color: #8f8f8f;display: none;}
#NewsBox ul li .lineBox a:before {position: absolute;top: -10px;left: calc((100% - 50px) / 2);width: 50px;height: 1px;background: #e3e3e3;content: "";}
#NewsBox ul li .lineBox:before , #NewsBox ul li .lineBox:after {position: absolute;width: calc((100% - 200px) / 2);height: 1px;display: block;background: #e3e3e3;left: 1px;top: calc((100% - 1px) / 2);content: "";display: none;}
#NewsBox ul li .lineBox:after { left: auto; right: 1px; }
#NewsBox ul li .news-block {position: relative;padding: 10px 10px;}
#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: #df7730;margin-bottom: 7px;}
#NewsBox ul li .news-block p font{
    padding-right: 10px;
    vertical-align: baseline;
}
#NewsBox ul li .news-block h3 {margin-bottom: 10px;height: auto;line-height: 140%;font-size: 18px;color: #2e2e2e;-webkit-line-clamp: inherit;transition-duration: .6s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
#NewsBox ul li .news-block article {height: auto;line-height: 22px;color: #4c4c4c;-webkit-line-clamp: 2;transition-duration: .8s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;padding-top: 0;}
.contentMain #NewsBox ul { font-size: 0; }
.contentMain #NewsBox ul li {margin: 5px 0 5px 0;width: calc(100% / 2);display: inline-block;padding: 10px 0;border-bottom: 1px solid #e3e3e3;}
#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: 0;}
	#NewsBox ul li .news-block:hover .info >* {transform: translateY(-10px);opacity: 1;}
	#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);margin: 25px 0;}
	#NewsBox ul li:nth-child(3n - 1):after , #NewsBox ul li:nth-child(3n - 2):after {background: #e3e3e3;}
	#NewsBox ul li:nth-child(2n - 1):after {background: #e3e3e3;}
}
@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: 0px 5px 15px;text-align: center;}
	#NewsBox ul li .news-block {padding: 25px 20px 10px;}
	#NewsBox ul li .news-block a.photo {width: 100%;height: 100%;top: 0;left: 0;position: relative;display: inline-block;opacity: 0;transform: translateX(0);display: none;}
	#NewsBox ul li .slick-slide:after  { background: #d7a297; }
}
@media screen and (max-width: 680px) {
	.contentMain #NewsBox ul li{width: 100%;margin: 15px 0;}
	#NewsBox ul li:nth-child(2n - 1):after {background: #e3e3e3;}
}