@charset "utf-8";

/*------------게임 왼쪽영역 strat-------------*/
.game_wrap { width: 100%; position: relative; background: #000; margin-bottom: 20px; text-align: center; }
.game_frame { position: relative; display: inline-block; overflow: hidden; }


/* tg 프레임 */
.tg_frame { width: 100%; height: 800px; }
@media all and (max-width:1030px){
    .tg_frame { height: 100vh; }
}


/* mgm 프레임 */
.mgm_frame { width: 100%; }
.mgm { width: 920px; height: 580px; margin: 0 auto; }
.mgm_frame_m { width: 100%; min-width: 300px; height: 454px; display: none; }
.mgm_frame_m.oe { height: 354px; }
.mgm_m { width: 100%; height: 600px; position: absolute; top: -36px; left: 0; }
.mgm_frame_m.oe .mgm_m { top: -60px; }
.mgm_frame_m.vc .mgm_m { top: -60px; }

@media all and (max-width:1030px){
    .mgm_frame { display: none; }
    .mgm_frame_m { display: inline-block; }
}

/* lts 프레임 */
.lts_frame { width: 100%; }
.oe .lts { width: 920px; height: 589px; margin: 0 auto; }
.ba .lts { width: 920px; height: 670px; margin: 0 auto; }
.lts_frame_m { width: 100%; min-width: 300px; display: none; }
.lts_frame_m.oe { padding-top: 78%; }
.lts_frame_m.ba { height: 520px; }
.lts_m { width: 100%; position: absolute; top: 0; left: 0; }
.lts_frame_m.oe .lts_m { height: 1000px; }
.lts_frame_m.ba .lts_m { height: 520px; }

@media all and (max-width:1030px){
    .lts_frame { display: none; }
		.lts_frame_m { display: inline-block; }
}

@media all and (max-width:860px){
	.lts_frame_m.oe { padding-top: 84%; }
}
@media all and (max-width:750px){
	.lts_frame_m.oe { padding-top: 86%; }
}
@media all and (max-width:690px){
	.lts_frame_m.oe { padding-top: 90%; }
}
@media all and (max-width:620px){
	.lts_frame_m.oe { padding-top: 95%; }
}
@media all and (max-width:540px){
	.lts_frame_m.oe { padding-top: 100%; }
}
@media all and (max-width:414px){
	.lts_frame_m.oe { padding-top: 112%; }
}
@media all and (max-width:375px){
	.lts_frame_m.oe { padding-top: 118%; }
}
@media all and (max-width:320px){
	.lts_frame_m.oe { padding-top: 125%; }
}


/* betmann프레임 */
.mann_hockey_frame { width: 100%; height: 400px; overflow: hidden; }
.mann_roulette_frame { width: 100%; height: 500px; overflow: hidden; }
.mann { width: 830px; height: 1070px; margin-top: 0; }
@media all and (max-width:830px){
    .mann_hockey_frame { height: 325px; }
    .mann_roulette_frame { height: 400px; }
    .mann {
        -ms-zoom: 0.80;
        -moz-transform: scale(0.80);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.80);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.80);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -332px;
    }
}
@media all and (max-width:664px){
    .mann_hockey_frame { height: 245px; }
    .mann_roulette_frame { height: 300px; }
    .mann {
        -ms-zoom: 0.60;
        -moz-transform: scale(0.60);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.60);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.60);
        -webkit-transform-origin: 0 0;
        position: absolute;
        margin-left: -249px;
    }
}
@media all and (max-width:498px){
    .mann_hockey_frame { height: 161px; }
    .mann_roulette_frame { height: 200px; }
    .mann {
        -ms-zoom: 0.40;
        -moz-transform: scale(0.40);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.40);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.40);
        -webkit-transform-origin: 0 0;
        position: absolute;
        margin-left: -166px;
    }
}

/* 사다리 프레임 */
.ladder_frame { width: 100%; }
.ladder { width: 830px; height: 710px; margin-top: -69px; }
@media all and (max-width:830px){
    .ladder_frame { height: 512px; }
    .ladder {
        -ms-zoom: 0.80;
        -moz-transform: scale(0.80);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.80);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.80);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: 0;
        left: 50%;
				margin-left: -332px;
				margin-top: -55px;
    }
}
@media all and (max-width:664px){
    .ladder_frame { height: 385px; }
    .ladder {
        -ms-zoom: 0.60;
        -moz-transform: scale(0.60);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.60);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.60);
        -webkit-transform-origin: 0 0;
        position: absolute;
				margin-left: -249px;
				margin-top: -41px;
    }
}
@media all and (max-width:498px){
    .ladder_frame { height: 256px; }
    .ladder {
        -ms-zoom: 0.40;
        -moz-transform: scale(0.40);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.40);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.40);
        -webkit-transform-origin: 0 0;
        position: absolute;
				margin-left: -166px;
				margin-top: -27px;
    }
}

/* 토니벳 프레임 */
.tv_frame { width: 100%; height: 409px; }
.tv { width: 100%; height: 527px; margin-top: -97px; }
@media all and (max-width: 785px){
    .tv_frame { width: 100%; }
    .tv { width: 100%; height: 527px; margin-top: 0; position: absolute; top: -100px; left: 0; }
}
@media all and (max-width: 497px){
    .tv { width: 100%; height: 527px; margin-top: 0; position: absolute; top: -134px; left: 0; }
}

/* 네임드 프레임 */
.named_frame { width: 100%; height: 640px; }
.named { width: 900px; height: 640px; margin-top: 0; }
@media all and (max-width:1100px){
    .named_frame { height: 452px; }
    .named {
        -ms-zoom: 0.80;
        -moz-transform: scale(0.80);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.80);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.80);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: -127px;
        margin-top: 0;
        left: 50%;
        margin-left: -360px;
    }
}
@media all and (max-width:720px){
    .named_frame { height: 340px; }
    .named {
        -ms-zoom: 0.60;
        -moz-transform: scale(0.60);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.60);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.60);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: -95px;
        margin-top: 0;
        left: 50%;
        margin-left: -270px;
    }
}
@media all and (max-width:540px){
    .named_frame { height: 198px; }
    .named {
        -ms-zoom: 0.35;
        -moz-transform: scale(0.35);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.35);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.35);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: -55px;
        margin-top: 0;
        left: 50%;
        margin-left: -157px;
    }
}

/* 스노우벳 프레임 */
.snowbet_frame { width: 100%; height: 500px; }
.snowbet_frame.sic_bo { max-width: 830px; }
.snowbet { width: 100%; height: 500px; }
@media all and (max-width: 640px){
    .snowbet_frame { height: 440px; }
    .snowbet { height: 440px; }
}


/* 스피드키노 프레임 */
.keno_frame { width: 100%; height: 480px; }
.keno { width: 830px; height: 515px; margin-top: -35px; }
@media all and (max-width:1100px){
    .keno_frame { height: 384px; }
    .keno {
        -ms-zoom: 0.80;
        -moz-transform: scale(0.80);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.80);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.80);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: -28px;
        margin-top: 0;
        left: 50%;
        margin-left: -332px;
    }
}
@media all and (max-width:720px){
    .keno_frame { height: 287px; }
    .keno {
        -ms-zoom: 0.60;
        -moz-transform: scale(0.60);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.60);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.60);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: -22px;
        margin-top: 0;
        left: 50%;
        margin-left: -249px;
    }
}
@media all and (max-width:540px){
    .keno_frame { height: 182px; }
    .keno {
        -ms-zoom: 0.38;
        -moz-transform: scale(0.38);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.38);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.38);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: -14px;
        margin-top: 0;
        left: 50%;
        margin-left: -157.5px;
    }
}


/* 파워볼 프레임 */
.pwb_frame { width: 100%; height: 480px; }
.pwb { width: 830px; height: 515px; margin-top: -35px; }
@media all and (max-width:1100px){
    .pwb_frame { height: 384px; }
    .pwb {
        -ms-zoom: 0.80;
        -moz-transform: scale(0.80);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.80);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.80);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: -28px;
        margin-top: 0;
        left: 50%;
        margin-left: -332px;
    }
}
@media all and (max-width:720px){
    .pwb_frame { height: 287px; }
    .pwb {
        -ms-zoom: 0.60;
        -moz-transform: scale(0.60);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.60);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.60);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: -22px;
        margin-top: 0;
        left: 50%;
        margin-left: -249px;
    }
}
@media all and (max-width:540px){
    .pwb_frame { height: 182px; }
    .pwb {
        -ms-zoom: 0.38;
        -moz-transform: scale(0.38);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.38);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.38);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: -14px;
        margin-top: 0;
        left: 50%;
        margin-left: -157.5px;
    }
}


/* fx 프레임 */
.fx_frame { width: 100%; height: 641px; }
.fx { width: 900px; height: 641px; margin-top: -2px; }
@media all and (max-width:1100px){
    .fx_frame { height: 516px; }
    .fx {
        -ms-zoom: 0.80;
        -moz-transform: scale(0.80);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.80);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.80);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: 0;
        margin-top: 0;
        left: 50%;
        margin-left: -332px;
    }
}
@media all and (max-width:720px){
    .fx_frame { height: 388px; }
    .fx {
        -ms-zoom: 0.60;
        -moz-transform: scale(0.60);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.60);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.60);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: 0;
        margin-top: 0;
        left: 50%;
        margin-left: -249px;
    }
}
@media all and (max-width:540px){
    .fx_frame { height: 245px; }
    .fx {
        -ms-zoom: 0.38;
        -moz-transform: scale(0.38);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.38);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.38);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: 0;
        margin-top: 0;
        left: 50%;
        margin-left: -157.5px;
    }
}



div.dim_game{
    position: absolute; z-index: 50;
    top: 0; right: 0; left: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.4);
}
div.dim_game p {
    text-align: center;
    width: 540px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -270px;
    background: #222;
    padding: 30px;
}
div.dim_game p strong { font-size: 16px; font-size: 1.6rem; font-weight: bold; display: block; line-height: 1.5em; color: #fff; }
div.dim_game p span { font-size: 12px; font-size: 1.2rem; font-weight: bold; display: block; line-height: 1.5em; color: #aaa; }
@media all and (max-width:1030px){
    div.dim_game p { width: 80%; padding: 30px 20px; margin-left: -40%; }
}

/*------------게임 왼쪽영역 end-------------*/


/*------------ 매치 나눔 제목 -------------*/
h3.divideTitle{text-align: center; padding: 6px 0; color:#fff; background: #850101;}


/*------------ 베팅테이블 -------------*/
div.game_tit { font-size: 14px; font-size: 1.4rem; padding: 15px 10px; text-align: left; }

.table_bet_tit { font-size: 16px; font-size: 1.6rem; width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; margin-bottom:0; }
.table_bet_tit th { height: 34px; color: #fff; font-weight:500;}
.table_bet_tit th:first-child{border-left: 0;}

.bet_list { background-color: rgba(0, 0, 0, 0.5); font-family: 'Nanum Barun Gothic'; padding: 0; width: 100%; font-size: 12px; font-size: 1.2rem; }
.table_bet_wrap { padding: 20px 0; }

@media all and (max-width:1030px){
    .bet_list { background-color: transparent; }
    .table_bet_wrap { padding: 0; }
}



.table_bet { width: 100%; }
.table_bet td { text-align: center; vertical-align: middle; }
.table_bet td.bet_td, .table_bet td.arcade_td { cursor: pointer; }
.table_bet td.bet_bg { background: #000; border: 0.05rem solid #8f87aa; }
.table_bet td.active { background: #333; border: 0.05rem solid #b6aece; }
.table_bet td.active span, .table_bet td.active em { color: #fff; }
.table_bet td.selected { background: rgba(129, 1, 133, 0.5); border: 0.05rem solid #fff; }
.table_bet td.selected span, .table_bet td.selected em { color: #fff; }
.table_bet td.disable { background: rgba(0, 0, 0, 0.5); border: 0.05rem solid rgba(20, 20, 20, 1); }
/*.table_bet td.disable span, .table_bet td.disable em { color: #444; }*/
.table_bet td.disable.selected { background: rgba(129, 1, 133, 0.5); border: 0.05rem solid #fff; }
.table_bet td.disable.selected span, .table_bet td.disable.dselected em { color: #111; }
.table_bet td strong.live_league_name { display: block; width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.bet_box { position: relative; display: inline-block; width: 100%; padding: 1rem 10px; box-sizing: border-box; word-break: break-all; }
.bet_box .bet_box_img { position: relative; height: 50px; line-height: 50px; }
.bet_box .bet_box_img img { width: 50px; position: absolute; top: 50%; margin-top: -25px; }
.bet_box.left { text-align: left; }
.bet_box.right { text-align: right; }
.bet_box.left .bet_box_img { padding-left: 55px; }
.bet_box.right .bet_box_img { padding-right: 55px;}
.bet_box.left .bet_box_img img { left: 0; }
.bet_box.right .bet_box_img img { right: 0;}

.bet_box span { width: calc(100% - 36px); display: inline-block; vertical-align: middle; }
.bet_box span > b > i {
    position: relative;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.disable .bet_box span > b > i { animation-name: none; }
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0%   { top:5px;}
    50%  {top:-5px;}
    100%  {top:5px;}
}

/* Standard syntax */
@keyframes example {
    0%   { top:5px;}
    50%  { top:-5px;}
    100%  { top:5px;}
}
.bet_box > i { font-style: normal; }
.bet_box em { color: #fff; font-style: normal; text-align: center; display: inline-block; position: absolute; width: 36px; height: 12px; top: 50%; margin-top: -6px; }
td.disable .bet_box em { color: #ddd; }

.bet_box.left em { right: 4px; }
.bet_box.center em, .bet_box.arcade_center em { left: 50%; margin-left: -18px; }
.bet_box.right em { left: 4px; }

.bet_box.arcade_center span { width: auto; display: inline-block; text-align: center; position: relative; }
.bet_box.arcade_center i { color: #999; width: auto; display: inline-block; text-align: center; position: relative; }

.time_bar {
    width: 100%; text-align: right;
    height:34px; line-height: 34px;
    display: none;
}

@media all and (max-width:1030px){
    .time_bar { display: block; }
    .table_time_bar { margin-top: 0px; }
    .table_bet td.bet_bg { background: transparent; border: 0.05rem solid #333; }
    .table_bet td.active { background: transparent; border: 0.05rem solid #333; }
    .table_bet td.selected,
	.table_bet td.disable.selected { background: rgba(129, 1, 133, 0.5); border: 0.05rem solid #333; }
	.table_bet td.disable { background: rgba(0, 0, 0, 0.5); border: 0.05rem solid rgba(20, 20, 20, 1); }
    .bet_box.arcade_center span { display: none; }
    
    .bet_box .bet_box_img { height: auto; line-height: 1.5; }
    .bet_box .bet_box_img img { width: 24px; margin-top: -11px; }
    .bet_box.left .bet_box_img { padding-left: 30px; }
    .bet_box.right .bet_box_img { padding-right: 30px;}
}

/* 베팅테이블 반응형 사이즈조절 */
.bet_date { width: 12%; }
.bet_large { width: 39%; }
.bet_small { width: 10%; }

.result_date { width: 12%; }
.result_large { width: 34%; }
.result_small { width: 10%; }
.result_tiny { width: 5%; }

.history_info_mobile { display: none; }
.history_info_mobile .history_info {margin: 0 5px; line-height: 30px; }
.bet_box span.history_round { width: auto; }
.history_date { width: 12%; }
.history_large { width: 34%; }
.history_small { width: 10%; }
.history_tiny { width: 5%; }
.dice_bett_list .history_date { width: 12%; }
.dice_bett_list .history_large { width: 30%; }
.dice_bett_list .history_small { width: 23%; }
.dice_bett_list .history_tiny { width: 5%; }

@media all and (max-width:1030px){
    .table_bet_tit { font-size: 1.2rem; }
    .bet_date { display: none; }
    .bet_large { width: 44%; }
    .bet_small { width: 12%; }

    .result_date { display: none; }
    .result_large { width: 34%; }
    .result_small { width: 10%; }
    .result_tiny { display: table-cell; }

    .history_info_mobile { display: table-row; }
    .bet_box span.history_round { display: none; }
    .history_date { display: none; }
    .history_large { width: 43%; }
    .history_small { width: 14%; }
    .history_tiny { display: none; }

    .dice_bett_list .history_large { width: 33.333333%; }
    .dice_bett_list .history_small { width: 33.333333%; }
}

/*------------ 베팅테이블 -------------*/

/*------------ 게임 공통 start-------------*/
@keyframes bett_active {
	from {
		-webkit-transform: translate3d(0,-50px,0);
		transform: translate3d(0,-50px,0);
		opacity: 0;
	}
    to   {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@-webkit-keyframes bett_active {
	from {
		-webkit-transform: translate3d(0,-50px,0);
		transform: translate3d(0,-50px,0);
		opacity: 0;
	}
    to   {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

.bett_wrap {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
	transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s;
}
.bett_wrap.active {
	animation: bett_active .3s linear;
}
.bett_wrap { position: relative; }

#div-betting-zone.time_finish .bett_wrap:before,
.bett_wrap.time_finish:before {
	content:'';
	display: block;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff;
	z-index: 10;
}
#div-betting-zone.time_finish .bett_wrap:after,
.bett_wrap.time_finish:after {
	content:'베팅 가능 시간이 마감되었습니다.';
	display: block;
	position: absolute;
	top: 0; left: 0;
	background-color: #ffcc00;
	color: #000;
	z-index: 15;
	width: 100%;
	height: 37px; line-height: 37px;
	text-align: center;
}

.bett_wrap.disabled dd,
.bett_wrap dd.disabled { background-color: #111 !important; }
.btn_bett { cursor: pointer; display: block; box-sizing: border-box; position: relative; }
.btn_bett.active,
.btn_bett.select { background-color: #ffcc00 !important; }
.bett_wrap.disabled .btn_bett.active,
.bett_wrap.disabled .btn_bett.select,
.bett_wrap dd.disabled .btn_bett.active,
.bett_wrap dd.disabled .btn_bett.select { background-color: #111 !important; }
.btn_bett.result,
.bett_wrap dd.disabled .btn_bett.result { background-color: #d31d3f !important; }

.stock_dl .btn_bett.result,
.bett_wrap .stock_dl dd.disabled .btn_bett.result { background-color: #00ffcc !important; }

.btn_bett.result p,
.btn_bett.result span,
.stock_dl .btn_bett.result p,
.stock_dl .btn_bett.result span,
.bett_wrap dd.disabled .btn_bett.result p,
.bett_wrap dd.disabled .btn_bett.result span,
.bett_wrap .stock_dl dd.disabled .btn_bett.result p,
.bett_wrap .stock_dl dd.disabled .btn_bett.result span { position: relative; z-index: 10; color: #fff !important; }

.bett_wrap dd.disabled .btn_bett,
.btn_bett.disabled { cursor: default; color: #999; background-color: #111 !important; }
.bett_wrap dd.disabled .btn_bett:hover,
.btn_bett.disabled:hover { color: #999; background-color: #111 !important; }
.bett_wrap dd.disabled i,
.bett_wrap dd.disabled .btn_bett p,
.bett_wrap dd.disabled .btn_bett span,
.bett_wrap.disabled dd i,
.bett_wrap.disabled .btn_bett p,
.bett_wrap.disabled .btn_bett span { color: #999 !important; }

.bett_chip { display: none; box-sizing: border-box; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background: rgba(0, 0, 0, 0.5); }
.bett_chip .chip_red, .bett_chip .chip_yellow, .bett_chip .chip_green { top: -100px; left: -100px; width: 30%; max-width: 60px; min-width: 20px; position: absolute; }
.bett_chip img { width: 100%; }
.bett_chip .bett_money { padding: 5px 0; width: 100%; position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.5); text-align: center; }
.bett_chip .bett_money em.won { font-style: normal; font-size: 11px; color: #e9b912; }
.btn_bett.select .bett_chip { border: 2px solid #ffcc00; }
.btn_bett.result .bett_chip { border: 2px solid #d31d3f; }
/*------------ 게임 공통 end-------------*/

/*------------ 주사위, 홀짝 start -------------*/
.basic_wrap { width: 100%; background: rgba(40, 40, 40, 0.5);  font-family: 'Noto Sans KR','맑은 고딕','MalgunGothic','Dotum','돋움' ,sans-serif; }
.basic_wrap dl,
.basic_wrap dt,
.basic_wrap dd,
.basic_wrap a,
.basic_wrap p,
.basic_wrap span,
.basic_wrap i,
.basic_wrap dl dd div,
.basic_wrap em { box-sizing: border-box; }
.basic_wrap dl dt { width: 100%; height: 36px; line-height: 36px; background: #000; padding: 0 10px; }
.basic_wrap dl dt span.round { float: left; color: #ffcc00; }
.basic_wrap dl dt i.round_time { display: none; float: right; color: #aaa; font-style: normal; }
.basic_wrap dl dt span.date { float: right; color: #aaa; }
.basic_wrap dl dd { width: 100%; overflow: hidden; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
.basic_wrap dl dd.snail_bet a { text-align: center; position: relative; }
.basic_wrap dl dd.snail_bet a.bett_snail_side { width: 26%; float: left; }
.basic_wrap dl dd.snail_bet a.bett_snail_center { width: 28%; float: left; }
.basic_wrap dl dd.snail_bet a .disable_chip_wrap { top: 5px; left: 5%; }
.basic_wrap dl dd i, .basic_wrap dl dd div.versus, .basic_wrap dl dd a { height: 50px; display: block; float: left; }
.basic_wrap dl dd i, .basic_wrap dl dd div.versus{ line-height: 50px; }
.basic_wrap dl dd i { width: 20%; text-align :center; font-style: normal; }
.basic_wrap dl dd i.round_time strong {margin-right: 10px; display: inline-block; font-weight: normal; background: #222; width: 60px; height: 30px; line-height: 30px; border-radius: 15px; vertical-align: middle;}
.basic_wrap dl dd div.versus { width: 10%; border-left: 0.05rem solid rgba(143, 135, 170, 0.5); text-align: center; font-size: 30px; color: #aaa; }
.basic_wrap dl dd a { width: 35%; border-left: 0.05rem solid rgba(143, 135, 170, 0.5); }
.basic_wrap dl dd a p { vertical-align: middle; display: inline-block;  font-size: 30px; line-height: 50px; }
.basic_wrap dl dd a span { font-size: 12px; font-size: 1.2rem; vertical-align: middle; display: inline-block; line-height: 50px; }
.basic_wrap dl dd a.bett_left p { color: #158ce7; float: left; padding-left: 20px; }
.basic_wrap dl dd a.bett_left span { float: left; padding-left: 20px; }
.basic_wrap dl dd a.bett_right p { color: #e5472d; float: right; padding-right: 20px; }
.basic_wrap dl dd a.bett_right span { float: right; padding-right: 20px; }
.basic_wrap dl dd a.active span, .basic_wrap dl dd a.select span { color: #000; }
.basic_wrap dl dd a .disable_chip_wrap { opacity: 0.2; position: absolute; margin: 0 auto; height: 40px; }
.basic_wrap dl dd a .disable_chip_wrap img { height: 40px; width: auto; }
.basic_wrap dl dd a.bett_left .disable_chip_wrap { top: 5px; right: 20px; }
.basic_wrap dl dd a.bett_right .disable_chip_wrap { top: 5px; left: 20px; }


@-webkit-keyframes stock_icon_move {
    0%   { width: 0px; }
    100% { width: 62px; }
}

@keyframes stock_icon_move {
    0%   { width: 0px; }
    100% { width: 62px; }
}

.basic_wrap dl dd a .stock_icon_wrap { background-repeat: no-repeat; background-size: 62px 40px; position: absolute; margin: 0 auto; }
.basic_wrap dl dd a.bett_left .stock_icon_wrap { background-image: url('/s/front/images/stock/stock_icon_blue_rs.png'); background-position: top right; }
.basic_wrap dl dd a.bett_right .stock_icon_wrap { background-image: url('/s/front/images/stock/stock_icon_red_rs.png'); background-position: top left; }
.basic_wrap dl dd a .stock_icon_wrap.disabled { opacity: 0.2; width: 62px; height: 40px; }
.basic_wrap dl dd a .stock_icon_wrap.active {
    opacity: 1; width: 0; height: 40px; overflow: hidden;
    -webkit-animation: stock_icon_move 2s infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
    animation: stock_icon_move 2s infinite;
    animation-direction: alternate;
}

.basic_wrap dl dd a.bett_left .stock_icon_wrap { top: 5px; right: 20px; }
.basic_wrap dl dd a.bett_right .stock_icon_wrap { top: 5px; left: 20px; }

.bett_stock {
    display: none;
    box-sizing: border-box;
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
}
.bett_stock .bett_money { width: 100%; text-align: center; position: absolute; bottom: 0; text-align: center; height: 20px; line-height: 20px; background: rgba(0, 0, 0, 0.5); }
.bett_stock .bett_money em.won { display: inline-block; font-style: normal; font-size: 11px; color: #e9b912; }
.btn_bett.select .bett_stock { border: 2px solid #ffcc00; }
.btn_bett.result .bett_stock { border: 2px solid #00ffcc; }


@media all and (max-width:1030px){
    .basic_wrap dl dd.snail_bet a.bett_snail_side { width: 33.33%; }
    .basic_wrap dl dd.snail_bet a.bett_snail_center { width: 33.33%; }
	.basic_wrap dl dd.snail_bet a .disable_chip_wrap { top: 5px; left: 50%; margin-left: -30px; }
	.basic_wrap dl dd a.bett_left .stock_icon_wrap { top: 5px; left: auto; right: 5px; }
	.basic_wrap dl dd a.bett_right .stock_icon_wrap { top: 5px; right: auto; left: 5px; }
}
/*------------ 주사위 end -------------*/


@media all and (max-width:1030px){
    /* 승무패 베팅테이블 */
    .bet_list { font-size: 11px; font-size: 1.1rem; }

    .list_bet_info li.list_add_info { display: none; }

    /*가상게임 베팅 테이블*/
    .basic_wrap dl dt i.round_time { display: block; }
    .basic_wrap dl dd i.round_time { display: none; }
    .basic_wrap dl dd a { width: 42%; }
    .basic_wrap dl dd div.versus { width: 16%; font-size: 20px; font-size: 2.0rem; }
    .basic_wrap dl dd a.bett_left .disable_chip_wrap { top: 5px; right: 5px; }
    .basic_wrap dl dd a.bett_right .disable_chip_wrap { top: 5px; left: 5px; }
    .basic_wrap dl dd a p { font-size: 20px; font-size: 2.0rem; }
    .basic_wrap dl dd a.bett_right p { padding-right: 9px; }
    .basic_wrap dl dd a.bett_left p { padding-left: 9px; }
    .basic_wrap dl dd a span { font-size: 12px; font-size: 1.2rem; }
    .basic_wrap dl dd a.bett_left span { padding-left: 10px; }
    .basic_wrap dl dd a.bett_right span { padding-right: 10px; }


    .game_wrap { margin-bottom: 0; }
}


/*------------게임 오른쪽영역 start-------------*/


/*배당 클릭시 추가되는부분*/
.betChoiceWrap a.trashEach{text-align: center; display: block; width:14px; height: 14px; position: absolute; top:50%; margin-top: -8px; right:11px;}
.betChoiceWrap a.trashEach i { font-size: 14px; font-size: 1.4rem; color: #fff; }
.betChoiceWrap span { font-size: 11px; font-size: 1.1rem; margin-left:12px; color: #fff;}
.betChoiceWrap span strong { font-size: 11px; font-size: 1.1rem; color: #fff; }

.betChoiceWrap,
.matchChoiceWrap { font-family: 'Nanum Barun Gothic'; padding: 8px 0; position: relative; border-bottom: 0.05rem solid #8f87aa; }
.betChoiceWrap:first-child,
.matchChoiceWrap:first-child { border-top: 0.05rem solid #8f87aa; }
.matchChoiceWrap a.trashEach{ text-align: center; display: block; width:14px; height: 14px; position: absolute; top:50%; margin-top: -8px; right:11px;}
.matchChoiceWrap a.trashEach i { font-size: 14px; font-size: 1.4rem; color: #fff; }
.matchChoiceWrap p { font-size: 11px; padding-left:12px; padding-right: 30px; display:inline-block; width: 100%; line-height: 16px; overflow:hidden; }
.matchChoiceWrap p span { font-weight: bold; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;  display:block; width: 175px; float: left; }
.matchChoiceWrap p span em, .matchChoiceWrap p span i { font-style: normal; display: inline-block; color: #fff; }
.matchChoiceWrap p strong.dividend_strong { font-weight: bold; display: block; text-align:right; width: 40px; float: right; color:#24FCFF; }


/*------------게임 오른쪽영역 end-------------*/


/*------------게임 다이사이 start-------------*/
.taisai_wrap { position:relative; width: 100%; background: rgba(40, 40, 40, 0.5); font-family: tahoma, sans-serif; font-size: 12px; margin-bottom:18px; }
.taisai_wrap .taisaiS_01, .taisai_wrap .taisaiS_02, .taisai_wrap .taisaiS_03, .taisai_wrap .taisaiS_04 { width: 100%; overflow: hidden; }
.taisai_wrap .taisaiS_01 { position: relative; height: 213px; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
.taisai_wrap .taisaiS_02,
.taisai_wrap .taisaiS_03,
.taisai_wrap .taisaiS_04 { border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
.taisai_wrap a { position:relative; }

.unOverW { width: 18%; height: 212px; position: relative; }
.unOverW a { display: block; width: 100%; height: 213px; background-size: 80%; background-position: center; background-repeat: no-repeat; overflow:hidden; }
.unOverW a.unOver_up { background-image: url('../images/arcade/unOver_up_rs.png'); }
.unOverW a.unOver_up.select, .unOverW a.unOver_up.active { background-image: url('../images/arcade/unOver_up_on_rs.png'); background-position: center; background-repeat: no-repeat; }
.unOverW a.unOver_down { background-image: url('../images/arcade/unOver_down_rs.png'); }
.unOverW a.unOver_down.select, .unOverW a.unOver_down.active { background-image: url('../images/arcade/unOver_down_on_rs.png'); background-position: center; background-repeat: no-repeat; }

/* 페어베팅 시작 */
.pairW { width: 64%; height: 213px; float: left; border-left: 0.05rem solid rgba(143, 135, 170, 0.5); border-right: 0.05rem solid rgba(143, 135, 170, 0.5); }
.pair_dividend { display: none; }
.pairW dl { width: 15.625%; height: 213px; }
.pairW dl dt { width: 100%; height: 30px; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); text-align: center; line-height: 30px; color:#a6a6a6; }
.pairW dl dd { width: 100%; height: 61px; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
.pairW dl dd a { display: block; width: 100%; height: 60px; overflow:hidden; }
.pairW dl dd a.btn_bett { padding: 10px 0; text-align: center; position: relative; }
.pairW dl dd a.btn_bett img { width: 40%; vertical-align: middle; display: inline-block; }
/* 페어베팅 끝 */

/* 트리플베팅 시작 */
.taisaiMid { width: 44%; height: 212px; position: absolute; left: 50%; margin-left: -22%; border-left: 0.05rem solid rgba(143, 135, 170, 0.5); border-right: 0.05rem solid rgba(143, 135, 170, 0.5); }
.triple_wrap .triple { width: 100%; height: 68px; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
.triple_wrap .triple dl { width: 100%; height: 68px; overflow:hidden; }
.triple_wrap .triple dl dt { width: 10%; height: 68px; padding: 12px 0; border-left:0.05rem solid rgba(143, 135, 170, 0.5); float:left; text-align: center; }
.triple_wrap .triple dl dt p { color: #a6a6a6; }
.triple_wrap .triple dl dd { width: 15%; height: 68px; border-left:0.05rem solid rgba(143, 135, 170, 0.5); float: left; }
.triple_wrap .triple dl dd:first-child { border-left: none !important; }
.triple_wrap .triple dl dd a { position: relative; display: block; width: 100%; height: 68px; background-position: center; background-repeat: no-repeat; overflow:hidden; }
.triple_wrap .triple dl dd a > img { width: 30%; position: absolute; }
.triple_wrap .triple dl dd a img.triple_01 { left: 50%; margin-left: -15%; top: 10px;}
.triple_wrap .triple dl dd a img.triple_02 { top: 35px; left: 50%; margin-left: -31%; }
.triple_wrap .triple dl dd a img.triple_03 { top: 35px; left: 51%; }
/* 트리플베팅 끝 */

/* 홀짝 */
.taiSnif { width: 100%; height: 44px; overflow: hidden; }
.taiSnif a { display: block; height: 44px; float: left; background-size: 40%; background-position: center; background-repeat: no-repeat; overflow:hidden; }
.taiSnif a.taiSnif_even { width: 50%; background-image: url('../images/arcade/taiSnif_even_rs.png'); border-right: 0.05rem solid rgba(143, 135, 170, 0.5); }
.taiSnif a.taiSnif_even.select, .taiSnif a.taiSnif_even.active { background-image: url('../images/arcade/taiSnif_even_on_rs.png'); }
.taiSnif a.taiSnif_odd { width: calc(50% - 1px); background-image: url('../images/arcade/taiSnif_odd_rs.png'); }
.taiSnif a.taiSnif_odd.select, .taiSnif a.taiSnif_odd.active { background-image: url('../images/arcade/taiSnif_odd_on_rs.png'); }
/* 홀짝 */

/* 애니트리플베팅 시작 */
.triple_wrap .anyTripleW { width: 100%; height: 100px;  border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
.triple_wrap .anyTripleW a.anyTriple { color:#a6a6a6; display: block; width: 100%; padding-top: 70px; height: 100px; background: url('../images/arcade/anyTriple_rs.png') center no-repeat; text-align: center; background-size: 70%; }
/* 애니트리플베팅 끝 */

/* 토탈베팅 시작*/
.taisaiS_02 a { padding: 10px; box-sizing: border-box; width: 7.14285%; font-size: 11px; color: #a6a6a6; display: block; float: left; border-left: 0.05rem solid rgba(143, 135, 170, 0.5); text-align: center; }
.taisaiS_02 a:first-child { border-left: none; }
.taisaiS_02 a.btn_bett { background-position: center 14px; background-repeat: no-repeat; }
.taisaiS_02 a.btn_bett.select, .taisaiS_02 a.btn_bett.active,
.taisaiS_02 a.btn_bett.select strong, .taisaiS_02 a.btn_bett.active strong { color: #000; }
.taisaiS_02 a.btn_bett strong { display: inline-block; margin-top: 6px; font-family: serif; color: #fff; font-size: 36px; }
/* 토탈베팅 끝 */

/* 도미노 베팅 끝 */
.taisaiS_03 dl { width: 100%; overflow: hidden; }
.taisaiS_03 dl dt, .taisaiS_03 dl dd { box-sizing: border-box; float: left; border-left: 0.05rem solid rgba(143, 135, 170, 0.5); }
.taisaiS_03 dl dt { width:5%; padding: 15px 0 16px 0; text-align: center; }
.taisaiS_03 dl dt p { color:#a6a6a6; font-size: 10px; padding: 3px 0; }
.taisaiS_03 dl dt:first-child { border-left: none; width: 5%; }
.taisaiS_03 dl dd { width: 6%; }
.taisaiS_03 dl dd a { box-sizing: border-box; width:100%; display: block; float: left; overflow:hidden; }
.taisaiS_03 dl dd a.btn_bett { padding-top: 4px; text-align: center; }
.taisaiS_03 dl dd a.btn_bett > img { width: 50%; margin-bottom: 4px; display: inline-block; }
/* 도미노 베팅 끝 */

/* 싱글베팅 시작 */
.taisaiS_04 a { box-sizing: border-box; width: 16.666666%; height: 90px; display: block; float: left; border-left: 0.05rem solid rgba(143, 135, 170, 0.5); overflow:hidden; }
.taisaiS_04 a:first-child { border-left: none; }
.taisaiS_04 a.btn_bett.single { position: relative; }
.taisaiS_04 a.btn_bett.single > img { width: 40%; position: absolute; top: 50%; left: 50%; margin-top: -20%; margin-left: -20%; }
/* 싱글베팅 끝 */


.taisaiDim { position:absolute; top: 0; left: 0; right:0; bottom:0; text-align: center; background: rgba(0, 0, 0, 0.5); color:#fff;  }
.taisaiDim .taisaiMent { width: 400px; background:#222; height: 200px; position:absolute; top: 50%; margin-top: -100px; left: 50%; margin-left: -200px; line-height: 200px; text-align: center;  }
.taisaiDim p { color:#fff; font-size: 14px; }
.borderNone { border: none !important; }

@media all and (max-width:1030px){
    /*토탈*/
    .taisaiS_02 a.btn_bett strong { font-size: 24px; font-size: 2.4rem; }
}

@media all and (max-width:640px){
    .taisai_wrap .taisaiS_01 { height: auto; } 
    .taisaiMid { width: 100%; height: auto; float: left; position: relative; left: 0; margin: 0; }
    .taisaiMid:after { content: ''; display: block; clear: both; visibility: hidden; }
    .taisai_wrap .taisaiS_02 { border-bottom: none; }
    .taisaiS_03 dl dt p { padding: 0; }
    .taisai_wrap .taisaiS_03 { border-bottom: none; }

    /* 트리플 */
    .triple_wrap { width: 100%; }
    .triple_wrap .triple dl { width: 100%; height: auto; box-sizing: border-box; }
    .triple_wrap .triple { width: 100%; height: auto; box-sizing: border-box; }
	.triple_wrap .triple dl dt { padding: 0; width: 14%; height: auto; box-sizing: border-box; }
	.triple_wrap .triple dl dd { width: 14%; height: auto; box-sizing: border-box; }
	.triple_wrap .triple dl dd:first-child, .triple_wrap .triple dl dd:last-child { width: 15%; }
	.triple_wrap .triple dl dd a { height: 60px; width: 100%; box-sizing: border-box; background-size: 90%; }
    .triple_wrap .triple dl dt p { padding-top: 7px; box-sizing: border-box; height: 60px; }

    /* 애니트리플 */
    .triple_wrap .anyTripleW { width: 100%; height: auto; box-sizing: border-box; border-bottom: none; }
	.triple_wrap .anyTripleW a.anyTriple { background-size: 90%; }
	.triple_wrap .anyTripleW a.anyTriple.select, .triple_wrap .anyTripleW a.anyTriple.active { background-size: 90%; }

    /* 언오버 */
    .unOverW { height: 153px; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); width: 25%; }
    .unOverW a { height: 153px; }

    /* 페어 */
    .pairW { width: 50%; height: 153px; }
    .pair_dividend { display: block; width: 100%; height: 30px; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); text-align: center; line-height: 30px; color:#a6a6a6; }
    .pairW dl { width: 50%; height: 123px; }
    .pairW dl.float_left { border-right: 0.05rem solid rgba(143, 135, 170, 0.5); }
    .pairW dl dt { display: none; }
    .pairW dl dd { height: 41px; }
    .pairW dl dd a.btn_bett { height: 40px; padding: 5px 0; line-height: 30px; text-align: center; position: relative; }
    .pairW dl dd a.btn_bett > img { width: 28px; display: inline-block; }

    /* 토탈 */
    .taisaiS_02 a { padding: 5px 0; width: 14.285714%; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
    .taisaiS_02 a > p { font-size: 9px; font-size: 0.9rem; }

    /* 도미노 */
    .taisaiS_03 dl dt:first-child { width: 100%; padding: 5px 0; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
    .taisaiS_03 dl dt:last-child { display: none; }
    .taisaiS_03 dl dd { width: 20%; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
    .taisaiS_03 dl dd a.btn_bett { padding: 5px 0; }
    .taisaiS_03 dl dd a.btn_bett > img { width: 40%; margin: 0; }

    /* 싱글 */
    .taisaiS_04 a { height: 50px; }
    .taisaiS_04 a.btn_bett.single > img { width: 50%; margin-top: -25%; margin-left: -25%; }
}

/*------------게임 다이사이 end-------------*/


/*------------ 럭키7 start-------------*/
.lucky7_wrap { width: 100%; background: rgba(0, 0, 0, 0.5);  font-family: 'Noto Sans KR','맑은 고딕','MalgunGothic','Dotum','돋움' ,sans-serif; }
.lucky7_wrap dl,
.lucky7_wrap dt,
.lucky7_wrap dd,
.lucky7_wrap a,
.lucky7_wrap p,
.lucky7_wrap span,
.lucky7_wrap i,
.lucky7_wrap em { box-sizing: border-box; }
.lucky7_wrap dd { position: relative; }

.lucky7_wrap a.active span,
.lucky7_wrap a.select span,
.lucky7_wrap a.active span.division,
.lucky7_wrap a.select span.division { color: #000 !important; }

/*홀짝 베팅 영역*/
.lucky7_wrap .snif_wrap { width: 100%; overflow: hidden; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
.lucky7_wrap .snif_wrap .total_snif { background: #000; text-align: center; color: #fff; font-size: 12px; font-size: 1.2rem; line-height: 36px; height: 37px; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
.lucky7_wrap .snif_wrap dl { width: 44%; float: left; }
.lucky7_wrap .snif_wrap div.lucky7_vs { border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); width: 12%; height: 61px; line-height: 60px; text-align: center;  float: left; font-size: 30px; color: #aaa; }
.lucky7_wrap .snif_wrap dl.odd_wrap { border-right: 0.05rem solid rgba(143, 135, 170, 0.5);  border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
.lucky7_wrap .snif_wrap dl.even_wrap { border-left: 0.05rem solid rgba(143, 135, 170, 0.5); border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
.lucky7_wrap .snif_wrap dl dd { border-top: 0.05rem solid rgba(143, 135, 170, 0.5); width: 100%; height: 60px; }
.lucky7_wrap .snif_wrap dl dd:first-child { border-top: none; }
.lucky7_wrap .snif_wrap dl dd a { display: block; }
.lucky7_wrap .snif_wrap dl dd a span { vertical-align: middle; display: inline-block; color: #ddd; font-size: 12px; line-height: 60px;  }
.lucky7_wrap .snif_wrap dl.odd_wrap dd a span.division, .lucky7_wrap .snif_wrap dl.even_wrap dd a span.division { color: #fff; line-height: 20px; position: absolute; display: inline-block; height: 20px; top: 50%; margin-top: -10px;  }
.lucky7_wrap .snif_wrap dl dd a p { padding: 0 10px; vertical-align: middle; display: inline-block; font-size: 30px; line-height: 60px; }
.lucky7_wrap .snif_wrap dl dd a.odd p { color: #158ce7; }
.lucky7_wrap .snif_wrap dl dd a.even p { color: #e5472d; }
.lucky7_wrap .snif_wrap dl dd a.yellow p { color: #cc7a00; }
.lucky7_wrap .snif_wrap dl dd a.black p { color: #999; }
.lucky7_wrap .snif_wrap dl.odd_wrap dd a { text-align: left; }
.lucky7_wrap .snif_wrap dl.odd_wrap dd a span.division { text-align: right; right: 15px; }

.lucky7_wrap .snif_wrap dl.even_wrap dd a { text-align: right; }
.lucky7_wrap .snif_wrap dl.even_wrap dd a span.division { text-align: left; left: 15px; }

.lucky7_wrap .snif_wrap dl.snif_list {text-align: center; display: block;width: 100%; float: left; }
.lucky7_wrap .snif_wrap dl.snif_list dt { height: 36px; line-height: 36px; float: left; font-size: 12px; font-size: 1.2rem; }
.lucky7_wrap .snif_wrap dl.snif_list dt.first_ball {box-sizing: border-box; width: 50%; border-right: 0.05rem solid rgba(143, 135, 170, 0.5); background: #000; color: #fff; }
.lucky7_wrap .snif_wrap dl.snif_list dt.last_ball {box-sizing: border-box; width: 50%; background: #000; color: #fff; }
.lucky7_wrap .snif_wrap dl.snif_list dd { width: 25%; height: 80px; float: left; overflow: hidden; border-left: 0.05rem solid rgba(143, 135, 170, 0.5); }
.lucky7_wrap .snif_wrap dl.snif_list dd.left { border-left: none; }
.lucky7_wrap .snif_wrap dl.snif_list dd i { text-align: center; color: #ddd; font-style: normal; float: left; display: block; width: 100%; height: 20px; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); line-height: 20px; }
.lucky7_wrap .snif_wrap dl.snif_list dd a { width: 50%; float: left; height: 60px; }
.lucky7_wrap .snif_wrap dl.snif_list dd a p { font-size: 20px; line-height: 36px; display: block; }
.lucky7_wrap .snif_wrap dl.snif_list dd a span.division { display: block; color: #fff; line-height: 20px; }


/*언오버 베팅 영역*/
.lucky7_wrap .unover_wrap { width: 100%; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
.lucky7_wrap .unover_wrap dl { width: 100%; overflow: hidden; }
.lucky7_wrap .unover_wrap dl dt {background: #000; float: left; text-align: center; line-height: 36px; font-size: 12px; color: #ddd; width: 100%; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
.lucky7_wrap .unover_wrap dl dd {float: left; overflow: hidden; border-left: 0.05rem solid rgba(143, 135, 170, 0.5); }
.lucky7_wrap .unover_wrap dl dd.left { border-left: none; }
.lucky7_wrap .unover_wrap dl dd i {text-align: center; color: #ddd; font-style: normal; float: left; display: block; width: 100%; height: 20px; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); line-height: 20px;  }
.lucky7_wrap .unover_wrap dl dd.unoverW_100, .lucky7_wrap .unover_wrap dl dd.unoverW_200 {box-sizing: border-box; width: 12.5%; }
.lucky7_wrap .unover_wrap dl dd.unoverW_125, .lucky7_wrap .unover_wrap dl dd.unoverW_175 { box-sizing: border-box; width: 25%; }
.lucky7_wrap .unover_wrap dl dd.unoverW_150 {box-sizing: border-box; width: 25%; }
.lucky7_wrap .unover_wrap dl dd.unoverW_100 a, .lucky7_wrap .unover_wrap dl dd.unoverW_200 a { width:100%; }
.lucky7_wrap .unover_wrap dl dd a { float: left; width: 50%; height: 60px; text-align: center; }
.lucky7_wrap .unover_wrap dl dd a span.division { color: #fff; }
.lucky7_wrap .unover_wrap dl dd a.under p { color: #158ce7; font-size: 20px; line-height: 36px; }
.lucky7_wrap .unover_wrap dl dd a.over p { color: #e5472d; font-size: 20px; line-height: 36px; }

/*토탈 언오버*/
.lucky7_wrap .total_unover_wrap { width: 100%; }
.lucky7_wrap .total_unover_wrap dl { width: 100%; overflow: hidden; }
.lucky7_wrap .total_unover_wrap dl dt { font-size: 12px; font-size: 1.2rem; text-align: center;  height: 36px; line-height: 36px; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
.lucky7_wrap .total_unover_wrap dl dt.total_yellow { background: #cc7a00; color: #000; }
.lucky7_wrap .total_unover_wrap dl dt.total_black { background: #000; color: #fff; }
.lucky7_wrap .total_unover_wrap dl dt, .lucky7_wrap .total_unover_wrap dl dd { width: 50%; float: left; overflow: hidden; }
.lucky7_wrap .total_unover_wrap dl dt.total_yellow { border-right: 0.05rem solid rgba(143, 135, 170, 0.5); }
.lucky7_wrap .total_unover_wrap dl dd.border-right { border-right: 0.05rem solid rgba(143, 135, 170, 0.5); }
.lucky7_wrap .total_unover_wrap dl dd i { text-align: center; color: #ddd; font-style: normal; float: left; display: block; width: 100%; height: 20px; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); line-height: 20px;  }
.lucky7_wrap .total_unover_wrap dl dd a { float: left; width: 50%; height: 60px; text-align: center; }
.lucky7_wrap .total_unover_wrap dl dd a span.division { color: #fff; }
.lucky7_wrap .total_unover_wrap dl dd a.under p { color: #158ce7; font-size: 20px; line-height: 36px; }
.lucky7_wrap .total_unover_wrap dl dd a.over p { color: #e5472d; font-size: 20px; line-height: 36px; }

@media all and (max-width:1030px){
    .lucky7_wrap .snif_wrap dl dd a p { font-size: 16px; font-size: 1.6rem; }
    .lucky7_wrap .snif_wrap dl dd a span { font-size: 11px; font-size: 1.1rem; }
    .lucky7_wrap .snif_wrap dl.odd_wrap dd a span.division, .lucky7_wrap .snif_wrap dl.even_wrap dd a span.division { font-size: 11px; font-size: 1.1rem; }
    .lucky7_wrap .snif_wrap dl.snif_list dt, .lucky7_wrap .total_unover_wrap dl dt { font-size: 12px; font-size: 1.2rem; }
    .lucky7_wrap .snif_wrap dl.snif_list dd a p { padding: 0 5px; letter-spacing: -1px; font-size: 14px; font-size: 1.4rem; }
    .lucky7_wrap .unover_wrap dl dd a.under p, .lucky7_wrap .unover_wrap dl dd a.over p { font-size: 14px; font-size: 1.4rem; }
}

/*------------ 럭키7 end-------------*/


/*------------ 파워볼 start-------------*/
.pwb_bet_wrap { width: 100%; background: rgba(40, 40, 40, 0.5);  font-family: 'Noto Sans KR','맑은 고딕','MalgunGothic','Dotum','돋움' ,sans-serif; }
.pwb_bet_wrap dl,
.pwb_bet_wrap dt,
.pwb_bet_wrap dd,
.pwb_bet_wrap a,
.pwb_bet_wrap p,
.pwb_bet_wrap span,
.pwb_bet_wrap i,
.pwb_bet_wrap em { box-sizing: border-box; }
.pwb_bet_wrap dd { position: relative; }
.pwb_bet_wrap a { cursor: pointer; }
.pwb_bet_wrap a.active span,
.pwb_bet_wrap a.select span,
.pwb_bet_wrap a.active span.division,
.pwb_bet_wrap a.select span.division { color: #000 !important; }

/*홀짝 언오버 베팅 영역*/
.pwb_bet_wrap .vs_wrap { width: 100%; overflow: hidden; }
.pwb_bet_wrap .vs_wrap .vs_tit { width: 100%; background: #191621; height: 36px; line-height: 36px; text-align: center; float: left; }
.pwb_bet_wrap .vs_wrap dl { width: 44%; float: left; }
.pwb_bet_wrap .vs_wrap div.lucky7_vs { width: 12%; height: 51px; line-height: 50px; text-align: center;  float: left; font-size: 30px; color: #aaa; }
.pwb_bet_wrap .vs_wrap dl.odd_wrap { border-right: 0.05rem solid rgba(143, 135, 170, 0.5);  }
.pwb_bet_wrap .vs_wrap dl.even_wrap { border-left: 0.05rem solid rgba(143, 135, 170, 0.5);}
.pwb_bet_wrap .vs_wrap dl dd { width: 100%; height: 50px; }
.pwb_bet_wrap .vs_wrap dl dd a { display: block; }
.pwb_bet_wrap .vs_wrap dl dd a span { vertical-align: middle; display: inline-block; color: #ddd; font-size: 12px; font-size: 1.2rem; line-height: 50px;  }
.pwb_bet_wrap .vs_wrap dl.odd_wrap dd a span.division, .pwb_bet_wrap .vs_wrap dl.even_wrap dd a span.division { color: #fff; line-height: 20px; position: absolute; display: inline-block; height: 20px; top: 50%; margin-top: -10px;  }
.pwb_bet_wrap .vs_wrap dl dd a p { padding: 0 10px; vertical-align: middle; display: inline-block; font-size: 30px; line-height: 50px; }
.pwb_bet_wrap .vs_wrap dl dd a.odd p { color: #158ce7; }
.pwb_bet_wrap .vs_wrap dl dd a.even p { color: #e5472d; }
.pwb_bet_wrap .vs_wrap dl dd a.under p { color: #158ce7; }
.pwb_bet_wrap .vs_wrap dl dd a.over p { color: #e5472d; }
.pwb_bet_wrap .vs_wrap dl.odd_wrap dd a { text-align: left; }
.pwb_bet_wrap .vs_wrap dl.odd_wrap dd a span.division { text-align: right; right: 15px; }

.pwb_bet_wrap .vs_wrap dl.even_wrap dd a { text-align: right; }
.pwb_bet_wrap .vs_wrap dl.even_wrap dd a span.division { text-align: left; left: 15px; }

.pwb_bet_wrap .vs_wrap dl.pwb_list {text-align: center; display: block;width: 50%; float: left; }
.pwb_bet_wrap .vs_wrap dl.pwb_list dt { width: 100%; height: 36px; line-height: 36px; float: left; }
.pwb_bet_wrap .vs_wrap dl.pwb_list dt.first_ball {box-sizing: border-box; width: 100%; background: #000; color: #fff; }
.pwb_bet_wrap .vs_wrap dl.pwb_list dt.last_ball {box-sizing: border-box; width: 100%; border-left: 0.05rem solid rgba(143, 135, 170, 0.5); background: #6b138c; color: #fff; }
.pwb_bet_wrap .vs_wrap dl.pwb_list dd { width: 100%; height: auto; float: left; overflow: hidden; }
.pwb_bet_wrap .vs_wrap dl.pwb_list dd i { text-align: center; color: #ddd; font-style: normal; float: left; display: block; width: 100%; height: 20px; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); line-height: 20px; }
.pwb_bet_wrap .vs_wrap dl.pwb_list dd a { border-left: 0.05rem solid rgba(143, 135, 170, 0.5); width: 50%; float: left; height: 65px; }
.pwb_bet_wrap .vs_wrap dl.pwb_list.left dd a:first-child { border-left: none; }
.pwb_bet_wrap .vs_wrap dl.pwb_list dd a p { font-size: 16px; font-size: 1.6rem; letter-spacing: -1px; line-height: 40px; display: block; }
.pwb_bet_wrap .vs_wrap dl.pwb_list dd a span.division { display: block; color: #fff; line-height: 20px; }


/*대중소 베팅 영역*/
.pwb_bet_wrap .size_wrap { width: 100%;  }
.pwb_bet_wrap .size_wrap dl { width: 100%; overflow: hidden; }
.pwb_bet_wrap .size_wrap dl dt {background: #000; float: left; text-align: center; line-height: 36px; font-size: 12px; font-size: 1.2rem; color: #ddd; width: 100%;}
.pwb_bet_wrap .size_wrap dl dd { width: 100%; float: left; overflow: hidden; }
.pwb_bet_wrap .size_wrap dl dd a { border-left: 0.05rem solid rgba(143, 135, 170, 0.5); display: block; width: 33.33%; height: 60px; text-align: center; float: left; box-sizing: border-box; }
.pwb_bet_wrap .size_wrap dl dd a:first-child { border: none; }

.pwb_bet_wrap .size_wrap dl dd a span.division { color: #fff; font-size: 12px; font-size: 1.2rem; }
.pwb_bet_wrap .size_wrap dl dd a.large p { color: #158ce7; font-size: 20px; font-size: 2.0rem; line-height: 36px; }
.pwb_bet_wrap .size_wrap dl dd a.medium p { color: #0fbd00; font-size: 20px; font-size: 2.0rem; line-height: 36px; }
.pwb_bet_wrap .size_wrap dl dd a.small p { color: #e5472d; font-size: 20px; font-size: 2.0rem; line-height: 36px; }

@media all and (max-width:1030px){
    /*파워볼 베팅 테이블*/
    .pwb_bet_wrap .vs_wrap .vs_tit, .pwb_bet_wrap .vs_wrap dl.pwb_list dt { font-size: 12px; font-size: 1.2rem; }
    .pwb_bet_wrap .vs_wrap dl dd a p { font-size: 20px; font-size: 2.0rem; }
    .pwb_bet_wrap .vs_wrap dl.pwb_list dd a p { font-size: 12px; font-size: 1.2rem; }
    .pwb_bet_wrap .size_wrap dl dd a.large p { font-size: 16px; font-size: 1.6rem; }
    .pwb_bet_wrap .size_wrap dl dd a.medium p {font-size: 16px; font-size: 1.6rem; }
    .pwb_bet_wrap .size_wrap dl dd a.small p { font-size: 16px; font-size: 1.6rem; }
}

/*------------ 파워볼 end-------------*/




/*------------ 바카라 start -------------*/
.baccarat_wrap { width: 100%; background: rgba(40, 40, 40, 0.5);  font-family: 'Noto Sans KR','맑은 고딕','MalgunGothic','Dotum','돋움' ,sans-serif; }
.baccarat_wrap dl,
.baccarat_wrap dt,
.baccarat_wrap dd,
.baccarat_wrap a,
.baccarat_wrap p,
.baccarat_wrap span,
.baccarat_wrap i,
.baccarat_wrap dl dd div,
.baccarat_wrap em { box-sizing: border-box; }
.baccarat_wrap dl dt { width: 100%; height: 36px; line-height: 36px; background: #000; padding: 0 10px; }
.baccarat_wrap dl dt i { font-style: normal; float: left; color: #ffcc00; }
.baccarat_wrap dl dt span.date { float: right; color: #aaa; }
.baccarat_wrap dl dd { width: 100%; overflow: hidden; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); }
.baccarat_wrap dl dd.snail_bet a { text-align: center; position: relative; }
.baccarat_wrap dl dd.snail_bet a .disable_chip_wrap { top: 5px; left: 5%; }
.baccarat_wrap dl dd i, .baccarat_wrap dl dd div.versus, .baccarat_wrap dl dd a { display: block; float: left; }
.baccarat_wrap dl dd i, .baccarat_wrap dl dd div.versus{ line-height: 50px; }
.baccarat_wrap dl dd i { width: 20%; text-align :center; font-style: normal; }
.baccarat_wrap dl dd i.round_time strong {margin-right: 10px; display: inline-block; font-weight: normal; background: #222; width: 60px; height: 30px; line-height: 30px; border-radius: 15px; vertical-align: middle;}
.baccarat_wrap dl dd div.versus { width: 10%; border-left: 0.05rem solid rgba(143, 135, 170, 0.5); text-align: center; font-size: 30px; color: #aaa; }
.baccarat_wrap dl dd a {border-left: 0.05rem solid rgba(143, 135, 170, 0.5); }
.baccarat_wrap dl dd a.bett_left, .baccarat_wrap dl dd a.bett_right { width: 30%; }
.baccarat_wrap dl dd a.bett_center { width: 20%; text-align: center; }
.baccarat_wrap dl dd a.bett_center.disable { line-height: 50px; }
.baccarat_wrap dl dd a p { vertical-align: middle; display: inline-block;  font-size: 30px; line-height: 50px; }
.baccarat_wrap dl dd a span { font-size: 12px; font-size: 1.2rem; vertical-align: middle; display: inline-block; line-height: 50px; }
.baccarat_wrap dl dd a.bett_w26 { width: 26%; float: left; }
.baccarat_wrap dl dd a.bett_w28 { width: 28%; float: left; }
.baccarat_wrap dl dd a.bett_left p { color: #158ce7; float: left; padding-left: 20px; }
.baccarat_wrap dl dd a.bett_left span { float: left; padding: 0 5px; }
.baccarat_wrap dl dd a.bett_right p { color: #e5472d; float: right; padding-right: 20px; }
.baccarat_wrap dl dd a.bett_right span { float: right; padding: 0 5px; }
.baccarat_wrap dl dd a strong { font-weight: normal; font-size: 20px; font-size: 2.0rem; padding: 0 5px; vertical-align: middle; display: inline-block; line-height: 50px; }
.baccarat_wrap dl dd a.bett_left strong { float: left; }
.baccarat_wrap dl dd a.bett_right strong { float: right; }
.baccarat_wrap dl dd strong.tit_player { color: #2984ea; padding-left: 20px; }
.baccarat_wrap dl dd strong.tit_tie { color: #fff; }
.baccarat_wrap dl dd a.select strong.tit_tie { color: #000; }
.baccarat_wrap dl dd strong.tit_banker { color: #c41b3a; padding-right: 20px; }
.baccarat_wrap dl dd a.active span, .baccarat_wrap dl dd a.select span { color: #000; }
.baccarat_wrap dl dd a .disable_chip_wrap { opacity: 0.2; position: absolute; margin: 0 auto; height: 40px; }
.baccarat_wrap dl dd a .disable_chip_wrap img { height: 40px; width: auto; }
.baccarat_wrap dl dd a.bett_left .disable_chip_wrap { top: 5px; right: 20px; }
.baccarat_wrap dl dd a.bett_center .disable_chip_wrap { top: 5px; left: 50%; margin-left: -31px; }
.baccarat_wrap dl dd a.bett_right .disable_chip_wrap { top: 5px; left: 20px; }

@media all and (max-width:1030px){
    .baccarat_wrap dl dt { display: none; }
    .baccarat_wrap dl dd i { line-height: 36px; height: 36px; width: 100%; background: #000; overflow: hidden; padding: 0 10px; }
    .baccarat_wrap dl dd i.round_time strong { line-height: 36px; background: transparent; width: auto; text-align: left; color: #ffcc00; font-size: 12px; font-size: 1.2rem; float: left; }
    .baccarat_wrap dl dd i.round_time span.date { line-height: 36px; display: inline-block; float: right; color: #aaa; font-size: 12px; font-size: 1.2rem; }

    .baccarat_wrap dl dd a.bett_left, .baccarat_wrap dl dd a.bett_center, .baccarat_wrap dl dd a.bett_right { width: 33.33%; }
    .baccarat_wrap dl dd a strong { font-size: 16px; font-size: 1.6rem; }
    .baccarat_wrap dl dd strong.tit_player { padding-left: 10px; }
    .baccarat_wrap dl dd strong.tit_banker { padding-right: 10px; }
}
@media all and (max-width:640px){
    .baccarat_wrap dl dd a { text-align: center; }
    .baccarat_wrap dl dd a .disable_chip_wrap { position: relative; text-align: center; }
    .baccarat_wrap dl dd a.bett_left .disable_chip_wrap { padding-top: 10px; height: 50px; top: auto; right: auto; }
    .baccarat_wrap dl dd a.bett_center .disable_chip_wrap { padding-top: 10px; height: 50px; top: auto; left: auto; margin: 0;  }
    .baccarat_wrap dl dd a.bett_right .disable_chip_wrap { padding-top: 10px; height: 50px; top: auto; left: auto; }
    .baccarat_wrap dl dd a strong { padding: 0 5px 0 0; float: none; clear: both; display: inline; font-size: 12px; font-size: 1.2rem; line-height: 40px; }
    .baccarat_wrap dl dd a span { float: none; clear: both; display: inline; line-height: 40px; }
    .baccarat_wrap dl dd strong.tit_player, .baccarat_wrap dl dd strong.tit_banker { padding: 0 5px 0 0; }

    .baccarat_wrap dl dd a.bett_left strong, .baccarat_wrap dl dd a.bett_right strong { float: none; clear: both; display: inline; }
    .baccarat_wrap dl dd a.bett_left span, .baccarat_wrap dl dd a.bett_right span { padding: 0; float: none; clear: both; display: inline; }
    .baccarat_wrap dl dd a.bett_center.disable { line-height: 90px; }
}
/*------------ 바카라 end -------------*/


/* stock vacant 페이지 */
.vacant {
    width: 100%; height: 500px; padding: 100px 50px; box-sizing: border-box; position: relative;
    background-image: url('/s/front/images/stock/stock-vacant-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.vacant article { width: 100%; max-width: 465px; }
.vacant * { box-sizing: border-box; }
.vacant h2 { background-size: 60px; background-repeat: no-repeat; background-position: right center; color: #00ffcc; font-size: 80px; font-family: 'Khand'; font-weight: 400; line-height: 80px; }
.vacant p.vacant_exp { width: 100%; line-height: 1.5; padding: 15px; display: inline-block; background: rgba(0, 0, 0, 0.5); }
.vacant_day { text-align: center; margin: 20px 0; }
.vacant_day li {
    font-size: 16px; display: inline-block; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; text-align: center;
    background: #ff0066; color: #fff; font-weight: bold; margin-right: 5px;
}
.vacant_day li.disabled { background: #111; color: #777; font-weight: normal; }
.vacant p { width: 100%; max-width: 465px; display: inline-block; color: #ddd; }
.vacant .vacant_alert { font-size: 14px; color: #ffcc00; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.5); height: 60px; line-height: 60px; text-align: center; }

.kr h2 { background-image: url('/s/front/images/stock/kr.jpg'); }
.gold h2 { background-image: url('/s/front/images/stock/gold.jpg'); }
.dollar h2 { background-image: url('/s/front/images/stock/dollar.jpg'); }
.bitcoin h2 { background-image: url('/s/front/images/stock/bitcoin.jpg'); }

@media all and (max-width:1030px){
	.vacant { padding: 50px 0px; }
	.vacant h2 { font-size: 50px; }
	.vacant article { max-width: 100%; }
}