@charset "utf-8";

#inc02{overflow:hidden;background-color:#111;color:#fff}
#inc02 .group-title{text-align:center}
#inc02 .group-title h3{padding-bottom:130px}

/* Product */
#inc02 .group-cont{display:flex;border:solid #292929;border-width:1px 0 1px 0}
#inc02 .group-cont > *{flex:1;height:954px}
#inc02 .group-cont .link-product{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:190px 0 135px;text-align:center}
#inc02 .group-cont .link-product:first-child{border-right:1px solid #292929}
#inc02 .group-cont .link-product .thumb-box{display:flex;max-width:510px;height:354px;margin-bottom:135px}
#inc02 .group-cont .link-product .thumb-img{width:100%;height:100%;object-fit:cover}
#inc02 .group-cont .link-product .txt-box{position:absolute;bottom:135px;z-index:1;display:flex;flex-direction:column;align-items:center}
#inc02 .group-cont .link-product .en-title{padding-bottom:20px;font-family:var(--e-font);font-size:16px;color:var(--primary);font-weight:700;text-transform:uppercase}
#inc02 .group-cont .link-product h4{padding-bottom:26px;font-size:45px;font-weight:700;line-height:100%;color:#fff}
#inc02 .group-cont .link-product .comment{font-size:20px;font-weight:600;line-height:1.16;color:#fff}
#inc02 .group-cont .link-product .info{display:flex;flex-direction:column;align-items:center;height:0;overflow:hidden;transition:height 0.2s}
#inc02 .group-cont .link-product .desc{padding:35px 0 40px;font-size:16px;line-height:1.6;color:var(--gray-font);white-space:pre-line}
#inc02 .group-cont .link-product .btn--l{width:214px;height:60px;border:2px solid var(--primary);color:var(--primary);font-size:17px;font-weight:700;transition:background-color 0.2s, color 0.2s}

#inc02 .group-cont .link-product .bg{position:absolute;inset:0%;opacity:0;visibility:hidden;transition:all 0.3s}
#inc02 .group-cont .link-product .bg::before{position:absolute;content:"";inset:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.6)}
#inc02 .group-cont .link-product .bg img{width:100%;height:100%;object-fit:cover;object-position:left} 
#inc02 .group-cont .link-product:last-child .bg img{object-position:center}

@media (hover){
#inc02 .group-cont .link-product:hover .desc{display:block}
#inc02 .group-cont .link-product:hover .btn--l{display:flex}
#inc02 .group-cont .link-product:hover .info{height:auto}
#inc02 .group-cont .link-product:hover .txt-box{bottom:50%;transform:translateY(50%)}
#inc02 .group-cont .link-product:hover .bg{opacity:1;visibility:visible}
#inc02 .group-cont .link-product .btn--l:hover{background-color:var(--primary);color:#fff} 
}

/* 라인업 (swiper) */
#inc02 .sc-series{padding:280px 0 238px;background-image:url(./img/inc02_series_bg.png);background-repeat:no-repeat;background-position:center top 70px;background-size:cover}
#inc02 .sc-series .cont-wrap{display:flex;align-items:center;margin-left:calc((100% - 1644px) / 2)}
#inc02 .sc-series .group-title{width:580px;text-align:left}
#inc02 .sc-series .group-title h3{font-size:40px}
#inc02 .sc-series .group-title .swiper-control{display:flex;align-items:center;gap:45px;padding-bottom:70px}
#inc02 .sc-series .group-title .swiper-control button{all:unset;cursor:pointer}
#inc02 .sc-series .group-title .swiper-pager{width:auto;font-family:var(--e-font);font-size:17px;font-weight:700}
#inc02 .sc-series .group-title .btn-wrap{display:flex;align-items:center;gap:20px;color:#fff;font-size:17px;font-weight:500}
#inc02 .sc-series .group-title .btn-wrap .btn--s{border:1px solid #fff}

#inc02 .sc-series .swiper-container{flex:1}
#inc02 .sc-series .swiper-slide{position:relative;width:397px;height:538px;border-radius:10px;overflow:hidden}
#inc02 .sc-series .swiper-slide a{position:relative;display:flex;width:397px;height:538px;overflow:hidden}
#inc02 .sc-series .swiper-slide .img_cont{width:100%;height:100%}
#inc02 .sc-series .swiper-slide .img_cont img{width:100%;height:100%;object-fit:cover;object-position:center}
#inc02 .sc-series .swiper-slide .txt{position:absolute;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:20px;width:100%;height:100%;padding:40px 35px;color:#fff;transform:translateY(100%);background:linear-gradient(to top, rgba(255, 92, 0, 0.85) 10%,  rgba(255,92,0,0) 65%);transition:transform 0.4s}
#inc02 .sc-series .swiper-slide h4{font-size:25px;font-weight:700;line-height:1.16}
#inc02 .sc-series .swiper-slide p.desc{font-size:16px;line-height:1.6;font-weight:500;white-space:pre-line}
#inc02 .sc-series .swiper-slide:hover .txt{transform:translateY(0)}