.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 .tit h3{text-align:center;font-size:33px}
#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{display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo15 ul li{width: calc((100%/4) - 30px);}
#articleInfo15 ul li .item{padding:40px;display:flex;flex-direction:column;align-items:center;position: relative;}
#articleInfo15 ul li .item:after{content:'';width: 100%;height: 79%;position: absolute;bottom: 0;left: 0;border: 1px solid #eee;border-radius: 20px;z-index: -1;}
#articleInfo15 ul li .item h3{display:flex;align-items:center;flex-direction:column;font-family:'Kanit',sans-serif}
#articleInfo15 ul li .item h3 b{font-family:'Kanit',sans-serif;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--primary);border-radius:50px;color:var(--white)}
#articleInfo15 ul li .item .circle{margin-top:30px;width: 100%;}
#articleInfo15 ul li .item .circle img{height: 150px;object-fit: cover;width: 100%;}
#articleInfo15 ul li .item p:before{content:'';display:block;height:20px;width:1px;background:#848484;margin:0 auto 5px}
#articleInfo15 ul li .item p{text-align:center;font-size:18px;margin-top:30px}
#articleInfo15 .imgBox{overflow:hidden}
#articleInfo15 .imgBox p{margin:0 1% 0 0;overflow:hidden;float:left;width:49%;animation-name:fadeInLeft;-webkit-animation-name:fadeInUp}
#articleInfo15 .imgBox p:nth-child(2){margin:0 0 0 1%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#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:1280px){
	#articleInfo15 ul{justify-content: flex-start;}
	#articleInfo15 ul li{width: calc((100%/3) - 20px);margin-right: 30px;}
	#articleInfo15 ul li:nth-child(3n){margin-right:0;}
}
@media screen and (max-width:768px){
	#articleInfo15 ul{justify-content: center;}
	#articleInfo15 ul li, #articleInfo15 ul li:nth-child(3n){width: calc((100%/2) - 30px);margin: 0 15px 20px;}
	#articleInfo15 ul li .item{padding:20px}
}
@media screen and (max-width:640px){
	#articleInfo15 ul li{width:50%}
	#articleInfo15 ul li:nth-child(3){width:100%}
	#articleInfo15 ul li:nth-child(2) .item{border-left:0}
}
@media screen and (max-width:480px){
	#articleInfo15 ul li, #articleInfo15 ul li:nth-child(3n){width:100%}
	#articleInfo15 .imgBox p{margin:10px 0;width:100%}
}