@import "./../font/pretendardvariable.css";
@import "./../font/SCDream.css";
@import "./schedule.css";
@import "./result.css";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration-line: none;
}

html {
  width: 100%;
  min-width: 720px;
  background-color: #0f0f0f;
}
body {
  width: 100%;
}
button {
  cursor: pointer;
}

body {
  font-family: "Pretendard";
}

button {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.warp {
  width: 100%;
  min-height: 100vh;
  background-image: url(./../img/bg.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #0f0f0f;
  background-attachment: fixed;
}

/* header */
.header {
  position: relative;
  width: 100%;
  position: sticky;
  top: -1px;
  background: black;
  z-index: 10;
  transition: top 300ms;
}
.header.up {
  top: -1px;
}
.header.down {
  top: -190px;
}
.header.fixed {
  top: -1px;
  transition: none;
}

/* 배너 이미지 */
.banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 28px;
  width: 100%;
  height: 94px;
  color: white;
  font-family: "SCDream";
  background-color: #143cdb;
}
.banner .text1 {
  font-size: 16px;
  margin-bottom: 4px;
  font-weight: 400;
}
.banner .text2 {
  font-size: 32px;
  font-weight: 700;
}
/* 탭버튼 영역 */
.tab {
  width: 100%;
  background: black;
  border-bottom: 2px solid #212121;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 92px;
  /* transform: translateY(6px); */
}
.btn-tab {
  font-family: "SCDream";
  font-weight: 500;
  color: #3a3a3a;
  font-size: 34px;
  margin-right: 80px;
  letter-spacing: -2px;
}
.btn-tab:last-of-type {
  margin-right: 0;
}
.btn-tab.active {
  color: white;
}