body,
.txt-default	{ color: #000000; }

a,
.txt-point	{ color: #8ab7cc; }

@media all and (min-width: 1001px) {
	html.single				{
			background-color: #FFFFFF;
			background-attachment: fixed;
		}
}

@media all and (max-width: 1000px) {
	html.single				{
			background-image: none;
			background-color: #ffffff;
			background-repeat: repeat-x;
			background-position: center top;
			background-size: contain;
		}
}


@media all and (min-width: 1001px) {
	#header			{
			background-repeat: repeat-x;
			background-position: center top;
			background-size: cover;
		}

	#gnb				{
			background-repeat: repeat-x;
			background-position: center top;
			background-size: contain;
			background-attachment: fixed;
		}

	#gnb_control_box	{ display: none; }
}

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

	#header			{
			background-position: right top;
			background-size: cover;
			background-attachment: fixed;
		}

	#gnb				{
			background-position: right top;
			background-size: contain;
			background-attachment: fixed;
		}

	#gnb_control_box	{
		display: block;
	}
}



<!--오리지널
#header	{
	position: relative;
	padding: 0;
	clear: both;
	height: 40px;
}
-->
#header	{
	position: sticky;
	top:0;
	padding: 0;
	height: 40px;
	z-index:2;
	background-color:#80a7ba;
	margin-bottom:20px;
}

#body {position:relative;
	height: 100%;
	width:100%;
	overflow: auto;
	left: 50%;
  transform: translate(-50%, 0);
  z-index:1;}

	#main-menu >li{

		float: left;
		border-right: 1px solid white;
			text-align: center;
				font-size: 15px;
			rgba(255,255,255,0.85);
			width:180px;
			height:40px;
	}


	#main-menu >li:hover #sub_menu{
		opacity:1;
		visibility: visible;
		height:90px;
		background-color:rgba(255,255,255,0.85);
		display:block;
		z-index:99;
	}

	#main-memu >li>a {
		display: block;
		padding: 8px 16px;
		font-size: 15px;
		color: rgba(255,255,255,0.85);
		text-align: center;
		text-decoration: none;
		latter-spacing: 0.05em;
		padding: 12px 36px;

	}

	#sub_menu {
		position: absolute;
		opacity: 0;
		visibility: hidden;
	}

	#sub_menu > li{
				width:180px;
				height:30px;
				text-align:center;
				border-bottom: 1px solid rgba(0,0,0,0.15);
				line-height:30px;
	}

	#sub_menu>li:hover{
		background-color:#e1f4fd;
		color: white;
	}


#header .fix-layout	{ height: 40px;}
#logo	{
	display: block;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
}

/*#gnb	{ float: center; }*/
#gnb,
#gnb *	{
	color: #ffffff;
	font-size: 15px;
}
#gnb a:hover {
	color: #ffffff;
	font-size: 15px;
}



*::-webkit-scrollbar-track			{ background-color: #ffffff; }
*::-webkit-scrollbar-thumb			{ background: #8ab7cc; }

* { outline-color: #8ab7cc; }
::selection			{ background:#8ab7cc; }
::-moz-selection	{ background:#8ab7cc; }
::-webkit-selection	{ background:#8ab7cc; }

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




.ui-btn	{
	color:			#8ab7cc;
	background:		#FFFFFF;
	border-color:	;
}
.ui-btn:hover	{
	color:			#ffffff;
	background:		#8ab7cc;
	border-color:	;
}

.ui-btn.point			{
	color:			#ffffff;
	background:		#8ab7cc;
	border-color:	;
}
.ui-btn.point:hover		{
	color:			#8ab7cc;
	background:		#ffffff;
	border-color:	;
}

.ui-btn.etc			{
	color:			#8ab7cc;
	background:		#ffffff;
	border-color:	;
}
.ui-btn.etc:hover	{
	color:			#ffffff;
	background:		#8ab7cc;
	border-color:	;
}


.pg_wrap .pg_page	{
	color:			#8ab7cc;
	background:		#FFFFFF;
	border-color:	;
}
.pg_wrap .pg_page:hover	{
	color:			#ffffff;
	background:		#8ab7cc;
	border-color:	;
}

.pg_wrap .pg_current,
.pg_wrap .pg_current:hover	{
	color:			#ffffff;
	background:		#8ab7cc;
	border-color:	;
}





.bar-equalizer i	{
	background: #0096ff;
	-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: #000000;
}
.status-bar dd p span	{
	background: #8ab7cc;
	opacity: .5;
}
.status-bar dd p sup	{
	background: #8ab7cc;
}
.status-bar dd p i	{
	color: #ffffff;
}



hr.line	{
	background: #8ab7cc;
}




.form-input,
input[type="file"],
input[type="text"],
input[type="password"],
textarea,
select				{
	color:			#333333;
	background:		#ffffff;
	border-color:	#8ab7cc;
}

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


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




.flex-control-paging a				{ background: #000000; }
.flex-control-paging a.flex-active	{ background: #8ab7cc; }




.theme-box	{
	background-color: #ffffff;
	border: 1px solid #8ab7cc;
	color: #333333;
}
.theme-box.no-link a	{
	color: #333333;
}



.inven-popup-viewer {
	background-color: #ffffff;
	border: 1px solid #8ab7cc;
	color: #333333;
}




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




#submenu	{
	background-color:	#ffffff;
	color:				 #333333;
}
#submenu a	{
	color:  #333333;
}
#submenu a:hover	{
	color: #0096ff;
}




.theme-list,
.theme-form	{
	background-color:	#ffffff;
	color:				#000000;
	border-top-color:		#8ab7cc;
	border-top-style:		;
	border-top-width: 1px;
	border-bottom-color:		#8ab7cc;
	border-bottom-style:		;
	border-bottom-width: 1px;
	border-left-color:		#8ab7cc;
	border-left-style:		;
	border-left-width: 1px;
	border-right-color:		#8ab7cc;
	border-right-style:		;
	border-right-width: 1px;
}

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

/*** List Area ***/
.theme-list th	{
	background-color:	#ffffff;
	color:				#000000;
	border-top-color:	#31a4f5;
	border-top-style:	dotted;
	border-top-width:	1px;
	border-bottom-color:	#31a4f5;
	border-bottom-style:	dotted;
	border-bottom-width:	1px;
	border-left-color:	#31a4f5;
	border-left-style:	dotted;
	border-left-width:	1px;
	border-right-color:	#31a4f5;
	border-right-style:	dotted;
	border-right-width:	1px;
}
.theme-list td	{
	background-color:	#ffffff;
	color:				#000000;
	border-top-color:	#31a4f5;
	border-top-style:	;
	border-top-width:	1px;
	border-bottom-color:	#31a4f5;
	border-bottom-style:	;
	border-bottom-width:	1px;
	border-left-color:	#31a4f5;
	border-left-style:	;
	border-left-width:	1px;
	border-right-color:	#31a4f5;
	border-right-style:	;
	border-right-width:	1px;
}




#tab_list { border-color: ; }




.inventory-list a {
	/*border: 1px solid #8ab7cc;*/

	border: 1px solid #8ab7cc;
}
.inventory-list a i	{
	/*
	background: #8ab7cc;
	color: #ffffff;
	*/

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





#load_log_board	{
			background-color: #ffffff;
			background-size: contain;
	}

.board-notice	{
			color: #000000;
	}

#log_list	{
			color: #000000;
			border-bottom-color:		;
		border-bottom-style:		;
		border-bottom-width: px;
	}
#log_list .item		{
			background-color: #f2f9fc;
			color: #000000;
			border-top-color:		#8ab7cc;
		border-top-style:		dotted;
		border-top-width: 1px;
			border-bottom-color:		#8ab7cc;
		border-bottom-style:		dotted;
		border-bottom-width: 1px;
			border-left-color:		#8ab7cc;
		border-left-style:		dotted;
		border-left-width: 1px;
			border-right-color:		#8ab7cc;
		border-right-style:		dotted;
		border-right-width: 1px;
	
	}

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


#log_list .item .item-inner .item-comment		{
			background-color: #ffffff;
			color: #000000;
			border-top-color:		#8ab7cc;
		border-top-style:		dotted;
		border-top-width: 1px;
			border-bottom-color:		#8ab7cc;
		border-bottom-style:		dotted;
		border-bottom-width: 1px;
			border-left-color:		#8ab7cc;
		border-left-style:		dotted;
		border-left-width: 1px;
			border-right-color:		#8ab7cc;
		border-right-style:		dotted;
		border-right-width: 1px;
		}


#log_list .item .item-inner	.ui-comment		{
			background-color: #f2f9fc;
			color: #000000;
	
			padding-left: 15px;
		padding-right: 15px;
	}


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

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

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