/* 시원따뜻한의원 '시원따뜻 노트' 게시판 본문 스타일 v1.0 (2026-10-27)
   - notes 게시판에서만 로드됩니다 (extend/cnw_aeo.extend.php 가 자동 연결)
   - 모든 선택자는 .cnw-note 하위로 한정되어 기존 사이트 스타일에 영향을 주지 않습니다
   - 제작: 주식회사 브릿지옥션 / 마케터류인 */

.cnw-note{--cnw-blue:#2f6fb0;--cnw-warm:#e8743b;--cnw-ink:#222;--cnw-sub:#5b6470;--cnw-line:#e3e7ec;--cnw-bg:#f6f8fb;
  max-width:820px;margin:0 auto;color:var(--cnw-ink);font-size:16px;line-height:1.85;word-break:keep-all;overflow-wrap:break-word}
.cnw-note p{margin:0 0 14px}
.cnw-note h2{font-size:22px;line-height:1.45;margin:6px 0 12px;font-weight:700;color:#14243a}
.cnw-note h3{font-size:17px;line-height:1.5;margin:0 0 8px;font-weight:700}
.cnw-note a{color:var(--cnw-blue);text-decoration:underline;text-underline-offset:3px}

.cnw-note .cnw-note-lead{font-size:17px;background:var(--cnw-bg);border-left:4px solid var(--cnw-warm);padding:18px 20px;border-radius:6px;margin:0 0 34px}
.cnw-note .cnw-note-sec{margin:0 0 40px}
.cnw-note .cnw-note-kicker{font-size:13px;letter-spacing:.06em;color:var(--cnw-warm);font-weight:700;margin:0 0 4px}
.cnw-note .cnw-note-answer{font-weight:600;color:#1d3557;background:#fff;border:1px solid var(--cnw-line);border-radius:8px;padding:14px 16px}

.cnw-note .cnw-note-table{width:100%;border-collapse:collapse;margin:16px 0 20px;font-size:15px;line-height:1.6}
.cnw-note .cnw-note-table caption{caption-side:top;text-align:left;font-weight:700;color:var(--cnw-sub);padding:0 0 8px;font-size:14px}
.cnw-note .cnw-note-table th,.cnw-note .cnw-note-table td{border:1px solid var(--cnw-line);padding:10px 12px;vertical-align:top;text-align:left}
.cnw-note .cnw-note-table thead th{background:#eef3f9;color:#14243a}
.cnw-note .cnw-note-table tbody th{background:var(--cnw-bg);width:24%;white-space:nowrap}

.cnw-note .cnw-note-types,.cnw-note .cnw-note-steps{margin:12px 0 16px;padding:0;list-style:none;counter-reset:cnw}
.cnw-note .cnw-note-types li,.cnw-note .cnw-note-steps li{counter-increment:cnw;position:relative;padding:14px 16px 14px 56px;margin:0 0 10px;background:var(--cnw-bg);border-radius:8px}
.cnw-note .cnw-note-types li:before,.cnw-note .cnw-note-steps li:before{content:counter(cnw,decimal-leading-zero);position:absolute;left:16px;top:14px;font-weight:800;color:var(--cnw-blue)}
.cnw-note .cnw-note-check{margin:12px 0;padding-left:20px}
.cnw-note .cnw-note-check li{margin:0 0 10px}

.cnw-note .cnw-note-summary{background:#14243a;color:#fff;border-radius:10px;padding:22px 24px;margin:0 0 40px}
.cnw-note .cnw-note-summary h2{color:#fff;font-size:19px}
.cnw-note .cnw-note-summary p{margin:0}
.cnw-note .cnw-note-warn{border:1px solid #f1c3a8;background:#fff7f2;border-radius:10px;padding:18px 22px;margin:0 0 40px}
.cnw-note .cnw-note-warn h2{font-size:18px;color:#a2431b}
.cnw-note .cnw-note-warn ul{padding-left:20px;margin:0 0 10px}

.cnw-note .cnw-faq{margin:0 0 40px}
.cnw-note .cnw-faq-item{border-top:1px solid var(--cnw-line);padding:16px 0}
.cnw-note .cnw-faq-item:last-child{border-bottom:1px solid var(--cnw-line)}
.cnw-note .cnw-faq-q{color:#14243a}
.cnw-note .cnw-faq-a p{margin:0;color:#333}

.cnw-note .cnw-note-related{background:var(--cnw-bg);border-radius:10px;padding:18px 22px;margin:0 0 30px}
.cnw-note .cnw-note-related h2{font-size:17px}
.cnw-note .cnw-note-related ul{margin:0;padding-left:20px}
.cnw-note .cnw-note-author{border-top:2px solid #14243a;padding:14px 0 0;margin:0 0 24px;font-size:15px;color:var(--cnw-sub)}
.cnw-note .cnw-note-nap h2{font-size:17px}
.cnw-note .cnw-note-disclaimer{font-size:13px;color:#7a828c;line-height:1.7;border-top:1px dashed var(--cnw-line);padding-top:14px;margin-top:10px}

@media (max-width:640px){
  .cnw-note{font-size:15px}
  .cnw-note h2{font-size:19px}
  .cnw-note .cnw-note-lead{font-size:15.5px;padding:14px 16px}
  .cnw-note .cnw-note-table{font-size:14px;display:block;overflow-x:auto}
  .cnw-note .cnw-note-table tbody th{white-space:normal}
  .cnw-note .cnw-note-types li,.cnw-note .cnw-note-steps li{padding:12px 12px 12px 46px}
  .cnw-note .cnw-note-types li:before,.cnw-note .cnw-note-steps li:before{left:12px;top:12px}
}