/* 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-ExtraLight.woff') format('woff');
  font-weight: 200;
  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-Regular.woff') format('woff');
  font-weight: 400;
  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-ExtraBold.woff') format('woff');
  font-weight: 800;
  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 : #1F6C9D;
  --pr2 : #043656;
  --pr3 : #F1F7FA;
  --pr4 : #0377c0;
  --yellow : #FEE102;
  --black : #000;
  --black_23 : #231815;
  --black_3 : #333333;
  --black_38 : #381e1f;
  --gray_5 : #555555;
  --gray_7 : #777777;
  --gray_f6 : #F6F7F8;
  --gray_5 : #555555;
  --gray_9 : #999;
  --gray_a : #AAAAAA;
  --gray_e2 : #e2e2e2;
  --gray_e : #eee;
  --wt : #fff;
  --wt_f6 : #f6f7f8;
}

  /* bg */
  .pr {background : #1F6C9D !important;}
  .pr2 {background : #043656 !important;}
  .pr3 {background : #F1F7FA !important;}
  .yellow {background : #FEE102 !important;}
  .black {background : #000 !important;}
  .black_23 {background : #231815 !important;}
  .black_3 {background : #333333 !important;}
  .black_38 {background : #381e1f !important;}
  .black_5 {background : #555555 !important;}
  .gray_7 {background : #777777 !important;}
  .gray_f6 {background : #F6F7F8 !important;}
  .gray_5 {background : #555555 !important;}
  .gray_a {background : #AAAAAA !important;}
  .wt {background : #fff !important;}

  /* color */
  .pr_c {color : #1F6C9D !important;}
  .pr2_c {color : #043656 !important;}
  .pr3_c {color : #F1F7FA !important;}
  .yellow_c {color : #FEE102 !important;}
  .black_c {color : #000 !important;}
  .black_23_c {color : #231815 !important;}
  .black_3_c {color : #333333 !important;}
  .black_38_c {color : #381e1f !important;}
  .black_5_c {color : #555555 !important;}
  .gray_7_c {color : #777777 !important;}
  .gray_f6_c {color : #F6F7F8 !important;}
  .gray_5_c {color : #555555 !important;}
  .gray_a_c {color : #AAAAAA !important;}
  .wt_c {color : #fff !important;}

input,textarea,select,button {font-family: 'Pre';}
a,button {cursor: pointer;}
body,html {scroll-behavior: smooth;}
body {font-family: 'Pre'; overflow-x: hidden;}
.container {max-width: 1320px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}

/* tit-box */
.tit-box {margin-bottom: 60px; text-align: center;}
.tit-box .sub {margin-bottom: 8px; font-size: 20px; font-weight: bold; line-height: 1.4; color: var(--pr);}
.tit-box .tit {font-size: 40px; font-weight: bold; line-height: 1.4; color: var(--black);}
.tit-box .tit span {color: #1a72a9;}

/* dim */
.dim {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 10;;}