/**** panel ****/
.panel-wrap .panel .panel-title { position:relative; cursor:pointer; }
.panel-wrap .panel .panel-content { display:none; }
.panel-wrap .panel .icon-panel {position:relative; width: 11px; height: 11px; display: block; }
.panel-wrap .panel .icon-panel::before, .panel-wrap .panel .icon-panel::after { content:""; position:absolute; background-color:#786454; 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); opacity: 0;  }
.panel-wrap .panel .icon-panel.open::after {  }

.swiper-container { width: 100%;}

.main_sect { position:relative; padding: 6rem 0 4rem;}

.emphasize { color:#be8175;}


/**************************************************
* 1 - main-sect-visual
**************************************************/
.main-section {  background: url(../img/main_visual_img01.jpg) 50% 50% / cover no-repeat; transform: scale(1.05);background-position: center 50%;  animation: bgShow 2.5s ease-out 1s forwards;  position:relative; min-height:576px; max-height:1200px; height:100vh; overflow:hidden; background-attachment: fixed;   background-repeat: no-repeat; background-size: cover;}
/* .main-section { position:relative; min-height:576px; max-height:1200px; height:100vh; overflow:hidden;background: url(../img/main_visual_img01.jpg) 50% 50% / cover no-repeat; } */
.main-section .pc-only { display:block; }
.main-section .mo-only { display:none; }

/* .brand-slide { position:relative; width:100%; height:0; padding-bottom: 56.25%; overflow:hidden; } */
.main_vis {  position: relative; width: 100%; height: 0; overflow: hidden;   padding-bottom: 56.25%;}
/* .main_vis > iframe { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; } */
.main_vis video { width: 100%; height: 100vh; object-fit:cover; transform: scale(1.05); animation: bgShow 2.5s ease-out 1s forwards;}
.main-header {  transform: translateY(-100%);opacity: 0;display: inline-block; transform-origin: center;}
@keyframes bgShow {
    0% { 
		transform: scale(1.05); 
    }

    100% { 
		transform: scale(1);
    }
}
 
strong { font-weight:600;}
.main_vis .tits { position:fixed; left:50%; top:40%; color:#fff;  transform:translateX(-50%); text-align:center;}
.main_vis .tits > p { overflow:hidden;}
.main_vis .tit01 { font-size:5.625rem;  font-family: 'Marcellus-Regular'; }
.main_vis .tit03 { font-size: 1.563rem; font-family: 'KoPubWorld_Batang_Pro_l'; padding-top:1.2rem;  }
.main_vis .tits > p >span {transform: translateY(100%);animation: txtup 2.5s ease-out 1s forwards; display: inline-block; }
.main_vis .tits.active > p >span {   }
.main_vis .tits .diag { position: absolute; left: -9rem; top: -30%; animation-name: showup, diag; animation-duration: 4s, 3s; animation-iteration-count: 1, infinite; animation-delay: 0s, 1s; } 
@keyframes diag {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {    
	transform: translateY(-15px) rotate(4deg);
  }
  50% {
     transform: translateY(-15px) rotate(4deg);
  }
  100% {
     transform: translateY(0) rotate(0deg);
  }
}
@keyframes showup {
    0% {
        opacity:0;
    }

    100% {
        opacity:1;
    }
}
@keyframes txtup {
    0% {
        transform: translateY(100%); opacity:0;
    }

    100% {
        transform: translateY(0%); opacity:1;
    }
}
.btWrap { overflow:hidden;	}
.vis_more {transform: translateY(105%);animation: txtup 1.8s ease-out 3s forwards; display: flex; align-items: center; justify-content: center; background:#fff; color:#be8175; letter-spacing:0; font-weight: 500; border-radius: 1.938rem; font-size: 1.063rem; width: 12.688rem; height: 4.031rem; margin: 2.5rem auto 0;}
.vis_more:hover { background:#be8175; color:#fff; }


/**************************************************
* 2 - main_grace
**************************************************/
.main_grace { padding: 10rem 0 2rem; background: url(../img/main_grace_bg.jpg) 50% 26% / cover no-repeat; }
.main_grace .inner { display: flex; justify-content: center; gap:13rem;}
.main_grace .tit01 {  font-family: 'Marcellus-Regular'; color:#be8175; font-size: 1.688rem;}
.main_grace .tit02 { font-family: 'KoPubWorld_Batang_Pro_l'; font-size: 3.038rem;}
.main_grace .tit02 span { opacity: 0; display: block; transform: translateX(-45px);}
.main_grace .tit02 span:nth-of-type(2){ padding-left: 6rem;}
.main_grace .tit02 span:nth-of-type(3){ padding-left: 12rem;}
.main_grace .tit01 + .tit02 { margin-top: 2rem;}
.main_grace .tit02 + .txt01 { margin-top: 2.5rem;}
.main_grace .txt01 { font-size: 1.3rem; color:#353535; line-height: 1.6; margin-top: 2rem;}
.main_grace .txt01 + .txt01 { margin-top: 2rem;	}
.main_grace .right { position: relative; width: 40rem; text-align: right; padding-bottom: 16rem;     margin-right: -13rem;} 
.main_grace .right > div { overflow: hidden; opacity: 0; transform: translateY(45px); } 
.main_grace .right > div img { transition: 0.5s; transform: scale(1);}
.main_grace .right > div:hover img { transform: scale(1.05); }
.main_grace .img01 {  position: relative; z-index: 1;}
.main_grace .img02 { position: absolute; z-index: 0; bottom: 0rem;}
.grace_more { display: flex; align-items: center; justify-content: center; background:#be8175; color:#fff; border-radius: 1.938rem; width: 12.125rem; height: 3.813rem; margin: 2.5rem auto 0;}


/**************************************************
* 3 - main_doctors
**************************************************/ 
strong{ font-weight: 600;}
.main_doctors { position: relative; padding: 9rem 0 3rem; height: 116vh;}
.main_doctors .tits { padding-left: 2rem;}
.main_doctors .tit01 {  font-family: 'Marcellus-Regular'; color:#be8175; font-size: 1.688rem;}
.main_doctors .tit02 { font-family: 'KoPubWorld_Batang_Pro_l'; font-size: 2.188rem;}
.main_doctors .tit01 + .tit02 { margin-top: 1rem;}
.main_doctors .inner { max-width:76.375rem; margin:0 auto;	}
.main_doctors .cntnt { position: relative; margin-top: 1rem;}
.main_doctors .txts { position: absolute; right: 4rem; top:4rem; }
.main_doctors .txt01 { font-size: 1.188rem; color:#353535; line-height: 1.6;}
.main_doctors .txt01 + .txt01 { margin-top: 2rem;	}
.main_doctors .dts { display: flex;justify-content: center; gap: 4rem;margin: 4rem auto 0;}
.main_doctors .dts .name { font-size: 2.188rem; margin-bottom: 2rem;}
.main_doctors .dts ul li { font-size: 1.188rem;   }
.main_doctors .dts ul li + li  { margin-top: 1rem; }

.gTxt li { position: relative; color:#be817561;}
.gTxt li span {  position: absolute; top: 0; left: 0; height: 100%; color:#fff; white-space: nowrap; overflow: hidden;}

.dt_more { display: flex; align-items: center; justify-content: center; background:#be8175; color:#fff; border-radius: 1.938rem; width: 12.125rem; height: 3.813rem; margin: 3.5rem auto 0; }


/**************************************************
* 4 - main_pro
**************************************************/ 
.main_pro { padding: 10rem 0 0; } 
.main_pro .inner { width: 100%; margin: 2.5rem auto 0;}
.main_pro .tits { text-align:center;}
.main_pro .tit01 {  font-family: 'Marcellus-Regular'; color:#be8175; font-size: 1.688rem;}
.main_pro .tit02 { font-family: 'KoPubWorld_Batang_Pro_l'; font-size: 2.188rem;}
.main_pro .tit03 { font-size: 1.063rem;}
.main_pro .tit01 + .tit02 { margin-top: 1rem;}
.main_pro .tit02 + .tit03 { margin-top: 1rem;}
.main_pro ul { background: url(../img/main_pro_bg01.jpg) 50% 50% / cover no-repeat; display: flex; width: 100%; height: 48.25rem; }
.main_pro ul li { position: relative; transition: 0.3s; width: 16.66%; padding: 5.5rem 2rem 8rem; background: transparent 50% 50% / cover no-repeat; overflow:hidden;}
.main_pro ul li + li {border:1px solid rgba(244,249,252,0.5); } 
.main_pro ul li .li_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity:0; transform: scale(1); object-fit: cover;}
.main_pro ul li:hover .li_bg { transition: 0.5s; opacity:1; transform: scale(1.05);  } 
.main_pro .txts { color:#fff; width: 100%; height: 100%; position: relative;}
.main_pro .txts a { color:#fff; white-space: noWrap; }
.main_pro .txt01 {font-family: 'Sorts Mill Goudy', sans-serif; font-size: 2.5rem;   }
.main_pro .txt02 {font-family: 'KoPubWorld_Batang_Pro_l'; font-size: 1.375rem; position: absolute; top: 91%; }


/**************************************************
* 5 - main_itro
**************************************************/ 
.main_itro { padding: 8rem 0 0;}
.main_itro .tit01 { text-align:center; font-family: 'Marcellus-Regular'; color:#be8175; font-size: 1.688rem; margin-bottom: 2rem;}
.main_itro .txt01 { font-family: 'Sorts Mill Goudy', sans-serif; font-size: 3.125rem;}
.main_itro .txt02 {  font-size: 1.063rem; line-height: 1.7;}
/* .itro-tit-swiper .swiper-slide p { transition:0.3s;}
.itro-tit-swiper .swiper-slide:hover p { text-shadow: 1px 1px 8px rgba(190, 115, 101, 1); } */
.itro-tit-swiper .swiper-slide p {overflow:hidden;}
.itro-tit-swiper .swiper-slide p span {  transform: translateY(100%); }
.itro-tit-swiper .swiper-slide.aniActive p span {  display: inline-block;   transform: translateY(0%); }
.itro-tit-swiper .swiper-slide.aniActive p span:nth-of-type(1) {transition:0.2s; }
.itro-tit-swiper .swiper-slide.aniActive p span:nth-of-type(2) {transition:0.4s;}
.itro-tit-swiper .swiper-slide.aniActive p span:nth-of-type(3) { transition:0.6s;}
.itro-tit-swiper .swiper-slide.aniActive p span:nth-of-type(4) {transition:0.8s;}
.itro-tit-swiper .swiper-slide.aniActive p span:nth-of-type(5) {transition:1.0s;}
.itro-tit-swiper .swiper-slide.aniActive p span:nth-of-type(6) {transition:1.2s;}
.itro-tit-swiper .swiper-slide.aniActive p span:nth-of-type(7) {transition:1.4s;}
.itro-tit-swiper .swiper-slide.aniActive p span:nth-of-type(8) {transition:1.6s;}
.itro-tit-swiper .swiper-slide.aniActive p span:nth-of-type(9) {transition:1.8s;}
.itro-tit-swiper .swiper-slide.aniActive p span:nth-of-type(10) {transition:2.0s;}
.itro-tit-swiper .swiper-slide.aniActive p span:nth-of-type(11) {transition:2.2s;}
.itro-tit-swiper .swiper-slide.aniActive p span:nth-of-type(12) {transition:2.4s;}
.itro-tit-swiper .swiper-slide.aniActive p span:nth-of-type(13) {transition:2.6s;}
.itro-tit-swiper .swiper-slide.aniActive p span:nth-of-type(14) {transition:2.8s;}
@keyframes slideUpIn {
    0% {
        transform: translateY(100%); 
    }
    100% {
        transform: translateY(0%); 
    }
}
.main_itro .txt01 + .txt02 { margin-top: 1.5rem;}
.itro_more { display: flex; align-items: center; justify-content: center; background:#be8175; color:#fff; border-radius: 1.938rem; width: 12.125rem; height: 3.813rem; margin: 2rem auto 0; opacity: 0; transition:0.3s;}
.itro_more.mo { display: none;}
.aniActive .itro_more { opacity: 1;}

.special-swiper { position: relative; width: 100%; height: 100vh;  overflow: hidden;  }
.itro_base_swiper {   width: 100%; height: 100%; }
.itro_base_swiper .swiper-slide { overflow: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: scale(1); transition: 0.5s;}
/* .itro_base_swiper > .swiper-wrapper > .swiper-slide:hover {transform: scale(1.05); } */

.itro_base_swiper .parallax-bg {  position: absolute;  left: 0;  top: 0;  width: 100%; height: 100%; background-size: cover; background-position: center; }
.itro_base_swiper .swiper-scrollbar { position: absolute;  left: 50%;  bottom: 10%; width: 50%; height: 6px; transform: translateX(-50%); z-index: 3; background:rgba(220,220,220,0.5);}
.itro_base_swiper .swiper-scrollbar .swiper-scrollbar-drag {  background: #be8175; }
.itro-tit-swiper {   display: flex; position: absolute !important;  inset: 50% 0 auto; transform: translateY(-50%);  z-index: 4; }
.itro-tit-swiper .swiper-slide {  color: #fff; text-align: center;  cursor: pointer; width: 50%; opacity: 0.6; transition: opacity 0.3s ease;}
.itro-tit-swiper .swiper-slide-active,
.itro-tit-swiper .swiper-slide:hover { opacity: 1;} 
.itro_parall_wrapper { width: 100%; height: 100vh; }

@media all and (max-width: 768px) {

    .special-swiper {  height: 47vh;}
    .itro-tit-swiper .swiper-slide {width: 100%; opacity: 1; }
}