@charset "utf-8";

/* ============================
   🌙 GLOBAL DARK THEME
   ============================ */
body {
	background:#111;
	color:#eee;
}
a { color:#ddd; }
a:hover { color:#fff; }

/* 리스트/본문 공통 박스 */
.panel,
.list-group-item,
#bo_v,
#bo_list,
#bo_w,
#bo_vc {
	background:#181818;
	border-color:rgba(255,255,255,0.06);
	color:#eee;
}
.panel-heading { 
	background:#1f1f1f!important;
	border-color:rgba(255,255,255,0.05)!important;
}
.list-group-item {
	background:#1a1a1a;
	border-color:rgba(255,255,255,0.06);
}

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

/* ============================
   🖼 gallery
   ============================ */
#bo_gallery .chk-box {
	position:absolute;
	bottom:5px;
	right:10px;
	z-index:2;
}

#bo_gallery .wr-now {
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	background:rgba(0,0,0,0.75);
	z-index:1;
}

/* ============================
   📝 게시판 읽기
   ============================ */
#bo_v_title {
	font-size:23px;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:-1px;
	color:#fff;
}
#bo_v_con {
	min-height:200px;
	word-break:break-all;
	overflow:hidden;
	color:#ddd;
}
@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;
	border-radius:6px;
}

#bo_v_img { 
	width:100%; text-align:center; overflow:hidden; 
}
#bo_v_img img {
	margin-bottom:1.0rem;
	border-radius:8px;
}

/* ============================
   🔗 SNS 아이콘
   ============================ */
#bo_v_sns_icon {
	margin:-5px auto;
}
#bo_v_sns_icon img {
	width:40px;
	border-radius:50%;
	margin:5px;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}

/* ============================
   💬 댓글 내용
   ============================ */
.cmt-reply {
	top:0; left:-16px;
}
.by-writer { 
	background:#2b1f1f!important;
	border-top:1px solid #5c2a2a!important;
}

.cmt-content {
	word-break:break-all;
	overflow:hidden;
	color:#ddd;
}
.cmt-content img {
	max-width:100%; height:auto; border-radius:6px;
}

/* ============================
   💬 댓글 버튼
   ============================ */
.cmt-btn ul {
	list-style:none; margin:0;
}
.cmt-btn ul > li {
	float:left;
	font-size:12px;
	padding:0 10px;
	color:#aaa;
}
.cmt-btn ul > li::before {
	float:left;
	color:#555;
	content:"|";
	margin-left:-12px;
}
.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:#aaa;
}
.cmt-btn ul > li > a:hover {
	color:#fff;
}

/* ============================
   ✍ 댓글 쓰기
   ============================ */
#fviewcomment #wr_content {
	resize:none;
	background:#1a1a1a;
	border:1px solid rgba(255,255,255,0.07);
	color:#eee;
}
@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;
	background:#333;
	border-radius:3px;
}
#bo_vc_opt ol li { float:left; }

#bo_vc_send_sns ul {
	list-style:none; margin:0; padding:0;
}
#bo_vc_send_sns ul li {
	float:left;
	margin:0 1rem 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;
	background:#1a1a1a;
	border-color:rgba(255,255,255,0.07);
}
#bo_w #wr_content {
	margin-bottom:1rem!important;
	background:#1a1a1a;
	color:#eee;
	border:1px solid rgba(255,255,255,0.08);
}
@media all and (max-width:575px) {
	#bo_w .list-group-item {
		padding-left:1rem;
		padding-right:1rem;
	}
	.responsive #bo_w #wr_content {
		max-height:160px!important;
	}
}

/* ============================
   ⭐ 강조 요소 / 색상
   ============================ */
.red, .orangered { color:#ff4d4f!important; }
.bg-red { background:#ff4d4f!important; }
.bg-blue { background:#1890ff!important; }
.bg-black { background:#000!important; }
.bg-green { background:#2ecc71!important; }

/* ============================
   🧩 기타 버튼/보더 정리
   ============================ */
.btn-black {
	background:#222!important;
	border:1px solid rgba(255,255,255,0.1)!important;
	color:#eee!important;
}
.btn-black:hover {
	background:#333!important;
	color:#fff!important;
}

.btn-color {
	background:#ff4d4f!important;
	border-color:#ff4d4f!important;
	color:#fff!important;
}
.btn-color:hover {
	background:#ff6b6d!important;
	border-color:#ff6b6d!important;
}

/* ============================
   🔥 요청 반영: 제목 크게
   ============================ */
#bo_v_title {
    font-size:30px !important; /* 기존 23px → 26px */
    font-weight:bold;
    line-height:1.45;
    letter-spacing:-0.5px;
    color:#fff;
}

@media all and (max-width:575px) {
    .responsive #bo_v_title {
        font-size:22px !important; /* 모바일도 살짝 증가 */
        line-height:1.55;
    }
}

/* ============================
   🔥 요청 반영: panel-heading 여백 확대
   ============================ */
.panel-heading {
    background:#1f1f1f !important;
    border-color:rgba(255,255,255,0.05) !important;
    padding:10px 10px !important; /* 상하16px, 좌우20px */
}

.panel-heading .font-12 {
    font-size:13px;
    line-height:1.6;
}

/* 리스트 그룹도 조금 공간 주기 (선택 사항) */
.list-group-item {
    padding:12px 16px !important;
}