#mainSlide {width: 100%;height: 100vh; overflow: hidden;}
#mainSlide .swiper {height: 100%;}
#mainSlide .swiper-slide .img {background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 2s; width: 100%; height: 100%;}
#mainSlide .swiper-slide.slide01 .img{background-image: url(/img/main/mainslide01.png)}
#mainSlide .swiper-slide.slide02 .img{background-image: url(/img/main/mainslide02.jpg)}
#mainSlide .swiper-slide.slide03 .img{background-image: url(/img/main/mainslide03.jpg)}
#mainSlide .swiper-slide.slide04 .img{background-image: url(/img/main/mainslide04.jpg)}
#mainSlide .swiper-slide-active .img{transform: scale(1.05);}
#mainSlide .swiper-slide .txt {position: absolute; top: 50%; left: 12%; transform: translateY(-50%); }
#mainSlide .slide01 .txt{left: 60%;}
#mainSlide .swiper-pagination-bullet{opacity: 1 !important; background: #fff; margin-bottom: 2px;}
#mainSlide .swiper-pagination-bullet-active{background: #363636; width: 14px; height: 14px; margin-bottom: 0;}
#mainSlide .swiper-pagination{bottom: 5%;}

.plan .flexList{--x-gap: 0rem}
.plan .flexList .box{overflow: hidden;}
.plan .flexList .box img{transition: all 0.3s;}
.plan .flexList .box:hover img{transform: scale(1.1);}

.doctor{background-image: url(/img/main/doc_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}

.point{ background-image: linear-gradient(to bottom, #fff, #bcbcbc);}
.point .clinic_wrap .flexList{--x-gap:0rem;}
.point .clinic_wrap {background-repeat: no-repeat; background-size: cover; height: 570px; transition: .6s cubic-bezier(0.5, 1, 0.89, 1); position: relative;}
.point .clinic_wrap:after{width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; content: ''; background-color: rgba(0,0,0,0.13); z-index: -1;}
.point .clinic_wrap>ul {top: 50%; transform: translateY(-50%); position: relative; }
.point .clinic_wrap>ul>li {height: 570px; border-right: 1px solid rgba(255,255,255,.5); transition: .3s; cursor: pointer;}
.point .clinic_wrap>ul>li:last-child {border: 0;}
.point .clinic_wrap>ul>li>.img, .point .clinic_wrap>ul>li> .txt02 {opacity: .4; transition: .6s cubic-bezier(0.5, 1, 0.89, 1);}
.point .clinic_wrap>ul>li> a {opacity: 0;  transition: .6s cubic-bezier(0.5, 1, 0.89, 1);height: 0;}

.point .clinic_wrap>ul>li .txt01{opacity: 0;}
.point .clinic_wrap>ul>li.on .txt01 {
    position: relative;
    animation: fadeInDown 1s;
}
.point .clinic_wrap>ul>li.on .txt02{opacity: 1}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

.point .clinic_wrap>ul>li.on>.img,
.point .clinic_wrap>ul>li.on> p {opacity: 1;}
.point .clinic_wrap>ul>li.on> a {opacity: 1; height: fit-content;}
.point .clinic_wrap>ul>li{position: relative;}
.point .clinic_wrap>ul>li.on:after{display: block; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); position: absolute; top: 0; left: 0; z-index: -1;}
.point .clinic_wrap .more{padding: 8px 20px; border-radius: 30px;}

.point .clinic_bg_wrapper {position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0; overflow: hidden; z-index: -1;  background: rgba(0, 0, 0, 0.4);}
.point .clinic_bg_wrapper .clinic_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1), transform 1s cubic-bezier(0.5, 1, 0.89, 1);  }

.point .clinic_bg_wrapper .bg01 {background-image: url(/img/main/point_bg01.jpg);}
.point .clinic_bg_wrapper .bg02 {background-image: url(/img/main/point_bg02.jpg);}
.point .clinic_bg_wrapper .bg03 {background-image: url(/img/main/point_bg03.jpg);}
.point .clinic_bg_wrapper .bg04 {background-image: url(/img/main/point_bg04.jpg);}
.point .clinic_bg_wrapper .bg05 {background-image: url(/img/main/point_bg05.jpg);}
.point .clinic_bg_wrapper .clinic_bg.visible {opacity: 1; transform: scale(1.1);}

/* 움직이는 텍스트 */
.animated-title {position: relative; width: 100%; max-width:100%; height: auto; padding:60px 0; overflow-x: hidden; overflow-y: hidden; }
.animated-title .track {position: absolute; top: 0;white-space: nowrap; will-change: transform; animation: marquee 60s linear infinite; }
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (hover: hover) and (min-width: 700px){
.animated-title .content {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
    }

.t_point .max1920 .width90{background-image: url(/img/main/point.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}

.branch{background-image: url(/img/main/branch_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.branch .box>div{position: relative;}
.branch .box>div .point-font{position: absolute; bottom: 3%; left: 50%; transform: translateX(-50%);}
.branch .box>div .font-20{position: absolute; top: 5%; left: 8%; font-weight: 500;}
.branch .box>div .font-20:after{display: block; content: ''; width: 100%; height: 1px; background-color: #000; position: absolute; bottom: 0; left: 0;}
.branch .branchSwiper{max-width: 1500px; margin-left: auto; margin-right: auto;}

.network{background-image: url(/img/main/network_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center;}

.main_cont06_right_box{position:relative; width:100%; height:800px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.main_cont06_right_swiper{position:relative; width:100%; height:100%; z-index: 100;}
.main_cont06_right_swiper > div{height:100%;}
.main_cont06_right_slide01{background: url(/img/main/point_bg01m.jpg) 50% 50%/cover no-repeat;}
.main_cont06_right_slide02{background: url(/img/main/point_bg02m.jpg) 50% 50%/cover no-repeat;}
.main_cont06_right_slide03{background: url(/img/main/point_bg03m.jpg) 50% 50%/cover no-repeat;}
.main_cont06_right_slide04{background: url(/img/main/point_bg04m.jpg) 50% 50%/cover no-repeat;}
.main_cont06_right_slide05{background: url(/img/main/point_bg05m.jpg) 50% 50%/cover no-repeat;}
.main_cont06_right_item_wrap{position:relative; width:100%; height:100%;}
.main_cont06_right_item_wrap:after{width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; content: ''; background-color: rgba(0,0,0,0.13); z-index: -1;}
.main_cont06_right_item{position:relative; width:100%; height:20%; padding:0 5%; background-color:transparent; display:flex; justify-content:space-between; align-items:center; overflow:hidden;}
.main_cont06_right_item + .main_cont06_right_item{border-top:1px solid rgba(255, 255, 255, 0.3);}
.main_cont06_right_text{opacity: 0.3;}
.main_cont06_right_text > a > p > i{margin-left:15px;}
.main_cont06_right_item.on{
    background-color:rgba(0, 0, 0, 0);
    transition: 1s ease-in-out;
    -webkit-transition: 1s ease-in-out;  
    -moz-transition: 1s ease-in-out;  
    -ms-transition: 1s ease-in-out;  
    -o-transition: 1s ease-in-out;
}
.main_cont06_right_item.on > .main_cont06_right_text{opacity: 1;}
.main_cont06_right_item > .main_cont06_right_text{
    width: 100%;
}

.main_cont06_right_item > .main_cont06_right_text > .txt01{
    opacity:0;
    transform:translateY(-4rem) translateZ(0);
    -webkit-transform:translateY(-4rem) translateZ(0);  
    -moz-transform:translateY(-4rem) translateZ(0);  
    -ms-transform:translateY(-4rem) translateZ(0);  
    -o-transform:translateY(-4rem) translateZ(0);
    transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;  
    -moz-transition:all 0.8s ease-in-out;  
    -ms-transition:all 0.8s ease-in-out;  
    -o-transition:all 0.8s ease-in-out;
}
.main_cont06_right_item.on > .main_cont06_right_text > .txt01{
    opacity:1;
    transform:translateY(0) translateZ(0);
    -webkit-transform:translateY(0) translateZ(0);  
    -moz-transform:translateY(0) translateZ(0);  
    -ms-transform:translateY(0) translateZ(0);  
    -o-transform:translateY(0) translateZ(0);
}
.main_cont06_right_item > .main_cont06_right_text > .txt02{
    opacity:0; margin-top:2rem;
    transform:translateY(40%) translateZ(0);
    -webkit-transform:translateY(40%) translateZ(0);  
    -moz-transform:translateY(40%) translateZ(0);  
    -ms-transform:translateY(40%) translateZ(0);  
    -o-transform:translateY(40%) translateZ(0);
    transition:all 1s ease-in-out;
    -webkit-transition:all 1s ease-in-out;  
    -moz-transition:all 1s ease-in-out;  
    -ms-transition:all 1s ease-in-out;  
    -o-transition:all 1s ease-in-out;
}
.main_cont06_right_item.on > .main_cont06_right_text > .txt02{
    opacity:1;
    transform:translateY(0%) translateZ(0);
    -webkit-transform:translateY(0%) translateZ(0);  
    -moz-transform:translateY(0%) translateZ(0);  
    -ms-transform:translateY(0%) translateZ(0);  
    -o-transform:translateY(0%) translateZ(0);
}
.main_cont06_right_text > a{position:relative; }
.main_cont06_right_item .main_cont06_right_text > a::after{
    content:''; position:absolute; bottom:-5px; left:0; width:100%; border-bottom:1px solid #fff; 
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform 0.8s 0.3s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.8s 0.3s cubic-bezier(1, 0, 0, 1);
}
.main_cont06_right_item:hover .main_cont06_right_text > a::after{
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}



@media(max-width: 1600px){
    #mainSlide .swiper-slide .txt{left: 5%;}
    #mainSlide .slide01 .txt{left: 60%;}

    .branch .branchSwiper{width: 90%;}
    .branch .width35{width: 40%;}
}
@media(max-width: 1400px){
    .branch .width35{width: 45%;}
}
@media(max-width: 1250px){
    .branch .branchSwiper .width35{width: 45%;}
}
@media(max-width: 1060px){
    .branch .branchSwiper .width35{width: 50%;}
}
@media(max-width: 990px){
    #mainSlide .swiper-slide .txt{top: auto; bottom: 13%; transform:none}
    #mainSlide .slide01 .txt{top: 20%; left: 50%; transform: translate(-50%, 0); width: 90%;}
    
    #mainSlide .swiper-slide.slide01 .img{background-image: url(/img/main/mainslide01m.jpg)}
    #mainSlide .swiper-slide.slide02 .img{background-image: url(/img/main/mainslide02m.jpg)}
    #mainSlide .swiper-slide.slide03 .img{background-image: url(/img/main/mainslide03m.jpg)}
    #mainSlide .swiper-slide.slide04 .img{background-image: url(/img/main/mainslide04m.jpg)}
    .plan .flexList{--y-gap: 0rem; width: 50%; margin-left: auto; margin-right: auto;}
/* 
    .point .clinic_wrap, .point .clinic_wrap>ul{height: 1200px; --y-gap: 0rem;}
    .point .clinic_wrap>ul>li{height: calc(100%/5); flex-direction: row; padding: 0 5%;}
    .point .clinic_wrap>ul>li .txt01{order: 2; width: 33%; margin-bottom: 0;}
    .point .clinic_wrap>ul>li .txt02{order: 1; display: flex; align-items: center; justify-content: space-around; width: 66%;}
    .point .clinic_bg_wrapper .bg01 {background-image: url(/img/main/point_bg01m.jpg);}
    .point .clinic_bg_wrapper .bg02 {background-image: url(/img/main/point_bg02m.jpg);}
    .point .clinic_bg_wrapper .bg03 {background-image: url(/img/main/point_bg03m.jpg);}
    .point .clinic_bg_wrapper .bg04 {background-image: url(/img/main/point_bg04m.jpg);}
    .point .clinic_bg_wrapper .bg05 {background-image: url(/img/main/point_bg05m.jpg);}
     */

    .doctor{background-image: url(/img/main/doc_bgm.jpg);}
    .network{background-image: url(/img/main/network_bgm.jpg);}

    .branch{background-image: url(/img/main/branch_bgm.jpg); background-position: bottom;}
    .branch .branchSwiper{width: 100%;}
    .branch .branchSwiper .width35{width: 35%;}
    .branch .branchSwiper ul{margin-top: 80px;}
    .branch .branchSwiper ul li a{padding: 20px 0;}
    .branch .branchSwiper .swiper-horizontal>.swiper-pagination-bullets, .branch .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: auto; top: 58%; transform: translateY(-50%);}
    .branch .branchSwiper .swiper-pagination-bullet{opacity: 1 !important; background: #fff; margin-bottom: 2px;}
    .branch .branchSwiper .swiper-pagination-bullet-active{background: #363636; width: 14px; height: 14px; margin-bottom: 0;}
    .branch .branchSwiper .swiper-slide ul{display: none;}
    .branch .branchSwiper .swiper-slide-active ul{display: block;}
}
@media(max-width: 900px){
    .branch .branchSwiper .swiper-horizontal>.swiper-pagination-bullets, .branch .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{top: 55%;}
}
@media(max-width: 768px){
    .branch .branchSwiper .swiper-horizontal>.swiper-pagination-bullets, .branch .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{top: 58%;}
    .plan .flexList{width: 70%;}

}

@media(max-width: 680px){
    .branch .branchSwiper .swiper-horizontal>.swiper-pagination-bullets, .branch .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{top: 54%;}

    .plan .flexList{width: 80%;}
}
@media(max-width: 530px){
    .branch .branchSwiper .swiper-horizontal>.swiper-pagination-bullets, .branch .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{top: 52%;}

}

@media(max-width: 400px){
    .branch .branchSwiper .swiper-horizontal>.swiper-pagination-bullets, .branch .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{top: 50%;}

}

@media(max-width: 350px){
    .branch .branchSwiper .width35{width: 37%;}
}