.delay1{animation-delay:0.5s;-webkit-animation-delay:0.5s}
.delay2{animation-delay:1.0s;-webkit-animation-delay:1.0s}
.delay3{animation-delay:1.5s;-webkit-animation-delay:1.5s}
#articleInfo12{overflow:hidden}
#articleInfo12 .row{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0}
#articleInfo12 .row h3{font-size:40px;color:#001e61;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;line-height:170%}
#articleInfo12 .row h3:after{margin-bottom:30px;width:100px;height:5px;background:#fa1e37;display:block;content:"";-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}
#articleInfo12 .row h3:hover:after{width:95%}
#articleInfo12 .row article{margin:10px 10% 0 0;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo12 .row h4{margin:30px 0 0;font-size:25px;color:#001e61;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo12 .row:nth-child(2){width:45%}
#articleInfo12 .row .topBox{overflow:hidden;display:flex;flex-direction:column}
#articleInfo12 .row p{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;border-radius:25px;overflow:hidden;position:relative;height:320px}
#articleInfo12 .row p:first-child{margin-bottom:20px}
#articleInfo12 .row .downBox{animation-name:fadeInUp;-webkit-animation-name:fadeInUp;width:60%;border-radius:25px;overflow:hidden}
#articleInfo12 .right >div{width:calc(40% - 20px);position:relative}
#articleInfo12 .right >div img{width:100%;height:100%;object-fit:cover}
#articleInfo12 .right >div b{position:absolute;bottom:20px;left:20px;background:var(--white);padding:5px 20px;border-radius:50px;font-weight:500;font-size:18px}

@media screen and (max-width:480px){
	#articleInfo12 .row .downBox, #articleInfo12 .right >div{width:100%;margin: 10px 0;}
	#articleInfo12 .row p {height:auto;}
}