body {
	min-width: 830px;
}

.font10 {
	font-size: 10px;
}

.font11 {
	font-size: 11px;
}

.font12 {
	font-size: 12px;
}

.r_icon {
	position: relative;
	display: inline-block;
	line-height: 1;
	width: 28px;
	height: 28px;
	text-align: center;
	padding-right: 0px;
	padding-top: 6px;
	margin: 1px;
}

.r_icon_round {
	padding-top: 7px;
	font-size: 10px;
	width: 26px;
	height: 26px;
	margin: 2px;
}

.chn_1 {
	border: 1px solid #c01e1e;
	color: #fff !important;
	background: #e62626 !important;
}

.chn_1:after {
	content: '그';
}

.chn_2 {
	border: 1px solid #1787b0;
	color: #fff !important;
	background: #1ba9de !important;
}

.chn_2:after {
	content: '반';
}

.chn_text_1 {
	color: #c01e1e !important;
}

.chn_text_1:after {
	content: '그';
}

.chn_text_2 {
	color: #1787b0 !important;
}

.chn_text_2:after {
	content: '반';
}

.chn_ne_text_1 {
	color: #c01e1e !important;
}

.chn_ne_text_2 {
	color: #1787b0 !important;
}

.chn_round_1 {
	border: 1px solid #c01e1e;
	color: #fff !important;
	background: #e62626 !important;
}

.chn_round_2 {
	border: 1px solid #1787b0;
	color: #fff !important;
	background: #1ba9de !important;
}

.pt_turn {
	border: 1px solid #545454;
	color: #fff !important;
	background: #6f6f6f !important;
}

.pt_pj_1 {
	border: 1px solid #8540b8;
	color: #fff !important;
	background: #a152db !important;
}

.pt_pj_2 {
	border: 1px solid #a9871e;
	color: #fff !important;
	background: #d2a92d !important;
}

.bl_list {
	position: relative;
	z-index: 999;
}

.black_list {
	border: 1px solid #545454;
	color: #fff !important;
	background: #6f6f6f !important;
}

.black_list:after {
	content: 'B';
}

.login_pick {
	border: 1px solid #545454;
	color: #fff !important;
	background: #6f6f6f !important;
}

.login_pick:after {
	content: 'L';
}

.friend_pick {
	border: 1px solid #545454;
	color: #fff !important;
	background: #6f6f6f !important;
}

.friend_pick:after {
	content: 'F';
}

.wrapper {
	width: 830px;
	position: relative;
}

.banner_20191231 {
	position: absolute;
	top: 282px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99999;
}

.pt_menu {
	background: #f5f5f5;
	height: 58px;
}

.pt_menu li {
	width: 118px;
	position: relative;
}

.pt_menu li>a {
	width: 118px;
	line-height: 56px;
	border-left: 1px solid #e5e5e5;
	text-align: center;
	letter-spacing: -1px;
}

.pt_menu li:first-child {
	width: 120px;
}

.pt_menu li:first-child>a {
	width: 120px;
	border-left: none;
}

.pt_menu li>a:hover {
	color: #555;
	background: #ffffff;
}

.pt_menu li>a:hover em.hbox {
	display: block;
	position: absolute;
	top: -1px;
	left: 0px;
	width: 119px;
	height: 58px;
	border: 1px solid #888;
	z-index: 100;
}

.pt_menu li:first-child>a:hover em.hbox {
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 122px;
	height: 58px;
	border: 1px solid #888;
	z-index: 100;
}

.pt_menu li>a.selected {
	color: #ffffff;
	background: #1ba9de;
	font-weight: 700;
}

.pt_menu li>a.selected em.hbox {
	display: block;
	position: absolute;
	top: -1px;
	left: 0px;
	width: 119px;
	height: 58px;
	border: 1px solid #1787b0;
	z-index: 100;
}

.pt_menu li:first-child>a.selected em.hbox {
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 122px;
	height: 58px;
	border: 1px solid #1787b0;
	z-index: 100;
}

.pk_tab {
	background: #f5f5f5;
	height: 50px;
	margin-top: 10px;
}

.pk_tab li {
	width: 118px;
	position: relative;
}

.pk_tab li>a {
	width: 118px;
	line-height: 48px;
	border-left: 1px solid #e5e5e5;
	text-align: center;
	letter-spacing: -1px;
	background: #fff;
}

.pk_tab li>.null {
	width: 118px;
	line-height: 48px;
	border-left: 1px solid #e5e5e5;
	text-align: center;
	letter-spacing: -1px;
	color: #ccc;
}

.pk_tab li:first-child {
	width: 120px;
}

.pk_tab li:first-child>a {
	width: 120px;
	border-left: none;
}

.pk_tab li>a:hover {
	color: #555;
	background: #ffffff;
}

.pk_tab li>a:hover em.hbox {
	display: block;
	position: absolute;
	top: -1px;
	left: 0px;
	width: 119px;
	height: 50px;
	border: 1px solid #888;
	z-index: 100;
}

.pk_tab li:first-child>a:hover em.hbox {
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 122px;
	height: 50px;
	border: 1px solid #888;
	z-index: 100;
}

.pk_tab li>a.selected {
	color: #9025b0;
	background: #f1e2f6;
	font-weight: 700;
}

.pk_tab li>a.selected em.hbox {
	display: block;
	position: absolute;
	top: -1px;
	left: 0px;
	width: 119px;
	height: 50px;
	border: 1px solid #bf3de5;
	z-index: 100;
}

.pk_tab li:first-child>a.selected em.hbox {
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 122px;
	height: 50px;
	border: 1px solid #bf3de5;
	z-index: 100;
}

.jw_timer {
	background: #f5f5f5;
	height: 58px;
	line-height: 58px;
	margin-top: 10px;
	text-align: center;
}

.jp_timer {
	background: #f5f5f5;
	height: 58px;
	line-height: 58px;
	margin-top: 10px;
	text-align: center;
}

.pt_title {
	height: 54px;
	border-top: none;
	background: #ffffff;
	padding: 0 10px;
}

.pt_title .cheader {
	line-height: 53px;
}

.pt_title .cheader h1 {
	line-height: 53px;
	display: inline-block;
}

.pt_title .cheader .h1_title {}

.pt_title .cheader .img {
	background-position: -48px -175px;
	position: relative;
	top: -1px;
}

.pt_title .cheader strong {
	margin: 0 2px;
}

.pt_title .cheader .pt_time {
	color: #e62626;
}

.pt_title .cheader .pt_round {}

.pt_title .homepage {
	right: 10px;
	top: 9px;
	letter-spacing: -1px;
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
}

.pt_title .homepage .link {
	background-position: -96px -143px;
	position: relative;
	top: -2px;
	margin-right: 2px;
}

.pt_title .homepage:hover {
	color: #e62626;
}

.pt_title div.pt_time_line {
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 830px;
	z-index: 100;
	height: 1px;
	content: '';
	padding: 0;
	margin: 0;
}

.pt_title div.pt_time_line .line {
	display: block;
	background: #e62626;
	content: '';
	height: 1px;
}

.pt_title div.pt_time_line .pt_pin {
	position: absolute;
	top: -8px;
}

.ui-datepicker-month {
	display: inline-block;
	width: 55px !important;
	line-height: 22px;
	height: 22px;
	margin: 0 4px 0 0 !important;
	position: relative;
	top: 2px;
}

.ui-datepicker-year {
	display: inline-block;
	width: 60px !important;
	line-height: 22px;
	height: 22px;
	margin: 0 0 0 0 !important;
}

.pt_search {
	margin-top: 10px;
	padding: 15px 25px;
	background: #f5f5f5;
	position: relative;
}

.pt_search span.refresh {
	position: absolute;
	top: 20px;
	right: 25px;
	display: block;
	width: 24px;
	height: 24px;
	background-position: -130px -269px;
}

.pt_search span.refresh:hover {
	background-position: -154px -269px;
}

.pt_search input {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	padding: 0 15px;
	height: 36px;
	line-height: 32px;
	background: #fff;
	font-family: tahoma;
	color: #888;
}

.pt_search select {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	height: 36px;
	line-height: 32px;
	background: #fff;
	font-family: tahoma;
	color: #888;
}

.pt_search .hover:hover {
	border: 1px solid #888;
	color: #333;
}

.pt_search .button {
	display: inline-block;
	font-size: 12px;
	padding: 0 15px;
	height: 36px;
	line-height: 32px;
	background: #fff;
	color: #888;
}

.pt_search .datepicker {
	width: 125px;
	background: url("/assets/50c84e3af18a3d8a4d511a.png") #ffffff no-repeat;
	background-position: 95px 11px;
}

.pt_search .op_btn {
	height: 22px;
	width: 22px;
	display: inline-block;
}

.pt_search .minus {
	background-position: -222px -269px;
}

.pt_search .minus:hover {
	background-position: -244px -269px;
}

.pt_search .plus {
	background-position: -178px -269px;
}

.pt_search .plus:hover {
	background-position: -200px -269px;
}

.pt_search .num_text {
	font-size: 26px;
	display: inline-block;
	margin: 0 20px;
	letter-spacing: -1px;
	position: relative;
	top: -1px;
}

.pt_search .prev {
	background-position: -42px -269px;
}

.pt_search .prev:hover {
	background-position: -64px -269px;
}

.pt_search .next {
	background-position: -86px -269px;
}

.pt_search .next:hover {
	background-position: -108px -269px;
}

.pt_search .add_box {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #e5e5e5;
}

.pt_search .daily .today {
	margin-left: 30px;
}

.pt_search .interval .round_num {
	margin-left: 30px;
}

.pt_search .interval select {
	width: 90px;
}

.pt_search .rounds .toround {
	margin-left: 30px;
}

.pt_search .rounds .search {
	background: #e62626;
	color: #ffffff;
	border: 1px solid #c01e1e;
	margin-right: 10px;
}

.pt_search .rounds .search:hover {
	background: #c01e1e;
	border: 1px solid #aa1b1b;
}

.pt_search .rounds select {
	position: relative;
	top: 0px;
	width: 90px;
}

.pt_search .add_box .selected {
	background: #777;
	color: #fff;
	border: 1px solid #444;
}

.pt_search .period .search {
	background: #e62626;
	color: #ffffff;
	border: 1px solid #c01e1e;
	margin-right: 10px;
}

.pt_search .period .search:hover {
	background: #c01e1e;
	border: 1px solid #aa1b1b;
}

.pt_search .period .num_text {
	margin: 0 3px;
}

.pt_search .period .date_form {
	margin-left: 30px;
}

.pt_search .pattern select {
	margin: 0 10px;
	width: 90px;
}

.pt_search .pattern .plus {
	margin-right: 30px;
}

.pt_search .pattern a.selected {
	background: #777;
	color: #fff;
	border: 1px solid #444;
}

.pt_search .pick {
	overflow: auto;
}

.pt_search .pick select {
	margin-left: 30px;
	width: 90px;
}

.pt_search .pick .add_box a {
	float: left;
	margin-right: 4px;
}

.pt_pattern_search {
	margin-top: 10px;
	background: #ffffff;
}

.pt_pattern_search .search {
	width: 100%;
	background: #ffffff;
}

.pt_pattern_search .search td {
	border-left: 1px solid #e5e5e5;
	text-align: center;
}

.pt_pattern_search .search td:first-child {
	border-left: none;
}

.pt_pattern_search .search td li.row {
	line-height: 30px;
	height: 30px;
	font-size: 10px;
	background: #f5f5f5;
}

.pt_pattern_search .search td li.the {
	line-height: 30px;
	height: 30px;
	font-size: 10px;
	background: #fbfbfb;
	border-top: 1px solid #e5e5e5;
}

.pt_pattern_search .search td li.main {
	line-height: 44px;
	height: 44px;
}

.pt_pattern_search .search td li.not {
	color: #aaa;
	font-family: tahoma;
	font-size: 10px;
}

.pick_mylog {
	margin-top: 10px;
	background: #fff;
	height: 65px;
	line-height: 63px;
}

.pick_mylog li {
	letter-spacing: -1px;
}

.pick_mylog .p_title {
	width: 200px;
	border-right: 1px dashed #d1d1d1;
	text-align: center;
	background: #f5f5f5;
}

.pick_mylog .p_title a {
	display: inline-block;
}

.pick_mylog .p_title img {
	position: relative;
	top: -1px;
}

.pick_mylog .p_rank {
	width: 110px;
	text-align: center;
}

.pick_mylog .p_log {
	width: 259px;
	border-left: 1px dashed #d1d1d1;
	text-align: center;
}

.pt_stats {
	margin-top: 10px;
	background: #fff;
}

.pt_stats .sheader {
	line-height: 58px;
	height: 58px;
	background: #f5f5f5;
	text-align: center;
}

.pt_stats .sheader strong {
	font-weight: 500;
	color: #111;
}

.stats_box {
	width: 414px;
	padding: 15px;
	border-right: 1px solid #e5e5e5;
}

.stats_item {
	position: relative;
}

.stats_item ul.table {
	width: 100%;
}

.stats_item ul li {
	text-align: center;
	line-height: 45px;
}

.stats_item ul li.left {
	width: 50px;
	text-align: right;
	padding-right: 7px;
}

.stats_item ul li.right {
	width: 50px;
	text-align: left;
	padding-left: 7px;
}

.stats_item ul li span.r_icon {
	position: relative;
	top: -1px;
}

.stats_item ul li .tgraph {
	position: relative;
	content: '';
	height: 27px;
	border: 1px solid #efefef;
	background: #f5f5f5;
}

.stats_item ul li .tgraph span.text {
	position: absolute;
	top: 7px;
	z-index: 101;
}

.stats_item ul li .tgraph span.left {
	left: 10px;
}

.stats_item ul li .tgraph span.right {
	right: 10px;
}

.stats_item ul li .tgraph .number {
	font-size: 10px;
	font-family: tahoma;
	font-weight: 400;
	line-height: 12px;
}

.stats_item ul li .tgraph .bar {
	position: relative;
	content: '';
	height: 27px;
	top: -1px;
}

.stats_item ul li .tgraph .opt_bg_1 {
	float: left;
	left: -1px;
}

.stats_item ul li .tgraph .opt_bg_2 {
	float: right;
	right: -1px;
}

.stats_item ul li .tgraph .color_w {
	color: #ffffff;
}

.stats_item ul li .tgraph .color_g {
	color: #999999;
}

.pie_box {
	width: 181px;
	padding: 15px;
}

.dt_pie_graph {
	position: relative;
	float: left;
	padding: 15px;
}

.dt_pie_graph .pie_content {
	height: 120px;
	width: 120px;
	position: relative;
}

.dt_pie_graph .slice {
	position: absolute;
	width: 120px;
	height: 120px;
	clip: rect(0px, 120px, 120px, 60px);
}

.dt_pie_graph .slice span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	clip: rect(0px, 120px, 120px, 60px);
}

.dt_pie_graph ul {
	float: left;
}

.pie_data_box {
	padding: 15px;
}

.pie_data_box li {
	line-height: 2;
	font-size: 13px;
}

.pie_data_box .eclipse {
	width: 11px;
	height: 11px;
	position: relative;
	top: 1px;
}

.pie_data_box .num {
	position: relative;
	top: -1px;
	font-size: 11px;
	font-family: tahoma;
}

.pt_category {
	line-height: 56px;
	background: #f5f5f5;
	margin-top: 10px;
}

.pt_category li {
	width: 118px;
	position: relative;
}

.pt_category li>a {
	width: 118px;
	line-height: 56px;
	border-left: 1px solid #e5e5e5;
	text-align: center;
	letter-spacing: -1px;
}

.pt_category li:first-child {
	width: 120px;
}

.pt_category li:first-child>a {
	width: 120px;
	border-left: none;
}

.pt_category li>a:hover {
	background: #ffffff;
}

.pt_category li>a.selected {
	color: #e62626;
	background: #ffffff;
	font-weight: 700;
}

.pt_category li>a.selected em.hbox {
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0px;
	width: 119px;
	border-bottom: 2px solid #e62626;
	z-index: 100;
}

.pt_category li:first-child>a.selected em.hbox {
	display: block;
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 121px;
	border-bottom: 2px solid #e62626;
	z-index: 100;
}

.pt_category li div.null {
	width: 118px;
	line-height: 56px;
	border-left: 1px solid #e5e5e5;
	text-align: center;
	color: #ccc;
}

.pt_category li span {
	position: relative;
	height: 56px;
	text-align: center;
	border-left: 1px solid #e5e5e5;
}

.pt_category li span select {
	width: 100px;
	height: 36px;
	border: 1px solid #d1d1d1;
	letter-spacing: -1px;
	font-size: 12px;
	color: #e62626;
	padding: 0 2px;
}

.pt_subtab {
	position: relative;
	border-bottom: none;
	border-top: none;
	line-height: 55px;
	height: 55px;
	padding: 0 10px;
	background: #ffffff;
}

.pt_subtab .r_icon {
	margin-right: 5px;
}

.pt_subtab .split {
	margin: 0 7px;
}

.pt_subtab span.text {
	font-size: 12px;
	letter-spacing: -1px;
}

.pt_subtab span.per {
	font-size: 10px;
	margin: 0 3px;
	font-family: tahoma;
}

.pt_subtab a {
	font-size: 12px;
	color: #666;
}

.pt_subtab div.add_data {
	position: absolute;
	right: 15px;
	top: 0px;
}

.pt_box {
	padding: 0;
	text-align: left;
	background: #ffffff;
	overflow-x: scroll;
	overflow-y: none;
	width: 100%;
}

.pt_box>table {
	width: auto;
}

.pt_box table.list {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}

.pt_box table.list tbody td {
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	padding: 0;
	height: 31px;
	width: 31px;
	text-align: center;
}

.pt_box table.list tbody td.name {
	border: none;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background: #f5f5f5;
}

.pt_box table.list tbody td.top {
	border-top: none;
	background: #fbfbfb;
}

.pt_box table.list tbody td.bottom {
	border-top: 1px solid #e5e5e5;
	background: #f5f5f5;
}

.pt_box table.list tbody td.chn {
	background: #f5f5f5;
}

.pt_box table.list tbody td div {
	width: 30px;
	height: 30px;
	text-align: center;
	font-family: tahoma;
}

.pt_box table.list tbody td.name>div {
	line-height: 30px;
	font-family: tahoma;
}

.pt_box table.list tbody td.bottom>div {
	line-height: 30px;
	font-family: tahoma;
}

.pt_box table.list tbody td.bottom div span {
	background: transparent !important;
}

.pt_box td.box_td {
	position: relative;
}

.pt_box td.box_td:first-child>table td {
	border-left: none;
}

.pt_box td.box_td:first-child:hover em.hbox {
	left: 0px;
}

.period_data {
	background: #fff;
	margin-top: 10px;
	border-bottom: none;
}

.period_data .sheader {
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: -1px;
}

.period_data .sheader {
	line-height: 56px;
	height: 56px;
	background: #f5f5f5;
}

.period_data td {
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	height: 60px;
	text-align: center;
}

.period_data td:first-child {
	border-left: none;
}

.period_data td li {
	border-left: 1px solid #eee;
}

.period_data td li:first-child {
	border-left: none;
}

.period_data td li dt.dd_title {
	padding: 0px;
	border-bottom: 1px solid #d1d1d1;
	line-height: 34px;
	height: 34px;
	font-size: 12px;
	font-family: gulim;
}

.period_data td li dt.dd_title {
	letter-spacing: -1px;
	background: #fbfbfb;
}

.period_data td li dd.dd_content {
	border-top: 1px solid #eee;
	padding: 10px 0;
}

.period_data td li dd.dd_content.dd_top {
	border-top: none;
}

.period_data td li dd a {
	display: block;
	font-family: tahome;
	font-size: 11px;
}

.period_data td li dd a span {
	display: block;
}

.period_data td li dd a .st_title {
	display: inline-block;
	padding: 1px 5px 2px 5px;
}

.period_data td li dd a .st_count {
	line-height: 20px;
	height: 20px;
	letter-spacing: -1px;
	margin-top: 5px;
	color: #888;
}

.period_data td li dd a .st_count strong {
	font-size: 12px;
	color: #555;
}

.period_data td li dd a .st_date {
	color: #888;
}

.period_data td li dd a.max .st_title {
	border: 1px solid #f89393;
	background: #ffeaea;
	color: #e62626;
}

.period_data td li dd a.min .st_title {
	border: 1px solid #8ad4ef;
	background: #edfaff;
	color: #1ba9de;
}

.period_data td li dd a.max:hover span,
.period_data td li dd a.max:hover strong {
	color: #e62626;
}

.period_data td li dd a.min:hover span,
.period_data td li dd a.min:hover strong {
	color: #1ba9de;
}

.dt_list_box {
	margin-top: 10px;
	background: #ffffff;
}

.dt_list th {
	height: 55px;
	text-align: center;
	font-weight: 500;
	border-bottom: 1px solid #d1d1d1;
	background: #f5f5f5;
}

.dt_list td {
	height: 55px;
	text-align: center;
	border-top: 1px solid #efefef;
	border-left: 1px solid #efefef;
}

.dt_list th:first-child td {
	border-top: none;
}

.dt_list td:first-child {
	border-left: none;
	position: relative;
}

.dt_list td .date {
	font-family: tahoma;
	font-size: 11px;
}

.dt_list td .date .st {
	color: #ccc;
	margin: 0 3px;
}

.dt_list td .date .time {}

.dt_list td .r_icon {
	padding-top: 6px;
	width: 28px;
	height: 28px;
}

.dt_list td span.line {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.dt_list tbody>tr:hover {
	background: #f5f5f5;
}

/* .dt_list tbody > tr:hover > td .date em.hbox {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 830px;
    height: 56px;
    border: 1px solid #888;
    z-index: 100;
} */

.dt_list_period_search {
	position: relative;
	margin-top: 10px;
	background: #f5f5f5;
	height: 68px;
	line-height: 68px;
	padding: 0 15px;
}

.dt_list_period_search span {
	display: block;
	height: 38px;
	line-height: 36px;
	background: #ffffff;
	text-align: center;
	padding: 0 20px;
	font-size: 12px;
	letter-spacing: -1px;
}

.dt_list_period_search span.a_btn {
	position: absolute;
	right: 15px;
	top: 14px;
}

.dt_list_period_search ul {
	margin-top: 14px;
}

.dt_list_period_search ul li {
	float: left;
	position: relative;
}

.dt_list_period_search ul li span {
	border-left: none;
}

.dt_list_period_search ul li:first-child span {
	border-left: 1px solid #d1d1d1;
}

.dt_list_period_search li .bt_01 {
	width: 80px;
}

.dt_list_period_search li .bt_02 {
	width: 120px;
}

.dt_list_period_search li .bt_03 {
	width: 120px;
}

.dt_list_period_search li .bt_04 {
	width: 150px;
}

.dt_list_period_search .select_list {
	display: none;
	position: absolute;
	top: 0px;
	left: -1px;
	z-index: 5000;
	border: 1px solid #888;
}

.dt_list_period_search li.select_01 .select_list {
	width: 121px;
}

.dt_list_period_search li.select_02 .select_list {
	width: 121px;
}

.dt_list_period_search .select_list em {
	display: block;
	height: 36px;
	line-height: 36px;
	background: #f5f5f5;
	text-align: center;
	padding: 0 5px;
	border-top: 1px solid #e5e5e5;
	font-size: 12px;
	letter-spacing: -1px;
}

.dt_list_period_search .select_list em:first-child {
	border-top: none;
}

.dt_list_period_search .select_list em:hover {
	color: #e62626;
	background: #ffffff;
}

.dt_list_period_search li.select_01:hover .select_list {
	display: block;
}

.dt_list_period_search li.select_02:hover .select_list {
	display: block;
}

.dt_list_period_search li .selected {
	background: #777;
	color: #fff;
}

.dt_list_period_search li .selected em.hbox {
	display: block;
	position: absolute;
	border: 1px solid #555;
	z-index: 500;
}

.dt_list_period_search li .bt_01 em.hbox {
	width: 80px;
	height: 38px;
	top: 0px;
	left: 0px;
}

.dt_list_period_search li .bt_02 em.hbox {
	width: 121px;
	height: 38px;
	top: 0px;
	left: -1px;
}

.dt_list_period_search li .bt_03 em.hbox {
	width: 121px;
	height: 38px;
	top: 0px;
	left: -1px;
}

.dt_list_period_search li .bt_04 em.hbox {
	width: 151px;
	height: 38px;
	top: 0px;
	left: -1px;
}

.dt_list_period table {}

.dt_list_period th {
	height: 55px;
	text-align: center;
	font-weight: 500;
	border-bottom: 1px solid #d1d1d1;
	background: #f5f5f5;
	border-left: 1px solid #eee;
}

.dt_list_period th span.icon {
	width: 26px;
	height: 26px;
	line-height: 22px;
}

.dt_list_period td {
	height: 98px;
	text-align: center;
	border-top: 1px solid #d1d1d1;
	border-left: 1px solid #eee;
}

.dt_list_period th:first-child {
	border-left: none;
}

.dt_list_period td:first-child {
	border-left: none;
}

.dt_list_period td.v_top {
	vertical-align: top;
}

.dt_list_period td .checkbox {
	display: inline-block;
	width: 21px;
	height: 21px;
	background-position: 0 -269px;
	position: relative;
	z-index: 101;
}

.dt_list_period td .checkbox.checked {
	background-position: -21px -269px;
}

.dt_list_period td .date {
	font-family: tahoma;
	font-size: 12px;
	margin-top: 12px;
	margin-bottom: 5px;
}

.dt_list_period td .date .st {
	color: #ccc;
	margin: 0 3px;
}

.dt_list_period td .date .time {}

.dt_list_period td .ptViewBtn {
	position: relative;
	top: 6px;
	padding: 8px 10px;
	background: #fff;
	border: 1px solid #e5e5e5;
	font-size: 12px;
	color: #aaa;
	z-index: 999;
}

.dt_list_period td .ptViewBtn:hover {
	border: 1px solid #e62626;
	color: #e62626;
}

.dt_list_period td .round {
	margin-top: 5px;
	font-size: 12px;
}

.dt_list_period td ul {
	position: relative;
	z-index: 101;
}

.dt_list_period td ul li.pnum {
	font-size: 14px;
	padding: 10px 0;
	border-bottom: 1px solid #f5f5f5;
}

.dt_list_period td ul li.pnum div {
	margin-top: 3px;
}

.dt_list_period td ul li.pnum span {
	font-family: tahoma;
	font-size: 10px;
	color: #777;
}

.dt_list_period td ul li.pj {
	font-family: tahoma;
	font-size: 12px;
	padding: 6px 0;
}

.dt_list_period tbody tr:hover {
	background: #fbfbfb;
}

.dt_list_period tbody tr:hover td em.hbox {
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 830px;
	height: 99px;
	border: 1px solid #888;
	z-index: 100;
	backgorund: transparent;
}

.dt_list_pattern {}

.dt_list_pattern th {
	height: 55px;
	text-align: center;
	font-weight: normal;
	border-bottom: 1px solid #d1d1d1;
	background: #f5f5f5;
}

.dt_list_pattern td {
	text-align: center;
	border-top: 1px solid #d1d1d1;
	border-left: 1px solid #e5e5e5;
	height: 70px;
}

.dt_list_pattern th:first-child td {
	border-top: none;
}

.dt_list_period th.bd_left {
	border-left: 1px solid #d1d1d1;
}

.dt_list_pattern td:first-child {
	border-left: none;
	position: relative;
}

.dt_list_pattern td .date {
	font-family: tahoma;
	font-size: 11px;
}

.dt_list_pattern td .ptViewBtn {
	position: relative;
	top: 8px;
	padding: 8px 10px;
	background: #fff;
	border: 1px solid #e5e5e5;
	font-size: 12px;
	color: #aaa;
	z-index: 999;
	font-weight: 400;
	letter-spacing: -1px;
}

.dt_list_pattern td .ptViewBtn:hover {
	border: 1px solid #e62626;
	color: #e62626;
}

.dt_list_pattern td table.search td {
	border: none;
	border-left: 1px solid #f3f3f3;
	width: 5%;
}

.dt_list_pattern td table.search td:first-child {
	border-left: none;
}

.dt_list_pattern td table.search td span.block {
	border-top: 1px solid #e5e5e5;
}

.dt_list_pattern td table.search td span.not {
	color: #aaa;
	font-family: tahoma;
	font-size: 10px;
}

.dt_list_pattern tbody>tr:hover td {
	background: #fbfbfb;
}

.dt_list_pattern tbody>tr:hover td .date em.hbox {
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 830px;
	height: 82px;
	border: 1px solid #888;
	z-index: 100;
}

.dt_list_pattern .search {
	width: 100%;
	background: #ffffff;
}

.dt_list_pattern .search td {
	border-left: 1px solid #e5e5e5;
	text-align: center;
}

.dt_list_pattern .search td:first-child {
	border-left: none;
}

.dt_list_pattern .search td li.the {
	line-height: 40px;
	height: 40px;
	font-size: 10px;
	background: #fbfbfb;
	border-top: 1px solid #e5e5e5;
}

.dt_list_pattern .search td li.main {
	line-height: 40px;
	height: 40px;
}

.dt_list_pattern .search td li.not {
	color: #aaa;
	font-family: tahoma;
	font-size: 10px;
}

.dt_list_pick th {
	height: 55px;
	text-align: center;
	font-weight: 500;
	border-bottom: 1px solid #d1d1d1;
	background: #f5f5f5;
}

.dt_list_pick td {
	height: 55px;
	text-align: center;
	border-top: 1px solid #efefef;
	border-left: 1px solid #efefef;
}

.dt_list_pick th:first-child td {
	border-top: none;
}

.dt_list_pick td:first-child {
	border-left: none;
	position: relative;
}

.dt_list_pick td.nick {
	text-align: left;
	padding-left: 15px;
}

.dt_list_pick td.pick_td {
	text-align: left;
	padding-left: 15px;
}

.dt_list_pick td .thoma {
	font-size: 11px;
}

.dt_list_pick td .r_icon {
	padding-top: 6px;
	width: 28px;
	height: 28px;
}

.dt_list_pick td .a_icon {
	display: inline-block;
	width: 7px;
	height: 10px;
	background-position: -236px -223px;
	position: relative;
	top: -1px;
}

.dt_list_pick td .a_icon.u1 {
	background-position: -229px -223px;
}

.dt_list_pick td .a_icon.u2 {
	background-position: -222px -223px;
}

.dt_list_pick td .a_icon.d1 {
	background-position: -243px -223px;
}

.dt_list_pick td .a_icon.d2 {
	background-position: -250px -223px;
}

.dt_list_pick td .gray {
	color: #bbb;
}

.dt_list_pick td .per {
	margin-top: 5px;
}

.dt_list_pick td span.line {
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.dt_list_pick td.nick a.user_nick {
	position: relative;
	z-index: 999;
}

.dt_list_pick tbody>tr:hover {
	background: #fbfbfb;
}

.dt_list_pick tbody>tr:hover>td:first-child em.hbox {
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 830px;
	height: 56px;
	border: 1px solid #888;
	z-index: 100;
}

.dt_list_pick tbody .icon_chat {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	content: '';
	background-position: 0px -477px;
}

.dt_list_pick tbody .icon_chat.d_on {
	background-position: -64px -477px;
}

.dt_list_pick tbody .icon_chat.j_on {
	background-position: -32px -477px;
}

.dt_list_pick tbody td .link {
	position: relative;
	z-index: 999;
}

.dt_graph {
	width: 100%;
	padding: 0 55px;
	padding-top: 3px;
}

.dt_graph ul {
	width: 100%;
}

.dt_graph ul>li {
	position: relative;
	width: 6%;
}

.dt_graph ul>li.left {
	text-align: right;
	width: 47%;
}

.dt_graph ul>li.right {
	text-align: left;
	width: 47%;
}

.dt_graph ul>li div.bar {
	position: relative;
	content: '';
	height: 15px;
}

.dt_graph ul>li div.bar_left {
	border: 1px solid #8ad4ef;
	background: #edfaff;
}

.dt_graph ul>li div.bar_right {
	border: 1px solid #f89393;
	background: #ffeaea;
}

.dt_graph ul>li span.per {
	position: absolute;
	font-size: 10px;
	color: #666;
	font-family: tahoma;
}

.dt_graph ul>li span.per_left {
	top: 0px;
	left: -43px;
	text-align: right;
}

.dt_graph ul>li span.per_right {
	top: -1px;
	right: -43px;
	text-align: left;
}

.dt_graph ul>li span.cycle {
	position: absolute;
	top: -5px;
	left: -6px;
	height: 25px;
	width: 25px;
	border: 5px solid #ffffff;
	content: '';
	z-index: 100;
}

.dt_graph ul>li span.cycle {
	-webkit-box-shadow: 0px 0px 0px 1px rgba(204, 204, 204, 1);
	-moz-box-shadow: 0px 0px 0px 1px rgba(204, 204, 204, 1);
	box-shadow: 0px 0px 0px 1px rgba(204, 204, 204, 1);
}

.dt_graph ul>li span.c_0 {
	background: #ccc;
}

.dt_graph ul>li span.c_1 {
	background: #1ba9de;
}

.dt_graph ul>li span.c_2 {
	background: #e62626;
}

.dt_more {
	position: relative;
	text-align: center;
	line-height: 55px;
	background: #f5f5f5;
	margin-top: 10px;
	letter-spacing: -1px;
	height: 55px;
	font-size: 13px;
}

.dt_more:hover {
	background: #ffffff;
	color: #555;
}

.dt_more:hover em.hbox {
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 830px;
	height: 55px;
	border: 1px solid #888;
	z-index: 100;
}

.loader_box {
	background: #ffffff;
	border-top: none;
	height: 250px;
	margin: 0;
}

.loader_box .loading_container,
.loader_box .loading {
	height: 80px;
	position: relative;
	width: 80px;
	border-radius: 100%;
}

.loader_box .loading_container {
	padding: 80px 0;
	margin: 0 auto;
}

.loader_box .loading_text {
	margin-top: 113px;
}

.dt_null {
	padding: 300px 0 400px 0;
	color: #666;
	text-align: center;
}

.dt_null img {
	display: inline-block;
	margin-bottom: 20px;
}

.dt_null p {
	line-height: 1.8;
}

.fx_total {
	margin-top: 10px;
	border: 1px solid #d1d1d1;
	background-color: #fff;
}

.fx_total h2 {
	line-height: 58px;
	height: 58px;
	background: #f5f5f5;
	text-align: center;
	border-bottom: 1px solid #d1d1d1;
	font-weight: bold;
}

.fx_total .fx_maxmin {
	display: flex;
}

.fx_total .fx_maxmin span {
	flex: 1;
	display: flex;
	text-align: center;
	height: 58px;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #d1d1d1;
}

.fx_total .fx_maxmin span:first-child {
	border: none;
}

.fx_total .fx_maxmin span.title.s1 {
	background-color: #ffeeed;
}

.fx_total .fx_maxmin span.title.s2 {
	background-color: #f0faff;
}

.fx_total .fx_maxmin span.price {
	font-family: tahoma;
	font-size: 20px;
	letter-spacing: 0;
}

.gameBoard {
	margin-top: 10px;
	display: flex;
	text-align: center;
	height: 58px;
	align-items: center;
	justify-content: center;
	border: 1px solid #d1d1d1;
	background: #fff;
}

.dtOverlay {
	position: absolute;
	top: 182px;
	left: 0;
	width: 100%;
	z-index: 9999;
	height: 660px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.85);
	color: #fff;
}

.dtOverlay .content {
	text-align: center;
}

.dtOverlay h1 {
	font-size: 24px;
	font-weight: 100;
	letter-spacing: -2px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.dtOverlay h1 strong {
	color: #ff4800;
}

.dtOverlay p {
	line-height: 1.8;
	font-size: 14px;
	margin-bottom: 20px;
	font-weight: 100;
	letter-spacing: -1px;
}

.dtOverlay p span {
	color: #ffe748;
	font-weight: 700;
}

.dtOverlay .link_game {}

.dtOverlay .link_game a {
	font-size: 14px;
	color: #66f6ff;
}

.dtOverlay .link_game a:hover {
	color: #bc54fe;
}

.bitball_btc_list {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 15px;
	font-weight: 700;
}

/** 이벤트 **/

.top_notice {
	position: relative;
	margin-top: 10px;
	background: #ffffff;
	letter-spacing: -1px;
	padding: 10px;
	border-bottom: 1px dashed #d1d1d1;
}

.top_notice.slevel {
	border-bottom: 1px solid #d1d1d1;
}

.top_notice h2 {
	padding: 15px 0 0 15px;
	font-size: 14px;
}

.top_notice ul {
	list-style-position: inside;
	padding: 15px 0 15px 0;
}

.top_notice li {
	line-height: 1.8;
	padding: 0 15px;
	list-style-type: disc;
	color: #999;
}

.top_notice .btn {
	position: absolute;
	right: 15px;
	top: 15px;
}

.top_notice .btn {
	display: inline-block;
	padding: 0 15px;
	height: 38px;
	line-height: 36px;
	background: #fff;
	color: #888;
	font-size: 12px;
	letter-spacing: -1px;
}

.top_notice .btn {
	border: 1px solid #d1d1d1;
	background: #fbfbfb;
}

.top_notice .btn:hover {
	border: 1px solid #888;
	color: #333;
}

.rank_list {
	margin-top: 10px;
	background: #fff;
	border-bottom: none;
}

.rank_list .tleft {
	text-align: left;
}

.rank_list .tright {
	text-align: right;
	padding-right: 20px;
}

.rank_list thead tr th {
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #d1d1d1;
	background: #f5f5f5;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: -1px;
	color: #777;
}

.rank_list tbody tr td {
	height: 58px;
	line-height: 56px;
	border-bottom: 1px solid #efefef;
	color: #999;
	text-align: center;
}

.rank_list tbody tr:last-child>td {
	border-bottom: 1px solid #d1d1d1;
}

.rank_list tbody>tr:hover>td:first-child em.hbox {
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 830px;
	height: 59px;
	border: 1px solid #888;
	z-index: 100;
}

.rank_list tbody .number12 {
	color: #777;
}

.rank_list tbody .icon_chat {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	content: '';
	background-position: 0px -477px;
}

.rank_list tbody .icon_chat.d_on {
	background-position: -64px -477px;
}

.rank_list tbody .icon_chat.j_on {
	background-position: -32px -477px;
}

.rank_list tbody td .icon_level {
	margin-right: 4px;
}

.rank_list tbody td .link {
	position: relative;
	z-index: 999;
}

.rank_list tbody td .intro {
	color: #333;
}

.rank_list tbody td .intro .gray {
	color: #ccc;
	font-size: 12px;
	letter-spacing: -1px;
}

.rank_list tbody td .game_name {
	display: inline-block;
	padding: 8px 15px;
	border-radius: 3px;
	line-height: 1;
	color: #333;
}

.rank_list tbody td .padding-left-50 {
	padding: 0 0 0 30px;
}

.rank_list tbody td .game_1 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	height: 30px;
	background-color: #1ba9de;
	border: 1px solid #1787b0;
	color: #fff;
	border-radius: 3px;
	font-weight: normal;
	letter-spacing: -1px;
}

.rank_list tbody td .game_2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	height: 30px;
	background-color: #5bc812;
	border: 1px solid #42b017;
	color: #fff;
	border-radius: 3px;
	font-weight: normal;
	letter-spacing: -1px;
}

.rank_list tbody tr.rank1 {
	background: #fffafa;
}

.rank_list tbody tr.rank2 {
	background: #fffdfc;
}

.rank_list tbody tr.rank3 {
	background: #fbfeff;
}

.bottom_box {
	background: #f5f5f5;
}

.t_center {
	text-align: center;
}

.bd_bottom {
	border-bottom: 1px solid #d1d1d1;
}

#pagination {
	padding: 25px 0;
}

#pagination li {
	position: relative;

	display: inline-block;

	width: 38px;
	height: 38px;

	border: 1px solid #d1d1d1;
	border-left: none;
	background: #fff;
}

#pagination li a {
	font-family: tahoma;
	font-size: 10px;
	line-height: 34px;

	position: relative;
	z-index: 999;

	display: block;

	width: 38px;
	height: 36px;
}

#pagination li a {
	color: #777;
}

#pagination li:first-child {
	width: 39px;

	border-left: 1px solid #d1d1d1;
}

#pagination li:hover {
	background: #fbfbfb;
}

#pagination li:hover em.hbox {
	position: absolute;
	z-index: 100;
	top: -1px;
	left: -1px;

	display: block;

	width: 39px;
	height: 38px;

	border: 1px solid #888;
}

#pagination li:hover a {
	font-weight: 900;

	color: #e62626;
}

#pagination li.active {
	background: #1ba9de;
}

#pagination li.active>a {
	color: #fff;
}

#pagination li.active>em.hbox {
	position: absolute;
	z-index: 100;
	top: -1px;
	left: -1px;

	display: block;

	width: 39px;
	height: 38px;

	border: 1px solid #1787b0;
}

.gameBanner {
	width: 100%;
	margin-top: 10px;
	box-sizing: border-box;
	border-radius: 0 !important;
}

.gameBanner .bannerHeader {
	border-radius: 0 !important;
	height: 58px;
	display: flex;
	align-items: center;
	padding: 0 15px;
	box-sizing: border-box;
	background: #f5f5f5;
	justify-content: center;
}

.gameBanner .bannerHeader strong {
	letter-spacing: -0.2px;
}

.gameBanner .bannerGrid {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 5px;
	background: #fff;
}

.gameBanner .bannerItem {
	display: block;
	text-decoration: none;
	border: 1px solid rgba(0, 0, 0, .10);
	border-radius: 0 !important;
	overflow: hidden;
	background: #fff;
}

.gameBanner .bannerThumb {
	width: 100%;
	aspect-ratio: 10/3;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #fff;
}

.gameBanner .bannerThumb img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.gameBanner .bannerTitle {
	padding: 6px 8px;
	font-size: 11px;
	line-height: 1.2;
	background: #000;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gameBanner .bannerItem:hover {
	border-color: rgba(0, 0, 0, .18);
}

.gameBanner .bannerPlaceholder {
	background: #fafafa;
	border-color: rgba(0, 0, 0, .08);
}

.gameBanner .bannerPlaceholder:hover {
	border-color: rgba(0, 0, 0, .08);
}

.gameBanner .bannerPlaceholder .phThumb {
	background: #f0f0f0;
	color: #b7b7b7;
	font-weight: 800;
	letter-spacing: 1px;
}

.gameBanner .bannerPlaceholder .bannerTitle {
	background: transparent;
	color: #b7b7b7;
}

.btn-keno {
	cursor: pointer;
	display: inline-flex;
	font-size: 12px;
	margin-top: 5px;
	padding: 4px;
	justify-content: center;
	align-items: center;
	background-color: #c2c2c2;
	border: 1px solid #b0b0b0;
	color: #444;
	border-radius: 3px;
}

.btn-keno.dh-btn {
	background-color: #1ba9de;
	border: 1px solid #1787b0;
	color: #fff;
}

.btn-keno.trx-btn {
	background-color: #e62626 !important;
	border: 1px solid #c01e1e;
	color: #fff;
}

/* 게임 페이지(Layout_lb set_game) 전용 래퍼 */
.liveContent {
    display: flex;
    width: 830px;
    height: 650px;
    align-items: center;
    justify-content: center;
    background-image: url("/assets/8b20ef7569e82238c26081.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}