.swiper-wrapper{height:auto;}



/* intro_main */
.intro_main_cont_wrap{position:relative; width:100%; height:calc(var(--vh, 1vh) * 100); min-height: 576px; max-height: 1200px; overflow:hidden;}
.intro_main_cont{position:relative; width:100%; height:100%;}
.intro_main_video{position:relative; width:100%; background-color: rgba(0, 0, 0, 0); box-shadow: 0 8px 16px rgba(148,148,148,.65);}
#video_area {
  padding: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: absolute;
}
#vid {
    z-index: -1;
    width: 100vw;
    height: 100vh;
    position: absolute;
    object-fit: cover;
}

.intro_main_box_wrap{
    position:absolute; top:75%; left:0; 
    width:100%; height:auto; 
    display:flex; flex-direction:column; justify-content:center; align-items:center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.intro_main_top_text{position:absolute; top:20px; right:20px; color:#fff; display:flex; justify-content:center; align-items:center; z-index:1;}
.video_btn{position:relative; width:15px; margin-right:10px; cursor:pointer;}
.intro_main_box{position:relative; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.intro_main_center_text{
    position:relative; color:#fff; text-align:center;
    display:flex; flex-direction:column; justify-content:center; align-items:center;
}
.intro_main_center_text02{height:150px; margin-bottom:25%; overflow:hidden;}
.intro_text_ani{
    width:100%; height:100%;
}
.intro_text_ani > .swiper-wrapper{
    height:auto; transition-timing-function: linear !important;  /* 추가하기 */
}
.intro_main_center_text > .txt03{margin:25px 0;}
.intro_main_bottom_cont{position:relative; width:100%; max-width:85%; margin:0 auto; display:flex; justify-content:center; align-items:center;}
.intro_main_bigtree{position:relative; width:48%; margin:0 1%; padding:60px 20px 20px; background-color:rgba(255, 255, 255, 0.1); border-radius:10px;}
.intro_main_onyou{position:relative; width:48%; margin:0 1%; padding:60px 20px 20px; background-color:rgba(255, 255, 255, 0.1); border-radius:10px;}
.intro_main_bottom_title{
    position:absolute; top:0%; left:50%; 
    width:310px; padding:8px 0 10px; margin:0 auto; 
    color:#fff; text-align:center; border-radius:50px; 
    display:flex; flex-direction:column; justify-content:center; align-items:center;
    transform:translate(-50%,-50%) translateZ(0);
    -webkit-transform:translate(-50%,-50%) translateZ(0);
    -moz-transform:translate(-50%,-50%) translateZ(0);
    -ms-transform:translate(-50%,-50%) translateZ(0);
    -o-transform:translate(-50%,-50%) translateZ(0);
}
.intro_main_bigtree_title{background:#394300;}
.intro_main_onyou_title{background:#003275;}
.intro_main_bottom_item{position:relative; width:100%;}
.intro_main_bottom_item > ul{position:relative; width:100%; display:flex; justify-content:center; align-items:center;}
.intro_main_bottom_item > ul > li{
    position:relative; width:23%; height:104px; padding:0 0; margin:0 1%; 
    border-radius:10px; 
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.intro_main_bottom_item > ul > li > a{position:relative; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.intro_main_bottom_item > ul > li > a > p{text-align:center; color:#2f2f2f;}
.intro_main_bottom_item > ul > li:hover > a > p{color:#2f2f2f;}

.intro_main_bottom_item.intro_main_bigtree_item > ul > li{background:#eef0e6;}
.intro_main_bottom_item.intro_main_bigtree_item > ul > li:hover{background:#b6ba9c;}

.intro_main_bottom_item.intro_main_onyou_item > ul > li{background:#e8f2ff;}
.intro_main_bottom_item.intro_main_onyou_item > ul > li:hover{background:#a6c7f4;}





/* 아주큰나무 정신건강의학과 */
/* main */
.bigtree_main_cont_wrap{position:relative; width:100%; height:calc(var(--vh, 1vh) * 100); min-height: 576px; max-height: 1200px; overflow:hidden;}
.bigtree_main_cont{position:relative; width:100%; height:100%; background: url(../bigtree/img/main_img01.jpg) 50% 50%/cover no-repeat;}
.bigtree_main_box_wrap{position:relative; width:85%; height:100%; padding:2% 4% 0%; margin:0 auto; display:flex; justify-content:center; align-items:flex-start; flex-direction:column;}

/* doctor */
.bigtree_doctor_cont_wrap{position:relative; width:100%; height:calc(var(--vh, 1vh) * 100); min-height: 576px; max-height: 1200px; overflow:hidden;}
.bigtree_doctor_cont{position:relative; width:100%; height:100%; background: url(../bigtree/img/doctor_bg.jpg) 50% 50%/cover no-repeat;}
.bigtree_doctor_box_wrap{position:relative; width:85%; height:100%; padding:4% 4% 0; margin:0 auto; display:flex; justify-content:center; align-items:flex-start; flex-direction:column;}
.bigtree_doctor_text{position:relative; width:68%; }
.bigtree_doctor_text > p{margin-bottom:30px;}
.bigtree_doctor_list_wrap{position:relative; width:100%; display:flex; justify-content:space-between; align-items:flex-start;}
.bigtree_doctor_list{position:relative; width:auto;}
.bigtree_doctor_list > p{position:relative; width:auto; padding:0px 8px 2px; margin:10px 0; background:#333333; display:inline-block; border-radius:5px;}
.bigtree_doctor_ul{margin-bottom:20px;}
.bigtree_doctor_img{position:absolute; bottom:0; left:64%;}

/* doctor2 */
.bigtree_doctor2_cont_wrap{position:relative; width:100%; height:calc(var(--vh, 1vh) * 100); min-height: 576px; max-height: 1200px; background: url(../bigtree/img/doctor_bg.jpg) 50% 50%/cover no-repeat; overflow:hidden;}
.bigtree_doctor2_cont{position:relative; width:84%; height:100%; padding:0; margin:0 auto; display:flex; justify-content:center; align-items:flex-start;}
.bigtree_doctor2_box_wrap{position:relative; width:50%; height:auto; padding:6% 0% 0; margin:auto; display:flex; justify-content:flex-start; align-items:flex-start;}
.bigtree_doctor2_img{position:relative; width:34%; }
.bigtree_doctor2_text{position:relative; width:66%; }
.bigtree_doctor2_text > p{margin-bottom:20px;}
.bigtree_doctor2_list_wrap{position:relative; width:100%; display:flex; justify-content:space-between; align-items:flex-start;}
.bigtree_doctor2_list{position:relative; width:auto;}
.bigtree_doctor2_list > p{position:relative; width:auto; padding:0px 8px 2px; margin:10px 0; background:#333333; display:inline-block; border-radius:5px;}
.bigtree_doctor2_ul{margin-bottom:20px;}

/* reservation */
.bigtree_reservation_cont_wrap{position:relative; width:100%; height:calc(var(--vh, 1vh) * 100); min-height: 576px; max-height: 1200px; background: url(../bigtree/img/reservation_img01.jpg) 50% 50%/cover no-repeat; overflow:hidden;}
.bigtree_reservation_cont{position:relative; width:100%; height:100%;}
.bigtree_reservation_box_wrap{position:relative; width:85%; height:100%; padding:0 4%; margin:0 auto; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.call_number{position:relative; width:250px; padding:8px 0; margin:2rem auto 0; border-radius:50px; background:#394300; display:flex; justify-content:flex-start; align-items:center;}
.call_number > i{margin-left:10px; margin-right:10px;}
.bigtree_reservation_time_wrap{position:relative; padding:0rem 3rem; margin-top:2.5rem; }

/* info */
.bigtree_info_cont_wrap{position:relative; width:100%; height:calc(var(--vh, 1vh) * 100); min-height: 576px; max-height: 1200px; overflow:hidden;}
.bigtree_info_cont{position:relative; width:100%; height:100%; background:#fff; display:flex; justify-content:center; align-items:center;}
.bigtree_info_box_wrap{position:relative; width:85%; height:auto; padding:0 2%; margin:0 auto; display:flex; justify-content:center; align-items:center;}
.bigtree_info_text{width:50%; margin-top:6%;}
.bigtree_info_map{width:50%; margin-top:6%;}
.info_title{position:relative; display:flex; justify-content:flex-start; align-items:center;}
.info_title > i{margin-right:10px;}
.info_time_box{position:relative; display:flex; justify-content:flex-start; align-items:center;}
.info_subway{position:relative; display:flex; justify-content:flex-start; align-items:center;}
.info_bus{position:relative; display:flex; justify-content:flex-start; align-items:flex-start;}
.info_subway > i{margin-right:10px;}
.info_bus > i{margin-right:10px;}





/* 삼성온유  임상심리센터 */
/* main */
.onyou_main_cont_wrap{position:relative; width:100%; height:calc(var(--vh, 1vh) * 100); min-height: 576px; max-height: 1200px; overflow:hidden;}
.onyou_main_cont{position:relative; width:100%; height:100%; background: url(../onyou/img/main_img01.jpg) 50% 50%/cover no-repeat;}
.onyou_main_box_wrap{position:relative; width:85%; height:100%; padding:0% 2% 0%; margin:0 auto; display:flex; justify-content:center; align-items:flex-start; flex-direction:column;}

/* doctor */
.onyou_doctor_cont_wrap{position:relative; width:100%; height:calc(var(--vh, 1vh) * 100); min-height: 576px; max-height: 1200px; overflow:hidden;}
.onyou_doctor_cont{position:relative; width:100%; height:100%; background: url(../onyou/img/doctor_bg.jpg) 50% 50%/cover no-repeat;}
.onyou_doctor_box_wrap{position:relative; width:85%; height:100%; padding:4% 0% 0; margin:0 auto; display:flex; justify-content:center; align-items:flex-end; flex-direction:column;}
.onyou_doctor_text{position:relative; width:62%; }
.onyou_doctor_text > p{margin-bottom:30px;}
.onyou_doctor_list_wrap{position:relative; width:100%; display:flex; justify-content:space-between; align-items:flex-start;}
.onyou_doctor_list{position:relative; width:auto;}
.onyou_doctor_list > p{position:relative; width:auto; padding:0px 8px 2px; margin:10px 0; background:#333333; display:inline-block; border-radius:5px;}
.onyou_doctor_ul{margin-bottom:20px;}
.onyou_doctor_img{position:absolute; bottom:0; left:2%;}

/* doctor2 */
.onyou_doctor2_cont_wrap{position:relative; width:100%;/* height:calc(var(--vh, 1vh) * 100); min-height: 576px; max-height: 1200px;*/ background: url(../onyou/img/doctor_bg.jpg) 50% 50%/cover no-repeat; overflow:hidden;}
.onyou_doctor2_cont{position:relative; width:84%; height:50%; padding:6% 0 0; margin:0 auto 2%; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start;}
.onyou_doctor2_cont2{padding:2% 0 0; margin:0 auto 4%;}
.onyou_doctor2_box_wrap{position:relative; width:50%; height:auto; padding:2% 0% 0; display:flex; justify-content:flex-start; align-items:flex-start;}
.onyou_doctor2_img{position:relative; width:34%; }
.onyou_doctor2_text{position:relative; width:66%; }
.onyou_doctor2_text > p{margin-bottom:20px;}
.onyou_doctor2_list_wrap{position:relative; width:100%; display:flex; justify-content:space-between; align-items:flex-start;}
.onyou_doctor2_list{position:relative; width:auto;}
.onyou_doctor2_list > p{position:relative; width:auto; padding:0px 8px 2px; margin:10px 0; background:#333333; display:inline-block; border-radius:5px;}
.onyou_doctor2_ul{margin-bottom:20px;}

/* reservation */
.onyou_reservation_cont_wrap{position:relative; width:100%; height:calc(var(--vh, 1vh) * 100); min-height: 576px; max-height: 1200px; background: url(../onyou/img/reservation_img01.jpg) 50% 50%/cover no-repeat; overflow:hidden;}
.onyou_reservation_cont{position:relative; width:100%; height:100%;}
.onyou_reservation_box_wrap{position:relative; width:85%; height:100%; padding:0 4%; margin:0 auto; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.call_number2{position:relative; width:250px; padding:8px 0; margin:2rem auto 0; border-radius:50px; background:#003275; display:flex; justify-content:flex-start; align-items:center;}
.call_number2 > i{margin-left:10px; margin-right:10px;}
.onyou_reservation_time_wrap{position:relative; padding:0rem 3rem; margin-top:2.5rem; }

/* info */
.onyou_info_cont_wrap{position:relative; width:100%; height:calc(var(--vh, 1vh) * 100); min-height: 576px; max-height: 1200px; overflow:hidden;}
.onyou_info_cont{position:relative; width:100%; height:100%; background:#fff; display:flex; justify-content:center; align-items:center;}
.onyou_info_box_wrap{position:relative; width:85%; height:auto; padding:0 2%; margin:0 auto; display:flex; justify-content:center; align-items:center;}
.onyou_info_text{width:50%; margin-top:6%;}
.onyou_info_map{width:50%; margin-top:6%;}
.info_title{position:relative; display:flex; justify-content:flex-start; align-items:center;}
.info_title > i{margin-right:10px;}
.info_time_box{position:relative; display:flex; justify-content:flex-start; align-items:center;}
.info_subway{position:relative; display:flex; justify-content:flex-start; align-items:center;}
.info_bus{position:relative; display:flex; justify-content:flex-start; align-items:flex-start;}
.info_subway > i{margin-right:10px;}
.info_bus > i{margin-right:10px;}