/********************font size********************/

/*title*/

/*s*/
.title-s-sm {
    font-size: 28px;
}
.title-s-base{
    font-size: 28px;
}
.title-s-lg {
    font-size: 28px;
}
@media (min-width: 1280px) {
    .title-s-sm {
        font-size: 24.5px;
    }

    .title-s-base {
        font-size: 28px;
    }

    .title-s-lg {
        font-size: 31.5px;
    }
}
/*s special*/
@media (min-width: 1600px) {
    .header-banner-layout .title.title-s-sm {
        font-size: 24.5px;
    }

    .header-banner-layout .title.title-s-base {
        font-size: 28px;
    }

    .header-banner-layout .title.title-s-lg {
        font-size: 31.5px;
    }

    @media (min-width: 1280px) {

        .header-banner-layout .title.title-s-sm {
            font-size: 24.5px;
        }

        .header-banner-layout .title.title-s-base {
            font-size: 28px;
        }

        .header-banner-layout .title.title-s-lg {
            font-size: 31.5px;
        }
    }
}
/*m*/
.title-m-sm {
    font-size: 34px;
}

.title-m-base {
    font-size: 34px;
}

.title-m-lg {
    font-size: 34px;
}
@media (min-width: 1280px) {
    .title-m-sm {
        font-size: 29.75px;
    }

    .title-m-base {
        font-size: 34px;
    }

    .title-m-lg {
        font-size: 38.25px;
    }
}
/*l*/
.title-l-sm {
    font-size: 40px
}

.title-l-base {
    font-size: 40px;
}

.title-l-lg {
    font-size: 40px;
}
@media (min-width: 1280px) {
    .title-l-sm {
        font-size: 35px
    }

    .title-l-base {
        font-size: 40px;
    }

    .title-l-lg {
        font-size: 45px;
    }
}
/*xl*/
.title-xl-sm {
    font-size: 54px;
}

.title-xl-base {
    font-size: 54px;
}

.title-xl-lg {
    font-size: 54px;
}
@media (min-width: 1280px) {
    .title-xl-sm {
        font-size: 47.25px
    }

    .title-xl-base {
        font-size: 54px;
    }

    .title-xl-lg {
        font-size: 60.75px;
    }
}
/*body*/

/*xs*/
.body-xs-sm {
    font-size: 12px;
}

.body-xs-base {
    font-size: 12px;
}

.body-xs-lg {
    font-size: 12px;
}
@media (min-width: 1280px) {
    .body-xs-sm {
        font-size: 10.5px;
        transform: scale(0.9)
    }

    .body-xs-base {
        font-size: 12px;
    }

    .body-xs-lg {
        font-size: 13.5px;
    }
}
/*s*/
.body-s-sm {
    font-size: 14px;
}

.body-s-base {
    font-size: 14px;
}
@media (min-width:1280px) {
    .md-screen\:body-s-base{
        font-size: 14px;
    }
}

.body-s-lg {
    font-size: 14px;
}
@media (min-width: 1280px){
    .body-s-sm {
        font-size: 12.25px;
    }

    .body-s-base {
        font-size: 14px;
    }

    .body-s-lg {
        font-size: 15.75px;
    }
}
/*m*/
.body-m-sm {
    font-size: 18px;
}

.body-m-base {
    font-size: 18px;
}

.body-m-lg {
    font-size: 18px;
}
@media (min-width: 1280px) {
    .body-m-sm {
        font-size: 15.75px;
    }

    .body-m-base {
        font-size: 18px;
    }

    .body-m-lg {
        font-size: 20.25px;
    }
}
/*l*/
.body-l-sm {
    font-size: 22px;
}

.body-l-base {
    font-size: 22px;
}

.body-l-lg {
    font-size: 22px;
}
@media (min-width: 1280px) {
    .body-l-sm {
        font-size: 19.25px
    }

    .body-l-base {
        font-size: 22px;
    }

    .body-l-lg {
        font-size: 24.75px;
    }
}
/********************font size********************/


/********************color********************/
.text-mainBlue{
    color: #183160;
}
.text-black {
    color: #222222;
}
.text-gray{
    color: #444444;
}
.text-light {
    color: #666666;
}
.text-white {
    color: #ffffff;
}
/********************color********************/

/********************button********************/
.btn-padding{
    padding:8px 16px 8px 16px;
}
/********************button********************/

/********************font style********************/
.font-semibold {
    font-weight: 600;
}
/********************font style********************/