body,.webBox .wrapper{background-color: #F6F6F6;}
.wrap  {position: relative;margin-bottom: 12vh;margin-top: 14vh;z-index: 2;width: 1600px;}

/* NewsBox */
#NewsBox .workframe{width: 1600px;display: flex;-webkit-box-sizing: border-box;box-sizing: border-box;align-items: center;}
#NewsBox .bgTxt.title{padding: 0px 0px 0px 60px;width: 70%;}
#NewsBox ul {padding-top: 1vw;width: 100%;}
#NewsBox ul li {margin: 30px 0px 30px 0;}
#NewsBox ul li , #NewsBox ul li .lineBox { position: relative; }
#NewsBox ul li a.Nmore{display:block;position:absolute;width:100%;height:100%;left:0;top:0;z-index: 2;transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;}
#NewsBox ul li .lineBox {padding: 30px 30px 30px 30px;}
#NewsBox ul li .lineBox font {position: relative;margin-left: 10px;font-weight: 400;}
#NewsBox ul li .lineBox a { margin-bottom: -13px; display: block; text-align: center; font-size: 18px; color: #d7a297; }
#NewsBox ul li .lineBox .date{display: flex;align-items: center;line-height: 1.3em;font-size: 12px;color: #D0C1A7;margin-bottom: 15px;border-bottom: 1px solid #F4F1EB;padding: 0px 0px 10px;}
#NewsBox ul li .news-block {position: relative;}
#NewsBox ul li .news-block{overflow:hidden;margin: 0;position: relative;display: flex;flex-direction: column;}
#NewsBox ul li .news-block .photo img{aspect-ratio:1/1;object-fit: cover;}
#NewsBox ul li .news-block .atag_item {width: 100%;height: 100%;top: 0;left: 0;position: absolute;z-index: 1;}
#NewsBox ul li .news-block a.photo {opacity: 1;z-index: 10;}
#NewsBox ul li .news-block p { color: #d7a297}
#NewsBox ul li .news-block h3 {margin-bottom: 22px;height: auto;line-height: 28px;font-size: 1.6em;-webkit-line-clamp: 1;transition-duration: .6s;color: #54595f;font-weight: 500;font-size: 1.125em;color: #54595f;margin-bottom: 5px;}
#NewsBox ul li .news-block article {line-height: 160%;color: #121212;-webkit-line-clamp: 3;transition-duration: .8s;height: auto;-webkit-line-clamp: 3;margin-bottom: 0;}
#NewsBox ul li .news-block .info{background-color: #ffffff;width: auto;margin: -50px auto 0px;}
#NewsBox ul li .news-block .btn{margin: 20px 0px 0px 0px;padding: 0px 0px 8px 0px;border-style: solid;border-width: 0px 0px 1px 0px;border-color: #d0c1a7;width: 60px;}
#NewsBox ul li .news-block .btn .moreBtn{color: #d0c1a7;font-size: 14px;font-weight: 500;}
.contentMain #NewsBox ul {font-size: 0;display: flex;flex-wrap: wrap;}
.contentMain #NewsBox ul li {margin: 25px 20px;width: calc((100% / 3) - 40px);display: inline-block;}
@media screen and (max-width: 1600px) {
	#NewsBox .workframe{width: 90%;}
}
@media screen and (max-width: 1440px) {
	#NewsBox{background-position: calc(50vw + 280px) 0;}
}

@media screen and (max-width: 1560px) {
	.wrap{width: 85%;margin-top: 11vh;}
}
@media screen and (max-width: 1280px) {
	.contentMain #NewsBox ul li{width: calc((100% / 2) - 40px);}
}
@media screen and (max-width: 1024px) {
	#NewsBox ul li .news-block h3{font-size: 1.2em;margin-bottom: 9px;}
	#NewsBox{background-position: calc(50vw + 200px) 0;}
}
@media screen and (max-width: 980px) {
	#NewsBox .btn { left: auto; right: 0; }
	#NewsBox ul li .info {display: inline-block;padding: 0px 0px 45px;text-align: center;}
	#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; }
	NewsBox{background-position: calc(50vw + 120px) 0;}
}
@media screen and (max-width: 680px) {
	.contentMain #NewsBox ul li{width: 100%;margin: 15px 10px;}
	#NewsBox .bgTxt.title,.bgTxt.title h3{padding: 0;width: 100%;text-align: center;}
	#NewsBox .workframe{display: flex;flex-direction: column;align-items: center;padding: 20px 0 0;}
	#NewsBox ul{-webkit-box-ordinal-group: 11;-ms-flex-order: 10;order: 10;width: 100%;padding-top: 0;}
	#NewsBox ul li{margin: 10px 0;}
	#NewsBox{background-position: calc(100vw + 120px) 0;}
	#NewsBox ul li .news-block .info{margin: 0px auto 0px;padding: 0px 0px 0px;}
}