/* 메인 */
#main {width: 100%; background-color: #fff;}
#main img {width: 100%;}

#main #top_slide {width:100%;display:inline-block; position:relative; }
#main #top_slide #iview {}



#main #iview {text-align:center;height:640px;width:100%;}
#main #iview .inner {position:relative;height: inherit;}
#main #iview h1.title1 {font-weight:200  !important;background:url(images/main_sl_dr.png) top center no-repeat;padding-top:30px;color:#333333;letter-spacing:-0.15em;font-size: 70px;}
#main #iview h5.title2 {}



#main .section {width:100%;position:relative;display:inline-block;float:left;}
#main .section .inner {height:inherit;}

#main #clinic {margin:80px auto;}
#main #clinic .flexslider {width:100%;}
#main #clinic .flexslider .slides li {width: 100%;}
#main #clinic .flexslider .slides li > div  {background-size: contain !important;}
#main #clinic .clinic1 {background:url(images/main_clinic1.png) top center no-repeat;height:100%;}
#main #clinic .clinic2 {background:url(images/main_clinic2.png) top center no-repeat;height:100%;}
#main #clinic .clinic3 {background:url(images/main_clinic3.png) top center no-repeat;height:100%;}
#main #clinic .inner .center {padding-top:610px}
#main #clinic .flexslider .flex-direction-nav {width:100%; }


#main #event {}
#main #event .flexslider {width:100%;}
#main #event .flexslider .slides li {}
#main #event .flexslider .slides li img {width:100%;height:auto;}
#main #event .flex-control-nav {bottom: -35px !important;}
#main #event .flex-control-nav li a {border: 3px #808080 solid;}
#main #event .flex-control-nav li a.flex-active {background-color: #808080;}



a.view {padding:5px 8px;border-bottom:1px #555 solid;font-size:15px;font-weight:200;display:inline-block;}
a.view.white {color:#fff;border-bottom:1px #fff solid;}

a.view span {padding-left:10px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
a.view:hover span {padding-left:30px;}


#main #media {background:url(images/main_media_bg.jpg) center ; height:800px; padding-top:250px;}

#main #doctors .dr_wrap { position:relative; background:#000;height:600px; }

#main #doctors h3.top_script {padding-top:40px; background:url(images/dr_script.png) top center no-repeat;}


#main #community {width:100%;margin:80px auto;}
#main #community .flex > div {float:left; padding:0 20px; text-align:center;}
#main #community .flex > div .output {text-align:justify;line-height:1.5;min-height:160px; width:100%;}
#main #community .flex > div a.more {color:#cdc0f6;font-size:45px;display:inline-block;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#main #community .flex > div a.more:hover {color:#555;}



#main #contact {padding:60px 0; background-color:#342e45; color:#fff;}
#main #contact .inner > div {position:relative;}
#main #contact .mapimg {margin-top:-30px;}



@media only screen and (max-width:640px) {
  #iview,#iview .iviewSlider {height: 100vw  !important;}
  #iview .iviewSlider,#iview .iviewSlider > div {height: inherit  !important;}
  .iview-caption {width: 100vw !important;}
  #main #iview h1.title1 {background-size: 60%; font-size: 12vw; padding-top: 4.5vw;}
  .iview-controlNav {bottom: 3vw; zoom: 70%;}

  #main #clinic {margin:10vw auto;}
  #main #clinic .inner .center {padding-top:97vw;}
  #main #clinic .flexslider .flex-direction-nav {top: -93vw;}
  #main #clinic .flex-direction-nav a {zoom: 75%;}
  #main #clinic .flex-direction-nav .flex-next {right: 12vw;}

  #main #event .flex-control-nav {zoom: 70%; bottom: -6vw !important;}
  #main #event {margin-bottom: 8vw;}

  #main #doctors h3.top_script {background-size: 60%; padding-top: 5vw;}

  #main #community .flex > div a.more {font-size: 8vw !important;}

}