.nav h1 {font-size: 24px;}
.nav h1 a {display: block; width: 250px; padding-top: 30px;}

.nav {z-index:99999999999999; width:100%; height:100px; font-size: 0; position: absolute; border-bottom: 1px solid #9e9e9e; transition: all 1s; background: none;}
.nav .inner {height: 100%; position: relative;}
.nav-list{line-height:100px;position: absolute; top: 0; right: 100px; padding: 0; list-style: none;font-size: 0; margin-right: 2.25rem;}
.nav-list a {display: block; position: relative; zoom: 1; }
.nav-list > li {display: inline-block; width:auto; text-align: center;  padding: 0 15px;}
.nav-list > li > a {font-size:0.8rem; color:#fff; transition: all 0.5s; font-weight: 400;}
.nav-list > li:hover > a {color:#0b9ace;}

.nav.open {background: #fff;}
.nav.open .nav-list > li > a {color: #222;}


/*** 2deths ***/
.nav-list ul {display: none; position: absolute; width: 100%;  top: 93%; left: 0; z-index: 999999999;}
.nav-list > li > ul{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; min-height:270px; text-align: left;}
.nav-list > li > ul > li > a{line-height:16px; font-size:0.8rem; color:#222; margin:0 0 15px 0; letter-spacing: -1px; word-break: keep-all; position: relative; font-weight: 400;}

.nav-list > li > ul > li > a:hover {
	color: #0b9ace;
}

.nav-list > li > ul > li > a:after {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	content:"";
	background: url(/assets/img/main/next.jpg) 100% 100% / cover no-repeat;
	width: 0;
	height: 14px;
	transition: all 0.3s;
}


.nav-list > li > ul > li > .open {
	color: #0b9ace;
	font-weight: 500;
	
}
.nav-list > li > ul > li > .open:after {
	width: 22px;
}

.nav-list li ul li a:hover {}

.nav-list .dep2 {width: 150px; padding: 20px 15px;}
/***********************************smenu_bar****************************************/

.header.sub-page-header #smenu_bar, #smenu_bar {position:absolute; top:100px; display:none; width:100%; min-width:1200px; min-height:340px; z-index:-1; background: #fff; background: url(/assets/img/main/nav-back.jpg) no-repeat; background-size: cover; transition: all 1s;}
#smenu_bar .inner {padding: 2rem 0; position: relative; height: 100%; padding-left: 24rem;}



#smenu_bar .in_nav {display: none;}
#smenu_bar .in_nav li > a {display: block;}

#smenu_bar .big-menu {font-size: 1.6rem; width: 35%; font-weight: 700; cursor: default; position: relative;padding-top: 1.5rem;}
#smenu_bar .big-menu:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "강남YK병원";
	color: #9e9e9e;
	font-size:1rem;
	font-weight: 200;
}

#smenu_bar .big-menu, #smenu_bar .dep2 {display: inline-block; vertical-align: top; }
#smenu_bar .dep2 {font-size: 0.85rem; font-weight: 400; width: 20%; border-right: 1px solid #e0e0e0; position: relative; transition: all 0.5s;}
#smenu_bar .dep2 li {padding-bottom: 0.9rem;}
#smenu_bar .dep2 li:last-child {padding-bottom: 0;}
#smenu_bar .dep2 li a:hover {color: #0b9ace;}
#smenu_bar .dep3 {display: none; width: 380px; position: absolute; left: 100%; top: 0; padding-left: 2.75rem;}
#smenu_bar .dep3 li a {font-size: 0.85rem; position: relative; }
#smenu_bar .dep3 li a:hover {font-weight: 700; transition: all 0.5s;}
#smenu_bar .dep3 li a:hover:after {color: #222; }









/*******allmenu-bar******/
.menu-bar {
	cursor: pointer;
	width: 100px;
	height: 100px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	right: 0;
}

.menu-bar > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.menu-bar div > span {
	display: block;
	width: 20px;
	height: 3px;
	background: #0b9ace;
	margin: 0 auto 4px;
	transition: all 0.6s; 
}

.menu-bar div > span:last-child {
	margin-bottom: 0;
}
/****open****/

.menu-bar.open > div > span  {
	width: 40px;
}
.menu-bar.open > div > span:first-child {transform: rotate(135deg); margin-bottom: -3px;}
.menu-bar.open > div > span:last-child {transform: rotate(-135deg);}


.allmenu-bar {position: absolute; top: 100px; left: 0; width: 100%;font-size: 0; padding: 0 5%;overflow: hidden; display: none; background: #fff;} 
.allmenu-bar li {line-height: 1; overflow: hidden;}
.allmenu-bar a {font-size: 18px; color: #222;}
.allmenu-bar .dep1 {float: left; width: 100%; margin: 0.75rem 0 1rem;}
.allmenu-bar .dep1:nth-child(3) {width: 24.5%; margin-right: 0.6%;}
.allmenu-bar .dep1:nth-child(4) {width: 24.5%;margin-right: 0.6%;}
.allmenu-bar .dep1:nth-child(5) {width: 24.5%;margin-right: 0.6%;}
.allmenu-bar .dep1:nth-child(6) {width: 24.5%; margin-right: 0;}
.allmenu-bar .dep1 > a {display: block;width: 100%; font-weight: 700; font-size: 32px;}

.allmenu-bar .dep1 .dep2, .allmenu-bar .dep2 > li > a, .allmenu-bar .dep2 .dep3 {float: left;}

.allmenu-bar .dep2 {width: 100%;}
.allmenu-bar .dep2 > li{border-bottom: 3px solid #000; }
.allmenu-bar .dep2 > li > a {width: 160px; font-size: 1.1rem; font-weight: 500; line-height: 1.3;}

.allmenu-bar .dep3 > li:last-child {border-bottom: 0; margin-right: 0;}


/* Mobile user Login */
.mobile-member-btn {
	display: none;
	position: absolute;
	top: 20px;
	right: 70px;
	line-height: 25px;
	z-index: 1001;
	font-size: 13px;
  font-weight: 400;
  color: #222;
}

/* Mobile Menu Core Style*/
#mobile_menu{clear:both; display: none; position: absolute; top: 0; left: 0; width: 232px; z-index: 1001; padding: 1rem 1rem;}
#mobile_menu h1 a img {position: relative;top: 0; left: 0; z-index: 9999999;}
#mobile_menu h1 a {display: block; width: auto;}
.slicknav_menu {display:none; position:absolute; top:72.5px; width:100%; z-index:1000; right: 0;}
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding:0; cursor: pointer; margin:0 20px 0 0;}
.slicknav_menu .slicknav_icon { float: left; margin:0; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width:30px; height:3px; background-color: #0b9ace;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top:7px; }
.slicknav_nav {position: absolute; top: 50px; right: 0; color:#fff; margin:0; padding:0; font-size:16px; clear: both; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width: 100%; background: #f4f4f4;}
.slicknav_nav > ul {list-style: none; overflow:hidden; background:#fff;}
.slicknav_nav ul,
.slicknav_nav li { display: block;}
.slicknav_nav > li > a{position:relative; left: 0; width: 100%; background: #fff; line-height: 2;}
.slicknav_nav li:last-child > a{border-bottom: 0;}
.slicknav_nav .dep2{border:0; background:#f4f4f4; position: relative; left: 0%; top: 0;width: 100%;}
.slicknav_nav .dep3 {background: #fff; position: relative; width: 100%;}
.slicknav_nav .dep3 > li:last-child {border-bottom: 0}
.slicknav_nav li ul li{border-bottom:0;}
.slicknav_nav ul li a{font-family: 'NotoKrDL'; color:#666;}
.slicknav_nav ul li a:focus {outline: none;}

.slicknav_nav > li > ul > li > a,
.slicknav_nav li ul li a.slicknav_item{background: #f5f5f5; font-size:13px; padding:10px 15px 10px 30px; border-bottom: 1px solid #ddd;}

.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav .slicknav_item a {padding:0; margin:0;}
.slicknav_nav > li > a { display: block ; color:#666; padding: 6px 10px; background: #fafafa; font-size: 14px; font-weight: 400;}
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }

/* Button Text */
.slicknav_menu  .slicknav_menutxt {display: block; line-height: 1.188em; float: left;  color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; display:none;}
.slicknav_nav .slicknav_txtnode {margin-left:15px;}

/*더보기 + 버튼*/
.slicknav_nav .slicknav_arrow {font-size: 0px; position: absolute; right: 0;  top:50%; width:10px;}


.slicknav_nav > .slicknav_collapsed > .slicknav_item::after, .slicknav_nav .dep3 .slicknav_collapsed > .slicknav_item::after, .slicknav_nav .dep2 .slicknav_collapsed > .slicknav_item::after {position: absolute; top:50%; right: 3%; transform: translateY(-50%); content: ""; background: url(/assets/img/common/lnb_arrow.png) no-repeat; width: 12px; height: 12px;
background-size: cover;}


.nav-list .dep3 {
	position: absolute;
	top: 0;
	left: 102%;
	margin-left: -1px;
	font-size: 20px;
	display: none;
	transition: all 1s;
	z-index: 9999999999999999999999999;
	padding: 20px 15px 0;
	min-height: 215px;
	background: #fff;
}
.nav-list .dep3 > li {
	line-height: 1;
}
.nav-list .dep3 > li > a {
	font-size: 0.75rem;
	margin-bottom: 15px;
	font-weight: 500;
}
.nav-list .dep3 > li > a:hover {
	color: #0b9ace;
}
.nav-list .dep4 > li {
	line-height: 1;
}
.nav-list .dep4 > li > a {
	margin-bottom: 15px;
	font-weight: 500;
	font-size: 0.75rem;
	line-height: 1.2;
}

.nav-list .dep4 {
	position: absolute;
	width: 100%;
	top: 0;
	left: 100%;
	margin-left: -1px;
	display: none;
	z-index: 9999999999999999999999999;
	padding: 20px 15px 0;
	min-height: 215px;
	background: #fff;
}

.allmenu-bar .dep2 > li {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 1rem 0 1rem;
}

.allmenu-bar .dep3 {height: 100%; width: 100%; padding-top: 1rem;}

.allmenu-bar .dep3 > li {
	display: inline-block;
	vertical-align: top;
	padding: 0 1rem 1rem;
	width: 20%;
}
.allmenu-bar .dep3 > li:nth-child(1), .allmenu-bar .dep3 > li:nth-child(7) {
	padding-left: 0;
}
.allmenu-bar .dep3 > li > a {
	display: block;
	font-size: 0.9rem;
	font-weight: 500;
	background: #0b9ace;
	text-align: center;
	border-radius: 20px;
	padding: 0.5rem 0.5rem;
	color: #fff;
}
.allmenu-bar .dep4 {
	padding-top: 1rem;
}
.allmenu-bar .dep4 > li {
	text-align: center;
}
.allmenu-bar .dep4 > li a {
	padding-bottom: 0.75rem;
	display: block;
	line-height: 1.3;
}








/**mobile**/
.header .slicknav_menu .slicknav_icon-bar {transition: all 0.6s;}

.header .slicknav_btn.slicknav_open {padding-top: 10px;}
.header .slicknav_btn.slicknav_open .slicknav_icon-bar {width: 35px;}
.header .slicknav_btn.slicknav_open .slicknav_icon-bar:first-child {transform: rotate(135deg);}
.header .slicknav_btn.slicknav_open .slicknav_icon-bar:nth-child(2) {display: none;}
.header .slicknav_btn.slicknav_open .slicknav_icon-bar:last-child {transform: rotate(-135deg); margin-top: -2px;}



.slicknav_open .slicknav_item:after {display: none;}



/**sub-page**/
.header.sub-page-header .slicknav_btn.slicknav_open {padding-top: 10px;}
.header.sub-page-header .slicknav_btn.slicknav_open .slicknav_icon-bar {width: 35px;}
.header.sub-page-header .slicknav_btn.slicknav_open .slicknav_icon-bar:first-child {transform: rotate(135deg);}
.header.sub-page-header .slicknav_btn.slicknav_open .slicknav_icon-bar:nth-child(2) {display: none;}
.header.sub-page-header .slicknav_btn.slicknav_open .slicknav_icon-bar:last-child {transform: rotate(-135deg); margin-top: -1.5px;}
.header.sub-page-header .nav-list > li > a {color: #222;}

.slicknav_nav {overflow:scroll;}
.slicknav_nav .dep4 {padding: 0; padding-left: 20%; border-bottom: 1px solid #ddd;}
.slicknav_nav .dep4 li{border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.slicknav_nav .dep4 li:last-child {border-bottom: 0;}
.slicknav_nav .dep2 > li {position: relative; height: auto;} 
.slicknav_nav .dep2 li a {line-height: 1.5;  display: block;}
.slicknav_nav .dep3 > li > a {padding: 8px 15px 8px 50px; font-size: 13px; border-bottom: 1px solid #ddd; background: #eee;}
.slicknav_nav .dep4 > li > a {padding: 8px 15px 8px 50px; font-size: 13px;}

.slicknav_nav .dep4 > .slicknav_parent {border-bottom: 2px solid #ddd;}

.slicknav_nav .dep2 > .slicknav_parent.slicknav_open {}
.slicknav_nav .dep2 > .slicknav_parent.slicknav_open > a {background: #0b9ace;}
.slicknav_nav .dep2 > .slicknav_parent.slicknav_open > a > a {color:#fff; font-weight:500;}

.slicknav_nav .dep3 > .slicknav_parent.slicknav_open > a {background: #0b9ace;}
.slicknav_nav .dep3 > .slicknav_parent.slicknav_open > a > a {color:#fff; font-weight:500;}

.slicknav_nav .dep > .slicknav_parent.slicknav_open > a, .slicknav_nav .dep3 > .slicknav_parent.slicknav_open > a {position: relative;}

.slicknav_nav .dep3 > .slicknav_parent.slicknav_open > a:before {position: absolute; top: 50px; left: 5%; content: ""; width: 22px; height: 14px; background: url(/assets/img//main/next.jpg) no-repeat;}

/**************sub-nav*************/
.header.sub-page-header .nav{position: relative;}
.header.sub-page-header .menu-bar {background: none;}
.header.sub-page-header #mobile_menu {position: relative; padding: 1.1rem 1rem;}

.header.sub-page-header .slicknav_menu {top: 22px;}

.header.sub-page-header .slicknav_menu .slicknav_icon-bar {background: #0b9ace;}



/**************************************************************************************************************************************************************************/

/*responsive*/
@media screen and (max-width:1400px) {
	.header.sub-page-header #smenu_bar, #smenu_bar {background-position: 22% bottom;}
	#smenu_bar .big-menu {font-size: 1.1rem; font-weight: 700; width: 30%;}
	#smenu_bar .dep2 {font-size: 0.9rem}
	#smenu_bar .inner {padding-left: 30%;}
}


@media screen and (max-width:1360px) {
	.nav-list > li {padding: 0 0.5rem;}
}
@media screen and (max-width:1260px) {
	.nav-list {margin-right: 0.4rem;}
}
@media screen and (max-width:1200px) {
    .nav{display:none;}
	#menu {display:none;}
	#mobile_menu{display: block; padding: 1rem;}
	.slicknav_menu {display:block;}
	.pn-ProductNav_Wrapper {display:block;}
	#mobile_menu h1{display:block;}
	#mobile_menu h1 a img {width: 200px;}
	.header_wrap{position:relative;}
	.slicknav_menu {
		top: 68px;
	}
	.slicknav_nav {
		top: 43px;
	}
}
@media screen and (max-width:780px) {
	.slicknav_menu {top: 20px;}
	.mobile-member-btn {display: block;}
}

@media screen and (max-width:480px) {
	#mobile_menu{padding: 1.4rem 0 1.4rem 0.7rem;}
	#mobile_menu h1 a img {width: 170px;}
	.slicknav_nav {
		top: 40px;
	}
}