@charset "UTF-8";
 
/* main_visual */
.owl-carousel .owl-item img {display:inline-block;}
.main_visual {/* min-height: 100dvh; */position:  relative;overflow:  hidden;padding-top: 130px;}
.main_visual {/* height: 800px; */position:  relative;overflow:  hidden;padding-top: 154px;}
.main_visual .item {/* height: 800px; *//* background-position: 33%  0; *//* background-size: cover; *//* overflow:  hidden; */}
.main_visual .owl-carousel .owl-item img {width: auto;}
.main_visual .owl-carousel .owl-item .text_wrap {max-width: 1200px;margin:0 auto;padding-top: 180px; color:#222;}
.main_visual .owl-carousel .owl-item .text_wrap a {color: #333;}
.main_visual .owl-carousel .owl-nav {position: absolute;top: 50%;margin-top: -24px;width:  100%;}
.main_visual .owl-carousel .owl-nav > button {width:25px;height:48px;position:absolute;text-indent: -9999px;}
.main_visual .owl-carousel .owl-nav .owl-prev {left: 50%;background: url(../images/main/arrowPrev.png);margin-left: -700px;}
.main_visual .owl-carousel .owl-nav .owl-next {right: 50%;background: url(../images/main/arrowNext.png);margin-right: -700px;}
.main_visual .owl-carousel .owl-dots {position: absolute;bottom:50px;width:  100%;text-align:  center;}
.main_visual .owl-carousel .owl-dot {width: 20px;height: 15px;border-radius:10px;background: #fff;display:  inline-block;margin:0 8px;opacity: .5;-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-dot.active {width: 60px;opacity: 1;background: #603988;}

.main_visual .owl-carousel .active h1, .main_visual .owl-carousel .active h2, .main_visual .owl-carousel .active h5, .main_visual .owl-carousel .active h6, .main_visual .owl-carousel .active p, .main_visual .owl-carousel .active .text_wrap ul li{-webkit-animation-duration:1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft; animation-delay: 0s;}

/* rolling 05 */
.main_visual .owl-carousel .m_roll_05 .text_wrap{left:50%;position: relative;margin: 0;margin-left: -600px;padding-top: 120px;position: relative;text-align: center;}
.main_visual .owl-carousel .m_roll_05 h1 {font-size: 64px;font-weight: 900;line-height: 1.2;margin-bottom: .8em;letter-spacing: -2px;color: #fff;}
.main_visual .owl-carousel .m_roll_05 h5{font-size: 24px;color: #fff;font-weight: 400;}
.main_visual .owl-carousel .m_roll_05 ul{margin-top: -20px;z-index: 1;margin-left: -30px;}
.main_visual .owl-carousel .m_roll_05 li{position: absolute;}
.main_visual .owl-carousel .active .m_roll_05 h1{animation-name: fadeInDown;animation-delay: 2s;-webkit-animation-duration: 2s;animation-duration: 2s;}
.main_visual .owl-carousel .active .m_roll_05 h1 em {color: #e1c5ff;}
.main_visual .owl-carousel .active .m_roll_05 h5{animation-name: fadeInDown;animation-delay: 1s;-webkit-animation-duration: 2s;animation-duration: 2s;}
.main_visual .owl-carousel .active .m_roll_05 h5 b {font-weight:800;color: #e3d3f5;}
.main_visual .owl-carousel .active .m_roll_05 ul{animation-delay: 0;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration: 2s;animation-duration: 2s;}
.main_visual .owl-carousel .m_roll_05 li:nth-child(1){margin-top: -90px;margin-left: -140px;width: 640px;}
.main_visual .owl-carousel .m_roll_05 li:nth-child(2){right: 370px;z-index: 1;width: 460px;margin-top: 50px;}
.main_visual .owl-carousel .m_roll_05 li:nth-child(3){right: -80px;margin-top: -80px;width: 600px;}

.main_visual .owl-carousel .active .m_roll_05 li:nth-child(1){-webkit-animation-duration: 2s;animation-duration: 2s;}
.main_visual .owl-carousel .active .m_roll_05 li:nth-child(2){animation-name: fadeInUp;-webkit-animation-duration: 2s;animation-duration: 2s;}
.main_visual .owl-carousel .active .m_roll_05 li:nth-child(3){animation-name: fadeInRight;-webkit-animation-duration: 2s;animation-duration: 2s;}
.main_visual .owl-carousel .m_roll_05 li > div img {display:block;width: 100px;}


/* rolling 06 */
.main_visual .owl-carousel .m_roll_06 .text_wrap{left:50%;position: relative;margin: 0;margin-left: -600px;padding-top: 140px;position: relative;}
.main_visual .owl-carousel .m_roll_06 h1 {font-size: 4.2em;font-weight: 900;line-height: 1;margin: 5px 0 50px;letter-spacing: -.05em;}
.main_visual .owl-carousel .m_roll_06 h1 em {color: #603988;}
.main_visual .owl-carousel .m_roll_06 h2 {font-size: 2.5em;font-weight: 400;}
.main_visual .owl-carousel .m_roll_06 h2 span {font-family: 'Nanum Myeongjo';font-style: italic;font-size: 1.1em;font-weight: 600;}
.main_visual .owl-carousel .m_roll_06 h5{font-size: 1.7em;}
.main_visual .owl-carousel .active .m_roll_06 h5{animation-delay: 0.2s;font-weight: 400;}
.main_visual .owl-carousel .active .m_roll_06 h5 + h5 {animation-delay: .4s;}
.main_visual .owl-carousel .m_roll_06 h6{font-size: 1.5em;margin-bottom: .2em;}
.main_visual .owl-carousel .active .m_roll_06 h5 + h5 + h5{animation-delay: .6s;}
.main_visual .owl-carousel .active .m_roll_06 h6 + h6 {animation-delay: .8s;}
.main_visual .owl-carousel .m_roll_06 ul{z-index: 1;margin-left: -30px;}
.main_visual .owl-carousel .active .m_roll_06 ul{animation-delay: 1.2s;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;z-index: 1;position: relative;text-align: left;}
.main_visual .owl-carousel .m_roll_06 li{margin-right: -30px;display:inline-block;font-size: 11em;margin-top: -.15em;}
.main_visual .owl-carousel .m_roll_06 a li {color: #0d3179;}
.main_visual .owl-carousel .active .m_roll_06 li:nth-child(1){animation-delay: 1.2s;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;color: #0d3179;}
.main_visual .owl-carousel .active .m_roll_06 li:nth-child(2){animation-delay: 1.3s;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;color: #0d3179;}
.main_visual .owl-carousel .m_roll_06 li > div img {display:block;width: 100px;}


/* rolling 01 */
.main_visual .owl-carousel .m_roll_01 .text_wrap{left:50%;max-width: 750px;position: relative;margin: 0;margin-left: -150px;text-align: right;padding-top: 80px;}
.main_visual .owl-carousel .m_roll_01 p{font-size: 24px;font-weight: 500;}
.main_visual .owl-carousel .m_roll_01 h1 {font-size: 56px;font-weight: 900;line-height: 1.2;color: #222;margin-bottom: .5em;}
.main_visual .owl-carousel .m_roll_01 h2 {font-weight: 400;letter-spacing: -2px;font-size: 40px;}
.main_visual .owl-carousel .m_roll_01 h1 em {font-size: 62px;color: #603988;}
.main_visual .owl-carousel .m_roll_01 img {max-width:500px;margin-top: 1em;}
.main_visual .owl-carousel .active .m_roll_01 h2{-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
.main_visual .owl-carousel .active .m_roll_01 h1{-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-delay: 0.3s;}
.main_visual .owl-carousel .active .m_roll_01 p{-webkit-animation-name: fadeInRight;animation-name: fadeInRight; animation-delay: 0.6s;}
.main_visual .owl-carousel .active .m_roll_01 a > img {-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInRight;animation-delay: .9s;}



/* rolling 04 */
.main_visual .owl-carousel .owl-item .m_roll_04 .text_wrap {padding-top: 140px;}
.main_visual .owl-carousel .m_roll_04 a {color:#614e31;}
.main_visual .owl-carousel .m_roll_04 h1 {font-size: 58px;font-weight: 900;margin: 20px 0;text-align: center;max-width: 650px;letter-spacing: -2px;}
.main_visual .owl-carousel .m_roll_04 h1 em{font-weight: 100}
.main_visual .owl-carousel .m_roll_04 h1.dot_tit::before, .main_visual .owl-carousel .m_roll_04 h1.dot_tit::after{}
.main_visual .owl-carousel .m_roll_04 h2 {font-size: 36px;line-height: 1.2;max-width: 650px;text-align: center;}
.main_visual .owl-carousel .m_roll_04 h2 span {font-weight: 400;}
.main_visual .owl-carousel .m_roll_04 h2 em {font-size: 30px;}
.main_visual .owl-carousel .m_roll_04 h3 {font-size:32px; font-weight:400}
.main_visual .owl-carousel .m_roll_04 p{font-size: 24px;font-weight: 400;margin-bottom: 20px;max-width: 650px;text-align: center;font-family: 'Nanum Myeongjo';}
.main_visual .owl-carousel .m_roll_04 p span {font-weight:900; }
.main_visual .owl-carousel .active .m_roll_04 h2{-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 .owl-carousel .active .m_roll_04 h1{-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
.main_visual .owl-carousel .active .m_roll_04 p{-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}


/* rolling 02 */
.main_visual .owl-carousel .owl-item .m_roll_02 .text_wrap {text-align: right;padding-top: 260px;width: 600px;text-align: center;left: 50%;position: relative;margin: 0;}
.main_visual .owl-carousel .m_roll_02 h2 {font-size: 50px;}
.main_visual .owl-carousel .m_roll_02 h2 span {font-weight: 100;}
.main_visual .owl-carousel .m_roll_02 p{font-size: 28px;}
.main_visual .owl-carousel .m_roll_02 h1 {font-size: 70px;font-weight: 900;padding: 5px 20px;display: inline-block;margin:10px 0;}
.main_visual .owl-carousel .m_roll_02 h1 span{font-weight: 100}
.main_visual .owl-carousel .m_roll_02 a {color: #fff;}

.main_visual .owl-carousel .active .m_roll_02 h2{-webkit-animation-duration:.5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
.main_visual .owl-carousel .active .m_roll_02 h2 + p{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
.main_visual .owl-carousel .active .m_roll_02 h1{-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
.main_visual .owl-carousel .active .m_roll_02 h1 + p{-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}



/* main_banner -- 프리미엄 의료진 */
.main_banner {margin: 100px auto 0;width: 100%;text-align: center;background: #fff;position: relative;overflow:hidden;padding-bottom: 188px;}
.main_banner ul {max-width:1200px;margin:60px auto 0;z-index: 2;overflow: hidden;}
.main_banner ul li{float: left;width: 20%;position: relative;z-index: 1; letter-spacing: -1px;}
.main_banner ul li img{display: inline-block; max-width: 100%; margin-bottom:15px}
.main_banner ul li img:last-child {position: absolute;top: 0;left: 16px;opacity: 0;transition: .2s ease;}
.main_banner ul li:hover img:last-child{opacity: 1;}
.main_banner ul::after {color: #f9f7fb;font-size: 295px;font-family: 'NanumSquare';font-weight: 800;position: absolute;bottom: -158px;left: 0;right: 0;}

/* main_premium -- 치아교정  */
.main_premium {background: url(../images/main/premium_bg.jpg) center;text-align: center;padding: 100px 0; overflow:hidden}
.main_premium .title h2 {background: url(../images/main/premium_bg.jpg)  center -150px;color:#fff;}
.main_premium .title h2 > span {background:#1c1c1c;padding: 0px 17px;letter-spacing: 0;font-weight: 300;display: inline-block;height: 80px;font-size: 74px;font-family: 'Noto Sans Korean';position: relative;}
.main_premium .title h2 > span:after {content:'+';position:absolute;font-size:50px;font-weight:100;top: -41px;right: -15px;font-family: 'Noto Sans KR', sans-serif;}
.main_premium > div {max-width: 1560px; margin:0 auto;}
.main_premium ul {margin-left:-20px;margin-top: 60px;}
.main_premium ul li{width: 25%;padding-left: 20px;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; overflow:hidden}
.main_premium ul li a {display:block;overflow:hidden;}
.main_premium ul li img{transition: all 1.3s ease;display: block;}
.main_premium ul li img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}


/* sns_banner -- 병원이야기*/
.sns_banner {text-align: center;padding: 100px 0;overflow:hidden;background: #f0f0f0;}
.sns_banner .title h2{background:#f0f0f0;}
.sns_banner .title h2 > span{font-weight:100;letter-spacing: 0;padding: 3px 5px 0;height: 77px;display: inline-block;}
/* .sns_banner ul {margin-top: 60px;}
.sns_banner ul li {width: 20%;float: left;position: relative;}
.sns_banner ul li span {position: absolute;margin: 15px; z-index: 1}
.sns_banner ul li a > img {-webkit-filter: grayscale(100%);filter: grayscale(100%);border:5px solid #fff;max-width: 95%;transition: .5s ease;}
.sns_banner ul li:hover a > img {-webkit-filter: grayscale(0%); filter:grayscale(0);border: 5px solid #8461a9;}
.sns_banner ul li a  p {position: absolute;z-index: 1;color: #fff;bottom: 70px;text-align: center;left: 0;right: 0;opacity:0;transition: .5s ease;font-size: 18px;}
.sns_banner ul li:hover a  p{opacity:1} */


.main_course > div {
    max-width: 1560px;
    margin: 0 auto;
}
.main_course ul.four {overflow: hidden;margin-left: -20px;margin-top: 60px;z-index: 1;position: relative;}
.main_course ul li {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 20px;}
.main_course ul li div {display: block;background: #222;position: relative;/* width: 343px; *//* height: 444px; */overflow: hidden;border: 1px solid rgba(255, 255, 255, 0.95);}

.main_course 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;}
.main_course 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;}
.main_course 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;}



.main_course ul li a h4{font-weight: 400;color:#fff;margin-top: 330px;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;font-size: 24px;}
.main_course ul li a h4 span {font-weight: 300;}
.main_course ul li a h4:before {content:'';font-weight: 100;font-size: 2em;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;background: rgba(64, 58, 57, 0.8);left: 0;right: 0;height: 60px;position: absolute;z-index: -1;bottom: 0;}
.main_course 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;}
.main_course ul li:hover p {opacity:1}
.main_course 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;}
.main_course ul li:hover a{top:20px;bottom:20px;left:20px;right:20px; border: 1px solid #eee; }
.main_course ul li a{top:0; bottom:0; left:0; right:0;  border:0}
.main_course ul li:hover a h4{margin-top: 80px;}
.main_course ul li:hover a h4:before {opacity: 0;}
.main_course ul li:hover p:before {-webkit-transform: rotate(90deg);transform: rotate(90deg); margin: 50px auto 55px;}



/* foot_banner */
.foot_banner {text-align: center;background: url(../images/main/foot_banner01.jpg) center no-repeat;overflow:hidden;color: #fff;background-size: cover;padding: 100px 0;}
.foot_banner div {width: 680px;display: inline-block;margin: 70px 0 0 -500px;text-align: left;}
.foot_banner h2 {font-size: 40px;font-weight: 300;margin-bottom: 30px;}
.foot_banner h2 > span {font-weight:700; font-size:1.2em;}
.foot_banner h3 {font-size: 24px;font-weight: 100;}



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

  /* main_visual */
  .main_visual {height: 400px;padding-top: 57px;}
  .main_visual .item {height: 400px;padding: 0 20px;}
  .main_visual .item.video_visual{
    height: auto;
    padding: 0;
    max-height:0;
  }
  .main_visual .owl-carousel .owl-item .text_wrap br {display: inline;}
  .main_visual .owl-carousel .owl-nav {display: none;}
  .main_visual .owl-carousel .owl-dots {bottom:15px}
  .main_visual .owl-carousel .owl-dot {margin:0 4px; width: 10px; height: 10px;}
  .main_visual .owl-carousel .owl-dot.active {width: 30px;}

  /* rolling 01 */
  .main_visual .owl-carousel .m_roll_01{background-position: 20%;}
  .main_visual .owl-carousel .m_roll_01 .text_wrap{left: 0;padding-top: 30px;right: 0;margin: 0;text-align: center;}
  .main_visual .owl-carousel .m_roll_01 h1 {font-size: 36px;color: #fff;}
  .main_visual .owl-carousel .m_roll_01 h2{font-size: 25px;margin-bottom: 55px;display: block;color: #fff;}
  .main_visual .owl-carousel .m_roll_01 h1 em{font-size: 36px;color: #d7b0ff;}
  .main_visual .owl-carousel .active .m_roll_01 a > img{width: 280px;margin-top: -20px;}






  /* rolling 04 */
  .main_visual .owl-carousel .m_roll_04{background-position: 49% 0;}
  .main_visual .owl-carousel .owl-item .m_roll_04 .text_wrap {padding-top: 90px;width: 215px;margin: 0;right: 0;}
  .main_visual .owl-carousel .m_roll_04 h2 {font-size: 20px;line-height: 1.5;}
  .main_visual .owl-carousel .m_roll_04 h1{font-size: 34px;}
  .main_visual .owl-carousel .m_roll_04 p{font-size: 14px;}

  /* rolling 03 */
  .main_visual .owl-carousel .owl-item .m_roll_03 .text_wrap {padding-top: 70px;}



/* rolling 05 */
  .main_visual .owl-carousel .m_roll_05 {background-repeat: no-repeat;background-color: #f2f1ed;}
  .main_visual .owl-carousel .m_roll_05 .text_wrap {padding-top: 50px;margin: 0;left: 0;width: 100%;text-align: center;}
  .main_visual .owl-carousel .m_roll_05 .text_wrap:after{display:none;}
  .main_visual .owl-carousel .m_roll_05 p{font-size: 14px;letter-spacing: -.5px;margin-top: 10px;}
  .main_visual .owl-carousel .m_roll_05 h1 {font-size: 24px;letter-spacing: 0px;margin-bottom: 10px;}
  .main_visual .owl-carousel .m_roll_05 h5{font-size: 1em;}
  .main_visual .owl-carousel .m_roll_05 h6{font-size:1em;display: none;}
  .main_visual .owl-carousel .m_roll_05 ul {margin-top: 42px;margin-left: 0;position: relative;left: 0;right: 0;}
  .main_visual .owl-carousel .m_roll_05 li{font-size: 5em;display: block;margin-top: -20px;}
  .main_visual .owl-carousel .m_roll_05 li > div{padding: 2px;}
  .main_visual .owl-carousel .m_roll_05 li > div img {width: 60px;}
  .main_visual .owl-carousel .m_roll_05 h1 span {}
  .main_visual .owl-carousel .m_roll_05 h1 em {}
  .main_visual .owl-carousel  .m_roll_05 li:nth-child(1){width: 235px;margin-top: -30px;margin-left: -40px;}
  .main_visual .owl-carousel  .m_roll_05 li:nth-child(2){width: 140px;right: auto;left: 50%;margin-left: -30px;margin-top: 80px;}
  .main_visual .owl-carousel  .m_roll_05 li:nth-child(3){width: 190px;margin-top: -10px;right: -10px;}

  /* rolling 06 */
  .main_visual .owl-carousel .m_roll_06 {background-position: 86% 161px;background-size: 620px;background-repeat: no-repeat;background-color: #f2f1ed;}
  .main_visual .owl-carousel .m_roll_06 .text_wrap {padding-top: 20px;margin: 0;left: 0;width: 100%;text-align: center;}
  .main_visual .owl-carousel .m_roll_06 .text_wrap:after{display:none;}
  .main_visual .owl-carousel .m_roll_06 p{font-size: 14px;letter-spacing: -.5px;margin-top: 10px;}
  .main_visual .owl-carousel .m_roll_06 h1 {font-size: 1.7em;letter-spacing: 0px;margin-bottom: 10px;}
  .main_visual .owl-carousel .m_roll_06 h2{font-size: 1.2em;line-height: 1.4;}  
  .main_visual .owl-carousel .m_roll_06 h2 span{
    font-size: 1em;
}
  .main_visual .owl-carousel .m_roll_06 h5{font-size: 1em;text-align: left;width: 220px;margin: 0 auto;}
  .main_visual .owl-carousel .m_roll_06 h6{font-size:1em;display: none;}
  .main_visual .owl-carousel .m_roll_06 ul {margin-top: 42px;position: relative;margin-left: -10px;}
  .main_visual .owl-carousel .m_roll_06 li{font-size: 5em;display: block;margin-top: -20px;}
  .main_visual .owl-carousel .m_roll_06 li > div{padding: 2px;}
  .main_visual .owl-carousel .m_roll_06 li > div img {width: 60px;}
  .main_visual .owl-carousel .m_roll_06 h1 span {letter-spacing: -2px;font-size: 15px;line-height: 1.5;}
  .main_visual .owl-carousel .m_roll_06 h1 em {}
  .main_visual .owl-carousel .active .m_roll_06 ul li{margin-left: 0;}

  /* main_banner -- 프리미엄 의료진 */
  .main_banner {margin: 30px 15px 0;width: auto;padding-bottom: 59px;}
  .main_banner br {display:none;}
  .main_banner p {}

  .main_banner ul{margin-top: 0;margin-left: -10px;}
  .main_banner ul li {width: 50%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;margin-top: 15px;}
  .main_banner ul li img{margin-bottom:5px;}
  .main_banner ul::after {font-size: 72px;bottom: -33px;}

  /* main_premium -- 치아교정  */
  .main_premium{padding: 40px 15px;}
  .main_premium br {display:none}
  .main_premium p {}
  .main_premium .title h2{background: none;}
  .main_premium .title h2 > span{height: auto;font-size: 40px;padding: 0 12px 4px;line-height: 40px;}
  .main_premium .title h2 > span:after{font-size: 30px;top: -22px;right: -8px;}
  .main_premium ul {margin-top: 5px;margin-left: -15px;}
  .main_premium ul li{width:50%;padding-left: 15px;margin-top: 15px;}
  .main_premium .title:before {display: none;}

  /* sns_banner -- 병원이야기*/
  .sns_banner{padding:30px 15px 20px; }
  .sns_banner p {}
.sns_banner .title h2 > span{padding: 0 6px;height: 46px;font-size: 36px;    line-height: 48px;}
  /* .sns_banner ul{margin-top: 20px;}
  .sns_banner ul li{width: 50%;}
  .sns_banner ul li:last-child{display: none;} */


  .main_course ul.four{margin-left: -10px;margin-top: 20px;}
  .main_course ul.four li{width: 50% !important;padding-left: 10px;margin-top: 10px;}
  .main_course ul li a h4{font-size: 16px;margin-top: 0;bottom: 0px;position: absolute;right: 0;left: 0;padding-bottom: 10px;}
  .main_course ul li a h4:before{height: 40px;}
  .main_course ul li:hover a{top:10px; bottom:10px; left:10px; right:10px;}
  .main_course ul li:hover a h4{margin-top: 45%;bottom: auto;}
  .main_course ul li p{margin-top: 50%;display: none;}
  .main_course ul li:hover p:before{height: 40px;width: 1px;margin: 0 auto;}


  /* foot_banner */
  .foot_banner {padding: 0;}
  .foot_banner div{width: auto;margin: 40px 15px;display: block;}
  .foot_banner h2 {font-size:20px;margin-bottom: 10px;}
  .foot_banner h3{font-size:14px}
  .foot_banner h3 + p{text-align:left !important;margin-top: 15px;}


}


/* review_board */

.review_board {text-align: center;padding: 100px 0;/* background: #f0f0f0; */overflow: hidden;}
.review_board .title h2 > span{width: 68px;display: inline-block;margin-right: 5px;line-height: 66px;padding-top: 8px;}
.review_board .title h5{font-size: 1.5em;margin-bottom: 1em;margin-top: 2em;}
.review_board .owl-carousel {max-width:1400px; margin:0 auto;}
.review_board .owl-carousel li {background: #fff;/* border: 1px solid #ccc; *//* min-height: 390px; *//* padding: 5px; */position: relative;}
.review_board .owl-carousel li a {display: flex;}
.review_board .owl-carousel li a > div  {display:flex;align-items: stretch;flex-direction: column;height: 100%;}
.review_board .owl-carousel li a > div img {height: 207px;}
.review_board .owl-carousel li h5 {margin: -30px 10px .5em;font-size: 1.3em;text-align: left;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;color: #444;}
.review_board .owl-carousel li p {text-align: justify;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;margin: 0 10px;color: #444;font-size: 1.1em;}
.review_board .owl-carousel .owl-nav {position: absolute;top: 15%;width:  100%;font-size: 4em;color: #e1e1e1;left: 0;right: 0;}
.review_board .owl-carousel .owl-nav span {position:absolute;background: none;display: none;}
.review_board .owl-carousel .owl-nav .owl-prev {left: -70px;position: absolute;}
.review_board .owl-carousel .owl-nav .owl-next {position: absolute;right: -70px;}
.review_board .owl-carousel .owl-nav .owl-prev:before{content:'\E82A';font-family:'icon_font';}
.review_board .owl-carousel .owl-nav .owl-next:after{content:'\E82E';font-family:'icon_font';}



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

}

/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  .review_board{padding:50px 0;}
  .review_board .title h2 > span{padding: 0 6px;height: 46px;font-size: 36px;line-height: 48px;width: 36px;}
  .review_board .title h5{font-size:1.2em;margin-bottom: 0;}
  .review_board  ul{margin: 0 10px !important;width: auto;}
  .review_board .owl-carousel li{min-height:auto;}
.review_board .owl-carousel li h5 {margin-top: -10px;}
.review_board .owl-carousel li a > div img {height: auto;}
  
}

/* vod */
.main_visual.video{
  padding-top:0;
}
.main_visual.video .item {background-position: 33%  0;background-size: cover;overflow:  hidden;}
.auto_height {
  /* position: relative; */
  /* width: 100%; */
  /* height: 0; */
  padding-bottom: 56.21%;
  /* margin-bottom: 0; */
  width: 100%;
  /* height: 100vh; */
  position: relative;
  overflow: hidden;
}

.auto_height iframe,
.auto_height embed,
.auto_height video {
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* width: 100%; */
  /* height: 100%; */
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  /* transform: scale(1.2); */
  z-index: -1;
  transform: translate(0%,-55%);
}

@media (max-width: 1200px) {

}
@media (max-width: 767px) {
  .main_visual.video{
    height: 100vw;
    /* max-height: 100dvh; */
    overflow: hidden;
    /* margin-top: -60px; */
    
    
    
    .item{
      padding:0;
      height: 100vw;
      overflow: hidden;
      /* margin-top: 20px; */
      /* max-height: 732px; */
    }
  }
  .auto_height{
    height: 100%;
    /* padding-bottom: 120.21%; */
    /* padding-bottom: 15.21%; */
    /* overflow: hidden; */
    /* object-fit: cover; */
    /* min-height: 100%; */
    /* width: 100%; */
    /* padding: 0; */
    /* min-width: 100%; */
    width: 100%;
    padding: 0;
    /* max-height: 726px; */
}
  .auto_height iframe, .auto_height embed, .auto_height video{
    transform: translate(0%, 00%);
    object-fit: cover;
    /* min-height: 100%; */
    /* min-width: 100%; */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    /* max-height: 712px; */
}

}