* {
  /* margin: 0;  */
  /* padding: 0; */
  /* -webkit-user-drag: none; */
  /* box-sizing: border-box; */
  /* user-select: none; */
}

/** 폰트 */
@font-face {
  font-family: "NotoSansCJKR-Regular";
  src: url(https://cdn.cemware.com/2021/10/14/25b46306-e0cb-4cef-91fe-dd092487859d.woff2) format("woff2"),
    url(https://cdn.cemware.com/2021/10/14/2b368cee-5297-472a-a626-d4dc18bb73b7.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "NotoSansCJKR-Medium";
  src: url(https://cdn.cemware.com/2021/10/14/2156828c-c736-4c8d-8892-28d04f49ad6d.woff2) format("woff2"),
    url(https://cdn.cemware.com/2021/10/14/6ed8efab-4ded-49d9-80e9-b2613c323a68.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: "NotoSansCJKR-Bold";
  src: url(https://cdn.cemware.com/2021/10/14/19fd028c-133f-45dd-bd00-d60d7c480c1d.woff2) format("woff2"),
    url(https://cdn.cemware.com/2021/10/14/d6090d1e-8ef6-4030-ba6a-bec0ff23be7a.woff) format("woff");
  font-display: swap;
}


@font-face {
  font-family: "NotoSansCJKR-ExtraBold";
  src: url(https://cdn.cemware.com/2021/10/14/d1a85c86-1de7-4001-a5db-80ed20a3471e.woff2) format("woff2"),
    url(https://cdn.cemware.com/2021/10/14/bfcb2b1b-f7d4-41e0-b83b-9f582cecc15b.woff) format("woff");
  font-display: swap;
}

/* 프리텐다드 폰트 추가 */
@font-face {
  font-family: 'Pretendard-Black';
  src: url(https://files.steamup.academy/fonts/Pretendard-Black.subset.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-Black.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-Black.woff) format("woff");
    font-display: swap;
  }

@font-face {
  font-family: 'Pretendard-ExtraBold';
  src: url(https://files.steamup.academy/fonts/Pretendard-ExtraBold.subset.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-ExtraBold.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-ExtraBold.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard-Bold';
  src: url(https://files.steamup.academy/fonts/Pretendard-Bold.subset.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-Bold.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-Bold.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard-SemiBold';
  src: url(https://files.steamup.academy/fonts/Pretendard-SemiBold.subset.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-SemiBold.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-SemiBold.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard-Regular';
  src: url(https://files.steamup.academy/fonts/Pretendard-Regular.subset.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-Regular.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-Regular.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard-Medium';
  src: url(https://files.steamup.academy/fonts/Pretendard-Medium.subset.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-Medium.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-Medium.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard-Light';
  src: url(https://files.steamup.academy/fonts/Pretendard-Light.subset.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-Light.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-Light.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard-ExtraLight';
  src: url(https://files.steamup.academy/fonts/Pretendard-ExtraLight.subset.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-ExtraLight.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-ExtraLight.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Pretendard-Thin';
  src: url(https://files.steamup.academy/fonts/Pretendard-Thin.subset.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-Thin.woff2) format("woff2"),
    url(https://files.steamup.academy/fonts/Pretendard-Thin.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy-Bold';
  src: url(https://files.steamup.academy/fonts/Gilroy-Bold.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy-Light';
  src: url(https://files.steamup.academy/fonts/Gilroy-Light.woff) format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'NanumSquareRoundOTF-ExtraBold';
  src: url(/assets/css/font/NanumSquareRoundOTFEB.otf) format(opentype);
  font-display: swap;
}

/* 디지털교과서에서 활동 폰트 */
@font-face {
  font-family: "GmarketSans-Light";
  font-weight: 300;
  src: url(/assets/css/font/GmarketSansTTFLight.ttf) format(truetype);
  font-display: swap;
}

@font-face {
  font-family: "GmarketSans-Medium";
  font-weight: 500;
  src: url(/assets/css/font/GmarketSansTTFMedium.ttf) format(truetype);
  font-display: swap;
}

@font-face {
  font-family: "GmarketSans-Bold";
  font-weight: 700;
  src: url(/assets/css/font/GmarketSansTTFBold.ttf) format(truetype);
  font-display: swap;
}

/* Inter 폰트 추가 */
@font-face {
  font-family: "Inter-Regular";
  src: url(/assets/css/font/Inter-Regular.woff2) format('woff2');
  font-display: swap;
}

@font-face {
  font-family: "Inter-Medium";
  src: url(/assets/css/font/Inter-Medium.woff2) format('woff2');
  font-display: swap;
}

@font-face {
  font-family: "Inter-SemiBold";
  src: url(/assets/css/font/Inter-SemiBold.woff2) format('woff2');
  font-display: swap;
}

@font-face {
  font-family: "Inter-Bold";
  src: url(/assets/css/font/Inter-Bold.woff2) format('woff2');
  font-display: swap;
}


/** 스크롤 바 */
[data-scroll]::-webkit-scrollbar-track {
  background-color: transparent;
}

[data-scroll]::-webkit-scrollbar-thumb {
  width: 10px;
  height: 4px;
  border-radius: 10px;
  background-color: #D9D9D9;
}

[data-scroll]::-webkit-scrollbar-thumb:hover {
  width: 10px;
  height: 4px;
  border-radius: 10px;
  background-color: #0D99FF;
}

[data-scroll]::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

[data-scroll]::-webkit-scrollbar {
  width: 10px;
  height: 4px;
}

[data-scroll=horizontal]::-webkit-scrollbar-thumb {
  height: 4px;
}

[data-scroll=horizontal]::-webkit-scrollbar {
  height: 4px;
}

/** 툴팁 */

*[data-tooltip] {
  position: relative;
}

*[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: normal;
  background: black;
  color: white;
  white-space: nowrap;
  border-radius: 50px;
  bottom: -5px;
  left: 50%;
  transform: translate(-50%, 100%);
  z-index: 1;
  visibility: hidden;
}

*[data-tooltip]:hover::after {
  visibility: visible;
}

*[data-tooltip][data-tooltip-direction="top"]::after {
  top: -5px;
  bottom: auto;
  transform: translate(-50%, -100%);
}

*[data-tooltip][data-tooltip-direction="left"]::after {
  top: 50%;
  left: -5px;
  bottom: auto;
  transform: translate(-100%, -50%);
}

*[data-tooltip][data-tooltip-direction="right"]::after {
  top: 50%;
  right: -5px;
  bottom: auto;
  left: auto;
  transform: translate(100%, -50%);
}