@charset "utf-8";
@media screen and (min-width: 991px) {
	.mob {
		display: none !important;
	}
}

@media screen and (max-width: 990px) { /* mobile device */

	.pc {
		display: none !important;
	}

	body,html {
		margin: 0;
		height: 100%
	}
	body {
		overflow: scroll
	}
	::-webkit-scrollbar {
		width: 0;
		background-color: transparent;
	}
	.blocker {
		padding: 0;
	}
	.blocker .modalX {
		width: 100%;
		height: 100%;
		padding-top: 50px;
	}

	/* popup */
	.NAV_log .pupop_content {
		width: 100%;
		height: 100%;
	}
	.NAV_log .pupop_content .popWrapper .rightZone{
		width: 100%;
	    padding: 30px;
	}
	.NAV_log .pupop_content .popWrapper .rightZone .top img {
		height: 38px;
		margin-top: 20px;
	}
	.NAV_log .pupop_content .popWrapper .rightZone .up .input_content {
		margin-bottom: 20px;
	}
	.NAV_log .pupop_content .popWrapper .rightZone .up .btn_p {
		padding: 12px;
		margin-left: 5px;
    	margin-right: 5px;
	}
	.NAV_log .pupop_content .popWrapper .rightZone .up .input_zone input{
		width: 100%;
	}
	.NAV_reg .pupop_content {
		width: 100%;
		height: 100%;
		overflow: scroll;
		padding: 50px 25px;
	}
	.NAV_reg .pupop_content .reg .up .input_zone .inputFrame .info{
		width: 40%;
	}
	.NAV_reg .pupop_content .reg .up .input_zone .inputFrame .info .txt{
		font-size: 12px;
	}
	.notice_popup_area .popup_wrapper{
		left: 0;
		top:0;
	}
	.notice_popup_area .popup_wrapper .notice_popup {
		position: fixed;
		width: 100% !important;
		height: 100%;
		overflow-y: scroll;
	}
	/* header */
	.swiper {
		margin: 10px;
		border-radius: 10px;
	}
	.zindex0 {
		z-index: 0
	}
	.header {
		width: 100% !important;
	}
	.header .headerWrapper {
		position: fixed;
		padding: 0 1em;
		background: var(--bgColor13)
	}

	.header .headerWrapper .wrapper.maintain {
		background: var(--bgColor30)
	}

	.header .headerWrapper.PageDetail {
		height: 10vw;
		background: var(--bgColor20)
	}

	.header .headerWrapper .wrapper {
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		position: relative;
	}

	.header .headerWrapper.PageDetail .wrapper {
		height: 10vw;
		padding: 3.4vw;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.header .headerWrapper a.logo {
		text-align: center;
	}

	.header .headerWrapper a.logo img {
		width: 34vw;
		height: auto;
		max-width: 70px;
	}

	a.icon-back,a.icon-left-menu,a.icon-right-menu {
		width: 10vw;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #bac8c3;
		font-size: 1.36rem
	}

	a.icon-left-menu {
		color: #d93e44
	}

	a.icon-amount {
		position: absolute;
		right: 3.4vw;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: flex-end;
		-moz-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	a.icon-amount div {
		width: auto;
		font-size: .86rem;
		color: #bac8c3;
		font-weight: 600;
		font-family: Microsoft JhengHei,sans-serif
	}

	a.icon-amount span {
		color: #d93e44;
		margin-right: 1vw;
		font-size: 1.2rem
	}

	a.icon-back,a.icon-left-menu {
		position: absolute;
		left: 2.4vw;
	}

	a.icon-back span {
		font-size: .81rem
	}

	a.details-title {
		font-size: 1.06rem;
		font-weight: 600;
		color: #bac8c3
	}

	a.icon-right-menu {
		position: absolute;
		right: 3.4vw;
		-webkit-justify-content: flex-end;
		-moz-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.headerWrapper button,.headerWrapper a.guestmail,.headerWrapper a.btn-history {
		font-size: .8rem;
		color: #d93e44;
		background: none
	}

	.headerWrapper button.signup-btn {
		color: #bbbcc2
	}

	.headerWrapper a.guestmail {
		position: absolute;
		left: 12.4vw;
		color: #bac8c3
	}

	.headerWrapper a.btn-history {
		position: absolute;
		right: 14.4vw
	}

	.headerWrapper .btn-box {
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		/* align-items: center; */
		-webkit-justify-content: flex-end;
		-moz-box-pack: end;
		-ms-flex-pack: end;
		/* justify-content: flex-end; */
		position: absolute;
		right: 0;
		width: auto;
		min-width: 28vw;
		margin: 0 0 0 0.5vw;
	}
	
	/* footer */
	.footer {
		position: fixed;
		width: 100vw;
		height: 20vw;
		bottom: 0;
		z-index: 1000;
		color: #161616;
		border-radius: 12px 12px 0 0;
		-webkit-border-radius: 12px 12px 0 0;
		-moz-border-radius: 12px 12px 0 0;
		-ms-border-radius: 12px 12px 0 0;
		-o-border-radius: 12px 12px 0 0;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-repeat: no-repeat;
		background-position: center top;
		-o-background-size: cover;
		background-size: cover;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABGUAAAFACAMAAAAibTFOAAAAvVBMVEUAAABIUWBJUmFHUGBIUWBHUGBHUGBJUmFIUWBJUmFIUWBIUWBHUWBIUWBIUWBKUmFIUWBIUWBIUWFHUGBHUWBIUWBIUGBJUWFHUGBIUWBIUWBGUWBHUWBGUGBJUWFIUGBGT19HUGBIUWA1QVMYKkATJj1MVWM8R1gVJz4XKT9JUmEWKT9LU2JHUGBMVGNOVmRETV0+SVkUJz0bLUIlNUkhMUYwPlA4RFUrOU1AS1stO04pOEseL0QZK0E0QVM0jWqjAAAAJHRSTlMA2vAP6DkI9s3jk08dwUL8u7RgFaDUiX5qVagySSR3KcZy9+h5xnpxAAAKi0lEQVR42uzd6XLTMBSGYZOEZqHN0iZp0g3oSI4ky453x9nu/7JIoMDAAMPWNnXe55dmPP77zdE5ku0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwH93Ur+47Z7fjTtX/VZr1G7stVuts8FVZzx58/r2on7iAMBfqZ++Ph8P3zVqzV7P7gRB4H60W9i93n2zNhoMJze7rHEA4A+cvO1OOmf3xtjAnbvW98OwLKMomn20W5RlGYa+sfO5Gxjjt/uX0+tTBwB+x9vp5aBmjN3lix+Ws2Kbr9IsWydae/KjWOtNkmTpaplvi6j091ljjT8a3nVJGgC/Vu/eDRpmX6OYcrZdrrK1ljtKKU9rLR7slp6nVLx/slmni3w7C4OHpJm8dgDgx+rTYau5L2L8Wb5K15t92aI88UvaU/usSbI0L0qzD5paf9x1AOB7J9OrUc/sRHmaJZ6UyhO/TatYxpskWxSl2amdjaloAHzb7e28ahrjh8UyS4RSSos/56lYbZI0j3x/HzTn9GgAPDidnjWt3UXMKtloz9Pi7+1eF5tsGfkm6NWuugy4ATjO9WXNzIOwWCRKay3+ndZKZHnku67pU9AAR+9meG/nZpavZSz+I610ui2DuXn1/toBcLzeDHw7D7crIZX4z7SUySKyrmnQCQaO1nSXMUGZZ1J64jEouUkLE5jaFTkDHKM3/XtjolWipBaPRUmR5b41jQ79GeDYXPebnzJGafGYvNhb56E17TvmTcAxue00A1MuNsoTj057OslDa9sTvhEBHIv6pBYE0UIoLZ6GVuut79oB7RngOHT7Zh7mIhZPSMVp4btmTHsGqL762Mz97Vpq8bSkTKO5HZ07AKrtpmVslMpYPDktk4UfmKtbB0B1nXRqNlwI6YnnoGRWGNOmnAGqq9sypsg8JZ6LEmlkex2G2kA1nby/t+Fy42nxfLRKtn4wYtgEVNHpILCztdLieXkqDefNOwdA1dy05mbpKfH84nUR2CEzbaBiJs0gSqUWh0CppR+M+CIEUCkdY4uNFAfCk2kYNJg1AdVxMTD+UhzCbumBjpPC7b13AFTDdcuGqfLEIZEi93tD7k8ClXDTcKP1gbRkvtJqFQYDTs4AFfCm4RbJAe2WvlBp6Q4uHAAv3LRnc++wdkufqSRyz4gZ4IWb9OwyPrTd0mexmM1bTLSBF+3S+ItnP+77c1LMggbXDYAX7NKYlTzM7dInShdBg5/3Ay/WZRAeynnfn1E699vEDPBCnQdhduAhI4SnczPiUhPwgb070UobCMMwPLLvUkBR1IptQiaTnTUJy/1fVktXW7UFTGpy+j7XkPOdyfzL5FKz6i8yM1TwMtNcqjGVJiCHOiVnMdVywJJLr017HpA75YKzzsFJZk/Klddm2ADImZuCinNxktmT0vAGAkCe9McqznCfzHN9M6zPww+VYvn66nLwrls7Q2bVJ8uMDWH/2XQbTM6QUbXuaHT5cF3uV0T6Kq3y1aBWqp6f27btuhNklrfLVchomtz43gTZ5Lr2Z+fVUrtxVW6lGTX9m96opJQ78WzH8aMoCAxkVZDNKew/seYGMioIosj3HdvzbKVKo6tyX6SheDscO8r1Jk5krJbr+WKz1SwdmZXZAckX8T1ll6XNZot5uNwZkTPxXOXUhrdFkbD7h/Y+YlSwi+cba/8NS8vM32cM4CSmZUmp67q2mce7wPEmymk/3IsElQd1R3nOKp7PpK7nqHABIFHWPgFm83jleMqpN5oiIbfdgrIdI9xspyQM8N8zpT7dLkJDKVVtJ5IznXbBVv5usZXTfJUsAKTGknK72PlKFdod8Uo3g6rrRMuZltGNjgDeiGVpmzBQ7odRWbxCv3HuqiDU+E8C8JQptTCw3cKwJU7VrNmTKDZzMnAH4N/TtTBy7bOmOEmxoSb+cpb5HUgA3pCpz5a+pwatkw4yyl1t9Lz1jwL4x6RcrFx10RRHqjxUXX9t5mZxAIA3Y+py7bsfHiriGP2RUqsNpWsAh7Cms5Wyj3on9K5r+6FGxgA4kNRC3+3eiUN16m4wp3oN4AhyHril24MX33tG7rYGAHhjcmt41eaBIePuTEIGwJGktrMPiplmQcU6tSUAR5N6rAp/j5nrghPSJAPgFJYeOoXrA0ImZ+tiAWSGJf8aM52SE7MCD8CpTDN26mXxsmLNCTnIAHgFK1S14ssh083VO2EAMsiUsdt9MWYa3pIJbACvY013XkM8r+cZjEcCeK2paXg98Zz7QqARMgCSeI64cC+eqoz9BVvxACRguvDfVcQTQ7WmGQ9AImSo3j/zv7Ti4hdAUlb1O/GbdrQlZQAkxNxE3Yr4Re98TjsegMTItX0lHite7CyOMgASY2mri754ZOhvuPoFkKDpxn8vfrqrx4QMgETp4eML4GHABk4AyZKzaCi+a9XX9OMBSP4w0xLfvDdMCkwAEmaZRk98VeEoAyAF+vqsKL64NbiUAZACK+iJL9prRrEBpECP34m9G2dGQx6ANGyjsvjscknIAEiFXF6Kz2oLUgZAKszFhRCiY2ikDIBUmNrHshANhrEBpMVcXwox3pAyAFJizcbi/iM/TADSYm4/ih7bfvGJnTs4QSAKgig4Z6MQVFjxpgiC+efl1Q5gDg1VQTw+ze7AnuM7p7fKAGue7zm7+QDsOV5zcYkT2HN/zMfv2MCi25hlgE3PMcsAm45xJQ/YdB+zDLBKZYBd40wesGqMv8CqMf4Cq8aXv0DylgGqeMsAQWWAMnMF+KMyQBmVAYLKAGVUBggqA5RRGSCoDFBGZYCgMkAZlQGCygBlVAYIKgOUURkgqAxQRmWAoDJAGZUBgsoAZVQGCCoDlFEZIKgMUEZlgKAyQBmVAYLKAGVUBggqA5RRGSCoDFBGZYCgMkAZlQGCygBlVAYIKgM/duqYBgAAgGGQf9e7J6EJiIAYywDHMkCMZYBjGSDGMsCxDBBjGeBYBoixDHAsA8RYBjiWAWIsAxzLADGWAY5lgBjLAMcyQIxlgGMZIMYywLEMEGMZ4FgGiLEMcCwDxFgGOJYBYiwDHMsAMZYBjmWAGMsAxzJAjGWAYxkgxjLAsQwQYxngWAaIsQxwLAPEWAY4lgFiLAMcywAxlgGOZYAYywDHMkCMZYBjGSDGMsCxDDB26pgGAACAYZB/17snoQmIIMYywLEMEGMZ4FgGiLEMcCwDxFgGOJYBYiwDHMsAMZYBjmWAGMsAxzJAjGWAYxkgxjLAsQwQYxngWAaIsQxwLAPEWAY4lgFiLAMcywAxlgGOZYAYywDHMkCMZYBjGSDGMsCxDBBjGeBYBoixDHAsA8RYBjiWAWIsAxzLADGWAY5lgBjLAMcyQIxlgGMZIMYywLEMEGMZ4FgGiLEMcCwDxKydOqYBAICBIOTfdecX0OESEIFlgGEZIMYywLAMEGMZYFgGiLEMMCwDxFgGGJYBYiwDDMsAMZYBhmWAGMsAwzJAjGWAYRkgxjLAsAwQYxlgWAaIsQwwLAPEWAYYlgFiLAMMywAxlgGGZYAYywDDMkCMZYBhGSDGMsCwDBBjGWBYBoixDDAsA8RYBhiWAWIsAwzLADGWAYZlgBjLAMMyQIxlgF8H0x8T7DcL4AsAAAAASUVORK5CYII=);
		font-family: Microsoft JhengHei,sans-serif;
		-moz-transform: translate3d(0px,0,0);
		transform: translateZ(0);
		-webkit-transform: translate3d(0px,0,0);
		-ms-transform: translate3d(0px,0,0);
		-o-transform: translate3d(0px,0,0);
		background-color:unset;
		padding: 0;
	}
	
	.footer ul {
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: 4vw
	}
	
	.footer ul li {
		width: 20vw
	}
	
	.footer ul li a {
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		color: white;
		font-size: .72rem
	}
	
	.footer ul li.active a span {
		-moz-animation: parent-tab-image .5s linear;
		-o-animation: parent-tab-image .5s linear;
		animation: parent-tab-image .5s linear;
		-webkit-animation: parent-tab-image .5s linear
	}
	
	.footer ul li a span:first-child {
		background: -webkit-linear-gradient(96.05deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 97.43%);
		background: -moz-linear-gradient(96.05deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 97.43%);
		background: -o-linear-gradient(96.05deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 97.43%);
		background: linear-gradient(353.95deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 97.43%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size: 1.2rem;
		margin-bottom: .5vw
	}
	
	.footer ul li:nth-child(3) a {
		font-size: .81rem;
		width: 15.2vw;
		height: 15.2vw;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		position: absolute;
		top: 3.6vw;
		left: 42.4vw;
		color: white;
		background: var(--main01);
	}
	
	.footer ul li:nth-child(3) a span:first-child {
		background: -webkit-linear-gradient(96.05deg,#bac8c3 0%,#bac8c3 97.43%);
		background: -moz-linear-gradient(96.05deg,#bac8c3 0%,#bac8c3 97.43%);
		background: -o-linear-gradient(96.05deg,#bac8c3 0%,#bac8c3 97.43%);
		background: linear-gradient(353.95deg,#bac8c3 0%,#bac8c3 97.43%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		margin-bottom: .5vw;
		font-size: 1.2rem
	}
	
	.footer ul li a div {
		text-align: center;
		font-family: Microsoft JhengHei,sans-serif;
		-webkit-transform: scale(.92);
		-moz-transform: scale(.92);
		-ms-transform: scale(.92);
		-o-transform: scale(.92);
		transform: scale(.92)
	}

	/* left menu */
	.LeftContent {
		display: none;
	}
	.rightContent {
		padding-left: 0;
	}
	.aside .LeftContent {
		display: block;
		width: 180px;
		overflow-y: scroll;
	}
	.aside .LeftContent .logo{
		display: none;
	}
	.aside .LeftContent .gameMenu{
		background: unset;
	}
	.aside .LeftContent .gameMenu ul li {
		border: 1px solid #31363d;
		margin-bottom: 7px;
		padding: 8px;
		border-radius: 7px;
		background: linear-gradient(180deg,#0d1215 0%,#1f2537 100%);
	}
	.aside .LeftContent .leftMenu{
		margin: 0;
		padding: 0;
		width: 100%;
		border-radius: 0;
	}
	.aside .LeftContent .leftMenu ul li a span {
		margin-right: 10PX;
	}
	.aside .LeftContent .leftMenu ul li a .txt {
		display: block;
	}
	.aside .LeftContent .leftMenu01 {
		margin-top: 10px;
		padding-bottom: 15px;
	}
	.aside .LeftContent .leftMenu01 ul li {
		border-bottom: 1px solid #485160;
	}
	.aside .LeftContent .leftMenu01 ul li a span {
		font-size: 18px;
		margin-left: 10px;
	}
	.aside .LeftContent .leftMenu01:after{
		height: 0;
	}
	.aside .LeftContent .leftMenu02 {
		padding-bottom: 30px;
	}
	.aside .LeftContent .leftMenu02 ul li{
		border: 1px solid #485160;
		border-radius: 8px;
		margin-bottom: 7px;
	}
	.aside .LeftContent .leftMenu02 ul li span{
		background: rgb(255,255,255);
		margin-left:7px;
	}
	.aside .LeftContent .leftMenu02 ul li:hover span{
		transform:scale(1);
	}

	.aside .LeftContent .leftMenu02 ul li .icon-kakao{
	    background: linear-gradient(180deg,rgb(255,255,255) 0%,rgb(255,221,11) 100%);
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent
	}
	.aside .LeftContent .leftMenu02 ul li .icon-icconTELEGRAM{
	    background: linear-gradient(180deg,rgb(255,255,255) 0%,rgb(22 211 251) 100%);
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent
	}
	.aside .LeftContent .leftMenu02 ul li .icon-icconService01{
	    background: linear-gradient(180deg,rgb(255,99,53) 0%,rgb(255,53,162) 100%);
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent
	}
	.aside .rightContent {
		margin-left: 180px;
    	width: 100vw;
	}
	.aside .rightContent .header{
		left: 180px;
	}
	/* main */
	.maingame {
		width: 100vw;
		padding: 5px 10px;
	}
	.maingame .topZone{
		display: flex;
		margin-bottom: 10px;
		padding: 10px;
		background: #1e2434;
		border-radius: 5px;
	}
	.maingame .topZone .memberZone{
		display: flex;
		align-items: center;
	}
	.maingame .topZone .memberZone img{
		width: 25px;
		margin-right: 5px;
	}
	.maingame .topZone .memberZone span{
		color: aliceblue;
	}
	.maingame .topZone .moneyZone{
		display: flex;
		align-items: center;
		margin-left: 10px;
	}
	.maingame .topZone .moneyZone .money{
		color: var(--main);
		margin-right: 5px;
	}
	.maingame .topZone .moneyZone .refresh img{
		width: 25px;
	}
	.game-wrap {
		width: 100%;
		display: flex;
		transition: all 0.5s;
		overflow: hidden;
		margin-bottom: 6em;
		height: calc(var(--vh, 1vh) * 100 - 6.68rem);
	}
	.game-wrap .game-menu {
		display: flex;
		justify-content: center;
		height: 100%;
		margin-right: 5px;
		position: relative;
		overflow-y: auto;
	}
	.game-wrap .game-menu .game-menu-list .game-list-item {
		width: 4.5em;
		height: 5em;
		margin-bottom: 5px;
		border-radius: 10px;
		background-repeat: no-repeat;
		background-position: 50%;
		align-items: center;
		position: relative;
		display: flex;
		flex-flow: column;
		justify-content: center;
		border: 1px solid #304059;
		background: linear-gradient(180deg, #1f2435 0%,#11151c 100%);
	}
	.game-wrap .game-menu .game-menu-list .game-list-item .icon {
		background: linear-gradient(13deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 97.43%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size: 2em;
	}
	.game-wrap .game-menu .game-menu-list .game-list-item.on {
		background: linear-gradient(353.95deg,var(--main01) 0%,var(--main02) 50.24%);
	}
	.game-wrap .game-menu .game-menu-list .game-list-item.on .icon {
		-webkit-text-fill-color: aliceblue;
	}
	.game-wrap .game-menu .game-menu-list .game-list-item .game-menu-name {
		display: inline-block;
		text-align: center;
		font-size: 0.8em;
		margin-top: 0.5em;
		color: #ffffff;
	}
	.game-wrap .game-menu .game-menu-list .game-list-item .game-menu-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 3.3em;
		height: 3.3em;
		background-size: 100%;
	}
	.game-wrap .game-content-wrap {
		position: relative;
		flex: 1 1 0%;
		width: 100%;
		overflow: scroll;
		padding-bottom: 100%;
	}
	.game-wrap .game-content-wrap .game-content-list {
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-duration: 0ms;
		-webkit-transform: translate(0px, 0px) scale(1) translateZ(0px);
				  transform: translate(0px, 0px) scale(1) translateZ(0px);
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
	}
	.game-wrap .game-content-wrap .game-tabs-content {
		width: 100%;
		display: block;
		-webkit-animation: slideDown 0.2s ease;
		animation: slideDown 0.2s ease;
		margin-bottom: 0.5em;
	}
	.game-wrap .game-content-wrap .game-tabs-content .game-list {
		display: grid;
		grid-template-columns: 1fr;
		gap: 5px;
	}
	.game-wrap .game-content-wrap .game-tabs-content .game-list.slot {
		grid-template-columns: repeat(2, 1fr);
	}
	.game-wrap .game-content-wrap .game-tabs-content .game-list img{
		width: 100%;
	}

	/* casino */
	.gameZone .gameWrapper {
		width: 100%;
		height: 100%;
		padding: 0;
	}
	.gameZone .gameWrapper .content{
		margin-top: 10px;
	}
	.gameZone .gameWrapper .content .rightZone {
		width: 100%;
		padding: 0 10px;
	}
	.gameZone .gameWrapper .content .rightZone .btns ul li {
		height: 140px;
	}
	.gameZone .gameWrapper .content .rightZone .btns ul li .txt01 h2 {
		font-size: 2.5vw;
		font-weight: 600;
	}

	.game-img .bg {
		width: 100%;
		padding-bottom: 35%;
		border: 2px solid #304059;
		border-radius: 5px;
		background: linear-gradient(180deg,#21273a 0%,#0b0f11 100%);
		position: relative;
		cursor: pointer;
		overflow: hidden;
		transition: all 0.4s ease 0s;
	}
	.game-img .bg .model {
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		width: 46%;
		height: 0px;
		top: 0%;
		right: 5%;
		position: absolute;
		margin: 0px auto;
		padding-bottom: 40%;
		z-index: 2;
		transition: all 0.3s ease-out 0s;
	}
	.game-img .bg .logo-wrap {
		position: absolute;
		left: 6%;
		bottom: 14%;
		z-index: 3;
		background-size: 100%;
		background-repeat: no-repeat;
		width: 24%;
		display: flex;
		transition: all 0.3s ease-out 0s;
		flex-direction: column;
		align-items: center;
	}
	.game-img .bg .logo {
		position: relative;
		bottom: 25%;
		z-index: 3;
		background-size: 100%;
		background-repeat: no-repeat;
		width: 100%;
		padding-bottom: 43%;
		transition: all 0.3s ease-out 0s;
	}

	.game-img .bg .txt {
		font-size: 12px;
		position: relative;
		white-space: nowrap;
		color: var(--main);
	}

	.game-img .bg .title {
		font-size: 4vw;
		position: absolute;
		font-weight: 600;
		top: 6%;
		left: 6%;
		color: var(--main02);
	}

	.game-img.slot .bg {
		width: 100%;
		padding-bottom: 78%;
		border: 2px solid #304059;
		border-radius: 5px;
		background: linear-gradient(180deg,#21273a 0%,#0b0f11 100%);
		position: relative;
		cursor: pointer;
		overflow: hidden;
		transition: all 0.4s ease 0s;
	}
	.game-img.slot .bg .model {
		width: 85%;
		height: 0px;
		top: 21%;
		right: 5%;
		padding-bottom: 77%;
	}
	.game-img.slot .bg .logo-wrap {
		left: 32%;
		top: 5%;
		bottom: auto;
		width: 35%;
	}
	.game-img.slot .bg .logo {
		bottom: 25%;
		padding-bottom: 43%;
	}
	.game-img.virtual .bg .model {
	padding-bottom: 42%;
	width: 60%;
	right: 0%;
	}
	/*  */
	.info-wrap {
		padding:15px;
	}

	.info-wrap.cash {
		display: block;
		padding: 10px;
	}
	.input-wrap {
		display: block;
		padding: 6px;
	}
	.info-wrap.cash .input-wrap {
		width: 100%;
	}
	
	.v_deep_slot .gameZoneA {
		margin-top:0;
	}
	.v_deep_slot .gameZoneA .tabZone {
		display: block;
	}
	.v_deep_slot .gameZoneA .tabZone ul {
		grid-template-columns: auto;
		grid-auto-flow: column;
		overflow: auto;
		gap: 0;
		height: auto;
	}
	.v_deep_slot .gameZoneA .tabZone ul li{
		width: 100px;
		border-radius: 0;
		height: 85px;
		background: linear-gradient(0deg, #3d3d3d, black);
		box-shadow: inset 0 4px var(--main);
	}
	.v_deep_slot .gameZoneA .tabZone ul li .pic {
		width: 60%;
	}
	.v_deep_slot .gameZoneA .tabZone ul li h4 {
		font-size: 12px;
	}
	.v_deep_slot .gameZoneA .tabZone .searchZone {
		width: 90%;
		margin-top: 15px;
		padding: 0;
	}

	.v_deep_slot .gameZoneA .slotZone ul {
		grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
	}
	.v_deep_slot .gameZoneA .slotZone ul li {
		margin-bottom: 25px;
        width: 100%;
        min-height: 5.5vh;
        position: relative
	}
	.v_deep_slot .gameZoneA .slotZone ul li .pic {
		border-radius: 5px;
	}
	.v_deep_slot .gameZoneA .slotZone ul li .name {
		font-size:12px;
	}
	.main_content_sport {
		width: 100%;
		height: 100%;
		left: 0;
		padding-bottom: 70px;
	}
	.sportFrame {
		padding-bottom: 50px;
	}
	.sportFrame .chooseFrame {
		width: 100%;
	}

	.sportFrame .chooseZone01 {
		width: 100%;
		margin-bottom: 60px;
	}

	.head-top{
		background: linear-gradient(0deg, #434343, #5f5f5f);
		color: white;
		text-align: center;
		position: relative;
		display: flex;
		justify-content: center;
		font-size: 16px;
		padding: 15px;
	}
		
	.head-top .close{
		position: absolute;
		right: 10px;
	}

	.sportFrame .decideZone {
		width: 100%;
		position: absolute;
		z-index: 9999;
		padding-bottom: 60px;
	}

	.sportFrame .chooseFrame .chooseZone.right {
		display: none;
	}

	.sportFrame .chooseFrame .chooseZone.on.right {
		display: block;
	}

	.sportFrame .chooseZone .bZone .title {
		background-color: #545454;
		border: 1px solid #686868;
		border-radius: 6px;
	}
	.sportFrame .chooseZone .cubeZone01 .cube01 .videoZone .title {
		display: none;
	}

	img.teamImg {
		display: none;
	}
	.market-name {
		font-size: 10px;
		word-break: keep-all;
		text-align: center;
		display: flex;
		align-items: center;
		border: 1px solid;
		border-radius: 5px;
		width: 8%;
		margin-left: 5px;
		place-content: center;
	}
	.mob-market-list {
		width: 100%;
		border: 1px solid #545859;
		padding: 5px;
		background: linear-gradient(357deg, #454242, #302f2f);
		margin: 5px 0;
		border-radius: 3px 3px 7px 7px;
		display: none;
	}
	.frameA.active +.mob-market-list {
		display: block
	} 

	.main_content_wrap_notice .listZone ul.imgList {
	    grid-template-columns: repeat(2, 1fr);
	}

	#bet_result .main_content_wrap {
		padding: 5px;
		margin-bottom: 60px;
	}

	#roulette .main-content .roulette-info {
		height: auto;
		border-radius: 12px;
	}
	
	#roulette .main-content .roulette-info:after {
		display: none;
	}
	
	#roulette .main-content .roulette-info .count-wrap .content {
		margin-top: 0;
	}
	
	#roulette .main-content .roulette-info .count-wrap .content .coupon {
		height: auto;
		background: none;
		border: none;
		color: black;
	}

	.contentZone .txt{
		padding:5px
	}
	.contentZone .txt img {
	    width:100%;
	    height:auto;
	}
	.marquee_wrap {
		display: flex;
		color: white;
		padding: 0 10px;
	}
	.marquee_wrap img {
		padding-right:5px
	}
	#btn_top{
		bottom: 150px;
    	right: 18px;
	}
}



@media screen and (max-width: 720px) {
	.main_content_wrap_notice .listZone ul.imgList {
	    grid-template-columns: 1fr;
	}
@media screen and (max-width: 425px) {
	.gameZone .gameWrapper .content .rightZone .btns ul {
		grid-template-columns: repeat(2, 1fr);
	}
	
}
@media screen and (max-width: 320px) {
}