/* 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 : #3182F6;
  --black : #000;
  --black_3 : #333333;
  --gray_6 : #666666;
  --gray_9 : #999999;
  --gray_7e : #7E7E7E;
  --gray_a8 : #a8a8a8;
  --wt : #FFFFFF;
  --wt_e1 : #e1e1e1;
  --wt_f2 : #f2f2f2;
}

  .pr { background: #3182F6 !important;}
  .black { background: #000 !important;}
  .black_3 { background: #333333 !important;}
  .gray_6 { background: #666666 !important;}
  .gray_9 { background: #999999 !important;}
  .gray_7e { background: #7E7E7E !important;}
  .wt { background: #FFFFFF !important;}
  .wt_e1 { background: #e1e1e1 !important;}
  .wt_f2 { background: #f2f2f2 !important;}

  .pr_c { color: #3182F6 !important;}
  .black_c { color: #000 !important;}
  .black_3_c { color: #333333 !important;}
  .gray_6_c { color: #666666 !important;}
  .gray_9_c { color: #999999 !important;}
  .gray_7e_c { color: #7E7E7E !important;}
  .wt_c { color: #FFFFFF !important;}
  .wt_e1_c { color: #e1e1e1 !important;}
  .wt_f2_c { color: #f2f2f2 !important;}

a,button,td,th,dt,dd,input,textarea {font-family: 'Pre';}
button,a {cursor: pointer;}
body {font-family: 'Pre';}
.container {max-width: 1280px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}
section {padding: 160px 0;}