@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");

:root {
  --bg: #0f172a;
  --card: #1e293b;
  --accent: #8b5cf6;
  --text: #fff;
  --muted: #94a3b8;
  --radius: 10px;
  --gap: 12px;
  --transition: 0.3s ease;
  --main-bg: #000;
  --primary-color: #f22720;
}

* {
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
}
html {
  scroll-behavior: smooth;
}

button {
  background: none;
  border: 0;
  cursor: pointer;
}

a {
  text-decoration: none;
}
strong {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

ul {
  list-style: none;
}

fieldset,
input {
  border: 0;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  object-fit: cover;
  border-radius: 4px;
}

section {
  position: relative;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  position: relative;
  word-break: keep-all;
  font-family: "Pretendard", sans-serif !important;
  letter-spacing: -0.025em;
  line-height: 1.5;
  background: var(--main-bg);
  overflow-x: hidden;
}

.side_bottom--block .side_bottom--right::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Edge */
}

@media screen and (max-width: 992px) {
  body {
    -ms-overflow-style: none;
    /* IE & Edge */
    scrollbar-width: none;
    /* Firefox */
  }

  body::-webkit-scrollbar {
    display: none !important;
    /* Safari & Chrome */
    scrollbar-width: none !important;
  }
}