@charset "utf-8";


@media all and (max-width:1024px) {



}
@media all and (max-width:980px) {

}
@media all and (max-width: 768px) {
    .w1230{width:100%;box-sizing: border-box;}
    .inner{width:100%;}
    div#wrap{padding-top:0;}
    header{height:60px;}
    header .header_top h1 img{max-height:40px;}
    .gnb_area{display:none;}
    #wrap #visual .text_area {position:relative;width:100%;top:20px;left:0;transform:translateY(0%); text-align:center; margin-left:0;}
    #visual.grayBox .text_area .tt{padding-top:20px;font-size:24px;line-height:28px;}
    #visual.grayBox .text_area .tx{font-size:18px;line-height:24px;margin-top: 10px}
    #visual.grayBox .text_area + .arr{display:none;}
    #visual .text_area h2 br {display:none;}
    .aclass_course .inner .arr{position:absolute;right:10px;bottom:20px;color:#AEAEAE;font-size:14px;padding:0 10px;border-bottom:1px solid #AEAEAE;     transform: translateX(0%);}
    .bottom_banner + footer{padding-bottom:110px;}
    footer .foot_list_area{overflow:hidden;}
    footer .foot_list{}
    footer .foot_top{}
    footer .sns_list{display: none;}
    footer .foot_bottom{display:block;padding:20px 10px;}
    footer .foot_bottom .foot_logo{max-height:40px;}
    footer .foot_bottom .foot_logo img{max-height:40px;}
    footer .foot_bottom .site_info{margin-left:0;margin-top:10px;}
    footer .foot_bottom .site_info br{display:none;}
    footer .foot_bottom .cs_info{margin:0;padding:0;margin-top:20px;}
    footer .foot_bottom .cs_info:before{display:none}
    footer .foot_bottom .cs_info .copyright{text-align: center;margin-top:15px;}

    .bottom_banner{height:auto;padding:10px;box-sizing: border-box;}
    .bottom_banner .inner{display: block;box-sizing: border-box;padding:0px;}
    .bottom_banner .inner p {text-align: center;font-family: "Pretendard";font-size: 15px;color: #fff;}
    .bottom_banner .inner a {display: block;border-radius: 30px;background-color: #01387F;text-align: center;font-family: "Pretendard";font-weight: 800;font-size: 20px;color: #fff;position:unset;transform: translate(0, 0%);padding: 10px 20px;margin-top:10px;}

    .aclass_course{}
    .aclass_course .inner{display:block;padding:50px 10px;box-sizing: border-box;}
    .aclass_course .inner .new_list{width:100%;}
    .aclass_course .inner .new_list .item{width: calc((100% - 10px) / 2);}
    .aclass_course .inner .new_list .item:nth-child(4n){margin-right:0;}
    .aclass_course .new_list .item .con_box h4 {font-size: 16px;font-weight: 700;line-height: 20px;max-height:40px;}
    .aclass_tutor{}
    .aclass_tutor .inner{padding:10px;box-sizing: border-box;}
    .aclass_review{display:block;padding:50px 10px;box-sizing: border-box;}
    .aclass_review .main_tx{font-size: 16px;line-height: 20px;margin-bottom: 10px;}
    .aclass_review .review_list li{height:210px;}
    .aclass_review .review_list li a{padding:20px 10px;}
    .aclass_review .review_list li a h4{font-size:18px;line-height:22px;max-height:44px;}
    .aclass_review .review_list li a p{font-size: 16px;line-height:20px;-webkit-line-clamp:4;height:80px;}
    .aclass_review .arr{position:relative;left:50%;bottom:0;color:#AEAEAE;font-size:14px;padding:0 10px;border-bottom:1px solid #AEAEAE; transform:translate(-50%, 0);display:inline-block;margin-top:30px;}

    .aclass_sample{display:block;padding:50px 10px;box-sizing: border-box;}
    .aclass_sample .main_tx{font-size: 16px;line-height: 20px;margin-bottom: 10px;}
    .aclass_sample .recommend{width:100%;padding:0 10px;box-sizing: border-box;}
    .aclass_sample .recommend .banner{margin-bottom:10px;}
    /*
    .aclass_sample .recommend .recommend_list{display:block !important;}
    .aclass_sample .recommend .recommend_list a {position: relative;display: block;width:100%;margin:0}
    .aclass_sample .recommend .recommend_list a + a{margin-top:10px;}
    */
    .aclass_sample .recommend .recommend_list a .sample_cate{position: absolute;left: 50%;top: 0;padding: 0 10px 5px;transform: translate(-50%, 0%);font-size: 16px;font-weight: 800;z-index: 10;line-height: 20px;border-radius: 0 0 10px 10px;white-space: nowrap;background-color: #D4D4D4;color: #3E3E3E;}
    .aclass_tutor{position: relative;padding: 50px 10px;}
    .aclass_tutor .tutor_cate_list{flex-wrap: wrap;justify-content: space-between;}
    .aclass_tutor .tutor_cate_list li{width: calc((100% - 20px) / 3);padding-top:10px;}
    .aclass_tutor .tutor_cate_list li + li{margin:0;}
    .aclass_tutor .tutor_cate_list li a{font-size:18px;}
    .aclass_tutor .teacher_list .item{}

    .new_list .w_like{top:10px;width:30px}
    body .w_like .svg{width:30px;height:auto;}
    .aclass_tutor .teacher_list{margin-top:30px;}
    .inner .cate_box{margin:0;}
    /*.cate_box .aclass_cate_list{flex-wrap: wrap;justify-content: space-between;}*/
    .cate_box .aclass_cate_list li{width: calc((100% - 20px) / 3);padding-top:10px;}
    .cate_box .aclass_cate_list li + li{margin-left:20px;}
    .cate_box .aclass_cate_list li a{font-size:18px;}

    .inner .cont_util{height:40px;margin: 10px 0;}
    .cont_util .ord_list{height:40px;}

    .inner .page_box{margin-top:30px !important;}
    .course_review_area{padding:30px 10px 50px}
    .review_con .cate_tap li a{padding:5px 20px;line-height: 20px;font-size:16px;}
    .review_con .search{width:100%;}
    .review_con .search .input_search{width:100%;}
    .review_con .search .btn_search{position:absolute;}
    .inner .btn_review_write{width:100%;}
}

@media all and (max-width:680px) {

    .aclass_tutor .teacher_list .item{}
}
@media all and (max-width:480px) {

}