/* ¸ÞÀÎ ÆäÀÌÁö */
.car_category {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2.6875rem;
 /* padding-inline: 1rem; */
}


.car_category_wrap {
    margin-top:30px;
/*  padding-inline: 1rem; */
}


.car_category_item:nth-child(1) {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #1e1e1e;
}
.car_category_item:nth-child(2) {
  color: #757575;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.car_category_item:nth-child(2) img {
  width: 0.75rem;
}

.car_container {
  width: 100%;
  max-width: 45rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  box-sizing: border-box;
}
.car_container hr {
  border: 1px solid #eee;
  width: 100%;
}

/* Ä«µå ¾ÆÀÌÅÛ */
.car_item {
  width: 100%;
  border-radius: 1rem;
  border: 1px solid #eee;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}

/* ÀÌ¹ÌÁö ¿µ¿ª */
.car_img {
  width: 100%;
  height: 6.875rem;
  background: url(../img/noimg.png) no-repeat center center;
  background-color: rgba(244, 244, 244, 1);
  position: relative;
  overflow: hidden;
  display: flex; /* Flexbox Ãß°¡ */
  align-items: center; /* ¼öÁ÷ Áß¾Ó Á¤·Ä */
  justify-content: center; /* ¼öÆò Áß¾Ó Á¤·Ä */
}

.car_img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  color: transparent; /* alt ÅØ½ºÆ® ¼û±è */
  text-indent: -9999px; /* alt ÅØ½ºÆ® ¼û±è */
  font-size: 0; /* alt ÅØ½ºÆ® ¼û±è */
}
/* Á¤º¸ ¿µ¿ª */
.car_info {
  flex: 1;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding-inline: 0.5rem;
  gap: 0.375rem;
  align-items: flex-start;
}
.car_topinfo {
  width: calc(100%);
  right: 0;
  gap: 0.25rem;
  display: flex;
}

/* »óÅÂ ¹îÁö */
.car_status {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #fff;
  padding: 0.25rem 0.375rem;
  border-radius: 0.25rem;
  font-size: 0.6875rem;
  margin-bottom: 0.25rem;
}

/* ÀÌÀü-Àü¼Õ */
.status_transfer_total {
  background: #0077c1;
}

/* ÀÌÀü-ºÐ¼Õ/¸éÃ¥ */
.status_transfer_partial {
  background: #58b356;
}

/* ÆóÂ÷-Àü¼Õ */
.status_scrapped_total {
  background: #f15d08;
}

/* Â÷·® ÄÚµå */
.car_code {
  max-width: 20rem;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background: #f5f5f5;
  padding: 0.25rem 0.375rem;
  border-radius: 0.25rem;
  font-size: 0.6875rem;
  color: #666;
  margin-bottom: 0.25rem;
}

/* Â÷·®¸í */
.car_name {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #1e1e1e;
  align-self: ;
}

/* Â÷·® Á¤º¸ */
.car_bottominfo {
  display: flex;
  gap: 0.375rem;
}
.car_year,
.car_trans,
.car_fuel {
  font-size: 0.75rem;
  color: #666;
}

/* Áö¿ª Á¤º¸ */
.car_addr {
  font-size: 0.875rem;
  color: #666;
}

/* ¸¶°¨ ½Ã°£ */
.car_edate {
  color: #e51d1d;
  font-size: 0.75rem;
  font-weight: 700;
}
/* ±ÝÀÏ ¸¶°¨ */
.car_todayend > span {
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 700;
  background: #e51d1d;
  padding: 0.25rem 0.375rem;
  border-radius: 3.125rem;
  margin-top: 0.5rem;
}

/* ÁÁ¾Æ¿ä ¹öÆ° */
.car_like {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
}

.car_like img {
  width: 100%;
  height: 100%;
}

.car_list_pagination {
  display: flex;
  justify-content: center;
  margin: 1rem 0 0.5rem 0;
  gap: 0.5rem;
}
}

.car_list_pagination_box {
  display: flex;
}

.paging_su,
.paging_su2,
.paging_arrow {
  width: 1.875rem;
  height: 1.875rem;

  display: flex;
  justify-content: center;
  align-items: center;

  font-weight: 500 !important;
  font-size: 1rem;
  line-height: 1rem;
}

.paging_su,
.paging_arrow {
  color: #757575;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.paging_su2 {
  color: #fff;
  background-color: #1a56e1;
}

.paging_arrow img {
  height: 0.75rem;
}

.paging_su:hover {
  background-color: #f0f0f0;
}

.paging_su2 u {
  text-decoration: none;
  color: #fff;
}
