header >.inwrap {background:#fff;}
header > .header div.top_call span {color:#fff}
header h1 i {color:#fff;margin-top: 0;}
header .lnb > li > a{color:#222;}
header .top_logo img#logo{opacity:1;}
header .top_logo img{opacity:0;}
.quick_menu {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.quick_menu.f_nav {display: block;}
header .top_call{color: #222;}
.con_wrap > section {padding: 150px 0;}
.con_wrap > section .inwrap {max-width: 1400px; margin: 0 auto;}
#main .title h5 {font-weight: 400;}
.video_visual {overflow: hidden;max-height: 950px;padding-top: 0;height: 100%;position: relative; position: relative;}
.video_visual .no_hover { position: absolute; background: #fff; left: 0; right: 0; top: 0; bottom:0; z-index: 1; opacity: 0;}

.main_visual {overflow: hidden;max-height: 950px;position: relative;background: #fff;}


@keyframes updown{
   0%{bottom: 100px;}  
   100%{}
}
.main_visual .item {height: 911px;}
.main_visual .item .img_wrap {position: absolute;z-index: 1;bottom: 70px;left: 50%;margin-left: -700px;}
.main_visual .item .img {overflow: hidden;width: 100%;height: 100%;position: absolute;z-index: 0;}
.main_visual .item .img > 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;}
.main_visual .active .item .img > div{transform: scale(1);z-index:10;}
 .main_visual .active .text h1, .main_visual .active .text h2, .main_visual .active .text > h3, .main_visual .active .text > h4, .main_visual .active .text > h5, .main_visual .active .text > h6, .main_visual .active .text > p{
   color: #454c53;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft;
   font-family: 'MICEGothic';
   letter-spacing: -.03em;
}
.main_visual .text{position: absolute;max-width: 1400px;left: 50%;margin-left: -700px;margin-top: 270px;text-align: left;z-index: 10;color: #484848;}
.main_visual .text h4 {/* font-weight:300; */color: #72777e !important;margin-bottom: 30px;font-size: 20px;letter-spacing: .5em !important;}
.main_visual .text h2 {font-size: 80px;animation-delay: .3s;color:#fff;letter-spacing: -0.08em;/* line-height: 1.2; */}
.main_visual .text h2 > span.color_sub2{position:relative;color: var(--point_1) !important;}
.main_visual .text h2 > span.color_sub2:after {width: 100%;content: '';display: block;height: 3px;margin-top: -10px;background: var(--point_1);position: absolute;}
.main_visual .text p {font-size:20px;/* font-weight:300; */margin-top: 40px;animation-delay: 0.6s;/* color:#fff; */color: #000 !important;}

.main_visual .item .img_wrap > img {width: auto;max-width: 270px; }
.main_visual .active .img_wrap > img {animation-delay: 0.9s;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.main_visual .active .img_wrap > img + img {position: absolute;bottom: -50px;left: 100px;max-width: 1000px;
animation-delay: 1.1s;}

.main_visual .owl-carousel .owl-dots {position: relative;bottom: 80px;text-align: center;width: 100%;max-width: 1200px;margin: 0 auto;height: 38px;vertical-align: bottom;}
.main_visual .owl-carousel .owl-dot {width: 2px;height: 20px;background: #fff;opacity: 0.5;margin: 0 4px;padding: 0;vertical-align: bottom;bottom: 0;position: relative;transition: all 0.3s ease-in-out;}
.main_visual .owl-carousel .owl-dot.active {opacity: 1;height: 38px;}
.main_visual .right .owl-carousel .owl-dots {text-align: left;left: 100px;}
.main_visual .owl-carousel .owl-nav {position: absolute;top: 50%;margin-top: -30px;width:  100%;}
.main_visual .owl-carousel .owl-nav button {}
.main_visual .owl-carousel .owl-nav button.owl-next, .main_visual .owl-carousel .owl-nav button.owl-prev{width:100px;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;}

.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 {margin-top:50px;color:#fff; position:absolute; border-top:2px solid #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; }

.main_visual .owl-carousel .owl-nav button.owl-next::after {content:'NEXT';padding: 10px 50px 0 10px;right:-40px;}
.main_visual .owl-carousel .owl-nav button.owl-prev::after {content:'PREV';padding:10px 10px 0 50px;left: -40px;}
.main_visual .owl-carousel .owl-nav button.owl-next:hover::after { right:0 }
.main_visual .owl-carousel .owl-nav button.owl-prev:hover::after { left:0  }
.main_visual .owl-carousel .owl-nav button.owl-prev{left: 0;position: absolute;text-align: left;}
.main_visual .owl-carousel .owl-nav button.owl-next{position: absolute;right: 0;text-align: right;}

.main_visual .visual_02 .text h4,.main_visual .visual_02 .text h2, .main_visual .visual_02 .text p {color: var(--fff) !important;}
.main_visual .visual_02 .text h2:after {/* content:''; */display:block;width:2px;height:60px;background:#fff;margin:20px auto;}
.main_visual .visual_03 .text{margin-top: 200px;}
.main_visual .visual_03 .text > h2, .main_visual .visual_03 .text > h4, 
.main_visual .visual_03 .text > p{color: #222;}
.main_visual .main_visual_text {
    position: absolute;
    z-index: 5;
    top: 160px;
    bottom: 0;
    left: 0;
    padding-bottom: 200px;
    right: 0;
}
.main_visual .main_visual_text div {
  display: flex;
  align-items: center;
  height: 100%;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  }
.main_visual .main_visual_text div > ul {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: 300;
  color: #fff;
  line-height: 2;
  font-family: 'S-CoreDream';
  gap: 0vw 2vw;
  }
.main_visual .main_visual_text  ul:after{display:none;}
.main_visual .main_visual_text  ul  li{
  opacity: .30;
  -webkit-transition: opacity 2s,font-size .3s;
  transition: opacity 2s,font-size .3s;
  font-weight: 500;
  }
  .main_visual .main_visual_text  ul  li.active {
    -webkit-transition: opacity 2s,font-size .8s;
    transition: opacity 2s,font-size .8s;
    opacity: 1;
    font-size: 1.5em;
    font-weight: 600;
    }

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

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

  .con_wrap > section{padding: 50px 15px;}
  #main .title:before{font-size:70px}
  .video_visual {margin-top:60px;padding-top: 0;}
  .main_visual {margin-top: 58px;padding-top: 0;}
  .main_visual .item {height: calc( 100vh - 106px);}
  .main_visual .text{margin-left: 0;left: 0;margin-top: 4vh;right: 0;padding: 0 15px;text-align: center;}
  .main_visual .text h3{font-size:1.4em }
  .main_visual .text h2 {font-size: 2em;}

.main_visual .text h2 > span.color_sub2:after {
  margin-top: -4px;
  height: 2px;
  left: 0;
}
  .main_visual .text p {font-size:1em;margin-top: 20px;}
  .main_visual .owl-carousel .item h4{font-size: 12px;letter-spacing: 0 !important;margin-bottom: .3em;}
  .main_visual  .item .img > div{transform: scale(1);background-position: 78% bottom;background-size: 150vh;background-repeat: no-repeat;}
  .main_visual .active .item.visual_02 .img > div{background-position: 51% bottom;background-size: cover;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;-o-transition: all 0s;transition: all 0s;}
  .main_visual .owl-carousel .owl-dots{bottom: 70px;}
  .main_visual .owl-carousel .owl-dot{margin:0 2px;}
  .main_visual .owl-carousel .owl-dot.active{}
  .main_visual .owl-carousel .owl-nav{margin-top: -70px;display: none;}
  .main_visual .item .img_wrap{display:none;}
  .quick_menu {display:block}
  .main_visual .visual_01 .text p {/* margin-top: 100px; *//* text-align: left; */margin-top: 1vh;}
  .main_visual .visual_02 .text{/* margin-top: 70px; */top: 50%;transform: translate(0%,-65%);}
  .main_visual .visual_02 .text h2:after{/* height:25px; *//* width:1px; *//* margin:10px auto; */}
  .main_visual .visual_03 .text{margin-top:40px}
  .main_visual .visual_03 .text p {margin-top:120px;}

.main_visual .main_visual_text div > ul{
    display: flex;
    flex-direction: column;
    font-size: 1.15em;
}

  .main_visual:before, .main_visual:after{
  width: 5px;
  height: 25px;
  bottom: 20px;
  margin-left: 8px;
  }

.main_visual:after {
  margin-left: -8px;
}
  @keyframes updown{
   0%{bottom: 30px;}  
   100%{}
}

}

/* new_mainVisual */
.new_mainVisual{
  .owl-carousel{
    .item{
      height: 100vh;
      max-height: 911px;
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      .textBox{
      position: absolute;
      z-index: 1;
      /* height: 100vh; */
      /* display: flex; */
      /* align-items: flex-end; */
      left: 50px;
      right: 50px;
      bottom: 25vh;
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      h3{
        color:var(--fff);
        max-width: 1400px;
        margin: 0 auto;
        width: 100%;
        /* margin-bottom: 25vh; */
        font-weight: 400;
      }
    }
      
    }
    .active{
      h3{
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: fadeInUp;
      animation-name: fadeInUp;
      font-family: 'MICEGothic';
      letter-spacing: -.03em; 
      }
        
    }

    .owl-dots{
      display: flex;
      bottom: auto;
      max-width: 1400px;
      position: absolute;
      /* top: 490px; */
      /* top: 420px; */
      z-index: 1;
      width: 100%;
      left: 50px;
      right: 50px;
      gap: 1em;
      height: auto;
      bottom: 42vh;
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      .owl-dot{
        background: none;
        color: var(--fff);
        font-size: 3em;
        width: auto;
        height: auto;
        font-weight: 600;
        /* width: 75px; */
        /* height: 75px; */
        /* line-height: 75px; */
        
        
        
        &.active{
          color: var(--point_4);
          border-radius:100px;
        }
      }
    }
  }
}

@media (max-width: 767px) {
  .new_mainVisual{
    .owl-carousel{
      .item{
         height: calc(100vh - 106px);
        .textBox{
          /* height: calc(100vh - 106px); */
          left: 20px;
          right: 20px;
          bottom: 80px;
          
          h3{/* margin-bottom: 50px; *//* margin: 0 0 50px; */}
        }
        .img{
           > div{
            background-size: cover;
            background-position: 50% bottom;
           }
        }
        &.new_visual_03{
          .img{
            > div{
              background-size: cover;
              background-position: 85% bottom;
            }
          } 
        }
      }
      .owl-dots{
        /* top: auto; */
        bottom: 190px;
        left: 15px;
        right: 15px;
      }
    }
  }
}

/* line_banner */
.con_wrap > .line_banner {padding: 150px 0 180px 0;background: var(--bg);}
.line_banner img {}
.line_banner span {
  color: var(--point_2);
}
.line_banner h4{
  font-family: 'MICEGothic';
  margin: 2em 0 0 0;
  font-weight: 400;
}
.line_banner h3{
  font-family: 'MICEGothic';
  font-size: 50px;
}
.line_banner h3 span {}
.line_banner p {
  font-family: 'MICEGothic';
  margin-top: 2em;
  font-size: 20px;
}


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

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

  .con_wrap > .line_banner{padding: 50px 0 80px;}
  .line_banner img{width: 80px;}
  .line_banner p{/* letter-spacing: 4px; */font-size: 14px;}
  .line_banner p:before, .line_banner p:after {}
  .line_banner p:before, .line_banner p:after{height:30px;margin-left: 13px;margin-top: 30px;}
  .line_banner p:after{margin-left: -13px;}
  .line_banner h3{
  font-size: 2em;
  margin-top: 1em;
}
    @keyframes ani{
       0%{margin-top:40px;}
       100%{}
    }
  }

/* doctor_banner */
.doctor_banner {text-align: center;/* background: var(--bg); */}
.doctor_banner .main_title{ margin-bottom:100px;}
.doctor_banner .main_title h5{font-size:30px;font-family: 'MICEGothic';}
.doctor_banner .main_title h5 span {  font-weight: 700;}
.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 img {}
.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(--point_1);font-weight: 700;font-family: 'MICEGothic';}
.doctor_banner .owl-carousel .item .text h4{font-weight: 400;font-size: 24px; font-family: 'MICEGothic';}
.doctor_banner .owl-carousel .item .text h4 + h4 {font-size: 28px;font-family: 'MICEGothic';}
.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 .main_title{
  margin-bottom: 40px;
}
.doctor_banner .main_title h5{font-size: 18px;}
  .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: #cdcdcd;}
.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;}

}

/* course */
.con_wrap > section.course{
  background: var(--point_1);
  padding: 0;
  margin-bottom: 150px;
  
  
  
  
  
  
  ul{
    display:flex;
    justify-content: center;
    padding:50px;
    li{
        padding:0 50px;
      border-left:1px solid #a7dbda;
      flex:1 0 0;
      &:first-child{
        border:0;
      }
      h4 {
         font-family: 'MICEGothic';
      font-size: 2.3em;
      color:var(--fff);
      }
      p{
        font-family: 'MICEGothic';
      font-size: 1.15em;
      color:var(--fff);
      opacity: .6;
      margin-top: 0;
      text-transform: uppercase;
      letter-spacing: 0;
      font-weight: 700;
      }
      img{
        width:110px;
      }
    }
  }
}
  @media (max-width: 767px) {
  .con_wrap > section.course{
    margin-bottom: 0;
    ul{
      display: flex;
    flex-wrap: wrap;
    padding: 0;
    li{
      padding: 0;
    width: 50%;
    flex: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0;
    border-top: 1px solid #a7dbda;
      &:nth-child(2){
    border-top:0;
      }
        &:nth-child(3){
    border-left:0;
      }
    img{
        width: 50px;
      }
    h4{
        font-size: 2em;
      }
    p{
        font-size: 1em;
      }
      }
    }
 
  }
    
}



  /* issue */
.issue ul {display: flex;gap: 20px;justify-content: center;margin: 0 130px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.issue ul:after{display:none;}
.issue ul > li {position: relative;border-radius: 10px;overflow: hidden;width: 33.3333%;height: 486px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.issue ul > li:first-child{
    /* text-align: left; */
}
.issue ul > li:last-child{
    /* text-align: right; */
}
.issue ul > li:hover {/* flex-basis: 100%; */width: 50%;}
.issue ul > li:after{
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: "";
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, black 100%);
      opacity: 0.6;
      height: auto;
      top: 0;
      transition: top 1000ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1000ms;
      will-change: top, opacity;
      z-index: 1;
}
.issue ul > li .text {position: absolute;left: 30px;right: 30px;bottom: -10px;color: #fff;z-index: 2;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.issue ul > li:hover .text{bottom:40px;}
.issue ul > li .text h4 {color:#fff;}
.issue ul > li .text p{
    /* margin-top: 0; */
    margin-bottom: 5px;
    margin-top: 10px;
}
.issue ul > li .img_wrap{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}
.issue ul > li .img_wrap img {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    height: 486px;
    max-width: max-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1);
}
.issue ul > li:hover .img_wrap img { transform: translate(-50%,-50%) scale(1.2);}
.issue ul > li .text a {
    align-items: center;
    color: #fff;
    font-size: inherit;
    font-weight: 700;
    line-height: 2;
    border: 1px solid #fff;
    padding: 7px 50px;
    opacity: 0;
    margin-top: 0.8rem;
    opacity: 0;
    transition: opacity 600ms, transform 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 300ms;
    transform: translateY(100%);
    display: inline-block;
    border-radius: 8px;
}

.issue ul > li:hover .text a {opacity: 1;transform: translateY(0%);border-color: #fff;}
.issue ul > li .text a:hover {background:#fff; color:#01A4A1
}

  @media (max-width: 767px) {
    .issue ul{flex-direction: column;margin: 0;}
    .issue ul > li {width: auto;height: 300px;}
    .issue ul > li:hover{width:auto;height: 300px;}
    .issue ul > li .img_wrap img {height: 300px;}
    .issue ul > li:hover .img_wrap img{transform: translate(-50%, -50%) scale(1);}
    .issue ul > li:hover .text{bottom: 15px;}
    .issue ul > li .text{
    bottom: 15px;
}
    .issue ul > li .text a{opacity: 1;transform: translateY(0%);border-color: #fff;padding: 3px 20px;margin-top: 3px;}
    .issue ul > li:hover .text a{padding: 3px 20px;margin-top: 3px;}

  }




/* ----- implant_clinic ----- */
#main .title:before {display: none;}
.implant_clinic {background: rgba(21, 130, 142,0.10);overflow:hidden;position:relative;}
.implant_clinic:before, .implant_clinic:after {content: '\E8AC';font-family:icon_font;position:absolute;font-size: 25em;left:50px;top:50px;color: rgba(255, 255, 255,0.64);}
.implant_clinic:after {left:auto;right: -20px;bottom: -50px;top: auto;}
/* .implant_clinic .title h5, .implant_clinic .title h2 {color:#fff;} */

/* .implant_clinic .title h2 span {    color: #FDE08D;
    background: -webkit-linear-gradient(top, #DF9F28, #FDE08D, #b47f1b);
    background: linear-gradient(top, #8f6B29, #FDE08D, #DF9F28);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;} */

  .implant_clinic ul.four {overflow: hidden;margin-left: -15px;margin-top: 60px;z-index: 1;position: relative;}
  .implant_clinic ul li {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;}
  .implant_clinic ul li div {display: block;background: #222;position: relative;/* width: 343px; *//* height: 444px; */overflow: hidden;}

  .implant_clinic ul li div img {opacity: 1;display: block;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
  .implant_clinic ul li:hover img {opacity: .3;         cursor:pointer;
              -webkit-transform:scale(1.1);
              -moz-transform:scale(1.1);
              -o-transform:scale(1.1);
              transform:scale(1.1);
              transition: transform .35s;
              -o-transition: transform .35s;
              -moz-transition: transform .35s;
              -webkit-transition: transform .35s;}
  .implant_clinic ul li a {position: absolute;right: 0;left:0;z-index: 1;color: #fff;text-align: center;bottom: 0;top: 0;-webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -ms-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;}



  .implant_clinic ul li a h4{color:#fff;margin-top: 192px;line-height: 1.2;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
  .implant_clinic ul li a h4 span {font-weight: 300;}
  .implant_clinic ul li a h4::before {content:'\E8C4';font-family: 'icon_font';font-weight: 100;font-size: 2em;display: block;margin-bottom: 30px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;display: none;}
  .implant_clinic ul li p {opacity: 0;line-height:1.4;  -moz-transition: all 0.3s;    -ms-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;}
  .implant_clinic ul li:hover p {opacity:1}
  .implant_clinic ul li p:before {content:'';display:block;background: #b1b1b1;width: 50px;height: 1px;margin: 20px auto 25px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
  .implant_clinic ul li:hover a{top:20px;bottom:20px;left:20px;right:20px; border: 1px solid #eee; }
  .implant_clinic ul li a{top:0; bottom:0; left:0; right:0;  border:0}
  .implant_clinic ul li:hover a h4{margin-top:90px}
  .implant_clinic ul li:hover a h4:before {opacity:0}
  .implant_clinic ul li:hover p:before {-webkit-transform: rotate(90deg);transform: rotate(90deg); margin: 50px auto 55px;}


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

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

  .implant_clinic ul.four{margin-top: -10px; margin-left:-10px}
  .implant_clinic ul.four li{width:50% !important; margin-top:10px; padding-left:10px;}
  .implant_clinic ul li a h4 {margin-top:50%}
  .implant_clinic ul li:hover a h4{margin-top:50%;}
  .implant_clinic ul li:hover p{display:none;}
  }

/* medical_subject */
.medical_subject { max-width:1500px; margin: 0 auto;}

.medical_subject ul li {width: 350px;height: 400px;display: inline-block;background-position:center;background-repeat: no-repeat;background-size: contain;text-align: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 110px 30px 0;margin: 0 10px;vertical-align: text-bottom;position: relative;}

.medical_subject ul li:first-child {background-image: url(../main/images/subject_01.png);}
.medical_subject ul li:nth-child(2) {background-image: url(../main/images/subject_02.png);}
.medical_subject ul li:nth-child(3) {background-image: url(../main/images/subject_03.png)}
.medical_subject ul li:nth-child(4) {background-image: url(../main/images/subject_04.png);}
.medical_subject ul li:nth-child(5) {background-image: url(../main/images/subject_05.png);top: -90px;}
.medical_subject ul li:nth-child(6) {background-image: url(../main/images/subject_06.png);top: -90px;}
.medical_subject ul li:nth-child(7) {background-image: url(../main/images/subject_07.png);top: -90px;}
.medical_subject ul li h3{letter-spacing: -.06em;line-height: 1.1;margin-bottom: 20px;font-size: 34px;}
.medical_subject ul li h6{line-height: 1.2;font-weight: 400;color: #181818;font-size: 18px;}
.medical_subject ul li a{display: inline-block;background: #fff;font-size: 24px;width: 50px;height: 50px;text-align: center;border-radius: 100%;line-height: 50px;font-weight: 800;position: absolute;bottom: 100px;}


/* main_ort */
.main_ort {text-align: center;}
.main_ort ol {/* margin-left: -20px; *//* display: flex; */margin-top: 60px;}
.main_ort ol li{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 10px;width: 260px;display: inline-block;}
.main_ort ol li img{border-radius: 400px; margin-bottom: 20px;}
.main_ort ol li p {margin-top: 5px;}
.main_ort ol li a {border: 1px solid #8f8f8f;color: #333;padding: 5px 10px 7px;line-height: 1em;display: inline-block;margin-top: 20px;font-size: 16px;transition: all 0.5s;}
.main_ort ol li a:after {content: '+';font-family: 'icon_font';display: inline-block;margin-left: 30px;font-size: 14px;}
.main_ort ol li:hover a{background: #4e6060;color:#fff;border: 1px solid #4e6060;}

.main_ort ol li > div {position: relative;}
.main_ort ol li > h6{/* font-family:'NanumSquare' */font-weight: 500;}
.main_ort ol li > div > div {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.main_ort ol li svg {width: 260px;height: 260px;margin: -10px;}

.main_ort ol li .bg {
  fill: none;
  stroke-width: 10px;
  stroke: #1db3c3;
  stroke-linecap: round;
  stroke-dasharray: 480;
  stroke-dashoffset: 200;
  /* transform: rotate(40deg); */
  transform-origin: 50% 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.main_ort ol li:hover .bg {
  stroke: #1db3c3;
  /* transform: rotate(-60deg); */
  stroke-dashoffset: 0;
  animation: big .8s ease-in-out;
  stroke-dasharray: 750;
}

@keyframes big {
  from {
    stroke-dashoffset:480;
  }
  to {
    stroke-dashoffset: 0;
  }
}


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

  }
  /* 모바일 (해상도 767px 이하) */
  @media (max-width: 767px) {
    .main_ort ol{margin: -30px -15px 0;}
    .main_ort ol li{width: 158px;padding: 0 3px;vertical-align: top;margin-top:30px;}
    .main_ort ol li svg {display:none}
    .main_ort ol li img {margin-bottom: 5px;}
    .main_ort ol li p{margin-top:0}
    .main_ort ol li a{margin-top: 10px;font-size: 14px;padding: 4px 10px 6px;}


  }


/* doctor */
.doctor {background: url("../main/images/doctor_bg.jpg");position: relative;background-position: center top;background-size: cover;}
.doctor > img {position: absolute;top: 40px;left: 50%;margin-left: -630px; z-index: 2}
.doctor > img.doctor_logo {z-index: 1;margin-left: -380px;margin-top: 60px;}
.doctor .text {position: relative;left: 50%;/* text-align: center; */width: 700px;}
.doctor h1, .doctor h3,  .doctor h4{color:#fff; }
.doctor h3 {font-weight: 200; }
.doctor h4 {font-weight:500;margin-top: 30px;margin-bottom: 50px;font-size: 36px;}

.doctor ul li {padding: 5px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.doctor ul li > div {text-align: center;background:url("../main/images/doctor_list_bg.png") no-repeat;background-size: cover;height: 184px;display: table-cell;width: 184px;vertical-align: middle;}
.doctor ul li > div h6 {font-weight:300; line-height:1.2; color: #fff;}


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

}
/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  .con_wrap > section.doctor {padding-bottom: 0;}
  .doctor .text{left:0;width:100%;text-align: center;}
  .doctor h4 {font-size:20px;margin-top: 20px;margin-bottom: 20px;}
  .doctor > img{position: relative;margin:0;left: auto;margin-top: 10px;}
  .doctor > img.doctor_logo {margin: 0;position: absolute;top: auto;z-index: 1;width: 240px;margin-left: -120px;left: 50%;}
  .doctor ul.four li {width: auto !important;display: inline-block;float: none;}
  .doctor ul li > div {background-size:cover;width: 130px;height: 146px;}
  }