@media (min-width:0px) and (max-width:1700px) {
  .program .slide_box{
    left: 40vw;
  }
  .intro-bg-wrap{
    background-size: initial;
  }
}
@media (min-width:0px) and (max-width:1600px){
  .intro-bg-wrap{
    background-size: 39vw 100%;
  }
  .intro-bg-wrap::after{
    width: 35vw;
  }
  .gallery-single.swiper{
    max-width: 1280px;
    width: 100%;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .sec6 .sec4-next{
  right: -1%;
}
.sec6 .sec4-prev{
  left: -1%;
}
.sec6 .sec4-controls {
    top: 18vw;
}
}
@media (min-width:0px) and (max-width:1457px){
  .sec3-top-btn-box{
    width: 880px;
  }
  .sec3-bot-left img{
    object-fit: contain;
  }
  .sec4-left{
    width: 70vw;
    height: auto;
    padding: 3vw;
  }
  .sec4-left-img{
    gap: 1.5vw;
  }
  .sec4-left-img li{
    font-size: 1.5vw;
  }
}
@media (min-width:0px) and (max-width:1280px){
  
  .text_box{
    width: 39vw;
    height: 42vw;
    padding: 4.5vw 0px 0px 2.5vw;
  }
  .prgm_pagination{
    margin-top: 5vw;
  }
  .prgm_slide .swiper-slide .item_wr{
    width: 27vw;
    height: 34vw;
  }
  .prgm_slide .txt_box .tit{
    font-size: 2.3vw;
  }
  .sec4-left-img li{
    font-size: 1.5vw;
  }
  .sec4-prev {
    left: -2vw;
  }
  .sec4-next {
    right: -3vw;
  }
  .sec4-left{
    left: 2vw;
  }
  .sec4-left.s5{
    position: static;
  }
  .text_box::after{
    width: 30vw;
    height: 25vw;
  }
  .program .slide_box {
    left: 39vw;
  }
  .text_box .tiny{
    font-size: 1.2vw;
  }
  .text_box .title{
    font-size: 3.5vw;
  }
  .title_sub{
    font-size: 2vw;
  }
  .prgm_slide .txt_box .tit i{
    font-size: 2vw;
  }
  .prgm_pagination .swiper-pagination-bullet{
    width: 1.5vw;
    height: 1.5vw;
  }

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0.6vw) !important;
}
  .prgm_pagination .swiper-pagination-bullet-active{
    width: 3vw;
  }
  .program .slide_box{
    width: 120vw;
  }
  .txt_bg{
    top: 0px;
  }
  .sec2-left{
    padding: 30px 30px 0px 30px;
  }
  .sec4-left p{
    font-size: 1.7vw;
  }
  .sec4-left-img.reverse::after{
    top: -3vw;
    right: -2vw;
  }
  .sec4-left-img.reverse.second::after {
    left: -2vw;
  }
  .sec5-left, .sec5-right{
    flex: 1;
    height: 345px;
  }
  .sec5-left img{
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .map_txt_ul li{
    gap: 3vw;
  }
  .map_txt_ul li em{
    width: 12vw;
  }
  .way_left{
    flex: 1;
  }
  .way_right{
    flex: 1.1;
  }
  .gallery-arrow_img_wrap{
    gap: 0;
  }
  .gallery-single.swiper{
    height: auto;
    left: 50%;
        transform: translateX(-50%);
        width: 90%;
  }
}
@media (min-width:0px) and (max-width:1080px){
  .intro_wrap{
    gap: 0px;
  }
  .intro_wrap{
    align-items: flex-end;
  }
  .intro-bg-wrap {
    background-size: 40vw 100%;
  }
  .txt_bg{
    font-size: 10vw;
  }
  .sec2-right{
    font-size: 1.6vw;
  }
  .sec3-bot{
    flex-direction: column;
  }
  .sec3::before{
    height: 100%;
  }
  .sec3-bot-left img{
    width: 50vw;
    height: auto;
  }
  .sec3-top-btn-box{
    margin-bottom: 20px;
  }
  .sec3-bot-right-bot-top{
    justify-content: center;
    align-items: center;
  }
  .sec4-content.active{
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    gap: 2vw;
  }
  .sec4::before{
    height: 115vw;
  }
  .sec4-right{
    width: 60vw;
  }
  .sec4-left{
    width: 60vw;
    border-radius: 30px;
    left: 0;
  }
  .sec4-top-btn-box ul{
    font-size: 2.8vw;
  }
  .sec4-left-img li {
    font-size:2vw;
  }
  .sec4-left p {
    font-size: 2.1vw;
  }
  .sec4-left h4{
    font-size: 3vw;
  }
  .sec4-left h3{
    font-size: 3.7vw;
  }
  .sec4-prev{
    left: 8vw;
  }
  .sec4-next{
    right: 8vw;
  }
  .way_right{
    padding: 2.6vw;
  }
  .way_right {
    flex: 1.4;
  }
}

@media (min-width:0px) and (max-width:1024px){
  .sec3-top-btn-box {
    width: 100%;
  }
  .sec3-top-btn-box .clinic-list{
    padding: 1.3vw;
  }
  .sec3-top-btn-box .clinic-list li{
    font-size: 3.2vw;
  }
  .sec3-top-btn-box .clinic-list li{
    padding: 0vw 6vw;
    border-radius: 15px;
  }
  .sec3-bot-right-bot{
    width: 76%;
    align-items: center;
  }
  .sec3-bot-right-txt{
    align-items: center;
  }
  .sec3-bot-right-bot-wrap{
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
@media (min-width:0px) and (max-width:900px){
  .sec2-flex{
    flex-direction: column;
  }
  .sec2-left img{
    position: static;
    transform: initial;
  }
  .sec2-right {
    font-size: 2.3vw;
  }
  
  .sec2-left{
    width: 50vw;
    height: auto;
  }
  .sec2-left h3 span{
    font-size: 3.3vw;
  }
  .sec2-left h3{
    font-size: 5vw;
    gap: 2vw;
  }
  .sec2-left {
    padding: 3vw 3vw 0px 3vw;
  }
  
  .sec2-left h3 span{
    height: 5vw;
  }
  .sec5-content, .sec5-content.reverse{
    flex-direction: column;
    gap: 5vw;
  }
  .sec5-left img, .sec5-left.second img{
    border-radius: 30px;
  }
  .sec4-left.s5{
    width: 85%;
    position: relative;
  }
  .sec5-left, .sec5-left.second{
    left: 0;
  }
  .sec4-left-img.reverse::after{
    top: -4vw;
    right: -4vw;
  }
  .sec4-left-img.reverse.second::after{
    right: -4vw;
        left: inherit;
        top: -4vw;
  }
  .way_wrap{
    flex-direction: column-reverse;
    gap: 5vw;
  }
  .way_left{
    width: 75%;
    left: 0;
  }
  .way_left, .map, .root_daum_roughmap_landing{
    border-radius: 50px;
  }
  .way_left, .root_daum_roughmap_landing, .map{
    height: 60vw;
  }
  .way_right{
    position: relative;
    width: 85%;
    padding: 4vw;
  }
  .way_wrap::before{
    top: -6vw;
    right: 0vw;
    width: 17vw;
    height: 17vw;
  }
    .sec5-left img{
    height: auto;
    width: 90%;
    margin: 0 auto;
    object-fit: cover;
  }
}
@media (min-width:0px) and (max-width:768px){
  .intro_wrap{
    flex-direction: column;
    gap: 0;
  }
  .intro-bg-wrap {
    background-size: 100%;
  }
  .intro_left{
    text-align: center;
  }
  .intro-bg-wrap::after{
    bottom: 0;
    background: url(../img/intro_bg_logo.png) no-repeat right bottom;
    width: 100%;
    height: auto;
  }
  .intro_right img{
    margin: 0 auto;
  }
  .intro_right {
    width: 40vw;
  }
  .intro-bg-wrap{
    background: url(../img/intro_bg.png) no-repeat center/cover;
  }
  .emphasis-text{
    font-size: 8vw;
  }
  .intro-description p{
    font-size: 3.3vw;
  }
  .intro_right {
    width: 60vw;
  }
  .intro-bg-wrap::after{
    width: 100vw;
    background-size: contain;
  }
  .circle1 {
    left: 2.3vw;
  }
  .circle2 {
    left: 9vw;
  }
  .circle3 {
    left: 16vw;
  }
  .circle1, .circle2, .circle3{
    width: 2vw;
    height: 2vw;
  }
  .doctor-sign i{
    font-size: 4.5vw;
  }
  .intro_wrap{
    align-items: center;
  }
  .program .slide_box {
    width: 50vw;
  }
  .text_box {
            width: 67vw;
    height: 70vw;
    padding: 4vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 25px;
    text-align: center;
  }
  .prgm_pagination {
    margin-top: 8vw;
  }
  .text_box .title {
    font-size: 5.8vw;
  }
  .prgm_slide .swiper-slide .item_wr {
    width: 43vw;
    height: 56vw;
  }
  .program .slide_box {
    left: 55vw;
  }
  .text_box .tiny {
    font-size: 1.8vw;
  }
  .prgm_slide .txt_box .tit {
    font-size: 4vw;
  }
  .prgm_slide .txt_box .tit i {
    font-size: 3.5vw;
  }
  .title_sub {
    font-size: 3.2vw;
  }
  .prgm_pagination .swiper-pagination-bullet {
    width: 2vw;
    height: 2vw;
  }
  .prgm_pagination .swiper-pagination-bullet-active{
    width: 5vw;
  }
  .text_box::after {
    width: 35vw;
    height: 32vw;
  }
  .prgm_slide .swiper-slide .item_wr figure img{
    object-fit: contain;
  }
  .txt_bg {
    font-size: 15vw;
  }
  .sec3-top-txt-box p{
    font-size: 2.2rem;
  }
  .sec3-top-txt-box br{
    display: none;
  }
  .sec3-bot-right-bot-top p{
    font-size: 2.2rem;
    width: 97%;
    text-align: center;
  }
  .sec3-bot-right-bot-top h3{
    font-size: 6.3vw;
  }
  .sec4-left p{
    font-size: 2.2rem;
  }
  .sec4-left h3 {
    font-size: 5vw;
  }
  .sec4-left h4 {
    font-size: 3.5vw;
  }
  .sec4-left{
    width: 570px;
  }
  .sec4-prev {
    left: -2vw;
  }
  .sec4-next {
    right: -2vw;
  }
  .sec4-left-img li {
    font-size: 2.9vw;
  }
  .sec4::before {
    height: 75%;
  }
  .sec4-right h5{
    bottom: 3vw;
    right: 3vw;
  }
  .sec4-right {
    width: 460px;
  }
  .sec4-controls{
    top: 22%;
  }
  .sec3-bot-right-bot-wrap ul li.on .focus{
    height: 5vw;
  }
  .sec4::after{
    height: 157vw;
  }
  .sec4 br, .title_sub br, .sec3 br, .sec4 br, .sec5 br, .sec6 br,.way br {
    display: none;
  }
  .sec3-bot-right-bot-top h3::after{
    bottom: 2vw;
  }
  
  .main-tit-after{
    font-size: 2vw;
  }

  .sec4-left.s5{
    width: 100%;
  }
  .way_right{
    height: fit-content;
  }
  .way_right,.way_left{
    width: 90%;
    border-radius: 50px;
  }
   .way_right {
    padding: 4.3vw;
  }
  .map_txt_ul {
    font-size: 3.2vw;
  }
  .map_txt_ul li {
    gap: 5vw;
  }
  .way_left, .root_daum_roughmap_landing{
    height: 60vw;
  }
  .way_right{
    height: fit-content;
  }
      .map_txt_ul li em {
        width: 16vw;
    }
    .program-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.program .slide_box{
  position: static;
          width: 100%;
          transform: inherit;
}
.prgm_pagination{
  justify-content: center;
  align-items: center;
}


}
@media (min-width:0px) and (max-width:600px){
  .sec4-left {
    width: 90vw;
    padding: 4vw;
    border-radius: 25px;
  }
  .sec4-right {
    width: 80vw;
  }
  .sec4::before {
    height: 73%;
  }
  .sec4-right h5{
    font-size: 4.3vw;
  }
  .sec4-left h3 {
    font-size: 4rem;
  }
  .sec4-left h4 {
    font-size: 2.5rem;
  }
  .sec4-left-img li {
    font-size: 3.4vw;
  }
  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0.9vw) !important;
}
}
@media (min-width:0px) and (max-width:550px){
  .sec3-top-txt-box p,
  .sec3-bot-right-bot-top p, .title_sub{
    font-size: 3.9vw;
  }
   .way_right{
    height: fit-content;
  }
  .way_right::after{
    width: 9vw;
    height: 9vw;
  }
  .way_right::after {
    width: 7vw;
    height: 7vw;
  }
  .map_top {
    font-size: 4vw;
  }
  .map_txt_ul {
            font-size: 3.7vw;
  }
  .map_txt_ul li {
    gap: 3vw;
  }
  .map_tit, .map_tit.color1{
    font-size: 5vw;
  }
  .map_tit img{
    width: 6vw;
  }
  .root_daum_roughmap .wrap_map {
    transform: translateY(-30vw);
  }
}
@media (min-width:0px) and (max-width:500px){
  .text_box .tiny {
    font-size: 2.3vw;
    margin-bottom: 2vw;
  }
  .prgm_slide .swiper-slide .item_wr figure img,
  .prgm_slide .swiper-slide .item_wr, 
  .prgm_slide .swiper-slide .item_wr figure{
    border-radius: 25px;
  }
  .first-li{
    font-size: 5.5vw;
  }
  .sec2-left{
    border-radius: 25px;
    width: 63vw;
  }
  .main-tit-after {
    font-size: 3vw;
  }
  .main_tit {
    font-size: 8vw;
  }
  .sec2-left h3{
    font-size: 7vw;
  }
  .sec2-left h3 span{
    height: 7vw;
    font-size: 5vw;
  }
  .sec2-right {
    width: 85%;
    font-size: 3.7vw;
  }
  .sec2-right-top{
    flex-direction: column;
        justify-content: center;
        gap: 4.7vw;
        margin-bottom: 4.7vw;
  }
  .sec3-top-btn-box .clinic-list{
    flex-direction: column;
    align-items: center;
    border-radius: 20px;
  }
  .sec3-top-btn-box .clinic-list li{
    font-size: 5.2vw;
    width: 100%;
    text-align: center;
  }
  .sec3-top-btn-wrap{
    width: 60%;
    margin: 0 auto;
  }
  .sec3-bot-right-bot-wrap ul{
    font-size: 4vw;
  }
  .sec3-bot-right-bot h4, .sec4-left h4{
    font-size: 5.5vw;
  }
  .sec3-bot-right-bot{
    padding: 5vw;
    gap: 5vw;
  }
  .sec3-bot-right-bot-wrap{
    gap: 5vw;
  }
  .sec3-bot-right-bot-img::after{
    width: 15vw;
    height: 15vw;
  }
  .sec3-bot-right-bot-img img{
    width: 70vw;
  }
  .sec3-top-txt-box .line{
    height: 4vw;
  }
  .sec3-bot-right-bot h4{
    width: 30vw;
  }
  .sec4-left p{
    font-size: 3.7vw;
  }
  .sec4-top-btn-box ul{
    font-size: 4.6vw;
  }
  .sec4-left-img li {
    font-size: 3.3vw;
  }
  .sec4-left h3{
    font-size: 6.3vw;
  }
  .sec4-left h3 .focus{
    height: 7vw;
  }
  .sec4-progressbar{
    height: 4px;
  }
      .gallery-nav .swiper-slide img {
        height: 14vw;
        border-radius: 15px;
    }
    .gallery-single .swiper-slide img, .way_right, .way_left,.way_left, .map, .root_daum_roughmap_landing, .sec5-left img{
      border-radius: 25px;
    }
    .sec4-left-img.reverse li{
      font-size: 4.3vw;
    }
    .sec4-left.reverse{
      padding: 4vw;
    }
    .sec4-left-img.reverse::after{
      width: 10vw;
      height: 10vw;
    }
    .gooey-menu ul li:last-of-type{
    margin-bottom: 15px;
}
.text_box{
  padding: 4vw;
}
.sec4-top-btn-box .clinic-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.sec4-top-btn-box .clinic-list li {
  flex: 0 0 calc((100% - 1rem * 2) / 3);
  text-align: center;
}

.sec4-top-btn-box .clinic-list li:nth-child(n+4) {
  flex: 0 0 calc((100% - 1rem) / 3);
}
    .sec4::before {
        height: 76%;
    }
    .text_box{
      width: 80vw;
    }
    .text_box .title{
      font-size: 7vw;
    }
     .prgm_pagination .swiper-pagination-bullet {
    width: 3vw;
    height: 3vw;
  }
   .prgm_pagination .swiper-pagination-bullet-active{
    width: 8vw;
  }
  .sec4-left-img.reverse::after{
            top: -3vw;
    right: -2vw;
  }
      .sec4-left.s5 {
        width: 95%;
    }
    .sec4-left-img.reverse.second::after{
              top: -3vw;
    right: -2vw;
    }
    .sec4-prev, .sec4-next{
  width: 15px;
  height: 15px;
}
}


@media (min-width:0px) and (max-width:430px){
  .way_right, .way_left{
    width: 100%;
  }
  .way_right {
    padding: 6.3vw;
  }
  .map_tit img{
    width: 7vw;
  }
  .map_tit{
    gap: 10px;
  }
  .map_txt_ul{
    font-size: 3.7vw;
  }
  .way_right::after{
            width: 11vw;
        height: 11vw;
  }
    .map_txt_ul li em {
    width: 18vw;
  }
  .map_tit, .map_tit.color1{
    font-size: 7vw;
  }
  .root_daum_roughmap .wrap_map {
    transform: translateY(-40vw);
  }
   .way_right, .way_left, .map, .root_daum_roughmap_landing, .root_daum_roughmap .wrap_map{
      border-radius: 30px;
    }
    .map_tit.color, .map_txt_ul li{
      font-size: 3.9vw;
    }
    .way_wrap::before{
      display: none;
    }
        .img_wrap {
        width: 43px;
        height: 43px;
    }
    .gooey-menu ul{
      gap: 10px;
    }
    .quick_logo {
      width: 47px;
      height: 47px;
    }
    .img_wrap img{
      width: 20px;
      height: 27px;
    }
    .gooey-menu ul li:last-of-type{
      margin-bottom: 10px;
    }
    .main_tit{
      margin-bottom: 1vw;
    }
    .f_right, .f_wrap{
      font-size: 3.5vw;
    }
    ul.copy_menu{
      font-size: 4vw;
    }
}
@media (min-width:0px) and (max-width:375px){
  .root_daum_roughmap .wrap_map {
    transform: translateY(-60vw);
  }
}