@charset "utf-8";.cmpnt-lst04{background-color:#fff}
.cmpnt-lst04__wrap{line-height:140%;box-sizing:border-box}
.cmpnt-lst04__category{display:flex;flex-wrap:wrap}
.cmpnt-lst04__button{border-radius:30px;background-color:#fff;border:1px solid rgba(5,20,31,0.2);font-size:14px;box-sizing:border-box}
.cmpnt-lst04__button:hover{border-color:rgba(5,20,31,1)}
.cmpnt-lst04__button.is-selected{background-color:#05141f;color:#fff}
.cmpnt-lst04__list .swiper-slide{background-color:#f8f8f8;height:auto}
.cmpnt-lst04__list .swiper-slide>a,.cmpnt-lst04__list .swiper-slide>a:hover{text-decoration:none}
.cmpnt-lst04__video{position:relative;text-align:center}
.cmpnt-lst04__video::before{content:'';width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background-image:url('../../../../../content/dam/kwcms/gt/en/images/owners-new/common/ico-play.svg')}
.cmpnt-lst04__video::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-block;border-radius:50%;border:1px solid rgba(255,255,255,0.6);background-color:rgba(5,20,31,0);font-size:0;line-height:0;box-sizing:border-box;z-index:5}
.cmpnt-lst04__video:hover::after{border:2px solid rgba(255,255,255,1);background-color:rgba(5,20,31,0)}
.cmpnt-lst04__video img{width:100%;height:auto;aspect-ratio:16/9}
.cmpnt-lst04__video span{display:inline-block;position:relative}
.cmpnt-lst04__video span::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0);z-index:1}
.cmpnt-lst04__title{font-family:'kiaB';line-height:150%;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cmpnt-lst04__slide-pagination{display:none}
.cmpnt-lst04__wrap .swiper-button-prev,.cmpnt-lst04__wrap .swiper-button-next{display:none}
@media screen and (min-width:1025px) and (max-width:20000px){.cmpnt-lst04__wrap{width:1280px;margin:0 auto;padding:0 0 90px}
.cmpnt-lst04__category{gap:8px;padding:30px 0}
.cmpnt-lst04__button{padding:0 24px;height:42px}
.cmpnt-lst04__list .swiper-wrapper{flex-wrap:wrap;gap:40px}
.cmpnt-lst04__list .swiper-slide{width:400px}
.cmpnt-lst04__title{margin:24px;font-size:17px;min-height:52px}
.cmpnt-lst04__video::after{width:76px;height:76px}
}
@media screen and (min-width:1025px) and (max-width:1439px){.cmpnt-lst04__wrap{max-width:calc(100% - 8vw)}
.cmpnt-lst04__list .swiper-slide{width:calc((100% / 3) - 28px)}
}
@media screen and (max-width:1024px){.cmpnt-lst04__category{gap:6px;padding:28px 0}
.cmpnt-lst04__button{padding:0 16px;height:36px}
.cmpnt-lst04__title{margin:20px;font-size:16px;min-height:48px}
.cmpnt-lst04__video::after{width:50px;height:50px}
}
@media screen and (min-width:768px) and (max-width:1024px){.cmpnt-lst04__wrap{padding:0 38px 60px}
.cmpnt-lst04__list .swiper-wrapper{flex-wrap:wrap;gap:28px}
.cmpnt-lst04__list .swiper-slide{width:calc(50% - 14px)}
}
@media screen and (min-width:0) and (max-width:767px){.cmpnt-lst04__list.swiper{position:relative;overflow:visible}
.cmpnt-lst04__wrap{padding:0 20px 60px;overflow-x:hidden}
.cmpnt-lst04__wrap .swiper-button-prev,.cmpnt-lst04__wrap .swiper-button-next{width:44px;height:44px;background-size:20px}
.cmpnt-lst04__wrap .swiper-button-prev{left:-10px;top:25.5vw}
.cmpnt-lst04__wrap .swiper-button-next{right:-10px;top:25.5vw}
.cmpnt-pagination{display:none}
.cmpnt-lst04__slide-pagination{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:30px}
.cmpnt-lst04__slide-pagination span{font-size:16px;line-height:150%}
.cmpnt-lst04__slide-pagination--prev{margin-right:15px}
.cmpnt-lst04__slide-pagination--next{margin-left:15px}
.cmpnt-lst04__slide-pagination--current{font-family:'kiaB'}
.cmpnt-lst04__slide-pagination--total{color:rgba(5,20,31,0.6)}
.cmpnt-lst04__slide-pagination--prev,.cmpnt-lst04__slide-pagination--next{position:relative;width:18px;height:18px;text-indent:-9999em}
.cmpnt-lst04__slide-pagination--prev::before,.cmpnt-lst04__slide-pagination--next::before{content:'';position:absolute;left:0;top:0;display:inline-block;width:18px;height:18px;background-repeat:no-repeat;background-position:50% 50%;background-size:100%;background-image:url('../../../../../content/dam/kwcms/gt/en/images/owners-new/common/ico-swiper-arrow.svg')}
.cmpnt-lst04__slide-pagination--prev.is-disabled::before,.cmpnt-lst04__slide-pagination--next.is-disabled::before{background-image:url('../../../../../content/dam/kwcms/gt/en/images/owners-new/common/ico-arrow-grey.svg');cursor:default}
.cmpnt-lst04__slide-pagination--prev:not(.is-disabled)::before,.cmpnt-lst04__slide-pagination--next.is-disabled::before{transform:scaleX(-1)}
.cmpnt-lst04__wrap .swiper-button-next,.cmpnt-lst04__wrap .swiper-button-prev{display:block !important}
.cmpnt-lst04__wrap .swiper-button span{display:none}
.cmpnt-lst04__wrap .swiper-button-prev:after,.cmpnt-lst04__wrap .swiper-button-next:after{font-size:0}
.cmpnt-lst04__wrap .swiper-button-prev,.cmpnt-lst04__wrap .swiper-button-next{border-radius:50%;background-color:rgba(5,20,31,0.2);background-image:url('../../../../../content/dam/kwcms/gt/en/images/owners-new/common/ico-swiper-arrow-white.svg');background-position:50% 50%;background-repeat:no-repeat}
.cmpnt-lst04__wrap .swiper-button-prev{transform:rotate(3.142rad)}
.cmpnt-lst04__wrap .swiper-button-prev:hover,.cmpnt-lst04__wrap .swiper-button-next:hover{background-color:rgba(5,20,31,0.8)}
.cmpnt-lst04__wrap .swiper-button-prev.swiper-button-disabled,.cmpnt-lst04__wrap .swiper-button-next.swiper-button-disabled{display:none !important}
}