@charset "UTF-8";

:root {
    --dsp-width: calc(1440 / 100);
}

/* ------------------------------------- /
/   padding
/* ------------------------------------- */
.ptb150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}
.pt150 {
    padding-top: 150px !important;
}
.pb150 {
    padding-bottom: 150px !important;
}
.ptb140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
}
.pt140 {
    padding-top: 140px !important;
}
.pb140 {
    padding-bottom: 140px !important;
}
.ptb130 {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
}
.pt130 {
    padding-top: 130px !important;
}
.pb130 {
    padding-bottom: 130px !important;
}
.ptb120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}
.pt120 {
    padding-top: 120px !important;
}
.pb120 {
    padding-bottom: 120px !important;
}
.ptb110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
}
.pt110 {
    padding-top: 110px !important;
}
.pb110 {
    padding-bottom: 110px !important;
}
.ptb100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.pt100 {
    padding-top: 100px !important;
}
.pb100 {
    padding-bottom: 100px !important;
}
.ptb90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}
.pt90 {
    padding-top: 90px !important;
}
.pb90 {
    padding-bottom: 90px !important;
}
.ptb80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.pt80 {
    padding-top: 80px !important;
}
.pb80 {
    padding-bottom: 80px !important;
}
.ptb70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.pt70 {
    padding-top: 70px !important;
}
.pb70 {
    padding-bottom: 70px !important;
}
.ptb60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.pt60 {
    padding-top: 60px !important;
}
.pb60 {
    padding-bottom: 60px !important;
}
.ptb50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.pt50 {
    padding-top: 50px !important;
}
.pb50 {
    padding-bottom: 50px !important;
}
.ptb40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.pt40 {
    padding-top: 40px !important;
}
.pb40 {
    padding-bottom: 40px !important;
}
.ptb30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.pt30 {
    padding-top: 30px !important;
}
.pb30 {
    padding-bottom: 30px !important;
}
.ptb20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.pt20 {
    padding-top: 20px !important;
}
.pb20 {
    padding-bottom: 20px !important;
}
.ptb10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.pt10 {
    padding-top: 10px !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
@media screen and (max-width: 1440px) {
.ptb150 {
    padding-top: calc(150vw / var(--dsp-width)) !important;
    padding-bottom: calc(150vw / var(--dsp-width)) !important;
}
.pt150 {
    padding-top: calc(150vw / var(--dsp-width)) !important;
}
.pb150 {
    padding-bottom: calc(150vw / var(--dsp-width)) !important;
}
.ptb140 {
    padding-top: calc(140vw / var(--dsp-width)) !important;
    padding-bottom: calc(140vw / var(--dsp-width)) !important;
}
.pt140 {
    padding-top: calc(140vw / var(--dsp-width)) !important;
}
.pb140 {
    padding-bottom: calc(140vw / var(--dsp-width)) !important;
}
.ptb130 {
    padding-top: calc(130vw / var(--dsp-width)) !important;
    padding-bottom: calc(130vw / var(--dsp-width)) !important;
}
.pt130 {
    padding-top: calc(130vw / var(--dsp-width)) !important;
}
.pb130 {
    padding-bottom: calc(130vw / var(--dsp-width)) !important;
}
.ptb120 {
    padding-top: calc(120vw / var(--dsp-width)) !important;
    padding-bottom: calc(120vw / var(--dsp-width)) !important;
}
.pt120 {
    padding-top: calc(120vw / var(--dsp-width)) !important;
}
.pb120 {
    padding-bottom: calc(120vw / var(--dsp-width)) !important;
}
.ptb110 {
    padding-top: calc(110vw / var(--dsp-width)) !important;
    padding-bottom: calc(110vw / var(--dsp-width)) !important;
}
.pt110 {
    padding-top: calc(110vw / var(--dsp-width)) !important;
}
.pb110 {
    padding-bottom: calc(110vw / var(--dsp-width)) !important;
}
.ptb100 {
    padding-top: calc(100vw / var(--dsp-width)) !important;
    padding-bottom: calc(100vw / var(--dsp-width)) !important;
}
.pt100 {
    padding-top: calc(100vw / var(--dsp-width)) !important;
}
.pb100 {
    padding-bottom: calc(100vw / var(--dsp-width)) !important;
}
.ptb90 {
    padding-top: calc(90vw / var(--dsp-width)) !important;
    padding-bottom: calc(90vw / var(--dsp-width)) !important;
}
.pt90 {
    padding-top: calc(90vw / var(--dsp-width)) !important;
}
.pb90 {
    padding-bottom: calc(90vw / var(--dsp-width)) !important;
}
.ptb80 {
    padding-top: calc(80vw / var(--dsp-width)) !important;
    padding-bottom: calc(80vw / var(--dsp-width)) !important;
}
.pt80 {
    padding-top: calc(80vw / var(--dsp-width)) !important;
}
.pb80 {
    padding-bottom: calc(80vw / var(--dsp-width)) !important;
}
.ptb70 {
    padding-top: calc(70vw / var(--dsp-width)) !important;
    padding-bottom: calc(70vw / var(--dsp-width)) !important;
}
.pt70 {
    padding-top: calc(70vw / var(--dsp-width)) !important;
}
.pb70 {
    padding-bottom: calc(70vw / var(--dsp-width)) !important;
}
.ptb60 {
    padding-top: calc(60vw / var(--dsp-width)) !important;
    padding-bottom: calc(60vw / var(--dsp-width)) !important;
}
.pt60 {
    padding-top: calc(60vw / var(--dsp-width)) !important;
}
.pb60 {
    padding-bottom: calc(60vw / var(--dsp-width)) !important;
}
.ptb50 {
    padding-top: calc(50vw / var(--dsp-width)) !important;
    padding-bottom: calc(50vw / var(--dsp-width)) !important;
}
.pt50 {
    padding-top: calc(50vw / var(--dsp-width)) !important;
}
.pb50 {
    padding-bottom: calc(50vw / var(--dsp-width)) !important;
}
.ptb40 {
    padding-top: calc(40vw / var(--dsp-width)) !important;
    padding-bottom: calc(40vw / var(--dsp-width)) !important;
}
.pt40 {
    padding-top: calc(40vw / var(--dsp-width)) !important;
}
.pb40 {
    padding-bottom: calc(40vw / var(--dsp-width)) !important;
}
.ptb30 {
    padding-top: calc(30vw / var(--dsp-width)) !important;
    padding-bottom: calc(30vw / var(--dsp-width)) !important;
}
.pt30 {
    padding-top: calc(30vw / var(--dsp-width)) !important;
}
.pb30 {
    padding-bottom: calc(30vw / var(--dsp-width)) !important;
}
}
@media screen and (max-width: 768px) {
.ptb150 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.pt150 {
    padding-top: 60px !important;
}
.pb150 {
    padding-bottom: 60px !important;
}
.ptb140 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.pt140 {
    padding-top: 60px !important;
}
.pb140 {
    padding-bottom: 60px !important;
}
.ptb130 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.pt130 {
    padding-top: 60px !important;
}
.pb130 {
    padding-bottom: 60px !important;
}
.ptb120 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.pt120 {
    padding-top: 60px !important;
}
.pb120 {
    padding-bottom: 60px !important;
}
.ptb110 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.pt110 {
    padding-top: 60px !important;
}
.pb110 {
    padding-bottom: 60px !important;
}
.ptb100 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.pt100 {
    padding-top: 50px !important;
}
.pb100 {
    padding-bottom: 50px !important;
}
.ptb90 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.pt90 {
    padding-top: 50px !important;
}
.pb90 {
    padding-bottom: 50px !important;
}
.ptb80 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}
.pt80 {
    padding-top: 45px !important;
}
.pb80 {
    padding-bottom: 45px !important;
}
.ptb70 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.pt70 {
    padding-top: 40px !important;
}
.pb70 {
    padding-bottom: 40px !important;
}
.ptb60 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}
.pt60 {
    padding-top: 35px !important;
}
.pb60 {
    padding-bottom: 35px !important;
}
.ptb50 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.pt50 {
    padding-top: 30px !important;
}
.pb50 {
    padding-bottom: 30px !important;
}
.ptb40 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.pt40 {
    padding-top: 20px !important;
}
.pb40 {
    padding-bottom: 20px !important;
}
.ptb30 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.pt30 {
    padding-top: 15px !important;
}
.pb30 {
    padding-bottom: 15px !important;
}
}

/* ------------------------------------- /
/   margin
/* ------------------------------------- */
.mtb150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
}
.mt150 {
    margin-top: 150px !important;
}
.mb150 {
    margin-bottom: 150px !important;
}
.mtb140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
}
.mt140 {
    margin-top: 140px !important;
}
.mb140 {
    margin-bottom: 140px !important;
}
.mtb130 {
    margin-top: 130px !important;
    margin-bottom: 130px !important;
}
.mt130 {
    margin-top: 130px !important;
}
.mb130 {
    margin-bottom: 130px !important;
}
.mtb120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
}
.mt120 {
    margin-top: 120px !important;
}
.mb120 {
    margin-bottom: 120px !important;
}
.mtb110 {
    margin-top: 110px !important;
    margin-bottom: 110px !important;
}
.mt110 {
    margin-top: 110px !important;
}
.mb110 {
    margin-bottom: 110px !important;
}
.mtb100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}
.mt100 {
    margin-top: 100px !important;
}
.mb100 {
    margin-bottom: 100px !important;
}
.mtb90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}
.mt90 {
    margin-top: 90px !important;
}
.mb90 {
    margin-bottom: 90px !important;
}
.mtb80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}
.mt80 {
    margin-top: 80px !important;
}
.mb80 {
    margin-bottom: 80px !important;
}
.mtb70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}
.mt70 {
    margin-top: 70px !important;
}
.mb70 {
    margin-bottom: 70px !important;
}
.mtb60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}
.mt60 {
    margin-top: 60px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.mtb50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mtb40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mtb30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mtb20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mtb10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
@media screen and (max-width: 1440px) {
.mtb150 {
    margin-top: calc(150vw / var(--dsp-width)) !important;
    margin-bottom: calc(150vw / var(--dsp-width)) !important;
}
.mt150 {
    margin-top: calc(150vw / var(--dsp-width)) !important;
}
.mb150 {
    margin-bottom: calc(150vw / var(--dsp-width)) !important;
}
.mtb140 {
    margin-top: calc(140vw / var(--dsp-width)) !important;
    margin-bottom: calc(140vw / var(--dsp-width)) !important;
}
.mt140 {
    margin-top: calc(140vw / var(--dsp-width)) !important;
}
.mb140 {
    margin-bottom: calc(140vw / var(--dsp-width)) !important;
}
.mtb130 {
    margin-top: calc(130vw / var(--dsp-width)) !important;
    margin-bottom: calc(130vw / var(--dsp-width)) !important;
}
.mt130 {
    margin-top: calc(130vw / var(--dsp-width)) !important;
}
.mb130 {
    margin-bottom: calc(130vw / var(--dsp-width)) !important;
}
.mtb120 {
    margin-top: calc(120vw / var(--dsp-width)) !important;
    margin-bottom: calc(120vw / var(--dsp-width)) !important;
}
.mt120 {
    margin-top: calc(120vw / var(--dsp-width)) !important;
}
.mb120 {
    margin-bottom: calc(120vw / var(--dsp-width)) !important;
}
.mtb110 {
    margin-top: calc(110vw / var(--dsp-width)) !important;
    margin-bottom: calc(110vw / var(--dsp-width)) !important;
}
.mt110 {
    margin-top: calc(110vw / var(--dsp-width)) !important;
}
.mb110 {
    margin-bottom: calc(110vw / var(--dsp-width)) !important;
}
.mtb100 {
    margin-top: calc(100vw / var(--dsp-width)) !important;
    margin-bottom: calc(100vw / var(--dsp-width)) !important;
}
.mt100 {
    margin-top: calc(100vw / var(--dsp-width)) !important;
}
.mb100 {
    margin-bottom: calc(100vw / var(--dsp-width)) !important;
}
.mtb90 {
    margin-top: calc(90vw / var(--dsp-width)) !important;
    margin-bottom: calc(90vw / var(--dsp-width)) !important;
}
.mt90 {
    margin-top: calc(90vw / var(--dsp-width)) !important;
}
.mb90 {
    margin-bottom: calc(90vw / var(--dsp-width)) !important;
}
.mtb80 {
    margin-top: calc(80vw / var(--dsp-width)) !important;
    margin-bottom: calc(80vw / var(--dsp-width)) !important;
}
.mt80 {
    margin-top: calc(80vw / var(--dsp-width)) !important;
}
.mb80 {
    margin-bottom: calc(80vw / var(--dsp-width)) !important;
}
.mtb70 {
    margin-top: calc(70vw / var(--dsp-width)) !important;
    margin-bottom: calc(70vw / var(--dsp-width)) !important;
}
.mt70 {
    margin-top: calc(70vw / var(--dsp-width)) !important;
}
.mb70 {
    margin-bottom: calc(70vw / var(--dsp-width)) !important;
}
.mtb60 {
    margin-top: calc(60vw / var(--dsp-width)) !important;
    margin-bottom: calc(60vw / var(--dsp-width)) !important;
}
.mt60 {
    margin-top: calc(60vw / var(--dsp-width)) !important;
}
.mb60 {
    margin-bottom: calc(60vw / var(--dsp-width)) !important;
}
.mtb50 {
    margin-top: calc(50vw / var(--dsp-width)) !important;
    margin-bottom: calc(50vw / var(--dsp-width)) !important;
}
.mt50 {
    margin-top: calc(50vw / var(--dsp-width)) !important;
}
.mb50 {
    margin-bottom: calc(50vw / var(--dsp-width)) !important;
}
.mtb40 {
    margin-top: calc(40vw / var(--dsp-width)) !important;
    margin-bottom: calc(40vw / var(--dsp-width)) !important;
}
.mt40 {
    margin-top: calc(40vw / var(--dsp-width)) !important;
}
.mb40 {
    margin-bottom: calc(40vw / var(--dsp-width)) !important;
}
.mtb30 {
    margin-top: calc(30vw / var(--dsp-width)) !important;
    margin-bottom: calc(30vw / var(--dsp-width)) !important;
}
.mt30 {
    margin-top: calc(30vw / var(--dsp-width)) !important;
}
.mb30 {
    margin-bottom: calc(30vw / var(--dsp-width)) !important;
}
}
@media screen and (max-width: 768px) {
.mtb150 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}
.mt150 {
    margin-top: 60px !important;
}
.mb150 {
    margin-bottom: 60px !important;
}
.mtb140 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}
.mt140 {
    margin-top: 60px !important;
}
.mb140 {
    margin-bottom: 60px !important;
}
.mtb130 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}
.mt130 {
    margin-top: 60px !important;
}
.mb130 {
    margin-bottom: 60px !important;
}
.mtb120 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}
.mt120 {
    margin-top: 60px !important;
}
.mb120 {
    margin-bottom: 60px !important;
}
.mtb110 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}
.mt110 {
    margin-top: 60px !important;
}
.mb110 {
    margin-bottom: 60px !important;
}
.mtb100 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}
.mt100 {
    margin-top: 50px !important;
}
.mb100 {
    margin-bottom: 50px !important;
}
.mtb90 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}
.mt90 {
    margin-top: 50px !important;
}
.mb90 {
    margin-bottom: 50px !important;
}
.mtb80 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}
.mt80 {
    margin-top: 45px !important;
}
.mb80 {
    margin-bottom: 45px !important;
}
.mtb70 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.mt70 {
    margin-top: 40px !important;
}
.mb70 {
    margin-bottom: 40px !important;
}
.mtb60 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}
.mt60 {
    margin-top: 35px !important;
}
.mb60 {
    margin-bottom: 35px !important;
}
.mtb50 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.mt50 {
    margin-top: 30px !important;
}
.mb50 {
    margin-bottom: 30px !important;
}
.mtb40 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.mt40 {
    margin-top: 20px !important;
}
.mb40 {
    margin-bottom: 20px !important;
}
.mtb30 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.mt30 {
    margin-top: 15px !important;
}
.mb30 {
    margin-bottom: 15px !important;
}
}