@charset "utf-8";

#inc04{padding:50px 0 80px;background:#f2f2f2}
#inc04 ul{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-top:50px}
#inc04 ul li{padding:40px;border-radius:8px;background:#fff}
#inc04 ul li h3{position:relative;padding-left:20px;font-size:22px;font-weight:700;color:#000}
#inc04 ul li h3:before{position:absolute;content:'';top:12px;left:0;width:6px;height:6px;border-radius:50px;background:#000;transform:translateZ(0);will-change:transform}
#inc04 ul li p{display:flex;align-items:center;justify-content:center;padding:80px 0;font-size:60px;font-weight:600;color:#000;text-align:center;font-family:var(--e-font)}
#inc04 ul li .num{font-size:17px;color:#777;font-family:var(--e-font)}

#inc04 .count{display:inline-flex;height:1em;line-height:1em;overflow:hidden;vertical-align:bottom}
#inc04 .count .digit{display:block;width:.85em;height:1em;overflow:hidden;text-align:center}
#inc04 .count .digit_list{display:block;transition:transform 2.5s cubic-bezier(.2,.8,.2,1)}
#inc04 .count .digit_list i{display:block;height:1em;line-height:1em;font-style:normal}
#inc04 .count .symbol{display:block;height:1em;line-height:1em}

/* 반응형 [s] */
@media (max-width:1600px){
#inc04 ul{padding-top:15px}
}
@media (max-width:1400px){
#inc04 ul{gap:14px}
#inc04 ul li h3{font-size:20px}
#inc04 ul li p{padding:68px 0;font-size:52px}
}
@media (max-width:1200px){
#inc04{padding:40px 0 80px}
#inc04 ul{padding-top:0}
#inc04 ul li{padding:32px}
#inc04 ul li h3{padding-left:15px;font-size:clamp(16px,1.5vw,18px)}
#inc04 ul li h3:before{top:11px;width:5px;height:5px}
#inc04 ul li p{font-size:45px}
#inc04 ul li .num{font-size:16px}
}
@media (max-width:1024px){
#inc04 ul li{padding:32px 20px}
#inc04 ul li h3{min-height:50px}
#inc04 ul li h3:before{top:9px}
#inc04 ul li p{padding:20px 0 35px;font-size:36px}
#inc04 ul li .num{font-size:14px}
}
@media (max-width:768px){
#inc04{padding:30px 0 60px}
#inc04 ul{grid-template-columns:repeat(1,1fr)}
#inc04 ul li{padding:25px 20px}
#inc04 ul li h3{min-height:0;font-size:15px}
#inc04 ul li p{padding:20px 0 15px;font-size:30px}
}
@media (max-width:480px){
#inc04{padding:0 0 60px}
#inc04 ul{padding-top:10px}
#inc04 ul li{padding:13px}
#inc04 ul li h3{font-size:14px}
#inc04 ul li p{padding:14px 0 6px;font-size:25px}
#inc04 ul li .num{font-size:12px}
}
/* 반응형 [e] */