@charset "utf-8"; 



/* main visual */
#main_visual{overflow:hidden; position:relative; z-index:1; height:calc(1000rem); 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{font-family: 'AliceDigitalLearning'; 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; -webkit-animation: imagescale 5s; -moz-animation: imagescale 5s; -o-webkit-animation: imagescale 5s;}
#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 .roll04{background-image:url(../img/main/visual04.jpg);}
#main_visual .roll{height:100%;}
#main_visual h2{line-height:1.2;  font-size:35rem; letter-spacing:-1px; font-weight: 600;}
#main_visual p{line-height:1.4; font-size:20rem;  color:#fff; font-weight: 100; letter-spacing:5px; margin:400rem 0 20rem 0;}
#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{margin-top:80rem;}
	#main_visual h2{font-size:18rem; padding:5rem 0;}
	#main_visual h2 b{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 h2{font-size:16rem; }
	#main_visual p{margin:120rem 0 0rem; font-size:11rem; letter-spacing:3rem;}
	#main_visual .btn_more{margin-top:25rem}
	
}


.link {z-index:100;  display: -webkit-box; display: -ms-flexbox;  display: flex;  -webkit-box-align: end;      -ms-flex-align: end; align-items: flex-end;  gap: 0 10px;  position: absolute;  bottom: 0;}

.link li {display: flex;   width: 500rem;  height: 88rem;  border-bottom: none;  -webkit-transition: all 0.4s;  transition: all 0.4s;}
.link li:nth-child(1) {background:rgba(0,129,233,0.9); }
.link li:nth-child(2) {background:rgba(28,40,75,0.9); }
.link li:nth-child(3) {background:rgba(25,183,119,0.9); }

.link a { text-align:left; font-size: 25rem; font-weight:600; padding: 25rem 20rem; color:#fff;  width: 100%;  height: 100%;}
.link a i {float:right; }
.link span {text-align:center; background:rgba(255,255,255,0.5);  width:100rem; margin:0 auto;  display: block;  font-size: 13px;   opacity: 0;  -webkit-transition: all 0.4s;  transition: all 0.4s;}
.link li:hover {  height: 120rem;}
.link li:hover span {text-align:center;  background:rgba(255,255,255,0.6); width:100rem;  color:#fff; border-radius:2rem; font-weight:800; margin: 15px auto 0;  opacity: 1;}

@media (max-width: 1023px) {

  .link {    width: calc(100% - 20px);  }
  .link li {    width: 100%;     }
  .link a {  font-size: 20rem;}
  .link a i img {width:20rem;}
}

@media (max-width: 640px) {

  .link li {    height: 50rem;  }
  .link a {    font-size: 15rem;    padding: 15rem 5rem;}
  .link span { background:none;   font-size: 0;  }
  .link li:hover {    height: 50rem;  }
  .link li:hover span {font-size:0;  background:none;   }
}
/*.overlay {  z-index: 10;  position: fixed;  width: 100%; height: 100%;  left: 0; top: 0;  background-color: rgba(0,0,0, 0.2);  overflow-x: hidden;}*/


#quickMenu{width:100%; height:auto; padding:80rem 0; }
#quickMenu .inBox{display:flex; justify-content:space-between; align-items:center;gap:80rem; height:auto; max-width:1570rem; margin:0 auto;}
#quickMenu .inBox .quickText{word-break: keep-all; text-align:left;color:#000;}
#quickMenu .inBox .quickText span{font-size:25rem; font-weight:600; letter-spacing:-0.05em; line-height:1;}
#quickMenu .inBox .quickText p{font-family: 'NanumSquareNeo'; font-size:25rem; color:#0081e9; font-weight:900; letter-spacing:-0.05em; line-height:36px; margin-top:10px;}
#quickMenu .inBox .quickMenu{display:grid;grid-template-columns: repeat(6, 1fr); overflow:hidden;}
#quickMenu .inBox .quickMenu a{width:200rem; box-sizing:border-box; text-align:center; border-left:1px solid #ddd;}
#quickMenu .inBox .quickMenu a:last-child {border-right:1px solid #ddd;}
#quickMenu .inBox .quickMenu a .icon{width:70rem; height:70rem; position:relative; overflow:hidden; margin:0 auto; text-align:center;}
#quickMenu .inBox .quickMenu a .icon img.base{display:block; position:absolute; top:0; left:0; opacity:1; transition:opacity 0.3s linear;}
#quickMenu .inBox .quickMenu a p{width:100%; height:auto; font-size:18rem; font-weight:500; letter-spacing:-0.05em; line-height:1; color:#000; margin-top:20px;}
#quickMenu .inBox .quickMenu a:hover{background:#fff;}
#quickMenu .inBox .quickMenu a:hover .icon img.base{}
#quickMenu .inBox .quickMenu a:hover p{color:#0081e9;}


@media (max-width:1023px) {
	#quickMenu{width:100%; height:auto; padding:60rem 0; }
	#quickMenu .inBox .quickText{text-align:center; }
	#quickMenu .inBox .quickText span{font-size:20rem; }
	#quickMenu .inBox{flex-direction:column;}
	#quickMenu .inBox .quickMenu{display:grid;grid-template-columns: repeat(6, 1fr);}
	#quickMenu .inBox .quickMenu a {margin-bottom:20rem; width:auto; padding:0 30rem;}
	#quickMenu .inBox .quickMenu a p{width:100%; height:auto; font-size:15rem; }
	#quickMenu .inBox .quickMenu a .icon{width:50rem; height:50rem;}
}

@media (max-width:600px) {
	#quickMenu{width:100%; height:auto; padding:60rem 0; }
	#quickMenu .inBox .quickText{text-align:center; }
	#quickMenu .inBox .quickText span{font-size:20rem; }
	#quickMenu .inBox{flex-direction:column;}
	#quickMenu .inBox .quickMenu{display:grid;grid-template-columns: repeat(3, 1fr);}
	#quickMenu .inBox .quickMenu a {margin-bottom:20rem; width:auto; padding:0 20rem;}
	#quickMenu .inBox .quickMenu a:nth-child(3) {border-right:1px solid #ddd; }
	#quickMenu .inBox .quickMenu a p{width:100%; height:auto; font-size:15rem; }
	#quickMenu .inBox .quickMenu a .icon{width:50rem; height:50rem;}
}


.mainDepartment{padding:50rem 0; text-align:center;}
.mainDepartment .inTitle{width:100%; height:auto; font-size:40rem; font-weight:800; letter-spacing:-0.025em; line-height:1; color:#000; margin-bottom:50rem;} 
.mainDepartment .departmentBox{width:100%; max-width:1540px; height:auto; padding-bottom:60px; position:relative; overflow:hidden; margin-left:auto; margin-right:auto; padding-top:5px;}
.mainDepartment .departmentBox .inBox{width:100%; height:auto; padding-bottom:10px; font-size:0; }
.mainDepartment .departmentBox .boxItem{display:inline-flex; align-items:center; width:385px; height:450px; position:relative; overflow:hidden;}
.mainDepartment .departmentBox .boxItem a{display:block; width:100%; height:100%; position:relative;}
.mainDepartment .departmentBox .boxItem img{display:block; width:100%; height:auto; position:absolute; z-index:1; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear;}
.mainDepartment .departmentBox .boxItem .textBox{word-break: keep-all; width:100%; height:auto; color:#fff; z-index:2; position:absolute; top:60px; left:0; text-align:center;}
.mainDepartment .departmentBox .boxItem .textBox strong{display:inline-block; font-size:26rem; font-weight:600; letter-spacing:-0.025em; line-height:1; margin-bottom:10rem;}
.mainDepartment .departmentBox .boxItem .textBox span{display:block; font-size:16rem; font-weight:400; letter-spacing:-0.025em; line-height:1;}
.mainDepartment .departmentBox .boxItem:hover img{-webkit-transform:translate(-50%,-50%) scale(1.2);-ms-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);}
.mainDepartment .departmentBox .departmentScroll{height:8px; border-radius:0; background:#dddcd9;}
.mainDepartment .departmentBox .departmentScroll .swiper-scrollbar-drag{height:100%; border-radius:0; background:#0081e9;}

@media (max-width:1023px) {
	.mainDepartment .departmentBox{width:calc(100% - 25px); padding-bottom:60px; padding-top:5px; margin-left:auto; margin-right:0;}
	.mainDepartment .departmentBox .inBox{padding-bottom:10px;}
	.mainDepartment .departmentBox .boxItem{width:350px; height:470px;}
	.mainDepartment .departmentBox .boxItem .textBox{bottom:60px;}
	.mainDepartment .departmentBox .departmentScroll{height:8px;}
}


@media (max-width:768px) {
	.mainDepartment {padding-top:17.57813vw; padding-bottom:17.57813vw;}
	.mainDepartment .inTitle{font-size:25rem; margin-bottom:30rem;} 
	.mainDepartment .departmentBox{width:calc(100% - 3.25521vw); padding-bottom:7.81250vw; padding-top:0.65104vw;}
	.mainDepartment .departmentBox .inBox{padding-bottom:1.30208vw;}
	.mainDepartment .departmentBox .boxItem{width:45.57292vw; height:61.19792vw;}
	.mainDepartment .departmentBox .boxItem .textBox{bottom:7.81250vw;}
	.mainDepartment .departmentBox .boxItem .textBox span{font-size:14rem;}
	.mainDepartment .departmentBox .boxItem .textBox strong{font-size:18rem; margin-top:1.69271vw;}
	.mainDepartment .departmentBox .departmentScroll{height:1.30208vw;}
}



.sec_doctor{padding:50rem 0; max-width:1600rem; margin:0 auto; display:flex;justify-content:center;align-items:center;gap:80rem;}
.sec_doctor .tt{ }
.sec_doctor .tt h3 {word-break: keep-all; font-size:40rem; font-weight:800; color:#212121; letter-spacing:-.5px;}
.sec_doctor .tt p {word-break: keep-all; font-size:18rem; font-weight:500; color:#7d7d7d; letter-spacing:-.5px; margin-top:20rem; }
.sec_doctor .con{width:72%;}
.sec_doctor .con .item{position:relative; margin: 0 10rem; cursor:pointer;}
.sec_doctor .con .item i {position:absolute; text-align:center; left:0%; transform:translateX(0%); top:0; background:#2b3656; color:#fff; width:50rem; height:50rem; line-height:50rem; font-size:12rem; font-weight:800; font-style:normal; }
.sec_doctor .con .item .txt{position:relative;z-index:1; text-align:center; background:#2b3656; color:#fff; }
.sec_doctor .con .item dl{padding:20rem;}
.sec_doctor .con .item dt{font-size:20rem;font-weight:700;}
.sec_doctor .con .item dd{line-height:160%; font-size:15rem;}

.sec_doctor .controls{display:flex;gap:20px;padding-top:30rem;}
.sec_doctor .controls button{border:0; display:block;width:46px;height:46px;background:url(../img/main/arr.png) no-repeat center center/contain;}
.sec_doctor .controls .arr_prev{transform:rotate(-180deg);}

@media (max-width: 1023px) {
    
    .sec_doctor{display:block;padding:70px 0;text-align:center;}
    .sec_doctor .tt{padding:0;}
    .sec_doctor .tt h3 {font-size:25rem;}
    .sec_doctor .tt p {font-size:15rem;}
    .sec_doctor .con{width:100%;padding-top:40px;}
    .sec_doctor .con .item{width:300px;justify-content:center;}
    .sec_doctor .con .item dl{padding:24px 20px;}
    .sec_doctor .con .item dt{font-size:1.1em;}
    .sec_doctor .con .item dd{font-size:0.88em;}
    
    .sec_doctor .controls{justify-content:center;gap:14px;padding-top:30px;}
    .sec_doctor .controls button{width:34px;height:34px;}
}



.mainBoard{background:#f2f9fe; padding:50rem 0;  height:auto; }
.mainBoard .w1600{ max-width:1570px; margin:0 auto; display:flex;flex-wrap:wrap;justify-content:center; gap:20rem;}
.mainBoard .boardItem{width:40%; }
.mainBoard .boardTitle{font-size:40rem; font-weight:800; color:#212121;  }
.mainBoard .boardTitle span {font-size:18rem; font-weight:500; color:#7d7d7d; display:block; }
.mainBoard .mainbanner{position:relative; width:20%; }
.banner1 {background:url(../img/main/banner_img01.jpg) center top no-repeat; }
.banner2 {background:url(../img/main/banner_img02.jpg) center top no-repeat; }
.mainBoard .mainbanner dl {position:absolute;  left:0%; transform:translateX(0%); bottom:40rem; color:#fff; padding:40rem; }
.mainBoard .mainbanner dl dt {font-size:25rem; font-weight:800; margin-bottom:15rem;}
.mainBoard .mainbanner dl dd {font-size:15rem; font-weight:300; }
.mainBoard .mainicon{width:15%; }
.mainBoard .mainicon dl dd {cursor:pointer; padding:40rem 0; text-align:center; margin-bottom:20rem;  height:179rem; background:#fff; }
.mainBoard .mainicon dl dd span {display:block; font-size:20rem; font-weight:800; color:#212121; }

@media (max-width: 1023px) {
    .mainBoard .boardItem{width:100%; padding:0 50rem; margin-bottom:20rem;}
	.mainBoard .boardTitle{font-size:30rem;}
	.mainBoard .mainbanner{width:30%; }
	.mainBoard .mainicon{width:25%; }
}

@media (max-width: 750px) {
    .mainBoard .boardItem{width:100%;  padding:0 10rem; }
	.mainBoard .boardTitle{font-size:25rem; text-align:center;}
	.mainBoard .boardTitle span {font-size:15rem;}
	.mainBoard .mainbanner{width:45%; height:350rem; }
	.mainBoard .mainbanner dl {text-align:center; left:50%; transform:translateX(-50%); padding:0;}
	.mainBoard .mainbanner dl dt {font-size:25rem;}
	.mainBoard .mainbanner dl dd {display:none;}
    .mainBoard .mainicon{width:100%; }
    .mainBoard .mainicon dl {display:grid;grid-template-columns: repeat(2, 1fr); gap:20rem;}
	.mainBoard .mainicon dl dd {height:auto; margin-bottom:0rem;}
	.mainBoard .mainicon dl dd img {width:50rem;}
	.mainBoard .mainicon dl dd span { font-size:18rem;}
}

@media (max-width: 550px) {
	.mainBoard .mainbanner{height:200rem; }
	.mainBoard .mainbanner dl dt {font-size:20rem;}
}

.subMapBox{width:100%; height:auto; }
.subMapBox .map{width:100%; height:600px; position:relative; }
.subMapBox .map .mapInfoBox{width:550rem; height:364rem; position:absolute; bottom:0; left:50%; margin-left:-700px; background:url(../img/main/map_box.jpg); text-align:left; color:#fff; padding:43px 40px 30px 40px; z-index:2;}
.contact_con {display:grid;grid-template-columns: repeat(2, 1fr); }
.subMapBox .map .map_link{position:absolute; bottom:0; right:50%; transform:translateX(-50%); margin-right:30rem; z-index:2;}
.subMapBox .map .map_link li {display:block;}
.contact_con {display:grid;grid-template-columns: repeat(2, 1fr); }
.contact_con .inText {display:flex;align-items:center;flex-direction:column;}
.subMapBox .map .mapInfoBox .boxTitle{font-size:30px; font-weight:700; letter-spacing:0; line-height:34px; margin-bottom:20px; padding-bottom:23px; position:relative; border-bottom:1px solid rgba(255,255,255,0.2); }
.subMapBox .map .mapInfoBox .boxTitle span {display:block; font-size:18rem; font-weight:500; margin-top:10rem; }
.subMapBox .map .mapInfoBox .inText{margin-top:15rem; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; font-size:16rem;  line-height:1.5; }
.subMapBox .map .mapInfoBox .inText dt{ font-weight:800; margin-bottom:10rem; font-size:20rem; }
.subMapBox .map .mapInfoBox .inText dd{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1; display:inline-block; font-weight:500; margin-bottom:5rem;}
.subMapBox .map .mapInfoBox .inText dd span {width:70rem; display:inline-block;}
.subMapBox .map .mapInfoBox .inText dd.call {font-family: 'NanumSquareNeo'; font-size:20rem; font-weight:900; color:#00d07d; }

.subMapBox .map .root_daum_roughmap{position:absolute; width:100%; height:100%; top:0; left:0;}
.subMapBox .map .root_daum_roughmap .wrap_map{height:100% !important;}
.subMapBox .map .root_daum_roughmap .wrap_controllers{display:none !important;}

@media (max-width:1200px) {
	.subMapBox .map .mapInfoBox{left:0; margin-left:0;}	
}


@media (max-width:1023px) {
	.subMapBox .map .mapInfoBox{width:500rem; height:auto;}
	.subMapBox .map .mapInfoBox .boxTitle{font-size:20rempx; line-height:38px;}
	.subMapBox .map .mapInfoBox .inText{font-size:15rem;}
	.subMapBox .map .map_link{ right:0%; transform:translateX(0%);margin-right:0rem; }
}


@media (max-width:768px) {
	.contact_con {display:grid;grid-template-columns: repeat(1, 1fr); }
	.subMapBox .map{height:650rem;}
	.subMapBox .map .mapInfoBox{width:100%; height:auto;}
	.subMapBox .map .mapInfoBox .inText dt{ font-size:16rem;}
	.subMapBox .map .mapInfoBox .inText dd span {width:60rem;}
	.subMapBox .map .mapInfoBox .inText dd.call {font-size:16rem; }
	.subMapBox .map .map_link li img {width:50rem;}
}

@media (max-width:500px) {
	.subMapBox .map{height:650rem;}
	.subMapBox .map .mapInfoBox{width:100%; height:auto;}
	.subMapBox .map .mapInfoBox .boxTitle{font-size:22rem;}
	.subMapBox .map .mapInfoBox .inText dt{ font-size:16rem;}
	.subMapBox .map .mapInfoBox .inText dd span {width:60rem;}
	.subMapBox .map .mapInfoBox .inText dd.call {font-size:18rem; }
}