@charset "utf-8"; 



/* main visual */
#main_visual{overflow:hidden; position:relative; z-index:1; height:calc(980rem);color:#fff; text-align:center;}
#main_visual .bx-wrapper{height:100%; margin-bottom:0; background:transparent; border:0; box-shadow:none;}
#main_visual .bx-viewport{height:100% !important;}
#main_visual .slider{height:100%;}
#main_visual .roll{}
#main_visual .roll_txt{ width:1400rem; margin:0 auto; text-align:center; }
#main_visual .roll_img{z-index:-1; position:absolute; left:0; top:0; width:100%;height:100%; background-size:cover; background-position:50%;  animation: imagescale 5s infinite; -webkit-animation: imagescale 5s infinite; -moz-animation: imagescale 5s infinite; -o-webkit-animation: imagescale 5s infinite;}
#main_visual .roll01{background-image:url(../img/main/visual01.jpg);}
#main_visual .roll02{background-image:url(../img/main/visual02.jpg);}
#main_visual .roll03{background-image:url(../img/main/visual03.jpg);}
#main_visual .roll{height:100%;}
#main_visual h2{line-height:1.3; font-size:45rem; color:#fff; margin-top:10rem;}
#main_visual p{line-height:1.4; margin-top:400rem; font-size:12rem; letter-spacing:5rem; color:#fff; text-transform:uppercase;}
#main_visual p span {color:#009ae2;}
#main_visual .btn_more{margin-top:50rem}
#main_visual .roll_txt2{display:inline-block; margin-right:80rem; text-align:left;}
#main_visual .bx-controls{ z-index:100; width:100%; text-align:center;}
#main_visual .bx-controls-direction{}
#main_visual .bx-pager{display:inline-block; vertical-align:middle;}
#main_visual .bx-pager > div{display:inline-block;}
#main_visual .bx-pager a{display:inline-block; width:12rem; height:12rem; margin:0 5rem; border:2px solid #fff; font-size:0; text-indent:-9000px; border-radius:50%;}
#main_visual .bx-pager a.active{background:#fff;}
#main_visual .bx-controls-auto{display:inline-block; vertical-align:middle;}
#main_visual .bx-controls-auto > div{display:inline-block;}
#main_visual .bx-controls-auto a{display:inline-block; width:20px; height:20px; margin:0 5px; background-position:center; font-size:0; color:#fff; text-indent:-9000px; background-repeat:no-repeat;}
#main_visual .bx-controls-auto a.bx-start{background-image:url(../img/btn_play.png);}
#main_visual .bx-controls-auto a.bx-stop{background-image:url(../img/btn_pause.png);}
#main_visual .bx-controls-auto a.active{display:none;}

/* 이전다음버튼일때 */
#main_visual .bx-default-pager{display:none; position: absolute; left:0; width: 100%;bottom:30rem;z-index: 60;}
#main_visual .bx-controls-direction{position: absolute; left:0; width: 100%;top:48%;z-index: 60;}
#main_visual .bx-controls-direction a.bx-prev:After{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#main_visual .bx-controls-direction a:hover{}
#main_visual .bx-controls-direction a{display:block; position:absolute; overflow:hidden; width:28rem; height:46rem; text-indent:-9999px; transition:all 0.2s ease-out 0s;}
#main_visual .bx-controls-direction a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/layout/icon_btn_arrow.svg) no-repeat 50% 50%;}
#main_visual .bx-controls-direction a.bx-next{right:100rem;}
#main_visual .bx-controls-direction a.bx-prev{left:100rem;}

@keyframes imagescale {
  0% {
    transform: scale(1.2)  rotate(.001deg);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
  }

  100% {
    transform: scale(1)  rotate(.001deg);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}



@media (max-width:1700px){
	.main-facilities__inner{width:100%; padding-left:30rem;}
	
	#main_visual .bx-controls-direction a.bx-prev{left:20rem;}
	#main_visual .bx-controls-direction a.bx-next{right:20rem;}
}

@media (max-width:1480px){
	#main_visual .roll_txt{width:80%;}
}

@media (max-width:1023px) {
	#main_visual h2{font-size:20rem}

}


@media (max-width:860px){
	#main_visual .bx-default-pager{display:block;}
	#main_visual .bx-controls-direction{display:none;}

}

@media (max-width:540px) {
	#main_visual{height:300rem}
	#main_visual .roll{padding-top:0}
	#main_visual p{margin:120rem 0 10rem;}
	#main_visual .btn_more{margin-top:25rem}
	
}


.main_about {background:#f2f2f2 url("../img/sub/sub_doctor.jpg") center top no-repeat; padding:80rem 55rem; }
.main_about .left {width: 60%;}
.main_about h4 {color:#000; font-size:12rem; font-weight:600; line-height:1.3; letter-spacing:5px;}
.main_about h3 {color:#000; font-size:45rem; margin-top:10rem; font-weight:300;}
.main_about h3 b {font-weight:800;}
.main_about .profile {box-sizing: border-box; padding: 50rem 0px; box-sizing: border-box; }
.main_about .profile p { width: 100%; font-size: 18rem; font-weight:200; line-height: 1.2; color: #000; margin-left:10rem; padding-left: 0.5em; box-sizing: border-box; position: relative; padding: 6px 0; box-sizing: border-box;}
.main_about .profile p:before {content: ""; position:absolute; width:3rem; height:3rem; background:#000; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10rem;}
.main_about .profile p.last {margin-bottom:20rem;}


@media (max-width: 900px) {
  .main_about {background:none; padding:100rem 10rem 0; background-size:100%;}
  .main_about h3 {font-size:30rem;}
  .main_about .left {width: 100%;}
  .main_about .profile {padding: 20rem 0px;}
  .main_about .profile p {font-size: 15rem;}
  .main_about .profile p:before {margin-top:8rem;}
}




.sec01{padding:0rem 0 100rem;}
.sec01 .sec01_desc{padding-bottom: 80px;}
.sec01 .sec01_desc span {font-size:12rem; font-weight:500; display:block; letter-spacing:5px;}
.sec01 .sec01_desc .sec_tit{color: #000000; font-size: 45rem; font-weight: 300; letter-spacing: -0.04em; padding-bottom: 15px; }
.sec01 .sec01_desc .sec_tit b{font-weight: 800; }
.sec01 .sec01_lst_wrap{display: flex; justify-content:flex-end}
.sec01 .sec01_lst_wrap .sec_lst{position: relative; margin-right:70px}
.sec01 .sec01_lst_wrap .sec_lst a{display: block;position: relative;top: 0;transition: .3s;}
.sec01 .sec01_lst_wrap .sec_lst a:hover {top:-30px;}
.sec01 .sec01_lst_wrap .sec_lst .lst_desc{position: relative; left: 30px; bottom: -20px;}
.sec01 .sec01_lst_wrap .sec_lst .lst_desc p{color: #000;}
.sec01 .sec01_lst_wrap .sec_lst .lst_desc .lst_tit{font-size: 28px; letter-spacing: -0.04em; font-weight: bold; padding-bottom: 15px;}
.sec01 .sec01_lst_wrap .sec_lst .lst_desc .lst_more{color: #ef9936; font-size: 15px; font-family: 'Montserrat'; font-weight: 500;}
.sec01 .sec01_lst_wrap .sec_lst02{transform:translate(0,0px);}
.sec01 .sec01_lst_wrap .sec_lst03{transform:translate(0); margin-right:0px !important;}
.sec01 .sec01_lst_wrap .sec_lst a img {width:100%;}

@media screen and (max-width: 1640px){

.sec01 .sec01_lst_wrap {padding-left:15%;}
.sec01 .sec01_lst_wrap .sec_lst{margin-right:50px}
.sec01 .sec01_lst_wrap .sec_lst .lst_desc .lst_tit{font-size: 24px;}
}

@media screen and (max-width: 1024px){

.sec01 .sec01_desc{padding-bottom: 50px;}
.sec01 .sec01_lst_wrap .sec_lst{margin-right:20px}
.sec01 .sec01_lst_wrap .sec_lst .lst_desc .lst_tit{font-size: 20px;}
.sec01 .sec01_lst_wrap .sec_lst02{transform:translate(0,-30px);}
}

@media screen and (max-width: 640px){
.sec01 .sec01_lst_wrap {padding-left:0%;}
.sec01 .sec01_desc .sec_tit{font-size: 30rem;}
.sec01 .sec01_lst_wrap .sec_lst .lst_desc {position:initial;padding:10px 0;}
}


@media screen and (max-width:400px){
.sec01 .sec01_lst_wrap .sec_lst .lst_desc .lst_tit {font-size:18px;padding-bottom:0px;}
.sec01 .sec01_desc{padding-bottom:30px;}
.sec01 .sec01_lst_wrap{display:block;}
.sec01 .sec01_lst_wrap .sec_lst{margin:20px 0 0;}
.sec01 .sec01_lst_wrap .sec_lst02{transform:translate(0);}
}



.main__best {margin-bottom:200rem; cursor:pointer;}

.main__best .best__slide { width: 100%;  position: relative;}

.main__best .best__slide .slide__bg {  position: relative;  height: 538rem;  overflow: hidden;}

.main__best .best__slide .slide__bg img {  position: absolute;  top: 0;  left: 0;  z-index: 1;  -webkit-transform: scale(1.15);  transform: scale(1.15);  -webkit-transition: opacity ease .7s, -webkit-transform ease 5s;  transition: opacity ease .7s, -webkit-transform ease 5s;  transition: opacity ease .7s, transform ease 5s;  transition: opacity ease .7s, transform ease 5s, -webkit-transform ease 5s;}
.main__best .best__slide .slide__bg img.on {  z-index: 2;  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);}
.main__best .best__slide .slide__txt {  position: absolute;  right: 100rem;  bottom: -110rem;  padding: 80rem 100rem;  background-color: #0050a9;   width: 650rem;  z-index: 3;  -webkit-transform: translateX(100px);  transform: translateX(100px);}
.main__best .best__slide .slide__txt.on {  opacity: 1;  -webkit-transition: all ease 2s;  transition: all ease 2s;  -webkit-transform: translateX(0);  transform: translateX(0);}


.main__best .best__slide .slide__txt .items p { font-size: 12rem;  color: #fff;  line-height: 1rem; letter-spacing:5rem;}
.main__best .best__slide .slide__txt .items h3 {  color: #fff;  line-height: 1.4em;  font-size: 45rem; font-weight:300; padding:20rem 0;}
.main__best .best__slide .slide__txt .items h3 b {font-weight:800;}
.main__best .best__slide .slide__txt .items span {  color: #fff;  line-height: 1.4em;  font-size: 20rem; font-weight:300; margin-top: 15rem; }

@media all and (max-width:1700px) {
  .main__best .best__slide { width: 100%;  position: relative;}
}

@media all and (max-width:900px) {
  .main__best .best__slide .slide__bg {    width: 100%;   height:100rem;}
  .main__best .best__slide .slide__bg img {    width: 100%;  }
  .main__best .best__slide .slide__txt {    position: initial;    width: 100%;    opacity: 1 !important;    transform: translateX(0) !important;    padding: 50rem 60rem;  }
}

@media all and (max-width:840px) {
  .main__best {margin-bottom:100rem;}
  .main__best .best__slide .slide__txt {    padding: 40rem 60rem  }
  .main__best .best__slide .slide__txt .items p { font-size: 11rem; letter-spacing:3rem;}
  .main__best .best__slide .slide__txt .items h3 {  font-size: 25rem; }
  .main__best .best__slide .slide__txt .items span { font-size: 14rem; }


  }



.inner_box{position:relative;width:1500rem;margin:auto;box-sizing:border-box}

@media screen and (max-width: 1500px) {
	.inner_box {width:100%}
}

.s_tit{position:absolute;left:40px;top:0; font-size:20rem;font-weight:800;line-height:1.5;color:#fff}
.s_tit::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:-120rem;width:1rem;height:100rem;background-color:#fff}

.main_teim3{position:relative;padding:100rem 0 140rem;background-color:#efefef}
.main_teim3 .s_tit{color:#000; font-weight:800; font-size:20rem;}
.main_teim3 .s_tit::before{background-color:#000; }
.main_teim3 h2{padding-left:156rem;padding-bottom:50px;font-size:45rem;font-weight:300;line-height:1.15; color:#000}
.main_teim3 h2 span{display:block;font-weight:800;}
.main_teim3 p{position:absolute;top:0;left:50%;transform:translateX(-5%);font-size:20rem;line-height:1.92; font-weight:800;color:#000}
.main_teim3 p strong{display:block;font-size:28px;line-height:1.5;letter-spacing:-0.28px}
.place_swiper{width:1200rem;height:900rem;margin:auto}
.place_swiper .swiper-slide{background-size:cover;background-repeat:no-repeat;background-position:center}
.main_teim3 .swiper_nav{position:absolute;left:0;right:0;top:50%;margin:auto;transform:translateY(-50%);margin-top:100rem;display:flex;justify-content:space-between;width:100%;padding:0 38rem;box-sizing:border-box}
.main_teim3 .swiper-button-prev,.main_teim3 .swiper-button-next{position:static;width:90rem;height:90rem;opacity:1 !important}
.main_teim3 .swiper-button-prev{background:url("../img/main/prev.svg") center no-repeat}
.main_teim3 .swiper-button-next{background:url("../img/main/next.svg") center no-repeat}

@media screen and (max-width: 1520px) {
	.main_teim3 h2{padding-left:100px;font-size:44px}
	.main_teim3 p{font-size:22px}
	.place_swiper{width:920px}
}

@media screen and (max-width: 1210px) {
	.main_teim3 .s_tit {display:none;}
	.main_teim3 p{left:auto;right:40px;transform:translateX(0);text-align:right}
	.place_swiper{width:760px;height:442px}
	.main_teim3 .swiper_nav{margin-top:100px;padding:0 28px}
	.main_teim3 .swiper-button-prev,.main_teim3 .swiper-button-next{width:0px;height:0px;background-size:cover; display:none;}
}


@media screen and (max-width: 950px) {
	.main_teim3{padding-top:0;padding-bottom:58px}
	.main_teim3>.inner_box{padding-top:80px;text-align:center}
	.main_teim3 h2{padding-left:0;font-size:28px}
	.main_teim3 h2 span{padding-top:5px;font-size:28px;letter-spacing:-1.08px}
	.main_teim3 p{padding-bottom:20px;padding-left:0;text-align:center;font-size:13px}
	.main_teim3 p strong{font-size:14px}
	.place_swiper{width:90%;height:56vw}
	.main_teim3 .swiper-button-prev,.main_teim3 .swiper-button-next{width:20rem;height:20rem; display:none;}
	.main_teim3 .swiper_nav{margin-top:130px}
	.main_teim3 .swiper-button-next{transform:translateX(15px)}
	.main_teim3 .swiper-button-prev{transform:translateX(-15px)}
	.main_teim3::before{font-size:90px;right:-54px;bottom:-11px}

}


.location_con {padding-bottom:100rem}
.location_con .sub_wrap {margin: 0 auto; position: relative; padding-bottom: 0;}
.location_con .map .root_daum_roughmap {width:100%; height:288rem;}
.location_con .map_info {width:1200rem; margin:0 auto; display:flex; justify-content:space-between;}
.location_con .map_info .info_box_wrap{width: calc(100% - 180px); display: flex; justify-content: center;}
.location_con .map_info .info_box_wrap .info_box {position:relative; display:flex; justify-content:center; align-items:center; padding:0 30rem;}
.location_con .map_info .img {margin-top:-70px;}
.location_con .map_info i {margin:0 15rem; width:50rem; height:50rem; border-radius:25px; line-height:50rem; background:#f7f7f7; color:#000; text-align:center; font-size:25rem; flex-shrink:0;}
.location_con .map_info p {font-size:20rem; font-weight:600; word-break:keep-all;}
.location_con .map_info .img img{position: relative; z-index: 999;}

@media screen and (max-width:1200px){
	.location_con .sub_wrap{width: 100%; padding-left: 20px; padding-right: 20px;}
	.location_con .map_info {width:100%; }
	.location_con .map_info .img{text-align:center;}
	.location_con .map_info .img img{width: 100%; }
	.location_con .map_info .info_box_wrap{flex-wrap:wrap;}
	.location_con .map_info .info_box_wrap .info_box{width: calc(100% / 2 - 10px);}
	.location_con .map_info p{width: 100%;}
	.location_con .map_info .info_box + .info_box::after{content: none;}
}

@media screen and (max-width:768px){
	.location_con .map_info .info_box_wrap .info_box{width: 100%; height: 80rem; padding:0;}
}



@media screen and (max-width:480px){

	.location_con .map_info{flex-direction:column; margin-bottom: 0;}
	.location_con .map_info .info_box_wrap{width: 100%; margin-top: 30px; align-items: flex-start;}
	.location_con .map_info .img{margin-top: -70px;}
	.location_con .map_info .img img{width: 185px;}
	.location_con .map_info .info_box_wrap .info_box{justify-content: flex-start;}
	.location_con .map_info i{margin-left: 0;}

}

@media screen and (max-width:360px)	{

	.location_con .map_info p{font-size: 13px;}
	.location_con .map_info .img img{width: 147px;}

	.location_con .map iframe{height: 315px;}
}
