/* COMMON */
.PT150{
    padding-top: 15rem;
}
.PB170{
    padding-bottom: 17rem;
}
.MT90{
    margin-top: 9rem;
}

.device-pc{
    display: block ;
}
.device-pc-txt{
    display: inline-block;
}
.device-tab{
    display: none;
}
.device-mobile{
    display: none;
}
.font-400{
    font-weight: 400;
}
.font-600{
    font-weight: 600;
}
.font-800{
    font-weight: 800;
}

.text-white{
    color: #fff !important;
}
.text-main{
    color: #9692FF;
}
.text-orange{
    color: #FE9900 !important;
}
.text-green{
    color: #21FFCC !important;
}
.text-purple{
    color: #5A38EF;
}
.text-blue{
    color: #0086E2;
}

.bg-green{
    background: #21FFCC;
}



/* Display */
.d-flex { display: flex; }
.d-block { display: block; }
.d-inline { display: inline-block; }
.d-none { display: none; }


/* Gap */
.gap-8 { gap: 0.5rem; }
.gap-16 { gap: 1rem; }
.gap-24 { gap: 1.5rem; }
.gap-32 { gap: 2rem; }


/* 반응형 : 960px */
@media (max-width: 960px) {

    .PT150{
        padding-top: 12rem;
    }
    .PB170{
        padding-bottom: 14rem;
    }
    .MT90{
        margin-top: 6rem;
    }
    .device-tab{
        display: block;
    }
    .device-pc{
        display: none;
    }
    .device-mobile{
        display: none;
    }
}
/* 반응형 : 640px */
@media (max-width: 640px) {
    .device-pc{
        display: none;
    }
    .device-pc-txt{
        display: none;
    }
    .device-mobile{
        display: block;
    }
}