@charset "utf-8";

/* Widget Tree */
#vertical-menu {
	margin-top:0px;
	border-top:1px #000 solid;
}
#vertical-menu ul{
	position:absolute;
	display:none;
	top:0;
	bottom:0;
	left:0;
	width:100px;
	background:rgba(225,225,225,0.6) url(/share/img/background/pattern-dig.png);
	padding-top:175px;
}
#vertical-menu ul ul{
	background:rgba(240,240,240,0.6) url(/share/img/background/pattern-dig.png);
	box-shadow:-2px -3px 2px rgba(0,0,0,0.15);
	z-index:300;
}
#vertical-menu .selected ul{
	left:161px;
}

#vertical-menu ul a{
	font-size:12px;
	color:#000;
	font-weight:normal;
	width:89px;
	padding:17px 0px 17px 10px;
	border-top:1px #fff solid;
	border-bottom:1px #bbb solid;
	background: rgb(230,230,230); /* Old browsers */
	background: rgba(230,230,230,0.7);
	background: -moz-linear-gradient(top, rgba(230,230,230,0.7) 0%, rgba(250,250,250,0.7) 50%, rgba(230,230,230,0.7) 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, rgba(230,230,230,0.7) 0%,rgba(250,250,250,0.7) 50%,rgba(230,230,230,0.7) 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, rgba(230,230,230,0.7) 0%,rgba(250,250,250,0.7) 50%,rgba(230,230,230,0.7) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(230,230,230,0.7) 0%,rgba(250,250,250,0.7) 50%,rgba(230,230,230,0.7) 100%); /* W3C */
	box-shadow:2px 0 2px rgba(0,0,0,0.2);
}

#vertical-menu ul li:first-child{
	border-top:1px #ccc solid;
}

#vertical-menu ul a:hover,
#vertical-menu ul a.selected{
	border-top:1px transparent solid;
	color:#fff;
	background:rgba(0,0,0,0.3);
	text-shadow: -1px -1px 0 #444;
}

#vertical-menu ul .selected ul{
	left:100px;
}
#vertical-menu li.selected > ul{
	display:block;
}

#vertical-menu a{
	position:relative;
	padding:15px;
	color:#fff;
	text-decoration:none;
	display:block;
	width:130px;
	font-size:16px;
	font-weight:600;
	border-top:1px #444 solid;
	border-bottom:1px #000 solid;
	background: rgb(37,37,37); /* Old browsers */
	background: rgba(37,37,37,0.7);
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7) 0%,rgba(80,80,80,0.7) 50%,rgba(50,50,50,0.7) 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7) 0%,rgba(80,80,80,0.7) 50%,rgba(50,50,50,0.7) 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7) 0%,rgba(80,80,80,0.7) 50%,rgba(50,50,50,0.7) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(50,50,50,0.7) 0%,rgba(80,80,80,0.7) 50%,rgba(50,50,50,0.7) 100%); /* W3C */
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

#vertical-menu a:hover:after,
#vertical-menu a.selected:after{
	content:'';
	position:absolute;
	background:url(/share/img/icon/link_l.gif) no-repeat;
	right:9px;
	top:18px;
	width:6px;
	height:10px;
	opacity:0.6;
}

#vertical-menu a:hover,
#vertical-menu a.selected{
	box-shadow:inset 0 1px 0px rgba(0,0,0,0.2);
	background:#555;
	background: -moz-linear-gradient(top, rgba(100, 100, 100, 0.92) 0%, rgba(68, 68, 68, 0.92) 1%, rgba(85, 85, 85, 0.92) 3%, rgba(100, 100, 100, 0.92) 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(rgba(100, 100, 100, 0.92)), color-stop(1%, rgba(68, 68, 68, 0.92)), color-stop(3%, rgba(85, 85, 85, 0.92)), to(rgba(100, 100, 100, 0.92)));
}

#vertical-menu span.hair-class{
	color: #444;
	padding: 10px 17px 10px 17px;
	position: relative;
	display: block;
	border-top: none;
	border-bottom: none;
	background: none;
	cursor: default;
	line-height: 1.2;
}

/* 2022-05-26 menu 협력업체 */
#vertical-menu .menu.company{
	background: rgba(225,225,225,0.8);
}
#vertical-menu .menu.company.first{
	padding-top: 10px;
}
#vertical-menu .menu.company:last-child{
	padding-bottom: 10px;
}
/*코스메틱뷰티매니지먼트학과/뷰티테라피&메이크업학과 협약업체 버튼 클릭 비활성화*/
#vertical-menu li:nth-child(2) .sub_1 li:nth-child(4) .sub_2 li:nth-child(3) #menu_ {
    pointer-events: none;
}
#vertical-menu li:nth-child(2) .sub_1 li:nth-child(5) .sub_2 li:nth-child(4) #menu_ {
    pointer-events: none;
}