.tabMenu { width:1200px; margin:0 auto; display:flex; border-bottom:solid 2px #333; }
.tabMenu li { width:100%; text-align:center; }
.tabMenu li a { display:block; line-height:35px; font-weight:bold; }
.tabMenu li + li { border-left:solid 1px #ccc;}
.tabMenu li.on a { background-color:#333; color:white; }

span.selNum { display:inline-block; height:24px; line-height:24px; }
.selNum.winNum { color:white; font-weight:bold; display:inline-block; width:24px; height:24px; border-radius:12px; background-color:#3682e0 ; }

@media screen and (max-width: 800px) {
	.tabMenu {  width:100%;}

	#num { width:100px; }

	.table section table thead th { font-size:12px; }	
	.table section table thead th span { display: block; height:22px; overflow:hidden;}
	.table section table tbody td { font-size:11px; }


	#ViewPage { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0, 0.7); z-index:1000; display:none; }
	#ViewPage.on { display:block; width:100%; transition: all 3s; }
	#ViewZone { background-color: white; min-height:350px; }
	#zoneClose { position:relative; z-index:2; }
	#zoneClose::after { margin-top:20px; display:block; font:24px/normal 'Font Awesome 6 Free';  content:'\f057'; background-color: white; width:30px; height:30px; text-align:center;margin-left:auto; }

	#reviewClose { position:fixed; width:100%; height:100%; top:0; z-index:1; }
	#ViewPage .table { position:relative; z-index:2; }
}