.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}
#articleInfo20 >ul >li{padding:45px;width:calc((100%/3) - 110px);display:inline-block;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;box-shadow:0 0 10px rgb(0 0 0 / 10%);margin-bottom:30px}
#articleInfo20 >ul >li:nth-child(3n-1){margin:0 30px 30px}
#articleInfo20 >ul >li ol{padding-left:30px;margin-top: 20px;}
#articleInfo20 >ul >li ol li{color:#484848;font-size:15px;text-align:justify;list-style: decimal;}
#articleInfo20 ul li h3{font-size:20px;padding-left:40px}
#articleInfo20 ul li h5{font-size:16px;color:#caa34b}
#articleInfo20 ul li article{color:#484848;margin-top:20px;font-size:15px;text-align:justify}
#articleInfo20 ul li p.photo{margin:0 0 15px;position:relative}
#articleInfo20 ul li p.photo:after{content:'';width:1px;height:100px;background:#ececec;position:absolute;left:20px;bottom:-43px;z-index:1}
#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{justify-content: space-between;}
	#articleInfo20 >ul >li, #articleInfo20 >ul >li:nth-child(3n-1){width: calc((100%/2) - 110px);margin: 0 0 40px;}
}
@media screen and (max-width:480px){
	#articleInfo20 >ul >li, #articleInfo20 >ul >li:nth-child(3n-1){width: calc((100%/1) - 60px);padding: 30px;margin: 0 0 30px;}
}