@charset "UTF-8";
/*  적립금 페이지 스타일 파일입니다. */
.my-page-accumulation__period-select {
  /* margin-bottom: 20px; */
  height: auto;
  margin-bottom: 0;
  border: none;
  width: auto;
  color: #000;
}
.my-page-accumulation__summary {
  font-weight: 500;
  font-size: 14px;
}
.my-page-accumulation__item {
  border-bottom: 1px solid var(--gray200);
  padding: 15px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
.my-page-accumulation__item-wrap {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.my-page-accumulation__accumulation-amount {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  padding-top: 5px;
}
.my-page-accumulation__date {
  font-size: 14px;
  font-weight: 400;
}

/* 적립금 추가 css */
.l-title {
  justify-content: space-between;
  height: 35px;
  align-items: center;
}
.l-content {
  padding: 30px 20px;
}
.select--sm select {
  padding-inline: 0px 40px;
}
.payments_deduction span {
  width: 65px;
  display: inline-flex;
  height: 25px;
  justify-content: center;
  font-size: 14px;
  align-items: center;
  font-weight: bold;
  border-radius: 20px;
}
.payments {
  background-color: #ff3e3e;
  color: #fff;
}
.deduction {
  color: #ff3e3e;
  border: 1px solid var(--color-point);
}
.my-page-accumulation_info {
  font-size: 14px;
  line-height: 1.5;
}
.issue_date {
  padding-top: 3px;
  color: var(--gray500);
}
.my-page-accumulation_info .reason {
  font-size: 16px;
}