/* Font: 빛의 계승자 */
@import url('https://webfontworld.github.io/heiroflight/HeirofLight.css');

/*Font: Poppins*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*Font: Roboto*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


/* font: Noto */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');

/* GowunBatang */
@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&display=swap');

/* WarhavenB */
@font-face {
    font-family: 'WarhavenB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/WarhavenB.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* MapoGoldenPier */
@font-face {
    font-family: 'MapoGoldenPier';
    src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoGoldenPierA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
  
/* PuradakGentleGothicR */
@font-face {
    font-family: 'PuradakGentleGothicR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.1/PuradakGentleGothicR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*Font: Pretendard*/
@font-face {
    font-family: 'Pretendard';
    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: 'Pretendard';
    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: 'Pretendard';
    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: 'Pretendard';
    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: 'Pretendard';
    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: 'Pretendard';
    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: 'Pretendard';
    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: 'Pretendard';
    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: 'Pretendard';
    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-face {
    font-family: 'NanumMyeongjo';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjo.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjo.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjo.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjo.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NanumMyeongjo';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjoBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjoBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjoBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjoBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjoBold.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NanumMyeongjo';
    font-weight: 800;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjoExtraBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjoExtraBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjoExtraBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjoExtraBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/NanumMyeongjo/NanumMyeongjoExtraBold.ttf') format("truetype");
    font-display: swap;
} 

/*body*/
body {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Open Sans", "Helvetica Neue", sans-serif !important;
    letter-spacing: -0.05em;
}
html[lang=en] body,html[lang=en] p,html[lang=en] h1,html[lang=en] h2,html[lang=en] h3,html[lang=en] h4,html[lang=en] h5,html[lang=en] h6,html[lang=en] ul,html[lang=en] ol,html[lang=en] li,html[lang=en] dl,html[lang=en] dt,html[lang=en] dd,html[lang=en] table,html[lang=en] th,html[lang=en] td,html[lang=en] form,html[lang=en] fieldset,html[lang=en] legend,html[lang=en] input,html[lang=en] textarea,html[lang=en] button,html[lang=en] select,html[lang=en] div,html[lang=en] figure,html[lang=en] article,html[lang=en] header,html[lang=en] nav,html[lang=en] footer,html[lang=en] section,html[lang=en] input,html[lang=en] textarea,html[lang=en] button,html[lang=en] span,html[lang=en] strong,html[lang=en] pre {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Helvetica Neue',sans-serif;
}
div, h1, h2, h3, h4, h5, h6, p {
    letter-spacing: -0.05em;
}

/*font*/
.f_mp {
	font-family: 'MapoGoldenPier', sans-serif !important;
}
.f_bt {
	font-family: 'Gowun Batang', sans-serif !important;
}
.f_pu {
	font-family: 'PuradakGentleGothicR', sans-serif !important;
}
.f_hr {
    /* font-family: 'WarhavenB', sans-serif !important; */
	font-family: 'PuradakGentleGothicR', sans-serif !important;
    font-weight: 400 !important;
}
.f_hr .font-Bold,
.f_hr .font-Heavy,
.f_hr .font-ExtraBold,
.f_hr.font-Bold,
.f_hr.font-ExtraBold,
.f_hr.font-Heavy {
    font-weight: 400 !important;
}
.f_pop {
	font-family: 'Poppins', sans-serif !important;
}
.f_robo {
	font-family: "Roboto", sans-serif !important;
}
.f_mj {
	font-family: "Noto Serif KR", sans-serif !important;
}
.f_mj2 {
	font-family: "NanumMyeongjo", sans-serif !important;
}
.f_war {
	font-family: "WarhavenB", sans-serif !important;
}

/*dft*/
.dft {
    word-break: keep-all;
    color: #111;
    text-transform: none;
}
h1.dft {
    font-size: 4.5rem;
    line-height: 1.4em;
}
h1.dft.bigsize {
    font-size: 5.5rem;
    line-height: 1.3em;
}
h1.dft.huge {
    font-size: 6.5rem;
    line-height: 1.3em;
}
h1.dft.biggest {
    font-size: 8rem;
    line-height: 1.3em;
}
h2.dft {    
    font-size: 3.5rem;
    line-height: 1.4em;
}
h3.dft {
    font-size: 2.8rem;
    line-height: 1.4em;
}
h4.dft {
    font-size: 2.4rem;
    line-height: 1.7em;
}
h4.dft.mini {
    font-size: 2.2rem;
    line-height: 1.7em;
}
h5.dft {
    font-size: 2rem;
    line-height: 1.7em;
}
h6.dft {
    font-size: 1.4rem;
    line-height: 1.7em;
}
h6.dft.md {
    font-size: 1.3rem;
    line-height: 1.7em;
}
h6.dft.mini {
    font-size: 1.2rem;
    line-height: 1.7em;
}
p.dft {
    font-size: 1.8rem;
    line-height: 1.7em;
}
p.dft.mini {
    font-size: 1.6rem;
    line-height: 1.7em;
}
@media (max-width:1200px) {
    .dft {
        line-height: 1.3em !important;
    }
    h1.dft {
        font-size: calc(100vw * (45 / 1200));
        line-height: 1.1em !important;
    }
}
@media (max-width:1200px) and (min-width:992px){
    h1.dft {
        font-size: calc(100vw * (40 / 1200));
    }
    h1.dft.bigsize {
        font-size: calc(100vw * (45 / 1200));
    }
    h1.dft.huge {
        font-size: calc(100vw * (50 / 1200));
    }
    h1.dft.biggest {
        font-size: calc(100vw * (60 / 1200));
    }
    h2.dft {
        font-size: calc(100vw * (30 / 1200));
    }
    h3.dft {
        font-size: calc(100vw * (28 / 1200));
    }
    h4.dft,
    h4.dft.mini {
        font-size: calc(100vw * (24 / 1200));
    }
    h5.dft {
        font-size: calc(100vw * (20 / 1200));
    }
    h6.dft {
        font-size: calc(100vw * (15 / 1200));
    }
    h6.dft.md,
    h6.dft.mini {
        font-size: calc(100vw * (14 / 1200));
    }
    p.dft {
        font-size: calc(100vw * (18 / 1200));
    }
    p.dft.mini {
        font-size: calc(100vw * (16 / 1200));
    }
}
@media (max-width:991px) and (min-width:768px){
    h1.dft {
        font-size: calc(100vw * (40 / 992));
    }
    h1.dft.bigsize {
        font-size: calc(100vw * (45 / 992));
    }
    h1.dft.huge {
        font-size: calc(100vw * (50 / 992));
    }
    h1.dft.biggest {
        font-size: calc(100vw * (60 / 992));
    }
    h2.dft {
        font-size: calc(100vw * (30 / 992));
    }
    h3.dft {
        font-size: calc(100vw * (28 / 992));
    }
    h4.dft,
    h4.dft.mini {
        font-size: calc(100vw * (24 / 992));
    }
    h5.dft {
        font-size: calc(100vw * (22 / 992));
    }
    h6.dft {
        font-size: calc(100vw * (15 / 992));
    }
    h6.dft.md,
    h6.dft.mini {
        font-size: calc(100vw * (14 / 992));
    }
    p.dft {
        font-size: calc(100vw * (18 / 992));
    }
    p.dft.mini {
        font-size: calc(100vw * (16 / 992));
    }
}
@media (max-width:768px) and (min-width:500px){
    h1.dft {
        font-size: calc(100vw * (40 / 768));
    }
    h1.dft.bigsize {
        font-size: calc(100vw * (45 / 768));
    }
    h1.dft.huge {
        font-size: calc(100vw * (50 / 768));
    }
    h1.dft.biggest {
        font-size: calc(100vw * (60 / 768));
    }
    h2.dft {
        font-size: calc(100vw * (30 / 768));
    }
    h3.dft {
        font-size: calc(100vw * (26 / 768));
    }
    h4.dft,
    h4.dft.mini {
        font-size: calc(100vw * (24 / 768));
    }
    h5.dft {
        font-size: calc(100vw * (22 / 768));
    }
    h6.dft {
        font-size: calc(100vw * (15 / 768));
    }
    h6.dft.md,
    h6.dft.mini {
        font-size: calc(100vw * (14 / 768));
    }
    p.dft {
        font-size: calc(100vw * (18 / 768));
    }
    p.dft.mini {
        font-size: calc(100vw * (16 / 992));
    }
}
@media (max-width:501px){
    h1.dft {
        font-size: calc(100vw * (35 / 500));
    }
    h1.dft.bigsize {
        font-size: calc(100vw * (40 / 500));
    }
    h1.dft.huge {
        font-size: calc(100vw * (45 / 500));
    }
    h1.dft.biggest {
        font-size: calc(100vw * (50 / 500));
    }
    h2.dft {
        font-size: calc(100vw * (30 / 500));
    }
    h3.dft {
        font-size: calc(100vw * (24 / 500));
    }
    h4.dft,
    h4.dft.mini {
        font-size: calc(100vw * (20 / 500));
    }
    h5.dft {
        font-size: calc(100vw * (18 / 500));
    }
    h6.dft {
        font-size: calc(100vw * (15 / 500));
    }
    h6.dft.md,
    h6.dft.mini {
        font-size: calc(100vw * (14 / 500));
    }
    p.dft {
        font-size: calc(100vw * (17 / 500));
    }
    p.dft.mini {
        font-size: calc(100vw * (16 / 500));
    }
}
/* word-keep */
.word-keep {
    word-break: keep-all;
}
.word-break {
    word-break: break-all;
}
/* font-weight */
.font-Thin {
    font-weight: 100 !important;
}
.font-ExtraLight {
    font-weight: 200 !important;
}
.font-Light {
    font-weight: 300 !important;
}
.font-Regular {
    font-weight: 400 !important;
}
.font-Medium {
    font-weight: 500 !important;
}
.font-Bold {
    font-weight: 600 !important;
}
.font-ExtraBold {
    font-weight: 700 !important;
}
.font-Heavy {
    font-weight: 800 !important;
}
.font-Black {
    font-weight: 900 !important;
}

/* subP */
.subP {
    font-weight: 300;
    letter-spacing: -0.08em;
}

/*color*/
.c_bei {
    color: #99977f !important;
}
.c_gd {
    color: #c2a671 !important;
}
.c_lgd {
    color: #f3c877 !important;
}
.c_rd {
    color: #f00000 !important;
}
.c_org {
    color: #ff7427 !important;
}
.c_lorg {
    color: #f59a23 !important;
}
.c_yl {
    color: #ffbe0a !important;
}
.c_rd {
    color: #ef3f41 !important;
}
.c_pk {
    color: #e30e87 !important;
}
.c_pp {
    color: #37018d !important;
}
.c_sky {
    color: #04a6e1 !important;
}
.c_lsky {
    color: #51e4ff !important;
}
.c_bw {
    color: #967440 !important;
}
.c_navy {
    color: #1d2e8b !important;
}
.c_dnavy {
    color: #171335 !important;
}
.c_dbl {
    color: #251ab8 !important;
}
.c_bl {
    color: #2a60e9 !important;
}
.c_dgray {
    color: #444 !important;
}
.c_gray {
    color: #666 !important;
}
.c_lgray {
    color: #838383 !important;
}
.c_lgray2 {
    color: #c3c3c3 !important;
}
.c_dgray {
    color: #474747 !important;
}
.c_dft {
    color: #0d174e !important;
}
.c_pt {
    color: #1d2e8b !important;
}
.c_pt_gray {
    color: #c0c3d3 !important;
}
.c_toefl {
    color: #cb0e13 !important;
}
.c_ap {
    color: #bc5517 !important;
}
.c_jn {
    color: #3d891c !important;
}
/* gradient */
.gr_gd {
    display: inline-block;
    background: linear-gradient(-25deg, #bda16c, #d9be8c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gr_gd2 {
    display: inline-block;
    background: linear-gradient(to left, #eeb955, #ffe9be);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gr_gd3 {
    display: inline-block;
    background: linear-gradient(to left, #f3c877, #ffdb96);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gr_gd4 {
    display: inline-block;
    background: linear-gradient(to left, #f3c877, #d69f37);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gr_gd5 {
    display: inline-block;
    background: linear-gradient(-25deg, #e9df31, #b49115);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gr_gd6 {
    display: inline-block;
    background: radial-gradient(#fefefe 10%, #fffe7b 30%, #f69540);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gr_gd7 {
    display: inline-block;
    background: radial-gradient(#fee29b, #fed178);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* out-grow */
.out-grow {
	animation: out-grow 2s linear infinite;
}

@keyframes out-grow{
	0%{
        text-shadow: 0 0 0 rgba(255,233,190,0);
	}
	30%{
        text-shadow: 0 0 30px rgba(255,233,190,0.4);
	}
}
