@charset "UTF-8";

strong {font-weight:700;}

.contents img {width:100%;height:inherit;}

#container {overflow:auto;}
#container.overflow-init {overflow:initial}

/* 배너 컴포넌트 - 1:1 스크롤형 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.banner-scroll {margin-bottom:20px;}
.banner-scroll .banner-scroll__inner {overflow:auto hidden;display:flex;flex-wrap:nowrap;gap:12px;padding:0 20px;}
.banner-scroll__inner::-webkit-scrollbar {display:none;}
.banner-scroll .banner-scroll__inner a {display:block;width:300px;}
.banner-scroll .banner-scroll__image {display:block;width:300px;height:300px;}
.banner-scroll .banner-scroll__image img {object-fit:cover;}
.banner-scroll__title--main {margin-top:20px;color:var(--color-gray-900);font-size:20px;line-height:26px;} /* 2024-06-11 수정 */
.banner-scroll__title--sub {margin-top:6px;color:var(--color-gray-500);font-size:14px;line-height:18px;}

/* 배너 컴포넌트 - 세로 스크롤형 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.banner-scroll-height {margin-bottom:20px;}
.banner-scroll-height .swiper {padding:0 48px;}
.banner-scroll-height .swiper-slide .banner-scroll__title {opacity:0;}
.banner-scroll-height .swiper-slide-active .banner-scroll__title {opacity:1;margin:0 1.6665vw;}
.banner-scroll-height .swiper-slide a {display:block;}
.banner-scroll-height .banner-scroll__image {position:relative;display:block;margin:0 1.6665vw;}
.banner-scroll-height .banner-scroll__title--main {font-weight:600;}
/* 세로 스크롤형 - 재생/정지 추가 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.banner-scroll-height .button-box {z-index:1;position:absolute;right:0;bottom:0;display:flex;width:88px;height:28px;padding:6px;box-sizing:border-box;background:rgba(0, 0, 0, 0.30);font-size:12px;color:var(--color-static-white);opacity:0;}
.banner-scroll-height .swiper-slide-active .button-box {opacity:1;}
.banner-scroll-height .button-box button span {display:block;width:1px;height:0;text-indent:-9999px;}
.banner-scroll-height .button-box__btn-stop:after {display:block;content:'';width:16px;height:16px;padding:0;box-sizing:border-box;background:url(/resources_new/img/component/btn_pause.svg) center center no-repeat;background-size:16px;}
.banner-scroll-height .button-box__btn-stop.is-play:after {background-image:url(/resources_new/img/component/btn_player.svg);background-size:16px;}
.banner-scroll-height .button-box__btn-more:after {display:block;content:'';width:16px;height:16px;padding:0px;box-sizing:border-box;background:url(/resources_new/img/component/btn_all.svg) center center no-repeat;background-size:10px;}
.banner-scroll-height .button-box .paging {display:flex;align-items:center;justify-content:center;width:44px;height:16px;padding:0 2px;box-sizing:border-box;font-size:10px;font-weight:500;color:rgba(255, 255, 255, 0.8);}
.banner-scroll-height .button-box .paging .current {display:inline-block;min-width:8px;height:16px;line-height:16px;margin-right:2px;font-size:12px;font-weight:500;color:var(--color-static-white);text-align:center;}
.banner-scroll-height .button-box .paging .total {display:inline-block;min-width:8px;height:16px;line-height:16px;margin-left:2px;font-size:12px;font-weight:500;color:rgba(255, 255, 255, 0.8);text-align:center;}
/* 바텀시트 배너 이미지+텍스트형 추가 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.bottom-sheet__imgtext {padding:0 20px 20px;}
.bottom-sheet__imgtext .bottom-sheet__inner {display:block;width:100%;}
.bottom-sheet__imgtext .bottom-sheet__inner a {display:flex;width:100%;box-sizing:border-box;}
.bottom-sheet__imgtext .bottom-sheet__inner a + a {margin-top:8px;}
.bottom-sheet__imgtext .bottom-sheet__image {overflow:hidden;display:block;width:120px;height:120px;flex-shrink:0;}
.bottom-sheet__imgtext .bottom-sheet__image img {object-fit:cover;}
.bottom-sheet__imgtext .bottom-sheet__title {display:block;width:calc(100% - 120px);padding-left:16px;box-sizing:border-box;}
.bottom-sheet__imgtext .bottom-sheet__title--main {color:var(--color-gray-900);font-size:20px;line-height:26px;font-weight:600;}
.bottom-sheet__imgtext .bottom-sheet__title--sub {margin-top:6px;color:var(--color-gray-500);font-size:14px;line-height:20px;}

/* 배너 컴포넌트 - 키비주얼_세로형 - 2024-12-19 전시카테고리 수정 */
.banner-keyvisual-height {margin-bottom:60px;} /* 2025-01-14 수정 */
.banner-keyvisual-height .swiper {padding:0 48px;}
.banner-keyvisual-height .swiper-slide .banner-scroll__title {opacity:0;}
.banner-keyvisual-height .swiper-slide-active .banner-scroll__title {opacity:1;margin:0 1.6665vw;}
.banner-keyvisual-height .swiper-slide a {display:block;}
.banner-keyvisual-height .banner-scroll__image {position:relative;display:block;margin:0 1.6665vw;}
.banner-keyvisual-height .button-box {z-index:2;position:absolute;right:0;bottom:0;display:flex;min-width:44px;height:28px;box-sizing:border-box;background:rgba(0, 0, 0, 0.30);font-size:12px;color:var(--color-static-white);opacity:0;}
.banner-keyvisual-height .swiper-slide-active .button-box {opacity:1;}
.banner-keyvisual-height .button-box .paging {display:flex;align-items:center;justify-content:center;width:100%;height:16px;padding:6px 10px;box-sizing:border-box;font-size:10px;font-weight:500;color:rgba(255, 255, 255, 0.8);}
.banner-keyvisual-height .button-box .paging .current {flex-shrink:0;display:inline-block;min-width:8px;height:16px;line-height:16px;margin-right:2px;font-size:12px;font-weight:500;color:var(--color-static-white);text-align:center;}
.banner-keyvisual-height .button-box .paging .total {flex-shrink:0;display:inline-block;min-width:8px;height:16px;line-height:16px;margin-left:2px;font-size:12px;font-weight:500;color:rgba(255, 255, 255, 0.8);text-align:center;}
.banner-keyvisual-height .swiper-slide .banner-keyvisual__title {display:flex;justify-content:flex-end;flex-direction:column;position:absolute;left:0;bottom:0;color:var(--color-static-white);width:calc(100% - 40px);height:calc(100% - 32px);padding:0 20px 32px;opacity:0;box-sizing:initial;}
.banner-keyvisual-height .swiper-slide.swiper-slide-active .banner-keyvisual__title {opacity:1;transition:all 1s;-webkit-transition:all 1s;}
.banner-keyvisual-height .banner-keyvisual__title--sub:not(:empty) {margin-top:8px;font-size:14px;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:13;-webkit-box-orient:vertical;}
.banner-keyvisual-height .banner-keyvisual__title.dimed-bottom:before {z-index:1;content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}

/* 배너 컴포넌트 - 페이지 인디케이터형 */
.banner-indicator {position:relative;margin-bottom:10px;}
.banner-indicator .swiper-pagination-progressbar {top:auto;bottom:24px;left:0;height:1px;width:calc(100% - 40px);margin:0 20px;background:rgba(255,255,255,.5);}
.banner-indicator .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {top:-1px;height:2px;background:var(--color-static-white);}
.banner-indicator__image {display:block;}

/* 배너 컴포넌트 - 띠배너형 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.banner-only {padding:20px;}
.banner-only__image {display:block;width:100%;height:auto;}
.banner-only__image img {display:block;} /* 2024-07-16 여백삭제 */

/* 여백 컴포넌트 : 2025-03-11 추가  */
.blank-only {padding:20px 20px 0;}

/*배너 컴포넌트 - 매장 상단 전용 : 2024-08-23 이미지 비율(1:1) 수정 및 CSS 수정  */
.banner-shop {position:relative;}
.banner-shop__bg {display:block;width:100%;aspect-ratio:1/1;overflow:hidden;}
.banner-shop__bg img {object-fit:cover;height:100%;}
.banner-shop__inner {position:absolute;left:0;bottom:0;width:100%;height:100%;}
.banner-shop__inner:before {content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);}
.banner-shop__box {position:absolute;bottom:0;left:0;width:100%;}
.banner-shop__title {z-index:10;position:relative;margin:0 20px;padding-bottom:10px;border-bottom:.1px solid rgba(255, 255, 255, 0.2);color:var(--color-static-white);font-size:26px;font-weight:300;line-height:34px;}
.banner-shop__keyword {z-index:10;position:relative;margin-top:10px;padding:0 20px;height:19px;overflow:hidden;}
.banner-shop__keyword span {padding-right:8px;display:inline-block;color:var(--color-static-white);font-size:14px;line-height:18px;}
.banner-shop .banner-scroll {padding:20px 0;margin-bottom:0;}
.banner-shop .banner-scroll__inner {gap:8px;}
.banner-shop .banner-scroll a {display:block;width:auto;}
.banner-shop .banner-scroll__image {width:156px;height:156px;}
.banner-shop .banner-scroll__image img {object-fit:cover;}

/* 가로 100%형 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.banner-full {position:relative;width:100%;overflow:hidden;margin-bottom:20px;}
.banner-full__image {display:block;width:100%;}
.banner-full__image img {display:block;} /* 2024-07-16 여백삭제 */
.banner-full__title {display:flex;align-items:end;justify-content:center;z-index:10;position:absolute;left:0;bottom:0;width:calc(100% - 40px);height:calc(60% - 32px);padding:0 20px 32px;box-sizing:initial;}
.banner-full__title--main {z-index:10;position:relative;color:var(--color-static-white);font-size:22px;font-weight:600;line-height:28px;}
.banner-full__title.dimed-text:has(.banner-full__title--main:empty):before {display:none;}

/* 배너 컴포넌트 - 키비주얼형 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.banner-keyvisual {position:relative;margin-bottom:20px;}
.banner-keyvisual__image {display:block;width:100%;}
.banner-keyvisual .swiper-slide .banner-keyvisual__title {display:flex;justify-content:flex-end;flex-direction:column;position:absolute;left:0;bottom:0;color:var(--color-static-white);width:calc(100% - 40px);height:calc(60% - 32px);padding:0 20px 32px;opacity:0;box-sizing:initial;}
.banner-keyvisual .swiper-slide.swiper-slide-active .banner-keyvisual__title {opacity:1;transition:all 1s;-webkit-transition:all 1s;}
.banner-keyvisual__title * {z-index:10;position:relative;}
.banner-keyvisual__title--main {font-size:22px;font-weight:600;line-height:28px;}
.banner-keyvisual__title--sub:not(:empty) {margin-top:8px;font-size:14px;line-height:18px;} /* 2024-12-19 전시카테고리 수정 */
.banner-keyvisual__title.dimed-bottom:before {z-index:1;content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} /* 2024-07-16  추가 */
.banner-keyvisual__title.dimed-bottom:has(.banner-keyvisual__title--main:empty + .banner-keyvisual__title--sub:empty):before,
.banner-keyvisual__title.dimed-text:has(.banner-keyvisual__title--main:empty + .banner-keyvisual__title--sub:empty):before {display:none;}
.banner-keyvisual .swiper-pagination-fraction {display:flex;align-items:center;width:auto;height:28px;top:auto;bottom:0;left:auto;right:0;padding:0 10px;background:rgba(0, 0, 0, 0.3);color:rgba(255, 255, 255, 0.8);font-size:10px;font-weight:500;}
.banner-keyvisual .swiper-pagination-fraction * {font-size:12px;line-height:1;}
.banner-keyvisual .swiper-pagination-fraction .swiper-pagination-current {min-width:8px;padding-right:2px;color:var(--color-static-white);}
.banner-keyvisual .swiper-pagination-fraction .swiper-pagination-total {min-width:8px;padding-left:2px;}
.banner-keyvisual .swiper-slide-active.swiper-slide-next .dimed-text::before {display:none;}
.banner-keyvisual .banner-keyvisual__icon-ad {position: absolute;top: 0; right:0; height: 16px; padding: 0 4px; font-size: 11px; font-weight: 600; line-height: 16px; color: var(--color-static-white); background: rgba(0, 0, 0, 0.20); z-index: 99;}

/* 배너 컴포넌트 - 재생 정지형 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.banner-play-stop {position:relative;margin-bottom:20px;}
.banner-play-stop .swiper-pagination {top:auto;bottom:13px;left:0;height:1px;width:calc(100% - 90px);margin:0 20px;background:rgba(255,255,255,.5);}
.banner-play-stop .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {top:-1px;height:2px;background:var(--color-static-white);}
.banner-play-stop__image {display:block;}
.banner-play-stop .swiper-slide-active.swiper-slide-next .dimed-bottom::before {display:none;}
.button-box {z-index:1;position:absolute;right:0;bottom:0;display:flex;width:50px;height:28px;padding:6px;box-sizing:border-box;background:rgba(0, 0, 0, 0.3);}
.button-box button + button {margin-left:6px;}
.button-box button span {display:block;width:1px;height:1px;text-indent:-9999px;}
.button-box__btn-stop:after {display:block;content:'';width:16px;height:16px;padding:0;box-sizing:border-box;background:url(/resources_new/img/component/btn_pause.svg) center center no-repeat;background-size:16px;}
.button-box__btn-stop.is-play:after {background-image:url(/resources_new/img/component/btn_player.svg);background-size:16px;}
.button-box__btn-more:after {display:block;content:'';width:16px;height:16px;padding:0px;box-sizing:border-box;background:url(/resources_new/img/component/btn_all.svg) center center no-repeat;background-size:10px;}

/* 배너 컴포넌트 - 단품 상품  */
.banner-single_product{position:relative; width:100%; border-top:solid 10px var(--color-gray-200); }
.banner-single_product .swiper{width:100%;}
.banner-single_product .swiper-slide{width:100%; padding: 20px; box-sizing:border-box; background-color: #fafafb;}
.banner-single_product a{display:flex; align-items:center; justify-content:space-between; gap:12px;}
.banner-single_product__txt{flex:1; display:flex; flex-direction:column; min-width: 0; align-self:flex-start;}
.banner-single_product__txt > :is(.banner-single_product__name:first-child, .banner-single_product__name:nth-child(2)) {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: initial; line-height: 25px; margin-bottom: 4px;}
.banner-single_product__promotion{font-size:13px; line-height:20px; letter-spacing: -0.26px; font-weight: 600; background: var(--color-primary-gradation-2); background-clip:text; color:transparent;}
.banner-single_product__promotion ~ .banner-single_product__brand {margin-top: 4px;}
.banner-single_product__brand{font-size:13px; line-height:20px; letter-spacing: -0.26px; font-weight:600;color:var(--color-gray-900);}
.banner-single_product__name{font-size:20px; line-height:28px; letter-spacing: -0.4px; color:var(--color-gray-900);}
.banner-single_product__price{position: relative; display: inline-flex; align-items: center; font-size:18px; line-height:28px; color:var(--color-gray-900); font-weight: 500; letter-spacing: -0.36px;}
.banner-single_product__price b{font-size:20px; line-height:24px; letter-spacing:-0.4px;}
.banner-single_product__price::after {content: ""; display: inline-block; width: 18px; height: 18px; margin-left: 4px; background: url(/resources_new/img/component/icon_arrow_bg.svg) no-repeat 100%;}
.banner-single_product__image{flex:0 0 100px; width:100px; height:100px; border-radius:100%; overflow:hidden; background:url(/resources_new/img/common/noimg_logo.svg) no-repeat center / 80%;}
.banner-single_product__image img{display:block; width:100%; height:100%; object-fit:cover;}
.banner-single_product .swiper-pagination {display: flex; align-items: center; width: auto; height: 28px; bottom: 0; left: auto; right: 0; padding: 0 10px; font-size: 12px; color: var(--color-gray-400); font-weight: 500; letter-spacing: -0.24px;}
.banner-single_product .swiper-pagination-fraction .swiper-pagination-current {min-width:8px;padding-right:2px;color:var(--color-gray-600);}
.banner-single_product .swiper-pagination-fraction .swiper-pagination-total {min-width:8px;padding-left:2px;}
/* 네비게이션 : 2025-01-08 전시카테고리 개선 */
.navigation__contents-list .thumbnail-type {padding-bottom:0;}
.navigation__contents-list .thumbnail-type .goods-wrap {padding-bottom:40px;}
.navigation {position:relative;}
.navigation .navigation__menu {position:absolute;top:0;left:0;z-index:10;width:100%;height:60px;padding:10px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);} /* 2025-01-15 배경 블러처리 */
.navigation .navigation__menu .swiper-wrapper {height:40px;}
.navigation .navigation__menu .swiper-wrapper .swiper-slide {margin-right:8px;width:auto;height:40px;}
.navigation .navigation__menu .swiper-wrapper .swiper-slide:last-of-type {margin-right:0;}
.navigation .navigation__menu .swiper-wrapper .swiper-slide a {display:flex;align-items:center;flex-shrink:0;height:100%;padding:0 14px;box-sizing:border-box;border-radius:20px;border:1px solid var(--color-gray-200);background-color:var(--color-static-white);font-size:14px;font-weight:500;color:var(--color-gray-900);text-align:left;} /* 2025-01-15 배경 블러처리 */
.navigation .navigation__menu .swiper-wrapper .swiper-slide.active a {border-color:var(--color-gray-900);background-color:var(--color-gray-900);color:var(--color-static-white);font-weight:700;}
.navigation .navigation__menu .swiper-wrapper .swiper-slide a .navigation__menu--img {overflow:hidden;position:relative;display:inline-block;width:28px;height:28px;margin-left:-6px;margin-right:8px;border-radius:50%;border-color:var(--color-gray-900);vertical-align:middle;}
.navigation .navigation__menu .swiper-wrapper .swiper-slide a .navigation__menu--img img {display:block;width:100%;} /* 2024-05-29 컴포넌트 스타일수정 */
.navigation .navigation__menu .swiper-wrapper .swiper-slide a .navigation__menu--title {margin-left:0;display:inline-block;vertical-align:top;}
.navigation .navigation__contents {padding-top:60px;position:relative;z-index:9;}
/* header 상태에 따른 top분기 */
.navigation .navigation__menu.fixed {position:fixed;z-index:999;}
#mainHeader ~ #contents .navigation__menu.fixed {top:150px}
#mainHeader.state-nav-only ~ #contents .navigation__menu.fixed {top: 100px;}
.app #mainHeader ~ #contents .navigation__menu.fixed,
#mainHeader.app-banner-closed ~ #contents .navigation__menu.fixed {top:106px}
.app #mainHeader.state-nav-only ~ #contents .navigation__menu.fixed,
#mainHeader.app-banner-closed.state-nav-only ~ #contents .navigation__menu.fixed {top: 56px;}


/* 네비게이션 2열 : 2024-05-29 컴포넌트 스타일수정 */
/* 상품 2,3열 : 2025-07-03 컴포넌트 추가 */
.list-column-type2,
.columnList-type-col2 {display: flex;flex-wrap: wrap;gap: 20px 8px; padding: 0 20px;}
.list-column-type2 .goods-wrap,
.columnList-type-col2 .goods-wrap {width: calc(50% - 4px);padding-bottom: 20px;}
.list-column-type2 .goods__img,
.columnList-type-col2 .goods__img {display: flex;justify-content: center;align-items: center;width: 100%;overflow: hidden;position: relative;aspect-ratio: 1;}
.list-column-type2 .goods__img img,
.columnList-type-col2 .goods__img img {max-width: 100%;max-height: 100%;width: 100%;height: inherit;-o-object-fit: cover;object-fit: cover;}
.columnList-type-col3 {display: flex;flex-wrap: wrap;gap: 0 8px;padding: 0 20px;}
.columnList-type-col3 .goods-wrap {width: calc((100% - 16px) / 3);padding-bottom: 20px;}
.columnList-type-col3 .goods__img {display: flex;justify-content: center;align-items: center;width: 100%;overflow: hidden;position: relative;aspect-ratio: 1;}
.columnList-type-col3 .goods__img img {max-width: 100%;max-height: 100%;width: 100%;height: inherit;-o-object-fit: cover;object-fit: cover;}
.columnList-type-col3 .goods__img-badge {width: 40px;height: 40px;}
/* 그룹딜형 : 2024-05-29 컴포넌트 스타일수정 */
.groupDeal-type {padding:0 20px;}
.groupDeal-type .goods-wrap {padding-bottom:40px;}
.groupDeal-type .goods__img-wrap {display:flex;gap:1%;}
.groupDeal-type .goods__img--big {z-index:10;position:relative;width:80%;}
.groupDeal-type .goods__img--small {display:flex;flex-direction:column;width:19%;}
.groupDeal-type .goods__img--small li {flex:0 1 25%;margin-top:1%;}
.groupDeal-type .goods__img--small li:first-child {margin-top:0;}
.groupDeal-type .goods__img--more {display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:1px solid var(--color-gray-100);}
.groupDeal-type .goods__img--more:before {display:block;content:'';width:100%;height:100%;background:url(/resources_new/img/component/icon_more.svg) center center no-repeat;background-size:22px auto;}
/* 카드 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.card-benefit {overflow:auto hidden;display:flex;flex-wrap:nowrap;gap:8px;padding:0 20px 20px;}
.card-benefit::-webkit-scrollbar {display:none;}
/* 2024-02-05 홈 > 오늘카드혜택 영역 개선 */
.card-item__date {padding:0 0 10px;color:var(--color-gray-400);font-size:14px;line-height:1.3;}
.card-item__date--today {color:var(--color-gray-900);}
.card-item {flex-shrink:0;width:168px;}
.card-item__wrap {position:relative;display:block;height:107px;}
.card-item__image {z-index:1;position:absolute;top:0;left:0;display:block;width:100%;height:107px;}
/* 2024-02-05 홈 > 오늘카드혜택 영역 개선 */
.card-item__image::after {content:'';display:block;clear:both;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-disable-strong);}
.card-item__date--today + .card-item__wrap .card-item__image::after {display:none;}
.card-item__box {z-index:10;position:relative;padding:10px;}
.card-item__box * {color:var(--color-static-white);}
.card-item__percent {font-size:20px;font-weight:300;line-height:1.3;}
/* 2024-02-05 홈 > 오늘카드혜택 영역 개선 */
.card-item__name {margin-top:22px;font-size:13px;line-height:1.5;}
.card-item__benefit {font-size:15px;line-height:1.3;}

/* 쇼핑 라이브 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.banner-scroll.shopping-live {padding-bottom:20px;margin-bottom:0;}
.shopping-live .banner-scroll__inner a {flex-shrink:0;position:relative;width:240px;}
.shopping-live .banner-scroll__image {position:relative;width:100%;height:320px;}
.shopping-live__box {z-index:10;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:320px;color:var(--color-static-white);}
.shopping-live__box--badge {margin-bottom:12px;padding:3px 6px;border-radius:13px;background-color:var(--color-primary-normal);color:var(--color-static-white);font-size:11px;line-height:14px;font-weight:500;}
.shopping-live__box--date {font-size:16px;line-height:1.3;}
.shopping-live__box--time {font-size:16px;line-height:1.5;font-weight:700;}
.shopping-live .banner-scroll__title--main {margin-top:14px;font-size:15px;line-height:20px;letter-spacing:-0.03em;}

/* 최근검색어 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.recent-words {padding:0 0 40px;}
.recent-words__title {padding:30px 20px 20px;font-size:26px;font-weight:300;line-height:34px;color:var(--color-gray-900);word-break:keep-all;}
.recent-words .cp-title__link .recent-words__title {padding:0;}
.recent-words__name {font-size:26px;font-weight:300;line-height:1.3;color:var(--color-primary-normal);}
.recent-words__list {overflow:auto hidden;display:flex;flex-wrap:nowrap;gap:8px;padding:0 20px;}
.recent-words__list::-webkit-scrollbar {display:none;}
.recent-words__item {display:flex;justify-content:space-between;align-items:center;flex-shrink:0;height:36px;padding:0 16px 0 20px;border:1px solid var(--color-gray-300);border-radius:19px;}
.recent-words__text {flex-shrink:0;font-size:14px;line-height:1.3;color:var(--color-gray-900);}
.recent-words__del {flex-shrink:0;width:16px;height:16px;margin-left:6px;background:url(/resources_new/img/component/icon_close_16x16.svg) 0 0 no-repeat;background-size:16px auto;}

/* 공동구매 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.groupPurchase-type {padding-bottom:20px;}
.groupPurchase-type .list-row {gap:12px;}
.groupPurchase-type .list-row .goods-wrap {width:300px;justify-content:space-between;}
.groupPurchase-type .list-row .goods__img {width:300px;height:300px;}
.groupPurchase-type .goods__price {margin-top:4px;}
.tvShopping-type .live-wrap {position:relative;overflow:hidden;}
.progress-wrap {position:absolute;top:0;right:0;width:100%;}
.progress-bar {position:relative;}
.progress-bar__base {position:relative;width:100%;height:1px;margin-top:10px;background:var(--color-gray-200);}
.progress-bar__fill {display:block;position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-gray-900);}
.progress-bar__box {display:flex;justify-content:space-between;align-items:center;margin-top:10px;}
.progress-bar__date {font-size:12px;line-height:1;color:var(--color-primary-normal);}
.progress-bar__rate {font-size:15px;font-weight:600;line-height:1;color:var(--color-static-black);}
.progress-bar__amount {margin-top:5px;font-size:12px;line-height:1;color:var(--color-gray-500);}

/* tv쇼핑 */
/* 타임라인 */
.video_containers > div {position:relative;}
.tvShopping-type {position:relative;overflow:hidden;}
.cp-title:has(+ .timeLineSwiper) {padding-top:30px;}
.timeLineSwiper.swiper-container {overflow:visible !important;margin:6px 0 9px;padding-left:16px;box-sizing:border-box;}
.timeLineSwiper .swiper-slide {width:auto;}
.timeLineSwiper .swiper-slide:last-child {padding-right:16px;}
.timeLineSwiper .swiper-slide a {display:block;padding:0 4px;}
.time-line {position:relative;display:flex;justify-content:center;}
.time-line__badge {z-index:20;position:absolute;padding:3px 7px;font-size:11px;line-height:1;color:var(--color-static-white);border-radius:9px;background:#131313;white-space:nowrap;} /* 2024-05-14 메인 모바일라이브 노출  */
.time-line__badge--pink {display:flex;align-items:center;background:var(--color-primary-normal);}
.time-line__badge--pink:after {content:'';width:8px;height:8px;margin-left:3px;background:url(/resources_new/img/component/icon_live.gif) 0 0 no-repeat;background-size:8px auto;}
.time-line__badge--gray {display:flex;align-items:center;background:#adadad;}
.time-line__badge--gray:after {content:'';width:8px;height:8px;margin-left:3px;background:url(/resources_new/img/component/icon_live.gif) 0 0 no-repeat;background-size:8px auto;}
.time-line__time {z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--color-static-white);font-size:14px;font-weight:600;text-shadow:0 0 6px rgba(0, 0, 0, 0.6);line-height:1.3;letter-spacing:-0.03em;}
.time-line__image {z-index:0;position:relative;width:65px;height:65px;padding:3px;box-sizing:initial;}
.time-line__radius {overflow:hidden;position:relative;display:block;height:-webkit-fill-available;border-radius:50%;border:1px solid var(--color-static-white);box-sizing:initial;}
.time-line__radius:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-static-black);opacity:.15;}
.time-line__radius img {object-fit:cover;}
.time-line--active .time-line.time-line--active .time-line__image .time-line__radius:before {display:none;}
.time-line--active .time-line__radius:after {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top, rgba(255, 50, 155, 0.2), rgba(255, 50, 155, 0) 100%);background-color:transparent;opacity:1;}
.time-line--active .time-line__image:before {content:'';position:absolute;z-index:-1;inset:0;padding:2px;border-radius:50%;background:linear-gradient(to bottom, #ff329b, #ff3792, #ff467a, #ff5f52, #ff801b, #ff9100);-webkit-mask:linear-gradient(var(--color-static-white) 0 0) content-box,linear-gradient(var(--color-static-white) 0 0);mask:linear-gradient(var(--color-static-white) 0 0) content-box,linear-gradient(var(--color-static-white) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}
.time-line--unactive .time-line__image:before {content:'';position:absolute;z-index:-1;inset:0;padding:2px;border-radius:50%;-webkit-mask:linear-gradient(var(--color-static-white) 0 0) content-box,linear-gradient(var(--color-static-white) 0 0);mask:linear-gradient(var(--color-static-white) 0 0) content-box,linear-gradient(var(--color-static-white) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}
.time-line__dimed:before {content:'';display:block !important;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-static-black);opacity:.15;}
/* 2024-10-08 타임라인 > 편성표 더보기 버튼 - 2024-11-15 수정 */
.time-line__more {z-index:0;position:relative;width:65px;height:65px;padding:3px;box-sizing:initial;}
.time-line__more .time-line__btn {overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center;flex-shrink:0;height:-webkit-fill-available;border-radius:50%;border:1px solid var(--color-static-white);box-sizing:initial;background-color:var(--color-gray-50);}
.time-line__more .time-line__btn span {position:relative;display:block;font-size:12px;line-height:16px;letter-spacing:-0.02em;font-weight:500;color:var(--color-gray-700);text-align:center;}
.time-line__more .time-line__btn .more {display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:3px;}
.time-line__more .time-line__btn .more::after {content:'';clear:both;display:inline-block;width:6px;height:10px;background:url(/resources_new/img/component/icon_arrow_6x10_2.svg?v=20241115) 0 0/6px no-repeat;}
.time-line__more:before {content:'';position:absolute;z-index:-1;inset:0;padding:2px;border-radius:50%;background:linear-gradient(180deg,#ddd 0%,#eee 100%);-webkit-mask:linear-gradient(var(--color-static-white) 0 0) content-box,linear-gradient(var(--color-static-white) 0 0);mask:linear-gradient(var(--color-static-white) 0 0) content-box,linear-gradient(var(--color-static-white) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;} /* 2024-11-26 수정 */

/* 2024-07-29 홈 > TV방송 썸네일 UI 변경 */
.before_area .goods__img {position:relative;}
.before_area .video-button.video-button--live {display:block;left:auto;right:14px;bottom:69px;width:38px;height:53px;padding:0;border-radius:0;background-color:transparent;vertical-align:top;font-size:10px;line-height:14px;letter-spacing:-0.02em;font-weight:500;text-align:center;} /* 2024-08-02 라이브방송 재생 시, 라이브톡 버튼 개선 */
.before_area .video-button.video-button--live::before {content:'';clear:both;display:block;width:34px;height:35px;margin:0 auto 4px;background:url(/resources_new/img/component/btn_talk.svg) no-repeat 0 0/34px;}
.before_area .video-button.video-button--live::after {display:none;}

/* 방송 시간 프로그레스바 - 2024-07-26 홈 > TV방송 썸네일 UI 변경 */
.tvShopping-type .progress-bar {padding:0 20px;}
.tvShopping-type .progress-bar__base {height:2px;margin-top:0;background:var(--color-static-black);}
.tvShopping-type .progress-bar__fill {background:var(--color-primary-normal);}
.time-tip {z-index:110;position:absolute;top:4px;right:30px;display:inline-block;margin-top:6px;padding:8px 12px;color:var(--color-static-white);background:rgba(0,0,0, 0.25);border-radius:14px;font-size:12px;line-height:1;box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.time-tip:after {content:'';position:absolute;right:16px;top:-6px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid rgba(0,0,0,0.12);}

/* 라이브 영역 - 2024-07-29 홈 > TV방송 썸네일 UI 변경 */
.tvShopping-type .dimed-text:before {z-index:-1;}
.tvShopping-type .goods-wrap {padding:2px 20px 20px;}
.tvShopping-type .goods__img-wrap .goods__img {aspect-ratio:16/9;overflow:hidden;display:block;}
.tvShopping-type .goods__img-wrap .goods__img img {display:block;object-fit:cover;flex-shrink:0;}
.tvShopping-type .goods__img-wrap .goods__img:before {z-index:1;content:'';clear:both;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);}
.after_area {z-index:100;position:relative;height:0;padding-bottom:56.25%;}
.after_area::before {content:'';clear:both;z-index:1;display:block;position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(180deg,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.4) 100%);}
.after_area iframe {position:absolute;width:100%;height:100%;border:0;}
.after_button {position:absolute;bottom:16px;right:6px;z-index:1;display:flex;}
.after_button button {display:inline-block;width:34px;height:34px;margin-right:10px;}
.video-button.video-button--live {position:absolute;bottom:16px;left:16px;right:auto;display:flex;align-items:center;width:auto;height:34px;gap:0 4px;padding:7px 14px 7px 12px;box-sizing:border-box;border-radius:17px;background-color:rgba(0, 0, 0, 0.6);line-height:20px; vertical-align:top;color:var(--color-static-white);font-size: 12px;font-weight:500;} /* 2024-08-02 라이브방송 재생 시, 라이브톡 버튼 개선 */
.video-button.video-button--live::before {content:'';clear:both;display:inline-block;vertical-align:top;width:20px;height:20px;margin:0;background:url(/resources_new/img/component/icon_talk.png) no-repeat 0 0/20px;}
.video-button.video-button--live::after {content:'';clear:both;display:inline-block;vertical-align:top;width:6px;height:10px;margin:0;background:url(/resources_new/img/component/icon_arrow_talk.svg) no-repeat 0 0/6px;}
.video-play {z-index:100;position:absolute;top:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;}
.video-play.dimed-text::before {background:linear-gradient(180deg,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.4) 50%,rgba(0, 0, 0, 0.5) 100%)}
.video-play__text {position:absolute;bottom:16px;right:60px;margin-bottom:0;font-size:17px;line-height:34px;color:var(--color-static-white);text-align:center;font-weight:400;}
.video-play__text span {display:block;margin-bottom:0;font-size:16px;line-height:34px;font-weight:400;}
.video-play__button {position:absolute;bottom:16px;right:16px;padding:0;width:34px; height:34px;font-size:14px;color:var(--color-static-white);}
.video-play__badge {padding:0 8px;font-size:11px;line-height:20px;color:var(--color-static-white);background:var(--color-primary-middle);border-radius:10px;letter-spacing:-0.03em;color:var(--color-primary-normal);font-weight:500;}
.video-play__time {margin:0 0 0 8px;font-size:22px;font-weight:500;line-height:30px;color:var(--color-static-white);}
.video-button {z-index:100;position:absolute;left:16px;bottom:16px;display:flex;align-items:center;padding:0;font-size:16px;line-height:34px;color:var(--color-static-white);font-weight:400;}
.is-hooking {bottom:46px !important;}
.video-button:before {content:'';width:34px;height:34px;margin-right:10px;background-size:34px auto;background-repeat:no-repeat;background-position:0 0;}
.video-button--noti:before {background-image:url(/resources_new/img/component/btn_alarm.svg);}
.video-button--active:before {background-image:url(/resources_new/img/component/btn_alarm_on.svg);}
.video-chat {z-index:100;position:absolute;left:16px;bottom:65px;width:calc(100% - 74px);}
.video-chat__message {display:flex;align-items:center;margin-top:2px;}
.video-chat__number {font-size:13px;line-height:18px;color:var(--color-gray-300);}
.video-chat__text {max-width:100%;margin-left:5px;font-size:13px;line-height:18px;color:var(--color-static-white);letter-spacing:-0.02em;}
.video-hooking {z-index:100;position:absolute;left:0;bottom:0;width:calc(100% - 20px);padding:10px;background-color:var(--color-dimmer-50);font-size:12px;line-height:1;color:var(--color-static-white);}
.video-hooking:before {display:inline-block;content:'';position:relative;top:2px;width:14px;height:14px;margin-right:8px;background:url(/resources_new/img/component/icon_hooking.svg) 0 0 no-repeat;background-size:14px auto;}
/* 2024-05-14 방송중구매가능 개선 */
.video-price {position: relative;display: flex;justify-content: center;align-items: center;padding: 12px 0;font-size: 15px;line-height: 24px;color: var(--color-static-white);text-align: center;
  background: linear-gradient(
    to left,
    #ff9100 20%,
    #ff7d21 40%,
    #ff467a 60%,
    #ff329b 80%
  );
  background-size: 200% 100%;background-repeat: repeat-x;background-position: 0% 50%;animation: bgShine 2.8s ease-in-out infinite alternate;
}
@keyframes bgShine {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

/* 2024-08-27 주문예약 툴팁 */
.video-price__number {font-size:17px;line-height:24px;font-weight:700;}
.video-price.disabled {background:var(--color-disable-normal);}
.btn-group {display:flex;width:100%;}
.btn-group .video-price {width:100%;flex:1;}
.btn-group .video-price.other {background:var(--color-primary-normal);}
.btn-group .video-price.restock {background:var(--color-gray-700);} /* 2024-11-15 재입고 알림 기능 신설 */
.btn-group .video-price.line {flex: 0 0 auto; width: 100px; margin-right: 8px; background: var(--color-static-white); border: 1px solid var(--color-gray-300); color: var(--color-gray-900); font-weight: 600; font-size: 14px; }
/* 2024-09-11 멤버십할인권 - 할인가 모션(홈>라이브쇼핑) */
.video-price .video-price__number{position:relative;display:inline-block;letter-spacing: -0.32px;}
.video-price .video-price__number .numbox {position:relative;display:inline-block;vertical-align:middle;height:25px;line-height:24px;overflow:hidden;}
.video-price .video-price__number .point {position:relative;display:inline-block;vertical-align:top;width:4px;line-height:24px;left:-0.5px;text-align:left;}
.video-price .video-price__number .num {position:relative;display:inline-block;width:11px;height:24px;overflow:hidden;text-align:center;vertical-align:top;} /* 2024-09-24 멤버십할인권 수정 */
.video-price .video-price__number .numList {display:inline-block;width:100%;line-height:24px;margin-top:0;text-align:center; font-variant-numeric: tabular-nums;} /* 2024-09-24 멤버십할인권 수정 */

/* 2024-08-27 주문예약 툴팁 */
.video-price .tooltip {z-index:110;position:absolute;top:-18px;left:50%;transform:translateX(-50%);display:block;padding:6px 10px;background-color:var(--color-gray-900);color:var(--color-static-white);font-size:11px;line-height:14px;letter-spacing:-0.02em;font-weight:600;white-space:nowrap;} /* 2024-10-30 수정 */
.video-price .tooltip:before {content:'';position:absolute;top:100%;bottom:auto;left:50%;display:block;width:0;height:0;border-top:4px solid var(--color-gray-900);border-right:3px solid transparent;border-bottom:0 solid transparent;border-left:3px solid transparent;transform:translateX(-50%);}

.tvShopping-type .cp-title__text {flex-shrink:0;}
.tvShopping-type .goods__detail a {display:block;}
/* 2025-04-08 홈 > 방송상품 고객후기 평점 개선 */
.tvShopping-type .goods__price {display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-top:6px;margin-bottom:0;}
.tvShopping-type .goods__score {position:relative;margin-top:0;}
.tvShopping-type .goods__score:before {display:inline-block;vertical-align:top;content:'';width:14px;height:20px;margin:0 4px 0 0;background:url(/resources_new/img/component/icon_star_tv.png) 0 0/14px no-repeat;flex-shrink:0;}
.tvShopping-type .goods__score-point {font-size:14px;line-height:20px;color:var(--color-gray-900);font-weight:500;}
.tvShopping-type .goods__score-count {margin-left:2px;font-size:13px;line-height:20px;color:var(--color-gray-800);}
.tvShopping-type .goods__score-count em{text-decoration:underline;}
.tvShopping-type .goods__price-box {display:flex;align-items:flex-end;gap:4px;line-height:20px;}
.tvShopping-type .goods__price-discount {margin-right:0;line-height:20px;font-size:16px;} /* 2024-05-09 수정 */
.tvShopping-type .goods__price-discount span {line-height:20px;font-size:16px;}
.tvShopping-type .goods__benefit {margin-top:10px;}
.tvShopping-type .goods__price-sale {display:flex;align-items:center;line-height:20px;font-size:14px;}
.tvShopping-type .goods__price-sale span {line-height:20px;}
.tvShopping-type .goods__price-origin {display:flex;align-items:center;padding-bottom:4px;line-height:10px;}
.tvShopping-type :not(.goods__price-box:empty ) + .goods__price-origin, .tvShopping-type .goods__price-origin {font-size:12px;text-decoration:none;}
.tvShopping-type .goods__price-origin span {font-size:13px;text-decoration:line-through;}
.tvShopping-type .goods__name {margin-top:0;margin-bottom:0;}
.tvShopping-type .goods__name-brand {line-height:20px;}
.tvShopping-type .goods__name-item {color:var(--color-gray-900);line-height:20px;}
.tvShopping-type .goods__detail {margin:14px 0 0;}
.video-play-stop {width:62px;height:62px;} /* 2024-07-26 홈 > TV방송 썸네일 UI 변경 */

/* 2024-05-07 AI활용 홈 라이브영역 고도화 - 구매 고객 BEST 상품평 - 2024-07-19 수정 */
.comment-best {overflow:hidden;padding:0 20px 20px;}
.comment-best .comment-best__title {display:flex;align-items:center;justify-content:space-between;}
.comment-best .comment-best__title-text {color:var(--color-gray-900);font-size:15px;line-height:20px;font-weight:600;}
.comment-best .goods__score {position:relative;margin-top:0;}
.comment-best .goods__score:before {display:inline-block;vertical-align:top;content:'';width:12px;height:20px;margin:0 4px 0 0;background:url(/resources_new/img/component/icon_star_best_12x20.svg) 0 0/12px no-repeat;}
.comment-best .goods__score-point {font-size:14px;line-height:20px;color:var(--color-gray-900);font-weight:500;} /* 2024-05-09 수정 */
.comment-best .goods__score-count {margin-left:2px;font-size:13px;line-height:20px;color:var(--color-gray-800);}
.comment-best .goods__score-count em{text-decoration:underline;}
.comment-best .swiper-wrapper {width:100%;padding:10px 0 0;}
.comment-best .swiper-slide {width:calc(100% - 40px);margin:0;margin-right:8px;}
.comment-best .swiper-slide:last-child {margin-right:0;}
.comment-best .comment {padding:16px;border:1px solid var(--color-gray-100);border-radius:1px;background-color:var(--color-static-white);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.05);}
.comment-best .comment .link {display:block;}
.comment-best .comment .comment__detail {display:flex;margin:0;}
.comment-best .comment .comment__detail p {flex:1;display:-webkit-box;overflow:hidden;height:60px;color:var(--color-gray-900);font-size:14px;line-height:20px;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all;}
.comment-best .comment .comment__detail .comment__img {flex-shrink:0;overflow:hidden;position:relative;display:block;width:60px;height:60px;margin-left:12px;border-radius:8px;background-color:#f7f7f7;}
.comment-best .comment .comment__detail .comment__img img {width:100%;height:100%;object-fit:cover;}
.comment-best .comment .comment__detail .video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.comment-best .comment .comment__detail .video::after {content:'';position:absolute;right:4px;bottom:3px;width:22px;height:22px;background:url("/resources_new/img/product/ico_video_play.png") 0 0/22px no-repeat;}

/* 2024-07-19 홈 > 함께 방송하는 상품 Swiper */
.withGoods-type .withGoods__title {display:flex;align-items:center;justify-content:space-between;padding:0 20px 10px;}
.withGoods-type .withGoods__title-text {color:var(--color-gray-900);font-size:15px;line-height:20px;font-weight:600;}
.withGoods-type .list-row {padding:0 20px 20px;}
.withGoods-type .swiper-wrapper {width:100%;padding:10px 0 0;}
.withGoods-type .goods-wrap {width:calc(100% - 40px);margin:0;}
.withGoods-type .goods-wrap:only-child {width: 100%;}
.withGoods-type .goods__img-wrap .goods__soldout {top:auto;bottom:0;left:0;height:24px;background:rgba(0, 0, 0, 0.6);font-size:12px;letter-spacing:-0.02em;font-weight:400;} /* 2024-11-15 재입고 알림 기능 신설 */
.withGoods-type .goods-more {display:flex;flex-shrink:0;width:82px;height:82px;padding:0;border:0;box-shadow:none;}
.withGoods-type .goods-more__btn {display:flex;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;margin-top:0;background-color:var(--color-gray-50);color:var(--color-gray-800);font-size:11px;line-height:10px;letter-spacing:-0.02em;}
.withGoods-type .goods-more__btn::before {content:'';clear:both;display:block;width:20px;height:20px;margin-bottom:8px;border-radius:0;border:0;background:url(/resources_new/img/component/icon_goods_more.svg) 0 0/20px no-repeat;}
.withGoods-type .link {display:flex;gap:0 14px;padding:0 16px 0 0;border:1px solid var(--color-gray-100);background-color:var(--color-static-white);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.05);}
.withGoods-type .link .goods__img-wrap {width:80px;height:80px;flex-shrink:0;}
.withGoods-type .link .goods__img-wrap .goods__img {width:100%;height:100%;}
.withGoods-type .link .goods__img-wrap img {object-fit:cover;}
.withGoods-type .link .goods__detail {flex:1;margin-top:8px;}
.withGoods-type .link .goods__detail .goods__name {height:40px;}
.withGoods-type .link .goods__detail .goods__price {margin-top:2px;}

/* AI 영상 인덱스 - 2025-03-21 수정 */
.mov-index {position:relative;width:100%;margin:0;padding:0 0 20px;box-sizing:border-box;background-color:var(--color-static-white);} /* 2024-06-11 수정 */
.mov-index .swiper-wrap {overflow:hidden;position:relative;padding:0 20px;margin:0;width:100%;box-sizing:border-box;}
.mov-index .swiper-wrap:empty {padding:0;}
.mov-index .swiper{overflow:visible;margin:0;padding:0;}
.mov-index .swiper-wrapper {padding:0;}
.mov-index .swiper-slide {width:auto;max-width:288px;margin:0;margin-right:8px;}
.mov-index .swiper-slide:first-child {margin-right:12px;} /* 2025-04-01 수정 */
.mov-index .swiper-slide:last-child {margin-right:0;}
.mov-index .link {display:block;padding:6px 12px;border-radius:5px;background:var(--color-primary-middle);font-size:0;color:var(--color-gray-900);} /* 2025-04-01 수정 */
.mov-index .link .time {display:inline-block;vertical-align:top;padding-right:5px;font-size:14px;line-height:20px;font-weight:500;color:var(--color-gray-600);} /* 2025-04-01 수정 */
.mov-index .link .title {display:inline-block;max-width:135px;vertical-align:top;font-size:14px;line-height:20px;font-weight:500;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* 2025-04-01 수정 */
.mov-index .tooltip {position:absolute;bottom:calc(100% - 20px);top:-10px;left:20px;z-index:9;display:none;height:26px;line-height:26px;min-width:auto;padding:6px 10px;box-sizing:border-box;border-radius:0;border:0;background:linear-gradient(90deg,rgba(255, 50, 155, 1) 0%,rgba(255, 83, 101, 1) 50%,rgba(255, 145, 0, 1) 100%);box-shadow:0px 2px 4px 0px rgba(255, 50, 155, 0.2);} /* 2024-06-11 수정 */
.mov-index .tooltip:before {content:'';position:absolute;top:100%;bottom:auto;left:14px;display:block;width:0;height:0;border-top:4px solid var(--color-primary-normal);border-right:3px solid transparent;border-bottom:0 solid transparent;border-left:3px solid transparent;-webkit-transform:none;transform:none;}
.mov-index .tooltip span {display:inline-block;vertical-align:top;height:14px;line-height:14px;padding-left:18px;background:url(/resources_new/img/component/icon_ai.svg) 0 0/14px no-repeat;font-size:11px;font-weight:600;color:var(--color-static-white);}
.mov-index .mov-index__title {display:block;padding:6px 0;font-size:15px;line-height:20px;letter-spacing:-0.02em;font-weight:600;color:var(--color-gray-900);}
.mov-index .mov-index__title::before {content:'';clear:both;display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(/resources_new/img/component/icon_aistar.svg) 0 0/20px no-repeat;}
.mov-index .mov-index__title strong {display:inline-block;vertical-align:top;font-weight:600;}

/* 함께 방송 중인 상품 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.with-goods__title {padding:20px;font-size:20px;line-height:1.3;color:var(--color-gray-900);}
.goods-more-count .goods-more__btn:after {display:none;}
.goods-more-count .goods-more__btn.is-close:after {display:block;}
.goods-more__num {display:inline-block;margin-left:2px;font-size:14px;line-height:1.3;letter-spacing:-0.03em;color:var(--color-gray-500);}
.with-goods + .tvShopping-type .cp-title {padding-top:20px !important;}
.with-goods .columnList-type .goods-wrap {padding-bottom:0;margin-top:20px !important;}
.with-goods .columnList-type .goods-wrap:first-child {margin-top:0 !important;padding-top:0;} /* 2024-05-13 TV라이브+함께방송중인상품 수정*/

/* 쿠폰 */
.coupon-type {display:block;width:calc(100% - 40px);padding:20px;}
.coupon-type .coupon-type__image {display:block;width:100%;}
.coupon-type__text {width:calc(100% - 25.5555vw);height:calc(34.4444vw - 8.8888vw);padding:4.4444vw 18.6111vw 4.4444vw 6.9444vw;display:block;background:url(/resources_new/img/component/bg_coupon.svg) 0 0 no-repeat;background-size:cover;}
.coupon-type .ellipsis-2 {width:63.3333vw;font-size:5.5556vw;font-weight:300;line-height:1.3;color:var(--color-static-white);}
/* 브랜드 - 픽형 */
.filter__contents .multiList-type .goods__img {width:156px;height:156px;}

/* 편성표 */
/* #contents.schedule_tv .schedule_top_wrap  {height: 165px;} */
/* #wrap.fixed2 #contents.schedule_tv .schedule_top_wrap {height: 0;} */
/* .schedule_top_wrap.schedule_tv {position:relative; z-index: 999;} */
/* .schedule_top_wrap.brand-top {height:100px;} */
/* .schedule_top {position:fixed;top:60px;left:0;z-index:10;width:100%;background:var(--color-static-white);} */
/*! 날짜 */
.onair-text {visibility:hidden;position:absolute;bottom:-32px;left:0;right:0;}
.onair-text a {display:flex;justify-content:space-between;align-items:center; margin:0 12px;padding:6px 15px;border-radius:13px;box-shadow: 0px 0px 10px 0px rgba(255, 50, 155, 0.3);;background-image:linear-gradient(to right, #ff329b, #ff3792 12%, #ff467a 58%, #ff5f52 80%, #ff801b 95%, #ff9100);}
.onair-text.is-close {visibility:hidden !important;}
.onair-text__time {display:flex;align-items:center;font-size:11px;line-height:1.3;letter-spacing:-0.02em;color:var(--color-static-white);}
.onair-text__time:before {content:'';width:8px;height:8px;margin-right:5px;background:url(/resources_new/img/component/icon_live.gif) 0 0 no-repeat;background-size:8px 8px;}
.onair-text__time span {display: inline-block; margin-right: 2px; font-variant-numeric: tabular-nums;}
.onair-text__link {display:flex;align-items:center;font-size:11px;line-height:1.3;letter-spacing:-0.02em;color:var(--color-static-white);}
.onair-text__link:after {content:'';width:4.5px;height:8px;margin-left:4px;background:url(/resources_new/img/component/icon_arrow_onair.svg) 0 0 no-repeat; background-size: 100%;}
.schedule_date_wrap {position:relative;padding:4px 20px 12px;box-sizing:border-box;overflow: hidden;} /* 2025-05-22 모바일편성표 */
.schedule_date_wrap:after {display:block;content:'';} /* 2025-05-22 모바일편성표 */
.schedule_date_list ul {display:flex;flex-wrap:nowrap;}

.schedule_date_list ul li {width: 48px; text-align:center; }
.schedule_date_list ul li a {display:flex;flex-direction:column; padding: 8px; align-items:center;width:100%; box-sizing: border-box;} /* 2024-05-10 방송중구매가능 개선 */
.schedule_date_list ul li span {font-size:11px;font-weight:500;line-height:14px;letter-spacing:-0.02em;color:var(--color-gray-500);}
.schedule_date_list ul li.today span {color:var(--color-primary-normal);}
.schedule_date_list ul li em {display:flex;justify-content:center;align-items:center;color:var(--color-gray-900);font-size:16px;font-weight:700;line-height:20px;letter-spacing:-0.03em;}
.schedule_date_list ul li.today em {color:var(--color-primary-normal);}
.schedule_date_list ul li.current a {background:var(--color-primary-normal);border-radius:8px;}
.schedule_date_list ul li.current em,
.schedule_date_list ul li.current span {color:var(--color-static-white); font-weight: 600;}
/* 2025-05-22 모바일편성표 탭 */
.channel_tab {padding:0 20px 13px; border-bottom: 1px solid var(--color-gray-50);}
.channel_tab ul {display:flex;padding:2px;border-radius:6px;font-size:0;background-color:var(--color-gray-50);}
.channel_tab li {flex:1;display:inline-block;line-height:32px;}
.channel_tab li a {display:flex;gap:0 5px;align-items:center;justify-content:center;width:100%;height:100%;border-radius:6px;color:var(--color-gray-700);font-size:13px;letter-spacing:-0.02em;font-weight:600;}
.channel_tab li .active {color:var(--color-primary-normal);background-color:var(--color-static-white);box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.08);}

/*! 방송채널 안내 */
.schd_info {display:flex;justify-content:space-between;align-items:center;padding:10px 20px 10px 20px;} /* 2024-09-26 주문예약 */

/* 2024-09-26 주문예약 - 주문예약/미리주문 안내 버튼 추가 */
.btn_delivery_info {position:relative;}
.btn_delivery_info {display:flex;gap:0 4px;align-items:center;height:20px;padding:0 7px 0 6px;background-color:var(--color-gray-50);border-radius:12px;color:var(--color-gray-600);font-size:11px;font-weight:500;letter-spacing:-0.02em;} /* 2024-06-26 수정 */
.btn_delivery_info .ico_info{display:inline-block;vertical-align:top;width:12px;height:12px;font-size:0;background:url(/resources_new/img/component/icon_info_s.svg) 0 0/12px no-repeat;} /* 2024-06-26 수정 */

/* 2024-09-26 주문예약 - 주문예약/미리주문 안내 레이어 */
.layer_delivery .layer_con {top:0;right:0;left:0;display:flex;flex-direction:column;width:100%;height:100%;padding:0;border-radius:0;background:var(--color-static-white);-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;transform:none;}
.layer_delivery .layer_header {position:relative;display:flex;flex-shrink:0;height:60px;margin:0;padding:0 12px;gap:0 12px;box-sizing:border-box;align-items:center;}
.layer_delivery .layer_header .title {-webkit-box-flex: 1;-ms-flex:1;flex:1;margin:0;-webkit-box-ordinal-group:2;-ms-flex-order:2;order:2;line-height:24px;font-size:20px;font-weight:700;color:var(--color-gray-900);}
.layer_delivery .layer_header .btn_lt {padding:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
.layer_delivery .layer_header .btn{display:inline-block;width:30px;height:30px;background-repeat:no-repeat;text-indent:-9999px;}
.layer_delivery .layer_header .btn.btn_back {background-position:0 0;background-size:30px auto;background-image:url(/resources_new/img/common/btn_back.svg);}
.layer_delivery .layer_body {overflow-y:auto;}
.layer_delivery .layer_body .bn_wrap {position:relative;width:100%;}
.layer_delivery .layer_body .bn_wrap img {position:relative;display:block;width:100%;height:auto;}

/* 방송목록 - 모바일편성표 2025-05-28 수정 */
.tv-schedule--none {padding:80px 20px; margin-bottom:52px; font-size:13px;color:var(--color-gray-500);line-height:20px;letter-spacing:-0.03em;text-align:center;}

/* 타임스케줄 - 2025-04-29 재생 아이콘 노출 */
.lst_live {display:inline-block;background:var(--color-primary-normal);padding:3px 7px;font-size:11px;line-height:1;color:var(--color-static-white);border-radius:9px;}
.lst_live:after {display:inline-block;content:'';width:8px;height:8px;margin-left:3px;background:url(/resources_new/img/component/icon_live.gif) 0 0 no-repeat;background-size:8px auto;}

/* 리스트스케줄 : 2024-10-08 편성표 리스트 web/app 하단여백 수정 */
.schedule_list .list_wrap {position:relative; min-height:545px; height: 100%; z-index:3;padding:0 10px;margin-bottom:53px;}
.schedule_list .list_wrap .note {padding-bottom:10px;color:var(--color-gray-700);} /* 2025-05-27 모바일편성표 수정 */
.app .schedule_list .list_wrap {margin-bottom:0;}
.app .mobile-schedule {margin-bottom:0;} /* 2025-05-22 모바일편성표 */

.schedule_box .goods_time {position:relative;display:flex;justify-content:space-between;align-items:center;padding:8px 0;box-sizing:border-box;}
.schedule_box .goods_img > a {display:block;position:relative; height: 100%;}
.schedule_box .goods_img > a:first-child:after {z-index:1;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-dimmer-3);}
.schedule_box .goods_time span {display:flex;align-items:center;}
.schedule_box .goods_time span:before {content:'';margin-right:5px;}
.schedule_box .goods_time .on {font-size:11px;line-height:1.3;letter-spacing:-0.02em;color:var(--color-primary-normal);}
.schedule_box .goods_time .on:before {width:8px;height:8px;margin-right:5px;background:url(/resources_new/img/component/icon_live_pink.gif) 0 0 no-repeat;background-size:8px auto;}
.schedule_box .goods_time .off {font-size:14px;font-weight:600;line-height:1.3;letter-spacing:-0.02em;color:var(--color-static-black);}
.schedule_box .goods_time .off:before {width:16px;height:16px;background:url(/resources_new/img/component/icon_time.svg) 0 0 no-repeat;background-size:16px auto;}
.schedule_box .goods_img .btn_prd_play {z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:62px;height:62px;background:url(/resources_new/img/component/icon_video_play.png) center center/50px no-repeat;text-indent:-999em;} /* 2025-05-22 모바일편성표 */

.schedule_box .goods__detail {margin-top:10px;}
.schedule_box .goods_img {position:relative;}
.schedule_box .goods_img > a:first-child {display:block;width:100%;height:0;padding-bottom:100%;}
.schedule_box .goods_img > a:first-child img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.schedule_box .goods__price-box {line-height:normal;gap:4px;}
.schedule_box .goods__price-discount {margin-right:0;}
.schedule_box .goods__price-origin {font-size:12px;text-decoration:none;}
.schedule_box .btn_area {position:relative;display:flex;margin-top:16px;}
.schedule_box .btn_area button {position:relative;display:block;width:100%;height:40px;margin-left:8px;white-space:nowrap;font-weight: 500;} /* 2024-08-27 주문예약 툴팁 */
.schedule_box .btn_area button:first-child {margin-left:0;}
.schedule_box .btn_area .alarm {position:relative;width:40px;border:1px solid var(--color-gray-300);flex-shrink:0;}
.schedule_box .btn_area .alarm:active {opacity: 1;}
.schedule_box .btn_area .alarm span {display:inline-block;width:20px;height:20px;background:url(/resources_new/img/component/icon_live_alarm.svg) center center no-repeat;background-size:20px;text-indent:-999em;}
.schedule_box .alarm.show:after {z-index:1;content:'라이브방송을 놓치지 마세요!';display:block;position:absolute;bottom:-31px;left:-4px;padding:8px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;color:var(--color-static-white);line-height:1;letter-spacing:-0.02em;border-radius:14px;background-color:rgba(0, 0, 0, 0.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 0 0 rgba(0, 0, 0, 0.3); font-weight: 500;}
.schedule_box .alarm.show:before {z-index:2;content:'';display:block;position:absolute;bottom:-3px;left:16px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #b2b2b2;} /* 2024-05-14 방송 중 구매가능 */
.schedule_box .btn_area .alarm.on{border-color:var(--color-primary-normal);}
.schedule_box .btn_area .alarm.on span { background:url(/resources_new/img/component/icon_live_alarm_on.svg) center center no-repeat;}
.schedule_box .btn_area .able {background:var(--color-primary-normal);font-size:15px;line-height:1.3;letter-spacing:-0.03em;color:var(--color-static-white);font-weight:500;}
.schedule_box .btn_area .stock {background:var(--color-gray-700);font-size:15px;line-height:1.3;letter-spacing:-0.03em;color:var(--color-static-white);font-weight:500;} /* 2024-11-15 재입고 알림 기능 신설 */
.schedule_box .btn_area .disable {background:var(--color-disable-normal);font-size:15px;line-height:1.3;letter-spacing:-0.03em;color:var(--color-static-white);} /* 2025-05-22 모바일편성표 */
.schedule_box .btn_area .livetalk {position:relative;width:40px;border:1px solid var(--color-gray-300);flex-shrink:0;}
.schedule_box .btn_area .livetalk span {display:inline-block;width:20px;height:20px;background:url(/resources_new/img/component/icon_live_talk.svg) center center no-repeat;background-size:20px;text-indent:-999em;}
.schedule_box .btn_area .able + .disable {margin-left:0;}
.schedule_box .btn_area .disable + .able {margin-left:0;}
.schedule_box .btn_area .disable + .stock {margin-left:0;} /* 2024-11-15 재입고 알림 기능 신설 */
/* 2024-08-27 주문예약 툴팁 */
.schedule_box .btn_area .tooltip {position:absolute;top:calc(100% + 2px);right:-4px;width:auto;white-space:nowrap;background: rgba(0, 0, 0, 0.3);border-radius:14px;padding:8px 12px;color:var(--color-static-white);font-size:12px;line-height:100%;letter-spacing:-0.02em;font-weight:500;box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);backdrop-filter:blur(10px);}
.schedule_box .btn_area .tooltip:before {z-index:2;content:'';display:block;position:absolute;top:-6px;right:20px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #b2b2b2;}

/* 2025-05-27 모바일편성표 */
.mobile-schedule {padding-bottom:10px}
.mobile-schedule:last-child {padding-bottom: 0;}
.mobile-schedule .schedule_list .list_wrap {background-color:#fafafb;}
.mobile-schedule .schedule_list .list_wrap {padding:0;margin-bottom:0;}
.mobile-schedule .schedule_list .list_wrap ol {padding-bottom:30px;}
.mobile-schedule .schedule_list .list_wrap .lst {padding:0 20px 10px;}
.mobile-schedule .schedule_box {margin:0;padding-bottom:0;}
.mobile-schedule .schedule_box .goods_time {justify-content:flex-start;gap:0 10px;padding:30px 0 20px;box-sizing:content-box;}
.mobile-schedule .schedule_box .goods_time .off {color:var(--color-gray-900);font-size:22px;line-height:28px;letter-spacing:-0.02em;font-weight:600;}
.mobile-schedule .schedule_box .goods_time .off::before {display:none;}
.mobile-schedule .schedule_box .goods_time .on {color:var(--color-primary-normal);font-size:13px;line-height:18px;font-weight:400;}
.mobile-schedule .schedule_box .goods_time .on em {min-width:54px;}
.mobile-schedule .schedule_box .goods_time .on i {font-variant-numeric: tabular-nums;}
.mobile-schedule .schedule_box .goods_time .on:before {flex-shrink:0;width:18px;height:18px;background-size:18px auto;}
.mobile-schedule .schedule_box .goods_box {display:flex;flex-direction:row;height:100%;padding:16px;gap:0 12px;background-color:var(--color-static-white);box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);}
.mobile-schedule .schedule_box .goods_box .goods_img {width:33.335vw;height:fit-content;aspect-ratio:120/180;}
.mobile-schedule .schedule_box .goods_img > a:first-child {display:block;width:100%;height:100%;padding-bottom:0;}
.mobile-schedule .schedule_box .goods_box > .goods__detail {display:flex;flex-direction:column;width:calc(100% - 33.335vw - 12px);margin-top:0;}
.mobile-schedule .schedule_box .goods_box .goods__detail .title_area {min-height:calc(100% - 50px);}
.mobile-schedule .schedule_box .goods__name {cursor:pointer;}
.mobile-schedule .schedule_box .goods__name-item {color:var(--color-gray-900);font-size:16px;line-height:22px;letter-spacing:-0.02em;font-weight:600;}
.mobile-schedule .schedule_box .goods__brand:has(.goods__brand-item:not(:empty)) {display:flex;align-items:center;margin-top:6px;font-size:0;cursor:pointer;}
.mobile-schedule .schedule_box .goods__brand:has(.goods__brand-item:not(:empty)).link::after {content:'';clear:both;display:inline-block;vertical-align:top;width:6px;height:10px;margin-left:5px;background:url(/resources_new/img/component/icon_arrow_brand.svg) 0 0/6px no-repeat;}
.mobile-schedule .schedule_box .goods__brand-item:not(:empty) {display:inline-block;max-width:calc(100% - 11px);color:var(--color-gray-700);font-size:14px;line-height:20px;letter-spacing:-0.02em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mobile-schedule .schedule_box .btn_area {margin-top:10px;}
.mobile-schedule .schedule_box .btn_area button {margin-left:8px;}
.mobile-schedule .schedule_box .btn_area button:first-child {margin-left:0;}
.mobile-schedule .related_goods {display:flex;gap:0 8px;margin-top:10px;}
.mobile-schedule .related_goods .goods__img-wrap {width:50px;height:50px;}
.mobile-schedule .related_goods .goods__img {width:50px;height:50px;}
.mobile-schedule .related_goods .goods__img img {object-fit:cover;}
.mobile-schedule .related_goods .goods__detail {width:calc(100% - 50px);margin-top:0;}
.mobile-schedule .related_goods .goods__detail .goods__name {font-size:12px;line-height:14px;letter-spacing:-0.02em;font-weight:400;}
.mobile-schedule .related_goods .goods__detail .goods__name-item {color:var(--color-gray-700);font-size:12px;line-height:14px;letter-spacing:-0.02em;font-weight:400;}
.mobile-schedule .related_goods .goods__price {display:flex;flex-wrap:wrap;width:calc(100% + 16px);gap:0 3px;margin-top:2px;}
.mobile-schedule .related_goods .goods__price-discount {font-size:13px;line-height:20px;letter-spacing:-0.02em;font-weight:500;}
.mobile-schedule .related_goods .goods__price-discount span {font-size:13px;line-height:20px;letter-spacing:-0.02em;font-weight:500;}
.mobile-schedule .related_goods .goods__price-origin {font-size:12px;text-decoration:none;}
.mobile-schedule .related_goods .goods__price-origin span {text-decoration:line-through;}
.mobile-schedule .related_goods .goods__price-sale {font-size: 12px;line-height:20px;letter-spacing:-0.02em;font-weight:500;}
.mobile-schedule .related_goods .goods__price-sale span {font-size:13px;line-height:20px;letter-spacing:-0.02em;font-weight:500;}
.mobile-schedule .related_goods .goods__price-counsel {color:var(--color-gray-900);font-size:12px;line-height:20px;letter-spacing:-0.02em;font-weight:500;}

/* 연관상품 : 2024-05-10 방송중구매가능 개선 */
.onair-title {padding: 0 16px; font-size:15px;line-height:30px;letter-spacing: -0.3px;color:var(--color-gray-900);font-weight: 600;}
.onoff_wrap .deal-columnList-type {padding:0 16px 0;}
.onoff_wrap .list-column {padding:0 !important;} /* 2025-04-14 편성표 > 함께 방송하는 상품 패딩 수정 */
.onoff_wrap .list-column .goods__img-wrap {width:50px;height:50px;}
.onoff_wrap .list-column .goods__img {width:50px;height:50px;}
.onoff_wrap .list-column .goods__detail {width:calc(100% - 86px - 14px);} /* 2025-04-15 그룹상품 수정 */
.onoff_wrap .list-column .goods__price-origin {font-size:12px;text-decoration:none;}
.onoff_wrap .list-column .goods__price-origin span {text-decoration:line-through;}
.onoff_wrap .btn_view_more {display:flex;align-items:center;justify-content:center; padding: 11.5px 0; color:var(--color-gray-500); font-size: 13px; border:none;}
.onoff_wrap .btn_goods_area{position: relative; border-top: 1px solid var(--color-gray-50)}
.onoff_wrap .btn_view_more:after {content:'';width:10px;height:6px;margin-left:6px;background:url(/resources_new/img/component/more_arrow.svg) 0 0 no-repeat;}
.onoff_wrap.on .btn_view_more:after{transform:rotate(-180deg);}
.onoff_wrap .deal-columnList-type .goods-wrap {padding:6px 0; border: none;}
.onoff_wrap .deal-columnList-type .goods-wrap:first-child {padding-top:10px;} /* 2024-06-13 함께방송하는상품 수정 */
.onoff_wrap .deal-columnList-type .goods-wrap:last-child {padding-bottom: 16px;}
.onoff_wrap .deal-columnList-type .goods-wrap .goods {gap:12px;}
.onoff_wrap .deal-columnList-type .goods-wrap .goods__name,
.onoff_wrap .deal-columnList-type .goods-wrap .goods__price {margin-top: 2px;}
.btn_goods_area {display:flex;justify-content:center;}
.btn_goods_area button {width:100%;height:40px;padding:10px 0;font-size:13px;line-height:20px;color:var(--color-gray-900);letter-spacing:-0.02em;border:1px solid var(--color-gray-200);border-radius:0;}
.onoff_wrap.on .btn_goods_area strong,
.btn_goods_area strong {display:inline-block;margin-left:2px;font-weight:400;}

/* 방송채널 안내 레이어 */
.layer_tv_ch .layer_con {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:calc(100vh - 100px);padding:30px 20px 26px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.layer_tv_ch .layer_header {-webkit-box-flex:0;-ms-flex:none;flex:none;height:40px;margin:0;}
.layer_tv_ch .layer_body {-webkit-box-flex:1;-ms-flex:auto;flex:auto;overflow-y:auto;}
.layer_tv_ch .layer_btnwrap {-webkit-box-flex:0;-ms-flex:none;flex:none;height:40px;margin-top:16px;}
.layer .tv_ch_tbl th {height:33px;border:1px solid var(--color-gray-100);background:#fafafb;font-size:13px;color:#666;text-align:center;}
.layer .tv_ch_tbl td {height:45px;border:1px solid var(--color-gray-100);background:var(--color-static-white);font-size:15px;color:var(--color-gray-900);text-align:center;}
.layer .tv_ch_tbl td.num_txt em {font-size:16px;}
.layer .tv_ch_tbl td.num_txt_mod {font-weight:700;color:var(--color-primary-normal);}
.layer .tv_ch_tbl td.num_txt_mod span {font-weight:700;font-size:13px;color:var(--color-primary-normal);}
.layer .tv_ch_tbl td span.ch_logo {display:inline-block;overflow:hidden;width:123px;height:45px;background:url(/resources_new/img/img_ch_num.png) 0 0/300px no-repeat;text-indent:-9999px;vertical-align:top;}
.layer .tv_ch_tbl td span.ch_kt {background-position:0 0;}
.layer .tv_ch_tbl td span.ch_ks {background-position:0 -50px;}
.layer .tv_ch_tbl td span.ch_sk {background-position:0 -100px;}
.layer .tv_ch_tbl td span.ch_lg {background-position:0 -150px;}
.layer .tv_ch_tbl td span.ch_lh {background-position:0 -200px;}
.layer .tv_ch_tbl td span.ch_tb {background-position:0 -250px;}
.layer .tv_ch_tbl td span.ch_dl {background-position:-130px 0;}
.layer .tv_ch_tbl td span.ch_hd {background-position:-130px -50px;}
.layer .tv_ch_tbl td span.ch_abn {background-position:-130px -100px;}

/* 메인 header 적용 시 */
.main_schedule .contents {position: relative; padding-top:0!important;}
/* .main_schedule .schedule_top {position:static;} */

/* sub header 적용시 */
.main_schedule #mainHeader.sub ~ #contents .schedule_top.schedule_top {position:fixed !important;top:60px !important;}
.main_schedule #mainHeader.sub ~ #contents .schedule_top_wrap {height:209px;} /* 2025-05-22 모바일편성표 */
.main_schedule #mainHeader.sub ~ #contents .schedule_top_wrap.brand-top {height:160px;}

/* 설치배너 없을 때 - 앱다운로드 배너 높이변경 2023-09-26  */
/* .main_schedule.fixed .schedule_top {position:fixed;top:56px;} */

/* 설치배너 있을 때 */
/* .main_schedule.fixed2 .schedule_top {position:fixed;top:104px;z-index:999;} */

/* 설치배너 있을 때 - 앱다운로드 배너 높이변경 2023-09-26 */
/* .main_schedule.fixed2 .bnr_h64 ~ #contents .schedule_top {top:calc(64px + 56px);height:auto!important;} */
/* .main_schedule #mainHeader.state-both ~ #contents .schedule_top {position:fixed; top: 176px;z-index: 999;} 2025-05-22 모바일편성표 */
/* .main_schedule #mainHeader.state-nav-only ~ #contents .schedule_top {position:fixed; top: 120px;z-index: 999;} */
/* fixed된 영역만큼 여백추가해서 덜컹임 방지 */
/* .main_schedule.fixed2 .bnr_h64 ~ #contents .schedule-live-all,
.main_schedule.fixed2 .bnr_h64 ~ #contents .mobile-schedule-wrap {margin-top:116px} */
/* .main_schedule.fixed2 .bnr_h64 ~ #contents .tv-schedule {margin-top:165px;} */
/* app: fixed된 영역만큼 여백추가해서 덜컹임 방지 */
/* .app .main_schedule #mainHeader.fixed ~ #contents .schedule-live-all,
.app .main_schedule #mainHeader.fixed ~ #contents .mobile-schedule-wrap {margin-top:116px}
.app .main_schedule #mainHeader.fixed ~ #contents .tv-schedule {margin-top:165px;} */



/*! APP */
/* .app .main_schedule #mainHeader.fixed ~ #contents .schedule_top {position:fixed;top:56px;z-index:999;} */
/* .app .main_schedule #mainHeader.sub ~ #contents .schedule_top {position:fixed;top:60px;} */
/* .app .sub + #contents .schedule_top_wrap {height:200px;} */

.shopping-alarm {display:table;position:fixed;bottom:10%;left:50%;z-index:200;width:240px;height:70px;line-height:70px;margin-left:-120px;border-radius:70px;background:rgba(0,0,0,.7);color:var(--color-static-white);text-align:center;}
.shopping-alarm .text {display:table-cell;line-height:22px;font-size:16px;vertical-align:middle;}


/* 브랜드 모드인 경우 */
/* .main_schedule.fixed2 .header__nav {z-index:999;position:fixed;top:64px;} */

/* 브랜드 */
.schedule_top_wrap.brand-top .schedule_date_wrap {padding:10px 0;height:auto;}
.schedule_top_wrap.brand-top .schedule_date_wrap .brand-menu {position:relative;display:flex;overflow:auto hidden;padding:0 10px;}
.schedule_top_wrap.brand-top .schedule_date_wrap .brand-menu::-webkit-scrollbar {display:none;}
.schedule_date_wrap .brand-list {display:flex;flex-wrap:wrap;flex-shrink:0;}
.schedule_date_wrap .brand-list .brand-list__name {height:30px;margin-left:6px;padding:5px 10px;font-size:13px;line-height:1.5;letter-spacing:-0.02em;border:1px solid #e4e4e4;border-radius:20px;color:var(--color-gray-700);}
.schedule_date_wrap .brand-list .brand-list__name.is-active {color:var(--color-gray-900);border:1px solid var(--color-gray-900);}
.schedule_date_wrap .brand-menu .brand-menu__button {display:inline-flex;align-items:center;flex-shrink:0;max-width:124px;height:30px;padding:5px  10px;background:var(--color-static-black);border-radius:15px;color:var(--color-static-white);line-height:1.5;letter-spacing:-0.02em;font-size:13px;}
.schedule_date_wrap .brand-menu .brand-menu__button:after {content:'';width:16px;height:16px;margin-left:3px;background:url(/resources_new/img/component/icon_arrow_16x16.svg) 0 0 no-repeat;background-size:16px 16px;}
.brand-switch {display:flex;align-items:center;gap:8px;}
.brand-switch .switch-input {display:none;}
.brand-switch__bg {display:block;width:31px;height:19px;position:relative;border-radius:95px;background-color:#e4e4e4;cursor:pointer;}
.brand-switch__bg .brand-switch__button {width:16px;height:16px;position:absolute;top:50%;left:1px;transform:translateY(-50%);border-radius:50%;background:var(--color-static-white);}
.switch-input:checked ~ .brand-switch__bg {background:var(--color-primary-normal);}
.switch-input:checked ~ .brand-switch__bg .brand-switch__button {left:calc(100% - 17px);background:var(--color-static-white);}
.brand-switch__bg, .brand-switch__button {transition:all 0.2s ease-in;}
.brand-switch__text {color:var(--color-static-black);font-size:14px;line-height:1.3;letter-spacing:-0.02em;}
.btn_schd_info {display:flex;align-items:center;font-size:14px;line-height:1.3;color:#666;letter-spacing:-0.02em;}
.btn_schd_info:after {content:'';width:15px;height:15px;margin-left:5px;background:url(/resources_new/img/component/icon_notice.svg) 0 0 no-repeat;background-size:15px auto;}
.schedule-text {font-size:20px;font-weight:300;line-height:1.3;letter-spacing:-0.04em;}

.day-box {display:flex;flex-direction:column;justify-content:space-between;height:calc(106px - 16px);padding:8px;background:var(--color-gray-900);}
.day-box * {color:var(--color-static-white);}
.day-box__date {display:flex;font-size:30px;font-weight:300;line-height:1.3;letter-spacing:-0.06em;}
.day-box__day {text-align:right;}
.day-box__num {display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:1.9rem;background:rgba(102,102,102,.8);opacity:.8;font-size:13px;font-weight:500;text-align:center;}

/* 오늘특가 - 쇼핑 라이브 : 2024-05-29 컴포넌트 스타일수정 */
.shoppingLive-type {padding-bottom:20px;}
.shoppingLive-type .goods__detail {margin-top:10px;}

/* 상품 리스트 랭킹 : 2024-05-29 컴포넌트 스타일수정 */
.goods-wrap .rank {position:relative;margin-bottom:8px;display:inline-block;font-size:15px;color:var(--color-gray-900);font-weight:500;letter-spacing:-0.03em;line-height:20px;}
.goods-wrap .rank:after {content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--color-gray-900);}

/* 타임 특가형 : 2024-05-29 컴포넌트 스타일수정 */
.time-deal {margin-top:-20px;padding:0 20px 40px;}
.timeDeal-type .cp-title__sub {margin-bottom:20px;}
.timeDeal-type .cp-title {padding-top:30px;}
.time-deal .time-deal__time {padding-left:26px;background:url(/resources_new/img/component/icon_time-deal.svg) 0 0 no-repeat;background-size:20px auto;font-size:18px;color:var(--color-gray-900);}
.time-deal .time-deal__time span {overflow:hidden;margin-right:-5px;display:inline-block;width:76px;font-size:18px;color:var(--color-primary-normal);vertical-align:bottom;}
.time-deal .time-deal__progress-bar {margin-top:18px;display:block;width:100%;height:1px;background-color:var(--color-gray-200);}
.time-deal .time-deal__progress-bar .time-deal__fill {position:relative;display:block;height:1px;}
.time-deal .time-deal__progress-bar .time-deal__fill:before {content:'';position:absolute;right:0;bottom:0;display:inline-block;width:100%;height:2px;background-color:var(--color-gray-900);}
.time-deal .time-deal__progress-bar .time-deal__fill span {position:absolute;right:-16px;bottom:12px;display:inline-block;width:78px;height:28px;background-color:var(--color-gray-900);font-size:12px;color:var(--color-static-white);text-align:center;line-height:26px;}
.time-deal .time-deal__progress-bar .time-deal__fill span:before {content:'';position:absolute;right:12px;bottom:-6px;display:inline-block;width:0;height:0;border-bottom:0;border-top:6px solid var(--color-static-black);border-left:4px solid transparent;border-right:4px solid transparent;}
.thumbnail-type .btn-cart {margin-top: 20px;margin-bottom: 0;}

/* 필터 컴포넌트 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.filter {position:relative;padding-top:144px;} /* 2025-05-08 그룹상품 수정 */
.filter .filter__menu {position:absolute;top:0;left:0;width:100%;overflow:hidden;} /* 2025-05-08 그룹상품 수정 */
.filter .filter__menu.fixed {position:fixed;z-index:99;padding-top:100px;}
.filter .filter__menu.fixed .filter__menu--main-brand {padding-top: 10px;}
.filter .filter__menu .filter__menu--main {position:relative;}
.filter .filter__menu .filter__menu--sub {height:50px;}
.filter .filter__menu .filter__menu--main,
.filter .filter__menu .filter__menu--sub {padding:0 20px;background-color:var(--color-static-white);border-bottom:1px solid var(--color-gray-100);-webkit-box-sizing:border-box;box-sizing:border-box;}
.filter .filter__menu .swiper-wrapper .swiper-slide {margin-left:16px;width:auto;-webkit-box-sizing:border-box;box-sizing:border-box;}
.filter .filter__menu .swiper-wrapper .swiper-slide:first-child {margin-left:0;}
.filter .filter__menu .swiper-wrapper .swiper-slide a {display:block;height:48px;line-height:48px;font-size:15px;color:var(--color-gray-600);letter-spacing:-0.03em;}
.filter .filter__menu .swiper-wrapper .swiper-slide.active a {color:var(--color-gray-900);font-weight:500;}
/* 브랜드 랭킹/픽 카테고리 디자인 분기 : 2025-10-23 */
.filter .filter__menu .filter__menu--main-brand {padding: 20px 20px 10px; box-sizing: border-box; border: none;}
.filter .filter__menu .filter__menu--main-brand .swiper-wrapper .swiper-slide {margin:0 8px 0 0;}
.filter .filter__menu .filter__menu--main-brand .swiper-wrapper .swiper-slide a {height:36px;line-height:34px;padding: 0 14px; font-weight: 500; border: 1px solid var(--color-gray-200); border-radius: 20px; font-size:14px;color:var(--color-gray-900); box-sizing: border-box;}
.filter .filter__menu .filter__menu--main-brand .swiper-wrapper .swiper-slide.active a {border-color: var(--color-gray-900); background-color: var(--color-gray-900); color:var(--color-static-white);}

/* 상품필터 개인화 디자인분기 2026-04-02 */
.filter .filter__menu .filter__menu--main-personal {padding: 10px 16px; box-sizing: border-box; border: none;background-color: rgba(255, 255, 255, .6); backdrop-filter: blur(35px);}
.filter .filter__menu .filter__menu--main-personal .swiper-wrapper .swiper-slide {margin:0 8px 0 0;}
.filter .filter__menu .filter__menu--main-personal .swiper-wrapper .swiper-slide:last-child {margin: 0;}
.filter .filter__menu .filter__menu--main-personal .swiper-wrapper .swiper-slide a {height:36px;line-height:34px;padding: 0 14px; font-weight: 500; border: 1px solid var(--color-gray-200); border-radius: 20px; font-size:14px;color:var(--color-gray-900); background-color: var(--color-static-white); box-sizing: border-box;}
.filter .filter__menu .filter__menu--main-personal .swiper-wrapper .swiper-slide.active a {border-color: var(--color-gray-900); background-color: var(--color-gray-900); color:var(--color-static-white);}



.filter__menu--open {position:absolute;top:0;right:0;z-index:2;width:70px;height:48px;background-image:linear-gradient(to left, rgba(255, 255, 255) 32%, rgba(255, 255, 255, 0) 100%);text-align:right;}
.filter__menu--open .btn-bottom-sheet {margin-right:10px;display:inline-block;width:48px;height:100%;background:url(/resources_new/img/component/ico_menu_open.svg) 50% 50% no-repeat;background-size:28px auto;vertical-align:top;}
.filter__menu--open .btn-bottom-sheet span {overflow:hidden;font-size:0;}
.filter .filter__menu .filter__menu--main .filter__menu--open .bottom-sheet__wrapper {width:100%;}
.filter .filter__menu .filter__menu--main .filter__menu--open .bottom-sheet__wrapper .bottom-sheet__banner {text-align:left;}
.filter .filter__menu .filter__menu--main .swiper-slide.mr,
.navigation .navigation__menu .swiper-slide:last-of-type.mr {margin-right:50px !important;}
.filter .filter__menu .icon-type {position:relative;padding:14px 20px;}
.filter .filter__menu .icon-type .swiper-slide {margin-left:14px;width:52px;border-radius:50%;text-align:center;}
.filter .filter__menu .icon-type .swiper-slide a {height:70px;line-height:inherit;}
.filter .filter__menu .icon-type .swiper-slide .filter__menu--img {overflow:hidden;position:relative;width:52px;height:52px;border-radius:50%;}
.filter .filter__menu .icon-type .swiper-slide.active .filter__menu--img:before {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:1px solid var(--color-gray-900);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.filter .filter__menu .icon-type .swiper-slide .filter__menu--title {overflow:hidden;margin-top:6px;display:block;height:14px;font-size:12px;color:var(--color-gray-600);letter-spacing:-0.02em;}
.filter .filter__menu .icon-type .swiper-slide.active .filter__menu--title {color:var(--color-gray-900);font-weight:600;}
.filter .filter__menu .icon-type .filter__menu--open {width:90px;height:94px;background-image:linear-gradient(to left, rgba(255, 255, 255) 47%, rgba(255, 255, 255, 0) 100%);}
.filter .filter__contents {margin-top:20px;}
.filter .filter__contents.filter__contents-brand,
.filter .filter__contents.filter__contents-personal {margin-top:10px;}
.filter .filter__contents .list-column-type2 {margin-bottom:0;}
.filter .filter__contents .goods-more {display:flex;width:100%;justify-content:center;padding-bottom:30px;}
.filter .filter__contents .goods-more button.goods-more__btn {padding:0 20px;display:flex;align-items:center;height:40px;border-radius:20px;border:1px solid var(--color-gray-200);font-size:14px;color:var(--color-gray-900);letter-spacing:-0.03em;line-height:38px;}
.filter .filter__contents .goods-more a.goods-more__btn {padding:0 20px; display:flex;align-items:center;width: 100%; justify-content: center; height:38px;border-radius:20px;font-size:13px;color:var(--color-gray-800);letter-spacing:-0.03em;line-height:38px;background-color: var(--color-gray-50); font-weight: 500;}
.filter .filter__contents .goods-more a.goods-more__btn::after {content: "";display: flex;align-items: center;width: 14px;height: 14px; margin-left:2px; background: url(/resources_new/img/component/icon_cp_more_arrow.svg) 100% 0 no-repeat;background-size: 14px 14px;transform: rotate(-90deg);}
.filter .filter__contents .goods-more .goods-more__btn .filter__pagination {padding-left:6px;}
.filter .filter__contents .goods-more .goods-more__btn .filter__pagination span {font-size:14px;color:var(--color-gray-900);}
.filter .filter__contents .goods-more .goods-more__btn .filter__pagination .filter__pagination--total {color:var(--color-gray-500);}
.filter .filter__contents .goods-more .goods-more__btn .filter__pagination .filter__pagination--total:before {content:' / ';}
.filter .filter__contents .brand__list .list-row .goods-more__btn {padding:0;display:block;height:auto;border-radius:unset;border:0;font-size:12px;color:var(--color-gray-800);letter-spacing:normal;line-height:1;}
.bottom-sheet__banner .filter__menu--all {margin-bottom:40px;}
.bottom-sheet__banner .filter__menu--all li:not(:last-child) {border-bottom:1px solid var(--color-gray-100);}
.bottom-sheet__banner .filter__menu--all .ui__radio input[type="radio"] {display:none;}
.bottom-sheet__banner .filter__menu--all .ui__radio {position:relative;padding-left:30px;display:block;height:52px;color:var(--color-gray-800);line-height:52px;box-sizing:border-box;}
.bottom-sheet__banner .filter__menu--all .ui__radio .ui__radio--text {overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;}
.bottom-sheet__banner .filter__menu--all .ui__radio .ui__radio--text:before,
.bottom-sheet__banner .filter__menu--all .ui__radio .ui__radio--text:after {content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);display:inline-block;width:20px;height:20px;border-radius:50%;box-sizing:border-box;}
.bottom-sheet__banner .filter__menu--all .ui__radio .ui__radio--text:before {border:1px solid #d0d0d0;}
.bottom-sheet__banner .filter__menu--all .ui__radio .ui__radio--text:after {left:4px;width:12px;height:12px;}
.bottom-sheet__banner .filter__menu--all .ui__radio input[type=radio]:checked+.ui__radio--text {color:var(--color-static-black);}
.bottom-sheet__banner .filter__menu--all .ui__radio input[type=radio]:checked+.ui__radio--text:before {border-color:var(--color-primary-normal);}
.bottom-sheet__banner .filter__menu--all .ui__radio input[type=radio]:checked+.ui__radio--text:after {background-color:var(--color-primary-normal);}
.onlyMain .filter .filter__menu .filter__menu--main .swiper-slide:last-child {margin-right:20px;}

/* 브랜드 컴포넌트 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.brandRanking-type .filter .filter__menu .filter__menu--main .swiper-slide:last-child,
.brandPick-type .filter .filter__menu .filter__menu--main .swiper-slide:last-child {margin-right:0;}
.brandRanking-type .goods__price-discount span,
.brandPick-type .goods__price-discount span {font-size:16px;}
.brand__list {counter-reset:brand-rangking;margin-top:-20px;}
.brand__list li {position:relative;counter-increment:brand-rangking;}
.brand__list li+li:before {content:'';position:absolute;top:0;left:20px;display:inline-block;width:calc(100% - 40px);height:1px;background-color:var(--color-gray-100);}
.brand__list .singleList-type,
.brand__list .swipeList-type {padding-bottom:40px;}
.brand__list .singleList-type .goods-wrap .goods {padding-bottom:0;} /* 2024-05-29 컴포넌트 스타일수정 */
.brand__list .singleList-type .goods-more {margin-bottom:0;}
.brand__list .brand__list--title {position:relative;padding:32px 20px 20px;}
.brand__list .brand__list--title .brand__title {display:inline-flex;align-items:center;}
.brand__list .brand__list--title .brand__title .brand__title--logo {display:inline-block;width:32px;height:32px;border-radius:50%;overflow:hidden;}
.brand__list .brand__list--title .brand__title .brand__title--name {overflow:hidden;margin-left:10px;width:calc(100vw - 180px);font-size:15px;white-space:nowrap;text-overflow:ellipsis;color:var(--color-gray-900);}
.brand__list .brand__list--title .cp-title__button {position:absolute;right:20px;bottom:20px;padding:6px 0;}
.brand__list .goods__detail {margin-top:10px;}
.brand__more {display:flex;width:100%; padding: 0 20px 30px; justify-content:center; box-sizing: border-box;}
.brand__more .brand__more--btn {padding:0 20px;display:flex;align-items:center;height:40px;border-radius:20px;border:1px solid var(--color-gray-200);font-size:14px;color:var(--color-gray-900);letter-spacing:-0.03em;line-height:38px;}
.brand__more .brand__more--btn::after {content: "";display: flex;align-items: center;width: 16px;height: 16px;margin-left: 6px;background: url(/resources_new/img/component/icon_arrow_16x16.svg) 100% 0 no-repeat;background-size: 16px 16px;}
.brandPick-type .banner-only:first-child {padding:0 20px 20px;}
.brandPick-type .multiList-type .list-row {padding-left:20px;padding-bottom:20px;} /* 2024-06-10 수정 */
.brandPick-type .multiList-type .list-row + .list-row {margin-top:0;}
.brandPick-type .multiList-type .list-row .goods-wrap {width:156px;}
.brandPick-type .multiList-type .list-row .goods-wrap:last-child {padding-right:20px;}
.brandPick-type .multiList-type .list-row .goods__detail {margin-top:10px;}
.brandPick-type .multiList-type .list-row .goods__detail .goods__name {margin-top:0;}

/* 카테고리 컴포넌트 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.category-type {padding:20px;}
.category-type .category__menu {width:calc(100vw - 40px);background-color:var(--color-static-white);display:flex;flex-wrap:wrap;gap:20px 16px;}
.category-type .category__menu li {float:left;display:block;width:calc(25vw - 22px);line-height:0;flex:1;}
.category-type .category__menu li a {display:block;text-align:center;}
.category-type .category__menu li a .category__menu--img {display:inline-block;width:calc(25vw - 22px);height:calc(25vw - 22px);border-radius:50%;overflow:hidden;}
.category-type .category__menu li a .category__menu--title {margin-top:4px;display:-webkit-box;font-size:13px;color:var(--color-gray-800);letter-spacing:-0.02em;line-height:20px;word-break:keep-all;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/* 컴포넌트 아이콘 스와이프 1행 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.category__menu.swiper-wrapper {flex-wrap:nowrap;gap:0;}
.category-type .category__menu.swiper-wrapper li {width:96px;}
.category-type .category__menu.swiper-wrapper li+li {margin-left:12px;}
.category-type .category__menu.swiper-wrapper li a .category__menu--img {width:96px;height:96px;}
.category-type .category__menu.swiper-wrapper li a .category__menu--title {display:block;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* 2024-03-12 카테고리 컴포넌트 2열 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.category-multi-type {padding:0 20px 20px;}
.category-multi-type .category__menu {position:relative;display:flex;width:100%;box-sizing:content-box;background-color:var(--color-static-white);}
.category-multi-type .category__menu li {overflow:hidden;display:flex;width:auto;background:var(--color-static-white);}
.category-multi-type .category__menu .swiper-inner {display:grid;grid-auto-flow:column;grid-template-rows:auto auto;justify-content:space-between;grid-auto-columns:60px;grid-gap:12px;row-gap:10px;}
.category-multi-type .category__menu li a {display:block;width:auto;height:auto;text-align:center;}
.category-multi-type .category__menu li a .category__menu--img {display:block;width:60px;height:60px;overflow:hidden;}
.category-multi-type .category__menu li a .category__menu--title {overflow:hidden;display:-webkit-box;max-height:32px;margin-top:6px;font-size:13px;color:var(--color-gray-800);letter-spacing:-0.02em;line-height:16px;word-break:keep-all;word-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.category-multi-type .category__menu li a .category__menu--title:empty {margin-top:0;}

/* 네비게이션 3열 : 2024-05-29 컴포넌트 스타일수정 */
.list-column-type3 {display:flex;flex-wrap:wrap;gap:8px;padding:0 20px;}
.list-column-type3 .goods-wrap {width:28.1533vw;}
.list-column-type3 .goods__img {width:100%;height:auto;}

/* 모자이크형 : 2024-05-29 컴포넌트 스타일수정 */
.mosaic-type {padding-bottom:40px;}
.mosaic-type .list-column-type3 .goods-wrap {overflow:hidden;width:calc(33.3333% - 5.333px);height:100%;}
.mosaic-type .list-column-type3 .goods-wrap .goods__img img {height:auto;}
.mosaic-type .list-column-type3 .goods-wrap.wide {width:calc(100vw - 40px);}
.mosaic-type .list-column-type3 .goods-wrap:not(.wide) {aspect-ratio:1;}
.mosaic-type .list-column-type3 .goods-wrap:not(.wide) .goods {width:100%;height:100%;}
.mosaic-type .list-column-type3 .goods-wrap:not(.wide) .goods__img-wrap {width:100%;height:100%;}
.mosaic-type .list-column-type3 .goods-wrap:not(.wide) .goods__img {display:flex;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;}
.mosaic-type .list-column-type3 .goods-wrap:not(.wide) .goods__img img {display:flex;width:100%;object-fit:cover;-o-object-fit:cover;}

/* 비디오 컴포넌트 : 2024-05-29 컴포넌트 스타일수정 */
.video-type {line-height:0;}
.video-type a {display:block;}
.menu-bar__bottom {z-index:120 !important;}
.bottom-sheet__banner .filter__menu--all .ui__radio {font-size:16px;}

/* 2차 리뉴얼 */
/* 배너 컴포넌트 - 인터랙션 키비주얼형 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.banner-interaction {margin-bottom:20px;}
.banner-interaction__item {position:relative;min-height:232px;overflow:hidden;}
.banner-interaction__image {position:absolute;display:block;width:100%;opacity:0;}
.banner-interaction__image img {transform:scale(1.2);}
.banner-interaction__image:first-child {opacity:1;}
.banner-interaction__image:last-child {position:relative;}
.banner-interaction__title {display:flex;flex-direction:column;position:absolute;top:0;left:0;color:var(--color-static-white);width:100%;height:100%;padding:32px 20px 0;}
.banner-interaction__title * {z-index:10;position:relative;}
.banner-interaction__title.dimed-text:before {bottom:auto;top:0;height:60%;background-image:linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));z-index:3;}
.banner-interaction__title--main {font-size:26px;font-weight:300;line-height:32px;}
.banner-interaction__title--sub {margin-top:8px;font-size:14px;line-height:18px;}

/* 홈 > 웰컴메세지 - 2025-03-12 수정 */
.cp-welcome-msg {position:relative;overflow:hidden;padding:10px 20px 14px;font-size:0;}
.cp-welcome-msg .cp-welcome-msg__text {width:100%;padding:0;box-sizing:border-box;color:var(--color-gray-900);font-size:22px;font-weight:400;line-height:28px;letter-spacing:-0.02em;word-break:keep-all;}
.cp-welcome-msg .cp-welcome-msg__text--pink {color:var(--color-primary-normal);font-size:22px;font-weight:400;line-height:28px;vertical-align:bottom;letter-spacing:-0.02em;}
.cp-welcome-msg .cp-welcome-msg__sub:not(:empty) {display:inline-flex;width:fit-content;max-width:calc(100% - 40px);height:28px;margin:12px 6px 0 0;padding:0 10px;box-sizing:border-box;border-radius:20px;background-color:var(--color-status-info-middle);color:var(--color-gray-900);font-size:13px;font-weight:500;line-height:28px;letter-spacing:-0.02em;word-break:keep-all;}
.cp-welcome-msg .cp-welcome-msg__sub--gray:not(:empty) {display:inline-flex;width:fit-content;height:28px;margin:12px 0 0 0;padding:0 10px;box-sizing:border-box;border-radius:20px;background-color:var(--color-gray-50);color:var(--color-gray-800);font-size:13px;line-height:28px;letter-spacing:-0.02em;font-weight:500;word-break:keep-all;}
.cp-welcome-msg .arrow-wrap {display:inline-block;position:relative;width:28px;height:28px;}
.cp-welcome-msg .arrow {position:absolute;top:14px;left:15px;display:block;transform:rotate(-90deg);cursor:pointer;}
.cp-welcome-msg .arrow span {display:block;width:6px;height:6px;border-bottom:1px solid var(--color-gray-900);border-right:1px solid var(--color-gray-900);transform:rotate(45deg);margin:-7px 0 0;animation:animateArrow 2s infinite;}
.cp-welcome-msg .arrow span:nth-child(2) {animation-delay:-0.2s;}
.cp-welcome-msg .arrow span:nth-child(3) {animation-delay:-0.4s;}
@keyframes animateArrow {
	0% {opacity:0;transform:rotate(45deg) translate(-8px, -8px);}
	50% {opacity:1;}
	100% {opacity:0;transform:rotate(45deg) translate(8px, 8px);}
}
.cp-welcome-msg__tag {position:relative;overflow:hidden;margin-top:-2px;padding:0 20px 18px;} /* 2025-02-27 수정 */
.cp-welcome-msg__tag .tag-swiper {margin:0;padding:0;}
.cp-welcome-msg__tag .tag-swiper .swiper-wrapper {padding:0;}
.cp-welcome-msg__tag .tag-swiper .swiper-slide {width:fit-content;margin:0;margin-right:6px;}
.cp-welcome-msg__tag .tag-swiper .swiper-slide:last-child {margin-right:0;}
.cp-welcome-msg__tag .tag-swiper .tag {overflow:hidden;position:relative;display:flex;width:auto;height:28px;gap:0 4px;padding:0 10px 0 8px;align-items:center;border-radius:20px;background:var(--color-status-info-middle);font-size:13px;color:var(--color-gray-900);white-space:nowrap;font-weight: 500;}
.cp-welcome-msg__tag .tag-swiper .icon {display:inline-block;width:16px;height:16px;}
.cp-welcome-msg__tag .tag-swiper .tag em {display:inline-block;vertical-align:top;line-height:28px;font-size:13px;color:var(--color-gray-900);letter-spacing:-0.02em;font-weight:500;}
.cp-welcome-msg__tag .tag-swiper .tag span {display:inline-block;vertical-align:top;line-height:28px;font-size: 13px;color:var(--color-gray-900);letter-spacing:-0.02em;} /* 2025-03-19 수정 */
.cp-welcome-msg__tag .tag-swiper .tag .coupon {display:flex;gap:2px;}
.cp-welcome-msg__tag .tag-swiper .tag .unit_won {color:var(--color-gray-900);letter-spacing:-0.02em;font-weight:500;}
.cp-welcome-msg__tag .tag-swiper .tag .unit_p {color:var(--color-gray-900);letter-spacing:-0.02em;font-weight:500;}
.cp-welcome-msg__tag .tag-swiper .tag .txt_down {font-weight:500;}
.cp-welcome-msg__tag .tag-swiper .tag strong {display:inline-block;vertical-align:top;font-size:14px;letter-spacing:-0.02em;font-weight:700;line-height:18px;}
.cp-welcome-msg__tag .tag-swiper .tag.g_welcome {background-color:var(--color-gray-50);color:var(--color-gray-500);}
.cp-welcome-msg__tag .tag-swiper .tag.g_family {background-color:var(--color-status-info-middle);color:var(--color-unit-member-family);}
.cp-welcome-msg__tag .tag-swiper .tag.g_gold {background-color:var(--color-status-caution-middle);color:var(--color-unit-member-gold);}
.cp-welcome-msg__tag .tag-swiper .tag.g_vip {background-color:var(--color-primary-middle);color:var(--color-primary-normal);}
.cp-welcome-msg__tag .tag-swiper .tag.g_vvip {background-color:var(--color-primary-middle);}
.cp-welcome-msg__tag .tag-swiper .tag.g_vvip strong {background:linear-gradient(90deg, rgba(255, 50, 155, 1) 0%, rgba(255, 145, 0, 1) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.cp-welcome-msg__tag .tag-swiper .icon_down {display:inline-block;width:12px;height:12px;background:url(/resources_new/img/component/icon_download.svg) 0 0/12px no-repeat;}
.cp-welcome-msg__tag .tag-swiper .button {cursor:pointer;}
.cp-welcome-msg__tag .tag-swiper .button::before {content:"";position:absolute;width:100px;height:100%;background-image:linear-gradient(120deg,rgba(255, 255, 255, 0) 30%,rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0) 70%);top:0;left:-100px;opacity:0.6;animation: animateShine 3s ease-out infinite;}
@keyframes animateShine {
	0% {left:-100px;}
	33% {left:100%;}
	100% {left:100%;}
}

/* 컴포넌트 상품_스와이프_1행 > 상품 썸네일 자동 전환 - 2025-03-06 추가 */
.singleList-type .goods__img-rolling {position:relative;width:156px;}
.singleList-type .goods__img-rolling .goods__img {display:block;width:156px;height:156px;}
.singleList-type .goods__img-rolling .goods__img img {object-fit:cover;width:100%;height:inherit;}
.singleList-type .goods__img-rolling::after {content:'';clear:both;position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;}

/* 컴포넌트 상품_스와이프_1행_주문예약 > 상품 썸네일 자동 전환 - 2025-03-27 추가 */
.reservationList-type .goods__img-rolling {position:relative;width:156px;}
.reservationList-type .goods__img-rolling .goods__img {display:block;width:156px;height:156px;}
.reservationList-type .goods__img-rolling .goods__img img {object-fit:cover;width:100%;height:inherit;}
.reservationList-type .goods__img-rolling::after {content:'';clear:both;position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;}

/* 컴포넌트 상품_스와이프_2행 > 상품 썸네일 자동 전환 - 2025-03-27 추가 */
.multiList-type .goods__img-rolling {position:relative;width:140px;}
.multiList-type .goods__img-rolling .goods__img {display:block;width:140px;height:140px;}
.multiList-type .goods__img-rolling .goods__img img {object-fit:cover;width:100%;height:inherit;}
.multiList-type .goods__img-rolling::after {content:'';clear:both;position:absolute;top:0;left:0;z-index:10;display:block;width:100%;height:100%;}

/* 아이콘_스와이프_2행_인터랙션 : 2025-03-18 수정 */
.category-multi-rolling-type {padding:0 20px 20px;background:linear-gradient(180deg,rgba(255, 255, 255, 1) 30%,rgba(255, 245, 250, 1) 100%);}
.category-multi-rolling-type .swiper-wrapper {transition-timing-function:linear !important;}
.category-multi-rolling-type .category__menu {position:relative;display:flex;width:100%;box-sizing:content-box;}
.category-multi-rolling-type .category__menu li {overflow:hidden;display:grid;grid-auto-flow:column;grid-template-rows:auto auto;justify-content:space-between;grid-auto-columns:76px;grid-gap:10px;row-gap:10px;width:76px;margin-right:10px;}
.category-multi-rolling-type .category__menu li:last-child {margin-right:0;}
.category-multi-rolling-type .category__menu li a {display:block;width:auto;height:auto;text-align:center;}
.category-multi-rolling-type .category__menu li a .category__menu--img {display:block;width:76px;height:76px;border-radius:20px;overflow:hidden;}
.category-multi-rolling-type .category__menu li a .category__menu--title {overflow:hidden;display:-webkit-box;height:32px;margin-top:8px;font-size:14px;color:var(--color-gray-900);letter-spacing:-0.02em;line-height:16px;word-break:keep-all;word-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.category-multi-rolling-type .category__menu li a .category__menu--title:empty {margin-top:0;}
/* 상품_리스트_3열_연관상품 : 2025-08-08 */
.cp-related-col3-container {overflow: hidden;}
.cp-related-col3-container .cp-related-list {padding: 0 20px;}
.cp-related-col3-container .cp-related-list li {position: relative;display: flex;align-items: center;justify-content: center;width: auto;height: 40px;box-sizing: border-box;}
.cp-related-col3-container .cp-related-list li a {position: relative;display: flex; gap: 8px; align-items: center; height: 40px; padding: 4px 14px 4px 4px;border-radius: 20px;overflow: hidden;box-sizing: border-box; z-index: 1;}
.cp-related-col3-container .cp-related-list li::after {content: "";position: absolute;left: 0;right: 0;bottom: 0;top: 0;display: block;border: 1px solid var(--color-gray-200);border-radius: 20px;}
.cp-related-col3-container .cp-related-list li.active::before {content: "";display: block;position: absolute;left: 0;top: 0;bottom: 0;right: 0;border-radius: 20px;border: 2px solid var(--color-primary-normal); z-index: 0;}
.cp-related-col3-container .cp-related-list li.active::after {content: "";position: absolute;left: 50%;top:auto; border-radius: 0; bottom: -4px;width: 13px;height: 6.086px;transform: translateX(-50%);background-image: url("/resources_new/img/component/arrow_pink.svg"); background-size: cover; border:none;}
.cp-related-col3-container .cp-related-list li:last-child {margin-right: 0 !important;}
.cp-related-col3-container .cp-related-list-img {position: relative; width: 32px; height: 32px; border-radius: 100%; overflow: hidden;}
.cp-related-col3-container .cp-related-list-img::after {content: ""; display: block; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.03);}
.cp-related-col3-container .cp-related-list-img img {width: 100%; height: 100%;}
.cp-related-col3-container .cp-related-list-brand {color: var(--color-gray-900); font-size: 14px; font-weight: 500; letter-spacing: -0.28px;}
.cp-related-col3-container .cp-related-list li.active .cp-related-list-brand {color: var(--color-primary-normal)}
.cp-related-col3-container .cp-related-product {margin-top: 15px;}

/* 탭 : 2025-10-14 */
.cp-tab__bar { display: flex; width: 100%;}
.cp-tab__bar .cp-tab__tab {position:relative;}
.cp-tab__bar .cp-tab__tab img {width: 100%;}

/* ! 홈 스켈레톤 변경 : 2025-12-03 */
.home__skeleton {position: fixed; z-index: 999; width: 100%;height: 100vh; ;box-sizing: border-box;transition: opacity 0.3s ease;overflow: hidden; background-color: var(--color-static-white);}
.home__skeleton.off {opacity: 0;}
.home__skeleton::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 70px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.00) 100%);z-index: 2;}
.home__skeleton .home__banner {position: relative; height: 400px; padding: 0 20px;}
.home__skeleton .home__banner p {position: absolute; bottom: 40px; width: 55%; height: 32px;background-color: #f0f0f0;border-radius: 4px;overflow: hidden;}
.home__skeleton .home__banner p::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
.home__skeleton .home__banner p:nth-child(2) {width: 80%; bottom: 0; margin-top: 5px;}
.home__skeleton .tvShopping-type2 .title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;}
.home__skeleton .tvShopping-type2 .title div {position: relative; display: flex;}
.home__skeleton .tvShopping-type2 .title div::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
.home__skeleton .tvShopping-type2 .title div:first-child {width: 102px; height: 32px;}
.home__skeleton .tvShopping-type2 .title div:nth-child(2) {width: 75px; height: 20px;}
.home__skeleton .tvShopping-type2 .product {display: flex; gap: 12px;}
.home__skeleton .tvShopping-type2 .video {position: relative; width: 55vw; min-width: 132px; aspect-ratio: 16 / 9;}
.home__skeleton .tvShopping-type2 .video::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
.home__skeleton .tvShopping-type2 .info {width: 41.25vw;}
.home__skeleton .tvShopping-type2 .info div {position: relative;}
.home__skeleton .tvShopping-type2 .info div::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
.home__skeleton .tvShopping-type2 .info div:first-child {width: 100%; height: 38px;}
.home__skeleton .tvShopping-type2 .info div:nth-child(2) {width: 90%; height: 20px; margin-top:6px;}
.home__skeleton .tvShopping-type2 .btn {position: relative; width: 100%; height: 40px; margin: 12px 0 20px; }
.home__skeleton .tvShopping-type2 .btn::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
.home__skeleton .withGoods-type {padding-left: 20px;}
.home__skeleton .withGoods-type .title {position: relative; width: 112px; height: 20px; margin-bottom: 10px;}
.home__skeleton .withGoods-type .title::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
.home__skeleton .withGoods-type .banner {display: flex;}
.home__skeleton .withGoods-type .banner div {position: relative; width: 310px; height: 62px; }
.home__skeleton .withGoods-type .banner div:nth-child(2) {width: calc(100% - 8px - 310px); margin-left: 8px;}
.home__skeleton .withGoods-type .banner div::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}

/* 편성표 스켈레톤추가 : 2025-07-17 */
.bnr ~ .contents .tv-skeleton {top: 65px;}
.app .bnr ~ .contents .tv-skeleton {top: 56px;}
.tv-skeleton {position: fixed;left: 0;top: 0;bottom: 0;width: 100%;padding-top:10px;box-sizing: border-box;transition: opacity 0.3s ease;overflow: hidden;background-color: var(--color-static-white);z-index: 9999;}
.tv-skeleton.off {opacity: 0;}
.tv-skeleton__nav {position: relative;width: calc(100% - 20px);height: 48px;margin: 0 auto 10px; padding-top:10px; background-color: var(--color-gray-100);border-radius: 4px;overflow: hidden;}
.tv-skeleton__nav::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
.tv-skeleton__schedule {position: relative;width: calc(100% - 20px);height: 30px;margin: 0 auto;background-color: var(--color-gray-100);border-radius: 4px;overflow: hidden;}
.tv-skeleton__schedule::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
.tv-skeleton__schedule_day {width: calc(100% - 20px - 12px);margin:10px auto 0; display: flex; gap: 8px; justify-content: space-between;}
.tv-skeleton__schedule_day > div {position: relative; width: 48px; height: 50px; border-radius: 8px;background-color: var(--color-gray-100);;overflow: hidden;}
.tv-skeleton__schedule_day > div::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
.tv-skeleton__tab {position: relative;width: calc(100% - 40px);height: 35px;margin: 10px auto 40px;background-color: var(--color-gray-100);border-radius: 10px;overflow: hidden;}
.tv-skeleton__tab::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
.tv-skeleton__contents {display: flex;height: calc(100vh - 260px);overflow: hidden;}
.tv-skeleton__contents .right {width: calc(100% - 40px); margin: 0 auto;}
.tv-skeleton__contents .right .product {padding-bottom:10px; margin-bottom: 30px; border: 1px solid var(--color-gray-50);}
.tv-skeleton__contents .right .time {position: relative;width: 100%;height: 28px;margin-bottom: 10px;background-color: var(--color-gray-100);overflow: hidden;}
.tv-skeleton__contents .right .time::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
.tv-skeleton__contents .right .img {position: relative;width: 100%;aspect-ratio: 16 / 9;background-color: var(--color-gray-100);overflow: hidden;}
.tv-skeleton__contents .right .img::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
.tv-skeleton__contents .right .title {position: relative;width: calc(100% - 40px);height: 40px;margin: 20px auto 0;background-color: var(--color-gray-100);overflow: hidden;}
.tv-skeleton__contents .right .title::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
.tv-skeleton__contents .right .badge {position: relative;width: 80%;height: 20px;margin: 10px 0 0 20px;background-color: var(--color-gray-100);overflow: hidden;}
.tv-skeleton__contents .right .badge::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
.tv-skeleton__contents .right .btns {position: relative;width: calc(100% - 40px);height: 40px;margin: 16px auto 0;background-color: var(--color-gray-100);overflow: hidden;}
.tv-skeleton__contents .right .btns::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
/* 상품컴포넌트 스켈레톤 추가 : 2025-08-12 */
.goods-loading.off {display: none !important;}
.goods-loading_full {width: 100%;}
.goods-loading_full.off {display: none !important;}
.goods-loading_full.goods-loading_3x3 {display: flex;flex-wrap: wrap;gap: 0 8px;}
.goods-loading .goods__skeleton .goods__img {position: relative;width: 100%;aspect-ratio: 1;background-color: var(--color-gray-100);overflow: hidden;}
.goods-loading .goods__skeleton .goods__img::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
.goods-loading .goods__skeleton .goods__info {margin-top: 10px;}
.goods-loading .goods__skeleton .goods__info > div {position: relative;width: 100%;height: 20px;margin-bottom: 6px;overflow: hidden;}
.goods-loading .goods__skeleton .goods__info > div:last-child {width: 80%;height: 16px;}
.goods-loading .goods__skeleton .goods__info > div::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(-70deg, var(--color-gray-100) 0%, var(--color-gray-100) 40%, var(--color-gray-50) 50%, var(--color-gray-100) 60%, var(--color-gray-100) 100%) repeat;background-size: 400% 100%;animation: skeleton-gradient 2s ease infinite;z-index: 1;}
.list-column .goods__skeleton .goods__img {width: 38.8889vw;height: 38.8889vw;}
.list-column .goods__skeleton .goods__info {margin-top: 0;width: calc(100% - 38.8889vw - 14px);}
.list-column .goods__skeleton .goods__info > div:first-child {height: 40px;}
@keyframes skeleton-gradient {0% {background-position: 100% 0;}
100% {background-position: 0 0;}
}

/* 컴포넌트 타이틀_메세지 */
.cp-title-msg {width: 100%; height: 44px; box-sizing: border-box; padding: 0 20px; background-color: var(--color-primary-middle);overflow: hidden;}
.cp-title-msg li {display: flex; align-items: center;}
.cp-title-msg li a {display: flex; align-items: center; gap: 6px; width: 100%; height: 24px; line-height: 24px;}
.cp-title-msg li span {flex: 1 1 auto; min-width: 0; font-size: 14px; color:var(--color-gray-800); font-weight: 500; letter-spacing: -0.42px;}
.cp-title-msg li em {display: flex; align-items: center; gap:4px; flex: 0 0 auto; white-space: nowrap; height: 24px; padding: 0 9px; font-size: 12px; font-weight: 600; letter-spacing: -0.24px; border-radius: 14px; border: 1px solid var(--color-primary-normal); color: var(--color-primary-normal); background-color: var(--color-static-white);}
.cp-title-msg li em::after {content: ""; background-image: url(/resources_new/img/component/icon_arrow_right_pink.svg); display: inline-block; width: 6px; height: 12px; }
.cp-title-msg li em.btn-benefit::after {width: 12px; height: 12px; background-image: url(/resources_new/img/component/icon_download_pink.svg);}

/* 컴포넌트 배너 - 홈 상단배너 */
.banner-home {position: relative; width: 100%; height: auto; overflow: hidden;}
.banner-home::before {content: ""; position:absolute; top:0; left: 0; width: 100%; height: 70px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%); z-index: 2; }
.banner-home li > img {width: 100%; height: auto;}
.banner-home li > video {width: 100%;}
.banner-home li iframe {border: none;}
.banner-home li > a {position: absolute; inset: 0; z-index: 5;}
.banner-home .banner-gradient {position: absolute;left: 0;bottom: 0;width: 100%;height: 144px;pointer-events: none;z-index: 2;background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.8) 50%,#fff 80%);transform: translateZ(0);}
.banner-home .banner-home__text {position: absolute; bottom: 28px; left: 0; width: 100%; padding: 52px 20px 0; color: var(--color-gray-900); font-weight: 700; box-sizing: border-box; z-index: 3;}
.banner-home .banner-home__text p {line-height: 34px;}
.banner-home .banner-home__text-main {font-size: 24px; letter-spacing: -0.72px;}
.banner-home .banner-home__text-sub {font-size: 24px; letter-spacing: -0.66px;}
.banner-home .banner-home__icon-ad {position: absolute; top: 54px; right: 15px; height: 16px; padding: 0 4px; font-size: 11px; font-weight: 600; line-height: 16px; border-radius: 3px; color: var(--color-static-white); background: rgba(0, 0, 0, 0.20); z-index: 99;}
.banner-home .swiper-slide {backface-visibility: hidden;;transform: translate3d(0, 0, 0);}
.banner-home .swiper-pagination {display: flex;align-items: center;justify-content: end;font-size: 11px;font-weight: 600;color: var(--color-gray-700);bottom: 10px;right: 20px;left: auto;}
.banner-home .swiper-pagination span {font-variant-numeric: tabular-nums;}
.banner-home .swiper-pagination-total {opacity: 0.4;}
.banner-home .swiper-pagination-total::before {content: "";display: inline-block;width: 1px;height: 8px;margin: 0 4px;background-color: var(--color-gray-900);opacity: 0.4;}
.banner-home .banner-interaction__images {position: absolute; inset: 0; overflow: hidden;}
.banner-home .banner-interaction__images img {position: absolute; width: 106%; height: auto; top: -3%; left: -3%; right: -3%; transform-origin: center center; transform: translate3d(0,0,0);}
/* 컴포넌트 하드코딩_홈_TV쇼핑2  */
.tvShopping-type2 {margin: 20px 0;}
.tvShopping-type2 ~ .tvShopping-type2 {margin-top: 0;}
.tvShopping-type2__inner {padding: 0 20px;}
.tvShopping-type2__title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;}
.tvShopping-type2__title h2 {color: var(--color-gray-900); font-size: 22px; font-weight: 600; line-height: 32px; letter-spacing: -0.44px;}
.tvShopping-type2__title .go_schedule {display: flex; align-items: center; gap: 5px; color:var(--color-gray-700); font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: -0.28px;}
.tvShopping-type2__title .go_schedule::after {content: ""; display: inline-block; width: 7px; height: 14px; background: url(/resources_new/img/component/tv_shopping_arrow.svg);}
.tvShopping-type2__content > a {display: flex; width: 100%; gap: 12px;}
.tvShopping-type2__video {position: relative; flex: 1 1 auto; width: 55vw; min-width: 132px; aspect-ratio: 16 / 9;}
.tvShopping-type2__video::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: -5px; display: block; width: 36px; height: 36px; background: url(/resources_new/img/component/icon_video_play.png); background-size: cover; z-index: 99;}
.tvShopping-type2 .tvShopping-type2__onair {position: absolute !important; bottom: 0; left:0; width: 100%; height: 22px; padding: 0 8px; background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(2px); box-sizing: border-box; z-index: 99;}
.tvShopping-type2__onair span {display: flex; align-items: center; gap: 4px;}
.tvShopping-type2__onair i {display:inline-block; width: 8px; height: 8px;}
.tvShopping-type2__onair em img { height: 22px;}
.tvShopping-type2__onair-time {font-size: 11px; line-height: 22px; color: var(--color-static-white); font-variant-numeric: tabular-nums;}
.tvShopping-type2__product {width: 41.25vw;}
.tvShopping-type2__product .goods__name-item {color: var(--color-gray-800);}
.tvShopping-type2__product .goods__name-brand,
.tvShopping-type2__product .goods__name-item {line-height: 18px;}
.tvShopping-type2__product .goods__score-point {line-height: 20px; color: var(--color-gray-800); font-size: 13px;}
.tvShopping-type2__product .goods__score:before {display: inline-block;vertical-align: top;content: '';width: 14px;height: 20px;margin: 0 4px 0 0;background: url(/resources_new/img/component/icon_star_tv.png) 0 0 / 14px no-repeat;flex-shrink: 0;}
.tvShopping-type2__product .goods__score-count {line-height: 20px; }
.tvShopping-type2__product .goods__score-count em {text-decoration: underline;}
.tvShopping-type2__product .goods__price-sale {font-weight: 500;}
.tvShopping-type2__product .goods__price-discount,
.tvShopping-type2__product .goods__price-discount span,
.tvShopping-type2__product .goods__price-sale span {font-weight: 600;}
.tvShopping-type2 .btn-group {padding: 12px 0 20px;}
.tvShopping-type2 .btn-group .video-price {height: 40px; box-sizing: border-box; font-size: 14px; font-weight: 600; letter-spacing: -0.28px;}
.tvShopping-type2 .video-price__number {font-size: 16px; font-weight: 600; line-height: 25px;}
.tvShopping-type2 .video-price .video-price__number .num {width: 10px;}
.tvShopping-type2 .live-talk::before {content:""; display: inline-block; width: 20px; height: 20px; margin-right: 5px; background: url(/resources_new/img/component/icon_live_talk.svg);}
.tvShopping-type2 .goods__price .counsel{font-weight: 500;}
.tvShopping-type2__video-thumbnail {overflow: hidden; z-index: 1; aspect-ratio: 16 / 9;}
.tvShopping-type2__video-thumbnail .live iframe {width: calc(100% + 4px) !important; height: calc(100% + 4px); top: -2px; left: -2px; pointer-events: none;}
.tvShopping-type2 .after_area::before {display: none;}

/* 함께 방송하는 상품 */
.tvShopping-type2 .withGoods-type .link .goods__img-wrap {width: 60px; height: 60px;}
.tvShopping-type2 .withGoods-type .goods__img-wrap .goods__soldout{height: 20px; font-size: 10px; font-weight: 500;}
.tvShopping-type2 .withGoods-type .link {gap: 12px; padding-right: 12px; border-color: var(--color-gray-50);}
.tvShopping-type2 .withGoods-type .link .goods__detail {width: calc(100% - 60px - 12px);}
.tvShopping-type2 .withGoods-type .link .goods__detail .goods__name {height: auto; line-height: 18px;}
.tvShopping-type2 .withGoods-type .link .goods__detail .goods__name-brand {font-size: 13px; line-height: 18px;}
.tvShopping-type2 .withGoods-type .goods-more {width: 62px; height: 62px;}
.tvShopping-type2 .withGoods-type .goods-more__btn {font-size: 10px; font-weight: 500;}
.tvShopping-type2 .withGoods-type .goods-more__btn::before {width: 16px; height: 16px; background-size: cover;}
.tvShopping-type2 .withGoods-type .goods__name-item {font-size: 13px; line-height: 18px; color: var(--color-gray-800);}
.tvShopping-type2 .withGoods-type .goods__price-discount {font-size: 15px;}
.tvShopping-type2 .withGoods-type .goods__price-discount span {font-size: 15px;}
.tvShopping-type2 .withGoods-type .goods__price-sale {font-size: 13px;}
.tvShopping-type2 .withGoods-type .goods__price-sale span {font-size: 15px;}

/* 전광판 */
.cp-title-marquee {padding:20px; overflow:hidden; background:var(--color-static-white);}
.cp-title-marquee > a {display:flex; width:max-content; white-space:nowrap; text-decoration:none; will-change:transform; transform:translate3d(0,0,0); animation:marquee linear infinite; animation-duration:var(--d,10s);}
.cp-title-marquee .txt,
.cp-title-marquee .clone {display:inline-block; font-size:20px; font-weight: 500; padding-right:10px;color: var(--color-gray-900);}
@keyframes marquee{
  from { transform: translate3d(0,0,0); }
  to   { transform: translate3d(calc(-1 * var(--w, 0px)),0,0); }
}