html{max-width: 2080px; margin: 0 auto;}

.w1720{max-width: 178rem; padding: 0 3rem; width: 100%; margin: 0 auto;}
.w1360{max-width: 142rem; width: 100%; margin: 0 auto ;padding :0 3rem;}
.w1280{max-width: 134rem; width: 100%; margin: 0 auto ;padding :0 3rem;}
.color{color: var(--point) !important;}

/* html{scroll-behavior: smooth !important;} */

#main_staff{padding: 14.5rem 0 0; background-image: linear-gradient(to right,#f5f7fc 45% , #fff 45%); position: relative;}
#main_staff::after{background-image: url('/theme/prix/img/main/main_doctor_textAreaBG.png'); background-repeat: no-repeat; background-size: contain; width: 66.7rem; height: 8.1rem; position: absolute; top: 16rem; right: 0; content: '';}
#main_staff .swiper-slide{display: flex; flex-wrap: wrap; overflow: hidden;}
#main_staff .swiper-wrapper{align-items: flex-end;}
#main_staff .swiper-slide .imgArea{width: 50%; position: relative; text-align: right;}
#main_staff .swiper-slide .imgArea::after{max-width: 58.5rem; width: 70%; aspect-ratio: 1/1; background: #345ab2; content: ''; position: absolute; top: 50%; right: 0; z-index: 1; transform: translateY(-50%);}
#main_staff .swiper-slide .imgArea .logoArea{position: absolute; top: 0; left: 10%; z-index: 2; width: 30rem;}
#main_staff .swiper-slide .imgArea .imgDetail{aspect-ratio: 1/1; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; max-width: 77.7rem; margin-left: auto;}
#main_staff .swiper-slide .imgArea .imgDetail img{max-height: 100%;}
#main_staff .swiper-slide .imgArea .model{filter: drop-shadow(0 0 10px rgba(0,0,0,0.3)); display: inline-block; position: relative; z-index: 3; margin-right: -5rem;}
#main_staff .swiper-slide .textArea{position: relative; padding: 16rem 0 0 12rem; width: 50%;}
#main_staff .swiper-slide .textArea h4{font-size: 5.8rem; line-height: 1; color: #000000; font-weight: bold; margin-bottom: 8rem;}
#main_staff .swiper-slide .textArea h4 span{font-size: 3.6rem; font-weight: 350;}
#main_staff .swiper-slide .textArea .history p{font-size: 3rem; line-height: 1; color: #333333; font-weight: bold; position: relative; padding-right: 5.5rem; width: max-content; margin-bottom: 4.5rem;}
#main_staff .swiper-slide .textArea .history p::after{width: 100vw; position: absolute; top: 50%; height: 1px; content: ''; background: #f5f7fc; right: -100vw;}
#main_staff .swiper-slide .textArea .history ul{display: flex; flex-wrap: wrap; gap: 0 4rem;}
#main_staff .swiper-slide .textArea .history ul li{width: calc((100% - 4rem)/2); font-size: 1.9rem; line-height: 2; color: #666666; position: relative; padding-left: 1rem;}
#main_staff .swiper-slide .textArea .history ul li::before{width: 0.8rem; height: 1px; position: absolute; content: ''; background: #666; top: 1.9rem; left: 0;}
/* #main_staff .swiper-button-next, #main_staff .swiper-button-prev{width: 6rem; height: 6rem;} */
/* #main_staff .swiper-button-next::after, #main_staff .swiper-button-prev::after{display: none;} */
#main_staff .swiper-slide-btn{display: flex; position: absolute; left: 50%; bottom: 20%; z-index: 4; margin-left: -6rem;}
#main_staff .swiper-slide-btn img{width: 6rem; cursor: pointer;}
.main_nav{position: relative; margin-bottom: -13.3rem;}
.main_nav ul{display: flex; border: 1px solid #dfdfdf; flex-wrap: wrap; overflow-x: auto;}
.main_nav ul li{padding: 4rem 3.5rem; background: #fff; border-right: 1px solid #dfdfdf; width: calc((100%)/8);}
.main_nav ul li:last-child{border-right: none;}
.main_nav ul li .imgArea{width: 8rem; height: 8rem; display: flex; align-items: center; justify-content: center; margin:0 auto 2rem;}
.main_nav ul li .textArea > p{font-size: 1.8rem; line-height: 2.2rem; color: #434343; text-align: center; display: block; margin-bottom: 2.5rem;}
.main_nav ul li .textArea a{display: flex; align-items: center; justify-content: center; width: max-content; background: #345ab2; color: #fff; padding: 0.8rem 2.8rem; border-radius: 30px; margin: 0 auto; font-size: 1.8rem; line-height: 1; transition: all ease 0.3s; gap: 0.5rem;}
.main_nav ul li .textArea a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.main_nav ul li .textArea a span{font-size: 0.6rem; line-height: 1;}

#main_tour{padding: 20rem 0 19rem; background: url('/theme/prix/img/main/main_view_bg.jpg') no-repeat center; background-repeat: no-repeat; background-size: cover;}
.main_title{padding-top: 11rem; position: relative; margin-bottom: 3rem; font-size: 4.8rem; line-height: 1; color: #ffffff; text-align: center; font-weight: bold;}
.main_title::before{width: 1px; height: 6rem; position: absolute; background: rgba(255,255,255,0.2); content: ''; top: 0; left: 50%; margin-left: -0.5px;}
.main_title_sub{margin-bottom: 10rem; font-size: 2.2rem; line-height: 1.25; color: #ffffff; text-align: center;}
#main_tour .swiper-slide{width: 39rem; margin: 0 2.5rem; min-width: 39rem; aspect-ratio: 16/10; overflow: hidden;}
#main_tour .swiper-slide .imgArea{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer;}
/* #main_tour .swiper-slide .imgArea img{border: 1px solid whitesmoke;} */
#main_tour .swiper-slide .imgArea img{max-width: 100%; max-height: 100%; }
#main_tour .swiper-button-next{background-image: url('/theme/prix/img/main/slide_next_circle.png'); right: 10%;}
#main_tour .swiper-button-prev{background-image: url('/theme/prix/img/main/slide_prev_circle.png'); left: 10%;}
#main_tour .swiper-button-next, #main_tour .swiper-button-prev{width: 6rem; height: 6rem; background-size: cover;}
#main_tour .swiper-button-next::after, #main_tour .swiper-button-prev::after{display: none;}


#main_location{padding: 16.5rem 0 ; background-image: linear-gradient(to right,#f5f7fc 45% , #fff 45%); display: flex; align-items: center; flex-wrap: wrap; position: relative;}
#main_location::after{width: 64.5rem; height: 10rem; content: ''; position: absolute; z-index: 0; top: 9rem; right: 0; background: url('/theme/prix/img/main/main_location_textAreaBG.png'); background-size: contain;}
#main_location .mapArea{width: 50%; }
#main_location .mapArea #daumRoughmapContainer1687141139407{width: 100%; height: 66rem;}
.wrap_map{width: 100% !important; height: 100% !important;}
.wrap_controllers {display: none !important;}
#main_location .textArea{padding: 0 3rem 0 12rem; width: 50%;} 
#main_location .textArea .main_location_info .flex{display: flex; gap: 7rem; align-items: flex-start;}
#main_location .textArea .main_location_info .flex + .flex{margin-top: 4rem;}
#main_location .textArea .main_location_info .flex > .title{display: flex; gap: 1rem; align-items: center;}
#main_location .textArea .main_location_info .flex > .title .imgArea{width: 3.4rem; height: 3.4rem; display: flex; align-items: center; justify-content: center;}
#main_location .textArea .main_location_info .flex > .title p{font-size: 2rem; line-height: 1.4; white-space: nowrap; font-weight: bold; color: #363636;}
#main_location .textArea .main_location_info .contents li{display: flex; gap: 3rem;}
#main_location .textArea .main_location_info .contents li .title{font-size: 2rem; line-height: 1.4; color: #333333; font-weight: bold; width: 10rem;}
#main_location .textArea .main_location_info .contents li .info{font-size: 2rem; line-height: 1.4; color: #666666; width: calc(100% - 10rem - 3rem);}
#main_location .textArea .main_location_info .contents h4{font-size: 4rem; line-height: 1; color: var(--point); font-weight: bold;}
#main_location .textArea .main_location_info .contents h4 span{font-size: 1.8rem; line-height: 2.2rem; color: #4e6cb3; font-weight: 300;}

.main_location_info_links{margin-top: 7rem;}
.main_location_info_links h4{font-size: 2.4rem; font-weight: bold; line-height: 1; color: #1b1b1b; margin-bottom: 3rem;}
.main_location_info_links .linkArea{display: flex; gap: 1rem; flex-wrap: wrap;}
.main_location_info_links .linkArea a{width: 27.5rem; height: 6.5rem; display: flex; align-items: center; justify-content: center; gap: 1rem; border: 1px solid  #2f51a1; font-size: 1.8rem; line-height: 1; font-weight: 550; }
.main_location_info_links .linkArea a img{width: 2.2rem;}
.main_location_info_links .linkArea a:nth-of-type(1){background: #3459b1; color: #fff;}
.main_location_info_links .linkArea a:nth-of-type(1) .main_link_btn{content: url('/theme/prix/img/main/circle_link_white.png');}
.main_location_info_links .linkArea a:nth-of-type(2){background: #fff; color: var(--point);}
.main_location_info_links .linkArea a:nth-of-type(2) .main_link_btn{content: url('/theme/prix/img/main/circle_link_color.png');}
/* .main_location_info_links .linkArea a:hover{background: var(--point); color: #fff;} */
/* .main_location_info_links .linkArea a:hover .main_link_btn{content: url('/theme/prix/img/main/circle_link_white.png');} */
/* .main_location_info_links .linkArea a:nth-of-type(1):hover{background: #fff; color: var(--point);} */
/* .main_location_info_links .linkArea a:nth-of-type(1):hover .main_link_btn{content: url('/theme/prix/img/main/circle_link_color.png');} */


@media only screen and (max-width : 1780px){
    #main_staff .swiper-slide .imgArea .logoArea{left: 0;}
    #main_staff .swiper-slide .imgArea .model{margin-right: 0;}

    #main_location .textArea{padding: 0 3rem;}

}
@media only screen and (max-width : 1420px){
    #main_staff{padding: 14.5rem 0 26.6rem;}
    #main_staff::after{top: 3rem;}
    #main_staff .swiper-slide{align-items: center;}
    #main_staff .swiper-slide .textArea{padding: 3rem 0 10rem 3rem;}
    #main_staff .swiper-slide-btn{bottom: 0%;}
    .main_nav{margin-bottom: -26.6rem;}
    .main_nav ul li{width: calc((100%)/4); border-top: 1px solid #dfdfdf;}
    .main_nav {
        width: calc(100% - 6rem);
        position: absolute;
        margin-bottom: 0;
        bottom: -26.6rem;
        left: 50%;
        transform: translateX(-50%);
        z-index: 4;
    }
    #main_tour{padding: 33rem 0 19rem}

}
@media only screen and (max-width : 1240px){
    #main_staff .swiper-slide .textArea .history ul li{width: 100%;}
    #main_staff .swiper-slide .textArea h4{margin-bottom: 4rem;}
    #main_staff .swiper-slide .textArea .history p{margin-bottom: 2rem;}
    #main_location .textArea .main_location_info .flex{gap: 3rem;}


}
@media only screen and (max-width : 1024px){
    /* #main_staff{padding: 14.5rem 0 0;} */
    #main_staff{padding: 0;}
    #main_staff .swiper{bottom: -13.3rem;}
    .main_nav{position: relative; width: 100%; bottom: -13.3rem;}
    .main_nav ul{overflow-x: auto; flex-wrap: nowrap; scroll-snap-type: x mandatory;}
    .main_nav ul li{max-width: 25.5rem; width: 100%; min-width: 25.5rem; scroll-snap-align: center;}
    #main_staff .swiper-slide-btn{left: 6rem;}
    #main_tour{padding: 20rem 0 19rem;}

    #main_location .mapArea{width: 100%;}
    #main_location .textArea{width: 100%; padding: 6rem 3rem 0;}


}
@media only screen and (max-width : 840px){


}
@media only screen and (max-width : 768px){


}
@media only screen and (max-width : 640px){
    #main_staff{background-image: linear-gradient(to bottom,#f5f7fc 45% , #fff 45%);}
    #main_staff::after{width: 33.35rem;}
    #main_staff .swiper-wrapper{align-items: flex-start;}
    #main_staff .swiper-slide .imgArea{width: 100%; background: #345ab2; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center;}
    #main_staff .swiper-slide .imgArea .imgDetail{max-width: none;}
    #main_staff .swiper-slide .imgArea .model{max-height: 100%;}
    #main_staff .swiper-slide .imgArea .logoArea{display: none;}
    #main_staff .swiper-slide .imgArea::after{display: none;}
    #main_staff .swiper-slide .textArea{width: 100%; padding: 3rem 0 ;}
    #main_staff .swiper-slide-btn{right: 0; left: auto; bottom: 3rem;}


}
@media only screen and (max-width : 480px){


}
@media only screen and (max-width : 400px){
    #main_location .textArea .main_location_info .flex{flex-direction: column;}
    .main_location_info_links .linkArea a{width: calc((100% - 1rem)/2);}

}