@charset "utf-8";

/* ==========================================================================
   contents
========================================================================== */

/* hamburger - spin effect*/
.hamburger {
	cursor: pointer;
	font-size: 30px;
	float: left;
	min-width: 1em;
	height: 50px;
	position: relative;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
	position: absolute;
	width: 1em;
	height: 0.15em;
	transition-timing-function: ease;
	transition-duration: .15s;
	transition-property: transform;
	border-radius: 1em;
	background-color: inherit;
}
.hamburger-inner {
	top: 50%;
	display: block;
	margin-top: -2px;
	background-color: #fff;
}

.hamburger-inner:after,
.hamburger-inner:before {
	display: block;
	content: "";
}

.hamburger-inner:before {
	top: -.25em;
}	
.hamburger-inner:after {
	bottom: -.25em;
}

.hamburger--spin .hamburger-inner {
	transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
	transition-duration: .22s;
}
.hamburger--spin .hamburger-inner:before {
	transition: top .1s ease-in .25s, opacity .1s ease-in;
}	
.hamburger--spin .hamburger-inner:after {
	transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
}	

.hamburger.active .hamburger-inner,
.hamburger.active .hamburger-inner:after,
.hamburger.active .hamburger-inner:before {
	background-color: #fff;
}

.hamburger--spin.active .hamburger-inner {
	transition-delay: .12s;
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transform: rotate(225deg);
}
.hamburger--spin.active .hamburger-inner:before {
	top: 0;
	transition: top .1s ease-out, opacity .1s ease-out .12s;
	opacity: 0;
}
.hamburger--spin.active .hamburger-inner:after {
	bottom: 0;
	transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
	transform: rotate(-90deg);
}


.hamburger.hamburger-temp {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	padding: 2px 15px 0px 13px;
	border: 1px solid #333;
	align-items: center;
	white-space: nowrap;
	display: none;
	background-color: #eaeaea;
}
.hamburger-temp .hamburger-inner {
	background-color: #333;
}

/*slide*/
.bx-pager{position:absolute;}
.bx-pager-item { float:left; margin-right:6px; }
.bx-pager-item a { display:block; width:11px; height:12px;text-indent:1000px; font-size:0em;background:url(../images/common/slide_pager.png) no-repeat left top;}
.bx-pager-item a.active {width:24px;background-position:right top; }
.bx-controls-direction a{display:block;width:26px;height:48px;position:absolute;top:50%;margin-top:-25px;font-size:0px;text-indent:-9999em;background:url(../images/common/slide_prev.png) no-repeat left top;}
.bx-controls-direction a:hover,
.bx-controls-direction a:focus
.bx-controls-direction a:active{background-position:left bottom;}
.bx-controls-direction a.disabled{opacity:0.4;cursor:default;}
.bx-controls-direction .bx-prev{left:30px;}
.bx-controls-direction .bx-next{right:30px;background-image:url(../images/common/slide_next.png);}

/*스타일 가이드*/
.guide{}
.guide > h1{color:#000}
.guide > h2{margin:50px 0 20px}
.guide > h2:first-child{margin-top:0;}
.guide > h3{margin:30px 0 10px}
.guide > h4{margin:20px 0 10px}
.guide > p{margin-bottom:10px}

/*list_search*/
.list_search_wrap{overflow:hidden;}
.list_search_wrap .list_search{float:left;}
.list_search_wrap .txt{float:right;padding:4px 0;}
.list_search select{width:80px;}
.list_search input{width:186px;}
.list_search .hasDatepicker{width:66px;}
.list_search .button{}
.list_search.add_date > strong{margin-left:16px;}

/* brand */
.refresh_timer{font-weight:bold;font-size:14px;color:#333;}
.refresh_timer strong{font-weight:800; font-size:18px;color:#cb1919;}


/*main*/
.main{position:relative;background:#eff1f4;}
.main #footer{padding-left:0;text-align:center;color:#fff;background:#b6b7b9;border-color:#b6b7b9;}
.main #wrap h1{padding:13px 20px;font-size:16px;color:#fff;background:#4172c9;}
.main .login_box{ overflow:hidden; position:absolute;left:50%;top:40%;width:350px; background:#fff;border-radius:10px;box-shadow:0 1px 5px #999; transform: translate(-50%, -50%);}
.main .login_box h2{ padding:20px; font-size:25px;color:#1b1b1b; text-align:center;}
.main .login_box div{padding-left: 20px; color: #666666;}
.main .login_box div.error{color: #e04343;padding-top: 10px;}
.main .login_box ul{padding:0 20px 36px;/* border-bottom:1px solid #d7d8db; */}
.main .login_box ul li{margin-top:15px;}
.main .login_box ul li input{width: 100%;line-height: 18px;padding: 20px 10px;font-size: 13px;border-width: 2px;border-radius: 5px;box-sizing: border-box;}
.main .login_box ul li input:hover,
.main .login_box ul li input:focus,
.main .login_box ul li input:active {
	border-color: #4172c9;
}
.main .login_box ul li input:focus-visible,
.main .login_box ul li input:focus {
	outline: 4px solid rgb(33 150 243 / 10%);
}
.main .login_box ul li.btn{margin-top:25px;}
.main .login_box ul li .button {
	display: block;
	padding: 8px 0;
	font-size: 18px;
	border-radius: 5px;
	width: 100%;
}
.main_logo{padding:25px 0;text-align:center;}

.main .popup_box {
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 40%;
	width: 350px;
	border-radius: 10px;
	transform: translate(-50%, -50%);
}
.main .popup_box h2 {
	padding: 20px;
	font-size: 25px;
	color: #1b1b1b;
	text-align: center;
}
.store_open{padding:50px 0 100px;}
.store_open li{width:300px;float:left;margin-left:30px;border:1px solid #d0d0d0;border-radius:10px;overflow:hidden;}
.store_open li:first-child{margin-left:0;}
.store_open li a{display:block;padding:50px 0;background:#888888;text-align:center;color:#cccccc;}
.store_open li a:hover,
.store_open li a:focus,
.store_open li a:active,
.store_open li.on a{background:#0785c2;color:#fff;}
.store_open li a span{display:inline-block;width:64px;height:33px;padding-top:27px;background:url(../images/contents/bg_storeOff.png) no-repeat;font-size:16px;font-weight:800;vertical-align:top;}
.store_open li a:hover span,
.store_open li a:focus span,
.store_open li a:active span,
.store_open li.on a span{background-image:url(../images/contents/bg_storeOn.png);}
.store_open li a strong{display:inline-block;padding-top:22px;margin-left:15px;font-size:32px;font-weight:800;line-height:1;vertical-align:top;}
.store_open li div{padding:10px 0;text-align:center;font-size:13px;}

.user_box { display:flex; background:#4172c9;}
.user_box .img { overflow:hidden; position:relative; width:100px; height:100px; border-radius:50%; background:#fff;}
.user_box .img img { position:absolute; top:0; left:0; width:100%; height:100%;}
.user_box .text_box { display:flex; flex-flow: column; margin-left:20px;}
.user_box .ico_group { display:flex;}
.user_box .ico_group a { display:flex; width:50px; height:50px; font-size:12px; color:#fff; background:#666666; letter-spacing: -0.5px; text-align:center; align-items: center; justify-content: center;}
.user_box .ico_group a + a { margin-left:2px;}
.user_box .text_box .text { display:flex; flex:1 1 auto; border:1px solid rgba(255,255,255,0.5); color:#fff; align-items: center; justify-content: center;}
.user_box .text_box * + .text { margin-top:10px;}
.user_box .text_box .text strong { margin-left:10px; font-size:16px;}
.user_box .btn_close {display:block; width:23px;height:23px; margin-left:10px;background:url(../images/common/pop_close.png) no-repeat center;text-indent: -9999em;}

.user_img { overflow:hidden; position:relative; width:100px; height:100px; margin:0 auto; border-radius:50%; background:#fff;}
.user_img.small { width:50px; height:50px;}
.user_img img { position:absolute; top:0; left:0; width:100%; height:100%;}

.head_sec { display:flex; color:white;}
.head_sec > div { display:flex; flex:1 1 auto; width:50%; padding:5px; box-sizing:border-box; flex-flow: column;}
.head_sec > div .box_style { flex:1 1 auto; padding:0;}
.head_sec > div .box { display:flex;}
.head_sec > div .box > div { flex:1 1 auto; text-align:center; width: 77px;}
.head_sec > div .box > div + div { border-left:1px solid #ccc;}
.head_sec > div .box h5 { display:flex; flex-flow: column; height:30px; align-items: center; justify-content: center; font-size: 12px;}
.head_sec > div .box p { padding:6px 3px; border-top:1px solid #ccc; font-size: 11px;}

.main_sec { display:flex; width:100%;}
.main_sec>div {
	display: flex;
	flex: 1 1 auto;
	/* width: 50%; */
	padding: 15px 20px;
	box-sizing: border-box;
	flex-flow: column;
}
.main_sec .site-main-wrapper {
	height: fit-content;
}
.main_sec > div h2 {margin-bottom:10px;}
.main_sec > div h3 {
	padding: 7px 20px;
	background: #f6f6f6;
	background: #373737;
	color: white;
	border: none;
	/* border-radius: 5px 5px 0px 0px;
	border-bottom: 1px solid #d6d5d5; */
}

.main_sec>div .box_style {
	display: flex;
	flex: 1 1 auto;
	flex-flow: column;
	padding: 0;
	margin-bottom: 15px;
	border-radius: 5px;
	/* overflow: hidden; */
	border: none;
	box-shadow: 0 0 5px 1px #ccc;
}

.main_sec>div p .user_name {
	font-size: 14px;
    margin-left: 20px;
}
.box-profict {
	background: rgba(0, 0, 0, .25);
	color: black;
}

.chart-container {
	max-width: 700px;
}
.chart-wrapper,
.main_sec>div .box_style.chart-wrapper {
	flex-flow: row wrap;
	align-content: space-between;
}

.chart-wrapper .chart_info {
	padding-left: 20px;
	padding-top: 10px;
	font-size: 12px;
	flex-grow: 1;
}

.chart-wrapper .chart_info>span {
	font-weight: bold;
	color: #ccc;
}

.chart-wrapper .chart_box {
	margin: 5px;
	width: 100%;
	height: calc(100% - 50px);
	/* background: rgb(255 255 255 / 90%); */
	flex-grow: 1;
}

.chart-wrapper .chart_box>div,
.chart-wrapper .chart_box>div>svg {
	width: 100%;
	height: 100%;
}

.chart-wrapper .chart_box>div {
	background-color: transparent;
}

.nvd3 .nv-axis path.domain,
.nvd3 .nv-axis.nv-x path.domain {
	display: none;
}
.nvd3 .nv-axis line {
	stroke: rgb(174 174 174 / 33%);
}
.nvd3 text {
	fill: #ccc;
}
	
.main_sec > div .box { display:flex;}
.main_sec > div .box.today_info { cursor: pointer;}
.main_sec > div .tb_box { display:flex;padding: 5px;}
.main_sec > div .box > div { flex:1; text-align:center;}
.main_sec > div .box > div + div { border-left:1px solid #ccc;}
.main_sec > div .box h4 { display:flex; flex-flow: column; height:80px; align-items: center; justify-content: center; font-size:18px;}
.main_sec > div .box h4 span { display:block; font-size:14px;}
.main_sec > div .box p { padding: 5px;font-size: 15px;}
.main_sec > div .box .text { padding:30px 0; border-top:1px solid #ccc; font-size:20px;}

.main_sec .box_style .sub_box {
	margin-bottom: 20px;
	margin-top: 15px;
}
.main_sec .box_style .sub_box h4 {
	font-style: italic;
	background: #373737;
	color: white;
	padding: 5px 10px;
}

.main_sec .design-menu-wrapper {
	flex-direction: row;
	align-items: flex-start;
	gap: 10px;
}
.main_sec .design-menu-wrapper tr.group1  {
	background: #2196f32b;
}
.main_sec .design-menu-wrapper tr.group2  {
	background: #ff230017;
}
.main_sec .design-img-wrapper {
	height: fit-content;
}
.main_sec .design-img-wrapper img {
	cursor: pointer;
	transition: all 0.3s;
}
.main_sec .design-img-wrapper img[data-kind='game'] {
	max-width: 120px;
}
.main_sec .design-img-wrapper img.design:hover {
	scale: 1.1;
}
.main_sec .design-img-wrapper .img_wrap {
	margin-bottom: 5px;
	text-align:center;
	overflow: hidden;
}
.main_sec .design-img-wrapper .img_wrap video,
.main_sec .design-img-wrapper .img_wrap img {
	max-height: 250px
}
.main_sec .design-img-wrapper .gate_wrap {
	display: flex;
	justify-content: center;
	gap: 15px;
}
.main_sec .design-img-wrapper .gate_wrap video,
.main_sec .design-img-wrapper .gate_wrap img{
	border: 1px solid #ddd;
	width: 150px;
	height: 85px;
}
.main_sec .design-img-wrapper ul.tab_banner li {
	padding: 5px 8px;
	background: #e4e4e4;
	color: #000;
	min-width: 16px;
	text-align: center;
	border-radius: 3px;
	margin-left: 0;
	margin-right: 5px;
	cursor: pointer;
}
.main_sec .design-img-wrapper ul.tab_banner li.on {
	background: #2196f3;
	color: white;
}
.main_sec .design-img-wrapper .gallery ul {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
	text-align: center;
	gap: 3px;
}
.main_sec .design-img-wrapper .gallery ul li {
	border: 1px solid #dddddd;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	height: 150px;
}
.main_sec .design-img-wrapper .gallery ul li img {
	padding: 10px;
	max-height: 100px;
	max-width: 160px;
}
.main_sec .design-img-wrapper .gallery ul li .name {
	background: #ededed;
	width: 100%;
	font-size: 14px;
	padding: 5px 0;
}
.main_sec .design-img-wrapper .gallery ul.levels {
	grid-template-columns: repeat(auto-fill, minmax(12%, 1fr));
}
.main_sec .design-img-wrapper .gallery ul.levels li {
	height: 100px;
}
.main_sec .design-img-wrapper .gallery ul.levels li img {
	max-height: 50px
}

/* multi select style */
.multi-select-container {
	text-align: left;
}
.multi-select-menu {
	z-index: 5;
}
.multi-select-button {
	font-size: 1em;
	padding: .5em 2em .5em .6em;
	color: #308163;
	min-width: 12em;
	max-width: 12em;
	box-shadow: none;
}
select[name='lvls'] + .multi-select-container .multi-select-button {
	min-width: 6em;
}
.multi-select-container.w_100 .multi-select-button {
	max-width: initial;
	display: block;
}

.multi-select-button:hover {border-color: #777;}
.multi-select-container--open .multi-select-button,
.multi-select-button:focus,
.multi-select-button:focus-visible {outline: 4px solid rgb(0 0 0 / 10%);}
.multi-select-button:after {
	margin-left: .5em;
	margin-top: .5em;
	position: absolute;
	right: 0.75em;
}
.multi-select-menu {
	color: #308163;
	box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 30%);
	top: 1.65em;
}
.multi-select-menuitem {
	font-size: .98em;
	white-space: normal;
	cursor: pointer;
}
.multi-select-menuitem input {
	--font-size: 12px;
}

#popup_domain_add .multi-select-container {
	flex-grow: 1;
	max-width: 100%;
}
#popup_domain_add .multi-select-button {
    display: block;
	max-width: initial;
}

/****************************************/
.div-dev-env {
	border-radius: 3px;
	color: #308163;
	border: 1px solid #aaa;
	background: #f3f3f3;
	width: 135px;
	height: 22px;
	padding: 3px 6px;
}

/* ============================= */ 
.check_tree_wrap{padding:10px 0;}
.check_tree_wrap:after{content:'';display:block;clear:both;}
.check_tree_wrap>li{float:left;width:33.33%;padding:0px 10px;box-sizing: border-box;}
.check_tree_wrap dl{border:1px solid #ddd;border-radius:4px;}
.check_tree_wrap dl+dl{margin-top:20px;}
.check_tree_wrap dl dt{background:#f1f1f1;padding:10px;}
.check_tree_wrap dl dd{padding:10px;}
.check_tree_wrap [class*=indent_]:before{content:'└';}
.check_tree_wrap .indent_1{margin-top:1em;}
.check_tree_wrap .indent_1:first-child{margin-top:0;}
.check_tree_wrap .indent_2:before{margin-left:1.2em;}

.memu_sort_wrap{height:700px;height:calc(100vh - 181px);background:#fafafa;border:1px solid #eee;margin-top:20px;overflow-x:hidden;overflow-y:auto;border-radius:8px;padding:10px;box-sizing: border-box;}
.memu_sort_item{position:relative;border:1px solid #ddd;background:#fff;border-radius:8px;padding:10px 80px 10px 40px;}
.memu_sort_item.checked{background:#fbfb90;}
.memu_sort_item .memu_sort_btn{position:absolute;right:10px;top:50%;margin-top:-12px;}
.memu_sort_item .memu_sort_btn .button{padding:0;height:24px;}
.memu_sort_item .memu_sort_btn i{font-size:18px;}
.memu_sort_item:before{display:block;position:absolute;left:10px;top:50%;margin-top:-10px;width:20px;color:#fff;border-radius:10px;line-height:20px;font-size:12px;text-align:center;}
.memu_sort_item.level_0:before{content:'0';background:#0D47A1;}
.memu_sort_item.level_1:before{content:'1';background:#1976D2;}
.memu_sort_item.level_2{margin-left:1.5em;}
.memu_sort_item.level_2:before{content:'2';background:#2196F3;}
.memu_sort_item.level_3{margin-left:3em;}
.memu_sort_item.level_3:before{content:'3';background:#64B5F6;}
.memu_sort_item+.memu_sort_item{margin-top:5px;}

.txt_icon{display:inline-block;padding: 0px 3px;background: #d10000;border-radius: 3px;text-align: center;color: white;vertical-align: middle;font-size: 10px;}

.box_info{display: flex;text-align: center;}
.box_info>div {
	flex: auto;
	margin: 0px 0px 14px 15px;
	border: 1px solid #dfdfdf;
	border-radius: 12px;
	line-height: 30px;
}
.box_info>div:first-child{margin-left: 0;}
/* .box_info>div>div:first-child{border-bottom: 1px solid #dfdfdf;border-radius: 12px 12px 0 0;} */
.box_info>div>div>p{line-height: 25px;}

.tb_box_info{border: 1px solid #ddd;border-radius: 10px;}
.tb_box_info th{text-align: right; padding-right: 15px;}
.tb_box_info td{padding: 5px;}

.refresh{display: flex;margin-right: 15px;align-items: center;position: absolute;right: 0;top: 3px;}
.refresh>a {
	background-color: #eaeaea;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	margin: 5px;
	color: #989898;
	text-align: center;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
.refresh>a:hover { background-color: #bababa;color: white; }
.refresh>a:active { transform:scale(0.95); }
.refresh>a>i { display: flex; }
/* .refresh>a>i::before{margin-top: 4px;} */

.pop_detail_cont .refresh{right: 10px; top: 60px;}
.pop_detail_cont{display: flex;}
.pop_detail_cont>div{width: 100%; min-width: 600px;margin: 10px 20px 20px;border: 1px solid #ddd;border-radius: 10px;}
.pop_detail_cont>div>h4{border-bottom: 1px solid #ddd;padding: 10px 15px;}

.pop_detail_cont.pop_detail_multi_cont {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 10px 20px 20px;}
.pop_detail_cont.pop_detail_multi_cont>div{margin: 0;}

.timepicker{width: 80px;text-align: center;}
.header_btn {display: flex;}
.header_btn > div > a{padding: 5px 3px;background: #f4f4f4;border: 1px solid #b7b7b7;border-radius: 3px;text-align: center;vertical-align: middle;font-weight: bold;font-size: 11px;box-sizing: border-box;cursor: pointer;min-width: 80px;margin-left: 3px;display: inline-block;}
.header_btn > div.note_pane {display: grid;grid-gap: 1px;grid-auto-flow: column;grid-template-rows: 1fr 1fr;}
.header_btn > div.alert_pane {display: grid;grid-gap: 1px;grid-auto-flow: column;grid-template-rows: 1fr 1fr;}
.header_btn > div.alert_pane > a {min-width: unset;}


.bg-category {position: relative;background: #eff1f4;}

.details {position: relative;background: #eff1f4;}
.user_details{color: #2b5aa8;text-decoration: underline;cursor: pointer;}
.user_details:hover{color: #3e7ee8;}
.partner_details{color: #333333;text-decoration: underline;cursor: pointer;}
.partner_details:hover{color: #3e7ee8;}
.off_partner_details{color: #e8172d;text-decoration: underline;}
.off_partner_details:hover{color: #3e7ee8;}

.user-color {
	background-color: var(--user-color);
	color: white;
	padding: 0.2em 0.5em;
	border-radius: 4px;
	text-decoration: none;
}
.user-color:hover {
	text-decoration: underline;
	box-shadow: inset 0 0 0 20px rgb(0 0 0 / 15%);
	color: white !important;
}
.user-color.off_partner_details {
	outline: 1px solid var(--user-color);
	border: 1px solid white;
}
.user-color.off_partner_details:hover {
	color: white;
}

.id_color_blue{--user-color: #3e7ee8 !important; }
.id_color_light_orange{--user-color: #EAA149 !important;}
.id_color_red{--user-color: #e8172d !important;}
.id_color_green{--user-color: #13b100 !important;}
.id_color_yellow{--user-color: #dfce00 !important;}
.id_color_purple{--user-color: #943ee8 !important;}
.id_color_magenta{--user-color: #e83ece !important;}
.id_color_cyan{--user-color: #3ee0e8 !important;}
.id_color_lime{--user-color: #2ce817 !important;}
.id_color_navy{--user-color: #3f17e8 !important;}
.id_color_gray{--user-color: gray !important;}
.id_color_brown{--user-color: saddlebrown !important;}
.inline-emphase {padding: 0 .25em;font-weight: bold;}

.popup-form-wrapper,
.main_sec>div.popup-form-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
	gap: 15px;
}
.main_sec>div.domain-form-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
	gap: 15px;
}
.pop_setting {
	/* display: inline-block !important; */
	/* margin-right: 10px;
	max-width: 500px; */
}
.pop_info {
	display: flex;
	float: right;
	font-size: 12px;
	align-items: center;
	margin: 7px 20px;
	color: white;
}
.pop_setting.create-form .pop_info {
	color: black;
}
.pop_setting.create-form .pop_info + h3 {
	background-color: #ccc;
	color: black;
}
.pop_setting .box_style_body,
.pop_setting .box_style_body > div:last-child {
	flex-grow: 1;
	display: flex;
	flex-flow: column;
}
.pop_setting .box_style_body > div:last-child > .tox-tinymce {
	flex-grow: 1;
}

.depth1{text-align: left !important; padding-left: 10px !important;}
.depth2{text-align: left !important; padding-left: 30px !important;}
.depth3{text-align: left !important; padding-left: 60px !important;}
.depth4{text-align: left !important; padding-left: 90px !important;}
.depth5{text-align: left !important; padding-left: 120px !important;}
.depth6{text-align: left !important; padding-left: 150px !important;}
.depth7{text-align: left !important; padding-left: 180px !important;}
.depth8{text-align: left !important; padding-left: 210px !important;}
.depth9{text-align: left !important; padding-left: 240px !important;}
.depth10{text-align: left !important; padding-left: 270px !important;}
.depth11{text-align: left !important; padding-left: 300px !important;}
.depth12{text-align: left !important; padding-left: 330px !important;}
.depth13{text-align: left !important; padding-left: 360px !important;}
.depth14{text-align: left !important; padding-left: 390px !important;}
.depth15{text-align: left !important; padding-left: 420px !important;}
.depth16{text-align: left !important; padding-left: 450px !important;}
.depth17{text-align: left !important; padding-left: 480px !important;}
.depth18{text-align: left !important; padding-left: 510px !important;}
.depth19{text-align: left !important; padding-left: 540px !important;}
.depth2::before,
.depth3::before,
.depth4::before,
.depth5::before,
.depth6::before,
.depth7::before,
.depth8::before,
.depth9::before,
.depth10::before,
.depth11::before,
.depth12::before,
.depth13::before,
.depth14::before,
.depth15::before,
.depth16::before,
.depth17::before,
.depth18::before,
.depth19::before{content: '\2514';margin-right: 5px;}

.more{float: right;}
.more:hover{color: #0785c2;cursor: pointer;}
.more>i{padding-left: 5px;vertical-align: bottom;}
.tp_box{display: flex;align-items: center;border: 1px solid #b6b6b6;padding: 5px;border-radius: 7px;}
.tp_box>div{margin-left: 20px;}
.tp_box>div>span{margin-left: 10px;font-weight: bold;font-size: 15px;}
.tp_box .button{margin-left: auto;}

/* loading */
.loadingBox {}
.loadingBox .text { margin-top:30px; color:#fff; font-size:18px; letter-spacing: -0.27px; line-height:1.5; text-align:center}
.loading{
	width: 17px;
	height: 17px;
	margin:0 auto;
	transform:rotate(45deg);
	animation:loading-ani1 3s ease-in-out infinite;
}
.loading i{
	width: 17px;
	height: 17px;
	display: inline-block;
	border-radius: 50%;
	position:absolute;
}
.loading i:nth-child(1){
	background: #0498c4;
	transform:translate(0,20px);
	animation:loading-ani2 3s ease-in-out infinite;
}
.loading i:nth-child(2){
	background: #58c5a7;
	transform:rotate(90deg) translate(0,20px);
	animation:loading-ani3 3s ease-in-out infinite;
}
.loading i:nth-child(3){
	background: #0498c4;
	transform:rotate(180deg) translate(0,20px);
	animation:loading-ani4 3s ease-in-out infinite;
}
.loading i:nth-child(4){
	background: #58c5a7;
	transform:rotate(270deg) translate(0,20px);
	animation:loading-ani5 3s ease-in-out infinite;
}
@keyframes loading-ani1{
25%{
	transform:rotate(135deg);
}
50%{
	transform:rotate(225deg);
}
75%{
	transform:rotate(315deg);
}
100%{
	transform:rotate(405deg);
}
}
@keyframes loading-ani2{
17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{
	transform:translate(0,20px);
}
12.5%,37.5%,62.5%,87.5%{
	transform:translate(0,25px);
}
}
@keyframes loading-ani3{
17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{
	transform:rotate(90deg) translate(0,20px);
}
12.5%,37.5%,62.5%,87.5%{
	transform:rotate(90deg) translate(0,25px);
}
}
@keyframes loading-ani4{
17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{
	transform:rotate(180deg) translate(0,20px);
}
12.5%,37.5%,62.5%,87.5%{
	transform:rotate(180deg) translate(0,25px);
}
}
@keyframes loading-ani5{
17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{
	transform:rotate(270deg) translate(0,20px);
}
12.5%,37.5%,62.5%,87.5%{
	transform:rotate(270deg) translate(0,25px);
}
}

/* layerPopup */
.layerPopWrap { visibility:hidden; overflow-y:auto; display:flex; justify-content: center; align-items:center; position:fixed; top:0; left:0; z-index:150; width:100%; height:100%; padding:20px 0; z-index:100; opacity:0; transition:all .2s ease; background:rgba(0,0,0,0.7);}
.layerPopWrap.on { visibility:visible; opacity:1;}
.layerPopWrap.on .layerPopCont{ animation:fadeInDown .4s ease-in-out forwards;}

table .rmain:not(.rmain .rmain),
table .rlive:not(.rlive .rlive, .rliveslot .rlive),
table .rslot:not(.rslot .rslot, .rliveslot .rslot),
table .rhotel:not(.rhotel .rhotel, .rliveslot .rhotel),
table .rmini:not(.rmini .rmini),
table .rsports:not(.rsports .rsports),
table .rvirtual:not(.rvirtual .rvirtual),
table .rlotus:not(.rlotus .rlotus),
table .rmgm:not(.rmgm .rmgm),
table .rtouch:not(.rtouch .rtouch),
table .rcasual:not(.rcasual .rcasual),
table .rholdem:not(.rholdem .rholdem) {
	display: none;
}

.domain_list{position: relative;}
.domain_list .list {visibility: hidden;background-color: white;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;left: 50%;transform: translateX(-50%);}
.domain_list .list.on{visibility: visible;}
.domain_list .list>h5{border-bottom: black 1px solid;color: black;}
.domain_list .list>li{font-size: 12px; text-align: left; margin-left: 3px;}
.domain_list .list::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent #c1c1c1 transparent;}


.check_ip{position: relative;display: inline-block;}
.check_ip .list {visibility: hidden;background-color: white;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;top: 120%;right: -20px;}
.check_ip .list.on{visibility: visible;}
.check_ip .list>h5{border-bottom: black 1px solid;color: black;}
.check_ip .list>li{font-size: 12px; text-align: left; margin-left: 3px;}
.check_ip .list::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent #c1c1c1 transparent;}

.file-link a {
	font-size: 1.1em;
}
.file-link a:hover {
	color: #21a7f3;
}

.plist{border: 1px solid #bababa;border-radius: 4px;min-height:100px}
.plist>li{padding: 3px 10px; cursor: pointer;}
/* .plist>li:hover{background-color: #eaeaea;} */

.parents_list{position: relative;}
.parents_list .plist {display: none; background-color: white;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;width: -webkit-fill-available; min-height: 0px}
.parents_list .plist span.user_details:first-child {color: red;}
.parents_list .plist span.user_details:last-child {color: red;}
.parents_list .plist>h5{border-bottom: black 1px solid;color: black;}
.parents_list .plist>li{font-size: 12px; text-align: left; margin-left: 3px;white-space: nowrap;}
.parents_list .plist::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent #c1c1c1 transparent;}

.parent_details:hover + .plist,
.parent_details + .plist:hover {
	display: block;
	width: fit-content;
	transform: translateX(-50%);
	margin-left: 50%;
}

.partner_parent_details:hover + .plist,
.partner_parent_details + .plist:hover {
	display: block;
	width: fit-content;
	transform: translateX(-50%);
	margin-left: 50%;
	z-index: 20;
}

.page-column-wrapper > * {
	height: fit-content;
}
.config-bonus-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
	gap: 1em;
}

.btn-async-xlsx i {
	display: none;
}
.btn-async-xlsx.pending {
	opacity: .6;
}
.btn-async-xlsx.pending i.ic-spin {
	animation: swal2-rotate-loading 1.5s linear infinite;
    display: inline-block;
}
.btn-async-xlsx.ready {
	background-image: linear-gradient(90deg, transparent 0%, rgb(255 255 255 / 30%) 20%, rgb(255 255 255 / 30%) 30%, transparent 50%, transparent 100%) !important;
    background-repeat: no-repeat !important;
    animation: 2s flow 0s infinite ease-out;
    animation-direction: alternate;
}
.btn-async-xlsx.ready i.ic-download {
	animation: swal2-show 1s infinite;
	animation-direction: alternate;
	display: inline-block;
}
.btn-async-xlsx.pending .txt-normal,
.btn-async-xlsx.ready .txt-normal,
.btn-async-xlsx:not(.pending) .txt-spin,
.btn-async-xlsx:not(.ready) .txt-ready {
	display: none;
}

.bg-swing-specular {
	background-image: linear-gradient(90deg, transparent 0%, rgb(255 255 255 / 30%) 20%, rgb(255 255 255 / 30%) 30%, transparent 50%, transparent 100%) !important;
    background-repeat: no-repeat !important;
    animation: 2s flow 0s infinite ease-out;
    animation-direction: alternate;
}

.inline-edit {
	display: flex;
	align-items: center;
}

.inline-edit .inline-content,
.inline-edit .inline-input {
	width: 100%;
}
.inline-edit .btn-confirm,
.inline-edit .btn-cancel,
.inline-edit .inline-input,
.inline-edit.opened .btn-change,
.inline-edit.opened .inline-content {
	display: none;
}

.inline-edit.opened .inline-input,
.inline-edit.opened .btn-confirm,
.inline-edit.opened .btn-cancel {
	display: block;
}

.annul-edit .btn-confirm,
.annul-edit .btn-cancel,
.annul-edit .input-unlocked,
.annul-edit.opened .input-locked,
.annul-edit.opened .btn-change {
	display: none;
}

.annul-edit.opened .input-unlocked,
.annul-edit.opened .btn-confirm,
.annul-edit.opened .btn-cancel {
	display: block;
}


img.game {
	max-height: 32px;
	cursor: pointer;
}
img.game:hover {
	transform: scale(2);
	z-index: 5;
	position: relative;
	transition: .2s all;
}

.toast.warning {background: #f9af41;}
.toast.check {background: #3ec535;}
.toast.info {background: #09c5fc;}
.toast.danger {background: #f32121;}

.t_state{padding: 1px 4px;border-radius: 4px;background: #026a9e;color: white;font-size: 10px;}
.t_state.t_admin_pay{background: #907cff;} /*관리자지급*/
.t_state.t_admin_collect{background: #ff3492;}	/*관리자회수*/
.t_state.t_partner_move{background: #f9af41;} /*총판 머니 이동*/
.t_state.t_losing_sum{background: #e34d05c7;} /*루징금 합산*/
.t_state.t_roll_back{background: #8d8c85;} 			/*재정산 회수*/

.t_state.t_pro{background: #3ec535;} 				/*처리중*/
.t_state.t_pro_end{background: #21ccf3;}			/*처리완료*/
.t_state.t_pro_cancel{background: #f54e4ef5;}		/*처리취소*/
.t_state.t_pro_delete{background: #8d8c858f;}		/*(취소)삭제*/
.t_state.t_waiting{background: #b96aff;} 			/*대기중*/
.t_state.t_confirm{background: #452abc;} 			/*확인됨*/
.t_state.t_out_end{background: #f32121;} 			/*출금 승인*/
.t_state.t_out_cancel{background: #8d8c85;}		/*출금 취소*/
.t_state.t_out_delete{background: #8d8c858f;}		/*출금 취소*/
.t_state.t_in_rollback{background: #00c9b6;}		/*입금롤백처리*/
.t_state.t_in_accept{background: #3567f5de;} 		/*입금승인*/
.t_state.t_in_cancel{background: #8d8c85;} 		/*입급취소*/
.t_state.t_in_reject{background: #9f0e0e;}			/*입급취소완료*/
.t_state.t_in_delete{background: #8d8c858f;}		/*출금 취소*/

.t_state.t_game_charge{background: #3ec535;}		/*게임충전*/
.t_state.t_game_exchange{background: #39dc75;}		/*게임환전*/
.t_state.t_ingame_charge{background: #357bc5;}		/*API머니충전*/
.t_state.t_ingame_exchange{background: #39a3dc;}		/*API머니환전*/
.t_state.t_point_exchange{background: #9c27b0bf;} 	/*포인트전환*/
.t_state.t_rolling_exchange{background: #009688bf;} 	/*롤링금전환*/
.t_state.t_user_cashin{background: #3567f5de;} 		/*회원입금*/
.t_state.t_user_cashout{background: #f32121;} 		/*회원출금*/
.t_state.t_charge_bonus{background: #f9af41;}		/*충전보너스*/
.t_state.t_attendance_bonus{background: #8d8c85;}	/*출석보너스*/
.t_state.t_coupon_bonus{background: #ff7878f5;}	/*쿠폰보너스*/
.t_state.t_partner_in{background: #e5c28e;}		/*총판지급*/
.t_state.t_partner_out{background: #ff9800;}		/*총판회수*/
.t_state.t_betting_lose{background: #d385e1;}		/*낙첨보너스*/
.t_state.t_betting_lose_out{background: #907cff;}	/*낙첨보너스 (회수)*/
.t_state.t_referee_bonus{background: #fb7cff;}		/*추천인혜택*/
.t_state.t_step_plus{background: #007ac6;}			/*단계별 입금플러스*/
.t_state.t_cash_sumup_calc_in{background: #4935f5de;}	/*(루징금)입금*/
.t_state.t_cash_sumup_calc_out{background: #7721f3;}	/*(루징금)출금*/

.t_state.t_betting_losing{background: #21ccf3;}	/*베팅루징*/
.t_state.t_inout_losing{background: #3ec535;}		/*입출루징*/
.t_state.t_partner_losing{background: #f9af41;}	/*총판루징*/
.t_state.t_admin_losing{background: #d385e1;}		/*관리자루징*/
.t_state.t_admin_losing2{background: #907cff;}		/*관리자루징2 (회수)*/

.t_state.t_betting_rolling{background: #21ccf3;}		/*회원롤링*/
.t_state.t_user_rolling{background: #3ec535;}		/*회원롤링*/
.t_state.t_partner_rolling{background: #f9af41;}	/*총판롤링*/
.t_state.t_admin_rolling{background: #d385e1;}		/*관리자롤링*/
.t_state.t_admin_rolling2{background: #907cff;}	/*관리자롤링2 (회수)*/

.t_state.t_qna_del{background: #f54e4ef5;}			/*문의 삭제*/
.t_state.t_qna_wait{background: #8d8c85;}			/*문의 대기*/
.t_state.t_qna_pro{background: #3ec535;}			/*처리중*/
.t_state.t_qna_end{background: #21ccf3;}			/*답변 완료*/
.t_state.t_qna_confirm{background: #d385e1;}		/*답변 확인*/
.t_state.t_qna_disable{background: #888888;}		/*Unknown*/

.t_state.t_bulletin_wait{background: #8d8c85;}			/*게시글 승인대기*/
.t_state.t_bulletin_accepted{background: #21ccf3;}		/*게시글 승인됨*/
.t_state.t_bulletin_rejected{background: #d385e1;}		/*게시글 취소됨*/
.t_state.t_bulletin_del{background: #f54e4ef5;}		/*게시글 (회원)삭제됨*/
.t_state.t_bulletin_disable{background: #888888;}		/*게시글 비현시*/

.t_state.t_let_del{background: #f54e4ef5;}			/*쪽지삭제*/
.t_state.t_let_read{background: #21ccf3;}			/*쪽지 읽음*/
.t_state.t_let_wait{background: #8d8c85;}			/*쪽지 읽지 않음*/

.t_state.t_status_wait{background: #3ec535;}		/*승인대기*/
.t_state.t_status_normal{background: #21ccf3;}		/*정상*/
.t_state.t_status_dis_login{background: #8d8c85;}	/*가입거부*/
.t_state.t_status_block{background: #d385e1;}		/*차단*/
.t_state.t_status_quit{background: #f54e4ef5;}		/*탈퇴(삭제)*/
.t_state.t_status_dormant{background: #e97c20;}		/*휴면*/
.t_state.t_status_del{background: red;}				/*완전삭제(쓰지않음)*/
.t_state.t_status_dis_weblogin{background: #9220e9;}/*웹로그인 불가*/

.t_state.t_kind_normal{background: #21ccf3;}
.t_state.t_kind_test{background: #f54e4ef5;}
.t_state.t_kind_interest{background: #f9af41;}
.t_state.t_kind_worker{background: #3ec535;}

/*회원상세정보*/
.t_state.t_cash_user_in{background: #3567f5de;}		/*입금*/
.t_state.t_cash_user_out{background: #f32121;}			/*출금*/
.t_state.t_cash_admin_in{background: #d385e1;}			/*관리자 지급*/
.t_state.t_cash_admin_out{background: #c000ff;}		/*관리자 회수*/
.t_state.t_cash_partner_in{background: #e5c28e;}		/*총판 지급*/
.t_state.t_cash_partner_out{background: #ff9800;}		/*총판 회수*/

/*베팅결과*/
.t_state.t_betting{background: #c4d112;}				/*베팅중*/
.t_state.t_bet_win{background: #21ccf3;}				/*베팅 당첨*/
.t_state.t_bet_lose{background: #ff5200f5;}			/*베팅 낙첨*/
.t_state.t_bet_cancel{background: #c26af2;}			/*베팅 취소*/
.t_state.t_bet_del{background: #2c2d70da;}				/*베팅 삭제*/
.t_state.t_bet_admin_cancel{background: #c4d112;}		/*관리자 베팅 취소*/
.t_state.t_bet_error{background: #db24ab;}				/*베팅 에러*/
.t_state.t_bet_process{background: #4e72f5f5;}			/*베팅중*/

/*마켓상태*/
.t_state.t_market_wait{background: #3ec535;}			/*대기중*/
.t_state.t_market_normal{background: #21ccf3;}			/*정상*/
.t_state.t_market_disable{background: #8d8c85;}		/*베팅불가*/
.t_state.t_market_finish{background: #ff9800;}			/*종료*/

/*출석, 미출석*/
.t_state.t_present{background: #21ccf3;}				/* 출석 */
.t_state.t_absent{background: #f54e4ef5;}				/* 결석 */
.t_state.t_present_day{background: #50d10ed4;}			/* 일일 */
.t_state.t_present_1{background: #E6BE8A;}				/* 출석미션1 */
.t_state.t_present_2{background: #C5B358;}				/* 출석미션2 */
.t_state.t_present_3{background: #CBA135;}				/* 출석미션3 */
.t_state.t_present_4{background: #FFCC33;}				/* 출석미션4 */
.t_state.t_present_5{background: #FFD100;}				/* 출석미션5 */
.t_state.t_present_6{background: #FDB515;}				/* 출석미션6 */

/*가상게임*/
.t_state.t_status_v_horse{background: #3ec535;}		/*경마*/
.t_state.t_status_v_dog{background: #21ccf3;}			/*경주*/
.t_state.t_status_v_soccer{background: #f9af41;}		/*가상축구*/
.t_state.t_status_v_basketball{background: #f96341;}	/*가상농구*/
.t_state.t_status_v_baseball{background: #8841f9;}		/*가상야구*/

/*게임 사용*/
.t_state.t_use_game{background: #21ccf3;}			/*처리완료*/

/* 마켓 아이디 */
.t_state.t_market_id{background-color: antiquewhite; color: black;} /* 마켓 아이디*/
.t_state.t_sports_type_domestic{background-color: #33ff005e; color: black;} /* 국내형*/
.t_state.t_sports_type_abroad{background-color: #feff004a; color: black;} /* 해외형*/
.t_state.t_sports_type_live{background-color: #aafff2; color: black;} /* 라이브*/
.t_state.t_sports_type_realtime{background-color: #f100ff5e; color: black;} /* 실시간*/
.t_state.t_sports_type_special{background-color: #ff7b0080; color: black;} /* 스페셜*/
.t_state.t_sports_type_d_a_s{background-color: #006eff80; color: black;} /* 스페셜*/
.t_state.t_sports_type_not_use{background-color: #f5ae34a8; color: black;}	/* 사용안함*/

/*스포츠경기 상태*/
.t_state.t_pre_match{background: #c000ff;}			/*경기전*/
.t_state.t_in_play{background: #3ec535;} 			/*진행중*/
.t_state.t_end_play{background: #21ccf3;}			/*경기종료*/
.t_state.t_cancel_game{background: #f54e4ef5;}		/*경기취소*/
.t_state.t_delay_game{background: #8d8c85;} 		/*경기지연*/
.t_state.t_stop_game{background: #ff2424;}			/*경기중단*/
.t_state.t_abandoned_game{background: #ff7878f5;} 	/*버려진경기*/
.t_state.t_no_signal{background: #9f0e0e;}			/*신호잃음*/
.t_state.t_beford_30{background: #3567f5de;} 		/*경기시작30분전*/

.t_state.t_normal {background: #21ccf3;}
.t_state.t_abnormal {background: #f54e4ef5;}

.t_state.t_use{background: #21ccf3;}		/*정상게임*/
.t_state.t_block{background: #f54e4ef5;}	/*블록게임*/

.t_state.t_sel_pick{background: #ffffad; color: black;}	/*선택픽*/

.t_state.t_apply_one{background: #21ccf3;}	/*개별적용*/
.t_state.t_apply_all{background: #ff7878f5;}	/*일괄적용*/
.t_state.t_recv_bet{background: #3ec535;}	/*취소베팅복구*/

.t_state.t_virtual_type_soccer{background-color: #f9af4196; color: black;} /* 가상축구*/
.t_state.t_virtual_type_dog{background-color: #21ccf396; color: black;} /* 가상개경주*/
.t_state.t_virtual_type_horse{background-color: #3ec53596; color: black;} /* 가상경마*/
.t_state.t_virtual_type_baseball{background-color: #8841f996; color: black;} /* 가상야구*/
.t_state.t_virtual_type_basketball{background-color: #f9634196; color: black;} /* 가상야구*/

.t_state.t_game_mini{background-color: #aafff2; color: black;} /* 미니*/
.t_state.t_game_sports{background-color: #f100ff5e; color: black;} /* 스포츠*/
.t_state.t_game_virtual{background-color: #33ff005e; color: black;} /* 가상*/
.t_state.t_game_lotus{background: #ff7878f5;}		/*로투스*/
.t_state.t_game_mgm{background: #9f0e0e;}			/*MGM*/
.t_state.t_game_touch{background: #21ccf3;}		/*터치게임*/

.t_state.t_allow_one_game {background-color: #30e0ff4f;color: black}
.t_state.t_not_allow_other_game {background-color: #e730ff3b;color: black}
.t_state.t_not_allow_one_game {background-color: #ff9d3045;color: black}

.t_state.t_use{background: #21ccf3;}	/*마켓 사용*/
.t_state.t_not_use{background: #ff7878f5;}	/*마켓 비사용*/

.t_num.t_zero {
	color: #adadad;
}
.t_num.t_plus {
	color: green;
    font-weight: 600;
}
.t_num.t_minus {
	color: red;
    font-weight: 600;
}

/*마켓*/
.t_market.t_color0 {background: antiquewhite;}
.t_market.t_color1 {background: aquamarine;;}
.t_market.t_color2 {background: lightblue;}
.t_market.t_color3 {background: lightcoral;}
.t_market.t_color4 {background: lightcyan;}
.t_market.t_color5 {background: lightgray;}
.t_market.t_color6 {background: lightpink;}
.t_market.t_color7 {background: lightskyblue;}
.t_market.t_color8 {background: lightyellow;}
.t_market.t_color9 {background: lightgreen;}

.table-col-2-cyan th:nth-child(2),
.table-col-2-cyan td:nth-child(2),
.table-col-3-cyan th:nth-child(3),
.table-col-3-cyan td:nth-child(3),
.table-col-4-cyan th:nth-child(4),
.table-col-4-cyan td:nth-child(4),
.table-col-5-cyan th:nth-child(5),
.table-col-5-cyan td:nth-child(5),
.table-col-6-cyan th:nth-child(6),
.table-col-6-cyan td:nth-child(6),
.table-col-7-cyan th:nth-child(7),
.table-col-7-cyan td:nth-child(7),
.table-col-8-cyan th:nth-child(8),
.table-col-8-cyan td:nth-child(8),
.table-col-9-cyan th:nth-child(9),
.table-col-9-cyan td:nth-child(9),
.table-col-10-cyan th:nth-child(10),
.table-col-10-cyan td:nth-child(10),
.table-col-11-cyan th:nth-child(11),
.table-col-11-cyan td:nth-child(11),
.table-col-12-cyan th:nth-child(12),
.table-col-12-cyan td:nth-child(12) {
	background: #a0ffd8;
}

/* sortable table header column */
.th-sortable {
	cursor: pointer;
}
.th-sortable span {
	padding: 0 3px;
}
.th-sortable span:before,
.th-sortable span:after {
	font-family: "fontello";
	position: absolute;
	color: rgb(0 0 0 / 19%);
}

.th-sortable span:before {
	content: '\f0de';
}
.th-sortable span:after {
	content: '\f0dd';
}

.th-sortable.sort-asc span:before {
	color: black;
}

.th-sortable.sort-desc span:after {
	color: black;
}

/*************************************************
* cut bet label style 
************************************************/
.cutbet-sep {
	display: inline;
}
.cutbet-sep:before {
	content: '라이브';
	position: absolute;
	margin-top: -17px;
	margin-left: 5px;
}
.cutbet-sep:after {
	content: '슬롯';
	position: absolute;
	margin-top: -17px;
	margin-left: -75px;
}

/*************************************************
* Tempus Dominus custom style
************************************************/
.tempus-dominus-widget {
	width: 15rem;
	z-index: 9999;
}
.tempus-dominus-widget.mini {
	width: 8rem;
}

.tempus-dominus-widget .calendar-header {
	margin-bottom: 5px;
}
.tempus-dominus-widget .calendar-header>div {
	padding: .75em 0;
}

.tempus-dominus-widget .calendar-header .picker-switch {
	text-align: center;
	font-size: 1.1em;
}

.tempus-dominus-widget .date-container-days {
	grid-auto-rows: 32px;
}

.tempus-dominus-widget .time-container {
	margin-bottom: 0;
}
.tempus-dominus-widget .date-container-days div:not(.no-highlight),
.tempus-dominus-widget .date-container-decades div:not(.no-highlight),
.tempus-dominus-widget .date-container-months div:not(.no-highlight),
.tempus-dominus-widget .date-container-years div:not(.no-highlight),
.tempus-dominus-widget .time-container-clock div:not(.no-highlight),
.tempus-dominus-widget .time-container-hour div:not(.no-highlight),
.tempus-dominus-widget .time-container-minute div:not(.no-highlight),
.tempus-dominus-widget .time-container-second div:not(.no-highlight) {
	border-radius: 5px;
}
.tempus-dominus-widget.mini .time-container-hour,
.tempus-dominus-widget.mini .time-container-minute,
.tempus-dominus-widget.mini .time-container-second {
    grid-auto-rows: calc(2rem - 1.14286px);
}

.tempus-dominus-widget.light .date-container-days .dow {
	color: rgba(0, 0, 0, .75);
}

.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).old {
	color: rgba(0, 0, 0, .2);
}

.tempus-dominus-widget .toolbar div {
	font-size: 1.2em;
	border-radius: 5px;
}


.tempus-dominus-widget .time-container-clock {
	font-size: 1.2em;
}
.tempus-dominus-widget.mini .time-container-clock {
	grid-auto-rows: calc(2.2rem - 1.14286px);
}

/*************************************************
* Nice select custom style
************************************************/
.nice-select {
	border-color: #ccc;
	transition: none;
	border-radius: 3px;
	line-height: 1.9em;
}
.nice-select:hover,
.nice-select:active,
.nice-select.open,
.nice-select:focus {
	border-color: #777;
}
.nice-select:active,
.nice-select:focus {
	outline: 4px solid rgb(0 0 0 / 10%);
}

.nice-select:after {
	border-bottom: 2px solid #308163;
	border-right: 2px solid #308163;
	width: 4px;
	height: 4px;
	right: 7px;
	transition: none;
}

.nice-select .item_text {
	font-size: 12px;
}
.nice-select .nice-list .item_text {
	line-height: 2.5em;
}

.nice-select .nice-list {
	transition: none;
}
.nice-select.open .nice-list {
	width: 100%;
	transition: none;
	border-radius: 2px;
	box-shadow: 1px 1px 2px 1px rgb(0 0 0 / 25%);
	margin-top: 1px;
}

.nice-select .item_color_line {
	color: var(--user-color);
}
.nice-select .item_color_line:before {
	content: ' ';
	display: inline-block;
	align-items: center;
	width: 90%;
	height: 0;
	border: 5px solid;
	box-shadow: inset 0 0 0px 2px;
}

.nice-select .nice-list li.item_color_line:hover,
.nice-select .nice-list li.item_color_line.focus,
.nice-select .nice-list li.item_color_line.selected.focus {
	background-color: #ccc;
}


/* .nice-select .nice-list li.item_color_line:hover:before,
.nice-select .nice-list li.item_color_line.focus:before,
.nice-select .nice-list li.item_color_line.selected.focus:before {
	border: 1px solid white;
	box-shadow: inset 0 0 0px 2px white;
	outline: 5px solid;
} */

.report-exolorer .member-explorer {
	font-size: 1.2em;
	padding: 5px 5px !important;
	--spacing    : 1.5rem;
	--radius     : 10px;
	--dark-grey: #ddd;
}

.report-exolorer .member-explorer .open-btn {
	z-index     : 1;
	background  : var(--accent);
	color       : #fff;
	font-weight : 400;
	line-height : calc(2 * var(--radius) - 2px);
	text-align  : center;
}

.report-exolorer .member-explorer li{
	display      : block;
	position     : relative;
	padding-left: calc(2 * var(--spacing) - var(--radius) - 20px);
}

.report-exolorer .member-explorer ul{
	margin-left: 9px;
}

.report-exolorer .member-explorer ul li{
	border-left : 2px solid var(--dark-grey);
	padding-bottom: 2px;
}

.report-exolorer .member-explorer ul li:last-child{
	border-color : transparent;
}

.report-exolorer .member-explorer ul li span::before{
	content      : '';
	display      : block;
	position     : absolute;
	top: calc(var(--spacing) / -1.7);
	left: -2px;
	width: calc(var(--spacing) + -5px);
	height       : calc(var(--spacing) + 1px);
	border       : solid var(--dark-grey);
	border-width : 0 0 2px 2px;
}

.report-exolorer .member-explorer .name-wrap {
	display: flex;
}

.report-exolorer .member-explorer .name {
	cursor: pointer;
	margin-top: 2px;
	padding-left: 5px;
}

.report-exolorer .member-explorer .name.on {
	background: #c3f2ff91;
    border-radius: 3px;
    padding-right: 5px;
    width: 95%;
}

.report-exolorer .member-explorer .partner-list-wrap {
	border-right: 4px solid #959595;
	height: 78vh;
	overflow: auto;
	width: 450px;
	padding-top: 5px;
	margin-left: 15px;
	border: 6px solid #e9e9e9;
	border-radius: 5px;
}

.report-exolorer .statistic-wrap {
	/* border: 1px solid red; */
    width: calc(100% - 450px);
    margin-top: 5px;
    overflow: auto;
    height: 79vh;
    margin-right: 5px;
    min-width: 700px;
	padding: 0px 3px;
}

.report-exolorer .member-explorer .partner-list-wrap :nth-child(2) {
	margin-left: 0px;
}

.report-exolorer .statistic-wrap .rolling-wrap {
	font-size: 1.5em;
    background: #e9e9e9;
	min-height: 150px;
    overflow: auto;
    border-radius: 5px;
    padding: 10px 10px;
    line-height: 39px;
	height: 190px;
}

.report-exolorer .statistic-wrap .rolling-wrap .rolling-num {
	color: #ff3f05;
}

.report-exolorer .statistic-wrap .rolling-wrap .userinfo {
	color: #2196f3;
}

.report-exolorer .statistic-wrap .rolling-wrap .mininame {
	/* color: #2196f3; */
	/* color: grey; */
}

.report-exolorer .statistic-wrap .statistic-cont .tabgame {
	margin: 0px 0px;
}

.report-exolorer .statistic-wrap .statistic-cont form {
	padding-top: 10px;
	padding-left: 10px;
}

.report-exolorer .statistic-wrap .statistic-cont .tb_main tbody tr td:nth-child(2),
.report-exolorer .statistic-wrap .statistic-cont .tb_main tbody tr td:nth-child(3),
.report-exolorer .statistic-wrap .statistic-cont .tb_main tbody tr td:nth-child(5),
.report-exolorer .statistic-wrap .statistic-cont .tb_main tbody tr td:nth-child(6),
.report-exolorer .statistic-wrap .statistic-cont .tb_main tbody tr td:nth-child(11)
{
	background: #ffdae040;
}
.report-exolorer .statistic-wrap .statistic-cont .tb_main tbody tr td:nth-child(4),
.report-exolorer .statistic-wrap .statistic-cont .tb_main tbody tr td:nth-child(7)
{
	background: #d3d0e24d;
}

.report-exolorer .statistic-wrap .statistic-cont .tb_main tbody tr td:nth-child(8),
.report-exolorer .statistic-wrap .statistic-cont .tb_main tbody tr td:nth-child(9),
.report-exolorer .statistic-wrap .statistic-cont .tb_main tbody tr td:nth-child(10) {
	background:#d5e9fb61;
}

.report-exolorer .statistic-wrap .statistic-cont .tb_main tbody tr td:nth-child(n+10):nth-child(-n+50) {
	background:#ffffd9;
}

.score-input input{width: 39%; margin-right: 15px; margin-left: 15px;}

.play-game-wrap {
	--grid-layout-gap: 0px;
    --grid-column-count: 2;
    --grid-item--min-width: 1100px;
    --gap-count: calc(var(--grid-column-count) - 1);
    --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
    --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
    display: grid;
    grid-template-columns: 8fr 3fr;
    grid-gap: var(--grid-layout-gap);
}

.reg-game-wrap {
	border-bottom: 1px solid lightgray;
}

.reg-game-wrap .reg-btn-wrap {
	text-align: center;
	margin-top: 2px;
}

.sports-market-cross-list, .sports-accum-bet {
	padding: 15px 2px !important;
}

.col-desc {
	display: inline-flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    padding-left: 1px;
}

.col-desc li {
	width: 110px;
    height: 1.25em;
    margin-bottom: 0.4em;
    padding-left: 0.5em;
    border-left: 1.25em solid black;
}

.col-desc li.market-desc {
	width: 80px;
}

.col-desc .t_allow_one_game {border-color: #30e0ffde;}
.col-desc .t_not_allow_other_game {border-color: #e730ffc9;}
.col-desc .t_not_allow_one_game {border-color: #ff9d30d6;}

.col-desc .t_market_wait {border-color: #a6e9ff}
.col-desc .t_market_disabled {border-color: #c7c7c7}
.col-desc .t_market_finish {border-color: #ff7676}

.img-inline2 {
	width: 25px;
	cursor: pointer;
}

/****************************/
.sandbox_wrapper {
	display: grid;
	grid-gap: 10px;
	gap: 10px;
}
.sandbox_layout {
	grid-template-rows: 3fr 2fr;
	grid-template-columns: 2fr 1fr;
}
.sandbox_layout > .sandbox_panel_1 {
	grid-row: 1 / 3;
	grid-column: 1;
}
.sandbox_layout > .sandbox_panel_2 {
	grid-row: 1;
	grid-column: 2;
}
.sandbox_layout > .sandbox_panel_3 {
	grid-row: 2;
	grid-column: 2;
}

.ace_invisible_tab,
.ace_invisible_space {
    opacity: .5;
}
.ace_invisible_eol {
    opacity: 0;
}