@font-face{font-family:"SCDream6";src:local("SCDream6"),url(/assets/fonts/SCDream6.4df12ee.otf) format("opentype")}
@font-face{font-family:"OneMoible";src:local("OneMobile"),url(/assets/fonts/OneMobile.761b382.otf) format("opentype")}


body{
  background-color: #000;
  color: #fff;
  font-family: "NanumBarunGothic";
}
.TCbox{display:inline-block; width:100%; text-align:center;margin-bottom:0px;margin-top:5px;}
.btn {color: #000;}
.btn:hover{color:#000;}
.btn-outline-blue{background-color:gray;}
.form_table{width: 100%;}
.debug{
  display:none;
}
.mainoverflow{
  overflow:auto;
  height: calc( 100vh - 140px );
}
.main{
  margin-bottom: 100px;
}
*::-webkit-scrollbar{
  display:none;
}
.betbtn{
  cursor: pointer;
}
a{color:#000; text-decoration:none;}
a:hover{color:#000; text-decoration: none;}
p{margin-bottom:2px;}
.containerframe{
  height: calc(100vh - 100px);
  overflow: hidden;
}
.mobile_layout{
  overflow:auto;
  height: 120vh;
}
.align-center{
  align-items: center;
}
.btn_login{
  background: url(/img/btn_login.png?r=1);
  width: 120px;
  height: 35px;
  border: 0px;
  display:inline-block;
}
.btn_join{
  background: url(/img/btn_join.png);
  width: 117px;
  height: 35px;
  display:inline-block;

}

/*MINIGAME STYLE*/

	.game-btns-header {
		padding: 10px;
		width: 100%;
		background: #000;
	}


	.game-list {
		display: flex;
		list-style: none;
		color: #f6f6f6;
		font-weight: 600;
		padding: 0;
	}

	.game-list li {
		flex: 1;
		text-align: center;
		background: #000;
		border: 1px solid #454545;
		padding: 5px;
	}

	.game-list li:nth-child(1) {
	 	border-top:4px solid #0091EA;
	}


	.game-list li:nth-child(2) {
	 	border-top:4px solid #2A62FF;
	}


	.game-list li:nth-child(3) {
	 	border-top:4px solid #4F2FC5;
	}


	.game-list li:nth-child(4) {
	 	border-top:4px solid #C41162;
	}


	.game-list li:nth-child(5) {
	 	border-top:4px solid #D60000;
	}


	.game-list li:nth-child(6) {
	 	border-top:4px solid #FF9000;
	}


	.game-list li:nth-child(7) {
	 	border-top:4px solid #FF9000;
	}

	.game-list li:nth-child(8) {
	 	border-top:4px solid #5D871B;
	}


	.game-list li:nth-child(9) {
	 	border-top:4px solid #206825;
	}




	.game-list li p {
		margin: 0;
    color: #fff;
	}
/*END MINIGAME STYLE*/


.slot_item{color:#fff;}
.slot_item img{width:100%;}
.slot_item a{color: #fff;}
.icon_notice { background: url(/img/sprite.png) -10px -140px no-repeat; display: inline-block; width: 27px; height: 16px; }
.icon_sent { background: url(/img/sprite.png) -40px -140px no-repeat; display: inline-block; width: 27px; height: 16px; }
.icon_recv { background: url(/img/sprite.png) -70px -140px no-repeat; display: inline-block; width: 27px; height: 16px; }
.icon_photo { background: url(/img/sprite.png) -100px -140px no-repeat; display: inline-block; width: 13px; height: 12px; }
.icon_pick { background: url(/img/sprite.png) -440px -140px no-repeat; display: inline-block; width: 31px; height: 12px; }
.icon_lock { background: url(/img/sprite.png) -140px -140px no-repeat; display: inline-block; width: 7px; height: 9px; }
.icon_lock2 { background: url(/img/sprite.png) -340px -140px no-repeat; display: inline-block; width: 12px; height: 15px; }
.icon_new { background: url(/img/sprite.png) -120px -140px no-repeat; display: inline-block; width: 10px; height: 9px; }
.icon_answer { background: url(/img/sprite.png) -150px -140px no-repeat; display: inline-block; width: 50px; height: 16px; }
.icon_read { background: url(/img/sprite.png) -10px -160px no-repeat; display: inline-block; width: 27px; height: 16px; }
.icon_wait,
.icon_deposit_new { background: url(/img/sprite.png) -40px -160px no-repeat; display: inline-block; width: 27px; height: 16px; }
.icon_deposit_wait { background: url(/img/sprite.png) -70px -160px no-repeat; display: inline-block; width: 27px; height: 16px; }
.icon_deposit_ok { background: url(/img/sprite.png) -100px -160px no-repeat; display: inline-block; width: 27px; height: 16px; }
.icon_deposit_cancel { background: url(/img/sprite.png) -130px -160px no-repeat; display: inline-block; width: 27px; height: 16px; }
.icon_lv_3 { background: url(/img/sprite.png) -210px -140px no-repeat; display: inline-block; width: 17px; height: 17px; }
.icon_lv_2 { background: url(/img/sprite.png) -230px -140px no-repeat; display: inline-block; width: 17px; height: 17px; }
.icon_lv_1 { background: url(/img/sprite.png) -250px -140px no-repeat; display: inline-block; width: 17px; height: 17px; }
.icon_lv_99 { background: url(/img/sprite.png) -270px -140px no-repeat; display: inline-block; width: 17px; height: 17px; }
.icon_message { background: url(/img/sprite.png) -300px -140px no-repeat; display: inline-block; width: 29px; height: 20px; }
.icon_delete { background: url(/img/sprite.png) -360px -140px no-repeat; display: inline-block; width: 9px; height: 10px; }
.icon_delete2 { background: url(/img/sprite.png) -380px -140px no-repeat; display: inline-block; width: 19px; height: 19px; }
.icon_wrench { background: url(/img/sprite.png) -410px -140px no-repeat; display: inline-block; width: 20px; height: 19px; }
.icon_favorite { background: url(/img/sprite.png) -230px -160px no-repeat; display: inline-block; width: 17px; height: 17px; }
.icon_favorite_on { background: url(/img/sprite.png) -210px -140px no-repeat; display: inline-block; width: 17px; height: 17px; }

.betHistoryPick .time{margin-right: 20px;}
.w100{
  width:100%;
}
.list-header-2{
  background-color: #e2d6a4;
}
.frame-holder{
  overflow: hidden;
  max-width: 500px;
  margin: auto;
  margin-bottom: 20px;
}
.main .card-header{
  background-color: #f9f7f3;
}
.main .card-body{
  background:#827f78;
}
.moveTop{
  position: fixed;
  bottom: 90px;
  right: 10px;
  border-radius: 50%;
  color: #000;
  background-color: #fff;
  width: 47px;
  height: 47px;
  padding: 2px 11px;
  font-size: 1.7rem;
  border: 1px solid #000;
  display:none;
}
.moveTop.on{
  display:block;
}
.virtual_sports_menu{
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1px;
}
.virtual_sports_menu_item{
  text-align: center;
  width: 100%;
  cursor:pointer;
  border-bottom: 1px solid transparent;
  background-color: #2A2A2A;
}
.virtual_sports_menu_item a{
  color: #fff;
}

.virtual_sports_menu_item.on{
  border: 1px solid #A86B1F;
  border-bottom: 1px solid transparent;
}
.virtual_sports_sub_menu{
  display:none;
}
.virtual_sports_sub_menu.on{
  display:block;
}
.virtual_sports_sub_menu_item{
  border: 1px solid transparent;
  padding: 1px 5px;
  text-align: center;
  cursor:pointer;
  background-color: #5F5F5F;
  width: 100%;
  color: #fff;
}
.virtual_sports_sub_menu_item a{
  color: #fff;
}
.virtual_sports_sub_menu_item.on{
  border: 1px solid red;
}

.btn-red{
  background-color: #2B1215;
  border:1px solid #C90505;
  color: #fff;
}
.btn-red:hover{
  background-color: #2B1215;
  border:1px solid #fff;
  color: #fff;
}
.dark-button {
	width: 100%;
	padding: 10px 15px;
	border-radius: 2px;
	background: #2a2a2a;
	border: none;
	color: white;
	position: relative;
  min-height:41px;

}
.FL{float:left;}
.FR{float:right;}
.clear{clear:both;}
.h39{
  height: 39px;
}
.ellipsis{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.blind{display:none !important;}
.theme-color{
  color: #B88333 !important;
}
.theme-color-yellow{
  color: #f9ff4c !important;
}
.TC{
  text-align: center !important;
}
.TL{
  text-align: left !important;
}
.TR{
  text-align: right !important;
}
.w-center{align-items:center;}
.v-center{align-items:center;}
.mx-0{
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.px-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.mx-2{
  margin-left: -0.2rem !important;
  margin-right: -0.2rem !important;
}
.px-2{
  padding-left: 0.2rem !important;
  padding-right: 0.2rem !important;
}
.pl-5{
	padding-left: 5rem !important;
}
.pl-3{
	padding-left: 3rem !important;
}



.container{
  width: 100% !important;
  max-width: 1607px !important;
  /*min-width: 500px;*/
}
.topHeader{
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 0.9rem;
  /*
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;

  font-size: 13px;
  */
}

.topHeader .logo{
  width:100%;
  text-align: center;
}
.topHeader .logo img{
  /*max-width: 120px;*/
}
.topHeader .boxarea{
  padding: 10px 30px;
  box-shadow: -1px 3px 3px 0 rgba(0,0,0,.15);
  background: #1f1f1f;
  color: #fff;
  width: 100%;
}

.mobileTopHeader {
    font-size: 0.7rem;
}

.mobileTopHeader .logo{
  width:90px;
  margin:auto;
}
.mobileTopHeader .boxarea{
  padding: 10px 10px;
  /* background-color: #fffa; */
  box-shadow: -1px 3px 3px 0 rgba(0,0,0,.15);
  /*background: hsla(0, 0%, 94.9%, .6);*/
  color: #fff;
  width: 100%;
}

.middleHeader .topMenu{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  align-content: center;
  background-color: #2a2a2a;
  padding-left: 0px;
}
.topMenu a{
  color: #fff !important;
}
.middleHeader .topMenu li{
  list-style: none;
  padding: 10px;
}

.mobileMiddleHeader{
  width: 100%;
  overflow-x: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-content: center;
  flex-direction: row;
  background-color: #2a2a2a;
}
.mobileMiddleHeader .overflowarea{
  overflow-x:auto;
}
.mobileMiddleHeader .overflowarea::-webkit-scrollbar {
  display: none;
}
.mobileMiddleHeader .scroll{
  padding-left: 5px;
  padding-right: 5px;
}
.mobileMiddleHeader .topMenu {
    padding-left: 0px;
    margin-left: 0px;
    width: 700px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 0px;
    font-size: 0.7rem;
}

.mobileMiddleHeader .topMenu li{
  list-style: none;
  padding: 10px;
}

.sample{
  background-color: #fff;
  border: 1px solid #ccc;
  text-align: center;
}
.topMenu li:hover{
  background-color:#0001;
}

.realtime_list, .eventlist, .mobile_eventlist{
  /*background-color: #fff;*/
  color: #fff;
  height: 100%;
  border:1px solid #000;
}

.virtual .eventlist{
  border:1px solid transparent;
}

.list_item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

#realtime_withdraw .list_item .nickname{width: 30%;text-align: center;}
#realtime_withdraw .list_item .amount{width: 70%; text-align: right;}


#weekly_withdraw .list_item .wdate{width: 15%;text-align: center;}
#weekly_withdraw .list_item .nickname{width: 30%;text-align: center;}
#weekly_withdraw .list_item .amount{width: 55%;text-align: left;}

.realtime_list .list_title, .eventlist .list_title{
  background: rgb(167,124,104);
  background: linear-gradient(135deg, rgba(167,124,104,1) 0%, rgba(167,124,104,1) 26%, rgba(190,151,133,1) 61%, rgba(243,217,203,1) 100%);
  padding: 5px;
  color: #fff;
}

.mobile_eventlist .list_title{
}
.realtime_list .list_body, .eventlist .list_body{
  padding: 5px;
  overflow:auto;
  scroll-behavior: smooth;
  min-height:200px;
}

.eventlist .list_item{
  /*border-bottom: 1px solid #b89067;*/
  padding: 0px 5px;
}

.eventlist .list_item a{
  color: #fff;
}
.maindiv{
  width:100%;
}
.line_notice{
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  padding:5px;
}
.line_notice marquee{
  color: red;
  font-weight: bold;
}
.cartnavi_bar{
  display: flex;
  justify-content: space-between;
  background: #151515;
  padding: 2px;
  width: 100%;
}
.cartnavi_bar_absol{
  display: flex;
  justify-content: space-between;
  background: rgb(158, 136, 97);
  background: linear-gradient(180deg, rgba(158, 136, 97, 1) 0%, rgba(131, 103, 60, 1) 100%);
  border: 1px solid #9A845E;
  padding: 2px;
  width: 100%;
  font-size: 0.7rem;
}

.betInfo{
  color: #fff;
  font-weight: bold;
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding-right: 18px;
  align-items: center;
}
.btn-menu{
  background-image: url(/img/btn_menu.png);
  background-repeat: no-repeat;
  width: 90px;
  height: 32px;
  color: #000;
  padding:0px;
}

.btn-cart{
  background-image: url(/img/btn_cart.png);
  background-repeat: no-repeat;
  width: 90px;
  height: 32px;
  color: #000;
  padding:0px;
}
.btn-bonus{width: 140px;padding:0px;border: 2px solid transparent;}
.btn-bonus.on{border-color:#e2d6a4;}
.btn-charge{
  background-color: #f003;
  border:1px solid #FE5E5D;
  border-radius: 5px;
  color: #fff;
}
.btn-pointChange{
  border:1px solid #BE8E46;
  padding: 2px 5px;
  color: #fff;
}
.wingbtn{
  width: 20px;
  height: 150px;
  position: absolute;
  top: 90px;
  background:url(/img2/wing.png);
  border: 0px;
  color: #fff;
  padding: 0px;
}
.cartCount{color: red;}
.wingContents{
  margin: 40px 3px;
  font-size: 13px;
  display: block;
}
.rightwingbtn .wingContents{
  transform: rotate(180deg);
}
.rightwingbtn{
  transform: rotate(180deg);
}
.btn-big{
  background-color: #3E3D40;
  color: #fff;
  width: 100%;
  padding: 10px 0px;
  text-align: center;
  border-radius:10px;
}
.btn_tab{background-color: #e2d6a4;}
.btn-submit {
  border: 2px solid #F34D4D;
}

.btn_leftmenu{

}
.AdjustHeightLiveGame{
  margin:auto;
}
.btn_leftmenu img{
  margin-bottom: 2px;
}
.left_textmenu{
  background-color: #3e3d40;
  border-radius: 5px;
  display: inline-block;
  padding: 7px 5px;
  height: 39px;
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 1px;
  width: 130px;
  color: #fff;
  text-align: center;
}
.btn_leftmenu{
  color: #fff;
}
.btn_logout{
  background: url(/img/logoutbtn.png);
  color: #fff;
  width: 120px;
  height: 36px;
  padding: 6px;
}
.btn_notice{
  border-radius: 40px;
  background: rgb(203, 191, 168);
  background: linear-gradient(270deg, rgba(203, 191, 168, 1) 0%, rgba(228, 218, 203, 1) 50%, rgba(203, 191, 168, 1) 100%);
  padding: 6px;
  font-weight: bold;
  width: 100px;
  text-align: center;
  margin-right: 15px;
  font-size:0.7rem;
}
.left_group{
  margin-bottom: 1rem;
}
.left_body{
  margin-bottom: 10px;
}

.left_body.on{
  display:block;
}


.leftnavi{
  position: relative;
  width: 280px;
  margin-right: 5px;
  height: 100vh;
  overflow: auto;
  padding: 5px;
  background-color: #000;
}
.leftnavi::-webkit-scrollbar{
  display:none;
}
.leftnavi .left_title{
  margin-bottom: 2px;
}
.leftnavi .subtitle{
  /*background-color: #3e3d40;*/
  text-align: center;
  font-weight: bold;
  color: #fff;
  margin-bottom: 2px;
}

.leftnavi .league_event_item{
  background-color: #3e3d40;
  color: #fff;
  padding:2px 5px;
  margin-bottom: 2px;
}


.left_overay.on, .right_overay.on{
  position: fixed;
  width: 100%;
  height: 300vh;
  z-index: 1;
  top:40px;
}
.center_contents{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: flex-start;
}


.footer{
  background:url(/img/footer/footer-bg.webp);
  padding:20px;
}
.footer .footerlist{
  display: flex !important;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}


.hide{
	display:none;
}

/*카지노*/
.casinobg{
  background-image: url('/img2/casinobg.png?r=1'); background-size: cover;
  background-color: #1a1a1c;
}

.casino_layout{
  margin:auto;
}
/* //카지노 */

/* 카드 */
.carditem{
  min-height: calc(12vh);
  text-align: center;
  border-radius: 10px;
  border: 1px solid #3b9931;
  margin: 0px 0px 5px 0px;
  padding: 10px;
}

.carditem.rollover:hover{
  border: 1px solid #69ff59;
}

.carditem img{
  max-height: 100%;
}
/* //카드 */

/* 패턴표 */
.bacarabet2 .bacarapanel{
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	background-color: #006700; padding: 10px; border-radius: 5px 5px 0px 0px; margin-bottom: 0px !important;
}

.bacarabet2.kangwon .bacarapanel{background-color: rgb(104,53,86);display: inline-block; width: 100%;}
.bacarabet2.sol .bacarapanel{background-color: rgb(0,128,80);display: inline-block; width: 100%;}
.bacarabet2.makao .bacarapanel{background-color: rgb(142,30,29);display: inline-block; width: 100%;}
.bacarabet2.las .bacarapanel{background-color: rgb(53,83,117);display: inline-block; width: 100%;}

.baccarat_paper table { background-color: #0007; color: #fff; border-collapse: collapse;  }
.baccarat_paper th,
.baccarat_paper td { border: 1px solid #444; padding: 2px;text-align: center; }
.baccarat_paper th {

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a4162+0,141f31+100 */
background: rgb(42,65,98); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(42,65,98,1) 0%, rgba(20,31,49,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(42,65,98,1) 0%,rgba(20,31,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(42,65,98,1) 0%,rgba(20,31,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a4162', endColorstr='#141f31',GradientType=0 ); /* IE6-9 */
  line-height: 2; text-shadow: 1px 1px 1px rgba(0,0,0,0.75); }
.baccarat_paper td { text-align: center; height: 30px; }
.baccarat_paper td span { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 12px;}
.baccarat_paper td span.홀,
.baccarat_paper td span.오버,
.baccarat_paper td span.O,
.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.팔순,
.baccarat_paper td span.B,
.baccarat_paper td span.골,
.baccarat_paper td span.플,
.baccarat_paper td span.D,
.baccarat_paper td span.드,
.baccarat_paper td span.A,
.baccarat_paper td span.L,
.baccarat_paper td span.핑,
.baccarat_paper td span.블,
.baccarat_paper td span.대 { background: url(/ladder/img/sprite-ladder.png?1) 0px 0 no-repeat; }
.baccarat_paper td span.짝,
.baccarat_paper td span.언더,
.baccarat_paper td span.U,
.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.팔푼,
.baccarat_paper td span.W,
.baccarat_paper td span.뱅,
.baccarat_paper td span.T,
.baccarat_paper td span.타,
.baccarat_paper td span.J,
.baccarat_paper td span.H,
.baccarat_paper td span.마,
.baccarat_paper td span.레,
.baccarat_paper td span.소 { background: url(/ladder/img/sprite-ladder.png?1) -35px 0 no-repeat; }
.baccarat_paper td span.무효,
.baccarat_paper td span.무,
.baccarat_paper td span.타이,
.baccarat_paper td span.세븐,
.baccarat_paper td span.팔팔,
.baccarat_paper td span.Tie,
.baccarat_paper td span.노,
.baccarat_paper td span.루,
.baccarat_paper td span.중 { background: url(/ladder/img/sprite-ladder.png?1) -70px 0 no-repeat; }
.baccarat_paper td span.옐로 { background: url(/ladder/img/sprite-ladder-v2.png?1) -106px 0 no-repeat; }

.baccarat_paper td span.네 { background: url(/racing/img/sprite_result.png) 0 0 no-repeat; }
.baccarat_paper td span.임 { background: url(/racing/img/sprite_result.png) -35px 0 no-repeat; }
.baccarat_paper td span.드 { background: url(/racing/img/sprite_result.png) -70px 0 no-repeat; }
/* //패턴표 */


/* 출석부 */
.event-calendar{
	width: 100%;
	text-align: center;
	border-spacing: 0px;
	border-collapse: separate;
	table-layout: fixed;
	margin-top: 2px;
}
.btn-theme{background-color:#2a2a2a;font-size:1rem;color:#fff;}
.event-calendar th{
    background-color: #e2d6a4;
    border-right: 1px solid #0007;
    border-left: 1px solid #fff7;
}
.attendance_header{
  background-color: #bea387;
  border: 2px solid #495057;
  font-size: 0.7rem;
}
.attendance_h2{
  font-size: 0.9rem;
}
.event-calendar td{
	padding: 15px 0px;
    border-left: 1px solid #fff7;
    border-right: 1px solid #0007;
    border-bottom: 1px solid #0007;
    border-top: 1px solid #fff7;
	vertical-align: top;
}
.event-calendar .date{
    width: 100%;
    text-align: left;
    padding: 0px 5px;
}
.event-calendar .date.past{color: gray;}
.event-calendar .date.today{color: #ff5500;}
.event-calendar .date.future{color: #fff;}
.event-calendar .date .checkimg{width: 30px;}
.event-calendar .date.paybackday{background-color: #0007;}
.event-calendar .date.paybackday .paybackdayStr{ font-size: 12px; }
.event-calendar td .eventStatus{color: #fff;}
.event-calendar td.paybackday{border: 3px solid rgb(197, 179, 88);}
.form_table.helpread{width: 100%;}
.form_table.helpread td{border: 1px solid #333;}

.event-calendar .eventHistoryBody{min-height: 45px;}
.event-calendar .eventHistory ul{padding: 0px; margin: 0px;}
.event-calendar .eventHistory li{display: inline-block; width: 80px; background-color: #dc3545; border: 1px solid #CCC; border-radius: 5px; padding: 5px;}
.event-calendar .eventHistory .pointAmount{padding: 5px;}
.event-calendar .eventHistory .pointAmount div{display: inline-block; width: 100%; background-color: #28a745; border: 1px solid #CCC; border-radius: 5px; padding: 5px;}
.event-calendar .eventHistory .eventHistoryList{font-size: 12px; padding: 5px;}

.eventHistoryTitle{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top:3px;
}
.historyBody .bettingInfo ul{
  padding:0px 5px;
  margin: 0px;
}

.event-calendar-mobile{
	width: 100%;
    text-align: center;
    border-spacing: 0px;
    border-collapse: separate;
		table-layout: fixed;
		margin-top: 3px;
}
.event-calendar-mobile th{
    background-color: green;
    border-right: 1px solid #0007;
    border-left: 1px solid #fff7;
}
.event-calendar-mobile td{
	padding: 15px 0px;
    border-left: 1px solid #fff7;
    border-right: 1px solid #0007;
    border-bottom: 1px solid #0007;
    border-top: 1px solid #fff7;
	vertical-align: top;
}
.event-calendar-mobile .dateDiv{display: inline-block; width: 100%; border-bottom: 1px solid #CCC;}
.event-calendar-mobile .date{
    width: 100%;
    text-align: left;
    padding: 0px 5px;
}
.event-calendar-mobile .date.past{color: gray;}
.event-calendar-mobile .date.today{color: #ff5500;}
.event-calendar-mobile .date.future{color: #fff;}
.event-calendar-mobile .date .checkimg{width: 30px;}
.event-calendar-mobile .date.paybackday{background-color: #0007;}
.event-calendar-mobile .date.paybackday .paybackdayStr{ font-size: 12px; }
.event-calendar-mobile .eventStatus{color: #fff;}

.event-calendar-mobile .eventHistoryBody{min-height: 45px;}
.event-calendar-mobile .eventHistory ul{padding: 0px; margin: 0px;}
.event-calendar-mobile .eventHistory li{display: inline-block; background-color: red; border: 1px solid #CCC; border-radius: 5px; padding: 5px;}
.event-calendar-mobile .eventHistory .pointAmount{padding: 5px;}
.event-calendar-mobile .eventHistory .pointAmount div{display: inline-block; width: 100%; background-color: green; border: 1px solid #CCC; border-radius: 5px; padding: 5px;}
.event-calendar-mobile .eventHistory .eventHistoryList{font-size: 12px; padding: 5px;}

/*  //출석부 */


/* 배팅내역 */
.board_box h2 {
margin-bottom: 10px;
position: relative;
border: 1px solid transparent;
border-radius: 5px;
background: #2A2A2A;
box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
height: 45px;
padding-left: 15px;
line-height: 44px;
font-size: 18px;
color: #fff;
}

.result_btn {
    margin: 0px -4px 4px -4px;
    position: relative;
}

.result_btn h3 {
    border: 1px solid #ffa604;
    height: 40px;
    font-weight: bold;
    border-radius: 5px;
    line-height: 38px;
    margin: 0px 4px 10px 4px;
    padding-left: 10px;
    cursor: pointer;
    display: none;
    background: url(..//images/icon/arrow_down_01.png) no-repeat #312b20;
    background-position: 97% center;
}

.result_btn li {
    margin-bottom: 6px;
    float: left;
    padding: 0px 4px;
    min-width: 125px;
}

.result_btn li button {
    border: 1px solid #434347;
    background: #2d2e35;
    height: 40px;
    font-weight: bold;
    border-radius: 5px;
    width: 100%;
}

.result_btn ul:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.result_section {
    border: 1px solid #2d2d34;
    border-radius: 4px;
    background: #222227;
    padding: 8px;
    margin-bottom: 3px;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
}

.result_section h4 .ico01 {
    height: 20px;
}

.result_section h4 .arrow {
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 10px;
}

.result_section ul {
    margin-bottom: 8px;
}

.result_section ul li {
    border-bottom: 1px solid #373738;
    position: relative;
    padding: 6px 0px 10px 0px;
}

.result_section ul li:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 1px;
    background: #000000;
}

.result_section .time_arae {
    float: left;
    width: 20%;
    text-align: left;
    line-height: 18px;
    font-size: 12px;
    padding: 5px 0px;
    padding-left: 10px;
}

.result_section .bet_area {
    float: left;
    width: 80%;
    text-align: center;
}

.result_section .bet_area .home {
    width: 40%;
    text-align: left;
    padding: 0px 10px;
}

.result_section .bet_area div {
    display: inline-block;
    line-height: 28px;
    height: 30px;
    border: 1px solid #484853;
    background: #3a3a42;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.result_section .bet_area .vs {
    width: 14%;
    text-align: center;
    cursor: default;
}

.result_section .bet_area .away {
    width: 40%;
    text-align: right;
    padding: 0px 10px;
}

.result_section ul li:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.page_skip {
    text-align: center;
    margin: 30px 0px 30px 0px;
}

.page_skip a.on {
    cursor: default !important;
    border: 1px solid #ffa604;
    color: #ffa604 !important;
    background: #312b20 !important;
}

.page_skip a {
    display: inline-block;
    line-height: 28px;
    background: #2d2e35;
    border-radius: 5px;
    transition: 200ms all;
    padding: 0px 15px;
    border: 1px solid transparent;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
    color: #c8c8c7;
}


.betHistoryPick .eventInfo {
    background-color: #000;
    padding: 5px;
    font-size: 12px
}

.betHistoryBet {
    position: relative;
    border: 1px solid #2d2d34;
    border-radius: 5px;
    background: #222227;
    box-shadow: rgb(0 0 0/35%) -3px 6px 6px -3px;
    display: inline-block;
    width: 100%
}

.betHistoryBet .bettingInfo {
}

.betHistoryBet .bettingInfo li {
    float: left;
    padding: 5px;
    margin-right: 10px;
    font-size: 12px
}
.RES-대기{}
.RES-적중{background-color: #17a2b8!important;}
.RES-실패{background-color: #dc3545!important;}
.RES-취소{background-color: blue;}
.RES-적특{background-color: purple;}
/*  //배팅내역 */

/* 카트 */
.rightnavi{
  position:relative;
  width:280px;
  margin-left: 5px;
  background-color:#ECE7DB;
  height: 100vh;
  overflow:auto;
}
.rightnavi::-webkit-scrollbar{
  display:none;
}
.bet-slip-header{
  background-color: #C2A98F;
  border: 1px solid #000;
  padding: 5px;
}

.bet-slip .noti {
  color: #e55959;
  font-size: 13px;
}

.BettingForm .bet-buttons button{
  border: 0px;
  background-color: #E2C3A3;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  height:30px;
}
.bet-slip-betting{
  background-color: #3E3D40;
  padding: 10px 5px;
  color: #fff;
  margin-bottom: 0.1rem;
  margin-top: 0.1rem;
}
.btn-reset{
  float:right;
  padding:0px;
}
.bettingAmt{
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.info-list{}
.info-list .list-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #151515;
  color: #fff;
  border-bottom: 1px solid #ccc;
  padding: 5px;
}
#BettingCartOverlay {
  position: absolute;
  right: 14px;
  width: 300px;
  height: 174px;
  z-index: 20;
  margin-top: -175px;
  background: #0006;
}

.bettingAmt{width: 160px;height: 26px;}

#BettingCartOverlay a { display: block;
    width: 100%;
    height: 103px;
    background: url(/img/countdown.png) -9999px -9999px no-repeat;
    background-size: 100px;
    outline: none; }
#BettingCartOverlay a.countdown-5 { background-position: center 7px; }
#BettingCartOverlay a.countdown-4 { background-position: center -93px; }
#BettingCartOverlay a.countdown-3 { background-position: center -193px; }
#BettingCartOverlay a.countdown-2 { background-position: center -293px; }
#BettingCartOverlay a.countdown-1 { background-position: center -393px; }
#BettingCartOverlay a.countdown-0 { background-position: center -493px; }

.cartExtraInfo{
  background-color: #e2c3a3;
}
.cartExtraInfo li{
  list-style: none;
}
/* //카트 */

/* 배팅판 */
.liveTvFrame{
  width: 100%;
  border: 1px solid #ccc;
  height: auto;
}

.livedetail,.oddsdetail{
	overflow-y: auto;
  display:inline;
}
.sportsTab{
  display: flex;
  background-color: #ece7db;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  color: #000;
  padding-top: 10px;
}

.sports_tab_item{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-content: space-between;
  flex-wrap: nowrap;
  text-align: center;
}

.bonusBet{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.event_leaguelist{
  background: #EDE8D5;
  color: #000;
  border: 1px solid #ccc;
  border-radius:5px;
}
.virtual .event_leaguelist{
  margin-bottom: 5px;
}
.event_leaguelist.active{
  border: 2px solid #FEBF51;
}

.event_leaguelist .bordered{
  border-right:1px solid #C79C70;
  border-bottom:1px solid #C79C70;
}

.event_league_title{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  padding: 10px 5px;
  border-bottom: 1px solid #C79C70;
}

.virtual .event_league_title{
  justify-content: flex-start;
  background-color: #f2f2f2;
}

.eventlist.eu .event_league_title{
  justify-content: flex-start;
}
.event_league_title .sports_name,.event_league_title .league_name{
  color: #b89067;
}
.event_league_title .eventDate{
  font-size: 0.7rem;
  color: #000;
}
.event_league_title>*{
  margin-left: 10px; margin-right: 10px;
}

.event_leaguelist .eventlist{
  background-color: transparent;
  height: 100%;
  border: 1px solid #ccc;
  margin: 7px;
  border-radius: 5px;
}
.sports_name{}
.league_name{}
.prematch_event_list{
  margin: 10px 5px;
}
.str_handi{
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  font-size: 0.7rem;
  color: #fff;
}
.icon_up{
  width: 14px;
  position: absolute;
  margin-left: -20px;
  margin-top: 1px;
}
.icon_down{
  width: 14px;
  position: absolute;
  margin-left: 7px;
  margin-top: 1px;
}
.str_handi.home{
  background-color: #b89067;
}
.str_handi.away{
  background-color: red;
}
.event_list .playername{
  font-size: 0.7rem;
  overflow: hidden;
  width: 77px;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

.event_title{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  background: #e2d6a4;
  padding: 7px;
}

.event_title_mobile{
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 0.7rem;
  background:#e2d6a4;
}
.event_title_mobile .edate{width:20%;text-align:center;}
.event_title_mobile .teaminfo{width:80%;}

.event_list{
  margin-top: 15px;
}
.virtual .event_list{
  margin-top: 0px;
}
.event_list .event_title .eventDate{
  min-width: 145px;
  margin: 0px;
  text-align: center;
}

.event_list .event_title .eventInfo{
  width: 100%;
}
.event_list .game_list{}
.event_list .game_list .game_item{
  text-align: center;

  margin-bottom: 10px;
}
.virtual .event_list .game_list .game_item{
  margin-bottom: 0px;
}
.game_item .column{
  margin-left: 2px;
  margin-right: 2px;
  border: 1px solid #ccc;
  min-height: 40px;
  background-color: #f2f2f2;
  font-size: 0.7rem;
}
.game_item .price,.game_item .basescore{
  font-size: 13px;
  line-height: 22px;
}
.event_list .game_list .game_item .eventDate{
  width: 60px;
  color: gray;
  font-family: "OneMobile";
}
.event_list .game_list .game_item .odds{
  font-family: "OneMobile";
}
.virtual .event_list .game_list .game_item .odds {
  background-color: #f2f2f2;
}
.event_list .game_list .game_item .base{
  width: 50px;
  font-family: "OneMobile";
}
.event_list .game_list .game_item .gametype{
  width:80px;
  color: gray;
  font-family: "OneMobile";
  display: flex;
  align-items: center;
  justify-content: center;
}
.virtual .event_list .game_list .game_item .gametype{
  width: 120px;
}

.event_list .game_list .game_item .player{
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
}


.event_list .game_list .game_item .basescore{
  padding: 7px 0px;
  text-align: center;
  justify-content: space-around;
}

.virtual .event_list .game_list .game_item .basescore{
  padding: 0px;
}
.event_list .btn-bet{
  width: 100%;
  /*height: 48px;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.event_list .btn-bet.baseline .basescore{}
.event_list .btn-bet.baseline .price{}



.event_list.eu{color: #000;}
.event_list.eu .playername{
  display: inline-block;
  width: 100px;
  overflow: hidden;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

.event_title{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  background: #e2d6a4;
  padding: 7px;
}

.virtual .event_title{
  background: #e2d6a4;
}
.virtual .gameTypeDiv{
  background: #e9e9e9;
}
.virtual .event_title .edate{
  width: 128px;
  font-size: 0.7rem;
}
.virtual .event_title .teaminfo{
  width: 100%;
  font-size: 0.7rem;
}
.event_list.eu {
  font-size: 0.7rem;
}
.event_list.eu .event_title{
  background:transparent;
}

.event_list.eu .event_title2{
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  border-bottom: 2ps solid #ccc;
}

.event_title2 .showdetail{
  background-color: #b89067;
  color: #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 5px;
  display: inline-block;
}

.event_list.eu .game_list{}
.event_list.eu .game_list .game_item{
  text-align: center;
}
.event_list.eu .game_list .game_item .odds{

}
.event_list.eu .game_list .game_item .gametype{
  width:120px;
  padding: 7px;
  background-color: #E2D6A4;
}
.event_list.eu .btn-bet{
  width:100%;
}
.event_list.eu .btn-bet.baseline .basescore{float:left;}
.event_list.eu .btn-bet.baseline .price{float: right;}
.event_list.eu .event_more{
  width: 50px;
  text-align: center;
  font-size: 14px;
}
.event_title>*{margin-right: 10px;margin-left: 10px;}

.oddsdetail{
  display: none;
}
.oddsdetail.mobile{
  position: fixed;
  top: 90px;
  height: calc(100vh - 150px);
  width: 100vw;
  background-color: #0002;
  display: none;
  overflow: auto;
}

.oddsdetail.mobile .detailClose{
  display:block;
}
.oddsdetail.active{
  display: block;
}
.oddsdetailarea .btn-bet{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  width:100%;
  background-color:#EDE8D5;
  border:1px solid #C79C70;
}
.btn-bet.on{
  background-color:#ed9921;
}
.btn-bet.suspend1{
  background-color:#a9a9a7;
  border: 1px solid #a9a9a7;
}
.oddsdetailarea .bordered{
  border-right:1px solid #C79C70;
  border-bottom:1px solid #C79C70;
}
.oddsdetailarea .btn-bet.baseline .basescore{float:left;}
.oddsdetailarea .btn-bet.baseline .price{float: right;}

.gamecount{}
.gametypelist{
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin-bottom:10px;
}
.oddsdetailarea{}
.gametype_group{margin-bottom: 10px;}
.oddsdetailarea .gametype_title{
  background-color: #e2d6a4;
  border: 1px solid #c79c70;
  padding: 5px;
  color: #000;
}
.oddsdetailarea .gametype_body{}
.oddsdetailarea .gametype_item{}
.oddsdetailarea .oddsname{}
.oddsdetailarea .basescore{}
.oddsdetailarea .price{}

.img_flag{width:25px; max-height:22px;}
.emptyGame{
	text-align: center;
}
.betbtn{}
.betbtn.on{background-color: #e2d6a4; }
.sportsTabEu .sportItem{
  background: #151515;
  width: calc(100% / 8);
  border-right: 1px solid #868586;
  border-bottom: 1px solid #868586;
  box-sizing: border-box;
  color: #fff;
  padding-top: 5px;
}
.sportsTabEu .row{margin-left: 0px; margin-right: 0px;}
.sportsTabEu .col{padding-left: 0px; padding-right: 0px;}
.eventGroup{}
.eventGroup .leagueInfo{
  background: #656565;
  color: #fff;
  box-sizing: border-box;
}
.eventGroup .eventItem {
  background: #f2f2f2;
  color: #000;
}
.eventGroup .eventItem.on{border:1px solid #d6c205;}

.eventGroup .row{margin-left:0px; margin-right: 0px;}

.eventGroup .col-xl-1, .eventGroup .col-xl-2, .eventGroup .col-xl-3, .eventGroup .col-xl-4, .eventGroup .col-xl-5, .eventGroup .col-xl-6, .eventGroup .col-xl-7, .eventGroup .col-xl-8, .eventGroup .col-xl-9, .eventGroup .col-xl-10, .eventGroup .col-xl-11, .eventGroup .col-xl-12,
.eventGroup .col-lg-1, .eventGroup .col-lg-2, .eventGroup .col-lg-3, .eventGroup .col-lg-4, .eventGroup .col-lg-5, .eventGroup .col-lg-6, .eventGroup .col-lg-7, .eventGroup .col-lg-8, .eventGroup .col-lg-9, .eventGroup .col-lg-10, .eventGroup .col-lg-11, .eventGroup .col-lg-12,
.eventGroup .col-md-1, .eventGroup .col-md-2, .eventGroup .col-md-3, .eventGroup .col-md-4, .eventGroup .col-md-5, .eventGroup .col-md-6, .eventGroup .col-md-7, .eventGroup .col-md-8, .eventGroup .col-md-9, .eventGroup .col-md-10, .eventGroup .col-md-11, .eventGroup .col-md-12,
.eventGroup .col-sm-1, .eventGroup .col-sm-2, .eventGroup .col-sm-3, .eventGroup .col-sm-4, .eventGroup .col-sm-5, .eventGroup .col-sm-6, .eventGroup .col-sm-7, .eventGroup .col-sm-8, .eventGroup .col-sm-9, .eventGroup .col-sm-10, .eventGroup .col-sm-11, .eventGroup .col-sm-12,
.eventGroup .col,
.eventGroup .col-1, .eventGroup .col-2, .eventGroup .col-3, .eventGroup .col-4, .eventGroup .col-5, .eventGroup .col-6, .eventGroup .col-7, .eventGroup .col-8, .eventGroup .col-9, .eventGroup .col-10, .eventGroup .col-11, .eventGroup .col-12{
  padding-left: 0px; padding-right: 0px;
}
.bettingPickEmpty{
  text-align: center;
  color: #000;
}
.btnLiveSwitch{
  width: 100%;
  padding: 10px 15px;
  border-radius: 2px;
  background: #e2d6a4;
  border: none;
  color: #000;
  position: relative;
  min-height: 41px;
}
.sportsTabEu{margin-bottom:10px;border-left:1px solid #868586; border-top:1px solid #868586;}
.eventItem .seemore{border-right: 1px solid #868586;border-bottom: 1px solid #868586;padding-bottom:5px !important;line-height: 16.5px !important;}

.eventGroup .eventInfo{
  border-right: 1px solid #868586; background:#D4BAA0;
}
.eventGroup .eventInfo .eventDate{
  display:inline-block;
  padding: 6px;
}
.eventGroup .mlist{
  border-bottom: 1px solid #868586;
}
.eventGroup.bonus .mlist{border-right: 1px solid #868586;background-color: #f2f2f2;}
.eventGroup .tabledesign{
  border-top: 1px solid #868586;
  border-left: 1px solid #868586;
  padding: 3.5px;
  min-height: 33px;
  font-size: 12px;
  color: #000;
  text-align: center;
  line-height: 24px;
}
.BettingPicks .bet-picks{color: #000;}
.eventGroup .tabledesign .team, .eventGroup .tabledesign .teamvs, .eventGroup .tabledesign .oval, .eventGroup .tabledesign .obase, .eventGroup .tabledesign .oname, .eventGroup .tabledesign .oprice{
  color: #000;
}

article.eventItem{
  margin-bottom: 10px;
}

.gametypeGroup{
  background-color: #D4BAA0;
}

.olist .handicap{color: #ff8e00eb;}
.olist .ovu.over{color: red;}
.olist .ovu.under{color: blue;}
.olist .marketName{
  font-size: 14px;
  padding: 4px 2px;
  background-color: #e9e9e9;
}
.detailClose{display:none;}


.sportImg{
  max-width: 30px;
  margin-right: 5px;
  margin-left: 5px;
}

.oddsDetail{}
.oddsDetail .gametypeGroup{
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.oddsDetail .tabledesign{
  border-top: 1px solid #868586;
  border-left: 1px solid #868586;
  padding: 3px;
  min-height: 33px;
  font-size: 12px;
  line-height: 24px;
  color: #868586;
  text-align: center;
}
.oddsDetail .suspend1 *{color: gray !important;}
.oddsDetail .oname{color: #000;float: left; max-width: 100px;}
.oddsDetail .teamName{color: #000;text-align:center;}
.oddsDetail .oprice{color: #000;float: right}
.oddsDetail .obase{color: #000;float: left}
.oddsDetail .gameitem{margin-bottom: 5px;}
.oddsDetail .gameHeader{padding-left: 5px;background: #e9e9e9;color: #000;border-top: 1px solid #868586;border-left: 1px solid #868586;border-right: 1px solid #868586;}
.oddsDetail .gameBody{background-color: #f2f2f2;border-right: 1px solid #868586;border-bottom: 1px solid #868586;}
.oddsDetail .gameBody .row{margin-left:0px; margin-right: 0px;}
.oddsDetail .gameBody .col, .oddsDetail .gameBody .col-6, .oddsDetail .gameBody .col-4, .oddsDetail .gameBody .col-12{padding-left: 0px; padding-right: 0px;}
#betArea{
  overflow: auto;
  height: calc(100vh);
  padding-bottom: 250px;
}
#EventDetailPanel{
  overflow:auto;
  height: calc(100vh);
  padding-bottom: 250px;
}

.showDetailAll{width:100%; color: #fff;}


.multiframe{border: 0px; overflow-y: auto; width: 100%;}
ul.game-list li a.active{ color: #c5b358;}
.btn.bet.on{background-color:#ff7600;}
.minigame_cart{color: white;}
.history-result{color: #fff; padding-top: 40px;}
.bg-rugby{background: url('/assets/images/rtdead/rugby.png');}
.bg-volleyball{background: url('/assets/images/rtdead/volleyball.png');}
.bg-hockey{background: url('/assets/images/rtdead/hockey.png');}
.bg-handball{background: url('/assets/images/rtdead/handball.png');}
.bg-tabletennis{background: url('/assets/images/rtdead/tennis_na_masa.png');}
.bg-tennis{background: url('/assets/images/rtdead/tennis.png');}
.bg-dota{background: url('/assets/images/rtdead/dota2.png');}
.bg-lol{background: url('/assets/images/rtdead/leagueoflegends.png');}
.bg-boxing{background: url('/assets/images/rtdead/boxing.png');}
.bg-baseball {background: url('/assets/images/rtdead/baseball.png');}
.bg-basketball {background: url('/assets/images/rtdead/basketball.png');}
.bg-soccer {background: url('/assets/images/rtdead/soccer.png');}
.sports_background{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% -50px;
	height: 170px;
	padding-top: 108px;
}
.gameplay{border: 2px solid #2d2600;}
.gameplay.active{border-color:#ffa604;}

.teamImgSmall{max-width: 30px;}
.eventDetail .showmore{
	font-size: 12px;
  margin-bottom: 8px;
}

.detailClose{
	position: fixed;
	display:none;
	z-index: 1;
	right: 30px;
}

.inplay_edate{
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.inplay_event {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.nomainbet{
  text-align: center;
  padding: 30px;
}
/* //배팅판 */

.left_wing{
  position:fixed;
  top:280px;
  left:0px;
}
.right_wing{
  position: fixed;
  top:280px;
  left: 1430px;
}
.bottomMenu{
  background-color: #3d3d3d;
  position: fixed;
  bottom: 0px;
  width: 100%;
  left: 0px;
  padding: 10px;
  text-align: center;
  z-index: 1000;
  border-radius: 10px 10px 0px 0px;
  font-family: "OneMobile";
  font-size: 10px;
}
.bottomMenu a,.bottomMenuMore a{
  color: #fff;
  font-size: 12px;
  width: 100px;
  margin: 0px 5px;
  text-align: center;
}
.bottomMenuMore{
  display: none;
  background-color: #000;
  position: fixed;
  bottom: 75px;
  width: 100%;
  left: 0px;
  padding: 10px;
  padding-bottom: 30px;
  text-align: center;
  z-index: 1000;
  font-family: "OneMobile";
  font-size: 10px;
}
.bottomMenuMore.on{
  display:block;
}

.footericon{
  background-color: #3d3d3d;
  display:flex;
}
.footericon.left{
  text-align: left;
}
.footericon.right{
  text-align: right;
  justify-content: flex-end;
}

.footericon .home {
  /*position: absolute;*/
  margin-top: -18px;
  left: calc(50% - 55px);
  background-color: #000;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  border: 7px solid #3d3d3d;
}

.helpdesknavi{}
.helpdesknavi .item{
  text-align:center;
  width:100%;
  display:block;
  padding: 10px;
  background-color: #3E3D40;
  border-bottom: 1px solid #C18434;
    color: #fff;
}
.helpdesknavi .item.on{
  border-left: 1px solid #C18434;
  border-top: 1px solid #C18434;
  border-right: 1px solid #C18434;
  border-bottom: 0px;
}
.mobilehelpdesknavi{}
.mobilehelpdesknavi .item{
  background-color: #2A2A2A;
  display: block;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 5px;
}
.mobilehelpdesknavi .item.on{
  background-color: #3E3E40;
}

.data-table{
  width: 100%;
  background-color: #fffa;
}
.data-table th{
  text-align: center;
  border-bottom: 1px solid #000;
  padding: 10px;
}

.data-table td{
  border-bottom: 1px solid #000;
  padding: 10px;
}

.data-table-mobile{
  background-color: #fffa;
  padding: 5px;
}
.data-table-mobile .item{
  display:block;
  border-bottom: 1px solid #000;
}
.data-table-mobile .nickname{
  width: 100px;
  text-align: center;
}
.data-table-mobile .wdate{
  width: 110px;
  text-align: center;
}


.paging{
  text-align: center;
  display: block;
  margin-top: 10px;
}
.paging .clearfix{
  /* text-align: center; */
  display: flex;
  width: 100%;
  justify-content: center;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
.paging .clearfix>b{
  display:block;
  background-color: #fffa;
  padding: 5px;
  border-radius: 5px;
}
.paging .clearfix>a{
  background-color: #fffa;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  display:block;
}

.marketCategory{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
}
.marketCategory .categoryItem{
  text-align: center;
  width: 100%;
  padding: 5px;
  background: #e9e9e9;
  color: #b89067;
  border-right: 1px solid #a55717;
  border-bottom: 1px solid #a55717;
}
.marketCategory .categoryItem.on{
  background: #ece7db !important;
  color: #b89067 !important;
  border-bottom-color: transparent !important;
}


.menu_list{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-direction: row;
  padding-left: 0px;
}

.menu_list .menuitem {
  padding: 5px;
  background-color: #3E3D40;
  border: 1px solid transparent;
  min-width: 100px;
  text-align: center;
  margin-right: 10px;
}
.menu_list .menuitem.on{
  border: 1px solid transparent;
}

.btn-outline-red{
  background: transparent;
  color: #000;
  border: 1px solid red;
}

.betHistoryPick{
	position: relative;
  border-radius: 5px;
  background: #D9D2B7;
  box-shadow: rgb(0 0 0 / 35%) -3px 6px 6px -3px;
}
.betHistoryPick .eventInfo{
  background-color: #E2D6A4;
  padding: 5px;
  font-size: 12px;
  color: #000;
  border-radius: 5px 5px 0px 0px;
}
.historyTabSelect{
  width: 100%;
  margin-bottom: 5px;
  background-color: #3E3D42;
  color:#fff;
}
.betHistoryPick .pickItem {
    background: #E9E9E9;
    border-radius: 3px;
    padding: 2px;
    color: #000;
    font-size: 0.7rem;
    text-align: center;
    padding: 5px;
    border: 1px solid #868586;
}
.pickItem .team_name{
  margin-right: 10px;
  max-width: 62px;
  display: inline-block;
  line-height: 10px;
  padding-top: 4px;
}
.pickItem .odd {
  /*position:absolute;*/
}
.bottomicon{
  width: 45px;
}
.betHistory .result-대기 {
		background: #00bfff !important;
}

.betHistory .result-취소 {
		background: blue !important;
    color: #fff;
}

.betHistory .result-적중 {
    background: yellow !important;
		color: black !important;
}
.betHistory .result-실패 {
		background: #ff0000 !important;
    color: #fff;
}
.betHistory .result-적특 {
	background : #080 !important;
	color: #fff !important;

}
.betHistory .result-무효 {
	background : #80f !important;
	color: #fff !important;
}

.betHistoryBet{
	position: relative;
  border: 1px solid #868586;
	border-radius: 5px;
	background: #222227;
	box-shadow: rgb(0 0 0 / 35%) -3px 6px 6px -3px;
	display: inline-block;
	width: 100%;
}
.betHistoryBet .bettingInfo{

}

.betHistoryBet .bettingInfo li{
  list-style: none;
	float: left; padding: 5px; margin-right: 10px; font-size: 12px;
}

.rightnavi.open{
  position: absolute;
  z-index:10;
  padding-bottom: 190px;
  display:block !important;
}
.leftnavi.open{
  position: absolute;
  z-index:10;
  display:block !important;
}

.adjustWidth{
  min-width:550px;
}


@media(min-width: 500px) {
  .sm-hide{
    display:none !important;
  }
  .sm-show{
    display:block !important;
  }
  .event_list .playername {
    width: 57px;
  }

  .mobile_layout{
    overflow:auto;
    height: calc(100vh - 200px);
  }


  .footericon .home{
    bottom: 0px;
    width: 100px;
    height: 100px;
    padding: 10px;
  }
  .bottomicon{

  }
}

@media(min-width: 550px) {
  .containerframe{
    height: auto;
    overflow: initial;
  }
  #betArea{
    overflow: auto;
    height: calc(100vh - 180px);
    padding-bottom: 0px;
  }
  #EventDetailPanel{
    overflow:auto;
    height: calc(100vh - 220px);
    padding-bottom: 0px;
  }
  .left_overay.on, .right_overay.on{
    height: 100vh;
  }

  .mobile_layout{
    overflow:auto;
    height: initial;
  }
}
@media(min-width: 575px) {
  .mobileTopHeader .logo{
    width:auto;
    margin-right: 0px;
  }
}
/* 960 ~ max */
@media(min-width:960px) {
  body{
    /*background-image:url(/img/bg.webp);*/
  }
  .md-hide{
    display:none !important;
  }
  .md-show{
    display:block !important;
  }
  .pickItem .team_name{
    max-width: 160px;
  }
  .attendance_header{
    font-size: 1.2rem;
  }
  .attendance_h2{
    font-size: 1.5rem;
  }
  .btn-theme{
    font-size:1rem;
  }
  .virtual_sports_menu_item {
    padding: 10px;
  }
  .virtual_sports_sub_menu_item{
    padding: 5px;
  }
  .bettingAmt{width: 180px;}
  .virtual .event_title .edate{
    font-size: 1rem;
  }
  .virtual .event_title .teaminfo{
    font-size: 1rem;
  }
  .main{
    margin-bottom: 100px;
  }
  .left_textmenu{
    width: 140px;
  }
  .virtual .event_list .playername{
    font-size: 1rem;
  }
  .mobileMiddleHeader .topMenu {
    width: 1000px;
    font-size: 1rem;
  }
  .mobileTopHeader {
    font-size: 1rem;
  }
  .btn_notice {
    font-size: 1rem;
  }

  .leftnavi{
    width:300px;
  }
  .rightnavi{
    width:300px;
  }

  .event_list .game_list .game_item .eventDate{
    font-family: "SCDream6";
    font-size: 0.7rem;
    padding-top :3px;
  }
  .event_list .game_list .game_item .odds{
    font-family: "SCDream6";
    font-size: 0.7rem;

  }
  .event_list .game_list .game_item .base{
    font-family: "SCDream6";
    font-size: 0.7rem;
  }
  .event_list .game_list .game_item .gametype{
    font-family: "SCDream6";
    font-size: 0.7rem;
  }
  .virtual .event_list .game_list .game_item .gametype{
    font-size: 1rem;
    padding-top: 5px;
    width: 150px;
  }
  .event_list .playername{
    width: 230px;
  }
}

/* 1264px~ */
@media(min-width:1264px) {
  #betArea {
    overflow: initial;
    height: 100%;
  }
  .main {
    margin-bottom: 0px;
  }
  .lg-hide{
    display:none !important;
  }
  .lg-show{
    display:block !important;
  }

  .rightnavi.open{
    position: static;
    display: block !important;
  }
  .leftnavi.open{
    position: static;
    display: block !important;
  }


  .event_list .playername{
    width: 70px;
  }
}


@media(min-width:1400px) {

  .event_list .playername{
    width: 100px;
  }
}


@media(min-width:1600px) {
  .xl-hide{
    display:none !important;
  }
  .xl-show{
    display:block !important;
  }

  .event_list .playername{
    width: 230px;
  }
}



/* 0~960 */
/*
@media(max-width:960px) {
  .lg-hide{
    display:none !important;
  }
  .lg-show{
    display:block !important;
  }
  .leftnavi.open{
    position: absolute;
    z-index:10;
  }

  .livedetail, .oddsdetail{
    display:none;
    position: fixed;
    background-color: #ede8d5;
    height: calc(100vh - 250px);
	}

  .livedetail.active, .oddsdetail.active{
    display:block;
  }
  .livedetail.active::-webkit-scrollbar{
    display:none;
  }

	.detailClose{
		display:block;
	}

}
*/
@media only screen and (max-width: 767px) {
  .mobileDetailPanel{
    display: none;
    position: fixed !important;
    width: calc(100%);
    top: 200px;
    background-color: #000;
    margin-top: -16px;
    overflow: auto;
    height: calc(100vh);
  }
  .mobileDetailPanel.on{
    display:block;
  }
  .detailClose{display:block;}

  #EventDetailPanel {
    height: calc(100vh);
    padding-bottom: 0px;
  }

}