/* ======== 기존 혹은 공통 ======== */
.blind {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
}
.blind2 {
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin-top: -1px;
}

/* S : GNB */
.hmj-header {
    transition: none;
    width: 100%;
    z-index: 300;
    background-color: transparent;
}
/*
 * KONA Design popup:
 * common.js locks the body width and separately applies 16px right padding
 * to the PC header. The body-width lock already preserves the scrollbar
 * space here, so the additional padding shifts the centered GNB left.
 */
html:has(.detail-ioniq5.kona ~ .footer .alert-popup[style*="display: block"]) .hmj-header {
    padding-right: 0 !important;
}
.hmj-container {
    min-height: auto;
    padding-bottom: 0;
}
.hmj-header.scr-chk {
    top: -73px;
    background-color: transparent;
}
.hmj-header.active {
    transition: background-color 0.4s,
    top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-color: rgba(0, 0, 0, 0.35);
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px);
}
.hmj-header.active.none-blur {
    backdrop-filter: unset;
}
.hmj-header.type-model.scr-chk .gnb-mid-menu .mid-list li a span {
    color: #191919;
}
.hmj-header.type-model.scr-chk .header-cont h1 a {
    background: none;
}
.hmj-header.type-model.scr-chk .header-cont h1 a img {
    display: block;
}
.hmj-header.type-model.scr-chk .header-cont .btn-cart span {
    background: none;
}
.hmj-header.type-model.scr-chk .header-cont .btn-cart span img {
    display: inline-block;
}
.hmj-header.type-model.scr-chk .header-cont .btn-search span {
    background: none;
}
.hmj-header.type-model.scr-chk .header-cont .btn-search span img {
    display: inline-block;
}
.hmj-header.type-model.scr-chk .header-cont .btn-menu span {
    background: none;
}
.hmj-header.type-model.scr-chk .header-cont .btn-menu span img {
    display: inline-block;
}
.detail-ioniq5 .hmj-content {
    max-width: 1120px;
    margin: 0 auto;
}
.detail-ioniq5 .detail-cont-outer {
    padding-top: 80px;
}

.detail-ioniq5 .horizontal-locked {
    overflow-x: hidden;
}
/* 퀵메뉴 z-index 조정(JB-8754) */
.quick-menu {
    z-index: 301;
}
.btn-top-box.active {
    z-index: 3 !important;
}

@media screen and (max-width: 1119px) {
    .mo-only {
        display: block;
    }
    .hmj-header .model-menu-wrap {
        top: 0;
        margin-bottom: 33px;
        max-width: 1120px;
        height: 55px;
    }
    .hmj-header .model-menu {
        padding: 0 8px 0 20px;
        width: unset;
        height: 55px;
    }
    .hmj-header .model-menu h4.mo-only {
        position: relative;
        display: inline-block;
        padding-right: 30px;
        font-size: 18px;
    }
    .hmj-header .model-menu h4:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        background: url(../../assets/images/common/ico_gnb_arrow_blk.png) no-repeat
        0 0;
        background-size: 16px;
        transition: all 0.3s ease-in-out;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .hmj-header .model-menu.active h4:before {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    .hmj-header .model-menu .btn-menu {
        flex-shrink: 0;
        width: 48px;
        height: 48px;
        background: url(../../assets/images/common/ico_menu.svg) no-repeat center
        center;
        background-size: 48px;
    }
    .hmj-header .model-menu .model-menu-list {
        position: absolute;
        top: 56px;
        left: 0;
        width: 100%;
        display: none;
        padding: 24px 28px;
        background-color: #fff;
        font-size: 14px;
        line-height: 22px;
        box-shadow: 0 6px 6px -1px #e9e9e9;
    }
    .hmj-header .model-menu .model-menu-list li + li {
        margin-top: 16px;
    }
    .hmj-header .model-menu .model-menu-list a {
        color: #191919;
    }
    .hmj-header .model-menu .model-menu-list .is-active a {
        opacity: 0.4;
    }
    .detail-ioniq5 .detail-cont-outer {
        padding: 55px 0 0 20px;
        /* padding: 102px 0 0; */
    }
}
/* E : GNB */

/* S : LNB */
.detail-ioniq5 .model-menu-wrap {
    position: fixed;
    top: var(--banner-top-height, 0px);
    padding: 0;
    width: 100%;
    max-width: 100%;
    height: 70px;
    background: rgba(255, 255, 255, 1);
    transition: top 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 299;
}
.detail-ioniq5 .model-menu-wrap.with-gnb {
    top: calc(var(--banner-top-height, 0px) + var(--header-height, 72px));
}
.detail-ioniq5 .model-menu-wrap .on-scroll {
    display: none;
}
.detail-ioniq5 .model-menu-wrap .on-scroll.is-show {
    display: block;
}
.detail-ioniq5 .model-menu {
    position: relative;
    margin: 0 auto;
    width: 1096px;
    height: 70px;
}
.detail-ioniq5 .model-menu h4 {
    position: relative;
    top: 17px;
    min-width: 104px;
    font-weight: 500;
}
.detail-ioniq5 .model-menu nav {
    position: absolute;
    top: 26px;
    right: 0;
}
.detail-ioniq5 .model-menu nav ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.detail-ioniq5 .model-menu nav ul li {
    margin-left: 32px;
}
.detail-ioniq5 .model-menu nav ul li a {
    color: #191919;
}
.detail-ioniq5 .model-menu nav ul li.is-active a {
    color: #999;
}

@media screen and (max-width: 1119px) {
    .detail-ioniq5 .model-menu-wrap {
        top: var(--banner-top-height, 0px);
        /* margin-bottom: 96px; */
        max-width: 1120px;
        height: 55px;
    }
    .detail-ioniq5 .model-menu-wrap.with-gnb {
        top: calc(var(--banner-top-height, 0px) + var(--header-height, 52px));
    }
    .detail-ioniq5 .model-menu {
        padding: 0 20px;
        width: unset;
        height: 55px;
    }
    .detail-ioniq5 .model-menu h4 {
        width: 100%;
        top: 13px;
    }
    .detail-ioniq5 .model-menu h4:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        background: url(../../assets/images/common/ico_gnb_arrow_blk.png) no-repeat
        0 0;
        background-size: 16px;
        transition: all 0.3s ease-in-out;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .detail-ioniq5 .model-menu h4.active:before {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    .detail-ioniq5 .model-menu .btn_model-menu {
        position: absolute;
        top: 4px;
        right: 10px;
        width: 48px;
        height: 48px;
        background: url(../../assets/images/common/ico_menu.svg) no-repeat center
        center;
        background-size: 48px;
    }
    .detail-ioniq5 .model-menu .model-menu-list {
        position: absolute;
        top: 55px;
        left: 0;
        width: 100%;
        background-color: #fff;
        font-size: 14px;
        line-height: 22px;
        box-shadow: 0 6px 6px -1px #e9e9e9;
        display: none;
    }
    .detail-ioniq5 .model-menu .model-menu-list li {
        padding: 12px 20px;
    }
    .detail-ioniq5 .model-menu .model-menu-list li:first-child {
        padding-top: 24px;
    }
    .detail-ioniq5 .model-menu .model-menu-list li:last-child {
        padding-bottom: 24px;
    }
    .detail-ioniq5 .model-menu .model-menu-list a {
        color: #191919;
        opacity: 0.4;
    }
    .detail-ioniq5 .model-menu .model-menu-list .is-active a {
        opacity: 1;
    }
}
/* E : LNB */

/* S : indicator */
.detail-ioniq5 .position-location {
    display: none;
    position: fixed;
    top: 50%;
    left: 40px;
    padding-left: 12px;
    width: auto;
    transform: translateY(-50%);
    z-index: 20;
    transition: top 0.3s;
}
.detail-ioniq5 .position-location.pc-only {
    display: none;
}
.detail-ioniq5 .position-location ul {
    position: relative;
}
.detail-ioniq5 .position-location ul:before {
    content: "";
    position: absolute;
    top: 11px;
    left: -13px;
    display: block;
    height: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    transition: border 0.3s;
}
.detail-ioniq5 .position-location ul:hover:before {
    content: "";
    position: absolute;
    top: 11px;
    left: -13px;
    display: block;
    height: calc(100% - 22px);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    transition: border 0.3s;
}
.detail-ioniq5 .position-location ul li + li {
    margin-top: 0;
    transition: all 0.3s;
}
.detail-ioniq5 .position-location ul:hover li + li {
    margin-top: 40px;
}
.detail-ioniq5 .position-location ul li a {
    position: relative;
    /*color: rgba(0,0,0,0.4);*/
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    transition: color 0.2s;
    color: rgba(0, 0, 0, 0);
}
.detail-ioniq5 .position-location ul li.active a,
.detail-ioniq5 .position-location ul:hover li a {
    color: rgba(0, 0, 0, 0.4);
}
.detail-ioniq5 .position-location ul li a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    display: inline-block;
    width: 6px;
    height: 6px;
    /* border: 1px solid #999; */
    box-sizing: border-box;
    border-radius: 6px;
    background: #000;
    opacity: 0.4;
    transform: translateY(-50%);
    transition: all 0.2s ease-out;
}
.detail-ioniq5 .position-location ul li.active a,
.detail-ioniq5 .position-location ul li:hover a {
    color: #000;
}
.detail-ioniq5 .position-location ul li.active a:before,
.detail-ioniq5 .position-location ul li:hover a:before {
    opacity: 1;
    z-index: 1;
}
.detail-ioniq5 .position-location ul li.active a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    box-sizing: border-box;
    border-radius: 12px;
    opacity: 1;
    transform: translateY(-50%);
    z-index: 2;
    transition: all 0.2s ease-out;
}
.detail-ioniq5 .position-location ul:hover li.active a:after,
.detail-ioniq5 .position-location ul li.active:hover a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -18px;
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    box-sizing: border-box;
    border-radius: 12px;
    opacity: 1;
    transform: translateY(-50%);
    z-index: 2;
    transition: all 0.2s ease-out;
}
.detail-ioniq5 .position-location.type-dark ul:before {
    border-left: 1px solid rgba(256, 256, 256, 0.1);
    transition: border 0.2s;
}
.detail-ioniq5 .position-location.type-dark ul li a {
    color: rgba(256, 256, 256, 0);
    transition: color 0.2s;
}
.detail-ioniq5 .position-location.type-dark ul:hover li a {
    color: rgba(256, 256, 256, 0.4);
}
.detail-ioniq5 .position-location.type-dark ul li a:before {
    background: #fff;
    transition: background 0.2s;
}
.detail-ioniq5 .position-location.type-dark ul li.active a,
.detail-ioniq5 .position-location.type-dark ul li:hover a {
    color: #fff;
    transition: color 0.2s;
}
.detail-ioniq5 .position-location.type-dark ul li.active a:before,
.detail-ioniq5 .position-location.type-dark ul li:hover a:before {
    background: #fff;
    transition: background 0.2s;
}
.detail-ioniq5 .position-location.type-dark ul li.active a:after,
.detail-ioniq5 .position-location.type-dark ul li:hover a:after {
    border-color: #fff;
    transition: border 0.2s;
}

/* 1120px ~ 1279px */
@media screen and (max-width: 1279px) {
    .detail-ioniq5 .position-location {
        position: fixed;
        top: 110px;
        left: 0;
        width: 100%;
        padding: 0;
        transform: translateY(0);
        overflow-y: hidden;
        overflow-x: auto;
        background: #fff;
        white-space: nowrap;
    }
    .detail-ioniq5 .position-location.with-gnb {
        top: 182px;
    }
    .detail-ioniq5 .position-location ul {
        width: 1096px;
        margin: 0 auto;
        font-size: 0;
    }
    .detail-ioniq5 .position-location ul:hover:before,
    .detail-ioniq5 .position-location ul:before {
        display: none;
    }
    .detail-ioniq5 .position-location ul li {
        display: inline-block;
    }
    .detail-ioniq5 .position-location ul:hover li + li {
        margin-top: 0;
    }
    .detail-ioniq5 .position-location ul li a {
        display: block;
        font-size: 13px;
        line-height: 50px;
        padding: 0 20px;
        color: rgba(0, 0, 0, 0.4);
    }
    .detail-ioniq5 .position-location ul li a:before {
        top: auto;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px;
        background: #1c6bba;
        transform: translateY(0);
        display: none;
    }
    .detail-ioniq5 .position-location ul:hover li.active a:after,
    .detail-ioniq5 .position-location ul li.active:hover a:after {
        display: none;
    }
    .detail-ioniq5 .position-location ul li:hover a,
    .detail-ioniq5 .position-location.type-dark ul:hover li a {
        color: rgba(0, 0, 0, 0.4);
    }
    .detail-ioniq5 .position-location.type-dark ul li.active a,
    .detail-ioniq5Z .position-location ul li.active a {
        color: rgba(0, 0, 0, 1);
    }
    .detail-ioniq5 .position-location ul:hover li a,
    .detail-ioniq5 .position-location.type-dark ul li a {
        color: rgba(0, 0, 0, 0.4);
    }
    .detail-ioniq5 .position-location ul li.active a {
        color: rgba(0, 0, 0, 1);
    }
    .detail-ioniq5 .position-location ul li.active a:before {
        display: block;
    }
    .detail-ioniq5 .position-location ul li.active a:after,
    .detail-ioniq5 .position-location ul li:hover a:after {
        display: none;
    }
    .detail-ioniq5 .position-location.type-dark ul li a:before {
        background: #1c6bba;
    }
    .detail-ioniq5 .position-location.type-dark ul li.active a:before {
        background: #1c6bba;
    }
    .detail-ioniq5 .position-location.type-dark ul li:hover a:after {
        display: none;
    }
}

@media screen and (max-width: 1119px) {
    /* JB-9131 fix38: clear sticky menu (+ optional banner) without hardcoded 55/107 */
    .detail-ioniq5 .position-location {
        top: calc(var(--banner-top-height, 0px) + var(--menu-wrap-height, 55px));
    }
    .detail-ioniq5 .position-location.with-gnb {
        top: calc(var(--banner-top-height, 0px) + var(--header-height, 52px) + var(--menu-wrap-height, 55px));
    }
    .detail-ioniq5 .position-location ul {
        width: 100%;
    }
}
/* E : indicator */

.hmj-container {
    padding-bottom: 0;
}
.detail-ioniq5 .hmj-content {
    max-width: 100% !important;
}

.block-menu{
    display: none !important;
}

.detail-ioniq5 .section-container h1,
.detail-ioniq5 .section-container h2,
.detail-ioniq5 .section-container h3,
.detail-ioniq5 .section-container h4,
.detail-ioniq5 .section-container h5,
.detail-ioniq5 .section-container h6 {
    /* position: absolute; */
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    /* text-align: center; */
    color: #191919;
    top: auto;
    bottom: auto;
    left: 0;
    width: 100%;
}
.detail-ioniq5 .section-container h1 {
    font-size: 120px;
}
.detail-ioniq5 .section-container h2 {
    font-size: 100px;
}
.detail-ioniq5 .section-container h3 {
    font-size: 80px;
}
.detail-ioniq5 .section-container h4 {
    font-size: 60px;
}
.detail-ioniq5 .section-container h5 {
    font-size: 40px;
}
.detail-ioniq5 .section-container h6 {
    font-size: 20px;
}
.detail-ioniq5 .section-container p {
    /* position: absolute; */
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    /* text-align: center; */
    color: #333;
    top: auto;
    bottom: auto;
    left: 0;
    width: 100%;
}
.detail-ioniq5 .section-container .flex-group{
    display: inline-flex;
    gap: 80px;
}
.detail-ioniq5 .section-container .flex-group p{
    flex: 1 1 auto;
}
.detail-ioniq5 .section-container .flex-group p .bold{
    color: #191919;
    font-weight: 500;
}
.detail-ioniq5 .section-container .flex-group p .sub-text{
    white-space: nowrap;
}

.detail-ioniq5 h2.section-title.left-align {
    font-size: 28px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #1c6bba;
}

.detail-ioniq5 .section-container {
    position: sticky;
    overflow: hidden;
    background: #fff;
}
.section-container {
    padding-bottom: 100px !important;
}
.section-container:last-child,
.section-container.v2l-v2h {
    padding-bottom: 0 !important;
}

.detail-ioniq5 .section-container.type-dark {
    background: #000;
}

.detail-ioniq5 .inner-contents {
    width: 1096px;
    margin: 0 auto;
}
.detail-ioniq5.v-23my .inner-contents {
    width: 1120px;
}

.detail-ioniq5 .being-covered {
    position: fixed;
    left: 0;
    width: 100%;
}

.detail-ioniq5 .left-align {
    width: initial;
    left: calc(50% - 548px);
    right: auto;
    text-align: left;
}

.detail-ioniq5.v-23my .left-align {
    left: calc(50% - 560px);
}

.detail-ioniq5 .right-align {
    width: initial;
    left: auto;
    right: calc(50% - 548px);
    text-align: left;
}

.detail-ioniq5.v-23my .right-align {
    right: calc(50% - 560px);
}
/* S : swiper */
/* full swiper */
.full-swiper {
    max-width: 1960px;
    margin: 0 auto;
}
.full-swiper .swiper-button-prev:after,
.full-swiper .swiper-button-next:after {
    display: none;
}
.full-swiper .swiper-button-prev,
.full-swiper .swiper-button-next {
    left: 70px;
    width: 80px;
    height: 116px;
    background: url("../../assets/images/planb/btn_swiper_left.png") no-repeat 0 0;
    background-size: 80px auto;
    opacity: 1;
}
.full-swiper .swiper-button-next {
    left: auto;
    right: 70px;
    background-image: url("../../assets/images/planb/btn_swiper_right.png");
}
.full-swiper .swiper-pagination {
    position: static;
    display: inline-block;
    width: auto;
    padding-right: 15px;
    vertical-align: top;
}
.full-swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #fff;
    opacity: 0.5;
    transition: all 0.3s;
}
.full-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 4px;
    opacity: 1;
}
.full-swiper .control-box {
    position: absolute;
    bottom: 73px;
    width: 100%;
    text-align: center;
    z-index: 10;
}
.full-swiper .control-box p {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.full-swiper .control-box .play {
    display: inline-block;
}
.full-swiper .control-box .stop {
    display: none;
}
.full-swiper .control-box.is-play .play {
    display: none;
}
.full-swiper .control-box.is-play .stop {
    display: inline-block;
}
/* //full swiper */

/* fraction-swiper */
.fraction-swiper {
    position: relative;
    clear: both;
    overflow: visible;
    padding-bottom: 166px;
}
.fraction-swiper .imgBox {
    width: 100%;
    height: 616px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
}
.fraction-swiper .imgBox img {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease-out;
    border-radius: 4px;
}
.fraction-swiper .imgBox:hover img {
    transform: scale(1.1) translate(-45%, -45%);
}
.fraction-swiper .swiper-slide {
    opacity: 0.5;
    transition: opacity 1s;
}
.fraction-swiper .swiper-slide h3,
.e-GMP .fraction-swiper .swiper-slide h4 {
    position: static;
    font-size: 20px;
    line-height: 32px;
    margin-top: 24px;
    opacity: 0;
    transition: opacity 1s;
}
.fraction-swiper .swiper-slide h3 span {
    font-weight: normal;
}
.fraction-swiper .swiper-slide h4 {
    position: static;
    font-size: 20px;
    line-height: 32px;
    margin-top: 24px;
    opacity: 0;
    transition: opacity 1s;
}
.fraction-swiper .swiper-slide h4 span {
    font-weight: normal;
}
.fraction-swiper .swiper-slide p {
    position: static;
    font-size: 18px;
    line-height: 30px;
    padding-top: 12px !important;
    color: #666;
    opacity: 0;
    transition: opacity 1s;
}
.fraction-swiper .swiper-slide.swiper-slide-active {
    opacity: 1;
}
.fraction-swiper .swiper-slide.swiper-slide-next {
    opacity: 1;
}
.fraction-swiper .swiper-slide.swiper-slide-active h3,
.fraction-swiper .swiper-slide.swiper-slide-active h4,
.fraction-swiper .swiper-slide.swiper-slide-active p {
    opacity: 1;
}
.fraction-swiper .swiper-button-next,
.fraction-swiper .swiper-button-prev {
    top: auto;
    bottom: 0;
    left: 0;
    width: 58px;
    height: 58px;
}
.fraction-swiper .swiper-button-next img,
.fraction-swiper .swiper-button-prev img {
    width: 100%;
}
.fraction-swiper .swiper-button-next {
    left: 64px;
}
.fraction-swiper .swiper-button-prev:after,
.fraction-swiper .swiper-button-next:after {
    content: "";
}
.fraction-swiper .swiper-pagination-fraction {
    width: 70px;
    height: 30px;
    left: 152px;
    font-size: 18px;
    color: #999;
}
.fraction-swiper .swiper-pagination-current {
    color: #000;
}
/* // fraction-swiper */
/* films-swiper */
.smartsense .inner-features-flex + .inner-features {
    padding-bottom: 0;
}
.smartsense .inner-features-flex + .inner-features h1,
.smartsense .inner-features-flex + .inner-features h2 {
    margin-top: 280px;
}
.smartsense .inner-features-flex + .inner-features .swiper-pagination-lock,
.smartsense .inner-features-flex + .inner-features .swiper-button-lock {
    display: block;
}
.type-dark .fraction-swiper .swiper-pagination-current {
    color: #fff;
}
.flims-swiper {
    max-width: 1960px;
    margin: 0 auto;
    padding-bottom: 0;
}
.flims-swiper .swiper {
    overflow: visible;
    padding-bottom: 166px;
}
.flims-swiper .swiper-slide {
    height: 616px;
    /* border-radius: 8px; */
    overflow: hidden;
}
.flims-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 4px;
    opacity: 1;
}

.flims-swiper .swiper-slide iframe {
    width: 1096px;
    height: 616px;
}

/* // films-swiper */
@media screen and (max-width: 1119px) {
    .full-swiper:not(.type-mo) .swiper-button-prev,
    .full-swiper:not(.type-mo) .swiper-button-next {
        display: none;
    }
    .full-swiper .swiper-pagination {
        position: static;
        width: 100%;
        margin-top: 14px;
        padding-right: 0;
    }
    .full-swiper .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: #191919;
        opacity: 0.3;
    }
    .full-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 6px;
        border-radius: 100%;
        opacity: 1;
    }
    .full-swiper .control-box {
        position: static;
    }
    .full-swiper .control-box p {
        display: none !important;
    }
    .fraction-swiper {
        padding-bottom: 46px;
        --swiper-theme-color: #191919;
    }
    .fraction-swiper .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }
    .fraction-swiper .swiper-button-next,
    .fraction-swiper .swiper-button-prev {
        display: none;
    }
    .section-container .fraction-swiper p {
        padding-top: 4px;
        font-size: 13px !important;
        line-height: 20px !important;
    }
    .section-container {
        padding-bottom: 0px !important;
    }
    .section-container:last-child,
    .section-container.v2l-v2h {
        padding-bottom: 0 !important;
    }
    .smartsense .inner-features-flex + .inner-features h1,
    .smartsense .inner-features-flex + .inner-features h2 {
        margin-top: 70px;
    }
    .flims-swiper .swiper {
        padding-bottom: 52px;
    }
    .flims-swiper .swiper-slide {
        height: 43vw;
    }
    .flims-swiper .swiper-slide iframe {
        width: 100%;
        height: 43vw;
    }
    .flims-swiper .swiper-button-next,
    .flims-swiper .swiper-button-prev {
        display: block;
        width: 32px;
        height: 32px;
    }
    .flims-swiper .swiper-button-next {
        left: 36px;
    }
    .flims-swiper .swiper-pagination-fraction {
        width: 55px;
        left: 83px;
        font-size: 12px;
        line-height: 47px;
    }
}
/* E : swiper */

/* S : Key Visual */
.detail-ioniq5 .top-video {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.detail-ioniq5 .top-video .top-main-visual img {
    width: 100%;
    min-width: unset;
    height: 100vh;
    object-fit: cover;
    opacity: 0;
}
.detail-ioniq5 .top-video .top-video-text {
    position: absolute;
    top: 250px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 1120px;
    text-align: left;
}
.detail-ioniq5 .top-video .top-video-text h1 {
    bottom: calc(50vh + 160px);
    font-size: 100px;
    font-weight: 500;
    line-height: 1.56;
    opacity: 0;
}
.detail-ioniq5 .top-video .top-video-text h6 {
    bottom: calc(50vh + 128px);
    font-size: 20px;
    line-height: 1.6;
    font-weight: 500;
    opacity: 0;
}
.detail-ioniq5 .top-video .top-video-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 48px;
    z-index: 200;
    display: flex;
    justify-content: space-between;
    max-width: 1120px;
    margin: auto;
}
.detail-ioniq5 .top-video .top-video-btn .btn-cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    margin-left: auto;
}
.detail-ioniq5 .top-video .top-video-btn .btn.btn-type3 {
    margin-top: 8px;
    background: #fff;
}
.detail-ioniq5 .top-video .scroll-down {
    position: absolute;
    bottom: 61px;
    z-index: 100;
    width: 100%;
    text-align: center;
}
.detail-ioniq5 .top-video .scroll-down .tit {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.29px;
}
.detail-ioniq5 .top-video .scroll-down .arrow p {
    color: #fff;
    font-size: 24px;
    line-height: 0.4;
}

@media screen and (max-height: 950px) {
    .detail-ioniq5.v-23my .top-video .top-video-text {
        top: 160px;
    }
}

@media screen and (max-height: 750px) {
    .detail-ioniq5.v-23my .top-video .top-video-text img.pc-only {
        width: 130px;
    }
}
@media screen and (max-width: 1119px) {
    .detail-ioniq5 .top-video .top-video-text {
        padding-left: 24px;
    }
    .detail-ioniq5 .top-video .top-video-text h1 {
        font-size: 56px;
        line-height: 1.29;
    }
    .detail-ioniq5 .top-video .top-video-text h6 {
        font-size: 14px;
        line-height: 1.86;
    }
    .detail-ioniq5 .top-video .scroll-down {
        bottom: 40px;
    }
    .detail-ioniq5 .top-video .scroll-down .tit {
        margin-bottom: 5px;
    }
    .detail-ioniq5 .top-video .top-video-btn {
        bottom: 98px;
        padding: 0 30px;
    }
    .detail-ioniq5 .top-video .top-video-btn .prize-logo {
        width: 23%;
    }
    .detail-ioniq5 .top-video .top-video-btn img {
        width: 100%;
    }
    .detail-ioniq5 .top-video .top-video-btn .btn-cont {
        width: 73%;
    }
    .detail-ioniq5 .top-video .top-video-btn .btn-cont .btn {
        width: 100%;
        max-width: 280px;
        min-width: auto;
    }
    .detail-ioniq5 .top-video .top-video-btn .btn-cont .btn span {
        font-size: 18px;
    }
}
/* E : Key Visual */

/* S : Power your world */
.detail-ioniq5 .power-your-world {
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    min-height: 100vh;
    padding-top: 140px;
}
.detail-ioniq5 .power-your-world .inner-align h2,
.detail-ioniq5 .power-your-world .inner-align h2 {
    position: static;
    font-size: 96px;
    line-height: 1.29;
    letter-spacing: -2px;
    color: #191919;
    text-align: center;
}
.detail-ioniq5.v-23my .power-your-world .inner-align h2,
.detail-ioniq5.v-23my .power-your-world .inner-align p {
    text-align: left;
}
.detail-ioniq5 .power-your-world .inner-align p {
    margin-top: 32px;
    margin-bottom: 72px;
    position: static;
    font-size: 20px;
    line-height: 1.6;
    color: #333;
    text-align: center;
}
.detail-ioniq5 .power-your-world .inner-align img {
    width: 100%;
    height: 540px;
    text-align: center;
    object-fit: contain;
}
.detail-ioniq5.v-23my .power-your-world .inner-align img {
    max-width: 1120px;
    height: auto;
}
@media screen and (max-width: 1119px) {
    .detail-ioniq5 .power-your-world {
        /* padding-top: 70px; */
        padding-top: 0;
    }
    .detail-ioniq5 .power-your-world .inner-align h2,
    .detail-ioniq5 .power-your-world .inner-align h2 {
        font-size: 40px;
        line-height: 1.2;
        letter-spacing: -1px;
    }
    .detail-ioniq5.v-23my .power-your-world .inner-align h2,
    .detail-ioniq5.v-23my .power-your-world .inner-align p {
        padding: 0 20px;
    }
    .detail-ioniq5 .power-your-world .inner-align p {
        font-size: 14px;
        line-height: 1.57;
        padding: 0 30px;
    }
    .detail-ioniq5 .power-your-world .inner-align img {
        height: auto;
    }
}
/* E : Power your world */

/* S : Exterior*/
.detail-ioniq5 .exterior {
    top: 0;
    z-index: 3;
    background-color: #fff;
    min-height: calc(100vh + 500px);
    display: block;
}
.detail-ioniq5 .exterior .inner-align .left-align {
    position: relative;
    text-align: left;
}
.detail-ioniq5 .exterior .inner-align .right-align {
    position: absolute;
    text-align: left;
    width: initial;
    left: auto;
}
.detail-ioniq5 .exterior .inner-align h3 {
    font-size: 74px;
    color: #191919;
    line-height: 1.35;
    margin-top: 13px;
    width: auto;
}
.detail-ioniq5 .exterior .bg {
    position: relative;
    height: 100vh;
}
.detail-ioniq5 .exterior .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.detail-ioniq5 .exterior01 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
}
.detail-ioniq5 .exterior01 .inner-align .exterior-img {
    margin-top: 216px;
    position: relative;
    max-width: 1090px;
}
.detail-ioniq5.v-23my .exterior01 .inner-align .exterior-img {
    max-width: 1120px;
}
.detail-ioniq5 .exterior02 {
    position: relative;
}
.detail-ioniq5 .exterior02 .inner-align {
    position: absolute;
    left: auto;
    right: calc(50% - 548px);
    top: 191px;
    bottom: auto;
    font-size: 20px;
    color: #fff;
    text-align: left;
    line-height: 1.6;
    width: auto;
    z-index: 1;
    padding: 0 20px;
}
.detail-ioniq5 .exterior02 .inner-align span {
    display: block;
}
.detail-ioniq5 .exterior02 .inner-align .title {
    font-size: 48px;
    line-height: 1.25;
    margin-bottom: 20px;
    font-weight: 500;
    color: #fff;
}
.detail-ioniq5 .exterior03 {
    background-color: #000;
    height: 100vh;
    position: relative;
}
.detail-ioniq5 .exterior03 .inner-align .left-align {
    position: absolute;
    top: 249px;
    left: calc(50% - 548px);
}
.detail-ioniq5.v-23my .exterior03 .inner-align .left-align {
    left: calc(50% - 560px);
    font-size: 20px;
    line-height: 1.6;
}
.detail-ioniq5 .exterior03 .inner-align .left-align .title {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.6;
}
.detail-ioniq5 .exterior03 .inner-align .left-align .text {
    color: #999;
}
.detail-ioniq5 .exterior03 .inner-align .exterior-img {
    position: absolute;
    max-width: 56%;
    bottom: 0;
    right: 0;
    left: auto;
}
.detail-ioniq5 .exterior03 .inner-align .exterior-img .gradient {
    background: linear-gradient(to bottom, transparent, #000);
    width: 100%;
    height: 57%;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.5;
}
.detail-ioniq5 .exterior04 {
    position: relative;
}
.detail-ioniq5 .exterior04 .inner-align {
    position: absolute;
    text-align: left;
    top: 289px;
    right: auto;
    left: calc(50% - 548px);
    width: auto;
    z-index: 1;
}
.detail-ioniq5.v-23my .exterior04 .inner-align {
    left: calc(50% - 560px);
}
.detail-ioniq5 .exterior04 .inner-align span {
    display: block;
}
.detail-ioniq5 .exterior04 .inner-align .title {
    color: #000;
    font-size: 28px;
    line-height: 1.57;
    margin-bottom: 12px;
    font-weight: 500;
}
.detail-ioniq5 .exterior05 {
    position: relative;
    height: 100vh;
}
.detail-ioniq5 .exterior05 .inner-align {
    /* position: absolute;
    top: 200px;
    right: auto;
    left: calc(50% - 548px); */
    margin-top: 200px;
    margin-left: calc(50% - 548px);
}
.detail-ioniq5.v-23my .exterior05 .inner-align {
    margin-left: calc(50% - 560px);
}
.detail-ioniq5 .exterior05 h2,
.detail-ioniq5 .exterior05 p {
    position: relative;
    text-align: left;
}
.detail-ioniq5 .exterior05 .inner-align h3 {
    font-size: 28px;
    margin-bottom: 12px;
    line-height: 1.57;
    color: #000;
    margin-top: 0;
}
.detail-ioniq5 .exterior05 .inner-align p {
    color: #666;
}
.detail-ioniq5 .exterior05 .tab-tit {
    /* position: absolute;
    top: 444px;
    right: auto;
    left: calc(50% - 548px); */
    margin-top: 124px;
    margin-left: calc(50% - 548px);
}
.detail-ioniq5.v-23my .exterior05 .tab-tit {
    margin-left: calc(50% - 560px);
}
.detail-ioniq5 .exterior05 .tab-tit > li {
    cursor: pointer;
}
.detail-ioniq5 .exterior05 .tab-tit > li:first-child {
    margin-bottom: 10px;
}
.detail-ioniq5 .exterior05 .tab-tit h4,
.detail-ioniq5 .exterior05 .tab-tit p {
    opacity: 0.4 !important;
    transition: 0.5s;
}
.detail-ioniq5 .exterior05 .tab-tit > li:hover h4,
.detail-ioniq5 .exterior05 .tab-tit > li:hover p {
    opacity: 0.6 !important;
}
.detail-ioniq5 .exterior05 .tab-tit > li.on h4,
.detail-ioniq5 .exterior05 .tab-tit > li.on p {
    opacity: 1 !important;
}
.detail-ioniq5 .exterior05 .tab-tit .tit {
    font-size: 40px;
    line-height: 1.8;
    font-weight: 500;
}
.detail-ioniq5 .exterior05 .tab-tit .txt {
    margin-top: 4px;
    font-size: 16px;
    line-height: 1.63;
}
.detail-ioniq5 .exterior05 .tab-cont {
    position: absolute;
    bottom: 15vh;
    right: 0;
    max-width: 55%;
    z-index: -1;
}
.detail-ioniq5 .exterior05 .tab-cont > li {
    display: none;
    position: relative;
}
.detail-ioniq5 .exterior05 .tab-cont > li.on {
    display: block;
}

@media screen and (max-width: 1119px) {
    .detail-ioniq5 h2.section-title.left-align {
        font-size: 16px;
        line-height: 1.63;
    }
    .detail-ioniq5.v-23my .left-align {
        left: 0;
    }
    .detail-ioniq5 .exterior .inner-align h3 {
        font-size: 30px;
        line-height: 1.33;
        margin-top: 8px;
    }
    .detail-ioniq5 .exterior .inner-align .right-align {
        position: static;
        right: auto;
        left: auto;
        margin-top: 16px;
        font-size: 14px;
        color: #666;
        line-height: 1.57;
        padding-right: 20px;
    }
    .detail-ioniq5 .exterior .bg {
        height: 100vw;
    }
    .detail-ioniq5 .exterior01 .inner-align .exterior-img {
        margin-top: 40px;
    }
    .detail-ioniq5 .exterior02 .inner-align {
        position: relative;
        color: #000;
        right: auto;
        top: auto;
        margin-bottom: 24px;
    }
    .detail-ioniq5 .exterior02 .inner-align .title {
        margin-bottom: 8px;
        font-size: 22px;
        line-height: 1.45;
        color: #000;
    }
    .detail-ioniq5 .exterior02 .inner-align .text {
        font-size: 14px;
        line-height: 1.57;
    }
    .detail-ioniq5 .exterior03 {
        margin-top: 40px;
        background-color: #fff;
        height: auto;
    }
    .detail-ioniq5 .exterior03 .inner-align .left-align {
        padding: 0 20px;
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 24px;
        line-height: 22px;
    }
    .detail-ioniq5 .exterior03 .inner-align .left-align .title,
    .detail-ioniq5 .exterior03 .inner-align .left-align .text {
        font-size: 14px;
        line-height: 22px;
        color: #000;
    }
    .detail-ioniq5 .exterior03 .inner-align .exterior-img {
        position: relative;
        max-width: 100%;
        background-color: #000;
    }
    .detail-ioniq5 .exterior04 {
        margin-top: 40px;
    }
    .detail-ioniq5 .exterior04 .inner-align {
        position: relative;
        top: auto;
        left: auto;
        padding: 0 20px;
        margin-bottom: 24px;
    }
    .detail-ioniq5 .exterior04 .inner-align .title {
        font-size: 20px;
        line-height: 1.6;
    }
    .detail-ioniq5 .exterior04 .inner-align .text {
        font-size: 14px;
        line-height: 1.57;
    }
    .detail-ioniq5 .exterior05 {
        margin-top: 80px;
        height: auto;
        padding-bottom: 60%;
    }
    .detail-ioniq5 .exterior05 .inner-align {
        padding: 0 20px;
        margin: 0;
    }
    .detail-ioniq5.v-23my .exterior05 .inner-align {
        margin-left: 0;
    }
    .detail-ioniq5 .exterior05 .inner-align h3 {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 8px;
    }
    .detail-ioniq5 .exterior05 .inner-align p {
        font-size: 14px;
        line-height: 1.57;
    }
    .detail-ioniq5 .exterior05 .tab-tit {
        padding: 0 20px;
        margin-top: 54px;
        margin-left: 0;
    }
    .detail-ioniq5.v-23my .exterior05 .tab-tit {
        margin-left: 0;
    }
    .detail-ioniq5 .exterior05 .tab-tit .tit {
        font-size: 32px;
        line-height: 1.63;
    }
    .detail-ioniq5 .exterior05 .tab-tit .txt {
        font-size: 12px;
        line-height: 1.67;
        margin-top: 0;
    }
    .detail-ioniq5 .exterior05 .tab-cont {
        max-width: 83%;
        bottom: 0;
    }
    .detail-ioniq5 .exterior05 .tab-cont > li img {
        max-width: 139%;
    }
}
/* E : Exterior*/

/* S : interior */
.detail-ioniq5 .interior {
    top: 0;
    z-index: 3;
    padding: 160px 0;
    background-color: #fff;
    min-height: calc(100vh + 500px);
}
.detail-ioniq5 h2.section-title {
    font-size: 96px;
    font-weight: 500;
    line-height: 124px;
    color: #191919;
}

.detail-ioniq5 h2.section-title span {
    display: block;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.29;
    color: #1c6bba;
}
.detail-ioniq5 .interior .inner-align,
.detail-ioniq5 .interior .inner-contents {
    position: relative;
    max-width: 1096px;
    margin: 0 auto;
}
.detail-ioniq5.v-23my .interior .inner-align,
.detail-ioniq5.v-23my .interior .inner-contents {
    max-width: 1120px;
}
.detail-ioniq5 .interior .txt-area {
    overflow: hidden;
}
.detail-ioniq5 .interior .txt-area h2 {
    position: static;
    text-align: left;
    font-size: 96px;
    font-weight: 500;
    line-height: 124px;
    color: #191919;
}
.detail-ioniq5 .interior .txt-area h3 {
    font-size: 96px;
    font-weight: 500;
    line-height: 124px;
    color: #191919;
}

.detail-ioniq5 .interior .txt-area p {
    float: right;
    width: 50%;
    margin-top: 33px;
    text-align: left;
}
.detail-ioniq5 .interior .full-swiper {
    position: relative;
    padding-top: 96px;
}
.detail-ioniq5 .interior .full-swiper > p {
    position: absolute;
    bottom: 132px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    z-index: 10;
}
.section-interior01 {
    padding-top: 160px;
}
.detail-ioniq5 .section-container .section-interior01 > .tit {
    padding: 0 20px 94px;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.63;
    text-align: center;
}
.detail-ioniq5.v-23my .section-container .section-interior01 > .tit {
    max-width: 1120px;
    padding: 0 0 94px;
    margin: 0 auto;
    text-align: left;
}
.section-interior01 .section-interior-tab p {
    position: static;
    text-align: left;
}
.section-interior01 .section-interior-tab .tab-big {
    position: relative;
    max-width: 1600px;
    height: 820px;
    margin: 0 auto;
}
.section-interior01 .section-interior-tab .tab-big p {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s;
}
.section-interior01 .section-interior-tab .tab-big p.active {
    opacity: 1;
}
.section-interior01 .section-interior-tab .tab-menu {
    max-width: 1096px;
    margin: 64px auto 0;
}
.detail-ioniq5.v-23my .section-interior01 .section-interior-tab .tab-menu {
    max-width: 1120px;
}
.section-interior01 .section-interior-tab .tab-menu ul {
    display: flex;
    margin: 0 -16px;
}
.section-interior01 .section-interior-tab .tab-menu ul li {
    flex: 1;
    padding: 0 16px;
}
.section-interior01 .section-interior-tab .tab-menu ul li a {
    display: block;
    height: 720px;
    padding: 50px 30px 0;
    box-sizing: border-box;
    border-radius: 8px;
    border: solid 1px #e9e9e9;
    background-color: #fafafa;
    transition: all 0.5s;
}
.section-interior01 .section-interior-tab .tab-menu ul li a:hover {
    background-color: #f3f3f3;
}
.section-interior01 .section-interior-tab .tab-menu ul li.active a {
    background-color: #fff;
    box-shadow: 5px 5px 30px 10px rgba(0, 0, 0, 0.05);
    border-color: #ccc;
}
.section-interior01 .section-interior-tab .tab-menu ul li a .img {
    text-align: center;
}
.section-interior01 .section-interior-tab .tab-menu ul li a p {
    text-align: left;
}
.section-interior01 .section-interior-tab .tab-menu ul li a .tit {
    margin: 16px 0 12px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
}
.section-interior01 .section-interior-tab .tab-menu ul li a .txt {
    color: #666;
    font-size: 18px;
    line-height: 1.67;
}
.section-interior02 {
    padding-top: 108px;
}
.section-interior02 .fraction-swiper {
    padding-bottom: 118px;
}
.detail-ioniq5 .section-container .section-interior03 h3,
.detail-ioniq5 .section-container .section-interior03 h5,
.detail-ioniq5 .section-container .section-interior03 p {
    position: static;
    text-align: left;
}
.section-interior03 {
    padding-top: 130px;
}
.section-interior03 h3 {
    font-size: 48px !important;
    font-weight: 500;
    line-height: 1.25;
}
.section-interior03 h3 + p {
    margin: 20px 0 44px;
    color: #333;
    font-size: 20px;
    line-height: 1.6;
}
.detail-ioniq5 .section-container .section-interior03 h5 {
    font-size: 48px;
}
.section-interior03 ul {
    display: flex;
    margin: 0 -16px;
}
.section-interior03 ul li {
    flex: 1;
    padding: 0 16px;
}
.section-interior03 ul li .img-wrap .img-top {
    position: relative;
    /* top: 100px;
    opacity: 0;
    transition: top 0.3s, opaicy 0.3s; */
}
.section-interior03 ul li .img-wrap .img-bot {
    position: relative;
    /* top: 100px; */
    opacity: 0;
    margin-top: -48px;
    padding: 0 33px;
    /* transition: top 0.3s, opaicy 0.3s; */
}
.section-interior03 ul li .img-wrap .img-bot img {
    border-radius: 8px;
}
.section-interior03 ul li .txt-wrap {
    position: relative;
    /* opacity: 0; */
    padding: 20px 33px 0;
    /* transition: top 0.3s, opaicy 0.3s; */
}
.detail-ioniq5 .section-container .section-interior03 ul li .txt-wrap h4 {
    position: relative;
    /* top: 100px; */
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    color: #191919;
}
.section-interior03 ul li .txt-wrap p {
    position: relative;
    /* top: 100px; */
    margin-top: 12px;
    font-size: 18px;
    line-height: 1.67;
    color: #999;
}
.section-interior03 .delay01 {
    top: 0;
    opacity: 1;
    transition-delay: 0;
}
.section-interior03 .delay02 {
    top: 0;
    opacity: 1;
    transition-delay: 0.3;
}
.section-interior03 .delay03 {
    top: 0;
    opacity: 1;
    transition-delay: 0.6;
}
.section-interior03 .parallax01 {
    transition-delay: 0;
}
.section-interior03 .parallax01 {
    transition-delay: 0;
}
.section-interior03 .parallax01 {
    transition-delay: 0;
}
.section-interior03 .parallax01 {
    transition-delay: 0;
}
.section-interior03 .parallax01 {
    transition-delay: 0;
}
.section-interior03 .parallax01 {
    transition-delay: 0;
}

@media screen and (max-width: 1600px) {
    .section-interior01 .section-interior-tab .tab-big {
        max-width: 1096px;
        height: 562px;
    }
    .detail-ioniq5.v-23my .section-interior01 .section-interior-tab .tab-big {
        max-width: 1120px;
    }
}
@media screen and (max-width: 1119px) {
    .detail-ioniq5 h2.section-title {
        font-size: 40px;
        line-height: 48px;
    }
    .detail-ioniq5 h2.section-title span {
        font-size: 16px;
        line-height: 26px;
    }
    .detail-ioniq5 .interior {
        padding: 80px 0;
    }
    .detail-ioniq5 .interior .txt-area h2 {
        font-size: 40px;
        line-height: 48px;
    }
    .detail-ioniq5 .interior .txt-area h3 {
        font-size: 40px;
        line-height: 48px;
    }
    .detail-ioniq5 .interior .inner-align,
    .detail-ioniq5 .interior .inner-contents {
        max-width: none;
        width: 100%;
        padding: 0 20px;
    }
    .detail-ioniq5 .interior .right-align {
        position: static;
    }
    .detail-ioniq5 .interior .txt-area p {
        float: none;
        margin-top: 16px;
        font-size: 14px;
        line-height: 1.57;
        color: #999;
        width: 100%;
    }
    .detail-ioniq5 .interior .full-swiper {
        padding-top: 24px;
    }
    .section-interior01 {
        padding-top: 80px;
    }
    .detail-ioniq5 .section-container .section-interior01 > .tit {
        padding-bottom: 40px;
        font-size: 22px;
        line-height: 1.45;
    }
    .detail-ioniq5.v-23my .section-container .section-interior01 > .tit {
        padding: 0 20px 40px;
    }
    .detail-ioniq5.v-23my .exterior03 .inner-align .left-align,
    .detail-ioniq5.v-23my .exterior04 .inner-align {
        left: auto;
        line-height: 1;
    }
    .section-interior01 .full-swiper.type-mo {
        position: relative;
        padding: 0 20px;
        clear: both;
        overflow: visible;
        padding-bottom: 0;
    }
    .section-interior01 .full-swiper.type-mo .swiper-slide {
        padding: 30px 20px 0;
        border-radius: 8px;
        border: solid 1px #e9e9e9;
        background-color: #fafafa;
        text-align: center;
    }
    .section-interior01 .full-swiper.type-mo .swiper-slide .txt-wrap {
        height: 180px;
    }
    .section-interior01 .full-swiper.type-mo .txt-wrap .tit {
        position: static !important;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.63;
        text-align: left;
    }
    .section-interior01 .full-swiper.type-mo .txt-wrap .txt {
        position: static !important;
        margin-top: 4px;
        font-size: 13px;
        line-height: 1.54;
        text-align: left;
    }
    .section-interior01 .full-swiper.type-mo .swiper-button-prev,
    .section-interior01 .full-swiper.type-mo .swiper-button-next {
        left: 20px;
        width: 16px;
        height: 16px;
        background: url("../images/planb/btn_swiper_right_sb.png")
        no-repeat 0 0;
        background-size: 16px auto;
        opacity: 1;
        transform: rotate(-180deg);
        margin-top: -90px;
    }
    .section-interior01 .full-swiper.type-mo .swiper-button-disabled,
    .section-interior01 .full-swiper.type-mo .swiper-button-disabled {
        opacity: 0.2;
    }
    .section-interior01 .full-swiper.type-mo .swiper-button-next {
        left: auto;
        right: 20px;
        transform: rotate(0);
    }
    .section-interior02 {
        padding-top: 80px;
    }
    .section-interior02 .fraction-swiper {
        padding-bottom: 50px;
    }
    .section-interior02 .fraction-swiper .imgBox {
        height: auto;
    }
    .section-interior02 .fraction-swiper .imgBox img {
        position: static;
        transform: translate(0, 0);
    }
    .section-interior03 {
        padding-top: 80px;
        padding-bottom: 100px;
    }
    .detail-ioniq5 .section-interior03 h3 {
        font-size: 22px !important;
        font-weight: 500;
        line-height: 1.45;
    }
    .detail-ioniq5 .section-interior03 h3 + p {
        margin: 8px 0 38px;
        font-size: 13px;
        line-height: 1.54;
    }
    .section-interior03 ul {
        display: block;
        margin: 0;
    }
    .section-interior03 ul li {
        padding: 0;
    }
    .section-interior03 ul li + li {
        margin-top: 60px;
    }
    .section-interior03 ul li .img-wrap img {
        width: 100%;
    }
    .section-interior03 ul li .img-wrap .img-bot {
        margin-top: -20%;
        padding: 0 30px;
    }
    .section-interior03 ul li .img-wrap .img-bot img {
        border-radius: 4px;
    }
    .section-interior03 ul li .txt-wrap {
        padding: 16px 30px 0;
    }
    .detail-ioniq5 .section-container .section-interior03 ul li .txt-wrap h4 {
        font-size: 16px;
        line-height: 1.63;
    }
    .section-interior03 ul li .txt-wrap p {
        margin-top: 4px;
        font-size: 13px;
        line-height: 1.54;
    }
}
/* E : interior */

/* S : V2L, V2H*/
.detail-ioniq5 .v2l-v2h {
    position: sticky;
    top: 0;
    z-index: 4;
    min-height: 100vh;
    background-color: #fff;
}
.detail-ioniq5 .v2l-v2h {
    width: 100%;
    padding: 170px 0 0;
    background-color: #000;
}
.detail-ioniq5 .v2l-v2h .v2-center {
    width: 1100px;
    margin: 0 auto;
}
.detail-ioniq5.v-23my .v2l-v2h .v2-center {
    max-width: 1120px;
    width: 100%;
}
.detail-ioniq5 .v2l-v2h .section-title {
    margin: 0 0 16px 0;
    color: #00aad2;
}
.detail-ioniq5 .v2l-v2h h3 {
    margin: 16px 0 32px 0;
    font-size: 74px;
    font-weight: 500;
    line-height: 1.35;
    color: #fff;
}
.detail-ioniq5 .v2l-v2h p {
    margin: 32px 0 96px 0;
    font-size: 20px;
    line-height: 1.6;
    color: #999;
}
.detail-ioniq5 .v2l-v2h .v2l-box .v2-imgwrap {
    display: flex;
    flex-wrap: wrap;
}
.detail-ioniq5 .v2l-v2h .v2l-box .v2-imgwrap img {
    width: 49%;
    margin: 0 1% 0 0;
    border-radius: 4px;
}
.detail-ioniq5 .v2l-v2h .v2l-box .v2-imgwrap img + img {
    margin: 0 0 0 1%;
}
.detail-ioniq5 .v2l-v2h .v2l-box h3 {
    margin: 40px 0 16px 0;
    font-size: 48px;
    line-height: 1.25;
    color: #fff;
    font-weight: 400;
}
.detail-ioniq5 .v2l-v2h .v2l-box p {
    margin: 16px 0 9px 0;
    font-size: 20px;
    line-height: 1.5;
    color: #e9e9e9;
}
.detail-ioniq5 .v2l-v2h .v2l-box p + p {
    margin: 9px 0 0 0;
    font-size: 16px;
    line-height: 1.63;
    color: #999;
}
.detail-ioniq5 .v2l-v2h .v2l-box2 img {
    width: 48%;
    height: 100%;
    margin: 0 6% 0 0;
    border-radius: 4px;
}
.detail-ioniq5 .v2l-v2h .v2l-box2 {
    display: flex;
    margin-top: 96px;
    margin-bottom: 180px;
}
.detail-ioniq5 .v2l-v2h .v2l-box2 h3 {
    margin: 110px 0 16px 0;
    font-size: 48px;
    line-height: 1.25;
    color: #fff;
    font-weight: 400;
}
.detail-ioniq5 .v2l-v2h .v2l-box2 p {
    margin: 16px 62px 250px 0;
    font-size: 18px;
    line-height: 1.67;
    color: #e9e9e9;
}
.detail-ioniq5 .v2l-v2h .v2h-box {
    position: relative;
}
.detail-ioniq5 .v2l-v2h .v2h-box h3 {
    width: 100%;
    font-size: 48px;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    font-weight: 400;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}
.detail-ioniq5.v-23my .v2l-v2h .v2h-box h3 {
    max-width: 1120px;
    text-align: left;
    margin: auto;
}
.detail-ioniq5 .v2l-v2h .v2h-box p {
    margin: 0;
    color: #e9e9e9;
    font-size: 18px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 89px;
    transform: translateX(-50%);
}
.detail-ioniq5.v-23my .v2l-v2h .v2h-box p {
    max-width: 1120px;
    text-align: left;
    margin: auto;
}
.detail-ioniq5.v-23my .v2l-v2h .v2h-box p span {
    position: relative;
    display: block;
    padding-left: 15px;
}
.detail-ioniq5.v-23my .v2l-v2h .v2h-box p span::before {
    content:'* ';
    position: absolute;
    top: 3px;
    left: 0;
}
.detail-ioniq5.v-23my .v2l-v2h .v2h-box p em {
    display: block;
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
}
.detail-ioniq5 .v2l-v2h .v2h-box img {
    width: 100%;
}
@media screen and (max-width: 1119px) {
    .detail-ioniq5 .v2l-v2h {
        padding: 40px 0 0;
    }
    .detail-ioniq5 .v2l-v2h .v2-center {
        width: 100%;
        padding: 0 20px;
    }
    .detail-ioniq5 .v2l-v2h .section-title {
        margin: 0 0 8px 0;
        font-size: 16px;
    }
    .detail-ioniq5 .v2l-v2h h3 {
        margin: 0 0 16px 0;
        font-size: 30px;
    }
    .detail-ioniq5 .v2l-v2h p {
        margin: 0 0 60px 0;
        font-size: 14px;
    }
    .detail-ioniq5 .v2l-v2h .v2-explain br {
        display: none;
    }
    .detail-ioniq5 .v2l-v2h .v2l-box .v2-imgwrap img {
        width: 100%;
        margin: 0 0 16px;
    }
    .detail-ioniq5 .v2l-v2h .v2l-box .v2-imgwrap img + img {
        margin-left: 0;
    }
    .detail-ioniq5 .v2l-v2h .v2l-box h3 {
        margin: 20px 0 8px;
        font-size: 22px;
    }
    .detail-ioniq5 .v2l-v2h .v2l-box p {
        font-size: 13px;
        margin: 8px 0 0 0;
    }
    .detail-ioniq5 .v2l-v2h .v2l-box p + p {
        font-size: 12px;
        margin: 4px 0 0 0;
    }
    .detail-ioniq5 .v2l-v2h .v2l-box2 {
        margin-top: 60px;
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .detail-ioniq5 .v2l-v2h .v2l-box2 h3 {
        margin: 0 0 8px;
        font-size: 22px;
    }
    .detail-ioniq5 .v2l-v2h .v2l-box2 img {
        width: 100%;
        margin: 0 0 20px;
    }
    .detail-ioniq5 .v2l-v2h .v2l-box2 p {
        margin: 0 62px 80px 0;
        font-size: 13px;
    }
    .detail-ioniq5 .v2l-v2h .v2h-box {
        margin-bottom: 120px;
    }
    .detail-ioniq5 .v2l-v2h .v2h-box h3 {
        position: static;
        padding: 0 20px;
        width: 100%;
        transform: unset;
        text-align: left;
        font-size: 22px;
    }
    .detail-ioniq5 .v2l-v2h .v2h-box p {
        position: static;
        padding: 8px 20px 0;
        width: 100%;
        transform: unset;
        text-align: left;
        font-size: 13px;
    }
    .detail-ioniq5.v-23my .v2l-v2h .v2h-box p em {
        font-size: 15px;
        line-height: 24px;
    }
    .detail-ioniq5.v-23my .v2l-v2h .v2h-box p span {
        padding-left: 10px;
    }
    .detail-ioniq5 .v2l-v2h .v2h-box img {
        margin-top: 85px;
    }
}
/* E : V2L, V2H*/

/* S : Charging*/
.charging {
    position: sticky;
    top: 0;
    z-index: 4;
    min-height: 100vh;
    background-color: #fff;
}
.detail-ioniq5 .charging {
    padding: 160px 0;
}
.detail-ioniq5 .charging .charging-textwrap {
    margin: 0 auto 12px auto;
    width: 1100px;
}
.detail-ioniq5.v-23my .charging .charging-textwrap {
    width: 1120px;
}
.detail-ioniq5 .charging h3 {
    margin: 12px auto 96px auto;
    font-size: 74px;
    font-weight: 500;
    line-height: 1.35;
    color: #000;
}
.detail-ioniq5 .charging .charging-boxwrap {
    display: flex;
    flex-wrap: wrap-reverse;
    width: 90%;
    position: relative;
    margin-left: auto;
}
.detail-ioniq5 .charging .charging-boxwrap > div:first-child {
    width: 35%;
}
.detail-ioniq5 .charging .charging-boxwrap > div:first-child img {
    width: 85%;
    margin: 0 15% 8px 0;
    border-radius: 8px;
}
.detail-ioniq5 .charging .charging-boxwrap > div:first-child .charging-img2 {
    width: 85%;
    margin: 15% 15% 8px 0;
}
.detail-ioniq5 .charging .charging-boxwrap > div:first-child .charging-img3 {
    position: absolute;
    width: 65%;
    right: 0;
    top: 246px;
    margin: 0;
}
.detail-ioniq5 .charging .charging-boxwrap > div:first-child p {
    width: 85%;
    height: 30px;
    font-size: 16px;
    line-height: 1.88;
    text-align: right;
    color: #333;
}
.detail-ioniq5 .charging .charging-boxwrap > div:nth-child(2) {
    width: 65%;
}
.detail-ioniq5 .charging .charging-boxwrap > div:nth-child(2) h3 {
    height: 30px;
    margin: 0 0 12px;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.07;
}
.detail-ioniq5 .charging .charging-boxwrap > div:nth-child(2) p {
    width: 626px;
    height: 96px;
    margin: 12px 106px 8px 0;
    font-size: 20px;
    line-height: 1.6;
    color: #333;
}
.detail-ioniq5 .charging .charging-boxwrap > div:nth-child(2) p + p {
    width: 626px;
    height: 30px;
    margin: 8px 106px 0 0;
    font-size: 18px;
    line-height: 1.67;
    color: #666;
}
@media screen and (max-width: 1350px) {
    .detail-ioniq5 .charging .charging-boxwrap {
        width: 100%;
        margin: 0;
        padding-bottom: 80px;
    }
}
@media screen and (max-width: 1119px) {
    .detail-ioniq5 .charging {
        margin: 0 auto;
        padding: 80px 20px 0;
    }
    .detail-ioniq5 .charging .section-title {
        width: 100%;
        margin: 0;
        font-size: 16px;
    }
    .detail-ioniq5 .charging h3 {
        margin: 8px 0 40px 0;
        font-size: 30px;
    }
    .detail-ioniq5 .charging .charging-boxwrap {
        width: 100%;
        margin-left: 0;
    }
    .detail-ioniq5 .charging .charging-boxwrap > div:first-child {
        width: 100%;
    }
    .detail-ioniq5 .charging .charging-boxwrap > div:first-child img {
        border-radius: 4px;
    }
    .detail-ioniq5 .charging .charging-boxwrap > div:nth-child(2) {
        width: 100%;
    }
    .detail-ioniq5 .charging .charging-boxwrap > div:nth-child(2) h3 {
        font-size: 20px;
    }
    .detail-ioniq5 .charging .charging-boxwrap > div:nth-child(2) p {
        width: 100%;
        height: unset;
        margin: 4px 0;
        font-size: 14px;
    }
    .detail-ioniq5 .charging .charging-boxwrap > div:nth-child(2) p + p {
        width: 100%;
        margin: 0 0 24px 0;
        font-size: 12px;
    }
    .detail-ioniq5 .charging .charging-boxwrap > div:first-child img {
        width: 100%;
        margin: 0 0 16px 0;
    }
    .detail-ioniq5 .charging .charging-boxwrap > div:first-child img ~ img {
        width: 100%;
        height: auto;
        margin: 0 0 308px 0;
    }
    .detail-ioniq5 .charging .charging-boxwrap > div:first-child p {
        display: none;
    }
    .detail-ioniq5 .charging .charging-boxwrap > div:first-child .charging-img2 {
        width: 100%;
        margin: 0 0 16px 0;
    }
    .detail-ioniq5 .charging .charging-boxwrap > div:first-child .charging-img3 {
        position: unset;
        width: 100%;
    }

}
/* E : Charging*/

/* e-GMP  ::  20220203 chajiyoung  */
.e-GMP {
    position: sticky;
    top: 0;
    z-index: 5;
    min-height: 100vh;
    background-color: #fff;
}
.e-GMP.section-container h1,
.e-GMP.section-container h2,
.e-GMP.section-container h3,
.e-GMP.section-container h4,
.e-GMP.section-container h5,
.e-GMP.section-container h6,
.e-GMP.section-container p,
.smartsense.section-container h1,
.smartsense.section-container h2,
.smartsense.section-container h3,
.smartsense.section-container h4,
.smartsense.section-container h5,
.smartsense.section-container h6,
.smartsense.section-container p {
    position: relative;
    text-align: left;
}
.e-GMP.section-container h1,
.smartsense.section-container h1,
.e-GMP.section-container h2,
.smartsense.section-container h2 {
    font-size: 74px;
    line-height: 100px;
    color: #000;
}
.smartsense.section-container h3 {
    font-size: 74px;
    line-height: 100px;
    color: #000;
}
.e-GMP.section-container h1 strong,
.smartsense.section-container h1 strong,
.e-GMP.section-container h2 strong,
.smartsense.section-container h2 strong {
    display: block;
    font-size: 28px;
    line-height: 36px;
    color: #1c6bba;
    padding-bottom: 16px;
}

.smartsense.section-container h2 span {
    font-weight: normal;
}
.e-GMP.section-container h4 {
    font-size: 36px;
    line-height: 40px;
    color: #000;
}
.e-GMP.section-container p.info {
    font-size: 14px;
    line-height: 22px;
    color: #666;
    padding-top: 16px;
    font-weight: normal;
}
.e-GMP.section-container p,
.smartsense.section-container p {
    font-size: 16px;
    line-height: 26px;
    color: #666;
    padding-top: 32px;
}
.e-GMP.section-container .inner-contents,
.smartsense.section-container .inner-contents {
    width: 1096px;
    margin: 0 auto;
}
.detail-ioniq5.v-23my .e-GMP.section-container .inner-contents,
.detail-ioniq5.v-23my .smartsense.section-container .inner-contents {
    max-width: 1120px;
    width: 100%;
}
.e-GMP .inner-e-GMP {
    /* background: url(../images/planb/img_ioniq5_eGmp01.jpg)no-repeat;
    background-size: auto 1080px;
    background-position: center top; */
    padding-bottom: 160px;
}
.e-GMP .inner-e-GMP .img img {
    width: 100%;
}
.e-GMP .inner-e-GMP h1,
.e-GMP .inner-e-GMP h2 {
    /* padding-top: 918px; */
    margin-top: -100px;
}
.e-GMP .inner-e-GMP p {
    width: 960px;
    padding-bottom: 56px;
}
.e-GMP .inner-e-GMP h4 {
    padding-top: 40px;
}
.e-GMP .inner-e-GMP h4 strong {
    font-size: 16px;
    line-height: 32px;
    display: block;
}
.e-GMP .inner-e-GMP h4 span {
    position: relative;
}
.e-GMP .inner-e-GMP h4 span.v1:after {
    content: "* 1";
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    font-size: 18px;
    line-height: 32px;
    font-weight: normal;
}
.e-GMP .inner-e-GMP h4 span.v2:after {
    content: "* 2";
    display: block;
    position: absolute;
    right: -35px;
    top: 0;
    font-size: 18px;
    line-height: 32px;
    font-weight: normal;
}
.e-GMP .inner-technology {
    background: url(../images/planb/img_ioniq5_technology01.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.e-GMP .inner-technology {
    position: relative;
}
.e-GMP .inner-technology:after {
    content: "";
    display: block;
    clear: both;
}
.e-GMP .inner-technology h1,
.e-GMP .inner-technology h2 {
    padding-top: 164px;
}
.e-GMP .inner-technology h1 strong,
.e-GMP .inner-technology h2 strong {
    color: #fff;
}
.e-GMP.section-container h3,
.e-GMP .inner-technology h3 {
    font-size: 74px;
    line-height: 100px;
    color: #000;
}

.e-GMP .inner-technology p {
    width: 627px;
    float: right;
    margin-bottom: 912px;
}
.e-GMP .inner-technology-slide {
    background-color: #e7e8ed;
    padding-bottom: 156px;
    padding-top: 100px;
}
.e-GMP .inner-technology-slide .imgBox {
    width: 532px;
    height: 354px;
}
/* // e-GMP  ::  20220203 chajiyoung  */
/* smartsense  ::  20220203 chajiyoung  */
.smartsense {
    position: sticky;
    top: 0;
    z-index: 5;
    min-height: 100vh;
    background-color: #fff;
}
.smartsense .inner-smartsense {
    padding: 160px 0;
}
.smartsense .smartsenseSwiper {
    margin-top: 96px;
}
.smartsense .smartsenseSwiper p {
    font-size: 18px;
}
.smartsense .inner-connectedCar {
    background-color: #000;
}
.smartsense .inner-connectedCar h3 {
    color: #fff;
}
.smartsense .inner-connectedCar h2 {
    padding-top: 248px;
}

.smartsense .inner-connectedCar h2 strong {
    color: #00aad2;
}
.smartsense .inner-connectedCar p {
    color: #999;
    max-width: 675px;
}
.smartsense .inner-connectedCar .inner-connectedCar-flex {
    margin-top: 132px;
    display: flex;
    padding-bottom: 200px;
}
.smartsense .inner-connectedCar .inner-connectedCar-flex div {
    width: 50%;
}
.smartsense .inner-connectedCar .inner-connectedCar-flex div.txt-box {
    padding-right: 100px;
}
.smartsense .inner-connectedCar div.txt-box h3 {
    font-size: 48px;
    line-height: 60px;
    color: #fff;
}
.smartsense .inner-connectedCar div.txt-box p {
    font-size: 18px;
    line-height: 30px;
    padding-top: 40px;
    color: #ccc;
}
.smartsense .inner-connectedCar div.txt-box strong {
    color: #fff;
    padding-top: 28px;
    padding-bottom: 8px;
    display: block;
    font-size: 20px;
}
.smartsense .inner-connectedCar div.txt-box span {
    display: block;
    font-size: 14px;
    line-height: 22px;
    padding-top: 28px;
    padding-bottom: 68px;
    color: #999;
}
.smartsense .inner-connectedCar div.txt-box a {
    width: 195px;
    height: 48px;
    background-color: #002c5f;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    line-height: 50px;
    font-size: 18px;
    display: block;
    text-align: center;
}
.smartsense .inner-connectedCar .inner-connectedCar-flex div.img-box {
    width: 532px;
    height: 616px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}
.smartsense .inner-connectedCar .inner-connectedCar-flex div.img-box img {
    width: 100%;
    /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
}
.smartsense .inner-features {
    background-color: #000;
    padding-bottom: 160px;
}
.smartsense .inner-features h1,
.smartsense .inner-features h2 {
    color: #fff;
    text-align: center;
    font-size: 48px;
    line-height: 72px;
    margin-bottom: 52px;
}
.smartsense .inner-features .inner-features-flex {
    display: flex;
    flex-wrap: wrap;
}
.smartsense .inner-features .inner-features-flex div {
    width: 33.33%;
    /* height: 18.6vw;
    overflow: hidden; */
    opacity: 0.5;
    transition: opacity 0.3s ease-out;
}
.smartsense .inner-features .inner-features-flex div:hover {
    opacity: 1;
}
.smartsense .inner-features .btn-box {
    width: 1120px;
    margin-top: 160px;
    display: flex;
}
.smartsense .inner-features .btn-box a {
    display: flex;
    flex: 1;
    height: 200px;
    color: rgba(255, 255, 255, 0.5);
    background-color: #191919;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-right: 20px;
    font-size: 24px;
    line-height: 38px;
    transition: all 0.3s ease-out;
    position: relative;
}
.smartsense .inner-features .btn-box a:hover {
    color: #fff;
}
.smartsense .inner-features .btn-box a:last-child {
    margin-right: 0;
}
.smartsense .inner-features .btn-box a:after {
    content: "";
    display: block;
    position: absolute;
    right: 24px;
    bottom: 24px;
    width: 48px;
    height: 48px;
    background-image: url(../images/planb/ico_arrow_right_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 0.5;
    transition: all 0.3s ease-out;
}
.smartsense .inner-features .btn-box a:hover:after {
    opacity: 1;
}
.hmj-container {
    padding-bottom: 0;
}
/* //smartsense  ::  20220203 chajiyoung  */

@media screen and (max-width: 1920px) {
    .e-GMP .inner-technology-slide {
        padding-top: 0;
    }
}
@media screen and (max-width: 1119px) {
    .e-GMP.section-container.e-GMP-real {
        padding-top: 100px;
    }
    .e-GMP.section-container .inner-contents,
    .smartsense.section-container .inner-contents {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .e-GMP .inner-e-GMP {
        background: url(../images/planb/img_ioniq5_eGmp01_mo.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center top;
        padding-bottom: 82px;
    }
    .e-GMP .inner-e-GMP h1,
    .e-GMP .inner-technology h1,
    .e-GMP .inner-e-GMP h2,
    .e-GMP .inner-technology h2 {
        padding-top: 65vw;
        font-size: 30px;
        line-height: 40px;
    }
    .e-GMP .inner-e-GMP h3,
    .e-GMP .inner-technology h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .e-GMP.section-container h1 strong,
    .smartsense.section-container h1 strong,
    .e-GMP.section-container h2 strong,
    .smartsense.section-container h2 strong {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 4px;
    }
    .e-GMP .inner-e-GMP p,
    .e-GMP .inner-technology p {
        width: 100%;
        padding-top: 16px;
        font-size: 14px;
        color: #333333;
        line-height: 22px;
        padding-bottom: 36px;
    }
    .e-GMP .inner-e-GMP h4 {
        padding-top: 24px;
        font-size: 26px;
        line-height: 36px;
    }
    .e-GMP .inner-e-GMP h4 strong {
        font-size: 14px;
        line-height: 22px;
    }
    .e-GMP .inner-e-GMP h4 span.v1:after {
        font-size: 14px;
        line-height: 22px;
        right: -22px;
    }
    .e-GMP.section-container p.info {
        padding-top: 8px;
        font-size: 12px;
        line-height: 20px;
    }
    .e-GMP .inner-technology {
        background: url(../images/planb/img_ioniq5_technology01_mo.jpg) no-repeat;
        background-size: cover;
        background-position: center bottom;
    }
    .e-GMP .inner-technology h2 {
        padding-top: 40px;
    }
    .e-GMP .inner-technology p {
        margin-bottom: 67vw;
    }
    .e-GMP .inner-technology-slide {
        background-color: #f9f7f8;
    }
    .e-GMP .inner-technology-slide .imgBox {
        width: 100%;
        height: 60vw;
    }
    .technologySwiper {
        padding-top: 20px;
    }
    .fraction-swiper .swiper-slide h3,
    .fraction-swiper .swiper-slide h4,
    .e-GMP .fraction-swiper .swiper-slide h4 {
        margin-top: 16px;
        font-size: 16px;
        line-height: 26px;
    }
    .e-GMP .inner-technology-slide {
        padding-bottom: 60px;
    }
    .smartsense .inner-smartsense {
        padding: 80px 0;
    }
    .smartsense.section-container h1,
    .smartsense.section-container h2 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 0;
    }
    .smartsense.section-container h3 {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 0;
    }
    .smartsense .smartsenseSwiper {
        margin-top: 40px;
    }
    .smartsense .smartsenseSwiper .imgBox {
        width: 100%;
        height: 51vw;
    }
    .smartsense .inner-connectedCar h2 {
        padding-top: 40px;
    }
    .smartsense .inner-connectedCar p {
        width: 100%;
        font-size: 14px;
        line-height: 22px;
    }
    .smartsense .inner-connectedCar .inner-connectedCar-flex {
        margin-top: 60px;
        display: block;
        padding-bottom: 80px;
    }
    .smartsense .inner-connectedCar .inner-connectedCar-flex div {
        width: 100%;
    }
    .smartsense .inner-connectedCar .inner-connectedCar-flex div.txt-box {
        padding-right: 0;
    }
    .smartsense .inner-connectedCar div.txt-box h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .smartsense .inner-connectedCar div.txt-box p {
        padding-top: 12px;
        font-size: 14px;
        line-height: 22px;
    }
    .smartsense .inner-connectedCar div.txt-box strong {
        padding-top: 12px;
        padding-bottom: 4px;
        font-size: 16px;
        line-height: 26px;
    }
    .smartsense .inner-connectedCar div.txt-box span {
        padding-top: 16px;
        padding-bottom: 24px;
        font-size: 12px;
        line-height: 20px;
    }
    .smartsense .inner-connectedCar div.txt-box a {
        width: 100%;
        display: block;
        font-size: 13px;
    }
    .smartsense .inner-connectedCar .inner-connectedCar-flex div.img-box {
        width: 100%;
        height: auto;
        margin-top: 60px;
    }
    .smartsense .inner-connectedCar .inner-connectedCar-flex div.img-box {
        border-radius: 4px;
    }
    .smartsense .inner-connectedCar .inner-connectedCar-flex div.img-box img {
        width: 100%;
    }
    .smartsense .inner-features {
        padding-bottom: 80px;
    }
    .smartsense .inner-features h1,
    .smartsense .inner-features h2 {
        text-align: left;
        padding: 0 20px;
        box-sizing: border-box;
        font-size: 22px;
        line-height: 32px;
        letter-spacing: 0;
        margin-bottom: 16px;
    }
    .smartsense .inner-features .inner-features-flex {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        display: block;
    }
    .smartsense .inner-features .inner-features-flex div {
        width: 100%;
        opacity: 1;
    }
    .smartsense .inner-features .inner-features-flex div + div {
        margin-top: 4px;
    }
    .smartsense .inner-features .btn-box {
        margin-top: 80px;
        display: block;
    }
    .smartsense .inner-features .btn-box a {
        display: block;
        width: 100%;
        height: 108px;
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 60px;
        color: #fff;
    }
    .smartsense .inner-features .btn-box a:last-child {
        margin-bottom: 0;
    }
    .smartsense .inner-features .btn-box a:after {
        top: 50%;
        transform: translateY(-50%);
        width: 38px;
        height: 38px;
        /* opacity: 1; */
    }
}
/* //smartsense  ::  20220203 chajiyoung  */

/* S: 23my */
.detail-ioniq5.v-23my .top-video .top-video-btn {
    max-width: 1472px;
}
.detail-ioniq5.v-23my .top-video .top-video-btn .btn-cont {
    margin-left: auto;
}
.detail-ioniq5.v-23my .top-video .top-video-btn .btn-cont a {
    min-width: 340px;
}
.detail-ioniq5.v-23my .top-video .top-video-btn .btn-cont .btn-type4 {
    background: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.8);
}
.detail-ioniq5.v-23my .top-video .top-video-btn .btn-cont .btn-type4 span {
    color: #191919;
}
.detail-ioniq5.v-23my .charging .charging-addwrap {
    position: relative;
    left: 88px;
    display: flex;
    justify-content: space-between;
    max-width: 1296px;
    margin: 80px auto 20px;
}

.detail-ioniq5.v-23my .charging .charging-addwrap .text-cont {
    max-width: 480px;
}
.detail-ioniq5.v-23my .charging .charging-addwrap .text-cont h3 {
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
}
.detail-ioniq5.v-23my .charging .charging-addwrap .text-cont p {
    margin-top: 24px;
    font-size: 20px;
    color: #333;
    line-height: 30px;
}
.detail-ioniq5.v-23my .charging .charging-addwrap .text-cont p + p {
    margin-top: 16px;
    font-size: 18px;
    color: #666;
    line-height: 30px;
}
.detail-ioniq5.v-23my .charging .charging-addwrap .img-cont {
    max-width: 720px;
}
.detail-ioniq5.v-23my .films {
    z-index: 7;
}

.detail-ioniq5.v-23my .films h1,
.detail-ioniq5.v-23my .films h2 {
    margin-top: 160px;
    color: #fff;
    text-align: center;
    font-size: 48px;
    line-height: 72px;
    margin-bottom: 52px;
}

.detail-ioniq5.v-23my .films .inner-features {
    padding-bottom: 0;
}
.detail-ioniq5.v-23my .films .inner-features .swiper-pagination-lock,
.detail-ioniq5.v-23my .films .inner-features .swiper-button-lock {
    display: block;
}
.detail-ioniq5.v-23my .gallery .fraction-swiper .swiper-pagination-current {
    color: #fff;
}
.detail-ioniq5.v-23my .gallery.type-interior .bg-gallery {
    background: none !important;
}
.detail-ioniq5.v-23my .gallery.type-exterior .bg-gallery .swiper {
    margin-top: 40px;
}
.detail-ioniq5.v-23my .gallery.type-interior .bg-gallery .btn-cont {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 50;
    margin: auto;
}
.detail-ioniq5.v-23my .gallery.type-interior .bg-gallery .swiper {
    position: relative;
    max-width: 1600px;
    margin: 80px auto 0;
}
.detail-ioniq5.v-23my .gallery.type-interior .bg-gallery .control-box {
    position: relative;
    margin-top: 80px;
}
.detail-ioniq5.v-23my .gallery.type-interior .bg-gallery .swiper-pagination {
    bottom: -100px;
}
.detail-ioniq5.v-23my
.gallery.type-interior
.bg-gallery
.swiper-pagination-bullet {
    width: 122px;
    height: 68px;
    border-radius: 0;
}
.detail-ioniq5.v-23my .gallery.type-interior .bg-gallery .car-swiper2 {
    --swiper-navigation-size: 104px;
    font-weight: 100;
}
.detail-ioniq5.v-23my
.gallery.type-interior
.bg-gallery
.swiper-pagination-bullets
.swiper-pagination-bullet {
    margin: 0 10px;
    opacity: 0.6;
    background: transparent no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
}
.detail-ioniq5.v-23my
.gallery.type-interior
.bg-gallery
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 2px solid #1c6bba;
    opacity: 1;
}
.detail-ioniq5.v-23my
.gallery.type-interior
.bg-gallery
.swiper-pagination-bullets
.swiper-pagination-bullet:first-of-type {
    background-image: url(../../assets/images/planb/interior-img-01_v3.jpg);
}
.detail-ioniq5.v-23my
.gallery.type-interior
.bg-gallery
.swiper-pagination-bullets
.swiper-pagination-bullet:nth-of-type(2) {
    background-image: url(../../assets/images/planb/interior-img-02_v3.jpg);
}
.detail-ioniq5.v-23my
.gallery.type-interior
.bg-gallery
.swiper-pagination-bullets
.swiper-pagination-bullet:nth-of-type(3) {
    background-image: url(../../assets/images/planb/interior-img-03_v2.jpg);
}
.detail-ioniq5.v-23my
.gallery.type-interior
.bg-gallery
.swiper-pagination-bullets
.swiper-pagination-bullet:nth-of-type(4) {
    background-image: url(../../assets/images/planb/interior-img-04.jpg);
}
.detail-ioniq5.v-23my
.gallery.type-interior
.bg-gallery
.swiper-pagination-bullets
.swiper-pagination-bullet:nth-of-type(5) {
    background-image: url(../../assets/images/planb/interior-img-05.jpg);
}
.detail-ioniq5.v-23my
.gallery.type-interior
.bg-gallery
.swiper-pagination-bullets
.swiper-pagination-bullet:nth-of-type(6) {
    background-image: url(../../assets/images/planb/interior-img-06_v2.jpg);
}
.detail-ioniq5.v-23my
.gallery.type-interior
.bg-gallery
.swiper-pagination-bullets
.swiper-pagination-bullet:nth-of-type(7) {
    background-image: url(../../assets/images/planb/interior-img-07.jpg);
}
.detail-ioniq5.v-23my
.gallery.type-interior
.bg-gallery
.swiper-pagination-bullets
.swiper-pagination-bullet:nth-of-type(8) {
    background-image: url(../../assets/images/planb/interior-img-08.jpg);
}

.detail-ioniq5.v-23my .order-here {
    z-index: 9;
    background: #f5f5f5;
}
.detail-ioniq5.v-23my .order-here .inner-align {
    width: 100%;
    max-width: 1360px;
    margin: 160px auto;
    background: #f5f5f5;
}
.detail-ioniq5.v-23my .order-here h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 72px;
    text-align: center;
}
.detail-ioniq5.v-23my .order-here .order-list {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    margin-top: 40px;
}
.detail-ioniq5.v-23my .order-here .order-list .layout-box {
    max-width: 442px;
    padding: 32px;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    background: #fff;
}
.detail-ioniq5.v-23my .order-here .layout-box .img-wrap {
    width: 60%;
    margin: 0 auto;
}
.detail-ioniq5.v-23my .order-here .layout-box .car-title {
    display: flex;
    justify-content: space-between;
}
.detail-ioniq5.v-23my .order-here .layout-box .text-wrap {
    position: relative;
    padding-top: 30px;
}
.detail-ioniq5.v-23my .order-here .layout-box .text-wrap em {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    padding: 0 5px;
    border: 1px solid #1c6bba;
    font-size: 12px;
    color: #1c6bba;
    line-height: 20px;
}
.detail-ioniq5.v-23my .order-here .layout-box .text-wrap h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
}
.detail-ioniq5.v-23my .order-here .layout-box .text-wrap h5 span {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
}
.detail-ioniq5.v-23my .order-here .layout-box .text-wrap strong {
    margin-left: auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-align: right;
}
.detail-ioniq5.v-23my .order-here .layout-box .text-wrap strong del {
    display: inline-block;
    margin-bottom: 8px;
    color: #999;
}
.detail-ioniq5.v-23my .order-here .layout-box .text-wrap dl {
    margin-top: 24px;
}
.detail-ioniq5.v-23my .order-here .layout-box .text-wrap dl div {
    display: flex;
}
.detail-ioniq5.v-23my .order-here .layout-box .text-wrap dt {
    min-width: 116px;
    font-size: 14px;
    color: #999;
    line-height: 30px;
}
.detail-ioniq5.v-23my .order-here .layout-box .text-wrap dd {
    padding-left: 16px;
    font-size: 14px;
}
.detail-ioniq5.v-23my .order-here .layout-box .text-wrap .btn-cont {
    margin-top: 24px;
}
.detail-ioniq5.v-23my .order-here .layout-box .text-wrap .btn-cont .btn {
    width: 100%;
    margin-top: 16px;
    text-align: center;
}
.detail-ioniq5.v-23my .order-here .layout-box .text-wrap .btn-cont .btn span {
    font-size: 16px;
}

@media screen and (max-width: 1119px) {
    .detail-ioniq5.v-23my .top-video .top-video-text {
        top: 183px;
    }
    .detail-ioniq5.v-23my .top-video .top-video-btn {
        flex-direction: column-reverse;
    }
    .detail-ioniq5.v-23my .top-video .top-video-btn .btn-cont {
        width: 100%;
    }
    .detail-ioniq5.v-23my .top-video .top-video-btn .prize-logo {
        width: 120px;
        margin-top: 16px;
    }
    .detail-ioniq5.v-23my .top-video .top-video-btn .btn-cont a {
        width: 100%;
        min-width: unset;
        max-width: unset;
    }
    .detail-ioniq5.v-23my .charging .charging-addwrap {
        width: 100%;
        flex-direction: column;
        margin-top: -20px;
        left: auto;
    }
    .detail-ioniq5.v-23my .charging .charging-addwrap .text-cont h3 {
        font-size: 20px;
        line-height: 32px;
    }
    .detail-ioniq5.v-23my .charging .charging-addwrap .text-cont p {
        margin-top: 16px;
        font-size: 14px;
        line-height: 22px;
    }
    .detail-ioniq5.v-23my .charging .charging-addwrap .text-cont p + p {
        margin-bottom: 24px;
        font-size: 14px;
        line-height: 22px;
    }
    .detail-ioniq5.v-23my .gallery .inner-align .section-title {
        font-size: 32px;
        line-height: 52px;
    }
    .detail-ioniq5.v-23my .gallery.type-exterior .bg-gallery .car-swiper1 {
        aspect-ratio: 360 / 202;
    }
    .detail-ioniq5.v-23my
    .gallery.type-exterior
    .bg-gallery
    .car-swiper1
    .swiper {
        margin-top: 0;
    }
    .detail-ioniq5.v-23my
    .gallery.type-exterior
    .bg-gallery
    .car-swiper1
    .swiper
    img,
    .detail-ioniq5.v-le .gallery .bg-gallery .car-swiper .swiper img {
        width: 100%;
    }
    .detail-ioniq5.v-23my .gallery.type-exterior .bg-gallery .type-thumb {
        display: flex;
        flex-direction: row;
        justify-content: center;
        left: 0;
        right: 0;
        top: auto;
        bottom: -25px;
        margin: auto;
    }
    .detail-ioniq5.v-23my
    .gallery.type-exterior
    .bg-gallery
    .type-thumb
    .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 4px;
        border-radius: 50%;
        background: rgba(19, 19, 19, 0.3);
    }
    .detail-ioniq5.v-23my
    .gallery.type-exterior
    .bg-gallery
    .type-thumb
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: rgba(19, 19, 19, 1);
        border: none;
    }
    .detail-ioniq5.v-23my .gallery.type-exterior .select-chip {
        width: 80%;
        margin: 38px auto 0;
    }
    .detail-ioniq5.v-23my .gallery .select-chip .chip-color {
        margin-bottom: 8px;
    }
    .detail-ioniq5.v-23my .gallery.type-interior .bg-gallery .btn-cont {
        top: 0;
    }
    .detail-ioniq5.v-23my .gallery.type-interior .bg-gallery .swiper {
        margin-top: 0;
        padding: 16px 0 0;
    }
    .detail-ioniq5.v-23my .gallery .select-chip.type-wide .chip-color {
        width: 128px;
    }
    .detail-ioniq5.v-23my .gallery .select-chip.type-wide .chip-color {
        margin-bottom: 8px;
    }
    .detail-ioniq5.v-23my .gallery.type-interior .bg-gallery .control-box {
        margin-top: 0;
    }
    .detail-ioniq5.v-23my .gallery.type-interior .bg-gallery .swiper-pagination {
        bottom: -70px;
    }
    .detail-ioniq5.v-23my
    .gallery.type-interior
    .bg-gallery
    .swiper-pagination-bullets
    .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 4px;
        border-radius: 50%;
        background-color: #191919;
        background-image: none !important;
        opacity: 0.3;
    }
    .detail-ioniq5.v-23my
    .gallery.type-interior
    .bg-gallery
    .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border-color: #191919;
    }
    .detail-ioniq5.v-23my .films {
        min-height: 100vh;
    }
    .detail-ioniq5.v-23my .films.section-container .inner-contents {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .detail-ioniq5.v-23my .films h1,
    .detail-ioniq5.v-23my .films h2 {
        margin: 70px 0 20px;
        font-size: 22px;
        line-height: 32px;
        text-align: left;
    }
    .detail-ioniq5.v-23my .order-here .inner-align {
        margin: 80px 0;
        padding-bottom: 0;
    }
    .detail-ioniq5.v-23my .order-here h2 {
        font-size: 32px;
        line-height: 52px;
    }
    .detail-ioniq5.v-23my .order-here .position-wrap {
        position: relative;
        padding: 0 20px;
    }
    .detail-ioniq5.v-23my .order-here .order-list {
        flex-wrap: nowrap;
        gap: 0;
    }
    .detail-ioniq5.v-23my .order-here .layout-box {
        padding: 24px;
    }
    .detail-ioniq5.v-23my .order-here .layout-box .img-wrap {
        width: 83%;
    }
    .detail-ioniq5.v-23my .order-here .swiper-pagination {
        bottom: -30px;
    }
    .detail-ioniq5.v-23my
    .order-here
    .swiper-pagination
    .swiper-pagination-bullet-active {
        background: #191919;
    }

}

/* E: 23my */

/* S: le */

.detail-ioniq5.v-le .model-menu,
.detail-ioniq5.v-23my .model-menu {
    width: 1120px;
}
.detail-ioniq5.v-le .model-menu h4 {
    width: auto;
}
.detail-ioniq5.v-le .model-menu h4 span {
    font-size: 16px;
    font-weight: 500;
}
.detail-ioniq5.v-le .top-video-text p {
    font-size: 32px;
    font-weight: 500;
}
.detail-ioniq5.v-le .top-video .top-video-btn {
    max-width: 1472px;
    justify-content: space-between;
    bottom: 50px;
}
.detail-ioniq5.v-le .top-video .top-video-btn .btn-cont a {
    min-width: 340px;
}
.detail-ioniq5.v-le .limited iframe .ytp-chrome-top {
    display: none !important;
}
.detail-ioniq5.v-le .limited {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 120px 0;
}
.detail-ioniq5.v-le .limited .inner-align {
    max-width: 1120px;
    width: 100%;
    margin-bottom: -300px;
    text-align: left;
}
.detail-ioniq5.v-le .limited .inner-align strong {
    display: block;
    font-size: 40px;
    font-weight: 500;
    line-height: 40px;
}
.detail-ioniq5.v-le .limited .inner-align h1 {
    font-size: 56px;
    font-weight: 500;
    line-height: 90px;
}
.detail-ioniq5.v-le .limited .inner-align p {
    margin-top: 32px;
    font-size: 18px;
    line-height: 30px;
}
.detail-ioniq5.v-le .limited .inner-align .video-box {
    position: relative;
    margin: 52px auto;
    aspect-ratio: 1120 / 628;
}
.detail-ioniq5.v-le .limited .inner-align .video-box iframe {
    display: block;
}
.detail-ioniq5.v-le .limited .inner-align .video-box:nth-of-type(2) {
    margin-top: 40px;
}
.detail-ioniq5.v-le .limited .outer-align {
    padding: 436px 0 207px;
    background: #101624;
}
.detail-ioniq5.v-le .limited .outer-align .limited-detail {
    position: relative;
}
.detail-ioniq5.v-le .limited .outer-align .limited-detail img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.detail-ioniq5.v-le .limited .outer-align .limited-detail .text-cont {
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    max-width: 600px;
    margin: auto;
}
.detail-ioniq5.v-le .limited .outer-align .limited-detail .text-cont h2,
.detail-ioniq5.v-le .limited .outer-align .limited-detail .text-cont h3,
.detail-ioniq5.v-le .limited .outer-align .limited-detail .text-cont p {
    color: #fff;
}
.detail-ioniq5.v-le .limited .outer-align .limited-detail .text-cont h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 72px;
}
.detail-ioniq5.v-le .limited .outer-align .limited-detail .text-cont h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 38px;
}
.detail-ioniq5.v-le .limited .outer-align .limited-detail .text-cont p {
    margin-top: 24px;
    font-size: 16px;
    line-height: 26px;
}
.detail-ioniq5.v-le .limited .outer-align .limited-detail.sector-01 .text-cont {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
}
.detail-ioniq5.v-le
.limited
.outer-align
.limited-detail.sector-01
.text-cont
.type-bottom {
    margin-top: auto;
    padding-bottom: 140px;
}
.detail-ioniq5.v-le .limited .outer-align .limited-detail.sector-01 p {
    font-size: 28px;
    line-height: 38px;
}
.detail-ioniq5.v-le .limited .outer-align .limited-detail.sector-02 {
    margin-top: 28px;
}
.detail-ioniq5.v-le .limited .outer-align .limited-detail.sector-03 {
    margin-top: 80px;
    padding-top: 60px;
}
.detail-ioniq5.v-le .limited .outer-align .limited-detail.sector-04 {
    margin-top: 117px;
    padding-top: 36px;
}
.detail-ioniq5.v-le .exterior-color .inner-align .title {
    display: block;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 500;
    color: #191919;
    line-height: 38px;
}
.detail-ioniq5.v-le .exterior-color .inner-align .text {
    display: block;
    padding-top: 24px;
    font-size: 18px;
    color: #191919;
    line-height: 30px;
}
.detail-ioniq5.v-le .exterior-color .exterior01 {
    position: relative;
    display: block;
    height: 292px;
    padding: 0;
}
.detail-ioniq5.v-le .exterior-color .exterior01 .inner-align {
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
    max-width: 1120px;
    margin: auto;
}
.detail-ioniq5.v-le .exterior-color .exterior01 .inner-align .section-title {
    font-size: 48px;
    line-height: 72px;
    text-align: left;
}
.detail-ioniq5.v-le .exterior-color .exterior02 {
    aspect-ratio: 1920 / 1080;
    background: transparent
    url("../../assets/images/planb/le/color_img_02_bg.png") no-repeat center
    center;
    background-size: 100% 100%;
}
.detail-ioniq5.v-le .exterior-color .exterior02 .bg {
    position: absolute;
    top: 0;
    right: 0;
}
.detail-ioniq5.v-le .exterior-color .exterior02 .bg .car-animation {
    position: relative;
    transform-origin: right;
}
.detail-ioniq5.v-le .exterior-color .exterior02 .bg .tire {
    position: absolute;
    bottom: 8.9828%;
    width: 13.5416%;
    transform-origin: center center;
}
.detail-ioniq5.v-le .exterior-color .exterior02 .bg .tire.front {
    left: 18.64166%;
}
.detail-ioniq5.v-le .exterior-color .exterior02 .bg .tire.rear {
    left: 83.64166%;
}
.detail-ioniq5.v-le .exterior-color .exterior02 .inner-align {
    position: absolute;
    top: 120px;
    width: 100%;
    max-width: 1120px;
}
.detail-ioniq5.v-le .exterior-color .exterior03 {
    height: auto;
    aspect-ratio: 1920 / 1080;
    background: transparent
    url("../../assets/images/planb/le/color_img_03_bg.png") no-repeat center
    center;
    background-size: 100% 100%;
}
.detail-ioniq5.v-le .exterior-color .exterior03 .bg {
    position: absolute;
    top: 0;
    left: 0;
}
.detail-ioniq5.v-le .exterior-color .exterior03 .bg .car-animation {
    transform-origin: left;
}
.detail-ioniq5.v-le .exterior-color .exterior03 .bg .tire {
    position: absolute;
    bottom: 14.2828%;
    width: 13.5416%;
    transform-origin: center center;
}
.detail-ioniq5.v-le .exterior-color .exterior03 .bg .tire.front {
    right: 18.74166%;
}
.detail-ioniq5.v-le .exterior-color .exterior03 .bg .tire.rear {
    right: 83.74166%;
}
.detail-ioniq5.v-le .exterior-color .exterior03 .inner-align {
    position: absolute;
    top: 120px;
    left: 50%;
}
.detail-ioniq5.v-le .exterior-color .exterior02 .bg img,
.detail-ioniq5.v-le .exterior-color .exterior03 .bg img {
    width: 100%;
}

.detail-ioniq5.v-le .exterior-color .exterior04 {
    aspect-ratio: 1920 / 1080;
    background: transparent
    url("../../assets/images/planb/le/color_img_02_bg.png") no-repeat center
    center;
    background-size: 100% 100%;
}
.detail-ioniq5.v-le .exterior-color .exterior04 .bg {
    aspect-ratio: 1920 / 1080;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 1920px;
}
.detail-ioniq5.v-le .exterior-color .exterior04 .bg .car-animation {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../../assets/images/planb/le/le_ex_b.png") no-repeat left
    center;
    background-size: 300%;
}
.detail-ioniq5.v-le .exterior-color .exterior04 .inner-align {
    position: absolute;
    top: 120px;
    width: 100%;
    max-width: 1120px;
}
.detail-ioniq5.v-le .exterior-color .exterior05 {
    width: 100%;
    aspect-ratio: 1920 / 1080;
    background: transparent
    url("../../assets/images/planb/le/color_img_03_bg.png") no-repeat center
    center;
    background-size: 100% 100%;
}
.detail-ioniq5.v-le .exterior-color .exterior05 .bg {
    aspect-ratio: 1920 / 1080;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 1920px;
}
.detail-ioniq5.v-le .exterior-color .exterior05 .bg .car-animation {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../../assets/images/planb/le/le_ex_w.png") no-repeat left
    center;
    background-size: 300%;
}
.detail-ioniq5.v-le .exterior-color .exterior05 .inner-align {
    position: absolute;
    top: 120px;
    left: 50%;
    margin-top: 0;
    margin-left: 0;
}

@keyframes carRotate {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: 100%;
    }
}

.detail-ioniq5.v-le .interior-color {
    padding-bottom: 180px;
}
.detail-ioniq5.v-le .interior-color .inner-align {
    max-width: 1120px;
    margin: 0 auto;
}
.detail-ioniq5.v-le .interior-color .inner-align .section-title {
    margin-top: 160px;
    font-size: 48px;
    font-weight: 500;
    line-height: 72px;
}
.detail-ioniq5.v-le .interior-color .inner-align p {
    padding-top: 24px;
    font-size: 18px;
    line-height: 30px;
}
.detail-ioniq5.v-le .interior-color .interior-swiper {
    position: relative;
    max-width: 1600px;
    margin: 80px auto 0;
}
.detail-ioniq5.v-le .swiper-button-next,
.detail-ioniq5.v-le .swiper-button-prev,
.detail-ioniq5.v-23my .gallery .swiper-button-next,
.detail-ioniq5.v-23my .gallery .swiper-button-prev {
    left: 52px;
    width: 80px;
    height: 116px;
    background: url("../../assets/images/planb/btn_swiper_left.png") no-repeat 0 0;
    background-size: 80px auto;
    opacity: 1;
}
.detail-ioniq5.v-le .swiper-button-next,
.detail-ioniq5.v-23my .gallery .swiper-button-next {
    left: auto;
    right: 52px;
    background-image: url("../../assets/images/planb/btn_swiper_right.png");
}
.detail-ioniq5.v-le .swiper-button-prev,
.detail-ioniq5.v-le .swiper-button-next,
.detail-ioniq5.v-23my .gallery .swiper-button-prev,
.detail-ioniq5.v-23my .gallery .swiper-button-next {
    color: transparent;
}
.detail-ioniq5.v-le .interior-color .interior-swiper .swiper-pagination {
    bottom: -100px;
}
.detail-ioniq5.v-le .interior-color .interior-swiper .swiper-pagination-bullet {
    width: 122px;
    height: 68px;
    border-radius: 0;
}
.detail-ioniq5.v-le .interior-color .interior-swiper {
    --swiper-navigation-size: 104px;
    font-weight: 100;
}
.detail-ioniq5.v-le
.interior-color
.swiper-pagination-bullets
.swiper-pagination-bullet {
    margin: 0 10px;
    opacity: 0.6;
    background: transparent no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
}
.detail-ioniq5.v-le
.interior-color
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 2px solid #1c6bba;
    opacity: 1;
}
.detail-ioniq5.v-le
.interior-color
.swiper-pagination-bullets
.swiper-pagination-bullet:first-of-type {
    background-image: url(../../assets/images/planb/le/interior-img-01.jpg);
}
.detail-ioniq5.v-le
.interior-color
.swiper-pagination-bullets
.swiper-pagination-bullet:nth-of-type(2) {
    background-image: url(../../assets/images/planb/le/interior-img-02.jpg);
}
.detail-ioniq5.v-le
.interior-color
.swiper-pagination-bullets
.swiper-pagination-bullet:nth-of-type(3) {
    background-image: url(../../assets/images/planb/le/interior-img-03.jpg);
}
.detail-ioniq5.v-le
.interior-color
.swiper-pagination-bullets
.swiper-pagination-bullet:nth-of-type(4) {
    background-image: url(../../assets/images/planb/le/interior-img-04.jpg);
}
.detail-ioniq5.v-le
.interior-color
.swiper-pagination-bullets
.swiper-pagination-bullet:nth-of-type(5) {
    background-image: url(../../assets/images/planb/le/interior-img-05.jpg);
}
.detail-ioniq5.v-le
.interior-color
.swiper-pagination-bullets
.swiper-pagination-bullet:nth-of-type(6) {
    background-image: url(../../assets/images/planb/le/interior-img-06.jpg);
}
.detail-ioniq5.v-le
.interior-color
.swiper-pagination-bullets
.swiper-pagination-bullet:nth-of-type(7) {
    background-image: url(../../assets/images/planb/le/interior-img-07.jpg);
}
.detail-ioniq5.v-le
.interior-color
.swiper-pagination-bullets
.swiper-pagination-bullet:nth-of-type(8) {
    background-image: url(../../assets/images/planb/le/interior-img-08.jpg);
}
.detail-ioniq5 .gallery {
    z-index: 6;
}
.detail-ioniq5 .gallery .inner-align {
    text-align: center;
}
.detail-ioniq5 .gallery .inner-align .section-title {
    margin-top: 80px;
    font-size: 48px;
    font-weight: 500;
    line-height: 72px;
}
.detail-ioniq5 .gallery .bg-gallery {
    position: relative;
    aspect-ratio: 1920 / 732;
    margin-top: 40px;
    padding-top: 50px;
    background: transparent no-repeat center center;
    background-size: auto 100%;
    box-sizing: border-box;
}

.detail-ioniq5.v-le .gallery .bg-gallery.type-location {
    background-image: url(../../assets/images/planb/le/gallery_bg_location.jpg);
}
.detail-ioniq5.v-le .gallery .bg-gallery.type-studio {
    background-image: url(../../assets/images/planb/le/gallery_bg_studio.jpg);
}
.detail-ioniq5.v-23my .gallery .bg-gallery.type-location {
    background-image: url(../../assets/images/planb/gallery_bg_location.jpg);
}
.detail-ioniq5.v-23my .gallery .bg-gallery.type-studio {
    background-image: url(../../assets/images/planb/gallery_bg_studio.jpg);
}

.detail-ioniq5 .gallery .bg-gallery .btn-cont {
    display: flex;
    justify-content: center;
}
.detail-ioniq5 .gallery .bg-gallery .btn-cont .btn:first-of-type {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}
.detail-ioniq5 .gallery .bg-gallery .btn-cont .btn:nth-of-type(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}
.detail-ioniq5 .gallery .bg-gallery .btn-cont .btn:hover {
    border-color: #fff;
}
.detail-ioniq5 .gallery .bg-gallery .btn-cont .btn:active {
    transform: none;
}
.detail-ioniq5 .gallery .bg-gallery .car-swiper {
    margin-top: 100px;
}
.detail-ioniq5 .gallery .bg-gallery .swiper {
    width: 100%;
}
.detail-ioniq5 .gallery.type-exterior .bg-gallery .swiper .swiper-slide img,
.detail-ioniq5 .gallery .bg-gallery .car-swiper .swiper-slide img {
    display: block;
    width: 58.333%;
    margin: 0 auto;
}
.detail-ioniq5 .gallery .swiper-button-next {
    right: 82px;
}
.detail-ioniq5 .gallery .swiper-button-prev {
    left: 82px;
}
.detail-ioniq5 .gallery .type-thumb.swiper-pagination {
    position: absolute;
    left: auto;
    bottom: auto;
    right: 13%;
    top: 150px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    width: auto;
}
.detail-ioniq5 .gallery .type-thumb .swiper-pagination-bullet {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 64px;
    height: 40px;
    margin-bottom: 9px;
    border-radius: 2px;
    background: #fff;
    cursor: pointer;
}
.detail-ioniq5.v-23my
.gallery
.swiper-pagination.type-thumb
.swiper-pagination-bullet {
    padding: 5px;
}
.detail-ioniq5
.gallery
.swiper-pagination.type-thumb
.swiper-pagination-bullet
img {
    width: 100%;
    height: auto;
}
.detail-ioniq5
.gallery
.swiper-pagination.type-thumb
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 1px solid #1c6bba;
    width: 64px;
}
.detail-ioniq5 .gallery .swiper-pagination {
    position: static;
    display: inline-block;
    width: auto;
    padding-right: 15px;
    vertical-align: top;
}
.detail-ioniq5 .gallery .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #fff;
    opacity: 0.5;
    transition: all 0.3s;
}
.detail-ioniq5
.gallery
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 4px;
    opacity: 1;
}
.detail-ioniq5 .gallery .control-box {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    z-index: 10;
}
.detail-ioniq5 .gallery .control-box p {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.detail-ioniq5 .gallery .control-box .play {
    display: inline-block;
}
.detail-ioniq5 .gallery .control-box .stop {
    display: none;
}
.detail-ioniq5 .gallery .control-box.is-play .play {
    display: none;
}
.detail-ioniq5 .gallery .control-box.is-play .stop {
    display: inline-block;
}
.detail-ioniq5 .gallery .select-chip {
    margin-top: 24px;
    text-align: center;
}
.detail-ioniq5 .gallery .select-chip p {
    margin-bottom: 16px;
    font-size: 16px;
    color: #191919;
    line-height: 26px;
}
.detail-ioniq5 .gallery .select-chip .chip-color {
    position: relative;
    display: inline-block;
    width: 64px;
    margin: 0 2px;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
}
.detail-ioniq5 .gallery .select-chip.type-wide .chip-color {
    max-width: 400px;
    width: auto;
    margin: 0 4px;
}
.detail-ioniq5 .gallery .select-chip .chip-color img {
    position: relative;
    z-index: 1;
}
.detail-ioniq5 .gallery .select-chip .chip-color.on::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    border: 2px solid #0793ea;
    border-radius: 4px;
    box-shadow: inset 0 0 0 2px #fff;
}

.btn-type4 {
    border: 1px solid #e9e9e9;
    background: rgba(233, 233, 233, 0.3);
}
.btn-type4:hover {
    background: rgba(233, 233, 233, 0.5);
    border-color: #fff;
    box-shadow: 0 2px 10px -1px rgba(233, 233, 233, 0.5);
}
.btn-type4 span {
    color: #fff;
}
.btn-type-assur {
    aspect-ratio: 680 / 200;
    background: url("../images/planb/btn_banner_assurance.png")
    no-repeat;
    background-size: 100% 100%;
    margin-top: 16px;
}
.btn-type-assur:hover {
    opacity: 0.96;
}
.detail-ioniq5.v-le .btn-type-assur {
    background-image: url("../../assets/images/planb/le/btn_banner_assurance.png");
}
.detail-ioniq5.v-le .order-here {
    z-index: 9;
    padding: 160px 0;
}
.detail-ioniq5.v-le .order-here .inner-align {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}
.detail-ioniq5.v-le .order-here h2 {
    font-size: 48px;
    font-weight: 500;
    color: #191919;
    line-height: 72px;
}
.detail-ioniq5.v-le .order-here .layout-box {
    position: relative;
    display: flex;
    margin-top: 80px;
}
.detail-ioniq5.v-le .order-here .type-reverse {
    flex-direction: row-reverse;
}
.detail-ioniq5.v-le .order-here .layout-box .img-wrap {
    width: 57.14285%;
}
.detail-ioniq5.v-le .order-here .layout-box .text-wrap {
    width: 42.85715%;
    box-sizing: border-box;
    padding-left: 32px;
}

.detail-ioniq5.v-le .order-here .type-reverse .text-wrap {
    padding-left: 0;
    padding-right: 32px;
}

.detail-ioniq5.v-le .order-here .layout-box .text-wrap em {
    padding: 5px;
    border: 1px solid #1c6bba;
    font-size: 12px;
    color: #1c6bba;
    line-height: 12px;
}
.detail-ioniq5.v-le .order-here .layout-box .text-wrap h3 {
    display: flex;
    margin-bottom: 22px;
    font-size: 40px;
    font-weight: 500;
    line-height: 64px;
    vertical-align: text-bottom;
}
.detail-ioniq5.v-le .order-here .layout-box .text-wrap h3 span {
    padding-left: 8px;
    font-size: 24px;
    line-height: 74px;
}
.detail-ioniq5.v-le .order-here .layout-box .text-wrap h3 strong {
    margin-left: auto;
    font-size: 24px;
    font-weight: 500;
    line-height: 74px;
}
.detail-ioniq5.v-le .order-here .layout-box .text-wrap dl div {
    display: flex;
}
.detail-ioniq5.v-le .order-here .layout-box .text-wrap dt {
    min-width: 116px;
    font-size: 14px;
    color: #999;
    line-height: 30px;
}
.detail-ioniq5.v-le .order-here .layout-box .text-wrap dd {
    padding-left: 16px;
    font-size: 14px;
}
.detail-ioniq5.v-le .order-here .layout-box .text-wrap .btn-cont {
    display: flex;
    margin-top: 32px;
}
.detail-ioniq5.v-le .order-here .layout-box .text-wrap .btn-cont .btn {
    min-width: 216px;
    height: 48px;
    margin-right: 16px;
}
.detail-ioniq5.v-le .order-here .layout-box .text-wrap .btn-cont .btn span {
    font-size: 16px;
}
.detail-ioniq5.v-le .order-here .layout-box.sold-out::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: rgba(255, 255, 255, 0.55);
}
.detail-ioniq5.v-le .order-here .layout-box.type-reverse.sold-out::after {
    right: 0;
    left: auto;
}
.detail-ioniq5.v-le .order-here .layout-box.sold-out::after {
    content: "在庫切れ";
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 11;
    display: block;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: #000;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 84px;
    opacity: 0.7;
}
.detail-ioniq5.v-le .order-here .layout-box.sold-out a {
    pointer-events: none;
}

.detail-ioniq5.v-le .smartsense {
    min-height: auto;
}
.detail-ioniq5.v-le .smartsense .inner-features {
    background: #fff;
}
.detail-ioniq5.v-le .smartsense .inner-features .btn-box a {
    background-size: 100%;
    color: rgba(255, 255, 255, 1);
}
.detail-ioniq5.v-le .smartsense .inner-features .btn-box a:after {
    opacity: 1;
    background-image: url(../images/planb/le/ico_arrow_right_white.svg);
}
.detail-ioniq5.v-le .smartsense .inner-features .btn-box a:first-of-type {
    background-image: url("../../assets/images/planb/kona/banner_bg_06.jpg");
}
.detail-ioniq5.v-le .smartsense .inner-features .btn-box a:nth-of-type(2) {
    background-image: url("../../assets/images/planb/kona/banner_bg_07.jpg");
}
.detail-ioniq5.v-le .smartsense .inner-features .btn-box a:nth-of-type(3) {
    background-image: url("../../assets/images/planb/le/order-here_btn_01.jpg");
}

@media screen and (max-width: 1119px) {
    .detail-ioniq5.v-le .model-menu,
    .detail-ioniq5.v-23my .model-menu {
        width: 100%;
    }
    .detail-ioniq5.v-le .top-video {
        padding-top: 45px;
    }
    .detail-ioniq5.v-le .model-menu h4 span {
        font-size: 12px;
    }
    .detail-ioniq5.v-le .top-video .top-video-text {
        top: 174px;
    }
    .detail-ioniq5.v-le .top-video-text p {
        padding-top: 15px;
        font-size: 18px;
        line-height: 1;
    }
    .detail-ioniq5.v-le .top-video .top-video-btn {
        flex-direction: column-reverse;
        bottom: 100px;
    }
    .detail-ioniq5.v-le .top-video .top-video-btn .btn-cont {
        width: 100%;
    }
    .detail-ioniq5.v-le .top-video .top-video-btn .btn-cont a {
        font-size: 18px;
        min-width: unset;
        max-width: unset;
        width: 100%;
    }
    .detail-ioniq5.v-le .top-video .top-video-btn .btn-type-assur {
        aspect-ratio: 680 / 160;
        height: auto;
    }
    .detail-ioniq5.v-le .top-video .top-video-btn .prize-logo {
        width: 40%;
        margin-top: 16px;
    }
    .btn-type-assur {
        aspect-ratio: 640 / 160;
        background-image: url("../images/planb/btn_banner_assurance_mo.png");
    }
    .detail-ioniq5.v-le .btn-type-assur {
        background-image: url("../../assets/images/planb/le/btn_banner_assurance_mo.png");
    }
    .detail-ioniq5.v-le .limited .inner-align {
        margin-bottom: 0;
    }
    .detail-ioniq5.v-le .limited .inner-align strong {
        padding: 0 20px;
        font-size: 18px;
        line-height: 30px;
    }
    .detail-ioniq5.v-le .limited .inner-align h1 {
        margin-top: 8px;
        padding: 0 20px;
        font-size: 24px;
        line-height: 38px;
    }
    .detail-ioniq5.v-le .limited .inner-align p {
        margin-top: 24px;
        padding: 0 20px;
        font-size: 14px;
        line-height: 22px;
    }
    .detail-ioniq5.v-le .limited .inner-align .video-box {
        margin: 40px 0 0;
    }
    .detail-ioniq5.v-le .limited .inner-align .video-box:first-of-type {
        margin: 60px 0 0;
    }
    .detail-ioniq5.v-le .limited .outer-align {
        padding: 263px 0 0;
    }
    .detail-ioniq5.v-le .limited .outer-align .limited-detail .text-cont h2,
    .detail-ioniq5.v-le .limited .outer-align .limited-detail .text-cont p,
    .detail-ioniq5.v-le .limited .outer-align .limited-detail .text-cont h3 {
        padding: 0 20px;
    }
    .detail-ioniq5.v-le .limited .outer-align .limited-detail .text-cont h2 {
        font-size: 32px;
        line-height: 52px;
    }
    .detail-ioniq5.v-le .limited .outer-align .limited-detail .text-cont p {
        font-size: 16px;
        line-height: 26px;
    }
    .detail-ioniq5.v-le .limited .outer-align .limited-detail .text-cont h3 {
        font-size: 22px;
        line-height: 34px;
    }
    .detail-ioniq5.v-le .limited .outer-align .limited-detail .text-cont img {
        display: block;
    }
    .detail-ioniq5.v-le .limited .outer-align .limited-detail.sector-01 {
        padding-bottom: 160px;
    }
    .detail-ioniq5.v-le
    .limited
    .outer-align
    .limited-detail.sector-01
    .text-cont {
        position: absolute;
        top: -183px;
        padding-bottom: 0;
    }
    .detail-ioniq5.v-le
    .limited
    .outer-align
    .limited-detail.sector-01
    .text-cont
    .type-bottom {
        padding-bottom: 80px;
    }
    .detail-ioniq5.v-le .limited .outer-align .limited-detail .text-cont {
        position: relative;
        left: 0;
        padding-bottom: 32px;
    }
    .detail-ioniq5.v-le .limited .outer-align .limited-detail.sector-02,
    .detail-ioniq5.v-le .limited .outer-align .limited-detail.sector-03,
    .detail-ioniq5.v-le .limited .outer-align .limited-detail.sector-04 {
        padding: 0 0 80px;
        margin-top: 0;
    }
    .detail-ioniq5.v-le .exterior-color .exterior01 {
        height: 252px;
    }
    .detail-ioniq5.v-le .exterior-color .exterior01 .inner-align {
        top: 80px;
        padding: 0 20px;
    }
    .detail-ioniq5.v-le .exterior-color .exterior01 .inner-align .section-title {
        font-size: 32px;
        line-height: 52px;
    }
    .detail-ioniq5.v-le .exterior-color .inner-align .title {
        font-size: 22px;
        line-height: 34px;
    }
    .detail-ioniq5.v-le .exterior-color .inner-align .text {
        padding-top: 8px;
        font-size: 14px;
        line-height: 22px;
    }
    .detail-ioniq5.v-le .exterior-color .exterior02 {
        aspect-ratio: 360 / 432;
    }
    .detail-ioniq5.v-le .exterior-color .exterior04,
    .detail-ioniq5.v-le .exterior-color .exterior05 {
        aspect-ratio: 360 / 600;
    }
    .detail-ioniq5.v-le .exterior-color .exterior02 .inner-align,
    .detail-ioniq5.v-le .exterior-color .exterior03 .inner-align,
    .detail-ioniq5.v-le .exterior-color .exterior04 .inner-align,
    .detail-ioniq5.v-le .exterior-color .exterior05 .inner-align {
        position: static;
        padding-top: 12px;
    }
    .detail-ioniq5.v-le .exterior-color .exterior02 .bg,
    .detail-ioniq5.v-le .exterior-color .exterior03 .bg,
    .detail-ioniq5.v-le .exterior-color .exterior04 .bg,
    .detail-ioniq5.v-le .exterior-color .exterior05 .bg {
        width: 100%;
        height: 100%;
    }
    .detail-ioniq5.v-le .exterior-color .exterior02 .bg .car-animation,
    .detail-ioniq5.v-le .exterior-color .exterior03 .bg .car-animation {
        position: absolute;
        bottom: 30px;
        width: auto;
        max-width: unset;
        height: 80%;
    }
    .detail-ioniq5.v-le .exterior-color .exterior04 .bg .car-animation,
    .detail-ioniq5.v-le .exterior-color .exterior05 .bg .car-animation {
        position: absolute;
        bottom: -100px;
        width: 100%;
        max-width: unset;
        height: 100%;
        background-size: 600%;
    }
    .detail-ioniq5.v-le .exterior-color .exterior05 .bg .car-animation {
        background-position: -400px 0;
    }
    .detail-ioniq5.v-le .exterior-color .exterior03 .bg .car-animation {
        height: 76%;
    }
    .detail-ioniq5.v-le .exterior-color .exterior03 {
        aspect-ratio: 360 / 520;
    }
    .detail-ioniq5.v-le .exterior-color .exterior03 .inner-align {
        padding: 40px 20px 24px;
    }
    .detail-ioniq5.v-le .exterior-color .exterior02 .bg .tire.front {
        left: 27.94166%;
        bottom: 24.3828%;
        width: 20.1416%;
    }
    .detail-ioniq5.v-le .exterior-color .exterior03 .bg .tire.front {
        right: 27.74166%;
        bottom: 34.4828%;
        width: 20.1416%;
    }
    .detail-ioniq5.v-le .interior-color {
        padding-bottom: 200px !important;
    }
    .detail-ioniq5.v-le .interior-color .inner-align {
        padding: 80px 20px 0;
    }
    .detail-ioniq5.v-le .interior-color .inner-align .section-title {
        margin-top: 0;
        font-size: 32px;
        line-height: 52px;
    }
    .detail-ioniq5.v-le .interior-color .inner-align p {
        font-size: 16px;
        line-height: 26px;
    }
    .detail-ioniq5.v-le .interior-color .interior-swiper {
        padding-bottom: 200px;
    }
    .detail-ioniq5.v-le .swiper-button-next::after,
    .detail-ioniq5.v-le .swiper-button-prev::after,
    .detail-ioniq5.v-23my .gallery .swiper-button-next::after,
    .detail-ioniq5.v-23my .gallery .swiper-button-prev::after {
        display: none;
    }
    .detail-ioniq5.v-le .swiper-button-next,
    .detail-ioniq5.v-le .swiper-button-prev,
    .detail-ioniq5.v-23my .gallery .swiper-button-next,
    .detail-ioniq5.v-23my .gallery .swiper-button-prev {
        top: 0;
        bottom: 0;
        left: 0;
        width: 40px;
        height: 40px;
        margin: auto;
        border-radius: 4px;
        background: rgba(0, 0, 0, 0.45)
        url(../../assets/images/planb/btn_swiper_left.png) no-repeat center center;
        background-size: 16px 16px;
    }
    .detail-ioniq5.v-le .swiper-button-prev,
    .detail-ioniq5.v-23my .gallery .swiper-button-prev {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }
    .detail-ioniq5.v-le .swiper-button-next,
    .detail-ioniq5.v-23my .gallery .swiper-button-next {
        background-image: url(../../assets/images/planb/btn_swiper_right.png);
        left: auto;
        right: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }
    .detail-ioniq5.v-le .interior-color .interior-swiper .swiper-pagination {
        bottom: 170px;
    }
    .detail-ioniq5.v-le
    .interior-color
    .swiper-pagination-bullets
    .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 4px;
        border-radius: 50%;
        background-color: #191919;
        background-image: none !important;
        opacity: 0.3;
    }
    .detail-ioniq5.v-le
    .interior-color
    .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border-color: #191919;
    }
    .detail-ioniq5 .gallery {
        height: 100vh;
    }
    .detail-ioniq5 .gallery .inner-align .section-title {
        margin-top: 80px;
    }
    .detail-ioniq5 .gallery .swiper-button-prev {
        left: 0;
    }
    .detail-ioniq5 .gallery .swiper-button-next {
        right: 0;
    }
    .detail-ioniq5 .gallery .bg-gallery {
        aspect-ratio: 360 / 202;
        margin-top: 16px;
        padding-top: 0;
        background-position: 30% bottom;
    }
    .detail-ioniq5 .gallery .bg-gallery.type-studio {
        background-position: center center;
    }
    .detail-ioniq5 .gallery .bg-gallery .btn-cont .btn {
        min-width: 50%;
        border: 0;
        border-radius: 0;
        line-height: 53px;
    }
    .detail-ioniq5 .gallery .bg-gallery .btn-cont .btn.btn-type3 {
        position: relative;
        background: #fff;
    }
    .detail-ioniq5 .gallery .bg-gallery .btn-cont .btn.btn-type3:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 3px;
        background: #1c6bba;
    }
    .detail-ioniq5 .gallery .bg-gallery .btn-cont .btn.btn-type3 span {
        color: #191919;
    }
    .detail-ioniq5 .gallery .bg-gallery .btn-cont .btn.btn-type3,
    .detail-ioniq5 .gallery .bg-gallery .btn-cont .btn.btn-type4 {
        background: #fff;
    }
    .detail-ioniq5 .gallery .bg-gallery .btn-cont .btn.btn-type3 span {
        color: #191919;
    }
    .detail-ioniq5 .gallery .bg-gallery .btn-cont .btn.btn-type4 span {
        color: #666;
    }
    .detail-ioniq5 .gallery .bg-gallery .btn-cont .btn span {
        font-size: 13px;
    }
    .detail-ioniq5 .gallery .bg-gallery .btn-cont .btn:active,
    .detail-ioniq5 .gallery .bg-gallery .btn-cont .btn:hover {
        transform: none;
        box-shadow: none;
    }
    .detail-ioniq5 .gallery .bg-gallery .car-swiper {
        margin-top: 0;
        aspect-ratio: 360 / 202;
    }
    .detail-ioniq5 .gallery .bg-gallery .swiper {
        margin-top: 0;
        padding: 12% 20px 0;
    }
    .detail-ioniq5 .gallery .bg-gallery .swiper .swiper-slide img {
        width: 100%;
    }
    .detail-ioniq5 .gallery .bg-gallery .type-thumb {
        display: none;
    }
    .detail-ioniq5 .gallery .bg-gallery .control-box {
        bottom: -20px;
    }
    .detail-ioniq5.v-le .bg-gallery .control-box.is-play .stop,
    .detail-ioniq5.v-le .bg-gallery .control-box.is-play .play,
    .detail-ioniq5.v-23my .bg-gallery .control-box.is-play .stop,
    .detail-ioniq5.v-23my .bg-gallery .control-box.is-play .play {
        display: none;
    }
    .detail-ioniq5.v-le .bg-gallery .swiper-pagination,
    .detail-ioniq5.v-23my .bg-gallery .swiper-pagination {
        padding-right: 0;
    }
    .detail-ioniq5.v-le
    .bg-gallery
    .swiper-pagination-bullets
    .swiper-pagination-bullet,
    .detail-ioniq5.v-23my
    .bg-gallery
    .swiper-pagination-bullets
    .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 4px;
        border-radius: 50%;
        background-color: #191919;
        background-image: none !important;
        opacity: 0.3;
    }
    .detail-ioniq5.v-le
    .bg-gallery
    .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .detail-ioniq5.v-23my
    .bg-gallery
    .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border-color: #191919;
        opacity: 1;
    }
    .detail-ioniq5 .gallery .swiper-button-prev,
    .detail-ioniq5 .gallery .swiper-button-next,
    .detail-ioniq5.v-23my .gallery .swiper-button-prev,
    .detail-ioniq5.v-23my .gallery .swiper-button-next {
        top: 56px;
    }
    .detail-ioniq5 .gallery .select-chip {
        margin-top: 32px;
    }

    .detail-ioniq5.v-le .order-here {
        padding: 80px 20px;
    }
    .detail-ioniq5.v-le .order-here h2 {
        font-size: 32px;
        line-height: 52px;
    }
    .detail-ioniq5.v-le .order-here .layout-box {
        flex-direction: column;
        margin-top: 40px;
    }
    .detail-ioniq5.v-le .order-here .layout-box + .layout-box {
        margin-top: 80px;
    }
    .detail-ioniq5.v-le .order-here .layout-box .text-wrap {
        width: 100%;
        padding: 0;
    }
    .detail-ioniq5.v-le .order-here .layout-box .text-wrap em {
        display: inline-block;
    }
    .detail-ioniq5.v-le .order-here .layout-box .text-wrap h3 {
        display: block;
        font-size: 32px;
        line-height: 52px;
    }
    .detail-ioniq5.v-le .order-here .layout-box .text-wrap h3 span {
        font-size: 18px;
        line-height: 52px;
    }
    .detail-ioniq5.v-le .order-here .layout-box .text-wrap h3 strong {
        display: block;
        font-size: 16px;
        line-height: 26px;
    }
    .detail-ioniq5.v-le .order-here .layout-box .img-wrap {
        width: 100%;
    }
    .detail-ioniq5.v-le .order-here .layout-box .text-wrap dl {
        margin-top: 16px;
    }
    .detail-ioniq5.v-le .order-here .layout-box .text-wrap .btn-cont {
        flex-direction: column;
        margin-top: 16px;
    }
    .detail-ioniq5.v-le .order-here .layout-box .text-wrap .btn-cont .btn {
        margin: 8px 0 0;
    }
    .detail-ioniq5.v-le .order-here .layout-box.sold-out::after {
        top: 120px;
    }
    .detail-ioniq5.v-le .smartsense .inner-contents {
        width: 100%;
    }
    .detail-ioniq5.v-le .smartsense .inner-features .btn-box a {
        background-position: center center;
        display: flex;
        align-items: center;
        font-size: 16px;
        line-height: 26px;
    }
    .detail-ioniq5.v-le .smartsense .inner-features .btn-box a:first-of-type {
        background-image: url("../../assets/images/planb/kona/banner_bg_06_mo.jpg");
    }
    .detail-ioniq5.v-le .smartsense .inner-features .btn-box a:nth-of-type(2) {
        background-image: url("../../assets/images/planb/kona/banner_bg_07_mo.jpg");
    }
    .detail-ioniq5.v-le .smartsense .inner-features .btn-box a:nth-of-type(3) {
        background-image: url("../../assets/images/planb/le/order-here_btn_01_mo.jpg");
    }
}
/* E: le */

/*
 * JB-9131 fix50: default ABSENT (0). CDN/prod planb used 40/84 which painted
 * sticky GNB/LNB at banner-ON before JS could zero — iOS saw a slide-up.
 * Visible `.banner-top:not([hidden])` restores ON heights via :has (pre-JS).
 */
:root {
    --banner-top-height: 0px;
}
html:has(.banner-top:not([hidden])) {
    --banner-top-height: 40px;
}
/* Kill top transitions until pip-common marks first layout vars applied */
html:not(.pip-layout-ready) .hmj-header,
html:not(.pip-layout-ready) .model-menu-wrap {
    transition: none !important;
}
/* JB-9131 follow-up: [hidden] banner must stay off-screen (display:flex overrides [hidden]) */
.banner-top[hidden] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
/* QA: floating banner present/absent toggle (pip-common.js) */
#js-pip-banner-toggle-qa {
    position: fixed;
    left: 8px;
    bottom: 72px;
    z-index: 99999;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    background: #c62828;
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    cursor: pointer;
    opacity: 0.92;
}
#js-pip-banner-toggle-qa[aria-pressed="true"] {
    background: #2e7d32;
}
/* S: Main Top banner */
.banner-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 301;
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--banner-top-height);
    background: #000;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    will-change: transform;
}
/* iOS 스크롤 튕김 현상 대응 */
.ios .banner-top.scr-chk {
    top: 10px;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
.banner-top .container {
    position: relative;
    margin: 0 auto;
    padding-right: 100px;
    width: 1120px;
}
.banner-top .banner-top-cont {
    height: var(--banner-top-height);
}
.banner-top .banner-top-item {
    font-size: 12px;
    line-height: 20px;
    color: #fff;;
    white-space: nowrap;
}
.banner-top .banner-top-item .item-inner {
    display: flex;
    align-items: center;
    height: var(--banner-top-height);
}
.banner-top .banner-top-item .item-category {
    margin-right: 16px;
    padding: 1px 10px;
    border-radius: 4px;
    border: 1px solid #fff;
}
.banner-top .banner-top-item .item-desc {
    margin-right: 20px;
}
.banner-top .banner-top-item .item-link > a{
    padding-right: 20px;
    display: block;
    color: #1C6BBA;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2213%22%20viewBox%3D%220%200%209%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.671875%200.759256L1.32267%200L8.76557%206.37963L1.32267%2012.7593L0.671875%2012L7.22827%206.37863L0.671875%200.759256Z%22%20fill%3D%22%231C6BBA%22%2F%3E%3C%2Fsvg%3E');
    background-position: right center;
    background-repeat: no-repeat;
}
.banner-top .banner-top-controls {
    position: absolute;
    right: 0;
    top: 8px;
    display: flex;
    align-items: center;
    opacity: 0;
    pointer-events: none;
}
.banner-top .banner-top-controls.is-active {
    opacity: 1;
    pointer-events: auto;
}
.banner-top .banner-top-controls .bar {
    margin: 0 8px;
    width: 2px;
    height: 16px;
    background: #666;
}
.banner-top .banner-top-btn {
    display: block;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
}
.banner-top .banner-top-btn-prev {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.5%2017.9085L15.4334%2019L7.5%2012L15.4334%205L16.5%206.09146L9.80442%2011.999L16.5%2017.9085Z%22%20fill%3D%22%23999999%22%2F%3E%3C%2Fsvg%3E');
}
.banner-top .banner-top-btn-next {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.5%206.09146L8.5666%205L16.5%2012L8.56659%2019L7.5%2017.9085L14.1956%2012.001L7.5%206.09146Z%22%20fill%3D%22%23999999%22%2F%3E%3C%2Fsvg%3E');
}
.banner-top .banner-top-btn.swiper-button-disabled {
    opacity: 0.6;
    pointer-events: none;
}

.banner-top:not([hidden]) + .hmj-header,
.banner-top:not([hidden]) + .hmj-header .gnb-menu-box,
.banner-top:not([hidden]) + .hmj-header .gnb-search-dim .search-outer-box {
    top: var(--banner-top-height, 0px);
}
.banner-top:not([hidden]) + .hmj-header .gnb-menu-box {
    height: calc(100% - var(--banner-top-height, 0px));
}

.banner-top:not([hidden]) + .hmj-header.active .gnb-search-dim .search-outer-box {
    top: 0;
}
.banner-top:not([hidden]) ~ .hmj-container .model-menu-wrap.with-gnb {
    top: calc(var(--banner-top-height, 0px) + 72px);
}
.banner-top:not([hidden]) ~ .hmj-container .model-menu-wrap {
    top: var(--banner-top-height, 0px);
}
.banner-top:not([hidden]) + .hmj-header.scr-chk {
    top: -73px;
}
.banner-top:not([hidden]) ~ .detail-ioniq5.v-23my .top-video .top-video-text {
    top: 246px;
}
/* JB-9131 fix41: KONA PC — same stack calc as base .top-title (includes --banner-top-height) */

.banner-top:not([hidden]) ~ .scr-chk ~ .kona .section-container > .inner-align:first-of-type {
    margin-top: 120px;
}
.banner-top:not([hidden]) ~ .kona .section-container > .inner-align:first-of-type {
    margin-top: 200px;
}
/* Connected Car PC image column — match 운영 planb.css.
 * Prod banner ON uses 60.875% / 52.875%; fix42 dropped these so banner OFF fell back to 66.875% / 58.875% (zoomed crop). */
.banner-top:not([hidden]) ~ .detail-ioniq5.kona .wrapper-image {
    width: 60.875%;
}

/* Connected Car body text — banner ON uses smaller type (prod planb.css).
 * fix42 removed with wrapper-image rules; fix56 restored image width only. */
.banner-top:not([hidden]) ~ .detail-ioniq5.kona .swiper p {
    font-size: 16px;
    line-height: 24px;
}
.banner-top:not([hidden]) ~ .detail-ioniq5.kona .section-container .inner-align .txt-area .description {
    font-size: 16px;
    line-height: 24px;
}
.banner-top:not([hidden]) ~ .detail-ioniq5.kona .swiper strong {
    margin-top: 16px;
}

@media screen and (min-width: 1120px) {
    .banner-top.type-kona .banner-text {
        margin-left: -16px;
    }
}
@media screen and (max-width: 1119px) {
    /* .banner-top {
        height: auto;
        min-height: 60px;
        padding: 8px 36px;
    }
    .banner-top .banner-text {
        font-size: 14px;
        line-height: 22px;
        color: #191919;
    }
    .banner-top .banner-text .banner-link {
        display: block;
        padding-left: 0;
        font-size: 13px;
        text-align: center;
    } */
    .banner-top .container {
        width: 100%;
        padding: 0 20px;
    }
    .banner-top .banner-top-controls {
        right: 20px;
    }

    .banner-top:not([hidden]) + .hmj-header,
    .banner-top:not([hidden]) + .hmj-header .gnb-menu-box,
    .banner-top:not([hidden]) + .hmj-header .gnb-search-dim .search-outer-box {
        top: var(--banner-top-height);
    }
    .banner-top:not([hidden]) + .hmj-header .gnb-menu-box {
        height: calc(100% - var(--banner-top-height));
    }

    .banner-top:not([hidden]) ~ .hmj-container .model-menu-wrap {
        top: var(--banner-top-height);
    }

    .banner-top:not([hidden]) ~ .hmj-container .model-menu-wrap.with-gnb {
        top: calc(var(--banner-top-height, 0px) + 52px);
    }
    .banner-top:not([hidden]) ~ .detail-ioniq5.v-23my .top-video .top-video-text {
        top: 139px;
    }
    /* JB-9131 fix46: production layout reserves the banner on content. */
    .banner-top:not([hidden]) ~ .hmj-container .hmj-content {
        padding-top: var(--banner-top-height, 0px);
    }
    /* JB-9131 fix45: banner is reserved by .hmj-content; KV clears header only. */

    .banner-top:not([hidden]) ~ .kona .section-container > .inner-align:first-of-type {
        margin-top: 200px;
    }
    .banner-top:not([hidden]) ~ .scr-chk ~ .kona .section-container > .inner-align:first-of-type {
        margin-top: 160px;
    }
    /* JB-9131 fix42: do not shrink section-title when banner ON (was 32px vs base 40) */
    .banner-top:not([hidden]) ~ .kona .section-container .inner-align .txt-area .section-title {
        margin-top: 88px;
    }
    .banner-top:not([hidden]) ~ .detail-ioniq5.kona .swiper strong {
        margin-top: 52px;
    }
    .banner-top:not([hidden]) ~ .detail-ioniq5.kona .center-slide strong {
        margin-top: 52px;
    }
    /* JB-9131 fix38: KONA/MO sub-nav — use measured stack, not hardcoded 95/148 (assumed banner~40) */
    .banner-top:not([hidden]) ~ .hmj-container .position-location {
        top: calc(var(--banner-top-height, 0px) + var(--menu-wrap-height, 55px));
    }
    .banner-top:not([hidden]) ~ .hmj-container .position-location.with-gnb {
        top: calc(var(--banner-top-height, 0px) + var(--header-height, 52px) + var(--menu-wrap-height, 55px));
    }
}

@media screen and (max-width: 750px) {
    /* fix50: keep absent default 0; ON only when banner node present */
    html:has(.banner-top:not([hidden])) {
        --banner-top-height: 84px;
    }
    .banner-top .container {
        padding: 0 40px;
    }
    .banner-top .banner-top-item .item-inner {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 4px;
    }
    .banner-top .banner-top-item .item-desc {
        margin-right: 0;
    }
    .banner-top .banner-top-item .item-category {
        display: none;
    }
    .banner-top .banner-top-controls {
        top: 0;
        right: auto;
        left: 0;
        width: 100%;
    }
    .banner-top .banner-top-controls .bar {
        display: none;
    }
    .banner-top .banner-top-btn {
        position: absolute;
        top: 18px;
        translate: 0 50%;
    }
    .banner-top .banner-top-btn-prev {
        left: 14px;
        background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.5%2017.9085L15.4334%2019L7.5%2012L15.4334%205L16.5%206.09146L9.80442%2011.999L16.5%2017.9085Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 28px auto;
    }
    .banner-top .banner-top-btn-next {
        right: 14px;
        background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.5%206.09146L8.5666%205L16.5%2012L8.56659%2019L7.5%2017.9085L14.1956%2012.001L7.5%206.09146Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
        background-size: 28px auto;
    }
    .banner-top:not([hidden]) ~ .hmj-container .model-menu-wrap.with-gnb {
        top: calc(var(--banner-top-height, 0px) + 52px);
    }
    .banner-top:not([hidden]) ~ .hmj-container .model-menu-wrap {
        top: var(--banner-top-height);
    }
    /* JB-9131 fix38: MO ≤750 — same var stack (was hardcoded 139/191 for banner 84) */
    .banner-top:not([hidden]) ~ .hmj-container .position-location {
        top: calc(var(--banner-top-height, 0px) + var(--menu-wrap-height, 55px));
    }
    .banner-top:not([hidden]) ~ .hmj-container .position-location.with-gnb {
        top: calc(var(--banner-top-height, 0px) + var(--header-height, 52px) + var(--menu-wrap-height, 55px));
    }
}

@media screen and (max-width: 340px) {
    /* .banner-top {
        min-height: 84px;
    } */

    .banner-top:not([hidden]) + .hmj-header,
    .banner-top:not([hidden]) + .hmj-header .gnb-menu-box,
    .banner-top:not([hidden]) + .hmj-header .gnb-search-dim .search-outer-box {
        top: var(--banner-top-height);
    }
    .banner-top:not([hidden]) + .hmj-header .gnb-menu-box {
        height: calc(100% - var(--banner-top-height));
    }
    .banner-top:not([hidden]) ~ .hmj-container .model-menu-wrap {
        top: var(--banner-top-height);
    }
    /* JB-9131 fix46: retain the banner reservation on narrow mobile screens. */
    .banner-top:not([hidden]) ~ .hmj-container .hmj-content {
        padding-top: var(--banner-top-height, 0px);
    }
}

/* E: Main Top banner */

/* KONA */

/* S: Common */
/* Prod: KONA content does not reserve banner except via .banner-top:not([hidden]) ~ (higher specificity). */
.hmj-content.kona,
.kona .hmj-content {
    padding-top: 0;
}

.detail-ioniq5.kona .inner-contents {
    max-width: 80vh;
    margin: auto;
}
.kona .model-menu-wrap {
    background: rgba(19, 19, 19, 0.89);
    color: #fff;
}
.kona .model-menu nav ul li a {
    color: #fff;
}
.kona .section-container .inner-align {
    max-width: 1120px;
    margin: 160px auto 0;
}
.kona .section-container .inner-align .txt-area .section-title {
    margin-top: 88px;
    font-size: 40px;
    font-weight: 500;
    line-height: 64px;
}
.kona .section-container .inner-align .txt-area .description {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
}
.kona .section-container .inner-align .txt-area .sub-description {
    margin-top: 8px;
    font-size: 18px;
    line-height: 30px;
    color: #666666
}
.kona .section-container .inner-align .txt-area .sub-description .link{
    color: #1c6bba;
    text-decoration: underline;
}

.kona .section-container.type-tab .img-area {
    position: relative;
    margin-top: 40px;
    max-height: 60vh;
}
.kona .section-container.type-tab .img-area .tab-cont {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
}
.kona .section-container.type-tab .img-area .tab-cont li:first-of-type button {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.kona .section-container.type-tab .img-area .tab-cont li:last-of-type button {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.kona .section-container.type-tab .img-area .tab-cont button {
    width: 260px;
    background: rgba(255, 255, 255, 0.3);
    border: solid 1px #e9e9e9;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    line-height: 56px;
}
.kona .section-container.type-tab .img-area .tab-cont li.on button {
    background: #fff;
    color: #333;
}
.section-container.type-tab .img-area .img-cont img {
    display: block;
    height: 100%;
    margin: 0 auto;
}
.section-container.type-tab .img-area .img-cont li {
    display: none;
}
.section-container.type-tab .img-area .img-cont li.on {
    display: block;
}
.detail-ioniq5.kona .position-location ul:hover li + li {
    margin-top: 20px;
}
.detail-ioniq5.kona .section-container.type-dark .section-title {
    margin-top: 40px;
}
.detail-ioniq5.kona .section-container.type-dark .section-title, .detail-ioniq5.kona .section-container.type-dark p{
    color: #fff;
}

.detail-ioniq5.kona .swiper strong {
    margin-top: 32px;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
}
.detail-ioniq5.kona .swiper p {
    font-size: 18px;
    line-height: 30px;
    color: #666;
}
.detail-ioniq5.kona .fraction-swiper {
    padding-bottom: 78px;
}
.detail-ioniq5.kona .fraction-swiper .swiper-slide img {
    transition: 0.3s ease-in-out;
}
.detail-ioniq5.kona .fraction-swiper .swiper-slide img:hover {
    transform: scale(1.01);
}
.detail-ioniq5.kona .center-slide .swiper-slide {
    opacity: 0.2;
}
.detail-ioniq5.kona .center-slide .swiper-slide img {
    max-height: 45vh;
}
.detail-ioniq5.kona .swiper .swiper-slide strong, .detail-ioniq5.kona .swiper .swiper-slide p {
    opacity: 0;
}
.detail-ioniq5.kona .swiper .swiper-slide-active {
    opacity: 1;
}
.detail-ioniq5.kona .swiper .swiper-slide-active strong, .detail-ioniq5.kona .swiper .swiper-slide-active p {
    opacity: 1;
}
.detail-ioniq5.kona .type-dark .swiper strong, .detail-ioniq5.kona .type-dark .swiper p {
    color: #fff;
}
.detail-ioniq5.kona .center-slide strong {
    margin-top: 72px;
}
.detail-ioniq5.kona .center-slide strong.mt-40 {
    margin-top: 40px;
}
.detail-ioniq5.kona .center-slide p {
    margin-top: 16px;
}

.detail-ioniq5.kona .center-slide .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 6px;
    background: #fff;
    opacity: 0.5;
    transition: all 0.3s;
}
.detail-ioniq5.kona .center-slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 4px;
    opacity: 1;
}
.detail-ioniq5.kona .center-slide .swiper-button-prev::after, .detail-ioniq5.kona .center-slide .swiper-button-next::after {
    display: none;
}
.detail-ioniq5.kona .center-slide .swiper-button-prev, .detail-ioniq5.kona .center-slide .swiper-button-next {
    left: 233px;
    width: 80px;
    height: 116px;
    background: url(../../assets/images/planb/btn_swiper_left.png) no-repeat 0 0;
    background-size: 80px auto;
    opacity: 1;
}
.detail-ioniq5.kona .center-slide .swiper-button-next {
    left: auto;
    right: 233px;
    background-image: url(../../assets/images/planb/btn_swiper_right.png);
}
.detail-ioniq5.kona .center-slide .control-box {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 10;
}
.detail-ioniq5.kona .center-slide .swiper-pagination {
    position: static;
    display: inline-block;
    width: auto;
    padding-right: 15px;
    vertical-align: top;
}
.detail-ioniq5.kona .accordion-wrapper {
    display: flex;
    column-gap: 40px;
    justify-content: flex-start;
    margin: 40px auto;
}
.detail-ioniq5.kona .wrapper-image {
    flex-shrink: 0;
    /* JB-9131 fix56: 운영 default (was 66.875% — looked enlarged when banner OFF on DEV) */
    width: 60.875%;
}

/* accordion */
.detail-ioniq5.kona .accordion-cont .tit-btn {
    position: relative;
    line-height: 30px;
    cursor: pointer;
}
.detail-ioniq5.kona .accordion-cont .tit-btn:before {
    content: '';
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all .3s ease-in-out;
    position: absolute;
    top: 50%;
    right: 0;
    opacity: .4;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3Cpath stroke='%23191919' stroke-width='2' d='M1 11l6.998-7 7 7'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}
.detail-ioniq5.kona .accordion-cont .active .tit-btn:before {
    transition: all .3s ease-in-out;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}
.detail-ioniq5.kona .accordion-cont .cont {
    display: none;
    opacity: 0;
}
.detail-ioniq5.kona .accordion-cont .active .cont {
    height: auto;
    opacity: 1;
    display: block;
}
.detail-ioniq5.kona .accordion-cont {
    display: flex;
    flex-flow: column nowrap;
    flex-shrink: 0;
    width: 31%;
    border-bottom: 1px solid #e9e9e9;
}
.detail-ioniq5.kona .accordion-cont li {
    cursor: pointer;
    position: relative;
    display: flex;
    flex-flow: column nowrap;
}
.detail-ioniq5.kona .accordion-cont li.active {
    flex-grow: 1;
}
.detail-ioniq5.kona .accordion-cont li .tit-btn {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    border-top: 1px solid #e9e9e9;
    background-color: #FFF;
    z-index: 1;
    padding: 20px 0;
}
.detail-ioniq5.kona .accordion-cont li.active .tit-btn {
    font-weight: 500;
    color: #191919;
    border-bottom: 1px solid #e9e9e9;
}
.detail-ioniq5.kona .accordion-cont li .tit-btn::before {
    right: 20px;
}
.detail-ioniq5.kona .accordion-cont li.active > .cont {
    height: auto;
    opacity: 1;
    display: block;
    flex-grow: 1;
}
.detail-ioniq5.kona .accordion-cont li > .cont {
    display: none;
    opacity: 0;
    padding: 32px;
    background: #fafafa;
    font-size: 14px;
    line-height: 22px;
}
.detail-ioniq5.kona .accordion-cont li > .cont span {
    display: block;
    margin-top: 8px;
}
.detail-ioniq5.kona .accordion-cont li > .cont .info {
    display: block;
    margin-top: 16px;
    color: #666;
}
/* E: Common */

/* S: Design */
.detail-ioniq5.kona .design .img-cont li {
    position: relative;
}
.detail-ioniq5.kona .design .img-cont li img {
    max-height: 66vh;
}
@media screen and (min-width: 1720px) {
    .detail-ioniq5.kona .design .img-cont li::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        --max-image: 1520px;
        background-image: linear-gradient(to right, #000 0%, #000 calc((100% - var(--max-image)) / 2), transparent 25%);
    }
    .detail-ioniq5.kona .design .img-cont li::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        --max-image: 1520px;
        background-image: linear-gradient(to left, #000 0%, #000 calc((100% - var(--max-image)) / 2), transparent 25%);
    }
}
@media screen and (min-width: 1120px) {
    .detail-ioniq5.kona .design .img-cont li::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        --max-image: 1320px;
        background-image: linear-gradient(to right, #000 0%, #000 calc((100% - var(--max-image)) / 2), transparent 25%);
    }
    .detail-ioniq5.kona .design .img-cont li::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        --max-image: 1320px;
        background-image: linear-gradient(to left, #000 0%, #000 calc((100% - var(--max-image)) / 2), transparent 25%);
    }
}
.detail-ioniq5.kona .design .img-cont li .dot-cont {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 20;
    aspect-ratio: 1920/800;
    max-height: 66vh;
    margin: auto;
}
.detail-ioniq5.kona .design .img-cont li .dot-cont .dot-button {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #0793ea;
}
.detail-ioniq5.kona .design .img-cont li .dot-cont .dot-button::after {
    content:'';
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    background: #0793ea;
    top: -18px;
    left: -18px;
    margin: auto;
    transform: translate(50%, 50%);
    opacity: 0.6;
}
.detail-ioniq5.kona .design .img-cont li#design01Img .dot-cont .dot-button:nth-of-type(1) {
    left: 24.225%;
    top: 69.15%;
}
.detail-ioniq5.kona .design .img-cont li#design01Img .dot-cont .dot-button:nth-of-type(2) {
    left: 32.225%;
    top: 47.75%;
}
.detail-ioniq5.kona .design .img-cont li#design01Img .dot-cont .dot-button:nth-of-type(3) {
    left: 47.225%;
    top: 57.75%;
}
.detail-ioniq5.kona .design .img-cont li#design01Img .dot-cont .dot-button:nth-of-type(4) {
    left: 53.225%;
    top: 72.75%;
}
.detail-ioniq5.kona .design .img-cont li#design01Img .dot-cont .dot-button:nth-of-type(5) {
    left: 63.15%;
    top: 65.95%;
}
.detail-ioniq5.kona .design .img-cont li#design02Img .dot-cont .dot-button:nth-of-type(1) {
    left: 51.85%;
    top: 20.95%;
}
.detail-ioniq5.kona .design .img-cont li#design02Img .dot-cont .dot-button:nth-of-type(2) {
    left: 37.15%;
    top: 29.55%;
}
.detail-ioniq5.kona .design .img-cont li#design02Img .dot-cont .dot-button:nth-of-type(3) {
    left: 77.15%;
    top: 55.95%;
}
.detail-ioniq5.kona .design .img-cont li#design02Img .dot-cont .dot-button:nth-of-type(4) {
    left: 40.15%;
    top: 83.45%;
}

.detail-ioniq5.kona ~ .footer .alert-popup .layer-popup-body .btn-close-popup {
    top: 11px;
    right: 26px;
}
.detail-ioniq5.kona ~ .footer .alert-popup .layer-cont {
    padding: 48px 32px;
}
.detail-ioniq5.kona ~ .footer .alert-popup .layer-cont .alert-desc {
    margin-top: 16px;
    text-align: left;
}
.detail-ioniq5.kona ~ .footer .alert-popup .swiper-button-next, .detail-ioniq5.kona ~ .footer .alert-popup .swiper-button-prev {
    background: none;
    width: 44px;
    height: 44px;
    overflow: hidden;
    top: 40%;
}
.detail-ioniq5.kona ~ .footer .alert-popup .swiper-button-next::after, .detail-ioniq5.kona ~ .footer .alert-popup .swiper-button-prev::after {
    display: none;
}
.detail-ioniq5.kona ~ .footer .alert-popup .swiper-button-next {
    right: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.detail-ioniq5.kona ~ .footer .alert-popup .swiper-button-prev {
    left: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.detail-ioniq5.kona ~ .footer .alert-popup .swiper-pagination-bullets  {
    bottom: auto;
    top: 328px;
}

.detail-ioniq5.kona ~ .footer .alert-popup .swiper-pagination .swiper-pagination-bullet {
    opacity: 0.5;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    margin: 0 4px;
    background: #fff;
}

.detail-ioniq5.kona ~ .footer .alert-popup .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}
/* E: Design */
/* S: Space */
.detail-ioniq5.kona .space .txt-area {
    text-align: center;
}
.detail-ioniq5.kona .center-slide {
    position: relative;
    max-width: 1620px;
    margin: 40px auto 0;
}
@media screen and (min-width: 1921px) {
    .detail-ioniq5.kona .center-slide {
        max-width: 1920px;
    }
    .detail-ioniq5.kona .center-slide .swiper-slide img {
        max-height: unset;
    }
}

.detail-ioniq5.kona .center-slide::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1001;
    width: 50px;
    background: linear-gradient(to right, #000 0%, transparent 100%);
}
.detail-ioniq5.kona .center-slide::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1001;
    width: 50px;
    background: linear-gradient(to left, #000 0%, transparent 100%);
}
.detail-ioniq5.kona .space .center-slide .control-box {
    top: 64%;
    bottom: auto;
}
@media screen and (min-width: 1120px) {
    .detail-ioniq5.kona .spaceSwiper .control-box {
        transform: translateY(-24px);
    }
}
.detail-ioniq5.kona .space .center-slide .info-sub {
    font-size: 16px;
    color: #999;
    line-height: 26px;
}
.detail-ioniq5.kona .space .center-slide .swiper-button-prev, .detail-ioniq5.kona .space .center-slide .swiper-button-next {
    top: 25%;
}
/* E: Space */

/* S: Charging */
.detail-ioniq5.kona .charging {
    padding: 0;
    z-index: 0;
}
.detail-ioniq5.kona .charging .inner-contents, .detail-ioniq5.kona .function .inner-contents {
    margin: 24px auto 0 0;
}
.detail-ioniq5.kona .charging .type-toggle {
    position: relative;
}
.detail-ioniq5.kona .charging .btn-toggle {
    position: absolute;
    top: 32px;
    right: 32px;
    z-index: 1;
}
.detail-ioniq5.kona .charging .btn-toggle img {
    width: 90px;
    height: 32px;
}

/* E: Charging */
/* S: Smart Sense */
.detail-ioniq5.kona .hyundai-smartsense .center-slide .control-box {
    top: 60%;
}
.detail-ioniq5.kona .hyundai-smartsense .center-slide .swiper-button-prev, .detail-ioniq5.kona .hyundai-smartsense .center-slide .swiper-button-next {
    top: 25%;
}
/* E: Smart Sense */

/* S: Banners */
.detail-ioniq5.kona ~ .footer .banners-cont {
    margin: 0 auto;
    padding: 80px 0 !important;
    background: #f5f5f5 !important;
}
.banners-cont .inner-features {
    max-width: 1120px;
    margin: 0 auto;
}
.banners-cont .inner-features .btn-box {
    display: flex;
}
.banners-cont .inner-features .btn-box a {
    display: flex;
    flex: 1;
    height: 200px;
    color: #fff;
    background-color: #191919;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-right: 20px;
    font-size: 24px;
    line-height: 38px;
    position: relative;
    background-size: 100%;
}
.banners-cont .inner-features .btn-box a:last-child {
    margin-right: 0;
}
.banners-cont .inner-features .btn-box a:after {
    content: "";
    display: block;
    position: absolute;
    right: 24px;
    bottom: 24px;
    width: 48px;
    height: 48px;
    background-image: url(../images/planb/ico_arrow_right_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #fff;
    border-radius: 50%;
}
.banners-cont .inner-features .btn-box a:first-of-type {background-image: url("../../assets/images/planb/kona/banner_bg_06.jpg");}
.banners-cont .inner-features .btn-box a:nth-of-type(2) {background-image: url("../../assets/images/planb/kona/banner_bg_07.jpg");}
.banners-cont .inner-features .btn-box a:nth-of-type(3) {background-image: url("../../assets/images/planb/kona/banner_bg_05.jpg");}
/* E: Banners */

/* KONA */

/* S: Common */
.kona .model-menu-wrap {
    background: rgba(19, 19, 19, 0.89);
    color: #fff;
}
.kona .model-menu nav ul li a {
    color: rgba(255, 255, 255, 0.5);
}

.kona .model-menu nav ul li.is-active a {
    color: #fff;
}

/* fix47: removed PC overlay padding-top:0 — MO banner pad via .banner-top:not([hidden]) ~ .hmj-content */
/* E: Common */

.section-container.function .inner-align.mt-40{
    margin-top: 40px;
}
@media screen and (max-width: 1119px) {
    html {
        overscroll-behavior: none;
    }
    .detail-ioniq5.kona .position-location ul:hover li + li {
        margin-top: 0;
    }
    .detail-ioniq5.kona .inner-contents {
        max-height: unset;
    }

    .kona .model-menu-wrap {
        background: #fff;
        color: #191919;
    }
    .detail-ioniq5.kona .model-menu .model-menu-list a.fc-color3 {
        opacity: 1;
    }

    .detail-ioniq5 .top-video .top-main-visual img {
        height: auto;
    }

    .kona .section-container .inner-align {
        margin-top: 180px;
    }

    .kona .section-container .inner-align + .inner-align {
        margin-top: 24px;
    }
    .kona .section-container .inner-align .txt-area {
        padding: 0 20px;
    }
    .kona .section-container .inner-align .txt-area .section-title {
        font-size: 24px;
        line-height: 38px;
    }
    .kona .section-container .inner-align .txt-area .sub-description {
        font-size: 15px;
        line-height: 24px;
    }
    .kona .fraction-swiper.swiper-horizontal>.swiper-pagination-bullets, .kona .fraction-swiper.swiper-pagination-bullets.swiper-pagination-horizontal {
        aspect-ratio: 350 / 240;
        top: 20px;
        bottom: auto;
        z-index: -1;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    .detail-ioniq5.kona .center-slide .swiper-slide img {
        max-height: unset;
    }

    .kona .section-container.type-tab .img-area {
        margin-top: 32px;
    }
    .kona .section-container.type-tab .img-area .tab-cont {
        position: relative;
        top: 0;
    }
    .kona .section-container.type-tab .img-area .tab-cont li {
        width: 50%;
    }
    .kona .section-container.type-tab .img-area .tab-cont button {
        width: 100%;
        border: 0;
        border-bottom: 3px solid transparent;
        border-radius: 0;
        background: #fff;
        font-size: 13px;
        line-height: 50px;
        color: #666;
    }
    .kona .section-container.type-tab .img-area .tab-cont li:first-of-type button, .kona .section-container.type-tab .img-area .tab-cont li:last-of-type button {
        border-radius: 0;
    }
    .kona .section-container.type-tab .img-area .tab-cont li.on button {
        border-color: #1c6bba;
        color: #191919;
    }
    .section-container.type-tab .img-area .img-cont li img {
        width: 100%;
        max-height: unset;
    }
    .detail-ioniq5.kona .design .img-cont li .dot-cont {
        aspect-ratio: unset;
        max-height: unset;
    }
    .detail-ioniq5.kona .design .img-cont li .dot-cont .dot-button {
        width: 8px;
        height: 8px;
    }
    .detail-ioniq5.kona .design .img-cont li .dot-cont .dot-button::after {
        width: 16px;
        height: 16px;
        top: -12px;
        left: -12px;
    }
    .detail-ioniq5.kona .design .img-cont li#design01Img .dot-cont .dot-button:nth-of-type(1) {
        left: 20.225%;
        top: 66.15%;
    }
    .detail-ioniq5.kona .design .img-cont li#design01Img .dot-cont .dot-button:nth-of-type(2) {
        left: 31.225%;
        top: 52.75%;
    }
    .detail-ioniq5.kona .design .img-cont li#design01Img .dot-cont .dot-button:nth-of-type(3) {
        left: 52.225%;
        top: 58.75%;
    }
    .detail-ioniq5.kona .design .img-cont li#design01Img .dot-cont .dot-button:nth-of-type(4) {
        left: 59.225%;
        top: 65.75%;
    }
    .detail-ioniq5.kona .design .img-cont li#design01Img .dot-cont .dot-button:nth-of-type(5) {
        left: 72.15%;
        top: 62.95%;
    }
    .detail-ioniq5.kona .design .img-cont li#design02Img .dot-cont .dot-button:nth-of-type(1) {
        left: 36.85%;
        top: 36.95%;
    }
    .detail-ioniq5.kona .design .img-cont li#design02Img .dot-cont .dot-button:nth-of-type(2) {
        left: 16.15%;
        top: 40.55%;
    }
    .detail-ioniq5.kona .design .img-cont li#design02Img .dot-cont .dot-button:nth-of-type(3) {
        left: 76.15%;
        top: 56.95%;
    }
    .detail-ioniq5.kona .design .img-cont li#design02Img .dot-cont .dot-button:nth-of-type(4) {
        left: 16.55%;
        top: 75.95%;
    }
    .detail-ioniq5.kona ~ .footer .alert-popup .swiper-pagination-bullets {
        top: auto;
        bottom: 69px;
    }
    .detail-ioniq5.kona ~ .footer .alert-popup .layer-cont {
        padding: 48px 20px 20px;
    }
    .detail-ioniq5.kona ~ .footer .alert-popup .layer-popup-body .btn-close-popup {
        right: 12px;
    }
    .detail-ioniq5.kona ~ .footer .alert-popup .layer-cont .alert-desc {
        font-size: 14px;
        line-height: 22px;
    }
    .detail-ioniq5.kona .inner-contents {
        width: 100%;
        padding: 0 20px;
    }
    .detail-ioniq5.kona .swiper strong {
        font-size: 18px;
        line-height: 30px;
    }
    .detail-ioniq5.kona .swiper p {
        font-size: 15px !important;
        line-height: 24px !important;
    }

    .detail-ioniq5.kona .fraction-swiper {
        padding-bottom: 32px;
    }
    .detail-ioniq5.kona .center-slide::before, .detail-ioniq5.kona .center-slide::after {
        display: none;
    }
    .detail-ioniq5.kona .type-dark .swiper strong, .detail-ioniq5.kona .type-dark .swiper p {
        padding: 0 20px;
    }
    .detail-ioniq5.kona .space .center-slide .swiper-button-prev, .detail-ioniq5.kona .space .center-slide .swiper-button-next {
        top: 20%;
        overflow: hidden;
        width: 44px;
        height: 44px;
    }
    .detail-ioniq5.kona .center-slide .swiper-button-next {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        background: url(../images/planb/kona/next.png) no-repeat;
        right: 0;
    }
    .detail-ioniq5.kona .center-slide .swiper-button-prev {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        background: url(../images/planb/kona/prev.png) no-repeat;
        left:0;
    }
    .detail-ioniq5.kona .space .center-slide .control-box {
        aspect-ratio: 375 / 275;
        top: 0;
        z-index: 0;
    }
    .detail-ioniq5.kona .center-slide .swiper-pagination {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .detail-ioniq5.kona .center-slide strong {
        margin-top: 54px;
    }
    .detail-ioniq5.kona .center-slide .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 4px;
    }
    .detail-ioniq5.kona .center-slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 16px;
    }
    .detail-ioniq5.kona .accordion-wrapper {
        flex-direction: column;
        justify-content: flex-start;
    }
    .detail-ioniq5.kona .wrapper-image {
        display: none;
    }
    .detail-ioniq5.kona .accordion-cont{
        width: 100%;
    }

    .detail-ioniq5.kona .accordion-cont li .tit-btn {
        padding: 20px;
        font-size: 14px;
        line-height: 22px;
    }
    .detail-ioniq5.kona .accordion-cont li > .cont {
        padding: 0 20px 24px;
        font-size: 13px;
    }
    .detail-ioniq5.kona .accordion-cont li > .cont img {
        width: calc(100% + 40px);
        max-width: max-content;
        margin: 0 -20px 24px;
    }
    .accordion .tit-btn:before {
        right: 20px;
    }
    .detail-ioniq5.kona .charging {
        padding: 0;
    }
    .detail-ioniq5.kona .charging .btn-toggle {
        top: 16px;
        right: 16px;
    }

    .detail-ioniq5.kona .hyundai-smartsense .center-slide .swiper-button-prev, .detail-ioniq5.kona .hyundai-smartsense .center-slide .swiper-button-next {
        top: 20%;
    }

    .detail-ioniq5.kona ~ .footer .banners-cont .inner-features .btn-box {
        flex-direction: column;
        row-gap: 8px;
        padding: 0 20px;
    }
    .detail-ioniq5.kona ~ .footer .banners-cont .inner-features .btn-box a {
        align-items: center;
        width: 100%;
        min-height: 108px;
        font-size: 16px;
        line-height: 26px;
    }
    .detail-ioniq5.kona ~ .footer .banners-cont .inner-features .btn-box a:after {
        width: 40px;
        height: 40px;
        top: 0;
        bottom: 0;
        right: 20px;
        margin: auto;
    }
    .detail-ioniq5.kona ~ .footer .banners-cont .inner-features .btn-box a:first-of-type {background-image: url("../../assets/images/planb/kona/banner_bg_06_mo.jpg");}
    .detail-ioniq5.kona ~ .footer .banners-cont .inner-features .btn-box a:nth-of-type(2) {background-image: url("../../assets/images/planb/kona/banner_bg_07_mo.jpg");}
    .detail-ioniq5.kona ~ .footer .banners-cont .inner-features .btn-box a:nth-of-type(3) {background-image: url("../../assets/images/planb/kona/banner_bg_05_mo.jpg");}
}

@media screen and (min-width: 1921px) {
    .detail-ioniq5.kona .inner-contents {
        max-width: unset;
    }
    .detail-ioniq5.kona .center-slide {
        max-width: 100%;
    }
    .detail-ioniq5.kona .space .center-slide .control-box {
        top: 23.5vw;
    }
}
/* e: 230907 css 수정*/