
@media (min-width:0px) and (max-width:1280px){
    .clinic_intro_ul{
        gap: 30px
    }
    .clinic_intro_ul li span:last-child{
        font-size: 1.8vw;
        line-height: 1.8;
    }
    .clinic_intro_ul li span:nth-child(2){
        font-size: 2.5vw;
    }
    .doc_left span{
        width: 30vw;
        height: 49.5vw;
        left: -80px;
    }
    .doc_wrap{
        gap: 30px;
    }
    .doc_top{
        width: auto;
        height: auto;
        border-radius: 30px;
        padding: 2rem 2rem;
    }
    h6{
        font-size: 2.4vw;
    }
    .clinic_title_ul_02{
        gap: 15px;
    }
    .clinic_title_ul_02 span{
        font-size: 2vw;
    }
    .clinic_title_ul_02 li {
        min-width: 10rem;
    }
    .clinic_sub_left{
        width: 70%;
    }
    .clinic_sub_top_wrap{
        align-items: flex-start;
    }
    .bannerhalf img{
        display: none;
    }
    #svgdraw01 {
        left: 40%;
    }
}
@media (min-width:0px) and (max-width:900px){
    .clinic_02_wrap{
        flex-wrap: wrap;
    }
    .clinic_intro_ul li{
        height: 350px;
    }
    .counter{
        font-size: 10rem;
    }
    .clinic_sub_top_wrap{
        gap: 30px;
    }
}
@media (min-width:0px) and (max-width:768px){
    b{
        width: 90%;
    }
    .way {
        background: none
    }
    .way_flex_wrap{
        display: flex;
        flex-direction: column;
    }
    .location_wrap > div {
        flex-wrap: wrap;
    }
    .way_box h4{
        text-align: center;
    }
    .time, .way_grey {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .time li{
        width: 100%;
    }
    .way_grey li {
        width: 100%;
        text-align: center;
    }
    .clinic_title_ul img{
        height: 85px;
    }
    .clinic_title_ul span{
        font-size: 2.2rem;
    }
    .clinic_content_ul li {
        width: calc(50% - 20px);
    }
    .clinic_title_ul > ul:nth-of-type(1) li:nth-of-type(1), .clinic_title_ul > ul:nth-of-type(1) li:nth-of-type(2), .clinic_title_ul > ul:nth-of-type(1) li:nth-of-type(3),.clinic_title_ul > ul:last-of-type li:nth-of-type(1), .clinic_title_ul > ul:last-of-type li:nth-of-type(2), .clinic_title_ul > ul:last-of-type li:nth-of-type(3){
        height: 16.5rem;
    }
    .clinic_intro_ul{
        gap: 20px;
        flex-direction: column;
    }
    .count_box span{
        padding: 10px 30px;
        font-size: 2.2rem;
    }
    .clinic_intro_ul li span:first-child{
        width: 2rem;
    }
    .clinic_intro_ul li span:last-child{
        font-size: 3.5vw;
    }
    .clinic_intro_ul li span:nth-child(2){
        font-size: 6vw;
    }
    .clinic_intro_ul li{
        height: 310px;
        padding: 2rem 2rem;
    }
    .doc_wrap {
        gap: 10px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .doc_top i{
        font-size: 2.2vw;
    }
    .doc_left{
        margin-bottom: 5rem;
    }
    .doc_left span {
        position: absolute;
        width: 50vw;
        height: 82.5vw;
        
    }
    .clinic_top, .clinic_top_01 {
        position: relative;
        display: inline-flex;
        width: fit-content;
        align-items: center;
        gap: 10px;
        border-radius: 20px;
        background: #fff;
        color: #000;
        box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
        padding: 10px 20px;
        text-align: center;
        font-family: "Pretendard Variable";
        font-size: 2.2rem;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.22px;
        white-space: nowrap;
    }
    .doc_top{
        align-items: center;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 3rem;
    }
    .doc {
        background: url(../img/doc_bg.png) no-repeat center top;
    }
    .doc_right{
        width: 100%;
        text-align: center;
    }
    h6 {
        font-size: 3.5vw;
        margin-bottom: 3rem;
    }
    .clinic_title_ul_02{
        gap: 12px;
    }
    .clinic_title_ul_02 li{
        min-width: 18rem;
        padding: 1.5rem 0rem;
    }
    .clinic_title_ul_02 li img{
        width: 40px;
        height: 40px;
    }
    .clinic_title_ul_02 span{
        font-size: 3vw;
    }
    .clinic_title_ul_02 li:nth-of-type(1){
        border-radius: 50px 0px 0px 0px;
    }
    
    .clinic_title_ul_02 li:last-of-type{
        border-radius: 0px 0px 50px 0px;
    }
    .clinic_sub_top_wrap{
        flex-direction: column;
        align-items: center;
    }
    .clinic_02_right b{
        margin-bottom: 3rem;
    }
    .clinic_02_wrap{
        position: relative;
        gap: 0px;
    }
    
   .clinic_top_mid{
        left: 50%;
        transform: translateX(-50%);
    }
    .clinic_sub_bottom h3{
        font-size: 2rem;
    }
    .clinic_sub_ul span{
        font-size: 2rem;
    }
    .equ_banner_toptxt{
        font-size: 6vw;
        line-height: 8vw;
    }
    .equ_banner_toptxt span{
        font-size: 7vw;
    }
    .equ_banner_h5{
        font-size: 3vw;
        text-wrap: wrap;
    }
    .equ_banner_h5 i{
        font-size: 4vw;
    }
    h5::before{
        width: 6vw;
        height: 6.7vw;
    }
    .equ_banner_slider span{
        font-size: 2.7vw;
    }
    
}
@media (min-width:0px) and (max-width:500px){
    
    p {font-size: 4.5vw;}
    *.m100 { margin-bottom: 7rem;}
    *.m90 { margin-bottom: 6rem;}
    *.m80 { margin-bottom: 5rem;}
    *.m70 { margin-bottom: 4rem;}
    *.m60 { margin-bottom: 3rem;}
    *.m50 { margin-bottom: 2rem;}
    *.m30 { margin-bottom: 1rem;}
    .bannerTit {
        font-size: 8vw;
    }
    h2 {
        font-size: 8vw;
    }
    h3 {
        font-size: 6vw;
    }
    .scrolldiv h2::before, .scrolldiv h3::before, .equ_banner i{
        font-size: 1.5rem;
    }
    h5::before {
        width: 28px;
        height: 29px;
    }
    h5{
        font-size: 7vw;
        gap: 5px;
    }
    h6 {
        font-size: 4vw;
    }
    b{
        width: 90%;
        font-size: 1.7rem;
    }
    .scrolldiv h2::after{
        width: 120px;
    }
    .way_box h4{
        font-size: 3rem;
        margin-bottom: 3rem;
    }
    .time, .way_grey {
        font-size: 2rem;
    }
    .way_grey >li:last-of-type{
        font-size: 2rem;
    }
    .location_img {
        width: 100%;
        height: 400px;
        overflow: hidden;
    }
    .equ .slick-dots li{
        width: 25px;
        margin: 0px;
    }
    .equ_top span{
        font-size: 1.7rem;
    }
    .way_box{
        padding: 3rem;
    }
    .time >li:last-of-type{
        text-align:  center;
    }
    .clinic_title_ul img{
        height: 60px;
        margin-bottom: 0.5rem;
    }
    .clinic_title_ul span{
        font-size: 1.5rem;
    }
    .clinic_title_ul > ul:nth-of-type(1) li:nth-of-type(1), .clinic_title_ul > ul:nth-of-type(1) li:nth-of-type(2), .clinic_title_ul > ul:nth-of-type(1) li:nth-of-type(3),.clinic_title_ul > ul:last-of-type li:nth-of-type(1), .clinic_title_ul > ul:last-of-type li:nth-of-type(2), .clinic_title_ul > ul:last-of-type li:nth-of-type(3){
        height: 13.5rem;
    }
    
    .clinic_02_ul li img{
        height: 25px;
    }
    .clinic_02_ul li{
        font-size: 5vw;
    }
    .clinic_top, .clinic_top_01{
        font-size: 4vw;
    }
    .clinic02_ul_calc li{
        flex: 1 1 calc(100%);
    }
    .count_box span{
        padding: 10px 10px;
        font-size: 4vw;
    }
    .counter{
        font-size: 14vw;
    }
    .count_box i{
        font-size: 8vw;
    }
    .doc {
        background: none;
    }
    .doc_top i{
        font-size: 3vw;
    }
    .doc_left span{
        width: 70vw;
        height: 92vw;
        left: -0px;
    }
    
    .clinic_title_ul li > a:hover span{
        transform: translateY(-30px);
    }
    .clinic_title_ul_02 li{
        min-width: 15rem;
    }
    .clinic_title_ul_02 li:nth-of-type(2){
        border-radius: 0px 50px 0px 0px;
    }
    .clinic_title_ul_02 li:nth-of-type(5){
        border-radius: 0px 0px 0px 50px;
    }
    .clinic_sub_ul{
        grid-template-columns: repeat(2, 1fr);
    }
    .clinic_sub_bottom h3{
        font-size: 5vw;
    }
    .clinic_sub_ul span{
        font-size: 5vw;
    }
    .equ_banner_slider span{
        font-size: 3.3vw;
    }
    .clinic_title_ul_02 li > a:hover span{
        transform: translateY(0px);
    }
    .equ_banner_slider .slick-slide{
        margin: 0 5px;
    }
    h3 span{
        line-height: 8vw;
    }
     #svgdraw01 {
       left: 15%;
    }
    .count_box > i> em{
     font-size: 2rem;
    }
    .c1{
        letter-spacing: -4px;
    }
    
}
@media (min-width:0px) and (max-width:360px){
    b{
        font-size: 4.5vw;
    }
    .equ .slick-dots li{
        width: 18px;
        margin: 0px;
    }
    .equ_top span{
        font-size: 4.5vw;
    }
    .equ-slider div{
        height: 350px;
    }
    .equ-slider span{
        height: 3.5rem;
        line-height: 3.5rem;
        font-size: 5.5vw;
    }
    .clinic_title_ul img{
        height: 40px;
        margin-bottom: 0.5rem;
    }
    .clinic_title_ul > ul:nth-of-type(1) li:nth-of-type(1), .clinic_title_ul > ul:nth-of-type(1) li:nth-of-type(2), .clinic_title_ul > ul:nth-of-type(1) li:nth-of-type(3),.clinic_title_ul > ul:last-of-type li:nth-of-type(1), .clinic_title_ul > ul:last-of-type li:nth-of-type(2), .clinic_title_ul > ul:last-of-type li:nth-of-type(3){
        height: 11rem;
    }
    .clinic_title_ul ul{
        gap: 8px;
    }
    .clinic_title_ul span{
        font-size: 1.3rem;
    }
    .clinic_content_ul li span{
        font-size: 5.5vw;
        font-weight: 400;
    }
    .clinic_top ,.clinic_top_01{
        font-size: 5vw;
        gap: 4px;
    }
    h6 {
        font-size: 4.5vw;
    }
    .clinic_title_ul_02 span{
        font-size: 5vw;
    }
    .clinic_title_ul_02 li{
        min-width: 13rem;
    }
    .clinic_title_ul_02 li:nth-of-type(2){
        border-radius: 0px 50px 0px 0px;
    }
    .clinic_title_ul_02 li:nth-of-type(5){
        border-radius: 0px 0px 0px 50px;
    }
    .equ_banner_toptxt{
        font-size: 6.7vw;
    }
    .equ_banner_h5{
        font-size: 4.5vw;
        line-height: 6vw;
    }
    .equ_banner_h5 i{
        font-size: 5.5vw;
    }
    .equ_banner_slider span{
        font-size: 3.8vw;
    }
     #svgdraw01 {
       top: 7%;
       left: 10%;
    }
}
