body {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

code {
    font-family: source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace
}

body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

body,button,input,select,table,textarea {
    font-size: 12px
}

table {
    border-collapse: collapse
}

button,fieldset,img {
    border: 0
}

img {
    vertical-align: top
}

ol,ul {
    list-style: none
}

address,em {
    font-style: normal
}

a,a:active,a:focus,a:hover {
    text-decoration: none
}

hr,legend {
    display: none
}

button {
    cursor: pointer;
    background-color: transparent
}

button,input {
    outline: 0
}

.blind {
    overflow: hidden;
    position: absolute!important;
    width: 1px;
    height: 1px;
    border: 0;
    padding: 0;
    clip: rect(0,0,0,0)
}

button,input,select {
    border-radius: 0
}

::-webkit-scrollbar {
    background: transparent;
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-thumb {
    background: #959595;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.1)
}

body,html {
    box-sizing: border-box;
}

.box1 {
    padding: 10px
}

.box1,.box2 {
    float: left;
    width: 30%
}

.box3 {
    padding: 10px
}

.box3,.box3_0 {
    float: right;
    width: 33.33%
}

.box3_0 {
    padding: 0
}

.clearfix:after {
    content: "";
    clear: both;
    display: table
}

.middle {
    margin: auto;
    display: table-cell;
    vertical-align: middle
}

.middleANDmiddle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.mainShow {
    opacity: 0;
    -webkit-animation: fadeIn .2s linear forwards;
    animation: fadeIn .2s linear forwards
}

@-webkit-keyframes fadeIn {
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    to {
        opacity: 1
    }
}

.mainHide {
    opacity: 1;
    -webkit-animation: fadeOut .2s linear forwards;
    animation: fadeOut .2s linear forwards
}

@-webkit-keyframes fadeOut {
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    to {
        opacity: 0
    }
}

.container {
    height: auto;
    position: relative
}

.customer_menu_page {
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
    height: auto;
    font-size: 12px;
    color: #fff;
    font-weight: 700
}

.customer_menu_container {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 180px;
    overflow: hidden
}

.customer_menu_container .customer_menu {
    display: flex;
    width: 14.28571%;
    position: relative;
    text-align: center;
    white-space: nowrap
}

.customer_menu_container .customer_menu .img {
    width: 112px;
    height: 100%;
    cursor: pointer
}

.online_page {
    padding: 0 10px;
    font-size: 12px;
    color: #fff;
    font-weight: 700
}

.online_container,.online_page {
    box-sizing: border-box;
    width: 100%;
    height: auto
}

.online_container {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    overflow: hidden
}

.online_container .online_header {
    position: absolute;
    top: 0;
    left: 100;
    width: 100%;
    height: 50px;
    background-color: rgba(0,0,0,.5)
}

.online_container .online_header img {
    float: left;
    margin: 15px
}

.online_container .online_header span {
    float: right;
    color: #fff
}

.online_container .online_header label {
    float: right;
    color: red;
    margin: 15px
}

.game_list .game_menu {
    float: left;
    width: 100%;
    margin: 40px 0 30px
}

.game_list .game_menu li {
    margin-left: 15px;
    margin-bottom: 15px;
    width: 202px;
    float: left
}

.game_list .game_menu li button {
    position: relative;
    overflow: hidden;
    white-space: nowrap
}

.game_list .game_menu li button,.game_list .game_menu li button .bg {
    float: left;
    width: 100%;
    height: auto
}

.game_list .game_menu li button .new {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: auto
}

.notice_event {
    height: 35px;
    position: relative;
    overflow: hidden
}

.notice_event .notice_list {
    position: relative;
    max-width: 500px
}

.notice_event ul {
    margin-top: 0
}

.notice_event li {
    cursor: pointer;
    margin: 0 10px;
    padding: 15px 0;
    display: table;
    width: calc(100% - 20px)
}

.notice_event li .title {
    float: left;
    color: #fff;
    font-size: 12px;
    font-family: "Noto Sans KR";
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.notice_event li .date {
    color: #7f7f7f;
    float: right
}

.transaction_page {
    box-sizing: border-box;
    width: 100%;
    height: auto
}

.transaction_container {
    box-sizing: border-box;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 5px 0 40px
}

.transaction_container .transaction_table {
    position: relative;
    margin-right: 15px;
    margin-bottom: 10px;
    width: 350px;
    height: 300px;
    background: #222;
    border-radius: 8px;
    border: 2px solid #664318;
}

.transaction_container .transaction_table1 {
    position: relative;
    margin-right: 15px;
    margin-bottom: 10px;
    width: 720px;
    height: 300px;
    background:url('/assets/images/top/tbanner.min.jpg');
    border-radius: 8px;
    border: 2px solid #664318;
}

.transaction_container .table_heading {
    box-sizing: border-box;
    width: 100%;
    font-family: "Noto Sans KR";
    height: 70px
}

.transaction_container .table_heading .title {
    padding-left: 25px;
    font-size: 14px;
    color: #0344a1;
    font-weight: 700;
    line-height: 5.5;
    text-align: left
}

.transaction_container .table_heading img {
    position: absolute;
    top: 8px;
    right: 10px;
    cursor: pointer
}

.transaction_container .table_heading .btn_box {
    width: auto;
    padding: 18px 20px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.transaction_container .table_heading .btn_box button {
    font-size: 13px;
    height: 35px;
    border-radius: 5px;
    color: #fff
}

.transaction_container .table_heading .btn_box .btn_in {
    min-width: 150px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-image: linear-gradient(#c28943,#684a24);
    /*background-image: linear-gradient(#444,#2b2b2b);*/
    color: #ccc
}

.transaction_container .table_heading .btn_box .btn_out {
    min-width: 300px;
    border-top-right-radius: 5;
    border-bottom-right-radius: 5;
    background-image: linear-gradient(#c28943,#684a24)
}

.transaction_container .transaction_table .table_content {
    position: relative;
    height: 230px;
    width: 100%;
    overflow: hidden
}

.transaction_container .transaction_table .table_content ul {
    margin-top: 0
}

.transaction_container .transaction_table .table_content li {
    cursor: pointer;
    box-sizing: border-box;
    padding: 25px 25px 0 25px;
    display: table;
    width: 100%;
    font-size: 12px;
    font-family: "Noto Sans KR";
    color: #999;
}

.transaction_container .transaction_table .table_content .bg_gray {
    background-color: #181818
}

.transaction_container .transaction_table .table_content li .title {
    float: left;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.transaction_container .transaction_table .table_content li:first-child .title {
    color: #fff
}

.transaction_container .transaction_table .table_content li .date {
    float: right;
    width: 40%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right
}

.transaction_container .transaction_table .table_content li .date_time {
    float: left;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.transaction_container .transaction_table .table_content li .money {
    float: left;
    width: 25%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    font-weight: 700;
    color: #ccc
}

.transaction_container .transaction_table .table_content li .user {
    float: right;
    width: 25%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right
}

.customer_page {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #fff;
    font-weight: 700
}

.customer_container {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 60px;
    overflow: hidden
}

.customer_container .customer_item {
    display: flex;
    margin: 0 0 10px 15px;
    padding: 12px 10px;
    width: 345px;
    position: relative;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    background-image: linear-gradient(#444,#202020);
    border-radius: 5px
}

.customer_container .customer_item:hover {
    opacity: .7
}

.customer_container .customer_item .img {
    margin-left: 20px;
    width: 50px;
    height: 100%
}

.customer_container .customer_item .img img {
    float: left
}

.customer_container .customer_item .text_icon {
    display: block;
    margin-right: 20px;
    float: right;
    line-height: 1.9;
    font-size: 14px;
    font-family: "Noto Sans KR";
    color: #999;
    font-weight: 700
}

.customer_container .customer_item .text_icon p {
    margin: 0;
    text-align: right
}

.customer_container .customer_item .text_icon .gold_txt {
    color: #fff;
    font-size: 20px
}

.menu1-a, .menu2-a, .menu3-a, .menu4-a, .menu5-a, .menu6-a, .menu7-a {
  width: 400px;
  margin: 0px auto;
  position: relative
}
.menu1-c, .menu2-c, .menu3-c, .menu4-c, .menu5-c, .menu6-c, .menu7-c {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
.menu1-a:hover .menu1-c, .menu2-a:hover .menu2-c, .menu3-a:hover .menu3-c, .menu4-a:hover .menu4-c, .menu5-a:hover .menu5-c, .menu6-a:hover .menu6-c, .menu7-a:hover .menu7-c {
  display: block;
}




.carousel .paging-dot {
    display: none
}

.carousel li {
    cursor: default;
    position: relative;
    outline: none
}

.carousel .item {
    width: 100%;
    z-index: 5;
    font-family: "Noto Sans KR"
}

.carousel .item .title {
    margin: 100px 0 0 20%;
    color: #e0b061;
    font-size: 35px;
    font-family: "Noto Sans KR";
    font-weight: 700;
    width: 100%;
}

.carousel .item .item_txt {
    text-align: center;
    font-family: "Noto Sans KR";
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.carousel .main_rect {
    position: absolute;
    top: 0;
    left: 0;
    width: 550px;
    height: 400px;
    margin: 0 auto
}

.carousel .item button {
    position: relative;
    top: 230px;
    left: 200px;
    padding: 0 40px;
    height: 35px;
    color: #fff;
    font-size: 14px;
    font-family: "Noto Sans KR";
    font-weight: 700;
    border-radius: 3px;
    font-size: 12px;
    background-image: linear-gradient(#cf0010,#940007)
}

.footer {
    position: relative;
    background-color: #111;
    border-top: 1px solid #333
}

.footer .footer_container {
    width: 1260px;
    height: 120px;
    margin: 0 auto;
    padding-top: 15px
}

.footer .footer_left {
    display: block;
    position: relative;
    margin: 10px auto 80px
}

.footer .footer_left img {
    display: block
}

.footer .footer_left span {
    width: 100%;
    margin-top: 5px;
    font-size: 9px;
    font-family: "DIN";
    color: #888;
    text-transform: uppercase;
    text-align: center
}

.footer .footer_left span label {
    color: #fff
}

.footer .footer_right {
    display: flex;
    float: right;
    padding: 10px;
    height: auto;
    text-align: left;
    font-family: "Noto Sans KR"
}

.footer .footer_right .group {
    float: left;
    margin-left: 80px
}

.footer .footer_right .title {
    color: #0344a1;
    font-weight: 700;
    font-size: 14px
}

.footer .footer_right ul {
    margin-top: 10px
}

.footer .footer_right li {
    padding: 5px 0;
    color: #888;
    text-align: left;
    cursor: pointer
}

.footer .footer_right li:hover {
    color: #fff;
    text-align: left
}

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

.header .header_top {
    background-color: #222
}

.header .header_top .header_width {
    width: 100%;
    height: auto;
    margin: 0 auto
}

.header .header_top .left_panel {
    float: left;
    display: flex
}

.header .header_top .left_panel .notice {
    margin: 12px 10px;
    color: #f90;
    font-size: 10px;
    font-family: "FuturaBQ";
    font-weight: 700;
    height: auto
}

.header .header_top .left_panel .notice img {
    width: 20px;
    height: auto
}

.header .header_top .left_panel .notice_slider {
    float: left
}

.header .header_top .right_panel {
    float: right
}

.header .header_top .right_panel .util_menu {
    display: inline-block;
    font-size: 12px;
    font-family: "Noto Sans KR";
    color: #aaa;
    font-weight: 700;
    line-height: 3;
    cursor: pointer
}

.header .header_top .right_panel .util_menu:before {
    display: inline-block;
    height: 10px;
    border-left: 1px dotted #333;
    margin: 0 10px;
    content: "";
    line-height: 5
}

.header .header_top .right_panel .util_menu:first-child:before {
    display: none
}

.header .header_content {
    height: 90px;
    width: 100%;
    background-color: #131313
}

.header .header_content .header_menu {
    width: 1260px;
    height: 90px;
    margin: 0 auto;
    position: relative
}

.header .header_content .header_menu .left_panel {
    float: left;
    width: 20%
}

.header .header_content .header_menu .left_panel img {
    margin-top: 20px;
    width: auto;
    height: 52px;
    cursor: pointer
}

.header .header_content .header_menu .middle_panel {
    float: left;
    width: 60%
}

.header .header_content .header_menu .middle_panel .menu_area {
    margin: 20px 40px
}

.header .header_content .header_menu .middle_panel .menu_area .gnb {
    overflow: hidden;
    vertical-align: bottom
}

.header .header_content .header_menu .middle_panel .menu_area .gnb li {
    float: left
}

.header .header_content .header_menu .middle_panel .menu_area .gnb button {
    display: block;
    padding: 14px 20px;
    font-size: 16px;
    font-family: "Noto Sans KR";
    color: #ada49c;
    font-weight: 700
}

.header .header_content .header_menu .middle_panel .menu_area .gnb button:hover {
    color: #e0b061
}

.header .header_content .header_menu .right_panel {
    position: absolute;
    right: 0;
    float: right;
    width: 30%
}

.header .header_content .header_menu .right_panel .menu_area {
    float: right;
    margin: 20px 15px 20px 50px
}

.header .header_content .header_menu .right_panel .menu_area .gnb {
    overflow: hidden;
    vertical-align: bottom
}

.header .header_content .header_menu .right_panel .menu_area .gnb li {
    float: left
}

.header .header_content .header_menu .right_panel .menu_area .gnb button {
    display: block;
    padding: 15px 0 15px 20px;
    font-size: 14px;
    font-family: "Noto Sans KR";
    color: #999;
    font-weight: 700;
    line-height: 1.8
}

.main_container {
    width: 100%;
    height: auto
}

.main_container_width {
    width: 1100px;
    margin: 0 auto;
    position: relative
}

.game_list_rect {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    background-color: #202020
}

.game_list_rect .customer_menu_rect {
    height: 180px;
    padding: 55px 0 10px
}

.customer_rect,.game_list_rect .customer_menu_rect,.transaction_rect {
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.right_panel .login_before {
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    color: #ada49c;
    font-family: "Noto Sans KR";
    font-size: 14px;
    font-weight: 400;
}

.right_panel .login_before fieldset {
    margin: 0
}

.right_panel .login_before fieldset img {
    margin: 15px 5px
}

.right_panel .login_before input {
    box-sizing: border-box;
    margin: 8px 5px;
    padding: 0 10px;
    width: 150px;
    height: 29px;
    background-color: #222;
    border: 1px solid #333;
    border-radius: 3px;
    font-size: 12px;
    color: #aaa
}

.right_panel .login_before button {
    margin: 10px 5px;
    height: 25px;
    color: #fff;
    font-size: 14px;
    font-family: "Noto Sans KR";
    font-weight: 700;
    border-radius: 3px;
    font-size: 12px
}

.right_panel .login_before .btn_apply {
    background-image: linear-gradient(#cf0010,#940007);
    width: 80px
}

.right_panel .login_before .btn_other {
    background-image: linear-gradient(#6a6c6c,#343434);
    width: 80px
}

.btn_rol {
    background-image: linear-gradient(#6a6c6c,#343434);
    width: 40px
}

.right_panel .login_after {
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    height: auto;
    display: flex
}

.right_panel .login_after label {
    margin: 14px 10px 0 0;
    color: #999
}

.right_panel .login_after span {
    margin: 0;
    color: #fff
}

.right_panel .login_after img {
    margin: 15px 10px
}

.right_panel .login_after .btn_other {
    margin: 8px 5px;
    height: 29px;
    color: #fff;
    font-size: 14px;
    font-family: "Noto Sans KR";
    font-weight: 700;
    border-radius: 3px;
    font-size: 12px;
    background-image: linear-gradient(#444,#202020);
    width: 80px
}

.right_panel .login_after .note {
    cursor: pointer;
    margin-top: 10px;
    padding: 0 5px;
    width: 50px;
    height: 25px;
    background-image: linear-gradient(#444,#202020);
    border-radius: 3px
}

.right_panel .login_after .note img {
    margin: 6px 3px 0 0;
    width: 15px;
    height: auto
}

.right_panel .login_after .note span {
    margin: 10px 0 10px 15px;
    color: #0344a1;
    text-align: right;
    line-height: 2
}


.gameborder .glass {
    width: 200%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.1));
    transform-origin: bottom left;
    transform: rotate(-90deg);
    z-index: 1;
    transition: 0.3s;
}
.gameborder:hover .glass {
    transform: rotate(0deg);
    opacity: 0;
}

.game_list {
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 0
}

.game_list .game_title {
    margin-top: 30px;
    text-align: center
}

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

.game_list .game_menu1 li {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 210px;
    float: left
}

.game_list .game_menu1 li button {
    position: relative;
    overflow: hidden;
    white-space: nowrap
}

.game_list .game_menu1 li button,.game_list .game_menu1 li button .bg {
    float: left;
    width: 100%;
    height: auto
}
.game_list .game_menu1 li button:hover .bg {
    opacity: 1;
    transition: .5s;
    transform: scale( 1.1 );
}

.game_list .game_menu2 li button:hover .bg {
    opacity: 1;
    transition: .5s;
    transform: scale( 1.1 );
}

.game_list .game_menu1 li button .new {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: auto
}

.gameborder {
    border: 2px solid transparent;
    border-radius: 5%;
    background-image: linear-gradient(#fff0, #fff0), linear-gradient(to top, #664318 20%, #d0af60 100%);
    background-origin: border-box;
    background-clip: content-box, border-box
}

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

.game_list .game_menu2 li {
    margin-right: 17px;
    margin-bottom: 15px;
    width: 140px;
    float: left
}

.game_list .game_menu2 li button {
    position: relative;
    overflow: hidden;
    white-space: nowrap
}

.game_list .game_menu2 li button,.game_list .game_menu2 li button .bg {
    float: left;
    width: 100%;
    height: auto
}

.game_list .game_menu2 li button .new {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: auto
}

.popup_li {
    display: inline-block;
    position: absolute;
    z-index: 99;
    min-width: 300px;
    background-color: #fff;
    vertical-align: middle;
    font-family: "Noto Sans KR";
    font-size: 12px
}

.popup_head {
    padding: 13px 15px;
    background-color: #e2000b;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.popup_head img {
    height: 17px
}

.popup_cont {
    padding: 15px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 200px)
}

.popup_cont .title {
    margin-bottom: 10px;
    color: #000;
    font-weight: 700
}

.popup_foot {
    position: relative;
    height: 45px;
    background-color: #222;
    color: #ccc
}

.popup_foot button {
    color: #ccc
}

.popup_foot .btn_today {
    left: 50%;
    text-align: center
}

.popup_foot .btn_close,.popup_foot .btn_today {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.popup_foot .btn_close {
    right: 0;
    padding: 2px 5px;
    border-radius: 3px;
    background-color: #444
}

.popup_companyimg {
    position: fixed;
    top: 40%;
    left: 18%;
    width: auto;
    max-width: 450px;
    border: 1px solid #555
}

.popup_companyimg .main,.popup_companyimg .popup_txt img {
    width: 100%
}

.popup_companyimg .close {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer
}

div[disabled] {
    pointer-events: none;
    opacity: .7
}

.triple-rect {
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative
}

.triple-rect .left-panel {
    width: calc((100% - 1140px)/2);
    min-width: 220px;
    padding-right: 20px
}

.triple-rect .right-panel {
    width: calc((100% - 1140px)/2);
    min-width: 220px;
    padding-left: 20px
}

.sub-gamelist {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    overflow: auto
}

.sub-gamelist ul li {
    margin-bottom: 20px;
    position: relative;
    cursor: pointer
}

.sub-gamelist .right ul li {
    float: right
}

.sub-gamelist .left ul li {
    float: left
}

.minigame-main {
    margin-bottom: 100px
}

.minigame-main .minigame-panel {
    margin: 0;
    width: 100%;
    height: 740px;
    background-color: #222;
    overflow: auto;
    text-align: center;
    display: flex;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.minigame-main .minigame-panel img {
    margin: auto
}

.minigame-main .minigame-panel .power-ladder {
    height: 640px;
    width: 830px;
    margin: auto;
    overflow: hidden
}

.minigame-main .minigame-panel iframe {
    margin: auto
}

.minigame-main .round-rect {
    margin-top: 1px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    background-color: #2b2b2b;
    border-bottom: 1px solid #2b2b2b;
    border-top: 1px solid #2b2b2b
}

.minigame-main .round-rect .triangle-right {
    margin: auto 5px auto 20px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 7px solid #f8ac59;
    border-bottom: 5px solid transparent
}

.minigame-main .round-rect span {
    margin: auto 0 auto 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 700
}

.minigame-main .round-rect .round {
    color: #f8ac59
}

.minigame-main .round-rect img {
    margin: auto 10px;
    cursor: pointer
}

.minigame-main .round-rect button {
    position: absolute;
    right: 15px;
    padding: 0 15px;
    height: 30px;
    border-radius: 3px;
    background-image: linear-gradient(#f0f0f0,#c7c7c7);
    color: #2b2b2b;
    font-size: 14px;
    font-weight: 700
}

.minigame-main .set-rect {
    margin-bottom: 5px;
    box-sizing: border-box;
    padding-right: 5px;
    width: 100%;
    height: 100%;
    background-color: #222;
    display: flex
}

.minigame-main .set-rect .item {
    width: 100%;
    display: flex
}

.minigame-main .set-rect .item .h115 {
    height: 115px
}

.minigame-main .set-rect .item .h160 {
    height: 160px
}

.minigame-main .set-rect .item .h50 {
    height: 50px
}

.minigame-main .set-rect .item .h100 {
    height: 100px
}

.minigame-main .set-rect .item .w80 {
    width: 80px
}

.minigame-main .set-rect .item .wp100 {
    width: 100%
}

.minigame-main .set-rect .item .betting-kind {
    display: flex;
    width: 140px;
    float: left
}

.minigame-main .set-rect .item .betting-kind span {
    margin: auto;
    font-size: 13px;
    color: #fff;
    font-weight: 700
}

.minigame-main .set-rect .item .set-btns {
    width: 100%;
    background-color: #2b2b2b;
    float: left;
    border-radius: 3px;
    margin: 5px auto;
    padding: 10px 5px;
    display: flex
}

.minigame-main .set-rect .item .set-btns .btn {
    position: relative;
    border-radius: 3px;
    border-width: 0
}

.minigame-main .set-rect .item .set-btns .option1 {
    background-image: linear-gradient(#f0f0f0,#c7c7c7);
    margin: auto 5px auto auto;
    color: #232a33
}

.minigame-main .set-rect .item .set-btns .option2 {
    background-image: linear-gradient(#f0f0f0,#c7c7c7);
    margin: auto auto auto 5px;
    color: #232a33
}

.minigame-main .set-rect .item .set-btns .option {
    background-image: linear-gradient(#f0f0f0,#c7c7c7);
    margin: auto 5px;
    color: #232a33
}

.minigame-main .set-rect .item .set-btns .option1.active,.minigame-main .set-rect .item .set-btns .option1:hover,.minigame-main .set-rect .item .set-btns .option2.active,.minigame-main .set-rect .item .set-btns .option2:hover,.minigame-main .set-rect .item .set-btns .option.active,.minigame-main .set-rect .item .set-btns .option:hover {
    background-image: linear-gradient(#d6aa46,#ae690e);
    color: #fff
}

.minigame-main .set-rect .item .set-btns .btn .top {
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    font-size: 28px;
    font-weight: 900;
    letter-spacing: -2px
}

.minigame-main .set-rect .item .set-btns .btn .down {
    position: absolute;
    top: 80px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    font-size: 12px;
    font-weight: 700
}

.minigame-main .set-rect .item .set-btns .btn .circle-30 {
    margin-left: 20px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    line-height: 2
}

.minigame-main .set-rect .item .set-btns .btn .circle-30 img {
    margin-top: 10px
}

.minigame-main .set-rect .item .set-btns .btn .rect-5030 {
    margin-left: 20px;
    width: 50px;
    padding: 5px 10px;
    height: auto;
    border-radius: 3px;
    color: #fff;
    font-weight: 900;
    font-size: 13px;
    line-height: 2
}

.minigame-main .set-rect .item .set-btns .btn .bg-blue {
    background-image: linear-gradient(#2099f2,#0a3490)
}

.minigame-main .set-rect .item .set-btns .btn .bg-red {
    background-image: linear-gradient(#fd3434,#820707)
}

.minigame-main .set-rect .item .set-btns .btn .bg-yellow {
    background-image: linear-gradient(#f7c769,#754f09)
}

.minigame-main .set-rect .item .set-btns .btn .game-type {
    margin: 0 10px;
    font-weight: 900;
    font-size: 14px;
    line-height: 2
}

.minigame-main .set-rect .item .set-btns .btn .game-rate {
    margin: 0 20px;
    font-weight: 700;
    font-size: 12px;
    line-height: 2.5
}

.minigame-main .set-rect .item .set-btns .btn .left {
    float: left
}

.minigame-main .set-rect .item .set-btns .btn .right {
    float: right
}

.minigame-main .set-rect .item .set-btns .btn-apply {
    margin: 5px;
    width: 155px;
    background-image: linear-gradient(#f0f0f0,#c7c7c7);
    color: #2b2b2b;
    font-size: 22px;
    font-weight: 900
}

.minigame-main .set-rect .item .set-btns .btn-apply:hover {
    background-image: linear-gradient(#d6aa46,#ae690e);
    color: #fff
}

.minigame-main .set-rect .item .set-btns .row {
    display: flex;
    justify-content: space-between
}

.minigame-main .set-rect .item .set-btns .row .input_area {
    margin: 5px;
    width: 420px;
    position: relative
}

.minigame-main .set-rect .item .set-btns .row .input_area span {
    position: absolute;
    top: 8px;
    left: 15px;
    color: #fff;
    font-size: 13px;
    font-weight: 400
}

.minigame-main .set-rect .item .set-btns .row .input_area input {
    box-sizing: border-box;
    width: 100%;
    height: 35px;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    text-align: right;
    background-color: #444;
    border: 1px solid #666;
    border-radius: 2px;
    padding: 0 15px
}

.minigame-main .set-rect .item .set-btns .row .input_area input.money {
    color: #f8ac59
}

.minigame-main .set-rect .item .set-btns .row .input_area button {
    margin-right: 5px;
    width: 135px;
    height: 35px;
    background-image: linear-gradient(#f0f0f0,#c7c7c7);
    border-radius: 3px;
    color: #2b2b2b;
    font-size: 14px;
    font-weight: 900
}

.minigame-main .set-rect .item .set-btns .row .input_area button:hover {
    background-image: linear-gradient(#d6aa46,#ae690e);
    color: #fff
}

.table-rect .title {
    margin: 23px 0 15px 10px;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    text-align: left
}

.table-rect table.tb-normal {
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    height: auto
}

.table-rect table.tb-normal td,.table-rect table.tb-normal th {
    box-sizing: border-box;
    height: 40px;
    padding: 5px;
    text-align: center;
    line-height: 1;
    color: #999;
    font-size: 13px;
    font-weight: 400;
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.table-rect table.tb-normal th {
    background-color: #1a1a1a;
    font-weight: 700;
    color: #fff
}

.table-rect table.tb-normal td {
    border-bottom: 1px solid #333
}

.table-rect table.tb-normal tr.type2 th {
    background-color: #2b2b2b
}

.table-rect table.tb-normal td .title-rect {
    width: calc(100% - 50px);
    float: left;
    line-height: 2
}

.table-rect table.tb-normal td .new {
    float: right;
    margin-left: 10px;
    margin-top: 5px;
    width: 40px;
    height: 16px;
    border-radius: 8px;
    background-color: #e2000b;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.3;
    color: #fff;
    text-align: center
}

.table-rect table.tb-normal .fw-900 {
    font-weight: 900
}

.table-rect table.tb-normal .txt-l {
    text-align: left
}

.table-rect table.tb-normal .txt-r {
    text-align: right
}

.table-rect table.tb-normal .txt-c {
    text-align: center
}

.table-rect table.tb-normal .color-main {
    color: #f8ac59
}

.table-rect table.tb-normal .normal {
    color: #fff
}

.table-rect table.tb-normal .pointer,.table-rect table.tb-normal img {
    cursor: pointer
}

.minigame-main .paginate {
    margin-top: 20px;
    padding: 10px 0;
    font-size: 0;
    text-align: center
}

.minigame-main .paginate [class^=select_] {
    display: inline-block;
    height: 32px;
    width: 80px;
    margin: 0;
    background-image: linear-gradient(#444,#333);
    line-height: 30px;
    vertical-align: top;
    font-size: 12px;
    font-weight: 500;
    color: #fff
}

.minigame-main .paginate .select_left {
    float: left
}

.minigame-main .paginate .select_right {
    float: right
}

.minigame-main .paginate .page_num {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 2px;
    background-color: #333;
    border-radius: 2px;
    line-height: 25px;
    vertical-align: top;
    font-size: 12px;
    font-weight: 500;
    color: #999
}

.minigame-main .paginate .page_num:hover {
    color: #fff
}

.minigame-main .paginate .page_on {
    background-color: #f8ac59;
    color: #fff;
    font-weight: 700
}

.minigame-main .paginate [class^=btn_page_] {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 10px;
    background-color: #333;
    border-radius: 2px;
    line-height: 23px;
    vertical-align: top
}

.minigame-main .paginate [class^=ico_page_] {
    display: inline-block
}

.minigame-main .paginate img {
    margin: 8px auto;
    width: auto;
    height: 8px
}

.minigame-main .paginate .btn_page_first {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    margin: 0 -5px 0 0
}

.minigame-main .paginate .btn_page_last {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    margin: 0 0 0 -5px
}

.minigame-main .paginate button.table-bottom {
    height: 35px;
    color: #fff;
    background-color: #383838;
    font-size: 13px;
    font-weight: 900;
    padding: 0 18px;
    border-radius: 2px;
    margin-left: 10px
}

.minigame-main .paginate .table-bottom.btn-left {
    float: left;
    margin-right: 8px
}

.minigame-main .paginate .table-bottom.btn-right {
    float: right
}

.popup {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    background-color: rgba(0,0,0,.75);
    color: #999
}

.popupShow {
    top: -20px;
    opacity: 0;
    -webkit-animation: fadeIn_move .2s linear forwards;
    animation: fadeIn_move .2s linear forwards
}

@-webkit-keyframes fadeIn_move {
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes fadeIn_move {
    to {
        top: 0;
        opacity: 1
    }
}

.popupHide {
    top: 0;
    opacity: 1;
    -webkit-animation: fadeout_move .2s linear forwards;
    animation: fadeout_move .2s linear forwards
}

@-webkit-keyframes fadeout_move {
    to {
        top: -20px;
        opacity: 0
    }
}

@keyframes fadeout_move {
    to {
        top: -20px;
        opacity: 0
    }
}

.popup .popup_container {
    display: inline-block;
    position: relative;
    max-width: 1260px;
    min-width: 1000px;
    height: 850px;
    padding: 0;
    background-color: #111;
    border: 3px solid #c4000b;
    font-size: 12px;
    vertical-align: middle;
    white-space: normal
}

.login_box_wrap .title1 .logo {
    float: left;
    height: 80px;
    margin: auto;
    line-height: 80px;
}
.login_box_wrap .title1 .btn_close {
    position: absolute;
    width: 33px;
    height: 33px;
    top: 25px;
    right: 20px;
}
.login_box_wrap .title1 .logo img {
    margin: 0px 20px;
	height: 40px;
}

.inputcontents .title1 .logo {
    float: left;
    height: 70px;
    margin: auto;
    line-height: 70px;
}
.inputcontents .title1 .btn_close {
    position: absolute;
    width: 33px;
    height: 33px;
    top: 25px;
    right: 20px;
}
.inputcontents .title1 .logo img {
    margin: 0px 30px;
	height: 50px;
}

.pop_notiview {
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #222222;
}

.popup_container .popup_header {
    position: relative;
    background-image: linear-gradient(#c4000b,#9c0007)
}

.popup_container .popup_header:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.popup_container .popup_header .logo {
    float: left;
    height: 80px;
    margin: auto;
    line-height: 80px
}

.popup_container .popup_header .logo img {
    margin: 20px 30px
}

.popup_container .popup_header .btn_close {
    position: absolute;
    width: 33px;
    height: 33px;
    top: 25px;
    right: 20px
}

.popup_container .popup_box {
    margin: 0;
    width: 100%;
    height: 770px;
    overflow: hidden
}

.popup_title {
    box-sizing: border-box;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    background-color: #222
}

.popup_title label {
    margin: 0 30px;
    line-height: 3.7;
    font-size: 14px;
    font-family: "Noto Sans KR";
    color: #ccc;
    font-weight: 700;
    cursor: pointer;
    display: inherit
}

.popup_title label .circle {
    line-height: 1.4;
    margin-top: 15px;
    margin-left: 5px;
    padding: 1px 6px;
    height: 18px;
    width: auto;
    border-radius: 9px;
    background-color: #e2000b;
    color: #fff
}

.popup_title label.active {
    color: #0344a1;
}

.popup_content {
    box-sizing: border-box;
    padding: 20px;
    width: 100%;
    height: 720px;
    overflow: scroll;
    overflow-x: hidden
}

.popup_table {
    padding: 10px
}

.popup_table,.popup_table .table_row {
    box-sizing: border-box;
    width: 100%;
    height: auto
}

.popup_table .table_row td,.popup_table .table_row th {
    border-top: 1px solid #333;
    padding: 10px 20px;
    text-align: left
}

.popup_table .table_row .txt_center {
    text-align: center
}

.popup_table .table_row .txt_left {
    text-align: left
}

.popup_table .table_row .txt_right {
    text-align: right
}

.popup_table .table_row .last {
    border-bottom: 1px solid #333
}

.popup_table .table_row th {
    background-color: #292929;
    color: #ccc;
    font-size: 12px;
    font-family: "Noto Sans KR";
    font-weight: 700
}

.popup_table .table_row th span {
    color: #0344a1
}

.popup_table .table_row input,.popup_table .table_row select,.popup_table .table_row textarea {
    box-sizing: border-box;
    padding: 0 10px;
    width: 300px;
    height: 30px;
    background-color: #292929;
    border-width: 0;
    border-radius: 1px;
    color: #aaa
}

.popup_table .table_row .checkbox {
    float: left;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    background-color: transparent
}

.popup_table .table_row textarea {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    height: 100px;
    resize: none
}

.popup_table .table_row select {
    background: #292929 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAQAAAC/O6xzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfkBQMQJi0Bc6+LAAAAUklEQVQI11XKIQqAQAAF0edGT2TVINgsHlm0mRbbwsbFbjaooH/SDL+aFo3Td7U1GG3qH5sxKAbx840GJaBopScmrUIAh86OXefgzWS9WS/fegFwlxTlFwom3QAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNS0wM1QxNjozODo0NSswMzowMGjGyVcAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDUtMDNUMTY6Mzg6NDUrMDM6MDAZm3HrAAAAAElFTkSuQmCC) no-repeat calc(100% - 10px) 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.popup_table .table_row .width_80 {
    width: 80px
}

.popup_table .table_row .mar_right_5 {
    margin-right: 5px
}

.popup_table .table_row .mar_left_5 {
    margin-left: 5px
}

.popup_table .table_row .input_detail {
    padding-left: 20px;
    color: #999
}

.popup_table .table_row .input_money {
    padding-left: 20px;
    color: #0344a1
}

.popup_table .table_row .input_danger {
    padding-left: 20px;
    color: red
}

.popup_table .table_row .icon_txt {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    display: flex
}

.popup_table .table_row .icon_txt .icons {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 10px
}

.popup_table .table_row .icon_txt .icon_rect {
    display: flex;
    align-items: center;
    width: 30px;
    height: 30px
}

.popup_table .table_row .icon_txt .icon_rect .triangle {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.popup_table .table_row .icon_txt .icon_rect .bar {
    margin-left: 6px;
    width: 0;
    height: 20px;
    border-left: 1px solid #555
}

.popup_table .table_row .icon_txt .icon_rect .img_w {
    width: 22px;
    height: auto
}

.popup_table .table_row .icon_txt .icon_rect .img_h {
    width: auto;
    height: 22px
}

.popup_table .table_row .icon_txt .icon_input {
    box-sizing: border-box;
    padding-left: 50px;
    width: 60px
}

.popup_table .table_row .icon_txt .phone_input {
    box-sizing: border-box;
    width: 60px
}

.popup_table .table_row .icon_txt .login_info {
    box-sizing: border-box;
    padding-left: 50px;
    width: 100%
}

.popup_table .table_row .icon_txt button {
    margin-left: 20px;
    padding: 0 10px;
    height: 30px;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    background-color: red;
    border: 1px solid red
}

.popup_table .table_row .money_input {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: auto
}

.popup_table .table_row .money_input .money {
    box-sizing: border-box;
    width: 300px;
    height: 30px;
    padding-right: 25px;
    text-align: right;
    background-color: #292929;
    border-width: 0;
    border-radius: 1px;
    color: #0344a1
}

.popup_table .table_row .money_input .won {
    position: absolute;
    top: 5px;
    left: 280px;
    color: #fff
}

.popup_table .table_row .money_input .won_100 {
    position: absolute;
    top: 9px;
    left: calc(100% - 20px);
    color: #fff
}

.popup_table .table_row .btn_normal_20w {
    margin: 5px
}

.popup_table .table_row .btn_20w,.popup_table .table_row .btn_normal_20w {
    height: 30px;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    background-color: #444;
    width: 80px
}

.popup_table .table_row .btn_20w {
    margin: 5px 5px 5px 0
}

.popup_table .table_row .btn_20w.end {
    margin: 5px 0
}

.popup_table .table_row td .notice {
    color: #ccc;
    font-size: 12px;
    font-family: "Noto Sans KR";
    line-height: 2
}

.popup_table .table_row td .notice.gold {
    color: #0344a1
}

.popup_table .table_row .pointer {
    cursor: pointer
}

.popup_table .table_row .pointer .fixedHeight {
    line-height: 2;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%
}

.popup_table .table_row .color_w {
    color: #fff
}

.popup_table .table_btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto
}

.popup_table .table_btns .btn_apply {
    background-image: linear-gradient(#b08869,#5a4233)
}

.popup_table .table_btns .btn_apply,.popup_table .table_btns .btn_cancel {
    margin: 5px;
    width: 150px;
    height: 35px;
    box-shadow: 1px 1px rgba(0,0,0,.5);
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700
}

.popup_table .table_btns .btn_cancel {
    background-image: linear-gradient(#444,#202020)
}

.paginate {
    padding: 10px 0;
    font-size: 0;
    text-align: center
}

.paginate [class^=select_] {
    display: inline-block;
    height: 32px;
    width: 80px;
    margin: 0;
    background-image: linear-gradient(#444,#333);
    line-height: 30px;
    vertical-align: top;
    font-size: 12px;
    color: #fff
}

.paginate .select_left {
    float: left
}

.paginate .select_right {
    float: right
}

.paginate .page_num {
    display: inline-block;
    height: 30px;
    width: 33px;
    margin: 0 2px;
    border: .5px solid #444;
    background-color: #242424;
    line-height: 30px;
    vertical-align: top;
    font-size: 12px;
    color: #999
}

.paginate .page_num:hover,.paginate .page_on {
    border-color: #2a2a2a;
    color: #fff
}

.paginate .page_on {
    background-color: #775743
}

.paginate [class^=btn_page_] {
    display: inline-block;
    width: 33px;
    height: 30px;
    margin: 0 10px;
    border: .5px solid #444;
    background-color: #242424;
    line-height: 23px;
    vertical-align: top
}

.paginate [class^=ico_page_] {
    display: inline-block
}

.paginate img {
    margin: 10px auto;
    width: auto;
    height: 10px
}

.paginate .btn_page_first {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    margin: 0 -5px 0 0
}

.paginate .btn_page_last {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    margin: 0 0 0 -5px
}

.view_panel {
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
    background-color: #292929;
    color: #ccc
}

.view_panel .title_date {
    background-color: #222;
    padding: 10px 20px;
    height: 30px
}

.view_panel .title_date .title {
    float: left;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    width: 80%
}

.view_panel .title_date .date_time,.view_panel .title_date .title {
    line-height: 2.7;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.view_panel .title_date .date_time {
    float: right;
    font-size: 11px;
    width: 20%
}

.view_panel .main_view {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 10px 20px
}

.view_panel .answer {
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #242424
}

.popup_input {
    position: relative;
    margin: 10px auto
}

.popup_input .title {
    color: #f90
}

.popup_input .title,.popup_input .title_w {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block
}

.popup_input .title_w {
    color: #fff
}

.popup_input .notification_content {
    box-sizing: border-box;
    margin-bottom: 5px;
    padding: 15px;
    width: 100%;
    background-color: #222;
    color: #f90;
    font-size: 11px;
    font-weight: 500;
    display: inline-block
}

.popup_input input,.popup_input select,.popup_input textarea {
    box-sizing: border-box;
    margin-bottom: 3px;
    padding: 0 10px;
    width: 300px;
    height: 35px;
    background-color: #222;
    border: 1px solid #555;
    border-radius: 2px;
    color: #aaa
}

.popup_input textarea {
    height: 70px;
    padding: 5px 10px
}

.popup_input .textarea_h {
    height: 200px;
    padding: 5px 10px
}

.popup_input select {
    background: #222 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAQAAAC/O6xzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfkBQMQJi0Bc6+LAAAAUklEQVQI11XKIQqAQAAF0edGT2TVINgsHlm0mRbbwsbFbjaooH/SDL+aFo3Td7U1GG3qH5sxKAbx840GJaBopScmrUIAh86OXefgzWS9WS/fegFwlxTlFwom3QAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNS0wM1QxNjozODo0NSswMzowMGjGyVcAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDUtMDNUMTY6Mzg6NDUrMDM6MDAZm3HrAAAAAElFTkSuQmCC) no-repeat 95% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.popup_input span {
    color: red
}

.popup_input .bottom {
    color: #999
}

.padding_10 {
    padding: 0 10px;
    position: relative
}

.btn_group,.padding_10 {
    box-sizing: border-box;
    width: 100%
}

.btn_group {
    margin: 20px auto;
    text-align: center;
    height: auto
}

.btn_group.small {
    margin: 10px auto
}

.btn_group button {
    color: #fff;
    border-radius: 2px;
    font-size: 12px
}

.btn_group .full {
    width: 100%
}

.btn_group .half {
    width: 50%
}

.btn_group .btn_apply {
    display: block;
	width: 100%;
	background: #11141d;
	border: 1px solid #313742;
	border-radius: 5px;
	line-height: 54px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
}

.btn_group .btn_other {
    background-image: linear-gradient(#444,#222);
    width: 100%
}

.btn_group .btn_apply_half_l {
    margin-right: 6px
}

.btn_group .btn_apply_half_l,.btn_group .btn_apply_half_r {
    background-image: linear-gradient(#e39665,#c14831);
    width: calc(50% - 3px)
}

.btn_group .btn_other_half_l {
    margin-right: 6px
}

.btn_group .btn_other_half_l,.btn_group .btn_other_half_r {
    background-image: linear-gradient(#444,#222);
    width: calc(50% - 3px)
}

.btn_group .btn_20w {
    background-image: linear-gradient(#444,#262626);
    width: calc(20% - 4px);
    height: 30px;
    margin: 0 5px
}

.btn_group .detail {
    margin: 10px auto;
    line-height: 4;
    font-size: 12px;
    color: #fff;
    font-weight: 300
}

.game_info {
    position: relative;
    height: auto
}

.game_info li {
    box-sizing: border-box;
    padding: 0 20px;
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #444;
    background-color: #242424;
    color: #fff;
    line-height: 3
}

.game_info .small {
    padding: 0 10px
}

.game_info li:first-child {
    border-top: 1px solid #444
}

.game_info .game_kind {
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    background-color: #f90;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 3;
    text-align: center
}

.game_info li .list_title_w {
    float: left;
    width: 60%;
    overflow: hidden;
    color: #fff
}

.game_info li .game_money {
    float: right;
    color: #f90;
    width: 30%;
    text-align: center
}

.game_info li .money {
    float: left;
    color: #f90;
    width: 40%;
    text-align: center
}

.game_info li .game_state {
    margin: 7px auto;
    float: right;
    padding: 0 5px;
    height: 20px;
    background-color: red;
    border-radius: 3px;
    color: #fff;
    line-height: 2
}

.game_info li .date_time {
    float: left;
    color: #999
}

.game_info li .date {
    float: left;
    color: #fff
}

.game_info li .right_gray {
    float: right;
    color: #ccc
}

.game_info li .checkbox {
    float: left;
    margin: 5px 10px 5px 0;
    width: 15px;
    height: 15px;
    background-color: transparent
}

.game_info li .name {
    margin-left: 10px;
    float: left;
    color: #fff;
    width: 50%;
    overflow: hidden
}

.game_info li .delete_btn {
    margin: 5px auto 4px;
    float: right;
    padding: 0 20px;
    height: 24px;
    background-color: #444;
    border-radius: 3px;
    color: #fff;
    line-height: 2.3
}

.transfer {
    height: auto
}

.transfer,.transfer .mymoney {
    box-sizing: border-box;
    padding: 10px;
    width: 100%
}

.transfer .mymoney {
    height: 50px;
    background-color: #292929;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border: 1px solid #333;
    border-left: 0;
    border-right: 0
}

.transfer .mymoney span {
    color: #fff;
    padding: 5px 10px
}

.transfer .mymoney .money_input {
    position: relative
}

.transfer .mymoney .money_input .money {
    box-sizing: border-box;
    width: 300px;
    height: 30px;
    padding-right: 25px;
    text-align: right;
    background-color: #444;
    border-width: 0;
    border-radius: 1px;
    color: #0344a1
}

.transfer .mymoney .money_input .won {
    position: absolute;
    top: 5px;
    left: 280px;
    color: #fff
}

.transfer .eachrect {
    box-sizing: border-box;
    padding: 20px;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #333
}

.transfer .eachrect .content {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.transfer .eachrect .content .gamerect {
    margin: 10px;
    width: 200px;
    height: 100px;
    background-color: #292929;
    text-align: center
}

.transfer .eachrect .content .gamerect .logo1 {
    margin: 10px auto
}

.transfer .eachrect .content .gamerect .logo2 {
    margin: 13.5px auto
}

.transfer .eachrect .content .gamerect .bottom {
    margin: 0;
    width: 200px;
    height: 30px;
    background-color: #333;
    color: #fff;
    line-height: 2.5;
    font-size: 12px
}

.transfer .eachrect .content .gamerect .bottom .left {
    float: left;
    padding-left: 10px
}

.transfer .eachrect .content .gamerect .bottom .right {
    float: right;
    padding-right: 5px
}

.transfer .eachrect .content .gamerect .bottom .right .money {
    color: #0344a1;
    font-weight: 700
}

.transfer .eachrect .content .gamerect .bottom .right img {
    padding: 5px;
    cursor: pointer
}

.transfer .eachrect .content .partrect {
    margin: 10px;
    width: 380px;
    height: auto;
    text-align: center;
    display: flex
}

.transfer .eachrect .content .partrect span {
    padding: 5px
}

.transfer .eachrect .content .partrect img {
    padding: 6px;
    width: 16px;
    height: 17px
}

.transfer .eachrect .content .partrect .money_input {
    position: relative
}

.transfer .eachrect .content .partrect .money_input .money {
    box-sizing: border-box;
    width: 200px;
    height: 30px;
    padding-right: 25px;
    text-align: right;
    background-color: #444;
    border-width: 0;
    border-radius: 1px;
    color: #0344a1
}

.transfer .eachrect .content .partrect .money_input .won {
    position: absolute;
    top: 5px;
    left: 180px;
    color: #fff
}

.transfer .eachrect .content .partrect select {
    box-sizing: border-box;
    width: 200px;
    height: 30px;
    margin: 0 10px;
    padding: 0 10px;
    text-align: right;
    background-color: #444;
    border-width: 0;
    border-radius: 1px;
    color: #aaa;
    background: #222 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAQAAAC/O6xzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfkBQMQJi0Bc6+LAAAAUklEQVQI11XKIQqAQAAF0edGT2TVINgsHlm0mRbbwsbFbjaooH/SDL+aFo3Td7U1GG3qH5sxKAbx840GJaBopScmrUIAh86OXefgzWS9WS/fegFwlxTlFwom3QAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNS0wM1QxNjozODo0NSswMzowMGjGyVcAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDUtMDNUMTY6Mzg6NDUrMDM6MDAZm3HrAAAAAElFTkSuQmCC) no-repeat 95% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.transfer .eachrect .content .partrect .btn_apply {
    margin-left: 5px;
    width: 90px;
    height: 30px;
    box-shadow: 1px 1px rgba(0,0,0,.5);
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    background-image: linear-gradient(#353535,#0f0f0f)
}

.transfer .table_btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto
}

.transfer .table_btns .btn_cancel {
    margin: 5px;
    width: 150px;
    height: 35px;
    box-shadow: 1px 1px rgba(0,0,0,.5);
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    background-image: linear-gradient(#444,#202020)
}

.login {
}

.login,.login_content {
    background-color: #171717
}

.login_content {
}

.login_content .logo {
    height: auto;
    width: 100%;
    display: block;
    text-align: center
}

.login_content .logo img {
    margin: 5px auto;
    display: block;
    width: 145px;
    max-width: 250px;
    height: auto
}

.login_content .logo label {
    line-height: 4;
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

.login_content .data .input_rect {
    margin: 10px auto;
    height: 35px;
    background-color: #222;
    border: 1px solid #555;
    border-radius: 2px
}

.login_content .data .input_rect .icon {
    margin: 8px 0;
    width: 35px;
    height: 20px;
    float: left;
    border-right: 1px solid #666
}

.login_content .data .input_rect .icon img {
    width: auto;
    padding: 0 8px;
    height: 20px
}

.login_content .data .input_rect .input {
    margin: 8px 0;
    height: 20px;
    float: left;
    width: calc(100% - 60px)
}

.login_content .data .input_rect .input input {
    padding: 0 8px;
    width: 100%;
    border-width: 0;
    background-color: #222;
    color: #eee
}

/*# sourceMappingURL=main.3d3da4c6.chunk.css.map */
@media only screen and (max-width: 620px) {
   /*������ �����CSS*/
   .header, .header .header_top {
    height: 80px;
    }
   .header .header_content {
    display: none;
    }
   .header .header_top .header_width {
    width: 100%;
    height: auto;
    margin: 0 auto;
    }
   .main_container_width {
    width: 100%;
    }
   .game_list .game_menu2, .game_list .game_menu1 {
    float: left;
    width: 100%;
    margin: 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    }
    .game_list .game_menu1 li {
    margin: 5px;
    margin-right: 0;
    margin-bottom: 0;
    width: 31%;
    float: left;
    }
    .game_list .game_menu2 li {
    margin: 5px;
    margin-right: 0;
    margin-bottom: 0;
    width: 23%;
    float: left;
    }
    .header .header_top .left_panel {
    display: none;
    }
    .main_container {
    display: none;
    }
    .input_box {
    	color: #fff;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      box-shadow: 5px 5px 10px 0 #000;
    }
    .mobilelogo img{
      margin-top: 2px;
      height: 40px;
    }
    .login_input_box2 {
	  display: none !important;
    }
    .login_input_box3 {
	  display: block !important;
    }
    .mobilelogo {
     display: flex;
     justify-content: center;
    }
    .main .banner {
     position: relative;
     background: url('/assets/images/top/m_mainbg1.jpg?v=2') center top no-repeat !important;
     background-size: 110% 100% !important;
     height: 300px;
     top: 42px;
    }
    .popup_input input, .popup_input select, .popup_input textarea {
      width: 100%;
    }
    .popup_header {
    position: relative;
    height: 60px;
    background-color: #000;
    text-align: center;
    }
    .popup_header label {
    font-size: 16px;
    font-family: "Noto Sans KR";
    font-weight: 700;
    color: #0344a1;
    line-height: 4;
    }
    .popup_header img {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    padding-right: 0;
    padding-top: 0;
    }
    .carousel .item .title {
    margin: 70px 0 0 20%;
    color: #fff;
    font-size: 24px;
    font-family: "Noto Sans KR";
    font-weight: 700;
    width: 100%;
    }
    .login_box_wrap .title1 .logo img {
    margin: 0px 8px;
	height: 32px;
    }
    .login_box_wrap .title1 .btn_close {
    top: 8px;
    right: 8px;
    }
    .login_box_wrap .title1 .logo {
    height: 34px;
    line-height: 34px;
    }
    .inputcontents .title1 .logo img {
    margin: 0px 8px;
	height: 32px;
    }
    .inputcontents .title1 .btn_close {
    top: 8px;
    right: 8px;
    }
    .inputcontents .title1 .logo {
    height: 34px;
    line-height: 34px;
    }
    .popup_title label {
      margin: 0;
    }
    .layertitle .logo img {
    	padding: 8px !important;
    }
    .Login_wrap {
    	display:none;
    }
    .transaction_container {
      display: flex;
      align-items: center;
      padding: 5px 0 40px;
      flex-direction: column;
    }
    .customer_rect {
      display:none;
    }
    .transaction_container .transaction_table {
    position: relative;
    margin-bottom: 10px;
    margin: 2%;
    width: 96%;
    height: 260px;
    background: #222;
    border-radius: 3px;
    }
    .transaction_container .table_heading .btn_box .btn_in, .transaction_container .table_heading .btn_box .btn_out {
    min-width: 90%;
    }
    .transaction_container .table_heading .title {
    line-height: 3.5;
    }
    .transaction_container .table_heading {
    height: 50px;
    }
    .transaction_container .table_heading .btn_box {
    padding: 10px 5px;
    }

    .transaction_container .transaction_table1 {
    position: relative;
    margin: 2%;
    width: 96%;
    height: 260px;
    border-radius: 3px;
    border: 2px solid #664318;
    background-size: 100% 100%;
    }
}





@media only screen and (max-width: 620px) {
#header_t {
    width: 100%;
    height: 80px;
    background-image: none;
}
.button {
    min-height: 35px !important;
    width: 19% !important;
    font-size: 12px !important;
}
.btnm .button {
    min-height: 35px !important;
    width: 70px !important;
    font-size: 12px !important;
    padding: 0px;
}
.before-banner-line {
}
.close_box {
	  margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100px;
    width: 80%;
    margin-bottom: 50px !important;
    margin-top: 20px;
}
.activeslot, .live_slot, .activecasino, .live_casino {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}


html, body {
   background-size: 200% 200%;
   min-width: auto;
}
.navigation {
    display:none;
}
.navi1280 {
    width: 100%;

}
.app-slider {
    display:none;
}
.app-title img{
    width: 80%;
}

.login_content {
}
.login_logo img {
    width: 50%;
    margin: 0 0 20px 25% !important;
}
.bg-main {
    background-size: cover;
    background-color: transparent;
    background-position: 50% 50%;
    background-image: url(/images/heaven_bg01.jpg?ver=21234);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 100px;
}
.login_area {
    width: 100% !important;
}
.login_input_box3 {
    width: 100% !important;
}
.sc-inner {
    margin: 1%;
}



.fade_2_open {
    width: 75px;
    height: 42px;
    color: #fffefe;
    font-size: 12px;
    background-image: linear-gradient(#b08869,#5a4132);
    float: left;
    border-radius: 0 0 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login_input_box3 .input_box .fade_2_open:after {
    left: 65px;
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
    border-radius: 0 0 15px 0;
    width: 15px;
    height: 42px;
    content: "";
    background-image: linear-gradient(#b08869,#5a4132);
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
}
.fade_3_open {
    width: 75px;
    height: 42px;
    color: #fffefe;
    font-size: 12px;
    background-image: linear-gradient(#b08869,#5a4132);
    float: right;
    border-radius: 0 0 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login_input_box3 .input_box .fade_3_open:after {
    right: 65px;
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
    border-radius: 0 0 0 15px;
    width: 15px;
    height: 42px;
    content: "";
    background-image: linear-gradient(#b08869,#5a4132);
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
}
.closem {
    width: 40px;
    height: 40px;
    float: none !important;
    margin-right: auto !important;
}
.layertitle-login {
    width: 100%;
    float: left;
    text-align: center;
    padding: 20px 0 0 0;
    height: 100px;
}
.login_box_wrap {
    width: 100%;
}
.login_tit img{
    width: 80% !important;
}
.login_t1 {
    width: 100%;
    float: left;
    padding: 0;
}
.login_td1 {
    width: 100%;
    padding: 0 0 5px 0 !important;
}
.closem img {
    width: 40px;
    height: 40px;
    float: none !important;
    margin-right: auto !important;
}
.login_table_t1 {
    width: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: center;
}


.cc-center.slot {
    width: 100%;
    margin-top: 5px;
}
.footer-img {
    height: 100px;
    background-size: 100%;
}

.single-header-top .max_logo {
  display:none;
}

.cc-center.slot .company-btn {
    width: 160px;
}
.company-btn {
    width: 160px;
    height: 210px;
    display: inline-block;
    background-color: rgb(0 0 0 / 80%);
    border-radius: 10px;
    border: 2px solid rgb(255 255 255 / 30%);
    border-image-width: 10px;
    border-image-repeat: repeat;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    box-shadow: inset 0px 3px 2px #000;
}

.banner_div img {
    width: 95%;
    margin-top: 20px;
}
.login_input_box1 {
    justify-content: left !important;
    width: 100% !important;
    height: 45px !important;
    margin-top: 45px !important;
    display: none !important;
}
.infom {
    padding: 2px 0 0 10px;
    width: 60%;
    flex-direction: column;
    align-items: flex-start;
}
.infom li{
    padding: 0 0 0 10px !important;
    text-align: left !important;
    line-height: 20px !important;;
}
.infom .btnm {
    padding: 0 0 0 0px !important;
    text-align: right !important;
    position: absolute;
    right: 10px;
    top: 50px;
    margin-bottom: 0px !important;
}

.header_logo {
    float: none;
    width: 100%;
    height: 64px;
    padding: 0 0 0 0;
    display: inline;
}
.header_logo img {
    width: 176px;
    height: 64px;
    padding-left: 50px;
    padding-top: 10px;
}
.single-header-top {
    height: 42px;
    box-shadow: 5px 5px 10px 0 #000;
    background: rgb(0 0 0);
}
.joinbutton, .loginbutton, .before-banner-line {
	display:none;
}

.pop_notiview {
    font-size: 12px !important;
    background: #00000000 !important;
}

.user_info {
    padding: 8px 0 0 0;
    width: 140px;
    height: 48px;
    float: right !important;
}
.log_info {
    padding: 15px 0 0 0;
    font-size: 12px;
}
#contents {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.main {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
#bottom {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
}

/* game_btn */
.ch-grid {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
	overflow: hidden;
}
.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}
.ch-grid:after {
	clear: both;
}
.ch-grid li {
    width: 180px;
    height: 180px;
    display: inline-block;
    margin: 5px 10px;
}

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
}
.ch-info h3 {
	font-size: 28px;
	padding: 55px 0 0 0;
	height: 40px;
}

.sns_div {
    float: left;
    width: 95%;
    height: 240px;
    margin: 0 auto;
    margin-left: 2%;
}
.sns_img {
	width: 100%;
	height: unset;
}
.sns_div img {
    padding: 10px 0 0 10px;
}
.sns_div .sns_btn {
  width: 100%;
	height: auto;
}
.user_ico {
display:none;

	}
.user_logo {
    float: left;
    width: 135px;
    height: 45px;
    background-image: url(/assets/images/yg_logo02.png);
    margin: 14px 0 0 20px;

	}
.menu_div {
    float: left;
    padding-left: 0;
    width: 100%;
    margin: 0 auto;
}
.bmenu {
    background: url(../images/body/header_bg.png) top center;
}
.bmenu li {
	    width: 48%;
	}
.menu_div_top {
	display: none;
    /*float: left;
    position: absolute;
     padding: 15px 0px !important;
    padding-top: 65px !important;
    width: 100%;
    margin: 0 auto;*/
}
.user_div {
    width: 100%;
}
.body-main {
 top: 100px;
 padding-top: 50px;
}

.notice_div {
    float: left;
    width: 95%;
    height: 240px;
    margin: 0 auto;
    margin-left: 2%;
    margin-top: 20px;
}
.ticker {
}
.live_div1 {
    float: left;
    width: 95%;
    height: 240px;
    margin: 0 auto;
    margin-left: 2%;
    margin-top: 20px;
}
.notice_div .notice_table {
    /* width: 70%;
	  height: unset; */
}
.notice_div2 img {
    padding: 10px 0 0 10px;
}
.notice_div2 {
    float: left;
    width: 95%;
    height: 240px;
    margin: 0 auto;
    margin-left: 2%;
    margin-top: 20px;
}
.notice_div2 .notice_table {
    /* width: 70%;
	  height: unset; */
}
.notice_div img {
    padding: 10px 0 0 10px;
}
.footer {
	height: 80px !important;
	background-size: 100% !important;
	display: none;
}
video {
	position: fixed !important;
    height: 920px !important;
    display: none;
}

.navbar-toggler {
    float: right;
    width: 75px;
    height: 42px;
    color: #fffefe;
    font-size: 12px;
    background-image: linear-gradient(#b08869,#5a4132);
    float: right;
    border-radius: 0 0 0 15px;
}
.navbar-toggler:after {
    right: 65px;
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
    border-radius: 0 0 0 15px;
    width: 15px;
    height: 42px;
    content: "";
    background-image: linear-gradient(#b08869,#5a4132);
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
}
.navbar-login {
	  float: left;
    width: 75px;
    height: 42px;
    color: #fffefe;
    font-size: 12px;
    background-image: linear-gradient(#b08869,#5a4132);
    float: left;
    border-radius: 0 0 15px 0;
}
.navbar-login:after {
    left: 65px;
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
    border-radius: 0 0 15px 0;
    width: 15px;
    height: 42px;
    content: "";
    background-image: linear-gradient(#b08869,#5a4132);
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
}
.menu-toggle {
}
.menu-logout {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background: transparent;
    color: #aa8b4a;
    font-size: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    background-image: url(/images/slot/m_logout.png);
    background-size: 100% 100%;
}

.navbar-collapse {
	  padding-top: 0px;
    padding-left: 0px;
    width: 100%;
    max-height: 600px;
    overflow: hidden;
    background: url(/images/top/bgbg1.png?v=1) center top no-repeat;
}
.aside2_box1_wrap {
    float: left;
    width: 100%;
}
.aside2_box1 {
    float: left;
    width: 100%;
    background-image: linear-gradient(#000000,#222);
    box-shadow: 5px 5px 10px 0 #000;
    height: 40px;
    line-height: 40px;
    padding: 0 5px 0 5px;
    font-size: 14px;
    font-weight: 500;
    margin: 0 !important;
}
.popup_tab_wrap {
    display: none;
}

.my_left {
    float: left;
    color: #fff;
}
.my_right {
    float: right;
    color: #fff;
}
.font02 {
    color: #cc00ff;
}
.font01 {
    color: #cfae60;
}

.single-header-top ul li a {
    color: #999999;
    font-size: 12px;
    font-weight: 300;
}
.btn_rol {
    background-image: linear-gradient(#6a6c6c,#343434);
    border-radius: 3px;
    width: 40px;
    height: 24px;
    line-height: 24px;
    margin-left: 2px;
}
.util_left {
    display: none;
}
.gnb_wrap {
    display: none;
}
 .nav-item ul li {
    margin-right: 0;
    position: relative;
    margin: 5px 0;
  }
  .login_box {
  	width: 100%;
  	background: none !important;
  }

.menu-toggle:before, .menu-toggle:after {
    content: '';
    display: block;
    width: 100%;
    height: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #ffffff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: -webkit-transform 0.25s ease-in-out;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    -o-transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    -moz-transition: -webkit-transform 0.25s ease-in-out;
    -ms-transition: -webkit-transform 0.25s ease-in-out;
}

.sec_casino_games ul li {
  margin: 0 0 0 0;
  float: left;
  transform: translate(0, 0) !important;
  width: 33.3%;
}

.sec_casino_games ul li a span img{
    width: 95%;
    padding: 5px 2px;
    border-radius: 20px;
}
.sec_casino_games ul {
    margin-left: 0px;
    padding-left: 0px !important;
}
.slot-btn {
    margin: 0;
    width: 32%;
}
.copyright p {
  font-size: 0.2rem !important;
}
.items-list .ico .ico01_img, .ico02_img, .ico03_img, .ico04_img, .ico05_img, .ico06_img, .ico07_img, .ico08_img, .ico09_img, .ico10_img {
    width: 25px !important;
    height: 25px !important;
}
.slide {
	display: none;
}
.layergametitle {
    width: 100%;
}


.layer-slotgame, .layer-pragmaticplay, .layer-blueprint, .layer-quickspin, .layer-redrake, .layer-relaxgaming, .layer-spearhead, .layer-dragoonsoft, .layer-playson, .layer-stargame, .layer-habanero, .layer-cq9, .layer-playstar, .layer-gameart, .layer-tpg, .layer-booongo, .layer-evoplay, .layer-genesis, .layer-isoftbet, .layer-bbtech, .layer-aristocrat, .layer-bbin, .layer-realtime, .layer-microgaming, .layer-toptrend, .layer-bgaming, .layer-dreamtech, .layer-asiagaming, .layer-playngo, .layer-1x2gaming, .layer-elk, .layer-irondog, .layer-kalamba, .layer-netgame, .layer-nolimit, .layer-pgsoft, .layer-playtech, .layer-netent {
    width: 100%;
    height: 100%;
    top: 0px !important;
    left: 0px;
}
#Slot_ARS, #Slot_PRG, #Slot_HVN, #Slot_PNG, #Slot_MGS, #Slot_BNG, #Slot_RLX{
   width: 100% !important;
   height: 6200px;
}
#gameplay, #asiagaming, #blueprint, #elkstudios, #nolimit, #quickspin, #revolver, #cq9, #augustgaming, #evoplay{
   width: 100% !important;
}
.gaming1x2 {
	 width: 100% !important;
}
.gamecontents img {
   max-width: none;
   padding: 5px;
}
.gamecontents .slot_txt_style {
   padding-right: 20px;
}
.ico span {
   width: 33px;
}