@charset "UTF-8";
/*  상품진열 페이지 스타일 파일입니다. */
.display-detail__breadcrumb {
  height: 24px;
}
.display-detail__search-keyword-wrap {
  font-weight: 700;
  font-size: 24px;
  padding-block-start: 20px;
  padding-block-end: 40px;
  border-block-end: 2px solid var(--color-base-black);
}
.display-detail__search-keyword {
  font-style: normal;
  color: var(--color-point);
}
.display-detail :where(.l-title) {
  font-size: 24px;
  border-bottom: unset;
  padding: unset;
  margin-block: 20px;
}
.display-detail .page-content-top {
  min-height: 100px;
}
.display-detail .page-content-top__location {
  color: var(--gray500);
}
.display-detail .page-content-top__location a {
  display: block;
}
.display-detail .page-content-top__breadcrumb-category-label::after {
  opacity: 0.6;
}
.display-detail .notice {
  height: 50dvh;
}
.display-detail .thumb-item__info {
  padding: 0;
  padding-block: 10px;
}
.display-detail .pagination {
  padding-top: 60px;
}


/*custom-display-detail*/
.custom-display-detail.display-detail :where(.l-title){margin-block: 0;  font-size: 36px;line-height: 1; margin: 60px 0 33px;}
.custom-display-detail .sort-list__wrap--margin {  margin-block-start: 52px; margin-block-end: 20px;gap: 29px;}
.custom-display-detail .total-count--md {font-size: 14px;  font-family: "Pretendard Variable";}
.custom-display-detail .total-count em{color:#000;}

.custom-display-detail .sort-list { gap: 34px;}
.custom-display-detail .sort-list .sort-item {font-size: 14px; color: #000;}
.custom-display-detail .sort-list .sort-item.active::before {content: ''; position: absolute;width: 100%;left: 0; bottom: -3px;height: 1px; background-color: #3a42ff;}
.custom-display-detail .sort-item:not(:last-child)::after{display: none;}
.custom-display-detail .sort-list .sort-item.active {position: relative;color: #3a42ff; font-weight: 600;}
.custom-display-detail .select--sm { height: 30px; border: 1px solid #e5e5e5;}
.custom-display-detail .select::after {content: ''; position: absolute; right: 14px;top: 25%;width: 8px; height: 8px;border-top: 1px solid #000; border-right: 1px solid #000;  transform: rotate(135deg); background: none;}

.custom-display-detail :where(.thumb-GALLERY, .thumb-CART, .thumb-SIMPLE_IMAGE){grid-template-columns: repeat(5, 1fr); gap:20px; row-gap: 50px;}