.register{max-width: 1600px; padding: 200px 0;}

.more span:nth-child(1){border-bottom: 2px solid var(--subcolor); line-height: 1;}

#mainslide {width: 100%; height: 100vh; position: relative;}
#mainslide .swiper {height: 100%; overflow: hidden; position: relative;}
#mainslide .swiper-slide .img{background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .3s; width: 100%; height: 100%;}
#mainslide .swiper-slide.slide01 .img{background-image: url(/img/main/mainslide01.jpg)}
#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.slide05 .img{background-image: url(/img/main/mainslide05.jpg)}
#mainslide .swiper-slide .txt {width: 1500px; position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);}
#mainslide .s_arrow_btn{position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); z-index: 3; }
#mainslide .s_arrow_btn .arrow_box{width: 300px;}
#mainslide .swiper-button-next:after, #mainslide .swiper-button-prev:after{display: none;}
#mainslide .pagination_progress{width: 90px; height: 3px; background: rgba(255,255,255,.3) ;position: relative; overflow: hidden; z-index: 1; left: 50%; transform: translateX(-50%);}
#mainslide .pagination_progress .bar{display: block; height: 100%; width: 0%; background: #fff; transition: width .3s ease;}

#mainslide .swiper-pagination span:nth-child(1){position: absolute; top: 50%; left: 20%;}
#mainslide .swiper-pagination span:nth-child(2){position: absolute; top: 50%; right: 20%;}

.main_bg{background: url(/img/main/main_bg.png) no-repeat center / cover;}
.title p.point-color{padding-left: 20px; position: relative;}
.title p.point-font:after{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #e66328; position: absolute; top: 10px; left: 0;}

#signature .flexList{--x-gap: 2rem}
#signature .box{position: relative; border-radius: 20px; overflow: hidden;}
#signature .box img{transition: all 0.3s;}
#signature .box .text-box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#signature .box .img-box{position: absolute; bottom: 5%; right: 5%;}
#signature .box:hover img{scale: calc(1.1);}

#how .line{width: 100%; height: 1px; background-color: #beb7ab;}
#how .drag-cursor {position: fixed; top: 0; left: 0; width: 175px; height: 175px; border-radius: 50%; background: rgba(152, 150, 144, 0.5); /* 반투명 */ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; pointer-events: none; transform: translate(-50%, -50%); z-index: 9999; opacity: 0; }

#doctor{border-top: 1px solid #dedbd5; position: relative;}
#doctor:after{content: ''; display: block; height: 100%; width: 1px; background-color: #dedbd5; position: absolute; top: 0; right: 2.5%; z-index: -1;}
#doctor:before{content: ''; display: block; height: 100%; width: 1px; background-color: #dedbd5; position: absolute; top: 0; left: 2.5%; z-index: -1;}
#doctor .img-box{z-index: 2;}
#doctor .txt-box{background: url(/img/main/doctor_bg.jpg) no-repeat right / cover; padding: 8rem 12rem 8rem; z-index: 1; border-radius: 20px;}

#equipment{position: relative;}
#equipment .width95:after{content: ''; display: block; height: 45%; width: 1px; background-color: #dedbd5; position: absolute; top: 0; left: 0; z-index: -1;}
#equipment:after{content: ''; display: block; height: 45%; width: 1px; background-color: #dedbd5; position: absolute; top: 0; right: 2.5%; z-index: -1;}
#equipment:before{content: ''; display: block; height: 1px; width: 100%; background-color: #dedbd5; position: absolute; top: 45%; left: 0; z-index: -1;}
#equipment .swiper-button-prev, #equipment .swiper-rtl .swiper-button-next{left: 2.5%;}
#equipment .swiper-button-next, #equipment .swiper-rtl .swiper-button-prev{right: 2.5%;}
#equipment .swiper-button-next, #equipment .swiper-button-prev{width: 72px; height: 72px;}
#equipment .swiper-button-next:after, #equipment .swiper-button-prev:after{display: none;}
#equipment .swiper-button-next, #equipment .swiper-button-prev{top: 43%;}

.space-section {height: 800px;}
.space-inner {display: flex; height: 800px; overflow: hidden;}

/* LEFT */
.space-left {width: 50%; height: 800px; position: relative; overflow: hidden;}
.space-left .txt-box{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; width: 100%;}
.space-left .bg-layer {position: absolute; inset: 0; background-size: cover; background-position: center; z-index: 1;}
.bg-next {z-index: 2; opacity: 0;}
.bg-next {z-index: 2;}

/* RIGHT */
.space-right {width: 50%; height: 800px; overflow: hidden;}
.space-item {height: 800px; padding: 50px; display: flex; flex-direction: column; justify-content: end; opacity: 0.35; transform: translateY(40px); transition: opacity 0.4s ease, transform 0.4s ease;}
.space-item.active {opacity: 1; transform: translateY(0);}
.space-section .item01{background: url(/img/main/interior01.jpg) no-repeat center / cover;}
.space-section .item02{background: url(/img/main/interior02.jpg) no-repeat center / cover;}
.space-section .item03{background: url(/img/main/interior03.jpg) no-repeat center / cover;}
.space-section .item04{background: url(/img/main/interior04.jpg) no-repeat center / cover;}
.space-section .more span:nth-child(1){border-bottom: 2px solid #Fff; line-height: 1;}
.space-section  .scroll-wrap{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 2;}
.space-section .scroll { position: relative; z-index: 5; display: flex; flex-direction: column; align-items: center; gap: 1rem;}
.space-section .scroll .line {position: relative; width: 1px; height: 8rem; background: rgba(255, 255, 255, 0.15); overflow: hidden; }
.space-section .scroll .line::after {content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 2.5rem; background: rgba(255, 255, 255, 0.85); animation: scrollDown 1.9s cubic-bezier(0.4, 0, 0.2, 1) infinite;}
@keyframes scrollDown {
  0% {
    transform: translateY(-40%);
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    transform: translateY(calc(12rem - 2.5rem)); /* ⭐ 끝까지 */
    opacity: 1;
  }

  100% {
    transform: translateY(calc(12rem - 2.5rem));
    opacity: 0;
  }
}


.bg-marquee{width: 100%; overflow: hidden;}
.marquee-track{display: flex; width: max-content; animation: marquee 30s linear infinite;}
.marquee-track span{white-space: nowrap; padding-left: 70px; padding-right: 30px; /* 글자 간격 */ position: relative;}
.marquee-track span:after{content: ''; display: block; width: 49px; height: 53px; background-image: url(/img/main/text_logo.png); position: absolute; top:50%; left: 0; transform: translateY(-50%);}

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

/* 기존 스타일에서 아래 속성만 확인/수정 */

.space-right {
    width: 50%; 
    height: 800px; 
    overflow: hidden; /* ⭐ 이제 사용자가 스크롤 못하게 막음 (클릭으로만 제어) */
    position: relative;
}

.space-item {
    height: 800px; /* 기존 디자인 유지 */
    cursor: pointer; /* 클릭 유도 */
    user-select: none; /* 드래그 방지 */
}

/* 스크롤바가 혹시 보인다면 숨김 */
.space-right::-webkit-scrollbar { display: none; }

#promotion .img-box img{border-radius: 20px;}
#promotion .txt-box img{border-radius: 10px;}
#promotion .swiper-horizontal>.swiper-pagination-progressbar,
#promotion .swiper-pagination-progressbar.swiper-pagination-horizontal,
#promotion .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
#promotion .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{top:auto; bottom: 0;}
#promotion .swiper-pagination-progressbar{background: #c9c9c9 !important; height: 2px;}
#promotion .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #7f6b50;}

#beaf{background: url(/img/main/BA_bg.jpg) no-repeat center / cover; border-radius: 80px;}
#beaf .swiper-slide a{display: block;}
#beaf .swiper-slide .flexList{border-radius: 12px; overflow: hidden; --x-gap: 0rem; --y-gap: 0rem;}
#beaf .swiper-slide .flexList:after{content: ''; display: block; width: 42px; height: 42px; background-image: url(/img/main/beaf_arrow.png); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#beaf .swiper-slide .flexList .after {position: relative;}
#beaf .swiper-slide .flexList .after .txt-box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 1;}
#beaf .swiper-slide .flexList .after .login_img:after{content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); position: absolute; top: 0; left: 0; z-index: 0;  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
#beaf .swiper-horizontal>.swiper-pagination-progressbar,
#beaf .swiper-pagination-progressbar.swiper-pagination-horizontal,
#beaf .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
#beaf .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{top:auto; bottom: 0;}
#beaf .swiper-pagination-progressbar{background: #c9c9c9 !important; height: 2px;}
#beaf .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #7f6b50;}


#point .cont{background: url(/img/main/point_bg.jpg) no-repeat center / cover; padding: 180px 0; background-attachment: fixed;}

#map_cont .map-wrap{margin-left: -2%; width: 52%;}
#map_cont .width50{z-index: 2; border-radius: 0 50px 50px 0;}
#map_cont .root_daum_roughmap .cont, .root_daum_roughmap .wrap_controllers{display: none !important;}
.root_daum_roughmap .border3{display: none;}
#map_cont .root_daum_roughmap .wrap_map{height: 1050px;}
#map_cont .root_daum_roughmap{width: 100%}
#map_cont .width50 .txt-box{padding: 4rem 3rem 4rem 10rem;}
#map_cont .map_btn{--x-gap: 1rem}
#map_cont .map_btn a{color: #fff; display: block; padding: 1rem; border-radius: 4px; font-weight: 500;}
@media(max-width:1800px){
  .register{width:90%; margin: 0 auto; padding: 100px 0;}
  
  #map_cont .width50 .txt-box{padding: 4rem 3rem 4rem 5% ;}
}
@media(max-width:1580px){
 #mainslide .swiper-slide .txt{width: 90%;}

 #doctor .txt-box{padding: 6rem 10rem 6rem;}

 #map_cont .root_daum_roughmap .wrap_map{height: 900px;}
}
@media(max-width: 1400px){
  #beaf .swiper{padding-bottom: 50px;}

  #map_cont .time .width40{width: 60%;}
}
@media(max-width: 1240px){
  /* #doctor .section-left .flex-center{flex-direction: column;}
  #doctor .img-box{width: 70%; padding-right: 5%;} */
  #doctor .txt-box{border-radius: 20px; padding: 6rem;}

  #map_cont .root_daum_roughmap .wrap_map{height: 850px;}
  #map_cont .map_btn{width: 60%;}
}
@media(max-width:990px){
#mainslide .swiper-slide .txt{text-align: center; padding-top: 0;}

#how .tabs{--x-gap: 1rem; --y-gap: 1rem}
#how .tabs li{background-color: #c5b9ac; padding: 1.5rem 1rem; color: #fff; border-radius: 15px;}
#how .tabs li.current{background-color: #e66328;}
#how .tab-content{display: none;}
#how .tab-content.current{display: inherit;}

#doctor .txt-box{background: url(/img/main/doctor_bgm.jpg) no-repeat right / cover;}
#doctor .txt-box p.center-txt{text-align: center;}
#doctor .font-130{padding-top: 3.125rem; }
#doctor .mt-70{margin-top: 1.125rem;}

#interior .tab-content01{display: none;}
#interior .tab-content01.current{display: inherit;}
#interior #tab-01{background: url(/img/main/interior_bg01m.jpg) no-repeat right / cover;}
#interior #tab-02{background: url(/img/main/interior_bg02m.jpg) no-repeat right / cover;}
#interior .more span:nth-child(1){border-bottom: 2px solid #Fff; line-height: 1;}
#interior .tabs01{--x-gap: 0rem; --y-gap: 0rem; color: #fff;}
#interior .tabs01 li{ background-color: #c5b9ac; padding: 1rem;}
#interior .tabs01 li.current{background-color: #e66328;}
#interior .swiper{padding-bottom: 50px;}
#interior .swiper-horizontal>.swiper-pagination-progressbar,
#interior .swiper-pagination-progressbar.swiper-pagination-horizontal,
#interior .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
#interior .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{top:auto; bottom: 0;}
#interior .swiper-pagination-progressbar{background: #fff !important; height: 5px;}
#interior .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--pointcolor);}

#promotion_m .swiper{padding-bottom: 50px;}
#promotion_m .swiper-slide{border-radius: 20px; overflow: hidden;}
#promotion_m .swiper-horizontal>.swiper-pagination-progressbar,
#promotion_m .swiper-pagination-progressbar.swiper-pagination-horizontal,
#promotion_m .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
#promotion_m .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{top:auto; bottom: 0;}
#promotion_m .swiper-pagination-progressbar{background: #c9c9c9 !important; height: 2px;}
#promotion_m .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #7f6b50;}

#equipment .title{padding-bottom: 6.250rem; text-align: center;}
#equipment .title .point-font{display: inline-block;}
#equipment .swiper-button-next, #equipment .swiper-button-prev {top: 23%;}
#equipment .swiper-button-prev, #equipment .swiper-rtl .swiper-button-next{left: 37%}
#equipment .swiper-button-next, #equipment .swiper-rtl .swiper-button-prev{right: 37%;}

#beaf .justify-end{justify-content: start;}

#map_cont>.flex{flex-direction: column;}
#map_cont>.flex>.width50{width: 100%; order: 2; border-radius: 40px 40px 0 0; margin-top: -150px; padding-top: 200px;}
#map_cont .map-wrap{width: 90%; margin: auto; order: 1; border-radius: 30px; overflow: hidden; z-index: 99;}
#map_cont .root_daum_roughmap .wrap_map{height: 700px;}
#map_cont .width50 .txt-box{padding: 4rem 5%;}
}
@media(max-width:768px){
  #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)}
  #mainslide .swiper-slide.slide05 .img{background-image: url(/img/main/mainslide05m.jpg)}
 
  #doctor .txt-box{padding: 6rem 3rem;}

  #equipment .swiper-button-next, #equipment .swiper-button-prev {top: 15%;}
  #equipment .swiper-button-prev, #equipment .swiper-rtl .swiper-button-next{left: 33%}
  #equipment .swiper-button-next, #equipment .swiper-rtl .swiper-button-prev{right: 33%;}

  #beaf{border-radius: 50px;}

  #point .cont{background: url(/img/main/point_bgm.jpg) no-repeat center / cover; padding: 180px 2.5%; background-attachment: none;}
  #point .font-40{font-size: 3.125rem}
  #point .font-40.point-font{font-size: 2.500rem;}
  
  #map_cont .root_daum_roughmap .wrap_map{height: 500px;}
  #map_cont .map_btn{width: 100%;}
}
@media(max-width:580px){
  #mainslide .font-40{font-size: 1.875rem;}
  #mainslide .font-50{font-size: 2.500rem;}

  #equipment .swiper-button-next, #equipment .swiper-button-prev {top: 16%;}
  #equipment .swiper-button-prev, #equipment .swiper-rtl .swiper-button-next{left: 32%}
  #equipment .swiper-button-next, #equipment .swiper-rtl .swiper-button-prev{right: 32%;}
}
@media(max-width:500px){
  #how .tabs li{font-size: 1.500rem;}

  #doctor .font-130{font-size: 6.250rem;}
  #doctor .font-100{font-size: 3.750rem;}

  #equipment .swiper-button-next, #equipment .swiper-button-prev {top: 18%;}
  #equipment .swiper-button-prev, #equipment .swiper-rtl .swiper-button-next{left: 30%}
  #equipment .swiper-button-next, #equipment .swiper-rtl .swiper-button-prev{right: 30%;}

  #map_cont .time .width40{width: 80%;}
}
@media(max-width:450px){
  #equipment .swiper-button-next, #equipment .swiper-button-prev {top: 19%;}
  #equipment .swiper-button-prev, #equipment .swiper-rtl .swiper-button-next{left: 25%}
  #equipment .swiper-button-next, #equipment .swiper-rtl .swiper-button-prev{right: 25%;}
}

.modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.modal.active {
  display: flex;
}

.modal-inner {
  background: rgba(255,255,255,.7);
  width: 90%;
  max-width: 620px;
  padding: 0 40px 0 40px;
  position: relative;
  box-shadow: 5px 5px 5px rgba(200,200,200,.5);
  border-radius: 20px;
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); 
}

.modal-close {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 30px;
  background: none;
  border: 0;
  cursor: pointer;
}
@media(max-width: 990px){
  .modal .flex-between{flex-direction: column; margin-top: 4.375rem;}
  .modal .flex-between .txt{margin-bottom: 0;  padding-right: 20%;}
  .modal .flex-between .img-box{width: 40%; margin-top: 10px;}
  .modal#modal-eq02 .flex-between .img-box{width: 52%;}
  .modal#modal-eq06 .flex-between .img-box{margin-top: -30px;}
}