@charset "utf-8";
@import url(nanumgothic.css);
/* @import url(notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumsquare.css); */

#wrap {
    float: left;
    width: 100%;
    overflow-x: hidden;
    background: url("../img/bg.jpg?v03") center top no-repeat;
    background-size: cover;
}

* {
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/

#header_wrap {
    float: left;
    width: 100%;
}

.gnb {
    float: left;
    width: 100%;
    height: 55px;
    text-align: center;
}

.gnb ul li {
    display: inline-block;
    line-height: 48px;
    margin: 0 25px 0 25px;
    font-family: 'nanumsquare', sans-serif;
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: 400;
    color: #ffffff;
}

.gnb ul li a {
    color: #ffffff;
}

.gnb ul li a:hover {
    color: #ffc800;
}

.login {
    float: left;
    width: 100%;
    height: 30px;
    text-align: center;
}

.login ul li {
    display: inline-block;
    line-height: 30px;
    margin: 0 1px 0 1px;
    font-family: 'nanumgothic', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #e0d0b5;
    letter-spacing: -1px;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
}

.input_login {
    background-color: #292827;
    border: 1px solid #393938;
    padding: 4px 0 4px 10px;
    width: 165px;
    height: 30px;
    border-radius: 0px;
    color: #ffffff;
    font-size: 16px;
}

.title1 {
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.6);
    font-family: 'nanumsquare', sans-serif;
    padding: 0 0 0 15px;
    font-size: 24px;
    letter-spacing: -1px;
    font-weight: 700;
    color: #ffffff;
    margin: 10px 0 0 0;
}

.title2 {
    padding: 0 0 5px 0;
    font-weight: 700;
    font-size: 18px;
    color: #e5a30b;
    font-weight: 600;
    font-family: 'nanumgothic', sans-serif;
    letter-spacing: -1px;
}

/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/

#contents_wrap {
    float: left;
    width: 100%;
    min-height: 500px;
    margin: 20px 0 40px 0;
}

.contents_box {
    margin: 0px auto;
    width: 1300px;
}

.con_box00 {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
}

.con_box10 {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}

.con_box20 {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

.con_box30 {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
}

.con_box40 {
    float: left;
    width: 100%;
    margin: 40px 0 0 0;
}

.con_box50 {
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
}

.con_box60 {
    float: left;
    width: 100%;
    margin: 60px 0 0 0;
}

/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/

.footer_wrap {
    float: left;
    width: 100%;
    text-align: center;
    margin: 40px 0 40px 0;
}

/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/

.main_game_title {
    float: left;
    width: 100%;
    text-align: center;
}

.main_game_wrap {
    float: left;
    width: 100%;
}

.main_game_box {
    width: 1300px;
    margin: 0px auto;
}

.main_game_start {
    width: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.5);
    padding: 40px;
    position: relative;
    border: 1px solid #321054;
}

/* 메인 탭구현 요소 */

.main_popup_tab_wrap {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.main_popup_tab_box {
    width: 800px;
    margin: 0px auto;
}

.main_popup_tab_wrap {
    width: 100%;
}

.main_popup_tab {
    float: left;
    width: 100%;
    background: linear-gradient(to right, #5e327a 0%, #57238c 100%);
    border-radius: 60px;
}

.main_popup_tab li {
    float: left;
    min-width: 33.33333%;
}

.main_popup_tab li span {
    display: inline-block;
    width: 100%;
    height: 54px;
    line-height: 54px;
    font-family: 'nanumsquare', sans-serif;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

.main_popup_tab li span:hover {
    display: inline-block;
    width: 100%;
    height: 54px;
    line-height: 54px;
    font-family: 'nanumsquare', sans-serif;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

.sk_tab_active_10 span {
    color: #000000;
    background: linear-gradient(to right, #ad7d25 0%, #fff0ae 50%, #ad7d25 100%);
    border-radius: 60px;
}

.sk_tab_con_10 {
    display: block;
    clear: both;
}

.sk_tab_hidden_10 {
    display: none;
}

/* 메인 탭구현 요소 끝 */

.main_con_wrap {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
}

.main_con_box {
    width: 1300px;
    margin: 0px auto;
}

.main_con1_wrap {
    float: left;
    width: 635px;
    height: 260px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #321054;
}

.main_con1_title {
    float: left;
    margin: 30px 0 0 30px;
}

.main_con1 {
    float: left;
    width: 630px;
    height: 236px;
    padding: 17px 0 0 0;
}

.main_con1 td {
    font-size: 14px;
    line-height: 32px;
    font-family: 'nanumgothic', sans-serif;
    color: #fff;
}

.main_con2_wrap {
    float: right;
    width: 635px;
    height: 260px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #321054;
}

.main_con2_title {
    float: left;
    margin: 30px 0 0 30px;
}

.main_con2 {
    float: left;
    width: 635px;
    height: 236px;
    padding: 17px 0 0 0;
}

.main_con2 td {
    font-size: 14px;
    line-height: 32px;
    font-family: 'nanumgothic', sans-serif;
    color: #fff;
}

/*-------------------------------------------------------------------------------------*
 *  팝업, 탭 (sk_tab)                                                                  *
 *-------------------------------------------------------------------------------------*/

.popup_none {
    display: none;
}

.popup_wrap {
    width: 1300px;
}

.close_box {
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0 10px 0;
}

.popupbox {
    width: 100%;
    float: left;
    background: url("../img/bg_popup.jpg") center top repeat-y;
    min-height: calc(100vh - 78px);
    border-radius: 10px;
    padding: 40px;
    position: relative;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
}

.popup_tab_wrap {
    width: 100%;
}

.popup_tab {
    float: left;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.popup_tab li {
    float: left;
    min-width: 120px;
    border-right: solid 1px rgba(255, 255, 255, 0.05);
}

.popup_tab li span {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-family: 'nanumgothic', sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
}

.popup_tab li span:hover {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-family: 'nanumgothic', sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
}

/* 입금신청, 출금신청, 머니이동, 쿠폰신청, 콤프신청, 이벤트, 공지사항 */

.sk_tab_active_01 span {
    color: #000000;
    background: linear-gradient(to right, #ad7d25 0%, #fff0ae 50%, #ad7d25 100%);
}

.sk_tab_con_01 {
    display: block;
    clear: both;
}

.sk_tab_hidden_01 {
    display: none;
}

/* 마이페이지, 정보수정, 입금/출금내역, 지인친구목록, 출석체크목록, 머니이동목록, 쪽지함 */

.sk_tab_active_02 span {
    color: #000000;
    background: linear-gradient(to right, #ad7d25 0%, #fff0ae 50%, #ad7d25 100%);
}

.sk_tab_con_02 {
    display: block;
    clear: both;
}

.sk_tab_hidden_02 {
    display: none;
}

/* 게임이용방법 */

.sk_tab_active_04 span {
    color: #000000;
    background: linear-gradient(to right, #ad7d25 0%, #fff0ae 50%, #ad7d25 100%);
}

.sk_tab_con_04 {
    display: block;
    clear: both;
}

.sk_tab_hidden_04 {
    display: none;
}

/* 카지노보유머니, 슬롯보유머니 */

.sk_tab_active_00 span {
    display: inline-block;
    width: 140px;
    height: 40px;
    line-height: 38px;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    background: linear-gradient(#bfa86f 0%, #84734d 100%);
}

.sk_tab_con_00 {
    display: block;
    clear: both;
}

.sk_tab_hidden_00 {
    display: none
}

/* 게임리스트 리스트 */

.game_tit {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
}

.game_list_wrap {
    float: left;
    width: 1228px;
}

.game_list_wrap ul li {
    float: left;
    margin: 0 55px 20px 0;
    position: relative;
}

.game_list_wrap ul li img {
    display: inline-block;
    cursor: pointer;
}

/* 점검중 */

.check {
    float: left;
    width: 297px;
    height: 280px;
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid #555555;
    position: absolute;
    z-index: 10000;
    text-align: center;
    font-family: 'nanumgothic', sans-serif;
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: 400;
    color: #ffffff;
    line-height: 23px;
    padding: 75px 0 0 0;
    top: 0px;
    left: 0px;
    border-radius: 0px;
}

/*-------------------------------------------------------------------------------------*
 *  박스스타일                                                                         *
 *-------------------------------------------------------------------------------------*/

/* 콤프신청, 머니이동, 출석체크수*/

.box_wrap01 {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.6);
    padding: 4px;
    float: left;
    width: 100%;
}

.box_box01 {
    background: rgba(0, 0, 0, 0.3);
    float: left;
    width: 100%;
    padding: 10px 0 10px 0;
    text-align: center;
}

.box_font01 {
    float: left;
    width: 100%;
    line-height: 40px;
    font-weight: 600;
    color: #dddddd;
    padding: 0 0 0 0;
    font-size: 18px;
    letter-spacing: -1px;
    font-family: 'nanumsquare', sans-serif;
}

.box_font02 {
    float: left;
    width: 100%;
    line-height: 20px;
    padding: 0 0 3px 0;
    color: #ffc000;
    letter-spacing: -1px;
    font-size: 16px;
    font-weight: 900;
    font-family: Arial, sans-serif;
    letter-spacing: -1pt;
}

/* 카지노 로고박스, 마이페이지 카지노 로고 박스 */

.box_wrap02 {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.6);
    padding: 6px;
    float: left;
    width: 20%;
    cursor: pointer;
}

.box_wrap02_on {
    background: rgba(0, 0, 0, 0.9);
    border: solid 1px #e6d194;
    padding: 6px;
}

.box_box02 {
    background: rgba(0, 0, 0, 0.3);
    float: left;
    width: 100%;
    padding: 5px 0 5px 0;
    text-align: center;
}

.box02 {
    float: left;
    width: 100%;
    line-height: 34px;
    font-weight: 600;
    color: #dddddd;
    padding: 0 0 0 0;
    font-size: 14px;
    letter-spacing: -1px;
    font-family: 'nanumgothic', sans-serif;
}

.box022 {
    float: left;
    width: 100%;
    line-height: 20px;
    padding: 0 0 3px 0;
    color: #ffffff;
    letter-spacing: -1px;
    font-size: 14px;
    font-weight: 900;
    font-family: 'nanumgothic', sans-serif;
    letter-spacing: 0pt;
}

/* 머니이동 */

.box_wrap03 {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.6);
    padding: 6px;
    float: left;
    width: 100%;
}

.box_box03 {
    background: rgba(0, 0, 0, 0.3);
    float: left;
    width: 100%;
    padding: 5px 0 5px 0;
    text-align: center;
}

.box03 {
    float: left;
    width: 100%;
    line-height: 40px;
    font-weight: 400;
    color: #dddddd;
    padding: 0 0 0 0;
    font-size: 20px;
    letter-spacing: -1px;
    font-family: 'nanumgothic', sans-serif;
}

.money {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.6);
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0 10px 0;
}

.money li {
    display: inline-block;
    padding: 0 10px 0 10px;
    font-size: 16px;
    letter-spacing: -1px;
    font-family: 'nanumgothic', sans-serif;
}

/*-------------------------------------------------------------------------------------*
 *  특별한                                                                             *
 *-------------------------------------------------------------------------------------*/

/* 외부로그인 */

.out_login_wrap {
    float: left;
    width: 100%;
    height: 100vh;
    background: url("../img/bg.jpg?v02") center top no-repeat;
    background-size: cover;
    padding: 150px 0 0 0
}

.out_login_box_wrap {
    width: 600px;
    margin: 0px auto;
}

.out_login_tit {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
}

.out_login {
    width: 100%;
    float: left;
    margin: 50px 0 50px 0;
}

.out_login_table {
    width: 100%
}

.out_login_td1 {
    width: 100%;
    padding: 0 0 5px 0
}

.out_login_td2 {
    width: 100%;
    padding: 0 0 10px 0
}

.out_login_td3 {
    width: 100%;
    padding: 0 0 10px 0
}

.out_login_btn1 {
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #e7d2b3;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -1px;
    text-align: center;
    display: inline-block;
    background: linear-gradient( #7f614a 0%, #432e20 100%);
    font-family: nanumgothic;
}

.out_login_btn1:hover {
    background: linear-gradient(#937258 0%, #543928 100%);
}

.out_input_login {
    background-color: #222222;
    border: 1px solid #000000;
    width: 100%;
    height: 50px;
    color: #c7ae89;
    border-radius: 3px;
    padding: 0 0 0 15px;
    font-size: 16px;
    font-family: 'nanumgothic', sans-serif;
}

/* 로딩중 */

.loding_wrap {
    float: left;
    width: 1100px;
    height: 760px;
    background: url("../img/bg_loding.jpg") center top no-repeat;
}

.loding {
    float: left;
    width: 100%;
    line-height: 40px;
    font-family: 'nanumsquare', sans-serif;
    font-size: 30px;
    letter-spacing: -1px;
    font-weight: 700;
    color: #ffffff;
    margin: 240px 0 0 0;
    text-align: center;
}

/* 슬롯로딩 */

.slot_loding_wrap {
    float: left;
    width: 100%;
    height: 100vh;
    background: url("../img/bg_loding.jpg") center top no-repeat;
    background-size: cover;
}

.slot_loding {
    float: left;
    width: 100%;
    line-height: 40px;
    font-family: 'nanumsquare', sans-serif;
    font-size: 30px;
    letter-spacing: -1px;
    font-weight: 700;
    color: #ffffff;
    margin: 150px 0 0 0;
    text-align: center;
}

/*커스텀*/

#backtomain.backtosky {
    padding-top: 12px;
}

.ng-display-none {
    display: none !important;
}

.header-bottom .links>ul>li p:nth-child(2) {
    color: #999999;
    font-size: .6em;
    font-weight: normal;
    margin-bottom: 0;
}

.header-bottom .links>ul>li:hover p:nth-child(2) {
    color: #c1ad8b !important;
}

.header-bottom .links>ul>li p:nth-child(3) {
    color: #c9ae7c;
    font-weight: normal;
}

.header-bottom .links>ul>li:hover p:nth-child(3) {
    color: #c1ad8b !important;
}

#msgOpenPopup.hide,
#customerOpenPopup.hide {
    display: none;
}

#msgOpenPopup.overlay.show,
#customerOpenPopup.overlay.show {
    display: block;
}

#msgOpenPopup.overlay,
#customerOpenPopup.overlay {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00000090;
    backdrop-filter: blur(20px);
    z-index: 100;
}

.msgtitle {
    background: #b5883b;
    padding: 12px;
    color: #ffffff;
    text-align: center;
}

.msgalertin {
    max-width: 240px;
    position: relative;
    border-radius: 4px;
    transform: translate(-50%, -50%);
    background: #fff;
    left: 50%;
    top: 40%;
}

.msgalertin .mtt {
    text-align: center;
    color: #ffbb00;
    font-size: 18px;
    background: rgba(0, 0, 0, .2);
    border-radius: 3px;
    padding: 4px;
    height: 35px;
    display: block;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.msgalertin .mtts {
    text-align: center;
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.msgalertin .closex {
    right: 10px;
    transition: all 200ms;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    float: right;
    cursor: pointer;
}

.msgalertin .closex:hover {
    color: #06D85F;
}

.msgalertin .smgcontent {
    padding: 0px 15px 15px;
    color: #000000;
}

.btnmsgcl {
    display: block;
    margin: 0 5px;
    padding: 5px;
    width: 90%;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    transition: all 0.3s ease-out;
    font-size: 14px;
    cursor: pointer !important;
}

.btnmsgcl:hover {
    color: #724f15;
}

.btnonofcl {
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 8px;
    width: 40%;
    max-width: 200px;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    transition: all 0.3s ease-out;
    font-size: 14px;
    cursor: pointer !important;
    font-weight: bold;
}

#onofOpenPopup.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}

#onofOpenPopup.overlay.show {
    display: block;
}

.onofalertin {
    margin: 20% auto;
    width: 14.5%;
    min-width: 300px;
    position: relative;
    transition: all 5s ease-in-out;
    font-family: Dotum, sans-serif;
    font-size: 12px;
    border-radius: 4px;
    background: #284969;
    color: #FFFFFF;
    padding: 2px 2px 12px 2px;
    margin-left: 38%;
}

.onofalertin .mtts {
    text-align: center;
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.onofalertin .smgcontent {
    max-height: 30%;
    overflow: auto;
    padding: 18px;
    color: #dfeeff;
}

@media screen and (max-width: 720px) {
    .onofalertin {
        width: 65%;
        margin: 60% auto;
    }
    .onofalertin .form-ms-group .form-control {
        width: 28%;
    }
    .onofalertin .smgcontent {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .onofalertin {
        width: 60%;
    }
}

.title1-search {
    justify-content: space-between;
    flex-flow: row;
    float: initial;
    display: flex;
    line-height: initial;
    align-items: center;
    padding: 0 20px;
    font-size: 20px;
    letter-spacing: -1px;
    font-weight: 700;
    color: #ffffff;
    margin: 10px 0 0 0;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 50px;
}

.hide-force {
    display: none !important;
}

.hidemsgs {
    display: none;
}

.tb_empty {
    text-align: center;
    padding: 2em 0;
    background-color: rgb(0 0 0 / 50%);
}

table td>a {
    cursor: pointer;
}

.clearable {
    position: relative;
    width: 200px;
    font-size: .6em;
    display: inline-block;
}

.clearable input {
    width: 100%;
    padding: 0.5em;
    border: 1px #414141 solid;
    border-radius: 6px;
    box-sizing: border-box;
    background: #1d1d1d;
}

.clearable input:placeholder-shown+button {
    opacity: 0;
    pointer-events: none;
}

.clearable input+button {
    position: absolute;
    border: none;
    display: block;
    width: 15px;
    height: 15px;
    line-height: 16px;
    font-size: 12px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    right: 5px;
    margin: auto;
    background: #ddd;
    padding: 0;
    outline: none;
    cursor: pointer;
    transition: .1s;
    color: black;
}

.slot_list {
    width: 100%;
    color: #fff;
    background: #1d1d1d;
}

.slot_list>ul {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(auto-fill, minmax(12%, 1fr));
    padding: 10px;
}

.slot_list>ul>li {
    backdrop-filter: blur(3px);
    background: rgb(14 14 14 / 40%);
    margin-bottom: 10px;
    display: flex;
    flex-flow: column;
    transition: .1s all ease-out;
    border: 1px solid #666;
}

.slot_list>ul>li img {
    max-width: 100%;
}

.slot_list>ul>li .tit {
    padding: 10px 0px;
    margin: auto;
    text-align: center;
    font-size: 12px;
}

.slot_list>ul>li:hover {
    transform: scale(1.25);
    box-shadow: 0 0 .5em white;
    z-index: 1;
    cursor: pointer;
}

/* 공지팝업 */

.notice_popup_area {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-height: 100%;
    overflow: hidden;
    backdrop-filter: blur(10px);
    background: rgb(0 0 0 / 50%);
}

.notice_popup {
    position: relative;
    z-index: 1;
    padding: 10px;
    min-width: 350px;
    min-height: 400px;
    margin-left: 100px;
    margin-top: 100px;
    margin-bottom: 100vh;
}

.notice_popup+.notice_popup {
    margin-left: 20px;
}

.notice_popup * {
    max-width: 100%;
}

.notice_popup_wrap {
    width: 100%;
    height: 100%;
}

.notice_popup_wrap .btn_close {
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 1;
}

.notice_popup_wrap .btn_close img {
    width: 30px;
}

.notice_popup_wrap .btn_today_close {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}

.notice_popup_btn {
    float: right;
    background: #dec277;
    min-width: 60px;
    height: 36px;
    line-height: 40px;
    padding: 0 15px 0 15px;
    text-align: center;
    display: inline-block;
    font-family: nanumgothic, sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: 600;
}

.notice_popup_box {
    float: left;
    width: 100%;
    height: auto;
    background: #000000;
    border: 5px solid #dec277;
    background: url(../img/main/bg_popup.jpg) center top no-repeat;
    background-size: cover;
    position: relative;
}

.notice_popup_text {
    float: left;
    width: 100%;
    padding: 30px;
}

.notice_popup_font1 {
    float: left;
    width: 100%;
    font-family: 'nanumsquare', sans-serif;
    font-size: 22px;
    letter-spacing: -1px;
    font-weight: 700;
    color: #ffc800;
    line-height: 40px;
    text-align: center;
}

.notice_popup_font2 {
    float: left;
    width: 100%;
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: 400;
    color: #d4d4d4;
    line-height: 28px;
}

.main-page {
    position: relative;
    max-width: 100%;
}

.main-page .main-container.games {
    padding: 10px 10px 0;
}

.main-page .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.main-page .content .game-buttons {
    width: 50%;
    height: 250px;
    display: inline-block;
    margin: 10px 0px;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    transition: all .5s;
    padding-top: 205px;
    font-weight: bold;
    position: relative;
    border-bottom: 1px solid #282828;
}

.main-page .content .game-buttons span:nth-of-type(2) {
    font-size: 13px;
    color: #999999;
}

.main-page .content .game-buttons.others {
    width: 100%;
}

.main-page .content .game-buttons.no-mini {
    width: 50%;
}

.main-page .content .game-buttons.live {
    background: url("../img/main/casino.png?ver=1.0") no-repeat;
}

.main-page .content .game-buttons.mini {
    background: url("../img/main/mini.png?ver=1.0") no-repeat;
}

.main-page .content .game-buttons.slot {
    background: url("../img/main/slot.png?ver=1.02") no-repeat;
}

.main-page .content .game-buttons.live.no-mini {
    background: url("../img/main/casino-hover.png") top center / 100% no-repeat;
}

.main-page .content .game-buttons.slot.no-mini {
    background: url("../img/main/slot-hover.png") top center / 100% no-repeat;
}

.main-page .content .game-buttons.poker {
    background: url("../img/main/idn-button.jpg") no-repeat;
}

.main-page .content .game-buttons.others {
    background: url("../img/main/prog-jockpot.png?ver=1.0") no-repeat;
}

.main-page .content .game-buttons.live,
.main-page .content .game-buttons.mini,
.main-page .content .game-buttons.slot {
    transition: .3s all;
    background-position: center;
    background-size: 100% 100%;
    vertical-align: bottom;
}

.main-page .content .game-buttons.live:before,
.main-page .content .game-buttons.mini:before,
.main-page .content .game-buttons.slot:before {
    content: ' ';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.main-page .content .game-buttons.live:hover,
.main-page .content .game-buttons.mini:hover,
.main-page .content .game-buttons.slot:hover {
    background-size: 120%;
    font-size: 20px;
    padding: 100px 0;
    display: inline-flex;
    flex-flow: column;
    align-items: center;
}

.main-page .content .game-buttons.live:hover>span,
.main-page .content .game-buttons.mini:hover>span,
.main-page .content .game-buttons.slot:hover>span {
    z-index: 1;
}

.main-page .content .game-buttons.live:hover:before,
.main-page .content .game-buttons.mini:hover:before,
.main-page .content .game-buttons.slot:hover:before {
    background: rgb(0 0 0 / 60%);
    backdrop-filter: blur(5px);
}

.main-page .content .game-buttons .ng-binding {
    margin-left: 17px;
}

/* .main-page .content .game-buttons.live:hover{background: url("../img/main/casino-hover.png?ver=1.02") no-repeat;} */

/* .main-page .content .game-buttons.others:hover{background: url("../img/main/slot-hover.png?ver=1.01") no-repeat;} */

.main-page .content .game-buttons.poker:hover {
    background: url("../img/main/idn-button-hover.jpg") no-repeat;
}

.main-page .content .game-buttons.others:hover {
    background: url("../img/main/prog-jockpot-hover.png?ver=1.02") no-repeat;
}

.main-page .content .coupon-container:hover {
    background: url("../img/main/coupon-banner.jpg") no-repeat;
    width: 100%;
    height: 60px;
    margin-bottom: 10px;
}

.main-page .odometer-container {
    position: absolute;
    right: 18px;
    bottom: 15px;
    overflow: hidden;
    height: 97px;
    width: 695px;
}

.main-page .odometer-container img {
    margin-top: -5px;
}

.main-page .jackpot-odometer {
    position: absolute;
    height: 92px;
    width: 520px;
    bottom: 0;
    right: 0;
}

customer-page {
    width: 100%;
}

.customer-page {
    font-size: 13px;
    color: #ffffff;
    width: 100%;
    letter-spacing: -0.78px;
    background-color: #000000;
}

.customer-page .goldTxt {
    letter-spacing: -1.44px;
    color: #c1ad8b;
    font-size: 24px;
}

.customer-page .goldTxt>span {
    color: #deb163;
    font-size: .8em;
    font-weight: bold;
    margin-left: 10px;
}

.customer-page .customer-content {
    border: 1px solid #282828;
    display: flex;
}

.customer-page .customer-buttons {
    float: left;
    width: 100%;
    height: 97px;
    position: relative;
    cursor: pointer;
    padding: 20px 35px;
    background: rgb(43, 41, 49);
    background: -moz-linear-gradient(top, rgb(17, 17, 17) 0%, rgb(25, 25, 25) 100%);
    background: -webkit-linear-gradient(top, rgb(17, 17, 17) 0%, rgb(25, 25, 25) 100%);
    background: linear-gradient(to bottom, rgb(17, 17, 17) 0%, rgb(25, 25, 25) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#191919', GradientType=0);
}

.customer-page .customer-buttons:hover {
    opacity: 0.7;
}

.customer-page .customer-buttons img {
    vertical-align: baseline;
}

.customer-page .customer-buttons:nth-of-type(-n+3)::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 50%;
    right: 0;
    top: 50%;
    background: #282828;
    transform: translateY(-50%);
}

.customer-page .text-con {
    display: inline-block;
    margin-left: 20px;
}

.customer-page .text-con p {
    margin: 0;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .customer-page .customer-buttons {
        padding: 18px;
    }
}

/*banner*/

.banner-slider img.banner-outside {
    width: 100%;
    object-fit: cover;
    height: 600px;
    margin-top: 135px;
}

.banner-slider .slick-slide:focus {
    outline: none;
    border: none;
}

.banner-slider .btn-learn {
    position: absolute;
    width: 200px;
    height: 40px;
    right: -75px;
    top: -439px;
    border-radius: 20px;
    border: 2px solid #c1ad8b;
    background: transparent;
    color: #c1ad8b;
    padding: 0;
    outline: none !important;
    font-weight: bold;
}

.banner-slider .btn-learn:hover {
    background: #c1ad8b;
    color: #111111;
}

.banner-slider .slick-prev {
    left: 20px;
    z-index: 1;
}

.banner-slider .slick-prev::before,
.banner-slider .slick-next::before {
    font-size: 30px;
    opacity: .5;
}

.banner-slider .slick-prev,
.banner-slider .slick-next {
    width: 30px;
    height: 30px;
}

.banner-slider .slick-next {
    right: 20px;
}

.banner-slider .main-promo-text {
    position: absolute;
    top: -600px;
    right: -200px;
}

.banner-slider .slick-dots {
    bottom: 10px;
}

.banner-slider .slick-dots li button:before {
    font-size: 20px;
    opacity: 1;
}

.banner-slider .slick-dots li.slick-active button:before {
    color: #c1ad8b;
}

.banner-slider .slick-dots li button:before {
    color: #999999;
}

/* ngDialog */

@-webkit-keyframes ngdialog-fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ngdialog-fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes ngdialog-fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes ngdialog-fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {
    box-sizing: inherit;
}

.ngdialog {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}

.ngdialog.ngdialog-disabled-animation,
.ngdialog.ngdialog-disabled-animation .ngdialog-overlay,
.ngdialog.ngdialog-disabled-animation .ngdialog-content {
    animation: none !important;
    -webkit-animation: none !important;
}

.ngdialog-overlay {
    animation: none;
    -webkit-animation: none;
    background: rgba(0, 0, 0, 0.85);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-backface-visibility: hidden;
}

.ngdialog-no-overlay {
    pointer-events: none;
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
    animation: ngdialog-fadeout 0.5s;
    -webkit-animation: ngdialog-fadeout 0.5s;
    -webkit-backface-visibility: hidden;
}

.ngdialog-content {
    animation: ngdialog-fadein 0.5s;
    -webkit-animation: ngdialog-fadein 0.5s;
    background: white;
    pointer-events: all;
    -webkit-backface-visibility: hidden;
}

.ngdialog.ngdialog-closing .ngdialog-content {
    animation: ngdialog-fadeout 0.5s;
    -webkit-animation: ngdialog-fadeout 0.5s;
    -webkit-backface-visibility: hidden;
}

.ngdialog-close:before {
    content: '\00D7';
    cursor: pointer;
    font-family: 'Helvetica', Arial, sans-serif;
}

html.ngdialog-open,
body.ngdialog-open {
    overflow: hidden;
    padding-right: 0 !important;
}

/* ngdialog-default */

.ngdialog__heading {
    background: rgb(75, 54, 47);
    background: -moz-linear-gradient(0deg, rgba(75, 54, 47, 1) 0%, rgba(197, 153, 83, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(75, 54, 47, 1) 0%, rgba(197, 153, 83, 1) 100%);
    background: linear-gradient(0deg, rgba(75, 54, 47, 1) 0%, rgba(197, 153, 83, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4b362f", endColorstr="#c59953", GradientType=1);
}

.ngdialog__title {
    color: #ffffff;
    margin: 0;
    padding: 10px;
    text-transform: uppercase;
}

.ngdialog-main-nav {
    background-color: #000000;
    margin-bottom: 0;
    margin-left: 0;
}

.ngdialog-main-nav li {
    padding: 15px;
    float: left;
    color: #999999;
}

.ngdialog-main-nav li a {
    color: #999999;
}

.ngdialog-main-nav li:hover,
.ngdialog-main-nav li:focus {
    color: #ffffff;
    cursor: pointer;
    border-bottom: 2px solid #b73528;
}

.ngdialog-main-nav li.active {
    border-bottom: 2px solid #b73528;
    color: #ffffff;
}

.ngdialog-main-nav .badge {
    background: #b73528;
}

.ngdialog.ngdialog-theme-default.ngdialog-main-default .ngdialog-content {
    width: 1000px;
    border-radius: 0;
    font-size: 14px;
    padding: 0;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
    top: 6px;
}

.ngdialog.ngdialog-theme-default.ngdialog-movie .ngdialog-content {
    border-radius: 0;
    padding: 0;
    width: 430px;
}

.ngdialog.ngdialog-theme-default.ngdialog-movie-2 .ngdialog-content {
    border-radius: 0;
    padding: 0;
    width: 400px;
}

.ngdialog.ngdialog-theme-default.ngdialog-movie-3 .ngdialog-content {
    border-radius: 0;
    padding: 0;
    width: 515px;
}

.ngdialog.ngdialog-theme-default.ngdialog-movie {
    z-index: 10001;
    padding-top: 250px;
}

.ngdialog.ngdialog-theme-default.ngdialog-movie-2 {
    z-index: 10002;
    padding-top: 250px;
}

.ngdialog.ngdialog-theme-default.ngdialog-movie-3 {
    z-index: 10003;
    padding-top: 250px;
}

.ngdialog.ngdialog-theme-default.ngdialog-movie-4 {
    z-index: 10004;
    padding-top: 250px;
}

.ngdialog-movie .ngdialog-overlay {
    background: rgba(0, 0, 0, 0.3);
}

.ngdialog-movie-2 .ngdialog-overlay {
    background: rgba(0, 0, 0, 0.8);
}

.ngdialog-movie-3 .ngdialog-overlay {
    background: rgba(0, 0, 0, 0.8);
}

.ngdialog-movie-4 .ngdialog-overlay {
    background: rgba(0, 0, 0, 0.8);
}

.change-password .has-not-used.has-success .form-control {
    background: none #111111 !important;
    border-color: #585858 !important;
    box-shadow: none !important;
}

.change-password .has-success input.form-control,
input.no-error {
    background: url(../img/common/icon-valid.png) right 10px center no-repeat #302e36;
    border-color: #53d14c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.change-password .has-error .form-control {
    background: url(../img/common/icon-error.png?ver=1.01) right 10px center no-repeat #302e36;
    border-color: #d54b4b !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.change-password-error span {
    color: #a94442;
    font-weight: 700;
}

/* ngdialog-signup */

.ngdialog.ngdialog-theme-default.ngdialog-signup .ngdialog-content {
    background: url("../img/main/bg-signup1.png?ver=1.05") no-repeat top center #010101;
    background-size: cover;
    font-size: 13px;
    color: #999;
    width: 800px;
    padding-top: 35px;
    border-radius: 0;
    border: 2px solid black;
}

.ngdialog-signup-page .form-control {
    background: #111111;
    border-radius: 0;
    margin-bottom: 10px;
    color: #cccccc;
    border-color: #585858;
}

.ngdialog-signup-page label {
    font-size: 14px;
    line-height: 30px;
}

.ngdialog-signup-page label span:nth-of-type(2) {
    color: #ff6c5d;
}

.ngdialog-signup-page .col-sm-3 {
    width: 125px;
    padding: 0;
}

.ngdialog-signup-page .col-sm-4 {
    line-height: 34px;
    padding: 0;
}

.ngdialog-signup-page .col-sm-4 p {
    background: #1c1e24;
    width: 250px;
    position: absolute;
    color: #b73528;
}

.ngdialog-signup-page .col-sm-4 p>span:first-of-type,
.ngdialog-signup-page .col-sm-4 span.signup-inquiry {
    padding-left: 15px;
}

.ngdialog-signup-page .col-sm-4 button {
    width: 94px;
    height: 34px;
    margin-top: -1px;
}

.ngdialog-signup-page .col-sm-5 {
    padding: 0;
}

.ngdialog-signup-page .ngdialog-signup__title {
    text-align: center;
    color: #ffffff;
}

.ngdialog-signup-page .ngdialog-signup__title>h1 {
    letter-spacing: -1.6px;
    font-weight: bold;
    font-size: 35px;
    color: #c1ad8b;
    margin-bottom: 35px;
}

.ngdialog-signup-page .ngdialog-signup__title>p {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.84px;
}

.ngdialog-signup-page .logo {
    text-align: center;
}

.ngdialog-signup-page button.btn-red {
    border-radius: 0;
}

.ngdialog-signup-page .has-success input.form-control,
input.no-error {
    background: url(../img/common/icon-valid.png?ver=1.01) right 10px center no-repeat #302e36;
    border-color: #53d14c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    padding-right: 30px;
}

.ngdialog-signup-page .has-error .form-control:not(.ignore-error) {
    background: url(../img/common/icon-error.png?ver=1.01) right 10px center no-repeat #302e36;
    border-color: #d54b4b !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    padding-right: 30px;
}

.ngdialog-signup-page select.form-control {
    padding: 6px 5px;
}

.ngdialog-signup-page .won-text.arrow {
    position: absolute;
    top: 6px;
    right: 210px;
    margin: 0;
    font-size: 13px;
    color: #ffffff;
}

.ngdialog-signup-page select.form-control {
    background: url("../img/common/chevron-down.png?ver=1.01") center right 15px no-repeat #111111;
}

.ngdialog-signup-page .btn-yellow {
    height: 34px;
}

.ngdialog-signup .ngdialog-content {
    background: url("../img/main/bg-signup1.png?ver=1.05") no-repeat #040404;
    font-size: 13px;
    color: #999999;
    width: 660px;
    padding-top: 35px;
    border-radius: 0;
    border: 2px solid #000000;
}

.ngdialog-signup .ngdialog-close:before {
    font-size: 35px;
    line-height: 30px;
    right: 10px;
    top: 10px;
    width: 30px;
}

.ngdialog-signup .form-signup {
    margin: 20px 20px 10px;
}

.ngdialog-signup .btn-signup {
    background: url("../img/main/btn-frame-signup.jpg?ver=1.01") center / 100% no-repeat;
    margin-top: 20px;
    background-size: 100% 100%;
}

.ngdialog-signup .btn-signup:hover {
    color: #c1ad8b;
}

/* ngdialog-login */

.ngdialog.ngdialog-theme-default.ngdialog-login .ngdialog-content {
    width: 400px;
    height: 370px;
    background: #23232a;
    font-size: 13px;
    padding: 27px 53px;
    font-weight: 600;
    color: #999999;
    border: 2px solid #000000;
    border-radius: 0;
    background: -moz-linear-gradient(top, #23232a 0%, #0f0f0f 100%);
    background: -webkit-linear-gradient(top, #23232a 0%, #0f0f0f 100%);
    background: linear-gradient(to bottom, #23232a 0%, #0f0f0f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23232a', endColorstr='#0f0f0f', GradientType=0);
}

.ngdialog.ngdialog-theme-default.ngdialog-login .ngdialog-close:before {
    font-size: 35px;
    line-height: 30px;
    right: 10px;
    top: 10px;
    width: 30px;
}

.ngdialog-login-page p.text-center {
    margin: 20px 0;
}

.ngdialog-login-page .form-control {
    margin-bottom: 10px;
    background: #302e36;
    border: 1px solid #585858;
    border-radius: 0;
    padding-left: 40px;
    color: #cccccc;
}

.ngdialog-login-page .btn-red {
    border-radius: 0;
    font-weight: 600;
}

.ngdialog-login-page input[type='text'] {
    background: url("../img/common/user-icon.png?ver=1.01") top 8px left 11px no-repeat;
}

.ngdialog-login-page input[type='password'] {
    background: url("../img/common/password-icon.png?ver=1.01") top 8px left 11px no-repeat;
}

.ngdialog-login-page p.text-center.text-white {
    color: #ffffff;
    cursor: pointer;
}

.ngdialog-login-page p.text-center.text-white:hover {
    color: #fff2dd;
}

.ngdialog-login-page .btn-yellow {
    height: 30px;
}

/* ngdialog-notice */

.ngdialog.ngdialog-theme-default.ngdialog-notice .ngdialog-content {
    width: 660px;
    border-radius: 0;
    padding: 0;
    color: #ffffff;
    font-size: 14px;
    border: 2px solid #000000;
    background: url(../img/bg-notice.jpg?ver=1.01) #0f0f0f no-repeat;
    box-shadow: inset 0 0 0 1px #36343c, 0 0 1px rgba(0, 0, 0, 0), inset 0 0 0 0 #36343c, 0 0 1px rgba(0, 0, 0, 0);
}

.ngdialog-notice-page .ngdialog-notice__title {
    padding: 18px 29px 14px;
}

.ngdialog-notice-page hr {
    margin: 0;
    border-top: 1px solid #2d2c33;
}

.ngdialog-notice-page .notice-body {
    padding: 20px;
}

.ngdialog-notice-page .ngdialog-notice__content {
    overflow-y: scroll;
    height: 262px;
}

.ngdialog-notice-page .ngdialog-notice__content__footer {
    padding: 10px;
}

.ngdialog-notice-page .btn {
    border-radius: 0;
}

.ngdialog-notice-page .btn-yellow {
    padding: 5px 10px;
}

/* ngdialog-game-popup */

.ngdialog.ngdialog-theme-default.ngdialog-gamespopup .ngdialog-content {
    width: 1107px;
    padding: 0;
    background: #2d2d2d;
    border-radius: 0;
}

.ngdialog-games-page .title {
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 20px;
    color: #999999;
    background: #1d1d1d;
}

.ngdialog-games-page .game-buttons .btn-yellow {
    padding: 3px 35px;
    font-size: 12px;
}

.ngdialog-games-page .game-button-container.live {
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.ngdialog-games-page .game-button-container.live .game-buttons {
    padding: 2px 5px;
    transition: all 0.5s;
    font-size: 14px;
    font-weight: bold;
    color: #999;
    line-height: 30px;
    position: relative;
}

.ngdialog-games-page .game-button-container.live .game-buttons>.game {
    display: block;
    width: 100%;
}

.ngdialog-games-page .game-button-container.live .game-buttons>.mouseover {
    display: none;
    width: 100%;
}

.ngdialog-games-page .game-button-container.live .game-buttons:hover>.game {
    display: none;
}

.ngdialog-games-page .game-button-container.live .game-buttons:hover>.mouseover {
    display: block;
}

.ngdialog-games-page .game-button-container.live .game-buttons>.tit {
    position: absolute;
    left: 30px;
    bottom: 8px;
}

.ngdialog-games-page .game-button-container.live .game-buttons>.btn-play {
    position: absolute;
    right: 20px;
    bottom: 12px;
}

.ngdialog-games-page .game-button-container.slot {
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.ngdialog-games-page .game-button-container.slot .game-buttons {
    padding: 5px;
    transition: all 0.5s;
    font-size: 14px;
    font-weight: bold;
    color: #999;
    line-height: 30px;
    position: relative;
}

.ngdialog-games-page .game-button-container.slot .game-buttons>.game {
    width: 100%;
}

.ngdialog-games-page .game-button-container.slot .game-buttons:hover>.game {
    opacity: 0.5;
    transform: scale(1.1);
}

.ngdialog-games-page .game-button-container.slot .game-buttons>.tit {
    position: absolute;
    left: 30px;
    bottom: 20px;
}

.ngdialog-games-page .game-button-container.slot .game-buttons>.btn-play {
    position: absolute;
    right: 20px;
    bottom: 24px;
}

.ngdialog-games-page .game-buttons.others {
    width: calc(1060px / 2);
    height: 292px;
    margin-right: 10px;
    transition: all 0.5s;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 255px 10px 0 20px;
    color: #999;
}

.ngdialog-games-page .game-buttons {
    background-color: #000;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 1px #6c4829;
}

.ngdialog-games-page .game-buttons:hover {
    box-shadow: 0 1px 1px #ae845f, 0 2px 5px rgba(0, 0, 0, 0.5);
}

.ngdialog-games-page .game-buttons .mouseover {
    width: 100%;
    transition: 0.5s;
}

.ngdialog-games-page .game-buttons:hover .mouseover {
    transform: scale(1.1);
    opacity: 0.5;
}

.ngdialog-games-page .game-buttons .btn-play {
    width: 155px;
    height: 35px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 4;
    box-shadow: 0 0 10px rgba(234, 209, 163, 0.5), 0 1px 2px rgba(0, 0, 0, 1), inset 0 0 0 1px #1d160e;
    opacity: 0;
    transform: scale(0);
    transition: all .3s;
}

.ngdialog-games-page .game-buttons .btn-play:hover {
    box-shadow: 0 0 15px rgba(234, 209, 163, 1), 0 1px 2px rgba(0, 0, 0, 1), inset 0 0 0 1px #1d160e;
}

.ngdialog-games-page .game-buttons:hover .btn-play {
    opacity: 1;
    transform: scale(1);
}

.ng-dialog-comprate-wrapper .ngdialog__title {
    border-bottom: 2px solid;
    background-color: #111111;
}

.ng-dialog-comprate-wrapper .mini-category {
    display: flex;
    flex-wrap: wrap;
}

.ng-dialog-comprate-wrapper .mini-category>* {
    flex-grow: 1;
}

.ng-dialog-comprate-wrapper .mini-category>:last-child {
    flex-grow: 1000000;
}

.ng-dialog-comprate-wrapper .history-table>thead>tr>th {
    border-top: 0;
    border-bottom: 0;
    vertical-align: top;
}

ul.comp_list {
    width: 100%;
    padding: 1em .5em;
    --grid-layout-gap: 5px;
    --grid-column-count: 2;
    --grid-item--min-width: 175px;
    --gap-count: calc(var(--grid-column-count) - 1);
    --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
    --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
    grid-gap: var(--grid-layout-gap);
}

ul.comp_list>.comp_card {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    justify-content: center;
    transition: .2s all;
}

ul.comp_list>.comp_card>.comp_rate {
    padding: .5em 0;
    width: 40%;
    text-align: center;
    font-weight: bold;
}

ul.comp_list>.comp_card>.comp_title {
    padding: .5em 0;
    text-align: right;
    flex-grow: 1;
    color: #c1ad8b;
}

/* ngDialog-theme-default */

@-webkit-keyframes ngdialog-flyin {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes ngdialog-flyin {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes ngdialog-flyout {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@keyframes ngdialog-flyout {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

.ngdialog.ngdialog-theme-default {
    padding-bottom: 100px;
    padding-top: 100px;
}

.ngdialog-theme-default.ngdialog-notice.ngdialog-notice-mobile {
    padding: 0 !important;
}

.ngdialog.ngdialog-theme-default.ngdialog-notice.ngdialog-notice-mobile .ngdialog-content {
    width: 100% !important;
}

.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
    animation: ngdialog-flyout .5s;
    -webkit-animation: ngdialog-flyout .5s;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
    animation: ngdialog-flyin .5s;
    -webkit-animation: ngdialog-flyin .5s;
    background: #f0f0f0;
    border-radius: 5px;
    color: #444;
    /* font-family: 'Helvetica', sans-serif; */
    font-family: inherit;
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 100%;
    padding: 1em;
    position: relative;
    width: 450px;
}

.ngdialog.ngdialog-theme-default .ngdialog-content p {
    line-height: 2;
}

.ngdialog.ngdialog-theme-default.ng-hide {
    animation: .3s animHide forwards ease-out;
    -webkit-animation: .3s animHide forwards ease-out;
}

.ngdialog.ngdialog-theme-default.ng-hide .ngdialog-content {
    animation: ngdialog-flyout .3s forwards ease-out;
    -webkit-animation: ngdialog-flyout .3s forwards ease-out;
}

@-webkit-keyframes animHide {
    0% {
        visibility: visible;
    }
    100% {
        visibility: hidden;
        z-index: -1;
    }
}

@keyframes animHide {
    0% {
        visibility: visible;
    }
    100% {
        visibility: hidden;
        z-index: -1;
    }
}

.ngdialog.ngdialog-theme-default .ngdialog-close {
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
    background: transparent;
    border-radius: 3px;
    color: #bbb;
    content: '\00D7';
    font-size: 35px;
    font-weight: 400;
    height: 30px;
    line-height: 26px;
    position: absolute;
    right: 3px;
    text-align: center;
    top: 3px;
    width: 30px;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-default .ngdialog-close:active:before {
    color: #777;
}

.ngdialog.ngdialog-theme-default .ngdialog-message {
    margin-bottom: .5em;
}

.ngdialog.ngdialog-theme-default .ngdialog-input {
    margin-bottom: 1em;
}

.ngdialog.ngdialog-theme-default .ngdialog-input textarea,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] {
    background: #fff;
    border: 0;
    border-radius: 3px;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0 0 .25em;
    min-height: 2.5em;
    padding: .25em .67em;
    width: 100%;
}

.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus {
    box-shadow: inset 0 0 0 2px #8dbdf1;
    outline: none;
}

.ngdialog.ngdialog-theme-default .ngdialog-buttons {
    *zoom: 1;
}

.ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
    clear: both;
    content: '';
    display: table;
}

.ngdialog.ngdialog-theme-default .ngdialog-button {
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    float: right;
    font-family: inherit;
    font-size: .8em;
    letter-spacing: .1em;
    line-height: 1em;
    margin: 0 0 0 .5em;
    padding: .75em 2em;
    text-transform: uppercase;
}

.ngdialog.ngdialog-theme-default .ngdialog-button:focus {
    animation: ngdialog-pulse 1.1s infinite;
    -webkit-animation: ngdialog-pulse 1.1s infinite;
    outline: none;
}

@media (max-width: 568px) {
    .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
        animation: none;
        -webkit-animation: none;
    }
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
    background: #3288e6;
    color: #fff;
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
    background: #e0e0e0;
    color: #777;
}

.ngdialog.ngdialog-theme-default.ngdialog-notice.new-notice .ngdialog-content {
    width: 328px;
}

.ngdialog.ngdialog-theme-default.ngdialog-notice.new-notice .button-container {
    bottom: 0;
    width: 100%;
}

.ngdialog.ngdialog-theme-default.ngdialog-notice.new-notice .button-container button {
    width: 100%;
}

/* customer-popup */

.ngdialog-customer-page a {
    color: #939393;
    font-weight: bold;
}

.ngdialog-customer-page a:hover {
    color: #c1ad8b;
}

.ngdialog-customer-page .ngdialog__heading {
    background: #1d1d1d;
}

.ngdialog-customer-page .ngdialog__title {
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 20px;
    color: #999;
}

.ngdialog-customer-page .ngdialog-main-nav {
    background-color: #111;
}

.ngdialog-customer-page .ngdialog-main-nav li {
    font-weight: 600;
}

.ngdialog-customer-page .ngdialog-main-nav li.active,
.ngdialog-customer-page .ngdialog-main-nav li:hover,
.ngdialog-customer-page .ngdialog-main-nav li:focus {
    color: #c1ad8b;
    border-bottom: 0;
}

.ngdialog-customer-page .ngdialog-main-nav li.active .main-nav__label,
.ngdialog-customer-page .ngdialog-main-nav li .main-nav__label:hover,
.ngdialog-customer-page .ngdialog-main-nav li .main-nav__label:focus {
    border-bottom: 2px solid #C1AD8B;
    padding-bottom: 16px;
}

.ngdialog-customer-page .history-table td {
    vertical-align: middle;
    border-top: none;
    color: #939393;
}

.ngdialog-customer-page .ngdialog-main-default__content {
    background-color: #2d2d2d;
    padding: 10px;
}

.ngdialog-customer-page .ngdialog-main-default__content.faq .panel-body,
.ngdialog-customer-page .ngdialog-main-default__content.announcement .panel-body,
.ngdialog-customer-page .ngdialog-main-default__content.promo-event .panel-body {
    /*max-height: 500px;*/
    overflow-y: auto;
}

.ngdialog-customer-page .ngdialog-main-default__content.faq .panel-body *,
.ngdialog-customer-page .ngdialog-main-default__content.announcement .panel-body *,
.ngdialog-customer-page .ngdialog-main-default__content.promo-event .panel-body * {
    max-width: 100%;
    height: auto;
}

.ngdialog-customer-page .btn-yellow {
    width: 335px;
    height: 40px;
    margin-top: 5px;
}

.ngdialog-customer-page .panel-primary {
    border-color: #111111;
    border-radius: 0;
    background-color: #111;
}

.ngdialog-customer-page .read.panel-primary {
    margin-left: 50px;
}

.ngdialog-customer-page .panel-primary>.panel-heading {
    color: #C1AD8B;
    background-color: #6a6756;
    border-color: #111111;
    font-weight: 600;
    border-radius: 0;
}

.ngdialog-customer-page .panel-heading {
    border-bottom: 1px solid #111111;
}

.ngdialog-customer-page .panel-body {
    background: #1D1D1D;
    color: #fff;
    word-break: break-word;
}

.ngdialog-customer-page .form-control {
    height: 95px;
    border-radius: 0;
    border: 1px solid #3E3E3E;
    background: #202020;
    color: #fff;
    margin-bottom: 10px;
}

.ngdialog-customer-page label {
    color: #C1AD8B;
    margin-left: 15px;
}

.ngdialog-customer-page .history-table th {
    background-color: #111111;
    color: #C1AD8B;
    font-weight: 800;
}

.ngdialog-customer-page .history-table tr:nth-child(even) {
    background-color: #1D1D1D;
}

.ngdialog-customer-page .width6 {
    width: 60px;
}

.ngdialog-customer-page .width15 {
    width: 150px;
}

.ngdialog-customer-page .table-border {
    border-bottom: 10px solid #2d2d2d;
}

.ngdialog-customer-page .table>tbody>tr>th {
    border-top: 0;
}

.ngdialog-customer-page .history-table.table,
.ngdialog-customer-page .panel.panel-primary {
    margin-top: 10px;
}

.ngdialog-customer-page .form-control.title1 {
    height: 40px;
}

.ngdialog-customer-page .ngdialog-main-default__content .history-table .sel {
    background-color: #503800;
}

.field {
    display: flex;
    margin-bottom: 10px;
}

.field .label {
    display: inline-flex;
    min-width: 125px;
    text-align: left;
    color: #b6b4b4;
    margin-right: 10px;
    font-size: 12px;
}

.field .content {
    display: flex;
}

.field .content select,
.field .content input {
    width: 240px;
    margin-bottom: 0px;
}

.field .content button {
    margin-left: 10px;
}

.field .content span {
    margin-left: 10px;
}

.field .btn_plus {
    margin-left: 10px;
}

.field .detail {
    margin-left: 10px;
    line-height: 32px;
}

.loadingBox .text {
    margin-top: 30px;
    color: #fff;
    font-size: 18px;
    letter-spacing: -0.27px;
    line-height: 1.5;
    text-align: center
}

.loading {
    width: 17px;
    height: 17px;
    margin: 0 auto;
    transform: rotate(45deg);
    animation: loading-ani1 3s ease-in-out infinite;
}

.loading i {
    width: 17px;
    height: 17px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
}

.loading i:nth-child(1) {
    background: #0498c4;
    transform: translate(0, 20px);
    animation: loading-ani2 3s ease-in-out infinite;
}

.loading i:nth-child(2) {
    background: #58c5a7;
    transform: rotate(90deg) translate(0, 20px);
    animation: loading-ani3 3s ease-in-out infinite;
}

.loading i:nth-child(3) {
    background: #0498c4;
    transform: rotate(180deg) translate(0, 20px);
    animation: loading-ani4 3s ease-in-out infinite;
}

.loading i:nth-child(4) {
    background: #58c5a7;
    transform: rotate(270deg) translate(0, 20px);
    animation: loading-ani5 3s ease-in-out infinite;
}

.layerPopWrap {
    visibility: hidden;
    overflow-y: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15000;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    opacity: 0;
    transition: all .2s ease;
    background: rgba(0, 0, 0, 0.7);
}

.layerPopWrap.on {
    visibility: visible;
    opacity: 1;
}

.layerPopWrap.on .layerPopCont {
    animation: fadeInDown .4s ease-in-out forwards;
}

@keyframes loading-ani1 {
    25% {
        transform: rotate(135deg);
    }
    50% {
        transform: rotate(225deg);
    }
    75% {
        transform: rotate(315deg);
    }
    100% {
        transform: rotate(405deg);
    }
}

@keyframes loading-ani2 {
    17.5%,
    25%,
    42.5%,
    50%,
    67.5%,
    75%,
    92.5%,
    100% {
        transform: translate(0, 20px);
    }
    12.5%,
    37.5%,
    62.5%,
    87.5% {
        transform: translate(0, 25px);
    }
}

@keyframes loading-ani3 {
    17.5%,
    25%,
    42.5%,
    50%,
    67.5%,
    75%,
    92.5%,
    100% {
        transform: rotate(90deg) translate(0, 20px);
    }
    12.5%,
    37.5%,
    62.5%,
    87.5% {
        transform: rotate(90deg) translate(0, 25px);
    }
}

@keyframes loading-ani4 {
    17.5%,
    25%,
    42.5%,
    50%,
    67.5%,
    75%,
    92.5%,
    100% {
        transform: rotate(180deg) translate(0, 20px);
    }
    12.5%,
    37.5%,
    62.5%,
    87.5% {
        transform: rotate(180deg) translate(0, 25px);
    }
}

@keyframes loading-ani5 {
    17.5%,
    25%,
    42.5%,
    50%,
    67.5%,
    75%,
    92.5%,
    100% {
        transform: rotate(270deg) translate(0, 20px);
    }
    12.5%,
    37.5%,
    62.5%,
    87.5% {
        transform: rotate(270deg) translate(0, 25px);
    }
}

/* ---------------------------- new mark ------------------------------ */

.ic-new {
    position: relative;
}

.ic-new::after {
    content: "";
    background-color: red;
    border-radius: 50%;
    width: 5px;
    position: absolute;
    height: 5px;
    top: -5px;
    right: -2px;
    box-shadow: 0 0 3px 3px red;
}

.pulse-rect {
    position: relative;
}

.pulse-rect:after {
    content: ' ';
    width: calc(100% + 0.2em);
    height: calc(100% + 0.2em);
    position: absolute;
    top: -0.1em;
    left: -0.1em;
    animation: anim_pulse_border 1s ease-out infinite;
    border-radius: inherit;
    z-index: -1;
}