@charset "utf-8";
/*-------------------------------------------------------------------------------------*
 *  게시판                                                                             *
 *-------------------------------------------------------------------------------------*/
.list_box  		 {width:100%;}
.list_tr{width:100%; font-size:0; display:flex;}
.list_tr>*{width:130px;}
.list_tr>*:nth-child(2){max-width:100%; width:calc(100% - 520px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_tr:not(.trfirst)>*:nth-child(2){padding-left:50px; font-weight:500; justify-content:flex-start;}
.list_title1     {background:#1a221f; border-top:1px solid #314840; border-bottom:1px solid #0c0c0c; color:#efefef; font-size:13px; font-weight:500; display: flex; align-items: center; justify-content:center; line-height:44px;}
.list_notice1    {background:rgba(0,0,0,0.6); border-bottom:1px solid #0c0c0c; color:#efefef; font-size:13px; text-align:center; display: flex; align-items: center; justify-content:center; padding:10px 5px 10px 5px; cursor:pointer;}
.list1           {background:rgba(0,0,0,0.4); border-bottom:1px solid #0c0c0c; color:#efefef; font-size:13px; width:130px; text-align:center; display: flex; align-items: center; justify-content:center; padding:10px 5px 10px 5px; cursor:pointer;}
.listview		 {background:rgba(255,255,255,0.05); border-bottom:1px solid #0c0c0c; color:#efefef; font-size:13px; width:100%; display: flex; align-items: center; padding:30px;}

/* 입출금내역 */
.list_tr2{width:100%; font-size:0; display:flex;}
.list_tr2>*{width:calc(100% / 5);} /* 비율이같은 게시판일경우 사용 열숫자에 맞게 숫자만수정해주세요 */
.list_title2     {background:#222222; color:#efefef; font-size:13px; font-weight:300; display:inline-block; text-align:center; display: flex; align-items: center; justify-content:center; line-height:40px;}
.list_notice2    {background:#2d2d2d; border-bottom:1px solid #0c0c0c; color:#efefef; font-size:13px; text-align:center; display: flex; align-items: center; justify-content:center; padding:5px 5px 5px 5px;}
.list2           {background:#2d2d2d; border-bottom:1px solid #0c0c0c; color:#efefef; font-size:13px; text-align:center; display: flex; align-items: center; justify-content:center; padding:5px 5px 5px 5px;}

@media screen and (max-width:1280px) {
.list_tr>*{width:110px;}
.list_tr>*:nth-child(4){display:none;}
.list_tr>*:nth-child(2){width:calc(100% - 330px);}
.list_tr:not(.trfirst)>*:nth-child(2){padding-left:30px;}	

}

@media screen and (max-width:768px) {
	.list_tr>*{width:100px;}
	.list_tr>*:nth-child(3){display:none;}
	.list_tr>*:nth-child(2){width:calc(100% - 200px);}
	.list_tr:not(.trfirst)>*:nth-child(2){padding-left:10px;}
}

@media screen and (max-width:600px) {
	.list_tr>*:nth-child(1){display:none;}
	.list_tr>*:nth-child(2){width:calc(100% - 100px);}

}

@media screen and (max-width:480px) {
	.list_tr>*{width:90px;}
	.list_tr>*:nth-child(2){width:calc(100% - 90px);}
	.list_tr:not(.trfirst)>*:nth-child(2){padding-left:10px;}

}
@media screen and (max-width:480px) {

}

/* sub05 게시판 */
.list_tr_title{background:#222222; display:flex; width:100%; align-items:center; padding:10px; font-size:14px; text-align:center; flex-wrap:wrap;}
.list_tr_title span{display:inline-block; padding:4px; color:#ffe696;}
.list_tr_title span:nth-child(1){width:15%;}
.list_tr_title span:nth-child(2){width:45%; text-align:left;}
.list_tr_title span:nth-child(3){width:15%;}
.list_tr_title span:nth-child(4){width:25%;}

.list_tr_list{background:#333333; border-bottom:1px solid #0c0c0c; color:#efefef; font-size:13px; text-align:center; display: flex; align-items: center; justify-content:center; padding:10px; cursor:pointer; flex-wrap:wrap;}
.list_tr_list span{display:inline-block; padding:4px;}
.list_tr_list span:nth-child(1){width:15%;}
.list_tr_list span:nth-child(2){width:45%; text-align:left;}
.list_tr_list span:nth-child(3){width:15%;}
.list_tr_list span:nth-child(4){width:25%;}

.list_tr_list.notice_list{background:#2d2d2d;}
.list_tr_list.notice_list span:nth-child(2){color:#e8aa38;}
.list_tr_list:hover{background:#2c2c2c}
.list_tr_list.notice_list:hover{background:#242424;}

.hide_list{float:left; width:100%; padding:20px; background:#000; text-align:center;}
.hide_list img{width:100%; max-width:800px;}
@media screen and (max-width:768px) {
	.list_tr_title{display:none;}
	.list_tr_list{}
	.list_tr_list span:nth-child(1){width:70px;}
	.list_tr_list span:nth-child(2){width:calc(100% - 70px); padding:4px 10px;}
	.list_tr_list span:nth-child(3){width:20%; font-size:11px; color:#aaaaaa; text-align:center;}
	.list_tr_list span:nth-child(4){width:90px; font-size:11px; color:#aaaaaa;}	
}

@media screen and (max-width:600px) {

}

@media screen and (max-width:480px) {

}

/* sub07 개인정산 */
.list_tr_title1{background:#222222; display:flex; width:100%; align-items:center; padding:10px; font-size:14px; text-align:center; flex-wrap:wrap;}
.list_tr_title1 span{display:inline-block; padding:4px; color:#ffe696; width:calc(100% / 6);}

.list_tr_list1{background:#333333; border-bottom:1px solid #0c0c0c; color:#efefef; font-size:13px; text-align:center; display: flex; align-items: center; justify-content:center; padding:10px; cursor:pointer; flex-wrap:wrap;}
.list_tr_list1 span{display:inline-block; padding:4px; width:calc(100% / 6);}
.list_tr_list1 span:nth-child(4){color:#e8aa38;}
.list_tr_list1:hover{background:#2c2c2c}

.list_tr_list1 span .list_hide{display:none; font-size:11px; color:#aaaaaa;}
@media screen and (max-width:768px) {
	.list_tr_title1{display:none;}
	.list_tr_list1 span:nth-child(1){width:70px;}
	.list_tr_list1 span:nth-child(2){width:calc(100% - 140px);}
	.list_tr_list1 span:nth-child(3){width:70px;}
	.list_tr_list1 span:nth-child(4){width:30%; text-align:left;}
	.list_tr_list1 span:nth-child(5){width:30%;}	
	.list_tr_list1 span:nth-child(6){width:40%; text-align:right;}	
	
	.list_tr_list1 span .list_hide{display:inline;}
}

@media screen and (max-width:600px) {

}

@media screen and (max-width:480px) {

}

/* sub09 쪽지 */
.note_tr_title{background:#222222; display:flex; width:100%; align-items:center; padding:10px; font-size:14px; text-align:center; flex-wrap:wrap;}
.note_tr_title span{display:inline-block; padding:4px; color:#ffe696;}
.note_tr_title span:nth-child(1){width:10%;}
.note_tr_title span:nth-child(2){width:50%; text-align:left;}
.note_tr_title span:nth-child(3){width:15%;}
.note_tr_title span:nth-child(4){width:15%;}
.note_tr_title span:nth-child(5){width:10%;}

.note_tr_list{background:#333333; border-bottom:1px solid #0c0c0c; color:#efefef; font-size:13px; text-align:center; display: flex; align-items: center; justify-content:space-between; padding:10px; cursor:pointer; flex-wrap:wrap;}
.note_tr_list span{display:inline-block; padding:4px;}
.note_tr_list span:nth-child(1){width:10%;}
.note_tr_list span:nth-child(2){width:50%; text-align:left;}
.note_tr_list span:nth-child(3){width:15%;}
.note_tr_list span:nth-child(4){width:15%;}
.note_tr_list span:nth-child(5){width:10%;}

.note_tr_list:hover{background:#2c2c2c}
.note_delete i:hover{color:#ff0000;}

.hide_note{float:left; width:100%; padding:20px; background:#000; font-size:13px; line-height:1.5;}
.hide_note img{width:100%; max-width:800px;}
@media screen and (max-width:768px) {
	.note_tr_title{display:none;}
	.list_tr_list{}
	.note_tr_list span:nth-child(1){width:70px;}
	.note_tr_list span:nth-child(2){width:calc(100% - 170px); padding:4px 10px;}
	.note_tr_list span:nth-child(3){width:100px;}
	.note_tr_list span:nth-child(4){width:50%; font-size:11px; color:#aaaaaa; text-align:left;}
	.note_tr_list span:nth-child(5){width:90px; font-size:20px; color:#aaaaaa; text-align:right; padding:0 12px 4px;}	
}

@media screen and (max-width:600px) {

}

@media screen and (max-width:480px) {

}


.page_wrap       {float:left; width:100%; height:40px; text-align:center; clear:both;}
.page_wrap ul li {display:inline;}
.page            {background:#2d2d2d; border:1px solid #0c0c0c; color:#fafafa; display:inline-block; padding:12px 17px 12px 17px; border-radius:0px;}
.pageon          {border:1px solid #e8aa38; color:#e8aa38; display:inline-block; padding:12px 17px 12px 17px; font-weight:500; border-radius:0px;}

@media screen and (max-width:1024px) {
	.page_wrap ul li span{padding:10px 15px 10px 15px;}
}
.list_box{overflow-x:auto;}
.over_list{min-width:600px;}
.list_box::-webkit-scrollbar {width: 4px; height: 4px;}
.list_box::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.1); border-radius: 12px;}
.list_box::-webkit-scrollbar-track {display: none;}
/*-------------------------------------------------------------------------------------*
 *  쓰기게시판                                                                          *
 *-------------------------------------------------------------------------------------*/
.write_box{float:left; width:100%; margin:5px 0 0 0; display:flex; flex-wrap:wrap;}
.white_box_h{float:left; background:#222222; width:calc(50% - 2.5px); margin:0 5px 0 0; border-radius:0px;}
.white_box_h:nth-child(2n){margin:0 0 0 0;}
.write_tr{float:left; width:100%; display:flex; border-bottom:1px solid #0c0c0c;}
.write_tr:last-child{border-bottom:none;}
.write_title_top {}
.write_title     {background:#222222; color:#bababa; width:100px; font-weight:300; font-size:13px; display:flex; padding:20px 10px;}  
.write_basic     {background:#222222; color:#efefef; padding:20px 20px 12px 20px; width:calc(100% - 100px); font-size:13px;}
.write_basic input::placeholder, .write_basic textarea::placeholder {color:#999999; transition:all 0.5s;}
.write_basic input:focus, .write_basic textarea:focus {border:1px solid #ffe696;}
.write_text{float:left; width:100%; padding:5px 0;}
.num{display:inline-block; width:26px; height:20px; border-radius:0px; background:#343434; text-align:center; line-height:24px; font-size:12px; font-weight:300; color:#e8aa38; margin:0 5px 0 0;}

.join .write_tr{width:50%;}
@media screen and (max-width:1620px) {
    .write_box{flex-wrap:wrap;}
    .white_box_h{width:100%; margin:0 0 5px 0;}
}

@media screen and (max-width:768px) {
	.write_tr{flex-wrap:wrap;}
	.write_tr>*{width:100%;}
	.write_title{padding:10px 10px 0;}
	.join .write_tr{width:100%;}

}

/*-------------------------------------------------------------------------------------*
 *  버튼                                                                               *
 *-------------------------------------------------------------------------------------*/
.btn1_1         {display:inline-block; text-align:center; border-radius:0px; color:#e8aa38; font-size:12px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn1_2         {display:inline-block; text-align:center; border-radius:0px; color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn2_1         {display:inline-block; text-align:center; border-radius:0px; color:#e8aa38; font-size:12px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn2_2         {display:inline-block; text-align:center; border-radius:0px; color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn3_1         {display:inline-block; text-align:center; border-radius:0px; color:#e8aa38; font-size:16px; letter-spacing:-1pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn3_2         {display:inline-block; text-align:center; border-radius:0px; color:#ffffff; font-size:16px; letter-spacing:-1pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}

.btn_wrap_right        {float:left; width:100%; text-align:right;}
.btn_wrap_right ul li  {display:inline;}
.btn_wrap_center       {float:left; width:100%; text-align:center;}
.btn_wrap_center ul li {display:inline;}

.btn1_1         {border:1px solid #e8aa38; min-width:85px; min-height:34px; padding:0 15px 0 15px; line-height:34px;}
.btn1_1:hover   {background:#e8aa38; color:#ffffff;}

.btn1_2         {background:#383838; border:1px solid #383838; min-width:85px; min-height:34px; padding:0 15px 0 15px; line-height:34px;}
.btn1_2:hover   {background:#4a4a4a;}

.btn2_1         {border:1px solid #e8aa38; min-width:110px; height:40px; line-height:40px;}
.btn2_1:hover   {background:#e8aa38; color:#ffffff;}

.btn2_2         {background:#383838; border:1px solid #383838; min-width:110px; height:40px; line-height:40px;}
.btn2_2:hover   {background:#4a4a4a;}

.btn3_1         {border:1px solid #e8aa38; min-width:220px; height:46px; line-height:46px;}
.btn3_1:hover   {background:#e8aa38; color:#ffffff;}

.btn3_2         {background:#383838; border:1px solid #383838; min-width:220px; height:46px; line-height:46px;}
.btn3_2:hover   {background:#4a4a4a;}

.btn2_3         {display:inline-block; text-align:center; border-radius:3px; color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn2_4         {display:inline-block; text-align:center; border-radius:3px; color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}

.btn2_3         {background:linear-gradient(#a7af0f  0%, #11531f 100%); min-width:110px; height:40px; line-height:40px;}
.btn2_3:hover   {background:linear-gradient(-45deg, #a7af0f 0%, #11531f 100%);}

.btn2_4         {background:linear-gradient(#af0f0f 0%, #531111 100%); min-width:110px; height:40px; line-height:40px;}
.btn2_4:hover   {background:linear-gradient(-45deg, #af0f0f 0%, #531111 100%);}



.division1      {background:rgba(255,255,255,0.2); display:inline-block; text-align:center; min-width:60px; padding:6px 8px 6px 8px; line-height:11px;  color:#ffffff; font-size:11px; font-weight:300; border-radius:100px;}
.division2      {background:#ffe696; display:inline-block; text-align:center; min-width:60px; padding:6px 8px 6px 8px; line-height:11px;  color:#000000; font-size:11px; font-weight:300; border-radius:100px;}
.division3      {border:1px solid #72707c; display:inline-block; text-align:center; min-width:40px; padding:4px 8px 4px 8px; line-height:11px;  color:#ffffff; font-size:11px; font-weight:300; border-radius:100px;}

.write_basic_btn{display:inline-block; width:100%; margin:5px 0 0 0;}
[class*="btn1_"] {margin: 0 0 2px;}

@media screen and (max-width:1250px) {
	.write_basic_btn{margin:5px 0 0 0;}

}
@media screen and (max-width:768px) {
	.display_flex{display:flex; flex-wrap: nowrap; align-items: center; justify-content: center;}
	.display_flex li{width:100%; margin:0 2px 0 2px;}
								   
	[class*="btn2_"] {min-width:100%;}
	[class*="btn3_"] {min-width:100%;}
	.division1{min-width:50px; font-size:13px}
	.division2{min-width:50px; font-size:13px}
}

.btn1_1:hover , .btn1_2:hover , .btn2_1:hover , .btn2_2:hover , .btn3_1:hover , .btn3_2:hover {
	-webkit-animation: mouseover03 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: mouseover03 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}


@keyframes mouseover03 {
  0% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}

/*-------------------------------------------------------------------------------------*
 *  탭                                                                                 *
 *-------------------------------------------------------------------------------------*/
.tab_wrap       {float:left; margin:10px 0 0 0; transition:all 0.5s;}
.tab_wrap ul li {float:left; margin:0 1px 3px 0;}
.tab            {background:linear-gradient(#666666 0%, #444444 100%); width:110px; height:32px; line-height:32px; text-align:center; display:inline-block; color:#989898; font-weight:400; border-radius:5px;}
.tab:hover      {background:linear-gradient(#117e43 0%, #126337 100%); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.44),0px 1px 12px 1px rgba(0, 255, 121, 0.44) inset; color:#ffffff;}
.tabon          {background:linear-gradient(#117e43 0%, #126337 100%); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.44),0px 1px 12px 1px rgba(0, 255, 121, 0.44) inset; width:110px; height:32px; line-height:32px; text-align:center; display:inline-block; color:#ffffff; font-weight:400; border-radius:5px; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.39);}

.tab:hover img{filter:brightness(100);}

@media screen and (max-width:1024px) {
}
@media screen and (max-width:768px) {
	.tab_wrap{width:100%; margin:0;}
	.tab_wrap ul li{width:33%; margin:0 0.5% 0.5% 0;}
	.tab_wrap ul li:nth-child(3n){margin:0 0 0.5% 0;}
	.tab{width:100%;}
	.tabon{width:100%;}
}

/*-------------------------------------------------------------------------------------*
 *  폰트                                                                               *
 *-------------------------------------------------------------------------------------*/
.font01 {color:#ffffff; font-weight:500;}
.font02 {color:#000000; font-weight:500;}
.font03 {color:#929292;}            
.font04 {color:#72b12c;}            
.font05 {color:#ffcf00; font-weight:500;}
.font06 {color:#ff5a00; font-weight:500;}
.font07 {color:#96ff00; font-weight:500;}
.font08 {color:#828282; font-weight:500;}
.font09 {color:#0048ff; font-weight:500;}
.font10 {color:#fee900; font-weight:500;}

.font11 {color:#fff600; font-weight:500; font-size:16px; font-family:'EsaManru';}
.font12 {color:#eaeaea; font-weight:500; font-size:16px; font-family:'EsaManru';}
.font13 {color:#ffffff; font-weight:500; font-size:16px; font-family:'EsaManru';}
.font14 {color:#00ff54; font-weight:500; font-size:20px; font-family:'EsaManru';}

/*-------------------------------------------------------------------------------------*
 *  인풋                                                                               *
 *-------------------------------------------------------------------------------------*/
.input1       {background-color:#313131; border:1px solid #313131; padding:4px 0 4px 5px; color:#ffffff; font-size:14px; border-radius:3px; width:100%; height:34px; transition:all 0.5s;}
.input2       {background-color:#313131; border:1px solid #313131; padding:4px 0 4px 5px; color:#ffffff; font-size:14px; border-radius:3px; transition:all 0.5s;}
.input3       {background-color:#313131; border:1px solid #313131; padding:8px 5px 8px 5px; color:#ffffff; font-size:14px; border-radius:3px; transition:all 0.5s; text-align:center;}


.select       {background-color:inherit; padding:0 10px; color:#ffffff; height:40px; text-align:center; transition:all 0.5s;}
input[type="date"]::-webkit-calendar-picker-indicator{color-scheme: dark;}

.isoContentLoader {
	width: 50px;
	height: 50px;
	animation: svgSpinner 1.4s linear infinite;
}

.loading-back {
	position: fixed;
	background-color: #00000088;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9999999999;
}

.isoContentLoaderCircle {
	-webkit-animation: svgSpinnerCircle 1.4s ease-in-out infinite;
	animation: svgSpinnerCircle 1.4s ease-in-out infinite;
	stroke-dasharray: 80px, 200px;
	stroke-dashoffset: 0px;
	stroke: #ffa400;
	stroke-linecap: round;
}

@keyframes svgSpinner {
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes svgSpinnerCircle {
	0% {
		stroke-dasharray: 1px, 200px;
		stroke-dashoffset: 0px;
	}
	50% {
		stroke-dasharray: 100px, 200px;
		stroke-dashoffset: -15px;
	}
	100% {
		stroke-dasharray: 100px, 200px;
		stroke-dashoffset: -120px;
	}
}

.register_select {
    position: absolute;
    left: 8px;
    top: -2px;
    width: 85%;
}

.gameCount {
	position: absolute;
	top: 4px;
	right: 8px;
	color: #f9ff00;
}

.mini_bet_close {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
}

.mini_bet_close, .mini_bet_close:after {
	display: flex;
	justify-content: center;
	align-items: center;
}

.mini_bet_close:after {
	content: "";
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background: rgba(0, 0, 0, .6) url(/images/icon_key_close.svg) no-repeat 50%;
	background-size: 60% auto;
}