#newslist { overflow: hidden; }
#newslist .list { margin-bottom: 60px; padding: 0 25px; float: left; width: calc((100% / 3) - 51px); border-right: 1px solid #dadada; }
#newslist .list:nth-child(3n) { border-right: 0; }
#newslist .list .photo a { width: 100%; background: no-repeat 50% / cover; display: block; transition: all ease-in-out 0.3s; }
#newslist .list .photo a img { width: 100%; }
#newslist .list .photo a:hover { -webkit-filter: saturate(180%);  }
#newslist .list .newsbox { overflow: hidden; margin: 10px; }
#newslist .list .newsbox .time { margin-top: 20px; float: left; width: 67px; }
#newslist .list .newsbox .time p { font-family: 'Titillium Web', sans-serif; color: #00a0e9; font-size: 25px; }
#newslist .list .newsbox .time p.Pubyear { margin-top: 5px; border-top: 1px solid #c9b579; color: #9f9999; font-size: 14px; text-align: center; }
#newslist .list .newsbox .title { overflow: hidden; margin: 20px 0 0 20px; float: left; width: calc(100% - 87px); height: 46px; font-size: 14px; }
#newslist .list .newsbox .title a { color: #3b3b3b; }
#newslist .list .info { margin: 0 10px; }
#newslist .list .info article { overflow: hidden; margin: 15px 0; height: 46px; color: #595757; font-size: 12px; }
#newslist .list .info .more a { color: #100f0f; font-size: 12px; }
.content-wrap .article-img { margin: 0 25px 50px; }

/* detail */
.article-info { margin-bottom: 20px; padding: 0 25px 15px; border-bottom: 1px solid #e1e1e1; }
.article-info .date { margin-top: 10px; padding-left: 15px; border-left: 3px solid #00aebb; line-height: 150%; }

@media screen and (max-width: 980px) {
	#newslist .list , #newslist .list:nth-child(3n) { width: calc((100% / 2) - 51px); border-right: 1px solid #dadada; }
	#newslist .list:nth-child(2n) { border-right: 0; }
	#newslist .list .newsbox .title h2 { font-size: 18px; }
}
@media screen and (max-width: 640px) {
	#newslist .list , #newslist .list:nth-child(3n) , #newslist .list:nth-child(2n) { padding: 0 0 20px; width: calc(100%); border: solid #dadada; border-width: 0 0 1px 0; }
	.content-wrap .article-img { margin: 0 0 20px; }
	.article-info { padding: 0 0 15px; }
	.article-info h2 { font-size: 18px;	 }
}