@charset "UTF-8";
/*-------------------------------------------------
title       : 설정
Author      : 플랜아이 광주
Create date : 2025-06-17
Last revision : 
-------------------------------------------------*/
/*-------------------------------------------------
title       : 메인 반응형
Author      : 플랜아이 moni
Create date : 2025-06-17
Last revision : 
-------------------------------------------------*/
@media (max-width: 1780px) {
  #fp_nav {
    display: none;
  }
}
@media (max-width: 1600px) {
  .map_wrap {
    left: calc(50% + 30rem);
  }
}
@media (max-width: 1400px) {
  .map_wrap {
    width: 40rem;
    height: 60rem;
  }
  .map_wrap .link_list a {
    width: 7rem;
    height: 7rem;
    margin: 1.4rem;
    padding: 1.1rem;
    line-height: 1.3;
  }
  .map_wrap .link_list a.divi1 {
    width: 9rem;
    height: 9rem;
    padding: 1.6rem;
    line-height: 1.2;
  }
  .map_wrap .link_list a.divi4 {
    right: 23%;
    top: 10%;
  }
  .layer_wrap .hospital_cont_wrap {
    /* padding: 8rem 6rem; */
    background: #103485;
  }
  .layer_wrap .hospital_cont_wrap .group {
    width: 100%;
  }
  .layer_wrap .hospital_cont_wrap .group .diagram {
    width: 100%;
    min-height: 32rem;
    overflow: hidden;
    overflow-x: auto;
  }
  .layer_wrap .hospital_cont_wrap .group .diagram::-webkit-scrollbar {
    width: 1rem;
    height: 1rem;
  }
  .layer_wrap .hospital_cont_wrap .group .diagram::-webkit-scrollbar-thumb {
    background-color: #354462;
    border-radius: 5px;
  }
  .layer_wrap .hospital_cont_wrap .group .diagram::-webkit-scrollbar-track {
    background-color: #D1D9E9;
    border-radius: 5px;
  }
  .layer_wrap .hospital_cont_wrap .group .diagram .prepare {
    width: calc(100% - 8rem);
  }
  .layer_wrap .hospital_cont_wrap .group .diagram_inner {
    width: 88rem;
    position: relative;
    margin: 0 auto;
  }
  .layer_wrap .hospital_cont_wrap .group .text_box {
    width: 100%;
    padding: 0 4rem;
  }
}
@media (max-width: 1280px) {
  .map_wrap {
    width: 38rem;
    height: 56rem;
  }
  #visual .item .title {
    font-size: 5.4rem;
  }
  #visual .item .desc {
    font-size: 2rem;
    line-height: 1.5;
  }
  #visual .swiper-controls {
    top: calc(50% + 13rem);
  }
  #section02 .selectBoxTop .selected {
    font-size: 5.4rem;
  }
  #section02 .selectBoxTop .text_1 {
    font-size: 5.4rem;
  }
  #section02 .selectOptions {
    width: calc(100% - 28.2rem);
    top: 9rem;
  }
  #section03 .title {
    font-size: 5.4rem;
  }
  #section03 .desc {
    font-size: 2rem;
  }
  #section03 .link_list {
    gap: 2rem;
  }
  #section04 .title {
    font-size: 5.4rem;
  }
  #section04 .cont_wrap .link_list .item::before {
    right: 2.8rem;
    width: 8rem;
    height: 8rem;
  }
  #section05 .title {
    font-size: 5.4rem;
  }
}
@media (max-width: 1024px) {
  .header_wrap::after {
    width: calc(100% + 5rem);
    left: 50%;
  }
  .section {
    height: auto !important;
  }
  .section .inner {
    padding-bottom: 12rem;
  }
  .section .fp-tableCell {
    height: auto !important;
  }
  #section01 .fp-tableCell {
    height: 100vh !important;
  }
  .layer_wrap .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .layer_wrap .hospital_list_wrap {
    height: 22rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22rem;
            flex: 0 0 22rem;
    padding: 4rem 4rem 0;
  }
  .layer_wrap .hospital_list_wrap .title {
    margin-bottom: 2rem;
  }
  .layer_wrap .hospital_list_wrap .hospital_list_box {
    padding-right: 0rem;
    overflow-y: initial;
    overflow-x: auto;
    height: auto;
    border-top: 1px solid #ddd;
  }
  .layer_wrap .hospital_list_wrap .hospital_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layer_wrap .hospital_list_wrap .hospital_list button {
    width: auto;
    padding: 2rem;
    border-top: none;
  }
  .layer_wrap .hospital_list_wrap .hospital_list button[aria-selected=true]::before {
    width: 0.6rem;
    height: 0.6rem;
    top: 2.8rem;
  }
  .layer_wrap .hospital_cont_wrap {
    max-height: calc(100% - 22rem);
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(100% - 22rem);
            flex: 1 1 calc(100% - 22rem);
    max-width: 100%;
  }
  #tech_list .swiper-slide a:hover .more, #tech_list .swiper-slide a:focus .more {
    width: 9.8rem;
    height: 9.4rem;
  }
  #tech_list .more {
    width: 9.8rem;
    height: 9.4rem;
  }
  #section03 .link_list .item {
    height: 32rem;
  }
  #section03 .link_list .text2 {
    font-size: 1.8rem;
  }
  #section04 .cont_wrap .link_list .item {
    padding: 3rem 3.8rem;
  }
  #section04 .cont_wrap .link_list .item::before {
    top: 3rem;
  }
  #section04 .cont_wrap .link_list .item .text2 {
    padding-right: 0;
    font-size: 1.7rem;
  }
  #section05 .title {
    font-size: 4.4rem;
  }
  #news_list {
    width: calc(100% + 2.5rem);
    height: 48rem;
  }
  #news_list .swiper-slide a {
    padding: 3.8rem;
  }
  #news_list .swiper-slide:nth-child(2n) {
    margin-top: 5rem;
  }
  #section06 {
    height: 0 !important;
  }
  #footer {
    position: relative;
  }
}
@media (max-width: 900px) {
  #section01 {
    height: 110rem !important;
  }
  #section01 .fp-tableCell {
    height: 110rem !important;
  }
  #section01 .scroll {
    display: none;
  }
  .map_wrap {
    left: 50%;
    top: 74rem;
  }
  #visual .item {
    top: 22rem !important;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    text-align: center;
  }
  #visual .item .title {
    margin-bottom: 2rem;
  }
  #visual .swiper-controls {
    width: 23.7rem;
    top: initial !important;
    bottom: 8rem;
    right: 2.5rem !important;
    left: initial;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@media (max-width: 768px) {
  .section .inner {
    padding: 8rem 0;
  }
  #visual .item {
    max-width: calc(100% - 5rem);
  }
  #visual .item .title {
    font-size: 5rem;
  }
  #visual .item .desc {
    font-size: 1.8rem;
  }
  .layer_wrap .hospital_list_wrap {
    padding: 3rem 3rem 0;
    height: 21rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21rem;
            flex: 0 0 21rem;
  }
  .layer_wrap .hospital_list_wrap .hospital_list button {
    font-size: 1.8rem;
  }
  .layer_wrap .hospital_list_wrap .hospital_list_box {
    width: calc(100% + 6rem);
    margin-left: -3rem;
    padding: 0 2rem;
  }
  .layer_wrap .hospital_cont_wrap {
    max-height: calc(100% - 21rem);
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(100% - 21rem);
            flex: 1 1 calc(100% - 21rem);
  }
  .layer_wrap .hospital_cont_wrap .group {
    position: relative;
  }
  .layer_wrap .hospital_cont_wrap .group:not(.is-hidden) {
    padding-top: 10rem;
  }
  .layer_wrap .hospital_cont_wrap .group::before {
    content: "";
    width: 4.8rem;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(16, 52, 133, 0)), to(#103485));
    background: linear-gradient(270deg, rgba(16, 52, 133, 0) 0%, #103485 100%);
    position: absolute;
    left: 0;
    top: 0rem;
    z-index: 1;
  }
  .layer_wrap .hospital_cont_wrap .group::after {
    content: "";
    width: 4.8rem;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#103485), to(rgba(16, 52, 133, 0)));
    background: linear-gradient(270deg, #103485 0%, rgba(16, 52, 133, 0) 100%);
    position: absolute;
    right: 0;
    top: 0rem;
    z-index: 1;
  }
  .layer_wrap .hospital_cont_wrap .group .diagram {
    margin-top: 4rem;
  }
  .layer_wrap .hospital_cont_wrap .group .diagram p {
    font-size: 1.8rem;
  }
  .layer_wrap .hospital_cont_wrap .group .text_box .title {
    font-size: 2.8rem;
  }
  .layer_wrap .hospital_cont_wrap .group .text_box .desc {
    font-size: 1.6rem;
    line-height: 1.7;
  }
  #section02 .selectBox {
    margin-bottom: 4rem;
  }
  #section02 .selectBoxTop {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  #section02 .selectBoxTop .selected {
    font-size: 4.4rem;
    line-height: 6rem;
    margin: 0 1.4rem 0 1.6rem;
  }
  #section02 .selectBoxTop .text_1 {
    font-size: 4.4rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
  #section02 .selectOptions {
    top: 7.5rem;
    left: 15rem;
  }
  #tech_list .professor {
    font-size: 1.7rem;
  }
  #tech_list .tech_name {
    max-height: 9rem;
    -webkit-line-clamp: 3;
    font-size: 2rem;
  }
  #section03 .desc {
    margin-bottom: 4rem;
  }
  #section03 .link_list .item {
    padding: 3rem 12rem 3rem 3rem;
  }
  #section03 .link_list .item.item2:before {
    right: 4rem;
  }
  #section03 .title {
    font-size: 4.4rem;
    line-height: 5.4rem;
  }
  #section03 .group {
    width: 55rem;
    margin-bottom: 6rem;
  }
  #section03 .group input {
    width: 28rem;
  }
  #section03 .link_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #section03 .link_list .text1 {
    font-size: 2.2rem;
  }
  #section03 .link_list .text2 {
    font-size: 1.6rem;
  }
  #section04 .title {
    font-size: 4.4rem;
    line-height: 5.4rem;
    margin-bottom: 4rem;
  }
  #section04 .cont_wrap {
    display: block;
  }
  #section04 .cont_wrap .video_wrap {
    margin-right: 0;
    margin-bottom: 3rem;
  }
  #section04 .cont_wrap .link_list .item {
    height: 19rem;
  }
  #section04 .cont_wrap .link_list .item .text1 {
    font-size: 2.2rem;
  }
  #section04 .cont_wrap .link_list .item2,
  #section04 .cont_wrap .link_list .item3 {
    padding: 2.5rem 4.8rem 2.5rem 7.4rem;
    font-size: 2.2rem;
  }
  #section04 .cont_wrap .link_list .item2 i,
  #section04 .cont_wrap .link_list .item3 i {
    top: 2.5rem;
  }
  #section04 .cont_wrap .link_list .item2::before {
    top: 2.5rem;
  }
  #section04 .cont_wrap .link_list .item3::before {
    top: 2.5rem;
  }
  #section05 .title {
    font-size: 4.4rem;
  }
}
@media (max-width: 500px) {
  #visual .item .title {
    font-size: 4rem;
  }
  #section02 .cont_box::before {
    left: -2.5rem;
  }
  #section02 .cont_box::after {
    right: -2.5rem;
  }
  #section02 .selectBoxTop .selected {
    font-size: 3.8rem;
    margin: 1rem 0 1rem 1.5rem;
  }
  #section02 .selectBoxTop .text_1 {
    font-size: 3.8rem;
  }
  #section02 .selectBoxTop .selectArrow {
    height: 3rem;
    line-height: 3rem;
  }
  #section02 .selectBox.active .selectOptions {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
  }
  #tech_list {
    width: calc(100% + 5rem);
    margin-left: -2.5rem;
  }
  #tech_list .swiper-slide a {
    padding: 3rem;
  }
  #tech_list .swiper-controls .swiper-button-next {
    right: 1rem;
  }
  #tech_list .swiper-controls .swiper-button-prev {
    right: 14rem;
  }
  #tech_list .swiper-pagination {
    right: 5.8rem;
    font-size: 1.8rem;
  }
  #tech_list .swiper-pagination .swiper-pagination-current {
    font-size: 2.5rem;
  }
  #section03 .title {
    font-size: 3.8rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
  }
  #section03 .desc {
    font-size: 1.7rem;
    margin-bottom: 3rem;
  }
  #section03 .group {
    width: 100%;
    margin-bottom: 5rem;
    height: 6rem;
  }
  #section03 .group .selectBox {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 14rem;
            flex: 1 1 14rem;
  }
  #section03 .group .form {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(100% - 14rem);
            flex: 1 1 calc(100% - 14rem);
  }
  #section03 .group .selectBoxTop .selected {
    line-height: 5.4rem;
    margin: 0 1.4rem 0 3rem;
  }
  #section03 .group input {
    margin-left: 0rem;
    width: calc(100% - 9rem);
    height: 5.4rem;
    font-size: 1.7rem;
  }
  #section03 .group .selectOptions {
    left: 0;
    top: 5.5rem;
  }
  #section03 .group button {
    width: 4.5rem;
    height: 4.5rem;
    line-height: 4.5rem;
  }
  #section04 .title {
    font-size: 3.8rem;
  }
  #section05 .title {
    font-size: 3.8rem;
  }
  #section05 .swiper-slide a {
    padding: 2.8rem;
  }
}
@media (max-width: 400px) {
  #visual .item .title {
    font-size: 3.4rem;
  }
  #section02 .selectBoxTop .selected {
    font-size: 3rem;
  }
  #section02 .selectBoxTop .text_1 {
    font-size: 3rem;
  }
}
@media (max-width: 360px) {
  #section02 .selectBoxTop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #section02 .selectOptions {
    top: 9.5rem;
  }
}
@media (max-height: 600px) {
  .layer_wrap .hospital_cont_wrap .group {
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}
/* @media (max-height: 600px) and (min-width: 769px) {
    .layer_wrap .hospital_cont_wrap .group{justify-content: initial;}
}
@media (max-height: 600px) and (max-width: 769px) {
    .layer_wrap .hospital_cont_wrap .group{justify-content: initial;}
} */
/* @media (max-height: 1000px) {
    #section01 {        
        .scroll{
            bottom: 7rem;
            &::before{height: 5.3rem;}
            &::after{height: 2.4rem;}
        }
    }
    #visual {
        .item{
            top: calc(50% - 10rem);
            .title{font-size: 5.4rem;}
            .desc{font-size: 2rem; line-height: 1.5;}
        }
        .swiper-controls{top: calc(50% + 13rem);}
    }
}

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

@media (max-width: 500px) {
    #visual {
        .item {
            max-width: calc(100% - 4rem);
            .title{font-size: 3.4rem};
            .desc{font-size: 1.6rem;}
        }
        .swiper-controls{top: 44rem !important;}
    }
}
@media (max-width: 400px) {
    #visual .item .desc{max-width: 30rem; margin: 0 auto;}
} */