.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}
#articleInfo15 .tit{position:relative;text-align:center;z-index:2}
#articleInfo15 >p{text-align:center;color:#666666;font-size: 18px;line-height:150%;letter-spacing: 3px;}
#articleInfo15 .tit font{padding:0 20px;background:#fff;display:inline-block;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
#articleInfo15:hover .tit h3,#articleInfo15:hover .tit font{letter-spacing:5px}
#articleInfo15 ul.one{overflow:hidden;position:relative;z-index:1;display:flex;flex-wrap:wrap;margin-top:60px;margin-bottom:40px;justify-content: center;}
#articleInfo15 ul.one li{width: calc((100%/13));animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo15 ul.one li .item{border:3px solid #cfcfcf;border-radius:10px;padding:30px;margin:20px;position:relative;display:flex;flex-direction:column;align-items:center;background:rgb(204 227 215 / 30%)}
#articleInfo15 ul.one li .item.red{border: 3px solid #e21b1b;}
#articleInfo15 ul.one li .item .circle{position:absolute;top: -17px;font-size:15px;font-family:'Open Sans',sans-serif;font-weight:bold;width: 30px;}
#articleInfo15 ul.one li .item p{text-align:center;font-size:20px;font-weight:600;line-height: 120%;}
#articleInfo15 .topBox{display:flex;margin-top:40px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
#articleInfo15 .topBox li{width:calc((100%/5) - 40px);margin:20px;position:relative;}
#articleInfo15 .topBox li:after{content:'';border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:12px solid #b3b3b3;display:inline-block;position:absolute;right:-26px;top: 90px;}
#articleInfo15 .topBox li:last-child:after{display:none;}
#articleInfo15 .topBox li p{height:180px;animation-name:fadeInLeft;-webkit-animation-name:fadeInUp;width:100%;margin-bottom: 15px;}
#articleInfo15 .topBox li h3,#articleInfo15 .topBox li h3 span{text-align:center;width:100%;font-size:20px}
#articleInfo15 .topBox li h5{font-size:16px;text-align:center;width:100%;font-weight:400}
#articleInfo15 .topBox li p img{width:100%;height:100%;object-fit:cover}
#articleInfo15 .imgBox p:hover img{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}

@media screen and (max-width:1024px){
	#articleInfo15 .topBox li{width: calc((100%/2) - 40px);}
	#articleInfo15 ul.one li{width: calc((100%/7));}
}
@media screen and (max-width:768px){
}
@media screen and (max-width:640px){
	#articleInfo15 .topBox li{width: calc((100%/1) - 40px);}
	#articleInfo15 ul.one li{width: calc((100%/3));}
	#articleInfo15 .topBox li:after{transform: rotate(90deg);right: calc(50% - 10px);top: unset;bottom: -25px;}}
}