@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
:root {
    /* Layout */
    --layoutwidth: 1680px;
    --layoutwidthMini : 1410px;
    --boldWeight: 400;

    /* Font */
    --mainfont:'Pretendard';

    /* Color */
    --BodyColor : #fff;
    --pointcolor: #174ADE;
    --pointdeepcolor: #1A3DB3;
    --pointlightcolor: #3580FC;
    --subcolor: #E66328;
    --backcolor: #EFF6FF;
    --gray: #666666;
    --dark-gray: #272727;
    --light-gray: #dadada;
    --super-light-gray: #EAEAEA;

    --ani:cubic-bezier(.32,.94,.6,1); --bounce1: -0.5rem; --bounce2: -0.25rem; --movearrow: .2rem;
}
.point-light-color { color: var(--pointlightcolor); }
.point-deep-color { color: var(--pointdeepcolor); }

html, body { overflow-x: hidden; letter-spacing: -0.5px; }
.inline-flex { display: inline-flex; }

/* ========== Font-size ========== */
.font-72  { font-size: 4.455rem; }

/* ========== Line-hight ========== */
.lh-10 {line-height: 1.0}
.lh-12 {line-height: 1.2}
.lh-14 {line-height: 1.4}
.lh-15 {line-height: 1.5}
.lh-16 {line-height: 1.6}
.lh-17 {line-height: 1.7}
.lh-20 {line-height: 2.0}

/* =============== Letter-spacing =============== */
.ls-00 { letter-spacing: 0; }
.ls-01 { letter-spacing: -1px; }
.ls-02 { letter-spacing: -2px; }
.ls-03 { letter-spacing: -3px; }
.ls-04 { letter-spacing: -4px; }
.ls-05 { letter-spacing: -5px; }
.ls-06 { letter-spacing: -6px; }
.ls-07 { letter-spacing: -7px; }
.ls-08 { letter-spacing: -8px; }

.ls-10 { letter-spacing: 1px; }
.ls-20 { letter-spacing: 2px; }
.ls-30 { letter-spacing: 3px; }
.ls-40 { letter-spacing: 4px; }
.ls-50 { letter-spacing: 5px; }
.ls-80 { letter-spacing: 8px; }
.ls-100 { letter-spacing: 10px; }

.sec-radius-xl { border-radius: 5rem; }
.sec-radius-lg { border-radius: 4rem; }
.sec-radius { border-radius: 3rem; }
.sec-radius-md { border-radius: 2rem; }
.sec-radius-sm { border-radius: 1rem; }
.sec-radius-xs { border-radius: .5rem; }
.sec-radius-xxs { border-radius: .25rem; } 

.divline { width: 100%; height: 1px; background-color: #DAEAFF; }
.divline-gray { background-color: var(--light-gray); }
.container { max-width: var(--layoutwidth); margin: auto; }
.container_mini{ max-width: var(--layoutwidthMini); margin: auto; }
@media (min-width:2000px) {
    .container { max-width: 90%; margin: auto; }
    .container_mini { max-width: 85%; margin: auto; }
}
@media (max-width:1410px) {
    .container { max-width: 90%; margin: auto; padding: 0; }
    .container_mini { max-width: 85%; margin: auto; }
}
@media (max-width:990px){
    .section_mini { padding: 100px 0; }
}