.bg-line {background: var(--linecolor); z-index: -1;}
.horiz-line {width: 100%; height: 1px;}

.swiper-arrows > * { cursor: pointer; }
@media (max-width:1240px){
    .swiper-arrows > * > img { max-width: 60px; }
}
@media (max-width:768px){
    .swiper-arrows > * > img { max-width: 50px; }
}

[slide-per="auto"] .swiper-slide { width: auto !important; }

.Tit { background: linear-gradient(#bf7fb7, #a771a7); background-clip: text; -webkit-background-clip: text; color: transparent; }

.flexy .box { margin-left: 1.5rem; }
.flexy .box:first-child { margin-left: 0; }
@media (max-width:1410px){
    .flexy .box:nth-child(n+3) { margin-top: 3.75rem; }
}
@media (max-width:990px){
    .flexy { justify-content: space-between; }
    .flexy .box { width: 48.5%; margin-left: 0; }
}

.order1 { order: 1; }
.order2 { order: 2; }

@media (max-width:990px){
    .order1 { order: 2; }
    .order2 { order: 1; }
}

#Visual { position: relative; width: 100%; aspect-ratio: 9/4; overflow: hidden; transition: transform .6s cubic-bezier(.32,.94,.6,1); }
#Visual .mainSwiper { position: relative; height: 100%; overflow: hidden; }
#Visual .mainSwiper .swiper-slide { height: 100%; overflow: hidden; backface-visibility: hidden; opacity: .5; transition: opacity 1s; }
#Visual .mainSwiper .swiper-slide-active { opacity: 1; }
#Visual .mainSwiper .swiper-slide .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: center no-repeat; background-size: cover; }
#Visual .mainSwiper .swiper-slide .bg1 { background-image: url(/img/main/img_mainslide_1.jpg); }
#Visual .mainSwiper .swiper-slide .swiper-txt { position: relative; height: 100%; }
#Visual .mainSwiper .swiper-slide .swiper-txt .box { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
#Visual .mainSwiper .swiper-button { color: #fff; }
#Visual .mainSwiper .swiper-button-prev { left: 2%; }
#Visual .mainSwiper .swiper-button-next { right: 2%; }
@media (max-width:990px){
    #Visual { aspect-ratio: 5/9; }
    #Visual .mainSwiper .swiper-slide { height: 100vh; }
    #Visual .mainSwiper .swiper-slide .bg { background-size: auto 100%; background-position: 55% center; }
    #Visual .mainSwiper .swiper-slide .bg1 { background-image: url(/img/main/img_mainslide_1.jpg); }
    #Visual .mainSwiper .swiper-slide .swiper-txt .box { width: 100%; left: 50%; top: 50%; text-align: left; transform: translate(-50%,-50%); }
}

#About .flexList .box:first-of-type { background-image: url(../img/main/img_about_bg.png); background-size: auto 100%; background-position: center; }
#About::after { position: absolute; content: ''; bottom: 0; right: 25%; width: 1px; height: 200px; background-color: var(--linecolor); z-index: -1; }
@media (max-width:1550px) {
    #About::after { height: 130px; }
}
@media (max-width: 990px) {
    #About::after { height: 100px; }
}
@media (max-width: 768px) {
    #About .box:first-child { aspect-ratio: 1/1; padding: 5rem 10%; }
    #About::after { height: 80px; }
}

#Doctor .flex .box { width: 50%; }
#Doctor .flex .box:first-of-type { border-right: 1px solid var(--linecolor); }
#Doctor .box.img .bg-img { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1; }
#Doctor .box.img .doc-img { position: relative; margin: auto; z-index: 3; }
#Doctor ul li { position: relative; padding-left: 15px; }
#Doctor ul li::before { position: absolute; content: '·'; left: 0; }
@media (max-width:990px){
    #Doctor .flex .box { width: 100%; }
    #Doctor .flex .box:first-of-type { border-right: 0; }
    #Doctor .box.txt { padding: 5rem 0; }
    #Doctor .box.txt .wrapper { width: 100%; }
    #Doctor .box.txt img { max-width: 200px; }
    #Doctor .box.txt .flex.items-end { justify-content: space-between; }
}
@media (max-width:768px){
    #Doctor .box.img .doc-img { width: 60%; margin: auto; }
    #Doctor .box.txt img { max-width: 35%; }
}

#Program { position: relative; background-image: url(../img/main/img_program_bg.png); background-size: 100% auto; background-repeat: no-repeat; background-position: center top; }
#Program .lineAnchor { position: relative; }
#Program .lineAnchor::before, #Program .lineAnchor::after { position: absolute; content: ''; left: 50%; transform: translateX(-50%); width: 1px; background-color: var(--linecolor); }
#Program .lineAnchor::before { top: -150px; height: 120px; }
#Program .lineAnchor::after { bottom: -150px; height: 75%; }
@media (max-width:1550px) {
    #Program .lineAnchor::before{ top: -100px; height: 80px; }
    #Program .lineAnchor::after { bottom: -100px; }
}
@media (max-width: 990px) {
    #Program .lineAnchor::before { top: -80px; height: 50px; }
    #Program .lineAnchor::after { bottom: -80px; }
}
@media (max-width: 768px) {
    #Program .width75 { width: 60%; }
    #Program .lineAnchor::before, #Program .lineAnchor::after { left: 45%; transform: translateX(-45%); }
    #Program .lineAnchor::before { top: -50px; height: 20px; }
    #Program .lineAnchor::after { bottom: -50px; }
}
#Program .swiper-prg { position: relative; margin-top: 2rem;  background: #fff; }
#Program .swiper-prg .swiper-pagination-progressbar-fill { background-color: var(--pointcolor); }

/* 롤링txt */
.rolling-txt {padding: 1.5rem 0;}
.rolling-txt .wrap {display: flex; overflow: hidden;}
.rolling-txt .rolling-list {display: flex; flex-shrink: 0;}
.rolling-txt .rolling-list .list {margin: 0 1.25rem; font-size: 2.500rem; color: var(--subcolor); display: flex; align-items: center; gap: 2.5rem;}

@keyframes rolling1 {
	0% { transform: translateX(0); }
	50% { transform: translateX(-100%); }
	50.01% { transform: translateX(100%); }
	100% { transform: translateX(0); }
}

@keyframes rolling2 {
	0% { transform: translateX(0); }
	100% { transform: translateX(-200%); }
}

.rolling-list.original {animation: rolling1 50s linear infinite;}
.rolling-list.clone {animation: rolling2 50s linear infinite;}

@media(max-width:768px) {
    .rolling-txt .rolling-list .list img {width: 18px;}
}

#Equipment::before, #Equipment::after { position: absolute; content: ''; left: 50%; transform: translateX(-50%); width: 1px; height: 170px; background-color: var(--linecolor); }
#Equipment::before { top: 0; }
#Equipment::after { bottom: 0; }
@media (max-width:1550px) {
    #Equipment::before, #Equipment::after { height: 100px; }
}
@media (max-width: 990px) {
    #Equipment::before, #Equipment::after { height: 70px; }
}
@media (max-width: 768px) {
    #Equipment::before, #Equipment::after { height: 50px; }
}

#Interior { position: relative; background-image: url(../img/main/img_interior_bg.png); background-size: 100% auto; background-repeat: no-repeat; background-position: center top; }
#Interior::before { position: absolute; content: ''; right: 30%; top: 0; width: 1px; height: 350px; background-color: var(--linecolor); }
@media (max-width:1550px) {
    #Interior::before { height: 280px; }
}
@media (max-width: 990px) {
    #Interior { background-size: auto 100%; }
    #Interior::before { height: 250px; }
}
@media (max-width: 768px) {
    #Interior::before { height: 230px; }
}

#Location .mapTit { width: 15%; }
#Location::before { position: absolute; content: ''; left: 25%; top: 0; width: 1px; height: 100%; background-color: var(--linecolor); z-index: 0; }
#Location::after { position: absolute; content: ''; width: 75%; height: 1px; background-color: var(--linecolor); bottom: 100px; right: 0; }
@media (max-width:1550px) {
    #Location::after { bottom: 65px; }
}
@media (max-width: 990px) {
    #Location::after { bottom: 50px; }
}
@media (max-width: 768px) {
    #Location::before, #Location::after { display: none; }
    #Location .box.pl-80 { padding-left: 0; }
}