/*서브-왼쪽메뉴*/

#depth_menu {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 1;
	transition: all 0.5s;
	background: rgba(0,0,0,0.6);
}

#depth_menu dl {
	margin: 0px auto;
	padding: 0;
	display: flex;
	justify-content: center;
	width: 1300px;
}


/*#depth_menu dd:last-child{border-right:0px}
#depth_menu dd{ float:left; color:#fff; line-height:50px; display:inline; height:60px;}
#depth_menu dd a{ color:#333;  font-size:1.25em; display: block; line-height: 60px; font-weight:500; padding:0 25px; transition:all 0.4s;}
#depth_menu dd a:hover{color:#2e73a5; text-decoration:none; height:50px; transition:all 0.4s;}
#depth_menu dd a.current{color:#2e73a5; height:60px; font-weight:500; border-bottom:4px solid #2e73a5; width:100%}*/
#depth_menu dd {
	color: #fff;
	line-height: 50px;
	min-width: 192px;
	display: inline-block;
	height: 50px;
	border-right: none;
	border-bottom: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% / 3);
	margin: 0px auto;
}
#depth_menu dd.item4{ width: calc(100% / 4);}
#depth_menu dd:last-child {
}
/*
#depth_menu dd.home,
#depth_menu dd.home a:hover{
	background: #CF7806;
	min-width: 75px;
	border: none;
}
*/

#depth_menu dd a {
	width: 100%;
	font-family:Verdana,Arial;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	opacity: 0.5;
	transition: all 0.4s;
	padding: 0 20px;
	display: block;
	line-height: normal;
}
#depth_menu dd a > span{
	position: relative;

}
/*#depth_menu dd a > span::after{
	content: '';
	display: inline-block;
	position: absolute;
	top: -8px;
	right: -24px;
	width: 8px;
	height: 8px;
	background: #EF6537;
	border-radius: 50%;
	opacity: 0;
	transition: all 0.3s;
}
#depth_menu dd:hover a > span::after{
	opacity: 1;
	right: -16px;
	transition: all 0.3s;
}*/

#depth_menu dd a:hover,
#depth_menu dd a.current{
	opacity: 1;
	background: #fff;
	/*line-height: 79px;*/
	text-decoration: none;
	transition: all 0.4s;
	color: #222;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width:1299px) {
	#depth_menu dl {
		width: 100%;
	}
}

@media (max-width:1150px) {
	#depth_menu {
		position: absolute;
		transition: all 0.5s;
		/*overflow-x: scroll;*/
		bottom: 0px;
		width: 100%;
		height: 50px;
		/*		background: #fff*/
	}

	#depth_menu dl {
		white-space: nowrap;
		justify-content: flex-start;
	}

	#depth_menu dd {
		white-space: nowrap;
		float: none;
		display: inline-block;
	}

	#depth_menu dd:last-child {
		border-right: 0px
	}

	#depth_menu dd {
		float: none;
		color: #fff;
		line-height: 50px;
		display: inline-block;
		height: 50px;
		min-width: auto;
	}

	#depth_menu dd a {
		font-size: 1.02em;
		display: block;
		height: 100%;
		/*line-height: 38px;*/
		font-weight: 500;
		padding: 0 25px;
		transition: all 0.4s;
	}

	#depth_menu dd a:hover {
		text-decoration: none;
		height: 50px;
		transition: all 0.4s;
	}

	#depth_menu dd a.current {
		height: 50px;
		line-height: 50px;
		font-weight: 500;
		width: 100%
	}
	#depth_menu dd a > span{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
	#depth_menu dd a > span br{
		display: none;
	}

	/*#depth_menu{ display:none}*/
}

@media (max-width:767px) {
	#depth_menu dd a {
		/*		padding: 0 10px;*/
		transition: all 0.4s;
	}
	#depth_menu{ display: none}
}



@media (max-width:350px) {
	#depth_menu{
		display: none !important;
	}
}