/* 메인 */
.section { width:100%; position:relative;}

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


#visual {width: 100%; height: 100vh;}
#visual .swiper {width: 100%; height: 100%;}
#visual .swiper-slide {width: 100%; height: 100%; background-position: bottom; background-size: cover; }
#visual .swiper-slide .inner {height: 100%; display: flex; color: #fff; flex-direction: column; justify-content: end; padding-bottom:5rem;}
#visual .visual1 {background-image: url(/images/visual1.jpg);}
#visual .visual2 {background-image: url(/images/visual2.jpg);}
#visual .visual3 {background-image: url(/images/visual3.jpg);}
#visual .visual4 {background-image: url(/images/visual4.jpg);}

#visual .swiper-pagination {position: absolute !important; bottom: 2rem !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;} */



a.link {width: 8rem; display: inline-block; font-size: 0.9rem; line-height: 1.5; font-weight: 700; position: relative; cursor: pointer;  z-index: 1;}
a.link::after {content: url(images/go_black.gif); line-height: 1.5; margin-left:1rem; position: relative; top: -0.1rem; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; }
a.link:hover {letter-spacing: 0.1rem;}




#section1 {display: flex; color: #fff;max-width: 1800px;margin: 0 auto;}
#section1 * {-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#section1 > div {flex: 1; height: 17.5rem; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; background-color: #bd914d; position: relative; overflow: hidden; padding: 1rem 0; cursor: pointer;;}
#section1 > div .txt {position: relative; z-index: 1;}
#section1 > div img {position: absolute; top:0; opacity: 0.2;}
#section1 > div:hover .txt {margin-top: 10rem;}
#section1 > div:hover img {opacity: 1; top: -40%;}




#section2 {margin:7rem 0; display: flex; justify-content: flex-end;}
#section2 .title {width: 24rem; }
#section2 .title .swiperBtn {position: relative; margin-top: 2rem; display: flex; justify-content: flex-start; align-items: center;}
#section2 .title .swiperBtn > div {position: relative !important;}

#section2 .title .swiperBtn .swiper-button-next,
#section2 .title .swiperBtn .swiper-button-prev {width: 1rem; height: 0.35rem; margin-top:0.1rem; top: auto; cursor: pointer; background: url(images/go_black.gif); left: auto !important; right: auto !important;}
#section2 .title .swiperBtn .swiper-button-next { }
#section2 .title .swiperBtn .swiper-button-next:after,#section2 .title .swiperBtn .swiper-button-prev::after {content: "";}
#section2 .title .swiperBtn .swiper-button-prev {transform: scale(-1, 1);}
#section2 .title .swiperBtn .swiper-pagination {padding: 0 1rem; font-size: 1.2rem;}
#section2 .title .swiperBtn .swiper-pagination-fraction {width: auto !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important;}
#section2 .title .swiperBtn .swiper-pagination-current {color: #bd914d;}
#section2 .title .swiperBtn .swiper-pagination span {padding: 0 0.5rem;}
#section2 .swiper .swiper-slide {overflow: hidden; margin-right: 20px;}
#section2 .swiper .swiper-slide img {width: 100%; position: relative;}



#section3 {padding: 5.5rem 0; background-color: #f3f0ec;}
#section3 .inner {display: grid; grid-template-columns: 1fr 1fr 1fr ; grid-gap: 1.25rem 1.25rem;}
#section3 .inner .clinic {height: 16rem; width: auto;}
#section3 .inner .clinic a {display: block; width: 100%; height: inherit; position: relative; overflow: hidden;}
#section3 .inner .clinic a *,#section3 .inner .clinic a *::before {-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; }
#section3 .inner .clinic .text {position: relative; top: 0; z-index:1; width: 100%; height: 100%; padding: 2.5rem 2.25rem; display: block;}
#section3 .inner .clinic .text * {font-family: auto;}
#section3 .inner .clinic .text::before {content: ""; position: absolute; z-index: -1; top:0; bottom: 0; left: 0; right: 0; background-color: rgba(189, 145, 77, 0.8); opacity: 0;}
#section3 .inner .clinic .text .arrow {width: 1rem; height: 2rem; display: inline-block; background: url(images/go_black.gif) right center no-repeat; position: absolute; bottom: 2rem; color: #fff;}
#section3 .inner .clinic.c5 .text .arrow {background-image: url(images/go_white.gif);}
#section3 .inner .clinic .text .arrow::before {content: "go"; display: none; line-height: 2rem; font-size: 0.8rem;}
#section3 .inner .clinic:hover .text * {color: #fff !important;}
#section3 .inner .clinic:hover .text .arrow {width: 80%;background-image: url(images/go_white.gif);}
#section3 .inner .clinic.c4:hover .text .arrow {width: 41%;}
#section3 .inner .clinic:hover .text .arrow::before {display: block;}
#section3 .inner .clinic:hover .text::before {opacity: 1;}

#section3 .inner .clinic img {position: absolute; top: 0;}
#section3 .inner .clinic:hover img {transform: scale(1.1);}



#section4 {background: url(images/main_dr_bg.jpg) bottom center no-repeat; padding-top: 5rem;}
#section4 .inner {display: flex; position: relative;}
#section4 .inner > div {flex: 1;}
#section4 .inner h1.big {font-size: 8rem; color: #fff; font-weight: 500; letter-spacing: 0; position: absolute; bottom: 5.2rem; z-index: 0; font-family: 'Playfair Display', sans-serif;}
#section4 .inner .img {text-align: center; position: relative; z-index: 1;}


#section5 {margin:7rem 0; display: flex; justify-content: flex-end;}
#section5 .title {width: 24rem; padding-right: 4rem;}
#section5 .swiper-pagination {display: inline-block; width: 100%; position: relative; background: 0; margin-top: 2.75rem;}
#section5 .swiper-pagination-bullet {width: 100%; padding: 1.3rem 1rem; display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px #dddcda solid; border-radius: 0; background-color: transparent !important; cursor: pointer; opacity: 1;}
#section5 .swiper-pagination-bullet > span {display: block; font-size: 0.9rem; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#section5 .swiper-pagination-bullet-active {background: url(images/go_black.gif) 95% center no-repeat;}
#section5 .swiper-pagination-bullet-active > span {font-size: 1.1rem; color: #bd914d; }
#section5 .swiper {width: calc(50% + 11rem); margin: 0; }
#section5 .swiper .swiper-slide {width: calc(100% - 22rem); height: 31rem; border-radius: 11rem;  -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#section5 .swiper .swiper-slide a {width:100%; height:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; text-align: center; }
#section5 .swiper .swiper-slide-active {width: 22rem !important; background-color: #f3f1ea;}
#section5 .swiper .swiper-slide-prev {opacity: 0;}

#section5 .swiper .swiper-slide h2 {font-family: auto; font-weight: 600;}
#section5 .swiper .swiper-slide img {margin-bottom: 1rem !important; margin-left:0; margin-right: 0; zoom: 82.5%; filter: grayscale(1);}
#section5 .swiper .swiper-slide-active img {margin-bottom: 0; zoom: 100%; filter: grayscale(0);}
#section5 .swiper .swiper-slide p,#section5 .swiper .swiper-slide h2 {display: none;}
#section5 .swiper .swiper-slide-active a * {display: block !important;}


#section6 {height:750px;background: url(images/main_around_bg.png) right 120% no-repeat; padding-bottom: 6rem;}
#section6 .inner {display: flex;}
#section6 .inner .swiper {width: 47rem; height: 600px; margin: 0;}
#section6 .inner .swiper .swiper-slide img {width: 100%;}
#section6 .swiper-pagination {position: relative !important; top: 0 !important; margin-left:-0.3rem; pointer-events: all !important;}
#section6 .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;}
#section6 .swiper-pagination-bullet-active {width: 3rem !important; background-color: #bd914d !important; opacity: 1 !important;}
#section6 .inner .title {display: inline-block; padding-left: 4rem;}


#section7 {background-color: #68645a; display: flex; justify-content: flex-end;}
#section7 .title {width: 24rem; display: flex; flex-direction: column; justify-content: center;}
#section7 .title p.color1 {}
#section7 .mapbox {width: calc(50% + 11rem); margin: 0;}
.root_daum_roughmap .wrap_controllers,.root_daum_roughmap .cont,.map_border {display: none;}