.zb-list-page{background:#f8fafc;min-height:100vh}.zb-list-main{max-width:1440px;margin:0 auto;padding:24px 38px 64px}.zb-list-search{display:flex;gap:12px;margin-bottom:12px}.zb-list-search input{flex:1;height:50px;border:1px solid var(--zb-line);border-radius:12px;background:#fff;padding:0 18px;font-size:15px;font-weight:700}.zb-list-search .zb-list-search-btn{width:54px;border:0;border-radius:12px;background:var(--zb-green);color:#fff;font-size:22px}.zb-list-search .zb-list-ai-btn{height:50px;border:1px solid #b7dfc6;border-radius:12px;background:#fff;color:#087d3a;padding:0 22px;font-weight:950}.zb-list-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.zb-list-filters button{height:40px;border:1px solid var(--zb-line);background:#fff;border-radius:10px;padding:0 16px;font-weight:800}.zb-ai-panel{display:none;margin:14px 0 18px;border:1px solid #a7e4bd;border-radius:14px;background:#f0fdf4;padding:20px}.zb-ai-panel.active{display:grid;grid-template-columns:1fr 330px;gap:20px;align-items:center}.zb-ai-kicker{font-weight:900;color:#159447;margin-bottom:8px}.zb-ai-panel h2{margin:0 0 14px;font-size:24px;letter-spacing:-.04em}.zb-ai-tags{display:flex;gap:8px;flex-wrap:wrap}.zb-ai-tags span{background:#fff;border:1px solid #d7f1df;color:#047857;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900}.zb-ai-rule{font-size:14px;color:#334155;font-weight:800;line-height:1.8}.zb-list-map{height:260px;border:1px solid var(--zb-line);border-radius:14px;background:linear-gradient(135deg,#dff4ff,#eaf7dd);position:relative;overflow:hidden;margin-bottom:24px}.zb-list-map .zb-map-pin:nth-child(1){left:18%;top:38%}.zb-list-map .zb-map-pin:nth-child(2){left:31%;top:55%}.zb-list-map .zb-map-pin:nth-child(3){left:47%;top:33%}.zb-list-map .zb-map-pin:nth-child(4){left:66%;top:48%}.zb-list-map .zb-map-pin:nth-child(5){left:82%;top:34%}.zb-list-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.zb-list-section-head{display:flex;justify-content:space-between;align-items:center;margin:12px 0 14px}.zb-list-section-head h2{margin:0;font-size:25px;letter-spacing:-.04em}.zb-list-section-head a{color:#475569;text-decoration:none;font-weight:900}.zb-list-featured{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.zb-list-all-head{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:12px 0}.zb-list-sort{display:flex;gap:8px;flex-wrap:wrap}.zb-list-sort button{height:36px;border:1px solid var(--zb-line);background:#fff;border-radius:999px;padding:0 14px;font-size:13px;font-weight:900}.zb-list-sort button.active{background:var(--zb-green);color:#fff;border-color:var(--zb-green)}.zb-list-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.zb-list-grid .zb-thumb{height:124px}.zb-list-grid .zb-card h3{font-size:15px;line-height:1.35;min-height:40px}.zb-list-grid .zb-price{font-size:20px}.zb-list-grid .zb-card-body{padding:12px}.zb-sidebar{display:flex;flex-direction:column;gap:14px;position:sticky;top:92px}.zb-side-card{background:#fff;border:1px solid var(--zb-line);border-radius:16px;padding:18px;box-shadow:0 12px 28px rgba(15,23,42,.06)}.zb-side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.zb-side-head h3{margin:0;font-size:20px;letter-spacing:-.04em}.zb-side-head a{text-decoration:none;color:#475569;font-weight:900}.zb-side-list{display:flex;flex-direction:column;gap:10px}.zb-side-row{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:800}.zb-side-row small{color:#94a3b8;white-space:nowrap}.zb-sky-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.zb-sky-mini div{min-width:0}.zb-sky-mini img{width:100%;height:60px;object-fit:cover;border-radius:9px;display:block}.zb-sky-mini p{margin:6px 0 0;font-size:11px;font-weight:900;line-height:1.3}.zb-ad-card{background:linear-gradient(135deg,#fff,#effdf4)}.zb-ad-card small{color:#94a3b8;font-weight:900}.zb-ad-card strong{display:block;margin:6px 0 8px;font-size:19px;line-height:1.35}.zb-ad-card button{height:34px;border:0;border-radius:8px;background:var(--zb-green);color:#fff;padding:0 14px;font-weight:900}.zb-pagination{display:flex;justify-content:center;gap:10px;margin-top:28px}.zb-pagination button{width:38px;height:38px;border-radius:50%;border:1px solid var(--zb-line);background:#fff;font-weight:900}.zb-pagination button.active{background:var(--zb-green);color:#fff;border-color:var(--zb-green)}@media(max-width:1100px){.zb-list-main{padding:20px}.zb-list-layout{grid-template-columns:1fr}.zb-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.zb-list-featured{grid-template-columns:repeat(2,1fr)}.zb-list-grid{grid-template-columns:repeat(3,1fr)}.zb-ai-panel.active{grid-template-columns:1fr}}@media(max-width:640px){.zb-list-search{flex-wrap:wrap}.zb-list-search .zb-list-ai-btn{width:100%}.zb-list-featured{grid-template-columns:1fr}.zb-list-grid{grid-template-columns:repeat(2,1fr)}.zb-sidebar{grid-template-columns:1fr}.zb-list-map{height:220px}}


/* 20260524 property list tablet/card fixes */
.zb-list-reset-btn{height:50px;border:1px solid var(--zb-line);border-radius:12px;background:#fff;padding:0 16px;font-weight:900}.zb-list-content{min-width:0}.zb-list-grid,.zb-list-featured{min-width:0}.zb-list-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.zb-list-featured{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.zb-card,.zb-card *{word-break:keep-all}.zb-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zb-price{white-space:nowrap}.zb-property-link{display:block;color:inherit;text-decoration:none;height:100%}.zb-card-no{font-size:11px;color:#94a3b8;font-weight:900;text-align:right;margin-top:10px}@media (min-width:768px) and (max-width:1100px){.zb-list-main{padding:20px 24px 54px}.zb-list-layout{grid-template-columns:1fr}.zb-list-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.zb-list-grid{grid-template-columns:repeat(3,minmax(170px,1fr))}.zb-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.zb-list-search{flex-wrap:wrap}.zb-list-search input{min-width:calc(100% - 80px)}.zb-list-search .zb-list-ai-btn{flex:1}.zb-list-reset-btn{min-width:100px}}@media(max-width:640px){.zb-list-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.zb-list-featured{grid-template-columns:1fr}.zb-list-search input{min-width:0}.zb-list-reset-btn{width:100%}}


/* 20260524 property/index 전체매물 compact height / responsive columns
   - 4K에서는 카드 개수 제한보다 자동 반응형 유지
   - 전체매물은 추천매물보다 낮고 작게 보이도록 높이 축소 */
.zb-list-grid{
  grid-template-columns:repeat(auto-fit,minmax(135px,1fr)) !important;
  gap:14px !important;
}
.zb-list-grid .zb-thumb{
  height:74px !important;
}
.zb-list-grid .zb-card-body{
  padding:9px 10px 10px !important;
}
.zb-list-grid .zb-card h3{
  font-size:14px !important;
  line-height:1.25 !important;
  min-height:35px !important;
  margin-bottom:4px !important;
}
.zb-list-grid .zb-card p{
  font-size:11px !important;
  line-height:1.25 !important;
}
.zb-list-grid .zb-price{
  font-size:18px !important;
  line-height:1.1 !important;
  margin:6px 0 !important;
}
.zb-list-grid .zb-meta{
  gap:4px !important;
}
.zb-list-grid .zb-meta span{
  padding:3px 6px !important;
  font-size:10px !important;
  border-radius:7px !important;
}
.zb-list-grid .zb-card-no{
  font-size:10px !important;
  margin-top:6px !important;
}
@media (min-width:768px) and (max-width:1100px){
  .zb-list-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .zb-list-grid .zb-thumb{
    height:92px !important;
  }
}
@media (max-width:640px){
  .zb-list-grid{
    grid-template-columns:repeat(2,minmax(140px,1fr)) !important;
  }
  .zb-list-grid .zb-thumb{
    height:88px !important;
  }
}
@media (max-width:480px){
  .zb-list-grid{
    grid-template-columns:1fr !important;
  }
}


/* 20260527 property list map expand */
.zb-list-map{height:320px;}
.zb-list-map.zb-list-map-expanded{height:620px;}
.zb-map-expand-btn{position:absolute;right:14px;top:14px;z-index:20;height:38px;border:1px solid rgba(15,23,42,.14);border-radius:999px;background:#fff;color:#0f172a;padding:0 16px;font-weight:900;box-shadow:0 8px 20px rgba(15,23,42,.14);cursor:pointer;}
.zb-map-expand-btn:hover{background:#f8fafc;}
@media(max-width:640px){.zb-list-map{height:260px;}.zb-list-map.zb-list-map-expanded{height:520px;}.zb-map-expand-btn{right:10px;top:10px;height:36px;padding:0 12px;font-size:13px;}}


/* 2026-05-30 매물목록 금액 줄바꿈: 전세/권리금/관리비 전체 표시 */
.zb-price,
.zb-list-grid .zb-price{
  white-space:normal !important;
  line-height:1.35 !important;
  overflow-wrap:anywhere !important;
}
.zb-list-grid .zb-price{
  font-size:15px !important;
}


/* 2026-05-30 금액 라벨/금액 색상 통일: 라벨 파랑, 금액 검정 */
.zb-price,
.zbp-price,
.zb-feature-info strong{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:baseline !important;
  gap:4px 10px !important;
  white-space:normal !important;
  line-height:1.35 !important;
  color:#0f172a !important;
}
.zb-price-piece{
  display:inline-flex !important;
  align-items:baseline !important;
  gap:5px !important;
  white-space:nowrap !important;
}
.zb-price-piece em{
  font-style:normal !important;
  color:#2563eb !important;
  font-weight:950 !important;
}
.zb-price-piece b{
  color:#0f172a !important;
  font-weight:950 !important;
}
.zb-card .zb-price-piece em,
.zbp-card .zb-price-piece em{
  font-size:.86em !important;
}
.zb-card .zb-price-piece b,
.zbp-card .zb-price-piece b{
  font-size:1em !important;
}