@font-face {
  font-family: "NotoSansKR";
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: local("NotoSansKR"), url("../../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../../fonts/NotoSansKR-Regular.woff") format("woff"), url("../../fonts/NotoSansKR-Regular.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansKR";
  font-display: auto;
  font-style: medium;
  font-weight: 500;
  src: local("NotoSansKR"), url("../../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../../fonts/NotoSansKR-Medium.woff") format("woff"), url("../../fonts/NotoSansKR-Medium.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansKR";
  font-display: auto;
  font-style: bold;
  font-weight: 700;
  src: local("NotoSansKR"), url("../../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../../fonts/NotoSansKR-Bold.woff") format("woff"), url("../../fonts/NotoSansKR-Bold.otf") format("opentype");
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  vertical-align: top;
}
body,
input,
textarea,
select,
button,
table {
  font-size: 12px;
  line-height: 1.2;
  font-family: "NotoSansKR", "돋움", Dotum, "굴림", Gulim, Helvetica, arial, snas-serif;
}
img,
fieldset {
  border: 0;
  vertical-align: top;
}
ul,
ol,
li {
  list-style: none;
}
em,
address {
  font-style: normal;
}
a {
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
button {
  cursor: pointer;
}
.blind {
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: none;
}
.ir span {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: -1;
  height: 11px;
  font-size: 11px;
}
header,
hgroup,
footer,
section,
article,
nav,
canvas,
figure,
figcaption {
  display: block;
}
/* 'NanumSquare', */
body {
  background: #000;
  width: 100%;
  height: 100%;
}

#wrap {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1920px;
  margin: 0 auto;
  background: url(../img/background.jpg) no-repeat center 100px;
}

.basic_btn {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  text-align: center;
  background: #ff9000;
  border: 1px solid #555;
  transition: all 0.2s;
}
.basic_btn:hover {
  background: #000;
  color: #fff;
}

.basic_btn.black {
  background: #000;
  color: #fff;
}
.basic_btn.black:hover {
  background: #ff9000;
  color: #000;
}

.basic_btn.red {
  background: #ff0000;
  color: #fff;
}

::-webkit-scrollbar {
  width: 10px;
  background-color: #111;
}

::-webkit-scrollbar-thumb {
  background: #ff0000;
}

.txt_red {
  color: #ff0000;
}
.txt_brown {
  color: #271401;
}
.txt_yellow {
  color: #ff9000;
}
.txt_white {
  color: #fff;
}
.txt_blue {
  color: #0272c1;
}
.txt_deepyellow {
  color: #ffb400;
}

.topBgContainer {
  position: absolute;
  width: 100%;
  height: 100px;
  background: url("../img/top_bgpattern.png");
}

.contentsContainer {
  position: relative;
  margin: 0 auto;
  width: 1260px;
}

.contentsContainer .topContents {
  position: relative;
  width: 100%;
  height: 36px;
  display: flex;
  overflow: hidden;
}
.contentsContainer .topContents ul li {
  height: 36px;
  line-height: 36px;
}

.contentsContainer .topContents .notifyBox {
  display: inline-block;
  width: 50%;
  margin-left: 10px;
}
.contentsContainer .topContents .notifyBox .date_box {
  font-size: 12px;
  color: #fff;
  margin-right: 12px;
}
.contentsContainer .topContents .notifyBox .cont_box {
  font-size: 12px;
  color: #fff;
}
.contentsContainer .topContents .notifyBox ul {
  position: relative;
}
.contentsContainer .topContents .notifyBox ul li {
  position: absolute;
  display: block;
  height: 36px;
}

.contentsContainer .topContents .utillBox {
  display: inline-block;
}
.contentsContainer .topContents .utillBox ul li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
}
.contentsContainer .topContents .utillBox ul li:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 11px;
  right: 0px;
  top: 50%;
  margin-top: -6px;
  background: #fff;
}
.contentsContainer .topContents .utillBox ul li a {
  color: #fff;
}
.contentsContainer .topContents .utillBox ul li a:hover {
  color: #ff9000;
  transition: all 0.2s;
}

.contentsContainer .topContents .rightUtills {
  position: absolute;
  width: 560px;
  height: 32px;
  padding-top: 4px;
  right: 0;
  text-align: right;
}
.contentsContainer .topContents .rightUtills .loginForm input {
  width: 148px;
  height: 26px;
  padding: 0 10px;
  border: 1px solid #ff0000;
  background: #fff;
  color: #a7a6a6;
}
.contentsContainer .topContents .rightUtills .loginForm a {
  display: inline-block;
  width: 78px;
  height: 26px;
  line-height: 26px;
}

.contentsContainer .topContents .rightUtills .loginInfo {
  color: #f8d800;
  font-size: 14px;
  padding-top: 6px;
}
.contentsContainer .topContents .rightUtills .loginInfo dt {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  margin-right: 5px;
}
.contentsContainer .topContents .rightUtills .loginInfo dd {
  display: inline-block;
  font-size: 14px;
  color: #7b7b7b;
}
.contentsContainer .topContents .rightUtills .loginInfo span {
  display: inline-block;
  vertical-align: middle;
}
.contentsContainer .topContents .rightUtills .loginInfo a em {
  color: #f8d800;
  font-size: 12px;
}
.contentsContainer .topContents .rightUtills .loginInfo a img {
  vertical-align: middle;
}

.contentsContainer .topContents .rightUtills .loginInfo .logoutBtn {
  display: inline-block;
  margin-left: 30px;
  vertical-align: middle;
}
.contentsContainer .topContents .rightUtills .loginInfo .logoutBtn a {
  color: #fff;
  font-size: 14px;
}
.contentsContainer .topContents .rightUtills .loginInfo .logoutBtn a:hover {
  color: #f8d800;
}

.contentsContainer .menuContents {
  position: relative;
  height: 62px;
}
.contentsContainer .menuContents .topLogo {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.contentsContainer .menuContents .menus {
  position: relative;
  text-align: center;
}
.contentsContainer .menuContents .menus ul {
  font-size: 0;
  padding-left: 65px;
}
.contentsContainer .menuContents .menus ul li {
  display: inline-block;
  text-align: center;
  height: 64px;
}
.contentsContainer .menuContents .menus ul li a {
  position: relative;
  display: inline-block;
  padding: 0 40px;
  height: 64px;
}
.contentsContainer .menuContents .menus ul li a .label {
  position: relative;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
}
.contentsContainer .menuContents .menus ul li a .label span {
  display: block;
  font-size: 14px;
  color: #fff;
  transition: all 0.2s;
}
.contentsContainer .menuContents .menus ul li a .hoverbg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.2s;
  background: #0d0d0d;
}
.contentsContainer .menuContents .menus ul li a:hover .hoverbg {
  opacity: 1;
}
.contentsContainer .menuContents .menus ul li a:hover .label span {
  color: #ff9000;
}

.contentsContainer .bannerContents {
  height: 222px;
  padding-top: 74px;
}
.contentsContainer .bannerContents .banner_wrap {
  position: relative;
  width: 500px;
  height: 165px;
  overflow: hidden;
  margin: 0 auto;
}
.contentsContainer .bannerContents .banner_wrap .banner_item {
  display: inline-block;
  width: 500px;
  text-align: center;
}
.contentsContainer .bannerContents .banner_wrap .banner_item .basic_btn {
  width: 190px;
  height: 38px;
  line-height: 38px;
  border-radius: 38px;
  margin: 25px auto 10px;
  border: 0;
  background: #013cac;
  color: #fff;
}
.contentsContainer .bannerContents .banner_dots {
  margin: 0 auto;
  width: 190px;
  text-align: center;
}
.contentsContainer .bannerContents .banner_dots li {
  display: inline-block;
}
.contentsContainer .bannerContents .banner_dots li button {
  font-size: 0;
  border: 1px solid #ff9000;
  width: 8px;
  height: 8px;
  margin: 0 3px;
  border-radius: 8px;
  background: none;
}
.contentsContainer .bannerContents .banner_dots li.slick-active button {
  background: #ff9000;
}

.contentsContainer .walletContents {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  width: calc(100% - 10px);
  height: 71px;
  margin-top: 25px;
  padding-left: 10px;
  background: #111 url(../img/wallet_board_bg.jpg) no-repeat right top;
  border: 1px solid #444343;
}
.contentsContainer .walletContents .btn-change {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 142px;
  height: 42px;
  background-color: #9e0101;
  font-size: 14px;
  color: #fff;
}
.contentsContainer .walletContents .walletBox {
  position: relative;
  display: flex;
  gap: 18px;
  width: 734px;
  height: 42px;
}
.contentsContainer .walletContents .walletBox__item {
  --box-color: #013cac;

  position: relative;
  display: flex;
  width: 358px;
  height: 100%;
}
.contentsContainer .walletContents .walletBox__item:first-child {
  --box-color: #9e0101;
}
.contentsContainer .walletContents .walletBox__item dt {
  display: flex;
  align-items: center;
  gap: 5px;
  width: calc(50% - 15px);
  height: 100%;
  padding-left: 15px;
  background-color: var(--box-color);
  font-size: 14px;
  color: #fff;
}
.contentsContainer .walletContents .walletBox__item dt span {
  font-size: 12px;
  opacity: 0.5;
}
.contentsContainer .walletContents .walletBox__item dd {
  display: flex;
  align-items: center;
  width: calc(50% - 32px);
  height: calc(100% - 2px);
  padding: 0 15px;
  border: 1px solid var(--box-color);
  font-size: 14px;
  color: #fff;
}

.contentsContainer .walletContents .walletBox .walletHeader {
  position: relative;
  width: 100%;
  height: 50px;
  background: #ff9000;
  color: #000;
}
.contentsContainer .walletContents .walletBox .walletHeader dt {
  display: inline-block;
  font-size: 17px;
  letter-spacing: -1px;
  width: calc(50% - 20px);
  padding-left: 20px;
  line-height: 50px;
}
.contentsContainer .walletContents .walletBox .walletHeader dd {
  display: inline-block;
  font-size: 17px;
  text-align: right;
  letter-spacing: -1px;
  width: calc(50% - 20px);
  padding-right: 20px;
  line-height: 50px;
}

.contentsContainer .walletContents .walletList {
  position: relative;
  width: 100%;
  height: 179px;
  overflow: auto;
}
.contentsContainer .walletContents .walletList ul li {
  background: #181818;
  height: 35px;
  border-bottom: 1px solid #555;
  font-size: 0;
  width: 100%;
}
.contentsContainer .walletContents .walletList ul li:nth-child(2n) {
  background: #000;
}
.contentsContainer .walletContents .walletList ul li dt {
  display: inline-block;
  font-size: 13px;
  color: #c3c3c3;
  width: calc(50% - 20px);
  padding-left: 20px;
  line-height: 35px;
}
.contentsContainer .walletContents .walletList ul li dd {
  display: inline-block;
  font-size: 13px;
  color: #ff9000;
  width: calc(50% - 20px);
  padding-right: 20px;
  text-align: right;
  line-height: 35px;
}
.contentsContainer .walletContents .walletList .walletPrice {
  height: 48px;
  background: #099101;
  border: 1px solid #555;
  padding: 0 10px;
  font-size: 0;
  line-height: 48px;
  color: #fff;
}
.contentsContainer .walletContents .walletList .walletPrice dt {
  display: inline-block;
  width: 35%;
  font-size: 14px;
}
.contentsContainer .walletContents .walletList .walletPrice dd {
  display: inline-block;
  width: 65%;
  text-align: right;
  font-size: 13px;
}

.contentsContainer .walletContents .gameMoney {
  position: relative;
  display: inline-block;
  width: 350px;
  vertical-align: top;
  margin-top: 19px;
  margin-left: 80px;
}
.contentsContainer .walletContents .gameMoney p {
  font-size: 17px;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}
.contentsContainer .walletContents .gameMoney input {
  width: 310px;
  height: 35px;
  border: 1px solid #555;
  background: #000;
  padding: 0 20px;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.contentsContainer .walletContents .excahngeMoney {
  position: relative;
  margin-bottom: 10px;
}
.contentsContainer .walletContents .excahngeMoney p {
  position: absolute;
  top: 13px;
  right: 10px;
  font-size: 12px;
}
.contentsContainer .walletContents .gameMoney a {
  height: 68px;
  line-height: 68px;
  background: #013cac;
  color: #fff;
  border-color: #555;
}

.contentsContainer .walletContents .gameMoney input[type="radio"] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.contentsContainer .walletContents .gameMoney label {
  display: block;
  font-size: 14px;
  width: 100%;
  height: 35px;
  border: 1px solid #555;
  text-align: center;
  line-height: 35px;
  margin-bottom: 5px;
  background-color: #ff9000;
  cursor: pointer;
  color: #fff;
}
.contentsContainer .walletContents .gameMoney input[type="radio"]:checked + label {
  background-color: #ff0000;
}

.contentsContainer .jackpotContents {
  position: relative;
  width: 1010px;
  height: 92px;
  background: #ff0000 url(../img/jackpot_bg.png) no-repeat;
  margin-top: 17px;
}
.contentsContainer .jackpotContents ul {
  position: absolute;
  left: 477px;
  top: 12px;
  width: 515px;
  font-size: 0;
  overflow: hidden;
  height: 68px;
}
.contentsContainer .jackpotContents ul li {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 80px;
  margin-top: -12px;
}
.contentsContainer .jackpotContents ul li.number {
  width: 41px;
  background: url(../img/jackpot_count_bg.png) no-repeat;
  margin: -6px 1px 0;
}
.contentsContainer .jackpotContents ul li img {
  position: absolute;
  left: 0;
  top: 0;
}

.contentsContainer .gameListContents {
  padding-top: 78px;
  margin-top: 40px;
}
.contentsContainer .gameListContents.casino {
  background: url(../img/casino_title.png) no-repeat;
}
.contentsContainer .gameListContents.slot {
  background: url(../img/slot_title.png) no-repeat;
  margin-top: 40px;
}
.contentsContainer .gameListContents ul {
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 21px;
}
.contentsContainer .gameListContents ul li {
  position: relative;
  display: inline-block;
  width: 162px;
  height: 199px;
}
.contentsContainer .gameListContents ul li:nth-child(6n) {
  margin-right: 0;
}
.contentsContainer .gameListContents ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.contentsContainer .gameListContents ul li a .hover_box {
  position: absolute;
  left: 4px;
  top: 4px;
  width: 154px;
  height: 192px;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: all 0.2s;
  text-align: center;
}
.contentsContainer .gameListContents ul li a:hover .hover_box {
  opacity: 1;
}

.contentsContainer .gameListContents ul li .hover_box .hover_cont {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.contentsContainer .gameListContents ul li .hover_box .game_name {
  font-size: 14px;
  color: #fff;
  margin-bottom: 5px;
}

.contentsContainer .couponContents {
  position: relative;
  width: 100%;
  height: 92px;
  margin-top: 50px;
  font-size: 0;
  background: url(../img/coupon_bg.png) no-repeat;
}
.contentsContainer .couponContents dd {
  display: inline-block;
  margin-left: 5px;
  margin-top: 26px;
}
.contentsContainer .couponContents dd:first-child {
  margin-left: 15px;
}
.contentsContainer .couponContents dd select {
  width: 230px;
  height: 36px;
  background: #000;
  border: 1px solid #444343;
  color: #fff;
  padding: 0 10px;
  font-size: 12px;
}
.contentsContainer .couponContents dd input {
  width: 210px;
  height: 34px;
  background: #000;
  border: 1px solid #444343;
  color: #fff;
  padding: 0 10px;
  font-size: 12px;
}
.contentsContainer .couponContents dd input::placeholder {
  color: #fff;
}
.contentsContainer .couponContents dd a {
  width: 140px;
  height: 34px;
  line-height: 34px;
}

.contentsContainer .boardContents {
  position: relative;
  width: 100%;
  height: 194px;
  margin-top: 25px;
  overflow: hidden;
  background: #181818;
  font-size: 0;
}
.contentsContainer .boardContents .boardTable {
  position: relative;
  display: inline-block;
  font-size: 13px;
  width: 33.3%;
  height: 100%;
  vertical-align: top;
}
.contentsContainer .boardContents .boardTable:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #282828;
  top: 0;
  right: 0;
}
.contentsContainer .boardContents .boardTable > p {
  position: relative;
  z-index: 10;
  font-size: 13px;
  color: #ff9000;
  line-height: 33px;
  display: block;
  width: calc(100% - 11px);
  padding-left: 10px;
  height: 33px;
  background: #080808;
}
.contentsContainer .boardContents .boardTable .btn_allview {
  position: absolute;
  right: 8px;
  top: 0;
  line-height: 33px;
  z-index: 15;
}
.contentsContainer .boardContents .boardTable .btn_allview a {
  font-size: 13px;
  color: #646464;
}
.contentsContainer .boardContents .boardTable ul {
  position: relative;
}
.contentsContainer .boardContents .boardTable ul > li {
  height: 32px;
  background: #000;
  padding: 0 10px;
}
.contentsContainer .boardContents .boardTable ul > li:nth-child(2n) {
  background: #151515;
}
.contentsContainer .boardContents .boardTable ol {
  font-size: 0;
}
.contentsContainer .boardContents .boardTable ol li {
  display: inline-block;
  font-size: 13px;
  color: #a4a3a3;
  line-height: 32px;
  height: 32px;
}
.contentsContainer .boardContents .boardTable ol li:last-child {
  margin: 0;
}
.contentsContainer .boardContents .boardTable ol li a {
  color: #fff;
}
.contentsContainer .boardContents .boardTable ol li a:hover {
  color: #ff9000;
}
.contentsContainer .boardContents .boardTable ol li:nth-child(1) {
  width: 80px;
  margin-right: 30px;
}
.contentsContainer .boardContents .boardTable ol li:nth-child(2) {
  width: 120px;
  margin-right: 10px;
}
.contentsContainer .boardContents .boardTable ol li:nth-child(3) {
  width: 159px;
}
.contentsContainer .boardContents .boardTable:first-child ol li:nth-child(2) {
  width: 278px;
}

.contentsContainer .linkContents {
  width: 100%;
  height: 76px;
  margin-top: 15px;
  background: #111;
}
.contentsContainer .linkContents ul {
  font-size: 0;
}
.contentsContainer .linkContents ul li {
  position: relative;
  display: inline-block;
  width: 25%;
  text-align: center;
}
.contentsContainer .linkContents ul li:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 52px;
  right: 0;
  top: 12px;
  background: #282828;
}
.contentsContainer .linkContents ul li:last-child:after {
  display: none;
}
.contentsContainer .linkContents ul li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 18px 0;
}
.contentsContainer .linkContents ul li a img {
  vertical-align: middle;
  margin-right: 5px;
}
.contentsContainer .linkContents ul li a dl {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.contentsContainer .linkContents ul li a dl dt {
  font-size: 13px;
  color: #fff;
}
.contentsContainer .linkContents ul li a dl dd {
  font-size: 18px;
  color: #ff9000;
}

.floattingContainer {
  position: absolute;
  width: 76px;
  left: 50%;
  margin-left: 640px;
  top: 420px;
}
.floattingContainer ul {
  display: block;
  width: 76px;
}
.floattingContainer ul li {
  position: relative;
  width: 76px;
  height: 98px;
  margin-bottom: 15px;
}
.floattingContainer ul li:last-child {
  height: 114px;
}
.floattingContainer ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.floattingContainer ul li a span {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 13px;
  letter-spacing: -1px;
  position: absolute;
  text-align: center;
  bottom: 0;
}
.floattingContainer ul li:nth-child(1) a {
  background: url(../img/floatting_menu_ico_01.png) no-repeat;
}
.floattingContainer ul li:nth-child(2) a {
  background: url(../img/floatting_menu_ico_02.png) no-repeat;
}
.floattingContainer ul li:nth-child(3) a {
  background: url(../img/floatting_menu_ico_03.png) no-repeat;
}
.floattingContainer ul li:nth-child(4) a {
  background: url(../img/floatting_menu_ico_04.png) no-repeat;
}
.floattingContainer ul li:nth-child(5) a {
  background: url(../img/floatting_menu_ico_05.png) no-repeat;
}
.floattingContainer ul li:nth-child(6) a {
  background: url(../img/floatting_menu_ico_06.png) no-repeat;
}
.floattingContainer ul li:nth-child(7) a {
  background: url(../img/floatting_menu_ico_07.png) no-repeat;
}
.floattingContainer ul li:nth-child(8) a {
  background: url(../img/floatting_menu_ico_08.png) no-repeat;
}

.bottomContainer {
  padding: 25px 0 35px;
  background: #292929;
  margin-top: 40px;
  z-index: 10;
  text-align: center;
}
.bottomContainer p:nth-child(2) {
  margin: 12px 0;
}
.bottomContainer p:nth-child(3) {
  font-size: 12px;
  color: #a0a0a0;
}

#popCont {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 99999;
}

#popCont .popContBlock {
  position: absolute;
  display: none;
  border: 3px solid #ff9000;
  left: 50%;
  transform: translateX(-50%);
  top: 60px;
}
#popCont .popContBlock .popCloser {
  position: absolute;
  width: 30px;
  height: 29px;
  right: 30px;
  top: 40px;
}
#popCont .popContBlock .popCloser a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/btn_close.png) no-repeat;
  font-size: 0;
}

.popContents {
  width: 1010px;
  padding: 25px;
  background-color: #000;
  background-image: url(../img/pop_bg.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
}
.popContents .popLogo {
  text-align: center;
  margin-bottom: 15px;
}

.popContents.nonebg {
  background-image: none;
  background-color: #1e1e1e;
}

.gameBoard {
  background-image: url(../img/gameboard_topbg.png);
  background-repeat: no-repeat;
}
.gameBoard .gameHeader {
  position: absolute;
  left: 25px;
  top: 60px;
}
.gameBoard .gameHeader p {
  font-size: 40px;
  font-weight: 400;
  color: #000;
  letter-spacing: -1px;
}

.gameBoard .gameList {
  position: relative;
  width: 1010px;
  height: 568px;
  overflow: auto;
  margin-top: 50px;
  text-align: center;
}
.gameBoard .gameList ul {
  font-size: 0;
}
.gameBoard .gameList ul li {
  position: relative;
  display: inline-block;
  width: 145px;
  height: 177px;
  overflow: hidden;
  margin-right: 15px;
  margin-bottom: 15px;
}
.gameBoard .gameList ul li:nth-child(6n) {
  margin-right: 0;
}
.gameBoard .gameList ul li .thumbBox img {
  width: 100%;
  transition: all 0.2s;
}
.gameBoard .gameList ul li .gnameBox {
  position: relative;
  width: 135px;
  height: 32px;
  padding: 0 5px;
  background: #303030;
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 32px;
}
.gameBoard .gameList ul li:hover .thumbBox img {
  transform: scale(1.15);
}

.popContents.gameGuide {
  width: 763px;
  background: url(../img/game_guide_title.png) no-repeat;
}
.popContents.gameGuide .popLogo {
  margin-bottom: 40px;
}
.gameGuide .guideContents {
  position: relative;
  width: 761px;
  margin: 0 auto;
  border: 1px solid #8d8c8c;
}
.gameGuide .guideContents .guideTab {
  width: 100%;
  height: 48px;
  border-bottom: 1px solid #8d8c8c;
}
.gameGuide .guideContents .guideTab ul {
  font-size: 0;
}
.gameGuide .guideContents .guideTab ul li {
  position: relative;
  display: inline-block;
  width: 25%;
  height: 100%;
}
.gameGuide .guideContents .guideTab ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background: #1e1e1e;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 48px;
  transition: all 0.2s;
}
.gameGuide .guideContents .guideTab ul li a:hover,
.gameGuide .guideContents .guideTab ul li.on a {
  background: #ff0000;
}

.gameGuide .guideContents .guideImgs {
  padding: 10px;
  background: #000;
  text-align: center;
}
.gameGuide .guideContents .guideImgs img {
  display: none;
}
.gameGuide .guideContents .guideImgs img:first-child {
  display: block;
}

.popMenuContents ul {
  font-size: 0;
}
.popMenuContents ul li {
  display: inline-block;
  width: 144px;
  height: 48px;
}
.popMenuContents ul li:last-child {
  width: 146px;
}
.popMenuContents ul li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #fff;
  line-height: 48px;
  background: #1e1e1e;
  text-align: center;
  transition: all 0.2s;
}
.popMenuContents ul li.on a,
.popMenuContents ul li a:hover {
  background: #ff0000;
}

.popContArea {
  padding: 40px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #9e9d9d;
}

.moneyExchange {
  display: flex;
  flex-wrap: nowrap;
}
.moneyExchange .exchangeContents {
  position: relative;
  width: 457px;
}
.moneyExchange .exchangeContents:first-child {
  margin-right: 16px;
}
.moneyExchange .exchangeContents > p {
  font-size: 16px;
  color: #ff0000;
  letter-spacing: -0.5px;
}
.moneyExchange .exchangeContents .refalshBtn {
  position: absolute;
  right: 0;
  top: 3px;
}
.moneyExchange .exchangeContents .listWrap {
  position: relative;
  width: 455px;
  height: 538px;
  border: 1px solid #555555;
  overflow: auto;
}
.moneyExchange .exchangeContents .listWrap ul li {
  height: 48px;
  padding: 0 10px;
  border-bottom: 1px solid #555;
  background: #181818;
  font-size: 0;
}
.moneyExchange .exchangeContents .listWrap ul li:nth-child(2n) {
  background: #303030;
}
.moneyExchange .exchangeContents .listWrap ul li dd {
  display: inline-block;
  font-size: 14px;
  color: #c3c3c3;
  width: 50%;
  line-height: 48px;
}
.moneyExchange .exchangeContents .listWrap ul li dd:nth-child(2) {
  color: #f8d800;
  text-align: right;
}
.moneyExchange .exchangeContents .totalPrice {
  width: 435px;
  height: 50px;
  padding: 0 10px;
  border: 1px solid #555;
  border-top: 0;
  background: #ff0000;
  color: #fff;
  font-size: 0;
}
.moneyExchange .exchangeContents .totalPrice dd {
  display: inline-block;
  font-size: 14px;
  width: 50%;
  line-height: 50px;
}
.moneyExchange .exchangeContents .totalPrice dd:nth-child(2) {
  text-align: right;
}

.moneyExchange .exchangeContents .exchangeForm {
  position: relative;
  width: 435px;
  padding: 20px 10px;
  border: 1px solid #555;
  background: #181818;
}
.moneyExchange .exchangeContents .exchangeForm dl {
  margin-bottom: 20px;
}
.moneyExchange .exchangeContents .exchangeForm dl:last-child {
  margin-bottom: 0;
}
.moneyExchange .exchangeContents .exchangeForm dt {
  font-size: 14px;
  color: #f8d800;
  margin-bottom: 10px;
}
.moneyExchange .exchangeContents .exchangeForm dd {
  position: relative;
}
.moneyExchange .exchangeContents .exchangeForm dd select {
  width: 435px;
  height: 48px;
  border: 1px solid #767676;
  background: #303030;
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
}
.moneyExchange .exchangeContents .exchangeForm dd input {
  width: 400px;
  height: 46px;
  border: 1px solid #767676;
  background: #303030;
  padding: 0 10px;
  padding-right: 25px;
  text-align: right;
  color: #f8d800;
  font-size: 14px;
}
.moneyExchange .exchangeContents .exchangeForm dd p {
  position: absolute;
  font-size: 14px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}

.popContents .popNotify {
  background: #3a5da0;
  padding: 12px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
}
.popContents .popNotify dt {
  display: inline-block;
  color: #ff0000;
}
.popContents .popNotify dd {
  display: inline-block;
}

.popContents .listingContents {
  margin-top: 15px;
}
.popContents .listingContents ul > li {
  position: relative;
  border-bottom: 1px solid #b2b2b2;
  padding: 12px 0 5px;
  font-size: 0;
}
.popContents .listingContents ul > li:last-child {
  border-bottom: 0;
}
.popContents .listingContents ul > li dt {
  position: relative;
  display: inline-block;
  width: 88px;
  padding-left: 12px;
  padding-top: 11px;
  font-size: 14px;
  color: #3a5da0;
  font-weight: 500;
}
.popContents .listingContents ul > li dd {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #595757;
  margin-right: 10px;
}
.popContents .listingContents ul > li dd:last-child {
  margin-right: 0;
}
.popContents .listingContents ul > li dd select {
  width: 542px;
  height: 38px;
  border: 1px solid #555;
  background: #303030;
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
}
.popContents .listingContents ul > li dd input {
  width: 522px;
  height: 36px;
  border: 1px solid #555;
  background: #303030;
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
}
.popContents .listingContents ul > li dd.notify {
  padding-top: 11px;
  letter-spacing: -1px;
}
.popContents .listingContents ul > li dd.price input {
  width: 507px;
  padding-right: 25px;
  text-align: right;
  color: #f8d800;
}
.popContents .listingContents ul > li dd.price p {
  position: absolute;
  right: 10px;
  font-size: 14px;
  color: #fff;
  top: 10px;
}
.popContents .listingContents ul > li dd ol.deposit_btn_group {
  font-size: 0;
  margin-top: 5px;
}
.popContents .listingContents ul > li dd ol.deposit_btn_group li {
  display: inline-block;
  margin-right: 5px;
}
.popContents .listingContents ul > li dd ol.deposit_btn_group li:last-child {
  margin: 0;
}
.popContents .listingContents ul > li dd ol.deposit_btn_group li a {
  width: 84px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}
.popContents .listingContents ul > li dd ol.deposit_btn_group li:last-child a {
  width: 87px;
}
.popContents .listingContents ul > li dd textarea {
  width: 522px;
  height: 125px;
  border: 1px solid #555;
  background: #303030;
  resize: none;
  padding: 10px;
  color: #fff;
  font-size: 14px;
}
.popContents .listingContents ul > li span.notify {
  display: block;
  padding-left: 12px;
  font-size: 14px;
  color: #ff0000;
}

.popContents .deposit .listingContents ul > li dt {
  width: 118px;
}
.popContents .deposit .listingContents .reqBtn {
  width: 178px;
  height: 38px;
  line-height: 38px;
}

.popContents .btnGroup {
  margin-top: 25px;
  text-align: center;
}
.popContents .btnGroup a {
  display: inline-block;
  width: 275px;
  height: 44px;
  line-height: 44px;
}

.popContents .btnGroup.small {
  margin: 10px 0 20px;
  text-align: right;
}
.popContents .btnGroup.small a {
  width: auto;
  padding: 0 20px;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}

.popContents .listingContents ul > li.bankInfo select {
  width: 316px;
}
.popContents .listingContents ul > li.bankInfo input {
  width: 245px;
}

.popContents .pointBox {
  position: relative;
  padding-bottom: 20px;
}
.popContents .pointBox:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #aba9a9;
  bottom: 0;
}
.popContents .pointBox .pointTab ul {
  font-size: 0;
  margin-bottom: 10px;
}
.popContents .pointBox .pointTab ul li {
  display: inline-block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  margin-right: 10px;
}
.popContents .pointBox .pointTab ul li:last-child {
  margin-right: 0;
}
.popContents .pointBox .pointTab ul li.on .basic_btn.black {
  background: #ff9000;
  color: #000;
}

.popContents .tableBox table {
  border: 1px solid #555;
}
.popContents .tableBox table th {
  background: #3a5da0;
  font-size: 14px;
  color: #fff;
  height: 36px;
  vertical-align: middle;
}
.popContents .tableBox table td {
  background: #1e1e1e;
  font-size: 14px;
  color: #dcdddd;
  padding: 15px;
  vertical-align: middle;
  text-align: center;
  border-top: 1px solid #555;
}
.popContents .tableBox table tr:nth-child(2n + 1) td {
  background: #303030;
}
.popContents .tableBox p {
  font-size: 16px;
  font-weight: 500;
  color: #3a5da0;
  margin-bottom: 8px;
}
.popContents .tableBox table td a {
  color: #dcdddd;
}

.popContents .paging ul {
  font-size: 0;
  text-align: center;
  margin-top: 12px;
}
.popContents .paging ul li {
  display: inline-block;
  margin: 0 3px;
}
.popContents .paging ul li a {
  display: inline-block;
  padding: 6px 10px;
  color: #fff;
  background: #303b43;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
}
.popContents .paging ul li.on a {
  background: #ff0000;
}

.popContents .usePoint {
  padding: 10px;
  border: 1px solid #555;
  background: #1e1e1e;
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.popContents .usePoint select {
  display: inline-block;
  vertical-align: middle;
  width: 375px;
  height: 36px;
  border: 1px solid #555;
  background: #303030;
  padding: 0 10px;
  font-size: 14px;
  color: #fff;
  margin-right: 10px;
}
.popContents .usePoint .price {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.popContents .usePoint .price input {
  width: 265px;
  height: 34px;
  padding-left: 10px;
  padding-right: 25px;
  text-align: right;
  color: #f8d800;
  border: 1px solid #555;
  background: #303030;
}
.popContents .usePoint .price p {
  position: absolute;
  right: 10px;
  font-size: 14px;
  color: #fff;
  top: 10px;
}
.popContents .usePoint .basic_btn {
  display: inline-block;
  width: 200px;
  height: 34px;
  line-height: 34px;
  margin-left: 10px;
  vertical-align: middle;
}

.popContents .points .tableBox {
  margin-top: 20px;
}

.popContents .coupons .tableBox select {
  display: inline-block;
  width: 180px;
  height: 28px;
  border: 1px solid #b1b0b0;
  background: #898989;
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
}
.popContents .coupons .tableBox .basic_btn {
  display: inline-block;
  width: 60px;
  height: 26px;
  line-height: 26px;
  margin-left: 2px;
}

.popContents .changePwd {
  position: relative;
  width: 930px;
  height: 611px;
}
.popContents .changePwd img {
  position: absolute;
  left: -40px;
  top: -40px;
}

.popContents.login {
  width: 420px;
  text-align: center;
}
.popContents.login p {
  font-size: 15px;
  font-weight: 700;
  color: #f8d800;
  margin-top: 40px;
  margin-bottom: 20px;
}
.popContents.login .loginForm ul li {
  display: inline-block;
  margin-bottom: 10px;
}
.popContents.login .loginForm ul li input {
  width: 290px;
  height: 36px;
  padding: 0 10px;
  font-size: 14px;
  color: #fff;
  border: 1px solid #555;
  background: #303030;
}
.popContents.login .loginForm ul li .basic_btn {
  width: 308px;
  height: 36px;
  line-height: 36px;
}

.popContents.memberjoin .listingContents {
  padding: 150px 40px 40px;
  background: #000 url(../img/memjoin_bg.png) no-repeat top center;
  border: 1px solid #555;
}
.popContents.memberjoin .listingContents ul > li {
  border: 0;
}
.popContents.memberjoin .listingContents ul > li dt {
  width: 120px;
  color: #ff9000;
  text-align: right;
  padding-left: 0;
  padding-right: 12px;
}
.popContents.memberjoin .certifyBtn {
  width: 148px;
  height: 36px;
  line-height: 36px;
}

.board .popMenuContents ul li {
  width: 25%;
}

.popContents .viewBox {
  border: 1px solid #555;
  margin-bottom: 10px;
}
.popContents .viewBox .viewHeader {
  padding: 0 20px;
  background: #303030;
  color: #dcdddd;
  border-bottom: 1px solid #555;
  line-height: 36px;
  height: 36px;
  font-size: 0;
  font-weight: 500;
}
.popContents .viewBox .viewHeader dd {
  display: inline-block;
  font-size: 16px;
  width: 30%;
  text-align: right;
}
.popContents .viewBox .viewHeader dd:first-child {
  width: 70%;
  text-align: left;
}

.popContents .viewBox .viewContent {
  position: relative;
  padding: 20px;
  background: #1e1e1e;
  font-size: 14px;
  color: #dcdddd;
  line-height: 35px;
}

.board .tableBox table td a {
  transition: all 0.2s;
}
.board .tableBox table td a:hover {
  color: #ff0000;
}

.popContents .writeBox {
  padding: 20px;
  border: 1px solid #555;
  background: #1e1e1e;
}
.popContents .writeBox dt {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 6px;
}
.popContents .writeBox dd input {
  padding: 0 10px;
  border: 1px solid #555;
  background: #303030;
  width: calc(100% - 22px);
  height: 36px;
  color: #fff;
  margin-bottom: 20px;
}
.popContents .writeBox dd textarea {
  padding: 10px;
  border: 1px solid #555;
  background: #303030;
  width: calc(100% - 22px);
  height: 100px;
  resize: none;
  color: #fff;
}

.popContents .contpage.inpuiry .writeBox {
  display: none;
  margin-bottom: 20px;
}

.casino-wrap .contentsContainer .gameListContents.casino {
  background: url(../img/casino_header.png) no-repeat;
}
.casino-wrap .contentsContainer .gameListContents.slot {
  background: url(../img/slot_header.png) no-repeat;
}

.loadingContainer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999999;
  left: 0;
  top: 0;
  display: none;
}
.loadingContainer .loading {
  position: absolute;
  width: 416px;
  height: 485px;
  padding-left: 56px;
  left: 50%;
  top: 50%;
  margin-left: -208px;
  margin-top: -242px;
}
.loadingContainer .loading .loadingBlock {
  position: absolute;
  width: 384px;
  height: 40px;
  font-size: 0;
  border: 2px solid #ff0000;
  border-radius: 40px;
  top: 190px;
  left: 0;
}
.loadingContainer .loading .loadingBlock .loadingBar {
  position: absolute;
  width: 374px;
  height: 30px;
  left: 5px;
  top: 5px;
  border-radius: 30px;
  overflow: hidden;
  font-size: 0;
  white-space: nowrap;
}
.loadingContainer .loading .loadingBlock .loadingBar span {
  display: inline-block;
  width: 27.5px;
  height: 30px;
  background: #ff0000;
  margin-right: 4px;
}

#notiPopCont {
  position: fixed;
  left: 0;
  top: 0;
  width: calc(100% - 60px);
  height: calc(100% - 200px);
  padding: 100px 30px;
  display: none;
  overflow: auto;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  text-align: center;
}
#notiPopCont .notiPop {
  position: relative;
  display: inline-block;
  border: 3px solid #ff0000;
  background: #000;
  margin: 5px;
}
#notiPopCont .notiPop .contarea img {
  width: 100%;
  height: auto;
}
#notiPopCont .notiPop .popCloser {
  position: absolute;
  width: 30px;
  height: 29px;
  right: 5px;
  top: 5px;
}
#notiPopCont .notiPop .popCloser a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/btn_close.png) no-repeat;
  font-size: 0;
}

#notiPopCont .notiPop .notOpen a {
  width: calc(100% - 12px);
  height: 35px;
  line-height: 35px;
  margin: 5px auto;
  background: #ff0000;
  color: #fff;
}

.popContents.attendance .calendar .calendarHeader ul {
  font-size: 0;
  text-align: center;
}
.popContents.attendance .calendar .calendarHeader ul li {
  display: inline-block;
  vertical-align: middle;
}
.popContents.attendance .calendar .calendarHeader ul li a {
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
.popContents.attendance .calendar .calendarHeader ul li span {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

.popContents.attendance .calendar table {
  position: relative;
  width: 100%;
  border: 1px solid #9e9d9d;
}
.popContents.attendance .calendar table tr th {
  padding: 10px 0;
  background: #000;
  color: #fff;
  border: 1px solid #9e9d9d;
}
.popContents.attendance .calendar table tr td {
  position: relative;
  font-size: 15px;
  padding: 10px;
  border: 1px solid #9e9d9d;
  height: 110px;
  background-color: rgba(255, 255, 255, 0.9);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70%;
}
.popContents.attendance .calendar table tr td.on {
  background-image: url(../img/attendance_ok.png);
}
.popContents.attendance .calendar table tr td.no {
  background-image: url(../img/attendance_no.png);
}
.popContents.attendance .calendar table tr th:first-child {
  background: #ff0000;
}
.popContents.attendance .calendar table tr th:last-child {
  background: #0096ff;
}
.popContents.attendance .calendar table tr td:first-child {
  color: #ff0000;
}
.popContents.attendance .calendar table tr td:last-child {
  color: #0096ff;
}

.popContents.joincode .listingContents ul > li {
  border: 0;
}
.popContents.joincode .listingContents ul > li dt {
  width: 170px;
  color: #fff;
  text-align: center;
  background: #013cac;
  padding: 0;
  height: 38px;
  margin-right: 10px;
  line-height: 38px;
}
.popContents.joincode .listingContents ul li dd input {
  width: 808px;
  background: #fff;
  color: #000;
}