/* 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-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 : #0B50F2;
  --pr2 : #264FA6;
  --pr3 : #B5D1FF;
  --pr_32 : #3250B2;
  --pr_dd : #DDEEFF;
  --pr_e3 : #E3E5F4;
  --pr_ee : #eef8ff;
  --pr_004 : #004097;
  --pr_f4 : #E4F0FF;
  --yellow : #F4D22C;
  --span_01 : #303068;
  --span_02 : #ffdf75;
  --span_03 : #ff6769;
  --black : #000;
  --black_3e : #3E3A39;
  --gray_9 : #999;
  --wt : #fff;
  --wt_f2 : #F2F2F2;
  --box2 : #5B50B2;
  --box3 : #5E9DDD;
  --box4 : #3997B5;
  --box5 : #303068;
}

input,textarea,select,a,button {font-family: 'Pre';}

p, a, div, span, ul, li, td {word-break: keep-all;}

/* bg */
.pr_dd {background: var(--pr_dd) !important;}
.dd {background: #eef9ff !important;}
.wt {background: var(--wt) !important;}
.wt_c {color: var(--wt) !important;}
.new_bg {background: #091F5C !important;}
.wt_f2 {background: var(--wt_f2) !important;}
.pr_e3 {background: var(--pr_e3) !important;}
.pr_ee {background: var(--pr_ee) !important;}

/* color */
.pr { background: #0B50F2 !important;}
.pr2 { background: #264FA6 !important;}
.pr3 { background: #B5D1FF !important;}
.pr_32 { background: #3250B2 !important;}
.pr_dd { background: #DDEEFF !important;}
.pr_e3 { background: #E3E5F4 !important;}
.pr_ee { background: #eef8ff !important;}
.pr_004 { background: #004097 !important;}
.pr_f4 { background: #E4F0FF !important;}
.yellow { background: #F4D22C !important;}
.span_01 { background: #303068 !important;}
.span_02 { background: #ffdf75 !important;}
.span_03 { background: #ff6769 !important;}
.black { background: #000 !important;}
.black_3e { background: #3E3A39 !important;}
.gray_9 { background: #999 !important;}
.wt { background: #fff !important;}
.wt_f2 { background: #F2F2F2 !important;}
.box0 { background: #6751F1 !important;}
.box2 { background: #5B50B2 !important;}
.box3 { background: #5E9DDD !important;}
.box4 { background: #3997B5 !important;}
.box5 { background: #303068 !important;}

.pr_c { color: #0B50F2 !important;}
.pr2_c { color: #264FA6 !important;}
.pr3_c { color: #B5D1FF !important;}
.pr_32_c { color: #3250B2 !important;}
.pr_dd_c { color: #DDEEFF !important;}
.pr_e3_c { color: #E3E5F4 !important;}
.pr_ee_c { color: #eef8ff !important;}
.pr_004_c { color: #004097 !important;}
.pr_f4_c { color: #E4F0FF !important;}
.yellow_c { color: #F4D22C !important;}
.span_01_c { color: #303068 !important;}
.span_02_c { color: #ffdf75 !important;}
.span_03_c { color: #ff6769 !important;}
.black_c { color: #000 !important;}
.black_3e_c { color: #3E3A39 !important;}
.gray_9_c { color: #999 !important;}
.wt_c { color: #fff !important;}
.wt_f2_c { color: #F2F2F2 !important;}
.box2_c { color: #5B50B2 !important;}
.box3_c { color: #5E9DDD !important;}
.box4_c { color: #3997B5 !important;}
.box5_c { color: #303068 !important;}

/* .span_01 {background: var(--span_01) !important;}
.span_02 {background: var(--span_02) !important;}
.span_03 {background: var(--span_03) !important;} */

/* box */
/* .box02 {background: var(--box2) !important;}
.box03 {background: var(--box3) !important;}
.box04 {background: var(--box4) !important;}
.box05 {background: var(--box5) !important;} */

html {scroll-behavior: smooth;}
body {font-family: 'Pre'; overflow-x: hidden;}
button {font-family: 'Pre'; overflow-x: hidden;}
.container {max-width: 1145px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}
/* .container2 {max-width: 840px; }
.container4 {max-width: 970px; } */
section {padding: 88px 0 105px; box-sizing: border-box;}