@charset "UTF-8";
/* ///////////////////////////////////// sub_guide /////////////////////////////////////*/


/* table.line */
table.line{max-width: 1000px;margin:0 auto;background: #fff;width: 100%;}
table.line th {background: #aaa;border: 1px solid #ccc;padding: 15px;font-weight: 400;color: #fff;vertical-align: middle;}
table.line tr td{border: 1px solid #ccc;text-align: center;padding: 20px;font-weight: 400;vertical-align: middle;}
table.line thead th {border-color: #cacaca;font-size: 1.2em;font-weight: 500;}
table.line tbody th{color: #444;font-weight: 500;background: #eee;}
table.line tr td li{margin-left: 10px;}
table.line tr td li::before {content:'-';margin-left: -10px;margin-right: 5px;}
table.line img {display:block; margin:0 auto;}

@media screen and (max-width:  767px) {
table.line thead th{font-size: 1em;}
table.line tr td {padding: 5px 3px;}
table.line th{padding: 5px 3px;line-height: 1em;}
}




/* ///////////////////////////////////// 병원 소개  /////////////////////////////////////*/

/* 인사말 */

.intro .dots_text {margin: 5em 0 2em; }

@media screen and (max-width:  767px) {
  .intro .dots_text {margin: 4em 0 1em; }

}


/* 의료진소개 */
.doctor .section_01 .full_img_left h6{line-height: 1.4;}
.doctor .section_02 .img_right > div:last-child {padding: 60px;}
.doctor .section_02 .img_right img{right: 40px;left: auto;}
.doctor .section_03 li {padding:0 10px;margin-top: 20px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.doctor .section_03 h4{}
.doctor .section_03 h4 span{background: #546475;padding: 15px 0;position: absolute;width: 400px;margin-left: -200px;color: #fff;border-radius: 0 0 20px 20px;}
.doctor .section_03 h4 + div {border: 1px solid #c9c9c9;padding: 100px 40px 50px;border-radius: 50px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

@media screen and (max-width:  767px) {
.doctor .section_02 .img_right > div:last-child{padding:0;}
.doctor .section_02 .img_right img{right:auto}
.doctor .section_03 h4 span{width: 180px;margin-left: -90px;padding: 5px 0;font-size: 16px;border-radius: 0 0 10px 10px;}
.doctor .section_03 h4 + div{border-radius:10px;padding: 35px 10px 15px;}
.doctor .section_03 li{margin-top:10px; padding:0 3px}
}


/*time*/

.time {background: #f4f4f4;margin-top: 120px;padding: 0 60px 60px;}
.time::before {content: '\E828';font-family: 'icon_font';font-size: 3.5em;display: block;background: #3288d8;color: #fff;width: 120px;height: 120px;border-radius: 120px;line-height: 120px;font-weight: 400;position: absolute;left: 50%;margin-left: -60px;margin-top: -60px;}
.time h4 {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 100px;line-height: 1.3em !important;font-weight: 600;}

.time table {width: 100%;text-align: center;font-size: 18px;margin: 100px 0 0;}
.time table tr th{text-align:right;height: 42px;position: relative;}
.time table tr th span {margin-bottom: 10px;background: #878787;line-height: 1em;padding: 10px;text-align:center;width: 42px;position: absolute;margin-top: -44px;color: #fff;border-radius: 10px;font-weight: 400;right: -31px;}
.time table tr th span em {width:1px;background: #ccc;height:30px;display:block;position: absolute;left: 50%;margin-top: 10px;margin-left: 0;}

.time table tr td {color:#fff;text-align:center;vertical-align:middle;border: 1px solid #ccc;font-size: 1.2em;border-right: 0;}
.time table tr td:first-child {background: #878787;}
.time table tr td p {background: #3288d8;display: block;height: 50px;position:relative;margin: 20px -1px;line-height: 50px;color: #fff;}
.time table td.break {background: #546475;color: #fff;}
.time table tr td p.day {background: #9cdae8;}
.time table tr td p.sun {background: #4671d1;}
.time table tr td p.noday {background: #5a6cd1;}

.time dl{font-size: 1.3em;line-height: 1.6em;margin: 60px 0;background: #fff;padding: 60px 0;color: #222;font-weight: 600;}
.time dl dt{width: 104px;display:inline-block;text-align: justify;-moz-text-align-last: justify;-webkit-text-align-last: justify;text-align-last: justify;margin-right: 20px;padding-left: 0px;font-weight: 600;}
.time dl dt:after {content:''}
.time dl dd{display: inline-block;width: 299px;text-align: left;}
.time dl dd:before {margin-right: 10px;}
.info_time .counsel {padding: 50px 0 0;}
.info_time .counsel li a {font-size: 26px;background: #3288d8;color: #fff;display:  inline-block;width: 390px;border-radius:  100px;height: 70px;line-height: 70px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.info_time .counsel li a::before {font-family: 'icon_font';content: '\E897';font-size: 47px;margin-right:  15px;vertical-align:  middle;margin-top:  -8px;display:  inline-block;}
.info_time .counsel li:first-child a {background: #546475;}
.info_time .counsel li:first-child a::before {content: '\E894';}
.info_time .counsel li a span {font-weight: 900}
.info_time .counsel li:last-child a {background: #fae80c;letter-spacing: -2px;color: #3b2b30;padding-left: 50px;font-size: 23px;}
.info_time .counsel li:last-child a::before {content: '\E891';color: #3b2b30;font-size: 76px;position:  absolute;margin-top: 3px;left: 0;margin-left: 5px;}


@media screen and (max-width: 767px) {
  .time{margin-top: 60px;padding: 0 15px;padding-bottom: 20px;}
  .time::before {width: 60px;height: 60px;line-height: 60px;font-size: 2.5em;margin-top: -30px;margin-left: -30px;}
  .time h4{padding-top: 50px;font-size: 18px;}
  .time table{margin-top: 40px;margin-bottom: 10px;}
  .time table tr td{font-size:12px}
  .time table tr th span{font-size: 10px;width: 22px;padding:5px;border-radius:3px;margin-top: -5px;right: -16px;}
  .time table tr th span em{margin-top: 5px;height: 17px;margin-left: -.5px;}
  .time table tr th:nth-child(1) span {/* margin-top: -38px; */}
  .time table tr th:nth-child(1) span em {height:88px}
  .time table tr td p{height:30px;line-height:30px;margin: 5px -1px;text-align:center;font-size: 12px;}
  .time dl{font-size: 1.1em;padding: 20px 0px;margin-top: 20px;margin-bottom: 0;}
  .time dl dt{width: 62px;margin-right: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-right: 10px;letter-spacing: -2px;}
  .time dl dd{width: 171px;letter-spacing: -1px;}

  .info_time .counsel {padding: 0;width: 270px;margin: 20px auto 0;}
  .info_time .counsel .inwrap {margin:0 20px}
  .info_time .counsel {}
  .info_time .counsel.three li {width: 100% !important;margin: 10px auto 0;}
  .info_time .counsel li a {width: 100%;font-size:22px;height:  50px;line-height: 50px;}
  .info_time .counsel li a::before {font-size:30px;margin-left: -10px;}
  .info_time .counsel li:last-child a {padding-left:30px;font-size: 17px;}
  .info_time .counsel li:last-child a::before {margin-left:0;left: 0;font-size: 56px;margin-top: 3px;}
  .info_time .section_01 .center_icon_list{margin-top:0}
}



/* photo */
.photo {margin-top: 80px;}
.photo img {border-radius: 0}
.photo .owl-dots  {margin-left: -13px;margin-top: 10px;overflow: hidden;margin-right: -3px;}
.photo .owl-dots .owl-dot {float: left;width: 12.5%;padding-left: 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 0;margin-bottom: 0;opacity: .5;}
.photo .owl-dots .owl-dot a{border: 3px solid #fff;display:block}
.photo .owl-dots .owl-dot.active {opacity:1;}
.photo .owl-dots .owl-dot.active a {border-color: #3288d8;}
.photo .owl-carousel .owl-item {height: 650px;}
.photo .owl-carousel .owl-nav {position: absolute;top: 40%;width:  100%;font-size: 4em;color: #e1e1e1;left: 0;right: 0;}
.photo .owl-carousel .owl-nav > button span {position:absolute;background: none;display: none;}
.photo .owl-carousel .owl-nav .owl-prev {left: -70px;position: absolute;}
.photo .owl-carousel .owl-nav .owl-next {position: absolute;right: -70px;}
.photo .owl-carousel .owl-nav .owl-prev:before{content:'\E82A';font-family:'icon_font';}
.photo .owl-carousel .owl-nav .owl-next:after{content:'\E82E';font-family:'icon_font';}
.photo .section_02 ul{margin-left: -25px;}
.photo .section_02 ul li > div{margin-left:25px }
.photo .section_02 ul li > div h6 { margin-bottom: 50px;}

@media screen and (max-width:  767px) {
  .photo {margin-top: 30px;}
  .photo .owl-carousel .owl-item {height: auto;}
  .photo .owl-dots {margin-left: -2px;margin-top: 5px;margin-right: -2px;}
  .photo .owl-dots .owl-dot {padding-left: 1px;width: 25%;margin-bottom: 1px;}
  .photo .owl-dots .owl-dot a{border-width:2px}

  .photo .section_02 ul.two li {width: 100% !important;}
  .photo .section_02 ul li > div h6{margin-bottom: 30px}
  .photo .section_02 ul li:last-child > div h6{margin-bottom: 0px}

}



/* 오시는길  */
#map2 {width: 100%;height: 600px;border: 1px solid #d3d3d3;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 30px;}
.contact .section_01 .inwrap {position:relative;}
.contact .section_01 .bus {background: rgba(255, 255, 255, 0.9);position: absolute;right: 30px;margin-top: -210px;z-index:10;border-radius: 20px;padding: 40px;border: 1px solid #ccc;}
.contact .section_01 .bus span {background: #5abee7;color: #fff;padding: 5px;/* font-size: 14px; */display:inline-block;margin-right:5px;line-height: 1em;width: 15px;height: 15px;line-height: 15px;border-radius: 100px;}
.contact .section_01 .bus span + span {background:#7c8945}
.contact .section_01 .bus span.nine {background: #8c8621;}
.contact .section_01 a {margin-top: 40px;display: inline-block;background: #546475;padding: 10px 40px;color: #fff;font-weight: 400;margin: 40px 10px 20px;min-width: 160px;font-size: 20px;}
.contact .section_01 a + a {background: #3288d8;}
.contact .section_01 .parking_icon{margin-bottom: -33px;position: relative;z-index: 1;margin-top: 60px;}
.contact .section_01 .img_right{border: 1px solid #ccc; }

.contact .section_01 .img_right span.num img {left:0;display: block;}
@media screen and (max-width:  767px) {
  #map2 {height: 200px;border-radius: 15px;}
  .contact .section_01 a {min-width: 73px;margin: 20px 5px 0;padding: 5px 20px;font-size: 14px;}
  .contact section > ul > li {width: 100% !important}
  .contact .section_01 .bus{position: initial;margin: 20px 0 0;border: 0;padding: 0;}
  .contact .section_01 .parking_icon{}
  .contact .section_01 .img_right .sub_title h2{padding: 0;}
  .contact .section_01 .img_right .sub_title h4{margin-top:20px}
}


/* ///////////////////////////////////// 치과의 특별함  /////////////////////////////////////*/
.special .section_01 .two{max-width: 1000px; margin: 0 auto 30px;}
.special .section_01 .two li {text-align: left;position: relative;}
.special .section_01 .two li:last-child {text-align: right;}
.special .section_01 .two li span {background: #666;color: #fff;padding: 6px 20px;width: 70px;border-radius: 100px;display: inline-block;text-align: center;}
.special .section_01 .two li:last-child span {background: #3288d8; }
.special .section_01 .two li span::before {content: '';display: inline-block;width: 100%;height: 3px;background: #666;position: absolute;top: 50%;margin-top: -1px;z-index: -1;}
.special .section_01 .two li:last-child span::before{left:0; background:#3288d8; }

.special .section_02 .inwrap {max-width: 1000px;margin-top: 150px;}
.special .section_02 .inwrap h5, .special .section_02 .inwrap h6 {padding-right: 350px;}
.special .section_02 .img {text-align:left;}
.special .section_02 .img img {max-width: 170px;margin-top: 5px;margin-right: 5px;border-radius: 10px;}
.special .section_02 .img img:first-child {position: absolute;right: 0;z-index: -1;margin-top: -330px;max-width:100%;}

.special .section_03 .inwrap > div.img > h2 {position: absolute;z-index: 1;left: 0;right: 0;color: #fff;margin-top: 195px;}

.special .section_05 ul{font-size: 1.2em;margin: 350px  0 -460px 180px;max-width: 380px;position: relative;z-index: 1;}
.special .section_05 ul > li{display: inline-block;}
.special .section_05 ul > li > div {text-align: center;display: table-cell;background: #3288d8;width: 170px;height: 170px;vertical-align: middle;border-radius: 1000px;color: #fff;border: 5px solid #fff;position: relative;}
.special .section_05 ul > li > div h5 {color: #fff;}
.special .section_05 ul > li:first-child > div:after {content:'+';border: #fff;color: #3288d8;background: #fff;width: 40px;height: 40px;display: block;font-size: 2em;line-height: 31px;border-radius: 100px;position: absolute;right: -25px;top: 50%;margin-top: -15px;z-index: 1;}
.special .section_05 ul > li:first-child > div{background: #546475;}


.special .section_08 ul.five{margin-left: -20px;margin-top: -30px;}
.special .section_08 ul.five li {padding-left: 20px; margin-top: 30px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
.special .section_08 ul.five li img {border-radius: 1000px}
.special .section_08 ul.five li h6 {font-weight: 500; margin-top: 5px;}

@media screen and (max-width:  767px) {
  .special .section_01 .two{margin-bottom :15px;}
  .special .section_01 .two li span {padding:3px 10px;width: 50px;}

  .special .section_02 .inwrap h5, .special .section_02 .inwrap h6{padding:0}
  .special .section_02 .inwrap{margin-top:0}
  .special .section_02 .img {text-align: center;padding-right: 30%;}
  .special .section_02 .img img{max-width: 80px;border-radius: 5px;margin: 4px 2px 0 0;}
  .special .section_02 .img img:first-child{position: relative;margin: 0;margin-bottom: -260px;max-width: 300px;margin-right: -50%;}

  .special .section_03 .inwrap > div.img {position: relative;}

  .special .section_03 .inwrap > div.img > h2{margin-top: 19%;line-height: 1.2;}

  .special .section_05 ul {margin: 15px 0 5px;}
  .special .section_05 ul > li > div{width:100px; height:100px;}
  .special .section_05 ul > li:first-child > div:after{width:30px;height:30px;line-height: 25px;right: -21px;}

  .special .section_08 ul.five{margin-left:-10px;margin-top: -20px;}
  .special .section_08 ul.five li{width:50% !important;padding-left: 10px;margin-top: 20px;}
}






/* ///////////////////////////////////// 실력있는 의료진  /////////////////////////////////////*/

.doctors {
  .sub_tit {
    h3 {
      color: #fff;
      padding-top: 220px;
      line-height: 1em;
      font-weight: 400;
    }
  }
  .section_01 {
    padding-bottom: 0;
    display:flex;
    justify-content: center;
    flex-direction: row-reverse;
    
    
    .textWrap{
      .school {
        background: #353c4f;
        margin: 60px auto 0px;
        text-align: center;
        max-width: 800px;
        padding-left: 300px;
        margin-left: -300px;
        padding-right: 100px;
        margin-right:-100px;
        
        
        
        ul {
          color: #fff;
          padding: 30px 0;
          max-width: 510px;
          margin: 0 auto;
          /* padding-left: 400px; */
          /* margin-left: -400px; */
          
          li {
            i {
              font-size: 6em;
              line-height: 1;
            }
            p {
              margin-top: 10px;
              line-height: 1.2;
            }

          }

        }
      }
      >p {
        margin-top: -20px;
        font-size: 1.2em;
        font-weight: 400;
        margin-bottom: 0px;
      }
    }
    img{
      /* margin-left: 0; */
    }
  }

  .section_02 {
    .inwrap{
      > ul {
        margin-top: 60px;
        display: flex;
        justify-content: center;
        gap: 50px;
        &:after{
          display:none;
        }
        > li{
          flex:1;
          >div {
            background: #353c4f;
            color: #fff;
            padding: 30px;
            border-radius: 30px 0;
            h4 {
              color: #fff;
            }
            h6 {
              font-weight: 400;
              span {
                font-weight: 500;
              }
            }
          }
          > ul{
            display:flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
            margin-top: 30px;
            &:after{
              display:none;
            }
            li{
              img {
                max-width: 150px;
                border-radius: 10px;
                border: 1px solid #ddd;
              }
              &:nth-child(2){
                img{
                  border-radius:200px;
                }
              }
            }
          }
        }
      }
    }
  }
}

.doctors .section_03 .inwrap > div {position: relative;max-width: 1000px;margin: 0 auto;}
/* .doctors .section_03 .inwrap > div > div {position: absolute;width: 50%;z-index: 1;padding: 50px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.doctors .section_03 .inwrap > div > div ul li {display:inline-block;max-width:120px;margin: 0 5px;}
.doctors .section_03 .inwrap > div > div ul li img {border-radius:10px;border: 1px solid #ddd;}
.doctors .section_03 .inwrap > div > div ul li:last-child {display: block; max-width: 100%;}
.doctors .section_03 .inwrap > div > div ul li:last-child img {vertical-align: middle;max-width: 50px;border-radius: 1000px;}
.doctors .section_03 .inwrap > div > div ul li:last-child  {margin: 20px 0;font-size: 24px;}

.doctors .section_03 .inwrap > div > div p {margin-top:10px} */

.doctors .section_04 .inwrap  ul.two {background: url(../doctor/images/doctor_04.jpg) top center;max-width: 1000px;margin: 0 auto;background-size: cover;}
.doctors .section_04 .inwrap  ul.two > li {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 50px 0;}
.doctors .section_04 .inwrap  ul.two > li:first-child {text-align: right;/* padding-right:230px; */}
.doctors .section_04 .inwrap  ul.two > li:last-child {text-align:left; padding-left:230px}
.doctors .section_04 .inwrap  ul.two li > div {text-align:center;/* width: 220px; */display: inline-block;margin-right: 70px;}
.doctors .section_04 .inwrap  ul.two li > div img {/* max-width:150px; */border: 2px  solid #fff;}
.doctors .section_04 .inwrap  ul.two li > div p {font-weight:500;margin-top: 10px;}
.doctors .section_04 .inwrap  ul.two li > ul {letter-spacing: -1px;}

.doctors .section_05 .step_list {max-width: 1000px;margin:0 auto;margin-top: -100px;}
.doctors .section_05 .step_list li{padding:0 16px}
.doctors .section_05 .step_list li img {border-radius: 100%;border: 6px solid #fff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.doctors .section_05 .step_list li h6 {font-size: 18px;font-weight: 500;margin-top: 10px;}
.doctors .section_05 .step_list li::after {margin-top: -34px;}
.doctors .section_06 img{border-radius: 20px 0 0 20px; }
.doctors .section_06 img:last-child{border-radius: 0 20px 20px 0 ; }
@media screen and (max-width:  767px) {

.doctors {
  .sub_tit {
    h3 {
      padding-top: 90px;
    }
  }
  .section_01{
    display:flex;
    flex-direction: column;
    .textWrap{
      .school {
          margin: 40px auto 0;
          padding: 0;
          ul {
            padding: 15px 0;
            max-width: 280px;
            li {
              p {
                margin-top: 5px;
              }
              i {
                font-size: 5em;
              }
            }
          }
        }
      >p {
        font-size: 1.1em;
        margin-top: 0;
      }
    }
  img{
    width:90%;
    margin:0 auto;
  }

  }
  .section_02 {
    .inwrap{
      > ul{
        display:flex;
        flex-direction: column;
        gap: 0;
        >li {
          width: 100% !important;
          >div {
            padding: 15px;
            border-radius: 15px 0;
            margin-top: 30px;
          }
          p{
            margin-top: 20px;
          }
        }
      }
    }
  }
}
.doctors .section_03 .inwrap > div > div{position: relative;width: 100%;padding: 0;}
.doctors .section_03 .inwrap > div > div h5{color:#222;}
.doctors .section_03 .inwrap > div > div ul li:last-child{margin: 10px 0;font-size: 18px;}
.doctors .section_03 .inwrap > div > div p{margin-bottom:20px;}

.doctors .section_04 .inwrap ul.two {
  /* background-size: 450px; */
  /* background-position: center top; */
}

.doctors .section_04 .inwrap ul.two>li {
  padding: 30px 4% 20px 4%;
}

.doctors .section_04 .inwrap ul.two>li:first-child {
  padding-right: 0;
  text-align: center;
}

.doctors .section_04 .inwrap ul.two>li:last-child {
  padding-left: 0;
  text-align: right;
}

.doctors .section_04 .inwrap ul.two li>ul {
  display: none;
}

.doctors .section_04 .inwrap ul.two li>div {
  width: auto;
  line-height: 1.2;
  margin: 0;
}

.doctors .section_04 .inwrap ul.two li>div img {
  max-width: 100px;
}

.doctors .section_04 .inwrap ul.two li>div p {
  margin-bottom: 0;
}
.doctors .section_05 .step_list{margin-top: -50px;}
.doctors .section_05 .step_list li{padding: 0 10px;margin-top: 20px;}
.doctors .section_05 .step_list li img{border-width: 5px;}
.doctors .section_05 .step_list li h6{font-size:14px;}
.doctors .section_06 img{border-radius: 10px 10px 0 0 ; }
.doctors .section_06 img:last-child{border-radius: 0  0 10px 10px ; }
}






/* ///////////////////////////////////// 치아교정  /////////////////////////////////////*/


/* 돌출입교정 */
.ort_01 .section_03 .maunting > div:last-child {padding: 40px 0 20px 20px}
.ort_01 .section_04 .three {background: #f9f9f9;padding: 40px;border-radius: 20px;}
.ort_01 .section_04 .three > li h6 {margin-top: -30px;}
@media screen and (max-width:  767px) {
  .ort_01 .section_03 .maunting > div:last-child{padding: 0 10px 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
  .ort_01 .section_03 .maunting > div:last-child img {margin: 0;right: auto;}
  .ort_01 .section_04 .three{padding:1px 20px;}
  .ort_01 .section_04 .three li {width:100% !important; max-width:280px; margin:20px auto; float:none;  }
}


/* 덧니교정 */

.ort_02 .section_02  .center_icon_list li i{background: #3288d8;color:#fff;width:
80px;height: 80px;line-height: 76px;font-size: 30px;margin-top: -60px;}
.ort_02 .section_02 .center_icon_list li:nth-child(1) i{line-height: 60px;background: #546475;}
.ort_02 .section_02 .center_icon_list li:nth-child(1) i::before{content: "";width: 30px;height: 3px;background: #fff;display: inline-block;}


@media screen and (max-width:  767px) {
  .ort_02 .section_02 ul li{width: 100% !important;margin-top: 40px;}
  .ort_02 .section_02 .center_icon_list li i{width: 50px;height: 50px;line-height: 50px;margin-top: -40px;}
  .ort_02 .section_02 .center_icon_list li:nth-child(1) i{line-height: 35px;}

}


/* 비발치교정 */

.ort_03 .section_03 ul {text-align:center;margin: -23px auto 0;overflow: hidden;position: relative;max-width: 860px;}
.ort_03 .section_03 ul li{padding: 20px 20px 0 20px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.ort_03 .section_03{position:relative;}
.ort_03 .section_03 ul li > div {border: 4px solid #546475;padding: 30px;border-radius: 30px;background: #fff;}
.ort_03 .section_03 ul li:last-child > div{border: 4px solid #3288d8;}
.ort_03 .section_03 span.or {background: #3288d8;font-size: 32px;font-weight: 700;color: #fff;display: inline-block;width: 90px;height: 90px;border-radius: 50px;line-height: 90px;position: absolute;margin-left: -45px;left:50%;text-align: center;top: 50%;margin-top: -38px;z-index: 2;}

.ort_03 .section_04 .circle_list li em {font-size: 1.4em;}
.ort_03 .section_04 .circle_list li .num:after{margin-bottom: -5px;}
.ort_03 .section_04 .circle_list {max-width:860px; margin:0 auto; margin-bottom: 80px;}
.ort_03 .section_04 .circle_list li .num {font-size: 2.5em;}
.ort_03 .section_04 .circle_list li .bg {/* padding-top: 30px; */}

.ort_03 .section_04 .num_list{border-top:1px solid #ddd;}
.ort_03 .section_04 .num_list img {float: right;margin-top: -60px;max-width: 310px;}
.ort_03 .section_04 .num_list li{padding-top:60px}
.ort_03 .section_04 .num_list li:last-child {padding-bottom:0;}
.ort_03 .section_04 ul li:nth-child(1) span.num{background: #3288d8;}
.ort_03 .section_04 ul li:nth-child(3n) span.num{background: #43bfda;}
@media screen and (max-width:  767px) {
  .ort_03 .section_03 ul{margin:0;}
  .ort_03 .section_03 ul li{padding: 0;}
  .ort_03 .section_03 ul li > div{padding: 10px 0;border-radius: 15px;border-width: 2px;}
  .ort_03 .section_03 ul li:last-child > div{border-width: 2px;margin-top: 10px;}
  .ort_03 .section_03 span.or{width: 50px;height: 50px;line-height: 50px;z-index: 1;font-size: 2em;margin-left: -25px;margin-top: -25px;}
  .ort_03 .section_04 .circle_list{margin-bottom: 30px;margin-top: -20px;}
  .ort_03 .section_04 .circle_list li > div.circle{padding:0}
  .ort_03 .section_04 .circle_list li > div.circle h4{margin-top: 10px;/* margin-bottom: 5px; */font-size: 1.8em;}
  .ort_03 .section_04 .circle_list li .bg{/* padding: 10px 0 0; *//* margin-top: 10px; */}
  .ort_03 .section_04 .num_list img {width: 100%;float: none;margin: 0 auto;display: block;margin-bottom: -10px;max-width: 250px;}
  .ort_03 .section_04 ul li span.num {display: block;margin: 0 auto;float: none;}
  .ort_03 .section_04 ul.num_list dt{width: 100%;text-align: center;padding: 0;font-size: 20px;margin-top: 10px;}
  .ort_03 .section_04  ul.num_list dd{width: 100%;text-align: center;padding: 0;}
  .ort_03 .section_04  ul.num_list li{ padding: 30px 0;}

}

/* 인비절라인 */

.ort_04 .video_wrap {overflow: hidden; position: relative; border-radius: 30px;}
.ort_04 .video_wrap a {display: block; cursor: pointer;}
.ort_04 .video_wrap a > img {max-width: 100%;transition: all 1.3s ease;}
.ort_04 .video_wrap a:hover > img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.ort_04 .video_wrap a span {display: block;position: absolute;z-index: 1;top: 50%;/* margin-top: -53px; */text-align: center;color: #fff;font-size: 30px;width: 100%;transform: translate(0%, -50%);}
.youtubeWrap{position: fixed;right: 0;bottom: 0;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: 1000;display: none;background: rgba(0, 0, 0, .6);}
.invisalign_vidio {position: fixed;min-width: 80dvh;min-height: 80dvh;width: auto;top: 10%;height: auto;z-index:1000;background: rgba(0, 0, 0, 0.8);left: 50%;transform: translate(-50%, 00px);}
.overlay {position: fixed;z-index: 10001;padding: 20px;right:0;top:0;color: #fff;font-size:1em;}
.overlay #vidio_close {cursor: pointer;padding: 10px 15px 10px 20px;color: #fff;display: inline-block;font-size: 2em;}

.ort_04 .section_02 .circle_list li p.bg {font-size: 18px;margin-top: 10px;}


.ort_04 .section_03 ul.two {display: flow-root;}
.ort_04 .section_03 ul.two > li > ul{position: absolute;left: 50%;top: 50%;font-size: 1.2em;margin-left: -230px;margin-top: -220px;}
.ort_04 .section_03 ul.two > li > ul > li{display: table-cell;text-align: center;}
.ort_04 .section_03 ul.two > li > ul > li h6 {font-style: italic;color: #6a6a6a;}
.ort_04 .section_03 ul.two > li > ul > li > div {text-align: center;display: table-cell;background: #3288d8;width: 170px;height: 170px;vertical-align: middle;border-radius: 1000px;color: #fff;border: 5px solid #fff;position: relative;}
.ort_04 .section_03 ul.two > li > ul > li:first-child > div:after {content:'+';border: #fff;color: #3288d8;background: #fff;width: 40px;height: 40px;display: block;font-size: 2em;line-height: 31px;border-radius: 100px;position: absolute;right: -25px;top: 50%;margin-top: -15px;z-index: 1;}
.ort_04 .section_03 ul.two > li > ul > li:first-child > div{background: #546475;}


.ort_04 .section_05 ul.two {margin-top: 60px;margin-left: -30px;overflow: hidden;}
.ort_04 .section_05 ul.two li {padding-left: 30px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin-bottom: 60px;}
.ort_04 .section_05 ul.two li video {width: 100%;margin-bottom: -8px;}
.ort_04 .section_05 ul.two li h5{font-size: 22px;color: #fff;background: #546475;display: table-cell;width: 160px;height: 120px;vertical-align: middle;}
.ort_04 .section_05 ul.two li h5 img{width: 110px;display: block;margin: auto; }
.ort_04 .section_05 ul.two li p{display: table-cell;text-align: justify;vertical-align: middle;padding: 20px;background: #f2f2f2;width: 74%;}
.ort_04 .section_05 ul.two + p{position:relative;}
.ort_04 .section_05 ul.two + p span {position:absolute;z-index:1;color:#fff;width: 100%;font-size: 24px;top: 41%;}

.ort_04 .section_06 ul.two {max-width: 800px; margin: 0 auto; display: flow-root;}
.ort_04 .section_06 .dots_text {margin-bottom: 0;}
.ort_04 .section_07 .tit {width: 120px;}
.ort_04 .section_07 table.line thead th:first-child {background: #546475;}
.ort_04 .section_07 table.line thead th:last-child {background: #3288d8;}

@media screen and (max-width:  767px) {
 .ort_04 .video_wrap {margin: -10px 0;border-radius: 15px;}
 .ort_04 .video_wrap a span{/* margin-top:-45px; *//* font-size: 20px; */}
 .ort_04 .video_wrap a span img {width: 50px;}
.invisalign_vidio{
  min-height: 90dvw;
  top: 50%;
  min-width: 90dvw;
  transform: translate(-50%, -50%);
  }
  .overlay #vidio_close{
    padding: 0;
  }
 .ort_04 .section_02  ul.circle_list_2 li div.circle{padding-top: 10px;}
 .ort_04 .section_02 .circle_list li p.bg{font-size: 12px;/* margin-top: 5px; *//* padding-bottom: 0; *//* height: 57px; */}
 .ort_04 .section_02 .circle_list li h4{margin-top:5px}
 .ort_04 .section_03 ul.two{display:flow-root}
 .ort_04 .section_03 ul.two > li > ul {font-size: 1em;margin-left: -110px;margin-top: -6px;top: auto;}
 .ort_04 .section_03 ul.two > li > ul > li> div{width:100px; height:100px; }
 .ort_04 .section_03 ul.two + p {margin-top: 140px !important;}
 .ort_04 .section_03 ul.two > li > ul > li:first-child > div:after{width:30px;height:30px;font-size: 2.5em;line-height: 25px;}

 .ort_04 .section_05 ul.two{margin-top: 30px;}
 .ort_04 .section_05 ul.two li {width: 100% !important;margin-bottom: 30px;}
 .ort_04 .section_05 ul.two li h5 {font-size: 16px;height: auto;padding: 10px 0;}
 .ort_04 .section_05 ul.two li h5 img{width:60px;margin-bottom: 10px;}
 .ort_04 .section_05 ul.two li p{padding:10px;width: 70%;}
 .ort_04 .section_05 ul.two li video{margin-bottom: -5px;}
 .ort_04 .section_05 ul.two + p span {font-size: 12px;top: 37%;}

 .ort_04 .section_07 .tit {width: 50px;}

}


/* 부분교정 */

.ort_05 .num_list {border:0;max-width: 940px;margin: 20px auto 0;}
.ort_05 .num_list li {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border:0;padding-bottom: 0;padding: 15px 15px;}
.ort_05 .num_list li div{border:1px solid #c1c1c1;padding: 30px 27px 30px 30px;overflow: hidden; border-radius: 20px;}
.ort_05 .num_list li span.num{width: 60px;height: 60px;line-height: 60px;font-size: 2em;margin-left: 0;}
.ort_05 .num_list li dt {line-height: 1.3;margin: 0;font-size: 22px;}
.ort_05 .num_list li dt span {font-weight: 700;margin-top: 4px;display: block;}
.ort_05 .num_list li img {margin:-30px 20px -30px -30px}
@media screen and (max-width:  767px) {
    .ort_05 .num_list{margin-top: 10px;}
    .ort_05 .num_list li dt{font-size: 16px;}
    .ort_05 .num_list li{width: 100% !important;padding: 10px 0;}
    .ort_05 .num_list li div{padding: 15px;border-radius: 15px;}
    .ort_05 .num_list li span.num{margin-right: 15px;width: 40px;height: 40px;line-height: 40px;font-size: 2em;}
    .ort_05 .num_list li dt span{margin-top: 0;}
}


/* 장치별교정 */
.ort_06 .section_02 ul.three > li > span {border: 1px solid #3288d8;display:  inline-block;width: 20px;height: 8px;background:  #fff;margin: 0 1px;}
.ort_06 .section_02 ul.three > li > span.on {background: #3288d8;}
.ort_06 .section_02 .check_list {text-align: left;}

.ort_06 .section_02 .img {float:left;width: 50%;}
.ort_06 .section_02 .text_wrap {width: 50%;float: left;}
.ort_06 .section_02 .three {margin-bottom: 40px;font-family: 'NanumSquare';line-height: 1.6;margin-top: 20px;}
  @media screen and (max-width:  767px) {
  .ort_06 .section_02 .img, .ort_06 .section_02 .text_wrap {width:100%;}
  .ort_06 .section_02 ul.three > li > span{width:10px;}
  .ort_06 .section_02 .three{margin-bottom:20px}
  }




  /* ///////////////////////////////////// 어린이교정  /////////////////////////////////////*/



    /* 소아교정 */
    .child_01 .section_02 .inwrap > ul {border-top: 3px solid #666;margin-top:120px;border-bottom: 3px solid #666;margin-bottom: 120px;}
    .child_01 .section_02 .inwrap > ul > li {width: 2%;float: left;position: relative;padding: 60px 30px;height:500px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
    .child_01 .section_02 .inwrap > ul > li:first-child {width: 49%;text-align: right;}
    .child_01 .section_02 .inwrap > ul > li:nth-child(2) {padding: 60px 0;}
    .child_01 .section_02 .inwrap > ul > li:last-child {width: 49%;}
    .child_01 .section_02 .inwrap > ul > li > h5 {position: absolute;margin-top: -120px;width: 200px;text-align: center;left: 50%;margin-left: -100px;}
    .child_01 .section_02 .inwrap > ul > li > h5:after {content:'';width: 4px;height: 42px;background: #666;display: block;position: absolute;left: 50%;margin-left: -2px;margin-top: 10px;}
    .child_01 .section_02 .inwrap > ul > li:nth-child(2) > h5:after{background: #3288d8;}
    .child_01 .section_02 .inwrap > ul > li > h4 + p{margin: 20px 0;line-height: 0;}

    .child_01 .section_02 .inwrap > ul > li:first-child > h4, .child_01 .section_02 .inwrap > ul > li:first-child > h6{color:#3288d8;}
    .child_01 .section_02 .inwrap > ul > li:first-child > h4 + p:before {content: '\E838';font-family: 'icon_font';font-size: 2em;color: #3288d8;vertical-align: middle;position: absolute;margin-left: -45px;font-weight: 800;margin-top: 5px;}
    .child_01 .section_02 .inwrap > ul > li:first-child > h4 + p:after{content: '';display: inline-block;background: #3288d8;width: 350px;height:6px;margin-left: -41px;margin-right: -40px;}
    .child_01 .section_02 .inwrap > ul > li:first-child .box_list li div.text {padding:10px;border-radius: 0 0 10px 10px;}
    .child_01 .section_02 .inwrap > ul > li:first-child .box_list li div.text p {font-weight: 500}

    .child_01 .section_02 .inwrap > ul > li:last-child > h4, .child_01 .section_02 .inwrap > ul > li:last-child > h6{color: #546475;}
    .child_01 .section_02 .inwrap > ul > li:last-child > h4 + p:after {content: '\E877';font-family: 'icon_font';font-size: 2em;color: #546475;vertical-align: middle;position: absolute;margin-left: 29px;font-weight: 800;margin-top: 4px;}
    .child_01 .section_02 .inwrap > ul > li:last-child > h4 + p:before{content: '';display: inline-block;background: #546475;width: 350px;height:6px;margin-left: -40px;margin-right: -42px;}
    .child_01 .section_02 .inwrap > ul > li > h6 {margin-bottom:30px;font-family: 'NanumSquare';}
    .child_01 .section_02 .inwrap > ul > li:nth-child(2):after{content: '';width: 4px;height: 103%;display: block;background: #3288d8;position: relative;left: 50%;margin-left: -2px;margin-top: -50px;padding: 50px 0;}

     .child_01 .section_02 .inwrap > ul > li:first-child .three{margin-left:-5px; margin-right:-5px;}
    .child_01 .section_02 .inwrap > ul > li:first-child .three li {padding: 0 5px;}
    .child_01 .section_02 .inwrap > ul > li:first-child .three li > div img {border-radius:10px 10px 0 0}

    .child_01 .section_05 ul.two > li h4{margin-bottom: -30px;}
    .child_01 .section_05 ul.two > li h4 > span {display: inline-block;background: #546475;padding: 10px 40px;color: #fff;margin: 0 0 30px;min-width: 100px;font-weight: 400;font-size: 22px;margin-bottom: 0;border-radius: 10px;}
    .child_01 .section_05 ul.two > li:first-child h4 >span {background: #3288d8;}
    .child_01 .section_05 ul.two > li > div{margin: 0 20px;}
    .child_01 .section_05 ul.two > li > div{border: 2px solid #999;border-radius: 30px;padding: 70px 50px 50px;}

    .child_02 .section_03 .round_box_list{max-width: 800px}
    .child_02 .section_07 .box_list li > div {border:1px solid #ccc; border-radius: 20px;}
    .child_02 .section_07 .box_list li > div h5 {margin-top: 30px}
    @media screen and (max-width:  767px) {

      .child_01 .section_02 .inwrap > ul{border: 0;border-left: 2px solid #666;margin-top: 0;margin-left: 50px;margin-bottom: 0;}
      .child_01 .section_02 .inwrap > ul > li {width:100% !important;padding: 20px 0 0 10px;height: auto;}
      .child_01 .section_02 .inwrap > ul > li > h5{margin:0;left:0;width: 50px;margin-left: -60px;margin-top: -10px;top: 50%;margin-top: -15px;}
      .child_01 .section_02 .inwrap > ul > li > h5:after{width: 15px;height:2px;right: 0;left: auto;margin-right: -10px;margin-top: -26px;}
      .child_01 .section_02 .inwrap > ul > li:first-child{text-align: center;}
      .child_01 .section_02 .inwrap > ul > li > h4 + p{position:absolute;margin-left: -48px;height: 100%;top: 0;}
      .child_01 .section_02 .inwrap > ul > li:first-child .three{margin-left:-1px; margin-right:-1px;}
      .child_01 .section_02 .inwrap > ul > li:first-child > h4 + p:after{height: auto;width: 2px;margin:0;top: 55%;bottom: 20px;position: absolute;}
      .child_01 .section_02 .inwrap > ul > li:first-child > h4 + p:before{margin: 0;content: '\E876';top: 50%;margin-left: -8px;font-size: 1.5em;font-weight: 400;margin-top: 20px;}
      .child_01 .section_02 .inwrap > ul > li > h4{display:inline-block;}
      .child_01 .section_02 .inwrap > ul > li > h6{display:inline-block;margin-bottom: 15px;}
      .child_01 .section_02 .inwrap > ul > li:first-child .three li{width:33.3333% !important;padding: 0 1px;}
      .child_01 .section_02 .inwrap > ul > li:nth-child(2){padding: 20px 0;}
      .child_01 .section_02 .inwrap > ul > li:nth-child(2):after{width:100%;height: 2px;padding:0;margin: 0;left: 0;margin-top: 8px;}
      .child_01 .section_02 .inwrap > ul > li:first-child .three li > div img{border-radius:5px 5px 0 0;}
      .child_01 .section_02 .inwrap > ul > li:first-child .box_list li div.text{padding:5px; border-radius:0 0 5px 5px;}
      .child_01 .section_02 .inwrap > ul > li:first-child .box_list li div.text p {font-size:12px}
      .child_01 .section_02 .inwrap > ul > li > h4 + p{position:absolute;margin-left: -48px;height: 100%;top: 0;}
      .child_01 .section_02 .inwrap > ul > li:last-child{padding: 0 0 20px 10px;text-align: center;}
      .child_01 .section_02 .inwrap > ul > li:last-child > h4 + p:before{height: auto;width: 2px;margin:0;top: -10px;bottom: 50%;position: absolute;margin-bottom: 42px;}
      .child_01 .section_02 .inwrap > ul > li:last-child > h4 + p:after{margin: 0;bottom: 0;content: '\E875';bottom: 50%;margin-left: -8px;font-size: 1.5em;font-weight: 400;margin-bottom: 45px;}


      .child_01 .section_05 ul.two > li {width:100% !important; }
      .child_01 .section_05 ul.two > li > div{border-radius:15px;margin:0;padding: 50px 15px 15px 15px;border-width: 1px;}
      .child_01 .section_05 ul.two > li:last-child {margin-top:30px}
      .child_01 .section_05 ul.two > li h4{margin-bottom: -17px;}
      .child_01 .section_05 ul.two > li h4 > span{padding: 5px 20px;border-radius:5px;font-size: 17px;}

      .child_02 .section_07 .box_list li > div{border-radius:10px}
      .child_02 .section_07 .box_list li > div h5{margin-top:20px}

  }
/* ///////////////////////////////////// END  /////////////////////////////////////*/