@charset "utf-8";

nav ul {
	width: 100%;
}
nav ul:after {
	content: " "; display: block; clear: both; height: 0; visibility: hidden;	
}
nav ul li {
	background-color: #fbfbfb;
	width: 21.5625%; /* 69/320 */
	height: 2.428571428571429em; /* 34/14 */
	border-top: 1px solid #9da2a9;
	border-left: 1px solid #b7babf;
	border-bottom: 1px solid #9da2a9;
	float: left;	
	text-align: center;
	font-size: 1.017857142857143em; /* 21 /14 */
	line-height: 2.571428571428571em;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
}
nav ul li.reset {
	background-color: #fbfbfb;
	border-top: 1px solid #9da2a9;
	border-left: 1px solid #b7babf;
	border-bottom: 1px solid #9da2a9;	
}
nav ul li.selected {
	background-color: #848484;	
	border-top: 1px solid #656565;
	border-left: 1px solid #656565;
	border-bottom: 1px solid #656565;	
}
nav ul li.allow { 
	width: 5.625%; /* 18/320 */
	height: 2.428571428571429em; /* 34/14 */
	border-right: 1px solid #b7babf;
	text-align: right;
}

div.tip_money {
	padding: 10px 10px 0 10px;
	font-face: "고딕체";
	font-size: 13px;
	color:#434343
	line-height: 1.3em;	
}

@media only screen and (min-width : 360px) and (orientation : portrait) {
	nav ul li {
		width: 21.38888888888889%; /* 77/360 */
		height: 2.714285714285714em; /* 38/14 */
		line-height: 2.714285714285714em;
	}
	nav ul li.allow { 
		width: 6.111111111111111%; /* 21/360 */
		height: 2.714285714285714em; /* 38/14 */
	}	
}