@charset "UTF-8";

body,  body * {font-family:'Pretendard', -apple-system, BlinkMacSystemFont, 'Noto Sans KR', sans-serif !important;-webkit-tap-highlight-color:transparent;}
b {font-weight:600 !important;}
strong {font-weight:700;}
button {cursor:pointer;}
body.overflow-hidden {overflow:hidden;width:100vw;height:100vh;}

/* 운영 css override */
.list_cate_v201811 li,
#side_menu .cont_box,
#side_menu .title_wrap {border:none !important;}
#container.with_top_banner.onlyMain .contents {padding-top:0 !important;}
#side_menu .top_wrap {display:flex !important;} /* 2024-08-30 멤버십할인권 프로젝트 > 사이드메뉴 웰컴등급 추가 */
.list_cate_v201811 li a {padding:0 !important;height:auto !important;}
.bnr_h64 ~ #contents .best_content .sort_bx.fixed.bnr {top:120px !important;z-index:999;}
.app .bnr_h64 ~ #contents .best_content .sort_bx.fixed.bnr {top:56px !important;}
/* 백화점/득템마켓/딜매장 fixed 메뉴 */
.category_best .slide_fixed:has(.fixed) {z-index:999;}
#mainHeader.state-both ~ #contents .category_best .slide_fixed .filter.sort_bx.fixed {top: 150px;}
#mainHeader.state-nav-only ~ #contents .category_best .slide_fixed .filter.sort_bx.fixed {top: 100px;}
/* 앱이거나 앱배너 off 일 경우 */
.app #mainHeader.state-both ~ #contents .category_best .slide_fixed .filter.sort_bx.fixed,
#mainHeader.state-both.app-banner-closed ~ #contents .category_best .slide_fixed .filter.sort_bx.fixed {top: 106px;}
.app #mainHeader.state-nav-only ~ #contents .category_best .slide_fixed .filter.sort_bx.fixed,
#mainHeader.state-nav-only.app-banner-closed ~ #contents .category_best .slide_fixed .filter.sort_bx.fixed {top: 56px;}

/* 필터 컴포넌트 fixed 메뉴 */
#mainHeader.state-both ~ #contents .filter .filter__menu.fixed {padding-top: 150px;}
#mainHeader.state-nav-only ~ #contents .filter .filter__menu.fixed {padding-top: 100px;}
.app #mainHeader.state-both ~ #contents .filter .filter__menu.fixed,
#mainHeader.state-both.app-banner-closed ~ #contents .filter .filter__menu.fixed {padding-top: 106px;}
.app #mainHeader.state-nav-only ~ #contents .filter .filter__menu.fixed,
#mainHeader.state-nav-only.app-banner-closed ~ #contents .filter .filter__menu.fixed {padding-top: 56px;}
#mainHeader.is-not-nav ~ #contents .filter .filter__menu.fixed {padding-top: 94px;}
.app #mainHeader.is-not-nav ~ #contents .filter .filter__menu.fixed, 
#mainHeader.is-not-nav.app-banner-closed ~ #contents .filter .filter__menu.fixed {padding-top: 50px;}

/* 기획전 fixed 메뉴 */
.plan_cate.fixed {top:60px;z-index:999;}
/* fixed 헤더 상태에 따른 분기 */
#mainHeader.state-both ~ #contents .plan_cate.fixed {top: 150px;}
#mainHeader.state-nav-only ~ #contents .plan_cate.fixed {top: 100px;}
/* 앱이거나 앱배너 off 일 경우 */
.app #mainHeader.state-both ~ #contents .plan_cate.fixed,
#mainHeader.state-both.app-banner-closed ~ #contents .plan_cate.fixed {top: 106px;}
.app #mainHeader.state-nav-only ~ #contents .plan_cate.fixed,
#mainHeader.state-nav-only.app-banner-closed ~ #contents .plan_cate.fixed {top: 56px;}

/* min-height (is-dct:Dynamic Configuration Store) */
#wrap.is-dct .category_section {min-height:192px;}
#wrap.department #container #contents .category_section.swiper {min-height:152px;}
.category_section.cube .category_body .prd_list ul li {min-height:calc(50vw + 33px);}
.best_brand .sort_bx {min-height:76px;}
#wrap.department #container #contents .banner_zone.full {min-height:100vw;}
.exhibitions-visual__image {min-height:50vw;}
.groupDeal-type {min-height:calc(100vw - 40px);}
/* .banner-scroll.shopping-live {min-height:calc(100vw - 60px - 48px);} */ /* 2025-04-03 삭제 */
.tvShopping-type {min-height:calc(calc(100vw - 20px) * 0.5625 + 212.7px);}

/* wrap */
#wrap {overflow:hidden;}
#wrap.overflow-init {overflow: initial;}

/* header */
#mainHeader ~ #contents:not(.home-contents),
#mainHeader ~ .content:not(.home-contents) { margin-top: 150px; }
#mainHeader ~ #contents.home-contents { margin-top: 44px; }
#mainHeader.app-banner-closed ~ #contents,
#mainHeader.app-banner-closed ~ .content,
.app #mainHeader ~ #contents.home-contents { margin-top: 0; }

/* sub header */
#mainHeader.sub.is-not-nav ~ #contents,
#mainHeader.sub.is-not-nav ~ .content {margin-top: 104px;}
#mainHeader.sub ~ #contents,
#mainHeader.sub ~ .content {margin-top: 104px;}
/* header에 nav가 없을 경우 */
#mainHeader.is-not-nav ~ #contents {margin-top: 94px;}
#mainHeader.is-not-nav.app-banner-closed ~ #contents,
.app #mainHeader.is-not-nav.app-banner-closed ~ #contents {margin-top: 50px !important;}

#mainHeader.sub.app-banner-closed.is-not-nav ~ #contents,
.app #mainHeader.sub.is-not-nav ~ .content,
.app #mainHeader.sub.is-not-nav ~ #contents {margin-top: 60px !important;}

/* 앱 || 배너 off */
#mainHeader.app-banner-closed ~ #contents:not(.home-contents),
#mainHeader.app-banner-closed ~ .content:not(.home-contents),
.app #mainHeader ~ #contents:not(.home-contents),
.app #mainHeader ~ .content:not(.home-contents) { margin-top: 106px; }
#mainHeader.sub.app-banner-closed ~ #contents,
.app #mainHeader.sub ~ .content,
.app #mainHeader.sub ~ #contents {margin-top: 60px;}


.mainHomeWrap #mainHeader { background-color: transparent; }
/* home만 state-top 일 경우 gnb만 노출된다 */
.mainHomeWrap  #mainHeader.state-top .header__nav { height: 0; mask-image: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 80%); }
#mainHeader { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: var(--color-static-white); transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.33, 1, 0.68, 1); }
#mainHeader.state-nav-only { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.10); }
#mainHeader .header__gnb { position: relative; z-index: 2; height: 50px; display: flex; align-items: center; justify-content: space-between; background-color: transparent; transition: height 0.25s cubic-bezier(0.33, 1, 0.68, 1) }
#mainHeader .header__nav { height: 56px; background-color: var(--color-static-white);}
#mainHeader.state-top .header__gnb { opacity: 1; }
#wrap:not(.mainHomeWrap) #mainHeader.state-top .header__nav {height: 56px; mask-image: linear-gradient(to top, rgba(0,0,0,1) 100%,rgba(0,0,0,1) 100%);}
#mainHeader.state-both .header__gnb { opacity: 1; background-color: var(--color-static-white); }
#mainHeader.state-nav-only,
#mainHeader.state-both { background-color: var(--color-static-white); }
#mainHeader.state-nav-only .header__gnb { pointer-events: none; height: 0; opacity: 0; padding-top: 0; padding-bottom: 0; overflow: hidden; pointer-events: none; background-color: var(--color-static-white); }
#mainHeader.state-nav-only .header__nav { transform: translateY(0); }
#mainHeader.mode-top .header__gnb { transition: opacity 0.3s ease; }
#mainHeader.state-both .header__gnb .header__gnb--search svg,
#mainHeader.state-both .header__gnb .header__gnb--cart svg { stroke: var(--color-gray-900); transition: stroke 0.3s ease; }
#wrap:not(.mainHomeWrap) #mainHeader .header__gnb .header__gnb--search svg,
#wrap:not(.mainHomeWrap) #mainHeader .header__gnb .header__gnb--cart svg { stroke: var(--color-gray-900) !important; }
#mainHeader.state-both .header__nav,
#mainHeader.state-nav-only .header__nav { mask-image: linear-gradient(to top, rgba(0,0,0,1) 100%, rgba(0,0,0,1) 100%);}
#mainHeader.shadow-off {box-shadow: none !important;}
/* 2024-03-06 플리킹 시 좌우 스크롤(스와이퍼)영역 노출 관련 추가 - 2025-05-16 그룹상품 수정 */
#wrap #mainHeader ~ .content .swiper,
#wrap #mainHeader ~ .content .event_banner,
#wrap #mainHeader ~ .content .promotion_bn .swiper_box,
#wrap #mainHeader ~ .content .bene_md,
#wrap #mainHeader ~ .content .food_mall_wrap,
#wrap #mainHeader ~ .content .slide_wrap,
#wrap #mainHeader ~ .content .best_brand,
#wrap #mainHeader ~ .contents .food_mall_wrap {overflow:hidden;}

#wrap .header_banner{background-color:var(--color-static-black);}
#wrap .header_banner.off{display:none;}
#wrap .header_banner .banner__app-download,
.header_banner .banner__app-download {display:flex; width: calc(100% - 44px); column-gap: 8px; align-items: center; padding:10px 0 10px 16px;height:100%;box-sizing:border-box;}
#wrap .header_banner .banner__app-download .banner__app--text,
.header_banner .banner__app-download .banner__app--text {display:inline-block; flex: 1 1 auto; min-width: 0; font-size:12px;color:var(--color-static-white);font-weight:700;letter-spacing:-0.02em;vertical-align:middle;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#wrap .header_banner .banner__app-download::before,
.header_banner .banner__app-download:before {content: ""; flex: 0 0 26px; display: block; width: 26px; height: 26px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.20); background: url(/resources_new/img/component/icon_app.png) no-repeat; background-size: cover;}
#wrap .header_banner .banner__app-download .banner__app--text span,
.header_banner .banner__app-download .banner__app--text span {color: var(--color-primary-normal)}
#wrap .header_banner:not(.bnr_attend) .btn_close {position: static; padding: 12px; width: 44px; height: 44px; box-sizing: border-box; background: url(/resources_new/img/btn_appbanner_close.svg) no-repeat center;}

#wrap .header_banner .banner__app-download strong,
.header_banner .banner__app-download strong {display:block; flex: 0 0 auto; height:24px;border-radius:19px;background-color:var(--color-primary-normal);font-size:11px;color:var(--color-static-white);letter-spacing:-0.02em;line-height:24px;text-align:center; font-weight: 500;}
#wrap .header_banner .banner__app-download strong span,
.header_banner .banner__app-download strong span {padding: 0 10px;}
#wrap #mainHeader .header__gnb .header__gnb--logo,
#wrap #mainHeader .header__gnb .header__gnb--search,
#wrap #mainHeader .header__gnb .header__gnb--cart {position:absolute;top:50%; margin-top: 2px;}
#wrap #mainHeader .header__gnb .header__gnb--logo {position: relative; display: flex; left:20px;top:50%;transform:translateY(-50%); max-width: 160px; height: 50px; margin:0;}
#wrap #mainHeader .header__gnb .header__gnb--logo img {width: auto; height: 50px;}
#wrap #mainHeader .header__gnb .header__gnb--logo svg {margin-top: 15px;}
/* header logo 모션추가 */
.header__gnb--logo.is-animated {position: relative;}
.header__gnb--logo.is-animated .logo_item {position: absolute; inset: 0; display: block; opacity: 0; transition: opacity 800ms ease-in-out; will-change: opacity;}
.header__gnb--logo.is-animated .logo_item:first-child {position: relative;}
.header__gnb--logo.is-animated .logo_item.is-active {opacity: 1;}
.header__gnb--logo img.logo_item {width: 100%; height: 100%; object-fit: contain;}
.header__gnb--logo:has(svg):has(img) img {opacity: 0;}

#wrap #mainHeader .header__gnb .header__gnb--logo-title {fill: var(--color-static-black); transition: fill 0.3s ease;}
#wrap #mainHeader.state-top .header__gnb .header__gnb--logo-title {fill: var(--color-static-white);}
#wrap:not(.mainHomeWrap) #mainHeader.state-top .header__gnb .header__gnb--logo-title {fill: var(--color-static-black);}

#wrap #mainHeader.mode-top .header__gnb .header__gnb--logo-title {transition-delay: 0.2s;}
#wrap #mainHeader.mode-top .header__gnb .header__gnb--search svg,
#wrap #mainHeader.mode-top .header__gnb .header__gnb--cart svg {stroke: var(--color-static-white); transition-delay: 0.2s;}

/* GNB > 검색 장바구니 버튼 변경 - 2025-01-14 */
#wrap #mainHeader .header__gnb .header__gnb--search,
#wrap #mainHeader .header__gnb .header__gnb--cart {display:inline-block;width:30px;height:30px;transform:translateY(-50%);}
#wrap #mainHeader .header__gnb .header__gnb--search {left:auto;right:54px;}
#wrap #mainHeader .header__gnb .header__gnb--search svg {stroke: var(--color-gray-900);}
#wrap #mainHeader .header__gnb .header__gnb--cart {right:12px;text-align:center;}
#wrap #mainHeader .header__gnb .header__gnb--cart em {position:absolute;top:auto;left:auto;right:0;bottom:0;height:15px;line-height:15px;min-width:15px;padding:0 4px;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--color-primary-normal);font-weight:600;font-size:10px;color:var(--color-static-white);text-indent:0;}
#wrap #mainHeader .header__gnb .header__gnb--cart svg {stroke: var(--color-gray-900);}
/* 0220 리뉴얼팀 추가 */
#wrap #mainHeader nav.header__nav {position: relative; display:flex;margin-top:0;width:100%; background:transparent;padding:0 10px;box-sizing:border-box;transition: clip-path 0.3s ease, height 0.3s cubic-bezier(0.33, 1, 0.68, 1), mask-image 0.4s ease; overflow: hidden;}
#wrap #mainHeader nav.header__nav:not(.swiper-initialized) .swiper-wrapper {opacity:0;}
#wrap #mainHeader nav.header__nav ul li a {visibility:visible;}
/* GNB > 이미지 메뉴 추가 - 2025-04-10 추가 */
#wrap #mainHeader nav.header__nav ul li a .img_menu {flex-shrink:0;display:block;width:auto;height:43px;}
#wrap #mainHeader nav.header__nav ul li a .img_menu img {display:block;height:100%;}

/* header_nav - 필터컴포넌트 fixed메뉴관련 그림자 제어 */
#wrap #mainHeader nav.header__nav.shadow-off {box-shadow:none !important;}
#wrap #mainHeader nav.header__nav ul {width:auto;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;}
#wrap #mainHeader nav.header__nav ul li {-webkit-box-flex:1;-ms-flex:auto;flex:auto;padding:0 10px;width:auto;height:48px;}
#wrap #mainHeader nav.header__nav ul li a {display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding-bottom:5px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;font-weight:400;color:var(--color-static-black);text-align:center;letter-spacing:-0.03em;line-height:22px;white-space:nowrap;-webkit-tap-highlight-color:transparent;}
#wrap #mainHeader nav.header__nav ul li.swiper-slide-thumb-active a:after,
#wrap.department #container #mainHeader nav.header__nav ul li.swiper-slide-thumb-active a:after {display:none;}
#wrap #mainHeader nav.header__nav ul li.swiper-slide-thumb-active a {color:var(--color-static-black);font-weight:700;}
#wrap #mainHeader nav.header__nav ul li.swiper-slide-thumb-active a::after {content:'';display:block;clear:both;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:2px;background-color:var(--color-primary-normal);box-shadow:0 0 3px 0 rgba(255, 50, 155, 0.6);}
#wrap.department #container #mainHeader nav.header__nav {background:var(--color-static-black);box-shadow:none;}
#wrap.department #mainHeader.state-top .header__nav { mask-image: none; }
#wrap.department #container #mainHeader nav.header__nav ul li a {color:var(--color-static-white);}
#wrap.department #container #mainHeader nav.header__nav ul li.swiper-slide-thumb-active a {color:var(--color-static-white);font-weight:700;}
#wrap.department #container #mainHeader nav.header__nav ul li.swiper-slide-thumb-active a::after {content:'';display:block;clear:both;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:2px;background-color:var(--color-primary-normal);box-shadow:0 0 3px 0 rgba(255, 50, 155, 0.6);}
#wrap #mainHeader nav.header__nav ul li a em {position:absolute;top:5px;left:50%;transform:translateX(-50%);display:block;width:auto;height:16px;font-size:11px;font-weight:600;color:var(--color-primary-normal);text-align:center;letter-spacing:-0.02em;line-height:16px;}
#wrap #mainHeader nav.header__nav ul li a em img {top:auto;transform:translateX(0);width:auto;max-height:18px;}


/* 타이틀 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.cp-title {position:relative;padding:30px 20px 20px;}
.cp-title__main {color:var(--color-gray-900);font-weight:600;font-size:22px;line-height:28px;letter-spacing:-0.44px;}
.cp-title__main.bold {font-weight:600;} /* 2025-05-27 모바일편성표 */
.cp-title__sub {margin-top:5px;color:var(--color-gray-500);font-size:14px;font-weight:400;line-height:18px;letter-spacing:-0.03em;}
.cp-title__text {width:70.5556vw;color:var(--color-gray-900);font-size:22px;font-weight:600;line-height:28px;letter-spacing:-0.44px;word-break:keep-all;}
.cp-title__button {display:flex;align-items:center;padding:4px 0;font-size:14px;color:var(--color-gray-600);flex-shrink:0;line-height:20px;}
.cp-title__button:after {content:'';width:6px;height:10px;margin-left:6px;background:url(/resources_new/img/component/icon_arrow_6x10.svg) 0 0 no-repeat;background-size:6px auto;}
.cp-title__text--pink {color:var(--color-primary-normal);}
.cp-title__link {display:flex;justify-content:space-between;align-items:end;}

/* 링크 이동 버튼 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.link-type {padding:20px;}
.link-type__button {display:flex;align-items:center;justify-content:center;width:100%;padding:11px 0;border:1px solid var(--color-gray-200);color:var(--color-gray-800);font-size:15px;line-height:20px;letter-spacing:-0.03em;}
.link-type__button:after {content:'';width:20px;height:20px;background:url(/resources_new/img/component/icon_arrow_20x20.svg) 0 0 no-repeat;background-size:20px;}
.link-type__image {display:block;width:100%;}
/* 텍스트 버튼 : 2024-10-30 텍스트형 버튼 추가 */
.link-text__button {display:flex;align-items:center;justify-content:center;width:100%;padding:10px 0;border:1px solid var(--color-gray-300);color:var(--color-gray-900);font-size:15px;line-height:18px;letter-spacing:-0.02em;}
.link-text__button:after {display:none;}

/* 하단 메뉴바 */
.floating__top {position:fixed;right:20px;bottom:68px;z-index:120;}
.floating__top a {display:block;width:40px;height:40px;background-color:rgba(0, 0, 0, 0.7);border-radius:50%;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.2);;overflow:hidden;}
.floating__top a span {display:block;width:100%;height:100%;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.2);background:url(/resources_new/img/component/icon_top.svg) 50% 50% no-repeat;background-size:24px auto;text-indent:-999em;}
.menu-bar__bottom {position:fixed;left:0;right:0;bottom:0;z-index:120;width:100%;height:52px;box-sizing:initial; border-top: 1px solid var(--color-gray-100); }
.menu-bar__bottom.hide {transform: translateY(52px);}
.menu-bar__bottom.hide .menu-bar__list .menu-bar__center .default {opacity: 0; pointer-events: none;}
.menu-bar__bottom, .floating__top {transition:opacity, transform .3s ease-in-out;opacity:1;}
.menu-bar__bottom.off, .floating__top.off {opacity:0;}
.menu-bar__bottom.disabled, .floating__top.disabled {visibility:hidden;overflow:hidden;height:0;}
.menu-bar__bottom .menu-bar__list {position:fixed;left:0;bottom:0;display:flex;width:100%;height:52px; padding: 0 5px; box-sizing:border-box;background-color:var(--color-static-white);}
.menu-bar__bottom .menu-bar__list > * {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:20%;height:100%;padding: 2px 0 4px;box-sizing: border-box;}
.menu-bar__bottom .menu-bar__list .menu-bar__center .default {position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%);  width: 60px; height: 60px; border-radius: 100%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.10); background-image: url(/resources_new/img/component/bottom_nav_noimg.svg); transition: opacity .5s;}

/* 2024-12-19 전시카테고리 수정 */
.menu-bar__bottom .menu-bar__list .menu-bar__category {background:url(/resources_new/img/component/icon_menu_category.svg?v=20241219) 50% 50%/52px no-repeat;}
.menu-bar__bottom .menu-bar__list .menu-bar__mypage {background:url(/resources_new/img/component/icon_menu_mypage.svg) 50% 50%/52px no-repeat;}
.menu-bar__bottom .menu-bar__list .menu-bar__home {background:url(/resources_new/img/component/icon_menu_home.svg) 50% 50%/52px no-repeat;}
.menu-bar__bottom .menu-bar__list .menu-bar__recent {background:url(/resources_new/img/component/icon_menu_recent.svg) 50% 50%/52px no-repeat;}
.menu-bar__bottom .menu-bar__list .menu-bar__shorts {background:url(/resources_new/img/component/icon_menu_shorts.svg) 50% 50%/52px no-repeat;} /* 2024-07-25 숏츠 추가 */

.menu-bar__bottom .menu-bar__list a.active:not(.menu-bar__category) {background:transparent;}
.menu-bar__bottom .menu-bar__list a [id*="lottie-"] {display:none;}
.menu-bar__bottom .menu-bar__list a.active [id*="lottie-"] {display:block;width:52px;height:46px;}

/* 하단 플로팅 배너 - 2025-04-10 수정 */
.floating-bn {opacity: 1; position:fixed;left:50%; transform: translate(-50%, 0); bottom:8px;z-index:999; padding-bottom: calc(env(safe-area-inset-bottom)); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.10); border-radius: 32px; transition: opacity .3s ease-in-out, transform .3s ease-in-out;}
.floating-bn.hide {transform: translate(-50%, 72px); opacity: 0;}
.floating-bn .floating-bn__item {overflow:hidden;width:169px;height:60px;background-color:transparent;border-radius:32px;transition:width .3s ease-in;}
.floating-bn .floating-bn__item a {display:block;width:169px;height:100%;}
.floating-bn .floating-bn__item a img {width:169px;height:100%;}
.floating-bn .floating-bn__item--hide {width:60px;-webkit-transition-duration:.2s;transition-duration:.2s;}
.floating-bn .floating-bn__item--hide a {width: 60px;}
.floating-bn .floating-bn__item--hide img {width: 60px;}
/* ONAIR 목록 */
.play-type__button {position:absolute;top:0;left:0;display:block;width:100%;height:100%;}
.play-type__button:before,
.play-type__button:after {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:inline-block;}
.play-type__button:before {width:48px;height:48px;border-radius:50%;border:1px solid rgba(255, 255, 255, 0.5);background-color:rgba(0, 0, 0, 0.3);box-sizing:border-box;}
.play-type__button:after {left:calc(50% + 5px);width:0;height:0;border-bottom:7px solid transparent;border-top:7px solid transparent;border-left:11px solid var(--color-static-white);border-right:7px solid transparent;}
.live-list {padding-top:20px;}
.live-list .live-list__title {text-align:left;}
.live-list .live-list__title strong {font-size:22px;color:var(--color-static-black);font-weight:300;line-height:29px;}
.live-list .live-list__title p {margin-top:2px;font-size:12px;color:#898989;line-height:12px;}
.live-list .live-list__area {margin:20px 0 24px;}
.live-list .live-list__area .columnList-type {padding-bottom:0;}
.live-list .live-list__area .list-column {padding:0;}
.live-list .live-list__area .list-column .goods-wrap + .goods-wrap {margin-top:13px;padding-top:14px;border-top:1px solid var(--color-gray-100);}
.live-list .live-list__area .list-column .goods-wrap .goods {gap:4.44vw;}
.live-list .live-list__area .list-column .goods-wrap .goods__img-wrap,
.live-list .live-list__area .list-column .goods-wrap .goods__img {width:22.777vw;height:22.777vw;}
.live-list .live-list__area .list-column .goods__detail {width:calc(100% - 27.217vw);}
.live-list .live-list__area .goods__name-brand {line-height:18.5px;}
.live-list .live-list__area .goods__name-item {font-size:14px;letter-spacing:-0.03em;line-height:18.5px;}
.live-list .live-list__area .goods__price-sale {display:inline-block;line-height:19.5px;}
.live-list .live-list__area .goods__price-sale span {font-size:15px;}
.live-list .live-list__area .goods__price-box {margin-left:6px;display:inline-flex;line-height:19.5px;}
.live-list .live-list__area .goods__soon {margin-top:20px;font-size:14px;color:var(--color-primary-normal);letter-spacing:-0.03em;}
.live-list .live-list__area .goods__soon em {font-size:14px;font-weight:600;}
.live-list .live-list__area .btn__area {margin-top:12px;display:flex;}
.live-list .live-list__area .btn__area button {display:inline-block;width:calc(50% - 4px);height:38px;font-size:15px;color:var(--color-static-white);text-align:center;letter-spacing:-0.03em;line-height:36px;}
.live-list .live-list__area .btn__area button+button {margin-left:8px;}
.live-list .live-list__area .mark_box {position:absolute;top:5px;left:5px;}
.live-list .live-list__area .mark_box .mark_live {display:block;position:relative;width:38px;height:18px;}
.live-list .live-list__area .mark_box .mark_live img {position:relative;top:0;left:0;width:100%;-webkit-transform:translate(0, 0);transform:translate(0, 0);}
.btn__color--black {background-color:var(--color-static-black);border:none;color:var(--color-static-white);}
.btn__color--pink {background-color:var(--color-primary-normal);}

/* 알림 권한 팝업, 쇼핑 혜택 팝업 */
.bottom-sheet__banner[class*="alarm-"] {padding:0 20px 20px 20px;text-align:center;line-height:0;}
.bottom-sheet__banner[class*="alarm-"] .cp-title {padding:48px 0 16px;font-size:22px;font-weight:300;}
.bottom-sheet__banner[class*="alarm-"] .cp-title__main {font-size:inherit;letter-spacing:-0.04em;}
.bottom-sheet__banner[class*="alarm-"] .cp-title em {font-size:inherit;color:var(--color-primary-normal);}
.alarm-setting strong {margin-right:-12px;display:inline-block;width:280px;height:36px;background:url(/resources_new/img/component/img_alarm.svg) 100% 0 no-repeat;font-size:0;}
.alarm-setting ul:after {content:'';display:block;clear:both;}
.alarm-setting .cp-title ul {margin:8px auto 0;display:inline-block;}
.alarm-setting .cp-title ul li {float:left;font-size:15px;color:#666;letter-spacing:-0.03em;line-height:1.3;}
.alarm-setting .cp-title ul li+li {padding-left:20px;background:url(/resources_new/img/component/icon_arrow_14x14.svg) 3px 50% no-repeat;background-size:14px;}
.alarm-setting .alarm-setting__list {margin:8px auto 60px;display:inline-block;}
.alarm-setting .alarm-setting__list li {position:relative;float:left;padding:0 24px 20px 0;width:52px;background:url(/resources_new/img/component/icon_arrow_14x14.svg) calc(100% - 6px) 20px no-repeat;background-size:12px;}
.alarm-setting .alarm-setting__list li:last-child {padding-right:0;background:none;}
.alarm-setting .alarm-setting__list li:before {content:'';margin:0 auto 4px;display:block;width:52px;height:52px;border-radius:50%;border:1px solid var(--color-gray-100);background:url(/resources_new/img/component/icon_alarm1.svg) 50% 50% no-repeat;background-size:auto 24px;box-sizing:border-box;} /* 2024-05-29 컴포넌트 스타일수정 */
.alarm-setting .alarm-setting__list li:nth-of-type(2):before {background-image:url(/resources_new/img/component/icon_alarm2.svg);}
.alarm-setting .alarm-setting__list li:nth-of-type(3):before {background-image:url(/resources_new/img/component/icon_alarm3.svg);background-size:27px auto;}
.alarm-setting .alarm-setting__list li:nth-of-type(4):before {border:none;background:var(--color-primary-middle) url(/resources_new/img/component/icon_alarm4.svg) 50% 50% no-repeat;background-size:27px auto;}
.alarm-setting .alarm-setting__list li span {position:absolute;left:calc(50% - 12px);bottom:0;transform:translateX(-50%);width:110%;font-size:12px;color:var(--color-gray-700);text-align:center;letter-spacing:-0.02em;line-height:1;}
.alarm-setting .alarm-setting__list li:last-child span {left:50%;}
.bottom-sheet__banner .bottom-sheet__button {display:flex;flex-wrap:wrap;}
.bottom-sheet__banner .bottom-sheet__button button {flex:1;height:48px;border:1px solid #e4e4e4;box-sizing:border-box;font-size:15px;color:var(--color-gray-800);align-items:center;justify-content:center;letter-spacing:-0.03em;}
.bottom-sheet__banner .bottom-sheet__button button+button {margin-left:8px;}
.bottom-sheet__banner .bottom-sheet__button .btn__color--black {color:var(--color-static-white);}
.bottom-sheet__banner.alarm-shopping .cp-title {padding:40px 0;}
.alarm-shopping .cp-title img {width:86px;}
.alarm-shopping .cp-title .cp-title__main {margin-top:20px;}
.alarm-shopping .cp-title .cp-title__sub {margin-top:12px;font-size:15px;color:#666;}
.alarm-shopping .cp-title .cp-title__sub em {font-size:inherit;color:var(--color-primary-normal);}

/* 오류 화면 - 2024-10-30 수정 */
.result__error {padding-top:28.552vh;text-align:center;}
.result__error .result__error--text {font-size:16px;color:var(--color-gray-900);letter-spacing:-0.02em;line-height:20px;}
.result__error .result__error--text-sub {margin-top:4px;font-size:13px;color:var(--color-gray-500);letter-spacing:-0.02em;line-height:20px;}
.result__error .result__error--btn {margin-top:30px;text-align:center;}
.result__error .result__error--btn .link-type__button {margin:auto;padding:8.25px 0;width:114px;box-sizing:border-box;}
.result__error .result__error--btn .link-type__button:before {content:'';width:16px;height:16px;margin-right:6px;background:url(/resources_new/img/component/icon_btn_home.svg) 0 0 no-repeat;background-size:16px 16px;}
.result__error .result__error--btn .link-type__button:after {display:none;}
.result__error .result__error--btn .link-text__button {margin:auto;width:112px;box-sizing:border-box;}

/* 앱 접근권한 팝업 */
.app-access {padding:64px 0 112px;}
.app-access .cp-title {padding:0;}
.app-access .cp-title .cp-title__main {font-size:22px;letter-spacing:-0.04em;}
.app-access .cp-title .cp-title__main em {font-size:inherit;color:var(--color-primary-normal);}
.app-access .app-access__info {margin:56px auto 4px;padding:0 11.11vw;}
.app-access .app-access__info strong {padding-left:26px;background:url(/resources_new/img/component/icon_noti1.svg) 0 50% no-repeat;background-size:20px 20px;font-size:15px;color:var(--color-static-black);font-weight:600;line-height:20px;}
.app-access .app-access__info strong.ico_check {background-image:url(/resources_new/img/component/icon_noti2.svg);}
.app-access .app-access__info p {margin-top:8px;font-size:13px;color:#717171;letter-spacing:-0.02em;line-height:1.5;}
.app-access .app-access__info p.desc {margin-top:16px;color:#898989;}
.app-access .app-access__info table {margin-top:16px;}
.app-access .app-access__info table th,
.app-access .app-access__info table td {padding:4px;font-size:13px;color:var(--color-gray-900);text-align:center;letter-spacing:-0.02em;line-height:20px;}
.app-access .app-access__info table th {background-color:var(--color-gray-100);color:#717171;}
.app-access .app-access__info table td {border-bottom:1px solid var(--color-gray-100);}
.app-access .button-wrap {position:fixed;left:0;right:0;bottom:0;}
.app-access .button-wrap button {display:block;width:100%;height:48px;box-sizing:border-box;font-size:15px;color:var(--color-static-white);letter-spacing:-0.03em;line-height:48px;}
/* 배너 컴포넌트 - 바텀시트 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.bottom-sheet {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;}
.bottom-sheet img {width:100%;}
.bottom-sheet.is-active {display:block;}
.bottom-sheet.is-active:before {display:block;content:'';width:100%;height:100vh;background:rgba(0,0,0,.5);}
.bottom-sheet__wrapper {z-index:9999;position:fixed;left:0;bottom:0;width:100%;max-height:90%;overflow:auto;border-top-left-radius:16px;border-top-right-radius:16px;background:var(--color-static-white);}
.bottom-sheet__wrapper::-webkit-scrollbar {display:none;}
.bottom-sheet__wrapper.height-75 {max-height:initial;height:75%;}
.bottom-sheet__wrapper.height-65 {max-height:initial;height:65%;}
.bottom-sheet .btn-close {z-index:90;position:sticky;top:0;display:flex;width:100%;height:37px;justify-content:center;align-items:center;background:var(--color-static-white) url(/resources_new/img/component/icon_options_close.svg) center center/24px no-repeat;}
.bottom-sheet .btn-close img {display:none;}
.bottom-sheet__banner {padding:0 20px 20px;}
.bottom-sheet__tip {z-index:-1;position:relative;display:inline-block;margin:0 0 12px;padding:8px 12px;color:var(--color-static-white);background-color:var(--color-gray-900);font-size:12px;line-height:1;}
.bottom-sheet__tip:after {content:'';position:absolute;left:12px;top:28px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--color-gray-900);}
.bottom-sheet__image {display:block;width:100%;}
.bottom-sheet__image + .bottom-sheet__image {margin-top:8px;}
/* 바텀시트 모션 : 2026-04-02 슬라이드 트랜지션 적용 */
.bottom-sheet--motion {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;visibility:hidden;opacity:0;transition:visibility 0s 0.3s, opacity 0.3s ease;}
.bottom-sheet--motion:before {content:'';display:block;width:100%;height:100vh;background:rgba(0,0,0,.5);}
.bottom-sheet--motion img {width:100%;}
.bottom-sheet--motion.is-active {visibility:visible;opacity:1;transition:visibility 0s 0s, opacity 0.3s ease;}
.bottom-sheet--motion .bottom-sheet__wrapper {z-index:9999;position:fixed;left:0;bottom:0;width:100%;max-height:90%;overflow:auto;border-top-left-radius:16px;border-top-right-radius:16px;background:var(--color-static-white);transform:translateY(100%);transition:transform 0.3s ease;}
.bottom-sheet--motion .bottom-sheet__wrapper::-webkit-scrollbar {display:none;}
.bottom-sheet--motion .bottom-sheet__wrapper.height-75 {max-height:initial;height:75%;}
.bottom-sheet--motion .bottom-sheet__wrapper.height-65 {max-height:initial;height:65%;}
.bottom-sheet--motion.is-active .bottom-sheet__wrapper {transform:translateY(0);}
.bottom-sheet--motion .btn-close {position:sticky;top:0;z-index:90;display:flex;width:100%;height:37px;justify-content:center;align-items:center;background:var(--color-static-white) url(/resources_new/img/component/icon_options_close.svg) center center/24px no-repeat;border-top-left-radius:16px;border-top-right-radius:16px;}
.bottom-sheet--motion .btn-close img {display:none;}

/* 컴포넌트 공통 : 2024-06-10 배너/버튼/아이콘형 컴포넌트 CSS 개선 */
.ellipsis-1 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ellipsis-2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.dimed-text: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));}
.dimed-opacity-3:before {z-index:1;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);}
.dimed-bottom:before {z-index:1;content:'';position:absolute;bottom:0;left:0;width:100%;height:30%;background-image:linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));}

/* 상품 : 2024-05-29 컴포넌트 스타일수정 */
.thumbnail-type {padding:0 20px;}
.thumbnail-type .goods-wrap {width:100%;padding-bottom:40px;}
.thumbnail-type .goods__img {width:100%;}
.goods-wrap {position:relative;display:flex;flex-direction:column;}
.goods-wrap .goods {display:block;}
.goods__img-wrap {position:relative;}
.goods__img {display:block;}

/* 상품 썸네일 dim 추가 2024-01-18 */
.goods__img::after,
.goods__img--big::after,
.goods__img--small li a::after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.03);}
.tvShopping-type .goods__img::after,
.previousNext-type .goods__img::after {display:none;}
.goods__img--small li a {position:relative;display:block;}

/* 뱃지 - 2024-12-19 전시카테고리 수정 */
.goods__img-badge {z-index:1;display:block;position:absolute;top:10px;left:10px;width:64px;height:64px;background-repeat:no-repeat;background-size:contain;background-position:0 0;} /* 2024-08-20 수정 */
.goods_img .goods__img-badge,
.list-column-type2 .goods__img-badge,
.columnList-type-col2 .goods__img-badge,
.multiList-type .goods__img-badge,
.columnList-type .goods__img-badge,
.deal-columnList-type .goods__img-badge {width: 48px;height: 48px;}
.singleList-type .goods__img-badge,
.swipeList-type .goods__img-badge,
.reservationList-type .goods__img-badge {width:48px;height:48px;} /* 2024-11-13 썸네일뱃지 - 주문예약 추가  */
.exhibitions-scroll-type .goods-wrap .goods__img-badge,
.exhibitions-type .goods-wrap .goods__img-badge,
.mosaic-type .goods-wrap .goods__img-badge {width:40px;height:40px;}
.category_section.card .goods__img-badge,
.mosaic-type .goods-wrap.wide .goods__img-badge {width:64px;height:64px;}
.groupDeal-type .goods__img--small li {position:relative;}
.recently_wrap .goods_img .goods__img-badge,
.cart_list_goods .goods_img .goods__img-badge,
.goods__img--small .goods__img-badge {top:6px;left:6px;width:24px;height:24px;}
.goods__detail {position:relative;margin-top:10px;}
.goods__detail:has(.goods__promotion) {margin-top:22px;}
.goods__detail > div:last-child {margin-bottom:0;} /* 2024-06-10 수정 */
.goods__promotion {z-index:9;overflow:hidden;position:absolute;top:-34px;left:0;display:flex;gap:2px;}
.goods__promotion-tag {flex-shrink:0;padding:6px;background:var(--color-gray-900);font-size:12px;line-height:1;color:var(--color-static-white);}
/* 2024-05-10 방송중구매가능 개선 - 상품명~할인율 템플릿 수정 : 2024-05-29 컴포넌트 스타일수정 */
.goods__store {display: flex;margin-bottom: 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.goods__store:empty,
.goods__store:not(:has(.goods__store-tag)) {margin-bottom:0;} /* 2024-06-11 추가 */
.goods__store .goods__store-tag {display: inline-block;font-size: 13px;font-weight: 500;line-height: 16px;color: var(--color-gray-700);}
.goods__store .goods__store-tag:last-child {flex: 1 1 auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.goods__store .goods__store-tag + .goods__store-tag:before {display: inline-block;content: "";width: 2px;height: 2px;margin: 0 4px;background: var(--color-gray-400);border-radius: 50%; vertical-align: middle;}
.goods__name {margin-bottom:0;letter-spacing: -0.28px;}
.goods__name-brand {font-weight:600;font-size:14px;line-height:20px;color:var(--color-gray-900);}
.goods__name-tag {font-size:14px;line-height:20px;color:var(--color-gray-900);word-break:break-all;}
.goods__name-item {font-size:14px;letter-spacing: -0.28px;line-height:20px;color:var(--color-gray-900);word-break:break-all;}
.goods__price {margin-top:6px;}
.goods__price .counsel {color:var(--color-gray-600);font-size:14px;line-height:20px;} /* 2024-11-27 가격 > 상담접수상품 컬러값 분기 */
.goods__price-sale {display:flex;align-items:center;color:var(--color-gray-900);font-size:14px;line-height:20px;}
.goods__price-sale span {font-size:16px;font-weight:500;line-height:20px;}
.goods__price-box {display:flex;align-items:flex-end;gap:4px;font-size:13px;line-height:20px;}
.goods__price-discount {display:flex;align-items:center;margin-right:0;font-size:16px;line-height:20px;color:var(--color-primary-normal);font-weight:500; letter-spacing: -0.32px;}
.goods__price-discount.dept-color {color:#b29760;}
.goods__price-discount span {font-size:16px;font-weight:500;}
.goods__price-sale + .goods__price-box .goods__price-discount {font-size:13px;}
.goods__price-sale + .goods__price-box .goods__price-discount span {font-size:13px;}
.live-list__area .goods__price-origin {font-size:13px;color:var(--color-gray-400);text-decoration:line-through;}
:not(.goods__price-box:empty ) + .goods__price-origin {padding-bottom:4px;line-height:10px;}
.goods__price-sale + .goods__price-box .goods__price-origin {padding-bottom:0;line-height:20px;}
.goods__price-origin {font-size:12px;color:var(--color-gray-400);}
.goods__price-origin span {font-size:13px;text-decoration:line-through;}
.goods__price-box:empty + .goods__price-origin {display:flex;align-items:center;color:var(--color-gray-900);font-size:13px;}
.goods__price-box:empty + .goods__price-origin span {font-size:16px;font-weight:700;line-height:24px;}
.goods__price-counsel {color:var(--color-gray-600);font-size:14px;line-height:20px;font-weight:400;} /* 2024-06-27 상담접수상품 추가 */

.goods__benefit {display:flex;flex-wrap:wrap;gap:4px;margin-top:10px;}
/* 2024-04-16 TV상품 적립금 */
.good__benefit--color {padding:0 6px;font-size:11px;line-height:20px;font-weight:500;}
.good__benefit--pink {background:var(--color-primary-middle);color:var(--color-primary-normal);}
/* 2024-04-16 TV상품 적립금 : 2024-05-29 컴포넌트 스타일수정 */
.good__benefit--gray {background:#f7f7f7;color:var(--color-gray-800);}
/* 2025-04-08 내일도착 태그 > 프로모션 영역으로 위치 이동 */
.good__benefit--img {padding:0 4px 0 0;font-size:0;line-height:20px;background-color:var(--color-static-white);}
.good__benefit--img .goods__badge-tomorrow,
.good__benefit--img .goods__badge-quick {margin-top:2px;}

.goods__score {display:flex;align-items:center;margin-top:6px;}
.goods__score:before {display:inline-block;content:'';width:11px;height:10px;margin-right:3px;background:url(/resources_new/img/component/icon_star_11x10.svg) 0 0 no-repeat;background-size:11px;}
.goods__score-point {font-size:12px;line-height:16px;color:var(--color-gray-600);font-weight:500;}
.goods__score-count {margin-left:2px;font-size:12px;line-height:16px;color:var(--color-gray-600);}
.goods__count,
.goods__count * {margin-top:6px;font-size:12px;line-height:16px;color:var(--color-gray-600);font-weight:500;}

.goods__soldout {z-index:1;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-static-white);background:rgba(0,0,0,.75);font-size:18px;font-weight:300;}
.goods__adult {z-index:1;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;color:var(--color-static-white);background:var(--color-gray-800);font-size:14px;text-align:center;}
.goods__adult:before {display:block;content:'';width:52px;height:52px;margin-bottom:8px;background:url(/resources_new/img/component/icon_info.svg) 0 0 no-repeat;background-size:52px auto;}
/* 담기버튼 : 2024-11-13 컴포넌트 스타일수정 */
.btn-cart {width:100%;margin-top:0;margin-bottom:20px;padding:9px 0;border:1px solid var(--color-gray-200);line-height:20px;color:var(--color-gray-800);font-size:14px;}
.btn-cart:before {display:inline-block;content:'';width:16px;height:16px;margin-top:2px;margin-right:6px;background:url(/resources_new/img/component/icon_cart.svg?v=20250702) 0 0 no-repeat;background-size:16px auto;vertical-align:top;}
.btn-cart:disabled {border-color:var(--color-disable-assistive);background:var(--color-disable-assistive);color:var(--color-disable-strong);pointer-events:none;}
.btn-cart:disabled:before {background-image:url(/resources_new/img/component/icon_cart_disabled.svg?v=20250702);}


/* 리스트형(row) : 2024-05-29 컴포넌트 스타일수정 */
.list-row {overflow:auto hidden;display:flex;gap:8px;padding:0 20px;}
.list-row::-webkit-scrollbar {display:none;}
.list-row .goods-wrap {position:relative;width:156px;flex-shrink:0;}
.list-row .goods__img-wrap {width:100%;}
.list-row .goods-more {display:flex;align-items:center;padding:0 0 0 10px;}
.list-row .goods__img {width:156px;height:156px;}
.list-row .goods-more {height:156px;}
.list-row .goods-more__btn {margin-top:0;font-size:12px;line-height:1;color:var(--color-gray-800);flex-shrink:0;}
.list-row .goods-more__btn:before {content:'';display:flex;width:50px;height:50px;box-sizing:border-box;margin-bottom:10px;background:url(/resources_new/img/component/icon_arrow_24x24_rt.svg) center center no-repeat;background-size:24px;border-radius:50%;border:1px solid var(--color-gray-200);}

/* 리스트형(column) : 2024-05-29 컴포넌트 스타일수정 */
.list-column {padding:0 20px;}
.list-column .goods-wrap {margin-top:11.1111vw;}
.list-column .goods-wrap:first-child {margin-top:0;}
.list-column .goods-wrap .goods {display:flex;gap:14px;}
.list-column .goods__img-wrap {width:38.8889vw;height:38.8889vw;flex-shrink:0;padding:0;}
.list-column .goods__img {width:38.8889vw;height:38.8889vw;}
.list-column .goods__detail {width:calc(100% - 38.8889vw - 14px);margin-top:0;} /* 2025-04-15 그룹상품 수정 */
/* 2024-05-10 방송중구매가능 개선 */
.list-column .goods__detail .goods__benefit {margin: 10px 0 0;}
.list-column .goods__promotion {position: static;margin-bottom: 10px;}
.list-column .goods-more,
.columnList-type-col2 .goods-more,
.columnList-type-col3 .goods-more {display: flex;justify-content: center;width: 100%;padding: 20px 0;}
.list-column .goods-more__btn,
.columnList-type-col2 .goods-more__btn,
.columnList-type-col3 .goods-more__btn {display: flex;align-items: center;margin-top: 32px;padding: 0 16px 0 20px;font-size: 14px;line-height: 38px;color: var(--color-gray-900);border-radius: 19px;border: 1px solid var(--color-gray-200);}
.list-column .goods-more__btn:after,
.columnList-type-col2 .goods-more__btn:after,
.columnList-type-col3 .goods-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;}
.list-column .goods-more__btn.is-close:after,
.columnList-type-col2 .goods-more__btn.is-close:after,
.columnList-type-col3 .goods-more__btn.is-close:after {transform: rotate(180deg);}

/* 가로 1행 리스트형 : 2024-05-29 컴포넌트 스타일수정 */
.singleList-type {padding-bottom:0;}
.singleList-type .goods-wrap:has(.btn-cart) {justify-content:space-between;}
.singleList-type .goods-wrap .goods {padding-bottom:20px;}
.swipeList-type {padding-bottom:20px;}
.singleList-type .goods__benefit {margin-bottom:0;}

/* (하드코딩) 상품_스와이프_1행_주문예약 : 2024-11-13 추가 */
.reservationList-type {padding-bottom:0;}
.reservationList-type .goods-wrap:has(.btn-reservation) {justify-content:space-between;}
.reservationList-type .goods-wrap .goods {padding-bottom:20px;}
.reservationList-type .goods__detail {margin-top:0;}
.reservationList-type .goods__promotion {position:relative;top:0;margin-top:-12px;}
.reservationList-type .goods__detail .goods__name {margin-top:10px;}
/* 주문예약 버튼 : 2024-11-13 추가 */
.btn-reservation {width:100%;margin-top:8px;margin-bottom:0;padding:9px 16px;box-sizing:border-box;border:1px solid var(--color-gray-200);line-height:20px;color:var(--color-gray-800);font-size:14px;}
.btn-reservation:before {display:inline-block;content:'';width:16px;height:16px;margin-top:2px;margin-right:6px;background:url(/resources_new/img/component/icon_reservation.svg) 0 0 no-repeat;background-size:16px auto;vertical-align:top;}
.btn-reservation:disabled {border-color:var(--color-disable-assistive);background:var(--color-disable-assistive);color:var(--color-disable-strong);pointer-events:none;}
.btn-reservation:disabled:before {background-image:url(/resources_new/img/component/icon_reservation.svg);}

/* 와이드형 : 2024-05-29 컴포넌트 스타일수정 */
.wide-type {padding:0 20px;}
.wide-type .goods-wrap {padding-bottom:40px;}

/* 1열 컴포넌트 */
.deal-columnList-type .goods-wrap,
.columnList-type .goods-wrap {margin-top:0 !important;padding:20px 0;border-top:1px solid var(--color-gray-100);}

.deal-columnList-type .goods-wrap:first-child,
.columnList-type .goods-wrap:first-child {border-top:0;padding-top:0;} /* 2024-06-13 상품 리스트 1열 수정 */
.deal-columnList-type .goods-wrap a div:last-child,
.columnList-type .goods-wrap a div:last-child,
.columnList-type .goods-wrap a div:only-of-type {padding-bottom:0;}
.columnList-type .list-column .goods-more__btn,
.columnList-type-col2 .goods-more__btn,
.columnList-type-col3 .goods-more__btn {margin-top:0;}
/* 딜 1열 더보기 추가 - 2024-12-19 전시카테고리 수정 */
.deal-columnList-type .list-column {padding: 0 20px 20px;} /* 2025-01-14 추가 */
.deal-columnList-type .list-column .goods-more {padding: 20px 0 40px;}
.deal-columnList-type .list-column .goods-more__btn {margin-top:0;}

/* 기획전형 : 2025-03-27 컴포넌트 스타일수정 */
.exhibitions-type {padding-bottom:60px;}
.exhibitions-visual {position:relative;}
.exhibitions-visual__image {display:block;width:100%;}
.exhibitions-visual__title {display:flex;justify-content:flex-end;flex-direction:column;position:absolute;left:0;bottom:0;width:calc(100% - 40px);height:calc(60% - 32px);padding:0 20px 32px;box-sizing:initial;}
.exhibitions-visual__title * {z-index:10;position:relative;color:var(--color-static-white);}
.exhibitions-visual__title-main {font-size:22px;line-height:1.3;font-weight: 600;}
.exhibitions-visual__title-sub {margin-top:8px;font-size:14px;line-height:1.3;}
.exhibitions-type .list-row {margin-top:20px;}
.exhibitions-type .goods-wrap {width:112px;}
.exhibitions-type .goods__img {width:112px;height:112px;}
.exhibitions-type .goods-more {height:112px;}
.exhibitions-type .goods__detail {margin-top:10px;}

/* 기획전_스크롤형 - 2025-01-07 수정 - 수정하지 마세요 */
.exhibitions-scroll-type {padding-bottom:40px;}
.exhibitions-scroll-type .list-row {margin-top:20px;overflow:hidden;}
.exhibitions-scroll-type .list-row .swiper-wrapper {width:100%;display:flex;}
.exhibitions-scroll-type .list-row .swiper-wrapper .swiper-slide + .swiper-slide {margin-left:8px;}
.exhibitions-scroll-type .goods-wrap {width:112px;}
.exhibitions-scroll-type .goods__img {width:112px;height:112px;}
.exhibitions-scroll-type .goods-more {width:50px;height:112px;}
/* -- 끝 기획전_스크롤형 - 2025-01-07 수정 - 수정하지 마세요 */
.exhibitions-scroll-type .goods__detail {margin-top:10px;}

/* 다중 리스트형 : 2024-05-29 컴포넌트 스타일수정 */
.multiList-type {overflow:auto hidden;padding-bottom:0;}
.multiList-type::-webkit-scrollbar {display:none;}
.multiList-type .list-row {overflow:initial;padding-left:20px;padding-bottom:20px;}
.multiList-type .list-row .goods-wrap:last-child {padding-right:20px;}
.multiList-type .list-row + .list-row {margin-top:0;}
.multiList-type .goods-wrap {width:140px;box-sizing:initial;}
.multiList-type .goods__img {width:140px;height:140px;}
/* 가로 1행 리스트형 */
.list-title {padding:48px 20px 20px;font-size:26px;font-weight:300;color:var(--color-static-black);}

/* 이전 방송, 다음 방송 : 2024-05-29 컴포넌트 스타일수정 */
.previousNext-type {padding:20px 0 20px;}
.previousNext-type .list-row .goods-wrap {width:190px;}
.previousNext-type .goods__img {width:190px;height:190px;}
.previousNext-type .goods-more {height:190px;}
.date-box {position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px;width:100%;height:100%;background:rgba(0,0,0,.3);}
.date-box * {color:var(--color-static-white);}
.date-box__badge--black {background:var(--color-static-black);padding:6px 8px;font-size:12px;letter-spacing:-0.02em;line-height:1;}
.date-box__badge--pink {background:var(--color-primary-normal);padding:6px 8px;font-size:12px;letter-spacing:-0.02em;line-height:1;}
.date-box__time {font-weight:500;font-size:13px;line-height:1.3;}

/* 앱 관련 */
/* .app #wrap #mainHeader, .app #wrap #mainHeader .header_banner, .app #wrap #mainHeader nav {display:block !important;height:initial ;padding:initial;position:static;} */

/* .app #wrap #mainHeader nav {height:56px;padding:0 10px;} */
/* .app #wrap #mainHeader .header_banner {position:fixed !important;top:0 !important;left:0 !important;z-index:120 !important;display:block !important;width:100% !important;height:64px !important;padding:0 !important;} */

/* 장바구니, 구매하기 */
.goods_btn_group .fast {background:var(--color-static-black);color:var(--color-static-white);border-color:var(--color-static-black);}
.direct_options_area .option_list li {border-radius:initial;background-color:#fafafa;}
.direct_option_box .list_wrap {padding:0;}
.bottom_option_box2 .sel_amount {border-radius:initial;}
.select_box {border-radius:initial;border-color:var(--color-gray-200);} /* 2024-05-10 방송중구매가능 개선 */
.direct_options_area .goods_list > li .goods_img {border-radius:initial;}
.direct_options_btns .total .btn .btnType1_h25 {background-color:#898989;}
.direct_options_btns .total .btn .btnType1_h25,
.direct_options_btns .total .btn .ico-orbo-ask .info-orbo-ask,
.type01 .select_box.open > ul {border-radius:initial;}
.select_box ul li button.select.on {color:var(--color-primary-normal);}

.button_wrap.disable .btnType2_h40_org {border:1px solid #d0d0d0 !important;background:#d0d0d0 !important;color:var(--color-static-white) !important;border-radius:initial !important;font-weight:400 !important;}
.button_wrap.disable .btnType2_h40_org.basket {background:transparent !important;color:#d0d0d0 !important;}
.cmm .select_box,
.cmm .direct_options_area .option_list li,
.cmm .bottom_option_box2 .sel_amount {border-radius:initial;}
.cmm .direct_options_area .option_list li {border-color:var(--color-gray-100);background:#fafafa;}
.cmm .goods_btn_group .kakao.btn {border-color:#fee500;color:#191919;}
.cmm .type01 .select_box.open > ul,
.cmm .direct_options_area .goods_list > li .goods_img {border-radius:initial;}

/* 햄버거 하단 이동으로 인한 사이드메뉴 진입 가능으로 인한 예외 처리 */
#side_menu .top_wrap .mem_class {background-color:transparent;}
#side_menu .top_wrap .mem_class:before {display:none;}

/* 내일도착 - 2025-04-10 가격표기개선 수정 */
.goods__badge-tomorrow {display:inline-block;width:69px;height:16px;margin-top:8px;vertical-align:top;background-repeat:no-repeat;background-size:contain;background-position:0 0;border-radius:0;background-image:url(/resources_new/img/product/icon_tomorrow.png);font-size:0;}
.goods__price-box .goods__badge-tomorrow {margin-top:0;margin-bottom:2px;}

/* 2026-04-10 지금퀵 태그 */
.goods__badge-quick {display:inline-block;width:38px;height:16px;margin-top:8px;vertical-align:top;background-repeat:no-repeat;background-size:contain;background-position:0 0;border-radius:0;background-image:url(/resources_new/img/common/icon_quick.png);font-size:0;}

/* 쇼핑라이브 숏폼 - 2024-07-22 수정 */
.short-form section {padding:0 0 20px !important;}
.short-form .swiper {padding:0 16px !important;}
.short-form .sauceclip-curation-carousel-contents .swiper-wrapper .swiper-slide {margin-right:12px !important;}
.short-form [class^="_middle-container_"]>[class^="_summary_"] {color:var(--color-gray-800) !important;font-weight:500 !important;}
.short-form [class^="_bottom-container_"] {padding-top:12px !important;}
.short-form [class^="_product-container_"] img {border-color:#f0f0f0 !important;}
.short-form [class^="_product-container_"]>[class^="_info-container_"]>[class^="_name_"] {color:var(--color-gray-800) !important;}
.short-form [class^="_product-container_"]>[class^="_info-container_"]>[class^="_price_"] {color:var(--color-gray-900) !important;}
@media screen and (max-width: 360px) {
    .short-form [class^="_product-container_"] {gap:4px !important;}
}
@media screen and (max-width: 360px) {
    .short-form [class^="_product-container_"]>[class^="_info-container_"] {width:calc(100% - 52px) !important;}
}

/* 전시카테고리 메인 - 2024-12-19 추가 */
.category_index {position:relative;display:flex;padding-top:0;}
/* 전시카테고리 > 전문관 리스트 */
.quick_link_wrap {z-index:10; position:fixed;top:60px;right:0;left:0;border-bottom:1px solid #f0f0f0;background-color:var(--color-static-white); transform: translateZ(0); will-change: transform;backface-visibility: hidden; overflow: hidden;}
.quick_link {padding:10px 20px 20px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling: touch;}
header.sub.bnr ~ .content .quick_link,
header.sub.bnr ~ .contents .quick_link {top:calc(60px + 64px);}
.quick_link::-webkit-scrollbar {display:none;}
.quick_link .quick_link_menu {display:inline-block;white-space:nowrap;vertical-align:top;font-size:0;}
.quick_link .quick_link_menu li {display:inline-block;vertical-align:top;width:60px;}
.quick_link .quick_link_menu li+li {margin-left:12px;}
.quick_link .quick_link_menu li a {display:block;width:auto;height:auto;text-align:center;}
.quick_link .quick_link_menu li a .quick_link_img {display:block;width:60px;height:60px;overflow:hidden}
.quick_link .quick_link_menu li a .quick_link_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;white-space:normal;word-break:keep-all;word-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} /* 2025-01-14 수정 */
.quick_link .quick_link_menu li a .quick_link_title:empty {margin-top:0;}
/* 전시카테고리 > 카테고리 리스트 */
.category_index .all_category {position:relative;display:flex;width:100%;height:100%;padding-top:0;padding-left:128px;background-color:var(--color-static-white);box-sizing:border-box;}
.all_category .all_category_main {position:fixed;z-index:2;top:60px;left:0;bottom:53px;overflow:hidden;width:128px;height:auto !important;background-color:var(--color-gray-50);}
.app .all_category .all_category_main {bottom:0;} /* 2024-12-20 앱 설정 추가 */
.all_category .all_category_main::-webkit-scrollbar {display:none;}
.all_category .category_main_wrap {position:relative;z-index:2;}
.all_category .all_category_main .main_lst {height:60px;}
.all_category .all_category_main .main_lst button {display:inline-block;vertical-align:top;width:100%;height:100%;padding:0 20px;box-sizing:border-box;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-gray-800);font-size:14px;line-height:16px;letter-spacing:-0.02em;font-weight:400;}
.all_category .all_category_main .main_lst.active button {color:var(--color-gray-900);font-size:15px;line-height:20px;letter-spacing:-0.02em;font-weight:700;background-color:var(--color-static-white);}
.all_category .all_category_main li button:after {display:none}
.all_category .all_category_sub {position:relative;width:100%;padding-bottom:53px;}
.app .all_category .all_category_sub {padding-bottom:0;} /* 2024-12-20 앱 설정 추가 */
.all_category .all_category_sub .lst {margin:0 20px;padding:10px 0;border-bottom:1px solid #f0f0f0;}
.all_category .all_category_sub .lst:last-child {border-bottom:0;}
.all_category .all_category_sub .lst li a {display:flex;height:40px;margin-top:10px;}
.all_category .all_category_sub .bn:not(:empty) {margin:10px 0;}
.all_category .all_category_sub .bn a {display:inline-block;width:100%;vertical-align:top;border-radius:8px;overflow:hidden;} /* 2025-01-14 수정 */
.all_category .all_category_sub .bn img {display:block;width:100%;}
.all_category .all_category_sub .lst .title {padding:0;} /* 2025-01-10 수정 */
.all_category .all_category_sub .lst .title a {display:flex;align-items:center;justify-content:space-between;height:40px;gap:0 10px;} /* 2025-01-10 수정 */
.all_category .all_category_sub .lst .title span {display:inline-block;vertical-align:top;color:var(--color-gray-900);font-size:16px;line-height:20px;letter-spacing:-0.02em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.all_category .all_category_sub .lst.active .title span {color:var(--color-primary-normal);} /* 2025-01-08 선택컬러 변경 */
.all_category .all_category_sub .lst .title .icon_arrow {flex-shrink:0;font-size:0;width:6px;height:10px;background:url(/resources_new/img/cate/ico_menu_go.svg) no-repeat 0 0/6px;}
.all_category .all_category_sub .lst li {padding:0;}
.all_category .all_category_sub .lst li a {display:flex;align-items:center;justify-content:space-between;gap:0 10px;}
.all_category .all_category_sub .lst li span {display:inline-block;vertical-align:top;color:var(--color-gray-900);font-size:14px;line-height:20px;letter-spacing:-0.02em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.all_category .all_category_sub .lst li .icon_arrow {flex-shrink:0;font-size:0;width:6px;height:10px;background:url(/resources_new/img/cate/ico_menu_go.svg) no-repeat 0 0/6px;}
.all_category .all_category_sub .lst a:active {background-color: rgba(0, 0, 0, 0.1);} /* 2025-01-10 추가 */

/* 2024-12-19 전시카테고리 수정 */
#container header.sub {z-index:140 !important;}
#container header.sub ~ .content {margin-top: 60px;}
.filter__menu .search_relate_keyword_wrap_v2 .search_relate_keyword {position:relative;top:0;}
.filter_category {position:relative;padding-top:102px;}
.filter_category .filter__menu {overflow:hidden;position:absolute;top:0;left:0;width:100%;background-color:var(--color-static-white);}
.filter_category .filter__menu.fixed {position:fixed;z-index:130;}
.filter_category .filter__menu .filter__menu--main {overflow:hidden;z-index:20;position:relative;height:50px;margin-bottom:10px;}
.filter_category .filter__menu .filter__menu--main::before {content:'';clear:both;position:absolute;top:0;left:0;display:block;width:100%;height:1px;background-color:#f0f0f0;}
.filter_category .filter__menu .filter__menu--main::after {content:'';clear:both;position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background-color:#f0f0f0;}
.filter_category .filter__menu .filter__menu--main {padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.filter_category .filter__menu .filter__menu--main .swiper-wrapper {height:50px !important;}
.filter_category .filter__menu .filter__menu--main .swiper-wrapper .swiper-slide {height:50px !important;margin-left:16px;width:auto;-webkit-box-sizing:border-box;box-sizing:border-box;}
.filter_category .filter__menu .filter__menu--main .swiper-wrapper .swiper-slide:first-child {margin-left:0;}
.filter_category .filter__menu .filter__menu--main .swiper-wrapper .swiper-slide a {position:relative;display:block;height:50px !important;line-height:50px;box-sizing:border-box;font-size:15px;color:var(--color-gray-800);letter-spacing:-0.03em;font-weight:500;}
.filter_category .filter__menu .filter__menu--main .swiper-wrapper .swiper-slide a:active {background-color: rgba(0, 0, 0, 0.1);} /* 2025-01-14 추가 */
.filter_category .filter__menu .filter__menu--main .swiper-wrapper .swiper-slide.active a {color:var(--color-primary-normal);font-weight:700;} /* 2025-01-08 선택컬러 변경 */
.filter_category .filter__menu .filter__menu--main .swiper-wrapper .swiper-slide.active a::after {content:'';clear:both;position:absolute;bottom:0;left:0;display:block;width:100%;height:2px;background-color:var(--color-primary-normal);} /* 2025-01-08 선택컬러 변경 */
.filter_category .filter__menu--open {position:absolute;top:0;left:0;z-index:2;width:100%;height:50px;background-image:none;pointer-events:none;}
.filter_category .filter__menu--open .btn-filter {position:absolute;top:0;right:0;margin-right:0;display:inline-block;width:51px;height:50px;box-sizing:border-box;border:1px solid #f0f0f0;border-right:0;background:var(--color-static-white) url(/resources_new/img/cate/ico_menu_open.svg) 50% 50% no-repeat;background-size:50px auto;vertical-align:top;pointer-events:initial;}
.filter_category .filter__menu--open .btn-filter span {overflow:hidden;font-size:0;}
.filter_category .filter__menu--open .btn-filter::before {content:'';position:absolute;top:0;left:-21px;display:block;clear:both;width:20px;height:48px;background:linear-gradient(90deg,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%);}
.filter_category .filter__menu--open .btn-filter.open {transform:scaleY(-1);}
.filter_category .filter__menu .filter__menu--main .filter__menu--open .bottom-sheet__wrapper {width:100%;}
.filter_category .filter__menu .filter__menu--main .filter__menu--open .bottom-sheet__wrapper .bottom-sheet__banner {text-align:left;}
.filter_category .filter__menu .filter__menu--main .swiper-slide.mr {margin-right:50px !important;}
.filter_category .filter__menu .icon-type {position:relative;padding:14px 20px;}
.filter_category .filter__menu .icon-type .swiper-slide {margin-left:14px;width:52px;border-radius:50%;text-align:center;}
.filter_category .filter__menu .icon-type .swiper-slide a {height:70px;line-height:inherit;}
.filter_category .filter__menu .icon-type .swiper-slide .filter__menu--img {overflow:hidden;position:relative;width:52px;height:52px;border-radius:50%;}
.filter_category .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_category .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_category .filter__menu .icon-type .swiper-slide.active .filter__menu--title {color:var(--color-gray-900);font-weight:600;}
.filter_category .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%);}
/* 전시카테고리 > 2뎁스 카테고리 펼침메뉴 - 2025-02-10 모션추가 */
.filter_allmenu {z-index:999;position:fixed;top:110px;left:0;display:none;width:100%;height:100%;text-align:left;outline:none;overflow:hidden;}
header.sub.bnr ~ .content  .filter_category .filter_allmenu,
header.sub.bnr ~ .contents  .filter_category .filter_allmenu {top:calc(110px + 64px);}
.filter_allmenu .dim {position:absolute;top:0;left:0;z-index:1;width:100%;height:calc(100% - 110px);background:var(--color-dimmer-50);opacity:1;}
.filter_allmenu .layer_con {position:relative;z-index:2;top:0;}
.filter_allmenu .filter_list {max-height:336px;overflow:auto;background-color:var(--color-static-white);}
.filter_allmenu .filter_list ul {position:relative;z-index:2;padding:8px 0;font-size:0;background-color:var(--color-static-white);}
.filter_allmenu .filter_list li {display:inline-block;vertical-align:top;width:50%;height:40px;}
.filter_allmenu .filter_list li a {display:inline-block;vertical-align:top;width:100%;height:100%;line-height:40px;padding:0 20px;box-sizing:border-box;color:var(--color-gray-900);font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.filter_allmenu .filter_list li.active a {font-weight:700;color:var(--color-primary-normal);} /* 2025-01-08 선택컬러 변경 */
/* 전시카테고리 > 2뎁스 카테고리 펼침메뉴 > 닫힘모션 */
.filter_allmenu.modal_close .layer_con {top:-100%;transition:all 400ms ease-in-out;}
.filter_allmenu.modal_close .dim {opacity:0;transition:all 400ms ease-in-out;}
/* 전시카테고리 > 2뎁스 카테고리 펼침메뉴 > 로딩바 */
.filter_allmenu .loader_bar {position:absolute;bottom:0;left:0;width:100%;height:2px;margin:0;z-index:10;}
.loader_bar .loader {width:100%;height:2px;background:#f0f0f0;position:relative;overflow:hidden;}
.loader_bar .loader .light {width:140px;height:100%;position:absolute;left:-20%;top:0px;background:linear-gradient(87deg,rgba(255, 10, 155, 0) 0%,rgb(255, 10, 155) 40%,rgb(255, 10, 155) 60%,rgba(255, 10, 155, 0) 100%);animation:ldb-light 2s infinite ease-in-out;}
@keyframes ldb-light {
    0% {left:-30%;}
    100% {left:100%;}
}
/* 전시카테고리 > 2뎁스 카테고리 > 더보기버튼 > 원형 로딩 */
.filter_category .filter__menu--open .loader_circle {position:absolute;top:0;right:0;margin-right:0;display:inline-block;width:51px;height:50px;box-sizing:border-box;border:1px solid #f0f0f0;border-right:0;box-sizing:border-box;background-color:var(--color-static-white);z-index:999;background-color:var(--color-static-white);pointer-events:initial;}
.loader_circle .lds-spinner {display:inline-block;position:relative;width:80px;height:80px;transform:scale(0.25) translate(-75%,-75%);}
.loader_circle .lds-spinner div {transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite;}
.loader_circle .lds-spinner div:after {content:'';display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:var(--color-static-black);}
.loader_circle .lds-spinner div:nth-child(1) {transform:rotate(0deg);animation-delay:-1.1s;}
.loader_circle .lds-spinner div:nth-child(2) {transform:rotate(30deg);animation-delay:-1s;}
.loader_circle .lds-spinner div:nth-child(3) {transform:rotate(60deg);animation-delay:-0.9s;}
.loader_circle .lds-spinner div:nth-child(4) {transform:rotate(90deg);animation-delay:-0.8s;}
.loader_circle .lds-spinner div:nth-child(5) {transform:rotate(120deg);animation-delay:-0.7s;}
.loader_circle .lds-spinner div:nth-child(6) {transform:rotate(150deg);animation-delay:-0.6s;}
.loader_circle .lds-spinner div:nth-child(7) {transform:rotate(180deg);animation-delay:-0.5s;}
.loader_circle .lds-spinner div:nth-child(8) {transform:rotate(210deg);animation-delay:-0.4s;}
.loader_circle .lds-spinner div:nth-child(9) {transform:rotate(240deg);animation-delay:-0.3s;}
.loader_circle .lds-spinner div:nth-child(10) {transform:rotate(270deg);animation-delay:-0.2s;}
.loader_circle .lds-spinner div:nth-child(11) {transform:rotate(300deg);animation-delay:-0.1s;}
.loader_circle .lds-spinner div:nth-child(12) {transform:rotate(330deg);animation-delay:0s;}
@keyframes lds-spinner {
    0% {opacity:1;}
    100% {opacity:0;}
}

/* 전시카테고리 > 2뎁스 카테고리 */
.category_menu_box {position:relative;margin-bottom:20px;}
.category_menu_box .menu_box {max-height:150px;overflow:hidden;}
.category_menu_box .btn_moreview {position:absolute;bottom:0;right:0;display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:0 6px;width:33.33%;height:50px;background-color:var(--color-static-white);border-bottom:1px solid var(--color-gray-200);}
.category_menu_box .btn_moreview span {display:inline-block;color:var(--color-gray-700);font-size:14px;letter-spacing:-0.02em;font-weight:600;}
.category_menu_box .btn_moreview::after {content:'';display:inline-block;clear:both;vertical-align:top;width:10px;height:6px;background:url(/resources_new/img/cate/icon_more_view.svg) no-repeat 0 0/10px;}
.category_menu_box ul {display:block;font-size:0;}
.category_menu_box li {display:inline-block;vertical-align:top;width:33.333%;height:50px;padding:0;box-sizing:border-box;border-bottom:1px solid var(--color-gray-200);border-right:1px solid var(--color-gray-200);} /* 2025-01-14 수정 */
.category_menu_box li:nth-child(-n+3){border-top:1px solid var(--color-gray-200);}
.category_menu_box li:nth-child(3n) {border-right:0;}
.category_menu_box li a {display:inline-block;vertical-align:top;width:100%;height:100%;padding:15px 10px;box-sizing:border-box;color:var(--color-gray-900);font-size:14px;line-height:20px;letter-spacing:-0.02em;font-weight:400;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* 2025-01-14 수정 */
.category_menu_box li a:active {background-color: rgba(0, 0, 0, 0.1);} /* 2025-01-14 추가 */

/* 마케팅수신동의 띠배너 - 2024-12-26 추가 */
.top_banner {position:relative;}
.banner_marketing_noti {display:flex;align-items:center;width:100%;height:100%;padding:10px 0 10px 16px;box-sizing:border-box;background-color:#fafafb;}
.banner_marketing_noti .title {flex:1;overflow:hidden;padding-right:10px;box-sizing:border-box;}
.banner_marketing_noti .title .title_main {display:block;color:var(--color-gray-800);font-size:14px;line-height:20px;letter-spacing:-0.03em;font-weight:600;}
.banner_marketing_noti .title .title_sub {display:block;color:var(--color-gray-800);font-size:12px;line-height:20px;letter-spacing:-0.03em;font-weight:500;}
.banner_marketing_noti .btn_noti {flex-shrink:0;display:flex;align-items:center;justify-content:center;width:70px;height:30px;padding:0 10px;box-sizing:border-box;border:1px solid var(--color-primary-normal);border-radius:15px;color:var(--color-primary-normal);font-size:13px;letter-spacing:-0.02em;font-weight:600;}
.banner_marketing_noti .close {flex-shrink:0;display:inline-block;vertical-align:top;width:40px;height:40px;background:url(/resources_new/img/common/icon_topbn_close.svg) 0 0/40px no-repeat;text-indent:-9999px;}
.event_content .top_banner {padding-bottom:16px;}

/* GNB > 전문관 버튼 - 2025-01-14 추가 */
.btn-proshop {border:none;outline:none;background-color:transparent;position:absolute !important;top:14px;left:119px;width:fit-content;height:28px;color:var(--color-static-white);border-radius:14px;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;font-size:14px;box-shadow:0px 0px 6px 0px rgba(255, 50, 155, 0.8);}
.btn-proshop .gradient-container {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;overflow:hidden;border-radius:inherit;z-index:-2;}
.btn-proshop .gradient {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:110%;aspect-ratio:1;border-radius:14px;background-image:var(--color-primary-gradation-2);animation:rotateBtnBorder 2s linear infinite;}
.btn-proshop .label {display:flex;flex-shrink:0;align-items:center;width:calc(100% - 4px);height:calc(100% - 4px);text-align:center;line-height:28px;border-radius:14px;background-color:var(--color-static-black);white-space:nowrap;padding:0 4px 0 10px;box-sizing:border-box;font-size:14px;line-height:18px;letter-spacing:-0.02em;font-weight:600;}
.btn-proshop .icon-arrow {flex-shrink:0;content:'';display:inline-block;clear:both;width:18px;height:18px;margin-right:4px;background:url(/resources_new/img/common/arrow_drop_down.svg) 0 0/18px no-repeat;}
/* GNB 전문관 모션 추가 2025-06-20 추가*/
.btn-proshop .words {height: 24px; min-width: 37px; overflow: hidden;position: relative;}
.btn-proshop .word {display: block;height: 24px;line-height: 24px;font-size: 14px;transform: translateY(0%);animation: rollWords 16s ease-in-out infinite;}
.btn-proshop .word.motionOff{animation: none;}
.btn-proshop .words::after {content: "";position: absolute;inset: 0;background: linear-gradient(#000 5%, transparent 30%, transparent 70%, #000 95%);z-index: 20;}
.btn-proshop.open .icon-arrow {transform:scaleY(-1);}

@keyframes rotateBtnBorder {
    0% {transform:translate(-50%, -50%) rotate(0deg);}
    100% {transform:translate(-50%, -50%) rotate(360deg);}
}

@keyframes rollWords {
  0% { transform: translateY(0%); }
  10% { transform: translateY(-102%); }
  15% { transform: translateY(-100%); }
  25% { transform: translateY(-202%); }
  30% { transform: translateY(-200%); }
  40% { transform: translateY(-302%); }
  45% { transform: translateY(-300%); }
  55% { transform: translateY(-402%); }
  60% { transform: translateY(-400%); }
  70%, 100% { transform: translateY(-500%); }
}

/* GNB > 전문관 리스트 펼침메뉴 - 2025-01-14 추가 */
.proshop_allmenu {z-index:9999;position:fixed;top:56px;left:0;display:none;width:100%;height:calc(100% - 56px);text-align:left;outline:none;} /* 2025-02-14 수정 */
body:has(.header_banner) .proshop_allmenu {top:120px;height:calc(100% - 120px);}
.proshop_allmenu .dim {position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-dimmer-50);}
.proshop_allmenu .layer_con {overflow:hidden;overflow-y:auto;position:relative;max-height:100%;padding:20px;box-sizing:border-box;background-color:var(--color-static-white);}
.proshop_allmenu .layer_footer {display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:0 8px;}
.proshop_allmenu .layer_footer p {line-height:14px;color:var(--color-gray-500);font-size:12px;letter-spacing:-0.03em;font-weight:500;}
.proshop_allmenu .layer_footer .btn_close {display:flex;flex-shrink:0;align-items:center;border-radius:16px;border:1px solid var(--color-gray-300);padding:2px 10px;}
.proshop_allmenu .layer_footer .btn_close span {color:var(--color-gray-700);font-size:14px;line-height:24px;letter-spacing:-0.02em;font-weight:600;}
.proshop_allmenu .layer_footer .btn_close::before {content:'';clear:both;display:inline-block;vertical-align:top;width:12px;height:12px;margin-right:4px;background:url(/resources_new/img/common/btn_close_proshop.svg) 0 0/12px no-repeat;}
.proshop_allmenu .proshop-list {position:relative;z-index:2;font-size:0;}
.proshop_allmenu .proshop-list li {position:relative;display:inline-block;vertical-align:top;width:100%;}
.proshop_allmenu .proshop-list li + li {margin-top:12px;}
.proshop_allmenu .proshop-list li a {overflow:hidden;display:inline-block;vertical-align:top;width:100%;height:100%;line-height:40px;padding:0;box-sizing:border-box;color:var(--color-gray-900);font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.proshop_allmenu .proshop-list li a .img_wrap {overflow:hidden;display:block;min-height:29px;border-radius:10px;}
.proshop_allmenu .proshop-list li a img {display:block;width:100%;}
.proshop_allmenu .proshop-list li a .title_wrap {position:absolute;top:0;left:0;display:flex;align-items:center;width:100%;height:100%;padding:0 20px;box-sizing:border-box;overflow:hidden;}
.proshop_allmenu .proshop-list li a .title {position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:flex-start;align-items:center;width:100%;height:29px;gap:0 8px;padding:0 20px;box-sizing:border-box;overflow:hidden;}
.proshop_allmenu .proshop-list li a .title .text {line-height:29px;color:var(--color-gray-900);font-size:24px;letter-spacing:-0.02em;font-weight:600;}
.proshop_allmenu .proshop-list li a .title .icon_arrow {flex-shrink:0; display:inline-block;vertical-align:top;width:10px;height:16px;background:url(/resources_new/img/common/arrow_gnb_shoplist.svg) 0 0/auto 16px no-repeat;}

/* 그룹상품 옵션선택 - 2025-04-15 수정 */
.goods_group {position:relative;margin-top:6px;}
.goods_group .option_btn {display:flex;flex-wrap:nowrap;width:fit-content;max-width:100%;gap:0 4px;box-sizing:border-box;}
.goods_group.active .option_btn .ico_arrow {transform:scaleY(-1);}
.goods_group .option_name {flex:1;display:inline-block;padding:0 9px;border-radius:12px;background-color:#5382fa;color:var(--color-static-white);font-size:12px;line-height:24px;letter-spacing:-0.02em;font-weight:500;vertical-align:top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.goods_group .option_num {display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:0 2px;padding:0 7px;border:1px solid #5382fa;border-radius:12px;color:#5382fa;font-size:12px;line-height:22px;letter-spacing:-0.02em;font-weight:500;background-color:var(--color-static-white);}
.goods_group .option_num .ico_plus {flex-shrink:0;display:inline-block;width:6px;height:6px;background:url(/resources_new/img/search/icon_plus.svg) 0 0/6px no-repeat;font-size:0;}
.goods_group .option_num .ico_arrow {flex-shrink:0;display:inline-block;width:10px;height:10px;background:url(/resources_new/img/search/icon_arrow_option.svg) 0 0/10px no-repeat;font-size:0;}
.goods_group .option_num .num {color:#5382fa;font-weight:500;}
.goods_group ul.dropdown {overflow:auto;position:absolute;top:100%;left:0;z-index:30;display:none;max-height:260px;gap:0 !important;margin-top:4px;padding:8px 10px;box-sizing:border-box;border:1px solid #5382fa;border-radius:6px;background-color:var(--color-static-white);box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.1);} /* 2025-05-27 수정 */
.goods_group ul.dropdown li {display:block;width:auto !important;min-height:auto !important;margin:5px 0 0;padding:5px 0 0;color:var(--color-gray-900);font-size:13px;line-height:20px;letter-spacing:-0.02em;border-top:1px solid #f0f0f0;}
.goods_group ul.dropdown li:first-child {margin-top:0;padding-top:0;border-top:0;}
.category_section.cube .category_body .prd_list ul.dropdown {display:none;}
/* 기획전_그룹상품 옵션선택 분기 추가 - 2025-05-30 수정 */
.goods_group.type_exhibitions .option_btn { position: relative; width: 100%; text-align: left; }
.goods_group.type_exhibitions .option_name {padding: 0 19px 0 8px; line-height: 22px; background-color: var(--color-static-white); border: 1px solid #5382fa; color: #5382fa;}
.goods_group.type_exhibitions .option_btn::after {content:"";  position:absolute; right: 7px; top:50%; margin-top: -5px; display:inline-block;width:10px;height:10px;background:url(/resources_new/img/search/icon_arrow_option.svg) 0 0/10px no-repeat;}
.goods_group.type_exhibitions.active .option_btn::after {transform: scaleY(-1);}