/* 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 : #2563EB;
  --pr2 : #E2E8F0;
  --pr_ef : #EFF4FF;
  --pr_db : #dbeafe;
  --green : #00DD98;
  --green2 : #16A34A;
  --yellow : #F59E0B;
  --yellow2 : #FEE500;
  --black : #000000;
  --black_0f : #0F172A;
  --black_1e : #1E2124;
  --black_47 : #475569;
  --gray_64 : #64748B;
  --gray_94 : #94A3B8;
  --gray_bf : #BFCFFE;
  --gray_bf : #BFCFFE;
  --gray_6b : #6B7280;
  --gray_8a : #8A949E;
  --gray_e9 : #e9f0ff;
  --gray_e5 : #E5EBF9;
  --gray_d97 : #D97706;
  --gray_d5 : #d5d5d5;
  --gray_71 : #717986;
  --gray_a5 : #a5afc0;
  --gray_52 : #525861;
  --wt : #FFFFFF;
  --wt_f7 : #F7F9FF;
  --wt_f4 : #F4F7FF;
  --wt_f0 : #F0FDF4;
  --wt_f1 : #F1F5F9;
  --wt_cb : #CBD5E1;
  --wt_f8 : #f8fafc;
  --wt_f8_fb : #F8FBFF;
  --wt_fb : #FFFBEB;
  --wt_fe : #FEF3C7;
}

/* bg */
.pr { background : #2563EB !important;}
.pr2 { background : #E2E8F0 !important;}
.pr_ef { background : #EFF4FF !important;}
.green { background : #00DD98 !important;}
.green2 { background : #16A34A !important;}
.yellow { background : #F59E0B !important;}
.yellow2 { background : #FEE500 !important;}
.black { background : #000000 !important;}
.black_0f { background : #0F172A !important;}
.black_1e { background : #1E2124 !important;}
.black_47 { background : #475569 !important;}
.gray_64 { background : #64748B !important;}
.gray_94 { background : #94A3B8 !important;}
.gray_bf { background : #BFCFFE !important;}
.gray_bf { background : #BFCFFE !important;}
.gray_6b { background : #6B7280 !important;}
.gray_8a { background : #8A949E !important;}
.gray_e5 { background : #E5EBF9 !important;}
.gray_d97 { background : #D97706 !important;}
.wt { background : #FFFFFF !important;}
.wt_f7 { background : #F7F9FF !important;}
.wt_f4 { background : #F4F7FF !important;}
.wt_f0 { background : #F0FDF4 !important;}
.wt_f1 { background : #F1F5F9 !important;}
.wt_cb { background : #CBD5E1 !important;}
.wt_f8_fb { background : #F8FBFF !important;}
.wt_fe { background : #FEF3C7 !important;}

/* color */
.pr_c { color : #2563EB !important;}
.pr2_c { color : #E2E8F0 !important;}
.pr_ef_c { color : #EFF4FF !important;}
.green_c { color : #00DD98 !important;}
.green2_c { color : #16A34A !important;}
.yellow_c { color : #F59E0B !important;}
.yellow2_c { color : #FEE500 !important;}
.black_c { color : #000000 !important;}
.black_0f_c { color : #0F172A !important;}
.black_1e_c { color : #1E2124 !important;}
.black_47_c { color : #475569 !important;}
.gray_64_c { color : #64748B !important;}
.gray_94_c { color : #94A3B8 !important;}
.gray_bf_c { color : #BFCFFE !important;}
.gray_bf_c { color : #BFCFFE !important;}
.gray_6b_c { color : #6B7280 !important;}
.gray_8a_c { color : #8A949E !important;}
.gray_d97_c { color : #D97706 !important;}
.wt_c { color : #FFFFFF !important;}
.wt_f7_c { color : #F7F9FF !important;}
.wt_f4_c { color : #F4F7FF !important;}
.wt_f0_c { color : #F0FDF4 !important;}
.wt_f1_c { color : #F1F5F9 !important;}
.wt_cb_c { color : #CBD5E1 !important;}

.br_pr2 {border: 1px solid var(--pr2) !important;}

button,a,input,select,dl,dt,dd,table {font-family: 'Pre';}
body {font-family: 'Pre';}
.container {max-width: 840px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box; overflow: hidden;}
.ns {font-family: "Noto Sans", sans-serif !important;}

/* tit-box */
.tit-box {margin-bottom: 56px; text-align: center;}
.tit-box2 {margin-bottom: 28px;}
.tit-box.left {text-align: left;}
.tit-box .box {display: flex; align-items: center; justify-content: center; width: 124px; height: 23px; margin: 0 auto 14px; border-radius: 100px; background: var(--gray_e9); font-size: 11px; font-weight: bold; line-height: 1; letter-spacing: 0.88px; color: var(--pr);}
.tit-box.left .box {margin: 0 0 22px;}
.tit-box .tit {margin-bottom: 16px; font-size: 36px; font-weight: 900; line-height: 1; color: var(--black_0f);}
.tit-box2 .tit {font-size: 28px;}
.tit-box .sub {font-size: 15px; font-weight: 400; color: var(--gray_64); word-break: keep-all; line-height: 1.5;}