@charset "utf-8";

/* 모바일 목록 */
@media all and (max-width:767px) {
	.responsive #bo_list .float-left.float-md-none {
		margin-right:1.0rem;
	}
	.responsive #bo_list .na-title {
		margin-bottom:0.14rem;
	}
}

/* 게시판 읽기 */
#bo_v_title {
	font-size:23px;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:-1px;
}
#bo_v_con {
	min-height:200px; 
	word-break:break-all;
	overflow:hidden
}
@media all and (max-width:575px) {
	.responsive #bo_v_title {
		font-size:20px;
		line-height:1.5;
	}
	.responsive #bo_v_con { 
		min-height:140px; 
	}
}

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

/* 게시판 읽기 : 사이트 정보 */
.bo_safety_top_con_wrap {
	margin:1.75rem 1.75rem 2.5rem;
}
.bo_safety_info_tbl_wrap {
	overflow:hidden;
	border:1px solid #38383f;
	border-radius:11px;
	background:#1c1c20;
}
.tbl_bo_safety_info {
	width:100%;
	margin:0;
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	table-layout:fixed;
	font-size:16px;
	line-height:1.35;
	color:#ededf2;
}
.tbl_bo_safety_info th,
.tbl_bo_safety_info td {
	height:44px;
	padding:10px 15px;
	border:0;
	border-bottom:1px solid #38383f;
	vertical-align:middle;
}
.tbl_bo_safety_info tr:last-child th,
.tbl_bo_safety_info tr:last-child td {
	border-bottom:0;
}
.tbl_bo_safety_info th {
	width:140px;
	border-right:1px solid #38383f;
	background:#242429;
	font-weight:700;
	text-align:left;
	color:#dedee6;
}
.tbl_bo_safety_info td {
	background:#1c1c20;
	font-weight:400;
	word-break:break-all;
}
.view-content {
	font-size:16px;
	line-height:1.85;
}

@media all and (max-width:575px) {
	.bo_safety_top_con_wrap {
		margin:1rem 0 1.75rem;
	}
	.tbl_bo_safety_info {
		font-size:14px;
	}
	.tbl_bo_safety_info th {
		width:105px;
	}
	.tbl_bo_safety_info th,
	.tbl_bo_safety_info td {
		height:42px;
		padding:9px 12px;
	}
	.view-content {
		font-size:15px;
		line-height:1.75;
	}
}
#bo_v_img {
	width:100%;
	text-align:center;
	overflow:hidden;
	zoom:1;
}
#bo_v_img:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
}
#bo_v_img a.view_image {
	display:block;
}
#bo_v_img img {
	margin-bottom:1.0rem;
}

/* 게시판 읽기 : SNS 공유 */
#bo_v_sns_icon { 
	margin:-5px auto; 
}
#bo_v_sns_icon img { 
	width:40px; 
	border-radius:50%; 
	margin:5px;
}

/* 게시판 댓글 : 내용 */
.cmt-reply {
	top:0;
	left:-16px;
}
.by-writer { 
	background:#302719 !important;
	border-top:1px solid #665020 !important;
}
.cmt-content {
	word-break:break-all;
	overflow:hidden
}
.cmt-content img {
	max-width:100%;
	height:auto
}

/* 게시판 댓글 : 대댓글, 수정, 삭제 */
.cmt-btn ul { 
	list-style: none; 
	margin: 0; 
}
.cmt-btn ul > li { 
	float: left; 
	font-size:12px;
	padding: 0 10px; 
}
.cmt-btn ul > li::before { 
	float: left; 
	color:#484850; 
	content: "|"; 
	margin-left:-12px;
}
.cmt-btn ul > li:last-child { 
	padding-right:0;
}
.cmt-btn ul > li:first-child::before, 
.cmt-btn ul > li.no-bar::before { 
	content: ""; 
	margin-left:0; 
}
.cmt-btn ul > li > a { 
	float:left;
	color:#aaaab6;
	white-space:nowrap;	
}

/* 게시판 댓글 : 쓰기폼 */
#fviewcomment #wr_content { 
	resize:none; 
}
@media all and (max-width:575px) {
	.responsive .cmt-box {
		border-right:0 !important;
	}
	.responsive #bo_vc_w .cmt-box {
		border-left:0 !important;
		border-radius:0 !important;
	}
	.responsive #bo_vc_login {
		border-left:0 !important;
		border-right:0 !important;
		border-radius:0 !important;
	}
}

/* 게시판 댓글 : SNS 등록 */
#bo_vc_opt ol {	
	margin:0;
	padding:0;
	list-style:none;
	zoom:1; 
	background:#484850;
	border-radius:3px;
}
#bo_vc_opt ol:after { 
	display:block;
	visibility:hidden;
	clear:both;
	content:""; 
}
#bo_vc_opt ol li { 
	float:left;
	margin:0; 
}
#bo_vc_send_sns ul { 
	margin:0;
	padding:0;
	list-style:none;
	zoom:1; 
}
#bo_vc_send_sns ul:after { 
	display:block;
	visibility:hidden;
	clear:both;
	content:""; 
}
#bo_vc_send_sns ul li {	
	float:left;
	margin:0 1.0rem 0 0;
}
#bo_vc_send_sns input {	
	margin:0 0 0 0.5rem;
}

/* 게시판 쓰기 */
#bo_w .list-group-item {
	padding-left:0;
	padding-right:0;
	border-left:0;
	border-right:0;
}
#bo_w #wr_content { 
	margin-bottom:1.0rem !important;
}
@media all and (max-width:575px) {
	#bo_w .list-group-item {
		padding-left:1.0rem;
		padding-right:1.0rem;
	}
	.responsive #bo_w #wr_content {
		max-height:160px !important;
	}
}

#bo_list .qnaIco {
	display: inline-block;
	min-width: 62px;
	padding: 4px 10px !important;
	border-radius: 999px !important;
	font-size: 12px !important;   /* f-xs */
	font-weight: 700;
	letter-spacing: -.03em;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
}
#bo_list .qnaIco i { display: none; }


#board_info { border-top:1px solid #38383f; padding-top:10px; }

.bo_safety_view_con_line {
	display: flex;
	align-items: center;
	gap: .7rem;
	margin: 1.9rem 0 1.15rem !important;
}
.bo_safety_view_con_line .text {
	flex: 0 0 auto;
	border: 0 !important;
	border-left: 4px solid #FFBB00 !important;
	border-radius: 0 !important;
	padding: .05rem 0 .05rem .75rem !important;
	color: #f4f4f5 !important;
	font-size: 17px;
	font-weight: 800;
	letter-spacing: -.04em;
	line-height: 1.4;
}
.bo_safety_view_con_line .bar {
	flex: 1 1 auto;
	width: auto !important;
	height: 1px !important;
	margin-top: 0 !important;
	background: #38383f !important;
}
/* Black background and gold accent, scoped to the Crime board. */
#bo_list_wrap, #bo_v, #bo_w, #viewcomment, #board_info {
 color-scheme:dark; color:#e4e4e9;
}
:is(#bo_list_wrap, #bo_v, #bo_w, #viewcomment) :is(.bg-white, .list-group-item),
#bo_snsModal .modal-content { background-color:#1c1c20 !important; color:#e4e4e9; }
:is(#bo_list_wrap, #bo_v, #bo_w, #viewcomment) .bg-light { background-color:#242429 !important; }
:is(#bo_list_wrap, #bo_v, #bo_w, #viewcomment) :is(.border, .border-top, .border-bottom, .border-left, .border-right),
#bo_snsModal :is(.modal-content, .modal-header, .modal-footer) { border-color:#38383f !important; }
:is(#bo_list_wrap, #bo_v, #bo_w, #viewcomment) :is(.text-dark, .text-black) { color:#f0f0f3 !important; }
:is(#bo_list_wrap, #bo_v, #bo_w, #viewcomment) .text-muted { color:#aaaab6 !important; }
:is(#bo_list_wrap, #bo_v, #bo_w, #viewcomment) :is(.form-control, .custom-select, .custom-file-label, textarea) {
 background-color:#141416; border-color:#484850; color:#e4e4e9;
}
:is(#bo_list_wrap, #bo_w, #viewcomment) ::placeholder { color:#aaaab6; opacity:1; }
:is(#bo_list_wrap, #bo_w, #viewcomment) :is(.form-control, .custom-select, textarea):focus {
 border-color:#FFBB00; box-shadow:0 0 0 3px rgba(255,187,0,.18);
}
:is(#bo_list_wrap, #bo_v, #bo_w, #viewcomment) .btn-primary {
 background-color:#FFBB00; border-color:#FFBB00; color:#fff !important;
}
:is(#bo_list_wrap, #bo_v, #bo_w, #viewcomment) .btn-primary:hover {
 background-color:#d99f00; border-color:#d99f00; color:#fff !important;
}
:is(#bo_list_wrap, #bo_v, #bo_w, #viewcomment) .btn-primary:focus {
 box-shadow:0 0 0 3px rgba(255,187,0,.25); color:#fff !important;
}
:is(#bo_list_wrap, #bo_v, #bo_w, #viewcomment) .text-primary { color:#FFBB00 !important; }
:is(#bo_list_wrap, #bo_v, #bo_w, #viewcomment) .bg-primary { background-color:#FFBB00 !important; }
:is(#bo_list_wrap, #bo_v, #bo_w, #viewcomment) .border-primary { border-color:#FFBB00 !important; }
#bo_list .na-subject, #bo_v_title, #bo_v .view-content { color:#ededf2; }
#bo_list .na-subject:hover, #bo_cate a:hover, #bo_cate .active > a { color:#FFBB00; }
#bo_list .bo-list-site-badge { background:#29251a; border:1px solid #665020; color:#FFBB00; border-radius:5px; padding:2px 7px; }
#bo_list .na-table > .d-md-table-row { background-color:#202024; color:#e4e4e9; border-color:#38383f; }
:is(#bo_list_wrap, #bo_v, #bo_w, #viewcomment) .page-link { background:#1c1c20; color:#e4e4e9; border-color:#38383f; }
:is(#bo_list_wrap, #bo_v, #bo_w, #viewcomment) .page-item.active .page-link { background:#FFBB00; border-color:#FFBB00; color:#171717; }
#board_info .main_explain_title_wrap {
 --mt-blue-50:#302719; --mt-blue-200:#806020; --mt-blue-400:#FFBB00;
 --mt-blue-600:#FFBB00; --mt-blue-700:#FFBB00;
 --mt-text:#f0f0f3; --mt-text-sub:#c4c4ce;
 --mt-line:#38383f; --mt-line-soft:#38383f;
 --mt-surface:#1c1c20; --mt-surface-2:#242429;
}
#board_info table :is(th, td) { border-color:#38383f !important; }
#board_info table tr { background-color:#1c1c20 !important; }
#board_info table th { background-color:#242429; color:#f0f0f3; }
:is(#bo_list_wrap, #bo_v, #bo_w, #viewcomment, #board_info) a:focus-visible,
:is(#bo_list_wrap, #bo_v, #bo_w, #viewcomment) button:focus-visible { outline:2px solid #FFBB00; outline-offset:3px; }