<style type="text/css">
.navi{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 9vh;
	background-color: #F6F6F6;
	z-index: 50;
}
.menu-wrap{
	float:left;
	text-align: center;
	width: 20%;
	height: 100%;
}
.menu{
	width: 100%;
	height: 100%;
	display: flex;

}
.menu-icon{
	margin: 2.5vh auto;
}
</style>

<nav class="navi">
	<div class="menu-wrap"><a class="menu" href="storeView.jsp"><img class="menu-icon" src="../resources/images/shop.png" alt="�긽�젏"></a></div>
	<div class="menu-wrap"><a class="menu" href="myJarView.jsp"><img class="menu-icon" src="../resources/images/jar.png" alt="�궡 �쑀由щ퀝 愿�由�"></a></div>
	<div class="menu-wrap"><a class="menu" href="mainView.jsp"><img class="menu-icon" src="../resources/images/home.png" alt="�솃"></a></div>
	<div class="menu-wrap"><a class="menu" href="myInfoView.jsp"><img class="menu-icon" src="../resources/images/user.png" alt="�궡 �젙蹂�"></a></div>
	<div class="menu-wrap"><a class="menu" href="settingsView.jsp"><img class="menu-icon" src="../resources/images/settings.png" alt="�솚寃쎌꽕�젙"></a></div>
</nav>
