/* 스크롤 차단 */
html, body {
  position: relative;
  width: 100vw;
  height: 100vh;  /* 화면 높이 */
  background: black;
  overflow: hidden; /*스크롤 차단*/
  margin: 0 auto; 
}

* {
  font-family: "Nanum Gothic", sans-serif;
}

/* 메인 컨테이너 */
.main-container {
  width: 100vw;
  height: 100vh;
  margin: 0 auto;
  border: none;
  display: flex;
  flex-direction: column;
  background: #282828 !important;
}

/* 서브 컨테이너 */
.sub-container {
  width: 100vw;
  height: 92.5vh;
  border: none;
  background: transparent;
}

/* 버튼 컨테이너 */
.button-container {
  width: 100vw;
  height: 7.5vh;
  display: flex;
  background: none;
  border-top: 1px solid greenyellow;
}
/* 버튼 */
.button {
  width: calc(100vw/3);
  height: 7.5vh;
  border: none;
  background: none;
  color: white;
  position: relative;
}

.mainpage {
  border-left: 1px solid greenyellow !important;
  border-right: 1px solid greenyellow !important;
}
  
/* 버튼 내 이미지 */
.button-container .button img {
  transform: translateY(-2px);
  width: 30px; 
}

.one, .two, .three {
  color: white;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  bottom: 0.5vh;
  left: 50%;
  transform: translateX(-50%);
}

button, html [type="button"] {
  -webkit-appearance: none;   
}