.step_style_0_wrap .step_style_0_con{display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; flex-basis: 74px;}
.step_style_0_wrap .step_style_0_con:before{content: ""; position: absolute; top: 14px; left: 37px; width: calc(100% - 74px); border-bottom: 2px dashed rgba(0,0,0,0.1);} /* 스타일 0의 flex-basis: 74px로 잡고, circle을 가운데에 위치했기 때문에 라인 시작점은 74의 절반인 37px이고, 길이는 양 옆으로 절반이 없으면 되는 길이로 100% - 74px로 계산해준다. */

.reverse.step_style_0_wrap .step_style_0_con:before{border-color: rgba(255,255,255,0.2);}
.reverse .step_style_0_wrap .step_style_0_con:before{border-color: rgba(255,255,255,0.2);}

@media all and (min-width: 768px) {
    .step_style_0_wrap .step_style_0_con{display: block;}
    .step_style_0_wrap .step_style_0{min-width: 166px;}
    .step_style_0_wrap .step_style_0_con:before{left: 83px; width: calc(100% - 166px);}
}

[data-wv-res-id="___circle_num_style_0___-1___1583841180215___"].circle_num_style_0 {border-radius: 50%; width: 30px; height: 30px; overflow: hidden; font-family: "Roboto"; font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2.0rem; font-weight: 500; letter-spacing: 0.0em; color: #fff;}