@charset "UTF-8";
/*  좋아요 페이지 스타일 파일입니다. */
.profile-like__list table tr th {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  text-align: center;
}
.profile-like__list .product-option-info {
  padding: 20px;
}
.profile-like__list .product-name {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  font-size: 16px;
  line-height: 16px;
}
.profile-like__list .thumb-item__media {
  flex: none;
  width: 100px;
  height: 100px;
}
.profile-like__list .btn-group {
  margin: 0;
}
.profile-like__list .notice.empty-list {
  padding: 40px 0;
  border-bottom: 1px solid var(--gray200);
}
.profile-like__benefit_list {
  font-size: 14px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  min-width: 90px;
  gap: 5px;
}
.profile-like__benefit_list .btns-td {
  vertical-align: baseline;
}
.profile-like__benefit_item {
  font-size: 14px;
  line-height: 14px;
  margin: 5px 0;
  display: flex;
  justify-content: space-between;
}
.profile-like__benefit-sale {
  color: var(--color-point);
  padding-right: 10px;
  font-weight: 500;
  line-height: 14px;
}
.profile-like__benefit-sale-price {
  font-size: 16px;
  line-height: 16px;
}
.profile-like__benefit-mileage {
  color: var(--color-secondary);
  padding-right: 10px;
  font-weight: 500;
  line-height: 14px;
}
.profile-like__benefit-mileage-price {
  font-size: 16px;
  line-height: 16px;
}
.profile-like__no-benefit {
  flex: 1;
}
.profile-like__benefit-amount {
  font-size: 16px;
  line-height: 16px;
}
.profile-like____benefit-sale-unit, .profile-like__benefit-mileage-unit, .profile-like__benefit-amount-unit {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
}

/*커스텀 css*/
.l-my-page{width:1200x; margin-top:20px;}
.my-page-menu__title{padding:63px 0 0; line-height: 1;}
.my-page-menu{gap:22px;}
.my-page-box .right-box{margin-top:60px;}
.my-page__title {font-family: 'Pretendard Variable';}
.font-montserrat , .profile-like__list .product-name{font-family: 'Pretendard Variable';font-weight: 400; }
.my-page__title{line-height:1; min-height: auto; padding: 0;}
.my-page__count{margin-left: 0;}

.profile-like____benefit-sale-unit, .profile-like__benefit-mileage-unit, .profile-like__benefit-amount-unit{font-weight: 400;  line-height: 1; font-size:16px;  margin-left: -3px; margin-top:3px;}
.thumb-item__img{ width: 86px; margin-bottom: 0;}
.profile-like__benefit-amount{line-height: 1;}
.form-check--md input:checked{background-color: #3e712d;}
.profile-like__benefit-sale{    color: var(--color-secondary);}
.my-page__count span , .character-counter__count{color:#3e712d}
.btn--xs{margin-top:10px;}
.btn--fill-point{background-color: #3e712d; border:1px solid #3e712d}

.lang-body-en .btn--xs{max-width: 113px; min-width:106px; padding:10px 10px;}

table .product-option-info .thumb-item__img, dd .product-option-info .thumb-item__img{border:none;}
.board-form__product-item .product-item__image img{width:auto; height: auto; position:relative;}
.board-form__product-item .product-item__image {position: relative;}
.board-form__product-item .product-item__image::after {content: ""; display: block; position: absolute; left: 0;top: 0; width: 100%;height: 100%; background: rgba(0, 0, 0, 0.028);} 
.select-product__table.text-cell .pro_img{border:none; position:relative;}
.select-product__table.text-cell .pro_img img{border:none;}
.select-product__table.text-cell .pro_img::after {content: ""; display: block; position: absolute; left: 0;top: 0; width: 100%;height: 100%; background: rgba(0, 0, 0, 0.028);} 


/*페이지네이션*/
.l-my-page .pagination{margin:60px 0 0px}
.pagination{margin:30px 0;}
.pagination__link{font-family: 'Lato'; height:16px; color:#bbb;}
.pagination__link.is-current{background-color: transparent; color:#000;  font-weight: bold; }
.pagination a{display: flex; align-items: center; height:32px;}
.pagination__btn--double-lt{width:16px; height:16px; background: url('../../../images/icons/ico_paging.png')no-repeat 0 2px;}
.pagination__btn--double-rt{width:16px; height:16px; background: url('../../../images/icons/ico_paging.png')no-repeat 0 0; margin-inline-start: 30px;}
.pagination__btn--lt{width:16px; height:16px; background: url('../../../images/icons/ico_paging.png')no-repeat -43px 2px;   margin-inline-start: 30px;}
.pagination__btn--rt{width:16px; height:16px; background: url('../../../images/icons/ico_paging.png')no-repeat -43px 0px;}