#newslist { overflow: hidden; }
#newslist .list { float: left; margin-bottom: 60px; padding: 0 25px; width: calc( (100% / 3) - 51px); border: solid #dadada; border-width: 0 1px 0 0; }
#newslist .list:nth-child(3n) { border-right-width: 0; }
#newslist .list .photo a { width: 100%; background: no-repeat 50% / cover; display: block; transition: all ease-in-out .3s; }
#newslist .list .photo a img { width: 100%; }
#newslist .list .newsbox {overflow: hidden;margin: 10px;}
#newslist .list .newsbox .time {float: left;width: 42px;background-color: #ffd244;padding: 7px;}
#newslist .list .newsbox .time p {font-family: 'Titillium Web',sans-serif;font-size: 24px;color: #0c0c0c;text-align: center;}
#newslist .list .newsbox .time p.Pubyear {text-align:center;font-size: 14px;color: #0c0c0c;}
#newslist .list .newsbox .title {overflow: hidden;float: left;margin: 0px 0 0 20px;width: calc(100% - 100px);height: 48px;font-size: 14px;}
#newslist .list .newsbox .title a , #newslist .list .newsbox h2.tit a { color: #3b3b3b; }
#newslist .list .info { margin: 0 10px; }
#newslist .list .info article {overflow: hidden;margin: 15px 0;height: 46px;font-size: 15px;color: #595757;max-height: initial;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
#newslist .list .info .more a { font-size: 12px; color: #100f0f; }
.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 #4b4b4b;line-height: 150%;font-size: 13px;color: #3a3a3a;}

@media screen and (min-width:981px) {
	#newslist .list .photo a:hover { -webkit-filter: saturate(180%); }
}
@media screen and (max-width:980px) {
	#newslist .list , #newslist .list:nth-child(3n) { width: calc((100% / 2) - 51px); border-width: 0 1px 0 0; }
	#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-width: 0 0 1px; }
	.content-wrap .article-img { margin: 0 0 20px; }
	.article-info { padding: 0 0 15px; }
	.article-info h2 { font-size: 18px; }
}