/*media*/
@media (max-width: 1600px){
    .result-container-card{
        width: 100%;
    }
    .exam-result-box_wrap{
        width: 95% !important;
    }
    .result-exam_bg{
        overflow-y: auto;
    }
}

@media (max-width: 1530px){
    .studyexam-bg-gameCode-page{
        min-width: 600px !important;
    }
    .codeGame-main_wrap{
        width: 530px;
    }
    .student-test-result-content-btn_wrap-mobile{
        gap: 10px !important;
    }
    .codeGame-main_wrap {
        width: 530px;
    }
}

@media (max-width: 1500px){
    .wordcard-button01{
        left: 10%;
    }
    .wordcard-button02{
        right: 10%;
    }
}

@media (max-width: 1200px){
    .pc-studyexam-sidebarMenu{
        display: none;
    }
    .pc-studyexam-rightbox{
        width: 100%;
        margin-left: 0px;
    }
    .pc-Btn-Graph_wrap{
        display: inline-block !important;
    }
    /* .mBtn-example{
        display: none;
    } */
    .word_contents_tooltip_wrap{
        display: none !important;
    }
    .student-test-result-content-btn_wrap-mobile{
        flex-direction: column;
        gap: 10px !important;
    }
    .student-test-result-content-btn_wrap-mobile button{
        width: 100%;
    }
    .modal-testResult-table_wrap{
        display: block !important;
    }
    
    .exam_header-back-icon{
        left: 20px;
    }
    .container-cardbox_wrap{
        margin-left: 0px;
        width: 100%;
    }
    .container-cardbox{
        overflow-x: hidden;
    }
    .bomb-game-word-cardbox{
        width: 95%;
    }
}

@media (max-width: 1050px){
    .wordcard-button01{
        left: 2%;
    }
    .wordcard-button02{
        right: 2%;
    }

    .right-wrong_box{
        flex-direction: column !important;
    }
    .testResult-graph-header-left-btn{
        padding: 10px !important;
    }

    .exam-result-box_wrap{
        transform: translate(-50%, -15%) !important;
    }
}

@media (max-width: 768px){
    .exam_header-btn_wrap{
        gap: 5px !important;
    }
    .exam_header-btn{
        font-size: 12px;
    }

    .result-container-card{
        width: 100% !important;
    }

    .tab-content-testResult-mobile{
        display: none;
    }
    .student-testResult-page-mobile{
        flex-direction: column !important;
    }
    .student-testResult-page-list-wrap-mobile{
        height: unset !important;
    }
    .student-test-result-contents-right-container{
        width: 100% !important;
    }
    .student-test-result-contents-left-container{
        width: 100% !important;
    }
    .student-main-contents-top_wrap-myclass-mobile{
        width: 100% !important;
        flex-wrap: wrap !important;
    }
    .student-main-contents-top_wrap-myclass-mobile>li{
        width: 48% !important;
    }
    .student01_page_tooltip_wrap{
        display: none;
    }
    .listRemember-cardbox-header-wrap{
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 4px !important;
        margin-bottom: 0px  !important;
    }
    .form-check-top-label{
        font-size: 14px;
    }
    .contents-test-list-wrap-pc01-detail-contents-num{
        text-align: start !important;
    }
    .testResult-graph-header_wrap{
        flex-direction: column;
        align-items: flex-start !important;
        gap: 15px !important;
    }
    .testResult-graph-header-left-btn_wrap{
        gap: 10px !important;
    }
    .testResult-graph-header-left-btn-mobile{
        padding: 10px 15px !important;
    }
    .testResult-graph-body-tabMenu_wrap{
        gap: 20px !important;
    }
    .month-testReuslt-table-td{
        font-size: 12px !important;
    }
    .testResult-calendar-page-contents-mobile{
        flex-direction: column;
    }
    .testReulst-calendar-page-container{
        gap: 15px !important;
    }
    .testResult-calenadar-left-mobile{
        width: 100% !important;
        padding: 0px !important;
    }
    .testResult-calenadar-right-mobile{
        width: 100% !important;
    }
    .student-testResult_page_tooltip_wrap {
        width: 60%;
        top: -45px !important;
    }
    .student-test-reult-page-table-mobile-scroll li{
        flex-direction: row !important;
        align-items: center !important;
    }
    .student-test-reult-page-table-mobile-scroll .exam-word-interval-li-01 {
        font-size: 14px;
    }
    .student-test-reult-page-table-mobile-scroll .exam-word-interval-li-02 {
        font-size: 14px;
    }


    .pc-studyexam-rightbox{
        width: 100% !important;
        margin-left: 0px;
    }
    .wordcard-button01{
        left: 0%;
        z-index: 98;
    }
    .wordcard-button02{
        right: 0%;
        z-index: 98;
    }
    .exam-word-cardbox{
        width: 80% !important;
    }
    .exam-result-box_wrap{
        width: 90% !important;
    }
    .speak-exam-word-cardbox{
        width: 100% !important;
    }
    .test-exam-word-cardbox{
        width: 100% !important;
    }

    .studyexam-bg{
        min-width: 100% !important;
    }  
    .studyexam-test-header-pc{
        display: none !important;
    }
    .studyexam-test-header-mobile{
        display: flex !important;
    }

    .pc-studyexam-header02-butbox{
        font-size: 10px;
    }
    .top-ex-btn-next{
        font-size: 10px;
    }
    .pc-studyexam-header02 .pc-studyexam-header02-butbox{
        width: 100%;
        right: 0px;
        justify-content: flex-end;
        padding-right: 10px;
    }
    .pc-studyexam-header02-reviewbut{
        padding: 0px 10px;
    }
    .pc-studyexam-header02-setbut{
        padding: 0px 10px;
    }
    .pc-studyexam-header02-subbut{
        padding: 0px 10px;
    }
    .container-card{
        width: 80%;
    }
    .game-container-card{
        width: 100%;
    }
    .game-container-card{
        left: 60%;
    }
    .studyexam-bottom_wrap{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .studyexam-bottom-btn-mobile{
        display: block;
        width: 80%;
        font-size: 12px;
    }
    .exam-word-listbox{
        width: 100% !important;
        left: 47%;
    }
    .exam-word-list-li{
        flex-direction: column;
        gap: 10px;
        align-items: flex-start !important;
        padding: 10px !important;
    }
    .exam-word-list-li .exam-word-list-li01{
        width: 100%;
    }
    .exam-word-list-li .exam-word-list-li03{
        width: 100% !important;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .list-select-btn_container{
        width: 100%;
        margin-top: 10px;
    }
    .list-select-btn{
        width: 50%;
    }
    .card-list-icon-btn_wrap>button{
        width: 25%;
    }
    .exam-word-list-li .exam-word-list-li02{
        width: 100%;
    }
    .autoplay-set-header-box-title{
        font-size: 10px;
        margin-right: 0px;
    }
    .autoplay-set-header-box{
        width: 60%;
        padding: 15px 6px;
    }
    .autoplay-set-header-box-count{
        font-size: 12px;
    }
    .exam-word-fltip-know{
        bottom: 10%;
    }

    .exam-word-cardbox-inner-wordbox-p01{
        font-size: 22px !important;
        line-height: 32px;
    }
    .exam-start-text-mobile{
        font-size: 18px !important;
    }
    .exam-word-cardbox-inner-wordbox-p02{
        font-size: 16px;
    }
    .exam-word-cardbox-listRemember-inner{
        padding: 10px !important;
    }
    .exam-word-cardbox-main-text{
        font-size: 16px;
    }
    .exam-word-cardbox-main-text span{
        font-size: 18px;
    }
    .study-exam-text-box-mobile{
        flex-direction: column;
        align-items: flex-start !important;
        gap: 10px;
    }
    .exam-word-count{
        font-size: 16px;
    }
    .exam-word-interval-li .exam-word-interval-li-input{
        height: 35px;
        font-size: 14px;
    }
    .exam-game-word-inner-wordbox02{
        font-size: 14px;
    }
    .game-word-keyboard{
        width: 28px;
        height: 28px;
        font-size: 18px;
    }
    .word-quiz-03-jakbut, .word-quiz-03-jakbut02{
        font-size: 14px;
        line-height: 20px;
    }
    .game02-mobile-list-wrap{
        padding-right: 12px !important;
    }
    .game02-mobile-list-wrap2{
        padding-left: 12px !important;
    }
    .btn_pair-box{
        padding: 2px;
    }
    .btn_pair-box button{
        padding: 6px 2px;
    }
    .game03-exam-interval-list_wrap{
        display: none;
    }
    .game03-main-container-intervallistbox{
        width: 100% !important;
        margin-right: 0px !important;
    }
    .exam-game03-container{
        padding: 16px;
    }
    .exam-game03-body-score-text{
        font-size: 45px;
    }
    .exam-game03-bomb-img2{
        left: 20px;
    }
    .exam-game03-bomb-img1,
    .exam-game03-bomb-img5 {
        width: 30%;
    }
    .game03-user-main-img{
        width: 40%;
    }
    .exam-word-speech-micinput{
        font-size: 14px;
    }
    .game03-container-card{
        left: 50%;
    }
    .game03-container-card .game-word-cardbox{
        width: 100%;
    }
    .game03-container-card .exam-word-cardbox{
        width: 100% !important;
    }
    .bomb-game-word-cardbox{
        left: 52%;
    }
    .bomb-game-word_wrap{
        width: 95% !important;
    }
    .exam-game03-inner-bottom-btn{
        display: block;
    }
    .exam-word-speech-micinput{
        width: 85%;
    }
    .game_exam02-counter-text{       
    font-size: 95px;
        left: 30%;
        width: 40%;
        padding: 15px;
        border-radius: 60px;
    }

    .container01-back-img{
        width: 20%;
    }
    .container01-back-img img{
        width: 100%;
    }
    .light-container01-2-back-img-02-2{
        width: 20%;
        right: -6% !important;
    }
    .light-container01-2-back-img-02-2 img{
        width: 100%;
    }
    .ligntTest01-2-wordcard-btn-mobile{
        top: 45%;
    }
    .container05-1-back-img{
        bottom: 14px;
    }

    .codeGame-main_wrap{
        width: 90%;
    }
    .codeGame-main-title{
        font-size: 65px;
    }
    .codeGame-main-inner-text{
        font-size: 20px;
    }
    .codeGame-main-inner-code-box{
        font-size: 45px;
        letter-spacing: 18px;
    }
    .code-game-top-logo{
        display: none;
    }
    .codeGame-main-inner_wrap{
        padding: 40px 10px;
    }
    .codeGame-main-sub-title{
        font-size: 28px;
    }
    .codeGame-sub-member-text{
        font-size: 20px;
    }
    .codeGame-sub-member-text span{
        font-size: 22px;
    }
    .codeGame-sub-online-member01{
        width: 65px;
    }
    .codeGame-sub-online-member01 p{
        font-size: 14px;
    }
    .codeGame-main_wrap-03-mobile{
        max-width: 90% !important;
    }
    .codeGame-score-count{
        font-size: 80px;
    }
    .codeGame-result-list-left-text{
        font-size: 14px;
    }
    .codeGame-result-list-left-text-korea{
        font-size: 12px;
    }
    .codeGame-result-list-right-text,
    .codeGame-result-list-worng-text{
        font-size: 18px;
    }
    .codeGame-result-boat-rail-main-timer_wrap{
        width: unset;
        padding: 14px 6px;
    }
    .codeGame-studentGame-main-timer-bg{
        display: none;
    }
    .codeGame-studentGame-main-timer_wrap p{
        font-size: 14px;
    }
    .codeGame-studentGame-main-timer_wrap{
        left: 50px;
    }
    .student-test05-content-wrap{
        flex-direction: column;
        padding: 20px !important;
    }
    .student-test05-content-wrap>div{
        width: 100% !important;
    }
    .student-test05-content-wrap-img-mobile{
        display: none;
    }
    .intervallistbox table tr td{
        font-size: 12px;
        line-height: 18px;
        padding: 8px 0px;
    }
    .intervallistbox{
        padding: 10px;
    }
    .exam-interval-list_wrap02-mobile{
        margin-top: 10px;
        max-height: 58%;
    }
    .student-test05-intervallistbox-mobile{
        height: 35%;
    }
    .intervallistbox:nth-child(1) .exam-interval-list_wrap{
        max-height: 24vh;
    }
    .intervallistbox:nth-child(2) .exam-interval-list_wrap{
        max-height: 45vh;
    }
    .game-interval-list_wrap02-mobile{
        margin-top: 10px;
        max-height: calc(100vh - 470px);
    }
    .student-test05-content-wrap-game-intervall{
        width: 100%;
    }

    .mBtn-header-ex{
        display: none !important;
    }

    .result-exam-word-cardbox-inner{
        padding: 10px !important;
    }

    .codeGame-student-game_timer_wrap {
        top: 65px;
        padding: 20px 15px;
        border-radius: 50px;
    }
    .codeGame-student-game_timer_wrap p{
        font-size: 35px;
    }

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


@media (max-height: 700px){
    .student-test05-content-wrap-game-intervall{
        top: 50%;
    }
    .game-interval-list_wrap02-mobile{
        max-height: calc(100vh - 275px);
    }
}

@media (max-width: 550px){
    .exam_header_container{
        position: fixed;
        width: 100%;
        height: 50px;
    }
    .exam_header-btn_wrap{
        height: 50px !important;
    }
    .exam_header-back-icon{
        top: 15px;
    }
    .modal-dialog{
        width: unset !important;
    }

    html{
        height: 100%;
    }
    .exam_bg{
        height: 100%;
        overflow-y: hidden;
    }
    .container-cardbox_wrap,
    .container-cardbox {
        height: 100%;
        overflow-y: hidden;
    }
    .main-container-card {
        top: 62%;
        height: 100%;
    }
    .container-card .wordcard{
        height: 60%;
    }
    .card-remember-back-text-container{
        width: 80%;
    }
    .word-cardbox-timer_wrap{
        margin-bottom: 5px !important;
    }
    .exam-word-list-li .exam-word-list-li02{
        margin-right: 0px;
    }
    .exam-word-list-count-text{
        margin-right: 0px;
        width: 34px !important;
    }
    .word-cardbox-timer-text{
        font-size: 15px;
    }
    .wordcard-button01,
    .wordcard-button02 {
        top: 40%;
    }
    .speak-button {
        top: 52%;
    }

    .test_exam-wordcard-button_wrap .wordcard-button01,
    .test_exam-wordcard-button_wrap .wordcard-button02{
        top: 46%;
    }
    .remember-autoplay-container-card{
        top: 62%;
        height: 100%;
    }
    .autoplay-card-container{
        height: 100%;
        padding: 10px;
    }
    .autoplay-card-body{
        margin-top: 50px !important;
    }
    .sort-btn{
        font-size: 22px;
    }
    .autoplay-card-bottom{
        height: 75px;
    }
    .remember-speak-container-card{
        top: 67%;
        height: 100%;
    }
    .speak-exam-word-cardbox{
        height: 100%;
    }
    .exam-word-list_wrap{
        padding-bottom: 10px;
        max-height: 95%;
        overflow-x: hidden;
    }
    .exam-word-listbox{
        height: 100%;
        top: 50%;
        transform: translate(-50%, -40%);
    }
    .exam-word-cardbox-listRemember-inner{
        height: 80%;
    }
    .remember-list-container-card .wordcard {
        height: 80% !important;
    }
    .exam-word-listbox-bottom-btn_wrap{
        left: 0%;
        width: 100%;
    }
    .exam-word-list_wrap .exam-word-list-li02{
        padding-left: 50px;
    }
    .exam-word-list_wrap .exam-word-list-li02-p{
        padding-left: 20px;
    }

    .student-test-result-contents-box{
        padding: 10px !important;
    }
    .exam-result-box_wrap{
        transform: translate(-50%, 8%) !important;
    }
    .test-exam-result-box_wrap{
        transform: translate(-50%, -6%) !important;
    }
    .interval-test-container-cardbox_wrap{
        margin-top: 50px;
    }
    .input-wordcard-btn{
        top: 48%;
    }
    .testResult-percent-img_wrap{
        width: 68px !important;
    }
    .testeResult-percent-text_wrap{
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .testResult-list-num-test-mobile{
        display: flex;
        align-items: center;
    }
    .testResult-input-box-mobile_wrap{
        flex-direction: column;
        gap: 6px;
    }
    .testResult-input-box-mobile_wrap{
        width: 100% !important;
    }
    .testResult-input-box-mobile{
        width: 100% !important;
        margin-right: 0px !important;
    }
    .student-test-result-contents-title{
        font-size: 12px !important;
        line-height: 18px !important;
        margin-bottom: 4px !important;
    }
    .right-text-result-mobile>span,
    .wrong-text-result-mobile>span {
        margin-left: 4px !important;
    }
    .right-wrong_box img{
        width: 100%;
    }
    .right-wrong_box{
        gap: 4px !important;
    }
    .right-text,
    .wrong-text{
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }
    .student-test-result-content-btn-mobile{
        font-size: 12px !important;
        padding: 5px !important;
        line-height: 16px !important;
    }
    .test-result-content-x-btn,
    .test-result-content-all-btn,
    .test-result-content-star-btn {
        background-size: 55px !important;
    }
    .student-test-result-content-btn_wrap-mobile {
        gap: 5px !important;
    }
    .sns-contents-btn{
        font-size: 14px !important;
        padding: 25px 10px !important;
    }
    .test-location_btn{
        padding: 4px 6px !important;
    }
    .testResult-graph-tabMenu-myclass-mobile{
        padding: 8px 12px !important;
    }
    .student-main-top-contents-header-mobile{
        align-items: flex-start !important;
        gap: 10px ;
    }
    .test-location_btn{
        font-size: 10px !important;
    }
    .no-task{
        padding: 20px 4px !important;
        font-size: 12px !important;
    }
    .contents-test-list-wrap-mobile-task-01{
        display: flex !important;
    }
    .task-result-button{
        font-size: 16px !important;
        padding: 15px 12px !important;
    }
    .classtab-bannerbox-step-wrap-task01-mobile{
        padding: 30px 10px !important;
    }
    .student-testResult-fullpage-mobile{
        padding: 6px;
    }
    .testResult-calendar-td tr td{
        font-size: 10px !important;
        padding: 4px !important;
        height: 55px !important;
    }
    .result-page-kind-title{
        font-size: 12px !important;
    }
    .word-scroll-right-result{
        max-height: calc(60vh) !important;
        margin-top: 10px !important;
    }
    .student-makeTest-fullPage-section-mobile{
        width: 100%;
        max-width: unset;
        overflow-x: hidden;
    }
    .testResult-list-box-mobile{
        flex-wrap: wrap;
        gap: 10px;
    }
    .testResult-list-word-mobile{
        width: 70% !important;
    }
    .student-test-reult-page-table-mobile-scroll .exam-word-interval-li-01{
        margin-right: 0px !important;
    }
    .testResult-list-word-mean-mobile{
        width: 100% !important;
        margin-left: 35px !important;
    }
    .testResult-list-word-icon-mobile{
        width: 100% !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 50px !important;
    }
    .testReult-error-page-btn{
        margin-left: 50px;
    }
    .test-error-btn{
        font-size: 10px;
    }
    .testResult-wrong-input-box-mobile_wrap{
        width: 100% !important;
    }
    .test-card-top-check-btn_container{
        margin-bottom: 40px !important;
    }
    .test-card-top-check_wrap{
        padding: 0px !important;
        gap: 2px !important;
        justify-content: space-between;
    }
    .test-card-top-check-btn_container2{
        margin-bottom: 20px !important;
    }
    .test-card-top-check_wrap .form-check-label{
        font-size: 14px;
        width: 95px;
    }
    .result-exam_bg .container-card{
        top: 0% !important;
    }
    .result-exam_bg .container-cardbox_wrap{
        overflow-y: auto;
    }
    .result-exam_bg .container-cardbox{
        overflow-y: auto !important;
    }
    .test-listen-container-card{
        top: 15% !important;
    }
    .test-card-top-check-btn_container01-3{
        margin-bottom: 0px !important;
    }

    .header_mobile-text{
        display: none;
    }
    .mBtn-example{
        display: none;
    }
    .mBtn-example-mobile{
        display: block;
    }
    .exam_header-btn img{
        margin-right: 0px !important;
    }

    .mBtn-set-mNav{
        width: 320px;
    }
    .mBtn-set-box > p:nth-child(1), .mBtn-set-box .form-check-label{
        font-size: 12px;
    }
    .mBtn-set-input{
        width: 55px !important;
    }
    .exam_header-btn,
    .exam_header-btn-mobile {
        font-size: 10px;
        gap: 4px;
    }
    .header_mobile-text-new{
        display: block;
    }

    #modalGrade>div{
        min-width: unset !important;
    }
    
    .interval-test-container-card{
        width: 95%;
        height: 100%;
        top: 45%;
        left: 53%;
    }
    .test01-back-img{
        left: 67% !important;
        top: -13% !important;
        width: 30%;
    }
    .test01-back-img img{
        width: 100%;
    }
    .test-select-container-card{
        top: 6%;
    }
    .exam-word-interval-li .exam-word-interval-li-01{
        width: 15%;
    }
    .new-interbox-left{
        width: 100%;
        margin-right: 0px;
    }
    .new-interbox-right{
        width: 100%;
    }

    .exam-word-cardbox-inner-word-mobile{
        word-break: unset;
    }
    .remember-list-container-card{
        width: 95%;
        left: 48%;
        top: 50%;
        height: 100%;
    }
    .remember-list-container-back-img{
        display: none;
    }
    .exam-word-list-word-text{
        max-width: 170px;
    }
    .exam-answer-wrongresult01{
        font-size: 10px;
    }
    .exam-answer-wrongresult02{
        font-size: 14px;
    }
    .autoplay-set-header-box-list li{
        flex-direction: column;
    }
    .autoplay-set-header-box{
        padding: 6px;
    }
    .test-card-main-audio-btn.active::before{
        left: 37.5%;
    }
    .exam-word-cardbox-inner-wordbox-p02-box li .exam-word-list-li02-p{
        font-size: 20px;
    }

    .wordcard-inputBox-container,
    .wordcard-inputBox_wrap,
    .student-test05-content-wrap {
        height: 100% !important;
    }
    .interval-test-container-card .wordcard{
        height: 85%;
    }
    .exam-test-word-inputbox{
        max-height: 76% !important;
    }

    .game-container-card{
        top: 12%;
    }
    .game-word-box_wrap{
        width: 90%;
    }
    .game-word-keyboard-box{
        display: none !important;
    }
    .game-word-inputBox{
        margin-top: 20px;
    }
    .game-wordcard-btn_wrap .wordcard-button01,
    .game-wordcard-btn_wrap .wordcard-button02 {
        top: 42%;
    }
    .game03-container-card .exam-word-cardbox{
        padding: 10px !important;
    }
    .game02-mobile-list-wrap{
        padding-right: 8px !important;
    }
    .game02-mobile-list-wrap2{
        padding-left: 8px !important;
    }
    .word-quiz-03-jakbut, .word-quiz-03-jakbut02 {
        font-size: 11px;
        line-height: 16px;
    }
    .game_exam02-start-btn{
        width: 35%;
        left: 32%;
        font-size: 24px;
    }

    .exam-game03-inner-header-total{
        font-size: 25px;
    }
    .exam-game03-inner-header-total span{
        font-size: 20px;
        margin-left: 2px;
    }
    .exam-game03-inner-header-score{
        font-size: 20px;
    }
    .exam-game03-inner-header-score span{
        font-size: 26px;
    }
    .exam-bomb-img{
        width: 70%;
    }
    .exam-bomb-text{
        left: 5%;
        top: 32%;
        font-size: 10px;
    }
    .exam-game-bomb-worng-text{
        font-size: 14px;
    }
    /* 폭탄 떨어지는 애니메이션 */
    @keyframes bombDrop {
        0% {
            transform: translateY(-50%);
            opacity: 0;
        }
        10% {
            opacity: 1;
        }
        100% {
            transform: translateY(45vh);
            opacity: 1;
        }
    }

    /* .game_exam02-start-btn{
        width: 40%;
        font-size: 22px;
        left: 30%;
    } */
    .exam-couple-game-container{
        max-height: 80vh !important;
    }


    .word_contents_tooltip-mobile_wrap{
        display: block;
    }
    .word_contents_tooltip-moblie-header_wrap{
        display: none;
    }
    .mBtn-example:hover .word_contents_tooltip-moblie-header_wrap{
        display: block;
    }

    .code-game-container-card{
        top: 26% !important;
    }
    .game03-code_container{
        top: 15%;
    }
    .exam03-code-couple-game-container{
        max-height: 65vh !important;
    }
    .codeGame-main_wrap{
        top: 52% !important;
    }
    .codegame-tooltip_wrap-mobile{
        display: block !important;
        width: 100% !important;
    }
    .codegame-tooltip01_wrap-mobile{
        left: 20% !important;
        top: 46% !important;
    }
    .codegame-tooltip_wrap-mobile img{
        width: 75%;
    }
    .codegame-tooltip02_wrap-mobile{
        left: 20% !important;
        top: 78% !important;
    }
    .codegame-tooltip05_wrap-mobile{
        left: 15% !important;
        top: 84% !important;
    }
    .codegame-tooltip06_wrap-mobile{
        left: 2% !important;
        top: 28% !important;
    }
    .grade-btn-table_wrap #review_list tr td{
        font-size: 15px !important;
    }
    .codeGame-result-header-btn_container{
        gap: 5px !important;
    }
    .codeGame-result-header-btn_wrap{
        gap: 8px !important;
    }
    .codeGame-result-header-set{
        font-size: 12px;
        padding: 6px 14px;
        width: 78px !important;
        height: 30px !important;
    }
    .codegame-tooltip_wrap-mobile-resultBoard{
        left: 28% !important;
        top: 4.5% !important;
    }
}