@charset "utf-8";

#inc02{position:relative}

/* Products 타이틀 + 화살표 */
#inc02 .product-head{display:flex;align-items:center;justify-content:space-between;padding:0 50px 70px}
#inc02 .product-title{font-family:var(--e-font);font-size:36px;font-weight:normal;color:var(--brand-color)}
#inc02 .product-nav{display:flex;align-items:center;gap:10px}

/* Swiper */
#inc02 .inc02Swiper{position:relative;overflow:hidden}
#inc02 .latest{display:flex;padding-bottom:265px}
#inc02 .latest .swiper-slide{height:auto;flex-shrink:0;border-right:0}
#inc02 .latest .swiper-slide-active{border-right:1px solid var(--brand-color)}
#inc02 .latest .swiper-slide-active + .swiper-slide{border-right:1px solid var(--brand-color)}

/* Product */
#inc02 .link-product{display:flex;flex-direction:column;height:100%;padding:0 50px;color:var(--brand-color)}
#inc02 .link-product .img{width:100%;height:320px;margin-bottom:64px;background-repeat:no-repeat;background-position:center center;background-size:contain}
#inc02 .link-product .cont{display:flex;flex-direction:column}
#inc02 .link-product .cont h3{font-family:var(--e-font);font-size:24px;font-weight:normal}
#inc02 .link-product .cont .size{padding-bottom:30px;font-family:var(--e-font);font-size:18px}

/* View Product */
#inc02 .btn--primary{display:inline-flex;align-items:center;justify-content:center;width:max-content;height:32px;padding:0 12px;border:1px solid var(--brand-color);border-radius:100px;font-size:16px;transition:background-color 0.2s,color 0.2s}
#inc02 .link-product:hover .btn--primary{background-color:var(--brand-color);color:var(--text-color)}

/* 화살표 */
#inc02 .inc02-prev,
#inc02 .inc02-next{position:relative;width:46px;height:46px;padding:0;border:1px solid var(--brand-color);border-radius:50%;background:transparent;cursor:pointer;transition:background-color 0.2s}
#inc02 .inc02-prev::before,
#inc02 .inc02-next::before{position:absolute;content:"";top:50%;left:50%;width:9px;height:9px;border:solid var(--brand-color);border-width:1px 1px 0 0}
#inc02 .inc02-prev::before{transform:translate(-35%,-50%) rotate(-135deg)}
#inc02 .inc02-next::before{transform:translate(-65%,-50%) rotate(45deg)}
#inc02 .inc02-prev:hover,
#inc02 .inc02-next:hover{background-color:var(--brand-color)}
#inc02 .inc02-prev:hover::before,
#inc02 .inc02-next:hover::before{border-color:var(--text-color)}

/* 반응형 [s] */
@media (max-width:1400px){
#inc02 .product-head{padding:0 40px 60px}
#inc02 .product-title{font-size:32px}
#inc02 .latest{padding-bottom:200px}
#inc02 .link-product{padding:0 40px}
#inc02 .link-product .img{height:300px;margin-bottom:50px}
}

@media (max-width:1200px){
#inc02 .product-head{padding:0 30px 50px}
#inc02 .product-title{font-size:30px}
#inc02 .latest{padding-bottom:120px}
#inc02 .link-product{align-items:center;padding:30px 40px;text-align:center}
#inc02 .link-product .img{height:360px;margin-bottom:35px}
#inc02 .link-product .cont{align-items:center}
#inc02 .link-product .cont h3{font-size:21px}
#inc02 .link-product .cont .size{padding-bottom:18px;font-size:17px}
#inc02 .btn--primary{font-size:15px}
#inc02 .inc02-prev,
#inc02 .inc02-next{width:42px;height:42px}
#inc02 .latest .swiper-slide-active,
#inc02 .latest .swiper-slide-active + .swiper-slide{border-right:0}
}

@media (max-width:1024px){
#inc02 .product-head{padding:0 25px 40px}
#inc02 .product-title{font-size:28px}
#inc02 .latest{padding-bottom:100px}
#inc02 .link-product{padding:25px 30px}
#inc02 .link-product .img{height:330px;margin-bottom:30px}
#inc02 .link-product .cont h3{font-size:19px}
#inc02 .link-product .cont .size{padding-bottom:14px;font-size:16px}
#inc02 .btn--primary{font-size:14px}
}

@media (max-width:768px){
#inc02 .product-head{padding:0 20px 32px}
#inc02 .product-title{font-size:26px}
#inc02 .product-nav{gap:8px}
#inc02 .latest{padding-bottom:80px}
#inc02 .link-product{padding:25px 20px}
#inc02 .link-product .img{height:270px;margin-bottom:25px}
#inc02 .link-product .cont h3{font-size:18px}
#inc02 .link-product .cont .size{font-size:15px}
#inc02 .inc02-prev,
#inc02 .inc02-next{width:38px;height:38px}
#inc02 .inc02-prev::before,
#inc02 .inc02-next::before{width:8px;height:8px}
}

@media (max-width:480px){
#inc02 .product-head{padding:0 15px 25px}
#inc02 .product-title{font-size:24px}
#inc02 .product-nav{gap:7px}
#inc02 .latest{padding-bottom:60px}
#inc02 .link-product{padding:20px 15px}
#inc02 .link-product .img{height:220px;margin-bottom:20px}
#inc02 .link-product .cont h3{font-size:17px}
#inc02 .link-product .cont .size{padding-bottom:12px;font-size:14px}
#inc02 .inc02-prev,
#inc02 .inc02-next{width:34px;height:34px}
}
/* 반응형 [e] */