@font-face {
    font-family: esamanru;
    src: url("/css/vendor/esamanru_Bold.woff") format("woff"),url("/css/vendor/esamanru_Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: esamanru;
    src: url("/css/vendor/esamanru_Light.woff") format("woff"),url("/css/vendor/esamanru_Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: esamanru;
    src: url("/css/vendor/esamanru_Medium.woff") format("woff"),url("/css/vendor/esamanru_Medium.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

#wrapper {}


.no-scroll{overflow:hidden;}
.box_flex{display: flex;}
.box_flex .f1{flex:1;}
.btn {padding: 0 20px;color: #000;font-size: 20px;line-height: 40px;font-weight: 800;background-color: #fff;border-radius: 10px;border: 0;}
input + .btn-wrap{margin-top:6px;}
input + .btn-wrap .btn{line-height: 30px;box-shadow: 0 2px 4px rgba(0 0 0 / 30%),inset 0 2px 4px rgba(0 0 0 / 30%);}
.noti_txt, .noti_txt *{display: block;margin-top: 6px;font-size: 14px;}
.noti_txt *{display:inline-block;}

.tbl_wrap{}
.tbl_wrap th, .tbl_wrap td{text-align:center;}
.tbl_wrap.list_type tbody tr{padding: 10px;border-top: 1px solid rgba(255, 255, 255, 1);}

.bg_slider{position:absolute;left:0;right:0;top:0;bottom:0;}
.bg_slider .bg{background-position:center !important; background-size: contain !important;}
/* .bg_slider .bg img{width:auto;height:100%;} */

.Main-top-wrapper {position: relative;/* height: 96rem; */padding-top: 7.2rem;/* background: url(../images/main/bg_turtle.jpg) no-repeat top center; */background-size: cover;}
.MainMenu-top-wrapper {position: absolute;top: 0;width: 100%; /* background-color: rgba(0 0 0 / 0.5); */ background: linear-gradient(0deg, black, transparent);border-bottom: 2px solid;border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 33.33%, #FFFFFF 66.67%, rgba(255, 255, 255, 0) 100%);border-image-slice: 1;}
.MainMenu-logo {position: absolute;left: 50%;top: 0;width: 14rem;height: 14rem;transform: translate(-50%, 0);}
.MainMenu-logo a {display: block;width: 100%;height: 100%;background: url(../images/common/lv_logo.png) no-repeat center;background-size: contain;}
.MainMenu-List {display: flex;justify-content: center;}
.MainMenu-List ul {display: flex;width: 54rem;padding: 2.5rem 0;justify-content: space-between;}
.MainMenu-List li {}
.MainMenu-List li a {display: block;width: 12rem;height: 3rem;color: #fff;font-size: calc( 2em + 0.5vw );line-height: 3rem;font-weight: 700;text-align: center;}
.MainMenu-List li + li {margin-left: 2rem;}
.MainMenu-List .left {}
.MainMenu-List .right {margin-left: 14rem;}

.Main-nav{background-color: rgb(36 145 90 / 50%);}
.Main-nav ul{display: flex;width: 100%;max-width: 122rem;margin: auto;padding: 2rem 0;justify-content: center;}
.Main-nav ul li{min-width: 107px;padding: 0 2rem;}
.Main-nav ul li a{display: block;width: auto;height: 3rem;color: #fff;font-size: calc( 1em + 0.5vw );line-height: 3rem;font-weight: 700;text-align: center;}
.Main-top-wrapper .Main-logo {position:relative;width: 14rem;/* height: 14rem; */}
.Main-top-wrapper .Main-logo a {display: block;}
.Main-top-wrapper .Main-logo.pc{}
.Main-top-wrapper .Main-logo.mo{display:none;margin: auto;}

.MainBanner-container {}
.MainBanner-container .topLogo{position: relative;margin: 70px 0 0 -180px;text-align: center;}
.BannerSlider-container {/* height: 45rem; */ padding-bottom: 30px;}
.BannerSlider-container .item {position: relative;}
.BannerSlider-container .BannerSlider-box {position: relative;max-width: 96rem;width: 80%;margin: 0 auto;}
.BannerSlider-container .BannerSlider-img {}
.BannerSlider-container .BannerSlider-img img {max-width: 100%; width: 45%; margin: 0 auto;}
.BannerSlider-container .BannerSlider-txt {/* margin-top: -4rem; */ padding: 3rem 2rem;text-align: center;border-top: 2px solid;border-bottom: 2px solid;border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 33.33%, #FFFFFF 66.67%, rgba(255, 255, 255, 0) 100%);border-image-slice: 1;background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5% 33.33%, rgba(0, 0, 0, 0) 5% 66.67%, rgba(0, 0, 0, 0) 100%);}
.BannerSlider-container .BannerSlider-txt p {color: #fff;}
.BannerSlider-container .BannerSlider-txt .Banner-title {font-size: calc( 1em + 2vw );font-weight: 800;text-shadow: 1px 2px 4px #000;}
.BannerSlider-container .BannerSlider-txt .Banner-desc {font-size: calc( 1em + 0.875vw );font-weight: 700;text-shadow: 1px 2px 2px #000;}

.slick-slide{height: auto;}
.slick-dots {position: absolute;bottom: 0;left: 0;width: 100%;display: flex;justify-content: center;}
.slick-dots li {}
.slick-dots li + li {margin-left: 1rem;}
.slick-dots li button {width: 4rem;height: 0.5rem;font-size: 0;border: 1px solid rgba(255, 255, 255, 0.5);background: rgba(0, 0, 0, 0.5);border-radius: 1rem;}
.slick-dots li.slick-active button {background-color: #fff;}

.Main_bg01 {position: absolute;left: 0;top: 7rem;right: 0;bottom: 0;background: url(../images/main/banner_slider_bg01.png) no-repeat right top;background-size: contain;}
.Main_bg01 {position: absolute;left: 0;top: 7rem;right: 0;bottom: 0;background: linear-gradient(0deg, black, transparent);background-size: contain;}

.loginWrap{position:relative;margin: 5rem 0;text-align:center;}
.loginBox{display: flex;justify-content: center;}
/* .loginBox * + *{margin-left: 1rem;} */
.loginBox input{height: 3.6rem;padding:0 1rem;}
.loginBox a{width: 8rem;padding: 0;color: #fff;font-size: calc( 1.4em + 0.125vw );font-weight: 700;line-height: 3.4rem;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.5);border: 1px solid #fff;background-color: rgba(0 0 0 / 0.5);border-radius: 0;}
.loginBox a:hover{color:#fff;background-color: rgba(255 255 255 / 0.25);}
.loginBox .btn_login{}
.loginBox .btn_join{}
.Main-top-wrapper .logUser-info-wrap{display:inline-block;vertical-align: middle;}
.Main-top-wrapper .logUser-info-wrap + .btn{margin-left:40px;}
.Main-top-wrapper .logUser-info-wrap .logUser_id{}
.Main-top-wrapper .logUser-info-wrap .logUser_id .id{color: #00FF00;font-size: 32px;line-height: 32px;}
.Main-top-wrapper .logUser-info-wrap .logUser_id .id + span{color:#fff;font-size:20px;font-weight:500;line-height: 24px;}
.Main-top-wrapper .logUser-info-wrap ul{display:flex;align-items: center;}
.Main-top-wrapper .logUser-info-wrap li{position:relative;flex: 1 0 auto;display: block;padding:5px 0;}
.Main-top-wrapper .logUser-info-wrap li + li{margin-left:10px;padding-left:10px;}
.Main-top-wrapper .logUser-info-wrap li + li:before{content:'';position:absolute;top:5px;left:0;display:block;width:1px;height:26px;background-color:#fff;}
.Main-top-wrapper .logUser-info-wrap li:last-child{padding-left:0;}
.Main-top-wrapper .logUser-info-wrap li:last-child:before{display:none;}
.Main-top-wrapper .logUser-info-wrap li span{display: inline-block;color:#fff;font-size: 24px;line-height: 24px;font-weight:400;vertical-align: middle;}
.Main-top-wrapper .logUser-info-wrap li span + span{margin-left:10px;font-size: 32px;line-height: 32px;font-weight:800;}
.Main-top-wrapper .logUser-info-wrap li span.cash{color:#f00;}
.Main-top-wrapper .logUser-info-wrap li span.comp{color:#ff0;}
.Main-top-wrapper .logUser-info-wrap li span.coupon{color:#0ff;}

.tabWrap{position: relative;display: flex;justify-content: center;}
.tabWrap > div{position:relative;max-width:600px;width:100%;height:90px;}
.tabWrap > div img{width:100%;}
.tabWrap .tab-live{background-image: url(../images/main/tab_live_off.png);}
.tabWrap .tab-slot{margin-left:2rem;background-image: url(../images/main/tab_slot_off.png);}
.tabWrap .tab-live.on{background-image: url(../images/main/tab_live_on.png);}
.tabWrap .tab-slot.on{background-image: url(../images/main/tab_slot_on.png);}

.tabWrap .tab {position:relative;max-width:600px;width:100%;height:90px;padding: 0 12px;filter:grayscale(1);opacity: 0.9;cursor:pointer;}
.tabWrap .tab.live {background:url(../images/main/bg_tab_live.png) no-repeat top 0 left 12px;}
.tabWrap .tab.slot {background:url(../images/main/bg_tab_slot.png) no-repeat top 0 left 12px;}
.tabWrap .tab + .tab{margin-left:20px;}
.tabWrap .tab > .text{position:relative;display: flex;height: 100%;justify-content: center;align-items: center;}
.tabWrap .tab > .text:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height: 100%;background:url(../images/common/bg_tab_c.png) repeat-x 0 0;opacity: 0.9;}
.tabWrap .tab > .text span{position:relative;display:inline-block;color:#fff;font-size:calc( 1em + 1.7vw );font-family: 'kimm';font-weight:500;text-shadow: 0px 0px 2px black, 0px 2px 4px black;}
.tabWrap .tab:before{content:'';position:absolute;left: 0px;top:0;display:block;width:12px;height:90px;background:url(../images/common/bg_tab_l.png) no-repeat 0 0;box-shadow: 4px 0px 4px rgba(0 0 0 / 0.5);opacity: 0.8;z-index: 1;}
.tabWrap .tab:after{content:'';position:absolute;right: 0px;top:0;display:block;width:12px;height:90px;background:url(../images/common/bg_tab_r.png) no-repeat 0 0;box-shadow: -4px 0px 4px rgba(0 0 0 / 0.5);opacity: 0.8;z-index: 1;}
.tabWrap .tab.on {filter:grayscale(0);opacity:1;}
.tabWrap .tab.on:before{opacity: 1;}
.tabWrap .tab.on:after{opacity: 1;}
.tabWrap .tab.on > .text{}
.tabWrap .tab.on > .text:before{}


.Main-container{position: relative;background: url(../images/main/main_bg.jpg) no-repeat top center;background-size: cover;}
.Main-container:before{content:'';position:absolute;top:0;left:0;width:100%;height: 10rem;background:linear-gradient(180deg, rgba(0 0 0 / 1) 0%, rgba(0 0 0 / 0) 100%)}
[class*='game-wrap']{position:relative;display: none;flex-wrap: wrap;max-width: 1820px;width: calc( 100% - 40px );margin:0 auto;padding:4rem 4.9rem;border: 4px solid #fff;border-left:1px solid rgba(255 255 255 / 0.5);border-right:1px solid rgba(255 255 255 / 0.5);background-color:rgba(0 0 0 / 0.75);justify-content: center;}
[class*='game-wrap'] > div{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 40px;}
[class*='game-wrap'] a{position:relative;display: block;/* width:23%; */ /* margin:8px 0; */}
[class*='game-wrap'] a > div{/* border: 1px solid rgba(255 255 255 / 0.3); */border-radius: 10px;transition: all 0.3s ease-out;overflow: hidden;}
[class*='game-wrap'] a .game-bg{}
[class*='game-wrap'] a img{width: 100%;}
[class*='game-wrap'] a + a{}
[class*='game-wrap'] a:nth-child(4n+1){}
[class*='game-wrap'] a:nth-child(n+5){}
[class*='game-wrap'] a .bg{position:absolute;top:0;left:0;}
[class*='game-wrap'] .game-img{/* width: 82%; */ /* min-height:270px; */ margin: 0 auto; /* padding: 42px 0; */text-align: center;background: url(../images/main/bg_cardLogo.png) no-repeat center;background-size: cover;overflow: hidden;}
[class*='game-wrap'] .game-img img{/* max-width: 82%; */}
[class*='game-wrap'] .game-title{position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;font-size: calc( 1.2em + 1vw );line-height: 3.125vw;font-weight: 600;text-align: center;/* background: radial-gradient(#fff 0%, rgba(255, 170, 0, 0.5) 50%, rgba(255, 85, 0, 0) 100%); */text-shadow: 0px 0px 4px #000;overflow:hidden;transition: all 0.2s ease-out;}
.game-wrap-live .game-img{background-image: url(../images/main/bg_card_casino.png);}
.game-wrap-slot .game-img{background-image: url(../images/main/bg_card_slot.png);}
.game-wrap-live.on, .game-wrap-slot.on{display:block;}
[class*='game-wrap'] a:hover > div{border: 1px solid rgba(255 255 255 / 1);background: radial-gradient(ellipse at center, rgb(0 0 0 / 20%) 0%, rgb(64 65 64 / 80%) 100%);}
[class*='game-wrap'] a:hover .game-title{text-shadow: 2px 0px 1px #000,-2px 0px 1px #000,0px 2px 1px #000,0px -2px 1px #000,0px 0px 10px #fff,0px 0px 10px #fff;}

.listWrap{display:flex;margin-top: 80px;padding:0 15px;justify-content: space-between;}
.listWrap > div{position:relative;max-width: calc( 100% - 40px );width: calc( 50% - 20px );padding:20px 40px;border: 4px solid #fff;border-left:1px solid rgba(255 255 255 / 0.5);border-right:1px solid rgba(255 255 255 / 0.5);background-color:rgba(0 0 0 / 0.75);justify-content: center;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.listWrap .list-title{position: relative;max-width: 100%;width:100%;height: 60px;margin: -83px 0 20px;padding: 0 12px;text-align: center;overflow: hidden;}
.listWrap .list-title:before,
.listWrap .list-title:after{content:'';position:absolute;top:0;display:block;width:12px;height:100%;z-index: 1;}
.listWrap .list-title:before{left: 0px;background:url(../images/common/bg_tab_l.png) no-repeat 0 0;box-shadow: 4px 0px 4px rgba(0 0 0 / 0.5);}
.listWrap .list-title:after{right: 0px;background:url(../images/common/bg_tab_r.png) no-repeat 0 0;box-shadow: -4px 0px 4px rgba(0 0 0 / 0.5);}
.listWrap .list-title .txt{position:relative;display:inline-block;width:100%;height: 100%;}
.listWrap .list-title .txt:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height: 100%;background:url(../images/common/bg_tab_c.png) repeat-x 0 0;opacity: 0.7;filter: grayscale(.7);}
.listWrap .list-title .txt span{position:relative;display:inline-block;color:#fff;font-size:calc( 1em + 1.7vw );line-height: 60px;font-family: 'SUIT Variable';font-weight:700;text-shadow: 0px 0px 2px black, 0px 2px 4px black;}
.listWrap ul{height:460px;overflow-y: auto;}
.listWrap li{border-top: 1px dashed rgba(255, 255, 255, 1);}
.listWrap li:last-child{border-bottom: 1px dashed rgba(255, 255, 255, 1);}
.listWrap li a{display: flex;justify-content: space-between;padding:10px;color: #fff;border-top: 1px dashed rgba(255, 255, 255, 1);}
.listWrap li span{font-size:20px;line-height:20px;font-weight:600;}
.listWrap li span.title,.listWrap li span.user_name {display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/* .listWrap .notiWrap .list-title .txt{color: #CC5252;}
.listWrap .withdrawWrap .list-title .txt{color:#1470CC;} */

.FooterSection{max-width:150rem;width:100%;margin:0 auto;padding:2vw;text-align:center;}
.FooterSection .copyright{color:#fff;font-size: calc(1.6em + 0.5vw);}
.FooterSection .copyright b{color:#fff;font-size: 1em;}
.PaymentIconsContainer {margin-bottom:4rem;}
.PaymentIconsContainer img{height:5rem;}
.PaymentIconsContainer .Payment-icon{display:inline-block;padding:0 1rem;}

/* .modal-backdrop{background-color:transparent;} */
/* .modal-backdrop.show{opacity: 0.7;} */
.modal *{color: #fff;font-weight:800;}
.modal .modal-content{padding: 0 20px;border: 2px solid #fff;border-left: 0;border-right: 0;background-color: rgba(255 255 255 / 10%);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);
box-shadow: 0px 0px 2px rgba(0 0 0 / 100%),0px 10px 10px rgba(0 0 0 / 50%),inset 0 0px 10px rgba(255 255 255 / 25%),inset 0 0px 2px rgba(255 255 255 / 50%),inset 0 1px 2px rgba(255 255 255 / 50%),inset 0 -1px 2px rgba(255 255 255 / 50%);}
.modal .btn{min-width: 40px;}
.modal .modal-header{position:relative;padding: 20px 0;border:0 none;justify-content: center;}
.modal .modal-header .btn.btn-close{position:absolute;top: 50%;right:0;min-width: 2.5rem;height: 0.5rem;margin: 0;padding: 1rem 0;transform: translateY(-50%);background-color: transparent;box-shadow: none;border: none;background-size: contain;}
.modal .modal-title {color: #fff;font-size: 3.2rem;}
.modal .modal-title:before{content:'';}
.modal .modal-title .txt{position: relative;flex: 1;color:#666;font-size: 40px;line-height: 40px;text-align: center;}
.modal .modal-title .stroke{position: absolute;left: 50%;top: 0;width: 100%;font-size: 40px;line-height: 40px;font-weight: 800;transform: translateX(-50%);-webkit-text-stroke: 8px white;}
.modal .modal-body{padding: 20px;background-color: rgba(255 255 255 / 20%);box-shadow: inset 0px 0px 2px rgba(0 0 0 / 100%),inset 0px 4px 4px rgba(0 0 0 / 50%),0 0px 2px rgba(255 255 255 / 25%),0 0px 20px rgba(255 255 255 / 25%);border-radius: 2px;}
.modal .modal-body th,
.modal .modal-body td{padding: 8px 6px;font-size:14px;line-height:1;}
.modal .modal-body .tbl_wrap{margin: -20px 0;}
.modal .modal-body .noticeDetail{display:none;}
.modal .modal-body .noticeDetail td{text-align:left;}
.modal .modal-body input, .modal .modal-body textarea{width: 100%;padding:0 10px;font-size:14px;line-height:38px;border: 1px solid rgba(255 255 255 / 50%);background-color: rgba(0 0 0 / 40%);}
.modal-body textarea{min-height:300px;}
.modal .modal-body select,.modal .modal-body option{width: 100%;height: 38px;padding:0 10px;font-size:14px;border: 1px solid rgba(255 255 255 / 50%);background-color: rgba(0 0 0 / 40%);}
.modal .modal-body select.exchange_sel{max-width: 100%;width:80px;}
.modal .modal-body select.exchange_sel + .noti_txt{display:inline-block;margin-left:6px;}
.modal .modal-body .body-top{padding-bottom:.5rem;border-bottom: 2px solid rgba(255, 255, 255, 1);}
.modal .modal-body .body-top + .tbl_wrap{margin-top:0;}
.modal .modal-footer{padding: 20px 0;border: 0 none;justify-content:center;}
.modal .btn{font-size:14px;box-shadow: 0 4px 10px rgba(0 0 0 / 50%),0px 0px 2px rgba(0 0 0 / 50%),inset 0px 4px 4px rgba(0 0 0 / 10%),inset 0px 0px 10px rgba(0 0 0 / 100%);border: 1px solid rgba(255 255 255 / 50%);background-color: rgba(0 0 0 / 40%);border-radius: 0;}
.modal .btn:hover{color: #fff;background-color: rgba(0 0 0 / 75%);}

.modal .modal-body .dup_chk input{width: calc(100% - 94px);}
.modal .modal-body .dup_chk .btn{width: 80px;margin-left:10px;padding:0;}
.modal .btn.btn-coupon{padding:0 10px;line-height: 30px;}
.cont_top_txt{margin: -10px 0 10px;padding-bottom: 10px;font-size: 14px;border-bottom: 1px solid rgba(0 0 0 / 50%);}

#pop_register th,
#pop_register td{line-height:30px;}
#pop_register input {line-height: 30px;}
#pop_register .phone ._hypen {display: inline-block;width: 8px;height: 2px;margin: 0 6px;background-color: #fff;vertical-align: middle;}
#pop_register .phone input{width:90px;}
#pop_register .modal-body .btn{box-shadow: 0 1px 6px rgba(0 0 0 / 50%);}
#pop_register .btn{line-height: 30px;}

#pop_recomm .btn{margin-left:20px;}

/* 슬롯 게임 리스트 */
.slotPopList{/* display: flex !important; *//* align-items: center; *//* align-content: center; *//* justify-content: flex-start; */flex-wrap: wrap;/* margin: -10px 0; */display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 10px;}
.w-ba:before, .w-ba:after {content: '';pointer-events: none;z-index: -1;position: absolute;}
.game-btn {/* width: calc(25% - 16px); */display: block;/* margin: 10px 8px; */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: #000;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;font-size: 16px;}
.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: #fff;font-size: 14px;font-weight:bold;text-shadow: 0 1px 1px #000, 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(#fd7e14, #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;}

@media screen and (max-width: 1250px){
	[class*='game-wrap'] {width:100%;}
	.PaymentIconsContainer .Payment-icon {margin: 0 1em;}
	.PaymentIconsContainer img {height: 3em;}
	.BannerSlider-container {height: 18rem;}
}

@media screen and (max-width: 1100px){
	[class*='game-wrap'] > div{grid-template-columns: repeat(3, 1fr);grid-gap: 40px;}
	[class*='game-wrap'] .game-title{line-height: 4.182vw;}
	
	.MainBanner-container .topLogo{margin: 40px 0 0 -140px;}
	.MainBanner-container .topLogo img{width: 400px}
	.BannerSlider-container {height: 13rem;}
}
@media screen and (max-width: 700px){
.bg_slider img{width: auto !important;height:100%;margin-left: -50%;}

	.Main-top-wrapper{padding-top: 10rem;}
	.MainMenu-top-wrapper {position:fixed;padding: 0.5rem 0;border-bottom: 2px solid;background-color: rgba(0 0 0 / 0.75);z-index:1;}
	.MainMenu-top-wrapper .Main-logo.pc{display:none;}
	.MainMenu-top-wrapper .Main-logo.mo{position:relative;display:block;/* width:4.8rem; */height:4.8rem;z-index: 2;}
	.MainMenu-top-wrapper .Main-logo.mo a{display: flex;/* width:100%; */height:100%;align-items: center;}
	.MainMenu-top-wrapper .Main-logo.mo a img{width:100%;}

	.MainMenu-top-wrapper .Main-nav {position: absolute;top: 0;left: 0;right: 0;width: 100%;z-index: 1;}
	.MainMenu-top-wrapper .Main-nav .nav-mo{position: relative;width:30px;height:20px;margin: 20px 16px;cursor:pointer;}
	.MainMenu-top-wrapper .Main-nav .nav-mo .line {width: 100%;height: 2px;background: #282828;top: calc(50% - 1px);position: relative;transition: all .25s cubic-bezier(.645, .045, .355, 1);padding: 0;background-color: #fff;}
	.MainMenu-top-wrapper .Main-nav .nav-mo .line:before {content: "";background: #282828;width: 100%;height: 2px;position: absolute;top: -9px;left: 0;transition: all .25s cubic-bezier(.645, .045, .355, 1);background-color: #fff;}
	.MainMenu-top-wrapper .Main-nav .nav-mo .line:after {content: "";background: #282828;width: 100%;height: 2px;position: absolute;top: 9px;left: 0;transition: all .25s cubic-bezier(.645, .045, .355, 1);background-color: #fff;}
	.MainMenu-top-wrapper .Main-nav ul{display: none;position:absolute;top: 0;left:0;right:0;bottom:0;/* width: 160px; */margin-top: 6rem;background-color: rgba(0 0 0 / 0.85);}
	.MainMenu-top-wrapper .Main-nav ul li + li{margin-top:20px;}
	.MainMenu-top-wrapper.open .Main-nav {position: fixed;bottom: 0;}
	.MainMenu-top-wrapper.open .Main-nav .nav-mo .line {background: none}
	.MainMenu-top-wrapper.open .Main-nav .nav-mo .line:before {-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 0;}
	.MainMenu-top-wrapper.open .Main-nav .nav-mo .line:after {-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 0;}
	.MainMenu-top-wrapper.open .Main-nav ul{display: block;}
	.Main-nav ul li a{font-size: calc( 1em + 1.5vw );}
	.Main-nav ul li a:hover{text-shadow: 0px 0px 10px rgba(255 255 255 / 0.5),4px 0px 10px rgba(255 255 255 / 0.5),-4px 0px 10px rgba(255 255 255 / 0.5),0px 4px 10px rgba(255 255 255 / 0.5),0px -4px 10px rgba(255 255 255 / 0.5);}
	
	.Main_bg01{/* display:none; */}
	.MainBanner-container {padding-bottom: 20px;}
	.MainBanner-container .topLogo{display:none}
	.BannerSlider-container {height: auto;}
	.BannerSlider-container .BannerSlider-img{display:none;}
	.BannerSlider-container .BannerSlider-txt{margin-top:0;padding: 2rem;}
	.slick-dots{position:static;margin-top:10px;}
	.slick-slide{height:auto;}
	.loginWrap{margin: 0 1rem 2rem;}
	.loginBox{flex-wrap:wrap;}
	.loginBox input{flex: 1 0 auto;width: auto;}
	.loginBox .btn{flex: 1 0 auto;width: 40%;margin-top:6px;}
	.loginBox input + .btn_login{margin-left: 0;}
	.Main-top-wrapper .logUser-info-wrap{width:100%;}
	.Main-top-wrapper .logUser-info-wrap ul{flex-wrap:wrap;}
	.Main-top-wrapper .logUser-info-wrap li{flex: 1;}
	.Main-top-wrapper .logUser-info-wrap li + li{margin-left:4px;padding-left:4px;}
	.Main-top-wrapper .logUser-info-wrap li + li:before{top: 6px;height: 18px;}
	.Main-top-wrapper .logUser-info-wrap li:last-child{flex:1 0 auto;width: 100%;}
	.Main-top-wrapper .logUser-info-wrap li span{font-size: 16px;line-height: 20px;}
	.Main-top-wrapper .logUser-info-wrap li span + span{display:block;margin-top:4px;margin-left: 0;font-size: 20px;line-height: 20px;}
	.Main-top-wrapper .logUser-info-wrap li .btn{width:60%;}
	
	.tabWrap{margin:0 1rem;}
	.tabWrap .tab {height: 50px;}
	.tabWrap .tab + .tab{margin-left: 10px;}
	.tabWrap .tab > .text span{margin-top: 10px;}
	.tabWrap .tab:before{height: 50px;}
	.tabWrap .tab:after{height: 50px;}

	.listWrap{display: block;margin: 90px 0 20px;padding: 0 10px;}
	.listWrap > div{max-width: 100%;width: 100%;margin: auto;padding: 20px 10px 10px;border-radius: 6px;}
	.listWrap > div + div{margin-top:80px;}
	.listWrap .list-title{width:90%;height: 50px;margin: -74px auto 24px;}
	.listWrap .list-title .txt{font-size: 26px;}
	.listWrap .list-title .txt span{font-size: 1em;line-height: 50px;}
	.listWrap ul{height: 300px;}
	.listWrap li span{font-size: 16px;line-height: 16px;}

	[class*='game-wrap'] {width:100%;padding: 2rem;}
	[class*='game-wrap'] > div{grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}
	[class*='game-wrap'] .game-title{line-height: 6.866vw;}

	.PaymentIconsContainer {margin-bottom:2rem;}
	.PaymentIconsContainer .Payment-icon {margin: 0;}
	.PaymentIconsContainer + .PaymentIconsContainer {margin-top: 0px;}
	
	.modal .modal-body{padding: 10px;}
	.slotPopList{grid-template-columns: repeat(3, 1fr);}
	/* .game-btn{width: calc(50% - 16px);} */
	.game-btn .g-panel .g-footer{height: auto;}
	.game-btn .g-panel .g-footer .name-text span{font-size: 14px;line-height: 32px;}
}

#my-spinner1 { width: 100%; max-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;}

/* 카지노 게임 버튼 */
.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;
}
.btn-yellow {
    color: rgba(0, 0, 0, 0.75);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    background-color: #ffc657;
    background-image: linear-gradient(#ffce6b,#ffbd3f);
    border: solid 1px #ffd273;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px #1d160e;
    font-family: noto-sans-bold;
    position: relative;
    z-index: 1;
}

.hide{display:none;}