/* 인사말(M1_HOWCOOP) 콘텐츠 디자인 (2026-10-22) - 에디터 인라인 스타일을 덮어쓰기 위해 !important 사용 */
.page-howcoop .list-wrap { color: #333; word-break: keep-all; }
.page-howcoop .list-wrap .m9-grid-block { margin: 0 0 24px !important; }

/* 인용구 */
.page-howcoop .list-wrap .m9-grid-block:first-of-type .m9-padding-1 {
  position: relative; padding: 48px 32px 40px !important; margin: 8px 0 32px !important;
  background: #f5f9f6; border-radius: 20px;
}
.page-howcoop .list-wrap .m9-grid-block:first-of-type .m9-padding-1::before {
  content: "\201C"; position: absolute; top: 4px; left: 50%; transform: translateX(-50%);
  font-family: Georgia, serif; font-size: 72px; line-height: 1; color: #00c244; opacity: .35;
}
.page-howcoop .list-wrap .m9-grid-block:first-of-type .m9-f-huge,
.page-howcoop .list-wrap .m9-grid-block:first-of-type hr,
.page-howcoop .list-wrap .m9-grid-block:first-of-type .m9-font-color-3:empty { display: none !important; }
.page-howcoop .list-wrap .m9-grid-block:first-of-type .width-66 { width: 100% !important; min-height: 0 !important; margin: 0 !important; }
.page-howcoop .list-wrap .m9-grid-block:first-of-type .m9-margin-bottom-1.line-height-190 { display: none !important; }
.page-howcoop .list-wrap .m9-grid-block:first-of-type p {
  width: 100% !important; max-width: 640px; margin: 0 auto !important;
  font-family: 'KoPub Batang', serif; font-size: 15px !important; line-height: 1.8 !important; color: #777;
}
.page-howcoop .list-wrap .m9-grid-block:first-of-type p b,
.page-howcoop .list-wrap .m9-grid-block:first-of-type p b span {
  display: inline-block; margin-bottom: 12px; font-size: 24px !important; line-height: 1.6 !important; color: #222; font-weight: 700;
}
.page-howcoop .list-wrap .m9-grid-block:first-of-type p b span { display: inline !important; margin: 0 !important; }
.page-howcoop .list-wrap .m9-grid-block:first-of-type p b { margin-bottom: 4px !important; }
.page-howcoop .list-wrap .m9-grid-block:first-of-type p .all-br { display: none; }

/* 본문 카드 */
.page-howcoop .list-wrap .m9-border {
  border: 1px solid #e6e8ec !important; border-radius: 16px !important; background: #fff;
  padding: 32px 36px 20px !important; box-shadow: 0 2px 10px rgba(0,0,0,.03);
}
.page-howcoop .list-wrap .m9-h3 {
  display: flex; align-items: center; gap: 10px;
  margin: 0 0 24px !important; padding: 0 0 18px !important; border-bottom: 1px solid #eef0f3 !important;
  font-size: 22px !important; font-weight: 700; line-height: 1.4; color: #111 !important;
}
.page-howcoop .list-wrap .m9-h3 .bi { font-size: 20px; color: #00c244; flex: none; }
.page-howcoop .list-wrap .m9-h3 .bi i { display: none; }
.page-howcoop .list-wrap .m9-padding-width-1 { padding: 0 !important; font-size: 16px !important; }
.page-howcoop .list-wrap .m9-h4 {
  position: relative; margin: 28px 0 12px !important; padding-left: 14px;
  font-size: 18px !important; font-weight: 700; line-height: 1.5; color: #1a1a1a;
}
.page-howcoop .list-wrap .m9-padding-width-1 > .m9-h4:first-child { margin-top: 0 !important; }
.page-howcoop .list-wrap .m9-h4::before {
  content: ""; position: absolute; left: 0; top: .3em; bottom: .3em; width: 4px; border-radius: 2px; background: #00c244;
}
.page-howcoop .list-wrap .m9-h4 span, .page-howcoop .list-wrap .m9-h4 i { font-size: inherit !important; font-style: normal !important; }
.page-howcoop .list-wrap .m9-padding-width-1 p,
.page-howcoop .list-wrap .m9-padding-width-1 p span {
  text-align: left !important; font-size: 16px !important; line-height: 1.85 !important; color: #444;
}
.page-howcoop .list-wrap .m9-padding-width-1 p { margin: 0 0 16px !important; }
.page-howcoop .list-wrap .m9-padding-width-1 p b { color: #111; font-weight: 600; }

@media (max-width: 767px) {
  .page-howcoop .list-wrap .m9-grid-block:first-of-type .m9-padding-1 { padding: 40px 20px 28px !important; border-radius: 16px; }
  .page-howcoop .list-wrap .m9-grid-block:first-of-type p b,
  .page-howcoop .list-wrap .m9-grid-block:first-of-type p b span { font-size: 19px !important; }
  .page-howcoop .list-wrap .m9-grid-block:first-of-type .m9-padding-1::before { font-size: 56px; }
  .page-howcoop .list-wrap .m9-border { padding: 24px 20px 12px !important; border-radius: 14px !important; }
  .page-howcoop .list-wrap .m9-h3 { font-size: 19px !important; margin-bottom: 18px !important; padding-bottom: 14px !important; }
  .page-howcoop .list-wrap .m9-h4 { font-size: 16px !important; margin-top: 22px !important; }
  .page-howcoop .list-wrap .m9-padding-width-1 p,
  .page-howcoop .list-wrap .m9-padding-width-1 p span { font-size: 15px !important; line-height: 1.8 !important; }
}