@charset "utf-8";
#inc05{padding-top:260px;background-color:var(--bg)}
#inc05 .col-2{display:flex;justify-content:space-between}
#inc05 .fl-l .group-tit{padding-bottom:64px}
#inc05 .fl-l .tab-list{display:flex;align-items:flex-start;gap:10px}
#inc05 .fl-l .tab-list li{max-width:110px;width:100%;height:50px}
#inc05 .fl-l .tab-list li button{all:unset;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#dbd6ce;border-radius:100px;font-family:var(--main-font);font-size:18px;font-weight:600;color:#777;cursor:pointer}
#inc05 .fl-l .tab-list li button.on{background-color:var(--primary);color:#fff}

#inc05 .fl-r{display:grid;max-width:700px;width:100%}
#inc05 .fl-r .tab-view{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity 0.3s, visibility 0s 0.3s}
#inc05 .fl-r .tab-view.on{opacity:1;visibility:visible;transition:opacity 0.3s, visibility 0s}
#inc05 .fl-r .ac--list{display:flex;flex-wrap:wrap;gap:37px 30px}
#inc05 .fl-r .ac--list li{max-width:333px;width:100%}
#inc05 .fl-r .ac--list li a{display:flex;flex-direction:column;border-radius:10px;overflow:hidden}
#inc05 .fl-r .ac--list li a .thumb-box{width:100%;overflow:hidden}
#inc05 .fl-r .ac--list li:nth-child(2) a .thumb-box,#inc05 .fl-r .ac--list li:nth-child(3) a .thumb-box{aspect-ratio:333 / 418}
#inc05 .fl-r .ac--list li:nth-child(1) a .thumb-box, #inc05 .fl-r .ac--list li:nth-child(4) a .thumb-box{aspect-ratio:333 / 228}
#inc05 .fl-r .ac--list li:nth-child(3) a{transform:translateY(-190px)}
#inc05 .fl-r .ac--list li a .thumb-box img{width:100%;height:100%;object-fit:cover}
#inc05 .fl-r .ac--list li a .text-box{display:flex;flex-direction:column;gap:10px;padding:24px 30px;background-color:#fff;transition:background-color 0.3s}
#inc05 .fl-r .ac--list li a .text-box h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:20px;font-weight:500;color:#000;word-break:keep-all;line-height:1.3;transition:color 0.3s}
#inc05 .fl-r .ac--list li a .text-box .date{font-size:14px;color:#aaa;transition:color 0.3s}

@media (hover:hover){
#inc05 .fl-r .ac--list li a:hover .text-box{background-color:var(--primary)}
#inc05 .fl-r .ac--list li a:hover .text-box h3, #inc05 .fl-r .ac--list li a:hover .text-box .date{color:#fff}
}