@media (min-width: 0px) and (max-width: 600px) {
  .sub-top-banner-content {
    padding: 70px 0 30px;
  }
  .sub-top-banner-title {
    font-size: 3vw;
    margin-bottom: 5px;
  }
  .sub-top-banner-subtitle {
    font-size: 8vw;
  }
  .sub-tab ul {
    padding: 5px 10px;
    border-radius: 14px;
  }
  .sub-tab ul li {
    padding: 0 10px;
    font-size: 3vw;
  }
  .m11-title {
    font-size: 3.5vw;
  }
  .m11-banner .inner {
    padding: 35px 11px;
  }
  .m11-banner .desc {
    font-size: 4vw;
  }
  .m11-banner .desc strong i {
    &::after {
      top: 0px;
      width: 4px;
      height: 4px;
    }
  }
  .m11-banner {
    border-radius: 20px;
  }
  .sub-title-logo {
    max-width: 20px;
    margin-bottom: 5px;
  }
  .sub-title {
    margin-bottom: 40px;
  }
  .sub-title em {
    font-size: 3.5vw;
  }
  .sub-title i {
    font-size: 3vw;
    margin-bottom: 5px;
  }
  .sub-title h3 {
    font-size: 7vw;
  }
  .sub-title-desc {
    font-size: 3.2vw;
    margin-top: 10px;
  }
  .m11-img {
    &::before {
      top: 10px;
      left: -15px;
    }
  }
  .m11-flex-wrap:nth-of-type(2n + 1) .m11-img {
    &::before {
      right: -15px;
    }
  }
  .m11-flex-wrap:not(:last-of-type) {
    margin-bottom: 50px;
  }
  .m11-flex-wrap,
  .m11-flex-wrap:nth-of-type(odd) {
    gap: 30px;
  }
  .m11-tit {
    font-size: 5.5vw;
  }
  .m11-tit + p {
    font-size: 4vw;
  }
  .doctor-name {
    font-size: 4vw;
  }
  .doctor-career,
  .doctor-cert {
    font-size: 3.5vw;
  }
  .doctor-papers {
    font-size: 3.2vw;
  }
  .sub12_ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
  .sub12_ul li {
    border-radius: 14px;
    padding: 15px 10px;
  }
  .sub12_ul h6 {
    font-size: 4.5vw;
  }
  .sub12_ul p {
    font-size: 3.2vw;
  }
  .m14-main-slider {
    margin-bottom: 20px;
    border-radius: 0 14px 14px 14px;
  }
  .m14-thumbnails {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .m14-thumb {
    border-radius: 0 14px 14px 14px;
  }
  .m14-thumb::before {
    border-radius: 0 14px 14px 14px;
  }
  .w-flex-wrap,
  .w-flex-wrap:nth-of-type(even) {
    flex-direction: column;
    gap: 20px;
  }
  .w-text {
    text-align: center;
  }
  .w-text h4 {
    font-size: 5.5vw;
    margin-bottom: 10px;
  }
  .w-text p {
    font-size: 3.5vw;
  }
  .ul-box-wrap {
    gap: 14px;
  }
  .ul-box-wrap li {
    padding: 30px 10px;
    border-radius: 0 16px;
    font-size: 4.5vw;
  }
  .qna-wrap {
    gap: 25px;
  }
  .qna-wrap > * {
    padding: 12px 25px;
    /* align-items: flex-start; */
  }
  .qna-wrap > * .q,
  .qna-wrap > * .a {
    font-size: 7vw;
  }
  .qna-wrap > * strong {
    font-size: 3.5vw;
  }
  .m4_1_2 .inner {
    margin: 50px auto;
    padding: 40px 20px;
    border-radius: 20px;
  }
  .m4-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .m4-grid > li {
    padding: 20px;
    border-radius: 20px;
  }
  .m4-grid > li ol li {
    font-size: 17px;
  }
  .m4-grid li h6 {
    font-size: 4.5vw;
    padding: 10px 20px;
    line-height: 1;
  }
  .m4-grid > li ol li,
  .m4-grid > li p {
    font-size: 3.5vw;
  }
  .m4_4_2 .m4-grid > li:first-of-type {
    grid-column: span 1;
  }
}
@media (min-width: 0px) and (max-width: 320px) {
  .sub12_ul {
    grid-template-columns: repeat(1, 1fr);
  }
}