/* 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 : #0760e9;
  --yellow : #fae100;
  --black_3 : #333;
  --black_3c : #3c1e1e;
  --black_12 : #122c4e;
  --gray_6 : #666;
  --gray_eb : #ebebeb;
  --gray_8e : #8e8e8e;
  --gray_c : #ccc;
  --wt : #fff;
  --wt_f3 : #f3f6fb;
}

/* bg */
.pr {background : #0760e9 !important;}
.yellow {background : #fae100 !important;}
.black_3 {background : #333 !important;}
.black_3c {background : #3c1e1e !important;}
.black_12 {background : #122c4e !important;}
.gray_6 {background : #666 !important;}
.gray_eb {background : #ebebeb !important;}
.gray_8e {background : #8e8e8e !important;}
.gray_c {background : #ccc !important;}
.wt {background : #fff !important;}
.wt_f3 {background : #f3f6fb !important;}

/* color */
.pr_c {color : #0760e9 !important;}
.yellow_c {color : #fae100 !important;}
.black_3_c {color : #333 !important;}
.black_3c_c {color : #3c1e1e !important;}
.black_12_c {color : #122c4e !important;}
.gray_6_c {color : #666 !important;}
.gray_eb_c {color : #ebebeb !important;}
.gray_8e_c {color : #8e8e8e !important;}
.gray_c_c {color : #ccc !important;}
.wt_c {color : #fff !important;}
.wt_f3_c {color : #f3f6fb !important;}

body {font-family: 'Pre';}
section {padding: 120px 0;}
.container {max-width: 1200px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}

/* tit-box */
.tit-box {white-space: nowrap;}
.tit-box .tit {font-size: 32px; font-weight: bold; line-height: 1.4; letter-spacing: -1.92px; color: var(--black_3);}
.tit-box .tit span {color: var(--pr);}

/* tit-box2 */
.tit-box2 {text-align: center; margin-bottom: 60px;}
.tit-box2 .tit {margin-bottom: 10px; font-size: 40px; font-weight: bold; line-height: 1.4; letter-spacing: -2.4px; color: var(--black_3);}
.tit-box2 .tit span {color: var(--pr);}
.tit-box2 .sub {font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -1.2px; color: var(--gray_6);}

.tit-box2.flex {text-align: left;}