.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;justify-content:space-between;}
#articleInfo7 .photoBox{width:50%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo7 .photoBox img{width:100%;height:100%;object-fit:cover}
#articleInfo7 .info{width:45%}
#articleInfo7 .info h3{position:relative;margin-bottom:10px;font-size:30px;letter-spacing:2px}
#articleInfo7 .info p{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;text-align:justify;line-height:200%}
#articleInfo7 .info article{margin:30px 0 10px 20px;line-height:180%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
.map{margin:40px 0;text-align: center;}
.map img{width: 70%;}
.bottomBox{display:flex;flex-wrap: wrap;justify-content: space-between;}
.bottomBox >li{width: calc(50% - 10px);}
.bottomBox >li p{display:flex;flex-wrap: wrap;justify-content: space-between;}
.bottomBox p img{width: calc(50% - 10px);margin: 10px 0;height: 250px;object-fit: cover;}
.bottomBox h3{font-size: 20px;margin: 20px 0;}
.bottomBox ol{padding-left: 30px;}
.bottomBox ol li{list-style: disc;}

@media screen and (max-width:1024px){
	#articleInfo7 .photoBox{position:relative;width: 100%;}
	#articleInfo7 .info{width: 100%;margin-top: 30px;}
}
@media screen and (max-width:768px){
	.bottomBox >li{width:100%;margin-bottom: 30px;}
	.map img{width:100%;}
	#articleInfo7 .info{margin-top:0;}
	#articleInfo7 .info h3{padding:20px 0;text-align:left}
	#articleInfo7 .info article{margin-left:0}
}
@media screen and (max-width:640px){
	.bottomBox p img{height: 150px;}
}