/********************************************************** 
* card-motion - 텍스트 효과
***********************************************************/
.card-motion figure { position:relative; overflow:hidden; background:none; }
.card-motion figure img { opacity:0; -webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); -webkit-transition:clip-path 2.8s cubic-bezier(.19, 1, .22, 1), opacity 2s ease, -webkit-clip-path 2.8s cubic-bezier(.19, 1, .22, 1); transition:clip-path 2.8s cubic-bezier(.19, 1,.22,1), opacity 2s ease, -webkit-clip-path 2.8s cubic-bezier(.19, 1, .22, 1); }

.card-motion.animate figure img { opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }

.card-motion figure .video_card { opacity:0; -webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); -webkit-transition:clip-path 2.8s cubic-bezier(.19, 1, .22, 1), opacity 2s ease, -webkit-clip-path 2.8s cubic-bezier(.19, 1, .22, 1); transition:clip-path 2.8s cubic-bezier(.19, 1,.22,1), opacity 2s ease, -webkit-clip-path 2.8s cubic-bezier(.19, 1, .22, 1); }
.card-motion.animate figure .video_card { opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }


@media(max-width:1024px){
    .card-motion figure img{ opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }
    .card-motion figure .video_card { opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}	

/**** panel ****/
.panel-wrap .panel .panel-title { position:relative; cursor:pointer; }
.panel-wrap .panel .panel-content { display:none; }
.panel-wrap .panel .icon-panel { position:absolute; right:5%; top:50%; width:16px; height:16px; transform:translate(0, -50%); }
.panel-wrap .panel .icon-panel::before, .panel-wrap .panel .icon-panel::after { content:""; position:absolute; background-color:#5acec2; transition:transform 0.25s ease-out, opacity 0.25s ease-out; }
.panel-wrap .panel .icon-panel::before { top:0; left:50%; width:2px; height:100%; margin-left:-1px; }
.panel-wrap .panel .icon-panel::after { top:50%; left:0; width:100%; height:2px; margin-top:-1px; }
.panel-wrap .panel .icon-panel.open::before { transform:rotate(-45deg);  background-color:#fff; }
.panel-wrap .panel .icon-panel.open::after {transform:rotate(-45deg);  background-color:#fff;  }



.main_cont_wrap { position: relative; padding: 9rem 0 3rem;  }


.inner { margin: 0 auto;}

/********************************************************** 
* main_copy_wrap
***********************************************************/
.main_copy { margin-top: 7.5rem; height: 33.6rem; width: 100%; text-align: center; padding: 0;  }
.main_copy::before { content:""; display: block; width: 244px; height: 439px; background: url("../img/main_copy_star02.png") 50% 50%/100% no-repeat; position: absolute; top: 10%; left: 4%; animation: bouncing2 1s infinite alternate;  }
.main_copy::after { content:""; display: block; width: 489px; height: 360px; background: url("../img/main_copy_star01.png") 50% 50%/100% no-repeat; position: absolute; top: 10%; right: 0; animation: bouncing1 1s infinite alternate; animation-delay:0.3s; }
.main_copy > p { font-size: 2.813rem; position: absolute; top: 44%; left: 0; width: 100%; line-height: 1.3;}
.main_copy > p strong { font-weight: 700;}

.main_copy .mouse-wrap { position:absolute; left:0; right:0; bottom:3.125rem; }
.main_copy .mouse-wrap .arrow { width: 1.313rem; height:1.313rem; display:block; border-bottom:2px solid #87c3f5; border-right: 2px solid #87c3f5; transform:rotate(45deg); position:relative; margin:0 auto; -webkit-animation:arrowAnim 1.5s infinite; animation:arrowAnim 1.5s infinite; }
.main_copy .mouse-wrap .arrow.arrow-01 { -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.main_copy .mouse-wrap .arrow.arrow-02 { -webkit-animation-delay:0.3s; animation-delay:0.3s; margin-top:-5px; }

@keyframes bouncing1 { 	
	0% { -moz-transform:translate3d(0,-15px,0); -ms-transform:translate3d(0,-15px,0); -o-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0); -webkit-transform:translate3d(0,-15px,0); }
	100% { -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); }
}
@keyframes bouncing2{ 	
	0% { -moz-transform:translate3d(0,30px,0); -ms-transform:translate3d(0,30px,0); -o-transform:translate3d(0,30px,0); transform:translate3d(0,30px,0); -webkit-transform:translate3d(0,30px,0); }
	100% { -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); }
}

@keyframes arrowAnim {
    0% {
        opacity:0;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
 

/********************************************************** 
* main_vids_wrap
***********************************************************/
.main_vids { width: 100%; max-height:100vh; position: relative; margin-top: 5rem;}
/* .main_vids_inner {width: 100%; height: 100vh; margin: 0 auto; position: relative; overflow: hidden; }
.main_vids_inner > iframe { width: 100%; height: 100%; object-fit: cover; }
.main_vids_inner > video { width: 100%; height: 100%; object-fit: cover; } */ 
 .main_vids_inner {  width: 100%; height: auto; overflow: hidden;   padding-bottom: 47.2%;}
/* .brand-slide { position:relative; width:100%; height:0; padding-bottom: 56.25%; overflow:hidden; } */
.main_vids_inner > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; }
.main_vids_inner > iframe.active { opacity: 1;  }
/* .brand-slide-img { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events: none; overflow:hidden; overflow:hidden;} */
/* .main_vids .video_web { width:100vw; height:56.25vw; min-height:122vh; min-width:215vh; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.main_vids .video_mobile { display:none; } */

/********************************************************** 
* main_s_banner
***********************************************************/
.main_s_banner strong { font-weight:700;}
.main_s_banner {background: url("../img/main_s_banner_bg.jpg") 50% 50%/cover no-repeat; padding:0; line-height:1.4; margin-top: -4px;}
.main_s_banner .tits { padding: 7rem 0; text-align:center; color:#fff;} 
.main_s_banner .tit01 { font-size: 1rem;} 
.main_s_banner .tit02 { font-size: 2.188rem;margin-top: 1rem;} 


/********************************************************** 
* main_categories
***********************************************************/ 
.main_categories { padding: 8rem 0 8rem;}
.main_categories .tits { text-align:center;}
.main_categories strong { font-weight: 700; }
.main_categories .bluetit { color:#5acec2; font-size:1.375rem;font-weight: 700;}
.main_categories .tit01 { font-size:2.5rem; margin-top:1.5rem;}
.main_categories .tit02 { font-size:1.375rem; margin-top:1.5rem; color:#2e2e2e;}
 
.main_ctgr_swiper { margin-top:2rem; max-width:1920px; }
.main_ctgr_swiper .swiper-slide {margin: 0 4.6rem; width:auto;	}
.main_ctgr_swiper .swiper-slide .slideInner{ width: 83.75rem; box-shadow: 2px 0px 18px 0px rgba(0,0,0,0.1); margin: 10px; border-radius:0px; display: flex; gap:5rem; justify-content:flex-start; align-items:center; padding:2rem;}
.main_categories .bluetxt { font-size:1.25rem; font-weight:700;color:#5acec2; }
.main_categories .txt01 { font-size:1.875rem; margin-top:1rem;font-weight:700; }
.main_categories .txt02 { font-size:1.25rem; margin-top:2rem; color:#2e2e2e; line-height:1.6;}
.main_categories .txt02 + .txt02 {  margin-top:1.1rem; } 

.main_categories .swiper-pagination { position:static;  max-width: 73.25rem; margin:3rem auto 0; color:#747474;}
.main_categories .swiper-pagination-bullet { width:auto; height:auto; border-radius:0; padding: 1rem 1px 2px; font-size: 1.25rem;margin: 0 1.5rem 1.2rem; }
.swiper-pagination-bullet { opacity:1; background:transparent; margin-top:3.75rem; border-bottom:2px solid transparent; margin: 0 1rem; }
.swiper-pagination-bullet-active { border-bottom:2px solid #5acec2; color:#5acec2; }
.main_categories .swiper-button-next, .main_categories .swiper-button-prev { width: 4.313rem; height:4.313rem;}
.main_categories .swiper-button-prev { background: url("../img/main_ctgr_prev.png") 50% 50%/cover no-repeat; left: 10.5rem; transform:translateY(-50%);}
.main_categories .swiper-button-next { background: url("../img/main_ctgr_next.png") 50% 50%/cover no-repeat;  right: 10.5rem; transform:translateY(-50%);}
.main_categories .swiper-button-next:after, .main_categories .swiper-button-prev:after { display: none;}

.main_categories .txt02.season { display: flex; flex-wrap:wrap;}
.main_categories .txt02.season strong { width: 100%;}
.main_categories .txt02.season span { width: 34%;}


/********************************************************** 
* main_fourth
***********************************************************/
.main_fourth { background: #f3ede4; padding:10rem 0 7rem;}
.main_fourth .inner { position: relative; max-width: 1580px;} 
.main_fourth strong { font-weight: 700;}
.main_fourth .titlebox { text-align: center; position:relative;}
.main_fourth .titlebox > img { position:absolute; left:77.5%; bottom:-2rem; }
.main_fourth .tit01 { font-size:2.5rem; }
.main_fourth .tit02 {  font-size: 1.438rem; color: #4a4a4a;  margin-top: 1rem; }
.main_fourth ul { display: flex; justify-content: center; margin-top: 5.3rem; gap: 0.9rem;} 
.main_fourth ul li { text-align:center; width: calc(25% - 0.2rem);}
.main_fourth ul li .txts{ padding: 0 1.5rem; line-height: 1.3; height: 21.313rem; background:#fff; display: flex; justify-content: center; align-items:center; flex-direction:column;}
.main_fourth ul li .num { color:#6bccc3; font-size:1.313rem;}     
.main_fourth ul li .txt01 { font-size:1.75rem; margin-top:1rem;} 
.main_fourth ul li .txt01 b{font-weight:600}
.main_fourth ul li .txt02 { font-size:1.188rem; margin-top:1rem;} 
/* .main_fourth ul li .img { margin-top:1rem;} */




/********************************************************** 
* main_staffs
***********************************************************/ 
.main_staffs {background: url("../img/main_staffs_bg.jpg") 50% 50%/cover no-repeat; padding:7rem 0 0; }
.main_staffs .tits { text-align:center;}
.main_staffs strong { font-weight: 700; }
.main_staffs .bluetit { color:#5acec2; font-size:1.375rem;}
.main_staffs .tit01 { font-size:2.5rem; margin-top:1.5rem;}
.main_staffs .tit02 { font-size:1.375rem; margin-top:1.5rem; color:#2e2e2e; line-height:1.6;}
.main_staffs .inner { margin-top:4rem;}
.main_doctor_swiper .swiper-slide { display:flex; justify-content: center; gap:5rem; }
.main_doctor_swiper .oneline { font-size:2.5rem; margin: 3rem 0; position:relative;   font-weight: 600; line-height:1.3;}
/*.main_doctor_swiper .oneline span { font-size:9.625rem; color:#5acec2; opacity:0.5; position:absolute; font-weight: 400;}
.main_doctor_swiper .oneline span.first {  left:-4rem; top:-3rem; }
.main_doctor_swiper .oneline span.sec {   right:-4rem; bottom: -10rem; } */
/*  .main_doctor_swiper .oneline::before { content:""; display: inline-block; width: 2.563rem; height:5rem; background: url("../img/dotdot.png") 50% 50%/contain no-repeat;margin-left: -3.3rem; }
 .main_doctor_swiper .oneline::after { content:""; display: inline-block; width: 2.563rem; height:2.25rem; background: url("../img/dotdot02.png") 50% 50%/contain no-repeat; margin-bottom: -3rem;} */
.main_doctor_swiper .name { font-size:2.063rem; letter-spacing: 10px; font-weight: 500; margin-top:4rem;} 
.main_doctor_swiper .name span { font-size:1.125rem; letter-spacing: 1px;} 
.main_doctor_swiper .grade { font-size:1.25rem; margin-top:3rem; font-weight: 600; display:flex; align-items:center; gap: 8px; } 
.main_doctor_swiper .grade i { display:inline-block; width:1.625rem; height:1.625rem; background: url("../img/grade_icon.png") 50% 50%/cover no-repeat; }
.main_doctor_swiper .box { display:flex; margin-top:3rem; gap:2rem; height:240px; overflow-y:scroll; padding-right: 2rem;}
.main_doctor_swiper .box .n01 { max-width:60%}
.main_doctor_swiper .box .n02{ max-width:40%}
.main_doctor_swiper .box p { font-size: 1.25rem; padding-left:10px; position:relative; font-weight: 300;  color:#262626; line-height: 1.5;}
.main_doctor_swiper .box p::before { content: "·"; display:block; position:absolute; top: 0; left:0;}
.main_doctor_swiper .box p + p { margin-top:1.1rem;}
.main_doctor_swiper .swiper-button-next.swiper-button-disabled,.main_doctor_swiper .swiper-button-prev.swiper-button-disabled { opacity:0;}
.main_doctor_swiper .swiper-button-next:after, .swiper-button-prev:after { display: none;}
.main_doctor_swiper .swiper-button-prev { width: 5rem; height: 5.1rem;   background: url("../img/main_doc_prev.png") 50% 50%/100% no-repeat;top: 40%;  left:3rem; }
.main_doctor_swiper .swiper-button-next { width: 5rem; height: 5.1rem; background: url("../img/main_doc_next.png") 50% 50%/100% no-repeat; top: 40%; right: 3rem; }

/********************************************************** 
* main_cont08
***********************************************************/
.main_cont08{position:relative; width:100%; padding: 10rem 0 6rem;  }
.main_cont08::before {display: block; content:""; width: 20.375rem; height: 20.375rem; background: url(../img/main_cont08_before.png) 50% 50%/100% no-repeat; position:absolute; top:0; right:0;} 
.main_cont08_section{position:relative; width:100%; max-width:1500px; margin-left:auto; margin-right:auto; display: flex; align-items: center; justify-content: flex-start; flex-wrap:wrap;}
.main_cont08_slider_wrap{width:57.688rem; position:relative; margin-bottom:2.5rem;}
.main_cont08_slider_wrap > .swiper-button-next.main_cont08_next{
    top:auto; bottom:0; left: auto; right: -17%; width:3.313rem; height:3.375rem; background: url(../img/main_cont_next_btn.png) 50% 50%/cover no-repeat; transition: .3s;
}

.main_cont08_slider_wrap > .swiper-button-prev.main_cont08_prev{
    top:auto; bottom:0; left: auto; right: -10%; width:3.313rem; height:3.375rem; background: url(../img/main_cont_prev_btn.png) 50% 50%/cover no-repeat; transition: .3s;
}
.main_cont08_slider_wrap > .swiper-button-next.main_cont08_next:hover { background: url(../img/main_cont_next_btn_h.png) 50% 50%/cover no-repeat; } 
.main_cont08_slider_wrap > .swiper-button-prev.main_cont08_prev:hover { background: url(../img/main_cont_prev_btn_h.png) 50% 50%/cover no-repeat; } 
.main_cont08_slider_wrap > .swiper-button-next.main_cont08_next::after,
.main_cont08_slider_wrap > .swiper-button-prev.main_cont08_prev::after {
    display: none;
}
.main_cont08 strong { font-weight:700;}
.main_cont08 .tit01 { color:#5acec2; font-size:1.375rem; }  
.main_cont08 .tit02 { font-size:2.188rem; margin-top:1.5rem;}  
.main_cont08_title_wrap { padding-left:4.5rem; line-height: 1.3; margin-bottom: 6rem; position:relative;}
.main_cont08_title_wrap::before {display: block; content:""; width: 3.813rem; height: 4.063rem; background: url(../img/main_cont08_tit_before.png) 50% 50%/100% no-repeat; position:absolute; top: 1.5rem;; right:-4rem;} 
.main_cont08_title_wrap::after {display: block; content:""; width: 14.688rem; height: 11.313rem; background: url(../img/main_cont08_tit_af.png) 50% 50%/100% no-repeat; position:absolute;     bottom: -13rem; right:-9rem;} 

.main_cont08_wrap { position:relative; max-width: 1615px; }
.main_cont08_wrap::before {display: block; content:""; width: 22.688rem; height: 13.25rem; background: url(../img/main_cont08_wrap_before.png) 50% 50%/100% no-repeat; position:absolute; top: -5.5rem;; right:-5rem;} 
.main_cont08_thumb_slider  {width: 100%;}
.main_cont08_thumb_slider .swiper-slide {width: 12rem; margin-right:10px;background: #444; }
.main_cont08_thumb_slider .swiper-slide img { width: 100%; height: 100%; object-fit: cover; opacity: 1;}
.main_cont08_thumb_slider .swiper-slide.swiper-slide-active img { opacity: 0.4;}
.main_cont08_thumb_slider .swiper-slide.swiper-slide-active::before {  content: ""; display: block; width: 100%; height: 100%; border: 2px solid #5acec2; position: absolute; left: 0; top: 0; } 

.main_cont08_thumb_slider .swiper-slide:last-of-type { margin-right:0;}

/********************************************************** 
* main_links
***********************************************************/
.main_links { padding:11.875rem; background: url("../img/main_links_bg.jpg") 50% 50%/cover no-repeat; text-align:center; color:#fff;}
.main_links .bluetit { color:#5acec2; font-size:1.25rem;}
.main_links .txt01 { font-size:2.75rem; font-weight: 600; margin-top:1.5rem;}
.main_links .txt01 span { font-size:3.375rem;}
.main_links .txt02 { font-size:2.5rem;  margin-top:3.125rem; line-height: 1.4; font-weight: 500;}
.main_links_btn { padding-top: 3px; font-size:1.25rem; font-weight: 600; background:#5acec2; border-radius:27px; width: 19.813rem; height: 3.375rem; line-height:3.375rem; display: flex; align-items:center; justify-content:center; margin: 0 auto; margin-top:7.3rem;}
.main_links_btn i {     margin-bottom: 3px; display: inline-block; width: 0.563rem; height: 1rem; margin-left: 10px ; background: url("../img/main_links_arrow.png") 50% 50%/100% no-repeat;  }


/********************************************************** 
* main_maps
***********************************************************/
.main_maps { padding: 5rem 0 8rem;}
.main_maps .inner { display: flex; align-items:center; max-width:1920px; gap:0 3.4rem; margin:0 auto;}
.main_maps .left { width: 50%; }
.main_maps .right { width: 50%; }
.main_maps ul li { padding: 1.688rem 2.5rem; }
.main_maps ul li:first-of-type { border-top:2px solid rgba(2,7,33,0.8); }
.main_maps ul li:last-of-type { border-bottom:2px solid rgba(2,7,33,0.8); }
.main_maps ul li + li { border-top:1px solid rgba(2,7,33,0.2); }
.main_maps ul .bluetit { color: #5acec2; font-size:1.125rem; margin-bottom:1.5rem; font-weight: 500;}
.main_maps ul .numbers { font-size:2.188rem; font-weight:600;}
.main_maps ul .txt01 { font-size:1.125rem; color:#2e2e2e;    line-height: 1.3;  }
.main_maps ul .txt02 { font-size:1rem; color:#838383;margin-top:1.25rem; }
.main_maps ul .sd .txt02 { margin-top: 0;}
.main_maps ul li.n01 .txt01 { margin-top:1.125rem;} 
.main_maps ul li .sd {display: flex; align-items:center; gap:2.5rem;}
.main_maps ul li .sd + .sd { margin-top:1.125rem; }
.main_maps ul li .sd .days { width:5rem; display: flex; align-items:center; justify-content: space-between; font-size:1.25rem;}
.main_maps ul li .sd .hours {     letter-spacing: 0.9px;}
.main_maps ul li.n03 .flex { display: flex; align-items:center; }
.main_maps ul li.n03 .flex a { width: 9.4rem; height:2.813rem; border-radius:22.5px;display: flex; align-items:center; justify-content:center; gap:0.5rem; }
.main_maps ul li.n03 .flex .kakao { margin-left: 1rem; background:#f8d751; color:#3f3b37;}
.main_maps ul li.n03 .flex .kakao i { display: inline-block;width: 1rem; height:1.438rem; background: url("../img/main_maps_kakao.png") 50% 50%/100% no-repeat;}
.main_maps ul li.n03 .flex .naver { margin-left: 0.7rem; background:#43c34f; color:#fff;}
.main_maps ul li.n03 .flex .naver i { display: inline-block;width: 1.063rem; height:1.375rem; background: url("../img/main_maps_naver.png") 50% 50%/100% no-repeat;}
 
.main_maps ul .txt01.list + .txt01.list { margin-top: 1rem;	}
.main_maps ul .txt01.list i { display: inline-block; width: 1.625rem; height: 1.625rem; line-height: 1.625rem; text-align:center;background:#6accc2; color:#fff; font-size: 0.875rem; border-radius: 50%; padding-right: 1px; padding-top: 1px;	 margin-right: 0.3rem;}