@charset "utf-8";

/* section */
.cmpnt-tabBanner{width:100%;}
.cmpnt-tabBanner__inner{max-width:1120px;margin:0 auto;}
.cmpnt-tabBanner__inner video {width: 100%;height: auto;}

.cmpnt-tabBanner__section .cmpnt-tabBanner__inner video, .cmpnt-tabBanner__section .cmpnt-tabBanner__inner img {width: 100%; object-fit: cover; vertical-align: top;}

/* Tab swiper */
.cmpnt-tabBanner .cmpnt-tabBanner__swiper {width:1120px; margin:0 auto;}
.cmpnt-tabBanner .tab-swiper__title {display:flex;}
.cmpnt-tabBanner .tab-swiper__title li{flex: 1;height:110px;text-align:center;border-bottom:2px solid #e5e5e5}
.cmpnt-tabBanner .tab-swiper__title li.on{border-color:#00AAD2;border-width: 5px;}
.cmpnt-tabBanner .tab-swiper__title button{font-family:'HyundaiSansHeadMedium';font-size:20px;line-height:30px;text-align:center;color:#B2B2B2;text-decoration:none;width: 100%;height: inherit;}
.cmpnt-tabBanner .tab-swiper__title .on button{color:#00AAD2;}
.cmpnt-tabBanner .tab-swiper__gallery{position: relative;}
.cmpnt-tabBanner .txt-desc {width: 100%;font-size: 16px;font-family: 'HyundaiSansHeadRegular';color: #000;line-height: 28px;}
.cmpnt-tabBanner__media.img-obj + .txt-desc, .cmpnt-tabBanner__media.video-obj + .txt-desc {padding: 24px 0;}
.cmpnt-tabBanner__media.video-obj{position: relative;line-height: 0;}
.cmpnt-tabBanner__media.video-obj::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background: #f6f3f2;}

/* in section */
.cmpnt-section.bg-white .cmpnt-tabBanner__media.video-obj::after{background: #fff;}

/* Mobile */
@media screen and (min-width:0) and (max-width:740px){

    /* section */
    .cmpnt-tabBanner__section{margin:0 auto;}
    .cmpnt-tabBanner__inner img,
    .cmpnt-tabBanner__inner video {width:100%;height:auto}

    /* tab-swiper */
    .cmpnt-tabBanner .cmpnt-tabBanner__swiper {width:100%;}
    .cmpnt-tabBanner .tab-swiper__title li{height:120px;border-width:2px}
    .cmpnt-tabBanner .tab-swiper__title li.on {border-width: 3px;}
    .cmpnt-tabBanner .tab-swiper__title button {font-size:14px;line-height:21px;}
    .cmpnt-tabBanner .tab-swiper__title button .add-desc{font-size:12px;line-height:18px;}
    .cmpnt-tabBanner .cmpnt-tabBanner__swiper .swiper-slide video{width:100%;height:auto}
    .cmpnt-tabBanner .tab-swiper__gallery .txt-desc {font-size: 14px;line-height: 21px;}
    .cmpnt-tabBanner__media.img-obj + .txt-desc, .cmpnt-tabBanner__media.video-obj + .txt-desc {padding: 20px 15px;}
    .cmpnt-tabBanner__media.video-obj::after{bottom: -1px;}

    /* in section */
    .cmpnt-section .layout-contents .txt-desc{padding:20px 0;}
}