/* style.css */
@charset "utf-8";
#inc02 .wrap{padding:0 35px}
#inc02 .tit_area{padding:15px 25px;border-radius:10px;background:#111}
#inc02 .num_area{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}
#inc02 .num_area li>*{overflow:hidden;width:50%;height:50vh;border-radius:10px}
#inc02 .num_area li{display:flex;gap:10px}
#inc02 .num_area li:nth-child(3), li:nth-child(4){flex-direction:row-reverse}
#inc02 .num_area li .img_box{background-size:cover;background-position:center}
#inc02 .num_area li:nth-child(1) .img_box{background-image:url('./img/inc02_img01.jpg')}
#inc02 .num_area li:nth-child(2) .img_box{background-image:url('./img/inc02_img02.jpg')}
#inc02 .num_area li:nth-child(3) .img_box{background-image:url('./img/inc02_img03.jpg')}
#inc02 .num_area li:nth-child(4) .img_box{background-image:url('./img/inc02_img04.jpg')}
#inc02 .num_box{display:flex;flex-direction:column;justify-content:space-between;padding:50px;border:1px solid rgba(255,255,255,.2);transition:all .3s}
#inc02 .num_box dt{opacity:.5}
#inc02 .num_box dd{font-size:60px}

/* 카운트업 애니메이션을 위한 추가 스타일 */
#inc02 .num_box dd {
    font-variant-numeric: tabular-nums;
    transition: all 0.3s ease;
}

#inc02 .num_box dd.counting {
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 255, 136, 0.3);
}

#inc02 .clients{margin-top:100px;font-family:var(--k-font)}
#inc02 .clients ul{font-size:40px;transition-timing-function:linear;text-align:center}

@media(hover:hover){
    #inc02 .num_area li:hover .num_box{border:1px solid #fff}
}

/* 반응형 [s] */
@media (max-width:1440px){
    #inc02 .num_box{padding:30px}
    #inc02 .num_box dd{font-size:60px}
}
@media (max-width:1024px){
    #inc02 .wrap{padding:0 20px}
    #inc02 .num_box dd{font-size:55px}
    #inc02 .num_area{grid-template-columns:repeat(1,1fr)}
    #inc02 .num_area li:nth-child(2){flex-direction:row-reverse}
    #inc02 .num_area li:nth-child(3){flex-direction:row}
    #inc02 .clients img{width:100px}
}
@media (max-width:768px){
    #inc02 .num_area li>*{height:35vh}
    #inc02 .num_box dd{font-size:30px}
    #inc02 .clients{margin-top:50px}
}
@media (max-width:480px){
    #inc02 .num_box dd{font-size:35px}
    #inc02 .num_area li{flex-direction:column}
    #inc02 .num_area li>*{width:100%;height:15vh}
    #inc02 .num_area li:nth-child(2){flex-direction:column}
    #inc02 .num_area li:nth-child(3){flex-direction:column}
    #inc02 .clients{margin-top:15px}
    #inc02 .clients img{width:70px}
}
@media (max-width:390px){
    #inc02 .num_box dd{font-size:30px}
}
/* 반응형 [e] */