.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo15{margin-left:auto;margin-right:auto;display:flex}
#articleInfo15 .tit{position:relative;z-index:10;width:20%;float:left;transition:0.9s;padding:0px 0 0}
#articleInfo15 .tit h3{color:#111;padding-bottom:20px;font:700 40px/1.3 'Montserrat',sans-serif;text-transform:uppercase}
#articleInfo15 .tit font{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;font-size:22px;color:#111;display:block;font-style:inherit;padding-bottom:40px;line-height:120%;font-weight:400;letter-spacing:4px}
#articleInfo15 .tit article{color:#777;line-height:1.8;display:none}
#articleInfo15 ul{overflow:hidden;position:relative;display:flex;justify-content:center;flex-wrap:wrap}
#articleInfo15 ul::after{content:'';background-color:#dcdcdc;position:absolute;width:1px;height:calc(100% - 0px);top:0;left:61px;z-index:-1;transition:all .8s ease}
#articleInfo15 ul li{overflow:hidden;display:inline-block;vertical-align:top;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;position:relative;width:100%;padding-left:90px}
#articleInfo15 ul li::before,#articleInfo15 ul li::before{content:"";border-bottom:1px solid #dcdcdc;display:block;position:absolute;z-index:1;width:calc(100% - 1px);height:calc(100% - 1px);left:0;top:0}
#articleInfo15 ul li .item{padding:10px 5px;margin:10px;position:relative}
#articleInfo15 ul li .item h2{position:absolute;top:13px;left:100px;letter-spacing:2.5px;font-weight:400;font-size:21px;line-height:180%}
#articleInfo15 ul li .item article{display:inline-block;border-radius:99em;padding:20px 0px 20px 0px;font-size:16px;color:#737373;letter-spacing:0.5px}
#articleInfo15 ul li .item .circle{display:flex;justify-content:space-between;position:relative;width:80px;font-size:16px;font-weight:700;color:var(--primary);font-family:'Montserrat',sans-serif}
#articleInfo15 ul li .item .circle::before{content:"";position:absolute;top:50%;left:-47px;z-index:11;width:8px;height:8px;margin-top:-4px;background-color:#cdcdcd;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#articleInfo15 ul li .item .circle .stepnum{font-size:32px;line-height:1;text-align:center;position:relative;color:#bcbcbc;font-weight:400}
#articleInfo15 ul li .item .circle .stepnum:before{content:'';display:block;position:absolute;top:2px;left:60px;width:1px;height:30px;background-color:#999999;transform:rotate(20deg);-webkit-transform:rotate(20deg)}
#articleInfo15 ul li .item .circle .stepnum::after{letter-spacing:2px;display:block;content:"STEP";font-size:12px;color:#ffffff;display:none}
#articleInfo15 ul li .item p{text-align:center;font-size:18px}


@media screen and (max-width:1024px){
	#articleInfo15{display:flex;flex-direction:column}
#articleInfo15 .tit{width:100%;transition:0.9s;padding-bottom:30px}
#articleInfo15 .tit font{padding-bottom:10px}
#articleInfo15 ul{padding:0px 0 5px;transition:0.9s 1s;display:flex;flex-wrap:wrap;width:100%}
#articleInfo15 ul::after{left:31px}
#articleInfo15 ul li{padding-left:60px}
}
@media screen and (max-width:768px){
	#articleInfo15 ul li .item{padding:15px 0;margin:10px 0}
#articleInfo15{max-width:100%}
#content h2{padding:10px 0px 0}
#articleInfo15 ul li .item article{padding:10px 0px}
#articleInfo15 ul::after{left:16px}
}
@media screen and (max-width:640px){
	#articleInfo15 .tit h3{font-size:30px;padding-bottom:10px}
}
@media screen and (max-width:480px){
	#articleInfo15 ul li{width:100%;padding-left:40px}
#articleInfo15 ul li .item .circle::before{left:-27px}
}