body,
.txt-default	{ color: #ffffff; }
a,
.txt-point	{ color: #9c8459; }

@media all and (min-width: 801px) { 
	html.single				{
			background-image: url('http://slilli2.ivyro.net/data/site/design_background.png');
			background-position: center top;
			background-size: cover;
			background-attachment: fixed;
		}
}

@media all and (max-width: 800px) {
	html.single				{
			background-image: url('http://slilli2.ivyro.net/data/site/design_m_background.png');
			background-position: center top;
			background-size: cover;
			background-attachment: fixed;
		}
}


@media all and (min-width: 801px) { 
	#header			{
		}

	#gnb				{
		}

	#gnb_control_box	{ display: none; }
}

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

	#header			{
		}

	.slide-menu-category{
			background-color: #000000;
		}

    
	.slide-header{
		}

    
    .slide-menu {
			background-color: #000000;
		}

	#gnb_control_box	{
        font-size:15px;
color:#9c8459;
		display: block;
	}

    
	#gnb_control_box a	{
        font-size:15px;
color:#9c8459;
		display: block;


        
	}
}




#header	{
	position: relative;
	margin: 0;
	padding: 0;
	clear: both;
	
}
#header .fix-layout	{ height: 100%; }
#logo	{
    margin-top:10px;
    text-align:center;
    width:100%;
	display: inline-block;
}

#login-button{
    float:right;
    margin:15px auto;
}

 #mobile-login{
     position:absolute;
     bottom:0px;
     right:0px;
     margin: 15px;
    color:#cac9c9;
    font-size: 16px;
}

#mobile-login-close{
	position:absolute;
        top:10px;
        right:10px;
        z-index: 999;
    color:#cac9c9;
    font-size: 16px;
}

#login-button i{
margin:auto 3px;
font-size:15px;
color:#9c8459
}

#bgm-bar{
    float:left;
}
#login-button i:hover{

color:#ffffff
}
/*#gnb	{ float: right; }*/
.bbs, .bbs * 
	{
    
	color: #cac9c9;
	font-size: 14px;
    font-family: 'Playfair Display', serif;
  
}
.bbs a:hover {
	color: #9c8459;
	font-size: 14px;
    font-family: 'Playfair Display', serif;

}

.board_category{
    text-align: center;
    color: #9c8459;
    font-family: S-CoreDream-7ExtraBold;
    margin:30px;
    font-size:25px;
} 



.slide-menu{
    color: #cac9c9;
    font-family: 'Noto Sans KR', sans-serif;
}

.slide-menu a{
    color: #cac9c9;
    font-family: 'Noto Sans KR', sans-serif;
}

.slide-menu>.slide-menu-category>.sub-category a {
    color: #cac9c9;
    font-family: 'Noto Sans KR', sans-serif;

  }

.slide-menu>.slide-menu-category>.sub-category{
    border-bottom:   1px  solid #9c8459;
	
}


.cate_join{
    display:inline-block;
    color: #ffffff;
	font-size: 12px;
}


  .category li a {

    background-color:  #9c8459;
    color:#ffffff;
    font-size: 12px;
  }

  .category li a:hover {
  background-color: #000000;
  color: #ffffff;
  font-size: 12px;
}


.category li:first-child a::before {
    border-bottom: 10px solid   #9c8459;
  } 
 
  .category > a::after{
    border-top: 10px solid   #9c8459;
  }

  .category > a:hover::after{
    border-top-color: #000000;
  }
  .category li:first-child a:hover::before {
    border-bottom-color: #000000;
  }


  .slide-menu>.slide-menu-category {
    background-color:  #000000;
    color:#cac9c9;
    font-size: 12px;

  }

  .slide-menu>.slide-menu-category ul {
border-bottom:   1px  solid #9c8459;

  }


    .slide-menu>.slide-menu-category ul {
border-bottom:   1px  solid #9c8459;

  }

  .slide-menu>.slide-menu-category li {
    background-color:  #000000;
    color:#9c8459;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 10px;
    border-bottom:   1px solid #9c8459;

  }





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

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

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





.ui-btn	{
	color:			#ffffff;
	background:		#000000;
	border-color:	#000000;
}
.ui-btn:hover	{
	color:			#ffffff;
	background:		#222222;
	border-color:	#000000;
}

.ui-btn.point			{
	color:			#ffffff;
	background:		#9c8459;
	border-color:	#9c8459;
}
.ui-btn.point:hover		{
	color:			#ffffff;
	background:		#9c8459;
	border-color:	#9c8459;
}

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


.pg_wrap .pg_page	{
	color:			#ffffff;
	background:		#000000;
	border-color:	#000000;
}
.pg_wrap .pg_page:hover	{
	color:			#ffffff;
	background:		#222222;
	border-color:	#000000;
}

.pg_wrap .pg_current,
.pg_wrap .pg_current:hover	{
	color:			#ffffff;
	background:		#9c8459;
	border-color:	#9c8459;
}





.bar-equalizer i	{
	background: #9c8459;
	-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: #9c8459;
	opacity: .5;
}
.status-bar dd p sup	{
	background: #9c8459;
}
.status-bar dd p i	{
	color: #333333;
}



hr.line	{
	background: #9c8459;
}




.form-input,
input[type="file"],
input[type="text"],
input[type="password"],
textarea,
select				{
	color:			#eeeeee;
	background:		#000000;
	border-color:	#222222;
}

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

 
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #000000 !important;
  color: #eeeeee;
}




.flex-control-paging a				{ background: #ffffff; }
.flex-control-paging a.flex-active	{ background: #9c8459; }




.theme-box	{
	background-color: rgba(0, 0, 0, .5);
	color: #eeeeee;
}
.theme-box.no-link a	{
	color: #eeeeee;
}



.inven-popup-viewer {
	background-color: rgba(0, 0, 0, .5);
	color: #eeeeee;
}




.timeline-Tweet:before { border-top-color: #333333; }
.TweetAuthor-name	{ color: #9c8459; }




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




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

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




#tab_list { border-color: #9c8459; }




.inventory-list a {
	/*border: 1px solid #9c8459;*/

	border: 1px solid #9c8459;
}
.inventory-list a i	{
	/*
	background: #9c8459;
	color: #333333;
	*/

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





#load_log_board	{
	}

.board-notice	{
			background-color: rgba(0, 0, 0, .5);
			color: #ffffff;
	}

#log_list	{
	}
#log_list .item		{
	
	}

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


#log_list .item .item-inner .item-comment		{
			background-color: rgba(0, 0, 0, .5);
			color: #eaeaea;
				margin-bottom: 10px !important;
	}


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

#log_list .item .item-inner .co-header p.owner,
#log_list .item .item-inner .co-header p.owner a	{
			color: #9c8459;
				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: #9c8459;
	}
#log_list .item .item-inner .co-content .link_hash_tag	{
			color: #9c8459;
	}
#log_list .item .item-inner .co-content .log_link_tag	{
			color: #9c8459;
	}
#log_list .item .item-inner .co-content .member_call	{
			color: #9c8459;
	}


.highlight {
display:inline-block;
padding:0 5px;
margin-bottom:5px;
line-height:18px;
color:#333333;
background:#9c8459;
}




.message.desc {
	background-color:rgba(0,0,0,0) !important;
    color: #3b3b3b !important;
}

.message.emote {
	background-color:#9c8459 !important;
    color: white !important;
}
.message.you {
    background-color:rgb(240, 240, 240) !important;
    color: #3b3b3b !important;
}


.message{
	background-color:#000000 !important;
    color: #3b3b3b !important;
	}

    .message.private {
        background-color:#9c8459 !important;
    color: #3b3b3b !important;
	}
    
    

.trpg-card__list{
    color:#ffffff}
.trpg-content span{
    color:#ffffff}
.trpg-content-mobile span{
    color:#ffffff}
.trpg-content-mobile  i{
    color:#9c8459}
.trpg-content  i{
    color:#9c8459}
@media screen and (min-width: 601px) {
.trpg-overlay{
	background: linear-gradient(to right, rgba(42, 159, 255, 0.0) 0%, rgba(0, 0, 0, 1.0)  60%, rgba(0, 0, 0, 1.0) 100%);
}
}

@media screen and (max-width: 600px) {
    .trpg-card{
	background: rgba(42, 159, 255, 0.0);
}

  }
.trpg-content-mobile{
    background-color: rgba(0, 0, 0, .5);
}
.session.info i{
    color:#9c8459}
.player.info i{
    color:#9c8459}


.trpg-card__title {
	color:#9c8459}
.trpg-button			{
	color:			#ffffff;
	background:		#9c8459;
	border-color:	#9c8459;
}
.trpg-button:hover		{
	color:			#ffffff;
	background:		#9c8459;
	border-color:	#9c8459;
}


    

.info.lang_name{
    color:#ffffff;
}
.info.side{
background:#9c8459;
color:#333333;
}


.profile-title{
color:#9c8459;
}

.char_name.engname{
color:#9c8459;
}

.menu--viola .menu__link:hover,
.menu--viola .menu__link:focus {
	color: #9c8459;
}

.menu--viola .menu__item--current .menu__link {
	color: #9c8459;
}

.menu--viola .menu__item::before,
.menu--viola .menu__item::after,
.menu--viola .menu__link::before,
.menu--viola .menu__link::after {
	background: #9c8459;
}

.character_cmt.quoto {
    color: #9c8459;
}

.menu--iris .menu__link:hover {
	color: #9c8459;
}

.menu--iris .menu__item--current .menu__link {
	color: #9c8459;
}



.menu--iris .menu__link::before,
.menu--iris .menu__link::after {

	border: 2px solid #9c8459;
}



    

.tippy-box[data-theme~='custom'] 
{ background-color: #3b3b3b; color: #ffffff; 	font-family: 'S-CoreDream-3Light';} 



.tippy-box[data-theme~='custom'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color:  #3b3b3b;
}
.tippy-box[data-theme~='custom'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color:  #3b3b3b;
}
.tippy-box[data-theme~='custom'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color:  #3b3b3b;
}
.tippy-box[data-theme~='custom'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color:  #3b3b3b;
}


.fc .fc-button-primary {
    color:  #9c8459;
    color: var(--fc-button-text-color,  #9c8459);
  }
.fc .fc-button-primary:hover {
    color: #333333;
    color: var(--fc-button-text-color, #fff);
    background-color:  #9c8459;
    background-color: var(--fc-button-hover-bg-color,  #9c8459);
  }

  .fc-toolbar-title{
	color:#9c8459;
}



.fc .fc-view-harness {
    background-color:rgba(0,0,0,0.5);
  }
.fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(140, 215, 228, 0.15);
    background-color: var(--fc-today-bg-color,rgba(140, 215, 228, 0.15));
  }

.fc-day{ color:#ffffff; }  
.fc-day a{ color:#ffffff;; }

.fc-day-sat  .fc-daygrid-day-number{ color:#9fbfe6; }     /* 토요일 */
.fc-day-sun .fc-daygrid-day-number{ color:#e39595; }    /* 일요일 */
.fc-day-sat  .fc-col-header-cell-cushion { color:#9fbfe6; }     /* 토요일 */
.fc-day-sun .fc-col-header-cell-cushion{ color:#e39595; }    /* 일요일 */


.fc-day-sat .fc-list-day-text{ color:#9fbfe6; }     /* 토요일 */
.fc-day-sun .fc-list-day-text{ color:#e39595; }    /* 일요일 */
.fc-day-sat  .fc-list-day-side-text { color:#9fbfe6; }     /* 토요일 */
.fc-day-sun .fc-list-day-side-text{ color:#e39595; }    /* 일요일 */

.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #4c4c4c;
    border: 1px solid var(--fc-border-color, #4c4c4c); /* bootstrap does this. match */
  }

  .fc-theme-standard td,
  .fc-theme-standard th {
    border: 1px solid #4c4c4c;
    border: 1px solid var(--fc-border-color, #4c4c4c);
  }


  .fc .fc-cell-shaded,
  .fc .fc-day-disabled {
    background: rgba(0,0,0,0.8);
    background: var(--fc-neutral-bg-color,rgba(0,0,0,0.8));
  }




  
.tippy-box[data-theme~='whippy'] 
{ background-color: #3b3b3b; color: #ffffff; 	font-family: 'S-CoreDream-3Light';} 

.tippy-box[data-theme~='whippy'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color:  #3b3b3b;
}
.tippy-box[data-theme~='whippy'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color:  #3b3b3b;
}
.tippy-box[data-theme~='whippy'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color:  #3b3b3b;
}
.tippy-box[data-theme~='whippy'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color:  #3b3b3b;
}