@media all and (max-width:1480px){
    .inner{padding-left: 2rem; padding-right: 2rem;}
    .yerim_tit{font-size: 4rem;}
    .yerim_link{width: 10%;}
}
@media all and (max-width:1280px){
    .menu{display: none;}
    .yerim_tit br{display: none;}
    .yerim_link{width: 15%;}
}
@media all and (max-width:1024px){
    .yerim_text{font-size: 1.6rem;}
    .yerim_text br{display: none;}
    .yerim_link{display:none;}
    .main_yerim::before{font-size: 17rem;}
    .yerim_photo ul li dl{bottom: 2rem; left: 2rem;}
    .yerim_photo ul li dl dd{font-size: 1.6rem;}
    .yerim_photo ul li dl dd br{display: none;}
    .why_slide{padding-left: 2rem; padding-right: 2rem;}
    .why_slide .swiper-slide-active{transform: scale(1); margin: 0 auto !important;}
    .why_slide p img{width: 100%; height: 100%; object-fit: cover;}
    .why_slide .why_swiper-button-prev{left: 0;}
    .why_slide .why_swiper-button-next{right: 0;}

    .admission{background-attachment: fixed;}
    .admission .inner{flex-direction: column;}
    .admission_left{width: 100%}
    .admission_right{width: 100%;}

    footer address{flex-direction: column; gap:3rem}
}

@media all and (max-width:1023px){
    html{font-size:9px}
    
    .hsec1 h1{width: 60%;}
    .btn_online{display: none;}
    .snb_tel span{display: none;}
    
    /* 메인페이지 */
    .msec1 .swiper-slide .bg{height: 80vh;}
    .msec1 .swiper-slide .slogan .text1{font-size: 3rem;}
    .msec1 .swiper-slide .slogan .text2{font-size:2rem;}
    .msec1 .swiper-slide .slogan .text2 br{display: none;}
    .swiper_navi ul{display: none;}   
    .msec1 .swiper-progress-bar{top: -5rem;}
    .swiper_navi{bottom: 10rem; left:2rem; transform:none; }
    
    .yerim_title{flex-direction: column; gap:2rem}
    .yerim_tit{font-size: 3rem;}
    .yerim_photo{margin-top: 5rem;}
    

    .main_yerim{padding: 5rem 0; margin: 0; border-radius: 0;}
    .main_yerim::before{display: none;}
    .yerim_photo ul{flex-direction: column; gap:2rem}
    .yerim_photo ul li:nth-child(2){margin:0;}
    .yerim_photo ul li dl{width: 90%;}

    .why{padding: 10rem 0; margin: 0}
    .why h2{font-size: 3rem;}
    .why_slide .why_swiper-button-prev,
    .why_slide .why_swiper-button-next{display: none;}

    .story h2{font-size: 3rem;}
    .story_list{flex-direction: column; margin-right: 0;}
    .story_list li{width: 100%;}

    
    .admission{padding: 10rem 0; border-radius: 0;}
    .admission::before{border-radius: 0;}
    .admission .inner{gap:5rem}
    .admission_tit dd{font-size: 3rem;}
    .admission_left{padding: 0;}
    .admission_left ul li dl{flex-direction: column; gap:0}
    .admission_left ul li dl dt{width: 100%;}
    .admission_left ul li dl dd{width: 100%;}
    .bottom_call{flex-direction: column;}
    .admission_right ul{flex-direction: column;}

    /* 서브공통 */
    .sub_top{height: 20rem; background-size: cover !important;}
    .sub_top::after{display: none;}
    .sub_top h2{font-size:3rem;}
    .sub_top h2 span{font-size:1.6rem;}
    .sub_menu{display: none;}
    .mid_menu{display: none;}
    .sub_con{background-size: 50%;}
    .h3{padding: 0; font-size:3.5rem}
    .h4{font-size: 2.4rem;}
    .s_tit{font-size: 2.5rem;}
    .s_tit br{display: none}

   /* 인사말 */
   .greetings{flex-direction: column;}
   .greetings dl dd ul{flex-direction: column;}
   .greetings dl dd ul li{margin-top: -1px;}

   /* 돌봄 서비스 */
   .service_list{flex-direction: column; margin-right: 0;}
   .service_list li{width: 100%;}

   /* 오시는길  */
   .map{flex-direction: column;}
   

    #gall_ul li{width: 50%;}
    #gall_ul .gall_img{height: auto !important;}
    #bo_list .tbl_head01 a{font-size: 1.8rem;}
    .bo_mo_cate{position: relative;}

    .form_area{width: 100%;}
    .form_area dl{width: 100%; flex-direction: column;}
    .form_area dl dt{width: 100%;}
    .form_area dl dd{width: 100%;}
    .online_form dl{padding:2rem 0}
}