/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@charset "utf-8";

/* main */
html, body{height:auto;}
#hd{border:none;}
#wrapper{padding-bottom:80px;}

/* animate */
.animate-left {opacity:0; visibility: hidden; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px); -webkit-transition:2s all ease; -o-transition:2s all ease; transition:2s all ease; -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;}
.animate-right{opacity:0; visibility: hidden; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px); -webkit-transition:2s all ease; -o-transition:2s all ease; transition:2s all ease; -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;}
.animate-btm{opacity:0;visibility: hidden;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px); -webkit-transition:2s all ease; -o-transition:2s all ease; transition:2s all ease; -webkit-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s;}
.animate-fade{opacity:0;visibility: hidden; -webkit-transition:2s all ease; -o-transition:2s all ease; transition:2s all ease; -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s;}
.visible .animate-left,
.visible .animate-right,
.visible .animate-fade,
.visible .animate-btm {opacity:1;visibility: visible;-webkit-transform: translate(0);-ms-transform: translate(0);transform: translate(0);}

/* main */
.section {}
.section .section-inner{position:relative;width:1220px;margin:0 auto;padding:0 10px;}
.section .hgroup .title{font-size:32px;font-weight:500;line-height: 1.31;letter-spacing: -1.14px;}
.section .hgroup .par{margin-top:12px;font-size:16px;line-height: 1.63;letter-spacing: -0.71px;}
.more {margin-top:39px;}
.more .btn-more{font-size: 16px;font-weight: bold;line-height: 1.56; letter-spacing: -0.71px;color:#164fb7;}
.more .btn-more .xi{display:inline-block;margin:0 0 0 7px;width:44px;height:44px;line-height:42px;border:1px solid #164fb7;border-radius:50%; vertical-align:middle;font-size:22px;text-align:center;color:#164fb7;}


.visual{position:relative;width:100%;max-width:1376px;height:775px;margin:0 auto;color:#fff;}
/* .visual-container{z-index:2;position:absolute;top:50%;left:50%;width:1376px;margin: -150px 0 0 -560px; top: 50%; left: 50%;} */
.visual .video{overflow:hidden;position: absolute;top:0;left:0;width:100%;height:100%;border-radius: 4px;background:#fff;border:1px solid #fff;}
/* .visual .video:after{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:block;content:'';opacity:0.4;background:#000;} */
/* .visual .video video{position: absolute;left: 50%; top: 50%;min-width:102%;min-height:102%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} */
.visual .video video{position: absolute;left: 50%; top: 50%;width:100%;height:100%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background:none;}
.visual h2{font-size: 40px;font-weight: bold; line-height: 1.25; letter-spacing: -2px; }
.visual p{margin-top:26px;font-size: 18px; line-height: 1.67; letter-spacing: -0.8px; }
.visual .first-guide{margin-top:136px; -webkit-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s;}
.visual .first-guide ul:after{display:block;content:'';clear:both;}
.visual .first-guide li{float:left;}
.visual .first-guide li ~ li{margin-left:22px;}
.visual .first-guide li a{position:relative;display:block;width: 240px; height: 90px; padding:0 0 0 30px; border-radius: 4px; -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.11); box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.11); background-color: #4f98e5;color:#fff;}
.visual .first-guide li a .subject{display:block;padding-top:21px;font-size: 18px; font-weight: bold; letter-spacing: -0.8px;}
.visual .first-guide li a .more{display:block;margin-top:1px;font-size: 13px;letter-spacing: -0.58px;}
.visual .first-guide li a .ico{position:absolute;top:0;right:32px;height:100%;background-position:0 50%;background-size:100%;background-repeat:no-repeat;}
.visual .first-guide li:nth-child(1) a .ico{width:33px;background-image:url('../../../img/ico_section01_01.png');}
.visual .first-guide li:nth-child(2) a .ico{width:30px;right:30px;background-image:url('../../../img/ico_section01_02.png');}
.visual .first-guide li:nth-child(3) a .ico{width:34px;right:28px;background-image:url('../../../img/ico_section01_03.png');}
.visual .scroll-animate{position: absolute;bottom:-40px;left:50%;animation: srollAnimate 1.5s ease infinite;animation-iteration-count: infinite;}
.visual .scroll-animate .xi{font-size:22px;color:#164fb7;transform:rotate(90deg);}

@keyframes srollAnimate {
  0% {
    transform:translateY(0);
  }
  50% {
    transform:translateY(8px);
  }
  0% {
    transform:translateY(0);
  }
}

#section0 .facility-guide{margin-top:54px;text-align:center;}
#section0 .facility-guide ul{display:inline-block;overflow:hidden;}
#section0 .facility-guide li{float:left; width: 380px; height: 160px;}
#section0 .facility-guide li ~ li{margin-left:30px;}
#section0 .facility-guide li > a {position: relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width: 380px; height: 160px;border-radius: 4px; border: solid 1px #d5d5d5;background:#fff;text-align:left;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.06);}
#section0 .facility-guide li > a:hover {border-color:#164fb7;color:#164fb7;box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.06);}
#section0 .facility-guide li .icon{width:150px;height:70px;text-align:center;-webkit-transition:.3s background ease;transition:.3s background ease;}
#section0 .facility-guide li.f1 .icon{background:url('../../../img/ico_section03_01.png') no-repeat 50% 0;}
#section0 .facility-guide li.f2 .icon{background:url('../../../img/ico_section03_02.png') no-repeat 50% 0;}
#section0 .facility-guide li.f3 .icon{background:url('../../../img/ico_section03_03.png') no-repeat 50% 0;}
#section0 .facility-guide li.f1 a:hover .icon{background:url('../../../img/ico_section03_01_hover.png') no-repeat 50% 0;}
#section0 .facility-guide li.f2 a:hover .icon{background:url('../../../img/ico_section03_02_hover.png') no-repeat 50% 0;}
#section0 .facility-guide li.f3 a:hover .icon{background:url('../../../img/ico_section03_03_hover.png') no-repeat 50% 0;}
#section0 .facility-guide li .subject{display:block;font-size: 18px;letter-spacing: -0.64px;}
#section0 .facility-guide li .par{margin:4px 0 0 0;}
#section0 .hgroup{margin:77px 0 0 50px;}

#section1 {margin-top:50px;}
#section1 .hgroup{padding:0 40px;}
#section1 .more {margin-top:40px;padding:0 40px;}
#section1 .more a{font-size:16px;color:#4f98e5;}
#section1 .more a .xi{margin-top:4px;font-size:17px;vertical-align:top;}
#section1 .carousel{max-width:1440px;margin:82px auto 0 auto;}
#section1 .carousel .swiper-slide{border-radius:0;}
#section1 .carousel .swiper-slide img{width:100%;}
.carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#164fb7;}

#section2 {margin-top:145px;}
#section2 .hgroup{text-align:center;}

#section3 {margin-top:122px;}
#section3 .treatment-guide{display:flex;justify-content: space-between;color: #164fb7;}
#section3 .treatment-guide .item{position:relative;text-align:center}
#section3 .treatment-guide .item:after{position: absolute;top:0;left:-124px;display:block;content:'';width:1px;height:100%;background:#164fb7;}
#section3 .treatment-guide .item strong{display:block;margin:0 0 7px 0;font-size: 24px; line-height: 1.6; letter-spacing: -0.86px;}
#section3 .treatment-guide .item p,
#section3 .treatment-guide .item ul{font-size: 16px; font-weight: 500; line-height: 1.63; letter-spacing: -0.71px;}
#section3 .treatment-guide .item ul{margin:6px 0 0 0;}
#section3 .treatment-guide .item p {margin:19px 0 0 0;}
#section3 .treatment-guide .item.call {width:320px;height:100%;padding:0 0 0 60px;text-align:center;}
#section3 .treatment-guide .item.call:after {display:none;}
#section3 .treatment-guide .item.call .phone{font-size: 32px; font-weight: 500; font-style: normal;  letter-spacing: normal;font-family: 'Lato';color: #164fb7;}
#section3 .treatment-guide .item.call .btn-white{margin-top:13px;width:100px;border:1px solid #164fb7;color:#164fb7;}


/* quick */
#quick{z-index:999;position: fixed; top: 50%; right: 32px; margin-top: -170px; background: #fff; border-radius: 4px;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.11);border: solid 1px #ebebeb;}
#quick li {display: table;width:110px;height:100px;text-align: center;}
#quick li ~ li{border-top:1px solid #eee;}
#quick li:last-child{height:128px;}
#quick li a{display:table-cell;width:100%;font-size:13px;font-weight:bold;vertical-align:middle;}
#quick li a em {display:block;margin-top:8px;font-size: 13px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.23; letter-spacing: -0.25px;}
#quick li:first-child a em {margin:-3px 0 5px 0;font-weight:bold;}
#quick li:last-child a em {margin:8px 0 5px 0;font-weight:bold;}
#quick li a span {font-weight:bold;font-family:'Lato';letter-spacing: -0.5px;}
#quick li.news a{color:#dd5d5d;}
#quick li.naver a{color:#18d231;}
#quick li.naver .img .xi{font-size:28px;}
#quick li:last-child a{color:#164fb7;}