/* header */
.main-header{position: fixed; top:0; left:0; width: 100%; z-index: 11;}
/* 탑배너로 인해 top값 수정 210708 */

.open .main-header.scrolled{background-color: transparent;}
.header-inner{width: 100%; max-width: 1880px; margin-left: auto; margin-right: auto; padding:50px 30px 23px; display: flex; justify-content: space-between;}
.main-header.scrolled .header-inner{padding-top:24px;}
.header-inner__logo{width: 30%;}
/* .logo{width: 11.25rem; height: 3.25rem; background: url(../img/doctors-logo2x-211228.png)0 0/100% no-repeat;margin-left: -3px;}*/
.scrolled .logo, .bk-header .logo{ background-position: 0 100%;}

.open .scrolled .logo,.open .bk-header .logo{background-position: 0 0;}
.search-mode .logo{ background-position: 0 100%; width: 10.25rem; height: 3.25rem;}

.header-inner__left,.header-inner__right{/*height: 2rem;*/ display: flex; align-items: center;}
.header-inner__right{justify-content: flex-end;}


.search-mode .header-inner__left .fz_14.c-white,
.search-mode .header-inner__right{opacity:0; visibility: hidden;}


.select-network,.select-lang{position: relative; z-index: 10;}
.scrolled .select-network-btn,.scrolled .select-lang-btn,.scrolled .c-white,
.bk-header .select-network-btn,.bk-header .select-lang-btn,.bk-header .c-white{color: #131313;}
.scrolled .select-network-btn,

/* .open .scrolled .select-network-btn,.open .scrolled .c-white,
.open .bk-header .select-network-btn,.open .bk-header .c-white{display: none;}

 */


.select-lang-btn{ text-align: left; background: transparent;}
.lang-select-list{width: 120px; font-size: 14px;}
.lang-select-list li{padding:0 0 0 10px;}
.select-lang-btn .under-line{display: block; width: 1.6em; height: 1px; background: #fff; margin-top: 4px;}
.open .select-lang-btn{color: #fff;}
.open .scrolled .select-lang-btn .under-line,
.open .bk-header .select-lang-btn .under-line{background: #fff;}


/* .select-network-btn::after{right:4px;} */
/* .select-lang-btn::after{right:1rem; } */
.scrolled .select-network-btn::after,.scrolled .select-lang-btn::after,
.bk-header .select-network-btn::after,.bk-header .select-lang-btn::after{border-top-color: #131313;}
.open .scrolled .select-network-btn::after,.open .scrolled .select-lang-btn::after,
.open .bk-header .select-network-btn::after,.open .scrolled .select-lang-btn::after{border-top-color: #fff;}
.scrolled .select-lang-btn .under-line,
.bk-header .select-lang-btn .under-line{background-color: #131313;}

.network-select-list,
.lang-select-list{position: absolute; top:calc(100% + 3px); left:0; color: #fff; padding:10px 0; line-height: 1.6; opacity: 0; visibility: hidden;}
.network-select-list > li:hover > a,
.lang-select-list > li:hover > a{color: #46aca8; font-weight:400;}
/* .network-select-list{opacity: 1; visibility: visible;} */
.lang-select-list{left:-30px}
.glob-icon{background: url(../img/global-icon.png)0 0/100% no-repeat; width: 20px; height: 20px; display: block;}

.scrolled .network-select-list,
.scrolled .lang-select-list,
.bk-header .network-select-list,
.bk-header .lang-select-list{color: #131313; background-color: #fff; border:1px solid #b3b3b3;}
.scrolled .network-select-list > li:hover > a,
.scrolled .lang-select-list > li:hover > a,
.bk-header .network-select-list > li:hover > a,
.bk-header .lang-select-list > li:hover > a{color: #46aca8; font-weight:400;}
/* .open .scrolled .network-select-list,
.open .scrolled .lang-select-list{color: #fff; }
.open .bk-header .network-select-list,
.open .bk-header .lang-select-list{color: #fff; height: 0; padding: 0;overflow: hidden;} */

.scrolled .glob-icon,
.bk-header .glob-icon{background-position: 0 100%;}
.open .scrolled .glob-icon,
.open .bk-header .glob-icon{background-position: 0 0;}

.network-select-list{font-size: 14px; width: 100%; text-align: right; background: rgba(0,0,0,.2); }
.network-select-list li > a:after{content:''; width: 6px; height: 7px; /* background: url(../img/left-arrow-w.svg)0 0/100% no-repeat; */ display: inline-block; margin-left: 10px;}

.scrolled .network-select-list li > a:after,
.bk-header .network-select-list li > a:after{}

.sns-links {display: flex; position: relative; padding-right: 1rem; }
.sns-links.mobile-content {display: none; }
.sns-links::after{content:''; position: absolute; top:2px; right:0; width: 1px; height: 12px; background: #fff;}
.scrolled .sns-links::after,
.bk-header .sns-links::after{background: #131313;}
.sns-links a{display: block; width: 20px; height: 16px; background: url(../img/sns-link-sprite.png)0 0/400% no-repeat; text-indent: -9999em; margin: 0 7px; position: relative;}

.sns-links a::after{ content:''; text-indent: 0; font-size: 12px; line-height: 1.4; background: #262626; color: #fff; position: absolute; top:100%; left:50%; padding:3px 8px; min-width: 100%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; text-align: center; opacity: 0; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; }

.sns-links a:hover::after{opacity:1; top:130%;}


.sns-links a.link-kakao{background-position: 50% 50%; background-image: url(../img/kakao-icon-w.svg); background-size: 100%;}
.sns-links a.link-yt{background-position: 50% 50%; background-image: url(../img/youtube-icon-w.svg); background-size: 100%;}
.sns-links a.link-anti{background-position: 66.6666% 0;}
.sns-links a.link-event{background-position: 100% 0;}

.sns-links a.link-kakao::after{content:'카카오톡 상담'; width: 72px;}
.sns-links a.link-yt::after{content:'유튜브';}
.sns-links a.link-anti::after{content:'안티에이징센터';}
.sns-links a.link-event::after{content:'이벤트';}

.scrolled .sns-links a.link-kakao{background-position: 50% 50%; background-image: url(../img/kakao-icon.svg); background-size: 100%;}
.scrolled .sns-links a.link-yt{background-position: 50% 50%; background-image: url(../img/youtube-icon.svg); background-size: 100%;}
.scrolled .sns-links a.link-anti{background-position: 66.6666% 100%;}
.scrolled .sns-links a.link-event{background-position: 100% 100%;}

.bk-header .sns-links a.link-kakao{background-position: 50% 50%; background-image: url(../img/kakao-icon.svg); background-size: 100%;}
.bk-header .sns-links a.link-yt{background-position: 50% 50%; background-image: url(../img/youtube-icon.svg); background-size: 100%;}
.bk-header .sns-links a.link-anti{background-position: 66.6666% 100%;}
.bk-header .sns-links a.link-event{background-position: 100% 100%;}

.open .scrolled .sns-links a.link-kakao{background-image: url(../img/kakao-icon-w.svg);}
.open .scrolled .sns-links a.link-yt{background-image: url(../img/youtube-icon-w.svg);}
.open .scrolled .sns-links a.link-anti{background-position: 66.6666% 0;}
.open .scrolled .sns-links a.link-event{background-position: 100% 0;}

.open .bk-header .sns-links a.link-kakao{background-image: url(../img/kakao-icon-w.svg);}
.open .bk-header .sns-links a.link-yt{background-image: url(../img/youtube-icon-w.svg);}
.open .bk-header .sns-links a.link-anti{background-position: 66.6666% 0;}
.open .bk-header .sns-links a.link-event{background-position: 100% 0;}


.header-search-icon{width:20px; height: 19px; background: url(../img/icon_search_w.svg)0 0/100% no-repeat; margin-right: 30px; cursor: pointer; opacity: 0.8; position: relative;}
.header-search-icon::after{content:'|'; display: inline-block; position: absolute; left:calc(100% + 24px); top:0; color: #fff; font-size: 12px;}
.main-header.scrolled .header-search-icon,
.main-header.bk-header .header-search-icon{background-image:url(../img/icon_search.svg);}
body.open .main-header.scrolled .header-search-icon,
body.open .main-header.bk-header .header-search-icon{background-image:url(../img/icon_search_w.svg)}

.main-header.scrolled .header-search-icon::after,
.main-header.bk-header .header-search-icon::after{
    color: #131313;
}
body.open .main-header.scrolled .header-search-icon::after,
body.open .main-header.bk-header .header-search-icon::after{
    color: #fff;
}


.hamberger.bk-header,
.hamberger.scrolled{border-color:#131313}
.hamberger.scrolled{top: 53px;}
.hamberger.scrolled.open{border-color:#fff}
.hamberger.open{border-color:#fff}

.hamburger{width: 35px;}
.hamburger-box strong{display: none;}
.search-mode .hamberger {display: none;}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 35px;
	height: 2px;
	background-color: #fff;
	border-radius: 3px;
	position: absolute;
	transition: transform 0.15s ease;
}

.scrolled .hamburger-inner,
.scrolled .hamburger-inner::before,
.scrolled .hamburger-inner::after ,
.bk-header .hamburger-inner,
.bk-header .hamburger-inner::before,
.bk-header .hamburger-inner::after {
	background-color: #131313;
}

.open .scrolled .hamburger-inner,
.open .scrolled .hamburger-inner::before,
.open .scrolled .hamburger-inner::after,
.open .bk-header .hamburger-inner,
.open .bk-header .hamburger-inner::before,
.open .bk-header .hamburger-inner::after {
	background-color: #fff;
}

.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: -10px;
}

.hamburger-inner::after {
	bottom: -10px;
}

/*
* Spin
*/
.hamburger--spin .hamburger-inner {
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
	transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in, background-color 0.15s ease;
}

.hamburger--spin .hamburger-inner::after {
	transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0.15s ease;
}

.open .hamburger--spin .hamburger-inner {
	transform: rotate(225deg);
	transition-delay: 0.14s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.open .hamburger--spin .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out, background-color 0.15s ease;
}

.open .hamburger--spin .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.15s ease;
}






.burger {
    height: 2.2em;
    width: 2.2em;
    position: relative;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
    -webkit-tap-highlight-color: transparent;
}

.burger .burger-lines:after {
    left: 0;
    top: -1em;
}

.burger .burger-lines:before {
    left: 1em;
    top: 1em;
}

.burger:after {
    content: '';
    display: block;
    position: absolute;
    height: 150%;
    width: 150%;
    top: -25%;
    left: -25%;
}

.burger .burger-lines {
    top: 50%;
    margin-top: -0.125em;
}

.burger .burger-lines,
.burger .burger-lines:after,
.burger .burger-lines:before {
    pointer-events: none;
    display: block;
    content: '';
    width: 100%;
    background-color: white;
    height: 2px;
    position: absolute;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    border-radius: 0.2em;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -ms-border-radius: 0.25em;
    -o-border-radius: 0.25em;
}

.bk-header .burger .burger-lines,
.bk-header .burger .burger-lines:after,
.bk-header .burger .burger-lines:before,
.scrolled .burger .burger-lines,
.scrolled .burger .burger-lines:after,
.scrolled .burger .burger-lines:before {
    background-color: #131313;
}
.bk-header.open .burger .burger-lines,
.bk-header.open .burger .burger-lines:after,
.bk-header.open .burger .burger-lines:before,
.scrolled.open .burger .burger-lines,
.scrolled.open .burger .burger-lines:after,
.scrolled.open .burger .burger-lines:before {
    background-color: #fff;
}

.burger .burger-lines:after {
    left: 0;
    top: -.9em;
}

.burger .burger-lines:before {
    left: .5em;
    top: .8em;
}

.burger.burger-arrow .burger-lines,
.burger.burger-arrow .burger-lines:after,
.burger.burger-arrow .burger-lines:before {
    -webkit-transition: .2s top, .2s left, .2s transform, .4s background-color .2s;
    -o-transition: .2s top, .2s left, .2s transform, .4s background-color .2s;
    transition: .2s top, .2s left, .2s transform, .4s background-color .2s;
}

.burger.burger-arrow .burger-lines:after,
.burger.burger-arrow .burger-lines:before {
    width: 1.8em;
}

.burger.burger-arrow.open.burger-down {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.burger.burger-arrow.open.burger-up {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.burger.burger-arrow.burger-right {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.burger.burger-arrow.burger-right .burger-lines:after {
    left: 1em;
    top: -1em;
}

.burger.burger-arrow.burger-right .burger-lines:before {
    left: 0em;
    top: 1em;
}

.burger.burger-arrow.open .burger-lines,
.burger.burger-arrow.open .burger-lines:after,
.burger.burger-arrow.open .burger-lines:before {
    -webkit-transition: .2s background-color, .2s top, .2s left, .2s transform;
    -o-transition: .2s background-color, .2s top, .2s left, .2s transform;
    transition: .2s background-color, .2s top, .2s left, .2s transform;
}

.burger.burger-arrow.open .burger-lines {
    background-color: rgba(255, 255, 255, 0.7);
}

.bk-header .burger.burger-arrow.open .burger-lines,
.scrolled .burger.burger-arrow.open .burger-lines {
    background-color: rgba(19, 19, 19, 0.7);
}
.bk-header.open .burger.burger-arrow.open .burger-lines,
.scrolled.open .burger.burger-arrow.open .burger-lines {
    background-color: rgba(255, 255, 255, 0.7);
}

.burger.burger-arrow.open .burger-lines:before,
.burger.burger-arrow.open .burger-lines:after {
    left: -.3em;
    top: 0px;
}

.burger.burger-arrow.open .burger-lines:before {
    top: -.62em;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.burger.burger-arrow.open .burger-lines:after {
    top: .62em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* 메뉴가 오픈됬을때 */
.hamberger.open .burger.burger-arrow.open.burger-down {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}


/* login menu추가 210708 */
.login-menu{display:block; color: #fff;}
/* body.open .login-menu{display:none;} */
.main-header .login-menu{position: absolute;top:56px;right:2%;}
.main-header.scrolled .login-menu{display:none;}
.login-menu-item{display: inline-block;position: relative; padding:0 8px; font-size: 0.875rem;}
.login-menu-item::after{content:'|'; display: inline-block; margin-left: 16px;}
.login-menu-item:last-child:after{content:''; display: none;}
.bk-header .login-menu{color: #333;}
.gnb-inner .login-menu{display:none; padding-bottom:0; height:auto;}
.subpage-header-bk .login-menu.sub-login-menu{color: #333;}
/*.login-menu.gnb-login-menu{display:none; z-index:111; position: absolute; top:56px; right:2.5%; font-size: 1rem;}
body.open .login-menu.gnb-login-menu{display:block; z-index:111; position: absolute; top:56px; right:2.5%; font-size: 1rem;}
body.open .login-menu.gnb-login-menu .login-menu-item{font-size: 0.95rem;}*/


/* gnb */
.gnb-container{ position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 10; opacity: 0; visibility: hidden; transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -webkit-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -moz-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -ms-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); -o-transition:opacity .8s cubic-bezier(0.23, 1, 0.320, 1); }
.gnb-container.open{opacity: 1; visibility: visible;}
.gnb-wrapper{display: flex; justify-content: center; align-items: center; width:100%; height: 100%;}
.gnb-inner{width: 90%; max-width: 1376px; margin-top: 80px;}
.gnb-inner > div::-webkit-scrollbar {width: 5px;}

.gnb-inner > div::-webkit-scrollbar-thumb {
	background-color: #000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.gnb-inner > div::-webkit-scrollbar-track {background-color: #333;}
.gnb-menu-list{width: 72%;}
.gnb-menu-list:hover .gnb-menu-sub{color: #e9e9e9;}
.gnb-event-wrap{width: 28%; height: 100%; border-left:1px solid rgba(204,204,204,0.4);}
.gnb-event-scroll-box{height: 100%; max-height: 714px; overflow-x: hidden; overflow-y:auto; padding:0 2% 0 0;}
.gnb-event-item{display: block;}
.gnb-event-btn{width:35%; padding:2% 0 2.5% 0; text-align:center; background:#f8f8f8; color:#000; border-radius:30% 30%/100% 100%; margin-left:auto; margin-right:0; }

.gnb-event-scroll-box::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.gnb-event-scroll-box::-webkit-scrollbar-track {
	background: #505050;
}

.gnb-event-scroll-box::-webkit-scrollbar-thumb {
	background: #006241;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
}

.gnb-event-scroll-box::-webkit-scrollbar-thumb:hover {
	background: #b84d55;
}

.gnb-menu-depth1{position: relative;}
.gnb-menu-depth1:last-child{border-bottom:0}
/* .gnb-menu-depth1 > a{color: #fff;} */
.gnb-menu-depth1 .gnb-menu-depth1-inner > a{color: #fff;}
.gnb-menu-sub{ font-size: 0.938rem; transition:.4s ease; -webkit-transition:.4s ease; -moz-transition:.4s ease; -ms-transition:.4s ease; -o-transition:.4s ease; }
.gnb-menu-depth2{position: absolute; bottom:0.5rem; left:25%; width: 75%; display: flex; flex-wrap: wrap; color: #eeeeee; opacity: 0.8;}
.gnb-menu-depth1:last-child .gnb-menu-depth2{width:60%; bottom: -8px;}
.gnb-menu-depth2 > li{margin-right: 1.125rem;}
.gnb-menu-depth2 > li > a{display: block; padding:4px 0;}
.gnb-menu-depth1-inner a.h4{ transition:.4s ease; -webkit-transition:.4s ease; -moz-transition:.4s ease; -ms-transition:.4s ease; -o-transition:.4s ease; }
.gnb-menu-depth1-inner:hover a.h4{}
.gnb-menu-depth1-inner a.h4[target=_blank]{position: relative;}
.gnb-menu-depth1-inner a.h4[target=_blank]::before{content:''; position: absolute; width: 18px; height: 18px;/*  background: url(../img/blank-icon.png)0 0 /100% no-repeat; */ left:-1.125em; top:10px;}


.gnb-left-bg,
.gnb-right-bg{background: linear-gradient(0deg, rgba(30, 30, 30, 0.97),rgba(90, 90, 101, 0.97)); position: fixed; top:0; height:100%; z-index: 9; vertical-align:top; pointer-events: none; opacity: 0; visibility: hidden; transform:translate3d(0,-100%,0); -webkit-transform:translate3d(0,-100%,0); -moz-transform:translate3d(0,-100%,0); -ms-transform:translate3d(0,-100%,0); -o-transform:translate3d(0,-100%,0); }
.gnb-left-bg{width: 66%; left:0; transform-origin: top left;}
.gnb-right-bg{width: 34%; right:0; transform-origin: top right;}



/* event */

.event-call{position: absolute; left:60px; top:2000px; width: 122px; height: 175px; z-index: 10; cursor: pointer; animation-name: bounce-7; animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1); animation-duration: 2s; animation-iteration-count: infinite; display: none;}
.event-call-btn{width:122px; height: 122px; background: transparent; border:0; position: absolute; bottom:0; left:0; padding:0; box-shadow:3px 5px 4px rgba(0,0,0,.3); border-radius:50%; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.event-call-layer{position: absolute; bottom:0; left:0; width: 100%; text-align: center;}
.event-btn-slide .swiper-wrapper{align-items: flex-end; cursor: pointer;}
.upper{text-transform: uppercase;}
.event-txt{width: 100%; display: block; text-align: center; letter-spacing: 0.15em; text-shadow:1px 2px 6px rgba(46,46,49,.8);}

@keyframes bounce-7 {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

	10% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

	33% {
		transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-o-transform: translateY(-30px);
	}

	50% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

	60% {
		transform: translateY(-3px);
		-webkit-transform: translateY(-3px);
		-moz-transform: translateY(-3px);
		-ms-transform: translateY(-3px);
		-o-transform: translateY(-3px);
	}

	70% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}
}
.counsel-dim{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); opacity:0; visibility: hidden; z-index: 11;}
.counsel-area{ position: fixed; bottom:-14.438rem; left:0; width: 100%; height: 279px; z-index: 7;  }
.counsel-area.open-counsel,
.counsel-area.open-kakao{bottom: 0;transition:bottom .3s ease-out; -webkit-transition:bottom .3s ease-out; -moz-transition:bottom .3s ease-out; -ms-transition:bottom .3s ease-out; -o-transition:bottom .3s ease-out;}



.counsel--buttons{display: flex; width: 249px; overflow: hidden; margin-left: auto; margin-right: auto;}
/* .open-counsel .counsel--buttons,
.open-kakao .counsel--buttons{width: 180px;} */


.up-arrow{width: 7px; height: 16px; display: inline-block; vertical-align: middle; background: url(../img/up-arrow.svg)0 0/100% no-repeat; }
.open-counsel .up-arrow{background: url(../img/down-arrow.svg)0 0/100% no-repeat;}

.counsel--call-btn{display:block; width:179px; height: 48px; background: #006241; color: #fff; border:0; padding:8px 12px; line-height: 1.3; font-size: 1.125rem; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor:pointer; }
.counsel--kakao{display: block; border: 0; background: #cdb78d url(../img/counsel-kakao.png)50% 50% /50% no-repeat; width: 58px; height: 48px;margin-left: 12px; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor:pointer; }

.open-counsel .counsel--kakao.active{width: 179px; background: #cdb78d; color: #fff; padding:8px 12px; line-height: 1.3; font-size: 1.125rem;}
.open-counsel .counsel--kakao.active .hide-on-close{display: block;}
.open-counsel .counsel--call-btn:not(.active){width: 58px; text-indent: -9999em; background:#006241 url(../img/counsel-kakao.png)50% 50%/50% no-repeat;}

.hide-on-close{display: none;}
.hide-on-close .up-arrow{background: url(../img/down-arrow.svg)0 0/100% no-repeat;}

/* .open-counsel .counsel--kakao,
.open-counsel .kakao-link-area{display: none; }
.open-counsel .counsel--call-btn,
.open-counsel .counsel-form-area{display: block; }

.open-kakao .counsel--kakao,
.open-kakao .hide-on-close,
.open-kakao .kakao-link-area{display: block; }
.open-kakao .counsel--call-btn,
.open-kakao .counsel-form-area{display: none; } */





button:focus{outline: none;}

@media (max-width: 800px)
{ .ev_tmp { margin-top:0px } }


.subpage-header+.hamberger{display: none;}


.subpage-header .header-inner__left,
.subpage-header .header-inner__right{width: 30%;}
.subpage-header .header-inner__left.sub-header-inner__left .logo{width: 10.5rem; height: 3.25rem; /*margin-left: auto; margin-right: auto;*/ background: url(../dist/img/doctors-sub-logo.png)0 0%/100% no-repeat;}
.open .subpage-header .header-inner__left.sub-header-inner__left .logo{background: url(../sub/img/doctors-sub-logo-w.png)0 0%/100% no-repeat;}
.subpage-header .header-inner__nav{width: 60%;position: relative;}
.subpage-header .header-search-icon{background-image: url(../img/icon_search_w.svg);}
.subpage-header-bk .header-search-icon.sub-header-search-icon{background-image: url(../img/icon_search.svg);}
.subpage-header .glob-icon.sub-glob-icon{background: url(../img/global-icon.png)0 100%/100% no-repeat; width: 20px; height: 20px; display: block;}
.subpage-header.tnb-open .header-search-icon{background-image: url(../img/icon_search.svg);}
.subpage-header.tnb-open .header-search-icon::after{color: #131313;}
.tnb-open .select-lang-btn{color: #131313;}
.tnb-open .glob-icon{background-position: 0 100%;}
.tnb-open .select-lang-btn::after,.tnb-open .select-network-btn::after{border-top-color: #131313}
.tnb-open .lang-select-list{color: #131313; background-color: #fff; border: 1px solid #b3b3b3;}
.tnb-open .select-network-btn{color: #131313; border: 1px solid #b3b3b3; background-color: transparent;}
.tnb-open .network-select-list{color: #131313; background-color: #fff; border: 1px solid #b3b3b3;}
.tnb-open .network-select-list li > a:after{background-image: url(}

.subpage-header.tnb-open{background-color: #fff;box-shadow: 3px 3px 3px rgb(0 0 0 / 10%);}
.subpage-header .logo{width: 10.5rem; height: 3.25rem; opacity:1; visibility:visible; background: url(../dist/img/doctors-sub-logo-w.png)0 0/100% no-repeat;margin-left: 8px;}
.subpage-header.tnb-open .logo{width: 10.5rem; height: 3.25rem; opacity:1; visibility:visible; background: url(../dist/img/doctors-sub-logo.png)0 0/100% no-repeat;}
.subpage-header.scrolled.tnb-open .logo{width: 10.5rem; height: 3.25rem;  opacity:1; visibility:visible; background: url(../dist/img/doctors-sub-logo.png)0 0/100% no-repeat;}
.subpage-header.scrolled .logo{width: 10.5rem; height: 3.25rem; opacity:1; visibility:visible; background: url(../dist/img/doctors-sub-logo.png)0 0/100% no-repeat;}
.open .subpage-header .logo{background: url(../sub/img/doctors-sub-logo-w.png)0 0/100% no-repeat;}
.open .subpage-header.scrolled .logo{background: url(../sub/img/doctors-sub-logo-w.png)0 0/100% no-repeat;}
.sub-nav{position: absolute; top:0; width: 100%;}
.sub-menu-list{display: flex; justify-content: space-between;}
.sub-menu-depth1{position: relative;width: 150px;text-align: center; padding:0 0 30px; color: #fff;}
.sub-menu-depth1.sub-menu-depth1-black{color: #333;}
.subpage-header.scrolled .sub-menu-depth1,.subpage-header.tnb-open .sub-menu-depth1{color: #333;}
.sub-menu-depth1>a{display: block; padding:10px 0; font-weight: 400; font-size:1.0625rem;}
.sub-menu-depth1>a:hover{color: #006241;}
.sub-menu-depth2{position: absolute; top:99%; width: 100%; padding:30px 0; opacity:0; visibility: hidden;}
.subpage-header.tnb-open .sub-menu-depth2{opacity:1; visibility: visible;}
.sub-menu-depth2 >li>a{font-size: 0.938rem;font-weight: 300;color:#656565;padding:7px 0;display: block;}
.sub-menu-depth2 >li>a:hover{color:#006241;}

.sub-gnb-bg{position:fixed; top:0; left:0; width: 100%; height:0; background: #fff; box-shadow:0 0 0 rgba(235,235,235,.65); z-index:10;}
.sub-gnb-bg.tnb-open{height:420px; box-shadow:0 2px 2px rgba(235,235,235,.65);}
.sub-gnb-bg.scrolled.tnb-open{height:400px; box-shadow:0 2px 2px rgba(235,235,235,.65);}

.header-sub-gnb-logo{position:absolute; top:55%; left:2.2%; width:20%; opacity:0; visibility:hidden; display:none;}
.sub-gnb-bg.scrolled.tnb-open .header-sub-gnb-logo{top:47%; left:4%;}
.sub-gnb-bg.tnb-open .header-sub-gnb-logo{opacity:1; visibility:visible;}
.sub-gnb-logo{width: 9rem; height: 4rem; /*margin-left: auto; margin-right: auto;*/ background: url(../sub/img/doctors-sub-logo.png)0 100%/100% no-repeat;}

.sub-meun-event-icon{width: 16px; height: 17px; background: url(../img/sub-menu-event-bounce-btn.png)50% 50%/100% no-repeat; display:block; margin:0 auto; margin-top:10px;}

@media (max-width:1440px) {
  .subpage-header .header-inner__left{width: 16%;}
  .subpage-header .header-inner__right{width: 24%;}
  .subpage-header .header-inner__nav{width: 60%;}
  .sub-menu-depth1{font-size: 0.938rem;}
  .sub-menu-depth2>li>a{font-size: 0.8rem;}
}

@media (max-width:1200px) {
  .subpage-header+.hamberger{display: flex;}
  .subpage-header .header-inner__left{width: 50%;}
  .subpage-header .header-inner__right{width: 50%;}
  .subpage-header .header-inner__nav{display: none;}
}

@media (max-width:1920px) {}
@media (max-width:1680px) {}

@media (max-width:1280px) {}
@media (max-width:800px) {
  .main-header .login-menu{display: none;}
  .gnb-inner .login-menu{display: block;}
  .hamberger{top: 51px;}
  .hamberger.scrolled{top: 50px;}
  .counsel-area.m-open{height: 359px;}
  .event-call-btn{box-shadow: none;}
  .event-btn-slide{width: 66px; top:1px;}
  .counsel-event-bnr{position: absolute;bottom:22%;width: 120%;left: 50%;display: none; transform:translate(-50%,-50%);}
  .m-quick-circle-wrap.open .counsel-event-bnr{display: block;}
}
@media (orientation: portrait ) and (max-width:800px) {}
@media (max-width:768px) {}
@media (max-width:640px) {}
@media (orientation: portrait ) and (max-width:640px) {
  .specialists-modal-info-name, .specialists-modal-info-history{color: #131313; text-shadow: none;}
  
}
@media (max-width:590px) {
  .main-visual .swiper-slide.visual01-new .video-background{background-image: url(../img/main-visual-bg01-new-m-210804.jpg);}
  .main-visual .swiper-slide.visual01 .video-background{background-image: url(../img/main-visual-bg02-new-m.jpg);}
  .main-visual .swiper-slide.visual02 .video-background{background-image: url(../img/main-visual-bg03-new-m.jpg);}
  .main-visual .swiper-slide.visual01 .video-background{
   /* transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transition:transform 3.5s linear;
    -webkit-transition:transform 3.5s linear;
    -moz-transition:transform 3.5s linear;
    -ms-transition:transform 3.5s linear;
    -o-transition:transform 3.5s linear; */
  }
  .main-visual .swiper-slide-active.visual01 .video-background{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  .main-visual .swiper-slide.visual01-new .visual-title{width: 50%; top:40%; left:50%;}
  .visual-title{top:36%}
  .visual-title.main-visual-title02, .visual-title.main-visual-title03, .visual-title.main-visual-title04{top:33%}
  .main-visual .swiper-slide .visual-title .main-visual__tit{font-size: 2.125rem;}
  .sub1-6-board table.boardList colgroup col:nth-child(3){width: 15% !important;}
}

@media (max-width:480px) {
  table.boardList th{font-size: 12px;}
  table.boardList td{font-size: 11px;}
  .btn.c_point{width: 54px;min-width: auto;font-size: 10px;}
}
@media (max-width:376px){
  .counsel-event-bnr{position: absolute;bottom:27%;width: 120%;left: 50%;display: none; transform:translate(-50%,-50%);}
}
@media all and (min-width:100px) and (max-width:375px) {
  .counsel-event-bnr{position: absolute;bottom:25%;width: 120%;left: 50%;display: none; transform:translate(-50%,-50%);}
}
@media (orientation: landscape) {}
@media (orientation: portrait) {}