/* 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 : #17335B;
  --black_3 : #333333;
  --black_2c : #2C2C2C;
  --gray_6 : #666666;
  --gray_a : #AAAAAA;
  --gray_ae : #AEAEAE;
  --gray_a3 : #A3A3A3;
  --gray_5c : #5C5C5C;
  --gray_e1 : #E1E1E1;
  --gray_e8 : #e8e8e8;
  --gray_a8 : #a8a8a8;
  --wt : #fff;
  --wt_f8 : #F8F8F8;
}

/* bg */
.pr { background : #17335B !important;}
.black_3 { background : #333333 !important;}
.black_2c { background : #2C2C2C !important;}
.gray_6 { background : #666666 !important;}
.gray_a { background : #AAAAAA !important;}
.gray_ae { background : #AEAEAE !important;}
.gray_a3 { background : #A3A3A3 !important;}
.gray_5c { background : #5C5C5C !important;}
.gray_e1 { background : #E1E1E1 !important;}
.wt { background : #fff !important;}
.wt_f8 { background : #F8F8F8 !important;}

/* color */
.pr_c { color : #17335B !important;}
.black_3_c { color : #333333 !important;}
.black_2c_c { color : #2C2C2C !important;}
.gray_6_c { color : #666666 !important;}
.gray_a_c { color : #AAAAAA !important;}
.gray_ae_c { color : #AEAEAE !important;}
.gray_a3_c { color : #A3A3A3 !important;}
.gray_5c_c { color : #5C5C5C !important;}
.gray_e1_c { color : #E1E1E1 !important;}
.wt_c { color : #fff !important;}
.wt_f8_c { color : #F8F8F8 !important;}

.nm {font-family: "Nanum Myeongjo", serif !important;}
body {font-family: 'Pre';}
.container {max-width: 1280px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}
section {padding: 140px 0;}

/* tit-box */
.tit-box {text-align: center; margin-bottom: 60px;}
.tit-box .tit {font-family: "Nanum Myeongjo", serif !important; font-size: 36px; font-weight: 800; line-height: 1.4; letter-spacing: -1.44px; color: var(--black_3);}
.tit-box .sub {margin-bottom: 15px; font-size: 20px; font-weight: 600; line-height: 1.5; color: var(--pr);}
.tit-box .sub2 {margin-top: 15px; font-size: 20px; font-weight: 400; line-height: 1.5; color: var(--gray_6);}