/* font */
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  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: 'Pre';
  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: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/* //font */

:root {
  --pr : #0000ed;
  --pr2 : #24ff74;
  --yellow : #f2de75;
  --black : #000;
  --black_41 : #414d6b;
  --black_84 : #8484ff;
  --black_04 : #04043b;
  --gray_46 : #464646;
  --wt : #fff;
  --wt_ef : #eff2f6;
}
html {scroll-behavior: smooth;}
input,select,textarea,a,button,table,td,th {font-family: 'Pre' !important;}
body {font-family: 'Pre';}
.container {max-width: calc(100vw - 40px); width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}
section {position: relative; padding: 140px 0 100px; background: var(--wt); z-index: 2;}
section:nth-child(odd) {background: var(--wt_ef);}

/* tit-box */
.tit-box {margin-bottom: 70px; text-align: center;}
.tit-box .tit {font-size: 60px; font-weight: 800; line-height: 1.18; color: var(--black);}
.tit-box .tit span {color: var(--pr);}
/* //tit-box */

/* tit-box2 */
.tit-box2 {margin-bottom: 60px; text-align: left;}
.tit-box2 .tit {font-size: 60px; font-weight: bold; line-height: 1.18; color: var(--wt);}
.tit-box2 .tit span {color: var(--pr2);}
.tit-box2 .sub {margin-top: 20px; font-size: 24px; font-weight: 200; line-height: 1.21; color: var(--wt_ef);}
/* //tit-box2 */

/* hash_link */
.hash_link {position: absolute; top: 0; left: 0; z-index: 10; font-size: 54px; color: var(--wt);}