/* 머닝 오픈채팅 · 카카오 비즈니스 상담 배너 (partials/contact_banners.html).
   인사이트 하단 원본 스타일 — 인사이트와 마이페이지 FAQ 가 함께 쓴다. */
.insight-contact-banners {
  margin-top: 80px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.insight-contact-banners > a {
  position: relative;
  min-height: 150px;
  padding: 34px 34px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 22px;
  color: #25262b;
}
.insight-contact-banners .is-openchat { background: #c3ff00; }
.insight-contact-banners .is-business { background: #fee500; }
.insight-contact-banners h2 { margin: 0 0 9px; font-size: 22px; line-height: 1.25; font-weight: 800; letter-spacing: -.035em; }
.insight-contact-banners p { margin: 0; color: #42444a; font-size: 14px; line-height: 1.55; }
.insight-banner-arrow {
  position: absolute; top: 22px; right: 22px; width: 36px; height: 36px; display: grid; place-items: center;
  border-radius: 50%; background: #fff; color: #25262b; font-size: 17px; font-weight: 750;
}

/* 마이페이지 콘텐츠 폭에 맞춘 크기 — 컬러·아이콘·레이아웃·텍스트 스타일은 원본 그대로 */
.mypage-contact-banners .insight-contact-banners { margin-top: 48px; gap: 18px; }
.mypage-contact-banners .insight-contact-banners > a { min-height: 138px; padding: 30px; }
.mypage-contact-banners .insight-contact-banners h2 { font-size: 20px; }

@media (max-width: 767px) {
  .insight-contact-banners { margin-top: 56px; grid-template-columns: 1fr; gap: 14px; }
  .insight-contact-banners > a { min-height: 144px; padding: 28px 24px; border-radius: 18px; }
  .insight-contact-banners h2 { font-size: 20px; }
  .mypage-contact-banners .insight-contact-banners { margin-top: 36px; }
}