/* 양평닷케이알 — 동네 페이지(/동네/{읍면}/) 전용 스타일. 머리·꼬리·글자·사진 자리는 post.css 가 맡는다.
   🔴 2026-09-13 사장님 승인 목업_동네페이지_v1_아는동네뼈대 의 규칙을 옮긴 것이다. 승인 없이 값 수정 금지.
   post.css 의 같은 이름 규칙(.lead·.faq·.author·.crumb·표)과 섞이지 않게 .dong 아래로만 건다.
   링크 대상 페이지가 아직 없으면 빌더가 <a> 를 <span> 으로 바꾸므로 모양 규칙은 태그가 아니라 자리로 건다. */

  .wrap{max-width:1180px;margin:0 auto;padding-inline:24px}
  .dong img{display:block;width:100%;height:100%;object-fit:cover}

  /* 위치 줄 */
  .dong .crumb{font-size:16px;color:var(--ink-3);margin-top:22px}
  .dong .crumb>*{display:inline-flex;align-items:center;min-height:44px}
  .dong .crumb a{text-decoration:underline;text-underline-offset:4px}

  /* 동네 대문 — 첫 화면 대문과 같은 1/3 글 판 + 2/3 사진 */
  .dong .hero{display:grid;grid-template-columns:1fr 2fr;min-height:340px;background:#1d1d1d}
  .dong .hero .tx{color:#fff;padding:38px 38px;display:flex;flex-direction:column}
  .dong .hero .kick{font-size:16px;color:#e6e6e6;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.28)}
  .dong .hero h1{font-size:40px;line-height:1.3;font-weight:700;margin-top:18px;letter-spacing:-.02em}
  .dong .hero .sub{font-size:18px;color:#ececec;margin-top:10px}
  .dong .hero .spots{font-size:16px;color:#dcdcdc;margin-top:auto;padding-top:18px}
  .dong .hero .ph{min-height:340px}
  /* v3: 대문 사진 아래 오른쪽 출처 줄(공공누리 출처표시 · 임시 사진 표시) */
  .dong .hero figure.ph{position:relative;overflow:hidden}
  .dong .phcap{position:absolute;right:0;bottom:0;background:rgba(0,0,0,.6);color:#fff;font-size:15px;line-height:1.6;padding:4px 12px}

  /* 답 먼저 — AI가 그대로 인용할 첫 문단 */
  .dong .lead{max-width:880px;margin-top:34px;font-size:19px;line-height:1.85}
  .dong .lead-src{max-width:880px;font-size:16px;color:var(--ink-3);margin-top:10px}

  .dong section{margin-top:64px}
  .dong h2.st{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
    font-size:22px;font-weight:700;padding-bottom:14px;border-bottom:1px solid var(--rule);margin-bottom:22px}
  .dong h2.st small{font-size:16px;font-weight:400;color:var(--ink-3)}
  .dong .say{color:#333;margin:-4px 0 20px}
  .dong .src1{font-size:16px;color:var(--ink-3);margin-top:12px}

  /* 마을(법정리) 표 */
  .dong .tblwrap{overflow-x:auto}
  .dong table.ri{width:100%;border-collapse:collapse;font-size:18px;line-height:1.8}
  .dong table.ri th,.dong table.ri td{border:0;border-bottom:1px solid #e3e3e3;padding:12px 14px;text-align:left;vertical-align:top}
  .dong table.ri th{background:#f5f5f5;font-weight:700;font-size:17px}
  .dong table.ri td:first-child{font-weight:700;white-space:nowrap;width:30%}

  /* 행정복지센터 */
  .dong .office{display:grid;grid-template-columns:160px 1fr;border-top:1px solid var(--rule)}
  .dong .office dt,.dong .office dd{padding:12px 0;border-bottom:1px solid #e3e3e3}
  .dong .office dt{font-weight:700}

  /* 생활시설 수 — 숫자 칸 */
  .dong .facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);border-left:1px solid var(--rule)}
  .dong .fact{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:18px 20px}
  .dong .fact .n{font-size:36px;font-weight:700;line-height:1.2}
  .dong .fact .n small{font-size:18px;font-weight:500;margin-left:2px}
  .dong .fact .l{font-size:18px;font-weight:500;margin-top:4px}
  .dong .fact .s{font-size:16px;color:var(--ink-3);line-height:1.5;margin-top:2px}
  .dong .fact.zero .n{color:#555}
  .dong .fact.sum{background:#f5f5f5}

  /* 출처 상자 */
  .dong .srcbox{border:1px solid var(--rule);background:#fafafa;padding:16px 20px;margin-top:18px}
  .dong .srcbox b{display:block;font-size:17px;margin-bottom:4px}
  .dong .srcbox ul{list-style:none}
  .dong .srcbox li{font-size:16px;color:#333;line-height:1.7;padding-left:1em;text-indent:-1em}
  .dong .srcbox li::before{content:"· "}
  .dong .srcbox .warn{font-size:16px;color:var(--ink);margin-top:8px;font-weight:500}

  /* 교통 */
  .dong .bus{border:1px solid var(--rule);padding:18px 22px}
  .dong .bus+.bus{margin-top:12px}
  .dong .bus .no{display:inline-block;font-size:22px;font-weight:700;border:2px solid var(--ink);padding:0 12px;margin-right:12px}

  /* 양평군 지정 업소 */
  .dong .notice{border:1px solid #9a9a9a;padding:14px 20px;margin-bottom:22px}
  .dong .desig{display:grid;grid-template-columns:1fr 1fr;gap:30px}
  .dong .desig h3{font-size:20px;font-weight:700;padding-bottom:8px;border-bottom:1px solid #ececec}
  .dong .desig h3 small{font-size:16px;font-weight:400;color:var(--ink-3);margin-left:8px}
  .dong .desig ul{list-style:none}
  .dong .desig li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #ececec}
  .dong .desig li b{font-weight:700}
  .dong .desig li span{color:var(--ink-3);font-size:16px;text-align:right}
  .dong .desig .none{padding:14px 0;color:#333}

  /* 이 동네 관련 글 — 3단 카드 (첫 화면과 같은 카드) */
  .dong .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 30px}
  .dong .card>*{display:block}
  .dong .card .ph{height:210px;overflow:hidden;background:#e4e4e4}
  .dong .card .kick{font-size:16px;font-weight:500;color:#333;margin-top:16px}
  .dong .card h3{font-size:21px;line-height:1.45;font-weight:700;margin-top:6px}
  .dong .card p{font-size:18px;line-height:1.75;color:var(--ink-2);margin-top:8px}
  .dong .card a:hover h3{text-decoration:underline;text-underline-offset:5px}
  .dong .card.wait .ph{background:#f2f2f2;border:1px dashed #bdbdbd}
  .dong .card.wait .noph{background:transparent}

  /* 자주 묻는 질문 — 동네 페이지는 "Q." 없이 */
  .dong .faq dt{font-weight:700;margin-top:20px}
  .dong .faq dt::before{content:none}
  .dong .faq dt:first-child{margin-top:0}
  .dong .faq dd{color:#333}

  .dong .lastcheck{font-size:17px;font-weight:500;margin-top:40px;padding-top:16px;border-top:1px solid var(--rule)}

  /* 다른 동네 보기 — 칩 */
  .dong .chips{display:flex;flex-wrap:wrap;gap:10px}
  .dong .chips>*{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:1px solid #bdbdbd;font-size:17px;font-weight:500}
  .dong .chips .on{background:var(--ink);color:#fff;border-color:var(--ink)}

  /* 운영자 */
  .dong .author{display:flex;gap:30px;align-items:center;padding:36px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
  .dong .author .face{width:110px;height:110px;border-radius:50%;flex-shrink:0;overflow:hidden}
  .dong .author h3{font-size:22px;font-weight:700}
  .dong .author p{color:#333;margin-top:6px}
  .dong .author .link{display:inline-flex;align-items:center;min-height:44px;font-size:17px;border-bottom:1px solid var(--ink)}

  @media(max-width:960px){
    .dong .hero{grid-template-columns:1fr 1.3fr}
    .dong .cards{grid-template-columns:1fr 1fr}
    .dong .facts{grid-template-columns:repeat(3,1fr)}
    .dong .desig{grid-template-columns:1fr}
  }
  @media(max-width:480px){
    .wrap{padding-inline:16px}
    .dong .hero{grid-template-columns:1fr;margin-inline:-16px}
    .dong .hero .ph{min-height:0;height:200px;order:-1}
    .dong .hero .tx{padding:22px 20px 20px}
    .dong .hero h1{font-size:32px;margin-top:12px}
    .dong .lead{font-size:18px}
    .dong section{margin-top:52px}
    .dong table.ri td:first-child{width:auto}
    .dong .office{grid-template-columns:1fr}
    .dong .office dt{border-bottom:0;padding-bottom:0}
    .dong .cards{grid-template-columns:1fr;gap:40px}
    .dong .facts{grid-template-columns:1fr 1fr}
    .dong .fact{padding:14px}
    .dong .fact .n{font-size:30px}
    .dong .desig li{flex-direction:column;gap:0}
    .dong .desig li span{text-align:left}
    .dong .author{flex-direction:column;text-align:center;gap:16px}
  }