/* 환기 정보 게시판 (2026-11-12) — 센도리 컬러 #0d5796 · #00a9e2 · #34944B */
.sdi-list, .sdi-view { max-width: 920px; margin: 0 auto; color: #222; letter-spacing: -0.5px; }
.sdi-intro { padding: 18px 22px; margin: 0 0 24px; background: #f3f8fc; border-left: 4px solid #0d5796; font-size: 15px; line-height: 1.7; }
.sdi-intro p { margin: 0; }
.sdi-cards { list-style: none; margin: 0; padding: 0; border-top: 2px solid #0d5796; }
.sdi-card { position: relative; padding: 22px 4px; border-bottom: 1px solid #e3e8ee; }
.sdi-card .sdi-chk { position: absolute; left: -26px; top: 26px; }
.sdi-card-tit { margin: 0 0 8px; font-size: 19px; font-weight: 700; line-height: 1.45; }
.sdi-card-tit a { color: #111; text-decoration: none; }
.sdi-card-tit a:hover { color: #0d5796; }
.sdi-card-ex { margin: 0 0 8px; font-size: 15px; line-height: 1.7; color: #555; }
.sdi-card-meta { margin: 0; font-size: 13px; color: #888; }
.sdi-empty { padding: 40px 0; text-align: center; color: #888; }
.sdi-links { margin: 36px 0 0; padding: 20px 22px; background: #f7f9fb; border-radius: 6px; }
.sdi-links-tit { margin: 0 0 10px; font-size: 16px; font-weight: 700; color: #0d5796; }
.sdi-links ul { margin: 0; padding-left: 18px; line-height: 1.9; font-size: 15px; }
.sdi-links a { color: #0d5796; }

.sdi-v-head { padding: 0 0 18px; margin: 0 0 22px; border-bottom: 2px solid #0d5796; }
.sdi-v-kicker { margin: 0 0 6px; font-size: 14px; font-weight: 700; color: #00a9e2; }
.sdi-v-tit { margin: 0 0 10px; font-size: 28px; font-weight: 700; line-height: 1.4; color: #111; }
.sdi-v-meta { margin: 0; font-size: 14px; color: #777; }
.sdi-v-meta span + span:before { content: "·"; margin: 0 8px; color: #bbb; }
.sdi-con { font-size: 16px; line-height: 1.85; }
.sdi-con h2 { margin: 36px 0 12px; font-size: 21px; font-weight: 700; color: #0d5796; line-height: 1.45; }
.sdi-con h3 { margin: 24px 0 8px; font-size: 17px; font-weight: 700; color: #111; }
.sdi-con p { margin: 0 0 14px; }
.sdi-con ul, .sdi-con ol { margin: 0 0 14px; padding-left: 22px; }
.sdi-con table { width: 100%; margin: 6px 0 20px; border-collapse: collapse; font-size: 14.5px; }
.sdi-con th, .sdi-con td { padding: 9px 10px; border: 1px solid #dfe5ec; text-align: left; vertical-align: top; }
.sdi-con th { background: #eef4fa; font-weight: 700; }
.sdi-con caption { caption-side: top; text-align: left; padding: 0 0 6px; font-size: 14px; color: #555; }
.sdi-con img { max-width: 100%; height: auto; }
.sdi-con .sd-answer { margin: 0 0 26px; padding: 18px 20px; background: #f3f8fc; border-left: 4px solid #00a9e2; font-size: 17px; line-height: 1.75; }
.sdi-con .sd-answer p:last-child { margin-bottom: 0; }
.sdi-con .sd-faq { margin: 34px 0 10px; padding: 6px 20px 10px; border: 1px solid #dfe5ec; border-radius: 6px; }
.sdi-con .sd-faq h3 { color: #0d5796; }
.sdi-con .sd-src { margin: 30px 0 0; padding: 14px 18px; background: #fafafa; font-size: 13.5px; color: #666; line-height: 1.7; }
.sdi-org { margin: 34px 0 0; padding: 18px 22px; background: #f7f9fb; border-radius: 6px; font-size: 14.5px; line-height: 1.75; }
.sdi-org p { margin: 0 0 8px; }
.sdi-org ul { margin: 0; padding: 0; list-style: none; }
.sdi-org li { display: inline-block; margin: 0 14px 0 0; }
.sdi-org a { color: #0d5796; font-weight: 700; }
.sdi-nb { margin: 26px 0 0; }
.sdi-back { margin: 18px 0 0; text-align: center; }
.sdi-back a { display: inline-block; padding: 9px 22px; border: 1px solid #0d5796; border-radius: 4px; color: #0d5796; text-decoration: none; }
@media (max-width: 768px) {
  .sdi-list, .sdi-view { padding: 0 4px; }
  .sdi-v-tit { font-size: 22px; }
  .sdi-con { font-size: 15.5px; }
  .sdi-con table { display: block; overflow-x: auto; white-space: nowrap; }
  .sdi-card .sdi-chk { position: static; }
}