/* plan.css — 평면도 크게 보기(.plbox)와 📐 치수 덮개
 *  **아파트 실거래가(apt.php)와 공동주택 공시가격(aptprice.php)이 함께 쓴다** — apt.css 에서 떼어 냈다(2026-09-30).
 *  치수 코드는 `plandim.js` 다. 여기에는 `.app-apt` 같은 화면 한정 규칙을 넣지 말 것. */
.plbox{position:fixed;inset:0;z-index:100;background:rgba(10,14,26,.86);display:flex;align-items:center;justify-content:center;padding:16px}
.plbox .plin{background:#fff;border-radius:12px;padding:10px;max-width:96vw;max-height:94vh;display:flex;flex-direction:column}
.plbox .plin{min-width:min(480px,92vw)}
.plbox .plin img{max-width:calc(96vw - 20px);max-height:calc(94vh - 170px);object-fit:contain;display:block;margin:auto}
/* 평면도 아래 그 타입의 매매 (2026-09-26) */
.plbox .pldeal{font-size:12.5px;color:#16203a;border-top:1px solid #e3e7ee;margin-top:8px;padding-top:6px;min-height:24px}
.plbox .pldeal small{color:#8b93a3}
.plbox .pldeal .muted{color:#8b93a3}
.plbox .pds{line-height:1.6}
.plbox .pdt{display:inline-block;font-size:11px;color:#fff;background:#2d6cdf;border-radius:4px;padding:0 5px;margin-right:2px}
.plbox .pdt.j{background:#e08a2d}
.plbox .pdt.w{background:#8b93a3}
.plbox .plcap{font-size:13px;color:#16203a;padding:8px 4px 0}
/* 📐 치수 덮개 — 그림 위에 방 테두리와 치수를 얹는다 */
.plbox .plimg{position:relative;display:block}
.plbox .dimcap{font-size:12px;color:#16203a;padding:6px 4px 0;line-height:1.6}
.plbox .dimcap .muted{color:#8b93a3}
.plbox .pltool .plsplit.on{background:#2d6cdf;color:#fff}
.plbox .plcap .muted{color:#8b93a3}
.plk{display:inline-block;font-size:11px;font-weight:600;color:#2d6cdf;background:#eef3fd;border-radius:6px;padding:1px 6px;margin-left:4px}
.plbox .plnav,.plbox .plx{position:fixed;border:0;background:rgba(255,255,255,.18);color:#fff;border-radius:50%;width:44px;height:44px;font-size:26px;cursor:pointer;line-height:1}
.plbox .plnav.l{left:10px;top:50%}.plbox .plnav.r{right:10px;top:50%}
.plbox .plx{right:12px;top:12px;font-size:18px}
/* 두 장 나란히 (2026-09-26) — 칸마다 따로 넘긴다. 좁은 화면은 위아래로 */
.plbox .plwrap{display:flex;gap:10px;align-items:stretch;justify-content:center;max-width:96vw;max-height:94vh}
.plbox .plwrap.two .plin{flex:1 1 0;min-width:0;max-width:47vw;cursor:pointer}
.plbox .plwrap.two .plin{min-width:0}
.plbox .plwrap.two .plin img{max-width:100%;max-height:calc(94vh - 200px)}
.plbox .plwrap.two .plin.act{box-shadow:0 0 0 3px #2d6cdf}
.plbox .plpn{display:flex;justify-content:center;gap:8px;padding-top:6px}
.plbox .plpn button{border:1px solid #d5dae3;background:#fff;border-radius:6px;width:40px;height:30px;font-size:18px;cursor:pointer;color:#16203a}
.plbox .pltool{position:fixed;right:12px;top:12px;display:flex;gap:8px;align-items:center}
.plbox .pltool .plx{position:static}
.plbox .plsplit{border:0;background:rgba(255,255,255,.18);color:#fff;border-radius:22px;height:44px;padding:0 16px;font-size:14px;cursor:pointer}
@media (max-width:700px){
  .plbox .plwrap.two{flex-direction:column;overflow:auto}
  .plbox .plwrap.two .plin{max-width:96vw}
  .plbox .plwrap.two .plin img{max-height:calc(47vh - 120px)}
}