@charset "UTF-8";
/* 리셋 css */
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;
  font-size:100%;
  font:inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display:block;
}
html {
}
html,body {
  background-color:var(--background-color);
  color:var(--text-color);
  font-size:12px;
  min-height: 100vh;
}
ol,ul {
  list-style:none;
}
blockquote,q {
  quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after {
  content:none;
}
table {
  border-collapse:collapse;
  border-spacing: 0;
}
/* 폰트 */
@font-face {
  font-family:'nF';
  font-style:normal;
  font-weight:400;
  src:url(../font/NanumBarunGothic.woff);
}
@font-face {
  font-family:'nF';
  font-style:normal;
  font-weight:400;
  src:url(../font/NanumBarunGothic.eot);
}
@font-face {
  font-family:'nF';
  font-style:normal;
  font-weight:400;
  src:url(../font/NanumBarunGothic.ttf);
}
@font-face {
  font-family:'nF';
  font-style:bold;
  font-weight:700;
  src:url(../font/NanumBarunGothicBold.woff);
}
@font-face {
  font-family:'nF';
  font-style:bold;
  font-weight:700;
  src:url(../font/NanumBarunGothicBold.eot);
}
@font-face {
  font-family:'nF';
  font-style:bold;
  font-weight:700;
  src: url(../font/NanumBarunGothicBold.ttf);
}
/* 설정값 */
/* TEXT COLOR */
/* Templet COLOR */
/* 기본정리 */
button {
  cursor:pointer;
}
ul,ol {
  list-style:none;
}
em {
  font-style:normal;
}
table tr td,table tr th {
  vertical-align:middle;
  background-color: #000;
  text-align:center;
}
table tr th {
  color: var(--table-th-text-color);
}
.ellipsis {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.nowrap {
  white-space:nowrap;
}
.L {
  text-align:left;
}
.C {
  text-align:center;
}
.R {
  text-align:right;
}
.M * {
  vertical-align:middle;
}
.F-L {
  float:left;
}
.F-R {
  float:right;
}
/*.clearfix{zoom:1;}.clearfix:before,.clearfix:after{content:"";display:table;}.clearfix:after{clear: both;}*/
.clearfix {
  zoom:1;
}
.blind {
  visibility:hidden;
  overflow:hidden;
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0;
  font-size:0;
  line-height:0;
}
.relative {
  position:relative;
}
.absolute {
  position:absolute;
}
.datepicker {
  width:80px;
  text-align:center;
}
button[disabled]:active,button[disabled],input[type="button"][disabled]:active,input[type="button"][disabled],input[type="submit"][disabled]:active,input[type="submit"][disabled],button[disabled]:hover,input[type="button"][disabled]:hover,input[type="submit"][disabled]:hover {
  color:GrayText;
  cursor:inherit;
  text-shadow: none;
}
/* 로그인 */
.login-container {
  position:relative;
  margin:0 auto;
  background:url("../images/record/login_bg.png") no-repeat top center;
  width:1440px;
  height:1030px;
  padding-top:10px;
  text-align:center;
}
.login-box {
  position:absolute;
  width:700px;
  top:625px;
  left:435px;
}
.login-box input {
  float:left;
  display:block;
  width:160px;
  height:30px;
  border:1px solid rgba(255,255,255,0.2);
  color:#ddd;
  background-color:transparent;
  padding:0 15px;
  font-size:15px;
  margin-right:5px;
}
.login-btn {
  display:block;
  background:transparent;
  border:1px solid #ccc;
  color:#fff;
}
.join-btn {
  display:block;
  background:#888;
  border:1px solid #555;
  color:#fff;
}
.bt_pink {
  background: #8E30CB;
  color:var(--main-btn-text-color);
  box-shadow: inset 0 1px 0 0 #cb7dff;
}
.bt_pink:hover {
  background: #BC43E0;
  color: var(--table-th-text-color);
}
.bt_red {
  background:#EB3636;
  box-shadow: inset 0 1px 0 0 #FFA8A8;
}
.bt_red:hover {
  background: #EF5D64;
}
.bt_purple {
}
.bt_gray {
  background: #ffffff50;
  box-shadow: inset 0 1px 0 0 #CACBCA;
}
.bt_gray:hover {
  background: #959696;
}
.main-color {
  color: var(--main-text-color);
}
/*################ 신규추가 #############*/
.login.content {
  display:grid;
  grid-template-columns:auto 460px auto;
  height:100%;
  min-height: 100vh;
  padding: 0;
}
.logbg {
  width:100%;
  height:100%;
  position:relative;
  background:url("../img2/logbg.jpg") no-repeat center center fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  margin:auto;
}
.login .logWrap {
  grid-column:2 / 2;
  align-items:center;
  justify-content:center;
  display:flex;
  width:100%;
  height:100vh;
  z-index: 1;
  animation:mymove 0.65s;
  animation-delay:0s;
}
.login .login_form {

}
.login .logWrap > div {
  background: rgba(0,0,0,0.6);
  border: 1px solid var(--main-color);
}
.logWrap h1 {
  position:absolute;
  left:-55px;
  top:3rem;
  writing-mode:vertical-rl;
  color:hsla(0,0%,76.9%,.4);
  font-weight:600;
  font-size:20px;
  letter-spacing:0.6rem;
}
.logWrap h1 span {
  position:relative;
  animation:mymove01 1.2s;
  animation-delay:0.05s;
}
@keyframes mymove01 {
  from {
    bottom:100%;
  }
  to {
    bottom:0;
  }
}
.login img.login_logo {
}
.loginForm {
  width:360px;
  padding: 20px;
  box-sizing: border-box;
}
.loginForm * {
  font-family:Roboto,sans-serif;
}
.loginForm fieldset {
  border:none;
}
.loginForm legend {
  display:none;
}
.loginForm p {
  margin-bottom:1rem;
  text-align:center;
}
.loginForm p input {
  width:100%;
  height:46px;
  background: var(--box-color);
  border-radius:2px;
  border:1px solid var(--border-sub-color);
  padding-left:1rem;
  box-sizing:border-box;
  color: var(--text-color);
  font-size:12px;
}
.loginForm p input:focus,.loginForm p input:hover {
  border-color:var(--main-color);
}
::-webkit-input-placeholder {
  color:#717171;
}
:-ms-input-placeholder {
  color:#717171;
}
:-moz-input-placeholder {
  color:#717171;
}
::-moz-input-placeholder {
  color:#717171;
}
.loginForm p input[type="text"] {
  font-weight:500;
}
.loginForm p input[type="password"] {
  font-weight:600;
}
.loginForm p button {
  width:100%;
  height:46px;
  background: #5c63ff50;
  padding-left:1rem;
  font-weight:600;
  border: 1px solid var(--main-color);
}
.loginForm p button:hover {
  background: var(--main-color);
}
.loginForm .join {
  width:100%;
  height:46px;
  border-radius:2px;
  padding-left:1rem;
  box-sizing:border-box;
  border: none;
  background:linear-gradient(180deg,var(--delet-sub-btn) 0%,var(--delet-btn) 100%);
}
.loginForm .join:hover {
  background:linear-gradient(180deg,var(--delet-btn) 0%,var(--delet-btn) 100%);
}
.logdesc a {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:46px;
  padding-left:1rem;
  box-sizing:border-box;
  color:var(--text-color);
  font-weight:600;
}
.logdesc {
}
.logdesc span {
}
.logdesc span img {
  width:20px;
  margin-right:10px;
  vertical-align:top;
}
.copy {
  padding-top:0;
  font-size: 12px;
}
/* 레이아웃 */
body {
  margin:0;
  font-family:Roboto,sans-serif;
  color: var(--text-color);
  min-width:1920px;
  background-color: #252B31;
}
body.join {
  background:#000 url(/img/bg-popup.jpg) center top no-repeat fixed;
}
body.index {
  background-image:url(/img/bg-index.png);
}
.notice-item:before,.notice-item:after,.bottom .bet-info:before,.bottom .bet-info:after,.home-content:before,.home-content:after,.contents:before,.contents:after {
  display:table;
  content:" ";
}
.notice-item:after,.bottom .bet-info:after,.home-content:after,.contents:after {
  clear:both;
}
#Wrapper {
  width:1200px;
  margin:auto;
  min-height:100%;
  position:relative;
}
#bet {
  color:var(--text-color);
}
#contents {
  position:relative;
  min-height:350px;
}
#popup_wrapper {
}
#popup_contents {
}
.main {
  background:#333;
  width:100%;
  padding:5px 0;
}
/*.wrap{position:relative;width:1440px;margin: 0 auto;}*/
.wrap {
  position:relative;
  width:100%;
  height:100%;
  margin:0 auto;
  min-height: 100vh;
}
.contents {
  padding-top:20px;
  margin-bottom:10px;
  background:rgba(0,0,0,0.2);
}
.left-menu {
  position:relative;
  width:290px;
  float:left;
  padding:0 5px;
}
.left-menu .box {
  border:1px solid rgba(0,0,0,0.1);
  margin-bottom:10px;
}
.left-menu .box.cart {
  border-bottom:2px solid #14805e;
}
.right-content {
  min-width:998px;
}
.right-content .form_table {
  padding: 0;
  box-sizing: border-box;
}
.right-content.wide {
}
.right-content .title {
  padding:5px 20px;
  color:#ddd;
  border-bottom:1px solid rgba(255,255,255,0.1);
  margin-bottom:0px;
}
.right-content.wide .title {
  padding:1.2rem 1rem;
  color:var(--sub3);
  margin-bottom:10px;
}
.right-side {
  height:-webkit-calc(100vh);
  height:calc(100vh - 56px);
  position:-webkit-sticky;
  position:sticky;
  top:0.6rem;
}
.top-main {
  border-bottom:1px solid rgba(255,255,255,0.2);
}
.top {
}
.top .logo {
  float:left;
  width:216px;
  height:44px;
  margin-top:20px;
  margin-left:10px;
  background:none !important;
}
.top .user-info {
  line-height:30px;
  float:right;
  color:#fff;
  margin-top:10px;
  margin-right:20px;
  text-align:right;
  font-size:13px;
}
.sub-main {
  vertical-align:middle;
  font-size:12px;
  color:#4acfa5;
  font-weight:bold;
}
.sub-main p,.sub-main .TimeArea span,.sub-main .twitter a,.sub-main .kakao {
  margin:0;
  display:table-cell;
  padding:0 15px;
  height:38px;
  vertical-align:middle;
}
.sub-main .TimeArea {
  float:left;
}
.sub-main .kakao {
  float:right;
  font-size:15px;
  height:38px;
  color:#fc0;
}
.sub-main .kakao i {
  display:table-cell;
  background:url("../images/kakao.png") no-repeat;
  width:30px;
  height:38px;
}
.sub-main .kakao span {
  display:table-cell;
  vertical-align:middle;
  color:#fff;
}
.sub-main .kakao span.t {
  color:#fc0;
  padding-right:5px;
}
.sub-main .twitter {
  float:right;
}
.sub-main .twitter a {
  color:#00aaff;
}
.sub-main .twitter a:hover {
  color: #fff;
}
/*################ 푸터 ##################*/
.footer {
  width: 100%;
  box-sizing: border-box;
  height: calc(100% - 850px);
  background-image: url('../images/footer.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #15191D;
  background-position: 50%;
}

.copyright {
  position:absolute;
  top:740px;
  left:40%;
  color:#ddd;
  text-align:center;
  font-size:10px;
}
.scoreboard {
  width:100%;
  position:relative;
  overflow:hidden;
}
#scoreboard {
  width:100%;
  height:79px;
  border:none;
  overflow:hidden;
}
.search-form {
  position: relative;
  display: flex;
  width: 500px;
  margin: 40px auto;
}
.search-form svg {

}
.search-form button {
  width: 50px;
  background: var(--main-color);
  border: 1px solid var(--main-color);
  transition: all 0.35s;
}
.search-form button:hover {
  background: var(--main-color);
}
.search {
  position:relative;
  border:1px solid var(--border-color);
  padding:1rem;
  background-color: #000;
  width:100%;
  box-sizing:border-box;
  color: var(--text-color);
  font-size:13px;
  font-weight:500;
}
.search:focus,.search:active {
  border-color: var(--main-color);
  outline:none;
}
.search:after {
  content: "";
}
::placeholder {
  /* Chrome,Firefox,Opera,Safari 10.1+*/
  color: var(--text-sub-color);
  opacity:1;
  /* Firefox */
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--text-sub-color);
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--text-sub-color);
}
/* Home */
.home-box {
  width:100%;
  min-height:300px;
  margin-bottom:-10px;
}
.home-box .content-box {
  width:295px;
}
.home-box .notice-box {
  width:100%;
  min-height:300px;
  float:left;
}
.home-box .notice-box .notice {
  border:1px solid;
  border-top-color:#444;
  border-left-color:#444;
  border-right-color:#222;
  border-bottom-color:#222;
  margin:5px auto;
}
.home-box .notice .title {
  padding:10px 15px;
  background:#14805e url("../images/record/table.png") repeat-x;
  font-weight:bold;
  font-size:1.1em;
}
.home-box .notice-box .notice .items:last-child {
  border-bottom:none;
}
.home-box .info-box {
  width:490px;
  min-height:300px;
  float: right;
}
.home-content {
  position:relative;
  width:100%;
  /*margin-top:280px;*/
  min-height:567px;
}
.home-content .banner {
  float:left;
  display:block;
  width:284px;
  height:297px;
}
.home-content .banner:not(:last-child) {
  margin-right:10px;
}
.home-content .banner .information {
  display:block;
  width:284px;
  border:1px solid rgba(0,0,0,0.1);
}
.home-content .banner-narrow {
  float:left;
  margin-top:1px;
  margin-bottom:-5px;
  height:55px;
  background:#fff;
  width:100%;
  padding-top:5px;
}
.home-content .banner2 {
  float:left;
  display:block;
  width:579px;
  height:227px;
  margin-top:10px;
}
.home-content .banner2:last-child {
  margin-left:10px;
}
.home-content .banner2 .box {
  width:577px;
  height:225px;
  border: 1px solid rgba(0,0,0,0.1);
}
/* odds */
.BetArea {
  color:#fff;
}
.leagueBox dt.leagueTitle {
  display:block;
  background-color: #000;
  padding: 1rem;
  box-sizing:border-box;
  font-size: 13px;
}
.leagueBox dt.leagueTitle * {
  vertical-align:middle;
}
.leagueBox dt.leagueTitle .sportsIcon {
  width:19px;
  height:19px;
}
.leagueBox dt.leagueTitle .leagueIcon {
  width:25px;
  height:19px;
  margin-left:4px;
}
.leagueBox dt.leagueTitle .leagueName {
  font-weight:400;
  margin-left:1rem;
}
.ellipsis .leagueName {
  margin-left:1rem;
}
.leagueBox dl.eventBox {
  zoom:1;
}
.leagueBox dl.eventBox:not(:last-child) {
  margin-bottom:0.3rem;
}
.leagueBox dl.eventBox:after {
  display:block;
  clear:both;
  content:"";
}
.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;*/
}
.eventTitle {
  color:#fff;
}
.eventBox dt {
  display:block;
  float:left;
  width:100%;
  padding:0 5px;
}
.eventBox dt table {
  width:100%;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:2px;
}
.eventBox dt table td {
  padding:6px 0;
}
.eventBox table td.game-info {
  padding:0;
  text-align:center;
  background: transparent;
}
.eventBox table td.game-info span {
  padding:0 10px;
  font-size:15px;
  text-align:center;
  color:#fff;
  font-weight:bold;
}
.eventBox table td.game-info ul {
  padding:0.8rem 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight:500;
}
.eventBox table td.game-info ul li {
  display:table-cell;
}
.eventBox table td.game-info ul li.home {
}
.eventBox table td.game-info ul li.vs {
  text-align:center;
}
.eventBox table td.game-info ul li.away {
}
.eventBox dt table td a.icon_favorite {
  background:url(/img/sprite.png) -230px -160px no-repeat;
  display:inline-block;
  width:17px;
  height:17px;
  text-indent:-9999px;
}
.eventBox dt table td a.favorite_on {
  background-position: -210px -140px;
}
.eventBox dt table td.edate {
  /*color:#f18d29;*/
  font-weight:bold;
  font-size:1.1em;
}
.eventBox dt table td.p1name,.eventBox dt table td.p2name {
  font-weight:bold;
  font-size:1.2em;
}
.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;
}
.eventBox dt table.SetScoreTable th {
}
.eventBox dt table.SetScoreTable th,.eventBox dt table.SetScoreTable td {
  padding:2px;
  border:1px solid #888;
  font-size:11px;
  font-family:"gyeonggiTitle_Light",serif;
}
.eventBox dt table.SetScoreTable td.R {
  color:#000 !important;
}
.eventBox dt table.SetScoreTable td.L {
  color:#000 !important;
}
.eventBox dt table.ScoreInfoTable {
  margin-top:8px;
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
  border-spacing:0;
}
.eventBox dt table.ScoreInfoTable th {
}
.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;
  padding:0.5em;
  color:#444;
}
.eventBox .ScoreMessage-simple {
  margin-top:4px;
  /*background:url(/img/black-40.png);*/
  padding:0.25em;
  color:#fc0;
}
.eventBox dd table tr td.hx.fx.lock {
  background:none;
}
.eventBox dd table tr td.hx.fx {
  width:30px;
  border:none;
}
.eventBox dd table tr td.fx.home {
  border-radius:50px;
  background-image:linear-gradient(#f12843,#a20002) !important;
  border:5px solid #ffcc00 !important;
}
.eventBox dd table tr td.fx.home:hover {
  background-image:linear-gradient(#cd2844,#920002) !important;
}
.eventBox dd table tr td.fx.home.lock {
  background:#710002 !important;
  border:5px solid #444 !important;
}
.eventBox dd table tr td.fx.home.on {
  background-image:linear-gradient(#a20002,#f12843) !important;
}
.eventBox dd table tr td.fx.away {
  border-radius:50px;
  background-image:linear-gradient(#008cf1,#0641a2) !important;
  border:5px solid #ffcc00 !important;
}
.eventBox dd table tr td.fx.away:hover {
  background-image:linear-gradient(#0060bc,#063881) !important;
}
.eventBox dd table tr td.fx.away.on {
  background-image:linear-gradient(#0641a2,#008cf1) !important;
}
.eventBox dd table tr td.fx.away.lock {
  background:#06306b !important;
  border:5px solid #444 !important;
}
.eventBox dd table tr td.fx.home,.eventBox dd table tr td.fx.away {
  height:100px;
  color:#ddd;
}
.eventBox dd table tr td.fx.space {
  width:120px;
}
.eventBox dd table tr td.lock.fx span {
  color:var(--text-sub-color);
}
.eventBox dd table tr td .fx.odds {
  display:block;
  float:none;
  padding:10px;
  text-align:center;
  font-weight:500;
  text-shadow:0 0 2px #000000;
}
.eventBox dd table tr td .fx.pick {
  display:block;
  float:none;
  padding:10px;
  text-align:center;
  font-size:20px;
  font-weight:500;
  text-shadow:0 0 2px #000000;
}
.eventBox dd table tr td.fx.on .odds {
  color:#fff !important;
}
.eventBox dd {

}
.eventBox dd table {
  width:100%;
  color:var(--text-color);
  border-collapse: unset;
  border-spacing: 1px;
}
.eventBox dd table tr th {
  background-color: transparent;
  color: var(--text-color);
}
.eventBox dd table tr td.bet {

}
.eventBox dd table tr td.bet:hover {

}
.eventBox dd table tr td.base {
  font-weight:400 !important;
  background: #161616;
  color: var(--text-color);
}
.minigame-form .eventBox dd table tr td.hx {
  width: auto !important;
}
.eventBox dd table tr td.hx {
  width: 100px !important;
}
.eventBox dd table tr td.lock {
  color:var(--text-sub-color);
  cursor:no-drop;
  opacity:0.8;
  background: #000;
}
.eventBox dd table tr td.lock:hover {
  color:#bebebe;
}
.eventBox dd table tr td.vs {
  color: #fff !important;
}
.eventBox dd table tr td .pick {
}
.eventBox dd table tr td .odds {

}
.eventBox dd table tr td .odds img {
  width:20%;
}
.eventBox dd table tr td .h2.pick {
}
.eventBox dd table tr td .h2.odds {
}
.eventBox dd table tr td.base .pick {
  padding: 0 5px;
}
.eventBox dd table tr td.base .odds {

}
.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 .blue {
  background: radial-gradient( #FFC700 60%, #FFED53 50% );
}
.eventBox dd table tr td.on .red {
  background: radial-gradient( #FFC700 60%, #FFED53 50% );
}
.eventBox dd table tr td.on .green {
  background: radial-gradient( #FFC700 60%, #FFED53 50% );
}

.eventBox dd table tr td.on {

}
.eventBox dd table tr td.on:hover {
}
.eventBox dd table tr td.on .odds {
}
.eventBox dd table tr.notice td {
  padding:0;
  color:#fc0;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.eventContents {
  margin-left: 0px;
}
.leagueContents {
}
/* tabs */
.GrayTab * {
  margin:0;
  padding:0;
}
.GrayTab {
  height:45px;
  overflow:hidden;
  margin-bottom:0.6rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.GrayTab ul {
  padding-right: 0;
  list-style: none;
  display: flex;
}
.GrayTab ul li {

}
.GrayTab ul li:not(:last-child) {
}
.GrayTab ul li:not(:first-child) {
}
.GrayTab ul li a {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:45px;
  text-decoration:none;
  opacity: 0.65;
  padding:0 1rem;
  box-sizing: border-box;
}
.GrayTab ul li a:hover {
  color:var(--text-color);
  opacity: 1;
}
.GrayTab ul li a b {
  display:block;
  height:32px;
  line-height:32px;
}
.GrayTab ul li a b * {
  vertical-align:middle;
}
.GrayTab ul li a b img {
  margin:-2px 5px 0 0;
  border:none;
}
.GrayTab ul li a b span.icon {
  margin-right:5px;
}
.GrayTab ul li a em {
  color:var(--sub1);
  display:none;
}
.GrayTab ul li.first a b {
  background:none;
}
.GrayTab ul li.on {
  box-shadow: inset 0em -2px 0 0 var(--main-color)
}
.GrayTab ul li.on a {
  background: var(--main-color);
  opacity: 1;
}
.GrayTab ul li.on span {

}
.GrayTab ul li:hover {
}
.GrayTab ul li.on {
}
.GrayTab ul li.on:hover {
}
.GrayTab ul li:hover:not(.on) {
  /* background-color:var(--sub2);border-left:solid 5px #00FF90;*/
}
#BettingPicks {
  border-top:1px solid var(--border-color);
  overflow:auto;
  max-height:calc(100% - 403px);
  padding: 0 3px;
}
#BettingPicks>div {
  position:relative;
  border: 1px solid #8E2FCB;
  background: #363636;
}
#BettingPicks table tr td,#BettingPicks table tr th {
  background:transparent;
  text-align:left;
}
#BettingPicks>div:last-child {
  /*animation:mymove 0.8s;*/
  /*animation-delay:100ms;*/
  /*pointer-events:all;*/
  /*-webkit-animation-duration:1s;*/
  /*animation-duration:1s;*/
  /*-webkit-animation-fill-mode:both;*/
  /*animation-fill-mode:both;*/
}
@keyframes mymove {
  from {
    bottom:-100%;
  }
  to {
    bottom:0;
  }
}
.GrayTab-Wide ul li a b {
}
.GrayTab-Contents {
}
.GrayTab-Contents .leagueBox {
}
.GrayTab-Contents .leagueBox:not(:last-child) {
  margin-bottom: 1rem;
}
dir {
  padding-inline-start:0;
}
.GrayTab-Contents2.left {
}
ul.game-list li a {
  display:none;
  align-items:center;
  font-size:13px;
}
ul.game-list li a:not(:first-child) {
  display:none;
}
ul.game-list li a span {
  margin-left: 0.3rem;
}
/* bet carts */
#bet_slip {
  position:relative;
  top:0;
}
#bet_slip .bet_slip_input_area {
  background:#060 url(../img/BetSlipBG.png) repeat-x;
  border:1px solid;
  border-color:#6b6 #040 #040 #6b6;
  padding:10px 16px;
}
#bet_slip .bet_slip_title {
  position:relative;
  padding-bottom:10px;
  border-bottom:1px solid #060;
}
#bet_slip .bet_slip_title * {
  vertical-align:middle;
}
#bet_slip .bet_slip_title b {
  background:url(../img/BetSlipSprite.png) 0 -170px no-repeat;
  display:inline-block;
  width:109px;
  height:13px;
  font-size:0;
  line-height:0;
}
#bet_slip .bet_slip_fix_check {
  position:absolute;
  right:0;
  top:0;
  text-shadow:none;
}
#bet_slip .bet_slip_fix_check * {
  vertical-align:middle;
}
#bet_slip .bet_slip_fix_check button {
  background:url(../img/BetSlipSprite.png) -50px 0 no-repeat;
  width:20px;
  height:12px;
  border:none;
  text-indent:-9999px;
  font-size:1px;
}
#bet_slip .bet_slip_fix_check button.on {
  background-position:-50px -15px;
}
#bet_slip .bet_slip_fix_check label {
  margin-right:4px;
}
#bet_slip .bet_slip_amounts {
  padding-top:10px;
  border-top:1px solid #494;
}
#bet_slip .bet_slip_amounts table {
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
}
#bet_slip .bet_slip_amounts table th {
  text-align:left;
  padding:6px 0;
}
#bet_slip .bet_slip_amounts table td {
  text-align:right;
}
#bet_slip .bet_slip_amounts input {
  width:80px;
  border:1px solid #444;
  padding:2px 4px;
  text-align:right;
  font-weight:bold;
}
#bet_slip .bet_slip_amounts #total_odds,#bet_slip .bet_slip_amounts #win_amount {
  border:none;
  background:transparent;
  color:#fff;
}
#bet_slip button.bet_picks_clear_btn {
  background:transparent url(../img/BetSlipSprite.png) -80px 0 no-repeat;
  width:40px;
  height:20px;
  border:none;
  text-indent:-9999px;
  font-size:1px;
}
#bet_slip button.bet_amount_max_btn {
  background:transparent url(../img/BetSlipSprite.png) no-repeat;
  width:40px;
  height:20px;
  border:none;
  text-indent:-9999px;
  font-size:1px;
}
#bet_slip .bet_slip_button_area button {
  background:#f40 url(../img/BetSlipPickBG.png) left bottom repeat-x;
  width:100%;
  border:1px solid;
  border-color:#f82 #b20 #b20 #f82;
  padding:10px;
  font-weight:bold;
  font-size:13px;
  text-shadow:1px 1px 1px #fff;
}
#bet_slip .bet_slip_button_area button:hover {
  background-color:#f61;
}
#bet_slip .bet_slip_button_area button span {
  background:url(../img/BetSlipSprite.png) 0px -150px no-repeat;
  vertical-align:middle;
  display:inline-block;
  width:55px;
  height:15px;
  font-size:0;
  line-height:0;
}
#bet_slip #bet_picks li {
  position:relative;
  background:#fc0 url(../img/BetSlipPickBG.png) left bottom repeat-x;
  border:1px solid;
  border-color:#ff6 #a80 #a80 #ff6;
  padding:8px;
  color:#000;
}
#bet_slip #bet_picks li a {
  color:#00f;
  text-decoration:none;
}
#bet_slip .pick_delete_btn {
  background:url(../img/BetSlipSprite.png) 4px -86px no-repeat;
  border:none;
  position:absolute;
  right:2px;
  top:2px;
  width:17px;
  height:18px;
  text-indent:-9999px;
  font-size:1px;
}
#bet_slip .pick_event_info {
  padding-bottom:4px;
  border-bottom:1px solid #a80;
}
#bet_slip .pick_event_info .leag {
  padding:2px 4px;
}
#bet_slip .notice {
  margin-top:4px;
  padding:4px;
  background:#f00;
  border:1px solid #000;
}
#bet_slip .pick_type_info {
  padding-top:4px;
  border-top:1px solid #ff3;
}
#bet_slip .pick_type_info table {
  table-layout:fixed;
  border-collapse:collapse;
  width:100%;
}
#bet_slip .pick_type_info table th {
  text-align:left;
  font-weight:normal;
}
#bet_slip .pick_type_info table td {
  text-align:right;
  width:40px;
  padding-right:4px;
}
#bet_slip .pick_type_info table th .ellipsis {
  background:url(../img/BetSlipSprite.png) 4px -68px no-repeat;
  padding:2px 4px 2px 21px;
  height:13px;
  line-height:13px;
}
#bet_slip .pick_type_info table th .bar {
  display:inline-block;
  margin:0 4px;
  height:0.7em;
  border-left:1px solid #a80;
  border-right:1px solid #ff6;
}
#BettingCart {
  position:absolute;
  z-index:9;
  right:0;
  top:268px;
  margin-top:16px;
  width:282px;
  transition-duration:200ms;
}
#BettingCart .box-violet,#BettingCart .box-yellow,#BettingCart .box-green,#BettingCart .box-dark {
  padding:4px 4px;
}
#BettingCart .inbox b {
  text-shadow:1px 1px 1px #000;
  font-family:"gyeonggiTitle_Light",serif;
}
#BettingCart a b {
  font-size:13px;
  font-family:"gyeonggiTitle_Light",serif;
}
#BettingCart ul.clearfix li {
  float:left;
  text-align:center;
  line-height:1.6;
}
#BettingCart .inbox {
  padding:4px;
}
#BettingCart .buttons .inbox {
  padding:2px 8px;
  height:20px;
  line-height:20px;
  margin-top:6px;
}
#BettingCart .buttons a,#BettingCart .buttons a b {
  display:block;
}
#BettingCart .buttons a:hover b {
  background:#108F10;
}
#BettingCart .buttons button {
  width:100%;
  height:36px;
  padding:0;
  background:#fc0;
  border:1px solid #000;
  color:#000;
  text-shadow:1px 1px 1px #fff;
}
#BettingCart .buttons button:hover {
  background:#fd0;
}
#BettingPicks li {
  background:#997A00 url(/img/bg-pick.png) left top no-repeat;
  border:1px solid;
  border-color:#FF6 #886900 #886900 #FF6;
  position:relative;
  padding:5px;
  color:#000;
}
#BettingPicks .icon_delete {
  position:absolute;
  right:5px;
  top:5px;
}
#BettingPicks .lock {
  color:#888;
}
#BettingPicks .PickEventInfo {
  width:100%;
}
#BettingPicks .PickEventInfo td {

}
#BettingPicks .PickEventInfo tr:last-child td:last-child {
  border-bottom:none;
}
#BettingPicks .PickEventInfo tbody tr {
}
#BettingPicks .PickEventInfo .leagbox {
  padding:4px;
}
#BettingPicks .PickEventInfo .leag {
  float:left;
  font-weight:bold;
}
#BettingPicks .PickEventInfo .limit {
  display: flex;
  align-items: center;
  gap: 5px;
}
#BettingPicks .PickEventInfo .limit a {
  display: flex;
  align-items: center;
}
#BettingPicks .PickEventInfo .home {
  background:url(/img/sprite.png) 7px -174px no-repeat;
  display:block;
  padding:0.5rem 4px 0.5rem 28px;
  color:var(--text-color);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  width:100%;
  box-sizing: border-box;
  border-bottom: 1px solid var(--border-color);
  box-shadow: inset 0 -1px 0 0 #000;

}
#BettingPicks .PickEventInfo .away {
  background:url(/img/sprite.png) 7px -205px no-repeat;
  display:block;
  padding:0.5rem 4px 0.5rem 28px;
  color:var(--text-color);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  width:100%;
  box-sizing: border-box;
}
#BettingPicks .PickEventInfo .on .home {
  background-position:7px -238px;
  color: #f0d100;
}
#BettingPicks .PickEventInfo .on .away {
  background-position:7px -270px;
  padding:0.5rem 4px 0.5rem 28px;
  color: #f0d100;
}
#BettingPicks .lock .PickEventInfo .on .home {
  color:#888;
}
#BettingPicks .lock .PickEventInfo .on .away {
  color:#888;
}
#BettingPicks .noti {
  color:#FE7352;
  font-size:11px;
  padding:0.4rem;
  text-decoration:underline;
  line-height:1.4rem;
  border-bottom:1px solid #4846A4;
}
#BettingPicks .PickTypeInfo {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  column-gap:0.4rem;
  padding:0.6rem 1rem;
  font-size:11px;
  border-top: 1px solid var(--border-color);
  box-shadow: inset 0 1px 0 0 #000;
}
#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 {
  color:#424242;
}
#BettingPicks .PickTypeInfo .wr {
  color:#424242;
  border-right:0px solid #886900;
  border-left:0px solid #886900;
}
#BettingPicks .PickTypeInfo .first,#BettingPicks .PickTypeInfo>div:nth-child(2) {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:104px;
}
#BettingPicks .PickTypeInfo .last {
}
#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;
}
#BettingCartOverlay {
  position:absolute;
  left:0;
  bottom:0;
  width:282px;
  height:173px;
  background:url(/img/black-80.png);
}
#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_delete {
  background:url(/img/sprite.png) -360px -140px no-repeat;
  display:inline-block;
  width:9px;
  height:10px;
}
.blind {
  display: none;
}
.betcart {

}
.betcart .top {
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  font-weight:600;
}
.betcart .top .t0,.betcart .top .t1,.betcart .top .t2 {
}
.betcart .top .t0 {
  margin-top:35px;
}
.betcart .top .t1 {
  display:flex;
  align-items:center;
  justify-content:center;
  height:45px;
  border-bottom:2px solid var(--main-color);
}
.betcart .top .t1 span {
}
.betcart .top .t2 {
}
.betcart .c-box {
  height:128px;
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,0.1);
}
.betcart .b-box table {
  width:100%;
}
.betcart .b-box table tr td {
  padding:5px;
}
.b-title {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0.4rem 0.6rem;
  font-size:11px;
  border-bottom: 1px solid var(--border-color);
  box-shadow: inset 0 -1px 0 0 #000;
}
.b-title .item {
  display:flex;
  align-items:center;
  column-gap:0.4rem;
}
.b-title .item img {
  width: 16px;
  height: 16px;
}
.b-close {
  text-align:center !important;
  padding:1rem 0;
  border-right:1px solid var(--background-color);
  width:38px;
}
.b-box .team {
  padding:5px 15px;
}
.b-box .b-detail {
  font-size:12px;
  padding:0 10px;
  text-align:center;
  font-weight:bold;
}
.betcart .bottom {

}
.bottom .game-selected {
  padding:15px 0;
  margin-bottom:10px;
  border-bottom:1px solid rgba(0,0,0,0.1);
  font-weight:bold;
  color:#666;
}
.bottom .game-selected em {
  text-decoration:none;
  font-style:normal;
  color:#F14651;
}
.bottom .bet-btn-form {
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  gap: 3px;
  padding: 3px;
  border-top: 1px solid var(--border-color);
}
.bottom .bet-btn-form .bt-info {
  display:flex;
  align-items:center;
  justify-content:center;
  height:30px;
  background: #8E30CB;
  border: 1px solid #411E64;
  transition: all 0.35s;
  box-shadow: inset 0 1px 0 0 #cb7dff;
}
.bottom .bet-btn-form .bt-info:hover {
  background: #A459D6;
}
.bottom .bet-info .price {
  float:right;
  text-align:right;
  margin-top:-14px;
  font-size:14px;
  font-weight:bold;
  color: var(--sub1);
}
.bottom .bet-info .price input {
  /*border:1px solid rgba(0,0,0,0.1);*/
  height:15px;
  width:100px;
  margin-top:-5px;
  text-align:right;
  /*border-radius:2px;*/
}
.bottom .bet-info .price .max-btn {
  background:#14805e;
  color:#fff;
  font-weight:bold;
  line-height:23px;
  padding:4px 5px 7px 5px;
  text-decoration:none;
}
.bottom .bet-info .bet-btn {
  width:100%;
  padding:1rem;
  border-radius:5px;
}
.bottom .bet-info .bt.bt-info {
}
.bottom .bet-info .bt.bt-info:hover {
  background:#f0929c;
}
.bottom .bet-info .bt.bt-info.clear {
  color:#fff;
}
.bottom .bet-info .bt.bt-info.max {
  color:#424242;
}
.bottom .bet-info .bt.bt-info.max:hover {
  color: #fff;
}
/* information Box */
.information {
  border:1px solid;
  border-left-color:#444;
  border-top-color:#444;
  border-right-color:#000;
  border-bottom-color:#000;
}
.information .title {
  width:263px;
  height:66px;
  background:#14805e;
  border-bottom:1px solid rgba(0,0,0,0.1);
  padding:20px 15px;
}
.information .title .level {
  position:absolute;
  width:78px;
  height:78px;
  line-height:78px;
  padding-top:10px;
  z-index:2;
}
.information .title .info {
  float:left;
  width:110px;
  margin-left:83px;
  text-align:right;
  line-height:20px;
  padding-top:5px;
  font-weight:bold;
}
.information .title .info .uid {
  font-size:16px;
  margin-bottom:0;
}
.information .title .info .ulevel {
  margin:0;
  font-size:14px;
  color:#ccc;
}
.information .title .info .ulevel span {
  color:#fc0;
}
.information .title .logout {
  float:right;
  padding-top:20px;
}
.information .content {
  clear:both;
  height:92px;
  background:#222;
}
.information .content .info {
  clear:both;
  width:100%;
  line-height:30px;
}
.information .content .info .t {
  float:left;
  width:30%;
  text-align:right;
  font-weight:bold;
  color:#ccc;
}
.information .content .info .v {
  float:left;
  width:65%;
  text-align:right;
}
.information .sub-cont {
  width:100%;
  height:51px;
  background:#111;
  border-top:1px solid rgba(0,0,0,0.1);
  padding:13px 0;
}
.information .sub-cont a.item {
  display:inline-block;
  text-align:center;
  width:31.5%;
  text-decoration:none;
}
.information .sub-cont a.item:not(:last-child) {
  border-right:1px solid rgba(255,255,255,0.1);
}
.information .sub-cont a.item span {
  display:block;
  font-weight:bold;
  color:#ddd;
  margin-top:5px;
  font-size:12px;
}
.information .foot {
  width:100%;
  height:61px;
  background:#111;
  border-top:1px solid rgba(255,255,255,0.1);
  padding:13px 0;
}
.information .foot a.item {
  display:inline-block;
  text-align:center;
  width:23.5%;
  text-decoration:none;
}
.information .foot a.item:not(:last-child) {
  border-right:1px solid rgba(0,0,0,0.1);
}
.information .foot a.item span {
  display:block;
  font-weight:bold;
  color:#ddd;
  margin-top:5px;
  font-size:12px;
}
.information .banner {
  width:100%;
  height:55px;
  background:#333;
  color:#fff;
}
.information.wide {
  border:1px solid #999;
  height:101px;
}
.information.wide .title {
  float:left;
  padding:12px 5px;
  border:none;
}
.information.wide .content {
  clear:none;
  background-color:transparent;
  width:calc(100% - 290px);
  float:left;
}
.information.wide .content:after {
  clear:both;
}
.information.wide .title .logout {
  display:none;
}
.information.wide .none {
  display:none;
}
.information.wide .content .info {
  line-height: 25px;
}
/* Image Base Items */
.image-base {
  display:block;
  background:url("../images/record/ui-component.png?v2") no-repeat;
}
.image-base.menu {
  width:80px;
  height:35px;
  margin-left:5px;
}
.image-base.m1 {
  background-position:-20px -20px;
}
.image-base.m2 {
  background-position:-110px -20px;
}
.image-base.m3 {
  background-position:-200px -20px;
}
.image-base.m4 {
  background-position:-290px -20px;
}
.image-base.m5 {
  background-position:-380px -20px;
}
.image-base.m6 {
  background-position:-470px -20px;
}
.image-base.m7 {
  background-position:-560px -20px;
}
.image-base.m8 {
  background-position:-650px -20px;
}
.image-base.m9 {
  background-position:-740px -20px;
}
.image-base.m10 {
  width:215px;
  background-position:-830px -20px;
}
.image-base.m11 {
  width:120px;
  background-position:-1060px -20px;
}
.image-base.m1:hover,.image-base.m1.active {
  background-position:-20px -70px;
}
.image-base.m2:hover,.image-base.m2.active {
  background-position:-110px -70px;
}
.image-base.m3:hover,.image-base.m3.active {
  background-position:-200px -70px;
}
.image-base.m4:hover,.image-base.m4.active {
  background-position:-290px -70px;
}
.image-base.m5:hover,.image-base.m5.active {
  background-position:-380px -70px;
}
.image-base.m6:hover,.image-base.m6.active {
  background-position:-470px -70px;
}
.image-base.m7:hover,.image-base.m7.active {
  background-position:-560px -70px;
}
.image-base.m8:hover,.image-base.m8.active {
  background-position:-650px -70px;
}
.image-base.m9:hover,.image-base.m9.active {
  background-position:-740px -70px;
}
.image-base.m10:hover,.image-base.m10.active {
  width:215px;
  background-position:-830px -70px;
}
.image-base.m11:hover,.image-base.m11.active {
  width:120px;
  background-position:-1060px -70px;
}
.image-base.h-box-title {
  width:99px;
  height:55px;
  background-position:-286px -35px;
  line-height:128px;
  margin-left: 25px;
}
/* UI 이미지 로드*/
.img-base {
  display:flex;
  align-items:center;
  justify-content:center;
  height:40px;
  color:var(--text-sub-color);
}
.img-base:hover {
  color:var(--text-color);
}
.img-base.l1 {
  width:56px;
  height:12px;
  background-position:0 -150px;
  margin-top:22px;
}
.img-base.l1:hover {
  background-position:0 -180px;
}
.img-base.l2 {
  width:76px;
  height:12px;
  background-position:-56px -150px;
  margin-top:22px;
}
.img-base.l2:hover {
  background-position:-56px -180px;
}
.img-base.l3 {
  width:56px;
  height:12px;
  background-position:-131px -150px;
  margin-top:22px;
}
.img-base.l3:hover {
  background-position:-131px -180px;
}
.img-base.logout {
  clear:both;
  width:46px;
  height:39px;
  background-position:0 -220px;
  margin-top:-45px;
  margin-right:5px;
}
.img-base.logout:hover {
  background-position: -60px -220px;
}
/* 광고 */
.img-base.ad {
  margin-top:5px;
  float:right;
  width:177px;
  height:75px;
  background-position:0 -780px;
}
.img-base.b1-lg {
  width:284px;
  height:299px;
  background-position:0 -470px;
}
.img-base.b2-lg {
  width:284px;
  height:299px;
  background-position:-300px -470px;
}
.img-base.b3-lg {
  width:284px;
  height:299px;
  background-position:-600px -470px;
}
.img-base.icon1 {
  margin:0 auto;
  width:38px;
  height:38px;
  background-position:-228px -149px;
}
.img-base.icon2 {
  margin:0 auto;
  width:38px;
  height:38px;
  background-position:-230px -190px;
}
.img-base.icon3 {
  margin:0 auto;
  width:37px;
  height:37px;
  background-position:-230px -230px;
}
.img-base.icon4 {
  margin:0 auto;
  width:36px;
  height:36px;
  background-position:-230px -270px;
}
.img-base.icon5 {
  margin:0 auto;
  width:36px;
  height:36px;
  background-position:-229px -108px;
}
.img-base.icon6 {
  margin:0 auto;
  width:36px;
  height:36px;
  background-position:-229px -67px;
}
.img-base.icon7 {
  margin:0 auto;
  width:36px;
  height:36px;
  background-position:-229px -26px;
}
.img-base.logout-box {
  width:46px;
  height:39px;
  background-position:-120px -220px;
}
.img-base.mt1 {
  width:109px;
  height:20px;
  background-position:0 -1120px;
  margin:5px;
}
.img-base.mt2 {
  width:106px;
  height:20px;
  background-position:0 -1150px;
  margin: 5px;
}
/* 레벨 대형 */
.img-base.lv1-lg,.img-base.lv2-lg,.img-base.lv3-lg,.img-base.lv4-lg,.img-base.lv5-lg {
  width:113px;
  height:63px;
}
.img-base.lv1-lg {
  background-position:-300px -125px;
}
.img-base.lv2-lg {
  background-position:-413px -125px;
}
.img-base.lv3-lg {
  background-position:-526px -125px;
}
.img-base.lv4-lg {
  background-position:-639px -125px;
}
.img-base.lv5-lg {
  background-position: -752px -125px;
}
/* 레벨 중형 */
.img-base.lv1-md,.img-base.lv2-md,.img-base.lv3-md,.img-base.lv4-md,.img-base.lv5-md {
  margin:0 auto;
  width:57px;
  height:63px;
}
.img-base.lv1-md {
  background-position:-300px -271px;
}
.img-base.lv2-md {
  background-position:-357px -271px;
}
.img-base.lv3-md {
  background-position:-410px -271px;
}
.img-base.lv4-md {
  background-position:-463px -271px;
}
.img-base.lv5-md {
  background-position: -520px -271px;
}
/* 레벨 소형 */
.img-base.lv1-sm,.img-base.lv2-sm,.img-base.lv3-sm,.img-base.lv4-sm,.img-base.lv5-sm {
  margin:0 auto;
  width:40px;
  height:44px;
}
.img-base.lv1-sm {
  background-position:-588px -276px;
}
.img-base.lv2-sm {
  background-position:-628px -276px;
}
.img-base.lv3-sm {
  background-position:-668px -276px;
}
.img-base.lv4-sm {
  background-position:-708px -276px;
}
.img-base.lv5-sm {
  background-position: -748px -276px;
}
/* 사이트맵 아이콘 */
.img-base.sitemap {
  float:left;
  width:66px;
  height:66px;
  background-position: -820px -340px;
}
/* 하단 소형 베너 */
.img-base.b1-sm,.img-base.b2-sm,.img-base.b3-sm,.img-base.b4-sm {
  width:200px;
  height:55px;
}
.img-base.b1-sm {
  background-position:-300px -350px;
}
.img-base.b2-sm {
  background-position:-300px -410px;
}
.img-base.b3-sm {
  background-position:-510px -350px;
}
.img-base.b4-sm {
  background-position: -510px -410px;
}
/* 하단 Copyright */
.img-base.copyright {
  margin:30px auto;
  width:276px;
  height:69px;
  background-position: 0 -320px;
}
/* 배팅카트 */
.img-base.cart-title {
  margin-left:110px;
  margin-top:2px;
  width:57px;
  height:17px;
  background-position:-200px -820px;
}
.img-base.cart-delete-all {
  background: #EB3636;
  box-shadow: inset 0 1px 0 0 #ffa8a8;
  color: #fff;
  transition: all 0.35s;
}
.img-base.cart-delete-all:hover {
  background: #EF5D64;
}
.img-base.bet-close {
  width:31px;
  height:31px;
  background-position:-150px -400px;
}
.img-base.total-bet {
  width:64px;
  height:13px;
  background-position:-200px -840px;
}
.img-base.total-point {
  width:62px;
  height:13px;
  background-position:-270px -840px;
}
.img-base.bet-money {
  width:36px;
  height:13px;
  background-position:-340px -840px;
}
.img-base.event-money {
  width:36px;
  height:13px;
  background-position:-380px -840px;
}
.img-base.get-money {
  width:61px;
  height:13px;
  background-position:-420px -840px;
}
.img-base.game-all,.img-base.game-1,.img-base.game-2,.img-base.game-3,.img-base.game-4,.img-base.game-5,.img-base.game-6,.img-base.game-7,.img-base.game-8,.img-base.game-all:hover,.img-base.game-1:hover,.img-base.game-2:hover,.img-base.game-3:hover,.img-base.game-4:hover,.img-base.game-5:hover,.img-base.game-6:hover,.img-base.game-7:hover,.img-base.game-8:hover {
  width:96px;
  height:86px;
}
.img-base.game-all {
  background-position:-1px -871px;
}
.img-base.game-1 {
  background-position:-98px -871px;
}
.img-base.game-2 {
  background-position:-195px -871px;
}
.img-base.game-3 {
  background-position:-292px -871px;
}
.img-base.game-4 {
  background-position:-389px -871px;
}
.img-base.game-5 {
  background-position:-486px -871px;
}
.img-base.game-6 {
  background-position:-583px -871px;
}
.img-base.game-7 {
  background-position:-680px -871px;
}
.img-base.game-8 {
  background-position:-777px -871px;
}
.img-base.game-all.active,.img-base.game-all:hover {
  background-position:-1px -961px;
}
.img-base.game-1.active,.img-base.game-1:hover {
  background-position:-98px -961px;
}
.img-base.game-2.active,.img-base.game-2:hover {
  background-position:-195px -961px;
}
.img-base.game-3.active,.img-base.game-3:hover {
  background-position:-292px -961px;
}
.img-base.game-4.active,.img-base.game-4:hover {
  background-position:-389px -961px;
}
.img-base.game-5.active,.img-base.game-5:hover {
  background-position:-486px -961px;
}
.img-base.game-6.active,.img-base.game-6:hover {
  background-position:-583px -961px;
}
.img-base.game-7.active,.img-base.game-7:hover {
  background-position:-680px -961px;
}
.img-base.game-8.active,.img-base.game-8:hover {
  background-position:-777px -961px;
}
.img-base.check-btn {
}
.img-base.check-btn:hover {
  /*background-position: -140px -1060px;*/
}
/* navigation */
.nav .twitter {
  float:left;
  position:absolute;
  width:33px;
  margin-left:1125px;
  margin-top:-60px;
  z-index:1000;
}
.nav {
  float:left;
  height:85px;
  padding:0;
}
.nav ul {
  margin:0 0 0 30px;
}
.nav ul li {
  display:table-cell;
}
.nav .big-button {
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  padding:0 10px;
  font-size:18px;
  height:82px;
  border-bottom:3px solid transparent;
  font-weight:600;
  color:#efefef;
}
.nav .big-button:hover,.nav .big-button.active {
  color:#FFFE00;
  border-bottom:3px solid #FFFE00;
}
.nav ul li.sub {
  padding-left:15px;
}
.nav .logout {
  float:right;
}
.clear-fix {
  clear:both;
}
.dropdown-content {
  display:none;
  position:absolute;
  z-index:20;
  background-color:rgba(0,0,0,0.9);
  min-width:160px;
  border:2px solid rgba(255,255,255,0.2);
  text-align:left;
}
.dropdown-content a {
  color:#ddd;
  padding:12px 15px;
  text-decoration:none;
  display:block;
  font-size:14px;
  font-weight:bold;
}
.dropdown-content a:not(:last-child) {
  border-bottom:1px solid rgba(255,255,255,0.1);
}
.dropdown-content a:hover {
  background-color:rgba(255,255,255,0.85);
  color:#f10c22;
}
.dropdown-content a:after,.dropdown-content a:before {
  display:table;
  content:" ";
}
.dropdown-content a .e-info {
  float:right;
  font-size:12px;
  color:#FFC900;
  padding-top:1px;
}
.dropdown-content a:hover .e-info {
  color:#f10c22;
}
.dropdown:hover .dropdown-content {
  display:block;
}
.dropdown:hover .img-base.m1 {
  background-position:0 -60px;
}
.paging_area {
  height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.paging {
  display:inline-block;
  color: var(--text-color);
}
.paging .clearfix {
  display: block;
}
.paging a,.paging b {
  float:left;
  /*background:url(/img/sprite.png) -500px 0;*/
  display:inline-block;
  height:27px;
  line-height:27px;
  color:var(--text-sub-color);
  text-align:center;
}
.paging a:hover {
  color:var(--text-color);
}
.paging .on em {
  background-position:right -30px;
  color: var(--main-color);
}
.paging a em,.paging b em {
  /*background:url(/img/sprite.png) right 0;*/
  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;
}
/* Buttons */
a {
  color: #fff;
  text-decoration:none;
}
a:hover {
  text-decoration:none;
}
button {
  background-color:transparent;
  border:1px solid var(--border-color);
  width:100%;
  color:var(--text-color);
  font-size:12px;
  transition: all 0.35s;
}
button.red {
  background:#cd1208;
  border:1px solid #ed3228;
}
button.red:hover {
  background:#dd2218;
}
button.pink {
  background:#F4444D;
  border:1px solid #bd353b;
}
button.pink:hover {
  background:#c3383e;
}
button.green {
  background:#070;
  border:1px solid #090;
}
button.green:hover {
  background:#080;
}
button.violet {
  background:#80c;
  border:1px solid #b2f;
}
button.violet:hover {
  background:#90d;
}
button.template {
  border:1px solid #CC5A40
}
button.template:hover {
  background:var(--sub1);
}
button.mini {
  padding:2px;
  font-weight:normal;
  font-family:"gyeonggiTitle_Light",serif;
  font-size:11px;
}
button.small {
  padding:4px 12px;
  font-weight:normal;
}
button.middle {
}
button.onoff {
  width:55px;
  height:25px;
  border:none;
  cursor:pointer;
  outline:none;
  margin-bottom:5px;
  color:#fff;
  padding:1px 5px !important;
  font-size:8px !important;
  left:15px;
  top:10px;
}
button.onoff.on {
  background:#F4444D;
}
button.onoff.off {
  background:#656565;
}
.btn.view-refer {
  padding:3px 35px;
  border:1px solid #ff004d;
  color:#ff004d;
  font-weight:bold;
}
.btn.view-refer:hover {
  background:#ff004d;
  color:#fff;
}
.button-group button {
  width:120px;
  border-radius:0;
  background:transparent;
  border:1px solid #999;
}
.button-group button.b1 {
  background-color:rgba(0,182,122,0.1);
}
.button-group button.b2 {
  background-color:rgba(255,96,0,0.1);
}
.button-group button.b3 {
  background-color:transparent;
}
.button-group button.b4 {
  background-color:rgba(0,255,255,0.1);
}
.button-group button.b1:hover {
  background-color:rgba(0,182,122,0.72);
}
.button-group button.b2:hover {
  background-color:rgba(255,96,0,0.75);
}
.button-group button.b3:hover {
  background-color:rgba(255,255,255,0.1);
}
.button-group button.b4:hover {
  background-color:rgba(0,255,255,0.75);
}
.info button {
  padding: 3px;
}
/* Alert */
.alert-screen {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:999;
  background:url("/img/black-70.png");
}
.alert-title {
  width:258px;
  height:62px;
  display:block;
  top:50%;
  left:50%;
  margin-top:-105px;
  margin-left:-129px;
  position:absolute;
  background-image:url("/images/ti1.png");
}
.alert-line {
  position:absolute;
  top:50%;
  width:100%;
  margin-top:-40px;
  height:80px;
  background:url("/images/line.png");
}
.alert-text {
  display:block;
  position:absolute;
  width:343px;
  height:81px;
  left:50%;
  top:50%;
  margin-left:-170px;
  margin-top:40px;
  background-image:url("/images/con1.png");
}
.alert-button {
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  width:203px;
  height:50px;
  margin-top:140px;
  margin-left:-101px;
  background-image: url("/images/bt1.png");
}
/* Modal */
/* Notice */
.main-notice {
  width:400px;
  padding:0;
  position:absolute;
  top:80px;
  background:transparent;
  -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:999999;
}
.main-notice .notice-logo {
  text-align:center;
  height:50px;
  opacity:0.8;
  padding:5px 0;
}
.main-notice .notice-logo img {
  height:65px;
}
.main-notice .notice-title {
  padding:20px 10px 10px 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 {
  position:relative;
  min-height:150px;
  overflow-y:auto;
}
.main-notice .notice-foot {
  font-size:12px;
}
.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;
}
.main-notice .notice-foot .notice-foot-btn:hover {
  color:white;
}
.notice-foot .right-side {
  float:right;
  border:1px solid #ddd;
  padding:5px 15px;
  margin-top:-3px;
  width:90px;
  text-align:center;
}
.notice-foot .right-side:hover {
  background-color:#F13C63;
  color:#fff;
}
#notice1 {
  position:absolute;
  width:250px;
  min-height:50px;
  background:#f19e09;
  z-index:100;
}
#notice1 .title {
  padding:5px 15px;
  width:220px;
  background:rgba(0,0,0,0.2);
  border-bottom:1px solid #444;
  font-size:25px;
  font-weight:bold;
}
#notice1 .content {
  padding:5px 20px;
  font-size:18px;
  color: #000;
}
/* loading */
.loading-bg {
  z-index:9999;
  position:fixed;
  left:50%;
  top:50%;
  width:auto;
  transform:translate(-50%);
  height:auto;
}
.loading-wrap {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  line-height:1.6rem;
  z-index:1;
  background-color:rgba(28,28,40,.65);
}
.loading-wrap img,.loading-img {
  display:inline-block;
  width:50px;
  height:50px;
  background:url(../js/loading/squares.svg);
  background-size: cover;
}
/*Jquery*/
/*! jQuery UI */
/* Layout helpers----------------------------------*/
.ui-helper-hidden {
  display:none;
}
.ui-helper-hidden-accessible {
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
}
.ui-helper-reset {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  line-height:1.3;
  text-decoration:none;
  font-size:100%;
  list-style:none;
}
.ui-helper-clearfix:before,.ui-helper-clearfix:after {
  content:"";
  display:table;
  border-collapse:collapse;
}
.ui-helper-clearfix:after {
  clear:both;
}
.ui-helper-clearfix {
  min-height:0;
  /* support:IE7 */
}
.ui-helper-zfix {
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
  opacity:0;
  filter:Alpha(Opacity=0);
  /* support:IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons----------------------------------*/
/* states and images */
.ui-icon {
  display:block;
  text-indent:-99999px;
  overflow:hidden;
  background-repeat: no-repeat;
}
/* Misc visuals----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.ui-draggable-handle {
  -ms-touch-action:none;
  touch-action:none;
}
.ui-resizable {
  position:relative;
}
.ui-resizable-handle {
  position:absolute;
  font-size:0.1px;
  display:block;
  -ms-touch-action:none;
  touch-action:none;
}
.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
  display:none;
}
.ui-resizable-n {
  cursor:n-resize;
  height:7px;
  width:100%;
  top:-5px;
  left:0;
}
.ui-resizable-s {
  cursor:s-resize;
  height:7px;
  width:100%;
  bottom:-5px;
  left:0;
}
.ui-resizable-e {
  cursor:e-resize;
  width:7px;
  right:-5px;
  top:0;
  height:100%;
}
.ui-resizable-w {
  cursor:w-resize;
  width:7px;
  left:-5px;
  top:0;
  height:100%;
}
.ui-resizable-se {
  cursor:se-resize;
  width:12px;
  height:12px;
  right:1px;
  bottom:1px;
}
.ui-resizable-sw {
  cursor:sw-resize;
  width:9px;
  height:9px;
  left:-5px;
  bottom:-5px;
}
.ui-resizable-nw {
  cursor:nw-resize;
  width:9px;
  height:9px;
  left:-5px;
  top:-5px;
}
.ui-resizable-ne {
  cursor:ne-resize;
  width:9px;
  height:9px;
  right:-5px;
  top:-5px;
}
.ui-selectable {
  -ms-touch-action:none;
  touch-action:none;
}
.ui-selectable-helper {
  position:absolute;
  z-index:100;
  border:1px dotted black;
}
.ui-sortable-handle {
  -ms-touch-action:none;
  touch-action: none;
}
.ui-accordion .ui-accordion-header {
  display:block;
  cursor:pointer;
  position:relative;
  margin:2px 0 0 0;
  padding:.5em .5em .5em .7em;
  min-height:0;
  /* support:IE7 */
  font-size:100%;
}
.ui-accordion .ui-accordion-icons {
  padding-left:2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left:2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position:absolute;
  left:.5em;
  top:50%;
  margin-top:-8px;
}
.ui-accordion .ui-accordion-content {
  padding:1em 2.2em;
  border-top:0;
  overflow:auto;
}
.ui-autocomplete {
  position:absolute;
  top:0;
  left:0;
  cursor:default;
}
.ui-button {
  display:inline-block;
  position:relative;
  padding:0;
  line-height:normal;
  margin-right:.1em;
  cursor:pointer;
  vertical-align:middle;
  text-align:center;
  overflow:visible;
  /* removes extra width in IE */
}
.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon,a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width:2.4em;
}
.ui-button-icons-only {
  width:3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
  display:block;
  line-height:normal;
}
.ui-button-text-only .ui-button-text {
  padding:.4em 1em;
}
.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {
  padding:.4em;
  text-indent:-9999999px;
}
.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text {
  padding:.4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text {
  padding:.4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left:2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements,provide padding by default */
input.ui-button {
  padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon {
  position:absolute;
  top:50%;
  margin-top:-8px;
}
.ui-button-icon-only .ui-icon {
  left:50%;
  margin-left:-8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary {
  left:.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
/* button sets */
.ui-buttonset {
  margin-right:7px;
}
.ui-buttonset .ui-button {
  margin-left:0;
  margin-right: -.3em;
}
/* workarounds */
/* reset extra padding in Firefox,see h5bp.com/l */
input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
  border:0;
  padding:0;
}
.ui-datepicker {
  width:17em;
  padding:.2em .2em 0;
  display:none;
}
.ui-datepicker .ui-datepicker-header {
  position:relative;
  padding:.2em 0;
}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
  position:absolute;
  top:2px;
  width:1.8em;
  height:1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
  top:1px;
}
.ui-datepicker .ui-datepicker-prev {
  left:2px;
}
.ui-datepicker .ui-datepicker-next {
  right:2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left:1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right:1px;
}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
  display:block;
  position:absolute;
  left:50%;
  margin-left:-8px;
  top:50%;
  margin-top:-8px;
}
.ui-datepicker .ui-datepicker-title {
  margin:0 2.3em;
  line-height:1.8em;
  text-align:center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size:1em;
  margin:1px 0;
}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
  width:45%;
}
.ui-datepicker table {
  width:100%;
  font-size:.9em;
  border-collapse:collapse;
  margin:0 0 .4em;
}
.ui-datepicker th {
  padding:.7em .3em;
  text-align:center;
  font-weight:bold;
  border:0;
}
.ui-datepicker td {
  border:0;
  padding:1px;
}
.ui-datepicker td span,.ui-datepicker td a {
  display:block;
  padding:.2em;
  text-align:right;
  text-decoration:none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image:none;
  margin:.7em 0 0 0;
  padding:0 .2em;
  border-left:0;
  border-right:0;
  border-bottom:0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float:right;
  margin:.5em .2em .4em;
  cursor:pointer;
  padding:.2em .6em .3em .6em;
  width:auto;
  overflow:visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width:auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float:left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width:95%;
  margin:0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width:50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width:33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width:25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width:0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear:left;
}
.ui-datepicker-row-break {
  clear:both;
  width:100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction:rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right:2px;
  left:auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left:2px;
  right:auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right:1px;
  left:auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left:1px;
  right:auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear:right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float:left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
  float:right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width:0;
  border-left-width:1px;
}
.ui-dialog {
  overflow:hidden;
  position:absolute;
  top:0;
  left:0;
  padding:.2em;
  outline:0;
}
.ui-dialog .ui-dialog-titlebar {
  display: none;
}
.ui-dialog .ui-dialog-title {
  float:left;
  margin:.1em 0;
  white-space:nowrap;
  width:90%;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position:absolute;
  right:.3em;
  top:50%;
  width:20px;
  margin:-10px 0 0 0;
  padding:1px;
  height:20px;
}
.ui-dialog .ui-dialog-content {
  position:relative;
  border:0;
  padding:.5em 1em;
  background:none;
  overflow:auto;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float:right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin:.5em .4em .5em 0;
  cursor:pointer;
}
.ui-dialog .ui-resizable-se {
  width:12px;
  height:12px;
  right:-5px;
  bottom:-5px;
  background-position:16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor:move;
}
.ui-menu {
  list-style:none;
  padding:0;
  margin:0;
  display:block;
  outline:none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position:relative;
  margin:0;
  padding:3px 1em 3px .4em;
  cursor:pointer;
  min-height:0;
  /* support:IE7 */
  /* support:IE10,see #8844 */
  list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
  margin:5px 0;
  height:0;
  font-size:0;
  line-height:0;
  border-width:1px 0 0 0;
}
.ui-menu .ui-state-focus,.ui-menu .ui-state-active {
  margin: -1px;
}
/* icon support */
.ui-menu-icons {
  position:relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position:absolute;
  top:0;
  bottom:0;
  left:.2em;
  margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  left:auto;
  right:0;
}
.ui-progressbar {
  height:2em;
  text-align:left;
  overflow:hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin:-1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height:100%;
  filter:alpha(opacity=25);
  /* support:IE8 */
  opacity:0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image:none;
}
.ui-selectmenu-menu {
  padding:0;
  margin:0;
  position:absolute;
  top:0;
  left:0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow:auto;
  /* Support:IE7 */
  overflow-x:hidden;
  padding-bottom:1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size:1em;
  font-weight:bold;
  line-height:1.5;
  padding:2px 0.4em;
  margin:0.5em 0 0 0;
  height:auto;
  border:0;
}
.ui-selectmenu-open {
  display:block;
}
.ui-selectmenu-button {
  display:inline-block;
  overflow:hidden;
  position:relative;
  text-decoration:none;
  cursor:pointer;
}
.ui-selectmenu-button span.ui-icon {
  right:0.5em;
  left:auto;
  margin-top:-8px;
  position:absolute;
  top:50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  text-align:left;
  padding:0.4em 2.1em 0.4em 1em;
  display:block;
  line-height:1.4;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ui-slider {
  position:relative;
  text-align:left;
}
.ui-slider .ui-slider-handle {
  position:absolute;
  z-index:2;
  width:1.2em;
  height:1.2em;
  cursor:default;
  -ms-touch-action:none;
  touch-action:none;
}
.ui-slider .ui-slider-range {
  position:absolute;
  z-index:1;
  font-size:.7em;
  display:block;
  border:0;
  background-position: 0 0;
}
/* support:IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
  filter:inherit;
}
.ui-slider-horizontal {
  height:.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top:-.3em;
  margin-left:-.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top:0;
  height:100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left:0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right:0;
}
.ui-slider-vertical {
  width:.8em;
  height:100px;
}
.ui-slider-vertical .ui-slider-handle {
  left:-.3em;
  margin-left:0;
  margin-bottom:-.6em;
}
.ui-slider-vertical .ui-slider-range {
  left:0;
  width:100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom:0;
}
.ui-slider-vertical .ui-slider-range-max {
  top:0;
}
.ui-spinner {
  position:relative;
  display:inline-block;
  overflow:hidden;
  padding:0;
  vertical-align:middle;
}
.ui-spinner-input {
  border:none;
  background:none;
  color:inherit;
  padding:0;
  margin:.2em 0;
  vertical-align:middle;
  margin-left:.4em;
  margin-right:22px;
}
.ui-spinner-button {
  width:16px;
  height:50%;
  font-size:.5em;
  padding:0;
  margin:0;
  text-align:center;
  position:absolute;
  cursor:default;
  display:block;
  overflow:hidden;
  right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top:none;
  border-bottom:none;
  border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
  position:absolute;
  margin-top:-8px;
  top:50%;
  left:0;
}
.ui-spinner-up {
  top:0;
}
.ui-spinner-down {
  bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position:-65px -16px;
}
.ui-tabs {
  position:relative;
  padding:.2em;
}
.ui-tabs .ui-tabs-nav {
  margin:0;
  padding:.2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style:none;
  float:left;
  position:relative;
  top:0;
  margin:1px .2em 0 0;
  border-bottom-width:0;
  padding:0;
  white-space:nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float:left;
  padding:.5em 1em;
  text-decoration:none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom:-1px;
  padding-bottom:1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor:text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor:pointer;
}
.ui-tabs .ui-tabs-panel {
  display:block;
  border-width:0;
  padding:1em 1.4em;
  background:none;
}
.ui-tooltip {
  padding:8px;
  position:absolute;
  z-index:9999;
  max-width:300px;
  -webkit-box-shadow:0 0 5px #aaa;
  box-shadow:0 0 5px #aaa;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Component containers----------------------------------*/
.ui-widget {
  font-family:Verdana,Arial,sans-serif;
  font-size:1.1em;
}
.ui-widget .ui-widget {
  font-size:1em;
}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
  font-family:Verdana,Arial,sans-serif;
  font-size:1em;
}

.ui-widget-content a {
  color:#222222;
}
.ui-widget-header {
  border:1px solid #aaaaaa;
  background:#cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  color:#222222;
  font-weight:bold;
}
.ui-widget-header a {
  color: #222222;
}
/* Interaction states----------------------------------*/
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
  border:1px solid #d3d3d3;
  background:#e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
  font-weight:normal;
  color:#555555;
}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
  color:#555555;
  text-decoration:none;
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
  border:1px solid #999999;
  background:#dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
  font-weight:normal;
  color:#212121;
}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited {
  color:#212121;
  text-decoration:none;
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
  border:1px solid #aaaaaa;
  background:#ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight:normal;
  color:#212121;
}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
  color:#212121;
  text-decoration: none;
}
/* Interaction Cues----------------------------------*/
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
  border:1px solid #fcefa1;
  background:#fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  color:#363636;
}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
  color:#363636;
}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
  border:1px solid #cd0a0a;
  background:#fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color:#cd0a0a;
}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
  color:#cd0a0a;
}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
  color:#cd0a0a;
}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
  opacity:.7;
  filter:Alpha(Opacity=70);
  /* support:IE8 */
  font-weight:normal;
}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
  opacity:.35;
  filter:Alpha(Opacity=35);
  /* support:IE8 */
  background-image:none;
}
.ui-state-disabled .ui-icon {
  filter:Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
}
/* Icons----------------------------------*/
/* states and images */
.ui-icon {
  width:16px;
  height:16px;
}
.ui-icon,.ui-widget-content .ui-icon {
  background-image:url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image:url("images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
  background-image:url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
  background-image:url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
  background-image:url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
  background-image:url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cd0a0a_256x240.png");
}
/* positioning */
.ui-icon-blank {
  background-position:16px 16px;
}
.ui-icon-carat-1-n {
  background-position:0 0;
}
.ui-icon-carat-1-ne {
  background-position:-16px 0;
}
.ui-icon-carat-1-e {
  background-position:-32px 0;
}
.ui-icon-carat-1-se {
  background-position:-48px 0;
}
.ui-icon-carat-1-s {
  background-position:-64px 0;
}
.ui-icon-carat-1-sw {
  background-position:-80px 0;
}
.ui-icon-carat-1-w {
  background-position:-96px 0;
}
.ui-icon-carat-1-nw {
  background-position:-112px 0;
}
.ui-icon-carat-2-n-s {
  background-position:-128px 0;
}
.ui-icon-carat-2-e-w {
  background-position:-144px 0;
}
.ui-icon-triangle-1-n {
  background-position:0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position:-16px -16px;
}
.ui-icon-triangle-1-e {
  background-position:-32px -16px;
}
.ui-icon-triangle-1-se {
  background-position:-48px -16px;
}
.ui-icon-triangle-1-s {
  background-position:-64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position:-80px -16px;
}
.ui-icon-triangle-1-w {
  background-position:-96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position:-112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position:-128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position:-144px -16px;
}
.ui-icon-arrow-1-n {
  background-position:0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position:-16px -32px;
}
.ui-icon-arrow-1-e {
  background-position:-32px -32px;
}
.ui-icon-arrow-1-se {
  background-position:-48px -32px;
}
.ui-icon-arrow-1-s {
  background-position:-64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position:-80px -32px;
}
.ui-icon-arrow-1-w {
  background-position:-96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position:-112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position:-128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position:-144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position:-160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position:-176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position:-192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position:-208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position:-224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position:-240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position:0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position:-16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position:-32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position:-48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position:-64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position:-80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position:-96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position:-112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position:-128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position:-144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position:-160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position:-176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position:-192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position:-208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position:-224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position:-240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position:0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position:-16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position:-32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position:-48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position:-64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position:-80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position:-96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position:-112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position:-128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position:-144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position:-160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position:-176px -64px;
}
.ui-icon-arrow-4 {
  background-position:0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position:-16px -80px;
}
.ui-icon-extlink {
  background-position:-32px -80px;
}
.ui-icon-newwin {
  background-position:-48px -80px;
}
.ui-icon-refresh {
  background-position:-64px -80px;
}
.ui-icon-shuffle {
  background-position:-80px -80px;
}
.ui-icon-transfer-e-w {
  background-position:-96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position:-112px -80px;
}
.ui-icon-folder-collapsed {
  background-position:0 -96px;
}
.ui-icon-folder-open {
  background-position:-16px -96px;
}
.ui-icon-document {
  background-position:-32px -96px;
}
.ui-icon-document-b {
  background-position:-48px -96px;
}
.ui-icon-note {
  background-position:-64px -96px;
}
.ui-icon-mail-closed {
  background-position:-80px -96px;
}
.ui-icon-mail-open {
  background-position:-96px -96px;
}
.ui-icon-suitcase {
  background-position:-112px -96px;
}
.ui-icon-comment {
  background-position:-128px -96px;
}
.ui-icon-person {
  background-position:-144px -96px;
}
.ui-icon-print {
  background-position:-160px -96px;
}
.ui-icon-trash {
  background-position:-176px -96px;
}
.ui-icon-locked {
  background-position:-192px -96px;
}
.ui-icon-unlocked {
  background-position:-208px -96px;
}
.ui-icon-bookmark {
  background-position:-224px -96px;
}
.ui-icon-tag {
  background-position:-240px -96px;
}
.ui-icon-home {
  background-position:0 -112px;
}
.ui-icon-flag {
  background-position:-16px -112px;
}
.ui-icon-calendar {
  background-position:-32px -112px;
}
.ui-icon-cart {
  background-position:-48px -112px;
}
.ui-icon-pencil {
  background-position:-64px -112px;
}
.ui-icon-clock {
  background-position:-80px -112px;
}
.ui-icon-disk {
  background-position:-96px -112px;
}
.ui-icon-calculator {
  background-position:-112px -112px;
}
.ui-icon-zoomin {
  background-position:-128px -112px;
}
.ui-icon-zoomout {
  background-position:-144px -112px;
}
.ui-icon-search {
  background-position:-160px -112px;
}
.ui-icon-wrench {
  background-position:-176px -112px;
}
.ui-icon-gear {
  background-position:-192px -112px;
}
.ui-icon-heart {
  background-position:-208px -112px;
}
.ui-icon-star {
  background-position:-224px -112px;
}
.ui-icon-link {
  background-position:-240px -112px;
}
.ui-icon-cancel {
  background-position:0 -128px;
}
.ui-icon-plus {
  background-position:-16px -128px;
}
.ui-icon-plusthick {
  background-position:-32px -128px;
}
.ui-icon-minus {
  background-position:-48px -128px;
}
.ui-icon-minusthick {
  background-position:-64px -128px;
}
.ui-icon-close {
  background-position:-80px -128px;
}
.ui-icon-closethick {
  background-position:-96px -128px;
}
.ui-icon-key {
  background-position:-112px -128px;
}
.ui-icon-lightbulb {
  background-position:-128px -128px;
}
.ui-icon-scissors {
  background-position:-144px -128px;
}
.ui-icon-clipboard {
  background-position:-160px -128px;
}
.ui-icon-copy {
  background-position:-176px -128px;
}
.ui-icon-contact {
  background-position:-192px -128px;
}
.ui-icon-image {
  background-position:-208px -128px;
}
.ui-icon-video {
  background-position:-224px -128px;
}
.ui-icon-script {
  background-position:-240px -128px;
}
.ui-icon-alert {
  background-position:0 -144px;
}
.ui-icon-info {
  background-position:-16px -144px;
}
.ui-icon-notice {
  background-position:-32px -144px;
}
.ui-icon-help {
  background-position:-48px -144px;
}
.ui-icon-check {
  background-position:-64px -144px;
}
.ui-icon-bullet {
  background-position:-80px -144px;
}
.ui-icon-radio-on {
  background-position:-96px -144px;
}
.ui-icon-radio-off {
  background-position:-112px -144px;
}
.ui-icon-pin-w {
  background-position:-128px -144px;
}
.ui-icon-pin-s {
  background-position:-144px -144px;
}
.ui-icon-play {
  background-position:0 -160px;
}
.ui-icon-pause {
  background-position:-16px -160px;
}
.ui-icon-seek-next {
  background-position:-32px -160px;
}
.ui-icon-seek-prev {
  background-position:-48px -160px;
}
.ui-icon-seek-end {
  background-position:-64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated,use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position:-80px -160px;
}
.ui-icon-stop {
  background-position:-96px -160px;
}
.ui-icon-eject {
  background-position:-112px -160px;
}
.ui-icon-volume-off {
  background-position:-128px -160px;
}
.ui-icon-volume-on {
  background-position:-144px -160px;
}
.ui-icon-power {
  background-position:0 -176px;
}
.ui-icon-signal-diag {
  background-position:-16px -176px;
}
.ui-icon-signal {
  background-position:-32px -176px;
}
.ui-icon-battery-0 {
  background-position:-48px -176px;
}
.ui-icon-battery-1 {
  background-position:-64px -176px;
}
.ui-icon-battery-2 {
  background-position:-80px -176px;
}
.ui-icon-battery-3 {
  background-position:-96px -176px;
}
.ui-icon-circle-plus {
  background-position:0 -192px;
}
.ui-icon-circle-minus {
  background-position:-16px -192px;
}
.ui-icon-circle-close {
  background-position:-32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position:-48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position:-64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position:-80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position:-96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position:-112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position:-128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position:-144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position:-160px -192px;
}
.ui-icon-circle-zoomin {
  background-position:-176px -192px;
}
.ui-icon-circle-zoomout {
  background-position:-192px -192px;
}
.ui-icon-circle-check {
  background-position:-208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position:0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position:-16px -208px;
}
.ui-icon-circlesmall-close {
  background-position:-32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position:-48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position:-64px -208px;
}
.ui-icon-squaresmall-close {
  background-position:-80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position:0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position:-16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position:-32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position:-48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position:-64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals----------------------------------*/
/* Corner radius */
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
  border-top-left-radius:4px;
}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
  border-top-right-radius:4px;
}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
  border-bottom-left-radius:4px;
}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
  border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
  background:#aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity:.3;
  filter:Alpha(Opacity=30);
  /* support: IE8 */
}
.ui-widget-shadow {
  margin:-8px 0 0 -8px;
  padding:8px;
  background:#aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity:.3;
  filter:Alpha(Opacity=30);
  /* support:IE8 */
  border-radius:8px;
}
/* Contents */
.content-notice {
  position:relative;
  width:100%;
}
.content-notice .title {
  color:var(--header-text-color) !important;
  padding:5px 15px;
  background:var(--main-color);
  margin:0 !important;
  text-align: center;
}
.content-notice .notice-item {
  color:#666;
  padding:5px;
  line-height:20px;
}
.content-notice .notice-item:not(:last-child) {
  border-bottom:1px solid rgba(0,0,0,0.1);
}
.content-notice .notice-item .date {
  float:left;
  text-align:center;
  font-size:10px;
  border-right:1px solid rgba(0,0,0,0.1);
  width:80px;
  line-height:20px;
}
.content-notice .notice-item .notice {
  float:left;
  font-size:12px;
  padding-left:15px;
  line-height:20px;
}
.content-notice table.money-base {
  width:100%;
}
.content-notice table.money-base thead tr th {
  background: #18161C;
  color: var(--header-text-color);
  text-align:center;
  padding:1.2rem 0;
  box-shadow: inset 0 -1px 0 0 var(--border-color);
}
.content-notice table.money-base tbody tr td {
  padding:1.2rem 1rem;
  border: 1px solid #8E30CB;
}
.content-notice table.money-base tbody.manage-tbody tr td {
  padding:0.3rem;
}
.content-notice table.money-base tbody.manage-tbody tr td button {
  height:36px;
}
.manage-tbody .item td { height: 50px }
.pr-1 {
  padding-right:1rem !important;
}
.none-box {
  height:50px;
}
.close_btn {
  color:#CC5A40;
  text-decoration:underline;
  border:none;
}
.content-notice .content-box {
  color: var(--text-color);
  padding: 20px 30px;
  line-height: 1.8rem;
  background-color: #000;
  border: 1px solid var(--main-color);
  margin-bottom: 2rem;
}
.content-notice .content-box h2 {
  color: #e63b19;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 0;
}
.content-notice .content-box pre {
  color:var(--text-color);
  white-space:pre-line;
  box-sizing: border-box;
}
.content-notice .content-box.white {
  padding:1rem;
}
.content-box li {
}
.content-box .content-item {
  line-height:1.8rem;
}
.content-box em,
.content-box b {
  color:#2abb47;
  font-style:normal;
}
.content-box .money-part .withdraw {
  font-weight:600;
}
.content-box .money-part .item-bottom {
  width:450px;
}
.content-notice table.money-part {
  width:100%;
}
.money-part th {
}
.money-part td {
  width:12.5%;
  height:25px;
  text-align:center;
}
.money-part input[type=text] {
  width:100%;
  height:31px;
  padding:0 10px;
  border:1px solid rgba(0,0,0,0.1);
  font-weight:bold;
  text-align:right;
  box-sizing:border-box;
}
.money-part input[type=radio] {
  display:inline-block;
}
.money-part label {
  padding:15px;
}
.money-part .btn-money {
  width:100%;
  font-weight:bold;
  height:33px;
}
.money-part .btn-money:hover {
  background:var(--sub1);
  font-weight:bold;
}
.money-part .btn-clear {
}
.money-part .btn-get {
}
#cart {
  z-index:99;
  margin-bottom: 3px;
}
.minigame-form #cart {
  width: auto;
}
#BettingForm {
  height:100%;
}
.viewport {
  width:640px;
  height:480px;
  background:url("/img/black-70.png") repeat;
  margin-top:50px;
  margin-bottom:50px;
  margin-left:120px;
  color:#ddd;
  font-weight:bold;
  font-size:20px;
  text-align:center;
  line-height:480px;
}
.c-money {
  font-size:15px;
  font-weight:bold;
}
.casino-input {
  text-align:right;
  color: var(--text-color);
  background:rgba(255,255,255,0.03);
  border: none;
  height:36px;
  width:100%;
  font-size:12px;
  box-sizing:border-box;
  padding:0 1rem;
}
.casino-input:hover,.casino-input:focus {
  border-color: var(--main-color);
}
input,button,select {
  outline:none;
  box-sizing: border-box;
}
#casinoGame {
  width:100% !important;
  height:100% !important;
}
.content .items {
  padding:10px 5px;
  border-bottom:1px solid #222;
  font-size:11px;
}
#ChargeFormArea {

}
.deposit__box01 {
  position: relative;
  margin-top: -52px;
}
.deposit__box01 pre {
  color: var(--text-color);
  padding: 20px 30px;
  line-height: 1.8rem;
  background-color: #000;
  border: 1px solid var(--main-color);
  margin-bottom: 10px;
}
.deposit__box02 {
  padding: 1.2rem 0 0 1.2rem;
}
#ChargeFormArea pre {

}
.game-list div.list-item {
  float:left;
  border-top:1px solid rgba(0,0,0,0.1);
  border-bottom:1px solid rgba(0,0,0,0.1);
  border-left:1px solid rgba(0,0,0,0.1);
}
.game-list div.list-item:last-child {
  border-right: 1px solid rgba(0,0,0,0.1);
}
/* Items */
.icon_notice {
  font-weight:500;
}
.icon_sent {
  background:url(/img/sprite.png?v5) -40px -140px no-repeat;
  display:inline-block;
  width:27px;
  height:16px;
}
.icon_recv {
  background:url(/img/sprite.png?v5) -70px -140px no-repeat;
  display:inline-block;
  width:27px;
  height:16px;
}
.icon_photo {
  background:url(/img/sprite.png?v5) -100px -140px no-repeat;
  display:inline-block;
  width:13px;
  height:12px;
}
.icon_pick {
  background:url(/img/sprite.png?v5) -440px -140px no-repeat;
  display:inline-block;
  width:31px;
  height: 12px;
}
/*.icon_lock{*/
/*background:url(/img/sprite.png?v5) -140px -140px no-repeat;*/
/*display:inline-block;*/
/*width:7px;*/
/*height:9px;}*/
.icon_lock2 {
  background:url(/img/sprite.png?v5) -340px -140px no-repeat;
  display:inline-block;
  width:12px;
  height:15px;
}
.icon_new {
  background:url(/img/sprite.png?v5) -120px -140px no-repeat;
  display:inline-block;
  width:10px;
  height:9px;
}
.icon_answer {
  background:url(/img/sprite.png?v5) -150px -140px no-repeat;
  display:inline-block;
  width:50px;
  height:16px;
}
.icon_read {
  background:url(/img/sprite.png?v5) -10px -160px no-repeat;
  display:inline-block;
  width:27px;
  height:16px;
}
.icon_wait,.icon_deposit_new {
  background:url(/img/sprite.png?v5) -40px -160px no-repeat;
  display:inline-block;
  width:27px;
  height:16px;
}
.icon_deposit_wait {
  background:url(/img/sprite.png?v5) -70px -160px no-repeat;
  display:inline-block;
  width:27px;
  height:16px;
}
.icon_deposit_ok {
  background:url(/img/sprite.png?v5) -100px -160px no-repeat;
  display:inline-block;
  width:27px;
  height:16px;
}
.icon_deposit_cancel {
  background:url(/img/sprite.png?v5) -130px -160px no-repeat;
  display:inline-block;
  width:27px;
  height:16px;
}
.icon_message {
  background:url(/img/sprite.png?v5) -300px -140px no-repeat;
  display:inline-block;
  width:29px;
  height:20px;
}
.icon_delete {
  background:url(/img/sprite.png?v5) -360px -140px no-repeat;
  display:inline-block;
  width:9px;
  height:10px;
}
.icon_delete2 {

}
.icon_wrench {
  background:url(/img/sprite.png?v3) -410px -140px no-repeat;
  display:inline-block;
  width:20px;
  height:19px;
}
.icon_favorite {
  background:url(/img/sprite.png?v3) -230px -160px no-repeat;
  display:inline-block;
  width:17px;
  height:17px;
}
.icon_favorite_on {
  background:url(/img/sprite.png?v3) -210px -140px no-repeat;
  display:inline-block;
  width:17px;
  height:17px;
}
.icon_event {
  font-weight:500;
}
.icon_lv_0 {
  background:transparent;
  display:none;
  width:30px;
  height:20px;
}
.icon_lv_1 {
  background:url("../images/record/lv/lv1.png") no-repeat;
  display:inline-block;
  width:30px;
  height:20px;
}
.icon_lv_2 {
  background:url("../images/record/lv/lv2.png") no-repeat;
  display:inline-block;
  width:30px;
  height:20px;
}
.icon_lv_3 {
  background:url("../images/record/lv/lv3.png") no-repeat;
  display:inline-block;
  width:30px;
  height:20px;
}
.icon_lv_4 {
  background:url("../images/record/lv/lv4.png") no-repeat;
  display:inline-block;
  width:30px;
  height:20px;
}
.icon_lv_5 {
  background:url("../images/record/lv/lv5.png") no-repeat;
  display:inline-block;
  width:30px;
  height:20px;
}
.icon_lv_6 {
  background:url("../images/record/lv/lv5.png") no-repeat;
  display:inline-block;
  width:30px;
  height:20px;
}
.icon_lv_7 {
  background:url("../images/record/lv/lv5.png") no-repeat;
  display:inline-block;
  width:30px;
  height:20px;
}
.icon_lv_8 {
  background:url("../images/record/lv/lv5.png") no-repeat;
  display:inline-block;
  width:30px;
  height:20px;
}
.icon_lv_9 {
  background:url("../images/record/lv/lv5.png") no-repeat;
  display:inline-block;
  width:30px;
  height:20px;
}
.icon_lv_10 {
  background:url("../images/record/lv/lv5.png") no-repeat;
  display:inline-block;
  width:30px;
  height:20px;
}
.icon_lv_99 {
  display:inline-block;
  text-align:center;
}
.icon_lv_99:before {
  content:"관리자";
}
.RES-대기 {
  color: #29b446;
  font-weight: 500;
}
.RES-적중 {
  color: #f6cb3d;
  font-weight: 500;
}
.RES-적특 {
  color:var(--text-sub-color);
  font-weight: 500;
}
.RES-실패 {
  color: var(--failure-color);
  font-weight: 500;
}
.RES-취소 {
  color:var(--failure-color);
  font-weight: 500;
}
.RES-무효 {
  color: var(--text-sub-color);
}
.caption {
  text-align:left;
  font-weight:bold;
  font-size:16px;
  font-family:"gyeonggiTitle_Light",serif;
  color:var(--sub3);
}
.caption2 {
  text-align:left;
  font-weight:bold;
  font-size:12px;
  font-family:"gyeonggiTitle_Light",serif;
  color:var(--sub3);
}
.caption_r {
  text-align:right;
  font-weight:bold;
  font-size:16px;
  font-family:"gyeonggiTitle_Light",serif;
  background:url(/img/jewel-blue.gif) right center no-repeat;
  padding-right:20px;
  text-shadow:1px 1px 1px #000;
}
.caption_small {
  text-align:left;
  font-size:13px;
  font-family:"gyeonggiTitle_Light",serif;
  background:url(/img/jewel-blue.gif) 5px center no-repeat;
  padding-left:20px;
  text-shadow:1px 1px 1px #000;
}
.jewel-gold {
  background:url(/img/jewel-gold.gif) 0 center no-repeat;
  padding-left:12px;
}
.jewel-gold-right {
  background:url(/img/jewel-gold.gif) right center no-repeat;
  padding-right:12px;
}
.bar {
  margin:0 0.5em;
  color:#666;
}
.titlebar {
  display:block;
  padding:10px;
  color:#fc0;
  line-height:23px;
  font-weight:bold;
  text-shadow:1px 1px 1px #000;
  font-size:14px;
  font-family:"gyeonggiTitle_Light",serif;
}
.titlebar .small {
  font-size:11px;
}
.titlebar small {
  margin-left:1em;
  color:#fcc;
  font-size:11px;
}
.titlebar * {
  vertical-align:top;
}
.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 1px rgba(0,0,0,0.75);
}
.bet_notice li.color-0 {
  color:#ff0;
}
.bet_notice li.color-1 {
  color:#dd0;
}
.blink {
  background:url(/img/blink-red.gif);
}
.num {
  line-height:16px;
  padding-left:3px;
}
.bnum {
  display:inline-block;
  height:20px;
  position:absolute;
  line-height:20px;
  padding-right:10px;
  background:url(/img/sprite.png) right -130px no-repeat;
  font-weight:bold;
  font-style:normal;
  white-space:nowrap;
  font-size:13px;
}
.bnum em {
  display:inline-block;
  height:20px;
  line-height:20px;
  padding-left:10px;
  background:url(/img/sprite.png) -500px -100px no-repeat;
  font-weight:bold;
  font-style:normal;
  white-space:nowrap;
  letter-spacing:1px;
}
#SportsTab img {
  width:19px;
  height:19px;
}
#RegionTab {
  position:absolute;
  left:-218px;
  top:20px;
  width:202px;
}
#RegionTab dd img {
  margin-right:0.5em;
  width:24px;
  height:19px;
}
#RegionTab dd.on {
  border:1px solid;
  border-color:#4E70AD #0E306D #0E306D #4E70AD;
  background:#2E508D;
}
#RegionTab dd a {
  display:block;
  padding:10px;
  zoom:1;
  height:40px;
}
#RegionTab dd a:after {
  display:block;
  content:"";
  clear:both;
}
#RegionTab dd a img,#RegionTab dd a span {
  vertical-align:middle;
  float:left;
}
#RegionTab dd a span {
  line-height:19px;
  height:19px;
}
#RegionTab dd a img {
  margin-right:4px;
  width:24px;
  height:19px;
}
#RegionTab dd .num {
  float:right;
  margin-top:2px;
}
.new_item {
  color:#CC5A40;
  font-weight:600;
  font-style:oblique;
  -webkit-animation-name:blinker;
  -webkit-animation-duration:1s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-name:blinker;
  -moz-animation-duration:1s;
  -moz-animation-timing-function:linear;
  -moz-animation-iteration-count:infinite;
  animation-name:blinker;
  animation-duration:1s;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}
.pick_item {
  color: var(--main-color);
  font-weight:600;
  font-style:oblique;
  -webkit-animation-name:blinker;
  -webkit-animation-duration:1s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-name:blinker;
  -moz-animation-duration:1s;
  -moz-animation-timing-function:linear;
  -moz-animation-iteration-count:infinite;
  animation-name:blinker;
  animation-duration:1s;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}
.cart-item {
  font-weight:600;
  font-size: 13px;
}
/* tables */
.titlebox {
  border:1px solid;
  border-color:#404040 #202020 #202020 #404040;
  background:#333 url(/img/odds-bg.png) repeat-x;
  position:relative;
}
.titlebox-darkyellow {
  border:1px solid;
  border-color:#870 #430 #430 #870;
  background:#650 url(/img/odds-bg.png) repeat-x;
  position:relative;
}
.OnOff label {
  font-size:12px;
  line-height:12px;
  font-weight:normal;
  font-family:"gyeonggiTitle_Light",serif;
  color:#ddd;
}
.OnOff button {
  width:21px;
  height:13px;
  font-size:1px;
  padding:0;
  margin:0 0 0 4px;
  border:0;
  border-radius:0;
  background:transparent url(/img/sprite.png) -170px -160px no-repeat;
}
.OnOff button.on {
  background-position:-200px -160px;
}
.OnOff * {
  vertical-align:middle;
}
.graybox {
  border:1px solid;
  border-color:#404040 #101010 #101010 #404040;
  background:#333 url(/img/odds-bg.png) repeat-x;
}
.darkbox {
  border:1px solid;
  border-color:#404040 #101010 #101010 #404040;
  background:#202020;
}
.skybox {
  border:1px solid;
  border-color:#4E70AD #0E306D #0E306D #4E70AD;
  background:#2E508D;
}
.bluebox {
  border:1px solid;
  border-color:#205AA0 #001A60 #001A60 #205AA0;
  background:#003A80;
}
.greenbox {
  border:1px solid;
  border-color:#20AF20 #005F00 #004F00 #209F20;
  background:#007F00;
}
.box-violet {
  border:1px solid;
  border-color:#74A #306 #306 #74A;
  background:#528;
}
.box-violet .inbox {
  border-left:1px solid #74A;
  border-right:1px solid #306;
}
.box-violet .first {
  border-left:0;
}
.box-violet .last {
  border-right:0;
}
.box-green {
  border:1px solid;
  border-color:#20AF20 #005F00 #004F00 #209F20;
  background:#007F00;
}
.box-green .inbox {
  border-left:1px solid #20AF20;
  border-right:1px solid #004F00;
}
.box-green .first {
  border-left:0;
}
.box-green .last {
  border-right:0;
}
.box-green .noborder {
  border:0;
}
.box-dark {
  border:1px solid;
  border-color:#404040 #101010 #101010 #404040;
  background:#202020;
}
.box-dark .inbox {
  border-left:1px solid #404040;
  border-right:1px solid #101010;
}
.box-dark .first {
  border-left:0;
}
.box-dark .last {
  border-right:0;
}
.box-sky {
  border:1px solid;
  border-color:#4E70AD #0E306D #0E306D #4E70AD;
  background:#2E508D;
}
.box-sky .inbox {
  border-left:1px solid #4E70AD;
  border-right:1px solid #0E306D;
}
.box-sky .first {
  border-left:0;
}
.box-sky .last {
  border-right:0;
}
.box-yellow {
  padding:0.6rem 1rem;
}
.box-yellow .first {
  border-left:0;
}
.box-yellow .last {
  border-right:0;
}
.titlebdr {
  border-right:1px solid #202020;
}
.titlebdl {
  border-left:1px solid #606060;
}
.blackbdl {
  border-left:1px solid #606060;
}
.blackbdr {
  border-right:1px solid #000000;
}
.graybdl {
  border-left:1px solid #606060;
}
.graybdr {
  border-right:1px solid #202020;
}
.darkbdl {
  border-left:1px solid #404040;
}
.darkbdr {
  border-right:1px solid #101010;
}
.skybdl {
  /*border-left:1px solid rgba(255,255,255,0.2);*/
}
.skybdr {
  /*border-right:1px solid rgba(0,0,0,0.5);*/
}
.bluebdl {
  border-left:1px solid #205AA0;
}
.bluebdr {
  border-right:1px solid #001A60;
}
.greenbdl {
  border-left:1px solid #20AF20;
}
.greenbdr {
  border-right:1px solid #004F00;
}
.form_table {
  margin:auto;
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
  padding: 20px;
}
.form_table .board-title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 1rem;
  height:40px;
  color: var(--table-th-text-color);
  background: #18161C;
  border-bottom: 1px solid var(--border-color);
}
.form_table .board-title .item {
  display:flex;
  align-items:center;
  column-gap:0.8rem;
  line-height:12px;
  color: var(--table-th-text-color);
}
.form_table caption small {
  color:#fc0;
  font-weight:normal;
}
.form_table caption {
  margin-bottom:10px;
}
.form_table th {
  background-color:#2A3040;
  color:var(--sub3);
  padding:1rem 0;
}
.form_table td {
}
.form_table td.noborder {
  border:none;
}
.form_table td.noborderR {
  border-right:none;
}
.form_table td.noborderL {
  border-left:none;
}
.form_table td.nopaddingL {
  padding-left:0;
}
.form_table td.error {
  color:#f44;
}
.form_table input,.form_table select,.form_table textarea {
  width:100%;
  height:42px;
  background: #000;
  border:1px solid var(--border-color);
  padding-left:1rem;
  box-sizing:border-box;
  font-size:12px;
  color: var(--text-color);
}
.form_table input:focus,.form_table input:hover,.form_table select:focus,.form_table select:hover {
  border-color:var(--main-color);
}
.form_table .fulltext {
  padding:1rem 12px;
}
.form_table .fulltext input,.form_table .fulltext select,.form_table .fulltext textarea {
  width:100%;
  resize:none;
}
.form_table td.bottombuttons {
  padding-top:1rem;
  text-align:center;
}
.form_table td.bottombuttons button[type='sumit'] {
  background:#801462;
}
.form_table td.nodata {
  border:0;
  padding:40px 0;
  text-align:center;
}
.form_table img {
  width:auto !important;
}
.form_table_reple {
  width:100%;
  text-align:center;
}
.form_table_reple th,.form_table_reple td {
  padding:1rem 0;
}
.form_table_reple th {
  background: #18181A;
  border-bottom: 1px solid var(--border-color);
}
.form_table_reple td {
  padding:1rem;
  border-bottom: 1px solid var(--border-color);
  background: #18181A;
}
.form_table_reple td textarea {
  width:100%;
  height:100px;
  background: #000;
  border: 1px solid var(--border-color);
  padding-left: 1rem;
  box-sizing: border-box;
  font-size: 12px;
  color: var(--text-color);
}
.form_table_reple td textarea:focus,.form_table_reple td textarea:hover {
  border-color: #642090;
}
textarea {
  font-family:Roboto,sans-serif;
  resize:none;
  box-sizing:border-box;
  padding:1rem;
  background: var(--input-color);
  border:1px solid var(--border-color);
  border-radius:0;
  outline:none;
}
.form_table_reple td button {
  height:36px;
  width:92px;
  background: #8E30CB;
  font-weight:600;
  font-size:12px;
  border:none;
  box-shadow: inset 0 1px 0 0 #CB7DFF;
}
.form_table_reple td button:hover {
  background: #BC43E0;
}
.list_table {
  width:100%;
}
.list_table caption {
  margin-bottom:10px;
}
.list_table caption small {
}
.list_table th {
  background-color:#18161C;
  padding:1.2rem 0;
  box-shadow: inset 0 -1px 0 0 var(--border-color);
}
.list_table td {
  padding:1.2rem 1rem;
  color: #fff;
  border: 1px solid #8E30CB;
}
.list_table td .ellipsis a {
  display:flex;
  align-items:center;
  column-gap:0.6rem;
}
.list_table td * {
  vertical-align:middle;
}
.paper {
  margin-left:0.4rem;
}
.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: #fff;
  font-weight:600;
}
.list_table td.bottombuttons {
  border:none;
  padding-top:20px;
  text-align:right;
}
.list_table td.bottombuttons button {
  border:1px solid var(--sub1);
  color:#fff;
}
.list_table td.list_paging {
  padding:0;
  border:none;
  background: transparent;
}
.list_table td.nodata {
  padding:40px 0;
  text-align:center;
}
.result_table {
  width:100%;
}
.result_table caption {
  margin-bottom:10px;
}
.result_table caption small {
  color:#fc0;
  font-weight:normal;
}
.result_table th {
  background-color: #18161C;
  padding:1.2rem 0;
  box-shadow: inset 0 -1px 0 0 var(--border-color);
}
.result_table td {
  padding: 0.4rem 2px;
  color:var(--text-color);
  border-bottom: 1px solid var(--border-color);
}
.result_table td * {
  vertical-align:middle;
}
.result_table td a {
  color:#aaa;
  text-decoration:none;
}
.result_table td a:hover {
  color:#aaa;
  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 > div {
  background: var(--main-color);
  color: var(--text-color);
  border-color: var(--main-color);
}
.result_table td > div {
  padding: 0.8rem;
  background: #151616;
  border: 1px solid var(--border-color);
}
.result_table td.bottombuttons {
  border:none;
  text-align:right;
}
.result_table td.list_paging {
}
.result_table td.nodata {
  padding: 1.2rem 2px;
  text-align:center;
}
.result_table td .sportsIcon {
  width:19px;
  height:19px;
}
.result_table td .leagueIcon {
  width:25px;
  height:19px;
}
.history {
  padding:0.6rem 0;
}
.history .clearfix {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:1rem;
}
.history .item-bottom {
  display:flex;
  justify-content:flex-end;
  column-gap:0.8rem;
}
.history .item-bottom button {
  width:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:none;
  background:transparent;
  color: #fff;
  text-decoration:underline;
  box-shadow: none;
  opacity: 0.6;
}
.history .item-bottom button:hover {
  color:var(--text-color);
  opacity: 1;
}
.history table {
  width:100%;
  text-align:center;
}
.history table th div.first {
  border-left:none;
}
.history table th div.last {
  border-right:none;
}
.history .PICK table th {
  color:var(--text-color);
  background: #393A3A;
  padding:1rem 0;
  border-bottom: 1px solid var(--border-color);
}
.history .PICK table tr {
}
.history .PICK table td {
  padding:0.4rem 2px;
  color:var(--sub3);
}
.history .PICK td.bdr {
}
.history .PICK td.bdl {
}
.history .PICK td.on > div {
  background: var(--main-color);
  color:var(--text-color);
  border-color: var(--main-color);
}
.history .PICK td > div {
  background: #151616;
  padding: 0.8rem 0;
  border: 1px solid var(--border-color);
}
.history .PICK td.focus {
  color:#CC5A40;
}
.history .PICK td .vs {
  color:#CC5A40;
}
.history .BET table th {
  padding:1rem 0;
  color: var(--text-color);
  background: #232525;
}
.history .BET table th span {
  font-weight:normal;
  color: #808080;
}
.history .BET table th div {
  height:3em;
  line-height: 1.5em;
}
/* Animation */
.move-up {
  color:#0088ff;
  animation:moveUp 800ms -800ms ease infinite alternate;
}
.move-down {
  color:#ff3300;
  animation:moveDown 800ms -800ms ease infinite alternate;
}
@keyframes moveUp {
  0% {
    opacity:1;
    -webkit-transform:translate(0,-3px);
    -ms-transform:translate(0,-3px);
    transform:translate(0,-3px);
  }
  100% {
    opacity:.5;
    -webkit-transform:translate(0,3px);
    -ms-transform:translate(0,3px);
    transform:translate(0,3px);
  }
}
@keyframes moveDown {
  0% {
    opacity:1;
    -webkit-transform:translate(0,3px);
    -ms-transform:translate(0,3px);
    transform:translate(0,3px);
  }
  100% {
    opacity:.5;
    -webkit-transform:translate(0,-3px);
    -ms-transform:translate(0,-3px);
    transform:translate(0,-3px);
  }
}
.spinner {
  margin:150px auto;
  width:100px;
  text-align:center;
}
.spinner>div {
  width:16px;
  height:16px;
  background-color:#fff;
  border-radius:100%;
  display:inline-block;
  animation:sk-bouncedelay 1.7s infinite ease-in-out both;
  margin-right:5px;
}
.spinner--orange>div {
  background:#FF9A27;
}
.spinner--cyan>div {
  background:#3FCCA1;
}
.spinner--yellow>div {
  background:#F2D915;
}
.spinner .spinner__item1 {
  animation-delay:-0.60s;
}
.spinner .spinner__item2 {
  animation-delay:-0.40s;
}
.spinner .spinner__item3 {
  animation-delay:-0.20s;
}
@keyframes sk-bouncedelay {
  0%,80%,100% {
    transform:scale(0);
    opacity:0;
  }
  40% {
    transform:scale(1);
    opacity:1;
  }
}
@keyframes Open {
  from {
    height:0;
  }
  to {
    height:100%;
  }
}
@-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;
  }
}
.text_black {
  color:#000 !important;
}
.border_n {
  border:none !important;
}
.bg_n {
  background: none !important;
}
/*################ 헤더 ##################*/
.topWrap {
  min-width: 1920px;
  box-sizing: border-box;
}
.topWrap a {
}
.header {

}
.headerTop {
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  height:auto;
  background-color: #4D4E4E;
  padding:0 32px;
  height: 62px;
}
.hLeft {
  display:flex;
  column-gap:3rem;
}
.hLeft>a {
  display:flex;
  align-items:center;
}
.hLeft .logo {
  width:170px;
}
.hLeft ul {
  display:flex;
}
.hLeft li:not(:last-child) {
}
.hLeft ul li a {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 1.2rem;
  font-weight:600;
  color:var(--header-text-color);
  height:60px;
}
.hLeft ul li a:hover {
  color:#ffffff;
}
.hRight {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  font-weight:700;
  height: 90px;
}
.hRight li a {
  padding:0 1.2rem;
  color:var(--header-text-color);
}
.hRight li a span {
  color: var(--main-color);
}
.hRight li a:not(:last-child) {
  border-right: 1px solid;
}
.hRight li a:hover {
  color:#ffffff;
}
.hRight li img {
}
.hRight li:not(:last-child) {
  border-right:1px solid #555;
}
/*################ 네비게이션 ##################*/
.gnbWrap {
  padding-left:0.6rem;
  background:#1D212A;
}
.gnb {
  background-color:#1D212A;
}
.gnb li {
}
.gnb li:last-child {
  border:none;
}
.gnb li:hover {
  color:#fff;
}
.gnb li>a {
  display:flex;
  align-items:center;
  column-gap:1rem;
  padding:0.8rem 1rem;
}
.gnb li img {
  width:20px;
}
.sGnb {
  width:100%;
  z-index:2
}
.sGnb li {
  display:block;
  width:100%;
  height:30px
}
.sGnb li a {
  display:block;
  width:100%;
  height:100%;
}
.sGnb li a:hover {
  color:#fff;
}
.sGnb li:hover {
  background:#fd929f;
  color:#fff;
}
.overColor {
}
.gnb li:hover .overColor {
  opacity:1;
  color:#fff;
}
.gnb li:hover .sGnb {
  display: block;
}
/*################ 콘텐츠 & 공통영역 ##################*/
.content {
  width:100%;
}
.bgs {
  width:100%;
  min-width:1920px;
  position:absolute;
  top:130px;
  left:50%;
  margin-left:-960px;
  z-index:-1
}
.index {
  width:100%;
  min-width:1920px;
  position:relative;
  left:50%;
  transform:translatex(-50%)
}
.commonBg {
  display: grid;
  grid-template-columns: 284px 1fr 284px;
  grid-template-rows: 1fr;
  gap: 5px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  max-width: 1920px;
  min-width: 1920px;
  min-height: 100vh;
}
.firsth4 {
  display:flex;
  align-items:center;
  padding:0 1rem;
  height:44px;
  color: var(--header-text-color);
  font-weight:600;
  background: #18161C;
  border-bottom: 1px solid var(--border-color);
}
.firsth4 b {
  margin-right: 10px;
  color: var(--main-color);
}
.firsth4.mt-2 {
  margin-top: 2rem;
}
.baccarat_paper {
  margin-bottom: 5px;
}
.board {
  animation-delay:100ms;
  pointer-events:all;
  -webkit-animation-name:fadeIn;
  animation-name:fadeIn;
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  box-sizing: border-box;
  margin-top: 5px;
}
caption {
  font-weight:bold;
}
.pinkhead {
  background:rgba(254,112,211,0.7);
  border-top:1px solid #bfbfbf;
  border-bottom:1px solid #bfbfbf;
  font-size:12px;
}
.pinkhead tr {
  background:none;
}
.common,.common.caption {
  text-align:left;
  font-size:13px;
  height:35px;
  line-height:35px;
  text-indent:15px;
  margin-bottom:10px;
}
.tBg {
  width:100%;
  height:34px;
  background:url("../img2/ti_bg.jpg");
  background-size:100% 100%;
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
}
.sub_back {
}
tr {
}
td p {
  height:23px;
  line-height:23px;
}
.LHN {
  line-height:1.6em;
}
.LHN p {
  height:20px;
  line-height:20px;
}
.tab {
  width:1050px;
  border-top:1px solid #2d2d2d;
  border-bottom:1px solid #2d2d2d;
  height:32px;
  line-height:32px;
  background:rgba(33,33,33,0.7)
}
.tab li {
  float:left;
}
.tab li a {
  color:#bfbfbf;
  display:block;
  padding:0 16px;
  font-size:14px;
}
.tab li a.active,.tab li a:hover {
  background:var(--sub2);
  border-left:5px solid #00FF90;
  padding-left:11px;
}
.tab li a.active:before {
  content:"";
}
.tab:after {
  content:"";
  display:block;
  clear:both;
}
.freeboard {
  width:100%;
}
a.clear {
  display:inline-block;
  width:58px;
  height:30px;
  line-height:30px;
  background:var(--sub2);
  color:#fff;
}
a.clear:hover {
  background:#801462
}
.submitPoint {
  color:#fff;
  background:#801462;
  display:inline-block;
  width:84px;
  height:44px;
  line-height:44px;
  border:none;
  margin-top:10px;
}
tr.writeClk {
  text-align:right;
  height:50px;
  border-bottom:0;
}
.writeClk a {
  font-weight:bold;
}
.red {
  color:#f00
}
.lineHeight {
  line-height: 30px;
}
thead {
}
.dubble {
}
.dubble p {
}
/*공통 환전버튼*/
.mb_info {
  width:100%;
  margin:15px 0 15px;
;
  height:30px;
  line-height:30px;
}
p.left {
  width:50%;
  float:left;
  text-align:left;
  color:#00ff90
}
p.right {
  width:50%;
  float:right;
  text-align:right;
}
p.left label {
  text-indent:10px;
  display:inline-block;
  width:100px;
  color:#fff;
}
p.left input {
  color:#00ff90;
  border:none;
  background:none;
  text-align:right;
  height:30px;
  line-height:30px;
  vertical-align:middle;
}
p.right input {
  vertical-align:middle;
  margin-right:10px;
}
p.right label {
  display:inline-block;
  margin-right:20px;
}
.mb_info:after {
  content:"";
  display:block;
  clear:both;
}
.btnWrap {
  width:100%;
  text-align:left;
}
.price0 {
  width:936px;
  height:35px;
  line-height:35px;
  border:none;
  text-align:right;
  padding-right:15px;
  margin-left:12px;
}
.reset,.submit {
  width:121px;
  background:#8c8c8c;
  height:35px;
  line-height:35px;
  border:none;
  color:#fff;
  vertical-align:top;
  margin-left:12px;
  font-size:17px;
  font-weight:bold;
}
.pbWrap {
  width:100%;
  margin-top:10px;
}
.pbWrap ul {
  width:956px;
;
  float:left;
  margin-left:11px;
}
.pbWrap ul li {
  width:14%;
  margin-left:2px;
  margin-bottom:2px;
  float:left;
}
.pbWrap ul li input {
  width:100%;
  background:var(--sub2);
  color:#fff;
  height:33px;
  line-height:33px;
  border:1px solid #707070;
  box-sizing:border-box;
}
.pbWrap ul li input:hover {
  background:#801462;
}
.submit {
  background:#801462;
  float:left;
  height:67px;
  line-height:67px;
}
.pbWrap:after,.pbWrap ul:after {
  content:"";
  display:block;
  clear: both;
}
/*################ 크로스 ##################*/
.cross .board {
  display:grid;
  grid-template-columns:1fr;
  position:relative;
  margin-top: 5px;
}
.cross .tables {

}
.cross caption {
  display:none;
}
.cross thead {
  width:100%;
  text-align:left;
}
.cross .new {
  color:#00ff90;
  padding-left:15px;
}
.cross tbody tr {
}
.cross .green {
  color:#00ff90
}
.cross .grayBox {
  background:rgba(33,33,33,0.7);
  border:1px solid #2d2d2d;
  margin:3px;
  padding:0 15px;
  overflow:hidden;
  position:relative;
  cursor:pointer;
}
.cross .grayBox:hover {
  background:#333;
}
.cross .default {
  cursor:default
}
.cross .default:hover {
  background:rgba(33,33,33,0.7);
}
.cross .padding {
  padding:0 15px 0 37px;
}
.cross .dubbleLine {
  width:100%;
}
.cross .textright {
  text-align:right;
  display:block;
  float:right;
}
.cross .textLeft {
  text-align:left;
  display:block;
  float:left
}
.cross .dubbleLine:after,.grayBox:after {
  content:"";
  display:block;
  clear:both;
}
.border_radius_l {
  border-radius:5px 0 0 5px;
}
.border_radius_r {
  border-radius: 0 5px 5px 0;
}
/* 추가클래스 */
.cross th span {

}
.cross .ball {
  width:16px;
  display:inline-block;
}
.cross .flag {
  width:25px;
  display:inline-block;
  padding-left:0;
}
.cross .ball img,.flag img {
  width:100%;
}
.cross .marginAuto {
  position:absolute;
  top:0;
  left:50%;
  margin-left:-7px;
}
.cross .yellow {
  color:#ffd201
}
.cross .grayBox.pink {
  background:#c0599c
}
.cross .grayBox.purple {
  background:#720e54
}
.cross .board:after {
  content:"";
  display:block;
  clear: both;
}
/*###########배팅영역###########*/
.cross .btnWrap {
  width:280px;
  position:absolute;
  top:259px;
  right:0;
  background:rgba(33,33,33,0.7);
  /*border:1px solid #2d2d2d;*/
}
.cross .battingForm {
  width:250px;
  padding:5px 15px;
}
.cross .btnTop {
  width:100%;
  height:69px;
  border-bottom:1px solid #2d2d2d;
  overflow:hidden;
}
.cross a.cartMove {
  display:block;
  float:left;
  color:#fff;
  background:#656565;
  padding:0px 5px;
}
.cross .clear {
  display: flex;
  border: 1px solid #8E2FCB;
  background: none;
  padding: 0 5px;
  cursor: pointer;
  height: 32px;
  width: 32px;
  align-items: center;
  justify-content: center;
}
.cross .btnTop h4 {
  clear:both;
  width:100%;
  text-align:center;
  font-size:20px;
  margin-bottom:0;
}
.cross .btnBottom {
  margin-top:14px;
}
.cross .btnBottom p {
  width:100%;
  margin:5px 0;
}
.cross .btnBottom p label {
  display:inline-block;
  width:100px;
  text-align:left;
  float:left;
}
.cross .btnBottom p input {
  width:100px;
  text-align:right;
  float:right;
}
.cross .btnBottom p input.all,.btnBottom p input.prize {
  border:none;
  background:none;
  color:#00FF90
}
.cross .btnBottom p:after {
  content:"";
  display:block;
  clear:both;
}
.cross .price {
  width:100%;
}
.cross .priceUl {
  width:100%;
}
.cross .priceUl li {
  width:32%;
  float:left;
  margin-left:1%;
  margin-bottom:1%;
}
.cross .priceUl li input {
  width:100%;
  background:#656565;
  border:none;
  padding:5px;
  height:29px;
  color:#fff;
  cursor:pointer;
  border:1px solid #707070;
  font-size:12px;
}
.cross .priceUl li input:hover {
  background:#801462;
}
.cross .priceUl li input.purple {
  background:#720e54
}
.cross .priceUl li input.pink {
  background:#c0599c
}
.cross input.btnSubmit {
  background:#720e54;
  width:100%;
  height:40px;
  line-height:40px;
  color:#fff;
  border:none;
  margin-top:15px;
  cursor:pointer;
  font-size:15px;
}
.cross .priceUl:after {
  content:"";
  display:block;
  clear: both;
}
/*################ 크로스 끝 ##################*/
.min-box {
  position:absolute;
  top:35px;
  left:15px;
  z-index:1;
}
.min-box li {
  display:inline-table;
}
.min-box li>a>img {
  width:100%;
}
.league-box {
  display:inline-table;
  width:100%;
  margin: 5px 0;
  background: #18161C;
}
.league-box.t2 li {
  display:table-cell;
  width:50%;
}
.league-box.t3 li {
  display:table-cell;
  width:25%;
}
.league-box li {

}
.league-box li:not(:last-child) {
  border-right: 1px solid var(--border-color);
}
.league-box li.on {
  background:var(--main-color);
  box-shadow: inset 0 1px 0 0 #cb7dff;
}
.league-box li.on a {
  color:var(--table-th-text-color) !important;
}
.league-box li a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-sub-color);
  height: 40px;
}
.league-box li a:hover {
  color: var(--text-color);
}
/*	************************************************************************	통계 테이블	************************************************************************	*/
ul.Tab {
  height:40px;
  overflow:hidden;
  margin: 5px 0;
}
.Tab.tab2 li {
  display:table-cell;
}
.Tab.tab2 li span {
  display:block;
}
.Tab.tab2 li span a {
  display:flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding:0 1.5rem;
  color:var(--text-sub-color);
}
.Tab.tab2 li span a:hover {
  color:var(--text-color);
}
.Tab.tab2 li.on {
  background:transparent;
}
.Tab.tab2 li.on span {
  display:block;
  background: var(--main-color);
  box-shadow: inset 0 1px 0 0 #cb7dff;
}
.Tab.tab2 li.on span a {
  color:var(--text-color);
}
.baccarat_paper table {

}
.baccarat_paper th,.baccarat_paper td {
  padding:4px;
}
.baccarat_paper th {
  line-height:2.2;
  color:var(--text-color);
  background:#393A3A;
}
.baccarat_paper td {
  text-align:center;
  height:30px;
  border: 1px solid var(--border-color);
  background: #18161C;
}
.baccarat_paper td span {
  display:inline-block;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  color:#fff;
}
.baccarat_paper td span.응,.baccarat_paper td span.홀,.baccarat_paper td span.좌,.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.언더,.baccarat_paper td span.하이,.baccarat_paper td span.블루,.baccarat_paper td span.N,.baccarat_paper td span.중 {
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient( #047FFF 58%, #25A5FF 50% );
  border-radius:50%;
}
.baccarat_paper td span.B {
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient( #14181E 58%, #35363b 50% );
  border-radius:50%;
  font-weight:600;
  border:1px solid rgba(255,255,255,0.1);
}
.baccarat_paper td span.P {
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient( #EB6A71 58%, #ff8a90 50% );
  border-radius:50%;
  font-weight:600;
}
.baccarat_paper td span.가,.baccarat_paper td span.짝,.baccarat_paper td span.우,.baccarat_paper td span.사,.baccarat_paper td span.하,.baccarat_paper td span.노골,.baccarat_paper td span.Q,.baccarat_paper td span.오버,.baccarat_paper td span.로우,.baccarat_paper td span.레드,.baccarat_paper td span.R,.baccarat_paper td span.대 {
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient( #F73114 58%, #FF7057 50% );
  border-radius:50%;
}
.baccarat_paper td span.W {
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient( #e1e1e1 58%, #e9e9e9 50% );
  border:1px solid rgba(255,255,255,0.1);
  border-radius:50%;
  color:#212833;
  font-weight:600;
}
.baccarat_paper td span.똥,.baccarat_paper td span.무효,.baccarat_paper td span.적특,.baccarat_paper td span.타이,.baccarat_paper td span.T,.baccarat_paper td span.세븐,.baccarat_paper td span.소 {
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient( #63a35a 58%, #66D168 50% );
  border-radius:50%;
}
.horse-01 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_01.png") no-repeat;
}

.horse-02 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_02.png") no-repeat;
}

.horse-03 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_03.png") no-repeat;
}

.horse-04 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_04.png") no-repeat;
}

.horse-05 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_05.png") no-repeat;
}

.horse-06 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_06.png") no-repeat;
}

.horse-07 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_07.png") no-repeat;
}

.horse-08 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_08.png") no-repeat;
}

.horse-09 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_09.png") no-repeat;
}

.horse-10 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_10.png") no-repeat;
}

.horse-11 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_11.png") no-repeat;
}

.horse-12 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_12.png") no-repeat;
}

.horse-13 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_13.png") no-repeat;
}

.horse-14 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_14.png") no-repeat;
}

.horse-15 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_15.png") no-repeat;
}

.horse-16 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_16.png") no-repeat;
}

.horse-17 {
  margin: 5px 10px;
  float: left;
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_17.png") no-repeat;
}

.horse-18 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_18.png") no-repeat;
}

.horse-19 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_19.png") no-repeat;
}

.horse-20 {
  display: inline-block;
  width: 45px;
  height: 34px;
  background: url("../images/bet365/SilkSmall_20.png") no-repeat;
}
.dog-01, .dog-02, .dog-03, .dog-04, .dog-05, .dog-06, .dog-07, .dog-08 {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../images/bet365/HiResGreyhoundsV2.png") no-repeat;
}

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

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

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

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

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

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

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

.eventBox dd table tr td .pick.first {
  display:block;
}
.eventBox dd table tr td .odds.first {
  display:block;
}
.main-popup {
  display:block;
  height:100%;
  width:100%;
  margin:auto;
}
.casino-window {
  display: block;
}
.popup-window {
}
/* 슬롯 */
.slot_wrapper {
  width:100%;
  height:auto;
  display:inline-block;
  animation-delay:100ms;
  pointer-events:all;
  -webkit-animation-name:fadeIn;
  animation-name:fadeIn;
  -webkit-animation-duration:2s;
  animation-duration:2s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
}
.solt_start {
  width:80px;
  height:33px;
  font-weight:600;
  font-size:12px !important;
  background: #8E30CB;
  color: var(--main-btn-text-color);
  box-shadow: inset 0 1px 0 0 #cb7dff;
}
.solt_start:hover {
  background: #A459D6;
}
.slot_demo {
  width:80px;
  height:33px;
  color:#fff;
  font-size:12px !important;
  background: #696D71;
  box-shadow: inset 0 1px 0 0 #cacbca;
}
.slot_demo:hover {
  background:#959696;
  color:#fff;
}
.slot_buttom_margin {
}
.slot_buttom_margin span {
  display: block
}
/* mg */
.img-crystal {
  background-image:url("/images/Microgame/CrystalRift/CrystalRift_Button.png");
  background-position:-4px 0;
}
.img-Reel {
  background-image:url("/images/Microgame/CrystalRift/ReelTalent_Symbol_Logo.png");
}
.img-luchaLegends {
  background-image:url("/images/Microgame/CrystalRift/LuchaLegends_Button.png");
  background-position:-5px 0;
}
.img-luchaLegends:hover {
  background-position:141px 0;
}
.img-romanovRiches {
  background-image:url("/images/Microgame/CrystalRift/RomanovRiches_BTN_Rollover_ZH.png");
  background-position:0 0;
}
.img-romanovRiches:hover {
  background-position:144px 0;
}
.img-cashOfKingdoms {
  background-image:url("/images/Microgame/CrystalRift/CashOfKingdoms_Rollover_button_ZH.png");
  background-position:0 0;
}
.img-cashOfKingdoms:hover {
  background-position:144px 0;
}
.img-wickedTalesDark {
  background-image:url("/images/Microgame/CrystalRift/WickedTalesDarkRed_Button_Square.png");
}
.img-wickedTalesDark:hover {
  background-image:url("/images/Microgame/CrystalRift/WickedTalesDarkRed_StackedLogo_GraphicBackground_ZH-CN.png");
}
.img-dolphinCoast {
  background-image:url("/images/Microgame/CrystalRift/DolphinCoast_Button_Square_ZH.png");
}
.img-badmintonHero {
  background-image:url("/images/Microgame/CrystalRift/BadmintonHero_Button_Logo_Bkg_ZH.png");
}
.img-exoticCats {
  background-image:url("/images/Microgame/CrystalRift/ExoticCats_Button_Logo_ZH.png");
}
.img-cashoccino {
  background-image:url("/images/Microgame/CrystalRift/Cashoccino_Button_Normal_ZH.png");
}
.img-robinOfSherwoodOnlineSlot {
  background-image:url("/images/Microgame/CrystalRift/RobinofSherwood_Button_Glow_01.png");
  background-position:136px 0;
}
.img-robinOfSherwoodOnlineSlot:hover {
  background-position:0 0;
}
.img-fortunium {
  background-image:url("/images/Microgame/CrystalRift/Fortunium_BTN_Rollover_ZH.png");
  background-position:142px 0;
}
.img-fortunium:hover {
  background-position:-4px 0;
}
.img-wildScarabs {
  background-image:url("/images/Microgame/CrystalRift/WildScarabs_Button_Logo_en.png");
  background-position:0 0;
}
.img-wildScarabs:hover {
  background-position:137px 0;
}
.img-pokeTheGuy {
  background-image:url("/images/Microgame/CrystalRift/PokeTheGuy_StackedLogo_PlainBackground.png");
}
.img-dreamDate {
  background-image:url("/images/Microgame/CrystalRift/DreamDate_Button.png");
  background-position:-4px 0;
}
.img-dreamDate:hover {
  background-position:141px 0
}
.img-playboyGold {
  background-image:url("/images/Microgame/CrystalRift/PlayboyGold_StackedLogo_GraphicBackground_ZH-CN.png");
}
.img-gemsOdyssey {
  background-image:url("/images/Microgame/CrystalRift/Gems_Odyssey_symbol8_Jackpot.jpg");
}
.img-luckyLittleGods {
  background-image:url("/images/Microgame/CrystalRift/LuckyLittleGods_250x250_ZH.jpg");
}
.img-megaMoneyRush {
  background-image:url("/images/Microgame/CrystalRift/MegaMoneyRush_Logo_NoBackground.jpg");
}
.img-breakAwayDeluxe {
  background-image:url("/images/Microgame/CrystalRift/BreakAwayDeluxe.png");
  background-position:-10px 0;
}
.img-breakAwayDeluxe:hover {
  background-position:136px 0
}
.img-bookOfOz {
  background-image:url("/images/Microgame/CrystalRift/BookOfOz.png");
  background-position:-4px 0;
}
.img-bookOfOz:hover {
  background-position:142px 0
}
.img-showdownSaloon {
  background-image:url("/images/Microgame/CrystalRift/ShowdownSaloon.png");
  background-position:-3px -3px;
}
.img-showdownSaloon:hover {
  background-position:139px -3px
}
.img-ourDays {
  background-image:url("/images/Microgame/CrystalRift/OurDays.png");
  background-position:-4px 0;
}
.img-ourDays:hover {
  background-position:140px 0
}
.img-luckyFirecracker {
  background-image:url("/images/Microgame/CrystalRift/LuckyFirecracker.png");
  background-position:-4px 0;
}
.img-luckyFirecracker:hover {
  background-position:140px 0
}
.img-happyMonsterClaw {
  background-image:url("/images/Microgame/CrystalRift/HappyMonsterClaw.png");
  background-position:0 0;
}
.img-happyMonsterClaw:hover {
  background-position:136px 0
}
.img-shogunofTime {
  background-image:url("/images/Microgame/CrystalRift/ShogunOfTime.png");
  background-position:-4px 0;
}
.img-shogunofTime:hover {
  background-position:141px 0
}
.img-theGreatAlbini {
  background-image:url("/images/Microgame/CrystalRift/TheGreatAlbini.png");
  background-position:-4px 0;
}
.img-theGreatAlbini:hover {
  background-position:140px 0
}
.img-zombieHoard {
  background-image:url("/images/Microgame/CrystalRift/ZombieHoard_Button_Rollover.png");
  background-position:-5px 0;
}
.img-zombieHoard:hover {
  background-position:144px 0
}
.img-legendKeno {
  background-image:url("/images/Microgame/CrystalRift/LegendKeno_StackedLogo.png");
  background-position:0 0;
}
.img-agentjaneblondereturns {
  background-image:url("/images/Microgame/CrystalRift/AJBR_BTN_Rollover.png");
  background-position:-5px 0;
}
.img-agentjaneblondereturns:hover {
  background-position:139px 0
}
.img-bookieOfOdds {
  background-image:url("/images/Microgame/CrystalRift/BookieOfOdds_BTN_Rollover.png");
  background-position:-5px 0;
}
.img-bookieOfOdds:hover {
  background-position:139px 0
}
.img-villagePeople {
  background-image:url("/images/Microgame/CrystalRift/VillagePeople.jpg");
}
.img-dragonShard {
  background-image:url("/images/Microgame/CrystalRift/DragonShard.png");
  background-position:-5px 0;
}
.img-dragonShard:hover {
  background-position:141px 0
}
.img-BasketballStar {
  background-image:url("/images/Microgame/CrystalRift/BasketballStar.png");
  background-position:-5px 0;
}
.img-BasketballStar:hover {
  background-position:141px 0
}
.img-ancientFortunesZeus {
  background-image:url("/images/Microgame/CrystalRift/AncientFortunesZeus.png");
  background-position:0 0;
}
.img-relicSeekers {
  background-image:url("/images/Microgame/CrystalRift/RelicSeekers.png");
  background-position:-5px 0;
}
.img-relicSeekers:hover {
  background-position:141px 0
}
.img-laraCroftTemplesAndTombs {
  background-image:url("/images/Microgame/CrystalRift/LaraCroftTemplesAndTombs.png");
  background-position:-4px 0;
}
.img-laraCroftTemplesAndTombs:hover {
  background-position:138px 0
}
.img-silverLioness4x {
  background-image:url("/images/Microgame/CrystalRift/SilverLioness4x.png");
  background-position:-4px 0;
}
.img-silverLioness4x:hover {
  background-position:141px 0
}
.img-treasuresOfLionCity {
  background-image:url("/images/Microgame/CrystalRift/TreasuresOfLionCity.png");
  background-position:-2px 0;
}
.img-treasuresOfLionCity:hover {
  background-position:144px 0;
}
.img-queenOfTheCrystalRays {
  background-image:url("/images/Microgame/CrystalRift/QueenOfTheCrystalRays.png");
  background-position:-5px 0;
}
.img-queenOfTheCrystalRays:hover {
  background-position:141px 0
}
.img-tikiVikings {
  background-image:url("/images/Microgame/CrystalRift/TikiVikings.png");
  background-position:-4px 0;
}
.img-tikiVikings:hover {
  background-position:141px 0
}
.img-magicOfSahara {
  background-image:url("/images/Microgame/CrystalRift/MagicOfSahara_en.png");
  background-position:-5px 0;
}
.img-magicOfSahara:hover {
  background-position:141px 0
}
.img-sherlockOfLondonOnlineSlot {
  background-image:url("/images/Microgame/CrystalRift/sherlockOfLondonOnlineSlot.png");
  background-position:0 0;
}
.img-LegendOftheMoonLovers {
  background-image:url("/images/Microgame/CrystalRift/Legend_of_Moon_Lover_lobbyicon_en.png");
  background-position:0 0;
}
.img-LegendOftheMoonLovers:hover {
  background-position:145px 0;
}
.img-bananaOdyssey {
  background-image:url("/images/Microgame/CrystalRift/newgame_lobbyicon_en.png");
  background-position:-4px 0;
}
.img-bananaOdyssey:hover {
  background-position:141px 0
}
.img-breakDaBankAgainRespin {
  background-image:url("/images/Microgame/CrystalRift/Break_Da_Bank_Again_Respin_lobbyicon_zh_en.png");
  background-position:-2px 0;
}
.img-breakDaBankAgainRespin:hover {
  background-position:140px 0
}
.img-RabbitInTheHat {
  background-image:url("/images/Microgame/CrystalRift/Rabbit_in_the_Hat_lobbyicon_en.png");
  background-position:-4px 0;
}
.img-RabbitInTheHat:hover {
  background-position:141px 0
}
.img-petsGoWildDesktop {
  background-image:url("/images/Microgame/CrystalRift/Pets_Go_Wild_lobbyicon_en.png");
  background-position:-5px 0;
}
.img-petsGoWildDesktop:hover {
  background-position:142px 0
}
.img-auroraWilds {
  background-image:url("/images/Microgame/CrystalRift/mg_Aurora_Wilds_lobbyicon_en.png");
  background-position:0 0;
}
.img-auroraWilds:hover {
  background-position:144px 0;
}
.img-bookOfOzLockNSpin {
  background-image:url("/images/Microgame/CrystalRift/Book_of_Oz_Lock_N_Spin_lobbyicon_en.png");
  background-position:-4px 0;
}
.img-bookOfOzLockNSpin:hover {
  background-position:144px 0
}
.img-playboyGoldJackpots {
  background-image:url("/images/Microgame/CrystalRift/Playboy_Gold_Jackpot_lobbyicon_en.png");
  background-position:-2px 0;
}
.img-playboyGoldJackpots:hover {
  background-position:139px 0
}
.img-maxDamageArcade {
  background-image:url("/images/Microgame/CrystalRift/MaxDamage_BTN_Rollover.png");
  background-position:-4px 0;
}
.img-maxDamageArcade:hover {
  background-position:140px 0
}
.img-jungleJim {
  background-image:url("/images/Microgame/CrystalRift/mg_Jungle_Jim_and_The_Lost_Sphinx_lobbyicon_en.png");
  background-position:-2px 0;
}
.img-jungleJim:hover {
  background-position:143px 0
}
.img-luckyBachelors {
  background-image:url("/images/Microgame/CrystalRift/mg_Lucky_Bachelors_lobbyicon_zh_cn.png");
  background-position:0 0;
}
.img-luckyBachelors:hover {
  background-position:145px 0
}
.img-luckyTwinsJackpot {
  background-image:url("/images/Microgame/CrystalRift/LuckyTwinsJackpot_Icon_Rollover_EN.png");
  background-position:-4px 0;
}
.img-luckyTwinsJackpot:hover {
  background-position:142px 0
}
.img-pingPongStar {
  background-image:url("/images/Microgame/CrystalRift/PingPongStar_BTN_Rollover_EN.png");
  background-position:0 0;
}
.img-pingPongStar:hover {
  background-position:145px 0
}
.img-treasureDash {
  background-image:url("/images/Microgame/CrystalRift/TreasureDash_Icon_Rollover_EN.png");
  background-position:-4px 0;
}
.img-treasureDash:hover {
  background-position:140px 0
}
.img-maskoffire {
  background-image:url("/images/Microgame/CrystalRift/Masks_of_Fire_icon_en.png");
  background-position:-3px 0;
}
.img-maskoffire:hover {
  background-position:140px 0
}
.img-longmufortunes {
  background-image:url("/images/Microgame/CrystalRift/Long_Mu_Fortunes_icon_en.png");
  background-position:-4px 0;
}
.img-longmufortunes:hover {
  background-position:139px 0
}
.img-AlchemyBlast {
  background-image:url("/images/Microgame/CrystalRift/AlchemyBlast_icon_en.png");
  background-position:0 0;
}
.img-AlchemyBlast:hover {
  background-position:145.5px 0
}
.img-IncanAdventure {
  background-image:url("/images/Microgame/CrystalRift/IncanAdventure_icon_en.png");
  background-position:0 0;
}
.img-IncanAdventure:hover {
  background-position:146px 0
}
.img-BoatofFortune {
  background-image:url("/images/Microgame/CrystalRift/BoatofFortune_icon_en.png");
  background-position:-5px 0;
}
.img-BoatofFortune:hover {
  background-position:141px 0
}
.img-LadiesNite2TurnWild {
  background-image:url("/images/Microgame/CrystalRift/LadiesNite2TurnWild_icon_en.png");
  background-position:-3px 0;
}
.img-LadiesNite2TurnWild:hover {
  background-position:142px 0
}
.img-FootballStarDeluxe {
  background-image:url("/images/Microgame/CrystalRift/FootballStarDeluxe_icon_en.png");
  background-position:-1px 0;
}
.img-FootballStarDeluxe:hover {
  background-position:144px 0
}
.img-TheIncredibleBalloonMachine {
  background-image:url("/images/Microgame/CrystalRift/TheIncredibleBalloonMachine_icon_en.png");
  background-position:0 0;
}
.img-TheIncredibleBalloonMachine:hover {
  background-position:144px 0
}
.img-RugbyStarDeluxe {
  background-image:url("/images/Microgame/CrystalRift/RugbyStarDeluxe_icon_en.png");
  background-position:0 0;
}
.img-RugbyStarDeluxe:hover {
  background-position:146px 0
}
.img-ADarkMatter {
  background-image:url("/images/Microgame/CrystalRift/ADarkMatter_icon_en.png");
  background-position:-5px 0;
}
.img-ADarkMatter:hover {
  background-position: 142px 0
}
/*2020.07 new slot*/
.img-9potsOfGold {
  background-image:url("/images/Microgame/CrystalRift/Pots_of_Gold_icon_en.png");
  background-position:3px 0;
}
.img-9potsOfGold:hover {
  background-position:147px 0
}
.img-ageOfConquest {
  background-image:url("/images/Microgame/CrystalRift/Age_of_Conquest_icon_en.png");
  background-position:-5px 0;
}
.img-ageOfConquest:hover {
  background-position:138px 0
}
.img-luckyRichesHyperspins {
  background-image:url("/images/Microgame/CrystalRift/Lucky_Riches_Hyperspins_icon_en.png");
  background-position:-5px 0;
}
.img-luckyRichesHyperspins:hover {
  background-position: 140px 0
}
/*2020.08 new slot*/
.img-BoomPrivates {
  background-image:url("/images/Microgame/CrystalRift/Boom_Privates_icon_en.png");
  background-position:0 0;
}
.img-BoomPrivates:hover {
  background-position:142px 0
}
.img-GalaxyGlider {
  background-image:url("/images/Microgame/CrystalRift/Galaxy_Glider_icon_en.png");
  background-position:0 0;
}
.img-GalaxyGlider:hover {
  background-position:142px 0
}
.img-MonsterBlast {
  background-image:url("/images/Microgame/CrystalRift/Monster_Blast_icon_en.png");
  background-position:0 0;
}
.img-MonsterBlast:hover {
  background-position:140px 0
}
.img-WildCatch {
  background-image:url("/images/Microgame/CrystalRift/Wild_Catch_icon_en.png");
  background-position:-2px 0;
}
.img-WildCatch:hover {
  background-position: 140px 0
}
/*2020.09 new slot*/
.img-AlchemistStone {
  background-image:url("/images/Microgame/CrystalRift/Alchemist_Stone_icon_en.png");
  background-position:-2px -3px;
}
.img-AlchemistStone:hover {
  background-position:141px -3px
}
.img-SistersofOz {
  background-image:url("/images/Microgame/CrystalRift/Sisters_of_Oz_Jackpot_icon_en.png");
  background-position:-4px 0;
}
.img-SistersofOz:hover {
  background-position: 138px 0
}
/*2020.10 new slot*/
.img-TheGoldSwallow {
  background-image:url("/images/Microgame/CrystalRift/TheGoldSwallow_BTN_Rollover.png");
  background-position:-5px 0;
}
.img-TheGoldSwallow:hover {
  background-position:141px 0
}
.img-HiddenPalaceTreasures {
  background-image:url("/images/Microgame/CrystalRift/Hidden_Palace_Treasures_lobbyicon_en.png");
  background-position:-3px 0;
}
.img-HiddenPalaceTreasures:hover {
  background-position:141px 0
}
.img-TheGoldenMaskDance {
  background-image:url("/images/Microgame/CrystalRift/TheGoldenMaskDance_icon_en.png");
  background-position:0 0;
}
.img-TheGoldenMaskDance:hover {
  background-position: 139px 0
}
/*2020.12 new slot*/
.img-777_Royal_Wheel {
  background-image:url("/images/Microgame/CrystalRift/777_Royal_Wheel.png");
  background-position:-4px 0;
}
.img-777_Royal_Wheel:hover {
  background-position:142px 0
}
.img-A_Tale_of_Elves {
  background-image:url("/images/Microgame/CrystalRift/A_Tale_of_Elves.png");
  background-position:-2px 0;
}
.img-A_Tale_of_Elves:hover {
  background-position:138px 0
}
.img-Alchemy_Fortunes {
  background-image:url("/images/Microgame/CrystalRift/Alchemy_Fortunes.png");
  background-position:-2px -3px;
}
.img-Alchemy_Fortunes:hover {
  background-position:136px -3px
}
.img-Diamond_King_Jackpots {
  background-image:url("/images/Microgame/CrystalRift/Diamond_King_Jackpots.png");
  background-position:-4px -2px;
}
.img-Diamond_King_Jackpots:hover {
  background-position:135px -2px
}
.img-Goldaur_Guardians {
  background-image:url("/images/Microgame/CrystalRift/Goldaur_Guardians.png");
  background-position:-3px -2px;
}
.img-Goldaur_Guardians:hover {
  background-position:138px -2px
}
.img-Neptunes_Riches_Ocean_of_Wilds {
  background-image:url("/images/Microgame/CrystalRift/Neptunes_Riches_Ocean_of_Wilds.png");
  background-position:-2px 0;
}
.img-Neptunes_Riches_Ocean_of_Wilds:hover {
  background-position:139px -2px
}
.img-Tiki_Reward {
  background-image:url("/images/Microgame/CrystalRift/Tiki_Reward.png");
  background-position:-2px 0;
}
.img-Tiki_Reward:hover {
  background-position: 138px -1px
}
/*2021.01 new slot*/
.img-Assassin_Moon {
  background-image:url("/images/Microgame/CrystalRift/Assassin_Moon_icon_en.png");
  background-position:-9px 0;
}
.img-Assassin_Moon:hover {
  background-position:144px 0
}
.img-Augustus {
  background-image:url("/images/Microgame/CrystalRift/Augustus_icon_en.png");
  background-position:-9px 0;
}
.img-Augustus:hover {
  background-position:141px 0
}
.img-Break_Away_Ultra {
  background-image:url("/images/Microgame/CrystalRift/Break_Away_Ultra_icon_en.png");
  background-position:-7px 0;
}
.img-Break_Away_Ultra:hover {
  background-position:138px 0
}
.img-Emperor_of_the_Sea_Deluxe {
  background-image:url("/images/Microgame/CrystalRift/Emperor_of_the_Sea_Deluxe_icon_en.png");
  background-position:-6px 0;
}
.img-Emperor_of_the_Sea_Deluxe:hover {
  background-position:144px 0
}
.img-Gems_and_Dragons {
  background-image:url("/images/Microgame/CrystalRift/Gems_and_Dragons_icon_en.png");
  background-position:-5px 0;
}
.img-Gems_and_Dragons:hover {
  background-position:144px 0
}
.img-smg_ingotsofcaishen {
  background-image:url("/images/Microgame/CrystalRift/smg_ingotsofcaishen_icon_rollover_en.png");
  background-position:-9px 0;
}
.img-smg_ingotsofcaishen:hover {
  background-position:141px 0
}
.img-Shamrock_Holmes_Megaways {
  background-image:url("/images/Microgame/CrystalRift/Shamrock_Holmes_Megaways_icon_en.png");
  background-position:-3px 0;
}
.img-Shamrock_Holmes_Megaways:hover {
  background-position:145px 0
}
.img-Silverback_Multiplier {
  background-image:url("/images/Microgame/CrystalRift/Silverback_Multiplier_icon_en.png");
  background-position:-10px 0;
}
.img-Silverback_Multiplier:hover {
  background-position: 144px 0
}
/*2021.03 new slot*/
.img-777megadeluxe {
  background-image:url("/images/Microgame/CrystalRift/777megadeluxe.png");
  background-position:-9px 0;
}
.img-777megadeluxe:hover {
  background-position:144px 0
}
.img-adventuresofdoubloonisland {
  background-image:url("/images/Microgame/CrystalRift/adventuresofdoubloonisland.png");
  background-position:-9px 0;
}
.img-adventuresofdoubloonisland:hover {
  background-position:146px 0
}
.img-carnavaljackpot {
  background-image:url("/images/Microgame/CrystalRift/carnavaljackpot.png");
  background-position:-5px 0;
}
.img-carnavaljackpot:hover {
  background-position:140px 0
}
.img-chicagogold {
  background-image:url("/images/Microgame/CrystalRift/chicagogold.png");
  background-position:-6px 0;
}
.img-chicagogold:hover {
  background-position:141px 0
}
.img-flowerfortunes {
  background-image:url("/images/Microgame/CrystalRift/flowerfortunes.png");
  background-position:-5px 0;
}
.img-flowerfortunes:hover {
  background-position:142px 0
}
.img-forgottenisland {
  background-image:url("/images/Microgame/CrystalRift/forgottenisland.png");
  background-position:-5px 0;
}
.img-forgottenisland:hover {
  background-position:139px 0
}
.img-goldenstallion {
  background-image:url("/images/Microgame/CrystalRift/goldenstallion.png");
  background-position:-6px 0;
}
.img-goldenstallion:hover {
  background-position: 144px 0
}
/*2021.04 new slot*/
.img-8goldenskullsofthehollyroger {
  background-image:url("/images/Microgame/CrystalRift/8goldenskullsofthehollyroger.png")
}
.img-8goldenskullsofthehollyroger:hover {
  background-position:140px 0
}
.img-amazinglinkzeus {
  background-image:url("/images/Microgame/CrystalRift/amazinglinkzeus.png")
}
.img-amazinglinkzeus:hover {
  background-position:140px 0
}
.img-fireforge {
  background-image:url("/images/Microgame/CrystalRift/fireforge.png");
  background-position:-3px -1px;
}
.img-fireforge:hover {
  background-position:140px 0
}
.img-goldcollector {
  background-image:url("/images/Microgame/CrystalRift/goldcollector.png")
}
.img-goldcollector:hover {
  background-position:140px 0
}
.img-hyperstrike {
  background-image:url("/images/Microgame/CrystalRift/hyperstrike.png")
}
.img-hyperstrike:hover {
  background-position:140px 0
}
.img-mauimischief {
  background-image:url("/images/Microgame/CrystalRift/mauimischief.png");
  background-position:-4px 0;
}
.img-mauimischief:hover {
  background-position:136px 0
}
.img-onihunter {
  background-image:url("/images/Microgame/CrystalRift/onihunter.png");
  background-position:-10px 0;
}
.img-onihunter:hover {
  background-position:147px 0
}
.img-solarwilds {
  background-image:url("/images/Microgame/CrystalRift/solarwilds.png");
  background-position:-9px 0;
}
.img-solarwilds:hover {
  background-position: 144px 7px
}
/*2021.05 new slot*/
.img-9blazingdiamonds {
  background-image:url("/images/Microgame/CrystalRift/9blazingdiamonds.png")
}
.img-9blazingdiamonds:hover {
  background-position:144px 0
}
.img-bookofkingarthur {
  background-image:url("/images/Microgame/CrystalRift/bookofkingarthur.png");
  background-position:-3px 0;
}
.img-bookofkingarthur:hover {
  background-position:140px 0
}
.img-egyptiantombs {
  background-image:url("/images/Microgame/CrystalRift/egyptiantombs.png");
  background-position:-5px 0;
}
.img-egyptiantombs:hover {
  background-position:142px 0
}
.img-emeraldgold {
  background-image:url("/images/Microgame/CrystalRift/emeraldgold.png");
  background-position:-6px 0;
}
.img-emeraldgold:hover {
  background-position:138px 0
}
.img-serengetigold {
  background-image:url("/images/Microgame/CrystalRift/serengetigold.png");
  background-position:-5px 0;
}
.img-serengetigold:hover {
  background-position: 142px 0
}
/*2021.06 new slot*/
.img-10000wishes {
  background-image:url("/images/Microgame/CrystalRift/10000wishes.png");
  background-position:-3px 0;
}
.img-10000wishes:hover {
  background-position:144px 0
}
.img-10playowerpokeracesfaces {
  background-image:url("/images/Microgame/CrystalRift/10playowerpokeracesfaces.jpg")
}
.img-acesfacespowerpoker {
  background-image:url("/images/Microgame/CrystalRift/acesfacespowerpoker.jpg")
}
.img-ancientfortunesposeidonmegaways {
  background-image:url("/images/Microgame/CrystalRift/ancientfortunesposeidonmegaways.png");
  background-position:-6px 0;
}
.img-ancientfortunesposeidonmegaways:hover {
  background-position:141px 0
}
.img-queenofalexandria {
  background-image:url("/images/Microgame/CrystalRift/queenofalexandria.png");
  background-position:-5px 0;
}
.img-queenofalexandria:hover {
  background-position: 142px 0
}
/*2021.07 new slot*/
.img-atlantisrising {
  background-image:url("/images/Microgame/CrystalRift/atlantisrising.png")
}
.img-atlantisrising:hover {
  background-position:144px 0
}
.img-blazingmammoth {
  background-image:url("/images/Microgame/CrystalRift/blazingmammoth.png")
}
.img-blazingmammoth:hover {
  background-position:146px 0
}
.img-divinediamonds {
  background-image:url("/images/Microgame/CrystalRift/divinediamonds.png")
}
.img-divinediamonds:hover {
  background-position:140px 0
}
.img-DoubleDoubleBonus_10Play {
  background-image:url("/images/Microgame/CrystalRift/DoubleDoubleBonus_10Play.png")
}
.img-DblDblBonusPowerPoker {
  background-image:url("/images/Microgame/CrystalRift/DblDblBonusPowerPoker.png")
}
.img-joyfuljokermegaways {
  background-image:url("/images/Microgame/CrystalRift/joyfuljokermegaways.png")
}
.img-joyfuljokermegaways:hover {
  background-position:139px 0
}
.img-odinsriches {
  background-image:url("/images/Microgame/CrystalRift/odinsriches.png")
}
.img-odinsriches:hover {
  background-position:144px 0
}
.img-onihunterplus {
  background-image:url("/images/Microgame/CrystalRift/onihunterplus.png")
}
.img-onihunterplus:hover {
  background-position:144px 0
}
.img-silverseas {
  background-image:url("/images/Microgame/CrystalRift/silverseas.png");
}
.img-silverseas:hover {
  background-position:141px -1px
}
/*2021.08 new slot*/
.img-thunderstruckwildlightning{background-image: url("/images/Microgame/CrystalRift/thunderstruckwildlightning.png");}
.img-legacyofoz{background-image: url("/images/Microgame/CrystalRift/legacyofoz.png");}
.img-hypergold{background-image: url("/images/Microgame/CrystalRift/hypergold.png");}
.img-elvengold{background-image: url("/images/Microgame/CrystalRift/elvengold.png");background-position: -76px 0 !important;}
.img-soccerstriker{background-image: url("/images/Microgame/CrystalRift/soccerstriker.png");}
.img-cricketstarscratch{background-image: url("/images/Microgame/CrystalRift/cricketstarscratch.png");}

/*2021.09 new slot*/
.img-africaXUP{background-image: url("/images/Microgame/CrystalRift/africaXUP.png")}
.img-amazingLinkApollo{background-image: url("/images/Microgame/CrystalRift/amazingLinkApollo.png")}
.img-deucesJokerPowerPoker{background-image: url("/images/Microgame/CrystalRift/deucesJokerPowerPoker.png")}
.img-deucesJoker10PlayPowerPoker{background-image: url("/images/Microgame/CrystalRift/deucesJoker10PlayPowerPoker.png")}
.img-allAces10PlayPowerPoker{background-image: url("/images/Microgame/CrystalRift/allAces10PlayPowerPoker.png")}

/*2021.10 new slot*/
.img-breakdabankagainmegaways{background-image: url("/images/Microgame/CrystalRift/breakdabankagainmegaways.png")}
.img-jurassicworldraptorriches{background-image: url("/images/Microgame/CrystalRift/jurassicworldraptorriches.png")}
.img-luckytwinswilds{background-image: url("/images/Microgame/CrystalRift/luckytwinswilds.png")}

/*2021.11 new slot*/
.img-cossacksthewildhunt{background-image: url("/images/Microgame/CrystalRift/cossacksTheWildHunt.png")}
.img-dragonsbreath{background-image: url("/images/Microgame/CrystalRift/dragonsBreath.png")}
.img-fortunerush{background-image: url("/images/Microgame/CrystalRift/fortuneRush.png")}
.img-chroniclesofolympusxup{background-image: url("/images/Microgame/CrystalRift/chroniclesOfOlympusXUP.png")}
.img-wwelegends{background-image: url("/images/Microgame/CrystalRift/wwelegends.png")}

/*2021.12 new slot*/
.img-4diamondblues{background-image: url("/images/Microgame/CrystalRift/4diamondblues.png")}
.img-9masksoffirehyperspins{background-image: url("/images/Microgame/CrystalRift/9masksoffirehyperspins.png")}
.img-bookofmrsclaus{background-image: url("/images/Microgame/CrystalRift/bookofmrsclaus.png")}
.img-catclans{background-image: url("/images/Microgame/CrystalRift/catclans.png")}
.img-jacksOrBetterPowerPoker{background-image: url("/images/Microgame/CrystalRift/jacksOrBetterPowerPoker.png")}
.img-luckyclucks{background-image: url("/images/Microgame/CrystalRift/luckyclucks.png")}
.img-squealinriches{background-image: url("/images/Microgame/CrystalRift/squealinriches.png")}

/*2022.01 new slot*/
.img-agentjaneblondemaxvolume{background-image: url("/images/Microgame/CrystalRift/agentjaneblondemaxvolume.png")}
.img-arcticenchantress{background-image: url("/images/Microgame/CrystalRift/arcticenchantress.png")}
.img-basketballstarwilds{background-image: url("/images/Microgame/CrystalRift/basketballstarwilds.png")}
.img-bigboomriches{background-image: url("/images/Microgame/CrystalRift/bigboomriches.png")}
.img-hyperstar{background-image: url("/images/Microgame/CrystalRift/hyperstar.png")}
.img-kodiakkingdom{background-image: url("/images/Microgame/CrystalRift/kodiakkingdom.png")}

.main_back {
  display:grid;
  grid-template-columns:284px 1fr 284px;
  grid-template-rows:1fr;
  width:100%;
  position:relative;
  margin:0 auto;
  max-width: 1920px;
  min-width: 1920px;
  min-height: 100vh;
  gap: 5px;
}
.main-wrap {
  animation-delay:100ms;
  pointer-events:all;
  -webkit-animation-name:fadeIn;
  animation-name:fadeIn;
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  min-width:1312px;
  box-sizing: border-box;
}
.help-wrap {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  column-gap:0.6rem;
  margin-top:0.6rem;
}
.help-wrap a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0.6rem;
  border-radius:2px;
  font-size:13px;
  font-weight:600;
  line-height:1.4;
}
.help-wrap a img {
  transition:375ms cubic-bezier(0.7,0,0.3,1);
}
.help-wrap a:hover img {
  margin-top:-3rem;
  opacity:1;
  transition-delay:250ms;
  pointer-events:auto;
  transition:500ms cubic-bezier(0.7,0,0.3,1);
}
.help-wrap h2 {
  display:flex;
  flex-direction:column;
  margin:1rem;
}
.help-wrap h2 span {
}
.help-wrap a.kakao {
  background:linear-gradient(90deg,rgba(255,198,77,.48),rgba(26,30,36,0));
}
.help-wrap a.help {
  background:linear-gradient(90deg,rgba(var(--sub-color-rgb),.48),rgba(26,30,36,0));
}
.help-wrap a.flower {
  background:linear-gradient(90deg,rgba(var(--sub-color-rgb),.88),rgba(26,30,36,0));
}
.help-wrap a img {
  height:50px;
  width: 50px;
}
/*전체선택 css*/
.clearfix>div.select-all>input.list-select-all {
  display:none;
  position:absolute !important;
  left:-20000px;
}
.clearfix>div.select-all>label {
  float:left;
  text-align:center;
  line-height:26px;
  width:105px;
  height:26px;
  font-weight:500;
  font-size:13.33px;
  cursor:pointer;
  background:var(--sub2);
  border:1px solid var(--sub2);
  color:#fff;
}
.clearfix>div.select-all>label::before {
  display:none !important;
}
.swal2-modal.modal-alert-refresh {
  flex-direction:column;
  padding:1rem !important;
  border:1px solid var(--main-color) !important;
  background: #252B31 !important;
  box-shadow:rgb(20 21 26 / 16%) 0px 8px 16px,rgb(71 77 87 / 16%) 0px 16px 32px,rgb(20 21 26 / 10%) 0px 0px 1px;
}
.swal2-modal.modal-alert-refresh .swal2-styled.swal2-cancel {
  border: 1px solid #411E64 !important;
  background: #EB3636 !important;
  box-shadow: inset 0 1px 0 0 #ffa8a8;
}
.swal2-modal.modal-alert-refresh .swal2-styled.swal2-cancel:hover {
  background: #EF5D64 !important;
}
.swal2-modal.modal-alert-refresh .swal2-styled.swal2-confirm {
  color:var(--text-color) !important;
  font-weight:600;
  margin-right:0.4rem;
  background: #8E30CB !important;
  border: 1px solid #411E64 !important;
  transition: all 0.35s;
  box-shadow: inset 0 1px 0 0 #cb7dff;
}
.swal2-modal.modal-alert-refresh .swal2-styled.swal2-confirm:hover {
  background: #BC43E0 !important;
}
#videoInt {

}
.intro_wrap {
  width:100%;
  height:100%;
  z-index:100021;
  position:absolute;
}
.intro_wrap iframe {
  width:100%;
  margin:0 auto;
  vertical-align:middle;
  height:100%;
  display:block;
  border-style:none;
}
.dark_back {
  position:fixed;
  left:0px;
  top:0px;
  background:black;
  width:100%;
  height:100%;
  z-index:100020;
  visibility:visible;
  opacity:0.9;
}
.intro_close {
  background:url('../images/intro_close.png') no-repeat;
  width:300px;
  height:60px;
  background-size:100% 100%;
  cursor:pointer;
  margin:auto;
  display: none;
}
/*가상경기 iframe 사이즈*/
.game-box {
  position:relative;
  display:table;
  padding:20px 0;
  width:1000px;
  height:554px;
  margin:0 auto;
  box-sizing:border-box;
}
.border::after {
  content:"";
  width:100%;
  height:100%;
  left:0;
  top:0;
  position:absolute;
}
#player-wrapper {
  position:relative;
  width:100%;
  padding:55.6% 0 20px;
}
#player-wrapper iframe {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
#player-wrapper iframe.w-101 {
  width: 101%;
}
/* 카지노 점검 */
.casino_construct {
  height:100vh;
  background: #252B31;
}
.casino_construct .construct_icon {
  margin:0 auto;
  width:300px;
  position:relative;
  top:15%;
}
.casino_construct .construct_icon img {
  width:300px;
}
.casino_construct .construct_msg {
  margin:0 auto;
  font-size:45px;
  font-weight:bold;
  width:300px;
  text-align:center;
  color: #fff;
  position:relative;
  top:25%;
}
.slot_mg_area {
  min-width:1300px;
  height:560px;
}
.slot_mg_area .construct_icon {
  margin:0 auto;
  width:300px;
  position:relative;
  top:55%;
}
.slot_mg_area .construct_icon img {
  width:300px;
}
.slot_mg_area .construct_msg {
  margin:0 auto;
  font-size:45px;
  font-weight:bold;
  width:300px;
  text-align:center;
  color:var(--main-color);
  position:relative;
  top: 65%;
}
/*스포츠 더보기*/
.pick_foldable td a {
  display:block;
  position:relative;
  cursor:pointer;
  font-weight: 600;
  color: #F2DA09;
}
/* 동적 SportTab */
li.dsNone {
  display: none;
}
/* 경기결과,배팅내역 탭 스크롤 */
.timeline {
  position:relative;
  width:100%;
  text-align:center;
  background: #18161C;
}
.timeline-tab {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 0.6rem;
}
.timeline-list {
  padding-right: 0;
  list-style: none;
  display: flex;
  position: absolute;
  left: 0;
}
.timeline-item {
  position:relative;
  display:table-cell;
}

.timeline-item a {
  display:inline-block;
}
.timeline-nav-next,.timeline-nav-prev {
  cursor:pointer;
  position:absolute;
  top:0;
  bottom:0;
  margin:auto;
  outline:0;
  width:36px;
  font-size:0;
  text-indent:-9999px;
  z-index:1;
  height:47px;
  color:var(--text-color);
  font-weight:600;
  border:none;
}
.timeline-nav-next:before,.timeline-nav-prev:before {
  position:absolute;
  line-height:0;
  height:5px;
  margin:auto;
  top:0;
  bottom:0;
  font-size:24px;
  text-indent:0;
  font-weight:700;
}
.timeline-nav-next:hover,.timeline-nav-prev:hover {

}
.timeline-nav-next {
  right:0;
  /*background-image:linear-gradient(#3a4768 0%,#232a3b 100%);*/
}
.timeline-nav-next:before {
  content:"›";
  right:37%;
}
.timeline-nav-prev {
  left:0;
  /*background-image:linear-gradient(#3a4768 0%,#232a3b 100%);*/
}
.timeline-nav-prev:before {
  content:"‹";
  left:41%;
}
.cart-info {
  font-weight:600;
  background: #252A31;
}
.cart-info .item-bottom {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  gap: 1px 3px;
  align-items: center;
}
.cart-info .item-bottom > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-column: 1 / 3;
  background: #161616;
  height: 30px;
  padding: 0 1rem;
  border-bottom: 1px solid #000;
}
.cart-info .item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:5px 3px 5px 1rem;
}
.cart-info .item-top > div {
  display: flex;
  align-items: center;
  gap: 3px;
}
.cart-info .item-top input {
  background-color: #353636;
  border:1px solid #8E2FCB;
  color: var(--text-color);
  text-align:right;
  padding:0.6rem;
  width: 120px;
}
.cart-info .item-top input:hover,.cart-info .item-top input:focus {
  border-color: var(--main-color);
}
.cart-info .item-bottom {
  border-top: 1px solid var(--border-color);
  box-shadow: inset 0 1px 0 0 #000;
}
.cart-info .item-bottom .item-info {
  text-align:right;
}
.cart-info .item-bottom font:nth-child(3),.cart-info .item-bottom .item-info:nth-child(4) {

}
.cart-info .item-bottom .item-info:nth-child(4) {
  grid-row: 2;
}
.cart-info .item-bottom button {
  height:40px;
  font-weight:600;
  background: #8E30CB;
  transition: all 0.35s;
  box-shadow: inset 0 1px 0 0 #cb7dff;
  border: none;
}
.cart-info .item-bottom button:hover {
  background: #A459D6;
}
.popup_frame_comp {
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  align-items:center;
  flex-wrap:wrap;
  column-gap:0.6rem;
  row-gap:0.6rem;
}
.logout-btn {
  display:block;
  font-family:Roboto,sans-serif;
  font-size:12px;
  font-weight:600;
  line-height:normal;
  min-width:60px;
  padding:10px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  transition:.15s;
  margin-left:0.8rem;
  background: transparent;
  border: 1px solid;
  color:var(--text-color);
  transition: all 0.35s;
}
.logout-btn:hover {
  background:var(--text-color);
  color: #000;
}
.banner {
  margin-bottom:0.6rem;
}
.ranking-wrap ul {
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
  column-gap:0.6rem;
  row-gap:0.6rem;
  /*padding:0.6rem;*/
  border-radius: 3px;
  height:auto;
  width:auto;
  margin-bottom:0.6rem;
  /*background:url(../images/main_ranking/ranking-bg.png);*/
}
.ranking-title {
  font-size:18px;
}
.ranking-wrap ul li {
  transform:scale(1);
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transition:all 0.35s ease-in-out;
  width:100%;
  position:relative;
  border-radius: 20px;
}
.ranking-wrap ul li:after {
  content:"";
  display:block;
  padding-bottom:100%;
}
.ranking-wrap ul li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(var(--main-color-rgb),.28);
  z-index: 1;
  border-radius: 20px;
}
.ranking-wrap ul li:hover {
  transform:scale(1.05);
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -ms-transform:scale(1.05);
  -o-transform:scale(1.05);
  z-index:1;
  box-shadow:0 8px 12px 0 rgb(0 0 0 / 10%);
}
.ranking-wrap ul li:hover a:after {
  opacity:1;
}
.ranking-wrap ul li:hover p {
  opacity:1;
}
.ranking-wrap a {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:6rem 2rem;
  position:absolute;
  width:100%;
  height:100%;
  box-sizing:border-box;
  color:#ffffff;
  cursor:pointer;
  border-radius: 20px;
}
.ranking-wrap a:after {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background: rgba(var(--main-color-rgb),.68);
  border-radius:15px;
  opacity:0;
  transition:all 0.35s;
}
.ranking-wrap a .item {
  margin-bottom:3rem;
  z-index:1;
}
.ranking-wrap a h3 {
  font-size:14px;
  margin:0.6rem 0 0;
  font-weight:500;
}
.ranking-wrap a font {
  color:var(--header-text-color);
}
.ranking-wrap a p {
  opacity:0;
  transition:opacity 0.35s;
  z-index:1;
}
.ranking-wrap a p svg {
  margin-left:0.4rem;
}
.ranking-wrap li a {
  background-size:100% 100% !important;
}
.ranking-wrap li.sport a {
  background:url(../images/main_ranking/ranking-cross.png);
}
.ranking-wrap li.mini a {
  background:url(../images/main_ranking/ranking-mini.png);
}
.ranking-wrap li.bet365 a {
  background:url(../images/main_ranking/ranking-bet365.png);
}
.ranking-wrap li.esport a {
  background:url(../images/main_ranking/ranking-ecross.png);
}
.ranking-wrap li.lotto a {
  background:url(../images/main_ranking/ranking-powerball.png);
}
.ranking-wrap li.casino a {
  background:url(../images/main_ranking/ranking-casino.png);
}
.ranking-wrap li.ntry a {
  background:url(../images/main_ranking/ranking-ntry.png);
}
.ranking-wrap li.eos9 a {
  background:url(../images/main_ranking/ranking-eos9.png);
}
.game-wrap {
  margin-bottom:0.6rem;
  overflow:hidden;
}
.game-wrap .link {
  width:100%;
  box-sizing:border-box;
  left:0;
  bottom:0 !important;
  text-align:left;
  padding:1rem 2em 1.5rem !important;
  height:100%;
  display:flex !important;
  align-items:flex-end;
  background:linear-gradient(transparent 0%,var(--main-color) 100%);
  border-radius: 18px;
}
.game-wrap .swiper-button-next:after,.game-wrap .swiper-container-rtl .swiper-button-prev:after {
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  padding:0 2rem 0 3rem;
  box-sizing:border-box;
  width:auto;
  /*background-image:linear-gradient(270deg,var(--main-color),hsla(0,0%,100%,0) 100%);*/
}
.game-wrap .swiper-button-prev:after,.game-wrap .swiper-container-rtl .swiper-button-next:after {
  display:flex;
  align-items:center;
  justify-content:center;
  height:95%;
  padding:0 3rem 0 2rem;
  box-sizing:border-box;
  width:auto;
  /*background-image:linear-gradient(90deg,var(--background-color),hsla(0,0%,100%,0) 100%);*/
  color:#fff;
  font-size:22px;
}
.game-wrap .swiper-button-next,.game-wrap .swiper-button-prev {
  height:100%;
  width:auto;
  top:10px;
}
.game-wrap .swiper-button-next:after,.game-wrap .swiper-container-rtl .swiper-button-prev:after {
  color:#fff;
  font-size:22px !important;
  font-weight:800 !important;
}
.game-wrap .swiper-button-next,.game-wrap .swiper-container-rtl .swiper-button-prev,
.game-wrap .swiper-button-next:focus,.game-wrap .swiper-container-rtl .swiper-button-prev:focus{
    right:0;
    outline: none;
}
.game-wrap .swiper-button-prev,.game-wrap .swiper-container-rtl .swiper-button-next,
.game-wrap .swiper-button-prev:focus,.game-wrap .swiper-container-rtl .swiper-button-next:focus {
  left:0;
    outline: none;
}
.slot-wrap .bt_pink {
  font-family:Roboto,sans-serif;
  width:170px;
  height:45px;
}
.slot-wrap h2 {
  font-size:18px;
}
.slot-wrap #slides {
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr;
}
.slot-wrap #hero-slides {
  height:auto;
  padding: 0.6rem;
}
.slot-wrap #hero-slides #slides .slide {
  width:auto;
  height: auto;
}
.slot-wrap #hero-slides #slides .slide:not(:last-child) {
  margin:0;
}
.slot-wrap #hero-slides #slides .slide .body {
  display:flex;
}
.slot-wrap #hero-slides #slides {
  height:100%;
  position:relative;
  column-gap:0.6rem;
  row-gap:0.6rem;
  margin-bottom:1rem;
}
.slot-wrap #hero-slides #slides .slide {
  padding-top: 165px;
}
.slot-wrap #hero-slides #slides .slide.pr__slide {
  height: auto;
}
.slot-wrap #hero-slides #slides .slide .headline {
  font-size: 1.267em;
}
/*롤링랭킹 상단*/
.ranking-contents h2 {
  margin:3rem 0 1.2rem;
  font-size:14px;
  font-weight:500;
}
.ranking-contents h2:first-child {
  color:#F8D12F;
}
.ranking-top {
  display:flex;
  align-items:center;
  margin-bottom:0.6rem;
  height:140px;
  background-image:url(../images/top-banner01.png);
  box-sizing:border-box;
}
.ranking-top .item {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
}
.ranking-top span {
  display:none;
}
.ranking-top span:nth-child(-n+3) {
  display:block;
}
.ranking-top span:nth-child(1) {
  background:url(../images/ranking01.png);
}
.ranking-top span:nth-child(2) {
  background:url(../images/ranking02.png);
}
.ranking-top span:nth-child(3) {
  background:url(../images/ranking03.png);
}
.ranking-table tr:nth-child(-n+3) td {

}
/*.ranking-table tr:nth-child(1) {*/
/*  background:linear-gradient( 90deg,rgba(255,191,100,.65),rgba(26,30,36,0));*/
/*}*/
/*.ranking-table tr:nth-child(2) {*/
/*  background:linear-gradient( 90deg,rgba(163,174,184,.65),rgba(26,30,36,0));*/
/*}*/
/*.ranking-table tr:nth-child(3) {*/
/*  background: linear-gradient( 90deg,rgba(205,124,47,.45),rgba(26,30,36,0));*/
/*}*/
/*배팅내역*/
.history-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:0.6rem;
}
.history-top .right-item {
  display:flex;
  column-gap:0.6rem;
}
.history-top .right-item button {
  width:auto;
  padding: 0.8rem;
}
/*콤프*/
.comp-wrap {
  display:flex;
  justify-content:center;
  margin-top:1rem;
}
.comp-btn {
  display:flex;
  align-items:center;
  justify-content:center;
  width:200px;
  height:40px;
  background: #8E30CB;
  color:var(--text-color);
  border: 1px solid var(--main-color);
  font-weight:600;
  box-shadow: inset 0 1px 0 0 #cb7dff;
}
.comp-btn:hover {
  background: #BC43E0;
}
.comp-btn:disabled {
  background: #18161C;
  border: 1px solid var(--border-color);
  box-shadow: inset 0 1px 0 0 #5a5760;
}
.comp-btn:disabled:hover {
  background: #18161C;
  border: 1px solid var(--border-color);
  box-shadow: inset 0 1px 0 0 #5a5760;
}
.GrayTab-Wide.swiper-slide {
  text-align:center;
  font-size:18px;
  background:#fff;
  /* Center slide text vertically */
  display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center;
}
h2 {
  margin:3rem 0 1.2rem;
  font-weight:500;
  padding-left: 1rem;
}
.main_back h2 {
  padding-left: 0;
}
h2.sub-title {
  display:flex;
  align-items:center;
  padding-left: 1rem;
}
h2.sub-title span {
  font-size:12px;
  margin-left: 0.4rem;
}
/*게시판*/
.board-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  column-gap:0.6rem;
  margin-bottom:1rem;
  padding:0 1rem;
  height:50px;
}
.board-top small {
  color: var(--text-color);
}
.board-top font {
  margin-right:0.6rem;
}
.board-top button {
  width:120px;
  height:36px;
  font-weight:600;
}
.board-body {

}
.board-footer {
}
.board-view {
  padding:1rem;
  text-align:left;
  min-height:450px;
  background: #000;
  border: 1px solid #642090;
}
.board-read_page .board-footer {
  display: none;
}
/*쿠폰*/
.cupon-btn {
  border:none;
  color: #fff;
  font-weight:600;
  text-decoration:underline;
}
.coupon-alert h2 {
  font-size:16px;
  margin:1rem 0;
}
.coupon-alert h3 {
  font-size:12px;
  line-height:1.5;
  text-align:center;
  font-weight:normal !important;
  color:var(--text-sub-color);
}
.swal2-show button.swal2-styled,.coupon-alert button.swal2-styled {
  color: var(--text-color) !important;
  font-weight:600;
  border-radius: 0 !important;
  background: #8E30CB !important;
  border: 1px solid #411E64 !important;
  transition: all 0.35s;
  box-shadow: inset 0 1px 0 0 #cb7dff;
}
.swal2-show button.swal2-styled:hover,.coupon-alert button.swal2-styled:hover {
  background: #A459D6 !important;
}
.swal2-show .swal2-success-circular-line-right,.swal2-show .swal2-success-circular-line-left,.swal2-icon.swal2-success .swal2-success-ring,.swal2-icon.swal2-success .swal2-success-fix,.swal2-show .swal2-success-line-tip,.swal2-show .swal2-success-line-long {
  display:none !important;
}
.notice-text {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1rem;
  color: var(--text-color);
}
/*메인*/
.sports-slide a:nth-child(1) {
  background:#B6D604;
}
.sports-slide a:nth-child(2) {
  background-image:url(../images/main_sport/main_sport02.png);
  background-size:100% 100%;
}
.sports-slide a:nth-child(3) {
  background-image:url(../images/main_sport/main_sport03.png);
  background-size:100% 100%;
}
.sports-slide a:nth-child(4) {
  background-image:url(../images/main_sport/main_sport04.png);
  background-size:100% 100%;
}
.sports-slide a:nth-child(5) {
  background-image:url(../images/main_sport/main_sport05.png);
  background-size:100% 100%;
}
.sports-slide a:nth-child(6) {
  background-image:url(../images/main_sport/main_sport06.png);
  background-size:100% 100%;
}
.esport-slide a:nth-child(1) {
  background:#0996D6;
}
.esport-slide a:nth-child(2) {
  background-image:url(../images/main_lotto/main-esport02.jpeg);
  background-size:100% 100%;
}
.esport-slide a:nth-child(3) {
  background-image:url(../images/main_lotto/main-esport03.jpg);
  background-size:100% 100%;
}
.esport-slide a:nth-child(4) {
  background-image:url(../images/main_lotto/main-esport01.jpg);
  background-size:100% 100%;
  grid-column:1 / 3 !important;
}
.eos9-slide a:nth-child(1) {
  background:linear-gradient(295.27deg,#14151A 0%,#474D57 84.52%);
  grid-column:1 / 5 !important;
  grid-row: 1 !important;
}
.eos9-slide a:nth-child(2) {
  background-image:url(../images/main_lotto/main-eos9.png);
  background-size:100% 100%;
  grid-column:1 / 5 !important;
  grid-row: 2 / 4 !important;
}
.mini-slide a:nth-child(1) {
  background:linear-gradient(295.27deg,#14151A 0%,#474D57 84.52%);
}
.mini-slide a:nth-child(2) {
  background-image:url(../images/main_mini/main_mini02.png);
  background-size:100% 100%;
}
.mini-slide a:nth-child(3) {
  background-image:url(../images/main_mini/main_mini03.png);
  background-size:100% 100%;
}
.mini-slide a:nth-child(4) {
  background-image:url(../images/main_mini/main_mini04.png);
  background-size:100% 100%;
}
.mini-slide a:nth-child(5) {
  background-image:url(../images/main_mini/main_mini05.png);
  background-size:100% 100%;
}
.mini-slide a:nth-child(6) {
  background-image:url(../images/main_mini/main_mini06.png);
  background-size:100% 100%;
}
.mini-slide a:nth-child(7) {
  background-image:url(../images/main_mini/main_mini07.png);
  background-size:100% 100%;
}
.mini-slide a:nth-child(8) {
  background-image:url(../images/main_mini/main_mini08.png);
  background-size:100% 100%;
}
.ntry-slide a:nth-child(1) {
  background:linear-gradient(295.27deg,#14151A 0%,#474D57 84.52%);
}
.ntry-slide a:nth-child(2) {
  background-image:url(../images/main_ntry/main_ntry02.png);
  background-size:100% 100%;
}
.ntry-slide a:nth-child(3) {
  background-image:url(../images/main_ntry/main_ntry03.png);
  background-size:100% 100%;
}
.ntry-slide a:nth-child(4) {
  background-image:url(../images/main_ntry/main_ntry04.png);
  background-size:100% 100%;
}
.ntry-slide a:nth-child(5) {
  background-image:url(../images/main_ntry/main_ntry05.png);
  background-size:100% 100%;
}
.ntry-slide a:nth-child(6) {
  background-image:url(../images/main_ntry/main_ntry06.png);
  background-size:100% 100%;
}
.lotto-slide a:nth-child(1) {
  background:#B6D604;
}
.lotto-slide a:nth-child(2) {
  background-image:url(../images/main_lotto/main_lotto02.png);
  background-size:100% 100%;
}
.lotto-slide a:nth-child(3) {
  background-image:url(../images/main_lotto/main_lotto03.png);
  background-size:100% 100%;
}
.lotto-slide a:nth-child(4) {
  background-image:url(../images/main_lotto/main_lotto04.png);
  background-size:100% 100%;
  grid-column:1 / 3 !important;
}
.lotto-slide a:nth-child(5) {
  background-image:url(../images/main_lotto/main_lotto06.png);
  background-size:100% 100%;
  grid-column:3 / 5 !important;
  grid-row:2 / 4 !important;
}
.bet365-slide a:nth-child(1) {
  background:#7364CF;
}
.bet365-slide a:nth-child(2) {
  background-image:url(../images/main_bet365/main_bet02.png);
  background-size:100% 100%;
}
.bet365-slide a:nth-child(3) {
  background-image:url(../images/main_bet365/main_bet03.png);
  background-size:100% 100%;
}
.bet365-slide a:nth-child(4) {
  background-image:url(../images/main_bet365/main_bet04.png);
  background-size:100% 100%;
}
.bet365-slide a:nth-child(5) {
  background-image:url(../images/main_bet365/main_bet05.png);
  background-size:100% 100%;
}
.bet365-slide a:nth-child(6) {
  background-image:url(../images/main_bet365/main_bet06.png);
  background-size:100% 100%;
}

.casino-slide a:nth-child(1) {
  background:#F37A56;
}
.casino-slide a:nth-child(2) {
  background-image:url(../images/main_casino/main_casino02.png);
  background-size:100% 100%;
}
.casino-slide a:nth-child(3) {
  background-image:url(../images/main_casino/main_casino03.png);
  background-size:100% 100%;
}
.casino-slide a:nth-child(4) {
  background-image:url(../images/main_casino/main_casino04.png);
  background-size:100% 100%;
}
.casino-slide a:nth-child(5) {
  background-image:url(../images/main_casino/main_casino05.png);
  background-size:100% 100%;
}
.casino-slide a:nth-child(6) {
  background-image:url(../images/main_casino/main_casino06.png);
  background-size: 100% 100%;
  grid-row: 2 / 3 !important;
}
.casino-slide a:nth-child(7) {
  background-image:url(../images/main_casino/main_casino02.png);
  background-size: 100% 100%;
  grid-column: 3 / 5;
  grid-row: 3 / 4;
}
/*환전*/
.withdraw-wrap {
  position: relative;
  background: #17171B;
}
.withdraw-wrap .item-bottom {
  display: flex;
  background: #17171B;
  border-bottom: 1px solid var(--border-color);
  box-shadow: inset 0 -1px 0 0 #000;
}
.withdraw-wrap .item-bottom button {
  padding:1rem;
  background: #8E30CB;
  border: 1px solid #411E64;
  transition: all 0.35s;
  box-shadow: inset 0 1px 0 0 #cb7dff;
}
.withdraw-wrap .item-bottom button:hover {
  background: var(--main-color);
}
.withdraw-wrap .item-bottom div {
  display: flex;
  align-items: center;
  gap: 3px;
}
.withdraw-wrap .item-bottom div input {
  width: 100%;
  box-sizing: border-box;
  height: 40px;
  text-align: right;
  padding: 0.6rem;
  background-color: #353636;
  border: 1px solid #8E2FCB;
  color: var(--text-color);
}
.withdraw-wrap .item-bottom .left_item {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3A3B39;
  height: 50px;
  width: 140px;
}
.withdraw-wrap .item-bottom .right_item {
  padding-left: 0.5rem;
}
.withdraw-wrap .item-bottom div input:focus,.withdraw-wrap .item-bottom div input:hover {
  border-color:var(--main-color);
}
/*충전*/
.deposit-form {
  display:flex;
  column-gap:0.4rem;
}
.deposit-form input {
  width:200px;
  text-align:right;
  background:var(--input-color);
  border:1px solid var(--border-color);
  border-radius:2px;
  height:36px;
  font-size:12px;
  box-sizing:border-box;
  padding:0 1rem;
}
.deposit-form input:hover,.deposit-form input:focus {
  border-color:var(--main-color);
}
.deposit-form a {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  color: var(--table-th-text-color);
  font-weight: 600;
  box-shadow: inset 0 1px 0 0 #cb7dff;
  background: var(--basic-btn);
  transition: all 0.35s;
  outline: none;
  border: 1px solid var(--border-color);
  width: 100px;
}
.deposit-form a:hover {
  background: #A459D6;
}
.read-table {
  border-collapse:separate;
  border-spacing: 1px;
}
/*전환*/
.manage_wrap {
  display:grid;
  grid-template-columns:1fr;
  column-gap:0.6rem;
}
.manage_header {
  display:flex;
  align-items:center;
  justify-content:center;
  background: var(--box-color);
  padding:0 1rem;
  box-sizing:border-box;
  background: var(--sub-box-color);
  font-size:16px;
  font-weight:500;
  height: 100px;
}
.write-table {
  width:100%;
}
.write-table thead {
  border-bottom: 1px solid var(--border-color);
}
.write-table tr td,.write-table tr th {
  background:transparent;
  text-align:left;
}
.write-table tr th {
  padding:0.3rem 0.3rem 0.3rem 0.3rem;
  background: #000;
  border: 1px solid var(--main-color);
}
.write-table tr th:first-child {
  background: #000;
  color: var(--text-color);
  padding-left: 1rem;
}

.write-table tr th input,.write-table tr th select {
  background: #000;
  border: none;
  height:36px;
  width:100%;
  font-size:12px;
  box-sizing:border-box;
  padding:0 1rem;
  color: var(--text-color);
}
.write-table textarea {
  width:100%;
  border:none !important;
  background: #fff;
  min-height:450px;
  box-sizing:border-box;
  font-size:12px;
  margin-top: 1px;
}
.btn-group {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  column-gap:0.4rem;
  margin-top:0.6rem;
}
.btn-group-right {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  column-gap:0.4rem;
  margin:0.6rem 0;
}
.btn-group-between {
  display:flex;
  align-items:center;
  justify-content:space-between;
  column-gap:0.4rem;
  margin:0.6rem 0;
}
.btn-group-between .item {
  display: flex;
  gap: 5px;
}
.btn-group button,.btn-group-right button, .btn-group-between button{
  display:flex;
  align-items:center;
  justify-content:center;
  width:140px;
  height:36px;
}
.btn-group-right button,
.btn-group-between button {
  width: 120px;
}
/*마이크로슬롯*/
.habanero-wrap {
  display:grid;
  grid-template-columns:600px 1fr;
  height:360px;
  box-shadow:0 8px 12px 0 rgb(0 0 0 / 5%);
  border: 1px solid var(--border-color);
}
.habanero-wrap .item-left {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0 3rem;
  width:100%;
  box-sizing:border-box;
  background: -webkit-radial-gradient(50% -14.8%,76.05% 74.6%,rgba(var(--main-text-color-rgb),.8) 0,rgba(var(--main-text-color-rgb),0) 100%),var(--box-color);
  background: -o-radial-gradient(50% -14.8%,76.05% 74.6%,rgba(var(--main-text-color-rgb),.8) 0,rgba(var(--main-text-color-rgb),0) 100%),var(--box-color);
  background: radial-gradient(76.05% 74.6% at 50% -14.8%,rgba(var(--main-text-color-rgb),.8) 0,rgba(var(--main-text-color-rgb),0) 100%),var(--box-color);
}
.habanero-wrap .item-left p {
  font-size:13px;
}
.habanero-wrap .item-left .item {
  position:relative;
  display:flex;
  column-gap:0.4rem;
  margin-top:2rem;
  overflow:hidden;
}
.habanero-wrap .item-left .swiper-pagination-bullet-active {
  background:var(--main-text-color) !important;
  width:20px !important;
  border-radius:20px;
}
.habanero-wrap .item-left .swiper-pagination-bullet {
  width:14px;
  height:5px;
  display:inline-block;
  border-radius:20px;
  background: var(--pagination-color);
}
.habanero-wrap .item-left .swiper-slide img {
  width:118px;
  height:118px;
  background-size:cover;
}
.habanero-wrap .item-right {
  overflow:hidden;
  width:100%;
}
@-webkit-keyframes scroll {
  0% {
    transform:translateX(0);
  }
  100% {
    transform:translateX(calc(-250px * 7));
  }
}
@keyframes scroll {
  0% {
    transform:translateX(0);
  }
  100% {
    transform:translateX(calc(-250px * 7));
  }
}
.habanero-wrap .slider {
  box-shadow:0 10px 20px -5px rgb(0 0 0 / 13%);
  margin:auto;
  overflow:hidden;
  position:relative;
  width:1050px;
  transform:translateX(-42%) rotateX(43deg) rotateZ(40deg ) translateY(var(--scroll));
  transform-origin:139% 788px;
  --scroll:0%;
}
.habanero-wrap .slider::before,.habanero-wrap .slider::after {
  background:linear-gradient(to right,white 0%,rgba(255,255,255,0) 100%);
  content:"";
  height:100px;
  position:absolute;
  width:200px;
  z-index:2;
}
.habanero-wrap .slider::after {
  right:0;
  top:0;
  transform:rotateZ(180deg);
}
.habanero-wrap .slider::before {
  left:0;
  top:0;
}
.habanero-wrap .slider .slide-track {
  -webkit-animation:scroll 80s linear infinite;
  animation:scroll 80s linear infinite;
  display:flex;
  width:calc(299px * 14);
  margin-bottom:1rem;
  column-gap:1rem;
}
.habanero-wrap .slider .slide {
  height:187px;
  width:299px;
}
#hero-slides.hero-slides #slides .slot_wrapper {
  display:none;
}
#hero-slides.hero-slides #slides .slot_wrapper:nth-child(n+1):nth-child(-n+24) {
  display:inline-block;
}
#hero-slides.hero-slides #slides .slot_wrapper:nth-child(n+1):nth-child(-n+27) {
  position:relative
}
/*#hero-slides.hero-slides #slides .slot_wrapper:nth-child(n+1):nth-child(-n+3):after{top:0.3rem;left:0.2rem;content:"New";position:absolute;z-index:1;background:#ff0000a8;border:1px solid red;font-size:11px;padding:0.2rem 0.4rem;border-radius:2px;font-family:'Noto Sans KR',sans-serif;letter-spacing: 0.3px;}*/
.slot-page #hero-slides.hero-slides #slides .slot_wrapper {
  display:inline-block;
}
#hero-slides {
  --page:0;
  height:425px;
}
#hero-slides h2 {
  font-size:18px;
}
#hero-slides #header #menu {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  cursor:pointer;
  padding:0 3vw;
}
#hero-slides #header #menu:before {
  font-size:1.75vh;
  content:"Play Demo";
  margin-right:0.5em;
  text-transform:uppercase;
}
#hero-slides #header #menu #hamburger .slice:not(:last-child) {
  margin-bottom:0.5vh;
}
#hero-slides #slides-cont {
  position:relative;
  --button-height:6vh;
  --button-spacing:0.2vh;
}
#hero-slides #slides-cont .button {
  width:5vw;
  height:var(--button-height);
  background:linear-gradient(295.27deg,#14151A 0%,#474D57 84.52%);
  position:absolute;
  right:0;
  top:18vh;
  z-index:100;
  cursor:pointer;
}
#hero-slides #slides-cont .button:before,#hero-slides #slides-cont .button:after {
  line-height:var(--button-height);
  position:absolute;
  margin-left:-0.25vw;
  pointer-events:none;
  transform:scale(0.75,1.5);
  transition:125ms ease-in-out;
}
#hero-slides #slides-cont .button:before {
  left:50%;
}
#hero-slides #slides-cont .button:after {
  opacity:0;
}
#hero-slides #slides-cont .button:hover:before,#hero-slides #slides-cont .button:hover:after {
  transition:250ms ease-in-out;
}
#hero-slides #slides-cont .button:hover:before {
  opacity:0;
}
#hero-slides #slides-cont .button:hover:after {
  left:50% !important;
  opacity:1;
}
#hero-slides #slides-cont #next {
  margin-top:calc(-1 * (var(--button-height)+var(--button-spacing)));
}
#hero-slides #slides-cont #next:before,#hero-slides #slides-cont #next:after {
  content:">";
}
#hero-slides #slides-cont #next:after {
  left:30%;
}
#hero-slides #slides-cont #next:hover:before {
  left:70%;
}
#hero-slides #slides-cont #prev {
  margin-top:var(--button-spacing);
  opacity:calc(var(--page)+0.5);
  transition:500ms opacity;
}
#hero-slides #slides-cont #prev:before,#hero-slides #slides-cont #prev:after {
  content:"<";
}
#hero-slides #slides-cont #prev:after {
  left:70%;
}
#hero-slides #slides-cont #prev:hover:before {
  left:30%;
}
#hero-slides #slides-cont #next-catch,#hero-slides #slides-cont #prev-catch {
}
#hero-slides #slides-cont #next-catch {
  right:0;
}
#hero-slides #slides-cont #prev-catch {
  left:0;
}
#hero-slides #slides {
  --slides-height:430px;
  width:auto;
  height:var(--slides-height);
  padding:0;
  font-size:0;
  white-space:nowrap;
  position:absolute;
  transform:translate3D(calc(var(--page) * -80vw),0,0);
  transition:1500ms transform cubic-bezier(0.7,0,0.3,1);
}
#hero-slides #slides .slide {
  display:inline-block;
  vertical-align:top;
  font-size:1.5vw;
  width:530px;
  height:var(--slides-height);
  color:white;
  background-size:cover;
  background-position:center;
  white-space:normal;
  word-break:break-word;
  position:relative;
}
#hero-slides #slides .slide.mini-slide .body a:first-child {
  grid-column:1 / 3 !important;
  grid-row:1 / 1 !important;
  background:#7364CF;
}
#hero-slides #slides .slide.esport-slide .body {
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
}
#hero-slides #slides .slide.ntry-slide .body {
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-template-rows:1fr 1fr 1fr;
}
#hero-slides #slides .slide.ntry-slide .body a:first-child {
  background:#F37A56;
  grid-column: 1 / 3 !important;
  grid-row: 1 / 3 !important;
}
#hero-slides #slides .slide.ntry-slide .body a:nth-child(4) {
    grid-column: 1 / 3 !important;
    grid-row: 3 / 4 !important;
}
#hero-slides #slides .slide.ntry-slide .body a:nth-child(5) {
    grid-column: 3 / 5 !important;
    grid-row: 2 / 4 !important;
}
#hero-slides #slides .slide.ntry-slide .body a,
#hero-slides #slides .slide.esport-slide .body a {
  grid-column:unset !important;
  grid-row:unset !important;
  background-size:cover;
}
#hero-slides #slides .slide:before {
  content:"";
  display:block;
  opacity:0;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}
#hero-slides #slides .slide .number {
  position:absolute;
  top:2em;
  left:2em;
  z-index:1;
  font-size:14px;
  font-weight:500;
}
#hero-slides #slides .slide .number,#hero-slides #slides .slide .number:before,#hero-slides #slides .slide .number:after {
  vertical-align:middle;
}
#hero-slides #slides .slide .number:before,#hero-slides #slides .slide .number:after {
  display:inline-block;
  content:"";
  height:0.133em;
  margin-top:-0.2em;
  background:white;
}
#hero-slides #slides .slide .number:before {
  width:0;
  margin-left:0;
}
#hero-slides #slides .slide .number:after {
  width:3em;
  margin-left:1em;
}
#hero-slides #slides .slide .body {
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-template-rows:1fr 1fr 1fr;
  column-gap:0.6rem;
  row-gap:0.6rem;
  width:100%;
  height:100%;
  position:absolute;
  top:0em;
  left:0em;
  right:0em;
}
#hero-slides #slides .slide .body a,#hero-slides #slides .slide .body .slot_buttom_margin {
  position:relative;
  width:100%;
  background-size:cover !important;
  background-position:50%;
  border-radius: 20px;
}
#hero-slides.hero-slides #slides .slide .body .slot_buttom_margin:after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(28,28,40,.5);
  transition:all 0.55s;
}
#hero-slides.hero-slides .body:hover .slot_buttom_margin:after {
  opacity:0;
}
.game-wrap #hero-slides #slides .slide .body a svg {
  position:absolute;
  bottom:1.5rem;
  right:2rem;
  z-index:1;
}
#hero-slides #slides .slide .body a:nth-child(1) {
  grid-column:1 / 3;
  grid-row:1 / 3;
  border-radius:20px;
}
#hero-slides #slides .slide .body a:nth-child(2) {
  grid-column:3 / 4;
  grid-row:1 / 2;
}
#hero-slides #slides .slide .body a:nth-child(3) {
  grid-column:4 / 5;
  grid-row:1 / 2;
}
#hero-slides #slides .slide .body a:nth-child(4) {
  grid-column:1 / 2;
  grid-row:3 / 4;
}
#hero-slides #slides .slide .body a:nth-child(5) {
  grid-column:2 / 3;
  grid-row:3 / 4;
}
#hero-slides #slides .slide .body a:nth-child(6) {
  grid-column:3 / 5;
  grid-row:2 / 4;
}
#hero-slides #slides .slide .location,#hero-slides #slides .slide .headline {
  position:relative;
  bottom:0;
  cursor:default;
}
#hero-slides #slides .slide:before,#hero-slides #slides .slide .number:before,#hero-slides #slides .slide .number:after,#hero-slides #slides .slide .location,#hero-slides #slides .slide .headline,#hero-slides #slides .slide .link {
  transition:375ms cubic-bezier(0.7,0,0.3,1);
}
#hero-slides #slides .slide .location {
  font-weight:100;
  margin-bottom:1.5em;
  transition-delay:60ms;
}
#hero-slides #slides .slide .headline {
  font-size:2.667em;
  font-weight:900;
  transition-delay:50ms;
}
#hero-slides #slides .slide .link {
  display:inline-block;
  padding:0.5em 1.25em !important;
  opacity:0 !important;
  z-index: 1 !important;
  position:absolute !important;
  bottom:-2em;
  pointer-events:none !important;
  transition-delay:25ms !important;
  font-size:12px !important;
}
.hero-slides #slides .slide.pr__slide .link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  right: unset !important;
  box-sizing: border-box;
  border-radius: 2px !important;
  text-align: center !important;
  width: 80px !important;
}
.hero-slides #slides .slide .link:first-child {
  left:49%;
  transform:translateX(-99%);
}
.hero-slides #slides.ev_form .slide .link:first-child {
    left:4%;
}
.hero-slides #slides .slide .link:last-child {
  right:49%;
  transform:translateX(99%);
}
#hero-slides #slides .slide.hover:before,#hero-slides #slides .slide:hover:before {
  opacity:1;
}
#hero-slides #slides .slide.hover:before,#hero-slides #slides .slide.hover .number:before,#hero-slides #slides .slide.hover .number:after,#hero-slides #slides .slide.hover .location,#hero-slides #slides .slide.hover .headline,#hero-slides #slides .slide.hover .link,#hero-slides #slides .slide:hover:before,#hero-slides #slides .slide:hover .number:before,#hero-slides #slides .slide:hover .number:after,#hero-slides #slides .slide:hover .location,#hero-slides #slides .slide:hover .headline,#hero-slides #slides .slide:hover .link {
  transition:500ms cubic-bezier(0.7,0,0.3,1);
}
#hero-slides #slides .slide.hover .number:before,#hero-slides #slides .slide:hover .number:before {
  width:3em;
  margin-right:1em;
}
#hero-slides #slides .slide.hover .number:after,#hero-slides #slides .slide:hover .number:after {
  width:0;
  margin-right:0;
}
#hero-slides #slides .slide.hover .location,#hero-slides #slides .slide:hover .location {
  transition-delay:0;
  bottom:4em;
}
#hero-slides #slides .slide.hover .headline,#hero-slides #slides .slide:hover .headline {
  transition-delay:100ms;
  bottom:1.5em;
}
#hero-slides #slides .slide a:hover .link,#hero-slides #slides .slide a:hover .link,#hero-slides #slides .slide .slot_buttom_margin:hover .link,#hero-slides #slides .slide .slot_buttom_margin:hover .link {
  bottom:1rem;
  opacity:1 !important;
  transition-delay:250ms !important;
  pointer-events:auto !important;
}
.hero-slides #slides .slide:hover .link,.hero-slides #slides .slide:hover .link {
  bottom:0;
  opacity:1;
  transition-delay:250ms;
  pointer-events:auto;
}
#hero-slides #footer {
  height:12vh;
  font-size:1vh;
}
#hero-slides #footer #dribbble {
  border-radius:2vh;
  position:absolute;
  bottom:4vh;
  right:4vh;
  transition:300ms cubic-bezier(0.7,0,0.3,1);
  padding-left:1.5vh;
}
#hero-slides #footer #dribbble:before,#hero-slides #footer #dribbble:after {
  vertical-align:middle;
  transition:inherit;
}
#hero-slides #footer #dribbble:before {
  display:inline;
  content:"View original Dribbble";
  font-size:2vh;
  opacity:0;
  transform:translate3D(-200px,0,0);
}
#hero-slides #footer #dribbble:after {
  content:"";
  display:inline-block;
  width:4vh;
  height:4vh;
  margin-left:1vh;
  background-image:url(https://alca.tv/static/u/82fde61b-28ef-4f17-976e-8f1abb5a1165.png);
  background-size:contain;
  background-position:center;
}
#hero-slides #footer #dribbble.hover,#hero-slides #footer #dribbble:hover {
  background:#e94e89;
}
#hero-slides #footer #dribbble.hover:before,#hero-slides #footer #dribbble:hover:before {
  opacity:1;
  transform:translate3D(0,0,0);
  transition-delay:50ms;
}
#hero-slides #footer #dribbble.hover:after,#hero-slides #footer #dribbble:hover:after {
  filter:saturate(0%) contrast(200%) brightness(200%) invert(100%);
}
@media (min-width:1200px) and (max-width:1699px) {
  body {
    --slides-per-page:3;
  }
  #hero-slides #slides .slide {
    font-size:1vw;
  }
}
@media (min-width:1700px) {
  body {
    --slide-per-age:4;
  }
  #hero-slides #slides .slide {
    font-size:0.75vw;
  }
}
#result {
  display:block;
  height:760px;
  width: 100%;
}


/*메인*/
.fnc-slider {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  height: 100%;
}
.fnc-slider *, .fnc-slider *:before, .fnc-slider *:after {
  box-sizing: border-box;
}
.fnc-slider__slides {
  position: relative;
  height: 100%;
  transition: transform 1s 0.6666666667s;
}
.fnc-slider .m--blend-dark .fnc-slide__inner {
  background-color: #8a8a8a;
}
.fnc-slider .m--blend-dark .fnc-slide__mask-inner {
  background-color: #575757;
}
.fnc-slider .m--navbg-dark {
  background-color: #575757;
}
.fnc-slider .m--blend-green .fnc-slide__mask-inner {
  background-color: #42605E;
}
.fnc-slider .m--navbg-green {
  background-color: #42605E;
}
.fnc-slider .m--blend-red .fnc-slide__inner {
  background-color: #ea2329;
}
.fnc-slider .m--blend-red .fnc-slide__mask-inner {
  background-color: #990e13;
}
.fnc-slider .m--navbg-red {
  background-color: #990e13;
}
.fnc-slider .m--blend-blue .fnc-slide__inner {
  background-color: #59aecb;
}
.fnc-slider .m--blend-blue .fnc-slide__mask-inner {
  background-color: #2D7791;
}
.fnc-slider .m--navbg-blue {
  background-color: #2D7791;
}
.fnc-slide {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0);
}
.fnc-slide.m--before-sliding {
  z-index: 2 !important;
  transform: translate3d(100%, 0, 0);
}
.fnc-slide.m--active-slide {
  z-index: 1;
  transition: transform 1s 0.6666666667s ease-in-out;
  transform: translate3d(0, 0, 0);
}
.fnc-slide__inner {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center top;
  transform: translate3d(0, 0, 0);
}
.m--global-blending-active .fnc-slide__inner, .m--blend-bg-active .fnc-slide__inner {
  background-blend-mode: luminosity;
}
.m--before-sliding .fnc-slide__inner {
  transform: translate3d(-100%, 0, 0);
}
.m--active-slide .fnc-slide__inner {
  transition: transform 1s 0.6666666667s ease-in-out;
  transform: translate3d(0, 0, 0);
}
.fnc-slide__mask {
  overflow: hidden;
  z-index: 1;
  position: absolute;
  right: 60%;
  top: 15%;
  width: 50.25vh;
  height: 67vh;
  margin-right: -90px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
  transform-origin: 50% 0;
  transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask {
  transform: rotate(-10deg) translate3d(200px, 0, 0);
  opacity: 0;
}
.m--active-slide .fnc-slide__mask {
  transition: transform 0.7s 1.2222222222s, opacity 0.35s 1.2222222222s;
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.m--previous-slide .fnc-slide__mask {
  transition: transform 0.7s 0.3333333333s, opacity 0.35s 0.6833333333s;
  transform: rotate(10deg) translate3d(-200px, 0, 0);
  opacity: 0;
}
.fnc-slide__mask-inner {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 100vh;
  margin-left: -50vw;
  margin-top: -50vh;
  background-size: cover;
  background-position: center center;
  background-blend-mode: luminosity;
  transform-origin: 50% 16.5vh;
  transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask-inner {
  transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
}
.m--active-slide .fnc-slide__mask-inner {
  transition: transform 0.7s 1.2222222222s;
  transform: translateX(0);
}
.m--previous-slide .fnc-slide__mask-inner {
  transition: transform 0.7s 0.3333333333s;
  transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
}
.fnc-slide__content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.45);
  padding: 2rem 8rem;
}
.fnc-slide__heading {
  margin-bottom: 10px;
  line-height: 50px;
  text-transform: uppercase;
}
.fnc-slide__heading-line {
  overflow: hidden;
  position: relative;
  font-size: 30px;
  color: #fff;
  word-spacing: 5px;
  line-height: 3.5rem;
}
.fnc-slide__heading-line:nth-child(2) {
  font-size: 14px;
}
.m--before-sliding .fnc-slide__heading-line {
  transform: translateY(100%);
}
.m--active-slide .fnc-slide__heading-line {
  transition: transform 1.5s 1s;
  transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line {
  transition: transform 1.5s;
  transform: translateY(-100%);
}
.fnc-slide__heading-line span {
  display: block;
}
.m--before-sliding .fnc-slide__heading-line span {
  transform: translateY(-100%);
}
.m--active-slide .fnc-slide__heading-line span {
  transition: transform 1.5s 1s;
  transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line span {
  transition: transform 1.5s;
  transform: translateY(100%);
}
.fnc-slide__action-btn {
  position: relative;
  width: 200px;
  padding: 1.4rem 15px;
  font-size: 12px;
  line-height: 1;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  outline: none;
  font-weight: 600;
  background: linear-gradient(rgb(248, 209, 47) 0%, rgb(240, 185, 11) 100%);
  border-radius: 2px;
  color: #212833;
  box-shadow: 0 1px 10px 0 rgb(0 0 0 / 35%);
}
.fnc-slide__action-btn:hover {
  background: linear-gradient(180deg,#FFE251 0%,#EDC423 100%);
  color: #212833;
}
.fnc-nav {
  z-index: 5;
  position: absolute;
  right: 0;
  bottom: 0;
}
.fnc-nav__bgs {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg.m--nav-bg-before {
  z-index: 2 !important;
  transform: translateX(100%);
}
.fnc-nav__bg.m--active-nav-bg {
  z-index: 1;
  transition: transform 1s 0.6666666667s;
  transform: translateX(0);
}
.fnc-nav__controls {
  font-size: 0;
}
.fnc-nav__control {
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 50px;
  color: #fff;
  text-transform: uppercase;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background-color 0.5s;
}
.fnc-nav__control.m--active-control {
  background: #1F2833;
}
.fnc-nav__control-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: rgb(248, 209, 47);
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition-timing-function: linear !important;
}
.m--with-autosliding .m--active-control .fnc-nav__control-progress {
  transform: scaleX(1);
}
.m--prev-control .fnc-nav__control-progress {
  transform: translateX(100%);
  transition: transform 0.5s !important;
}
.m--reset-progress .fnc-nav__control-progress {
  transform: scaleX(0);
  transition: transform 0s 0s !important;
}
.m--autosliding-blocked .fnc-nav__control-progress {
  transition: all 0s 0s !important;
  transform: scaleX(0) !important;
}

/* NOT PART OF COMMON SLIDER STYLES */
.demo-cont {
  overflow: hidden;
  position: relative;
  height: 520px;
  perspective: 1500px;
}
.demo-cont__credits {
  box-sizing: border-box;
  overflow-y: auto;
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  padding: 20px 10px 30px;
  background: #303030;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
  transition: transform 0.7s;
  transform: translate3d(100%, 0, 0) rotateY(-45deg);
  will-change: transform;
}
.credits-active .demo-cont__credits {
  transition: transform 0.7s 0.2333333333s;
  transform: translate3d(0, 0, 0);
}
.demo-cont__credits *, .demo-cont__credits *:before, .demo-cont__credits *:after {
  box-sizing: border-box;
}
.example-slider {
  z-index: 2;
  transform: translate3d(0, 0, 0);
  transition: transform 0.7s;
}
.credits-active .example-slider {
  transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
}
.example-slider .fnc-slide-1 .fnc-slide__inner,
.example-slider .fnc-slide-1 .fnc-slide__mask-inner {
  background-image: url(images/main_slide01.jpg);
}
.example-slider .fnc-slide-2 .fnc-slide__inner,
.example-slider .fnc-slide-2 .fnc-slide__mask-inner {
  background-image: url(images/main_slide02.jpg);
}
.example-slider .fnc-slide-3 .fnc-slide__inner,
.example-slider .fnc-slide-3 .fnc-slide__mask-inner {
  background-image: url(images/main_slide03.jpg);
}
.example-slider .fnc-slide-3 .fnc-slide__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
}
.example-slider .fnc-slide-4 .fnc-slide__inner,
.example-slider .fnc-slide-4 .fnc-slide__mask-inner {
  background-image: url(https://public.nftstatic.com/static/nft/res/dec9a2aadf584c6d97ed5f682a885a4f.jpeg);
}
.example-slider .fnc-slide-4 .fnc-slide__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.example-slider .fnc-slide__heading,
.example-slider .fnc-slide__action-btn,
.example-slider .fnc-nav__control {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__bg {
  transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__dot {
  transform: translate3d(-80.3571428571px, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on {
  transform: translate3d(-80.3571428571px, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on__inner {
  transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transform: rotate(45deg) scale(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off {
  transform: translate3d(-80.3571428571px, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before, .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
  transition-delay: 0s;
}
.colorful-switch__off:before {
  transform: rotate(45deg) scaleX(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before {
  transform: rotate(45deg) scaleX(0) translateZ(0);
}
.colorful-switch__off:after {
  transition-timing-function: cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transform: rotate(-45deg) scaleX(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
  transition-timing-function: ease;
  transform: rotate(-45deg) scaleX(0) translateZ(0);
}

/*** 사이드 메뉴 Start ***/
.sidebar {
  background: #232323;
  padding: 4px;
}
.sidebar_item {
  position: sticky;
  top: 7px;
}
.time_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  background: #161617;
  box-shadow: inset 0 -2px 0 0 #000;
  padding: 0 10px;
}
.time_box h2 {
  margin: 0;
  font-size: 13px;
  color: #b1b1b1;
  padding: 0;
}
.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-menu > li {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--border-color);
}
.sidebar-menu > li:nth-child(11) {
  margin-top: 0.6rem;
}
.sidebar-menu > li > a {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  height: 46px;
  box-sizing: border-box;
}
.sidebar-menu > li > a:hover {
  color: var(--text-color);
}
.sidebar-menu > li > a font {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
.sidebar-menu > li > a > .fa {
  width: 20px; }
.sidebar-menu > li.active > a {
  color: var(--text-color);
}
.sidebar-menu > li .label,
.sidebar-menu > li .badge {
  margin-top: 3px;
  margin-right: 5px; }
.sidebar-menu li.header {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  background: var(--main-color);
  color: var(--header-text-color);
  height: 45px;
}
.sidebar-menu li > a > .fa-angle-down {
  display: flex;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0;
}
.sidebar-menu li.active > a > .fa-angle-down {
  transform: rotate(-180deg); }
.sidebar-menu li.active > .treeview-menu {
  display: block;
}
.sidebar-menu a {
  text-decoration: none; }
.sidebar-menu .treeview-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  background: var(--sub-black-color);
  padding-left: 1rem;
  border-top: 1px solid var(--border-color);
}
.sidebar-menu .treeview-menu .treeview-menu {
  padding-left: 20px; }
.sidebar-menu .treeview-menu > li {
  margin: 0; }
.sidebar-menu .treeview-menu > li > a {
  padding: 1rem;
  display: block;
  color: var(--text-sub-color); }
.sidebar-menu .treeview-menu > li > a.active {
  color: var(--main-color);
}
.sidebar-menu .treeview-menu > li > a > .fa {
  width: 20px; }
.sidebar-menu .treeview-menu > li > a > .fa-angle-left,
.sidebar-menu .treeview-menu > li > a > .fa-angle-down {
  width: auto; }
.sidebar-menu .treeview-menu > li.active > a, .sidebar-menu .treeview-menu > li > a:hover {
  color: var(--main-color) !important; }
/*** 사이드 메뉴 End ***/

/*** 콤프 ***/
.refer-table .item-right p { font-size: 13px; margin-bottom: 2rem;font-weight: 600; }
.refer-table .item-right span { display: flex;align-items: center;justify-content: center; color: #808080; }
.refer-table .item-right span b { line-height: 13px;margin: 0 0.2rem; }

.refer-table .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  height: 70px;
  line-height: 17px;
  color: #808080;
}
.refer-table td:not(:last-child) { /*border-right: 1px solid var(--border-color)*/ }
.refer-table .item p { font-size: 16px;color: var(--text-color) }

/*하바네로 스와이퍼*/
.habanero-wrap .swiper-container { width: 100%;height: 210px;margin: 0 !important; }
.habanero-wrap .swiper-slide {text-align: center;height: 160px !important;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;flex-direction: column;row-gap: 0.6rem; }

/*쿠폰 사용 x*/
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] { left: 1px;top: 23px; }
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] { right: 1px;top: 23px; }

/* League Tab */
.leagueBox div.leagueTab {margin: 0 0 5px;}
.leagueBox div.leagueTab ul {display: flex;flex-direction: row;justify-content: space-between;background: #18161C}
.leagueBox div.leagueTab ul li { padding: 13px 5px;text-align: center;cursor: pointer;flex-grow: 1;color: var(--text-sub-color)}
.leagueBox div.leagueTab ul li:not(:last-child) { border-right: 1px solid var(--border-color) }
.leagueBox div.leagueTab ul li.active {color: var(--text-color);background: var(--main-color);box-shadow: inset 0 1px 0 0 #cb7dff;}
.leagueBox div.leagueTab ul li:hover { color: var(--text-color);}
.leagueBox dl.eventBox.tab-blind {display: none;}

.bet-table tbody { display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 5px;padding-top: 5px }

.bet-table.npball tbody { display: grid;grid-template-columns: 1fr 1fr;gap: 0.5rem;padding-top: 0.6rem }

.bet-table tbody tr:nth-child(1) {}
.bet-table tbody tr:nth-child(2) { grid-column: 1 / 2; grid-row: 2 }
.bet-table tbody tr:nth-child(5) { grid-column: 2 / 4;}
.bet-table tbody tr { display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 1rem 0;justify-content: center;border: 1px solid var(--border-color);background: #18161C;color: #fff;padding: 1rem 18%;/*box-shadow: inset 0 0 10px #c6aa87; */}
.bet-table tbody tr th { grid-column: 1 / 4 }
.bet-table tbody tr td { display: flex;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( #63a35a 60%, #66D168 50% );border: 1px solid #666; }
.bet-table tbody tr td .blue:hover,
.bet-table tbody tr td .red:hover,
.bet-table tbody tr td .green:hover { 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.lock .green .pick {}
.bet-table tbody tr td > div  { display: flex;flex-direction: column;gap: 0.3rem;align-items: center;justify-content: center;height: 90px;width: 90px;border-radius: 50%; color: #ffffff !important;}

/*파워사다리*/
.bet-table.powerladder-item tbody { grid-template-columns: 1fr 1fr 1fr }
.bet-table.powerladder-item tbody tr:nth-child(1) { grid-column: unset; grid-row: unset }
.bet-table.powerladder-item tbody tr:nth-child(2) { grid-column: unset; grid-row: unset }
.bet-table.powerladder-item tbody tr:nth-child(3) { grid-column: unset; grid-row: unset }

/*스피드키노*/
.sk-form tbody { grid-template-columns: 1fr 1fr !important; }
.sk-form tbody tr { padding: 1rem 24% }

/*퀵드로우*/
.bet-table.qd-item tbody {
  grid-template-columns: 1fr 1fr;
}

/*가상경기*/
.vsoccer-table {padding-top: 5px}
.vsoccer-table tbody tr { grid-column: unset !important;grid-row: unset !important; }
.th-span-none .vsoccer-table th span {display: none}

/*가상경마*/
.vhorse-form .bet-table tbody {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;gap: 0.5rem;}
/*가상경견*/
.vdog-form .bet-table tbody {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;gap: 0.5rem;}

.vhorse-form .bet-table tbody tr th,
.vdog-form .bet-table tbody tr th { grid-row: 2 }
.vhorse-form .bet-table tbody tr th:first-child,
.vdog-form .bet-table tbody tr th:first-child { display: none }
.vhorse-form .bet-table tbody tr,
.vdog-form .bet-table tbody tr {gap: 1rem 0;border: 1px solid var(--border-color);border-radius: 3px;background: var(--box-color);padding: 1rem;}
.vhorse-form .bet-table tbody tr td,
.vdog-form .bet-table tbody tr td {grid-column: 2 / 3;flex-direction: column;border: 1px solid var(--border-color);background: radial-gradient( var(--bet-background-color) 60%, var(--sub-bet-background-color) 50% );padding: 0.5rem;height: 90px;width: 90px;border-radius: 50%;}
.vhorse-form .eventBox dd table tr td.bet:hover span,
.vdog-form .eventBox dd table tr td.bet:hover span { color: #555 }
.vhorse-form .eventBox dd table tr td.bet,
.vdog-form .eventBox dd table tr td.bet { color: #fff;gap: 0.5rem }
.vhorse-form .eventBox dd table tr td.bet:hover,
.vdog-form .eventBox dd table tr td.bet:hover { background: #FFC700;box-shadow: inset 0 0 1px 3px #FFED53; }
.vhorse-form .eventBox dd table tr td.on,
.vdog-form .eventBox dd table tr td.on { background: #FFC700;box-shadow: inset 0 0 1px 3px #FFED53; }
.vhorse-form .eventBox dd table tr td.bet .odds,
.vdog-form .eventBox dd table tr td.bet .odds { text-shadow: none;color: var(--text-color) }
.vhorse-form .eventBox dd table tr td.bet .pick,
.vdog-form .eventBox dd table tr td.bet .pick { font-size: 14px;margin: 0;color: #555 }

.bet-type-1 tbody { grid-template-columns: 1fr !important; }
.bet-type-1 tbody tr { padding: 1rem 36%; }
.bet-type-2 tbody { grid-template-columns: 1fr 1fr !important; }
.statistical-item { width: 1316px;margin-top: 1rem }

/*스포츠배팅영역*/
.sports-form .bottom .item-info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  border: none;
}

.sports-form .eventBox table th,
.sports-form .eventBox table td {
  border: 1px solid #53565F;
  background: #161616;
}
.sports-form .leagueBox dt.leagueTitle a {
  float: right;
  text-decoration: underline;
  color: var(--text-sub-color);
  margin-left: 5px;
  transition: all 0.35s;
}
.sports-form .leagueBox dt.leagueTitle a:hover {
  color: #fff;
}
.sports-form .eventBox dd table tr td {
  padding: 0.8rem 1rem;

}
.sports-form .eventBox dd table tr td.bet .pick {
  float: left;
}
.sports-form .eventBox dd table tr td.bet .odds {
  float: right;
}
.sports-form .eventBox dd table tr td.bet,
.sports-form .eventBox dd table tr td.lock {
  width: 200px;
}
.sports-form .eventBox dd table tr th {
  width: 140px;
}
.sports-form .eventBox dd table tr td.on {
  background: #8E2FCB;
  color: var(--bet-text-color);
  border-color: #B279DE;
}
.sports-form .eventBox dd table tr td.bet:hover {
  background: #3B3B3B;
  cursor: pointer;
  color: var(--bet-text-color);
  border-color: #7B7F88;
}
.sports-form .eventBox dd table tr td.on:hover {
  background: var(--main-color);
}
/*미니게임 배팅카트*/
.minigame-form .BetArea {
  padding: 0 0 5px;
  background: #252B31;
}
.minigame-form .betcart {
  border: none;
}
.minigame-form .betcart .bottom {
  position: relative;
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  gap: 5px;
}
.minigame-form .bottom .bet-info_max {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0.3rem;
  width: 100%;
}
.minigame-form .bottom .bet-info_in {
  width: 100%;
}
.minigame-form #BettingPicks {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  height: 243px;
  max-height: unset !important;
  padding: 0.7rem;
  overflow: auto;
}
.minigame-form #BettingPicks .limit {
  position: absolute;
  right: 14px;
  top: 11px;
  color: var(--text-color);
  font-weight: 400;
}
.minigame-form #BettingPicks .u_pick_cont {
  border: 1px solid var(--border-color);
  padding: 0.5rem;
}
.minigame-form #BettingPicks .u_pick_cont .pick {
  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;
}
.minigame-form #BettingPicks .u_pick_cont .pick_1 {
    background: radial-gradient( #000aff 60%, #2F8BFF 50% );
    border: 1px solid #666;
}
.minigame-form #BettingPicks .u_pick_cont .pick_x {
    background: radial-gradient( #63a35a 60%, #66D168 50% );
    border: 1px solid #666;
}
.minigame-form #BettingPicks .u_pick_cont .pick_2 {
    background: radial-gradient( #ff0002 60%, #FB6F6B 50% );
    border: 1px solid #666;
}
#BettingPicks .u_pick_cont .pick.대,
#BettingPicks .u_pick_cont .pick.ROW1 {
  background: radial-gradient( #ff0002 60%, #FB6F6B 50% );
  border: 1px solid #666;
}
#BettingPicks .u_pick_cont .pick.중,
#BettingPicks .u_pick_cont .pick.ROW3 {
  background: radial-gradient( #000aff 60%, #2F8BFF 50% );
  border: 1px solid #666;
}
#BettingPicks .u_pick_cont .pick.소,
#BettingPicks .u_pick_cont .pick.ROW2 {
  background: radial-gradient( #63a35a 60%, #66D168 50% );
  border: 1px solid #666;
}
.minigame-form .mini__color #BettingPicks .u_pick_cont .pick_1 {
    background: #FFC700;
    box-shadow: inset 0 0 1px 3px #ffed53;
    color: var(--text-color);
    border: 1px solid var(--border-color);
}
.cross .minigame-form .price {
  width: auto;
}
.minigame-form .cart-item {
  font-weight: normal;
}
.minigame-form .u_pick_close_btn {
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 1;
  height: 20px;
  width: 20px;
  background-color: var(--box-color);
  border: 1px solid #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.35s;
}
.minigame-form .u_pick_close_btn:hover {
  border-color: #fff;
}
.minigame-form #BettingPicks .PickEventInfo .home,
.minigame-form #BettingPicks .PickEventInfo .away {
  all: unset;
}
.minigame-form #BettingPicks .PickEventInfo td {
  position: relative;
  text-align: center;
  padding: 1rem 0;
}
.minigame-form #BettingPicks .PickEventInfo td.on {
  background-image: linear-gradient(180deg,var(--bet-btn-color) 0%,var(--bet-btn-color) 100%);
  color: var(--table-th-text-color);
}
.minigame-form #BettingPicks .PickEventInfo tr:last-child td:last-child {
  border-bottom: 1px solid var(--border-color)
}
.minigame-form #BettingPicks .noti {
  padding: 0;
  font-size: 12px;
    border: none;
}
.minigame-form #BettingPicks .u_pick_cont .noti_cont {
  color: var(--text-color);
  background: var(--background-color);
  text-align: center;
}
.minigame-form #BettingPicks .PickEventInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-collapse: separate;
  border-spacing: 1px;
}
.minigame-form #BettingPicks .PickEventInfo > div {
  width: 100%;
  text-align: center;
}
.bottom #item-Box {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  border: 1px solid var(--border-color);
}
.bottom #item-Box h2 {
  display: flex;
  height: 40px;
  align-items: center;
  background: #18161C;
  margin: 0;
  font-size: 13px;
}
.bottom #item-Box > table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
}
.bottom #item-Box > table th {
  padding: 1rem;
  background-image: linear-gradient(var(--sub-color) 0%,var(--sub-color) 100%);
  color: var(--text-color);
}
.bottom .item-info {
  display: grid;
  grid-template-columns: 150px 1fr;
  grid-column: 2 / 3;
  grid-row: 1;
  color: var(--text-color);
}
.bottom .item-info > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.5rem;
  height: 36px;
  box-sizing: border-box;
}
.bottom .item-info > div:first-child {
  grid-column: 1 / 2;
  grid-row: 1 / 5;
  height: 100%;
  justify-content: center;
  border-right: 1px solid var(--border-color);
  background: #18161C !important;
}
.bottom .item-info > div:nth-child(odd) {
  background: #232525;
}
.bottom .item-info > div:nth-child(even) {
  background: #18161C;
}
.bottom .item-info .price {
  background: transparent;
}
.bottom .item-info .price input {
  text-align: right;
  height: 31px;
  outline: none;
  padding-right: 0.5rem;
  background-color: #353636;
  border: 1px solid #8E2FCB;
  color: var(--text-color);
  margin-right: 3px;
}
.bottom .item-info .price input:hover,
.bottom .item-info .price input:active,
.bottom .item-info .price input:focus {

}
.bottom .item-group {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 200px;
  grid-column: 2 / 3;
  grid-row: 2;
  gap: 0.3rem;
  font-size: 13px;
  height: 148px;
}
.bottom .item-group .bet-info_in {
  position: relative;
  display: flex;
  border: 1px solid var(--border-color);
  background: #18161C;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  padding: 0.7rem;
}
.bottom .item-group button {
  padding: 0.5rem;
  transition: all 0.35s;
  background: #8E30CB;
  border: 1px solid #411E64;
  transition: all 0.35s;
  box-shadow: inset 0 1px 0 0 #cb7dff;
}
.bottom .item-group button:hover {
  background: #A459D6;
}
.bottom .item-group .item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  height: 100%;
}
.bottom .item-group .bet-btn {
  grid-column: 2 / 3;
  grid-row: 1 / 5;
  height: 100%;
}
.bottom .item-group .btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  margin: 0;
}
.bottom .item-group .btn-group button {
  width: 100%;
  height: 100%;
  padding: 0.7rem;

}
.bottom .item-group .btn-group button:hover {

}
.bottom .item-group .btn-group button:first-child {

}
.bet-history-form {

}
.bottom #item-Box .bet-history-form:not(:last-child) .limit {
  display: none;
}
.bottom #item-Box .bet-history-form .limit {
  position: absolute;
  right: 0;
  bottom: -32px;
  text-align: right;
  width: calc(50% - 0.8rem);
}
.u_pick_cont {
  position: relative;
}
.u_pick_cont .noti_cont {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(1px);
  background-color: #55555510 !important;
  color: var(--text-color) !important;
}
.u_pick_cont .noti_cont p {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  height: 14px;
}

/*이벤트, 게시판 이미지*/
.notice-item img { display: flex;max-width: calc(100% - 50% );margin: 0 auto }

/*코인 충전방법*/
.content-box .item-top {
  line-height: 20px;
}
.content-box .item-top a {
  color: #D40C0C;
}
.content-box .item-top p {
  margin: 0;
}
.content-box .item-bottom a {
  padding: 0.6rem 1rem;
  border-radius: 0;
  margin: 0;
  width: auto;
  height: auto !important;
  background: #5c63ff50;
  border: 1px solid var(--main-color);
  color: var(--text-color);
}
.content-box .item-bottom a:hover {
  background-color: var(--main-color);
}
.content-box .item-bottom button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 1rem;
  width: auto;
  font-size: 13px;
  margin: 0;
}
.content-box .item-bottom button#btn_cw_deposit {
  background: var(--main-text-color);
  color: var(--header-text-color);
  border-radius: 2px;
}
.content-box .item-bottom button[disabled] {
  background: var(--basic-btn) !important;
  border: 1px solid var(--border-color) !important;
  opacity: 0.5;
  color: var(--text-color) !important;
}
.content-box .item-bottom .copy {
  padding: 0.8rem 1rem;
  background: var(--basic-btn);
  border: 1px solid var(--border-color);
}
.content-box .item-bottom .copy:hover {
  border-color: var(--main-color);
}

.table-wrap {
  width: 100%;
  margin: 1rem 0;
}
.table-wrap th,
.table-wrap td {
  border: 1px solid var(--border-color);
  text-align: center;
  height: 46px;
}
.table-wrap th {
  background: var(--main-color);
  color: var(--header-text-color);
}
.table-wrap td {
  text-align: left;
  padding: 0.6rem 1rem;
}
.table-wrap td input {
  border: none;
  color: var(--sub3);
  background-color: transparent;
  outline: none;
}

#cw_bal {
  color: var(--text-color);
  font-weight: bold;
}

.swal2-icon {
  margin-bottom: 1.4em !important;
}
.swal2-icon.swal2-success::before, .swal2-icon.swal2-success::after {
  background: transparent !important;
}
.swal2-modal .swal2-title {
  color: var(--text-color) !important;
}

/*거래소 입금 텍스트*/
.coin-notice,
.content-box pre {

}
.content-box pre {

}
.coin-notice.no-group {
  color: #fff;
  padding: 1rem 2rem;
  background: #e02323;
}
.coin-info-table td {
  display: flex;
  align-items: center;
  height: 46px;
  padding: 0 1rem;
}
.coin-info-table tr:not(:last-child) td {
  border-bottom: none;
}
.inspection-text p {
  font-size: 13px;
  margin-top: 0.3rem;
}

/*e-sport 탭*/
.GrayTab .esport-tab {
  justify-content: flex-start;
}
.GrayTab .esport-tab a {
  display: none;
  align-items: center;
}
.esport-video-area {
  margin-bottom: 0.6rem;
}
.video-form {
  position: relative;
  /*margin-bottom: 0.6rem;*/
  /*margin-top: 0.6rem;*/
  /*border: 1px solid var(--border-color);*/
}

.video-form .swiper-container {
  width: 100%;
  height: auto;
}

.video-form .swiper-slide {
  text-align: center;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.video-form .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-form .swiper-button-next.swiper-button-disabled,
.video-form .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.video-form .swiper-button-next,
.video-form .swiper-button-prev {
  height: 27px;
  border-radius: 50%;
  transition: all 0.2s;
  border: 3px solid #8E30CB;
  background: #252B32;
}
.video-form .swiper-button-next:hover,
.video-form .swiper-button-prev:hover {
  background: #161617;
}
.video-form .swiper-button-next:after,
.video-form .swiper-button-prev:after {
  font-size: 13px;
  color: #fff;
}
.video-form .swiper-button-next:after {
  margin-left: 2px;
}
.video-form .swiper-button-prev:after {
  margin-right: 2px;
}
.video-form .swiper-button-next, .video-form .swiper-container-rtl .swiper-button-prev {
  right: 0.5rem;
}
.video-form .swiper-button-prev, .video-form .swiper-container-rtl .swiper-button-next {
  left: 0.5rem;
}

.video {
  display: flex !important;
  font-size: 14px;
    box-sizing: border-box !important;
}
.video:first-child {
  padding-bottom: 12px;
}
.video .item {
  font-family: Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;
  letter-spacing: .3px;
  font-weight: 500;
  flex-direction: column;
}
.video .item:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  top: 129px;
  left: 0;
  background-size: cover;
}
.video .item:before {
  content: "LIVE";
  position: absolute;
  width: auto;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 1;
  letter-spacing: 0.5px;
  background-color: red;
  color: #fff;
  border-radius: 2px;
  padding: 0 0.5rem 0.15rem;
  font-size: 12px;
}

.twitch:after {
  background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 24 24' height='512' viewBox='0 0 24 24' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23673ab7'%3E%3Cpath d='m.975 4.175v16.694h5.749v3.131h3.139l3.134-3.132h4.705l6.274-6.258v-14.61h-21.434zm3.658-2.09h17.252v11.479l-3.66 3.652h-5.751l-3.134 3.127v-3.127h-4.707z'/%3E%3Cpath d='m10.385 6.262h2.09v6.26h-2.09z'/%3E%3Cpath d='m16.133 6.262h2.091v6.26h-2.091z'/%3E%3C/g%3E%3C/svg%3E");;
}
.youtube:after {
  background-image: url("data:image/svg+xml,%3Csvg height='512pt' viewBox='0 -77 512.00213 512' width='512pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m501.453125 56.09375c-5.902344-21.933594-23.195313-39.222656-45.125-45.128906-40.066406-10.964844-200.332031-10.964844-200.332031-10.964844s-160.261719 0-200.328125 10.546875c-21.507813 5.902344-39.222657 23.617187-45.125 45.546875-10.542969 40.0625-10.542969 123.148438-10.542969 123.148438s0 83.503906 10.542969 123.148437c5.90625 21.929687 23.195312 39.222656 45.128906 45.128906 40.484375 10.964844 200.328125 10.964844 200.328125 10.964844s160.261719 0 200.328125-10.546875c21.933594-5.902344 39.222656-23.195312 45.128906-45.125 10.542969-40.066406 10.542969-123.148438 10.542969-123.148438s.421875-83.507812-10.546875-123.570312zm0 0' fill='%23f00'/%3E%3Cpath d='m204.96875 256 133.269531-76.757812-133.269531-76.757813zm0 0' fill='%23fff'/%3E%3C/svg%3E");
}

.video .item .item-bottom {
  position: relative;
  text-align: left;
  width: 100%;
}
.video .item .item-bottom h3 {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}
.video .item .item-bottom h3 span {
  display: none;
  position: absolute;
  font-size: 11px;
  color: #fff;
  white-space: normal;
  font-weight: 400;
  line-height: 13px;
  padding: 0.1rem 0.25rem;
  background: #262626;
  border: 1px solid #494949;
  top: 27px;
  left: 0;
  z-index: 1;
}
.video .item .item-bottom div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  color: var(--text-color);
  font-weight: 400;
  font-size: 12px;
}
.video .item font {
  padding-left: 1.75rem;
  line-height: 12px;
}
.video .item-bottom span {
  margin-top: 0.4rem;
}
.video .item h3:hover span {
  display: flex;
}
.video .streaming {
  width: 100%;
  height: 124px;
  background: -webkit-linear-gradient(top,#222,#444);
  background: -o-linear-gradient(top,#222,#444);
  background: linear-gradient(180deg,#222,#444);
  background-size: cover;
  margin-bottom: 0.6rem;
  background-position: 50%;
}
.video .streaming:hover div {
  opacity: 1;
}
.video .streaming div {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.35rem;
  opacity: 0;
  transition: all 0.3s;
  background: rgba(0,0,0,0.5);
  height: 100%;
  font-size: 12px;
}
.video .streaming div span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: #696D71;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--text-color);
  box-shadow: inset 0 1px 0 0 #cacbca;
}
.video .streaming div span:hover {
  background: #959696;
  color: var(--text-color);
}
.video .streaming div span:first-child {
  width: 80px;
  background: var(--main-color);
  transition: all 0.2s;
  box-shadow: inset 0 1px 0 0 #cb7dff;
}
.video .streaming div span:first-child i {
  margin-bottom: -1px;
  margin-left: 4px;
}
.video .streaming div span:first-child:hover {
  background: #A459D6;
  color: var(--text-color);
}

.esport-view {
  display: grid;
  grid-template-columns: 1fr;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  height: 615px;
  margin-bottom: 0.6rem;
}
.esport-view iframe {
  display: flex;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top,#222,#444);
  background: -o-linear-gradient(top,#222,#444);
  background: linear-gradient(180deg,#222,#444);
}
.esport-view:hover div {
  opacity: 1;
  transition: all 0.35s;
  cursor: pointer;
}
.esport-view .item div {
  position: absolute;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 200px;
  background: #222;
  border: 1px solid #333;
  right: 0;
  bottom: -7.5rem;
  padding: 0.35rem;
  row-gap: 0.35rem;
  column-gap: 0.35rem;
  border-radius: 2px;
}
.esport-view .item div span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  border: 1px solid #444;
  background: #333;
}

#item-menu {
  display: flex;
  justify-content: flex-end;
  column-gap: 0.1rem;
  align-items: center;
  border-top: 1px solid var(--border-color);
  padding: 0.6rem;
  background: #18161C;
  background-size: 100% 100%;
}
#item-menu span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  cursor: pointer;
  transition: all 0.2s;
}
#item-menu span.active {
  background: var(--main-color);
  box-shadow: inset 0 1px 0 0 #cb7dff;
}
#item-menu span:hover {
  background: var(--main-color);
  box-shadow: inset 0 1px 0 0 #cb7dff;
}

li.dsNone {
  display: none;
}

/* EOS9 */
.eventBox dd .eos9-game-box .box-header {
  display: flex;
  flex-direction: row;
  height: 35px;
  line-height: 35px;
}

.eventBox dd .eos9-game-box .box-header .time {
  width: 140px;
  text-align: right;
  color: #fff !important;
  font-weight: 500;
  font-size: 14px;
  padding-right: 10px;
}

.eventBox dd .eos9-game-box .box-header .game-info {
  width: calc(100% - 140px);
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
}

.eventBox dd .eos9-game-box .box-contents {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.eventBox dd .eos9-game-box .box-contents .game-header {
  grid-column: 1 / 3;
  display: flex;
  justify-content: space-around;
  padding: 1rem;
}

.eventBox dd .eos9-game-box .box-contents .first {
  grid-column: 1 / 3;
  display: flex;
}

.eventBox dd .eos9-game-box .box-contents .first .box-item {
  background: none;
  border: none;
  padding: 0;
  width: 100%;
}
.eventBox dd .eos9-game-box .box-contents .first .box-item > .eos-title {
  display: none;
}

.eventBox dd .eos9-game-box .box-contents .first .box-item .bet-form {
  gap: 0.5rem;
}

.eventBox dd .eos9-game-box .box-contents .first .box-item .bet-form .first-bet-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--border-color);
  background: #18161C;
  width: 100%;
}
.eventBox dd .eos9-game-box .box-contents .first .box-item .bet-form .first-bet-form:last-child {
  background: #18161C;
}

.eventBox dd .eos9-game-box .box-contents .other {
  grid-column: 1 / 3;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}

.eventBox dd .eos9-game-box .box-contents .other .box-item {

}
.eventBox dd .eos9-game-box .box-contents .other .box-item:nth-child(1),
.eventBox dd .eos9-game-box .box-contents .other .box-item:nth-child(2),
.eventBox dd .eos9-game-box .box-contents .other .box-item:nth-child(3) {

}
.eventBox dd .eos9-game-box .box-contents .other .box-item:nth-child(4),
.eventBox dd .eos9-game-box .box-contents .other .box-item:nth-child(5),
.eventBox dd .eos9-game-box .box-contents .other .box-item:nth-child(6) {

}

.eventBox dd .eos9-game-box .box-contents .other .box-item:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}
.eventBox dd .eos9-game-box .box-contents .other .box-item:nth-child(3) {
  grid-column: 1;
  grid-row: 3;
}

.eventBox dd .eos9-game-box .box-contents .jackpot {
  width: 100%;
  padding-bottom: 20px;
}

.eventBox dd .eos9-game-box .box-contents .box-item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--border-color);
  background: #18161C;
}
.eventBox dd .eos9-game-box .box-contents .box-item .eos-title {
  grid-column: 1 / 8;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-color);
}

.eventBox dd .eos9-game-box .box-contents .box-item .bet-form {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.eventBox dd .eos9-game-box .box-contents .box-item .bet,
.eventBox dd .eos9-game-box .box-contents .box-item .lock {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  align-items: center;
  justify-content: center;
  height: 90px;
  width: 90px;
  border-radius: 50%;
}
.eventBox dd .eos9-game-box .box-contents .box-item .bet.blue {
  background: radial-gradient( #000aff 60%, #2F8BFF 50% );
  border: 1px solid #666;
}
.eventBox dd .eos9-game-box .box-contents .box-item .bet.red {
  background: radial-gradient( #ff0002 60%, #FB6F6B 50% );
  border: 1px solid #666;
}
.eventBox dd .eos9-game-box .box-contents .box-item .bet.green {
  background: radial-gradient( #63a35a 60%, #66D168 50% );
  border: 1px solid #666;
}
.eventBox dd .eos9-game-box .box-contents .box-item .bet.blue:hover,
.eventBox dd .eos9-game-box .box-contents .box-item .bet.red:hover,
.eventBox dd .eos9-game-box .box-contents .box-item .bet.green:hover {
  background: radial-gradient( #FFC700 60%, #FFED53 50% );
}

.eventBox dd .eos9-game-box .box-contents .box-item .bet:nth-child(2) {
  grid-column: 3 / 4;
}
.eventBox dd .eos9-game-box .box-contents .box-item .bet:nth-child(3) {
  grid-column: 5 / 6;
}
.eventBox dd .eos9-game-box .box-contents .box-item .bet:last-child {

}

.eventBox dd .eos9-game-box .box-contents .box-item .bet.on {
  background: radial-gradient( #FFC700 60%, #FFED53 50% ) !important;
}

.eventBox dd .eos9-game-box .box-contents .box-item .lock {
  background: radial-gradient( #d9d9d9 60%, #ddd 50% ) !important;
  border: 1px solid #ccc !important;
}

.eventBox dd .eos9-game-box .box-contents .box-item .lock.on,
.eventBox dd .eos9-game-box .box-contents .box-item .lock:hover {
  background: #B0B1B2;
}

.eventBox dd .eos9-game-box .box-contents .box-item .bet .eos9-pick,
.eventBox dd .eos9-game-box .box-contents .box-item .lock .eos9-pick {
  color: #fff;
}

.eventBox dd .eos9-game-box .box-contents .box-item .bet .eos9-odds,
.eventBox dd .eos9-game-box .box-contents .box-item .lock .eos9-odds {
  color: #fff;
}

/* EOS9 JACKPOT */
.eos9-jackpot-info .info-contents {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #0A91AC;
  margin-bottom: 1px;
}

.eos9-jackpot-info .info-contents .amount_header,
.eos9-jackpot-info .info-contents .amount,
.eos9-jackpot-info .info-contents .preWinList_header,
.eos9-jackpot-info .info-contents .preWinList {
  padding: 15px 5px;
  text-align: center;
}

.eos9-jackpot-info .info-contents .amount_header {
  width: 20%;
  background: #036071;
}

.eos9-jackpot-info .info-contents .amount {
  width: 15%;
}

.eos9-jackpot-info .info-contents .preWinList_header {
  width: 10%;
  background: #036071;
}

.eos9-jackpot-info .info-contents .preWinList {
  width: 55%;
  overflow:hidden;
  position:relative;
}

.eos9-jackpot-info .info-contents .preWinList .row-slide {
  margin:0;
  padding-left:100%;
  display:inline-block;
  white-space:nowrap;
  -webkit-animation-name:marquee;
  -webkit-animation-timing-function:linear;
  -webkit-animation-duration:10s;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-name:marquee;
  -moz-animation-timing-function:linear;
  -moz-animation-duration:10s;
  -moz-animation-iteration-count:infinite;
  -ms-animation-name:marquee;
  -ms-animation-timing-function:linear;
  -ms-animation-duration:10s;
  -ms-animation-iteration-count:infinite;
  -o-animation-name:marquee;
  -o-animation-timing-function:linear;
  -o-animation-duration:10s;
  -o-animation-iteration-count:infinite;
  animation-name:marquee;
  animation-timing-function:linear;
  animation-duration:10s;
  animation-iteration-count:infinite;
}

@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

.eos9-jackpot-info .info-contents .preWinList .row-slide .list-area {
  display: flex;
  flex-direction: row;
}

.eos9-jackpot-info .info-contents .preWinList .row-slide .list-area .list-contents {
  display: flex;
  flex-direction: row;
}

.eos9-jackpot-info .info-contents .preWinList .row-slide .list-area .list-contents div {
  margin-right: 10px;
}

/*배팅판*/
.sports-form { display: flex;gap: 0.6rem }
.sports-form > .less { width: 100% }
.esport-row { width: 100% }

.notice-table td { padding: 1rem 0 }

/*카지노머니전환*/
.casino-table .R button { width: 140px;background: #ffffff50;box-shadow: inset 0 1px 0 0 #cacbca;transition: all 0.35s; }
.casino-table .R button:hover { background: #959696 }
.casino-table .money_area { display: flex;align-items: center;justify-content: flex-end;gap: 1rem;}
.casino-table .money_area i { font-size: 24px;color: #8d8fb6;transition: all 0.35s  }
.casino-table .money_area a:hover i { opacity: 0.8 }
.casino-table tr td {
  border-color: #595A5C !important;
}
.casino-table tr td.gray {
  background: #393A3A;
}

/*메인 큐텍*/
.qtech-wrap {}
.qtech-wrap .qtech-Swiper { padding: 0; width: 100%;height: 420px;}
.qtech-wrap .qtech-Swiper .swiper-slide { display: flex;position: relative; }
.qtech-wrap .qtech-Swiper .swiper-slide img {}
.qtech-wrap .qtech-Swiper .swiper-slide .item { position: absolute;left: 0;top: 7rem;background: rgba(0,0,0,0.9);padding: 3rem 5rem;width: 450px;box-shadow: 0 8px 12px 0 rgb(0 0 0 / 10%);border: 1px solid #41414685;color: #fff;font-size: 14px}
.qtech-wrap .qtech-Swiper .swiper-slide .item h2 { font-size: 21px;font-weight: 500;margin-bottom: 1.5rem; }
.qtech-wrap .qtech-Swiper .swiper-slide .item button { height: 50px;margin-top: 2rem;width: 300px }
.qtech-wrap .qtech-Swiper .swiper-slide .item .casino-disabled { width: 288px;background: transparent;}
.qtech-wrap .qtech-Swiper .swiper-slide .item .casino-disabled button { background: rgb(84, 84, 98) }
.qtech-wrap .swiper-button-next,
.qtech-wrap .swiper-button-prev {color: #ffffff;}
.qtech-wrap .swiper-pagination-bullet {background: #ffffff;}
.qtech-Swiper {
  width: 100%;
  height: 100%;
}
.qtech-Swiper .swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.qtech-Swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding-left: calc(100% - 1070px);
}

.board-item {
  padding: 0.6rem 0.6rem 0.5rem;
  background: var(--box-color) !important;
}
.board-item textarea {
  border: 1px solid var(--border-sub-color) !important;
  background: var(--input-color);
  color: #000;
}

/*패스워드변경*/
.Pass_Change-form { display: flex;align-items: center;justify-content: center;padding: 8.2rem; }
.Pass_Change-form .item-left { padding: 2rem 4rem 2rem 0;box-sizing: border-box;text-align: center;line-height: 2rem;font-size: 14px; }
.Pass_Change-form .item-right {display: flex;flex-direction: column;justify-content: center;padding: 2rem 0 2rem 4rem;width: 300px;border-left: 1px solid var(--border-color);min-height: 375px;}
.Pass_Change-form .item-right p { font-size: 13px;margin-bottom: 0.6rem;}
.Pass_Change-form .item-right p:not(:first-child) { margin-top: 0.6rem }
.Pass_Change-form .item-right input {width: 100%;height: 40px;border-radius: 2px;background: #161919;border: 1px solid #161919;padding-left: 1rem;box-sizing: border-box;color: var(--main-h-color);font-size: 12px;transition: all 0.35s;color: var(--text-color)}
.Pass_Change-form .item-right input:hover,
.Pass_Change-form .item-right input:focus {border-color: var(--main-color);}
.Pass_Change-form .item-right span {display: flex;margin-top: 0.3rem;color: rgb(241, 60, 99);}

.Pass_Change-form button {display: flex;align-items: center;justify-content: center;height: 45px;
    background: #8E30CB;
    border: 1px solid #411E64;
    transition: all 0.35s;
    box-shadow: inset 0 1px 0 0 #cb7dff;
    font-weight: 600;margin-top: 1rem;}
.Pass_Change-form button:hover {
    background: #A459D6;
}
.Pass_Change-form button:disabled {
    background: #18161C;
    border: 1px solid var(--border-color);
    box-shadow: inset 0 1px 0 0 #5a5760;
}

/*배팅규정 Accordion*/
ul.accordion-list { position: relative;display: block;width: 100%;height: auto;margin: 0;list-style: none; }
ul.accordion-list li { position: relative;display: block;width: 100%;height: auto;background-color: var(--box-color);padding: 1.2rem 1rem;margin: 0 auto 0.6rem auto;border: 1px solid var(--border-color);cursor: pointer;box-sizing: border-box; }
ul.accordion-list li.active h3:after { transform: rotate(45deg); }
ul.accordion-list li h3 { position: relative;display: block;width: 100%;height: auto;padding: 0 0 0 0;margin: 0;letter-spacing: 0.01em;cursor: pointer;font-size: 13px; }
ul.accordion-list li h3:after { content: "+";position: absolute;right: 0;top: -2px;font-size: 16px;color: var(--main-color);transition: all 0.3s ease-in-out; }
ul.accordion-list li div.answer { position: relative;display: block;width: 100%;height: auto;margin: 1.2rem 0 0 0;padding: 0;cursor: pointer;box-sizing: border-box; }
ul.accordion-list li div.answer img { display: flex;max-width: calc(100% - 50% ); }
ul.accordion-list li div.answer p { position: relative;display: block;padding: 10px 0 0 0;cursor: pointer;line-height: 150%;margin: 0 0 15px 0; }

.close-from { display: flex;align-items: center;justify-content: space-between }
.last-re th,
.last-re td {}

.sub__menu { border-bottom: 1px solid rgba(255,255,255,0.1);display: none;}
.sub__menu li { display: none;width: 100%;background: #18161C }
.sub__menu li a { display: flex;height: 45px;padding: 0 2rem;align-items: center;width: 100%;justify-content: center; }
.sub__menu li a:not(:last-child) { border-right: 1px solid var(--border-color) }
.sub__menu li a:nth-child(1) { box-shadow: inset 0 2px 0 0 #009EFF; }
.sub__menu li a:nth-child(2) { box-shadow: inset 0 2px 0 0 #005FFF; }
.sub__menu li a:nth-child(3) { box-shadow: inset 0 2px 0 0 #8800FF; }
.sub__menu li a:nth-child(4) { box-shadow: inset 0 2px 0 0 #CC00FF; }
.sub__menu li a:nth-child(5) { box-shadow: inset 0 2px 0 0 #EE01C5; }
.sub__menu li a:nth-child(6) { box-shadow: inset 0 2px 0 0 #FF000A; }
.sub__menu li a:nth-child(7) { box-shadow: inset 0 2px 0 0 #E76925; }
.sub__menu li a:nth-child(8) { box-shadow: inset 0 2px 0 0 #F0CC38; }
.sub__menu li a.on,
.sub__menu li a:hover { background: #000 }

.pick_foldable td { background: transparent }

.sport-tab { border-bottom: none;}
.sport-tab ul { display: flex;align-items: center;}
.GrayTab.sport-tab ul li { display: flex;align-items: center;justify-content: center;height: 45px }
.GrayTab.sport-tab ul li.on { box-shadow: none; }
.GrayTab.sport-tab ul li a { height: 45px;padding: 0 2rem }
.GrayTab.sport-tab ul li.on a,
.GrayTab.sport-tab ul li:hover a { color: var(--text-color);background: var(--main-color); }

.mini-tab a { display: flex !important; }

.login-bg {
  background: url(../images/login-img.png);
  background-size: cover !important;
  background-position: 50% !important;
}

.minigame-form .leagueContents { padding: 0 }
.minigame-form .eventBox dd table tr td.lock { background: transparent }
.minigame-form .eventBox dd table tr td.bet { background: transparent }
.minigame-form .eventBox dd table tr td.base { background: transparent }
.minigame-form .eventBox dd table tr td.base .pick,
.minigame-form .eventBox dd table tr td.base .odds {
  float: unset;
  padding-right: unset;
  padding-left: unset;
}
.minigame-form .bet-table tbody { padding: 0 }
.minigame-form .leagueBox dl.eventBox { margin: 0 }
.minigame-form .eventBox dd table  { border-spacing: 0 }

.user-info td { background: transparent }

.login_top { display: grid;grid-template-columns: 1fr 1fr;border-bottom: 1px solid var(--border-color) }
.login_top a { display: flex;align-items: center;justify-content: center;height: 50px;font-size: 15px }
.login_top a.on,
.login_top a:hover { color: var(--main-color);box-shadow: inset 0em -4px 0 0 var(--main-color); }

#loginitro { position: fixed;left: 0;top: 0;object-fit: cover;width: 100%;height: 100% }
#openbox {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 50%;
  height: 35%;
  cursor: pointer;
}
.box-text {
  width: 100%;
  animation: motion 0.35s /* 속도 */ linear 0s /* 처음부터 끝까지 일정 속도로 진행 */ infinite alternate;
  max-width: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,0);
}

@keyframes motion {
  0% {margin-top: 0px;} /* 처음 위치 */
  100% {margin-top: 10px;} /* 마지막 위치 */
}

.side_menu {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
  background: #232323;
  font-size: 11px;
}
.side_menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 6px;
  box-sizing: border-box;
  height: 35px;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid #000;
  background: #151616;
  transition: all 0.35s;
}
.side_menu a:hover {
    background: #3D3E3E;
}
.side_menu a > div {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
}
.side_menu a > div img {
  width: 19px;
}
.side_menu a span {
  color: var(--text-color);
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  border-radius: 2px;
  background: var(--main-color);
  transition: all 0.35s;
}
.swiper-slide {width: 100%}

.step3 {
  background: rgba(0,0,0,0.6);
  border: 1px solid var(--main-color);
}

.casino__form {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
}
.casino__form .sub__title {
  margin: 0;
}
.casino__form .item {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0.6rem;
  margin-bottom: 40px;
  margin-top: 5px;
}
.casino__form .item span {
  background-size: 100% 100% !important;
  border-radius: 10px;
}
.casino__form .casino-item span:nth-child(1) {
  background: url('../images/casino001.png');
}
.casino__form .casino-item span:nth-child(2) {
  background: url('../images/casino002.png');
}
.casino__form .casino-item span:nth-child(3) {
  background: url('../images/casino003.png');
}
.casino__form .casino-item span:nth-child(4) {
  background: url('../images/casino004.png');
}
.casino__form .casino-item span:nth-child(5) {
  background: url('../images/casino005.png');
}

.casino__form .slot-item span:nth-child(1) {
  background: url('../images/casino006.png');
}
.casino__form .slot-item span:nth-child(2) {
  background: url('../images/casino007.png');
}
.casino__form .slot-item span:nth-child(3) {
  background: url('../images/casino008.png');
}
.casino__form .slot-item span:nth-child(4) {
  background: url('../images/casino009.png');
}
.casino__form .slot-item span:nth-child(5) {
    background: url('../images/casino010.png');
}
.casino__form .item a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  color: #fff;
  aspect-ratio: 1/1.4;
  border: 1px solid var(--main-color);
}
.casino__form .item a font {
  position: absolute;
  bottom: -30px;
}

body.index_body {
  overflow: scroll !important;
  width: 100% !important;
}

.left_side_menu { width: 100% }
.left_side_menu .side_top { display: flex;flex-direction: column;gap: 3px;background: #151616;padding: 3px }
.left_side_menu .side_top .header { display: grid;grid-template-columns: 1fr 1fr;gap: 1px }
.left_side_menu .side_top .header a { background: #411E64;box-shadow: inset 0 1px 0 0 #622F91;height: 36px;justify-content: center;gap: 5px; }
.left_side_menu .side_top .header a:hover { background: #723C9D }
.left_side_menu .side_top .body { display: grid;grid-template-columns: 1fr 1fr;gap: 1px}
.left_side_menu .side_top .body a { background: #3B3D3D;box-sizing: border-box;height: 36px;justify-content: center }
.left_side_menu .side_top .body a:hover { background: #4D4E4E !important; }
.left_side_menu .side_top .body a:nth-child(1),
.left_side_menu .side_top .body a:nth-child(4),
.left_side_menu .side_top .body a:nth-child(5),
.left_side_menu .side_top .body a:nth-child(8) { background: #323333 }

.left_side_menu .side_body { display: grid;grid-template-columns: 1fr 1fr;}
.left_side_menu .side_body img { cursor: pointer }
.left_side_menu .side_body img:nth-child(2) { margin-left: -1px }

.left_side_menu .side_bottom { display: flex;align-items: center;justify-content:space-between;gap: 3px;background: #151616;padding: 3px }
.left_side_menu .side_bottom a { background: #411E64;box-shadow: inset 0 1px 0 0 #622F91;height: 36px;justify-content: center;width: 100% }
.left_side_menu .side_bottom a:hover { background: #723C9D }

.Contents {
  padding-bottom: 5rem;
}

.text-left { text-align: left !important; }
.pl-1 { padding-left: 1rem !important; }

.main_tab { display: flex;gap: 2px;}
.main_tab a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100px;
  height: 36px;
  background: #8E30CB;
  border: 1px solid #411E64;
  transition: all 0.35s;
  box-shadow: inset 0 1px 0 0 #cb7dff;
}
.main_tab a:hover {
  background: #A459D6;
}
.main_tab a img:nth-child(2) { display: none }
.main_tab a.on img:nth-child(1),
.main_tab a:hover img:nth-child(1) { display: none }
.main_tab a.on img:nth-child(2),
.main_tab a:hover img:nth-child(2) { display: flex }

.main_tab a:hover,
.main_tab a.on { color: #fff }

.game_bg {
  background: url("../images/game_bg.png");
  padding: 2rem;
  background-size: cover;
}

.login-wrap{
  display: none;
  width: 418px;
  height: auto;
  background:#F5F6F1;
  color: #333;
  line-height: 18px;
  position: absolute;
  top: 20%;
  left: 50%;
  z-index: 99;
  transform: translate(-50%);
}
.signup-box {
  display: none;
  width: 480px;
  height: auto;
  background: #f5f5f2;
  color: #333;
  line-height: 18px;
  position: absolute;
  top: 10%;
  left: 50%;
  z-index: 99;
  transform: translate(-50%);
}

.dark_bg{
  background: rgba(0,0,0,0.6);
  top: 0;
  display: none;
  left: 0;
  width: 100%;
  height: 100%;
  position:fixed;overflow:hidden;
  z-index: 90;
}
.modal-x{
  position: absolute;
  right: 0;
  top: -45px;
}
.header-name{
  color:#000;
  font-size: 18px;

}
.main_modal{
  padding: 20px;
  box-sizing: border-box;
  background: #252B31;
  border: 1px solid var(--main-color);
}
.main_modal span{
}
.main_modal input{
  width: 100%;
  background: #161919;
  border: 1px solid #161919;
  height: 45px;
  margin-bottom: 10px;
  color: var(--text-color);
  padding-left: 1rem;
  transition: all 0.35s;
}
.main_modal input:hover,
.main_modal input:focus {
  border-color: var(--main-color);
}
.login__modal button {
  height: 55px;
}
.kakao_link {
  height: 168px;
  width: 100%;
  cursor: pointer;
}
.sport_link {
  height: 262px;
  width: 100%;
  cursor: pointer;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* 파이어폭스에서의 초기화 방법 */
input[type=number] {
  -moz-appearance: textfield;
}

.user-info .btn_form { display: flex;justify-content: flex-end;gap: 5px}
.user-info .btn_form > button { width: 104px;height: 36px; }
.user-info .btn_form > button:nth-child(1) { background: #8E30CB;border: 1px solid #411E64;transition: all 0.35s;box-shadow: inset 0 1px 0 0 #cb7dff; }
.user-info .btn_form > button:nth-child(1):hover { background: #A459D6; }
.user-info .btn_form > button:nth-child(2) { background: #421E64;border: 1px solid #411E64;transition: all 0.35s;box-shadow: inset 0 1px 0 0 #622f91; }
.user-info .btn_form > button:nth-child(2):hover { background: #723C9D; }
.user-info .btn_form > button:nth-child(3) { background: #421E64;border: 1px solid #411E64;transition: all 0.35s;box-shadow: inset 0 1px 0 0 #622f91; }
.user-info .btn_form > button:nth-child(3):hover { background: #723C9D; }

.user-infomation {display: flex;align-items: center;justify-content: flex-end;gap: 1rem;}
.user-infomation ul {display: grid;grid-template-columns: 1fr 2fr;gap: 5px 2rem;}
.user-infomation ul li {display: flex;justify-content: space-between;position: relative;gap: 5px;}
.user-infomation ul li b {color: #c572ff;}
.user-infomation ul li b font {color: var(--text-color);}
.user-infomation ul li:nth-child(1):after {content: "";position: absolute;width: 1px;height: 13px;background: var(--text-color);right: -1rem;}
.user-infomation ul li:nth-child(3) {grid-column: 2;}
.user-infomation button {width: 104px;height: 36px;background: #8E30CB;border: 1px solid #411E64;transition: all 0.35s;box-shadow: inset 0 1px 0 0 #cb7dff;transition: all 0.35s}
.user-infomation button:hover { background: #A459D6; }

.withdraw_table { width: 100% }
.withdraw_table th { background: #3A3A3A;height: 50px;border-bottom: 1px solid #262B31;box-shadow: inset 0 -1px 0 0 #5A5A5C }
.withdraw_table td { background: #17171B;border-bottom: 1px solid #262B31;box-shadow: inset 0 -1px 0 0 #5A5A5C;text-align: left;padding-left: 1rem  }
.withdraw_table td ul { display: flex;align-items: center;gap: 3rem }
.withdraw_table td .item-bottom { display: flex;align-items: center;gap: 3px }
.withdraw_table td .item-bottom input { background-color: #353636;border: 1px solid #8E2FCB;color: var(--text-color);text-align: left;padding: 0.6rem;width: 180px;height: 35px;border-radius: 0}
.withdraw_table td .item-bottom button,
.withdraw_table td .item-bottom a { display: flex;align-items: center;justify-content: center; width: 100px;height: 35px;background: #8E30CB;border: none;transition: all 0.35s;box-shadow: inset 0 1px 0 0 #cb7dff;outline: none }
.withdraw_table td .item-bottom button:hover,
.withdraw_table td .item-bottom a:hover{ background: #A459D6; }
.withdraw_table td .item-bottom button:last-child {background: #EB3636;box-shadow: inset 0 1px 0 0 #ffa8a8;}
.withdraw_table td .item-bottom button:last-child:hover { background: #EF5D64; }
.withdraw_table td ul li b { color: #f7d146 }
.btn-get { background: #8E30CB;border: 1px solid #411E64;transition: all 0.35s;box-shadow: inset 0 1px 0 0 #cb7dff; }
.btn-get:hover { background: #A459D6; }
.color-g { color: #3cbc57 !important; }
.deposit_box { position: relative }

.coin_table td .item-bottom button { background: #8E30CB !important;border: none;transition: all 0.35s;box-shadow: inset 0 1px 0 0 #cb7dff !important; }
.coin_table td .item-bottom button:hover { background: #A459D6 !important; }
.coin_table td a.btn-bet { text-decoration: underline }
.coin_table td button.bet_ok {
    width: 120px;
    height: 35px;
    background: #8E30CB !important;
    border: none;
    transition: all 0.35s;
    box-shadow: inset 0 1px 0 0 #cb7dff !important;
    color: #fff;
}
.coin_table td button.bet_ok:hover {
    background: #A459D6;
}
.coin_table td button.bet_ok:disabled {
    background: #18161C !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: inset 0 1px 0 0 #5a5760 !important;
    color: var(--text-sub-color) !important;
}

/*NEW 스포츠 배팅판 임시*/
.sports_title { display: flex;align-items: center;justify-content: space-between;height: 47px;padding: 0 1rem }
.sports_team { display: grid;grid-template-columns: 1fr 1fr 1fr;align-items: center;height: 35px;background: #000 }

.sports_box { display: flex;flex-direction: column;text-align: center;margin-bottom: 1rem;gap: 3px }
.sports_box .sports_type { display: flex;align-items: center;justify-content: center;height: 35px;background: #4D4E4E;border-top: 1px solid #53565F;border-bottom: 1px solid #53565F }
.sports_box .sports_type:not(:first-child) { margin-top: 2rem }
.sports_box .sports_type_item { background: #161616 }
.sports_box .sports_allocation {}
.sports_box .sports_allocation li { background: #161616;}
.sports_box .sports_allocation li:hover { background: #3B3B3B }
.sports_box .sports_allocation li.on {background: #8E2FCB;color: var(--bet-text-color);border-color: #B279DE;}
.sports_box .sports_allocation li.bet { cursor: pointer !important; }
.sports_box .sports_allocation li.lock { background: #000;color: var(--text-sub-color);border-color: #53565F !important;cursor: no-drop !important; }
.sports_box .sports_allocation li.hx { cursor: unset }

.sports_box .sports_notice { display: grid;grid-template-columns: 1fr;align-items: center;height: 35px;background: #161616; }
.sports_box .sports_notice li { color: #fc0; }

.sports_team li,
.sports_box li { display: flex;align-items: center;justify-content: center;height: 100%;}
.sports_box li { border: 1px solid #53565F; }

.sports_box .sports_type_item,
.sports_box .sports_allocation { display: grid;grid-template-columns: 1fr 1fr 1fr;align-items: center;height: 35px;gap: 2px }

.back_btn { border-bottom: 1px solid var(--border-color) }
.back_btn a {display: inline-flex;align-items: center;height: 40px;font-size: 13px;gap: 5px;padding: 0 1rem;font-weight: 500;color: #b1b1b1;transition: all 0.35s}
.back_btn a:hover { color: #fff }

/*메인 이스포츠배너*/
.side_menu a.esport_banner {display: flex;height: 164px;width: 100%;background: url(../images/esports_banner.png);background-size: 100% 100%;transition: all 0.35s;cursor: pointer}
.side_menu a.esport_banner:hover { box-shadow: inset 0 0 0 1px #cb7dff; }


/*카지노 점검시 이미지*/
.casino_lock { filter: grayscale(1); }

/*에볼루션슬롯*/
.slot-wrap #slides.ev_form { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }

/*마이크로슬롯*/
.slot-wrap.mgslot_from #slides { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.slot-wrap.mgslot_from #hero-slides #slides .slide {  padding-top: 100%;height: auto; }
.mgslot_from #hero-slides #slides .slide .body a,.mgslot_from #hero-slides #slides .slide .body .slot_buttom_margin { border-radius: 0 }

/*프라그마틱 슬롯*/
.slot-wrap.prslot_form #hero-slides #slides .slide {padding-top: 260px;}

.coin-notice.no-group {
  color: #fff;
  padding: 1rem 2rem;
  background: #e02323 !important;
  width: 100%;
  padding-left: 1rem !important;
}

.content-notice .content-box h2 {
  color: #e63b19;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 0;
}
.withdraw_table { width: 100% }
.withdraw_table th { background: var(--main-color);height: 50px;border-bottom: 1px solid var(--border-color);}
.withdraw_table td { background: var(--box-color);border-bottom: 1px solid var(--border-color);text-align: left;padding-left: 1rem  }
.withdraw_table td ul { display: flex;align-items: center;gap: 3rem }
.withdraw_table td .item-bottom { display: flex;align-items: center;gap: 3px }
.withdraw_table td .item-bottom input { background-color: transparent;border: 1px solid var(--border-color);color: var(--text-color);text-align: left;padding: 0.6rem;width: 180px;height: 35px;border-radius: 0;box-sizing: border-box}
.withdraw_table td .item-bottom button,
.withdraw_table td .item-bottom a { display: flex;align-items: center;justify-content: center; width: 100px;height: 35px;background: var(--basic-btn);transition: all 0.35s;outline: none;border: 1px solid var(--border-color) }
.withdraw_table td .item-bottom button:hover,
.withdraw_table td .item-bottom a:hover{ background: #A459D6; }
.withdraw_table td ul li b { color: #f7d146 }
.btn-get { background: #8E30CB;border: 1px solid #411E64;transition: all 0.35s;box-shadow: inset 0 1px 0 0 #cb7dff; }
.btn-get:hover { background: #A459D6; }
.color-g { color: #3cbc57 !important; }
.deposit_box { position: relative }

.coin_table td .item-bottom button { background: var(--basic-btn) !important;transition: all 0.35s;}
.coin_table td .item-bottom button:hover {  }
.coin_table td a.btn-bet { text-decoration: underline;color: var(--text-color) }
.coin_table td button.bet_ok {
  width: 120px;
  height: 35px;
  background: var(--main-color) !important;
  transition: all 0.35s;
  color: #fff;
  border: 1px solid var(--main-color);
}
.coin_table td button.bet_ok:hover {

}
.coin_table td button.bet_ok:disabled {
  background: var(--basic-btn) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-sub-color) !important;
}
.content-box .content-item b {
  color: #e63b19;
}

/*코인입금 휴대폰 인증 관련*/
#CoinChargeFormArea {background: var(--box-color);}
.coin_table th,
.coin_table td { border: 1px solid var(--border-color);box-shadow: none }

/*카지노머니 입금/출금 팝업창 UI*/
.ui-widget-overlay {
  background: rgba(28,28,40,.65);
}
.ui-dialog {
  position: fixed;
  left: 50% !important;
  top: 50% !important;
  width: 420px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center !important;
  transform: translate(-50%,-50%);
  padding: 1rem;
  min-height: 200px;
  gap: 2rem;
  border-radius: 0;
  border: 1px solid #8E30CB;
  background: #252B31;
  box-shadow: rgb(20 21 26 / 16%) 0px 8px 16px, rgb(71 77 87 / 16%) 0px 16px 32px, rgb(20 21 26 / 10%) 0px 0px 1px;
}
.ui-dialog .ui-dialog-content {
  padding: 0;
  min-height: auto !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  width: 120px;
  margin: 0;
  border-radius: 0;
  border: none;
  outline: none;
  transition: none;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1) {
  background: #EB3636;
  box-shadow: inset 0 1px 0 0 #FFA8A8;
  color: var(--table-th-text-color);
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(1):hover {
  background: #EF5D64;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2) {
  background: #8E30CB;
  color: var(--main-btn-text-color);
  box-shadow: inset 0 1px 0 0 #cb7dff;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2):hover {
  background: #BC43E0;
  color: var(--table-th-text-color);
}

/*환전 롤링영역*/
.rolling_info { width: 100%;margin-bottom: 2rem }
.rolling_info th { background-color: var(--main-color) !important; }
.rolling_info th,
.rolling_info td { height: 45px;padding: 0 0.8rem;background-color: var(--box-color);border-bottom: 1px solid #262B31;box-shadow: inset 0 -1px 0 0 #5A5A5C; }
.rolling_info td:not(:last-child),
.rolling_info th:not(:last-child){border-right: 1px solid #5A5A5C;}

/*outside페이지*/
.outside_body {min-width: unset;background-image: url(../images/banner.png);background-size: contain;background-position: center;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: 450px;height: auto;padding: 2rem;box-sizing: border-box;animation: outside_move 0.85s;animation-delay: 0s;z-index: 1;border: 1px solid #8E30CB;box-shadow: 0 0 0 100vh rgba(0,0,0,0.68);background-color: #252B31;color: #fff;}
.outside_wrap .text_box {all: unset !important;line-height: 2rem !important;}
.outside_wrap table { width: 100% }
.outside_wrap table th { background-color: var(--border-sub-color) }
.outside_wrap table th,
.outside_wrap table td { height: 40px;border: 1px solid var(--border-sub-color);text-align: center;color: #FFFF00 }
.outside_wrap table td span { color: #4285F5 }
.outside_wrap .btn { display: flex;justify-content: center;align-items: center;height: 45px;transition: all 0.35s;background: #8E30CB;border: 1px solid #411E64;transition: all 0.35s;box-shadow: inset 0 1px 0 0 #cb7dff;}
.outside_wrap .btn:hover { background: #A459D6;}
@keyframes outside_move { from {top:-10%;} to {top:50%;} }

/*회원가입*/
.flex_box { display: flex;align-items: center;gap: 0.5rem }
#phone_check_btn,
#phone_auth_btn { height: 45px;margin-bottom: 10px }
#phone_check_val:disabled { background-color: #161919 }
#phone_auth_btn:disabled {background: #161919;border: 1px solid #161919;color: #999;}

/* 이벤트,공지사항 페이지 */
.event_content { display: grid;grid-template-columns: repeat(5, 1fr);gap: 1rem;padding: 5px}
.event_content li { display: flex;flex-direction: column;gap: 0.5rem;cursor: pointer}
.event_content li:hover .title,
.event_content li:hover .title p { text-decoration: underline; }
.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 { position: relative !important;display: grid;grid-template-columns: 40px 1fr;align-items: center;height: 28px !important;gap: 0.5rem;color: #282828;font-size: 14px;border-bottom: 1px solid #314450 !important;padding: 0 0 0.5rem !important;cursor: pointer;width: 100% !important;margin: 0 !important;}
.event_content .title > b { display: inline-flex;align-items: center;justify-content: center;padding: 0 0.5rem;background-color: #8E30CB;height: 22px;border-radius: 2px;font-size: 12px;white-space: nowrap;color: #fff}
.event_content .title > b.event_close { background-color: #4D4E4E;}
.event_content .title p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: normal !important;}
.event_content .notice_box { display: flex;gap: 0.5rem; }
.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;justify-content: center;background-color: transparent;padding: 1rem }
.w-140 { width: 120px !important;height: 36px !important; }
.p0 { padding: 0 !important; }

.counter { display: inline-flex;align-items: center;margin-right: 5px }
.counter .item {color: #fff;background: #FF010B;display: inline-flex;height: 18px;align-items: center;justify-content: center;min-width: 42px;border-radius: 2px;}

.blink_me {
  color: #f1b002;
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.tab-region,
.tab-league{
  display: none;
}

.tab-region ul,
.tab-league ul {
  display: flex;
}

.tab-region ul li a,
.tab-league ul li a{
  font-size: 13px;
  padding: 0 10px;
  color: #aaa;
}

.tab-region ul li.on a,
.tab-region ul li:hover a,
.tab-league ul li.on a,
.tab-league ul li:hover a {
  color: #000;
}

/*스포츠 경기세분화*/
.timeline .sports__tab { margin: 0 }
.GrayTab.sports__tab ul li a {  }
.GrayTab.sports__tab ul li.on a {}
.sports__tab ul.game-list li a span {}
.GrayTab.sports__tab ul li:not(:last-child) {}
.GrayTab.sports__tab ul li {}
.GrayTab.sports__tab ul li:not(:first-child) {}

.sub__tab { display: flex;align-items: center;justify-content: flex-start;background: #000000;padding-left: 10px;gap: 5px;margin-bottom: 5px }
.sub__tab select { position: relative;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 100px;height: 28px;padding: 0 17px 0 5px;border: 1px solid #656665;background: #000000;line-height: 28px;vertical-align: top;color: #fff;outline: #FF5F39;-webkit-appearance: none;-moz-appearance: none;appearance: none }
.sub__tab select::-ms-expand{ display:none }
.sub__tab .tab-league select { width: 150px }

#rgTab { display: flex }
#lgTab { display: flex;gap: 5px;align-items: center }
.tab-region,
.tab-league { align-items: center;gap: 5px }
.tab-region span { margin: 16px 0 }

/*스포츠 경기 세분화 커스텀 Select*/
.select-wrapper { position: relative;display: inline-block; }
.select-wrapper:after { content: '▾';font: normal normal normal 12px / 1 FontAwesome;color: #fff;right: 5px;top: 5px;height: 13px;position: absolute;pointer-events: none; }

/*롤링포인트*/
.pr_text_box { padding: 2rem;border: 1px solid #8E30CB;background: #000000;line-height: 24px;margin-top: 5px; }
.pr_text_box b { color: #FDD836;text-decoration: underline }

.deposit_box .deposit_notice {
  color: var(--text-color);
  padding: 20px 30px;
  line-height: 1.8rem;
  background-color: #000;
  border: 1px solid var(--main-color);
  margin-bottom: 2rem;
}

/* 신규 충전신청버튼 */
#deposit_check_ok_btn {
  width: 30%;
  height: 35px;
  line-height: 35px;
}