@charset "utf-8";

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

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

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

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


/* ============================= */ 
.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;}

.timepicker{width: 80px;text-align: center;}
.header_btn > div{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: 90px;margin-left: 3px;}

.user_details{color: #2b5aa8;text-decoration: underline;}
.user_details:hover{color: #3e7ee8;}
.partner_details{color: #333333;text-decoration: underline;}
.partner_details:hover{color: #3e7ee8;}
.off_partner_details{color: #e8172d;text-decoration: underline;}
.off_partner_details:hover{color: #3e7ee8;}
.id_color_blue{color: #2b5aa8 !important; }
.id_color_light_orange{color: #EAA149 !important;}
.id_color_red{color: #e8172d !important;}
.id_color_green{color: #13b100 !important;}
.id_color_yellow{color: #dfce00 !important;}



.popup-form-wrapper,
.main_sec>div.popup-form-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(420px, 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;}

.rmain .rlive, .rmain .rslot, .rmain .rmini{display: none;}
.rlive .rmain, .rlive .rslot, .rlive .rmini{display: none;}
.rslot .rlive, .rslot .rmain, .rslot .rmini{display: none;}
.rmini .rlive, .rmini .rslot, .rmini .rmain{display: none;}
.rliveslot .rmini, .rliveslot .rmain{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;}
.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;
}

.user_info table.no_line {
	height: fit-content;
}

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

.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_pro{background: #3ec535;} 				/*처리중*/
.t_state.t_pro_end{background: #21ccf3;}			/*처리완료*/
.t_state.t_pro_cancel{background: #f54e4ef5;}		/*처리취소*/
.t_state.t_waiting{background: #8d8c85;} 			/*대기중*/
.t_state.t_out_end{background: #3567f5de;} 		/*출금 승인*/
.t_state.t_out_cancel{background: #ff2424;}		/*출금 취소*/
.t_state.t_in_rollback{background: #00c9b6;}		/*입금롤백처리*/
.t_state.t_in_accept{background: #21ccf3;} 		/*입금승인*/
.t_state.t_in_cancel{background: #ff7878f5;} 		/*입급취소*/
.t_state.t_in_reject{background: #9f0e0e;}			/*입급취소완료*/

.t_state.t_game_charge{background: #3ec535;}		/*게임충전*/
.t_state.t_game_exchange{background: #cddc39;}		/*게임환전*/
.t_state.t_point_exchange{background: #9c27b0bf;} 	/*포인트전환*/
.t_state.t_rolling_exchange{background: #009688bf;} 	/*롤링금전환*/
.t_state.t_user_cashin{background: #21ccf3;} 		/*회원입금*/
.t_state.t_user_cashout{background: #3567f5de;} 	/*회원출금*/
.t_state.t_charge_bonus{background: #f9af41;}		/*충전보너스*/

.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_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_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_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_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: #21ccf3;}		/*입금*/
.t_state.t_cash_user_out{background: #f54e4ef5;}	/*출금*/
.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_bet_win{background: #21ccf3;}				/*베팅 당첨*/
.t_state.t_bet_lose{background: #f54e4ef5;}			/*베팅 낙첨*/
.t_state.t_bet_cancel{background: #62db24;}			/*베팅 취소*/
.t_state.t_bet_error{background: #db24ab;}				/*베팅 에러*/
.t_state.t_bet_process{background: #4e72f5f5;}			/*베팅중*/

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


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

.tempus-dominus-widget .calendar-header>div {
	padding: .25em 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 .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.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;
}


/*************************************************
* Nice select custom style
************************************************/
.nice-select {
	border-color: #ccc;
	transition: none;
}
.nice-select:hover,
.nice-select:active,
.nice-select.open,
.nice-select:focus {
	border-color: #777;
}

.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: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;
} */