@charset "utf-8";

@media screen and (min-width: 801px) {
	.mob {display: none !important;}
}

@media screen and (max-width: 800px) {
	.pc {display: none !important;}
	
	body {font-size: 11px;}
	body::-webkit-scrollbar {width:0px;}

	header .menu_ico {position: absolute;padding: 10px;left: 0;font-size: 18px;border-radius:5px;color: #cbcbca;}
	header .user_ico {position: absolute;right: 0px;padding: 10px;font-size: 18px;color: #cbcbca;}
	header .header_wrap .logo {width: auto;margin: auto;}
	header .header_wrap .logo img {height:40px;margin: 0;}
	header .header_wrap .topZone {padding:0 10px;height: 60px;}
	header .header_wrap .downZone {border-width: 1px;margin: 0;font-size: 14px;padding: 5px 10px;gap: 5px;width: auto;height: 30px;justify-content: space-around;}
	header .header_wrap .downZone .cash {color:#e1adff}
	header .header_wrap .downZone button {flex: 1;margin: 0px;border: 1px solid var(--border);padding: 10px 5px;border-radius: 3px;	}
	header .header_wrap .downZone button.btn_join {background:var(--primary);color: var(--font);}

	.game_list_wrap ul {grid-template-columns: repeat(1, 1fr);}
	.game_list_wrap ul.slot {grid-template-columns: repeat(2, 1fr);}
	.game_list_wrap ul.mini {grid-template-columns: repeat(2, 1fr);}
	.game_list_wrap > ul > li  a > img {width: 100%;}
	.event_content_wrap > ul > li  a > img {width: 100%;}
	.board_list>ul.imgList {grid-template-columns:var(--mob-thumb-cnt);}
	
	.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 {width: inherit;padding: 0.5em 1em;}
	.main_con1_wrap .main_con1 table {width: 100%;min-width: initial;}
	
	.main_con1_title > img {max-width: 100%;}

	.notice_popup {position: fixed;width: 96% !important;left: 2%;padding: 0;min-width: unset;min-height: unset;top: 10px;bottom: 10px;overflow: scroll;}
	.notice_popup img {width:100%;height:auto}
	.notice_popup_box {min-height: unset !important;}

	.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 img {max-width: 30vw;}
	#popup_login {width:85%}
	#popup_register {top:0;bottom:0;transform:unset;left:0;overflow: scroll;width: 100%;}
	.popup_section .pop_box {padding:30px 10px}
	.popup_wrapper {top: var(--header_wrap-height) !important;overflow: scroll !important;margin-top: -1px;}
	.popup_wrapper .close_box {display: none;}
	.popup_wrapper .popup_content {display: block !important;width: 100%;}
	.popup_wrapper .notice_popup_text img {width:100%;height:auto;}
	#notice_pop .notice_popup_text {min-width:initial;padding:1em;}

	.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 .title2 {float: initial;text-align: center;display: flex;flex-flow: column;justify-content: center;align-items: center;}

	.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 .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;}

	.game_wrap {background-image: url(../images/common/m_game_bg.png);padding-bottom: 36%;}
	.game_wrap .logo {width: 29%;left: 3%;top: 8%;}
	.game_wrap .model {width: 35%;right: 7%;bottom: -6%;z-index: 1;}
	.game_wrap.casual .model {width: 50%;right: 0%;bottom: 0%;}
	.game_wrap .txt_wrap {bottom: 5%;text-align: left;}
	.game_wrap .tit {padding-left: 5%;}
	.game_wrap .sub {padding-left: 7%;}

	.title1-search {gap: 10px;flex-wrap: wrap;font-size: 20px;}
	.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 {padding: 0.4em 1.5em;border-radius:2px}

	.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;}

	.close_aside {font-size: 16px;color: white;text-align: right;display: block;padding: 5px;}	
	
	#left_section {display:none;width: 100%;}
	#left_section.aside {display:block;position: fixed;z-index: 9999;top: 50px;}
	#left_section .left_box{width: 275px;background: #151516;padding: 3px;}
	#right_section {display:none;}
	#right_section.aside {display:block;z-index: 9999;top: 50px;}
	#right_section .right_box {width: 275px;float: right;padding: 5px;background: #171717;}
	#contents {width: 100%;height: 100%;left: 0px;text-align: center;display: block;margin: 0px;margin-top: 105px;}
	
	#main_content{padding: 0 5px;padding-bottom: 20px;}
	#container:has(.aside) .blocker {background: #00000000;position:fixed;width:100%;height:100%;z-index:8;}

	.head_box .title_wrap {display: block;text-align: left;}
	.head_box .title_wrap h2 {font-size: 14px;}
	.head_box .title_wrap p {font-size: 10px;}

	.cash_box {flex-direction: column-reverse;}
	.tr_content {padding:10px;}
	.tr_content img {width:100%}
	
	.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(3, 1fr);}
	.main_minigame ul li {width: 100%;}
	.main_minigame ul li .box01 {padding: 7px;border-radius: 5px;color: var(--primary);}
	.main_minigame ul li .box01 img {width: 50px;}
	.main_minigame ul li.full .box01 {padding: 0;border-radius: 0;border: none;}
	.main_minigame ul li.full .box01 img {width: 100%;}
	.main_minigame ul li.full .box01 .txt {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;}
	.member_section .member_box.mypage {grid-template-columns:1fr};

	.bet-tab{justify-content:unset}
	.result_section h4 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;vertical-align:middle;}
	.attend_box .info_box .date_pick {padding-bottom: 40px;}
	.attend_box .calendar ul li {padding-top:20px}
	.attend_box .calendar ul.days li .txt {font-size:11px;padding: 5px;}
	.attend_box .calendar ul.days li .state {padding-bottom: 67%;}
	
	.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;
		position: absolute;
		right: 50px;
	}
	.langs .dynamic-select .dynamic-select-header::after {
		display: none;
	}
	.langs .dynamic-select .dynamic-select-option-text {
		display: none;
	}
}

