/********************************************************** 
* reveal - 텍스트 효과
***********************************************************/
.fade-in { opacity:0; transition: 1s; }
.fade-up { transform:translateY(50px); opacity:0; transition: 1s; }
.fade-down { transform:translateY(-50px); opacity:0; transition: 1s; }
.fade-left { transform:translateX(-100px); opacity:0; transition: 1s; }
.fade-right { transform:translate(50%,-0%); opacity:0; transition: 1s; }
.active .fade-in, .active.fade-in { opacity:1; }
.active .fade-up, .active.fade-up { transform:translateY(0); opacity:1; }
.active .fade-down, .active.fade-down { transform:translateY(0); opacity:1; }
.active .fade-left, .active.fade-left { transform:translateX(0); opacity:1; }
.active .fade-right, .active.fade-right { transform:translate(0,-0%); opacity:1; }

.wrap { width: 1600px; margin: 0 auto; }

/* head */
#header { position: fixed; left: 0px; top: 0px; width: 100%; height: 120px; z-index: 9000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#header:after { content:""; opacity:0; visibility:hidden; position:absolute; left:50%; top:120px; z-index:1; width:100%; height:1px; background:#ddd; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -ms-transition:opacity 0.3s; -o-transition:opacity 0.3s; transition:opacity 0.3s; }
.head .wrap { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; /* height: 90px; */ }

.logo { position: absolute; top: 38px; left: 2%; z-index: 9; }
.logo .logo_bl { display: none; }
#header.scrolled .logo .logo_bl, #header.on .logo .logo_bl { display: inline-block; }
#header.scrolled .logo .logo_wh, #header.on .logo .logo_wh { display: none; }

/* #header .hd-menu { display: flex; flex-wrap: wrap; justify-content: flex-end; padding-right: 2%; } */
#header .hd-menu .gnb-wrap { height:100%;}
#header .hd-menu .gnb-wrap .gnb { display:flex; justify-content:center; align-items:center;height:100%; text-align:center;}
#header .hd-menu .gnb-wrap .gnb > li { position: relative; display: flex; justify-content: center; align-items: center; padding: 0px 30px; height: 120px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; }
#header .hd-menu .gnb-wrap .gnb > li:after { content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#302b26; -webkit-transform:translate(-50%); -moz-transform:translate(-50%); -ms-transform:translate(-50%); -o-transform:translate(-50%); transform:translate(-50%); }
#header .hd-menu .gnb-wrap .gnb > li > a { display: flex; justify-content: center; align-items: center; color: #fff; font-size: 20px; font-weight: 600; line-height: 1; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); transition: 0.3s; }
#header .hd-menu .gnb-wrap .gnb > li .depth { opacity:0; visibility:hidden; position:absolute; left:0; top:100%; padding-top:30px; width:100%; }
#header .hd-menu .gnb-wrap .gnb > li .depth:before { content: ""; position: absolute; left: 0; top: 30px; width: 1px; height: 305px; background: #ddd; }
#header .hd-menu .gnb-wrap .gnb > li:first-child .depth:before {display:none;}
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a { display: block; padding: 8px 10px; color: #666; font-size: 16px; line-height: 1.4; word-break: keep-all; transition: 0.3s; }
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li { position:relative;}  
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li > i { position:absolute; right:0; top:10px; font-size:2rem; color:#666; cursor:pointer;}
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li > i:hover { color:#302b26;}
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a > span {position:relative;} 
#header .hd-menu .gnb-wrap .gnb > li.open .depth { display:block;} 
#header .hd-menu .gnb-wrap .gnb > li.open > a:after { top:28px; border-left:2px solid #999; border-top:2px solid #999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li:hover > a{ color:#666; }
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li.active > a, #header .hd-menu .gnb-wrap .gnb > li .depth2 > li.on > a, #header .hd-menu .gnb-wrap .gnb > li.open .depth > ul > li.on > a{ color:#302b26; }
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li.on > a{ color:#302b26; }
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li.active > a { color:#302b26 }
#header .hd-menu .gnb-wrap .gnb > li:nth-child(1) .depth > ul > li.active .depth2 { display:block; }
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li:hover > a { color: #998c8e; font-weight: 500; }

#header.on { overflow:hidden; height:485px; background:rgba(255, 255, 255, 0.95); -webkit-box-shadow:1px 1px 25px rgb(67 67 67 / 10%); box-shadow:1px 1px 25px rgb(67 67 67 / 10%);}
#header.scrolled { background:rgba(255, 255, 255, 0.95); }
#header.on:after { opacity:1; visibility:visible;}
#header.on .hd-menu .gnb-wrap .gnb > li { padding: 0 35px; }
#header.scrolled .hd-menu .gnb-wrap .gnb > li > a, #header.on .hd-menu .gnb-wrap .gnb > li > a { color: #222; text-shadow: none; }
#header.on .hd-menu .gnb-wrap .gnb > li.on > a{ color:#998c8e; }
#header.on .hd-menu .gnb > li .depth { opacity:1; visibility:visible; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }

.loginbox { position: absolute; top: 50px; right: 2%; }
.login_inr { display: flex; flex-wrap: wrap; }
.login_inr li { position: relative; display: flex; flex-wrap: wrap; padding: 0 15px; }
.login_inr li:first-child { padding-left: 0px; }
.login_inr li:last-child { padding-right: 0px; }
.login_inr li:after { content:''; position: absolute; top: 8px; right: -2px; width: 3px; height: 3px; background: #222; border-radius: 3px; }
.login_inr li:last-child:after { display: none; }
.login_inr li a { font-family: 'Marcellus'; font-size: 14px; }

.menu-toggler, .mobile_menu { display: none; }

/* footer */
.footer { position: relative; padding: 100px 0; background: #f1ede9; font-size: 0.9em; }
.footer .wrap { position: relative; display: flex; flex-wrap: wrap; }
.ft_logo { margin-bottom: 40px; }
.ft_infobox { width: 100%; }
.ft_menu { position: absolute; right: 0; bottom: 0; }
.ft_menu ul { display: flex; flex-direction: column; flex-wrap: wrap; gap: 10px 0; }
.ft_menu ul li { position: relative; }
.ft_menu ul li a { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 150px; height: 40px; background: #fff; border-radius: 500px; color: #998c8e; font-size: 15px; box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.1); }
.ft_menu ul li a:hover { text-decoration: underline; }
.ft_info { line-height: 1.6; }
.ft_info span { position: relative; padding: 0 20px; }
.ft_info span.pl00 { padding-left: 0px; }
.ft_info span.point { color: #998c8e; }
.ft_info span:after { content:''; position: absolute; top: 15%; right: 0px; width: 1px; height: 70%; background: rgba(0, 0, 0, 0.4); }
.ft_info span.noline:after { display: none; }
.ft_info p { margin-top: 20px; color: rgba(0, 0, 0, 0.5); }

/* main */
.swiper { width: 100%; height: 100%; }
.swiper-slide { display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.main_vis { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 1080px; background: #000; }
.main_vis_video {
	position: relative;
	width: 100%;
	height: 100%;
}

.main_vis_video video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: auto;
	object-fit: cover;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.main_vis_video video.active {
	opacity: 1;
}

.swiper-slide .main_vis_bg { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; transform: scale(1.1); transition: all 4s; }
.swiper-slide-active .main_vis_bg { transform:scale(1); }

.main_vis_bg01 { background: #eee url('../image/main/main_vis01.jpg') center top no-repeat; background-size: cover; }
.main_vis_bg02 { background: #eee url('../image/main/main_vis02.jpg') center top no-repeat; background-size: cover; }

.main_text { position: absolute; top: 0px; left: 0px; z-index: 8; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; }
.main_text h2 { margin-bottom: 80px; font-family: 'Marcellus'; color: #302b26; font-size: 73px; font-weight: normal; text-transform: uppercase; }
.main_text p { font-family: 'Marcellus'; color: rgba(48, 43, 38, 0.5); font-size: 25px; text-transform: uppercase; }
.main_text .swiper-pagination { bottom: 50px; }
.main_text .swiper-pagination-bullet { margin: 0 5px !important; }
.main_text .swiper-pagination .swiper-pagination-bullet-active { background: #302b26; }

.main_quick { position: fixed; left: 0; bottom: 0; z-index: 20; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100px; background: #d9c4b0; transition: transform 0.5s ease; }
.main_quick.close { transform: translateY(100px); /* 높이에 따라 조정 */ }
.main_quicklist { display: flex; flex-wrap: wrap; justify-content: center; width: 1280px; max-width: 100%; }
.main_quicklist li { flex: 1; position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; height: 40px; }
.main_quicklist li:after { content:''; position: absolute; top: 0px; right: 0px; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.3); }
.main_quicklist li:last-child:after { display: none; }
.main_quicklist li a { position: relative; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 5px; padding: 0 10px; color: #fff; font-size: 1.2em; font-weight: 500; }
.main_quicklist li a:after { content:''; position: absolute; left: 0px; bottom: -5px; width: 0px; height: 1px; background: rgba(255, 255, 255, 0.6); transition: 0.5s; }
.main_quicklist li a:hover:after { width: 100%; }
.main_quick .colse_btn { position: absolute; top: -35px; left: calc(50% - 60px); width: 120px; height: 36px; background: #d9c4b0; border: none; border-radius: 10px 10px 0 0; color: #fff; }
.main_quick .colse_btn span:nth-child(2) { display: none; }
.main_quick.close .colse_btn span:nth-child(1) { display: none; }
.main_quick.close .colse_btn span:nth-child(2) { display: inline; }

.popup_layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9999; }
.popup_inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 12px; padding: 60px 25px 30px; width: 320px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); }
.popup_inner h3 { position: absolute; left: 0; top: -1px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; text-align: center; width: 100%; height: 45px; padding: 0 20px; background: #b99879; border-radius: 12px 12px 0 0; color: #fff; font-size: 1.1em; font-weight: 600; }
.form_group { margin-bottom: 12px; }
.form_group label { display: block; margin-bottom: 5px; font-weight: 600; font-size: 0.95em; }
.form_group input, .form_group select, .form_group textarea { width: 100%; height: 40px; padding: 8px 10px; border: 1px solid #ccc; border-radius: 3px; font-size: 0.9em; }
.form_group textarea { height: 100px; }
.submit_btn { display: block; width: 100%; height: 45px; margin-top: 10px; padding: 10px; background: #50454d; border: none; border-radius: 3px; color: #fff; cursor: pointer; transition: 0.5s; }
.submit_btn:hover { background: #332b31; }
.popup_close { position: absolute; top: 0px; right: 10px; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: auto; height: 45px; background: transparent; border: 0; border-radius: 500px; color: #fff; font-size: 1.2em; cursor: pointer; transition: 0.5s; }
.popup_close:hover { color: #fff; }
.popup_close:hover i { font-weight: bold; }

.main_con01 { text-align: center; padding: 150px 0 100px; }
.main_con01 .main_logo { transition: 1s; }
.main_con01 h2 { margin-top: 30px; color: #302b26; font-size: 30px; font-weight: 400; transition: 2.5s; }

.main_con02_inr { position: relative; overflow: hidden; display: flex; flex-wrap: wrap; width: 100%; background: url('../image/main/main_con02_bg01.jpg') center/cover no-repeat; }
.main_con02_inr .bg-layer { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: opacity 1.2s ease, transform 3s ease; transform: scale(1); opacity: 0; z-index: 0; }
.bg-layer.active { opacity: 1; transform: scale(1.15); z-index: 1; }

.main_con02_menu { position: relative; z-index: 10; flex: 0 0 33.33%; height: 450px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; border-left: 1px solid rgba(255, 255, 255, 0.3); color: #fff; cursor: pointer; }
.main_con02_menu:nth-child(1), .main_con02_menu:nth-child(2), .main_con02_menu:nth-child(3) { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.main_con02_menu:nth-child(3n+1) { border-left: none; }
.main_con02_menu a { display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; color: #fff; }
.main_con02_menu h3 { text-align: center; width: 100%; margin-bottom: 50px; font-family: 'KoPub Dotum'; font-size: 40px; font-weight: 700; }
.main_con02_menu h3 span { display: block; margin-bottom: 30px; font-family: 'Marcellus'; font-size: 20px; font-weight: normal; }
.main_con02_menu a span.more { display: inline-flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0 10px; text-align: center; width: 150px; height: 40px; padding: 0 20px; background: url('../image/main/main_con02_arrow01.png') center right 20px no-repeat; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 500px; color: #fff; font-family: 'Marcellus'; font-size: 16px; transition: 0.5s; }
.main_con02_menu a:hover span.more { background: #fff url('../image/main/main_con02_arrow02.png') center right 20px no-repeat; color: #302b26; }

.main_con03 { position: relative; padding: 150px 0 200px; }
.main_con03:after { content: "Me Dermatology & Plastic Surgery"; position: absolute; left: 151px; top: 0px; z-index: -2; width: 2270px; color: #302b26; opacity: 0.05; font-family: 'Marcellus'; font-size: 120px; font-weight: normal; text-transform: uppercase; transform: rotate(90deg); transform-origin: 0% 0%; }
.main_con03_inr { position: relative; }
.main_con03_inr01 { margin-bottom: 200px; }
.main_con03_inr02:after { content: ''; position: absolute; left: 0%; bottom: 50px; width: 100%; height: 350px; background: #f7f4f2; z-index: -2; }
.main_con03_inr .wrap { display: flex; flex-wrap: wrap; }
.main_con03_inr02 .wrap { flex-direction: row-reverse; }

.main_con03_img { position: relative; width: 0px; height: 720px; transition: 3s; }
.main_con03_inr.active .main_con03_img { width: 740px; }
.main_con03_img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.main_con03_text { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-start; width: calc(100% - 740px); }
.main_con03_inr01 .main_con03_text { padding-right: 160px; }
.main_con03_inr02 .main_con03_text { padding-left: 160px; }
.main_con03_text h3 { margin-bottom: 60px; font-family: 'Nanum Myeongjo'; font-size: 48px; font-weight: 700; transition: 1s; }
.main_con03_text h3 span { display: block; margin-bottom: 40px; color: rgba(48, 43, 38, 0.5); font-size: 20px; font-family: 'Marcellus'; font-weight: normal; }
.main_con03_text p { margin-bottom: 80px; font-size: 1.1em; font-weight: 300; line-height: 1.7; transition: 2s; }
.main_con03_text p span { color: #666; }
.main_con03_text .main_con03_more { position: relative; display: inline-flex; flex-wrap: wrap; width: auto; padding-right: 60px; background: url('../image/main/main_con03_arrow.png') top 6px right no-repeat; font-weight: 500; transition: 0.5s; }
.main_con03_text .main_con03_more:hover { padding-right: 70px; }
.main_con03_text .main_con03_more:after { content:''; position: absolute; top: -50%; right: -25px; z-index: -1; width: 45px; height: 45px; border-radius: 500px; background: #302b26; opacity: 0.1; transition: 0.5s; }
.main_con03_text .main_con03_more:hover:after { right: -30px; }

.main_con03_deco01 { position: absolute; left: -140px; bottom: -140px; z-index: 9; width: 295px; height: 295px; background: url('../image/main/main_con03_deco01.png') center center no-repeat; background-size: cover; animation: rotation 15s linear infinite;}
@keyframes rotation {
	0% { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}

.main_con04 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 150px; }
.main_con04_inr { width: 50%; }
.main_con04_inr img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.main_con04_inr01 { width: 0px; height: 750px; transition: 3s;}
.main_con04_inr01.active { width: 50%; }
.main_con04_inr02 { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; padding-left: 100px; }
.main_con04_info { margin-bottom: 50px; font-size: 21px; }
.main_con04_info:last-child { margin-bottom: 0px; }
.main_con04_info h3 { display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 30px; font-family: 'KoPub Dotum'; font-size: 30px; line-height: 1; transition: 1s;}
.main_con04_info h3 span { position: relative; margin-left: 20px; padding-left: 20px; font-family: 'Marcellus'; font-size: 20px; font-weight: normal; }
.main_con04_info h3 span:after { content:''; position: absolute; top: 15%; left: 0px; width: 2px; height: 70%; background: #d3d3d3; }
.main_con04_info p.address { margin-bottom: 30px; transition: 2s; }
.con04_infolist01 li { display: flex; flex-wrap: wrap; min-height: 36px; transition: 2s; }
.con04_infolist01 li strong, .con04_infolist01 li p { min-height: 36px; }
.con04_infolist01 li strong { width: 210px; font-weight: 400; }
.con04_infolist01 li p { width: calc(100% - 210px); font-family: 'KoPub Dotum'; }
.con04_infolist01 li p span { display: block; margin-top: 10px; color: rgba(0, 0, 0, 0.7); font-family: 'Pretendard'; font-size: 17px; }
.con04_infolist02 li { position: relative; display: flex; flex-wrap: wrap; margin-bottom: 15px; padding-left: 25px; font-size: 16px; font-weight: 300; transition: 2s; }
.con04_infolist02 li:last-child { margin-bottom: 0px; }
.con04_infolist02 li:after { content:''; position: absolute; top: 5px; left: 0px; width: 8px; height: 8px; border:2px solid #302b26; border-radius: 8px; }
.main_con04_info p.call { font-family: 'Marcellus'; font-size: 36px; letter-spacing: 0.05em; transition: 2s; }

/* sub */
.sub_vis { overflow: hidden; position: relative; width: 100%; height: 550px; border-radius: 0 0 50px 0; }
.sub_vis_inr { overflow: hidden; position: relative; width: 100%; height: 100%; }
.sub_vis_inr:after { content:''; position: absolute; top: 0px; left: 0px; z-index: 9; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }
.sub_vis .bg { position: relative; width: 100%; height: 100%; background: #eee; animation: zoomOut 5s ease-out forwards;}
.sub_vis .bg01 { background: #eee url('../image/sub/sub_vis01.jpg') center center no-repeat; background-size: cover; }
.sub_vis .bg02 { background: #eee url('../image/sub/sub_vis02.jpg') center center no-repeat; background-size: cover; }
.sub_vis .bg03 { background: #eee url('../image/sub/sub_vis03.jpg') center center no-repeat; background-size: cover; }
.sub_vis .bg04 { background: #eee url('../image/sub/sub_vis04.jpg') center center no-repeat; background-size: cover; }
.sub_vis .bg05 { background: #eee url('../image/sub/sub_vis05.jpg') center center no-repeat; background-size: cover; }
.sub_vis .bg06 { background: #eee url('../image/sub/sub_vis06.jpg') center center no-repeat; background-size: cover; }

@keyframes zoomOut {
	0% { transform: scale(1.2); }
	100% { transform: scale(1); /* 원래 크기로 */ }
}

#sub_page { }

.sub_text { position: absolute; left: 0; bottom: 0; z-index: 99; text-align: center; display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: 100%; padding-top: 60px; }
.sub_text h2 { margin-bottom: 30px; color: #fff; font-size: 62px; font-weight: 400; text-transform: uppercase; }
.sub_text p { font-family: 'Marcellus'; color: rgba(255, 255, 255, 0.5); font-size: 28px; text-transform: uppercase; }

.sub_contents { position: relative; padding: 0 0 0px; color: #5b5a5f; }
.board_contents { padding: 150px 0 150px; color: #5b5a5f; }

.sub_contents img { max-width: 100%; }

.sidebar { position: absolute; left: 0; bottom: -32px; z-index: 90; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 100%; }
.sidebar .wrap { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.sidebar .wrap:after { content:''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: #ddd; display: none; }
.sidebar .home { position: relative; z-index: 9; width: 64px; height: 64px; margin-right: 5px; background: #998c8e; border-radius: 5px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
.sidebar .home a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 1.3em; color: #fff; transition: 0.5s; }
.sidebar .depth { position: relative; background: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
.sidebar .depth_1 { width: 250px; margin-right: 5px; border-radius: 5px; }
.sidebar .depth_2 { width: 250px; border-radius: 5px; }
.sidebar .depth:before { content:''; position: absolute; left: 0px; top: 0%; width: 1px; height: 100%; background: #ddd; display: none; }
.sidebar .depth_1:before { display: none; }
.sidebar .depth_2:after { content:''; position: absolute; right: 0px; top: 0%; width: 1px; height: 100%; background: #ddd; display: none; }
.sidebar .depth_title { position: relative; width: 100%; height: 64px; padding: 0 30px; text-align: left; background: transparent; border: none; color: #333; font-size: 1em; font-weight: 500; transition:0.5s; }
.sidebar .depth_title:after { content:"\e942"; position: absolute; top: calc(50% - 7px); right: 15px; font-family: 'xeicon' !important; color: #ccc; transition: 0.5s; }
.sidebar .depth_title:hover:after { color: #302b26; }
.sidebar .depth .sub_ul { position: absolute; left: 0px; top: calc(100% - 1px); width: 100%; padding: 20px 0px; background-color: #fff; border-radius: 5px; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); }
.sidebar .depth .sub_ul li { padding: 8px 30px; }
.sidebar .depth .sub_ul li a { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; text-align: left; color: #888; font-size: 0.9em; transition:0.5s; }
.sidebar .depth .sub_ul li a:hover { color: #302b26; text-decoration: underline; }

.sub_con_inr { width: 1080px; }

.sub_title { position: relative; text-align: center; width: 100%; margin-bottom: 80px; }
.sub_title h2 { font-size: 42px; font-weight: 800; }
.sub_title h2 span { position: relative; z-index: 1; }
.sub_title p { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 5px; margin-top: 30px; color: #666; font-size: 15px; }
.sub_title p span { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }

.subpage_inr { padding: 150px 0;; }

.page_title { text-align: center; width: 100%; margin-bottom: 100px; }
.page_title h3 { color: #50454d; font-family: 'Nanum Myeongjo'; font-size: 52px; font-weight: 400; line-height: 1; letter-spacing: -0.05em; word-break: keep-all; }
.page_title h3 span { display: block; margin-bottom: 30px;  }
.page_title h3 span.en_title01 { color: #656565; font-family: 'Marcellus'; font-size: 65px; letter-spacing: 0em; }
.page_title p.txt01 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 30px; margin-top: 30px; color: #aaa; font-size: 24px; line-height: 1.7; }
.page_title p.txt01 span { color: #b99879; font-size: 28px; }
.page_title p.txt02 { margin-top: 30px; color: #5b5a5f; font-size: 1.2em; line-height: 1.7; }

.about_inr01 .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.about_inr .imgbox { position: relative; width: 0px; height: 660px; transition: 3s; }
.about_inr .imgbox.active { width: 40%; }
.about_inr .imgbox img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.about_inr .textbox { display: flex; flex-wrap: wrap; align-content: center; align-items: center; width: 60%; padding-left: 80px; }
.about_inr .textbox h3 { text-align: left; margin-bottom: 40px; color: #50454d; font-family: 'Nanum Myeongjo'; font-size: 52px; font-weight: 400; line-height: 1.3; letter-spacing: -0.05em; word-break: keep-all; }
.about_inr .textbox h3 span { display: block; text-align: left; margin-bottom: 30px; }
.about_inr .textbox p { color: #5b5a5f; font-size: 1.1em; line-height: 1.7; word-break: keep-all; text-align: left;}
.about_inr .textbox p span.point{ color: #a0a1a5; }

.about_inr02 { overflow: hidden; background: #f7f4f2; }
.history_list { position: relative; display: flex; flex-wrap: wrap; justify-content: center; width: 96%; margin: 0 auto; padding: 400px 0; }
.history_list:after { content:''; position: absolute; left: 0%; width: 100%; height: 2px; background: #e7d9ce; }
.history_list li { position: absolute; width: 32%; height: 400px; padding: 30px 60px; }
.history_list li.history_top { top: 0px; }
.history_list li.history_bottom { bottom: 0px; }
.history_list li.history_inr01 { transition: 1s; left: 2%; }
.history_list li.history_inr02 { transition: 1.5s; left: 17%; }
.history_list li.history_inr03 { transition: 2s; left: 34%; }
.history_list li.history_inr04 { transition: 2.5s; left: 51%; }
.history_list li.history_inr05 { transition: 3s; right: 2%; }
.history_list li:after { content:''; position: absolute; left: 0px; bottom: 0px; width: 2px; height: 100%; background: #e7d9ce; }
.history_list li.history_bottom:after { bottom: auto; top: 0px; }
.history_list li:before { content:''; position: absolute; left: -9px; bottom: -10px; width: 20px; height: 20px; border-radius: 20px; background: #e7d9ce; opacity: 0.7;}
.history_list li.history_bottom:before { bottom: auto; top: -10px; }
.history_list li.history_inr h4 { margin-bottom: 20px; color: #b99879; font-size: 28px; font-weight: 400; }
.history_list li.history_inr h4 .year { display: block; margin-bottom: 20px; color: #d8c2aa; font-size: 52px; line-height: 1; }
.history_list li.history_inr p { color: #888; font-size: 20px; font-weight: 300; letter-spacing: -0.03em; line-height: 1.5; }
.history_list li.history_inr .history_img { margin-top: 40px; }
.history_list li.history_bottom .history_img { margin-top: 0px; margin-bottom: 40px; }

.about_inr03 .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.about_textlist01 li { margin-bottom: 80px; }
.about_textlist01 li:last-child { margin-bottom: 0px; }
.about_textlist01 li h4 { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0 20px; margin-bottom: 20px; color: #b99879; font-size: 28px; font-weight: 400; }

.about_inr04 { background: url('../image/sub/about_img0401.png') center top 30px no-repeat; }
.about04_img { position: relative; width: 100%; height: 0px; transition: 3s; }
.about04_img.active { height: 630px; }
.about04_img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.about_inr04 p { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; gap: 0 20px; margin-top: 100px; color: #5b5a5f; font-size: 1.1em;}
.about_inr04 p i img { width: 42px; }

.doctors_inr { background: #f7f4f2; }
.doctors_list { display: flex; flex-wrap: wrap; justify-content: center; }
.doctors_list li { display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; width: 32%; background: url('../image/sub/doctors_img01.png') center top 65% no-repeat; background-size: 90%; }
.doctors_list li:nth-child(1), .doctors_list li:nth-child(2), .doctors_list li:nth-child(3) { margin-bottom: 100px; }
.doctors_list li .doctors_img { margin-bottom: 50px;}
.doctors_list li .doctors_img img { animation: transform 30s ease-in-out infinite both alternate, aboutmove 5s ease-in-out infinite both; }
.doctors_list li .doctors_img::after { content: ""; position: absolute; display: block; left: -2%; top: -2%; width: 104%; height: 104%; border: 1px solid rgba(185, 152, 121, 0.7); z-index: 2; animation: transform 30s ease-in-out infinite both alternate, aboutmove 5s ease-in-out infinite both; }
.doctors_list li .doctors_img::before { content: ""; position: absolute; display: block; left: -3%; top: -3%; width: 106%; height: 106%; border: 1px solid rgba(185, 152, 121, 0.5); z-index: 2; animation: transform 15s ease-in-out infinite both alternate, aboutmove 5s ease-in-out infinite both; }
@keyframes transform {
    0%, 100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
    14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
    28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }

    14% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
    56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }

    70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
    84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}

@keyframes aboutmove {
    0%, 100% { transform: none; }
    50% { transform: translateY(-2%) rotateY(10deg); }
}

.doctors_list li .doctors_text {  }
.doctors_list li .doctors_name { display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; width: 100%; margin-bottom: 30px; }
.doctors_list li .doctors_name span { display: block; margin-bottom: 20px; color: #b99879; font-family: 'Nanum Myeongjo'; font-size: 20px; font-weight: 600; }
.doctors_list li .doctors_name h4 { color: #50454d; font-family: 'Nanum Myeongjo'; font-size: 35px; font-weight: 600; }
.doctors_list li .doctors_name h4 i { font-size: 24px; font-style: normal; }
.doctors_list li .doctors_career dl { position: relative; padding-left: 90px; }
.doctors_list li .doctors_career dl:after { content:'약력'; position: absolute; top:0px; left: 0px; color: #50454d; font-family: 'Nanum Myeongjo'; font-size: 35px; font-weight: 400; }
.doctors_list li .doctors_career dl dd { color: #50454d; font-size: 18px; line-height: 1.6; }
.doctors_list li .doctors_career dl dd.mb20 { margin-bottom: 20px; }

.equipment_list { display: flex; flex-wrap: wrap; gap: 100px 1.25%; }
.equipment_list li { text-align: center; width: 19%; transition: 2s; }
.equipment_list li .equipment_img { overflow: hidden; margin-bottom: 60px; background: #eeeff2; }
.equipment_list li .equipment_img img { max-width: 100%; transition: transform 0.3s; }
.equipment_list li .equipment_img:hover img { transform: scale(1.2); transition: transform 0.3s; }

.equipment_list li .equipment_text h4 { margin-bottom: 20px; font-size: 24px; font-weight: 500; }
.equipment_list li .equipment_text p { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px 0px; }
.equipment_list li .equipment_text p span { position: relative; display: inline-block; padding: 0 7px; font-size: 0.95em; letter-spacing: -0.03em; }
.equipment_list li .equipment_text p span:after { content:''; position: absolute; top: 10%; right: 0px; width: 1px; height: 80%; background: #5b5a5f; }
.equipment_list li .equipment_text p span:last-child:after { display: none; }

.treatment_info_inr { display: flex; flex-wrap: wrap; justify-content: space-between; }
.treatment_info_left, .treatment_info_right { width: 50%; }
.treatment_info_left img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.treatment_info_left { width: 0px; height: 750px; transition: 3s;}
.treatment_info_left.active { width: 50%; }

.treatment_info_right { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; padding-left: 100px; }
.treatment_info_in { margin-bottom: 100px; font-size: 21px; }
.treatment_info_in:last-child { margin-bottom: 0px; }
.treatment_info_in h3 { display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 30px; font-family: 'KoPub Dotum'; font-size: 36px; line-height: 1; transition: 1s;}
.treatment_info_in h3 span { position: relative; margin-left: 20px; padding-left: 20px; font-family: 'Marcellus'; font-size: 20px; font-weight: normal; }
.treatment_info_in h3 span:after { content:''; position: absolute; top: 15%; left: 0px; width: 2px; height: 70%; background: #d3d3d3; }

.treatment_infolist01 { margin-bottom: 30px; }
.treatment_infolist01 li { display: flex; flex-wrap: wrap; min-height: 36px; transition: 2s; }
.treatment_infolist01 li strong, .treatment_infolist01 li p { min-height: 36px; }
.treatment_infolist01 li strong { width: 210px; font-weight: 400; }
.treatment_infolist01 li p { width: calc(100% - 210px); font-family: 'KoPub Dotum'; }
.treatment_infolist01 li p span { display: block; margin-top: 10px; color: rgba(0, 0, 0, 0.7); font-family: 'Pretendard'; font-size: 17px; }
.treatment_info_in p { transition: 2.5s; }
.treatment_info_in p.call { margin-bottom: 30px; font-family: 'Marcellus'; font-size: 36px; letter-spacing: 0.05em; transition: 2s; }

.tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 5px; width: 100%; margin: 0px 0 0px; }
.tabs li { overflow: hidden; position: relative; }
.tabs li a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-width: 160px; height: 60px; padding: 0 10px; border: 2px solid #e1dadc; border-radius: 5px; color: #998c8e; font-size: 1.1em; font-weight: 500; transition: 0.3s; }
.tabs li a:hover { border: 2px solid #998c8e; color: #776c6e; }
.tabs li.active a, .tabs li.active a:hover  { background: #998c8e; border: 2px solid #998c8e; color: #fff; }

/*Tab Conent CSS*/
.tab_container { overflow: hidden; width: 100%; }
.tab_content {  }

.mo_imgbox { display: none; }