@charset "utf-8";

.main-visual {position:relative; max-width:1920px; margin:0 auto;}
.main-visual .item {height:700px; position: relative; z-index:1; overflow:hidden;}
.main-visual .item .visual-img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;  opacity: 1 !important; animation-duration: 3s; transition: all 1s ease;}
.main-visual .content {position:absolute; top:50%; left:0; width:100%; color:#000; padding:0 100px;  transform:translateY(-50%); z-index:50;}
.main-visual .content .tit {color:#05b2c6; font-size:60px; line-height:1.4em; font-weight:800; margin-bottom:10px;}
.main-visual .content p {font-size:24px; line-height:1.4em; font-weight:500;}
.main-visual .slick-arrow {position:absolute; top:50%; border:0; margin-top:-45px; width:90px; height:90px; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; font-size:0; line-height:0; z-index:20}
.main-visual .slick-prev {left:135px; background-image:url('../images/main/bt_prev.png')}
.main-visual .slick-next {right:135px; background-image:url('../images/main/bt_next.png')}


.animated {transition: all .5s ease;}

.main-visual [data-animation-in] {opacity: 0; animation-duration: 1.5s;transition: opacity 0.5s ease 0.3s;transition:1s;}

@keyframes zoomInImage {
  from {transform: scale3d(1.1, 1.1, 1.1);transition:1s;}
  to {transform: scale3d(1, 1, 1);transition:1s;}
}
.zoomInImage {animation-name: zoomInImage;}

@keyframes zoomOutImage {
  from {transform: scale3d(1, 1, 1);transition:1s;}
  to {transform: scale3d(1.1, 1.1, 1.1);transition:1s;}
}
.zoomOutImage {animation-name: zoomOutImage;transition:1s;}

.main-title {text-align:center; margin-bottom:40px;}
.main-title h2 {font-size:40px; line-height:1.4em; color:#000;font-weight:800; margin-bottom:20px;}
.main-title .cnt {font-size:18px; line-height:1.4em; font-weight:700;}

.main-medecal {padding:85px 0;}
.main-medecal .slick-list {margin:0 -23px;}
.main-medecal .slick-slide {padding:0 23px;}
.main-medecal a {display:block; position:relative;}
.main-medecal a:after {content:"";position:absolute; bottom:0; right:0; width:0; height:0; border-left:20px solid transparent; border-bottom:20px solid #fff; z-index:3}
.main-medecal .content {position:absolute; bottom:0; left:0; width:100%; z-index:2; padding:30px 15px; text-align:center; font-size:20px; line-height:1.4em;font-weight:500; color:#fff; display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,.50);}
.main-medecal .content .tit {margin-right:20px;}
.main-medecal .thumb img {width:100%}
.main-medecal .slick-arrow {position:absolute; top:50%; border:0; margin-top:-30px; width:60px; height:60px; border-radius:50%; background-color:#000; background-repeat:no-repeat; background-position:50% 50%; font-size:0; line-height:0; z-index:20}
.main-medecal .slick-prev {left:-100px; background-image:url('../images/main/slide_prev.png')}
.main-medecal .slick-next {right:-100px; background-image:url('../images/main/slide_next.png')}

.main-clinic {padding:105px 0 180px; background:url('../images/main/clinic_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.main-clinic .main-title {margin-bottom:90px;}
.main-clinic ul {display:flex;flex-wrap:wrap; justify-content:center; margin:0 -10px;}
.main-clinic ul li {width:16.666666%; text-align:center; padding:0 10px;}
.main-clinic ul li .img {margin-bottom:20px;}
.main-clinic ul li .tit {font-size:22px; line-height:1.3em; color:#000;font-weight:500;}


.main-board {padding:110px 0;}
.main-board .row {display:flex; margin:0 -31px;}
.main-board .col {width:50%; padding:0 31px;}
.main-board h2 {font-size:28px; line-height:1.4em; color:#242424; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.main-board h2 span {padding-left:10px; font-size:16px; line-height:1.3em; color:#999;font-weight:300;}
.main-board .list {position:relative;}
.main-board .list ul li {position:relative;font-size:16px; line-height:36px; color:#777; padding-left:10px;}
.main-board .list ul li:after {content:"";position:absolute; top:50%; margin-top:-2px; left:0; width:4px; height:4px; background:#777; border-radius:50%;}
.main-board .list ul li a {display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main-board .list ul li a:hover {color:#000; text-decoration:underline;}
.main-board .list ul li span {color:#000; margin-right:10px;}
.main-board .more {position:absolute; top:20px; right:0; width:12px; height:12px;}
.main-board .more:before,
.main-board .more:after {content:""; position:absolute; background:#333}
.main-board .more:before {top:0; left:50%; width:2px; height:100%; margin-left:-1px;}
.main-board .more:after {top:50%; left:0; width:100%; height:2px; margin-top:-1px;}

.main-links {padding:150px 0; background:url('../images/main/cus_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.main-links .row {display:flex; margin:0 -12px;}
.main-links .row .col {width:50%; padding:0 12px;}
.main-links .group {display:flex; flex-wrap:wrap; margin:0 -8px -20px;}
.main-links .group .col-2 {width:50%; padding:0 8px; margin-bottom:20px;}

.main-customer {padding:70px 0; background:#4684ae}
.main-customer .row {display:flex; margin:0 -45px;}
.main-customer .col {width:50%; position:relative; padding:0 45px; background-repeat:no-repeat; background-position:90% 100%;}
.main-customer .col:after {content:"";position:absolute; top:0; left:0; width:1px; height:100%; background:#fff; opacity:.6;}
.main-customer .col:first-child:after {display:none}
.main-customer .col h2 {font-size:36px; line-height:1.4em; color:#c2e6fe; letter-spacing:-.50px; margin-bottom:10px;}
.main-customer .col .cnt {font-size:18px; line-height:1.4em; color:#fff}
.main-customer .col:nth-child(1) {background-image:url('../images/main/cus_icon1.png')}
.main-customer .col:nth-child(2) {background-image:url('../images/main/cus_icon2.png')}
.main-customer .col:nth-child(2) h2 {font-weight:300;}
.main-customer .col .btns {text-align:right;}
.main-customer .col .btns a {display:inline-flex; align-items:center; justify-content:center; padding:0 20px; background:#c2e6fe; font-size:20px ;line-height:42px; color:#000; border-radius:42px; text-align:center;}
.main-customer .col .btns .arrow {margin-right:10px; width:14px; height:7px; background:url('../images/main/arrow3.png') 50% 50% no-repeat}
.main-customer .col .tel {font-size:46px; line-height:1.4em; color:#fff; font-weight:800;font-family: 'NanumSquare',sans-serif;}