@charset "utf-8";
#inc01{padding:160px 0 205px;overflow:hidden}

#inc01 .group-cont{display:flex;justify-content:center}
#inc01 .service-list{display:flex;justify-content:center;gap:60px;width:100%}
#inc01 .service-list li{max-width:150px;width:100%}
#inc01 .service-list li a{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;transition:transform 0.3s ease}
#inc01 .service-list .thumb-box{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:1px solid #e1e1e1;border-radius:50px}
#inc01 .service-list h3{font-family:var(--main-font);font-size:18px;font-weight:400;color:#777;word-break:keep-all;text-align:center;transition:color 0.2s, font-weight 0.2s}

@media (hover:hover){
#inc01 .service-list li a:hover{transform:translateY(-20px)}
#inc01 .service-list li a:hover h3{color:var(--primary);font-weight:600}
}

/* 반응형 [s] */
@media (max-width:1800px){
#inc01{padding: 160px 0 205px;}
}
@media (max-width:1600px){
#inc01{padding: 140px 0;}
#inc01 .service-list li{max-width:135px}
#inc01 .service-list .thumb-box{border-radius:45px;}
#inc01 .service-list .thumb-box img{transform: scale(0.9);}

}
@media (max-width:1400px){
    #inc01{padding: 100px 20px;}

    #inc01 .service-list{gap: 40px;}
    #inc01 .service-list h3{font-size: 17px;}
}
@media (max-width:1200px){
    #inc01 .service-list{gap: 35px;}
    #inc01 .service-list li{max-width:125px}
    #inc01 .service-list li a{gap: 16px;}
    #inc01 .service-list .thumb-box{border-radius:35px}
    #inc01 .service-list .thumb-box img{transform: scale(0.8);}
}
@media (max-width:1024px){
    #inc01{padding: 80px 20px;}
    #inc01 .service-list{gap:clamp(22px,2.54vw,26px);}
    #inc01 .service-list li{max-width:110px}
    #inc01 .service-list li a{gap: 16px;}
    #inc01 .service-list .thumb-box{border-radius:25px}
    #inc01 .service-list .thumb-box img{transform: scale(0.7);}
    #inc01 .service-list h3{font-size:clamp(15px,1.56vw,16px);}
}
@media (max-width:768px){
    #inc01{padding: 60px 20px;}
#inc01 .service-list{display: grid;grid-template-columns: repeat(3,1fr);gap: 30px clamp(20px,9.11vw,70px);width: auto;}
#inc01 .service-list li{max-width:100px}
#inc01 .service-list li a:hover h3{font-weight: 400;}
#inc01 .service-list .thumb-box{border-radius:var(--main-radius)}
#inc01 .service-list .thumb-box img{transform: scale(0.65);}
}
@media(max-width:480px){
    #inc01{padding: 40px 20px;}
    #inc01 .service-list{gap: 12px;width: 100%;}
    #inc01 .service-list li{max-width:none}
    #inc01 .service-list li a{gap: 8px;}
    #inc01 .service-list li a:hover{transform: none;}
    #inc01 .service-list h3{font-size: 14px;}
    #inc01 .service-list .thumb-box{min-height:100px;aspect-ratio:unset}
}
@media (max-width:390px){
    #inc01 .service-list{grid-template-columns: repeat(2,1fr);}
    #inc01 .service-list .thumb-box{min-height:85px}
}