@charset "utf-8";

/* 제품 리스트 */

/* 카테고리사이드바 */
.category-sidebar {position:sticky; top:calc(var(--header-height) + 40px);}
.category-all-link {display:flex; align-items:center; padding:0 0 var(--fs-20); color:var(--grayscale9); font-size:var(--fs-18); font-weight:400; line-height:1.5; transition:color .2s;}
.category-all-link:hover {color:var(--color-static3);}
.category-all-link.active {color:var(--color-static3);}
.category-depth2-list {border-top:1px solid var(--color-border1);}
.category-depth2-item {border-bottom:1px solid var(--color-border1);}
.category-depth2-row {display:flex; align-items:center; justify-content:space-between;}
.category-depth2-link {flex:1; display:flex; align-items:center; padding-block:var(--fs-20); color:var(--grayscale9); font-size:var(--fs-18); font-weight:400; line-height:1.5; transition:color .2s;}
.category-depth2-link:hover {color:var(--color-static3);}
.category-depth2-item.active > .category-depth2-row > .category-depth2-link {color:var(--color-static2); font-weight:700;}
.category-toggle-btn {flex-shrink:0;}
.category-toggle-btn img {transition:transform .2s;}
.category-depth2-item.open .category-toggle-btn img {transform:rotate(-180deg);}
.category-depth3-list {display:none; padding-bottom:var(--fs-12); border-top:1px solid var(--color-border1);}
.category-depth3-item a {display:flex; align-items:center; padding:var(--fs-10) var(--fs-12); color:var(--grayscale6); font-size:var(--fs-14); font-weight:500; transition:background-color .2s,color .2s;}
.category-depth3-item a:hover {background-color:var(--color-bg1);}
.category-depth3-item.active a {background-color:var(--color-bg2); color:var(--color-static3);}

/* 진열상품 */
.container:has(.sub-section.bg-color),
.container:has(.exhibition-tit-section),
.container:has(.display-tit-section) {padding-top: var(--header-height);}
.display-tit-section {margin-bottom: 0 !important; overflow: visible;}
.exhibition-tit-section {position: relative; height: calc(100vh - (var(--header-height) + 40px)); max-height: 800px; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.exhibition-tit-section::after {content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: #000000; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); padding: var(--fs-30);}
.exhibition-tit-section .inner {height: 100%; justify-content: flex-end; position: relative; z-index: 11;}
.exhibition-tit-section .inner .breadcrumb .breadcrumb-list a,
.exhibition-tit-section .inner .breadcrumb .breadcrumb-list span,
.exhibition-tit-section .inner .section-tit,
.exhibition-tit-section .inner .section-sub {color: var(--color-white);}

/* 상위카테고리 */
.product-category-section {border-bottom: 1px solid var(--color-border1);}
.product-category-section .product-category-nav {margin-bottom: -1px;}
.product-category-section .product-category-nav .product-category-list {display: flex;}
.product-category-section .product-category-nav .product-category-list a {transition: colore 0.2s; border-bottom: 2px solid transparent; padding: var(--fs-18) var(--fs-48); font-size: var(--fs-18); font-weight: 500; line-height: 1.5; color: var(--grayscale7);}
.product-category-section .product-category-nav .product-category-list .active a {border-color: var(--color-static3); font-weight: 600; color: var(--grayscale9);}
.product-category-section .product-category-nav .product-category-list a:hover {color: var(--grayscale9);}

/* 기획전 목록 */
.exhibition-list-section .exhibition-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-60) var(--fs-24);}
.exhibition-list-section .exhibition-item {position: relative; width: 100%; aspect-ratio: 748/380;}
.exhibition-list-section .exhibition-item .thumb-wrap {width: 100%; height: 100%; overflow: hidden;}
.exhibition-list-section .exhibition-item .thumb-wrap img {transition: transform .5s ease; width: 100%; height: 100%; object-fit: cover;}
.exhibition-list-section .exhibition-item:hover .thumb-wrap img {transform: scale(1.1);}
.exhibition-list-section .exhibition-item .txt-wrap {position: absolute; inset: 0; z-index: 10; padding: var(--fs-30); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; row-gap: 4px; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.exhibition-list-section .exhibition-item .txt-wrap strong,
.exhibition-list-section .exhibition-item .txt-wrap p {color: var(--color-white);}
.exhibition-list-section .pagination {margin-top: var(--space-80);}

/* 메뉴리스트 */
.product-list-content {display: flex; flex-direction: column; row-gap: var(--fs-24);}

/* 상품없음 */
.product-list-content .empty-content {width: 100%; max-width: 640px; margin-inline: auto; display: flex; flex-direction: column; align-items: center; row-gap: var(--space-60);}
.product-list-content .empty-content .txt-wrap {text-align: center; display: flex; flex-direction: column; row-gap: var(--fs-12);}
.product-list-content .empty-content .txt-wrap span {color: var(--grayscale9);}
.product-list-content .empty-content .txt-wrap p {color: var(--grayscale7); text-align: center;}
.product-list-content .empty-content .goods-more-btn-wrap {margin-top: 0;}

/* 제품 상세페이지 */
.product-view-wrap {display: flex; align-items: flex-start; column-gap: var(--space-100);}
.product-view-section .product-gallery {min-width:0; width: 45%;}
.product-view-section .product-gallery .product-main-swiper {position:relative; width:100%; background-color:var(--grayscale2); overflow:hidden;}
.product-view-section .product-gallery .product-main-swiper .swiper-slide {aspect-ratio:1 / 1.2; overflow:hidden;}
.product-view-section .product-gallery .product-main-swiper .swiper-slide img {width:100%; height:100%; object-fit:cover;}
.product-view-section .product-gallery .product-swiper-btn {opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, visibility .2s ease, transform .2s ease; position:absolute; top:50%; z-index:2; width: var(--fs-44); height:var(--fs-44); display:flex; align-items:center; justify-content:center; border-radius:50%; background-color:rgb(var(--rgb-white) / 90%); transform:translateY(-50%); box-shadow:0 2px 10px rgb(var(--rgb-black) / 8%);}
.product-view-section .product-gallery .product-main-swiper:hover .product-swiper-btn {opacity: 1; visibility: visible; pointer-events: auto;}
.product-view-section .product-gallery .product-swiper-btn.prev {left:20px; transform: translate(-8px, -50%);}
.product-view-section .product-gallery .product-swiper-btn.next {right:20px; transform: translate(8px, -50%);}
.product-view-section .product-gallery .product-main-swiper:hover .product-swiper-btn.prev {transform: translate(0, -50%);}
.product-view-section .product-gallery .product-main-swiper:hover .product-swiper-btn.next {transform: translate(0, -50%);}
.product-view-section .product-gallery .product-swiper-btn img {width: 100%; height: 100%; object-fit: contain;}
.product-view-section .product-gallery .product-swiper-btn.swiper-button-disabled {opacity:0.35; cursor:default;}
.product-view-section .product-gallery .product-thumb-swiper {width:100%; margin-top:12px; overflow:hidden;}
.product-view-section .product-gallery .product-thumb-item {position:relative; aspect-ratio:1 / 1; padding:0; border:1px solid transparent; background-color:var(--grayscale2); overflow:hidden; cursor:pointer;}
.product-view-section .product-gallery .product-thumb-item img {width:100%; height:100%; object-fit:cover; opacity:0.55; transition:opacity 0.2s ease;}
.product-view-section .product-gallery .product-thumb-item:hover img {opacity:0.8;}
.product-view-section .product-gallery .product-thumb-item.swiper-slide-thumb-active img {opacity:1;}
.product-view-section .product-summary {width: calc(55% - var(--space-100));}
.product-view-section .product-summary,
.product-view-section .product-summary > form {display: flex; flex-direction: column; row-gap: var(--fs-30);}
.product-view-section .product-summary > div + div,
.product-view-section .product-summary > form > div {padding-top: var(--fs-30); border-top: 1px solid var(--color-border1);}
.product-view-section .product-summary-head {}
.product-view-section .product-summary-head .product-name {margin-bottom: var(--fs-12); font-size: var(--fs-32); line-height: 1.4; font-weight: 600; color: var(--grayscale9);}
.product-view-section .product-summary-head .goods-price-wrap {margin-bottom: var(--fs-24); display: flex; align-items: center; column-gap: var(--fs-16);}
.product-view-section .product-summary-head .goods-price-wrap .goods-discount-wrap {display: flex; align-items: center; column-gap: var(--fs-12);}
.product-view-section .product-summary-head .goods-price-wrap .goods-discount {font-size: var(--fs-20); font-weight: 600;}
.product-view-section .product-summary-head .goods-price-wrap .goods-price {font-size: var(--fs-36); font-weight: 600;}
.product-view-section .product-summary-head .goods-price-wrap .goods-price-cancle {font-size: var(--fs-24);}
.product-view-section .product-summary-head .product-desc {font-size: var(--grayscale8);}
.product-view-section .selected-option-item {display: flex; flex-direction: column; row-gap: var(--fs-12); padding: var(--fs-12); background-color: rgb(var(--rgb-white) / 60%);}
.product-view-section .selected-option-item + .selected-option-item {border-top: 1px solid var(--color-border1);}
.product-view-section .selected-option-item > * {display: flex; align-items: center; justify-content: space-between;}
.product-view-section .selected-option-item .selected-option-header {align-items: flex-start;}
.product-view-section .selected-option-item .txt-wrap {display: flex; flex-direction: column; row-gap: 4px; align-items: flex-start; font-size: var(--fs-16); line-height: 1.5; color: var(--grayscale11);}
.product-view-section .selected-option-item .txt-wrap .selected-option-name {color: var(--color-static3); font-size: var(--fs-14);}
.product-view-section .selected-option-item .selected-option-price {font-size: var(--fs-22); font-weight: 600; color: var(--grayscale9);}
.product-view-section .product-total-price {display: flex; align-items: center; justify-content: space-between;}
.product-view-section .product-total-price span {}
.product-view-section .product-total-price strong {font-size: var(--fs-28); font-weight: 700;}
.product-view-section .product-benefit-list {}
.product-view-section .product-benefit-item {}
.product-view-section .product-benefit-item > dl,
.product-view-section .product-benefit-btn {width:100%; min-height:56px; display:grid; grid-template-columns:140px 1fr 20px; align-items:center; column-gap:20px; padding:16px 0;}
.product-view-section .product-benefit-item > dl dt,
.product-view-section .product-benefit-tit {color:var(--grayscale7); text-align:left;}
.product-view-section .product-benefit-item > dl dd,
.product-view-section .product-benefit-value {text-align:right;}
.product-view-section .product-benefit-btn img {transition:transform .2s ease;}
.product-view-section .product-benefit-item.open .product-benefit-btn img {transform:rotate(180deg);}
.product-view-section .product-benefit-content {display:none; padding:0 0 16px 160px;}
.product-view-section .product-benefit-content dl {display:flex;justify-content: flex-end; column-gap: 4px;}
.product-view-section .product-benefit-content dl + dl {margin-top:8px;}
.product-view-section .product-benefit-content dd {min-width: 90px;}

.product-detail-nav-section {background-color: var(--color-bg1); position: sticky; top: var(--header-height); left: 0; border-top: 1px solid var(--color-border1); border-bottom: 1px solid var(--color-border1);}
.product-detail-nav-section .product-detail-tab-list {width: 100%; display: flex; align-items: center; justify-content: center; column-gap: var(--space-120);}
.product-detail-nav-section .product-detail-tab-list a {border-bottom: 2px solid transparent; padding: var(--fs-18) var(--fs-16); font-size: var(--fs-16); font-weight: 500; color: var(--grayscale6);}
.product-detail-nav-section .product-detail-tab-list a.active {color: var(--grayscale9); border-color: var(--color-static3);}

.product-detail-section,
.product-review-section,
.product-inquiry-section {scroll-margin-top: calc(var(--header-height) + var(--fs-72))}

.product-detail-section .product-content-block + .product-content-block {padding-top: var(--space-60); margin-top: var(--space-60); border-top: 1px solid var(--color-border1);}
.product-detail-section .product-description-block div {width: fit-content; max-width: 1000px; margin-inline: auto;}
.product-detail-section .product-content-block:not(.product-description-block) {display: grid; grid-template-columns:180px 1fr; column-gap:60px;}
.product-detail-section .product-content-block .product-info-group {display: flex; flex-direction: column; align-items: flex-start; row-gap: var(--fs-12);}
.product-detail-section .product-content-block .product-info-group + .product-info-group {margin-top: var(--fs-40);}
.product-detail-section .product-content-block .product-info-group h3 {color: var(--grayscale9);}
.product-detail-section .product-content-block .product-info-group p {color: var(--grayscale8);}
.product-detail-section .product-content-block .product-info-list.dot li {display: flex; align-items: center; column-gap: var(--fs-12); padding-left: var(--fs-12); color: var(--grayscale8);}
.product-detail-section .product-content-block .product-info-list.dot li::before {content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--grayscale8);}

.product-review-section .review-list {border-top: 1px solid var(--color-border1);}
.product-review-section .review-item {border-bottom: 1px solid var(--color-border1); padding-block: var(--fs-36); padding-inline: var(--fs-12); display: flex; align-items: stretch; column-gap: var(--fs-56);}
.product-review-section .review-item .review-thumb {width: 160px; height: auto; aspect-ratio: 1/1; overflow: hidden;}
.product-review-section .review-item .review-thumb img {width: 100%; height: 100%; object-fit: cover;}
.product-review-section .review-item .review-content {align-self: stretch; padding-block: var(--fs-16); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.product-review-section .review-item .review-content .review-top {display: flex; flex-direction: column;}
.product-review-section .review-item .review-content .review-rating {display: flex; align-items: center; column-gap: 4px;}
.product-review-section .review-item .review-content .review-rating .star {font-size: var(--fs-24); line-height: var(--fs-20); color: var(--color-static2);}
.product-review-section .review-item .review-content .review-rating .star.empty {color: var(--grayscale4);}
.product-review-section .review-item .review-content .txt-wrap {margin-top: var(--fs-12);}
.product-review-section .review-item .review-content .select-option-txt {color: var(--grayscale6);}
.product-review-section .review-item .review-content .review-txt {margin-top: 4px; font-size: var(--grayscale8);}
.product-review-section .review-item .review-content .review-meta {display: flex; align-items: center;}
.product-review-section .review-item .review-content .review-meta span {font-size: var(--fs-16); color: var(--grayscale6); padding-right: var(--fs-12); margin-right: var(--fs-12); border-right: 1px solid var(--grayscale3);}
.product-review-section .review-item .review-content .review-meta .txt-btn {font-size: var(--fs-16); color: var(--grayscale6);}

.recommend-product-section .grid-content {grid-template-columns: 230px 1fr !important;}
.recommend-product-section .section-tit-wrapper {align-items: flex-start;}
.recommend-product-section .recommend-product-list {overflow: hidden;}



/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */