@media (max-width: 1350px){
    .main-header-search{
        width: 100%;
    }
    .header-right-menu_wrap{
        flex-direction: column;
        gap: 2px;
    }
    .header-menu{
        font-size: 12px;
    }
    .left-menu-icon_wrap{
        margin-left: 0px;
    }

    .word-list-main-container{
        flex-direction: column;
        gap: 10px;
    }
    .card{
        flex-direction: column !important;
        gap: 15px !important;
    }
    .exam_list_title_wrap,
    .exam_list_contents_wrap,
    .exam_list_btn_wrap {
        width: 100% !important;
    }
    .exam_list_title_wrap{
        justify-content: center;
    }
    .exam_list_btn_wrap .btn{
        width: 100%;
    }
    .exam-history_list_btn_wrap{
        width: 100% !important;
        justify-content: center;
    }
    .exam-history_list_btn_wrap .btn{
        width: unset;
    }

    .makeTest-url-input{
        width: 80% !important;
    }
}

@media (max-width: 1200px){
    .student-makeTest-fullPage-section-mobile {
        width: 100%;
        overflow-x: auto;
    }
    .bigexambox-box{
        width: 1200px;
    }
    .header-left_wrap{
        gap: 10px !important;
    }
    .header-student-teacher-btn_wrap{
        gap: 6px !important;
    }
    .btn-header-student,
    .btn-header-techer {
        font-size: 12px !important;
        padding: 6px 10px;
    }
    .header_mobile-text {
        font-size: 10px;
    }
    .header-makeTest-menu{
        margin-right: 0px !important;
    }
    .header-search-logo-mobile{
        margin-right: 0px !important;
    }
}

@media (max-width: 768px){
    body, html{
        font-size: 80%;
    }
    .header-left_wrap{
        gap: 15px !important;
    }
    .left-header-hambuger-menu{
        width: 40px;
    }
    .pay-icon_wrap{
        width: 30px;
    }
    .header-searchbox{
        display: none;
    }
    .header-search-logo-mobile{
        display: flex !important;
        background: #fff;
        padding: 4px 6px;
        border-radius: 4px;
    }
    .header-right-img-mobile{
        width: 24px !important;
        height: 24px !important;
    }
    .header-menu{
        font-size: 10px;
        margin-left: 0px;
    }
    .exam_header-btn {
        font-size: 12px;
    }
    .header_mobile-text{
        display: none;
    }
    .mBtn-example{
        display: none;
    }
    .mBtn-example-mobile{
        display: block;
    }
    .exam_header-btn img {
        margin-right: 0px !important;
    }

    .main_contents_wrap:nth-child(1) .student_page_tooltip_wrap{
        width: 95%;
    }
    .student_page_tooltip_wrap{
        width: 80%;
    }
    .main_wrap{
        margin-top: 20px;
    }
    .student-test-page-top-button_wrap{
        flex-direction: column;
    }
    .testResult-graph-body-tabMenu_wrap .student-test-check-btn_wrap{
        gap: 0px;
    }
    .student-test-check-btn_wrap{
        margin-top: 10px;
        margin-bottom: 10px;
        gap: 0px !important;
    }
    .student-contents-title-btn{
        width: 100%;
    }
    .test_list-contents_style .student-contents-img_wrap img{
        width: 100%;
    }

    .re-search-box-bigbox-academybox{
        width: 100% !important;
    }

    .main-calendar-testResult_container{
        flex-direction: column !important;
    }
    .calendar-table-text li{
        flex-direction: column !important;
    }
    .testResult-main-bottom-mobile_wrap{
        height: 150vh !important;
        max-height: 150vh !important;
    }
    .big-page{
        display: none;
    }
    .testResult-calendar-page-contents-mobile{
        height: 120vh !important;
        max-height: 120vh !important;
    }
    .monthly_today .examlist ul{
        width: 88% !important;
    }
    .test-result-table-container table th p{
        font-size: 10px !important;
    }
    .test-result-table-container table {
        font-size: 10px !important;
    }

    .month-testReulst-day-th{
        margin-left: 0px !important;
    }

    .search-studytab_container{
        margin-top: 60px;
    }
    .search-page-classtab02-achieve_wrap{
        padding-left: 16px;
        padding-right: 16px;
    }
    .search-page-classtab02-achieve{
        padding: 10px !important;
    }
    .search-page-classtab02-achieve .classtab02-achieve-right{
        padding: 15px;
    }
    .goalset-searchresult-title{
        font-size: 20px;
    }
    .search-all-check-btn{
        font-size: 14px !important;
    }
    .search-all-check-btn input{
        margin-top: 0px;
        width: 20px !important;
        height: 20px !important;
    }
    .re-search-box{
        margin-top: 0px;
    }
    .goalset-searchresult-tr{
        flex-direction: column;
    }
    .goalset-searchresult-tr td{
        width: 100% !important;
        padding: 5px 0px;
    }
    .test_list-contents_style>div{
        width: 45% !important;
    }
    .student-test-check-btn_wrap label{
        font-size: 14px;
    }
    .trash-file-box-check{
        width: 25% !important;
    }

    .make-test-top-text-box{
        max-width: 100% !important;
    }
    .modal-dialog{
        width: 95% !important;
    }
    .exam_list_btn_wrap>a{
        width: 100%;
    }
    .exam_list-review-modal-btn{
        height: 40px !important;
        width: 100% !important;
    }

    .exam_change-list_num{
        width: 15% !important;
    }
    .exam_change-list_title{
        width: 100% !important;
    }
    .re-search-box .re-search-box-title{
        font-size: 18px;
    }
    .re-search-all-btn{
        padding: 8px 15px;
    }
    .re-search-box-allsee{
        font-size: 13px;
    }
    .search-page-searchBox_wrap{
        margin-top: 6px;
    }
    .search-page-searchBox_input{
        font-size: 16px;
    }
    
    .pc-studyexam-whitebox.wordbox{
        width: 100% !important;
    }
    .modal-make-word-allsee-ul li{
        flex-wrap: wrap;
    }
    .exam-set-btn{
        padding: 8px !important;
        font-size: 12px !important;
    }
    .exam-word-list-li .exam-word-list-li01{
        width: 100% !important;
    }
    .exam-word-list-li .exam-word-list-li02{
        width: 100% !important;
    }
    .exam-word-list-li .exam-word-list-li03{
        width: 100% !important;
        justify-content: space-between !important;
    }

    .game-code-button{
        font-size: 15px;
        padding: 15px;
    }

    .student-remember-page-tooltip-mobile{
        left: 10% !important;
        top: 380px !important;
        width: 90%;
    }
    .student-remember-history-page-tooltip-mobile01{
        left: -5% !important;
        top: 155px !important;
        z-index: 99;
        width: 65%;
    }
    .student-remember-history-page-tooltip-mobile02{
        left: 24% !important; 
        top: 161px !important;
        z-index: 99;
    }
    .student-test-page-tooltip-mobile{
        left: 10% !important;
        top: 530px !important;
        width: 90%;
    }
    .student-test-history-page-tooltip-mobile01{
        left: -5% !important;
        top: 125px !important;
        z-index: 99;
        width: 65%;
    }
    .student-game-page-tooltip-mobile{
        left: 10% !important;
        top: 370px !important;
        width: 90%;
    }
    .student_page_testResult_wrap{
        display: none;
    }

    .vocas_manage-step-text-tooltip_wrap{
        display: none;
    }
}

@media (max-width: 550px){
    body, html{
        font-size: 60%;
    }
    .left-header-hambuger-menu,
    .left-header-main-logo {
        width: 30px;
    }
    .left-header-main-logo img{
        width: 100%;
    }
    .header-left_wrap{
        gap: 6px !important;
    }
    .btn-header-student,
    .btn-header-techer {
        font-size: 10px !important;
        padding: 4px;
    }
    .header-right_wrap{
        margin-right: 0px;
    }
    .pay-icon_wrap{
        width: 25px;
    }
    .header-right-img-mobile{
        width: 20px !important;
        height: 20px !important;
    }
    .header-menu{
        display: none;
    }
    .header-makeTest-menu{
        display: none !important;
    }
    .user-iconbox .slide{
        width: 145px;
        top: 35px;
    }
    .user-iconbox .slide li a{
        font-size: 12px;
        height: 30px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         ;
    }
    .user-iconbox .slide li a img{
        width: 14px;
    }

    .main_contents_banner{
        margin-top: 50px !important;
    }
    .main_contents_wrap{
        width: 100%;
    }
    .word-list-check-text{
        font-size: 14px !important;
    }
    .word-list-check-input{
        width: 18px !important;
        height: 18px !important;
        margin-right: 4px !important;
    }
    .exam_list_title_wrap{
        font-size: 13px;
    }
    .exam_list_btn_wrap .btn{
        height: 60px;
    }
    .student-remember-history-title{
        font-size: 18px;
    }
    .exam_list_contents_wrap a{
        width: 48% !important;
    }
    /*03/13 수정*/
    .exam_list_title{
        width: unset;
        font-size: 16px;
    }
    .exam_list_title_wrap p{
        font-size: 16px;
    }
    .monthly_noexam_result_icon{
        top: 90%;
    }

    .makeTest-fullpage-make-kind-content-pc{
        border: 1px solid #d2c9dd !important;
        border-radius: 10px;
        padding: 5px;
        margin-top: 20px;
    }
    .exam_box-body_list{
        margin-top: 0px;
    }
    .make-test-top-title-box input::placeholder,
    .make-test-top-title-box textarea::placeholder{
        font-size: 12px;
    }
    .btn,
    .form-check,
    .form-select {
        font-size: 12px;
    }
    .makeTest-left-menu_wrap{
        width: 100% !important;
    }
    .student-makeTest-fullPage_wrap-mobile{
        width: 100%;
    }
    .student-makeTest-fullPage-section-mobile{
        padding: 15px;
    }
    .bigexambox-box{
        width: 100% !important;
        padding-top: 0px !important;
    }
    .exam_box-footer_wrap-mobile{
        width: 100% !important;
    }
    .exam_box-header_wrap{
        display: none !important;
    }
    .exam_box-body_list li{
        flex-direction: column;
    }
    .exam_box-body_list li>div{
        width: 100%;
    }
    .exam-plue-button_wrap{
        width: 100% !important;
        flex-direction: row !important;
        justify-content: center;
    }
    .exam_box-input-title-mobile{
        display: block;
        font-size: 13px;
    }
    .makeTest-fullpage-make-kind-content-mobile li{
        background: #f0f0f0;
        border-radius: 10px;
        padding: 10px !important;
    }
    .exam-box-ex-text-content-mobile li{
        margin-bottom: 6px !important;
    }
    .exam_box-num-text{
        display: none;
    }

    .list-contents-search-box{
        font-size: 14px;
        height: 45px;
    }
    .list-top-search-btn{
        height: 45px;
        width: 50px;
    }
    .color-chart-btn-text{
        font-size: 12px;
    }
    .color-chart-btn{
        font-size: 12px;
        line-height: 15px;
    }
    .monthly_exam_list{
        width: 8px;
        height: 8px;
    }
    .exam_list_title_wrap span{
        display: inline-block;
    }

    .exam_box-input input{
        font-size: 15px;
        padding: 5px;
    }
    .make-test-top-box input,
    .make-test-top-box textarea {
        font-size: 15px;
        padding: 8px;
    }
    .makeTest-check-input{
        width: 18px;
        height: 18px;
    }
    .make-test-btn_wrap{
        display: block;
    }
    .notify-text_container{
        flex-direction: column !important;
        gap: 4px;
    }
    .notify-text-file-title{
        font-size: 14px !important;
    }

    .card-title_wrap{
        display: none !important;
    }
    .change-folder-sort-btn{
        font-size: 12px !important;
    }
    .exam_list_time_wrap{
        justify-content: flex-start;
    }

    .testResult-message-table_wrap{
        height: 100% !important;
        max-height: 100% !important;
    }
    .testResult-message-table{
        width: 100% !important;
        min-width: 100% !important;
    }
    .month-testReuslt-table-td>button{
        padding: unset;
    }
    .testResult-message-table tbody tr td{
        padding: 2px;
    }
    .table-box-text-btn{
        padding: unset;
        margin: unset;
        font-size: 10px;
        width: 100%;
    }
    .testReulst-message-bottom-header>p{
        font-size: 12px;
    }
}