@charset "utf-8";

/* ------------------------------------------------------------------
    ioniq3-2026 > highlights.css
    version : 20261028
* ------------------------------------------------------------------ */

/* 공통 */
.fontMedium{font-family:'HyundaiMedium';}
.accordion-container .title-box .title{display:none;}

.highlights__bg{background:#F6F3F2;}
.highlights__inner{max-width:1160px;margin:0 auto;padding:100px 20px;}
.highlights__title-box{margin-bottom:64px;text-align:center;}
.highlights__title-box h2{font-family:'HyundaiMedium';font-size:40px;line-height:50px;}
.highlights__list li{padding-left:10px;font-family:'HyundaiTextRegular';font-size:18px;line-height:28px;text-indent:-10px;}
.highlights__list li + li{margin-top:5px;}
ol.highlights__list li{padding-left:15px;font-size:14px;line-height:20px;text-indent:-15px;scroll-margin-top:200px;}
ol.highlights__list li + li{margin-top:10px;}

/* Counter */
.cmpnt-engine__counter{max-width:1120px;margin:0 auto;}
.cmpnt-engine__section{display:flex;justify-content:space-between;}
.cmpnt-engine__text{font-size:24px;line-height:1;letter-spacing:-0.44px;}
.cmpnt-engine__num{margin-top:28px;font-family:'HyundaiMedium';font-size:80px;line-height:1;letter-spacing:-0.44px;}
.cmpnt-engine__num > strong{display:inline-block;min-width:96px;font-weight:normal;text-align:right;}
.cmpnt-engine__num sup a:hover,
.cmpnt-engine__num sup a:focus{text-decoration:none;}

.cmpnt-engine__type-img{position:relative;}
.cmpnt-engine__media{aspect-ratio:16/9;}
.cmpnt-engine__media img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
.cmpnt-engine__type-img .cmpnt-engine__counter{position:absolute;left:20px;right:20px;bottom:84px;color:#fff;}
.cmpnt-engine__type-img .cmpnt-engine__text{font-size:20px;}
.cmpnt-engine__type-img .cmpnt-engine__num{margin-top:8px;font-size:60px;}

/* highlights__360vr */
hyundai-visualizer{position:relative;width:100%;height:auto;padding:0;display:block;}
hyundai-visualizer div.content{visibility:hidden;}

/* highlights__column */
.highlights__column .layout-column2 .cmpnt-column__media{aspect-ratio:53/70;}
.highlights__column .cmpnt-column__title{font-size:44px !important;line-height:1;}
.highlights__column .cmpnt-column__subTitle{margin:12px 0 25px;font-family:'HyundaiMedium';font-size:30px;line-height:1;}

@media print, screen and (min-width: 1024px) and (max-width: 20000px) {
    /* 공통 */
    .cmpnt-column__title{min-height:auto !important;font-size:28px !important;}

    /* Counter */
    .cmpnt-engine{padding:100px 20px;}
    .cmpnt-engine__item:first-child .cmpnt-engine__num > strong{min-width:143px;}
    .cmpnt-engine__type-img .cmpnt-engine__item:first-child .cmpnt-engine__num > strong{min-width:107px;}
    .cmpnt-engine__num sup{top:-25px;font-size:44px;}

    /* highlights__column */
    .highlights__column{padding-bottom:100px;}
    .highlights__column .layout-column2 .cmpnt-column__media{height:700px;}
    .highlights__column .layout-column2 .cmpnt-column__item:first-child{padding-top:314px;}

    /* highlights__faq */
    .highlights__faq .highlights__title-box{margin-top:100px;}
}

@media screen and (min-width:0) and (max-width:1023px){
    /* 공통 */
    .highlights__inner{padding:50px 15px;}
    .highlights__title-box{margin-bottom:48px;}
    .highlights__title-box h2{font-size:24px;line-height:34px;}
    .highlights__list li{font-size:14px;line-height:21px;}
    .highlights__list li + li{margin-top:10px;}
    ol.highlights__list li{scroll-margin-top:150px;}

    /* Counter */
    .cmpnt-engine{padding:50px 15px;}
    .cmpnt-engine__section{max-width:330px;flex-wrap:wrap;gap:30px 25px;justify-content:left;}
    .cmpnt-engine__item{width:calc(50% - 25px);}
    .cmpnt-engine__item:nth-child(2){order:3;}
    .cmpnt-engine__item:nth-child(3){order:2;}
    .cmpnt-engine__text{font-size:14px;}
    .cmpnt-engine__num{margin-top:4px;font-size:26px;}
    .cmpnt-engine__num > strong{min-width:31px;}
    .cmpnt-engine__num sup{top:-8px;font-size:14px;}
    .cmpnt-engine__item:first-child .cmpnt-engine__num > strong{min-width:46px;}
    
    .cmpnt-engine__media,
    .cmpnt-engine__media img{aspect-ratio:9/16;}
    .cmpnt-engine__type-img .cmpnt-engine__counter{left:15px;right:15px;bottom:45px}
    .cmpnt-engine__type-img .cmpnt-engine__item{width:100%;}
    .cmpnt-engine__type-img .cmpnt-engine__text{font-size:14px;}
    .cmpnt-engine__type-img .cmpnt-engine__num{margin-top:5px;font-size:28px;}
    .cmpnt-engine__type-img .cmpnt-engine__item:first-child .cmpnt-engine__num > strong{min-width:50px;}

    /* highlights__column */
    .highlights__column{padding-bottom:50px;}
    .highlights__column .cmpnt-column__title-wrap{margin-top:40px;}
    .highlights__column .cmpnt-column__item + .cmpnt-column__item{margin-top:25px;}
    .highlights__column .cmpnt-column__media img, 
    .highlights__column .cmpnt-column__media video{aspect-ratio:53/70;}
    .highlights__column .cmpnt-column__title{font-size:26px !important;}
    .highlights__column .cmpnt-column__subTitle{margin:20px 0;font-size:16px;}

    /* highlights__faq */
    .highlights__faq .highlights__title-box{margin-top:50px;}
}