.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:grid;grid-template-columns:repeat(2,1fr);gap:50px}
#articleInfo20 ul li{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;box-shadow:0 0 15px rgb(0 0 0 / 10%);padding: 40px;}
#articleInfo20 ul li.focus{padding:55px 25px;background:#caa34b;border-color:#775e27;color:#242425}
#articleInfo20 ul li h3 a{font-size:20px;text-align:center;color:#1f1f21;display:flex;font-weight:500;align-items:center;justify-content:center}
#articleInfo20 ul li h3 a svg{width:25px;height:25px;fill:#b8babf;margin-right:10px}
#articleInfo20 ul li h5{font-size:16px;color:#caa34b}
#articleInfo20 ul li.focus h5{color:#fff}
#articleInfo20 ul li p.photo{margin:15px 0}
#articleInfo20 .bottomBox h3{text-align:center;font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox p{margin:10px 0 20px;text-align:center;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:1024px){
	#articleInfo20 ul{gap:30px;}
	#articleInfo20 ul li{padding: 40px 25px;}
	#articleInfo20 ul li h3 a{font-size:18px;}
}
@media screen and (max-width:768px){
	#articleInfo20 ul{grid-template-columns: repeat(1, 1fr);}
}