body,
.txt-default	{ color: #42568F; }
a,
.txt-point	{ color: #FFA7D8; }


@media all and (min-width: 1201px) { 
	html.single				{
		}
	html.single:before {
			background-image: url('https://julie.ivyro.net:443/data/site/design_background.jpg');
		}
}

@media all and (max-width: 1200px) {
	html.single				{
		}
	html.single:before {
					background-image: url('https://julie.ivyro.net:443/data/site/design_background.jpg');
			}
}
#main_body,
#content_body {
	background: #ffffff;
	color: #42568F;
	padding: 50px;
}
#body .fix-layout {
	border: 1px solid rgba(0, 0, 0, .5);
}



#footer {color:#FFA7D8;}

#gnb_control_box i {
	color: #222222;
}
	
#admin_gnb li {
	border : 2px solid #333333;

}

@media all and (min-width: 1201px) { 
	#header .fix-layout			{
			background: #FFA7D8;
			background-attachment: fixed;
		}

	#gnb				{
			background: #FFA7D8;
			background-attachment: fixed;
		}

	#gnb_control_box	{ display: none; }
}

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

	#header .fix-layout			{
			background: #FFA7D8;
			background-attachment: fixed;
		}

	#gnb				{
			display: none;
			background: #FFA7D8;
			background-attachment: fixed;
		}

	#gnb_control_box	{
		display: none;
	}
}

.fix-layout#full {
			background-image: url('https://julie.ivyro.net:443/data/site/design_background.jpg');
			background: #FFFFFF99;
			background-size: contain;
			background-attachment: fixed;
		}



#gnb {
	padding: 6px;
	max-width:1000px;
}

#header	{
	position: relative;
	margin: 0;
	padding: 0;
	clear: both;
	height: 33px;
	margin-top:10vh;s
}
#header .fix-layout {
    border: 3px outset ; /* 원래의 외곽선 스타일 유지 */
    border-bottom: none; /* 하단 외곽선 제거 */
    position: relative; /* 절대 위치 지정을 위해 상대 위치 설정 */
}

.fix-layout#full { 
    height: calc(90vh - 33px - 3px); /* 높이 계산 */
   max-height: calc(750px - 33px);
    overflow-y: auto; /* 내용이 넘칠 경우 스크롤 표시 */
    margin-bottom: 1vh;
    position: relative; /* 절대 위치 지정을 위해 상대 위치 설정 */
    border: 3px outset ; /* 원래의 외곽선 스타일 유지 */
}

/* 외곽선 추가 */
#header .fix-layout::before {
    content: '';
    position: absolute;
    top: 1px; /* 외곽선 위치 조정 */
    left: 1px; /* 외곽선 위치 조정 */
    right: 1px; /* 외곽선 위치 조정 */
    bottom: 1px; /* 외곽선 위치 조정 */
    border: 1px solid blue; /* 추가 외곽선 스타일 및 색상 */
    z-index: -1; /* 내용 뒤로 숨김 */
}


}

@media all and () {
    .fix-layout#full { margin-bottom:calc((100vh - 700px) / 2); }
	#header	{ margin-top:calc((100vh - 700px) / 2); }
}
#footer {width:100%;}
#logo	{
	display: block;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
}
#no_design_gnb {
	display:none;
}
#no_design_gnb li	{
	display: none;
}
#admin_gnb { display:inline-block; }
.bgm-player { display:none; line-height: 21px; }
.tail_padding {
	width:100%;
	height:33px;
}

@media all and (max-width: 1000px) {
	.bgm-player { text-align: right; position:relative;  }
}

/*#gnb	{ float: right; }*/
#gnb,
#gnb *	{
	color: #000;
	font-size: 13px;
	height: 21px;
	line-height: 21px;
}
#gnb *:hover {
	color: #FFA7D8 !important;
	font-size: 14px;
}

.open-gnb #gnb,
.open-gnb #gnb *	{
	color: #000;
	font-size: 13px;
	text-shadow: 0 2px 2px black;
}
.open-gnb #gnb #no_design_gnb {
	margin-top: 50px;
}
.open-gnb #gnb #admin_gnb {
	margin-bottom: 50px;
	margin-left:115px;
}




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

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

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




.ui-btn	{
	color:			#ffffff !important;
	background:		#FFA7D8 !important;
	border-color:	#FFA7D8 !important;
}
.ui-btn:hover	{
	color:			#ffffff !important;
	background:		#FF6DB9 !important;
	border-color:	#FF6DB9 !important;
}

.ui-btn.point			{
	color:			#ffffff !important;
	background:		#BBD1F7 !important;
	border-color:	#BBD1F7 !important;
}
.ui-btn.point:hover		{
	color:			#ffffff !important;
	background:		#FF6DB9 !important;
	border-color:	#FF6DB9 !important;
}

.ui-btn.admin			{
	color:			#ffffff !important;
	background:		#9EAFFB !important;
	border-color:	#9EAFFB !important;
}
.ui-btn.admin:hover	{
	color:			#ffffff !important;
	background:		#FF6DB9 !important;
	border-color:	#FF6DB9 !important;
}


.pg_wrap .pg_page,
.pg_wrap .pg_page:hover	{
	color:			#42568F;
	background:		transparent;
	border-color:	transparent;
}

.pg_wrap .pg_current,
.pg_wrap .pg_current:hover	{
	color:			#FFA7D8;
	background:		transparent;
	border-color:	transparent;
	font-weight:	bold;
}





.bar-equalizer i	{
}



.status-bar dd p	{
	background: #42568F;
}
.status-bar dd p span	{
	background: #FFA7D8;
	opacity: .5;
}
.status-bar dd p sup	{
	background: #FFA7D8;
}
.status-bar dd p i	{
	color: #ffffff;
}



hr.line	{
	background: #FFA7D8;
}




.form-input,
input[type="file"],
input[type="text"],
input[type="date"],
input[type="password"],
textarea,
select				{
	color:			#222222 !important;
	background:		#eeeeee99 !important;
	border-color:	#FF6DB9 !important;
	border: 1px solid;
}

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

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




.flex-control-paging a				{ background: #42568F; }
.flex-control-paging a.flex-active	{ background: #FFA7D8; }




.theme-box	{
	background-color: #ffffff;
	border: 1px solid #FF6DB9;
	color: #222222;
}
.theme-box.no-link a	{
	color: #222222;
}



.inven-popup-viewer {
	background-color: #ffffff;
	border: 1px solid #FF6DB9;
	color: #222222;
}
.inven_popup_viewer_close	{ display: none; }
.inven-popup-on .inven_popup_viewer_close		{ display: block;}





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




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




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

/*** Form Area ***/
.theme-form th	{
	background-color:	#000000;
	color:				#ffffff !important;
}
.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: #BBD1F7; }




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

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

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





#show {
	color: #9EAFFB;
}

#load_log_board	{
	}

.board-notice	{
			background-color: #222222A6;
			color: #9EAFFB;
			border-top-color:		#FFA7D8;
		border-top-style:		;
		border-top-width: 3px;
			border-bottom-color:		#FFA7D8;
		border-bottom-style:		;
		border-bottom-width: 3px;
			border-left-color:		#FFA7D8;
		border-left-style:		;
		border-left-width: 3px;
			border-right-color:		#FFA7D8;
		border-right-style:		;
		border-right-width: 3px;
	}

#log_list	{
	}
#log_list .item		{
	
	}

#log_list .item .item-inner .ui-pic		{
	}
#log_list .item .item-inner .ui-pic .pic-header a		{
			color: #9EAFFB;
	}


#log_list .item .item-inner .item-comment		{
			background-color: #222222D9;
			color: #9EAFFB;
				margin-bottom: 15px !important;
	}


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


#log_list .item .item-inner .co-header p,
#log_list .item .item-inner .co-background p a	{
			color: #FE56A8;
				font-size: 14px;
	}

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

#log_list .item .item-inner .co-footer .date,
#log_list .item .item-inner .co-footer a	{
			color: #FFA7D8;
				font-size: 10px;
	}
#log_list .item .item-inner .co-content .other-site-link	{
			color: #9EAFFB;
	}
#log_list .item .item-inner .co-content .link_hash_tag	{
			color: #9EAFFB;
	}
#log_list .item .item-inner .co-content .log_link_tag	{
			color: #9EAFFB;
	}
#log_list .item .item-inner .co-content .member_call	{
			color: #29c7c9;
	}

#log_list .item .ui-pic .pic-header .no,
.action-check label,
#bo_w label,
#log_list .item .ui-pic .pic-data #lock,
#navi_category li a {
	color: #42568F;
}
.co-content .action-check label {
	color: #42568F;
}




#log_list .item.story .ui-pic .pic-data.ui-slide.on .inner	{ 
	background: #42568F;
 }
#log_list .item.story .ui-pic .pic-data.ui-slide.on .inner .data-inner	{ 
	color: #FFA7D8;
 }
.ui-btn.ico.default { color: #42568F !important; }

 #log_list .item.story .ui-pic .pic-data.ui-slide.on .slide-pop-open-btn:before,
#log_list .item.story .ui-pic .pic-data.ui-slide.on .slide-pop-open-btn:after	{ background: #FFA7D8; }

#bo_gall .gall_li .info span {
	background-color:;
	color: ;
}
#bo_gall .gall_li #mod {
	color: #ffffff;
}



.board-write {
	background: #ffffff;
}
.searc-sub-box i {
	color: #42568F;
}
#bo_v {
	background: #ffffff;
}
#bo_v * {
	color: #42568F;
}

.clap {
	background: #42568F;
}

#bo_list .theme-list th.sat,
#bo_list .theme-list th.sun {
	background-color:#333333;
	color:#000000;
}
#bo_list .theme-list th{
	color:#333333;
}

#bo_list .theme-list td.today{
	background-color:#333333;
	opacity:.8;
}
#bo_list .theme-list td.today a{
	color:#000000;
}
#bo_list .theme-list td.noday{
	background-color:#333333;
	opacity:.4;
}
#bo_list .popup_layer {
	background-color:#000000;
	color:#333333;
	border:solid 1px #333333;
}

.frm-theme-COMMENT {
	color: #FFA7D8 !important;
}






#character_profile	{ 
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, .5);
	box-shadow: 10px 10px rgba(0, 0, 0, .5);
}
#character_profile *	{ 
	color: #42568F;
}
#character_profile .ch_script *,
#character_profile .ch_name {
	color: #FFA7D8 !important;
}
#character_profile .ch_explain .more_text_form {
	border-top: 1px dotted rgba(0, 0, 0, .5);
}
#character_profile .ch_explain .more_text_form .title {
	background: #FFA7D8;
	color: #ffffff;
	font-weight: bold;
	padding: 0 3px;
}
.au-box,
.closet-box ul {
	background: #ffffff;
	border-bottom: 1px solid rgba(0, 0, 0, .5);
}
.closet-list ul li .ui-btm {
	color: #42568F !important;
	font-size: 8pt;
	opacity:.5;
}
.back, .back i, .log, .log i {
	color: #eeeeee ;
}

@media all and (max-width:1200px) {
	.closet-list ul .ui-btn {
		border: 1px solid #42568F !important;
	}
}