@charset "UTF-8";



/* ==================================================================
    서브 공통 스타일
===================================================================== */

h3 {
  font-size: 4.5rem;
}

h4 {
  font-size: 4rem;
}

h5 {
  font-size: 3.5rem;
}

@media (max-width: 768px) {
  h3 {
    font-size: 3.5rem;
  }

  h4 {
    font-size: 3rem;
  }

  h5 {
    font-size: 2.6rem;
  }
}

/* ==================================================================
    의료진소개 - doctor
===================================================================== */
.doctor {

  /* 자격 롤링 영역 */
  .credentials {
    position: relative;
    margin: 5rem 0 4rem;
    padding-bottom: 4rem;

    &:after {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background: var(--999);
      position: absolute;
      bottom: 0;
      left: 0;
      position: absolute;
      bottom: 50px;
    }

    .cred-carousel {
      .item {
        text-align: center;
        /* opacity: 0.45; */
        transition: opacity 0.5s ease, transform 0.5s ease;
        padding: 1rem 0;
        color: var(--666);
        min-height: 20rem;
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 8rem;

        h3 {
          margin-bottom: 1.2rem;
          color: var(--444);
          /* transition: font-size 0.5s ease, color 0.5s ease; */
          color: #999;
          font-weight: 800;
          transition: all 0.4s ease-in-out;
        }

        p {
          font-size: 2rem;
          color: var(--999);
          font-weight: 700;
          transition: all 0.4s ease-in-out;
        }

        .cred-dot {
          position: absolute;
          display: block;
          left: 50%;
          bottom: 4px;
          transform: translateX(-50%);
          width: 1.4rem;
          height: 1.4rem;
          background: var(--999);
          border-radius: 50%;
          transition: all 0.4s ease-in-out;
        }
      }

      .owl-item.center .item {
        opacity: 1;

        .cred-dot {
          width: 2.2rem;
          height: 2.2rem;
          background: var(--point);
          bottom: 0;
        }

        h3 {
          font-size: 7rem;
          color: var(--333);
          font-weight: 700;
          line-height: 1;
        }

        p {
          color: var(--333);
        }
      }

      .owl-nav {
        position: absolute;
        top: 28%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        display: flex;
        justify-content: space-between;
        pointer-events: none;

        button.owl-prev,
        button.owl-next {
          pointer-events: auto;
          background: transparent !important;
          border: 0;
          color: #919191;
          font-size: 3rem;
          width: 4rem;
          height: 4rem;
          line-height: 1;
          transition: color 0.3s;

          &:hover {
            color: var(--point);
          }

          span {
            display: none;
          }
        }
      }
    }


  }

  /* 보건복지부 인증 구강내과 전문의 sub_title 보정 */
  .sub_title {
    margin: 5rem 0 7rem;
    text-align: center;



    h2 {
      font-size: 4rem;
      font-weight: 700;
      line-height: 1.2;
      margin-bottom: 3rem;
      color: var(--000);
    }

    p {
      color: #717070;
      line-height: 138.889%;
      margin-top: 1.5rem;
      font-weight: 600;
    }
  }

  /* 원장 프로필 */
  .doctor_profile {

    .photo {
      img {
        width: 100%;
        height: auto;
        display: block;
        filter: grayscale(100%);
      }
    }

    .info {
      background: #EDECF0;
      padding: 5rem 6rem 6rem;
    }

    .name {
      font-size: 6.4rem;
      font-weight: 300;
      color: var(--000);
      margin-bottom: 5rem;




      b {
        font-weight: 800;
        margin-right: .8rem;
      }
    }

    .cols {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 5rem;

      h4 {
        font-size: 2.5rem;
        font-weight: 700;
        color: var(--000);
        margin-bottom: 2rem;
      }

      ul.bare {
        list-style: none;
        margin: 0 0 2.5rem;
        padding: 0;

        >li {
          font-size: 2.5rem;
          line-height: 160%;
          color: var(--333);
          padding: 0;
          border: 0;
          display: block;
          font-weight: 300;
        }

        &:last-child {
          margin-bottom: 0;
        }
      }
    }
  }


}


/* 모바일 (해상도 768px 이하) */
@media (max-width: 768px) {
  .doctor {

    .credentials {
      margin: 0rem 0 0rem;

      .cred-carousel {
        .item {
          padding-bottom: 2rem;

          h3 {
            font-size: 2rem;
          }
        }

        .owl-item.center {
          .item h3 {
            font-size: 4rem;
          }
        }

        .owl-nav button.owl-prev,
        .owl-nav button.owl-next {
          font-size: 2.2rem;
        }
      }
    }

    .sub_title {
      margin: 3rem 0 5rem;

      h2 {
        font-size: 2.4rem;
      }

      p {
        font-size: 1.5rem;
      }
    }

    .doctor_profile {
      .info {
        padding: 3rem 2rem 4rem;
      }

      .name {
        font-size: 2rem;
        margin-bottom: 3rem;

        b {
          font-size: 3rem;
        }
      }

      .cols {
        grid-template-columns: 1fr;
        gap: 3rem;

        ul.bare>li {
          font-size: 1.5rem;
        }
      }
    }
  }
}

/* ==================================================================
    병원둘러보기 (interior)
===================================================================== */


/* 인트로 */
.intro {
  text-align: center;
  margin-bottom: 6rem;

  h3 {
    font-size: 7rem;
    font-weight: 700;
    line-height: 1.15;
    color: var(--333);
    margin-bottom: 4rem;
    letter-spacing: -0.03em;
    margin-top: 5rem;
  }

  p {
    color: var(--666);
    line-height: 133.333%;
    font-weight: 400;
  }
}

/* 대표 이미지 */
.main_visual {
  width: 100%;
  margin-bottom: 2rem;
  overflow: hidden;

  img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
  }
}

/* 갤러리 4 x 2 */
.gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  list-style: none;
  padding: 0;
  margin: 0;

  >li {
    overflow: hidden;

    a {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
    }

    img {
      width: 100%;
      height: 100%;
      aspect-ratio: 16 / 9;
      object-fit: cover;
      display: block;
      transition: transform 0.5s ease;
    }

    &:hover img {
      transform: scale(1.06);
    }
  }
}

/* 타블렛 (해상도 1024px 이하) */
@media (max-width: 1024px) {
  .interior {
    .intro {
      margin-bottom: 5rem;

      h3 {
        font-size: 4.2rem;
      }
    }

    .gallery {
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
    }
  }
}

/* 모바일 (해상도 768px 이하) */
@media (max-width: 768px) {
  .interior {
    .section01 {
      >.inwrap {
        padding: 5rem 1.5rem 8rem;
      }
    }



    .intro {
      margin-bottom: 4rem;

      h3 {
        /* font-size: 3.2rem; */
        margin-bottom: 2rem;
      }

      p {
        /* font-size: 1.5rem; */
      }
    }

    .main_visual {
      margin-bottom: 1.2rem;

      img {
        aspect-ratio: 4 / 3;
      }
    }

    .gallery {
      grid-template-columns: repeat(2, 1fr);
      gap: 1rem;
    }
  }
}

/*==================================================================
    진료안내 (time)
===================================================================== */


/* 지도 */
.map_wrap {
  margin-top: 2rem;

  #map2 {
    width: 100%;
    height: 50rem;
    border: 1px solid #d3d3d3;
    border-radius: 2rem;
    box-sizing: border-box;
    overflow: hidden;
  }

  .map_btns {
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;

    a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 12rem;
      padding: 1rem 2.5rem;
      font-size: 2rem;
      font-weight: 400;
      color: var(--333);
      background: #f5f3ef;
      border: 1px solid rgba(var(--pointcolor-rgb), 0.3);
      border-radius: 3rem;
      text-decoration: none;
      transition: background 0.25s, color 0.25s;

      &:hover {
        background: var(--point);
        color: var(--fff);
      }
    }
  }
}

/* 정보 그리드 */
.info_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem 6rem;
  margin-top: 6rem;
  list-style: none;
  padding: 0;
}

.info_col {
  list-style: none;
  padding: 0;
  margin: 0;

  >li {
    display: flex;
    align-items: flex-start;
    gap: 2.5rem;
    padding: 2.5rem 0;
    border-top: 1px solid rgba(var(--pointcolor-rgb), 0.25);

    &:last-child {
      border-bottom: 1px solid rgba(var(--pointcolor-rgb), 0.25);
    }

    .ic {
      flex: 0 0 5rem;
      width: 5rem;
      height: 5rem;
      border-radius: 50%;
      background: #1a1a1a;
      color: #fff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 2.2rem;

      i {
        &:before {
          margin: 0;
          width: auto;
        }
      }
    }


    .txt {
      flex: 1;
      min-width: 0;

      h4 {
        font-size: 2rem;
        font-weight: 700;
        color: var(--000);
        line-height: 1.4;
        margin: 0 0 .6rem;
        word-break: keep-all;
      }

      p {
        font-size: 1.6rem;
        color: var(--666);
        line-height: 1.5;
        margin: 0;
        font-weight: 300;

        &.tel {
          font-size: 5rem;
          font-weight: 700;
          color: var(--000);
          font-family: Barlow;
        }

        &.notice {
          margin-top: 1.5rem;
          font-size: 2rem;
          color: var(--999);
          font-weight: 500;
        }
      }
    }
  }
}

/* 버스 리스트 */
.bus_list {
  list-style: none;
  padding: 0;
  margin: 0;

  >li {
    display: flex;
    align-items: center;
    gap: .8rem;
    font-size: 1.6rem;
    color: var(--666);
    line-height: 1.6;
    font-weight: 300;
  }

  .bus_color {
    display: inline-block;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    background: #999;
    flex: 0 0 .8rem;

    &.blue {
      background: #3a73c1;
    }

    &.green {
      background: #5fb04a;
    }
  }
}

/* 진료시간 리스트 */
.time_list {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .8rem 3rem;















  >div {
    display: flex;
    align-items: baseline;
    gap: 2rem;
    font-size: 1.6rem;
    line-height: 1.5;




    dt {
      flex: 0 0 7rem;
      color: var(--333);
      font-weight: 600;
      font-size: 2rem;
    }

    dd {
      margin: 0;
      color: var(--666);
      font-weight: 600;
      font-size: 2rem;
    }
  }
}

/* 타블렛 */
@media (max-width: 1024px) {
  /*.map_wrap {
      #map2 { height: 40rem; }
    }

    .info_grid {
      gap: 3rem 4rem;
      margin-top: 5rem;
    }

    .time_list {
      grid-template-columns: 1fr;
    }*/
}



/* 모바일 (해상도 768px 이하) */
@media (max-width: 768px) {

  .map_wrap {
    margin-top: 1.5rem;

    #map2 {
      height: 28rem;
      border-radius: 1.2rem;
    }

    .map_btns {
      margin-top: 2rem;
      gap: .8rem;

      a {
        min-width: 0;
        flex: 1;
        padding: 1rem 1.5rem;
        font-size: 1.5rem;
      }
    }
  }

  .info_grid {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 3rem;
  }

  .info_col {
    >li {
      padding: 2rem 0;
      gap: 1rem;


      .ic {
        flex: 0 0 4rem;
        width: 4rem;
        height: 4rem;
        font-size: 1.8rem;
      }

      .txt {
        h4 {
          font-size: 1.8rem;
        }

        p {
          /* font-size: 1.4rem; */

          &.tel {
            font-size: 4rem;
          }

          &.notice {
            /* font-size: 1.3rem; */
          }
        }

        .time_list {
          display: flex;
          flex-direction: column;
          margin-top: 1rem;
        }
      }
    }

    /* 두 번째 컬럼 첫 항목의 위쪽 보더가 중복되지 않도록 유지 */
    &:last-child>li:first-child {
      border-top: 1px solid rgba(var(--pointcolor-rgb), 0.25);
    }
  }

  .bus_list>li {
    /* font-size: 1.4rem; */
  }

  .time_list>div {
    font-size: 1.4rem;
    gap: 1.5rem;






    dt {
      flex: 0 0 7.5rem;
    }
  }
}


/* ==================================================================
    특별함 (special)
===================================================================== */


/* ------------------------ 상위 1% ------------------------ */
.sp_top {
  text-align: center;
  padding: 6rem 0 0;

}

/* ------------------------ 공통 블록 ------------------------ */


/* Qualified Dentist 장치 */
.appliance {
  .section_tit {
    i {
      font-size: 10rem;
      color: var(--000);
    }
  }

  .appl_main {
    margin: 0 auto 4rem;
    max-width: 90rem;
    position: relative;
    z-index: -1;



















    >div {
      position: absolute;
      color: var(--fff);
      left: 50%;
      /* top: 50%; */
      transform: translate(-50%, 0%);
      width: 100%;
      bottom: 20%;

      p {
        font-size: 1.8rem;
        color: var(--fff);
        width: 100%;
        line-height: 1.6;
      }
    }

    img {
      width: 100%;
      display: block;
      border-radius: 1rem;
    }

    >h5 {
      position: absolute;
      color: var(--fff);
      font-size: 4rem;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
    }

    .psi_absolute {
      position: absolute;
      z-index: 1;
      bottom: 5rem;
      left: 50%;
      transform: translate(-50%, 0);
      width: 90%;








































      * {
        color: var(--fff);

      }

      >li {
        display: flex;
        align-items: center;
        border-top: 1px solid #AEAEAE;
        gap: .5rem;
        padding: 1rem 0;
        
        

        &:first-child {
          border: none;
        }

        i {
          font-size: 2.4rem;
          color: var(--point-soft);
        }

        h5 {
          font-size: 2rem;
          min-width: 20rem;
          text-align: left;
        }

        p {
          text-align: left;
          font-size: 1.8rem;
          margin: 0;
        }
      }
    }

  }


}

@media (max-width: 768px) {
  .chin {
    .appl_main {
      margin-bottom: 3rem;

      h5 {
        font-size: 2.4rem;
      }
    }

    .circle_list {
      gap: 2rem;

      >li {
        flex-direction: column;

        h4 {
          width: 100%;
          height: auto;
          padding: 1rem 0;
          margin-bottom: 0;

          b {
            margin: 0;
          }
        }

        p {
          text-align: center;
        }
      }
    }
  }

  .appliance {
    .appl_main {
      >div {
        position: relative;
        color: var(--3232);
        margin-top: 2rem;

        p {
          color: var(--3232);
        }
      }

      .psi_absolute {
        position: static;
        transform: translate(0px, 0px);
        width: 100%;


        >li {
          display: flex;
          flex-direction: column;
          position: relative;
          align-items: flex-start;
          padding: 2rem 0;

          * {
            color: var(--333);
          }

          i {
            position: absolute;
            left: 0;
          }

          h5 {
            text-align: left;
            padding-left: 3.5rem;
          }

          p {}
        }



      }
    }

}
}
  /* 쉼 */
  .rest {
    .rest_title {
      font-size: 12rem;
      font-weight: 800;
      color: var(--000);
      line-height: 1;
      margin: 0 0 2rem;

      .dot {
        color: var(--sp-point);
      }
    }

    .rest_lead {
      font-size: 2.4rem;
      color: var(--333);
      font-weight: 400;
      margin: 0 0 1rem;

      b {
        color: var(--000);
        font-weight: 700;
      }
    }

    .rest_desc {
      font-size: 1.4rem;
      color: var(--666);
      margin: 0 0 4rem;
    }

    .rest_gallery {
      list-style: none;
      padding: 0;
      margin: 0 auto 4rem;
      /* max-width: 90rem; */
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem;




      img {
        width: 100%;
        /* aspect-ratio: 4 / 3; */
        /* object-fit: cover; */
        display: block;
        /* border-radius: .6rem; */
        /* background: #efe7da; */
      }
    }

    .rest_outro {
      margin: 0 auto;
      font-size: 2rem;
      color: var(--000);
      line-height: 1.8;

      strong {
        color: var(--sp-point);
        font-weight: 600;
      }
    }
  }


  @media (max-width: 768px) {
    .rest {
      padding-bottom: 0;

      .rest_gallery {
        gap: .5rem;
        margin-bottom: 2rem;
      }

      .rest_outro {
        font-size: 1.8rem;
      }

    }
  }

    
  /* ==================================================================
    턱관절 (chin / TMJ)
===================================================================== */

  /* ---------------------- 5단계 치료 시스템 ---------------------- */

  .step_list_lg {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 94rem;
    display: grid;
    flex-direction: column;
    gap: 3rem;

    >li {
      display: flex;
      grid-template-columns: 29rem 9rem 1fr;
      gap: 4rem;
      align-items: center;
      background: #fff;

      >div {
        display: flex;
        align-items: center;
        gap: 4rem;


        .badge {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          background: var(--444);
          color: #fff;
          font-size: 2.4rem;
          font-weight: 600;
          border-radius: 10rem;
          width: 9.4rem;
          height: 9.4rem;
          font-family: 'Barlow';
          flex-shrink: 0;
          flex: 0 0 9.4rem;
        }

        .txt {
          text-align: left;
          flex: 46rem;

          h5 {
            /* margin: 0 0 .6rem; */
            font-size: 2.5rem;
            color: var(--000);
            font-weight: 600;
          }

          p {
            margin: 0;
            color: var(--666);
            line-height: 1.6;
          }
        }

      }

      .thumb {
        overflow: hidden;
        border-radius: .6rem;
        /* aspect-ratio: 4 / 3; */
        background: #2a2724;
        flex-shrink: 0;

        img {
          width: 100%;
          height: 100%;
          /* object-fit: cover; */
          display: block;
        }
      }

      &:hover {
        .badge {
          background: var(--point);
        }
      }
    }
  }


  /* ==================== 반응형 ==================== */

  /* 모바일 */
  @media (max-width: 768px) {
    .symptom_list {
      gap: 2rem 1rem;
      display: flex;
      flex-direction: column;
      align-items: center;

      >li {
        padding-top: 0;
        display: flex;
        align-items: center;
        gap: 2rem;

        .num {
          width: 10rem;
          height: 10rem;
          font-size: 2.3rem;
          position: static;
          transform: translateX(0%);
          .small{
            
font-size: 1.8rem;
          }
        }

        strong {
          font-size: 1.5rem;
        }

        p {
          /* font-size: 1.2rem; */
          text-align: left;
          min-width: 19rem;
        }

        &:after {
          display: none;
        }
      }
    }



    .tmj_hero {
      padding: 2rem 0 1rem;

      .hero_img {
        max-width: 30rem;
      }
    }

    .tmj_warn {
      padding: 4rem 0 3rem;

      .warn_ic {
        width: 5rem;
        height: 5rem;
        font-size: 2.4rem;
      }

      .warn_title {
        font-size: 1.8rem;
      }

      .warn_desc {
        font-size: 1.3rem;
        margin-bottom: 3rem;
      }


    }

    .tmj_cause {
      padding: 4rem 0 3rem;

      .cause_q {
        font-size: 6rem;
      }

      .cause_title {
        font-size: 1.8rem;
      }

      .cause_desc {
        font-size: 1.3rem;
        margin-bottom: 3rem;
      }

      .cause_list {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        max-width: 30rem;
        margin: 0 auto;

        >li .thumb {
          max-width: 18rem;
          margin-left: auto;
          margin-right: auto;
        }
      }
    }

    .tmj_one {
      padding: 4rem 0 3rem;

      .one_num .num {
        font-size: 7rem;
      }

      .one_num .pct {
        font-size: 3rem;
        margin-top: 1rem;
      }

      .one_title {
        font-size: 1.8rem;
      }

      .one_desc {
        font-size: 1.3rem;
        margin-bottom: 3rem;
      }

      .one_visual {
        margin-bottom: 3rem;

        img {
          aspect-ratio: 4 / 3;
        }

        .overlay p {
          font-size: 1.4rem;

          b {
            font-size: 1.6rem;
          }
        }
      }

      .one_circles {
        grid-template-columns: 1fr;
        gap: 3rem;

        >li .cir {
          width: 12rem;
          height: 12rem;
        }
      }
    }

    .tmj_step {
      /* padding: 0rem; */



      .step_head {
        margin-bottom: 2.5rem;

        .step_num b {
          font-size: 6rem;
        }

        .step_num span {
          font-size: 1.8rem;
          padding-bottom: 1rem;
        }

        .step_title {
          font-size: 1.8rem;
        }

        .step_desc {
          font-size: 1.3rem;
        }
      }

      .step_list_lg {
        gap: 2rem;

        >li {

          display: flex;
          flex-direction: column;
          gap: 1rem;

          >div {
            gap: 1rem;
            width: 100%;
          }

          .badge {
            font-size: 1.6rem;
            height: 5rem;
            flex: 0 0 5rem;
            line-height: 1em;
          }

          .txt {
            flex: auto;

            h5 {
              /* font-size: 1.5rem; */
            }

            p {
              /* font-size: 1.2rem; */
              line-height: 1.3;
            }
          }
        }
      }
    }



  }

  /* 소형 모바일 */
  @media (max-width: 480px) {
    .tmj_hero .hero_title {
      font-size: 5.5rem;
    }

    .tmj_warn .symptom_list>li p {
      font-size: 1.1rem;
    }

    .tmj_one .one_num .num {
      font-size: 5.5rem;
    }

    .tmj_step .step_num b {
      font-size: 5rem;
    }

  }

  .dotWrap {
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin: 4rem 0;

    span {
      background: #D9D9D9;
      display: inline-block;
      width: 1.2rem;
      height: 1.2rem;
      border-radius: 10rem;
    }
  }

  @media (max-width: 768px) {
    .dotWrap {
      margin: 2rem 0;
    }
  }

  .snoring_section_3 {
    background: var(--333);
    padding: 6rem;

    * {
      color: var(--fff);
    }

    >h4 {
      font-size: 4.5rem;
    }

    >ul {
      margin-top: 4rem;
      display: flex;

      li {
        flex: 1;

        &:first-child {
          border-right: 1px solid var(--fff);
        }

        i {
          font-size: 6rem;
          color: var(--point2);
        }

        p {
          line-height: 133.333%;
          font-weight: 500;
        }

        h5 {
          font-size: 2.6rem;
        }
      }
    }
  }

  @media (max-width: 768px) {
    .snoring_section_3 {
      padding: 5rem 2rem 3rem;

      h4 {
        font-size: 2.6rem;
      }

      >ul {
        display: flex;
        flex-direction: column;
        margin-top: 2rem;

        li {
          padding: 3rem 0 5rem 0;

          &:first-child {
            border: 0;
            border-bottom: 1px solid var(--fff);
          }
        }
      }
    }
  }

.line_list {
  display: flex;
  gap: 2rem;
  justify-content: center;

  >li {
    >div {
      border-left: 5px solid var(--point);
      margin-top: 2rem;
      text-align: left;
      padding: 2rem;

      h5 {
        font-size: 2.5rem;
        color: var(--000);
        font-weight: 600;

      }

      dl {
        margin-top: 2rem;

        dt {
          color: var(--666);
          font-weight: 700;
        }

        dd {
          margin-top: .5rem;
        }
      }
    }

  }
}

@media (max-width: 768px) {
  .line_list {
    display: flex;
    flex-direction: column;

    >li {}
  }
}


/* 구내염 */
.stomatitis{
  .section02{
    .symptom_list{
      > li{
        &:not(:last-child):after{
          display: none;
        }
      }
    }
  }
  .section03{
    .psi_absolute{
      > li{
        h5{
          min-width: 23rem;
        }
      }
    }
  }
}

.facial_pain{
  .sub_top_tit {
    .hero_title{
      font-size: 14rem;
    }
  }
  .line_list {
    display: flex;
    flex-direction: column;
    > li{
      display: flex;
      flex-direction: row-reverse;
      p{
        line-height:1.5;
      }
      
      >div{
        margin: 0;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
      }
      &:nth-child(2n){
        display:flex;
        flex-direction: row;
      }
    }
  }
}

@media (max-width: 768px) {
  .facial_pain{
    .sub_top_tit {
      .hero_title{
        font-size: 6rem;
        }
      }
    .sub_hero {
      .hero_card{
        display: flex;
        flex-direction: column;
      }
    }
    .line_list {
      > li{
        flex-direction: column;
        &:nth-child(2n){
          display:flex;
          flex-direction: column;
        }
      }
    }
  
  }
}