@charset "utf-8";
/***************************************************************
	Design Manager Setting Style: 자동생성 CSS
---------------------------------------------------------------
	- 최종 수정일 : 2025-09-25 04:39:02
***************************************************************/


body,
.txt-default	{ color: #445961; }
a,
.txt-point	{ color: #00A7C1; }


@media all and (min-width: 1025px) { 
	html.single:before	{
		background-image: url('http://border.dothome.co.kr/data/site/design_background.png');
		background-repeat: no-repeat;
		background-size: cover;
		}
}

@media all and (max-width: 1024px) {
	html.single:before	{
		background-image: url('http://border.dothome.co.kr/data/site/design_m_background.png');
		background-repeat: no-repeat;
		background-size: cover;
		}
}


@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: #445961;
	font-size: 14px;
}
#gnb a:hover {
	color: #00A7C1;
	font-size: 14px;
}




*::-webkit-scrollbar-track	{ background-color: #f9cf87; }
*::-webkit-scrollbar-thumb	{ background: #00A7C1; }

* { outline-color: #00A7C1; }
::selection	{ background:#00A7C1; }
::-moz-selection	{ background:#00A7C1; }
::-webkit-selection	{ background:#00A7C1; }

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




.ui-btn	{
	color:	#445961;
	background:	#f9cf87;
	border-color:	#f9cf87;
}
.ui-btn:hover	{
	color:	#445961;
	background:	#f0de9c;
	border-color:	#f0de9c;
}

.ui-btn.point	{
	color:	#ffffff;
	background:	#555555;
	border-color:	#333333;
}
.ui-btn.point:hover	{
	color:	#ffffff;
	background:	#555555;
	border-color:	#333333;
}

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


.pg_wrap .pg_page	{
	color:	#445961;
	background:	#f9cf87;
	border-color:	#f9cf87;
}
.pg_wrap .pg_page:hover	{
	color:	#445961;
	background:	#f0de9c;
	border-color:	#f0de9c;
}

.pg_wrap .pg_current,
.pg_wrap .pg_current:hover	{
	color:	#ffffff;
	background:	#555555;
	border-color:	#333333;
}





.bar-equalizer i	{
	background: #fff;
	-webkit-box-shadow: 0px 0px 3px 0px #00A7C1;
	-moz-box-shadow: 0px 0px 3px 0px #00A7C1;
	box-shadow: 0px 0px 3px 0px #00A7C1;
}



.status-bar dd p	{
	background: #445961;
}
.status-bar dd p span	{
	background: #00A7C1;
	opacity: .5;
}
.status-bar dd p sup	{
	background: #00A7C1;
}
.status-bar dd p i	{
	color: #f9cf87;
}



hr.line	{
	background: #00A7C1;
}




.form-input,
input[type="file"],
input[type="text"],
input[type="number"],
input[type="password"],
textarea,
select	{
	color:	#445961;
	background:	rgba(253, 255, 244, .7);
	border-color:	#445961;
	
				}

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


*::-webkit-input-placeholder	{ color:#000; } 
textarea:-moz-placeholder, input:-moz-placeholder	{ color:#000; }
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: rgba(253, 255, 244, .7) !important;
  color: #445961;
}




.flex-control-paging a	{ background: #445961; }
.flex-control-paging a.flex-active	{ background: #00A7C1; }




.theme-box	{
	background-color: rgba(253, 255, 244, .7);
	border: 1px solid #445961;
	color: #445961;
				}
.theme-box.no-link a	{
	color: #445961;
}



.inven-popup-viewer {
	background-color: rgba(253, 255, 244, .7);
	border: 1px solid #445961;
	color: #445961;
}




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




#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: #00A7C1;
}




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

/*** Form Area ***/
.theme-form th	{
	background-color:	;
	color:	#445961;
}
.theme-form td	{
	background-color:	rgba(255, 255, 255, .1);
	color:	#445961;
	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:	;
	color:	#445961;
	border-top-color:	;
	border-top-style:	double;
	border-top-width:	1px;
	border-bottom-color:	;
	border-bottom-style:	double;
	border-bottom-width:	1px;
}
.theme-list td	{
	background-color:	;
	color:	#445961;
}




#tab_list { border-color: #333333; }




.inventory-list a {
	/*border: 1px solid #00A7C1;*/

	border: 1px solid #00A7C1;
}
.inventory-list a i	{
	/*
	background: #00A7C1;
	color: #f9cf87;
	*/

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





#load_log_board	{
	}

.board-notice	{
		color: #445961;
	}

#log_list	{
		color: #445961;
	}
#log_list .item	{
		color: #445961;
	
	}

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


#log_list .item .item-inner .item-comment	{
		color: #445961;
			margin-bottom: 10px !important;
	}


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


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

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

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