@charset "utf-8";

#mVisual {position:relative; width:100%; height:950px; overflow:hidden; max-width:2000px; }
.mv_slider.slick-slide,
.mvWrap .slick-track,
.mvWrap .slick-list{ position:relative; height:100%; outline: none;}

#mVisual .mv_slider { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.mv_slider.mv1 {background-image:url('/images/main/m_visual1.jpg'); }
.mv_slider.mv2 {background-image:url('/images/main/m_visual2.jpg'); }
.mv_slider.mv3 {background-image:url('/images/main/m_visual3_260305.jpg'); }

#mVisual .mv_slider .mv-txt { width:50%; float: right; padding: 13% 8% 0 8%; box-sizing: border-box; }
#mVisual .mv_slider .mv-txt > div { box-sizing:border-box; color:#fff; padding: 7% 0;
                                                  background:url("/images/main/mv_symbol.png") no-repeat 80% top;  }
#mVisual .mv_slider .mv-txt > div h3 { font-size: 6.66em; line-height: 0.8em; font-family: 'EnjoystoriesM';  font-weight: normal; }
#mVisual .mv_slider .mv-txt > div p.en { display: inline-block; letter-spacing: 2em; font-size: 0.73em; line-height:2.5em; margin: 2em 0 3em;
                                                          border-top: 1px solid rgba(255,255,255, 0.3); border-bottom: 1px solid rgba(255,255,255, 0.3);}
#mVisual .mv_slider .mv-txt > div .t1 { font-size: 1.33em; line-height: 1.5em; }
#mVisual .mv_slider .mv-txt > div .t2 { font-size: 1.46em; line-height: 1.5em; }
#mVisual .mv_slider .mv-txt > div .t3 { font-size: 1.6em; line-height: 1.5em; }

#mVisual .mv_slider.mv3 .mv-txt { padding-top: 15%; }


@media all and (max-width:1580px) {
  #mVisual .mv_slider .mv-txt { padding-top: 16%; }
  #mVisual .mv_slider.mv3 .mv-txt { padding-top: 18%; }
  #mVisual .mv_slider .mv-txt > div h3 { font-size: 5.5em; }
}

@media all and (max-width:1480px) {
  #mVisual { height: 56vw; }
  #mVisual .mv_slider .mv-txt { font-size: 0.9em; }
  #mVisual .mv_slider .mv-txt > div p.en { letter-spacing: 1.7em; }
}

@media all and (max-width:1280px) {
  #mVisual { height: 60vw; }
  #mVisual .mv_slider .mv-txt { padding: 18% 65px 0 8%; }
  #mVisual .mv_slider.mv3 .mv-txt { padding-top: 20%; }
}

@media all and (max-width:1080px) {
  #mVisual .mv_slider .mv-txt { width: 55%; }
}

@media all and (max-width:976px) {
  #mVisual { height: 65vw; }
  #mVisual .mv_slider .mv-txt { width: auto;  }
  #mVisual .mv_slider .mv-txt > div { background-size: 60% auto; }
  #mVisual .mv_slider .mv-txt > div p.en { letter-spacing: 1.4em; }
  #mVisual .mv_slider .mv-txt > div p.t1,
  #mVisual .mv_slider .mv-txt > div p.t2,
  #mVisual .mv_slider .mv-txt > div p.t3 { line-height: 1.3em; }
}

@media all and (max-width:767px) {
  #mVisual { height: 70vw; }
  #mVisual .mv_slider .mv-txt { padding-right: 50px; }
  #mVisual .mv_slider .mv-txt > div h3 { font-size: 4.5em; }
  #mVisual .mv_slider .mv-txt > div p.en { font-size: 0.6em; letter-spacing: 1.2em; }
}

@media all and (max-width:640px) {
#mVisual { height: 100vw; }
#mVisual .mv_slider { background-position: 30% center; }
#mVisual .mv_slider .mv-txt { width: 100%; padding-top: 50vw; }
#mVisual .mv_slider.mv3 .mv-txt { padding-top: 50vw; }
#mVisual .mv_slider .mv-txt > div { background-size: 50% auto; }
#mVisual .mv_slider .mv-txt p br { display: none; }
#mVisual .mv_slider .mv-txt > div p.en { letter-spacing: 2em; }
}

@media all and (max-width:568px) {
#mVisual { height: 120vw; }
#mVisual .mv_slider .mv-txt { font-size: 0.8em; }
#mVisual .mv_slider .mv-txt > div h3 { font-size: 4em; }
#mVisual .mv_slider .mv-txt > div p.en { letter-spacing: 1.5em; }
}



.m-tit { text-align: center; margin-bottom: 3%;  }
.m-tit h3 { color:#212121; font-size: 2.66em; margin-bottom: 0.4em; font-weight: 400; }
.m-tit p { color:#989898;  }

@media all and (max-width:767px) {
  .m-tit h3 { font-size: 2.3em; margin-bottom: 0.3em; }
}

@media all and (max-width:568px) {
  .m-tit  { margin-bottom: 5%; }
  .m-tit h3 { font-size: 2em; }
}

#icoClinic { overflow: hidden; border-bottom: 1px solid #dedede; padding: 40px 0; }
#icoClinic .m-tit { width: calc(23% - 5px); text-align: left; display: inline-block; vertical-align: middle; margin-bottom:0; }
#icoClinic .m-tit h3 { font-size: 2.13em; margin-bottom: 0.3em; }
#icoClinic ul { text-align: center; width: 77%; display: inline-block; vertical-align: middle}
#icoClinic ul li { float: left; width: 14.28%; border-right: 1px solid #dedede; }
#icoClinic ul li:first-child { border-left: 1px solid #dedede; }
#icoClinic ul li img { max-width: 50%; }
#icoClinic ul li p { color:#212121; font-size: 1.33em; margin-top: 25px; }

@media all and (max-width:976px) {
  #icoClinic .m-tit { width: 100%; text-align: center; margin-bottom: 3em; }
  #icoClinic ul { width: 100%; }
  #icoClinic ul li:first-child { border-left: 0; }
  #icoClinic ul li p  { margin-top: 15px; }
}

@media all and (max-width:640px) {
  #icoClinic .m-tit { margin-bottom: 2em; }
  #icoClinic ul li { width: 25%; margin: 5px 0;  }
  #icoClinic ul li:nth-child(4) { border-right:0; }
}

#mCenter { padding: 5% 0; overflow: hidden;  }
#mCenter .box1 { overflow: hidden; text-align: center; }
#mCenter .box1 li { float:left; width: calc(33.33% - 13.33px); height: 540px; margin: 0 0 20px 20px; position: relative; }
#mCenter .box1 li a { display: block; width: 100%; height: 100%; background-size: cover; background-position: center; }
#mCenter .box1 li:first-child { margin-left:0; }

#mCenter .box1 li.mCenter1 a { background-image: url("/images/main/center1.png"); }
#mCenter .box1 li.mCenter2 a { background-image: url("/images/main/center2_230324.png"); }
#mCenter .box1 li.mCenter3 a { background-image: url("/images/main/center3.png"); }

#mCenter .box1 li a dl { position: absolute; bottom:0; width: 75%; margin-left: 12.5%; padding: 7% 5%; color:#fff; }
#mCenter .box1 li a dl dt { font-size: 2.26em; margin-bottom: 0.5em; font-weight:700;  }
#mCenter .box1 li a dl dd { font-size: 1.33em; }

#mCenter .box1 li.mCenter1 dl { background:rgba(6,43,52,0.85); }
#mCenter .box1 li.mCenter2 dl { background:rgba(12,187,142,0.85); }
#mCenter .box1 li.mCenter3 dl { background:rgba(217,228,50,0.85); }


@media all and (max-width:1680px) {
  #mCenter .box1 li a dl  { width: 80%; margin-left: 10%; padding: 7% 2%;  }
}

@media all and (max-width:1480px) {
  #mCenter .box1 li a dl  { padding: 8% 10%;  }
}

@media all and (max-width:1280px) {
  #mCenter .box1 li { width: calc(33.33% - 10px); height: 35vw; margin: 0 0 15px 15px; }
}

@media all and (max-width:976px) {
  #mCenter .box1 li a dl  { width: 86%; margin-left: 7%; }
  #mCenter .box1 li a dl dt { font-size: 2em; margin-bottom: 0.3em; }
}

@media all and (max-width:767px) {
  #mCenter { padding: 7% 0; }
  #mCenter .box1 li  { width: 100%; height: 45vw; margin: 0 0 10px 0; }
  #mCenter .box1 li.mCenter1 a { background-image: url("/images/main/mo_center1.png"); }
  #mCenter .box1 li.mCenter2 a { background-image: url("/images/main/mo_center2_230327.png"); }
  #mCenter .box1 li.mCenter3 a { background-image: url("/images/main/mo_center3.png"); }
  #mCenter .box1 li a dl  { padding: 5% 4%; margin-left:0; width: 50%; }

}

@media all and (max-width:568px) {
  #mCenter .box1 li { height: 50vw; }
  #mCenter .box1 li a dl  { width: 70%; }
  #mCenter .box1 li a dl dt { font-size: 1.6em; }
  #mCenter .box1 li a dl dd { font-size: 1em; }
}


#mCenter .box2 { float: left; width: calc(50% - 10px); height: 420px; margin-left: 20px;  }

#mDoctor.box2 { margin-left:0; background: #eceef3 url("/images/main/dr_symbol.png") no-repeat 60% bottom; overflow: hidden; }
#mDoctor .drSlide { outline: 0; }
#mDoctor .drProfile,
#mDoctor .drImg { float:left; width: 50%; }
#mDoctor .drImg img { max-width: 100%;  }
#mDoctor .drProfile { padding: 12% 0 0 10%; box-sizing: border-box; }
#mDoctor .drProfile h4 { font-size: 1.46em; color:#212121; font-weight: 400; margin-bottom: 0.7em;  }
#mDoctor .drProfile dl dt { color:#31bc98; font-size: 1.86em;  }
#mDoctor .drProfile dl dd { color:#062b34; font-size: 3.06em; font-weight: 700; }
#mDoctor .drProfile .more { color:#062b34; font-size: 1.13em; padding: 0 50px; line-height: 3em; display: inline-block;
                                        border-radius: 60px; border:2px solid #062b34; margin-top: 2em;  }

#trainingBn { padding: 6% 0 0 5%; color:#fff; background: url("/images/main/trainingCenter.png") no-repeat center; background-size: cover; }
#trainingBn h4 { color:#21f8c1; font-size: 2.66em; margin: 0.35em 0 0.8em;  }
#trainingBn .t1 { font-size: 1.8em;  }
#trainingBn .t2 { font-size: 2.66em; font-family: 'Arizonia', cursive; }

@media all and (max-width:1680px) {
  #mCenter .box2 { height: 24.5vw; }
}

@media all and (max-width:1480px) {
  #mCenter .box2 { font-size: 0.9em; }
}

@media all and (max-width:1280px) {
  #mDoctor .drProfile { padding: 8% 0 0 8%; }
  #trainingBn { padding: 4% 0 0 4%; }
  #mDoctor .drProfile .more { padding: 0 2em; }

  #mDoctor.box2 { background-size: auto 85%; }
}

@media all and (max-width:1024px) {
  #mDoctor .drProfile dl dt { font-size: 1.5em; }
  #mDoctor .drProfile dl dd { font-size: 2.6em; }
  #mDoctor .drProfile .more { margin-top: 1.2em; line-height: 2.5em; }
  #trainingBn h4 { font-size: 2.4em; }
}

@media all and (max-width:767px) {
  #mCenter .box2 { width: 100%; height: 45vw; margin:0 0 10px 0; font-size: 1.1em; }
  #trainingBn { padding: 8%; }
}

@media all and (max-width:640px) {
  #mCenter .box2 { font-size: 1.0em; }
}

@media all and (max-width:568px) {
  #mCenter .box2 { height: 50vw; font-size: 0.72em; }
}

@media all and (max-width:480px) {
  #mDoctor .drProfile dl dt { font-size: 1.3em; }
  #mDoctor .drProfile dl dd { font-size: 2.4em; }
  #mDoctor .drProfile .more { border-width: 1px; }
}


#mSpecial { position: relative; width: 100%; padding: 7% 0 5.5%; color:#fff;
                   background: url("/images/main/specialityBG.png") no-repeat center; background-size: cover; }
#mSpecial .m-tit { text-align: left; }
#mSpecial .m-tit h3 { color:#fff; margin-bottom:0; }
#mSpecial .m-tit .en { color:#21f8c1; font-size: 4.66em; font-weight: 100; line-height: 1.2em; }

@media all and (max-width:1280px) {
  #mSpecial { padding: 8% 3% 6%; }
}

@media all and (max-width:976px) {
  #mSpecial { padding: 10% 3% 8%; }
  #mSpecial .m-tit .en { font-size: 4em; }
}

@media all and (max-width:568px) {
  #mSpecial { padding: 14% 5% 12%; background-position: 70% center; }
  #mSpecial::before { content:''; width: 100%; height: 100%; background: rgba(1, 25, 31, 0.5); position: absolute; left:0; top:0; }
}

@media all and (max-width:480px) {
  #mSpecial .m-tit .en { font-size: 3.2em; }
  #mSpecial .m-tit h3 { font-size: 1.6em; }
}

#vod { padding: 5% 0; overflow: hidden; border-top: 1px solid #dedede; position: relative; }
#vod::before { content:''; width: 100%; height: 58%; background: #e1e8f2; position: absolute; left:0; bottom:0; }
#vod .s-inner > div { width: 50%; float: left; }
#vod .vod { position: relative; height: 470px; }
#vod .vodCover { position: absolute; left:0; top:0; z-index:10; width: 100%; height: 100%; cursor: pointer; padding: 4%;
                          box-sizing: border-box; background-position: center; background-repeat: no-repeat; background-size: cover; }
#vod .vodPlay { position: absolute; left:0; top:0; width: 100%; height: 100%; overflow: hidden; }

#vod .vod1 .vodCover { background-image: url("/images/main/vod1.png"); }
#vod .vod2 .vodCover { background-image: url("/images/main/vod2.png"); }

#vod .playBtn { font-size: 1.2em; color:#fff; padding: 0 30px; line-height: 50px; float: right; display: inline-block;
                      position: absolute; right:0; ; z-index:100; }
#vod .cont-L .playBtn { background: #31bc98; bottom: -25px; }
#vod .cont-R .playBtn { background: #d6e213;  top: -25px; }

#vod dl { padding: 4% 0; }
#vod dl dt { color:#212121; font-size: 1.46em; margin-bottom: 0.3em;  }
#vod dl dd { color:#262261; font-size: 2.66em; }

#vod .cont-R dl { padding: 2% 0 4% 8%; }


@media all and (max-width:1280px) {
  #vod .vod { height: 30vw; }
  #vod .playBtn { line-height: 40px; }
  #vod .cont-L .playBtn { bottom: -20px; }
  #vod .cont-R .playBtn { top: -20px; }
}

@media all and (max-width:976px) {
  #vod .playBtn { padding: 0 20px; }
  #vod dl { padding: 8% 0 0; }
  #vod .cont-R dl { padding: 2% 0 8% 8%; }
  #vod dl dt { font-size: 1.3em; }
  #vod dl dd { font-size: 2.3em; }
}

@media all and (max-width:767px) {
  #vod::before { height: 50%; }
  #vod .s-inner > div { width: 100%; }
  #vod .vod { height: 45vw; }
  #vod dl { padding: 5% 0 !important; }
}

@media all and (max-width:568px) {
  #vod dl dt { font-size: 1em; }
  #vod dl dd { font-size: 1.8em; }
  #vod .playBtn { font-size: 1em; line-height: 30px; }
  #vod .cont-L .playBtn { bottom: -15px; }
  #vod .cont-R .playBtn { top: -15px; }
}

#review { overflow: hidden; }
#review a { float: left; width: 50%; color:#fff; display: block; padding: 2.5% 0; }
#review a .in { width: 800px; max-width: 100%; position: relative; box-sizing: border-box; padding: 0 7%;}
#review a dl dt { font-size: 2.13em; margin-bottom: 0.3em;  }
#review a dl dd { opacity: 0.7; }
#review a.review1 { background: #062b34; }
#review a.review2 { background: #31bc98; }
#review a.review1 .in { float: right; padding-left:0; }
#review a span.more { width: 60px; height: 60px; border:1px solid rgba(255,255,255,0.3);
                                  position: absolute; right:0; top: 50%; margin-top: -30px; box-sizing: border-box; }
#review a span.more::after { content:''; display:block; width:25px; height:1px; background:#fff; position:absolute; left:17px; top:50%; transition:all 0.5s;}
#review a span.more::before {content:''; display:block; width:1px; height:25px; background:#fff; position:absolute; left:50%; top:17px;  transition:all 0.5s;}
#review a.review1 .in .more { right: 7%; }

#review a:hover span.more { background:#fff; }
#review a:hover span.more::after,
#review a:hover span.more::before { transform:rotate(180deg) }
#review a.review1:hover span.more::after,
#review a.review1:hover span.more::before { background:#062b34; }
#review a.review2:hover span.more::after,
#review a.review2:hover span.more::before  { background:#31bc98; }

@media all and (max-width:1680px) {
  #review a .in { width: 100%; padding: 0 5% !important; }
  #review a span.more { right: 5% !important; }
}

@media all and (max-width:1280px) {
  #review a { padding: 3.5% 0; }
}

@media all and (max-width:976px) {
  #review a dl { max-width: calc(100% - 50px); }
  #review a dl dt { font-size: 1.8em; }
  #review a span.more { width: 50px; height: 50px; margin-top: -25px;  }
  #review a span.more::after { width:21px; left:14px; }
  #review a span.more::before { height:21px; top:14px; }
}

@media all and (max-width:767px) {
  #review a { width: 100%; }
}
@media all and (max-width:568px) {
  #review a { padding: 6% 0; }
}


#mNews { padding: 5% 0; overflow: hidden; }
#mNews .newsSlide { width: calc(100% + 20px); margin-left: -10px; }
#mNews .newsSlide .slick-slide { margin: 0 10px; outline: none; }
#mNews .newsSlide .slick-slide img { width: 100%; }
#mNews .newsSlide .slick-slide dl { padding: 9% 7%; border:1px solid #dedede; border-top:0; }
#mNews .newsSlide .slick-slide dl dt { color:#212121; font-size: 1.2em; margin-bottom: 0.4em; }
#mNews .newsSlide .slick-slide dl dd { color:#989898; }

@media all and (max-width:767px) {
  #mNews { padding: 7% 0; }
  #mNews .newsSlide { width: calc(100% + 10px); margin-left: -5px; }
  #mNews .newsSlide .slick-slide { margin: 0 5px; }
}




#mBanner { overflow: hidden; padding: 5% 0; text-align: center; color:#fff;
                  background: url("/images/main/mbnBG.png") no-repeat center; background-size: cover; }
#mBanner .typo { color:#d8e14c; font-size: 3.66em; font-family: 'Chosunilbo_myungjo'; }
#mBanner .t1 { font-size: 1.2em; line-height: 1.8em; opacity: 0.7; margin: 1.4em 0 3em;  }
#mBanner img { max-width: 90%; margin: 0 auto;  }

@media all and (max-width:976px) {
  #mBanner { padding: 7% 0;  }
}

@media all and (max-width:767px) {
  #mBanner { padding: 8% 5%;  }
  #mBanner .typo { font-size: 3.2em; line-height: 1.2em; }
  #mBanner .t1 { margin: 1em 0 2em; }
  #mBanner .t1 br { display: none; }
}

@media all and (max-width:568px) {
#mBanner .typo { font-size: 2.8em; }
}

@media all and (max-width:480px) {
  #mBanner { padding: 10% 5%;  }
  #mBanner .typo { font-size: 2.4em; }
  #mBanner .t1 { font-size: 1.0em; }
  #mBanner img { max-width: 100%; }
}




#mContact { position: relative; overflow: hidden; padding: 5% 0; height: 500px; }
#mContact .mMap { position: absolute; top: 0; left:0; width: 100%; height: 100%;  }
#mContact .mMap .root_daum_roughmap .wrap_map  { height: 500px !important; }
.wrap_controllers  { display: none; }
.map_border {  display: none; }

#mContact .s-inner { z-index:100; }
#mContact .mCS {  float: right; z-index:999; color:#fff; background: rgba(6, 43, 52, 0.9); text-align: center;
                              padding: 3%; width: 660px; max-width: 50%; position: relative; }
#mContact .mCS h3 { font-size: 2.13em; font-weight: 400; margin-bottom: 0.2em; }
#mContact .mCS .tel { color:#d8e14c; font-size: 3.33em; padding: 0.2em 0; font-weight: 700; letter-spacing: -0.05em; }
#mContact .mCS .left { border-top: 1px solid rgba(255,255,255,0.2); padding: 5% 5% 1%; }
#mContact .mCS .left .add { font-size: 1.33em; }
#mContact .mCS .left .hour { overflow: hidden; margin-top: 0.5em; }
#mContact .mCS .left .hour li { float: left; margin-right: 5%; line-height: 1.7em; }
#mContact .mCS .left .hour li.off { clear: both; }
#mContact .mCS .go { position: absolute; right:0; bottom:0; background: #52bfa3; color:#fff; font-size: 1.2em;
                                  width: 250px; line-height: 60px; text-align: left; padding-left: 30px; font-weight: 700;}
#mContact .mCS .go span { width: 60px; float: right;  text-align: center; background: #18a883; color:rgba(255,255,255,0.7);
                                           font-size: 1.44em; font-family: 'Barlow Condensed', sans-serif;  }


@media all and (max-width:1280px) {
  #mContact { height: 45vw; padding: 10vw 0; }
  #mContact .mMap .root_daum_roughmap .wrap_map  { height: 45vw !important; }
  #mContact .mCS .left { padding: 5% 5% 3%; }
  #mContact .mCS .go { width: 220px; line-height: 50px; }
  #mContact .mCS .go span { width: 50px; }
}

@media all and (max-width:976px) {
  #mContact { height: 55vw; }
  #mContact .mMap .root_daum_roughmap .wrap_map  { height: 55vw !important; }
}

@media all and (max-width:767px) {
  #mContact { height: 60vw; }
  #mContact .mMap .root_daum_roughmap .wrap_map  { height: 60vw !important; }

  #mContact .mCS { max-width: 60%; padding: 5% 4%; font-size: 0.9em; }
  #mContact .mCS .left { padding: 5% 0 3%; }
  #mContact .mCS .go { width: 55%; line-height: 40px; }
  #mContact .mCS .go span { width: 40px; }
}

@media all and (max-width:568px) {
  #mContact { height: auto; padding:0; }
  #mContact .mMap { position: relative; width: 100%;   }
  #mContact .mMap .root_daum_roughmap .wrap_map  { height: 55vw !important; }
  #mContact .s-inner { width: 100%; }
  #mContact .mCS { max-width: 100%; width: 100%; padding: 6%; }
}