/* ===== 단지비교 팝업 — 예전 land4u 단지비교(modal-style.css .compare-cont) 배치 그대로 ===== */
.l4c-dim { position: fixed; inset: 0; z-index: 9000; background: rgba(20, 26, 44, .45);
    display: flex; align-items: flex-start; justify-content: center; overflow: auto; padding: 40px 16px; }
.l4c-box { position: relative; width: 100%; max-width: 1160px; background: #fff; border-radius: 10px;
    padding: 28px 30px 34px; box-shadow: 0 10px 40px rgba(20, 26, 44, .3); }
.l4c-box h1 { margin: 0 0 14px; font-size: 24px; font-weight: 800; color: #2b2b2b; }
/* 엑셀 단추 — 제목 오른쪽(닫기 X 왼쪽). 다른 화면 엑셀 단추와 같은 초록(2026-10-02) */
.l4c-head { display: flex; align-items: center; gap: 12px; margin: 0 56px 14px 0; }
.l4c-head h1 { margin: 0; }
.l4c-xls { margin-left: auto; height: 34px; padding: 0 14px; border: 1px solid #1c7041; border-radius: 6px; background: #1c7041;
    color: #fff; font-size: 13px; font-weight: 700; font-family: inherit; cursor: pointer; white-space: nowrap; }
.l4c-xls:hover { background: #17603a; border-color: #17603a; }
.l4c-xls:disabled { opacity: .65; cursor: default; }
.l4c-x { position: absolute; top: 22px; right: 24px; width: 30px; height: 30px; border: 0; background: transparent;
    font-size: 26px; line-height: 1; color: #8a94a6; cursor: pointer; }
.l4c-x:hover { color: #2b2b2b; }

.l4c-tbl { width: 100%; border-collapse: collapse; table-layout: fixed; }
.l4c-tbl col.l4c-lab { width: 100px; }
.l4c-tbl th, .l4c-tbl td { border: 1px solid #ebebeb; font-size: 13px; color: #2b2b2b; font-weight: 400;
    padding: 8px 10px; vertical-align: middle; text-align: center; word-break: keep-all; }
.l4c-tbl th { background: #f7f7f7; color: #2b2b2b; font-weight: 500; }
.l4c-tbl td { font-weight: 300; }
/* 행별 높이 — 예전 표와 같은 비율 */
.l4c-r-name td, .l4c-r-name th { height: 66px; }
.l4c-r-map td, .l4c-r-map th { height: 156px; padding: 3px; }
.l4c-r-addr td, .l4c-r-addr th { height: 52px; }
.l4c-r-when td, .l4c-r-when th { height: 48px; }
.l4c-r-py td, .l4c-r-py th, .l4c-r-hh td, .l4c-r-hh th { height: 40px; }
.l4c-r-price td, .l4c-r-price th { height: 92px; text-align: left; }
.l4c-r-go td, .l4c-r-go th { height: 54px; }

.l4c-nm { position: relative; padding: 0 20px; font-size: 16px; font-weight: 700; color: #151b94; line-height: 1.3; }
.l4c-del { position: absolute; top: -4px; right: -4px; width: 22px; height: 22px; border: 0; border-radius: 6px;
    background: transparent; color: #98a1b0; font-size: 18px; line-height: 1; cursor: pointer; }
.l4c-del:hover { background: #f1f4f9; color: #2b2b2b; }
.l4c-bds { margin-top: 5px; }
.l4c-bd { display: inline-block; margin: 0 2px; padding: 0 5px; height: 20px; line-height: 18px;
    font-size: 11px; font-weight: 400; color: #0986ba; border: 1px solid #0986ba; }
.l4c-bd.deal { color: #159475; border-color: #159475; }
.l4c-bd.min  { color: #d80d46; border-color: #d80d46; }
.l4c-bd.pub  { color: #7b2ff7; border-color: #7b2ff7; }
.l4c-bd.sale { color: #818181; border-color: #818181; }
.l4c-bd.rent { color: #03a8a6; border-color: #03a8a6; }

.l4c-map { width: 100%; height: 150px; background: #eef1f6; border-radius: 4px; overflow: hidden;
    display: flex; align-items: center; justify-content: center; }
.l4c-map span { font-size: 12px; color: #9aa3b2; }
.l4c-map { position: relative; }
.l4c-rad { position: absolute; left: 0; top: 0; pointer-events: none; }
.l4c-rad text { font-size: 11px; font-weight: 700; paint-order: stroke; stroke: #fff; stroke-width: 3px; }

.l4c-price { margin: 0 0 8px; display: flex; align-items: center; gap: 6px; }
.l4c-price:last-child { margin-bottom: 0; }
.l4c-price .t { flex: none; width: 52px; color: #818181; font-size: 12px; text-align: left; }
.l4c-price .n { padding: 0 10px; height: 20px; line-height: 19px; font-size: 13px; font-weight: 600;
    color: #2b2b2b; background: #f7f7f7; border-radius: 20px; }

.l4c-go { display: inline-block; padding: 0 16px; height: 30px; line-height: 28px; font-size: 13px;
    color: #151b94; border: 1px solid #151b94; text-decoration: none; border-radius: 4px; }
.l4c-go:hover { background: #151b94; color: #fff; }

.l4c-empty { background: #fbfcfe; }
.l4c-add { padding: 0 16px; height: 32px; border: 1px dashed #151b94; border-radius: 4px; background: #fff;
    color: #151b94; font-size: 13px; font-weight: 600; cursor: pointer; }
.l4c-add:hover { background: #151b94; color: #fff; border-style: solid; }
.l4c-empty-t { font-size: 12px; color: #9aa3b2; }
.l4c-none { margin-top: 14px; text-align: center; font-size: 13px; color: #8a94a6; }
.l4c-none b { color: #151b94; }

/* 단지 추가하기(예전 popup-box-add) */
.l4c-add-pop { position: absolute; top: 90px; left: 50%; transform: translateX(-50%); z-index: 5;
    width: 480px; max-width: calc(100% - 40px); background: #fff; border: 1px solid #dcdcdc; border-radius: 8px;
    box-shadow: 0 10px 30px rgba(20, 26, 44, .22); padding: 16px 18px 18px; }
.l4c-add-head { position: relative; font-size: 16px; font-weight: 700; color: #2b2b2b; margin-bottom: 10px; }
.l4c-add-x { position: absolute; top: -4px; right: -4px; width: 24px; height: 24px; border: 0; background: transparent;
    font-size: 20px; line-height: 1; color: #98a1b0; cursor: pointer; }
.l4c-add-search { display: flex; gap: 6px; }
.l4c-add-in { flex: 1; min-width: 0; height: 38px; padding: 0 12px; border: 1px solid #dcdcdc; border-radius: 6px;
    font-size: 13px; font-family: inherit; }
.l4c-add-in:focus { outline: none; border-color: #151b94; }
.l4c-add-go { flex: none; padding: 0 16px; height: 38px; border: 0; border-radius: 6px; background: #151b94;
    color: #fff; font-size: 13px; font-weight: 700; cursor: pointer; }
.l4c-add-list { margin-top: 10px; height: 250px; overflow-y: auto; border: 1px solid #dcdcdc; border-radius: 6px; }
.l4c-add-row { display: block; width: 100%; text-align: left; padding: 8px 12px; border: 0; border-bottom: 1px solid #f1f4f9;
    background: #fff; cursor: pointer; font-family: inherit; }
.l4c-add-row:hover { background: #f3f6fb; }
.l4c-add-row:disabled { opacity: .45; cursor: default; }
.l4c-add-row b { display: block; font-size: 13px; font-weight: 700; color: #2b2b2b; }
.l4c-add-row span { display: block; font-size: 12px; color: #8a94a6; margin-top: 2px; }
.l4c-add-empty { padding: 20px; text-align: center; font-size: 13px; color: #9aa3b2; }

/* 담긴 개수 플로팅 바 (예전 퀵메뉴 comp_cnt 자리) */
.l4c-bar { position: fixed; right: 20px; bottom: 20px; z-index: 8000; display: flex; gap: 6px; }
.l4c-bar-open { padding: 0 18px; height: 42px; border: 0; border-radius: 21px; background: #151b94; color: #fff;
    font-size: 14px; font-weight: 700; cursor: pointer; box-shadow: 0 6px 18px rgba(21, 27, 148, .3); font-family: inherit; }
.l4c-bar-open b { margin-left: 4px; }
.l4c-bar-open:hover { background: #0e1470; }
.l4c-bar-clear { padding: 0 12px; height: 42px; border: 1px solid #dcdcdc; border-radius: 21px; background: #fff;
    color: #6b7484; font-size: 12px; cursor: pointer; font-family: inherit; }
.l4c-bar-clear:hover { border-color: #151b94; color: #151b94; }

.l4c-toast { position: fixed; left: 50%; bottom: 80px; transform: translateX(-50%); z-index: 9500;
    padding: 12px 18px; border-radius: 10px; background: #131a2e; color: #fff; font-size: 13px;
    box-shadow: 0 8px 24px rgba(19, 26, 46, .3); }

@media (max-width: 860px) {
    .l4c-box { padding: 22px 16px 26px; }
    .l4c-tbl col.l4c-lab { width: 72px; }
    .l4c-tbl th, .l4c-tbl td { padding: 6px 5px; font-size: 12px; }
}