/* common */
.product__thumb{position: relative;overflow: hidden;border-radius: 5px;}
.product__thumb::after{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: var(--hi-black-dim-4);}
.product__thumb .product__tagAd{position: absolute;top: 6px;left: 6px;padding: 2.5px 2px;border-radius: 4px;background-color: var(--hi-black-dim-20);font-size: var(--hi-fs-detail2);font-weight: var(--hi-font-w500);line-height: 13px;color: var(--hi-white-dim-80);z-index: 1;}
.product__thumb .product__tagAd::before{content: "";display: inline-block;width: 12.8px;height: 12.8px;margin-right: 1px;background: url(../img/icon/ico_exclamation_16_white.svg) 50% 50% no-repeat;background-size: 100% auto;vertical-align: top;opacity: 0.8;}
.product__thumb .product__tagEvent{position: absolute;bottom: 6px;left: 6px;padding: 0 6px;height: 19px;line-height: 19px;border-radius: 3px;font-size: var(--hi-fs-detail1);font-weight: var(--hi-font-w400);color: var(--hi-text-white);background-color: var(--hi-color-3);z-index: 1;max-width: calc(100% - 24px);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.product__info{position: relative; padding: 16px 4px 0;}
.product__info em{font-style: normal; display: inline-block; padding-left: 1px;}
.product__info span{display: inline-block;}
.product__info .product__brand{padding: 0 0 7px; font-weight: var(--hi-font-w700); font-size: var(--hi-fs-body4); color: var(--hi-text-gray6); line-height: var(--hi-fs-body4);}
.product__info .product__title{width: 100%; font-weight: var(--hi-font-w400); font-size: var(--hi-fs-body3);color: var(--hi-primary-black); line-height: var(--hi-fs-body1);text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;word-wrap: break-word; margin-bottom: 8px;display: -webkit-box;overflow: hidden;max-height: 36px;}
.product__info .product__discount-rate,
.product__info .product__discounted-price,
.product__info .product__benefit-price{font-size: var(--hi-fs-body1); font-weight: var(--hi-font-w700); line-height: var(--hi-fs-body1);color: var(--hi-primary-black);}
.product__info .product__discount-rate{color: var(--hi-secondary-red);}
.product__info .product__benefit-price{color: var(--hi-secondary-red); display: block;margin-top: 2px;}
.product__info .product__star-rate{margin-top: 8px;}
.product__info .product__unit, 
.product__info .product__sub-txt{font-weight: var(--hi-font-w400); font-size: var(--hi-fs-body4); line-height: var(--hi-fs-body2);vertical-align: bottom;}
.product__info .product__user-rate{color: var(--hi-primary-black);font-size: var(--hi-fs-body3);line-height: var(--hi-fs-body3);font-weight: var(--hi-font-w700);}
.product__info .product__user-rate::before{content: ""; display: inline-block; height: 12px; margin: 1px 3px 0 0; vertical-align: top; width: 12px; background: url(../img/icon/ico_star_red.svg) 0 0 no-repeat; background-size: 100% auto;}
.product__info .product__review-num{color: var(--hi-text-gray4);font-size: var(--hi-fs-detail1);margin-left: 2px;}
.product__info .product__discount-rate--mono{display: block;margin-bottom: 3px;font-size: var(--hi-fs-detail1);font-weight: var(--hi-font-w400);color: var(--hi-color-8);}
.product__info .product__discount-rate--mono span{display: inline-block;position: relative;}
.product__info .product__discount-rate--mono b{font-weight: var(--hi-font-w400);}
.product__info .product__discount-rate--mono span::after{display: block;position: absolute;top: 50%;left: 0;width: 100%;height: 1px;margin: -1px 0;border-top: var(--hi-border-888);content: '';}
.product__info .hm-rank-num{display: inline-block;margin-right: 4px;width: 16px;height: 16px;font-size: var(--hi-fs-detail1);font-weight: var(--hi-font-w700);text-align: center;line-height: 16px;color: var(--hi-text-white);border-radius: 3px;background: #101828;}

/* type tile */
.product--type-tile .product__list{display: flex; flex-wrap: wrap; gap: 9px; margin-right: -9px;}

.product--type-tile-100 .product__item{width: 100%;}
.product--type-tile-105 .product__item{width: 73.0667vw;}
.product--type-tile-200 .product__item{width: 42.9333vw; padding-bottom: 31px;}
.product--type-tile-202 .product__item{width: 37.3333vw; padding-bottom: 31px;}
.product--type-tile-300 .product__item{width: 27.7333vw; padding-bottom: 31px;}

.product--type-tile-200 .swiper-wrapper.product__list{flex-wrap: nowrap; gap: 0;}  
.product--type-tile-202 .swiper-wrapper.product__list{flex-wrap: nowrap; gap: 0; margin-right:0;}
.product--type-tile-300 .product__list{display: flex; flex-wrap: wrap; gap: 9px; margin-right: -9px;}
.product--type-tile-300 .swiper-wrapper.product__list{flex-wrap: nowrap; gap: 0;}

.product--type-tile-200.product--type-group .swiper-wrapper.product__list .product__item{width: 100%; display: flex; gap: 9px;}
.product--type-tile-202.product--type-group .swiper-wrapper.product__list .product__link{width: 37.3333vw;}
.product--type-tile-202.product--type-group .swiper-wrapper.product__list .product__item{width: 100%; display: flex; gap: 9px;}
.product--type-tile-300.product--type-group .swiper-wrapper.product__list .product__link{width: 27.7333vw;}
.product--type-tile-300.product--type-group .swiper-wrapper.product__list .product__item{width: 100%; display: flex; gap: 9px;}

.product--type-tile-202 .product__item .product__info .product__discount-rate,
.product--type-tile-202 .product__item .product__info .product__discounted-price,
.product--type-tile-202 .product__item .product__info .product__benefit-price{font-size: var(--hi-fs-body2);}
.product--type-tile-300 .product__item .product__info .product__discount-rate,
.product--type-tile-300 .product__item .product__info .product__discounted-price,
.product--type-tile-300 .product__item .product__info .product__benefit-price{font-size: var(--hi-fs-body2);}
.product--type-tile-300 .product__item .product__info .product__benefit-price{margin-top: 0;}

.product--type-tile-202 .product__unit,
.product--type-tile-300 .product__unit{font-size: var(--hi-fs-detail1);line-height: var(--hi-fs-body1);}

/* type list */
.product--type-list .product__info{padding: 0 0 0 12px;}
.product--type-list .product__info .product__brand{padding: 4px 0;}
.product--type-list-minimum .product__link{display: flex;}
.product--type-list-minimum .product__item .product__thumb{width: 21.3333vw; height: 21.3333vw; flex-shrink: 0;}
.product--type-list .product__item .product__link{padding: 16px 0;}
.product--type-list .product__item .product__link + .product__link{border-top: 1px solid var(--hi-gray-bg-solid);}
.product--type-list .product__item + .product__item{border-top: 1px solid var(--hi-gray-bg-solid);}
.product--type-list .swiper-wrapper.product__list{padding-bottom: 24px;}
.product--type-list .swiper-wrapper.product__list .product__item + .product__item{border: none;}
.product--type-list .product__info .product__benefit-price{margin-top: 3px;}

/* 보유가전유닛 */
.product--type-list.product--type-my-item .product__title{color: var(--hi-text-gray5); margin-bottom: 14px;font-size: var(--hi-fs-detail1);}
.product--type-list.product--type-my-item .product__history{color: var(--hi-text-gray5); font-size: var(--hi-fs-detail1);}
.product--type-list.product--type-my-item .product__item{border: 1px solid var(--hi-border-inactive);background-color: var(--hi-gray0);border-radius: 5px;}
.product--type-list.product--type-my-item .product__thumb::after{background-color: rgba(0, 0, 0, 0);}
.product--type-list.product--type-my-item .product__item .product__link{padding: 16px;}
.product--type-list .product__buy-date,
.product--type-list .product__care-date{display: block;position: relative;padding-left: 20px;padding-top: 2px;}
.product--type-list .product__buy-date::before{content: ''; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 16px; background: url('../img/icon/has_product_store.svg') no-repeat;}
.product--type-list .product__care-date::before{content: ''; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 16px; background: url('../img/icon/has_product_calendar.svg') no-repeat;}
.product--type-my-item .date{position: relative; padding-left: 9px;}
.product--type-my-item .date::before{content: ''; display: block; position: absolute; top: 3px; left: 0; width: 1px; height: 8px; background-color: #585858; margin: 0 4px;}
.product--type-my-item .month{color: #486EF6; font-weight: var(--hi-font-w700);padding-left: 3px;}

/* 보험유닛 */
.product--type-list.product--type-insurance .product__item{background-color: var(--hi-gray0);border-radius: 5px;}
.product--type-list.product--type-insurance .product__item + .product__my-item{padding-top: 24px; margin-top: 24px; border-top: 1px solid #ECECED;}
.product--type-list.product--type-insurance .product__item .product__link{padding: 16px;}
.product--type-list.product--type-insurance .product__my-item{display: flex; padding-bottom: 9px;}
.product--type-list.product--type-insurance .product__my-item .product__my-item-name{padding-left: 9px;;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product--type-list.product--type-insurance .product__my-item .hm-display__new-tag-grade{line-height: 14px;position: relative;top: initial;left: initial;}

.main-modules-inner .swiper-container.inner-item .product__item{padding-bottom: 0;}

@media screen and (min-width: 600px) {
    /* 상품모듈 너비제한 */    
    .product--type-tile-100 .product__item{max-width: 331px;}
    .product--type-tile-105 .product__item{max-width: 274px}
    .product--type-tile-200 .product__item{max-width: 161px}
    .product--type-tile-202 .product__item{max-width: 140px}
    .product--type-tile-300 .product__item{max-width: 104px}

    /* 그룹 모듈 */
    .product--type-tile.product--type-group.swiper-container{width: 671px;}
    .product--type-tile-200.product--type-group .swiper-wrapper.product__list .product__item{max-width: 331px;}
    .product--type-tile-300.product--type-group .swiper-wrapper.product__list .product__item{max-width: 331px;}
    .product--type-tile-300.product--type-group .swiper-wrapper.product__list .product__link{max-width: 104px;}
    .product--type-tile-200.product--type-group .product__item .product__link{max-width: 161px;}
}
@media screen and (min-width: 800px) {
    /* 상품모듈 - 리스트타입 */
    .product--type-list{max-width: 756px; margin: 0 auto;}
    .product--type-list.swiper-container .product__item{max-width: 373px;}
    .product--type-list-minimum .product__item .product__thumb{max-width: 80px; max-height: 80px;}
}