/* 공통 */
img,
dl,
dt,
dd {
  box-sizing: content-box !important;
}
.ic {display:block; background:url('../img/sp_stats.png?v=160324') no-repeat 0 -9999px;}
.tip_area {position:relative; margin-bottom:5px; padding:16px 0 16px 70px;  border:1px solid #d6d6d6; line-height:20px;}
.tip_area .ic {position:absolute; top:50%; left:25px; margin-top:-11px; width:21px; height:21px; vertical-align:middle; background:url('../img/sp_ico.png') no-repeat;}
.tip_area p {line-height:21px;}
.btn_list_more {margin-top:-1px; width:100%; height:43px; line-height:41px; text-align:center; border:1px solid #d6d6d6; background-color:#f2f2f7;}

/* 통계 옵션 */
.option_area {margin-bottom:5px; border:1px solid #d6d6d6; background-color:#f2f2f7;}
.option_area.type1 {height:71px;}
.option_area.type2 {height:143px;}
.option_area .info {height:71px; line-height:71px; border-bottom:1px solid #eeeeef;}
.option_area .date {float:left; line-height:71px; font-size:23px; font-family:tahoma, '돋움', Dotum, sans-serif;}
.option_area .btn_date {float:left; width:68px; height:71px; text-indent:-9999px; overflow:hidden;}
.option_area .btn_date .ic {margin:28px 30px; width:8px; height:15px;}
.option_area .btn_prev .ic {background-position:0 0;}
.option_area .btn_next .ic {background-position:-20px 0;}
.option_area .btn_prev:hover .ic {background-position:-40px 0;}
.option_area .btn_next:hover .ic {background-position:-60px 0;}
.option_area .btn_minus .ic,
.option_area .btn_plus .ic {margin:28px; width:15px; height:15px;}
.option_area .btn_minus .ic {background-position:0 -130px;}
.option_area .btn_plus .ic {background-position:-20px -130px;}
.option_area .btn_minus:hover .ic {background-position:-40px -130px;}
.option_area .btn_plus:hover .ic {background-position:-60px -130px;}
.option_area .btn_box {float:left; margin:19px 1px 0 0; padding:0 20px; height:31px; line-height:31px; border:1px solid #d6d6d6; background-color:#fff;}
.option_area .btn_box:hover {border:1px solid #727272;}
.option_area .btn_datepicker {margin-top:19px; padding:0 31px 0 10px; height:31px; line-height:31px; border:1px solid #d6d6d6; color:#333; background:#fff url('../img/sprites_common.png') no-repeat right -227px;}
.option_area .btn_datepicker:hover {border:1px solid #7b7b7b; cursor:pointer;}
.option_area .switch_tab {float:left; margin:25px 0 0 30px;}
.option_area .switch_tab li {float:left; margin-right:20px; height:21px;}
.option_area .switch_tab a {display:block; padding-left:30px; height:21px; line-height:21px; background:url('../img/sp_label_bx.png') no-repeat;}
.option_area .switch_tab .selected {background-position:0 -60px;}
.option_area .selectbox {display:inline-block; margin-top:19px; padding-left:10px; height:33px; line-height:33px; border:1px solid #d6d6d6;}
.option_area .selectbox:hover {border:1px solid #7b7b7b; cursor:pointer;}
.option_area .btn_refresh {float:right; margin:19px 16px 0 0; text-indent:-9999px; overflow:hidden;}
.option_area .btn_refresh .ic {margin:8px; width:23px; height:17px; background-position:-80px 0;}

/* 날짜 검색 */
.date_search_option {padding:19px 19px 0 19px;}
.date_search_option:after {clear: both; content: ""; display: block;}
.date_search_option .datepicker_area {float:left; margin-right:10px;}
.date_search_option .datepicker_area .date_inputbox {width:65px; padding:0 31px 0 10px; height:31px; line-height:31px; border:1px solid #d6d6d6; color:#333; background:#fff url('../img/sprites_common.png') no-repeat right -227px;}
.date_search_option .datepicker_area .date_inputbox:hover {border:1px solid #7b7b7b; cursor:pointer;}
.date_search_option .datepicker_area .dash {font-size:12px;}
.date_search_option .datepicker_area .btn_search {margin-left:1px; padding:0 20px; height:33px; border:1px solid #d74738; background-color:#e74c3c; color:#fff;}
.date_search_option .tab_area {float:left;}
.date_search_option .tab {float:left; height:31px; border:1px solid #d6d6d6; background-color:#fff;}
.date_search_option .tab li {float:left; position:relative; border-left:1px solid #f2f2f2;}
.date_search_option .tab li:first-child {border-left:none;}
.date_search_option .tab a {display:block; padding:0 20px; height:31px; line-height:31px; text-align:center;}
.date_search_option .tab a:hover,
.date_search_option .tab .selected {position:relative; margin:-1px; border:1px solid #727272; z-index:1;}
.date_search_option .tab .selected {background-color:#7b7b7b; color:#fff;}
.date_search_option .pattern__ .tab a {padding:0 7px;}

/* 패턴 그래프 */
.pattern_graph {  box-shadow: 0px 8px 24px rgba(112, 144, 176, 0.2); border-radius: 5px; overflow: hidden; margin-bottom:5px;background:#fff; }
.pattern_graph .main_tab {display:table; border:1px solid #d6d6d6; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; }
.pattern_graph .main_tab ul:after {display:block; clear:both; content:'';}
.pattern_graph .main_tab li {display:table-cell; width:500px; border-left:1px solid #e6e6ea; text-align:center;}
.pattern_graph .main_tab li:first-child {border-left:none;}
.pattern_graph .main_tab a {position:relative; display:block; height:51px; line-height:51px; background:#f2f2f7;}
.pattern_graph .main_tab .selected {margin:-1px; border:1px solid #d6d6d6; height:52px; border-bottom:none; background-color:#fff;}
.pattern_graph .sub_tab {padding:15px 0 0 20px; height:36px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
.pattern_graph .sub_tab li {float:left; margin-right:30px;}
.pattern_graph .sub_tab a {display:block; padding-left:30px; height:21px; line-height:21px; background:url('../img/sp_label_bx.png') no-repeat;}
.pattern_graph .sub_tab .selected {background-position:0 -60px;}
.pattern_graph .view .info {padding-top:12px; height:39px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
.pattern_graph .view .info li {float:left; line-height:27px;}
.pattern_graph .view .info .ic {float:left; margin:0 10px 0 15px; width:27px; height:27px; text-align:center; border-radius:16px; color:#fff;}
.pattern_graph .view .info .tx {float:left;}
.pattern_graph .view .info .left .ic,
.pattern_graph .view .info .line3 .ic,
.pattern_graph .view .info .odd .ic,
.pattern_graph .view .info .blue .ic,
.pattern_graph .view .info .row3 .ic,
.pattern_graph .view .info .low .ic,
.pattern_graph .view .info .under .ic {background-color:#3498db;}
.pattern_graph .view .info .right .ic,
.pattern_graph .view .info .line4 .ic,
.pattern_graph .view .info .even .ic,
.pattern_graph .view .info .red .ic,
.pattern_graph .view .info .row1 .ic,
.pattern_graph .view .info .high .ic,
.pattern_graph .view .info .over .ic {background-color:#e74c3c;}
.pattern_graph .view .info .left4odd .ic {background-color:#3498db;}
.pattern_graph .view .info .right3odd .ic {background-color:#2980b9;}
.pattern_graph .view .info .left3even .ic {background-color:#e74c3c;}
.pattern_graph .view .info .right4even .ic {background-color:#c0392b;}

.pattern_graph .view .info .sa .ic {background-color:#996666;}
.pattern_graph .view .info .sp .ic {background-color:#567e7e;}
.pattern_graph .view .info .sq .ic {background-color:#cc0000;}
.pattern_graph .view .info .sk .ic {background-color:#ffcc00;}

.pattern_graph .view .info .one .ic {background-color:#3498db;}
.pattern_graph .view .info .two .ic {background-color:#e74c3c;}
.pattern_graph .view .info .three .ic {background-color:#3498db;}
.pattern_graph .view .info .four .ic {background-color:#e74c3c;}

.pattern_graph .view .info .player .ic {background-color:#3498db;}
.pattern_graph .view .info .banker .ic {background-color:#e74c3c;}
.pattern_graph .view .info .tie .ic {background-color:#27ae60;}



.pattern_graph .view .info .row2 .ic {background-color:#27ae60;}

.pattern_graph .view .info .order_ele {display: flex; flex-direction: row;}
.pattern_graph .view .info .order_etc {display: flex; flex-direction: row-reverse; margin: 0}

.pattern_graph .view .info .t .ic,
.pattern_graph .view .info .invalid .ic {background-color:#b7b7b7;}
.pattern_graph .view .info .pongdang .ic {background-color:#af28c7;}
.pattern_graph .view .info .break .ic {background-color:#393e46;}

.pattern_graph .view .info .row1 .ic,
.pattern_graph .view .info .row2 .ic,
.pattern_graph .view .info .row3 .ic,
.pattern_graph .view .info .t .ic {
    margin: 0 5px 0px 10px;
}

.pattern_graph .view .info .x .ic {background-color:#7b7b7b;}
.pattern_graph .view .info .etc {float:right; padding-right:10px;}
.pattern_graph .view .box_area {position:relative; margin-top:-1px; width:auto; border:1px solid #d6d6d6; overflow-x:scroll;box-sizing: content-box !important;}
.pattern_graph .view .inner {padding-bottom:34px; position:relative; white-space:nowrap; overflow:hidden; font-size:0; background:url('../img/bg_cell.png?v=160415') repeat; box-sizing: content-box !important;}
.pattern_graph .view:after {display:block; clear:both; content:'';box-sizing: content-box !important;}
.pattern_graph .view dl {display:inline-block; vertical-align:top;box-sizing: content-box !important;}
.pattern_graph .view dl .length {position:absolute; bottom:34px; }
.pattern_graph .view dl .times {position:absolute; bottom:0; }
.pattern_graph .view dt,
.pattern_graph .view dd {width:33px; height:33px; line-height:33px; padding:0 1px 1px 0; text-align:center; font-size:12px;box-sizing: content-box !important;}
.pattern_graph .view dt {position:relative; z-index:1; }
.pattern_graph .view dt.ODD,
.pattern_graph .view dt.UNDER,
.pattern_graph .view dt.LEFT,
.pattern_graph .view dt._3,
.pattern_graph .view dt.one,
.pattern_graph .view dt.three,
.pattern_graph .view dt.LEFT4ODD,
.pattern_graph .view dt.SELL,
.pattern_graph .view dt.row_3,
.pattern_graph .view dt.BLUE,
.pattern_graph .view dt.LOW,
.pattern_graph .view dt.RIGHT3ODD {color:#2980b9;}
.pattern_graph .view dt.player {color:#3498db;}
.pattern_graph .view dt.banker {color:#e74c3c;}
.pattern_graph .view dt.tie {color:#27ae60;}
.pattern_graph .view dt.row_2 { color: #27ae60;}
.pattern_graph .view dt.READY { color: #005523; }
.pattern_graph .view dt.blue {color:#3498db;}
.pattern_graph .view dt.red {color:#e74c3c;}
.pattern_graph .view dt.sa {color:#996666;}
.pattern_graph .view dt.sp {color:#567e7e;}
.pattern_graph .view dt.sq {color:#cc0000;}
.pattern_graph .view dt.sk {color:#ffcc00;}
.pattern_graph .view dt.EVEN,
.pattern_graph .view dt.OVER,
.pattern_graph .view dt.RIGHT,
.pattern_graph .view dt._4,
.pattern_graph .view dt.two,
.pattern_graph .view dt.four,
.pattern_graph .view dt.LEFT3EVEN,
.pattern_graph .view dt.BUY,
.pattern_graph .view dt.row_1,
.pattern_graph .view dt.RED,
.pattern_graph .view dt.HIGH,
.pattern_graph .view dt.RIGHT4EVEN {color:#c0392b;}
.pattern_graph .view dt.T,
.pattern_graph .view dt.INVALID {color:#b7b7b7;}
.pattern_graph .view dd span {position:relative; display:inline-block; margin-top:3px; width:27px; height:27px; line-height:27px; border-radius:16px; font-family:tahoma, '돋움', Dotum, sans-serif; font-size:9px; color:#fff;}
.pattern_graph .view dd span.odd,
.pattern_graph .view dd span.ODD,
.pattern_graph .view dd span.under,
.pattern_graph .view dd span.UNDER,
.pattern_graph .view dd span.LEFT,
.pattern_graph .view dd span._3,
.pattern_graph .view dd span.one,
.pattern_graph .view dd span.three,
.pattern_graph .view dd span.LEFT4ODD,
.pattern_graph .view dd span.SELL,
.pattern_graph .view dd span.BLUE,
.pattern_graph .view dd span._2,
.pattern_graph .view dd span.row_3,
.pattern_graph .view dd span.LOW,
.pattern_graph .view dd span.RIGHT3ODD {background-color:#3498db;}
.pattern_graph .view dd span.RIGHT3ODD {background-color:#2980b9;}
.pattern_graph .view dd span.player {background-color:#3498db;}
.pattern_graph .view dd span.banker {background-color:#e74c3c;}
.pattern_graph .view dd span.tie {background-color:#27ae60;}
.pattern_graph .view dd span.blue {background-color:#3498db;}
.pattern_graph .view dd span.red {background-color:#e74c3c;}
.pattern_graph .view dd span.sa {background-color:#996666;}
.pattern_graph .view dd span.sp {background-color:#567e7e;}
.pattern_graph .view dd span.sq {background-color:#cc0000;}
.pattern_graph .view dd span.sk {background-color:#ffcc00;}
.pattern_graph .view dd span.even,
.pattern_graph .view dd span.EVEN,
.pattern_graph .view dd span.over,
.pattern_graph .view dd span.OVER,
.pattern_graph .view dd span.RIGHT,
.pattern_graph .view dd span._4,
.pattern_graph .view dd span.two,
.pattern_graph .view dd span.four,
.pattern_graph .view dd span.LEFT3EVEN,
.pattern_graph .view dd span.BUY,
.pattern_graph .view dd span.RED,
.pattern_graph .view dd span._1,
.pattern_graph .view dd span.row_1,
.pattern_graph .view dd span.HIGH,
.pattern_graph .view dd span.RIGHT4EVEN {background-color:#e74c3c; border-radius:16px;}
.pattern_graph .view dd span.RIGHT4EVEN {background-color:#c0392b;}
.pattern_graph .view dd span.row_2 {background-color:#27ae60;}
.pattern_graph .view dd span.X,
.pattern_graph .view dd span.T,
.pattern_graph .view dd span.INVALID {background-color:#b7b7b7; border-radius:16px;}

.pattern_graph .view dd span.ext_1 {
    border: 3px solid #00ff6a;
    width : 26px;
    height: 26px;
    margin-top : 0px;
}

.pattern_graph .view dd span.READY { background-color: #27ae60; }

.pattern_graph .view dd span.snail1,
.pattern_graph .view .info .sell .ic,
.pattern_graph .view .info .snail1 .ic {background-color:#3498db;}
.pattern_graph .view dd span.snail2,
.pattern_graph .view .info .buy .ic,
.pattern_graph .view .info .snail2 .ic {background-color:#e74c3c;}
.pattern_graph .view dd span.snail3,
.pattern_graph .view .info .snail3 .ic {background-color:#2980b9;}
.pattern_graph .view dd span.snail4,
.pattern_graph .view .info .snail4 .ic {background-color:#c0392b;}

.pattern_graph .view .info .ready .ic { background-color: #27ae60;}

.pattern_graph .view .dot {position:absolute; width:9px; height:9px; background:url('../img/sp_stats.png?v=160324') no-repeat;}
.pattern_graph .view .dot.LEFT4ODD {left:0; background-position:-260px -30px;}
.pattern_graph .view .dot.RIGHT3ODD {right:0; background-position:-240px -30px;}
.pattern_graph .view .dot.LEFT3EVEN {left:0; background-position:-240px -30px;}
.pattern_graph .view .dot.RIGHT4EVEN {right:0; background-position:-260px -30px;}

.pattern_table span.line_pattern.right3odd, .pattern_table span.line_pattern.left4odd {
    background: #3498db;
    color:#fff;
}
.pattern_table span.line_pattern.right4even, .pattern_table span.line_pattern.left3even {
    background: #e74c3c;
    color:#fff;
}
.pattern_table span.line_pattern {position:relative;}
.pattern_table span.left4odd.line_pattern:after,
.pattern_table span.right3odd.line_pattern:after,
.pattern_table span.left3even.line_pattern:after,
.pattern_table span.right4even.line_pattern:after {position:absolute; top:0; content:''; width:9px; height:9px; background:url('../img/sp_stats.png?v=160324') no-repeat 0 -9999px;}
.pattern_table span.left4odd.line_pattern:after {left:0; background-position:-260px -30px;}
.pattern_table span.right3odd.line_pattern:after {right:0; background-position:-240px -30px;}
.pattern_table span.left3even.line_pattern:after {left:0; background-position:-240px -30px;}
.pattern_table span.right4even.line_pattern:after {right:0; background-position:-260px -30px;}

.basic_pattern_graph .main_tab {margin-bottom:-1px; border:1px solid #727272;}
.basic_pattern_graph .main_tab .selected {border:1px solid #606060; border-bottom:none; background-color:#fff; color:#333;}
.basic_pattern_graph .main_tab li {border-left:1px solid #7b7b7b;}
.basic_pattern_graph .main_tab li:first-child {border-left:none;}
.basic_pattern_graph .main_tab a {background-color:#7b7b7b; color:#fff;}
.basic_pattern_graph .main_tab a:after {content:''; position:absolute; top:20px; left:-1px; width:1px; height:11px; background-color:#6e6e6e; z-index:1;}
.basic_pattern_graph .main_tab li:first-child a:after {display:none;}
.basic_pattern_graph .main_tab .selected {z-index:1;}
.basic_pattern_graph .main_tab .selected:after {display:none;}
.basic_pattern_graph .view .inner {padding-bottom:68px;}
.basic_pattern_graph .view .info {border-left:1px solid #727272; border-right:1px solid #727272; border-top:1px solid #727272;}
.basic_pattern_graph .view .box_area {box-sizing: content-box !important;}

/* 최다/최소 출현 통계 데이터 */
.max_min_data {margin-bottom:5px;}
.max_min_data .title {height:51px;line-height:51px; text-align:center; border:1px solid #d6d6d6; border-bottom:none; background-color:#fcfcfc;}
.max_min_data table {width:100%; border:1px solid #d6d6d6;}
.max_min_data thead th {height:53px; border-bottom:1px solid #d6d6d6; border-top:none;}
.max_min_data th {height:51px; border-left:1px solid #f2f2f2; border-top:1px solid #f2f2f2; background-color:#fcfcfc;}
.max_min_data th:first-child {border-left:none;}
.max_min_data td {border-left:1px solid #f2f2f2; border-top:1px solid #f2f2f2; text-align:center;}
.max_min_data td:first-child {border-left:none;}
.max_min_data tr.line_top th,
.max_min_data tr.line_top td {border-top:1px solid #d6d6d6;}
.max_min_data .line_left {border-left:1px solid #d6d6d6;}
.max_min_data .max {font-weight:bold; color:#e74c3c;}
.max_min_data .min {font-weight:bold; color:#3498db;}

/* 리스트 옵션 */
.list_opt {margin-bottom:5px; padding:19px; height:31px; border:1px solid #d6d6d6; background-color:#f2f2f7;}
.list_opt li:first-child {border-left:none;}
.list_opt .filter_btn_area {float:left; border:1px solid #e1e1e2;}
.list_opt .filter_btn_area li {float:left; border-left:1px solid #f2f2f2;}
.list_opt .filter_btn_area button {float:left; padding:0 10px; height:31px; background-color:#fff;}
.list_opt .filter_btn_area .selected {position:relative; margin:-1px; height:33px; border:1px solid #727272; background-color:#7b7b7b; color:#fff; z-index:1;}
.list_opt .popup_btn_area {float:right;}
.list_opt .popup_btn_area button {float:left; margin-left:1px; padding:0 10px; border:1px solid #e1e1e2; height:33px; background-color:#fff;}

/* 패턴 분석 */
.pattern_select {margin-bottom:5px; height:157px; border-left:1px solid #d6d6d6;}
.pattern_select .pattern .tit {float:left; width:69px; border-top:1px solid #d6d6d6; text-align:center;}
.pattern_select .pattern .tit span {display:block; height:51px; line-height:51px; border-bottom:1px solid #d6d6d6;}
.pattern_select .pattern .tit .t1 {background-color:#fcfcfc;}
.pattern_select .pattern .inner {float:left; position:relative; margin:0 -1px; width:761px; height:157px; background:url('../img/bg_pattern.png?v=160324') repeat-x; overflow:hidden;}
.pattern_select .pattern ul {width:100%; height:84px; z-index:1;}
.pattern_select .pattern li {float:left; margin-left:-1px; width:37px; height:155px; border:1px solid #727272; text-align:center;}
.pattern_select .pattern li:first-child {margin-left:0;}
.pattern_select .pattern .count {display:block; width:37px; height:51px; line-height:51px; border-bottom:1px solid #727272;  background-color:#7b7b7b; color:#fff;}
.pattern_select .pattern .ic_result {position:relative; display:inline-block; margin:10px 0 11px 0; width:31px; height:31px; line-height:31px; border-radius:16px; color:#fff;}
.pattern_select .pattern .ic_result.odd,
.pattern_select .pattern .ic_result.left,
.pattern_select .pattern .ic_result.line3,
.pattern_select .pattern .ic_result.under,
.pattern_select .pattern .ic_result.left4odd,
.pattern_select .pattern .ic_result.right3odd,
.pattern_select .pattern .ic_result.middle,
.pattern_select .pattern .ic_result.blue,
.pattern_select .pattern .ic_result.snail1 {background:#3498db;}
.pattern_select .pattern .ic_result.snail3 {background:#2980b9;}
.pattern_select .pattern .ic_result.even,
.pattern_select .pattern .ic_result.right,
.pattern_select .pattern .ic_result.line4,
.pattern_select .pattern .ic_result.over,
.pattern_select .pattern .ic_result.left3even,
.pattern_select .pattern .ic_result.right4even,
.pattern_select .pattern .ic_result.big,
.pattern_select .pattern .ic_result.red,
.pattern_select .pattern .ic_result.snail2 {background:#e74c3c;}
.pattern_select .pattern .ic_result.snail4 {background:#c0392b;}
.pattern_select .pattern .ic_result.small {background:#27ae60;}
.pattern_select .pattern .ic_result.x {background:#7b7b7b none;}
.pattern_select .pattern .left4odd:after,
.pattern_select .pattern .right3odd:after,
.pattern_select .pattern .left3even:after,
.pattern_select .pattern .right4even:after {position:absolute; top:0; content:''; width:9px; height:9px; background:url('../img/sp_stats.png?v=160324') no-repeat 0 -9999px;}
.pattern_select .pattern .left4odd:after {left:0; background-position:-260px -30px;}
.pattern_select .pattern .right3odd:after {right:0; background-position:-240px -30px;}
.pattern_select .pattern .left3even:after {left:0; background-position:-240px -30px;}
.pattern_select .pattern .right4even:after {right:0; background-position:-260px -30px;}
.pattern_select .pattern .round {display:block; height:51px; line-height:51px; background-color:#fff;}
.pattern_list table {width:100%; border:none;}
.pattern_list caption {display:none;}
.pattern_list th {height:51px; border:1px solid #d6d6d6; background:#f2f2f7;}
.pattern_list td {text-align:center; border:1px solid #d6d6d6;}
.pattern_list .date_cell {font-weight:bold;}
.pattern_list .date_cell .round {display:block; margin-top:5px; font-weight:normal;}
.pattern_list .pattern_cell .inner {width:100%; height:76px; background:url('../img/bg_pattern_cell.png?v=160428') repeat-x;}
.pattern_list .pattern_cell li {float:left; margin-left:1px; width:30px; height:76px; vertical-align:middle;}
.pattern_list .pattern_cell li:first-child {margin-left:0;}
.pattern_list .pattern_cell .ic_round {display:inline-block; margin:10px 0 11px 0; width:24px; height:24px; line-height:24px; border-radius:18px; font-family:tahoma, '돋움', Dotum, sans-serif;  font-size:9px; color:#fff;}
.pattern_list .pattern_cell .odd,
.pattern_list .pattern_cell .under,
.pattern_list .pattern_cell .middle,
.pattern_list .pattern_cell .left4odd,
.pattern_list .pattern_cell .blue,
.pattern_list .pattern_cell .row_3,
.pattern_list .pattern_cell .snail1 {background-color:#3498db;}
.pattern_list .pattern_cell .right3odd,
.pattern_list .pattern_cell .snail3 {background-color:#2980b9;}
.pattern_list .pattern_cell .even,
.pattern_list .pattern_cell .over,
.pattern_list .pattern_cell .big,
.pattern_list .pattern_cell .left3even,
.pattern_list .pattern_cell .red,
.pattern_list .pattern_cell .row_1,
.pattern_list .pattern_cell .snail2 {background-color:#e74c3c;}
.pattern_list .pattern_cell .right4even,
.pattern_list .pattern_cell .snail4 {background-color:#c0392b;}
.pattern_list .pattern_cell .row_2,
.pattern_list .pattern_cell .small {background-color:#27ae60;}
.pattern_list .pattern_cell .tx {display:block; height:31px; line-height:31px; text-align:center;}
.pattern_list .result_cell .ic_result {display:inline-block; margin:10px 0; width:24px; height:24px; line-height:24px; border-radius:18px; font-family:tahoma, '돋움', Dotum, sans-serif; font-size:9px; color:#fff;}
.pattern_list .result_cell .odd,
.pattern_list .result_cell .middle,
.pattern_list .result_cell .left4odd,
.pattern_list .result_cell .blue,
.pattern_list .result_cell .row_3,
.pattern_list .result_cell .snail1 {background-color:#3498db;}
.pattern_list .result_cell .right3odd,
.pattern_list .result_cell .snail3 {background-color:#2980b9;}
.pattern_list .result_cell .even,
.pattern_list .result_cell .big,
.pattern_list .result_cell .left3even,
.pattern_list .result_cell .red,
.pattern_list .result_cell .row_1,
.pattern_list .result_cell .snail2 {background-color:#e74c3c;}
.pattern_list .result_cell .right4even,
.pattern_list .result_cell .snail4 {background-color:#c0392b;}
.pattern_list .result_cell .row_2,
.pattern_list .result_cell .small {background-color:#27ae60;}
.pattern_list .result_cell .tx {display:block; height:31px; line-height:31px; border-top:1px solid #f2f2f2;}
.pattern_list .result_cell .under {color:#3498db;}
.pattern_list .result_cell .over {color:#e74c3c;}
.none_pattern_list {display:table; width:828px; font-size:0; border:1px solid #d6d6d6;}
.none_pattern_list .inner {display:table-cell; height:456px; text-align:center; vertical-align:middle;}
.none_pattern_list .ico_no_post {display:inline-block; width:85px; height:85px; background:url('../img/sp_none.png') no-repeat;}
.none_pattern_list .message {margin-top:30px;}
.none_pattern_list .message p {height:20px; font-size:12px; color:#adadad;}

/* 종합 분석 그래프*/
.total_graph {margin-bottom:5px; border:1px solid #d6d6d6;}
.total_graph .summary {padding:0 20px; height:51px; border-bottom:1px solid #d6d6d6; background-color:#f2f2f7;}
.total_graph .summary .tit {float:left; line-height:51px;}
.total_graph .graph_tab {float:right; margin-top:18px;}
.total_graph .graph_tab li {float:left; margin-left:20px;}
.total_graph .graph_tab li:first-child {margin-left:0;}
.total_graph .graph_tab span {display:block; height:15px; line-height:15px;}
.total_graph .graph_tab span:after {float:left; margin:1px 10px 0 0; width:11px; height:11px; border-radius:6px; content:'';}
.total_graph .graph_tab .start:after,
.total_graph .graph_tab .under_over:after {background-color:#27ae60;}
.total_graph .graph_tab .line:after,
.total_graph .graph_tab .rank1:after {background-color:#ffa800;}
.total_graph .graph_tab .oe:after {background-color:#745ec5;}
.total_graph .graph_tab .start_line:after,
.total_graph .graph_tab .odd_even:after {background-color:#d95459;}
.total_graph .graph_tab .pw_oe:after {background-color:#27ae60;}
.total_graph .graph_tab .pw_un:after {background-color:#ffa800;}
.total_graph .graph_tab .pu_oe:after {background-color:#745ec5;}
.total_graph .graph_tab .pu_un:after {background-color:#d95459;}
.total_graph .graph_tab .pu_s:after {background-color:#3498db;}
.total_graph .graph_tab .sum_oe:after {background-color:#27ae60;}
.total_graph .graph_tab .sum_uo:after {background-color:#d95459;}


.total_graph .graph_tab .total_win:after {background-color:#8F00FF;}
.total_graph .graph_tab .blue_odd_even:after {background-color:#3498DB;}
.total_graph .graph_tab .blue_under_over:after {background-color:#00418D;}
.total_graph .graph_tab .blue_highest_line:after {background-color:#009D10;}
.total_graph .graph_tab .red_odd_even:after {background-color:#E74C3C;}
.total_graph .graph_tab .red_under_over:after {background-color:#E27A00;}
.total_graph .graph_tab .red_highest_line:after {background-color:#FFC700;}

.total_graph .record_table table {width:100%; border:none; border-bottom:1px solid #d6d6d6;}
.total_graph .record_table thead th {height:51px; border:none; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background-color:#f2f2f7;}
.total_graph .record_table thead th:first-child {border-left:none;}
.total_graph .record_table tr {border-top:1px solid #f2f2f2;}
.total_graph .record_table tr:first-child {border-top:none;}
.total_graph .record_table td {padding:20px 0; border:none; border-left:1px solid #d6d6d6; text-align:center;}
.total_graph .record_table td:first-child {border-left:none;}
.total_graph .record_table td p {margin-top:5px;}
.total_graph .record_table td p:first-child {margin-top:0;}
.total_graph .graph_area {height:312px;}
.total_graph .graph_area {position:relative;}
.total_graph .graph_area .tit {position:absolute; top:23px; left:0; width:100%;  text-align:center; z-index:2;}
.total_graph .graph_area .axis path,
.total_graph .graph_area .axis line{fill: none; stroke: #d6d6d6; shape-rendering: crispEdges;}
.total_graph .graph_area .line{fill: none; stroke-width:1px;}
.total_graph .graph_area .tick text {font-size:9px; font-family:tahoma, '돋움', Dotum, sans-serif; fill:#a3a3a3;}
.total_graph .graph_area .tick line {shape-rendering:crispEdges; stroke-width:2px; opacity: 0.5;}
.total_graph .graph_area .graph {position:relative; background-color:#fff; z-index:1;}
.total_graph .graph_area .loading {position:absolute; top:130px; left:50%; margin-left:-20px;}

/* 통계 예측 */
.analysis_forecast .summary {padding:0 20px; height:51px; border:1px solid #d6d6d6; border-bottom:none; background-color:#f2f2f7;}
.analysis_forecast .summary .tit {float:left; line-height:51px;}
.analysis_forecast .summary .tip {float:right; margin-top:18px;}
.analysis_forecast .summary li {float:left; margin-left:20px;}
.analysis_forecast .summary li:first-child {margin-left:0;}
.analysis_forecast .summary span {float:left; margin-left:1px; width:11px; height:11px; border-radius:5px;}
.analysis_forecast .summary span:first-child {margin-left:0;}
.analysis_forecast .summary .tx {float:left; margin-left:10px;}
.analysis_forecast .summary .r1,
.analysis_forecast .summary .r2,
.analysis_forecast .summary .r3 {width:9px; height:9px; border-radius:5px;}
.analysis_forecast .summary .r1 {border:1px solid #3498db;}
.analysis_forecast .summary .r2 {border:1px solid #e74c3c;}
.analysis_forecast .summary .r3 {border:1px solid #27ae60;}
.analysis_forecast .summary .c1 {background-color:#3498db;}
.analysis_forecast .summary .c2 {background-color:#e74c3c;}
.analysis_forecast .summary .c3 {background-color:#27ae60;}
.analysis_forecast .summary .wrong {width:9px; height:9px; border:1px solid #d4d4d4; border-radius:5px;}
.analysis_forecast .ic {position:relative; display:inline-block; width:29px; height:29px; line-height:29px; border:1px solid #d6d6d6; border-radius:15px; font-family:tahoma, '돋움', Dotum, sans-serif; font-size:9px; background:#fff; z-index:1;}
.analysis_forecast .ic.left.on,
.analysis_forecast .ic.line3.on,
.analysis_forecast .ic.odd.on,
.analysis_forecast .ic.under.on,
.analysis_forecast .ic.M.on,
.analysis_forecast .ic.middle.on,
.analysis_forecast .ic.left4odd.on,
.analysis_forecast .ic.row_3.on,
.analysis_forecast .ic.blue.on,
.analysis_forecast .ic.snail1.on {background-color:#3498db; border:1px solid #3498db; color:#fff;}
.analysis_forecast .ic.right3odd.on,
.analysis_forecast .ic.snail3.on {background-color:#2980b9; border:1px solid #2980b9; color:#fff;}
.analysis_forecast .ic.right.on,
.analysis_forecast .ic.line4.on,
.analysis_forecast .ic.even.on,
.analysis_forecast .ic.red.on,
.analysis_forecast .ic.over.on,
.analysis_forecast .ic.L.on,
.analysis_forecast .ic.big.on,
.analysis_forecast .ic.left3even.on,
.analysis_forecast .ic.row_1.on,
.analysis_forecast .ic.snail2.on {background-color:#e74c3c; border:1px solid #e74c3c; color:#fff;}
.analysis_forecast .ic.right4even.on,
.analysis_forecast .ic.snail4.on {background-color:#c0392b; border:1px solid #c0392b; color:#fff;}
.analysis_forecast .ic.small.on,
.analysis_forecast .ic.row_2.on,
.analysis_forecast .ic.S.on {background-color:#27ae60; border:1px solid #27ae60; color:#fff;}
.analysis_forecast .list {width:100%; border:1px solid #d6d6d6;}
.analysis_forecast .list caption {display:none;}
.analysis_forecast .list th {height:51px; border:1px solid #d6d6d6; background:#f2f2f7;}
.analysis_forecast .list td {height:51px; text-align:center; border:1px solid #d6d6d6;}
.analysis_forecast .list th.line_left,
.analysis_forecast .list td.line_left {border-right:1px solid #d6d6d6;}
.analysis_forecast .list tbody tr {cursor:pointer;}
.analysis_forecast .round_cell .inn {position:relative; padding-left:20px; height:100%; line-height:51px; text-align:left;}
.analysis_forecast .predic_cell .ic {font-family:'굴림', Gulim, Helvetica, sans-serif; font-size:12px; color:#333;}
.analysis_forecast .predic_cell .ic.on {color:#fff !important; }
.analysis_forecast .result_cell .ic {font-family:'굴림', Gulim, Helvetica, sans-serif; font-size:12px; color:#fff;}
.analysis_forecast .result_cell .ic .line {position:absolute; top:0; width:9px; height:9px; background:url('../img/sp_stats.png?v=160324') no-repeat 0 -9999px;}
.analysis_forecast .result_cell .ic.left4odd,
.analysis_forecast .result_cell .ic.right3odd,
.analysis_forecast .result_cell .ic.snail1 {background-color:#3498db; border:1px solid #3498db;}
.analysis_forecast .result_cell .ic.snail3 {background-color:#2980b9; border:1px solid #2980b9;}
.analysis_forecast .result_cell .ic.left3even,
.analysis_forecast .result_cell .ic.right4even,
.analysis_forecast .result_cell .ic.snail2 {background-color:#e74c3c; border:1px solid #e74c3c;}
.analysis_forecast .result_cell .ic.snail4 {background-color:#c0392b; border:1px solid #c0392b;}
.analysis_forecast .result_cell .ic.left4odd .line {left:0; background-position:-260px -30px;}
.analysis_forecast .result_cell .ic.right3odd .line {right:0; background-position:-240px -30px;}
.analysis_forecast .result_cell .ic.left3even .line {left:0; background-position:-240px -30px;}
.analysis_forecast .result_cell .ic.right4even .line {right:0; background-position:-260px -30px;}
.analysis_forecast .result_cell .ic.x {background-color:#7b7b7b; border:1px solid #7b7b7b;}
.analysis_forecast .ready_row .predic_cell .left,
.analysis_forecast .ready_row .predic_cell .line3,
.analysis_forecast .ready_row .predic_cell .odd,
.analysis_forecast .ready_row .predic_cell .under,
.analysis_forecast .ready_row .predic_cell .blue,
.analysis_forecast .ready_row .predic_cell .row_3,
.analysis_forecast .ready_row .predic_cell .M {border:1px solid #3498db; color:#3498db;}
.analysis_forecast .ready_row .predic_cell .right,
.analysis_forecast .ready_row .predic_cell .line4,
.analysis_forecast .ready_row .predic_cell .even,
.analysis_forecast .ready_row .predic_cell .over,
.analysis_forecast .ready_row .predic_cell .row_1,
.analysis_forecast .ready_row .predic_cell .red,
.analysis_forecast .ready_row .predic_cell .L {border:1px solid #e74c3c; color:#e74c3c;}
.analysis_forecast .ready_row .predic_cell .row_2,
.analysis_forecast .ready_row .predic_cell .S {border:1px solid #27ae60; color:#27ae60;}
.analysis_forecast .ready_row .predic_cell .snail1 {border:1px solid #3498db; color:#3498db;}
.analysis_forecast .ready_row .predic_cell .snail2 {border:1px solid #e74c3c; color:#e74c3c;}
.analysis_forecast .ready_row .predic_cell .snail3 {border:1px solid #2980b9; color:#2980b9;}
.analysis_forecast .ready_row .predic_cell .snail4 {border:1px solid #c0392b; color:#c0392b;}
.analysis_forecast .ready_row .result_cell .ic {color:#333;}
.analysis_forecast tbody tr:hover .bg_line {position:absolute; top:-1px; left:-1px; width:828px;; height:51px; border:1px solid #727272;}
.analysis_forecast .no_login {padding:50px 0;}
.analysis_forecast .no_login .ico {display:inline-block; width:70px; height:70px; background:url('../img/sp_none.png') no-repeat -90px 0;}
.analysis_forecast .no_login .message {margin-top:20px; height:20px; font-size:12px; color:#adadad;}

.bn_notice {margin-bottom:5px; height:51px; line-height:51px; background-color:#16a085;}
.bn_notice .tit {float:left; margin-left:20px; color:#fff;}
.bn_notice .btn_close {float:right; width:51px; height:51px; text-indent:-9999px; overflow:hidden;}
.bn_notice .btn_close:after {float:left; margin:18px 0 0 18px; content:''; width:15px; height:15px; background:url('../img/sp_btn_close.png') no-repeat;}