@charset "utf-8";
#inc05{padding:175px 0px;background-color:var(--gray)}
#inc05 .inner{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:80px}
#inc05 .group-title{align-items:flex-start !important;text-align:left !important;padding-bottom:0 !important}

#inc05 .swiper-navigation{display:flex;gap:10px}
#inc05 .swiper-navigation button{all:unset;display:flex;align-items:center;justify-content:center;width:70px;aspect-ratio:1;border-radius:100px;border:1px solid #111;transition:background-color 0.2s, border-color 0.2s;cursor:pointer}
#inc05 .swiper-navigation button svg{transition:stroke 0.2s}

#inc05 .group-cont{margin-left:max(0px, calc((100% - var(--mainsize))/2))}
#inc05 .group-cont .swiper-slide{width:577px;height:403px;border-radius:20px;overflow:hidden}
#inc05 .group-cont .swiper-slide a{display:flex;width:100%;height:100%}
#inc05 .group-cont .swiper-slide img{width:100%;height:100%;object-fit:cover;transition:transform 0.2s}

@media (hover:hover){
#inc05 .swiper-navigation button:hover{background-color:var(--primary);border-color:var(--primary)}
#inc05 .swiper-navigation button:hover svg{stroke:#fff}
#inc05 .group-cont .swiper-slide a:hover img{transform:scale(1.1)}
}
/* 반응형 [s] */
@media (max-width:1600px){
#inc05{padding:120px 0}
#inc05 .inner{padding:0 20px 60px}
#inc05 .group-cont{padding-left:20px}
#inc05 .group-cont .swiper-slide{width:520px;height:350px}
#inc05 .swiper-navigation button{width:60px}
}
@media (max-width:1400px){
#inc05{padding:100px 0}
#inc05 .inner{padding:0 20px 40px}
#inc05 .group-cont .swiper-slide{width:460px;height:325px}
}
@media (max-width:1024px){
#inc05{padding:80px 0}
#inc05 .inner{flex-direction:column;align-items:center;gap:20px;padding:0 20px 30px}
#inc05 .group-title{align-items:center !important;text-align:center !important}
#inc05 .swiper-navigation button{width:50px}
#inc05 .swiper-navigation button svg{width:22px;height:22px}
#inc05 .group-cont .swiper-slide{width:auto;height:270px;border-radius:10px}
}
@media (max-width:768px){
#inc05{padding:70px 0}
#inc05 .group-cont{padding:0 20px}
}
@media (max-width:600px){
#inc05 .group-cont{padding:0}
#inc05 .group-cont .swiper-slide{height:200px}
}
@media (max-width:480px){
#inc05 .inner{gap:16px}
#inc05 .swiper-navigation button{width:45px}
#inc05 .swiper-navigation button svg{width:20px;height:20px}
}
@media (max-width:390px){
#inc05 .swiper-navigation{gap:5px}
#inc05 .swiper-navigation button{width:35px}
#inc05 .swiper-navigation button svg{width:15px}
}
/* 반응형 [e] */