html.lenis,
html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
#hd_pop .hd_pops .hd_pops_con p { font-size: 0;}
.forPc { display: block; }
.forMob { display: none; }
.mainVisual { position: relative; background: var(--colorWhite); overflow: hidden; margin-bottom: 200px; --visualLeft: 13%; }
.mainVisual .mainVisualSlide { position: relative; }
.mainVisual .swiper-slide { height: auto; }
.mainVisual .swiper-slide { opacity: 0 !important; transition-property: opacity !important; }
.mainVisual .swiper-slide-active { opacity: 1 !important; }
.mainVisual .mainVisualItem { position: relative; width: 100%; aspect-ratio: 1839 / 800; border-radius: 22px; overflow: hidden; }
.mainVisual .mainVisualItem .mainVisualBg { display: block; width: 100%; height: 100%; object-fit: cover; }
.mainVisual .mainVisualItem .mainVisualText { position: absolute; top: 50%; left: var(--visualLeft); z-index: 2; transform: translateY(-50%); color: var(--colorMain); }
.mainVisual .mainVisualItem .mainVisualText strong { display: block; margin-bottom: 30px; opacity: 0; transform: translateY(34px); color: var(--colorMain); font-size: 68px; font-weight: 700; line-height: 1.18; transition: opacity 0.9s ease, transform 0.9s ease; }
.mainVisual .mainVisualItem .mainVisualText p { display: block; margin-bottom: 25px; opacity: 0; transform: translateY(34px); color: var(--colorMain); font-size: 29px; font-weight: 500; line-height: 1.2; letter-spacing: -0.04em; transition: opacity 0.9s ease 0.16s, transform 0.9s ease 0.16s; }
.mainVisual .mainVisualItem .mainVisualText a.btn { width: 170px; padding: 15px; gap: 15px; justify-content: space-around; }
.mainVisual .mainVisualItem .mainVisualText.white p { color: var(--colorWhite); }
.mainVisual .mainVisualItem .mainVisualText.white strong { color: var(--colorWhite); }
.mainVisual .mainVisualItem .mainVisualText.white a { color: var(--colorWhite); border-color: var(--colorWhite); }
.mainVisual .mainVisualItem .mainVisualText.white a.btn { color: var(--colorWhite); border-color: var(--colorWhite); }
.mainVisual .mainVisualItem .mainVisualText.white a.btn:hover { border-color: transparent; }
.mainVisual .mainVisualItem .mainVisualText.white a.btn::before { background: #041545; }
.mainVisual .mainVisualItem .mainVisualText.white a.btn:hover:before { background: #041545; }
.mainVisual .mainVisualItem .mainVisualText.white a.btn.subBg::before { background: #03141e; }
.mainVisual .mainVisualItem .mainVisualText.white a.btn.subBg:hover:before { background: #03141e; }
.mainVisual .swiper-slide-active .mainVisualText strong,
.mainVisual .swiper-slide-active .mainVisualText p,
.mainVisual .swiper-slide-active .mainVisualText a,
.mainVisual .swiper-slide-duplicate-active .mainVisualText strong,
.mainVisual .swiper-slide-duplicate-active .mainVisualText p,
.mainVisual .swiper-slide-duplicate-active .mainVisualText a { opacity: 1; transform: translateY(0); }
.mainVisual .slideMove { position: absolute; left: var(--visualLeft); bottom: 26px; z-index: 20; padding: 0 0 0 24px; display: flex; align-items: center; gap: 18px; height: 48px; transform: none; }
.mainVisual .slideMove .arr { position: static; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin: 0; color: var(--colorBlack); cursor: pointer; }
.mainVisual .slideMove .arr::after { display: none; }
.mainVisual .slideMove .arr .ico { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.mainVisual .slideMove .arr svg { display: block; width: 8px; height: 14px; fill: var(--colorBlack); }
.mainVisual .slideMove .swiper-pagination { position: static; display: flex; align-items: center; gap: 14px; width: auto; color: var(--colorBlack); }
.mainVisual .slideMove .swiper-pagination .num { color: var(--colorBlack); font-size: 15px; font-weight: 800; line-height: 1; }
.mainVisual .slideMove .swiper-progress-bar { position: relative; width: 112px; height: 2px; overflow: hidden; background: #cfcfcf; }
.mainVisual .slideMove .swiper-progress-bar .slideProgressBar { position: absolute; top: 0; left: 0; height: 100%; }
.mainVisual .slideMove .swiper-progress-bar .slideProgressBar.bg { width: 100%; background: #cfcfcf; }
.mainVisual .slideMove .swiper-progress-bar .slideProgressBar.loading { width: 100%; background: var(--colorBlack); transform: scaleX(0); transform-origin: left center; }
.mainVisual .slideMove .swiper-progress-bar.animate .slideProgressBar.loading { animation: mainVisualProgress var(--transition-duration) linear forwards; }
.mainVisual .slideMove .swiper-pagination .btn { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.mainVisual .slideMove .swiper-pagination .btn .stop { display: flex; align-items: center; justify-content: center; gap: 4px; width: 18px; height: 18px; }
.mainVisual .slideMove .swiper-pagination .btn .stop i { display: block; width: 3px; height: 14px; background: var(--colorBlack); }
.mainVisual .slideMove .swiper-pagination .btn .play { display: none; width: 12px; height: 14px; fill: var(--colorBlack); }
.mainVisual .slideMove .swiper-pagination .btn.paused .stop { display: none; }
.mainVisual .slideMove .swiper-pagination .btn.paused .play { display: block; }
@keyframes mainVisualProgress {  0% { transform: scaleX(0); }  100% { transform: scaleX(1); }}
/* 두 번째 슬라이드일 때 */
.mainVisual.secondTheme .slideMove .swiper-pagination .num { color: var(--colorWhite); }
.mainVisual.secondTheme .slideMove .swiper-progress-bar .slideProgressBar.loading { background: var(--colorWhite); }
.mainVisual.secondTheme .slideMove .swiper-progress-bar .slideProgressBar.bg {  }
.mainVisual.secondTheme .slideMove .swiper-pagination .btn .stop i { background-color: var(--colorWhite); }
.mainVisual.secondTheme .slideMove .arr svg { fill: var(--colorWhite); }
.section2 { display: flex; justify-content: center; text-align: center; flex-direction: column; width: 100%; overflow: hidden; margin-bottom: 100px; }
.section2 .textBox { color: var(--colorMain); margin-bottom: 100px; }
.section2 .textBox strong { display: inline-block; font-size: 48px; line-height: 1.2; font-weight: 700; margin-bottom: 40px; }
.section2 .textBox p { font-size: 21px; }

.section2 .sectionInner { width: 100%;  margin: 0 auto; }
.section2 .section2Slide { width: 100%; overflow: visible; }
.section2 .section2Slide ul { align-items: stretch; }
.section2 .section2Slide ul li { height: auto; }
.section2 .section2Slide ul li .cont { position: relative; display: block; aspect-ratio: 1 / 1.1; overflow: hidden; border-radius: 24px; }
.section2 .section2Slide ul li .cont .img { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; }
.section2 .section2Slide ul li .cont .img::before { content: ""; position: absolute; inset: 0; z-index: 1; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(0); transition: all 0.45s ease; }
.section2 .section2Slide ul li .cont .img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s ease; }
.section2 .section2Slide ul li .cont .infoTextBox { position: absolute; left: 0; bottom: 80px; z-index: 2; width: 100%; padding: 0 40px; color: #fff; transform: translateY(10px); transition: transform 0.45s ease; }
.section2 .section2Slide ul li .cont:hover .infoTextBox { transform: translateY(0); }
.section2 .section2Slide ul li .cont .infoTextBox .en { text-align: start; text-transform: uppercase; font-size: 17px; font-weight: 500; line-height: 1.3; }
.section2 .section2Slide ul li .cont .infoTextBox .tit { text-align: start; margin-bottom: 0; font-size: 37px; font-weight: 700; line-height: 1.3; transition: all 0.45s ease; }
.section2 .section2Slide ul li .cont .infoTextBox .txt { text-align: start; overflow: hidden; max-height: 0; margin-top: 0; opacity: 0; transform: translateY(28px); transition: all 0.45s ease; font-size: 16px; font-weight: 400; line-height: 1.8; }
.section2 .section2Slide ul li .cont:hover .infoTextBox .txt { max-height: 220px; margin-top: 18px; opacity: 1; transform: translateY(0); }
.section2 .section2Slide ul li .cont:hover .img img { transform: scale(1.08); }
.section2 .section2Slide ul li .cont:hover .img::before { background: rgba(0, 0, 0, 0.42); backdrop-filter: blur(3px); }
.section2 .section2Slide ul li .cont:hover .img::before { background: rgba(0, 0, 0, 0.48); backdrop-filter: blur(4px); }
.section2 .section2Slide ul li .cont:hover .img img { transform: scale(1.08); }
.section2 .section2Pagination { margin-top: 36px; height: 3px; background: #e5e5e5; }
.section2 .section2Pagination .swiper-pagination-progressbar-fill { background: #174c85; }

.section3 { display: flex; flex-direction: column; gap: 70px; padding: 120px 0; overflow: hidden; background-color: #fafafa; margin-bottom: 100px; }
.section3 .titleBox { display: flex; flex-direction: column; align-items: center; gap: 50px; text-align: center; }
.section3 .titleBox .youtubeLogo img { display: block; height: 60px; }
.section3 .titleBox strong { color: var(--colorMain); font-size: 48px; font-weight: 700; line-height: 1.2; }
.section3 .titleBox strong span { font-weight: 400; }
.section3 .titleBox .btns { display: flex; gap: 20px; }
.section3 .youtubeSwiperWrap { overflow: hidden;  padding: 0 40px; }
.section3 .youtubeSwiper { width: 100%; overflow: hidden; }
.section3 .youtubeSwiper .swiper-wrapper { align-items: stretch; }
.section3 .youtubeSwiper .swiper-slide { height: auto; }
.section3 .youtubeSwiper .youtubeItem { display: block; overflow: hidden; border-radius: 16px; background: #000; }
.section3 .youtubeSwiper .youtubeItem img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform 0.4s ease; }
.section3 .youtubeSwiper .youtubeItem:hover img { transform: scale(1.06); }
.section3 .youtubeSwiper .swiper-scrollbar { position: relative; left: 0; bottom: auto; width: 100%; height: 2px; margin-top: 70px; border-radius: 999px; background: rgba(0, 0, 0, 0.12); }
.section3 .youtubeSwiper .swiper-scrollbar-drag { border-radius: 999px; background: #111; cursor: pointer; }


.section4 { max-width: 1400px; width: 100%; margin: 0 auto 100px; }
.section4 .textBox { display: flex; align-items: end; gap: 25px; margin-bottom: 70px; }
.section4 .textBox p { color: var(--colorMain); font-size: 50px; font-weight: 400; line-height: 1.2; }
.section4 .textBox p strong { font-weight: 700; }
.section4 .textBox a.btn { width: 165px; padding: 17px 12px; gap: 15px; font-size: 17px; }
.section4 .doctorInfoBox { display: grid; grid-template-columns: 1.7fr 1.15fr 1fr; gap: 20px; }
.section4 .doctorInfoBox .doctorCard { overflow: hidden; min-height: 530px; padding: 50px 10px 50px 35px; border-radius: 18px; color: var(--colorWhite); background: var(--colorMain); }
.section4 .doctorInfoBox .doctorProfile { position: relative; display: flex; justify-content: space-between; background: #2d3e73; }
.section4 .doctorInfoBox .doctorProfile .doctorText { position: relative; z-index: 2; }
.section4 .doctorInfoBox .doctorProfile .doctorText strong { display: block; font-size: 27px; font-weight: 600; line-height: 1.3; }
.section4 .doctorInfoBox .doctorProfile .doctorText ul { display: flex; flex-direction: column; gap: 6px; margin-top: 64px; }
.section4 .doctorInfoBox .doctorProfile .doctorText ul li { position: relative; padding-left: 9px; font-size: 19px; font-weight: 400; line-height: 1.3; }
.section4 .doctorInfoBox .doctorProfile .doctorText ul li::before { content: ""; position: absolute; width: 3px; height: 3px; left: 0; top: 10px; border-radius: 50%; background: var(--colorWhite); }
.section4 .doctorInfoBox .doctorProfile .doctorText ul li:nth-child(4):before { display: none; }
.section4 .doctorInfoBox .doctorProfile .doctorImg { position: absolute; right: 0; bottom: 0; width: 65%; z-index: 1; }
.section4 .doctorInfoBox .doctorProfile .doctorImg img { display: block; width: 100%; }
.section4 .doctorInfoBox .doctorHistory { background: var(--colorSub); }
.section4 .doctorInfoBox .doctorBook { background: var(--colorMain); }
.section4 .doctorInfoBox .doctorBook li { font-size: 14px; }
.section4 .doctorInfoBox .doctorCard > strong { display: block; margin-bottom: 28px; font-size: 27px; font-weight: 700; }
.section4 .doctorInfoBox .doctorCard ul { display: flex; flex-direction: column; gap: 9px; }
.section4 .doctorInfoBox .doctorCard ul li { color: rgba(255, 255, 255, 0.92); font-size: 17px; font-weight: 500; line-height: 1.35; }
.section4 .doctorInfoBox .doctorCard ul li span { display: inline-block; margin-right: 8px; font-weight: 600; }


.section5 { position: relative; overflow: hidden; min-height: 760px; }
.section5 .circleBg { position: absolute; z-index: 0; border-radius: 50%; pointer-events: none; transition: transform 0.08s linear; filter: blur(0.2px); }
.section5 .circleBg1 { top: 150px; left: 60px; width: 620px; height: 620px; background: radial-gradient(circle at 50% 72%, rgba(218, 251, 252, 0.95) 0%, rgba(218, 251, 252, 0.78) 38%, rgba(218, 251, 252, 0.28) 68%, rgba(255, 255, 255, 0) 92%); }
.section5 .circleBg2 { right: -130px; bottom: 20px; width: 620px; height: 620px; background: radial-gradient(circle at 50% 72%, rgba(223, 236, 251, 0.95) 0%, rgba(223, 236, 251, 0.78) 38%, rgba(223, 236, 251, 0.28) 68%, rgba(255, 255, 255, 0) 92%); }
.section5 .textBox { position: relative; z-index: 2; text-align: center; padding-top: 100px; margin-bottom: 100px; }
.section5 .textBox strong { display: inline-block; font-size: 48px; font-weight: 700; line-height: 1.3; color: var(--colorMain); margin-bottom: 50px; }
.section5 .textBox p { color: var(--colorMain); font-size: 24px; font-weight: 400; letter-spacing: -0.5px; }
.section5 .circles { position: relative; display: flex; align-items: center; justify-content: center; height: 430px; margin-bottom: 110px; }
.section5 .circles .circle { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 350px; height: 350px; border-radius: 999px; opacity: 0; transform: translateX(0) scale(0.82); filter: blur(12px); transition: transform 1.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.4s ease-out, filter 1.8s cubic-bezier(0.16, 1, 0.3, 1); padding: 10px; will-change: transform, opacity, filter; }
.section5 .circles .circle:nth-child(1) { background-color: var(--colorMain); }
.section5 .circles .circle:nth-child(2) { background-color: var(--colorSub); }
.section5 .circles .circle:nth-child(3) { background-color: var(--colorPoint); }

.section5 .circles.aos-animate .circle { opacity: 1; filter: blur(0); }

.section5 .circles.aos-animate .circle:nth-child(1) { transform: translateX(-380px) scale(1); transition-delay: 0.08s; }
.section5 .circles.aos-animate .circle:nth-child(2) { transform: translateX(0) scale(1); transition-delay: 0.28s; }
.section5 .circles.aos-animate .circle:nth-child(3) { transform: translateX(380px) scale(1); transition-delay: 0.48s; }
.section5 .circles .circle p { color: var(--colorWhite); }
.section5 .circles .circle .tit { font-size: 30px; font-weight: 500; margin-bottom: 15px; word-break: keep-all; text-align: center;  }
.section5 .circles .circle .txt { font-size: 18px; }
.section5 .circles .circle .txt strong { font-size: 20px; font-weight: 700; }
.section5 .bottomTxtBox { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 70px; text-align: center; margin-bottom: 200px; }
.section5 .bottomTxtBox p { font-size: 26px; line-height: 1.3; font-weight: 600; }
.section5 .bottomTxtBox p strong { padding-left: 15px; font-size: 35px; font-weight: 700; }
.section5 .rollingTxt { position: relative; z-index: 1; overflow: hidden; width: 100%; }
.section5 .rollingTxt .rollingTrack { display: flex; width: max-content; animation: rollingText 28s linear infinite; }
.section5 .rollingTxt p { flex-shrink: 0; white-space: nowrap; font-size: 155px; font-weight: 700; color: #f3f3f3; letter-spacing: 0.10px; text-transform: uppercase; }

@keyframes rollingText { 0% { transform: translateX(0); } 100% { transform: translateX(-33.333%); } }


.section6 { display: flex; gap: 130px; padding: 140px 0;    max-width: 1400px; width: 100%; margin: 0 auto 100px; }
.section6 .mapBox { position: relative; overflow: hidden; width: 52%; border-radius: 32px; border: 1px solid #eee; }
.section6 #map { width: 100%; height: 100%; filter: grayscale(0.08); }
.section6 .textBox { width: calc(48% - 80px); max-width: 430px; }
.section6 .textBox .border { display: block; padding-bottom: 13px; margin-bottom: 17px; border-bottom: 2px solid var(--colorMain); font-size: 30px; font-weight: 700; color: #1b2559; }
.section6 .textBox .address { font-size: 24px; font-weight: 600; color: #3c3c3c; line-height: 1.7; margin-bottom: 10px; }
.section6 .textBox .infoBox { margin-bottom: 25px; }
.section6 .textBox .infoBox .infoItem { display: flex; gap: 40px; }
.section6 .textBox .infoBox .infoItem + .infoItem { margin-top: 32px; }
.section6 .textBox .infoBox .infoItem > span { min-width: 80px; font-size: 22px; font-weight: 700; color: var(--colorMain); }
.section6 .textBox .infoBox .infoItem .telBox a { display: block; font-size: 37px; font-weight: 700; color: #3c3c3c; margin-bottom: 5px; }
.section6 .textBox .infoBox .infoItem .timeTable li { display: flex; gap: 24px; color: #3c3c3c; }
.section6 .textBox .infoBox .infoItem .timeTable li + li { margin-top: 10px; }
.timeTable li strong { display: inline-block; letter-spacing: 2px; font-weight: 600; font-size: 20px; }
.timeTable li p { display: inline-block; letter-spacing: 2px; font-weight: 500; font-size: 20px; }
.timeTable li strong.wordSpace { display: flex;  gap: 18px; }
.section6 .textBox .infoBox .infoItem .timeTable li.holiday p { color: #df212e; font-weight: 600;}
.section6 .textBox .infoBox .infoItem .timeTable li.holiday.red { color: #df212e; font-weight: 600; font-size: 20px; }
.section6 .textBox .emergencyBanner { position: relative; display: block; overflow: hidden;  padding: 15px 40px; border-radius: 20px; margin-bottom: 55px;background: url("/img/emergencyBg.png") no-repeat center center / cover;  }
.section6 .textBox .emergencyBanner .inner { position: relative; z-index: 2; text-align: center; }
.section6 .textBox .emergencyBanner .inner p { font-size: 20px; color: var(--colorWhite); line-height: 1.3; }
.section6 .textBox .emergencyBanner .inner p strong { color: #df212e; font-weight: 600; }
.section6 .textBox .noticeBox ul { display: flex; flex-direction: column; gap: 20px; padding: 0 0 0 15px; }
.section6 .textBox .noticeBox ul li a { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.section6 .textBox .noticeBox ul li a p { max-width: 260px; width: 100%; overflow: hidden; font-size: 18px; font-weight: 500; color: #444; text-overflow: ellipsis; white-space: nowrap; }
.section6 .textBox .noticeBox ul li a span { font-size: 18px; font-weight: 600; color: #888; }
.mapMarker { position: relative; display: flex; align-items: center; gap: 14px; padding: 18px 30px; background: #1d285f; border-radius: 999px; box-shadow: 0 16px 40px rgba(0,0,0,0.22); }
.mapMarker::after { content: ""; position: absolute; left: 50%; bottom: -10px; width: 22px; height: 22px; background: #1d285f; transform: translateX(-50%) rotate(45deg); }
.mapMarker img { width: 42px; }
.mapMarker .markerText strong { display: block; font-size: 28px; font-weight: 700; color: #fff; line-height: 1.1; }
.mapMarker .markerText span { display: block; margin-top: 6px; font-size: 10px; font-weight: 500; letter-spacing: 1.6px; color: rgba(255,255,255,0.7); }

@media all and (max-width: 1280px) {

    .mainVisual { margin-bottom: 100px; }
    .mainVisual .mainVisualItem .mainVisualText strong { font-size: 48px; }
    .mainVisual .mainVisualItem .mainVisualText p { font-size: 17px; }
    
    .section3 { gap: 42px; padding: 100px 0; margin-bottom: 90px; }
    .section3 .titleBox { gap: 40px; }
    .section3 .titleBox strong { font-size: 34px; }
    .section4 .doctorInfoBox { grid-template-columns: 1.5fr 1fr 1fr; }
    .section4 .doctorInfoBox .doctorCard { padding: 32px 28px; }
    .section4 .doctorInfoBox .doctorProfile .doctorText strong { font-size: 23px; }

    .section5 .circleBg1 { left: 10px; width: 460px; height: 460px; }
    .section5 .circleBg2 { right: 10px; width: 460px; height: 460px; }
    .section5 .circles.aos-animate .circle:nth-child(1) { transform: translateX(-270px) scale(1); }
    .section5 .circles.aos-animate .circle:nth-child(3) { transform: translateX(270px) scale(1); }

    .section6 { gap: 70px; padding: 120px 40px; margin-bottom: 80px; }
    .section6 .mapBox { width: 50%; }
    .section6 #map { height: 100%; }
    .section6 .textBox { width: calc(50% - 35px); }
    .section6 .textBox .border { font-size: 28px; }
    .section6 .textBox .address { font-size: 22px; margin-bottom: 38px; }
    .section6 .textBox .infoBox .infoItem .telBox a { font-size: 32px; }

}

@media all and (max-width: 1024px) {

    .padding40 { padding: 0 20px; }
    .mainVisual { --visualLeft: 8%; margin-bottom: 50px; }
    .mainVisual .mainVisualItem { aspect-ratio: 16 / 10; }
    .mainVisual .mainVisualItem .mainVisualText strong { margin-bottom: 28px; font-size: 38px; }
    .mainVisual .mainVisualItem .mainVisualText p { margin-bottom: 28px; font-size: 15px; }
    .mainVisual .slideMove { padding: 0 0 0 15px; }

    .section3 { gap: 38px; padding: 90px 0; margin-bottom: 80px; }
    .section3 .titleBox { gap: 34px; padding: 0 24px; }
    .section3 .titleBox .youtubeLogo img { height: 36px; }
    .section3 .titleBox strong { font-size: 30px; }
    .section3 .titleBox .btns { gap: 14px; }
    .section3 .titleBox .btns a { width: 180px; padding: 15px 0; }
    .section3 .youtubeSwiper .swiper-scrollbar { margin-top: 46px; }

    .section4 { gap: 45px; padding-top: 90px; padding-bottom: 90px; }
    .section4 .textBox p { font-size: 30px; }
    .section4 .doctorInfoBox { grid-template-columns: 1fr; }
    .section4 .doctorInfoBox .doctorCard { min-height: auto; }
    .section4 .doctorInfoBox .doctorProfile { min-height: 400px; }
    .section4 .doctorInfoBox .doctorProfile .doctorImg { width: 32%; right: -20px; }

    .section5 { min-height: auto; }
    .section5 .circleBg1 { top: 40px; left: -220px; width: 520px; height: 520px; }
    .section5 .circleBg2 { right: -260px; bottom: 80px; width: 520px; height: 520px; }
    .section5 .textBox { padding-top: 90px; margin-bottom: 80px; }
    .section5 .textBox strong { font-size: 34px; margin-bottom: 35px; }
    .section5 .circles { height: 290px; margin-bottom: 90px; }
    .section5 .circles .circle { width: 270px; height: 270px; }
    .section5 .circles.aos-animate .circle:nth-child(1) { transform: translateX(-235px) scale(1); }
    .section5 .circles.aos-animate .circle:nth-child(3) { transform: translateX(235px) scale(1); }
    .section5 .bottomTxtBox { gap: 55px; margin-bottom: 150px; }
    .section5 .rollingTxt p { font-size: 120px; }

    .section6 { display: block; padding: 100px 30px; }
    .section6 .mapBox { width: 100%; margin-bottom: 45px; border-radius: 26px; }
    .section6 #map { height: 500px; }
    .section6 .textBox { width: 100%; max-width: 100%; }
    .section6 .textBox .address { font-size: 20px; margin-bottom: 34px; }
    .section6 .textBox .infoBox { margin-bottom: 38px; }
    .section6 .textBox .infoBox .infoItem { gap: 28px; }
    .section6 .textBox .infoBox .infoItem > span { min-width: 74px; font-size: 20px; }
    .section6 .textBox .infoBox .infoItem .telBox a { font-size: 30px; }
    .timeTable li strong { font-size: 18px; }
    .timeTable li p { font-size: 18px; }
    .section6 .textBox .emergencyBanner { margin-bottom: 45px; }

} 


@media all and (max-width: 767px) {

    .forPc { display: none; }
    .forMob { display: block; }
    .padding40 { padding: 0; }
    
    .mainVisual { --visualLeft: 24px; }
    .mainVisual .mainVisualItem { height: calc(100svh - 144px); aspect-ratio: auto; border-radius: unset; }

    .mainVisual .mainVisualItem .mainVisualText { top: 50px; left: 24px; right: 24px; transform: none; } 

    .mainVisual .mainVisualItem .mainVisualText strong { margin-bottom: 15px; font-size: 40px; font-weight: 700; line-height: 43px; }
    .mainVisual .mainVisualItem .mainVisualText p { margin-bottom: 30px; font-size: 17px; font-weight: 500; }
    .mainVisual .mainVisualItem .mainVisualText p.mobMain { margin-bottom: 45px; }
    .mainVisual .mainVisualItem .mainVisualText a.btn { padding: 8px 15px 7px 17px; width: 110px; height: 30px; gap: 5px; }
    .mainVisual .mainVisualItem .mainVisualText a { padding: 16px 24px; font-size: 13px; }
    .mainVisual .slideMove { height: 28px; bottom: 10px; gap: 4px; padding: 0; }
    .mainVisual .slideMove .swiper-progress-bar { width: 76px; }
    .mainVisual .slideMove .arr svg { height: 10px; }
    .mainVisual .slideMove .swiper-pagination { gap: 10px; }
    .mainVisual .slideMove .swiper-pagination .num { font-size: 13px; }
    .mainVisual .slideMove .swiper-pagination .btn .stop i { height: 10px; }
    .mainVisual .mainVisualItem .mainVisualText { top: 100px; }
    .section2 { padding: 0 10px; }
    .section2 .textBox { margin-bottom: 40px; }
    .section2 .textBox strong { font-size: 30px; margin-bottom: 15px; }
    .section2 .textBox p { font-size: 18px; line-height: 1.2; }
    .section2 .section2Slide ul li .cont .infoTextBox .tit { font-size: 27px; }
    .section3 { gap: 32px; padding: 70px 0; margin-bottom: 60px; }
    .section3 .titleBox { gap: 26px; padding: 0 18px; }
    .section3 .titleBox .youtubeLogo img { height: 30px; }
    .section3 .titleBox strong { font-size: 22px; line-height: 1.35; }
    .section3 .titleBox .btns { width: 100%; gap: 10px; }
    .section3 .titleBox .btns a { width: 100%; max-width: 260px; padding: 14px 0; margin: 0 auto; font-size: 15px; }
    .section3 .youtubeSwiperWrap { padding: 0 10px; }
    .section3 .youtubeSwiper .swiper-scrollbar { margin-top: 34px; }


    
    .section4 { gap: 34px; padding: 70px 10px; margin-bottom: unset; }
    .section4 .textBox { align-items: flex-start; flex-direction: column; gap: 22px; }
    .section4 .textBox p { font-size: 25px; }
    .section4 .textBox .btn { width: 145px; padding: 13px 0; font-size: 15px; }
    .section4 .doctorInfoBox { gap: 14px; }
    .section4 .doctorInfoBox .doctorCard { padding: 28px 22px; border-radius: 16px; }
    .section4 .doctorInfoBox .doctorProfile .doctorText strong { font-size: 22px; }
    .section4 .doctorInfoBox .doctorProfile .doctorText ul { margin-top: 36px; }
    .section4 .doctorInfoBox .doctorProfile .doctorText ul li { font-size: 14px; }
    .section4 .doctorInfoBox .doctorProfile .doctorImg { width: 72%; right: -20px; }
    .section4 .doctorInfoBox .doctorCard > strong { margin-bottom: 22px; font-size: 22px; }
    .section4 .doctorInfoBox .doctorCard ul li { font-size: 14px; }

    .section5 .circleBg1 { top: 20px; left: -230px; width: 430px; height: 430px; }
    .section5 .circleBg2 { right: -260px; bottom: 140px; width: 450px; height: 450px; }
    .section5 .textBox { padding-top: 75px; margin-bottom: 60px; }
    .section5 .textBox strong { font-size: 28px; margin-bottom: 28px; }
    .section5 .textBox p { font-size: 15px; }
    .section5 .circles { position: relative; display: block; width: 100%; height: 285px; margin-bottom: 50px; }
    .section5 .circles .circle { position: absolute; width: 150px; height: 150px; padding: 12px; opacity: 1; filter: blur(0); transform: none; }
    .section5 .circles .circle:nth-child(1) { left: 50%; top: 0; transform: translateX(-50%); z-index: 3; }
    .section5 .circles .circle:nth-child(2) { left: 50%; top: 138px; transform: translateX(-105%); z-index: 2; }
    .section5 .circles .circle:nth-child(3) { left: 50%; top: 138px; transform: translateX(5%); z-index: 1; }
    .section5 .circles.aos-animate .circle:nth-child(1) { transform: translateX(-50%); }
    .section5 .circles.aos-animate .circle:nth-child(2) { transform: translateX(-105%); }
    .section5 .circles.aos-animate .circle:nth-child(3) { transform: translateX(5%); }
    .section5 .circles .circle .tit { margin-bottom: 6px; font-size: 20px; font-weight: 600; line-height: 1.3; word-break: keep-all; text-align: center; }
    .section5 .circles .circle .txt { font-size: 15px; line-height: 1.35; text-align: center; }
    .section5 .circles .circle .txt strong { font-size: 17px; font-weight: 700; }
    
    .section5 .bottomTxtBox p { font-size: 17px; }
    .section5 .bottomTxtBox p strong { font-size: 22px; }
    .section5 .rollingTxt p { font-size: 80px; }

    .section6 { padding: 80px 20px; margin-bottom: 60px; }
    .section6 .mapBox { margin-bottom: 35px; border-radius: 18px; }
    .section6 #map { height: 340px; }
    .section6 .textBox .border { padding-bottom: 10px; margin-bottom: 14px; font-size: 24px; }
    .section6 .textBox .address { font-size: 17px; line-height: 1.6; margin-bottom: 28px; }
    .section6 .textBox .infoBox { margin-bottom: 34px; }
    .section6 .textBox .infoBox .infoItem { display: block; }
    .section6 .textBox .infoBox .infoItem + .infoItem { margin-top: 30px; }
    .section6 .textBox .infoBox .infoItem > span { display: block; margin-bottom: 12px; font-size: 17px; }
    .section6 .textBox .infoBox .infoItem .telBox a { font-size: 25px; }
    .section6 .textBox .infoBox .infoItem .timeTable li { gap: 16px; }
    .timeTable li strong { min-width: 52px; font-size: 16px; letter-spacing: 1px; }
    .timeTable li p { font-size: 16px; letter-spacing: 1px; }
    .timeTable li strong.wordSpace { gap: 13px; }
    .section6 .textBox .infoBox .infoItem .timeTable li.holiday.red { font-size: 15px; line-height: 1.5; }
    .section6 .textBox .emergencyBanner { padding: 18px 20px; margin-bottom: 38px; border-radius: 14px; }
    .section6 .textBox .emergencyBanner .inner p { font-size: 14px; }
    .section6 .textBox .noticeBox ul { padding: 0; }
    .section6 .textBox .noticeBox ul li a p { max-width: calc(100% - 95px); font-size: 15px; }
    .section6 .textBox .noticeBox ul li a span { font-size: 15px; }

}