/**** 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;}




/**************************************************
* 1 - main-sect-visual
**************************************************/
.main-section {  transform: scale(1.05);background-position: center 50%;  animation: bgShow 1.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;}  */
.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-family: "Cormorant", serif;font-size:6.938rem; font-style: italic; text-shadow: 1px 1px 8px rgba(22,67,29,0.4); }
.main_vis .tit03 {   font-size:1.25rem; font-weight:400; padding-top:0.7rem; text-shadow: 1px 1px 8px rgba(22,67,29,0.4);}
.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 {   }


/********** 마우스 휠 아이콘 **********/
.mouse_scroll {
    position:absolute; bottom:12%; left:50%;
	display: block;
	margin: 0 auto;
    transform: translateX(-50%) translateZ(0);
    -webkit-transform: translateX(-50%) translateZ(0);
    -moz-transform: translateX(-50%) translateZ(0);
    -ms-transform: translateX(-50%) translateZ(0);
    -o-transform: translateX(-50%) translateZ(0);
    opacity:0; visibility:hidden;
}
.mouse_scroll.main_slide{
    bottom:4%; opacity:1; visibility:visible; z-index:1; display: flex; flex-direction: column;    align-items: center; gap:0.5rem;
}
.main_cont04_video_wrap.on .mouse_scroll{
    opacity:1; visibility:visible;
}
.m_scroll_arrows{
    display: block;
    -ms-transform: rotate(45deg) translateZ(0);
    -webkit-transform: rotate(45deg) translateZ(0);
    transform: rotate(45deg) translateZ(0);
    border-right: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff; 
    width: 9px;
    height: 9px;
}
.slideBG_F .m_scroll_arrows{
    border-right: 1.5px solid #000;
    border-bottom: 1.5px solid #000;
}
.m_scroll_arrows_one, .m_scroll_arrows_two{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}
.m_scroll_arrows_one{
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;
    margin-top: -1px;
}
.m_scroll_arrows_two{
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
    margin-top: -5px;
}

.mouse{
    height: 38px;
	width: 22px;
    border-radius: 50px;
    transform: none;
    border: 1px solid #fff;
}
.wheel{
    height: 12px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: #fff;
    position: relative;
    -webkit-border-radius: 50px;
            border-radius: 50px;
}
.slideBG_F .mouse{
    border: 1px solid #000;
}
.slideBG_F .wheel{
    background: #000;
}
.wheel{
    -webkit-animation: mouse-wheel 2.5s ease-in-out infinite;
    -moz-animation: mouse-wheel 2.5s ease-in-out infinite;
}
@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0) translateZ(0);
        -ms-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(10px) translateZ(0);
        -ms-transform: translateY(10px) translateZ(0);
        transform: translateY(10px) translateZ(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0) translateZ(0);
        -ms-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
}
@-moz-keyframes mouse-wheel {
    0% { top: 1px; }
    25% { top: 2px; }
    50% { top: 3px;}
    75% { top: 2px;}
    100% { top: 1px;}
}
@-webkit-keyframes mouse-scroll {
    0%   { opacity: 0;}
    50%  { opacity: .5;}
    100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {
    0%   { opacity: 0; }
    50%  { opacity: .5; }
    100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {
    0%   { opacity: 0; }
    50%  { opacity: .5; }
    100% { opacity: 1; }
}
@keyframes mouse-scroll {
    0%   { opacity: 0; }
    50%  { opacity: .5; }
    100% { opacity: 1; }
}

.scrTxt { color:#fff; font-size: 0.719rem;  font-family: "Cormorant", serif; }



/**************************************************
* 2 - main_trust
**************************************************/
.main_trust{ background: url(../img/main_trust_bg.jpg) 50% 50% / cover no-repeat; padding: 8rem 9rem ;}
.main_trust .inner { max-width:1625px; margin:0 auto;}
.main_trust .tits { font-family: "Cormorant", serif; color:#1b1b1b; font-weight: 500; position: relative; }
.main_trust .tits .tit01 { font-size:7.5rem; opacity: 0.1;}
.main_trust .tits .tit02 { font-size:5rem; font-style: italic; position: absolute; top: 50%; left: 2.5rem; }
.main_trust .txts { text-align:right; margin:6.25rem 0 0; color:#333;}
.main_trust .txt01 { font-size:2.25rem; font-family: 'KoPubWorld_Batang_Pro_l';}
.main_trust .txt02 { font-size:1.25rem;font-weight: 400;}
.main_trust .txt01 + .txt02 { margin-top:2rem;}
.main_trust .txt02 + .txt02 { margin-top:1.5rem;}



/**************************************************
* 2 - main_doctor
**************************************************/
.main_doctor .tit01 { font-size:6.25rem; opacity: 0.2; color:#59663a; font-family: "Cormorant", serif; font-style:italic; font-weight: 600; max-width:1820px; margin:0 auto 0;	}
.main_doctor .inner { display: flex; align-items:center; justify-content:space-between; max-width:1820px; margin:1rem auto 0; border-radius:20px; overflow: hidden;}
.main_doctor .left { position: relative; max-width:1112px;} 
.main_doctor .left .names { color:#fff; font-size:1rem; display: flex; justify-content:center; }
.main_doctor .left .names strong { font-size: 1.25rem;}
.main_doctor .left .names li { border: 1px solid #fff; background: rgba(255,255,255,0.1); text-align:center; position: absolute; bottom: 2rem; width: 13.125rem; height: 5.25rem; display: flex; align-items:center; justify-content:center; flex-direction: column; gap:0.4rem;}
.main_doctor .left .names li:nth-of-type(1){ left:18%;}
.main_doctor .left .names li:nth-of-type(2){ right:17%;}
.main_doctor .right { position: relative; background: url(../img/main_doctor_bg01.jpg) 50% 50% / cover no-repeat; width: 43.625rem; height: 48.875rem; padding-top: 8.125rem; padding-left: 7.3rem;}
.main_doctor .right::before { display: block; content:""; width: 11.438rem; height: 11.813rem;  background: url(../img/main_doctor_logo.png) 50% 50% / cover no-repeat; position: absolute; bottom:2rem; right:3.5rem; }
.main_doctor .right .txt01 { font-family: "Cormorant", serif;  font-size: 1.5rem; font-weight:500; color:#7a8956;}
.main_doctor .right .txt02 { font-size:2.125rem; font-family: 'KoPubWorld_Batang_Pro_l'; margin-top:1.563rem; }
.main_doctor .right .txt03{ font-size:1.125rem; color:#303030; line-height:1.5;}
.main_doctor .right .txt02 + .txt03 {margin-top:2.5rem;  }
.main_doctor .right .txt03 + .txt03 {margin-top:2rem;  }
.main_doctor .moreBtn { border: 1px solid #7a8956; font-family: "Cormorant", serif; color:#7a8956; display: block; width: 13.75rem; height: 3.438rem;display: flex; align-items:center; justify-content:center; font-size: 1.25rem; font-weight: 600; gap:1rem; margin-top:3rem;} 
.main_doctor .moreBtn > i { width: 2.125rem; height: 1.313rem; display: block;background: url(../img/main_doctor_arrow.png) 50% 50% / cover no-repeat;  }


/**************************************************
* 3 - main_doctor
**************************************************/

.movin_txt { overflow:hidden; display: flex; align-items:center; white-space: nowrap; width: 100%;  cursor: default;}
.movin_txt p { font-family: "Cormorant", serif;color:#1b1b1b; opacity:0.1; font-size:10rem; margin-right:5rem; font-weight: 600; }
.movin_txt p:nth-of-type(1){ padding-left: 5rem;	}
.movin_txt.rollin p{ animation: scrollLeft 30s linear infinite;}
@keyframes scrollLeft {
    0% {
        transform: translateX(0); 
    }

    100% {
        transform: translateX(-50%); 
    }
}
@keyframes txtup {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0%)
    }
}


/**************************************************
* 4 - main_diffi
**************************************************/
.main_diffi {	padding: 4rem 0 6rem;background: url(../img/main_diffi_bg.jpg) 50% 50% / cover no-repeat;}
.main_diffi .tits { max-width:1645px; margin:0 auto; padding: 4rem 0;}
.main_diffi .tit01 { font-size: 5.313rem; font-family: "Cormorant", serif;font-weight: 500;line-height: 1; display: inline-block; border-bottom: 1px solid #000;}
.main_diffi .tit01 b { font-size: 2.375rem;} 
.main_diffi .tit02 { font-size: 2.25rem; margin-top:1.5rem;font-weight: 400;} 
.main_diffi .tit03 {font-size: 1.375rem; margin-top:1rem;display: flex; align-items:center; justify-content:space-between;  }	
.main_diffi .moreBtn { border: 1px solid #7a8956; color:#7a8956; display: block; width: 11.313rem; height: 3.438rem;display: flex; align-items:center; justify-content:center; font-size: 1rem; font-weight: 500; gap:1rem;  } 
.main_diffi .moreBtn > i { width: 2.125rem; height: 1.313rem; display: block;background: url(../img/main_doctor_arrow.png) 50% 50% / cover no-repeat;  }
.main_diffi .imgs { position: relative;	}
.main_diffi .sildeWrap{ width: 22.875rem; position:absolute; top:-2rem; right: 2.5rem;}
.main_diffi .inner{ gap: 13.75rem; display: flex; align-items:center; justify-content:center; max-width:1645px; margin:0 auto;}
.main_diffi .inner > ul li{  display: flex; align-items:center;  height: 13.938rem; } 
.main_diffi .inner > ul li + li { border-top: 1px solid rgba(23,23,23,0.15);}
.main_diffi .num { color:#59663a; font-size: 7.5rem;font-family: "Cormorant", serif;font-weight: 500; width: 13.75rem;  text-align: center;  }
.main_diffi .num b { font-size: 6.25rem;}
.main_diffi .txts { margin-top:1.5rem;}
.main_diffi .txts span { display: inline-block;}
.main_diffi .txts .txt01 { font-size: 1.688rem;}
.main_diffi .txts .txt02 { font-size: 1.125rem; line-height:1.5; margin-top:1rem;}


/**************************************************
* 4 - main_bna
**************************************************/
.main_bna { background: url(../img/main_bna_bg.jpg) 50% 50% / cover no-repeat; padding: 8rem 0 9rem;}
.main_bna .tits { text-align:center;}
.main_bna .tit01 { color:#7a8956; font-family: "Cormorant", serif;font-weight: 500; line-height: 1; font-size: 1.625rem;}
.main_bna .tit02 { font-size: 2.125rem; margin-top:1.625rem;}
.main_bna .inner{ max-width:85.625rem; margin:4rem auto 0;  min-height:300px; display: flex; justify-content:space-between; flex-wrap:wrap; gap: 2rem 1rem;}
.main_bna .inner .imgWrap{ width: calc( 50% - 3.438rem); }
.main_bna .imgs {position: relative; display: flex; justify-content:center;align-items: flex-start;}	
.main_bna .imgs::before { content:""; display: block; width: 2.25rem; height: 2.25rem; background: url(../img/main_bna_icon.png) 50% 50% / cover no-repeat; top:50%; left:50%; position: absolute;  transform: translate(-50%, -50%);    z-index: 2; }
.main_bna .imgs li { position: relative; width: 19.375rem; height: 12.625rem; overflow:hidden;}
.main_bna .imgs li > img { width: 100%; height: 100%; object-fit:cover;}
.main_bna .subtitle { text-align:center; font-size: 1.125rem; font-weight: 400; margin-top:1.1rem;}

.login_img { position:relative; width:100%;height:100%;}
.login_img > img { width: 100%;height: 100%; object-fit:cover;}
.blur_txt_wrap{display:none; position:absolute; top:0; left:0; width:100%; height:100%; max-height: 268px; background-color:rgba(0, 0, 0, 0.4); z-index:1;}
.blur_txt_wrap::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%;  
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
-moz-backdrop-filter: blur(8px);
-ms-backdrop-filter: blur(8px);
-o-backdrop-filter: blur(8px);
} 
.login_img.blur .blur_txt_wrap{ display:block;}
.login_img.blur .blur_txt_wrap .blur_txt{position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center;flex-direction: column;    text-align: center; gap:0.6rem; z-index:1; cursor: pointer;}
.login_img.blur .blur_txt_wrap .blur_txt > img{width:0.875rem; height:1.25rem; }
.login_img.blur .blur_txt_wrap .blur_txt > p { color:#fff; font-size: 1rem;}

@media (max-width:480px){
	.login_img.blur .blur_txt_wrap .blur_txt > p{  font-size: 0.9rem;}
}
.main_bna .moreBtn { border: 1px solid #7a8956; color:#7a8956; display: block; width: 15.313rem; height: 3.438rem;display: flex; align-items:center; justify-content:center; font-size: 1rem; font-weight: 500; gap:1rem; margin: 4rem auto 0; } 
.main_bna .moreBtn > i { width: 2.125rem; height: 1.313rem; display: block;background: url(../img/main_doctor_arrow.png) 50% 50% / cover no-repeat; animation: leftright .8s infinite alternate; }

@keyframes leftright {
    from {
        transform: translateX(0px);
    }

    to {
        transform: translateX(-7px);
    }
}


/**************************************************
* 5 - main_contact
**************************************************/
.main_contact { background: url(../img/main_contact_bg.jpg) 50% 50% / cover no-repeat; padding: 8rem 0 5rem;}
.main_contact .tits { text-align:center;}
.main_contact .tit01 { color:#7a8956; font-family: "Cormorant", serif;font-weight: 500; line-height: 1; font-size: 3.375rem;}
.main_contact .tit02 { font-size: 2rem; margin-top:1.625rem;}
.main_contact .mapWrap { width: 95%; height: auto; margin:3.5rem auto 0; position: relative; box-shadow: 1px 2px 15px rgba(50, 55, 20, .1);}
.main_contact .btnWrap { position: absolute; bottom:2rem; left:50%; transform: translate(-50%, -50%); display: flex; align-items:center; gap:2rem; z-index: 2;}
.main_contact .btnWrap li a { width: 11.25rem; height: 3.438rem; font-size: 1.125rem; border:1px solid #a1a1a1; background:#fff;display: flex; align-items:center;justify-content:center; gap:0.5rem;}
.main_contact .btnWrap li.nvr a > i{ display: inline-block; width: 1.063rem; height: 1.375rem; background: url(../img/main_contact_icon01.png) 50% 50% / cover no-repeat; }
.main_contact .btnWrap li.kko a > i{ display: inline-block; width: 1rem; height: 1.438rem; background: url(../img/main_contact_icon02.png) 50% 50% / cover no-repeat; }
.main_contact .btnWrap li.tm a > i{ display: inline-block; width: 1.25rem; height: 1.25rem; background: url(../img/main_contact_icon03.png) 50% 50% / cover no-repeat; }
.main_contact .cotnt { width: 95%;margin:0 auto 0; display: flex; align-items:flex-start;justify-content:center; }
.main_contact .cotnt .cover { width: 50%;display: flex; flex-direction: column;align-items:center;justify-content:flex-start; }
.main_contact .cotnt ul { width: auto; padding-top: 5.625rem;}
.main_contact .cotnt ul .subtitle { font-size: 1.25rem; font-weight:600;} 
.main_contact ul .txt01 { font-size: 1.125rem; font-family: 'KoPubWorld_Dotum_Medium'; }
.main_contact ul .sp {font-size: 1.125rem; font-family: 'KoPubWorld_Dotum_Medium'; color:#636363; margin-top:1rem;}
.main_contact .timeTable li { display: flex; align-items:center; }
.main_contact .timeTable li + li { margin-top:1rem;}
.main_contact .timeTable .day { width: 6.875rem;display: flex; align-items:center;justify-content:space-between; margin-right:2rem; }
.main_contact .timeTable .smll { font-size: 1rem; margin-left: 5px; font-family: 'KoPubWorld_Dotum_Medium';}
.main_contact .infoTable li { display: flex; align-items:center; }
.main_contact .infoTable li.double {align-items:flex-start; }
.main_contact .infoTable li .bigger { font-size: 1.25rem; border-bottom:1px solid #303030; display: inline-block; margin-top: 0.5rem;}
.main_contact .infoTable li + li { margin-top:2rem;} 
.main_contact .infoTable .subtitle { width: 4.5rem; margin-right:2rem; }
.main_contact .infoTable .call { font-family: "Cormorant", serif;font-weight: 500; line-height: 1; font-size: 3rem; margin-top:2rem; display: inline-block;}

/* 다음지도 */
.main_contact .root_daum_roughmap .cont { display: none;}
.main_contact .root_daum_roughmap_landing { width: 100% !important;}
.main_contact .root_daum_roughmap .wrap_map { height: 42.188rem !important ;}