.register{max-width: 1440px; padding: 200px 0;}

a.view{padding-left: 30px; position: relative;}
a.view:after{display: block; content: ''; width: 60px; height: 60px; border-radius: 50%; background-color: #fdf0f3; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: -1;}

.root_daum_roughmap .wrap_controllers, .root_daum_roughmap .cont .section.lst{display: none;}

/*메인슬라이드*/
#mainslide {width: 100%;}
#mainslide .width95{height: 100vh; overflow: hidden;}
#mainslide .swiper {height: 100%; border-radius: 30px 150px 30px 150px; overflow: hidden; position: relative;}
#mainslide .swiper-slide .img{background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .3s; width: 100%; height: 100%;}
#mainslide .swiper-slide.slide01 .img{background-image: url(/img/main/mainslide01.jpg)}
#mainslide .swiper-slide.slide02 .img{background-image: url(/img/main/mainslide02.jpg)}
#mainslide .swiper-slide.slide03 .img{background-image: url(/img/main/mainslide03.jpg)}
#mainslide .swiper-slide .txt {width: 1500px; position: absolute;top: 40%; left: 50%; transform: translate(-50%, -50%);}
#mainslide .swiper-horizontal>.swiper-pagination-bullets, #mainslide .swiper-pagination-bullets.swiper-pagination-horizontal, #mainslide .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 50px;}
#mainslide .swiper-pagination-bullet{width: 10px !important; height: 10px !important; background-color: rgb(255, 255, 255, .5);  opacity: 1;}
#mainslide .swiper-pagination-bullet-active{border: 2px solid #fff;  background-color: rgb(255, 255, 255, 0);}
#mainslide .swiper-pagination{width: 1500px; bottom: 100px; text-align: left; left: 50%; transform: translateX(-50%); }
#mainslide .swiper-pagination .line{width: 25px; height: 1px; transform: rotate(-50deg); background-color: rgba(255, 255, 255, .5); margin-left: 22px; margin-top: -5px;}
#mainslide .swiper-pagination-current{font-size: 30px; display: block;}
#mainslide .swiper-pagination-total{opacity: .5; display: block; padding-left: 40px; margin-top: -5px;}


#clinic .container{position: relative;}
#clinic .container::after{display: block; content: ''; width: 1px; height: 70%; background-color: #c6c6c6; position: absolute; top: 0; left: 12%;}
#clinic .container::before{display: block; content: ''; width: 1px; height: 70%; background-color: #c6c6c6; position: absolute; top: 0; right: 12%;}
#clinic .swiper .swiper-slide .img-box{border-radius: 30px; overflow: hidden; position: relative;}
#clinic .swiper .swiper-slide .img-box img{border-radius: 30px; overflow: hidden;}
#clinic .swiper .swiper-slide a .img-box:after{display: none; content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 0; left: 0;}
#clinic .swiper .swiper-slide a:hover .img-box:after{display: block;}
#clinic .swiper .swiper-slide a .txt-box{display: none; width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
#clinic .swiper .swiper-slide a:hover .txt-box{display: block; }

#doctor .flexList .box:first-child{background-image: url(/img/main/doc_logo.png); background-repeat: no-repeat; background-position: top right 20%;}

#promises .width100{padding-left: 2.5%;}
#promises img{border-radius: 30px;}
#promises .swiper-button-prev:after, #promises .swiper-rtl .swiper-button-next:after{display: none;}
#promises .swiper-button-next:after, #promises .swiper-rtl .swiper-button-prev:after {display: none;}
#promises .swiper-button-prev, #promises .swiper-rtl .swiper-button-next{left: 0; width: 60px; height: 60px;}
#promises .swiper-button-next, #promises .swiper-rtl .swiper-button-prev{right: auto; left: 22%; width: 60px; height: 60px;}

#interior {overflow: hidden; }
#interior .intSwiper .swiper-wrapper { -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear;}
#interior .intSwiper .swiper-slide {width: auto !important;}
#interior .intSwiper .swiper-slide img {object-fit: cover;}

#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: #d9d9d9;}
#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: 3px;}

#point{background-color: #000;position: relative;z-index: 0;}
#point .point-font{letter-spacing: 12px; opacity: .5;}
#point .mark{background-color: rgba(237, 129, 156, .4);}
#point .bg_wrap {clip: rect(0, auto, auto, 0);position: absolute;top: 0;left: 0;width: 100%;height: 100vh;z-index: -1;}
#point .bg {position: fixed;display: block;top: 0;left: 0;width: 100%;height: 100vh;background-image: url(/img/main/point.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;transform: translateZ(0);will-change: transform;}

#reservation{position: relative; z-index: 1; background-color: #fff;}
#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: -75px; left: 50%; transform: translateX(-50%);}

#contact{background-color: #fff; position: relative; z-index: 1;}
#contact .flexList{--x-gap: 8rem}
#contact .root_daum_roughmap{width: 100%;}
#contact .root_daum_roughmap .wrap_map{height: 710px;}
#contact .car b{padding-left: 30px; position: relative;}
#contact .car b:after{display: block; content: ''; width: 23px; height: 17px; background-image: url(/img/main/car.png); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#contact .map_btn .bg-light-gray{border-radius: 10px; overflow: hidden;}
#contact .map_btn a{padding: 1rem 2rem;}
@media (max-width: 1800px){
#mainslide .swiper-slide .img{background-position: 70% center;}

#reservation .width95{width: 100%; border-radius: 0;}
}
@media (max-width: 1700px){
#mainslide .swiper-slide .txt{width: 90%;}
#mainslide .swiper-pagination{width: 90%;}
}
@media (max-width: 1550px){
.register{width:90%; margin: 0 auto; padding: 100px 0;}

#promises .swiper-button-next, #promises .swiper-rtl .swiper-button-prev{left: 27%;}

#contact .root_daum_roughmap .wrap_map{height: 600px;}
}
@media (max-width: 1240px){
#clinic .container{width: 100%;}
#clinic .title{width: 90%; margin: auto;}
#clinic .clinicSwiper{margin-left: 5%; overflow: hidden;}
#clinic .container::after{display: none;}
#clinic .container::before{display: none;}
#clinic .swiper .swiper-slide-active a .img-box:after{display: block;}
#clinic .swiper .swiper-slide-active a .txt-box{display: block;}

#promises .width100{padding-left: 0;}
#promises .swiper-button-next, #promises .swiper-rtl .swiper-button-prev{left: 30%;}

#contact .flexList{--x-gap: 3rem}
#contact .root_daum_roughmap .wrap_map{height: 500px;}
}
@media (max-width: 990px){
#mainslide .swiper{border-radius: 30px 150px 30px 105px;}
#mainslide .swiper-slide .font-50{font-size: 2.500rem;}
#mainslide .swiper-slide .txt{top: 20%; text-align: center;}
#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)}
#mainslide .swiper-pagination{bottom: 50px;}
#mainslide .swiper-slide.slide02 .txt {top: 30%;}

#interior .flex-between, #promotion .flex-between{flex-direction: column;}
#interior .title, #promotion .title{width: 100%;}

#reservation .width95{width: 100%;}
#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;}

#doctor .flexList{--y-gap: 5rem}
#doctor .flexList img{margin: auto;}
#doctor .flexList .box:first-child{background-position: top right 10%;}

#contact .root_daum_roughmap .wrap_map{height: 400px;}

#footer .flex-between{flex-direction: column;}
#footer .txt-box{width: 100%; order: 2;}
#footer .flogo{width: 100%; order: 1; margin-bottom: 2rem;}
}
@media (max-width: 768px){
#mainslide .swiper{border-radius: 15px 100px 15px 50px;}
#mainslide .swiper-slide .font-50{font-size: 2.000rem;}
}
@media (max-width: 500px){
#reservation .flexList{--y-gap: 3rem; --x-gap: 0rem}

#promises .font-40{font-size: 2.000rem;}

#contact ul.info>li.flex{flex-direction: column;}
#contact ul.info p.font-20{margin-bottom: 15px;}
}