@use '../base/variable';
@use '../abstract';

html.is-lock,
html.is-lock body {
  overflow: hidden;
}

// ================================
// 컨텐츠 섹션 wrap
// bp: md (768px)
// ================================
.cds-section-wrap {
  $space-pc: 32px;
  // @include abstract.debug();

  max-width: variable.$max-width;
  width: 100%;
  padding: 64px variable.$gap-sm;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--base-white);

  .cds-media__content {
    padding-inline: 0;
  }

  @include abstract.media-bp-up('md') {
    padding: 96px $space-pc;
  }
}