@charset "utf-8";
.usp{
     width: 99vw;
    margin-left: calc(-50vw + 50.8%);  
}
.cmpnt-uspBanner__sub-title{font-family:'HyundaiSansHeadMedium';font-size:30px;line-height:40px;margin-bottom:28px;}
.cmpnt-uspBanner__section{width:100%; margin:0 auto;}
.cmpnt-uspBanner__section .cmpnt-uspBanner__description{margin:0 0 50px;text-align:center}
.cmpnt-uspBanner__section .cmpnt-uspBanner__title{font-family:'HyundaiSansHeadMedium';font-size:44px;line-height:54px;margin-bottom:20px;letter-spacing:-0.01em;text-align:center;}

/* swiper */
.cmpnt-uspBanner__section .swiper-area {overflow:hidden;padding-bottom:36px;}
.cmpnt-uspBanner__section .full-swiper {overflow:visible;position:relative;}
.cmpnt-uspBanner__section .full-swiper .swiper-slide {max-width:960px; background-color:#f6f3f2;}
.cmpnt-uspBanner__section .full-swiper .swiper-slide:after {content:'';display:block;position:absolute;top:0;z-index:1;width:100%;height:100%;background-color:rgba(246,243,242,0.85);}
.cmpnt-uspBanner__section .full-swiper .swiper-slide-active:after {content:none;}
.cmpnt-uspBanner__section .full-swiper .swiper-slide-active::before{content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #f6f3f2; border-top:none;}
.cmpnt-uspBanner__section .full-swiper video {width:100%;height: auto;max-width:880px;aspect-ratio:16/9;}
.cmpnt-uspBanner__section .full-swiper .swiper-box {position:relative; text-align:center;}
.cmpnt-uspBanner__section .full-swiper .swiper-box::before{content:''; position:absolute; left:0; right:0; top:0; bottom:0;z-index:1;}
.cmpnt-uspBanner__section .full-swiper .cmpnt-uspBanner__title-wrap {margin:0; padding:30px 40px 50px;}
.cmpnt-uspBanner__section .full-swiper .cmpnt-uspBanner__title-wrap .cmpnt-uspBanner__sub-title {margin-bottom:16px; font-size:24px;line-height:30px;}
.cmpnt-uspBanner__section .full-swiper .cmpnt-uspBanner__title-wrap .cmpnt-uspBanner__desc{min-height:85px; letter-spacing:-0.5px;    font-family: 'HyundaiSansHeadRegular';}
.cmpnt-uspBanner__section .full-swiper .swiper-pagination {top:auto !important; bottom:-36px !important; font-size:0;line-height:1;}
.cmpnt-uspBanner__section .full-swiper .swiper-pagination-bullet{margin:0 5px !important; background:#e4dcd3; opacity:1;}
.cmpnt-uspBanner__section .full-swiper .swiper-pagination-bullet-active{background:#00aad2;}
.cmpnt-uspBanner__section .full-swiper .swiper-button span{opacity:0;font-size:0;}
.cmpnt-uspBanner__section .full-swiper .swiper-button .swiper-button-prev {left:calc(50% - 550px)}
.cmpnt-uspBanner__section .full-swiper .swiper-button .swiper-button-next {right:calc(50% - 550px)}
.cmpnt-uspBanner__section .full-swiper .swiper-button-prev:after, 
.cmpnt-uspBanner__section .full-swiper .swiper-button-next:after{font-size:30px; color:#000;}
.cmpnt-uspBanner__section .full-swiper .swiper-slide.swiper-slide-next .cmpnt-uspBanner__title-wrap, 
.cmpnt-uspBanner__section .full-swiper .swiper-slide.swiper-slide-prev .cmpnt-uspBanner__title-wrap{display:none;}

@media print, screen and (min-width: 741px) and (max-width: 20000px) {
    .cmpnt-uspBanner__section .full-swiper .swiper-box {height:520px;}
    .cmpnt-uspBanner__section .full-swiper .swiper-box::after{content:''; position:absolute; left:39px; right:39px; top:0; bottom:24px; border:2px solid #f6f3f2; border-top:none; z-index:1;}
    .cmpnt-uspBanner__section .full-swiper .cmpnt-uspBanner__title-wrap{min-height:266px;}
}

@media screen and (min-width:0) and (max-width:740px){
    .cmpnt-uspBanner__section .cmpnt-uspBanner__title{font-size:27px;line-height:32px;margin-bottom:12px;}
    .cmpnt-uspBanner__section .cmpnt-uspBanner__description{margin:0 0 35px;}
    .cmpnt-uspBanner__inner{padding: 0 15px;}
    .cmpnt-uspBanner__title-wrap{margin-bottom: 30px;} 
    .cmpnt-uspBanner__sub-title{font-size: 19px;line-height: 24px;margin-bottom: 18px;}

    /* swiper */
    .cmpnt-uspBanner__section .full-swiper .swiper-box{padding:9px 8px 0;}
    .cmpnt-uspBanner__section .full-swiper .cmpnt-uspBanner__title-wrap{min-height:300px; padding:22px 17px 30px;}
    .cmpnt-uspBanner__section .full-swiper .cmpnt-uspBanner__title-wrap .cmpnt-uspBanner__sub-title{margin-bottom:10px; font-size:17px; line-height:22px;}
    .cmpnt-uspBanner__section .full-swiper .cmpnt-uspBanner__title-wrap .cmpnt-uspBanner__desc{min-height:147px;}
    .cmpnt-uspBanner__section .full-swiper .swiper-button-next::after, 
    .cmpnt-uspBanner__section .full-swiper .swiper-button-prev::after{display:none;}
    .cmpnt-uspBanner__section .full-swiper .swiper-pagination{bottom:-28px !important;}
    .cmpnt-uspBanner__section .full-swiper .swiper-pagination-bullet{margin:0 4px !important;width:7px;height:7px;}
}