@charset "utf-8";

/* 내용관리 */
#ctt {margin: 0;padding:0;}
.ctt_admin {text-align:right; position: absolute; right: 0; top: 20px;}
.adm_span { position: absolute; left: 0; z-index: 2; }
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0 ;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.content-inner { height: 100%; }
/* .content-inner > .doctor-wrap { background: url('/theme/basic/img/doctor-bg.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100vh; position: relative; }
.content-inner > .doctor-wrap > .dark-bg { background: rgba(0,0,0,0.4); width: 100%; height: 100%; position: absolute; left: 0; } */

/* .content-inner > .doctor-wrap { width: 100%; height: 100vh; position: relative; }
.content-inner > .doctor-wrap > video { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .doctor-wrap > .dark-bg { width: 100%; height: 100%; position: absolute; left: 0; background: rgba(0,0,0,0.5); } */


/* about */
.content-inner > .about-wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; z-index: 1; }
.content-inner > .about-wrap > .video-box { width: 80%; padding-bottom: 45%; position: relative; margin: 0 auto; margin-top: 140px; overflow: hidden; }
.content-inner > .about-wrap > .video-box > video,
.content-inner > .about-wrap > .video-box > iframe { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; background: #000; }
.content-inner > .about-wrap > .video-box > #mute { position: absolute; top: 16px; left: 16px; cursor: pointer; }
.content-inner > .about-wrap > .video-box > #unmute { position: absolute; top: 16px; left: 125px; cursor: pointer; }
.content-inner > .about-wrap > .video-box > .arrow-box { display: flex; align-items: center; }
.content-inner > .about-wrap > .video-box > #backward { left: 16px; top: 50%; position: absolute; cursor: pointer; font-size: 20px; transform: translateY(-50%); }
.content-inner > .about-wrap > .video-box > #backward img { transform: rotate(180deg); }
.content-inner > .about-wrap > .video-box > #forward { right: 16px; top: 50%; position: absolute; cursor: pointer; font-size: 20px; transform: translateY(-50%); }

@keyframes slideInFade1 {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.content-inner > .about-wrap > .video-box > #backward li:nth-child(3) { opacity: 0.3; }
.content-inner > .about-wrap > .video-box > #backward li:nth-child(2) { opacity: 0.6; }
.content-inner > .about-wrap > .video-box > #backward li:nth-child(1) { opacity: 1; }

.content-inner > .about-wrap > .video-box > #forward li:nth-child(1) { opacity: 0.3; }
.content-inner > .about-wrap > .video-box > #forward li:nth-child(2) { opacity: 0.6; }
.content-inner > .about-wrap > .video-box > #forward li:nth-child(3) { opacity: 1; }

/* 마우스 호버 시 애니메이션 적용 */
/* 기존 코드는 그대로 두고, 호버 시 애니메이션 코드만 수정 */
.video-box #backward:hover li,
.video-box #forward:hover li {
    animation: slideInFade1 1s infinite;
}

.video-box #backward:hover li:nth-child(1),
.video-box #forward:hover li:nth-child(1) {
    animation-delay: 0s;
}

.video-box #backward:hover li:nth-child(2),
.video-box #forward:hover li:nth-child(2) {
    animation-delay: 0.15s; /* 예시로 변경한 값입니다. 이 값을 조절하여 원하는 효과를 얻을 수 있습니다. */
}

.video-box #backward:hover li:nth-child(3),
.video-box #forward:hover li:nth-child(3) {
    animation-delay: 0.3s; /* 예시로 변경한 값입니다. 이 값을 조절하여 원하는 효과를 얻을 수 있습니다. */
}

.pc-iframe { display: block; }
.m-iframe { display: none; }

/* doctor */
.content-inner > .doctor-wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; z-index: 1; }
.content-inner > .doctor-wrap > iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transform: scale(1.55); z-index: -1; }
.content-inner > .doctor-wrap > video { width: 137%; height: 120%; position: absolute; left: 0; top: 0; z-index: -1; object-fit: cover; }
.content-inner > .doctor-wrap > .dark-bg { width: 100%; height: 100%; position: absolute; left: 0; background: rgba(0, 0, 0, 0.4);  }
.content-inner > .doctor-wrap > .doc-text-wrap { position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; width: 1200px;}
.content-inner > .doctor-wrap > .doc-text-wrap > .title { font-size: 40px; margin-top: 5px; }
.content-inner > .doctor-wrap > .doc-text-wrap > ul { margin-top: 50px; }
.content-inner > .doctor-wrap > .doc-text-wrap > ul:last-child { margin-top: 30px; }
.content-inner > .doctor-wrap > .doc-text-wrap > ul > li { font-size: 18px; }

/* brand */
.content-inner > .brand-wrap { width: 100%; height: 100%; z-index: 99; position: relative; padding-top: 170px; margin-bottom: 10%; min-height: 100vh; }
.content-inner > .brand-wrap .font-head3 { font-size: 40px; font-weight: 400; }
.content-inner > .brand-wrap > .text-wrap { width: 1200px; margin: 0 auto; margin-bottom: 35px; position: relative; }
.content-inner > .brand-wrap > .text-wrap > .desc { margin: 15px 0 30px 0; }
.content-inner > .brand-wrap > .text-wrap > ul { display: flex; align-items: center; }
.content-inner > .brand-wrap > .text-wrap > ul > li { border: 1px solid #4D3928; width: 24px; height: 24px; margin-right: 8px; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.content-inner > .brand-wrap > .text-wrap > ul > li:last-child { margin-right: 0; }
.content-inner > .brand-wrap > .text-wrap > ul > li.active { background: #4D3928; color: #fff!important; }


.b-1, .c-1, .d-1, .e-1, .f-1 { display: none; }
.a-1, .b-1, .c-1, .d-1, .e-1, .f-1 { overflow: hidden; }
.e-1, .f-1 { margin-top: 35px; }
.e-1 > img { position: absolute; left: 910px; top: 170px; }
.f-1 > img { position: absolute; left: 990px; top: 170px; }
.f-1 > .text-wrap > .desc > img { margin-top: 20px; }
.e-1-1, .f-1-1 { position: absolute; right: 0; top: 0; }
.e-1-1 > img, .f-1-1 > img { width: 100%; }

.content-inner > .brand-wrap > div > .text-wrap { width: 1200px; margin: 0 auto; }
.content-inner > .brand-wrap > div > .text-wrap .desc { font-size: 18px; margin-bottom: 50px; color: #4d4d4d; }
.content-inner > .brand-wrap > div.b-1 > .text-wrap { display: flex; justify-content: space-between; }
.content-inner > .brand-wrap > div > .text-wrap > div ul { display: flex; align-items: center; }
.content-inner > .brand-wrap > div > .text-wrap > div ul > li { margin-right: 10px; width: 147px; height: 228px; position: relative; }
.content-inner > .brand-wrap > div > .text-wrap > div ul > li > img { width: 100%;  position: absolute; left: 0; object-fit: cover; }
.content-inner > .brand-wrap > div > .text-wrap > div ul > li:last-child { margin-right: 0; }

.content-inner > .brand-wrap > div.c-1 > .brand-slide-1 { position: relative; overflow: visible; width: 1200px; margin: 0 auto; }
.content-inner > .brand-wrap > div.c-1 > .brand-slide-1 .swiper-slide { width: 313px; }
.content-inner > .brand-wrap > div.c-1 > .brand-slide-1 .swiper-slide > .slide-img { width: 100%; height: 400px; position: relative; }
.content-inner > .brand-wrap > div.c-1 > .brand-slide-1 .swiper-slide > .slide-img > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .brand-wrap > div.c-1 > .brand-slide-1 .arrow-wrap { display: flex; align-items: center; margin-top: 30px; }
.content-inner > .brand-wrap > div.c-1 > .brand-slide-1 .arrow-wrap > ul { display: flex; align-items: center; margin-right: 6px; }

@keyframes slideInFade {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.brand-slide-1 .arrow-box li {
    opacity: 0;
    animation: slideInFade 2s infinite;
}

.brand-slide-1 .arrow-box li:nth-child(1) {
    animation-delay: 0s;
}

.brand-slide-1 .arrow-box li:nth-child(2) {
    animation-delay: 0.15s;
}

.brand-slide-1 .arrow-box li:nth-child(3) {
    animation-delay: 0.3s;
}



.content-inner > .brand-wrap > div.d-1 > div:last-child { width: 100%; }
.content-inner > .brand-wrap > div.d-1 > div:last-child > img { width: 100%; }

.content-inner > .brand-wrap > .text-wrap > div > .review-wrap { display: flex; width: 1200px; margin: 0 auto; margin-top: 150px; }
.content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul { display: flex; width: 100%;}
.content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul > li { width: 352px; margin-right: 40px; }
.content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul > li:last-child { margin-right: 0; }
.content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul > li > .desc { margin: 40px 0; font-size: 18px; height: 135px; }
.content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul > li > ul { display: flex; align-items: center; }
.content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul > li > ul > li > span { font-size: 18px; }
.content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul > li > ul > li:first-child { margin-right: 16px; }





/* case */
.content-inner > .case-wrap { width: 1200px; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: flex-start; align-items: center; margin: 0 auto; }

/* notice */
.content-inner > .notice-wrap { width: 1200px; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: flex-start; align-items: center; margin: 0 auto; }

/* consultation */
.content-inner > .consultation-wrap { width: 1200px; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: flex-start; align-items: center; margin: 0 auto; }

/* reservation */
.content-inner > .reservation-wrap { width: 1200px; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: flex-start; align-items: center; margin: 0 auto; }


/* contact */
.content-inner > .contact-wrap { width: 1200px; height: 100vh; overflow: hidden; background: #F6F4F1; z-index: 1;  margin: 0 auto; }
.content-inner > .contact-wrap > .con-item-wrap { position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; width: 1200px;}
.content-inner > .contact-wrap > .con-item-wrap > .title { font-size: 40px; }
.content-inner > .contact-wrap > .con-item-wrap > .desc { margin-top: 15px; }

.content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap { margin-top: 40px; display: flex; justify-content: flex-start; align-items: center; }
.content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .img-box { width: 585px; height: 521px; position: relative; margin-right: 30px; }
.content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

.content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap > h1 { margin-bottom: 40px; }
.content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap > ul.time-box { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px; }
.content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap > ul.time-box > li { display: flex; justify-content: flex-start; align-items: center; margin-right: 45px; }
.content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap > ul.time-box > li:last-child { margin-right: 0; }
.content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap > ul.time-box > li > h3:first-child { margin-right: 30px; }
.content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap > .desc { margin-top: 40px; }
.content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap > .desc > li:first-child { margin-bottom: 10px; }

.m-br { display: none; }
.content-inner > .doctor-wrap > .m-video { display: none; }


@media(max-width: 1350px){
    .content-inner > .doctor-wrap { height: 100%; padding-bottom: 0; }
    .content-inner > .doctor-wrap > .doc-text-wrap { width: 100%; padding: 0; transform: none; position: relative; z-index: 1; margin: 229px 0; left: 0; top: 0; }
    .content-inner > .doctor-wrap > .doc-text-wrap > h1,
    .content-inner > .doctor-wrap > .doc-text-wrap > h2 { padding: 0 60px; }
    .content-inner > .doctor-wrap > .doc-text-wrap > ul { padding: 0 30px; }
    .content-inner > .doctor-wrap > video { height: 100%; }
    .content-inner > .doctor-wrap > .m-video { display: none; }
    /* .content-inner > .doctor-wrap > .pc-video { display: none; } */
    .content-inner > .doctor-wrap > iframe { transform: scale(2); }


    .content-inner > .contact-wrap { width: 100%; height: 100%; }
    .content-inner > .contact-wrap > .con-item-wrap { width: 100%; position: initial; transform: none; margin: 15% 0; padding: 0 15%; display: flex; flex-direction: column; }
    .content-inner > .contact-wrap > .con-item-wrap > .desc { margin-top: 10px; }
    .content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap { flex-direction: column; align-items: flex-start; margin-top: 30px; }
    .content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .img-box { width: 100%; height: 0; padding-bottom: 56.25%; margin-right: 0; }
    .content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap { margin-top: 30px; }
    .content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap > h1 { margin-bottom: 30px; }
    .content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap > .desc { margin-top: 30px; }

    .content-inner > .brand-wrap > .text-wrap,
    .content-inner > .brand-wrap > div > .text-wrap,
    .content-inner > .brand-wrap > div.c-1 > .brand-slide-1 { width: 100%; padding: 0 15%; }
    .left-img { margin-left: 15%; width: 100%; position: relative; padding-bottom: 56.25%; }
    .left-img > img { width: 100%; height: 100%; position: absolute; right: 0; object-fit: cover; }
    .content-inner > .brand-wrap > div > .text-wrap .desc { font-size: 16px; }

    .content-inner > .brand-wrap > div.b-1 > .text-wrap { flex-direction: column; }
    .content-inner > .brand-wrap > div.b-1 > .text-wrap > div:last-child { width: 100%; margin-top: 40px; }
    .content-inner > .brand-wrap > div.b-1 > .text-wrap > div:last-child > img { width: 100%; }
    .content-inner > .brand-wrap > div > .text-wrap .desc { margin-bottom: 40px; }
    .content-inner > .brand-wrap > div > .text-wrap > div ul { justify-content: space-between }
    .content-inner > .brand-wrap > div > .text-wrap > div ul > li { width: 24%; margin-right: 0; padding-bottom: 35.5%; height: 0; }

    .content-inner > .brand-wrap > div.c-1 > .brand-slide-1 .swiper-slide { width: 266px; }
    .content-inner > .brand-wrap > div.c-1 > .brand-slide-1 .swiper-slide > .slide-img { height: 0; padding-bottom: 127.8%; }

    .content-inner > .brand-wrap > .text-wrap.pd-left { padding: 0; }
    .content-inner > .brand-wrap > .text-wrap.pd-left > .title,
    .content-inner > .brand-wrap > .text-wrap.pd-left > .desc,
    .content-inner > .brand-wrap > .text-wrap.pd-left > #nav,
    .content-inner > .brand-wrap > .text-wrap.pd-left > div > .text-wrap { padding: 0 15%; }
    .content-inner > .brand-wrap > .text-wrap.pd-left > div > .review-wrap { padding-left: 15%; width: 100%; overflow-x: auto; }
    .content-inner > .brand-wrap > .text-wrap > div > .review-wrap { margin-top: 45px; }
    .content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul { width: auto; }
    .e-1-1 { position: relative; padding-bottom: 56.25%; margin-top: 40px; }
    .e-1-1 > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
    .f-1-1 { position: relative; padding-bottom: 131.389%; margin-top: 40px; }
    .f-1-1 > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

    .content-inner > .about-wrap { padding: 0 15%; }
    .content-inner > .about-wrap > .video-box { width: 100%; overflow: hidden; padding-bottom: 56.25%; }
    .content-inner > .about-wrap > .video-box > video,
    /* .content-inner > .about-wrap > .video-box > iframe { transform: scale(2); } */
    .content-inner > .about-wrap > .video-box > #mute { position: absolute; top: 16px; left: 16px; cursor: pointer; }
    .content-inner > .about-wrap > .video-box > #unmute { position: absolute; top: 16px; left: 134px; cursor: pointer; }
    
}
@media(max-width: 1025px){
    .content-inner > .doctor-wrap > iframe { transform: scale(2.5); }
    /* .content-inner > .about-wrap > .video-box > iframe { transform: scale(2.5); } */
}


@media(max-width: 825px){
    .content-inner > .doctor-wrap > iframe { transform: scale(3); }
    .content-inner > .brand-wrap > div.d-1 > div:last-child { padding-bottom: 56.25%; position: relative; }
    .content-inner > .brand-wrap > div.d-1 > div:last-child > img { height: 100%; position: absolute; left: 0; object-fit: cover; }
}

@media(max-width: 767px){
    .m-br { display: block; }

    .pc-iframe { display: none; }
    .m-iframe { display: block; }
    .content-inner > .contact-wrap > .con-item-wrap { padding: 0; }
    .content-inner > .contact-wrap > .con-item-wrap > h1,
    .content-inner > .contact-wrap > .con-item-wrap > h2 { padding: 0 60px; }
    .content-inner > .contact-wrap > .con-item-wrap > .title { font-size: 28px; }
    .content-inner > .contact-wrap > .con-item-wrap > h2 { font-size: 12px; }
    .content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap { width: 100%; padding: 0 60px; margin-top: 50px; }
    .content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap > h1 { font-size: 22px; margin-bottom: 25px; }
    .content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap > ul.time-box { flex-direction: column; align-items: flex-start; margin-bottom: 10px; }
    .content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap > ul.time-box > li { margin-right: 0; }
    .content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap > ul.time-box > li:first-child { margin-bottom: 10px; }
    .content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap .font-head5 { font-size: 18px; }
    .content-inner > .contact-wrap > .con-item-wrap > .item-bete-wrap > .text-wrap > .desc > .font-body1 { font-size: 16px; }

    .h100vh { height: 100vh!important; }
    .content-inner > .brand-wrap { padding-top: 100px; min-height: 100vh; }
    .content-inner > .brand-wrap > .text-wrap, .content-inner > .brand-wrap > div > .text-wrap,
    .content-inner > .brand-wrap > div.c-1 > .brand-slide-1 { padding: 0 60px; }
    .left-img { margin-left: 60px; }
    .content-inner > .brand-wrap .font-head3 { font-size: 28px; }
    .content-inner > .brand-wrap > .text-wrap > .desc { font-size: 12px; }
    .content-inner > .brand-wrap > div > .text-wrap .desc { margin-bottom: 30px; }
    .content-inner > .brand-wrap > div.b-1 > .text-wrap { padding: 0; }
    .content-inner > .brand-wrap > div.b-1 > .text-wrap > div > p { padding: 0 60px; margin-bottom: 30px; }
    .content-inner > .brand-wrap > div.b-1 > .text-wrap > div > .over-flow-x { padding-left: 60px; overflow-x: auto; }
    .content-inner > .brand-wrap > div.b-1 > .text-wrap > div:last-child { padding: 0 60px; margin-top: 20px; }

    .content-inner > .brand-wrap > div > .text-wrap > div ul { width: 125%; }

    .content-inner > .brand-wrap > div.c-1 > .brand-slide-1 .swiper-slide { width: 120px; }
    .content-inner > .brand-wrap > div.c-1 > .brand-slide-1 .swiper-slide > .slide-img { height: 155px; padding-bottom: 0; }
    .content-inner > .brand-wrap > div.c-1 > .brand-slide-1 .arrow-wrap { margin-top: 10px; }
    .content-inner > .brand-wrap > div.c-1 > .brand-slide-1 .arrow-wrap > ul > li > img { width: 6.5px; }

    .content-inner > .brand-wrap > .text-wrap.pd-left > .title,
    .content-inner > .brand-wrap > .text-wrap.pd-left > .desc,
    .content-inner > .brand-wrap > .text-wrap.pd-left > #nav { padding: 0 60px; }
    .content-inner > .brand-wrap > .text-wrap.pd-left > div > .text-wrap { padding: 0; }
    .content-inner > .brand-wrap > .text-wrap.pd-left > div > .text-wrap > .desc { padding: 0 60px; }
    .content-inner > .brand-wrap > .text-wrap.pd-left > div > .review-wrap { padding: 0 60px; width: 100%; }
    .content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul { flex-direction: column; width: 100%; }
    .content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul > li { margin-right: 0; margin-bottom: 25px; width: 100%; }
    .content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul > li:last-child { margin-bottom: 0; }
    .content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul > li > img { width: 28px; }
    .content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul > li > .desc { margin: 15px 0; height: auto; }
    .content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul > li > .desc,
    .content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul > li > ul > li > span { font-size: 12px; }
    

    .content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul > li > ul > li:first-child { margin-right: 10px; width: 60px; }
    .content-inner > .brand-wrap > .text-wrap > div > .review-wrap > ul > li > ul > li:first-child > img { width: 100%; }
    .content-inner > .doctor-wrap > .doc-text-wrap > h1,
    .content-inner > .doctor-wrap > .doc-text-wrap > h2,
    .content-inner > .doctor-wrap > .doc-text-wrap > ul { padding: 0 25px; }
    .content-inner > .doctor-wrap > .doc-text-wrap > ul { margin-top: 35px; }
    .content-inner > .doctor-wrap > .doc-text-wrap > .font-head4 { font-size: 22px; }
    .content-inner > .doctor-wrap > .doc-text-wrap > .title { font-size: 28px; }
    .content-inner > .doctor-wrap > .doc-text-wrap > ul > li { font-size: 12px; }

    .content-inner > .doctor-wrap > .doc-text-wrap { margin: 166px 0; height: 100vh; }

    .content-inner > .about-wrap { padding: 0; }
    .content-inner > .about-wrap > .video-box { width: 100%; overflow: hidden; height: 100%; margin: 0; }
    .content-inner > .about-wrap > .video-box > video { transform: scale(1.1); padding: 0; }
    /* .content-inner > .about-wrap > .video-box > iframe { transform: scale(1.1); } */
    .content-inner > .about-wrap > .video-box > #mute { width: 80px; top: 65px; right: 20px; z-index: 10; left: auto; }
    .content-inner > .about-wrap > .video-box > #unmute { width: 80px; top: 65px; right: 20px; z-index: 9; left: auto; }
}

@media(max-width: 684px){

    .content-inner > .doctor-wrap > iframe { transform: scale(4); }


    
}

@media(max-width: 600px){
    /* .content-inner > .about-wrap > .video-box > iframe { transform: scale(1.2); } */
}