@media all and (max-width:1690px){
    .btn_popup{display: none;}
    .inner{padding-left:2rem; padding-right:2rem}
}

@media all and (max-width:1390px){
    .lnb ul li > a{padding: 0 3rem;}
}
@media all and (max-width:1280px){
    .medical_info{background-position: 50%;}
    .sub_top{background-position: 50%;}
    .btn_online{display: none;}
    .lnb{margin-left: 15rem;}
}

@media all and (max-width:1024px){
    .menu{display: none;}
    .quick{display: none;}
    .main_online{right:2rem}
    .floor_warp{flex-direction: column;}
    .floor_info{width: 100%;}
    .floor_photo{width: 100%;}
    .doc{width: calc(50% - 3rem);}
}




@media all and (max-width:1023px){
    html{font-size:9px}
    
    .hsec1 h1{width: 60%;}
    .btn_online{display: none;}
    footer address dl dt{display: none;}
    
    /* 메인페이지 */
    .msec1 .swiper-slide .bg{height: 50rem;}
    .main_tit span{font-size:3.5rem}
    
    .cancer_slide .swiper-slide dl{left:2rem; bottom:2rem}
    .cancer_slide .swiper-slide em{right:2rem; bottom: 2rem;}
    .cancer_slide .swiper-slide-active{width: 100% !important;}
    .cancer_slide .swiper-slide-active dl dt{font-size:2.2rem}
    .cancer_slide .swiper-slide-active dl dd{width: 70%;}
    .msec1 .swiper-slide .slogan .text1{font-size:3rem}
    .msec1 .swiper-slide .slogan .text2{font-size:3rem}
    .msec1 .swiper-slide .slogan .text3{font-size:1.6rem}
    .main_tit{padding-bottom: 3rem;}

    .mouse{display: none;}
    .flow_text{font-size:5rem}

    .medical ul{flex-wrap: wrap; justify-content: flex-start;margin-right: -2rem;}
    .medical ul li{width: calc(50% - 2rem);}
    .medical ul li span{font-size:2.5rem}

    .main_diet{padding:0}
    .main_diet ul{flex-direction: column;}
    .main_diet ul li dl{left:2rem; bottom:2rem; width:80%}
    .main_diet ul li dl dt{font-size:2.5rem}

    .diet_slide dl{bottom:2rem; left:2rem}
    .diet_slide dl dt{font-size:2.5rem}
    .diet_slide dl dd{font-size:1.6rem}
    .diet_slide em{display:none;}

    .board_wrap{flex-direction: column; }
    .main_board_list{width: 100%; flex-wrap: nowrap; gap:2rem}
    .board_box{width: calc(50% - 2rem); flex:1; height: auto;}
    .popupzone{width: 100%;}

   
    .main_online{display: none}
    
    /* 모바일 퀵메뉴 */
    .mo_quick{display: flex; background: var(--main_color); padding:2rem 0; position: fixed; width: 100%; bottom: 0; left: 0; z-index: 9;}
    .mo_quick li{flex:1; text-align: center; border-right:1px solid rgba(255,255,255,0.5) }
    .mo_quick li:last-child{border:none}
    .mo_quick li img{margin: auto; display: block; margin-bottom: 1rem;}
    .mo_quick li a{color:#fff;display: block; font-size:1.4rem}
    footer{margin-bottom: 10rem;}
    .scrollup{bottom: 13rem;}

    

    /* 서브공통 */
    .sub_title{display: block; padding:2rem 0}
    .sub_top{height: 35rem; background-size: cover !important;}
    .sub_top::after{display: none;}
    .sub_top h2{font-size:3rem; padding-top: 3rem;}
    .sub_top h2 span{font-size: 1.8rem;}
    .sub_menu{display: none;}
    .mid_menu{display: block; margin-top: 7rem; border-top:1px solid #e6e6e6}
    .sub_con{background-size: 50%; padding:2rem 0}
    .h3{padding: 0; font-size:3rem}
    .h4{font-size: 2.4rem;}
    .s_tit{font-size: 2.5rem;}
    .s_tit br{display: none}
    .tabmenu{margin-bottom: 3rem;}
    .tabmenu li a{padding: 1rem 0;}
    .sub_path span{font-size:2rem}

    /* 인사말 */
    .about_bg{background: url(../images/about/about_bg_m.jpg) no-repeat bottom; background-size:100%; height: auto; padding:2rem 0 20rem 0; }
    .about_bg dl dt{font-size:3.5rem}
    .history_number{font-size:6rem}

    /* 둘러보기 */
    .floor_info{margin-bottom: 5rem;}
    .panel{padding:0 2rem}

    /* 진료시간 및 오시는길 */
    .time_list{flex-direction: column;}
    .time_list div{width: 100%; height: auto;}
    .map_box{flex-direction: column;}
    .map_box dl{border-right:none; border-bottom:1px dashed #ccc}
    .map_box dl dt{font-size: 2rem;}
    .map_info{flex-direction: column;}
    .map_info dl{width: 100%;}
    .map_info dl dt{font-size:2.2rem}

    /* 의료진 소개 */
    .doc_list{margin-right: 0;}
    .doc{width: 100%;}
    .doc_bg{background-size: cover;}
    .doc_bg .inner{flex-direction: column-reverse; gap:0}
    .doc_info {width:100%; margin-top: 5rem;}
    .doc_info dl dt{font-size:2.5rem}
    .doc_info dl dd{font-size:4rem}
    .doc_info dl dd span{font-size:2.5rem}
    .doc_photo{width: 100%; position: relative; bottom:auto; right:auto; padding:2rem 0 0 0}
    

    /* 진료과 소개 */
    .medical_info{height: auto; padding:10rem 0 20rem 0}
    .medical_info dl{width: 100%;}
    .medical_txt{flex-direction: column; background: #fff;}
    .medical_txt:nth-child(2n+1){flex-direction: column;}
    .medical_txt p{width: 100%}
    .medical_txt dl{width: 100%; padding:5rem 0}
    .health_list{flex-direction: column;}
    
    .neurosurgery_bg {background:#fafafa url(../images/medical/neurosurgery_bg_m.jpg) bottom; background-size: 100% 100%;}
    .orthopedics_bg {background:#fafafa url(../images/medical/orthopedics_bg_m.jpg) bottom; background-size: 100% 100%; padding: 10rem 0 30rem 0;}
    .medicine_bg {background:#fafafa url(../images/medical/medicine_bg_m.jpg) bottom; background-size: 100% 100%; padding: 10rem 0 30rem 0;}
    .radiology_bg {background:#fafafa url(../images/medical/radiology_bg_m.jpg) bottom; background-size: 100% 100%; padding: 10rem 0 30rem 0;}
    .family_bg {background:#fafafa url(../images/medical/family_bg_m.jpg) bottom; background-size: 100% 100%; padding: 10rem 0 30rem 0;}
    .oriental_bg {background:#fafafa url(../images/medical/oriental_bg_m.jpg) bottom; background-size: 100% 100%; padding: 10rem 0 30rem 0;}
    .rehabilitation_bg {background:#fafafa url(../images/medical/rehabilitation_bg_m.jpg) bottom; background-size: 100% 100%; padding: 10rem 0 30rem 0;}
    .health_bg {background:#fafafa url(../images/medical/health_bg_m.jpg) bottom; background-size: 100% 100%; padding: 10rem 0 30rem 0;}
    

    /* 클리닉센터 */
    .clinic_wrap{flex-direction: column;}
    .clinic_list{width: 100%;}

    /* 주차안내 */
    .parking_list{flex-direction: column; gap:5rem}

    /* 서브상단  */
    .sub_top{height: auto; background-size:100% 100% !important}
    .sub_top dl dt{font-size:3rem}
    .video_list{flex-direction: column;}
    .video_list li::after{display: none;}
   
    .info_bg{background:#fafafa url(../images/info/info_bg_m.jpg) bottom; background-size: 100% 100%; padding: 5rem 0 20rem 0;}
    .admission_bg{background:#fafafa url(../images/info/admission_bg_m.jpg) bottom; background-size: 100% 100%; padding: 5rem 0 20rem 0;}
    .issuance_bg{background:#fafafa url(../images/info/issuance_bg_m.jpg) bottom; background-size: 100% 100%; padding: 5rem 0 20rem 0;}
    .non_bg{background:#fafafa url(../images/info/non_bg_m.jpg) bottom; background-size: 100% 100%; padding: 5rem 0 20rem 0;}
    .parking_bg{background:#fafafa url(../images/info/parking_bg_m.jpg) bottom; background-size: 100% 100%; padding: 5rem 0 20rem 0;}
    
    .conventional_bg{background:#fafafa url(../images/cancer/conventional_bg_m.jpg) bottom; background-size: 100% 100%; padding: 5rem 0 20rem 0;}
    .korean_bg{background:#fafafa url(../images/cancer/korean_bg_m.jpg) bottom; background-size: 100% 100%; padding: 5rem 0 20rem 0;}
    .diet_bg{background:#fafafa url(../images/cancer/diet_bg_m.jpg) bottom; background-size: 100% 100%; padding: 5rem 0 20rem 0;}
    
    .spine_bg{background:#fafafa url(../images/clinic/spine_bg_m.jpg) bottom; background-size: 100% 100%; padding: 5rem 0 20rem 0;}
    .joint_bg{background:#fafafa url(../images/clinic/joint_bg_m.jpg) bottom; background-size: 100% 100%; padding: 5rem 0 20rem 0;}
    .endoscopy_bg{background:#fafafa url(../images/clinic/endoscopy_bg_m.jpg) bottom; background-size: 100% 100%; padding: 5rem 0 20rem 0;}
    .pain_bg{background:#fafafa url(../images/clinic/pain_bg_m.jpg) bottom; background-size: 100% 100%; padding: 5rem 0 20rem 0;}
    .radiologycenter_bg{background:#fafafa url(../images/clinic/radiology_bg_m.jpg) bottom; background-size: 100% 100%; padding: 5rem 0 20rem 0;}
   

    /* 입원안내 */
    .admission_list dl dt{font-size:2rem}

    /* 암특화진료 */
    .care_list{flex-direction: column; gap:2rem}
    .care_list p{width: 100%}
    .care_list dl{width: 100%;}
    .box ul li{width:100%}
    

    /* 맞춤식단 */
    .diet_list{flex-direction: column;}
    .food_img li{width: calc(50% - 3rem);}
    .circle_list{flex-direction: column; align-items: center;}

    .food_table tr{flex-direction: column;}
    .food_table td{width:100% !important}
    .food_process dl{width: 100%;}
    .food_process dl::before{display: none;}

    /* 게시판 */
    .mo_view{position: relative;}
    .board-thead{display: none;}
    .board-tbody{position: relative;}
    #board-wrap .list-type1 .list .board-tbody li{flex-wrap: wrap;}
    #board-wrap .list-type1 .list .board-tbody li .col:nth-child(2){width: 100%;}
    #board-wrap .list-type1 .list .board-tbody li .col:nth-child(3){width: 30%; font-size:1.4rem}
    #board-wrap .list-type1 .list .board-tbody li .col:nth-child(4){width: 15%; font-size:1.4rem}
    #board-wrap .list-type1 .list .board-tbody li .col:nth-child(5){width:30%; font-size:1.4rem}
    
    #board-wrap .list-type1 .list .board-tbody li .col a{font-size:1.6rem}
    #board-wrap .list-type1 .list .board-tbody li .col{padding:5px 10px}
    .idx{display: none;}
    .status{position: absolute; top:1rem; right:0}
  
}