@charset "utf-8";
.popup_wrapper .input1::placeholder {
	opacity: 0;
}
.input1 + b {
	margin: 0 .1em;
}

@media screen and (min-width: 1451px) {
	.roulette-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 (min-width:1200px) and (max-width:1800px) {
	.member_box .box01 {width:100%;}
}

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

@media screen and (max-width: 1200px) {
	body {font-size: calc(.35rem + 1vmin);}

	.pc {display: none !important;}

	.game_list_wrap ul {grid-template-columns:repeat(2, 1fr)}
	.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: 100px;}
	.cash-in-content, .cash-out-content, .comp-content, .point-content, #frm_mypage, .user-attendance {opacity: 1;visibility: visible;overflow: auto;transition: all 0.3s ease 0s;width: 100%;text-align: center;display: block;padding-bottom: 50px;}
	.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: 100px;}
	.mini_game_bet .mini_game_bet {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;}
	
	.login-cont .tel img {width: 100%;}
		
	.game_list_wrap > ul > li  a > img {width: 100%;}
	.event_list_wrap > ul {/* padding: 2.5px; *//* flex: 33.333%; *//* max-width: 33.333%; */grid-template-columns: 1fr;}
	.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-direction: 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 {padding: 0.5em 1em;}
	.main_con1_wrap .main_con1 table {width: 100%;min-width: initial;}
	
	.main_con1_title > img {max-width: 100%;}

	.notice_popup_area {top: 5rem;left: 0;max-width: 100%;}

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

	.popup_background:not(#notice_pop_background) {display: none !important;}d.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: scroll !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%;}
	.popup_wrapper .notice_popup_text img {width:100%;height:auto;}
	#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;}

	.slot_list>ul {grid-template-columns: var(--mob-slot-cnt);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;}

	.mobile_betting_cart {display:block;}
	.mobile_bottom_menu {display:block;}
	
	.member_box .box01 {width:100%;}

	body::-webkit-scrollbar {width:0px;}
	.close_aside {font-size: 16px;color: white;text-align: right;display: block;padding: 5px;}	
	
	header {height:55px;position: fixed;z-index: 9999;top: 0;}
	header h1 {width:100%;}
	header h1 img {height:45px;}
	header #gnb {position:fixed;width:200px;height:100%;top:0;left:-300px;background:#202024;z-index: 9999999999;overflow-y: scroll;padding-bottom:30px;transition:400ms all;padding: 10px;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;}
	header #gnb.aside {left:0;}
	header #gnb .logo {min-width:auto; text-align:center}
	header #gnb .logo img {height:50px;}
	header #gnb ul {flex-wrap: wrap;flex-direction: column;gap: 5px;margin-top: 10px;padding-bottom: 20px;}
	header #gnb ul li {cursor: pointer;height: 23px;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;}

	.board_list>ul.imgList {grid-template-columns:var(--mob-thumb-cnt);}
	#left_section {display:none;}
	#left_section.aside {display:block;position: fixed;right: 0;left: auto;z-index: 9999;background: #151516;height: 100%;padding: 3px;top: 0;}
	#left_section.aside .close_aside {display:flex;position:fixed; right:285px;top:5px}
	#right_section {display:none;}
	#right_section.aside {display:block;z-index: 9999;height: 100%;top: 0;background: #171717;padding: 5px;}
	#contents {width: 100%;/* height: 100%; */left: 0px;text-align: center;display: block;margin: 0px;padding-top: 55px;}
	#main_content{padding: 0 5px;padding-bottom: 50px;}
	#popup_register.popup_section {height: 100%;overflow: scroll;}
	.main_visual .box01 h3 strong {font-size: 20px;line-height: initial;}
	.main-banner .slick-dots button {width: 8px;height: 8px;border-radius: 5px;}
	.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%;}
	.main_minigame ul li .box01 .bottom01 {line-height: 30px;  }
	
	.member_box .box01 {width:100%;padding:0px;}
	.member_box .box_left {width:100%;}
	.member_box .btn_join {margin-top:0;}
	.member_box.mypage	{grid-template-columns:1fr}
	footer {bottom: 0px;left: 0px;position: fixed;width: 100%;height: 50px;z-index:150;border-top-left-radius: 10px;border-top-right-radius: 10px;background-color: rgb(34, 34, 39);box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px, rgb(46, 46, 53) 0px 6px 30px inset;}
	footer .foot_menu {display: grid;grid-template-columns: repeat(4, 1fr);margin-top: 9px;justify-content: space-around;}
	footer .foot_menu li {padding: 0px;display: flex;flex-direction: column;align-items: center;}
	footer .foot_menu li span {font-size:20px;margin-bottom:3px;position: relative;}
	footer .foot_menu li .bet_cnt {position: absolute;background: red;font-size: 12px;width: 15px;text-align: center;border-radius: 10px;right: -10px;top: -4px;display: flex;justify-content: center;align-items: center;margin: 0;line-height: normal;}

	.mini_game_bet .bet_section .time_box .time_area {font-size:25px;padding:23px 0px 0px 40px;}

	.bet-tab{justify-content:unset}
	.result_section h4 {width:370px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display:inline-block;vertical-align:middle;}

	.paging_box {padding-bottom: 80px;}
	#btn_top{bottom: 80px;}
	.attend_box .calendar ul li {padding-top:16px}
	.attend_box .calendar ul.days li .txt {font-size:11px;padding: 5px;}
	.attend_box .info_box .ac-cnt-info {padding-bottom:50px;padding-top: 0;}

	.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;
	}
	.langs {
		width: 40px !important;
	}
	.langs .dynamic-select .dynamic-select-header {
		padding: 3px;
	}
	.langs .dynamic-select .dynamic-select-header::after {
		display: none;
	}
	.langs .dynamic-select .dynamic-select-option-text {
		display: none;
	}
}