/* 메인 - breadcrumb 숨김 */ .main-page .breadcrumb-wrap { display:none;} /* 메인 Swiper 좌우 버튼 */ .main-page .swiper-button-next, .main-page .swiper-button-prev { width:48px;height:48px;box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.36), 0 2px 8px 0 rgba(0, 0, 0, 0.08);backdrop-filter:blur(6px); } .main-page .swiper-button-next:after, .main-page .swiper-button-prev:after { min-width:48px;width:48px;height:48px;/*background-image:url(/kr/bestshop/images/renewal/icon/arrow_right_20x20.svg);*/background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIuNTU3IDkuNTc2LTQuMzI0LTUtLjczMy44NDhMMTEuNDU3IDEwIDcuNSAxNC41NzZsLjczMy44NDggNC4zMjQtNSAuMzY3LS40MjR6IiBmaWxsPSIjMTExIi8+PC9zdmc+); } /* layout */ .main-page .container { position:relative;z-index:1; } .main-page .section .inner { max-width:1460px;padding:0 40px;margin:0 auto; } .main-page .section .inner .section-title-wrap { padding:var(--spacing-16, 16px) 0; } .main-page .section .inner .section-title-wrap .section-title { padding:var(--spacing-8, 8px) 0;font-size:var(--fs-28, 28px);font-weight:var(--fw--700, 700);line-height:var(--lh-38, 38px);letter-spacing:var(--ls-05, -0.5px); } /* Hero 배너 */ .main-page .hero-banner .inner { max-width:none;padding:0; } .main-page .hero-banner .main-swiper { display:flex;position:relative;max-height:560px;justify-content:center; } .main-page .hero-banner .main-swiper .swiper-wrapper { align-items:stretch; } .main-page .hero-banner .main-swiper .swiper-slide { /*max-width:1800px;*/ width: 1800px;max-width:100%; height:100%;max-height:560px;/*background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%);*/ } .main-page .hero-banner .main-swiper .swiper-slide .item { display:block;position:relative;width:100%;height:100%;max-height:560px;} .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt { display:flex;position:absolute;left:50%;top:0;width:100%;/*padding:0 40px;max-width:1460px;*/padding:0 140px;max-width:1580px;height:100%;transform:translate(-50%, 0);color:var(--color-set-text-inverse, #fff);flex-direction:column;justify-content:center;align-items:flex-start;z-index:2; } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt .item-txt-inner { width:100%;max-width:530px;/*min-height:240px;*/ } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt strong { display:block;font-size:var(--fs-36, 36px);font-weight:var(--fw--700, 700);line-height:var(--lh-50, 50px);letter-spacing:var(--ls-05, -0.5px);/*opacity:0;transform:translateY(30px);transition:opacity, transform 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940);*/ font-size:clamp(24px, 2vw, 36px);line-height:clamp(30px, 2.7778vw, 50px); } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt p { margin:var(--spacing-16, 16px) 0 0;font-size:var(--fs-22, 22px);line-height:var(--lh-30, 30px);letter-spacing:var(--ls-05, -0.5px);/*opacity:0;transform:translateY(30px);transition:opacity, transform 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940);*/ margin:0.8889vw 0 0;font-size:clamp(15px, 1.3333vw, 24px);line-height:clamp(18px, 1.7778vw, 32px); } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt .btn { margin-top:48px;padding-left:15px;padding-right:15px;/*opacity:0;transition:opacity 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940);*/ margin-top:2.6667vw; } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt.pos-left { align-items:flex-start; } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt.pos-right { align-items:flex-end;text-align:right; } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt.pos-center { align-items:center;text-align:center; } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt.color-black, .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt.black { color:var(--color-set-text-primary, #111); } .main-page .hero-banner .main-swiper .swiper-slide .item .item-img { padding-bottom:31.1114%;position:relative;height:100%;text-align:center;z-index:1; } .main-page .hero-banner .main-swiper .swiper-slide .item .item-img img { position:absolute;left:50%;top:50%;max-width:100%;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(-50%, -50%); } .main-page .hero-banner .main-swiper .swiper-slide .item video, .main-page .hero-banner .main-swiper .swiper-slide .item .item-img video { position:absolute;left:50%;top:50%;max-width:100%;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(-50%, -50%); } .main-page .hero-banner .main-swiper .swiper-slide .item .item-img:after{ content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.08);z-index:1; } .main-page .hero-banner .main-swiper .swiper-slide .hero-videoBtn-wrap { position:absolute;left:50%;bottom:0;width:100%;max-width:1580px;z-index:2;transform:translateX(-50%); } .main-page .hero-banner .main-swiper .swiper-slide .hero-videoBtn-wrap .hero-videoBtn-inner { position:relative;margin:0 auto;padding:32px 140px; } .main-page .hero-banner .main-swiper .swiper-slide .hero-videoBtn-wrap .hero-videoBtn-inner .hero-videoBtn { width:40px;height:40px;border-radius:var(--border-radius-full, 1000px);/*background:var(--color-set-bg-gray900, #111) url(/kr/bestshop/images/renewal/icon/pause_16x16.svg) no-repeat center center;*/background:var(--color-set-bg-gray900, #111) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNiAzdjEwSDVWM3ptNSAwdjEwaC0xVjN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat center center;backdrop-filter:blur(40px);background-color:rgba(0, 0, 0, 0.12); } .main-page .hero-banner .main-swiper .swiper-slide .hero-videoBtn-wrap .hero-videoBtn-inner .hero-videoBtn.stopping { /*background-image:url(/kr/bestshop/images/renewal/icon/play_16x16.svg);*/background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuODg0IDcuOTk5IDQuNSAxMy43NDhWMi4yNXpNNS41IDExLjg0OSAxMS4xMTUgOCA1LjUgNC4xNDd6IiBmaWxsPSIjZmZmIi8+PC9zdmc+); } .main-page .hero-banner .main-swiper .swiper-slide:not(.swiper-slide-active) .item .item-img:after{ background:rgba(0, 0, 0, 0.60); } .main-page .hero-banner .main-swiper .swiper-slide:not(.swiper-slide-active) .item .item-img:after{ background:rgba(0, 0, 0, 0.60); } .main-page .hero-banner .main-swiper .swiper-slide:only-child .item .item-img:after, .main-page .hero-banner .main-swiper .swiper-slide:first-child .item .item-img:after { display:none; } .main-page .hero-banner .main-swiper .swiper-slide-active .item .item-txt strong { opacity:1;transform:translateY(0);transition-delay:0.8s; } .main-page .hero-banner .main-swiper .swiper-slide-active .item .item-txt p { opacity:1;transform:translateY(0);transition-delay:1.2s; } .main-page .hero-banner .main-swiper .swiper-slide-active .item .item-txt .btn { opacity:1;transition-delay:1.8s;letter-spacing:var(--ls-02, -0.2px); } .main-page .hero-banner .main-swiper .swiper-slide-active .item .item-img:after{ display:none; } /* .main-page .hero-banner .main-swiper .swiper-slide:not(.swiper-slide-active) .item .item-img img { filter:blur(6px) brightness(.7);} */ /* .main-page .hero-banner .main-swiper .swiper-button-next, .main-page .hero-banner .main-swiper .swiper-button-prev { width:60px;height:60px;border:0;background:rgba(0, 0, 0, 0.32);backdrop-filter:blur(14px); } .main-page .hero-banner .main-swiper .swiper-button-next:after, .main-page .hero-banner .main-swiper .swiper-button-prev:after { width:60px;height:60px;background-image:url(/kr/bestshop/images/renewal/icon/arrow_right_white_24x24.svg); } */ .main-page .hero-banner .main-swiper .swiper-button-next { right:calc(((100% - 1380px) / 2) - 110px);right:calc(((100% - 1380px) / 2) - 123px); } .main-page .hero-banner .main-swiper .swiper-button-prev { left:calc(((100% - 1380px) / 2) - 110px);left:calc(((100% - 1380px) / 2) - 123px); } .main-page .hero-banner .main-swiper .swiper-pagination-wrap { display:flex;position:absolute;right:calc((100% - 1380px) / 2);bottom:0;padding:32px 0;align-items:center;z-index:2;transform:translateZ(0); } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .pagination-wrap { display:flex;border-radius:100px;background:rgba(0, 0, 0, 0.12);backdrop-filter:blur(40px);align-items:center; } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .pagination-wrap .btn-popup-all { min-width:40px;width:40px;height:40px; } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .pagination-wrap .btn-popup-all:after { content:'';display:block;width:100%;height:100%;/*background:url(/kr/bestshop/images/renewal/icon/plus_16x16.svg) no-repeat center center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41IDMuNXY0aDR2MWgtNHY0aC0xdi00aC00di0xaDR2LTR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat center center; } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .swiper-pagination { display:flex;position:static;width:auto;padding-left:12px;align-items:center; } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .swiper-pagination span { display:inline-flex;min-width:14px;font-size:var(--fs-13, 13px);font-weight:var(--fw--600, 600);line-height:var(--lh-18, 18px);color:var(--color-set-text-inverse, #fff);align-items:center;text-align:center;justify-content:center; } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .swiper-pagination span + span { font-weight:var(--fw--400, 400); } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .swiper-pagination span.swiper-pagination-current + span { margin:0 5px;min-width:1px;width:1px;height:10px;background-color:#fff;opacity:0.4; } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .btn-control-wrap { width:auto; } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .btn-control-wrap .btn-control { display:none;margin-left:4px;width:40px;height:40px;border-radius:50%;background:rgba(0, 0, 0, 0.12);backdrop-filter:blur(40px); } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .btn-control-wrap .btn-control:after { content:'';display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center; } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .btn-control-wrap .btn-control.btn-play:after { /*background-image:url(/kr/bestshop/images/renewal/icon/play_16x16.svg);*/background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuODg0IDcuOTk5IDQuNSAxMy43NDhWMi4yNXpNNS41IDExLjg0OSAxMS4xMTUgOCA1LjUgNC4xNDd6IiBmaWxsPSIjZmZmIi8+PC9zdmc+); } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .btn-control-wrap .btn-control.btn-pause:after { /*background-image:url(/kr/bestshop/images/renewal/icon/pause_16x16.svg);*/background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNiAzdjEwSDVWM3ptNSAwdjEwaC0xVjN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+); } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .btn-control-wrap .btn-control.active { display:block; } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .swiper-button-next, .main-page .hero-banner .main-swiper .swiper-pagination-wrap .swiper-button-prev { display:none; } /* My 베스트샵 */ .main-page .my-bestshop .inner { padding-top:0;padding-bottom:0;/*border-bottom:1px solid var(--color-set-line-gray50, #EDEDEB);*/ } .main-page .my-bestshop .inner .section-title-wrap { padding:0; } .main-page .my-bestshop .inner .section-title-wrap .section-title { padding:0;font-size:var(--fs-22, 22px);font-weight:var(--fw--600, 600);line-height:var(--lh-30, 30px);letter-spacing:var(--ls-05, -0.5px);/*color:var(--color-set-text-tertiary, #6F6F6E);*/ } .main-page .my-bestshop .inner .section-title-wrap .section-title span { color:var(--color-set-text-primary, #111); } .main-page .my-bestshop .bestshop-cont-wrap { display:flex;padding-top:var(--spacing-40, 40px);align-items:center;justify-content:space-between;gap:var(--spacing-40, 40px); } .main-page .my-bestshop .bestshop-cont-wrap .info-wrap { position:relative;flex:1;max-width:630px; } .main-page .my-bestshop .my-bestshop-wrap { width:100%;padding-top:var(--spacing-20, 20px); } .main-page .my-bestshop .box { display:inline-flex;width:100%;gap:var(--spacing-16, 16px);padding:calc(var(--spacing-8, 8px) - 1px);border-radius:var(--border-radius-16, 16px);background:var(--color-set-bg-white, #FFF);border:1px solid var(--color-set-line-gray100, #D6D6D5);vertical-align:top;flex-wrap:wrap; } .main-page .my-bestshop .after-login .box { display:flex;border:0;padding:0; } .main-page .my-bestshop .box > dl { padding:4px 8px;gap:32px; } .main-page .my-bestshop .box .item { display:flex;min-height:44px;flex:1;padding:0 16px;border:1px solid #DEE1E5;border-radius:12px; } .main-page .my-bestshop .box .item.bg-gray { flex:none;position:absolute;right:0;top:-5px;padding:0 16px 0 8px;min-height:40px;border-radius:var(--border-radius-full, 1000px);background: linear-gradient(0deg, #F9FAFB 0%, #F9FAFB 100%), #FFF;border:0;align-items:center; } .main-page .my-bestshop .box .item.bg-gray > a { display:flex;align-items:center; } .main-page .my-bestshop .box .item:not(.bg-gray) { padding:11px 16px; } .main-page .my-bestshop dl { display:flex;gap:0;align-items:center;font-size:var(--fs-15, 15px);line-height:var(--lh-20, 20px);letter-spacing:var(--ls-02, -0.2px);flex:1; } .main-page .my-bestshop dl dt { flex:1; } .main-page .my-bestshop dl dd .btn { min-width:54px; } .main-page .my-bestshop .item dl + dl, .main-page .my-bestshop .item > a + dl, .main-page .my-bestshop .item > a + a { margin-left:12px; } .main-page .my-bestshop .item dl + dl:before, .main-page .my-bestshop .item > a + dl:before, .main-page .my-bestshop .item > a + a:before { content:'';display:block;margin-right:12px;width:1px;height:20px;background-color:var(--color-set-line-gray100, #D6D6D5); } .main-page .my-bestshop .item dl dt { display:flex;align-items:center;flex:auto;flex-grow:0;flex-shrink:0; } .main-page .my-bestshop .item dl dt:before { content:'';margin-right:4px;min-width:24px;height:24px;background-repeat:no-repeat;background-position:center center; } .main-page .my-bestshop .item dl dt.reserve:before { /*background-image:url(/kr/bestshop/images/renewal/icon/calendar_black_20x20.svg);*/background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNyAyLjV2Mm02LTJ2Mm0tOS41IDBoMTN2MTJoLTEzem05IDMuODA1SDE1bS0xMCAwaDIuNW0xLjI1IDBoMi41IiBzdHJva2U9IiMxMTEiIHN0cm9rZS13aWR0aD0iMS4yIi8+PC9zdmc+);background-size:24px; } .main-page .my-bestshop .item dl dt.favorite:before { margin:0 6px 0 0;min-width:24px;width:24px;height:24px;/*background-image:url(/kr/bestshop/images/renewal/icon/store_20x20.svg);*/background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQgNC41SDN2MTVoMThWMTIiIHN0cm9rZT0iIzExMSIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48cGF0aCBkPSJNMTYgMTkuNXYtNkg4djZNMy41IDloMTFNMTIgMTMuNXY2bTQuNTM1LTE0LjU3NCAyLjIxMS0uMzggMS4xOTgtMi4wNDhoLjExMmwxLjE5OCAyLjA0OSAyLjIxLjM3OS4wMzYuMTEyLTEuMjU2IDEuODg0LjMxNiAyLjUzMS0uMDY3LjA2OEwyMCA4LjI0MmwtMi40OTMgMS4yNzktLjA2Ny0uMDY4LjMxNi0yLjUzTDE2LjUgNS4wMzd6IiBzdHJva2U9IiMxMTEiIHN0cm9rZS13aWR0aD0iMS40Ii8+PC9zdmc+);background-size:24px; } .main-page .my-bestshop .item dl dt.point { overflow:hidden;width:24px; } .main-page .my-bestshop .item dl dt.point:before { /*background-image:url(/kr/bestshop/images/renewal/icon/point_20x20.svg);*/background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMyAxMGE3IDcgMCAxIDEgMTQgMCA3IDcgMCAwIDEtMTQgMFoiIHN0cm9rZT0iIzExMSIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48cGF0aCBkPSJNOC41IDE0di0zLjVtMCAwVjdoMi4yNWExLjc1IDEuNzUgMCAxIDEgMCAzLjV6IiBzdHJva2U9IiMxMTEiIHN0cm9rZS13aWR0aD0iMS4yIi8+PC9zdmc+);background-size:24px; } .main-page .my-bestshop .item dl dt.coupon { overflow:hidden;width:24px; } .main-page .my-bestshop .item dl dt.coupon:before { /*background-image:url(/kr/bestshop/images/renewal/icon/coupon_20x20.svg);*/background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMi41IDUuNWg5LjEybDEuMzYuNzc2IDEuMzU5LS43NzZoMi45MTF2OS4xMzJoLTIuOTFsLTEuMzYtLjc3Ni0xLjM1OS43NzZIMi41em0xMC40NzcgNS40OTJWOS4yMTYiIHN0cm9rZT0iIzExMSIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48L3N2Zz4=);background-size:24px; } .main-page .my-bestshop .item dl dt.point + dd a span, .main-page .my-bestshop .item dl dt.coupon + dd a span { word-break:break-all; } .main-page .my-bestshop .item dl dd { flex:1;text-align:right; } .main-page .my-bestshop .item dl dd > div { display:flex;justify-content:flex-end;gap:6px;align-items:center; } .main-page .my-bestshop .item dl dd a { display:inline-flex;gap:0 4px;align-items:center;justify-content:flex-end;flex-wrap:wrap;text-align:right;letter-spacing:-0.2px; } .main-page .my-bestshop .item:not(.bg-gray) dl dd .inactive { font-size:var(--fs-14, 14px);color:var(--color-set-text-tertiary, #6F6F6E);flex-wrap:nowrap;flex-shrink:0; } .main-page .my-bestshop .item dl dd a.inactive { font-size:var(--fs-14, 14px);color:var(--color-set-text-tertiary, #6F6F6E);flex-wrap:nowrap;flex-shrink:0; } .main-page .my-bestshop .item dl dd a.inactive:after { content:'';width:12px;height:12px;/*background:url(/kr/bestshop/images/renewal/icon/arrow_right_12x12.svg) no-repeat center center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNC41IDkgMy0zLTMtMyIgc3Ryb2tlPSIjMTExIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PC9zdmc+) no-repeat center center;filter:brightness(0) saturate(100%) invert(45%) sepia(5%) saturate(66%) hue-rotate(22deg) brightness(94%) contrast(87%); } .main-page .my-bestshop .item dl dd a:not(.inactive) { display:inline-block;gap:0;text-decoration:underline;text-underline-offset:2px;flex:1; } .main-page .my-bestshop .item dl dd p { display:flex;color:var(--color-set-text-tertiary, #6F6F6E);align-items:center;text-align:left;font-size:var(--fs-14, 14px); } .main-page .my-bestshop .item dl dd p:before { content:'';display:block;min-width:20px;height:20px;/*background:url(/kr/bestshop/images/renewal/icon/exc_mark.svg) no-repeat center center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMyAxMGE3IDcgMCAxIDEgMTQgMCA3IDcgMCAwIDEtMTQgMFptNy00djUiIHN0cm9rZT0iIzZmNmY2ZSIgc3Ryb2tlLXdpZHRoPSIxLjIiLz48Y2lyY2xlIGN4PSIxMCIgY3k9IjEzIiByPSIxIiBmaWxsPSIjNmY2ZjZlIi8+PC9zdmc+) no-repeat center center; } .main-page .my-bestshop .item dl dd .btn.size-sm { padding:0 5px;height:24px;min-width:33px;border-radius:var(--border-radius-6, 6px);font-weight:var(--fw--400, 400);font-size:var(--fs-12, 12px); } .main-page .my-bestshop .item dl dd .btn.size-sm.reserv { min-width:58px; } .main-page .my-bestshop .item dl dd.inactive { font-size:var(--fs-15, 15px);color:var(--color-set-text-tertiary, #6F6F6E);font-weight:var(--fw--400, 400); } .main-page .my-bestshop .item:not(.bg-gray) dl dt + dd { margin-left:6px; } .main-page .my-bestshop .item.bg-gray { padding:0 var(--spacing-8, 8px);border-radius:var(--border-radius-12, 12px); } .main-page .my-bestshop .item.bg-gray dl { gap:4px; } .main-page .my-bestshop .item.bg-gray dl + dl:before { margin-right:8px; } .main-page .my-bestshop .item.bg-gray dl dd { font-weight:var(--fw--600, 600);flex-shrink:0; } .main-page .my-bestshop .item.bg-gray dl dd a { flex-wrap:nowrap;gap:0;white-space:nowrap;text-decoration:none; } .main-page .my-bestshop .item.bg-gray dl dd a.inactive { /*color:var(--color-set-text-quaternary, #BCBCBB);*/color:var(--color-set-text-primary, #111); } .main-page .my-bestshop .item.bg-gray dl dd a.inactive:after { display:none; } .main-page .my-bestshop .item.bg-gray dl + dl:before { height:16px; } .main-page .my-bestshop .quick-link ul { display:flex;gap:var(--spacing-24, 24px); } .main-page .my-bestshop .quick-link ul > li { font-size:var(--fs-15, 15px);line-height:var(--lh-20, 20px);letter-spacing:var(--ls-02, -0.2px);text-align:center; } .main-page .my-bestshop .quick-link ul > li a { display:block;width:100%; } /* .main-page .my-bestshop .quick-link ul > li a:before { content:'';display:block;position:relative;width:64px;height:64px;margin:0 auto var(--spacing-10, 10px);border-radius:50%;background-color:#F9FAFB;background-repeat:no-repeat;background-position:center center; } .main-page .my-bestshop .quick-link ul > li a.store:before { background-image:url(/kr/bestshop/images/renewal/icon/map_28x28.svg); } .main-page .my-bestshop .quick-link ul > li a.reserve:before { background-image:url(/kr/bestshop/images/renewal/icon/calendar_black_20x20.svg);background-size:28px; } .main-page .my-bestshop .quick-link ul > li a.benefit:before { background-image:url(/kr/bestshop/images/renewal/icon/benefit_28x28.svg); } .main-page .my-bestshop .quick-link ul > li a.event:before { background-image:url(/kr/bestshop/images/renewal/icon/gift_28x28.svg); } .main-page .my-bestshop .quick-link ul > li a.live:before { background-image:url(/kr/bestshop/images/renewal/icon/video_black_28x28.svg); } */ .main-page .my-bestshop .quick-link ul > li a i { display:flex;overflow:hidden;position:relative;width:64px;height:64px;margin:0 auto var(--spacing-10, 10px);border-radius:50%; } .main-page .my-bestshop .quick-link ul > li a i img { width:100%;height:100%; } .main-page .my-bestshop .quick-link .swiper { } .main-page .my-bestshop .quick-link .swiper-slide { width:64px;margin-right:24px; } .main-page .my-bestshop .quick-link .swiper-slide:last-child { margin-right:0; } .main-page .my-bestshop .quick-link .swiper-slide i { display:block;margin-bottom:10px; } .main-page .my-bestshop .quick-link .swiper-slide a { display:block;font-size:var(--fs-15, 15px);line-height:var(--lh-20, 20px);letter-spacing:var(--ls-02, -0.2px);text-align:center; } /* 행사 매장 안내 */ .main-page .event-store .inner { padding-top:var(--spacing-28, 28px); } .main-page .event-store-wrap { display:flex;overflow:hidden;align-items:stretch;border-radius:28px; } .main-page .event-store-wrap .event-store-item { display:flex;padding:48px;min-height:312px;flex:1;color:var(--color-set-text-inverse, #fff);justify-content:center;align-items:flex-start;flex-direction:column; } .main-page .event-store-wrap .event-store-item.open-item { background:url(/kr/bestshop/images/renewal/main/bg_open.jpg) no-repeat center center;background-size:cover; } .main-page .event-store-wrap .event-store-item.branch-item { background:url(/kr/bestshop/images/renewal/main/bg_branch.jpg) no-repeat center center;background-size:cover; } .main-page .event-store-wrap .event-store-item strong { font-size:var(--fs-28, 28px);font-weight:var(--fw--700, 700);line-height:var(--lh-38, 38px);letter-spacing:var(--ls-05, -0.5px); } .main-page .event-store-wrap .event-store-item p { margin-top:var(--spacing-12, 12px);font-size:var(--fs-16, 16px);font-weight:var(--fw--500, 500);line-height:var(--lh-22, 22px);letter-spacing:var(--ls-02, -0.2px);opacity:0.8; } .main-page .event-store-wrap .event-store-item a { display:inline-flex;margin-top:var(--spacing-32, 32px);height:40px;padding:var(--spacing-10, 10px) var(--spacing-12, 12px);border-radius:var(--border-radius-12, 12px);background:rgba(255, 255, 255, 0.10);backdrop-filter:blur(24px);font-size:var(--fs-14, 14px);font-weight:var(--fw--500, 500);line-height:var(--lh-20, 20px);color:var(--color-set-text-inverse, #fff); } .main-page .event-store-wrap .event-store-item { padding:clamp(10px, 3.2877vw, 48px);min-height:clamp(184px, 21.3699vw, 312px); } .main-page .event-store-wrap .event-store-item strong { font-size:clamp(24px, 1.9178vw, 26px);line-height:clamp(34px, 2.6027vw, 38px) } .main-page .event-store-wrap .event-store-item p { margin-top:clamp(6px, 0.8219vw, 12px);font-size:clamp(14px, 0.9589vw, 16px);line-height:clamp(20, 1.5068vw, 22px); } .main-page .event-store-wrap .event-store-item a { display:none;margin-top:clamp(10px, 2.1918vw, 32px);height:clamp(32px, 2.7397vw, 40px);padding-top:clamp(6px, 0.6849vw, 10px);padding-bottom:clamp(6px, 0.6849vw, 10px); } .main-page .event-store-wrap .event-store-item:focus-visible { outline-color:#fff;outline-offset:-6px;box-shadow:inset 0 0 3px #fff, inset 0 0 6px #000; } /* 고객 리얼 리뷰 */ .main-page .customer-review .inner { position:relative;padding-top:36px;padding-bottom:64px; } .main-page .customer-review .customer-review-wrap { overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);scroll-behavior:auto; } .main-page .customer-review .customer-review-wrap .customer-review-inner { display:flex;gap:var(--spacing-20, 20px);align-items:flex-start;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;will-change:transform; } .main-page .customer-review .customer-review-wrap .review-item { display:flex;min-width:260px;padding:var(--spacing-28, 28px);border-radius:28px;background-color:#ebebeb;flex:1 1 260px;flex-direction:column;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;will-change:transform; } .main-page .customer-review .customer-review-wrap .review-item .store { display:block;margin-bottom:var(--spacing-16, 16px);font-size:var(--fs-18, 18px);font-weight:var(--fw--600, 600);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px); } .main-page .customer-review .customer-review-wrap .review-item .review-txt { font-size:var(--fs-15, 15px);line-height:var(--lh-20, 20px);letter-spacing:var(--ls-02, -0.2px);color:var(--color-set-text-secondary, #40403F);flex:1; display:-webkit-box;overflow:hidden;max-height:160px;text-overflow:ellipsis;line-clamp:8;-webkit-line-clamp:8;-webkit-box-orient:vertical; } .main-page .customer-review .customer-review-wrap .review-item .review-date { margin-top:var(--spacing-24, 24px);font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);color:var(--color-set-text-tertiary, #6F6F6E); } .main-page .customer-review .customer-review-wrap .review-item:nth-child(5n - 4) { background:#F1E8F6; } .main-page .customer-review .customer-review-wrap .review-item:nth-child(5n -3) { background-color:#F6F0E7; } .main-page .customer-review .customer-review-wrap .review-item:nth-child(5n -2) { background-color:#E4F6F1; } .main-page .customer-review .customer-review-wrap .review-item:nth-child(5n -1) { background-color:#E9F1F8; } .main-page .customer-review .customer-review-wrap .review-item:nth-child(5n) { background-color:#F8ECEF; } /* .main-page .customer-review .customer-review-wrap .review-item { --review-start-y:0px;--review-max-y:16px;--review-duration:5s;--review-delay:0s;margin-top:var(--review-start-y);margin-bottom:calc(var(--review-max-y) - var(--review-start-y)); } */ .main-page .customer-review .customer-review-wrap .review-item.is-move-up { animation:reviewItemMoveUp var(--review-duration) linear var(--review-delay) infinite; } .main-page .customer-review .customer-review-wrap .review-item.is-move-down { animation:reviewItemMoveDown var(--review-duration) linear var(--review-delay) infinite; } .main-page .customer-review .customer-review-wrap.is-review-paused .review-item { animation-play-state:paused; } .main-page .customer-review .review-control { position:absolute;right:var(--spacing-40, 40px);top:59px;width:40px;height:40px;border-radius:var(--border-radius-full, 1000px);background:var(--color-set-text-tertiary, #6F6F6E);backdrop-filter:blur(40px); } .main-page .customer-review .review-control:after { content:'';display:block;width:100%;height:100%;/*background:url(/kr/bestshop/images/renewal/icon/pause_16x16.svg) no-repeat center center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNiAzdjEwSDVWM3ptNSAwdjEwaC0xVjN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat center center; } .main-page .customer-review .review-control.paused:after { /*background-image:url(/kr/bestshop/images/renewal/icon/play_16x16.svg);*/background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuODg0IDcuOTk5IDQuNSAxMy43NDhWMi4yNXpNNS41IDExLjg0OSAxMS4xMTUgOCA1LjUgNC4xNDd6IiBmaWxsPSIjZmZmIi8+PC9zdmc+); } .main-page .customer-review-swiper-wrap { position:relative;margin:0 -40px; } .main-page .customer-review-swiper-wrap .swiper { width:100%;max-width:1380px; } .main-page .customer-review-swiper-wrap .swiper-slide { width:256px;margin-right:25px; } .main-page .customer-review-swiper-wrap .swiper-slide:last-child { margin-right:0; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item { display:flex;width:100%;height:252px;padding:28px;border-radius:28px;background-color:#ebebeb;flex-direction:column; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item .store { display:block;margin-bottom:var(--spacing-16, 16px);font-size:var(--fs-18, 18px);font-weight:var(--fw--600, 600);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px);text-decoration:underline;text-underline-offset:3px; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item .review-txt { display:-webkit-box;overflow:hidden;max-height:120px;font-size:var(--fs-15, 15px);line-height:var(--lh-20, 20px);letter-spacing:var(--ls-02, -0.2px);color:var(--color-set-text-secondary, #40403F);text-overflow:ellipsis;line-clamp:6;-webkit-line-clamp:6;-webkit-box-orient:vertical; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item .review-date { display:flex;margin-top:var(--spacing-16, 16px);font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);color:var(--color-set-text-tertiary, #6F6F6E);flex:1;align-items:flex-end; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item .review-date .inner-cont { display:flex;width:100%;align-items:flex-start;justify-content:space-between; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item .review-date .flag { display:inline-flex;padding:1px 4px 1px 5px; background-color:var(--color-set-bg-white, #fff);border-radius:var(--border-radius-6, 6px);font-size:var(--fs-12, 12px);font-weight:var(--fw--500, 500);line-height:var(--lh-16, 16px);color:var(--color-set-text-primary, #111);align-items:center;vertical-align:top; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item .review-date .flag.naver:before { content:'';display:block;margin-right:2px;width:12px;height:12px;background:url(/kr/bestshop/images/renewal/icon/flag_naver.svg) no-repeat center center; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item:focus-visible { outline-offset:-2px; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item.bg-color-1 { background-color:#F1E8F6; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item.bg-color-2 { background-color:#F6F0E7; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item.bg-color-3 { background-color:#E4F6F1; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item.bg-color-4 { background-color:#E9F1F8; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item.bg-color-5 { background-color:#F8ECEF; } /* .main-page .customer-review-swiper-wrap .swiper-slide:nth-child(5n - 4) .review-item { background-color:#F1E8F6; } .main-page .customer-review-swiper-wrap .swiper-slide:nth-child(5n - 3) .review-item { background-color:#F6F0E7; } .main-page .customer-review-swiper-wrap .swiper-slide:nth-child(5n - 2) .review-item { background-color:#E4F6F1; } .main-page .customer-review-swiper-wrap .swiper-slide:nth-child(5n - 1) .review-item { background-color:#E9F1F8; } .main-page .customer-review-swiper-wrap .swiper-slide:nth-child(5n) .review-item { background-color:#F8ECEF; } */ .main-page .customer-review-swiper-wrap .swiper-button-next, .main-page .customer-review-swiper-wrap .swiper-button-prev { top:50%;margin-top:0;transform:translateY(-50%); } .main-page .customer-review-swiper-wrap .swiper-button-next { right:18px; } .main-page .customer-review-swiper-wrap .swiper-button-prev { left:18px; } /* @keyframes reviewItemMoveUp { 0%, 100% { transform:translate3d(0, 0, 0); } 33% { transform:translate3d(0, calc(var(--review-start-y) * -1), 0); } 66% { transform:translate3d(0, calc(var(--review-max-y) - var(--review-start-y)), 0); } } @keyframes reviewItemMoveDown { 0%, 100% { transform:translate3d(0, 0, 0); } 33% { transform:translate3d(0, calc(var(--review-max-y) - var(--review-start-y)), 0); } 66% { transform:translate3d(0, calc(var(--review-start-y) * -1), 0); } } */ /* 베스트샵 플래그십 D5 */ .main-page .bestshop-d5 { background-color:var(--color-set-bg-gray900, #111); } .main-page .bestshop-d5 .inner .section-title-wrap .section-title { color:var(--color-set-text-inverse, #fff); } .main-page .bestshop-d5 .inner { padding-top:44px;padding-bottom:72px; } .main-page .bestshop-d5 .tab-wrap { margin-left:calc(var(--spacing-40, 40px) * -1);margin-right:calc(var(--spacing-40, 40px) * -1); } .main-page .bestshop-d5 .tab-wrap:after { display:none; } .main-page .bestshop-d5 .tab-wrap .tabs { padding-left:var(--spacing-40, 40px);padding-right:var(--spacing-40, 40px); } .main-page .bestshop-d5 .tab-wrap .tabs > li { margin-left:var(--spacing-32, 32px);height:86px; } .main-page .bestshop-d5 .tab-wrap .tabs > li:first-child { margin-left:0; } .main-page .bestshop-d5 .tab-wrap .tabs > li a { padding:var(--spacing-8, 8px);font-size:var(--fs-28, 28px);line-height:var(--lh-38, 38px);letter-spacing:var(--ls-05, -0.5px);color:var(--color-set-text-tertiary, #6F6F6E); } .main-page .bestshop-d5 .tab-wrap .tabs > li a:hover, .main-page .bestshop-d5 .tab-wrap .tabs > li a:focus { color:var(--color-set-text-inverse, #fff); } .main-page .bestshop-d5 .tab-wrap .tabs > li.on a { display:flex;padding:8px 0;font-weight:var(--fw--700, 700);color:var(--color-set-text-inverse, #fff);align-items:center; } .main-page .bestshop-d5 .tab-wrap .tabs > li.on a:after { content:'';display:block;margin-left:var(--spacing-8, 8px);width:24px;height:24px;background:url(/kr/bestshop/images/renewal/icon/arrow_right_white_24x24.svg) no-repeat center center; } /* .main-page .bestshop-d5 .tab-wrap.flexible-tab::-webkit-scrollbar { margin-top:-13px;height:13px;} .main-page .bestshop-d5 .tab-wrap.flexible-tab::-webkit-scrollbar-track { background:var(--color-set-bg-gray900, #111);border-radius:10px; } .main-page .bestshop-d5 .tab-wrap.flexible-tab::-webkit-scrollbar-thumb { background:rgba(255, 255, 255, 0.20);border:5px solid var(--color-set-line-gray900, #111);border-radius:10px;background-clip:padding-box; } .main-page .bestshop-d5 .tab-wrap.flexible-tab::-webkit-scrollbar-thumb:hover { background:rgba(255, 255, 255, 0.80); } */ .main-page .bestshop-d5 .tab-wrap .mCSB_container { margin-bottom:0; } .main-page .bestshop-d5 .tab-wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal { z-index:2; } .main-page .bestshop-d5 .tab-wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height:3px;background:rgba(255, 255, 255, 0.20); } .main-page .bestshop-d5 .bestshop-d5-swiper { position:relative; } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-slide .item { display:block;overflow:hidden;width:100%;height:100%;border-radius:var(--border-radius-24, 24px);background-color:var(--color-set-bg-white, #fff); } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-slide .item-img { display:block;position:relative;width:100%;padding-bottom:100%; } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-slide .item-img img { position:absolute;/*left:50%;top:50%;*/left:0;top:0;width:100%;height:100%;object-fit:cover;/*transform:translate(-50%, -50%);*/ } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-slide .item-txt { display:block;position:relative;padding:var(--spacing-20, 20px) var(--spacing-24, 24px) 28px; } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-slide .item-txt .flag { position:absolute;left:24px;bottom:calc(100% + 22px);font-size:var(--fs-24, 24px);font-weight:var(--fw--700, 700);line-height:var(--lh-32, 32px);letter-spacing:var(--ls-05, -0.5px);color:var(--color-set-text-inverse, #fff); } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-slide .item-txt strong { display:-webkit-box;overflow:hidden;height:48px;font-size:var(--fs-18, 18px);font-weight:var(--fw--600, 600);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px);text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical; } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-slide .item-txt p { overflow:hidden;margin-top:6px;font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);color:var(--color-set-text-tertiary, #6F6F6E);text-overflow:ellipsis;white-space:nowrap; } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-button-next, .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-button-prev { margin:0;transform:translateY(-50%); } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-button-next { right:-24px; } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-button-prev { left:-24px; } /* 이 달의 추천 제품 */ .main-page .bestshop-product .inner { padding-bottom:60px; } .main-page .bestshop-product .bestshop-product-swiper { position:relative; } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item { position:relative;display:block;width:100%; } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item .item-img { display:block;position:relative;width:100%;padding-bottom:100%; } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item .item-img img { position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(-50%, -50%); } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item .item-txt { display:block;padding:var(--spacing-16, 16px) 0 0; } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item .item-txt strong { display:-webkit-box;overflow:hidden;height:44px;font-size:var(--fs-16, 16px);font-weight:var(--fw--500, 500);line-height:var(--lh-22, 22px);letter-spacing:var(--ls-02, -0.2px);text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical; } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item .item-txt p { position:relative;margin:5px 0 17px;font-size:var(--fs-13, 13px);line-height:var(--lh-18, 18px);color:var(--color-set-text-tertiary, #6F6F6E); } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item .item-txt .btn { padding:9px 11px 9px 15px;} .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item .item-txt .btn:after { content:'';display:block;margin-left:var(--spacing-4, 4px);width:16px;height:16px;/*background:url(/kr/bestshop/images/renewal/icon/arrow_right_16x16.svg) no-repeat center center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS45MiAxMy4xMzQtLjU4Ni0uNTQ3IDQuMDItNC4zNTMtNC4wMi00LjM2LjU4Ni0uNTQgNC41MiA0Ljl6IiBmaWxsPSIjMDAwIi8+PC9zdmc+) no-repeat center center; } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item .flag { display:flex;position:absolute;right:16px;top:20px;width:50px;height:50px;border-radius:var(--border-radius-full, 1000px);background-color:var(--color-set-bg-gray900, #111);font-size:var(--fs-14, 14px);font-weight:var(--fw--600, 600);line-height:var(--lh-20, 20px);color:var(--color-set-text-inverse, #fff);align-items:center;justify-content:center;text-align:center; } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item .flag.best{ background-color:var(--color-set-brand-red, #FC312E); } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item:focus-visible { outline-offset:-1px; } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item:focus-visible:after { content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #111;border-radius:2px; } .main-page .bestshop-product .bestshop-product-swiper .swiper-button-next, .main-page .bestshop-product .bestshop-product-swiper .swiper-button-prev { margin-top:0;transform:translateY(-50%); } .main-page .bestshop-product .bestshop-product-swiper .swiper-button-next { right:-24px; } .main-page .bestshop-product .bestshop-product-swiper .swiper-button-prev { left:-24px; } /* 이 달의 혜택 */ .main-page .bestshop-benefit .inner { padding-top:44px;padding-bottom:72px; } .main-page .bestshop-benefit .sub-tab-wrap .tabs { padding:0 0 28px; } .main-page .bestshop-benefit .sub-tab-wrap.swiper { padding:0; } .main-page .bestshop-benefit .sub-tab-wrap.swiper .tabs { padding-left:0;padding-right:0;overflow-x:visible; } .main-page .bestshop-benefit .sub-tab-wrap.swiper .tabs .swiper-slide { width:auto;margin:0; } .main-page .bestshop-benefit-swiper { position:relative;container-type:inline-size;--benefit-img-ratio:0.74924; } .main-page .bestshop-benefit-swiper .swiper-slide .item { display:block; } .main-page .bestshop-benefit-swiper .swiper-slide .item:focus, .main-page .bestshop-benefit-swiper .swiper-slide .item:hover { outline-offset:-1px; } .main-page .bestshop-benefit-swiper .swiper-slide .item .item-img { display:block;position:relative;overflow:hidden;width:100%;padding-bottom:calc(var(--benefit-img-ratio) * 100%);border-radius:var(--border-radius-24, 24px); } .main-page .bestshop-benefit-swiper .swiper-slide .item .item-img img { position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(-50%, -50%); } .main-page .bestshop-benefit-swiper .swiper-slide .item .item-img:before { display:none;content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.08);z-index:1; } .main-page .bestshop-benefit-swiper .swiper-slide .item .item-txt { display:block;padding:var(--spacing-20, 20px) var(--spacing-16, 16px) var(--spacing-16, 16px) 0; } .main-page .bestshop-benefit-swiper .swiper-slide .item .item-txt strong { display:-webkit-box;overflow:hidden;height:48px;font-size:var(--fs-18, 18px);font-weight:var(--fw--600, 600);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px);text-overflow:ellipsis;/*white-space:nowrap;*/line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical; } .main-page .bestshop-benefit-swiper .swiper-slide .item .item-txt p { margin-top:var(--spacing-12, 12px);font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);color:var(--color-set-text-tertiary, #6F6F6E); } .main-page .bestshop-benefit-swiper .swiper-slide .item .item-txt .date { display:block;margin-top:var(--spacing-12, 12px);font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);color:var(--color-set-text-secondary, #40403F); } /* 이미지(.item-img) 세로 중앙 — 전체 슬라이드(텍스트 포함) 50%가 아님. margin-top %/cqw 는 width 기준 */ .main-page .bestshop-benefit-swiper .swiper-button-next, .main-page .bestshop-benefit-swiper .swiper-button-prev { top:0;margin-top:calc(((100cqw - 72px) / 4) * var(--benefit-img-ratio) / 2);transform:translateY(-50%); } .main-page .bestshop-benefit-swiper .swiper-button-next { right:-24px; } .main-page .bestshop-benefit-swiper .swiper-button-prev { left:-24px; } /* 라이브 방송 */ .main-page .live-broadcast { background:#F3F5F7; } .main-page .live-broadcast .inner { padding-top:44px;padding-bottom:72px; } .main-page .live-broadcast .sub-tab-wrap { display:none; } .main-page .live-broadcast .live-broadcast-swiper { position:relative;container-type:inline-size;--live-img-ratio:0.74928; } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item { position:relative;overflow:hidden;background-color:var(--color-set-bg-white, #fff);border-radius:var(--border-radius-24, 24px); } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item a { display:block; } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item a:focus-visible { outline-offset:-1px; } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .item-img { display:block;overflow:hidden;position:relative;width:100%;padding-bottom:calc(var(--live-img-ratio) * 100%); } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .item-img img { position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(-50%, -50%); } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .item-img:before { display:none;content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.08);z-index:1; } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .item-img .flag { display:flex;position:absolute;left:var(--spacing-8, 8px);top:var(--spacing-8, 8px);padding:var(--spacing-4, 4px) calc(var(--spacing-10, 10px) - 1px) var(--spacing-4, 4px) var(--spacing-10, 10px);min-width:52px;height:26px;border-radius:var(--border-radius-20, 20px);background-color:var(--color-set-bg-gray900, #111);box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.16);font-size:var(--fs-13, 13px);font-weight:var(--fw--600, 600);line-height:var(--lh-18, 18px);color:var(--color-set-text-inverse, #fff);align-items:center;justify-content:center;z-index:2; } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .item-img .flag.on-air { background-color:var(--color-set-brand-red, #FC312E); } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .item-img .flag.schedule { /*background-color:var(--color-set-bg-white, #fff);color:var(--color-set-text-primary, #111);*/ } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .item-img .flag span { display:flex;position:relative;align-items:center; } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .item-img .flag span + span { display:none;margin-left:var(--spacing-6, 6px); } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .item-img .flag span + span:before { content:'';display:block;margin-right:var(--spacing-6, 6px);width:1px;height:10px;background-color:var(--color-set-line-gray100, #D6D6D5); } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .item-txt { display:block;padding:var(--spacing-20, 20px) var(--spacing-28, 28px) var(--spacing-8, 8px); } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .item-txt .date { font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);color:var(--color-set-text-tertiary, #6F6F6E); } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .item-txt strong { display:block;overflow:hidden;margin-top:var(--spacing-4, 4px);font-size:var(--fs-18, 18px);font-weight:var(--fw--600, 600);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px);text-overflow:ellipsis;white-space:nowrap;/*display:-webkit-box;height:48px;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;*/ } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .btn-wrap { margin:0;padding:var(--spacing-12, 12px) var(--spacing-24, 24px) var(--spacing-24, 24px);} .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .btn { display:inline-flex; } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .btn:not(.alarm) { padding:9px 11px 9px 15px; } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .btn:not(.alarm):after { content:'';display:block;margin-left:var(--spacing-4, 4px);width:16px;height:16px;/*background:url(/kr/bestshop/images/renewal/icon/arrow_right_16x16.svg) no-repeat center center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS45MiAxMy4xMzQtLjU4Ni0uNTQ3IDQuMDItNC4zNTMtNC4wMi00LjM2LjU4Ni0uNTQgNC41MiA0Ljl6IiBmaWxsPSIjMDAwIi8+PC9zdmc+) no-repeat center center; } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .btn.alarm { padding:9px 15px 9px 11px; } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .btn.alarm:before { content:'';display:block;width:20px;height:20px;margin-right:var(--spacing-4, 4px);/*background:url(/kr/bestshop/images/renewal/icon/alarm_20x20.svg) no-repeat center center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMTYuNHYxLjJIOHYtMS4yek0xNC40IDhhNC40IDQuNCAwIDAgMC04LjggMHY2LjRoOC44em0xLjIgNy42SDQuNFY4YTUuNiA1LjYgMCAxIDEgMTEuMiAweiIgZmlsbD0iIzExMSIvPjxwYXRoIGQ9Ik0xNyAxNC40djEuMkgzdi0xLjJ6IiBmaWxsPSIjMTExIi8+PC9zdmc+) no-repeat center center; } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .btn.alarm.on { color:var(--color-set-brand-red, #FC312E); } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .btn.alarm.on:before { /*background-image:url(/kr/bestshop/images/renewal/icon/alarm_red_20x20.svg);*/background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMTYuNHYxLjJIOHYtMS4yem0zLjYtLjhINC40VjhhNS42IDUuNiAwIDEgMSAxMS4yIDB6IiBmaWxsPSIjZmMzMTJlIi8+PHBhdGggZD0iTTE3IDE0LjR2MS4ySDN2LTEuMnoiIGZpbGw9IiNmYzMxMmUiLz48L3N2Zz4=); } /* 이미지(.item-img) 세로 중앙 */ .main-page .live-broadcast .live-broadcast-swiper .swiper-button-next, .main-page .live-broadcast .live-broadcast-swiper .swiper-button-prev { top:0;margin-top:calc(((100cqw - 72px) / 4) * var(--live-img-ratio) / 2);transform:translateY(-50%); } .main-page .live-broadcast .live-broadcast-swiper .swiper-button-next { right:-24px; } .main-page .live-broadcast .live-broadcast-swiper .swiper-button-prev { left:-24px; } /* MVP 매니저 */ .main-page .mvp-manager .inner { padding-top:44px;padding-bottom:60px; } .main-page .mvp-manager-list { position:relative;padding:11px 0;/*margin:0 calc(var(--spacing-40, 40px) * -1);*/ } /* .main-page .mvp-manager-list .swiper { overflow:hidden;padding-left:var(--spacing-40, 40px);padding-right:var(--spacing-40, 40px); } .main-page .mvp-manager-list .swiper-wrapper { display:flex;transition:none !important;will-change:transform;transition-timing-function:linear !important;gap:24px; } .main-page .mvp-manager-list .swiper-slide { display:flex;width:210px;height:388px;text-align:center;align-items:center;flex:0 0 auto; } */ .main-page .mvp-manager-list .swiper-slide { width:210px; } .main-page .mvp-manager-list .item .inner.bg-color-1 { background-color:#F1E8F6; } .main-page .mvp-manager-list .item .inner.bg-color-2 { background-color:#F6F0E7; } .main-page .mvp-manager-list .item .inner.bg-color-3 { background-color:#E4F6F1; } .main-page .mvp-manager-list .item .inner.bg-color-4 { background-color:#E9F1F8; } .main-page .mvp-manager-list .item .inner.bg-color-5 { background-color:rgba(242, 236, 226, 0.80); } .main-page .mvp-manager-list .item .inner.bg-color-6 { background-color:#F8ECEF; } /* .main-page .mvp-manager-list .swiper-slide:nth-child(6n - 5) .item .inner { background-color:#F1E8F6; } .main-page .mvp-manager-list .swiper-slide:nth-child(6n - 4) .item .inner { background-color:#F6F0E7; } .main-page .mvp-manager-list .swiper-slide:nth-child(6n - 3) .item .inner { background-color:#E4F6F1; } .main-page .mvp-manager-list .swiper-slide:nth-child(6n - 2) .item .inner { background-color:#E9F1F8; } .main-page .mvp-manager-list .swiper-slide:nth-child(6n - 1) .item .inner { background-color:rgba(242, 236, 226, 0.80); } .main-page .mvp-manager-list .swiper-slide:nth-child(6n) .item .inner { background-color:#F8ECEF; } */ .main-page .mvp-manager-list .swiper-slide.active .item { padding:0;height:380px; } .main-page .mvp-manager-list .swiper-slide.active .item .img { margin-top:63px;margin-bottom:-4px; } .main-page .mvp-manager-list .item { display:block;overflow:hidden;padding:25px 0;width:100%;height:380px;transition:all 0.5s ease;text-align:center; } .main-page .mvp-manager-list .item .inner { overflow:hidden;height:100%;padding:var(--spacing-40, 40px) var(--spacing-10, 10px) 0;border-radius:100px;background-color:#ebebeb; } .main-page .mvp-manager-list .item .store-name { display:block;font-size:var(--fs-14, 14px);font-weight:var(--fw--500, 500);line-height:var(--lh-20, 20px);color:var(--color-set-text-tertiary, #6F6F6E); } .main-page .mvp-manager-list .item .manager-name { display:block;margin-top:var(--spacing-2, 2px);font-size:var(--fs-18, 18px);font-weight:var(--fw--600, 600);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px);transition:all 0.5s ease; } .main-page .mvp-manager-list .item .flag { display:flex;min-height:24px;margin-top:var(--spacing-6, 6px);color:var(--color-set-brand-teal, #047F9D);align-items:center;justify-content:center; } .main-page .mvp-manager-list .item .flag span { display:inline-flex;padding:var(--spacing-2, 2px) 0;font-size:var(--fs-14, 14px);font-weight:var(--fw--500, 500);line-height:var(--lh-20, 20px);align-items:center;vertical-align:top; } .main-page .mvp-manager-list .item .flag span + span { margin-left:var(--spaing-6, 6px); } .main-page .mvp-manager-list .item .flag span + span:before { content:'';display:block;margin-right:var(--spacing-6, 6px);width:1px;height:10px;background-color:#57A9BD; } .main-page .mvp-manager-list .item .img { display:block;width:142px;margin:14px auto 0;transition:all 0.5s ease; } .main-page .mvp-manager-list .item:hover, .main-page .mvp-manager-list .item:focus { padding:0;height:380px;outline-offset:-2px; } .main-page .mvp-manager-list .item:hover .manager-name, .main-page .mvp-manager-list .item:focus .manager-name { font-size:var(--fs-24, 24px);line-height:var(--lh-32, 32px);letter-spacing:var(--ls-05, -0.5px); } .main-page .mvp-manager-list .item:hover .img, .main-page .mvp-manager-list .item:focus .img { margin-top:6px;margin-bottom:-4px;width:178px; } .main-page .mvp-manager-list .swiper-button-next, .main-page .mvp-manager-list .swiper-button-prev { margin-top:0;transform:translateY(-50%); } .main-page .mvp-manager-list .swiper-button-next { right:-24px; } .main-page .mvp-manager-list .swiper-button-prev { left:-24px; } .main-page .section .btn-group { display:none; } .main-page .section .btn-group .btn:after { content:'';display:block;margin-left:var(--spacing-4, 4px);width:16px;height:16px;/*background:url(/kr/bestshop/images/renewal/icon/arrow_right_16x16.svg) no-repeat center center;*/background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS45MiAxMy4xMzQtLjU4Ni0uNTQ3IDQuMDItNC4zNTMtNC4wMi00LjM2LjU4Ni0uNTQgNC41MiA0Ljl6IiBmaWxsPSIjMDAwIi8+PC9zdmc+) no-repeat center center; } /* 메인 이벤트 전체보기 */ .pop-event-list ul { display:flex;flex-wrap:wrap; } .pop-event-list ul > li { padding:var(--spacing-32, 32px) 0;flex:0 1 50%;border-top:1px solid var(--color-set-line-gray50, #EDEDEB); } .pop-event-list ul > li a { display:flex;width:100%;align-items:stretch;gap:var(--spacing-24, 24px); } .pop-event-list ul > li .img-wrap { position:relative;overflow:hidden;width:100%;max-width:36.037%;max-height:160px;/*max-width:160px;padding-bottom:35.36%;*/border-radius:var(--border-radius-24, 24px);aspect-ratio:1 / 1; } .pop-event-list ul > li .img-wrap img { position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(-50%, -50%); } .pop-event-list ul > li .txt-wrap { display:flex;align-items:center;font-size:var(--fs-20, 20px);line-height:var(--lh-28, 28px);letter-spacing:var(--ls-04, -0.4px);flex:1; } .pop-event-list ul > li .txt-wrap p { word-break:break-word;word-wrap:break-word; } .pop-event-list ul > li:nth-child(odd) { padding-right:var(--spacing-16, 16px); } .pop-event-list ul > li:nth-child(even) { padding-left:var(--spacing-16, 16px); } .pop-event-list ul > li:nth-child(1), .pop-event-list ul > li:nth-child(2) { padding-top:0;border-top:0; } .pop-event-list ul > li:last-child, .pop-event-list ul > li:nth-last-child(2) { padding-bottom:0; } /* responsive */ @media screen and (max-width:1631px) { .main-page .hero-banner .main-swiper .swiper-button-next { right:16px; } .main-page .hero-banner .main-swiper .swiper-button-prev { left:16px; } } @media screen and (max-width:1459px) { /* Hero 배너 */ .main-page .hero-banner .main-swiper .swiper-pagination-wrap { right:40px; } /* 고객 리얼 리뷰 */ .main-page .customer-review-swiper-wrap .swiper { max-width:1460px;padding:0 40px; } } @media screen and (max-width:1359px) { /* My 베스트샵 */ .main-page .my-bestshop .bestshop-cont-wrap { display:block; } .main-page .my-bestshop .quick-link { margin-top:24px; } .main-page .my-bestshop .quick-link .swiper-wrapper { justify-content:space-between; } } @media screen and (max-width:1229px) { /* Hero 배너 */ .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt { padding:0 140px; } /* .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt .item-txt-inner { min-height:222px; } */ /* .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt strong { font-size:var(--fs-32, 32px);line-height:var(--lh-44, 44px);letter-spacing:var(--ls-05, -0.5px); } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt p { font-size:var(--fs-16, 16px);line-height:var(--lh-22, 22px);letter-spacing:var(--ls-02, -0.2px); } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt .btn { margin-top:var(--spacing-8, 8px); } */ /* 이 달의 혜택: slidesPerView 3, spaceBetween 24 */ .main-page .bestshop-benefit-swiper .swiper-button-next, .main-page .bestshop-benefit-swiper .swiper-button-prev { margin-top:calc(((100cqw - 48px) / 3) * var(--benefit-img-ratio) / 2); } /* 라이브 방송: slidesPerView 3, spaceBetween 24 */ .main-page .live-broadcast .live-broadcast-swiper .swiper-button-next, .main-page .live-broadcast .live-broadcast-swiper .swiper-button-prev { margin-top:calc(((100cqw - 48px) / 3) * var(--live-img-ratio) / 2); } } @media screen and (max-width:939px) { /* 이 달의 혜택: slidesPerView 2, spaceBetween 24 */ .main-page .bestshop-benefit-swiper .swiper-button-next, .main-page .bestshop-benefit-swiper .swiper-button-prev { margin-top:calc(((100cqw - 24px) / 2) * var(--benefit-img-ratio) / 2); } /* 라이브 방송: slidesPerView 2, spaceBetween 24 */ .main-page .live-broadcast .live-broadcast-swiper .swiper-button-next, .main-page .live-broadcast .live-broadcast-swiper .swiper-button-prev { margin-top:calc(((100cqw - 24px) / 2) * var(--live-img-ratio) / 2); } } /* Tablet */ @media screen and (max-width:1023px) { /* layout */ .main-page .section .inner { padding-left:20px;padding-right:20px; } /* Hero 배너 */ .main-page .hero-banner .inner { padding-left:0;padding-right:0; } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt { padding:0 80px; } /* .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt .item-txt-inner { min-height:147px; } */ /* .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt strong { font-size:var(--fs-24, 24px);line-height:var(--lh-32, 32px);letter-spacing:var(--ls-05, -0.5px); } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt p { font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);letter-spacing:0; } */ .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt .btn { height:var(--h40, 40px); } .main-page .hero-banner .main-swiper .swiper-slide .hero-videoBtn-wrap .hero-videoBtn-inner { padding:32px 80px } .main-page .hero-banner .main-swiper .swiper-button-next, .main-page .hero-banner .main-swiper .swiper-button-prev { width:40px;height:40px;box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.12); } .main-page .hero-banner .main-swiper .swiper-button-next:after, .main-page .hero-banner .main-swiper .swiper-button-prev:after { /*background-image:url(/kr/bestshop/images/renewal/icon/arrow_right_40x40.svg)*/background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTcgMTQuNSA2IDUuNS02IDUuNSIgc3Ryb2tlPSIjMTExIi8+PC9zdmc+); } .main-page .hero-banner .main-swiper .swiper-button-next { right:8px; } .main-page .hero-banner .main-swiper .swiper-button-prev { left:8px; } /* My 베스트샵 */ .main-page .my-bestshop .bestshop-cont-wrap { display:block; } .main-page .my-bestshop .box { padding:calc(var(--spacing-12, 12px) - 1px); } .main-page .my-bestshop .box .item { display:flex;gap:16px;padding:0 8px;flex:1 1 100%;align-items:stretch; } .main-page .my-bestshop .box .item.bg-gray { margin-bottom:12px;flex:1 1 100%; } .main-page .my-bestshop dl { display:flex;gap:16px;align-items:center;flex:1; } .main-page .my-bestshop .item { padding:0 var(--spacing-16, 16px); } .main-page .my-bestshop .item dl { gap:0; } .main-page .my-bestshop .item dl + dl, .main-page .my-bestshop .item > a + dl, .main-page .my-bestshop .item > a + a { margin-top:0; } .main-page .my-bestshop .item dl + dl:before, .main-page .my-bestshop .item > a + dl:before, .main-page .my-bestshop .item > a + a:before { content:'';display:block;width:1px;height:10px;background-color:#D6D6D5; } .main-page .my-bestshop .item.bg-gray dl { flex:1;gap:16px; } .main-page .my-bestshop .item.bg-gray dl + dl { margin-left:0; } .main-page .my-bestshop .item.bg-gray dl + dl:before { margin-right:0; } .main-page .my-bestshop .quick-link { margin-top:var(--spacing-24, 24px); } .main-page .my-bestshop .quick-link .swiper-wrapper { justify-content:space-between; } .main-page .my-bestshop .bestshop-cont-wrap.after-login .box { width:100%; } .main-page .my-bestshop .after-login .quick-link ul { justify-content:center; } .main-page .customer-review-swiper-wrap .swiper-button-next, .main-page .customer-review .customer-review-swiper .swiper-button-next, .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-button-next, .main-page .bestshop-product .bestshop-product-swiper .swiper-button-next, .main-page .bestshop-benefit-swiper .swiper-button-next, .main-page .live-broadcast .live-broadcast-swiper .swiper-button-next, .main-page .mvp-manager-list .swiper-button-next { right:8px;width:40px;height:40px;box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.12); } .main-page .customer-review-swiper-wrap .swiper-button-next:after, .main-page .customer-review .customer-review-swiper .swiper-button-next:after, .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-button-next:after, .main-page .bestshop-product .bestshop-product-swiper .swiper-button-next:after, .main-page .bestshop-benefit-swiper .swiper-button-next:after, .main-page .live-broadcast .live-broadcast-swiper .swiper-button-next:after, .main-page .mvp-manager-list .swiper-button-next:after, .main-page .mvp-manager-list .swiper-button-next:after { min-width:40px;width:40px;height:40px;/*background-image:url(/kr/bestshop/images/renewal/icon/arrow_right_40x40.svg);*/background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTcgMTQuNSA2IDUuNS02IDUuNSIgc3Ryb2tlPSIjMTExIi8+PC9zdmc+); } .main-page .live-broadcast .live-broadcast-swiper .swiper-button-next { right:-12px; } .main-page .mvp-manager-list .swiper-button-next { right:8px; } .main-page .customer-review-swiper-wrap .swiper-button-prev, .main-page .customer-review .customer-review-swiper .swiper-button-prev, .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-button-prev, .main-page .bestshop-product .bestshop-product-swiper .swiper-button-prev, .main-page .bestshop-benefit-swiper .swiper-button-prev, .main-page .live-broadcast .live-broadcast-swiper .swiper-button-prev, .main-page .mvp-manager-list .swiper-button-prev { left:8px;width:40px;height:40px;box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.12); } .main-page .customer-review-swiper-wrap .swiper-button-prev:after, .main-page .customer-review .customer-review-swiper .swiper-button-prev:after, .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-button-prev:after, .main-page .bestshop-product .bestshop-product-swiper .swiper-button-prev:after, .main-page .bestshop-benefit-swiper .swiper-button-prev:after, .main-page .live-broadcast .live-broadcast-swiper .swiper-button-prev:after, .main-page .mvp-manager-list .swiper-button-prev:after { min-width:40px;width:40px;height:40px;/*background-image:url(/kr/bestshop/images/renewal/icon/arrow_right_40x40.svg)*/background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTcgMTQuNSA2IDUuNS02IDUuNSIgc3Ryb2tlPSIjMTExIi8+PC9zdmc+); } .main-page .live-broadcast .live-broadcast-swiper .swiper-button-prev { left:-12px; } .main-page .mvp-manager-list .swiper-button-prev { left:8px; } .main-page .customer-review-swiper-wrap .swiper-button-next { right:4px; } .main-page .customer-review-swiper-wrap .swiper-button-prev { left:4px; } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-button-next, .main-page .bestshop-benefit-swiper .swiper-button-next, .main-page .bestshop-product .bestshop-product-swiper .swiper-button-next { right:-12px; } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-button-prev, .main-page .bestshop-benefit-swiper .swiper-button-prev, .main-page .bestshop-product .bestshop-product-swiper .swiper-button-prev { left:-12px; } /* 고객 리얼 리뷰 */ .main-page .customer-review .review-control { right:var(--spacing-20, 20px); } .main-page .customer-review-swiper-wrap { margin:0 -20px;padding:0; } .main-page .customer-review-swiper-wrap .swiper { padding:0 20px; } /* 베스트샵 플래그십 D5 */ .main-page .bestshop-d5 .tab-wrap { margin-left:calc(var(--spacing-20, 20px) * -1);margin-right:calc(var(--spacing-20, 20px) * -1); } .main-page .bestshop-d5 .tab-wrap .tabs { padding-left:var(--spacing-20, 20px);padding-right:var(--spacing-20, 20px); } /* MVP 매니저 */ .main-page .mvp-manager-list { margin:0 calc(var(--spacing-20, 20px) * -1); } .main-page .mvp-manager-list .swiper { padding-left:var(--spacing-20, 20px);padding-right:var(--spacing-20, 20px); } } /* Mobile */ @media screen and (max-width:767px) { .main-page .container > .section { overflow:hidden; } .main-page .container > .section:first-child { padding-top:60px; } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-button-prev, .main-page .bestshop-benefit-swiper .swiper-button-prev, .main-page .bestshop-product .bestshop-product-swiper .swiper-button-prev { left:8px; } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-button-next, .main-page .bestshop-benefit-swiper .swiper-button-next, .main-page .bestshop-product .bestshop-product-swiper .swiper-button-next { right:8px; } /* layout */ .main-page .section .inner { padding:0 20px; } .main-page .section .inner .section-title-wrap { padding:var(--spacing-10, 10px) 0;margin-bottom:var(--spacing-8, 8px); } .main-page .section .inner .section-title-wrap .section-title { padding:var(--spacing-8, 8px) 0;font-size:var(--fs-18, 18px);font-weight:var(--fw--600, 600);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px); } /* Hero 배너 */ .main-page .hero-banner .inner { padding:0; } .main-page .hero-banner .main-swiper { max-height:360px;height:360px; max-height:none;height:auto; } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt { padding:30px 30px 54px;justify-content:flex-start;align-items:flex-start; } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt .item-txt-inner { max-width:none;min-height:auto;text-align:left; } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt strong { font-size:var(--fs-26, 26px);line-height:var(--lh-32, 32px);letter-spacing:var(--ls-05, -0.5px); } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt p { margin-top:var(--spacing-8, 8px);margin-bottom:0;font-size:var(--fs-16, 16px);font-weight:var(--fw--500, 500);line-height:var(--lh-20, 20px);letter-spacing:0; } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt .btn { display:none; } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt.pos-left, .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt.pos-right, .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt.pos-center { align-items:center;text-align:center; } .main-page .hero-banner .main-swiper .swiper-slide .item .item-txt.pos-bottom { justify-content:flex-end; } .main-page .hero-banner .main-swiper .swiper-slide .item .item-img { height:auto;/*padding-bottom:92.31%;*/padding-bottom:105.13%; } .main-page .hero-banner .main-swiper .swiper-slide .item .item-img video, .main-page .hero-banner .main-swiper .swiper-slide .item .item-img img { position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%, -50%); } .main-page .hero-banner .main-swiper .swiper-slide .item .item-img:after{ content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.16);background:linear-gradient(180deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.40) 53%, rgba(0, 0, 0, 0.00) 100%);z-index:1;opacity:0.4; } /* .main-page .hero-banner .main-swiper .swiper-slide .item .item-img:before { content:'';position:absolute;left:0;bottom:0;width:100%;height:53.33%;background:linear-gradient(180deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 100%);z-index:2; } */ .main-page .hero-banner .main-swiper .swiper-slide .hero-videoBtn-wrap { left:var(--spacing-30, 30px);transform:none; } .main-page .hero-banner .main-swiper .swiper-slide .hero-videoBtn-wrap .hero-videoBtn-inner { padding:var(--spacing-12, 12px) 0; } .main-page .hero-banner .main-swiper .swiper-slide .hero-videoBtn-wrap .hero-videoBtn-inner .hero-videoBtn { width:32px;height:32px; } .main-page .hero-banner .main-swiper .swiper-slide:not(.swiper-slide-active) .item .item-img:after{ background:rgba(0, 0, 0, 0.08); } .main-page .hero-banner .main-swiper .swiper-button-next, .main-page .hero-banner .main-swiper .swiper-button-prev { display:none; } .main-page .hero-banner .main-swiper .swiper-pagination-wrap { right:auto;left:50%;bottom:0;padding:12px 0;transform:translateX(-50%); } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .pagination-wrap { border-radius:0;background-color:transparent;backdrop-filter:none;align-items:stretch; } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .pagination-wrap > div { display:flex;border-radius:100px;background:rgba(0, 0, 0, 0.32);backdrop-filter:blur(40px);align-items:center; } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .pagination-wrap .btn-popup-all { margin-left:4px;min-width:32px;width:32px;height:32px;border-radius:100px;background-color:rgba(0, 0, 0, 0.32);backdrop-filter:blur(40px); } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .swiper-pagination { padding-left:0; } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .swiper-pagination span { font-size:var(--fs-12, 12px);line-height:var(--lh-16, 16px); } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .btn-control-wrap .btn-control { display:none;margin-left:4px;min-width:32px;width:32px;height:32px;background:rgba(0, 0, 0, 0.32); } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .swiper-button-next, .main-page .hero-banner .main-swiper .swiper-pagination-wrap .swiper-button-prev { display:block;overflow:hidden;position:static;margin:0;width:22px;height:32px;border:0;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none; } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .swiper-button-next:after, .main-page .hero-banner .main-swiper .swiper-pagination-wrap .swiper-button-prev:after { display:block;min-width:100%;width:100%;height:100%;/* background-image:url(/kr/bestshop/images/renewal/icon/arrow_right_16x16.svg); */background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS45MiAxMy4xMzQtLjU4Ni0uNTQ3IDQuMDItNC4zNTMtNC4wMi00LjM2LjU4Ni0uNTQgNC41MiA0Ljl6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);background:var(--color-set-bg-white, #fff);/* -webkit-mask-image:url('/kr/bestshop/images/renewal/icon/arrow_right_16x16.svg'); */-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS45MiAxMy4xMzQtLjU4Ni0uNTQ3IDQuMDItNC4zNTMtNC4wMi00LjM2LjU4Ni0uNTQgNC41MiA0Ljl6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);/* mask-image:url('/kr/bestshop/images/renewal/icon/arrow_right_16x16.svg'); */mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS45MiAxMy4xMzQtLjU4Ni0uNTQ3IDQuMDItNC4zNTMtNC4wMi00LjM2LjU4Ni0uNTQgNC41MiA0Ljl6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;font-size:0;line-height:1; } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .swiper-button-next { padding-right:6px; } .main-page .hero-banner .main-swiper .swiper-pagination-wrap .swiper-button-prev { padding-left:6px; } /* My 베스트샵 */ .main-page .my-bestshop .inner { padding-top:var(--spacing-24, 24px);padding-bottom:0; } .main-page .my-bestshop .inner .info-wrap { overflow:hidden;border-radius:var(--border-radius-16, 16px);border:1px solid var(--color-set-linegray100, #D6D6D5); } .main-page .my-bestshop .inner .section-title-wrap { display:none; } .main-page .my-bestshop .inner .section-title-wrap { padding:0;margin:0; } .main-page .my-bestshop .inner .section-title-wrap .section-title { padding:0;font-size:var(--fs-18, 18px);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px); } .main-page .my-bestshop .inner .section-title-wrap .section-title span { font-weight:var(--fw--700, 700); } .main-page .my-bestshop .bestshop-cont-wrap { display:block;padding:0;border-bottom:0;align-items:center;justify-content:space-between; } .main-page .my-bestshop .bestshop-cont-wrap.after-login .section-title-wrap { display:block; } .main-page .my-bestshop .bestshop-cont-wrap.after-login .section-title-wrap .section-title { padding:calc(var(--spacing-20, 20px) - 1px) calc(var(--spacing-24, 24px) - 1px) 0; } .main-page .my-bestshop .my-bestshop-wrap { padding-top:0; } .main-page .my-bestshop .box { display:flex;gap:calc(var(--spacing-16, 16px) - 1px);padding:calc(var(--spacing-8, 8px) - 1px);border-radius:var(--border-radius-16, 16px);background:var(--color-set-bg-white, #FFF);border:0;flex-wrap:wrap; } .main-page .my-bestshop .box > dl { padding:13px 8px;gap:20px; } .main-page .my-bestshop .box .item { display:block;padding:0 var(--spacing-12, 12px);width:100%;min-height:0;flex:1 1 100%;border:0;border-radius:0; } .main-page .my-bestshop .box .item.bg-gray { display:block;position:static;padding:12px 12px;margin-bottom:0;border-radius:12px;background:#F3F5F7; } .main-page .my-bestshop .box .item:not(.bg-gray) { padding:0 var(--spacing-12, 12px); } .main-page .my-bestshop .after-login .box { gap:16px; } .main-page .my-bestshop dl { display:flex;min-height:24px;padding:1px 0;gap:16px;align-items:center;font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);letter-spacing:0; } .main-page .my-bestshop .bestshop-cont-wrap:not(.after-login) dl { line-height:var(--lh-20, 20px);align-items:center; } .main-page .my-bestshop dl dd .btn { min-width:54px; } .main-page .my-bestshop .item dl + dl, .main-page .my-bestshop .item > a + dl, .main-page .my-bestshop .item > a + a { margin-top:var(--spacing-14, 14px);margin-left:0; } .main-page .my-bestshop .item dl + dl:before, .main-page .my-bestshop .item > a + dl:before, .main-page .my-bestshop .item > a + a:before { display:none; } .main-page .my-bestshop .item dl dt { line-height:var(--lh-20, 20px); } .main-page .my-bestshop .item dl dt:before { content:'';margin-right:4px;min-width:20px;height:20px;background-repeat:no-repeat;background-position:center center; } .main-page .my-bestshop .item dl dt.reserve:before { background-size:20px; } .main-page .my-bestshop .item dl dt.favorite:before { margin:0 4px 0 0;min-width:20px;width:20px;height:20px;background-size:20px; } .main-page .my-bestshop .item dl dt.point { overflow:visible;width:auto; } .main-page .my-bestshop .item dl dt.point:before { background-size:20px; } .main-page .my-bestshop .item dl dt.coupon { overflow:visible;width:auto; } .main-page .my-bestshop .item dl dt.coupon:before { background-size:20px; } .main-page .my-bestshop .item dl dd > div { display:flex;justify-content:flex-end;gap:8px;align-items:center;flex-wrap:wrap; } .main-page .my-bestshop .item dl dd a { display:inline-flex;gap:0 4px;align-items:center;justify-content:flex-end;flex-wrap:wrap;text-align:right;line-height:var(--lh-20, 20px); } .main-page .my-bestshop .item dl dd p { align-items:flex-start;text-align:left;word-break:break-all; } .main-page .my-bestshop .item dl dd .btn.size-sm { margin:-1px 0; } .main-page .my-bestshop .item dl dd a.inactive { gap:4px;font-size:var(--fs-14, 14px);color:var(--color-set-text-tertiary, #6F6F6E);flex-wrap:nowrap; } .main-page .my-bestshop .item:not(.bg-gray) dl dt + dd { margin-left:4px; } .main-page .my-bestshop .item.bg-gray { display:block;padding:calc(var(--spacing-12, 12px) - 1px) var(--spacing-12, 12px); } .main-page .my-bestshop .item.bg-gray dl { width:100%;gap:8px;align-items:center; } .main-page .my-bestshop .item.bg-gray dl + dl { margin-left:0;margin-top:var(--spacing-14, 14px); } .main-page .my-bestshop .item.bg-gray dl + dl:before { display:none; } .main-page .my-bestshop .item.bg-gray dl dd a.inactive { gap:0; } .main-page .my-bestshop .item.bg-gray .underline { text-decoration:none !important; } .main-page .my-bestshop .item.bg-gray .underline dl dd { text-decoration:underline !important;text-underline-offset:3px; } .main-page .my-bestshop .quick-link { margin-top:var(--spacing-28, 28px); } .main-page .my-bestshop .quick-link ul { display:flex;gap:var(--spacing-4, 4px);justify-content:center;flex-wrap:nowrap; } .main-page .my-bestshop .quick-link ul > li { max-width:72px;flex:0 1 100%;font-size:var(--fs-14, 14px);letter-spacing:0; } .main-page .my-bestshop .quick-link ul > li a { position:relative; } .main-page .my-bestshop .quick-link ul > li a i { width:100%;max-width:60px;height:auto;margin-bottom:var(--spacing-14, 14px); } .main-page .my-bestshop .quick-link { margin-left:-20px;margin-right:-20px; } .main-page .my-bestshop .quick-link .swiper { padding-left:20px;padding-right:20px; } .main-page .my-bestshop .quick-link .swiper-wrapper { justify-content:flex-start; } .main-page .my-bestshop .quick-link .swiper-slide { width:72px;margin-right:21px; } .main-page .my-bestshop .bestshop-cont-wrap.after-login .box { padding:var(--spacing-16, 16px) calc(var(--spacing-12, 12px) - 1px) calc(var(--spacing-20, 20px) - 1px); } /* 행사 매장 안내 */ .main-page .event-store .inner { padding-top:var(--spacing-32, 32px); } .main-page .event-store-wrap { border-radius:0;gap:var(--spacing-12, 12px); } .main-page .event-store-wrap .event-store-item { overflow:hidden;position:relative;padding:16px;/*min-height:246px;*/min-height:0;padding-bottom:65.715%;border-radius:var(--border-radius-16, 16px);justify-content:flex-end;align-items:center; } .main-page .event-store-wrap .event-store-item.open-item { background:url(/kr/bestshop/images/renewal/main/bg_open_mo.jpg) no-repeat center bottom;background-size:cover; } .main-page .event-store-wrap .event-store-item.branch-item { background:url(/kr/bestshop/images/renewal/main/bg_branch_mo.jpg) no-repeat center bottom;background-size:cover; } .main-page .event-store-wrap .event-store-item strong { font-size:var(--fs-15, 15px);font-weight:var(--fw--600, 600);line-height:var(--lh-20, 20px);letter-spacing:var(--ls-02, -0.2px); } .main-page .event-store-wrap .event-store-item p { margin-top:6px;font-size:var(--fs-13, 13px);line-height:var(--lh-18, 18px); } .main-page .event-store-wrap .event-store-item a { margin-top:17px;min-width:100%;width:100%;height:32px;padding:var(--spacing-6, 6px) var(--spacing-8, 8px);border-radius:var(--border-radius-8, 8px);background:rgba(255, 255, 255, 0.20);backdrop-filter:blur(40px);font-size:var(--fs-13, 13px);line-height:var(--lh-18, 18px);text-align:center;justify-content:center; } .main-page .event-store-wrap .event-store-item strong, .main-page .event-store-wrap .event-store-item a { position:relative;z-index:3; } .main-page .event-store-wrap .event-store-item:before { display:none;content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.20);z-index:1; } .main-page .event-store-wrap .event-store-item:after { display:none;content:'';position:absolute;left:0;bottom:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 37.4%, rgba(0, 0, 0, 0.8) 68.7%, rgba(0, 0, 0, 0.0) 100%);z-index:2; } .main-page .event-store-wrap .event-store-item > div { position:absolute;left:0;bottom:0;width:100%;padding:var(--spacing-16, 16px);text-align:center; } /* 고객 리얼 리뷰 */ .main-page .customer-review .inner { padding-top:32px;padding-bottom:54px; } .main-page .customer-review .customer-review-swiper .swiper-wrapper { align-items:flex-start; } .main-page .customer-review .customer-review-swiper { margin:0 calc(var(--spacing-20) * -1); } .main-page .customer-review .customer-review-swiper .swiper { padding:0 var(--spacing-20, 20px); } .main-page .customer-review .customer-review-swiper .swiper-slide { width:232px; } .main-page .customer-review .customer-review-swiper .swiper-slide .review-item { padding:var(--spacing-20, 20px);border-radius:var(--border-radius-16, 16px);gap:var(--spacing-12, 12px); } .main-page .customer-review .customer-review-swiper .swiper-slide .review-item .store { font-size:var(--fs-15, 15px);line-height:var(--lh-20, 20px);letter-spacing:var(--ls-02, -0.2px); } .main-page .customer-review .customer-review-swiper .swiper-slide .review-item .review-txt { display:-webkit-box;overflow:hidden;max-height:100px;flex:none;font-size:var(--fs-14, 14px);letter-spacing:0;text-overflow:ellipsis;line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient:vertical; } .main-page .customer-review .customer-review-swiper .swiper-slide .review-item .review-date { margin-top:var(--spacing-12, 12px);font-size:var(--fs-13, 13px);line-height:var(--lh-18, 18px); } .main-page .customer-review .customer-review-swiper .swiper-slide:nth-child(5n - 4) .review-item { background-color:#F1E8F6 } .main-page .customer-review .customer-review-swiper .swiper-slide:nth-child(5n -3) .review-item { background-color:#F6F0E7; } /* .main-page .customer-review .customer-review-swiper .swiper-slide:nth-child(5n -2) { padding-top:var(--spacing-10, 10px);padding-bottom:0; } .main-page .customer-review .customer-review-swiper .swiper-slide:nth-child(5n -2) .review-item { background-color:#E4F6F1; } */ .main-page .customer-review .customer-review-swiper .swiper-slide:nth-child(5n - 2) .review-item { background-color:#F1E8F6 } .main-page .customer-review .customer-review-swiper .swiper-slide:nth-child(5n -1) .review-item { background-color:#E9F1F8; } .main-page .customer-review .customer-review-swiper .swiper-slide:nth-child(5n) .review-item { background-color:#F8ECEF; } /* .main-page .customer-review .customer-review-swiper .swiper-button-next, .main-page .customer-review .customer-review-swiper .swiper-button-prev { display:none; } */ .main-page .customer-review .review-control { top:42px; } .main-page .customer-review-swiper-wrap .swiper-slide { width:232px;margin-right:12px; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item { height:230px;padding:20px;border-radius:16px; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item .store { margin-bottom:var(--spacing-12, 12px);font-size:var(--fs-15, 15px);line-height:var(--lh-20, 20px);letter-spacing:var(--ls-02, -0.2px); } .main-page .customer-review-swiper-wrap .swiper-slide .review-item .review-txt { display:-webkit-box;overflow:hidden;max-height:120px;font-size:var(--fs-15, 15px);line-height:var(--lh-20, 20px);letter-spacing:var(--ls-02, -0.2px);color:var(--color-set-text-secondary, #40403F);text-overflow:ellipsis;line-clamp:6;-webkit-line-clamp:6;-webkit-box-orient:vertical; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item .review-date { display:flex;flex:1;margin-top:var(--spacing-16, 16px);font-size:var(--fs-13, 13px);line-height:var(--lh-18, 18px);color:var(--color-set-text-tertiary, #6F6F6E);align-items:flex-end; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item .review-date .inner-cont { align-items:center; } .main-page .customer-review-swiper-wrap .swiper-slide .review-item .review-date .flag { font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px); } .main-page .customer-review-swiper-wrap .swiper-slide .review-item .review-date .flag.naver:before { width:14px;height:14px;background-size:14px; } .main-page .customer-review .customer-review-wrap { margin:0 calc(var(--spacing-20, 20px) * -1);padding:0 var(--spacing-20, 20px); } .main-page .customer-review .customer-review-wrap .customer-review-inner { gap:var(--spacing-12, 12px); } .main-page .customer-review .customer-review-wrap .review-item { min-width:232px;padding:var(--spacing-20, 20px);border-radius:var(--border-radius-16, 16px);flex:1 1 232px; } .main-page .customer-review .customer-review-wrap .review-item .store { margin-bottom:var(--spacing-12, 12px);font-size:var(--fs-15, 15px);line-height:var(--lh-20, 20px);letter-spacing:var(--ls-02, -0.2px); } .main-page .customer-review .customer-review-wrap .review-item .review-txt { font-size:var(--fs-14, 14px);line-height:var(--lh-20, 20px);letter-spacing:0;display:-webkit-box;overflow:hidden;max-height:160px;text-overflow:ellipsis;line-clamp:8;-webkit-line-clamp:8;-webkit-box-orient:vertical; } .main-page .customer-review .customer-review-wrap .review-item .review-date { margin-top:var(--spacing-20, 20px);font-size:var(--fs-13, 13px);line-height:var(--lh-18, 18px); } /* .main-page .customer-review .customer-review-wrap .review-item:nth-child(odd) { margin-top:var(--spacing-8, 8px);margin-bottom:var(--spacing-14, 14px); } .main-page .customer-review .customer-review-wrap .review-item:nth-child(even) { margin-bottom:var(--spacing-40, 40px); } */ /* 베스트샵 플래그십 D5 */ .main-page .bestshop-d5 .inner { padding-top:var(--spacing-24, 24px);padding-bottom:var(--spacing-24, 24px); } .main-page .bestshop-d5 .tab-wrap { margin-left:calc(var(--spacing-20, 20px) * -1);margin-right:calc(var(--spacing-20, 20px) * -1);margin-bottom:var(--spacing-8, 8px); } .main-page .bestshop-d5 .tab-wrap .tabs { padding:0 var(--spacing-20, 20px); } .main-page .bestshop-d5 .tab-wrap .tabs > li { margin-left:var(--spacing-24, 24px);height:60px; } .main-page .bestshop-d5 .tab-wrap .tabs > li:first-child { margin-left:0; } .main-page .bestshop-d5 .tab-wrap .tabs > li a { padding:0;font-size:var(--fs-18, 18px);line-height:var(--lh-24, 24px);letter-spacing:var(--ls-03, -0.3px); } .main-page .bestshop-d5 .tab-wrap .tabs > li.on a { font-weight:var(--fw--600, 600); } .main-page .bestshop-d5 .tab-wrap .tabs > li.on a:after { margin-left:var(--spacing-4, 4px);} .main-page .bestshop-d5 .bestshop-d5-swiper { margin:0 calc(var(--spacing-20, 20px) * -1); } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper { padding:0 var(--spacing-20, 20px); } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-slide { width:306px; } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-slide .item { border-radius:var(--border-radius-20, 20px);background:rgba(255, 255, 255, 0.20); } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-slide .item-img { padding-bottom:100%; } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-slide .item-txt { padding:var(--spacing-20, 20px); } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-slide .item-txt .flag { bottom:calc(100% + 14px);font-size:var(--fs-24, 24px);font-weight:var(--fw--600, 600); } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-slide .item-txt strong { font-size:var(--fs-16, 16px);line-height:var(--lh-22, 22px);letter-spacing:var(--ls-02, -0.2px);color:var(--color-set-text-inverse, #fff); } .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-slide .item-txt p { margin-top:var(--spacing-8, 8px);font-size:var(--fs-13, 13px);line-height:var(--lh-18, 18px);color:var(--color-set-text-inverse, #fff);opacity:0.6; } /* .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-button-next, .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-button-prev { display:none; } */ /* 이 달의 추천 제품 */ .main-page .bestshop-product .inner { padding-bottom:var(--spacing-40, 40px); } .main-page .bestshop-product .bestshop-product-swiper { margin:0 calc(var(--spacing-20, 20px) * -1); } .main-page .bestshop-product .bestshop-product-swiper .swiper { padding:0 var(--spacing-20, 20px); } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide { width:156px; } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item .item-txt { padding:var(--spacing-12, 12px) 0 0; } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item .item-txt strong { height:36px;font-size:var(--fs-13, 13px);line-height:var(--lh-18, 18px);letter-spacing:0; } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item .item-txt p { margin:5px 0 17px;font-size:var(--fs-11, 11px);line-height:var(--lh-14, 14px); } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item .item-txt .btn { padding:6px 7px 6px 9px;} .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item .item-txt .btn:after { margin-left:var(--spacing-2, 2px); } .main-page .bestshop-product .bestshop-product-swiper .swiper-slide .item .flag { right:10px;top:10px;width:34px;height:34px;font-size:var(--fs-10, 10px);line-height:var(--lh-14, 14px); } /* .main-page .bestshop-product .bestshop-product-swiper .swiper-button-next, .main-page .bestshop-product .bestshop-product-swiper .swiper-button-prev { display:none; } */ /* 이 달의 혜택 */ .main-page .bestshop-benefit .inner { padding-top:32px;padding-bottom:40px; } .main-page .bestshop-benefit .inner .section-title-wrap { margin-bottom:0; } .main-page .bestshop-benefit .sub-tab-wrap.swiper { padding:0 20px; } .main-page .bestshop-benefit .sub-tab-wrap { margin:0 calc(var(--spacing-20, 20px) * -1) var(--spacing-20, 20px); } .main-page .bestshop-benefit .sub-tab-wrap .tabs { margin-left:0;margin-right:0;padding:var(--spacing-8, 8px) var(--spacing-20, 20px); } .main-page .bestshop-benefit-swiper { margin:0 calc(var(--spacing-20, 20px) * -1);--benefit-img-ratio:0.75164; } .main-page .bestshop-benefit-swiper .swiper { padding:0 var(--spacing-20, 20px); } .main-page .bestshop-benefit-swiper .swiper-slide { width:306px; } .main-page .bestshop-benefit-swiper .swiper-slide .item .item-img { padding-bottom:calc(var(--benefit-img-ratio) * 100%); } .main-page .bestshop-benefit-swiper .swiper-slide .item .item-txt { padding:var(--spacing-12, 12px) var(--spacing-12, 12px) var(--spacing-12, 12px) 0; } .main-page .bestshop-benefit-swiper .swiper-slide .item .item-txt strong { font-size:var(--fs-16, 16px);line-height:var(--lh-22, 22px);letter-spacing:var(--ls-02, -0.2px); } .main-page .bestshop-benefit-swiper .swiper-slide .item .item-txt p { margin-top:var(--spacing-8, 8px);font-size:var(--fs-13, 13px);line-height:var(--lh-18, 18px); } .main-page .bestshop-benefit-swiper .swiper-slide .item .item-txt .date { margin-top:var(--spacing-16, 16px);font-size:var(--fs-12, 12px);line-height:var(--lh-16, 16px); } .main-page .bestshop-benefit-swiper .swiper-button-next, .main-page .bestshop-benefit-swiper .swiper-button-prev { margin-top:calc(306px * var(--benefit-img-ratio) / 2); } /* .main-page .bestshop-benefit-swiper .swiper-button-next, .main-page .bestshop-benefit-swiper .swiper-button-prev { display:none; } */ /* 라이브 방송 */ .main-page .live-broadcast .inner { padding-top:var(--spacing-24, 24px);padding-bottom:var(--spacing-24, 24px); } .main-page .live-broadcast .inner .section-title-wrap { margin-bottom:0; } .main-page .live-broadcast .sub-tab-wrap { display:block;margin:0 calc(var(--spacing-20, 20px) * -1) var(--spacing-8, 8px); } .main-page .live-broadcast .sub-tab-wrap .tabs { margin-left:0;margin-right:0;padding:var(--spacing-8, 8px) var(--spacing-20, 20px); } .main-page .live-broadcast .sub-tab-wrap .tabs > li { width:52px;min-width:52px;height:60px; } .main-page .live-broadcast .sub-tab-wrap .tabs > li a { padding:10px 14px;border:0;border-radius:var(--border-radius-12, 12px);background-color:var(--color-set-bg-white, #fff);text-align:center;justify-content:center; } .main-page .live-broadcast .sub-tab-wrap .tabs > li a .month { font-size:var(--fs-12, 12px);line-height:var(--lh-16, 16px); } .main-page .live-broadcast .sub-tab-wrap .tabs > li a .day { display:block;margin-top:var(--spacing-2, 2px);font-size:var(--fs-16, 16px);font-weight:var(--fw--700, 700);line-height:var(--lh-22, 22px);letter-spacing:var(--ls-02, -0.2px); } .main-page .live-broadcast .sub-tab-wrap .tabs > li.on a { background-color:var(--color-set-bg-gray900, #111); } .main-page .live-broadcast .sub-tab-wrap .tabs > li.on a .month { font-weight:var(--fw--600, 600); } .main-page .live-broadcast .sub-tab-wrap.swiper { padding-left:20px;padding-right:20px; } .main-page .live-broadcast .sub-tab-wrap.swiper .tabs { padding-left:0;padding-right:0;overflow-x:visible; } .main-page .live-broadcast .live-broadcast-swiper { --live-img-ratio:0.74851; } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .item-img { padding-bottom:calc(var(--live-img-ratio) * 100%); } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .item-txt { padding:var(--spacing-20, 20px) 155px var(--spacing-16, 16px) var(--spacing-24, 24px); } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .item-txt .date { font-size:var(--fs-13, 13px);line-height:var(--lh-18, 18px); } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .item-txt strong { display:-webkit-box;height:44px;font-size:var(--fs-16, 16px);line-height:var(--lh-22, 22px);letter-spacing:var(--ls-02, -0.2px);white-space:normal;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical; } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .btn-wrap { display:flex;position:absolute;right:24px;/*bottom:calc(((100% - 242px) / 2) - 26px);*/min-height:94px;bottom:8px;margin:0;padding:0;align-items:center; } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .btn:not(.alarm) { padding:5px 7px 5px 9px; } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .btn:not(.alarm):after { margin-left:var(--spacing-2, 2px); } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .btn.alarm { padding:5px 9px 5px 7px; } .main-page .live-broadcast .live-broadcast-swiper .swiper-slide .item .btn.alarm:before { margin-right:var(--spacing-2, 2px); } /* MO: slidesPerView 1 */ .main-page .live-broadcast .live-broadcast-swiper .swiper-button-next, .main-page .live-broadcast .live-broadcast-swiper .swiper-button-prev { margin-top:calc(100cqw * var(--live-img-ratio) / 2); } /* .main-page .live-broadcast .live-broadcast-swiper .swiper-button-next, .main-page .live-broadcast .live-broadcast-swiper .swiper-button-prev { display:none; } */ /* MVP 매니저 */ .main-page .mvp-manager .inner { padding-top:var(--spacing-24, 24px);padding-bottom:var(--spacing-40, 40px); } .main-page .mvp-manager-list .swiper { padding:0 var(--spacing-20, 20px); } /* .main-page .mvp-manager-list .swiper-wrapper { gap:12px; } */ .main-page .mvp-manager-list .swiper-slide { width:180px;height:320px; } .main-page .mvp-manager-list .swiper-slide.active .item { height:320px; } .main-page .mvp-manager-list .swiper-slide.active .item .img { margin-top:35px;margin-bottom:0 ; } .main-page .mvp-manager-list .item { padding:20px 0;height:320px; } .main-page .mvp-manager-list .item .inner { padding:var(--spacing-32, 32px) var(--spacing-10, 10px) 0; } .main-page .mvp-manager-list .item .store-name { font-size:var(--fs-12, 12px);line-height:var(--lh-16, 16px); } .main-page .mvp-manager-list .item .manager-name { margin-top:var(--spacing-2, 2px);font-size:var(--fs-15, 15px);line-height:var(--lh-20, 20px);letter-spacing:var(--ls-02, -0.2px); } .main-page .mvp-manager-list .item .flag { min-height:18px;margin-top:11px; } .main-page .mvp-manager-list .item .flag span { padding:calc(var(--spacing-2, 2px) - 1px) 0;font-size:var(--fs-12, 12px);line-height:var(--lh-16, 16px); } .main-page .mvp-manager-list .item .flag span + span { margin-left:calc(var(--spaing-6, 6px) - 1px); } .main-page .mvp-manager-list .item .flag span + span:before { margin-right:calc(var(--spaing-6, 6px) - 1px); } .main-page .mvp-manager-list .item .img { width:114px;margin:21px auto 0; } .main-page .mvp-manager-list .item:hover, .main-page .mvp-manager-list .item:focus { padding:21px 0;height:320px; } .main-page .mvp-manager-list .item:hover .img, .main-page .mvp-manager-list .item:focus .img { width:114px;margin:var(--spacing-16, 16px) auto -23px; } .main-page .mvp-manager-list .swiper-slide-active .item { padding:0;height:320px; } .main-page .mvp-manager-list .swiper-slide-active .item .manager-name { font-size:var(--fs-20, 20px);line-height:var(--lh-28, 28px);letter-spacing:var(--ls-04, -0.4px); } .main-page .mvp-manager-list .swiper-slide-active .item .img { width:143px;margin:13px auto 0; } /* .main-page .mvp-manager-list .swiper-button-next, .main-page .mvp-manager-list .swiper-button-prev { display:none; } */ .main-page .section .btn-group { /*display:block;*/display:none;padding:var(--spacing-32, 32px) 0 var(--spacing-40, 40px); } .main-page .section .btn-group .btn { width:100%; } .main-page .section .btn-group .btn:after { margin-left:var(--spacing-2, 2px); } /* 메인 이벤트 전체보기 */ .pop-event-list ul { display:block; } .pop-event-list ul > li { padding:var(--spacing-12, 12px) 0; } .pop-event-list ul > li a { gap:var(--spacing-16, 16px); } .pop-event-list ul > li .img-wrap { max-width:26.144%;max-height:80px;border-radius:var(--border-radius-12, 12px);aspect-ratio:1 / 1; } .pop-event-list ul > li .txt-wrap { font-size:var(--fs-14, 14px);font-weight:var(--fw--500, 500);line-height:var(--lh-20, 20px);letter-spacing:0; } .pop-event-list ul > li:nth-child(odd) { padding-right:0; } .pop-event-list ul > li:nth-child(even) { padding-left:0; } .pop-event-list ul > li:nth-child(2) { padding-top:var(--spacing-12, 12px);border-top:1px solid var(--color-set-line-gray50, #EDEDEB) } .pop-event-list ul > li:nth-last-child(2) { padding-bottom:var(--spacing-12, 12px); } /* 스와이퍼 좌우 버튼 히든 처리 */ .main-page .customer-review-swiper-wrap .swiper-button-prev, .main-page .customer-review-swiper-wrap .swiper-button-next, .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-button-prev, .main-page .bestshop-d5 .bestshop-d5-swiper .swiper-button-next, .main-page .bestshop-benefit-swiper .swiper-button-next, .main-page .bestshop-benefit-swiper .swiper-button-prev, .main-page .live-broadcast .live-broadcast-swiper .swiper-button-next, .main-page .live-broadcast .live-broadcast-swiper .swiper-button-prev, .main-page .mvp-manager-list .swiper-button-next, .main-page .mvp-manager-list .swiper-button-prev, .main-page .bestshop-product .bestshop-product-swiper .swiper-button-next, .main-page .bestshop-product .bestshop-product-swiper .swiper-button-prev { display:none; } } /* Mobile - small size */ @media screen and (max-width:349px) { /* My 베스트샵 */ .main-page .my-bestshop ul dl { flex-wrap:wrap; } .main-page .my-bestshop ul dl dt { flex-grow:unset;flex:1 1 100%; } .main-page .my-bestshop ul dl dd { justify-content:flex-start;flex:1 1 100%; } .main-page .my-bestshop ul dl dd a > span { justify-content:flex-start; } .main-page .my-bestshop .my-bestshop-wrap ul > li:nth-child(1) { flex:1 1 100%;padding-right:var(--spacing-12, 12px);border-top-right-radius:var(--border-radius-12, 12px);border-bottom-right-radius:var(--border-radius-12, 12px); } .main-page .my-bestshop .my-bestshop-wrap ul > li:nth-child(1):after { display:none; } .main-page .my-bestshop .my-bestshop-wrap ul > li:nth-child(2) { margin-top:var(--spacing-8, 8px);flex:1 1 100%;padding-left:var(--spacing-12, 12px);border-top-left-radius:var(--border-radius-12, 12px);border-bottom-left-radius:var(--border-radius-12, 12px); } .main-page .my-bestshop .my-bestshop-wrap ul > li:nth-child(1) .box dl, .main-page .my-bestshop .my-bestshop-wrap ul > li:nth-child(2) .box dl { flex-wrap:nowrap; } .main-page .my-bestshop .my-bestshop-wrap ul > li:nth-child(1) .box dl dd, .main-page .my-bestshop .my-bestshop-wrap ul > li:nth-child(2) .box dl dd { justify-content:flex-end; } }