@charset "utf-8";

body,html {
    background: #1b1b20;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #383743, #24252a, #1b1e1f);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #383743, #24252a, #1b1e1f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*height: 100vh;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
}
/**
header
 */
#header {position:relative;padding:0 10px;color:#fff;
    background: #202020;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #202020, #1f1f1e);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #202020, #1f1f1e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#header .inner{max-width:1800px;display: flex;height:73px;  margin: 0 auto;}
#header .inner:after {
    display: block;
    content:"";
    clear:both;
}
#header .inner .lnb, #header .inner .rnb  {
    float: left;
}
#header .inner .lnb {
    order: 1;
    width: 50%;
    position: relative;
}

#header .inner .rnb {
    order: 2;
    width: 50%;
}

#header .inner  > ul { display: inline-block; height: 100%; }
#header .inner .rnb > ul { float: right; }
#header .inner .rnb > ul > li, #header .inner .lnb > ul > li { float: left; height: 100%; line-height:70px; position:relative}
#header .inner .rnb > ul >li img, #header .inner .lnb > ul > li img {width: 30px;}
/*#header .inner ul li:hover {background: #414141; cursor: pointer;}*/
#header .inner .rnb > ul >li a, #header .inner .lnb > ul > li a { height: 100%; padding: 0 10px; color: #fff;}
/**
wrapper
*/
.wrapper {
    color: #fff;
    margin: 0 auto;
    padding: 10px;
    max-width: 1800px;
    width: calc(100% - 20px);
}

.wrapper .container {
    display: flex;
}
.wrapper .container:after{
    display: block;
    content:"";
    clear:both;
}
.wrapper .container .l-contents, .wrapper .container .r-contents {
    float: left;
}

.set-mobile {display: inline-block;}

/**
left-side
 */
.wrapper .container .l-contents {
    order: 1;
    width: 65%;
    position: relative;
    padding-bottom: 33%;
    overflow: hidden;
}

.wrapper .container .l-contents .res-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/**
right-side
 */
.wrapper .container .r-contents {
    order: 2;
    width:  35%

}

/**
bottoms
 */
.wrapper .b-contents {
    width: calc(100% - 4em);
    padding: 2em;
}

.blocks {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.75em;
    flex-direction: row;
    -webkit-box-align: stretch;
}

.blocks.grid-1 > div {
    float: left;
    width: 96%;
    flex: 100%;
    margin: 10px 2%;
}

.blocks.grid-2 > div {
    width: 49%;
    float: left;
    flex: 0 0 49%;
    height: 275px;
}

.blocks.grid-2 > div:nth-of-type(2n+1) {
    clear: both;
}

.blocks.grid-3 > div {
    float: left;
    width: 32%;
    flex: 0 0 32%;
}
.blocks.grid-3 > div:nth-of-type(3n+1) {
    clear: both;
}

.blocks.grid-4 > div {
    float: left;
    width: 23.5%;
    flex: 0 0 23.5%;
}
.blocks.grid-4 > div:nth-of-type(4n+1) {
    clear: both;
}

.grid-cont {
    height: 157px;
    overflow: hidden;
}

.grid-cont > canvas, .grid-cont > div { height: 157px}

.clean-grid-grid-post {
    position: relative;
    height: auto;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 2%;
    background: #f7f7f7;
    /*overflow: hidden;*/
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
}

.blocks.grid-2 .clean-grid-grid-post:nth-of-type(2n+2) {
    margin-right: 0;
}

.blocks.grid-3 .clean-grid-grid-post:nth-of-type(3n+3) {
    margin-right: 0;
}

.blocks.grid-4 .clean-grid-grid-post:nth-of-type(4n+4) {
    margin-right: 0;
}

.blocks > div {
    min-height: 170px;
    border-radius: 5px;
    background: rgb(17, 49, 0);  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #0d1a0d 0%, #113100 50%, #0d1a0d 100%);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #0d1a0d 0%, #113100 50%, #0d1a0d 100%); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    box-shadow: 0 0 1px 1px #5a5a69;
}

.blocks > div:hover {
    box-shadow: 0 0 3px 3px rgb(128, 172, 181);
}

.grid-title { padding: 10px; font-size: 14px; color: #fff;}

.blocks.grid-4 .title-txt {
    padding: 8px 15px;
}
.title-txt {
    padding: 8px 40px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: linear-gradient(to bottom, #202121, #050101);
    color: #fff;
    box-shadow: 0 0 1px 1px rgb(128, 172, 181);
    border-radius: 5px;
    margin-top: 2px;
    background: -webkit-linear-gradient( 266deg,rgb(90, 90, 90)0%,rgba(0,0,0,0.8)56%);
    position: absolute;
    right: 0px;
}

.title-txt .sub-txt {color: #76c1d4;}

.title-txt2 {
    padding: 6px 15px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background: linear-gradient(to bottom, #202121, #050101);
    color: #fff;
    box-shadow: 0 0 7px 3px #a38176;
}

.title-txt2 .sub-txt {color: #f95c5c;}


.grid-cont { padding: 0 10px}
.grid-tail { padding: 10px; }
div.multi-div {
    background : url('../img/multi-img.jpg')  no-repeat  center center /100% ;
    box-shadow: 0 0 7px 3px rgba(129, 129, 129, 0.7)
}


.row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, minmax(50px, auto));
    align-items: center;
}

.row > div {

}
.row .one {
    grid-column: 1 / 6;
    grid-row: 1;
    justify-self: start;
}
.row .two {
    grid-column: 6 / 9;
    grid-row: 1;
    justify-self: stretch;
}
.row .three {
    grid-column: 9/13;
    grid-row:1;
    justify-self:  end;
}

.noti-txt {
    background :  #28292e url('../img/icon-speaker1.png')  no-repeat  10px;
    padding: 14px 10px  0 35px;
    min-width: calc(100% - 55px);
    color: #ffffff;
    height: 26px;
    border-radius: 5px;
    box-shadow: 0px 0px 1px 1px rgb(84, 84, 99);
}

.btn_img_active {filter : sepia(1); }
.config-mobile-menu {display: none; margin-top: 20px;background:rgba(0, 0, 0, 0.5);}
.config-mobile-menu li { margin: 5px auto; font-size: 0.9em; padding: 5px;}
.config-mobile-menu li:hover {background:#000;}

/**
popup
 */
.popup { display: none; position:fixed;top:0;left:0;z-index: 99; width: 100%; height: 95%; background-color: rgba(0, 0, 0, 0.4);}
/*팝업 박스*/

.popup_box{position: relative;top:50%;left:50%; min-width:800px; width: 800px; transform:translate(-50%, -50%);z-index:199;box-sizing:border-box;
    border: 3px solid #70706f;
    border-radius: 12px;
    background-color: #333;
}
/*컨텐츠 영역*/
.popup_box .popup_cont {padding:10px;line-height:1.4rem;font-size:14px;word-break: break-word;}
.popup_box .popup_cont h1 {font-size:20px; padding-top: 15px; color: #fff; text-align: center;}
.popup_box .popup_cont h1:after {
    content: "";
    display: block;
    width: 50%;
    min-width: 200px;
    border-image: linear-gradient(160deg, #70706F, #8E8D8D, #BEC0C2, #8E8D8D, #70706F);
    border-image-slice: 1;
    border-bottom: 1px solid  transparent;
    margin: 20px auto;
}
.popup_box .popup_cont h2 {
    font-size: 1em;
    font-weight: normal;
    color: #fff;
}

.popup_box .popup_cont .msg_box {
    margin: 10px auto;
    position: relative;
}

/*버튼영역*/
.popup_box .popup_btn {display:table;table-layout: fixed;width:100%;height:50px;background:#5d5d5d;word-break: break-word;}
.popup_box .popup_btn button {position: relative; display: table-cell; width: 100%; height:50px; color:#fff; font-size:17px;text-align:center;vertical-align:middle;text-decoration:none; background:#212121;}
.popup_box .popup_btn button:before{content:'';display:block;position:absolute;top:15px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.popup_box .popup_btn button:after{content:'';display:block;position:absolute;top:15px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

.popup_box .popup_cont .search_form {
    margin: 10px 0;
    color: #fff;
}

.popup_message { position:fixed;top:0;left:0;z-index: 99999999; width: 100%; height: 100%;}

/*팝업 박스*/
.multi-wrapper .popup_message{ position: absolute;}
.multi-wrapper .popup_black {top: 45%}
.multi-wrapper .popup_blue {top: 45%}
.multi-wrapper .popup_red {top: 45%}

/*블랙*/
.popup_black{
	position: absolute;
    top: 50%;
    left: 50%;
    min-width: 500px;
    width: 500px;
    transform: translate(-50%, -50%);
    z-index: 199;
    box-sizing: border-box;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    background-color: rgba(0, 0, 0, 0.9);
}
/*컨텐츠 영역*/
.popup_black .popup_cont {padding:10px;line-height:1.4rem;font-size:14px;word-break: break-word;}
.popup_black .popup_cont h1 {font-size:1.8em; padding-top: 15px; color: #fff; text-align: center;}


/*버튼영역*/
.popup_black .popup_btn {display:table;table-layout: fixed;width:100%;height:50px;background:#5d5d5d;word-break: break-word;}
.popup_black .popup_btn button {position: relative; display: table-cell; width: 100%; height:50px; color:#fff; font-size:17px;text-align:center;vertical-align:middle;text-decoration:none; background:#212121;}
.popup_black .popup_btn button:before{content:'';display:block;position:absolute;top:15px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.popup_black .popup_btn button:after{content:'';display:block;position:absolute;top:15px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

/*블루*/
.popup_blue{
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 500px;
    width: 500px;
    padding: 8px 0;
    transform: translate(-50%, -50%);
    z-index: 199;
    box-sizing: border-box;
    /*border: 3px solid rgba(255, 255, 255, 0.2);*/
    /*border-radius: 12px;*/
    background-color: rgba(0, 150, 230, 0.80)
}
/*컨텐츠 영역*/
.popup_blue .popup_cont {padding:0px 14px;line-height:1.4rem;font-size:14px;word-break: break-word;}
.popup_blue .popup_cont h1 {font-size:1.8em; padding-top: 15px; color: #fff; text-align: center; line-height: 1.6; letter-spacing: -1.2px; font-weight: 700;}


/*버튼영역*/
.popup_blue .popup_btn {display:table;table-layout: fixed;width:100%;height:50px;background:#5d5d5d;word-break: break-word;}
.popup_blue .popup_btn button {position: relative; display: table-cell; width: 100%; height:50px; color:#fff; font-size:17px;text-align:center;vertical-align:middle;text-decoration:none; background:#212121;}
.popup_blue .popup_btn button:before{content:'';display:block;position:absolute;top:15px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.popup_blue .popup_btn button:after{content:'';display:block;position:absolute;top:15px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

/*레드*/
.popup_red{
	  position: absolute;
    top: 50%;
    left: 50%;
    min-width: 500px;
    width: 500px;
    transform: translate(-50%, -50%);
    z-index: 199;
    box-sizing: border-box;
    border: 3px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    background-color: rgba(230, 23, 35, 0.8);
}
/*컨텐츠 영역*/
.popup_red .popup_cont {padding:10px;line-height:1.4rem;font-size:14px;word-break: break-word;}
.popup_red .popup_cont h1 {font-size:1.8em; padding-top: 15px; color: #fff; text-align: center;}


/*버튼영역*/
.popup_red .popup_btn {display:table;table-layout: fixed;width:100%;height:50px;background:#5d5d5d;word-break: break-word;}
.popup_red .popup_btn button {position: relative; display: table-cell; width: 100%; height:50px; color:#fff; font-size:17px;text-align:center;vertical-align:middle;text-decoration:none; background:#212121;}
.popup_red .popup_btn button:before{content:'';display:block;position:absolute;top:15px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.popup_red .popup_btn button:after{content:'';display:block;position:absolute;top:15px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}


.search_form label {
    padding: 10px;
}

.btn_image {
    background: none;
    border-radius: 3px;
    display: inline-block;
}
.btn_image img { height: 38px; margin-top: 0;     vertical-align: middle;}
.btn_image:hover { cursor: pointer; filter:brightness(0.5)}
/**
Slide
 */
.slide {
    background: rgba(0, 0, 0, 0.7);
    right: -285px;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
}

.close-btn1 {
    background: url(../img/close-btn1.png) no-repeat scroll center center transparent;
    opacity: 1;
    position: absolute;
    width: 45px;
    height: 45px;
    right: 10px;
    top: 12px;
    text-indent: -9999px;
    transition: all 0.3s;
}

.close-btn1:hover {
    cursor: pointer;
}

.select-dropdown {
    float: left;
    position: relative;
    max-width: 100%;
    border-radius: 2px;
    width: 120px;
    text-align: center;
    border: 0;
    background: linear-gradient(to bottom, #303038, #2a2b32, #303038);
    color: #fff;
    box-shadow: 2px 5px 10px 0 rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0 rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0 rgba(0,0,0,0.35);
    height: 35px;
}

.select-dropdown select {
    font-size: 12px;
    max-width: 100%;
    padding: 10px 34px 10px 18px;
    border: none;
    color: #fff;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-dropdown select option {
    color: #000;
}

.select-dropdown select:active,
.select-dropdown select:focus {
    outline: none;
    box-shadow: none;
}
.select-dropdown:after {
     content: " ";
     position: absolute;
     top: 50%;
     margin-top: -2px;
     right: 8px;
     width: 0;
     height: 0;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-top: 5px solid #fff;
 }
.pc-show {display: block;}
.p-txt {font-weight: bold; color: #237bff; padding-right: 3px; }
.b-txt {font-weight: bold; color: #d1261a; padding-right: 3px; }
.t-txt {font-weight: bold; color: #3fb042; padding-right: 3px; }
.e-txt {font-weight: bold; color: #ce9f22;}
.bar-2-size {display: none;}

.betMoney {
	padding: 10px; text-align: right;
    color: #fff;
    background:#1d1d1d;
    border: 0;
}
.input1 {
    padding: 10px; text-align: center;
    color: #fff;
    background:#1d1d1d;
    border: 0;
}
.input2 {
    color: #fff;
    height: 40px;
    background: transparent;
    border: 0 solid #121212;
    border-bottom: 1px solid #555;
    font-size: 15px;
    width: 316px;
    padding: 0 0 0 8px;
    border-radius: 0;
}
.game-pad {
    position: absolute;
    width: calc(100% - 20px);
}
.game-pad canvas {  width: 100%; height: 100%; background: #fff url(../img/aa_1.jpg) no-repeat center center / 100% 100%;}
.game-pad1 canvas {  width: 100%; height: 100%; background: #fff url(../img/aa_11.jpg) no-repeat center center / 100% 100%;}
.game-pad3 canvas {  width: 100%; height: 100%; background: #fff url(../img/pad3.jpg) no-repeat center center / 100% 100%;}
.game-pad4 canvas {  width: 100%; height: 100%; background: #fff url(../img/pad4.jpg) no-repeat center center / 100% 100%;}
.game-tbl {
    display: none;
    position: absolute;
    top: 58px;
    width: calc(100% - 20px);
}
.game-shuffle {
    position: absolute;
    top: 58px;
    width: 100%;
    background-image: url(../img/room_shuffle.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.game-off {
    position: absolute;
    top: 80px;
    width: calc(100% - 20px);
    height: 167px;
    background:#17181d;
    text-align: center;
    color: #fff;
    border: 1px solid #545463;
}

.game-off .game-off-box{
    display: table;
    height: 100%;
    margin: 0 auto;
}
.game-off .game-off-inbox{
    display: table-cell;
    vertical-align: middle;
}

.game-off h1 {font-weight:bold; font-size:1.6em;}
.game-off p {font-size: 0.7em; margin-top: 10px;}

.multi-img {width: auto; max-width: 360px; height: 50px; max-height: 50px; padding: 0; margin: 0; margin-right: 12px;}

/**
paginations
 */
.pagination-wrap {width: 100%; margin: 10px auto;}

.pagination-wrap:after {
    display: block;
    content: "";
    clear: both;
}

.pagination-wrap .pagination {
    float: right;
    margin: 0;
    padding: 4px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.pagination-wrap .pagination .paginate_btn {
    display: inline-block;
    margin: 5px;
}
.pagination-wrap .pagination .paginate_btn a {
    display: block;
    padding: 5px;
    color: #fff;
}
.pagination-wrap .pagination .paginate_btn a:hover {
    font-weight:bold;
}

.pagination-wrap .pagination .paginate_btn.fist a,
.pagination-wrap .pagination .paginate_btn.last a,
.pagination-wrap .pagination .paginate_btn.next a,
.pagination-wrap .pagination .paginate_btn.previous a {
    border: 1px solid #dedede;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: normal;
    padding: 2px 10px;
}
.pagination-wrap .pagination .paginate_btn.active a {
    color: #fff;
    font-weight: bold;
}

.pagination-wrap .pagination .paginate_btn.fist a:hover,
.pagination-wrap .pagination .paginate_btn.last a:hover,
.pagination-wrap .pagination .paginate_btn.next a:hover,
.pagination-wrap .pagination .paginate_btn.previous a:hover {
    border-color: #fff;
    background: #fff;
    color: #2e2e2e;
}

#header .inner .rnb #mobile-menu{display: none;}

.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
}

.menu-trigger {
    position: relative;
    width: 27px;
    height: 22px;
}

.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
    top: 0;
}

.menu-trigger span:nth-of-type(2) {
    top: 10px;
}

.menu-trigger span:nth-of-type(3) {
    bottom: 0;
}

.menu-trigger:hover {
    cursor: pointer;
}

.menu-list {
    display: none;
    background: rgba(0, 0, 0, 0.9);
    right:  -100%;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index:2;
}

.menu-list > ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%;
    width: 100%;
    top: 15%;
}

.menu-list > ul >  li {
    display: block;
    min-width: 100px;
    width: 130px;
    border-bottom: 1px solid #414141;
    padding: 20px 0;
    position: relative;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

.menu-list > ul> li:hover{
    cursor: pointer;
    font-weight: bold;
    font-size: 1.2em;
}

.menu-list >ul> li:last-child {
    border-bottom: none;
}


.btn_area {width: 100%; text-align: center; margin: 10px auto;}



.golden-btn {
    display: inline-block;
    outline: none;
    font-family: inherit;
    font-size: 1em;
    box-sizing: border-box;
    border-radius: .3em;
    height: 40px;
    line-height: 2.5em;
    text-transform: uppercase;
    padding: 0 1em;
    box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
    inset 0 -2px 5px 1px rgba(139,66,8,1),
    inset 0 -1px 1px 3px rgba(250,227,133,1);
    background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
    color: #000;
    font-weight: bold;
    text-shadow: 0 2px 2px rgba(250, 227, 133, 1);
    cursor: pointer;
    transition: all .2s ease-in-out;
    background-size: 100% 100%;
    background-position:center;
}
.golden-btn:focus,
.golden-btn:hover {
    background-size: 150% 150%;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),
    inset 0 -2px 5px 1px #b17d10,
    inset 0 -1px 1px 3px rgba(250,227,133,1);
    color: #706969;
}
.golden-btn:active {
    box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
    inset 0 -2px 5px 1px #b17d10,
    inset 0 -1px 1px 3px rgba(250,227,133,1);
}

.game-room-btn:hover {cursor: pointer;}

.switch-button {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 21px;
}
.switch-button input {
    opacity: 0;
    width: 0;
    height: 0;
}
.onoff-switch {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0), 0 1px 2px 2px rgba(0, 0, 0, 0), inset 0 0px 5px 1px rgb(191, 191, 191), inset 0 0 1px 3px rgba(152, 152, 152, 0.5);
    background-image: linear-gradient(
160deg
, #7b7b7b, #cccccc, #b1b1b1, #a7a7a7, #808080);
    border: solid 1px #ffffff;
}
.onoff-switch:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    top: 2px;
    left: 4px;
    bottom: 4px;
    background-color: #464646;
    -webkit-transition: 0.5s;
    transition: 0.4s;
    border-radius: 20px;
}
.switch-button input:checked + .onoff-switch {
    background-size: 150% 150%;
    /*box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),
    inset 0 -2px 5px 1px #b17d10,
    inset 0 -1px 1px 3px rgba(250,227,133,1);*/
    background-image: linear-gradient(160deg,#2b2b2b, #919191, #ffffff, #919191, #000000)
}
.switch-button input:checked + .onoff-switch:before {
    -webkit-transform: translateX(31px);
    -ms-transform: translateX(31px);
    transform: translateX(31px);
}

.onoff-switch-gold {
    box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
    inset 0 -2px 5px 1px rgba(139,66,8,1),
    inset 0 -1px 1px 3px rgba(250,227,133,1);
    background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
}
.switch-button input:checked + .onoff-switch-gold {
    background-size: 150% 150%;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),
    inset 0 -2px 5px 1px #b17d10,
    inset 0 -1px 1px 3px rgba(250,227,133,1);
    background-image: none;
}
.onoff-switch-gold:before {
    background-color :#765f38
}

/**
tables
 */
.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}

.cc-selector-2 input{
    position:absolute;
    z-index:999;
}

.cc-selector-2 input[type='radio'], .cc-selector-2 input[type='checkbox'] {
    --active: #d09a3c;
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: #bbc1e1;
    --border-hover: #7d8087;
    --background: #fff;
    --disabled: #f6f8ff;
    --disabled-inner: #e1e6f9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}
.cc-selector-2 input[type='radio']:after{
    content: '';
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s)  var(--d-t-e, ease), opacity var(--d-o, 0.2s);
}
.cc-selector-2 input[type='radio']:checked, .cc-selector-2 input[type='checkbox']:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: 0.3s;
    --d-t: 0.6s;
    --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
}
.cc-selector-2 input[type='radio']:disabled, .cc-selector-2 input[type='checkbox']:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
}
.cc-selector-2 input[type='radio']:disabled:checked, .cc-selector-2 input[type='checkbox']:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
}
.cc-selector-2 input[type='radio']:disabled + label, .cc-selector-2 input[type='checkbox']:disabled + label {
    cursor: not-allowed;
    filter: grayscale(1) opacity(.8);
    transform: scale(1);
}
.cc-selector-2 input[type='radio']:hover:not(:checked):not(:disabled), .cc-selector-2 input[type='checkbox']:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
}
.cc-selector-2 input[type='radio']:focus, .cc-selector-2 input[type='checkbox']:focus {
    box-shadow: 0 0 0 var(--focus);
}

.cc-selector-2 input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc{opacity: .9;box-shadow: 0 0 1px 2px #d9c196;}
.cc-selector-2 input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
    box-shadow: 0 0 1px 2px #d9c196;
}
.cc-selector-2 input:checked +.drinkcard-cc-2 {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
    transform: scale(1.2);
}

.cc-selector-2 input:hover +.drinkcard-cc-2 {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
    transform: scale(1.2);
}

.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:100%;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.8) grayscale(1) opacity(.7);
    overflow: hidden;
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);
    box-shadow: 0 0 1px 2px #d9c196;
}

.drinkcard-cc img:hover{
    transform: scale(1);
}
.drinkcard-cc-2{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:100%;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    /*-webkit-filter: grayscale(1) opacity(.8);
    -moz-filter: grayscale(1) opacity(.8);
    filter: grayscale(1) opacity(.8);*/
}
.drinkcard-cc-2:hover{
    -webkit-filter: grayscale(0) opacity(1);
    -moz-filter: grayscale(0) opacity(1);
    filter: grayscale(0) opacity(1);
    transform: scale(1.1);
    font-size: 15px;
}

.cc-selector-2 input{ margin: 5px 0 0 12px; }
.cc-selector-2 label{ margin-left: 7px; }
.cc-selector-2 {width: 100%; min-width: 40px; max-width: 100px; float: left; padding: 10px 5px;}
span.cc{ color:#6d84b4 }

.chips_rows {
    width: 90%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.chips {
    position:relative;
    width:90px;
    height:90px;
}

.chips2 {
    max-width: 90px;
    width: 100%;
}

.chips2:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.chips3 {
    max-width: 90px;
    width: 100%;
}

.chips3:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.chips4 {
    max-width: 80px;
    width: 100%;
}

.chips4:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.chips.chip1 {
    background: url(../img/chip1.png) no-repeat center center / 100%;
}

.chips.chip2 {
    background: url(../img/chip2.png) no-repeat center center / 100%;
}

.chips.chip3 {
    background: url(../img/chip3.png) no-repeat center center / 100%;
}

.chips.chip4 {
    background: url(../img/chip4.png) no-repeat center center / 100%;
}

.chips.chip5 {
    background: url(../img/chip5.png) no-repeat center center / 100%;
}

.chips.chip6 {
    background: url(../img/chip6.png) no-repeat center center / 100%;
}

.chips.chip7 {
    background: url(../img/chip7.png) no-repeat center center / 100%;
}

.chips.chip8 {
    background: url(../img/chip8.png) no-repeat center center / 100%;
}

.chips.chip9 {
    background: url(../img/chip9.png) no-repeat center center / 100%;
}

.chips.chip10 {
    background: url(../img/chip10.png) no-repeat center center / 100%;
}

.chips.chip11 {
    background: url(../img/chip11.png) no-repeat center center / 100%;
}

.chips.chip12 {
    background: url(../img/chip12.png) no-repeat center center / 100%;
}

.chips span {
    position: absolute;
    background: rgba(0,0,0,0.5);
    top: 37%;
    width: 100%;
    left: 0;
    color: #fff;
    border-radius: 10px;
    text-align: center;
}

.bet_title {    vertical-align: middle; font-size: 3em !important;}
/**
dropdown menu
 */
ul.config-menu {
    position: absolute;
    top: 63px;
    left: -30px;
    min-width: 150px;
    min-height: 180px;
    cursor: auto;
    border: 1px solid #555564;
    background-image: linear-gradient(#33383d,#2d2d2d),linear-gradient(0deg,rgba(149, 149, 149, 0.52),#fffbf5 51%,hsl(0deg 0% 100% / 40%));
    background-origin: border-box;
    background-clip: content-box,border-box;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.54);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.54);
    background-color: #292929;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99999;
    display: none;
}

ul.config-menu li:first-child {
    padding: 8px 12px 4px;
}
ul.config-menu li {
    text-align: left!important;
    padding: 8px 12px;
    font-size: 1em;
    line-height: 17px;
    cursor: pointer;
}

ul.config-menu li:hover {
    background-color: #454545;
}
ul.config-menu li.menu-title {
    text-align: left;
    font-size: 1.2em;
    padding-left: 10px;
    color: #fff;
    font-weight: bold;
}
ul.config-menu li.menu-title:hover {
    background-color: #000;
    cursor: auto;
}

ul.config-menu li:hover {
    background: #20201f;
}
ul.config-menu li:last-child {
    border-bottom: none;
}
ul.config-menu li a {
    display: block;
    text-align: center;
}

ul.config-menu li a:hover { cursor : pointer}

ul.config-menu .line , ul.game-limit .line{
    height: 1px;
    background-color: #3c3c3c;
    margin: 7px 0;
}

.game-room-btn:hover + ul.game-limit {
    display: block;
}


ul.game-limit {
    position: absolute;
    top: 52px;
    right: 8px;
    width: 97%;
    min-width: 300px;
    border: 1px solid #80acb5;
    background: -webkit-linear-gradient( 266deg,rgb(90, 90, 90)0%,rgba(0,0,0,0.8)56%);
    background-origin: border-box;
    background-clip: content-box,border-box;
    border-radius: 5px;
    background-color: #292929;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10;
    display: none;
}

ul.game-limit li.game-limit-title {
    font-weight: bold;
    border-bottom: 1px solid #80acb5;
}
ul.game-limit li.game-limit-title:last-child:after {
    clear: both;
}

ul.game-limit li {
    float: left;
    text-align: center;
    padding: 8px;
    font-size: 0.9em;
    line-height: 17px;
}

ul.game-limit li:nth-child(odd) {
    width: calc(20% - 16px);
}

ul.game-limit li:nth-child(even) {
    width: calc(30% - 16px);
}

/** 일반 **/

.rowroom-wrapper {
    color: #fff;
    margin: 0  auto;
    width: 100%;
    height: 100%;
    position: relative;
}

.row-room {
    display: grid;
    grid-template-columns: 0.65fr 0.35fr;
    grid-template-rows: 2.34fr 0.35fr;
}
.row-room .section-1 .iframe-style .iframe_box {
    position:relative; padding-bottom:58.25%; padding-top:30px; height:0; overflow:hidden;
}


@media screen and (min-height:1081px){
    .row-room {
        display: grid;
        grid-template-columns: 0.65fr 0.35fr;
		}

    .row-room .section-1 .iframe-style .iframe_box {
        position:relative; padding-bottom:60.25%; padding-top:30px; height:0; overflow:hidden;
    }
}

@media screen and (min-height:1081px) and (display-mode: fullscreen) {
		.row-room {
        display: grid;
        grid-template-columns: 0.65fr 0.35fr;
        grid-template-rows: 2.71fr 0.35fr;
    }

    .row-room .section-1 .iframe-style .iframe_box {
        position:relative; padding-bottom:60.25%; padding-top:30px; height:0; overflow:hidden;
    }
}





@media screen and (max-height:1060px){
    .rowroom-wrapper {
        color: #fff;
        margin: 0  auto;
        max-width: 100%;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .row-room {
        display: grid;
        grid-template-columns: 0.65fr 0.35fr;
        grid-template-rows:   0.65fr 0.35fr;
    }
    .row-room .section-1 .iframe-style .iframe_box {
    		/* 1920 * 1080일때 사이즈를 이렇게 맞춰라 */
        position:relative; padding-bottom:51.25%; padding-top:30px; height:0; overflow:hidden;
    }
}

.row-room > div {

}
.row-room .section-1 {
    grid-column: 1/2;
    grid-row: 1;
}
.row-room .section-1 .iframe-style { position: relative; width: 100%; height: 100%;}
.row-room .section-1 .iframe-style .iframe_box iframe, .row-room .section-1 .iframe-style .iframe_box object, .row-room .section-1 .iframe-style .iframe_box embed {
    position:absolute; top:0; left:0; width:100%; height:100%;
}

.row-room .section-1 .iframe-style .btn_box {
    position: absolute;
    bottom: 25px;
    right: 32px;
}

.iframe_btn {
    width:50px;
    height:50px;
    border-radius: 25px;
    padding: 0;
    text-align: center;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.3);
}
.iframe_btn img {
    max-width: 30px;
    margin: 0 auto;
}

.iframe_btn.ibtn1 {background-image: url(../img/frame_icon14.png);background-repeat: no-repeat;background-position: center center;background-size: 60%; }
.iframe_btn.ibtn1.on {background-image: url(../img/frame_icon15.png);background-repeat: no-repeat;background-position: center center;background-size: 60%;  }
.iframe_btn.ibtn2 {background-image: url(../img/frame_icon12.png);background-repeat: no-repeat;background-position: center center;background-size: 70%; }
.iframe_btn.ibtn2.on  {background-image: url(../img/frame_icon13.png);background-repeat: no-repeat;background-position: center center;background-size: 70%; }
.iframe_btn.ibtn3 {background-image: url(../img/frame_icon10.png);background-repeat: no-repeat;background-position: center center;background-size: 75%; }
.iframe_btn.ibtn3.on  {background-image: url(../img/frame_icon11.png);background-repeat: no-repeat;background-position: center center;background-size: 75%; }
.iframe_btn.ibtn4 {background-image: url(../img/frame_icon16.png);background-repeat: no-repeat;background-position: center center;background-size: 60%; }
.iframe_btn.ibtn5 {background-image: url(../img/frame_icon17.png);background-repeat: no-repeat;background-position: center center;background-size: 60%; }

.iframe_btn_mt {
    width: 40px;
    height: 40px;
}


.row-room .section-2 {
    grid-column: 2/3;
    grid-row: 1;
    background: #112422;
}

.row-room .section-2 .game-box {
    position: relative;
    width: 95%;
    height: calc(100% - 60px);
    margin: 15px 15px 0 15px;
    border: 2px solid rgba(255, 255, 255, 0);
    border-radius: 20px;
    background-image: url(../img/room-bg1.png);
    background-position: center center;
    background-size: 100% 100%;
    box-shadow: 0px 1px 5px 2px #043333;
}

.game-box .bet_box1 { width: 100%;}
.game-box .bet_box1:after {
    display: block;
    content: "";
    clear: both;
}
.game-box .bet_box1 .game_box_title {
    float: left;
    padding: 15px;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1.7em;
}
.game-box .bet_box1 .game_box_title span {
    font-size: 0.7em
}
.game-box .bet_box1 .game_box_img {
    float: right;
    padding: 15px;
}

@media screen and (min-height:1060px){
    .game-box .bet_box1 .game_box_title {
        padding: 30px 15px;
    }
    .game-box .bet_box1 .game_box_img {
        padding: 30px 15px;
    }
}

@media screen and (min-height:1081px){
    .game-box .bet_box1 .game_box_title {
        padding: 40px 15px;
    }
    .game-box .bet_box1 .game_box_img {
        padding: 40px 15px;
    }
}

.game-box .bet_box2 {
    width: calc(100% - 30px);
    margin: 0 10px;
    padding: 15px 5px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    text-align: center;
    display: flex;
    justify-content: space-between;
}

.game-box .bet_box2 div {
    float: left;
    width: 33%;
    font-size: 0.9em;
    cursor: pointer;
    text-align: center;
    padding: 0 2%;
}
.game-box .bet_box2 .betmoney1 {
    width: 36%;
    text-align: left;
    padding-left: 2%;
}
.game-box .bet_box2 .betmoney2 {
    width: 32%;
}
.game-box .bet_box2 .betmoney3 {
    width: 32%;
    text-align: right;
    padding-right : 2%;
}

.game-box .bet_box2:after {
    display: block;
    content: "";
    clear: both;
}

.game-box .bet_box2  ul.game-limit {
    top: 175px;
    left: 10px;
}
.game-box .bet_box2.limitover:hover > ul.game-limit { display: block; }


.game-box .bet_box2_dr {
    width: calc(100% - 30px);
    margin: 0 10px;
    padding: 15px 5px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    text-align: center;
}

.game-box .bet_box2_dr div {
    float: left;
    width: 50%;
    font-size: 0.9em;
    cursor: pointer;
}

.game-box .bet_box2_dr:after {
    display: block;
    content: "";
    clear: both;
}

.game-box .bet_box2_dr  ul.game-limit {
    top: 115px;
    left: 10px;
}
.game-box .bet_box2_dr.limitover:hover > ul.game-limit { display: block; }


.bet_box3 {
    margin: 20px; text-align: center;
    text-shadow: 2px 2px 5px rgb(0, 0, 0);
    /* background : url('../img/room_line.png')  no-repeat  center center /100%; */
    position: relative;
}
.m_cont10 {
    background: #3b3e47;
}

.bet_box3 .on  {
    background: rgba(0, 0, 0, 0.3);
}

.bet_box3 .box1:hover, .bet_box3 .box2:hover, .bet_box3 .box3:hover, .bet_box3 .box4:hover, .bet_box3 .box5:hover,
.bet_box3 .box1.selected, .bet_box3 .box2.selected, .bet_box3 .box3.selected, .bet_box3 .box4.selected, .bet_box3 .box5.selected {
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.bet_box3 .box_title {
    font-size: 2em;
    font-weight: bold;
    color: #e0b775;
}
.bet_box3 .box_cont1 { padding: 10px 0; }
.bet_box3 .box_cont2 {
    font-size: 1.5em;
    color: #dddcdc;
}
.bet_box3 .box1, .bet_box3 .box2, .bet_box3 .box3{
    width: 32%;
    float: left;
    height: 90px;
    padding: 10px 0;
}

.bet_box3 .box2 { width: 36%}

.bet_box3 .box4, .bet_box3 .box5{
    width: 50%;
    height: 90px;
    padding: 10px 0;
    float: left;
}

.bet_box3 .box1{
	  width: calc(32% - 2px);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.bet_box3 .box2{
    width: calc(36% - 2px);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.bet_box3 .box3{
    width: 32%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.bet_box3 .box4{
    width: calc(50% - 2px);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.bet_box3:after {
    display: block;
    content: "";
    clear: both;
}



.bet_box3_dr {
    margin: 15px; text-align: center;
    text-shadow: 2px 2px 5px rgb(0, 0, 0);
    background: url(../img/room_line_dt2dac.png?v=21) no-repeat center center /100%;
    position: relative;
}

.bet_box3_dr .on  {
    background: rgba(0, 0, 0, 0.3);
}

.bet_box3_dr .box1:hover, .bet_box3_dr .box2:hover, .bet_box3_dr .box3:hover {
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.bet_box3_dr .box_title {
    font-size: 2em;
    font-weight: bold;
    color: #e0b775;
    margin-top: 30px;
}
.bet_box3_dr .box_cont1 { padding: 20px 0; }
.bet_box3_dr .box_cont2 {
    font-size: 1.5em;
    color: #dddcdc;
}

.bet_box3_dr .box1, .bet_box3_dr .box2, .bet_box3_dr .box3{
    width: calc(33.33% - 1px);
    float: left;
    height: 200px;
    padding: 10px 0;
}
.bet_box3_dr .box1:after, .bet_box3_dr .box2:after {
    /*content:"";
    display: block;
    width: 60px;
    border-right: 1px solid #fff;*/
}
.bet_box3_dr .box3 { border-right: 0;}
.bet_box3_dr:after {
    display: block;
    content: "";
    clear: both;
}

.game-box .bet_box3:after {
    display: block;
    content: "";
    clear: both;
}

.game-box .bet_box4 {
    width: calc(100% - 30px);
    margin: 3px 10px;
    padding: 14px 5px;
    border-radius: 5px;
    text-align: center;
    background :rgba(0, 0, 0, 0.2);
    background-image: url('../img/box_line.png');
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    justify-content: space-between;
}

.game-box .bet_box4 div {
    float: left;
    width: 25%;
    padding: 0 2%;
    font-size: 1em;
    text-align: left;
}

.game-box .bet_box4 div:nth-child(even) {
    text-align: right;
}

.game-box .bet_box4:after {
    display: block;
    content: "";
    clear: both;
}

.game-box .bet_box5 {
    width: calc(100% - 20px);
    margin: 10px;
    position: relative;
}

@media screen and (min-height:1060px){
    .game-box .bet_box5 {
        margin: 30px 15px;
    }
}
@media screen and (min-height:1081px){
    .game-box .bet_box5 {
        margin: 40px 15px;
    }
}

.game-box .bet_box5:after {
    display: block;
    content: "";
    clear: both;
}

.game-box .bet_box5 .swiper {
    max-width: 470px;
    width: calc(100% - 54px);
}

.game-box .bet_box5 input {
    width: 0;
    height: 0;
    display: none;
}

.game-box .bet_box6 {
    width: 100%;
    margin-bottom: -20px;
    text-align: center;
}

.row-room .section-2 .msg_box {
    background: url(../img/icon-speaker1.png) no-repeat 20px;
    padding: 10px 25px 0 50px;
    min-width: calc(100% - 75px);
    color: #ffffff;
    line-height: 25px;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    color: #aeae9b;
    text-shadow: 1px 3px 10px rgb(0, 0, 0);
    float: left;
    bottom: 20px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left:0}
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 0;}

.bet_btn {
    font-size: 18px;
    padding: 0.4em 0.8em 0.4em 0.2em;
    text-shadow: 2px 2px 5px rgb(0, 0, 0);
    font-weight: bold;
    height: 55px;
    background: linear-gradient(#4f4f52, #363839 60%, #0f1012);
    color: #fff;
    border: 1px solid #3e4247;
    border-radius: 5px;
    /*padding: 0.4em 3.5em 0.4em 3.5em !important;*/
}

.bet_btn2 {
    color: #ffffff;
    font-size: 20px;
    padding: 0.4em 2.5em 0.4em 1.5em;

}
.bet_btn2:hover:enabled {
    color: #ffffff;
}
.bet_btn:active:enabled, .bet_btn:hover:enabled {
    background: linear-gradient(#0f1012, #363839 60%, #4f4f52);
}

.bet_btn2 img { max-width: 40px; }

.bet_btn img { max-width: 35px;     margin-top: -5px;}

.row-room .section-3 {
    grid-column: 1/3;
    grid-row:2;
    position: relative;
}

.row-room .section-3 .result_show {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9;
    text-shadow: 0px 3px 11px rgb(0, 0, 0);
}

.row-room .section-3 .result_show .show_box {
    display: grid;
    grid-template-columns: 40% 20% 40%;
}

.row-room .section-3 .result_show .show_box .show_box1 { padding: 30px; }
.row-room .section-3 .result_show .show_box .show_box1 h1 {width: 100%; text-align: left; font-size: 4em; color: #248dff;}
.row-room .section-3 .result_show .show_box .show_box1 .show_box1_1 {
    display: grid;
    grid-template-columns: 40% 30% 30%;
}

.row-room .section-3 .result_show .show_box .show_box1 .show_box1_1 .card-grid:nth-child(1) img {
    transform: rotate(90deg);
}

.row-room .section-3 .result_show .show_box  .card-grid {text-align: center;}
.row-room .section-3 .result_show .show_box  .card-grid img {
    width: 65%; max-width: 130px;
    -webkit-box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87);
    box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87)
}
.row-room .section-3 .result_show .show_box .show_box2 .result_img {
    position: relative;
    top: -80px;
    margin: 0 auto;
    max-width: 200px;
}
.row-room .section-3 .result_show .show_box .show_box2 .result_img span{
    position: absolute;
    top: 50px;
    font-size: 2em;
    width: 100%;
    lefT: 0;
    text-align: center;
    font-weight: bold;
}
.row-room .section-3 .result_show .show_box .show_box2 .show_box2_1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: minmax(50px, auto);
    background: url(../img/score_board.png) no-repeat center center / 100% auto;
}
.row-room .section-3 .result_show .show_box .show_box2 .show_box2_1.dt {
    background: url(../img/score_board8.png) no-repeat center center / 100% auto;
}

.row-room .section-3 .result_show .show_box .show_box3 { padding: 30px; }
.row-room .section-3 .result_show .show_box .show_box3 h1 {width: 100%; text-align: right; font-size: 4em; color: #ff403f;}
.row-room .section-3 .result_show .show_box .show_box3 .show_box3_1 {
    display: grid;
    grid-template-columns: 30% 30% 40%;
}

.row-room .section-3 .result_show .show_box .show_box3 .show_box3_1 .card-grid:nth-child(3) img {
    transform: rotate(90deg);
}
.row-room .section-3 .result_show .show_box .show_box2 .show_box2_1 {
    font-size: 2em;
    line-height: 2em;
    font-weight: bold;
}
.row-room .section-3 .result_show .show_box .show_box2 .show_box2_1:nth-child(1) { text-align: left;}
.row-room .section-3 .result_show .show_box .show_box2 .show_box2_1:nth-child(2) { text-align: center;}
.row-room .section-3 .result_show .show_box .show_box2 .show_box2_1:nth-child(3) { text-align: center;}
.row-room .section-3 .result_show .show_box .show_box2 .show_box2_1:nth-child(4) { text-align: right;}

.row-room .section-2 .result_show_m {
    display: none;
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 666;
    text-shadow: 0px 3px 11px rgb(0, 0, 0);
}

.row-room .section-2 .result_show_m .show_box {
    display: grid;
    grid-template-columns: 40% 20% 40%;
}
.row-room .section-2 .result_show_m .show_box .show_box1 .show_box1_1, .row-room .section-2 .result_show_m .show_box .show_box3 .show_box3_1 {
    width: 70%; margin: 0 auto;
}
.row-room .section-2 .result_show_m .show_box .show_box1 { padding: 10px; }
.row-room .section-2 .result_show_m .show_box .show_box1 h1 {width: 100%; text-align: left; font-size: 2em}
.row-room .section-2 .result_show_m .show_box .show_box1 .show_box1_1 {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: repeat(2, minmax(80px, auto));
}

.row-room .section-2 .result_show_m .show_box .show_box1 .show_box1_1 > div:nth-child(1){
    grid-column: 1 /3;
    grid-row: 1;
}

.row-room .section-2 .result_show_m .show_box .show_box1 .show_box1_1 > div:nth-child(2){
    grid-column: 1 /2;
    grid-row: 2;
}

.row-room .section-2 .result_show_m .show_box .show_box1 .show_box1_1 > div:nth-child(3){
    grid-column: 2/3;
    grid-row: 2;
}
.row-room .section-2 .result_show_m .show_box .show_box1 .show_box1_1 .card-grid:nth-child(1) img {
    transform: rotate(90deg);
}

.row-room .section-2 .result_show_m .show_box  .card-grid {text-align: center;}
.row-room .section-2 .result_show_m .show_box  .card-grid img {
    max-width: 50px;
    width: 100%;
    -webkit-box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87);
    box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87)
}
.row-room .section-2 .result_show_m .show_box .show_box2 .result_img {
    position: relative;
    margin: 20px auto;
    max-width: 200px;
}
.row-room .section-2 .result_show_m .show_box .show_box2 .result_img span{
    position: absolute;
    top: 25%;
    font-size: 1.5em;
    width: 100%;
    lefT: 0;
    text-align: center;
    font-weight: bold;
}
.row-room .section-2 .result_show_m .show_box .show_box2 .show_box2_1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: minmax(50px, auto);
    -webkit-box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87);
    box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87);
    border-radius: 3px;
}

.row-room .section-2 .result_show_m .show_box .show_box3 { padding: 10px; }
.row-room .section-2 .result_show_m .show_box .show_box3 h1 {width: 100%; text-align: right; font-size: 2em}
.row-room .section-2 .result_show_m .show_box .show_box3 .show_box3_1 {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: repeat(2, minmax(80px, auto));
}

.row-room .section-2 .result_show_m .show_box .show_box3 .show_box3_1 > div:nth-child(1){
    grid-column: 1 /3;
    grid-row: 1;
}

.row-room .section-2 .result_show_m .show_box .show_box3 .show_box3_1 > div:nth-child(2){
    grid-column: 1 /2;
    grid-row: 2;
}

.row-room .section-2 .result_show_m .show_box .show_box3 .show_box3_1 > div:nth-child(3){
    grid-column: 2/3;
    grid-row: 2;
}
.row-room .section-2 .result_show_m .show_box .show_box3 .show_box3_1 .card-grid:nth-child(1) img {
    transform: rotate(90deg);
}
.row-room .section-2 .result_show_m .show_box .show_box2 .show_box2_1 {
    font-size: 2em;
    line-height: 2em;
    font-weight: bold;
    text-align: center;
}
.row-room .section-2 .result_show_m .show_box .show_box2 .show_box2_1 div:nth-child(1) { color: #2e479c}
.row-room .section-2 .result_show_m .show_box .show_box2 .show_box2_1 div:nth-child(2) { text-align: center;}
.row-room .section-2 .result_show_m .show_box .show_box2 .show_box2_1 div:nth-child(3) { color: #d21e1a;}









.row-room .section-3 .result_area {
    width:80%;
    float: left;
    background: #fff;
}

.row-room .section-3 .table_area {
    width:20%;
    height: 100%;
    position: absolute;
    right:0;
    background: #f0f0f0;
    -webkit-box-shadow: -4px 0px 7px 0px rgba(0,0,0,0.87);
    box-shadow: -4px 0px 7px 0px rgba(0,0,0,0.87);
}

.row-room .section-3 .table_area button {
    cursor: pointer;
}
.row-room .section-3 .table_area .table_box1 {
    padding: 20px 10px 0 13px;
    width: calc(50% - 28px);
    height: calc(100% - 20px);
    float: left;
}

.row-room .section-3 .table_area .table_box1 ul li {
    font-size: 1em;
    font-weight: bold;
    color: #656764;
    padding: 5px 0;
    border-bottom: 1px solid #dbdbdb;
    width: 90px;
}
.row-room .section-3 .table_area .table_box1 ul {width: 85px; float: left;}
.row-room .section-3 .table_area .table_box1 ul li span {
    float: left;
    margin-top: 9px;
    width: 30px;
}
.row-room .section-3 .table_area .table_box1 ul li img {
    float: left;
    width: 30px;
    margin-top:2px;
}

.row-room .section-3 .table_area .table_box1 ul li div {
    float: left;
    width: 55px;
    text-align: right;
    line-height: 35px;
}

.row-room .section-3 .table_area .table_box1 ul li:after {
    display: block;
    content:"";
    clear:both;
}

.row-room .section-3 .table_area .table_box1.dragon ul li {
    padding: 15px 0;
}

.row-room .section-3 .table_area .table_box1 ul li:last-child {
    border-bottom: none;
}

.row-room .section-3 .table_area .table_box1 .table_box_2 {
    float: right;
    width: 40px;
    margin: 0 5px;
}

.row-room .section-3 .table_area .table_box1 .table_box_2 .pbox {
    background: #fff;
    padding: 10px;
    text-align: center;
    margin: 5px 0;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    cursor: pointer;
}

.row-room .section-3 .table_area .table_box1 .table_box_2 .pbox button { margin : 3px auto; }
.row-room .section-3 .table_area .table_box1 .table_box_2 .pbox button:hover {cursor:pointer}

.row-room .section-3 .table_area .table_box3 {
    padding: 25px 0 0 0;
    width: 50%;
    float: left;
    height: calc(100% - 20px);
    -webkit-box-shadow: -3px 0px 4px 0px rgba(0,0,0,0.3);
    box-shadow: -3px 0px 4px 0px rgba(0,0,0,0.3);
}

.row-room .section-3 .table_area .table_box3 .bottom_btn {
    width: 45px;
    float: left;
    text-align: center;
}

.row-room .section-3 .table_area .table_box3 .bottom_btn button {
    line-height: 240px;
}

.row-room .section-3 .table_area .table_box3 .bottom_area {
    float: left;
    margin: 0 20px;
    width: calc(100% - 231px);
}

.row-room .section-3 .table_area .table_box3 .bottom_area .inner1 table {
    width: 100%;
    background: #fff;
    color: #000;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    font-size: 12px; font-weight: bold;
    margin-bottom: 10px;
}

.row-room .section-3 .table_area .table_box3 .bottom_area .inner1 table td { padding: 10px; }
.row-room .section-3 .table_area .table_box3 .bottom_area .inner1 table tr { border-bottom : 1px solid #f2f2f2;}
.row-room .section-3 .table_area .table_box3 .bottom_area .inner1 table tr:last-child { border-bottom : none;}
.row-room .section-3 .table_area .table_box3 .bottom_area .inner1 table tr td:nth-child(odd) {width: 35%;}
.row-room .section-3 .table_area .table_box3 .bottom_area .inner1 table tr td:nth-child(even) {width: 65%; text-align: right;}

.row-room .section-3 .table_area .table_box3 .bottom_area .inner1 .inner_txt1{
    color: #2e479c;
}

.row-room .section-3 .table_area .table_box3 .bottom_area .inner1 .inner_txt2{
    color: #d21e1a;
}

.row-room .section-3 .table_area .table_box3 > ul  {
    float: right;
    margin-right: 12px;
    text-align: center;
}

.row-room .section-3 .table_area .table_box3 > ul li {
    margin: 5px auto;
}
.row-room .section-3 .table_area .table_box3 > ul li:nth-child(1) { margin: 0 auto 5px auto;}
.row-room .section-3 .table_area .table_box3 > ul li button {
    font-size: 11px;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    width: 55px;
    height: 47px;
    color: #464646;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    font-weight: 700;
}

.row-room .section-3 .table_area .table_box3 > ul li button img {
    width: 22px;opacity: 0.8;padding-bottom: 2px;
}

.row-room .section-3 .table_area:after {
    display: block;
    content:"";
    clear:both;
}
.pbtn1 {
    width: 20px; height: 20px;
    background: #2e479c;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
}
.pbtn1:after {
    content: "P";
}

.tdbtn1 {
    width: 20px; height: 20px;
    background: #2e479c;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
}

.tdbtn2 {
    width: 20px; height: 20px;
    background: #d21e1a;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
}


.future-blue {
    width: 20px; /* 너비를 24px로 설정 */
    height: 20px; /* 높이를 24px로 설정 */
    border-radius: 12px; /* 원을 만들기 위해 절반 크기로 설정 */
    background-color: #dcdcdc; /* 배경 색상 */
    border: 3px solid #0039ff; /* 테두리 색상과 두께 */
}
.future-blue-circle {
    width: 20px; height: 20px; border-radius: 12px;
    background: #0039ff;
}
.future-blue-slash {
    width: 20px; height: 20px; border-radius: 12px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="%230039ff" stroke-width="3"/></svg>');
}

.bbtn1 {
    width: 20px; height: 20px;
    background: #d21e1a;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
}
.bbtn1:after {
    content: "B";
}
.future-none {
    width: 16px;
    height: 16px;
    background: none;
}
.future-red {
    width: 20px; height: 20px;
    border-radius: 12px;
    background: #dcdcdc;
    border: 3px solid #e10c0c;
}
.future-red-circle {
    width: 20px; height: 20px; border-radius: 12px;
    background: #e10c0c;
}
.future-red-slash {
    width: 20px; height: 20px; border-radius: 12px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="%23e10c0c" stroke-width="3"/></svg>');
}

.pbtn01 {
    width: 25px;
    height: 25px;
    background: #004fc5;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
}
.pbtn01:after {
    content: "P";
}
.pbtn01 {
    width: 25px;
    height: 25px;
}
.bbtn01 {
    width: 25px;
    height: 25px;
    background: #d1261a;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
}
.bbtn01:after {
    content: "B";
}
.tbtn01 {
    width: 25px;
    height: 25px;
    background: #3fb042;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
}
.tbtn01:after {
    content: "T";
}

.drbtn01 {
    width: 25px;
    height: 25px;
    background: #004fc5;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
}
.drbtn01:after {
    content: "Dr";
}
.trbtn01 {
    width: 25px;
    height: 25px;
    background: #d1261a;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
}
.trbtn01:after {
    content: "Tr";
}

.player_btn { width: 100%; padding: 7px 15px; font-style: italic; font-weight: bold; color: #fff; margin: 5px auto; font-size: 25px;
    background: #233573;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #2b4290, #233573, #1c2955);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #2b4290, #233573, #1c2955);
    border-radius: 7px

}

.banker_btn { width: 100%; padding: 7px 15px; font-style: italic; font-weight: bold; color: #fff; margin: 5px auto; font-size: 25px;
    background: #b0302f;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #dc4441, #b0302f, #6f1419);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #dc4441, #b0302f, #6f1419);
    border-radius: 7px;
}

.player_btn:hover, .banker_btn:hover {cursor: pointer;}
.places .target-1 {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
}

.places .target-2 {
    grid-column: 2 / 4;
    grid-row: 1;
}

.places .target-3 {
    grid-column: 2 / 4;
    grid-row: 2;
}

.places .target-4 {
    grid-column: 2 / 3;
    grid-row: 3;
}

.places .target-5 {
    grid-column: 3 / 4;
    grid-row: 3;
}

.places ul {
    width: 100%;
    height: 100%;
}
.places ul> li:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.places ul li {
    float: left;
    border: 1px solid #9a9a9a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.places .target-1 ul > li {
    width: calc(100% / 12);
}

.places .target-2 ul > li {
    width: calc(100% / 34);
}
.places .target-2 ul > li:last-child:after {
    clear: both;
    content: '';
    display: block;
}
.places .target-3 ul > li {
    width: calc(100% / 68);
}

.places .target-4 ul > li {
    width: calc(100% / 34);
}

.places .target-5 ul > li {
    width: calc(100% / 34);
}

.places canvas { width: 100%;}
/*

#counter {
    position: absolute;
    top: 25px;
    right: 39px;
    width: 10vw;
    height: 10vw;
    border-radius: 70px;
    border: 3px solid #cbc9c5;
}

#counter .controlls {
    position: absolute;
    top: 20%;
    width: 100%;
    text-align: center;
    color: #000;
}

#counter .controlls span {
    text-align: center;
    font-weight: bold;
    font-size: 1em;
}

!*시간표시*!
#counter .display-remain-time {
    font-weight: bold;
    font-size: 3.5em;
    color: #e94e3b;
}

!*카운터 안쪽 동그라미 *!
#counter .e-c-base {
    fill: #fff;
    stroke: #000;
    stroke-width: 20px
}

!*카운터 바깥 동그라미 *!
#counter .e-c-progress {
    fill: none;
    stroke : #e94e3b;
    stroke-width: 20px;
    transition: stroke-dashoffset 0.7s;
    stroke-linecap: round;
}
*/


.time_counter {
    position: absolute;
    top: 5.5%;
    right: 4%;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background: transparent;
}

.time_counter.w60 {
    width: 60px; height: 60px;top: 15px; right: 15px;
}

.base-timer {
    position: relative;
    width: 100%;
    height: 100%;
}

.base-timer__svg {
    transform: scaleX(-1.2) scaleY(1.2);
}

.base-timer__circle {
    fill: none;
    stroke: none;
}

.base-timer__path-elapsed {
    stroke-width: 10px;
    stroke: #363535;
}

.base-timer__path-remaining {
    stroke-width: 10px;
    stroke-linecap: unset;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
    -webkit-transform-origin: center;
}

.base-timer__path-remaining.rounded {
    stroke-linecap: round !important;
}

.base-timer__path-remaining.green {
    stroke: #429321;
}

.base-timer__path-remaining.orange {
    stroke: #ea4b39;
}

.base-timer__path-remaining.red {
    stroke: #c22c1c;
}

.base-timer__label {
    position: absolute;
    top: 12px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 52px;
    color: #ffffff;
    font-weight: bold;
    /* transition: 1s linear all; */
}
.base-timer__sec {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-size: 8pt;
    font-weight: bold;
    transition: 1s linear all;
}

.base-timer__label.green,
.base-timer__sec.green {
    color: #ffffff;
}

.base-timer__label.orange,
.base-timer__sec.orange {
    color: #ea4b39;
}

.base-timer__label.red,
.base-timer__sec.red {
    color: #c22c1c;
}

.w60 .base-timer__label {
    top: 15%;
    font-size: 2.2em;
}
.w60 .base-timer__sec {
    bottom: 9px;
}

.i-icon {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    color:#fff;
    font-weight: bold;
    font-size: 1.5em;
    display: block;
    text-align: center;
    line-height: 1em;
    position: absolute;
    left:50%;
    top: 50%;
    transform:translate(-50%, -50%);
}

.p-out-icon {
    background: url(../img/icon-player.png) no-repeat center center / 90%;
}

.t-out-icon {
    background: url(../img/icon-tie.png) no-repeat center center / 90%;
}

.b-out-icon {
    background: url(../img/icon-banker.png) no-repeat center center / 90%;
}

.tg-out-icon {
    background: url(../img/icon-tiger.png) no-repeat center center / 90%;
}

.dg-out-icon {
    background: url(../img/icon-dragon.png) no-repeat center center / 90%;
}

.hr-sect {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: rgba(0, 0, 0, 0.35);
    font-size: 12px;
    margin: 8px 0px;
    font-style: italic;
    font-weight: bold;
}
.hr-sect::before,
.hr-sect::after {
    content: "";
    flex-grow: 1;
    background: rgba(0, 0, 0, 0.35);
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 16px;
}

/* IE */
div {
  -ms-overflow-style: none;
}

/* chrome etc */
div::-webkit-scrollbar {
    display: none !important;
}

.slc_room {
    display: none;
    position: absolute;
    top:0;
    right: 0;
    width: 35%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99;
}

.slc_room .slc_room_title {
    padding: 9px;
    font-size: 1.0em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #1b1b20;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #383743, #24252a, #1b1e1f);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #383743, #24252a, #1b1e1f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    position: absolute;
    width: calc(100% - 30px) ;
}

.slc_room .slc_room_title button {
    position: absolute;
    right: 15px;
    top: 5px;
}
.slc_room .logos { margin-top: 60px}
.slc_room .logos ul {
    padding: 10px;
}
.slc_room .logos li {
    width: calc(33.33% - 40px);
    margin: 10px 5px;
    float: left;
    padding: 15px;
    border-radius: 3px;
    background:#1a191e;
    text-align: center;
    color : #fff;
}
.slc_room .logos li.on {
    box-shadow: 0 0 3px 3px rgb(128, 172, 181);
}

.slc_room .logos li:hover {
    box-shadow: 0 0 3px 3px rgb(128, 172, 181);
    cursor: pointer;
}

.slc_room .logos ul:after {
    display: block;
    content:"";
    clear:both;
}
.slc_room .game_list {
    height: calc(100% - 120px);
    overflow-y: auto;
}
.slc_room .game_list.nomulti{
    height: calc(100% - 60px);
    margin-top: 60px;
}

#room_menu {display: block;}
#room_menu_m {display: none; width: 100%; margin: 10px auto 0 auto;     -webkit-box-shadow: -3px 0px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -3px 0px 4px 0px rgba(0, 0, 0, 0.3);}
#room_menu_m > ul { width: 100%; display: table;}
#room_menu_m > ul>  li {
    display: table-cell;
    float: left;
    width: 16%;
    margin: 10px  auto;
    padding: 0 2%;
    text-align: center;
}
#room_menu_m > ul >  li:last-child:after {
    clear: both;;
    content: '';
    display: block;
}
.mmenu img{
	width: 50%;
  opacity: 0.5;
}

/**일반 설정 **/

ul.pg4_config {
    position: absolute;
    top: 25px;
    right: 85px;
    min-width: 150px;
    min-height: 180px;
    cursor: auto;
    border: 1px solid #555564;
    background-image: linear-gradient(#33383d,#2d2d2d),linear-gradient(0deg,rgba(149, 149, 149, 0.52),#fffbf5 51%,hsl(0deg 0% 100% / 40%));
    background-origin: border-box;
    background-clip: content-box,border-box;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.54);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.54);
    background-color: #292929;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10;
    display: none;
}

ul.pg4_config li:first-child {
    padding: 8px 12px 4px;
}
ul.pg4_config li {
    text-align: left!important;
    padding: 8px 12px;
    font-size: 1em;
    line-height: 17px;
    cursor: pointer;
}

ul.pg4_config li:hover {
    background-color: #454545;
}
ul.pg4_config li.menu-title {
    text-align: left;
    font-size: 1.2em;
    padding-left: 10px;
    color: #fff;
    font-weight: bold;
}
ul.pg4_config li.menu-title:hover {
    background-color: #0000;
    cursor: auto;
}

ul.pg4_config li:hover {
    background: #20201f;
}
ul.pg4_config li:last-child {
    border-bottom: none;
}
ul.pg4_config li a {
    display: block;
    text-align: center;
}

ul.pg4_config li a:hover { cursor : pointer}

ul.pg4_config .line , ul.game-limit .line{
    height: 1px;
    background-color: #3c3c3c;
    margin: 7px 0;
}

#config:hover + ul.pg4_config {display: block; }
/**mobile **/
ul.pg4_config_m {
    position: absolute;
    top: 60px;
    left: 5%;
    min-width: 150px;
    min-height: 145px;
    cursor: auto;
    border: 1px solid #555564;
    background-image: linear-gradient(#33383d,#2d2d2d),linear-gradient(0deg,rgba(149, 149, 149, 0.52),#fffbf5 51%,hsl(0deg 0% 100% / 40%));
    background-origin: border-box;
    background-clip: content-box,border-box;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.54);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.54);
    background-color: #292929;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10;
    display: none;
}

ul.pg4_config_m li:first-child {
    padding: 8px 12px 4px;
}
ul.pg4_config_m li {
    text-align: left!important;
    padding: 8px 12px;
    font-size: 1em;
    line-height: 17px;
    cursor: pointer;
}

ul.pg4_config_m li:hover {
    background-color: #454545;
}
ul.pg4_config_m li.menu-title {
    text-align: left;
    font-size: 1.2em;
    padding-left: 10px;
    color: #fff;
    font-weight: bold;
}
ul.pg4_config_m li.menu-title:hover {
    background-color: #0000;
    cursor: auto;
}

ul.pg4_config_m li:hover {
    background: #20201f;
}
ul.pg4_config_m li:last-child {
    border-bottom: none;
}
ul.pg4_config_m li a {
    display: block;
    text-align: center;
}

ul.pg4_config_m li a:hover { cursor : pointer}

ul.pg4_config_m .line  {
    height: 1px;
    background-color: #3c3c3c;
    margin: 7px 0;
}

/**
멀티
 */
.multi-wrapper {
    color: #fff;
    margin: 0 auto;
    padding: 10px;
    max-width: 1800px;
    width: calc(100% - 20px);
    min-width: 1200px;
}

.multi-wrapper .m_contents {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 5px;
    height: calc(100vh - 180px);
}

.multi-wrapper .m_contents .m_inner {
    margin: 0 10px;
    position: relative;
}

.multi-wrapper .m_contents .m_inner:hover,
.multi-wrapper .m_contents .m_inner.selected {
    box-shadow: 0 0 3px 3px rgb(128, 172, 181);
    position: relative;
}

.multi-wrapper .m_contents .m_inner:nth-child(1) {
    grid-column: 1 / 2;
}

.multi-wrapper .m_contents .m_inner:nth-child(2) {
    grid-column: 2 / 3;
}

.multi-wrapper .m_contents .m_inner:nth-child(3) {
    grid-column: 3 / 4;
}

.multi-wrapper .m_contents .m_inner:nth-child(3):after {
    clear:both;
    content: '';
    display: block;
}

.multi-wrapper .m_contents .m_inner {
    border-radius: 5px;
    background: #17181d;
    background: -webkit-linear-gradient(
            330deg,rgb(23, 24, 29)25%,rgba(50, 50, 50, 0.4)100%);
    background: linear-gradient(to bottom, #17181d, #323232);
    box-shadow: 0 0 1px 1px #5a5a69;
}

.multi-wrapper .m_contents .m_inner .slc_room {
    display: block;
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.multi-wrapper .m_contents .m_inner .add_rooms {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.multi-wrapper .m_contents .m_inner .add_rooms .add_cont {
    width: 100%;
    height: 100%;
    background: #3b3e47 url("../img/add_icon.png") no-repeat center 200px;
    text-align: center;
    transition: all 0.2s linear;
}

.multi-wrapper .m_contents .m_inner .add_rooms .add_cont:hover {
    cursor: pointer;
    transform: scale(1.1);
}
.multi-wrapper .m_contents .m_inner .add_rooms .add_cont .add_msg {
    position: relative;
    top: 430px;
    font-size: 2em;
}
.multi-wrapper .m_contents .m_inner .game_list .game-limit {
    top: 50px;
    right: 0;
    width: 98%;
    margin: 0 1%;
}
.multi-wrapper .m_cont1 {
    display: grid;
    grid-template-columns: 15% 65% 20%;
    align-items: center;
    background: #484b5a;
    height: 57px;
    border-radius: 3px 3px 0 0;
}

.multi-wrapper .m_cont1 > div {
    padding: 5px;
}
.multi-wrapper .m_cont1 div:nth-child(1) {
    grid-column: 1 / 2;
    text-align: left;
}

.multi-wrapper .m_cont1 div:nth-child(2) {
    grid-column: 2 / 3;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.5em;
}

.multi-wrapper .m_cont1 div:nth-child(2)  span {
    font-size: 0.8em;
}

.multi-wrapper .m_cont1 div:nth-child(3) {
    grid-column: 3 / 4;
    text-align: right;
}

.multi-wrapper .m_cont2 {
    width: calc(100% - 10px);
    padding: 20px 5px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    line-height:1px;
    position: relative;
}

.multi-wrapper .m_cont2 ul.game-limit {
    top: 39px;
    right: 0;
    width: 98%;
    margin: 0 1%;
}

.multi-wrapper .m_cont2:hover > ul.game-limit {
    display: block;
}

.multi-wrapper .m_cont2 div {
    float: left;
    width: 33.33%;
    font-size: 0.9em;
    cursor: pointer;
}

.multi-wrapper .m_cont2 div:last-child:after {
    clear:both;
    content: '';
    display: block;
}
.multi-wrapper .m_cont2_dr {
    width: calc(100% - 10px);
    padding: 20px 5px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    line-height:1px;
    position: relative;
}

.multi-wrapper .m_cont2_dr ul.game-limit {
    top: 39px;
    right: 0;
    width: 98%;
    margin: 0 1%;
}

.multi-wrapper .m_cont2_dr:hover > ul.game-limit {
    display: block;
}

.multi-wrapper .m_cont3 {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.multi-wrapper .m_cont3 .iframe_box {
    position: relative;
    padding-bottom: 61%;
    height: 0;
}
.multi-wrapper .m_cont3 .iframe_box iframe{
    position: absolute;
}
.multi-wrapper .m_cont3 .btn_box {
    position: absolute;
    bottom: 10px;
    right : 10px;
    z-index: 10;
}

.multi-wrapper .m_cont4 .msg_box {
    width: calc( 60% - 55px);
    float: left;
    background :  rgba(8, 8, 8, 0.6) url(../img/icon-speaker1.png)  no-repeat  10px;
    padding: 8px 19px  5px 35px;
}

.multi-wrapper .m_cont4 .m_prices {
    width:  calc(40% - 10px);
    float: left;
    background :  #2d2e30 url(../img/icon_m1.png)  no-repeat  10px / 20px;
    padding: 8px 10px 8px 0;
    text-align: right;
    color: #e0b775;
}

.multi-wrapper .m_cont4:after {
    clear: both;
    content: '';
    display: block;
}

.multi-wrapper .m_cont4 marquee {
    width: 100%;
    color: #ffffff;
}

.multi-wrapper .m_cont5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    background: #3b3e47;
    position:relative;
}

.multi-wrapper .bet_table1 {
    /*display: none;*/
}

.multi-wrapper .bet_table1 .gameDisable p {
    padding: 3%;
}

.multi-wrapper .bet_table2 {
    display: none;
    margin: 0;
}

.multi-wrapper .m_cont5 .m_bet_box {
    padding: 8px;
    text-align: center;
    text-shadow: 2px 2px 5px rgb(0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.multi-wrapper .m_cont5 .m_bet_box:last-child {
    border-right: 0;
}
.multi-wrapper .m_cont5 .m_bet_box .box_title {
    font-size: 1.5em;
    font-weight: bold;
    color: #e0b775;
}

.multi-wrapper .m_cont5 .m_bet_box .box_cont1 {
    padding: 5px 0;
    font-size: 0.8em;
}

.multi-wrapper .m_cont5 .m_bet_box .box_cont2 {
    color: #dddcdc;
    font-size: 1.3em;
}

.multi-wrapper .m_cont5 .m_bet_box:hover,
.multi-wrapper .m_cont5 .m_bet_box.selected {
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}
.multi-wrapper .m_cont5 .m_bet_box.on {
    background: rgba(0, 0, 0, 0.3);
}


.multi-wrapper .m_cont2_dr {
    width: calc(100% - 10px);
    padding: 20px 5px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    line-height:1px;
    position: relative;
}

.multi-wrapper .m_cont2_dr div {
    float: left;
    width: 50%;
    font-size: 0.9em;
    cursor: pointer;
}

.multi-wrapper .m_cont2_dr div:last-child:after {
    clear:both;
    content: '';
    display: block;
}


.multi-wrapper .m_cont4_dr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
}

.multi-wrapper .m_cont4_dr > div:nth-child(1) {
    grid-column: 1/3;
}

.multi-wrapper .m_cont4_dr > div:nth-child(2) {
    grid-column: 3/4;
}

.multi-wrapper .m_cont4_dr .msg_box {
    background :  rgba(8, 8, 8, 0.6) url(../img/icon-speaker1.png)  no-repeat  10px;
    padding: 8px 19px  5px 35px;
}

.multi-wrapper .m_cont4_dr .m_prices {
    background :  #2d2e30 url(../img/icon_m1.png)  no-repeat  10px / 20px;
    padding: 8px 10px 8px 0;
    text-align: right;
    color: #e0b775;
}

.multi-wrapper .m_cont4_dr:after {
    clear: both;
    content: '';
    display: block;
}

.multi-wrapper .m_cont4_dr marquee {
    width: 100%;
    color: #ffffff;
}


.multi-wrapper .m_cont5_dr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    position: relative;
    background: #3b3e47;
}
.multi-wrapper .bet_table3 {
    display: none;
    margin: 0;
}


.multi-wrapper .m_cont5_dr .m_bet_box {
    padding: 8px 0;
    text-align: center;
    text-shadow: 2px 2px 5px rgb(0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.multi-wrapper .m_cont5_dr .mbox10 {
    padding: 64px 0;
    text-align: center;
    text-shadow: 2px 2px 5px rgb(0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.multi-wrapper .m_cont5_dr .m_bet_box:last-child {
    border-right: 0;
}
.multi-wrapper .m_cont5_dr .m_bet_box .box_title {
    font-size: 1.5em;
    font-weight: bold;
    color: #e0b775;
}
.multi-wrapper .m_cont5_dr .mbox10 .box_title {
    font-size: 2em;

}

.multi-wrapper .m_cont5_dr .m_bet_box .box_cont1 {
    padding: 5px 0;
    font-size: 0.8em;
}
.multi-wrapper .m_cont5_dr .mbox10 .box_cont1 {
    padding: 10px 0;
    font-size: 1em;
}

.multi-wrapper .m_cont5_dr .m_bet_box .box_cont2 {
    color: #dddcdc;
    font-size: 1.3em;
}
.multi-wrapper .m_cont5_dr .mbox10 .box_cont2 {
    color: #dddcdc;
    font-size: 1.5em;
}

.multi-wrapper .m_cont5_dr .m_bet_box:hover,
.multi-wrapper .m_cont5_dr .m_bet_box.selected {
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}
.multi-wrapper .m_cont5_dr .m_bet_box.on {
    background: rgba(0, 0, 0, 0.3);
}

/*.multi-wrapper .m_cont5_dr .gameDisable p { padding: 3%}*/

.multi-wrapper .m_cont6 {
    width: 100%;
    text-align: center;
    background: #3b3e47;
    padding: 5px 0;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
}

.multi-wrapper .m_cont6 .bet_btn {
    font-size: 15px;
    padding: 5px 23px;
    height: 45px;
}

.multi-wrapper .m_cont6 .bet_btn2 {
    font-size: 15px;
    padding: 5px 50px 5px 40px;
}

.multi-wrapper .m_cont7 {
    background: #f0f0f0;
    display: grid;
    grid-template-columns: 70% 30%;
    max-height: 202px;
}

.multi-wrapper .m_cont7 .bet_result  ul > li {
    width: calc(100% / 12);
}

.multi-wrapper .m_cont7 .bet_result .places { display: block; width: 100%;}

.multi-wrapper .m_cont7 .m_cho_btn {
    padding: 15px 10px;
}

.multi-wrapper .m_cont7 .m_cho_btn .hr-sect {
    font-size: 10px;
}

.multi-wrapper .m_cont7 .m_cho_btn .hr-sect::before,
.multi-wrapper .m_cont7 .m_cho_btn .hr-sect::after {
    margin: 0 9px;
}
.multi-wrapper .m_cont7 .result_pad1:hover, .multi-wrapper .m_cont7 .result_pad2:hover {cursor: pointer}
.multi-wrapper .m_cont7 .result_pad2 { display: none; }

.multi-wrapper .m_cont7 .table_box1 {
    padding: 5px 10px;
    width: calc(100% - 10px);
    float: left;
}

.multi-wrapper .m_cont7 .table_box1 ul li {
    font-size: 1em;
    font-weight: bold;
    color: #656764;
    padding: 5px 0;
    border-bottom: 1px solid #dbdbdb;
}
.multi-wrapper .m_cont7 .table_box1 ul {width: 60%; float: left;}
.multi-wrapper .m_cont7 .table_box1 ul li span {
    float: left;
    width: 30px;
    margin-top:0px;
}
.multi-wrapper .m_cont7 .table_box1 ul li div.total {
    width: calc(100% - 30px);
}
.multi-wrapper .m_cont7 .table_box1 ul li img {
    float: left;
    width: 20px;
    margin-top:0;
}

.multi-wrapper .m_cont7 .table_box1 ul li div {
    float: left;
    width: calc(100% - 20px);
    text-align: right;
}

.multi-wrapper .m_cont7 .table_box1 ul li:after {
    display: block;
    content:"";
    clear:both;
}

.multi-wrapper .m_cont7 .table_box1.dragon ul li {
    padding: 15px 0;
}

.multi-wrapper .m_cont7 .table_box1 ul li:last-child {
    border-bottom: none;
}

.multi-wrapper .m_cont7 .table_box1 .table_box_2 {
    float: left;
    width: calc(40% - 20px);
    margin: 0 10px;
}

.multi-wrapper .m_cont7 .table_box1 .table_box_2 .pbox {
    background: #fff;
    padding: 3px 3px;
    text-align: center;
    margin: 3px 0;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    cursor: pointer;
}

.multi-wrapper .m_cont7 .table_box1 .table_box_2 .pbox button { margin : 1px 0px; }
.multi-wrapper .m_cont7 .table_box1 .table_box_2 .pbox button:hover {cursor:pointer}

.multi-wrapper .m_cont7 .table_box1_dr {
    padding: 5px 10px;
    width: calc(100% - 10px);
    float: left;
}

.multi-wrapper .m_cont7 .table_box1_dr ul li {
    font-size: 1em;
    font-weight: bold;
    color: #656764;
    padding: 13px 0;
    border-bottom: 1px solid #dbdbdb;
}
.multi-wrapper .m_cont7 .table_box1_dr ul {width: 60%; float: left;}
.multi-wrapper .m_cont7 .table_box1_dr ul li span {
    float: left;
    width: 30px;
    margin-top:0px;
}
.multi-wrapper .m_cont7 .table_box1_dr ul li div.total {
    width: calc(100% - 30px);
}
.multi-wrapper .m_cont7 .table_box1_dr ul li img {
    float: left;
    width: 20px;
    margin-top:0;
}

.multi-wrapper .m_cont7 .table_box1_dr ul li div {
    float: left;
    width: calc(100% - 20px);
    text-align: right;
}

.multi-wrapper .m_cont7 .table_box1_dr ul li:after {
    display: block;
    content:"";
    clear:both;
}

.multi-wrapper .m_cont7 .table_box1_dr.dragon ul li {
    padding: 15px 0;
}

.multi-wrapper .m_cont7 .table_box1_dr ul li:last-child {
    border-bottom: none;
}

.multi-wrapper .m_cont7 .table_box1_dr .table_box_2 {
    float: left;
    width: calc(40% - 20px);
    margin: 0 10px;
}

.multi-wrapper .m_cont7 .table_box1_dr .table_box_2 .pbox {
    background: #fff;
    padding: 3px 3px;
    text-align: center;
    margin: 3px 0;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 40px rgba(0,0,0,.1) inset;
    cursor: pointer;
}

.multi-wrapper .m_cont7 .table_box1_dr .table_box_2 .pbox button { margin : auto; }
.multi-wrapper .m_cont7 .table_box1_dr .table_box_2 .pbox button:hover {cursor:pointer}

.swiper  .cc-selector-2 { float: none; margin: 0 auto; padding: 10px 0;}
.swiper .cc-selector-2 .chips { margin: 0 auto; }
.multi-wrapper .m_contents:after {
    clear:both;
    content: '';
    display: block;
}

.footer-panel {
    position: fixed;
    bottom: 0;
    left: calc((100% - 800px) / 2);
    width: 800px;

    text-align: center;
    z-index: 999998;
}

.footer-panel::before {
    content: "";
    background: url("../img/m_back1.png") no-repeat top;
    background-size: cover;
    opacity: 0.5;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.footer-panel .slidebox {
    position: relative;
    padding: 0 50px;
}
.footer-panel .slidebox .swiper {
    width: calc(100% - 54px);
}

.footer-panel .slidebox .swiper-button-prev, .footer-panel .slidebox .swiper-rtl .swiper-button-next { left : 40px;}
.footer-panel .slidebox .swiper-button-next, .footer-panel .slidebox .swiper-rtl .swiper-button-prev { right: 40px; }
.footer-panel .slidebox input {
    width: 0;
    height: 0;
    display: none;
}

.multi-wrapper .collect_box { position: relative; }

.multi-wrapper .collect_box .result_show_multi {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10;
    text-shadow: 0px 3px 11px rgb(0, 0, 0);
}

.multi-wrapper .collect_box .result_show_multi .show_box {
    display: grid;
    grid-template-columns: 40% 20% 40%;
}
.multi-wrapper .collect_box .result_show_multi .show_box .show_box1 .show_box1_1, .multi-wrapper .collect_box .result_show_multi .show_box .show_box3 .show_box3_1 {
    width: 70%; margin: 0 auto;
}
.multi-wrapper .collect_box .result_show_multi .show_box .show_box1 { padding: 5px; }
.multi-wrapper .collect_box .result_show_multi .show_box .show_box1 h1 {width: 100%; text-align: left; font-size: 1.2em; color: #248dff;}
.multi-wrapper .collect_box .result_show_multi .show_box .show_box1 .show_box1_1 {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: repeat(2, minmax(50px, auto));
}

.multi-wrapper .collect_box .result_show_multi .show_box .show_box1 .show_box1_1 > div:nth-child(1){
    grid-column: 1 /3;
    grid-row: 1;
}

.multi-wrapper .collect_box .result_show_multi .show_box .show_box1 .show_box1_1 > div:nth-child(2){
    grid-column: 1 /2;
    grid-row: 2;
}

.multi-wrapper .collect_box .result_show_multi .show_box .show_box1 .show_box1_1 > div:nth-child(3){
    grid-column: 2/3;
    grid-row: 2;
}
.multi-wrapper .collect_box .result_show_multi .show_box .show_box1 .show_box1_1 .card-grid:nth-child(1) img {
    transform: rotate(90deg);
}

.multi-wrapper .collect_box .result_show_multi .show_box  .card-grid {text-align: center;}
.multi-wrapper .collect_box .result_show_multi .show_box  .card-grid img {
    max-width: 48px;
    width: 100%;
    -webkit-box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87);
    box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87)
}
.multi-wrapper .collect_box .result_show_multi .show_box .show_box2 .result_img {
    position: relative;
    margin: -20px 0 0 0;
    max-width: 200px;
}
.multi-wrapper .collect_box .result_show_multi .show_box .show_box2 .result_img span{
    position: absolute;
    top: 25%;
    font-size: 1.5em;
    width: 100%;
    lefT: 0;
    text-align: center;
    font-weight: bold;
}
.multi-wrapper .collect_box .result_show_multi .show_box .show_box2 .show_box2_1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: minmax(50px, auto);
    -webkit-box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87);
    box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87);
    border-radius: 3px;
}

.multi-wrapper .collect_box .result_show_multi .show_box .show_box3 { padding: 5px; }
.multi-wrapper .collect_box .result_show_multi .show_box .show_box3 h1 {width: 100%; text-align: right; font-size: 1.2em; color: #ff403f;}
.multi-wrapper .collect_box .result_show_multi .show_box .show_box3 .show_box3_1 {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: repeat(2, minmax(50px, auto));
}

.multi-wrapper .collect_box .result_show_multi .show_box .show_box3 .show_box3_1 > div:nth-child(1){
    grid-column: 1 /3;
    grid-row: 1;
}

.multi-wrapper .collect_box .result_show_multi .show_box .show_box3 .show_box3_1 > div:nth-child(2){
    grid-column: 1 /2;
    grid-row: 2;
}

.multi-wrapper .collect_box .result_show_multi .show_box .show_box3 .show_box3_1 > div:nth-child(3){
    grid-column: 2/3;
    grid-row: 2;
}
.multi-wrapper .collect_box .result_show_multi .show_box .show_box3 .show_box3_1 .card-grid:nth-child(1) img {
    transform: rotate(90deg);
}
.multi-wrapper .collect_box .result_show_multi .show_box .show_box2 .show_box2_1 {
    font-size: 2em;
    line-height: 2em;
    font-weight: bold;
    text-align: center;
}
.multi-wrapper .collect_box .result_show_multi .show_box .show_box2 .show_box2_1 div:nth-child(1) { color: #2e479c}
.multi-wrapper .collect_box .result_show_multi .show_box .show_box2 .show_box2_1 div:nth-child(2) { text-align: center;}
.multi-wrapper .collect_box .result_show_multi .show_box .show_box2 .show_box2_1 div:nth-child(3) { color: #d21e1a;}

/**드래곤**/
.multi-wrapper .collect_box_dr { position: relative; }

.multi-wrapper .collect_box_dr .result_show_multi {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 666;
    text-shadow: 0px 3px 11px rgb(0, 0, 0);
}

.multi-wrapper .collect_box_dr .result_show_multi .show_box {
    display: grid;
    grid-template-columns: 40% 20% 40%;
}
.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box1 .show_box1_1, .multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box3 .show_box3_1 {
    width: 70%; margin: 0 auto;
}
.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box1 { padding: 5px; }
.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box1 h1 {width: 100%; text-align: left; font-size: 1.2em; color: #248dff;}
.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box1 .show_box1_1 {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: repeat(2, minmax(50px, auto));
}

.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box1 .show_box1_1 > div:nth-child(1){
    grid-column: 1 /3;
    grid-row: 1;
}

.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box1 .show_box1_1 > div:nth-child(2){
    grid-column: 1 /2;
    grid-row: 2;
}

.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box1 .show_box1_1 > div:nth-child(3){
    grid-column: 2/3;
    grid-row: 2;
}
.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box1 .show_box1_1 .card-grid:nth-child(1) img {
    transform: rotate(90deg);
}

.multi-wrapper .collect_box_dr .result_show_multi .show_box  .card-grid {text-align: center;}
.multi-wrapper .collect_box_dr .result_show_multi .show_box  .card-grid img {
    max-width: 48px;
    width: 100%;
    -webkit-box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87);
    box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87)
}
.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box2 .result_img {
    position: relative;
    margin: -20px 0 0 0;
    max-width: 200px;
}
.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box2 .result_img span{
    position: absolute;
    top: 25%;
    font-size: 1.5em;
    width: 100%;
    lefT: 0;
    text-align: center;
    font-weight: bold;
}
.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box2 .show_box2_1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: minmax(50px, auto);
    -webkit-box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87);
    box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87);
    border-radius: 3px;
}

.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box3 { padding: 5px; }
.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box3 h1 {width: 100%; text-align: right; font-size: 1.2em; color: #ff403f;}
.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box3 .show_box3_1 {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: repeat(2, minmax(50px, auto));
}

.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box3 .show_box3_1 > div:nth-child(1){
    grid-column: 1 /3;
    grid-row: 1;
}

.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box3 .show_box3_1 > div:nth-child(2){
    grid-column: 1 /2;
    grid-row: 2;
}

.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box3 .show_box3_1 > div:nth-child(3){
    grid-column: 2/3;
    grid-row: 2;
}
.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box3 .show_box3_1 .card-grid:nth-child(1) img {
    transform: rotate(90deg);
}
.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box2 .show_box2_1 {
    font-size: 2em;
    line-height: 2em;
    font-weight: bold;
    text-align: center;
}
.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box2 .show_box2_1 div:nth-child(1) { color: #2e479c}
.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box2 .show_box2_1 div:nth-child(2) { text-align: center;}
.multi-wrapper .collect_box_dr .result_show_multi .show_box .show_box2 .show_box2_1 div:nth-child(3) { color: #d21e1a;}

.gameDisable {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9;
}
/*

#ms_tooltip { position: absolute; display: none; max-width:400px;}

#ms_tooltip .tooltip_card {
    position: relative;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 666;
    text-shadow: 0px 3px 11px rgb(0, 0, 0);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

#ms_tooltip .tooltip_card .tt_box {
    display: grid;
    grid-template-columns: 35% 30% 35%;
}
#ms_tooltip .tooltip_card .tt_box .tt_box1 .tt_box1_1, #ms_tooltip .tooltip_card .tt_box .tt_box3 .tt_box3_1 {
    margin: 0 auto;
}
#ms_tooltip .tooltip_card .tt_box .tt_box1 { padding: 5px; }
#ms_tooltip .tooltip_card .tt_box .tt_box1 h1 {width: 100%; text-align: left; font-size: 1em; color: #248dff;}
#ms_tooltip .tooltip_card .tt_box .tt_box1 .tt_box1_1 {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: repeat(2, minmax(50px, auto));
}

#ms_tooltip .tooltip_card .tt_box .tt_box1 .tt_box1_1 > div:nth-child(1){
    grid-column: 1 /3;
    grid-row: 1;
}

#ms_tooltip .tooltip_card .tt_box .tt_box1 .tt_box1_1 > div:nth-child(2){
    grid-column: 1 /2;
    grid-row: 2;
}

#ms_tooltip .tooltip_card .tt_box .tt_box1 .tt_box1_1 > div:nth-child(3){
    grid-column: 2/3;
    grid-row: 2;
}
#ms_tooltip .tooltip_card .tt_box .tt_box1 .tt_box1_1 .tt_grid:nth-child(1) img {
    transform: rotate(90deg);
}

#ms_tooltip .tooltip_card .tt_box  .tt_grid {text-align: center;}
#ms_tooltip .tooltip_card .tt_box  .tt_grid img {
    max-width: 45px;
    width: 100%;
    -webkit-box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87);
    box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87)
}
#ms_tooltip .tooltip_card .tt_box .tt_box2 .tt_box_rd {
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    margin-top: 10px;
}
#ms_tooltip .tooltip_card .tt_box .tt_box2 .tt_winner{
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    margin: 15px auto;
}

#ms_tooltip .tooltip_card .tt_box .tt_box2 .tt_winner.pwin {
    background: #2e479c;
}

#ms_tooltip .tooltip_card .tt_box .tt_box2 .tt_winner.bwin {
    background: #d21e1a;
}

#ms_tooltip .tooltip_card .tt_box .tt_box2 .tt_winner.twin {
    background: #45b039;
}

#ms_tooltip .tooltip_card .tt_box .tt_box2 .tt_box2_1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: minmax(50px, auto);
    -webkit-box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87);
    box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87);
    border-radius: 3px;
}

#ms_tooltip .tooltip_card .tt_box .tt_box3 { padding: 5px; }
#ms_tooltip .tooltip_card .tt_box .tt_box3 h1 {width: 100%; text-align: right; font-size: 1em; color: #ff403f;}
#ms_tooltip .tooltip_card .tt_box .tt_box3 .tt_box3_1 {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: repeat(2, minmax(50px, auto));
}

#ms_tooltip .tooltip_card .tt_box .tt_box3 .tt_box3_1 > div:nth-child(1){
    grid-column: 1 /3;
    grid-row: 1;
}

#ms_tooltip .tooltip_card .tt_box .tt_box3 .tt_box3_1 > div:nth-child(2){
    grid-column: 1 /2;
    grid-row: 2;
}

#ms_tooltip .tooltip_card .tt_box .tt_box3 .tt_box3_1 > div:nth-child(3){
    grid-column: 2/3;
    grid-row: 2;
}
#ms_tooltip .tooltip_card .tt_box .tt_box3 .tt_box3_1 .tt_grid:nth-child(1) img {
    transform: rotate(90deg);
}
#ms_tooltip .tooltip_card .tt_box .tt_box2 .tt_box2_1 {
    font-size: 2em;
    line-height: 2em;
    font-weight: bold;
    text-align: center;
}
#ms_tooltip .tooltip_card .tt_box .tt_box2 .tt_box2_1 div:nth-child(1) { color: #2e479c}
#ms_tooltip .tooltip_card .tt_box .tt_box2 .tt_box2_1 div:nth-child(2) { text-align: center;}
#ms_tooltip .tooltip_card .tt_box .tt_box2 .tt_box2_1 div:nth-child(3) { color: #d21e1a;}
*/

#ms_tooltip {
    display: none;
    position: absolute;
    width: 500px;
    top: 300px;
    left: 100px;
}

#ms_tooltip .tooltip_card {
    position: relative;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba( 0, 0, 0, 0.8);
    z-index: 6;
    text-shadow: 0px 3px 11px rgb(0, 0, 0);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

#ms_tooltip .tooltip_card .tt_box {
    display: grid;
    grid-template-columns: 40% 20% 40%;
}

#ms_tooltip .tooltip_card .tt_box .tt_box1 { padding: 5px; }
#ms_tooltip .tooltip_card .tt_box .tt_box1 h1 {width: 100%; text-align: left; font-size: 1.2em; color: #248dff; height: 30px;}
#ms_tooltip .tooltip_card .tt_box .tt_box1 .tt_box1_1 {
    display: grid;
    grid-template-columns: 40% 30% 30%;
}

#ms_tooltip .tooltip_card .tt_box .tt_box1 .tt_box1_1 .tt_grid:nth-child(1) img {
    transform: rotate(90deg);
}

#ms_tooltip .tooltip_card .tt_box  .tt_grid {text-align: center;}
#ms_tooltip .tooltip_card .tt_box  .tt_grid img {
    width: 100%; max-width: 50px;
}
#ms_tooltip .tooltip_card .tt_box .tt_box2 .result_img {
    text-align: center;
    font-size: 1.5em;
}
#ms_tooltip .tooltip_card .tt_box .tt_box2 .result_img span{
    position: relative;
    font-size: 1em;
    width: 100%;
    lefT: 0;
    text-align: center;
    font-weight: bold;
}

#ms_tooltip .tooltip_card .tt_box .tt_box2 .tt_box2_1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: minmax(50px, auto);
}
#ms_tooltip .tooltip_card .tt_box .tt_box2 .tt_box2_1 {
    font-size: 1.5em;
    line-height: 2em;
    font-weight: bold;
    text-align: center;
}
#ms_tooltip .tooltip_card .tt_box .tt_box2 .tt_box2_1 div:nth-child(1) { color: #248dff}
#ms_tooltip .tooltip_card .tt_box .tt_box2 .tt_box2_1 div:nth-child(2) { text-align: center;}
#ms_tooltip .tooltip_card .tt_box .tt_box2 .tt_box2_1 div:nth-child(3) { color: #d21e1a;}
#ms_tooltip .tooltip_card .tt_box .tt_box3 { padding: 5px; }
#ms_tooltip .tooltip_card .tt_box .tt_box3 h1 {width: 100%; text-align: right; font-size: 1.2em; color: #ff403f; height: 30px;}
#ms_tooltip .tooltip_card .tt_box .tt_box3 .tt_box3_1 {
    display: grid;
    grid-template-columns: 30% 30% 40%;
}

#ms_tooltip .tooltip_card .tt_box .tt_box3 .tt_box3_1 .tt_grid:nth-child(3) img {
    transform: rotate(90deg);
}
.gameDisable p {padding: 15%; font-size: 3em; font-weight: bold; text-align: center;}

.multi_log {
    position: absolute;
    height: calc(80% - 20px);
    width: 50%;
    padding: 10px;
    overflow-y: auto;
    background: #0000007f;
    bottom: 18%;
    top: 0;
    z-index: 3;
    max-width: 250px;
}
.multi_log ul li { width: 100%;}

.basic_log {
    position: absolute;
    height: calc(100% - 20px);
    width: 34%;
    padding: 10px;
    top: 0;
    overflow-y: auto;
    background: #0000007f;
    z-index: 10;
    min-width: 245px;
}
@media screen and (max-width:768px) {
    .basic_log {
        height: calc(100% - 110px);
    }
}
.basic_log ul li { width: 100%;}

#wide-mode {
    position: relative;
    width: 100%;
    height: 1000px;
    overflow: hidden;
}

.wide-wrapper, .wide_container {
    color: #fff;
    margin: 0 auto;
    padding: 10px;
    max-width: 100%;
    width: calc(100% - 20px);
    min-width: 1200px;
    height: calc(100% - 20px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.wide_container {}

.wide-wrapper {
    z-index: 10;
}

.video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.video iframe { width: 100%; height: 100%; }

.wide_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 28%;
    height: 100%;
    overflow: hidden;
}

.wide_left .lbox1 {
    padding: 10px 20px;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    background: linear-gradient(to bottom, #202121, #050101);
    color: #fff;
    box-shadow: 0 0 1px 1px rgb(128, 172, 181);
    border-radius: 5px;
    background: -webkit-linear-gradient( 266deg,rgb(90, 90, 90)0%,rgba(0,0,0,0.8)56%);
    width: 75%;
    margin: 15px 0 10px 15px;
}

.lbox1 #ltitme_dgr { font-size: 0.9em }

.wide_left .lbox2 {
    width: calc( 75% + 40px);
    margin: 0;
    padding-left: 15px;
}

.wide_left .lbox2 .lbox2_1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: minmax(50px, auto);
    background: url(../img/score_board.png) no-repeat center center / cover;
    font-size: 2em;
    line-height: 2em;
    font-weight: bold;
    text-align: center;
}
.wide_left .lbox2 .lbox2_1.dr{
    background: url(../img/score_board8.png) no-repeat center center / cover;
}

.wide_left .lbox2 .lbox2_1 > div:nth-child(2) { text-align: center;}
.wide_left .lbox2 .lbox2_1 > div:nth-child(3) { text-align: center;}

.wide_left .lbox2_2 {
    display: grid;
    grid-template-columns: 50% 50%;
    padding-top: 5px;
    background: rgba(0,0,0,0.7);
    margin-bottom: 10px;
}

.wide_left .lbox2_2 .lbox2_grids {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: repeat(2, minmax(50px, auto));
    padding-bottom: 5px;
}
.wide_left .lbox2_2 .lbox2_grids.win {
    background: rgba(255, 255, 255, 0.4);
}

.wide_left .lbox2_2 .lbox2_grids:nth-child(1) {
    border-right: 1px solid #323e45;
}

.wide_left .lbox2_2 .lbox2_grids > div:nth-child(1){
    grid-column: 1 /2;
    grid-row: 1;
    text-align: right;
}
.wide_left .lbox2_2 .lbox2_grids > div:nth-child(2) {
    grid-column: 2 /3;
    grid-row: 1;
    text-align: left;
}
.wide_left .lbox2_2 .lbox2_grids > div:nth-child(3) {
    grid-column: 1/3;
    grid-row: 2;
    text-align: center;
}
.wide_left .lbox2_2 .lbox2_grids img {
    max-width: 70px;
    width: 100%;
    margin: 10px;
    -webkit-box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87);
    box-shadow: 9px 0px 16px 5px rgba(0, 0, 0, 0.87)
}
.wide_left .lbox2_2 .lbox2_grids > div:nth-child(3) img {
    transform: rotate(90deg);
    margin: 0;
}

.wide_left .lbox3 {
    position: absolute;
    background: url(../img/map_on.png) no-repeat top left / contain;
    width: 100%;
    left: -425px;
    bottom: 12%;
}

.wide_left .lbox3 .lbox3_1 {
    margin: 15px;
    width: 76%;
    float: left;
}

.wide_left .lbox3 .lbox3_2 {
    float: left;
    width: 10%;
    cursor: pointer;
    height: 500px;
}

.wide_left .lbox3 .lbox3_1 .lbox3_cont1 {width: 100%; height: 135px;}
.wide_left .lbox3 .lbox3_1 .lbox3_cont2 {width: 100%; height: 135px; margin-top: 10px;}
.wide_left .lbox3 .lbox3_1 .lbox3_cont3 {width: 100%; height: 135px; margin-top: 10px;}
.wide_left .lbox3 .lbox3_1 .lbox3_cont4 {width: 100%; height: 135px; margin-top: 10px;}

.wide_left .lbox3 .lbox3_1 .lbox3_cont1 canvas {
    background: #fff;
    width: 100%; height: 100%;
}

.wide_left .lbox3 .lbox3_1 .lbox3_cont2 canvas {
    background: #fff;
    width: 100%; height: 100%;
}
.wide_left .lbox3 .lbox3_1 .lbox3_cont3 canvas {
    background: #fff;
    width: 100%; height: 100%;
}

.wide_left .lbox3 .lbox3_1 .lbox3_cont4 canvas {
    background: #fff;
    width: 100%; height: 100%;
}

.wide_left .lbox3 .lbox3_1 ul {
    width: 100%;
    margin-top: 12px;
    list-style: none;
}

.wide_left .lbox3 .lbox3_1 ul li {
    float: left;
    width: 12%;
    padding-top: 5px;
}

.wide_left .lbox3 .lbox3_1 ul li img {
    height: 25px; vertical-align: middle;
}

.wide_left .lbox3 .lbox3_1 ul li:last-child:after {
    content: "";
    display: block;
    clear: both;
}

.wide_left .lbox3 .lbox3_1.lbox3_dr ul li {
    width: 33%;
    text-align: center;
}

.wide_right {
    position: absolute;
    top: 0;
    right: 0;
    width: 33%;
    height: 100%;
}

.wide_right .rbox1 { margin: 12px 0;}
.wide_right .rbox1 .btn_box { text-align: center; }
.wide_right .rbox1 .btn_box ul.config-menu { right: 0; left: auto;}
.wide_right .rbox1 .iframe_btn {width: 40px; height: 40px; margin: 0 10px;}
.txt_btn {
    background: rgba(255, 255, 255, 0.3);
    height: 40px;
    border-radius: 15px;
    line-height:15px;
    padding: 0 15px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border: 2px solid rgba(255, 255, 255, 0.5);
}
.txt_btn:hover {color: #222;}

#bet_limit_tbl {
    display:none;
    margin-top: 15px;
    position: absolute;
    width: 97.5%;
}

/* #limit_btn:hover  ~ #bet_limit_tbl { display: block;} */

.wtbl {
    position: relative;
    padding: 0;
    width: 100%;
    border-spacing: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    overflow: hidden;
    z-index: 1;
    color: #fff;
    text-align: center;
    background: rgba( 0,0,0,0.7 );
}

.wtbl tr:nth-child(1) {
    background: linear-gradient(to bottom, #383743, #24252a, #1b1e1f);
}

.wtbl tr th, .wtbl tr td {
    padding: 10px 15px;
    margin: 0;
    vertical-align: middle;
}

.wtbl .ytxt {color: orange}

.wide_right .rbox3 {
    height: calc(100% - 300px);
    position: absolute;
    bottom: 0;
    margin-right: 15px;
    display: none;
}

.wide_right .rbox3 .slc_room {
    display: block;
    position: relative;
    width: 100%;
    height: 85%;
}

.wide_right .rbox3 .slc_room .slc_room_title {
    padding: 10px 15px;
    font-size: 1em;
    margin-top: -30px;
    cursor: pointer;
}
.wide_right .rbox3 .slc_room .slc_room_title button {
    right: 0px;
    top: -3px;
}

.wide_right .rbox3 .slc_room  .logos {
    margin-top: 40px;
}

.wide_bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.wide_bottom .wboxs {
    width: 100%;
    display: flex;
    height: 70px;
    margin: 0 auto;
    background: rgba(0,0,0,0.7);
    align-items: center;
}

/*
    padding: 10px 20px;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    background: linear-gradient(to bottom, #202121, #050101);
    color: #fff;
    box-shadow: 0 0 1px 1px rgb(128 172 181);
    border-radius: 5px;
    background: -webkit-linear-gradient( 266deg,rgb(90, 90, 90)0%,rgba(0,0,0,0.8)56%);
    width: 75%;
    margin: 15px 0 10px 15px;
*/

.wbox1 {order: 1; width: 50%;  position: relative;margin-left: 20px;}

.wbox_cont1 ul {
    padding: 10px 0px 10px 10px;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    background: linear-gradient(to bottom, #202121, #050101);
    color: #fff;
    box-shadow: 0 0 1px 1px rgb(128 172 181);
    border-radius: 5px;
    background: -webkit-linear-gradient( 266deg,rgb(90, 90, 90)0%,rgba(0,0,0,0.9)56%);
    width: 96%;
    height: 25px;
    margin: 15px 0 10px 0px;
}
.wbox_cont1 ul li {
	float: left;
	width: calc(20% - 3px);
	padding-left:10px;
	padding-right:10px;
	text-align: left;
}
.wbox_cont1 ul li:nth-child(1) { border-radius: 5px 0 0 5px; }
.wbox_cont1 ul li:nth-child(2) { border-right: 2px solid #313236;  padding-right:30px; color:#04e1e1 !important; }
.wbox_cont1 ul li:nth-child(3) { padding-left :30px; }
.wbox_cont1 ul li:nth-child(4) { color:#ffff67 !important; }
.wbox_cont1 ul li:nth-child(2), .wide_bottom .wboxs .wbox1 ul li:nth-child(4) { text-align: right;}
.wbox_cont1 ul li:last-child {  border-radius: 0 5px 5px 0; text-align: right;}
.wbox_cont1 ul li:last-child:after {
    content: "";
    display: block;
    clear: both;
}
.wbox1 .btn_box .iframe_btn {
    margin: 0;
}

.wide_bottom .wboxs .wbox2 {
    order: 2;
    width: 50%;
    margin-right:20px;
    text-align: right;
}

.wide_bottom .wbox_center {
    position: fixed;
    bottom: 0;
    left: calc((100% - 650px) / 2);
    width: 650px;
    text-align: center;
    z-index: 100;
}

.wide_bottom .wbox_center::before {
    content: "";
    /*background: url("../img/m_back1.png") no-repeat center -20%;
    background-size: 100% 120%;*/
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 0px solid transparent;
    border-right: 40px solid #00000000;
    border-bottom: 165px solid #2d2d2d;
    border-left: 40px solid #00000000;
    background: url("../img/m_back1.png") no-repeat center -20%*/
}

.wide_bottom .wbox_center2 {
    position: fixed;
    bottom: 0;
    left: calc((100% - 800px) / 2);
    width: 800px;
    text-align: center;
    z-index: 97;
    padding-bottom: 165px;
}

.wide_bottom .wbox_center2::before {
    position: absolute;
    content: "";
    opacity: 0.8;
    top: 0;
    left: 0;
    right: 0;
    bottom: 80px;
    background: rgba(40, 40, 40, 0.8);
    border-radius: 25px;
    /* border-top: 0px solid transparent;
    border-right: 70px solid #00000000;
    border-bottom: 218px solid rgb(40 40 40 / 80%);
    border-left: 70px solid #00000000; */
    /* background: url(../img/m_back11.png) no-repeat center -20%;*/
}

.wide_bottom .wbox_center2 .time_counter {
    width: 90px;
    height: 90px;
    left: calc( (100% - 100px) / 2);
    top: -120px;
}

.wide_bottom .wbox_center2 .time_counter .base-timer__label {top: 12px; font-size: 52px;}
.wide_bottom .wbox_center2 .time_counter .base-timer__sec {bottom: 10px; font-size: 8pt;}
.wbox_center2 .m_cont5 {
    width: 100%;
    margin: 0 auto;
    padding-left: 0px;
}
.wbox_center2 .m_cont5 .m_bet_box  {
    float: left;
    padding: 20px 8px;
    text-align: center;
    text-shadow: 2px 2px 5px rgb(0, 0, 0);
    width: calc(20% - 20px);
}

.wbox_center2 .m_cont5 .m_bet_box:nth-child(1) { width: calc((100% - 4px) / 5 - 21px);  transform: skewX(0deg);}
.wbox_center2 .m_cont5 .m_bet_box:nth-child(3) { width: calc((100% - 4px) / 5 - 14px);  transform: skewX(0deg);}
.wbox_center2 .m_cont5 .m_bet_box:nth-child(5) { width: calc((100% - 4px) / 5 - 10px);  transform: skewX(0deg); }
.wbox_center2 .m_cont5 .m_bet_box:nth-child(7) { width: calc((100% - 4px) / 5 - 14px);  transform: skewX(0deg); }
.wbox_center2 .m_cont5 .m_bet_box:nth-child(9) { width: calc((100% - 4px) / 5 - 21px);  transform: skewX(0deg); }

.wbox_center2 .m_cont5 .m_bet_box_line {
    width: 1px;
    height: 100px;
    background: #777;
    float: left;
    margin-top: 10px;
}

.wbox_center2 .m_cont5 .m_bet_box:last-child:after{
    content: '';
    clear: both;
    display: block;
}
.wbox_center2 .m_cont5 .m_bet_box .box_title {
    font-size: 2em;
    font-weight: bold;
    color: #e0b775;
}

.wbox_center2 .m_cont5 .m_bet_box .box_cont1 {
    padding: 5px 0;
    font-size: 1em;
}

.wbox_center2 .m_cont5 .m_bet_box .box_cont2 {
    color: #dddcdc;
    font-size: 1.5em;
}
.wbox_center2 .m_cont5 .m_bet_box:hover,
.wbox_center2 .m_cont5 .m_bet_box.selected { cursor: pointer; background: rgba(0,0,0,0.5);}

.wbox_center2 .m_cont5 .ui_pp:hover,
.wbox_center2 .m_cont5 .ui_pp.selected {
  border-top-left-radius: 25px;
}

.wbox_center2 .m_cont5 .ui_bp:hover,
.wbox_center2 .m_cont5 .ui_bp.selected {
  border-top-right-radius: 25px;
}

.wbox_center2 .m_cont5.m_cont5_dr .m_bet_box:nth-child(1) {
    width: calc(31% - 0px);
    transform: skewX(0deg);
}
.wbox_center2 .m_cont5.m_cont5_dr .m_bet_box:nth-child(3) {
    width: calc(31% - 4px);
    transform: skewX(0deg);
}
.wbox_center2 .m_cont5.m_cont5_dr .m_bet_box:nth-child(5) {
    width: calc(31% - 0px);
    transform: skewX(0deg);
}
.wbox_center2.m_bet_box1 {
    /*background: url("../img/wide_back1.png") no-repeat center bottom;
    background-size: contain;*/
    cursor: pointer;
}

.wbox_center2.m_bet_box2 {
    /*background: url("../img/wide_back2.png") no-repeat center bottom;
    background-size: contain;*/
    cursor: pointer;
}

.wbox_center2.m_bet_box3{
    /*background: url("../img/wide_back3.png") no-repeat center bottom;
    background-size: contain;*/
    cursor: pointer;
}

.wbox_center2.m_bet_box4 {
    /*background: url("../img/wide_back4.png") no-repeat center bottom;
    background-size: contain;*/
    cursor: pointer;
}

.wbox_center2.m_bet_box5 {
    /*background: url("../img/wide_back5.png") no-repeat center bottom;
    background-size: contain;*/
    cursor: pointer;
}

.wide_bottom .wbox_center .wbox2_2 button {
    padding: 5px 20px;
    font-size: 18px;
    margin-bottom: 5px;
}

.wide_bottom .wbox_center .wbox2_1 {
    width: 75%;
    margin: 0 auto;
    position: relative;
}

.wide_bottom .wbox_center input {
    width: 0;
    height: 0;
    display: none;
}

.wide_bottom .wbox_center .wbox2_1 .swiper-button-prev,
.wide_bottom .wbox_center .wbox2_1 .swiper-rtl .swiper-button-next {
    left: -30px;
}

.wide_bottom .wbox_center .wbox2_1 .swiper-button-next,
.wide_bottom .wbox_center .wbox2_1 .swiper-rtl .swiper-button-prev {
    right: -30px;
}

.wide-wrapper .basic_log {
    left: 0px;
    height: 18%;
    width: 94.5%;
    top: 85px;
    border-radius: 5px;
}

#wide-mode .gameDisableWide {
    position: absolute;
    top: 0;
    left: calc((100% - 800px) / 2);
    width: 800px;
    text-align: center;
    z-index: 99;
    padding-bottom: 148px;
}

#wide-mode .gameDisableWide::before {
    position: absolute;
    content: "배팅 종료";
    line-height: 120px;
    opacity: 1;
    font-size: 3em;
    font-weight:bold;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 80px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 25px;
    height: 140%;
    /* border-top: 0px solid transparent;
    border-right: 70px solid #00000000;
    border-bottom: 218px solid rgba(0, 0, 0, 0.5);
    border-left: 70px solid #00000000; */
}

@media screen and (max-width:1485px) {
    .tbl2 tbody tr td { font-size: 0.9em; }
}

@media screen and (max-width:1420px){
    .row {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, minmax(50px, auto));
        row-gap: 10px;
    }
    .row .one {
        grid-column: 1 / 2;
        grid-row : 2
    }
    .row .two {
        grid-column: 1 / 3;
        grid-row : 1
    }
    .row .three {
        grid-column: 2 / 3;
        grid-row : 2
    }

    .noti-txt {margin-left: 0}
}

@media all and (max-aspect-ratio: 16/9) {

    .multi-wrapper .bet_table1 {
        display: none;
    }

    .multi-wrapper .bet_table2 {
        display: block;
    }
    .multi-wrapper .bet_table3 {
        display: grid;
    }

    .multi-wrapper .collect_box .result_show_multi .show_box { margin-top: 30px;}
    .multi-wrapper .collect_box .result_show_multi .show_box .show_box2 .result_img { margin: 20px auto;}
    .multi-wrapper .collect_box .result_show_multi .show_box .show_box1 h1,
    .multi-wrapper .collect_box .result_show_multi .show_box .show_box3 h1 { font-size: 2em; margin-bottom: 30px}
    .multi-wrapper .collect_box .result_show_multi .show_box .show_box1,
    .multi-wrapper .collect_box .result_show_multi .show_box .show_box3 { padding: 10px; }

    .multi-wrapper .collect_box .result_show_multi .show_box .show_box1 .show_box1_1,
    .multi-wrapper .collect_box .result_show_multi .show_box .show_box3 .show_box3_1 {
        grid-template-rows: repeat(2, minmax(80px, auto));
    }

    .multi-wrapper .collect_box .result_show_multi .show_box .card-grid img { max-width: 50px;}
}

@media screen and (max-width:992px){
    .wrapper .container {
        display: block;
    }

    .wrapper .container .l-contents {
        width: 100%;
        float: none;
        padding-bottom: 56.25%;
    }

    .wrapper .container .r-contents {
        width: calc(100% - 4em);
        float: none;
    }

    .bar-2-size {display: block;}
    .pc-show {display: none;}
}

@media screen and (max-width:768px){

    #header .inner .lnb {
        width: calc(100% - 35px);
    }

    #header .inner .lnb {font-size: 0.7em;}
    #header .inner .rnb {width: 35px;}
    #header .inner .rnb ul { display: none; }

    #header .inner .rnb #mobile-menu {
        display: block;
        position: absolute;
        right: 20px;
        top: 25px;
    }

    .popup_black {
      width: 90%;
      min-width: 350px;
    }
    .popup_blue {
      width: 90%;
      min-width: 350px;
    }
    .popup_red {
      width: 90%;
      min-width: 350px;
    }

    .menu-list { display: block;}
    .set-mobile {display: none;}

    .blocks.grid-2 > div, .blocks.grid-3 > div, .blocks.grid-4 > div {
        float: left;
        width: 100%;
        flex: 100%;
    }

    .clean-grid-grid-post { margin-right: 0; }

    .row {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, minmax(50px, auto));
        row-gap: 10px;
    }
    .row.nomulti {
        grid-template-rows: repeat(2, minmax(50px, auto));
    }
    .row .two {
        grid-column: 1 / 3;
        grid-row: 1;
    }
    .row .one {
        grid-column: 1;
        grid-row: 2;
        justify-self: stretch;
    }
    .row .three {
        grid-column: 2;
        grid-row:2;
        justify-self: end;
    }

    .row-room {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .row-room .section-1, .row-room .section-2, .row-room .section-3 {
        /*width: 100%; float: none;*/ flex-basis: auto; flex-grow: 1;
    }
    .row-room .section-1 {
        order: 1;
    }
    .row-room .section-2 {
        order: 2;
    }
    .row-room .section-3 {
        order: 3;
    }
    .row-room .section-3 .result_area {
        width: 100%; float: none;
    }
    .row-room .section-3 .table_area {
        width: 100% !important;
        position: relative;
    }

    .row-room .section-3 .table_area .table_box3 .bottom_btn { display: none;}
    .row-room .section-3 .table_area .table_box3 .bottom_area {display: block !important; width: calc(100% - 40px) }
    .row-room .section-3 .table_area .table_box3 > ul li:nth-child(1) { margin: 0 auto 5px auto;}
    .slc_room {width: 100%}
    .row-room .section-3 .table_area .table_box1 {
        width: calc(50% - 20px);
        padding: 20px 10px 0 10px;
    }
    .row-room .section-3 .table_area .table_box3 {
        width: 50%;
    }

    #room_menu {display: none;}
    #room_menu_m {display: block}
    .game-box .bet_box1 .game_box_title {font-size: 1.2em}
    .game-box .bet_box1 .game_box_img { max-height: 30px;}
    .bet_btn {font-size: 15px; padding: 5px 10px; height: 45px;}
    .bet_btn2 {font-size: 15px;}
    .bet_btn img { margin: 0 0 0 0;}
    .game-box .bet_box2 ul.game-limit {left : 0; width: 100%;}
    .game-box .bet_box2_dr ul.game-limit {left : 0; width: 100%;}

    ul.game-limit li:nth-child(odd) {
        width: calc(25% - 16px);
    }

    ul.game-limit li:nth-child(even) {
        width: calc(25% - 16px);
    }

    .popup_box {width: 100%; min-width: 100%;}
    .popup_box table {width: 100%;}
    .popup_box .popup_cont {overflow: auto}

    .row-room .section-3 .result_show { display: none; }
    .row-room .section-2 .result_show_m {display: block;}

    #ms_tooltip {width: 300px}
    #ms_tooltip .tooltip_card .tt_box {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
    #ms_tooltip .tooltip_card .tt_box .tt_box1{
        grid-column: 1 / 2;
        grid-row: 2;
    }
    #ms_tooltip .tooltip_card .tt_box .tt_box2{
        grid-column: 1 / 3;
        grid-row: 1;
    }
    #ms_tooltip .tooltip_card .tt_box .tt_box3{
        grid-column: 2 / 3;
        grid-row: 2;
    }
    #ms_tooltip .tooltip_card .tt_box .tt_grid img { max-width: 33px;}
}

@media screen and (max-width:630px){
    .row .two {
        grid-column: 1 / 3;
        grid-row: 1;
    }
    .row .one {
        grid-column: 1 / 3;
        grid-row: 2;
        justify-self: stretch;
    }
    .row .three {
        grid-column: 1 / 3;
        grid-row:3;
        justify-self: stretch;
    }
    .row .three.nomulti {
        grid-row:2;
    }
    .row-room .section-1 .iframe-style .btn_box {
        bottom: 8px;
        right: 5px;
    }
    .game-box .bet_box6 {
        margin-bottom: 15px;
    }
}

.video-zoom {
    -ms-zoom: 1.75, 1.75;

	-moz-transform: scale(1.75, 1.75);
	-moz-transform-origin: 50% 100%;

	-o-transform: scale(1.75, 1.75);
	-o-transform-origin: 50% 100%;

	-webkit-transform: scale(1.75, 1.75);
	-webkit-transform-origin: 50% 100%;

	transform: scale(1.75, 1.75);
	transform-origin: 50% 100%;
}

.history-cards div {
    box-sizing: border-box;
}

.history-cards .result-view {
    position: absolute;
    bottom: 16px;
    text-align: center;
    width: 100%;
}
.history-cards .result-view span {
    color: white;
    padding: 7px 15px;
    border-radius: 3px;
}
.history-cards .result-view span.player {
    background: #0056b7;
}
.history-cards .result-view span.banker {
    background: #cb1706;
}
.history-cards .result-view span.tie {
    background: #36c11c;
}
.history-cards .label .player-label span, .history-cards .label .banker-label span {
    float: right;
    color: white;
}

.history-cards {
    width: 470px;
    height: 185px;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 700px;
    z-index: 20001;
    left: 20px;
    border-radius: 10px;
    display: none;
}
.history-cards .round {
    color: white;
    padding: 12px 12px;
    float: left;
    width: 20%;
    text-align: center;
    font-size: 12pt;
}
.history-cards .label {
    height: 65px;
}
.history-cards .label .player-label, .history-cards .label .banker-label {
    width: 40%;
    float: left;
    padding: 0px 10px;
    font-weight: bold;
    font-size: 16px;
    padding: 20px;
}
.history-cards .label .player-label {
    text-align: left;
}
.history-cards .label .banker-label {
    text-align: right;
}
.history-cards .cards .player-cards, .history-cards .cards .banker-cards {
    width: 40%;
    float: left;
    padding: 10px;
}
.history-cards .cards .card-values {
    color: white;
    width: 20%;
    float: left;
    text-align: center;
    font-size: 12pt;
    padding: 28px 0px;
}
.history-cards .cards .player-cards {
    text-align: right;
}
.history-cards .cards .player-cards img.card3 {
    transform: rotate(-90deg) matrix(1, 0, 0, 1, -6, -6);
    -webkit-transform: rotate(-90deg) matrix(1, 0, 0, 1, -6, -6);
}
.history-cards .cards .banker-cards img.card3 {
    transform: rotate(90deg) matrix(1, 0, 0, 1, 6, -6);
    -webkit-transform: rotate(90deg) matrix(1, 0, 0, 1, 6, -6);
}
.history-cards .cards img {
    width: 45px;
    height: 57px;
    background-image: url(../img/cards/cards.png);
    background-repeat: no-repeat;
    border-radius: 3px;
    margin: 0px 1px;
}
.history-cards .cards .banker-cards {
    text-align: left;
}
.betted {
    color: #ffff67 !important;
}
.video-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 1;
}
.ui_player > .box_title, .ui_pp > .box_title {
    color: #007eff !important;
}
.ui_banker > .box_title, .ui_bp > .box_title {
    color: #ff3535 !important;
}
.ui_tie > .box_title {
    color: #40ca31 !important;
}
.row-room .section-3 .table_area .table_box3 .btn_box button {
    margin: 7px 0px;
}
.wide-future-box {
    float: left;
    background: white;
    padding: 4px 3px;
    margin-top: 6px;
    margin-left: 7px;
    border-radius: 12px;
    cursor: pointer;
}
.wide-future-box > button {
    width: 14px !important;
    height: 14px !important;
    border-width: 1px !important;
    cursor: pointer;
}
.wide-future-box > .plabel {
    color: #2e479c;
    font-weight: bold;
}
.wide-future-box > .blabel {
    color: #d21e1a;
    font-weight: bold;
}


.Switch-Btn {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    width: 40px;
    height: 16px;
}

.Of-Switch {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-image: linear-gradient( 160deg , #666, #666, #666, #666, #666);
    border: solid 1px #888;
}


.Of-Switch:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    top: 1px;
    left: 2px;
    bottom: 1px;
    background-color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.4s;
    border-radius: 20px;
}

.Switch-Btn input:checked + .Of-Switch {
	  background-size: 150% 150%;
    background-image: linear-gradient(160deg,#3baf00, #3baf00, #359d00, #3baf00, #3baf00);
    border: solid 1px #4add00;
}


.Switch-Btn input:checked + .Of-Switch:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    left: 4px;
}

.speedbetmenu1 {
    display: inline-flex;
    position: absolute;
    top: 1.5em;
    right: 27.8%;
    padding: 4px 13px 4px;
    z-index:1;
}

@media screen and (max-width: 768px){
    .speedbetmenu1 {
    right: 10%;
    }
}
.btn_grd222 {
    display: inline-block;
    /* position: relative; */
    margin: 0 5px;
    padding: 6px 12px;
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    font-size: 13px;
    color: #414141;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    -ms-touch-action: maipulation;
    touch-action: maipulation;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    outline: none;
    border: 0;
    background: linear-gradient(#52565a, #3a3f44 60%, #353a3f);
    color: #fff;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
    box-shadow: 2px 5px 10px 0 rgb(0 0 0 / 35%);
    -webkit-box-shadow: 2px 5px 10px 0 rgb(0 0 0 / 35%);
    -moz-box-shadow: 2px 5px 10px 0 rgba(0,0,0,0.35);
    height: 23px;
    overflow: hidden;
    line-height: 22px;
}

.state-end {
    top: 10px;
    font-size: 24px;
    color:#fff;
    font-weight:bold;
    text-shadow:1px 1px #000;
}

.state-betting {
    top: 6px;
}

@media screen and (max-width: 1650px){
    .speedbetmenu {
    right: 23.5em;
    }
}
@media screen and (max-width: 1500px){
    .speedbetmenu {
    right: 23em;
    }
}
@media screen and (max-width: 1200px){
    .speedbetmenu {
    right: 22em;
    }
}
@media screen and (max-width: 1000px){
    .speedbetmenu {
    	top: 5em;
      right: 5em;
    }
}
@media screen and (max-width: 768px){
    .speedbetmenu {
    	top: 5em;
      right: 3.5em;
    }
}
@media screen and (max-width: 659px){
    .speedbetmenu {
    	right: 3em;
    	top: 2.5em;
    }
    .right-top {
    float: right;
    }
}
@media screen and (max-width: 768px){
    .mdisplay {
    	display: none;
    }
    .speedbetmenu {
    	right: 2.5em;
    	top: 2.3em;
    }
    .right-top {
      float: left;
    }
    .topnotice-loby {
      width: 97%;
    }

    .state-end {
        top: 10px;
        font-size: 12px;
        color:#fff;
        font-weight:bold;
        text-shadow:1px 1px #000;
    }

    .state-betting {
        top: 6px;
    }
}