@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

/* 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');

/* Open Sans */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*body*/
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, div, figure, article, header, nav, footer, section, input, textarea, button, span, strong, pre, * {
    font-family: 'Open Sans', 'Pretendard', -apple-system, BlinkMacSystemFont, "Open Sans", "Helvetica Neue", sans-serif !important;
    letter-spacing: -0.02em;
}
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: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Helvetica Neue',sans-serif;
    letter-spacing: -0.01em;
}
html[lang=zh-CN] body,html[lang=zh-CN] p,html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3,html[lang=zh-CN] h4,html[lang=zh-CN] h5,html[lang=zh-CN] h6,html[lang=zh-CN] ul,html[lang=zh-CN] ol,html[lang=zh-CN] li,html[lang=zh-CN] dl,html[lang=zh-CN] dt,html[lang=zh-CN] dd,html[lang=zh-CN] table,html[lang=zh-CN] th,html[lang=zh-CN] td,html[lang=zh-CN] form,html[lang=zh-CN] fieldset,html[lang=zh-CN] legzh-CNd,html[lang=zh-CN] input,html[lang=zh-CN] textarea,html[lang=zh-CN] button,html[lang=zh-CN] select,html[lang=zh-CN] div,html[lang=zh-CN] figure,html[lang=zh-CN] article,html[lang=zh-CN] header,html[lang=zh-CN] nav,html[lang=zh-CN] footer,html[lang=zh-CN] section,html[lang=zh-CN] input,html[lang=zh-CN] textarea,html[lang=zh-CN] button,html[lang=zh-CN] span,html[lang=zh-CN] strong,html[lang=zh-CN] pre {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Open Sans', 'Helvetica Neue',sans-serif;
    letter-spacing: 1px;
}

/*font*/
.f_pop {
	font-family: 'Poppins', sans-serif !important;
}
.f_robo {
	font-family: "Roboto", sans-serif !important;
}


/*dft*/
[class*="dft"]{
    word-break: keep-all;
    color: #4f4d50;
    text-transform: none;
}
.dft1 {
    font-size: 4.5rem;
    line-height: 1.3em;
}
.dft1.bigsize {
    font-size: 5.5rem;
    line-height: 1.2em;
}
.dft1.huge {
    font-size: 6.5rem;
    line-height: 1.2em;
}
.dft1.bigger {
    font-size: 8rem;
    line-height: 1.1em;
}
.dft2 {    
    font-size: 3.5rem;
    line-height: 1.3em;
}
.dft3 {
    font-size: 2.8rem;
    line-height: 1.3em;
}
.dft4 {
    font-size: 2.4rem;
    line-height: 1.6em;
}
.dft4.mini {
    font-size: 2.2rem;
    line-height: 1.4em;
}
.dft5 {
    font-size: 2rem;
    line-height: 1.6em;
}
.dft6 {
    font-size: 1.8rem;
    line-height: 1.6em;
}
.dft6.mini {
    font-size: 1.6rem;
    line-height: 1.6em;
}
.dft7 {
    font-size: 1.4rem;
    line-height: 1.6em;
}
.dft7.mini {
    font-size: 1.2rem;
    line-height: 1.6em;
}
@media (max-width:1200px) {
    .dft1 {
        font-size: calc(100vw * (45 / 1200));
    }
}
@media (max-width:1200px) and (min-width:992px){
    .dft1 {
        font-size: calc(100vw * (45 / 1200));
    }
    .dft1.bigsize {
        font-size: calc(100vw * (55 / 1200));
    }
    .dft1.huge {
        font-size: calc(100vw * (65 / 1200));
    }
    .dft1.bigger {
        font-size: calc(100vw * (75 / 1200));
    }
    .dft2 {
        font-size: calc(100vw * (35 / 1200));
    }
    .dft3 {
        font-size: calc(100vw * (30 / 1200));
    }
    .dft4 {
        font-size: calc(100vw * (24 / 1200));
    }
    .dft4.mini {
        font-size: calc(100vw * (22 / 1200));
    }
    .dft5 {
        font-size: calc(100vw * (20 / 1200));
    }
    .dft7.mini,
    .dft7 {
        font-size: calc(100vw * (15 / 1200));
    }
    .dft6{
        font-size: calc(100vw * (18 / 1200));
    }
    .dft6.mini {
        font-size: calc(100vw * (16 / 1200));
    }
}
@media (max-width:991px) and (min-width:768px){
    .dft1 {
        font-size: calc(100vw * (40 / 992));
    }
    .dft1.bigsize {
        font-size: calc(100vw * (45 / 992));
    }
    .dft1.huge {
        font-size: calc(100vw * (55 / 992));
    }
    .dft1.bigger {
        font-size: calc(100vw * (65 / 992));
    }
    .dft2 {
        font-size: calc(100vw * (30 / 992));
    }
    .dft3 {
        font-size: calc(100vw * (30 / 992));
    }
    .dft4 {
        font-size: calc(100vw * (26 / 992));
    }
    .dft4.mini {
        font-size: calc(100vw * (24 / 992));
    }
    .dft5 {
        font-size: calc(100vw * (22 / 992));
    }
    .dft7.mini,
    .dft7 {
        font-size: calc(100vw * (15 / 992));
    }
    .dft6{
        font-size: calc(100vw * (18 / 992));
    }
    .dft6.mini {
        font-size: calc(100vw * (16 / 992));
    }
}
@media (max-width:768px) and (min-width:500px){
    .dft1 {
        font-size: calc(100vw * (35 / 768));
    }
    .dft1.bigsize {
        font-size: calc(100vw * (40 / 768));
    }
    .dft1.huge {
        font-size: calc(100vw * (45 / 768));
    }
    .dft1.bigger {
        font-size: calc(100vw * (50 / 768));
    }
    .dft2 {
        font-size: calc(100vw * (30 / 768));
    }
    .dft3 {
        font-size: calc(100vw * (30 / 768));
    }
    .dft4 {
        font-size: calc(100vw * (26 / 768));
    }
    .dft4.mini {
        font-size: calc(100vw * (24 / 768));
    }
    .dft5 {
        font-size: calc(100vw * (22 / 768));
    }
    .dft7.mini,
    .dft7 {
        font-size: calc(100vw * (15 / 768));
    }
    .dft6{
        font-size: calc(100vw * (18 / 768));
    }
    .dft6.mini {
        font-size: calc(100vw * (16 / 768));
    }
}
@media (max-width:501px){
    .dft1 {
        font-size: calc(100vw * (32 / 500));
    }
    .dft1.bigsize {
        font-size: calc(100vw * (40 / 500));
    }
    .dft1.huge {
        font-size: calc(100vw * (45 / 500));
    }
    .dft1.bigger {
        font-size: calc(100vw * (45 / 500));
    }
    .dft2 {
        font-size: calc(100vw * (30 / 500));
    }
    .dft3 {
        font-size: calc(100vw * (24 / 500));
    }
    .dft4 {
        font-size: calc(100vw * (22 / 500));
    }
    .dft4.mini {
        font-size: calc(100vw * (20 / 500));
    }
    .dft5 {
        font-size: calc(100vw * (18 / 500));
    }
    .dft7.mini,
    .dft7 {
        font-size: calc(100vw * (15 / 500));
    }
    .dft6{
        font-size: calc(100vw * (18 / 500));
    }
    .dft6.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*/
.text-dark {
    color: #222 !important;
}
.text-light {
    color: #fff !important;
}
.c_bei {
    color: #99977f !important;
}
.c_gd {
    color: #b6a679 !important;
}
.c_rd {
    color: #f00000 !important;
}
.c_org {
    color: #ff7427 !important;
}
.c_lorg {
    color: #f59a23 !important;
}
.c_yl {
    color: #ffea05 !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: #282468 !important;
}
.c_dbl {
    color: #251ab8 !important;
}
.c_bl {
    color: #2a60e9 !important;
}
.c_dgray {
    color: #444 !important;
}
.c_gray {
    color: #7d7d7d !important;
}
.c_lgray {
    color: #999 !important;
}
.c_alp1 {
    color: rgba(255, 255, 255, 0.1) !important;
}
.c_alp2 {
    color: rgba(255, 255, 255, 0.2) !important;
}
.c_alp3 {
    color: rgba(255, 255, 255, 0.3) !important;
}
.c_alp4 {
    color: rgba(255, 255, 255, 0.4) !important;
}
.c_alp5 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.c_alp6 {
    color: rgba(255, 255, 255, 0.6) !important;
}
.c_alp7 {
    color: rgba(255, 255, 255, 0.7) !important;
}
.c_alp8 {
    color: rgba(255, 255, 255, 0.8) !important;
}
.c_alp9 {
    color: rgba(255, 255, 255, 0.9) !important;
}
.c_dft {
    color: #0d174e !important;
}
.c_pt {
    color: var(--point-color) !important;
}

/* align */
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
.text-nowrap {
    white-space: nowrap;
}