/* 자동화툴 v8 */
.tl-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:32px;animation:h8up .9s .45s cubic-bezier(.2,.75,.25,1) both}
.tl-flow span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--h8-line);border-radius:999px;padding:8px 16px 8px 8px;font-size:15px;font-weight:800;box-shadow:0 8px 20px #0000000d}
.tl-flow span img{width:32px;height:32px}
.tl-flow span.end{background:var(--h8-g2);border-color:var(--h8-g2);color:#fff}
.tl-flow i{width:26px;height:2px;background:#b7dcc5;position:relative}
.tl-flow i:after{content:'';position:absolute;right:-2px;top:-4px;border:5px solid transparent;border-left:7px solid #b7dcc5}
.tl-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px;text-align:left}
.tl-console{background:#fff}
.tl-wide{margin-top:40px;text-align:left}
.tl-recruit .tl-big{width:84px;height:84px;margin:0 auto 12px;filter:drop-shadow(0 10px 14px #0000004d)}
.tl-analysis-sec{background:#f7f9f8}
.tl-analysis-sec .tl-wide{background:#fff;border:1px solid var(--h8-line);border-radius:26px;padding:30px;box-shadow:0 16px 40px #0000000b}
#access{background:#fff}
@media(max-width:760px){
 .tl-feats{grid-template-columns:1fr 1fr;gap:10px}
 .tl-feats .ab-card{padding:20px 14px}.tl-feats .ab-card .ic{width:54px;height:54px}.tl-feats .ab-card .ic img{width:36px;height:36px}.tl-feats .ab-card b{font-size:17px}.tl-feats .ab-card p{font-size:13.5px}
 .tl-flow{flex-direction:column;gap:6px}.tl-flow i{width:2px;height:16px}.tl-flow i:after{right:-4px;top:auto;bottom:-3px;border:5px solid transparent;border-top:7px solid #b7dcc5}
 .tl-analysis-sec .tl-wide{padding:14px;border-radius:18px}
}
