@media (min-width:1279px) and (max-width:3000px) {
  .equ .machine .flip-card::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 10px solid rgba(0, 103, 104, 0.2);
    border-radius: 38px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .equ .machine .flip-card:hover::before {
    opacity: 1;
  }
  .equ .machine .flip-card:hover {
    outline: 5px solid #295E69;
    outline-offset: 0px;
  }
}
@media (min-width:0px) and (max-width:1400px){
  .equ .machine .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal{
    bottom: -5vw;
  }
}
@media (min-width:0px) and (max-width:1280px){
  .equ .machine .swiper-slide-active .flip-card::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border: 10px solid rgba(0, 103, 104, 0.2);
    border-radius: 38px;
    z-index: -1;
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  
  .equ .machine .swiper-slide-active .flip-card {
    outline: 5px solid #295E69;
    outline-offset: 0px;
  }
  .equ .machine .flip-card:hover{
    pointer-events: none;
  }
  .blog-img{
    transform: translateX(-6vw);
  }
  .blog-item.reverse .blog-img{
    transform: translateX(6vw);
  }
  .switch{
    width: 100%;
  }
  .label_wrap{
    width: 67%;
  }
}

@media (min-width:0px) and (max-width:1080px){
  .way_right::after{
    width: 6vw;
    height: 6vw;
    top: 15px;
    right: 15px;
  }
  .way_right{
    padding: 28px;
  }
  .main-slider{
    width: 50vw;
  }
  .blog-item{
    height: 500px;
    padding: 20px;
  }
  .quick_logo_c{
    max-width: 90px;
    max-height: 90px;
  }
  
  .blog_ul li{
    font-size: 1.4rem;
  }
  .child_tab, .clinic1_left .color{
    font-size: 3.5vw;
    gap: 2vw;
  }
  .clinic1_right img {
    transform: translateX(100px);
  }
  .clinic1_left{
    font-size: 2.2rem;
  }
  .sec2_right .ul_flex {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }
}
  @media (min-width:0px) and (max-width:1024px){
    .label_wrap {
      width: 70%;
    }
    .map_tit.color{
      text-align: left;
    }
  }
  @media (min-width:0px) and (max-width:900px){
    .equ .machine .flip-card{
      height: 400px;
    }
    .way_wrap{
      flex-direction: column-reverse;
      gap: 20px;
    }
    .way_right, .way_left{
      width: 80%;
      border-radius: 50px;
    }
    .way_left, .root_daum_roughmap_landing{
      height: 350px;
    }
    .map, .root_daum_roughmap_landing{
      border-radius: 50px;
    }
    .way_right::after{
      width: 60px;
      height: 60px;
    }
    /* 카카오 맵 마커 높이 조정 */
    .root_daum_roughmap .wrap_map {
      transform: translateY(-80px);
    }
    .blog-item, .blog-item.reverse{
      flex-direction: column;
    }
    .blog-img, .blog-content{
      flex: initial;
    }
    .blog-img, .blog-item.reverse .blog-img{
      max-width: 300px;
      position: absolute;
      top: 3%;
      right: 2%;
      /* left: 50%;
      transform: translateX(-50%)!important; */
      transform: initial;
    }
    .blog-item{
      position: relative;
      padding: 30px;
      justify-content: center;
      height: fit-content;
    }
    .blog-title{
      width: 60%;
    }
    .tab_wrap{
      width: 100% !important;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0px;
      width: fit-content;
      padding: 5px 10px;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
    }
    .tab_wrap .tab.active{
      padding: 8px;
    }
    .blog_ul li, .blog_ul_last {
      font-size: 2vw;
    }
    .blog-title, .clinic1_left, .sec2_right ul{
      font-size: 2.4vw;
    }
    .blog_ul img{
      height: 9vw;
    }
    .blog-img .img, .blog-item.reverse .blog-img{
      height: 30vw;
    }
    .clinic1_right img {
      transform: translateX(186px);
    }
    .toggle{
      width: 19vw;
    }
    .label, .toggle-text{
      font-size: 2.8rem;
    }
    .child_tab, .clinic1_left .color{
      font-size: 3.5vw;
    }
    .clinic1_left{
      padding: 30px;
      justify-content: center;
    }
    .sec2_flex{
      flex-direction: column;
      align-items: center;
    }
    .sec1_right{
      flex: 1;
    }
    .sec1_left{
      flex: 2.5;
    }
    .sec1_flex{
      gap: 0px;
    }
    .sec1_right h3{
      font-size: 5vw;
    }
    .sec1_sign p{
      font-size: 2.2rem;
    }
  }
  @media (min-width:0px) and (max-width:768px){
    .way_right, .way_left{
      width: 95%;
    }
    .arrow{
      width: 55px;
      height: 55px;
    }
    .thumb-slider img{
      height: 55px;
    }
    .demo{
      margin-bottom: 10px;
    }
    .label_wrap {
      width: 90%;
    }
    .toggle {
      width: 26vw;
    }
    .clinic1_card_wrap{
      height: 500px;
    }
    .label, .toggle-text{
      font-size: 2.2rem;
    }
    .switch{
      height: 60px;
    }
    .toggle{
      height: 46px;
    }
    .tab_wrap .tab{
      font-size: 1.5rem;
    }
    .sec1_txt .split{
      font-size: 2.2vw;
    }
    .sec1_txt.sec1_sign p{
      font-size: 3vw;
    }
    
  }
  @media (min-width:0px) and (max-width:600px){
    .map_txt_ul li em{
      width: 129px;
    }
    .slider-wrapper{
      gap: 10px;
    }
    .arrow{
      width: 45px;
      height: 45px;
    }
    .hospital-tour{
      padding: 0;
    }
    .blog-code{
      font-size: 5.5vw;
    }
    .tab_wrap .tab{
      font-size: 2rem;
    }
    .blog-img .img, .blog-item.reverse .blog-img{
      height: 35vw;
    }
    .blog-item{
      padding: 20px;
      border-radius: 40px;
    }
    .blog_wrap {
      width: 100%;
    }
    .blog-title {
      font-size: 3vw;
    }
    .blog-item.reverse .blog-img, .blog-img{
      top: 50%;
      transform: translateY(-90%);
    }
    /* .blog-item.reverse .ex{
    top: 50%;
    transform: translateY(-122%);
    } */
    .blog-item.reverse .blog-img.last{
      top: 50%;
      transform: translateY(-70%);
    }
    .main_tit{
      font-size: 6vw;
    }
    .equ_title{
      font-size: 2.4rem;
    }
    .clinic1_right img {
      transform: translateX(214px);
    }
    .clinic1_right, .clinic1_left{
      position: static;
      border-radius: 30px;
      font-size: 3vw;
    }
    .clinic1_card_wrap{
      display: flex;
      flex-direction: column-reverse;
    }
    .clinic1_card_wrap{
      height:fit-content;
    }
    .clinic1_left{
      width: 100%;
    }
    .clinic1_right img {
      transform: translateX(0px);
    }
    .clinic1_right{
      margin-bottom: 25px;
      height: 300px;
    }
    .child_tab, .clinic1_left .color{
      font-size: 2.5rem;
    }
    .sec2_right .txt_t, .txt_t h4{
      font-size: 6vw;
    }
    .sec1_flex{
      flex-direction: column-reverse;
    }
    .sec1 img{
      width: 50vw;
    }
    .sec1_right h3 {
      font-size: 7vw;
    }
    .sec1_sign p {
      font-size: 3.5vw;
    }
    .sec1 .sec1_sign strong{
      font-size: 5.5vw;
    }
    .sec1_txt .split{
      font-size: 3vw;
    }
    .child_tab{
      gap: 15vw;
    }
    .blog-list{
      gap: 10vw;
    }
  }
  @media (min-width:0px) and (max-width:500px){
    .equ .machine .flip-card {
      height: 350px;
    }
    .equ .machine .swiper{
      padding-top: 15px;
    }
    .main_tit{
      font-size: 9vw;
    }
    .equ .container::before, .equ .container::after{
      display: none;
    }
    .main_tit::before{
      font-size: 3vw;
    }
    .way_right{
      height: fit-content;
    }
    .map_txt_s{
      font-size: 1.8rem;
    }
    .map_tit_sticker{
      padding: 0px 6px;
    }
    .map_tit.color{
      font-size: 4vw;
      text-align: left;
    }
    .map_txt_ul{
      font-size: 4.5vw;
    }
    .map_txt_ul li em{
      width: 20vw;
    }
    .map_txt_s, .sec2_right ul, .clinic1_right, .clinic1_left, .blog-title{
      font-size: 3.5vw;
    }
    .slider-wrapper{
      align-items: center;
      flex-direction: column;
      justify-content: center;
    }
    .main-slider{
      width: 100%;
    }
    .galler-nav_wrap{
      flex-direction: row-reverse;
      gap: 15px;
    }
    .thumb-slider img {
      height: 15vw;
    }
    .demo{
      align-items: flex-end;
    }
    .blog-text{
      font-size: 5vw;
    }
    .blog-code{
      font-size: 6vw;
    }
    .blog_ul{
      padding: 2vw 0px;
    }
    .blog_ul img {
      height: 9vw;
    }
    .blog_ul li{
      font-size: 2.7vw;
      gap: 3vw;
    }
    .blog_ul_last, .quick_logo_c span{
      font-size: 1.3rem;
    }
    .blog-content{
      padding-right: 0;
    }
    .blog-title {
      width: 54%;
    }
    .quick_logo_c{
      bottom: 7px;
      right: 2%;
    }
    .label_wrap {
      width: 92%;
    }
    .label, .toggle-text {
      font-size: 2rem;
    }
    .child_tab{
      gap: 4vw;
    }
    .sec2_right .txt_t{
      font-size: 7vw;
    }
    .sec2_right .txt_t h4{
      font-size: 5vw;
    }
    .sec2_right .txt_t h4 img{
      width: 5vw;
    }
    .sec2{
      background-size: 100vw;
    }
  }
  
  
  @media (min-width:0px) and (max-width:430px){
    .equ .machine .flip-card {
      height: 75vw;
      width: 250px;
    }
    .equ_title{
      font-size: 6vw;
    }
    .map_tit_sticker{
      font-size: 5vw;
    }
    
    .equ .machine .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal{
      height: 5px;
    }
    .map_tit, .map_tit.color1{
      gap: 10px;
      font-size: 7vw;
    }
    .map_tit img{
      width: 7vw;
    }
    .way_right::after{
      width: 13vw;
      height: 13vw;
    }
    .blog_ul_last,.quick_logo_c span{
      font-size: 2.8vw;
    }
    .quick_logo_c{
      width: 18vw;
      height: 18vw;
    }
    .tab_wrap .tab, .label, .toggle-text{
      font-size: 4.5vw;
    }
    .slider{
      padding: 0 6px;
    }
    .label_wrap {
      width: 95%;
    }
    .sec2_right .ul_flex{
      gap: 2vw;
      flex-direction: column;
    }
    .sec1_right h3 {
      font-size: 7.5vw;
    }
    .sec1_sign p {
      font-size: 4.5vw;
    }
    .sec1 .sec1_sign strong{
      font-size: 6.5vw;
    }
    .sec1_txt .split{
      font-size: 4vw;
    }
    .blog_ul{
      border: 2px solid #BFCFD2;
    }
    .blog_ul li{
      border-right: 1px solid rgb(127, 127, 127, 0.3);
      gap: 2vw;
    }
    
  }
  @media (min-width:0px) and (max-width:375px){
    .equ .machine .flip-card{
      width: 180px;
    }
    .child_tab, .clinic1_left .color{
      font-size: 6vw;
    }
  }
  @media (min-width:0px) and (max-width:300px){
    
  }