@charset "utf-8";

#inc04{padding:185px 0 200px;overflow:hidden}
#inc04 .col-2{display:flex;align-items:center;gap:250px;padding-left:calc((100% - var(--mainsize)) / 2)}
#inc04 .fl-l{max-width:474px;width:100%}
#inc04 .fl-l .group-title{padding-bottom:70px}
#inc04 .fl-l .swiper-controller{display:flex;align-items:center;justify-content:space-between;gap:20px}
#inc04 .fl-l .swiper-controller .progress-bar{position:relative;max-width:270px;width:100%;height:2px;background-color:#e6e9ed}
#inc04 .fl-l .swiper-controller .progress-bar .bar{display:block;transform-origin:left;width:100%;height:100%;background-color:var(--primary);transform:scaleX(0)}
#inc04 .fl-l .swiper-controller .navigation{display:flex;align-items:center;justify-content:center;gap:10px}
#inc04 .fl-l .swiper-controller .navigation button{all:unset;display:flex;align-items:center;justify-content:center;width:61px;aspect-ratio:1;border-radius:100px;border:1px solid #e1e1e1;transition:all 0.3s;cursor:pointer}
#inc04 .fl-l .swiper-controller .navigation button svg{flex-shrink:0}
#inc04 .fl-l .swiper-controller .navigation button:hover{border-color:var(--primary);background-color:var(--primary);color:#fff}

#inc04 .fl-r .swiper-slide{max-width:557px;width:100%}
#inc04 .fl-r .swiper-slide a{display:flex;flex-direction:column;gap:40px}
#inc04 .fl-r .swiper-slide .thumb-box{width:100%;aspect-ratio:557 / 535;border-radius:13px;overflow:hidden}
#inc04 .fl-r .swiper-slide .thumb-box img{width:100%;height:100%;object-fit:cover}
#inc04 .fl-r .swiper-slide .text-box{display:flex;flex-direction:column;gap:22px}
#inc04 .fl-r .swiper-slide .text-box h3{font-size:35px;font-weight:700;color:#111}
#inc04 .fl-r .swiper-slide .text-box p.desc{font-size:17px;line-height:1.6;white-space:pre-line;word-break:keep-all;color:#666}