@charset "utf-8";
/***************************************************************
	Design Manager Setting Style: 자동생성 CSS
---------------------------------------------------------------
	- 최종 수정일 : 2024-03-04 22:40:58
***************************************************************/


body,
.txt-default	{ color: #000; }
a,
.txt-point	{ color: var(--point); }


@media all and (min-width: 1025px) { 
	html.single:before	{
		background-image: url('/data/site/design_background.webp');
		}
}

@media all and (max-width: 1024px) {
	html.single:before	{
		background-image: url('/data/site/design_m_background.webp');
		}
}


@media all and (min-width: 1025px) { 
	#header	{
		}

	#gnb	{
		}

	#gnb_control_box	{ display: none; }
}

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

	#header	{
		}

	#gnb	{
		}

	#gnb_control_box	{
	display: block;
	}
}



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



/*#gnb	{ float: right; }*/
#gnb,
#gnb *	{
	color: var(--main);
	font-size: 40px;
}
#gnb a:hover {
	color: var(--point);
	font-size: 40px;
}




*::-webkit-scrollbar-track	{ background-color: var(--main); }
*::-webkit-scrollbar-thumb	{ background: var(--point); }

* { outline-color: var(--point); }
::selection	{ background:var(--point); }
::-moz-selection	{ background:var(--point); }
::-webkit-selection	{ background:var(--point); }

::selection	{ color:var(--main); }
::-moz-selection	{ color:var(--main); }
::-webkit-selection	{ color:var(--main); }




.ui-btn	{
	color:	#ffffff;
	background:	var(--main);
	border-color:	var(--main);
}
.ui-btn:hover	{
	color:	#ffffff;
	background:	#5C525B;
	border-color:	#5C525B;
}

.ui-btn.point	{
	color:	#ffffff;
	background:	var(--point);
	border-color:	var(--point);
}
.ui-btn.point:hover	{
	color:	#ffffff;
	background:	var(--point);
	border-color:	var(--point);
}

.ui-btn.etc	{
	color:	var(--main);
	background:	var(--sub);
	border-color:	var(--sub);
}
.ui-btn.etc:hover	{
	color:	var(--main);
	background:	var(--sub);
	border-color:	var(--sub);
}
.swiper-pagination-bullet-active {background:	var(--point);}


.pg_wrap .pg_page	{
	color:	#ffffff;
	background:	var(--main);
	border-color:	var(--main);
}
.pg_wrap .pg_page:hover	{
	color:	#ffffff;
	background:	#5C525B;
	border-color:	#5C525B;
}

.pg_wrap .pg_current,
.pg_wrap .pg_current:hover	{
	color:	#ffffff;
	background:	var(--point);
	border-color:	var(--point);
}





.bar-equalizer i	{
	background: var(--point);
}



.status-bar dd p	{
	background: #000;
}
.status-bar dd p span	{
	background: var(--point);
	opacity: .5;
}
.status-bar dd p sup	{
	background: var(--point);
}
.status-bar dd p i	{
	color: var(--main);
}



hr.line	{
	background: var(--point);
}




.form-input,
input[type="file"],
input[type="text"],
input[type="number"],
input[type="password"],
textarea,
select	{
	color:	var(--main);
	background:	var(--sub);
	border-color:	var(--main);
	
	border-top-left-radius:5px;	border-top-right-radius:5px;	border-bottom-right-radius:5px;	border-bottom-left-radius:5px;}

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


*::-webkit-input-placeholder	{ color:#000; } 
textarea:-moz-placeholder, input:-moz-placeholder	{ color:#000; }
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: var(--sub) !important;
  color: var(--main);
}




.flex-control-paging a	{ background: #000; }
.flex-control-paging a.flex-active	{ background: var(--point); }




.theme-box	{
	background-color: var(--sub);
	border: 1px solid var(--main);
	color: var(--main);
	border-top-left-radius:5px;	border-top-right-radius:5px;	border-bottom-right-radius:5px;	border-bottom-left-radius:5px;}
.theme-box.no-link a	{
	color: var(--main);
}



.inven-popup-viewer {
	background-color: var(--sub);
	border: 1px solid var(--main);
	color: var(--main);
}




.timeline-Tweet:before { border-top-color: var(--main); }
.TweetAuthor-name	{ color: var(--point); }




#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: var(--point);
}




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

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

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




#tab_list { border-color: var(--point); }




.inventory-list a {
	/*border: 1px solid var(--point);*/

	border: 1px solid var(--point);
}
.inventory-list a i	{
	/*
	background: var(--point);
	color: var(--main);
	*/

	border: 1px solid var(--point);
	background: rgba(0, 0, 0, .7);
	color: #fff;
}





#load_log_board	{
	}

.board-notice	{
		color: #ffffff;
	}

#log_list	{
	}
#log_list .item	{
	
	}

#log_list .item .item-inner .ui-pic	{
	}


#log_list .item .item-inner .item-comment	{
		color: var(--main);
			margin-bottom: 10px !important;
	}


#log_list .item .item-inner	.ui-comment	{
	
	}


#log_list .item .item-inner .co-header p,
#log_list .item .item-inner .co-header p a	{
		color: var(--main);
			font-size: 16px;
	}

#log_list .item .item-inner .co-header p.owner,
#log_list .item .item-inner .co-header p.owner a	{
		color: var(--point);
			font-size: 16px;
	}

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