@charset "utf-8";

.kbc_lppop{display:none;}

.wrap{position:relative;width: 100%;overflow: hidden;background-color: #000;}
.bg{display:none;position:absolute;top:0;left:50%;width:1920px;transform: translateX(-50%);/* z-index:-1; */}
.bg.default{display:block;}

.bg_ani{}
.bg_ani > div{position:absolute;top: 0;left: 0;width: 100%;height: 966px;overflow: hidden;}
.bg_ani img{position:absolute;}
.bg_ani .g_l{bottom: -100px;left: -30px;width: 21.5%;animation: girlCenterAnim 15s ease infinite;}
@keyframes girlCenterAnim {
    0% {
        opacity: 0;
        transform: translateY(15%);
    }
    6% {
        opacity: 1;
        transform: translateY(0);
    }
    95% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
.bg_ani .g_r{bottom: -100px;right: -30px;left: auto;width: 29.5%;z-index: 99;animation: candySlotAnim 15s ease infinite;}
@keyframes candySlotAnim {
    0% {
        opacity: 0;
        transform: translateX(15%);
    }
    8% {
        opacity: 1;
        transform: translateX(0);
    }
    95% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
.pop_wrap{position:absolute;top:60px;left:40px;z-index:1000;}
.pop_wrap .event_div{display:inline-block;}
.top-wrap{position:relative;}
.topBanner-section{position:relative;width: 100%;text-align:center;}
.topBanner-section:before{content:'';display:block;position:absolute;left:50%;top:0;width: 100%;height: 52px;background: url(../images/main/bg_topbanner.png) repeat-x top -67px center;transform: translateX(-50%);opacity: 0.5;}
.topBanner-section .top_logo{position:relative;display: inline-block;}
.topBanner-section .top_logo .img{display: block;line-height: 52px;}
.topBanner-section .langBox{position: absolute;top: 12px;right: -150px;background-color: #7f7f7f;border-radius: 4px;}
.topBanner-section .langBox .selectBox{width: 130px;padding: 0 4px;}
.topBanner-section .langBox .txt{display: inline-block;width: calc( 100% - 40px );padding: 4px 0;color: #fff;text-align: left;line-height: 20px;}
.topBanner-section .langBox .txt img{width:20px;height:20px;}
.topBanner-section .langBox .arrow{display: inline-block;}
.dropdown-content {margin-top: 0px;margin-left: 0;display: none;position: absolute;background-color: #000;color: #fff;font-size: 12px;width: 130px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;text-align: left;top: 28px;}
.dropdown-content a {color: black;padding: 6px 8px;text-decoration: none;display: block;color: #fff;font-size: 12px;}
.dropdown-content a:hover {background-color: #5D5D5D;color: #fff;font-size: 12px;}
.topBanner-section > div > div:hover .dropdown-content {display: block;}
.topBanner-section > div > div:hover .dropbtn {background-color: #72612b;color: #fff;font-size: 12px;}

.mid-banner{margin-bottom:170px;text-align:center;}
.mid-banner img{max-width:100%;}
.mid-banner .logo{width:360px;height:360px;margin:26px auto 0;background:url(../images/main/logo_ani.png) no-repeat 0 0;}
.mid-banner .txt{margin-top:20px;}

.nav-wrap{width:100%;height: 244px;padding-top: 25px;background:url(../images/main/bg_nav.png) repeat-x center;}
.nav{display:block;width:100%;max-width:1290px;margin: 0 auto 13px;justify-content: center;}
.nav ul{display: flex;flex-wrap: wrap;padding: 0;}
.nav ul:after {clear:both;}
.nav ul li {width:25%;}
/* .nav ul li + li{margin-left:-1px;} */
.nav ul li a {display:block;width:100%;height:60px;text-align:center;font-size:24px;line-height:60px;font-weight:bold;color: #fff;background:url(../images/main/bg_menu.png) center no-repeat;border-width: 2px;border-style: solid;border-top-color: rgb(222 204 183 / 50%);border-left-color: rgb(92 74 56 / 50%);border-right-color: rgb(139 115 89 / 50%);border-bottom-color: rgb(136 122 107 / 50%);}
.nav ul li a:hover{background-color:rgba(255,255,255,0.3);border-top-color: rgb(222 204 183 / 70%);border-left-color: rgb(92 74 56 / 70%);border-right-color: rgb(139 115 89 / 70%);}

.joinwrap{display: flex;justify-content: center;align-items: center;padding:14px 0;border-top:1px solid #f08101;border-bottom:1px solid #f08101;background-color:rgba(0,0,0,0.5);}
.joinBox {}
.joinBox .joinInput{display:inline-block;}
.joinBox .custom_input {display:inline-block; position:relative;}
.joinBox .custom_input input {width:100%;max-width:220px;height: 40px;padding:0 9px;color: #999;font-size: 18px;font-weight:bold;line-height: 40px;border: 2px solid #a0a0a0;background-color: #fff;}
.joinBox .custom_input + .custom_input {margin-left:15px;}
.joinBox .btn_wrap {display:inline-block;}
.joinBox .btn_wrap a{position:relative;display:inline-block;width:120px;height:40px;margin-left:15px;line-height:40px;color:#fff;font-size:14px;font-weight:bold;text-align:center;}
.joinBox .btn_wrap a:hover:after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color: rgb(255 255 255 / 25%);}
.joinBox .btn_login {background:url(../images/main/bg_btn_green.png) no-repeat center;}
.joinBox .btn_join {background:url(../images/main/bg_btn_yellow.png) no-repeat center;}
.joinBox .btn_point {width: 60px;height: 26px;/* margin: 0 20px 0 5px; */line-height: 26px;color:#171024;background-color:#ffe133;border:1px solid #898989;text-align:center;font-size:14px;font-weight:bold;}
.point {color:#19ff17;}

.joinBox .user_box {position:relative;min-width:700px;display: flex;justify-content: center;align-items: center;}

.joinBox .user_box .kbc_txt {display:inline-block; font-size:16px; color:#ffe117; vertical-align:middle; line-height:34px;}
.joinBox .user_box a{margin-right:10px;color:#fff;}
.joinBox .user_box a {display:inline-block;position:relative;font-size:16px;color: #fff;vertical-align:middle;}
.joinBox .user_box .userNick a span{color:#00ff36;}
.joinBox .user_box .userNick:before {display:block;/* content:""; */position:absolute;left:0;top:5px;width:23px;height:26px;background:url(../images/bg_user.png) 0 0 no-repeat;}
.joinBox .user_box .userInfo{display:inline-block;}
.joinBox .user_box .userInfo .userMoney span{color:#ffea00;}
.joinBox .user_box .userInfo .userBalance span{color:#ff8400;}
.joinBox .user_box .userInfo .userComp span{color:#00b4ff;}
.joinBox .user_box .userInfo .userCoupon span{color:#ff3f3f;}
.joinBox .user_box .userInfo .userMsg span{color:#e13bff;}
/* .joinBox .user_box .userMoney {margin:0 30px;font-size:16px;color: #fff;text-align: center;line-height:34px;}
.joinBox .user_box .userMoney span + span{margin-left:8px;} */
.joinBox .btn_logout {background:url(../images/main/bg_btn_red.png) no-repeat center;}

.content-section{position: relative;margin-top:36px;}
.content-section .btn_typeSel{display:flex;justify-content: center;padding:44px 0 46px;background:url(../images/main/bg_typeSel.png) repeat-x center;}
.content-section .btn_typeSel > a{display:block;}
.content-section .btn_typeSel > a:hover{animation: shake 0.4s ease 1 backwards;}
.content-section .btn_typeSel > div a{}
.content-section .btn_typeSel > a img{max-width:100%;}
.content-section .btn_typeSel > a + a{margin-left:44px;}
.content-section .btn_gameSel{max-width:1420px;width:100%;margin:0 auto;padding: 40px 0;}
.content-section .gameList{display:none;}
.content-section .gameList.online{display:block;}
.content-section .gameWrap{display: flex !important;align-items: flex-start!important;align-content: center;justify-content: center;flex-wrap: wrap;}
@keyframes shake {
	0% {transform: rotate(0deg)}
	25% {transform: rotate(-4deg) scale(1.15);}
	50% {transform: rotate(4deg) scale(1.15);}
	75% {transform: rotate(-4deg);}
	100% {transform: rotate(0deg);}
}

.gamePanel{position:relative;margin:15px 0;transition: 0.3s;animation: scBtnAnim 0.8s ease 1 backwards;/* background-color:#fff; */border-radius:10px;}
.gamePanel .gameCont:hover{transform:translateY(-20px);padding:20px 0;margin-bottom:-40px;}
.gamePanel img{width:100%;}
.gamePanel .gameCont{position:relative;transform-origin: center;background-position:center;background-size:cover;border-radius: 8px;box-shadow: inset 0 0 10px 5px #000;border: 4px solid #fff;transition: 0.3s;}
.gamePanel .gameCont .gameBtn button{position:absolute;left:50%;top:52%;transform:translate(-50%, -50%);width:136px;height:58px;font-family: 'SUIT';font-size:28px;font-weight:400;border-radius:7px;border: 1.37px solid rgba(0 0 0 / 0.4);background: linear-gradient(180deg, #fff 0%, #999 100%);opacity:0;transition:0.2s;}
.gamePanel:hover .gameCont .gameBtn button{top:50%;opacity:1;}
.gamePanel .gameCont .gameTxt{position:absolute;right:20px;top:20px;color:#fff;font-family: 'SUIT';font-size:30px;line-height:30px;font-weight:700;text-shadow: 0px 2px 1px black, 0px -2px 1px black, 2px 0px 1px black, -2px 0px 1px black, -2px -2px 1px black, 2px -2px 1px black, -2px 2px 1px black, 2px 2px 1px black;}
.gamePanel .gameCont .gameLogo{position:absolute;left:0;bottom:0;}

.sc-btn {
    width: 338px;
    background-color: #5e4322;
    background-image: linear-gradient(#ffffff 33%,#414751 58%,#827a7b,#c0b6ac,#c3adaa);
    border-radius: 10px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 1);
    display: inline-block;
    margin: 10px 8px;
    padding: 2px;
    position: relative;
    animation: scBtnAnim 0.8s ease 1 backwards;
    transform-origin: bottom center;
    overflow: hidden;
    transition: 0.3s;
	display:none;
}

@keyframes scBtnAnim {
	0% {opacity: 0;transform: translateY(50px) scale(0.5);}
	50% {opacity: 1;transform: translateY(-20px) scale(1);}
	100% {opacity: 1;transform: translateY(0) scale(1);}
}

.sc-btn.off {
    opacity: 0.5;
}

.sc-btn:hover {
    z-index: 2;
    margin-top: -20px;
    margin-bottom: -20px;
    box-shadow: 0 0 10px rgba(234, 209, 163, 0.7);
	transition: 0.3s;
	z-index:10;
}

.sc-btn:before,
.sc-btn:after {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 10px;
    background-image: linear-gradient(#97663c, #58341c);
    transition: 0.3s;
}

.sc-btn:after {
    background-image: linear-gradient(#f3dbac,#ba975e);
    opacity: 0;
}

.sc-btn:hover:after {
    opacity: 1;
}

.sc-btn .g-panel {
    width: 100%;
    background-color: #080808;
    border-radius: 8px;
    padding: 8px 9px;
    overflow: hidden;
    transition: 0.3s;
}

.sc-btn:hover .g-panel {
    background-color: #2a2a2a;
}

.sc-btn .g-panel:before {
    width: 120%;
    height: 50%;
    left: -10%;
    right: 0;
    bottom: -20%;
    margin: 0 auto;
    background-image: radial-gradient(rgba(108, 74, 40, 0.8), rgba(149, 112, 76, 0.15), rgba(108, 74, 40, 0), rgba(108, 74, 40, 0));
}

.sc-btn .g-panel:after {
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.75);
    border-radius: 8px;
    z-index: 4;
}

.sc-btn .g-cont {
    background-color: #000;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 1px #6c4829;
}

.sc-btn:hover .g-cont {
    box-shadow: 0 1px 1px #ae845f, 0 2px 5px rgba(0, 0, 0, 0.5);
}

.sc-btn .g-cont .g-img {
    width: 100%;
	min-height: auto;
    transition: 0.5s;
}

.sc-btn:hover .g-cont .g-img {
    transform: scale(1.1);
    /* opacity: 0.5; */
}

.sc-btn .g-logo {
    width: 70px;
    height: 70px;
    border-radius: 50%;
	background-color: transparent;
    /* background-color: #010b36;
    background-image: linear-gradient(#020d43, #010a30, #020d43); */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    margin-top: -32px;
    transition: 0.3s;
}

.sc-btn:hover .g-logo {
	margin-top: 10px;
}

.sc-btn .g-logo:before {
    width: 70px;
    height: 70px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
	background:url(../images/game/bg_gameLogo.png) no-repeat center;
    /* background-color: #301605; */
}

.sc-btn .g-logo .icon-img {
    max-width: 100%;
    filter: drop-shadow(0 0 10px rgba(210, 126, 70, 0.6));
}

.sc-btn .g-txt {
	position: absolute;
	top: 12px;
	left: 70px;
	color: #dfc38e;
	font-family: 'NanumMyeongjo', serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	-webkit-text-stroke: 0.25px #dfc38e;
	text-shadow: -1px 0px 2px #000, 1px 0px 2px #000, 0px 3px 3px #000, 1px 2px 3px #000;
}

.sc-btn .g-info {
    position: absolute;
    right: 0;
    bottom: 4px;
    z-index: 3;
}

.sc-btn .g-info .g-name {
    width: 100%;
    display: inline-block;
    color: #dfc38e;
    font-size: 18px;
	font-weight:bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    vertical-align: top;
}

.sc-btn .g-footer {
    position: relative;
    z-index: 3;
}

.sc-btn .g-footer:before {
    width: 0;
    height: 7px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-top: solid 1px rgba(255, 255, 255, 0.15);
    border-bottom: solid 1px rgba(255, 255, 255, 0.15);
    transition: 0.5s;
    -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 5%,black 25%,black 75%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 5%,black 25%,black 75%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%);
}

.sc-btn:hover .g-footer:before {
    /* width: 100%; */
}

.sc-btn .play-btn {
    width: 100px;
    height: 35px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 4;
    box-shadow: 0 0 10px rgba(234, 209, 163, 0.5), 0 1px 2px rgba(0, 0, 0, 1), inset 0 0 0 1px #1d160e;
    opacity: 0;
    transform: scale(0);
}

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

.sc-btn:hover .play-btn {
    opacity: 1;
    transform: scale(1);
}
.w-ba:before, 
.w-ba:after {
    content: '';
    pointer-events: none;
    z-index: -1;
    position: absolute;
}

.slot .sc-btn {
    width: 18%;
}
.slot .sc-btn .g-footer{
}
.slot .sc-btn .g-info{
	position: static;
	height: 50px;
	line-height: 60px;
}
.slot .sc-btn .g-logo{
	position: absolute;
	right: 0;
	bottom: 8px;
	width: auto;
	height: 40px;
}
.slot .sc-btn .g-logo:before{
	background: none;
}


.slotList{
	display: flex !important;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
:root {
    --orange: #ff8b2d;
    --yellow: #ffdd3e;
    --white-yellow: #ffd989;
    --red: #fe744f;
}
.game-btn {
    width: calc(25% - 16px);
    display: inline-block;
    margin: 0 8px 15px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background-color: #000;
    background-image: linear-gradient(#97663c, #58341c);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
    padding: 2px;
}

.game-btn:hover {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 1), 0 0 10px rgba(255, 255, 255, 0.25);
}

.game-btn:before {
    width: 100%;
    height: 100%;
    transition: 0.3s;
    background: linear-gradient(#ffda91, #ffba49);
    top: 0;
    left: 0;
    opacity: 0;
}

.game-btn:hover:before {
    opacity: 1;
}

.game-btn .g-panel {
    width: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background-color: #000000;
    border: solid 1px #251b0d;
}

.game-btn .g-panel .g-img {
    transition: 0.5s;
}

.game-btn:hover .g-panel .g-img {
    opacity: 0.3;
    transform: scale(1.1);
}

.game-btn .g-panel .g-footer {
    width: 100%;
    height: 40px;
    left: 0;
    bottom: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
}

.game-btn .g-panel .g-footer:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    margin: 0 auto;
    background-image: linear-gradient(to right, rgba(235, 212, 132, 0), rgba(235, 212, 132, 1), rgba(235, 212, 132, 0));
}

.game-btn .g-panel .g-footer .name-text {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    color: #fff;
	text-align:center;
}

.game-btn .g-panel .g-footer .name-text span {
    position: relative;
    transform: translateY(0);
    display: inline-block;
    transition: 0.5s;
    max-width: 96%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
}

.game-btn .g-panel .g-footer .name-text span:last-child {
    color: var(--yellow);
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(100%);
	opacity:0;
}

.game-btn:hover .g-panel .g-footer .name-text span:first-child {
    transform: translateY(-100%);
}

.game-btn:hover .g-panel .g-footer .name-text span:last-child {
    transform: translateY(0);
	opacity:1;
}

.game-btn .g-panel .play-btn {
    position: absolute;
    top: 8px;
    left: 10px;
    background-color: rgba(255, 255, 255, 0);
    border: none;
    display: flex;
    align-items: center;
}

.game-btn .g-panel .play-btn .text {
    color: #ffffff;
    font-size: 12px;
    text-shadow: 0 1px 1px #000000, 0 0 8px rgba(255, 255, 255, 0.5);
    white-space: nowrap;
    position: absolute;
    left: 0;
    opacity: 0;
    transition: 0.3s;
}

.game-btn .g-panel .play-btn:hover .text {
    color: var(--orange);
}

.game-btn:hover .g-panel .play-btn .text {
    opacity: 1;
}

.game-btn .g-panel .play-btn .icon {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    border-radius: 50%;
    overflow: hidden;
    border: none;
    position: relative;
    z-index: 1;
    transition: 0.3s;
    color: #fff;
}

.game-btn .g-panel .play-btn:hover .icon {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 0 10px rgba(255, 255, 255, 0.4);
}

.game-btn .g-panel .play-btn .icon:before,
.game-btn .g-panel .play-btn .icon:after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: 0.3s;
    background-image: linear-gradient(rgba(0, 153, 51, 1), rgba(0, 103, 51, 1));
}

.game-btn .g-panel .play-btn .icon:after {
    background-image: linear-gradient(var(--orange), #b35b13);
    opacity: 0;
}

.game-btn:hover .g-panel .play-btn .icon:before {
    opacity: 0;
}

.game-btn:hover .g-panel .play-btn .icon:after {
    opacity: 1;
}

.game-btn:hover .g-panel .play-btn .icon {
    transform: translateX(55px) rotate(360deg);
}

.game-btn .g-panel .play-btn .icon i {
    transition: 0.3s;
}

.game-btn:hover .g-panel .play-btn .icon i {
    opacity: 0;
}

.game-btn .g-panel .play-btn .icon .hover-icon {
    position: absolute;
    opacity: 0;
}

.game-btn:hover .g-panel .play-btn .icon .hover-icon {
    opacity: 1;
}
.game-btn.off{display:none;}


.list_txt_wrap {position:relative;display: flex;overflow:hidden;width: 1200px;height: 320px;margin: 0 auto;padding: 24px;background: linear-gradient(180deg, rgb(0 0 0 / 75%), rgb(53 53 53 / 80%));font-size:0;border: 2px solid #ff8900;justify-content: space-between;}
.list_txt_wrap .list_txt_box {display:inline-block;height: 100%;overflow:hidden;}
.list_txt_wrap .list_txt_box.box_second {/* width:316px; *//* margin-left:11px; */}
.list_txt_wrap .list_txt_box .list_title {height:36px;margin: 0;line-height:36px;font-size:20px;font-weight:bold;text-align:center;color:#fff;text-shadow: -1.5px -1.5px 1px #000, 1.5px 1.5px 1px #000, -1.5px 1.5px 1px #000, 1.5px -1.5px 1px #000;}


.list_txt_box .list_cont {position:relative;}
.list_txt_box .list_cont .list_info {overflow:hidden; position:relative; margin-top:5px;}
.list_txt_box .list_cont .list_info + .list_info {margin-top:15px;}
.list_txt_box .list_cont .list_info .list_text {position:relative; padding:0 70px 0 75px; font-size:13px; color:#fff; line-height:16px; letter-spacing:-1px;}

.list_txt_box .list_cont .list_info .list_text.list_chrome:before {display:block; content:""; position:absolute; left:15px; top:50%; width:48px; height:48px; margin-top:-24px; background:url(../images/bg_chrome.png) 0 0 no-repeat;}
.list_txt_box .list_cont .list_info .list_text.list_ie:before {display:block; content:""; position:absolute; left:15px; top:50%; width:45px; height:43px; margin-top:-22px; background:url(../images/bg_ie.png) 0 0 no-repeat;}

.list_txt_box .list_cont .list_info .list_btn_download {position:absolute; right:20px; top:50%; display:block; width:36px; height:46px; margin-top:-23px; background:url(../images/btn_download.png) 0 0 no-repeat; text-indent:-9999px;}

.list_txt_box .list_cont.list_price_info ul {overflow:hidden;margin: 0;padding:0 10px;}
.list_txt_box .list_cont.list_price_info ul li {position:relative;display:flex;width:100%;margin-top: 8px;overflow:hidden;justify-content:space-between;}
/* .list_txt_box .list_cont.list_price_info ul li:before {display:block; content:""; position:absolute; left:0; top:50%; width:2px; height:2px; background-color:#ea5805;} */
.list_txt_box .list_cont.list_price_info ul li:first-child {}
.list_txt_box .list_cont.list_price_info ul li > span {margin-left:10px;display:inline-block;vertical-align:middle;font-size: 16px;color:#fff;text-align:left;}
.list_txt_box .list_cont.list_price_info ul li > span:first-child {width:50px;margin-left:0;}
.list_txt_box .list_cont.list_price_info ul li > span.kbc_hidden {width:90px;text-align:right;}
.list_txt_box .list_cont.list_price_info ul li > span.kbc_user_name {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:calc( 100% - 140px ); overflow:hidden;}

.list_notice {overflow-x:hidden;overflow-y:auto;height: 222px;margin: 0;padding: 0 10px;}
.list_notice li {position:relative;margin-top: 8px;overflow:hidden;}
.list_notice li:before {display:block; content:""; position:absolute; left:0; top:50%;}
.list_notice li a {display: flex;position:relative;font-size: 16px;color:#fff;}
.list_notice li a span{}
.list_notice li a .kbc_noti {display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width: calc( 100% - 90px );overflow:hidden;}
.list_notice li a .kbc_date {display:inline-block;position:absolute;right:0;top:0;width: 90px;text-align: right;}

.list_txt_wrap .list_txt_box.listType {width: 398px;margin-left:0;border:4px solid #53371c;background: linear-gradient(180deg, rgb(0 0 0 / 75%), rgb(53 53 53 / 80%));box-shadow: 0px 2px 7px -2px #000;}
.list_txt_wrap .list_txt_box.listType:after{}
.list_txt_wrap .list_txt_box.listType .list_title{position: relative;background: linear-gradient(180deg, rgb(47 47 47) 0%, rgb(4 4 4) 50%, rgb(43 43 43) 50%, rgb(109 109 109) 100%);border: 1px solid #fde200;}
.list_txt_wrap .list_txt_box.listType .list_title:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height: 32px;border-top: 1px solid #d0d0d0;border-bottom: 1px solid #1c1c1c;}
.list_txt_wrap .list_txt_box.listType .list_cont{height: calc( 100% - 36px );border: 1px solid rgb(13 13 13 / 70%);}

.list_txt_wrap .list_txt_box.linkType .list_cont{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.list_txt_wrap .list_txt_box.linkType .list_cont .list_btn{position: relative;display: block;width: 288px;color: #fff;font-size: 24px;font-weight: bold;text-align: center;line-height: 78px;background: linear-gradient(180deg, rgb(94 78 44) 0%, rgb(8 7 4) 50%, rgb(56 45 24) 50%, rgb(226 188 105) 100%);border: 1px solid #fde200;text-shadow: -2px -2px 1px #000, 2px 2px 1px #000,-2px 2px 1px #000, 2px -2px 1px #000;}
.list_txt_wrap .list_txt_box.linkType .list_cont .list_btn:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height: calc( 100% - 2px );border-top: 1px solid #9c8249;border-bottom: 1px solid #3a301b;}


footer {position:relative;width:100%;margin: 30px 0 0;padding: 40px 0 30px;color:#c4bbbb;background: rgb(0 0 0 / 0.5);}
footer .footer_inner {width: 100%;max-width: 1188px;margin:0 auto;text-align:center;}
footer .footer_copyright {margin: 0;font-size:16px;font-weight:bold;line-height: 24px;}

.footer_sns .iconWrap{display:flex;justify-content: center;margin: 0 0 20px;}
.footer_sns a{display:block;}
.footer_sns a + a{margin-left: 40px;}

.footer_family_site {width:100%; height:97px; background-color:rgba(0,0,0,1);}
.footer_family_site .footer_family_box {width:700px; height:97px; margin:0 auto;}



/* layer popup */
.overflow {width:100%; height:100%; overflow:hidden;}

.kbc_txt_details{margin:0;}
.kbc_lp_content {padding: 10px 20px;background-color: #191a1c;border-radius: 6px;}
.kbc_lp_content select, .kbc_lp_content input[type='text'], .kbc_lp_content input[type='password']{width: 100%;height: 30px;padding: 0 8px;color: #fff;line-height:30px;background-color:#38393f;border: 1px solid #38393f;border-radius:4px;}
.kbc_lp_content .btn-wrap{display:flex;justify-content: space-between;margin-top: 10px;}
.kbc_lp_content .btn-wrap [class^="btn_"]{width: 15%;}
.kbc_lp_content.kbc_scroll_cont {overflow-y:auto;}

.kbc_lp_h3 {position:relative;height:57px;color:#fff;font-weight:bold;font-size:16px;line-height:50px;}
.kbc_lp_h3:after {display:block; content:""; position:absolute; left:0; bottom:7px; width:100%; height:1px; background-color:#686359;}
.kbc_lp_h3.parent {background:transparent;}

.kbc_tbl_box {padding: 0;border-bottom:none;}
.kbc_tbl th {height: 30px;padding: 0 8px;font-size:14px;font-weight:bold;color:#fff;vertical-align:middle;text-align:left;}
.kbc_tbl td {height: 30px;font-size:12px;font-weight:bold;color:#fff;vertical-align:middle;text-align:left;}
.kbc_tbl td.kbc_r {text-align:right;}

.kbc_tbl.list_type th, .kbc_tbl.list_type td{text-align:center;}
.kbc_tbl.list_type th{font-weight:bold;/* border-bottom: 1px solid #47484b; */}
.kbc_tbl.list_type tbody tr{border-bottom: 1px solid #47484b;}
.kbc_tbl.list_type thead th{background-color: rgb(0 0 0 / 40%)}
.kbc_tbl.list_type td.showNotice{text-align:left;cursor:pointer;}
.kbc_tbl.list_type .noticeDetail td{text-align:left;}

.kbc_description {margin: 0;font-size:12px;color:#fff;font-weight:bold;line-height:18px;border-top:1px solid #47484b;}
.kbc_pdBox td {padding:15px 0;}
.kbc_pdBox_half td {padding:7px 0;}

.kbc_txt_white {display:inline-block;vertical-align:middle;color:#fff;font-weight:bold;}
.kbc_txt_red {vertical-align:middle;color:#ff0000;font-weight:bold;}

.kbc_btn_sign {display:inline-block; width:152px; height:46px; background:url(../images/btn_resist.png) 0 0 no-repeat; text-indent:-9999px;}
.kbc_btn_deposit {display:inline-block; width:152px; height:46px; background:url(../images/btn_resist.png) 0 0 no-repeat; text-indent:-9999px;}
.kbc_btn_deposit02 {display: inline-block;width: 120px;height: 40px;padding:1px;text-align:center;background: linear-gradient(180deg, #ec7b7b 0%, #c74141 50%, #a10000 50%, #cc3b3b 70%, #840606 100%);border: 1px solid #000;}
.kbc_btn_deposit02 > span {display:inline-block;width:100%;height:100%;color: #fff;font-size: 16px;font-weight: bold;line-height: 36px;text-align:center;text-shadow: -0.5px -1.5px 1px #000, 0.5px 0.5px 1px #000, -0.5px 0.5px 1px #000, 1.5px -1.5px 1px #000;}

.kbc_hypen {display:inline-block; width:8px; height:2px; margin:0 6px; background-color:#fff; vertical-align:middle;}

.kbc_inline_box {display:inline-block; vertical-align:middle;}
.kbc_inline_box > span {display:inline-block;}
.kbc_r {text-align:right !important;}
.kbc_l {text-align:left !important;}
.txt_yellow {color:#e9d10b !important;}
.kbc_h30 {height:30px !important; box-sizing:border-box;}
.kbc_block {display:block !important;}
.kbc_pdT60 {padding-top:60px !important;}
.bg_dark_gray {background-color:#1d1c21;}

.kbc_lp_cont_top {/* height:58px; */padding: 10px 0;color:#fff;font-size: 12px;border-bottom: 1px solid #969696;background-color:#1d1c21;}
.kbc_lp_cont_top select {width:60px; height:24px; background-color:#000; border:1px solid #000; color:#fff; appearance:none; -webkit-appearance:none;}

.kbc_tbl_details thead th {height:49px;border-bottom: 1px solid #969696;vertical-align:middle;font-size:16px;color:#fff;font-weight:bold;}
.kbc_tbl_details thead th span {display:inline-block; position:relative; width:100%; vertical-align:middle;}
.kbc_tbl_details thead th span:before {display:block; content:""; position:absolute; left:0; top:2px; width:2px; height:16px; background-color:#fff;}
.kbc_tbl_details thead th.kbc_first span:before {display:none;}
.kbc_tbl_details tbody td {height:49px; vertical-align:middle; text-align:center; font-size:14px; color:#fff;}
.kbc_tbl_details tbody td.kbc_l {padding-left:30px;}
.kbc_tbl_details tbody td.kbc_r {padding-right:30px;}

.kbc_row > a {display:inline-block;width:60px;padding: 1px;color: #000;font-size: 14px;font-weight: bold;line-height:30px;text-align:center;vertical-align:middle;margin-left:10px;}
.tbl_txt_block {display:block; margin:5px 0 0 0;}

.kbc_tbl.kbc_bd th, .kbc_tbl.kbc_bd td {border-bottom: 1px solid #47484b;}
.kbc_tbl.kbc_bd tr:last-child th, .kbc_tbl.kbc_bd tr:last-child td {border-bottom: 0 none;}

.kbc_page_navi {margin-top:30px; text-align:center;}
.kbc_page_navi a {display:inline-block; width:25px; height:25px;  line-height:25px; margin:0 5px; vertical-align:middle; font-size:15px; color:#fff;}
.kbc_page_navi a.on {color:#ffe201;}

.btn_layer_close {display:block; position:absolute; right:0; top:0; width:44px; height:44px; background:url(../images/btn_layer_close.png) 0 0 no-repeat; text-indent:-9999px;}
.btn_layer_close_detail {display:block; position:absolute; right:0; top:0; width:44px; height:44px; background:url(../images/btn_layer_close.png) 0 0 no-repeat; text-indent:-9999px;}
.btn_layer_close_view {display:block; position:absolute; right:0; top:0; width:44px; height:44px; background:url(../images/btn_layer_close.png) 0 0 no-repeat; text-indent:-9999px;}

.kbc_btn_wrap {margin-top:10px; text-align:center;}
.kbc_btn_wrap > a {display:inline-block;}

.kbc_btn_checked {display:inline-block; margin-left:10px; vertical-align:middle;}

.kbc_modal_notice .kbc_tbl_box {padding:0; border-bottom:none;}
.kbc_modal_notice .kbc_tbl_box table th {padding:20px 0 20px 40px;}
.kbc_modal_notice .kbc_tbl_box table td {padding:20px 15px;}
.kbc_modal_notice .kbc_tbl_box table td.kbc_td_content {padding:20px 25px;}
.kbc_td_content .td_content {min-height:330px; padding:10px; background-color:#0e0314; line-height:18px; color:#fff; box-sizing:border-box;overflow-y:auto;overflow-x:hidden;}

.kbc_modal_customer .kbc_tbl thead th {height:57px; background-color:#1d1c21; color:#fff; font-size:16px; text-align:center;}
.kbc_modal_customer .kbc_tbl tbody td {height:57px; color:#fff; font-size:14px; text-align:center;}
.kbc_modal_customer .kbc_tbl_box {padding:0; border-bottom:none;}
.kbc_modal_customer .kbc_tbl .kbc_cont {padding-left:40px; text-align:left;}

.kbc_tbl_customer {margin-top:20px;}
.kbc_tbl_customer th {padding: 8px 0;color:#fff;}
.kbc_tbl_customer td {padding: 6px 0;}
.kbc_tbl_customer td.title input {width: 800px;height: 24px;border:0;}
.kbc_tbl_customer td.context textarea {width: 800px;height: 300px;border:0;}
.btncustomer.kbc_btn_ok, .btncustomer.kbc_btn_ok_detail {display: inline-block;margin-top: 10px;}


.kbc_tabs_wrap .kbc_tab_nav {margin: 0;padding: 10px 0 0;}
.kbc_tabs_wrap .kbc_tab_nav:after {display:block; content:""; clear:both;}
.kbc_tabs_wrap .kbc_tab_nav li {float:left; margin-left:40px;}
.kbc_tabs_wrap .kbc_tab_nav li:first-child {margin-left:0;}
.kbc_tabs_wrap .kbc_tab_nav li a {display:block; color:#fff; font-weight:bold; font-size:20px;}
.kbc_tabs_wrap .kbc_tab_nav li.on a {color:#feae16;}
.kbc_tab_cont {display:none;padding: 0;}
.kbc_tab_cont.on {display:block;}

.kbc_tab_title {margin-bottom:20px; font-size:20px; color:#fff; font-weight:bold;}
.kbc_txt_description {margin-bottom:20px; font-size:14px; color:#fff; line-height:18px;}
.kbc_img_cont {margin-bottom:20px;}
.kbc_rules_list {margin:20px 0 40px;}
.kbc_rules_list li {margin-top:15px; line-height:18px; font-size:14px; color:#fff;}
.kbc_rules_list li:first-child {margin-top:0;}

.kbc_ruls_title {margin-top:20px; font-size:18px; color:#fff; font-weight:bold;}

.kbc_modal_info .kbc_tbl {margin-top:20px;}
.kbc_modal_info .kbc_tbl th {height:57px; background-color:#1d1c21; padding:0 30px; line-height:18px;}
.kbc_modal_info .kbc_tbl td {height:57px; padding:0 30px; line-height:18px; text-align:left; border-bottom:1px solid #686359;}

#pop_join .modal-header{align-items: baseline;}
#pop_join .modal-title{display:inline-block;}
#pop_join  .recommId{margin-left: 10px;flex:1 0;}
#pop_join .kbc_txt_details{font-size:12px;}
#pop_join .phone .custom_input{display:inline-block;width:90px;}
#pop_join .addBtn .custom_input{display:inline-block;width: calc( 100% - 100px );}
#pop_join .kbc_btn_checked{display:inline-block;width:80px;color:#fff;font-size:14px;text-align:center;/* font-weight:bold; */line-height:26px;text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;}
#pop_recomm .addBtn .custom_input{display:inline-block;width: calc( 100% - 100px );}
#pop_recomm .kbc_btn_checked{display:inline-block;width:80px;color:#fff;font-size:14px;text-align:center;/* font-weight:bold; */line-height:26px;text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;}

/* input */
.custom_input {display:block; position:relative;}
.custom_input + [class^="kbc_txt"]{display:block;margin-top: 10px;}
.custome_select {display:block; position:relative;}

.custom_input .custome_select{display:inline-block;}

.custom_input.disable input {background-color:#000; border:1px solid #000; color:#000;}
.custom_input input[type="text"]:disabled {background-color:#000; border:1px solid #000; color:#000;}

/* 크롬 4–56
::-webkit-input-placeholder {color: #fff;} */
/* 파이어폭스 4–18
:-moz-placeholder {color: #fff;opacity:  1;} */
/* 파이어폭스 19–50
::-moz-placeholder {color: #fff;opacity:  1;} */
/* 인터넷 익스플로러 10+
:-ms-input-placeholder {color:  #fff;} */
/* 파이어폭스 51+, 크롬 57+
::placeholder {color: #fff;opacity:  1;} */

.simply-scroll-container { /* Container DIV - automatically generated */
	position: absolute;
}

.simply-scroll-clip { /* Clip DIV - automatically generated */
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
}
.simply-scroll { /* Customisable base class for style override DIV */
	width: 100%;
	height: 200px;
	margin-bottom: 1em;
}

.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 185px;
}
#msg_div{background-color:#FFF; border:2px solid #3CF;width:300px; position:absolute;height:320px;top:50px; left:100px;z-index:1000;padding:10px;display:none;}

.modal-content{
    background-color: #202226;
}
.modal-header{
    padding: 16px 32px;
    color: #fff;
    background: linear-gradient(0deg, transparent 50%, rgb(255 255 255 / 40%) 100%);
    border-bottom: 1px solid #53595f;
    border-bottom: 0;
}
.modal-title{
    font-weight: bold;
}
.modal-body{
    padding: 0 1rem;
}
.modal-footer{
    border-top: 1px solid #53595f;
    border-top: 0;
	justify-content: center;
}
.modal-title h5{display:inline-block;margin: 0;vertical-align: middle;}
.searchSlot{display: inline-block;margin-left: 10px;vertical-align: middle;}
.searchSlot input[type='text']{line-height: 28px;border-radius: 0.25rem;padding: 0 1rem;border: 0;}
.searchSlot input[type='button']{font-size: 14px;font-weight: 600;line-height: 28px;color: #FFFFFF;border-radius: 0.25rem;padding: 0 1rem;margin-left: 1em;text-wrap: nowrap;border:0;}
@media(max-width:767px) {
	.modal-header{padding: 16px;}
	.modal-title h5{display: none;margin: 0;vertical-align: middle;}
	.searchSlot{margin-left: 0;}
}

#my-spinner1 { width: 100%; height: 100%; top: 0; left: 0; display: none; opacity: .6; background: silver; position: absolute; z-index: 2; }
#my-spinner1 div { width: 100%; height: 100%; display: table; }
#my-spinner1 span { display: table-cell; text-align: center; vertical-align: middle; }
#my-spinner1 img { background: white; padding: 1em; border-radius: .7em; }

#my-spinner2 { width: 100%; height: 100%; top: 0; left: 0; display: none; opacity: .6; background: silver; position: absolute; z-index: 2; }
#my-spinner2 div { width: 100%; height: 100%; display: table; }
#my-spinner2 span { display: table-cell; text-align: center; vertical-align: middle; }
#my-spinner2 img { background: white; padding: 1em; border-radius: .7em; }

input[name*='safeType']{}
input[name*='safeType'] + label {margin-left: 4px;font-size:14px;}
label + input[name*='safeType']{margin-left: 8px;}

#hidden_div + iframe{position:absolute;}

/* Banner Text */
.banner-carousel {position: relative;z-index: 5;margin: 35px auto 0;}
.banner-carousel .text-panel {max-width: 730px;margin: 0 auto 25px;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);background-color: rgba(0, 0, 0, 0.57);padding: 15px 15px;-webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 5%,black 25%,black 75%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%);mask-image: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 5%,black 25%,black 75%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 100%);position: relative;z-index: 1;}
.banner-carousel .text-panel:before {width: 100%;height: 100%;top: 0;bottom: 0;left: 0;margin: auto 0;border: solid 1px #9c988f;opacity: 0.4;}
.banner-carousel .text-panel h1 {color: #f4efd4;font-size: 30px;opacity: 0;}
.banner-carousel .text-panel h2 {font-size: 24px;color: #e8a31e;opacity: 0;}
.banner-carousel .text-panel h1:first-child {animation: bannerText01 6s ease 1 forwards;}

@keyframes bannerText01 {
    0% {opacity: 0;transform: scale(0);}
    10% {opacity: 1;transform: scale(1.1);}
    20% {opacity: 1;transform: scale(1);}
    95% {opacity: 1;transform: scale(1);}
    100% {opacity: 0;transform: scale(0);}
}
.banner-carousel .text-panel h2:nth-child(2) {animation: bannerText02 6s ease 1 forwards;}
@keyframes bannerText02 {
    0% {opacity: 0;transform: scale(0);}
    3% {opacity: 0;transform: scale(0);}
    13% {opacity: 1;transform: scale(1.1);}
    23% {opacity: 1;transform: scale(1);}
    95% {opacity: 1;transform: scale(1);}
    100% {opacity: 0;transform: scale(0);}
}
.banner-carousel .text-panel h2:nth-child(3) {animation: bannerText03 6s ease 1 forwards;}
@keyframes bannerText03 {
    0% {opacity: 0;transform: scale(0);}
    6% {opacity: 0;transform: scale(0);}
    16% {opacity: 1;transform: scale(1.1);}
    26% {opacity: 1;transform: scale(1);}
    95% {opacity: 1;transform: scale(1);}
    100% {opacity: 0;transform: scale(0);}
}
.carousel-indicators {margin: 0 auto;bottom: 0;}
.carousel-indicators li {width: 30px;height: 4px;border-radius: 3px;margin: 0 5px;background-color: rgba(255, 255, 255, 0.5);border:none;opacity: 1;transition: 0.3s;}
.carousel-indicators li:hover {background-color: rgba(255, 255, 255, 1);}
.carousel-indicators li.active {width: 40px;height: 6px;background-color: #de4628;}

:lang(ja) body{}

@media(max-width:1200px){
	.bg_ani > div{height: 868px;}


	.mid-banner{margin-bottom: 120px;}
	.mid-banner img{max-width: 80%;}

	.nav-wrap{height: 212px;padding-top: 28px;background-size: auto 100%;}
	.nav{width:80%;margin: 0 auto 13px;}
	.nav ul li a {height: 50px;font-size: 18px;line-height: 50px;}
	.joinwrap{padding: 10px 0;}
	.joinBox .custom_input input {width: 140px;height: 30px;padding: 0 6px;font-size: 14px;line-height: 30px;}
	.joinBox .custom_input + .custom_input {margin-left: 8px;}
	.joinBox .btn_wrap a{width: 90px;height: 30px;margin-left: 8px;line-height: 30px;background-size: 100% auto;}
	.joinBox .user_box {min-width:700px;}
	.joinBox .user_box a{margin-right: 8px;}
	.joinBox .user_box a {font-size: 14px;}

	.content-section{margin-top: 0px;}
	.content-section .btn_typeSel{padding: 34px 20px 36px;background-size: auto 100%;}
	.content-section .btn_typeSel > a + a{margin-left: 24px;}
	.content-section .btn_gameSel{padding: 30px;}

	.sc-btn {width: calc( 33.33% - 10px );margin: 10px 4px;}
	.sc-btn:hover {margin-top: -4px;margin-bottom: -10px;}
	.sc-btn .g-panel {padding: 4px;}
	.sc-btn .g-logo {width: 50px;height: 50px;margin-top: -22px;}
	.sc-btn .g-logo:before {width: 50px;height: 50px;background-size: 100% auto;}
	.sc-btn .g-txt {top: 2px;left: 60px;}
	.sc-btn .g-info {right: 4px;}
	.sc-btn .g-info .g-name {font-size: 16px;}

	.slot .sc-btn {width: calc( 25% - 10px );}
	.slot .sc-btn .g-footer{text-align: center;}
	.slot .sc-btn .g-info{height: 32px;line-height: 36px;}
	.slot .sc-btn .g-logo{display: none;}

	.game-btn:hover {box-shadow: 0 2px 2px rgba(0, 0, 0, 1), 0 0 10px rgba(255, 255, 255, 0.25);}
	.game-btn:before {width: 100%;height: 100%;transition: 0.3s;background: linear-gradient(#ffda91, #ffba49);top: 0;left: 0;opacity: 0;}
	.game-btn:hover:before {opacity: 1;}
	.game-btn .g-panel {width: 100%;position: relative;border-radius: 10px;overflow: hidden;background-color: #000000;border: solid 1px #251b0d;}
	.game-btn .g-panel .g-img {transition: 0.5s;}
	.game-btn:hover .g-panel .g-img {opacity: 0.3;transform: scale(1.1);}
	.game-btn .g-panel .g-footer {width: 100%;height: 40px;left: 0;bottom: 0;position: absolute;background-color: rgba(0, 0, 0, 0.75);display: flex;align-items: center;justify-content: center;}
	.game-btn .g-panel .g-footer:before {content: '';width: 100%;height: 1px;position: absolute;right: 0;left: 0;top: 0;margin: 0 auto;background-image: linear-gradient(to right, rgba(235, 212, 132, 0), rgba(235, 212, 132, 1), rgba(235, 212, 132, 0));}
	.game-btn .g-panel .g-footer .name-text {width: 100%;display: inline-block;overflow: hidden;position: relative;color: #fff;text-align:center;}
	.game-btn .g-panel .g-footer .name-text span {position: relative;transform: translateY(0);display: inline-block;transition: 0.5s;max-width: 96%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 auto;}
	.game-btn .g-panel .g-footer .name-text span:last-child {color: var(--yellow);position: absolute;left: 0;right: 0;transform: translateY(100%);opacity:0;}
	.game-btn:hover .g-panel .g-footer .name-text span:first-child {transform: translateY(-100%);}
	.game-btn:hover .g-panel .g-footer .name-text span:last-child {transform: translateY(0);opacity:1;}
	.game-btn .g-panel .play-btn {position: absolute;top: 8px;left: 10px;background-color: rgba(255, 255, 255, 0);border: none;display: flex;align-items: center;}
	.game-btn .g-panel .play-btn .text {color: #ffffff;font-size: 12px;text-shadow: 0 1px 1px #000000, 0 0 8px rgba(255, 255, 255, 0.5);white-space: nowrap;position: absolute;left: 0;opacity: 0;transition: 0.3s;}
	.game-btn .g-panel .play-btn:hover .text {color: var(--orange);}
	.game-btn:hover .g-panel .play-btn .text {opacity: 1;}
	.game-btn .g-panel .play-btn .icon {width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);border-radius: 50%;overflow: hidden;border: none;position: relative;z-index: 1;transition: 0.3s;color: #fff;}
	.game-btn .g-panel .play-btn:hover .icon {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 0 10px rgba(255, 255, 255, 0.4);}
	.game-btn .g-panel .play-btn .icon:before, .game-btn .g-panel .play-btn .icon:after {width: 100%;height: 100%;left: 0;top: 0;transition: 0.3s;background-image: linear-gradient(rgba(0, 153, 51, 1), rgba(0, 103, 51, 1));}
	.game-btn .g-panel .play-btn .icon:after {background-image: linear-gradient(var(--orange), #b35b13);opacity: 0;}
	.game-btn:hover .g-panel .play-btn .icon:before {opacity: 0;}
	.game-btn:hover .g-panel .play-btn .icon:after {opacity: 1;}
	.game-btn:hover .g-panel .play-btn .icon {transform: translateX(55px) rotate(360deg);}
	.game-btn .g-panel .play-btn .icon i {transition: 0.3s;}
	.game-btn:hover .g-panel .play-btn .icon i {opacity: 0;}
	.game-btn .g-panel .play-btn .icon .hover-icon {position: absolute;opacity: 0;}
	.game-btn:hover .g-panel .play-btn .icon .hover-icon {opacity: 1;}


	.list_txt_wrap {display: block;width: 100%;height: auto;padding: 14px;border-left: 0 none;border-right: 0 none;}
	.list_txt_wrap .list_txt_box .list_title {height: 28px;line-height: 28px;font-size: 16px;}
	.list_txt_wrap .list_txt_box.linkType{width: 100%;margin:20px 0;}
	.list_txt_box .list_cont.list_price_info ul {height: 222px;}
	.list_notice li a {padding: 2px 0;font-size: 14px;}
	.list_txt_wrap .list_txt_box.listType {width: 100%;margin-left:0;border:4px solid #53371c;background: linear-gradient(180deg, rgb(0 0 0 / 75%), rgb(53 53 53 / 80%));box-shadow: 0px 2px 7px -2px #000;}
	.list_txt_wrap .list_txt_box.linkType .list_cont{flex-direction: row;}
	.list_txt_wrap .list_txt_box.linkType .list_cont .list_btn{width: 30%;font-size: 16px;line-height: 48px;}

	footer {margin: 0;padding: 30px 0;}


	/* layer popup */
	.kbc_lp_cont_top {/* height:58px; */ padding-bottom:15px; border-bottom: 1px solid #969696;background-color:#1d1c21;}

#gameLog .kbc_tbl{overflow:auto;}
#gameLog table{min-width: 1100px;}
}



@media(max-width:1000px){
	.bg_ani > div{display:none;}
}

@media(max-width:767px){
	.topBanner-section:before{height: 42px;background-position: top -78px center;}
	.topBanner-section .top_logo{width: 100%;}
	.topBanner-section .top_logo .img{line-height: 40px;}
	.topBanner-section .langBox{top: 6px;right: 4px;}
	.topBanner-section .langBox .selectBox{width: 32px;height: 28px;padding: 0;}
	.topBanner-section .langBox .txt{width: 32px;text-align: center;}
	.topBanner-section .langBox .txt span{display:none;}
	.topBanner-section .langBox .arrow{display: none;}
	.dropdown-content {margin-left: -102px;}

	.mid-banner{margin-bottom: 50px;}
	.mid-banner img{max-width: 80%;}
	.mid-banner .txt{display:none;margin-top:20px;}
	.mid-banner .logo{width: 240px;height: 240px;margin: 0 auto;background-size:240px auto;}

	.nav-wrap{height: auto;padding-top: 20px;background-size: auto 100%;}
	.nav{width: 90%;margin: 0 auto 20px;}
	.nav ul{margin:0 0 0;}
	.nav ul li a {height: 40px;font-size: 14px;line-height: 40px;}

	.joinwrap{padding: 10px 4px;}
	.joinBox .joinInput{display:flex;flex-wrap:wrap;justify-content: space-between;}
	.joinBox .custom_input {width: 48%;}
	.joinBox .custom_input input {width: 100%;height: 30px;font-size: 14px;border-width: 1px;}
	.joinBox .custom_input + .custom_input {margin-left: 8px;}
	.joinBox.joinOut .btn_wrap {display: block;margin-top: 10px;}
	.joinBox.joinIn .btn_wrap {display: flex;width: 100%;margin-top:8px;justify-content:space-between}
	.joinBox.joinIn .btn_wrap a{width: 48%;margin-left:0;background-size: 100% 100%;}
	.joinBox.joinIn .btn_wrap a:hover:after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color: rgb(255 255 255 / 25%);}
	.joinBox.joinIn .btn_wrap a + a{margin-left:1%;}
	.joinBox .user_box {display: block;min-width: auto;text-align: center;}
	.joinBox .user_box .userNick{margin-bottom: 6px;}
	.joinBox .user_box .userNick a{margin: 0;}
	.joinBox .user_box a {margin: 2px 4px;}
	.joinBox .user_box .userInfo{display: flex;flex-wrap: wrap;justify-content: center;}

	.content-section .btn_typeSel{display:block;padding: 20px 10px 20px;}
	.content-section .btn_typeSel > a{width:80%;margin:0 auto;}
	.content-section .btn_typeSel > a:hover{animation: shake 0.4s ease 1 backwards;}
	.content-section .btn_typeSel > a + a{margin: 14px auto 0;}
	.content-section .btn_gameSel{padding: 10px;}

	.sc-btn {width: calc( 50% - 10px );margin: 6px 4px;}
	.sc-btn:hover {margin-top: -4px;margin-bottom: -10px;}
	.sc-btn .g-logo {width: 36px;height: 36px;margin-top: -12px;}
	.sc-btn:hover .g-logo {margin-top: 4px;}
	.sc-btn .g-logo:before {width: 36px;height: 36px;}
	.sc-btn .g-txt {top: -4px;left: 40px;font-size: 14px;}
	.sc-btn .g-txt img {height: 16px;}
	.sc-btn .g-info {right: 2px;bottom: 2px;}
	.sc-btn .g-info .g-name {display: block;font-size: 14px;}
	.sc-btn .play-btn {width: 90px;height: 30px;}

	.slot .sc-btn {width: calc( 50% - 10px );}

	.game-btn {width: calc(25% - 16px);display: inline-block;margin: 0 8px 15px;position: relative;border-radius: 10px;overflow: hidden;background-color: #000;background-image: linear-gradient(#97663c, #58341c);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);padding: 2px;}
	.game-btn:hover {box-shadow: 0 2px 2px rgba(0, 0, 0, 1), 0 0 10px rgba(255, 255, 255, 0.25);}
	.game-btn:before {width: 100%;height: 100%;transition: 0.3s;background: linear-gradient(#ffda91, #ffba49);top: 0;left: 0;opacity: 0;}
	.game-btn:hover:before {opacity: 1;}
	.game-btn .g-panel {width: 100%;position: relative;border-radius: 10px;overflow: hidden;background-color: #000000;border: solid 1px #251b0d;}
	.game-btn .g-panel .g-img {transition: 0.5s;}
	.game-btn:hover .g-panel .g-img {opacity: 0.3;transform: scale(1.1);}
	.game-btn .g-panel .g-footer {width: 100%;height: 40px;left: 0;bottom: 0;position: absolute;background-color: rgba(0, 0, 0, 0.75);display: flex;align-items: center;justify-content: center;}
	.game-btn .g-panel .g-footer:before {content: '';width: 100%;height: 1px;position: absolute;right: 0;left: 0;top: 0;margin: 0 auto;background-image: linear-gradient(to right, rgba(235, 212, 132, 0), rgba(235, 212, 132, 1), rgba(235, 212, 132, 0));}
	.game-btn .g-panel .g-footer .name-text {width: 100%;display: inline-block;overflow: hidden;position: relative;color: #fff;text-align:center;}
	.game-btn .g-panel .g-footer .name-text span {position: relative;transform: translateY(0);display: inline-block;transition: 0.5s;max-width: 96%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 auto;}
	.game-btn .g-panel .g-footer .name-text span:last-child {color: var(--yellow);position: absolute;left: 0;right: 0;transform: translateY(100%);opacity:0;}
	.game-btn:hover .g-panel .g-footer .name-text span:first-child {transform: translateY(-100%);}
	.game-btn:hover .g-panel .g-footer .name-text span:last-child {transform: translateY(0);opacity:1;}
	.game-btn .g-panel .play-btn {position: absolute;top: 8px;left: 10px;background-color: rgba(255, 255, 255, 0);border: none;display: flex;align-items: center;}
	.game-btn .g-panel .play-btn .text {color: #ffffff;font-size: 12px;text-shadow: 0 1px 1px #000000, 0 0 8px rgba(255, 255, 255, 0.5);white-space: nowrap;position: absolute;left: 0;opacity: 0;transition: 0.3s;}
	.game-btn .g-panel .play-btn:hover .text {color: var(--orange);}
	.game-btn:hover .g-panel .play-btn .text {opacity: 1;}
	.game-btn .g-panel .play-btn .icon {width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);border-radius: 50%;overflow: hidden;border: none;position: relative;z-index: 1;transition: 0.3s;color: #fff;}
	.game-btn .g-panel .play-btn:hover .icon {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 0 10px rgba(255, 255, 255, 0.4);}
	.game-btn .g-panel .play-btn .icon:before, .game-btn .g-panel .play-btn .icon:after {width: 100%;height: 100%;left: 0;top: 0;transition: 0.3s;background-image: linear-gradient(rgba(0, 153, 51, 1), rgba(0, 103, 51, 1));}
	.game-btn .g-panel .play-btn .icon:after {background-image: linear-gradient(var(--orange), #b35b13);opacity: 0;}
	.game-btn:hover .g-panel .play-btn .icon:before {opacity: 0;}
	.game-btn:hover .g-panel .play-btn .icon:after {opacity: 1;}
	.game-btn:hover .g-panel .play-btn .icon {transform: translateX(55px) rotate(360deg);}
	.game-btn .g-panel .play-btn .icon i {transition: 0.3s;}
	.game-btn:hover .g-panel .play-btn .icon i {opacity: 0;}
	.game-btn .g-panel .play-btn .icon .hover-icon {position: absolute;opacity: 0;}
	.game-btn:hover .g-panel .play-btn .icon .hover-icon {opacity: 1;}

	.list_txt_wrap {display: block;width: 100%;height: auto;padding: 14px;border-left: 0 none;border-right: 0 none;}
	.list_txt_box .list_cont.list_price_info ul li > span {font-size: 14px;}
	.list_notice li a {padding: 2px 0;font-size: 14px;}
	.list_txt_wrap .list_txt_box.listType {border-width: 2px;}
	.list_txt_wrap .list_txt_box.linkType .list_cont .list_btn{width: 32%;font-size: 14px;line-height: 44px;text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;}


	footer .footer_copyright {font-size: 14px;}
	footer {padding: 30px 0;}
	footer .footer_copyright {font-size: 12px;line-height: 18px;}

	.footer_sns .iconWrap{margin: 0 0 14px;}
	.footer_sns a{width: 48px;}
	.footer_sns a img{width:100%;}
	.footer_sns a + a{margin-left: 20px;}


	/* layer popup */
	.kbc_lp_content select, .kbc_lp_content input{}
	.kbc_lp_content .btn-wrap{display:flex;justify-content: space-between;margin-top: 10px;flex-wrap: wrap;}
	.kbc_lp_content .btn-wrap [class^="btn_"]{width: 32%;margin: 0 0.5%;}
	.kbc_lp_content .btn-wrap a:nth-child(n+4){margin-top: 6px;}

	#pop_join .kbc_tbl tr,
	#pop_deposit .kbc_tbl tr,
	#pop_withdrawal .kbc_tbl tr
	{display: block;width: 100%;}
	.kbc_tbl colgroup{display:none;}
	#pop_join .kbc_tbl th,
	#pop_deposit .kbc_tbl th,
	#pop_withdrawal .kbc_tbl th
	{display: block;height: auto;padding: 14px 0 4px;}
	#pop_join .kbc_tbl td,
	#pop_deposit .kbc_tbl td,
	#pop_withdrawal .kbc_tbl td
	{display: block;height: auto;padding: 4px 0;}

	.kbc_lp_cont_top {/* height:58px; */ padding-bottom:15px; border-bottom: 1px solid #969696;background-color:#1d1c21;}

	/* input */
	#pop_join .phone .custom_input,
	#pop_deposit .phone .custom_input,
	#pop_withdrawal .phone .custom_input
	{width: calc( 33.33% - 18px );}

}

.popup_evol_game{color: #fff;border:0 none;}
.gameBox{background: linear-gradient(0deg, transparent 92%, rgb(255 255 255 / 40%) 100%);background-color: #202226;}
.close_evol{position:absolute;top:16px;right:20px;}


#my-spinner1 { width: 100%; height: 100vh; top: 0; left: 0; display: none; opacity: .6; background: silver; position: fixed; z-index: 100; }
#my-spinner1 div { width: 100%; height: 100vh; display: table; }
#my-spinner1 span { display: table-cell; text-align: center; vertical-align: middle; }
#my-spinner1 img { background: white; padding: 1em; border-radius: .7em; }

#my-spinner2 { width: 100%; height: 100vh; top: 0; left: 0; display: none; opacity: .6; background: silver; position: fixed; z-index: 100; }
#my-spinner2 div { width: 100%; height: 100vh; display: table; }
#my-spinner2 span { display: table-cell; text-align: center; vertical-align: middle; }
#my-spinner2 img { background: white; padding: 1em; border-radius: .7em; }

#my-spinner3 { width: 100%; height: 100vh; top: 0; left: 0; display: none; opacity: .6; background: silver; position: fixed; z-index: 100; }
#my-spinner3 div { width: 100%; height: 100vh; display: table; }
#my-spinner3 span { display: table-cell; text-align: center; vertical-align: middle; }
#my-spinner3 img { background: white; padding: 1em; border-radius: .7em; }

#my-spinner4 { width: 100%; height: 100vh; top: 0; left: 0; display: none; opacity: .6; background: silver; position: fixed; z-index: 100; }
#my-spinner4 div { width: 100%; height: 100vh; display: table; }
#my-spinner4 span { display: table-cell; text-align: center; vertical-align: middle; }
#my-spinner4 img { background: white; padding: 1em; border-radius: .7em; }

#my-spinner5 { width: 100%; height: 100vh; top: 0; left: 0; display: none; opacity: .6; background: silver; position: fixed; z-index: 100; }
#my-spinner5 div { width: 100%; height: 100vh; display: table; }
#my-spinner5 span { display: table-cell; text-align: center; vertical-align: middle; }
#my-spinner5 img { background: white; padding: 1em; border-radius: .7em; }

.gamehide{display:none !important;}