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

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


#visual {width: 100%; height: calc(100vh - 5rem);}
#visual .swiper {width: 100%; height: 100%;}
#visual .swiper-slide {width: 100%; height: 100%; background-position: center; background-size: cover;}
#visual .swiper-slide .inner {height: 100%; display: flex; color: #fff; flex-direction: column; justify-content: center;}
#visual .swiper-slide p.typeline {opacity: 0.5;}
#visual .visual1 {background-image: url(images/visual1.jpg);}
#visual .visual2 {background-image: url(images/visual2.jpg);}

.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: 0.5rem !important;}
.swiper-button-prev {left: 0.5rem !important;}
.swiper-button-next:hover,.swiper-button-prev:hover {opacity: 1;}



#txtbar {width:100%; height: 3.5rem;  display: inline-block; background:  linear-gradient(170deg, #2199c9 10%, #093b7a 100%);}
#txtbar * {height: 100% !important;}
#txtbar .slider {width: 100%; text-align: center; color: #fff;}
#txtbar .slider h5 {line-height: 3.5rem; }



#section1 { margin: 6rem 0;}
#section1 .title {width: 100%; display: inline-block;}
#section1 .swiper {width: calc(100% + 1.5rem);}
#section1 .swiper .swiper-slide {width: 22.5rem; height: 30rem; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 2rem; position: relative; overflow: hidden; margin-right: 40px; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#section1 .swiper .swiper-slide.clinic1 {background-image: url(images/section1_clinic1.jpg);}
#section1 .swiper .swiper-slide.clinic1 > a {background: linear-gradient(215deg, transparent 50%, #adb7c2 90%);}
#section1 .swiper .swiper-slide.clinic2 {background-image: url(images/section1_clinic2.jpg);}
#section1 .swiper .swiper-slide.clinic2 > a {background: linear-gradient(215deg, transparent 50%, #b35a5c 90%);}
#section1 .swiper .swiper-slide.clinic3 {background-image: url(images/section1_clinic3.jpg);}
#section1 .swiper .swiper-slide.clinic3 > a {background: linear-gradient(215deg, transparent 50%, #b9bfc3 90%);}
#section1 .swiper .swiper-slide.clinic4 {background-image: url(images/section1_clinic4.jpg);}
#section1 .swiper .swiper-slide.clinic4 > a {background: linear-gradient(215deg, transparent 50%, #f7ab89 90%);}
#section1 .swiper .swiper-slide.clinic5 {background-image: url(images/section1_clinic5.jpg);}
#section1 .swiper .swiper-slide.clinic5 > a {background: linear-gradient(215deg, transparent 50%, #000 90%);}
#section1 .swiper .swiper-slide.clinic6 {background-image: url(images/section1_clinic6.jpg);}
#section1 .swiper .swiper-slide.clinic6 > a {background: linear-gradient(215deg, transparent 50%, #a17376 90%);}
#section1 .swiper .swiper-slide > a {display: block; width: 100%; height: 100%;}
#section1 .swiper .swiper-slide > a * {position: absolute; z-index: 1; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#section1 .swiper .swiper-slide .arrow {width: 0; height: 0; border-radius: 50%; font-size: 0; line-height: 3rem; background-color: #2199c9; color: #fff; text-align: center; bottom: 3rem; right: 1.5rem;}
#section1 .swiper .swiper-slide h2 {left: 1.5rem; bottom: 6.5rem;}
#section1 .swiper .swiper-slide p {left: 1.5rem; bottom: 3.2rem; }
#section1 .swiper .swiper-slide-active {}
#section1 .swiper .swiper-slide-active .arrow {width: 3rem !important; height: 3rem !important; font-size: 1rem;}
#section1 .swiper .swiper-slide-next {width: 19rem;}

#section1 .swiper-pagination {position: relative !important; width: auto !important; float: left; margin-top: 2rem;}
#section1 .swiper-pagination-bullet-active {background-color: #2199c9 !important; transform: scale(1.4);}
#section1 .swiper-pagination-bullet {width: 0.35rem; height: 0.35rem; margin: 0 0.5rem !important;}



#section2 {width: 100%; background: url(images/section2.jpg) center no-repeat; background-size: cover; padding: 15rem 0 5rem; }
#section2 .inner {}
#section2 a.link {background-color: #2199c9;}



#section3 {padding: 6rem 0;}
#section3 .speciality {width: 100%; border-top: 1px #90cce4 solid; margin-top: 3rem;}
#section3 .speciality > div {width: 100%; padding: 3rem; float: left; border-bottom: 1px #90cce4 solid; padding-top: 3rem; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; position: relative; background-color: #fff; background-size: cover; background-position: center;}
#section3 .speciality > div * {-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#section3 .speciality > div:hover * {color: #fff !important; text-align: center;}
#section3 .speciality .special1 {border-left: 0;}
#section3 .speciality .special1:hover {background-image: url(images/section3_part1.jpg) ;}
#section3 .speciality .special2:hover {background-image: url(images/section3_part2.jpg) ;}
#section3 .speciality .special3:hover {background-image: url(images/section3_part3.jpg) ;}
#section3 .speciality a.link {background-color: #303030; opacity: 0; margin: 1.5rem auto 0; display: block; width: 10rem; padding: 0.6rem 0.5rem; text-align: center;}
#section3 .speciality > div:hover a.link {opacity: 1; font-size: 1rem;}
#section3 .speciality span.icon {width: 3.5rem; height: 3.5rem; background-position: center; background-repeat: no-repeat; background-size: contain; float: right;}
#section3 .speciality > div:hover span.icon {display: none;}
#section3 .speciality .special1 span.icon {background-image: url(images/section3_icon1.png);}
#section3 .speciality .special2 span.icon {background-image: url(images/section3_icon2.png);}
#section3 .speciality .special3 span.icon {background-image: url(images/section3_icon3.png);}

#section3 .speciality .special2 {text-align: right;}
#section3 .speciality .special2 span.icon {float: left;}



#section4 {padding: 0 0 6rem; }
#section4 .bna {width: 100%; margin-top: 2.5rem;}
#section4 .bna > div {width: 100%; height: 11rem; float: left; }
#section4 .bna > div img {width: 100%;}
#section4 .bna > div a {display: block; width: 100%; height: 100%; position: relative;}
#section4 .bna > div a::after {content: ""; background: url(images/bna_join.png) center no-repeat rgba(22, 37, 47, 0.7); background-size: auto 4.35rem; width: 50%; height: 100%; position: absolute; right: 0; top: 0; }



#section5 {border-top: 1px #e0e0e0 solid;}
#section5 { display: flex; flex-direction: column; justify-content: space-between}
#section5 > div {padding: 3.5rem 1.5rem; flex: 1;}
#section5 .notice {;}
#section5 .qna {border-top: 1px #e0e0e0 solid;}
#section5 > div .title {float: left;}
#section5 > div .bd_more {font-size: 2rem; font-weight: 700; float: right;}
#section5 > div .output_box {width: 100%; display: inline-block; margin-top: 1.5rem; font-size: 1.1rem;}
#section5 > div .output_box .board_output_1_tr img {display: none !important;}





@media only screen and (max-width:640px) {

}