.nav[data-v-17b5d1c5]{position:relative;padding:21px 0 0;text-align:center}.nav__box[data-v-17b5d1c5]{position:relative;margin:0 auto}.nav__box .swiper-slide[data-v-17b5d1c5]{width:auto}.nav.noSwiper .nav__box .nav__sub-container[data-v-17b5d1c5]{width:100%}.nav.noSwiper .nav__level1[data-v-17b5d1c5]{max-width:1246px}.nav__main-container[data-v-17b5d1c5]{position:relative;overflow:hidden}.nav__main-wrap[data-v-17b5d1c5]{border-bottom:1px solid #eee}.nav__level1[data-v-17b5d1c5]{display:inline-flex;max-width:1034px;vertical-align:top}.nav__level1 .nav__item[data-v-17b5d1c5]{display:block;padding:0 30px}.nav__level1 .nav__item .text[data-v-17b5d1c5]{position:relative;display:block;padding:19px 0 21px;font-size:16px;letter-spacing:-.3px;border-radius:0;line-height:1}.nav__level1 .nav__item .text[data-v-17b5d1c5]:before{content:attr(data-title);display:block;width:100%;height:0;font-weight:700;overflow:hidden;visibility:hidden}.nav__level1 .nav__item:hover .text[data-v-17b5d1c5],.nav__level1 .nav__item:focus .text[data-v-17b5d1c5]{font-weight:700}.nav__level1 .nav__item.current[data-v-17b5d1c5],.nav__level1 .nav__item.is-active[data-v-17b5d1c5]{position:relative;font-weight:700;color:#333;background:transparent}.nav__level1 .nav__item.current .text[data-v-17b5d1c5],.nav__level1 .nav__item.is-active .text[data-v-17b5d1c5]{position:relative}.nav__level1 .nav__item.current .text[data-v-17b5d1c5]:after,.nav__level1 .nav__item.is-active .text[data-v-17b5d1c5]:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#333}.nav__level2[data-v-17b5d1c5]{position:relative;padding:20px 0;overflow:hidden;border-right:1px solid #eee}.nav__level2 .nav__item.is-active>.nav__link[data-v-17b5d1c5]{font-weight:700;background-color:#f5f5f5}.nav__level2 .nav__item .nav__link[data-v-17b5d1c5]{display:block;padding:10px 30px;font-size:14px;letter-spacing:-.3px;line-height:20px;text-align:left}.nav__level2 .nav__item .nav__link[data-v-17b5d1c5]:hover,.nav__level2 .nav__item .nav__link[data-v-17b5d1c5]:focus{background-color:#f5f5f5}.nav__level2 .nav__item.current>.nav__link[data-v-17b5d1c5]{background-color:#f5f5f5}.nav__level3[data-v-17b5d1c5]{width:calc(100% - 221px);padding:20px 0}.nav__level3 ul[data-v-17b5d1c5]{height:100%;max-height:360px;display:flex;align-content:flex-start;flex-wrap:wrap;flex-direction:column}.nav__level3 .nav__item .nav__link[data-v-17b5d1c5]{width:219px;height:40px;font-size:14px;line-height:20px;padding:10px 30px;text-align:left;color:#757575}.nav__level3 .nav__item .nav__link[data-v-17b5d1c5]:hover,.nav__level3 .nav__item .nav__link[data-v-17b5d1c5]:focus{color:#333;text-decoration:underline}.nav__sub-container[data-v-17b5d1c5]{position:absolute!important;top:57px;left:0;width:100%;z-index:101;border-bottom:1px solid #e5e5e5;background-color:#fff}.nav__sub-container[data-v-17b5d1c5]:before{content:"";display:block;position:absolute;background-image:linear-gradient(to bottom,rgba(0,0,0,.05),transparent);width:100%;height:8px;bottom:-8px}.nav__sub-wrap[data-v-17b5d1c5]{position:relative;margin:0 auto;width:880px}.nav__sub-wrap .innerContent[data-v-17b5d1c5]{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0}.nav__link[data-v-17b5d1c5]{display:block}.nav .scrollArea[data-v-17b5d1c5]{max-height:360px;width:220px}.nav.withThumb[data-v-17b5d1c5]{padding:37px 0 0}.nav.withThumb .nav__level1 .nav__item[data-v-17b5d1c5]{position:relative;margin:0 9px;padding:0 23px 50px}.nav.withThumb .nav__level1 .nav__item span[data-v-17b5d1c5]{display:block;margin:0 auto}.nav.withThumb .nav__level1 .nav__item .thumb[data-v-17b5d1c5]{position:relative;width:72px;height:72px;padding:0;border-radius:36px;background-color:#e5e5e5;overflow:hidden}.nav.withThumb .nav__level1 .nav__item .thumb img[data-v-17b5d1c5]{width:100%;height:100%}.nav.withThumb .nav__level1 .nav__item .text[data-v-17b5d1c5]{position:absolute;left:50%;bottom:0;padding:6px 0 17px;line-height:24px;transform:translate(-50%);display:block;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:horizontal;widows:1;overflow:hidden;text-overflow:ellipsis}.nav.withThumb .nav__level1 .nav__item.is-active .thumb[data-v-17b5d1c5]:before,.nav.withThumb .nav__level1 .nav__item.current .thumb[data-v-17b5d1c5]:before{content:"";display:block;position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid #000;border-radius:50%;background-color:transparent}.nav.withThumb .swiperNavWrap .swiper-button-prev[data-v-17b5d1c5]:not(.swiper-button-disabled):after{height:121px}.nav.withThumb .swiperNavWrap .swiper-button-next[data-v-17b5d1c5]:not(.swiper-button-disabled):after{height:121px}.nav.withThumb .nav__sub-container[data-v-17b5d1c5]{top:123px}.swiperNavWrap[data-v-17b5d1c5]{position:absolute;top:calc(50% - 16px);left:50%;z-index:20;width:100%;max-width:1034px;transform:translate(-50%,-50%)}.swiperNavWrap .swiper-button-prev[data-v-17b5d1c5]{display:inline-block;width:32px;height:32px;border:1px solid #ddd;border-radius:32px;top:0;left:-48px;margin:0;right:auto;bottom:auto;background-repeat:no-repeat;background-position:center;background-size:24px auto;opacity:1}.swiperNavWrap .swiper-button-prev.swiper-button-disabled[data-v-17b5d1c5]{background-image:url(https://static.lotteon.com/p/display/assets/img/btn_icon_arrow_gray_left_2_off.svg)}.swiperNavWrap .swiper-button-prev[data-v-17b5d1c5]:not(.swiper-button-disabled){background-image:url(https://static.lotteon.com/p/display/assets/img/btn_icon_arrow_gray_left_2.svg)}.swiperNavWrap .swiper-button-prev[data-v-17b5d1c5]:not(.swiper-button-disabled):after{content:"";display:block;position:absolute;left:47px;top:50%;width:40px;height:40px;transform:rotate(-180deg) translateY(50%);background-image:linear-gradient(to right,rgba(255,255,255,0) 0%,#fff 100%);z-index:20}.swiperNavWrap .swiper-button-next[data-v-17b5d1c5]{display:inline-block;width:32px;height:32px;border:1px solid #ddd;border-radius:32px;top:0;right:-48px;margin:0;left:auto;bottom:auto;background-repeat:no-repeat;background-position:center;background-size:24px auto;transform:rotate(180deg);opacity:1}.swiperNavWrap .swiper-button-next.swiper-button-disabled[data-v-17b5d1c5]{background-image:url(https://static.lotteon.com/p/display/assets/img/btn_icon_arrow_gray_left_2_off.svg)}.swiperNavWrap .swiper-button-next[data-v-17b5d1c5]:not(.swiper-button-disabled){background-image:url(https://static.lotteon.com/p/display/assets/img/btn_icon_arrow_gray_left_2.svg)}.swiperNavWrap .swiper-button-next[data-v-17b5d1c5]:not(.swiper-button-disabled):after{content:"";display:block;position:absolute;right:-57px;top:50%;width:40px;height:40px;transform:rotate(180deg) translateY(50%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,#fff 100%);z-index:20}[data-v-17b5d1c5] .ps__rail-y{right:10px!important;background-color:transparent}[data-v-17b5d1c5] .ps__rail-y:hover{background-color:transparent}[data-v-17b5d1c5] .ps__rail-y:hover .ps__thumb-y{width:4px;background-color:transparent}[data-v-17b5d1c5] .ps__rail-y .ps__thumb-y{width:4px}.templateTopArea:not(.imgType)+.nav[data-v-17b5d1c5]{padding-top:34px}.templateTopArea:not(.imgType)+.nav.withThumb[data-v-17b5d1c5]{padding-top:45px}