/* 통계 옵션 */
.option_area .date_area {float:left;}
.option_area .period_area .info .data {float:left; margin:0 20px 0 27px; line-height:67px; font-size:23px; font-family:tahoma;}
.option_area .period_area .info .tx {float:left;}
.option_area .latest_area {float:left;}
.option_area .round_area .dash {font-size:12px;}
.option_area .round_area .se1,
.option_area .round_area .se2 {display:none;}
.option_area .round_area .se2 {float:left; padding-left:19px;}
.option_area .round_area .view_se1 .se1,
.option_area .round_area .view_se2 .se2 {display:block; float:left;}
.option_area .round_area .op1,
.option_area .round_area .op2 {display:none;}
.option_area .round_area .view_se1 .op1,
.option_area .round_area .view_se2 .op2 {display:block;}
.option_area .total_area .option {display:none;}
.option_area .total_area .option .type_tab {float:right;}
.option_area .total_area .view_round .total_round_option {display:block;}
.option_area .total_area .view_pattern .total_pattern_option {display:block;}


/* 통계 데이터 */
.summary_data {margin-bottom:5px; border:1px solid #d6d6d6; box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.2); border-radius: 5px; overflow: hidden;}
.summary_data .hd {height:51px; line-height:51px; text-align:center; border-bottom:1px solid #d6d6d6; background-color:#f2f2f7;}
.summary_data .bd:after {clear: both; content: ""; display: block;}
.summary_data .bar_graph {float:left; padding:30px 71px 0 71px; width:272px; border-right:1px solid #d6d6d6;}
.summary_data .bar_graph .bar {margin-bottom:30px; width:100%; height:21px; border-radius:11px; background-color:#ededed;}
.summary_data .bar_graph p {position:relative; height:21px; border-radius:11px; color:#555;}
.summary_data .bar_graph .per {position:absolute; top:0; line-height:21px; white-space:nowrap; font-family:Tahoma; font-size:9px; z-index:1;}
.summary_data .bar_graph .tx {position:absolute; top:-5px; width:29px; height:29px; line-height:29px; text-align:center; border:1px solid #d8d8d8; border-radius:16px; background-color:#fff; color:#333;}
.summary_data .bar_graph .left {float:left;max-width:50px;}
.summary_data .bar_graph .right {float:right;max-width:50px;}
.summary_data .bar_graph .left .per {left:9px;}
.summary_data .bar_graph .right .per {right:9px;}
.summary_data .bar_graph .left .tx {left:-41px;}
.summary_data .bar_graph .right .tx {right:-41px;}
.summary_data .bar_graph .left.on {background-color:#3498db; color:#fff;max-width:250px;}
.summary_data .bar_graph .left.on .tx {background-color:#3498db; color:#fff;}
.summary_data .bar_graph .right.on {background-color:#e74c3c; color:#fff;max-width:250px;}
.summary_data .bar_graph .right.on .tx {background-color:#e74c3c; color:#fff;}
.summary_data .bar_graph .left.on .tx {border:1px solid #3498db;}
.summary_data .bar_graph .right.on .tx {border:1px solid #e74c3c;}
.summary_data .pie_graph {float:right; width:413px;}
.summary_data .pie_graph .graph {float:left; margin:25px 30px 0 51px;}
.summary_data .pie_graph .info {float:left; margin-top:38px;}
.summary_data .pie_graph .info li {margin-bottom:16px; height:15px; line-height:15px;}
.summary_data .pie_graph .info .ic {float:left; margin:1px 10px 0 0; width:11px; height:11px; border-radius:6px;}
.summary_data .pie_graph .info .left4odd .ic {background-color:#3498db;}
.summary_data .pie_graph .info .right3odd .ic {background-color:#2980b9;}
.summary_data .pie_graph .info .left3even .ic {background-color:#e74c3c;}
.summary_data .pie_graph .info .right4even .ic {background-color:#c0392b;}
.summary_data .pie_graph .info .on {font-weight:bold;}
.summary_data .pie_graph .info .left4odd.on {color:#3498db;}
.summary_data .pie_graph .info .right3odd.on {color:#2980b9;}
.summary_data .pie_graph .info .left3even.on {color:#e74c3c;}
.summary_data .pie_graph .info .right4even.on {color:#c0392b;}
.summary_data.popup .bd {margin:auto; width:660px;}
.summary_data.popup .bar_graph {width:200px; padding:30px 61px 0 61px; border-right:none;}
.summary_data.popup .pie_graph {float:left; width:auto;}
.summary_data.popup .pie_graph .graph {margin:25px 30px 0 10px;}
.summary_data.popup .pie_graph .info {float:left; width:auto;}
.summary_data .pie_graph.ladder .graph {margin-top:51px;}
.summary_data .pie_graph.ladder .info {margin-top:64px;}
.summary_data.popup .pie_graph.ladder .graph {margin-top:51px;}
.summary_data.popup .pie_graph.ladder .info {margin-top:64px;}


/* 통계 리스트 */
.stats_list { box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.2); border-radius: 5px; overflow: hidden; border:1px solid #d6d6d6; background:#fff;}
.stats_list .tbl {width:100%;}
.stats_list caption {display:none;}
.stats_list th {height:51px; border-bottom:1px solid #d6d6d6; background:#f2f2f7;text-align:center;}
.stats_list td {height:51px; text-align:center; border-top:1px solid #f2f2f2;}
.stats_list .oddeven_cell span {display:inline-block; width:31px; height:31px; line-height:31px; border-radius:16px; color:#fff;}
.stats_list .oddeven_cell .ODD {background-color:#3498db;}
.stats_list .oddeven_cell .EVEN {background-color:#e74c3c;}
.stats_list .start_cell span,
.stats_list .line_cell span,
.stats_list .unover_cell span {display:inline-block; width:29px; height:29px; line-height:29px; border-radius:16px;}
.stats_list .start_cell .LEFT,
.stats_list .line_cell .LINE3,
.stats_list .unover_cell .UNDER {border:1px solid #3498db; color:#3498db;}
.stats_list .unover_cell .PLAYER {border:1px solid #3498db; color:#3498db;}
.stats_list .unover_cell .TIE {border:1px solid #27ae60; color:#27ae60;}
.stats_list .unover_cell .BANKER {border:1px solid #e74c3c; color:#e74c3c;}

.stats_list .unover_cell .SA {border:1px solid #996666; color:#996666;}
.stats_list .unover_cell .SP {border:1px solid #567e7e; color:#567e7e;}
.stats_list .unover_cell .SQ {border:1px solid #cc0000; color:#cc0000;}
.stats_list .unover_cell .SK {border:1px solid #ffcc00; color:#ffcc00;}

.stats_list .start_cell .RIGHT,
.stats_list .line_cell .LINE4,
.stats_list .unover_cell .OVER {border:1px solid #e74c3c; color:#e74c3c;}
.stats_list .unover_cell .X {border:1px solid #7b7b7b; color:#7b7b7b;}
.stats_list .graph {position:relative; margin:0 auto; width:304px; height:21px;}
.stats_list .graph .bar {width:110px; height:21px;}
.stats_list .graph .bar.left {float:left; margin-left:30px;}
.stats_list .graph .bar.right {float:right; margin-right:30px;}
.stats_list .graph .gauge {position:relative; height:21px;}
.stats_list .graph .left .gauge {float:right; border-top-left-radius:10px; border-bottom-left-radius:10px; background-color:#3498db;}
.stats_list .graph .right .gauge {float:left; border-top-right-radius:10px; border-bottom-right-radius:10px; background-color:#e74c3c;}
.stats_list .graph .gauge .tx {position:absolute; width:45px; line-height:21px; font-family:Tahom, sans-serif; font-size:9px; font-weight:bold;}
.stats_list .graph .left .gauge .tx {left:-52px; text-align:right; color:#3498db;}
.stats_list .graph .right .gauge .tx {right:-52px; text-align:left; color:#e74c3c;}
.stats_list .graph .dot {position:absolute; left:137px; bottom:-5px; display:block; width:30px; height:30px; border-radius:100%; box-shadow:1px 1px 1px #cdcdcd; background-color:#fff; z-index:2;}
.stats_list .graph .dot .ic {display:block; margin:6px 0 0 6px; width:18px; height:18px; border-radius:100%; background-color:#7b7b7b;}
.stats_list .graph .dot.odd_up .ic {background-color:#3498db;}
.stats_list .graph .dot.even_up .ic {background-color:#e74c3c;}


/* 기간 통계 리스트*/
.period_list table {width:100%;}
.period_list th {height:51px; border:1px solid #d6d6d6; background-color:#fcfcfc;}
.period_list td {width:auto; text-align:center; border:1px solid #d6d6d6;}
.period_list .cnt_row td {height:57px;}
.period_list .cnt_row .many {font-weight:bold;}
.period_list .cnt_row .left.many,
.period_list .cnt_row .line3.many,
.period_list .cnt_row .odd.many,
.period_list .cnt_row .under.many,
.period_list .cnt_row .left4odd.many {color:#3498db}
.period_list .cnt_row .right3odd.many {color:#2980b9}
.period_list .cnt_row .right.many,
.period_list .cnt_row .line4.many,
.period_list .cnt_row .even.many,
.period_list .cnt_row .over.many,
.period_list .cnt_row .left3even.many {color:#e74c3c}
.period_list .cnt_row .right4even.many {color:#c0392b}
.period_list .cnt_row .date {display:block; padding-bottom:7px;}
.period_list .cnt_row .tot {display:block; padding-bottom:7px;}
.period_list .cnt_row .btn_pattern {display:block; margin:0 auto; padding:0 8px; height:31px; border:1px solid #d6d6d6; background:#fff;}
.period_list .cnt_row .btn_pattern:hover {text-decoration:underline;}
.period_list .cnt_row .cnt {display:block; padding-bottom:4px; font-family:tahoma, arial, helvetica; font-size:14px;}
.period_list .cnt_row .per {font-family:tahoma, arial, helvetica; font-size:9px; color:#666;}
.period_list .straight_row td {height:39px;}
.period_list .btn_checkbox {padding-left: 21px;}


/* 선택날짜 테이터 비교 팝업 */
.pop_data_view {min-width:1360px;}
.pop_data_view h1 {margin-bottom:5px; padding-left:20px; height:43px; line-height:43px; font-size:12px; background-color:#e74c3c; color:#fff;}
.pop_data_view .inner {text-align:center;}
.pop_data_view .left_column {display:inline-block; margin-right:1px; width:680px; vertical-align:top;}
.pop_data_view .right_column {display:inline-block; margin-left:1px; width:680px; vertical-align:top;}
.pop_data_view.ladder .left_column {width:730px;}
.pop_data_view.ladder .right_column {width:730px;}


/* 패턴 비교 팝업 */
.pop_pattern_view {min-width:500px;}
.pop_pattern_view h1 {padding-left:20px; height:43px; line-height:43px; font-size:12px; background-color:#e74c3c; color:#fff;}
.pop_pattern_view .title_date {padding-left:20px; height:41px; line-height:41px; font-size:12px; border:1px solid #d6d6d6; border-bottom:none;}


/* 회차별 분석 리스트 */
.round_list_area {border:1px solid #d6d6d6;}
.round_list_area .tit {height:51px; line-height:51px; text-align:center; border-bottom:1px solid #d6d6d6; background-color:#fcfcfc;}
.round_list {position:relative; width:auto; overflow-x:scroll; overflow-y:hidden;}
.round_list .inner {padding-left:157px;}
.round_list .select_area {position:absolute; top:0; left:0; width:157px; border-right:1px solid #d6d6d6; background-color:#fcfcfc; z-index:1;}
.round_list .select_area span {display:block; text-align:center;}
.round_list .select_area .tx_round {height:51px; line-height:51px;}
.round_list .select_area .tx_graph {height:109px; line-height:109px; border-top:1px solid #d6d6d6;}
.round_list .select_area .select_date {background-color:#fff;}
.round_list .select_area .select_date li {padding:0 10px; height:31px; line-height:31px; border-top:1px solid #d6d6d6;}
.round_list .select_area .select_date label {margin-top:5px; font-size:9px; font-family:tahoma, arial, helvetica;}
.round_list .select_area .select_date label p {float:left;}
.round_list .select_area .select_date label .date {margin-right:4px;}
.start_line .select_area .tx_graph {height:219px; line-height:219px;}
.round_list .round_graph {display:block;}
.round_list .round_graph li {float:left; width:31px; border-right:1px solid #d6d6d6;}
.round_list .round_graph .round {display:block; height:51px; line-height:51px; border-bottom:1px solid #d6d6d6; text-align:center;}
.round_list .graph dl {position:relative; height:54px; border-bottom:1px solid #d6d6d6;}
.round_list .graph .result {position:absolute; left:5px; width:21px; height:21px; line-height:21px; text-align:center; background:url('../img/sp_stats.png?v=160324') no-repeat -280px -30px;}
.round_list .graph .per {position:absolute; bottom:0; height:5px;}
.round_list .graph .per .num {position:absolute; width:31px; height:9px; line-height:9px; text-align:center; font-size:9px; font-family:tahoma, arial, helvetica;}
.round_list .graph .ODD .result,
.round_list .graph .UNDER .result,
.round_list .graph .LEFT .result,
.round_list .graph .LINE3 .result,
.round_list .graph .LEFT3 .result,
.round_list .graph .RIGHT3 .result {top:10px; color:#3498db;}
.round_list .graph .EVEN .result,
.round_list .graph .OVER .result,
.round_list .graph .RIGHT .result,
.round_list .graph .LINE4 .result,
.round_list .graph .LEFT4 .result,
.round_list .graph .RIGHT4 .result {bottom:10px; color:#e74c3c;}
.round_list .graph .ODD .per,
.round_list .graph .UNDER .per,
.round_list .graph .LEFT .per,
.round_list .graph .LINE3 .per,
.round_list .graph .LEFT3 .per,
.round_list .graph .RIGHT3 .per {bottom:0; background-color:#3498db;}
.round_list .graph .EVEN .per,
.round_list .graph .OVER .per,
.round_list .graph .RIGHT .per,
.round_list .graph .LINE4 .per,
.round_list .graph .LEFT4 .per,
.round_list .graph .RIGHT4 .per {top:0; background-color:#e74c3c;}
.round_list .graph .ODD .num,
.round_list .graph .UNDER .num,
.round_list .graph .LEFT .num,
.round_list .graph .LINE3 .num,
.round_list .graph .LEFT3 .num,
.round_list .graph .RIGHT3 .num {bottom:9px;}
.round_list .graph .EVEN .num,
.round_list .graph .OVER .num,
.round_list .graph .RIGHT .num,
.round_list .graph .LINE4 .num,
.round_list .graph .LEFT4 .num,
.round_list .graph .RIGHT4 .num {top:9px;}
.round_list .round_result {clear:both;}
.round_list .round_result li {clear:both; height:31px;}
.round_list .round_result li:first-child span {border-top:none;}
.round_list .round_result span {float:left; width:31px; height:31px; border-right:1px solid #d6d6d6; border-top:1px solid #d6d6d6;}
.round_list .round_result em {display:block; margin:5px 0 0 5px; width:21px; height:21px; line-height:21px; border-radius:16px; text-align:center; color:#fff;}
.round_list .round_result .X {background-color:#7b7b7b;}
.round_list .round_result .ODD,
.round_list .round_result .UNDER,
.round_list .round_result .LEFT,
.round_list .round_result .LINE3,
.round_list .round_result .LEFT4ODD,
.round_list .round_result .RIGHT3ODD {background-color:#3498db;}
.round_list .round_result .ODD.highlight,
.round_list .round_result .UNDER.highlight,
.round_list .round_result .LEFT.highlight,
.round_list .round_result .LINE3.highlight,
.round_list .round_result .LEFT3EVEN.highlight,
.round_list .round_result .RIGHT3ODD.highlight {margin:1px 0 0 1px; width:29px; height:29px; line-height:29px; background-color:#3498db;}
.round_list .round_result .EVEN,
.round_list .round_result .OVER,
.round_list .round_result .RIGHT,
.round_list .round_result .LINE4,
.round_list .round_result .LEFT3EVEN,
.round_list .round_result .RIGHT4EVEN {background-color:#e74c3c;}
.round_list .round_result .EVEN.highlight,
.round_list .round_result .OVER.highlight,
.round_list .round_result .RIGHT.highlight,
.round_list .round_result .LINE4.highlight,
.round_list .round_result .LEFT4ODD.highlight,
.round_list .round_result .RIGHT4EVEN.highlight {margin:0; width:29px; height:29px; line-height:29px; background-color:#e74c3c;}