@charset "utf-8";

#inc02{overflow:hidden;position:relative;padding-top:220px}
#inc02 .logo-txt{display:flex;flex-direction:column;align-items:center;padding-bottom:80px}
#inc02 .logo-txt p{position:relative;overflow:hidden;font-family:var(--e-font);font-size:110px;font-weight:700;line-height:1;text-align:center;white-space:nowrap;text-transform:uppercase;background-clip:text;color:#fff;paint-order:stroke fill;-webkit-text-stroke:1px #e1e1e1}
#inc02 .logo-txt p .gradient{display:inline-block;background-clip:text;background-image:var(--gradient);background-size:100% 100%;background-repeat:no-repeat;color:transparent;-webkit-text-stroke:0;paint-order:normal}

#inc02 .logo-txt p:first-child{transform:translateX(3%)}
#inc02 .logo-txt p:nth-child(2){transform:translateX(6%)}
#inc02 .logo-txt p:last-child{    transform:translateX(-10%)}

#inc02 .group-cont{padding-bottom:300px}
#inc02 .count-wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
#inc02 .count-wrap dl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:170px;border-radius:50px 50px 0 50px;border:1px solid}
#inc02 .count-wrap dt{font-size:20px;font-weight:700}
#inc02 .count-wrap dd{line-height:1;font-size:40px;font-weight:700}

#inc02 .count-wrap #exp{background-color:var(--red-10);border-color:var(--red)}
#inc02 .count-wrap #exp dd{color:var(--red)}

#inc02 .count-wrap #partner{background-color:var(--orange-10);border-color:var(--orange)}
#inc02 .count-wrap #partner dd{color:var(--orange)}

#inc02 .count-wrap #client{background-color:var(--yellow-10);border-color:var(--yellow)}
#inc02 .count-wrap #client dd{color:var(--yellow)}

#inc02 .count-wrap #members{background-color:var(--green-10);border-color:var(--green)}
#inc02 .count-wrap #members dd{color:var(--green)}

#inc02 .count-wrap #customer{background-color:var(--blue-10);border-color:var(--blue)}
#inc02 .count-wrap #customer dd{color:var(--blue)}

#inc02 aside{display:flex;align-items:center;justify-content:center;height:410px;background:linear-gradient(to right, #bbb 0%, #f5f5f5 52%, #bbb 100%)}

/* 반응형 [s] */
@media (max-width:1280px){
#inc02{padding-top:150px}
#inc02 .logo-txt{padding-bottom:40px}
#inc02 .logo-txt p{font-size:80px}
#inc02 .count-wrap{padding:0 20px}
#inc02 .count-wrap dt{font-size:17px}
#inc02 .count-wrap dd{font-size:30px}
#inc02 .group-cont{padding-bottom:125px}
#inc02 aside{height:300px}
#inc02 aside img{width:350px}
}
@media (max-width:1024px){
#inc02 .count-wrap{display:flex;flex-wrap:wrap;justify-content:center}
#inc02 .count-wrap dl{display:flex;width:calc(33% - 10px)}
#inc02 aside{height:250px}
#inc02 aside img{width:300px}
}
@media (max-width:768px){
#inc02{padding-top:110px}
#inc02 .logo-txt p{font-size:50px}
#inc02 .count-wrap dl{height:130px}
}
@media (max-width:580px){
#inc02 .count-wrap dl{width:calc(50% - 10px)}
#inc02 .count-wrap #customer{width:100%}
}
@media (max-width:480px){
#inc02{padding-top:70px}
#inc02 .logo-txt p{font-size:30px}
#inc02 .count-wrap dl{height:100px;gap:3px}
#inc02 .count-wrap dt{font-size:14px}
#inc02 .count-wrap dd{font-size:22px}
#inc02 .group-cont{padding-bottom:80px}
#inc02 aside{height:200px}
#inc02 aside img{width:250px}
}
/* 반응형 [e] */