@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;gap:30px;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;width:350px}
#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{padding-right:35px;font-size:18px;font-weight:700;color:#111;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#inc06 .group-cont .tab-cont .link-more{display:flex;align-items:center;justify-content:center;gap:12px;width:352px;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}
@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}
}