/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */#kbc-membership {
  .membership-tbl { width: 100%; border-collapse: collapse; }
  .membership-tbl tr { border-top: 1px solid var(--border-default-color); border-bottom: 1px solid var(--border-default-color); }
  .membership-tbl th { padding: var(--gap3) var(--gap2); letter-spacing: var(--letterspacing-l); background: var(--gray-50); font-size: var(--font-title-m); font-weight: var(--font-weight-bold); line-height: var(--line-height-m); }
  .membership-tbl th.membership-th { width: 10rem; }
  .membership-tbl td { padding: var(--gap3) var(--gap2); font-size: var(--font-text-l); line-height: var(--line-height-m); }
}

@media (48rem <= width) { #kbc-membership { .membership-info { grid-template-columns: auto 58%; } } }
#kbc-membership {
  .membership-info-list { display: grid; gap: var(--gap10); }
  .membership-info_detail .membership-info_detail_inner { display: grid; gap: var(--gap5); }
  .inner-gap,
  .membershio-info-fee,
  .membership-sec02 .bg-area { display: grid; gap: var(--gap2); }
}