@import 'normalize.min.css';
@import '../font-awesome/css/font-awesome.min.css';
@import '../loading/loading.css';

@font-face {
  font-family: 'gyeonggiTitle_Light';
  src: url('../font/gyeonggiTitle_Light/gyeonggiTitleLight.woff2') format('woff2'),
  url('../font/gyeonggiTitle_Light/gyeonggiTitleLight.woff') format('woff'),
  url('../font/gyeonggiTitle_Light/gyeonggiTitleLight.eot'),
  url('../font/gyeonggiTitle_Light/gyeonggiTitleLight.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

:root {
  --background-color : #0f1116;
  --header-color : #14171e;
  --header-text-color : #ffffff;
  --footer-color : #1E1E1E;
  --main-color-rgb : 20,23,29;
  --main-h-color : #14171d;
  --sub-color : #2A2A2A;
  --sub-color-rgb : 121,153,5;
  --box-color : #202020;
  --text-color: #fff;
  --text-sub-color : #999999;
  --basic-btn : #14171e;
  --basic-sub-btn : #2c3959;
  --delet-btn : #14171d;
  --delet-sub-btn : #2E343E;
  --input-color : #F5F5F5;
  --border-color : #3F4041;
  --main-text-color : #C8AF77;
  --main-slide-color : #799905;
  --main-btn-text-color : #fff;
  --border-sub-color : #323639;
  --main-text-color-rgb : 121, 153, 5;
  --pagination-color : rgba(255,255,255,0.8);
  --bet-btn-color : #799905;
  --bet-text-color : #fff;
  --table-th-text-color : #fff;
  --success-color : #66D168;
  --failure-color : #CC5A40;

  --bet-background-color : #3E4148;
  --sub-bet-background-color : #505258;
}

* { margin: 0; padding: 0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: 'gyeonggiTitle_Light'; font-weight: normal; font-style: normal;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
button {     outline: none;
  border: none;
  padding: 2px 15px; }
ul, ol, li { list-style: none; }
img { border: none; }
input, select { color: #000; outline: none; }
a{color:#0f0;}
a:hover{
  color:#fff;
}
/* 공통 스타일 */
.blind { display: none; }

.fix { width: 100%; }

.float-left { float: left; }
.float-right { float: right; }

.clearfix { zoom: 1; }
.clearfix:after { display: block; content: ""; clear: both; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nowrap { white-space: nowrap; }

.bg-red { background-color: #00ecc8; }
.bg-darkred { background-color: darkred; }
.bg-green { background-color: green; }
.bg-48c { background-color: #48c; }
.bg-gr { background-color: #14805e; }
.bg-yellow { background-color: #ffb300; }
.btn-both-style.bg-yellow, button.bg-yellow  { background-color: #ec7500; color:#000;}

.border-radius { /* border-radius: 5px; */ }

.vertical-middle * { vertical-align: middle; }

.L { text-align: left !important; }
/* 공통 스타일 끝 */


/* 바디 배경 */
body {  color: #ddd; }

@media (orientation: portrait) {
  body{ background-size: auto 100%;}
}

@media (max-width: 1080px) and (orientation: landscape) {
  body{ background-image: url(../img/bg-1080.jpg); background-size: 100% auto; }
}
/* 바디 배경 끝 */



/* 스크롤바 */
::-webkit-scrollbar {
    width: 2px;
  height: 2px;
    position: absolute;
}

::-webkit-scrollbar-track {
    background: #eee;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
/* 스크롤바 끝 */



/* 오버레이 */
#overlay { background: #000; z-index: 99; opacity: 0.5; position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
/* 오버레이 끝 */

/* 버튼그룹 */
.btn-group {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

.btn-group > .btn-cell {
  display: table-cell;
}

.btn-group > .btn-cell button {
  width: 100%;
  border: 1px solid #000;
  border-right: none;
}

.btn-group > .btn-cell:first-child button {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.btn-group > .btn-cell:last-child button {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-right: 1px solid #000;
}
/* 버튼그룹 끝 */

.input-row {  color: #fff; font-size: 12px; padding-bottom:10px;}

.input-pad { }

.input-pad input {
  width: 100%;
  margin: 0;

  padding: 0 4px;
  border: 1px solid #c8af77;
  height: 30px;
  border-radius: 5px;
  color: #000;
}

.input-pad textarea {
  width: 100%;
  margin: 0;
  margin-left: -5px;
  padding: 0 4px;
  border: 1px solid #000;
  border-radius: 5px;
  color: #000;
}

.select-pad select {
  width: 100%;
  margin: 0;
  padding: 0 4px;
  font-size: 18px;
  color: #c8af77;
  height: 55px;
  margin-left: 0px;
}

.menu-back{
  height:100%;min-height: 950px;
  /*padding:0 50px;*/

}
.menu-nav{
  border-top:1px solid #3A3B3A;
  padding:20px 0;
}

/* 입력그룹 */
.input-group {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  height: 30px;
}

.input-group .input-cell {
  display: table-cell;
}

.input-group .input-padding {
  padding: 0 5px;
}

.input-group .input-padding input {
  margin-left: -5px;
}

.input-group .input-cell input {
  padding: 0 4px;
  border: 0;
  width: 100%;
  height: 30px;
  border: 1px solid #000;
}

.input-group .input-cell button {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 32px;
  border: none;
  border: 1px solid #000;
}

.input-group .input-cell:first-child {
  width: 60%;
}

.input-group .input-cell:first-child input {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.input-group .input-cell:last-child button {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
/* 입력그룹 */

.contents {margin: 0;
  /*padding-top:10px;*/
}
.contents_board {background: #E9E6E0;margin: 0; padding: 0 0 20px 0;margin: 10px;
  border-radius:10px;
  padding-top:10px;}

/* */

.phone-input-group {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

.phone-input-cell {
  display: table-cell;
}
.phone-input-cell select {
  width: 60px;
  height: 32px;
  text-align: center;
  margin-left:26px;
  color: #fff;
  text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.phone-input-cell:first-child select {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.phone-input-cell:last-child input {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.phone-input-pad {
  padding: 0 5px;
}

.phone-input-pad input {
  width: 100%;
  border: 1px solid #000;
  padding: 0 4px;
  margin: 0 0 0 -5px;
}

.phone-input-cell input {
  height: 30px;
  text-align: center;
}

/* */

.btn-istyle {
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.btn-istyle_board {
  border: none;
  background-image: url(../assets/new_images/board/W_button.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.btn-istyle_search{
  border: none;
  background-image: url(../assets/new_images/board/search.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.btn-istyle_board_add{
  border: none;
  background-image: url(../assets/new_images/board/board_add.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width:120px;
  height: 30px;
}
.btn-istyle_alldelete{
  border: none;
  background-image: url(../assets/new_images/board/all_delete.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width:100px;
  height: 30px;
}
.btn-istyle_boardat{
  border: none;
  background-image: url(../assets/new_images/board/board_at.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width:70px;
  height:27px;
}
.btn-istyle_info_de{
  border: none;
  background-image: url(../assets/new_images/board/info_delete.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width:70px;
  height:27px;
}
.btn-istyle_allread{
  background-image: url(../assets/new_images/board/allread.png);
  background-position: center center;
  background-size: 100% 100%;
}
.btn-istyle_check{
  background-image: url(../assets/new_images/board/b_check.png);
  background-position: center center;
  background-size: 100% 100%;
}
.btn-istyle_cancel{
  background-image: url(../assets/new_images/board/b_cancel.png);
  background-position: center center;
  background-size: 100% 100%;
}
.btn-both-style
{
  margin: 0;
  padding: 8px;
}

.btn-both-style * {
  line-height: 1;
}

.btn-clearbox {

  display: block;
  margin: auto;
  width: 100%;
  padding: 0;
}

.btn-clearbox:after {
  display: block;
  content: "";
  clear: both;
}

.bottom-logo {
  width: 120px;
  margin: auto;
}

.wrap-box {
  display: table;
  width: 100%;
  height: 100%;

}

.wrap-box-cell {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.login-box {
  margin: 10px auto;
  /*width: 300px;*/
  border-radius: 10px;

}

.login-form {
  padding: 16px;
}

.login-fieldset {
  margin: 0;
  padding: 0 6px;
  border: none;
}

.login-fieldset input {
  width: 100%;
  margin-top: 16px;
  margin-left: -6px;
  padding: 6px;
  border: none;
  border-radius: 5px;
  color: #000;
}

.login-fieldset input:first-child {
  margin-top: 0;
}

.login-form button {
  padding-top: 2px;
  margin-top: 15px;
  font-weight: bold;

}

.login-form button.btn-login {
  background-color: #28f;
  color: #fff;
}

.login-form button.btn-join {
  background-color: #080;
  color: #fff;
}

.wrapper {
  padding-top: 50px;
}

.nav-bar {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  background: #000;
  height: 50px;
}

.nav-box-toggle {
  background: transparent;
  border: none;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 30px;
  font-size: 30px;
  outline: none;
}





/* 슬라이드 기본 */
.nav-box-toggle .count {
  position: absolute;
  margin-left: -15px;
  padding: 0px 5px;
  border-radius: 30px;
  line-height: 16px;
  font-size: 10px;
  text-align: center;
  color: #fff;
  background: #E60404;
}

.nav-box {
  position: fixed;
  z-index: 999;
  top: 0;
  bottom: 0;
  z-index: 100;
  width: 300px;
  overflow-y: auto;
  background: #000;
  color: #fff;

  -moz-transition: 200ms;
  -ms-transition: 200ms;
  -webkit-transition: 200ms;
  transition: 200ms;
}

.nav-box-left {
  left: 0;

  -moz-transform: translate3d(-300px,0,0);
  -ms-transform: translate3d(-300px,0,0);
  -webkit-transform: translate3d(-300px,0,0);
  transform: translate3d(-300px,0,0);
}

.nav-box-right {
  right: 0;

  -moz-transform: translate3d(300px,0,0);
  -ms-transform: translate3d(300px,0,0);
  -webkit-transform: translate3d(300px,0,0);
  transform: translate3d(300px,0,0);
}

.nav-box-active {
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* 슬라이드 기본 끝 */

.navi-title-bar {
  display: table;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  background: #48c;
}

.navi-title-bar-gold {
  background: #fc0;
}

.navi-title-bar * {
  color: #fff;
  text-decoration: none;
}

.navi-title-bar-gold * {
  color: #000;
}

.navi-title-txt {
  display: table-cell;
  width: 230px;
}

.navi-title-btn {
  display: table-cell;
  width: 40px;
}

.navi-info-box {
  padding: 6px 12px;
  font-size: 12px;
  background: #000;
  color: #fff;
}

.navi-betslip-box {
  padding: 6px 12px;
  background: #000;
  color: #fff;
}

.navi-info-box a {
  color: #fff;
  text-decoration: none;
}

.navi-info-box table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px;
}

.navi-area {
  background: #ddd;
}

.navi-area a {
  color: #222;
  text-decoration: none;
}

.navi-area ul {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #ccc;
  padding: 0 0 12px 0;
}
.navi-area ul:first-child {
  border-top: 1px solid #ccc;
}

.navi-area li {
  float: left;
  margin: 12px 0 0 12px;

}

.navi-1-list li { padding: 5px 10px; width: 280px; }
.navi-2-list li { padding: 5px 10px; width: 112px; }
.navi-4-list li { width: 60px; }
.navi-img-list li { width: 60px; height: 60px; }


/* 배팅카트 */
.cart-input-amount { width: 80px; text-align: right; background: #fff; color: #000; }

.cart-buttons { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; }
.cart-buttons button { width: 100%; height: 40px; color: #fff; border: 1px solid; border-color:rgba(255,255,255,0.3) rgba(0,0,0,0.3) rgba(0,0,0,0.25) rgba(255,255,255,0.25); text-shadow: -1px -1px 0px rgba(0,0,0,0.5); }

.cart-picks {
  font-size: 12px;
}
.cart-picks li {
  position: relative;
  /* background: #eb0 url(../img/pick-bg.png) left top no-repeat; */
  /* border-top: 1px solid #ff6; */
  /* border-bottom: 1px solid #886900; */

  color: #000;
}

.cart-picks li:last-child {
  border-bottom: none;
}

  /* 카트 이벤트 부분 */
  .pick-event-info { padding-bottom: 4px; border-bottom: 1px solid #886900; }

  .pick-remove { position: absolute; top: 3px; right: 5px; font-size: 16px; color: #000; text-shadow: 1px 1px 0px rgba(255,255,255,0.5); }

  .pick-leag-info { width: 100%; table-layout: fixed; border-collapse: collapse; }
  .pick-leagname { width: 60%; text-align: left; }
  .pick-betlimit { padding-right: 25px; text-align: right; }

  /* 카트 이벤트 부분 끝 */

  /* 카트 타입 부분 */
  .pick-type-info { padding-top: 4px; border-top: 1px solid #FF6; }
  /* 카트 타입 부분 끝 */

/* 배팅카트 끝 */

.new-msg {
  position: fixed;
  top: 55px;
  right: 5px;
  line-height: 1;
  padding: 5px;
  background: url(../img/red-blink.gif);
  border-radius: 15px;
}

.new-msg a {
  color: #fff;
}



.lst4 li {
  position: relative;

  font-size: 10px;
}

.lst4 li a {
  display: block;
  overflow: hidden;
  padding: .55em .7em;
  color: #fff;
  text-decoration: none;
  font-size: 10px;
}

.lst4 li p, .lst4 li .item {
  display: block;
  overflow: hidden;
  padding-right: 50px;
  font-size: 14px;
  margin: 5px 0;
}

.lst4 li strong {
  font-size: 1.2em;
  line-height: 1.4em;
  color: #c8af77;
  font-weight: normal;
  word-wrap: break-word;
  word-break: break-all;

}

.lst4 li .info {
  padding-top: 3px;
  display: inline-block;
  position: relative;
  font-size: .8em;
  line-height: 1.4em;
  color: #FFF;
}

.lst4 .bar01 {
  display: inline-block;
  margin: 0 0 0 .2em;
  font-size: 1em;
  color: #e8e8e8;
}


/* 페이징 */
.paging_area {     text-align: center;padding-top: 15px;color: #fff;padding-bottom: 15px;background: #131519;}
.paging { display: inline-block; }
.paging .clearfix { display: block; font-size: 14px;}
.paging em { font-style: normal; }
.paging a,
.paging b { float: left; display: inline-block; height: 27px; line-height: 27px; color: #fff; text-align: center; text-shadow: 2px 2px 1px #000;}
.paging a:hover { color: #fff; }
.paging .on em { background-position: right -30px; color:#c8af77; }
.paging a em,
.paging b em { display: inline-block; height: 27px; line-height: 27px; padding: 0 8px; font-weight: bold; }
.paging .prev { background-position: -460px 0; width: 26px; padding-left: 1px; }
.paging .prev em { width: 26px; padding: 0; }
.paging .next { background-position: -461px 0; width: 26px; padding-right: 1px; }
.paging .next em { width: 26px; padding: 0;  background: none; }
.paging .disabled { color: #666; }
/* 페이징 끝 */

.read {}
.read .bar { display: inline-block; margin: 0 0 0 .25em; font-size: 1em; color: #e8e8e8; }
.read-title-area {
  /*background: #3e5487; !* Old browsers *!*/
  /*background: -moz-linear-gradient(top,  #3e5487 0%, #3f4c6b 100%); !* FF3.6+ *!*/
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e5487), color-stop(100%,#3f4c6b)); !* Chrome,Safari4+ *!*/
  /*background: -webkit-linear-gradient(top,  #3e5487 0%,#3f4c6b 100%); !* Chrome10+,Safari5.1+ *!*/
  /*background: -o-linear-gradient(top,  #3e5487 0%,#3f4c6b 100%); !* Opera 11.10+ *!*/
  /*background: -ms-linear-gradient(top,  #3e5487 0%,#3f4c6b 100%); !* IE10+ *!*/
  /*background: linear-gradient(to bottom,  #3e5487 0%,#3f4c6b 100%); !* W3C *!*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e5487', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
  padding: 12px;
}
.read-title { font-size: 2.3em; line-height: 1.3em;}
.read-info {     font-size: 14px;
  text-align: right;
  padding: 10px;    color: #fff;}
.read-contents { padding: 12px; min-height: 300px; line-height: 1.6; }

.page-title{
  padding: 12px;
  font-weight: bold;
  font-size: 1.3em;
  text-shadow: -1px -1px 0px rgba(0,0,0,0.75);
  background: #082249; /* Old browsers */
  background: -moz-linear-gradient(top,  #082249 0%, #000000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#082249), color-stop(100%,#000000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #082249 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #082249 0%,#000000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #082249 0%,#000000 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #082249 0%,#000000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#082249', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

/* 배팅규정 */
.pre-list {     color: #c8af77;
    text-decoration: none;
    background: linear-gradient(to bottom, #252625 50%, #131519 50%);
    height: 35px;
    font-size: 14px;
    padding-top: 3px; }
.pre-list * { text-decoration: none; color: #c8af77;}
.pre-list li { line-height: 1.5; display: inline-block; padding: 5px;
   }
.pre-list a { color: #fff !important; text-shadow: 1px 2px 1px #000;}

.pre-list li.on *{ color: #fff; text-shadow: 1px 1px 2px #c8af77, 1px -1px 2px #c8af77, -1px 1px 2px #c8af77, -1px -1px 2px #c8af77; }
.pre { font-size: 0.95em; white-space: pre-line; }
.pre .caption{ font-size: 25px; color:#fc0; font-weight: bold;}
/* 배팅규정 끝 */



/* 충전신청 */
.deposit-alert { line-height: 2; margin: 10px 0; padding: 20px; border: 1px solid #fc0; color: #fc0; font-size: 0.8em; }
.deposit-warning { line-height: 2; margin: 10px 0; padding: 20px;  color: #fff; font-size: 13px;
  font-weight: bold; }

.table-wrap { overflow: auto; }
.table-list { border-collapse: collapse; font-size: 12px; min-width: 100%;color:#fff; }
.table-list th {

}
.table-list td { white-space: nowrap; border-bottom: 1px solid rgba(255,255,255,0.3); }

.table-list caption {
  color: #000;
  padding: 10px 15px;
  font-size: 1.2em;
  font-weight: bold;
}
.table-list caption small { color: #fc0; font-size: 0.7em; font-weight: normal; }

.table-list-point { border-collapse: collapse; font-size: 12px; min-width: 100%;}
.table-list-point th {
  white-space: nowrap;
  text-align: center;

}
.table-list-point td { white-space: nowrap; }

.table-list-point caption {
  color: #fff;
  padding: 10px 15px;
  font-size: 1.2em;
  font-weight: bold;
  background:#131519;
}
.table-list-point caption small { color: #fc0; font-size: 0.7em; font-weight: normal; }
.table-list-point tr th:first-child{


  border-right:none;
}
.table-list-point tr th:last-child{


  border-left:none;
}

.th { white-space: nowrap; padding: 0 8px; line-height: 1.5; }
.th-first { padding-left: 9px; border-left: none; border-right: 1px solid rgba(0,0,0,0.4); }
.th-last { padding-right: 9px; border-left: 1px solid rgba(255,255,255,0.2); border-right: none; }

.list_table td { padding: 8px 4px; border-bottom: 1px solid #58c;  white-space: nowrap; }
.list_table td * { vertical-align: middle; }
.list_table td a { color: #ddd; text-decoration: none; }
.list_table td a:hover { color: #fff; text-decoration: underline; }
.list_table td em.num { margin-left: 0.5em; color: #0f0; font-weight: bold; }
.list_table td .icon { margin-left: 0.5em; }
.list_table td .comment { color: #fc0; }
.list_table td.bottombuttons { border: none; text-align: right;    padding: 15px; }
.list_table td.list_paging { padding: 0; border: none; border-top: 3px solid #58c; }
.list_table td.nodata { padding: 40px 0; text-align: center; }

.row { margin: 20px 0; }
.row.no-margin{ margin: 0; }
/* 충전신청 끝 */


/**/

.GrayTab { /*margin-bottom: 16px;*/   background: linear-gradient(to bottom, #252625 50%, #131519 50%);   overflow-y: hidden;}
.GrayTab * { color: #c8af77; text-decoration: none; background:linear-gradient(to bottom, #252625 50%, #131519 50%);    height: 35px;     font-size: 14px;
  padding-top: 3px;}
.GrayTab li { line-height: 1.5; display: inline-block; padding: 5px;}
.GrayTab li.on * { color: #fff; text-shadow: 1px 1px 2px #c8af77, 1px -1px 2px #c8af77, -1px 1px 2px #c8af77, -1px -1px 2px #c8af77; }
.GrayTab li.on{ }
.GrayTab li * { }
.line_white{color:#fff}


.Tab { margin-bottom: 16px; }
.Tab * { color: #fff; text-decoration: none; }
.Tab li { line-height: 2.5em;  display: inline; padding: 0 15px;}
.Tab li.on * { color: #C8AF77; }
.Tab li * { font-size: 12px; }

.BetArea { color: #fff; }

.leagueBox { font-size: 12px; }
.leagueBox dt.leagueTitle {
  display: block;
  padding: 8px 4px;
  font-size: 13px;
  color: #fff;
  background: #000;
}

.leagueBox dt.leagueTitle * { vertical-align: middle; }
.sportsIcon { width: 19px; height: 19px; }
.leagueIcon { width: 25px; height: 19px; margin-left: 4px; }
.leagueBox dt.leagueTitle .leagueName { font-weight: bold; margin-left: 4px;width: calc(100% - 172px);display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

.leagueBox dl.eventBox {padding: 0;/* background: url(/img/black-10.png); *//*border-top: 1px solid #111; border-bottom: 1px solid #111;*/zoom: 1;}
.leagueBox dl.eventBox:after { display: block; clear: both; content: ""; }
.leagueBox .right_item {display: inline-flex;float: right;gap: 5px;}
.leagueBox .edate{display: block;float: right;}
.leagueBox .countdown {display: inline-flex;align-items: center;justify-content: center;}
.leagueBox .countdown b {color: #141516;background: #FAD00E;min-width: 40px;display: inline-flex;align-items: center;justify-content: center;border-radius: 2px;}

.leagueBox dl.football { background: url(/img/sbbg/football.jpg) no-repeat; }
.leagueBox dl.basketball { background: url(/img/sbbg/basketball.jpg) no-repeat; }
.leagueBox dl.ice_hockey { background: url(/img/sbbg/ice_hockey.jpg) no-repeat; }
.leagueBox dl.volleyball { background: url(/img/sbbg/volleyball.jpg) no-repeat; }
.leagueBox dl.tennis { background: url(/img/sbbg/tennis.jpg) no-repeat; }
.leagueBox dl.handball { background: url(/img/sbbg/handball.jpg) no-repeat; }
.leagueBox dl.american_football { background: url(/img/sbbg/american_football.jpg) no-repeat; }
.leagueBox dl.beach_volleyball { background: url(/img/sbbg/beach_volleyball.jpg) no-repeat; }

.eventBox { font-size: 12px; }
.eventBox dt { display: block;padding: 0 5px;background: #171819;}

.eventBox dt table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 2px; }
.eventBox dt table td { padding: 6px 0; }

.eventBox dt table td span.icon_favorite { background: url(/img/sprite.png) -230px -160px no-repeat;display: inline-block;width: 17px;height: 17px;vertical-align: inherit; }
.eventBox dt table td span.favorite_on { background-position: -210px -140px; }
.eventBox dt table td.align_top {vertical-align: top !important;}
.eventBox dt table td.edate { color: #FFD000; }
.eventBox dt table td.p1name,
.eventBox dt table td.p2name { color: #fff; }
.eventBox dt table td .p_title {display: flex;justify-content: space-between;font-size: 13px;text-shadow: 0 0 #333;align-items: center}
.eventBox dt table td .p_title span:nth-child(1) {width: 42%;text-align: right}
.eventBox dt table td .p_title span:nth-child(2) {width: 16%;text-align: center;text-transform: uppercase;}
.eventBox dt table td .p_title span:nth-child(3) {width: 42%;text-align: left}
.eventBox dt table.ScoreTable { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 2px; }
.eventBox dt table.ScoreTable th,
.eventBox dt table.ScoreTable td { padding: 2px; }
.eventBox dt table.SetScoreTable { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; background: url(/img/black-40.png); }
.eventBox dt table.SetScoreTable th { background: #333; }
.eventBox dt table.SetScoreTable th,
.eventBox dt table.SetScoreTable td { padding: 2px; border: 1px solid #888; font-size: 11px; font-family: 'Nanum Gothic', serif; }
.eventBox dt table.ScoreInfoTable { margin-top: 8px; width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; background: url(/img/black-40.png); }
.eventBox dt table.ScoreInfoTable th { background: #333; }
.eventBox dt table.ScoreInfoTable th,
.eventBox dt table.ScoreInfoTable td { padding: 4px; border: 1px solid #888; }
.eventBox dt table.ScoreInfoTable .header { background: #888; }
.eventBox .ScoreMessage { margin-top: 8px; height: 9em; line-height: 1.5; overflow: auto; background: url(/img/black-40.png); padding: 0.5em; }
.eventBox .ScoreMessage-simple { margin-top: 4px; background: url(/img/black-40.png); padding: 0.25em; color: #33aff4; }

.eventBox dd {display: block;float: right;}

.eventBox dd table { table-layout: fixed; width: 100%; border-collapse: separate;border-spacing: 3px;}

.eventBox dd table tr th { width: 25%;text-align: left; font-size: 13px}

.eventBox dd table tr td.bet { /*background: #222;*/   cursor: pointer;background: #404142; font-size:13px}


.eventBox dd table tr td.base {
  cursor: pointer;
  background: #404142; }

.eventBox dd table tr td.lock { /*background: #222;*/
  background: #000001;
  color: #888;
  font-size: 13px;
}
.eventBox dd table tr td.vs { background: #404142;  color: #ddd; font-weight: bold; }

.eventBox dd table tr td      .team { display: block;}
.eventBox dd table tr td      .pick { display: block; float: left; padding: 6px 0 6px 6px; }
.eventBox dd table tr td      .odds { display: block; float: right; padding: 6px 6px 6px 0; white-space: nowrap; color: #fff; }
.fa-lock{color: #303132;}
.lock .team{color: #303132 !important;}
.eventBox dd table tr td     .away.team { padding:0; }
.eventBox dd table tr td     .away.pick { display: block; float: right; padding: 6px 6px 6px 0; }
.eventBox dd table tr td     .away.odds { display: block; float: left; padding: 6px 0 6px 6px; }

.eventBox dd table tr td.base .pick { color: #f88; }
.eventBox dd table tr td.base .odds { color: #fff !important; font-weight: bold; float: none; padding: 0; text-align: center; }
.eventBox dd table tr td.hx .team { color: #fff; float: none; padding: 0; text-align: center; }
.eventBox dd table tr td.hx .odds { color: #fff; float: none; padding: 0; text-align: center;font-size: 13px;}

.eventBox dd table tr td.hx{ min-width: 60px; width:25%;height: 38px}
.eventBox dd table tr td.hx.C{ text-align: center;vertical-align: middle !important;width: 25%; }
.eventBox dd table tr td.side{ min-width:140px; width: 25%; font-size:13px}

.eventBox dd table tr td .increased { background: url(/img/indecrease.gif) right top no-repeat; }
.eventBox dd table tr td .decreased { background: url(/img/indecrease.gif) right bottom no-repeat; }

.eventBox dd table tr td.on { background-position: 0px -200px; background-color: #F5D147; color: #000; }


.eventBox dd table tr td.on .odds { color: #000; }
.eventBox dd table tr td.on .team { color: #000; }

.eventBox dd table tr.notice td { padding: 0; color: #33aff4; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/**/


.baccarat_paper table { color: #fff; border-collapse: collapse; font-size: 12px;}
.baccarat_paper tr:first-child { background:#000000 }
.baccarat_paper th { line-height: 3; text-shadow: 1px 1px 0px rgba(0,0,0,0.75); text-align: center;}
.baccarat_paper td { text-align: center; height: 30px; border: 1px solid #3A3A3A; padding: 2px;vertical-align: middle !important; }
.baccarat_paper td span { display: inline-block; width: 30px; height: 30px; line-height: 30px;font-weight: 900; text-align: center; color: #fff; }

.baccarat_paper td span.홀,
.baccarat_paper td span.좌,
.baccarat_paper td span.삼,
.baccarat_paper td span.L,
.baccarat_paper td span.M,
.baccarat_paper td span.N,
.baccarat_paper td span.상,
.baccarat_paper td span.골,
.baccarat_paper td span.언더,
.baccarat_paper td span.하이,
.baccarat_paper td span.블루,
.baccarat_paper td span.중 {
  background: #4A8FE5;
  border-radius: 5px;
  font-size: 12px;
}

.baccarat_paper td span.짝,
.baccarat_paper td span.우,
.baccarat_paper td span.사,
.baccarat_paper td span.R,
.baccarat_paper td span.Q,
.baccarat_paper td span.하,
.baccarat_paper td span.노골,
.baccarat_paper td span.오버,
.baccarat_paper td span.로우,
.baccarat_paper td span.레드,
.baccarat_paper td span.대 {
  border-radius: 5px;
  background: #E75B5B;
  font-size: 12px;
}

.baccarat_paper td span.소{
  border-radius: 5px;
  background: green;
  font-size: 12px;
}

.baccarat_paper td span.무효,
.baccarat_paper td span.적특,
.baccarat_paper td span.타이,
.baccarat_paper td span.T,
.baccarat_paper td span.세븐 {
  /*background: transparent;*/
  /*border: 1px solid rgb(255, 255, 255);*/
  /*border-radius: 10px;*/
  background: #565656;
  border-radius: 5px;
  background-size: 100% 100%;
}

.baccarat_paper td span.W {
  border-radius: 5px;
  background: #fff;
  color: #000 !important;
  font-size: 12px;
}

.baccarat_paper td span.P {
  border-radius: 5px;
  background: #FF6678;
  font-size: 12px;
}

.baccarat_paper td span.B {
  border-radius: 5px;
  background: #000;
  border: 1px solid #fff;
  font-size: 12px;
}

.baccarat_paper td span.네 {
  background: url(/racing/img/sprite_result.png) 0 0 no-repeat;
}

.baccarat_paper td span.임 {
  background: url(/racing/img/sprite_result.png) -35px 0 no-repeat;
}

.baccarat_paper td span.드 {
  background: url(/racing/img/sprite_result.png) -70px 0 no-repeat;
}

.baccarat_paper td span.스, .baccarat_paper td span.하, .baccarat_paper td span.크, .baccarat_paper td span.다 {
  text-shadow: 0px 0px 10px #000;
}
/*
.baccarat_paper td span.스 {
  background: url(/images/mgm_results.png) 0 0 no-repeat;
}

.baccarat_paper td span.하 {
  background: url(/images/mgm_results.png) -31px 0 no-repeat;
}

.baccarat_paper td span.크 {
  background: url(/images/mgm_results.png) -62px 0 no-repeat;
}

.baccarat_paper td span.다 {
  background: url(/images/mgm_results.png) -93px 0 no-repeat;
}
*/
/**/


/**/
.history .history table {
  font-size: 10px;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  text-align: center;

}
.history table th div {
  font-weight: bold;
}
.history table th div.first {
  border-left: none;
}
.history table th div.last {
  border-right: none;
}
.history .PICK table th {
  padding: 0.5rem 0 1rem;
  text-align: center;
  color: #ccc;
}
.history .PICK table td {
  height: 42px;
  vertical-align: middle !important;
  text-align: center !important;
  border: 1px solid #3A3A3A;
}
.history .PICK table td.L {
  text-align: left !important;
  padding-left: 1rem;
}
.history .PICK td.bdr {

  /*background:#c8af77;*/
  color:#fff;
}
.history_type{

}
.history .PICK td.bdl {
  /*border-left: 1px solid rgba(0,0,0,0.2);*/
}
.history .PICK td.on {
  background:transparent;
  color: #C8AE76;
}
.history .PICK td.focus {

}
.history .PICK td .vs {
  color: #FFCD00;
}

.history .BET table th {
  background-color: #000;
  padding-bottom: 0.8rem;
}
.history .BET table th span { color: #f4f4f4; font-weight: normal; }
.history .BET table th div {}

.RES-대기 { font-weight: bold; color: #eee; }
.RES-적중 { font-weight: bold; color: #ffb700; }
.RES-적특 { font-weight: bold; color: #999; }
.RES-실패 { font-weight: bold; color: #ff5d5d; }
.RES-취소 { font-weight: bold; color: #ff5d5d; }
.RES-무효 { font-weight: bold; color: #999; }

.bet_notice  { margin: 0.5em 0; line-height: 1.4; }
.bet_notice li { margin: 0; padding: 0.5em 1em; border: 1px solid #000; font-weight: bold; letter-spacing: 1px; color: #ff0; background: #222 url(/img/odds-bg.png) repeat-x; text-shadow: 1px 1px 0px rgba(0,0,0,0.75); }
.bet_notice li.color-0 { color: #ff0; }
.bet_notice li.color-1 { color: #dd0; }
/**/


/**/
#BettingPicks li {
  background-color: #131519; position: relative;color: #fff;
  border: 2px solid #c8af77; margin:0 5px 10px 5px;
  border-image-source: linear-gradient(to right, #c8af77 15%, #fff 50%, #c8af77 );
  border-image-slice: 1; margin-bottom:10px;

}
#BettingPicks .icon_delete { position: absolute; right: 5px; top: 5px; }
#BettingPicks .lock { color: white; }

#BettingPicks .PickEventInfo { padding-bottom: 4px;}
#BettingPicks .PickEventInfo .leagbox { padding: 4px; }
#BettingPicks .PickEventInfo .leag { float: left; font-weight: bold; color:#fff;    font-size: 12px;
  padding-left: 10px; }
#BettingPicks .PickEventInfo .limit { float: right; padding-right: 10px;color:#fff;font-size: 12px;font-weight: bold }
#BettingPicks .PickEventInfo .home {  display: block; padding: 4px 4px 2px 21px; height: 21px; line-height: 13px; color:#fff}
#BettingPicks .PickEventInfo .away {  display: block; padding: 4px 4px 2px 21px; height: 21px; line-height: 13px; color:#fff;}
/*#BettingPicks .PickEventInfo .on .home { background: url(../assets/gapimage/icon/h.png) no-repeat ; color: white; padding: 4px 4px 4px 21px; background:linear-gradient( to bottom, #2E87A0 50%, #123B53 50% ); border-radius: 5px}*/
/*#BettingPicks .PickEventInfo .on .away { background:url('../assets/gapimage/icon/a.png') ; color: white; padding: 4px 4px 4px 21px;  border-radius: 5px }*/
#BettingPicks .PickEventInfo .ellipsis.on { background:#c8af77; color: #000;padding-top:1px; height:20px;font-size: 12px;font-weight: bold  }
#BettingPicks .PickEventInfo .ellipsis.on .home{ color:#000 }
#BettingPicks .PickEventInfo .ellipsis.on .away{ color:#000 }
#BettingPicks .lock .PickEventInfo .on .home { color: #000 ; }
#BettingPicks .lock .PickEventInfo .on .away { color: #000 ; }
#BettingPicks .noti { margin-top: 4px; padding: 4px;  color: #B20000; font-weight: bold;    color: #B20000;}


#BettingPicks .PickTypeInfo { padding-top: 4px; padding-bottom: 4px;   }
#BettingPicks .PickTypeInfo table { table-layout: fixed; border-collapse: collapse; width: 100%; }
#BettingPicks .PickTypeInfo table td { padding: 0; font-weight: normal;  }
#BettingPicks .PickTypeInfo table td div {  padding: 2px 4px 2px 21px; height: 20px; line-height: 17px; }
#BettingPicks .PickTypeInfo .wr { border-right: 1px solid #aaa; border-left: 1px solid #ddd; }
#BettingPicks .PickTypeInfo .first { border-left: 0; }
#BettingPicks .PickTypeInfo .last { border-right: 0; }
#BettingPicks .PickTypeInfo .increased { background: url(/img/indecrease.gif) right top no-repeat; }
#BettingPicks .PickTypeInfo .decreased { background: url(/img/indecrease.gif) right bottom no-repeat; }

#BettingPicks .closed .PickEventInfo .leagbox,
#BettingPicks .closed .PickEventInfo .home,
#BettingPicks .closed .PickEventInfo .away { text-decoration: line-through; }
#BettingPicks .closed .PickTypeInfo table * { text-decoration: line-through; color:#fff}

#BettingCartOverlay { position: absolute; left: 0; top: 0; width: 280px; height: 199px; background: url(/img/black-80.png); z-index: 10; }
#BettingCartOverlay a { display: block; width: 280px; height: 173px; background: url(/img/countdown.png) -9999px -9999px no-repeat; outline: none; }
#BettingCartOverlay a.countdown-5 { background-position: center 3px; }
#BettingCartOverlay a.countdown-4 { background-position: center -167px; }
#BettingCartOverlay a.countdown-3 { background-position: center -337px; }
#BettingCartOverlay a.countdown-2 { background-position: center -507px; }
#BettingCartOverlay a.countdown-1 { background-position: center -677px; }
#BettingCartOverlay a.countdown-0 { background-position: center -847px; }
/**/



.icon-lv-1,
.icon-lv-2,
.icon-lv-3,
.icon-lv-4,
.icon-lv-5,
.icon-lv-6,
.icon-lv-7,
.icon-lv-8,
.icon-lv-9,
.icon-lv-10{
  width:36px;
  height:36px;
  display: inline-block;
}
.icon-lv-1{
  background: url("../assets/gapimage/icon/1.png") no-repeat;
  background-size: cover;
  height:41px;
}
.icon-lv-2{
  background: url("../assets/gapimage/icon/2.png") no-repeat;
  background-size: cover;
  width:38px;
}
.icon-lv-3{
  background: url("../assets/gapimage/icon/3.png") no-repeat;
  background-size: cover;
  height:45px
}
.icon-lv-4{
  background: url("../assets/gapimage/icon/4.png") no-repeat;
  background-size: cover;
  width: 45px;
}
.icon-lv-5{
  background: url("../assets/gapimage/icon/5.png") no-repeat;
  background-size: cover;
  width:41px;
}
.icon-lv-6{
  background: url("../assets/gapimage/icon/6.png") no-repeat;
  background-size: cover;
}
.icon-lv-7{
  background: url("../assets/gapimage/icon/7.png") no-repeat;
  background-size: cover;
}
.icon-lv-8{
  background: url("../assets/gapimage/icon/8.png") no-repeat;
  background-size: cover;
}
.icon-lv-9{
  background: url("../assets/gapimage/icon/9.png") no-repeat;
  background-size: cover;
}
.icon-lv-10{
  background: url("../assets/gapimage/icon/10.png") no-repeat;
  background-size: cover;
}
.icon-lv-icon_lv_99 {
  background: url("../assets/gapimage/icon/logo_small.png") no-repeat;
  display: inline-block;
  width: 61px;
  height: 30px;
}
.icon_lv_99 {
  background: url("../assets/gapimage/icon/logo_small.png") no-repeat;
  display: inline-block;
  width: 61px;
  height: 30px;
}
.icon-lv-99 {
  background: url("../assets/gapimage/icon/logo_small.png") no-repeat;
  display: inline-block;
  width: 61px;
  height: 30px;
  background-size: cover;
}
.alert-screen{
  position: fixed;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: url("/m/img/black-70.png");
}
.alert-title, .alert-line, .alert-text, .alert-button{
  display: block;
  position: absolute;
  background-image: url('/images/alert.png');
}
.alert-title{
  width: 180px;
  height: 44px;
  top:50%;
  left:50%;
  margin-top: -95px;
  margin-left: -90px;
  background-position: 0 0;
}
.alert-line{
  top:50%;
  width: 100%;
  margin-top: -40px;
  height: 40px;
  background-position: 0 -200px;
}
.alert-text{
  width:239px;
  height:54px;
  left: 50%;
  top:50%;
  margin-left: -120px;
  margin-top: 20px;
  background-position: -210px 0;
}
.alert-button{
  top:50%;
  left: 50%;
  width: 143px;
  height: 35px;
  margin-top: 120px;
  margin-left: -72px;
  background-position: 0 -105px;
}
dl{
  margin-bottom: 0;
}

.icon_pick{
  color: #c8af77;
  font-weight: bold;
  font-size: 9px;

}


@-moz-keyframes blinker {
  0% { opacity: 1.0; }
  50% { opacity: 0.3; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
  0% { opacity: 1.0; }
  50% { opacity: 0.3; }
  100% { opacity: 1.0; }
}

@keyframes blinker {
  0% { opacity: 1.0; }
  50% { opacity: 0.3; }
  100% { opacity: 1.0; }
}

#contents video{
  width: 100%;
  height: 100%;
  margin: 7px auto;
  display: block;
  background: #000;
}

.btn-get_ok{
  line-height: 100%;
  padding: 12px 20px 11px 20px;
  font-size: 13px;
  border-radius: 3px;
  font-weight: 900;
  display: inline-block;
  color: #fff;
  text-shadow: 3px 3px 17px red, 3px -3px 17px red, -3px 3px 17px red, -3px -3px 17px red;
  border: 1px solid #FE6600;
  background: transparent;
}
.btn-get_can{
  line-height: 100%;
  padding: 12px 20px 11px 20px;
  font-size: 13px;
  border-radius: 3px;
  font-weight: 900;
  display: inline-block;
  color: #fff;
  text-shadow: 1px 2px 1px #000;
  background: linear-gradient( to bottom, #F1777A 50%, #D61B03 50% );;
}
.btn-get_green{
   line-height: 100%;
   padding: 12px 20px 11px 20px;
   font-size: 13px;
   border-radius: 3px;
   font-weight: 900;
   display: inline-block;
   color: #fff;
   text-shadow: 3px 3px 17px green, 3px -3px 17px green, -3px 3px 17px green, -3px -3px 17px green;
   border: 1px solid #fff;
   background: transparent;
}




/*회원가입창*/


body {
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue", Arial, sans-serif;
}

.demo-container {
  width: 25rem;
}

.tb-container {
  position: relative;
  margin-top: 10px;

}
.tb-container_main {
  position: relative;
}
.tb-container_joinID{
  position: relative;

  margin-top: 10px;

}
.tb-container_num{
  position: relative;
  margin-top: 10px;
  width:32%;
  float: left;
}
.input-row input{
  text-align: left;
}

.aumd-tb-label {
  position: absolute;
  color: #999;
  top: 50%;
  -webkit-transform: translate(0.75rem, -50%);
  transform: translate(0.75rem, -50%);
  pointer-events: none;
  -webkit-transition: all .14s ease-in-out;
  transition: all .14s ease-in-out;
}
input[type="text"].aumd-tb,
input[type="password"].aumd-tb {
  color: #fff;
  border: 1px solid #ddd;
  border-bottom: 1px solid #999;
  padding: 0.75rem 0.75rem;
  font-size: 0.8rem;
  display: block;
  box-sizing: border-box;
  width: 100%;
  background-color:transparent;
  box-shadow: 1px 1px 1px #000;
  margin:5px 0;
}

/*  메인 로그인창  */
.login_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  position:absolute;
  right:0;
  font-size: 19px;
  margin-top: 20px;
  font-weight: bold;
  color: #C7AE76;
  line-height: inherit;
  height: 38px;
}

input[type="text"].aumd-tb_main,
input[type="password"].aumd-tb_main {
  color: #fff;
  border: 2px solid #c8af77;
  border-image-source: linear-gradient(to right, #c8af77 15%, #fff 50%, #c8af77 );
  border-image-slice: 1;
  height:55px;
  font-size: 18px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  background-color:transparent;
  text-indent: 10px;

}
.login-back{
  width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);
  z-index: -1;
}
.write_text{
  margin-top:3px;
  padding-top:7px;
  font-size: 18px;
  text-shadow: 2px 2px 1px #000;
}
.btn-get {
  line-height: 100%;
  font-size: 14px;
  width:80px;
  height:30px;
  font-weight: 900;
  text-align: center;
  display: inline-block;
  color: #000;
  background-color:#C7AE76;

}
#btn-get{
  height:60%;
  width: 76px;
  border-radius: 15px;
  background-color: #C3E36B;
  margin-top: -13px;
  margin-left: -13px;
}
.btn-get-red {
  line-height: 100%;
  font-size: 14px;
  width:80px;
  height:30px;
  font-weight: 900;
  text-align: center;
  display: inline-block;
  color: #fff;
  background-color:#D51B06;

}
#btn-get-red{
  height:60%;
  width: 76px;
  border-radius: 15px;
  background-color: #E57376;
  margin-top: -13px;
  margin-left: -13px;
}
.btn-get-ora {
  line-height: 100%;
  font-size: 14px;
  border-radius: 10px;
  width:80px;
  height:30px;
  font-weight: 900;
  text-align: center;
  display: inline-block;
  color: #fff;
  background-color:#C4380F;

}
#btn-get-ora{
  height:60%;
  width: 76px;
  border-radius: 15px;
  background-color: #F4A54E;
  margin-top: -13px;
  margin-left: -13px;
}



/*      */


body.swal2-shown {
  overflow-y: hidden; }

body.swal2-iosfix {
  position: fixed;
  left: 0;
  right: 0; }

.swal2-container {
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 10px;
  background-color: transparent;
  z-index: 9999; }
.swal2-container.swal2-fade {
  transition: background-color .1s; }
.swal2-container.swal2-shown {
  background-color: rgba(0, 0, 0, 0.4); }

.swal2-modal {
  background-color: #fff;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  border-radius: 5px;
  box-sizing: border-box;
  text-align: center;
  margin: auto;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
  position: relative;
  max-width: 100%; }
.swal2-modal:focus {
  outline: none; }
.swal2-modal.swal2-loading {
  overflow-y: hidden; }
.swal2-modal .swal2-title {
  font-size: 2.5rem;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 0 0 .4em;
  padding: 0;
  display: block;
  word-wrap: break-word;
  height: auto;
}
.swal2-modal .swal2-buttonswrapper {
  margin-top: 15px; }
.swal2-modal .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: .4;
  cursor: no-drop; }
.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm {
  box-sizing: border-box;
  border: 4px solid transparent;
  border-color: transparent;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 7.5px;
  vertical-align: top;
  background-color: transparent !important;
  color: transparent;
  cursor: default;
  border-radius: 100%;
  animation: rotate-loading 1.5s linear 0s infinite normal;
  user-select: none; }
.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel {
  margin-left: 30px;
  margin-right: 30px; }
.swal2-modal .swal2-buttonswrapper.swal2-loading :not(.swal2-styled).swal2-confirm::after {
  display: inline-block;
  content: '';
  margin-left: 5px 0 15px;
  vertical-align: -1px;
  height: 15px;
  width: 15px;
  border: 3px solid #999999;
  box-shadow: 1px 1px 1px #fff;
  border-right-color: transparent;
  border-radius: 50%;
  animation: rotate-loading 1.5s linear 0s infinite normal; }
.swal2-modal .swal2-styled {
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  margin: 15px 5px 0;
  padding: 10px 32px; }
.swal2-modal .swal2-image {
  margin: 20px auto;
  max-width: 100%; }
.swal2-modal .swal2-close {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  width: 38px;
  height: 40px;
  font-size: 36px;
  line-height: 40px;
  font-family: serif;
  position: absolute;
  top: 5px;
  right: 8px;
  cursor: pointer;
  color: #cccccc;
  transition: color .1s ease; }
.swal2-modal .swal2-close:hover {
  color: #d55; }
.swal2-modal > .swal2-input,
.swal2-modal > .swal2-file,
.swal2-modal > .swal2-textarea,
.swal2-modal > .swal2-select,
.swal2-modal > .swal2-radio,
.swal2-modal > .swal2-checkbox {
  display: none; }
.swal2-modal .swal2-content {
  font-size: 18px;
  text-align: center;
  font-weight: 300;
  position: relative;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  color: #ffffff;
  word-wrap: break-word;
  background:transparent !important;
  -webkit-background-size:cover;
  background-size:cover;
}
.swal2-modal .swal2-input,
.swal2-modal .swal2-file,
.swal2-modal .swal2-textarea,
.swal2-modal .swal2-select,
.swal2-modal .swal2-radio,
.swal2-modal .swal2-checkbox {
  margin: 20px auto; }
.swal2-modal .swal2-input,
.swal2-modal .swal2-file,
.swal2-modal .swal2-textarea {
  width: 100%;
  box-sizing: border-box;
  font-size: 18px;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  transition: border-color box-shadow .3s; }
.swal2-modal .swal2-input.swal2-inputerror,
.swal2-modal .swal2-file.swal2-inputerror,
.swal2-modal .swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important; }
.swal2-modal .swal2-input:focus,
.swal2-modal .swal2-file:focus,
.swal2-modal .swal2-textarea:focus {
  outline: none;
  border: 1px solid #b4dbed;
  box-shadow: 0 0 3px #c4e6f5; }
.swal2-modal .swal2-input:focus::placeholder,
.swal2-modal .swal2-file:focus::placeholder,
.swal2-modal .swal2-textarea:focus::placeholder {
  transition: opacity .3s .03s ease;
  opacity: .8; }
.swal2-modal .swal2-input::placeholder,
.swal2-modal .swal2-file::placeholder,
.swal2-modal .swal2-textarea::placeholder {
  color: #e6e5e5; }
.swal2-modal .swal2-range input {
  float: left;
  width: 80%; }
.swal2-modal .swal2-range output {
  float: right;
  width: 20%;
  font-size: 20px;
  font-weight: 600;
  text-align: center; }
.swal2-modal .swal2-range input,
.swal2-modal .swal2-range output {
  height: 43px;
  line-height: 43px;
  vertical-align: middle;
  margin: 20px auto;
  padding: 0; }
.swal2-modal .swal2-input {
  height: 43px;
  padding: 0 12px; }
.swal2-modal .swal2-input[type='number'] {
  max-width: 150px; }
.swal2-modal .swal2-file {
  font-size: 20px; }
.swal2-modal .swal2-textarea {
  height: 108px;
  padding: 12px; }
.swal2-modal .swal2-select {
  color: #545454;
  font-size: inherit;
  padding: 5px 10px;
  min-width: 40%;
  max-width: 100%; }
.swal2-modal .swal2-radio {
  border: 0; }
.swal2-modal .swal2-radio label:not(:first-child) {
  margin-left: 20px; }
.swal2-modal .swal2-radio input,
.swal2-modal .swal2-radio span {
  vertical-align: middle; }
.swal2-modal .swal2-radio input {
  margin: 0 3px 0 0; }
.swal2-modal .swal2-checkbox {
  color: #545454; }
.swal2-modal .swal2-checkbox input,
.swal2-modal .swal2-checkbox span {
  vertical-align: middle; }
.swal2-modal .swal2-validationerror {
  background-color: #f0f0f0;
  margin: 0 -20px;
  overflow: hidden;
  padding: 10px;
  color: #807f7f;
  font-size: 16px;
  font-weight: 300;
  display: none; }
.swal2-modal .swal2-validationerror::before {
  content: '!';
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: #fff;
  line-height: 24px;
  text-align: center;
  margin-right: 10px; }

@supports (-ms-accelerator: true) {
  .swal2-range input {
    width: 100% !important; }
  .swal2-range output {
    display: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .swal2-range input {
    width: 100% !important; }
  .swal2-range output {
    display: none; } }

.swal2-icon {
  width: 80px;
  height: 80px;
  border: 4px solid transparent;
  border-radius: 50%;
  margin: 20px auto 30px;
  padding: 0;
  position: relative;
  box-sizing: content-box;
  cursor: default;
  user-select: none; }
.swal2-icon.swal2-error {
  border-color: #f27474; }
.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  display: block; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #f27474;
  display: block;
  top: 37px;
  border-radius: 2px; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
  transform: rotate(45deg);
  left: 17px; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
  transform: rotate(-45deg);
  right: 16px; }
.swal2-icon.swal2-warning {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #f8bb86;
  border-color: #facea8;
  font-size: 60px;
  line-height: 80px;
  text-align: center; }
.swal2-icon.swal2-info {
  font-family: 'Open Sans', sans-serif;
  color: #3fc3ee;
  border-color: #9de0f6;
  font-size: 60px;
  line-height: 80px;
  text-align: center; }
.swal2-icon.swal2-question {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #ffffff;
  border-color: #ffffff;
  font-size: 60px;
  line-height: 80px;
  text-align: center; }
.swal2-icon.swal2-success {
  border-color: #a5dc86; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  transform: rotate(45deg); }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  transform: rotate(-45deg);
  transform-origin: 60px 60px; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  transform: rotate(-45deg);
  transform-origin: 0 60px; }
.swal2-icon.swal2-success .swal2-success-ring {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2; }
.swal2-icon.swal2-success .swal2-success-fix {
  width: 7px;
  height: 90px;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  transform: rotate(-45deg); }
.swal2-icon.swal2-success [class^='swal2-success-line'] {
  height: 5px;
  background-color: #a5dc86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2; }
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
  width: 25px;
  left: 14px;
  top: 46px;
  transform: rotate(45deg); }
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
  width: 47px;
  right: 8px;
  top: 38px;
  transform: rotate(-45deg); }

.swal2-progresssteps {
  font-weight: 600;
  margin: 0 0 20px;
  padding: 0; }
.swal2-progresssteps li {
  display: inline-block;
  position: relative; }
.swal2-progresssteps .swal2-progresscircle {
  background: #3085d6;
  border-radius: 2em;
  color: #fff;
  height: 2em;
  line-height: 2em;
  text-align: center;
  width: 2em;
  z-index: 20; }
.swal2-progresssteps .swal2-progresscircle:first-child {
  margin-left: 0; }
.swal2-progresssteps .swal2-progresscircle:last-child {
  margin-right: 0; }
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
  background: #3085d6; }
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
  background: #add8e6; }
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
  background: #add8e6; }
.swal2-progresssteps .swal2-progressline {
  background: #3085d6;
  height: .4em;
  margin: 0 -1px;
  z-index: 10; }

[class^='swal2'] {
  -webkit-tap-highlight-color: transparent; }

@keyframes showSweetAlert {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes hideSweetAlert {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }}

.swal2-show {
  animation: showSweetAlert 0.8s; }
.swal2-show.swal2-noanimation {
  animation: none; }

.swal2-hide {
  animation: hideSweetAlert 0.3s forwards; }
.swal2-hide.swal2-noanimation {
  animation: none; }

@keyframes animate-success-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animate-success-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg); } }

.swal2-animate-success-line-tip {
  animation: animate-success-tip 0.75s; }

.swal2-animate-success-line-long {
  animation: animate-success-long 0.75s; }

.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right {
  animation: rotatePlaceholder 4.25s ease-in; }

@keyframes animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    opacity: 1; } }

.swal2-animate-error-icon {
  animation: animate-error-icon 0.5s; }

@keyframes animate-x-mark {
  0% {
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.swal2-animate-x-mark {
  animation: animate-x-mark 0.5s; }

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.modal-alert {
  border-radius: 0;
  background: #000 url("../assets/images/popup/BG.png") no-repeat top center !important;
  padding: 0 !important; }

.modal-alert .popup.lg {
  min-height: 649px; }

.modal-alert table {
  width: 100%; }

.modal-alert table.popup-table {
  height: 100%; }


.modal-alert table.popup-table td.title, table.popup-table td.title {
  padding: 15px 0;
  height: 50px;
  text-align: center; }

.modal-alert table.popup-table .msg, table.popup-table .msg {
  padding: 10px;
  text-align: center;
  font-size: 14px;
  color: #fff; }

.modal-alert table.popup-table .msg.lg {
  vertical-align: top; }

.modal-alert table.popup-table .btn-box {
  height: 50px; }

.modal-alert .swal2-title {
  display: none; }

.modal-alert .swal2-buttonswrapper {
  position: absolute;
  width: 100%;
  bottom: 10px; }

.modal-alert .swal2-confirm {
  background: linear-gradient( 135deg, #c8af77 37%, #F8F5DD 50%, #c8af77 63% );
  line-height: 100%;
  padding: 12px 20px 11px 20px;
  font-size: 13px;
  border-radius: 3px;
  font-weight: 900;
  display: inline-block;
  color: #000;
  margin-top: -105px !important;
  margin-left: -40px !important;
  position: absolute;
  margin: auto;

   }

.modal-alert .swal2-close {
  text-indent: -9000px;
  width: 55px;
  background:url('/m/14king_img/close.png')no-repeat center ;
  height: 55px;
  border: none;
  box-shadow: none;}


.modal-alert .swal2-close:hover {
  background: url('/m/14king_img/close.png') no-repeat center;
}

.modal-alert table.rtn-box {
  width: 100%; }

.modal-alert table.rtn-box td.panel {
  width: 50%;
  padding: 5px;
  vertical-align: top; }

.modal-alert table.rtn-box th.title {
  font-size: 30px;
  font-weight: 500;
  text-align: left;
  padding: 0px 30px 20px 30px; }

.modal-alert table .error, table.popup-table .error {
  padding: 5px 0;
  font-size: 9px;
  font-weight: 700;
  color: #ff3818; }

.loading-svg{
  background-image:url("../img/circle.svg") ;
  display:block;
  margin-bottom:10px;
  width: 200px;
  height: 200px;
  margin:0 auto;
}

ul.tab_menu-3 {
  background: #fff;

  overflow: hidden;
  height: 53px;
  margin: 0px auto;
  padding: 10px 10px 10px 10px;
  margin-bottom:-11px;}

ul.tab_menu-3 li {
  width: 32%;
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: center;

}

ul.tab_menu-3 li > a {
  display: block;
  background-color: #64615C;
  font-weight: bold;
  text-shadow: 1px 2px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, 0px -1px 1px #000;
  color: #fff;
  padding: 8px 0px 9px 0px;
  line-height: 100%;
  border-radius: 5px 5px 0 0;
  letter-spacing: -1px;
  font-size:15px;}

ul.tab_menu-3 li:first-child > a {
   }
ul.tab_menu-3 li:first-child  {
  margin-right:2% }

ul.tab_menu-3 li:last-child > a {
   }
ul.tab_menu-3 li:last-child {
   margin-left:2% }

ul.tab_menu-3 li .current  {
  background:linear-gradient( to bottom, #D4D1C7, #C5C1AA);

  text-shadow: 1px 2px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, 0px -1px 1px #000;

  color: #FFFFFF !important;
  font-weight: 600; }

.select_bank{
  border: 2px solid #c8af77;
  border-image-source: linear-gradient(to right, #c8af77 15%, #fff 50%, #c8af77 );
  border-image-slice: 1;

  background-size: cover;
}
.B_cancel{
  background:url("../assets/gapimage/main/x.png") no-repeat;
  width: 22px;
  height: 23px;
  border:none;
  padding:0;

}
.dia_cancel{
  background:url("../assets/gapimage/icon/diamond.png") no-repeat;
  background-size: cover;
  width: 23px;
  height: 31px;
  border:none;
  padding:0;

}
.side_logo{
  background:url("/m/14main_img/left_logo.png")no-repeat;
  width: 89px;
  height:32px;
  display: inline-block;
}
.money-background{
  /*padding: 0 10px 10px 10px;*/
  background: #131519;
}
.money-background-2{
  padding: 0 10px 10px 10px;
  background: #E9E6E0;
}
.bank_notice{
   width: 120px; height: 35px;
  padding-top: 10px; color:#c8af77;
  text-align: center;
}
.bank_time tr td{
  color:#fff;

}
.bank_time tr th{
  color:#000;
  background:#c8af77;
}
.B_green_no{
  background:url('/m/14king_img/button.png')no-repeat;
    background-size:100% 100%;
  color:#000;

  height: 35px;
  font-size: 15px;
  padding-top: 7px;
    font-weight: bold;
}
.before_table{
  width: 100%; height: 100%; background:#131519;
}
.text-shadow{
  text-shadow: 1px 2px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, 0px -1px 1px #000;
}
.gran_border{
  width:100%; height:100%; border:2px solid #c8af77;
  border-image-source: linear-gradient(to right, #c8af77 15%, #fff 50%, #c8af77 );
  border-image-slice: 1;
}
.go_kakao{
  outline: none !important;
  visibility: visible !important;
  resize: none !important;
  overflow: visible !important;
  background: url('../14main_img/main_logo.png') no-repeat;
  background-size: cover;
  cursor: pointer;
  opacity: 1 !important;
  position: fixed !important;
  border: 0px !important;
  padding: 0px !important;
  transition-property: none !important;
  z-index: 1000001 !important;
  float: none !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  border-radius: 50% !important;
  transform: rotate(0deg) translateZ(0px) !important;
  transform-origin: 0px center !important;
  margin: 0px !important;
  top: auto !important;
  bottom: 40px !important;
  right: 20px !important;
  left: auto !important;
  display: block !important;
}

.rule-alert{
  min-height: 0 !important;
}
.rule-alert .swal2-image{
  margin: 0;
}
.rule-alert .swal2-close{
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 10px;
  right: 10px;
  top: 15px;
  font-size: 40px;
}
.rule-alert .swal2-buttonswrapper{
  display: none !important;
}
.rule-alert .swal2-title{
  display: none;
}


/* Notice */
.main-notice {
  width: 400px;
  padding: 0;
  position: absolute;
  /*top: 80px;*/
  background: #111;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.5);
  z-index: 99999;
}

.main-notice .notice-logo {
  text-align: center;
  height: 25px;
  opacity: 0.8;
  padding: 15px 0;
}

.main-notice .notice-logo img {
  height: 25px;
}

.main-notice .notice-title {
  padding: 5px 10px 20px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  font-size: 1.5em;
  font-weight: 900;
  text-align: center;
}

.main-notice .notice-body {
  /*min-height: 150px;*/
  /*max-height: 450px;*/
  /*overflow-y: auto;*/
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.4);*/
  /*border-top: 1px solid rgba(255, 255, 255, 0.2);*/
}

.main-notice .notice-foot {
  font-size: 12px;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.main-notice .notice-foot .notice-foot-btn {
  width: 50%;
  float:left;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor:pointer;
  color: #aaa;
  background : #222;
  font-size: 15px;
}

.notice-body img {
  max-width: 100%;
  height : auto;
}

.swal2-modal.modal-alert-refresh {
  border: 0px !important;
  box-shadow: 0 0 10px #C8AF77 !important;
  color: #ffffff;
  background: black !important;
}

.swal2-modal.modal-alert-refresh .swal2-styled.swal2-cancel{
  color: white !important;
  background: #d33 !important;
}

.swal2-modal.modal-alert-refresh .swal2-styled.swal2-confirm{
  color: white !important;
  background: #3085d6 !important;
}

/* 카지노 점검 */
.casino_construct .construct_icon {
  margin: 0 auto;
  width: 150px;
  margin-top: 30%;
}
.casino_construct .construct_icon img {
  width: 150px;
}
.casino_construct .construct_msg {
  margin: 0 auto;
  font-size: 25px;
  font-weight: bold;
  width: 150px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 35%;
  color: #ffffff;
}

.disabled-btn[disabled] {
  background: -webkit-gradient(linear,left top,right bottom,color-stop(0,#737373),color-stop(1,#252525)) !important;
  background: -moz-linear-gradient(left top,#737373,#252525) !important;
  color: #ececec !important;
  height: 35px;
  font-size: 15px;
  padding-top: 7px;
  font-weight: bold;
  padding: 2px 0;
  box-shadow: 0px 0px 5px #999 inset;
}

.menu-back .item {
  position: relative;
}
.menu-back .item > span {
  left: 0;
  position: absolute;
  width: 100%;
  height: 38px;
  border: 1px solid #c8af77;
  border-image-source: linear-gradient(to right, #c8af77 15%, #fff 50%, #c8af77 );
  border-image-slice: 1;
  background: #000;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  padding-left: 20px;
}
.button-form a {
  padding: 0 !important;
  line-height: initial;
  display: block;
}

/*코인테이블*/
.coin_info_table,
.coin_info_bottom {
  font-size: 14px;
}
.coin_info_table .sub_back_ {
  padding: 0;
}
.coin_info_table .top_text {
  padding: 1.8rem;
  line-height: 1.4;
}
.coin_info_table .item th {
  padding-left: 1.8rem;
}
.coin_info_table th,
.coin_info_table td {
  vertical-align: middle !important;
}
.coin_info_bottom {
  padding: 0 5px;
}
.coin_info_bottom table {
  width: 100%;
  background: #131519;
  border: none;
}
.coin_info_bottom table th,
.coin_info_bottom table td {
  border: 1px solid #c8af77;
  padding: 1rem;
  height: 51px;
  vertical-align: middle !important;
  color: #fff;
  background: transparent;
}
.coin_info_bottom table td .inspection-text p {
  font-size: 13px;
  color: #bebebe;
  margin-top: 0.4rem;
}
.coin_info_bottom td input {
  height: 30px;
  background: transparent;
  box-shadow: none;
  color: #ffffff;
  width: 60%;
}
.coin_info_bottom td input#ic_amount {
  text-align: right;
}
.coin_info_bottom td button {
  background: url(/m/14king_img/button.png)no-repeat !important;
  background-size: 100% 100% !important;
  color: #000 !important;
  height: 30px;
  white-space: nowrap;
}
.coin_info_bottom td button:disabled {
  background: #ddd !important;
}
.coin_info_bottom td a {
  display: inline-block;
  background: url(/m/14king_img/button.png)no-repeat !important;
  background-size: 100% 100% !important;
  color: #000 !important;
  height: 30px;
  padding: 2px 15px;
  line-height: 27px;
}
.coin_info_bottom td .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*거래소입금 문구*/
.coin-notice {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
  padding: 0.65rem;
  border-radius: 2px;
  background-color: rgba(217, 48, 78, 0.2);
  color: #ffffff;
  border: 1px solid #D9304E50;
  font-size: 13px;
  line-height: 18px;
}

/*카지노머니*/
.money_area { display: flex;align-items: center;justify-content: flex-end;gap: 0.6rem}
.money_area span { line-height: unset; }
.money_area img { width: 18px; }

.casino-table tbody tr:first-child {border-top: 2px solid #c8af77 !important;}
.casino-table tr {border: none !important;}
.casino-table tr.btn-item button { width: 100%;padding: 0.8rem 0;font-size: 13px;border-radius: 0;color: #fff;background: #595959;height: auto}
.casino-table tr.btn-item button[disabled]:hover {background: -webkit-gradient(linear,left top,right bottom,color-stop(0,#737373),color-stop(1,#252525)) !important;color: #ececec !important;}
.casino-table tr td { font-size: 13px;border: none;padding: 0.6rem;border-bottom: 1px solid #333333}
.casino-table tr td .casino-input { height: 30px }
.casino-table tr td:not(:last-child) { border-right: 1px solid #333333 }
.casino-table tr td .check_btn { border: 1px solid #C8AE77;background: #333333;width: auto;padding: 0.7rem}

/*하바네로 팝업*/
.habanero_slot_form {
  padding: 1rem;
}
.habanero_slot_form .item-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  background-image: url(https://habanerosystems.com/assets/img/games/background.jpg);
  background-size: cover;
  background-position: center center;
  height: 220px;
  margin-bottom: 1rem;
  padding: 3rem 0;
  border-radius: 3px;
  box-shadow: 0 8px 12px 0 rgb(0 0 0 / 10%);
}
.habanero_slot_form .qtech-top {
  background-image: url(../images/qtech/qtech-banner.png);
}
.habanero_slot_form .item-top h2,
.habanero_slot_form .item-top p {
  z-index: 1;
}
.habanero_slot_form .item-top h2 {
  font-size: 20px;
  margin-bottom: 1rem;
}
.habanero_slot_form .item-top img {
  margin-top: 2rem;
  z-index: 1;
  width: 260px;
}
.habanero_slot_form .item-top:after {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: "";
  background-color: rgba(0,0,0,.5);
}
.habanero_slot_form .item-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
}
.habanero_slot_form .item-bottom a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #333;
  width: 100%;
  border-radius: 0;
  border: 1px solid #666666;
  height: 40px;
}
.habanero_slot_form .item-bottom a:last-child {
  background: url(../14king_img/button.png) no-repeat;
  background-size: 100% 100%;
  color: #000;
}
.habanero_slot_form .qtech-bottom {
  display: flex;
}

/*프라그마틱 독점*/
.top__item { display: flex;position: relative;align-items: center; background: url('../../m/images/pp_kra.png');background-size: 100% 100%;margin-bottom: 2rem;height: 170px;width: 100%;background-position: 100%}
.pr-no-image { background: url('../../m/images/pp_coffee.png') !important;background-position: 50% 0 !important; }
.pr-no-image:after { content: "";position: absolute;background: url('../images/pp_icon.png');width: 40px;height: 40px;top: 0;left: 0;background-size: cover; }

/*가상계좌*/
.deposit__text { font-size: 13px;line-height: 20px; }
.deposit__table { width: 100%;font-size: 13px }
.deposit__table caption { text-align: left;font-size: 15px;margin: 2rem 0 1rem;color: #fff; }
.deposit__table th { padding: 1.4rem 1rem;background: #C8AE77;color: #000; }
.deposit__table td { padding: 0 1rem; }
.deposit__table td .item { display: flex;align-items: center;justify-content: space-around }
.deposit__table td .item input { box-shadow: none;font-size: 14px }
.deposit__table td button { background: #333;border: 1px solid #666;color: #eee;padding: 0.6rem 2rem; }
.deposit__table th,
.deposit__table td { border: 1px solid #D9C89A;vertical-align: middle !important;text-align: center }
.deposit__table td input { border: none;margin-right: 0.3rem;width: auto;background: transparent;font-size: 13px;color: #C69B52;text-align: right }
.deposit__table td input:focus,
.deposit__table td input:active { outline: none; }

/*카지노 입장하기 버튼*/
.casino__item a { position: relative }
.casino__item a:after { content: "입장하기";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #131519 }

/*에볼루션 슬롯*/
.ev_box { display: grid;grid-template-columns: 1fr 1fr;gap: 10px;padding: 10px }
.ev_box .slot_wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ev_box .slot_wrapper .item {
  width: 100%;
  height: auto;
  background-size: cover;
  background-position: 50%;
  padding-top: 56%;
}
.ev_box .slot_buttom_margin {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.ev_box .slot_buttom_margin .casino-btn-start {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #fff;
  width: 70px;
  background: #c8af77;
  color: #000 !important;
}

.coin-area { margin-bottom: 15px;}
.coin-area input {
  background: rgba(0,0,0,0.5);
  border: 1px solid #404040;
  height: 45px;
  width: 100%;
  text-indent: 1rem;
  color: #fff;
  box-shadow: none;
}
.coin-area button {
  display: flex;
  width: 240px;
  height: 40px;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  background: url(/m/14king_img/button.png)no-repeat !important;
  background-size: 100% 100% !important;
  color: #000 !important;
}

/*코인*/
.coin_info_bottom .item-box { display: grid;grid-template-columns: 1fr 1fr;gap: 5px }
.coin_info_bottom .input_item { display: flex;align-items: center;justify-content: flex-end;gap: 5px;color: #fff}
.content-box .top_text b { color: #c8af77 }
#CoinChargeFormArea { text-align: center }

/*카지노롤링포인트 시작*/

#pr_top {
  padding: 1rem;
}
.pr_mobile {

}

.pr_tab {
  height: auto;
  overflow: hidden;
  background: #151515;
}
.pr_tab > ul {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr;
  border-bottom: 1px solid #52526052;
}

.pr_tab ul li{
  padding: 1.4rem 0;
  text-align: center;
  border-bottom: 2px solid transparent;
  font-size: 14px;
}

.pr_tab ul li.active {
  border-bottom: 2px solid #C8AE76;
  color: #C8AE76;
}

.pr_sub_title {
  display: flex;
  align-items: center;
  position: relative;
  padding: 1.3rem 1rem;
  font-weight: bold;
  font-size: 15px;
}
.pr_sub_title:after {
  content: "";
  position: absolute;
  left: 0;
  top: 19px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #fff;
}
.pr_sub_title span {
  font-size: 13px;
  margin-left: 5px;
  color: #FDD836;
}
.pr_no_result {
  margin: 0 0 1rem;
  text-align: center;
  line-height: 1.6;
  font-size: 13px;
  border: 1px solid #C8AE76;
  padding: 1rem;
}

.pr_check_btn {
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  background: url(/m/14king_img/button.png)no-repeat !important;
  background-size: 100% 100% !important;
  color: #000 !important;
  padding: 0;
  font-weight: bold;
}

.pr_info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 1rem;
  column-gap: 1rem;
  row-gap: 1rem;
}
.pr_info li {
  padding: 1.5rem 1rem;
  border: 1px solid #c8af77 !important;
}
.pr_info2 li:first-child {
  grid-column: 1 / 3;
}
.pr_info li:last-child {grid-column: 1 / 3;}

.pr_head {
  padding-bottom: 1rem;
  opacity: 0.7;
}
.pr_content {
  font-size: 14px;
}

.pr_log_table {
  width: 100%;
}
.pr_log_table tr.item {
  background: linear-gradient( 135deg, #c8af77 35%, #F8F5DD 50%, #c8af77 61% ) !important;
}
.pr_log_table tr th {
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  color: #000;
  height: 38px;
  vertical-align: middle !important;
}
.pr_log_table tr td {
  text-align: center;
  padding: 12px 2px;
  border-bottom: 1px solid #c8af77;
  font-size: 13px;
  vertical-align: middle !important;
  white-space: nowrap;
}
.pr_log_table tr td:nth-child(2) {
  padding-right: 1rem;
}
.pr_no_result_td {
  padding : 10px 0 0 0;
}

.pr_log_last {
  color : #F5D147;
}

.pr_log_included {
}

.pr_log_notyet {
  color : orange;
}

.pr_bottom {
  font-size: 13px;
  padding: 1rem;
}

.pr_point {
  color : #c32464;
}
.pr_container {
  margin-bottom: 1rem;
  background: #000;
}
.pr_container ul  {
  display: inline-flex;
}
.pr_container ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 44px;
  border-bottom: 2px solid transparent;
  font-size: 14px;
}
.pr_container ul li.active,
.pr_container ul li:hover {
  color: #C8AE77;
  border-color: #C8AE77;
}
.pr_text_box { padding: 1rem;border: 3px double #C8AF77;background: #141519;line-height: 26px;margin-bottom: 1rem;font-size: 14px;letter-spacing: -0.5px }
.pr_text_box b { color: #FDD836;text-decoration: underline }
.pr_time { text-align: center;margin: 1rem 0 0;font-size: 14px}
.pr_check { margin-top: 1rem }
.mb-1 { margin-bottom: 1rem !important; }

/*에볼루션 카지노 팝업 관련*/
.no_wrapper_html { overflow: unset }
.no_wrapper_html,
.no_wrapper_html body {margin: 0;padding: 0;height:100%;width:100%;}
.no_wrapper_html #result {height: 100%}
iframe {padding: 0;margin: 0;border: none;}

/*환전 롤링영역*/
.rolling_info { border-collapse: collapse;border-spacing: 0; }
.rolling_info tr th { background-color: #404040 }
.rolling_info tr td { border-bottom: 1px solid #575757; }
.rolling_info tr td.R { text-align: right !important; }
.rolling_info tr th,
.rolling_info tr td { text-align: center;height: 40px;padding: 10px 0.8rem }
.rolling_info tr td:not(:last-child),
.rolling_info tr th:not(:last-child) { border-right: 1px solid #575757; }

/*outside페이지*/
.outside_body { min-width: unset;background-image: url('/14main_img/main_background.png');background-size: cover;background-repeat: no-repeat;}
.outside_wrap { position: relative;grid-template-columns:unset !important;height: 100vh !important;font-size: 14px }
.outside_wrap h2 { all: unset;margin-bottom: 1rem;font-size: 18px;text-align: center;color: #EA4236;font-weight: bold }
.outside_wrap .logWrap {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;flex-direction: column;justify-content: flex-start;gap: 1rem;width: 96%;height: auto;padding: 2rem;box-sizing: border-box;animation: outside_move 0.85s;animation-delay: 0s;z-index: 1;border: 1px solid #c8af77;box-shadow: 0 0 0 100vh rgba(0,0,0,0.58);background-color: #000000;color: #fff}
.outside_wrap .text_box { all: unset !important;line-height: 2.2rem !important;margin-bottom: 1rem }
.outside_wrap .text_box mark { background-color: #FFFF00 }
.outside_wrap table { width: 100%;border-collapse: collapse;align-items: center }
.outside_wrap table th { background-color: #000 }
.outside_wrap table th,
.outside_wrap table td { height: 40px;border: 1px solid #47474C;text-align: center;padding: 10px 0;color: #FFFF00 }
.outside_wrap table td {background-color: #0E0E0E }
.outside_wrap table td span { color: #4285F5 }
.outside_wrap .btn {display: flex;justify-content: center;align-items: center;height: 45px;background: #C59B51;border: 1px solid #C59B51;transition: all 0.35s;border-radius: 0;font-size: 14px;color: #fff;box-shadow: none}
@keyframes outside_move { from {top:-10%;} to {top:50%;} }


/*모바일하단메뉴*/
.bottom_nav {
  position: fixed;
  position: -ms-device-fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  z-index: 1;
  box-shadow: 0 0 20px #000;
  background: rgb(199,175,119) !important;
  background: linear-gradient(90deg, rgba(199,175,119,1) 0%, rgba(248,247,222,1) 50%, rgba(199,175,120,1) 100%) !important;
  padding-top: 2px;
  padding-bottom: calc(env(safe-area-inset-bottom));
  padding-bottom: calc(constant(safe-area-inset-bottom));
}
.bottom_nav:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 95%;
  background-color: #1D1D1E;
  z-index: -1;
}
.bottom_nav a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 7px;
  gap: 7px;
  font-size: 14px;
  background-color: #1D1D1E;
  line-height: 14px;
  height: 60px;
  box-sizing: border-box;
}
.bottom_nav a img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.main__wrap {
  display: block;
  padding: 10px 10px 0;
  margin-bottom: 1rem;
}
.main__wrap .item_box {
  position: relative;
  background-image: url(/m/images/wrap_bg01.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 742px;
  padding: 10px 20px;
  box-sizing: border-box;
}
.main__wrap .item_box > div {
  width: 100%;
  overflow: auto;
}
.main__wrap .item_box > div::-webkit-scrollbar {
  display: none;
}
.main__wrap .item_box .casino_box {
  margin-top: 40px;
}
.main__wrap .item_box .slot_box {
  margin-top: 65px;
}
.main__wrap .item_box > div > div.casino_item {
  width: 540px;
}
.main__wrap .item_box > div > div {
  display: flex;
  gap: 10px;
  width: 650px;
  height: 163px;
}
.main__wrap .item_box > div > div a {
  position: relative;
  display: inline-flex;
  height: 140px;
  width: 100px;
  border-radius: 8px;
  background-color: #1C1D1C;
}
.main__wrap .item_box > div > div a.num {
  filter: grayscale(100%);
}
.main__wrap .item_box > div > div a font {
  position: absolute;
  bottom: -23px;
  left: 50%;
  transform: translate(-50%,0);
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.casino_item a:nth-child(1) { background-image: url('../images/pr_casino.png') }
.casino_item a:nth-child(2) { background-image: url('../images/mg_casino.png') }
.casino_item a:nth-child(3) { background-image: url('../images/ab_casino.png') }
.casino_item a:nth-child(4) { background-image: url('../images/pa_casino.png') }
.casino_item a:nth-child(5) { background-image: url('../images/ev_casino.png') }

.slot_item a:nth-child(1) { background-image: url('../images/pr_slot.png') }
.slot_item a:nth-child(2) { background-image: url('../images/mg_slot.png') }
.slot_item a:nth-child(3) { background-image: url('../images/pa_slot.png') }
.slot_item a:nth-child(4) { background-image: url('../images/hb_slot.png') }
.slot_item a:nth-child(5) { background-image: url('../images/qt_slot.png') }
.slot_item a:nth-child(6) { background-image: url('../images/ev_slot.png') }

.sports_item a:nth-child(1) { background-image: url('../images/sp_banner02.png') }
.sports_item a:nth-child(2) { background-image: url('../images/sp_banner03.png') }
.sports_item a:nth-child(3) { background-image: url('../images/sp_banner01.png') }

.main__wrap .item_box > div.sports_box { margin-top: 65px; }
.main__wrap .item_box > div.sports_box > div { width: 354px; }
.main__wrap .item_box > div.sports_box > div a { width: 110px;}

.notice_box {
  padding: 0 1rem;
  margin-top: 1rem;
  margin-bottom: 100px;
}
.main_notice {
  background: url("../14main_img/notic.png");
  height: 220px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 60px;
}
.main_notice .notice_item {
  width:100%; height:150px; overflow-y: scroll;overflow-x: hidden
}
.main_notice div {
  display: flex;
  flex-direction: column;
}

.main_notice div a {
  display: flex;
  color: #fff;
  min-height: 34px;
  padding-left: 2.3rem;
  align-items: center;
  font-size: 14px;
}
.main_notice div a b {
  display: flex;
  min-height: 40px;
  align-items: center;
}
.slide_box {
  padding: 0 0 10px 0;
}
.slide_box > .bx-wrapper {
  padding: 2px;
  border-radius: 5px;
  background: rgb(199,175,119) !important;
  background: linear-gradient(90deg, rgba(199,175,119,1) 0%, rgba(248,247,222,1) 50%, rgba(199,175,120,1) 100%) !important;
}
.main__bg {
  background-image: url('../14main_img/main_game_bg.png');
  background-size: auto;
}
.board_popup {
  padding: 4px 4px 1px;
  background: rgb(199,175,119) !important;
  background: linear-gradient(90deg, rgba(199,175,119,1) 0%, rgba(248,247,222,1) 50%, rgba(199,175,120,1) 100%) !important;
}
.board_popup > iframe {
  background: #1C1D1C;
}
.right__box {display: flex;position: absolute;right: 10px;top: 50%;transform: translate(0,-50%);gap: 12px;}
.right__box div {display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: bold;color: #C7AE76;line-height: inherit;height: 40px;}
.left__box {display: flex;position: absolute;left: 60px;top: 50%;transform: translate(0,-50%);gap: 12px;}
.left__box div {display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: bold;color: #C7AE76;line-height: inherit;height: 40px;}

/*회원가입*/
.tel_box { display: flex;align-items: center;gap: 5px;margin-bottom: 15px }
.tel_box input,
.tel_box select {border-radius: 2px;font-size: 18px !important;background-color: transparent !important;color: #fff;border: 2px solid #c8af77;border-image-source: linear-gradient(to right, #c8af77 15%, #fff 50%, #c8af77 );border-image-slice: 1;}
.tel_box input::placeholder{color: #C8AE77 !important;}
.tel_box input,
.tel_box select,
.tel_box button#phone_check_btn { display: flex;align-items: center;width: 100%;margin: 0 !important;height: 55px !important;padding: 0 0 0 10px !important;box-sizing: border-box;outline: none}
.tel_box button#phone_check_btn { padding: 0 !important; }
.tel_box button#phone_auth_btn { display: flex;align-items: center;justify-content: center;width: 110px;height: 55px }
.tel_box button#phone_auth_btn:disabled { background-color: #404040 !important; }
#phone_auth_time { font-size: 18px;}
.tel_box button { justify-content: center;padding: 0 !important;margin: 0 !important;font-weight: unset !important;
  background: url(/m/14king_img/button.png)no-repeat !important;
  background-size: 100% 100% !important;
  color: #000;
  font-size: 18px;
  }
.tel_box #phone_check_val:disabled { background-color: transparent }
.item_text { color: #ECC925;font-size: 14px;font-weight: bold;font-style: unset;margin: 15px 0;line-height: 20px;text-align: center;}

/*마이페이지*/
.mypage_box h2 { font-size: 16px;margin: 2rem 0 1rem }
.mypage_box table {border-spacing: 2px;border-collapse: separate;background: #131519;}
.mypage_box table th,
.mypage_box table td {white-space: nowrap;padding: 8px 0;border: 2px solid #c8af77;border-image-source: linear-gradient(to right, #c8af77 15%, #fff 50%, #c8af77 );border-image-slice: 1;background: #131519;text-align: center;color: #c8af77;font-size: 14px;}
.mypage_box table td { text-align: left;padding-left: 1rem }
.mypage_box button { display: flex;align-items: center;justify-content: center;height: 45px;margin: 0.5rem 0;border-radius: 0;    background: url(/m/14king_img/button.png)no-repeat;background-size: 100% 100%;color: #000;font-size: 15px;font-weight: bold;}

/*하단 네비게이션바*/
#tabs {position: fixed;bottom: 0;width: 100%;background-color: #1D1D1E;z-index: 4;box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.3);padding-bottom: calc(env(safe-area-inset-bottom));padding-bottom: calc(constant(safe-area-inset-bottom));font-size: 14px}
.menu {position: relative;z-index: 5;}
.menu:after { content: "";position: absolute;top: 0;left: 0;width: 100%;height: 2px;background-image: url('../images/top_line.png');background-size: cover }
.menu .parent {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;font-weight: 900;gap: 6px;}
.menu .parent.home_parent { background-color: #3F88B4 }
.menu .parent .sub-nav {display: none;position: fixed;bottom: 74px;top: 0;z-index: 2;height: auto;width: 100%;left: 0;background: rgba(0,0,0,0.45);margin: 0;box-shadow: none;}
.menu .parent .sub-nav > div {position: fixed;bottom: 74px;width: 100%;background: #000000;}
.menu .parent .sub-nav li {border-bottom: 1px solid #F7F4DA;}
.menu .parent .sub-nav li.item {display: flex;gap: 10px;}
.menu .parent .sub-nav li.item span {width: 28px;text-align: center;}
.menu .parent .sub-nav li.out_item {padding-top: 0;}
.menu .parent .sub-nav li.out_item a {padding: 1rem;text-align: center;background: var(--main-color);border-radius: 4px;}
.menu .parent .sub-nav li a {display: flex;align-items: center;height: 50px;text-decoration: none;font-weight: 700;color: #fff;padding-left: 1.4rem;}
.ul_menu {height: auto;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;margin: 0;}
.ul_menu li > div,
.ul_menu > li > a {display: flex;flex-direction: column;gap: 8px;align-items: center;justify-content: center;height: 74px;color: #fff;}
.footer { display: block;height: 100px }

/* 이벤트,공지사항 페이지 */
.event_content { display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem 0.8rem;padding: 0.8rem }
.event_content li { display: flex;flex-direction: column;gap: 0.5rem}
.event_content .img_box { position: relative;padding-top: 100%; }
.event_content img { position: absolute;width: 100%;height: 100%;top: 0;left: 0; }
.event_content .title { display: grid;grid-template-columns: 40px 1fr;align-items: center;height: auto;gap: 0.5rem;font-size: 13px;border-bottom: 1px solid #928976;padding: 0 0 0.5rem;cursor: pointer;line-height: normal;min-height: 36px}
.event_content .title > b { display: inline-flex;align-items: center;justify-content: center;padding: 0 0.5rem;background-color: #C8AE76;height: 22px;border-radius: 2px;font-size: 12px;white-space: nowrap;color: #000}
.event_content .title > b.event_close { background-color: #444;color: #fff}
.event_content .title p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0;color: #fff}
.event_content .notice_box {display: flex;gap: 0.5rem;color: #fff;font-size: 12px;padding: 0;margin: 0;}
.event_content .nodata { grid-column: 1 / 5;display: flex;align-items: center;justify-content: center;height: 200px;background: #20252E; }
.grid-t-1 { grid-template-columns: 1fr !important; }

.coin_banner { display: flex;padding: 5px;background-color: #050300 }
.text_comment { display: flex;align-items: center;height: 30px;margin: 1rem 0 0.5rem;padding-left: 0.5rem }
.text_comment p { font-size: 13px;color: #ccc }

/*지인추천*/
.refer_bottom .table-list-point td { white-space: normal;vertical-align: middle !important; }

/*고객센터*/
.flex-c { display: flex;align-items: center;justify-content: center;gap: 5px }

/*포인트*/
.point__box .table-list-point td { vertical-align: middle !important;white-space: normal }

/*콤프*/
.table_td_sep td.btn__box {border: none;padding: 1rem 0 3rem !important;text-align: center !important;}
.nomal_table { border-spacing: 0 2px;border-collapse: separate; background: #131519 }
.nomal_table td { border-right: none !important;border-left: none !important;white-space: normal !important;vertical-align: middle !important;padding: 8px !important;}
.nomal_table td:first-child { border-left: 2px solid #c8af77 !important;}
.nomal_table td:last-child { border-right: 2px solid #c8af77 !important;}
.nomal_table td.ws_n { white-space: nowrap !important; }

/*쿠폰*/
.coupon_table td {vertical-align: middle !important;height: 40px;border: 1px solid #564C3A;}

/*충전*/
.deposit_item {padding: 15px;border-top: 1px solid #C8AF77;}
.deposit_item .row_item {font-size: 14px;line-height: 20px;}
.deposit_item .box__item {display: flex;flex-direction: column;text-align: center;gap: 10px;font-size: 13px;line-height: 20px;padding: 15px 0;}
.deposit_item .box__item input { margin: 0 }
.deposit_box { display: flex;flex-direction: column }

.deposit_table { width: 100% }
.deposit_table th,
.deposit_table td {border: 1px solid #464648;vertical-align: middle !important;height: 50px;text-align: center;}
.deposit_table th {background: #303030;color: #C8AF77;}
.deposit_table td {padding: 0.5rem;box-sizing: border-box;}
.deposit_table .item {display: grid;grid-template-columns: 1fr 1fr;gap: 0.5rem;}
.deposit_table .item a {display: flex;align-items: center;justify-content: center;height: 40px;border: 1px solid #C8AE77;}
.deposit_table input {width: 100%;height: 36px;padding: 0 0.5rem;background: transparent;color: #fff;}
.deposit_table input.input_01 {border: 1px solid #464648;}
.deposit_table button {display: flex;align-items: center;justify-content: center;width: 100%;height: 40px;}

.sbo_result {padding-bottom: calc(env(safe-area-inset-bottom));padding-bottom: calc(constant(safe-area-inset-bottom));}

/*포인트*/
.point-wrap { padding: 0 0.6rem;margin-top: 1rem }
.held_item { font-size: 16px;margin: 2rem 0 4rem;}

.history {
  padding: 1rem;
  border: 1px solid #A08C5F;
  margin-top: 0.3rem;
}
.history table { width: 100% }
.BET {
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 1rem;
  background: #000;
  border-top: none;
}
.his_top,.result_top { display: flex;justify-content: flex-end;margin: 1rem 0;align-items: center;padding: 0 1rem }
.his_top button {
  display: flex;
  height: 32px;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  background: #333;
  border: 1px solid #666;
  color: #eee;
  font-weight: bold;
  border-radius: 1px;
}
.his_bottom button { all: unset;color: #ddd;text-decoration: underline;cursor: pointer }
.his_bottom button:hover { color: #fff }
.his_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.his_bottom .check_item { display: flex;align-items: center;gap: 0.4rem }
.his_bottom .check_item input { margin: 0 }
.his_bottom .check_item label { color: #fff }

.search_box { display: inline-flex;gap: 0.3rem;justify-content: center;margin: 2rem 0}
.search_box input {
  background-color: #1C1D1E;
  border: 1px solid #A08C5F;
  color: #fff;
  text-indent: 0.5rem;
  font-size: 12px;
  outline: none;
  height: 32px;
  width: 230px;
}
.search_box button {
  margin: 0;
  width: 100px;
  height: 32px;
  font-size: 12px;
}

.bet__box {
  padding: 1rem;
}

.result_table tr:first-child {
  border-spacing: 0; }

.result_table caption {
  margin-bottom: 10px; }

.result_table caption small {
  color: #fc0;
  font-weight: normal; }

.result_table th {
  padding: 0.5rem 0 1rem;
  text-align: center;
}

.result_table td {
  padding: 0.8rem 0.6rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.result_table td * {
  vertical-align: middle; }

.result_table td a {
  color: #ddd;
  text-decoration: none; }

.result_table td a:hover {
  color: #fff;
  text-decoration: underline; }

.result_table td em.num {
  margin-left: 0.5em;
  color: #0f0;
  font-weight: bold; }

.result_table td .icon {
  margin-left: 0.5em; }

.result_table td .comment {
  color: #fc0; }

.result_table td.on {

  /* border-radius: 10px; */
  /* border: 1px solid #000; */

}
.result_table td.on .ellipsis{
  font-weight: bold;
  color: #c8af77;
}

.result_table td.bottombuttons {
  border: none;
  text-align: right; }

.result_table td.list_paging {
  padding: 0;
  border: none; }

.result_table td.nodata {
  padding: 40px 0;
  text-align: center; }

.result_table td .sportsIcon {
  width: 19px;
  height: 19px; }

.result_table td .leagueIcon {
  width: 25px;
  height: 19px; }

.leagueTab {margin: 0.5rem 0px;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color)}
.leagueTab ul {display: flex;flex-direction: row;justify-content: space-between;}
.leagueTab ul li { background: var(--box-color);padding: 15px 5px;text-align: center;cursor: pointer;flex-grow: 1;}
.leagueTab ul li:not(:last-child) {border-right: 1px solid var(--border-color)}
.leagueTab ul li.active {color: var(--text-color);box-shadow: inset 0em -2px 0 0 var(--main-text-color);}
.leagueBox.tab-blind {display: none;}
.leagueContents.have-tab { /*min-height: 300px;*/}

.bet-table { display: grid;grid-template-columns: 1fr 1fr;gap: 0.5rem; }
.bet-table tbody { display: grid;grid-template-columns: 1fr;gap: 0.5rem;padding: 0.6rem 0 }
.bet-table > div {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem 0.5rem;
  justify-content: space-around;
  border: 1px solid var(--border-color);
  background: var(--box-color);
  color: #fff;
  padding: 1rem;
}
.bet-table > div:first-child { }
.powerball-table > div:last-child .lbet > div { background: radial-gradient( #ff0002 60%, #FB6F6B 50% );border: 1px solid #666; }
.powerball-table > div:last-child .rbet > div { background: radial-gradient( #30B31C 60%, #66D168 50% );border: 1px solid #666; }
.bet-table > div:nth-child(2) { grid-column:  2 / 3 }
.bet-table > div:last-child { grid-column: 1 / 3 }
.bet-table > div > div { display: grid;position: relative; width: 100%;align-items: center;justify-content: center;}
.bet-table > div > div:nth-child(1) { grid-column: 1 / 4 !important;grid-row: 1;color: var(--text-color)}
.bet-table > div > div > div { display: flex;flex-direction: column;align-items: center;justify-content: center;height: 65px;width: 65px;border-radius: 50%;color: #fff}
.bet-table > div > div > div.blue { background: radial-gradient( #000aff 60%, #2F8BFF 50% );border: 1px solid #666;  }
.bet-table > div > div.on > div.blue { background: radial-gradient( #FFC700 60%, #FFED53 50% ) }
.bet-table > div > div > div.red {background: radial-gradient( #ff0002 60%, #FB6F6B 50% );border: 1px solid #666;}
.bet-table > div > div.on > div.red { background: radial-gradient( #FFC700 60%, #FFED53 50% ) }
.bet-table > div > div > div.green {background: radial-gradient( #30B31C 60%, #66D168 50% );border: 1px solid #666;}
.bet-table > div > div.on > div.green { background: radial-gradient( #FFC700 60%, #FFED53 50% ) }
.bet-table > div > div.lock > div { background: radial-gradient( #d9d9d9 60%, #ddd 50% ) !important;border: 1px solid #ccc !important; }
.bet-table > div > div > div .pick {}
.bet-table > div > div > div .odds {  }
.bet-table > div > div > div .odds i { text-shadow: none }

.bet-table tbody tr { display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 1rem 0.5rem;justify-content: space-around;border: 1px solid var(--border-color);border-radius: 3px;background: var(--box-color);color: #fff;padding: 1rem 20%;}
.bet-table tbody tr th { grid-column: 1 / 4;text-align: center;}
.bet-table tbody tr td { display: flex !important;align-items: center;justify-content: center }
.bet-table tbody tr td .blue { background: radial-gradient( #000aff 60%, #2F8BFF 50% );border: 1px solid #666; }
.bet-table tbody tr td .red { background: radial-gradient( #ff0002 60%, #FB6F6B 50% );border: 1px solid #666; }
.bet-table tbody tr td .green { background: radial-gradient( #30B31C 60%, #66D168 50% );border: 1px solid #666; }
.bet-table tbody tr td.on .blue { background: radial-gradient( #FFC700 60%, #FFED53 50% ) }
.bet-table tbody tr td.on .red { background: radial-gradient( #FFC700 60%, #FFED53 50% ) }
.bet-table tbody tr td.on .green { background: radial-gradient( #FFC700 60%, #FFED53 50% ) }
.bet-table tbody tr td.lock .blue,
.bet-table tbody tr td.lock .red,
.bet-table tbody tr td.lock .green { background: radial-gradient( #d9d9d9 60%, #ddd 50% ) !important;border: 1px solid #ccc !important; }
.bet-table tbody tr td > div  { position: relative; display: flex;flex-direction: column;align-items: center;justify-content: center;height: 65px;width: 65px;border-radius: 50%;color: #fff;gap: 0.3rem }

.pkladder .leagueContents .eventBox:not(:first-child) {display: none;}
.ladder .bet-table > div:first-child { }
.ladder .bet-table > div:nth-child(2) { grid-column: unset }
.grid-none .bet-table > div:first-child { grid-column: unset;grid-row: unset }
/*가상게임*/
.virtual-from tbody { display: grid;grid-template-columns: 1fr 1fr;gap: 0.5rem;padding: 0.6rem}
.virtual-from .bet-table tbody tr { position: relative;}
.virtual-from .bet-table tbody tr td { grid-column: 1 / 4 }
.th-span-none .bet-table th span {display: none}

.virtual-from .vhorse .bet-table tbody tr { padding: 1rem }
.virtual-from .vhorse .bet-table tbody tr th { grid-row: 2 }
.virtual-from .vhorse .bet-table tbody tr th:first-child { display: none !important; }
.virtual-from .vhorse .bet-table tbody tr td {}
.virtual-from .vhorse .bet-table tbody tr td div { border: 1px solid var(--border-color);background: radial-gradient( var(--bet-background-color) 60%, var(--sub-bet-background-color) 50% ); }
.virtual-from .vhorse .bet-table tbody tr td.on div { background: #FFC700;box-shadow: inset 0 0 1px 3px #ffed53; }
.virtual-from .vhorse .bet-table tbody tr td div .pick,
.virtual-from .vhorse .bet-table tbody tr td div .odds { font-size: 12px;text-shadow: none;color: var(--text-color) }

.vsports .bet-table tbody { grid-template-columns: 1fr 1fr }
.vsports .bet-table tbody tr { padding: 1rem 4% }
.vsports .bet-table tbody .base .odds {;text-shadow: none}

.grid-1 { grid-template-columns: 1fr !important; }
.grid-2 { grid-template-columns: 1fr 1fr !important; }

.horse-01 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_01.png") no-repeat;
}

.horse-02 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_02.png") no-repeat;
}

.horse-03 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_03.png") no-repeat;
}

.horse-04 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_04.png") no-repeat;
}

.horse-05 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_05.png") no-repeat;
}

.horse-06 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_06.png") no-repeat;
}

.horse-07 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_07.png") no-repeat;
}

.horse-08 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_08.png") no-repeat;
}

.horse-09 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_09.png") no-repeat;
}

.horse-10 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_10.png") no-repeat;
}

.horse-11 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_11.png") no-repeat;
}

.horse-12 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_12.png") no-repeat;
}

.horse-13 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_13.png") no-repeat;
}

.horse-14 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_14.png") no-repeat;
}

.horse-15 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_15.png") no-repeat;
}

.horse-16 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_16.png") no-repeat;
}

.horse-17 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_17.png") no-repeat;
}

.horse-18 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background-size: cover !important;
  background: url("../images/bet365/SilkSmall_18.png") no-repeat;
}

.horse-19 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background: url("../images/bet365/SilkSmall_19.png") no-repeat;
  background-size: cover !important;
}

.horse-20 {
  display: inline-block;
  width: 35px;
  height: 24px;
  background: url("../images/bet365/SilkSmall_20.png") no-repeat;
  background-size: cover !important;
}

.dog-01, .dog-02, .dog-03, .dog-04, .dog-05, .dog-06, .dog-07, .dog-08 {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("../images/bet365/HiResGreyhoundsV2.png") no-repeat;
  background-size: cover;
}

.dog-01 {
  background-position: 0 0;
}

.dog-02 {
  background-position: 0 -37px;
}

.dog-03 {
  background-position: 0 -75px;
}

.dog-04 {
  background-position: 0 -112px;
}

.dog-05 {
  background-position: 0 -149px;
}

.dog-06 {
  background-position: 0 -186px;
}

.dog-07 {
  background-position: 0 -224px;
}

.dog-08 {
  background-position: 0 -261px;
}

/*미니게임 배팅카트*/
.MiniBettingForm .modal-body { padding: 1rem !important; }
.MiniBettingForm .modal-body .cart-picks { display: flex;flex-direction: column;gap: 0.4rem }
.MiniBettingForm .modal-body .close_item { position: absolute;top: -5px;right: -5px;z-index: 1;height: 20px;width: 20px;background-color: var(--box-color);border: 1px solid var(--border-color);border-radius: 50%;display: flex;align-items: center;justify-content: center}
#BettingPicks .mini-cart .PickTypeInfo .wr.first span { display: inline-flex;align-items: center;justify-content: center;width: 50px;height: 50px;border-radius: 50%;background: radial-gradient( var(--main-color) 60%, var(--sub-color) 50% );color: #fff }
#BettingPicks .mini-cart .PickTypeInfo .wr.first span.pick_1 { background: radial-gradient( #000aff 60%, #2F8BFF 50% );border: 1px solid #666; }
#BettingPicks .mini-cart .PickTypeInfo .wr.first span.pick_1.대 { background: radial-gradient( #ff0002 60%, #FB6F6B 50% );border: 1px solid #666; }
#BettingPicks .mini-cart .PickTypeInfo .wr.first span.pick_x { background: radial-gradient( #30B31C 60%, #66D168 50% );border: 1px solid #666; }
#BettingPicks .mini-cart .PickTypeInfo .wr.first span.pick_x.중 { background: radial-gradient( #000aff 60%, #2F8BFF 50% );border: 1px solid #666; }
#BettingPicks .mini-cart .PickTypeInfo .wr.first span.pick_2 { background: radial-gradient( #ff0002 60%, #FB6F6B 50% );border: 1px solid #666; }
#BettingPicks .mini-cart .PickTypeInfo .wr.first span.pick_2.소 { background: radial-gradient( #30B31C 60%, #66D168 50% );border: 1px solid #666; }
.mini__color #BettingPicks .mini-cart .PickTypeInfo .wr.first span.pick_1 { background: #FFC700;box-shadow: inset 0 0 1px 3px #ffed53;color: var(--text-color);border: 1px solid var(--border-color); }
#BettingPicks .PickEventInfo.mini-cart { display: flex;flex-direction: column;border: 1px solid var(--border-color);font-size: 13px;border-bottom: none }
#BettingPicks .PickEventInfo.mini-cart > div { text-align: center;border: none;padding: 0 }
#BettingPicks .PickEventInfo.mini-cart > div:first-child { padding: 0.5rem 0;border-bottom: 1px solid var(--border-color);color: #fff;background: #141516 !important;}
#BettingPicks .PickEventInfo.mini-cart > div.PickTypeInfo { padding: 10px 0 }
#BettingPicks .mini-cart .PickTypeInfo {display: flex;justify-content: space-between;align-items: center }
#BettingPicks .mini-cart .PickTypeInfo div { width: 100%;text-align: center;border: none;color: #fff }
#BettingPicks .mini-cart .noti span { display: flex;justify-content: center;align-items: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%;backdrop-filter: blur(1px);background-color: #55555510;text-decoration: unset;color: var(--text-color)}
.close_item {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

div.bet-table{
  width: 100%;
  padding: 0.5rem 0.5rem 0;
}

.minigame-form .eventBox dd { width: 100%; }
.minigame-form .eventBox dd table tr th { width: 100%;font-size: 13px;text-align: center }
.minigame-form .eventBox dd table tr td.side { width: auto;min-width: auto }
.minigame-form .eventBox dd table tr td.hx { width: auto;height: auto;min-width: auto }
.minigame-form .eventBox dd .bet-table tr td.hx { background: transparent;border: none }
.minigame-form .eventBox dd .bet-table tr td.side { background: transparent;border: none }
.minigame-form .eventBox dd table tr td .odds,
.minigame-form .eventBox dd table tr td .pick,
.minigame-form .eventBox dd .threeway_table tr td.hx .odds { padding: 0 !important;color: #fff !important;}
.minigame-form .vr span { padding: 0 !important; }
.minigame-form .eventBox dd table tr td.on { background: transparent }
.minigame-form .BetArea { color: var(--text-color) }
.minigame-form .eventBox dd .bet-table tr td.side { font-size: 13px }

.subcontents .Tab { margin-bottom: 0.6rem; }
.subcontents .leagueTab { overflow: auto }
.subcontents .leagueTab li { padding: 1.2rem 1rem;white-space: nowrap;color: var(--text-sub-color)}
.subcontents .leagueTab li:not(:last-child) { border-right: 1px solid var(--border-color) }

.content-item em {
  font-style: normal;
  color: red;
}