@media screen and (max-width:1400px) {

    /* main */
    .main_how .how_content li{gap: 40px;}
    .story_btn{right: 23%;}
    .story_btn button{max-width: 60px; }
}

@media screen and (max-width:1199px) {
    .p_tb{padding: 120px 0;}
    /* main */
    .main_top_txt .tit{font-size: 2.5rem;}
    .main_top_txt ul li{width: 25%;}
    
    .main_tit{font-size: 2rem;}
    .top_tit{margin-bottom: 40px;}
    .main_life .life_content{margin-top: 60px;}
    .main_life .life_content ul{gap: 20px;}
    .main_life .life_content ul li{padding: 30px;}
    .main_life .life_content ul li .tit{font-size: 1.5rem;}
    .main_life .life_content ul li span{font-size: 2.5rem;}

    .main_how .how_content .txt_box .tit{font-size: 2rem;}
    .main_how .how_content ul{gap:80px}
    .main_how .how_content li{flex-direction: column;}
    .main_how .how_content .txt_box{width: 100%; }
    .main_how .how_content .img_box{flex-direction: row-reverse;}
    .main_how .how_content li:nth-child(2n){flex-direction: column-reverse;}
    .main_how .how_content li:nth-child(2n) .img_box{flex-direction: row;}
    .main_how .how_content .txt_box .txt{width: 100%;}

    .main_story .inner{flex-direction: column;gap: 80px;}
    .floating_menu{display:none;}
    .main_how .how_content .img_box_text{font-size: 1rem;}
    .story_btn{right: 30px;}
}

@media screen and (max-width:899px) {
    .p_tb{padding: 80px 0;}
    /* main */
    .main_top{padding-top: 70px;}
    .main_top_txt .tit{font-size: 2rem;}
    .hover_box div a{padding: 10px 14px;}
    .main_top_txt .sub_tit{font-size: 1.125rem;}
    .main_top_txt ul li{font-size: 1.125rem;width: 33%;}
    .hover_box{flex-direction: column; gap: 10px; left: 50%; transform: translateX(-50%);}
    .top_tit .m-color{font-size: 1.25rem;}
    .top_tit .g-color{font-size: 1.125rem;}
    .main_tit{font-size: 1.5rem;}
    .main_sub_tit{font-size: 1.125rem;}
    .main_life .life_content ul li{padding: 20px;}
    .main_life .life_content ul li .tit{font-size: 1.25rem;}
    .main_how .how_content .txt_box .tit{font-size: 1.5rem;}
    .main_life .life_content ul{gap: 10px;}

    .main_edu .top_tit img{max-width: 240px;}
    .main_edu .edu_icon ul{display: grid; grid-template-columns: repeat(3, 1fr);}
    .main_edu .edu_icon ul li{padding-right: 0;margin-right: 0; border-right: 0;}
    .main_bot .btn_box ul{gap: 20px;}

    [data-aos],
    [data-aos].aos-animate {
        opacity: 1 !important;
        transform: none !important;
        transition-property: none !important;
        transition-duration: 0s !important;
        transition-delay: 0s !important;
        }
}

@media screen and (max-width:599px) {
    .p_tb{padding: 60px 0;}
    /* main */
    .main_top{height: auto;}
    .main_slide{height: 70vh;}
    .main_top_txt{top: 40px;}
    .main_top_txt .tit{font-size: 1.125rem;}
    .main_top_txt .sub_tit{font-size: 0.875rem;margin-bottom: 30px;}
    .main_top_txt ul{flex-direction: column;gap: 10px;}
    .main_top_txt ul li{width: 100%; font-size: 0.875rem;}
    .main_top_txt ul li:nth-child(2){border:0;}
    .main_top_txt ul li span{font-size:1rem;margin-top: 0;}
    .hover_box{bottom: 30px;}
    .hover_box div a{font-size: 0.75rem; text-align: center;}

    .top_tit .m-color{font-size: 1.125rem;}
    .top_tit .g-color{font-size: 1rem;}
    .main_tit{font-size: 1.25rem;}
    .top_tit{margin-bottom: 30px;}
    .main_sub_tit{font-size: 1rem;}
    .main_life .life_content{margin-top: 40px;}
    .main_life .life_content ul{grid-template-columns: repeat(1, 1fr);}
    .main_life .life_content ul li span{font-size: 2rem;}
    .main_life .life_content ul li .tit{font-size: 1.125rem;}
    .main_life .life_content ul li .desc{font-size: 1rem;}
    .main_how .how_content .txt_box .tit{font-size: 1.25rem;}
    .main_how .how_content .txt_box .key_word{flex-direction: column; align-items: start;}
    .main_how .how_content .txt_box .txt{font-size: 1rem;}
    .main_how .how_content .img_box{flex-direction: column-reverse;gap: 5px; align-items: start;}
    .main_how .how_content .thumb_list{flex-direction: row; gap: 5px;}
    .main_how .how_content li:nth-child(2n) .txt_box{text-align: left;}
    .main_how .how_content .txt_box .key_word div{font-size: 0.875rem;}
    .main_how .how_content li:nth-child(2n) .img_box{flex-direction: column-reverse;}
    .main_how .how_content .thumb_list .thumb{width: 60px; height: 60px;}
    .main_how .how_content .txt_box .txt br{display: none;}
    .main_edu .top_tit img{max-width: 200px;}

    .main_edu .main_tit{font-size: 1.125rem;}
    .main_edu .main_sub_tit{font-size: 0.875rem;}
    .main_edu .edu_icon ul{grid-template-columns: repeat(2, 1fr);}
    .main_edu .edu_icon li img{max-height: 30px;}
    .main_edu .edu_icon li div{font-size: 0.875rem;}

    .main_story .inner{gap: 40px;}
    .main_bot > div{gap: 200px;}
    .main_bot .main_tit{padding-bottom: 10px;margin-bottom: 10px;}
    .main_bot .btn_box ul{flex-direction: column;}
    .main_bot .btn_box ul li{width: 100%;}
    .main_bot .btn_box ul li a{font-size: 0.875rem;padding: 12px 16px;}

    .main_how .how_content .img_box_text{bottom: 8px;left: 8px; right: inherit; font-size: 0.875rem;}

    .main_story .story_phone .pc_only{display: none !important;}
    .main_story .story_phone .mo_only{display: block !important;}

    .story_btn{right: inherit;top: 50%; transform: translateY(-50%); display: flex;width: 100% ;justify-content: space-between;}
    .story_btn button{padding: 0 5px;max-width: 50px;}
}