:root {
}

  html, body {
    min-width: 100% !important;
    margin: 0 !important;
    padding: auto !important;
    /* background-color: whitesmoke !important; */
    background-color: #F5F6F6;
    min-height: 100% !important;
    overflow-x: hidden !important;
  }

.main-container {
  overflow-x: hidden !important;
  overflow-y: scroll;
  margin: 0 auto !important;
  padding: 0 !important;
  background-color: white !important;
  min-height: 100dvh !important;
  min-width: 100dvw !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center;
  align-items: center !important;

  /* Firefox */
  scrollbar-width: none;
  /* IE 10+ */
  -ms-overflow-style: none;
}

/* Chrome, Safari, Opera */
 *::-webkit-scrollbar {
  display: none;
}
* {
  /* Firefox */
  scrollbar-width: none;
  /* IE 10+ */
  -ms-overflow-style: none;
}

.main-container,
.main-container * {
  box-sizing: border-box;
  width: 390px;
}

input,
select,
textarea,
button {
  outline: 0;
}


.main-container {
  transform-origin: top left !important;
  --app-scale: 1;
  --sx: 0;                 /* 슬라이드 위치 변수 */
  transform: translateX(var(--sx)) scaleX(var(--app-scale)) !important;
  will-change: transform;
}

@font-face {
    font-family: 'Warhaven';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/WarhavenB.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}