.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;width: 75%;flex-wrap: wrap;padding-top: 40px;}
#articleInfo15 ul::after {content: '';background-color: #dedede;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 #e7e7e7;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;font-size: 18px;letter-spacing: 1.5px;font-weight: 400;}
#articleInfo15 ul li .item article{display: inline-block;border-radius: 99em;font-weight: 600;line-height: 160%;padding: 20px 0px 20px 0px;font-size: 16px;font-weight: 300;}
#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: #b0946a;-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;font-family: 'Montserrat', sans-serif;color: #d1d1d1;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: #d1d1d1;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;}
}