@charset "utf-8";
/***************************************************************
	Design Manager Setting Style: 자동생성 CSS
---------------------------------------------------------------
	- 최종 수정일 : 2023-10-31 21:10:26
***************************************************************/


body,
.txt-default	{ color: #333333; }
a,
.txt-point	{ color: #96E3DA; }


@media all and (min-width: 1025px) { 
	html.single:before	{
		background-color: #CACACB;
		}
}

@media all and (max-width: 1024px) {
	html.single:before	{
		background-image: url('https://sprinkles.cafe24.com:443/skin/member/basic/img/bak_admin_login_top_pattern.png');
		background-color: #CACACB;
		}
}


@media all and (min-width: 1025px) { 
	#header	{
		background-color: #63625E;
		}

	#gnb	{
		background-color: #63625E;
		}

	#gnb_control_box	{ display: none; }
}

@media all and (max-width: 1024px) {

	#header	{
		background-color: #000000;
		}

	#gnb	{
		}

	#gnb_control_box	{
	display: block;
	}
}



#body	{ margin-left: 150px; }
#header	{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	overflow-y: auto;
	width: 150px;
	
}
#logo	{
	padding:20px 0;
	text-align: center;
}



/*#gnb	{ float: right; }*/
#gnb,
#gnb *	{
	color: #FBEB7E;
	font-size: 14px;
}
#gnb a:hover {
	color: #000000;
	font-size: 14px;
}




*::-webkit-scrollbar-track	{ background-color: #eeeeee; }
*::-webkit-scrollbar-thumb	{ background: #96E3DA; }

* { outline-color: #96E3DA; }
::selection	{ background:#96E3DA; }
::-moz-selection	{ background:#96E3DA; }
::-webkit-selection	{ background:#96E3DA; }

::selection	{ color:#eeeeee; }
::-moz-selection	{ color:#eeeeee; }
::-webkit-selection	{ color:#eeeeee; }




.ui-btn	{
	color:	#FCD62C;
	background:	#63625E;
	border-color:	#000000;
}
.ui-btn:hover	{
	color:	#96E3DA;
	background:	#000000;
	border-color:	#000000;
}

.ui-btn.point	{
	color:	#96E3DA;
	background:	#000000;
	border-color:	;
}
.ui-btn.point:hover	{
	color:	#000000;
	background:	#96E3DA;
	border-color:	;
}

.ui-btn.etc	{
	color:	#FCD62C;
	background:	#63625E;
	border-color:	;
}
.ui-btn.etc:hover	{
	color:	#000000;
	background:	#96E3DA;
	border-color:	;
}
.swiper-pagination-bullet-active {background:	#96E3DA;}


.pg_wrap .pg_page	{
	color:	#FCD62C;
	background:	#63625E;
	border-color:	#000000;
}
.pg_wrap .pg_page:hover	{
	color:	#96E3DA;
	background:	#000000;
	border-color:	#000000;
}

.pg_wrap .pg_current,
.pg_wrap .pg_current:hover	{
	color:	#96E3DA;
	background:	#000000;
	border-color:	;
}





.bar-equalizer i	{
	background: #96E3DA;
	-webkit-box-shadow: 0px 0px 3px 0px #000000;
	-moz-box-shadow: 0px 0px 3px 0px #000000;
	box-shadow: 0px 0px 3px 0px #000000;
}



.status-bar dd p	{
	background: #333333;
}
.status-bar dd p span	{
	background: #96E3DA;
	opacity: .5;
}
.status-bar dd p sup	{
	background: #96E3DA;
}
.status-bar dd p i	{
	color: #eeeeee;
}



hr.line	{
	background: #96E3DA;
}




.form-input,
input[type="file"],
input[type="text"],
input[type="number"],
input[type="password"],
textarea,
select	{
	color:	#eeeeee;
	background:	#000000;
	border-color:	#222222;
	
				}

::-webkit-input-placeholder {
	color: #eeeeee;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #eeeeee;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #eeeeee;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #eeeeee;
}


*::-webkit-input-placeholder	{ color:#000; } 
textarea:-moz-placeholder, input:-moz-placeholder	{ color:#000; }
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #000000 !important;
  color: #eeeeee;
}




.flex-control-paging a	{ background: #333333; }
.flex-control-paging a.flex-active	{ background: #96E3DA; }




.theme-box	{
	background-color: rgba(0, 0, 0, .5);
	color: #eeeeee;
				}
.theme-box.no-link a	{
	color: #eeeeee;
}



.inven-popup-viewer {
	background-color: rgba(0, 0, 0, .5);
	color: #eeeeee;
}




.timeline-Tweet:before { border-top-color: #eeeeee; }
.TweetAuthor-name	{ color: #96E3DA; }




#submenu	{
	background-color:	rgba(0, 0, 0, .5);
	color:	#eeeeee;
	border-top-color:	#555555;
	border-top-style:	dashed;
	border-top-width: 1px;
	border-bottom-color:	#555555;
	border-bottom-style:	dashed;
	border-bottom-width: 1px;
}
#submenu a	{
	color: #eeeeee;
}
#submenu a:hover	{
	color: #96E3DA;
}




.theme-list,
.theme-form	{
	background-color:	;
	color:	;
}

/*** Form Area ***/
.theme-form th	{
	background-color:	#000000;
	color:	#ffffff;
}
.theme-form td	{
	background-color:	rgba(255, 255, 255, .1);
	color:	#ffffff;
	border-top-color:	#333333;
	border-top-style:	solid;
	border-top-width:	1px;
	border-bottom-color:	#333333;
	border-bottom-style:	solid;
	border-bottom-width:	1px;
}

/*** List Area ***/
.theme-list th	{
	background-color:	#000000;
	color:	#ffffff;
	border-top-color:	#333333;
	border-top-style:	double;
	border-top-width:	1px;
	border-bottom-color:	#333333;
	border-bottom-style:	double;
	border-bottom-width:	1px;
}
.theme-list td	{
	background-color:	;
	color:	#ffffff;
}




#tab_list { border-color: ; }




.inventory-list a {
	/*border: 1px solid #96E3DA;*/

	border: 1px solid #96E3DA;
}
.inventory-list a i	{
	/*
	background: #96E3DA;
	color: #eeeeee;
	*/

	border: 1px solid #96E3DA;
	background: rgba(0, 0, 0, .7);
	color: #fff;
}





#load_log_board	{
	}

.board-notice	{
		background-color: rgba(0, 0, 0, .5);
		color: #ffffff;
	}

#log_list	{
	}
#log_list .item	{
	
	}

#log_list .item .item-inner .ui-pic	{
		background-color: #ffffff;
	}


#log_list .item .item-inner .item-comment	{
		background-color: rgba(0, 0, 0, .5);
		color: #eaeaea;
			margin-bottom: 10px !important;
	}


#log_list .item .item-inner	.ui-comment	{
		background-color: #ffffff;
		border-top-color:	rgba(0, 0, 0, .5);
	border-top-style:	solid;
	border-top-width: 1px;
		border-bottom-color:	rgba(0, 0, 0, .5);
	border-bottom-style:	solid;
	border-bottom-width: 1px;
	
	}


#log_list .item .item-inner .co-header p,
#log_list .item .item-inner .co-header p a	{
		color: #eeeeee;
			font-size: 12px;
	}

#log_list .item .item-inner .co-header p.owner,
#log_list .item .item-inner .co-header p.owner a	{
		color: #FCD62C;
			font-size: 12px;
	}

#log_list .item .item-inner .co-footer .date	{
		color: #bbbbbb;
			font-size: 11px;
	}
#log_list .item .item-inner .co-content .other-site-link	{
		color: #29c7c9;
	}
#log_list .item .item-inner .co-content .link_hash_tag	{
		color: #29c7c9;
	}
#log_list .item .item-inner .co-content .log_link_tag	{
		color: #29c7c9;
	}
#log_list .item .item-inner .co-content .member_call	{
		color: #29c7c9;
	}