/* 메인 */
#main {margin-top: -3rem;}

.section { width:100%; position:relative; float: left;}

#main .section .inner {position:relative;}


#visual {width: 100%; height: 45rem; }
#visual .swiper {width: 100%; height: 100%;}
#visual .swiper-slide {width: 100%; height: 100%; background-position: center; background-size: cover; }
#visual .swiper-slide .inner2 {padding-top: 0;}
#visual .swiper-slide hr {width: 10rem; height: 0.15rem; background-color: #fff; border: 0; margin: 1rem auto;}

#visual .visual1 {background: url(images/visual1.jpg) bottom center no-repeat #26306e; background-size: contain; padding-top: 6rem;}
#visual .visual1 .inner2 {height: 100%; display: flex; color: #fff; flex-direction: column; padding-top: 4rem;}

#visual .swiper-pagination {position: absolute !important; bottom: 1.5rem !important; top: auto !important; pointer-events: all !important;}
#visual .swiper-pagination-bullet {width: 0.9rem !important; height: 0.9rem !important; background-color: #333 !important; opacity: 0.7 !important; border-radius: 0.9rem !important; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; pointer-events: all !important;}
#visual .swiper-pagination-bullet-active {width: 2rem !important; background-color: #fff !important; opacity: 1 !important;}


/* .swiper-button-next,.swiper-button-prev {opacity: 0.3; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.swiper-button-next {right: 1.5rem !important;}
.swiper-button-prev {left: 1.5rem !important;}
.swiper-button-next:hover,.swiper-button-prev:hover {opacity: 1;} */





#section1 {padding: 5rem 0 0; background: linear-gradient(#f0f7fd, #d5e8f9);}
#section1 .inner {background: url(images/section1_inner_bg.png) center 3.5rem no-repeat; background-size: 30rem auto ; margin-top: 1rem; position: relative; text-align: center;}
#section1 .inner h5,
#section1 .inner a.shortcut {position: absolute;}
#section1 .inner h5 {bottom: 4.5rem; left: 2rem; line-height: 1.3;}
#section1 .inner h5 span {font-size: 1.8rem;}
#section1 .inner a.shortcut {bottom: 5rem; right: 5rem; width: 3rem; height: 3rem; line-height: 2.75rem; border-radius: 100%; font-size: 2rem; color: #fff; background: linear-gradient(#6685b5, #161653); box-shadow: 0.5rem 0.5rem 0.75rem rgba(0,0,0,0.3); display: inline-block; cursor: pointer;}

#section1 .inner .picture {width: 18rem; margin-right: 2rem;}



#section2 {padding: 5rem 0; }
#section2 .inner2 {position: relative;}
#section2 .inner2 .flex_between {}
#section2 .inner2 .clinic {border-radius: 1rem; overflow: hidden; }
#section2 .inner2 .clinic a::before {content: ""; width: 100%; height: 100%; display: block; background: linear-gradient(rgba(0,0,0,0) 50%, #6685b5 100%); position: absolute; z-index: 1;}
#section2 .inner2 .clinic1 {width: 100%; height: 18rem;}
#section2 .inner2 .clinic2,
#section2 .inner2 .clinic3 {width: 14rem; height: 21rem;}
#section2 .inner2 .clinic4,
#section2 .inner2 .clinic5 {width: 14rem; height: 14rem;}
#section2 .inner2 .clinic a {position: relative; width: 100%; height: 100%; display: block;}
#section2 .inner2 .clinic a * {position: absolute;}
#section2 .inner2 .clinic .txt {bottom: 5%; left: 1.5rem; right: 1.5rem; z-index: 10; color: #fff;}
#section2 .inner2 .clinic .txt::after {content: url(../pc/images/go_w.png); float: right;}
#section2 .inner2 .clinic img {top: 0; left: 0; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; width: 100%;}
#section2 .inner2 .clinic:hover img {transform: scale(1.1);}


.rolling {animation: rotate_image 10s linear infinite; transform-origin: 50% 50%; width: 8.45rem; height: 8.45rem; position: absolute; z-index: 10; right: -4rem; top: -2.5rem;}

@keyframes rotate_image{
    100% {
        transform: rotate(-360deg);
    }
}



#section3 {padding: 5.5rem 0 5rem; background: url(images/section3_bg.jpg) center / cover; }
#section3 .MainSwiper {width: 100%; height: auto; position: relative; margin: 2rem 0; text-align: center;}
#section3 .MainSwiper .swiper-slide {position: relative;}
#section3 .MainSwiper .paging {display: flex; justify-content: center; margin-top: 2rem;}
#section3 .MainSwiper .paging > * {position: relative; color: #fff; height: 2rem; line-height: 2rem; top: auto; bottom: auto; margin-top: 0;}
#section3 .MainSwiper .paging .swiper-pagination {width: 5rem; font-size: 1.2rem;}
#section3 .MainSwiper .paging .swiper-pagination-current {color:#d8bc59;}

#section3 .MainSwiper .paging .swiper-nav {width: 1.5rem;  background-position: center; background-repeat: no-repeat; background-image: url(../pc/images/go_w.png);}
#section3 .MainSwiper .paging .swiper-nav svg { display: none;}
#section3 .MainSwiper .paging .swiper-button-next {}
#section3 .MainSwiper .paging .swiper-button-prev {transform: scaleX(-1);}

#section3 .SubSwiper {width: 29rem; overflow: hidden; margin: 0 auto;}
#section3 .SubSwiper .swiper-slide {width: 100%;overflow: hidden; opacity: 5; filter: grayscale(1); opacity: 0.5;}
#section3 .SubSwiper .swiper-slide img {width: 100%;  border-radius: 1.5rem; }
#section3 .SubSwiper .swiper-slide-active {filter: grayscale(0); opacity: 1;}



#section4 {padding: 10rem 0 6rem;}
#section4 .flowingText {top:-1.5rem}
#section4 .swiper {width:29rem; border-radius: 1.5rem; overflow: hidden; margin-top: 2rem;}
#section4 .navBox {display: flex; justify-content: center; margin-top: 1.5rem;}
#section4 .swiper-nav {background: url(../pc/images/section4_view1_nav.png) center / cover; width: 2.5rem; height: 2.5rem; position: relative; margin: 0 0.7rem;}
#section4 .swiper-nav svg {display: none;}
#section4 .swiper-nav.swiper-button-prev {}
#section4 .swiper-nav.swiper-button-next {transform: scaleX(-1);}



#section5 {padding-top: 3.5rem; background-color: #052f50; color: #fff;}
#section5 .tel {background: url(images/tel.png) left center no-repeat; background-size: 1.7rem auto; padding-left: 2.5rem;}
#section5 .linkTitle a::after {content: url(../pc/images/go.png); margin-left: 1rem; display: inline-block;}
#section5 .time {white-space: pre; letter-spacing: 0; line-height: 1.8;}
#section5 .time .night {padding: 0 0.25rem; background-color: #71bffe; color: #052f50; border-radius: 0.2rem; font-weight: 700;}
#section5 hr {width: 100%; height: 0.05rem; border: 0; background-color: rgba(255,255,255,0.2); margin-top: 3rem;}

#section5 .inner2.bottom {padding-top: 2rem; padding-bottom: 2rem;}
#section5 .inner2.bottom .btnArea {display: flex; justify-content: space-between;}
#section5 .inner2.bottom .output_box * {color: #fff !important; font-size: 0.9rem;}
#section5 .inner2.bottom .btn {display: block; text-align: center; font-weight: 700; }
#section5 .inner2.bottom .btn::before {width: 5rem; height: 5rem; border-radius: 100%; background-color: #375973; display: flex; justify-content: center; align-items: center; margin-bottom: 0.75rem; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; content: ""; background-repeat: no-repeat; background-position: center;}
#section5 .inner2.bottom .btn.btn1::before {background-image: url(../pc/images/section5_btn1.png); background-size: auto 2.2rem;}
#section5 .inner2.bottom .btn.btn2::before {background-image: url(../pc/images/section5_btn2.png); background-size: auto 2.1rem;}
#section5 .inner2.bottom .btn.btn3::before {background-image: url(../pc/images/section5_btn3.png); background-size: auto 1.8rem;}
#section5 .inner2.bottom .btn.btn4::before {background-image: url(../pc/images/section5_btn4.png); background-size: auto 2rem;}
#section5 .inner2.bottom .btn.btn5::before {background-image: url(../pc/images/section5_btn5.png); background-size: auto 1.85rem;}
#section5 .inner2.bottom .btn:hover::before {background-color: #03406f;}

.root_daum_roughmap {border-radius: 1rem;}
.root_daum_roughmap .wrap_controllers,.root_daum_roughmap .cont,.map_border {display: none;}



@media only screen and (max-width:640px) {
    .root_daum_roughmap {height: 70.3125vw; zoom: 0.618;}
}