.preView .menuBox{	
	height:100%;
	width:25%;
	font-size:0;
	overflow:visible;
	white-space:nowrap;word-break:break-all;
}
.preView .menuBox li{
	white-space:normal;word-break:normal;
	display:inline-block;
	width:100%; height:100%;
	position:relative;
	cursor:pointer; z-index:51;
}
.preView .menuBox .dark{
	width:100%; height:100%;
	background-image:url(../images/facs/dark.png);
	opacity:0;
	visibility:hidden;
	transition:opacity 0.5s;
}
.preView .menuBox li:hover .dark{
	opacity:1;
	visibility:visible;
}
.preView .menuBox .titleTxt{
	position:absolute;
	z-index:2; width:100%;
	left:0; right:0;margin:auto;
	bottom:0; top:23%; font-weight:bold;
	text-align:center;
	transition:top 0.5s;
}
.preView .menuBox li:hover .titleTxt{
	top:35%;
}
.preView .menuBox .titleTxt .txtOn{
	opacity:0;
	visibility:hidden;
	font-size:18px;
	color:#fff;
	transition:opacity 0.5s;
}
.preView .menuBox li:hover .txtOn{
	opacity:1;
	visibility:visible;
}
.txtOn span{
	width:40px; height:4px; background-color:#fff;
	display:inline-block;
	margin:20px;
}

/* 네모난 버튼 */
.btnM{
	display:inline-block;position:relative;z-index:1;
	width:100px;height:35px;line-height:30px;
	font-size:12px;color:#fff;
	border:2px solid #fff;
	text-align:center; font-weight:bold;
}
.btnM:hover{
	color:#fff;
}
.btnM::before{
	content:"";
	position:absolute;z-index:-1;bottom:0; left:0;
	width:100%;height:0%;
	background:#457277;
	transition:height 0.3s ease-out;
}
.btnM:hover::before{
	height:100%;
}