@media (min-width:0px) and (max-width:1800px){
    .sub_banner {
        height: 40rem;
    }
    .con2_bg {
        margin-right: 2.5%;
        padding-left: 2.5%;
        border-radius: 0 7vw 0 0;
    }
    





}
@media (min-width:0px) and (max-width:1280px){  
    
    .sub_banner h2 {
        font-size: 5rem;
        gap: 2rem;
    }
    .sub_banner {
        height: 30rem;
    }
    .sub_tab {
        font-size: 22px;
    }
    h3 {
        font-size: 50px;
        margin-bottom: 60px;
    }
    .m11_box .inner_box {
        padding: 25px;
    }
    .m11_box .tit {
        font-size: 25px;
    }
    .m11_box em {
        font-size: 22px;
    }
    .m11_tit {
        font-size: 25px;
        margin: 40px 0 20px;
    }
    .con2_bg {
        margin-right: 2.5%;
        padding-left: 2.5%;
        border-radius: 0 7vw 0 0;
    }
    .doctor_ul_wrap{font-size: 17px;}
    /*  */
    h4 {font-size: 38px;}
    .m22_ul li:not(:last-child) {
        margin-bottom: 35px;
    }
    .m22_ul li {font-size: 20px;}
    .m22_ul li span {width: 340px};
    .circle_tit {
        font-size: 25px;
    }
    .m1_txt{
        font-size: 28px;
    }
    .tri_box .tit {
        font-size: 35px;
    }
    .tri_box i{
        font-size: 20px;
    }
.tri_tit {
    font-size: 30px;}
 .parking_wrap{
        gap: 40px;
    }
    .parking_box {
        font-size: 26px;
    }
    .parking_wrap .parking_mp4 {
        width: 70%;
    }
    .parking_notice{font-size: 4vw;}


}
@media (min-width:0px) and (max-width:900px){
    
    
    .sub_tab {
        flex-wrap: wrap;
        font-size: 18px;
    }
    .sub_tab li {
        width: auto;
        flex: 1;
    }
    h3 {
        font-size: 47px;
        margin-bottom: 50px;
    }
    .m11_box .tit {
        font-size: 25px;
    }
    .m1_1::after {
        max-height: 230px;
    }
    /*  */
    .con2 {
        background: url('../img/c2_logo_bg.png') no-repeat 90% -10% / 40%;
    }
    .con2_bg .container{
        flex-direction: column;
        gap: 0;
    }
    .c2_left {
        width: 90%;
        max-width: 400px;
        align-self: center;
        aspect-ratio: 5 / 5.5;
    }
    .c2_right {
        width: 100%;
        padding: 3rem 0 5rem;
    }
    .m12_tit{
        font-size: 25px;
    }
    h4 {
        font-size: 34px;
        margin-bottom: 20px;
    }
    .flex_wrap{flex-direction: column;}
    .flex_wrap.right_img {
        flex-direction: column;
    }
    .m22_ul{padding-top: 30px;}
    .m22_ul li {
        gap: 0px;
        padding: 25px 10px 10px;
        align-items: center;
        position: relative;
        overflow: visible;
        text-align: center;
    }
    .m22_ul li span{
        position: absolute;
        top: 0;
        left: 50%;
        max-width: 340px;
        width: 80%;
        transform: translate( -50% , -50%);
    }
    .m22_ul li em {width: 100%;}
    .m22_ul li:not(:last-child) {
        margin-bottom: 50px;
    }
    .circle_ul{flex-wrap: wrap;}
    .circle_ul li{width: 27%;gap: 2rem;}
    .circle_tit {
        font-size: 25px;
    }
    .m22_img {
        margin-top: 60px;
    }
    .check_ul {
        font-size: 1.8rem;
    }
    .sub13_ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 5rem 2rem;
    }
    .sub13_ul h6 {font-size: 4vw;}
    .sub13_ul p {font-size: 2.5vw;}
    /*  */
    .time_table{flex-direction: column;}
    .map_txt {
        padding: 1rem 2rem 4rem;
        font-size: 18px;
    }
    .map_tit {
        font-size: 25px;
    }
    .map_txt li em {
        width: 100px;
    }
    .m1_flex {
        flex-direction: column;
        gap: 50px;
    }
    .m1_img.innerBot{padding: 0;}
    .m1_img{
        max-width: 500px;
        width: 80%;
    }
    .m1_img.botimg{
        align-self: center;
    }
    .m1_flex.right_img{
        flex-direction: column;
    }
    .m1_txt img {
        width: 55%;
        max-width: 350px;
    }
    .triangle {
        width: 50%;
        margin: 170px auto;
        font-size: 6vw;
    }
    .triangle>b {
        transform: translateY(43px);
    }
    .tri_box.left {
        bottom: -120px;
        left: 0%;
        transform: translate(-60%, 0%);
    }
    .tri_box.right {
        bottom: -120px;
        right: 0%;
        transform: translate(60%, 0%);
    }
    .tri_1 .img_wrap .bg {
        height: calc(70% );
    }















}