:root{--bp-desktop: 1919px;--bp-laptop: 1439px;--bp-mobile: 767px;--bp-qhd: 2559px;--bp-tablet: 1023px;--bp-uhd: 3839px}.global-inline-padding{padding-inline:calc((100vw - 1360px)/2)}@media screen and (max-width: 1920px){.global-inline-padding{padding-inline:280px}}@media screen and (max-width: 1500px){.global-inline-padding{padding-inline:80px}}@media screen and (max-width: 1024px){.global-inline-padding{padding-inline:40px}}@media screen and (max-width: 768px){.global-inline-padding{padding-inline:20px}}.dv-main-data-popularityRanking{background-image:url("../../../img/main/main-popularityRanking-bg.jpg");background-position:50% 50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;width:100%}.dv-main-data-popularityRanking>div{box-sizing:border-box;display:flex;flex-flow:row nowrap;gap:20px;margin:0 auto;max-width:1320px;padding:60px 20px;width:100%}@media screen and (max-width: 1023px){.dv-main-data-popularityRanking>div{flex-direction:column;gap:16px;padding:40px 16px}}.dv-main-data-popularityRanking .main-title-wrap{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;font-size:1rem;gap:20px;justify-content:flex-start;margin:0;max-width:280px;padding:0;width:280px}@media screen and (max-width: 1023px){.dv-main-data-popularityRanking .main-title-wrap{align-items:center;flex-direction:row;justify-content:space-between;max-width:100%;width:100%}}.dv-main-data-popularityRanking .main-title-wrap h2{color:#fff;font-size:32px;font-weight:900;margin:0;padding:0;white-space:nowrap}@media screen and (max-width: 1023px){.dv-main-data-popularityRanking .main-title-wrap h2{font-size:24px}}@media screen and (max-width: 767px){.dv-main-data-popularityRanking .main-title-wrap h2{font-size:20px}}.dv-main-data-popularityRanking .dv-popularityRanking-swiper{display:flex;gap:8px;position:relative}.dv-main-data-popularityRanking .dv-popularityRanking-swiper .swiper-button-prev,.dv-main-data-popularityRanking .dv-popularityRanking-swiper .swiper-button-next{align-items:center;background-color:#fff;border:1px solid #e4e4e4;border-radius:50%;color:#1d1d1d;display:flex;height:40px;justify-content:center;margin:0;position:static;width:40px}.dv-main-data-popularityRanking .dv-popularityRanking-swiper .swiper-button-prev::after,.dv-main-data-popularityRanking .dv-popularityRanking-swiper .swiper-button-next::after{font-size:14px}@media screen and (max-width: 767px){.dv-main-data-popularityRanking .dv-popularityRanking-swiper .swiper-button-prev,.dv-main-data-popularityRanking .dv-popularityRanking-swiper .swiper-button-next{height:36px;width:36px}.dv-main-data-popularityRanking .dv-popularityRanking-swiper .swiper-button-prev::after,.dv-main-data-popularityRanking .dv-popularityRanking-swiper .swiper-button-next::after{font-size:12px}}.dv-main-data-popularityRanking .swiper2-out-wrap{box-sizing:border-box;max-width:calc(100% - 300px);position:relative}@media screen and (max-width: 1023px){.dv-main-data-popularityRanking .swiper2-out-wrap{max-width:100%;width:100%}}.dv-main-data-popularityRanking .swiper-slide2{background-color:#fff;border-radius:10px;flex-flow:column;gap:10px;opacity:.5 !important;overflow:hidden;padding:20px;position:relative;width:30%}@media screen and (max-width: 1023px){.dv-main-data-popularityRanking .swiper-slide2{width:60%}}@media screen and (max-width: 767px){.dv-main-data-popularityRanking .swiper-slide2{padding:14px;width:72%}}.dv-main-data-popularityRanking .swiper-slide2.swiper-slide-active{opacity:1 !important}.dv-main-data-popularityRanking .swiper-slide2.swiper-slide-active:hover{cursor:pointer}.dv-main-data-popularityRanking .swiper-slide2.swiper-slide-active:hover img{scale:1.1}.dv-main-data-popularityRanking .swiper-slide2.swiper-slide-active:hover .popularityRanking-info{color:#ff5e04}.dv-main-data-popularityRanking .swiper-slide2:hover img{filter:none}.dv-main-data-popularityRanking .swiper-slide2 img{display:flex;align-items:center;height:auto;justify-content:center;object-fit:cover;transition:all .3s;width:100%}.dv-main-data-popularityRanking .dv-popularityRanking-count{background-image:url(../../../img/main/icon-popularityRanking.svg);background-position:center;background-repeat:no-repeat;background-size:100%;bottom:auto;display:block;height:60px;left:5px;position:absolute;text-align:center;top:5px;transform:none;width:60px;z-index:2}@media screen and (max-width: 767px){.dv-main-data-popularityRanking .dv-popularityRanking-count{height:48px;width:48px}}.dv-main-data-popularityRanking .dv-popularityRanking-count span{color:#fff;display:block;font-size:20px;font-weight:900;padding-top:6px}@media screen and (max-width: 767px){.dv-main-data-popularityRanking .dv-popularityRanking-count span{font-size:16px;padding-top:4px}}.dv-main-data-popularityRanking .swiper-slide-shadow-left,.dv-main-data-popularityRanking .swiper-slide-shadow-right{bottom:auto;color:rgba(0,0,0,0);display:block;font-size:0;text-decoration:none;transform:none}.dv-main-data-popularityRanking .popularityRanking-img{bottom:auto;left:auto;overflow:hidden;position:static;text-decoration:none;transform:none;width:auto;z-index:1}.dv-main-data-popularityRanking .popularityRanking-info{bottom:auto;color:inherit;font-size:1.25rem;left:auto;position:static;text-align:center;text-decoration:none;transform:none;transition:all .3s;width:auto;z-index:auto}@media screen and (max-width: 1023px){.dv-main-data-popularityRanking .popularityRanking-info{font-size:1.25rem}}@media screen and (max-width: 767px){.dv-main-data-popularityRanking .popularityRanking-info{font-size:1rem}}.dv-main-data-popularityRanking .popularityRanking-info .item_nm{font-size:1.25rem;font-weight:700;margin:0;text-align:center}/*# sourceMappingURL=collection-popularity-ranking.css.map */