@charset "utf-8";

#inc05{overflow:hidden;padding:125px 0 120px;background-color:#f7f7f7}
#inc05 .group-title{text-align:center}
#inc05 .group-title .tit--en{padding-bottom:30px !important;color:var(--primary) !important}
#inc05 .group-title .tit--ko{padding-bottom:45px !important}
#inc05 .group-cont{display:flex;flex-direction:column;align-items:center}
#inc05 .group-cont .tab-menu{--width:180px;display:flex;align-items:center;justify-content:center;max-width:calc(var(--width) * 3);width:100%;margin:0 auto;padding:10px 15px;margin-bottom:75px;border-radius:100px;background-color:rgba(26,80,94,0.15)}
#inc05 .group-cont .tab-menu li{display:flex;align-items:center;justify-content:center;text-align:center;max-width:var(--width);width:100%;padding:16px;font-size:20px;font-weight:700;color:var(--primary);background-color:transparent;border-radius:100px;transition:background-color 0.3s, color 0.3s;cursor:pointer}
#inc05 .group-cont .tab-menu li.on{background-color:var(--primary);color:#fff}
#inc05 .group-cont .swiper-container{width:100%;height:100%;padding-bottom:78px}
#inc05 .group-cont .swiper-wrapper{gap:35px}
#inc05 .group-cont .swiper-slide{flex-shrink:1;max-width:456px;width:100%}
#inc05 .group-cont .swiper-slide article a{display:flex;flex-direction:column;background-color:#fff;border-radius:13px;overflow:hidden}
#inc05 .group-cont .swiper-slide article a .thumb-box{width:100%;aspect-ratio:456 / 320;border-radius:13px;overflow:hidden}
#inc05 .group-cont .swiper-slide article a .thumb-box img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
#inc05 .group-cont .swiper-slide article a .text-box{padding:30px 35px 40px;display:flex;flex-direction:column;align-items:flex-start}
#inc05 .group-cont .swiper-slide article a .text-box .cate{padding:5px 7px;font-size:13px;font-weight:700;color:var(--primary);background-color:rgba(26,80,94,0.15);border-radius:5px}
#inc05 .group-cont .swiper-slide article a .text-box .tit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:20px 0 40px;font-size:18px;line-height:1.4;font-weight:700;color:#111;word-break:keep-all}
#inc05 .group-cont .swiper-slide article a .text-box .date{font-size:13px;font-weight:600;color:#999}
#inc05 .group-cont .swiper-slide article a:hover .thumb-box img{transform:scale(1.1)}

/* 반응형 [s] */
@media (max-width:1500px){
#inc05{padding:100px 20px}
#inc05 .group-title .tit--ko{padding-bottom:40px !important}
#inc05 .group-cont .tab-menu{--width:160px;margin-bottom:52px}
#inc05 .group-cont .tab-menu li{font-size:18px}
#inc05 .group-cont .swiper-wrapper{gap:24px}
}
@media(max-width:1400px){
#inc05 .group-title .tit--ko{padding-bottom:35px !important}
#inc05 .group-cont .tab-menu{--width:130px;padding:8px 10px}
#inc05 .group-cont .tab-menu li{padding:14px;font-size:16px}
#inc05 .group-cont .swiper-container{padding-bottom:50px}
#inc05 .group-cont .swiper-slide article a .text-box{padding:25px 25px 30px}
#inc05 .group-cont .swiper-slide article a .text-box .tit{margin:16px 0 30px;font-size:17px}
}
@media (max-width:1300px){
#inc05{padding:80px 20px}
#inc05 .group-cont .swiper-container{padding-bottom:50px}
#inc05 .group-title .tit--en{padding-bottom:22px !important}
#inc05 .group-title .tit--ko{padding-bottom:30px !important}
#inc05 .group-cont .tab-menu{margin-bottom:42px}
#inc05 .group-cont .swiper-slide article a .text-box .tit{margin:16px 0 24px;font-size:16px}
}
@media (max-width:1024px){
#inc05 .group-title .tit--en{padding-bottom:16px !important}
#inc05 .group-title .tit--ko{padding-bottom:22px !important}
#inc05 .group-cont .tab-menu{--width:110px;margin-bottom:35px}
#inc05 .group-cont .tab-menu li{padding:12px;font-size:15px}
#inc05 .group-cont .swiper-container{padding-bottom:40px}
#inc05 .group-cont .swiper-wrapper{gap:18px}
#inc05 .group-cont .swiper-slide article a{border-radius:10px}
#inc05 .group-cont .swiper-slide article a .thumb-box{border-radius:10px}
}
@media (max-width:768px){
#inc05{padding:60px 20px}
#inc05 .group-title .tit--en{padding-bottom:12px !important}
#inc05 .group-title .tit--ko{padding-bottom:18px !important}
#inc05 .group-cont .tab-menu{--width:100px;margin-bottom:25px}
#inc05 .group-cont .tab-menu li{font-size:14px}
#inc05 .group-cont .swiper-container{padding-bottom:35px}
#inc05 .group-cont .swiper-wrapper{gap:0}
#inc05 .group-cont .swiper-slide{flex-shrink:0;max-width:none}
#inc05 .group-cont .swiper-slide article a .text-box{padding:20px 20px 24px}
#inc05 .group-cont .swiper-slide article a .text-box .tit{font-size:15px}
}
@media (max-width:480px){
#inc05{padding:50px 0}
#inc05 .group-cont .tab-menu{--width:88px;padding:6px 8px}
#inc05 .group-cont .tab-menu li{padding:10px;font-size:13px}
#inc05 .group-cont .swiper-slide{opacity:0.2;transition:opacity 0.3s}
#inc05 .group-cont .swiper-slide-active{opacity:1}
#inc05 .group-cont .swiper-slide article a .text-box .tit{margin:12px 0 20px;font-size:14px}
}
/* 반응형 [e] */