.main .en_tit {font-family: var(--pointfont); font-size: 3.125rem;}
.main .Tit {font-weight: 500; font-size: 2.875rem;}
.main .upper {text-transform: uppercase;}

.Ny_Btn {padding: .7rem 1rem; border:1px solid #fff; display: inline-block; font-weight: 400; letter-spacing: 1px; animation: fade-up 2.5s both; position: relative; white-space: nowrap;  background-color:transparent; color: transparent; width: 10.625rem; transition-property: all; transition-duration: 0.6s; z-index: 9; overflow: hidden; text-shadow: -50px 0 0 transparent, 0 0 0 #fff; transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);}
.Ny_Btn.Gr {border-color:#282828; text-shadow: -50px 0 0 transparent, 0 0 0 #282828;}

.Ny_Btn:before {width: 100%; height: 100%; top: 0; left: 0; background-color: var(--pointcolor); transform: translate(-100%, 0); content: ""; position: absolute; z-index: -3; transition-property: inherit; transition-duration: inherit; transition-timing-function: inherit;}
.Ny_Btn:hover {text-shadow: 0 0 0 #fff, 50px 0 0 transparent; border-color:var(--pointcolor);}
.Ny_Btn:hover:before {transform: translate(0, 0);}


.main .ygap4 {--y-gap:4rem;}
.main .ygap5 {--y-gap:5rem;}
.main .xgap8 {--x-gap:8rem;}
@media(max-width:1240px) {
    .main .xgap8 {--x-gap:4rem;}
}

/* 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 .TxtBox {position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:var(--layoutwidth);text-align: center;}

.mainslide .btn_Wrap {display: flex; align-items: center; position: relative; justify-content: center; bottom:10rem;}
.mainslide .swiper-pagination {background-color: rgba(255,255,255,.2);position: relative; max-width: 15rem; height:.125rem; padding: 0 2rem; border-radius: 2px;}
.mainslide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #fff;}

.mainslide .swiper-button-next, .mainslide .swiper-button-prev {position: relative; margin-top: 0; height: auto; width: 7rem; color:#fff;}
.mainslide .swiper-button-prev:after, .mainslide .swiper-button-next:after {content:'';}

@media(max-width:768px) {
    .mainslide {aspect-ratio: 250 / 348;}
    .mainslide .swiper-slide .bg.bg1 {background-position: 70%;}
    .mainslide .TxtBox {width: 90%;}
}

/* medical */
#medical .box {position: relative;}
#medical .box img {transition: ease-in-out .3s;}
#medical .box:hover img {filter: grayscale(1) brightness(0.7);}
#medical .Desc {position: absolute; width: 100%; height: fit-content; top:0; bottom:0; margin: auto;}
#medical .Num {border-bottom: 2px solid #fff; display: inline-block; padding:.3rem;}



/* doctor */
#doctor .bg_Logo {position: absolute; top:0; bottom:37.5rem; margin: auto; width: 70.8125rem; max-width: 100%; height: fit-content; z-index: -1; left: 4.1875rem;}
#doctor .DescTxt {background-color: #f4f4f4; padding: 5rem;}
#doctor .w_Line {width: 50px; height: 3px; background-color: var(--pointcolor); margin: 2rem 0 1.5rem;}
@media(max-width:990px) {
    #doctor .bg_Logo {left: 0;}
    #doctor .box.Img {order:2; width: 39rem; margin: auto;}
    #doctor .DescTxt .flex {flex-wrap: wrap;}
    #doctor .DescTxt .TxtBox {width: 100%;}
    #doctor .DescTxt .TxtBox.width35 {margin-top: 3rem;} 
}
@media(max-width:500px) {
   
}


/* philosophy */
#philosophy {background: no-repeat center url('/img/main/philosophyBg.jpg'); background-size: cover;}
#philosophy .philosophySwiper {padding-right: 2rem;}
#philosophy .swiper-slide {transition: ease .3s;}
#philosophy .swiper-slide-active {margin-top: 3rem;}
#philosophy .swiper-slide-next {margin-top: 7rem;}

@media(max-width:1400px) {
    #philosophy .flex {flex-wrap: wrap;} 
    #philosophy .flex .box {width: 100%;} 
    #philosophy .flex .box.width65 {margin-top: 3rem;} 
    #philosophy .swiper-slide-active,  #philosophy .swiper-slide-next {margin-top: 0;}
}



/* media */
#media .Btn_wrap {display: flex; justify-content: space-between; align-items: center;}
#media .w_Line {width: 100%; height: 1px; background-color: #ccc; margin: 3rem auto;}
#media .TitBox {border-radius: 10px; background-color: var(--pointcolor); width: 8rem; color:#fff; padding: .5rem 1rem; font-weight: 400; display: flex; align-items: center; justify-content: center; line-height: 1; margin-right: 2rem;}
#media .TitBox.sec {background-color: #8900e1;} 
#media .Desc {display: flex; justify-content: space-between; width: 100%;}
#media ul li a {display: flex; align-items: center;}
#media ul li + li {margin-top: 2.5rem;}

@media(max-width:500px) {
    #media ul li {flex-direction: column; align-items: start;}
    #media .TitBox {margin-bottom: .5rem;}
}



/* map */
#map ul li {display: flex;}
#map ul li + li {margin-top: 2rem;}
#map .one {width: 3.75rem; height: 3.75rem; max-width: 30%; background-color: var(--pointcolor); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1.5rem;}
#map .one .icon {width: 1.875rem;}
#map .Desc {width: 70%;}
#map table {width: 100%; max-width: 28.125rem;}
#map table td {padding: .3rem 0;}

#map .root_daum_roughmap {width: 100%; height: 42.6875rem;} 
#map .root_daum_roughmap .wrap_map {width: 100%; height: 42.6875rem;} 
@media(max-width:990px) {
    #map .flex {flex-wrap: wrap;}
    #map .box {width: 100%;}
    #map .box.map {margin-top: 3rem;}
}


/* footer */
footer {background-color: #282828;}
footer table {width: 100%; max-width: 43rem;}
footer table td {padding: .3rem 0;}
footer .box .Logo {width: fit-content; margin-left: auto; display: flex; flex-direction: column; align-items: center;}
footer .box .footerLogo {width: 13.75rem;}
@media(max-width:768px) {
    footer .box .Logo {margin-right: auto;}  
    footer .box .info {width: fit-content; margin: auto;}  
}



.q_link.top {position: fixed; bottom:4rem; right:2rem; transform: rotate(-90deg); z-index: 999; width: 3.75rem; height: 3.75rem; border-radius: 50%; background-color: var(--pointcolor); color:#fff;}