@charset "utf-8";
@font-face {
  font-family: 'SCDream';
  src: url('../font/S-CoreDream-4Regular.eot');
  src: url('../font/S-CoreDream-4Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/S-CoreDream-4Regular.svg') format('svg'),
       url('../font/S-CoreDream-4Regular.ttf') format('truetype'),
       url('../font/S-CoreDream-4Regular.woff') format('woff'),
       url('../font/S-CoreDream-4Regular.woff2') format('woff2');
  font-weight: 300;
  font-style: 300;
}

@font-face {
  font-family: 'SCDream';
  src: url('../font/S-CoreDream-5Medium.eot');
  src: url('../font/S-CoreDream-5Medium.eot?#iefix') format('embedded-opentype'),
       url('../font/S-CoreDream-5Medium.svg') format('svg'),
       url('../font/S-CoreDream-5Medium.ttf') format('truetype'),
       url('../font/S-CoreDream-5Medium.woff') format('woff'),
       url('../font/S-CoreDream-5Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SCDream';
  src: url('../font/S-CoreDream-6Bold.eot');
  src: url('../font/S-CoreDream-6Bold.eot?#iefix') format('embedded-opentype'),
       url('../font/S-CoreDream-6Bold.svg#') format('svg'),
       url('../font/S-CoreDream-6Bold.ttf') format('truetype'),
       url('../font/S-CoreDream-6Bold.woff') format('woff'),
       url('../font/S-CoreDream-6Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: bold;
}
/* default */
* {margin:0;padding:0; font-family: SCDream, sans-serif, Dotum, 돋움;}
html {width:100%;height:100%;background: #000000;}
body {width:100%;height:100%;margin:0px;padding:0px;font-size:13px;color:#ffffff;line-height:100%;    background: #000000;}
header, footer, div, p, ul, li, table, th, td, textarea, input, select,  form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, address, section, cite, button
	{margin:0px;padding:0px;font-size:13px;color:#ffffff;line-height:100%;box-sizing:border-box;}
span{margin:0px;padding:0px;}
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:100%;}
table {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;word-break:break-all;}

fieldset {border:0;margin:0px;padding:0px;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;display:none;}
img {border:0;vertical-align:top;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
input,select {margin:0;vertical-align:middle;}

/* 링크 */
a {text-decoration:none;color:#ffffff;margin:0px;padding:0px;}
a:link, a:visited {text-decoration:none;color:#ffffff;}
a:hover, a:focus, a:active {text-decoration:underline;color:#ffffff;}
a:focus, img:focus {outline:none;}

button {padding:0;margin:0;background-color:transparent;color:#333333;border:none;outline:none;display:inline-block;text-align:center;transition:200ms all;cursor:pointer;}

#wrap {position:relative;margin:0 auto;width:950px;height:794px;background:url('../img/bg_rps_01.jpg') no-repeat;}

h1 {position:absolute;top:3px;left:374px;}

.info_box {position:absolute;top:56px;left:209px;width:156px;}
.info_box .time_area {background:#1c9de2;border-radius:4px;text-align:center;line-height:18px;margin-bottom:2px;font-size:12px;font-weight:bold;}
.info_box .result_area {background:#08122e;border-radius:4px;line-height:16px;font-weight:bold;position:relative;height:18px;}
.info_box .result_area .count {display:inline-block;color:#fff600;padding-left:10px;}
.info_box .result_area .text01 {}
.info_box .result_area .result {position:absolute;top:0;right:10px;color:#fff600;}

/* 좌측 정보 */
.left_section {position:absolute;top:320px;left:64px;width:68px;text-align:center;}
.left_section .count_area {color:#e6ab00;font-size:35px;font-weight:bold;line-height:24px;}
.left_section .count_area span {font-size:15px;color:#ffffff;}
.left_section .time_area {margin-bottom:70px;}
.left_section .time_area .time {display:inline-block;width:50px;height:50px;line-height:48px;color:#926b00;background:#e6ab00;border-radius:50%;font-size:20px;font-weight:bold;}
.left_section .time_area .text {display:block;margin-top:8px;font-weight:bold;}
.left_section .result_box {}
.left_section .result_box .count {font-size:15px;font-weight:bold;}
.left_section .result_box .result_area {margin-top:20px;}
.left_section .result_box .result_area .result {display:block;font-size:20px;color:#f09310;font-weight:bold;margin:10px 0px;}
.left_section .result_box .result_area .point {display:block;background:#ffd800;color:#000000;font-weight:bold;border-radius:4px;font-size:15px;line-height:24px;}

/* 우측 지난회차 */
.right_section {position:absolute;top:192px;right:20px;width:180px;}
.right_section h2 {text-align:center;margin-bottom:20px;}
.right_section .history_list {overflow-y:auto;height:345px;}
.right_section .history_list ul {border-top:1px solid #0a0b0c;border-bottom:1px solid #5c4c3f;}
.right_section .history_list li {border-bottom:1px solid #0a0b0c;border-top:1px solid #5c4c3f;height:50px;line-height:24px;padding:8px 0px;}
.right_section .history_list span {display:inline-block;vertical-align:middle;line-height:20px;height:24px;}
.right_section .history_list .count {display:inline-block;margin-left:5px;width:30px;text-align:center;}
.right_section .history_list .count1 {display:inline-block;margin-left:5px;width:40px;text-align:center;}
.right_section .history_list .result01 {display:inline-block;width:47px;background:#013ac6;border-radius:4px;text-align:center;font-weight:bold;font-size:12px;}
.right_section .history_list .result02 {display:inline-block;width:47px;background:#be0000;border-radius:4px;text-align:center;font-weight:bold;font-size:12px;}
.right_section .history_list .result03 {display:inline-block;width:47px;background:#c57300;border-radius:4px;text-align:center;font-weight:bold;font-size:12px;}
.right_section .history_list img {vertical-align:middle;padding: 0px 5px 0px 5px;}
.right_section .history_list .text {color:#f09310;}

/* 게임 영역 */
.game_section {position:absolute;top:132px;left:189px;width:580px;height:465px;}
.game_section .info_area {text-align:center;}
.game_section .info_area p {line-height:18px;color:#a9a9a9;font-size:12px;margin:3px 0px 5px 0px;}
.game_section .info_area img {vertical-align:middle;margin-bottom:5px;}
.game_section .info_area .point {font-size:25px;color:#ffd800;font-weight:bold;vertical-align:middle;}
.game_section .img01 {position:absolute;top:225px;left:25px;}
.game_section .side01 {position:absolute;top:75px;left:0;}
.game_section .side02 {position:absolute;top:75px;right:20px;}
.game_section .side03 {position:absolute;bottom:40px;left:0px;}
.game_section .side04 {position:absolute;bottom:40px;right:15px;}
.game_section .game_box {position:absolute;top:60px;left:100px;width:390px;}
.game_section .game_box .arrow {position:absolute;top:0;left:50%;margin-left:-17px;z-index:10;}
.game_section .game_box .rps_img {position:absolute;top:88px;left:84px;}
.game_section .game_box .rps_img img {width:216px;}
.game_section .game_box .board {position:absolute;top:0px;left:0px;z-index:5;}

/* 배팅 영역 */
.bet_section {position:absolute;top:594px;left:90px;width:650px;}
.bet_section .img01 {position:absolute;top:60px;left:10px;}
.bet_section .point_select {position:absolute;top:135px;left:0;}
.bet_section .point_select h3 {padding:5px 0px 0px 20px;}
.bet_section .point_select ul {position:absolute;top:4px;left:155px;width:500px;}
.bet_section .point_select li {float:left;width:155px;}
.bet_section .point_select button {font-size:0;width:155px;height:25px;}
.bet_section .point_select .btn_point01 {background:url('../img/btn_point_off01.png') no-repeat center center;}
.bet_section .point_select .btn_point01:hover,
.bet_section .point_select .btn_point01.on {background:url('../img/btn_point_on01.png') no-repeat center center;}
.bet_section .point_select .btn_point02 {background:url('../img/btn_point_off02.png') no-repeat center center;}
.bet_section .point_select .btn_point02:hover,
.bet_section .point_select .btn_point02.on {background:url('../img/btn_point_on02.png') no-repeat center center;}
.bet_section .point_select .btn_point03 {background:url('../img/btn_point_off03.png') no-repeat center center;}
.bet_section .point_select .btn_point03:hover,
.bet_section .point_select .btn_point03.on {background:url('../img/btn_point_on03.png') no-repeat center center;}
.bet_section .bet_btn {position:absolute;top:0;left:155px;}
.bet_section .bet_btn li {float:left;width:155px;}
.bet_section .bet_btn button {font-size:0;width:155px;height:115px;}
.bet_section .bet_btn .btn_rps01 {background:url('../img/btn_rps_off01.png') no-repeat center center;}
.bet_section .bet_btn .btn_rps01:hover,
.bet_section .bet_btn .btn_rps01.on {background:url('../img/btn_rps_on01.png') no-repeat center center;}
.bet_section .bet_btn .btn_rps02 {background:url('../img/btn_rps_off02.png') no-repeat center center;}
.bet_section .bet_btn .btn_rps02:hover,
.bet_section .bet_btn .btn_rps02.on {background:url('../img/btn_rps_on02.png') no-repeat center center;}
.bet_section .bet_btn .btn_rps03 {background:url('../img/btn_rps_off03.png') no-repeat center center;}
.bet_section .bet_btn .btn_rps03:hover,
.bet_section .bet_btn .btn_rps03.on {background:url('../img/btn_rps_on03.png') no-repeat center center;}