@import url("../fonts/pretendard.css");

html {
  min-height: calc(100% + env(safe-area-inset-top));
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
   overscroll-behavior: none;
   -webkit-overflow-scrolling: touch;
}

html, body {
  overscroll-behavior-y: contain;
}

* {
  --font: 'Pretendard', -apple-system, sans-serif;
  --section-gap: 30px;
  --border-radius: 8px;
  --border-color: #dfdfdf;
  --border-grid-color: #D9D9D9;
  --title-color: #131313;
  --background-color: #ffffff;
  --background-input-color: #f5f5f5;
  --background-tip-color: #FFF5F8;

  --main-color: #b72654;
  --sub-color: #275f77;
  --white-color: #ffffff;
  --placeholder-color: #9C9C9C;

  --btn-main-color: #b72654;
  --btn-main-hover-color: #a31e48;
  --btn-sub-color: #275f77;
  --btn-sub-hover-color: #275569;

  margin: 0;
  padding: 0;
  font-family: var(--font);
  font-weight: 500;
  color: var(--title-color);
}

h2 {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}

.bottom-m20 {
  margin-bottom: 20px;
}

.bottom-m25 {
  margin-bottom: 25px;
}

.bottom-m4 {
  margin-bottom: 4px;
}

.left-p20 {
  padding-left: 20px;
}

.top-m10 {
  margin-top: 10px;
}

.top-m20 {
  margin-top: 20px;
}

.top-m30 {
  margin-top: 20px;
}

.m8 {
  margin: 8px;
}


/* 접근성용 숨김 */
.visually-hidden {
  visibility: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.border-top {
  border-top: 1px solid var(--border-grid-color);
}

.border-bottom {
  border-bottom: 1px solid var(--border-grid-color);
}