body #header{background: transparent;transition: background 0.3s; border-color: transparent;}
body #header .header-logo{filter: brightness(0) invert(1);transition: filter 0.3s;}
body #header .icon-button,
body #header .mo-icon-button,
body #header .menu-items{color: #fff;transition: color 0.3s;}
body #header.active .header-logo{filter: none;}
body #header.active .icon-button,
body #header.active .mo-icon-button,
body #header.active .menu-items{color: #000;}

body #wrap {padding-top: 0 !important;}
body #footer{margin-top: 0;}

@media all and (max-width:1023px) {
    body #header.active{background: #fff;}
}

.container.wrap-medium { width: 100%; padding: 0 !important; } 
.product-item .description .name .compare-check{display: none;} /* 상품 비교 체크 지우기 */
.product-item .description .option{display: none;} /* 메인 페이지 옵션 미리보기 삭제 */



/* 메인 컨텐츠 - 풀페이지 배너 */
#fullpage .section{min-height: 100vh;overflow: hidden;}
#fullpage .section.fp-auto-height{min-height: auto;height: auto;}
#fullpage .section:not(.section__footer) img{height: 100%;object-fit: cover;}
#fullpage .section.main-visual .swiper,
#fullpage .section.main-philosophy > div,
#fullpage .section.main-rehab > div,
#fullpage .section.main-video .video-wr,
#fullpage .section.main-program > div{height: 100vh;}
#fp-nav{display: none;}

.section:not(.section__footer) img{display: block;width: 100%;}
.section .tit{text-align: center;line-height: 1.4;}
.section .tit > span{display: block;font-weight: 700;color: var(--color-sub-1);font-size: 18rem;margin-bottom: 20rem;font-family: var(--font-sub);}
.section .tit > h3{font-weight: 400;font-size: 38rem;color: var(--color-neutral-9);}
.section .tit > h3 > p{font-weight: 600;display: inline-block;}
.section .tit > h3 > span{color: var(--color-primary);display: inline-block;font-weight: 600; }

.more-btn{display: inline-flex;align-items: center;gap: 8rem;font-size: 14rem;font-family: var(--font-sub);padding: 12rem 24rem;border-radius: 25rem;background: #D9D9D980;width: fit-content;border: 1px solid var(--color-neutral-1);color: var(--color-neutral-1);}
.more-btn > svg{width: 16rem;height: 16rem;}

@media all and (max-width:1640px) {
    .section .tit > span{margin-bottom: 15rem;font-size: 16rem;}
    .section .tit > h3{font-size: 32rem;}
}

@media all and (max-width:1366px) {
    .section .tit > span{font-size: 13rem;}
    .section .tit > h3{font-size: 24rem;}

    .more-btn{padding: 8rem 20rem;font-size: 12rem;}
    .more-btn > svg{width: 14rem;height: 14rem;}
}

@media all and (max-width:1023px) {
    .section .tit > span{margin-bottom: 10rem;font-size: 12rem;}
    .section .tit > h3{font-size: 20rem;}
}

@media all and (max-width:767px) {
    .section .tit > span{font-size: 14rem;margin-bottom: 15rem;}
    .section .tit > h3{font-size: 26rem;}
}


/* 메인 컨텐츠 - 비주얼 */
.main-visual{font-size: 0;position: relative;}
.main-visual .swiper{position: relative; transition: height 0.6s ease-in-out;}
.main-visual .swiper .swiper-wrapper .swiper-slide{position: relative;}
.main-visual .swiper .swiper-wrapper .swiper-slide img{width: 100%;display: block;object-fit: cover;height: 100%;}
.main-visual .swiper .swiper-wrapper .swiper-slide .text-content{width: 1300rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1.4; color: var(--color-neutral-1);}
.main-visual .swiper .swiper-wrapper .swiper-slide .text-content.center{text-align: center;}
.main-visual .swiper .swiper-wrapper .swiper-slide .text-content h3 { font-weight: 600; font-size: 54rem;} 
.main-visual .swiper .swiper-wrapper .swiper-slide .text-content h3 span { font-weight: 400; display: block;} 
.main-visual .swiper .swiper-wrapper .swiper-slide .text-content p { font-size: 24rem; margin-top: 30rem; transition-delay: 0.4s; } 

.main-visual .swiper .swiper-wrapper .swiper-slide .text-content > * { opacity: 0; visibility: hidden; transform: translateY(10rem); transition: all 0.6s ease; } 
.main-visual .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .text-content > * { opacity: 1; visibility: visible; transform: translateY(0); } 
.main-visual .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .text-content h3 { transition-delay: 0.2s; } 
.main-visual .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .text-content p { transition-delay: 0.4s; } 

.main-visual .swiper-pagination{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 24rem;position: absolute;top: 50%;left: 100rem;transform: translateY(-50%);width: fit-content;}
.main-visual .swiper-pagination span{display: flex;align-items: center;justify-content: center; font-weight: 700;font-size: 16rem;color: var(--color-neutral-1);width: 44rem;height: 44rem;border-radius: 50%;border: 1px solid #EBEBEB4D;background: transparent;transition: all 0.4s;opacity: 1;line-height: 1;position: relative;font-family: var(--font-sub);}
.main-visual .swiper-pagination span::after{content: "";display: block;width: 1px;height: 24rem;background: #FFFFFF33;position: absolute;bottom: -24rem;left: 50%;transform: translateX(-50%);}
.main-visual .swiper-pagination span:last-child::after{display: none;}
.main-visual .swiper-pagination span.swiper-pagination-bullet-active{background: #FFFFFF66;width: 44rem;}

.main-visual .scroll-down{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 5rem;text-align: center;position: absolute;bottom: 30rem;left: 50%;transform: translateX(-50%);z-index: 3;animation: scrollDown 1.5s ease-in-out infinite;}
.main-visual .scroll-down > span{display: block;font-weight: 500;font-family: var(--font-sub);font-size: 12rem;line-height: 1.4;color: var(--color-neutral-1);}
.main-visual .scroll-down > svg{width: 24rem;height: 24rem;}

@keyframes scrollDown { 
    0% { bottom: 20px; } 
    25% { } 
    50% { bottom: 35px; } 
    75% { } 
    100% { bottom: 20px; } 
}

@media all and (max-width:1640px) {
    .main-visual .swiper .swiper-wrapper .swiper-slide .text-content h3{font-size: 44rem;}
    .main-visual .swiper .swiper-wrapper .swiper-slide .text-content p{font-size: 20rem;}
    .main-visual .swiper-pagination{left: 20rem;}
}

@media all and (max-width: 1366px){
    .main-visual .swiper .swiper-wrapper .swiper-slide .text-content{width: 100%;padding: 0 20rem;}
    .main-visual .swiper .swiper-wrapper .swiper-slide .text-content h3{font-size: 34rem;}
    .main-visual .swiper .swiper-wrapper .swiper-slide .text-content p{margin-top: 15rem;}
    .main-visual .swiper-pagination{display: none;}
}

@media all and (max-width:1023px) {
    .main-visual .swiper .swiper-wrapper .swiper-slide .text-content h3{font-size: 24rem;}
    .main-visual .swiper .swiper-wrapper .swiper-slide .text-content p{font-size: 14rem;}
}

@media all and (max-width:767px) {
    .main-visual .swiper .swiper-wrapper .swiper-slide .text-content{padding: 0 16rem;top: 17%;transform: translate(-50%, 0);}
    .main-visual .swiper .swiper-wrapper .swiper-slide .text-content h3{font-size: 30rem;}
    .main-visual .swiper .swiper-wrapper .swiper-slide .text-content p{font-size: 18rem;}

    .main-visual .scroll-down{gap: 3rem;}
    .main-visual .scroll-down > span{font-size: 10rem;}
    .main-visual .scroll-down > svg{width: 20rem;height: 20rem;}
}



/* 메인 컨텐츠 - 철학 */
.main-philosophy{position: relative;}
.main-philosophy .tit{position: absolute;top: 100rem;left: 50%;transform: translateX(-50%);width: 100%;}
.main-philosophy .bnr{position: absolute;left: 10%;bottom: 5%;}
.main-philosophy .bnr img{width: 200rem;}


@media all and (max-width:1640px) {
    .main-philosophy .tit{top: 70rem;}
    .main-philosophy .bnr img{width: 180rem;}
}

@media all and (max-width:1366px) {
    .main-philosophy .tit{top: 55rem;}
    .main-philosophy .bnr img{width: 140rem;}
}

@media all and (max-width:1023px) {
    .main-philosophy .tit{top: 20rem;}
    .main-philosophy .bnr img{width: 100rem;}
}

@media all and (max-width:767px) {
    .main-philosophy .tit{top: 60rem;}
    .main-philosophy .bnr{bottom: 0;left: 0;}
    .main-philosophy .bnr img{width: 100%;}
}



/* 메인 컨텐츠 - 재활 */
.main-rehab{position: relative;}
.main-rehab .desc{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);line-height: 1.4;display: grid;grid-template-columns: repeat(12,minmax(0,1fr));gap:0 20rem;}
.main-rehab .desc > div{grid-column: 1/6;}
.main-rehab .desc > div > h3{font-weight: 600;font-size: 40rem;color: var(--color-neutral-1);margin-bottom: 65rem;}
.main-rehab .desc > div > h3 > span{color: #8AB5FF;}
.main-rehab .desc > div > ul{display: flex;flex-direction: column;gap: 40rem;}
.main-rehab .desc > div > ul > li > p{color: var(--color-neutral-1);font-size: 26rem;font-weight: 500;}
.main-rehab .desc > div > ul > li > p:first-child{color: #8AB5FF;text-transform: uppercase;margin-bottom: 10rem;font-size: 18rem;font-family: var(--font-sub);font-weight: 600;}
.main-rehab .desc > div > ul > li > span{font-size: 18rem;color: var(--color-neutral-1);display: block;}
.main-rehab .desc > div > ul > li > span:last-child{margin-top: 10rem;}

@media all and (max-width:1640px) {
    .main-rehab .desc > div > h3{font-size: 38rem;margin-bottom: 50rem;}
    .main-rehab .desc > div > ul{gap: 35rem;}
    .main-rehab .desc > div > ul > li > p{font-size: 24rem;}
    .main-rehab .desc > div > ul > li > p:first-child{margin-bottom: 10rem;font-size: 16rem;}
    .main-rehab .desc > div > ul > li > span{font-size: 16rem;}
}

@media all and (max-width:1366px) {
    .main-rehab .desc{top: 55%;}
    .main-rehab .desc > div > h3{font-size: 28rem;}   
    .main-rehab .desc > div > ul > li > p{font-size: 20rem;}
    .main-rehab .desc > div > ul > li > p:first-child{font-size: 14rem;margin-bottom: 5rem;}
    .main-rehab .desc > div > ul > li > span{font-size: 14rem;}
}

@media all and (max-width:1023px) {
    .main-rehab .desc > div{grid-column: 1/7;}
    .main-rehab .desc > div > h3{font-size: 18rem;margin-bottom: 25rem;}
    .main-rehab .desc > div > ul{gap: 15rem;}
    .main-rehab .desc > div > ul > li > p{font-size: 14rem;}
    .main-rehab .desc > div > ul > li > p:first-child{font-size: 12rem;}
    .main-rehab .desc > div > ul > li > span{font-size: 12rem;}
}

@media all and (max-width:767px) {
    .main-rehab .desc{top: 60rem;transform: translate(-50%, 0);display: block;}
    .main-rehab .desc > div > h3{font-size: 26rem;margin-bottom: 50rem;}
    .main-rehab .desc > div > ul{gap: 25rem;}
    .main-rehab .desc > div > ul > li > p{font-size: 18rem;}
    .main-rehab .desc > div > ul > li > p:first-child{font-size: 14rem;margin-bottom: 10rem;}
    .main-rehab .desc > div > ul > li > span{font-size: 13rem;}
    .main-rehab .desc > div > ul > li > span:last-child{margin-top: 7rem;}
}



/* 메인 컨텐츠 - 비디오 */
.main-video{position: relative;}
.main-video .video-wr video{width: 100%;height: 100%;object-fit: cover;}
.main-video .text-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;line-height: 1.4;color: var(--color-neutral-1);width: 100%;display: grid;justify-items: center;}
.main-video .text-content > span{display: block;font-weight: 600;font-size: 18rem;margin-bottom: 30rem;grid-row: 1;}
.main-video .text-content > h3{font-weight: 600;font-size: 50rem;margin: 0;grid-row: 2;grid-column: 1;width: 100%;}
.main-video .text-content > h3:nth-child(2){z-index: 2;}
.main-video .text-content > h3:nth-child(3){z-index: 1;}
.main-video .text-content > .more-btn{grid-row: 3;margin-top: 60rem;}

@media all and (max-width:1640px) {
    .main-video .text-content > h3{font-size: 44rem;}
}

@media all and (max-width:1366px) {
    .main-video .text-content > span{font-size: 16rem;margin-bottom: 20rem;}
    .main-video .text-content > h3{font-size: 34rem;}
    .main-video .text-content > .more-btn{margin-top: 40rem;}
}

@media all and (max-width:1023px) {
    .main-video .text-content > span{font-size: 14rem;margin-bottom: 15rem;}
    .main-video .text-content > h3{font-size: 30rem;}
    .main-video .video-wr video{height: 100vh;}
}

@media all and (max-width:767px) {
    .main-video .text-content > h3{font-size: 26rem;}
    .main-video .text-content > .more-btn{margin-top: 30rem;}
}



/* 메인 컨텐츠 - 프로그램 */
.main-program{position: relative;}
.main-program .tit{position: absolute;top: 90rem;left: 50%;transform: translateX(-50%);width: 100%;}
.main-program .bnr{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 100%;}
.main-program .bnr a{position: absolute; right: 0;transform: translateY(-50%);width: 55%;display: block;z-index: 10;}
.main-program .bnr img{object-fit: contain;}
.main-program .profile-wr{position: absolute;bottom: 0;left: -10%;display: flex;align-items: flex-end;}
.main-program .profile-wr img{width: 21%;transition: .4s;}
.main-program .profile-wr img:nth-child(3){width: 21%;}
.main-program .profile-wr img.active{width: 24%;z-index: 1;}
.main-program .profile-wr img:nth-child(2){margin-inline: -10%;}
.main-program .profile-wr img:nth-child(3).active{width: 25%;}

@media all and (max-width:1640px) {
    .main-program .tit{top: 70rem;}
    .main-program .bnr a{width: 50%;}
    .main-program .profile-wr{left: 0;}
    .main-program .profile-wr img{width: 20%;}
    .main-program .profile-wr img:nth-child(2){margin-inline: -8%;}
    .main-program .profile-wr img:nth-child(3){width: 21%;}
    .main-program .profile-wr img.active{width: 23%;}
    .main-program .profile-wr img:nth-child(3).active{width: 25%;}
}

@media all and (max-width:1366px) {
    .main-program .tit{top: 55rem;}
    .main-program .bnr a{width: 40%;right: 10%;}
    .main-program .profile-wr{left: 10%;}
    .main-program .profile-wr img{width: 18%;}
    .main-program .profile-wr img.active{width: 21%;}
    .main-program .profile-wr img:nth-child(3){width: 19%;}
    .main-program .profile-wr img:nth-child(3).active{width: 22%;}
}

@media all and (max-width:1023px) {
    .main-program .tit{top: 20rem;}
}

@media all and (max-width:767px) {
    .main-program .tit{top: 50rem;}
    .main-program .bnr{width: calc(100% - 32rem);}
    .main-program .bnr a{top: 40%;width: 100%;margin-left: 0;}
}



/* 메인 컨텐츠 - 진단서 */
.main-diagnose{display: flex;flex-direction: column;justify-content: center;}
.main-diagnose .tit{margin-bottom: 60rem;}
.main-diagnose .swiper .swiper-wrapper{transition-timing-function: linear;}
.main-diagnose .swiper img{display: block;width: 100%;border: 1px solid var(--color-neutral-2);border-radius: 15rem;}
.main-diagnose .sub{font-size: 20rem;line-height: 1.4;color: var(--color-neutral-5);text-align: center;margin-top: 30rem;}

@media all and (max-width:1440px) {
    .main-diagnose{padding-block: 80rem;}
    .main-diagnose .tit{margin-bottom: 40rem;}
    .main-diagnose .sub{font-size: 16rem;margin-top: 25rem;}
}

@media all and (max-width:767px) {
    .main-diagnose .tit{margin-bottom: 30rem;}
    .main-diagnose .swiper img{border-radius: 8rem;}
}



/* 메인 컨텐츠 - 메디컬 */
.main-medical{background: url(../images/main/medical_bg.jpg) no-repeat 100% 100% / cover;display: flex;flex-direction: column;justify-content: center;}
.main-medical .tit{margin-bottom: 50rem;}
.main-medical .medical-desc.ms-pc{display: flex;gap: 90px;align-items: center;justify-content: center;}
.main-medical .medical-desc img{width: 380px;transition: .3s;}
.main-medical .medical-desc img:hover{transform: scale(1.1);}
.main-medical .medical-desc img.hospital{}
.main-medical .medical-desc img.rehab{}

@media all and (max-width:1680px) {
    .main-medical .medical-desc img{width: 370px;}
}

@media all and (max-width:1440px){
    .main-medical{padding-block: 60rem;}
    .main-medical .tit{margin-bottom: 40rem;}
    .main-medical .medical-desc.ms-pc{gap: 65px;}
    .main-medical .medical-desc img{width: 280px;}
}

@media all and (max-width:767px) {
    .main-medical{background: #EFF7FF;}
    .main-medical .tit{margin-bottom: 30rem;}
    .main-medical .medical-desc.ms-pc{display: none;}
    .main-medical .medical-desc img{width: 100%;margin-inline: auto;}
    .main-medical .medical-desc img:hover{transform: none;}
}



/* 메인 컨텐츠 - 데이터 */
.main-data{background: url(../images/main/data_pc.png) no-repeat 100% 100% / cover;display: flex;flex-direction: column;justify-content: center;}
.main-data .tit{margin-bottom: 60rem;}
.main-data ul{display: flex;align-items: center;justify-content: space-between;}
.main-data ul > li{background: #FFFFFF80;border-radius: 50%;border: 2px solid #1B6FFF33;width: 320rem;height: 320rem;line-height: 1.4; display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center; }
.main-data ul > li > h3{font-weight: 400;font-size: 22rem;margin-bottom: 12rem;display: flex;align-items: center;gap: 10rem;}
.main-data ul > li > h3 > span{display: inline-block;font-weight: 700;font-size: 48rem;}
.main-data ul > li > p{color: var(--color-neutral-5);font-weight: 500;font-size: 22rem;}

@media all and (max-width:1440px) {
    .main-data{padding-block: 50rem;}
    .main-data .tit{margin-bottom: 40rem;}
    .main-data ul{justify-content: space-around;}
    .main-data ul > li{width: 270rem;height: 270rem;}
    .main-data ul > li > h3{font-size: 18rem;gap: 5rem;margin-bottom: 5rem;}
    .main-data ul > li > h3 > span{font-size: 38rem;}
    .main-data ul > li > p{font-size: 18rem;}
}

@media all and (max-width:1023px) {
    .main-data ul > li{width: 200rem;height: 200rem;}
    .main-data ul > li > h3 > span{font-size: 28rem;}
}

@media all and (max-width:767px) {
    .main-data .tit{margin-bottom: 30rem;}
    .main-data ul{flex-direction: column;gap: 24rem;}
    .main-data ul > li{border-radius: 50rem;width: 100%;height: 130rem;}
    .main-data ul > li > h3{font-size: 16rem;}
    .main-data ul > li > h3 > span{font-size: 34rem;}
    .main-data ul > li > p{font-size: 16rem;}
}



/* 메인 컨텐츠 - 유튜브 */
.main-youtube{background: url(../images/main/youtube-bg.jpg) no-repeat 100% 100% / cover;display: flex;flex-direction: column;justify-content: center;}
.main-youtube .tit{margin-bottom: 60rem;}
.main-youtube .tit span,
.main-youtube .tit h3 p{color: var(--color-neutral-1);}
.main-youtube .youtube-wr{text-align: center;}
.main-youtube .youtube-wr > div{}
.main-youtube .youtube-wr .youtube-video{border-radius: 15rem;overflow: hidden;}
.main-youtube .youtube-wr .youtube-video img{display: block;width: 100%;height: auto !important;}
.main-youtube .youtube-wr .youtube-list{width: 100%;}
.main-youtube .youtube-wr .youtube-list ul{display: flex;}
.main-youtube .youtube-wr .youtube-list ul li{}
.main-youtube .youtube-wr .youtube-list ul li .image-box{position: relative;display: flex;margin-left: auto;margin-right: auto;max-width: 100%;aspect-ratio: 9/16;border-radius: 10rem;overflow: hidden;}
.main-youtube .youtube-wr .youtube-list ul li .image-box iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}
.main-youtube .youtube-wr .youtube-list ul li .image-box img{display: block;width: 100%;height: 160rem !important;}
.main-youtube .youtube-wr .youtube-list ul li .text-box{width: calc(100% - 280rem);text-align: left;}
.main-youtube .youtube-wr .youtube-list ul li .text-box span{display: flex;align-items: center;gap: 7rem;color: var(--color-neutral-4);margin-bottom: 15rem;}
.main-youtube .youtube-wr .youtube-list ul li .text-box span svg{width: 18rem;height: 18rem;}
.main-youtube .youtube-wr .youtube-list ul li .text-box p{font-weight: 500;font-size: 22rem;color: var(--color-neutral-8);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-right: 50rem;}
.main-youtube .youtube-wr .youtube-list .swiper-progress{width: 100%;}
.main-youtube .youtube-wr .youtube-list .swiper-progress .progress-bar{height: 2.5px !important; background-color: var(--color-neutral-2); bottom: 0; position: relative; }
.main-youtube .youtube-wr .youtube-list .swiper-progress .progress-bar > span{background: var(--color-neutral-9);}
.main-youtube .more-btn{margin-top: 60rem;}

@media all and (max-width:1440px) {
    .main-youtube{padding-block: 60rem;}
    .main-youtube .tit{margin-bottom: 40rem;}
    .main-youtube .youtube-wr .youtube-list{}
    .main-youtube .youtube-wr .youtube-list ul li{width: calc(100% - 30rem);}
    .main-youtube .youtube-wr .youtube-list ul li .image-box img{height: 140rem !important;}
    .main-youtube .youtube-wr .youtube-list ul li .text-box span{font-size: 14rem;margin-bottom: 10rem;}
    .main-youtube .youtube-wr .youtube-list ul li .text-box p{font-size: 18rem;padding-right: 0;}
}

@media all and (max-width:1023px) {
    .main-youtube .youtube-wr .youtube-list{}
    .main-youtube .youtube-wr .youtube-list ul li{}
    .main-youtube .youtube-wr .youtube-list ul li .image-box img{height: 85rem !important;}
    .main-youtube .youtube-wr .youtube-list ul li .text-box{width: calc(100% - 135rem);}
    .main-youtube .youtube-wr .youtube-list ul li .text-box span{font-size: 12rem;gap: 5rem;}
    .main-youtube .youtube-wr .youtube-list ul li .text-box span svg{width: 14rem;height: 14rem;}
    .main-youtube .youtube-wr .youtube-list ul li .text-box p{font-size: 14rem;}
    .main-youtube .youtube-wr .youtube-list .swiper-progress{margin-top: 40rem;}
}

@media all and (max-width:767px) {
    .main-youtube .tit{margin-bottom: 30rem;}
    .main-youtube .youtube-wr .youtube-video,
    .main-youtube .youtube-wr .youtube-list ul li .image-box img{height: 95rem !important;}
    .main-youtube .youtube-wr .youtube-list ul li .text-box{width: calc(100% - 160rem);}
    .main-youtube .more-btn{margin-top: 30rem;}
}



/* 메인 컨텐츠 - 케이스 */
.main-case{display: flex;flex-direction: column;justify-content: center;}
.main-case .tit{margin-bottom: 60rem;}
.main-case .case-list .swiper-slide .iframe-container{position:relative;display:flex;margin-left:auto;margin-right:auto;max-width:100%;aspect-ratio:9/10;border-radius:15rem;overflow:hidden;}
.main-case .case-list .swiper-slide .iframe-container iframe{position:absolute;width:100%;height:100%;scale: 1.6;pointer-events: none; transition: transform 0.3s ease-in-out;}
.main-case .case-list .swiper-slide .iframe-container:hover iframe{transform: scale(1.3);}
.main-case .case-list .swiper-slide .iframe-container .case-video-open{position:absolute;inset:0;z-index:2;border:0;background:transparent;cursor:pointer;}
/* .main-case .case-list .swiper-slide .iframe-container .case-video-open::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56rem;height:56rem;border-radius:50%;background:#00000080;}
.main-case .case-list .swiper-slide .iframe-container .case-video-open::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-35%,-50%);border-top:12rem solid transparent;border-bottom:12rem solid transparent;border-left:18rem solid #fff;z-index:1;} */
.main-case .case-list .swiper-slide .iframe-container > div{display:flex;aspect-ratio:inherit;width:auto;min-width:auto;max-width:none;height:auto;min-height:auto;max-height:none;margin:0;padding:0;}
.main-case .case-list .swiper-slide > p{margin-top: 20rem;font-size: 20rem;line-height: 1.4;text-align: center;font-weight: 500;}
.main-case .case-list .swiper-progress{margin-top: 60rem;}
.main-case .case-list .swiper-progress .progress-bar{top: auto;bottom: 0;height: 3px;background: var(--color-neutral-2);}
.main-case .case-list .swiper-progress .progress-bar > span{background: var(--color-neutral-4);}

body.case-video-modal-open{overflow:hidden;}
.case-video-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24rem;z-index:9999;}
.case-video-modal.is-open{display:flex;}
.case-video-modal__backdrop{position:absolute;inset:0;background:#000000db;}
.case-video-modal__dialog{position:relative;z-index:1;height: 80vh;}
.case-video-modal__iframe-wrap{position:relative;width:100%;height: 100%; aspect-ratio: 9/16;background:#000;border-radius:12rem;overflow:hidden;}
.case-video-modal__iframe-wrap iframe{width:100%;height:100%;}
.case-video-modal__close{position:absolute;top:-42rem;right:0;color:#fff;background:none;border:0;font-size:16rem;cursor:pointer;}

@media all and (max-width:1440px) {
    .main-case{padding-block: 80rem;}
    .main-case .tit{margin-bottom: 40rem;}
    .main-case .case-list .swiper-slide > p{margin-top: 15rem;font-size: 16rem;}
}

@media all and (max-width:1023px) {
    .main-case .case-list .swiper-progress{margin-top: 40rem;}
}

@media all and (max-width:767px) {
    .main-case > div{padding-inline: 0;}
    .main-case .tit{margin-bottom: 30rem;}
    .main-case .case-list .swiper-progress .progress-bar{width: calc(100% - 32rem);left: 50%;transform: translateX(-50%);}
    .main-case .case-list .swiper-slide .iframe-container .case-video-open::after{width:48rem;height:48rem;}
    .main-case .case-list .swiper-slide .iframe-container .case-video-open::before{border-top:10rem solid transparent;border-bottom:10rem solid transparent;border-left:15rem solid #fff;}
    .case-video-modal{padding:16rem;}
    .case-video-modal__close{top:-36rem;font-size:14rem;}
}



/* 메인 컨텐츠 - 함께 */
.main-together{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));}
.main-together .together-desc{background: url(../images/main/together_bg.jpg) no-repeat 100% 100% / cover;display: flex;flex-direction: column;justify-content: center;}
.main-together .together-desc > div{line-height: 1.4;text-align: right;align-self: center;width: 100%;padding-right: 100rem;}
.main-together .together-desc span{font-weight: 700;font-size: 18rem;display: block;margin-bottom: 20rem;color: var(--color-sub-1);text-transform: uppercase;font-family: var(--font-sub);}
.main-together .together-desc h3{font-weight: 600;font-size: 48rem;color: var(--color-sub-1);margin-bottom: 50rem;}
.main-together .together-desc p{font-size: 24rem;color: var(--color-neutral-9);}
.main-together .together-video .iframe-container{position:relative;display:flex;margin-left:auto;margin-right:auto;max-width:100%;width: 100%;height: 100%;overflow:hidden;}
.main-together .together-video .iframe-container iframe{position:absolute;width:100%;height:100%;pointer-events:none;scale: 1.6;}
.main-together .together-video .iframe-container > div{display:flex;aspect-ratio:inherit;width:auto;min-width:auto;max-width:none;height:auto;min-height:auto;max-height:none;margin:0;padding:0;}

@media all and (max-width:1366px) {
    .main-together .together-desc > div{padding-right: 65rem;padding-block: 190rem;}
    .main-together .together-desc span{font-size: 18rem;margin-bottom: 15rem;}
    .main-together .together-desc h3{font-size: 30rem;margin-bottom: 40rem;}
    .main-together .together-desc p{font-size: 18rem;}
}

@media all and (max-width:1023px) {
    .main-together .together-desc > div{padding-block: 100rem;padding-right: 35rem;}
    .main-together .together-desc span{font-size: 14rem;}
    .main-together .together-desc h3{font-size: 26rem;margin-bottom: 30rem;}
    .main-together .together-desc p{font-size: 16rem;}
}

@media all and (max-width:767px) {
    .main-together{grid-template-columns: 1fr;}
    .main-together .together-desc > div{padding-right: 0;text-align: center;}
    .main-together .together-video .iframe-container{aspect-ratio: 9/10;}
}



/* ==================================
animation
================================== */

@keyframes fadeInUp { 
    from { opacity: 0; transform: translate3d(0, 20rem, 0); visibility: hidden; } 
    to { opacity: 1; transform: translate3d(0, 0, 0); visibility: visible; } 
}

@keyframes mainVideoHeadingFadeOut {
    from { opacity: 1; visibility: visible; }
    to { opacity: 0; visibility: hidden; }
}

@keyframes mainVideoHeadingFadeIn {
    from { opacity: 0; visibility: hidden;transform: translate3d(0, 20rem, 0); }
    to { opacity: 1; visibility: visible;transform: translate3d(0, 0, 0); }
}

/* before */
.section .tit > span,
.section .tit > h3 { opacity: 0; visibility: hidden; transform: translate3d(0, 20rem, 0); } 

.main-rehab .desc > div > h3,
.main-rehab .desc > div > ul{opacity: 0; visibility: hidden; transform: translate3d(0, 20rem, 0); }

.main-video .text-content > span,
.main-video .text-content > h3,
.main-video .text-content > .more-btn{opacity: 0; visibility: hidden; transform: translate3d(0, 20rem, 0); }

.main-program .bnr a{top: 60%;opacity: 0;transition: top 1s, opacity 1.5s;}

@media all and (max-width:767px) {
    .main-program .bnr a{top: 50%;left: 0;}
}

.main-diagnose .swiper,
.main-diagnose .sub{opacity: 0; visibility: hidden; transform: translate3d(0, 20rem, 0);}

.main-medical .medical-desc{opacity: 0; visibility: hidden; transform: translate3d(0, 20rem, 0); }

.main-data ul > li{opacity: 0; visibility: hidden; transform: translate3d(0, 20rem, 0); }

.main-youtube .youtube-wr > div,
.main-youtube .more-btn{opacity: 0; visibility: hidden; transform: translate3d(0, 20rem, 0);}

.main-case .case-list{opacity: 0; visibility: hidden; transform: translate3d(0, 20rem, 0);}

.main-together .together-desc span,
.main-together .together-desc h3,
.main-together .together-desc p{opacity: 0; visibility: hidden; transform: translate3d(0, 20rem, 0);}


/* after */
.section.view .tit > span{ animation: fadeInUp 1.5s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both; }
.section.view .tit > h3 { animation: fadeInUp 2s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both; } 

.main-rehab.view .desc > div > h3{animation: fadeInUp 1.5s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both;}
.main-rehab.view .desc > div > ul{animation: fadeInUp 2s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both;}

.main-video.view .text-content > span{animation: fadeInUp 1.5s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both;}
.main-video.view .text-content > h3:nth-child(2){animation:fadeInUp 1.4s cubic-bezier(0.4, 0, 0.05, 1.01) both,mainVideoHeadingFadeOut 0.45s ease 2.1s forwards;}
.main-video.view .text-content > h3:nth-child(3){animation: mainVideoHeadingFadeIn 0.45s ease 2.1s both;}
.main-video.view .text-content > .more-btn{animation: fadeInUp 1.5s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both;}

.main-program.view .bnr a{opacity: 1;top: 58%;}

@media all and (max-width:767px) {
    .main-program.view .bnr a{top: 40%;}
}

.main-diagnose.view .swiper{animation: fadeInUp 2.5s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both;}
.main-diagnose.view .sub{animation: fadeInUp 3s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both;}

.main-medical.view .medical-desc{animation: fadeInUp 2.5s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both;}

.main-data.view ul > li:nth-child(1){animation: fadeInUp 2.5s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both;}
.main-data.view ul > li:nth-child(2){animation: fadeInUp 3s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both;}
.main-data.view ul > li:nth-child(3){animation: fadeInUp 3.5s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both;}

.main-youtube.view .youtube-wr > div{animation: fadeInUp 2.5s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both;}
.main-youtube.view .more-btn{animation: fadeInUp 3s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both;}

.main-case.view .case-list{animation: fadeInUp 2.5s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both;}

.main-together.view .together-desc span{animation: fadeInUp 2.5s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both;}
.main-together.view .together-desc h3{animation: fadeInUp 3s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both;}
.main-together.view .together-desc p{animation: fadeInUp 3.5s cubic-bezier(0.4, 0, 0.05, 1.01); animation-fill-mode: both;}