@charset "utf-8";
@import url(/vendor/fonts/nanumgothic/nanumgothic.css);

#opacity_bg {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  filter: alpha(opacity=60);
  background-color: #000;
}

.top_notice_box {
  padding: 20px;
  background: #544b46;
}
.top_notice_box * {
  font-family: Nanum Gothic;
}
.top_notice_box p {
  font-family: Arial;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.top_notice_box ul {
  padding: 0;
  margin: 0;
  margin-top: 10px;
  list-style: none;
}
.top_notice_box ul li {
  background: url("../img/dot_w.gif") 5px 10px no-repeat;
  color: #fff;
  padding: 5px 0;
  padding-left: 16px;
  font-size: 11px;
  line-height: 16px;
}
.top_notice_box li a {
  color: #fff;
  text-decoration: underline;
}

/* Admin Page */
.td_center {
  text-align: center;
  padding: 8px 0 !important;
}

.admin_table_wrap {
  margin-bottom: 10px;
  padding: 0 20px;
}
.admin_table_wrap * {
  font-family: Nanum Gothic;
}
.admin_table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  border-top: 2px solid #808080;
}
.admin_table thead {
  background: url("../img/list_top_bar.gif") 0 0 repeat-x;
}
.admin_table th {
  height: 38px;
  color: #777;
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding: 0 5px;
  font-weight: bold;
}
.admin_table tbody td {
  border: none;
  border-bottom: 1px solid #dadada;
  text-align: center;
  padding: 5px;
  line-height: 20px;
  color: #333;
}
.admin_table tr.bg_e td {
  background: #eff;
}
.admin_table .price_title {
  font-family: Nanum Gothic B;
  color: #4b7ab2;
}
.admin_table .price_value {
  font-weight: bold;
  color: #ff3011;
}
.admin_table em {
  cursor: pointer;
}
.admin_table.tr_click tbody td,
.admin_table.tr_click tbody th,
.admin_table.tr_click2 tbody td,
.admin_table.tr_click2 tbody th {
  cursor: pointer;
}
.admin_table.tr_pointer tbody td,
.admin_table.tr_pointer tbody th {
  cursor: pointer;
}
.admin_table td {
  word-break: break-all;
}
.admin_table tbody td.empty_list {
  padding: 80px 0 !important;
}

.admin_table tfoot th,
.admin_table tfoot td {
  background: #f1f1f1;
  border-bottom: 1px solid #dadada;
  text-align: center;
}

.form_wrap1 {
  width: 1000px;
  margin: 20px auto;
}
.form_wrap1 * {
  font-family: Nanum Gothic;
}
.form_table_title {
  font-size: 14px;
  font-weight: bold;
  color: #515151;
  position: relative;
  background: #f3f3f3;
  background: url("../img/form_top_bg.png") 0 0 repeat-x;
  height: 35px;
  line-height: 35px;
  border: 1px solid #dedede;
  padding: 0px 15px;
  font-weight: bold;
  border-bottom: none;
  font-family: Nanum Gothic;
  position: relative;
}
.form_table1 {
  border: 1px solid #dedede;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.form_table1 tbody td,
.form_table1 tbody th,
.form_table1 tfoot td,
.form_table1 tfoot th {
  border: none;
  border-bottom: 1px dashed #ddd;
  padding: 10px;
}
.form_table1 tbody th,
.form_table1 tfoot th {
  text-align: right;
  color: #0d3458;
  background: #fff;
}
.form_table1 tbody th {
  font-weight: bold;
}
.form_table1 thead th {
  border-bottom: 1px solid #68a8e5;
  padding: 10px;
  border-left: 1px solid #68a8e5;
  text-align: center;
  background: #beddfa;
}
.form_table1 .form_notice {
  color: blue;
}
.form_table1 .form_warning {
  color: #e60003;
  margin-top: 10px;
  padding: 0;
  margin-bottom: 0;
  display: none;
}
.form_table1 .f_red {
  color: #e60003;
}
.form_table1 .f_blue {
  color: blue;
}
.form_table1 .hidden_tr {
  display: none;
}
.form_table1 .mb5 {
  margin-bottom: 5px;
}
.form_table1 .w50 {
  width: 50px;
}
.form_table1 .w70 {
  width: 70px;
}
.form_table1 .ar {
  text-align: right;
}
.form_table1 .mb5 {
  margin-bottom: 5px;
}
.form_wrap1 .mb10 {
  margin-bottom: 10px;
}
.form_wrap1 .mb20 {
  margin-bottom: 20px;
}
.form_wrap1 .disabled {
  background: #ddd !important;
}
.form_wrap1 .ac {
  text-align: center;
}
.form_wrap1 .ajax-submit-area {
  text-align: center;
  height: 60px;
}
.form_wrap1 .ajax-cancel-cycle {
  color: #e60003;
  display: none;
}
.form_wrap1 .ajax-cancel-cycle img {
  width: 30px;
}
.ajax-submit-area .ajax-submit-notice {
  font-size: 20px;
  font-weight: bold;
  display: none;
}
.ajax-submit-area img {
  vertical-align: middle;
  margin-right: 10px;
}

.i_text_large {
  display: inline-block;
  height: 21px;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  border: 1px solid #b7b7b7;
  border-right-color: #e1e1e1;
  border-bottom-color: #e1e1e1;
  vertical-align: top;
  width: 218px;
  background: none;
}
.i_text {
  height: 20px;
  padding: 0 3px;
  line-height: 20px;
  font-size: 12px;
  color: #333;
  background: none;
  border: 1px solid #b7b7b7;
  border-right-color: #e1e1e1;
  border-bottom-color: #e1e1e1;
}

.form_table2 {
  border: 1px solid #dedede;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.form_table2 * {
  font-family: Nanum Gothic;
}
.form_table2 tbody td,
.form_table2 tbody th,
.form_table2 tfoot td,
.form_table2 tfoot th {
  border: 1px solid #ddd;
  padding: 8px;
}
.form_table2 tbody th,
.form_table2 tfoot th {
  text-align: right;
  color: #0d3458;
  background: #fff;
}
.form_table2 tbody th {
  font-weight: bold;
  background: #f3f5f9;
}
.form_table2 thead th {
  border-bottom: 1px solid #68a8e5;
  padding: 10px;
  border-left: 1px solid #68a8e5;
  text-align: center;
  background: #beddfa;
}
.form_table2 thead td.ac {
  text-align: center;
}
.form_table2 .w50 {
  width: 50px;
}

.form_table3 {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.form_table3 * {
  font-family: Nanum Gothic;
}
.form_table3 td,
.form_table3 th {
  border: 1px solid #ddd;
  padding: 8px;
}
.form_table3 th {
  text-align: right;
  color: #0d3458;
  font-weight: bold;
  background: #f3f5f9;
}
.form_table3 .bdl_none {
  border-left: none !important;
}
.form_table3 .bdr_none {
  border-right: none !important;
}
.form_table3 .m_th {
  background: #e5eff3;
}

.stats_wrap {
  margin: 0 20px 30px;
}
.stats_wrap * {
  font-family: Nanum Gothic;
}
.stats_title {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
  margin-top: 30px;
}

.fancy_wrap {
  display: none;
}
.fancy_wrap_btn {
  text-align: center;
  margin-top: 10px;
}
.mody_form_title {
  background: #8293b9;
  padding-left: 15px;
  height: 38px;
  line-height: 38px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  margin-bottom: 10px;
}
.mody_result_wrap {
  width: 400px;
}

.a-btn {
  display: inline-block;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 20px;
  color: #fff !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  /*	background:url(http://usre.kr/images/button-shadow.png) 0 0 repeat-x;*/
  background-color: #4cb9fc;
  border: 1px solid #42a0db;
}
.a-btn-small {
  padding: 0px 6px;
}
.a-btn-large {
  padding: 11px 19px;
  font-size: 17px;
  font-weight: bold;
}

.a-btn i {
  color: #fff !important;
  vertical-align: middle;
  margin-right: 5px;
  font-size: 14px;
}
.a-btn.a-btn-small i {
  font-size: 12px;
}
.a-btn:hover,
.a-btn:focus,
.a-btn:active,
.a-btn.active,
.a-btn.disabled,
.a-btn[disabled] {
  background-color: #42a0db;
  text-decoration: none;
}

/*border-radius:5px;  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);  -moz-border-radius: 5px;  -webkit-border-radius: 5px;*/
.a-btn {
  font-weight: bold;
  filter: none;
  text-shadow: none;
  border-width: 1px;
  border-style: solid;
  -moz-box-shadow: 2px 2px 3px #bbb;
  -webkit-box-shadow: 2px 2px 3px #bbb;
  box-shadow: 2px 2px 3px #bbb; /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#bbbbbb')";
}
.a-btn-primary {
  background-color: #4c82fc !important;
  border-color: #425edb !important;
}
.a-btn-primary:hover,
.a-btn-primary:focus,
.a-btn-primary:active,
.a-btn-primary.active,
.a-btn-primary.disabled,
.a-btn-primary[disabled] {
  background-color: #425edb !important;
}
.a-btn-start {
  background-color: #30c1c1 !important;
  border-color: #32b2b2 !important;
}
.a-btn-start:hover,
.a-btn-start:focus,
.a-btn-start:active,
.a-btn-start.active,
.a-btn-start.disabled,
.a-btn-start[disabled] {
  background-color: #32b2b2 !important;
}
.a-btn-warning {
  background-color: #f0ad4e !important;
  border-color: #7eb948 !important;
}
.a-btn-warning:hover,
.a-btn-warning:focus,
.a-btn-warning:active,
.a-btn-warning.active,
.a-btn-warning.disabled,
.a-btn-warning[disabled] {
  background-color: #fda72c !important;
}

.a-btn-success {
  background-color: #88bf57 !important;
  border-color: #7eb948 !important;
}
.a-btn-success:hover,
.a-btn-success:focus,
.a-btn-success:active,
.a-btn-success.active,
.a-btn-success.disabled,
.a-btn-success[disabled] {
  background-color: #7eb948 !important;
}
.a-btn-danger {
  background-color: #fc4c4c !important;
  border-color: #d00 !important;
}
.a-btn-danger:hover,
.a-btn-danger:focus,
.a-btn-danger:active,
.a-btn-danger.active,
.a-btn-danger.disabled,
.a-btn-danger[disabled] {
  background-color: #d00 !important;
}
.a-btn-warning {
  background-color: #faa732 !important;
  border-color: #e78700 !important;
}
.a-btn-warning:hover,
.a-btn-warning:focus,
.a-btn-warning:active,
.a-btn-warning.active,
.a-btn-warning.disabled,
.a-btn-warning[disabled] {
  background-color: #e78700 !important;
}
.a-btn-inverse {
  background-color: #999 !important;
  border-color: #555 !important;
}
.a-btn-inverse:hover,
.a-btn-inverse:focus,
.a-btn-inverse:active,
.a-btn-inverse.active,
.a-btn-inverse.disabled,
.a-btn-inverse[disabled] {
  background-color: #555 !important;
}
.a-btn-black {
  background-color: #555 !important;
  border-color: #333 !important;
}
.a-btn-black:hover,
.a-btn-black:focus,
.a-btn-black:active,
.a-btn-black.active,
.a-btn-black.disabled,
.a-btn-black[disabled] {
  background-color: #333 !important;
}
.a-btn-purple {
  background-color: #6a1b9a !important;
  border-color: #42125e !important;
}
.a-btn-purple:hover,
.a-btn-purple:focus,
.a-btn-purple:active,
.a-btn-purple.active,
.a-btn-purple.disabled,
.a-btn-purple[disabled] {
  background-color: #42125e !important;
}
.a-btn-link {
  background-color: transparent;
  border-color: transparent !important;
}
.a-btn-link:hover,
.a-btn-link:focus,
.a-btn-link:active,
.a-btn-link.active,
.a-btn-link.disabled,
.a-btn-link[disabled] {
  background-color: transparent;
}
.a-btn:active,
.a-btn.active,
.a-btn-start:active,
.a-btn-start.active,
.a-btn-primary:active,
.a-btn-primary.active,
.a-btn-success:active,
.a-btn-success.active,
.a-btn-danger:active,
.a-btn-danger.active,
.a-btn-warning:active,
.a-btn-warning.active,
.a-btn-info:active,
.a-btn-info.active,
.a-btn-inverse:active,
.a-btn-inverse.active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.a-btn.disabled,
.a-btn[disabled] {
  border-color: transparent !important;
}
.a-btn-group.open .a-btn.dropdown-toggle {
  background-color: #ccc;
}
.a-btn-group.open .a-btn-primary.dropdown-toggle {
  background-color: #425edb;
}
.a-btn-group.open .a-btn-success.dropdown-toggle {
  background-color: #94ab13;
}
.a-btn-group.open .a-btn-danger.dropdown-toggle {
  background-color: #d00;
}
.a-btn-group.open .a-btn-warning.dropdown-toggle {
  background-color: #e78700;
}
.a-btn-group.open .a-btn-info.dropdown-toggle {
  background-color: #42a0db;
}
.a-btn-group.open .a-btn-inverse.dropdown-toggle {
  background-color: #555;
}

.tab_menu1 {
  *zoom: 1;
  background: url("../img/tab_menu.gif") 0 100% repeat-x;
  list-style: none;
  margin: 20px 20px 30px;
  padding: 0;
}
.tab_menu1:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.tab_menu1 li {
  float: left;
  border: 1px solid #ddd;
  margin-right: -1px;
  position: relative;
  border-bottom: -1px;
}
.tab_menu1 li a {
  display: block;
  height: 31px;
  line-height: 31px;
  padding: 0 20px;
  background: url("../img/tab_off.gif") 0 0 repeat-x;
  font-weight: bold;
  color: #888;
  font-family: Nanum Gothic;
}
.tab_menu1 li a:link,
.tab_menu1 li a:active,
.tab_menu1 li a:visited,
.tab_menu1 li a:hover {
  text-decoration: none;
}
.tab_menu1 li.active span.arrow {
  display: block;
  position: absolute;
  left: 50%;
  top: 31px;
  width: 15px;
  height: 10px;
  margin-left: -7px;
  background: url("../img/tab_on_arrow.gif") 0 0 no-repeat;
}
.tab_menu1 li.active a {
  background: #fff;
  border-bottom: none;
  color: #333;
}

.admin_chart_wrap {
  padding: 20px;
}
.admin_chart_wrap table {
  clear: none;
  width: auto;
  border-collapse: separate;
  border-spacing: 3px;
}
.admin_chart_wrap table td {
  border: none;
}
#graph .jqplot-data-label {
  color: #fff;
}

.notice_manage_btn {
  text-align: right;
  position: absolute;
  right: 10px;
  top: -2px;
}
.notice_manage_ul {
  list-style: none;
  border: 1px solid #d1d1d1;
  padding: 0;
}
.notice_manage_ul li {
  border-top: 1px dashed #ccc;
  position: relative;
}
.notice_manage_ul li.first {
  border-top: none;
}
.notice_manage_ul li input {
  height: 28px;
  line-height: 28px;
  border: none;
  width: 940px;
  padding: 0 5px;
}
.notice_manage_ul li .delete_btn {
  position: absolute;
  right: 8px;
  top: 6px;
}
.notice_manage_ul li .delete_btn img {
  width: 12px;
  height: 12px;
}

.odd_text {
  color: #106de1;
}
.even_text {
  color: #e42828;
}

.ic {
  display: block;
}
.ladder-chart .view .info {
  height: 48px;
  margin: 0;
  list-style: none;
  padding: 12px 0 0 0;
  box-sizing: content-box;
}
.ladder-chart .view .info li {
  float: left;
  line-height: 27px;
}
.ladder-chart .view .info .ic {
  float: left;
  margin: 0 10px 0 20px;
  width: 27px;
  height: 27px;
  text-align: center;
  border-radius: 16px;
  color: #fff;
}

.ladder-chart .view .info .tx {
  float: left;
}

.ladder-chart .view .info .odd .ic {
  background-color: #3498db;
}
.ladder-chart .view .info .odd2 .ic {
  background-color: #2980b9;
}
.ladder-chart .view .info .even .ic {
  background-color: #e74c3c;
}
.ladder-chart .view .info .even2 .ic {
  background-color: #c0392b;
}
.ladder-chart .view .info .tie .ic {
  background-color: #44b517;
}

.ladder-chart .view .info .left4odd .ic {
  background-color: #3498db;
}
.ladder-chart .view .info .right3odd .ic {
  background-color: #2980b9;
}
.ladder-chart .view .info .left3even .ic {
  background-color: #e74c3c;
}
.ladder-chart .view .info .right4even .ic {
  background-color: #c0392b;
}

.ladder-chart .view .info .x .ic {
  background-color: #7b7b7b;
}

.ladder-chart .view .info .etc {
  float: right;
  padding-right: 36px;
}
.ladder-chart .view .box_area {
  position: relative;
  margin-top: -1px;
  overflow-x: scroll;
  -ms-overflow-style: auto;
  border-top: 1px solid #d6d6d6;
}

.ladder-chart .view .inner {
  padding-bottom: 68px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  background: url("../img/bg_cell.png") repeat;
}
.ladder-chart .view:after {
  display: block;
  clear: both;
  content: "";
}
.ladder-chart .view dl {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
}

.ladder-chart .view dl .length {
  position: absolute;
  bottom: 34px;
  background: url("../img/bg_cell_length.png") repeat;
}
.ladder-chart .view dl .times {
  position: absolute;
  bottom: 0;
  background: url("../img/bg_cell_times.png") repeat;
}

.ladder-chart .view dt,
.ladder-chart .view dd {
  width: 34px;
  height: 34px;
  line-height: 34px;
  padding: 0 1px 1px 0;
  text-align: center;
  font-size: 12px;
}
.ladder-chart .view dt {
  position: relative;
  z-index: 1;
  background: url("../img/bg_cell_title.png") repeat;
}
.ladder-chart .view dt.ODD {
  color: #2980b9;
}
.ladder-chart .view dt.EVEN {
  color: #c0392b;
}
.ladder-chart .view dt.TIE {
  color: #44b517;
}

.ladder-chart .view dd span {
  position: relative;
  display: inline-block;
  margin-top: 3px;
  width: 27px;
  height: 27px;
  line-height: 27px;
  border-radius: 16px;
  font-size: 9px;
  color: #fff;
  font-family: tahoma, arial, helvetica;
}

.ladder-chart .view dd span.ODD,
.ladder-chart .view dd span.LEFT,
.ladder-chart .view dd span.THREE {
  background-color: #3498db;
}
.ladder-chart .view dd span.ODD2 {
  background: #2980b9;
}
.ladder-chart .view dd span.EVEN,
.ladder-chart .view dd span.RIGHT,
.ladder-chart .view dd span.FOUR {
  background-color: #e74c3c;
  border-radius: 16px;
}
.ladder-chart .view dd span.EVEN2 {
  background: #c0392b;
}
.ladder-chart .view dd span.TIE {
  background-color: #44b517;
  border-radius: 16px;
}
.ladder-chart .view dd span em {
  font-style: normal;
}
.ladder-chart .view .dot {
  position: absolute;
  width: 9px;
  height: 9px;
  background: url("../img/ladder_bg.png") no-repeat;
}
.ladder-chart .view .dot.right3 {
  right: 0;
  background-position: -420px 0;
}
.ladder-chart .view .dot.left3 {
  left: 0;
  background-position: -420px 0;
}
.ladder-chart .view .dot.right4 {
  right: 0;
  background-position: -440px 0;
}
.ladder-chart .view .dot.left4 {
  left: 0;
  background-position: -440px 0;
}
.ladder_swf {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -9999;
  opacity: 0;
}

.ladder-chart .view dd span.RIGHT4EVEN {
  background-color: #c0392b;
}

.ladder-chart.pattern-box {
  border: 1px solid #ddd;
  border-top: none;
  margin-bottom: 5px;
}
.ladder-chart.pattern-box .view .box_area {
  border-top: none;
}
.ladder-chart.pattern-box .view .inner {
  padding-bottom: 34px;
}

.ladder-history-wrap {
  padding: 20px;
  position: absolute;
  left: 0;
  top: -581px;
  width: 100%;
  height: 581px;
  background: #fff;
  z-index: 30;
  border-bottom: 1px solid #4f4f4f;
}
.ladder-history-title span {
  width: 207px;
  height: 24px;
  display: inline-block;
  background: url(../img/ladder_sprites.png) 0 -300px no-repeat;
  text-indent: -9999px;
}
.ladder-history-header {
  font-size: 12px;
  margin-bottom: 10px;
}

.ladder-rule-wrap {
  padding: 20px 0;
  position: absolute;
  left: 0;
  top: -581px;
  width: 100%;
  height: 581px;
  background: #fff;
  z-index: 30;
  border-bottom: 1px solid #4f4f4f;
}
.ladder-rule-title span {
  width: 190px;
  height: 24px;
  display: inline-block;
  background: url(../img/ladder_sprites.png) 0 -324px no-repeat;
  text-indent: -9999px;
}
.ladder-rule-title.popup-title a {
  right: 20px;
}
.ladder-rule-content {
  border-top: 1px solid #ddd;
  padding: 20px;
  height: 516px;
  overflow: hidden;
  overflow-y: auto;
}

.pattern-tab {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  background-color:  #fff;
}
.pattern-tab:after {
  content: "";
  display: block;
  clear: both;
}
.pattern-tab li {
  float: left;
  width: 25%;
}
.pattern-tab li a {
  display: block;
  background: #7b7b7b;
  color: #fff;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
}
.pattern-tab li a.active {
  background: #fff;
  color: #333;
}

.pattern-content {
  display: none;
  background-color:  #fff;
}
.pattern-content.active {
  display: block;
}
.stats-list {
  margin-top: 5px;
}
.stats-list {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ddd;
}
.stats-list th {
  height: 50px;
  border-bottom: 1px solid #ddd;
  background: #f2f1f6;
  text-align: center;
  font-weight: normal;
}
.stats-list td {
  height: 50px;
  border-top: 1px solid #f2f2f2;
  text-align: center;
}
.stats-list span {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 29px;
}
.stats-list span.left-circle,
.stats-list span.three-circle {
  border: 1px solid #3498db;
  color: #3498db;
}
.stats-list span.right-circle,
.stats-list span.four-circle {
  border: 1px solid #e74c3c;
  color: #e74c3c;
}
.stats-list span.odd-circle {
  background: #3498db;
  border: 1px solid #3498db;
  color: #fff;
}
.stats-list span.even-circle {
  background: #e74c3c;
  border: 1px solid #e74c3c;
  color: #fff;
}
.bottom-more-btn {
  margin-top: -1px;
  height: 43px;
  line-height: 41px;
  border: 1px solid #ddd;
  background: #f2f1f6;
  text-align: center;
  display: block;
}
.bottom-more-btn:hover {
  color: #333;
}

.option_area .date_area,
.option_area .period_area .info .tx,
.option_area .latest_area,
.summary-data .bar-graph .left,
.round-list .round-select-area .select-date label p {
  float: left;
}
.option_area .round_area .se1,
.option_area .round_area .se2,
.option_area .round_area .op1,
.option_area .round_area .op2,
.option_area .total_area .option,
.stats_list caption {
  display: none;
}
.option_area .round_area .view_se1 .op1,
.option_area .round_area .view_se2 .op2,
.option_area .total_area .view_round .total_round_option,
.option_area .total_area .view_pattern .total_pattern_option,
.round-list .round-graph {
  display: block;
}
.option_area .total_area .option .type_tab,
.summary-data .bar-graph .right {
  float: right;
}
.summary-data .pie-graph .info .left4odd .ic,
.stats_list .oddeven_cell .ODD,
.stats_list .graph .dot.odd_up .ic,
.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;
}
.summary-data .pie-graph .info .left3even .ic,
.stats_list .oddeven_cell .EVEN,
.stats_list .graph .dot.even_up .ic,
.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;
}
.summary-data .pie-graph .info .on,
.period_list .cnt_row .many {
  font-weight: 700;
}
.summary-data .pie-graph .info .left4odd.on,
.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;
}
.summary-data .pie-graph .info .right3odd.on,
.period_list .cnt_row .right3odd.many {
  color: #2980b9;
}
.summary-data .pie-graph .info .left3even.on,
.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;
}
.summary-data .pie-graph .info .right4even.on,
.period_list .cnt_row .right4even.many {
  color: #c0392b;
}
.summary-data.popup .pie-graph,
.summary-data.popup .pie-graph .info {
  float: left;
  width: auto;
}
.summary-data .pie-graph.ladder .graph,
.summary-data.popup .pie-graph.ladder .graph {
  margin-top: 51px;
}
.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 .pie-graph.ladder .info,
.summary-data.popup .pie-graph.ladder .info {
  margin-top: 64px;
}
.period_list .cnt_row .date,
.period_list .cnt_row .tot {
  display: block;
  padding-bottom: 7px;
}
.pop_data_view.ladder .left_column,
.pop_data_view.ladder .right_column {
  width: 730px;
}
.summary-data {
  margin-bottom: 5px;
  border: 1px solid #d6d6d6;
}
.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;
  width: 50%;
  border-right: 1px solid #d6d6d6;
  padding: 30px 71px 0;
}

.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: #979797;
}
.summary-data .bar-graph .per {
  position: absolute;
  top: 0;
  line-height: 21px;
  white-space: nowrap;
  font-family: Tahoma;
  font-size: 9px;
}
.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 .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,
.summary-data .bar-graph .left.on .tx {
  background-color: #3498db;
  color: #fff;
}

.summary-data .bar-graph .right.on,
.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: 50%;
}

.summary-data .pie-graph .graph {
  float: left;
  margin: 25px 30px 0 51px;
}
.summary-data .pie-graph .info {
  float: left;
  margin-top: 38px;
  list-style: none;
  padding-left: 0;
}
.summary-data .pie-graph .info li {
  margin-bottom: 16px;
  height: 15px;
  line-height: 15px;
}
.summary-data .pie-graph .info .ic {
  float: left;
  width: 11px;
  height: 11px;
  border-radius: 6px;
  margin: 1px 10px 0 0;
}
.summary-data .pie-graph em {
  font-style: normal;
}

.summary-data .pie-graph .info .right3odd .ic {
  background-color: #2980b9;
}
.summary-data .pie-graph .info .right4even .ic {
  background-color: #c0392b;
}
.summary-data.popup .bd {
  width: 660px;
  margin: auto;
}
.summary-data.popup .bar-graph {
  width: 200px;
  border-right: none;
  padding: 30px 61px 0;
}
.summary-data.popup .pie-graph .graph {
  margin: 25px 30px 0 10px;
}

.ladder-top-tab {
  list-style: none;
  padding-left: 0;
  *zoom: 1;
  display: table;
  width: 100%;
  border: 1px solid #ddd;
  margin-bottom: -1px;
  position: relative;
  z-index: 1;
}
.ladder-top-tab li {
  display: table-cell;
  width: 25%;
}
.ladder-top-tab li a {
  text-align: center;
  height: 50px;
  line-height: 50px;
  display: block;
  border-left: 1px solid #ddd;
  background-color: #f2f1f7;
}
.ladder-top-tab li a:hover,
.ladder-top-tab li a:visited,
.ladder-top-tab li a:active {
  color: #333;
}
.ladder-top-tab li:first-child a {
  border-left: none;
}
.ladder-top-tab li a.active {
  margin: -1px;
  border: 1px solid #2980b9;
  background: #3498db;
  color: #fff;
  position: relative;
  z-index: 1;
  height: 52px;
}

.iframe-btn {
  position: absolute;
  left: 11px;
  top: 0px;
}
.iframe-btn a {
  font-size: 24px;
  color: #fff !important;
}
.iframe-info-box {
  border: 4px solid #f7ee61;
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 45px;
  width: 450px;
  z-index: 5;
  background: #000;
  opacity: 0.95;
  padding: 10px 15px;
  display: none;
}
.iframe-info-box.active {
  display: block;
}
.iframe-info-title {
  color: #fff;
  font-size: 13px;
  margin-bottom: 5px;
}
.iframe-source textarea {
  width: 100%;
  height: 45px;
  line-height: 1.5em;
}
.iframe-info-text {
  color: #fff;
}
#iframe-btn .fa-share-square-o {
  display: block;
}
#iframe-btn .fa-remove {
  display: none;
}
#iframe-btn.active .fa-remove {
  display: block;
}
#iframe-btn.active .fa-share-square-o {
  display: none;
}
/*
.ladder-game-ad {
  color: white;
  text-align: right;
  position: absolute;
  top: 520px;
  left: 10px;
  width: 68px;
  height: 68px;
  display: inline-block;
  background-image: url("../../../img/ads/minigame-banner.gif");
  background-size: 68px 68px;
  z-index: 100000;
  font-family: Nanum Gothic;
}
.ladder-game-ad > .close {
  cursor: pointer;
}
*/