.wow{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo7{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
#articleInfo7 .photoBox{width:35%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;border:10px solid #eeee}
#articleInfo7 .info{width:55%}
#articleInfo7 .info h2{font-weight: bold;font-size: 50px;font-family: 'Fahkwang', sans-serif;color: var(--primary);}
#articleInfo7 .info h3{position:relative;font-size:24px;color:#4c4c4c;display:flex;align-items:center;font-weight:500}
#articleInfo7 .info h3:before{content:'';width:30px;height:1px;background:#3c3c3c;margin-right:10px}
#articleInfo7 .info p{font-size:17px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;line-height:200%;text-align:justify;margin-top:30px}
#articleInfo7 .info article{margin:30px 0 10px 20px;line-height:180%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

@media screen and (max-width:768px){
	#articleInfo7 .photoBox{width:100%;}
	#articleInfo7 .info{width:100%;margin-top: 20px;}
}
@media screen and (max-width:480px){
	#articleInfo7 .info h2{font-size: 40px;}
}