/* newsList */
#newsList { font-size: 0; }
#newsList li { margin: 10px 0; width: calc(100% / 3); display: inline-block; }
#newsList li >div { position: relative; margin: 0 20px; }
#newsList li .newImg a.category { position: absolute; padding: 4px 40px; background: #ae591b; display: inline-block; color: #fff; bottom: 0; left: 0; }
#newsList li .info { padding: 40px 30px 50px; border: 1px #d0d0d0 solid; }
#newsList li:hover .info { border-color: #ae591b; }
#newsList li .info h3 { height: 34px; font-size: 20px; -webkit-line-clamp: 1; }
#newsList li .info article { margin: 5px 0 20px; height: 46px; -webkit-line-clamp: 2; }
#newsList li .info p.time { font-size: 13px; color: #9f9f9f; }
#newsList li .info p.more { position: absolute; right: 30px; bottom: 20px; }
#newsList li .info p.more a { padding: 0; border: 0; }
#newsList li .info p.more a:before { display: none; }

@media screen and (min-width: 1281px) {
	#newsList li:hover .info p.more a span { margin: 0 0 0 20px; }
	#newsList li .info p.more a:hover font , #newsList li:hover .info p.more a font { color: #af6e52; }
	#newsList li .info p.more a:hover span:before , #newsList li .info p.more a:hover span:after , #newsList li:hover .info p.more a span:before , #newsList li:hover .info p.more a span:after { background: #af6e52; }
}
@media screen and (max-width: 1024px) and (min-width: 551px) {
	#newsList li { width: calc(100% - 2px); border: 1px #d0d0d0 solid; font-size: 0; }
	#newsList li .newImg { margin: 0; width: 205px; display: inline-block; }
	#newsList li .info { margin: 0; padding: 30px 30px 47px; width: calc(100% - 265px); border: 0; display: inline-block; }
}
@media screen and (max-width: 550px) {
	#newsList { text-align: center; }
	#newsList li { width: 90%; }
	#newsList li .newImg img { height: 200px; }
}
@media screen and (max-width: 480px) {
	#newsList { margin: 15vw 0; }
}