@charset "utf-8";.nmpa .scroll-area{position:relative}
.nmpa .scroll-area canvas{position:-webkit-sticky;position:sticky;top:72px;width:100%;height:100vh;min-height:fit-content;-o-object-fit:cover;object-fit:cover}
.nmpa .txt-wrap{position:absolute;top:100px;z-index:10;width:100%;max-width:1240px;padding:0 60px}
.nmpa .txt-wrap>p{font-family:"HyundaiHRegular","KanitRegular";line-height:1.2;letter-spacing:0}
.nmpa .txt-wrap .sectionL{width:560px;margin-right:calc(100% - 560px)}
.nmpa .txt-wrap .sectionR{width:560px;margin-left:calc(100% - 560px)}
.nmpa .txt-wrap .sectionC{width:560px;margin:0 auto}
.nmpa .txt-wrap .sectionC.alignC{width:auto}
.nmpa .txt-wrap .text1:not(.subTitS,.subTitM,.subTitL){font-size:58px}
.nmpa .txt-wrap .text2:not(.subTitS,.subTitM,.subTitL){font-size:28px}
.nmpa .txt-wrap .text1+.text2{padding-top:20px}
.nmpa .scroll-area.ltr-content .txt-wrap{position:fixed;left:-100%;transform:translateX(-50%);transition:left .4s,top .1s}
.nmpa .scroll-area.rtl-content .txt-wrap{position:fixed;right:-100%;transform:translateX(50%);transition:right .4s,top .1s}
.nmpa .scroll-area.btt-content .txt-wrap{left:50%;transform:translateX(-50%)}
.nmpa .scroll-area .ico-scroll{display:none;position:fixed;left:50%;bottom:40px;z-index:0;width:24px;height:50px;background:url(../../../../../../../../content/dam/hyundai/template_en/en/images/find-a-car/pip/common/icon-scroll.svg) no-repeat 50% 0;background-size:100%;transform:translateX(-50%)}
.nmpa .scroll-area .ico-scroll.active{display:block}
@media all and (max-width:1240px){.nmpa .txt-wrap .sectionL{width:450px;margin-right:calc(100% - 450px)}
.nmpa .txt-wrap .sectionC{width:450px}
.nmpa .txt-wrap .sectionR{width:450px;margin-left:calc(100% - 450px)}
}
@media all and (max-width:1024px){.nmpa .txt-wrap .sectionL{width:360px;margin-right:calc(100% - 360px)}
.nmpa .txt-wrap .sectionC{width:360px}
.nmpa .txt-wrap .sectionR{width:360px;margin-left:calc(100% - 360px)}
}
@media all and (max-width:767px){.nmpa .scroll-area canvas{min-height:initial}
.nmpa .txt-wrap{padding:0 30px}
.nmpa .txt-wrap>p{margin-top:0}
.nmpa .txt-wrap .sectionL{width:auto;margin-right:0}
.nmpa .txt-wrap .sectionC{width:auto}
.nmpa .txt-wrap .sectionR{width:auto;margin-left:0}
.nmpa .txt-wrap .alignL,.nmpa .txt-wrap .alignC,.nmpa .txt-wrap .alignR{text-align:left !important}
.nmpa .scroll-area.ltr-content .txt-wrap,.nmpa .scroll-area.rtl-content .txt-wrap{transition:all .4s}
.nmpa .scroll-area .ico-scroll{width:18px}
}