.d-flex {
    display: flex;
}

.fz14 {
    font-size: 0.875rem;
}

.fz16 {
    font-size: 1rem;
}

.fz18 {
    font-size: 1.125rem;
}

.fz20 {
    font-size: 1.25rem;
}

.fz22 {
    font-size: 18px;
    line-height: 32px;
}

.fz24 {
    font-size: 1.5rem;
}

@media screen and (max-width: 1024px) {
    .fz24 {
        font-size: 18px;
    }
}

.fz26 {
    font-size: 1.625rem;
}

.fz28 {
    font-size: 1.75rem;
}

.fz30 {
    font-size: 1.875rem;
}

.fz32 {
    font-size: 2rem;
}

@media screen and (max-width: 1024px) {
    .fz32 {
        font-size: 22px;
    }
}

.fz34 {
    font-size: 2.125rem;
}

.fz36 {
    font-size: 2.25rem;
}

.fz38 {
    font-size: 2.375rem;
}

.fz40 {
    font-size: 2.5rem;
}

@media screen and (max-width: 1024px) {
    .fz40 {
        font-size: 24px;
    }
}

.fz44 {
    font-size: 2.75rem;
}

.fz56 {
    font-size: 3.5rem;
}

.fz60 {
    font-size: 3.75rem;
}

.fz74 {
    font-size: 4.625rem;
}

.fz80 {
    font-size: 5rem;
    margin-top: 165px;
}

@media screen and (max-width: 1024px) {
    .fz80 {
        font-family: 'notokr-black';
        font-size: 54px;
        margin-top: 0;
        margin-bottom: 40px;
    }
}

.fz90 {
    font-size: 5.625rem;
}

.fz100 {
    font-size: 6.250rem;
}

.fz120 {
    font-size: 7.5rem;
}


/* font-weight */

.fw600 {
    font-weight: 600;
}

.bold {
    font-weight: bold;
}


.color_bl {
    color: #0797D4;
}

.d-flex {
    display: flex;
}

/* margin */
.m-bt0 {
    margin-bottom: 0;
}

.m-5 {
    margin: 5px;
}

.m-10 {
    margin: 10px;
}

.mb-50 {
    margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {
    .mb-50 {
        margin-bottom: 39px;
    }
}

.m-5 {
    margin: 5px;
}

.m-auto {
    margin: auto;
}

.mr-50 {
    margin-right: 50px;
}

.mx-10 {
    margin: 0 10px;
}

/* padding */

.pb-16 {
    padding-bottom: 16px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.mb64 {
    margin-bottom: 64px;
}

/* 폰트 */
.noto {
    font-family: 'notokr-medium';
}

.notoBold {
    font-family: 'notokr-bold';
}

.notoBlak {
    font-family: 'notokr-black';
}

.cereBook {
    font-family: 'cerebri-book';
}

.cereBold {
    font-family: 'cerebri-bold';
}

.wd100 {
    width: 100%;
}

.grey {
    color: #9ba8ba;

}


.detailView {
    font-family: 'cerebri-book';
    color: #9ba8ba;
    text-align: left;
    font-size: 0.875em;
}

.detailView::after {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    background-image: url(../img/emoji/icon_go.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 3px;
    margin-left: 10px;
}


.img100 {
    width: 100% !important;
}

.txt_left {
    text-align: left;
}

.txtCenter {
    text-align: center;
}

.m-auto {
    margin: auto;
}


.w1300 {
    width: 1300px;
    margin: 0 auto;
}

.w1526 {
    width: 1526px;
}

.w1920 {
    width: 1920px;
}

.w1520 {
    width: 1520px;
}

.w1300 {
    width: 1300px;
}

p.w480 {
    width: 480px;
    font-size: 1.875rem !important;
}

@media screen and (max-width: 1024px) {
    .w1300, .w1520, .w1526, .w1920 {
        width: 100%;
    }

    .list_fst h3 {
        display: none;
    }

    .learnMore {
        display: none;
    }

    .fz120 {
        font-size: 7rem;
    }
}


.learnMore {
    color: #666;
    margin-right: 5px;
    font-size: 14px;
}

.text_over {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.mobil_on {}

.web_on {}

.mob_on {
    display: none;
}

@media screen and (max-width: 1024px) {
    .web_on {
        display: none;
    }

    .mob_on {
        display: block;
    }

}

.mw645 {
    max-width: 645px;
}

@media screen and (max-width: 1024px) {
    .mw645 {
        max-width: 100%;
    }
}



/* !work font size */

.wfz24 {
    font-size: 1.5rem;
}

.wfz26 {
    font-size: 1.625rem;
}

.wfz28 {
    font-size: 1.75rem;
}

.wfz30 {
    font-size: 1.875rem;
}

.wfz32 {
    font-size: 2rem;
}

.wfz34 {
    font-size: 2.125rem;
}

.wfz36 {
    font-size: 2.25rem;
}

.wfz38 {
    font-size: 2.375rem;
}

.wfz40 {
    font-size: 2.5rem;
}

.wfz44 {
    font-size: 2.75rem;
}

.wfz56 {
    font-size: 3.5rem;
}

.wfz60 {
    font-size: 3.75rem;
}

.wfz74 {
    font-size: 4.625rem;
}

.wfz80 {
    font-size: 5rem;
}

.wfz100 {
    font-size: 6.25rem;
}

.wpb-70 {
    padding-bottom: 4.375rem;
}

.wpb-60 {
    padding-bottom: 3.75rem;
}

.mg80 {
    margin: 80px 0;
}

@media screen and (max-width: 1024px) {
    .wfz24 {
        font-size: 1.5rem;
    }

    .wfz26 {
        font-size: 1.625rem;
    }

    .wfz28 {
        font-size: 1.05rem;
    }

    .wfz30 {
        font-size: 1.125rem;
    }

    .wfz32 {
        font-size: 1.2rem;
    }

    .wfz34 {
        font-size: 1.275rem;
    }

    .wfz36 {
        font-size: 1.35rem;
    }

    .wfz38 {
        font-size: 1.425rem;
    }

    .wfz40 {
        font-size: 1.5rem;
    }

    .wfz44 {
        font-size: 1.65rem;
    }

    .wfz56 {
        font-size: 2.1rem;
    }

    .wfz60 {
        font-size: 2.25rem;
    }

    .wfz74 {
        font-size: 2.775rem;
    }

    .wfz80 {
        font-size: 3rem;
    }

    .wfz100 {
        font-size: 3.75rem;
    }

    .mg80 {
        margin: 25px 0;
    }


}