.main_path path {opacity: 0;fill:none;stroke:#000 ;stroke-miterlimit:10;}
.main_path path.load_end {opacity: .15;animation: dash 1.5s linear forwards; transition: .5s;}

.swiper-button-next:after, .swiper-button-prev:after {position: relative; content: "";}

.mainTit {font-family: var(--pointfont); font-size: 2.500rem;}



/* mainslide */
.mainslide {overflow: hidden;position: relative;width: 100%;aspect-ratio: 16/8;transition: transform .6s cubic-bezier(.32,.94,.6,1);}
.mainslide.on .swiper{opacity: 1;transform: scale(1);}
.mainslide .swiper {opacity: 0;transform: scale(1.03);width: 100%;height: 100%;transition: all 2s cubic-bezier(.32,.94,.6,1);}
.mainslide .swiper-slide {height: 100%;overflow: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: transform .3s;}
.mainslide .swiper-slide .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: center no-repeat;background-size: cover;}
.mainslide .swiper-slide .bg.bg1 {background-image: url(/img/main/mainslide01.jpg);}
.mainslide .swiper-slide .bg.bg2 {background-image: url(/img/main/mainslide02.jpg);}
.mainslide .swiper-slide .bg.bg3 {background-image: url(/img/main/mainslide03.jpg);}

.mainslide .btn_Wrap {display: flex; align-items: center; justify-content: center; position: relative; bottom:9rem; padding-top:2rem;}
.mainslide .btn_Wrap p {position:absolute; top:0; right:0; left:0; margin: auto; z-index: 9; width: fit-content; letter-spacing: 1px;}

.mainslide .swiper-button-next, .mainslide .swiper-button-prev {position: relative; width: fit-content; height: fit-content; margin-top: 0; padding: 0 2rem;}
.mainslide .swiper-button-next {}
.mainslide .swiper-button-prev {}
.mainslide .swiper-button-prev img {transform: rotate(180deg);}

.mainslide .swiper-pagination {background-color: rgba(255,255,255,.3);position: relative; max-width: 15rem; height:4px; padding: 0 2rem; border-radius: 2px;}
.mainslide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #fff; border-radius: 2px;}

@media (max-width:990px){
    .mainslide .swiper-button-next, .mainslide .swiper-button-prev{width: 62px;height: 62px;}
}
@media (max-width:768px){
	.mainslide .btn_Wrap {bottom:6rem; padding-top:0;}
    .mainslide{aspect-ratio: 250 / 458;}
    .mainslide .swiper-slide .bg.bg1 {background-image: url(/img/main/mainslide01_m.jpg);}
    .mainslide .swiper-slide .bg.bg2 {background-image: url(/img/main/mainslide02_m.jpg);}
    .mainslide .swiper-slide .bg.bg3 {background-image: url(/img/main/mainslide03_m.jpg);}
}


.main .Signature {position: relative;}
.main .Signature .main_path {position: absolute; top:9.6rem; width: 100%; left: -3rem; right: 0;}

.main .SignatureSwiper .btn_Wrap {display: flex; align-items: center; justify-content: space-between; margin-top: 4rem; max-width: 1400px; padding: 1rem 1rem 1rem 0;}
.main .SignatureSwiper .swiper-pagination-progressbar {position: relative; max-width: 1000px; background: rgba(0,0,0,.05);}
.main .SignatureSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #000;}
.main .SignatureSwiper .swiper-button-next, .main .SignatureSwiper .swiper-button-prev {position: relative; transition: all .3s; margin-top: 0; width: 3.75rem; height: 3.75rem; border-radius: 50%; border:1px solid #000}
.main .SignatureSwiper .swiper-button-next {right: 0;}
.main .SignatureSwiper .swiper-button-prev {left: 0.625rem; opacity: .5;}
.main .SignatureSwiper .swiper-button-prev img {transform: rotate(180deg);}

.swiper-button-next:hover, .swiper-button-prev:hover {transform: scale(1.2);}


.main .solution {background: no-repeat center url('/img/main/solutionBg.jpg'); background-size: cover; }
.main .solution .descWrap {max-width: 740px; margin-left: auto;}
.TitWrap {position: relative; height: 15.313rem; display: flex; align-items: center; justify-content: center;}
.logoImg {position: absolute; width: 15.313rem; height: fit-content; right:0; left:0; top:0; bottom:0; margin: auto;}
.main .solution .btnWrap {justify-content: center;}

.btnWrap {display:flex; align-items: center;}
.line {width: 4rem; height: 1px; margin: 0 2rem;}
.btnOne {width: 3.75rem; height: 3.75rem; transition: all .5s; border-radius: 50%; border:1px solid #fff; display: flex; align-items: center; justify-content: center;}
.btnOne.BL {border-color:#000;}
.btnOne.invert img {filter: invert(1);}

.btnOne:hover {filter: drop-shadow(2px 2px 4px rgba(0,0,0,.5));}



.main .doctor {position: relative; background-color: #f4f4f4; overflow: hidden;}
.main .doctor .TxtWrap {max-width: 850px; z-index: 5;}
.main .doctor .btnOne {border-color:#000;}
.main .doctor .btnOne img {filter: invert(0);}
.main .doctor .doctorImg {position: absolute; left: 55%; bottom:0; width: 36.75rem; z-index: 3;}

@media(max-width:768px) {
    .main .doctor .doctorImg {position: relative; left: 0; right:0; margin: auto; bottom:-8rem;}
}

.mapinfo .infoWrap {display: flex; justify-content: space-between;}
.mapinfo .Desc {max-width: 44rem; width:42%; padding-right: 4rem;}
.mapinfo .Tit_wrap {display: flex; align-items: center;}
.mapinfo .line {height: 1px; background-color: #000; margin: 0 2rem;}
.mapinfo .line.line1 {width: 15.313rem;}
.mapinfo .line.line2 {width: 6.875rem;}

.mapinfo .mapBox {max-width: 59rem; width:58%; position: relative;}
.mapinfo .root_daum_roughmap {width: 100%; height: 43.75rem;}
.mapinfo .root_daum_roughmap .wrap_map {height: 43.75rem;}
.mapinfo .mapBtn {position: absolute; bottom:3rem; left: 3rem; z-index: 9;}
.mapinfo .callBtn {background-color: #000; border-radius: 30px; padding:.7rem 1.5rem;}
.mapinfo .mapBtn img, .mapinfo .callBtn img {width: 2.25rem;}
.mapinfo .kakaoBtn {background-color: #fae100; border-radius: 30px; padding:.7rem 1.5rem; margin-top: .5rem;}
.mapinfo .counselBox {display: flex;align-items: center;}
.mapinfo .counselBox +.counselBox{margin-top: 5px;}
.mapinfo .counselBox .icon{width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-self: center;padding: 5px;}
.mapinfo .counselBox .icon img{margin: auto;}
.mapinfo .counselBox.tel .icon{background-color: #000;}
.mapinfo .counselBox.kakao .icon{background-color: #fae100;}

@media(max-width:900px) {
    .mapinfo .infoWrap {flex-direction: column;}
    .mapinfo .Desc {width: 100%;}
    .mapinfo .mapBox {width: 100%; margin-top: 2rem;}
}


footer table {max-width:43.75rem; width: 100%;}
footer ul li {position: relative;}
footer ul li:after {content:'·'; left: 0; position: absolute;}
footer ul li:first-child:after {content:'';} 
footer ul li+li {margin-left: 1rem; padding-left: 20px;}
footer ul li a {color:#fff;}
footer .box img {width: 13.688rem;}
@media(max-width:400px) {
    footer ul.justify-end {justify-content: flex-start;}
    footer .box img {margin-right: auto;}
}