





body,
.txt-default	{

color: #3c3e3f;

font-family: "Pretendard Variable";

font-size: 13px;

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



@media all and (min-width: 1001px) { 
 
#gnb,
#gnb *:not(script)	{ 
	display:block; 
}

ul#no_design_gnb{
    padding: 0 40px;
}

#gnb img {
display:inline-block;
}

	#header			{
		}

	#gnb_wrapper				{
		    padding-top: 24px;
	    text-align: left;
	}

	#gnb_control_box	{ display: none; }



.menu-img
	{
position: absolute;
    left: 12px;
    bottom: 2px;

	}



}




@media all and (max-width: 1000px) {
	#header			{
			background-color: var(--design-point-color1);
		border: 1px solid black;
    border-radius: 10px 10px 0 0;
	}

	#gnb_wrapper				{
		}

	#gnb_control_box	{
		display: block;
	}

	#login_box a:hover,
	#gnb a:hover
	{
	background:var(--design-point-color3);
	color:var(--design-point-color4);
}

}

#gnb_wrapper{
	position:relative;
	z-index:99;
	text-align:left;
}



#gnb, #gnb *, #login_box, #login_box * {transition:all 0.3s;}
#header	{
	position: relative;
	margin: 0;
	padding: 0;
	clear: both;
	height: 92px;
}

#header .fix-layout {max-width:initial;}

ul#no_design_gnb {
	position: absolute;
    left: calc(50% + 611px);
    top: 156px;
    padding: 0;
    transform: translateX(-50%);
}

#no_design_gnb li	{
	display:block;
	margin:8px 0;
	line-height: 36px;
    width: 44px;
    background: var(--design-point-color3);
	border: solid 1px black;
    border-radius: 0 4px 4px 0;
	padding: 0 8px;
}

#no_design_gnb li.ingmenu,
#no_design_gnb li:hover
{
	background: var(--design-point-color4);	
	border-left:none;
}

#no_design_gnb li.ingmenu a,
#no_design_gnb li:hover a
{
	color: var(--design-point-color3);
	border-left:none;
}

#login_box {position: absolute;
    top: 88px;
    left: calc(50% + 400px);
    z-index: 1;}

	#login_box a {
	display:inline-block;
	width:60px;
	height:36px;
	line-height:36px;
	background:var(--design-point-color5);
	color:var(--design-default-color);
	border:1px solid black;
	margin:0 2px;
	}

	#login_box a:hover
	{
	height:40px;
	transform: translateY(-4px);
	}

#login_box a:hover {
	background:var(--design-point-color3);
	color:var(--design-point-color4);
}

.diary-decor.top {top:120px;}


#gnb p {display:block;}
#gnb a, #login_box a { 	
	font-family: "MabinogiClassicR";
	}

#gnb a{
	font-size: 12px;
	color: var(--design-point-color4);
	
}


#gnb a:hover {
	color: var(--design-point-color4);
	font-size: 12px;
}

#logo a,
#logo a:hover{
	color: #F1F2F2;
	font-size:16px;
	font-family:MabinogiClassicR;
    font-weight: normal;
}


#footer{ 
	padding:4px;
	box-sizing:border-box;
			font-family:MabinogiClassicR;
		color: #f1f2f2;
}

#footer .bgm-player li a{
	
	color: #d9cfff;
}

@media all and (max-width: 1000px)
{
#no_design_gnb li a, #login_box a{

	color:#d9cfff !important;

}

#login_box a{
	font-size: 12px;
}
}




@media all and (min-width: 1001px) { 
	html.single			{
			background-image: url('https://toaruparty.dothome.co.kr:443/data/site/design_background.jpg');
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}
}

@media all and (max-width: 1000px) {
	html.single			{
			background-image: url('https://toaruparty.dothome.co.kr/data/site/design_background.jpg');
		}

	#footer {margin-left:0;} }




*::-webkit-scrollbar-track			{ background-color: #333333; }
*::-webkit-scrollbar-thumb			{ background: #d9cfff; }

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

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


.highlight {
	display:inline-block;
	padding:0 5px;
	margin-bottom:5px;
	line-height:18px;
	font-family:'dotum',sans-serif;
			color:#333333; 
				background:#d9cfff;
	}


.ui-btn	{
	color:			var(--design-point-color2);
	background:		var(--design-default-color);
	border-color:	var(--design-default-color);
	font-family: 'MabinogiClassicR';
	font-size:12px;
}
.ui-btn:hover	{
	color:			var(--design-point-color2);
	background:		var(--design-default-color);
	border-color:	var(--design-default-color);
}

.ui-btn.point			{
	color:			var(--design-default-color);
	background:		var(--design-point-color1);
	border-color:	var(--design-point-color1);
}
.ui-btn.point:hover		{
	color:			var(--design-default-color);
	background:		var(--design-point-color1);
	border-color:	var(--design-point-color1);
}

.ui-btn.admin			{
	color:			var(--design-point-color4);
	background:		var(--design-point-color3);
	border-color:	var(--design-point-color3);
}


.ui-btn.admin:hover			{
	color:			var(--design-point-color4);
	background:		var(--design-point-color3);
	border-color:	var(--design-point-color3);
}

.ui-btn.etc			{
	color:			var(--design-default-color);
	background:		var(--design-point-color5);
	border-color:	var(--design-point-color5);
}
.ui-btn.etc:hover	{
	color:			var(--design-default-color);
	background:		var(--design-point-color5);
	border-color:	var(--design-point-color5);
}


.pg_wrap .pg_page	{
	color:			var(--design-point-color2);
	background:		var(--design-default-color);
	border-color:	var(--design-default-color);
}
.pg_wrap .pg_page:hover	{
	color:			var(--design-point-color2);
	background:		var(--design-default-color);
	border-color:	var(--design-default-color);
}

.pg_wrap .pg_current,
.pg_wrap .pg_current:hover	{
	color:			var(--design-default-color);
	background:		var(--design-point-color1);
	border-color:	var(--design-point-color1);
}




.bar-equalizer i	{
}
 


hr.line	{
	background: #d9cfff;
}




.form-input,
input[type="file"],
input[type="text"],
input[type="password"],
textarea,
select				{
	color:			var(--design-default-color);
	background:		var(--design-point-color2);
	border-color:	transparent;
}

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

 
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: var(--design-point-color2) !important;
  color: var(--design-default-color);
}
 

.theme-box	{
	background-color: var(--design-point-color4);
	color: var(--design-default-color);
 
}
.theme-box.no-link a	{
	color: var(--design-default-color);
}
 

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

/*** Form Area ***/
.theme-form th	{
	background-color:	;
	color:				var(--design-default-color);
}
.theme-form td	{
	background-color:	;
	color:				var(--design-default-color);
	border-top-color:	var(--design-default-bak-color);
	border-top-style:	solid;
	border-top-width:	1px;
	border-bottom-color:	var(--design-default-bak-color);
	border-bottom-style:	solid;
	border-bottom-width:	1px;
}

:root
{
	--holo: url('https://toaruparty.dothome.co.kr:443/data/site/design_holo_background.jpg');
	--color: #3c3e3f;

	--dcolor1: #d9cfff;
	--dcolor2: #f1f2f2;
	--dcolor3: #443ba5;	

	--design-default-color:#3c3e3f;
	--design-default-bak-color:#333333;

		--design-default-bak-color1:rgba(255, 255, 255, 0.6);
	
		--design-point-color1:#d9cfff;
		--design-point-color2:#f1f2f2;
		--design-point-color3:#443ba5;
		--design-point-color4:#ffffff;
		--design-point-color5:#cfcfcf;
	}


/*** List Area ***/
.theme-list th	{
	background-color:	;
	color:				var(--design-default-color);
	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:				var(--design-point-color4);
}




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

#load_log_board	{
	}

.board-notice	{
			background-color: var(--design-point-color1);
			color: var(--design-default-color);
	}

#log_list	{
	}
#log_list .item		{
	
	}

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


#log_list .item .item-inner .item-comment		{
			background-color: var(--design-point-color2);
			color: var(--design-default-color);
				margin-bottom: 10px !important;
	}

#log_list .item .item-inner .item-comment.parent,
#log_list .item .item-inner .item-comment.item-reply {
 margin-bottom:1px !important;
 } 
 #log_list .item .item-inner .item-comment.item-reply {opacity:0.8;}
#log_list .item .item-inner .item-comment.item-reply.last{ 			margin-bottom: 10px !important;
	}
#log_list .item .item-inner .item-comment.item-reply .co-header:before { 		color: var(--design-point-color5);
	}

#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(--design-default-color);
				font-size: 12px;
	}

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

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



#bo_gall .bo_tit.on {
	background-color: var(--design-point-color4);
 
}