





body,
.txt-default	{

color: #3c3e3f;

font-family: "Pretendard-Regular" !important;

font-size: 13px !important;

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



@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; }

	#mini_bar {
	width: calc(100% - 20px);
    background: #C194FF;
    border: 1px solid black;
    margin-top: -1px;
    display: block;
    line-height: 42px;
	min-height: 43px;
	max-height: 43px;
    border-radius: 10px 10px 0 0;
    padding: 0 10px;
}

#mini_bar img {
    margin: 0px 10px 4px;
}

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

	}



}




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

	#gnb_wrapper				{
		}

	#gnb_control_box	{
		display: block;
	}

}

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




#header	{
	position: relative;
	margin: 0;
	padding: 0;
	clear: both;
	height: 106px;
}
#header .fix-layout	{ height: 100%; }
#logo	{
    display: inline-block;
    position: relative;
    z-index: 999;
    padding-right: 10px;
	max-height:42px;
/*	line-height:106px;*/
} 
#no_design_gnb li	{ display:inline-block; margin-left:-1px;
	text-align:center;
	line-height: 40px;
    width: 136px;
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(4px);
    border: solid 1px black;
    border-radius: 10px 10px 0 0;
}

#no_design_gnb li.ingmenu
{
	background: #C194FF;
	border-bottom:solid 1px #C194FF;
}

#no_design_gnb li:hover
{
	background: #C194FF;
}

#login_box,#bgm_box{float:right;}
 

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

#gnb a{
	font-size: 16px;
	margin-left: 24px;
}

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

#gnb a:hover {
	color: #6551A0;
	font-size: 16px;
}

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

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

	color:#C194FF !important;

}

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


@media all and (min-width: 1001px) { 
	html.single			{
			background-image: url('http://toaruparty.dothome.co.kr/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('http://toaruparty.dothome.co.kr/data/site/design_background.jpg');
		}

	#footer {margin-left:0;} }




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

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

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


.ui-btn	{
	color:			#F1F2F2;
	background:		#3c3e3f;
	border-color:	#3c3e3f;
	font-family: 'Pretendard-Regular';
	font-size:12px;
}
.ui-btn:hover	{
	color:			#F1F2F2;
	background:		#3c3e3f;
	border-color:	#3c3e3f;
}

.ui-btn.point			{
	color:			#3c3e3f;
	background:		#C194FF;
	border-color:	#C194FF;
}
.ui-btn.point:hover		{
	color:			#3c3e3f;
	background:		#C194FF;
	border-color:	#C194FF;
}

.ui-btn.admin			{
	color:			#F1F2F2;
	background:		#6551A0;
	border-color:	#6551A0;
}


.ui-btn.admin:hover			{
	color:			#F1F2F2;
	background:		#6551A0;
	border-color:	#6551A0;
}

.ui-btn.etc			{
	color:			#3c3e3f;
	background:		#F1F2F2;
	border-color:	#F1F2F2;
}
.ui-btn.etc:hover	{
	color:			#3c3e3f;
	background:		#F1F2F2;
	border-color:	#F1F2F2;
}


.pg_wrap .pg_page	{
	color:			#F1F2F2;
	background:		#3c3e3f;
	border-color:	#3c3e3f;
}
.pg_wrap .pg_page:hover	{
	color:			#F1F2F2;
	background:		#3c3e3f;
	border-color:	#3c3e3f;
}

.pg_wrap .pg_current,
.pg_wrap .pg_current:hover	{
	color:			#3c3e3f;
	background:		#C194FF;
	border-color:	#C194FF;
}




.bar-equalizer{display:none !important;}
.bgm-player ul {margin-left:0 !important;}
.bar-equalizer i	{
	background: #C194FF;
	-webkit-box-shadow: 0px 0px 3px 0px #000000;
	-moz-box-shadow: 0px 0px 3px 0px #000000;
	box-shadow: 0px 0px 3px 0px #000000;
}
 


hr.line	{
	background: #C194FF;
}




.form-input,
input[type="file"],
input[type="text"],
input[type="password"],
textarea,
select				{
	color:			#3c3e3f;
	background:		#F1F2F2;
	border-color:	transparent;
}

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

 
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #F1F2F2 !important;
  color: #3c3e3f;
}
 

.theme-box	{
	background-color: #F1F2F2;
	color: #3c3e3f;
 
}
.theme-box.no-link a	{
	color: #3c3e3f;
}
 

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

/*** Form Area ***/
.theme-form th	{
	background-color:	;
	color:				#3c3e3f;
}
.theme-form td	{
	background-color:	;
	color:				#3c3e3f;
	border-top-color:	#333333;
	border-top-style:	solid;
	border-top-width:	1px;
	border-bottom-color:	#333333;
	border-bottom-style:	solid;
	border-bottom-width:	1px;
}


:root {
--holo: url('http://toaruparty.dothome.co.kr/data/site/design_holo_background.jpg');
--color: #3c3e3f;
--dcolor1: #C194FF;
--dcolor2: #F1F2F2;
--dcolor3: #6551A0;
}


/*** List Area ***/
.theme-list th	{
	background-color:	;
	color:				#3c3e3f;
	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:				#ffffff;
}




#tab_list { border-color: #C194FF; }
 

#load_log_board	{
	}

.board-notice	{
			background-color: #fff;
			color: #3c3e3f;
	}

#log_list	{
	}
#log_list .item		{
	
	}

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


#log_list .item .item-inner .item-comment		{
			background-color: #F1F2F2;
			color: #3c3e3f;
				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: #bbbbbb;
	}

#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: #3c3e3f;
				font-size: 12px;
	}

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

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



#bo_gall .bo_tit.on {
	background-color: #F1F2F2;
 
}