@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1600px) {
    .box1{ width: 92%; max-width: 90%;}

}
@media screen and (max-width:1440px) {
    
}
@media screen and (max-width:1024px) {
    .PHONE{ display: block;}

    /*header*/
    #header .top_wrap{ padding: 0 1.5em;}
    #header .top_wrap .gnb_wrap{ display: none;}
    
    /*visual*/
    .visualSlide .el .bg > img{ width: 100%; height: 100%; object-fit: cover;}
    .visualSlide .el{ height: 60vh;}

    /*sub all*/
    #contents .sub_page_menu{ display: none;}
    #contents .sub_tit_wrap .sub_tit .tt{ font-size: 2.415em;}
    
    /*greeting*/
    .academy_wrap .tit .t1{ font-size: 2.315em;}
    .academy_wrap .tit .t2{ font-size: 1.315em;}
    .academy_wrap .txt .t2{ font-size: 1.15em;}
    
}
@media screen and (max-width:768px) {

    /*header*/
    #header .top_wrap .logo > a img{ height: 20px; object-fit: contain;}

    /*visual*/
    .visualSlide .el{ height: 46vh;}

    /*footer*/
    #footer .info > li{ font-size: .915em;}
    #footer .logo .in.alogo > img{ height: 20px; object-fit: contain;}

    /*sub all*/
    #contents .sub_nav > li{ font-size: .915em;}
    #contents .sub_page_top{ height: 10em;}
    #contents .sub_tit_wrap2{ padding: 2em 0 1em; gap: 1em; flex-direction: column; align-items: start;}
    #contents .sub_page_tit .tit{ font-size: 1.615em;}
    #contents .sub_nav > li.home > a{ width: 1.4em; height: 1.4em;}
    #contents .sub_nav > li.home > a .xi{ font-size: .8em; width: 1.4em; line-height: 1.4;} 
    #contents .sub_tit_wrap .sub_tit .tt{ font-size: 1.815em;}
    .input_st.w3{ width: auto;}

    /*greeting*/
    #contents .sub_tit_wrap{ width: 100%; justify-content: center;}

    /*overview*/
    .overview_wrap .left_poster{ width: 100%;}
    .overview_wrap .left_poster > img{ width: 100%; height: 100%; object-fit: cover;}
    .overview_wrap{ flex-direction: column;}

    /*speaker*/
    .prof_list.w2 > li{ width: calc((100% - 2em) / 2);}
    .prof_list.w3 > li{ width: calc((100% - 4em) / 3);}

    /*video*/
    .board_photo > li{ width: calc((100% - 2em) / 2);}
    
}
@media screen and (max-width:425px) {

    /*header*/
    .visualSlide .el{ height: 27vh;}

    /*speaker*/
    .speaker_wrap{ padding: 0em; background: none;}

    /*poster*/
    .poster_wrap{ flex-direction: column;}
    .poster_wrap .right_poster,
    .poster_wrap .left_poster{ width: 100%;}

    /*footer*/
    #footer .info_wrap{ flex-direction: column; gap: 3em; padding: 3em 0;}

    /*sub all*/
    .fs18{ font-size: 1em !important;}
    .sub_con{ padding: 2em;}
    .input_st.s1{ font-size: 1em;}

    .page_btn{ flex-direction: column;}
    .page_btn .in{ width: 100%;}

    /*greeting*/
    .speak_Wrap .infoA{ padding: 1em 0; border-radius: 0; }
    .academy_wrap .tit .t1{ font-size: 1.715em;}
    .academy_wrap .tit .t2{ font-size: 1.15em;}
    .academy_wrap .txt .t2{ font-size: 1.063em;}
    .academy_wrap .tit{ margin-bottom: 3em;}

    /*program*/
    .scrolltable .table_st{ width: 600px; font-size: .815em;}

    /*speaker*/
    .prof_list.w3 > li,
    .prof_list.w2 > li,
    .prof_list > li{ width: 100%;}
    .speaker_wrap2{ flex-direction: column;}
    .speaker_wrap2 .con{ width: 100%;} 

    /*partner*/
    .form_lab .lab_con{ flex: 1 1 100%;}
    .form_lab .tit1{ font-size: .967em;}
    .form_wrap .form_tit .t3{ font-size: 1em;}

    /*viewapp*/
    .mem_form_inp > li.inp_wrap > .wrap_in.flex{ align-items: start;}
    .mem_form_inp > li.inp_wrap .inp .group_inpBtn{ flex-direction: column; gap: .5em;}
    .mem_form_inp > li.inp_wrap .inp .group_inpBtn .ml10{ margin-left: 0 !important; width: 100%;}

    /*video*/
    .board_photo > li{ width: 100%;}
    
}
@media screen and (max-width:375px) {
    
}