@charset "utf-8";

/* ==========================================================================
   mobile styles
   ========================================================================== */

@media screen and (min-width: 1451px) {
	.roulette-mob {display: none !important;}
}

@media screen and (min-width: 1201px) {
	/* pc device */
	.mob {
		display: none !important;
	}
}

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

	.board_box .board_list .title1 {
		height: 3em;
		line-height: initial;
		text-align: center;
		background: url(../images/common/bg_popup.jpg) center center no-repeat;
		background-size: cover;
		margin: 0;
		float: initial;
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}
	
	.roulette-pc {
		display: none !important;
	}

	/*룰렛*/
	.roulette-container {
		position: relative;
		display: block;
		width: 100%;
		scale: initial;
		right: 0;
		top: 0;
		background: url(../images/common/roul-bg.png);
		z-index: 100;
	}

	.roulette .cash-font {
		font-size: 1.5em !important;
	}
}

@media screen and (max-width: 1200px) { /* mobile device */
	body {
		font-size: 0.7rem
	}

	header, footer, div, p, ul, li, table, th, td, textarea, input, select,  form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, address, section, cite, button
	{
		margin:0px;
		padding:0px;
		font-size: 0.7rem;
		color:#ffffff;
		font-weight:400;
		box-sizing:border-box;
	}

	.pc {
		display: none !important;
	}
}

/* media */
@media screen and (min-width: 1201px) {
	/* pc device */
	.mob {
		display: none !important;
	}
}

.main_game_box {
	width: 100%;
	max-width: 1300px;
}

.event_list_wrap {
	width: 100%;
}

.event_list_wrap>ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: start;
}

.event_list_wrap>ul>li {
	margin: 0;
	padding: 5px;
	flex-grow: 0;
	flex: 25%;
	max-width: 25%;
	margin-bottom: 20px;
}
.event_list_wrap>ul>li img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
.event_list_wrap>ul>li .check img {
	max-width: 100%;
	width: 3em;
}

.event_content_wrap {
	width: 100%;
}

.event_content_wrap>ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.event_content_wrap>ul>li {
	margin: 0;
	padding: 5px;
	flex-grow: 0;
	max-width: 98%;
}
.event_content_wrap>ul>li img {
	max-width: 100%;
	width: 100%;
}
.event_content_wrap>ul>li .check img {
	max-width: 100%;
	width: 3em;
}

@media (max-width:1200px) {

	.event_list_wrap {
		width: 100%;
		opacity: 1;
		visibility: visible;
		position: fixed;
		overflow: auto;
		transition: all 0.3s ease 0s;
		width: 100%;
		height: 100%;
		left: 0px;
		text-align: center;
		display: block;
		padding-bottom: 190px;
	}

	
	.slot-content {
		opacity: 1;
		visibility: visible;
		position: fixed;
		overflow: auto;
		transition: all 0.3s ease 0s;
		width: 100%;
		height: 100%;
		left: 0px;
		text-align: center;
		display: block;
		padding-bottom: 285px;
	}
	.cash-in-out-content, .children-content, .letter-content {
		opacity: 1;
		visibility: visible;
		position: fixed;
		overflow: auto;
		transition: all 0.3s ease 0s;
		width: 100%;
		height: 100%;
		left: 0px;
		text-align: center;
		display: block;
		padding-bottom: 200px;
	}
	.qna-content {
		opacity: 1;
		visibility: visible;
		position: fixed;
		overflow: auto;
		transition: all 0.3s ease 0s;
		width: 100%;
		height: 100%;
		left: 0px;
		text-align: center;
		display: block;
		padding-bottom: 165px;
	}
	.cash-in-content, .cash-out-content, .comp-content, .point-content, #frm_mypage, .user-attendance {
		opacity: 1;
		visibility: visible;
		position: fixed;
		overflow: auto;
		transition: all 0.3s ease 0s;
		width: 100%;
		height: 100%;
		left: 0px;
		text-align: center;
		display: block;
		padding-bottom: 180px;
	}
	.notice-content, .event-content {
		opacity: 1;
		visibility: visible;
		position: fixed;
		overflow: auto;
		transition: all 0.3s ease 0s;
		width: 100%;
		height: 100%;
		left: 0px;
		text-align: center;
		display: block;
		padding-bottom: 190px;
	}
	.comp-content .con_box00 ul li a span {
		margin-right: 10px;
	}
	.pc {
		display: none !important;
	}
	body {
		font-size: calc(.35rem + 1vmin);
	}
	
	.out_login_wrap .login_content .footer {
		display: flex;
		flex: 1 1 auto;
	}
	.btn3_1,
	.btn3_2 {
		width: 100%;
		min-width: initial;
		margin: 0 1px;
		height: 4em;
		line-height: 4em;
	}

	.board_list>ul {grid-template-columns:1fr}
	
	.hamburger {
		font-size: 40px;
	}
	.hamburger-inner,
	.hamburger-inner:after,
	.hamburger-inner:before {
		height: 0.1em;
	}
	.hamburger-inner {
		top: 50%;
		display: block;
		margin-top: -2px;
		background-color: #fff;
		background: var(--gradient-gold-double);
	}
	body.hamburger-active {
		overflow: hidden;
	}
	.hamburger-active .aside2 {
		transform: translateX(0);
	}
	.hamburger-active #header_wrap,
	.popup_visible_main_pop #header_wrap {
		position: sticky;
		top: 0;
		z-index: 2001;
	}
	.login-box {
		width: 100%;
		padding: 0;
	}

	.login-cont .tel img {
		width: 100%;
	}

	.main_game_title {
		display: none;
	}

	.main_popup_tab>li>a {
		font-size: 1em;
	}
	.main_popup_tab_box {
		width: inherit;
	}
	.main_popup_tab_box .con_box30 {
		padding: .25rem;
	}
	.main_game_box {
		padding: .25rem;
	}

	.main_game_start {
		padding: .25rem;
	}
	 .game_list_wrap > ul {
		grid-template-columns: repeat(2, 1fr);
		padding: 5px;
	} 

	.event_list_wrap > ul > li {
		padding: 2.5px;
		flex: 33.333%;
		max-width: 33.333%;
	}
	.event_list_wrap > ul > li  a > img {
		width: 100%;
	}

	.event_content_wrap > ul > li  a > img {
		width: 100%;
	}

	.check {
		width: calc(100% - 5px);
		height: calc(100% - 5px);
		top: 2.5px;
		left: 2.5px;
	}

	.main_con_box {
		flex-flow: column;
	}
	.main_con1_wrap {
		width: 100%;
		margin: .25rem 0;
		max-width: initial;
	}
	.main_con1_wrap+.main_con1_wrap {
		margin-left: 0;
	}
	.main_con_wrap .more {
		right: 1.5em;
	}
	.main_con1_wrap .main_con1 {
		width: inherit;
		padding: 0.5em 1em;
	}
	.main_con1_wrap .main_con1 table {
		width: 100%;
		min-width: initial;
	}
	
	.main_con1_title {
		text-align: left;
	}
	.main_con1_title > img {
		max-width: 100%;
	}

	.notice_popup_area {
		top: 5rem;
		left: 0;
		max-width: 100%;
	}
	/* .notice_popup {
		position: absolute;
		min-width: 5rem;
	}
	.notice_popup:not(.hide) ~ .notice_popup {
		display: none;
	} */
	.notice_popup * {
		word-break: break-all;
		max-width: 100%;
		height: auto;
	}
	.notice_popup .notice_popup_text {
		padding: 1rem;
	}

	.login ul {
		display: flex;
		justify-content: space-between;
	}
	.login ul li {
		font-size: .8em;
		line-height: 2em;
		width: fit-content;
		max-width: 100%;
		white-space: nowrap;
	}
	.login ul li .nickName {
		font-size: 1.2em;
	}

	.login ul li.item-username,
	.login ul li.item-password {
		flex-grow: 1;
		padding-right: .1em;
	}
	.login ul li.item-username input,
	.login ul li.item-password input {
		width: 100%;
	}
	.login ul li.item-nickname {
		overflow: hidden;
		flex-grow: 1;
		text-align: left;
	}
	.login ul li img {
		max-width: 30vw;
	}
	.hamburger-active .login ul li.item-cash {
		display: none;
	}
	.hamburger-active .login ul li.item-logout,
	.hamburger-active .login ul li.item-partner {
		display: list-item !important;
	}

	/* sk_popup mobile styles (not popup exactly, subpage theme) */
	.popup_background:not(#notice_pop_background) {
		display: none !important;
	}
		
	#login_pop_background.popup_background {
		display: block !important;
		opacity: initial !important;
		background-color: rgb(28 18 59 / 50%) !important;
		backdrop-filter: blur(20px);
	}
	.popup_wrapper {
		top: var(--header_wrap-height) !important;
		overflow: hidden !important;
		margin-top: -1px;
	}
	.popup_wrapper .close_box {
		display: none;
	}
	.popup_wrapper .popup_wrap {
		font-size: 0.8em;
	}
	.popup_wrapper .popup_content {
		display: block !important;
		width: 100%;
	}
	.popup_wrapper .popup_content>.popup_wrap {
		width: 100%;
	}
	#notice_pop .notice_popup_text {
		min-width:initial;
		padding:1em;
	}

	.popup_wrapper .popupbox {
		border-radius: 0;
		background: url("../images/common/bg.jpg") center -7rem no-repeat;
		padding: 0;
		overflow: auto;
		height: calc(100vh - var(--header_wrap-height));
	}
	.popup_wrapper .popupbox .slot_loding {
		padding: .5em;
		font-size: 2em;
	}
	.popup_wrapper .popupbox .slot_loding img {
		max-width: 80vw;
	}
	.popup_wrapper .popupbox .pop_content {
		padding-bottom: 10em;
	}

	.popup_wrapper .title1 {
		height: 3em;
		line-height: initial;
		text-align: center;
		background: url(../images/common/bg_popup.jpg) center center no-repeat;
		background-size: cover;
		margin: 0;
		float: initial;
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}
	.popup_wrapper .title1-search {
		height: 3em;
		background: url(../images/common/bg_popup.jpg) center center no-repeat;
		background-size: cover;
		margin: 0;
	}
	.popup_wrapper .title1-search .input1{
		min-width: initial;
	}
	.popup_wrapper .title1-search .clearable {
		width: 12em;
	}

	.popup_wrapper .popup-noheader .title1 {
		align-items: start;
	}
	.popup_wrapper .popup-noheader .title1 + .close_box {
		display: inline-flex;
		position: absolute;
		top: 0;
		justify-content: end;
		transform: scale(0.8);
		transform-origin: top right;
	}

	.popup_wrapper .title2 {
		float: initial;
		text-align: center;
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}

	.popup_wrapper .con_box00,
	.popup_wrapper .con_box10,
	.popup_wrapper .con_box20,
	.popup_wrapper .con_box30 {
		padding: 0 0.5em;
		float: initial;
	}
	.popup_wrapper .con_box00 .btn_wrap_center,
	.popup_wrapper .con_box10 .btn_wrap_center,
	.popup_wrapper .con_box20 .btn_wrap_center,
	.popup_wrapper .con_box30 .btn_wrap_center {
		float: initial;
	}
	.popup_wrapper .input1::placeholder {
		opacity: 1;
	}

	.popup_wrapper .write_title,
	.popup_wrapper .write_basic {
		min-height: 2em;
		line-height: 2em;
		padding: 0.5em 1em;
	}
	.popup_wrapper .write_title {
		max-width: 12em;
		white-space: nowrap;
		width: 25%;
	}
	.popup_wrapper .write_title_2 {
		display: none;
	}
	.popup_wrapper .flex-table .write_title {
		width: 100%;
		display: flex;
		padding: .75em .8em 0;
		border-bottom: none;
		margin-top: .2em;
		max-width: initial;
	}

	.popup_wrapper .write_basic {
		display: flex;
		flex-wrap: wrap;
	}
	.popup_wrapper .write_basic > .input1{
		flex-grow: 1;
		width: 4em;
	}
	.popup_wrapper .write_basic > .input1 + span {
		display: block;
		font-size: .8em;
		width: 100%;
		line-height: initial;
	}
	.popup_wrapper .write_basic > .input1 + a {
		margin-left: .3em;
	}

	.popup_wrapper .popup_tab_wrap {
		display: none;
	}

	.btn_plus_wrapper {
		display: grid;
		grid-template-columns: auto auto auto auto auto auto min-content;
		margin: .25em 0;
		flex: 0 0 100%;
	}
	.btn_plus_wrapper > a {
		padding: .1em;
	}
	.btn_plus_wrapper > a > .btn {
		width: 100%;
		padding: 0 1em;
		line-height: 3.5em;
		height: 3.5em;
	}
	.qna_wrapper {
		width: 100%;
	}

	.list1,
	.list_title1,
	.list_notice1,
	.list_notice2 {
		line-height: initial;
		padding: 1em .2em;
	}

	.slot_list>ul {
		grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));
		gap: .5em;
	}
	.slot_list>ul>li {
		margin-top: .6em;
		border: none;
	}
	.slot_list>ul>li .tit {
		padding: .75em .25em;
	}
	
	.pagination>li>a,
	.pagination>li>span {
		margin: 0.1em;
		border-radius: 0.2em;
		padding: 0.3em 1.2em;
		line-height: 2;
	}

	.popup_tab.flex .tab1 {
		flex-grow: 1;
		min-width: initial;
	}

	ul.comp_list {
		grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
		gap: 0.5em;
	}
}

.aside2.in {
	width: 100%;
	min-width: 320px;
}
.aside2 {
	background: url(../images/common/bg_popup.jpg) center top no-repeat;
	background-size: cover;
	position: fixed;
	width: 100%;
	min-width: 0px;
	top: 4em;
	right: 0;
	bottom: 0;
	/* box-shadow: 0 5px 15px rgb(0 0 0 / 50%); */
	transition: all 0.35s ease;
	z-index: 2000;
	overflow: auto;
	transform: translateX(100%);
}
.aside2 .aside_wrap {
	margin-top: 2.75em;
}
.aside2 .aside_wrap .aside2_box_wrap{
	padding-top: .5em;
}
.aside2 ul.category-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	padding: 0.2em 0.5em;
}
.aside2 ul.category-box>li {
	width: 50%;
	padding: 0.1em;
}
.aside2 ul.category-box>li a {
	display: block;
	padding: 1.75em 0;
	background-color: rgb(0 0 0 / 65%);
	text-align: center;
}
.aside2 ul.category-box>li a:hover {
    background-color: rgb(153 121 255 / 65%);
}

.aside2 .customer-box {
	width: 100%;
	padding: 1em 2em 3em 2em;
	background: rgb(0 0 0 / 65%);
}
.aside2 .customer-box .customer_tit {
	width: 100%;
	color: #aaa;
	font-size: 1.5em;
	font-weight: 600;
}
.aside2 .customer-box ul {
	display: flex;
	flex-flow: column;
}
.aside2 .customer-box ul > li {
	color: white;
	font-weight: 600;
	margin: 1em 0 0 .5em;
}
.aside2 .customer-box ul>li>img {
	width: 1.6em;
	margin-right: 1em;
	vertical-align: text-top;
}

.popup_wrapper .input1::placeholder {
	opacity: 0;
}
.btn_plus_wrapper {
	display: inline-block;
	vertical-align: middle;
}
.qna_wrapper {
	text-align: center;
	margin-top: 15px;
}
.input1 + b {
	margin: 0 .1em;
}

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

	body::-webkit-scrollbar {width:0px;}
	
	/* 해더 */
	header {height:60px;position: fixed;width:100%;z-index:10;top: 0;}
	header .header_wrap{justify-content:center}
	header #gnb {position:fixed;width:200px;height:100%;top:0;left:-300px;background:#202024;z-index: 9999999999;overflow-y: scroll;transition:400ms all;padding: 10px;padding-top: 50px;box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2), 0px 16px 24px 2px rgba(0,0,0,0.14), 0px 6px 30px 5px rgba(0,0,0,0.12);display: block;padding-bottom: 60px;}
	header #gnb.aside {left:0;}
	header #gnb .logo {min-width:auto; text-align:center}
	header #gnb .logo img {height: 35px;}
	header #gnb ul {flex-wrap: wrap;flex-direction: column;gap: 5px;margin-top: 10px;width: 100%;}
	header #gnb ul li {cursor: pointer;padding-left: 20px;font-weight: bold;border-radius: 5px;transition: 200ms all;box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;color: #c3c3c3;padding: 10px;width: 100%;}
	
	#left_section {display:none;}
	#left_section.aside {display:block;position: fixed;right: 0;left: auto;z-index: 9999;background: #151516;height: 100%;padding: 3px;padding-top: 50px;top: 0;padding-bottom: 60px}
	#right_section {display:none;}
	#right_section.aside {display:block;z-index: 9999;height: 100%;top: 0;background: #171717;padding: 5px;padding-top: 40px;padding-bottom: 60px}
	#right_section .logo {text-align:center}
	#right_section .logo img{height:50px;margin-bottom:10px}
	.close_aside {position:absolute;top:0;left: 0;padding: 12px;}	
	#gnb .close_aside{right:0;left:unset}
	
	/* 컨텐츠 사이즈 조절 */
	#contents {margin: 5px;margin-top: 60px;padding-bottom: 30px;}
	
	/* 메인 비쥬얼 텍스트 이미지 */
	.main_visual .box01 {}
	.main_visual .box01 h3 strong {font-size: 20px;line-height: initial;}
	
	/* 메인 스포츠 매치 */
	.main_sports section {width:100%;padding:0;}
	.main_sports section:first-child {margin-bottom:10px;}
	
	/* 메인 미니게임 */
	.main_minigame ul{grid-template-columns: repeat(2, 1fr);}
	.main_minigame ul li {width: 100%;}
	
	/* 스포츠 상단 메뉴 조절 */
	.sports_head .menu_list2 .list02 {left:0px;}
	
	/* 게임 베팅 리스트 조절 */
	.sports_game .btn_bet01 {height:38px;font-size:14px;}
	
	/* 회원가입 사이즈 */
	.member_section .member_rolling {display:none;}
	.member_section .member_box .box01 {width:100%;padding:0px;}
	.member_section .member_box .box_left {width:100%;}
	.member_section .member_box .btn_join {margin-top:0;}
	
	/* 경기 결과 버튼 영역 */
	.result_btn h3 {display:block;}
	.result_btn ul {position:absolute;top:50px;left:0;width:100%;z-index:10;background:#2d2e35;overflow-y:auto;height:380px;display:none;}
	.result_btn li {margin-bottom:0px;float:left;width:100%;}
	.result_btn li button {border:1px solid #434347;background:#2d2e35;height:40px;font-weight:bold;border-radius:5px;width:100%;}
	.result_btn li.on button {background:#312b20;border:1px solid #ffa604;}
	
	/* 푸터 */
	footer {/* margin:50px 4px 100px 5px; */}
	footer .foot_site li {height:30px;}
	footer .foot_site li img {height:100%;}
	footer h1 img {width:100px;}
	footer p {padding:0px 0px 0px 110px;}
	footer copyright {padding-left:110px;}

	.reply-list table tbody tr {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.reply-list table tbody td {
		height:auto;
		text-align: left;
	}
	.reply-list table tbody td.user {
		flex: 1
	}
	.reply-list table tbody td.content {
		order: 1;
		width: 100%;
		border-top: 1px solid #414141;
	}
}

/* 국내스포츠2 */
@media screen and (max-width:900px) {
	.ko_sports_game {padding:0;}
	.ko_sports_game .type01 {width:100%;text-align:left;padding:5px 10px;display:none;}
	.ko_sports_game .bet_area {width:100%;}
	.ko_sports_game .bet_area div {margin-bottom:4px;height:50px;line-height:20px;}
	.ko_sports_game .bet_area .bonus {height: 30px;}
	.ko_sports_game .bet_area .home {padding:4px 0px;text-align:center;}
	.ko_sports_game .bet_history .home {width:41%;}
	.ko_sports_game .bet_area .home font {display:inline-block;vertical-align:middle;}
	.ko_sports_game .bet_history .home font {display:inline-block;vertical-align:middle;}
	.ko_sports_game .bet_area .home font.team_name {max-width:100px;/*line-height:20px;*/font-size:10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.ko_sports_game .bet_area .vs {width:11%;font-size:11px;}
	.ko_sports_game .bet_area .draw {width: 9%;padding:0px;font-size:10px;line-height:50px;}
	.ko_sports_game .bet_area .away {width:40%;padding:4px 0px;text-align:center;}
	.ko_sports_game .bet_history .away {width:41%;text-align:center;}
	.ko_sports_game .bet_area .away font {display:inline-block;vertical-align:middle;}
	.ko_sports_game .bet_history .away font {display:inline-block;vertical-align:middle;}
	.ko_sports_game .bet_area .away font.team_name {max-width: 100px;/*line-height:20px;*/font-size:10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.ko_sports_game .bet_area .result {width:49%;}
	.ko_sports_game .bet_history .result {width:49%;height:30px;}
	.ko_sports_game h4 .league_name {max-width:158px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display:inline-block;vertical-align:middle;}
	.ko_sports_game .bet_area .home .bed {position:relative; right:0;display:inline-block;width:100%;text-align:center;font-size:12px;color:#ffea00;}
	.ko_sports_game .bet_area .away .bed {position:relative; left:0;display:inline-block;width:100%;text-align:center;font-size:12px;color:#ffea00;}
	.ko_sports_game ul li {padding-bottom:0px;padding-top:0px;}

	.ko_sports_game .bet_area .home font.team_name img , .ko_sports_game .bet_area .away font.team_name img {width:15px;}
	.ko_sports_game .bet_area .child-home {width:40%;padding:4px 0px;text-align:center;}
	.ko_sports_game .bet_area .child-home font {display:inline-block;vertical-align:middle;}
	.ko_sports_game .bet_area .child-home font.team_name {max-width: 100px;/*line-height:20px;*/font-size:10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.ko_sports_game .bet_area .child-draw {width:9%;padding:0px;font-size:10px;line-height:50px;}
	.ko_sports_game .bet_area .child-draw.exactly-under-over {line-height:25px !important;}
	.ko_sports_game .bet_area .child-away {width:40%;padding:4px 0px;text-align:center;}
	.ko_sports_game .bet_area .child-away font {display:inline-block;vertical-align:middle;}
	.ko_sports_game .bet_area .child-away font.team_name {max-width: 100px;/*line-height:20px;*/font-size:10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.ko_sports_game .bet_area .child-home .bed {position:relative; right:0;display:inline-block;width:100%;text-align:center;font-size:12px;color:#ffea00;}
	.ko_sports_game .bet_area .child-away .bed {position:relative; left:0;display:inline-block;width:100%;text-align:center;font-size:12px;color:#ffea00;}

	.result_section h4 {width:370px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display:inline-block;vertical-align:middle;}
}
/* 슬롯 메인 */
@media (min-width:600px) and (max-width:800px) {
	.slot_main .game_list li {width:25% !important;}
}
@media screen and (max-width:600px) {
	.slot_main .game_list li {width:49.4% !important;}
}

@media screen and (max-width: 720px) {
	.btn_plus_wrapper {
		grid-template-columns: auto auto auto;
	}
	.btn_plus_wrapper > .btn_plus + .btn_plus + .btn_plus + .btn_plus + .btn_plus + .btn_plus + .btn_reset {
	    grid-column-start: 2;
	}
	.slot_list>ul {
		grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
	}
}
@media screen and (max-width: 425px) {
	.event_list_wrap>ul>li {
		flex: 50%;
		max-width: 50%;
	}
	.btn_plus_wrapper {
		grid-template-columns: auto auto;
	}
	.btn_plus_wrapper > .btn_plus + .btn_plus + .btn_plus + .btn_plus + .btn_plus + .btn_plus + .btn_reset {
	    grid-column-start: 1;
		grid-column-end: -1;
	}
	.slot_list>ul {
		grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
	}
	.main_con1_wrap .main_con1 {
		width: inherit;
		padding: 0.5em 1em;
	}

	.roulette .cash-font {
		font-size: 1.3em;
	}
	
}
@media screen and (max-width: 320px) {
	.event_list_wrap>ul>li {
		flex: 50%;
		max-width: 50%;
	}
	.btn_plus_wrapper {
		grid-template-columns: auto;
	}
	
	.popup_wrapper .title1-search span {
		display: none;
	}
	
	.popup_wrapper .title1-search .clearable {
		width: 100%;
	}
	.slot_list>ul {
		grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
	}
}