html {
  font-weight: 100;
  font-size: $font-size-initial;
}

body {
  overflow-x: hidden;
  color: $text-color;
  background: $main-gradient, $main-background-image;
  background-attachment: fixed;
}

/* 스크롤 테마 */
body::-webkit-scrollbar {
  width: 8px; /* 스크롤바의 너비 */
  height: 8px;
}

body::-webkit-scrollbar-thumb {
  height: 30%; /* 스크롤바의 길이 */
  background: #343434; /* 스크롤바의 색상 */
  border-radius: 10px;
}

body::-webkit-scrollbar-track {
  background: $main-gradient, $main-background-image;
}

html,
body,
#app {
  height: 100%;
  font-family: $font-family-base;
}

a,
.dropdown-item,
.btn {
  cursor: pointer;
  transition:
    color 0.1s ease-in-out,
    background-color 0.1s ease-in-out,
    border-color 0.1s ease-in-out;
  font-family: $font-family-base;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

th {
  font-weight: 600;
}

td {
  font-weight: 300;
}

label {
  font-weight: 400;
}

strong {
  font-weight: 700;
}

ul ul,
ol ul {
  list-style: none;
}

ul,
ol {
  list-style: none;
  padding-left: 0;
}