@charset "UTF-8";
/*  상품진열 페이지 스타일 파일입니다. */
:where(.thumb-GALLERY, .thumb-CART, .thumb-SIMPLE_IMAGE){
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
}
.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: 30px;
  line-height: 1;
  border-bottom: unset;
  padding: unset;
  margin: 80px 0 30px;
}
.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: 20px;
}
.display-detail .pagination {
  padding-top: 60px;
}


.display-detail .sort-list__wrap--end{justify-content: space-between; margin-block-start: 40px;margin-block-end: 17px; }
.display-detail .sort-list__wrap--end .list-wrap{display: flex; gap:40px;}
.display-detail .total-count--md{position: relative; font-family: 'Pretendard'; font-size:16px; font-weight: 300;}
.display-detail .total-count--md::after{content:''; position: absolute; width:1px; height:15px; right:-20px; top:1px; background: #e5e5e5;}
.display-detail .sort-list__wrap--end .list-wrap .totalcount{color:#000; font-weight: 300; font-family: 'Pretendard'; font-size:16px; padding-left:4px;}
.display-detail .sort-item{color:#888; font-weight: 300;}
.display-detail .sort-item.active{color:#000; font-weight: 400;}
.display-detail .sort-item:not(:last-child)::after{display: none;}
.display-detail .sort-list{gap:23px;}

/*커스텀 셀렉트박스 */
.display-detail .sort-list__wrap .select {border:none; height:31px;}
.display-detail .sort-list__wrap .select select{  position: absolute;inset: 0;opacity: 0;pointer-events: none;}
.display-detail .sort-list__wrap .select::after{display: none;}

.fake-select {position: relative; width: 117px;font-size: 14px;}
.fake-select__btn {width: 100%;height: 31px; padding: 0 32px 0 12px; border: 1px solid #e5e5e5;border-radius: 5px; background: #fff; text-align: left; cursor: pointer; font-size: 14px;line-height: 31px; box-sizing: border-box;}
.fake-select__btn::after {content:''; position: absolute; top:44%; width:10px; height:6px; right:16px;  background: url('../../assets/img/product/icon_select_arrow.png')no-repeat;}
.fake-select.open .fake-select__btn::after {transform:rotate(-180deg);}
.fake-select__list {position: absolute;top: calc(100% + 9px);left: 0;width: 100%; padding: 5px 0;background: #fff;border: 1px solid #e5e5e5;border-radius: 5px;display: none; z-index: 10;}
.fake-select.open .fake-select__list {display: block;}
.fake-select__list li {padding: 8px 12px;cursor: pointer;font-size: 14px;line-height: 1;}
.fake-select__list li:hover { background: #f5f5f5;}
.fake-select__list li.is-active {font-weight: 600; }