@charset "utf-8";
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);

/* RESET */
::selection {background:#ff5961; color:#FFF}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
address, big, cite, code, del, dfn, em, font, img, ins, 
q, s, samp, small, strike, strong, sub, sup, tt, var, b, 
u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:none 0; font-family:'Noto Sans Korean', Dotum; font-weight:300}
h1, h2, h3, h4, h5, h6 {font-size:12px}
img, fieldset, iframe {border:0 none}
table, div {border-collapse: collapse; font-size:12px}
textarea {overflow:auto; outline-style:none; font-family:'Noto Sans Korean', Dotum}
select, input, img, li {vertical-align:middle; text-align:left; font-size:12px; font-family:'Noto Sans Korean', Dotum, sans-serif; font-weight:300; outline-style:none}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal}
ul, li, ol {list-style-type:none}
legend, caption {display:none}
hr {border-collapse:collapse; display:none}
a { text-decoration:none; cursor:pointer; color:#222}
html, body {width:100%; height:100%; background:#FFF; font-size:12px; color:#222}
.sound_only {display:none}
.clearboth {clear:both}
#go_top {display:none; position:fixed; bottom:50px; left:50%; margin-left:520px; width:50px; height:35px; padding-top:15px; background:#CCC; font-family:Tahoma; font-weight:bold; font-size:14px; color:#000; cursor:pointer; text-align:center; border-radius:50px; opacity:0.8; filter:alpha(opacity=80); z-index:999}
* {font-family:'Noto Sans Korean', Dotum}

/* 화면전환 FADEIN 효과*/
body {animation:fadein .7s ease-out none;-webkit-animation:fadein .7s ease-out none}

@keyframes fadein {
	from {opacity:0; filter:alpha(opacity=0)}
	to {opacity:1; filter:alpha(opacity=100)}
}
@-webkit-keyframes fadein {
	from {opacity:0; filter:alpha(opacity=0)}
	to {opacity:1; filter:alpha(opacity=100)}
}

.wrap {width:808px; height:298px; padding:14px 16px 12px; background:#000}
.btn_b {width:808px; height:298px; background:url('../img/b_betting_bg.png') no-repeat}
	.bottom_wrap {position:relative; width:100%; height:100%}
	.bottom_wrap > h1 {position:absolute; opacity:0; cursor:pointer}
	.bottom_wrap > h1:hover {opacity:1 !important}
	.bottom_wrap > h1.on {opacity:1}
	.bottom_wrap > h1.toggle {opacity:1 !important}
	.bottom_wrap > h1#b_0 {left:9px; top:9px}
	.bottom_wrap > h1#b_3 {left:63px; top:9px}
	.bottom_wrap > h1#b_6 {left:122px; top:9px}
	.bottom_wrap > h1#b_9 {left:181px; top:9px}
	.bottom_wrap > h1#b_12 {left:240px; top:9px}
	.bottom_wrap > h1#b_15 {left:299px; top:9px}
	.bottom_wrap > h1#b_18 {left:358px; top:9px}
	.bottom_wrap > h1#b_21 {left:417px; top:9px}
	.bottom_wrap > h1#b_24 {left:476px; top:9px}
	.bottom_wrap > h1#b_27 {left:535px; top:9px}
	.bottom_wrap > h1#b_30 {left:594px; top:9px}
	.bottom_wrap > h1#b_33 {left:653px; top:9px}
	.bottom_wrap > h1#b_36 {left:712px; top:9px}
	.bottom_wrap > h1#b_2 {left:63px; top:68px}
	.bottom_wrap > h1#b_5 {left:122px; top:68px}
	.bottom_wrap > h1#b_8 {left:181px; top:68px}
	.bottom_wrap > h1#b_11 {left:240px; top:68px}
	.bottom_wrap > h1#b_14 {left:299px; top:68px}
	.bottom_wrap > h1#b_17 {left:358px; top:68px}
	.bottom_wrap > h1#b_20 {left:417px; top:68px}
	.bottom_wrap > h1#b_23 {left:476px; top:68px}
	.bottom_wrap > h1#b_26 {left:535px; top:68px}
	.bottom_wrap > h1#b_29 {left:594px; top:68px}
	.bottom_wrap > h1#b_32 {left:653px; top:68px}
	.bottom_wrap > h1#b_35 {left:712px; top:68px}
	.bottom_wrap > h1#b_1 {left:63px; top:127px}
	.bottom_wrap > h1#b_4 {left:122px; top:127px}
	.bottom_wrap > h1#b_7 {left:181px; top:127px}
	.bottom_wrap > h1#b_10 {left:240px; top:127px}
	.bottom_wrap > h1#b_13 {left:299px; top:127px}
	.bottom_wrap > h1#b_16 {left:358px; top:127px}
	.bottom_wrap > h1#b_19 {left:417px; top:127px}
	.bottom_wrap > h1#b_22 {left:476px; top:127px}
	.bottom_wrap > h1#b_25 {left:535px; top:127px}
	.bottom_wrap > h1#b_28 {left:594px; top:127px}
	.bottom_wrap > h1#b_31 {left:653px; top:127px}
	.bottom_wrap > h1#b_34 {left:712px; top:127px}
	
	.bottom_wrap > h2 {position:absolute; cursor:pointer}
	.bottom_wrap > h2#b03 {left:55px; top:9px; width:12px; height:57px}
	.bottom_wrap > h2#b02 {left:55px; top:68px; width:12px; height:57px}
	.bottom_wrap > h2#b01 {left:55px; top:127px; width:12px; height:57px}
	.bottom_wrap > h2#b36 {left:116px; top:9px; width:10px; height:57px}
	.bottom_wrap > h2#b25 {left:116px; top:68px; width:10px; height:57px}
	.bottom_wrap > h2#b14 {left:116px; top:127px; width:10px; height:57px}
	.bottom_wrap > h2#b69 {left:175px; top:9px; width:10px; height:57px}
	.bottom_wrap > h2#b58 {left:175px; top:68px; width:10px; height:57px}
	.bottom_wrap > h2#b47 {left:175px; top:127px; width:10px; height:57px}
	.bottom_wrap > h2#b912 {left:234px; top:9px; width:10px; height:57px}
	.bottom_wrap > h2#b811 {left:234px; top:68px; width:10px; height:57px}
	.bottom_wrap > h2#b710 {left:234px; top:127px; width:10px; height:57px}
	.bottom_wrap > h2#b1215 {left:293px; top:9px; width:10px; height:57px}
	.bottom_wrap > h2#b1114 {left:293px; top:68px; width:10px; height:57px}
	.bottom_wrap > h2#b1013 {left:293px; top:127px; width:10px; height:57px}
	.bottom_wrap > h2#b1518 {left:352px; top:9px; width:10px; height:57px}
	.bottom_wrap > h2#b1417 {left:352px; top:68px; width:10px; height:57px}
	.bottom_wrap > h2#b1316 {left:352px; top:127px; width:10px; height:57px}
	.bottom_wrap > h2#b1821 {left:411px; top:9px; width:10px; height:57px}
	.bottom_wrap > h2#b1720 {left:411px; top:68px; width:10px; height:57px}
	.bottom_wrap > h2#b1619 {left:411px; top:127px; width:10px; height:57px}
	.bottom_wrap > h2#b2124 {left:470px; top:9px; width:10px; height:57px}
	.bottom_wrap > h2#b2023 {left:470px; top:68px; width:10px; height:57px}
	.bottom_wrap > h2#b1922 {left:470px; top:127px; width:10px; height:57px}
	.bottom_wrap > h2#b2427 {left:529px; top:9px; width:10px; height:57px}
	.bottom_wrap > h2#b2326 {left:529px; top:68px; width:10px; height:57px}
	.bottom_wrap > h2#b2225 {left:529px; top:127px; width:10px; height:57px}
	.bottom_wrap > h2#b2730 {left:588px; top:9px; width:10px; height:57px}
	.bottom_wrap > h2#b2629 {left:588px; top:68px; width:10px; height:57px}
	.bottom_wrap > h2#b2528 {left:588px; top:127px; width:10px; height:57px}
	.bottom_wrap > h2#b3033 {left:647px; top:9px; width:10px; height:57px}
	.bottom_wrap > h2#b2932 {left:647px; top:68px; width:10px; height:57px}
	.bottom_wrap > h2#b2831 {left:647px; top:127px; width:10px; height:57px}
	.bottom_wrap > h2#b3336 {left:706px; top:9px; width:10px; height:57px}
	.bottom_wrap > h2#b3235 {left:706px; top:68px; width:10px; height:57px}
	.bottom_wrap > h2#b3134 {left:706px; top:127px; width:10px; height:57px}

	.bottom_wrap > h2#b32 {left:63px; top:62px; width:57px; height:10px}
	.bottom_wrap > h2#b65 {left:122px; top:62px; width:57px; height:10px}
	.bottom_wrap > h2#b98 {left:181px; top:62px; width:57px; height:10px}
	.bottom_wrap > h2#b1211 {left:240px; top:62px; width:57px; height:10px}
	.bottom_wrap > h2#b1514 {left:299px; top:62px; width:57px; height:10px}
	.bottom_wrap > h2#b1817 {left:358px; top:62px; width:57px; height:10px}
	.bottom_wrap > h2#b2120 {left:417px; top:62px; width:57px; height:10px}
	.bottom_wrap > h2#b2423 {left:476px; top:62px; width:57px; height:10px}
	.bottom_wrap > h2#b2726 {left:535px; top:62px; width:57px; height:10px}
	.bottom_wrap > h2#b3029 {left:594px; top:62px; width:57px; height:10px}
	.bottom_wrap > h2#b3332 {left:653px; top:62px; width:57px; height:10px}
	.bottom_wrap > h2#b3635 {left:712px; top:62px; width:57px; height:10px}
	.bottom_wrap > h2#b21 {left:63px; top:121px; width:57px; height:10px}
	.bottom_wrap > h2#b54 {left:122px; top:121px; width:57px; height:10px}
	.bottom_wrap > h2#b87 {left:181px; top:121px; width:57px; height:10px}
	.bottom_wrap > h2#b1110 {left:240px; top:121px; width:57px; height:10px}
	.bottom_wrap > h2#b1413 {left:299px; top:121px; width:57px; height:10px}
	.bottom_wrap > h2#b1716 {left:358px; top:121px; width:57px; height:10px}
	.bottom_wrap > h2#b2019 {left:417px; top:121px; width:57px; height:10px}
	.bottom_wrap > h2#b2322 {left:476px; top:121px; width:57px; height:10px}
	.bottom_wrap > h2#b2625 {left:535px; top:121px; width:57px; height:10px}
	.bottom_wrap > h2#b2928 {left:594px; top:121px; width:57px; height:10px}
	.bottom_wrap > h2#b3231 {left:653px; top:121px; width:57px; height:10px}
	.bottom_wrap > h2#b3534 {left:712px; top:121px; width:57px; height:10px}

	.bottom_wrap > h2#b321 {left:63px; top:180px; width:57px; height:10px}
	.bottom_wrap > h2#b654 {left:122px; top:180px; width:57px; height:10px}
	.bottom_wrap > h2#b987 {left:181px; top:180px; width:57px; height:10px}
	.bottom_wrap > h2#b121110 {left:240px; top:180px; width:57px; height:10px}
	.bottom_wrap > h2#b151413 {left:299px; top:180px; width:57px; height:10px}
	.bottom_wrap > h2#b181716 {left:358px; top:180px; width:57px; height:10px}
	.bottom_wrap > h2#b212019 {left:417px; top:180px; width:57px; height:10px}
	.bottom_wrap > h2#b242322 {left:476px; top:180px; width:57px; height:10px}
	.bottom_wrap > h2#b272625 {left:535px; top:180px; width:57px; height:10px}
	.bottom_wrap > h2#b302928 {left:594px; top:180px; width:57px; height:10px}
	.bottom_wrap > h2#b333231 {left:653px; top:180px; width:57px; height:10px}
	.bottom_wrap > h2#b363534 {left:712px; top:180px; width:57px; height:10px}

	.bottom_wrap > h2#b032 {left:53px; top:58px; width:18px; height:18px}
	.bottom_wrap > h2#b021 {left:53px; top:117px; width:18px; height:18px}
	.bottom_wrap > h2#b3625 {left:112px; top:58px; width:18px; height:18px}
	.bottom_wrap > h2#b6958 {left:171px; top:58px; width:18px; height:18px}
	.bottom_wrap > h2#b912811 {left:230px; top:58px; width:18px; height:18px}
	.bottom_wrap > h2#b12151114 {left:289px; top:58px; width:18px; height:18px}
	.bottom_wrap > h2#b15181417 {left:348px; top:58px; width:18px; height:18px}
	.bottom_wrap > h2#b18211720 {left:407px; top:58px; width:18px; height:18px}
	.bottom_wrap > h2#b21242023 {left:466px; top:58px; width:18px; height:18px}
	.bottom_wrap > h2#b24272326 {left:525px; top:58px; width:18px; height:18px}
	.bottom_wrap > h2#b27302629 {left:584px; top:58px; width:18px; height:18px}
	.bottom_wrap > h2#b30332932 {left:643px; top:58px; width:18px; height:18px}
	.bottom_wrap > h2#b33363235 {left:702px; top:58px; width:18px; height:18px}
	.bottom_wrap > h2#b2514 {left:112px; top:117px; width:18px; height:18px}
	.bottom_wrap > h2#b5847 {left:171px; top:117px; width:18px; height:18px}
	.bottom_wrap > h2#b811710 {left:230px; top:117px; width:18px; height:18px}
	.bottom_wrap > h2#b11141013 {left:289px; top:117px; width:18px; height:18px}
	.bottom_wrap > h2#b14171316 {left:348px; top:117px; width:18px; height:18px}
	.bottom_wrap > h2#b17201619 {left:407px; top:117px; width:18px; height:18px}
	.bottom_wrap > h2#b20231922 {left:466px; top:117px; width:18px; height:18px}
	.bottom_wrap > h2#b23262225 {left:525px; top:117px; width:18px; height:18px}
	.bottom_wrap > h2#b26292528 {left:584px; top:117px; width:18px; height:18px}
	.bottom_wrap > h2#b29322831 {left:643px; top:117px; width:18px; height:18px}
	.bottom_wrap > h2#b32353134 {left:702px; top:117px; width:18px; height:18px}

	.bottom_wrap > h2#b0321 {left:53px; top:176px; width:18px; height:18px}
	.bottom_wrap > h2#b362514 {left:112px; top:176px; width:18px; height:18px}
	.bottom_wrap > h2#b695847 {left:171px; top:176px; width:18px; height:18px}
	.bottom_wrap > h2#b912811710 {left:230px; top:176px; width:18px; height:18px}
	.bottom_wrap > h2#b121511141013 {left:289px; top:176px; width:18px; height:18px}
	.bottom_wrap > h2#b151814171316 {left:348px; top:176px; width:18px; height:18px}
	.bottom_wrap > h2#b182117201619 {left:407px; top:176px; width:18px; height:18px}
	.bottom_wrap > h2#b212420231922 {left:466px; top:176px; width:18px; height:18px}
	.bottom_wrap > h2#b242723262225 {left:525px; top:176px; width:18px; height:18px}
	.bottom_wrap > h2#b273026292528 {left:584px; top:176px; width:18px; height:18px}
	.bottom_wrap > h2#b303329322831 {left:643px; top:176px; width:18px; height:18px}
	.bottom_wrap > h2#b333632353134 {left:702px; top:176px; width:18px; height:18px}

	.bottom_wrap > h2#b_21_1 {left:772px; top:9px}
	.bottom_wrap > h2#b_21_2 {left:772px; top:68px}
	.bottom_wrap > h2#b_21_3 {left:772px; top:127px}
	.bottom_wrap > h2#b_112 {left:63px; top:189px}
	.bottom_wrap > h2#b_1324 {left:299px; top:189px}
	.bottom_wrap > h2#b_2536 {left:535px; top:189px}
	.bottom_wrap > h2#b_118 {left:63px; top:241px}
	.bottom_wrap > h2#b_even {left:181px; top:241px}
	.bottom_wrap > h2#b_black {left:299px; top:241px}
	.bottom_wrap > h2#b_red {left:417px; top:241px}
	.bottom_wrap > h2#b_odd {left:535px; top:241px}
	.bottom_wrap > h2#b_1936 {left:653px; top:241px}
	.bottom_wrap > h2 > img {opacity:0}
	.bottom_wrap > h2:hover > img {opacity:1}
	.bottom_wrap > h2.toggle > img {opacity:1}