@charset "utf-8";

#vis {height:730px}
#vis .swiper-slide {overflow: hidden}
/*.main_wrap {width: 1200px;margin: 0 auto}*/

#vis .wrap {position: relative;width: 1200px;margin: 0 auto}
#vis .sw_a {position: absolute}

/* Slide Control */
#vis.swiper-container .swiper-button-nextVis{
    width:50px;
    height:100px;
    background-image: url(../../img/main/visual/vis_next.png);
    background-size:100%;
    position: absolute;
    right:150px;
    top: 50%;
    transform: translateY(-50%);
    z-index:999;cursor:pointer
}
#vis.swiper-container .swiper-button-prevVis{
    width:50px;
    height:100px;
    background-image: url(../../img/main/visual/vis_prev.png);
    background-size:100%;
    position: absolute;
    left:150px;
    top: 50%;
    transform: translateY(-50%);
    z-index:999;cursor:pointer
}

/*vis1*/
#vis .sw1 {background: url(../../img/main/visual/v1/bg.jpg) no-repeat center;background-size:cover;height:730px}
#vis .sw1 .sw_a1 {top:65px;left:75px;font-size:96px;color:#094251;font-weight:600;opacity: 0;animation:none}
#vis .sw1 .sw_a2 {top:180px;left:20px;font-size:92px;color:#111;font-weight:400;opacity: 0;animation:none}
#vis .sw1 .sw_a3 {top:325px;left:18px;font-size:32px;color:#111;font-weight:400;opacity: 0;animation:none}
#vis .sw1 .sw_a4 {top:375px;left:22px;font-size:13px;color:#111;font-weight:300;letter-spacing:12px;text-align:left;opacity: 0;animation:none}
#vis .sw1 .sw_a5, #vis .sw1 .sw_a6, #vis .sw1 .sw_a7 {top:445px;left:0;opacity: 0;animation:none}

#vis .sw1.on .sw_a1 {animation: vis_ani1 .7s .4s 1 ease forwards;}
#vis .sw1.on .sw_a2 {animation: vis_ani2 .7s .8s 1 ease forwards;}
#vis .sw1.on .sw_a3 {animation: vis_ani3 .7s 1.2s 1 ease forwards;}
#vis .sw1.on .sw_a4 {animation: vis_ani3 .7s 1.6s 1 ease forwards;}
#vis .sw1.on .sw_a5 {animation: vis_ani4 .7s 2s 1 ease forwards;}
#vis .sw1.on .sw_a6 {animation: vis_ani4 .7s 2.3s 1 ease forwards;}
#vis .sw1.on .sw_a7 {animation: vis_ani4 .7s 2.6s 1 ease forwards;}

@keyframes vis_ani1 {
    0% {left:20px;opacity: 0}
    100% {left:75px;opacity: 1}
}
@keyframes vis_ani2 {
    0% {left:75px;opacity: 0}
    100% {left:20px;opacity: 1}
}
@keyframes vis_ani3 {
    0% {opacity: 0}
    100% {opacity: 1}
}
@keyframes vis_ani4 {
    0% {top:480px;opacity: 0}
    100% {top:445px;opacity: 1}
}


/*vis2*/
#vis .sw2 {background: url(../../img/main/visual/v2/bg.jpg) no-repeat center;background-size:cover;height:730px}
#vis .sw2 .sw_a1 {top:103px;left:180px;font-size:60px;line-height:1;color:#111;font-weight:400;opacity: 0;animation:none}
#vis .sw2 .sw_a2 {top:80px;left:373px;display:inline-block;width:5px;height:6px;border-radius:10px;background-color:#111;opacity: 0;animation:none}
#vis .sw2 .sw_a2_2 {top:80px;left:434px;display:inline-block;width:5px;height:6px;border-radius:10px;background-color:#111;opacity: 0;animation:none}
#vis .sw2 .sw_a2_3 {top:80px;left:550px;display:inline-block;width:5px;height:6px;border-radius:10px;background-color:#111;opacity: 0;animation:none}
#vis .sw2 .sw_a2_4 {top:80px;left:605px;display:inline-block;width:5px;height:6px;border-radius:10px;background-color:#111;opacity: 0;animation:none}
#vis .sw2 .sw_a3 {top:190px;left:340px;font-size:13px;line-height:1;color:#505454;letter-spacing:14px;font-weight:300;width:560px;overflow:hidden;opacity: 0;animation:none}
#vis .sw2 .sw_line {top:230px;left:599px;width:1px;height:25px;background-color:#6a6d6c;opacity: 0;animation:none}
#vis .sw2 .sw_a4 {top:285px;left:236px;font-size:25px;color:#222;opacity: 0;animation:none}
#vis .sw2 .sw_a5 {top:323px;left:306px;font-size:25px;color:#222;opacity: 0;animation:none}
#vis .sw2 .sw_a5 span {color:#00495c}
#vis .sw2 .sw_a6 {top:400px;left:108px;opacity: 0;animation:none}
#vis .sw2 .sw_a7 {top:400px;left:343px;opacity: 0;animation:none}
#vis .sw2 .sw_a8 {top:400px;left:573px;opacity: 0;animation:none}
#vis .sw2 .sw_a9 {top:400px;left:803px;opacity: 0;animation:none}

#vis .sw2.on .sw_a1 {animation: vis_ani2_1 .7s .4s 1 ease forwards;}
#vis .sw2.on .sw_a2 {animation: vis_ani2_2 .5s .8s 1 ease forwards;}
#vis .sw2.on .sw_a2_2 {animation: vis_ani2_2 .5s 1s 1 ease forwards;}
#vis .sw2.on .sw_a2_3 {animation: vis_ani2_2 .5s 1.2s 1 ease forwards;}
#vis .sw2.on .sw_a2_4 {animation: vis_ani2_2 .5s 1.4s 1 ease forwards;}
#vis .sw2.on .sw_a3 {animation: vis_ani2_3 2s 1.8s 1 ease forwards;}
#vis .sw2.on .sw_line {animation: vis_ani2_line .7s 2.6s 1 ease forwards;}
#vis .sw2.on .sw_a4 {animation: vis_ani2_4 .7s 3s 1 ease forwards;}
#vis .sw2.on .sw_a5 {animation: vis_ani2_5 .7s 3.4s 1 ease forwards;}
#vis .sw2.on .sw_a6 {animation: vis_ani2_6 .7s 3.8s 1 ease forwards;}
#vis .sw2.on .sw_a7 {animation: vis_ani2_7 .7s 4.1s 1 ease forwards;}
#vis .sw2.on .sw_a8 {animation: vis_ani2_8 .7s 4.4s 1 ease forwards;}
#vis .sw2.on .sw_a9 {animation: vis_ani2_9 .7s 4.7s 1 ease forwards;}

@keyframes vis_ani2_1 {
    0% {top:150px;opacity: 0}
    100% {top:103px;opacity: 1}
}
@keyframes vis_ani2_2 {
    0% {top:60px;opacity: 0}
    50% {top:90px;opacity: 1}
    100% {top:80px;opacity: 1}
}
@keyframes vis_ani2_3 {
    0% {max-width:0;opacity: 0}
    100% {max-width:800px;opacity: 1}
}
@keyframes vis_ani2_line {
    0% {height:0;opacity: 0}
    100% {height:25px;opacity: 1}
}
@keyframes vis_ani2_4 {
    0% {left:184px;opacity: 0}
    100% {left:234px;opacity: 1}
}
@keyframes vis_ani2_5 {
    0% {left:356px;opacity: 0}
    100% {left:306px;opacity: 1}
}
@keyframes vis_ani2_6 {
    0% {left:78px;opacity: 0}
    100% {left:108px;opacity: 1}
}
@keyframes vis_ani2_7 {
    0% {left:313px;opacity: 0}
    100% {left:343x;opacity: 1}
}
@keyframes vis_ani2_8 {
    0% {left:543px;opacity: 0}
    100% {left:573x;opacity: 1}
}
@keyframes vis_ani2_9 {
    0% {left:773px;opacity: 0}
    100% {left:803x;opacity: 1}
}


/*vis3*/
#vis .sw3 {background: url(../../img/main/visual/v3/bg.jpg) no-repeat center;background-size:cover;height:730px}
#vis .sw3 .sw_a1 {top:78px;left:702px;font-size:60px;line-height:1;color:#111;font-weight:400;opacity: 0;animation:none}
#vis .sw3 .sw_a2 {top:152px;left:590px;font-size:60px;line-height:1;color:#111;font-weight:400;opacity: 0;animation:none}
#vis .sw3 .sw_a3 {top:232px;left:605px;font-size:13px;line-height:1;color:#505454;letter-spacing:14px;font-weight:300;width:600px;overflow:hidden;opacity: 0;animation:none}
#vis .sw3 .sw_line {top:268px;left:870px;width:1px;height:35px;background-color:#6a6d6c;opacity: 0;animation:none}
#vis .sw3 .sw_a4 {top:327px;left:585px;font-size:18px;line-height:1;color:#111;font-weight:400;opacity: 0;animation:none}
#vis .sw3 .sw_a5 {top:380px;left:552px;opacity: 0;animation:none}
#vis .sw3 .sw_a6 {top:409px;left:591px;opacity: 0;animation:none}
#vis .sw3 .sw_a7 {top:409px;left:797px;opacity: 0;animation:none}
#vis .sw3 .sw_a8 {top:409px;left:1003px;opacity: 0;animation:none}
#vis .sw3 .sw_a9 {top:650px;left:658px;opacity: 0;animation:none}

#vis .sw3.on .sw_a1 {animation: vis_ani3_1 .7s .4s 1 ease forwards;}
#vis .sw3.on .sw_a2 {animation: vis_ani3_2 .7s .8s 1 ease forwards;}
#vis .sw3.on .sw_a3 {animation: vis_ani3_3 2s 1.2s 1 ease forwards;}
#vis .sw3.on .sw_line {animation: vis_ani3_line .7s 2.1s 1 ease forwards;}
#vis .sw3.on .sw_a4 {animation: vis_ani3_4 .7s 2.5s 1 ease forwards;}
#vis .sw3.on .sw_a5 {animation: vis_ani3_5 .7s 3s 1 ease forwards;}
#vis .sw3.on .sw_a6 {animation: vis_ani3_5 .7s 3.4s 1 ease forwards;}
#vis .sw3.on .sw_a7 {animation: vis_ani3_5 .7s 3.7s 1 ease forwards;}
#vis .sw3.on .sw_a8 {animation: vis_ani3_5 .7s 4s 1 ease forwards;}
#vis .sw3.on .sw_a9 {animation: vis_ani3_6 .7s 4.5s 1 ease forwards;}

@keyframes vis_ani3_1 {
    0% {left:650px;opacity: 0}
    100% {left:702px;opacity: 1}
}
@keyframes vis_ani3_2 {
    0% {left:540px;opacity: 0}
    100% {left:590px;opacity: 1}
}
@keyframes vis_ani3_3 {
    0% {max-width:0;opacity: 0}
    100% {max-width:600px;opacity: 1}
}
@keyframes vis_ani3_line {
    0% {height:0;opacity: 0}
    100% {height:35px;opacity: 1}
}
@keyframes vis_ani3_4 { 
    0% {top:367px;opacity: 0}
    100% {top:327px;opacity: 1}
}
@keyframes vis_ani3_5 { 
    0% {opacity: 0}
    100% {opacity: 1}
}
@keyframes vis_ani3_6 { 
    0% {top:680px;opacity: 0}
    100% {top:650px;opacity: 1}
}


.cateArea {padding:80px 0;text-align:center}
.cateArea h2 {font-size:40px;color:#111;font-weight:400;letter-spacing: -1.5px;line-height:1;margin-bottom:25px}
.cateArea h4 {font-size:24px;color:#222;font-weight:400;line-height:1}
.cateArea .cateInner {margin:50px 0 0;}
.cateArea .cateInner > a {position:relative;float:left;margin-right: 26px;}
.cateArea .cateInner > a:last-child {margin-right:0}
.cateArea .cateInner > a .cateOver {opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);padding:8px;box-sizing:border-box;transition:.3s}
.cateArea .cateInner > a .cateOver > div {height: inherit;border:1px dashed #717171;}
.cateArea .cateInner > a .cateOver > div p {color:#fff;font-size:30px;font-weight:300;margin-bottom:50px;padding-top: 150px;}
.cateArea .cateInner > a:hover .cateOver {opacity:1}

.whyArea {background:url('../../img/main/whyBg.jpg') no-repeat center;background-size:cover;height:630px;padding: 80px 0;box-sizing: border-box;}
.whyArea .whyTitle {position: absolute; top:-30px;left: 50px;}
.whyArea .whyTitle h4 {font-size: 24px;font-weight: 400;padding-left: 50px;}
.whyArea .whyTitle h3 {font-size: 40px;font-weight: 400;padding-left: 50px;}
.whyArea .whyTitle h3 span {font-style: italic}
.whyArea .whyTitle img.whyIco {animation: why_aniIco 1s 1s infinite both;position:absolute;bottom:10px;left:0}
@-webkit-keyframes why_aniIco {
  0%,100% {
	transform: rotateZ(-10deg);
  }
  50% {
	transform: rotateZ(10deg);
  }
}

@keyframes why_aniIco {
  0%,100% {
	transform: rotateZ(-10deg);
  }
  50% {
	transform: rotateZ(10deg);
  }
}

.whyArea .swiper-container {margin:30px auto 0}

#whySlide .wrap {position: relative;width: 1200px;margin: 0 auto}
#whySlide .sw_a {position: absolute}

#whySlide .sw1 {height:435px}
#whySlide .sw1 .sw_a0 {top:0;left:0;opacity: 0;animation:none}
#whySlide .sw1 .sw_a1 {top:155px;left:82px;opacity: 0;animation:none}
#whySlide .sw1 .sw_a2 {top:155px;left:82px;opacity: 0;animation:none}
#whySlide .sw1 .sw_a3 {top:0px;left:600px;opacity: 0;z-index:99;animation:none}
#whySlide .sw1 .sw_a4 {top:85px;right:0;opacity: 0;z-index:98;animation:none}

#whySlide .sw1.on .sw_a0 {animation: why_ani0 .5s .1s 1 ease forwards;}
#whySlide .sw1.on .sw_a1 {animation: why_ani1 .5s .5s 1 ease forwards;}
#whySlide .sw1.on .sw_a2 {animation: why_ani1 .5s .9s 1 ease forwards;}
#whySlide .sw1.on .sw_a3 {animation: why_ani0 .5s 1.5s 1 ease forwards;}
#whySlide .sw1.on .sw_a4 {animation: why_ani2 .5s 1.9s 1 ease forwards;}

@keyframes why_ani0 {
    0% {opacity: 0}
    100% {opacity: 1}
}
@keyframes why_ani1 {
    0% {left:32px;opacity: 0}
    100% {left:82px;opacity: 1}
}
@keyframes why_ani2 {
    0% {right:-50px;opacity: 0}
    100% {right:0;opacity: 1}
}

.whyArea .sw2 {height:435px}
#whySlide .sw2 .sw_a0 {top:0;left:0;opacity: 0;animation:none}
#whySlide .sw2 .sw_a1 {top:155px;left:82px;opacity: 0;animation:none}
#whySlide .sw2 .sw_a2 {top:155px;left:82px;opacity: 0;animation:none}
#whySlide .sw2 .sw_a3 {top:0px;left:600px;z-index:99;opacity: 0;animation:none}
#whySlide .sw2 .sw_a4 {top:85px;right:0;z-index:98;opacity: 0;animation:none}

#whySlide .sw2.on .sw_a0 {animation: why_ani0 .5s .1s 1 ease forwards;}
#whySlide .sw2.on .sw_a1 {animation: why_ani1 .5s .5s 1 ease forwards;}
#whySlide .sw2.on .sw_a2 {animation: why_ani1 .5s .9s 1 ease forwards;}
#whySlide .sw2.on .sw_a3 {animation: why_ani0 .5s 1.5s 1 ease forwards;}
#whySlide .sw2.on .sw_a4 {animation: why_ani2 .5s 1.9s 1 ease forwards;}

#whySlide .swiper-button-prev2, #whySlide .swiper-button-next2 {display:inline-block;position: absolute;bottom:0;cursor: pointer;z-index: 9;}
#whySlide .swiper-button-prev2 {left:0}
#whySlide .swiper-button-next2 {left:50px}

#whySlide .swiper-pagination2 {position:Absolute;bottom:65px;width: auto;left: 510px;z-index:99}
#whySlide .swiper-pagination2 span {width:14px;height:15px;background-color:#333;border-radius: 0;opacity: 1;}
#whySlide .swiper-pagination2 span.swiper-pagination-bullet-active {background-color:#127088}


/*커뮤니티*/
.cmArea {padding:80px 0 50px;text-align: center;}
.cmArea h2 {font-size:40px;color:#111;font-weight:400;letter-spacing: -1.5px;line-height:1;margin-bottom:25px}
.cmArea h4 {font-size:24px;color:#222;font-weight:400;line-height:1}
.cmArea .cmInner {margin:50px 0 0;}
.cmArea .cmInner > a {position:relative;float:left;margin-right:52px;width:261px;height:372px;transition:.5s}
.cmArea .cmInner > a:last-child {margin-right:0}
.cmArea .cmInner > a.cmBtn1 {background:url('../../img/main/cmBtn1.png') no-repeat center;background-size:cover;}
.cmArea .cmInner > a.cmBtn2 {background:url('../../img/main/cmBtn2.png') no-repeat center;background-size:cover;}
.cmArea .cmInner > a.cmBtn3 {background:url('../../img/main/cmBtn3.png') no-repeat center;background-size:cover;}
.cmArea .cmInner > a.cmBtn4 {background:url('../../img/main/cmBtn4.png') no-repeat center;background-size:cover;}

.cmArea .cmInner > a:hover {margin-top:-15px}
.cmArea .cmInner > a:hover p {color:#127fc3}
.cmArea .cmInner > a > div {position:absolute;bottom:20px;left:50%;transform:translateX(-50%);}
.cmArea .cmInner > a.cmBtn4 > div {left:50px;transform:translateX(0)}
.cmArea .cmInner > a > div img {vertical-align: top;margin: 2px 8px 0 0;}
.cmArea .cmInner > a > div p {display:inline-block;font-size:22px;color:#111}

/*커뮤니티2*/
.cmArea2 {background-color:#f7f7f7;padding:50px 0}
.cmArea2 .w1200 > div {float:left;width:33.333%;text-align:center}
.cmArea2 .cmList .lat {margin-bottom:0}
.cmArea2 .cmList .lat ul {padding:15px 20px 0}
.cmArea2 .cmList .lat ul li {text-align:left;font-size:15px;line-height:22px}
.cmArea2 .cmList .lat ul li a:hover {color:#127088}
.cmArea2 .cmList p {position:relative;font-size:20px;color:#127088;margin-bottom:20px;font-weight: 500;text-align: left;width: 343px;margin: 0 auto 15px;}
.cmArea2 .cmList p a {position: absolute;right: 0;font-size:22px;color:#1b836f;transition:.3s}
.cmArea2 .cmList p a:hover {transform:rotate(90deg)}
.cmArea2 .cmList.info .cmIco a img {transition:.5s}
.cmArea2 .cmList.info .cmIco a:hover img {transform:scale(1.05)}


/*진료안내*/
.cusArea {padding:80px 0;}
.cusArea .infoArea {background:url('../../img/main/infoBg.jpg') no-repeat center center;box-sizing:border-box;margin-bottom:50px;box-shadow: 2px 2px 20px #ccc;}
.cusArea .infoArea > div {float:left}
.cusArea .infoArea > div h3 {font-size:34px;font-weight:400;color:#111;text-align: left;margin-bottom:20px}
.cusArea .infoArea > div h3 img {margin-right: 12px;vertical-align: top;}
.cusArea .infoArea > div h3 span {font-weight:600}
.cusArea .infoArea > div.time {position:relative;padding:40px 50px}
.cusArea .infoArea > div.time:after {content:'';position:absolute;top:35px;right:0;width:1px;height:200px;background-color:#b2b2b2}
.cusArea .infoArea > div.time ul li {color:#111;font-size:19px;line-height: 1.6;letter-spacing: -0.5px;}
.cusArea .infoArea > div.time ul li span {display:inline-block;font-size:15px}
.cusArea .infoArea > div.time ul li span.tit {font-size:17px;width:110px}
.cusArea .infoArea > div.time ul li:nth-child(2) {color:#094a92}

.cusArea .infoArea > div.tel {padding:40px 50px}
.cusArea .infoArea > div.tel p {font-size:50px;color:#094a92;font-weight: 400;letter-spacing: -3px;margin:20px 0 23px;line-height:1}
.cusArea .infoArea > div.tel p span {font-weight:bold}
.cusArea .infoArea > div.tel ul li {font-size:14px;letter-spacing: -0.5px;color:#111}

.cusArea .infoArea > div.more {float:right;text-align:center;background-color:#127088;color:#fff;padding:40px 25px 45px}
.cusArea .infoArea > div.more h4 {font-size:28px;margin-bottom: 10px;font-weight: 400;letter-spacing: -1.5px;}
.cusArea .infoArea > div.more h5 {font-size:15px;font-weight: 400;margin-bottom: 35px;}
.cusArea .infoArea > div.more .moreBtn {display:inline-block;font-size:15px;width:205px;height:40px;background-color:#fff;color:#111;line-height:42px;text-align: left;padding-left: 15px;transition:.5s}
.cusArea .infoArea > div.more .moreBtn i {float: right;padding:10px 20px 0 0;font-size: 20px;color:#111}
.cusArea .infoArea > div.more .moreBtn:hover {}

.cusArea .mapArea {text-align:center}
.cusArea .mapArea h3 {font-size:28px;line-height:1;font-weight: 400;margin-bottom:15px;}
.cusArea .mapArea h4 {font-size:22px;;line-height:1;margin-bottom:40px;font-weight:400}
.cusArea .mapArea .wrap_controllers {display:none}

/*둘러보기*/
.viewArea {background:url('../../img/main/viewBg.jpg') no-repeat center center;background-size:cover;padding:80px 0 0}
.viewArea h2 {font-size:40px;color:#111;font-weight:400;letter-spacing: -1.5px;line-height:1;margin-bottom:25px;text-align:center}
.viewArea h4 {font-size:24px;color:#222;font-weight:400;line-height:1;text-align:center}
.viewArea .viewInner {margin-top:50px}
.viewArea .viewInner > div {float:left}
.viewArea .viewInner .viewLeft {padding-top:50px;text-align:left}
.viewArea .viewInner .viewLeft h5 {font-size:22px;font-weight:400;line-height:1.4;margin:30px 0}
.viewArea .viewInner .viewLeft p {font-size:18px;font-weight:400;letter-spacing: 0;margin-bottom: 115px;}
.viewArea .viewInner .viewLeft p span {font-weight:600}
.viewArea .viewInner .viewLeft a {display: inline-block;font-size:20px;width:200px;height:50px;background-color:#333;color:#fff;box-sizing:border-box;padding-left:20px;line-height:50px;}
.viewArea .viewInner .viewLeft a:hover img {transform:rotate(90deg)}
.viewArea .viewInner .viewLeft a img {float:right;padding-right:10px;padding: 16px 15px;transition:.3s}

.viewArea .viewInner .viewRight {float: right;position: relative;max-width:770px;width:660px;background:url('../../img/main/viewSlide_bg.png') no-repeat center center;background-size:100%;height:495px}
.viewArea .viewInner .viewRight .bx-wrapper {position: absolute;top: 28px;left: 28px;}
.viewArea .viewInner .viewRight .bx-viewport {width: 600px !important;}
.viewArea .viewInner .bx-controls-direction a.bx-prev {position: absolute;left: 10px;top:50%;transform:translateY(-50%);background:url('../../img/main/view_prev.png') no-repeat center center;width:50px;height:50px;background-size:100%;font-size:0;display: block;}
.viewArea .viewInner .bx-controls-direction a.bx-next {position: absolute;right: 10px;top:50%;transform:translateY(-50%);background:url('../../img/main/view_next.png') no-repeat center center;width:50px;height:50px;background-size:100%;font-size:0;display: block;}