@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');
input::placeholder {
    color: #796540;
}

input {
    font-size: 12px;
}
.modal-body input {
    font-size: 20px;
}
.user-info-content input {
    color: #e3ca9c;
}
a, span, div, p {
    font-size: 14px;
}
.head-logo {
    width: 100px;
    float: left;
}
.head-userinfo-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.head-userinfo-box input {
    padding     : 0 0 0 5px;
    margin      : 0 2px;
    width       : 125px;
    height      : 28px;
    color       : #e3ca9c;
    background  : #221d17;
    border      : 1px solid #584626;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
}

.head-userinfo-box>div>a{
    height: 28px;
    min-width:100px;
    text-align: center;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    cursor:pointer;
}
.head-userinfo-box>div>a.login_btn,.head-userinfo-box>div>a.rollchange_btn {
    background: #ccac13;
    color:#000000;
}
.head-userinfo-box>div>a.register_btn,.head-userinfo-box>div>a.logout_btn {
    background: #333333;
    color:#ffffff;
}
.head-userinfo-box.after-login span a {
    display:unset;    
}
.head-userinfo-box .btn-container{
    margin      : 0 2px;
    display     :block;
}

.hm_txt01 {
    font-size: 20px;
    font-weight: bold;
}
.hm_txt02 {
    padding: 0 0 0 0;
    font-weight: bold;
    color: #796540;
}
.menu-link-item {
    text-align:center;
}
.menu-line-bar {
    margin-top: 8px;
    margin-bottom: 8px;
    border-right: solid 1px #796540;
    height: calc(100% - 16px);
}
.sub_ttl_box {
    width: 100%;
    display: table;
    background: #000;
    border-bottom: 1px solid #584626;
    border-top: 1px solid #584626;
}
.topnotice-container .notice-title {
    font-size:40px;
    font-weight:bold;
}
.topnotice-container .notice-sub-title {
    font-size: 15px;
    border-bottom: 1px solid #15151c;
    margin:0 15px 0 15px;
}
.bg-sub{
    background:url(/assets/images/customImages/sub_bg.png);
    background-size:cover;
    min-height:580px;
}
.modal-body.bg-sub {
    min-height: unset;
}
.table-notice {
    border: 1px solid #584626;
}
.table-notice thead th {
    border-bottom: 1px solid #584626;
    background: #000;
}
.cart-table-area tbody tr {
    border-bottom: 1px solid #584626;
    border: 1px solid #584626;
    background: #000;
}
.table-notice tbody td {
    border-bottom: 1px solid #584626;
    background: #1a1208;
}
.table-notice thead th, .table-notice thead td, .table-notice tbody td, .table-notice tbody td {
    font-size: 14px;
    color: #e3ca9c;
}
.laypage_main input.laypage_skip {
    width:60px;
    color: #e3ca9c;
    background: #221d17;
    border: 1px solid #584626;
}
.laypage_main button.laypage_btn {
    border: 1px solid #d7af72;
    background: linear-gradient(90deg, #ddb97f, #f9e6be, #a57b4b);
    color: #000;
    cursor:pointer;
}
.table td, .table th, .detail-text, .detail-text p {
    color: #e3ca9c;
}
.modal p {
    color: #ff6600;
}
.btn_back {
    height: 28px;
    min-width: 100px;
    text-align: center;
    color: black;
    font-weight: bold;
    vertical-align: middle;
    border: 1px solid #d7af72;
    background: linear-gradient(90deg, #ddb97f, #f9e6be, #a57b4b);
}
a.btn_back.btn_back:not([href]):not([tabindex]) {
    color: black;
}
.deposit-box-back {
    border: 1px solid #584626;
    background: #000;
}
.deposit-box-back.label div{
    font-size:13px;
}
.btn_type04 {
    height: 35px;
    line-height: 35px;
    color: #e3ca9c;
    text-align: center;
    border: 1px solid #4b361e;
    border-radius: 3px;
    background: linear-gradient(180deg, #63594c, #352f27);
    cursor: pointer;
}
.container.input-form-container input.dic_ipt {
    padding: 0 0 0 10px;
    width: 100%;
    height: 35px;
    font-size: 13px;
    color: #e3ca9c;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #3e372e;
    box-sizing: border-box;
    background: #221d17;
    border-radius: 3px;
}
.btn_type02 {
    margin: 0 3px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    border: 1px solid #383838;
    border-radius: 3px;
    background: linear-gradient(180deg, #6a6a6a, #313131);
    cursor: pointer;
}
.btn_type01 {
    margin: 0 3px;
    height: 35px;
    line-height: 35px;
    color: #e3ca9c;
    text-align: center;
    border: 1px solid #4b361e;
    border-radius: 3px;
    background: linear-gradient(180deg, #63594c, #352f27);
    cursor: pointer;
}
.btn_type03 {
    height: 22px;
    width:48px;
    margin:auto;
    line-height: 22px;
    font-weight: bold;
    color: #202020;
    text-align: center;
    border: 1px solid #d7af72;
    border-radius: 3px;
    background: linear-gradient(90deg, #ddb97f, #f9e6be, #a57b4b);
    cursor: pointer;
}
.text-request {
    font-size: 24px;
    color: black;
}
.btm_btn {
    width: 100%;
    height: 48px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    text-align: center;
    border: 1px solid #d7af72;
    background: linear-gradient(90deg, #ddb97f, #f9e6be, #a57b4b);
    cursor: pointer;
}
.register-label {
    display: flex;
    align-items: center;
}
.jic_ipt {
    padding: 0 0 0 10px;
    width: 100%;
    height: 35px;
    font-size: 13px;
    color: #e3ca9c;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #3e372e;
    box-sizing: border-box;
    background: #221d17;
    border-radius: 3px;
}
.border-brown-1 {
    border-bottom: 1px solid #584626;
}
.border-brown-around-2 {
    border: 2px solid #584626;
}

.bd_btm_btn01 {
    height: 28px;
    text-align: center;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #d7af72;
    background: linear-gradient(90deg, #ddb97f, #f9e6be, #a57b4b);
    cursor: pointer;
}
.bd_btm_btn02 {
    height: 28px;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    border: 1px solid #4f4f4f;
    background: linear-gradient(90deg, #747474, #fafafa, #3b3b3b);
    cursor: pointer;
}
.bottom_btn_container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.detail-question{
    border-bottom: 1px solid #584626;
    background: #1a1208;
}
h4.customer-center.text-gold {
    color: #e3ca9c;
}
input.new-question-title {
    color: #fff;
    background: #221d17;
    border: 1px solid #584626;
    font-size:14px;
}
.form-control.new-question-item {
    color: #fff;
    background: #221d17;
    border: 1px solid #584626;
    font-size: 14px;
}
.new-question-title.form-control:focus {
    color: #fff;
    background: #221d17;
    border: 1px solid #584626;
}

.m_left_mn {
    z-index: 1001;
    position: relative;
}

#sidebar {
    font-family: 'bodoni';
    background-size: 300px;
    padding: 0 20px;
    width: 250px;
    position: fixed;
    top: 0;
    left: -300px;
    height: 100%;
    z-index: 14;
    background-color: #000;
    color: #fff;
    transition: all 0.3s;
    font-size: 20px;
}
.side-overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 13;
    display: none;
}
#sidebar.active {
    left: 0;
}
.game-load-btn .play-btn-container {
    top: 50%;
    display:none;
}
.game-load-btn .company-name-container {
    top: 20%;
    color: #fff;
    font-size: 24px;
    font-weight:900;
    display: none;
}
.game-load-btn:hover .play-btn-container{
    display:block;
}
.game-load-btn:hover .company-name-container {
    display: block;
}
.gamelistmodal .gamelistmodal-container {
    margin: 1.75rem auto;
    max-height: calc(100% - 3.5rem);
    min-height: calc(100% - 3.5rem);
    overflow-y: hidden;
    align-items: flex-start;
}
.gamelistmodal .gamelistmodal-container .modal-content {
    /*background: url(/assets/images/customImages/sub_bg.png);*/
    background: #232a2f;
}

.gamelistmodal .gamelistmodal-container .company-games {
    height: calc(100vh - 8rem);
    overflow-x:hidden;
    overflow-y: scroll;
}
.game-btn:hover .mask {
    background: rgba(0,0,0,0.8);
    border-radius: 6px;
}
.game-btn .play-btn-container {
    top: 50%;
    display: none;
}
.game-btn:hover .play-btn-container {
    display: block;
}
.game-btn:hover .game-name-text {
    display: block;
}
.game-btn .mask {
    top:0;
}
.game-btn:hover .mask {
    display: block;
}
.game-btn .mybtn2 {
    background: #6721f1;
}

@media (max-width: 1120px) {
    .mybtn2 {
        width: 100%;
    }
}
@media(max-width:992px) {
    .gamelistmodal .gamelistmodal-container {
        margin: 0 auto;
        max-height: 100%;
        min-height: 100%;
    }
    .gamelistmodal .gamelistmodal-container .company-games{
        height: calc(100vh - 3.5rem);
    }
    .menu-link-item {
        text-align: left;
    }
    .hm_txt01, .hm_txt02{
        float:left;
        font-size:12px;
    }
    .hm_txt02{
        padding:0 0 0 8px ;
    }
    .topnotice-container .notice-title {
        font-size: 24px;
    }
    .bg-sub {
        min-height:676px;
    }
    .head-userinfo-box {
        display: flex;
        justify-content: center;
    }
    .head-userinfo-box input {
        width: 90px;
    }
    .head-userinfo-box{
        width: 100%;
        padding:0;
    }
    .head-userinfo-box>div>a {
        min-width: 72px;
    }
    .game-load-btn .company-name-container {
        font-size: 16px;
    }
}


@media (min-width: 576px) {
    .gamelistmodal-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .gamelistmodal-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .gamelistmodal-container {
        max-width: 960px;
    }
}


@media (min-width: 1120px) {
    .gamelistmodal-container {
        max-width: 960px;
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1320px;
    }

    .gamelistmodal-container {
        max-width: 1320px;
    }
}

#slot-container-row a img.select-on {
    transform: scale(1);
    display: none;
}
#slot-container-row a img.select-off {
    display: block;
}
#slot-container-row a:hover img.select-on {
    transform: scale(1.1);
    transition: all 0.3s;
    display: block;
}
#slot-container-row a:hover img.select-off {
    display: none;
}


#casino-container-row a img.select-on {
    transform: scale(1);
    display: none;
}

#casino-container-row a img.select-off {
    display: block;
}

#casino-container-row a:hover img.select-on {
    transform: scale(1.1);
    transition: all 0.3s;
    display: block;
}

#casino-container-row a:hover img.select-off {
    display: none;
}

#gametype-casino, #gametype-slot {
    color: #fff;
    background-color: #000;
    font-size:24px;
    font-weight:bold;
}

#gametype-casino.selected, #gametype-slot.selected  {
    color: #000;
    background-color: #ccac13;
}
a.menu-link-item:hover{
    color:white;
}