@charset "utf-8";

/* View */
.view-wrap .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.view-wrap .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.view-wrap .img-resize img { max-width:100%; height:auto; }
.view-wrap .no-attach { border-bottom:0px; }
.view-wrap .view-cnt { letter-spacing:0; }

.view-wrap h1 { font-size: 22px; font-weight:bold; margin:0px; line-height:50px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin:0px; padding:0px 10px; color: rgb(59, 62, 67); letter-spacing:-1px; }
.view-wrap h1 span.talker-photo { margin-bottom:10px; margin-right:10px; }
.view-wrap h1.view-head-simple__title { line-height:1.35; margin:0 0 10px; letter-spacing:-0.02em; color:#111827; font-weight:400; }
/* 본문: 에디터 굵게(b/strong/span 인라인) — 부모에 font-weight 강제 시 span bold가 무력화됨 */
.view-wrap .view-content b,
.view-wrap .view-content strong {
	font-weight:bold !important;
}
.view-wrap .view-content span[style*="font-weight: bold"],
.view-wrap .view-content span[style*="font-weight:bold"],
.view-wrap .view-content span[style*="font-weight: 700"],
.view-wrap .view-content span[style*="font-weight:700"],
.view-wrap .view-content span[style*="font-weight: bolder"],
.view-wrap .view-content span[style*="font-weight:bolder"],
.view-wrap .view-content p[style*="font-weight: bold"],
.view-wrap .view-content p[style*="font-weight:bold"],
.view-wrap .view-content p[style*="font-weight: 700"],
.view-wrap .view-content p[style*="font-weight:700"] {
	font-weight:bold !important;
}
.view-wrap .view-content h1,
.view-wrap .view-content h2,
.view-wrap .view-content h3,
.view-wrap .view-content h4,
.view-wrap .view-content h5,
.view-wrap .view-content h6 {
	font-weight:bold !important;
}
.view-head-simple { margin:0; padding:0; }
.view-head-meta-pill__val a { color:inherit; text-decoration:none; }
.view-head-meta-bar--strip { position:relative; display:flex; align-items:stretch; flex-wrap:nowrap; margin:0 10px 18px; padding:0; padding-top:3px; min-height:58px; border-radius:12px; overflow:hidden; background:#f3f4f6; border:1px solid #e5e7eb; box-shadow:0 1px 3px rgba(0,0,0,0.06); font-size:13px; color:#6b7280; }
.view-head-meta-bar--strip::before { content:""; position:absolute; left:0; right:0; top:0; height:3px; background:#d1d5db; pointer-events:none; z-index:1; }
.view-head-meta-bar__author { display:flex; align-items:center; gap:12px; flex:0 1 auto; min-width:0; max-width:38%; padding:12px 18px; padding-top:15px; border-right:1px solid #e5e7eb; background:#eceff2; }
.view-head-meta-bar__avatar { flex-shrink:0; width:40px; height:40px; border-radius:10px; background:#e5e7eb; border:1px solid #d1d5db; color:#6b7280; display:flex; align-items:center; justify-content:center; font-size:20px; line-height:1; }
.view-head-meta-bar__author-text { display:flex; flex-direction:column; align-items:flex-start; gap:2px; min-width:0; line-height:1.25; }
.view-head-meta-bar__role { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0.12em; color:#9ca3af; }
.view-head-meta-bar__name { font-size:14px; font-weight:800; color:#111827; letter-spacing:-0.02em; word-break:break-all; }
.view-head-meta-bar__ip { font-size:10px; color:#9ca3af; font-family:ui-monospace,monospace; }
.view-head-meta-bar__cate { display:inline-block; margin-top:3px; padding:2px 9px; border-radius:999px; background:#fff; border:1px solid #e5e7eb; color:#4b5563; font-size:10px; font-weight:800; letter-spacing:0.02em; }
.view-head-meta-bar__pills { display:flex; flex:1 1 auto; align-items:stretch; justify-content:stretch; flex-wrap:nowrap; margin:0; padding:0; padding-top:3px; list-style:none; min-width:0; background:#f9fafb; }
.view-head-meta-pill { display:flex; flex:1 1 0; align-items:center; justify-content:center; gap:10px; min-width:72px; padding:10px 12px; margin:0; border:0; border-radius:0; border-right:1px solid #e5e7eb; background:transparent; box-shadow:none; transition:background 0.15s ease; }
.view-head-meta-pill:hover { background:#f3f4f6; }
.view-head-meta-pill__icon { width:32px; height:32px; border-radius:8px; background:#fff; border:1px solid #e5e7eb; color:#6b7280; display:flex; align-items:center; justify-content:center; font-size:14px; flex-shrink:0; }
.view-head-meta-pill__label { font-size:11px; font-weight:800; color:#6b7280; white-space:nowrap; letter-spacing:-0.02em; }
.view-head-meta-pill__val { font-size:17px; font-weight:800; font-variant-numeric:tabular-nums; color:#111827; letter-spacing:-0.03em; min-width:1em; text-align:center; line-height:1; }
.view-head-meta-pill__val.is-hot { color:#111827; font-weight:900; }
.view-head-meta-bar__date { flex:0 0 auto; align-self:stretch; display:flex; align-items:center; margin:0; padding-top:3px; border-left:1px solid #e5e7eb; background:#eceff2; }
.view-head-meta-bar__date-inner { display:flex; flex-direction:column; align-items:flex-end; justify-content:center; gap:4px; padding:10px 18px; min-width:128px; height:100%; box-sizing:border-box; background:transparent; border:none; border-radius:0; box-shadow:none; }
.view-head-meta-bar__date-label { font-size:10px; font-weight:800; color:#9ca3af; text-transform:uppercase; letter-spacing:0.1em; }
.view-head-meta-bar__date-label i { margin-right:5px; opacity:0.9; color:#6b7280; }
.view-head-meta-bar__date-val { font-size:14px; font-weight:800; color:#374151; letter-spacing:-0.02em; white-space:nowrap; }
.panel.view-head-attach { margin:0 10px 16px; border-radius:8px; border-color:#e5e7eb; }
.panel.view-head-attach .list-group { margin-bottom:0; }
.view-head { border-left:0px; border-right:0px; }
.view-head .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.view-head .list-group-item { padding:5px 15px; border-style:dotted; }
.view-tag { margin:10px 0px; padding:0px; color:#888; }
.view-tag a { color:#888; }
.view-tag a:hover { color:crimson; }
.view-cnt { margin-top:4px; }
.view-img img { display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto; }
.view-content { padding-bottom:20px; line-height:180%; }
.view-content img { width:auto; height:auto; max-width:100%; }
.view-content p { padding:0; margin:0; line-height:180%; }
/* DC 스타일 개념/비추 */
.dc-vote-box {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin: 20px auto 6px;
	padding: 14px 16px;
	max-width: 360px;
	border: 1px solid #d8dde3;
	background: #fff;
}
.dc-vote-box__count {
	flex: 0 0 40px;
	text-align: center;
}
.dc-vote-box__num {
	display: block;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.02em;
}
.dc-vote-box__count--good .dc-vote-box__num { color: #df1119; }
.dc-vote-box__count--nogood .dc-vote-box__num { color: #222; }
.dc-vote-box__btn {
	flex: 0 0 62px;
	width: 62px;
	height: 62px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	cursor: pointer;
	transition: opacity 0.15s, transform 0.1s;
}
.dc-vote-box__btn:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}
.dc-vote-box__btn:not(:disabled):hover { transform: scale(1.04); }
.dc-vote-box__btn--good { background: #1a3f8f; }
.dc-vote-box__btn--nogood { background: #8a8f96; }
.dc-vote-box__btn-icon {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 2px;
}
.dc-vote-box__btn-label {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.1;
}
.dc-vote-box__hint {
	text-align: center;
	font-size: 11px;
	color: #888;
	margin: 0 0 12px;
}
.view-author .auth-photo { width:160px; padding-right:15px; }
.view-icon { margin-bottom:10px; }
.view-icon img { width:34px; border-radius:50%; margin-bottom:5px; }
/* 댓글 바 (요약·항목·작성) */
.cmt-summary-bar.view-head-meta-bar--strip { margin-top: 8px; margin-bottom: 14px; }
.comment-media { margin-top: 4px; }
.comment-media .media { border-top: 0; margin: 0 0 14px; padding: 0; }
.comment-media :first-child.media { margin-top: 0; }
.cmt-item-head.media-heading {
	margin-top: 0;
}
.cmt-item-head.view-head-meta-bar--strip {
	min-height: 52px;
	margin: 0 0 10px;
	flex-wrap: wrap;
}
.cmt-item-head .view-head-meta-bar__author {
	max-width: 42%;
	padding: 10px 14px;
	padding-top: 13px;
}
.cmt-item-head .view-head-meta-bar__avatar {
	width: 36px;
	height: 36px;
	font-size: 18px;
}
.cmt-item-head .view-head-meta-bar__pills {
	flex: 1 1 auto;
	min-width: 120px;
}
.cmt-item-head .view-head-meta-pill {
	min-width: 0;
	padding: 8px 10px;
	gap: 8px;
}
.cmt-item-head .view-head-meta-pill__icon {
	width: 28px;
	height: 28px;
	font-size: 12px;
}
.cmt-item-head .view-head-meta-pill__label {
	font-size: 10px;
}
.view-head-meta-pill__val--cmt {
	font-size: 12px;
	font-weight: 800;
	white-space: nowrap;
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.view-head-meta-pill__val--cmt-ip {
	font-size: 10px;
	font-weight: 700;
	font-family: ui-monospace, monospace;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cmt-item-head__sns {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 4px;
}
.cmt-item-head__sns a {
	color: #9ca3af;
	text-decoration: none;
}
.cmt-item-head__sns a:hover {
	color: #4b5563;
}
.cmt-item-head__actions {
	flex: 0 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	align-self: stretch;
	margin: 0;
	padding: 8px 12px;
	padding-top: 11px;
	border-left: 1px solid #e5e7eb;
	background: #eceff2;
}
.cmt-item-head__act {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #e5e7eb;
	color: #4b5563 !important;
	font-size: 11px;
	font-weight: 800;
	text-decoration: none !important;
	letter-spacing: -0.02em;
	white-space: nowrap;
}
.cmt-item-head__act:hover {
	background: #f3f4f6;
	color: #111827 !important;
}
.cmt-write-aside {
	margin: 0 10px 20px;
}
.cmt-write-head.view-head-meta-bar--strip {
	margin: 0 0 0;
	border-radius: 12px 12px 0 0;
	border-bottom: 0;
	box-shadow: none;
	min-height: 52px;
}
.cmt-write-head .view-head-meta-bar__author {
	max-width: none;
	flex: 1 1 auto;
	border-right: 0;
}
.cmt-write-box {
	margin: 0 !important;
	border-radius: 0 0 12px 12px !important;
	border: 1px solid #e5e7eb !important;
	border-top: 1px solid #e5e7eb !important;
	background: #fafafa !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* 댓글 페이징: 카드형 바 + 본문 패널 */
.comment-media .media.cmt-item-card {
	display: flex;
	align-items: flex-start;
	flex-wrap: nowrap;
	border-radius: 12px;
	border: 1px solid #e5e7eb;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
	background: #fff;
	overflow: hidden;
	margin: 0 10px 14px;
	padding: 0;
}
.comment-media .media.cmt-item-card .photo.pull-left {
	float: none;
	flex-shrink: 0;
	padding: 12px 0 12px 12px;
	align-self: flex-start;
}
.comment-media .media.cmt-item-card .media-body {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0;
}
.comment-media .media.cmt-item-card .cmt-item-head.view-head-meta-bar--strip {
	margin: 0;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #e5e7eb;
	box-shadow: none;
}
.comment-media .media.cmt-item-card .cmt-item-body.media-content {
	margin: 0;
	padding: 14px 16px 16px;
	background: #fafafa;
	border-top: 0;
	line-height: 1.65;
}
.cmt-paging-bar {
	margin: 0 10px 16px;
	padding: 10px 14px;
	border-radius: 12px;
	border: 1px solid #e5e7eb;
	background: #f9fafb;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
	text-align: center;
}
.cmt-paging-bar .pagination {
	margin: 0;
}
.cmt-notice-bar {
	margin: 0 10px 20px;
	padding: 16px 18px;
	border-radius: 12px;
	border: 1px solid #e5e7eb;
	background: linear-gradient(180deg, #f9fafb 0%, #f3f4f6 100%);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
	text-align: center;
	color: #4b5563;
	font-size: 13px;
}
.cmt-notice-bar a {
	color: #374151;
	font-weight: 700;
	text-decoration: none;
}
.cmt-notice-bar a:hover {
	text-decoration: underline;
}

/* Padding */
.view-padding { padding-left:15px; padding-right:15px; }
.is-mobile .view-padding { padding-left:0px; padding-right:0px; }
.view-author-none { height:1px; border-top:1px solid #eee; margin:12px 0px 20px; }

/* Comment */
.comment-media .photo i { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.comment-media .photo img { border-radius: 50%; width: 64px !important; height: 64px !important; display:inline-block; }
.view-mobile .comment-media .photo i { padding: 10px; width: 54px; height: 54px; }
.view-mobile .comment-media .photo img { width: 54px !important; height: 54px !important; }
.comment-media h5 { margin:2px 0px; line-height: 22px; }
.comment-media .media .media-body { padding-left:0px; }
.comment-media .media .media-info { margin-left:10px; }
.comment-media .media .media-content { margin-top:8px; }
.comment-media .media .media-btn {	margin-left:4px; }
.comment-media .cmt-good-btn { text-align:right; padding-right:1px; }
.comment-media .cmt-good, .comment-media .cmt-nogood { display:inline-block; width:74px; height:20px; margin-top:10px; padding-right:10px; margin-right:-1px; font:bold 11px verdana; text-align:right; letter-spacing:-1px; line-height:19px; cursor:pointer; }
.comment-media .cmt-good { background: url('../../img/cmt_good.gif') no-repeat left center; color:#f4695b; }
.comment-media .cmt-nogood { background: url('../../img/cmt_nogood.gif') no-repeat left center; color:#888; }

.comment-form { padding-top:10px; }
.comment-box { border:1px solid #ddd; padding:12px 12px 0px; margin-bottom:15px; background:#fbfbfb; }
.comment-content { display:table; width:100%; table-layout:fixed; }
.comment-content .comment-cell { display:table-cell; padding:0px; text-align:center; vertical-align:middle; }
.comment-content .comment-cell.comment-submit { width:80px; height:100%; background:#fafafa; border:1px solid #ccc; border-left:0px; cursor:pointer; }
.comment-btn .cursor { margin-left:12px; color:#787878; }

#wr_content { resize:none; }
#bo_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#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 20px 0 0; }
#bo_vc_send_sns input {	margin:0 0 0 5px; }

@media all and (max-width:768px) {
	/* 모바일: 글보기·댓글 영역 전체 보통 굵기 */
	.responsive .view-wrap h1,
	.responsive .view-wrap h1.view-head-simple__title,
	.responsive .view-head-meta-bar--strip,
	.responsive .view-head-meta-bar--strip .view-head-meta-bar__role,
	.responsive .view-head-meta-bar--strip .view-head-meta-bar__name,
	.responsive .view-head-meta-bar--strip .view-head-meta-bar__cate,
	.responsive .view-head-meta-bar--strip .view-head-meta-pill__label,
	.responsive .view-head-meta-bar--strip .view-head-meta-pill__val,
	.responsive .view-head-meta-bar--strip .view-head-meta-bar__date-val,
	.responsive .dc-vote-box__num,
	.responsive .dc-vote-box__btn-label,
	.responsive .comment-media .member,
	.responsive .comment-media .sv_member,
	.responsive .comment-media .verify-nick-line,
	.responsive .comment-media .verify-nick-line a,
	.responsive .cmt-item-head__act,
	.responsive .cmt-notice-bar a {
		font-weight:400 !important;
	}
	.responsive .view-wrap h1 { text-overflow:clip; overflow:none; white-space:normal; line-height: 28px; font-size: 20px; margin-bottom:10px; }
	.responsive .view-wrap h1.view-head-simple__title { line-height:1.35; margin-bottom:6px; }
	.responsive .view-wrap h1 .photo { display:none; }
	.responsive .view-head-meta-bar--strip { margin-left:8px; margin-right:8px; flex-wrap:wrap; min-height:0; }
	.responsive .view-head-meta-bar__author { max-width:none; flex:1 1 100%; border-right:0; border-bottom:1px solid #e5e7eb; padding:14px 16px; padding-top:18px; }
	.responsive .view-head-meta-bar__pills { flex:1 1 100%; flex-wrap:wrap; padding-top:0; border-bottom:1px solid #e5e7eb; }
	.responsive .view-head-meta-pill { flex:1 1 calc(50% - 1px); min-width:100px; border-right:1px solid #e5e7eb; border-bottom:1px solid #e5e7eb; padding:12px 10px; }
	.responsive .view-head-meta-bar__date { flex:1 1 100%; border-left:0; border-top:0; justify-content:center; background:#eceff2; }
	.responsive .view-head-meta-bar__date-inner { align-items:center; min-width:0; width:100%; padding:14px 16px; }
	.responsive .cmt-item-head.view-head-meta-bar--strip { margin-left: 0; margin-right: 0; }
	.responsive .cmt-item-head .view-head-meta-bar__author { max-width: none; flex: 1 1 100%; border-right: 0; border-bottom: 1px solid #e5e7eb; }
	.responsive .cmt-item-head .view-head-meta-bar__pills { flex: 1 1 100%; flex-wrap: wrap; border-bottom: 1px solid #e5e7eb; }
	.responsive .cmt-item-head .view-head-meta-pill { flex: 1 1 calc(50% - 1px); }
	.responsive .cmt-item-head__actions {
		flex: 1 1 100%;
		border-left: 0;
		justify-content: center;
		padding: 10px 12px;
	}
	.responsive .cmt-summary-bar.view-head-meta-bar--strip { margin-left: 8px; margin-right: 8px; }
	.responsive .cmt-write-aside { margin-left: 8px; margin-right: 8px; }
	.responsive .comment-media .media.cmt-item-card {
		margin-left: 8px;
		margin-right: 8px;
		flex-wrap: wrap;
	}
	.responsive .comment-media .media.cmt-item-card .photo.pull-left {
		padding: 12px 12px 0;
	}
	.responsive .cmt-paging-bar,
	.responsive .cmt-notice-bar {
		margin-left: 8px;
		margin-right: 8px;
	}
}

@media all and (max-width:480px) {
	.responsive .view-author .auth-photo { float:none; width:100%; padding-right:0px; }
	.responsive .view-icon .pull-right { float:none !important; }
}