@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');


/*main style*/ 
@font-face {
  font-family: 'BookkMyungjo-Bd';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkMyungjo-Bd.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
* {
  margin:0;
  padding:0;
  outline:none;
  list-style:none;
  text-decoration:none;
  box-sizing:border-box;
  background: transparent;
  border:none;
}
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
  background: #181716 !important;
  --bg: #181716 !important;
  --point: #51aab6;
  --bar: #fff !important;
  overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  scrollbar-face-color:var(--bar);
  scrollbar-highlight-color:var(--bg);
  scrollbar-3dlight-color:var(--bg);
  scrollbar-darkshadow-color:var(--bg);
  scrollbar-shadow-color:var(--bg);
  scrollbar-arrow-color:var(--bg);
  scrollbar-track-color:var(--bg);
}
* {-webkit-tap-highlight-color:transparent; }
*, body, html, a, a:hover, img:hover, input, input:hover, label, label:hover, map, map:hover, area, area:hover {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
*:focus { outline:none; }
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a {-webkit-tap-highlight-color: rgba(0,0,0,0);
   -webkit-tap-highlight-color: transparent; /* For some Androids */}
::-webkit-scrollbar {
   width:5px;
	 height:6px;
}
::-webkit-scrollbar-track-piece  {
   	background-color:var(--bg);
}
::-webkit-scrollbar-thumb {
   width: 10px;
  	background-color:var(--bar);
}
#black-screen {
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background: #181716;
  z-index: 9999;
  opacity: 1;
  transition: opacity 4s ease;
  pointer-events: none;
}