@charset "utf-8";

/* 게시판 쓰기 */
#autosave_wrapper {position:relative; font-size:14px;}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:100%;height:auto !important;height:180px;max-height:205px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {margin:0px;padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:156px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:26px;width:20px;}

.cke_sc { display:none; }

/* 기타 */
#bo_v_con div { position: relative; margin-bottom: 1rem; }
#bo_v_con img { margin-bottom: 1rem; }
#bo_v_con iframe { position: absolute; width: 100%; height: 100%; }
#bo_v_con .video { position: relative; width: 100%;	padding-bottom: 56.25%;	border-radius: 2px;	overflow: hidden; }
#bo_v_con .video iframe { position: absolute; width: 100%; height: 100%; }

/* 커스텀 */
.anchor { position: relative } 
.anchor a { position: absolute; top: -60px }

blockquote h3 {
	color: #dad5a2 !important;
}
.table.xs-full thead th {
		background: transparent !important;
		background-color: transparent !important;
		color: #b8c5b0 !important;
		font-weight: 700;
		border-bottom: 1px solid #e8e1db !important;
	
}

.table.xs-full tbody tr:hover {
	background: rgba(218, 213, 162, 0.2);
}

#bo_cate li:nth-child(2) a {
	background: #eef3ed;
	color: #5f6f52;
}

/* 연재 */
#bo_cate li:nth-child(3) a {
	background: #f3eef9;
	color: #7c6a9a;
}

/* 외전 */
#bo_cate li:nth-child(4) a {
	background: #edf4f8;
	color: #5b7c99;
}

/* 단편 */
#bo_cate li:nth-child(5) a {
	background: #f8eeee;
	color: #9a6666;
}

/* 공지 */



/* 기본 버튼 색상 통일 */
.btn-primary,
.btn-danger {
	background-color: #bbcfb9 !important;
	border-color: #bbcfb9 !important;
	color: #fff !important;
}

/* hover / focus / active 상태 */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
	background-color: #ddd6a1 !important;
	border-color: #ddd6a1 !important;
	color: #fff !important;
}

/* 부드러운 효과 */
.btn {
	transition: all 0.2s ease;
	border-radius: 6px;
}



/* .pagination { margin-bottom: 0.75rem; } */

.table { table-layout: fixed; }
.table,
.table> :not(caption)>*>* {
	background-color: transparent !important;
}
.list-icon { width: 20px; height: 20px; vertical-align: text-bottom; }
.view-icon { width: 48px; height: 48px; }
.comm-icon { width: 48px; height: 48px; }
.comm-body { background: #f4f4f4; padding: 10px 20px 10px 20px; border-radius: 5px; }

@media (max-width: 575px)
{
	#captcha_audio {display:none !important;}

	.xs-100 { width: 100%; }
	.xs-full {
		width: 100vw;
		position: relative;
		/* margin-top: -36px; */
		margin-left: -50vw;
		left: 50%;
	}
	.xs-full td	{ padding: 8px 18px; }

	.list-icon { width: 18px; height: 18px; vertical-align: text-top; }
	.comm-icon { width: 24px; height: 24px; margin: 10px; position: absolute; }
	.comm-body { padding: 10px; }
	.comm-name { margin: 0 0 6px 30px; }
}

/* 댓글 내용 */
.comm-content {
	display: block;
	margin: 6px 0 0 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #2f2430 !important;
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: -0.1px;
	word-break: keep-all;
}

/* 댓글 내용 내부에 들어가는 태그들 초기화 */
.comm-content *,
.comm-content p,
.comm-content span,
.comm-content div,
.comm-content li {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #2f2430 !important;
}

/* 문단 여백만 자연스럽게 */
.comm-content p {
	margin: 0 0 6px 0 !important;
	padding: 0 !important;
}

.comm-content p:last-child {
	margin-bottom: 0 !important;
}



/* =========================
   fic 게시판 목록 톤 복구
========================= */

/* 제목 */
.table.xs-full td a.text-dark,
.table.xs-full td .text-dark {
	color: #2f2430 !important;
	font-weight: 600;
	text-decoration: none !important;
	transition: color 0.2s ease;
}

.table.xs-full td a.text-dark:hover,
.table.xs-full td .text-dark:hover {
	color: #b06a84 !important;
}

/* 제목 셀 전체 */
.table.xs-full tbody td {
	border-color: #e8e1db !important;
	vertical-align: middle;
}

/* 행 hover 톤 조금 더 부드럽게 */
.table.xs-full tbody tr:hover {
	background: rgba(221, 214, 161, 0.14) !important;
}

/* 공지 행 */
.table.xs-full tbody tr.table-primary,
.table.xs-full tbody tr.table-primary td {
	background: rgba(244, 239, 233, 0.85) !important;
}

/* 카테고리 배지 공통 */
.badge.bg-primary {
	border-radius: 999px !important;
	padding: 4px 9px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	vertical-align: middle;
	box-shadow: none !important;
}

/* 댓글 수 배지 */
.badge.bg-secondary {
	background: #d8cf95 !important;
	color: #ffffff !important;
	border-radius: 999px !important;
	padding: 3px 8px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	vertical-align: middle;
}

/* 자물쇠 아이콘 */
.fa-lock {
	color: #b58aa0 !important;
	font-size: 12px !important;
	vertical-align: 1px;
}

/* 번개 */
.fa-bolt {
	color: #f0b847 !important;
}

/* 별 */
.fa-star {
	color: #d85b73 !important;
}

/* 다운로드 / 링크 */
.fa-download,
.fa-link {
	color: #9e948d !important;
}

/* 공지 아이콘 */
.fa-bullhorn {
	color: #b06a84 !important;
}

/* 모바일 메타 텍스트 */
.list-inline.small.text-muted {
	color: #8f847d !important;
}

.list-inline.small.text-muted i {
	color: #a1958d !important;
}

/* 작성자 이미지 */
.list-icon {
	border-radius: 999px;
	object-fit: cover;
}

/* 표 헤더 */
.table.xs-full thead th {
	background: transparent !important;
	background-color: transparent !important;
	color: #b8c5b0 !important;
	font-weight: 700;
	border-bottom: 1px solid #e8e1db !important;
}

/* 블록 제목 */
blockquote h3 {
	color: #dad5a2 !important;
	font-weight: 700;
	letter-spacing: -0.2px;
}

/* 검색/목록/글쓰기 버튼 톤 유지 보정 */
.btn-primary,
.btn-danger {
	background-color: #bbcfb9 !important;
	border-color: #bbcfb9 !important;
	color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
	background-color: #ddd6a1 !important;
	border-color: #ddd6a1 !important;
	color: #fff !important;
}

/* 탭 */
.nav-tabs {
	border-bottom: 1px solid #e6e0d8;
}

.nav-tabs .nav-link {
	border: 0 !important;
	border-radius: 10px 10px 0 0 !important;
	font-weight: 600;
	padding: 10px 14px;
}

.nav-tabs .nav-link.active {
	background: #f7f3ef !important;
	color: #8e6f7f !important;
}

/* 모바일 제목 줄 정리 */
@media (max-width: 575px) {

	.table.xs-full td a.text-dark,
	.table.xs-full td .text-dark {
		font-size: 16px;
		line-height: 1.5;
	}

	.badge.bg-primary {
		margin-right: 4px;
	}

	.badge.bg-secondary {
		margin-left: 4px;
	}
}

/* =========================
   카테고리 배지
========================= */

a.cate-badge,
.cate-badge {
	display: inline-block !important;
	padding: 4px 10px !important;
	border-radius: 999px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	vertical-align: middle !important;
	margin-right: 5px !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* 기본 */
a.cate-badge.cate-default,
.cate-badge.cate-default {
	background: #f1ede8 !important;
	color: #6f655f !important;
}

/* 단편 -> 더스티 블루 */
a.cate-badge.cate-short,
.cate-badge.cate-short {
	background: #edf4f8 !important;
	color: #5b7c99 !important;
}

/* 연재 -> 세이지 */
a.cate-badge.cate-serial,
.cate-badge.cate-serial {
	background: #eef3ed !important;
	color: #5f6f52 !important;
}

/* 썰 -> 더스티 라벤더 */
a.cate-badge.cate-ssul,
.cate-badge.cate-ssul {
	background: #f3eef9 !important;
	color: #7c6a9a !important;
}

/* 공지 -> 웜 로즈베이지 */
a.cate-badge.cate-notice,
.cate-badge.cate-notice {
	background: #f8eeee !important;
	color: #9a6666 !important;
}

/* 별 아이콘 숨김 */
.fa-star {
	display: none !important;
}

@import url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css');

/* =========================
   본문 최종 스타일
========================= */
#bo_v_con {
	font-family: 'SUIT', sans-serif !important;
	font-weight: 400 !important;
	font-size: 15px;
	line-height: 1.72;
	letter-spacing: -0.1px;
	color: #2f2430;


	word-break: keep-all;
	overflow-wrap: break-word;
}

#bo_v_con p {
	margin: 0 0 0.68em 0 !important;
	padding: 0 !important;
	text-indent: 1.5em;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

#bo_v_con p:first-child {
	text-indent: 0 !important;
}

@media (max-width:768px) {

	#bo_v_con {
		font-size: 16px;
		line-height: 1.8;
		letter-spacing: -0.02px;
		font-weight: 300;
		text-align: left;
	}


	#bo_v_con p {
		text-indent: 1.3em;
		margin-bottom: 0.68em !important;
	}
}

@media (max-width: 480px) {
	#bo_v_con {
		font-size: 16px;
		line-height: 1.8;
		font-weight: 300;
		letter-spacing: -0.02px;
		text-align: left;

	}

	#bo_v_con p {
		text-indent: 1.2em;
	}
}
/* 게시판 목록 흰 배경 완전 제거 */
#bo_list .tbl_head01,
#bo_list .tbl_head01 table,
#bo_list .tbl_head01 thead,
#bo_list .tbl_head01 tbody,
#bo_list .tbl_head01 tr,
#bo_list .tbl_head01 th,
#bo_list .tbl_head01 td,
#bo_list .tbl_head01 .bo_notice,
#bo_list .tbl_head01 .bo_notice td {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

/* 혹시 thead 한 줄 자체에 색이 들어간 경우 */
#bo_list .tbl_head01 thead th {
	border-top: 0 !important;
}

/* 공지 줄만 따로 색 들어간 경우 */
#bo_list .tbl_head01 tbody tr.bo_notice>td {
	background: transparent !important;
	background-color: transparent !important;
}

/* 게시판 목록 흰 배경 완전 제거 */
#bo_list .tbl_head01,
#bo_list .tbl_head01 table,
#bo_list .tbl_head01 thead,
#bo_list .tbl_head01 tbody,
#bo_list .tbl_head01 tr,
#bo_list .tbl_head01 th,
#bo_list .tbl_head01 td,
#bo_list .tbl_head01 .bo_notice,
#bo_list .tbl_head01 .bo_notice td {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

/* 혹시 thead 한 줄 자체에 색이 들어간 경우 */
#bo_list .tbl_head01 thead th {
	border-top: 0 !important;
}

/* 공지 줄만 따로 색 들어간 경우 */
#bo_list .tbl_head01 tbody tr.bo_notice>td {
	background: transparent !important;
	background-color: transparent !important;
}



/* 제목 옆 태그 배지 (조금 더 크게) */
#bo_list .td_subject .badge,
#bo_list .td_subject .label,
#bo_list .td_subject span[class*="badge"] {
	font-size: 14px !important;
	padding: 4px 9px !important;
	border-radius: 8px;
	font-weight: 500;
}

#bo_list .td_subject a[href*="sca="] {
	font-size: 14px !important;
	padding: 6px 14px !important;
	border-radius: 999px;
	font-weight: 700;
}


/* 본문 가독성 정리 */
#bo_v_con,
#bo_v_atc,
#bo_v_con .view-content,
#bo_v_con .write_div {
	font-family: 'SUIT', sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.9 !important;
	letter-spacing: -0.01em;
	word-break: keep-all !important;
	overflow-wrap: break-word;
	text-align: left;
	word-break: keep-all;
	color: #2f2f2f;
}


/* 문단 정리 */
#bo_v_con p,
#bo_v_atc p,
#bo_v_con div,
#bo_v_atc div {
	margin: 0 0 1.15em 0 !important;
	text-indent: 1.2em;
	line-height: 1.9 !important;
}

/* 첫 문단이나 비어 있는 문단 예외 */
#bo_v_con p:first-child,
#bo_v_atc p:first-child {
	margin-top: 0 !important;
}

/* br 남발된 글일 때 간격 과해지는 거 완화 */
#bo_v_con br+br,
#bo_v_atc br+br {
	display: block;
	content: "";
	margin-top: 0.7em;
}

/* 본문 폭 조금 조이기 */
#bo_v_con,
#bo_v_atc {
	max-width: 920px;
	margin: 0 auto;
}

/* 소설 본문 최소 정리 */
#bo_v_con {
	font-family: 'SUIT', sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.8 !important;
	color: #2f2f2f;
	word-break: keep-all !important;
}

#bo_v_con p {
	margin: 0 0 1em 0 !important;
	text-indent: 1.2em;
}

#bo_v_con img {
	max-width: 100%;
	height: auto;
}

.video-wrap {
	position: relative;
	max-width: 800px;
	margin: 30px auto;
	aspect-ratio: 16 / 9;
}

.video-wrap iframe {
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 10px;
}




@media (max-width: 768px) {

	#bo_v_con,
	#bo_v_con p,
	#bo_v_con div,
	#bo_v_con span,
	#bo_v_con li,
	#bo_v_con strong,
	#bo_v_con em,
	#bo_v_con a {
		text-align: left !important;
		text-justify: auto !important;
		word-spacing: normal !important;
		letter-spacing: -0.02px !important;
	}

	#bo_v_con {
		font-size: 16px !important;
		line-height: 1.8 !important;
		font-weight: 200 !important;
	}

	#bo_v_con p {
		text-indent: 1.2em !important;
		margin-bottom: 0.68em !important;
	}
}

@media (max-width: 480px) {

	#bo_v_con,
	#bo_v_con p,
	#bo_v_con div,
	#bo_v_con span,
	#bo_v_con li,
	#bo_v_con strong,
	#bo_v_con em,
	#bo_v_con a {
		text-align: left !important;
		text-justify: auto !important;
		word-spacing: normal !important;
		letter-spacing: 0 !important;
	}

	#bo_v_con {
		font-size: 16px !important;
		line-height: 1.8 !important;
		font-weight: 200 !important;
	}
}

/* =========================
   페이지네이션 컬러 강제 변경
========================= */

.pagination {
	--bs-pagination-color: #8a8366 !important;
	--bs-pagination-bg: #f7f5ec !important;
	--bs-pagination-border-color: #e6dfc2 !important;

	--bs-pagination-hover-color: #5f5a45 !important;
	--bs-pagination-hover-bg: #ede7cf !important;
	--bs-pagination-hover-border-color: #e6dfc2 !important;

	--bs-pagination-focus-color: #5f5a45 !important;
	--bs-pagination-focus-bg: #ede7cf !important;
	--bs-pagination-focus-border-color: #e6dfc2 !important;
	--bs-pagination-focus-box-shadow: none !important;

	--bs-pagination-active-color: #5f5a45 !important;
	--bs-pagination-active-bg: #e6dfc2 !important;
	--bs-pagination-active-border-color: #e6dfc2 !important;

	--bs-pagination-disabled-color: #b7b09a !important;
	--bs-pagination-disabled-bg: #f7f5ec !important;
	--bs-pagination-disabled-border-color: #e6dfc2 !important;
}

/* 혹시 모를 직접 지정값까지 한 번 더 */
.pagination .page-link {
	color: #8a8366 !important;
	background-color: #f7f5ec !important;
	border-color: #e6dfc2 !important;
	box-shadow: none !important;
}

.pagination .page-link:hover {
	color: #5f5a45 !important;
	background-color: #ede7cf !important;
	border-color: #e6dfc2 !important;
}

.pagination .page-item.active .page-link {
	color: #5f5a45 !important;
	background-color: #e6dfc2 !important;
	border-color: #e6dfc2 !important;
}

.pagination .page-link:focus {
	color: #5f5a45 !important;
	background-color: #ede7cf !important;
	border-color: #e6dfc2 !important;
	box-shadow: none !important;
	outline: none !important;
}

.pagination .page-link:focus,
.pagination .page-link:active {
	box-shadow: none !important;
	outline: none !important;
}

.page-link {
	color: #8a8366 !important;
	background-color: #f7f5ec !important;
	border: 1px solid #e6dfc2 !important;
	box-shadow: none !important;
}

.page-link:hover,
.page-link:focus {
	color: #5f5a45 !important;
	background-color: #ede7cf !important;
	border-color: #e6dfc2 !important;
	box-shadow: none !important;
	outline: none !important;
}

.page-item.active .page-link {
	color: #5f5a45 !important;
	background-color: #e6dfc2 !important;
	border-color: #e6dfc2 !important;
}

.page-item.disabled .page-link {
	color: #b7b09a !important;
	background-color: #f7f5ec !important;
	border-color: #e6dfc2 !important;
}

@media (max-width: 768px) {
	.text-primary {
		color: #6B7C93 !important;
	}
}