@charset "UTF-8";

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'S-CoreDream';
}

#main section .inwrap {
  padding: 150px 15px;
}

.main_title {
  padding-bottom: 100px;

  h3 {
    font-size: 3em;
    font-weight: 600;
  }

  h4 {
    font-weight: 300;
    font-size: 2em;
  }

  h5 {
    font-size: 30px;
    font-weight: 300;

    span {
      font-weight: 600;
    }
  }
}


/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  .main_title {
    padding: 0 0 40px;

    h3 {
      font-size: 30px;
    }

    h4 {
      font-size: 20px;
    }

    h5 {
      font-size: 18px;
    }
  }
}


/* main_visual */
.main_visual {
  overflow: hidden;
  max-height: 100vh;
  background: #fff;
  .item {
    height: 100vh;
    .img {
      overflow: hidden;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0;
      display: flex;
      align-items: center;
      justify-content: center;

      >div {
        background-position: top center;
        background-size: cover;
        transform: scale(1.2);
        -webkit-transition: all 5s;
        -moz-transition: all 5s;
        -ms-transition: all 5s;
        -o-transition: all 5s;
        transition: all 5s;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
                 
      }
    }
    .textWrap {
              background-position: top center;
              background-size: cover;
              /* transform: scale(1.2); */
              -webkit-transition: all 5s;
              -moz-transition: all 5s;
              -ms-transition: all 5s;
              -o-transition: all 5s;
              transition: all 5s;
              position: absolute;
              left: 50%;
              right: 0;
              top: 80px;
              margin-left: -700px;
              bottom: 0;
              z-index: 11;
                width: 1400px;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: flex-start;

            h2 {
              color: var(--fff);
              font-size: 80px;
              letter-spacing: -0.05em;
              line-height: 1.2;
              font-weight: 300;
              animation-delay: .3s;
              
              
              
              
              
              span {
                font-weight: 600;
                color: #13e7ff;
                display: inline-block;
              }
            }
            h3{
              color:var(--fff);
              font-weight: 400;
            }
            h5 {
              color: var(--fff);
              font-size: 22px;
              font-weight: 400;
              animation-delay: .6s;
              line-height: 1.6;

              b {
                color: #a5e9ff;
              }
            }

            h5:before {
              content: '';
              background: var(--fff);
              display: block;
              width: 100px;
              height: 1px;
              margin: 40px 0;
            }
          } 
    .imgWrap{
      position: absolute;
      z-index: 1;
      left: 50%;
      bottom: 0;
      
      img{
        width:auto;
        /* max-height: 370px; */
      }
    }
  }

  .active {
    .item {
      .img {
        >div {
          transform: scale(1);

        }
      }
      .imgWrap{
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
        /* animation-delay: .6s; */
        animation-duration: 3s;
      }
      .textWrap {
        h2,
        h3,
        h5,
        p,
        ul > li{

          transform: scale(1);
          -webkit-animation-duration: 1s;
          animation-duration: 1s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-animation-name: fadeInLeft;
           animation-name: fadeInLeft;
        }
      }
    }
  }

}
.main_visual {
  margin-bottom:10rem;
  .visual_1 {
    .imgWrap {
      position: absolute;
      z-index: 1;
      left: 50%;
      top: 12%;
      /* transform: translate(0, -46%); */
      bottom: auto;
      
      
      
      
      
      
      
      
      
      
      
      dotlottie-wc {
        position: absolute;
        z-index: 1;
        left: 163px;
        top: 446px;
        width: 300.25px;
        height: auto;
      }

      ul {
        li {
          position: absolute;
          z-index: 1;
          font-family: 'S-CoreDream';
          font-size: 16px;
          font-weight: 600;
          span {
            background-color: var(--main_color3);
            color: var(--fff);
            padding: 2px 10px;
            border-radius: 100px;
          }

          &:first-child {
            top: 59%;
            left: 30%;
          }

          &:nth-child(2) {
            top: 70%;
            left: 34%;
          }

          &:nth-child(3) {
            top: 69%;
            left: 60%;
          }

          &:nth-child(4) {
            top: 81%;
            left: 54%;
          }

          &:nth-child(5) {
            top: 47%;
            left: 47%;

          }
        }
      }
    }
  }

  .visual_2{
    .imgWrap {
      left:40%;
      img{
        & + img{
          position: absolute;
          right: 0;
          top: 0;
          z-index: -1;
        }
      }
    }
     .textWrap{
          h3{
            color: var(--body);
          }
          h2{
            span{
              color: #48a6b0;
            }
            color: #265560;font-weight: 600;
          }
          h5{
            color:var(--body);
            &:before{
              background: #265560;
            }
          }
        }
    .img{
      >div{

      }
    }
  }

  .visual_3{
    .imgWrap {
      left: 54%;
      bottom: auto;
      /* top: 50%; */
      /* transform: translate(0, -50%); */
      top: 22%;
      
      
      
      
      
      
      
  
      
      
      
      
      
      
      > div{
        display: flex;
        margin-top: 7rem;
      }
      img{
         width: auto;
        max-height: 370px;
        &:first-child{
          position:absolute;
          margin: -130px 0 0 200px;
          max-width: 200px;
        }
       
      }
    }
      .textWrap{
          img{
            width:auto;
            position: absolute;
            max-width: 13rem;
            top: 0;
            right: 0;
            transform: translate(-30%, -20%);
          }
          
        }
    .img{
      
      >div{

      }
    }
  }

  .visual_4{
    text-align:center;
    .imgWrap {
      
      img{
       
        
      }
    }
     .textWrap{
       align-items: center;
          h3{
            font-size:3.5rem;
            span {
              font-weight: 600;
              color: #13e7ff;
            }
          }
          h2{
            span{
            }
          }
          h5{
            &:before{
              margin:40px  auto;
            }
          }
       ul{
         display:flex;
         color: var(--fff);
         margin-top: 4rem;
         gap: 3rem;
         
         li{
           display:flex;
           flex-direction: column;
           align-items: center;
           
           img{
             max-width:100px
           }
           
           p{
             font-size:1.5rem;
             margin-top:1rem;
             font-weight: 500;
           }
         }
       }
        }
    .img{
      >div{

      }
  }
}
  .active {
    .visual_4{
        .textWrap{
          h3,
          h5,
          ul > li
          {
          -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
             -webkit-animation-duration: 1.5s;
            animation-duration:1.5s;
          }
          h5{
            animation-delay: .3s;
          }
          ul {
            
            li{
           -webkit-animation-duration: 2s;
            animation-duration:2s;
              animation-delay: .6s;
            }
          }
        }
      
    }
  }
}



.main_visual .owl-carousel.owl-drag .owl-item {
  overflow: hidden;
}


.main_visual .owl-carousel .owl-dots {
  position: relative;
  bottom: 80px;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  height: 38px;
  vertical-align: bottom;
  text-align: center;
}

.main_visual .owl-carousel .owl-dot {
  width: 16px;
  height: 16px;
  background: var(--main_color3);
  margin: 0 4px;
  padding: 0;
  vertical-align: bottom;
  bottom: 0;
  position: relative;
  transition: all 0.3s ease-in-out;
  border-radius: 100px;
  opacity: .5;
}

.main_visual .owl-carousel .owl-dot.active {
  opacity: 1;
  width: 40px;
  background: var(--main_color3);
}

.main_visual .right .owl-carousel .owl-dots {
  text-align: left;
  left: 100px;
}

.main_visual .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  margin-top: -61px;
  width: 100%;
}

.main_visual .owl-carousel .owl-nav button.owl-next,
.main_visual .owl-carousel .owl-nav button.owl-prev {
  height: auto;
  background: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
}

.main_visual .owl-carousel .owl-nav button>span {
  display: none;
}

.main_visual .owl-carousel .owl-nav button.owl-prev:hover::before {
  margin-left: 0;
}

.main_visual .owl-carousel .owl-nav button.owl-next:hover::before {
  margin-right: 0px;
}

.main_visual .owl-carousel .owl-nav button.owl-prev::after,
.main_visual .owl-carousel .owl-nav button.owl-next::after {
  color: var(--fff);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-family: 'icon_font';
  font-size: 3em;
}

.main_visual .owl-carousel .owl-nav button.owl-next::after {
  content: '\E82E';

}

.main_visual .owl-carousel .owl-nav button.owl-prev::after {
  content: '\E82A';
}


.main_visual .owl-carousel .owl-nav button.owl-prev {
  left: 50px;

}

.main_visual .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: 50px;
  text-align: right;
}





/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {}

/* 모바일 (해상도 768px 이하) */
@media (max-width: 768px) {
  .con_wrap>section {
    padding: 50px 15px;
  }

  .main_visual {
    margin-top: 58px;
    margin-bottom: 5rem;
    height: calc( 100dvh - 121px);
    max-height: none;
    min-height: 550px;
    padding-top: 0;
  }

  .main_visual .item {
    height: calc( 100dvh - 121px);
    min-height: 550px;
  }

  .main_visual .item .img>div {
    transform: scale(1);
    background-position: center top;
  }

  .main_visual .item .textWrap {
    left: 0;
    right: 0;
    top: 40%;
    bottom: auto;
    width: 100%;
    height: auto;
    margin-left: 0;
    text-align: center;
    /* padding: 30px 0 0; */
    align-items: center;
    margin-top: -180px;
  }

  .main_visual .item .textWrap h2 {
    font-size: 2.4rem;
    line-height: 1.25;
  }

  .main_visual .item .textWrap h3 {
    font-size: 1.3rem;
    line-height: 1.45;
  }

  .main_visual .item .textWrap h5 {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.6;
    word-break: keep-all;
  }

  .main_visual .item .textWrap h5:before {
    width: 40px;
    margin: 10px auto;
  }

  .main_visual .item .textWrap h5 br {
    /* display: none; */
  }

  .main_visual .item .imgWrap {
    left: 15%;
    right: 0;
    top: 45%;
    width: 70%;
    z-index: 1;
  }

  .main_visual .item .imgWrap img {
    width: 100%;
    max-width: 100%;
    height: auto;    
  }

  .main_visual .owl-carousel .owl-dots {
    left: 0;
    right: 0;
    bottom: 45px;
    text-align: center;
  }

  .main_visual .owl-carousel .owl-dot {
    width: 12px;
    height: 12px;
    margin: 0 2px;    
  }

  .main_visual .owl-carousel .owl-dot.active {
    width: 30px;
  }

  .main_visual .owl-carousel .owl-nav {
    display: none;
  }

  .main_visual .visual_1 .imgWrap {
    /* bottom: 60px; */
    top: 43%;
  }

  .main_visual .visual_1 .imgWrap dotlottie-wc {
    left: 50%;
    margin-left: -30%;
    margin-;:;
    width: 51%;
    /* transform: translate(-24%, -8%); */
    top: 60%;
  }
  .main_visual .visual_1 .imgWrap ul li {
    font-size: 12px;
  }

  .main_visual .visual_1 .imgWrap ul li span {
    padding: 2px 8px;
  }

  .main_visual .visual_1 .imgWrap ul li:first-child {
    top: 58%;
    left: 23%;
  }

  .main_visual .visual_1 .imgWrap ul li:nth-child(2) {
    top: 70%;
    left: 28%;
  }

  .main_visual .visual_1 .imgWrap ul li:nth-child(3) {
    top: 68%;
    left: 61%;
  }

  .main_visual .visual_1 .imgWrap ul li:nth-child(4) {
    top: 81%;
    left: 54%;
  }

  .main_visual .visual_2 .imgWrap {
    width: 400px;
    left: 50%;
    right: 0;
    /* bottom: 0; */
    margin-left: -200px;
  }

  .main_visual .visual_2 .imgWrap img+img {
    width: 56%;
  }

  .main_visual .visual_3 .imgWrap {
  width: 100%;
  left: 0;
  right: 0;
  }


  .main_visual .visual_3 .imgWrap>div {
    margin-top: 20px;
    align-items: flex-end;
    display: flex;
    justify-content: center;
  }

  .main_visual .visual_3 .imgWrap img {
    /* max-height: 210px; */
    /* width: auto; */
    max-width: 34%;
    max-height: 1000px;
    height: auto;
  }

  .main_visual .visual_3 .imgWrap img:first-child {
    max-width: 90px;
    margin: 0 0 110px 138px;
  }

  .main_visual .visual_4 .textWrap h3 {
    font-size: 1.6rem;
  }

  .main_visual .visual_4 .textWrap ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 0;
    width: 300px;
    margin-top: 28px;
  }
  .main_visual .visual_4 .textWrap ul li img {
    max-width: 48px;
  }

  .main_visual .visual_4 .textWrap ul li p {
    margin-top: 8px;
    font-size: 13px;
  }
}


/* banner */
#main section.banner .inwrap {
  padding-top: 0;
}

.banner {
  background: var(--fff);
  text-align: center;
}

.banner ul {
  display: flex;
  justify-content: center;
  gap: 25px;
}

.banner ul:after {
  display: none;
}

.banner ul.introduce>li {
  position: relative;
  margin-bottom: 100px;
}

.banner ul.introduce>li div {
  position: absolute;
  bottom: 40px;
  left: 40px;
  text-align: left;
}

.banner ul.introduce>li div h5 {
  font-size: 2.2em;
  color: var(--fff);
}

.banner ul.introduce>li div p {
  color: var(--fff);
  font-size: 1.25em;
}

.banner ul.introduce>li>a {
  display: block;
  height: 100%;
}

.banner ul.introduce>li>a img {
  display: block;
  border-radius: 20px;
}

.banner ul.four li {
  max-width: 300px;
  float: none;
  background: #e7f9fb;
  border-radius: 15px;
  text-align: left;
}

.banner ul.four li h5 {
  font-size: 1.8em;
  font-weight: 500;
}

.banner ul.four li img {
  max-height: 156px;
  float: right;
  margin: 20px 0 0;
}

.banner ul.four li h6 {
  font-size: 1.25em;
  font-weight: 300;
}

.banner ul.four li a {
  padding: 60px 40px 40px;
  display: block;
  overflow: hidden;
}

.banner ul.four li:nth-child(2) {
  background: #fff5df;
}

.banner ul.four li:nth-child(3) {
  background: #ffeff9;
}

.banner ul.four li:nth-child(4) {
  background: #f6f4ff;
}


/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {}

/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  #main section .inwrap {
    padding: 50px 15px;
    margin: 0;
  }

  .banner ul {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
  }

  .banner ul.introduce {
    margin-bottom: 50px;
  }

  .banner ul.introduce>li {
    margin-bottom: 0;
  }

  .banner ul.introduce>li div {
    bottom: 20px;
    left: 20px;
  }

  .banner ul.introduce>li div h5 {
    font-size: 2em;
  }

  .banner ul.introduce>li div p {
    font-size: 1.2em;
  }

  .banner ul.four li a {
    padding: 20px 10px;
    text-align: center;
  }

  .banner ul.four li img {
    float: none;
    /* width: 100%; */
    margin-top: 10px;
    max-height: 100px;
  }

  .banner ul.four li {
    width: calc(50% - 7px) !important;
  }

  .banner ul.four li h6 {
    font-size: 15px;
  }

  .banner ul.four li h5 {
    font-size: 24px;
  }
}

/* rolling_banner */
.rolling_banner {
  text-align: center;
  background: var(--bg);
}

#main .rolling_banner .inwrap {
  padding-top: 0;
}

.rolling_banner .inwrap .main_title {
  background: #26c7d9;
  padding-bottom: 250px;
  padding-top: 100px;
}

.rolling_banner .inwrap .main_title h3 {
  color: var(--fff);
}

.rolling_banner .inwrap .main_title h3 span {
  position: relative;
}

.rolling_banner .inwrap .main_title h3 span em {
  content: '';
  background: var(--sub_color2);
  height: 40%;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.rolling_banner .rolling_banner_wrap {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  background: var(--fff);
  margin-top: -180px;
  border-radius: 30px;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
}

.rolling_banner .rolling_banner_wrap .item {
  width: 1000px;
  height: 550px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
}

.rolling_banner .rolling_banner_wrap .item .text {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 60px;
  width: 40%;
}

.rolling_banner .rolling_banner_wrap .item img {
  max-width: 390px;
}

.rolling_banner .rolling_banner_wrap .item .text h4 {
  /* color: var(--gray); */
  font-size: 2.2em;
}

.rolling_banner .rolling_banner_wrap .item .text h6 {
  font-size: 1.25em;
  font-weight: 300;
}

.rolling_banner .rolling_banner_wrap .item .text h6 a:after {
  content: '\E877\E877';
  font-family: 'icon_font';
  margin-left: 10px;
}

.rolling_banner .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  width: 100%;
}

.rolling_banner .owl-carousel .owl-nav button.owl-next,
.rolling_banner .owl-carousel .owl-nav button.owl-prev {
  width: auto;
  height: auto;
  background: none;
}

.rolling_banner .owl-carousel .owl-nav button.owl-next::before,
.rolling_banner .owl-carousel .owl-nav button.owl-prev::before {
  content: "\E859";
  font-family: 'icon_font';
  font-size: 50px;
  color: var(--line);
}

.rolling_banner .owl-carousel .owl-nav button>span {
  display: none;
}

.rolling_banner .owl-carousel .owl-nav button.owl-next::before {
  content: "\E85A";
}

.rolling_banner .owl-carousel .owl-nav button.owl-prev {
  left: 50%;
  position: absolute;
  margin-left: -550px;
}

.rolling_banner .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: 50%;
  margin-right: -550px;
}


/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {}

/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  #main .rolling_banner .inwrap {
    padding: 0;
  }

  .rolling_banner .inwrap .main_title {
    padding-top: 50px;
    padding-bottom: 100px;
  }

  .rolling_banner .rolling_banner_wrap {
    overflow: hidden;
    width: auto;
    margin: -70px 15px 0;
    border-radius: 15px;
  }

  .rolling_banner .rolling_banner_wrap .item {
    width: auto;
    gap: 0;
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: center;
    padding: 30px 0;
  }

  .rolling_banner .rolling_banner_wrap .item img {
    max-width: 200px;
  }

  .rolling_banner .rolling_banner_wrap .item .text {
    width: auto;
  }

  .rolling_banner .rolling_banner_wrap .item .text {
    gap: 20px
  }

  .rolling_banner .rolling_banner_wrap .item .text h4 {
    font-size: 24px;
    text-align: center;
  }

  .rolling_banner .rolling_banner_wrap .item .text h6 {
    font-size: 16px;
    text-align: center;
  }

  .rolling_banner .owl-carousel .owl-nav button.owl-next::before,
  .rolling_banner .owl-carousel .owl-nav button.owl-prev::before {
    font-size: 30px
  }

  .rolling_banner .owl-carousel .owl-nav button.owl-next {
    right: 10px;
    margin: 0;
  }

  .rolling_banner .owl-carousel .owl-nav button.owl-prev {
    left: 10px;
    margin: 0;
  }

}

/* implant_banner */
.implant_banner {
  text-align: center;
}

.implant_banner ul {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.implant_banner ul:after {
  display: none;
}

.implant_banner ul li {
  width: 500px;
  height: 220px;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  background: var(--color2);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.implant_banner ul li h5 {
  color: var(--fff);
  font-size: 36px;
}

.implant_banner ul li>div {
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.90);
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 20px 10px;
  /* top: 50%; */
  /* left: 50%; */
  /* transform: translate(-00%,-50%); */
}

.implant_banner ul li>div>div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.implant_banner ul li>div>div img {
  width: 150px;
}

.implant_banner ul li>div h4 {
  text-align: left;
  font-size: 23px;
  width: 50%;
}

.implant_banner ul li>div h4 span {
  color: var(--main_color);
}

.implant_banner ul li>div h4 em {
  color: var(--main_color);
  font-size: 22px;
}

.implant_banner ul li>div a {
  background: var(--main_color);
  color: var(--fff);
  font-size: 24px;
  padding: 10px 40px;
  border-radius: 100px;
  margin-top: 20px;
  display: inline-block;
  font-family: 'S-CoreDream';
}

/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {}

/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  .implant_banner ul {
    gap: 14px;
  }

  .implant_banner ul li {
    width: calc(50% - 7px);
    border-radius: 15px;
    height: auto;
    padding: 40px 0px;
    position: static;
  }

  .implant_banner ul li h5 {
    font-size: 24px;
  }

  .implant_banner ul li>div {
    border-radius: 15px;
    padding: 20px;
  }

  .implant_banner ul li>div>div {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .implant_banner ul li>div h4 {
    width: 100%;
    font-size: 23px;
    text-align: center;
  }

  .implant_banner ul li>div a {
    font-size: 16px;
    margin-top: 15px;
    padding: 10px 20px;
  }

  .implant_banner ul li>div img {
    max-width: 230px;
  }
}

/* doctor_banner */
.doctor_banner {
  text-align: center;
  background: var(--bg);
}

.doctor_banner .owl-carousel .owl-stage-outer {
  padding-bottom: 20px;
}

.doctor_banner .owl-carousel .item {
  /* position: relative; */
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
}

.doctor_banner .owl-carousel .item .text {
  position: absolute;
  z-index: 1;
  bottom: 0;
  text-align: left;
  left: 0;
  background: rgba(256, 256, 256, 0.7);
  padding: 30px;
  border-radius: 0 30px;
}

.doctor_banner .owl-carousel .item .text h5 {
  font-size: 24px;
  color: var(--main_color);
  font-weight: 500;
}

.doctor_banner .owl-carousel .item .text h4 {
  font-weight: 400;
  font-size: 24px;
}

.doctor_banner .owl-carousel .item .text h4+h4 {
  font-size: 28px;
  /* margin-top: 10px; */
}

.doctor_banner .owl-carousel .item a {
  border-radius: 30px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.75);
  color: var(--fff);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-family: 'S-CoreDream';
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.doctor_banner .owl-carousel .item:hover a {
  opacity: 1;
}

/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {}

/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  .doctor_banner .owl-carousel .item .text {
    padding: 20px;
  }

  .doctor_banner .owl-carousel .item .text h5 {
    font-size: 18px;
  }

  .doctor_banner .owl-carousel .item .text h4 {
    font-size: 18px;
  }

  .doctor_banner .owl-carousel .item .text h4+h4 {
    font-size: 24px;
  }

  .doctor_banner .owl-carousel .item a {
    font-size: 20px;
  }

  .doctor_banner .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    width: 100%;
  }

  .doctor_banner .owl-carousel .owl-nav button.owl-next,
  .doctor_banner .owl-carousel .owl-nav button.owl-prev {
    width: auto;
    height: auto;
    background: none;
  }

  .doctor_banner .owl-carousel .owl-nav button.owl-next::before,
  .doctor_banner .owl-carousel .owl-nav button.owl-prev::before {
    content: "\E859";
    font-family: 'icon_font';
    font-size: 50px;
    color: var(--line);
  }

  .doctor_banner .owl-carousel .owl-nav button>span {
    display: none;
  }

  .doctor_banner .owl-carousel .owl-nav button.owl-next::before {
    content: "\E85A";
  }

  .doctor_banner .owl-carousel .owl-nav button.owl-prev {
    left: 10px;
    position: absolute;
  }

  .doctor_banner .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 10px;
  }

}


/* main_counsel */
.main_counsel {
  text-align: center;
  background: url(../main/images/counsel_bg.jpg);
  background-position: bottom center;
  background-size: cover;
}

.main_counsel>.inwrap>ul {
  display: flex;
  justify-content: center;
  gap: 30px;
}

.main_counsel>.inwrap>ul:after {
  display: none;
}

.main_counsel>.inwrap>ul>li {
  background: var(--fff);
  padding: 30px;
  border-radius: 30px;
  max-width: 450px;
  width: 450px;

  &:first-child {
    >h4 {
      color: var(--main_color);
      margin-bottom: .5em;
    }

    >table {
      width: 100%;
      border-bottom: 3px solid var(--main_color);

      thead {
        border-top: 3px solid var(--main_color);
        border-bottom: 3px solid var(--main_color);
        color: var(--main_color);

        th {
          padding: 4px 0;
        }
      }

      tbody {
        tr {
          td {
            padding: 0;
            position: relative;
            vertical-align: top;

            >span,
            >em {
              font-size: 14px;
              position: absolute;
              left: 3px;
              top: 3px;
              font-family: 'S-CoreDream';
              color: var(--main_color);
            }

            >span {
              color: #d9d9d9;
            }

            >div {
              width: 100%;
              aspect-ratio: 1 / 1;
              /* position: relative; */
              display: flex;
              justify-content: center;
              align-items: center;
              padding-top: 20px;
              -moz-box-sizing: border-box;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;

              >p {
                font-size: 15px;
                line-height: 1.2;



                em {
                  display: block;
                  font-size: 12px;
                }
              }
            }

            &.red {
              background: #fff0fa;
              color: #ff3ea4;

              >em {
                color: #ff3ea4;
              }
            }

            &.night {
              background: #fef6df;
              color: #ffb100;

              >em {
                color: #ffb100;
              }
            }

            &.day {
              background: #e7f9fb;
              color: var(--main_color);
            }
          }
        }
      }

    }

    >ul {
      &:after {
        display: none;
      }

      display:flex;
      border: 1px solid var(--main_color);
      justify-content: center;
      margin-top: 1em;
      border-radius: 1rem;
      color: var(--main_color);
      padding: 20px;
      gap: 10px;


      >li {
        /* flex: 1; */
        max-width: 50%;

        >dl {
          display: flex;
          flex-wrap: wrap;
          /* gap: 0px 17px; */
          font-size: 16px;

          dt {
            width: 80px;
            text-align: left;
            font-weight: 600;
            text-align: justify;
            text-justify: inter-word;
            letter-spacing: -2px;
            height: 1em;
            margin-right: 12px;


            &:after {
              content: "";
              display: inline-block;
              width: 100%;
              height: 1px;
            }

          }

          dd {
            letter-spacing: 0;
          }

        }
      }
    }
  }
}


/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {}

/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  .main_counsel>.inwrap>ul {
    display: flex;
    flex-direction: column-reverse;
  }

  .main_counsel>.inwrap>ul>li {
    border-radius: 15px;
    padding: 20px;
    width: auto;
  }

  .main_counsel>.inwrap>ul>li:first-child {
    padding: 20px 10px;

    >table {
      tbody {
        tr {
          td {

            >span,
            >em {
              font-size: 3vw;
            }

            >div {
              padding-top: 3vw;
              aspect-ratio: 1 / 1.5;

              p {
                font-size: 3.8vw;




                em {
                  font-size: 3vw;
                  display: none;
                }
              }
            }
          }
        }

      }
    }

    >ul {
      display: flex;
      flex-direction: column;
      align-items: center;

      >li {
        max-width: 198px;

        >dl {
          font-size: 14px;

          dt {
            width: 84px;
            letter-spacing: -2px;
            font-size: 16px;
            margin-right: 17px;
          }

          dd {
            letter-spacing: 0;
            font-size: 16px;
          }
        }
      }
    }
  }
}


/* partner_banner */
.partner_banner {
  text-align: center;
}

.partner_banner .partner_banner_wrap {
  height: 70px;
  margin: 50px 0;
  overflow: hidden;
}

.partner_banner .owl-carousel .item img {
  max-height: 50px;
  width: auto;
}

.partner_banner h6 {
  font-weight: 500;
  color: #A8A8A8;
  font-size: 28px;
  margin-bottom: 60px;
}

@media (max-width: 1200px) {}

/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  .partner_banner .partner_banner_wrap {
    height: 40px;
    margin: 30px 0;
  }

  .partner_banner h6 {
    font-size: 20px;
    margin-bottom: 40px;
  }

  .partner_banner .owl-carousel .item img {
    max-height: 40px;
  }
}


/* 기본 스타일은 그대로 유지 */
.intro_section {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  z-index: 1000000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  min-height: 47vw;

  .imgWrap {
    text-align: center;
    position: relative;
    width: 100%;
    height: 100dvh;
    overflow: hidden;
    animation: scale 5s ease-in-out;

    >img {
      width: 100%;
      max-width: none;
      /* 최대 너비 제한 제거 */
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: -1;
      border-radius: 0;
      /* 인트로 이미지는 모서리 둥글게 하지 않음 */
      box-shadow: none;

    }
  }

  .text {
    position: absolute;
    display: flex;
    z-index: 1;
    flex-direction: column;
    align-items: center;
    gap: 3rem;

    img {
      width: auto;
    }
  }

  &.hidden {
    opacity: 0;
    visibility: hidden;
  }
}


/* 데스크톱에서는 애니메이션 없음 */
@media (min-width: 981px) {}

/* 태블릿 및 모바일에서 애니메이션 적용 */
@media (max-width: 980px) {}



/* 작은 모바일 화면 */
@media (max-width: 768px) {
  .intro_section {
    .text {
      padding: 30px;
      gap: 30px;

      img {
        width: 70%;

        &+img {
          width: 100%;
        }
      }
    }
    .imgWrap {
      >img {
        width: auto;
        height: 100%;
      }

    }
  }
}

@keyframes scale {
  0% {
    transform: scale(120%);
  }

  100% {
    transform: scale(100%);
  }
}