/* One previous-screen presentation for the home, related lists, and search lists. */
:root {
  --ag-list-photo-width: 117px;
  --ag-list-photo-height: 112px;
  --ag-list-photo-gap: 12px;
  --ag-list-action-size: 44px;
  --ag-list-heart-inset: 5px;
}
ul.car_list.ag-classic-list { display: block; box-sizing: border-box; width: 100%; max-width: 760px; margin: 0 auto; padding: 12px; }
.car_list.ag-related-shell { box-sizing: border-box; width: 100%; margin: 0; padding: 0; }
:is(#homeV2Listings, .car_list) .ag-list-card {
  display: block; position: relative; box-sizing: border-box; width: 100%; min-height: 0;
  margin: 0 0 14px; padding: 0 0 14px; overflow: hidden;
  border: 0; border-bottom: 1px solid #d0d0d0; background: #fff; color: #000;
  font-family: "Noto Sans KR", "Apple SD Gothic Neo", sans-serif; font-size: 14px; font-weight: normal; line-height: 1.25;
}
#homeV2Listings .ag-list-card { margin-bottom: 0; }
#homeV2Listings .ag-list-card.has-expanded-description { overflow: visible; }
:is(#homeV2Listings, .car_list) .ag-list-card a { box-sizing: border-box; color: inherit; text-decoration: none; }
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-main {
  display: block; box-sizing: border-box; width: auto; min-height: var(--ag-list-photo-height);
  margin: 0 0 0 calc(var(--ag-list-photo-width) + var(--ag-list-photo-gap)); padding: 0; overflow: hidden;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-info {
  display: block; position: static; width: auto; min-height: var(--ag-list-photo-height);
  margin: 0; padding: 0; overflow: visible; font-weight: normal;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-photo {
  display: block; position: absolute; top: 0; left: 0;
  width: var(--ag-list-photo-width); height: var(--ag-list-photo-height); margin: 0;
  aspect-ratio: auto; overflow: hidden; border-radius: 5px; background: #f0f2ed;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-photo > a { display: block; width: 100%; height: 100%; margin: 0; padding: 0; }
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-photo .ag-list-tier-badge {
  display: inline-block; position: absolute; top: 5px; left: 5px; z-index: 1;
  width: auto; height: auto; margin: 0; padding: 3px 5px; border-radius: 4px;
  background: #b71924; color: #fff; font-size: 10px; font-weight: 900; line-height: 1.2;
  text-indent: 0; pointer-events: none;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-photo .ag-list-tier-badge[data-listing-tier="top"] { background: #e27a33; }
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-photo .thum {
  display: block; position: static; width: 100%; height: 100%; margin: 0;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-photo :is(.thum > img, a > img) {
  display: block; width: 100% !important; height: 100% !important; margin: 0; object-fit: cover; border-radius: 5px;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-favorite-slot {
  display: contents !important; position: static !important; width: auto !important; height: auto !important;
  margin: 0 !important; padding: 0 !important;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-photo .ag-list-favorite {
  display: flex !important; position: absolute !important; top: var(--ag-list-heart-inset); right: var(--ag-list-heart-inset); left: auto;
  box-sizing: border-box; align-items: center; justify-content: center;
  width: var(--ag-list-action-size) !important; height: var(--ag-list-action-size) !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50%; background: transparent !important;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-favorite::before {
  content: ''; position: absolute; inset: 4px; box-sizing: border-box; border: 1px solid #e4e7e1;
  border-radius: 50%; background: #fffffff0; box-shadow: 0 1px 4px #00000010; pointer-events: none;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-photo .ag-list-favorite img {
  display: block; position: relative; width: 20px !important; height: 20px !important; object-fit: contain; border-radius: 0;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-favorite :is([data-favorite-label], .ag-related-favorite-label, .ag-classic-action-count) {
  position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-title {
  display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  width: auto; height: auto; margin: 0; overflow: hidden; white-space: normal;
  color: #000; font-size: 15px; font-weight: bold; line-height: 1.25; overflow-wrap: anywhere;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-machine {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  margin: 0; overflow: hidden; white-space: normal !important; font-size: 14px; line-height: 1.25;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-meta { display: block; margin: 7px 0 0; color: #1b1b1b; font-size: 14px; font-weight: normal; line-height: 1.25; }
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-meta .year {
  display: block; float: none; width: auto; margin: 0; padding: 0; background: none;
  white-space: normal; color: #1b1b1b; font-size: 14px; font-weight: normal; line-height: 1.25;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-date { display: block; margin: 0; color: #1b1b1b; font-size: 14px; font-weight: normal; line-height: 1.25; }
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-seller { display: block; margin: 4px 0 0; padding: 0; color: #3366cc; font-size: 14px; font-weight: normal; line-height: 1.25; }
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-price { display: block; margin: 7px 0 0; padding: 2px 0 0; color: #1b1b1b; font-size: 17px; font-weight: bold; line-height: 1.2; }
:is(#homeV2Listings, .car_list) .ag-list-card :is(.prcm, .hf-price-inquiry) { font-size: 14px; font-weight: normal; }
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-price :is(.prc, .prcm) { margin: 0; padding: 0; }
:is(#homeV2Listings, .car_list) .ag-list-card .info .man { position: static; margin: 0 0 0 1px; font-size: 14px; }
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-tools { clear: both; margin: 0; padding: 0; border: 0; }
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-actions {
  display: grid !important; position: static !important; grid-template-columns: repeat(var(--ag-list-action-columns, 3), minmax(0, 1fr));
  gap: 4px; clear: both; width: 100%; margin: 18px 0 0 !important; padding: 0;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-actions > span {
  display: block !important; position: static !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-actions .ag-list-action {
  display: flex !important; position: static !important; box-sizing: border-box; align-items: center; justify-content: center; gap: 2px;
  width: 100% !important; height: var(--ag-list-action-size) !important; min-height: var(--ag-list-action-size);
  margin: 0 !important; padding: 4px 0 !important; border: 1px solid #d0d0d0 !important; border-radius: 7px;
  background: #f3f3f3 !important; color: #000; font: inherit; cursor: pointer;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-actions [aria-pressed="true"] { border-color: #fdd6d6 !important; background: #fdd6d6 !important; }
:is(#homeV2Listings, .car_list) .ag-list-card :is(.ag-classic-action-count, .ag-related-count, [data-follow-count]) { font-size: 11px; }
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-actions svg {
  width: 24px; height: 24px; flex-shrink: 0; fill: none; stroke: currentColor;
  stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;
}
:is(#homeV2Listings, .car_list) .ag-list-card :is([data-classic-action="description"], [data-card-toggle="description"], [data-related-toggle="description"])[aria-expanded="true"] svg { transform: rotate(180deg); }
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-panel {
  display: block; position: relative; clear: both; box-sizing: border-box; width: 100%; margin: 8px 0 0 !important;
  overflow-wrap: anywhere; color: #1b1b1b; font-size: 14px; font-weight: normal; line-height: 1.25;
}
:is(#homeV2Listings, .car_list) .ag-list-card [hidden] { display: none !important; }
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-sms { padding: 0 !important; }
:is(#homeV2Listings, .car_list) .ag-list-card :is(.ag-list-sms, .ag-list-description) > a {
  display: flex !important; box-sizing: border-box; align-items: center; justify-content: center;
  width: 100% !important; min-height: var(--ag-list-action-size); height: auto !important;
  margin: 0 0 8px !important; padding: 7px !important; border: 1px solid #e2e7df !important; border-radius: 7px;
  background: #f3f3f3 !important; color: #000; font-size: 14px; text-align: center;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-sms > a { border-color: #b8dffc !important; background: #edf7ff !important; }
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-sms > a[href*="direct=1"] { border-color: #fdd6d6 !important; background: #fff2f2 !important; }
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-sms > a > font {
  position: static !important; width: auto !important; height: auto !important; padding: 0 !important; color: inherit; font: inherit; white-space: normal;
}
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-description { padding: 12px !important; border: 1px solid #e2e7df; border-radius: 8px; background: #fff; }
:is(#homeV2Listings, .car_list) .ag-list-card .ag-list-description img { max-width: 100%; height: auto; }
:is(#homeV2Listings, .car_list) .ag-list-card a:focus-visible,
:is(#homeV2Listings, .car_list) .ag-list-card button:focus-visible { outline: 2px solid #16813c; outline-offset: -2px; }