/*media*/
@media (max-width:1885px) {
    .page-left-btn_wrap{
        flex-direction: row;
        left: 4%;
        top: 140px;
    }
    .intro-page-main-contents{
        padding-top: 265px !important;
    }
    .sample-page-title_wrap{
        margin-top: 120px !important;
    }
}

@media (max-width:1300px){
    .vocas-intro-pc-header{
        display: none;
    }
    .vocas-intro-mobile-header{
        display: flex !important;
    }
    .intro-page-main-contents{
        padding-left: 20px;
        padding-right: 20px;
    }
    .main_gnb_list-mobile-container_wrap{
        overflow-x: hidden !important;
    }
    .remember-contents-list{
        gap: 25px;
        justify-content: center !important;
    }
    .main_gnb_list-mobile-new{
        width: unset !important;
        justify-content: space-between;
    }
    .mobile-gnb_sub_list-detail-contents{
        justify-content: space-between;   
    }
    .main_gnb_list-mobile-new li a{
        font-size: 16px;
    }
    .main_gnb_list ul li:nth-child(1){
        width: 140px;
    }
    .main_gnb_list ul li:nth-child(2){
        width: 140px;
    }
    .main_gnb_list ul li:nth-child(3){
        width: 140px;
    }
    .main_gnb_list ul li:nth-child(4){
        width: 140px;
    }
    .main_gnb_list ul li:nth-child(5){
        width: 140px;
    }
    .mobile-subMenu-detail li a{
        font-size: 14px;
    }
    .mobile-gnb_sub_list-detail-contents ul{
        gap: 20px;
    }
    .mobile-gnb_sub_list-detail-contents ul:nth-child(1){
        width: 152px !important;
        padding-left: 32px;
    }
    .mobile-gnb_sub_list-detail-contents ul:nth-child(2){
        width: 152px !important;
        padding-left: 20px;
    }
    .mobile-gnb_sub_list-detail-contents ul:nth-child(3){
        width: 132px !important;
    }
    .mobile-gnb_sub_list-detail-contents ul:nth-child(4){
        width: 132px !important;
    }
    .mobile-gnb_sub_list-detail-contents ul:nth-child(5){
        width: 138px !important;
    }
    
    .reulst-contents-page-img_wrap{
        padding: 0px 16px;
    }
}

@media (max-width:1200px){
    .main_homepage-scroll-back-img{
        display: none;
    }

    .remember-contents-detail-text>p{
        font-size: 14px;
    }
    .remember-contents-detail-title{
        font-size: 16px;
    }
    .intro-page-main-contents{
        padding-bottom: 60px;
    }
    .intro-page-contents_container{
        padding-top: 60px !important;
        gap: 20px !important;
    }
    .makeTest-detail-main-text{
        font-size: 18px;
    }
    .makeTest-contents-text_wrap{
        padding: 40px;
    }
    .intro-page-makeTest-icon-img{
        width: 40%;
    }
    .intro-page-makeTest-icon-img img{
        width: 100%;
    }
}

@media (max-width:950px){
    .intro-page-makeTest_wrap{
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .intro-page-makeTest-icon-img img{
        width: 80%;
    }
    .makeTest-contents-text_wrap{
        width: 60% !important;
        padding: 25px 60px;
    }
    .makeTest-detail-main-title{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .makeTest-detail-main-text{
        font-size: 16px;
        line-height: 22px;
    }
    .makeTest-detail-main-text span{
        font-size: 20px !important;
    }
    .makeTest-detail-title{
        font-size: 18px;
    }
    .makeTest-detail-text{
        font-size: 14px;
        line-height: 18px;
    }
    .makeTest-detail_wrap{
        gap: 10px;
    }
    .makeTest-detail_wrap li{
        padding: 14px;
        width: 100%;
    }
    .intro-page-makeTest-red-text{
        font-size: 20px !important;
        margin-left: 2px !important;
    }

    .price-contents-title{
        font-size: 36px;
    }
    .price-contents-main-wrap{
        gap: 10px !important;
    }
    .price-contents-main-wrap>li{
        width: 100%;
        gap: 15px !important;
        height: 360px;
        padding: 10px;
    }
    .price-main-list-title{
        font-size: 20px
    }
    .price-main-list-title>span{
        font-size: 18px;
    }
    .price-main-list-count{
        font-size: 24px;
        padding: 20px;
    }
    .price-btn{
        font-size: 16px;
        padding: 15px;
    }
    .price-main-list-text_wrap{
        font-size: 14px;
    }
    .price-main-list-text_wrap>li>p>span{
        font-size: 14px !important;
    }

    .paltform-page-main-contents{
        flex-direction: column;
    }
    .platform-page-contents_wrap{
        width: 100% !important;
    }
    .platform-study-list-contents_wrap{
        margin-top: 40px;
    }
    .platform-study-list-contents-img{
        height: 90px;
        gap: 4px;
    }
    .student-contents-title-btn{
        font-size: 12px;
        padding: 4px 6px;
    }
}

@media (max-width:720px){

    .gnb_sub_list{
        margin-right: 0px;
    }

    .student-main-title{
        font-size: 30px;
    }

    .contents_wrap{
        padding-top: 60px;
    }
    .remember-contents-detail{
        width: 45% !important;
    }

    .remember-contents-list-table_container{
        width: 100% !important;
    }
    .remember-contents-detail-main-img_wrap{
        width: 40%;
    }
    .intro-page-contents-word-img{
        width: 45%;
    }
    .remember-contents-detail-title{
        font-size: 14px;
        width: 100%;
        padding: 12px;
    }
    .remember-contents-list-table_container{
        margin-top: 0px;
    }  
    .remember-contents-detail-text>img{
        width: 35px;
    }
    .remember-contents-list>li{
        width: 42% !important;
    }
    .remember-set-img_wrap{
        width: 95%;
        padding: 30px;
    }
    .rememeber-contents-text_wrap>p{
        font-size: 45px;
        margin-bottom: 40px;
    }
    .intro-page-main-reult-img{
        width: 60%;
        justify-content: center;
    }
    
    .makeTest-detail_wrap{
        flex-direction: column !important;
        gap: 10px;
    }

    .price-main-list-title{
        font-size: 18px;
    }
    .price-main-list-title span{
        font-size: 18px !important;
    }
    .price-main-list-count{
        font-size: 18px;
        padding: 10px;
    }
    .price-main-list-count span{
        font-size: 18px;
    }
    .price-main-list-text_wrap{
        font-size: 12px;
        padding-left: 10px;
    }
    .price-contents-icon-img{
        width: 55%;
    }

    .footer-detail-contents_list_wrap{
        padding: 0px 20px;
    }
    .footer-title{
        font-size: 16px;
    }
    .footer-text{
        font-size: 12px;
    }

    .sample-page-content_container{
        padding-left: 10px;
        padding-right: 10px;
    }
    .sample-page-title_wrap p{
        font-size: 16px;
        line-height: 26px;
    }
    .sample-page-title_wrap p span{
        font-size: 16px !important;
    }
    .sample-page-detail-step{
        font-size: 14px;
        padding: 6px 14px;
    }
    .sample-page-detail-contents-title{
        font-size: 14px;
    }
    .sample-set-btn_wrap{
        padding-left: 10px;
        padding-right: 10px;
        gap: 10px !important;
    }
    .sample-footer-btn {
        font-size: 14px;
        width: 206px;
        padding: 10px;
        line-height: 20px;
    }
    .sample-page-confirm-btn{
        height: 70px;
    }
    .sample-page-text-input::placeholder{
        font-size: 14px;
    }
    .sample-page-detail-input-top{
        margin-top: 10px !important;
        gap: 2px !important;
    }
    .sample-page-file-btn{
        font-size: 12px;
    }
    .sample-page-input_container{
        gap: 4px !important;
    }
    .sample-level-check-box{
        width: 14px;
        height: 14px;
    }
    .sample-level-check-text{
        font-size: 14px;
    }
    .sample-level-contents-box{
        padding: 10px 8px;
    }
    .sample-page-level-check_wrap{
        gap: 8px !important;
    }
    .sample-page-level-text{
        font-size: 12px !important;
    }
    .sample-page-detail-sub-text{
        font-size: 10px;
    }

    .page-left-btn-word-mobile{
        top: 190px !important;
    }
    .student-test-tooltip-img{
        width: 70%;
        left: 118px !important;
        top: 72px !important;
    }

    .freejoin-main-title{
        font-size: 28px;
    }
    .freejoin-sub-title{
        font-size: 18px;
        margin-top: 8px;
    }
    .price-page-main-text{
        flex-direction: column;
        gap: 10px;
    }
    .freeJoin-form-container{
        padding: 30px;
    }
    .price-box-title{
        font-size: 18px;
    }
    .payment{
        font-size: 16px;
    }
    .price-page-main-text>div>small{
        font-size: 14px;
    }
    .price-btn-mobile{
        width: 65% !important;
    }
}

@media (max-width:550px){
    .login-loginput input::placeholder{
        font-size: 12px;
    }
    .mypage-input{
        padding-left: 0px;
    }
    .mypage-input::placeholder{
        font-size: 12px;
    }
    .login-select-title{
        font-size: 14px !important;
    }
    .find-idpass .provebut{
        font-size: 14px;
    }
    .mobile-p030{
        padding: 0px !important;
    }

    .student-main-contents_wrap{
        width: 100%;
    }

    .mobile-header-logo{
        width: 95px !important;
    }
    .main_gnb_list-mobile-new{
        width: 446px !important;
    }
    .main_gnb_list-mobile-container_wrap{
        overflow-x: auto !important;
    }
    .main_gnb_list-mobile-new li a{
        font-size: 14px;
    }
    .main_gnb_list ul li:nth-child(1){
        width: 96px;
    }
    .main_gnb_list ul li:nth-child(2){
        width: 96px;
    }
    .main_gnb_list ul li:nth-child(3){
        width: 79px;
    }
    .main_gnb_list ul li:nth-child(4){
        width: 79px;
    }
    .main_gnb_list ul li:nth-child(5){
        width: 76px;
    }
    .mobile-gnb_sub_list-detail-contents ul{
        gap: 12px;
    }
    .mobile-gnb_sub_list-detail-contents ul:nth-child(1){
        width: 105px !important;
        padding-left: 12px;
    }
    .mobile-gnb_sub_list-detail-contents ul:nth-child(2){
        width: 95px !important;
        padding-left: 12px;
    }
    .mobile-gnb_sub_list-detail-contents ul:nth-child(3){
        width: 80px !important;
    }
    .mobile-gnb_sub_list-detail-contents ul:nth-child(4){
        width: 80px !important;
    }
    .mobile-gnb_sub_list-detail-contents ul:nth-child(5){
        width: 90px !important;
    }
    .mobile-subMenu-detail li a{
        font-size: 12px;
    }
    .page-left-btn{
        font-size: 16px;
        height: 80px;
        line-height: 22px;
    }
    .intro-page-main-contents:first-child{
        padding-bottom: 60px !important;
    }
    .student-main-title{
        font-size: 20px;
    }
    .student-main-contents_container{
        width: 46%;
    }
    .mouse-wrap{
        display: none;
    }
    .rememeber-contents-text_wrap>p{
        font-size: 32px;
        margin-bottom: 20px;
    }
    .intro-page-contents-word-img{
        width: 40%;
    }
    .intro-page-contents-word-img{
        width: 35%;
    }
    .intro-page-makeTest-icon-img{
        left: -35px;
        top: -70px;
    }
    .remember-contents-detail{
        width: 95% !important;
    }
    .remember-contents-detail-title{
        width: 100%;
        padding: 6px;
        font-size: 12px;
        line-height: 18px;
    }
    .remember-contents-detail-main-img_wrap{
        width: 25%;
    }
    .result-contents-detail_wrap{
        gap: 10px;
    }
    .remember-contents-detail-text{
        gap: 6px;
        margin-bottom: 10px;
    }
    .remember-contents-detail-text>img{
        width: 24px;
    }
    .remember-contents-detail-text>p{
        font-size: 12px;
        line-height: 18px;
    }
    .contents-list-img_wrap{
        padding: 0px 16px;
    }
    .contents-list-img_wrap img{
        width: 100% !important;
    }
    .contents-main-icon-img{
        height: 68px;
        width: 20%;
    }
    .contents-game-main-icon-img{
        height: 68px;
        width: 42%;
    }
    .remember-set-img_wrap{
        padding: 20px;
        border-radius: 10px;
    }
    .result-contents-title{
        font-size: 12px;
        padding: 6px 10px;
        width: 90%;
    }
    .makeTest-contents-text_wrap{
        width: 100% !important;
        padding: 20px;
    }
    .makeTest-detail-main-text{
        font-size: 14px;
        line-height: 18px;
    }
    .makeTest-page-img{
        width: 100%;
    }
    .intro-page-makeTest-icon-img img{
        width: 60%;
    }
    .price-contents-main-wrap{
        flex-direction: column !important;
    }
    .price-contents-icon-img{
        width: 25%;
    }

    .speak-game-img{
        width: 30%;
    }

    .sample-page-title_wrap p{
        font-size: 14px;
        line-height: 20px;
    }
    .sample-page-title_wrap p span{
        font-size: 14px;
    }
    .sample-page-input_container_wrap{
        overflow-x: auto;
        padding-top: 35px;
        margin-top: 10px !important;
    }
    .sample-page-input_container{
        width: 530px;
    }
    .sample-set-btn_wrap{
        flex-direction: column;
        gap: 40px !important;
    }

    .page-left-btn_wrap-sample-manage{
        top: 112px !important;
    }
    .sample-set-btn_wrap{
        padding-top: 20px;
    }

    .price-event-main-text{
        font-size: 24px !important;
    }
    .price-event-sub-text{
        font-size: 16px !important;
    }

    .about-overview{
        margin-top: 0px;
    }
    .platform-study-list-contents_wrap{
        margin-top: 15px;
    }
    .platform-study-list-contents-img{
        height: 60px;
    }
    .student-contents-title-btn{
        font-size: 8px;
        padding: 4px 2px;
    }
    .platform-study-list-title{
        font-size: 18px;
    }
    .en-heading-text{
        font-size: 14px;
        line-height: 24px;
    }
    .en-sub-heading{
        font-size: 18px;
    }
    .freejoin-main-text {
        font-size: 14px;
        line-height: 22px;
    }
    .freeJoin-contents-container{
        padding: 20px;
    }
}

@media (max-width:350px){
    .mobile-header-logo{
        width: 78px !important;
    }
}