/*#visual { background-image: url('extend/img/visual.jpg'); height: 685px; background-position: center; background-size: cover; }*/
#visual { display: none; background-image: url('extend/img/visual.jpg'); height: 685px; background-position: center; background-repeat: no-repeat; background-color: black; }
#gameitems { text-align: center; padding: 50px 0; }
#gameitems button { width: 300px; height: 100px; font-weight: 700; font-size: 2em; }
#gameitems div.item { max-width: 1200px; margin: 0 auto 50px; }
#gameitems div.item dt { font-size: 1.9em; font-weight: 700; padding: 20px; border-bottom: 1px solid rgb(223,211,211); margin: 0 0 35px; }
#gameitems div.item dt strong { color: rgb(249,108,39); }
#gameitems div.item dd { height: 390px; padding-left: 609px; background-repeat: no-repeat;}
#gameitems div.item ul { display: grid; grid-template-columns: 1fr 1fr; row-gap: 6px; column-gap: 8px; }
#gameitems div.item ul a { display: block; }
#gameitems div.item ul img { vertical-align: middle; width: 100%; }
#gameitems div.item:nth-of-type(1) dd { background-image: url('extend/img/game-bg01.png'); }
#gameitems div.item:nth-of-type(2) dd { background-image: url('extend/img/game-bg02.png'); }
#gameitems div.item:nth-of-type(3) dd { background-image: url('extend/img/game-bg03.png'); }
#gameitems div.item:nth-of-type(4) dd { background-image: url('extend/img/game-bg04.png'); }
#gameitems div.item:nth-of-type(5) dd { padding: 0; }
#gameitems div.item:nth-of-type(5) ul { grid-template-columns: 1fr 1fr 1fr 1fr; }
#bettinghistory { max-width: 1280px; margin: 0 auto 50px; overflow-x: scroll; padding: 0; }
#bettinghistory table { width: 100%; table-layout: fixed; border-spacing: 0; font-weight: 700; }
#bettinghistory thead th,
#bettinghistory thead td { background: darkblue; color: white; }
#bettinghistory th,
#bettinghistory td { box-sizing: border-box; width: 60px; padding: 5px 0; text-align: center; white-space: nowrap; }
#bettinghistory tr.do td,
#bettinghistory tr.gae td,
#bettinghistory tr.geol td { color: red; }
#bettinghistory tr.yut td,
#bettinghistory tr.mo td,
#bettinghistory tr.backdo td { color: skyblue; }
#bettinghistory tr td.nomatch { color: silver; }

#bettinghistory th:first-child {
	position: sticky;
	left: 0;
	background: gray;   /* 배경색 지정 (투명하면 밑에 셀 글자가 겹쳐보임) */
	z-index: 2;         /* 다른 셀보다 위에 표시되도록 */
	color: white;
}
#bettinghistory thead th:first-child {
	z-index: 3;         /* 헤더는 더 위로 */
	background: darkblue; /* 헤더 배경 유지 */
	color: white;
}
/* Chrome, Edge, Safari */
#bettinghistory::-webkit-scrollbar {
  height: 8px;              /* 가로 스크롤바 높이 */
}

#bettinghistory::-webkit-scrollbar-track {
  background: #f0f0f0;       /* 트랙 배경 */
  border-radius: 4px;
}

#bettinghistory::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #4a90e2, #003366); /* 파란색 그라데이션 */
  border-radius: 4px;
}

#bettinghistory::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(90deg, #5aa0f2, #004080); /* hover 시 밝게 */
}

/* Firefox */
#bettinghistory {
  scrollbar-width: thin;              /* 얇게 */
  scrollbar-color: #4a90e2 #f0f0f0;   /* thumb 색 / track 색 */
}