@charset "utf-8";

#inc04{position:relative;padding-top:380px;background-color:#fff}
#inc04 .target-hide{top:250px !important}

#inc04 .group-title{display:flex;align-items:center;justify-content:space-between}
#inc04 .link-more{overflow:hidden;position:relative;display:flex;align-items:center;gap:14px;font-size:22px;font-weight:700;transition:color 0.2s}
#inc04 .link-more span{display:inline-flex}
#inc04 .link-more svg{flex-shrink:0}

#inc04 .group-cont .swiper-slide a{display:flex;flex-direction:column;gap:30px}
#inc04 .group-cont .swiper-slide .thumb-box{overflow:hidden;height:384px;border-radius:13px}
#inc04 .group-cont .swiper-slide .thumb-box img{width:100%;height:100%;object-fit:cover;transition:transform 0.2s}
#inc04 .group-cont .swiper-slide .txt-box{display:flex;flex-direction:column;gap:14px}
#inc04 .group-cont .swiper-slide .txt-box .cate-list{display:flex;gap:7px}
#inc04 .group-cont .swiper-slide .txt-box .cate{display:flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:3px;font-size:17px;font-weight:700;color:var(--primary);background-color:rgba(47,129,119,0.2)}
#inc04 .group-cont .swiper-slide .txt-box h3{font-size:30px;font-weight:700;color:#111;line-height:1.4;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

#inc04 .link-more:hover{color:var(--primary)}
#inc04 .group-cont .swiper-slide a:hover .thumb-box img{transform:scale(1.07)}

/* 반응형 [s] */
@media (max-width:1800px){
#inc04{padding:180px 20px 0}
#inc04 .group-cont .swiper-slide .txt-box .cate{font-size:16px}
#inc04 .group-cont .swiper-slide .txt-box h3{font-size:24px}
}
@media (max-width:1600px){
#inc04 .group-cont .swiper-slide a{gap:24px}
#inc04 .group-cont .swiper-slide .thumb-box{height:325px}
#inc04 .group-cont .swiper-slide .txt-box{gap:12px}
#inc04 .group-cont .swiper-slide .txt-box .cate{padding:4px 8px;font-size:15px}
#inc04 .group-cont .swiper-slide .txt-box h3{font-size:22px}
}
@media (max-width:1400px){
#inc04 .link-more{font-size:20px}
#inc04 .group-cont .swiper-slide a{gap:18px}
#inc04 .group-cont .swiper-slide .thumb-box{height:280px}
#inc04 .group-cont .swiper-slide .txt-box{gap:8px}
#inc04 .group-cont .swiper-slide .txt-box .cate{font-size:14px}
#inc04 .group-cont .swiper-slide .txt-box h3{font-size:20px}
}
@media (max-width:1200px){
#inc04{padding:100px 20px 0}
}
@media (max-width:1024px){
#inc04 .link-more{gap:10px;font-size:18px}
#inc04 .link-more svg{width:22px;height:22px}
#inc04 .group-cont .swiper-slide .thumb-box{height:225px}
#inc04 .group-cont .swiper-slide .txt-box h3{font-size:18px}
}
@media (max-width:768px){
#inc04{padding:70px 20px 0}
#inc04 .link-more{gap:8px;font-size:16px}
#inc04 .link-more svg{width:20px;height:20px}
#inc04 .group-cont .swiper-slide a{gap:14px}
#inc04 .group-cont .swiper-slide .txt-box .cate{padding:4px 6px;font-size:13px}
#inc04 .group-cont .swiper-slide .txt-box h3{font-size:16px}
}
@media (max-width:480px){
#inc04{padding:60px 20px 0}
#inc04 .link-more{gap:4px;font-size:15px}
#inc04 .link-more svg{width:18px;height:18px}
#inc04 .group-cont .swiper-slide .txt-box h3{font-size:15px}
}
/* 반응형 [e] */