@charset "utf-8"; 



/* main visual */
#main_visual{margin-top:165rem;  overflow:hidden; position:relative; z-index:1; height:calc(925rem); 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; -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{word-break: keep-all; line-height:1.3; font-weight:800; font-size:35rem; padding:15rem 0;}
#main_visual p{line-height:1.4; margin:200rem 0 0 0; font-size:20rem; font-weight:100; letter-spacing:5rem; color:#fff;  }
#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:860px){
	#main_visual{margin-top:80rem; }
	#main_visual .bx-default-pager{display:block;}
	#main_visual .bx-controls-direction{display:none;}

}

@media (max-width:540px) {
	#main_visual{height:600rem}
	#main_visual .roll{padding-top:0}
	#main_visual p{margin:90rem 0 0rem; font-size:12rem}
	#main_visual h2 { font-size:18rem}
	#main_visual span { font-size:14rem}
	#main_visual .btn_more{margin-top:25rem}
	
}


/*.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;}*/

@font-face {
    font-family: 'neurimboGothicRegular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/neurimboGothicRegular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

#mainvideo {position: relative; width: 100%; height: auto; margin-top:100rem;}
/*#mainvideo:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 8rem;
  left: 0;
  background-color: rgba(0,0,0, 0.2);  
  opacity: 0.6;
  z-index:1;
}
*/
@media (max-width:1023px) {
	#mainvideo {margin-top:80rem;}
}


.video_con {position:absolute; left:50%; transform:translateX(-50%); top:0; z-index:10;}
.video_con .video_txt { width:1400rem; margin:0 auto; text-align:left; color:#fff; padding-top:0rem;}
.video_con .video_txt h2{ line-height:1.3; font-weight:600; font-size:40rem; margin-top:20rem; padding:15rem 0;}
.video_con .video_txt h2 span {display:block; font-weight:200; font-size:26.5rem;}
.video_con .video_txt p{line-height:1.3; margin:320rem 0 0 0; font-weight:600; letter-spacing:-.5px; font-size:35rem; color:#fff; }

@media (max-width:1400px) {
	.video_con .video_txt { width:100%;}
	.video_con {position:absolute; left:10%; transform:translateX(-10%); top:0; z-index:10;}
	.video_con .video_txt h2 img {width:350rem;}
}

@media (max-width:1023px) {
	.video_con .video_txt { padding-top:0rem;}
	.video_con .video_txt p{margin:160rem 0 0 0; font-size:23rem;}
	.video_con .video_txt h2{font-size:35rem; margin-top:0rem;}
	.video_con .video_txt h2 img {width:250rem;}
	.video_con .video_txt h2 span {font-size:18.5rem;}
}

@media (max-width:800px) {
	.video_con .video_txt p{margin:120rem 0 0 0; }
}

@media (max-width:540px) {
	.video_con {position:absolute; left:10%; transform:translateX(-10%); top:0; z-index:10;}
	.video_con .video_txt p{margin:70rem 0 0 0; font-size:10rem;}
	.video_con .video_txt h2{font-size:25rem; padding:0rem 0; margin-top:0rem;}
	.video_con .video_txt h2 span {font-size:10rem;}
	.video_con .video_txt h2 img {width:130rem;}
}



.main_con {
  opacity: 0;            
  transform: translateY(30px);
  transition: opacity 0.7s ease, transform 0.7s ease; 
}
.main_con.on {
  opacity: 1;           
  transform: translateY(0);
}
.main_con{}
.main_con *{font-size:20px;font-weight:300;letter-spacing:-0.03em;color:#222;word-break:keep-all;box-sizing:border-box;}
.main_con .wrap{max-width:73%;margin:0 auto;}
.main_con .tt{transform: rotate(-0.03deg); padding-bottom:50px;}
.main_con .tt em{transform: rotate(-0.03deg);display:block;padding-bottom:40px;font-size:18rem;letter-spacing:0em;color:#2b70a6; font-family: 'MaruBuri'; font-style:normal;}
.main_con .tt h3{font-weight:600;  font-size:35rem; letter-spacing:-.5px; color:#000; line-height:140%;overflow:hidden;}
.main_con .tt h3 span{display:block;font-size:inherit;font-family:inherit;letter-spacing:inherit;line-height:inherit;font-weight:inherit;color:inherit;transition-duration:1.5s;transition-property:transform;transform:translateY(100%);transition-delay:.1s;text-transform:uppercase;}
.main_con .tt h3 span b{font-size:inherit;font-weight:800;font-family:inherit;line-height:100%;color:var(--lightblue) !important;}
.main_con .tt h3.on span{transform:translateY(0);}
.main_con .tt h3 span u { text-decoration:none; font-size:18rem; color:#8f8f8f; font-weight:400; letter-spacing:0; font-style:normal; display:block;}
.main_con .tt h3 span i {font-size:50rem; color:#2b70a6;  font-style:normal; display:block;}
.main_con .tt h4{font-size:2em;font-weight:300;line-height:130%;}
.main_con .tt h4 b{font-size:inherit;font-weight:600;}
.main_con .tt p{padding-top:30px;font-weight:300;line-height:160%;}
.main_con p{line-height:150%;}

.main_con .taC{text-align:center;}
.main_con .wht *{color:#fff !important;}
.main_con .monly{display:none;}
.main_con b{font-weight:700;}

.main_con .anipic{position:relative;}
.main_con .anipic img{opacity:0; -webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); -webkit-transition:clip-path 1.1s cubic-bezier(.19, 1, .22, 1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); transition:clip-path 1.1s cubic-bezier(.19, 1,.22,1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); transition-duration:2s;transition-delay:0.5s;}
.main_con .anipic.on img{opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);}

:root {
  --woori:#35bbc9;
}

@media all and (max-width: 1600px) {
    
    .main_con .wrap{max-width:90%;}
}
@media all and (max-width: 1024px) {
    
    .main_con{padding:70px 20px;}
    .main_con *{font-size:15px;}
    .main_con .wrap{max-width:100%;}
    .main_con .tt{padding-bottom:34px;}
    .main_con .tt em{padding-bottom:16px;font-size:13rem;}
    .main_con .tt h3{font-size:20rem;}
    .main_con .tt h3 span {font-size:20rem;}
    .main_con .tt h3 span u {font-size:13rem;}
    .main_con .tt h3 span i {font-size:26rem;}
    .main_con .tt p{padding-top:20px;font-size:0.9em;}
    .main_con .tt p b{font-size:inherit;}
    
    .main_con .monly{display:block !important;}
    .main_con br.m{display:block !important;}
}
@media all and (max-width: 375px) {
    
    .main_con *{font-size:14px;}
}
@keyframes fade_right{
  0%{transform:translateX(-50px);opacity:0;}
  100%{transform:translateX(0);opacity:1;}
}
@keyframes fade_left{
  0%{transform:translateX(50px);opacity:0;}
  100%{transform:translateX(0);opacity:1;}
}
@keyframes fade_top{
  0%{transform:translateY(50px);}
  100%{transform:translateY(0);opacity:1;}
}
@keyframes fade_bottom{
  0%{transform:translateY(-50px);}
  100%{transform:translateY(0);opacity:1;}
}



.section03{position: relative; background-color: #f8f8f8; padding:100rem 0; overflow:hidden; height:700rem; }
.section03::before{content: ''; position: absolute; top: 0; right: 0; width: 40.5%; height: 100%; background: url('../img/main/clinic_bg.jpg')no-repeat center/cover; z-index: 0;}
.section03 .left_area{max-width: 500px; }
.section03 .left_area .tit_area h6{font-size:22rem; margin: 0 0 20px; color:#000;}
.section03 .left_area .tit_area h2{font-size:45rem; font-weight:800; margin: 5px 0 0; color:#000; line-height:1.3; letter-spacing:-1px; }
.section03 .left_area .tit_area h2 span {color:#002a83;}
.section03 .left_area .tit_area p{word-break: keep-all; margin: 20px 0 0; font-size:18rem; font-weight:500; color:#000;}
.section03 .left_area .btn_box{display: flex; gap: 10px; margin: 120px 0 0;}
.section03 .left_area .btn_box .btn{padding: 10px 12.5px; width: 35px; height: 35px; border: 1px solid var(--main-color); border-radius: 10px; color: var(--main-color); cursor: pointer;}

.section03 .right_area{position: absolute; right: 0; top: calc(50% + (var(--header-height) / 2)); transform: translateY(-50%); width: 50.5%; z-index: 1;}
.section03 .right_area .swiper-container{width: 1260px;}
.section03 .right_area .cont_box{display: flex; flex-direction: column; margin-top: auto; padding: 60px 20px 20px 30px; min-height: 400px; transition: all 0.3s ease;}
.section03 .right_area .clinic1{background:url(../img/main/clinic_img01.jpg) center top no-repeat;}
.section03 .right_area .clinic2{background:url(../img/main/clinic_img02.jpg) center top no-repeat;}
.section03 .right_area .clinic3{background:url(../img/main/clinic_img03.jpg) center top no-repeat;}
.section03 .right_area .clinic4{background:url(../img/main/clinic_img04.jpg) center top no-repeat;}
.section03 .right_area .clinic5{background:url(../img/main/clinic_img05.jpg) center top no-repeat;}
.section03 .right_area .cont_box figure{width: 60px; color: var(--main-color); transition: all 0.3s ease;}
.section03 .right_area .cont_box figcaption{margin: 26px 0;}
.section03 .right_area .cont_box figcaption h3{font-weight: 600; font-size:30rem; color: #000; transition: all 0.3s ease;}
.section03 .right_area .cont_box figcaption p{word-break: keep-all; display:none; margin: 26px 0 0; font-size: 17rem; font-weight: 400; color: #000; transition: all 0.3s ease;}
.section03 .right_area .cont_box .view_icon{margin: auto 0 0 auto; transform: scale(0); transform-origin: left bottom;}

.section03 .right_area .cont_box.active{min-height: 484px; }
.section03 .right_area .cont_box.active figcaption h3{font-size:35rem;}
.section03 .right_area .cont_box.active figcaption p {display:block;}
.section03 .right_area .cont_box.active .view_icon{transform: scale(1);}
.section03 .right_area .cont_box:hover .view_icon .icon_plus{transform:  rotate(180deg);}

@media all and (max-width:1023px){
    .section03{height:auto; }
    .section03::before{top: auto; bottom: 0; width: 100%; height: 30%; background-position: center bottom;}
    .section03 .left_area{display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; max-width: 100%;}
    .section03 .left_area .tit_area h6{margin: 0 0 30px;}
    .section03 .left_area .tit_area p{margin: 30px 0 0;}
    .section03 .left_area .btn_box{margin: 0;}

    .section03 .right_area{position: relative; top: 0; left: -20px; transform: none; margin: 50px 0 0; width: calc(100% + 40px);}
    .section03 .right_area .swiper-container{padding: 0 20px; width: 100%;}
    .section03 .right_area .cont_box{padding: 40px 30px; min-height: 360px;}

    .section03 .right_area .cont_box.active{min-height: 360px;}
}
@media all and (max-width:768px){
    .section03::before{top: auto; bottom: 0; width: 100%; height: 30%; background-position: center bottom;}
    .section03 .left_area{gap: 20px;}
    .section03 .left_area .tit_area h6{font-size:17rem; margin: 0 0 clamp(16px, 4vw, 30px);}
	.section03 .left_area .tit_area h2{font-size:20rem; }
    .section03 .left_area .tit_area p{font-size:14rem; margin: clamp(16px, 4vw, 30px) 0 0;}
    .section03 .left_area .btn_box{gap: clamp(6px, 1.5vw, 10px);}
    .section03 .left_area .btn_box .btn{width: clamp(30px, 5vw, 35px); height: clamp(30px, 5vw, 35px); padding: 8px 10px; border-radius: clamp(6px, 1.5vw, 10px);}

    .section03 .right_area{margin: clamp(32px, 7vw, 50px) 0 0;}
    .section03 .right_area .cont_box{padding: clamp(24px, 5vw, 40px); min-height: clamp(350px, 48vw, 360px); }
    .section03 .right_area .cont_box figure{width: clamp(40px, 8vw, 60px);}
    .section03 .right_area .cont_box figcaption{margin: clamp(16px, 4vw, 30px) 0;}
	.section03 .right_area .cont_box figcaption h3{font-size:20rem;} 
    .section03 .right_area .cont_box figcaption p{margin: clamp(16px, 4vw, 30px) 0 0;}

    .section03 .right_area .cont_box.active{min-height: clamp(350px, 48vw, 360px);}
	.section03 .right_area .cont_box.active figcaption h3{font-size:25rem;}
	.section03 .right_area .cont_box.active figcaption p{font-size:15rem;}
}


.sectionTitle{font-size:45px; font-weight:800; color:#000; letter-spacing:-0.025em; line-height:1.25; text-align:left;}
.sectionTitle span {color:#002a83; }

.mainSpeciality{width:calc(100% - 100px); max-width:1620px; height:auto; margin:180px auto 0 auto;}
.mainSpeciality .specialityList{display:flex; justify-content:space-between; width:100%; height:auto; margin-top:80px;}
.mainSpeciality .specialityList .listItem{display:inline-flex; width:14.814%; height:560px; border-radius:15px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; padding:80px 20px; text-align:left; color:#fff; transition:all 0.3s linear;}
.mainSpeciality .specialityList .listItem:nth-child(1){background-image:url("../img/main/about_img01.jpg");}
.mainSpeciality .specialityList .listItem:nth-child(2){background-image:url("../img/main/about_img02.jpg");}
.mainSpeciality .specialityList .listItem:nth-child(3){background-image:url("../img/main/about_img03.jpg");}
.mainSpeciality .specialityList .listItem:nth-child(4){background-image:url("../img/main/about_img04.jpg");}
.mainSpeciality .specialityList .listItem:nth-child(5){background-image:url("../img/main/about_img05.jpg");}
.mainSpeciality .specialityList .listItem .textBox{width:100%; height:auto;}
.mainSpeciality .specialityList .listItem .textBox dt{font-size:28px; font-weight:700; letter-spacing:-0.025em; line-height:1.285;}
.mainSpeciality .specialityList .listItem .textBox dd{font-size:18px; font-weight:400; letter-spacing:-0.025em; line-height:1.333; margin-top:25px; opacity:0; transition:all 0.3s linear;}
.mainSpeciality .specialityList .listItem.on{width:38.209%; padding:80px 40px 80px 60px;}
.mainSpeciality .specialityList .listItem.on .textBox dd{opacity:1;}


@media (max-width:1550px) {
	.mainSpeciality .specialityList .listItem.on{padding:80px 30px;}
	.mainSpeciality .specialityList .listItem .textBox dd{white-space:unset;}
	.mainSpeciality .specialityList .listItem .textBox dd br.pcOnly{display:none;}
}

@media (max-width:1400px) {
	.mainSpeciality .specialityList .listItem{width:16%; padding:80px 15px;}
	.mainSpeciality .specialityList .listItem.on{width:33%;}
	
}



@media (max-width:1180px) {
	
	.mainSpeciality .specialityList{flex-wrap:wrap; justify-content:center; width:100%; height:auto; margin-top:80px;}
	.mainSpeciality .specialityList .listItem{width:100%; height:380px; border-radius:15px; background-size:cover; padding:75px 35px; transition:unset;}
	.mainSpeciality .specialityList .listItem + .listItem{margin-top:40px;}
	.mainSpeciality .specialityList .listItem.on{width:100%; padding:75px 35px;}
	.mainSpeciality .specialityList .listItem .textBox dt br.pcOnly, .mainSpeciality .specialityList .listItem .textBox dd br.pcOnly{display:none;}
	.mainSpeciality .specialityList .listItem .textBox dt{font-size:30px;}
	.mainSpeciality .specialityList .listItem .textBox dd{font-size:20px; margin-top:25px; opacity:1; transition:unset;}

}

@media (max-width:1000px) {
	.sectionTitle{font-size:25rem; }
	.mainSpeciality{width:calc(100% - 80px); margin:180px auto 0 auto;}
	.mainSpeciality .specialityList{flex-wrap:wrap; justify-content:center; width:100%; height:auto; margin-top:80px;}
	.mainSpeciality .specialityList .listItem{width:100%; height:380px; border-radius:15px; background-size:cover; padding:75px 35px; transition:unset;}
	.mainSpeciality .specialityList .listItem + .listItem{margin-top:40px;}
	.mainSpeciality .specialityList .listItem .textBox dt{font-size:32px;}
	.mainSpeciality .specialityList .listItem .textBox dd{font-size:22px; margin-top:25px; opacity:1; transition:unset;}
	.mainSpeciality .specialityList .listItem.on{width:100%; padding:75px 35px;}
	
}

@media (max-width:768px) {
	.mainSpeciality{width:calc(100% - 10.41667vw); margin:23.43750vw auto 0 auto;}
	.mainSpeciality .specialityList{margin-top:10.41667vw;}
	.mainSpeciality .specialityList .listItem{height:52.08333vw; border-radius:1.95313vw; padding:6.51042vw 4.55729vw;}
	.mainSpeciality .specialityList .listItem + .listItem{margin-top:5.20833vw;}
	.mainSpeciality .specialityList .listItem .textBox dt{font-size:4.68750vw;}
	.mainSpeciality .specialityList .listItem .textBox dd{font-size:3.38542vw; margin-top:3.25521vw;}
	.mainSpeciality .specialityList .listItem .textBox dd br.mobileOnly{display:none;}
	.mainSpeciality .specialityList .listItem.on{width:100%; padding:6.51042vw 4.55729vw;}
	
}

.prevArrow{width:26px; height:18px; background:url("../img/main/slide_prev.png") no-repeat center center/cover;}
.nextArrow{width:26px; height:18px; background:url("../img/main/slide_next.png") no-repeat center center/cover;}

.mainMedical{width:calc(100% - 100px); max-width:1620px; height:auto; margin:100px auto;}
.mainMedical .inBg{display:flex; justify-content:space-between; align-items:flex-start; width:100%; height:auto; position:relative; padding-top:80px;}
.mainMedical .inBg::before{content:""; display:block; width:calc(100% - 60px); height:550px; background:#f6f7f8; border-radius:18px; position:absolute; top:0; left:0; z-index:0;}
.mainMedical .textBox{display:inline-flex; flex-wrap:wrap; align-content:flex-start; width:45.061%; max-width:730px; text-align:left; padding-right:50px; position:relative; z-index:2; padding-left:60px;}
.mainMedical .textBox .titleBox{width:100%; height:auto; padding-top:40px;}
.mainMedical .textBox .titleBox span{display:block; width:100%; height:auto; font-size:22rem; font-weight:600; letter-spacing:-0.025em; line-height:1; margin-bottom:30px;}
.mainMedical .textBox .titleBox b{display:block; color:#002a83; font-size:45rem; font-weight:800; letter-spacing:-0.025em; line-height:1; margin-bottom:30px;}
.mainMedical .textBox p{font-size:18rem; font-weight:500; letter-spacing:-0.025em; line-height:1.5; color:#000; margin-top:10px;}
.mainMedical .imgBox{display:inline-flex; align-items:flex-start; width:54.939%; max-width:890px; height:auto; position:relative; z-index:2;}
.mainMedical .imgBox .pagerBox{display:inline-flex; align-items:center; text-align:center; position:absolute; bottom:30px; left:-175px;}
.mainMedical .imgBox .pagerBox button{display:inline-block; border:0;}
.mainMedical .imgBox .pagerBox .pager{display:inline-block; margin:0 15px; font-size:22px; font-weight:500; letter-spacing:-0.025em; line-height:1; color:#a5a5a5;}
.mainMedical .imgBox .pagerBox .pager strong{font-weight:inherit; color:#002a83;}
.mainMedical .imgBox .medicalSlideBox{width:100%; height:auto; overflow:hidden;}
.mainMedical .imgBox .medicalSlideBox .boxList{width:100%; height:auto;}
.mainMedical .imgBox .medicalSlideBox .boxList .slideItem{display:flex; width:100%; height:auto; border-radius:18px; overflow:hidden;}
.mainMedical .imgBox .medicalSlideBox .boxList .slideItem .videoBox{width:100%; height:auto; max-height:560px; overflow:hidden; padding-top:62.921%; position:relative;}
.mainMedical .imgBox .medicalSlideBox .boxList .slideItem .videoBox video{display:block; width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover;}


@media (max-width:1400px) {
	.mainMedical .textBox{padding-right:25px; padding-left:25px;}
}

@media (max-width:1280px) {
	.mainMedical{width:100%; margin:200px auto;}
	.mainMedical .inBg{flex-wrap:wrap; justify-content:center; padding:80px 50px 0 50px;}
	.mainMedical .inBg::before{width:100%; height:calc(100% - 140px); border-radius:0;}
	.mainMedical .textBox{width:100%; max-width:none; padding-right:0; padding-left:0; text-align:left;}
	.mainMedical .textBox .titleBox{padding-top:0;}
	.mainMedical .imgBox{width:100%; max-width:890px; padding-top:100px;}
	.mainMedical .imgBox .pagerBox{bottom:unset; left:unset; top:50px; right:0;}

}

@media (max-width:1180px) {
	.mainMedical .textBox{padding-right:25px; padding-left:25px;}
}

@media (max-width:1000px) {
	.mainMedical{width:100%; margin:100px auto;}
	.mainMedical .inBg{padding:100px 40px 0 40px;}
	.mainMedical .inBg::before{height:calc(100% - 120px);}
	.mainMedical .textBox .titleBox span{font-size:26px; margin-bottom:30px;}
	.mainMedical .textBox p{font-size:24px; margin-top:40px;}
	.mainMedical .imgBox{padding-top:100px;}
	.mainMedical .imgBox .pagerBox{top:50px;}
	.mainMedical .imgBox .pagerBox .pager{margin:0 20px; font-size:26px;}
	.mainMedical .imgBox .medicalSlideBox .boxList .slideItem{border-radius:18px;}

}

@media (max-width:768px) {
	.mainMedical{width:100%; margin:16.04167vw auto;}
	.mainMedical .inBg{padding:13.02083vw 5.20833vw 0 5.20833vw;}
	.mainMedical .inBg::before{height:calc(100% - 15.62500vw);}
	.mainMedical .textBox .titleBox span{font-size:3.90625vw; margin-bottom:3.90625vw;}
	.mainMedical .textBox .titleBox b{font-size:6.90625vw; }
	.mainMedical .textBox p{font-size:3.64583vw; margin-top:0.20833vw;}
	.mainMedical .imgBox{padding-top:13.02083vw;}
	.mainMedical .imgBox .pagerBox{top:6.51042vw;}
	.mainMedical .imgBox .pagerBox .pager{margin:0 2.60417vw; font-size:3.90625vw;}
	.mainMedical .imgBox .medicalSlideBox .boxList .slideItem{border-radius:2.34375vw;}
	.mainMedical .imgBox .medicalSlideBox .boxList .slideItem .videoBox{max-height:72.91667vw;}
	
}



.footerMap{background:#f9f9f9;width:100%; height:auto; display:flex; flex-wrap:wrap; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -ms-flex-line-pack:start; align-content:flex-start;}
.footerMap .infoBox{display:flex; align-items:center; width:100%; height:100%;}
.footerMap .infoBox .inInfoBox{display:flex; flex-direction:row-reverse; justify-content:center; align-items:center; width:100%; height:100%; }
.footerMap .infoBox .inInfoBox .boxItem{display:inline-flex; justify-content:center; align-items:center; width:50%; height:100%; background:#f9f9f9;}
.footerMap .infoBox .inInfoBox .boxItem .inBox{display:flex; flex-wrap:wrap; align-content:flex-start; width:calc(100% - 50px); max-width:760px; height:auto; text-align:left;}
.footerMap .infoBox .inInfoBox .boxItem .boxRow{display:flex; align-items:center; width:100%; height:auto;}
.footerMap .infoBox .inInfoBox .boxItem .boxRow + .boxRow{margin-top:30px;}
.footerMap .infoBox .inInfoBox .boxItem .boxRow.vTop{align-items:flex-start;}
.footerMap .infoBox .inInfoBox .boxItem .boxRow dl.link {display:flex;gap:10px; }
.footerMap .infoBox .inInfoBox .boxItem .boxRow dl.link dd {background:#00c14f; color:#fff; border-radius:50px; padding:8px 20px; font-size:15rem;}
.footerMap .infoBox .inInfoBox .boxItem .rowTitle{display:inline-flex; align-items:center; flex-shrink:0; width:160px; font-size:22px; font-weight:700; letter-spacing:-0.025em; line-height:1; color:#000;}
.footerMap .infoBox .inInfoBox .boxItem .rowTitle .sprite{margin-right:8px;}
.footerMap .infoBox .inInfoBox .boxItem .rowText{display:inline-flex; flex-wrap:wrap; align-content:flex-start; align-items:center; width:calc(100% - 160px);}
.footerMap .infoBox .inInfoBox .boxItem .inCounsel{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto;}
.footerMap .infoBox .inInfoBox .boxItem .inCounsel .title{display:flex; align-items:center; width:100%; height:auto; font-size:35rem; font-weight:800; letter-spacing:-0.025em; line-height:1; color:#000; margin-bottom:55px;}
.footerMap .infoBox .inInfoBox .boxItem .inCounsel .title:before{content: ""; position:absolute; width:150rem; height:150rem; background:url(../img/main/symbol.png) center top no-repeat;}
.footerMap .infoBox .inInfoBox .boxItem .inCounsel .call strong{display:block; width:100%; height:auto; font-size:36px; font-weight:700; letter-spacing:-0.025em; line-height:1; color:#002a83;}
.footerMap .infoBox .inInfoBox .boxItem .inCounsel .call p{width:100%; height:auto; font-size:20px; font-weight:400; letter-spacing:-0.025em; line-height:1.3; color:#000; margin-top:10px;}
.footerMap .infoBox .inInfoBox .boxItem .inCounsel .kakao p{display:inline-block; font-size:20px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#000; margin-right:10px;}
.footerMap .infoBox .inInfoBox .boxItem .inCounsel .inLink{display:inline-flex; justify-content:center; align-items:center; flex-shrink:0; width:100px; height:35px; box-sizing:border-box; border-radius:17.5px; border:1px solid #bdbdbd; background:#fff; font-size:16px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#000;}
.footerMap .infoBox .inInfoBox .boxItem .inTime{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto; padding-top:60px; margin-top:60px; border-top:1px solid #ddd;}
.footerMap .infoBox .inInfoBox .boxItem .inTime .timeTable{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:auto;}
.footerMap .infoBox .inInfoBox .boxItem .inTime .timeTable .timeRow{display:flex; align-items:flex-start; width:100%; height:auto;}
.footerMap .infoBox .inInfoBox .boxItem .inTime .timeTable .timeRow + .timeRow{margin-top:10px;}
.footerMap .infoBox .inInfoBox .boxItem .inTime .timeTable .timeTitle{display:inline-block; flex-shrink:0; width:150px; font-size:20px; font-weight:600; letter-spacing:-0.025em; line-height:1; color:#000;}
.footerMap .infoBox .inInfoBox .boxItem .inTime .timeTable .timeTitle .night{color:#f68120;}
.footerMap .infoBox .inInfoBox .boxItem .inTime .timeTable .timeText{display:inline-block; font-size:20px; font-weight:600; letter-spacing:-0.025em; line-height:1.3; color:#000;}
.footerMap .infoBox .inInfoBox .boxItem .inTime .timeTable .timeText .night{color:#f68120;}
.footerMap .infoBox .inInfoBox .boxItem .boxRow dl.time_txt dd {margin:20px 0; font-size:20rem; color:#f68120; font-weight:600;}
.footerMap .infoBox .inInfoBox .boxItem .boxRow dl.time_txt p {font-size:17rem; color:#585858; font-weight:600;}

.mapBox{width:100%; height:735rem;}
.mapBox > .map{width:100%; height:100%;}
.mapBox > .map .wrap_map{height:100% !important;}


@media (max-width:1450px) {	
	.footerMap .infoBox .inInfoBox .boxItem{padding:50px 0;}
	.footerMap .infoBox .inInfoBox .boxItem + .boxItem{padding:0;}
	
}

@media (max-width:1300px) {
	.footerMap .infoBox .inInfoBox .boxItem .inCallBox .reference{margin-left:0; margin-top:15px;}
}


@media (max-width:1200px) {
	.footerMap .fp-tableCell{height:auto !important;}
	.footerMap .infoBox{height:auto;}
	.footerMap .infoBox .inInfoBox{flex-wrap:wrap; flex-direction:row; height:auto;}
	.footerMap.noFullPage .infoBox .inInfoBox{height:auto;}
	.footerMap .infoBox .inInfoBox .boxItem{width:100%; justify-content:center; padding:80px 25px;}
	.footerMap .infoBox .inInfoBox .boxItem + .boxItem{height:600px;}
}

@media (max-width:1023px) {
	.footerMap .infoBox .inInfoBox{height:auto !important;}
	.footerMap .infoBox .inInfoBox .boxItem .inBox{width:100%;}
	.footerMap .infoBox .inInfoBox .boxItem .boxRow + .boxRow{margin-top:30px;}
	.footerMap .infoBox .inInfoBox .boxItem .rowTitle{width:190px; font-size:26px;}
	.footerMap .infoBox .inInfoBox .boxItem .rowTitle .sprite{margin-right:8px;}
	.footerMap .infoBox .inInfoBox .boxItem .rowText{width:calc(100% - 190px);}
	.footerMap .infoBox .inInfoBox .boxItem .inCounsel .title{font-size:35rem; margin-bottom:55px;}
	.footerMap .infoBox .inInfoBox .boxItem .inCounsel .title img{margin-right:15px;}
	.footerMap .infoBox .inInfoBox .boxItem .inCounsel .call strong{font-size:40rem;}
	.footerMap .infoBox .inInfoBox .boxItem .inCounsel .call p{font-size:24px; margin-top:10px;}
	.footerMap .infoBox .inInfoBox .boxItem .inCounsel .kakao p{font-size:24px; margin-right:10px;}
	.footerMap .infoBox .inInfoBox .boxItem .inCounsel .inLink{width:130px; height:40px; border-radius:20px; font-size:20px;}
	.footerMap .infoBox .inInfoBox .boxItem .inTime{padding-top:60px; margin-top:60px;}
	.footerMap .infoBox .inInfoBox .boxItem .inTime .timeTable .timeRow + .timeRow{margin-top:30px;}
	.footerMap .infoBox .inInfoBox .boxItem .inTime .timeTable .timeTitle{width:180px; font-size:24px;}
	.footerMap .infoBox .inInfoBox .boxItem .inTime .timeTable .timeText{font-size:24px;}
	
	.mapBox{ height:335rem;}
}

@media (max-width:768px) {

	.footerMap .infoBox .inInfoBox .boxItem{padding:10.41667vw 3.25521vw;}
	.footerMap .infoBox .inInfoBox .boxItem + .boxItem{height:78.12500vw;}
	.footerMap .infoBox .inInfoBox .boxItem .boxRow + .boxRow{margin-top:3.90625vw;}
	.footerMap .infoBox .inInfoBox .boxItem .rowTitle{width:26.04167vw; font-size:3.90625vw;}
	.footerMap .infoBox .inInfoBox .boxItem .rowTitle .sprite{margin-right:1.04167vw;}
	.footerMap .infoBox .inInfoBox .boxItem .rowText{width:calc(100% - 24.73958vw);}
	.footerMap .infoBox .inInfoBox .boxItem .inCounsel .title{font-size:6.90104vw; margin-bottom:7.16146vw;}
	.footerMap .infoBox .inInfoBox .boxItem .inCounsel .title img{width:11.45833vw; height:auto; margin-right:1.95313vw;}
	.footerMap .infoBox .inInfoBox .boxItem .inCounsel .call strong{font-size:5.72917vw;}
	.footerMap .infoBox .inInfoBox .boxItem .inCounsel .call p{font-size:3.64583vw; margin-top:1.30208vw;}
	.footerMap .infoBox .inInfoBox .boxItem .inCounsel .kakao p{font-size:3.64583vw; margin-right:1.30208vw;}
	.footerMap .infoBox .inInfoBox .boxItem .inCounsel .inLink{width:20.83333vw; height:5.85938vw; border-radius:2.92969vw; font-size:3.12500vw;}
	.footerMap .infoBox .inInfoBox .boxItem .inTime{padding-top:7.81250vw; margin-top:7.81250vw;}
	.footerMap .infoBox .inInfoBox .boxItem .inTime .timeTable .timeRow + .timeRow{margin-top:3.90625vw;}
	.footerMap .infoBox .inInfoBox .boxItem .inTime .timeTable .timeTitle{width:24.73958vw; font-size:3.64583vw;}
	.footerMap .infoBox .inInfoBox .boxItem .inTime .timeTable .timeText{font-size:3.64583vw;}
	.footerMap .infoBox .inInfoBox .boxItem .boxRow dl.link dd {padding:8px 10px; font-size:14rem;}
	.footerMap .infoBox .inInfoBox .boxItem .boxRow dl.link dd img {width:20rem;}
	.footerMap .infoBox .inInfoBox .boxItem .boxRow dl.time_txt dd { font-size:15rem;}
	.footerMap .infoBox .inInfoBox .boxItem .boxRow dl.time_txt p {font-size:15rem; }

}




.main_doctor{background:url(../img/main/bg.png) no-repeat right 180px; padding:0 0 0px;}
.main_doctor .wrap{position:relative;}
.main_doctor .tt{max-width:650px;border-bottom:1px solid #d3d2ce; display:none;}
.main_doctor .slider{padding-top:60px;}
.main_doctor .item{display:flex;flex-direction:row;justify-content:space-between;align-items: center;margin-bottom: 100px;}
.main_doctor .item > div{width:40%;}
.main_doctor .item > div:last-child{width:55%;}
.main_doctor .item .pic{border-radius:20px;overflow:hidden;}
.main_doctor .item .pic img{display:block;width:100%;}
.main_doctor .item .txt em{font-style:normal; display:block;padding-bottom:24px;font-size:18rem;font-weight:600;color:#e4831a;}
.main_doctor .item .txt dl{display:flex;align-items:flex-end;gap:12px;}
.main_doctor .item .txt dt{font-size:35rem;font-weight:800;letter-spacing:0.18em;color:var(--deep);}
.main_doctor .item .txt dd{font-size:1.1em;font-weight:600;}
.main_doctor .item .txt h6{padding:50px 0 24px;font-weight:600;}
.main_doctor .item .txt .uls{display:flex;gap:2.5vw; margin-top:50rem; }
.main_doctor .item .txt .uls li{position:relative;padding-left:10px;padding-bottom:12px;line-height:140%;}
.main_doctor .item .txt .uls li:before{content:'';position:absolute;top:12px;left:0;display:block;width:2px;height:2px;border-radius:50%;background:#222;}

@media all and (max-width: 1400px) {
    .main_doctor .item .pic{width:450px;}
}
@media all and (max-width: 1200px) {
    
    .main_doctor .item .txt{padding-top:50px;}
}
@media all and (max-width: 1023px) {
    
    .main_doctor{padding-top:50rem; }
    .main_doctor .tt{border:0;}
    .main_doctor .slider{padding-top:0;}
	.main_doctor .item{display:block;}
	.main_doctor .item > div:last-child{width:100%;}
    .main_doctor .item .pic{width:100%;border-radius:10px;}
    .main_doctor .item .txt em{padding-bottom:20px; font-size:15rem; }
    .main_doctor .item .txt h6{padding-bottom:14px;}
	.main_doctor .item .txt dt{font-size:30rem;}
    .main_doctor .item .txt .uls{display:block;}
    .main_doctor .item .txt .uls ul + ul{padding-top:12px;}
    .main_doctor .item .txt .uls li{padding-bottom:10px;}
    .main_doctor .item .txt .uls li:before{top:8px;}
}



.bna .tt{position:relative; z-index: 2; padding-top:30px; text-align: center;}
.bna .tt em{display:block;padding-bottom:35px;font-size:0.9em; font-weight: 700;font-family:'Paperlogy';letter-spacing:0.6em;color:var(--main);opacity:0.8;}
.bna .tt h3{color:#000; font-size:45rem;font-weight:800;line-height:140%;}
.bna .tt p{padding-top:35px;font-size:1em;line-height:150%;}
.bna .tt p b{font-size:inherit;font-weight:700;color:var(--deep);}
.bna .tt > img { position: absolute; z-index: 1; left: 50%; top: -70px; width: 670px; transform: translateX(-50%); top: auto; bottom: 0px; }

@media all and (max-width: 1024px) {
    .bna .tt{padding-bottom:40px;}
    .bna .tt em{padding-bottom:20px;font-size:0.75em;}
    .bna .tt h3{font-size: 2em;}
    .bna .tt p{padding-top:20px;font-size:0.82em;}
    .bna .tt p b{font-size:inherit;}
    .bna .tt > img { top: 30px; width: 360px; }
}

.bna {padding:50rem 0; background-color: #f8f8f8; margin-top:50rem; }    

.bnaSwiper {    max-width: 1220px;    margin: 0 auto;    padding: 0 0vw;}
.bnaSwiper .swiper-slide {    font-size: 0;    width: 100%;}
.bnaSwiper .swiper-slide a {    display: block;    position: relative;}
.bnaSwiper .swiper-slide a:after {
    display: block;
    content: '';
    background: url(../img/main/bna-arrow.png) no-repeat #002a83;
    background-size: 21.67% auto;
    background-position: calc(50% + 1px) 50%;
    width: 8.333vw; height: 8.333vw; border-radius: 50%;
    border: 0.555vw solid #fff;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.bnaSwiper .swiper-slide .before,
.bnaSwiper .swiper-slide .after {    display: inline-block;    width: 50%;    vertical-align: top;    height: 200rem;}
.bnaSwiper .swiper-slide .before > img,
.bnaSwiper .swiper-slide .after > img {    display: block;    width: 100%;    height: 100%;    object-fit: cover;}
.bnaSwiper .swiper-slide .before {    overflow: hidden;    position: relative;}
.bnaSwiper .swiper-slide .before .screen {    position: absolute; top: 0; left: 0;    width: 100%; height: 100%;   background-color: rgba(0,0,0,0.7);    z-index: 2; padding-top: 30px;     box-sizing: border-box;}
.bnaSwiper .swiper-slide .before .screen img {    display: block;    width: 13.888vw;    margin: 0 auto;}
.bnaSwiper .swiper-slide .before .screen p {    font-size: 13rem;    line-height: 24px;    color: #fff;    text-align: center;    margin: 20px 0 30px 0;}
.bnaSwiper .swiper-slide .before .screen button {    display: block;    width: 120px; height: 34px;    border: none; background-color: #002a83;    margin: 0 auto;    color: #fff;    font-size: 18px;}

.bnaSwiper .swiper-slide .before > img {    /*filter: blur(4px);*/}

.bnaSwiper .swiper-pagination {    position: relative;    margin-top: 8.333vw;    bottom: inherit;    left: 0;    width: 100%;    text-align: center;}
.bnaSwiper .swiper-pagination .swiper-pagination-bullet {    width: 14px;    height: 14px;    margin: 0 26px;    opacity: 0.2;    background-color: #000;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {    opacity: 1;    background: #002a83 !important;}

.swiper-pagination-progressbar {    background-color: #ccc;    height: 4px;}
.swiper-pagination-progressbar-fill {    background-color: #002a83;}

@media (min-width: 1023px) {
    .bnaSwiper {        width: 90%;        max-width: 1220px;        margin: 0 auto;        padding: 0 0vw;        margin-top: 80px;    }    
    .bnaSwiper .swiper-slide a:after {        background-size: 13px auto;        background-position: calc(50% + 1px) 50%;        width: 60px; height: 60px;        border: 4px solid #fff;    }
    .bnaSwiper .swiper-slide .before,
    .bnaSwiper .swiper-slide .after {height: 300rem;        overflow: hidden;    }
    .bnaSwiper .swiper-slide .before > img {        transition: all 0.3s;    }
    .bnaSwiper .swiper-slide .after > img {        transition: all 0.66s;    }
    .bnaSwiper .swiper-slide a:hover .before > img {        transform: scale(1.2);    }
    .bnaSwiper .swiper-slide a:hover .after > img {        transform: scale(1.2);    }    

    .bnaSwiper .swiper-slide .before .screen {padding-top: 70px;         transition: all 0.4s;    }
    .bnaSwiper .swiper-slide .before .screen:hover {        background-color: #333;    }
    .bnaSwiper .swiper-slide .before .screen img {        width: 100px;    }
    .bnaSwiper .swiper-slide .before .screen button {        width: 120px; height: 44px;        font-size: 15rem;    }    
    .bnaSwiper .swiper-pagination {        position: relative;        margin-top: 50px;        bottom: inherit;        left: 0;        width: 100%;        text-align: center;    }
    .bnaSwiper .swiper-pagination .swiper-pagination-bullet {        width: 14px;        height: 14px;        margin: 0 26px;        opacity: 0.2;        background-color: #000;    }
    .bnaSwiper .swiper-pagination .swiper-pagination-bullet-active {        opacity: 1;        background-color: #ec8e33;    }    
	.bnaSwiper .swiper-slide .before .screen p {    font-size: 17rem;}
}


.visual_list {position:absolute; text-align:center; left:50%; transform:translateX(-50%); bottom:200px; z-index:10; }
.visual_list .wrap {max-width:1000px; margin:0 auto;}
.visual_list ul {display:grid;grid-template-columns: repeat(4, 1fr);align-items: center; justify-content: center;gap:10px; background:rgba(0,0,0,0.15);  border-radius:10px; padding:30px 10px;}
.visual_list ul li { }
.visual_list ul li h5 {word-break: keep-all; color:#fff;  font-weight:500; font-size:20rem; line-height: 1.2; letter-spacing:-.5px; margin-top:10px; }
.visual_list ul li h5 b { font-weight:800; }
.visual_list ul li img {border-radius:10px; width:180px; }

@media all and (max-width: 1400px) {
   .visual_list {bottom:20px; width:100%; }
}

@media all and (max-width: 1023px) {
   .visual_list {bottom:60px; width:100%; }
   .visual_list .wrap {max-width:100%;}
	.visual_list ul li h5 {font-size:15rem; }
	.visual_list ul li img {width:150px; }
}

@media all and (max-width: 600px) {
   .visual_list {bottom:20px; }
   .visual_list ul {display:grid;grid-template-columns: repeat(2, 1fr); padding:20px 10px;}
	.visual_list ul li h5 {font-size:15rem; }
	.visual_list ul li img {width:100px; }
}