/* 메인 */
/* 공통 */
.swiper-utill {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-pagination-bullets {
    display: flex;
}
.swiper-utill-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-utill-wrapper .button-prev, 
.swiper-utill-wrapper .button-next {
    display: flex;
}
.swiper-pagination-facilities {
    display: flex;
    align-items: center;
}
.swiper-pagination-bullet {
    opacity: 1;
    width: 9px;
    height: 9px;
    background-color: transparent;
    border: 2px solid var(--color-primary);
    border-radius: 50%;
}
.swiper-pagination-bullet-active {
    background-color: var(--color-primary) !important;
}
.mainVisual .swiper-utill-wrapper {
    display: flex;
    align-items: center;
}
.swiper-utill-wrapper .button-prev,
.swiper-utill-wrapper .button-next {
    cursor: pointer;
}
.swiper-utill-wrapper .button-prev {
    margin-right: var(--space-10);
}
.swiper-utill-wrapper .button-next {
    margin-left: var(--space-10);
}

.mainVisual .mvSwiper {
    border-radius: 20px;
}
.mainVisual .swiper-slide {
    overflow: hidden;
    border-radius: 20px;
}
.mainVisual .swiper-slide .mvContent {
    position: relative;
}
.mainVisual .swiper-slide .imgArea {
    width: 100%;
}
.mainVisual .swiper-slide .txtArea {
    z-index: 2;
    position: absolute;
    bottom: var(--space-100);
    left: var(--space-150);
}
.mainVisual .swiper-slide .txtArea * {
    color: var(--color-white);
}
.mainVisual .swiper-slide .txtArea span.font20 {
    font-weight: var(--fw-light);
    letter-spacing: 3px;
}
.mainVisual .swiper-slide .txtArea h2 {
    display: block;
    margin-top: var(--space-20);
    margin-bottom: var(--space-15);
}
.mainVisual .swiper-slide .txtArea p strong {
    font-weight: var(--fw-semibold);
}
.mainVisual .swiper-slide .txtArea ul {
    display: flex;
    margin-top: var(--space-60);
    gap: 0 var(--space-10);
}
.mainVisual .swiper-slide .txtArea li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 34px;
    padding: 0 var(--space-10);
    border: var(--border-white);
}
.mainVisual .swiper-slide .txtArea li span {
    font-size: var(--font-15);
    font-weight: var(--fw-thin);
}
.mainVisual .swiper-utill-main {
    z-index: 2;
    position: absolute;
    right: var(--space-150);
    bottom: var(--space-100);
}
.mainVisual .swiper-utill-wrapper {
    display: flex;
    align-items: center;
}
.mainVisual .swiper-utill-wrapper .button-prev,
.mainVisual .swiper-utill-wrapper .button-next {
    cursor: pointer;
}
.mainVisual .swiper-utill-wrapper .button-prev {
    margin-right: var(--space-15);
}
.mainVisual .swiper-utill-wrapper .button-next {
    margin-left: var(--space-15);
}
.mainVisual .swiper-utill-wrapper .swiper-pagination-visual {
    display: flex;
    align-items: center;
}
.mainVisual .swiper-utill-wrapper .swiper-pagination-visual * {
    color: var(--color-white);
    font-size: var(--font-25);
}
.mainVisual .swiper-utill-wrapper .swiper-pagination-visual .txt {
    margin: 0 var(--space-5);
}
    @media all and (max-width: 1200px) {
        .mainVisual .swiper-utill-main {
            right: 10%;
            bottom: var(--space-50);
        }
        .mainVisual .swiper-utill-wrapper .button-prev {
            margin-right: var(--space-10);
        }
        .mainVisual .swiper-utill-wrapper .button-next {
            margin-left: var(--space-10);
        }
        .mainVisual .swiper-utill-wrapper .swiper-pagination-visual * {
            font-size: var(--font-19)
        }
    }
    @media all and (max-width: 1000px) {
        .mainVisual .swiper-utill-main {
            right: 5%;
            bottom: var(--space-40);
        }
        .mainVisual .swiper-utill-wrapper .button-prev {
            margin-right: var(--space-5);
        }
        .mainVisual .swiper-utill-wrapper .button-next {
            margin-left: var(--space-5);
        }
        .mainVisual .swiper-utill-wrapper .swiper-pagination-visual * {
            font-size: var(--font-18);
        }
    }
    @media all and (max-width: 640px) {
        .mainVisual .swiper-utill-main {
            bottom: var(--space-20);
        }
        .mainVisual .swiper-utill-wrapper .button-prev svg,
        .mainVisual .swiper-utill-wrapper .button-next svg {
            width: 9px;
        }
        .mainVisual .swiper-utill-wrapper .button-prev {
            margin-right: var(--space-5);
        }
        .mainVisual .swiper-utill-wrapper .button-next {
            margin-left: var(--space-5);
        }
        .mainVisual .swiper-utill-wrapper .swiper-pagination-visual * {
            font-size: var(--font-18);
        }
    }


.mainSection1 .performanceArea {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 var(--space-170);
}
.mainSection1 .performanceArea .iconArea img {
    width: auto;
}
    @media all and (max-width: 1400px) {
        .mainSection1 .performanceArea {
            gap: 0 var(--space-100);
        }
    }
    @media all and (max-width: 1200px) {
        .mainSection1 .performanceArea {
            gap: 0 var(--space-80);
        }
    }
    @media all and (max-width: 1000px) {
        .mainSection1 .performanceArea {
            flex-wrap: wrap;
            width: 100%;
            gap: var(--space-60) 0;
        }
        .mainSection1 .performanceArea .item {
            width: 50%;
        }
    }
    
.mainSection2 .contentArea {
    margin-top: var(--space-320);
}
.signatureArea {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0 var(--space-40);
}
.en .signatureArea {
    grid-template-columns: repeat(6, 1fr);
}
.signatureArea .item {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    position: relative;
    transition: var(--transition);
}
.signatureArea .item a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    z-index: 1;
}
.signatureArea .item .imgArea {
    position: relative;
}
.signatureArea .item .imgArea::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: flex;
    width: 100%;
    background-color: rgba(80, 50, 30, 0.5);
    transition: var(--transition);
}
.signatureArea .item .txtArea h3 {
    font-size: var(--font-20);
    font-weight: var(--fw-bold);
    transition: var(--transition);
    color: var(--color-dark)
}
.signatureArea .item .txtArea p {
    overflow: hidden;
    opacity: 0;
    max-height: 0;
    color: var(--color-dark-3d);
    transition: var(--transition);
}
.signatureArea .item strong {
    overflow: hidden;
    opacity: 0;
    max-height: 0;
    position: absolute;
    top: var(--space-40);
    left: 50%;
    transform: translateX(-50%);
    color: rgba(178, 130, 71, 0.5);
    word-break: break-all;
    white-space: nowrap;
    transition: var(--transition);
    text-transform: uppercase;
}
/* 활성 상태 스타일 */
.signatureArea .item.active {
    transform: translateY(-50%);
}
.signatureArea .item.active .imgArea::after {
    opacity: 0;
}
.signatureArea .item.active .txtArea h3 {
    color: var(--color-primary);
    font-size: var(--font-30);
}
.signatureArea .item.active .txtArea p {
    max-height: 30px;
    opacity: 1;
}
.signatureArea .item.active strong {
    max-height: 80px;
    opacity: 1;
}
/* 호버 시 다른 활성화 항목 비활성화 */
.signatureArea:hover .item.active:not(:hover) {
    transform: translateY(0);
}
.signatureArea:hover .item.active:not(:hover) .imgArea::after {
    opacity: 1;
}
.signatureArea:hover .item.active:not(:hover) .txtArea h3 {
    color: var(--color-dark);
    font-size: var(--font-20);
}
.signatureArea:hover .item.active:not(:hover) .txtArea p {
    max-height: 0;
    opacity: 0;
}
.signatureArea:hover .item.active:not(:hover) strong {
    max-height: 0;
    opacity: 0;
}
/* 호버 시 호버된 항목 강조 */
.signatureArea .item:hover {
    transform: translateY(-50%);
}
.signatureArea .item:hover .imgArea::after {
    opacity: 0;
}
.signatureArea .item:hover .txtArea h3 {
    color: var(--color-primary);
    font-size: var(--font-30);
}
.signatureArea .item:hover .txtArea p {
    max-height: 30px;
    opacity: 1;
}
.signatureArea .item:hover strong {
    max-height: 80px;
    opacity: 1;
}
.en .signatureArea .item:hover {
    transform: translateY(-10%);
}
.en .signatureArea .item:hover strong {
    display: none;
}
.en .mainSection2 .contentArea {
    margin-top: var(--space-100);
}
.en .signatureArea .item:hover .txtArea h3 {
    font-size: var(--font-25);
}
    @media all and (max-width: 1400px) {
        .mainSection2 .contentArea {
            margin-top: var(--space-240);
        }
        .signatureArea {
            gap: 0 var(--space-30);
        }
        .signatureArea .item .imgArea {
            position: relative;
        }
        .signatureArea .item .txtArea h3 {
            font-size: var(--font-20);
            font-weight: var(--fw-bold);
            transition: var(--transition);
            color: var(--color-dark)
        }
        .signatureArea .item strong {
            top: var(--space-40);
        }
        /* 활성 상태 스타일 */
        .signatureArea .item.active .txtArea h3 {
            font-size: var(--font-30);
        }
        .signatureArea .item.active .txtArea p {
            max-height: 46px;
        }
        .signatureArea .item.active strong {
            max-height: 80px;
        }
        /* 호버 시 다른 활성화 항목 비활성화 */
        .signatureArea:hover .item.active:not(:hover) .txtArea h3 {
            font-size: var(--font-20);
        }
        /* 호버 시 호버된 항목 강조 */
        .signatureArea .item:hover .txtArea h3 {
            font-size: var(--font-30);
        }
        .signatureArea .item:hover .txtArea p {
            max-height: 46px;
        }
        .signatureArea .item:hover strong {
            max-height: 80px;
        }
    }
    @media all and (max-width: 1200px) {
        .mainSection2 .contentArea {
            margin-top: var(--space-220);
        }
        .signatureArea {
            gap: 0 var(--space-20);
        }
        .signatureArea .item .txtArea h3 {
            font-size: var(--font-17);
        }
        .signatureArea .item strong {
            top: var(--space-40);
        }
        /* 활성 상태 스타일 */
        .signatureArea .item.active .txtArea h3 {
            font-size: var(--font-25);
        }
        .signatureArea .item.active .txtArea p {
            max-height: 46px;
        }
        .signatureArea .item.active strong {
            max-height: 64px;
        }
        /* 호버 시 다른 활성화 항목 비활성화 */
        .signatureArea:hover .item.active:not(:hover) .txtArea h3 {
            font-size: var(--font-17);
        }
        /* 호버 시 호버된 항목 강조 */
        .signatureArea .item:hover .txtArea h3 {
            font-size: var(--font-25);
        }
        .signatureArea .item:hover .txtArea p {
            max-height: 46px;
        }
        .signatureArea .item:hover strong {
            max-height: 64px;
        }
        .en .signatureArea {
            gap: 0 var(--space-20);
        }
        .en .signatureArea .item:hover .txtArea h3 {
            font-size: var(--font-22);
        }
        .en .mainSection2 .contentArea {
            margin-top: var(--space-60)
        }
        .en .signatureArea {
            gap: var(--space-40) var(--space-15);
        }
    }
    @media all and (max-width: 1000px) {
        .mainSection2 .contentArea {
            margin-top: var(--space-60);
        }
        .signatureArea {
            grid-template-columns: repeat(3, 1fr);
            gap: var(--space-40) var(--space-30);
        }
        .signatureArea .item .txtArea h3 {
            font-size: var(--font-17);
        }
        /* 활성 상태 스타일 */
        .signatureArea .item.active {
            transform: translateY(0);
        }
        .signatureArea .item.active .txtArea h3 {
            color: var(--color-dark);
            font-size: var(--font-17);
        }
        .signatureArea .item.active:hover .txtArea h3 {
            color: var(--color-primary);
        }
        .signatureArea .item.active .txtArea p {
            max-height: 46px;
            opacity: 0;
        }
        .signatureArea .item.active:hover .txtArea p {
            opacity: 1;
        }
        .signatureArea .item strong {
            display: none;
        }
        .signatureArea .item.active strong {
            max-height: 64px;
            opacity: 0;
        }
        /* 호버 시 다른 활성화 항목 비활성화 */
        .signatureArea:hover .item.active:not(:hover) .txtArea h3 {
            font-size: var(--font-17);
        }
        /* 호버 시 호버된 항목 강조 */
        .signatureArea .item:hover {
            transform: translateY(0);
        }
        .signatureArea .item:hover .txtArea h3 {
            font-size: var(--font-25);
        }
        .signatureArea .item:hover .txtArea p {
            max-height: 46px;
        }
        .en .signatureArea {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    @media all and (max-width: 640px) {
        .mainSection2 .contentArea {
            margin-top: var(--space-30);
        }
        .signatureArea {
            grid-template-columns: repeat(2, 1fr);
            gap: var(--space-30) var(--space-20);
        }
        .signatureArea .item .txtArea h3,
        .signatureArea .item.active .txtArea h3,
        .signatureArea:hover .item.active:not(:hover) .txtArea h3 {
            font-size: var(--font-16);
        }
        /* 호버 시 호버된 항목 강조 */
        .signatureArea .item:hover .txtArea h3 {
            font-size: var(--font-20);
        }
        .en .signatureArea {
            grid-template-columns: repeat(2, 1fr);
        }
        .signatureArea .item .imgArea::after {
            background-color: rgba(80, 50, 30, 0.3);
        }
        .en .mainSection2 .contentArea {
            margin-top: var(--space-40);
        }
        .en .signatureArea {
            gap: var(--space-30) var(--space-20);
        }
    }

.mainSection3 .contentArea .layout {
    /* width: 96%; */
    max-width: 1790px;
    margin: 0;
}
.mainSection3 .spSwiper {
    padding: 115px 0;
}
.mainSection3 .spSwiper .swiper-slide {
    display: flex;
    align-items: flex-end;
}
.mainSection3 .spSwiper .swiper-slide .imgArea {
    width: 65%;
    max-width: 560px;
    margin-right: var(--space-20);
}
.mainSection3 .spSwiper .swiper-slide strong {
    z-index: -1;
    position: absolute;
    top: -65px;
    right: 90px;
    color: rgba(61, 61, 61, 0.05);
    font-size: var(--font-350);
    font-weight: var(--fw-medium);
    line-height: 0.2;
    letter-spacing: -20px;
}
.mainSection3 .spSwiper .swiper-slide:nth-of-type(2) strong {
    right: -90px;
}
.mainSection3 .spSwiper .swiper-slide:nth-of-type(3) strong {
    right: 190px;
}
.mainSection3 .spSwiper .swiper-slide:nth-of-type(4) strong {
    right: 245px;
}
.mainSection3 .spSwiper .swiper-pagination-special {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.mainSection3 .spSwiper .swiper-pagination-special span {
    color: var(--color-gray-cf);
    line-height: 1;
}
.mainSection3 .spSwiper .swiper-pagination-special span:not(:last-of-type) {
    margin-right: var(--space-35);
}
.mainSection3 .spSwiper .swiper-pagination-special span:hover {
    color: var(--color-primary);
    transition: var(--transition)
}
.mainSection3 .spSwiper .swiper-pagination-special span.active {
    border-bottom: 2px solid var(--color-primary);
    color: var(--color-primary);
}
    @media all and (max-width: 1400px) {
        .mainSection3 .spSwiper .swiper-slide strong {
            font-size: var(--font-300);
        }
        .mainSection3 .spSwiper .swiper-pagination-special span:not(:last-of-type) {
            margin-right: var(--space-30);
        }
    }
    @media all and (max-width: 1200px) {
        .mainSection3 .contentArea .layout {
            width: 90%;
        }
        .mainSection3 .spSwiper .swiper-slide strong {
            font-size: var(--font-250);
        }
        .mainSection3 .spSwiper .swiper-pagination-special span:not(:last-of-type) {
            margin-right: var(--space-25);
        }
        .mainSection3 .spSwiper .swiper-slide .imgArea {
            margin-right: var(--space-10);
        }
    }
    @media all and (max-width: 1000px) {
        .mainSection3 .contentArea .layout {
            margin: 0 auto;
        }
        .mainSection3 .titArea {
            flex-wrap: wrap;
        }
        .mainSection3 .txtWrapper {
            width: 100%;
        }
        .mainSection3 .btnArea {
            margin-top: var(--space-40);
        }
        .mainSection3 .spSwiper {
            padding: var(--space-90) 0;
        }
        .mainSection3 .spSwiper .swiper-slide {
            flex-wrap: wrap;
        }
        .mainSection3 .spSwiper .swiper-slide .imgArea {
            width: 100%;
            max-width: 100%;
            margin-right: 0;
        }
        .mainSection3 .spSwiper .swiper-slide .imgArea img {
            width: 100%;
        }
        .mainSection3 .spSwiper .swiper-slide .txtArea {
            margin-top: var(--space-20);
        }
        .mainSection3 .spSwiper .swiper-slide strong {
            right: 0 !important;
            font-size: var(--font-200);
        }
        .mainSection3 .spSwiper .swiper-pagination-special span:not(:last-of-type) {
            margin-right: var(--space-20);
        }
    }
    @media all and (max-width: 640px) {
        .mainSection3 .titArea {
            justify-content: center;
        }
        .mainSection3 .txtWrapper,
        .mainSection4 .txtWrapper,
        .mainSection5 .txtWrapper,
        .mainSection6 .txtWrapper {
            text-align: center;
        }
        .mainSection3 .btnArea {
            margin-top: var(--space-30);
        }
        .mainSection3 .spSwiper {
            padding: var(--space-50) 0;
        }
        .mainSection3 .spSwiper .swiper-slide:last-of-type {
            display: none;
        }
        .mainSection3 .spSwiper .swiper-slide .txtArea {
            width: 100%;
            text-align: center;
            display: block;
        }
        .mainSection3 .spSwiper .swiper-slide strong {
            top: -50px;
            right: 20px !important;
            font-size: var(--font-150);
        }
        .mainSection3 .spSwiper .swiper-pagination-special span:not(:last-of-type) {
            margin-right: var(--space-15);
        }
    }


.mainSection4 .tabCont {
    display: none;
}
.mainSection4 .drProfileSwiper .item {
    position: relative;
    height: 480px;
    padding: var(--space-60) var(--space-100);
    background-color: var(--color-gray-f5);
}
.mainSection4 .drProfileSwiper .item .txtArea {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.mainSection4 .drProfileSwiper .item .txtArea li:not(:last-of-type) {
    margin-bottom: var(--space-5);
}
.mainSection4 .drProfileSwiper .item .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 74px;
    height: 32px;
    background-color: var(--color-primary);
    border-radius: 16px;
    color: var(--color-white);
    font-size: var(--font-15);
}
.mainSection4 .drProfileSwiper .item .imgArea {
    position: absolute;
    right: var(--space-100);
    bottom: 0;
}
.mainSection4 .drProfileSwiper .item .imgArea img {
    width: auto;
}
    @media all and (max-width: 1400px) {
        .mainSection4 .drProfileSwiper .item {
            height: 480px;
            padding: var(--space-50) var(--space-80);
        }
        .mainSection4 .drProfileSwiper .item .imgArea {
            height: 350px;
            right: var(--space-80);
        }
        .mainSection4 .drProfileSwiper .item .imgArea img {
            height: 100%;
        }
        .mainSection4 .swiperTabArea span:not(:last-of-type) {
            margin-right: var(--space-30);
        }
    }
    @media all and (max-width: 1200px) {
        .mainSection4 .drProfileSwiper .item {
            height: 400px;
            padding: var(--space-40) var(--space-40);
        }
        .mainSection4 .drProfileSwiper .item .imgArea {
            height: 330px;
            right: var(--space-30);
        }
        .mainSection4 .swiperTabArea span:not(:last-of-type) {
            margin-right: var(--space-25);
        }
    }
    @media all and (max-width: 1000px) {
        .mainSection4 .titArea {
            flex-wrap: wrap;
        }
        .mainSection4 .txtWrapper {
            width: 100%;
        }
        .mainSection4 .btnArea {
            margin-top: var(--space-40);
        }
        .mainSection4 .contentArea.mt60 {
            margin-top: var(--space-50);
        }
        .mainSection4 .drProfileSwiper .item {
            height: 350px;
            padding: var(--space-30) var(--space-25);
        }
        .mainSection4 .drProfileSwiper .item .btn {
            width: 70px;
            height: 30px;
            font-size: var(--font-14);
        }
        .mainSection4 .drProfileSwiper .item .imgArea {
            height: 270px;
            right: var(--space-10);
        }
        .mainSection4 .swiperTabArea span:not(:last-of-type) {
            margin-right: var(--space-20);
        }
        .mainSection4 .drProfileSwiper .item .txtArea li {
            font-size: var(--font-14);
        }
    }
    @media all and (max-width: 640px) {
        .mainSection4 .btnArea {
            margin-top: var(--space-30);
        }
        .mainSection4 .contentArea.mt60 {
            margin-top: var(--space-30);
        }
        .mainSection4 .drProfileSwiper .item {
            height: 300px;
            padding: var(--space-25) var(--space-20);
        }
        .mainSection4 .drProfileSwiper .item .imgArea {
            height: 250px;
        }
        .mainSection4 .drProfileSwiper .item .btn {
            width: 65px;
            height: 25px;
            font-size: var(--font-13);
        }
        .mainSection4 .drProfileSwiper .item .imgArea {
            right: var(--space-10);
        }
        .mainSection4 .swiperTabArea span:not(:last-of-type) {
            margin-right: var(--space-15);
        }
    }


.mainSection5 .titArea {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
}
.mainSection5 .btnArea {
    justify-content: flex-start;
}
.mainSection5 .contentArea {
    z-index: 2;
    position: relative;
}
.mainSection5 .clinicArea {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-45) var(--space-40);
}
.mainSection5 .clinicArea .item {
    height: 360px
}
.mainSection5 .clinicArea .item:not(:first-of-type) {
    background-color: var(--color-white);
    transition: var(--transition);
}
.mainSection5 .clinicArea .item:not(:first-of-type):hover {
    background-color: var(--color-primary);
}
.mainSection5 .clinicArea .itemWrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    padding-top: var(--space-70);
    text-align: center;
}
.mainSection5 .clinicArea .item:nth-of-type(1) {
    grid-column: 1 / 4;
    grid-row: 1 / 2;
}
.mainSection5 .clinicArea .item:nth-of-type(4) {
    margin-top: var(--space-85);
}
.mainSection5 .clinicArea .item:nth-of-type(5) {
    margin-top: var(--space-30);
}
.mainSection5 .clinicArea .item:nth-of-type(6) {
    margin-top: var(--space-65);
}
.mainSection5 .clinicArea .item h3 {
    color: var(--color-dark);
    transition: var(--transition);
}
.mainSection5 .clinicArea .item:hover h3 {
    color: var(--color-white);
}
.mainSection5 .clinicArea .item img {
    width: auto;
    margin: var(--space-40) 0 var(--space-35) 0;
    transition: var(--transition);
}
.mainSection5 .clinicArea .item img.hover {
    display: none;
    opacity: 0;
    visibility: hidden;
}
.mainSection5 .clinicArea .item:hover img.hover {
    display: block;
    opacity: 1;
    visibility: visible;
}
.mainSection5 .clinicArea .item:hover img.noHover {
    display: none;
    opacity: 0;
    visibility: hidden;
}
.mainSection5 .clinicArea .item span {
    text-transform: uppercase;
}
.mainSection5 .bgTxtArea {
    z-index: 1;
    position: absolute;
    top: 38.5%;
    left: 15.5%;
}
.mainSection5 .bgTxtArea strong {
    color: rgba(178, 130, 71, 0.18);
    word-break: keep-all;
    white-space: nowrap;
    text-transform: uppercase;
}
    @media all and (max-width: 1400px) {
        .mainSection5 .clinicArea {
            gap: var(--space-45) var(--space-30);
        }
        .mainSection5 .clinicArea .item img {
            width: 90px;
        }
        .mainSection5 .bgTxtArea {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }
    @media all and (max-width: 1200px) {
        .mainSection5 .titArea {
            position: static;
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        }
        .mainSection5 .clinicArea {
            grid-template-columns: repeat(3, 1fr);
            gap: var(--space-40) var(--space-30);
            margin-top: var(--space-60);
        }
        .mainSection5 .clinicArea .item {
            height: auto;
        }
        .mainSection5 .clinicArea .item:first-of-type {
            display: none;
        }
        .mainSection5 .clinicArea .itemWrapper {
            padding: var(--space-40) var(--space-10);
        }
        .mainSection5 .clinicArea .item:nth-of-type(4) {
            margin-top: 0;
        }
        .mainSection5 .clinicArea .item:nth-of-type(5) {
            margin-top: 0;
        }
        .mainSection5 .clinicArea .item:nth-of-type(6) {
            margin-top: 0;
        }
        .mainSection5 .clinicArea .item img {
            width: 80px;
            margin: var(--space-35) 0 var(--space-30) 0;
        }
    }
    @media all and (max-width: 1000px) {
        .mainSection5 .clinicArea {
            grid-template-columns: repeat(2, 1fr);
            gap: var(--space-35) var(--space-25);
            margin-top: var(--space-50);
        }
        .mainSection5 .clinicArea .item {
            height: 260px
        }
        .mainSection5 .clinicArea .item:first-of-type {
            display: none;
        }
        .mainSection5 .clinicArea .item img {
            width: 70px;
            margin: var(--space-25) 0;
        }
        .mainSection5 .bgTxtArea {
            top: auto;
            left: auto;
            text-align: left;
            transform: translate(0%, 0%);
            bottom: 2%;
            right: 0%
        }
    }
    @media all and (max-width: 640px) {
        .mainSection5 .clinicArea {
            gap: var(--space-10);
            margin-top: var(--space-40);
        }
        .mainSection5 .titArea {
            text-align: center;
        }
        .mainSection5 .clinicArea .item {
            /* height: 210px; */
            height: auto;
        }
        .mainSection5 .clinicArea .itemWrapper {
            padding: var(--space-25) 0;
        }
        .mainSection5 .clinicArea .item h3 {
            font-size: var(--font-17);
        }
        .mainSection5 .clinicArea .item span {
            font-size: var(--font-12);
        }
        .mainSection5 .clinicArea .item img {
            width: 60px;
            margin: var(--space-20) 0;
        }
        .mainSection5 .bgTxtArea {
            bottom: 10%;
        }
        .mainSection5 .bgTxtArea strong {
            font-size: var(--font-35);
        }
        .mainSection5 .mobile .btnArea {
            justify-content: center;
        }
    }

.mainSection6 .swiper-wrapper {
    margin-left: -80px;
    margin-right: -80px
}
.mainSection6 .swiper-slide {
    width: 20%; /* Swiper가 계산함 */
}
.mainSection6 .swiper-slide a {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    padding: var(--space-20) 0;
    background-color: var(--color-white);
    text-align: center;
}
.mainSection6 .swiper-slide h3 {
    min-height: 46px;
}
.mainSection6 .swiper-slide a .imgArea {
    margin: var(--space-15) 0;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 52%;
    overflow: hidden;
}
.mainSection6 .swiper-slide a .imgArea img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.mainSection6 .swiper-slide a .txtArea {
    padding: 0 var(--space-20);
}
.mainSection6 .swiper-slide a .txtArea img {
    width: auto;
}
.mainSection6 .swiper-slide a .txtArea p {
    min-height: 52px;
    margin: var(--space-10) 0 var(--space-15) 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break:keep-all;
}
.mainSection6 .swiper-utill {
    position: static;
    transform: translateX(0);
}
.mainSection6 .swiper-utill-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mainSection6 .swiper-utill-wrapper .button-prev, 
.mainSection6 .swiper-utill-wrapper .button-next {
    display: flex;
}
.mainSection6 .swiper-pagination-review {
    display: flex;
    align-items: center;
}
.mainSection6 .swiper-pagination-bullet {
    opacity: 1;
    width: 9px;
    height: 9px;
    background-color: transparent;
    border: 2px solid var(--color-primary);
    border-radius: 50%;
}
.mainSection6 .swiper-pagination-bullet-active {
    background-color: var(--color-primary);
}
    @media all and (max-width: 1400px) {
        .mainSection6 .swiper-wrapper {
            margin-left: -60px;
            margin-right: -60px
        }
    }
    @media all and (max-width: 1200px) {
        .mainSection6 .swiper-wrapper {
            margin-left: -40px;
            margin-right: -40px
        }
        .mainSection6 .swiper-slide {
            width: 23%; /* Swiper가 계산함 */
        }
        .mainSection6 .swiper-slide .subjectArea h3 {
            min-height: 42px;
        }
        .mainSection6 .swiper-slide h3 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            word-break: normal;
        }
    }
    @media all and (max-width: 1000px) {
        .mainSection6 .titArea {
            flex-wrap: wrap;
        }
        .mainSection6 .txtWrapper {
            width: 100%;
        }
        .mainSection6 .btnArea {
            margin-top: var(--space-40);
        }
        .mainSection6 .swiper-wrapper {
            margin-left: -20px;
            margin-right: -20px
        }
        .mainSection6 .swiper-slide {
            width: 33.3%; /* Swiper가 계산함 */
        }
        .mainSection6 .swiper-slide a .imgArea {
            margin: var(--space-10) 0;
            padding-bottom: 50%;
        }
        .mainSection6 .swiper-slide a .txtArea img {
            width: 8px;
        }
        .mainSection6 .swiper-slide a .txtArea p {
            min-height: 42px;
            margin: var(--space-5) 0 var(--space-10) 0;
        }
    }
    @media all and (max-width: 640px) {
        .mainSection6 .btnArea {
            margin-top: var(--space-30);
        }
        .mainSection6 .contentArea {
            padding: 0 5%;
            margin-top: var(--space-30);
        }
        .mainSection6 .swiper-wrapper {
            margin-left: 0;
            margin-right: 0;
        }
        .mainSection6 .swiper-slide a .txtArea p {
            min-height: auto;
        }
        .mainSection6 .swiper-slide {
            width: 100%; /* Swiper가 계산함 */
        }
        .mainSection6 .swiper-slide a .txtArea img {
            width: 7px;
        }
        .mainSection6 .mobile a {
            margin: var(--space-30) auto 0 auto
        }
    }



.mainSection7 .contentArea {
    width: 100%;
    align-items: stretch;
}
.mainSection7 .leftCont {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 28%;
    max-width: 458px;
    margin-right: var(--space-70);
    padding-right: var(--space-70);
    border-right: 1px solid var(--color-gray-df);
}
.mainSection7 .departmentArea .tabArea {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.mainSection7 .departmentArea .tabArea span {
    cursor: pointer;
    transition: var(--transition);
    color: var(--color-gray-cf);
    font-weight: var(--fw-bold);
}
.mainSection7 .departmentArea .tabArea span:not(:last-of-type) {
    margin-bottom: var(--space-20);
}
.mainSection7 .departmentArea .tabArea span:hover,
.mainSection7 .departmentArea .tabArea span.active  {
    color: var(--color-primary);
}
.mainSection7 .departmentArea .tabArea span.active {
    border-bottom: 2px solid var(--color-primary);
    color: var(--color-primary);
    font-weight: var(--fw-bold);
}
.mainSection7 .rightCont {
    position: relative;
    width: 70%;
    max-width: 1130px;
}
.mainSection7 .swiper {
    height: auto;
}
.mainSection7 .swiper .swiper-slide {
    width: 70%;
}
.mainSection7 .swiper .swiper-slide.vertical {
    width: 26.2%;
}
.mainSection7 .floorTableArea {
    border: 1px solid var(--color-gray-df);
}
.mainSection7 .floorTableArea .row:not(:last-of-type) {
    border-bottom: 1px solid var(--color-gray-df);
}
.mainSection7 .floorTableArea .inner {
    display: flex;
    padding: var(--space-15) 0;
    color: var(--color-dark-3d);
    cursor: pointer;
    transition: var(--transition);
}
.mainSection7 .floorTableArea .inner.active,
.mainSection7 .floorTableArea .inner:hover {
    background-color: var(--color-primary);
}
.mainSection7 .floorTableArea .inner.active span,
.mainSection7 .floorTableArea .inner.active .rowTit,
.mainSection7 .floorTableArea .inner:hover span,
.mainSection7 .floorTableArea .inner:hover .rowTit {
    color: var(--color-white);
}
.mainSection7 .floorTableArea .inner.active span,
.mainSection7 .floorTableArea .inner:hover span {
    font-weight: var(--fw-semibold);
}
.mainSection7 .floorTableArea .rowTit {
    flex: 0 0 84px;
    text-align: center;
}
.mainSection7 .floorTableArea .floorMedical {
    flex: 0 0 calc(100% - 84px);
    display: flex;
    align-items: center;
    gap: var(--space-20);
}
.mainSection7 .floorTableArea .floorMedical span {
    font-weight: var(--fw-medium);
}
/* .mainSection7 .floorTableArea .rowCont1 {
    width: 30%;
}
.mainSection7 .floorTableArea .rowCont2 {
    width: 25%;
} */
    /* 미디어쿼리 */
    @media all and (max-width: 1600px) {
        .mainSection7 .contentArea {
            flex-wrap: wrap;
        }
        .mainSection7 .leftCont {
            flex-direction: row;
            width: 100%;
            max-width: 100%;
            margin-right: 0;
            padding-right: 0;
            border-right: 0;
        }
        .mainSection7 .botCont {
            width: 40%;
        }
        .mainSection7 .rightCont {
            width: 100%;
            max-width: 100%;
            margin-top: var(--space-60);
        }
        .mainSection7 .facilitiesSwiper {
            margin-bottom: var(--space-30);
        }
        .swiper-utill {
            position: static;
            transform: translateX(0);
        }
    }
    @media all and (max-width: 1200px) {
        .mainSection7 .departmentArea .tabArea span:not(:last-of-type) {
            margin-bottom: var(--space-20);
        }
        .mainSection7 .floorTableArea .row a {
            padding: var(--space-10) 0;
        }
        .mainSection7 .floorTableArea .row1 a {
            border-radius: 15px 15px 0 0;
        }
        .mainSection7 .floorTableArea .row3 a {
            border-radius: 0 0 15px 15px;
        }
        .mainSection7 .facilitiesSwiper {
            margin-bottom: var(--space-20);
        }
        .mainSection7 .botCont {
            width: 80%;
        }
    }
    @media all and (max-width: 1000px) {
        .mainSection7 .titArea {
            flex-wrap: wrap;
        }
        .mainSection7 .txtWrapper {
            width: 100%;
        }
        .mainSection7 .btnArea {
            margin-top: var(--space-40);
        }
        .mainSection7 .botCont {
            width: 70%;
            margin-left: var(--space-60);
        }
        .mainSection7 .departmentArea .tabArea span:not(:last-of-type) {
            margin-bottom: var(--space-15);
        }
        .mainSection7 .rightCont {
            margin-top: var(--space-50);
        }
    }
    @media all and (max-width: 640px) {
        .mainSection7 .txtWrapper {
            text-align: center;
        }
        .mainSection7 .btnArea {
            margin-top: var(--space-30);
        }
        .mainSection7 .botCont {
            width: 70%;
            margin-left: 0;
        }
        .mainSection7 .departmentArea .tabArea span {
            font-size: var(--font-16);
        }
        .mainSection7 .departmentArea .tabArea span:not(:last-of-type) {
            margin-bottom: var(--space-10);
        }
        .mainSection7 .rightCont {
            margin-top: var(--space-30);
        }
        .mainSection7 .floorTableArea .rowTit {
            flex: 0 0 17%;
        }
        .mainSection7 .floorTableArea .floorMedical {
            flex: 0 0 82%;
            gap: var(--space-10);
        }
        .mainSection7 .swiper .swiper-slide {
            width: 85%;
        }
        .mainSection7 .swiper .swiper-slide.vertical {
            width: 31.77%;
        }
        .mainSection7 .floorTableArea .inner {
            padding: var(--space-10) 0;
        }
    }



.mainSection8 .leftCont,
.mainSection8 .rightCont {
    width: 50%;
}
.mainSection8 .leftCont {
    /* padding-right: var(--space-70); */
    border-right: var(--border);
}
.mainSection8 .rightCont {
    display: flex;
    justify-content: flex-end;
}
.mainSection8 .locationArea,
.mainSection8 .totalInfoArea {
    width: 90%;
    max-width: 760px
} 
.mainSection8 .locationArea .txtArea img {
    width: auto;
}
.mainSection8 .locationArea .txtArea strong {
    margin: 0 var(--space-15) 0 var(--space-10);
}
.mainSection8 .locationArea .txtArea p {
    color: var(--color-dark-3d);
}
.mainSection8 .locationArea .tabCont {
    display: none;
}
.mainSection8 .locationArea .map {
    width: 100%;
    height: 367px;
}
.mainSection8 .locationArea .tabArea li img {
    width: auto;
    margin-right: var(--space-10);
}
/* .mainSection8 .rightCont {
    padding-left: var(--space-70);
} */
.mainSection8 h3 img {
    width: auto;
    margin-right: var(--space-10);
}
.mainSection8 .locationArea .tab li {
    color: var(--color-dark-3d);
}
.mainSection8 .locationArea .tab li.on {
    color: var(--color-primary);
    font-weight: var(--fw-bold);
}
.mainSection8 .infoArea {
    flex-wrap: wrap;
    padding: var(--space-25) var(--space-30);
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid var(--color-gray-df);
}
.mainSection8 .floorArea .infoArea {
    gap: var(--space-10) 0;
}
.mainSection8 .floorArea .infoArea .item {
    flex-basis: 49%;
}
.mainSection8 .floorArea .infoArea span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    margin-right: var(--space-20);
    background-color: var(--color-primary);
    border-radius: 50%;
}
.mainSection8 .timeArea .infoArea .col {
    flex-basis: 49%;
}
.mainSection8 .timeArea .infoArea .item {
    margin-bottom: var(--space-10);
}
.mainSection8 .timeArea .infoArea .item:last-of-type {
    margin-bottom: 0;
}
.mainSection8 .timeArea .infoArea .item strong {
    width: 43%;
    max-width: 145px;
}
.mainSection8 .utillBtnArea ul {
    gap: 0 var(--space-10)
}
.mainSection8 .utillBtnArea li a {
    height: 43px;
    padding: 0 var(--space-20);
    border-radius: 22px;
    font-size: var(--font-15);
}
.mainSection8 .utillBtnArea li a.btnCall {
    background-color: var(--color-primary);
    color: var(--color-white);
}
.mainSection8 .utillBtnArea li a.btnKakao {
    background-color: var(--color-kakao);
    color: var(--color-dark);
}
.mainSection8 .utillBtnArea li a.btnInquiry {
    background-color: var(--color-gold);
    color: var(--color-white);
}
.mainSection8 .utillBtnArea li a.btnNc {
    background-color: var(--color-naver);
    color: var(--color-white);
}
.mainSection8 .utillBtnArea li a img {
    width: auto;
    margin-right: var(--space-10);
}
.mainSection8 .utillBtnArea li a:hover {
    filter: contrast(170%);
}
    @media all and (max-width: 1200px) {
        .mainSection8 .leftCont,
        .mainSection8 .rightCont {
            width: 100%
        }
        .mainSection8 .leftCont {
            border-right: 0;
            border-bottom: var(--border);
            padding-bottom: var(--space-40);
            margin-bottom: var(--space-40);
        }
        .mainSection8 .contentArea {
            flex-wrap: wrap;
        }
        .mainSection8 .locationArea,
        .mainSection8 .totalInfoArea {
            width: 100%;
            max-width: 100%;
        } 
        .mainSection8 .locationArea .map {
            height: 180px;
        }
    }
    @media all and (max-width: 1000px) {
        .mainSection8 .locationArea .map {
            width: 100%;
            height: 250px;
        }
        .mainSection8 .locationArea .tab li {
            font-size: var(--font-14);
        }
        .mainSection8 .infoArea {
            padding: var(--space-20) var(--space-25);
        }
        .mainSection8 .floorArea .infoArea span {
            width: 30px;
            height: 30px;
            margin-right: var(--space-15);
        }
        .mainSection8 .utillBtnArea li a {
            height: 40px;
            padding: 0 var(--space-15);
            font-size: var(--font-14);
        }
        .mainSection8 .utillBtnArea li a img {
            margin-right: var(--space-5);
        }
    }
    @media all and (max-width: 640px) {
        .mainSection8 .leftCont {
            padding-bottom: var(--space-30);
            margin-bottom: var(--space-30);
        }
        .mainSection8 .titArea {
            text-align: center;
        }
        .mainSection8 .locationArea .map {
            height: 200px;
        }
        .mainSection8 .locationArea .txtArea {
            flex-wrap: wrap;
        }
        .mainSection8 .locationArea .txtArea p {
            flex-basis: 100%;
            margin-top: var(--space-5);
        }
        .mainSection8 .locationArea .tab li {
            font-size: var(--font-13);
        }
        .mainSection8 .locationArea .tab li::before {
            bottom: -6px;
        }
        .mainSection8 .locationArea .tabArea li img {
            width: 11px;
            margin-right: var(--space-7);
        }
        .mainSection8 .locationArea .txtArea strong {
            margin: 0 var(--space-5) 0
        }
        .mainSection8 .locationArea .txtArea img {
            width: 14px;
        }
        .mainSection8 .infoArea {
            flex-wrap: wrap;
            padding: var(--space-15) var(--space-15);
        }
        .mainSection8 .floorArea .infoArea span {
            width: 25px;
            height: 25px;
            margin-right: var(--space-10);
        }
        .mainSection8 .floorArea .infoArea {
            flex-wrap: wrap;
        }
        .mainSection8 .floorArea .infoArea .item {
            flex-basis: 100%;
        }
        .mainSection8 .utillBtnArea ul {
            gap: var(--space-10);
            display: grid;
            grid-template-columns: repeat(2, 1fr);
        }
        .mainSection8 .timeArea .infoArea .item {
            flex-wrap: wrap;
            margin-bottom: var(--space-12);
        }
        .mainSection8 .timeArea .infoArea .item strong {
            width: 100%;
            margin-bottom: var(--space-2);
        }
        .mainSection8 .utillBtnArea li a img {
            width: 18px;
            margin-right: var(--space-8);
        }
    }