:root { --fiction-default-text: #5F5B55; }
body,
.txt-default	{ color: #5F5B55; }
@font-face { font-family:'FictionDateCustom'; src:url('https://anrock.dothome.co.kr:443/font/chogokubosogothic_5.ttf') format('truetype'); font-style:normal; font-weight:100 900; font-display:swap; }
:root {
    --fiction-board-bg: #FAF9F6;
    --fiction-board-line: #E4E0D8;
    --fiction-default-text: #5F5B55;
    --fiction-title-text: #403D39;
    --fiction-subtitle-text: #858078;
    --fiction-meta-text: #85817B;
    --fiction-view-date-text: #858078;
    --fiction-point-text: #984C5C;
    --fiction-date-text: #A8A6A1B3;
    --fiction-date-weight: 100;
    --fiction-date-size: 54px;
    --fiction-date-font: 'FictionDateCustom';
}
a,
.txt-point	{ color: #984C5C; }


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

	#header			{
			background-color: #F3F1EC;
		}

	#gnb_wrapper				{
			background-color: #F3F1EC;
		}

	#gnb_control_box	{ display: none; }
}

@media all and (max-width: 1000px) {
	#header			{
			background-color: #F3F1EC;
		}

	#gnb_wrapper				{
			background-color: #F3F1EC;
		}

	#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: 70px;
}
#header .fix-layout	{ height: 100%; }
#logo	{
	display: block;
	float:left;
	position:relative;
	z-index:999;
	padding-right:10px;
	line-height:70px;
} 
#no_design_gnb li	{ display:inline-block; margin-left:0px; line-height:70px;}

#login_box,#bgm_box{float:right;}

@media all and (min-width:1001px) {
	#login_box p {display:inline-block;margin-right:4px;}
}
 

#gnb p {display:block;}
#gnb a { 
	color : #5F5B55; 
	font-size: 17px;
	}
#gnb a:hover {
	color: #403D39;
	font-size: 17px;
}
#logo a {
	color: #5F5B55;
	font-size: 22.1px;
}
#logo a:hover {
	color: #403D39;
	font-size: 22.1px;
}

#footer{ 
	padding:10px;
	box-sizing:border-box;
			background-color:#F3F1EC;
	}



@media all and (min-width: 1001px) { 
	html			{
			background-color: #F3F1EC;
		}
}

@media all and (max-width: 1000px) {
	html			{
			background-image: none;
			background-color: #F3F1EC;
		}

	#footer {margin-left:0;} }




*::-webkit-scrollbar-track			{ background-color: #F3F1EC; }
*::-webkit-scrollbar-thumb			{ background: #984C5C; }

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

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


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


.ui-btn	{
	color:			#66615B;
	background:		#EAE6DE;
	border-color:	#DCD7CE;
}
.ui-btn:hover	{
	color:			#403D39;
	background:		#DED9D0;
	border-color:	#CEC8BE;
}

.ui-btn.point			{
	color:			#FAF9F6;
	background:		#984C5C;
	border-color:	#984C5C;
}
.ui-btn.point:hover		{
	color:			#FAF9F6;
	background:		#884250;
	border-color:	#884250;
}

.ui-btn.etc			{
	color:			#858078;
	background:		#F3F1EC;
	border-color:	#DDD8CF;
}
.ui-btn.etc:hover	{
	color:			#5F5B55;
	background:		#EAE6DE;
	border-color:	#CEC8BE;
}

:root {
    --fiction-btn-write-text: #66615B;
    --fiction-btn-write-bg: #EAE6DE;
    --fiction-btn-write-border: #DCD7CE;
    --fiction-btn-write-hover-text: #403D39;
    --fiction-btn-write-hover-bg: #DED9D0;
    --fiction-btn-write-hover-border: #CEC8BE;
    --fiction-btn-write-expand: 1;
    --fiction-btn-write-expand-delta: 46px;
    --fiction-btn-write-expand-delta-mobile: 48px;
    --fiction-btn-write-base-delta: 0px;
    --fiction-btn-write-base-delta-mobile: 0px;
    --fiction-btn-write-label-opacity: 0;
    --fiction-btn-edit-text: #66615B;
    --fiction-btn-edit-bg: #EAE6DE;
    --fiction-btn-edit-border: #DCD7CE;
    --fiction-btn-edit-hover-text: #403D39;
    --fiction-btn-edit-hover-bg: #DED9D0;
    --fiction-btn-edit-hover-border: #CEC8BE;
    --fiction-btn-edit-expand: 1;
    --fiction-btn-edit-expand-delta: 46px;
    --fiction-btn-edit-expand-delta-mobile: 48px;
    --fiction-btn-edit-base-delta: 0px;
    --fiction-btn-edit-base-delta-mobile: 0px;
    --fiction-btn-edit-label-opacity: 0;
    --fiction-btn-admin-text: #FAF9F6;
    --fiction-btn-admin-bg: #984C5C;
    --fiction-btn-admin-border: #984C5C;
    --fiction-btn-admin-hover-text: #FAF9F6;
    --fiction-btn-admin-hover-bg: #884250;
    --fiction-btn-admin-hover-border: #884250;
    --fiction-btn-admin-expand: 1;
    --fiction-btn-admin-expand-delta: 46px;
    --fiction-btn-admin-expand-delta-mobile: 48px;
    --fiction-btn-admin-base-delta: 0px;
    --fiction-btn-admin-base-delta-mobile: 0px;
    --fiction-btn-admin-label-opacity: 0;
    --fiction-btn-modify-text: #66615B;
    --fiction-btn-modify-bg: #EAE6DE;
    --fiction-btn-modify-border: #DCD7CE;
    --fiction-btn-modify-hover-text: #403D39;
    --fiction-btn-modify-hover-bg: #DED9D0;
    --fiction-btn-modify-hover-border: #CEC8BE;
    --fiction-btn-modify-expand: 1;
    --fiction-btn-modify-expand-delta: 36px;
    --fiction-btn-modify-expand-delta-mobile: 38px;
    --fiction-btn-modify-base-delta: 0px;
    --fiction-btn-modify-base-delta-mobile: 0px;
    --fiction-btn-modify-label-opacity: 0;
    --fiction-btn-share-text: #66615B;
    --fiction-btn-share-bg: #EAE6DE;
    --fiction-btn-share-border: #DCD7CE;
    --fiction-btn-share-hover-text: #403D39;
    --fiction-btn-share-hover-bg: #DED9D0;
    --fiction-btn-share-hover-border: #CEC8BE;
    --fiction-btn-share-expand: 1;
    --fiction-btn-share-expand-delta: 36px;
    --fiction-btn-share-expand-delta-mobile: 38px;
    --fiction-btn-share-base-delta: 0px;
    --fiction-btn-share-base-delta-mobile: 0px;
    --fiction-btn-share-label-opacity: 0;
    --fiction-btn-list-text: #FAF9F6;
    --fiction-btn-list-bg: #984C5C;
    --fiction-btn-list-border: #984C5C;
    --fiction-btn-list-hover-text: #FAF9F6;
    --fiction-btn-list-hover-bg: #884250;
    --fiction-btn-list-hover-border: #884250;
    --fiction-btn-list-expand: 1;
    --fiction-btn-list-expand-delta: 36px;
    --fiction-btn-list-expand-delta-mobile: 38px;
    --fiction-btn-list-base-delta: 0px;
    --fiction-btn-list-base-delta-mobile: 0px;
    --fiction-btn-list-label-opacity: 0;
}

.fiction-tool-index .fiction-btn-write {
    color: var(--fiction-btn-write-text) !important;
    background: var(--fiction-btn-write-bg) !important;
    border-color: var(--fiction-btn-write-border) !important;
}
.fiction-tool-index .fiction-btn-write:hover, .fiction-tool-index .fiction-btn-write:focus-visible {
    color: var(--fiction-btn-write-hover-text) !important;
    background: var(--fiction-btn-write-hover-bg) !important;
    border-color: var(--fiction-btn-write-hover-border) !important;
}
.fiction-tool-index .fiction-btn-edit {
    color: var(--fiction-btn-edit-text) !important;
    background: var(--fiction-btn-edit-bg) !important;
    border-color: var(--fiction-btn-edit-border) !important;
}
.fiction-tool-index .fiction-btn-edit:hover, .fiction-tool-index .fiction-btn-edit:focus-visible {
    color: var(--fiction-btn-edit-hover-text) !important;
    background: var(--fiction-btn-edit-hover-bg) !important;
    border-color: var(--fiction-btn-edit-hover-border) !important;
}
.fiction-tool-index .fiction-btn-admin {
    color: var(--fiction-btn-admin-text) !important;
    background: var(--fiction-btn-admin-bg) !important;
    border-color: var(--fiction-btn-admin-border) !important;
}
.fiction-tool-index .fiction-btn-admin:hover, .fiction-tool-index .fiction-btn-admin:focus-visible {
    color: var(--fiction-btn-admin-hover-text) !important;
    background: var(--fiction-btn-admin-hover-bg) !important;
    border-color: var(--fiction-btn-admin-hover-border) !important;
}
.fiction-view-tool-index .fiction-btn-modify {
    color: var(--fiction-btn-modify-text) !important;
    background: var(--fiction-btn-modify-bg) !important;
    border-color: var(--fiction-btn-modify-border) !important;
}
.fiction-view-tool-index .fiction-btn-modify:hover, .fiction-view-tool-index .fiction-btn-modify:focus-visible {
    color: var(--fiction-btn-modify-hover-text) !important;
    background: var(--fiction-btn-modify-hover-bg) !important;
    border-color: var(--fiction-btn-modify-hover-border) !important;
}
.fiction-view-tool-index .fiction-btn-share {
    color: var(--fiction-btn-share-text) !important;
    background: var(--fiction-btn-share-bg) !important;
    border-color: var(--fiction-btn-share-border) !important;
}
.fiction-view-tool-index .fiction-btn-share:hover, .fiction-view-tool-index .fiction-btn-share:focus-visible {
    color: var(--fiction-btn-share-hover-text) !important;
    background: var(--fiction-btn-share-hover-bg) !important;
    border-color: var(--fiction-btn-share-hover-border) !important;
}
.fiction-view-tool-index .fiction-btn-list {
    color: var(--fiction-btn-list-text) !important;
    background: var(--fiction-btn-list-bg) !important;
    border-color: var(--fiction-btn-list-border) !important;
}
.fiction-view-tool-index .fiction-btn-list:hover, .fiction-view-tool-index .fiction-btn-list:focus-visible {
    color: var(--fiction-btn-list-hover-text) !important;
    background: var(--fiction-btn-list-hover-bg) !important;
    border-color: var(--fiction-btn-list-hover-border) !important;
}


.pg_wrap .pg_page	{
	color:			#66615B;
	background:		#EAE6DE;
	border-color:	#DCD7CE;
}
.pg_wrap .pg_page:hover	{
	color:			#403D39;
	background:		#DED9D0;
	border-color:	#CEC8BE;
}

.pg_wrap .pg_current,
.pg_wrap .pg_current:hover	{
	color:			#FAF9F6;
	background:		#984C5C;
	border-color:	#984C5C;
}




.bar-equalizer i	{
	background: #92505D;
	-webkit-box-shadow: 0px 0px 3px 0px #92505D;
	-moz-box-shadow: 0px 0px 3px 0px #92505D;
	box-shadow: 0px 0px 3px 0px #92505D;
}
 


hr.line	{
	background: #984C5C;
}




.form-input,
input[type="file"],
input[type="text"],
input[type="password"],
textarea,
select				{
	color:			#5F5B55;
	background:		#F7F5F0;
	border-color:	#E5E1D9;
}

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

 
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #F7F5F0 !important;
  color: #5F5B55;
}
 

.theme-box	{
	background-color: #FAF9F6;
	border: 1px solid #E4E0D8;
	color: #5F5B55;
 
}
.theme-box.no-link a	{
	color: #5F5B55;
}
 

.theme-list,
.theme-form	{
	background-color:	#FAF9F6;
	color:				#5F5B55;
	border-bottom-color:		#E4E0D8;
	border-bottom-style:		solid;
	border-bottom-width: 1px;
}

/*** Form Area ***/
.theme-form th	{
	background-color:	#F7F5F0;
	color:				#66615B;
	border-bottom-color:	#DDD8CF;
	border-bottom-style:	solid;
	border-bottom-width:	1px;
}
.theme-form td	{
	background-color:	#FAF9F6;
	color:				#5F5B55;
	border-bottom-color:	#E8E4DD;
	border-bottom-style:	solid;
	border-bottom-width:	1px;
}

/*** List Area ***/
.theme-list th	{
	background-color:	#F7F5F0;
	color:				#403D39;
	border-bottom-color:	#DDD8CF;
	border-bottom-style:	solid;
	border-bottom-width:	1px;
}
.theme-list td	{
	background-color:	#FAF9F6;
	color:				#5F5B55;
	border-bottom-color:	#E8E4DD;
	border-bottom-style:	solid;
	border-bottom-width:	1px;
}




#tab_list { border-color: #984C5C; }
 

#load_log_board	{
			background-color: #F3F1EC;
	}

.board-notice	{
			background-color: #EEEAE2;
			color: #6F6A63;
			border-top-color:		#DDD7CD;
		border-top-style:		solid;
		border-top-width: 1px;
			border-bottom-color:		#DDD7CD;
		border-bottom-style:		solid;
		border-bottom-width: 1px;
			border-left-color:		#DDD7CD;
		border-left-style:		solid;
		border-left-width: 1px;
			border-right-color:		#DDD7CD;
		border-right-style:		solid;
		border-right-width: 1px;
	}

#log_list	{
			background-color: #F3F1EC;
			color: #5F5B55;
			border-bottom-color:		E8E4DD;
		border-bottom-style:		;
		border-bottom-width: 1px;
	}
#log_list .item		{
			background-color: #F3F1EC;
			color: #5F5B55;
			border-bottom-color:		#E2DED6;
		border-bottom-style:		solid;
		border-bottom-width: 1px;
	
	}

#log_list .item .item-inner .ui-pic		{
			background-color: #F3F1EC;
			color: #5F5B55;
			border-top-color:		#E8E4DD;
		border-top-style:		;
		border-top-width: 1px;
			border-bottom-color:		#E8E4DD;
		border-bottom-style:		;
		border-bottom-width: 1px;
			border-left-color:		#E8E4DD;
		border-left-style:		;
		border-left-width: 1px;
			border-right-color:		#E8E4DD;
		border-right-style:		;
		border-right-width: 1px;
	}


#log_list .item .item-inner .item-comment		{
			background-color: #F3F1EC;
			color: #66615B;
			border-bottom-color:		#DDD9D1;
		border-bottom-style:		solid;
		border-bottom-width: 1px;
				margin-bottom: 10px !important;
	}

/* 댓글 구분선 보정: 관리자에서 선택한 상/하 방향을 그대로 존중한다.
   원래 item-comment 규칙이 각 방향의 border를 만들므로 별도 bottom 강제 규칙은 두지 않는다. */
#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: #A29D95;
	}

#log_list .item .item-inner	.ui-comment		{
			background-color: #F3F1EC;
			color: #66615B;
	
			padding-left: 15px;
		padding-right: 15px;
	}


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

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

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



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

/* 공통 입력폼 focus: 외곽선은 추가하지 않고 기존 border 색만 은은하게 진하게 */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus {
    outline: none !important;
    border-color: #E5E1D9 !important;
    border-color: color-mix(in srgb, #E5E1D9 84%, #000) !important;
}