@media (max-width:1700px){
    
    #hd1 .wrap .gnb {display: none;}
    #nav_btn { display: block;}

}

@media (max-width:1440px){

    .main-page-anchor { left: 20px; }

    #hd1 { padding: 0 50px;}
    #section1 .left-info { margin-left: 50px;}

    .footer .top, .footer .bottom { padding: 28px 50px; }

    #sub01 .inner_wrap { padding: 0 50px;}


}

@media (max-width:1400px){

    

    #m_slider .info { width: 100%; margin: 0; text-align: center;}
    #m_slider .qk_01 { display: none;}
    #m_slider .info .mv_btn { margin: 0 auto; text-align: center; padding-left: 0;}


}

/*desk*/
@media (max-width:1180px){

    #section3 .pro2 { margin-bottom: 0; }
    #section3 .swiper-slide { width: auto; max-width: auto;}
    #section3 .swiper-slide:nth-of-type(2n) { margin-top: 0; }

    #section1 .m_sec05 { display: block;}
    #section1 .d_sec05 { display: none;}
    #section1 .card { height: 100%; max-height: 480px; }
    #section1 .swiper-slide img { max-height: 480px; }
    #section1 .arrows { margin-bottom: 0;}

    #sub01 .sec01 ul li .img_bx::after { top: 35%; }
}



/*tablet*/
@media (max-width:1024px){


    #m_slider .info .title { font-size: 80px;}
    #m_slider .info .desc { font-size: 20px; ;}

    .tit_bx .title { font-size: 38px;}

    #sub01 .s_top { padding: 0 50px;}
    #sub01 .s_top .title { font-size: 74px;}
    #sub01 .s_top .desc { font-size: 22px;}
    #sub01 h3 { font-size: 38px;}

    #sub01 .sec01 ul li .info { position: relative; margin-top: 20px; max-width: 100%;}
    #sub01 .sec01 ul li .img_bx::after { top: 50%; width: 100%; font-size: 26px;}

    
    #sub02 .course-content .section { flex-direction: column;}
    #sub02 .course-content .section h4 { margin-bottom: 24px; }

    #sub02 .course-content .section ul{ width: 100%;}

    

}


/*mobile*/
@media (max-width:768px){

    #section3 .tit_bx .title  { font-size: 38px;}
    .tit_bx .desc { font-size: 16px;}

    #sub01 .sec03 { padding: 20px;}
    #sub01 .sec03 p { font-size: 26px;}

    #sub01 .sec02 .img_wrap { flex-direction: column; gap: 20px; }
    #sub01 .sec02 .sub { word-break: keep-all; }
    #sub01 .sec02 .sub br { display: none; }

    #sub02 .course-header .course-title-area { flex-direction: column; gap: 20px}
    #sub02 .course-header .course-title-area > * { width: 100%;}

    #sub02 .s_top .img_bx { padding: 50px;}
    #local .s_top .title  { font-size: 80px;}
    .wetoz  .s_top .title  { font-size: 80px;}

    .wetoz .flex_bx {flex-wrap: wrap;}

    #section7 .flex_bx { flex-direction: column; }
    #section7 .bx { display: none;}

    

 
}


@media (max-width:600px){

    #hd1 { padding: 0 20px; height: 60px;}
    #hd1 h1 a { width: 100px; height: 32px;}
    #hd1 > .right_nav > .hd_icon { display: none;}
    #sitemap { width: 100%; }
    #sitemap .gnb > li > a { font-size: 20px;}

    #m_slider .info .title { font-size: 40px;}
    #m_slider .info .desc { font-size: 14px; }
    #m_slider .info .mv_btn { font-size: 12px; }
    #m_slider .line { display: none;}

    .main-page-anchor { top: inherit; bottom: 20px; left: 50%; transform: translateX(-50%); }
    .main-page-anchor ul { flex-direction: inherit; gap: 15px; }
    .main-page-anchor li { margin-bottom: 0;}
    .main-page-anchor li a { width: 5px; height: 5px;}

    .tit_bx .title { margin-bottom: 5px; font-size: 16px !important;}
    .tit_bx .desc { font-size: 12px !important; }

    #section3  { padding: 0 20px;}
    #section3 .pro2 { margin-bottom: 50px;}
    #section3 .swiper-slide .info h3 { font-size: 20px;}
    #section3 .swiper-slide .info p { font-size: 14px; text-align: right;}

    #section1 .card { max-height: 300px; }
    #section1 .swiper-slide img { max-height: 300px; }
    .m_sec05 .arrows { padding: 0 20px;}
    #section1 .overlay { padding: 15px;}
    #section1 .overlay .label { font-size: 14px; }
    #section1 .overlay h3 { font-size: 24px; }
    #section1 .tags span {     width: 100px; height: 100px; padding: 54px 0 8px 8px; border: 1px solid #FFF; font-size: 12px; }

    #section7 .flex_bx { flex-direction: column; padding: 0 20px;}

    #section7 .root_daum_roughmap .wrap_map { height: 200px; }
    #section7 .bx { display: none;}
     #section7 .flex_bx .flex_bx p {font-size: 14px; width: 100%;}

    .footer .top, .footer .bottom { padding: 10px 20px;}
    .footer .top a { font-size: 12px;}
    .footer .top .line { height: 10px; margin: 0 10px;}
    .footer .left a { display: none;}
    .footer .bottom { flex-direction: column-reverse; gap: 10px; }
    .footer .right { justify-content: flex-end;}

    .footer .left ul li { font-size: 12px;}
    .footer .left ul li:nth-of-type(2) { margin-bottom: 5px;}
    .footer .left ul li:nth-of-type(3) { font-size: 10px;}

    #sub { margin-top: 60px;}
    #sub01 .s_top { padding: 0 20px; height: 50vh; margin-bottom: 100px;}
    #sub01 .s_top .title { font-size: 32px; margin-bottom: 5px;}
    #sub01 .s_top h2 { font-size: 16px;}
    #sub01 .s_top .desc { font-size: 14px; word-break: keep-all;}
    #sub01 .inner_wrap { padding: 0 20px;}
    .mm_logo2 { display: block;}
    #sub01 .sec01 ul li .img_bx::after { font-size: 16px;}
    #sub01 h3 { font-size: 18px; word-break: keep-all; }
    .mm_logo2 { width: 24px; height: 20px;}
    #sub01 .sec01 ul li .info { padding: 20px;}
    #sub01 .sec01 ul li .info .desc { font-size: 14px;}
    #sub01 .sec02 .sub  { font-size: 14px;}
    #sub01 .sec02 .img_wrap > li ul li { font-size: 14px;}
    #sub01 .sec02 .img_wrap > li .desc { font-size: 14px;}
    #sub01 .sec02 .img_wrap > li .name { font-size: 18px;}
    #sub01 .sec03 p { font-size: 16px; word-break: keep-all;}
    #sub01 .sec02 .img_wrap { gap: 40px; }

    #sub02 .s_top h2 { font-size: 16px;}
    #sub02 .s_top .title { font-size: 32px; margin-bottom: 20px;}
    #sub02 .s_top .img_bx { padding: 40px 20px;}
    #sub02 .s_top .tt { font-size: 16px;}
    #sub02 .s_top .dc { font-size: 14px;}

    .sub_inner_wrap { padding: 100px 20px;}
    #sub02 .tab_content { padding: 0;}
    #sub02 .sub02_tab li button { font-size: 12px;}
    #sub02 .course-header .course-title-area h3 .mm_logo2 { display: inline-block;}
    #sub02 .course-header .course-title-area h3 { font-size: 24px ;}
    #sub02 .course-header .course-title-area .right { padding-left: 10px;}
    #sub02 .course-header .course-title-area .info li{ flex-direction: column; align-items: inherit; gap: 10px; }
    #sub02 .course-header .course-title-area .info .desc { font-size: 12px; text-align: right;}
    #sub02 .course-header .course-title-area .info .title { font-size: 14px;}
    #sub02 .course-header .course-title-area .info .price { font-size: 28px; padding-right: 0; text-align: right;}
    #sub02 .course-header .mv_btn2 { font-size: 12px;}
    #sub02 .warning { font-size: 9px;}
    #sub02 .warning::before { width: 12px; height: 12px;}
    #sub02 .course-content { padding: 40px 0;}
    #sub02 .course-content .section h4 { font-size: 20px;}
    #sub02 .course-content .section .desc { font-size: 14px; word-break: keep-all;}
    #sub02 .course-content .section ul li { font-size: 12px; gap: 10px;}
    #sub02 .course-content .section ul li strong { max-width: 42px; margin-right: 5px;}
    .refund-table th, .refund-table td { font-size: 10px; ;}
    #sub02 .course-content .section .title  { font-size: 16px;}

    #local .s_top h2 { font-size: 16px;}
    #local .s_top .title{ font-size: 32px;}
    #local .add{ font-size: 20px;}
    #local .flex_bx p { font-size: 14px;}
    #local .flex_bx {flex-direction: column; align-items: inherit; gap:5px}
    #local .flex_bx p img { width: 40px; height: 25px; object-fit: contain;}
    #local .root_daum_roughmap .wrap_map { height: 300px !important;}

    .wetoz  .s_top h2 { font-size: 16px;}
    .wetoz  .s_top .title{ font-size: 32px;}
    .wetoz .tab-menu .btn { font-size: 12px; padding: 5px 10px;}
   


}