/* 메인 */
.link {background-color: #ff8a00; color: #fff; padding: 0 35px; border-radius: 100px; line-height: 2.5; display: inline-block;}
.link a {display: block; width: inherit;}
.link a::after {content: ""; width: 0; height: 1px; border: 0; background-color: #fff; float: right; margin-top: 25px; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.link:hover {background-color: #808080;}
.link:hover a::after {width: 30px; margin-left: 10px; }

.watermark {opacity: 0.1; color: #606060; font-size: 200px; text-transform: uppercase;}

#main {position: relative;}
#main .section { width:100%; position:relative; overflow: hidden;}


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

#main .section .vinner {display: flex; flex-direction: column; justify-content: center; width: 100%;}
#main .section .vinner .valign {}

#visual { background: url(images/main_visual1.jpg) center; height: 900px; color: #fff; }
#visual .inner, #visual .vinner {height: inherit;}

#section1 { margin-bottom: 120px; }

#section1 .inner {height: 1800px;}
#section1 .section1_left {width: 50%;  float: left; margin-top: 120px;}
#section1 .section1_right {width: 50%; height: 1600px; float: right; text-align: right; padding-top: 120px;}
#section1 .section1_right .scroll {margin-bottom: 180px; height: 350px;}
#section1 .section1_right .img1 {float: left;}

.section1_right_paging li { margin-bottom: 10px;}
.section1_right_paging .num {font-weight: bold; font-style: italic; margin-right: 30px;}
.section1_right_paging .num::before {content:""; width: 0; height: 1px; border: 0; background-color: #ff8a00; margin-right: 20px; float: left; position: relative; top: 25px; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.section1_right_paging .active .num::before {width: 45px;}
#section1 .clearfix {height: 0; width: 0;}
#section1 .watermark {position: absolute; bottom: -200px; z-index: -1; right: -20px;}
#section1 .link {margin-bottom: 120px;}





#section2 {width: auto !important; background: url(images/section2_bg.jpg) top center no-repeat; height: 900px; padding-top: 160px; display: flex; flex-direction: row; justify-content: flex-end;}
#section2 .section2_left {position: relative; width: 700px;}
#section2 .section2_right {width: 960px;padding: 20px 0;margin: 0; margin-top: 20px; }
#section2 .section2_right .swiper-slide {width: 340px !important; height: 500px; color: #fff; }
#section2 .section2_right .clinic1 {background-image: url(images/section2_clinic1.jpg);}
#section2 .section2_right .clinic2 {background-image: url(images/section2_clinic2.jpg);}
#section2 .section2_right .clinic3 {background-image: url(images/section2_clinic3.jpg);}
#section2 .section2_right .clinic4 {background-image: url(images/section2_clinic4.jpg);}
#section2 .section2_right .swiper-slide-active {top: -20px; }

#section2 .section2_right .swiper-slide a {width: inherit; height: inherit; padding: 60px 50px;  display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between;}
#section2 .section2_right .swiper-slide a > * {position: relative; width: 100%;}
#section2 .section2_right .swiper-slide h2 {font-size: 1.75rem; font-weight: 800;}
#section2 .section2_right .swiper-slide span {font-size: 0.9rem; display: inline-block; -webkit-transition:all 0.2s; transition:all 0.2s;}
#section2 .section2_right .swiper-slide span::before {content: ""; width: 0; height: 1px; border: 0; background-color: #fff; float: left; position: relative; top: 11px; opacity: 0.4; -webkit-transition:all 0.4s; transition:all 0.4s;}
#section2 .section2_right .swiper-slide span::after {content: ""; width: 85%; height: 1px; border: 0; background-color: #fff; float: right; position: relative; top: 11px; opacity: 0.4; -webkit-transition:all 0.4s; transition:all 0.4s;}
#section2 .section2_right .swiper-slide:hover span {text-align: right;}
#section2 .section2_right .swiper-slide:hover span::before {width: 85%;}
#section2 .section2_right .swiper-slide:hover span::after {width: 0;}




#section3 {background:url(images/section3_bg.jpg) top center no-repeat; padding: 160px 0; }
#section3 .inner {}
#section3 .swiper-slide {width:100%; display: flex; flex-direction: row; justify-content: flex-end;}
#section3 .swiper-slide .leftbox {width: 50%; position: relative;}
#section3 .swiper-slide > img {width: 50%; position: relative;}
#section3 .swiper-scrollbar {border-radius: 0; bottom: 80px; left: 0;}
#section3 .swiper-pagination {font-style: italic; left: -15%; bottom: 70px; font-weight: 700;}
#section3 .swiper-pagination span {padding: 0 0.1em;}


#section4 {padding: 160px 0;display:flex; flex-wrap: wrap; flex-direction: row; justify-content: center;}
#section4 > div {width: 700px; position: relative;}
#section4 .profile { height: 680px; border: 10px #ff8a00 solid; padding: 55px 70px;}
#section4 .profile .float_r {margin-top: -50px;}


#section5 {background-color: #505050; padding: 120px 0; }
#section5 .inner {width:100%; margin-top: 60px; display: flex; flex-direction: row; justify-content: center;}
#section5 .inner > div {width: 430px; height: 440px; background-color: #fff; margin-left: 58px; padding: 45px 30px;}
#section5 .inner .cs {margin-left: 0; background-color: #626262; color: #fff;}
#section5 .cs h1 {font-size: 3.5rem;}
#section5 .cs .timebox {width: 75%; margin: 20px auto 0;} 
#section5 .cs .timebox li {float: left;}
#section5 .cs .timebox li.day {width: 30%;}
#section5 .cs .timebox li.time {width: 70%;}
#section5 .inner .output_box {font-size: 1rem; line-height: 1.7;}
#section5 .inner .output_box img {display: none;}