@import url("https://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-2350.css");
*, *:before, *:after {
box-sizing: border-box;
}
html {
/*background: url("../../../../new_image/site/skin4/images/bg0316.png?v=3") center top no-repeat #000000;*/
/* background: url("../../../../new_image/total/main_back.png?v=4") center top no-repeat #000000; */
/*background: url("../../../../new_image/sample-a/main_back1.jpg?v=446") center top no-repeat #000000;*/
background-size : cover;
}
body {
padding: 0;
font-size: 12px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
min-height: 800px;
margin-bottom: 0px;
width: 100%;
}
/* reset */
body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
margin: 0;
padding: 0
}
fieldset, img {
border: 0 none
}
dl, ul, ol, menu, li {
list-style: none
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none
}
input, select, textarea, button {
vertical-align: middle
}
button {
border: 0 none;
background-color: transparent;
cursor: pointer
}
body, th, td, input, select, textarea, button {
font-size: 12px;
color: #fff
}
a {
color: #fff;
transition: 0.2s;
text-decoration: none

}
a:active, a:hover {
text-decoration: none;
}
address, caption, cite, code, dfn, em, var {
font-style: normal;
font-weight: normal
}
#frm {
position: absolute;
right: 10px;
top: 32px;
z-index: 999999;
}
#login-btn {
border: none;
border: none;
color: #fff;
font-weight: bold;
height: 35px;
line-height: 35px;
text-align: center;
text-decoration: none;
display: inline-block;
text-transform: uppercase;
cursor: pointer;
vertical-align: middle;
width: 110px;
font-size: 12px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
border-radius: 3px;
border: 1px solid #ffc529;
background: #171717;
color: #ffc529;
transition: 0.5s;
}
#login-btn:hover {
color: #fff;
border: 1px solid #ffcc00;
background: #ffcd01;
background: -moz-linear-gradient(top, #ffcd01 0%, #e37800 100%);
background: -webkit-linear-gradient(top, #ffcd01 0%,#e37800 100%);
background: linear-gradient(to bottom, #ffcd01 0%,#e37800 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd01', endColorstr='#e37800',GradientType=0 );
}
#join-btn {
vertical-align: middle;
border: none;
color: #fff;
font-weight: bold;
height: 35px;
line-height: 35px;
text-align: center;
text-decoration: none;
display: inline-block;
text-transform: uppercase;
cursor: pointer;
width: 110px;
font-size: 13px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
border-radius: 3px;
border: 1px solid #ffcc00;
background: #ffcd01;
background: -moz-linear-gradient(top, #ffcd01 0%, #e37800 100%);
background: -webkit-linear-gradient(top, #ffcd01 0%,#e37800 100%);
background: linear-gradient(to bottom, #ffcd01 0%,#e37800 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd01', endColorstr='#e37800',GradientType=0 );
transition: 0.5s;
}
#join-btn:hover {
border: 1px solid #ffc529;
background: #171717;
color: #ffc529;
}
input[type=text], input[type=password] {
width: 135px;
height: 35px;
border: 1px solid #444444;
background: #171717;
font-size: 14px;
vertical-align: middle;
padding: 0 20px;
color: #fff;
transition: 0.5s
}
input[type=text]:focus, input[type=password]:focus {
outline: none;
border: 1px solid #ffcc00;
}
input[type=text]::placeholder, input[type=password]::placeholder {
color: #999;
}
.main-content {
width: 1260px;
overflow: hidden;
margin: 0px auto;
box-sizing: border-box;
padding: 0 10px;
margin-top: -15px;
}
.main-content-top {

background: url("../../../../new_image/site/skin4/images/main_pc.png?v=33") left bottom no-repeat;
background-size: contain;
height: 414px;
position: relative;
margin: 0 11px;
}
{
position: absolute;
width: 378px;
height: 100px;
top: 178px;
left: 143px;
}
.button-container {
text-align: center;
position: relative;
bottom: 0;
}
.button-container .btn.btn-promo {
background: url("../../../../new_image/site/skin4/images/promo-button.png?v=2") center no-repeat;
width: 195px;
height: 60px;
font-size: 12px;
padding: 0;
outline: none;
}
.button-container .btn.btn-promo:hover {
color: #ffc527;
}

.slider-banner__content {
outline: none;
}
.slick-dots { bottom: 60px !important;}
.slick-dots li {
margin: 0 !important;
width: 12px !important;

}
.slick-dots li button:before {
opacity: .75 !important;
color: #7e7e7e !important;
font-size: 7px;
}


.slick-dots li.slick-active button:before {
opacity: .75;
color: #fad002 !important;
font-size: 7px;
}
.game-buttons-container {
font-size: 0;
background: #000000;
padding: 10px 11px;
}
.banner-cont-top { margin-bottom: 10px;}
.banner-cont-top:after {content:""; display:block; clear:both;}
.banner-cont-top li{ float: left;}
.clear {
clear: both;
width: 100%;
margin: 0;
padding: 0;
}
.banner-cont-top li:last-child { float: right;}
.banner-cont-top li a:hover { filter: brightness(1.4)}
.main-notice-arr {
width: 400px;
height: 220px;
background: url("../../../../new_image/site/skin4/images/bg-notice.jpg?v=2") no-repeat;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
font-size: 12px;
padding: 18px 24px;
box-sizing: border-box;
}
.main-notice-arr h4{
width: 100%;
height: auto;
float: left;
position: relative;
padding-bottom: 2px;
font-size: 21px;
color: #fff;
}
.main-notice-arr h4:before{
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background-color: #f8d670;
box-shadow: 0px 0px 9px rgba(163, 141, 21, 0.72);
}

.main-notice-arr h4:after{
content: "";
position: absolute;
right: 5px;
bottom: -3px;
height: 7px;
width: 7px;
border-radius: 50%;
background-color: #cccccc;
}
.main-notice-arr h4 img { vertical-align: middle;}
.main-notice-arr h4 a {
float: right;
color: #999;
font-size: 11px;
margin-top: 16px;
margin-right: 10px;
font-weight: bold;
cursor: pointer;
}
.main-notice-arr li{ font-size: 12px; font-weight: bold; position: relative;}
.main-notice-arr li strong { float: left;}
.main-notice-arr li span { float: right;}

.main-event-arr {
width: 400px;
height: 220px;
background: url("../../../../new_image/site/skin4/images/bg-notice.jpg?v=2") no-repeat;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
font-size: 12px;
padding: 18px 24px;
box-sizing: border-box;
}
.main-event-arr h4{
width: 100%;
height: auto;
float: left;
position: relative;
padding-bottom: 2px;
font-size: 21px;
color: #fff;
}
.main-event-arr h4:before{
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background-color: #f8d670;
box-shadow: 0px 0px 9px rgba(163, 141, 21, 0.72);
}

.main-event-arr h4:after{
content: "";
position: absolute;
right: 5px;
bottom: -3px;
height: 7px;
width: 7px;
border-radius: 50%;
background-color: #cccccc;
}
.main-event-arr h4 img { vertical-align: middle;}
.main-event-arr h4 a {
float: right;
color: #999;
font-size: 11px;
margin-top: 16px;
margin-right: 10px;
font-weight: bold;
cursor: pointer;
}
.main-event-arr li{ font-size: 12px; font-weight: bold; position: relative;}
.main-event-arr li strong { float: left;}
.main-event-arr li span { float: right;}

.main-customer-arr {
width: 398px;
height: 220px;
background: url("../../../../new_image/site/skin4/images/bg-customer.png") no-repeat;
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 16px;
font-weight: 600;
}

.main-customer-arr div{
padding-top: 120px;
}

.main-customer-arr p{
color: #fff;
font-size: 20px;
}
.main-customer-arr .flot_left { float: left; width: 50%; text-align: center;}
.main-customer-arr .flot_right { float: right; width: 50%; text-align: center;}
.main-customer-arr p>span{
color: #ffcd01;
text-transform: uppercase;
}
.slider {position: absolute;    width: 378px;    height: 100px;   top: 178px;    left: 143px; outline: none !important;}
.slide {outline: none !important;}
.slick-prev {left: 4px !important; z-index: 33;}
.slick-next {right: 4px !important; z-index: 33;}
.slick-list{ padding: 0 !important; text-align: center; }
*{ outline: none !important;}
.container-top {
position: relative;
left: 0px;
margin: 0 auto;
height: 129px;
background: url("../../../../new_image/site/skin4/images/bg-header.jpg?v=2") repeat-x bottom;
box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 80%);
}
.user-info-arr1 > .w1160 {
height:100%
}
.w1160 {
margin: 0 auto;
width: 1260px;
position: relative;
padding: 0 10px;
box-sizing: border-box;
}
.main_navigation {
position: absolute;
top: 20px;
right: 540px;
margin: 0 auto;
height: 55px;
}
.main_navigation li {
font-family: NotoSansKR !important;
float: left;
margin: 0px;
position: relative;
}
.main_navigation li:last-child {
background: none;
}
.main_navigation li a {
display: block !important;
color: #fff;
padding: 0 17px;
font-size: 17px;
font-weight: 600;
margin-top: 0px;
height: 55px;
line-height: 55px;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,0.9);
}
.main_navigation li a:hover { color: #e9b424;}

.logo-login	 {    position: absolute;
left: 10px;
top: 20px;
display: block;
z-index: 99999;}
.slider {position: absolute;    width: 378px !important;    height: 180px !important;   top: 178px;    left: 143px; }

.slick-prev {left: 4px !important; z-index: 33;}
.slick-next {right: 4px !important; z-index: 33;}
.slick-list{ padding: 0 !important; text-align: center; }
*{ outline: none !important;}

.cont-bottom { margin-top: 10px;}
.main-depositList-arr {
width: 400px;
height: 220px;
background: url("../../../../new_image/site/skin4/images/bg-notice.jpg?v=2") no-repeat;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
font-size: 12px;
padding: 18px 24px;
box-sizing: border-box;
overflow: hidden;
}
.main-depositList-arr h4{
width: 100%;
height: auto;
float: left;
position: relative;
padding-bottom: 2px;
font-size: 21px;
color: #fff;
}
.main-depositList-arr h4:before{
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background-color: #f8d670;
box-shadow: 0px 0px 9px rgba(163, 141, 21, 0.72);
}

.main-depositList-arr h4:after{
content: "";
position: absolute;
right: 5px;
bottom: -3px;
height: 7px;
width: 7px;
border-radius: 50%;
background-color: #cccccc;
}
.main-depositList-arr h4 img { vertical-align: middle;}
.main-depositList-arr h4 a {
float: right;
color: #999;
font-size: 11px;
margin-top: 16px;
margin-right: 10px;
font-weight: bold;
cursor: pointer;
}
.main-depositList-arr ul{ margin-top: 5px;}
.main-depositList-arr li{ font-size: 12px; font-weight: bold; position: relative; height: 25px; line-height: 25px;}
.main-depositList-arr li .table_cell { display: inline-block}
.main-depositList-arr li .table_cell:nth-child(2) { padding: 0 10px; text-align: right; width: 140px; }
.main-depositList-arr li .table_cell:nth-child(2) span { float: left; color: #FF5F00 }
.main-depositList-arr li .table_cell:nth-child(3) { text-align: right; width: 115px;}

.main-bot-banner01 {  box-sizing: border-box;   display: inline-block;   vertical-align: middle;}
.main-withdrawList-arr {
width: 400px;
height: 220px;
background: url("../../../../new_image/site/skin4/images/bg-notice.jpg?v=2") no-repeat;
margin-right: 0px;
display: inline-block;
vertical-align: middle;
font-size: 12px;
padding: 18px 24px;
box-sizing: border-box;
overflow: hidden;

}

.main-withdrawList-arr h4{
width: 100%;
height: auto;
float: left;
position: relative;
padding-bottom: 2px;
font-size: 21px;
color: #fff;
}
.main-withdrawList-arr h4:before{
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background-color: #f8d670;
box-shadow: 0px 0px 9px rgba(163, 141, 21, 0.72);
}

.main-withdrawList-arr h4:after{
content: "";
position: absolute;
right: 5px;
bottom: -3px;
height: 7px;
width: 7px;
border-radius: 50%;
background-color: #cccccc;
}
.main-withdrawList-arr h4 img { vertical-align: middle;}
.main-withdrawList-arr h4 a {
float: right;
color: #999;
font-size: 11px;
margin-top: 16px;
margin-right: 10px;
font-weight: bold;
cursor: pointer;
}
.main-withdrawList-arr ul{ margin-top: 5px;}
.main-withdrawList-arr li{ font-size: 12px; font-weight: bold; position: relative; height: 25px; line-height: 25px;}
.main-withdrawList-arr li .table_cell { display: inline-block}
.main-withdrawList-arr li .table_cell:nth-child(2) { padding: 0 10px; text-align: right; width: 140px; }
.main-withdrawList-arr li .table_cell:nth-child(2) span { float: left; color: #00A3F3 }
.main-withdrawList-arr li .table_cell:nth-child(3) { text-align: right; width: 115px;}
</style>
<style type="text/css">
.main-content {
width: 1260px;
overflow: hidden;
margin: 0px auto;
box-sizing: border-box;
padding: 0 10px;
margin-top: -15px;
}

{
position: absolute;
width: 378px;
height: 100px;
top: 178px;
left: 143px;
}
.button-container {
text-align: center;
position: relative;
bottom: 0;
}
.button-container .btn.btn-promo {
background: url("../../../../new_image/site/skin4/images/promo-button.png") center no-repeat;
width: 195px;
height: 60px;
font-size: 12px;
padding: 0;
outline: none;
margin-top: 20px;
}
.button-container .btn.btn-promo:hover {
color: #ffc527;
}
.slider-banner__content {
outline: none;
}
.slick-dots {
bottom: -0px !important;
}
.slick-dots li {
margin: 0 !important;
width: 12px !important;
}
.slick-dots li button:before {
opacity: .75 !important;
color: #7e7e7e !important;
font-size: 7px;
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: #fad002 !important;
font-size: 7px;
}
.game-buttons-container {
font-size: 0;
background: #000000;
padding: 10px 11px;
}
.banner-cont-top {
margin-bottom: 10px;
}
.banner-cont-top:after {
content: "";
display: block;
clear: both;
}
.banner-cont-top li {
float: left;

box-sizing: border-box;

}

.banner-cont-top li:first-child {
padding-right: 9px;
}
.banner-cont-top li:nth-child(2) {
padding-right: 9px;
}

.banner-cont-top li:last-child {
float: right;
text-align: right;
}
.banner-cont-top li a:hover {
filter: brightness(1.4)
}
.main-notice-arr {
width: 400px;
height: 220px;
background: url("../../../../new_image/site/skin4/images/bg-notice.jpg?v=2?2") no-repeat;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
font-size: 12px;
padding: 18px 24px;
box-sizing: border-box;
}
.main-notice-arr h4 {
width: 100%;
height: auto;
float: left;
position: relative;
padding-bottom: 2px;
font-size: 21px;
color: #fff;
}
.main-notice-arr h4:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background-color: #f8d670;
box-shadow: 0px 0px 9px rgba(163, 141, 21, 0.72);
}
.main-notice-arr h4:after {
content: "";
position: absolute;
right: 5px;
bottom: -3px;
height: 7px;
width: 7px;
border-radius: 50%;
background-color: #cccccc;
}
.main-notice-arr h4 img {
vertical-align: middle;
}
.main-notice-arr h4 a {
float: right;
color: #999;
font-size: 11px;
margin-top: 16px;
margin-right: 10px;
font-weight: bold;
cursor: pointer;
}
.main-notice-arr ul {
margin-top: 5px;
}
.main-notice-arr li {
font-size: 12px;
font-weight: bold;
position: relative;
height: 25px;
line-height: 25px;
}
.main-notice-arr li strong {
float: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 250px;
}
.main-notice-arr li span {
float: right;
}
.main-event-arr {
width: 400px;
height: 220px;
background: url("../../../../new_image/site/skin4/images/bg-notice.jpg?v=2") no-repeat;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
font-size: 12px;
padding: 18px 24px;
box-sizing: border-box;
overflow: hidden;
}
.main-event-arr h4 {
width: 100%;
height: auto;
float: left;
position: relative;
padding-bottom: 2px;
font-size: 21px;
color: #fff;
}
.main-event-arr h4:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background-color: #f8d670;
box-shadow: 0px 0px 9px rgba(163, 141, 21, 0.72);
}
.main-event-arr h4:after {
content: "";
position: absolute;
right: 5px;
bottom: -3px;
height: 7px;
width: 7px;
border-radius: 50%;
background-color: #cccccc;
}
.main-event-arr h4 img {
vertical-align: middle;
}
.main-event-arr h4 a {
float: right;
color: #999;
font-size: 11px;
margin-top: 16px;
margin-right: 10px;
font-weight: bold;
cursor: pointer;
}
.main-event-arr ul {
margin-top: 5px;
}
.main-event-arr li {
font-size: 12px;
font-weight: bold;
position: relative;
height: 25px;
line-height: 25px;
}
.main-event-arr li strong {
float: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 250px;
}
.main-event-arr li span {
float: right;
}
.main-customer-arr {
width: 398px;
height: 220px;
background: url("../../../../new_image/site/skin4/images/bg-customer.png?v=3") no-repeat;
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 16px;
font-weight: 600;
}
.main-customer-arr div {
padding-top: 120px;
}
.main-customer-arr p {
color: #fff;
font-size: 20px;
}
.main-customer-arr .flot_left {
float: left;
width: 50%;
text-align: center;
}
.main-customer-arr .flot_right {
float: right;
width: 50%;
text-align: center;
}
.main-customer-arr p>span {
color: #ffcd01;
text-transform: uppercase;
}
.main-customer-arr p>span a{
color: #ffcd01;
text-transform: uppercase;
}
.slider {
position: absolute;
width: 378px;
height: 100px;
top: 178px;
left: 143px;
outline: none !important;
}
.slide {
outline: none !important;
}
.slick-prev {
left: 4px !important;
z-index: 33;
}
.slick-next {
right: 4px !important;
z-index: 33;
}
.slick-list {
padding: 0 !important;
text-align: center;
}
* {
outline: none !important;
}
.cont-bottom {
margin-top: 10px;
}
.main-depositList-arr {
width: 400px;
height: 220px;
background: url("../../../../new_image/site/skin4/images/bg-notice.jpg?v=2?2") no-repeat;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
font-size: 12px;
padding: 18px 24px;
box-sizing: border-box;
overflow: hidden;
}
.main-depositList-arr h4 {
width: 100%;
height: auto;
float: left;
position: relative;
padding-bottom: 2px;
font-size: 21px;
color: #fff;
}
.main-depositList-arr h4:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background-color: #f8d670;
box-shadow: 0px 0px 9px rgba(163, 141, 21, 0.72);
}
.main-depositList-arr h4:after {
content: "";
position: absolute;
right: 5px;
bottom: -3px;
height: 7px;
width: 7px;
border-radius: 50%;
background-color: #cccccc;
}
.main-depositList-arr h4 img {
vertical-align: middle;
}
.main-depositList-arr h4 a {
float: right;
color: #999;
font-size: 11px;
margin-top: 16px;
margin-right: 10px;
font-weight: bold;
cursor: pointer;
}
.main-depositList-arr ul {
margin-top: 5px;
}
.main-depositList-arr li {
font-size: 12px;
font-weight: bold;
position: relative;
height: 25px;
line-height: 25px;
}
.main-depositList-arr li .table_cell {
display: inline-block
}
.main-depositList-arr li .table_cell:nth-child(2) {
padding: 0 10px;
text-align: right;
width: 140px;
}
.main-depositList-arr li .table_cell:nth-child(2) span {
float: left;
color: #FF5F00
}
.main-depositList-arr li .table_cell:nth-child(3) {
text-align: right;
width: 115px;
}
.main-bot-banner01 {
box-sizing: border-box;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
.main-withdrawList-arr {
width: 400px;
height: 220px;
background: url("../../../../new_image/site/skin4/images/bg-notice.jpg?v=2") no-repeat;
display: inline-block;
vertical-align: middle;
font-size: 12px;
padding: 18px 24px;
box-sizing: border-box;
overflow: hidden;
}
.main-withdrawList-arr h4 {
width: 100%;
height: auto;
float: left;
position: relative;
padding-bottom: 2px;
font-size: 21px;
color: #fff;
}
.main-withdrawList-arr h4:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background-color: #f8d670;
box-shadow: 0px 0px 9px rgba(163, 141, 21, 0.72);
}
.main-withdrawList-arr h4:after {
content: "";
position: absolute;
right: 5px;
bottom: -3px;
height: 7px;
width: 7px;
border-radius: 50%;
background-color: #cccccc;
}
.main-withdrawList-arr h4 img {
vertical-align: middle;
}
.main-withdrawList-arr h4 a {
float: right;
color: #999;
font-size: 11px;
margin-top: 16px;
margin-right: 10px;
font-weight: bold;
cursor: pointer;
}
.main-withdrawList-arr ul {
margin-top: 5px;
}
.main-withdrawList-arr li {
font-size: 12px;
font-weight: bold;
position: relative;
height: 25px;
line-height: 25px;
}
.main-withdrawList-arr li .table_cell {
display: inline-block
}
.main-withdrawList-arr li .table_cell:nth-child(2) {
padding: 0 10px;
text-align: right;
width: 140px;
}
.main-withdrawList-arr li .table_cell:nth-child(2) span {
float: left;
color: #00A3F3
}
.main-withdrawList-arr li .table_cell:nth-child(3) {
text-align: right;
width: 115px;
}
.slick-slide a img { display: none;}
.slick-slide a {font-family: NotoSansKR !important; font-weight: 900;  font-style: italic; font-size: 36px; line-height: 36px;  text-shadow: 0px 5px 10px #000; }

#sidebar-right { background: #ffcc00;}