@charset "utf-8";

#news { padding: 180px 0 140px; background: url(../images/bg_pattern.png) repeat left top, url(../images/bg_01.png) no-repeat center 344px ; background-size: 101px, 1953px; }
#news .breadwrap { margin-bottom: 100px; scrollbar-width: none; }
#news .breadwrap::-webkit-scrollbar{ display: none; }
#news .bread {  display: inline-block; white-space: nowrap; list-style-type: none; }
#news .bread li { position: relative; display: inline-block; margin-right: 73px; }
#news .bread li::before { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: -52px; width: 36px; height: 1px; background: #000; }
#news .bread li:last-child { margin-right: 0;}
#news .bread li:last-child::before { display: none; }
#news .bread li .item { font-size: 12px; color: #000; }

.news {  }
.news h3 { margin-bottom: 40px; }
.news .newslist { width: 1000px; margin: 0 auto 60px; }
.news .newslist ul { margin-bottom: 46px; }
.news .newslist ul li .news_item { position: relative; display: flex; align-items: center; width: 100%; padding: 30px; margin-bottom: 2px; background: #fff; }
.news .newslist ul li .news_item .date { font-size: 16px; color: #acacac; margin-right: 25px; }
.news .newslist ul li .news_item h4 { font-size: 16px; line-height: 1.8; }
.news .newslist ul li .news_item .cross { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 30px; width: 25px; height: 25px; }
.news .newslist ul li .news_item .cross span { position: absolute; display: block; background: #000; }
.news .newslist ul li .news_item .cross span:first-child { width: 100%; height: 1px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.news .newslist ul li .news_item .cross span:last-child { width: 1px; height: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 12.5px; }

.news .pageNavi { display: flex; justify-content: center; }
.news .pageNavi .page { display: block; width: 35px; font-size: 16px; color: #fff; background: #ae8400; padding: 9px 0 10px; text-align: center; margin: 0 5px; }
.news .pageNavi span { display: block; width: 35px; font-size: 16px; color: #ae8400; border: 1px solid #ae8400; background: #fff; padding: 8px 0 11px; text-align: center; margin: 0 5px; }

#news .btns { display: block; width: 330px; margin: auto auto 0; padding: 18px 0 20px 20px; background: url(../images/arrow_05.png) no-repeat 32% center / 11px; background-color: #000; border-radius: 10px; font-size: 16px; font-weight: 400; color: #fff; text-align: center; }




@media only screen and (max-width:640px){
	
	#news { padding: 100px 0 70px; background-size: 50px, 0px; }
	#news .breadwrap { width: 100%; overflow-x: scroll; margin-bottom: 50px; }
	#news .bread li { margin-right: 50px; }
	#news .bread li::before { right: -36px; width: 20px; }
	#news .bread li .item { font-size: 10px; }
	
	
	.news h3 { margin-bottom: 20px; }
	.news .newslist { width: 100%; margin-bottom: 40px; }	
	.news .newslist ul li .news_item { display: block; padding: 20px 40px 20px 20px; }
	.news .newslist ul li .news_item .date { font-size: 12px; margin-bottom: 5px; }
	.news .newslist ul li .news_item h4 { font-size: 14px; }
	.news .newslist ul li .news_item .cross { right: 20px; width: 20px; height: 20px; }
	.news .newslist ul li .news_item .cross span:last-child { left: 10px; }
	
	
	#news .btns { width: 80%; padding: 16px 0 18px 18px; background: url(../images/arrow_05.png) no-repeat 32% center / 8px; background-color: #000; font-size: 12px; }
	
}