@charset "utf-8";

@font-face {
    font-family: 'GmarketSansLight';
    src: url('/fonts/GmarketSansTTFLight.eot');
    src: url('/fonts/GmarketSansTTFLight.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GmarketSansTTFLight.woff2') format('woff2'),
        url('/fonts/GmarketSansTTFLight.woff') format('woff'),
        url('/fonts/GmarketSansTTFLight.ttf') format('truetype'),
        url('/fonts/GmarketSansTTFLight.svg#GmarketSansTTFLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('/fonts/GmarketSansTTFMedium.eot');
    src: url('/fonts/GmarketSansTTFMedium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GmarketSansTTFMedium.woff2') format('woff2'),
        url('/fonts/GmarketSansTTFMedium.woff') format('woff'),
        url('/fonts/GmarketSansTTFMedium.ttf') format('truetype'),
        url('/fonts/GmarketSansTTFMedium.svg#GmarketSansTTFMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('/fonts/GmarketSansTTFBold.eot');
    src: url('/fonts/GmarketSansTTFBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GmarketSansTTFBold.woff2') format('woff2'),
        url('/fonts/GmarketSansTTFBold.woff') format('woff'),
        url('/fonts/GmarketSansTTFBold.ttf') format('truetype'),
        url('/fonts/GmarketSansTTFBold.svg#GmarketSansTTFBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}







html {
    scroll-behavior: smooth;
    height: 100%;
}

body {
    margin: 0;
    font-family: 'GmarketSansMedium';
    height: 100%;
    background-color: #000000;
    color: #ffffff;
}

a {
    text-decoration: none;
    color: #fff;
}
a .top {
    width: 100%;
}


input[type='checkbox'] {
    accent-color: #ffd35d;
}

textarea {
    resize: none;
}


/* width */
::-webkit-scrollbar {
    width: 10px;
	border-radius: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #282828;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #aaa18f;
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #535353;
}

::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.container {
    min-width: 1500px;
}

/* Colors */
.clr-blue {
    color: #2c7cfc;
}
.clr-blue-2 {
    color: #578eea;
}

.clr-red {
    color: #ff2727;
}
.clr-red-2 {
    color: #ea5757;
}

.clr-grey {
    color: #7c7c7c
}

.clr-white {
    color: #fff
}

.clr-green {
    color: #57ea7b
}

.green {
    color: green
}

.clr-orange {
    color: #ff8100 !important
}

.clr-orange-2 {
    color: #eaa757 !important
}



/* Header */
.header {
    width: 1500px;
    margin: auto;
    left: 0;
    right: 0;
}

.h-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 69px;
}

.h-logo {
    flex: auto;
}

.h-menu {
    display: flex;
    gap: 38px;
    font-size: 16px;
    flex: initial;
}

.h-info {
    display: flex;
    font-family: 'S-Core Dream 3';
    color: #fff;
    font-size: 14px;
    flex: auto;
    justify-content: flex-end;
    /* margin-top: 10px; */
}

.h-info.hide {
    display: none;
}

.h-info .h-login {
    display: flex;
    gap: 25px;
    margin-right: 20px;
    align-items: center;
}

.h-info .h-login a:first-child {
    color: #d5a56f;
    border: 1px solid #d5a56f;
    padding: 8px;
}

.h-info .h-login a:first-child:hover {
    color: #fff;
    border: 1px solid #d4ad2b;
}

.h-menu a,
.h-info a {
    transition: color 150ms;
}

.h-menu a:hover,
.h-info a:hover {
    color: #c3a137;
}

.h-info-cash-1,
.h-info-cash-2,
.h-info-cash-3  {
    position: relative;
}

.h-info .h-info-clabel {
    /*position: absolute;
    top: -14px;
    font-size: 10px;
    min-width: 49px;*/
    
}

.h-info-cash-1 {
    margin-right: 65px;
}

.h-info-cash-2 {
    margin-right: 100px;
}
.h-info-cash-3 {
    margin-right: 40px;
    cursor: pointer;
}

.h-info-cash-1::before,
.h-info-cash-2::before,
.h-info-cash-3::before {
    content: "";
    width: 22px;
    height: 23px;
    position: absolute;
    left: -28px;
    top: 45%;
    transform: translate(0, -50%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.h-info-cash-1::before {
    background-image: url('../images/ico_01.png');
}

.h-info-cash-2::before {
    background-image: url('../images/ico_02.png');
}
.h-info-cash-3::before {
    background-image: url('../images/ico_08.png');
}

.h-info-lvl-name {
    margin-right: 75px;
    display: flex;
    align-items: center;
}
.h-info-point {
    margin-right: 15px;
    cursor: pointer;
}

.h-info-lvl {
    color: #eaa757;
    margin-right: 6px;
}

.h-info-menu {
    position: relative;
}

.h-info-menu-ico::before {
    content: "";
    background-image: url('../images/icon/icon-user.png');
    width: 42px;
    height: 42px;
    position: absolute;
    left: 9px;
    top: 45%;
    transform: translate(0, -50%);
    background-size: 100% 100%;
}

.h-info-sub-menu {
    position: absolute;
    top: 18px;
    right: -18px;
    padding-top: 10px;
    border-radius: 4px;
    pointer-events: none;
    opacity: 0;
    z-index: 100;
    transition: opacity .3s
}

.h-info-sub-menu::before {
    content: '';
    position: absolute;
    top: 2px;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 8px;
    border-color: #c79f3c transparent;
}

.h-info-sub-menu ul {
    min-width: 200px;
    padding: 0;
    font-size: 14px;
    list-style-type: none;
    overflow: hidden;
    border-radius: 0px;
    margin: 0;
    background: linear-gradient(#1a191c, #1a191c) 50% 50%/calc(100% - 4px) calc(100% - 4px) no-repeat, linear-gradient(90deg, #9f6a07 0%, #f4e482 100%);
    padding: 1px;
}

.h-info-sub-menu ul li:not(:last-child) {
    border-width: 0 0 1px;
    border-style: solid;
    overflow: hidden
}

.h-info-sub-menu ul li:first-child {
    border-radius: 4px 4px 0 0
}

.h-info-sub-menu ul li:last-child {
    border-radius: 0 0 4px 4px
}

.h-info-sub-menu ul li:nth-last-child(2):hover {
    border-bottom-color: transparent
}

.h-info-sub-menu ul li {
    position: relative;
    background: #212126;
    border-color: #1e1e23;
}

.h-info-sub-menu ul li a {
    transition: none;
    -webkit-transition: none
}

.h-info-sub-menu ul li:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.h-info-sub-menu a {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 45px;
    padding: 0 12px;
    color: inherit;
    white-space: nowrap;
    font-size: 15px;
}

.h-info-sub-menu-ico {
    width: 18px;
    height: 18px;
    margin-right: 8px;
}

.h-info-sub-menu-ico::before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    background-size: 100% 100%;
}

.h-info-sub-menu-ico-3::before {
    background-image: url('../images/ico_03.png');
}

.h-info-sub-menu-ico-4::before {
    background-image: url('../images/icon/icon-deposit.png');
}

.h-info-sub-menu-ico-5::before {
    background-image: url('../images/icon/icon-withdraw.png');
}

.h-info-sub-menu-ico-6::before {
    background-image: url('../images/icon/icon-letter.png');
}

.h-info-sub-menu-ico-7::before {
    background-image: url('../images/icon/icon-cellader.png');
}

.h-info-sub-menu-ico-8::before {
    background-image: url('../images/icon/icon-point.png');
}

.h-info-sub-menu-ico-9::before {
    background-image: url('../images/icon/icon-logout.png');
}
.h-info-sub-menu-ico-10::before {
    background-image: url('../images/icon/icon-betlist2.png');
}

.h-info-sub-menu-ico-17::before {
    background-image: url('../images/ico_17.png');
}

.h-info-sub-menu-ico-18::before {
    background-image: url('../images/ico_18.png');
}
.h-info-sub-menu-ico-19::before {
    background-image: url('../images/ico_19.png');
}
.h-info-sub-menu-ico-20::before {
    background-image: url('../images/comp.png');
}

.h-info-menu:hover .h-info-sub-menu {
    opacity: 1;
    pointer-events: all
}

/* Banner more */
.banner-more {
    position: relative;
    text-align: center;
    font-size: 0;
}

.banner-more .banner-bg {
    width: 100%;
}

.banner-more .banner-logo {
    position: absolute;
    top: 0%;
    right: 22%;
    width: 12%;
}

.banner-more .banner-logo.bnslot-list {
    right: 26%;
}

.banner-more .banner-txt {
    position: absolute;
    color: #fff;
    top: 66%;
    right: 21.2%;
    font-size: 34px;
    font-style: italic;
    font-family: 'S-Core Dream 4';
}

.btnsll  {
    position: absolute;
    top: 83%;
    right: 30.5%;
}

.btnsll .btn-slotlist {
    width: auto;
    color: #fff;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 10px;
    border-radius: 8px;
    background: rgb(121,79,10);
    background: linear-gradient(0deg, rgba(121,79,10,1) 35%, rgba(255,177,51,1) 65%);
    border: 1px solid #cf832b;
    text-shadow: 2px 2px 0 #000000, 2px 2px 0 #000000;
}

.btnsll .btn-slotlist:hover {
    background: rgb(121 10 10);
    background: linear-gradient(0deg, rgb(121 10 10) 35%, rgb(255 51 51) 65%);
    border: 1px solid #cf2b2b;
}

/* default layout */
.dl {
}

.dl-single {
    /* width: 1279px; */
    -webkit-box-shadow: inset 15px 0px 15px -15px rgb(0 0 0 / 50%), inset -15px 0px 15px -15px rgb(0 0 0 / 50%);
    -moz-box-shadow: inset 15px 0px 15px -15px rgb(0 0 0 / 50%), inset -15px 0px 15px -15px rgb(0 0 0 / 50%);
    box-shadow: inset 15px 0px 15px -15px rgb(0 0 0 / 50%), inset -15px 0px 15px -15px rgb(0 0 0 / 50%);
    padding: 20px 0;
    margin: 0 auto;
}

.dl-left {
    /* width: 1279px; */
    /* padding: 20px 0; */
}

.dl-right {
    position: relative;
    width: 270px;
}

/* Footer */
.footer {margin: 50px 0px;}

.f-container {
    height: 70px;
    text-align: center;
}

.f-credit {
    font-size: 11px;
    color: #fff;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #404044;
}

.f-credit-org {
    color: #f9e7b5;
    margin: 0 4px;
}

/* Main page */
.content {}

.banner-main {
    text-align: center;
    margin-bottom: 40px;
    font-size: 0;
    position: relative;
    min-height: 390px;
}

.banner-main .bg {
    width: 100%;
    min-height: 390px;
}

.banner-main .logo {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner-main .txt {
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5vw;
    color: #fff;
    letter-spacing: 0.2vw;
    text-shadow: 0px 0.2vw 0.3vw #000000;
	
}

.topic-main {
    display: flex;
    justify-content: center;
    max-width: 1208px;
    margin: 0 auto;
    column-gap: 32px;
    margin-bottom: 40px;
}

.topic-main .col {
    flex: 1;
}

.topic-main .col-2 {
    flex: .47;
}

.topic-main .tm-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 54px;
    background: #7e4c30;
    padding: 0 15px 0 45px;
}

.topic-main .tm-left {
    position: relative;
    font-family: 'GmarketSansMedium';
    color: #fff;
    font-size: 15px;
}

.topic-main .tm-left .txtRight {
    color: #f9e7b5;
}

.topic-main .tm-left::before {
    content: "";
    width: 22px;
    height: 23px;
    position: absolute;
    left: -28px;
    top: 45%;
    transform: translate(0, -50%);
    background-size: 100% 100%;
}

.topic-main .tm-left.nr::before {
    background-image: url('../images/icon/icon-notice.png');
}

.topic-main .tm-left.ev::before {
    background-image: url('../images/icon/icon-event.png');
}

.topic-main .tm-right {
    font-family: 'S-Core Dream 4';
}

.topic-main .tm-right a {
    color: #f9e7b5;
    font-size: 13px;
    transition: color 150ms;
}

.topic-main .tm-right a:hover {
    color: #fdbd3e;
}

.topic-main .tm-list {
    display: flex;
    flex-direction: column;
    overflow: auto;
    height: 320px;
	
}
.topic-main .tm-list.box {
	position: relative;
	overflow: hidden;
	top: 1em;
}
.topic-main .tm-list .scroll {
	position: absolute;
    width:100%;
}

.topic-main .tm-list .rank-part {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    font-family: 'S-Core Dream 3';
    color: #fff;
    padding: 5.5px 18px;
}
.topic-main .tm-list .rank-part .rank-part-l {
	
}
.topic-main .tm-list .rank-part .rank-part-r {
	
}

.topic-main .tm-link {
    position: relative;
    font-size: 13px;
    font-family: 'S-Core Dream 4';
    padding: 12px 15px 12px 55px;
    transition: color 150ms;
    display: flex;
    align-items: center;
}

.topic-main .tm-link:hover {
    color: #c3a137;
}

.topic-main .tm-link::before {
    content: "";
    width: 20px;
    height: 22px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate(0, -50%);
    transition: 300ms;
    background: #fff;
    -webkit-mask: url('../images/ico_13.png') center/contain;
    mask: url('../images/ico_13.png') center/contain;
}

.topic-main .tm-link:hover::before {
    background: #c3a137;
}

.banner-main-sec {
    display: flex;
    justify-content: center;
    column-gap: 1%;
    max-width: 1208px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.banner-main-sec .col {
    background-image: url('../images/bn_main_sec.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    flex-basis: 100%;
}

.banner-main-sec .col img {
    width: 100%;
    box-sizing: border-box;
    transition: 0.5s ease;
}

.banner-main-sec .col img.bot {
    position: absolute;
    z-index: 111;
    left: 0;
    opacity: 0;
}

.banner-main-sec .col .txt {
    position: absolute;
    color: #fff;
    z-index: 111;
    font-size: 24px;
    bottom: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.8s ease-in-out;
	width: 150px;
	text-align:center;
}

.banner-main-sec .col a {
    display: block;
}

.banner-main-sec .col a:hover img.bot {
    opacity: 1;
}

/* .banner-main-sec .col a:hover img {
    transform: translateY(-15%);
    filter: saturate(2) hue-rotate(2deg) contrast(100%) brightness(140%);
} */
/* .banner-main-sec .col a:hover .txt {
    bottom: 5%;
    color: #c3a137;
    font-size: 25px;
} */
.company-img {
    padding: 25px 0;
    background: #23120e;
    text-align: center;
}
.company-img img {
    max-width: 100%;
}


/* Sidebar betting*/
.s-content {
    width: 270px;
}

.s-head {
    display: flex;
    height: 44px;
    align-items: center;
    margin-left: 20px;
}

.s-head-icouser {
    width: 23px;
    height: 23px;
    margin-right: 6px;
}

.s-head-title {
    font-size: 16px;
    color: #fff;
}

.s-body {
    height: 145px;
    background: #9e9a8e;
}

.s-body-row {
    margin: 0 20px;
    padding-top: 10px;
}

.s-body-row:last-child {
    padding-bottom: 10px;
}

.s-body-name {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.s-body-name-l {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.s-body-name-icolvl {
    align-items: center;
}

.s-body-name-id {
    font-size: 12px;
    margin-left: 4px;
    color: #fff;
}

.s-body-name-r {
    color: #fff;
    font-size: 12px;
}

.s-body-name-r a {
    text-decoration: none;
}

.s-body-cash {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s-body-cash-l,
.s-body-cash-r {
    font-size: 12px;
    color: #fff;
}

.s-contacts {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin: 20px 0;
    gap: 6px;
}

.s-contacts .s-contacts-parimg {
    position: relative;
    overflow: hidden;
}

.s-contacts .s-contacts-parimg::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.s-contacts .s-contacts-parimg:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

.s-contacts .s-contacts-parimg img {
    vertical-align: middle;
}

.s-gotopbtn {
    position: fixed;
    bottom: 312px;
    margin-left: 330px;
    background-image: url('/images/gotopbtn.png');
    width: 65px;
    height: 263px;
}

.s-gotopbtn .s-gotop {
    width: 42px;
    height: 42px;
    margin: 0 auto;
}

.s-gotopbtn .s-gobot {
    width: 42px;
    height: 42px;
    margin: 12px auto 0 auto;
}

.s-sport-betting {}

.s-sport-betting-cart {
    background-color: #23120e;
    margin-top: 14px;
    box-sizing: border-box;
    box-shadow: 0px 0px 16px 3px rgb(0 0 0 / 31%);
    -webkit-box-shadow: 0px 0px 16px 3px rgb(0 0 0 / 31%);
    -moz-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.31);
    font-family: 'S-Core Dream 3';
}

.s-sport-betting-cart-title {
    display: flex;
    justify-content: space-between;
    height: 35px;
    align-items: center;
    background: #7e4c30;
    padding: 0 12px;
}

.s-sport-betting-cart-title-left {
    display: flex;
    align-items: center;
}

.s-sport-betting-cart-title-right {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.s-sport-betting-cart-titlename {
    font-size: 15px;
    color: #fff;
}

.s-sport-betting-cart-titlecheck {
    color: #fff;
    font-size: 11px;
    cursor: pointer;
}

.s-sport-betting-cart-inputcheck {
    color: #393425;
    cursor: pointer;
}

.s-sport-betting-cart-details {
    padding: 0 15px;
}

.s-sport-betting-cart-details-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
    font-size: 12px;
    color: #fff;
}

.s-sport-betting-cart-details-cashinput {
    background-color: #151515;
    text-align: right;
    font-size: 12px;
    color: #fff;
    height: 23px;
    width: 152px;
    border: 1px solid #e2a155;
    padding: 0 6px;
    box-sizing: border-box;
}

.s-sport-betting-cart-cashbtn {
    margin: 12px 0;
}

.s-sport-betting-cart-cashbtn-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
    padding: 0 15px;
    gap: 4px;
}

.s-sport-betting-cart-cashbtn-item {
    font-size: 12px;
    color: #fff;
    flex: 1;
    height: 27px;
    background: rgb(69, 69, 69);
    background: linear-gradient(0deg, rgb(160 107 36) 0%, rgb(243 164 43) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-top: 2px solid #b85c00;
    transition: .3s;
}

.s-sport-betting-cart-cashbtn-item:hover {
    background: rgb(133, 133, 133);
    border-top: 2px solid #b85c00;
    background: linear-gradient(0deg, rgb(187 136 68) 0%, rgb(230 184 114) 100%);
}

.s-sport-betting-cart-bot {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}

.s-sport-betting-cart-bot-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    background: rgb(110, 110, 110);
    background: linear-gradient(0deg, rgb(160 107 36) 0%, rgb(243 164 43) 100%);
    width: 100%;
    border-top: 2px solid #b85c00;
    cursor: pointer;
    font-size: 16px;
    font-family: 'GmarketSansMedium';
    transition: .3s;
}

.s-sport-betting-cart-bot-btn:hover {
    background: rgb(147, 146, 146);
    border-top: 2px solid #b85c00;
    background: linear-gradient(0deg, rgb(187 136 68) 0%, rgb(230 184 114) 100%);
}

.s-sport-betting-cart-bot-btn:first-child {
    margin-bottom: 10px;
}

.s-sport-betting-cart-bot-btn-txt {
    font-size: 14px;
    color: #fff;
    margin-left: 6px;
}

.s-sport-betting-conditions {
    margin-top: 14px;
    width: 100%;
}

.s-sport-betting-conditions-title {
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin-bottom: 6px;
}

.s-sport-betting-conditions-body {
    background-color: #474234;
    padding: 8px 0;
}

.s-sport-betting-conditions-body-row {
    display: flex;
    justify-content: space-between;
    margin: 0 12px;
    margin: 0 12px 2px 12px;
}

.s-sport-betting-conditions-body-row:last-child {
    margin-bottom: 0;
}

.s-sport-betting-conditions-body-l,
.s-sport-betting-conditions-body-r {
    font-size: 12px;
    color: #fff;
}

.s-footer-fixed {
    position: fixed;
    top: 259px;
    left: calc(50% + 478px);
    width: 320px;
}

.s-sport-betting-cart-list {
    margin-top: 4px;
    max-height: 120px;
    overflow: auto;
}

.s-sport-betting-cart-list-item {
    padding: 2px 6px;
    box-sizing: border-box;
    margin-bottom: 2px;  
    background: #2d1a0f;
    margin: 0 15px 5px 15px;
}

.s-sport-betting-cart-list-item:last-child {
    margin-bottom: 0;
}

.s-sport-betting-cart-list-item:last-child {
    margin-bottom: 0;
}

.s-sport-betting-cart-list-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s-sport-betting-cart-list-item-l {
    color: #fff;
    font-size: 11px;
}
.s-sport-betting-cart-list-item-l img {
    max-width: 100px;
}

.s-sport-betting-cart-list-item-r {
    color: #fff;
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 21px;
}

.s-sport-betting-cart-list-item-del {
    color: #fff;
    font-size: 18px;
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
    box-sizing: border-box;
    padding-bottom: 4px;
}

.s-list-title {
    font-size: 11px;
    color: #7c7c7c;
    text-align: right;
    padding: 6px 15px;
}

/* Sidebar Menu */
.s-menu{
    font-family: 'S-Core Dream 3';
    font-size: 14px;
    margin-top: 76px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.s-menu .s-menu-button{
    position: relative;
    width: 270px;
    height: 36px;
    border: 1px solid #eaa757;
    display: flex;
    align-items: center;
    padding-left: 52px;
    box-sizing: border-box;
    transition: .3s;
}
.s-menu .s-menu-button.selected {
    background: #eaa757;
    color: #000;
}
.s-menu .s-menu-button:hover{
    background: #eaa757;
}
.s-menu .s-menu-ico::before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(0, -50%);
    background: #fff;
}
.s-menu .s-menu-button.selected .s-menu-ico::before {
    background: #000;
}
.s-menu .s-menu-ico.s-menu-ico-1::before{
    background-image: url('../images/ico_03.png');
    -webkit-mask: url('../images/ico_03.png') center/cover;
    mask: url('../images/ico_03.png') center/cover;
}
.s-menu .s-menu-ico.s-menu-ico-2::before{
    background-image: url('../images/ico_04.png');
    -webkit-mask: url('../images/ico_04.png') center/cover;
    mask: url('../images/ico_04.png') center/cover;
}
.s-menu .s-menu-ico.s-menu-ico-3::before{
    background-image: url('../images/ico_05.png');
    -webkit-mask: url('../images/ico_05.png') center/cover;
    mask: url('../images/ico_05.png') center/cover;
}
.s-menu .s-menu-ico.s-menu-ico-4::before{
    background-image: url('../images/ico_06.png');
    -webkit-mask: url('../images/ico_06.png') center/cover;
    mask: url('../images/ico_06.png') center/cover;
}
.s-menu .s-menu-ico.s-menu-ico-5::before{
    background-image: url('../images/ico_07.png');
    -webkit-mask: url('../images/ico_07.png') center/cover;
    mask: url('../images/ico_07.png') center/cover;
}
.s-menu .s-menu-ico.s-menu-ico-6::before{
    background-image: url('../images/ico_08.png');
    -webkit-mask: url('../images/ico_08.png') center/cover;
    mask: url('../images/ico_08.png') center/cover;
}
.s-menu .s-menu-ico.s-menu-ico-7::before{
    background-image: url('../images/ico_09.png');
    -webkit-mask: url('../images/ico_09.png') center/cover;
    mask: url('../images/ico_09.png') center/cover;
}
.s-menu .s-menu-ico.s-menu-ico-17::before{
    background-image: url('../images/ico_17.png');
    -webkit-mask: url('../images/ico_17.png') center/cover;
    mask: url('../images/ico_17.png') center/cover;
}
.s-menu .s-menu-ico.s-menu-ico-18::before{
    background-image: url('../images/ico_18.png');
    -webkit-mask: url('../images/ico_18.png') center/cover;
    mask: url('../images/ico_18.png') center/cover;
}
.s-menu .s-menu-ico.s-menu-ico-19::before{
    background-image: url('../images/comp.png');
    -webkit-mask: url('../images/comp.png') center/cover;
    mask: url('../images/comp.png') center/cover;
}

/* Sport Page */
.sport {
    padding: 0 25px;
    font-family: 'S-Core Dream 3';
}

.sport .sport-head {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.sport .sport-head .sport-head-left,
.sport .sport-head .sport-head-right {
    display: flex;
    gap: 6px;
    align-items: center;
}

.sport .sport-head .sport-head-left .text-label {
    color: #fff;
    font-size: 16px;
}

.sport .sport-head .select-top-betlist {
    width: auto;
    height: 35px;
    border: 1px solid #eaa757;
    background: #000;
    color: #fff;
    padding: 0 4px;
}

.sport .sport-head .btn-top-betlist {
    color: #fff;
    width: auto;
    padding: 0 12px;
    font-size: 14px;
    height: 35px;
}

.sport .sport-head .item {
    width: 63px;
    height: 63px;
    background: #0d0d0d;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    opacity: 0.2;
    transition: .5s;
    box-sizing: border-box;
}

.sport .sport-head .item:hover {
    opacity: 1;
}

.sport .sport-head .name {
    font-family: 'S-Core Dream 3';
    color: #fff;
    font-size: 12px;
}

.sport .sport-head .sport-head-left .item.selected {
    border: 1px solid #fff;
    opacity: 1;
}

.sport .sport-head .sport-head-right .item.selected {
    border: 1px solid #eaa757;
    opacity: 1;
}

.sport .sport-body {
    color: #fff;
}

.sport .sport-body .sport-body-item {
    font-size: 14px;
}
.sport .sport-body .sport-body-item img {
    /* width: 50%; */
}
.sport .sport-body .sport-body-title {
    font-size: 15px;
    height: 37px;
    background: #151515;
    display: flex;
    align-items: center;
    color: #fff;
    gap: 12px;
    padding: 4px 16px;
    margin-bottom: 14px;
    margin-top: 14px;
}
.sport .sport-body.betlist .sport-body-title {
    width: 30%;
    height: 38px;
    align-items: center;
    padding: 0 12px;
    font-size: 14px;
    margin-bottom: unset;
    margin-top: unset;
    gap: 5px;
}

.sport .sport-body .sport-body-item:first-child .sport-body-title {
    margin-top: 0;
}

.sport .sport-body .sport-icon {
    max-width: 25px;
}

.sport .sport-body .sport-league {}

.sport .sport-body .sport-space {}

.sport .sport-body .sport-name {}

.sport .sport-body .sport-body-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.sport .sport-body .sport-body-row .sh {
    font-weight: bold;
    font-family: 'GmarketSansMedium';
    color: #e2a155;
}

.sport .sport-body .sport-body-row:last-child {
    margin-bottom: 0;
}

.sport .sport-body .sport-date {
    width: 12%;
}

.sport .sport-body .sport-type {
    text-align: center;
    width: 7%;
}

.sport .sport-body .sport-team-left,
.sport .sport-body .sport-team-right {
    display: flex;
    background: #151515;
    height: 38px;
    align-items: center;
    justify-content: space-between;
    width: 33%;
    padding: 0 12px;
    cursor: pointer; 
    transition: .2s;
}

.sport .sport-body .sport-team-left.select,
.sport .sport-body .sport-team-right.select,
.sport .sport-body .sport-team-tie.select,
.sport .sport-body .sport-team-left.selected,
.sport .sport-body .sport-team-right.selected,
.sport .sport-body .sport-team-tie.selected {
    background: #ffcc00;
    color: #000;
}

.sport .sport-body .sport-team-left-name,
.sport .sport-body .sport-team-right-name {
    display: flex;
    align-items: center;
    gap: 4px;
}
.sport .sport-body .sport-team-left-name img , .sport .sport-body .sport-team-right-name img {
    width: 40%;
    max-width: 30px;
}
.sport .sport-body .sport-team-left-dv {}

.sport .sport-body .sport-team-tie {
    background: #151515;
    height: 38px;
    width: 6%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s;
}

.sport .sport-body .sport-team-right {}

.sport .sport-body .sport-team-right-dv {}

.sport .sport-body .sport-team-right-name {justify-content: flex-end;}

.sport .sport-body .sport-team-res {
    text-align: center;
    width: 6%;
}
.sport .sport-body .sport-body-betlist{
    display: flex;
    background: #151515;
    padding: 12px;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 25px;
    border-bottom: 1px solid #464646;
}
.sport .sport-body .sport-body-betlist .bl-row {
    display: flex;
    align-items: center;
    width: 100%;
}
.sport .sport-body .sport-body-betlist .bl-detail{
    flex: 1;
    display: flex;
    gap: 8px;
}
.sport .sport-body .sport-body-betlist .bl-detail:first-child {
    flex: .2;
}
.sport .sport-body .sport-body-betlist .bl-detail .btn-01 {
    font-size: 12px;
    width: fit-content;
    padding: 0 12px;
    height: 26px;
}

/* Casino page */
.casino {
    /* width: 1210px; */
    margin: 0 auto;
    overflow: auto;
    height: 750px;
}
.casino::-webkit-scrollbar {
    display: none;
}
.casino .casino-row {
    display: flex;
    gap: 14px 5px;
    margin-bottom: 8px;
    flex-wrap: wrap;
    gap: 10px;
}

.casino .casino-item {
    width: 247px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 2px;
    transition: .5s;
    position: relative;
    background-image: url(/images/casino/frame-game.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
}

.casino .casino-item:not(.empty):hover {

}

.casino .casino-item:not(.empty):hover .casino-item-title {
    color: #d6912a;
}

.casino .casino-item:not(.empty):hover .casino-item-thumb img {
    transform: scale(1.2);
}

.casino .casino-item-title {
    font-size: 14px;
    color: #fff;
    transition: .5s;
    display: none;
}

.casino .casino-item-thumb {
    font-size: 0;
    overflow: hidden;
    /* width: 250px; */
    /* height: 250px; */
}

.casino .casino-item-thumb img {
    border-radius: 10px;
    transition: .5s;
    width: 100%;
}

/* Slot page */
.p-slot .casino-item-logo-company {
    position: absolute;
    bottom: 30px;
    left: 20px;
    transition: .5s;
}

.p-slot .casino-item-logo-company img {
    max-height: 38px;
}
.p-slot .casino-item:not(.empty):hover .casino-item-thumb img {
    transform: scale(1.2);
}
.p-slot .casino-item:not(.empty):hover .casino-item-logo-company {
   transform: scale(1.2);
    
}

/* Mini games */
.minigame{
    padding: 0 25px;
}
.minigame .top-list{
    font-family: 'S-Core Dream 3';
    margin-bottom: 8px;
}
.minigame .top-list .row{
    display: flex;
}
.minigame .top-list .row a {
    flex: 1;
}
.minigame .top-list .mini-btn{
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    background: #151515;
    gap: 6px;
    opacity: .2;
    transition: .3s;
}
.minigame .top-list .mini-btn:hover {
    opacity: 1;
}
.minigame .top-list .mini-btn.selected {
    opacity: 1;
    border: 1px solid #eaa757;
    box-sizing: border-box;
}
.minigame .game-monitor {
    text-align: center;
    background: #000;
    position: relative;
    padding-top: 50px;
}
.minigame .game-choice{
    margin: 10px 0 15px 0;
}
.minigame .game-choice .row{
    display: flex;
    height: 140px;
    border: 1px solid #2b2b2b;
    border-top: none;
}
.minigame .game-choice .row:first-child{
    border-top: 1px solid #2b2b2b;
}
.minigame .game-choice .game-time-part{
    width: 130px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #000;
    justify-content: center;
    border-right: 1px solid #2b2b2b;
}
.minigame .game-choice .countdown{
    font-family: 'S-Core Dream 6';
    font-size: 25px;
}
.minigame .game-choice .game-round{
    font-family: 'S-Core Dream 6';
    font-size: 16px;
}
.minigame .game-choice .game-datetime{
    font-family: 'S-Core Dream 3';
    font-size: 12px;
    margin-top: 12px;
}
.minigame .game-choice .game-selection{
    flex: 1;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background: #151515;
    position: relative; 
}
.minigame .game-choice .game-selection.multiple {
    justify-content: center;
    gap: 40px;
}
.minigame .game-choice .game-selection .gs-col {
    display: flex;
    gap: 4px;
}
.minigame .game-choice .game-selection .gs-col-t5 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.minigame .game-choice .game-selection .gs-col-t5 .gs-row-t5 {
    display: flex;
    gap: 4px;
}
.minigame .game-choice .choice{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: rgb(81,81,81);
    background: linear-gradient(0deg, rgba(81,81,81,1) 0%, rgba(53,53,53,1) 100%);
    border-radius: 10px;
    box-shadow: inset 0em 0.2em 0.1em 0em rgb(255 255 255 / 50%), inset -0.1em -0.2em 0.2em 0 rgb(0 0 0 / 0%);
}
.minigame .game-choice .choice:hover,
.minigame .game-choice .choice.selected{
    background: linear-gradient(0deg, rgb(243 167 0) 0%, rgb(211 180 9) 100%);
}
.minigame .game-choice .choice-type-1{
    width: 110px;
    height: 110px;
    gap: 10px;
}
.minigame .game-choice .choice-type-2{
    width: 110px;
    height: 110px;
    gap: 2px;
}
.minigame .game-choice .choice-type-3{
    width: 110px;
    height: 110px;
}
.minigame .game-choice .choice-type-4{
    width: 85px;
    height: 110px;
}
.minigame .game-choice .choice-type-5{
    width: 85px;
    height: 55px;
}
.minigame .game-choice .choice-type-2 .choice-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.minigame .game-choice .choice-type-2 .choice-title img {
    width: fit-content;
}
.minigame .game-choice .choice-type-3 .choice-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.minigame .game-choice .choice-type-3 .choice-title .first {
    width: fit-content;
}
.minigame .game-choice .choice-type-3 .choice-title .sec {
    width: fit-content;
}
.minigame .game-choice .choice-type-4 .choice-sub-title {
    font-size: 12px;
    margin-bottom: 4px;
    font-family: 'S-Core Dream 3';
}
.minigame .game-choice .choice-title{
    font-family: 'GmarketSansMedium';
    font-weight: bold;
}
.minigame .game-choice .choice-dv{
    font-family: 'S-Core Dream 3';
    font-size: 14px;
    color: #fff;
}
.minigame .game-choice .choice-title.fs14 {
    font-size: 14px;
}
.minigame .game-choice .choice-title.fs18 {
    font-size: 18px;
}
.minigame .game-choice .choice-title.fs20 {
    font-size: 20px;
}
.minigame .game-choice .choice-title.fs35 {
    font-size: 35px;
}
.minigame .game-choice .choice-title.fs40 {
    font-size: 40px;
}
.minigame .game-choice .choice-title .fs40 {
    font-size: 40px;
}
.game-history{

}
.game-history .title{
    background: #7e4c30;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #eaa757;
    font-family: 'S-Core Dream 4';
}
.game-history .btn_action{
    display: flex;
    justify-content: end;
    gap: 6px;
    margin-top: 12px;
}
.game-history .btn-01{
    font-size: 12px;
    height: 28px;
    width: 92px;
}

.game-history .gh-table table {
    width: 100%;
    border-spacing: 0;
}

.game-history .gh-table table thead th {
    border-top: 1px solid #eaa757;
    border-bottom: 1px solid #eaa757;
    font-size: 12px;
    color: #fff;
    height: 30px;
    font-family: 'S-Core Dream 3';
}

.game-history .gh-table table tbody tr {
    border-bottom: 1px solid #eaa757;
    font-size: 12px;
    color: #fff;
    height: 30px;
    font-family: 'S-Core Dream 3';
}
.game-history .gh-table table tbody td {
    border-bottom: 1px solid #404040;
    padding: 8px 0;
}
.game-history .gh-table table tbody .empty {
    color: #fff;
    font-size: 12px;
    font-family: 'S-Core Dream 4';
    text-align: center;
    height: 50px;
}

/* Page Type First */
.page-t-first{
    width: 100%;
    margin: 0 auto;
}
.page-t-first .p-title{
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #fff;
    height: 54px;
    font-size: 28px;
    color: #fff;
}
.page-t-first .finance-btn-top{
    display: flex;
    justify-content: center;
    margin: 12px 0;
    gap: 10px;
}
.page-t-first .finance-btn-top .f-btn{
    font-size: 15px;
    width: 80px;
    height: 35px;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: rgb(157, 111, 20);
    background: linear-gradient(0deg, rgba(157, 111, 20, 1) 0%, rgba(209, 188, 147, 1) 100%);
    border-radius: 10px;
    overflow: hidden;
}
.page-t-first .finance-btn-top .f-btn:hover {
	background: #685f54;
}
.page-t-first .finance-btn-top a.selected .f-btn {
    color: #fff;
    padding: 0px 10px;
    background: rgb(157, 111, 20);
    background: linear-gradient(0deg, rgba(157, 111, 20, 1) 0%, rgba(209, 188, 147, 1) 100%);
    border-radius: 10px;
    overflow: hidden;
}
.page-t-first.default-read-tb .df-table{
    color: #fff;
    font-family: 'S-Core Dream 4';
    font-size: 12px;
}
.page-t-first.default-read-tb .df-table table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.page-t-first.default-read-tb .df-table table thead th {
    border-top: 1px solid #eaa757;
    border-bottom: 1px solid #eaa757;
    font-size: 12px;
    color: #fff;
    height: 30px;
    font-family: 'S-Core Dream 3';
}
.page-t-first.default-read-tb .df-table table tbody .empty{
    color: #fff;
    font-size: 12px;
    font-family: 'S-Core Dream 4';
    text-align: center;
    height: 50px;
}
.page-t-first.default-read-tb .df-table tbody tr td {
    padding: 8px 12px;
}
.page-t-first.default-read-tb .btn_action {
    display: flex;
    justify-content: end;
    gap: 6px;
    margin-top: 10px;
}
.page-t-first.default-read-tb .btn-01 {
    font-size: 12px;
    height: 28px;
    width: 92px;
}
.page-t-first.default-read-tb .add-tr-pointer {
    cursor: pointer;
}
.page-t-first.default-read-tb .add-tr-pointer:hover{
    background: #b37224;
}

/* Msg */
.msg-table {
    margin-top: 20px;
}
.msg-table .icon-msg {
    background-image: url('../images/ico_msg_01.png');
    width: 17px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.msg-table .icon-msg.open {
    height: 17px;
    background-image: url('../images/ico_msg_02.png');
}
.msg-table .check-item {
    text-align: center;
}
.msg-table .icon-collapse i {
    font-size: 19px;
}
.msg-table tbody tr.read-msg td {
    padding: 18px 0;
    background: #292929;
}
.msg-table tbody tr.read-msg.hide {
    display: none;
}
.msg-table tbody .row-selected {
    border: 1px solid #545454;
}

/* Check Calendar */
.check-calendar{

}
.check-calendar .cc-title{
    display: flex;
    color: #fff;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
}
.check-calendar .cc-title .cc-title-l,
.check-calendar .cc-title .cc-title-c,
.check-calendar .cc-title .cc-title-r{
    flex: 1;
}
.check-calendar .cc-title .cc-title-l{

}
.check-calendar .cc-title .cc-title-c{
    text-align: center;
}
.check-calendar .cc-title .cc-title-r{
    display: flex;
    justify-content: end;
}
.check-calendar .cc-table table {
    width: 100%;
    font-family: 'S-Core Dream 3';
    font-size: 14px;
    color: #fff;
    border: 1px solid #eaa757;
    border-collapse: collapse;
    border-spacing: 0;
}
.check-calendar .cc-table table thead th {
    border-bottom: 1px solid #eaa757;
    border-right: 1px solid #eaa757;
    padding: 6px 0;
}
.check-calendar .cc-table table tbody td {
    width: 175px;
    height: 115px;
    border: 1px solid #eaa757;
    font-size: 12px;
    position: relative;
}
.check-calendar .cc-table table tbody td.checked-date {
    background-image: url('../images/check_date.png');
    background-repeat: no-repeat;
    background-position: center;
}
.check-calendar .cc-table table tbody td .num-day {
    position: absolute;
    top: 8px;
    left: 8px;
}
.check-calendar .cc-table table tbody td .cur-date {
    background: #eaa757;
    padding: 4px;
    width: 14px;
    height: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    color: #000;
    top: 5px;
    left: 5px;
}
.check-calendar .cc-table table tbody td .ago-date {
    color: #545454;
}
.check-calendar .cc-detail {
    font-size: 12px;
    font-family: 'GmarketSansMedium';
    color: #fff;
    width: 700px;
    height: 167px;
    border: 1px solid #545454;
    background: #171717;
    margin: 0 auto;
    margin-top: 25px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 22px;
    box-sizing: border-box;
    padding: 0 64px;
}

/* Page type single */
.page-t-single{
    /* padding: 0 25px; */
}
.page-t-single .ps-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #151515;
    height: 49px;
}
.page-t-single .ps-title-l{
    flex: .3;
    box-sizing: border-box;
    padding-left: 14px;
}
.page-t-single .ps-title-l select,
.page-t-single .ps-title-r select {
    width: 125px;
    height: 23px;
    border: 1px solid #eaa757;
    background: #000;
    color: #fff;
    padding: 0 4px;
}
.page-t-single .ps-title-l input,
.page-t-single .ps-title-r input {
    height: 23px;
    border: 1px solid #eaa757;
    box-sizing: border-box;
    padding: 0 4px;
    background: #000;
    color: #fff;
}
.page-t-single .ps-title-l .btn-01,
.page-t-single .ps-title-r .btn-01 {
    font-size: 12px;
    color: #fff;
    height: 21px;
    width: max-content;
    padding: 0 12px;
}
.page-t-single .ps-title-c{
    flex: .4;
    text-align: center;
    color: #eaa757;
    font-size: 20px;
}
.page-t-single .ps-title-r{
    flex: .3;
    box-sizing: border-box;
    padding-right: 14px;
    display: flex;
    justify-content: end;
    gap: 5px;
}
.page-t-single .ps-table {

}
.page-t-single .ps-table table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.page-t-single .ps-table table thead th {
    border-top: 1px solid #eaa757;
    border-bottom: 1px solid #eaa757;
    font-size: 12px;
    color: #fff;
    height: 30px;
    font-family: 'S-Core Dream 3';
}
.page-t-single .ps-table table tbody .empty{
    color: #fff;
    font-size: 12px;
    font-family: 'S-Core Dream 4';
    text-align: center;
    height: 50px;
}
.page-t-single .ps-table.add-tdbody-border tbody tr:first-child td {
    border-top: 1px solid #eaa757;
    border-bottom: 1px solid #eaa757;
} 

/* Customer page */
.customer .customer-title-button {
    font-size: 12px;
    height: 28px;
    padding: 0 10px;
    box-sizing: border-box;
}
.customer .read-cus-arrow {
    position: relative;
}
.customer .read-cus-arrow::before{
    content: "";
    width: 16px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 20px;
    transform: translate(0, -50%);
    background-image: url('../images/ico_cus_read.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.customer .read-cus-content.hide {
    display: none;
}
.customer .read-cus-content td {
    vertical-align: top;
    background: #292929;
}
.customer .row-selected {
    border: 1px solid #545454;
}
.customer .cus-main-cont {
    padding: 0;
    margin: 0;
}

/* Board page */
.board-tale thead tr th.text-left{
    padding-left: 12px;
    text-align: left;
}
.board-tale tbody tr {
    font-family: 'S-Core Dream 4';
    font-size: 12px;
    color: #fff;
    transition: .1s;
}
.board-tale .add-tr-pointer{
    cursor: pointer;
}
.board-tale .add-tr-pointer:hover{
    background: #b37224;
}
.board-tale tbody tr td {
    padding: 8px 10px;
}
.board-tale tbody tr td.text-center {
    text-align: center;
}
.board-tale tbody tr td.ver-top {
    vertical-align: top;
}

.board-tale tbody tr td .topic {
    width: 38px;
    height: 22px;
    margin: 0 auto;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.board-tale tbody tr td .tp-orange {
    background: #de8818;
}
.board-tale tbody tr td .tp-red {
    background: #d81717;
}
.board-tale tbody tr td .tp-blue {
    background: #7e4c30;
}
.board-tale tbody tr.read-topic td {
    padding: 18px;
    background: #292929;
}
.board-btn-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.board-btn-bottom .btn-01 {
    font-size: 12px;
    width: 92px;
    box-sizing: border-box;
    height: 28px;
}
.bbs-title-button {
	height: 28px;
	font-size: 12px; 
    width: 80px;
}

/* Finance Page */
.finance-content{
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
}
.finance-content .fc-title{
    margin-bottom: 8px;
}
.finance-content .fc-input-part{
    display: flex;
    justify-content: space-between;
}
.finance-content .fc-input-part-l{
    display: flex;
    align-items: center;
    width: 598px;
}
.finance-content .fc-input{
    height: 44px;
    background: #333333;
    border: none;
    width: 540px;
    color: #fff;
    font-size: 18px;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: right;
}
.finance-content .fc-input.small {
    width: 266px;
}
.finance-content .fc-input.small.expw {
    margin-right: 10px;
}
.finance-content .fc-cash-type{
    width: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #292929;
    height: 44px;
}
.finance-content .fc-input-part-r{

}
.finance-content .fc-submit{
    width: 110px;
    /* height: 44px; */
    box-sizing: border-box;
    font-size: 14px;
}
.finance-content .fc-btn-part{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 18px 0;
}
.finance-content .fc-cash-btn{
    font-size: 14px;
    width: 111px;
    height: 38px;
}
.finance-content  .fc-detail-part {}
.finance-content  .fc-detail-part ol {
    margin: 0;
}
.finance-content  .fc-detail-part ol li {
    counter-increment: my-awesome-counter;
    position: relative;
    font-size: 12px;
    line-height: 24px;
}
.finance-content .fc-user-detail{

}
.finance-content .fc-user-detail .fud-row{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #3a3a3a;
    padding: 10px 0px;
}
.finance-content .fc-user-detail .fud-row:last-child {
    margin-bottom: 20px;
}
.finance-content .fc-user-detail .fud-row .fud-l{
    width: 120px;
}
.finance-content .fc-user-detail .fud-row .fud-r{
    display: flex;
    flex: 1;
    align-items: center;
}
.finance-content .fc-user-detail .fud-row .fud-btn-cus{
    width: 108px;
    font-size: 12px;
    height: 26px;
    margin-left: 8px;
    padding: 3px;
}
.finance-history{
    margin: 45px auto 0 auto;
}
.finance-history .fh-table{

}
.finance-history .fh-table table {
    width: 100%;
    border-spacing: 0;
}
.finance-history .fh-table table thead th {
    border-bottom: 1px solid #ffd35d;
    font-size: 14px;
    color: #ffd35d;
    height: 30px;
    padding: 10px 0px;
    font-weight: normal;
}
.finance-history .fh-table table tbody .empty{
    color: #fff;
    font-size: 12px;
    font-family: 'S-Core Dream 4';
    text-align: center;
    height: 50px;
}

.finance-history .fh-table table tbody .charge-text {
    color: #fff;
    font-size: 14px;
    padding: 20px 0;
    border-bottom: 1px solid #3a3a3a;
}
.finance-history .fh-table table tbody .charge-text .btn-02 {
    width: 95px;
    margin: 0 auto;
}
.finance-history .fh-table tbody tr.read-msg td {

}
.finance-history .fh-table tbody tr.read-msg.hide {
    display: none;
}
.finance-history .btn_action {
    display: flex;
    justify-content: end;
    gap: 6px;
}
.finance-history .btn-01 {
    font-size: 12px;
    height: 28px;
    width: 92px;
}

/* My page */
.mypage-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin-top: 45px
}
.mypage-content .mp-row{
    font-size: 14px;
    color: #fff;
    font-family: 'GmarketSansMedium';
    width: 325px;
}
.mypage-content .mp-label{
    margin-bottom: 8px;
}
.mypage-content .mp-input{

}
.mypage-content .mp-input input{
    width: 325px;
    height: 49px;
    background-color: #000;
    border: unset;
    color: #fff;
    font-size: 18px;
    padding: 0 10px;
    box-sizing: border-box;
}
.mypage-content .mp-input input::placeholder {
    opacity: 0.5;
    font-size: 14px;
}
.mypage-content .mp-submit {
    margin: 18px 0;
}
.mypage-content .mp-submit .mp-btn-submit {
    width: 137px;
    height: 49px;
}

/* Model */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
}
.modal::-webkit-scrollbar {
    display: none;
}
.modal .modal-content {
    margin: 7% auto;
    width: 1500px;
    max-width: 1500px;
    height: 920px;
}

.modal .close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 3%;
}

.modal .close:hover,
.modal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal .modal-content-head{
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    top: 0px;
    width: 1426px;
    margin: auto;
}
.modal.login-modal .modal-content-head {
    width: 400px;
}
.modal .modal-content-head-title{
    color: #fff;
    font-size: 22px;
    width: 540px;
    height: 44px;
    background: #000000ab;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal .modal-content-body{
    background: #191a1a;
    padding: 50px 70px;
    width: 1308px;
    height: 720px;
    margin: auto auto;
    border-radius: 15px;
    margin-left: 35px;
    overflow: auto;
}
.modal .modal-content-input{
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
    align-items: center;
}
.modal .modal-content-input-user,
.modal .modal-content-input-pass,
.modal .modal-content-input-captcha{
    width: 408px;
    height: 52px;
    font-size: 18px;
    color: #a5a5a5;
    background: #000000;
    border: unset;
    font-family: 'S-Core Dream 3';
    padding: 0 10px 0 70px;
    box-sizing: border-box;
}
.modal .modal-content-input-captcha {
    padding: 0 10px;
    width: 296px;
}
.modal-content-img-captcha {
    background: none;
    border: 1px solid #ffffff63;
    height: 50px;
    margin-right: 10px;
}
.modal .modal-content-input-icouser,
.modal .modal-content-input-icopass{
    width: 18px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 14%;
    transform: translate(-50%, -50%);
    background-size: contain;
    background-repeat: no-repeat;
}
.modal .modal-content-input-icouser{
    background-image: url('../images/ico_login_01.png');
}
.modal .modal-content-input-icopass{
    background-image: url('../images/ico_login_02.png');
}

.modal .remember-check {
    font-family: 'S-Core Dream 3';
    font-size: 16px;
    color: #c7c7c7;
    display: flex;
    gap: 8px;
    padding: 0px 0px 30px 30px;
}
.modal .btn-part{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 50px;
}
.modal .btn-submit,
.modal .btn-to-join {
    height: 38px;
    font-size: 16px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    margin: 0 auto;
    transition: .5s;
    border-radius: 10px;
    padding: 0px 10px;
    background: rgb(157, 111, 20);
    background: linear-gradient(0deg, rgba(157, 111, 20, 1) 0%, rgba(209, 188, 147, 1) 100%);
    border-radius: 10px;
}
.modal .btn-submit{
}
.modal .btn-submit:hover {
    background: #c9822c;
}
.modal .btn-to-join{
    background: #444444;
}
.modal .btn-to-join:hover{
    background: #606060;
}
.modal .btn-close{
    color: #eaa757;
    background: #151515;
    border: 1px solid #eaa757;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s;
}
.modal .btn-close:hover{
    background: #606060;
}
.modal .bottom {
    font-family: 'S-Core Dream 3';
    font-size: 15px;
    color: #9b9b9b;
    text-align: center;
    margin-top: 15px;
}
.modal .bottom a{
    color: #ffd35d;
    transition: .3s;
}
.modal .bottom a:hover {
    color: #df9e13;
}

.join-modal .modal-content-input{
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.join-modal .modal-content-input input{
    width: 408px;
    height: 48px;
    font-size: 18px;
    color: #a5a5a5;
    background: #000000;
    border: unset;
    font-family: 'S-Core Dream 3';
    padding: 0 12px;
    box-sizing: border-box;
}

.join-modal .modal-content-input .group {
    display: flex;
    gap: 5px; 
}

.join-modal .modal-content-input .group input {
    width: 200px;
}

.join-modal .modal-content-input .group select {
    height: 48px;
    font-size: 18px;
    color: #a5a5a5;
    background: #000000;
    border: unset;
    font-family: 'S-Core Dream 3';
    padding: 0 12px;
    box-sizing: border-box;
    width: 203.4px;
}

.code-modal .modal-content-input input{
    width: 408px;
    height: 48px;
    font-size: 18px;
    color: #a5a5a5;
    background: #000000;
    border: unset;
    font-family: 'S-Core Dream 3';
    padding: 0 12px;
    box-sizing: border-box;
}
.customer-write-modal {
}
.customer-write-modal .modal-content {
    max-width: 639px;
    border-radius: 0;
    background: #1e1e1e;
}
.customer-write-modal .modal-content-body {
    border-radius: 0;
    border: 1px solid #545454;
    width: 639px;
    height: 376px;
    padding: 20px;
    box-sizing: border-box;
}
.customer-write-modal .bottom {
    display: flex;
    justify-content: center;
    gap: 8px;
}
.customer-write-modal .bottom .btn-submit {
    font-size: 12px;
    width: 109px;
    height: 31px;
    color: #000;
    font-weight: bold;
}

.customer-write-modal .bottom .btn-close {
    font-size: 12px;
    width: 109px;
    height: 31px;
    font-weight: bold;
}
.customer-write-modal .cwm{
    color: #fff;
    font-family: 'S-Core Dream 3';
    font-size: 12px;
}
.customer-write-modal .cwm-row{
    display: flex;
    border-top: 1px solid #545454;
}
.customer-write-modal .cwm-row:last-child{
    border-bottom: 1px solid #545454;
}
.customer-write-modal .cwm-label{
    width: 148px;
    padding: 15px;
    border-right: 1px solid #545454;
}
.customer-write-modal .cwm-value{
    padding: 15px;
    flex: 1;
}
.customer-write-modal .cwm-value textarea {
    width: 100%;
    height: 140px;
    border: 1px solid #eaa757;
    background: #000;
    color: #fff;
    padding: 8px;
    box-sizing: border-box;
    font-size: 15px;
}
.customer-write-modal .cwm-value input {
    width: 100%;
    border: 1px solid #eaa757;
    background: #000;
    color: #fff;
    padding: 8px;
    box-sizing: border-box;
    font-size: 15px;
}
.customer-write-modal .cwm-top-selete{
    width: 244px;
    height: 23px;
    border: 1px solid #eaa757;
    background: #000;
    color: #fff;
    padding: 0 4px;
}

.bbs-write .btn-close{
    color: #eaa757;
    background: #151515;
    border: 1px solid #eaa757;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s;
}
.bbs-write .btn-close:hover{
    background: #606060;
}
.bbs-write .bottom {
    font-family: 'S-Core Dream 3';
    font-size: 15px;
    color: #9b9b9b;
    text-align: center;
    margin-top: 15px;
}
.bbs-write .bottom a{
    color: #fff;
    transition: .3s;
}
.bbs-write .bottom a:hover {
    color: #df9e13;
}

.bbs-write .btn-submit {
    height: 54px;
    font-size: 20px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 408px;
    margin: 0 auto;
    transition: .5s;
}
.bbs-write .btn-submit{
    background: #eaa757;
}
.bbs-write .btn-submit:hover {
    background: #c9822c;
}

/* more */
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}

.paging_div {
	padding:20px;
	text-align:center;
}
.paging_div {
	text-align: center; 
}

.paging_div .inner_paging{
	/* margin: 0 5px 0 5px; */
}
.paging_div .inner_paging a{
    padding: 10px;
    color:#FFFFFF;
    text-decoration:none; 
    font-weight:normal;
    font-size:15px; 
}
.paging_div .inner_paging a.num_prev{
	margin-left: 1px;
	margin-right: 1px;
}
.paging_div .inner_paging a.cur{
    font-weight: bold;
    color: #eaa757;
}
.paging_div .inner_paging a.num{
	width: 15px;
}

/* Loader */
.loader { 
	display:none;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
}
.loader .loader-ico {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #eaa757;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



.stop-control.show {
    visibility: visible;
    opacity: 1.0;
}
.stop-control {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    opacity: 0;
    z-index: 99;
}
.stop-control .stop-control-text {
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    font-size: 33px;
    color: #FFFFFF;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.partner-sort{
    gap: 6px;
    color: #fff;
    align-items: center;
}
.partner-sort .dm {
    height: 35px;
    border: 1px solid #3a3a3a;
    background: #000;
    color: #474747;
    padding: 0 4px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
}
.partner-sort .f-btn{
    background: #474747;
}

.req-txt {
	color: red;
    font-size: 12px;
}


.nav-onpages {
    border-top: 2px solid #eaa757;
    margin: 0.5rem 0rem 0 0;
}
.nav-onpages .rows {
    display: flex;
    justify-content: space-around;
    background: #000000;
    border-bottom: 1px solid #eaa757;
    padding: 0rem 5rem;
}
.nav-onpages .rows .menu-links {
    font-size: 12px;
    margin: 0rem 3rem;
    padding: 0.5rem 0rem;
    cursor: pointer;
    color: #fff;
}
.nav-onpages .rows .menu-links:hover {
	 color: #eaa757;
}
.nav-onpages .rows .menu-links:hover {}
.nav-onpages .rows .menu-links.active {
    color: #eaa757;
}



/*point */
.container-point {
    color: #fff;
}
.pont-info-box {
    display: flex;
    justify-content: center;
    padding: 2rem;
}
.box-cash-point {
    width: 458px;
    height: 160px;
    border: 1px solid #eaa757;
    border-radius: 10px;
    padding: 1rem 2rem;
}
.box-cash-point .title {
    text-align: center;
    padding: 0.5rem 0rem 1rem 0rem;
}
.box-cash-point .rows {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0rem;
}
.box-point-arrow {
    display: flex;
    align-items: center;
    padding: 0rem 1rem;
}
.box-point-arrow .arrow-point {}
.box-cash-point .rows .name {}
.box-cash-point .rows .input-box {}
.box-cash-point .rows .input-box input {
    background: #000000;
    border: 1px solid #eaa757;
    height: 30px;
    border-radius: 5px;
    color: #fff;
    text-align: right;
    padding: 0rem 0.5rem;
}
.box-enter-point {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 1rem 0rem 6rem 0rem;
}
.box-enter-point .rows-box-input {
    display: flex;
}
.box-enter-point .rows-box-input .name {
    padding: 0rem 1rem;
}
.box-enter-point .list-box {
    display: flex;
}
.box-enter-point .list-box input {
    background: #000000;
    border: 1px solid #eaa757;
    height: 30px;
    border-radius: 5px;
    color: #fff;
    text-align: right;
    padding: 0rem 0.5rem;
}
.box-enter-point .list-box .button-point-max {
    background: #eaa757;
    width: 5rem;
    height: 1.2rem;
    padding: 0.4rem 0rem;
    border-radius: 5px;
    margin: auto;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0rem 0.3rem;
}
.box-enter-point .button-point {
    background: #3f3f3f;
    width: 12rem;
    height: 2rem;
    padding: 0.2rem 0rem;
    border-radius: 5px;
    margin: auto;
    transition: .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    margin: 2rem 0rem;
}

.top-detail-mem {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.top-detail-mem .tdm-row {
    display: flex;
}

.top-detail-mem .tdm-row .tdm-col {    
	max-width: 175px;
}

.top-detail-mem .tdm-row .tdm-col > div {
    display: flex;
    margin-right: 40px;
}

.top-detail-mem .tdm-row .tdm-col .h-info-clabel {
    margin-right: 6px;
    color: #aaa;
    
}


/** new header **/
.cursor {
    cursor: pointer;
}
.header-pc {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    top: 20px;
    z-index: 99;
}
.header-pc .col {
    flex: 1;
}
.header-pc .col:first-child,
.header-pc .col:last-child {
}
.container {
    margin: auto;
    /* min-width: 1015px; */
    width: 1500px;
    margin: auto;
}
.container-pc {
    display: block; 
}
.container-heander {
    margin: 0 auto;
}
.header .container-info {
    display: flex;
    align-items: center;
    padding: 0.5rem 0rem;
    font-size: 12px;
    justify-content: end;
    margin-right: 16px;
}
.header .info-container {
    display: flex;
    justify-content: space-between;
}
.header .info-container .panel-left {
    display: flex;
    align-items: center;
    /*width: 100%;*/
}
.header .info-container .panel-right {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    color: #fff;
}
.header .info-container .panel-left .notice {
    width: 100%;
}
.container-form-login {
    display: flex;
    align-items: center;
}
.login-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
}
.login-group input {
    width: 215px;
    height: 40px;
    border-radius: 5px;
    outline: unset;
    padding: 0px 1rem;
    border: unset;
    margin: 0rem 0.2rem;
    background: #0000009c;
    color: #fff;
    font-family: 'GmarketSansMedium';
}
.login-group .login {
    background: #ffd35d;
    color: #000000;
}
.login-group button {
    width: 73px;
    height: 28px;
    border-radius: 5px;
    outline: unset;
    border: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0rem 0.2rem;
    color: #ffffff;
    line-height: 0;
    cursor: pointer;
    font-size: 15px;
    font-family: 'GmarketSansMedium';
}
.login-group .join {
    background: #ff3171;
}
.header .container-navbar {
    
}
.header .navbar {
    display: flex;
    justify-content: space-between;
}
.header .navbar .panel-left {
    
}
.header .navbar .panel-left .logo {
    padding: 0 16px;
}
.header .navbar .panel-left .logo img {
    cursor: pointer;
    vertical-align: middle;
}
.header .navbar .panel-right {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 6px;
}
.header .navbar .panel-right .rows-menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.header .navbar .panel-right .rows-menu .menu {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    gap: 5px;
}
.header .navbar .panel-right .rows-menu .menu .ko {
    font-size: 14px;
    color: #fff;
    transition: color 150ms;
}
.header .navbar .panel-right .rows-menu .menu .ko:hover {
    color: #c3a137;
}
.header .info-container .panel-right .info-group {
    display: flex;
    align-items: center;
    margin: 0rem 0.2rem;
}
.header .info-container .panel-right .info-group div {
    padding: 0rem 0.5rem;
}
.header .info-container .panel-right .info-group div.numlabel {
    padding: 0;
    color: #919191;
}
.header .info-container .panel-right .info-group div.numlabel img {
    width: 24px;
}
.header .info-container .panel-right .info-group div.numval {

}
.header .info-container .panel-right .info-group .icon {
    padding: 0rem 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .info-container .panel-right .info-group .icon {
    padding: 0rem 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .info-container .panel-right .info-group .arrow {
    color: #e89d42;
    font-size: 1.5rem;
}
.header .info-container .panel-right .info-group .button {
    background: #eaa757;
    width: 2rem;
    height: 1.5rem;
    border-radius: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    cursor: pointer;
}
.header .info-container .panel-right .info-group .username {
    
}
.header .info-container .panel-right .info-group .button-icon {
    background: #eaa757;
    width: 1rem;
    height: 1.5rem;
    border-radius: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0rem 0.2rem;
    cursor: pointer;
}
.header .info-container .panel-right .info-group .button-logout {
    background: #ffd35d;
    border: 0;
    width: 4rem;
    height: 1.8rem;
    border-radius: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0rem 0.2rem;
    cursor: pointer;
    color: #000000;
}
.cnt-info-group {
    margin: 50px auto;
}
.cnt-info-group .rows {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #545454;
    text-align: center;
    font-size: 12px;
}
.cnt-info-group .rows .box-a{
    background: #eaa757;
    width: 100%;
    padding: 8px 0px;
}
.cnt-info-group .rows .box-b{
    background: #1e1e1e;
    color: #eaa757;
    width: 100%;
}


/* main slider */
.theme-default .nivoSlider {
	position:relative;
    margin-bottom: 40px;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
    display: none;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


/* main slider */
.theme-default .nivoSlider {
	position:relative;
}
.theme-default .nivoSlider img {
	position: relative;
	top: 0px;
	left:0px;
	display: block;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
    display: none;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/***********************************/
/************ event *****************/
/***********************************/
.event-box {
    margin: 0px 15px;
}
.casino-item.event {
    flex-direction: column-reverse;
    width: 100%;
    padding: 15px 0px;
    border: unset;
    box-shadow: unset;
    box-sizing: border-box;
}
.casino .casino-item-thumb.event {
    width: 360px;
    height: 180px;
    background: #eaa757;
}
.event-box .casino-item-title {
    font-size: 20px;
}
.smalltext-event {
    font-size: 16px;
    color: #eaa757;
}

.msg-maq {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 1208px;
    margin: 0 auto;
    margin-bottom: 20px;
    border: 1px solid #eaa757;
    padding: 8px;
    box-sizing: border-box;
}	

/* popup */	
.position-absolute {	
    position: absolute;	
}	
.modal-content {
    border: none;
    position: relative;
    outline: 0;
    background-image: url(/images/main/box-background.png?ver1001);
    background-repeat: no-repeat;
    padding: 15px 20px;
    border-radius: 20px;
    background-size: 100% 100%;
    left: 0;
    right: 0px;
}	
.login-modal .modal-content {
	 background-image: url(/images/home/bg-popup-login.png?ver1001);
	 height: 505px;
	 width: 424px !important;
}
.login-modal .modal-content .modal-content-body {padding: 0;width: 315px;height: 400px;background: unset;margin: 0;border: 0;border-radius: 0;margin: auto;overflow: unset;}
.modal-content img {
	width: 100%;
} 
.bg-popup-yellow2 {
    /* background: #f79d0c !important; */
}	
.modal-header {
    /* padding: 15px 15px; */
    border-bottom-color: #e2e7eb;
    border-bottom: 1px solid #e5e5e5;
}	
.btn.btn-inverse {
    color: #fff;
    background: #ffd35d;
    color: #000000;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px 5px;
    display: flex;
    align-items: center;
    margin: 10px auto !important;
    width: 100%;
    text-align: center;
    justify-content: center;
    outline: 0;
    border: 0;
}	
.bg-popup-bottom-yellow2 {
    /* background: #f79d0c !important; */
}

.cnt-gameslist {
    padding: 0vw 0vw;
    color: #ffffff;
    font-size: 3vw;
}
.cnt-gameslist .rows {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.btn-gameslist {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 40px;
    border: 1px solid #eaa757;
    box-sizing: border-box;
    cursor: pointer;
}
.btn-gameslist.active {
    background-image: url(/mb/images/main/icon-gamelist/border-s-game-list-hover.png) !important;
}
.btn-gameslist.b1 {
    background-image: url(/mb/images/main/icon-gamelist/border-s-game-list.png);
}
.btn-gameslist.b2 {
    background-image: url(/mb/images/main/icon-gamelist/border-s-game-list-2.png);
}
.btn-gameslist.b3 {
    background-image: url(/mb/images/main/icon-gamelist/border-s-game-list-3.png);
}
.btn-gameslist.b4 {
    background-image: url(/mb/images/main/icon-gamelist/border-s-game-list-4.png);
}
.btn-gameslist .icon {
    display: flex;
    align-items: center;
}
.btn-gameslist .icon img {
    /* width: 5vw; */
}
.btn-gameslist .games-name {
    padding-left: 1vw;
}
.btn-gameslist .games-name .name {
    font-size: 14px;
}
.cnt-subgameslist {}
.cnt-subgameslist .rows {
    display: flex;
    justify-content: space-between;
}
.cnt-subgameslist .rows .button-black {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    background: #161616;
    border: 1px solid rgb(255 255 255 / 59%);
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
}
.sublist-lotus,.sublist-mgm,.sublist-crow,.sublist-sky,.sublist-eos,.sublist-bet365 {
    display:none;
}
.fixtitle .btn {
    
border: 1px solid #2e2f30;
    
height: 10vw;
    
display: flex;
    
align-items: center;
    
justify-content: center;
    
letter-spacing: 2px;
    
color: #ffffff;
    
font-size: 4vw;
}
.menu-list {
    color: #ffffff;
    font-size: 3vw;
}
.border-b-orange {
	border-bottom: 1px solid #eaa757;
}
.fx-sum-footer {
    display: flex;
    justify-content: end;
    gap: 8px;
    margin-top: 10px; 
}
.fx-sum-footer .text-white {
    color: #fff;
    font-size: 12px;
}
.fx-sum-footer .text-orange {
    color: #eaa757;
    font-size: 12px;
}
.p-event {
    display: flex;
    flex-wrap: wrap;
    column-gap: 14px;
    row-gap: 12px;
}
.p-event a {
    flex-basis: 19%;
}

/****************************************************************/
/*********************/
.top-menu {
	width: 100%;
	/* min-width: 1260px; */
	/* height: 85px; */
	/* background-color: rgba(0, 0, 0, 0.6); */
	z-index: 999;
	position: relative;
}

.top-menu .menu-w {
	width: 1200px;
	/* height: 74px; */
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.slider-part {
	width: 100%;
	min-width: 1260px;
	position: absolute;
	top: 0;
	z-index: 0;
}

.top-menu .list {
	display: flex;
	width: 100%;
}

.top-menu .list ul {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
	padding: 0;
	margin: 0;
}

.top-menu .list ul li {
	list-style-type: none;
}

.top-menu .list ul li>a {
	text-decoration: none;
	padding: 30px 0;
	transition: 0.4s;
}

.top-menu .list ul li>a:hover {
    color: #1f0b00;
	

}

.top-menu .list .subnav .subnav-content {
	position: absolute;
	top: 44px;
	z-index: 999;
	margin-left: 0;
	visibility: hidden;
	opacity: 0;
	transition: 0.5s;
}

.top-menu .list .subnav .subnav-content .row {
	display: flex;
}

.top-menu .list .subnav .subnav-content a {
	padding: 10px 0;
	box-sizing: border-box;
	width: 160px;
	font-size: 16px;
	text-decoration: none;
}

.top-menu .list .subnav .subnav-content a img {
	width: 20px;
	vertical-align: middle;
}

.top-menu .list .subnav .subnav-content .title {
	padding: 6px 0 0 8px;
}

.top-menu .list .subnav .subnav-content .title .text {
	background-color: #d9d9d9;
	display: inline;
	padding: 5px;
	font-size: 15px;
	font-weight: bold;
}

.top-menu .list .subnav .subnav-content a:hover {
	color: #fff;
	text-shadow: 0px 0px 10px #f9d45d;
}

.top-menu .list .subnav:hover .subnav-content {
	visibility: visible;
	opacity: 1;
}

.top-menu .list .last-menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #dddddd;
	width: 210px;
}

.top-menu .list .last-menu .btn {
	background-color: #333333;
	padding: 8px 9px;
	cursor: pointer;
	transition: 0.3s;
}

.top-menu .list .last-menu .btn:hover {
	background-color: #5f5f5f;
}

.top-menu .submenu-bg {
	width: 100%;
	height: 400px;
	background-color: rgb(0 0 0 / 90%);
	position: fixed;
	top: -400px;
	left: 0;
	z-index: -1;
	transition: 0.5s ease-out;
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgb(45 26 15 / 70%) 0%, rgb(45 26 15 / 93%) 15%, rgb(45 26 15) 54%, rgb(45 26 15) 89%);
}

.top-menu .list .subnav:hover .submenu-bg {
	top: 0;
}

.top-menu .list .subnav:hover>a {
    color: #1f0b00;

}

.top-menu .list .subnav .subnav-content.minigame {
	left: 100px;
	right: 10px;
}

.top-menu .list .subnav .subnav-content.minigame .row {}

.top-menu .list .subnav .subnav-content.minigame .row a {
	/* width: 357px; */
	padding: 10px 0px;
}

/*********************/
.con-virtual-live {
    padding-bottom: 20px;
}
.con-virtual-live.bangla {
    margin-top: 10px;
}
.con-virtual-live.auto {
	display: flex;
	justify-content: center;
	align-items: center;
}
.con-virtual-live .live {
    overflow: auto;
    display: flex;
    justify-content: center;
}
.b3ghContainer {
	display: flex; 
	flex-direction: column; 
	flex: 1; 
	gap: 6px
}
.b3ghContainer .row {
	display: flex; 
	gap: 6px
}
.b3ghContainer .row .sport-team-left-name {
    flex: 1;
}
.b3ghContainer .row .sport-team-left-name img {
    max-width: 22px;
}
.head-sec {
	justify-content: center;
    color: #000;
    background: #f9e7b5;
    padding: 5px 0;
    font-size: 13px;
}
.head-sec .space-line {
    width: 1px;
    background: #9f9f9f;
    margin: 0 10px;
}
.head-sec .item {
    display: flex;
    gap: 6px;
    align-items: center;
}
.head-sec .item .item-label {
    display: flex;
    align-items: center;
    gap: 2px;
}
.head-sec .item .item-label .chp {
    cursor: pointer;
    filter: brightness(.4);
}
.head-sec .item .item-value {
    color: #da7625;
}


/******************************************************************************************************/
/**********************************************  START ******************************************/
/******************************************************************************************************/

/*************************************** start slide slick***********************************************/
.slick-list {
	
margin: 0 auto;
	
width: 1597px;
}
.slick-list .slick-slide {display: flex !important;justify-content: center;align-items: center;padding: 5px;}
.slick-list .slick-slide:nth-child(even) {
	
}
.slick-slide img {
    width: 100%;
}
.slick-list .slick-slide:nth-child(odd) {
}
.slick-arrow {
	z-index: 1;
	/* width: 90px; */
	/* height: 40px; */
	background: unset;
	border: unset;
}

.slick-arrow:before {
	
/*background-image: url(/images/main/btn_left.png);*/
	
background-size: 100% 100%;
	
background-color: #ddd0;
	
border-radius: 100%;
}
.slick-next {
	right: 0;
}
.slick-prev {
	left: 0;
}

.btn-wrap {
	text-align: center;
	width: 100%;
}

button.slick-disabled {
	opacity: 0.6;
}

.slider.autoplay {
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    position: unset;
    height: 395px;
}
 
.slick-next:before, .slick-prev:before {
	font-size: unset;
	line-height: unset;
	opacity: .75;
	color: unset !important;
	padding: 20px !important;
}

.slick-prev:before {
    content: url(/images/main/btn_left.png) !important;
}

.slick-next:before,[dir=rtl] .slick-prev:before {
    content: url(/images/main/btn_right.png);
}

.slick-next {
    right: 50px !important;
    top: 100px !important;
}
.slick-prev {
    left: -27px !important;
    top: 100px !important;
}

.slick-next:before, [dir=rtl] .slick-prev:before {
	content: url(/images/main/btn_right.png) !important;
}

/*************************************** end slide slick***********************************************/
.box-slide-count {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 1385px;
    padding: 10px 0px;
}
.box-slide-count .counter-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff30;
    border-radius: 15px;
    font-size: 16px;
    height: 30px;
    width: 137px;
    color: #ffffff;
    gap: 10px;
}
.box-slide-count .counter-box .slick-counter {
}
.box-slide-count .counter-box .more {}
.box-game-banner {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 40px 80px;
}
.box-game-banner .banner {}
.box-game-banner .banner img {
    cursor: pointer;
}
.box-showinfo {display: flex;justify-content: space-between;gap: 20px;margin-top: 50px;}
.box-showinfo .box-list {
    width: 100%;
    height: 235px;
}
.box-showinfo .box-list .box-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #bda725;
    padding: 10px 0px;
}
.box-showinfo .box-list .name {
    font-size: 23px;
}
.box-showinfo .box-list .namesub {
    font-size: 16px;
}
.box-showinfo .box-list .box-body {height: 180px;overflow: auto;} 
.box-showinfo .box-list .box-body table {
    width: 100%;
} 
.box-showinfo .box-list .box-body::-webkit-scrollbar {
    display: none;
}
.box-showinfo .box-list .box-body table tbody {} 
.box-showinfo .box-list .box-body table tbody tr {
} 
.box-showinfo .box-list .box-body table tbody tr td {
    padding: 10px 0px;
} 
.box-showinfo .box-list .box-body .box-l {
    display: flex;
    gap: 10px;
} 
.box-showinfo .box-list .box-body .box-icon {
    background: #ff3171;
    width: 50px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border-radius: 3px;
} 
.box-showinfo .box-list .box-body .box-title {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
} 
.box-showinfo .box-list .box-body .box-r {
    text-align: right;
} 
.box-showinfo .box-list .box-body .datetime {
    color: #999999;
} 

.box-footer {
}
.box-footer .rows {
    display: flex;
    align-items: center;
}
.box-footer .logo-footer{}
.box-footer .logo-footer img {
    width: 100%;
}
.box-footer .menu-footer {
    padding-left: 60px;
}
.box-footer .menu-footer .rows {
    padding: 3px 0px;
    gap: 10px;
}
.box-footer .menu-link {
    color: #b1b1b1;
    cursor: pointer;
}
.box-footer .info-footer {
    display: flex;
    align-items: center;
    color: #b1b1b1;
}
.box-footer .footer-credit {
    color: #757575;
}
/*******************************  START MODEL POPUP  ***************************************/
.box-panel {
    display: flex;
    justify-content: space-between;
}
.panel-l {
    width: 190px;
}
.panel-r {
    width: 1100px;
    overflow: hidden;
    height: auto;
    padding: 0px 10px 0px 50px;
}


/*******************************  END MODEL POPUP  ***************************************/

/*******************************  START MENU PANEL LEFT  ***************************************/

.menu-left {
    display: flex;
    justify-content: center;
}
.menu-left .rows {}
.menu-left .rows .menu-button  {
    width: 152px;
    height: 45px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 20px;
    cursor: pointer;
    font-size: 16px;
    background: rgb(157, 111, 20);
    background: linear-gradient(0deg, rgba(157, 111, 20, 1) 0%, rgba(209, 188, 147, 1) 100%);
    border-radius: 10px;
}
.menu-left .rows .menu-button:hover {
	background: #3a3a3a;
}
.menu-left .rows .menu-button.active {
	background: #3a3a3a;
}


/*******************************  END MENU PANEL LEFT  ***************************************/


/*******************************  START CALENDAR  ***************************************/
.start-calendar {}
.header-calendar {}
.header-calendar .title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.header-calendar .arrow {}
.header-calendar .arrow img {
    width: 45px;
}
.header-calendar .box-month {
    width: 184px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3a3a3a;
    border-radius: 22px;
}
.body-calendar {
    width: 772px;
    margin: 20px auto;
}
.calendar {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 0.75em;
  overflow: hidden;
  border-collapse: collapse;
  -webkit-tap-highlight-color: transparent;
}
.calendar thead tr th {
    background: #3a3a3a;
}
.calendar thead tr th:first-child {
    border-radius: 25px 0px 0px 25px;
}
.calendar thead tr th:last-child {
    border-radius: 0px 25px 25px 0px;
}
.day-title {
  width: 4em;
  height: 4em;
  vertical-align: middle;
  font-weight: bold;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 0.0625em;
}

.day {
  position: relative;
  height: 3em;
}

.day:focus {
  outline: none;
}

.day:focus .day-number::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  transform: translate(-50%,-50%);
  border: 0.25em solid #0288d1;
  border-radius: 50%;
}

.day.active-a:focus .day-number::after,
.day.active-b:focus .day-number::after {
  width: 100%;
  height: 100%;
}

.day.today:focus .day-number::after {
  width: 102%;
  height: 102%;
}

.day:hover span.day-number {
 
}

.day:first-child,
.day:last-child {
  /* color: rgba(0,0,0,0.5); */
}

.day.range {
  color: #0288d1;
  background-color: #e1f5fe;
}

.day.range.active-a,
.day:not(.range) + .day.range.active-b {
  background-color: transparent;
  box-shadow: inset -1.5em 0 #e1f5fe;
}

.day.range.active-b,
.day.range + .day.range.active-a {
  background-color: transparent;
  box-shadow: inset 1.5em 0 #e1f5fe;
}

.day.range.active-a:first-child,
.day.range.active-b:first-child {
  box-shadow: none;
}

.day.range.active-a:first-child + .day.range,
.day.range.active-b:first-child + .day.range {
  box-shadow: -1.5em 0 #e1f5fe;
}

.day.range.active-a:first-child + .day:not(.range),
.day.range.active-b:first-child + .day:not(.range) {
  box-shadow: -4.5em 0 #e1f5fe;
}

.day.range.active-a:first-child + .day.range.active-b {
  box-shadow:
    -1.5em 0 #e1f5fe,
    inset 1.5em 0 #e1f5fe;
}

.day-number {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3em;
  border-radius: 10px;
}

.day.active-a span.day-number,
.day.active-b span.day-number {
  color: #fff;
  
}

.day.prev-mon .day-number,
.day.next-mon .day-number {
  color: rgba(0,0,0,0.3);
}

.day.prev-mon[class*="active"] .day-number,
.day.next-mon[class*="active"] .day-number {
  color: rgba(255,255,255,0.5);
  background-color: #81D4FA;
}

.day.today span.day-number {
  color: #fff;
  background: #ff3171;
  width: 45px;
  height: 45px;
  margin: auto;
}

.calendar-wrap .reset {
  display: block;
}

.box-border {
    margin: 25px 0px;
    width: 772px;
    height: 165px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #3a3a3a;
    border-radius: 10px;
}
.box-infolist {
    color: #a2a2a2;
}
.box-infolist .rows {
    padding: 10px 0px;
}
.close-button {
    cursor: pointer;
    
}
.close-button:hover {
	transform: rotateZ(90deg);
	transition:.3s;
	position: relative;
    top: -10;
    left: 0;
    right: 0;

}
.button-logout span {
    color: #000;
}
/*******************************  END CALENDAR  ***************************************/


/*******************************  START CHARGE  ***************************************/
.box-charge {}
.box-charge table {
    border-spacing: 0;
    border: 0;
    width: 100%;
}
.box-charge table tr {
}
.box-charge table tr td {
    border-bottom: 1px solid #535353;
    padding: 10px 0px;
}
.box-charge table tr:last-child td {
    border: 0;
}
.box-charge .fud-r {
    display: flex;
    align-items: center;
    gap: 10px;
}
.box-charge .btn-01 {}
.box-charge .check-box-colum {
    display: flex;
    flex-direction: column;
}
.box-charge .ch-input {
    width: 556px;
    height: 44px;
    background: #000000;
    color: #ffffff;
    text-align: center;
    border: 1px solid #535353;
    outline: 0;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'GmarketSansMedium';
}
.box-charge  .box-input-ch {
    display: flex;
    padding: 10px 0px;
    align-items: center;
    gap: 10px;
}
.box-charge .ch-submit {
    font-size: 16px;
    transition: .3s;
    border-radius: 10px;
    color: #ffffff;
    cursor: pointer;
    width: 134px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(157, 111, 20);
    background: linear-gradient(0deg, rgba(157, 111, 20, 1) 0%, rgba(209, 188, 147, 1) 100%);
    border-radius: 10px;
}
.box-charge .box-button-ch {
    padding: 10px 0px;
}
.box-charge .fc-btn-part {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.box-charge .fc-btn-part a {
    width: 110px;
    text-align: center;
}
.box-charge .fc-btn-part .fc-cash-btn {
    font-size: 14px;
    transition: .3s;
    border-radius: 10px;
    color: #ffffff;
    cursor: pointer;
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(50,50,50);
    background: linear-gradient(0deg, rgba(50,50,50,1) 0%, rgba(124,124,124,1) 100%);
}

/* button */
.btn-01{font-size: 14px;transition: .3s;color: #ffffff;cursor: pointer;height: 38px;display: flex;align-items: center;justify-content: center;gap: 6px;width: 110px;background: rgb(157, 111, 20);background: linear-gradient(0deg, rgba(157, 111, 20, 1) 0%, rgba(209, 188, 147, 1) 100%);border-radius: 10px;overflow: hidden;}
.btn-01 img {
	width:unset;
	filter: drop-shadow(0px 100px 0 #ffffff);
	transform: translateY(-100px);
}
.btn-02{

font-size: 14px;

transition: .3s;

color: #ffffff;

cursor: pointer;

height: 38px;

display: flex;

align-items: center;

justify-content: center;

gap: 6px;

background: rgb(50, 50, 50);

background: linear-gradient(0deg, rgba(50, 50, 50, 1) 0%, rgba(124, 124, 124, 1) 100%);

border-radius: 10px;

overflow: hidden;
}

.btn-03{font-size: 14px;transition: .3s;border-radius: 10px;color: #ffffff;cursor: pointer;height: 38px;display: flex;align-items: center;justify-content: center;gap: 6px;width: 110px;background: rgb(50, 50, 50);background: linear-gradient(0deg, rgba(50, 50, 50, 1) 0%, rgba(124, 124, 124, 1) 100%);overflow: hidden;}
.box-charge .box-info-ch {
    font-size: 12px;
    line-height: 20px;
    color: #a2a2a2;
}
.box-charge .box-info-ch .rows {
    padding-top: 20px;
}
.box-charge .box-info-ch .ch-list {}
.box-charge .box-info-ch .sub-ch-list {}
.table-style-a {}
.table-style-a table {
    border-spacing: 0;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
}
.table-style-a table thead {}
.table-style-a table thead tr {}
.table-style-a table thead tr th {
    border-bottom: 1px solid #ffd35d;
    color: #ffd35d;
    font-weight: normal;
    padding: 10px 0px;
}
.table-style-a table tbody {}
.table-style-a table tbody tr {}
.table-style-a table tbody tr td {
    border-bottom: 1px solid #535353;
    padding: 20px 0px;
}
.table-style-a table tbody tr .empty {
    text-align: center;
}
.read-cus-content.hide {
    display: none;
}
.add-tr-pointer {
    cursor: pointer;
}
/*******************************  END CHARGE  ***************************************/

[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

[type="radio"]:not(:checked) + span,
[type="radio"]:checked + span {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-transition: 0.28s ease;
    transition: 0.28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[type="radio"] + span:before,
[type="radio"] + span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: 0.28s ease;
    transition: 0.28s ease;
}

[type="radio"]:not(:checked) + span:before,
[type="radio"]:not(:checked) + span:after,
[type="radio"]:checked + span:before,
[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:before,
[type="radio"].with-gap:checked + span:after {
    border-radius: 50%;
}

[type="radio"]:not(:checked) + span:before,
[type="radio"]:not(:checked) + span:after {
    border: 2px solid #ffd35d;
    background: #000;
}

[type="radio"]:not(:checked) + span:after {
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked + span:before {
    border: 2px solid transparent;
}

[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:before,
[type="radio"].with-gap:checked + span:after {
    border: 2px solid #ffd35d;
}

[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:after {
    background-color: #ffd35d;
}

[type="radio"]:checked + span:after {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

[type="radio"].with-gap:checked + span:after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

[type="radio"].tabbed:focus + span:before {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 10px #0000001a;
}

[type="radio"].with-gap:disabled:checked + span:before {
    border: 2px solid rgba(0, 0, 0, 0.42);
}

[type="radio"].with-gap:disabled:checked + span:after {
    border: none;
    background-color: #0000006b;
}

[type="radio"]:disabled:not(:checked) + span:before,
[type="radio"]:disabled:checked + span:before {
    background-color: transparent;
    border-color: #0000006b;
}

[type="radio"]:disabled + span {
    color: #0000006b;
}

[type="radio"]:disabled:not(:checked) + span:before {
    border-color: #0000006b;
}

[type="radio"]:disabled:checked + span:after {
    background-color: #0000006b;
    border-color: #949494;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    /* position: absolute; */
    /* opacity: 0; */
    /* pointer-events: none; */
}

[type="checkbox"] + span:not(.lever) {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[type="checkbox"] + span:not(.lever):before,
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="checkbox"]:not(:checked):disabled + span:not(.lever):before {
    border: none;
    background-color: #0000006b;
}

[type="checkbox"].tabbed:focus + span:not(.lever):after {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 10px #0000001a;
    background-color: #0000001a;
}

[type="checkbox"]:checked + span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type="checkbox"]:checked:disabled + span:before {
    border-right: 2px solid rgba(0, 0, 0, 0.42);
    border-bottom: 2px solid rgba(0, 0, 0, 0.42);
}

[type="checkbox"]:indeterminate + span:not(.lever):before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #26a69a;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type="checkbox"]:indeterminate:disabled + span:not(.lever):before {
    border-right: 2px solid rgba(0, 0, 0, 0.42);
    background-color: transparent;
}

[type="checkbox"].filled-in + span:not(.lever):after {
    border-radius: 2px;
}

[type="checkbox"].filled-in + span:not(.lever):before,
[type="checkbox"].filled-in + span:not(.lever):after {
    content: "";
    left: 0;
    position: absolute;
    -webkit-transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
    transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
    z-index: 1;
}

[type="checkbox"].filled-in:not(:checked) + span:not(.lever):before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotate(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0px;
    z-index: 0;
}

[type="checkbox"].filled-in:checked + span:not(.lever):before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotate(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type="checkbox"].filled-in:checked + span:not(.lever):after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #26a69a;
    background-color: #26a69a;
    z-index: 0;
}

[type="checkbox"].filled-in.tabbed:focus + span:not(.lever):after {
    border-radius: 2px;
    border-color: #5a5a5a;
    background-color: #0000001a;
}

[type="checkbox"].filled-in.tabbed:checked:focus + span:not(.lever):after {
    border-radius: 2px;
    background-color: #26a69a;
    border-color: #26a69a;
}

[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):before {
    background-color: transparent;
    border: 2px solid transparent;
}

[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):after {
    border-color: transparent;
    background-color: #949494;
}

[type="checkbox"].filled-in:disabled:checked + span:not(.lever):before {
    background-color: transparent;
}

[type="checkbox"].filled-in:disabled:checked + span:not(.lever):after {
    background-color: #949494;
    border-color: #949494;
}

.btn_action {
    display: flex;
    justify-content: flex-end;
    margin: 10px 0px;
    gap: 10px;
}
.btn_action a {
    width: 110px;
    text-align: center;
    height: 38px;
}
.btn_action a img {
    width: unset;
    filter: drop-shadow(0px 100px 0 #ffffff);
    transform: translateY(-100px);
}
.color-yellow {
	color:#ffd35d;
}
.color-pink {
	color: #ffce6e;
}



.table-style-a .box-icon {
    width: 57px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}
.table-style-a .box-icon.event {
    background: #ff5400;
}

/*****************************  START CUSTOMER PC  ****************************************/
.box-table-write {}
.box-table-write table {
    width: 100%;
    border-spacing: 0;
}
.box-table-write table tbody {} 
.box-table-write table tbody tr {} 
.box-table-write table tbody tr td {
    border-bottom: 1px solid #3a3a3a;
    padding: 10px 0px;
}
.box-table-write table tbody tr:nth-child(2) td:first-child {
    vertical-align: top;
}
.box-table-write table tbody tr:last-child td {
    border: 0;
}
.box-table-write table tbody tr td input {
    background: #000000;
    outline: 0;
    border: 1px solid #3a3a3a;
    height: 32px;
    width: 840px;
    border-radius: 5px;
    color: #fff;
}
.box-table-write table tbody tr td textarea {
    background: #000000;
    outline: 0;
    border: 1px solid #3a3a3a;
    height: 32px;
    width: 900px;
    height: 400px;
    border-radius: 5px;
    color: #ffffff;
}
.box-justify-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box-justify-between img {
    width: unset;
}









/*****************************  END CUSTOMER PC  ****************************************/

/* PRELOADER CSS */
.page-loader {
  width: 1100px;
  height: 720px;
  position: absolute;
  background: #272727;
  z-index: 1000;
  border-radius: 10px;
}
.page-loader.full {
	width: 1310px;
}
.page-loader .txt {
  color: #666;
  text-align: center;
  top: 40%;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  font-weight: bold;
  line-height: 1.5;
}
/* SPINNER ANIMATION */
.spinner {
  position: relative;
  top: 35%;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

.box-head-member {}
.box-head-member .rows {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #3a3a3a;
    padding-bottom: 10px;
}
.box-head-member .rows .l-member {}
.box-head-member .rows .r-member {}
.box-head-member .rows .r-member .selected {
    margin-left: 5px;
}

.form-join {
    width: 950px;
    margin: auto;
}
.form-join .rows {
    display: flex;
    justify-content: space-between;
    margin: 20px 0px;
}
.form-join .box-join-center .btn-submit {
    width: 190px;
    cursor: pointer;
}
.form-join .rows .l-box {
    display: flex;
    align-items: center;
}
.form-join .rows .r-box {
    display: flex;
    align-items: center;
}
.form-join .rows .j-name {
    width: 135px;
}
.form-join .rows .j-input {
    height: 34px;
    width: 286px;
    background: #000000;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 5px;
    border: 1px solid #535353;
}
.form-join .rows .j-input #div_bank_nm {
	width:100%;
}
.form-join .rows .j-input select {
	height: 32px;
    width: 100%;
    background: #000;
    color: #ffffff;
    border: 0;
    outline: 0;
    font-size: 12px;
}
.form-join .rows .j-input input {
    height: 32px;
    width: 100%;
    background: #000;
    color: #ffffff;
    border: 0;
    outline: 0;
    font-size: 12px;
}
.form-join .rows .j-input .button {
    width: 130px;
    font-size: 14px;
    height: 34px;
    display: flex;
    align-items: center;
    background: #ff3171;
    border-radius: 10px;
    justify-content: center;
    padding: 0px 10px;
    cursor: pointer;
}
.form-join .rows .j-input .button:hover {
	background:#3a3a3a;
}
.form-join .bottom  {
    color: #ffffff;
    padding-top: 20px;
}

.box-customer.answer-box {
    display: none;
}
.box-customer.answer-box.active {
    display: block;
}
.box-customer.answer-box .btn_action {
    padding: 10px 0px;
}
.box-customer.list-box.active {
    display: none;
}

/*******************************  START CUTTOMER  ***************************************/
.box-customerlist {
    padding: 0vw 0vw;
}
.box-customerlist .box-hrad {
    font-size: 18px;
    padding: 10px 0px;
}
.box-customerlist .box-body {
    /* display: none; */
}
.box-customerlist .rows-sub-head {
    display: flex;
    gap: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    border-bottom: 1px solid #3a3a3a;
}
.box-customerlist .name {}
.box-customerlist .date {
    color: #a2a2a2;
}
.box-customerlist .status {
    color: #a2a2a2;
}
.box-customerlist .body-customerlist {
    padding: 4vw 0vw;
    border-top: 1px solid #535353;
    border-bottom: 1px solid #535353;
    line-height: 5vw;
}
.read-cus-content tbody tr td {
    border: 0;
}
.box-table-write {
    /* font-size: 3vw; */
}
.box-table-write table {
    width: 100%;
    border-spacing: 0;
}
.box-table-write table tbody {} 
.box-table-write table tbody tr {} 
.box-table-write table tbody tr td {
    border-bottom: 1px solid #3a3a3a;
    padding: 10px 0px;
}
.box-table-write table tbody tr:nth-child(2) td:first-child {
    vertical-align: top;
}
.box-table-write table tbody tr:last-child td {
    border: 0;
}
.box-table-write table tbody tr td input {
    background: #000000;
    outline: 0;
    border: 1px solid #3a3a3a;
    border-radius: 5px;
    color: #fff;
    padding: 0px 10px;
}
.box-table-write table tbody tr td textarea {
    background: #000000;
    outline: 0;
    border: 1px solid #3a3a3a;
    height: 382px;
    width: 840px;
    border-radius: 5px;
    color: #ffffff;
    padding: 10px;
}
.box-justify-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box-justify-between img {
    width: unset;
    filter: drop-shadow(0px 100px 0 #ffffff);
    transform: translateY(-100px);
}
.box-customer-write {
    padding: 0vw 2vw 50vw 0vw;
    display: none;
}
.box-customer-write.active {
    display: block !important;
}
.box-customer {}
.box-customer table {
    margin: auto;
}
.box-customer .cus-main-title {
    padding: 0vw 0vw 0vw 2vw;
    cursor: pointer;
}
.box-customer.answer-box {
    display: none;
}
.box-customer.answer-box.active {
    display: block;
}
.box-customer.answer-box td {
    padding: 0;
}
.box-customer.list-box.active {
    display: none;
}
/*******************************  END CUTTOMER  ***************************************/
.box-join {
    overflow: auto;
    /* height: 750px; */
    width: 745px;
    margin: auto;
}
.box-join .rows {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px;
}
.box-join .l-join {
    width: 102px;
}
.box-join .c-join {
    width: 287px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-join .r-join {
    width: 254px;
}

.box-join .c-join input {
    height: 44px;
    outline: unset;
    border: unset;
    padding: 0px 16px;
    width: 280px;
    color: #ffffff;
    background: #000000;
    border-radius: 10px;
    border: 1px solid #535353;
}
.box-join .sub {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.box-join .c-join .sub input {
    width: 149px;
    margin: 0;
}
.box-join .c-join .sub span {
    margin: 0px 6px;
}
.color-red {
    color: #ff0000;
}
.button-join {
    width: 150px;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ff3171;
    border-radius: 10px;
    cursor: pointer;
}
.btnFrame-join {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 576px;
    margin-top: 14px;
}
#mobileC {
    display: block;
    height: 44px;
    outline: unset;
    border: unset;
    padding: 0px 4px;
    width: 85px;
    font-size: 12px;
    margin: -5px 0px 0px 0px;
    color: #ffffff;
    background: #000000;
    border-radius: 10px;
    border: 1px solid #535353;
}
#bank_nm {
    display: block;
    height: 44px;
    outline: unset;
    border: unset;
    padding: 0px 4px;
    width: 287px;
    font-size: 12px;
    color: #ffffff;
    background: #000000;
    border-radius: 10px;
    border: 1px solid #535353;
}
#div_bank_nm {
    padding: 0 !important;
}

.greyBtn {
    color: #000 !important;
    transition: 0.4s ease-out;
    cursor: pointer;
    width: 262px;
    height: 60px;
    border-radius: 10px;
    outline: unset;
    border: 0;
    background: #ffd35d;
    font-size: 22px;
    font-family: "S-Core Dream 5";
}

.greyBtn:hover,
.greyBtn:focus {
    /*   background-color: var(--btnColor033_h) !important; */
    color:#0073f0;
}



/******************************************************************************************************/
/**********************************************  END  *******************************************/
/******************************************************************************************************/


/******************************************************************************************************/
/******************************************  START  ***************************************/
/******************************************************************************************************/
.header-version-pc {
    background: #34312d;
}
.header-version-pc .nav-header {
    display: flex;
    padding: 20px 20px;
}
.header-version-pc .nav-header .logo {
    flex: 1;
}
.header-version-pc .menu  {
    display: flex;
    width: 100%;
    margin: auto;
    flex: 1;
}
.header-version-pc .rows-menu.list {
    width: 850px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    gap: 15px;
}
.header-version-pc .menu .rows-menu list {}
.header-version-pc .menu .menu.hvr-pop  {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    line-height: 20px;
    cursor: pointer;
}
.header-version-pc .menu .menu.hvr-pop .en {
    color: #aaa18f;
    font-size: 12px;
    text-transform: uppercase;
}
.header-version-pc .menu .menu.hvr-pop .ko {
    font-size: 16px;
}
.header-version-pc .level-hopi {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    flex: 1;
}
.header-version-pc .level-hopi .message-button {
    display: flex;
    align-items: center;
}
.header-version-pc .level-hopi .level-name {}
.header-version-pc .level-hopi .level-name .message-button {}
.header-version-pc .level-hopi .msg-cout {
    position: relative;
    right: 16px;
    top: -7px;
    font-size: 14px;
}
.page-body {
    display: flex;
    justify-content: space-around;
}
.box-panel-l {
    width: 285px;
    background: #231f1b;
    padding: 20px;
    background: rgb(35,31,27);
    background: linear-gradient(174deg, rgba(35, 31, 27, 1) 0%, rgba(35, 31, 27, 0.06486344537815125) 100%);
}
.box-panel-l .rows {}
.box-panel-l .box-wallet {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background: rgb(157, 111, 20);
    background: linear-gradient(0deg, rgba(157, 111, 20, 1) 0%, rgba(209, 188, 147, 1) 100%);
    border-radius: 10px;
	cursor:pointer;
}
.box-panel-l .box-wallet:hover,.box-panel-l .box-wallet.active {
	background:#3a3a3a;
}
.box-panel-l .box-wallet .wallet-l {
    display: flex;
    align-items: center;
    gap: 10px;
}
.box-panel-l .box-wallet .text {}
.box-panel-l .box-wallet .wallet-r {
    display: flex;
    align-items: center;
    gap: 10px;
    background-image: url(/images/header/bg-wallet.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
}
.box-panel-l .box-wallet .wallet-r .cash {}
.box-lanel-r {
    flex: 1;
    width: 1597px;
    overflow: hidden;
}

.faq_area {
  margin: 20px 0px;
}
.faq_wrapper {
  max-width: 800px;
  margin: auto;
}
.faq_item {}
.faq_title {
  padding: 15px;
  color: #fff;
  cursor: pointer;
  font-size: 19px;
  position: relative;
  font-weight: bold;
}
.faq_title span.arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  width: 30px;
  height: 30px;
  background-size: contain;
  position: absolute;
  right: 20px;
  color: #fff;
  top: 0;
  margin: auto;
  bottom: 0;
  transition: all 0.5s;
}
.faq_title.active span.arrow {
  transform: rotate(180deg);
}
.faq_details {
  font-size: 18px;
  padding: 0px 15px;
  display: none;
  color:#fff;
  border-bottom: 1px solid #34312d;
}
.faq_item:first-child .faq_details {
  display: block;
}
.faq_item .faq_details .items {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0px;
    font-size: 14px;
    cursor: pointer;
}
.faq_item .faq_details .items .icon {}
.faq_item .faq_details .items .name {
    color: #aaa18f;
}
.box-lpage {
    border-bottom: 1px solid #34312d;
    padding: 20px 0px;
    margin-bottom: 20px;
}
.box-lpage .box-brown {
    background: #414143;
    border-radius: 10px;
    height: 86px;
    margin: 0px 0px 20px 0px;
}
.box-logout {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    background-image: url(/images/header/bg-logout.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 58px;
    padding: 0px 20px;
    cursor: pointer;
}
.box-logout .text-out {}
.bg-color {
  margin-top: 20px;
  padding: 40px 20px 10px 20px;
  flex: 1;
  background-image: url(/images/home/bg-box-list.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 488px;
}
.noticrealtime-container {
    display: flex;
    /* justify-content: space-between; */
    gap: 10px;
    margin: 0px 50px 50px 50px;
}

.mainicon {
    width: 133px;
    height: 133px;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mainicon img {}
.noticrealtime-container .notic .title {
    text-align: center;
    font-size: 22px;
    padding: 20px 0px 20px 0px;
} 
.noticrealtime-container .notic .bg-notic-list {
    padding: 20px;
    border-radius: 20px;
    background-image: url(/images/home/bg-box-list-lg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.noticrealtime-container .notic .notic-list {
    height: 235px;
    overflow: auto;
    /* width: 340px; */
    margin: auto;
} 
.noticrealtime-container .notic .notic-list {
  
}
.noticrealtime-container .realtime .realtime-list::-webkit-scrollbar {
    display: none;
}
.noticrealtime-container .notic .notic-list .lists {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
    font-size: 20px;
    font-weight: 300;
    font-family: "S-Core Dream 4";
} 
.noticrealtime-container .notic .notic-list .lists .subject {
    font-size: 16px;
    cursor: pointer;
} 
.noticrealtime-container .notic .notic-list .lists .date {
    color: #bababa;
} 
 

.noticrealtime-container .realtime {}
.noticrealtime-container .realtime .title {
    text-align: center;
    font-size: 26px;
    padding: 20px 0px 0px 0px;
} 
.noticrealtime-container .realtime .realtime-list {
    /* background-color: #13151b; */
    padding: 20px 0px;
    border-radius: 20px;
    height: 322px;
    overflow: auto;
    font-size: 20px;
    width: 100%;
    margin: auto;
} 
.noticrealtime-container .realtime .realtime-list .slick-list {
    height: 259px !important;
}
.noticrealtime-container .realtime .realtime-list .slick-list .slick-slide {
    background: #13151b;
    margin-bottom: 10px;
    padding: 2px 15px;
    border-radius: 20px;
}
.noticrealtime-container .realtime .lists {
    display: flex !important;
    justify-content: space-between;
    padding: 10px 0px;
    font-size: 16px;
} 
.noticrealtime-container .realtime  .realtime-list .lists .subject {
    width: 100%;
} 
.noticrealtime-container .realtime  .realtime-list .lists .cash {
    color: #00caee;
    /* font-weight: bold; */
    width: 100%;
    text-align: right;
} 
.noticrealtime-container .realtime  .realtime-list .lists .status {
  color: #ffffff;
  /* font-weight: bold; */
  width: 100%;
} 
.noticrealtime-container .realtime  .realtime-list .lists .date {
  color: #bababa;
  /* font-weight: normal; */
  width: 100%;
} 

.box-input-login {
    display: flex;
    align-items: center;
    background: #161310;
    border: 1px solid #48433e;
    padding: 3px;
    border-radius: 10px;
}
.box-input-login .icon {
    width: 45px;
    display: flex;
    justify-content: center;
}
.box-input-login .icon img {
    width: unset;
}
.box-input-login input {
    background: unset;
    padding: 0;
    width: 226px;
}
.box-login-button {
    padding-top: 20px;
}
.box-login-button .button-login {
    width: 285px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    background: rgb(157,111,20);
    background: linear-gradient(0deg, rgba(157,111,20,1) 0%, rgba(209,188,147,1) 100%);
    border-radius: 10px;
}
.box-login-button .button-sub-login {
    padding: 50px 0px 0px 0px;
    text-align: center;
    font-size: 13px;
}
.text-yellow {
    color: #ffd35d;
}
.login-modal .modal-content .modal-content-body .logo-login {
    display: flex;
    justify-content: center;
    margin: 10px 0px 50px 0px;
}
.login-modal .modal-content .modal-content-body .logo-login img {
    width: unset;
}
.input_group.rem_check {
    font-size: 12px;
    padding: 20px 10px;
}
.box-button-notlogin {
    display: flex;
    gap: 10px;
}
.box-button-notlogin .btnlogin {
    width: 110px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 15px;
    background: rgb(157, 111, 20);
    background: linear-gradient(0deg, rgba(157, 111, 20, 1) 0%, rgba(209, 188, 147, 1) 100%);
    border-radius: 10px;
}
.box-button-notlogin .btnjoin {
	width: 110px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 15px;
	background: rgb(50,50,50);
	background: linear-gradient(0deg, rgba(50,50,50,1) 0%, rgba(124,124,124,1) 100%);
	border-radius: 10px;
}
.button-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px;
    margin: 5px 0px;
    border-radius: 10px;
    font-size: 14px;
}
.button-box.gray {
    background: rgb(50, 50, 50);
    background: linear-gradient(0deg, rgba(50, 50, 50, 1) 0%, rgba(124, 124, 124, 1) 100%);
}
.button-box .l-button {
    display: flex;
    align-items: center;
    gap: 5px;
}

/******************************************************************************************************/
/******************************************  END  ***************************************/
/******************************************************************************************************/


/****************************************************************************/
/**************************   START POPUP PC   *************************/
/****************************************************************************/

.shadow {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.75); z-index:3; display:none;}

.popup_area {position:absolute; top:134px; left:50%; z-index:3002; width:1500px; margin-left:-670px; display:none;}
.popup_area .popup {background:#000000; width:344px; float:left;  overflow:hidden; margin-left:10px; margin-bottom:10px; display:none;}
.popup_area .popup:first-child {margin-left:0;}
.popup_area .popup:nth-child(5) {margin-left:0;}
.popup_area .popup .content {padding:1px; overflow:hidden;  border-bottom:0;}

.popup_area .popup .content::-webkit-scrollbar {width:10px; }
.popup_area .popup .content::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);  background:#ddd; display:none;}
.popup_area .popup .content::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8); border-radius:10px; background:#ffe169;}

.popup_area .popup .content .subject {font-size: 20px; color: #fff; text-align:center; display:none;}
.popup_area .popup .content .body {color: #fff;}
.popup_area .popup .content .body img {display:block;}
.popup_area .popup .subject {font-weight:bold;}
.popup_area .popup p {color:#ddd;}
.popup_area .popup .content .body * {color:inherit;}
.popup_area .close_box { width:324px; height:32px; background:#ffe169; padding:0 10px;}
.popup_area .pop_only_close {float:left; background:#af8f0e; color:#fff; font-weight:bold; padding:4px 6px; margin-top:4px; cursor:pointer;} 
.popup_area .pop_close {float:right; cursor:pointer; color:#000; font-weight:bold; font-size:15px; width:60px; height:20px; line-height:20px; margin-top:4px;}


.center_popup_area_box {position:fixed; top:120px; left:0;  z-index:3002; width:100%; overflow:hidden; text-align:center;}
.center_popup_area_box .line_up {display:inline-block; overflow:hidden;}
.center_popup_area_box .center_popup_area {float:left; padding:0 5px;}
.center_popup_area_box .center_popup_area .conts {border:3px solid #222;background: #000;height: 500px;overflow: auto;}
.center_popup_area_box .center_popup_area .conts img {display:block;}
.center_popup_area_box .center_popup_area .bottom {background:#000;height: 28px;overflow:hidden;padding:0 10px;display: flex;justify-content: space-between;align-items: center;font-size: 14px;gap: 20px;background: rgb(29 26 22);}
.center_popup_area_box .center_popup_area .bottom span {float:left;color:#fff;cursor:pointer;}
.center_popup_area_box .center_popup_area .bottom .pop_only_close {float:left;color:#fff;cursor:pointer;display: flex;align-items: center;gap: 3px;}
.center_popup_area_box .center_popup_area .bottom .pop_close {float:right;  }





/****************************************************************************/
/*****************************   END END PC   *************************/
/****************************************************************************/