@charset "utf-8";
 
/* 모바일 목록 */
@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;
	}
}
 
/* 웹진 스타일 */
#bo_webzine .chk-box {
	position:absolute;
	bottom:5px;
	right:10px;
	z-index:2;
}
#bo_webzine .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;
}
 
/* 게시판 읽기 - 본문 wrapper */
#bo_v_con {
	min-height:200px;
	word-break:keep-all;
	word-wrap:break-word;
	overflow:hidden;
	font-size:15px;
	line-height:1.9;
	color:#333;
}
@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;
}
 
/* =============================================
   가이드 본문 콘텐츠 스타일
   article#bo_v 로 specificity 높여서 테마 CSS 덮어쓰기
   ============================================= */
 
/* H2 - 섹션 대제목 */
article#bo_v #bo_v_con h2 {
	font-size:1.2rem !important;
	font-weight:700 !important;
	margin-top:2rem !important;
	margin-bottom:0.6rem !important;
	padding:0.45rem 0.85rem !important;
	border-left:4px solid #e84118 !important;
	background:#fff8f8 !important;
	color:#111 !important;
	letter-spacing:-0.5px !important;
	line-height:1.5 !important;
}
 
/* H3 - 섹션 소제목 */
article#bo_v #bo_v_con h3 {
	font-size:1rem !important;
	font-weight:700 !important;
	margin-top:1.5rem !important;
	margin-bottom:0.4rem !important;
	padding-left:0.5rem !important;
	border-left:3px solid #bbb !important;
	color:#222 !important;
	line-height:1.5 !important;
}
 
/* 본문 단락 */
article#bo_v #bo_v_con p {
	font-size:15px !important;
	line-height:1.95 !important;
	margin-bottom:1rem !important;
	color:#444 !important;
	word-break:keep-all !important;
}
 
/* 강조 텍스트 */
article#bo_v #bo_v_con strong {
	color:#c0392b !important;
	font-weight:700 !important;
}
 
/* 리스트 */
article#bo_v #bo_v_con ul,
article#bo_v #bo_v_con ol {
	padding-left:1.5rem !important;
	margin-bottom:1rem !important;
	line-height:1.9 !important;
	color:#444 !important;
}
article#bo_v #bo_v_con li {
	margin-bottom:0.4rem !important;
}
 
/* 테이블 */
article#bo_v #bo_v_con table {
	width:100% !important;
	border-collapse:collapse !important;
	margin-bottom:1.2rem !important;
	font-size:14px !important;
}
article#bo_v #bo_v_con table th {
	background:#333 !important;
	color:#fff !important;
	padding:0.6rem 0.8rem !important;
	text-align:center !important;
}
article#bo_v #bo_v_con table td {
	padding:0.55rem 0.8rem !important;
	border:1px solid #ddd !important;
	text-align:center !important;
	color:#444 !important;
}
article#bo_v #bo_v_con table tr:nth-child(even) td {
	background:#f9f9f9 !important;
}
 
/* =============================================
   이미지
   ============================================= */
#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:#fbefef !important;
	border-top:1px solid #f6cece !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:#ccc;
	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:#888;
	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:#ccc;
	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;
	}
}