div,p {box-sizing: border-box;}* {-webkit-overflow-scrolling: touch;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}body {margin: 0px;overflow: hidden;position: absolute;width: 100%;height: 100%;}#renderCanvas {width: 100%;height: 100%;outline: none;}.interior-ui {display: none;}.render-ui-box {height: 100vh;position: absolute;right: 0;top: 0;}.render-ui-box .ui-container {display: flex;align-items: center;justify-content: center;flex-direction: column;padding-right: 20px;height: 100%;}#exterior-ui {width: 200px;}.color-select-btn,.ui-btns {margin-bottom: 20px;cursor: pointer;pointer-events: auto;}.ui-btns {width: 200px;height: 44px;transform: translateX(150px);transition: all 0.2s ease-in-out;}.ui-btns.mouseenter-on {transform: translateX(0px) !important;}#interior-ui .color-warp.color-warp-lager {width: 500px;}.containercolor {width: 100%;height: 30%;position: absolute;display: none;left: 0;top: 0;pointer-events: none;}.color-content-warp .close img {max-width: 100%;}.color-content-warp .close {position: absolute;width: 38px;height: 36px;pointer-events: auto;cursor: pointer;}.containercolor.show-color-container,.color-content-warp {display: flex;align-items: center;justify-content: center;}.color-content-warp canvas {pointer-events: stroke;}.color-content-warp {width: 240px;height: 240px;position: relative;}#colorcircular {position: relative;width: 100%;height: 100%;}#exterior-ui #modes {background: url('../images/ui/modes.png') no-repeat center;}#exterior-ui #modes.selected-btn {background: url('../images/ui/modes-on.png') no-repeat center;}#exterior-ui #size {background: url('../images/ui/size.png') no-repeat center;}#exterior-ui #size.selected-btn {background: url('../images/ui/size-on.png') no-repeat center;}#exterior-ui #interior {background: url('../images/ui/interior.png') no-repeat center;}#exterior-ui #interior.selected-btn {background: url('../images/ui/interior-on.png') no-repeat center;}#interior-ui #exterior {background: url('../images/ui/exterior.png') no-repeat center;margin-top: 20px;}#interior-ui #exterior.selected-btn {background: url('../images/ui/exterior-on.png') no-repeat center;}#interior-ui {width: 220px;}#interior-ui .ui-btns {width: 207px;height: 44px;transform: translateX(160px);}.color-btn {flex: 0 0 207px;background: url('../images/ui/color.png');margin-bottom: 0;}.selected-btn.color-btn {background: url('../images/ui/color-on.png');}.color-select-btn {width: 140px;height: 64px;}#interior-ui #brown {background: url('../images/ui/brown.png') no-repeat;}#interior-ui #brown.color-selected {background: url('../images/ui/brown-on.png') no-repeat;}#interior-ui #black {background: url('../images/ui/black.png') no-repeat;}#interior-ui #black.color-selected {background: url('../images/ui/black-on.png') no-repeat;}#interior-ui .color-warp {display: flex;align-items: flex-start;height: 44px;}.color-content {position: absolute;transform: translateX(-100%);right: -100%;opacity: 0;}.color-content.show {position: unset;transform: translateX(0);opacity: 1;transition: all .5s ease;}.ui-container.hidden {display: none;}#interior-ui.show {display: flex;}.layer-box {width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;pointer-events: none;display: flex;z-index: 10000;transition: opacity .2s ease-in-out;justify-content: center;align-items: center;transform: translateY(-200%);}.sale-layer-root-show {opacity: 1;transform: translateY(0);}.layer-box-content {width: 25%;aspect-ratio: 718 / 481;display: flex;align-items: center;justify-content: center;}.layer-box-content img {max-width: 100%;max-height: 100%;}.video-content {width: 855px;height: 100%;display: flex;align-items: flex-end;margin: 0 auto;position: relative;box-sizing: border-box;bottom: 3%;}.mobile-landscape-container .swiper-slide {height: 54px;cursor: pointer;}.video-content .swiper {width: 100%;height: 100%;}.mobile-landscape-container .swiper-wrapper {align-items: flex-end;}.mobile-landscape-container .swiper-button-next,.mobile-landscape-container .swiper-button-prev {top: auto;bottom: 0;border-radius: 0;height: 50px;width: 28px;}.mobile-landscape-container .swiper-button-prev::after,.mobile-landscape-container .swiper-button-next::after {content: '';}.mobile-landscape-container .swiper-button-prev {background: url('../images/ui/video/left.png') no-repeat;background-size: contain;left: -30px;}.mobile-landscape-container .swiper-button-next {right: -10px;background: url('../images/ui/video/left.png') no-repeat;transform: rotate(180deg);background-size: contain;}.swiper-wrapper #sand {background: url('../images/ui/video/sand.png') no-repeat;background-size: contain;}.swiper-wrapper #sand.slide-active {background: url('../images/ui/video/sand-on.png') no-repeat;background-size: contain;}.swiper-wrapper #road {background: url('../images/ui/video/road.png') no-repeat;background-size: contain;}.swiper-wrapper #road.slide-active {background: url('../images/ui/video/road-on.png') no-repeat;background-size: contain;}.swiper-wrapper #snow {background: url('../images/ui/video/snow.png') no-repeat;background-size: contain;}.swiper-wrapper #snow.slide-active {background: url('../images/ui/video/snow-on.png') no-repeat;background-size: contain;}.swiper-wrapper #mud {background: url('../images/ui/video/mud.png') no-repeat;background-size: contain;}.swiper-wrapper #mud.slide-active {background: url('../images/ui/video/mud-on.png') no-repeat;background-size: contain;}.swiper-wrapper #eco {background: url('../images/ui/video/eco.png') no-repeat;background-size: contain;}.swiper-wrapper #eco.slide-active {background: url('../images/ui/video/eco-on.png') no-repeat;background-size: contain;}.swiper-wrapper #normal {background: url('../images/ui/video/normal.png') no-repeat;background-size: contain;}.swiper-wrapper #normal.slide-active {background: url('../images/ui/video/normal-on.png') no-repeat;background-size: contain;}.swiper-wrapper #sport {background: url('../images/ui/video/sport.png') no-repeat;background-size: contain;}.swiper-wrapper #sport.slide-active {background: url('../images/ui/video/sport-on.png') no-repeat;background-size: contain;}.close-video {background: url('../images/ui/video/back.png') no-repeat;background-size: contain;width: 170px;position: absolute;left: 0;top: 4%;cursor: pointer;aspect-ratio: 75 /16;z-index: 100;transform: translateX(-79px);}@media screen and (max-width:501px) {.layer-box-content {width: 40%;}}@media screen and (max-width:1025px) and (min-width:501px) {.layer-box-content {width: 50%;}}@media all and (orientation:landscape) and (min-width:680px) and (max-width:1025px) {.layer-box-content {width: 40%;}}@media screen and (max-width:1025px) {.render-ui-box {pointer-events: none;}.swiper-button-next,.swiper-button-prev,.ui-btns,.color-warp {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.color-warp,.ui-btns {pointer-events: auto;user-select: none;}.close-video {transform: translateX(-44%);}.color-content-warp {width: 130px;height: 130px;}.color-content-warp .close {width: 30px;height: 30px;}.mobile-landscape-container .swiper-slide {height: unset;aspect-ratio: 100 / 21;background-size: 100% 100% !important;}.mobile-landscape-container .swiper-button-next,.mobile-landscape-container .swiper-button-prev {height: unset;aspect-ratio: 28 / 59;width: 16px;}.render-ui-box,#interior-ui #color {width: 100%;}.render-ui-box {left: 0;right: auto;bottom: 0;top: auto;height: unset;}#exterior-ui,#interior-ui {flex-direction: row;padding: 0;align-items: end;margin-bottom: 1px;}.ui-btns,#interior-ui #color {margin: 0!important;transform: translateX(0px) !important;}#interior-ui #color {height: 100% !important;width: 100%;flex: none;}#exterior-ui #size,#exterior-ui #interior {aspect-ratio: 122 / 65;height: unset;}#exterior-ui #modes {background: url('../images/ui/mobile/modes.png') no-repeat bottom;background-size: contain;order: 1;aspect-ratio: 158 / 65;height: unset;}#exterior-ui #modes.selected-btn {background: url('../images/ui/mobile/modes-on.png') no-repeat bottom;background-size: contain;}#exterior-ui #size {background: url('../images/ui/mobile/size.png') no-repeat bottom;background-size: contain;order: 0;margin-right: 14px !important;}#exterior-ui #size.selected-btn {background: url('../images/ui/mobile/szie-on.png') no-repeat bottom;background-size: contain;}#exterior-ui #interior {order: 3;background: url('../images/ui/mobile/interior.png') no-repeat bottom;background-size: contain;}#exterior-ui #interior.selected-btn {background: url('../images/ui/mobile/interior-on.png') no-repeat bottom;background-size: contain;}#interior-ui #color.ui-btns {background: url('../images/ui/mobile/color.png') no-repeat bottom;background-size: contain;}#interior-ui #color.ui-btns.selected-btn {background: url('../images/ui/mobile/color-on.png') no-repeat bottom;background-size: contain;}#interior-ui #exterior {background: url('../images/ui/mobile/exterior.png') no-repeat bottom;background-size: contain;}#interior-ui #exterior.selected-btn {background: url('../images/ui/mobile/exterior-on.png') no-repeat bottom;background-size: contain;}#interior-ui .color-warp {display: flex;margin-right: 2%;position: relative;align-items: end;justify-content: flex-start;}#interior-ui .color-warp,#interior-ui #exterior {aspect-ratio: 177 / 65;height: unset!important;}.color-content {position: absolute;transform: translate(0,100%);top: -100%;right: auto;opacity: 0;}.color-content.show {position: absolute;transform: translateX(0);opacity: 0;transition: none;}.color-content.mobile-show {opacity: 1;transition: all .3s;display: flex;width: 100%;top: 0;transform: translateY(-46px);}.color-select-btn {width: 68%;aspect-ratio: 35 / 16;background-size: contain !important;margin: 0 !important;}}@supports (bottom:env(safe-area-inset-bottom)) {.render-ui-box {bottom: calc(0.5% + env(safe-area-inset-bottom));}.video-content {bottom: calc(3% + env(safe-area-inset-bottom));}}@media screen and (max-width:1025px) and (max-width:431px) {#exterior-ui,#interior-ui {width: 50%;margin: 0 auto;}.video-content {width: 62%;}.mobile-landscape-container .swiper-button-prev {left: -24px;}.mobile-landscape-container .swiper-button-next {right: -22px;}#exterior-ui #modes {width: 29%;}#exterior-ui #size {width: 22%;}#exterior-ui #interior {width: 22%;}#interior-ui .color-warp {width: 24%;}#interior-ui .color-warp,#interior-ui .color-warp.color-warp-lager,#interior-ui #exterior {width: 25%;}.close-video {width: 14%;}}@media screen and (max-width:1025px) and (min-width:431px) {.close-video {width: 14%;}.video-content {width: 61%;}.mobile-landscape-container .swiper-button-prev {left: -24px;}.mobile-landscape-container .swiper-button-next {right: -22px;}#interior-ui .color-warp,#interior-ui .color-warp.color-warp-lager,#interior-ui #exterior {width: 15%;}#exterior-ui,#interior-ui {width: 82%;margin: 0 auto;}#exterior-ui #modes {width: 13%;}#exterior-ui #size,#exterior-ui #interior {width: 10%;}}.mobile-landscape-container video {width: 100%;height: 100%;object-fit: cover;position: absolute;opacity: 0;}.mobile-landscape-container {height: 100%;transform: translateX(-100%);background: #000;}.show-video {transition: transform 1s;transform: translateX(0) !important;}.hide-video {transition: transform .4s;transform: translateX(-100%) !important;}.hide-video-dom {opacity: 0 !important;transition: opacity .2s;}.show-video-dom {opacity: 1 !important;transition: opacity .1s;}.mobile-landscape-container,.engine-render-box {width: 100%;position: absolute;left: 0;top: 0;z-index: 1000;}.engine-render-box {height: 100vh;}@media screen and (orientation:portrait) {.engine-render-box {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);transform-origin: 0% 0%;width: 100vh;height: 100vw;top: 0;left: 100vw;}}