@charset "utf-8";

#atc01{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:40px 0;font-size:15px;text-align:center}
#atc01 ul{display:grid;grid-template-columns:repeat(5,1fr)}
#atc01 li{position:relative;padding:30px 0;border:1px solid #e1e1e1;border-right:1px dashed #e1e1e1;border-radius:20px}
#atc01 li+li:after{position:absolute;content:'';top:50%;left:-25px;width:55px;height:55px;border-radius:50px;transform:translateY(-50%);background:#f2f2f2 url(img/arrow.png) center no-repeat}
#atc01 li+li{border-left:none}
#atc01 li:last-child{border-right:1px solid #e1e1e1}
#atc01 li img{display:block;margin:0 auto}
#atc01 li span{display:inline-block;margin:20px 0;padding:5px 20px;border-radius:50px;font-size:13px;font-weight:700;color:var(--primary);letter-spacing:0;background:#e5f0fe;font-family:'Poppins'}
#atc01 li dt{margin-bottom:5px;font-size:17px;font-weight:700;color:#111}
#atc01 li dd{font-size:13px;font-weight:600;color:#333;white-space:pre-line}

/* 반응형 [s] */
@media (max-width:1300px){
}
@media (max-width:1024px){
#atc01{padding:40px 10px}
#atc01 li dt{font-size:16px}
}
@media (max-width:768px){
#atc01 ul{display:flex;flex-wrap:wrap;gap:10px}
#atc01 li{display:flex;flex-wrap:wrap;flex-direction:column;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;align-items:center;gap:20px;width:calc(50% - 5px);padding:25px}
#atc01 li+li{border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1}
#atc01 li+li:after{left:-35px}
#atc01 li:nth-child(3):after, #atc01 li:nth-child(5):after{display:none}
#atc01 li img{width:60px;margin:0}
#atc01 li dt{gap:20px;margin-bottom:0}
#atc01 li dd{white-space:normal;word-break:keep-all}
#atc01 li span{margin:0}
#atc01 li:last-child{width:100%;border-bottom:1px solid #e1e1e1}
#atc01 li div{display:flex;flex-direction:column;align-items:center;gap:10px}
}
@media (max-width:480px){
#atc01{order:1;padding:30px 10px}
#atc01 ul{position:relative}
#atc01 ul:before{position:absolute;content:'';top:0;left:35px;width:1px;height:100%;background:#e1e1e1}
#atc01 li{flex-direction:unset;width:100%;padding:0;border:none !important}
#atc01 li+li{margin-top:10px}
#atc01 li+li:after{display:none}
#atc01 li span{padding:2px 15px;font-size:11px}
#atc01 li dl{width:78%;margin-left:auto;padding:15px;border:1px solid #e1e1e1;border-radius:10px;text-align:left}
#atc01 li dd{gap:5px;margin-left:0;word-break:keep-all}
#atc01 li div{position:absolute;left:0;flex-direction:column-reverse;background:#fff}
#atc01 li img{width:50px}
}
/* 반응형 [e] */