body {
	margin:0;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
code {
	font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace
}
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul {
	margin:0;
	padding:0
}
body,button,input,select,table,textarea {
	font-family:"Noto Sans KR","Fjalla One","Open Sans","Nunito",sans-serif;
	font-size:12px
}
table {
	border-collapse:collapse
}
button,fieldset,img {
	border:0
}
img {
	vertical-align:top
}
ol,ul {
	list-style:none
}
address,em {
	font-style:normal
}
a,a:active,a:focus,a:hover {
	text-decoration:none
}
hr,legend {
	display:none
}
button {
	cursor:pointer;
	background-color:transparent
}
button,input {
	outline:0
}
.blind {
	overflow:hidden;
	position:absolute!important;
	width:1px;
	height:1px;
	border:0;
	padding:0;
	clip:rect(0,0,0,0)
}
button,input,select {
	border-radius:0
}
::-webkit-scrollbar {
	background:transparent;
	width:4px;
	height:4px
}
::-webkit-scrollbar-thumb {
	background:#959595;
	border-radius:4px;
	-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.1)
}
body,html {
	height:100%;
	box-sizing:border-box;
	/*background:#131313*/
	background:#000000;
}
.box1 {
	float:left;
	width:30%;
	padding:10px;
}
.box2 {
	float:left;
	width:33.33%;
	padding:10px;
}
.box3 {
	padding:10px;
}
.box3,.box3_0 {
	float:right;
	width:30%;
}
.box3_0 {
	padding:0
}
.clearfix:after {
	content:"";
	clear:both;
	display:table
}
.middle {
	margin:auto;
	display:table-cell;
	vertical-align:middle
}
.middleANDmiddle {
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%
}
.mainShow {
	opacity:0;
	-webkit-animation:fadeIn .2s linear forwards;
	animation:fadeIn .2s linear forwards
}
@-webkit-keyframes fadeIn {
	to {
		opacity:1
	}
}
@keyframes fadeIn {
	to {
		opacity:1
	}
}
.mainHide {
	opacity:1;
	-webkit-animation:fadeOut .2s linear forwards;
	animation:fadeOut .2s linear forwards
}
@-webkit-keyframes fadeOut {
	to {
		opacity:0
	}
}
@keyframes fadeOut {
	to {
		opacity:0
	}
}
.login {
	height:100vh;
	background-color:#171717
}
.login .login_header {
	position:absolute;
	left:40px;
	top:40px
}
.login .login_content {
	width:340px;
	padding:0 20px;
	height:100%;
	margin:auto;
	display:flex;
	align-items:center;
	justify-content:center
}
.login .login_content .login_main {
	width:100%;
	padding:0 0 150px
}
.login .login_content .login_main .login_user {
	padding:20px;
	margin:auto;
	text-align:center
}
.login .login_content .login_main .login_user img {
	width:88px;
	height:88px;
	margin:auto;
	display:block;
	text-align:center
}
.login .login_content .login_main .login_user label {
	line-height:2;
	font-family:"NotoSansCJKkr";
	font-size:18px;
	color:#fffefe;
	font-weight:700;
	text-align:center
}
.login .login_content .login_info {
	box-sizing:border-box;
	padding:40px;
	width:100%;
	background-color:rgba(0,0,0,.35)
}
.login .login_content .login_info .login_statement {
	margin-bottom:15px;
	width:100%
}
.login .login_content .login_info label {
	font-family:"NotoSansCJKkr";
	font-size:12px;
	color:#fffefe;
	text-align:center
}
.login .login_content .login_info input {
	box-sizing:border-box;
	margin:2.5px 0;
	padding:5px 15px;
	width:100%;
	height:40px;
	background-color:#222;
	border:1px solid #333;
	border-radius:1px;
	font-size:12px;
	color:#aaa
}
.login .login_content .login_info button {
	margin:2.5px 0;
	height:40px;
	color:#fff;
	font-size:14px;
	font-family:"NotoSansCJKkr";
	font-weight:700;
	border-radius:2px;
	font-size:12px
}
.login .login_content .login_info .btn_apply {
	background-image:linear-gradient(#ea7744,#dc492a);
	width:100%
}

.login .login_content .login_info .btn_join {
	background-image:linear-gradient(#ea7744,#dc492a);
	width:100%
}

.login .login_content .login_info .btn_other {
	background-image:linear-gradient(#444,#202020);
	width:100%
}
.divide-line {
	box-sizing:border-box;
	margin:15px 0;
	padding:0;
	width:100%;
	height:2px;
	background-color:#333
}
.login .login_footer {
	position:absolute;
	left:40px;
	bottom:20px
}
.login .login_footer img {
	padding:0 5px 0 15px;
	width:21px;
	height:21px
}
.login .login_footer label {
	color:#ccc
}
.login .login_footer label,.login .login_footer span {
	font-family:"NotoSansCJKkr";
	font-size:11px;
	text-align:center
}
.login .login_footer span {
	color:#fffefe
}
.popup_li {
	display:inline-block;
	position:absolute;
	z-index:99;
	min-width:300px;
	background-color: #131313;
	color: #FFF;
	border:1px solid #3f6abc;
	vertical-align:middle
}
.popup_head {
	padding:15px;
	background-color:#3f6abc;
	border:1px solid #fff;
	font-weight:700
}
.popup_head .layer2_tit {
	color:#fff
}
.popup_cont {
	overflow-x:hidden;
	overflow-y:auto;
	max-height:85vh
}
.popup_foot {
	padding:10px;
	background-color:#000;
	border:1px solid #3f6abc;
}
.popup_foot .ico_close {
	display:inline-block;
	width:13px;
	height:13px;
	margin:-2px 0 0 3px;
	background-position:-147px 3px;
	border:1px solid #fff;
	opacity:.5;
	filter:alpha(opacity=50);
	vertical-align:middle
}
.popup_foot [class^=btn_close] {
	color:#ddd
}
.popup_foot .btn_close {
	float:right
}
.carousel .paging-dot {
	display:none
}
.carousel li {
	cursor:default;
	position:relative
}
.carousel .item {
	height:530px;
	width:auto;
	z-index:5
}
.carousel .item .item_txt {
	color:#fff;
	font-size:25px
}
.carousel .item img {
	height:530px;
	width:auto
}
.container,.jackpotBoard {
	height:auto;
	position:relative
}
.jackpotBoard {
	background-color:#000
}
.jackpotBoard .bg img {
	margin:10px;
	width:calc(100% - 20px);
	height:auto;
	max-height:150px
}
.jackpotBoard .title {
	top:20px;
	color:#fff;
	font-size:18px;
	font-weight:700
}
.jackpotBoard .amount,.jackpotBoard .title {
	position:absolute;
	left:50%;
	-webkit-transform:translate(-50%);
	transform:translate(-50%)
}
.jackpotBoard .amount {
	width:calc(100% - 20px);
	height:50px;
	bottom:10px
}
.jackpotBoard .amount img {
	padding:10px 15px;
	float:left;
	width:28px
}
.jackpotBoard .amount .numbers {
	display:flex;
	height:25px;
	padding:15px 15px 10px;
	float:right;
	color:#c87800;
	font-size:35px;
	font-weight:700;
	font-family:"FjallaOne";
	overflow:hidden
}
.jackpotBoard .amount .comma {
	float:right;
	width:15px;
	height:auto;
	white-space:normal;
	line-height:1.2;
	margin-top:-10px
}
.customer_menu_page {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
	height:auto;
	font-size:12px;
	color:#fff;
	font-weight:700
}
.customer_menu_container {
	position:relative;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	align-content:center;
	width:100%;
	height:80px;
	border:1px solid #333;
	overflow:hidden;

	margin-top: 10px;
}
.customer_menu_container .customer_menu {
	display:flex;
	width:20%;
	position:relative;
	cursor:pointer;
	text-align:center;
	white-space:nowrap
}
.customer_menu_container .customer_menu:hover {
	opacity:.7
}
.customer_menu_container .customer_menu .img {
	margin-left:20px;
	width:50px;
	height:100%
}
.customer_menu_container .customer_menu .img img {
	float:left
}
.customer_menu_container .customer_menu .text_icon {
	display:block;
	margin-right:20px;
	float:right
}
.customer_menu_container .customer_menu .text_icon p {
	margin:0;
	text-align:right
}
.customer_menu_container .customer_menu .text_icon .gold_txt {
	color:#ec7753;
	font-size:20px
}
.customer_menu_container .customer_menu:nth-of-type(-n+5):after {
	content:"";
	position:absolute;
	width:1px;
	height:60px;
	right:0;
	top:50%;
	background:#333;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.online_page {
	padding:0 10px;
	font-size:12px;
	color:#fff;
	font-weight:700
}
.online_container,.online_page {
	box-sizing:border-box;
	width:100%;
	height:auto
}
.online_container {
	position:relative;
	display:flex;
	align-items:center;
	align-content:center;
	overflow:hidden
}
.online_container .online_header {
	position:absolute;
	top:0;
	/*left:100;*/
	left: 0px;
	width:100%;
	height:50px;
	background-color:rgba(0,0,0,.5)
}
.online_container .online_header img {
	float:left;
	margin:15px
}
.online_container .online_header span {
	float:right;
	color:#fff
}
.online_container .online_header label {
	float:right;
	color:red;
	margin:15px
}
.online_container .magazine {
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:300px;
	border:1px solid #333;
	overflow-y:scroll
}
.online_container .magazine_list {
	display:flex;
	flex-flow:row wrap;
	justify-content:left;
	padding:0
}
.online_container .magazine_list li {
	width:137px;
	height:180px;
	box-shadow:0 1px 3px rgba(0,0,0,.7);
	font-size:13px;
	overflow:hidden;
	color:#f5f5f5
}
.cc-water-img {
	width:100%;
	height:160px;
	border:1px solid rgba(42,42,42,.7)
}
.game_list {
	height:auto;
	position:relative;
	overflow:hidden;
	padding:55px 0
}
.game_list .game_menu {
	float:left;
	width:100%
}
.game_list .game_menu li {
	margin-left:10px;
	margin-bottom:10px;
	width:405px;
	float:left
}
.game_list .game_menu li button {
	position:relative;
	overflow:hidden;
	white-space:nowrap
}
.game_list .game_menu li button,.game_list .game_menu li button .bg {
	float:left;
	width:100%;
	height:auto
}
.game_list .game_menu li button .new {
	position:absolute;
	top:0;
	right:0;
	width:70px;
	height:auto
}
.notice_event {
	height:35px;
	position:relative;
	overflow:hidden
}
.notice_event .notice_list {
	position:relative;
	max-width:500px
}
.notice_event ul {
	margin-top:0
}
.notice_event li {
	cursor:pointer;
	margin:0 10px;
	padding:15px 0;
	display:table;
	width:calc(100% - 20px)
}
.notice_event li .title {
	float:left;
	color:#fff;
	font-size:12px;
	font-family:"NotoSansCJKkr";
	height:20px;
	overflow:hidden
}
.notice_event li .date {
	color:#7f7f7f;
	float:right
}
.transaction_page {
	box-sizing:border-box;
	width:100%;
	height:auto
}
.transaction_container {
	box-sizing:border-box;
	height:auto;
	display:flex;
	flex-wrap:nowrap;
	align-items:flex-start;
	padding:15px 0 10px
}
.transaction_container .transaction_table {
	position:relative;
	margin-left:10px;
	margin-bottom:10px;
	/*width:405px;*/
	/*width:438px;*/
	width:662px;
	height:210px;
	background:#111;
	border:1px solid #333
}
.transaction_container .table_heading {
	box-sizing:border-box;
	padding-left:10px;
	width:100%;
	font-size:13px;
	font-family:"NotoSansCJKkr";
	color:#ec7753;
	font-weight:700;
	line-height:2.8;
	text-align:left;
	height:35px
}
.transaction_container .table_heading img {
	position:absolute;
	top:8px;
	right:10px;
	cursor:pointer
}
.transaction_container .transaction_table .table_content {
	position:relative;
	height:175px;
	width:100%;
	overflow:hidden
}
.transaction_container .transaction_table .table_content ul {
	margin-top:0
}
.transaction_container .transaction_table .table_content li {
	cursor:pointer;
	box-sizing:border-box;
	padding:0 10px;
	display:table;
	width:100%;
	height:35px;
	line-height:2.9;
	font-size:12px;
	font-family:"NotoSansCJKkr";
	color:#999
}
.transaction_container .transaction_table .table_content .bg_gray {
	background-color:#181818
}
.transaction_container .transaction_table .table_content li .title {
	float:left;
	width:60%;
	height:35px;
	overflow:hidden
}
.transaction_container .transaction_table .table_content li:first-child .title {
	color:#fff
}
.transaction_container .transaction_table .table_content li .date {
	float:right;
	width:40%;
	overflow:hidden;
	text-align:right
}
.transaction_container .transaction_table .table_content li .date_time {
	float:left;
	width:50%;
	overflow:hidden
}
.transaction_container .transaction_table .table_content li .money {
	float:left;
	width:25%;
	overflow:hidden;
	text-align:right;
	font-weight:700;
	color:#ec7753
}
.transaction_container .transaction_table .table_content li .user {
	float:right;
	width:25%;
	overflow:hidden;
	text-align:right
}
.customer_page {
	box-sizing:border-box;
	width:100%;
	padding:0 10px 20px;
	height:auto;
	font-size:12px;
	color:#fff;
	font-weight:700
}
.customer_container {
	position:relative;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	align-content:center;
	width:100%;
	height:100px;
	border:1px solid #333;
	overflow:hidden
}
.customer_container .customer_item {
	display:flex;
	width:25%;
	position:relative;
	cursor:pointer;
	text-align:center;
	white-space:nowrap
}
.customer_container .customer_item:hover {
	opacity:.7
}
.customer_container .customer_item .img {
	margin-left:20px;
	width:50px;
	height:100%
}
.customer_container .customer_item .img img {
	float:left
}
.customer_container .customer_item .text_icon {
	display:block;
	margin-right:20px;
	float:right
}
.customer_container .customer_item .text_icon p {
	margin:0;
	text-align:right
}
.customer_container .customer_item .text_icon .gold_txt {
	color:#ec7753;
	font-size:20px
}
.customer_container .customer_item:nth-of-type(-n+3):after {
	content:"";
	position:absolute;
	width:1px;
	height:60px;
	right:0;
	top:50%;
	background:#333;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.quickserver_page {
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
	height:auto;
	font-size:12px;
	color:#666;
	font-weight:700
}
.quickserver_container {
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:210px;
	border:1px solid #333;
	overflow:hidden
}
.quickserver_container .logo {
	margin-top:70px
}
.quickserver_container .text_icon {
	display:block;
	margin-right:20px;
	margin-top:20px;
	float:right;
	text-align:right
}
.quickserver_container .gold_txt {
	color:#dca655;
	font-size:20px;
	margin:15px 0
}
.quickserver_container .text_icon p {
	text-align:right
}
.quickserver_container .text_icon span {
	text-align:right;
	cursor:pointer;
	margin:10px
}
.quickserver_container .text_icon span:hover {
	color:#fff
}
.table_row {color: #fff;}
.popup {
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:auto;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:1000;
	background-color:rgba(0,0,0,.75);
	color:#999;
}
.popupShow {
	top:-20px;
	opacity:0;
	-webkit-animation:fadeIn_move .2s linear forwards;
	animation:fadeIn_move .2s linear forwards
}
@-webkit-keyframes fadeIn_move {
	to {
		top:0;
		opacity:1
	}
}
@keyframes fadeIn_move {
	to {
		top:0;
		opacity:1
	}
}
.popupHide {
	top:0;
	opacity:1;
	-webkit-animation:fadeout_move .2s linear forwards;
	animation:fadeout_move .2s linear forwards
}
@-webkit-keyframes fadeout_move {
	to {
		top:-20px;
		opacity:0
	}
}
@keyframes fadeout_move {
	to {
		top:-20px;
		opacity:0
	}
}
.popup .popup_container {
	display:inline-block;
	max-width:1260px;
	min-width:1000px;
	/*height:850px;*/
	height:max-content;
	padding:0;
	border:1px solid #d3954c;
	font-size:12px;
	vertical-align:middle;
	white-space:normal
}
.popup .popup_container,.popup_container .popup_header {
	position:relative;
	background-color:#111
}
.popup_container .popup_header:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.popup_container .popup_header .logo {
	float:left;
	height:80px;
	margin:auto;
	line-height:80px
}
.popup_container .popup_header .logo img {
	/*margin:20px 30px*/
	margin: 2px 30px;
}
.popup_container .popup_header .btn_close {
	position:absolute;
	width:33px;
	height:33px;
	top:25px;
	right:20px
}
.popup_container .popup_box {
	margin:0;
	width:100%;
	height:770px;
	/*height:max-content;*/
	overflow:hidden
}
.popup_title {
	box-sizing:border-box;
	padding:0 20px;
	width:100%;
	height:50px;
	background-color:#222
}
.popup_title label {
	margin:0 30px;
	line-height:3.7;
	font-size:14px;
	font-family:"NotoSansCJKkr";
	color:#ccc;
	font-weight:700;
	cursor:pointer;
	display:inherit
}
.popup_title label .circle {
	line-height:1.4;
	margin-top:15px;
	margin-left:5px;
	padding:1px 6px;
	height:18px;
	width:auto;
	border-radius:9px;
	background-color:#cd6041;
	color:#fff
}
.popup_title label.active {
	color:#ec7753
}
.popup_content {
	box-sizing:border-box;
	padding:20px;
	width:100%;
	/*height:720px;*/
	height:max-content;
	overflow:scroll;
	overflow-x:hidden
}
.popup_table {
	padding:10px
}
.popup_table,.popup_table .table_row {
	box-sizing:border-box;
	width:100%;
	height:auto
}
.popup_table .table_row td,.popup_table .table_row th {
	border-top:1px solid #333;
	padding:10px 20px;
	text-align:left
}
.popup_table .table_row .txt_center {
	text-align:center
}
.popup_table .table_row .txt_left {
	text-align:left
}
.popup_table .table_row .txt_right {
	text-align:right
}
.popup_table .table_row .last {
	border-bottom:1px solid #333
}
.popup_table .table_row th {
	background-color:#292929;
	color:#ccc;
	font-size:12px;
	font-family:"Noto Sans CJK KR";
	font-weight:700
}
.popup_table .table_row th span {
	color:#f90
}
.popup_table .table_row input,.popup_table .table_row select,.popup_table .table_row textarea {
	box-sizing:border-box;
	padding:0 10px;
	width:300px;
	height:30px;
	background-color:#292929;
	border-width:0;
	border-radius:1px;
	color:#aaa
}
.popup_table .table_row .checkbox {
	float:left;
	margin:0 5px;
	width:15px;
	height:15px;
	background-color:transparent
}
.popup_table .table_row textarea {
	box-sizing:border-box;
	padding:10px;
	width:100%;
	height:100px;
	resize:none
}
.popup_table .table_row select {
	background:#292929 url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAQAAAC/O6xzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfkBQMQJi0Bc6+LAAAAUklEQVQI11XKIQqAQAAF0edGT2TVINgsHlm0mRbbwsbFbjaooH/SDL+aFo3Td7U1GG3qH5sxKAbx840GJaBopScmrUIAh86OXefgzWS9WS/fegFwlxTlFwom3QAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNS0wM1QxNjozODo0NSswMzowMGjGyVcAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDUtMDNUMTY6Mzg6NDUrMDM6MDAZm3HrAAAAAElFTkSuQmCC) no-repeat calc(100% - 10px) 50%;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none
}
.popup_table .table_row .width_80 {
	width:80px
}
.popup_table .table_row .mar_right_5 {
	margin-right:5px
}
.popup_table .table_row .mar_left_5 {
	margin-left:5px
}
.popup_table .table_row .input_detail {
	padding-left:20px;
	color:#999
}
.popup_table .table_row .input_money {
	padding-left:20px;
	color:#ec7753;
	font-size: 15px;
	font-weight: bold;
}
.popup_table .table_row .input_danger {
	padding-left:20px;
	color:red
}
.popup_table .table_row .icon_txt {
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:auto;
	display:flex
}
.popup_table .table_row .icon_txt .icons {
	position:absolute;
	top:0;
	left:0;
	padding-left:10px
}
.popup_table .table_row .icon_txt .icon_rect {
	display:flex;
	align-items:center;
	width:30px;
	height:30px
}
.popup_table .table_row .icon_txt .icon_rect .triangle {
	margin-left:6px;
	width:0;
	height:0;
	border-left:3px solid transparent;
	border-right:3px solid transparent;
	border-top:4px solid #555
}
.popup_table .table_row .icon_txt .icon_rect .bar {
	margin-left:6px;
	width:0;
	height:20px;
	border-left:1px solid #555
}
.popup_table .table_row .icon_txt .icon_rect .img_w {
	width:22px;
	height:auto
}
.popup_table .table_row .icon_txt .icon_rect .img_h {
	width:auto;
	height:22px
}
.popup_table .table_row .icon_txt .icon_input {
	box-sizing:border-box;
	padding-left:50px;
	width:60px
}
.popup_table .table_row .icon_txt .phone_input {
	box-sizing:border-box;
	width:60px
}
.popup_table .table_row .icon_txt .login_info {
	box-sizing:border-box;
	padding-left:50px;
	width:100%
}
.popup_table .table_row .icon_txt button {
	margin-left:20px;
	padding:0 10px;
	height:30px;
	color:#fff;
	border-radius:2px;
	font-size:12px;
	background-color:red;
	border:1px solid red
}
.popup_table .table_row .money_input {
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:auto
}
.popup_table .table_row .money_input .money {
	box-sizing:border-box;
	width:300px;
	height:30px;
	padding-right:25px;
	text-align:right;
	background-color:#292929;
	border-width:0;
	border-radius:1px;
	color:#ec7753;
	font-size: 15px;
	font-weight: bold;
}
.popup_table .table_row .money_input .won {
	position:absolute;
	top:5px;
	left:280px;
	color:#fff
}
.popup_table .table_row .money_input .won_100 {
	position:absolute;
	top:9px;
	left:calc(100% - 20px);
	color:#fff
}
.popup_table .table_row .btn_normal_20w {
	margin:5px
}
.popup_table .table_row .btn_20w,.popup_table .table_row .btn_normal_20w {
	height:30px;
	color:#fff;
	border-radius:2px;
	font-size:12px;
	background-color:#444;
	width:80px
}
.popup_table .table_row .btn_20w {
	margin:5px 5px 5px 0
}
.popup_table .table_row .btn_20w.end {
	margin:5px 0
}
.popup_table .table_row td .notice {
	color:#ccc;
	font-size:12px;
	font-family:"Noto Sans CJK KR";
	line-height:2
}
.popup_table .table_row td .notice.gold {
	color:#ec7753
}
.popup_table .table_row .pointer {
	cursor:pointer
}
.popup_table .table_row .pointer .fixedHeight {
	line-height:2;
	height:30px;
	overflow:hidden
}
.popup_table .table_row .color_w {
	color:#fff
}
.popup_table .table_btns {
	display:flex;
	align-items:center;
	justify-content:center;
	margin:20px auto
}
.popup_table .table_btns .btn_apply,.popup_table .table_btns .btn_join,.popup_table .table_btns .btn_ok {
	background-image:linear-gradient(#e39665,#c14831)
}
.popup_table .table_btns .btn_apply,.popup_table .table_btns .btn_join,.popup_table .table_btns .btn_ok,.popup_table .table_btns .btn_cancel {
	margin:5px;
	width:150px;
	height:35px;
	box-shadow:1px 1px rgba(0,0,0,.5);
	color:#fff;
	border-radius:3px;
	font-size:12px;
	font-weight:700
}

.popup_table .btn_check {
	background-image:linear-gradient(#FF9F9F,#FF4646)
}
.popup_table .btn_check {
	margin:5px;
	width:150px !important;
	height:35px;
	box-shadow:1px 1px rgba(0,0,0,.5);
	color:#ffffff !important;
	border-radius:3px;
	font-size:12px;
	font-weight:700;
	cursor: pointer;
}


.popup_table .table_btns .btn_cancel {
	background-image:linear-gradient(#444,#202020)
}
.paginate {
	padding:10px 0;
	font-size:0;
	text-align:center
}
.paginate [class^=select_] {
	display:inline-block;
	height:32px;
	width:80px;
	margin:0;
	background-image:linear-gradient(#444,#333);
	line-height:30px;
	vertical-align:top;
	font-size:12px;
	color:#fff
}
.paginate .select_left {
	float:left
}
.paginate .select_right {
	float:right
}
.paginate .page_num {
	display:inline-block;
	height:30px;
	width:33px;
	margin:0 2px;
	border:.5px solid #444;
	background-color:#242424;
	line-height:30px;
	vertical-align:top;
	font-size:12px;
	color:#999
}
.paginate .page_num:hover,.paginate .page_on {
	border-color:#2a2a2a;
	color:#fff
}
.paginate .page_on {
	background-color:#cd6041
}
.paginate [class^=btn_page_] {
	display:inline-block;
	width:33px;
	height:30px;
	margin:0 10px;
	border:.5px solid #444;
	background-color:#242424;
	line-height:23px;
	vertical-align:top
}
.paginate [class^=ico_page_] {
	display:inline-block
}
.paginate img {
	margin:10px auto;
	width:auto;
	height:10px
}
.paginate .btn_page_first {
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
	margin:0 -5px 0 0
}
.paginate .btn_page_last {
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
	margin:0 0 0 -5px
}
.view_panel {
	margin-bottom:25px;
	position:relative;
	padding-bottom:10px;
	background-color:#292929;
	color:#ccc;
	height: 220px;
	overflow-y: auto;
}
.view_panel .title_date {
	background-color:#222;
	padding:10px 20px;
	height:30px
}
.view_panel .title_date .title {
	float:left;
	font-size:12px;
	line-height:2.7;
	font-weight:700;
	color:#fff;
	width:80%;
	height:30px;
	overflow:hidden
}
.view_panel .title_date .date_time {
	float:right;
	font-size:11px;
	line-height:2.7;
	width:20%;
	height:30px;
	overflow:hidden
}
.view_panel .main_view {
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:10px 20px
}
.view_panel .answer {
	margin-top:10px;
	padding:10px 20px;
	background-color:#242424
}

.write_panel {
	margin-bottom:25px;
	position:relative;
	padding-bottom:10px;
	background-color:#292929;
	color:#ccc;
	height: 300px;
	overflow-y: auto;
}

.popup_input {
	position:relative;
	margin:10px auto
}
.popup_input .title {
	color:#f90
}
.popup_input .title,.popup_input .title_w {
	margin-bottom:5px;
	font-size:12px;
	font-weight:500;
	display:inline-block
}
.popup_input .title_w {
	color:#fff
}
.popup_input .notification_content {
	box-sizing:border-box;
	margin-bottom:5px;
	padding:15px;
	width:100%;
	background-color:#222;
	color:#f90;
	font-size:11px;
	font-weight:500;
	display:inline-block
}
.popup_input input,.popup_input select,.popup_input textarea {
	box-sizing:border-box;
	margin-bottom:3px;
	padding:0 10px;
	width:300px;
	height:35px;
	background-color:#222;
	border:1px solid #555;
	border-radius:2px;
	color:#aaa
}
.popup_input textarea {
	height:70px;
	padding:5px 10px
}
.popup_input .textarea_h {
	height:200px;
	padding:5px 10px
}
.popup_input select {
	background:#222 url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAQAAAC/O6xzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfkBQMQJi0Bc6+LAAAAUklEQVQI11XKIQqAQAAF0edGT2TVINgsHlm0mRbbwsbFbjaooH/SDL+aFo3Td7U1GG3qH5sxKAbx840GJaBopScmrUIAh86OXefgzWS9WS/fegFwlxTlFwom3QAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNS0wM1QxNjozODo0NSswMzowMGjGyVcAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDUtMDNUMTY6Mzg6NDUrMDM6MDAZm3HrAAAAAElFTkSuQmCC) no-repeat 95% 50%;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none
}
.popup_input span {
	color:red
}
.popup_input .bottom {
	color:#999
}
.padding_10 {
	padding:0 10px;
	position:relative
}
.btn_group,.padding_10 {
	box-sizing:border-box;
	width:100%
}
.btn_group {
	margin:20px auto;
	text-align:center;
	height:auto
}
.btn_group.small {
	margin:10px auto
}
.btn_group button {
	margin:5px auto;
	height:35px;
	color:#fff;
	border-radius:2px;
	font-size:12px
}
.btn_group .full {
	width:100%
}
.btn_group .half {
	width:50%
}
.btn_group .btn_apply {
	background-image:linear-gradient(#e39665,#c14831);
	width:100%
}
.btn_group .btn_other {
	background-image:linear-gradient(#444,#222);
	width:100%
}
.btn_group .btn_apply_half_l {
	margin-right:6px
}
.btn_group .btn_apply_half_l,.btn_group .btn_apply_half_r {
	background-image:linear-gradient(#e39665,#c14831);
	width:calc(50% - 3px)
}
.btn_group .btn_other_half_l {
	margin-right:6px
}
.btn_group .btn_other_half_l,.btn_group .btn_other_half_r {
	background-image:linear-gradient(#444,#222);
	width:calc(50% - 3px)
}
.btn_group .btn_20w {
	background-image:linear-gradient(#444,#262626);
	width:calc(20% - 4px);
	height:30px;
	margin:0 5px
}
.btn_group .detail {
	margin:10px auto;
	line-height:4;
	font-size:12px;
	color:#fff;
	font-weight:300
}
.game_info {
	position:relative;
	height:auto
}
.game_info li {
	box-sizing:border-box;
	padding:0 20px;
	width:100%;
	height:35px;
	border-bottom:1px solid #444;
	background-color:#242424;
	color:#fff;
	line-height:3
}
.game_info .small {
	padding:0 10px
}
.game_info li:first-child {
	border-top:1px solid #444
}
.game_info .game_kind {
	height:40px;
	width:100%;
	box-sizing:border-box;
	background-color:#f90;
	color:#fff;
	font-size:13px;
	font-weight:500;
	line-height:3;
	text-align:center
}
.game_info li .list_title_w {
	float:left;
	width:60%;
	overflow:hidden;
	color:#fff
}
.game_info li .game_money {
	float:right;
	color:#f90;
	width:30%;
	text-align:center
}
.game_info li .money {
	float:left;
	color:#f90;
	width:40%;
	text-align:center
}
.game_info li .game_state {
	margin:7px auto;
	float:right;
	padding:0 5px;
	height:20px;
	background-color:red;
	border-radius:3px;
	color:#fff;
	line-height:2
}
.game_info li .date_time {
	float:left;
	color:#999
}
.game_info li .date {
	float:left;
	color:#fff
}
.game_info li .right_gray {
	float:right;
	color:#ccc
}
.game_info li .checkbox {
	float:left;
	margin:5px 10px 5px 0;
	width:15px;
	height:15px;
	background-color:transparent
}
.game_info li .name {
	margin-left:10px;
	float:left;
	color:#fff;
	width:50%;
	overflow:hidden
}
.game_info li .delete_btn {
	margin:5px auto 4px;
	float:right;
	padding:0 20px;
	height:24px;
	background-color:#444;
	border-radius:3px;
	color:#fff;
	line-height:2.3
}
.footer {
	position:relative;
	/*background-color:#131313;*/ background-color:#000000;
}
.footer .footer_container {
	width:1260px;
	height:auto;
	margin:0 auto;
	padding-top:50px
}
.footer .footer_top {
	position:relative;
	margin:10px auto 80px;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden
}
.footer .footer_bottom {
	padding:10px;
	height:60px;
	text-align:center
}
.footer span {
	width:100%;
	margin-top:5px;
	font-size:9px;
	font-family:"DIN";
	color:#ccc;
	text-transform:uppercase;
	text-align:center
}
.footer span label {
	color:#ec7753
}
.header {
	height:675px;
	width:100%
}
.header .header_top {
	height:45px;
	background-color:#000
}
.header .header_top .header_width {
	width:1260px;
	height:auto;
	margin:0 auto
}
.header .header_top .left_panel {
	float:left;
	display:flex
}
.header .header_top .left_panel .notice {
	margin:14px 10px;
	color:#f90;
	font-size:10px;
	font-family:"FuturaBQ";
	font-weight:700;
	height:auto
}
.header .header_top .left_panel .notice img {
	width:17px;
	height:auto;
	display:none
}
.header .header_top .left_panel .notice_slider {
	float:left;
	display:none
}
.header .header_top .right_panel {
	float:right
}
.header .header_top .right_panel .util_menu {
	display:inline-block;
	font-size:12px;
	font-family:"NotoSansCJKkr";
	color:#aaa;
	font-weight:700;
	line-height:3;
	cursor:pointer
}
.header .header_top .right_panel .util_menu:before {
	display:inline-block;
	height:10px;
	border-left:1px dotted #333;
	margin:0 10px;
	content:"";
	line-height:5
}
.header .header_top .right_panel .util_menu:first-child:before {
	display:none
}
.header .header_content {
	height:100px;
	width:100%;
	background-color:#000000;
	/*background-color:#1c0b1d*/
}
.header .header_content .header_menu {
	width:1260px;
	height:100px;
	margin:0 auto;
	position:relative
}
.header .header_content .header_menu .left_panel {
	float:left
}
.header .header_content .header_menu .left_panel img {
	margin:20px auto;
	width:auto;
	/*height:45px*/
}
.header .header_content .header_menu .right_panel {
	position:absolute;
	right:0;
	float:right
}
.header .header_content .header_menu .right_panel .menu_area {
	float:right;
	margin:20px 50px
}
.header .header_content .header_menu .right_panel .menu_area .gnb {
	overflow:hidden;
	vertical-align:bottom
}
.header .header_content .header_menu .right_panel .menu_area .gnb li {
	float:left
}
.header .header_content .header_menu .right_panel .menu_area .gnb button {
	display:block;
	padding:15px 20px;
	font-size:24px;
	font-family:"NotoSansCJKkr";
	color:#ccc;
	font-weight:700
}
.header .header_content .header_menu .right_panel .menu_area .gnb button img {
	width:20px
}
.header .header_content .header_menu .right_panel .menu_area .gnb button:hover {
	color:#f90
}
.header .banner {
	position:relative;
	height:630px
}
.header .banner .bg {
	height:530px;
	width:auto
}
.header .banner .promotion {
	position:absolute;
	top:0;
	left:0;
	height:530px;
	width:100%;
	z-index:1
}
.main_container {
	width:100%;
	height:auto
}
.main_container_width {
	/*width:1260px;*/
	width:1360px;
	margin:0 auto;
	position:relative
}
.game_list_rect {
	box-sizing:border-box;
	position:relative;
	width:100%;
	background-color:#202020
}
.customer_menu_rect,.customer_rect,.online_rect,.quickServer_rect,.transaction_rect {
	box-sizing:border-box;
	position:relative;
	width:100%;
	/*background-color:#131313;*/ background-color:#000000;
}
.customer_menu_rect,.online_rect {
	padding:20px 0
}
.right_panel .login_before {
	box-sizing:border-box;
	padding:0;
	width:100%;
	height:auto;
	display:flex
}
.right_panel .login_before fieldset {
	margin:0
}
.right_panel .login_before fieldset img {
	margin:15px 5px
}
.right_panel .login_before input {
	box-sizing:border-box;
	margin:8px 5px;
	padding:0 10px;
	width:150px;
	height:29px;
	background-color:#222;
	border:1px solid #333;
	border-radius:3px;
	font-size:12px;
	color:#aaa
}
.right_panel .login_before button {
	margin:8px 5px;
	height:29px;
	color:#fff;
	font-size:14px;
	font-family:"NotoSansCJKkr";
	font-weight:700;
	border-radius:3px;
	font-size:12px
}
.right_panel .login_before .btn_apply {
	background-image:linear-gradient(#ea7744,#dc492a);
	width:80px
}
.right_panel .login_before .btn_other {
	background-image:linear-gradient(#444,#202020);
	width:80px
}
.right_panel .login_after {
	box-sizing:border-box;
	padding:0;
	width:100%;
	height:auto;
	display:flex
}
.right_panel .login_after label {
	/*margin:14px 10px 0 0;*/
	margin:10px 10px 0 0;
	color:#666;
}
.right_panel .login_after span {
	margin:0;
	color:#fff
}
.right_panel .login_after img {
	margin:15px 10px
}
.right_panel .login_after .btn_other {
	margin:8px 5px;
	height:29px;
	color:#fff;
	font-size:14px;
	font-family:"NotoSansCJKkr";
	font-weight:700;
	border-radius:3px;
	font-size:12px;
	background-image:linear-gradient(#444,#202020);
	width:80px
}
.right_panel .login_after .note {
	cursor:pointer;
	margin-top:10px;
	padding:0 5px;
	width:50px;
	height:25px;
	background-image:linear-gradient(#444,#202020);
	border-radius:3px
}
.right_panel .login_after .note img {
	margin:6px 3px 0 0;
	width:15px;
	height:auto
}
.right_panel .login_after .note span {
	margin:10px 0 10px 15px;
	color:#ec7753;
	text-align:right;
	line-height: 2
}


.noticeInfo {
    height: 40px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.noticeInfo .marquee {
    position: relative;
    width: calc(100% - 50px);
    height: auto;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.noticeInfo .marquee .container {
    display: table;
    width: 100%;
    padding-left: 100%;
    -webkit-animation: marquee 25s linear infinite;
    animation: marquee 25s linear infinite;
}

.noticeInfo .marquee .container .util_menu {
    display: inline-block;
}

.noticeInfo .marquee .container .title {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    padding: 0 5px;
}

.noticeInfo .marquee .container .date {
    display: inline-block;
    color: #999;
    font-size: 12px;
    padding: 0 5px;
}

@-webkit-keyframes marquee {
	0% {
		-webkit-transform:translate(0);
		transform:translate(0)
	}
	to {
		-webkit-transform:translate(-100%);
		transform:translate(-100%)
	}
}
@keyframes marquee {
	0% {
		-webkit-transform:translate(0);
		transform:translate(0)
	}
	to {
		-webkit-transform:translate(-100%);
		transform:translate(-100%)
	}
}

/*# sourceMappingURL=main.9ee1bf6e.chunk.css.map */