html,
body {
  padding: 0;
  margin: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    Fira Sans,
    Droid Sans,
    Helvetica Neue,
    sans-serif,
    Noto Sans CJK KR,
    Noto Sans CJK KR Black,
    Noto Sans CJK KR Bold,
    Sans CJK KR Light,
    Noto Sans CJK KR Medium,
    Noto Sans CJK KR Regular,
    Sans CJK KR Thin;
  font-size: 16px;
}

body {
  display: none;
}


/* CSS Reset & Base Styles (대체 @tailwind base) */
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body {
  margin: 0;
  line-height: inherit;
}

.block {
  display: block;
}

.hidden {
  display: none;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, "Roboto Mono", "Courier New", monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button,
select {
  text-transform: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
       appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

textarea {
  resize: vertical;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button,
[role="button"] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
}

img,
video {
  max-width: 100%;
  height: auto;
}

@font-face {
  font-family: Noto Sans CJK KR Black;
  src: url(/fonts/NotoSansKR-Black.otf) format("opentype");
  /* src: url(/fonts/NotoSansKR-Black.woff2) format("woff2"); */
}
@font-face {
  font-family: Noto Sans CJK KR Bold;
  src: url(/fonts/NotoSansKR-Bold.otf) format("opentype");
  /* src: url(/fonts/NotoSansKR-Bold.woff2) format("woff2"); */
}
@font-face {
  font-family: Noto Sans CJK KR;
  src: url(/fonts/NotoSansKR-Light.otf) format("opentype");
  /* src: url(/fonts/NotoSansKR-Light.woff2) format("woff2"); */
}
@font-face {
  font-family: Noto Sans CJK KR Medium;
  src: url(/fonts/NotoSansKR-Medium.otf) format("opentype");
  /* src: url(/fonts/NotoSansKR-Medium.woff2) format("woff2"), */
}
@font-face {
  font-family: Noto Sans CJK KR Regular;
  src: url(/fonts/NotoSansKR-Regular.otf) format("opentype");
  /* src: url(/fonts/NotoSansKR-Regular.woff2) format("woff2"); */
}
@font-face {
  font-family: Sans CJK KR Thin;
  src: url(/fonts/NotoSansKR-Thin.otf) format("opentype");
  /* src: url(/fonts/NotoSansKR-Thin.woff2) format("woff2"); */
}

@font-face {
  font-family: 'Pretendard Variable';
  font-style: normal;
  src: url(/fonts/PretendardVariable.ttf) format('truetype');
}

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

* {
  box-sizing: border-box;
  -ms-overflow-style: none;
}
::-webkit-scrollbar {
  display: none;
}

input {
  outline-color: var(--color__primary);
}

.no-drag {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}