main {overflow: hidden;}
.en {letter-spacing: 0;}

.moreBtn {width: 22.5rem; padding: 1.25rem 0; line-height: 1; border-radius: 100px; border: 1px solid var(--pointcolor); color: var(--pointcolor); display: block; transition: .3s; text-align: center; margin: auto;}
.moreBtn:hover {background: var(--pointcolor); color: #fff; font-weight: 600; }
.moreBtn i {margin-left: .5rem;}

.moreBtn.reverse {background: #fff; color: var(--pointcolor);}
.moreBtn.reverse:hover {background: var(--pointcolor); color: #fff; font-weight: 600; }

@media(max-width: 768px) {
    .moreBtn {max-width: 26rem; width: 100%;}
}

/* 메인히어로 */
#hero {height: 54rem; display: flex; align-items: center; justify-content: center; background-image: url("/img/main/hero_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; color: #fff; position: relative;}
#hero .address {width: fit-content; padding: 1rem 3rem; border-radius: 100px; background: rgba(255, 255, 255, .65); border: 2px solid #fff; backdrop-filter: blur(5px); margin: auto;}

#hero .scroll {position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
#hero .scroll .line {position: relative; overflow: hidden; height: 5rem;}
#hero .scroll .line:before {position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: 5rem; background: rgba(255, 255, 255, .35); content: ""; z-index: 1;}
#hero .scroll .line:after {position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: 2rem; background: #fff; content: ""; z-index: 1; animation: scrollDown 2s infinite;}

@keyframes scrollDown {
    0% {
        top: -10%
    }
    100% {
        top: 130%;
    }
}

@media(max-width:768px) {
    #hero {height: calc(100vh - 6.5rem); background-image: url("/img/main/hero_bg_m.jpg");}
    #hero .address {width: 80%;}
}

@media(max-width:500px) {
    #hero .address {width: 90%;}
}

/* 의료진 */
#doctor {max-width: 1920px; width: 100%; margin: auto;}
#doctor .flexList {--x-gap: 0rem; --y-gap: 3.5rem;}
#doctor .textbox {padding-left: 7.5%;}
#doctor .imgbox img {border: 1px solid var(--sub2color); border-radius: .75rem; overflow: hidden;}

#doctor .profile li {position: relative; padding-left: 1rem;}
#doctor .profile li:nth-child(n+2) {margin-top: .5rem;}
#doctor .profile li:after {position: absolute; left: 0; top: 0; content: "·"; color: var(--pointcolor);}

#doctor .bgTxt {font-size: 8.125rem; letter-spacing: .075em; font-weight: 700; color: #edfcf3; position: absolute; z-index: -1;}
#doctor .bgTxt.left {left: 2.5%; top: 6%;}
#doctor .bgTxt.right {right: 2.5%; bottom: 6%;}

@media(max-width:1580px) {
    #doctor .bgTxt.left {top: 1.5%;}
}

@media(max-width:768px) {
    #doctor .bgTxt {font-size: 6.25rem;}
    #doctor .textbox {padding-left: 0;}
}

/* 포인트섹션 */
#point {border-radius: 5rem; overflow: hidden;}

#point .item {background-repeat: no-repeat; background-size: cover; background-position: center; }
#point .item:nth-child(1) {background-image: url("/img/main/point_bg01.jpg");}
#point .item:nth-child(2) {background-image: url("/img/main/point_bg02.jpg");}
#point .item:nth-child(3) {background-image: url("/img/main/point_bg03.jpg");}
#point .item:nth-child(4) {background-image: url("/img/main/point_bg04.jpg");}

@media(max-width:768px) {
    #point {border-radius: 3.75rem;}
    #point .item {aspect-ratio: 75 / 84;}
    #point .item:nth-child(1) {background-image: url("/img/main/point_bg01_m.jpg");}
    #point .item:nth-child(2) {background-image: url("/img/main/point_bg02_m.jpg");}
    #point .item:nth-child(3) {background-image: url("/img/main/point_bg03_m.jpg");}
    #point .item:nth-child(4) {background-image: url("/img/main/point_bg04_m.jpg");}
}

@media(max-width:500px) {
    #point .item {aspect-ratio: 3 / 4;}
}

@media(max-width:360px) {
    #point .item h2 br {display: none;}
    #point .item p br {display: none;}
}

/* 장비섹션 */
#equipment .imgbox {border: 1px solid var(--sub2color); border-radius: .75rem; overflow: hidden;}

#equipment .swiperBtn {display: flex; width: 100%; justify-content: space-between; position: absolute; top: 45%; transform: translateY(-50%);}
#equipment .swiperBtn > div {position: initial;}
#equipment .swiperBtn > div:after {font-size: 1.5rem; color: var(--pointcolor); font-weight: 700;}

#equipment .EquipmSwiper {width: 93.5%; margin: auto;}

@media(max-width:768px) {
    #equipment .EquipmSwiper {width: 80%;}
    #equipment .swiperBtn > div:after {font-size: 2rem;}
}

/* 특화진료 */
#treatment {background: linear-gradient(to bottom, var(--backcolor) 70%, #fff) 100%;}
#treatment .box {padding: 3.75rem; border: 1px solid var(--sub2color); border-radius: .75rem;}
#treatment .imgbox {border-radius: .75rem; overflow: hidden;}

/* 둘러보기 */
#interior .swiper-slide {transform: scale(.8); transition: .3s; border-radius: .75rem; overflow: hidden; opacity: .35;}
#interior .swiper-slide-active {transform: scale(1); opacity: 1;}

#interior .swiperBtn {background: var(--pointcolor); display: flex; align-items: center; justify-content: center; gap: 2rem; width: 21rem; padding: 1.5rem 0; border-radius: .75rem .75rem 0 0; line-height: 1; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 1;}
#interior .swiperBtn > div {position: initial; color: #fff; width: fit-content; margin-top: 0; height: auto;}

#interior .swiper-pagination {display: flex; align-items: center; justify-content: center; gap: 1rem; width: fit-content;}
#interior .swiper-pagination .divider,
#interior .swiper-pagination-total {color: var(--sub2color);}
#interior .swiper-button-prev:after, 
#interior .swiper-button-next:after {display: none;}

@media(max-width:990px) {
    #interior .swiper-slide {transform: scale(.9);}
    #interior .swiper-slide-active {transform: scale(1);}
}

/* 오시는길 */
#location { scroll-snap-align: start !important;}
#location .mapWrap {width: 100%; border: 1px solid var(--light-gray); border-radius: .75rem; overflow: hidden; position: relative; z-index: 1;}
#location .wrap_map {height: 30rem;}

#location .flexList {--y-gap: 3.125rem;}
#location .subTitle {display: flex; align-items: center; gap: .625rem; padding-bottom: .625rem; border-bottom: 1px solid var(--pointcolor); margin-bottom: 1.25rem;}

#location .tel p,
#location .business p,
#location .name p {letter-spacing: 0;}

#location .timeTable li {display: flex; align-items: center; column-gap: 1.5rem;}
#location .timeTable li:nth-child(n+2) {margin-top: .375rem;}
#location .timeTable li .day,
#location .timeTable li .time {display: inline-block; text-align: justify; text-align-last: justify;}
#location .timeTable li .day {width: 5rem; letter-spacing: -.25em; font-weight: 600;}
#location .timeTable li .time {letter-spacing: .05em; font-variant-numeric: tabular-nums;}

#location .moreBtn {margin: auto;}

@media(max-width: 1440px) {
    #location .subTitle .icon {transform: scale(.8);}
}

@media(max-width: 990px) {
    #location .subTitle .icon {transform: scale(.7);}
}

@media(max-width:768px) {
    #location .timeTable li .day {width: 7rem;}
}

@media(max-width:360px) {
    #location .timeTable li {flex-wrap: wrap;}
    #location .timeTable li .Nolunch {padding-left: 8.5rem;}
}

/* 지도 초기화 */
.root_daum_roughmap .cont .section.lst,
.root_daum_roughmap .wrap_controllers {display: none;}