.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{display:flex;flex-wrap:wrap;justify-content:center;width:80%;margin:0 auto}
#articleInfo20 ul li{padding:25px;width: calc((100%/4) - 50px);animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;display:flex;flex-direction:column;align-items:center}
#articleInfo20 ul li.focus{padding:55px 25px;background:#caa34b;border-color:#775e27;color:#242425}
#articleInfo20 ul li article{font-size:14px;color:var(--primary)}
#articleInfo20 ul li article.op{opacity:.2}
#articleInfo20 ul li h5{font-size:30px;color:var(--primary)}
#articleInfo20 ul li h5 b{font-size:14px;vertical-align:baseline;margin-left:5px}
#articleInfo20 ul li p.photo{margin:0 0 20px;width:90px}
#articleInfo20 .bottomBox{text-align:center;margin-bottom:150px}
#articleInfo20 .bottomBox h3{text-align:center;font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;font-weight: 500;}
#articleInfo20 .bottomBox h3.first{margin-bottom:60px}
#articleInfo20 .bottomBox p{margin:15px 0 85px;text-align:center;font-size:16px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;color:#404040}
#articleInfo20 .bottomBox p.delay1{padding:0 18%}
#articleInfo20 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox .more_btn{color:#fff;background:#29A6DD;border-radius:5px;font-size:15px;padding:15px 40px}
#articleInfo20 .bottomBox .more_btn:hover{background:#006AA1}
#articleInfo20 .twobox h3{text-align:center;font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;font-weight: 500;margin-bottom:20px}

@media screen and (max-width:1024px){
	#articleInfo20 ul{width:100%;}
	#articleInfo20 .bottomBox p.delay1{padding:0 150px;}
}
@media screen and (max-width:768px){
	#articleInfo20 .bottomBox p.delay1{padding:0 ;}
	#articleInfo20 ul li{width: calc((100%/3) - 50px);}
}
@media screen and (max-width:640px){
	#articleInfo20 .bottomBox h3.first{margin-bottom: 30px;}
	#articleInfo20 .bottomBox p{margin: 15px 0 55px;}
	#articleInfo20 .bottomBox{margin-bottom: 80px;}
	#articleInfo20 ul li{width: calc((100%/2) - 30px);padding: 15px;}
	#articleInfo20 ul li h5{font-size: 23px;}
}