@media screen and (max-width:1440px) {

    .main_ov .inner .ov_txt{gap: 50px;}
    .main_ov .inner .ov_txt br{display: none;}

    .main_fe .cont_box .cont{align-items: center;}
    .main_fe .cont_box .cont .tit{margin-top: 0;}
}

@media screen and (max-width:1199px) {

    .main_top{background: url("/static/img/top_bg_tablet.png") no-repeat;background-size: cover; margin-top: 70px;height: calc(100vh - 70px);background-position:bottom;}
    .main_top .container{width: 100%; margin: inherit; align-items: center;}
    .main_top .title{font-size: 5rem; text-align: center;}
    .main_top .tit_btn{justify-content: center;}
    
    .main_ov .main_tit .small{font-size: 1.5rem;}

    .main_fe,.main_re, .main_ev, .main_us{text-align: center;}
    
    .main_fe .cont_box .swiper-slide.item{flex-direction: column;}
    .main_fe .cont_box .cont .desc{margin-bottom: 20px;}

    .sec_tit{font-size: 3.125rem;}
    .sec_tit .big{padding-bottom: 10px;}
    .sec_tit::after{left: 50%; transform: translateX(-50%);}
    .main_fe .cont_box .cont{flex-direction: column; gap: 30px;}
    .swiper_btn{left: 50%; transform: translateX(-50%); bottom: -70px;}

    .info_wrap{text-align: left;}
    .main_re.eng_re .cont_box .cont .swiper-slide.item .people_txt{
        padding: 0 50px;
    }
}

@media screen and (max-width:899px) {

    .main_bnn .cont_box .pc_bnn{display: none;}
    .main_bnn .cont_box .mo_bnn{display: block;}


    .main_ov .inner .ov_txt{gap: 30px; margin-bottom: 60px;}
    .main_ov .inner .ov_txt img{max-width: 250px;}
    .main_ov .main_tit .big{font-size: 1.875rem;}
    .main_ov .main_tit .small{font-size: 1.25rem;}

    .main_fe .cont_box .cont .tit{font-size: 1.875rem;}
    .main_fe .cont_box .cont .desc{font-size: 1.25rem; }
    .sec_tit .big{font-size: 2.625rem;}
    
    .main_fe .cont_box .cont .swiper_box .thumb{max-width: 100%;}

    .main_re .cont_box .cont .txt{font-size: 1.25rem;}
    
    .main_us .cont_box .info li .gu{min-width: 80px;}
    .main_us.eng_us .cont_box .info li .gu{min-width: 120px;}
    .main_us.eng_us .cont_box .info li{flex-direction: column;gap: 20px;}
    .main_us.eng_us .cont_box .info .w-50{width: 100%;}
    
    .main_fe .cont_box .cont .swiper_box.en-page .thumb{min-width: auto;}
}

@media screen and (max-width:599px) {

    .main_top{background: url("/static/img/top_bg_m.png") no-repeat;background-size: cover; background-position: bottom; }
    .main_top .container{margin:  2rem 20px;}
    .main_top .title{font-size: 3.375rem;letter-spacing: 0;}
    .main_top .tit_btn{gap: 10px; margin-top: 0;}
    

    .main_bnn{padding: 30px 0;}

    .main_ov .inner .ov_txt{margin-bottom: 30px; flex-direction: column; justify-content: center;align-items: center; text-align: center;}    
    .main_ov .inner .ov_txt .big{width: 80%;margin: 0 auto 10px; font-size: 1.5rem;}
    .main_ov .inner .ov_txt .small{font-size: 1rem;}
    .main_ov .inner .ov_txt img{max-width: 300px;}
    .main_ov .overview_mo_img{display: block;}
    .main_ov .overview_pc_img{display: none;}

    .sec_tit{margin-bottom: 30px;}
    .sec_tit .big{font-size: 1.75rem;}
    .sec_tit::after{width: 50px;}
    .main_fe .cont_box .cont .tit{font-size: 1.25rem;}
    .main_fe .cont_box .cont .desc{font-size: 1rem;}
    .main_fe .cont_box .cont .desc br{display: none;}
    .main_fe .cont_box .cont .swiper_box .thumb{max-width: 300px;}
    .main_fe .swiper_btn{position: relative; bottom: 0; left: 0; transform: inherit; width: 120px;height: 23px;}

    .main_re .cont_box .cont .txt{font-size: 1rem; margin-bottom: 20px;}
    .main_re .cont_box .cont .swiper_btn{position: relative;bottom: 0; width: 70px;}
    .main_re .cont_box .cont .swiper-slide.item{padding: 30px 0;}
    .main_re .cont_box .cont .swiper-slide.item img{max-height: 130px;margin-bottom: 20px;}
    .main_re .cont_box .cont .swiper-slide.item .people_tit{font-size: 1.125rem;}
    .main_re .cont_box .cont .swiper-slide.item .people_txt{font-size: 1rem;}
    .main_re .cont_box .cont .swiper-slide.item .people_txt br{display: none;}
    .main_re .cont_box .cont .swiper-slide.item .people_txt:last-child{margin-top: 10px;font-size: 0.875rem; padding: 0 30px;}

    .main_ev .cont_box .cont .txt{font-size: 1rem; margin-bottom: 20px;}
    .main_ev .cont_box .cont .swiper{margin: 0 30px;}
    .main_ev .cont_box .cont .swiper-slide.item img{max-height: 150px; object-fit: cover;}
    .main_ev .cont_box .cont .profile .profile_txt{font-size: 0.875rem;}

    .main_us .cont_box .cont .txt{font-size: 1rem; margin-bottom: 20px;}
    .main_us .cont_box .cont .txt br{display: block;}
    .main_us .cont_box .info li{flex-direction: column; gap: 20px;}
    .main_us .cont_box .info li:first-child div{width: 100%;}
    .main_us .cont_box .info li .gu{font-size: 0.875rem; min-width: 130px; max-width: 130px;}
    .main_us .cont_box .info li > div{gap: 10px; flex-direction: column; align-items: baseline;}
    .main_us input{font-size: 0.875rem;}
    .main_us textarea{font-size: 0.875rem;}
    .main_us .cont_box .info .guide_txt{font-size: 0.75rem;}
    .file-wrap label{height: 40px; width: 160px;}
    .file-name{padding: 10px 12px; margin-top: 10px;}
    .main_us .cont_box .info_ft{margin-top: 20px;}
    .main_us .cont_box .info_ft .chk{margin-bottom: 30px;}
    .main_us .cont_box .info_ft .info_btn{flex-direction: column-reverse; gap: 10px;}
    .main_us .cont_box .info_ft .info_btn a{justify-content: center;}
    .main_us .sec_tit{display: none;}
    .main_us .cont .txt{display: none;}
    .main_us .cont .info_wrap{display: none;}
    .main_us .cont .chk{display: none;}
    .main_us .cont .submit_btn{display: none;}

    select{height: 42px;}
    input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="tel"]{
        height: 42px;
    }


    .swiper_btn .swiper-pagination{font-size: 1rem;}

    .fab-group{right: 20px;bottom: 20px;}
    
    .main_re.eng_re .cont_box .cont .swiper-slide.item .people_txt{
        padding: 0 20px;
    }

    #popEvent .layer .img_box{padding: 10px; margin-top: 0;}
    #popEvent .slide_btn .next{right: 0;}
    #popEvent .slide_btn .prev{left: 0;}
    #popEvent .slide_btn > div{top: 50%; width: 30px; height: 30px;}
    #popEvent .layer .pop_info{font-size: 0.875rem; padding: 10px; margin:0 10px;}
    #popEvent .layer .close-btn{margin: 20px auto;}

    .pop_swiper .swiper-slide{padding: 10px; margin-top: 0;padding-bottom: 0;}
    .pop_swiper .slide_btn .next{margin-top: -10px;}
    .pop_swiper .slide_btn .prev{margin-top: -10px;}

    
}
