#wrapper {background: url(../images/common/bg_main.jpg) no-repeat top center;background-size: cover;}

.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%);}
.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);}

.Main-top-wrapper {padding: 30px 40px;-webkit-box-shadow: inset 0 0 40px rgba(255 255 255 / 35%);-moz-box-shadow: inset 0 0 40px rgba(255 255 255 / 35%),0 12px 18px rgba(0 0 0 / 50%);box-shadow: inset 0 0 40px rgba(255 255 255 / 35%),0 12px 18px rgba(0 0 0 / 50%);background: rgba(0 0 0 / 30%);border-bottom: 1px solid rgba(255 255 255 / 40%);}
.Main-top-wrapper:after{content:'';clear:both;display:block;}
.MainMenu-top-wrapper{}
.MainMenu-top-wrapper .Main-logo a{position:absolute;z-index: 10;}
.MainMenu-top-wrapper .Main-logo img{height:140px;}
.MainMenu-top-wrapper .Main-logo .MainMenu-home.pc{display:block;top: 30px;left: 80px;}
.MainMenu-top-wrapper .Main-logo .MainMenu-home.mo{display:none;top: 40px;left: 30px;}
.MainMenu-top-wrapper .Main-logo .MainMenu-home.mo {width: 35px;height: 15px;cursor: pointer}
.MainMenu-top-wrapper .Main-logo .MainMenu-home.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-logo .MainMenu-home.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-logo .MainMenu-home.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-logo .MainMenu-home.mo.open .line {background: none}
.MainMenu-top-wrapper .Main-logo .MainMenu-home.mo.open .line:before {-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 0;}
.MainMenu-top-wrapper .Main-logo .MainMenu-home.mo.open .line:after {-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 0;}
.MainMenu-top-wrapper .util{float:right;}
.MainMenu-top-wrapper .util .loginBox input{width:180px;font-size:20px;line-height:38px;text-align:center;border: 1px solid #fff;background-color:transparent;}
.MainMenu-top-wrapper .util .loginBox input + .btn{margin-left: 20px;}
.MainMenu-top-wrapper .util .loginBox input+input,
.MainMenu-top-wrapper .util .loginBox .btn + .btn{margin-left:10px;}
.MainMenu-top-wrapper .util .btn_box{margin-left:20px;}
.MainMenu-top-wrapper .util .btn_box.pc{display:inline-block;}
.MainMenu-top-wrapper .util .btn_box.mo{display: none;}
.MainMenu-top-wrapper .util .logUser-info-wrap{display:inline-block;vertical-align: middle;}
.MainMenu-top-wrapper .util .logUser-info-wrap + .btn{margin-left:40px;}
.MainMenu-top-wrapper .util .logUser-info-wrap ul{display:flex;align-items: center;}
.MainMenu-top-wrapper .util .logUser-info-wrap li{display: table;padding:5px 0 5px 20px;}
.MainMenu-top-wrapper .util .logUser-info-wrap li span{display: table-cell;font-size:24px;line-height: 24px;font-weight:900;vertical-align: middle;}
.MainMenu-top-wrapper .util .logUser-info-wrap li .id{color: #FFD400;font-size: 24px;line-height: 24px;font-weight: 800;}
.MainMenu-top-wrapper .util .logUser-info-wrap li .id + span{font-size:20px;font-weight:500;}
.MainMenu-top-wrapper .util .logUser-info-wrap li img{display: table-cell;margin-bottom:-10px;}

 /* 임시 */
.MainMenu-top-wrapper .util .loginBox{display: none;}
.MainMenu-top-wrapper .util .loginBox.login{display: block;}


.Main-container{position:relative;}
.Main-content{width:calc( 100% - 300px );margin-left: 300px;padding: 60px 80px 0;}
.Main-content > div + div{}
.left-menu-box{position:absolute;left:0;top:0;bottom: 0;width:300px;padding-top:80px;text-align:center;-webkit-box-shadow: inset 0 0 70px rgba(255 255 255 / 45%);-moz-box-shadow: inset 0 0 70px rgba(255 255 255 / 45%);box-shadow: inset 0 0 70px rgba(255 255 255 / 45%);border-right: 1px solid rgba(255 255 255 / 50%);background-color: rgba(0 0 0 / 30%);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.left-menu-box .mo_util{/* position:fixed; */top: 0;left: 0;width: 100%;}
.left-menu-box .mo_util .MainMenu-home.mo{position:relative;display: none;width: 35px;height: 15px;cursor: pointer;vertical-align: middle;}
.left-menu-box .mo_util .MainMenu-home.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;}
.left-menu-box .mo_util .MainMenu-home.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;}
.left-menu-box .mo_util .MainMenu-home.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;}
.left-menu-box .mo_util .MainMenu-home.mo.open .line {background: none}
.left-menu-box .mo_util .MainMenu-home.mo.open .line:before {-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 0;}
.left-menu-box .mo_util .MainMenu-home.mo.open .line:after {-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 0;}

.left-menu-box .lang-sel-wrap{position:relative;display: inline-block;margin:20px 0;}
.left-menu-box .lang-sel-wrap:hover .dropdown-content {display: block;}
.left-menu-box .lang-sel-wrap img{width:32px;}
.left-menu-box .lang-sel-wrap .selectBox.btn{padding: 0 10px 0 16px;}
.left-menu-box .lang-sel-wrap .selectBox.btn > div{display:inline-block;vertical-align: middle;}
.left-menu-box .lang-sel-wrap .selectBox.btn .txt{}
.left-menu-box .lang-sel-wrap span{margin-left: 10px;color:#000;font-size:20px;line-height: 32px;vertical-align: middle;}
.left-menu-box .lang-sel-wrap .selectBox.btn .arrow{}
.left-menu-box .lang-sel-wrap .dropdown-content{position: absolute;left: 0;top: 40px;display:none;width:100%;text-align: left;background-color: #000;z-index: 1;}
.left-menu-box .lang-sel-wrap .dropdown-content a{display:block;padding: 6px 10px;}
.left-menu-box .lang-sel-wrap .dropdown-content a:hover {background-color: #5D5D5D;}
.left-menu-box .lang-sel-wrap .dropdown-content a span{color: #fff;}
.left-menu-box .tabWrap .tab{}
.left-menu-box .tabWrap .text{position: relative;padding: 40px 0;font-family: 'kimm';font-size:30px;line-height: 30px;}
.left-menu-box .tabWrap .tab.on{position:relative;width:320px;overflow: hidden;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border: 1px solid rgba(255 255 255 / 50%);border-left: 0 none;}
.left-menu-box .tabWrap .tab.on:before{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-color: rgba(0 0 0 / 50%);filter: blur(20px);overflow: hidden;}
.left-menu-box .tabWrap .tab.on .text{padding: 39px 0;-webkit-box-shadow: inset 0 0 40px rgba(255 255 255 / 35%);-moz-box-shadow: inset 0 0 40px rgba(255 255 255 / 35%);box-shadow: inset 0 0 40px rgba(255 255 255 / 35%);text-shadow: 2px 0px 5px rgba(255, 170, 0, 0.5), 0px 2px 5px rgba(255, 170, 0, 0.5), -2px 0px 5px rgba(255, 170, 0, 0.5), 0px -2px 5px rgba(255, 170, 0, 0.5);}
.left-menu-box .Menu-List li{}
.left-menu-box .Menu-List li a{display:block;padding:20px 0;color:#fff;font-size: 30px;line-height: 30px;font-weight:800;text-shadow: 0px 2px 4px rgba(0, 0, 0, 1);}

.left-menu-box .util{display:none;padding-bottom: 20px;}
.left-menu-box .util .loginBox input{width:180px;font-size:20px;line-height:38px;text-align:center;border: 1px solid #fff;background-color:transparent;}
.left-menu-box .util .loginBox input + .btn{margin-left: 20px;}
.left-menu-box .util .loginBox input+input{margin-top:10px;}
.left-menu-box .util .loginBox .btn + .btn{margin-left:10px;}
.left-menu-box .util .btn_box{margin-top:20px;}
.left-menu-box .util .btn_box.pc{display:inline-block;}
.left-menu-box .util .btn_box.mo{display: none;}
.left-menu-box .util .logUser-info-wrap{display:block;}
.left-menu-box .util .logUser-info-wrap + .btn{margin-top:10px;}
.left-menu-box .util .logUser-info-wrap ul{display: block;}
.left-menu-box .util .logUser-info-wrap li{display: list-item;padding: 6px 0;text-align: center;}
.left-menu-box .util .logUser-info-wrap li span{display: inline-block;font-size: 20px;line-height: 24px;font-weight:900;vertical-align: middle;}
.left-menu-box .util .logUser-info-wrap li .id{display: block;margin-bottom: 4px;color: #FFD400;font-size: 24px;line-height: 24px;font-weight: 800;}
.left-menu-box .util .logUser-info-wrap li .id + span{font-size: 18px;font-weight:500;vertical-align: text-top;}
.left-menu-box .util .logUser-info-wrap li img{display: inline-block;height: 32px;margin: 0 10px -6px 0;vertical-align: middle;}


.game-list-wrap > div{display:none;}
.game-list-wrap > div.on{display:block;}
.game-list{display:flex;flex-wrap: wrap;justify-content: center;}
.game-list a{position: relative;width: calc(20% - 40px);margin:25px 20px;}
.gameCard{position: relative;display:block;text-align: center;}
.game-list a:hover{border-radius:8px;overflow:hidden;background-color:rgba(255 255 255 /  .5);box-shadow: 0px 2px 3px rgba(255 255 255 / 0.5), 0px 0px 10px rgba(255 255 255 /  1);}
.game-wrap-live .gameCard{background:url(../images/main/bg_gamecard.png) no-repeat top center;background-size: contain;}
[class*='game-wrap'] .gameCard img{max-width: 100%;}
.game-info{/* position: absolute; *//* left: 0; *//* right: 0; *//* bottom: 0; */}
.game-info .game-img{max-width: 230px;/* margin: 0 auto -8px; */position: absolute;left: 0;top: 0;z-index: 1;}
.game-title {
	position: relative;
	padding: 0 20px;
	font-size: 16px;
	line-height: 30px;
	font-weight: 700;
	-webkit-box-shadow: inset 0 0 20px rgba(255 255 255 / 60%), inset 0 0 30px rgba(255 255 255 / 35%);
	-moz-box-shadow: inset 0 0 20px rgba(255 255 255 / 60%), inset 0 0 30px rgba(255 255 255 / 35%);
	box-shadow: inset 0 0 20px rgba(255 255 255 / 60%), inset 0 0 30px rgba(255 255 255 / 35%);
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 1);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
	-webkit-clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}

.listWrap{display:flex;margin-top: 80px;padding:0 15px;justify-content: space-between;}
.listWrap > div{position: relative;width:50%;padding:40px 20px 20px;-webkit-box-shadow: inset 0 0 40px rgba(255 255 255 / 45%);-moz-box-shadow: inset 0 0 40px rgba(255 255 255 / 45%);box-shadow: inset 0 0 40px rgba(255 255 255 / 45%);border: 1px solid rgba(255 255 255 / 50%);border-radius: 10px;background-color: rgba(0 0 0 / 30%);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.listWrap  > div + div{margin-left:3%;}
.listWrap .list-title{position: relative;margin: -60px 0 20px;text-align: center;}
.listWrap .list-title .txt{position:relative;font-family: 'SUIT Variable';font-size: 40px;line-height: 40px;font-weight: 900;}
.listWrap .list-title .txt:before,
.listWrap .list-title .txt:after{content:'';display:inline-block;width:24px;height:24px;border:5px solid #fff;background-color:#aaa;transform: rotate(45deg);}
.listWrap .list-title .txt:before{margin-right:20px;}
.listWrap .list-title .txt:after{margin-left: 20px;}
.listWrap .list-title .stroke {position: absolute;left: 50%;top: 0;width: 320px;font-size: 40px;line-height: 40px;font-weight: 800;transform: translateX(-50%);-webkit-text-stroke: 8px white;}
.listWrap ul{height:460px;overflow-y: auto;}
.listWrap li{display: flex;justify-content: space-between;padding:10px;border-top: 1px solid rgba(255, 255, 255, 1)}
.listWrap li:last-child{border-bottom: 1px solid rgba(255, 255, 255, 1);}
.listWrap li a{display: flex;justify-content: space-between;}
.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{margin-top: 80px;padding: 40px;text-align:center;-webkit-box-shadow: inset 0 0 40px rgba(255 255 255 / 35%);-moz-box-shadow: inset 0 0 40px rgba(255 255 255 / 35%);box-shadow: inset 0 0 40px rgba(255 255 255 / 35%);border-top-left-radius: 20px;border-top-right-radius: 20px;border: 1px solid rgba(255 255 255 / 50%);border-bottom: 0 none;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.PaymentIconsContainer {display: flex;flex-wrap:wrap;justify-content: center;}
.PaymentIconsContainer + .PaymentIconsContainer{margin-top:30px;}
.PaymentIconsContainer .Payment-icon {padding:0 10px;}


/* .modal-backdrop{background-color:transparent;} */
/* .modal-backdrop.show{opacity: 0.7;} */
.modal *{color:#000;font-weight:800;}
.modal .modal-content{padding: 0 20px;border: 2px solid #fff;background-color: rgba(255 255 255 / 25%);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
.modal .btn{min-width: 40px;}
.modal .modal-header{position:relative;padding: 38px 0 37px 0;border:0 none;justify-content: center;}
.modal .modal-header:before{content:'';width: 100%;margin-left: -20px;border-top: 2px solid #fff;}
.modal .modal-header:after{content:'';width: 100%;margin-right: -20px;border-top: 2px solid #fff;}
.modal .modal-header .btn.btn-close{position:absolute;top: .45rem;right:0;margin: 0;padding: .5rem 0;}
.modal .modal-title {position:relative;text-align: center;flex: 1 0 auto;padding: 0 30px;}
.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-title .recommId {position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);display: block;} */
.modal .modal-body{padding: 40px 20px;background-color: rgba(255 255 255 / 50%);box-shadow: 0 10px 20px rgba(0 0 0 / 50%),0px 0px 4px rgba(0 0 0 / 50%);border-radius: 10px;}
.modal .modal-body th,
.modal .modal-body td{padding: 8px 6px;font-size:16px;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:16px;line-height:38px;border: 1px solid #fff;background-color:rgba(0 0 0 / 10%);}
.modal-body textarea{min-height:300px;}
.modal .modal-body select,.modal .modal-body option{width: 100%;height: 38px;padding:0 10px;font-size:16px;border: 1px solid #fff;background-color: rgba(0 0 0 / 10%);}
.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: 40px 0;border: 0 none;justify-content:center;}
.modal .btn{font-size:16px;box-shadow: 0 4px 10px rgba(0 0 0 / 50%),0px 0px 2px rgba(0 0 0 / 50%);border: 1px solid rgba(255 255 255 / 50%);background-color: rgba(255 255 255 / 20%);border-radius: 0;}
.modal .btn:hover{color:#000;background-color: rgba(255 255 255 / 75%);}
.modal .btn.btn-coupon{padding: 0 10px;}

.modal .modal-body .dup_chk input{width: calc(100% - 94px);}
.modal .modal-body .dup_chk .btn{width: 80px;margin-left:8px;padding:0;}

.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;}

@media screen and (max-width: 1500px){
	.game-list a{width: calc(25% - 40px);}
}
@media screen and (max-width: 1300px){
	.btn {padding: 0 12px;font-size: 18px;line-height: 32px;font-weight: 700;border-radius: 8px;}
	.Main-top-wrapper{padding: 30px;}
	.MainMenu-top-wrapper .util .loginBox input{width: 140px;font-size: 16px;line-height: 32px;}
	.MainMenu-top-wrapper .util .btn_box{margin-left:10px;}
	.MainMenu-top-wrapper .util .btn_box.pc{display:none;}
	.MainMenu-top-wrapper .util .btn_box.mo{display: inline-block;}
	.MainMenu-top-wrapper .Main-logo .MainMenu-home.pc{display:none;}
	.MainMenu-top-wrapper .Main-logo .MainMenu-home.mo{position: absolute;display:block;/* z-index: 30; */}
	.MainMenu-top-wrapper .Main-logo .MainMenu-home.mo.open{position: fixed;}
	.left-menu-box{position: fixed;left:-320px;width: 240px;background-color: rgba(0 0 0 / 60%);z-index: 20;overflow: auto;}
	.left-menu-box .tabWrap .tab .text{padding:30px 0;font-size:24px;}
	.left-menu-box .tabWrap .tab.on{width: 100%;border-radius: 0;border-right:0 none;}
	.left-menu-box .tabWrap .tab.on .text{padding:29px 0;}
	.left-menu-box .util{display:block;}
	.left-menu-box .mo_util{position:fixed;padding: 22px 0;}
	.left-menu-box .mo_util .MainMenu-home.mo{display:inline-block;}
	.left-menu-box .lang-sel-wrap{margin: 0 0 0 2px;vertical-align: middle;}
	.left-menu-box .lang-sel-wrap span{font-size:18px;line-height: 24px;}
	.left-menu-box .lang-sel-wrap .selectBox.btn{padding: 0 8px 0 12px;}
	.left-menu-box .lang-sel-wrap img{width:24px;vertical-align: middle;}
	.left-menu-box .Menu-List li a{font-size: 24px;}
	.left-menu-box.open{left:0;}
	.Main-content{width: 100%;margin-left:0;padding: 40px 20px 0;}t: 0;}
}
@media screen and (max-width: 1000px){
	.game-list a{width: calc(33.33% - 40px);}
}
@media screen and (max-width: 1250px){
	[class*='game-wrap'] {width:100%;}
	.PaymentIconsContainer .Payment-icon {margin: 0 1em;}
	.PaymentIconsContainer img {height: 3em;}
}

@media screen and (max-width: 700px){
	.noti_txt, .noti_txt *{font-size: 12px;line-height: 1.4;}

	.Main-top-wrapper{padding: 37px 30px;}
	.MainMenu-top-wrapper .Main-logo .MainMenu-home.pc{display: block;top: 5px;left: 50%;transform: translateX(-50%);}
	.MainMenu-top-wrapper .Main-logo .MainMenu-home.pc img{height: 65px;}
	.MainMenu-top-wrapper .Main-logo .MainMenu-home.mo{top:30px;}
	.MainMenu-top-wrapper .util{display:none;}

	.left-menu-box{padding-top: 87px;}
	.left-menu-box .tabWrap .tab .text{padding: 14px 0;font-size: 20px;}
	.left-menu-box .tabWrap .tab.on{}
	.left-menu-box .tabWrap .tab.on .text{padding: 13px 0;}
	.left-menu-box .lang-sel-wrap span{font-size:18px;line-height: 24px;}
	.left-menu-box .lang-sel-wrap .selectBox.btn{padding: 0 8px 0 12px;}
	.left-menu-box .lang-sel-wrap img{width:24px;vertical-align: middle;}
	.left-menu-box .Menu-List li a{padding: 10px 0;font-size: 20px;}

	.left-menu-box .util .logUser-info-wrap ul{}
	.left-menu-box .util .logUser-info-wrap li{padding: 4px 0;}
	.left-menu-box .util .logUser-info-wrap li:first-child{width:100%;}
	.left-menu-box .util .logUser-info-wrap li img{height: 26px;margin: 0 8px -3px 0;}
	.left-menu-box .util .logUser-info-wrap li span{font-size: 16px;line-height: 24px;}

	.Main-content{width: 100%;margin-left:0;padding: 40px 10px 0;}

	.listWrap{display: block;margin-top: 50px;padding: 0;}
	.listWrap > div{width: 100%;padding: 20px 10px 10px;-webkit-box-shadow: inset 0 0 30px rgba(255 255 255 / 45%);-moz-box-shadow: inset 0 0 30px rgba(255 255 255 / 45%);box-shadow: inset 0 0 30px rgba(255 255 255 / 45%);border-radius: 8px;}
	.listWrap  > div + div{margin-left: 0;margin-top: 40px;}
	.listWrap .list-title{position: relative;margin: -32px 0 12px;text-align: center;}
	.listWrap .list-title .txt{font-size: 28px;line-height: 28px;}
	.listWrap .list-title .txt:before,
	.listWrap .list-title .txt:after{width: 20px;height: 20px;border: 4px solid #fff;}
	.listWrap .list-title .stroke {position: absolute;left: 50%;top: 0;width: 320px;font-size: 28px;line-height: 28px;-webkit-text-stroke: 6px white;}
	.listWrap ul{height: 300px;}
	.listWrap li{padding: 8px 6px;}
	.listWrap li span{font-size: 16px;line-height: 16px;}
	
	[class*='game-wrap'] a{width: calc(50% - 20px);margin: 8px 10px;}
	[class*='game-wrap'] a img{width:90%;}
	[class*='game-wrap'] .game-img{display: none;}
	[class*='game-wrap'] .game-title{font-size: 18px;}
	.gameCard.col-xs-6{padding-right: 10px;padding-left: 10px;}

	.FooterSection{margin-top: 40px;padding: 20px 0px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
	.PaymentIconsContainer {margin-bottom:2rem;}
	.PaymentIconsContainer .Payment-icon {margin: 0;}
	.PaymentIconsContainer + .PaymentIconsContainer {margin-top: 0px;}
	
	.modal .modal-content{padding: 0 10px;}
	.modal .modal-header{padding: 28px 0 20px 0;}
	.modal .modal-header .btn.btn-close{top: .5rem;min-width: 2.8rem;padding: .5rem 0;}
	.modal .modal-title .txt{font-size: 28px;line-height: 28px;}
	.modal .modal-title .stroke{font-size: 28px;line-height: 28px;-webkit-text-stroke: 6px white;}
	.modal .modal-body{padding: 20px 10px;border-radius: 8px;}
	.modal .modal-body th,
	.modal .modal-body td{padding: 6px 0;}
	.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{padding: 0 6px;line-height: 32px;}
	.modal-body textarea{min-height:200px;}
	.modal .modal-body select,.modal .modal-body option{height: 30px;padding: 0 6px;}
	.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-body input + .btn-wrap{display: flex;flex-wrap: wrap;}
	.modal .modal-body input + .btn-wrap .btn{flex: 1 0 auto;margin-bottom: 6px;}
	.modal .modal-footer{padding: 20px 0;}

}

.gamehide{display:none !important;}


.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;}

/* 2025-03-26 이미지 팝업 */
*{
	--popup-concept-color: #f4ed93;
    --popup-text-color: #422c17;
}
.popupWrap {position: absolute;z-index: 999999;width: 100%;min-width: 1440px;top: 180px;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: flex-start;align-content: flex-start;}
.noticeNewPop {position: relative;margin: 0 15px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.85);}
.noticeNewPop .popup_wrap {width: 100%;min-width: 300px;max-width: 520px;border: 4px solid;border-color: var(--popup-concept-color);box-sizing: border-box;}
.noticeNewPop .popup_wrap .popup_box {width: 100%;height: 100%;overflow: hidden;background: rgba(0, 0, 0, 0.85);}
.noticeNewPop .popup_wrap .popup_box .popup_content {display: block;padding:4px;color: #E9E9E9;box-sizing: border-box;}
.noticeNewPop .popup_wrap .popup_box .popup_content img{width: 100%;}
.noticeNewPop .popup_wrap .popup_box .popup_content figure{margin:0;}
.popup_wrap .btnPopClose {position: absolute;right: -15px;top: -17px;}
.popup_wrap .btnPopClose a {background-color: var(--popup-concept-color);border-radius: 40px 40px;overflow: hidden;width: 40px;height: 40px;text-align: center;cursor: pointer;display: block;opacity: 1;-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);-webkit-transition: all 0.3s 0s ease-in-out;-moz-transition: all 0.3s 0s ease-in-out;-o-transition: all 0.3s 0s ease-in-out;transition: all 0.3s 0s ease-in-out;}
.popup_wrap .btnPopClose a svg {fill: var(--popup-text-color);width: 16px;height: auto;display: block;margin: 12px auto;}
.popup_wrap .btnPopToday {font-family: arial;position: absolute;margin: 0 auto;width: auto;top: -10px;left: 0;}
.popup_wrap .btnPopToday a {background-color: var(--popup-concept-color);padding: 4px 10px;box-sizing: border-box;border-radius: 20px 20px;text-align: center;cursor: pointer;display: block;opacity: 1;-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);-webkit-transition: all 0.3s 0s ease-in-out;-moz-transition: all 0.3s 0s ease-in-out;-o-transition: all 0.3s 0s ease-in-out;transition: all 0.3s 0s ease-in-out;}
.popup_wrap .btnPopToday a span {font-size: 12px;letter-spacing: -0.035rem;font-weight: 600;color: var(--popup-text-color);}
.popup_wrap .btnPopToday a span svg {fill: var(--popup-text-color);vertical-align: middle;margin: -3px 0 0 5px;opacity: 0.85;}
@media (max-width:768px) {
	.popupWrap {width: 90%;margin: 0 5%;min-width: 300px;top: 100px;display: flex;align-items: center;align-content: center;flex-direction: column;justify-content: flex-start;}
	.noticeNewPop {position: absolute;margin: 0 auto;width: 100%;}
	.noticeNewPop .popup_wrap { max-width: none;}
}