.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
.delay1{animation-delay:0.5s;-webkit-animation-delay:0.5s}
.delay2{animation-delay:1.0s;-webkit-animation-delay:1.0s}
#articleInfo20 ul{margin-top: 30px;display: flex;flex-wrap: wrap;}
#articleInfo20 ul li{padding: 10px;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;margin: 5px;background: #f1f1f1;width: calc((100%/4) - 35px);}
#articleInfo20 ul li article a{font-size: 16px;text-align:center;display:block}
#articleInfo20 ul li h5{font-size:16px;color:#caa34b}
#articleInfo20 ul li p.photo{margin: 0 0 10px;}
#articleInfo20 ul li p.photo img{width:100%;height: 400px;object-fit: cover;}
#articleInfo20 .bottomBox h3{text-align:center;font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox p{margin:10px 0 20px;font-size:18px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

@media screen and (max-width:1280px){
	#articleInfo20 ul li p.photo img{height: 350px;}
}
@media screen and (max-width:1024px){
	#articleInfo20 ul li p.photo img{height: 250px;}
}
@media screen and (max-width:768px){
	#articleInfo20 ul li{width: calc((100%/2) - 35px);}
	#articleInfo20 ul li p.photo img{height: 450px;}
}
@media screen and (max-width:640px){
	#articleInfo20 ul li{width: calc((100%/1) - 35px);}
	#articleInfo20 ul li p.photo img{height: auto;}
}