.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}
#articleInfo20 .titleTT {position: relative;border-bottom: 1px dashed #ccc;font-size: 26px;font-weight: 700;letter-spacing: 0.5px;line-height: 1.5;margin-bottom: 20px;padding: 18px 0;margin-top: 30px;}
#articleInfo20 .titleTT::after{content:"";position:absolute;width: 4%;height:2px;background-color: var(--primary);bottom: -1px;left:0;z-index:2;}
#articleInfo20 .topBox p{line-height:2;}
#articleInfo20 .flowcontent .stepttl01 h1{font-size:25px;line-height:1.5;letter-spacing:0;font-weight:500;color:#142b37;margin:0 0 10px;background-color:#dedede45;padding:30px 0;text-align:center}
#articleInfo20 .stepbox ul{padding-left:0.7vw;list-style:none}
#articleInfo20 .stepbox h4{display:flex;align-items:center}
#articleInfo20 .stepbox h4 strong span{display:block;font-size:12px;margin:0 0 5px;text-transform:uppercase;color: var(--info);}
#articleInfo20 .stepbox h4 strong{font-size: 35px;font-weight:500;letter-spacing:1px;display:inline-block;margin-right:1vw;line-height:100%;text-align:center;color: var(--primary);font-family:'Poppins',sans-serif;background-color:#fff;padding:20px 0}
#articleInfo20 .stepbox:last-child{margin-bottom:0}
#articleInfo20 .stepbox:before{content:"";position:absolute;background:#d5d5d5;width:1px;height:calc(100% - 0vw);left:calc(3vw + 40px);top:calc(3vw + 100px);z-index:-1}
#articleInfo20 .stepbox{margin: 2vw 0;position:relative;box-shadow:4px 7px 30px #d4d3d3b5;padding:2vw 3vw;background-color:rgb(255 255 255 / 50%);display: grid;align-items:center;gap: 0 40px;grid-template-columns: 220px 20% 1fr;}
#articleInfo20 .stepbox img{aspect-ratio: 4 / 3;object-fit: cover;}
#articleInfo20 .stepbox:last-child:before{opacity:0}
#articleInfo20 .flowcontent .stepbox h4{font-size:24px;line-height:1.5;letter-spacing:2px;margin:0 0 10px;font-weight:500;color:#1f1f1f}
#articleInfo20 .textEditor ul{width:calc(100% - 100px)}
#articleInfo20 .textEditor li{list-style:none}
#articleInfo20 .textEditor .shelfList{display:flex;flex-direction:row;flex-wrap:wrap;width:calc(100% - 0px)}
#articleInfo20 .textEditor .shelfList li{width:calc((100% / 4) - 60px);margin:20px}
#articleInfo20 .textEditor .shelfList .Txt h3{word-spacing:100vw;font-size:17px;line-height:170%}

@media screen and (max-width: 1280px) {
    .stepbox ul{padding-left:0;list-style:none}
	.stepbox h4 strong{font-size:40px;margin-right:10px}
	.flowcontent .stepbox h4{font-size:20px;margin:0 0 5px}
	.stepbox{margin:4vw 0;padding:6vw 4vw}
}

@media screen and (max-width: 640px) {
    #articleInfo20 .stepbox:before{display:none}
    #articleInfo20 .flowcontent .stepbox .photo{margin-bottom:20px}
    #articleInfo20 .stepbox{grid-template-columns:1fr}
	#articleInfo20 .textEditor .shelfList li{width: calc((100% / 2) - 60px);}
}