@media (max-width: 899px) {
    .w100{
        width: 100%;
    }
    .mobile-p030{
        padding: 0 15px;    
    }
    .w899-display-none{
        display: none !important;
    }
}

@media (min-width: 900px) {
   .w640{
        width: 400px !important;
        margin: 0 auto;
   }
   .w450{
        width: 450px !important;
        margin: 0 auto;
    }
    .pc-position-center{
       left: 50%;
       top: 10% !important;
       transform: translateX(-50%) !important;
    }
    .w900-display-none{
        display: none !important;
    }
}


/* 768 이하 */
@media (max-width: 768px) {
    .mobile-p030{
        padding: 0 15px !important;    
    }
    .dis-none768{
        display: none !important;
    }
    .m-section01-img{
        width: 80%;
    }
    .text-center768{
        text-align: center;
    }
    .section-title-768{
        font-size: 40px !important;
        line-height: 52px;
    }
    .ptb60-768{
        padding: 60px 0 !important;
    }
    .pt60-768{
        padding-top: 20px !important;
    }
    .d-flex-768{
        display: flex;
    }
    .justify-content-center-768{
        justify-content: center;
    }
    .storebut-768{
        width: 135px;
        height: 46px;
        display: inline-block;
    }
    .mt30-768{
        margin-top: 30px !important;
    }
    .mt40-768{
        margin-top: 40px;
    }
    .ml30-768{
        margin-left: -30px;
    }
    /* 문제 만들기 부분 */

    .exam-make-box-selectbox{
        padding: 10px 15px !important;
    }
    .exam-make-box-selectbox .form-select{
        background-position: right 0rem center;
    }
    .exam-make-box-inputbox{
        padding: 20px 15px 40px 15px !important;
    }
    .exam-make-box-inputbox-boxleft{
        padding-right: 0px !important;
    }
    .exam-make-box-inputbox-boxright{
        padding-left: 0px !important;
    }
    .pc-make-header-but03-text::placeholder{
        font-size: 15px !important;
        font-weight: 300;
        color: #f8f8f8;
    }
    .pc-make-header-02{
        background-size: cover !important;
    }
    .mobile-bottom{
        position: sticky;
        bottom: 0;
        background-color: #fff;
        border-top: 1px solid #dee2e6;
    }
    .mobile-bottom-01{
        padding-left: 20px;
    }
    .mobile-bottom-01-ul{
        overflow: hidden;
        overflow-x: scroll;
        white-space: nowrap;
        display: flex;
        height: 60px;
    }
    .mobile-bottom-01-ul li{
        height: 60px;
        margin-right: 10px;
        margin-top: -2px;
    }
    .mobile-bottom-01-ul li button{
        background-color: #13279f;
        color: #fff;
        padding: 9px 15px;
        border-radius: 50px;
        margin-top: 15px;
    }
    .mobile-exam-bigbox{
        padding-top: 30px;
        padding-bottom: 100px;
    }
    .exam-make-examplusbut{
        left: 50% !important;
        transform: translateX(-50%) !important;
        bottom: -2.4% !important;
    }
    .mobile-exam-smallbox{
        margin-top: 65px !important;
    }
    .mobile-exam-smallbox:nth-child(1){
        margin-top: 0 !important;
    }
    
    .landing-main-banner-tek img{
        width: 100% !important;
        height: auto !important;
    }
}

/* 769 이상 */
@media (min-width: 769px) {
    .mobile-p030{
        padding: 0 15px;    
    }
    .dis-none769{
        display: none !important;
    }
    .line-height63-769{
        line-height: 60px;
    }
    .mt30-769{
        margin-top: 30px;
    }
    .mt40-769{
        margin-top: 40px;
    }
    .ml30-769{
        margin-left: -30px;
    }
    .ml180-769{
        margin-left: -180px;
    }
    .pb60-769{
        padding-bottom: 60px !important;
    }
    .p0110-769{
        padding: 110px 0;
    }
    .pt30-769{
        padding-top: 30px;
    }
    .border150{
        border-bottom-right-radius: 150px;
    }
    /* 문제 만들기 부분 */
    .bigexambox{
        margin-top: 60px !important;
    }
}