@charset "utf-8";
/***************************************************************
	Design Manager Setting Style: 자동생성 CSS
---------------------------------------------------------------
	- 최종 수정일 : 2024-08-18 20:21:52
***************************************************************/


body,
.txt-default	{ color: #ffffff; }
a,
.txt-point	{ color: #00FFDC; }

:root
{
--color_1: #234b64;--color_2: #813936;--color_3: #798189;--color_4: rgba(45, 75, 105,.7);--color_5: #ffea00;--color_6: #aeb5c3;--color_7: #1f3645;}

@media all and (min-width: 1025px) { 
	html.single:before	{
		background-image: url('https://siren00.ivyro.net:443/data/site/design_background.png');
		}
}

@media all and (max-width: 1024px) {
	html.single:before	{
		background-image: url('https://siren00.ivyro.net:443/data/site/design_m_background.png');
		}
}


@media all and (min-width: 1025px) { 
	#header	{
		background-image: url('https://siren00.ivyro.net:443/data/site/design_header_background.png');
		background-repeat: no-repeat;
		}

	#gnb	{
		}

	#gnb_control_box	{ display: none; }
}

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

	#header	{
		background-color: rgba(0, 0, 0, .5);
		}

	#gnb	{
		}

	#gnb_control_box	{
	display: block;
	}
}



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



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




*::-webkit-scrollbar-track	{ background-color: #ffffff; }
*::-webkit-scrollbar-thumb	{ background: #00FFDC; }

* { outline-color: #26464D; }
::selection	{ background:#26464D; }
::-moz-selection	{ background:#26464D; }
::-webkit-selection	{ background:#26464D; }

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




.ui-btn, button	{
	color:	#ffffff;
	background:	var(--color_2);
	border-color:	var(--color_2);
}
.ui-btn:hover, button:hover	{
	color:	#ffffff;
	background:	#222222;
	border-color:	var(--color_2);
}

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

.ui-btn.etc	{
	color:	#ffffff;
	background:	var(--color_2);
	border-color:	#333333;
}
.ui-btn.etc:hover	{
	color:	#ffffff;
	background:	var(--color_2);
	border-color:	#333333;
}
.swiper-pagination-bullet-active {background:	var(--color_2);}

.btn-design
{
	color:	#3e5272;
	background:	#d0e7fe;
	border-color:	;
}
.btn-design:hover
{
	color:	#d0e7fe;
	background:	#3e5272;
	border-color:	;
}
.underlineBox
{
	border-bottom: 1px solid #d0e7fe;
}


.pg_wrap .pg_page	{
	color:	var(--color_2);
	background:	transparent;
	border-color:	transparent;
}
.pg_wrap .pg_page:hover	{
	color:	#ffffff;
	background:	;
	border-color:	;
}

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





.bar-equalizer i	{
	background: var(--color_3);
	-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: #ffffff;
}
.status-bar dd p span	{
	background: #00FFDC;
	opacity: .5;
}
.status-bar dd p sup	{
	background: #00FFDC;
}
.status-bar dd p i	{
	color: #ffffff;
}



hr.line	{
	background: #00FFDC;
}




.form-input,
input[type="file"],
input[type="text"],
input[type="number"],
input[type="password"],
textarea,
select	{
	color:	#efefef;
	background:	var(--color_7);
	border-color:	;
	
				}

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


*::-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(--color_7) !important;
  color: #efefef;
}




.flex-control-paging a	{ background: #ffffff; }
.flex-control-paging a.flex-active	{ background: #00FFDC; }




.theme-box	{
	background-color: var(--color_4);
	color: #ffffff;
				}
.theme-box.no-link a	{
	color: #ffffff;
}



.inven-popup-viewer {
	background-color: #404040;
	color: #dcdcdc;
	border-radius:30px;
}
.inven-popup-viewer *	
{	
	color: #dcdcdc;
}




.timeline-Tweet:before { border-top-color: #ffffff; }
.TweetAuthor-name	{ color: #00FFDC; }




#submenu	{
	background-color:	var(--color_1);
	color:	#eeeeee;
	border-top-color:	var(--color_2);
	border-top-style:	dashed;
	border-top-width: 1px;
	border-bottom-color:	var(--color_2);
	border-bottom-style:	dashed;
	border-bottom-width: 1px;
}
#submenu a	{
	color: #eeeeee;
}
#submenu a:hover	{
	color: var(--color_2);
}




#bo_list, #bo_v	{
	background:	linear-gradient(rgba(45,75,105,.9), 75%, rgba(45,75,105,.9), rgba(45,75,105,.5));
	color:	#efefef;
}

#bo_list thead
{
	background-color:	var(--color_2);
	color:	#efefef;
	border-top: 2px solid #ffffff;
}

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

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

.contentBox
{
	color: #ffffff;
}

.contentBox .name
{
	color: var(--color_6);
}

.contentBox.user
{
	background-color: var(--color_1);
}

.contentBox.admin
{
	background-color: var(--color_7);
}

.contentBox .category
{
	color:	var(--color_5);
}


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




.inventory-list a i	{
	/*
	background: #00FFDC;
	color: #ffffff;
	*/

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





#load_log_board	{
	}

.board-notice	{
		color: #312b22;
	}

.ui-mmb-list-write
{
		color: var(--color_2) !important;
	}

#log_list .item .ui-pic .pic-header .no
{
		background-color: var(--color_1) !important;
	}

#log_list	{
		background-color: var(--color_4);
	}
#log_list .item	{
	
	}

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

#log_list .item .item-inner .ui-pic *
{
		color: #efefef !important;
	}


#log_list .item .item-inner .item-comment	{
		background-color: var(--color_1);
		color: #efefef;
	}

.co-footer a
{
		color: #efefef;
	}

#log_list .item .item-inner	.ui-comment	{
		color: #efefef;
	
	}

.item-comment-form-box > div
{
		background-color: var(--color_1);
			color: #efefef;
	}
.commentWriteInner *
{
		background-color: var(--color_7);
			color: #efefef;
	}

.nameArea *	{
		color: #ffffff;
			font-size: 16px;
	}

.owner *	{
		color: var(--color_5) !important;
			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(--color_5);
	}
#log_list .item .item-inner .co-content .link_hash_tag	{
		color: var(--color_5);
	}
#log_list .item .item-inner .co-content .log_link_tag	{
		color: var(--color_5);
	}
#log_list .item .item-inner .co-content .member_call	{
		color: var(--color_5);
	}

/* 검색창 */
.ui-search-box .sch_category
{
		color: var(--color_2);
	}

.ui-search-box .select-box select
{
		color: #ffffff;
			background-color: var(--color_2);
			border-color: var(--color_2);
	}
.ui-search-box .sch_text input
{
		color: var(--color_2);
			background-color: #ffffff;
		border:0px;
}
.ui-search-box .sch_button button
{
	height:30px;
		color: #ffffff;
			background-color: var(--color_2);
			border-color: var(--color_2);
	}
.ui-search-box .sch_button button:hover
{
	height:30px;
		color: #ffffff;
			background-color: var(--color_1);
			border-color: var(--color_1);
	}