/* ie */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #vill01 .villSlide{overflow: hidden;padding-top:50px;margin-left: 0!important;}
    #vill01 .villSlide .swiper-slide-active{transform: scale(1.1);z-index: 10!important;}
}

:root{--ani:cubic-bezier(.32,.94,.6,1)}


.main_container {position: relative; z-index: 0; overflow: hidden; background-color: #f7f5f6;}
.txt_area{ position:relative;z-index:2;transform:translateY(0px);}

.outline_text {font-weight: 600; font-family: 'Cinzel', serif;  /* color: transparent;  -webkit-text-stroke-width: 1.5px; -webkit-text-stroke-color: #d0b17f; text-shadow: none; bottom: -90px;*/}

.view_btn{ display:inline-block;position:absolute;left:15%;margin-top:60px;text-align:center;line-height:105px}
.view_btn img{position:relative;z-index:1}
.view_btn:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:105px;height:105px;border-radius:50%;background-color:#111;box-shadow:20px 20px 40px rgba(0,0,0,.25);transition:all .3s var(--ani)}
.view_btn:hover:before{width:95px;height:95px;box-shadow:20px 20px 30px rgba(0,0,0,.3)}
.view_btn.animated{transform:translateX(-80px);animation-delay:.4s}

.view_btn_w { display:inline-block;position:relative; margin-left: auto;}
.view_btn_w img {position:relative;z-index:1}
.view_btn_w:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background-color:#fff;box-shadow:20px 20px 40px rgba(0,0,0,.25);transition:all .3s var(--ani)}
.view_btn_w:hover:before{width:95px;height:95px;box-shadow:20px 20px 30px rgba(208, 177, 127, 0.3)}
.view_btn_w.animated{transform:translateX(-80px);animation-delay:.4s}

@media (max-width: 990px) {
    .view_btn:before {width:65px;height:65px;}
    .view_btn:hover:before{width:60px;height:60px;}
    .view_btn_w:before {width:60px;height:60px;}
}


/* main Slide */
#mainSlide {overflow:hidden;position:relative;width:100%;height:100vh; transition:transform .6s var(--ani); aspect-ratio: 16/8;}

#mainSlide .main_slide {opacity:0;transform:scale(1.05);width:100%;height:100%;transition:all 2s var(--ani)}
#mainSlide .main_slide.on {opacity:1;transform:scale(1)}
#mainSlide .main_slide .swiper-slide {height:100%;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .3s}
#mainSlide .main_slide .swiper-slide-active {transform:skew(0)}
#mainSlide .bg{position:absolute;left:0;top:0;width:100%;height:100vh;background:center no-repeat;background-size:cover}
#mainSlide .bg.bg-1 {background-image:url('/img/main/main01.jpg')}
#mainSlide .bg.bg-2 {background-image:url('/img/main/main02.jpg')}
#mainSlide .bg.bg-3 {background-image:url('/img/main/main03.jpg')}

/* #mainSlide .youtubeBox {position:relative; height:0; padding-bottom:56.25%;} */

@media (max-width: 768px) {
    #mainSlide {aspect-ratio: 250 / 368;}
	#mainSlide .bg {aspect-ratio: 250 / 368;}
    #mainSlide .bg.bg-1 {background-image:url('/img/main/main01_m.jpg')}
    #mainSlide .bg.bg-2 {background-image:url('/img/main/main02_m.jpg')}
    #mainSlide .bg.bg-3 {background-image:url('/img/main/main03_m.jpg')}
}



#vill01 {position:relative;z-index:2;}
#vill01 .bg{display:block;width:130%;height:400px;position:absolute;bottom:-130px;left:-15%;border-radius:100%;background-color:#f7f5f6;transition:transform .6s;}
#vill01 .inner{display:flex;align-items: center;position:relative;padding-top:120px;width: 100%;}
#vill01 .inner:after{display:block;content:"";visibility:hidden;clear:both}
#vill01 .about{max-width: 1700px; width: 100%; margin: auto; position:relative;transform:translateY(80px);padding-bottom:20px;font-size:18px;font-weight:bold;letter-spacing:.3px}
#vill01 .about:after{content:"";position:absolute;left:0;bottom:-80px;width:0;height:1px;background-color:#000; transition: all 2s .3s var(--ani);}
.about.animated {animation-duration: 2s; animation-fill-mode: both; animation-delay: .2s; animation-timing-function: cubic-bezier(.32,.94,.6,1);}
#vill01 .about.animated:after{bottom:0;width:100%}

/* 텍스트 */

#vill01 .txt_area .stxt2{padding-left:220px;font-weight:bold;letter-spacing:.3px}


/* pager */
#vill01 .pager_dot{margin-top:50px;text-align:center;position: absolute; bottom:-130px;}
#vill01 .pager_dot .bullet{display:inline-block;opacity:1;vertical-align:middle;width:6px;height:6px;border-radius:50%;background-color:#111;cursor:pointer;transition:all .2s var(--ani)}
#vill01 .pager_dot span+span{margin-left:12px}
#vill01 .pager_dot span.active{width:14px;height:14px}

/* 이미지 */
#vill01 .villSlide{position:relative;z-index:1;transform:translateY(80px);width:50%;margin-left:-90px}
#vill01 .villSlide li{overflow:visible;width:400px;height:800px;border-radius:26px;text-align:center;color:#fff;transition-timing-function:var(--ani)}
#vill01 .villSlide li .img{overflow:hidden;border-radius:26px;background-color:#fff;transition:all .2s}
#vill01 .villSlide li .img img{opacity:.7;transition:all .2s}
#vill01 .villSlide .swiper-slide-active .img{box-shadow:34px 34px 60px rgba(0,0,0,.4)}
#vill01 .villSlide .swiper-slide-active .img img{opacity:1}

@media (max-width: 1400px) {
#vill01 .about {width: 90%;}
}

@media (max-width: 990px) {
    .doce_none{
        display:none !important;
    }
    #vill01 .inner {flex-direction: column;}
    #vill01 .txt_area {transform: translateY(0);} 
    #vill01 .villSlide {margin-left: 0;}
    #vill01 .villSlide li {padding: 30px; margin-left:80px;}
    #vill01 .pager_dot {bottom: -790px;}
}


#vill02{overflow:hidden;position:relative;z-index:1;padding:240px 0;text-align: center; background: no-repeat center url('/img/main/program_bg.png'); background-size: cover;}
/* #vill02:before{display:block; content:""; position:absolute;top:-5%;left:-5%;z-index:-1;width:110%;height:110%;animation:grain .8s steps(1) 0s infinite} */
@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,1%)}30%{transform:translate(-2%,-2%)}40%{transform:translate(3%,3%)}50%{transform:translate(-3%,-3%)}60%{transform:translate(4%,4%)}70%{transform:translate(-4%,-4%)}80%{transform:translate(2%,2%)}90%{transform:translate(-2%,-2%)}}

#vill02 .bg{display:block;width:130%;height:400px;position:absolute;bottom:-400px;left:-15%;border-radius:100%;background-color:#f7f5f6;transition:transform .6s var(--ani)}

/* 타이틀 */
#vill02 .tit{font-family: 'Cinzel', serif; text-align:center; display: inline-block;}
#vill02 .tit p:nth-child(3) {margin-top: -14%;}
#vill02 .tit p span{position:absolute;right:16px;bottom:0;width:100%;font-size:15px;font-weight:bold;letter-spacing:.3px;text-align:right;}

/* 라테스트 */
#vill02 .latest{position:relative;transform:translateY(80px);}
#vill02 .latest .hover{position:absolute;z-index:0;width:32%;height:420px;border-radius:26px;box-shadow:30px 30px 40px rgba(0,0,0,.2);background-color:#111;transition:all .6s var(--ani)}
#vill02 .latest ul{overflow:hidden;display:flex;flex-wrap: wrap; max-width: 100%; justify-content:space-between;position:relative;z-index:1}
#vill02 .latest ul li{overflow:hidden;;width:32%;height:420px;border-radius:26px;transition:all .6s var(--ani)}
#vill02 .latest ul li.rotate img {animation:rotate 6s linear infinite;transform-origin:50% 50%}
@keyframes rotate{100%{transform:rotate(360deg)}}
#vill02 .latest ul li.on img {filter: invert(1);} 
#vill02 .latest.animated ul li{opacity:1;transform:translateY(0)}
#vill02 .latest.animated ul li:nth-child(1){transition-delay:.2s}
#vill02 .latest.animated ul li:nth-child(2){transition-delay:.4s}
#vill02 .latest.animated ul li:nth-child(3){transition-delay:.6s}
#vill02 .latest ul li a{display:block;position:relative;height:100%;padding:60px;color:#111;transition:all .6s var(--ani)}
#vill02 .latest ul li a:before, #vill02 .latest ul li a:after{display:block;content:"";position:absolute;left:60px;top:110px;height:1px;transition:all .6s var(--ani)}
#vill02 .latest ul li a:before{width:0;background-color:rgba(255,255,255,.5)}
#vill02 .latest ul li a:after{top:auto;bottom:115px;width:calc(100% - 120px);background-color:#2b2b2b}
#vill02 .latest ul li span{font-size:18px;font-weight:bold}
#vill02 .latest ul li .view_btn{position:absolute;right:70px;bottom:30px;width:20px;height:20px;border-radius:50%;background:url('/img/main/arrow_b.png') center no-repeat;transition:all .6s var(--ani)}
#vill02 .latest ul li .view_btn:before{display:block;content:"";position:absolute;left:50%;top:50%;z-index:-1;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background-color:#fff;transition:.3s 0s}
#vill02 .latest ul li.on a{padding:50px 60px;color:#fff}
#vill02 .latest ul li.on a:before{width:calc(100% - 120px)}
#vill02 .latest ul li.on a:after{width:0}
#vill02 .latest ul li.on .view_btn{bottom:65px}
#vill02 .latest ul li.on .view_btn:before{width:70px;height:70px;transition:all .6s var(--ani)}
@media (max-width: 990px) {
    #vill02 .latest ul li {width: 48%; height: 360px;}
    #vill02 .latest ul li.on a {padding: 50px 20px;}
    #vill02 .latest ul li.on a:before {width: calc(100% - 40px);}
    #vill02 .latest ul li a:before, #vill02 .latest ul li a:after {top:100px; left: 20px;}
    #vill02 .latest ul li.on .view_btn:before{width:50px;height:50px;}
    #vill02 .latest .hover {width: 48%; height: 320px;}
    #vill02 .latest ul li a {padding: 50px 10%;}
    #vill02 .latest ul li .view_btn {bottom: 70px;}
    #vill02 .latest ul li.on .view_btn {bottom: 85px;}
}
 



#vill03 .inner {display: flex; align-items: center;}


@media (max-width: 990px) {
    #vill03 .inner {flex-direction: column;}
}



#vill04 {overflow:hidden;position:relative;z-index:1; background-color:#2b2b2b}
#vill04 .txt_area_center {max-width:750px; display:flex; flex-direction: column; align-items: center; margin: auto; line-height: 1.2;}
#vill04 .txt_area_center p:nth-child(3) {align-self: flex-start; margin-top: -50px;}
#vill04 .bg{display:block;width:130%;height:400px;position:absolute;top:-150px;left:-15%;border-radius:100%;background-color:#f7f5f6;transition:transform .6s var(--ani)}
#vill04 .bg2{display:block;width:130%;height:400px;position:absolute;bottom:-480px;left:-15%;border-radius:100%;background-color:#f7f5f6;transition:transform .6s var(--ani)}

#vill04 svg{position: absolute;}
#vill04 .swiper-container { width: 100%; }
#vill04 .swiper-slide { width: 20%; height: 400px; box-shadow: 0 2px 10px 0px #848484; }
#vill04 .swiper-slide.slide01 { background: url(/img/sub/clinic/interior01.jpg) center/cover; }
#vill04 .swiper-slide.slide02 { background: url(/img/sub/clinic/interior02.jpg) center/cover; }
#vill04 .swiper-slide.slide03 { background: url(/img/sub/clinic/interior03.jpg) center/cover; }
#vill04 .swiper-slide.slide04 { background: url(/img/sub/clinic/interior04.jpg) center/cover; }
#vill04 .swiper-slide.slide05 { background: url(/img/sub/clinic/interior05.jpg) center/cover; }
#vill04 .swiper-slide.slide06 { background: url(/img/sub/clinic/interior06.jpg) center/cover; }
#vill04 .swiper-slide.slide07 { background: url(/img/sub/clinic/interior07.jpg) center/cover; }
#vill04 .swiper-slide.slide08 { background: url(/img/sub/clinic/interior08.jpg) center/cover; }
#vill04 .swiper-slide.slide09 { background: url(/img/sub/clinic/interior09.jpg) center/cover; }
#vill04 .swiper-slide.slide10 { background: url(/img/sub/clinic/interior10.jpg) center/cover; }
#vill04 .clipped { width: 36%; }
#vill04 .clipped1 { -webkit-clip-path: url(#my-clip-path1); clip-path: url(#my-clip-path1);margin-right:-4% }
#vill04 .clipped2 { -webkit-clip-path: url(#my-clip-path2); clip-path: url(#my-clip-path2); }
#vill04 .clipped3 { -webkit-clip-path: url(#my-clip-path3); clip-path: url(#my-clip-path3); margin-left:-4%}


#vill04 .clipped1 .swiper-slide{opacity: 0.3;}
#vill04 .clipped3 .swiper-slide{opacity: 0.3;}
#vill04 .clipped_wrapper { display: flex; width:110%;margin-left:-5%;justify-content: center;}
#vill04 .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 0;position: relative;margin-top: 50px;}
#vill04 .swiper-pagination-bullet{opacity: 1;background-color: #fff;margin:0 5px}
#vill04 .swiper-pagination-bullet-active{transform: scale(1.8);}

#vill06 .info_wrap .mt-m{margin-top: -3.5rem;}
@media (max-width: 1440px) {
    #vill04 .swiper-slide{height:330px;}
    #vill04 .clipped_wrapper {width: 150%;margin-left: -25%;}
}

@media (max-width: 990px) {
  #vill04 .bg2 { bottom: auto; }
  #vill04 .clipped_wrapper{width:200%;margin-left:-50%}

  #vill06 .info_wrap .mt-m{margin-top: 3rem;}
}

@media (max-width: 768px) {
#vill04 .bg, #vill04 .bg2{display: none;}
#vill04 .swiper-slide{height:280px}
#vill04 .clipped_wrapper {width: 220%;margin-left: -60%;}
#vill04 .view_btn_w {margin-top: 30px;}
}

@media (max-width: 500px){
    #vill04 .swiper-slide{height:200px}
    #vill04 .clipped_wrapper {width: 240%;margin-left: -70%;}
}

#vill05 {margin-top:8vw}
#vill05 .container {position: relative;}
#vill05 .bg2{display:block;width:130%;height:400px;position:absolute;bottom:-400px;left:-15%;border-radius:100%;background-color:#f7f5f6;transition:transform .6s var(--ani)}
#vill05 .brand_value_wrap { overflow: visible; }
#vill05 .brand_value {margin: auto; position: relative; display: flex; flex-direction: column; align-items: center; height: 700px;}
#vill05 .brand_value_item {text-align: center; width: 100%;}
#vill05 .brand_value_item:nth-child(3) a {margin-right: 13vw;}
#vill05 .brand_value .br_value_tit {position: relative; display: inline-block; line-height: 1;  margin-bottom: 30px;z-index: 5;}
#vill05 .brand_value .br_value_tit.on {z-index: 11;}
#vill05 .brand_value .br_value_tit.on span {opacity: 1; width: 100%; font-weight: 600;}
#vill05 .brand_value .br_value_tit span { opacity: .2; width: 10px; cursor: pointer;}
#vill05 .brand_value .br_value_tit span::before {content:''; display: block; position: absolute; border-bottom: 2px solid #000; left: 0; bottom:0; width: 0; -webkit-transition: width 1s ease; transition: width 1s ease;}
#vill05 .brand_value .br_value_tit.on span::before {opacity: 1; width: 100%;}
#vill05 .brand_value_box {z-index: 3;}
#vill05 .brand_value_box, #vill05 .br_value_png, #vill05 .br_value_jpg {opacity: 0; position: absolute;}
#vill05 .brand_value_box.vBox1 {right: 10vw; top:-15vw;}
#vill05 .brand_value_box.vBox2 {right: 5vw; top:-3vw;}
#vill05 .brand_value_box.vBox3 {left: -3%; top:-9vw;}
#vill05 .br_value_png.vPng1 {left: 0; top:-50px;}
#vill05 .br_value_png.vPng2 {left: 0; bottom:50px;}
#vill05 .br_value_png.vPng3 {right: 7vw; top:0;}
#vill05 .br_value_jpg.vJpg1 {left: 11vw; bottom:100px;}
#vill05 .br_value_jpg.vJpg2 {left: 0; top:-5vw;}
#vill05 .br_value_jpg.vJpg3 {right: 0; top:15vw;}
#vill05 .deco {position: absolute;  animation: bounce 4s linear infinite;}
#vill05 .deco1, #vill05 .deco2 {top:50%; right:-50px;}
#vill05 .deco2-1 {left: 21%; top:20%; opacity: 0;}
#vill05 .deco3 {top:50%; left:-10%;}
#vill05 .deco3-1 {top:40%; right:0; opacity: 0;}

@media (max-width: 768px) {
  #vill05 .brand_value { width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; flex-direction: row; align-items: baseline; }
  #vill05 .brand_value_item { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }
  #vill05 .brand_value_box, #vill05 .br_value_png { position: relative; display: flex; flex-wrap: wrap; }
  #vill05 .br_value_jpg { display: none; }
  #vill05 .br_value_desc { order: 1; }
  #vill05 .br_value_img { order: 2; margin-top: 40px; }
  #vill05 .brand_value_box { top: 5vw !important; right: auto !important; left: auto !important; }
  #vill05 .brand_value .br_value_tit { margin-right: 0 !important; }
  #vill05 .brand_value .br_value_tit span { opacity: 0; visibility: hidden; }
  #vill05 .brand_value .br_value_tit.on span { opacity: 1; visibility: visible; }
  #vill05 .brand_value_box, #vill05 .br_value_png, #vill05 .br_value_jpg { opacity: 1; }
}


#vill06 .map_wrap {width: 100%; height: 400px;}
#vill06 .root_daum_roughmap  {width: 100% !important; height: 100%;}
#vill06 .root_daum_roughmap .wrap_map  {width: 100%; height: 400px !important;}
#vill06 .root_daum_roughmap .wrap_controllers {display: none;}

#vill06 .info_Tb {width: 100%;}
#vill06 .info_Tb td {padding: 5px;}
#vill06 .info_Tb .info_Tb_box {width: 170px; padding: 3px 10px; display: block; border:1px solid #000; border-radius: 30px; text-align: center;}

@media (max-width: 990px) {
    #vill06 .info_wrap.flex {flex-direction: column;}

}


.footer {background-color: #f7f5f6;}
.footer .line_b {width: 90%; margin:auto; display: flex; border-color:#ccc;}
.footer .footerBox {padding: 15px 5%;}
.footer .footerBox .footerBox_list {display: flex; margin-left: auto;}
.footer .footerBox .footerBox_list li {margin-right: 3.125rem;}

@media (max-width: 768px) {
    .footer .flex {flex-direction: column;}
    .footer .half img {width: 40%; margin-top: 20px;}
    .footer .footerBox .footerBox_list {display: flex; margin-left: 0; margin-right: auto; margin-top: 10px;}
}