/* 🏛️ 분양 단체 랜딩 공용 콘텐츠 스타일 — 공지·보도·활동사진·기부기록·회원사(지도)·적립금 기부 폼
   짝: /_org-content.js · 2026-11-05 효사랑(public/jeju) 인라인 CSS 에서 그대로 옮김(로터리와 공유).
   색은 페이지의 :root 변수(--navy --royal --gold --gold-soft --ink --muted --line --card)를 따른다 → 브랜드별 색이 자동으로 맞는다.
   🔴 브랜드 페이지에 같은 규칙을 다시 쓰지 말 것(여기 한 곳). 페이지 고유 덮어쓰기만 페이지에. */
  /* 📸 우리 행사 — 가로 스크롤(사진이 없으면 섹션 자체를 안 그린다) */
  .evs{display:flex;gap:11px;overflow-x:auto;margin-top:16px;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .evs::-webkit-scrollbar{display:none}
  .ev{flex:0 0 auto;width:210px}
  .ev img{width:210px;height:158px;object-fit:cover;border-radius:13px;background:#E7ECF3}
  .ev .cp{font-size:12.5px;font-weight:700;color:var(--ink);margin-top:7px;line-height:1.45}
  .ev .dt{font-size:11px;color:var(--muted);margin-top:2px}

  /* 기부 투명성 */
  .give{margin:22px 0 0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card)}
  .give .gh{padding:20px 22px 16px}
  .give .gh .t{font-size:16px;font-weight:800}
  .give .gh .s{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6}
  .give .gg{display:flex;border-top:1px solid var(--line)}
  .give .gc{flex:1;padding:18px;text-align:center}
  .give .gc+.gc{border-left:1px solid var(--line)}
  .give .gc .lbl{font-size:11px;color:var(--muted)}
  .give .gc .val{font-size:24px;font-weight:800;color:var(--navy);margin-top:5px;letter-spacing:-1px}
  .give .gf{padding:12px 22px;font-size:10.5px;color:var(--muted);background:#F7F9FC;line-height:1.5}
  /* 🎓 적립금 기부 폼 (2026-11-05) */
  .give .dform{padding:16px 22px 18px;border-top:1px solid var(--line)}
  .give .dmsg{font-size:13px;font-weight:700;color:var(--navy);line-height:1.5}
  .give .drow{display:flex;gap:8px;margin-top:10px}
  .give .drow input{flex:1;min-width:0;height:46px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font-size:16px;font-family:inherit;color:var(--navy)}
  .give .drow input:focus{outline:none;border-color:var(--gold)}
  .give .dall{height:46px;padding:0 16px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-weight:800;font-size:13px;color:var(--navy);cursor:pointer;font-family:inherit}
  .give .dgo{width:100%;height:50px;margin-top:10px;border:0;border-radius:14px;background:var(--navy);color:#fff;font-size:15.5px;font-weight:800;cursor:pointer;font-family:inherit}
  .give .dgo:disabled{opacity:.45;cursor:not-allowed}
  .give .dres{font-size:12.5px;font-weight:700;margin-top:9px;line-height:1.5;min-height:1px}
  .give .dres.ok{color:#1B7A43} .give .dres.err{color:#C0392B}

  .empty{margin-top:16px;border:1px dashed var(--line);border-radius:14px;padding:22px 16px;text-align:center;font-size:13px;color:var(--muted);line-height:1.6;background:#F9FAFC}
  .empty.err{border-style:solid;border-color:#F3D2CF;background:#FFF7F6;color:#9A3B32}

  /* 📢 공지사항 목록 */
  .nlist{margin-top:16px;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}
  .nlist details{border-bottom:1px solid var(--line)}
  .nlist details:last-child{border-bottom:0}
  .nlist summary{padding:15px 16px;font-size:14px;gap:10px;justify-content:flex-start}
  .nlist summary::after{margin-left:auto}
  .nlist .pin{flex:none;font-size:11px;font-weight:800;color:#fff;background:var(--navy);border-radius:6px;padding:3px 7px}
  .nlist .nt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nlist .nd{flex:none;font-size:11.5px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
  .nlist .nb{padding:0 16px 16px;font-size:13px;color:var(--ink);line-height:1.75;white-space:pre-wrap}
  .nlist .nb a{display:inline-block;margin-top:8px;font-weight:700;color:var(--royal);text-decoration:none}
  .more{display:block;width:100%;margin-top:10px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--card);font:inherit;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer}

  /* 🤝 봉사활동 — 로터리 행사 카드와 같은 모양 */
  .ev .tx{width:210px;height:158px;border-radius:13px;background:linear-gradient(150deg,#EEF2F8,#E3E9F2);display:grid;place-content:center;color:var(--royal)}
  .ev .tx svg{width:40px;height:40px}

  /* 🏢 회원사 — 검색·업종 칩·지역 */
  .mtools{margin-top:16px;display:flex;flex-direction:column;gap:10px}
  .msearch{position:relative}
  .msearch input{width:100%;font:inherit;font-size:14px;padding:13px 14px 13px 40px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);min-height:46px}
  .msearch input:focus{outline:none;border-color:var(--royal)}
  .msearch svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--muted)}
  .mrow{display:flex;gap:8px;align-items:center}
  .chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;min-width:0;padding:2px 0}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:none;font:inherit;font-size:12.5px;font-weight:700;padding:8px 13px;min-height:36px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;white-space:nowrap}
  .chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
  .chip:focus-visible,.msel:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
  .msel{flex:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--ink);padding:8px 10px;min-height:36px;border:1px solid var(--line);border-radius:10px;background:#fff}
  .mcount{font-size:12px;color:var(--muted);font-weight:600}
  .mcount b{color:var(--navy)}
  .mgrid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
  .mcard{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;background:var(--card);padding:14px}
  .mcard .ml{flex:none;width:44px;height:44px;border-radius:12px;background:var(--gold-soft);color:var(--navy);display:grid;place-content:center;font-weight:800;font-size:17px}
  .mcard .mi{flex:1;min-width:0}
  .mcard .mn{font-size:15px;font-weight:800;letter-spacing:-.3px}
  .mcard .mm{font-size:12px;color:var(--muted);margin-top:2px}
  .mcard .md{font-size:12.5px;color:var(--ink);margin-top:6px;line-height:1.55;word-break:keep-all}
  .mcard .ma{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
  .mcard .ma a{font-size:12px;font-weight:700;color:var(--royal);text-decoration:none;border:1px solid #D5E0F0;border-radius:8px;padding:6px 10px;min-height:32px;display:inline-flex;align-items:center}

  /* 📰 홍보활동(언론 보도) · 💝 기부 현황 목록 */
  .plist,.dlist{margin-top:16px;display:grid;grid-template-columns:1fr;gap:10px}
  .pitem{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;background:var(--card);padding:14px 16px;text-decoration:none;color:inherit;min-height:44px}
  a.pitem:hover{border-color:#C9D6EA}
  a.pitem:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
  .pitem .src{flex:none;font-size:11px;font-weight:800;color:var(--navy);background:var(--gold-soft);border-radius:8px;padding:5px 8px;white-space:nowrap}
  .pitem .pt{font-size:14px;font-weight:700;line-height:1.5;word-break:keep-all}
  .pitem .pd{font-size:11.5px;color:var(--muted);margin-top:3px;font-variant-numeric:tabular-nums}
  .pitem .go{margin-left:auto;flex:none;color:var(--muted);font-size:13px}
  /* 🖼️ 2026-11-05 장학회 관리자 업로드 표시 — 기사 사진·회사 사진·공지 사진/첨부 */
  .pitem .pimg{flex:none;width:76px;height:58px;border-radius:10px;object-fit:cover;background:#E7ECF3}
  .mcard .ml.ph{padding:0;overflow:hidden;background:#fff;border:1px solid var(--line)}
  .mcard .ml.ph img{width:100%;height:100%;object-fit:cover}
  .mcard.has-ph .ml{width:64px;height:64px;border-radius:14px}
  .mcard .ma a.web{background:var(--navy);color:#fff;border-color:var(--navy)}
  .mcard .md{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .nlist .nimg{display:block;width:100%;max-width:520px;border-radius:12px;margin:4px 0 10px;background:#E7ECF3}
  .nlist .nfiles{display:flex;flex-direction:column;gap:6px;margin-top:10px;white-space:normal}
  .nlist .nfiles a{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#F7F9FC;font-size:12.5px;color:var(--navy);text-decoration:none;font-weight:700;word-break:break-all}
  .nlist .nfiles a span{margin-left:auto;flex:none;font-size:11px;color:var(--muted);font-weight:600}
  .ev{cursor:zoom-in}
  #hyoZoom{position:fixed;inset:0;z-index:90;background:rgba(8,18,34,.92);display:none;align-items:center;justify-content:center;padding:18px;flex-direction:column;gap:10px}
  #hyoZoom.open{display:flex}
  #hyoZoom img{max-width:100%;max-height:80vh;border-radius:12px}
  #hyoZoom .zc{color:#fff;font-size:14px;font-weight:700;text-align:center}
  #hyoZoom button{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:999px;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:20px;cursor:pointer}
  .ditem{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:15px 16px}
  .ditem .dh2{display:flex;align-items:baseline;gap:10px}
  .ditem .dt2{font-size:14px;font-weight:800;line-height:1.45;flex:1;min-width:0;word-break:keep-all}
  .ditem .am{flex:none;font-size:17px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums}
  .ditem .dd{font-size:12.5px;color:var(--ink);margin-top:5px;line-height:1.55}
  .ditem .dm{font-size:11.5px;color:var(--muted);margin-top:6px}
  .ditem .dm a{color:var(--royal);font-weight:700;text-decoration:none}
  .dsum{margin-top:16px;background:var(--navy);color:#fff;border-radius:16px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .dsum .l{flex:1;min-width:0;font-size:12.5px;color:#B4C3D9;line-height:1.5;word-break:keep-all}
  .dsum .l span{font-size:11px;opacity:.85}
  .dsum .v{font-size:26px;font-weight:800;color:var(--gold);letter-spacing:-1px;font-variant-numeric:tabular-nums;white-space:nowrap}
  .softerr{margin-top:10px;font-size:12px;color:#9A3B32}

  /* 📍 회원사 위치 */
  .mview{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
  .seg{display:inline-flex;background:#EEF2F7;border-radius:10px;padding:3px}
  .seg button,.near{font:inherit;font-size:12.5px;font-weight:700;border:0;border-radius:8px;padding:8px 14px;min-height:36px;cursor:pointer;background:transparent;color:var(--muted)}
  .seg button[aria-pressed="true"]{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(14,39,71,.12)}
  .near{border:1px solid var(--line);background:#fff;color:var(--ink)}
  .near[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
  .seg button:focus-visible,.near:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
  .mnote{font-size:12px;color:var(--muted)}
  .mnote.err{color:#9A3B32}
  .mmap{margin-top:12px;height:360px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#EEF2F7}
  .mpin{background:var(--navy);color:#fff;font-size:12px;font-weight:800;padding:5px 9px;border-radius:999px;white-space:nowrap;box-shadow:0 3px 8px rgba(14,39,71,.3);cursor:pointer;transform:translateY(-6px);font-family:inherit}
  .mpin.on{background:var(--gold);color:var(--navy)}
  .mme{width:16px;height:16px;border-radius:50%;background:#2F7BF6;border:3px solid #fff;box-shadow:0 0 0 6px rgba(47,123,246,.22)}
  .mcard .addr{font-size:12px;color:var(--muted);margin-top:4px;word-break:keep-all}
  .mcard .dist{font-size:11.5px;font-weight:800;color:var(--royal);margin-left:6px}
  .mcard.flash{outline:2px solid var(--gold);outline-offset:2px}
  @media (min-width:900px){.mmap{height:440px}}
  .reset{font:inherit;font-size:12.5px;font-weight:700;color:var(--royal);background:none;border:0;cursor:pointer;margin-top:8px;text-decoration:underline}

@media (min-width:900px){
    .plist,.dlist{grid-template-columns:1fr 1fr}
    .mgrid{grid-template-columns:1fr 1fr 1fr}
    .mtools{flex-direction:row;align-items:center}
    .msearch{flex:0 0 320px}
    .nlist summary{padding:17px 20px}
    .nlist .nb{padding:0 20px 18px}
    .ev,.ev img,.ev .tx{width:240px}
    .ev img,.ev .tx{height:176px}
}
  /* 🏪 핀 → 지도 위 가게 정보 카드 (2026-11-06) */
  .mwrap{position:relative}
  .minfo{position:absolute;left:10px;right:10px;bottom:10px;z-index:10;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(14,39,71,.28);padding:14px;max-width:460px;margin:0 auto;text-align:left}
  .minfo .mx{position:absolute;right:8px;top:8px;width:32px;height:32px;border:0;background:#F1F4F9;border-radius:50%;cursor:pointer;font-size:14px;color:#667489}
  .minfo .mrow{display:flex;gap:12px;padding-right:30px}
  .minfo img,.minfo .mlg{flex:none;width:68px;height:68px;border-radius:12px;object-fit:cover;background:#FBF4E2;display:grid;place-items:center;font-weight:900;font-size:22px;color:var(--navy)}
  .minfo .mbd{min-width:0}
  .minfo .mnm{font-weight:900;font-size:16px;letter-spacing:-.4px;color:var(--navy)}
  .minfo .mmt{font-size:12.5px;color:#667489;margin-top:3px;line-height:1.5;word-break:keep-all}
  .minfo .mac{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
  .minfo .mac a{display:inline-block;border:1px solid #E3E8F0;border-radius:10px;padding:7px 11px;font-size:13px;font-weight:800;color:var(--navy);text-decoration:none;background:#fff}

  /* 📜 홍보활동 스크롤 (2026-11-06 사장님 「많아지면 스크롤」) — 보도 목록은 높이를 묶어 안에서 넘기고, 사진은 좌우 ‹ › */
  .pmore{margin-top:14px;font-size:12px;font-weight:700;color:var(--muted)}
  .pscroll{max-height:420px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#C9D3E1 transparent;-webkit-overflow-scrolling:touch}
  .pmore + .pscroll{margin-top:8px}
  .pscroll::-webkit-scrollbar{width:6px}
  .pscroll::-webkit-scrollbar-thumb{background:#C9D3E1;border-radius:6px}
  .pscroll.over:not(.end){-webkit-mask-image:linear-gradient(#000 85%,transparent);mask-image:linear-gradient(#000 85%,transparent)}
  .pscroll:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:14px}
  .evn{font-size:13px;font-weight:700;color:var(--muted)}
  .evwrap{position:relative}
  .evbtn{position:absolute;top:60px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:22px;line-height:1;cursor:pointer;box-shadow:0 3px 10px rgba(14,39,71,.18);display:none;z-index:2}
  .evbtn.prev{left:-6px}.evbtn.next{right:-6px}
  .evbtn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
  @media (hover:hover) and (pointer:fine){ .evbtn{display:grid;place-items:center} .evbtn[hidden]{display:none} }
  @media (min-width:900px){ .pscroll{max-height:460px} .evbtn{top:70px} }