@charset "utf-8";
/*************** 1440px 이하 ***************/
@media only screen and (max-width: 1500px) {
    .inner{width:calc(100dvw - 60px); }
}
/*************** 1440px 이하 ***************/
@media only screen and (max-width: 1300px) {
    /** common **/
    .inner{width:calc(100dvw - 60px); }
    .shrink{flex-shrink: 0;}
    :target {scroll-margin-top: 120px;}

    .representativeCntIntro{width:100% !important}

    /** footer **/
    .footerMenu{right:0; bottom:0dvh; position:fixed; box-shadow: 0 -2px 4px rgba(0,0,0,0.25);}
    .fixMenu{bottom:120px; right:20px; max-height: calc(100dvh - 150px);}

    /** header **/
    .menu{background:#fefefe; z-index: 999999999; top:0; right:-80dvw;position:fixed; transition: right 0.3s ease-in-out; }
    .mobileScroll{overflow-y:auto;}
    .menu a{color:#222;}
    .menu.active{ right:0; }
    .menuLink{position:relative;border-bottom:1px solid #eeeef0}
    .menuLink:after,.menuLink:before{content:''; display:block; width:20px; height:2px; background:#d9dade; position:absolute;transition: ease-in-out 0.3s;}
    .menuLink:after{right:20px; top:50%; transform:translateY(-50%) rotate(90deg)}
    .menuLink:before{right:20px; top:50%; transform:translateY(-50%)}
    .menuLink.mActive:after{transform:translateY(-50%) rotate(0deg)}
    .menu-open {overflow: hidden;height: 100%;}

    /** index **/
    .popupBox .inner{width:600px}
    .mainSlider .inner{width:60%; margin-right:0; margin-left:30px}
    .mainDoctor .wwP090{margin-left:30px}

    /** greeting **/
    .yearTit{font-size:64px;}

    /** location **/
    .location .root_daum_roughmap{height:320px !important}

    /** medical_exam_info **/
    .medicalProccessCnt{width:calc(50% - 32px)}

    /** endoscopy_equipment **/
    .endoscopyCnt{width:calc(50% - 12px)}

    /** clinic **/
    .clinicMainDetail .healthCenterNormal .wwP020{border-bottom:1px solid #DCC5AC; border-right:1px solid #DCC5AC}
    .clinicMainDetail .healthCenterNormal .wwP020:nth-child(2n){border-right:0}
    .clinicMainDetail .healthCenterNormal .wwP020:nth-child(5){border-bottom:0}

    /** board **/
    .paginationList a{margin:0 10px}
}
  
/*************** 1124px 이하 ***************/
@media only screen and (max-width: 1124px) {


}

/*************** 1024px 이하 ***************/
@media only screen and (max-width: 1024px) {

}

/*************** 960px 이하 ***************/
@media only screen and (max-width: 960px) {

    /** common **/
    .inner{width:calc(100dvw - 40px); }
    .tbl td{line-height: 1.2em;}
    :target {scroll-margin-top: 90px;}
    
    
    /** index **/
    .popupBox .inner{width:90dvw}
    .mainLocation .root_daum_roughmap{width:100% !important; height:40dvh !important}
    .mainSlider .inner{width:calc(100dvw - 40px); margin-left:20px;}
    .mainDoctor{background-size:100% 480px;}
    .mainDoctor .wwP090{margin-left:20px}


    /** greeting **/
    .greetingVisionCnt > div{width:100%; align-self: initial;}
    .yearTit{font-size:48px;}

    /** location **/
    .location .root_daum_roughmap{height:160px !important}
    .locationParking p.f_100{line-height: 1.5em;}

    /** outpatient_info **/
    .outpatientCnt{width:100%}

    /** medical_exam_info **/
    .medicalProccessCnt{width:100%}
    .medicalProccessBox p{text-align: left;}
    .medicalProccessBox > img{position:relative;transform:rotate(90deg)}
    .medicalHospitalLogo{width:100%}

    /** health_exam_intro **/
    .healthBenefitBox{width:100%}

    /** national_health_exam **/
    .healthCenterNormal > div:nth-child(1){border-bottom:1px solid #DCC5AC}
    .healthCenterNormal > div:nth-child(2){border-bottom:1px solid #DCC5AC; border-right:0}
    .healthCenterNormal > div:nth-child(3){border-right:1px solid #DCC5AC;}

    /** endoscopy_equipment **/
    .endoscopyCnt{width:100%}

    /** clinic **/
    .clinicCntBox{position:relative; bottom:30px; left:50%; transform:translateX(-50%)}

    /** representative_tel **/
    .representativeCnt{width:100%;}

    /**certificate_service **/
    .tableBox{overflow-x:auto}
    .tableBox table{min-width:1000px}
    /** board **/
    .paginationList a{margin:0 6px}

    

}

/*************** 860px 이하 ***************/
@media only screen and (max-width: 860px) {

}

/*************** 768px 이하 ***************/
@media only screen and (max-width: 768px) {
    

}

/*************** 480px 이하 ***************/
@media only screen and (max-width: 480px) {

}

/*************** 320px 이하 ***************/
@media only screen and (max-width: 320px) {

}