:root { 
  --alabaster: #fbfbfb;
  --black: #000000;
  --blackwhitegray01: #747475;
  --blackwhitegray02: #a8a8a8;
  --blackwhitegray03: #dbdbdb;
  --blackwhitegray04: #ececec;
  --blackwhitegray05: #f5f5f5;
  --blackwhitegray06: #f8f8f8;
  --blackwhitegray07: #f9f9f9;
  --blackwhitetextbk01: #2b2f35;
  --blackwhitewhite: #ffffff;
  --blueblue01: #14417e;
  --blueblue02: #0e448b;
  --blueblue03: #4070b1;
  --blueblue04: #6287c0;
  --blueblue05: #6d96ce;
  --blueblue08: #6281ab;
  --blueblue09: #9cb6d7;
  --blueblue14: #eff5ff;
  --blueprimary: #225496;
  --buleprimary: #225496;
  --celeste: #cccccc;
  --gray05: #f5f5f5;
  --text-color: #2b2f35;
  --white: #ffffffbf;
 
  --font-size-l: 14px;
  --font-size-m: 12px;
  --font-size-s: 11px;
  --font-size-xl: 16px;
  --font-size-xxl: 18px;
  --font-size-xxxl: 20px;
  --font-size-xxxxl: 22px;
 
  --font-family-chivo_mono: "Chivo Mono", Helvetica;
  --font-family-maruburiotf-bold: "MaruBuriOTF-Bold", Helvetica;
  --font-family-maruburiotf-semibold: "MaruBuriOTF-SemiBold", Helvetica;
  --font-family-noto_sans_cjk_kr-bold: "Noto Sans CJK KR-Bold", Helvetica;
  --font-family-noto_sans_cjk_kr-medium: "Noto Sans CJK KR-Medium", Helvetica;
  --font-family-noto_sans_cjk_kr-regular: "Noto Sans CJK KR-Regular", Helvetica;
  --font-family-noto_serif: "Noto Serif", Helvetica;
  --font-family-noto_serif_kr: "Noto Serif KR", Helvetica;
  --font-family-paperlogy-5medium: "Paperlogy-5Medium", Helvetica;
  --font-family-paperlogy-7bold: "Paperlogy-7Bold", Helvetica;
  --font-family-playfair_display: "Playfair Display", Helvetica;
  --font-family-sf_pro_text-semibold: "SF Pro Text-Semibold", Helvetica;
}
.notosanscjkkr-regular-normal-sonic-silver-12px {
  color: var(--blackwhitegray01);
  font-family: var(--font-family-noto_sans_cjk_kr-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosanscjkkr-regular-normal-charade-11px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-noto_sans_cjk_kr-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.notosanscjkkr-regular-normal-charade-18px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-noto_sans_cjk_kr-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.notosanscjkkr-regular-normal-sonic-silver-18px {
  color: var(--blackwhitegray01);
  font-family: var(--font-family-noto_sans_cjk_kr-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.notosanscjkkr-regular-normal-sonic-silver-14px {
  color: var(--blackwhitegray01);
  font-family: var(--font-family-noto_sans_cjk_kr-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.notosanscjkkr-regular-normal-charade-16px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-noto_sans_cjk_kr-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.notosanscjkkr-bold-st-tropaz-18px {
  color: var(--blueprimary);
  font-family: var(--font-family-noto_sans_cjk_kr-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.notosanscjkkr-regular-normal-charade-22px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-noto_sans_cjk_kr-regular);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}

.notoserif-medium-sonic-silver-18px {
  color: var(--blackwhitegray01);
  font-family: var(--font-family-noto_serif);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.notosanscjkkr-medium-white-14px {
  color: var(--blackwhitewhite);
  font-family: var(--font-family-noto_sans_cjk_kr-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.notosanscjkkr-medium-charade-14px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-noto_sans_cjk_kr-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.notosanscjkkr-regular-normal-sonic-silver-20px {
  color: var(--blackwhitegray01);
  font-family: var(--font-family-noto_sans_cjk_kr-regular);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.notosanscjkkr-bold-charade-14px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-noto_sans_cjk_kr-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.notosanscjkkr-medium-charade-20px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-noto_sans_cjk_kr-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.notosanscjkkr-medium-white-16px {
  color: var(--blackwhitewhite);
  font-family: var(--font-family-noto_sans_cjk_kr-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.notosanscjkkr-regular-normal-charade-14px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-noto_sans_cjk_kr-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.notosanscjkkr-bold-st-tropaz-24px {
  color: var(--blueprimary);
  font-family: var(--font-family-noto_sans_cjk_kr-bold);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}

.notosanscjkkr-bold-charade-36px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-noto_sans_cjk_kr-bold);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
}

.notosanscjkkr-medium-charade-22px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-noto_sans_cjk_kr-medium);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 500;
}

.notosanscjkkr-bold-charade-22px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-noto_sans_cjk_kr-bold);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
}

.notosanscjkkr-medium-charade-16-7px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-noto_sans_cjk_kr-medium);
  font-size: 16.7px;
  font-style: normal;
  font-weight: 500;
}

.notosanscjkkr-medium-quick-silver-10px {
  color: var(--blackwhitegray02);
  font-family: var(--font-family-noto_sans_cjk_kr-medium);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
}

.notoserif-normal-white-28px {
  color: var(--blackwhitewhite);
  font-family: var(--font-family-noto_serif);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
}

.notosanscjkkr-bold-st-tropaz-36px {
  color: var(--blueprimary);
  font-family: var(--font-family-noto_sans_cjk_kr-bold);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
}

.notosanscjkkr-regular-normal-white-18px {
  color: var(--blackwhitewhite);
  font-family: var(--font-family-noto_sans_cjk_kr-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.notosanscjkkr-medium-white-18px {
  color: var(--blackwhitewhite);
  font-family: var(--font-family-noto_sans_cjk_kr-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.notosanscjkkr-regular-normal-charade-20px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-noto_sans_cjk_kr-regular);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.notosanscjkkr-medium-sonic-silver-18px {
  color: var(--blackwhitegray01);
  font-family: var(--font-family-noto_sans_cjk_kr-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.notosanscjkkr-bold-st-tropaz-22px {
  color: var(--blueprimary);
  font-family: var(--font-family-noto_sans_cjk_kr-bold);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
}

.notosanscjkkr-medium-charade-18px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-noto_sans_cjk_kr-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.notosanscjkkr-bold-sonic-silver-16px {
  color: var(--blackwhitegray01);
  font-family: var(--font-family-noto_sans_cjk_kr-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.notosanscjkkr-medium-white-20px {
  color: var(--blackwhitewhite);
  font-family: var(--font-family-noto_sans_cjk_kr-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.notosanscjkkr-bold-charade-30px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-noto_sans_cjk_kr-bold);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
}

.notosanscjkkr-regular-normal-quick-silver-16px {
  color: var(--blackwhitegray02);
  font-family: var(--font-family-noto_sans_cjk_kr-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.notoserif-bold-st-tropaz-18px {
  color: var(--blueprimary);
  font-family: var(--font-family-noto_serif);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.playfairdisplay-semi-bold-charade-60px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-playfair_display);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
}

.playfairdisplay-semi-bold-charade-48px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-playfair_display);
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
}

.notosanscjkkr-regular-normal-sonic-silver-10px {
  color: var(--blackwhitegray01);
  font-family: var(--font-family-noto_sans_cjk_kr-regular);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}

.notoserif-normal-white-24px {
  color: var(--blackwhitewhite);
  font-family: var(--font-family-noto_serif);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
}

.notosanscjkkr-medium-white-34px {
  color: var(--blackwhitewhite);
  font-family: var(--font-family-noto_sans_cjk_kr-medium);
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
}

.notosanscjkkr-regular-normal-quick-silver-26px {
  color: var(--blackwhitegray02);
  font-family: var(--font-family-noto_sans_cjk_kr-regular);
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
}

.notosanscjkkr-bold-st-tropaz-9px {
  color: var(--blueprimary);
  font-family: var(--font-family-noto_sans_cjk_kr-bold);
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
}

.notosanscjkkr-bold-sonic-silver-8px {
  color: var(--blackwhitegray01);
  font-family: var(--font-family-noto_sans_cjk_kr-bold);
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
}

.notosanscjkkr-bold-white-18px {
  color: var(--blackwhitewhite);
  font-family: var(--font-family-noto_sans_cjk_kr-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.notosanscjkkr-regular-normal-white-24px {
  color: var(--blackwhitewhite);
  font-family: var(--font-family-noto_sans_cjk_kr-regular);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
}

.notosanscjkkr-medium-charade-16px {
  color: var(--blackwhitetextbk01);
  font-family: var(--font-family-noto_sans_cjk_kr-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.maruburiotf-bold-white-40px {
  color: var(--white);
  font-family: var(--font-family-maruburiotf-bold);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}

.notosanscjkkr-medium-st-tropaz-10px {
  color: var(--blueprimary);
  font-family: var(--font-family-noto_sans_cjk_kr-medium);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
}

.chivomono-normal-danube-30px {
  color: var(--blueblue04);
  font-family: var(--font-family-chivo_mono);
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
}

.notosanscjkkr-medium-sonic-silver-16px {
  color: var(--blackwhitegray01);
  font-family: var(--font-family-noto_sans_cjk_kr-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.notosanscjkkr-bold-white-32px {
  color: var(--blackwhitewhite);
  font-family: var(--font-family-noto_sans_cjk_kr-bold);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}

.notosanscjkkr-medium-celeste-22px {
  color: var(--celeste);
  font-family: var(--font-family-noto_sans_cjk_kr-medium);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 500;
}

.notosanscjkkr-regular-normal-quick-silver-12px {
  color: var(--blackwhitegray02);
  font-family: var(--font-family-noto_sans_cjk_kr-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}
