/* 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 : #0F3459;
  --pr2 : #B09A78;
  --red : #C60000;
  --black_3 : #333333;
  --gray_6 : #666666;
  --gray_d9 : #D9D9D9;
  --gray_c9 : #c9c9c9;
  --gray_9 : #999999;
  --gray_db : #dbdbdb;
  --gray_ef : #efefef;
  --wt : #FFFFFF;
  --wt_f5 : #F5F5F5;
  --wt_ef : #EFEFEF;
  --wt_f9 : #f9f3e9;
}

/* bg */
.pr {background : #0F3459 !important;}
.pr2 {background : #B09A78 !important;}
.red {background : #C60000 !important;}
.black_3 {background : #333333 !important;}
.gray_6 {background : #666666 !important;}
.gray_d9 {background : #D9D9D9 !important;}
.gray_9 {background : #999999 !important;}
.wt {background : #FFFFFF !important;}
.wt_f5 {background : #F5F5F5 !important;}
.wt_ef {background : #EFEFEF !important;}

/* color */
.pr_c {color : #0F3459 !important;}
.pr2_c {color : #B09A78 !important;}
.red_c {color : #C60000 !important;}
.black_3_c {color : #333333 !important;}
.gray_6_c {color : #666666 !important;}
.gray_d9_c {color : #D9D9D9 !important;}
.gray_9_c {color : #999999 !important;}
.wt_c {color : #FFFFFF !important;}
.wt_f5_c {color : #F5F5F5 !important;}
.wt_ef_c {color : #EFEFEF !important;}

html {scroll-behavior: smooth;}
body {font-family: 'Pre';}
.container {max-width: 1280px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box; overflow: hidden;}
section {padding: 140px 0;}

/* tit-box */
.tit-box {margin-bottom: 80px; text-align: center;}
.tit-box .lb {display: flex; align-items: center; justify-content: center; width: 140px; height: 50px; margin: 0 auto 30px; border: 1px solid var(--wt); border-radius: 60px; font-size: 20px; font-weight: 500; line-height: 1.6; letter-spacing: -0.4px; color: var(--wt);}
.tit-box .tit {margin-bottom: 30px; font-size: 50px; font-weight: bold; line-height: 1.3; letter-spacing: -2px; color: var(--black_3);}
.tit-box .tit span {color: var(--pr2);}
.tit-box .sub {font-size: 20px; font-weight: 400; line-height: 1.6; letter-spacing: -0.4px; color: var(--gray_6);}

/* tit-box2 */
.tit-box2 {text-align: left;}
.tit-box2 .tit {margin-bottom: 30px; font-size: 50px; font-weight: bold; line-height: 1.3; letter-spacing: -2px; color: var(--wt);}
.tit-box2 .tit span {color: var(--pr2);}
.tit-box2 .sub {font-size: 20px; font-weight: 400; line-height: 1.6; letter-spacing: -0.4px; color: var(--gray_ef);}