/* 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;
  --red : #E80000;
  --black : #000;
  --black_3 : #333333;
  --gray_6 : #666666;
  --gray_d9 : #D9D9D9;
  --gray_98 : #989898;
  --wt : #FFFFFF;
  --wt_f2 : #F2F2F2;
}

  /* bg */
  .pr {background: #1F6C9D;}
  .red {background: #E80000;}
  .black {background: #000;}
  .black_3 {background: #333333;}
  .gray_6 {background: #666666;}
  .gray_d9 {background: #D9D9D9;}
  .gray_98 {background: #989898;}
  .wt {background: #FFFFFF;}
  .wt_f2 {background: #F2F2F2;}

  /* color */
  .pr_c {background: #1F6C9D;}
  .red_c {background: #E80000;}
  .black_c {background: #000;}
  .black_3_c {background: #333333;}
  .gray_6_c {background: #666666;}
  .gray_d9_c {background: #D9D9D9;}
  .gray_98_c {background: #989898;}
  .wt_c {background: #FFFFFF;}
  .wt_f2_c {background: #F2F2F2;}

  body {font-family: 'Pre';}
  .container {max-width: 1280px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}
  section {width: 100%; height: auto; padding: 120px 0;}
  section:last-of-type {border-bottom: 1px solid var(--gray_d9);}

  /* tit-box */
  .tit-box {text-align: center; margin-bottom: 40px;}
  .tit-box .tit {font-size: 40px; font-weight: bold; line-height: 1.4; letter-spacing: -0.8px; color: var(--black_3);}
  .tit-box .sub {margin-top: 20px; font-size: 18px; font-weight: 400; line-height: 1.4; letter-spacing: -0.36px; color: var(--gray_6);}