@charset "utf-8";
#inc06{padding:175px 0px 180px}
#inc06 .group-cont{display:flex;flex-direction:column;gap:50px}
#inc06 .group-cont .tab-menu{display:flex;justify-content:center;gap:10px}
#inc06 .group-cont .tab-menu li{display:flex;align-items:center;justify-content:center;width:123px;height:47px;border-radius:100px;background-color:var(--gray);color:#aaa;font-size:18px;font-weight:700;transition:background-color 0.2s, color 0.2s;cursor:pointer}
#inc06 .group-cont .tab-menu li.on{background-color:var(--primary);color:#fff}
#inc06 .group-cont .tab-cont{display:grid}
#inc06 .group-cont .tab-cont > * {grid-area:1/1;display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;opacity:0;visibility:hidden;transition:opacity 0.2s 0.05s ease,visibility 0s linear 0.2s}
#inc06 .group-cont .tab-cont > .on{opacity:1;visibility:visible;transition:opacity 0.2s 0.05s ease, visibility 0s linear 0s}
#inc06 .group-cont .tab-cont ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px}
#inc06 .group-cont .tab-cont article .link-article{display:flex;flex-direction:column;gap:20px;max-width:350px;width:100%}
#inc06 .group-cont .tab-cont article .thumb-box{width:100%;height:352px;border-radius:15px;overflow:hidden}
#inc06 .group-cont .tab-cont article .thumb-box img{width:100%;height:100%;object-fit:cover;transition:transform 0.2s}
#inc06 .group-cont .tab-cont article .tit{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding-right:35px;font-size:18px;font-weight:700;color:#111}
#inc06 .group-cont .tab-cont .link-more{display:flex;align-items:center;justify-content:center;gap:12px;max-width:352px;width:100%;aspect-ratio:1;border-radius:500px;background-color:var(--gray);font-size:20px;font-weight:700;color:var(--primary);transition:background-color 0.2s, color 0.2s}
#inc06 .group-cont .tab-cont .link-more svg{flex-shrink:0}
@media (hover:hover){
#inc06 .group-cont .tab-cont .link-article:hover .thumb-box img{transform:scale(1.1)}
#inc06 .group-cont .tab-cont .link-more:hover{background-color:var(--primary);color:#fff}
}
/* 반응형 [s] */
@media (max-width:1600px){
#inc06{padding:120px 20px}
#inc06 .group-cont{gap:40px}
#inc06 .group-cont .tab-menu li{width:110px;height:42px;font-size:16px}
#inc06 .group-cont .tab-cont > *{justify-content:center;gap:20px}
#inc06 .group-cont .tab-cont ul{gap:20px}
#inc06 .group-cont .tab-cont .link-more{max-width:320px}
#inc06 .group-cont .tab-cont article .link-article{max-width:330px}
#inc06 .group-cont .tab-cont article .thumb-box{height:330px}
}
@media (max-width:1400px){
#inc06{padding:100px 20px}
#inc06 .group-cont{gap:30px}
#inc06 .group-cont .tab-cont > *{flex-direction:column;gap:50px}
#inc06 .group-cont .tab-cont ul{gap:14px}
#inc06 .group-cont .tab-cont .link-more{max-width:none;width:auto;padding:18px 24px;aspect-ratio:unset;font-size:16px;border:1px solid var(--primary);background-color:transparent}
#inc06 .group-cont .tab-cont article .link-article{max-width:none}
#inc06 .group-cont .tab-cont article .tit{padding-right:85px;font-size:17px;word-break:keep-all}
#inc06 .group-cont .tab-cont .link-more svg{width:22px;height:22px}
}
@media (max-width:1200px){
#inc06 .group-cont .tab-cont article .tit{padding-right:50px}
}
@media (max-width:1024px){
#inc06{padding:80px 0}
/* swiper */
#inc06 .group-cont .swiper-container{width:100%;height:100%}
#inc06 .group-cont .swiper-slide{opacity:0.3;transition:opacity 0.2s}
#inc06 .group-cont .swiper-slide-active{opacity:1}
#inc06 .group-cont .tab-menu li{height:38px;font-size:15px}
#inc06 .group-cont .tab-cont > *{gap:40px}
#inc06 .group-cont .tab-cont ul{display:flex;gap:0}
#inc06 .group-cont .tab-cont article .tit{font-size:16px}
#inc06 .group-cont .tab-cont article .link-article{gap:15px}
#inc06 .group-cont .tab-cont article .thumb-box{height:320px;border-radius:10px}
#inc06 .group-cont .tab-cont .link-more{gap:10px;padding:16px 24px;font-size:15px}
#inc06 .group-cont .tab-cont .link-more svg{width:20px;height:20px}
}
@media (max-width:768px){
#inc06{padding:70px 0}
#inc06 .group-cont .tab-cont > *{gap:35px}
#inc06 .group-cont .tab-cont article .tit{font-size:15px}
}
@media (max-width:480px){
#inc06 .group-cont{gap:24px}
#inc06 .group-cont .tab-menu li{width:95px;height:35px;font-size:14px}
#inc06 .group-cont .tab-cont article .thumb-box{height:270px}
#inc06 .group-cont .tab-cont .link-more{flex-wrap:wrap;justify-content:center;gap:6px;padding:14px 22px;font-size:14px;text-align:center;word-break:keep-all}
}
/* 반응형 [e] */