@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: 10px 0;
}
.display-detail > .inner {
padding: 100px 0 200px;
}
.sort-list__wrap {
margin-top: 0;
}
.time-sale-product-list {
display: flex;
flex-wrap: wrap;
gap: 80px 20px;
}
.time-sale-product-list:not(:first-of-type) {
margin-top: 80px;
}
.time-sale-product-list li {
flex: 0 0 calc(33% - 8px);
}
.time-sale-product-list li .thumb-item a {
display: flex;
gap: 15px;
}
.time-sale-product-list li .thumb-item__media {
width: 250px;
height: 250px;
border: 0;
border-radius: 0;
flex: 0 0 250px;
}
.time-sale-product-list li .thumb-time {
width: 100%;
padding: 20px;
background-color: #313131;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
color: var(--color-base-white);
}
.time-sale-product-list li .thumb-time .countDown,
.time-sale-product-list li .thumb-time .countDown span {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
.time-sale-product-list li .thumb-item__info .sec-top {
margin-bottom: 20px;
}
.time-sale-product-list li .thumb-item__info .time-date {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 500;
padding-left: 20px;
margin-top: 10px;
background: url(../../assets/images/geek/ico_calender.png) 0 50% no-repeat;
}
.time-sale-product-list li .thumb-item__info .stock {
font-size: 14px;
}
.time-sale-product-list li .thumb-item__info .stock span {
font-size: inherit;
}
.time-sale-product-list li .product-thumb-price-info {
gap: 20px;
}
.time-sale-product-list li .product-thumb__immediately-percent {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: var(--color-point);
color: var(--color-base-white);
font-size: 24px;
}
.time-sale-product-list li .product-thumb__immediately-percent span {
color: inherit;
font-size: 14px;
}
.time-sale-product-list li .product-thumb-price--origin {
display: block;
}
.time-sale-product-list li .product-thumb-price {
font-size: 24px;
color: var(--color-point);
}
.thumb-item__img img {
object-fit: fill;
}
.product-thumb__rental-info .product-thumb__rental-notify {
position: absolute;
top: 0;
width: 50px;
height: 50px;
font-family: 'spoqa-han-sans', sans-serif;
color: #fff;
background-color: var(--color-point);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.product-thumb__default-notify {
position: absolute;
top: 0;
width: 50px;
height: 50px;
font-family: 'spoqa-han-sans', sans-serif;
color: #fff;
background-color: #000;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.thumb-item__media .thumb-fab {
display: none;
}