@charset "utf-8";

/* ------------------------------------------------------------------
    tucson-2026 > highlights.css
    version : 20261001
* ------------------------------------------------------------------ */

/* 공통 */
.text-main--large,
.text-main--medium,
.text-main--small{font-family:'HyundaiMedium';}
.text-sub--large,
.text-sub--medium,
.text-sub--small{font-family:'HyundaiTextRegular';}

.page__title-box{padding:96px 0 64px;text-align:center;}
.page__title-box h2{font-family:'HyundaiMedium';font-size:40px;line-height:50px;}

.page__text-column.text-sub--large,
.page__text-column.text-sub--medium{font-family:'HyundaiRegular';}

.page__bg-lightSand{background:#F6F3F2;}

.page__contents img,
.page__contents video{width:100%;height:auto;object-fit:cover;}

.page__text-list li{padding-left:10px;font-size:18px;line-height:28px;text-indent:-10px;}
.page__text-list li + li{margin-top:5px;}

.page__disclaimer{max-width:1536px;padding:0 20px;margin:0 auto;}
.page__disclaimer p{padding-left:10px;font-family:'HyundaiTextRegular';font-size:14px;color:#fff;line-height:28px;text-indent:-10px;}

/* section 01 */
.page__section--01{text-align:center;}
.page__section--01 .page__contents{overflow:hidden;}

/* section 02 */
.page__video-player{position:relative;max-width:1120px;margin:0 auto;line-height:0;aspect-ratio:16/9;}
.page__yt-player{display:block;width:100%;aspect-ratio:16/9;}
.page__yt-player iframe{width:100%;height:100%;display:block;}
.page__video-thumb{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.page__video-thumb img{width:100%;height:100%;object-fit:cover;}
.page__video-thumb.is-hidden{display:none;}
.page__video-playBtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:url('/content/dam/hyundai/ww/en/images/find-a-car/pip/suv/tucson-2026/highlights/btn-video-play.png') no-repeat left top;}

/* section 03 */
.page__fullBanner-swiper{overflow:hidden;position:relative;}
.page__fullBanner-swiper .swiper-slide{position:relative;aspect-ratio:16/9;line-height:0;}
.page__fullBanner-swiper .swiper-slide img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
.page__fullBanner-swiper .text-main--medium{letter-spacing:0;}
.page__fullBanner-swiper .swiper-slide:nth-child(2) .page__text-box--column{display:flex;max-width:1496px;height:100%;align-items:unset;}
.page__fullBanner-swiper .swiper-slide:nth-child(2) .text-sub--medium{display:flex;align-items:end;padding:0;}

/* section 04 */
.page__section--04{background:#000;}
.page__section--04 .page__text-box{color:#fff;text-align:center;}
.page__section--04 .text-sub--medium{font-family:'HyundaiRegular';}
.page__pleos-swiper{overflow:hidden;position:relative;}
.page__pleos-swiper .swiper-slide{max-width:880px;text-align:center;opacity:25%;}
.page__pleos-swiper .swiper-slide.swiper-slide-active{opacity:1;}
.page__pleos-swiper .page__text-box{text-align:left;}
.page__pleos-image{aspect-ratio:220/127;}

/* section 05 */
.page__section--05{overflow:hidden;color:#fff;}
.page__section--05 .page__section-inner{max-width:1496px;margin:0 auto;padding:100px 0;}
.page__section--05 .page__disclaimer{margin-top:50px;padding:0;}
.page__gleo-tabSection{overflow:hidden;position:relative;max-width:1120px;margin:108px auto 0;}
.page__gleo-tabSection .page__tab-title{display:flex;width:100%;}
.page__gleo-tabSection .page__tab-title li{display:flex;width:100%;height:70px;border-bottom:2px solid #e5e5e5;align-items:center;justify-content:center;cursor:pointer;z-index:2;}
.page__gleo-tabSection .page__tab-title li span{font-family:'HyundaiMedium';font-size:20px;color:#b2b2b2;line-height:20px;}
.page__gleo-tabSection .page__tab-title li.on{border-width:5px;border-color:#00AAD2;}
.page__gleo-tabSection .page__tab-title li.on span{color:#00AAD2;}
.page__gleo-tabSection .page__tab-mediaSwiper .page__contents{line-height:0;}
.page__gleo-tabSection .page__tab-mediaSwiper .text-sub--small{position:absolute;left:0;bottom:-153px;max-width:1120px;min-height:70px;margin:0 auto;}

/* section 06 */
.page__section--06 .text-sub--medium{font-family:'HyundaiRegular';}

/* section 07 */
.cmpnt-engine{overflow:hidden;position:relative;}
.cmpnt-engine__counter{color:#fff;}
.cmpnt-engine__section{font-family:'HyundaiMedium';}
.cmpnt-engine__type{font-size:18px;line-height:20px;letter-spacing:-1px;}
.cmpnt-engine__num{font-size:0;}
.cmpnt-engine__num > strong{font-weight:normal;}
.cmpnt-engine__num > span{font-family:'HyundaiLight';}
.cmpnt-engine__text{position:absolute;left:20px;right:20px;bottom:60px;max-width:1496px;margin:0 auto;}
.cmpnt-engine__text li{font-family:'HyundaiTextRegular';font-size:14px;color:#fff;line-height:28px;}

/* section 08 */
.page__mode-tabSection{overflow:hidden;position:relative;}
.page__mode-tabSection .page__tab-title{position:absolute;left:20px;right:20px;bottom:124px;z-index:2;}
.page__mode-tabSection .page__tab-title ul{display:flex;max-width:1496px;width:100%;margin:0 auto;gap:10px;}
.page__mode-tabSection .page__tab-title li{width:205px;background:#fff;text-align:center;cursor:pointer;}
.page__mode-tabSection .page__tab-title li span{display:block;font-family:'HyundaiMedium';font-size:20px;line-height:56px;}
.page__mode-tabSection .page__tab-title li.on{background:#000;}
.page__mode-tabSection .page__tab-title li.on span{color:#fff;}
.page__mode-tabSection .page__contents{position:relative;}
.page__mode-tabSection .page__contents::before{content:'';position:absolute;left:0;right:0;bottom:0;height:360px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);opacity:0.6;}
.page__mode-tabSection .page__text-box{position:absolute;left:20px;right:20px;bottom:75px;padding:0;z-index:2;}
.page__mode-tabSection .page__text-box p{max-width:1496px;width:100%;margin:0 auto;color:#fff;text-align:left;}

/* seciton 10 */
.page__section--10{padding-bottom:96px;background:#F6F3F2;}
.page__section--10 .page__section-inner{max-width:1160px;margin:0 auto;padding:0 20px;}

/* section 11 */
.accordion-container .title-box .title{display:none;}

@media print, screen and (min-width: 1024px) and (max-width: 20000px) {
    /* 공통 */
    .text-main--large{font-size:80px;line-height:90px;letter-spacing:-0.44px;}
    .text-main--medium{font-size:55px;line-height:60px;letter-spacing:-0.44px;}
    .text-main--small{font-size:30px;line-height:35px;}

    .text-sub--large{font-size:26px;line-height:35px;}
    .text-sub--medium{font-size:20px;line-height:30px;}
    .text-sub--small{font-size:16px;line-height:28px;}

    .page__text-box{padding:100px 20px;}
    .page__text-box--column{display:flex;max-width:1496px;width:100%;margin:0 auto;justify-content:space-between;}
    .page__text-column + .page__text-column{max-width:495px;padding-left:20px;}

    /* section 01 */
    .page__section--01 .text-main--large{padding:128px 20px;}
    .page__section--01 .text-main--small{padding:100px 20px;letter-spacing:-2%;}
    .page__section--01 .page__contents{aspect-ratio:2/1;}

    /* section 02 */
    .page__section--02{padding-bottom:165px;}
    .page__section--02 .page__text-box{padding-bottom:87px;}

    /* section 03 */
    .page__fullBanner-swiper .page__text-box{position:absolute;left:0;right:0;bottom:0;padding-bottom:128px;color:#fff;}
    .page__fullBanner-swiper .page__text-box--column{align-items:end;}
    .page__fullBanner-swiper .swiper-slide:nth-child(2) .page__text-box{left:20px;right:20px;top:124px;bottom:183px;padding:0;}
    .page__fullBanner-swiper .swiper-slide:nth-child(2) .text-sub--medium{max-width:unset;width:45%;}
    .page__fullBanner-swiper .swiper-slide:nth-child(4) .page__text-box--column{flex-direction:row-reverse;}

    /* section 04 */
    .page__section--04{padding-bottom:100px;}
    .page__section--04 .text-main--large{margin-bottom:25px;}
    .page__section--04 .text-sub--medium .br-pc{display:block !important;}
    .page__section--04 .page__text-box{padding-top:128px;padding-bottom:70px;}
    .page__pleos-swiper .page__text-box{padding:55px 0 105px;}
    .page__pleos-swiper .text-main--small{margin-bottom:16px;font-size:24px;line-height:30px;}
    .page__pleos-swiper [class*="swiper-button-"]{top:45%;width:17px;height:31px;margin:0;color:#808080;}
    .page__pleos-swiper [class*="swiper-button-"]::after{font-size:31px;}
    .page__pleos-swiper [class*="swiper-button-"] span{font-size:0;line-height:0;}
    .page__pleos-swiper .swiper-button-prev{left:50%;margin-left:-545px;}
    .page__pleos-swiper .swiper-button-next{right:50%;margin-right:-545px;}
    .page__pleos-swiper .swiper-pagination{bottom:53px;}

    /* section 05 */
    .page__section--05{position:relative;padding:0 20px;background:#000 url('/content/dam/hyundai/ww/en/images/find-a-car/pip/suv/tucson-2026/highlights/bg_gleo-line-pc.png') repeat-x left top;}
    .page__section--05::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);max-width:1920px;width:100%;height:120px;background:#000 url('/content/dam/hyundai/ww/en/images/find-a-car/pip/suv/tucson-2026/highlights/bg_gleo-pc.png') no-repeat left top;}
    .page__section--05 .page__section-inner{position:relative;z-index:2;}
    .page__gleo-tabSection .page__tab-swiper{padding-bottom:83px;}
    .page__gleo-tabSection .page__tab-title li.on span{margin-bottom:-3px;}
    .page__gleo-tabSection .page__tab-mediaSwiper .page__contents,
    .page__gleo-tabSection .page__tab-mediaSwiper .page__contents video{aspect-ratio:560/323;}

    /* section 06 */
    .page__section--06{padding-bottom:177px;}
    .page__section--06 .page__text-box{padding-top:128px;padding-bottom:178px;text-align:center;}
    .page__section--06 .text-sub--medium{max-width:1196px;margin:25px auto 0;}
    .page__section--06 .page__contents{max-width:1496px;margin:0 auto;aspect-ratio:17/8;}

    /* section 07 */
    .cmpnt-engine__counter{position:absolute;left:20px;right:20px;bottom:125px;display:flex;max-width:1496px;margin:0 auto;justify-content:right;}
    .cmpnt-engine__inner{min-width:472px;}
    .cmpnt-engine__item{margin-bottom:25px;}
    .cmpnt-engine__media,
    .cmpnt-engine__media img{aspect-ratio:16/9;}
    .cmpnt-engine__num > strong{display:inline-block;min-width:162px;font-size:90px;line-height:100px;}
    .cmpnt-engine__num span{font-size:90px;line-height:100px;}
    .cmpnt-engine__num > span + span{margin-left:10px;font-size:32px;}
    .cmpnt-engine__section:first-child .cmpnt-engine__item:first-child .cmpnt-engine__num > strong{min-width:186px;}

    /* section 08 */
    .page__mode-tabSection .page__contents,
    .page__mode-tabSection .page__contents img{aspect-ratio:16/9;}

    /* section 09 */
    .page__section--09 .page__text-box{text-align:center;}
    .cmpnt-deltavGallery__wrap{max-width:none;}
    .cmpnt-deltavGallery__wrap .swiper-slide{aspect-ratio:16/9;}
    .cmpnt-deltavGallery__wrap .swiper-slide img{width:100%;height:auto;object-fit:cover;aspect-ratio:16/9;}
    .cmpnt-deltavGallery__wrap .swiper-pagination-fraction{left:20px;right:20px;max-width:1120px;margin:0 auto;text-align:right;}
    .cmpnt-deltavGallery__button{max-width:1160px;margin:0 auto;padding:50px 20px;}
    .cmpnt-disclaimer ul li{font-size:14px;}
}

@media print, screen and (min-width: 1024px) and (max-width: 1180px) {
    /* section 05 */
    .page__gleo-tabSection .page__tab-swiper{padding-bottom:137px}
    .page__gleo-tabSection .page__tab-mediaSwiper .text-sub--small{bottom:-207px;min-height:120px;}
}

@media print, screen and (min-width: 1024px) and (max-width: 1120px) {
    /* section 03 */
    .page__fullBanner-swiper .page__text-column + .page__text-column{max-width:450px;}

    /* section 04 */
    .page__pleos-swiper .swiper-button-prev{left:20px;margin-left:0;}
    .page__pleos-swiper .swiper-button-next{right:20px;margin-right:0;}

    /* section 08 */
    .page__mode-tabSection .page__tab-title{bottom:86px;}
    .page__mode-tabSection .page__text-box{bottom:40px;}
}

@media screen and (min-width:0) and (max-width:1023px){
    /* 공통 */
    .text-main--large{font-size:24px;line-height:32px;}
    .text-main--medium{font-size:24px;line-height:32px;}
    .text-main--small{font-size:14px;line-height:21px;}

    .text-sub--large,
    .text-sub--medium{font-size:14px;line-height:21px;}
    .text-sub--small{font-size:14px;line-height:21px;}

    .page__title-box{padding:50px 0 48px;}
    .page__title-box h2{font-size:24px;line-height:34px;}

    .page__text-box{padding:50px 15px;}
    .page__text-column + .page__text-column{margin-top:14px;}

    .page__text-list li{font-size:14px;line-height:21px;}
    .page__text-list li + li{margin-top:10px;}

    .page__disclaimer{padding:0 15px;}
    .page__disclaimer p{padding-left:8px;font-size:12px;line-height:19px;text-indent:-8px;}

    /* section 01 */
    .page__section--01 .text-main--large{padding:50px 0;}
    .page__section--01 .text-main--small{padding:50px 0;}
    .page__section--01 .page__contents{aspect-ratio:90/137;}

    /* section 02 */
    .page__section--02{padding:0 15px 50px;}
    .page__section--02 .page__text-box{padding-left:0;padding-right:0;}
    .page__video-playBtn{width:30px;height:30px;background-size:30px 30px;}

    /* section 03 */
    .page__fullBanner-swiper .page__text-box{position:absolute;left:25px;right:25px;top:51px;bottom:52px;;padding:0;color:#fff;}
    .page__fullBanner-swiper .page__text-box--column{height:100%;display:flex;flex-direction:column;justify-content:space-between;}
    .page__fullBanner-swiper .swiper-slide,
    .page__fullBanner-swiper .swiper-slide img{aspect-ratio:1/1;}
    .page__fullBanner-swiper .text-main--medium{font-size:22px;line-height:28px;}
    .page__fullBanner-swiper .text-sub--medium{font-size:12px;line-height:19px;}
    .page__fullBanner-swiper .swiper-slide:nth-child(2) .page__text-box--column{flex-direction:unset;}
    .page__fullBanner-swiper .swiper-slide:nth-child(2) .text-sub--medium{max-width:41%;margin-top:0;}

    /* section 04 */
    .page__section--04{padding-bottom:60px;}
    .page__section--04 .text-main--large{margin-bottom:18px;}
    .page__section--04 .page__text-box{padding-top:51px;padding-bottom:44px;}
    .page__section--04 .text-sub--medium{padding:0 15px;text-align:left;}
    .page__section--04 .text-sub--medium .br-pc{display:none !important;}
    .page__section--04 .page__disclaimer{margin-top:15px;}
    .page__pleos-swiper .swiper-slide{opacity:35%;}
    .page__pleos-swiper .page__text-box{padding:29px 12px 98px;}
    .page__pleos-swiper .text-main--small{margin-bottom:11px;padding:0;font-size:18px;line-height:21px;letter-spacing:-0.44px;}
    .page__pleos-swiper .swiper-button{display:none;}
    .page__pleos-swiper .swiper-pagination{bottom:20px;}
    .page__pleos-image{aspect-ratio:148/85;}

    /* section 05 */
    .page__section--05{position:relative;background:#000 url('/content/dam/hyundai/ww/en/images/find-a-car/pip/suv/tucson-2026/highlights/bg_gleo-line-mo.png') repeat-x left top;}
    .page__section--05::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:235px;height:60px;background:url('/content/dam/hyundai/ww/en/images/find-a-car/pip/suv/tucson-2026/highlights/bg_gleo-mo.png') no-repeat left top;background-size:cover;}
    .page__section--05 .page__section-inner{padding:51px 15px;}
    .page__section--05 .page__disclaimer{margin-top:20px;}
    .page__gleo-tabSection{margin-top:30px;}
    .page__gleo-tabSection .page__tab-swiper{padding-bottom:100px;}
    .page__gleo-tabSection .page__tab-title li{height:40px;text-align:center;}
    .page__gleo-tabSection .page__tab-title li span{font-size:12px;line-height:16px;}
    .page__gleo-tabSection .page__tab-title li.on{border-width:2px;}
    .page__gleo-tabSection .page__tab-mediaSwiper .page__contents,
    .page__gleo-tabSection .page__tab-mediaSwiper .page__contents video{aspect-ratio:33/19;}
    .page__gleo-tabSection .page__tab-mediaSwiper .text-sub--small{min-height:76px;bottom:-138px;}

    /* section 06 */
    .page__section--06{padding-bottom:46px;}
    .page__section--06 .page__text-box{padding-top:51px;padding-bottom:25px;}
    .page__section--06 .text-main--large{margin-bottom:14px;text-align:center;}
    .page__section--06 .page__contents{padding:0 15px;aspect-ratio:66/37;}

    /* section 07 */
    .cmpnt-engine{background:#000;padding-bottom:50px;}
    .cmpnt-engine__counter{max-width:400px;margin:-150px auto 0;padding:0 15px;}
    .cmpnt-engine__media,
    .cmpnt-engine__media img{aspect-ratio:36/55;}
    .cmpnt-engine__section{display:flex;margin-bottom:26px;}
    .cmpnt-engine__item{width:45%;}
    .cmpnt-engine__item + .cmpnt-engine__item{width:55%;padding-left:22px;border-left:1px dotted #272727;}
    .cmpnt-engine__type{font-size:12px;line-height:21px;letter-spacing:0;}
    .cmpnt-engine__num > strong{display:inline-block;min-width:71px;font-size:39px;line-height:39px;font-weight:normal;}
    .cmpnt-engine__section:first-child .cmpnt-engine__item:first-child .cmpnt-engine__num > strong{min-width:81px;}
    .cmpnt-engine__num > span{margin-left:3px;font-size:14px;line-height:28px;}
    .cmpnt-engine__num > span + span{font-size:12px;}
    .cmpnt-engine__text{position:static;padding:0 15px;}
    .cmpnt-engine__text li{padding-left:8px;font-size:12px;line-height:19px;text-indent:-8px;}

    /* section 08 */
    .page__mode-tabSection .page__tab-title{left:15px;right:15px;bottom:61px;}
    .page__mode-tabSection .page__tab-title ul{gap:4px;}
    .page__mode-tabSection .page__tab-title li{width:25%;}
    .page__mode-tabSection .page__tab-title li span{font-size:12px;line-height:36px;letter-spacing:-0.2px;}
    .page__mode-tabSection .page__contents,
    .page__mode-tabSection .page__contents img{aspect-ratio:1/1;}
    .page__mode-tabSection .page__contents::before{height:140px;}
    .page__mode-tabSection .page__text-box{left:15px;right:15px;bottom:15px;}
    .page__mode-tabSection .page__text-box p{min-height:38px;}

    /* section 09 */
    .cmpnt-deltavGallery__wrap .swiper-slide,
    .cmpnt-deltavGallery__wrap .swiper-slide img{aspect-ratio:360/433;}
    .cmpnt-deltavGallery__wrap .swiper-pagination-fraction{bottom:20px;font-size:12px;line-height:14px;}
    .cmpnt-deltavGallery__button{margin:0;padding:16px 15px;}
    .cmpnt-disclaimer ul li + li{margin-top:4px;}

    /* seciton 10 */
    .page__section--10{padding-bottom:50px;}
    .page__section--10 .page__section-inner{padding:0 15px;}
}