@charset "utf-8";
.column{
     float: none;   
}
.cmpnt-column__wrap{display:flex; max-width:1120px; margin:0 auto;}

.cmpnt-column__title{font-family:'HyundaiSansHeadMedium'; line-height:1.3;}
.cmpnt-column__desc{font-family:'HyundaiSansHeadRegular'; line-height:1.3;}
.cmpnt-column__media{position:relative;}
.cmpnt-column__caption{position:absolute;bottom:20px;left:15px;font-family:'HyundaiSansHeadRegular';font-size:14px;line-height:1.2;}
.cmpnt-column__caption.text-align-r{left:auto;right:15px;}
.cmpnt-column__media video{object-fit: cover;}
.cmpnt-column__media.autoplay-none .video-btn{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/etc/designs/hyundai/ww/en/images/common/btn_video.png) no-repeat center / 60px 60px;z-index: 10;}

@media print, screen and (min-width: 741px) and (max-width: 20000px) {
    .cmpnt-column__wrap{justify-content:space-between;}
    .cmpnt-column__media + .cmpnt-column__title-wrap{margin-top:50px;}
    .cmpnt-column__media video{width:100%;height:auto;aspect-ratio:68/45;}
    .cmpnt-column__title{min-height:78px; font-size:28px;}
    .cmpnt-column__title + .cmpnt-column__desc{margin-top:16px;}
    .cmpnt-column__desc{font-size:16px;}

    .layout-column2 .cmpnt-column__item{width:544px;}
    .layout-column2 .cmpnt-column__media{width:544px; height:360px;}
    
    .layout-column3 .cmpnt-column__item{width:351px;}
    .layout-column3 .cmpnt-column__media{width:351px; height:232px;}
}

@media screen and (min-width:0) and (max-width:740px){
    .swiper-backface-hidden .swiper-slide{
      width: 100% !important;  
    }

    .swiper-backface-hidden .swiper-slide img{height: auto;}
        .cmpnt-fullBanner__media .swiper-slide {
        aspect-ratio: inherit;
        width: 100% !important;
    }
    .cmpnt-column__wrap{display:block; padding:0 15px;}

    .cmpnt-column__item + .cmpnt-column__item{margin-top:16px;}
    .cmpnt-column__media{aspect-ratio:180/119;}
    .cmpnt-column__caption{bottom:6px;left:6px;font-size:11px;}
    .cmpnt-column__caption.text-align-r{left:auto;right:6px;}
    .cmpnt-column__media img{width:100%; height:auto;}
    .cmpnt-column__media video{width:100%;height:auto;aspect-ratio: 16/9;}
    .cmpnt-column__media.autoplay-none .video-btn{background-size:30px 30px;}

    .cmpnt-column__title-wrap{margin-top:20px;}
    .cmpnt-column__title{font-size:20px;}
    .cmpnt-column__title + .cmpnt-column__desc{margin-top:20px;}
    .cmpnt-column__desc{font-size:14px;}

    /* in section */
    .cmpnt-section__inner.layout-contents .cmpnt-column__wrap{padding:0;}
}