.root_daum_roughmap .wrap_controllers, .root_daum_roughmap .cont{display: none;}
.register{max-width: 1440px; padding: 200px 0;}

#mainslide {width: 100%;height: 100vh; overflow: hidden;}
#mainslide .swiper {height: 100%;}
#mainslide .swiper-slide .img {background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 2s; width: 100%; height: 100%;}
#mainslide .swiper-slide.slide01 .img{background-image: url(/img/main/mainslide01.jpg)}
#mainslide .swiper-slide.slide01 .line{width: 55%; height: 1px; background-color: #faf8ef; margin-top: 50px;}
#mainslide .swiper-slide.slide01 .line img{position: absolute; top: calc(100%-50px); left: 50%; transform: translate(-50%, -50%);}
#mainslide .swiper-slide.slide02 .img{background-image: url(/img/main/mainslide02.jpg)}
#mainslide .swiper-slide.slide03{color: #f8f4f0;}
#mainslide .swiper-slide.slide03 .img{background-image: url(/img/main/mainslide03.jpg)}
#mainslide .swiper-slide .txt { width: 1440px; position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);}
#mainslide .swiper-slide .txt .line-box{width: 22px; height: 2px; background-color: #fff;}
#mainslide .main_more{background-color: #1a1a1a; padding: 1rem 2rem; display: inline-block;}
#mainslide .swiper-pagination{font-weight: bold; font-size: 1.125rem; color: rgba(255,255,255,.5); font-family: var(--pointfont),serif}
#mainslide .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: ''; display: none;}
#mainslide .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: ''; display: none;}
#mainslide .swiper-horizontal>.swiper-pagination-bullets, #mainslide .swiper-pagination-bullets.swiper-pagination-horizontal, #mainslide .swiper-pagination-custom, #mainslide .swiper-pagination-fraction{width: 70px; bottom: -16px; }
#mainslide .swiper-button-next, .swiper-rtl .swiper-button-prev{width: 10px; height: 15px; right: auto; left: 88px; bottom: auto; top: 17px;}
#mainslide .swiper-button-prev, .swiper-rtl .swiper-button-next{width: 10px; height: 15px; left: -33px; bottom: auto; top: 17px;}
#mainslide .btn_wrap{position: absolute; bottom: 50px; left: 51%; transform: translateX(-50%); z-index: 999;}
#mainslide .swiper-pagination-current{margin-right: 5px; color: #fff !important;}
#mainslide .swiper-pagination-total{margin-left: 5px; }
.blink {
  animation: blink-effect 1.4s ease-in-out infinite;
}

@keyframes blink-effect {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
/* button circle */
.progress {transform: rotate(-90deg);}
.play_btn {margin-left: 150px;position: relative;top: 0;left: 0; z-index: -1;}
.swiper-pagination2 {position: relative;top: 0;left: 0;width: 42px!important;height: 42px;border: 3px solid rgba(255,255,255,0.5);display: block;bottom: auto;right: auto;border-radius: 50%; margin-left: 0;}
.swiper-pagination2 .swiper-pagination-bullet {position: absolute;top: -5px;left: -3px;width: 42px;height: 42px;background-color: transparent;margin: 0!important;}
.circle-origin {fill: transparent;stroke: #fff;stroke-width: 3;stroke-linecap: round;stroke-dasharray: 180.664px;stroke-dashoffset: 180.664px;}
.swiper-pagination-bullet-active .circle-origin {animation: progress 6.5s;}
.swiper-pagination-bullet.replay .circle-origin {animation: progress1 6.5s;}
.autoplay-button > div{position: absolute;cursor: pointer;top:50%;left:50%;transform: translate(-50%,-50%);}
.autoplay-button > div span{display: block;color: #fff;}

@keyframes progress {
  0% {stroke-dashoffset: 180.664px;}
  90% {stroke-dashoffset: 0;}
  100% {stroke-dashoffset: -180.664px;}
}
@keyframes progress1 {
  0% {stroke-dashoffset: 180.664px;}
  90% {stroke-dashoffset: 0;}
  100% {stroke-dashoffset: -180.664px;}
}

#main{overflow: hidden;}

#signature .box{padding: 2rem; border-radius: 20px; cursor: pointer;}
#signature .box01{background: url(/img/main/signature01.jpg) no-repeat center / cover;}
#signature .box02{background: url(/img/main/signature02.jpg) no-repeat center / cover;}
#signature .box03{background: url(/img/main/signature03.jpg) no-repeat center / cover;}
#signature .box04{background: url(/img/main/signature04.jpg) no-repeat center / cover;}
#signature .box .line-txt{border-bottom: 1px solid rgba(255,255,255,.5); padding-bottom: 10px;}
#signature .box .more-txt{margin-top: 8rem;}
#signature .box .more-txt>p{border-bottom: 1px solid #fff; position: absolute; top: 0; right: 0;}

#doctor .width95{margin-left: 2.5%; width: 97.5% !important;}
#doctor .bg-txt{position: absolute; bottom: 0; right: 0; z-index: -1;}
#doctor .more{display: inline-block; border-bottom: 1px solid #333; cursor: pointer;}

#special{background: url(/img/main/special_bg.jpg) no-repeat center / cover;}
#special>.flex {height: 90vh; overflow: hidden;}
#special .image-area {flex: 1;position: relative;overflow: hidden;}
#special .image-area img {position: absolute;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: opacity 0.5s ease;}
#special .image-area img.active {opacity: 1;}
#special .text-area {flex: 1;padding-left: 13rem;display: flex;flex-direction: column;justify-content: center;}
#special .text-item {margin:5px 0; cursor: pointer;transition: color 0.3s; width: 100%;}
#special .text-item .txt, #special .text-item .img-box{display: none;}
#special .text-item.active {color: #333; background-color: #fffef2; padding: 2rem 4rem; border-radius: 20px; margin-left: -18rem; z-index: 2;}
#special .text-item.active .txt, #special .text-item.active .img-box{display: block;}
#special .text-item.active .txt-wrap{padding-left: 4rem;}
#special .text-item {color: #8e8a7f;}

#interior .title{position: absolute; bottom: 10%; left: 10%; z-index: 99;}
#interior .title .more{display: inline-block; border-bottom: 1px solid #fff; cursor: pointer;}
#interior .interiorSwiper .swiper-slide{ border-radius: 10px; overflow: hidden; position: relative;}
#interior .interiorSwiper .swiper-slide-active:after{content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 0; left: 0;}
#interior .interiorSwiper2{position: relative; border-radius: 20px; overflow: hidden;}
#interior .interiorSwiper2::before{content: ''; display: block; width: 100%; height: 40%; background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%); position: absolute; top: 60%; left: 0; z-index: 99;}
#interior .interiorSwiper_wrap{width: 45%; position: absolute; right: 12%; bottom: 10%;}
#interior .swiper-button-prev:after{content: '';}
#interior .swiper-button-next:after{content: '';}
#interior .swiper-button-next, #interior .swiper-button-prev{width: auto; color: #fff !important; letter-spacing: 1.2; font-weight: 600;}
#interior .swiper-button-prev, #interior .swiper-rtl .swiper-button-next{left: -70px;}
#interior .swiper-button-next, #interior .swiper-rtl .swiper-button-prev{right: -70px;}

#promotion .width95{margin-left: 2.5%; width: 97.5% !important;}
#promotion .width95.page{margin-left: 2.5%; width: 95% !important; margin-left: 2.5%;}
#promotion .more{display: inline-block; border-bottom: 1px solid #333; cursor: pointer;}
#promotion .swiper-slide img{border-radius: 20px; overflow: hidden;}
#promotion .swiper-pagination-progressbar{top: auto; bottom: 0;}
#promotion .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: var(--pointcolor);}
#promotion .swiper-pagination-progressbar{background-color: #eae5cd;}
#promotion .swiper-horizontal>.swiper-pagination-progressbar,
#promotion .swiper-pagination-progressbar.swiper-pagination-horizontal,
#promotion .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
#promotion .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height: 2px;}

#beforeafter .width55.be{margin-left: 5%;}
#beforeafter .width55.af{margin-left: -5%; margin-top: 100px;}
#beforeafter .point-txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
#beforeafter .more{position: absolute; top: 30px; right: -10px; width: 140px; height: 140px; cursor: pointer;}
#beforeafter .more p{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 2;}
#beforeafter .more img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 1;}

#reservation .width95{border-radius: 20px; overflow: hidden;}
#reservation .width95 .wrap{background:url(/img/main/reservation_bg.jpg) no-repeat left / 35% 100%;}
#reservation .width30{padding-top: 8rem;}
#reservation .width70{padding-top: 8rem; padding-bottom: 5rem;}
#reservation .width70 .flexList{--x-gap: 0rem}
#reservation .width70 .flexList .box{border-right: 1px solid #c9c5ba;}
#reservation .width70 .flexList .box:last-child{border-right: 0;}
#reservation .r_tel{position: absolute; top: -57px; left: 50%; transform: translateX(-50%);}

#main_map .container>.flexList{--x-gap: 8rem}
#main_map .map_line{width: 100%; height: 1px; background-color: #e0e0e0;}
#main_map .map_box{padding: .5rem;}
#main_map .map_box .flexList{padding: .8rem; --x-gap: 0rem}
#main_map .map_box .flexList .box{border-right: 1px solid #c9c5ba;}
#main_map .map_box .flexList .box:last-child{border-right: 0;}
#main_map .root_daum_roughmap{width: 100% !important;}
#main_map .root_daum_roughmap .wrap_map{height: 600px;}
@media (max-width: 1850px){
  #signature .width60{width: 70%;}

  #special>.flex{height: 85vh;}
  #special .text-area{padding-left: 8rem;}
  #special .text-item{width: 115%;}

  #doctor .doc_img{width: 60%;}
  #doctor .txt{width: 40%;}
  #doctor .hidden1850{display: none;}
}
@media (max-width: 1700px){
  #mainslide .swiper-slide .txt{width: 90%;}

  #special>.flex{height: 75vh;}

  #reservation .width70{margin-left: 0;}
}
@media (max-width: 1550px){
  #signature .width95{width: 90%; margin-right: 5%; margin-left: 5%;}

  #doctor .width95 {margin-right: 5%; width: 90% !important; margin-left: 5%;}

  #interior .width95{width: 90%;}
  #interior .interiorSwiper_wrap{right: 15%;}

  #promotion .width95 { margin-left: 5%; width: 95% !important;}
  #promotion .width95.page{margin-right: 5%; width: 90%!important; margin-left: 5%;}

  #reservation .width95{width: 90%;}
}
@media (max-width: 1400px){
  #special>.flex{height: 70vh;}
  #special .text-item{width: 130%;}

  #beforeafter .width80{width: 100%;}

  #main_map .container>.flexList{--x-gap: 5rem;}
}
@media (max-width: 1240px){
	#signature .flex{flex-direction: column;}
  #signature .width30{width: 100%;}
  #signature .width60{width: 100%; margin-top: 3.125rem;}

  #doctor .flex-between{flex-direction: column;}
  #doctor .doc_img{width: 100%;}
  #doctor .doc_img img{margin: auto;}
  #doctor .txt{width: 100%; padding-left: 0; margin-bottom: 6.250rem;}

  #special .text-area{padding-left: 5rem;}
  #special .text-item{width: 135%;}

  #promotion .flex{flex-direction: column;}

  #promotion .width95 .width30{width: 95%; margin-right: 5%;}
  #promotion .width95 .width65{width: 100%;}
  #promotion .width95 .width70{width: 100%; margin-top: 3.125rem;}

  #beforeafter .point-txt {width: 90%; margin: auto;}

  #main_map .root_daum_roughmap .wrap_map{height: 530px;}

}
@media (max-width: 990px){
  .register{width:90%; margin: 0 auto; padding: 200px 0;}
  
  #mainslide .swiper-slide.slide01 .img{background-image: url(/img/main/mainslide01m.jpg)}
  #mainslide .swiper-slide.slide02 .img{background-image: url(/img/main/mainslide02m.jpg)}
  #mainslide .swiper-slide.slide03 .img{background-image: url(/img/main/mainslide03m.jpg)}

  #special-mobile {background: url(/img/main/special_bg.jpg) no-repeat center / cover;}
  #special-mobile  .mobile-text-list {margin-top: 1.5rem;}
  #special-mobile .mobile-text-item {margin-bottom: 1rem; border-radius: 10px; cursor: pointer; transition: background-color 0.3s, color 0.3s; color: #8c8a7e;}
  #special-mobile .mobile-text-item .txt-wrap{padding: 1rem 2rem;}
  #special-mobile .mobile-text-item .txt, #special-mobile .mobile-text-item .img-box{display: none;}
  #special-mobile .mobile-text-item.active {background-color: #fffef2; color: #333;}
  #special-mobile .mobile-text-item.active .txt, #special-mobile .mobile-text-item.active .img-box{display: block;}

	#interior .width95{width: 100%;}
  #interior .title{position: relative; top: auto; left: auto; color: #333 !important; margin-bottom: 4.375rem; padding: 0 5%;}
  #interior .title .more{border-bottom: 1px solid #333;}
  #interior .interiorSwiper2{border-radius: 0;}
  #interior .interiorSwiper2::before{display: none;}
  #interior .interiorSwiper .swiper-slide{border-radius: 0;}
  #interior .interiorSwiper_wrap{width: 100%; position: relative; bottom: auto; right: auto; margin-top: 1.875rem;}
  #interior .swiper-button-prev, #interior .swiper-rtl .swiper-button-next, #interior .swiper-button-next, #interior .swiper-rtl .swiper-button-prev{display: none;}

  #beforeafter .width50.be{width: 70%;}
  #beforeafter .width55.af{width: 80%; margin-left: -30%;}

  #reservation .width95{width: 100%; border-radius: 0;}
	#reservation .flex{flex-direction: column;}
	#reservation .container{width: 100%;}
	#reservation .width30{width: 100%; background: url(/img/main/reservation_bg.jpg) no-repeat left / cover; padding: 8rem 5%;}
	#reservation .width70{width: 100%; padding-left: 0;}
	#reservation .width95 .wrap {background: none;}
	#reservation .r_tel{display: none;}
	#reservation .width70 .flexList .box{border-right: 0;}

  #main_map .container>.flexList{--y-gap: 5rem}
	#main_map .root_daum_roughmap .wrap_map{height: 400px;}
  #main_map .address_tel a{display: block; width: 100%; text-align: center; border-radius: 10px; padding: 1rem; margin-top: 1.875rem;}
}

@media (max-width: 768px){
  #mainslide .font-65, #special-mobile .font-80 {font-size: 3.750rem;}

  #beforeafter .width55.af{margin-top: 50px;}
  #beforeafter .more{top: -10px;}
  #beforeafter .width55.af{width: 80%; margin-left: -40%;}

  #main_map .time .width80{width: 100%;}
	#main_map .time .width80 li .width15{width: 20%;}
  #main_map .map_box .flexList .box{padding: 0 .5rem;}
}

@media (max-width: 500px){
  #mainslide .font-65{font-size: 2.8125rem}

  #special-mobile .font-80 {font-size: 3.125rem;}

  #beforeafter .more{top: -23px; right: -20px;}
  #beforeafter .more img{width: 75%;}

  #reservation .flexList{--y-gap: 3rem; --x-gap: 0rem}

  #main_map .map_box .flexList .box:nth-child(2){border-right: 0;}
	#main_map .address .width80{width: 100%;}
	#main_map .root_daum_roughmap .wrap_map{height: 350px;}
}