@charset "utf-8";

/** 파워볼 **/
body {margin:0px;}

.pb_container {
	position: relative;
	width: 860px;
	height: 609px;
	background: url('./powerball_bg.png') no-repeat;
}

.pb_title {
	position: absolute;
	top: 14px;
	left: 173px;
	width: 517px;
	height: 119px;
	background: url('./powerball_title.png') no-repeat;
}

.pb_game_box {
	position: absolute;
	top: 160px;
	left: 94px;
	width: 672px;
	height: 426px;
	background: url('./powerball_bg2.png') no-repeat;
}

.pb_game_box > div {
	position: relative;
	height: 426px;
}

.pb_now_time {
	position:absolute;
	left:37px;
	top:20px;
	width:375px;
	height:312px;
	font-family:'notom';
	letter-spacing:-1px;
	font-size:13px;
	color:#7f5c29;
	text-shadow:1px 1px 0px rgba(255,255,255,0.5)
}
.pb_now_time p {text-align:center;}

.pb_game_result_big {
	position: absolute;
	top: 62px;
	left: 26px;
	width: 377px;
	height: 67px;
}

.pb_game_result_big > div {
	position: relative;
}

.pb_game_result_big > div > span {
	position: absolute;
	top: 16px;
	width: 37px;
	height: 37px;
	background-size: 100%;
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
}

.pb_game_result_big > div > span.pb_big_num_fadeOut {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)";
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
}

#pb_big_num_offset_1 {
	left: 21px;
}

#pb_big_num_offset_2 {
	left: 74px;
}

#pb_big_num_offset_3 {
	left: 127px;
}

#pb_big_num_offset_4 {
	left: 179px;
}

#pb_big_num_offset_5 {
	left: 232px;
}

#pb_big_num_offset_6 {
	*top: 17px;
	left: 313px;
}

.pb_big_num_1 {
	background: url('./big_num_1.png') no-repeat;
}

.pb_big_num_2 {
	background: url('./big_num_2.png') no-repeat;
}

.pb_big_num_3 {
	background: url('./big_num_3.png') no-repeat;
}

.pb_big_num_5 {
	background: url('./big_num_5.png') no-repeat;
}

.pb_big_num_19 {
	background: url('./big_num_19.png') no-repeat;
}

.pb_big_num_22 {
	background: url('./big_num_22.png') no-repeat;
}

.pb_game_screen {
	position: absolute;
	top: 143px;
	left: 27px;
	width: 376px;
	height: 237px;
	background: url('./powerball_game_bg.png') no-repeat;
}

.pb_wating_window {
	position: absolute;
	top: 40px;
	left: 89px;
	width: 240px;
	height: 165px;
	background: url('./powerball_waiting.png') no-repeat;
}

.pb_wating_window_text {
	width: 240px;
	margin-top: 146px;
	margin-left: -20px;
	font-family:'notom';
	color:#000;
	letter-spacing:-1px;
	font-size:11px;
	text-align: center;
	color: #341919;
}

.dino_left {
	position: absolute;
	bottom: 5px;
	left: 12px;
	width: 51px;
	height: 55px;
	background: url('./dino_left_1.png') no-repeat;
	background-position:center; background-size:contain;
	display:none;
}

.dino_left_move {
	width: 51px;
	height: 55px;
	bottom: 4px;
	background: url('./dino_left_2.png') no-repeat;
	background-position:center; background-size:contain;
}

.dino_right {
	position: absolute;
	bottom: 5px;
	right: 12px;
	width: 51px;
	height: 55px;
	background: url('./dino_right_1.png') no-repeat;
	background-position:center; background-size:contain;
	display:none;
}

.dino_right_move {
	width: 51px;
	height: 55px;
	background: url('./dino_right_2.png') no-repeat;
	background-position:center; background-size:contain;
}

.dino_left,
.dino_left_move,
.dino_right,
.dino_right_move {
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.bubble {
	position: absolute;
	bottom: 20px;
	width: 10px;
	height: 10px;
	background: url('./bubble.png') no-repeat;
	background-size: 100%;
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)";
	/*
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	z-index: 100;
	*/
}

.bubble_left {
	left: 60px;
}

.bubble_right {
	right: 60px;
}

.bubble_show {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

.bubble_light_1 {
	position: absolute;
	top: -10px;
	left: -12px;
	width: 55px;
	height: 54px;
	background: url('./bubble_light_1.png') no-repeat;
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)";
	/*
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	*/
}

.bubble_light_2 {
	position: absolute;
	top: -11px;
	left: -12px;
	width: 54px;
	height: 54px;
	background: url('./bubble_light_2.png') no-repeat;
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)";
	/*
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	*/
}

.bubble_light_1_show {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

.bubble_light_2_show {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
}

.bubble_num {
	position: absolute;
	width: 37px;
	height: 36px;
	top: -1px;
	left: -2px;
	background-size: 100% !important;
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)";
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	-o-transition: opacity .4s;
	transition: opacity .4s;
}

/*
.bubble_num_1 {
	background: url('./big_num_1.png') no-repeat;
}

.bubble_num_2 {
	background: url('./big_num_2.png') no-repeat;
}

.bubble_num_3 {
	background: url('./big_num_3.png') no-repeat;
}

.bubble_num_5 {
	background: url('./big_num_5.png') no-repeat;
}

.bubble_num_19 {
	background: url('./big_num_19.png') no-repeat;
}

.bubble_num_22 {
	background: url('./big_num_22.png') no-repeat;
}
*/

.bubble_num_p0 { background: url('./p0.png') no-repeat; }
.bubble_num_p1 { background: url('./p1.png') no-repeat; }
.bubble_num_p2 { background: url('./p2.png') no-repeat; }
.bubble_num_p3 { background: url('./p3.png') no-repeat; }
.bubble_num_p4 { background: url('./p4.png') no-repeat; }
.bubble_num_p5 { background: url('./p5.png') no-repeat; }
.bubble_num_p6 { background: url('./p6.png') no-repeat; }
.bubble_num_p7 { background: url('./p7.png') no-repeat; }
.bubble_num_p8 { background: url('./p8.png') no-repeat; }
.bubble_num_p9 { background: url('./p9.png') no-repeat; }

.bubble_num_1 { background: url('./01.png') no-repeat; }
.bubble_num_2 { background: url('./02.png') no-repeat; }
.bubble_num_3 { background: url('./03.png') no-repeat; }
.bubble_num_4 { background: url('./04.png') no-repeat; }
.bubble_num_5 { background: url('./05.png') no-repeat; }
.bubble_num_6 { background: url('./06.png') no-repeat; }
.bubble_num_7 { background: url('./07.png') no-repeat; }
.bubble_num_8 { background: url('./08.png') no-repeat; }
.bubble_num_9 { background: url('./09.png') no-repeat; }
.bubble_num_10 { background: url('./10.png') no-repeat; }
.bubble_num_11 { background: url('./11.png') no-repeat; }
.bubble_num_12 { background: url('./12.png') no-repeat; }
.bubble_num_13 { background: url('./13.png') no-repeat; }
.bubble_num_14 { background: url('./14.png') no-repeat; }
.bubble_num_15 { background: url('./15.png') no-repeat; }
.bubble_num_16 { background: url('./16.png') no-repeat; }
.bubble_num_17 { background: url('./17.png') no-repeat; }
.bubble_num_18 { background: url('./18.png') no-repeat; }
.bubble_num_19 { background: url('./19.png') no-repeat; }
.bubble_num_20 { background: url('./20.png') no-repeat; }
.bubble_num_21 { background: url('./21.png') no-repeat; }
.bubble_num_22 { background: url('./22.png') no-repeat; }
.bubble_num_23 { background: url('./23.png') no-repeat; }
.bubble_num_24 { background: url('./24.png') no-repeat; }
.bubble_num_25 { background: url('./25.png') no-repeat; }
.bubble_num_26 { background: url('./26.png') no-repeat; }
.bubble_num_27 { background: url('./27.png') no-repeat; }
.bubble_num_28 { background: url('./28.png') no-repeat; }
.bubble_num_29 { background: url('./29.png') no-repeat; }
.bubble_num_30 { background: url('./30.png') no-repeat; }
.bubble_num_31 { background: url('./31.png') no-repeat; }
.bubble_num_32 { background: url('./32.png') no-repeat; }
.bubble_num_33 { background: url('./33.png') no-repeat; }
.bubble_num_34 { background: url('./34.png') no-repeat; }
.bubble_num_35 { background: url('./35.png') no-repeat; }
.bubble_num_36 { background: url('./36.png') no-repeat; }
.bubble_num_37 { background: url('./37.png') no-repeat; }
.bubble_num_38 { background: url('./38.png') no-repeat; }
.bubble_num_39 { background: url('./39.png') no-repeat; }
.bubble_num_40 { background: url('./40.png') no-repeat; }
.bubble_num_41 { background: url('./41.png') no-repeat; }
.bubble_num_42 { background: url('./42.png') no-repeat; }
.bubble_num_43 { background: url('./43.png') no-repeat; }
.bubble_num_44 { background: url('./44.png') no-repeat; }
.bubble_num_45 { background: url('./45.png') no-repeat; }

.bubble_num_odd { background: url('./odd.png') no-repeat; }
.bubble_num_even { background: url('./even.png') no-repeat; }
.bubble_num_small { background: url('./small.png') no-repeat; }
.bubble_num_medium { background: url('./medium.png') no-repeat; }
.bubble_num_large { background: url('./large.png') no-repeat; }
.bubble_num_over { background: url('./over.png') no-repeat; }
.bubble_num_under { background: url('./under.png') no-repeat; }

.bubble_num_show {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

.pb_game_result_list {
	position: absolute;
	top: 62px;
	right: 25px;
	width: 226px;
	height: 328px;
	overflow: hidden;
}

.pb_game_result_list ul {
	width: 226px;
	list-style:  none;
	padding: 0;
	margin: 0;
}

.pb_game_result_list_ul > li {
	position: relative;
	width: 100%;
	height: 50px;
	background: url('./powerball_list_bg.png') no-repeat;
	background-size: 100%;
}

.pb_game_result_list_ul > li > .pb_game_num {
	top: 28px;
	left: 7px;
	width: 23px;
	text-align: center;
	font-size: 11px;
	color: #785b2f;
	font-weight: bold;
}

.pb_game_result_list_ul > li > span {
	position: absolute;
	width: 26px;
	height: 26px;
	top: 11px;
	background-size: 100%;
}

.pb_game_result_list_ul > li > span.pb_small_num_offset_1 {
	left: 40px;
}

.pb_game_result_list_ul > li > span.pb_small_num_offset_2 {
	left: 74px;
}

.pb_game_result_list_ul > li > span.pb_small_num_offset_3 {
	left: 108px;
}

.pb_game_result_list_ul > li > span.pb_small_num_offset_4 {
	left: 158px;
}

.pb_game_result_list_ul > li > span.pb_small_num_offset_5 {
	left: 192px;
}

.pb_game_result_list_ul > li > span.pb_small_num_offset_6 {
	left: 196px;
}

.pb_small_num_1 {
	background: url('./small_num_1.png') no-repeat;
}

.pb_small_num_2 {
	background: url('./small_num_2.png') no-repeat;
}

.pb_small_num_3 {
	background: url('./small_num_3.png') no-repeat;
}

.pb_small_num_5 {
	background: url('./small_num_5.png') no-repeat;
}

.pb_small_num_19 {
	background: url('./small_num_19.png') no-repeat;
}

.pb_small_num_22 {
	background: url('./small_num_22.png') no-repeat;
}


/* 제이쿼리 스크롤바 커스텀 */
.mCSB_inside > .mCSB_container {
	margin-right: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer {
	right: -10px;
}

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
	margin: 0;
}

.flying_dino_box       {position:absolute; width:70px;height:70px;z-index:999; display:none;}
#flying_dino_box_left  {left:42px;top:60px;}
#flying_dino_box_right {left:262px;top:60px;}

.animating_dino_left1 {position:absolute;left:12px;top:7px;width:50px;height:50px; background-image:url('./dino_left_3.png'); background-position:center; background-size:100%; background-repeat:no-repeat; }
.animating_dino_left2 {position:absolute;left:12px;top:7px;width:50px;height:50px; background-image:url('./dino_left_4.png'); background-position:center; background-size:100%; background-repeat:no-repeat; }

.animating_dino_right1 {position:absolute;left:12px;top:7px;width:50px;height:50px; background-image:url('./dino_right_3.png'); background-position:center; background-size:100%; background-repeat:no-repeat; }
.animating_dino_right2 {position:absolute;left:12px;top:7px;width:50px;height:50px; background-image:url('./dino_right_4.png'); background-position:center; background-size:100%; background-repeat:no-repeat; }

.animating_bubble1 {height:100%; background-image:url('./bubble01.png'); background-position:center; background-size:100% }
.animating_bubble2 {height:100%; background-image:url('./bubble02.png'); background-position:center; background-size:100% }
.animating_bubble3 {height:100%; background-image:url('./bubble03.png'); background-position:center; background-size:100% }
.animating_bubble4 {height:100%; background-image:url('./bubble04.png'); background-position:center; background-size:100% }


.spread_bubble_box {position:absolute;left:27px;top:143px;overflow:hidden; width:376px;height:237px;z-index:8888888; }
.spread_bubble_box > div {position:absolute; width:34px; height:34px; }
.spread_bubble_box > div > div {
  display:none;
  width: 4px;
  height: 4px;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  border:2px solid #fff;
  border-radius:200px;
  background-image:url('./bubble03.png'); background-position:center; background-size:100%; background-repeat:no-repeat
}