/* 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 : #248AFF;
  --black : #000;
  --black_1e : #1E1E1E;
  --black_3 : #333;
  --gray_e8 : #e8e8e8;
  --gray_6 : #666;
  --gray_c6 : #c6c6c6;
  --wt : #fff;
  --wt_f6 : #F6F9FD;
  --wt_f3 : #F3F4F6;
  --wt_fa : #FAFAFA;
}

  /* bg */
  .pr {background : #248AFF !important;}
  .black {background : #000 !important;}
  .black_1e {background : #1E1E1E !important;}
  .black_3 {background : #333 !important;}
  .gray_e8 {background : #e8e8e8 !important;}
  .gray_6 {background : #666 !important;}
  .gray_c6 {background : #c6c6c6 !important;}
  .wt {background : #fff !important;}
  .wt_f6 {background : #F6F9FD !important;}
  .wt_f3 {background : #F3F4F6 !important;}
  .wt_fa {background : #FAFAFA !important;}

  /* color */
  .pr_c {color : #248AFF !important;}
  .black_c {color : #000 !important;}
  .black_1e_c {color : #1E1E1E !important;}
  .black_3_c {color : #333 !important;}
  .gray_e8_c {color : #e8e8e8 !important;}
  .gray_6_c {color : #666 !important;}
  .gray_c6_c {color : #c6c6c6 !important;}
  .wt_c {color : #fff !important;}
  .wt_f6_c {color : #F6F9FD !important;}
  .wt_f3_c {color : #F3F4F6 !important;}
  .wt_fa_c {color : #FAFAFA !important;}

body {font-family: 'Pre';}
section {padding: 120px 0; background: var(--wt_f6);}
a,button,input,textarea,td,th,dd,dt {font-family: 'Pre';}

.container {max-width: 1180px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}