@charset "utf-8";

/* ------------------------------------------------------------------
    delta v component > deltavGallery.css
    version : 20260331
* ------------------------------------------------------------------ */

.cmpnt-deltavGallery__inner{overflow:hidden; max-width:1160px; margin:0 auto; padding:0 20px; text-align:center;}
.cmpnt-deltavGallery__titleBox{margin-bottom:50px;}
.cmpnt-deltavGallery__title{font-family:'HyundaiMedium'; font-size:44px; line-height:54px; letter-spacing:-0.01em;}
.cmpnt-deltavGallery__sub-title{margin-top:4px; font-family:'HyundaiMedium'; font-size:30px; line-height:40px;}

.cmpnt-deltavGallery__swiper,
.cmpnt-deltavGallery__swiper-thumb{position:relative;}
.cmpnt-deltavGallery__swiper-thumb .swiper-slide{width:261px; filter:brightness(0.5); cursor:pointer; text-align:left;}
.cmpnt-deltavGallery__swiper-thumb .swiper-slide.swiper-slide-thumb-active,
.cmpnt-deltavGallery__swiper-thumb .swiper-slide:hover{filter:brightness(1);}

.cmpnt-deltavGallery__wrap{overflow:hidden;max-width:1120px; --swiper-navigation-color:#fff; --swiper-navigation-size: 14px;}
.cmpnt-deltavGallery__wrap .swiper-button span{opacity:0; font-size:0}
.cmpnt-deltavGallery__wrap .swiper-button .swiper-button-next{right:var(--swiper-navigation-sides-offset, 0px)}
.cmpnt-deltavGallery__wrap .swiper-button .swiper-button-prev{left:var(--swiper-navigation-sides-offset, 0px)}
.cmpnt-deltavGallery__wrap .swiper-button-next,
.cmpnt-deltavGallery__wrap .swiper-button-prev{top:50%; width:44px; height:44px; margin:0; background-color:rgba(0,0,0,0.3); transform:translateY(-50%);}

.cmpnt-deltavGallery__wrap .swiper-pagination-fraction{left:auto; bottom:25px; right:30px; width:auto; color:#fff; line-height:1;}

.cmpnt-deltavGallery__button{margin-top:25px; text-align:right;}
.cmpnt-deltavGallery__button a{display:inline-block; font-family:'HyundaiMedium'; font-size:14px; line-height:1;}
.cmpnt-deltavGallery__button a::before{content:''; display:inline-block; width:15px; height:14px; margin-right:5px; background:url('/content/dam/hyundai/ww/en/images/find-a-car/pip/component/common/icon-download-pc.png') no-repeat 0 0; vertical-align:middle;}

@media screen and (min-width:0) and (max-width:1023px){
    .cmpnt-deltavGallery__inner{padding:0 15px;}
    .cmpnt-deltavGallery__titleBox{margin-bottom:25px;}
    .cmpnt-deltavGallery__title{font-size:26px; line-height:31px;}
    .cmpnt-deltavGallery__sub-title{margin-top:3px; font-size:16px; line-height:24px;}

    .cmpnt-deltavGallery__wrap{overflow:hidden;}
    .cmpnt-deltavGallery__wrap .swiper-slide{aspect-ratio:16/9;}
    .cmpnt-deltavGallery__wrap .swiper-slide img{width:100%; height:auto;}
    .cmpnt-deltavGallery__wrap .swiper-button-next, 
    .cmpnt-deltavGallery__wrap .swiper-button-prev{width:35px; height:35px;}

    .cmpnt-deltavGallery__wrap .swiper-pagination-fraction{right:15px; bottom:15px; font-size:14px;}
    
    .cmpnt-deltavGallery__swiper-thumb{overflow:hidden; aspect-ratio:165/28;}
    .cmpnt-deltavGallery__swiper-thumb .swiper-slide{width:30%; aspect-ratio:99/56;}

    .cmpnt-deltavGallery__button{margin-top:20px;}
    .cmpnt-deltavGallery__button a{font-size:12px;}
    .cmpnt-deltavGallery__button a::before{width:16px; height:14px; background-image:url('/content/dam/hyundai/ww/en/images/find-a-car/pip/component/common/icon-download-m.png'); background-size:cover;}
}