@charset "UTF-8";
@import url('https://font.elice.io/css?family=Elice+DX+Neolli');

@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

:root {
    --mainColor: #001c5d;
    --subColor: #006abc;
    --subColor2: #001133;
    /* 짙은 파란색 */
    --subColor3: #f1f7fe;
    /* 연한 하늘색 */
    --mainFont: "Pretendard-Regular";
    --subFont: "Noto Sans KR";
    --basicSize: 19;
}

* {
    font-family: var(--mainFont);
    font-weight: 300;
}

html,
body {
    width: 100vw;
    overflow-x : hidden;
}

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--mainColor);
}

body::-webkit-scrollbar-track {
    background-color: #333;
}

strong {
    font-weight: 800;
}

.pc {
    display: block;
}

.mobile {
    display: none;
}

@media screen and (max-width: 1100px) {

    :root {
        --basicSize: 11;
    }

    .pc {
        display: none;
    }

    .mobile {
        display: block;
    }
}

/* cursor click customizing */
.cursor-custom {
    position: fixed;
    pointer-events: none;
    z-index: 99999;
    display: none;
}

.cursor-custom svg {
    width: calc(120vw/var(--basicSize));
    /* 이미지 크기 조절 */
}


/* Animation */
@keyframes moveUpDown {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(calc(-20vw/var(--basicSize)));
    }

    100% {
        transform: translateY(0);
    }
}

/* 햄버거 메뉴 버튼 스타일 */
.hamburger-menu {
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 10000;
}

.menu-toggle {
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.menu-toggle span {
    display: block;
    position: absolute;
    width: 35px;
    height: 3px;
    background-color: #000034;
    transition: all 0.5s;
    border-radius: 2px;
}
/* 세 개의 선 위치 */
.menu-toggle span:nth-child(1) {
    top: 8px;
}

.menu-toggle span:nth-child(2) {
    top: 18px;
}

.menu-toggle span:nth-child(3) {
    top: 28px;
}

/* X 모양으로 변하는 애니메이션 */
.menu-toggle.active span {
    background-color: #fff !important; 
}

.menu-toggle.active span:nth-child(1) {
    top: 18px;
    transform: rotate(45deg);
}

.menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
    top: 18px;
    transform: rotate(-45deg);
}


.menu-panel {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: #000734;
z-index: 9999;
opacity: 0;
pointer-events: none; 
transition: opacity 0.3s ease;
}
.menu-panel.active {
opacity: 1;
pointer-events: auto;  
}





/* 메뉴 내부 래퍼 */
.menu-wrap {
    opacity: 0;
    transition: all 0.3s ease;
    transition-delay: 0.2s;
    display: flex;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.menu-panel.active .menu-wrap {
    opacity: 1;
}
/* 로고 영역 */
.menu-logo {
    position: absolute;
    left: calc(210vw/var(--basicSize));
    bottom: calc(190vw/var(--basicSize));
}
.menu-logo img {
    width:calc(400vw/var(--basicSize));
}
/* 메뉴 콘텐츠 */
.menu-content {
    position: absolute;
    top: 50%;
    right: calc(330vw/var(--basicSize));
    transform: translateY(-50%);
}
.menu-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-content li {
    margin: 20px 0;
}
.menu-content a {
    text-decoration: none;
    color: #ffffff98;
    font-size: calc(30vw/var(--basicSize));
    transition: color 0.3s;
    font-family: 'S-CoreDream-3Light';
    white-space: nowrap;
}
.menu-content a:hover {
    color: #fff;
}

/* menu mobile*/
@media screen and (max-width:1100px) {
    .menu-wrap {
        display: flex;
        flex-direction: column;
        height: 100vh;
        width: 100%;
    }
    .menu-content {
        position: relative;
        top: calc(80vw/var(--basicSize));
        left: calc(111vw/var(--basicSize));
        transform: none;
    }
    .menu-content a {
        font-size: calc(30vw/var(--basicSize));
        white-space: nowrap;
    }

    .menu-logo {
        position: relative;
        left: calc(111vw/var(--basicSize));
        bottom: calc(-100vw/var(--basicSize));
    }
    .menu-logo img {
        width: calc(300vw/var(--basicSize));
    }
}
@media screen and (max-width:900px) {
    .menu-content a {
        font-size: calc(40vw/var(--basicSize));
    }
    .menu-logo {
        left: calc(111vw/var(--basicSize));
    }

    .menu-logo img {
        width: calc(500vw/var(--basicSize));
    }
}
@media screen and (max-width:700px) {
    .menu-content {top: calc(150vw/var(--basicSize));}
    .menu-logo {
        bottom: calc(-200vw/var(--basicSize));
    }
    
}

@media screen and (max-width: 500px) {

    .menu-logo img {
        width:calc(604vw/var(--basicSize));
    }
    .menu-content a {
        font-size: calc(50vw/var(--basicSize));
    }
    .hamburger-menu {
        top: calc(70vw/var(--basicSize));;
        right: calc(55vw/var(--basicSize));;
    }
    .menu-toggle {
        width: calc(70vw/var(--basicSize));
        height: calc(70vw/var(--basicSize));
    }
    .menu-toggle span {
        width:calc(70vw/var(--basicSize));
        height: calc(10vw/var(--basicSize));
    }
    .menu-toggle span:nth-child(1) {top: calc(8vw/var(--basicSize));}
    .menu-toggle span:nth-child(2) {top: calc(28vw/var(--basicSize));}
    .menu-toggle span:nth-child(3) {top: calc(48vw/var(--basicSize));}
}
/* dot */
.banner-nav {
    position: absolute;
    top: calc(30vw/var(--basicSize));
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 20px;
}
.banner-dots {
    display: flex;
    gap: 10px;
}
.dot {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #888;
    cursor: pointer;
    transition: all 0.3s ease;
}
.dot.active {
    background-color: #004898;
    border-color: #004898;
}
.prev-btn,
.next-btn {
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    padding: 10px;
}
/* section1 */
.banner-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(1080vw/var(--basicSize));
    opacity: 0;
    transition: opacity 0.5s ease;
}
.banner-slide.active {
    opacity: 1;
}
.banner-slider {
    position: relative;
    width: 100%;
    height: calc(1080vw/var(--basicSize));
    overflow: hidden;
}
.section1 video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 슬라이드 콘텐츠 */
.slide-content {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    padding: calc(180vw/var(--basicSize)) 0 0 0;
}
.section1 .part01 {
    text-align: center;
}
.section1 .part01 img {
    width: calc(1012vw/var(--basicSize));
}
/* section1 slide2  */
.banner-slide .slide-top {
    height: calc(623vw/var(--basicSize));
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 calc(200vw/var(--basicSize));
    position: relative;
}
.bg-element {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(554vw/var(--basicSize));
    opacity: 0;
    transform: translateY(30px);
    z-index: 1;
}
.bg-element img {
    width: 100%;
    height: auto;
}
.banner-slide .slide-top .text-content .title .tit.mobile {
    display: none;
}
.banner-slide .slide-top .doctors-image {
    position: absolute;
    right: 0;
    bottom: -80px;
    width: calc(976vw/var(--basicSize));
    z-index: 1;
}
.banner-slide .slide-top .doctors-image img {
    width: 100%;
    height: auto;
    transform: translateY(100px);
}
.banner-slide .slide-top .text-content .title {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.banner-slide .slide-top .text-content .title .tit {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.banner-slide .slide-top .text-content .title .tit img:first-child {
    width: calc(484vw/var(--basicSize));
}
.banner-slide .slide-top .text-content .title .tit img:last-child {
    width: calc(760vw/var(--basicSize));
}
.banner-slide .slide-bottom {
    text-align: center;
    height: calc(457vw/var(--basicSize));
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 345;
    position: relative;
    padding: calc(50vw / var(--basicSize)) calc(300vw / var(--basicSize));

}
.banner-slide .slide-bottom .bottom-text {
    font-family: "Pretendard";
    font-size: calc(30vw/var(--basicSize));
    line-height: 1.5;
    color: #fff;
    font-weight: 100;
    margin-bottom: calc(26vw/var(--basicSize));
}
.banner-slide .slide-bottom .view-more {
    background: none;
    border: none;
    cursor: pointer;
}
.banner-slide .slide-bottom .view-more img {
    height: calc(98vw/var(--basicSize));
    cursor: pointer;
}
.banner-slide .slide-top .text-content img,
.banner-slide .slide-top .bg-element,
.banner-slide .slide-top .doctors-image {
   opacity: 0;
   transform: translateY(50px);
}
/* active 상태일 때 순차적으로 나타나는 애니메이션 */
.banner-slide.active .slide-top .text-content img:first-child,
.banner-slide.active .slide-top .text-content img:last-child,
.banner-slide.active .slide-top .bg-element,
.banner-slide.active .slide-top .doctors-image,
.banner-slide.active .slide-bottom .bottom-text,
.banner-slide.active .slide-bottom .view-more {
    opacity: 0;
    transform: translateY(30px);
    animation: slideUp 1s forwards;
}
.banner-slide.active .slide-top .text-content img:last-child {
   transition-delay: 0.3s;
}
.banner-slide.active .slide-top .bg-element {
   transition-delay: 0.4s;
}
.banner-slide.active .slide-top .doctors-image {
   transition-delay: 0.5s;
}
.banner-slide.active .slide-bottom .bottom-text{
   transition-delay: 0.6s;
}
.banner-slide.active .slide-bottom .view-more {
   transition-delay: 0.7s;
}

/* section1 slide3  */
.banner-slide .slide3-top {
    height: calc(458vw/var(--basicSize));
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-slide .slide3-top .text-content {
    text-align: center;
    opacity: 0;
    transform: translateY(50px);
}
.banner-slide .slide3-top .text-content img {
    width: calc(900vw/var(--basicSize));
    padding-top: calc(70vw/var(--basicSize));
}
.banner-slide.active .slide3-top .text-content {
    opacity: 1;
    transform: translateY(0);
    transition: all 1s ease;
}
.banner-slide .slide3-bottom.pc {
    height: calc(622vw / var(--basicSize));
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    justify-content: flex-start;
    padding-top: calc(66vw / var(--basicSize));
}
/* 텍스트 스타일 */
.banner-slide .slide3-bottom .bottom-text3 {
    font-size: calc(28vw/var(--basicSize));
    color: #fff;
    line-height: 1.5;
}
.banner-slide .slide3-bottom p:first-child {
    font-size: calc(30vw/var(--basicSize));
    color: #fff;
    margin-bottom: calc(20vw/var(--basicSize));
}
/* 해시태그 스타일 */
.banner-slide .slide3-bottom .hashtags span{
    font-size: calc(40vw/var(--basicSize));
    color: #fff;
    font-weight: bold;
}
/* 버튼 스타일 */
.banner-slide .slide3-bottom .view-more3 {
    background: none;
    border: none;
    cursor: pointer;
    margin-top: calc(65vw/var(--basicSize));
}
.banner-slide .slide3-bottom .view-more3 img {
    height: calc(83vw/var(--basicSize));
}
/* active 상태일 때 애니메이션 */
.banner-slide.active .slide3-bottom .bottom-text3,
.banner-slide.active .slide3-bottom .hashtags,
.banner-slide.active .slide3-bottom p:last-of-type,
.banner-slide.active .slide3-bottom .view-more3 {
    opacity: 0;
    transform: translateY(30px);
    animation: slideUp 1s forwards;
}
.banner-slide.active .slide3-bottom .hashtags {
    animation-delay: 0.2s;
}
.banner-slide.active .slide3-bottom p:last-of-type{
    animation-delay: 0.4s;
}
.banner-slide.active .slide3-bottom .view-more3 {
    animation-delay: 0.4s;
}
@keyframes slideUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* section1 mobile  */
@media screen and (max-width: 1100px) {
    .section1{
        height: calc(1920vw/var(--basicSize));
        position: relative;
        overflow: hidden;
    }
    .section1 .banner-slide{
        position: relative;
        width: 100%;
    }
    .section1 video {
        position: absolute;
        top: 0;
        width: auto;
        height: 100%;
        object-fit: cover;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        transform: translateX(-6%)
    }
    .banner-slider {
        position: relative;
        width: 100%;
        height: calc(1080vw/var(--basicSize));
        overflow: visible;
    }
    .section1 .slide-content {
        padding: 0;
   }
    .section1 .slide-content .part01.mobile {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    }
   .section1 .slide-content .part01.mobile img{
    max-width: calc(957vw/var(--basicSize));
    height: auto;
    width: 100%;
    margin-top: calc(500vw/var(--basicSize));
    margin-left: auto;
    margin-right: auto;
    display: block; 

    }
    .banner-slide {
        position: relative;
        opacity: 1;
        height: 100%;
    }
    /* 슬라이드2 모바일 스타일 */
    .banner-slide .slide-top {
        height: auto;
        padding: calc(160vw/var(--basicSize)) 0 0 calc(85vw/var(--basicSize));
        flex-direction: column;
        height: calc(1110vw/var(--basicSize));
    }
    .bg-element {
        width: calc(510vw/var(--basicSize));
    }
    .bg-element.mobile img {
        position: absolute;
        top: 0;
        right: 0;
    }
    .banner-slide .slide-top .text-content .title .tit img:first-child {
        margin-bottom: 20px;
    }
    .banner-slide .slide-top .text-content .title .tit.pc {
        display: none;
    }
    .banner-slide .slide-top .text-content .title .tit.mobile {
        display: block;
    }
    .banner-slide .slide-top .text-content {
        width: 100%;
        z-index: 2;
        position: relative;
    }
    .banner-slide .slide-top .doctors-image {
        position: relative;
        right: auto;
        bottom: auto;
        width: calc(996vw/var(--basicSize));
        margin-left:calc(-85vw/var(--basicSize)) ;

        width: 100%;
        margin-top: calc(30vw/var(--basicSize));
    }
    .banner-slide .slide-top .doctors-image.mobile img {
        transform: translateY(0);
    }
    .banner-slide .slide-bottom.pc {
        display: none;
    }
    .banner-slide .slide-bottom {
        height: calc(810vw/var(--basicSize));
        padding: calc(50vw / var(--basicSize)) calc(200vw / var(--basicSize));
        z-index: 1;
    }
    .banner-slide .slide-bottom .bottom-text {
        font-size: calc(40vw/var(--basicSize));
        margin-bottom: calc(54vw/var(--basicSize));    
    }



    .banner-slide .slide-bottom .view-more img {
        height: calc(125vw/var(--basicSize));
        cursor: pointer;
    }
    .banner-slide .slide-top .text-content img,
    .banner-slide .slide-top .bg-element,
    .banner-slide .slide-top .doctors-image,
    .banner-slide .slide-bottom .bottom-text,
    .banner-slide .slide-bottom .view-more {
        opacity: 1 ; 
        transform: none ;
        animation: none ; 
        transition: none ;
    }
    /* 모바일 버튼 스타일 */
    .banner-slide .slide-bottom.mobile .view-more {
        width: 80%;
        max-width: calc(500vw/var(--basicSize));
    }
    .banner-slide .slide-bottom.mobile .view-more img {
        width: 100%;
        height: auto;
    }
    /* 슬라이드3 모바일 스타일 */
    .banner-slide .slide3-top {
        height: calc(923vw/var(--basicSize));
        padding: 0;
    }
    .banner-slide .slide3-top .text-content {
        width: 100%;
    }
    .banner-slide .slide3-top .text-content img {
        width: 100%;
        max-width: calc(825vw/var(--basicSize));
        padding-top: calc(150vw/var(--basicSize));
    }
    .banner-slide .slide3-bottom.pc {
        display: none;
    }
    .banner-slide .slide3-bottom.mobile{
        height: calc(998vw / var(--basicSize));
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;
        justify-content: flex-start;
        padding-top: calc(110vw / var(--basicSize));
    }
    .banner-slide .slide3-bottom {
        height: auto;
        padding: calc(40vw/var(--basicSize)) calc(20vw/var(--basicSize));
    }
    .banner-slide .slide3-bottom .bottom-text3 {
        font-size: calc(24vw/var(--basicSize));
        margin-bottom: calc(15vw/var(--basicSize));
    }
    .banner-slide .slide3-bottom .hashtags span {
        font-size: calc(26vw/var(--basicSize));
    }
    /* 텍스트 스타일 */
    .banner-slide .slide3-bottom .bottom-text3 {
        font-size: calc(40vw/var(--basicSize));
        color: #fff;
        line-height: 1.5;
    }
    .banner-slide .slide3-bottom p:first-child {
        font-size: calc(30vw/var(--basicSize));
        color: #fff;
        margin-bottom: calc(20vw/var(--basicSize));
    }
    /* 해시태그 스타일 */
    .banner-slide .slide3-bottom .hashtags span{
        font-size: calc(55vw/var(--basicSize));
        color: #fff;
        font-weight: bold;
    }
    /* 버튼 스타일 */
    .banner-slide .slide3-bottom .view-more3 {
        background: none;
        border: none;
        cursor: pointer;
        margin-top: calc(73vw/var(--basicSize));
    }
    .banner-slide .slide3-bottom .view-more3 img {
        height: calc(123vw/var(--basicSize));
    }
    /* active 상태의 슬라이드 표시 */
    .banner-slide.active {
        display: block;
        opacity: 1;
    }

    /* 비활성 슬라이드 숨김 */
    .banner-slide:not(.active) {
        display: none;
    }
    .section1 .quick-menu {
        position: absolute;
        margin-top: calc(520vw/var(--basicSize));
        left: 50%;
        transform: translateX(-50%);
        width: calc(995vw/var(--basicSize));
        height: calc(249vw/var(--basicSize));
        background: #f3f3f3f8;
        border-radius: calc(40vw/var(--basicSize));
        padding: 0 calc(100vw/var(--basicSize));
        z-index: 3;
    }
    .section1 .quick-menu .mobile {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: calc(20vw/var(--basicSize));
    }
    .section1 .quick-menu .mobile a {
    flex: 1;
    display: flex;
    justify-content: center;
    }
    .section1 .quick-menu .mobile a img {
    width: calc(200vw/var(--basicSize));
    height: auto;
    }
    .banner-nav {
        top: calc(90vw/var(--basicSize));
    }
    .dot {
        width: calc(40vw/var(--basicSize));
        height: calc(40vw/var(--basicSize));
    }
    .banner-dots {
        gap: calc(30vw/var(--basicSize));
    }
}

/* section2 */
.section2 {
    height: calc(1080vw/var(--basicSize));
}
.section2 .section-wrap {
    display: flex;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding-bottom: calc(84vw/var(--basicSize));
}
.section2 .section-wrap .left {
    width: 40%;
    position: relative;
    padding: calc(84vw/var(--basicSize)) 0 0 calc(210vw/var(--basicSize));
}
.section2 .section-wrap .left h2 img{
    margin-bottom: calc(34vw/var(--basicSize));
    width: calc(800vw/var(--basicSize));
}
/* 혜택 박스 스타일 */
.benefit {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: calc(600vw/var(--basicSize));
}
.benefit li img{
    width: calc(276vw/var(--basicSize));
}
.section2 .section-wrap .right {
    width: 60%;
    position: relative;
    overflow: visible;
}
.section2 .section-wrap .right img:first-child { 
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
}
.section2 .section-wrap .right img:last-child { 
    position: absolute;
    top: calc(740vw/var(--basicSize));
    right: calc(150vw/var(--basicSize));
    z-index: 2;
    width: calc(614vw/var(--basicSize));
}

 /* 애니메이션 활성화 */
.section2.active .section-wrap .right img:first-child,
.section2.active .section-wrap .right img:last-child {
     opacity: 0;
     transform: translateY(50px);
     animation: slideUp 1s ease forwards;
}
.section2.active .section-wrap .right img:last-child{
     animation-delay: 0.2s;
}


.benefit.active li:nth-child(1),
.benefit.active li:nth-child(2),
.benefit.active li:nth-child(3),
.benefit.active li:nth-child(4) {
    opacity: 0;
    transform: translateX(50px);
    animation: fadeInLeft 1s ease forwards;
}
.benefit.active li:nth-child(2) {
    animation-delay: 0.2s;
}
.benefit.active li:nth-child(3){
    animation-delay: 0.4s;
}
.benefit.active li:nth-child(4){
    animation-delay: 0.6s;
}
@keyframes fadeInLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* section2 mobile */
@media screen and (max-width: 1100px) {
    .section2 {
        position: relative;
        height: calc(1820vw/var(--basicSize));
    }
    .section2 .section-wrap .left {
        width: 100%;
        padding: 0;
    }
    .section2 .right{
        display: none;
    }
    .section2 .left .mobile img:first-child {
        width: 100%;
        height: auto;
    }
    .section2 .mobile img:nth-child(2),
    .section2 .mobile img:nth-child(3) {
        margin-top: calc(297vw/var(--basicSize));
        position: absolute;
        left: 43%;
        transform: translateX(-50%);
    }
    .section2 .mobile img:nth-child(3) {
        margin-top: calc(629vw/var(--basicSize));
    }
    .benefit {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: calc(900vw/var(--basicSize));
        margin: 0 auto;
        margin-top:  calc(-125vw/var(--basicSize));
    }
    .benefit li .mobile img{
        width: calc(440vw/var(--basicSize));
    }

}
/* section3 */
.section3 {
    height: calc(1357vw/var(--basicSize));
    padding: calc(50vw/var(--basicSize));
    background-size: 86%;
    background-position: right top;
    background-repeat: no-repeat;
}
.section3 .section-wrap h2 {
    text-align: center;
    margin:calc(100vw/var(--basicSize)) 0 calc(80vw/var(--basicSize)) 0;
}
.section3 .section-wrap h2 img{
    width: calc(1150vw/var(--basicSize));
}

.section3 .section-wrap>article .con_cate li .slide-wrap {
    display: flex;
    justify-content: center;
    gap: calc(26vw/var(--basicSize));
}
.section3 .section-wrap>article .con_cate li .slide-wrap>div {
    width: calc(662vw/var(--basicSize));
    border-radius: calc(20vw/var(--basicSize));
    overflow: hidden;
}
.section3 .section-wrap>article .con_cate li .slide-wrap>div img {
    width: 100%;
}
.section3 .section-wrap>article .con_cate li .slide-wrap .title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(81vw/var(--basicSize));
    border-radius: calc(10vw/var(--basicSize));
    margin-bottom: calc(10vw/var(--basicSize));
}
.section3 .section-wrap>article .con_cate li .slide-wrap .title span{
    color: white;
    font-family: 'S-CoreDream-3Light';
    font-weight: 900;
    font-size: calc(30vw/var(--basicSize));
}
.section3 .section-wrap>article .con_cate li .slide-wrap .left .title {
    background-color: #a0a0a0;
}
.section3 .section-wrap>article .con_cate li .slide-wrap .right .title {
    background-color: #002672;
}
.section3 .section-wrap > article .con_cate li .slide-wrap >div .pic_case {
    border: calc(2vw/var(--basicSize)) solid #a0a0a0;
    border-radius: calc(20vw/var(--basicSize));
    overflow: hidden;
}
.section3 .section-wrap > article .con_cate li .slide-wrap .right .pic_case {
    border: calc(2vw/var(--basicSize)) solid #002672;
    position: relative;
}
.section3 .section-wrap>article .con_cate li .slide-wrap .right .pic_case>img {
    filter: blur(4px);
}
/* 밀어서 열람하기 */
.section3 .section-wrap>article .con_cate li .slide-wrap .right .pic_case .after_btn {
    position: absolute;
    left: 50%;
    bottom: calc(22vw/var(--basicSize));
    transform: translateX(-50%);
    width: calc(548vw/var(--basicSize));
    height: calc(73vw/var(--basicSize));
    border: calc(3vw/var(--basicSize)) solid white;
    border-radius: calc(37vw/var(--basicSize));
    background-color: #ffffff;
    text-align: center;
    overflow: visible;
}
.section3 .section-wrap>article .con_cate li .slide-wrap .right .pic_case .after_btn p {
    color: #a3a3a3;
    width: calc(548vw/var(--basicSize));
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateX(-50%);
    transform: translateY(-50%);
    font-size: calc(26vw/var(--basicSize));
    font-family: 'S-CoreDream-3Light';
    font-weight: 700;
    letter-spacing: -0.05em;
}
.section3 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn .btn_slide {
    width: 100%;
    height: 100%;
    position: relative;
    left: -2%;
    z-index: 5;
    overflow: visible !important;
}
.section3 .section-wrap > article .con_cate li .slide-wrap .right .pic_case .after_btn > div {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: visible;
    top: 0%;
    left: 0%;
}
.slick-initialized .slick-slide {
    overflow: visible !important;
}
.section3 .section-wrap>article .con_cate li .slide-wrap .right .pic_case .after_btn .btn{
    overflow: visible;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: visible;
    cursor: pointer;
}
.slick-list.draggable{
    overflow: visible;
}
.section3 .section-wrap>article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span img{
    margin-top: calc(-10vw/var(--basicSize));
    margin-left: calc(-15vw/var(--basicSize));
    width: calc(88vw/var(--basicSize));
    height: calc(88vw/var(--basicSize));
    z-index: 11;
}
.section3 .section-wrap>article {
    position: relative;
}
.section3 .section-wrap>article .btn-arrow svg {
    width: calc(24vw/var(--basicSize));
}
.section3 .section-wrap>article .btn-arrow .btn-arrow-left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(80vw/var(--basicSize));
    height: calc(80vw/var(--basicSize));
    border-radius: 50%;
    background-color: var(--mainColor);
    position: absolute;
    left: calc(100vw/var(--basicSize));
    top: 38%;
    transform: translateY(-50%);
    cursor: pointer;
}

.section3 .section-wrap>article .btn-arrow .btn-arrow-left svg {
    transform: rotate(180deg);
}
.section3 .section-wrap>article .btn-arrow .btn-arrow-right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(80vw/var(--basicSize));
    height: calc(80vw/var(--basicSize));
    border-radius: 50%;
    background-color: var(--mainColor);
    position: absolute;
    right: calc(100vw/var(--basicSize));
    top: 38%;
    transform: translateY(-50%);
    cursor: pointer;
}

.section3 .section-wrap>article .notice {
    margin-top: calc(40vw/var(--basicSize));
    font-size: calc(20vw/var(--basicSize));
    font-weight: 100;
    color: #a0a0a0;
    padding: 0 calc(290vw/var(--basicSize));
}

.section3 .section-wrap>article .notice li {
    font-family: 'Pretendard';
    line-height: 1.5em;
}

.section3 .section-wrap>article .notice li span {
    font-size: calc(30vw/var(--basicSize));
}

/* section3 Mobile */
@media screen and (max-width: 1100px) {
    .section3 {
        height: calc(1442vw/var(--basicSize));
        padding: calc(75vw/var(--basicSize)) 0;
    }
    .section3.mobile {
        background-size: 100%;
        background-position: right top;
        background-repeat: no-repeat;
    }
    .section3 .section-wrap h2 .mobile img{
        width: calc(780vw/var(--basicSize));
    }
    .section3 .section-wrap>article .con_cate li .slide-wrap>div {
        width: calc(1262vw/var(--basicSize));
    }
    .section3 .section-wrap>article .btn-arrow svg {
        width: calc(15vw/var(--basicSize));
    }
    .section3 .section-wrap>article .btn-arrow .btn-arrow-left {
        left: calc(23vw/var(--basicSize));
        width: calc(40vw/var(--basicSize));
        height: calc(40vw/var(--basicSize));
        top: 35%;
    }
    .section3 .section-wrap>article .btn-arrow .btn-arrow-right {
        right: calc(23vw/var(--basicSize));
        width: calc(40vw/var(--basicSize));
        height: calc(40vw/var(--basicSize));
        top: 35%;
    }
    .section3 .section-wrap>article .con_cate li{
        width: 0 calc(1080vw/var(--basicSize));
    }
    .section3 .section-wrap>article .con_cate li .slide-wrap {
        gap: calc(10vw/var(--basicSize));
        margin: 0 calc(80vw/var(--basicSize));
    }
    .section3 .section-wrap>article .con_cate li .slide-wrap .right .pic_case .after_btn {
        width: calc(300vw/var(--basicSize));
        height: calc(65vw/var(--basicSize));
    }
    .section3 .section-wrap>article .con_cate li .slide-wrap .right .pic_case .after_btn p {
        width: calc(300vw/var(--basicSize));
        line-height: calc(65vw/var(--basicSize));
        font-size: calc(25vw/var(--basicSize));
    }
    .section3 .section-wrap>article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span img{
        margin-top: calc(-5.6vw/var(--basicSize));
        left: 0;
        width: calc(70vw/var(--basicSize));
        height: calc(70vw/var(--basicSize));
        z-index: 11;
    }
    .section3 .section-wrap>article .notice {
        margin: calc(100vw/var(--basicSize)) 0 0 calc(42vw/var(--basicSize)) ;
        padding: 0px;
        white-space: nowrap;
    }

}
@media screen and (max-width: 600px)
{.section3 .section-wrap>article .con_cate li .slide-wrap .right .pic_case .after_btn .btn span img{margin-left: calc(-30vw/var(--basicSize));}}







/* section4 */
.section4 {
    padding-bottom: calc(320vw/var(--basicSize));
    height: calc(2064vw/var(--basicSize));
}
.section4 .mobile{
    display: none;
}
.section4 .pc{
    display: block;
}
.section4 .section-wrap .bg.pc img {
    width: 100%;
}
.section4 .section-wrap .wrap{
    padding: calc(100vw/var(--basicSize)) 0;

}
.section4 .section-wrap h2{
    text-align: center;
    width: 100%;
}
.section4 .section-wrap h2 img {
    width: 100%;
    max-width: calc(1160vw/var(--basicSize)); 
    height: auto;
}
.prove.pc {
    display: flex;
    width: calc(1500vw/var(--basicSize));
    margin: 0 auto;
    justify-content: center; 
    gap: calc(47vw/var(--basicSize)); 
    padding-top: calc(63vw/var(--basicSize));
}
.section4 .section-wrap .prove.pc li {
    flex: 0 0 calc(330vw/var(--basicSize));
    display: flex; 
    justify-content: center; 
}
.section4 .section-wrap .prove.pc li img{
    width: 100%;
}



/* section4 Mobile */
@media screen and (max-width: 1100px) {
    .section4 {
        height: calc(2195vw/var(--basicSize)); 
        padding-bottom: calc(130vw/var(--basicSize));
    }
    .section4 .mobile{
        display: block;
    }
    .section4 .section-wrap .bg.mobile img {
        width: 100%;
    }
    .section4 .section-wrap h2{
        margin-top: calc(30vw/var(--basicSize));
    }
    .section4 .section-wrap h2 img {
        width: 100%;
        max-width: calc(765vw/var(--basicSize)); 
        height: auto;
    }
    .section4 .pc{
        display: none;
    }
    .prove.mobile {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: calc(924vw/var(--basicSize));
        margin: 0 auto;
        gap: calc(30vw/var(--basicSize)) calc(12vw/var(--basicSize));
        padding-top: calc(100vw/var(--basicSize));
    }
    .prove.mobile li img{
    width: calc(444vw/var(--basicSize)); 

    }
}


/* section5 */
.section5 {
    padding: calc(50vw/var(--basicSize)) 0 calc(50vw/var(--basicSize)) calc(210vw/var(--basicSize));
    height: calc(1222vw/var(--basicSize));
}
.section5 .section-wrap {
margin: 0 auto;
display: flex;
justify-content: space-between;
}

/* 왼쪽 영역 */
.section5 .left {
width: calc(970vw/var(--basicSize));
}
/* 타이틀 영역 */
.section5 .left h2 .chu {
margin-bottom: calc(30vw/var(--basicSize));
}

.section5 .left h2 .chu p {
font-size: calc(30vw/var(--basicSize));
line-height: 1.4;
color: #444444;
font-family: 'S-CoreDream-3Light';
font-weight: 400;

}

.section5 .left h2 .chu strong {
font-weight: bold;
}

.section5 .left h2 img {
width: calc(600vw/var(--basicSize));
}

.section5 .left h2 .severe {
margin: calc(30vw/var(--basicSize)) 0 calc(30vw/var(--basicSize)) 0;
}

.section5 .left h2 .severe p {
font-size: calc(28vw/var(--basicSize));
line-height: 1.5;
color: #666;
font-family: 'Pretendard-Regular';
}

.section5 .left h2 .severe strong {
color: #333;
}

/* 박스 영역 */
.section5 .left .boxes {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: calc(20vw/var(--basicSize));
margin-top: calc(20vw/var(--basicSize));
}
.section5 .left .boxes li img {
width: 100%;
height: auto;
}
.section5 .left .boxes.mobile{
    display: none;
}

/* 오른쪽 영역 */
.section5 .right {
width: calc(950vw/var(--basicSize));
display: flex;
align-items: center;
}
.section5 .right img {
width: calc(835vw/var(--basicSize));
height: auto;
margin-top: calc(-100vw/var(--basicSize));
}
@keyframes slideUp {
to {
    opacity: 1;
    transform: translateY(0);
}
}
.section5.active .left h2 .chu,
.section5.active .left h2 img,
.section5.active .left h2 .severe,
.section5.active .left .boxes,
.section5.active .right {
opacity: 0;
transform: translateY(50px);
animation: slideUp 0.8s ease forwards;
}
.section5.active .left h2 img {
animation-delay: 0.3s;
}
.section5.active .left h2 .severe {
animation-delay: 0.6s;
}
.section5.active .left .boxes {
animation-delay: 0.9s;
}
.section5.active .right {
animation-delay: 1.2s;
}


/* section5 Mobile */
@media screen and (max-width: 1100px) {
    .section5 {
        position: relative;
        padding: 0 0 calc(136vw/var(--basicSize)) 0;
        height: calc(1870vw/var(--basicSize));
    }
    .section5 .left h2 .chu {
    margin-bottom: calc(30vw/var(--basicSize));
    }
        
    .section5 .left h2 .chu p {
    font-size: calc(50vw/var(--basicSize));
    line-height: 1.4;
    letter-spacing: -0.06em;
    }
    .section5 .left h2 .severe p {
    font-size: calc(38vw/var(--basicSize));
    }
    .section5 .left{
        width: 100%;
        align-items: center; 
        flex-direction: column;
        z-index: 1;
    }
    .section5 .right{
        position: absolute;
        width: calc(824vw/var(--basicSize));
        top: 0;
        right: 0;
        z-index: 0;
    }
    .section5 .right img {
        margin-top: 0;
    }
    .section5 .mobile.mbg img {
        width: 100%;
        height: auto;
        display: block;
    }
    .section5 .right .pc {
        display: none;
    }
    .section5 .section-wrap h2 {
        margin-top: calc(214vw/var(--basicSize));
        display: flex;
        flex-direction: column;
        gap: calc(25vw/var(--basicSize));
        position: relative;
        text-align: center;
        align-items: center;
    }
    .section5 .section-wrap h2 img { 
        margin: 0 auto;
    }
    .section5 .left .boxes.mobile{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: calc(568vw/var(--basicSize));
        display: block;
        grid-template-columns: 1fr;
        margin-top: calc(93vw/var(--basicSize));
        position: relative;
        left: 25%;
        transform: translateX(-50%);
    }
    .section5 .left .boxes.mobile li{
        margin-bottom: calc(47vw/var(--basicSize));
        text-align: center;
    }

    .section5 .left .boxes.pc{
        display: none;
    }

}
/* section 6  */
.section6 {
    position: relative;
    height: calc(1227vw/var(--basicSize));
    padding-bottom: calc(90vw/var(--basicSize));
}
/* 의사 이미지 컨테이너 */
.doctor-container {
    display: flex;
    justify-content: center;
    margin-bottom: calc(40vw/var(--basicSize));
}
.doctor-item img{
    width: calc(1873vw/var(--basicSize));
}
/* 텍스트 컨테이너 */
.text-container {
    position: absolute;
    top: calc(567vw/var(--basicSize));
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 2;
    width: 100%;
}
.text-item {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease-out;
}
.text-item1 img{
    height: calc(100vw/var(--basicSize));
}
.text-item2 {
    margin-top: calc(37vw/var(--basicSize));
}
.text-item2 img{
    width: calc(910vw/var(--basicSize));
}
.text-item3 {
    font-size: calc(36vw/var(--basicSize));
    margin-top: calc(50vw/var(--basicSize));
    font-family: 'Pretendard-Regular';
    color: #444444;
    line-height: 1.5;
}
.text-item.active {
    opacity: 1;
    transform: translateY(0);
}
/* 진료과목 컨테이너 */
.department-container {
    display: flex;
    justify-content: center;
    gap: calc(50vw / var(--basicSize));
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: calc(1500vw / var(--basicSize));
    margin: 0 auto;
    margin-top: calc(50vw / var(--basicSize));
}

.department-item {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.3s ease-out;
    width: calc(341vw / var(--basicSize));
}

.department-item.active {
    opacity: 1;
    transform: translateY(0);
}

.department-item img {
    width: 100%;
    height: auto;
}


@media screen and (max-width: 1100px) {
    .section6 {
        height: calc(1804vw/var(--basicSize));
        padding: calc(65vw/var(--basicSize)) 0 calc(195vw/var(--basicSize)) 0;
    }
    .doctor-item img{
        width: calc(1080vw/var(--basicSize));
    }
    .text-item2 {
        margin-top: calc(63vw/var(--basicSize));
    }
    .text-item2 img{
        width: calc(564vw/var(--basicSize));
    }
    .text-item3 {
        margin: calc(60vw/var(--basicSize)) 0 calc(120vw/var(--basicSize)) 0;
    }
    .text-item3 .mobile img{
        width: calc(803vw/var(--basicSize));
    }

    /* 진료과목 컨테이너 */
    .department-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        gap: calc(48vw / var(--basicSize));
        width: calc(873vw / var(--basicSize));
        margin: 0 auto;
        margin-top: 0;
    }
    .department-item {
        width: calc(410vw / var(--basicSize));
    }
}


/* section7  */
.section7 {
    background: #000734;
    height: calc(1227vw/var(--basicSize));
    position: relative;
    padding-top: calc(175vw/var(--basicSize));
}
.section-title {
    text-align: center;
    margin-bottom: calc(54vw/var(--basicSize));
}
.section-title img{
    width: calc(730vw/var(--basicSize));
}
.swiper-wrapper {
    align-items: center;
}
.equipment-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(1131vw/var(--basicSize));
    height:calc(520vw/var(--basicSize));
    margin: 0 auto;
    background-color: #fff;
    border-radius: calc(300vw/var(--basicSize));
    padding-left: calc(136vw/var(--basicSize));
    overflow: hidden;
}
.equipmentSwiper {
    height: calc(520vw/var(--basicSize));
}
.equipmentSwiper .swiper-slide {
    width: calc(1160vw/var(--basicSize));
}
.equipment-text {
    width:calc(422vw/var(--basicSize));
    color: #444;
    font-family: 'pretendard-regular';  
}
.equipment-text h3 {
    color: #000734;
    font-size: calc(33vw/var(--basicSize));
    margin-bottom: calc(35vw/var(--basicSize));;
    font-weight: bold;
}
.equipment-text p {
    font-size: calc(23vw/var(--basicSize));
    white-space: nowrap;
    line-height: 1.5;
}
.equipment-image {
    display: flex;
    align-items: center;
    justify-content: center;
}
.equipment-image img {
    object-fit: contain;
    overflow: hidden;
}
.equipment-image1 .pc img{
    height: calc(467vw/var(--basicSize));
    margin-right: calc(100vw/var(--basicSize));
    margin-top: calc(30vw/var(--basicSize));
}
.equipment-image2 .pc img{
    height: calc(490vw/var(--basicSize));
    margin-right: calc(100vw/var(--basicSize));
    margin-top: calc(30vw/var(--basicSize));
}
.equipment-image3 .pc img{
    height: calc(270vw/var(--basicSize));
    margin-right: calc(100vw/var(--basicSize));
    margin-top: calc(50vw/var(--basicSize));
}
.equipment-image4 .pc img{
    height: calc(268vw/var(--basicSize));
    margin-top: calc(100vw/var(--basicSize));
    margin-right: calc(100vw/var(--basicSize));

}
.equipment-image5 .pc img{
    height: calc(380vw/var(--basicSize));
    margin-top: calc(30vw/var(--basicSize));
    margin-right: calc(200vw/var(--basicSize));
} 
.equipment-image6 .pc img{
    height: calc(640vw/var(--basicSize));
    margin-top: calc(130vw/var(--basicSize));
    margin-right: calc(100vw/var(--basicSize));
    overflow: hidden;
} 

.swiper-button-prev{
    margin-left: calc(420vw/var(--basicSize));
}
.swiper-button-next{
    margin-right: calc(420vw/var(--basicSize));
}

.swiper-button-prev img,
.swiper-button-next img{
    width: calc(30vw/var(--basicSize));
}
.swiper-button-prev:after, 
.swiper-button-next:after {
   display: none;
}
.navigation-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc(44vw/var(--basicSize));
}

.swiper-pagination-wrapper {
    position: relative;
    width: calc(755vw/var(--basicSize));
    margin: 0 calc(20vw/var(--basicSize));
}

.swiper-pagination {
    width: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    height: 4px !important;
    background: rgb(255, 255, 255) !important;
    position: relative !important;
}

.swiper-pagination-progressbar-fill {
    background: #3c6acb !important;
}

.equipmentSwiper .swiper-slide {
    width: calc(1160vw/var(--basicSize));
}

.mobile-nav-btn {
    display: none;
}
.swiper-pagination-mobile-fraction {
    display: none;
    text-align: center;
    color: #fff;
}
/* section7 mobile*/
@media screen and (max-width: 1100px) {
    .section7 {
        height: calc(1804vw/var(--basicSize));
        padding-top: calc(306vw/var(--basicSize));
    }
    .section-title {
        margin-bottom: calc(123vw/var(--basicSize));
    }
    .section-title img{
        width: calc(780vw/var(--basicSize));
    }
    .equipment-content {
        width: calc(1000vw/var(--basicSize));
        height:calc(730vw/var(--basicSize));
        border-radius: calc(200vw/var(--basicSize));
        padding-left: 0;
        display: flex; 
        justify-content: center; 
    }
    .equipmentSwiper {
        height: calc(730vw/var(--basicSize));
    }
    .equipment-text{
        display: none;
    }
    .equipment-image .mobile img{
        width: calc(880vw/var(--basicSize)); 
    }
    .mobile-nav-btn {
        display: block;
    }
    .mobile-nav-btn img {
        width: calc(30vw/var(--basicSize));
    }
    .navigation-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: calc(0/var(--basicSize)); 
    }
    .swiper-pagination {
        margin-top: calc(64vw/var(--basicSize));
    }
    
    .swiper-pagination-mobile-fraction {
        display: block;
        margin-top: calc(30vw/var(--basicSize));
        font-size: calc(30vw/var(--basicSize));
    }
    
    .mobile-nav-btn {
        display: block;
    }
    .equipment-image1 .mobile img,
    .equipment-image6 .mobile img{
        margin-top: calc(80vw/var(--basicSize));
    }
    .equipment-image3 .mobile img{
        margin-top: calc(-80vw/var(--basicSize));
    }
    .equipment-image4 .mobile img{
        margin-top: calc(-80vw/var(--basicSize));
    }
}
/* section8  */
.section8 {
    height: calc(1080vw/var(--basicSize));
    padding: calc(90vw/var(--basicSize)) 0 calc(96vw/var(--basicSize)) 0; 
    background-size: calc(1256vw/var(--basicSize));
    background-position: right top;
    background-repeat: no-repeat;
}
.section8 .top{
    height: calc(528vw/var(--basicSize)) 0;
}
.section8 .title-wrap {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}
.section8 .title-wrap img {
    display: block;
    margin: 0 auto;
}
.section8 .title-wrap .imp{
    width: calc(740vw/var(--basicSize));
}
.section8 .title-wrap .u{
    width: calc(728vw/var(--basicSize));
}
.section8 .info-wrap {
    display: flex;
    flex-direction: column;
    margin: calc(95vw/var(--basicSize)) auto;
    max-width: fit-content;
}
.section8 .info-wrap .info-item {
    display: flex;
    align-items: center;
    justify-content: left;
}
.section8 .info-wrap .info-item:first-child {
margin-bottom: calc(42vw/var(--basicSize));
}
.section8 .info-wrap .info-item img {
height: calc(67vw/var(--basicSize));
margin-right: calc(20vw/var(--basicSize));
}
.section8 .info-wrap .info-item p {
font-size: calc(36vw/var(--basicSize));
color: #444444;
}
.section8 .info-wrap .info-item p strong {
font-weight: bold;
}
.section8 .info-wrap .info-item p b {
color: #3c6acb;
font-weight: bold;
}
.section8 .contact-wrap {
    height: calc(242vw/var(--basicSize));
    background: #000734;
    text-align: center;
    padding: calc(60vw/var(--basicSize)) 0;
    margin-top: calc(100vw/var(--basicSize));
}
.section8 .contact-wrap p {
    color: #fff;
    font-size: calc(36vw/var(--basicSize));
    margin-bottom: calc(30vw/var(--basicSize));
}
.section8 .contact-wrap img {
    display: block;
    width: calc(451vw/var(--basicSize));
    margin: 0 auto;
}
/* section8 mobile  */
@media screen and (max-width: 1100px) {
    .section8 {
        height: calc(1804vw/var(--basicSize));
        padding: calc(432vw/var(--basicSize)) 0 calc(228vw/var(--basicSize)) 0; 
        background-size: calc(1080vw/var(--basicSize));
    }
    .section8 .info-wrap .info-item:first-child {
        margin-bottom: calc(58vw/var(--basicSize));
    }

    .section8 .info-wrap .info-item img {
        height: calc(80vw/var(--basicSize));
        margin-right: calc(22vw/var(--basicSize));
    }
    .section8 .info-wrap .info-item p {
        font-size: calc(43.31vw/var(--basicSize));
        white-space: nowrap;
    }
    .section8 .info-wrap {
        margin: calc(108vw/var(--basicSize)) auto;
    }
    .section8 .contact-wrap {
        height: calc(384vw/var(--basicSize));
        padding: calc(91vw/var(--basicSize)) calc(93vw/var(--basicSize));
        margin-top: calc(178vw/var(--basicSize));
    }
}
/* section9  */
.section9 {
    padding: calc(123vw/var(--basicSize)) 0 calc(133vw/var(--basicSize)) 0;
    position: relative;
    background: no-repeat center;
    height: calc(1390vw/var(--basicSize));
    background-size: 100% auto;
}
.section9 .section-wrap {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: 100%;
}
.section9 .top {
    margin-bottom: calc(50vw/var(--basicSize));
}
.section9 .top h2 img{
    width: calc(740vw/var(--basicSize));
}
.section9 .bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
 }
.section9 .bottom .cure {
    margin-top: calc(70vw/var(--basicSize));

}
.section9 .bottom .cure p {
    white-space: nowrap;
    color: #fff;
    font-size: calc(45vw/var(--basicSize));
    line-height: 1.5;
    font-family: "pretendard";
    font-weight: 200;
}
.section9 .bottom .cure p:nth-child(2) {
    font-size: calc(35vw/var(--basicSize));
    margin-top: calc(20vw/var(--basicSize));
}
.section9 .bottom .cure p:nth-child(3) {
    font-size: calc(30vw/var(--basicSize));
    background-color: #444f72;
    padding-left: calc(12vw/var(--basicSize));
    padding-right: calc(12vw/var(--basicSize));
}

.section9 .bottom .light{
    margin: 0 auto;

}
.section9 .bottom .view-more9 {
    background: none;
    border: none;
    cursor: pointer;
    margin-top: auto; 
    position: relative;
}
.section9 .bottom .view-more9 .pc img{
    width: calc(682vw/var(--basicSize));
}
.section9 .bottom .cure .light {
    width: auto; 
    height: calc(300vw/var(--basicSize)); 
    display: block;
    margin-top: calc(53vw/var(--basicSize));
}
.section9 .bottom .cure .light img {
    width: 100%;
    height: 100%;
    object-fit: contain; 
    display: block;
}


.warranty-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 99999;
}

.warranty-popup.active {
    display: flex;
    justify-content: center;
    align-items: center;
}
.warranty-popup .popup-content {
    position: relative; 
    display: inline-block;  
    max-width: 100%;
}
.warranty-popup .popup-content img {
    width: calc(600vw/var(--basicSize));
    height: auto;
    display: block;
}

.warranty-popup .close-popup {
    position: absolute;
    top: -5px; 
    right: -5px; 
    width: calc(33vw/var(--basicSize));
    height: calc(33vw/var(--basicSize));
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    z-index: 1;
}

.warranty-popup .close-popup img {
    width: 100%;
    height: 100%;
    display: block;
}
@media screen and (max-width: 400px) {
    .section9 .bottom .cure p:nth-child(3) {
        font-size: calc(25vw/var(--basicSize));
    }
}

@media screen and (max-width: 1100px) {
    .section9 {
        height: calc(1804vw/var(--basicSize));
        padding: calc(170vw/var(--basicSize)) 0; 
        background-size: cover;
    }
    

.section9 .bottom .cure {
    margin-top: calc(150vw/var(--basicSize));
}
.section9 .bottom .cure p {
    font-size: calc(40vw/var(--basicSize));
}
.section9 .bottom .cure .light {
    margin-top: calc(93vw/var(--basicSize));
}
.section9 .light img{
    height: calc(400vw/var(--basicSize));
}
.section9 .bottom .view-more9 {
    margin-top: calc(100vw/var(--basicSize));
}
.section9 .bottom .view-more9 .mobile img{
    width: calc(822vw/var(--basicSize));
}
}
/* section10 */
.section10 {
    position: relative;
    /*250708_주석처리_JY*/
    /* height: calc(1156vw/var(--basicSize)); */
}
.section10 .section-wrap {
    flex: 1;
    margin: 0 auto;
    padding: calc(160vw/var(--basicSize)) calc(210vw/var(--basicSize)) 0 calc(210vw/var(--basicSize));
}

/* 진료시간, 오시는길 영역 */
.section10 .section-wrap article{
display: flex;
justify-content: space-between;
gap: calc(50vw/var(--basicSize));
margin-bottom: calc(100vw/var(--basicSize));
}
.section10 .section-wrap article img{
    width: calc(715vw/var(--basicSize));
}
.section10 .section-wrap .way{
    display: flex;
    flex-direction: column;
}
.section10 .section-wrap .way:last-child img{
    margin-top: calc(30vw/var(--basicSize));
}



 /* 푸터 영역 */
.footer {
background-color: #00165e;
padding: calc(60vw/var(--basicSize)) 0;
/*padding-left: calc(355vw/var(--basicSize));*/
padding-left: calc(210vw/var(--basicSize));
height: calc(242vw/var(--basicSize));
width: 100%;
margin-top: auto;
}

.footer-wrap {
margin: 0 auto;
display: flex;
justify-content: flex-start;
align-items: center;
}

/* 푸터 로고 */
.footer-wrap img {
height: calc(124vw/var(--basicSize));
margin-right: calc(108vw/var(--basicSize));
}

/* 푸터 텍스트 (사업자 정보 등) */
.footer-wrap p {
color: #fff;
font-size: calc(25vw/var(--basicSize));
line-height: 1.6;
font-family: "pretendard";
font-weight: 200;
}
/* iOS 전화번호 링크 스타일 덮어쓰기 */
.footer-wrap p a,
.footer-wrap p a[href^="tel:"] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    -webkit-text-fill-color: #fff !important;
}

/* Safari 브라우저 대응 */
@supports (-webkit-touch-callout: none) {
    .footer-wrap p {
        -webkit-text-fill-color: #fff;
    }
}
.footer-wrap p:last-child {
margin-top: calc(6vw/var(--basicSize));
    }
/* section10 Mobile */
@media screen and (max-width: 1100px) {
    .section10 {
        height: calc(2527vw/var(--basicSize));
        display: flex;
        flex-direction: column;
    }
    .section10 .section-wrap {
        padding: calc(175vw/var(--basicSize)) calc(42vw/var(--basicSize)) 0 calc(42vw/var(--basicSize));
        }
    .section10 .section-wrap article {
        flex-direction: column;
        align-items: center;
        margin-bottom: calc(140vw/var(--basicSize));
        gap: calc(100vw/var(--basicSize));
    }

    .section10 .section-wrap article span{
        margin: 0 auto;
    }

    .section10 .section-wrap article img{
        width: calc(996vw/var(--basicSize));
    }
    .footer {
        padding:calc(42vw/var(--basicSize)) calc(153vw/var(--basicSize)) calc(30vw/var(--basicSize)) calc(153vw/var(--basicSize));
        height: calc(314vw/var(--basicSize));
    }
    .footer-wrap {
        flex-direction: column;
        text-align: center;
    }

    .footer-wrap img {
        height: auto;
        width: calc(228vw/var(--basicSize));
        margin-right: 0;
        margin-bottom: calc(30vw/var(--basicSize));
    }

    .footer-wrap p {
        white-space: nowrap;
        line-height: 1.5;
        font-weight: 500;
        font-size: calc(22vw/var(--basicSize));
    }
}


/* 문의하기 */
.btn-counsel-wrap {
    position: fixed;
    left: calc(71vw/var(--basicSize));
    bottom: calc(180vw/var(--basicSize));
    z-index: 999;
}
.btn-counsel-wrap p img {
   width: 100px;
}
.counsel-wrap {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}
.counsel-wrap .con-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(920vw/var(--basicSize));
    height: calc(510vw/var(--basicSize));
    background-color: #dcebfa;
    border-radius: calc(30vw/var(--basicSize));
    position: relative;
    padding: calc(60vw/var(--basicSize)) calc(80vw/var(--basicSize));
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}
.counsel-wrap .con-wrap>div {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.counsel-wrap .con-wrap>div img {
    width: 40%;
    height: calc(80vw/var(--basicSize));
}
.counsel-wrap .con-wrap p {
    font-size: calc(28vw/var(--basicSize));
    color: #121212;
    text-align: left;
    margin-left: calc(40vw/var(--basicSize));
}
.counsel-wrap .con-wrap p strong {
    color: #101c5d;
}
.counsel-wrap .btn_close {
    position: absolute;
    top: calc(-20vw/var(--basicSize));
    right: calc(-20vw/var(--basicSize));
    cursor: pointer;
    background-color: transparent;
    border: none;
}
.counsel-wrap .btn_close img {
    width: calc(53vw/var(--basicSize));
}
.counsel-wrap ul {
    margin: 0 auto;
    margin-top: calc(30vw/var(--basicSize));
    display: flex;
    justify-content: space-between;
    width: calc(668vw/var(--basicSize));
}
.counsel-wrap ul li {
    width: calc(161vw/var(--basicSize));
}
.counsel-wrap ul li img {
    width: 100%;
}
.counsel-wrap .phone {
    justify-content: center;
    display: flex;
    margin: calc(35vw/var(--basicSize)) 0 0 0;
}
.counsel-wrap .phone img {
    max-width: calc(400vw/var(--basicSize));
}





/* 문의하기 Mobile */
@media screen and (max-width: 1100px) {
    .btn-counsel-wrap {
        display: none;
    }
}