@charset "utf-8";

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

.cmpnt-multipleBanner__media{overflow:hidden;}
.cmpnt-multipleBanner__media img, 
.cmpnt-multipleBanner__media video{width:100%;object-fit:cover;}
.cmpnt-multipleBanner__sub-title,
.cmpnt-multipleBanner__title{font-family:'HyundaiSansHeadMedium'; line-height:1.3;}
.cmpnt-multipleBanner__desc{ line-height:1.5;}

/* in section */
.cmpnt-section__inner .cmpnt-multipleBanner__inner{padding-top:0; padding-bottom:0;}

@media print, screen and (min-width: 1024px) and (max-width: 20000px) {
    .cmpnt-multipleBanner__inner{max-width:1160px; margin:0 auto; padding:0 20px;}
    .cmpnt-multipleBanner__item{display:flex; align-items:center;}
    .cmpnt-multipleBanner__item.layout-media-right{flex-direction:row-reverse;}
    .cmpnt-multipleBanner__item.layout-text-top{align-items:start;}

    .cmpnt-multipleBanner__title{margin-bottom:20px; font-size:30px;}
    .cmpnt-multipleBanner__sub-title{font-size:20px;}
    .cmpnt-multipleBanner__sub-title + .cmpnt-multipleBanner__desc{margin-top:15px;}
    .cmpnt-multipleBanner__desc{font-size:16px;}
    
    .layout-ratio-type1 .cmpnt-multipleBanner__item{gap:40px;}
    .layout-ratio-type1 .cmpnt-multipleBanner__item + .cmpnt-multipleBanner__item{margin-top:50px;}
    .layout-ratio-type1 .cmpnt-multipleBanner__media{width:65%; max-width:720px; height:480px; aspect-ratio:3/2;}
    .layout-ratio-type1 .cmpnt-multipleBanner__title-wrap{width:calc(35% - 40px);}
    
    .layout-ratio-type2 .cmpnt-multipleBanner__item{gap:70px;}
    .layout-ratio-type2 .cmpnt-multipleBanner__media{width:50%; height:478px; aspect-ratio:280/239;}
    .layout-ratio-type2 .cmpnt-multipleBanner__title-wrap{width:calc(50% - 70px);}
    .layout-ratio-type2 .layout-media-right + .layout-media-right, 
    .layout-ratio-type2 .layout-media-left + .layout-media-left{margin-top:50px;}
}

@media screen and (min-width:0) and (max-width:1023px){
    .cmpnt-multipleBanner__inner{padding:0 15px;}
    .cmpnt-multipleBanner__item + .cmpnt-multipleBanner__item{margin-top:50px;}
    .cmpnt-multipleBanner__title{margin-bottom:8px; font-size:19px;}
    .cmpnt-multipleBanner__sub-title{font-size:14px;}
    .cmpnt-multipleBanner__sub-title + .cmpnt-multipleBanner__desc{margin-top:15px;}
    .cmpnt-multipleBanner__desc{font-size:14px;}
    .cmpnt-multipleBanner__title-wrap{margin-top:20px;}

    .cmpnt-multipleBanner__media img, 
    .cmpnt-multipleBanner__media video{height:auto;}

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