/*
 * legacy-content.css
 *
 * 예전 티스토리/텍스트큐브에서 가져온 글 본문에만 적용되는 규칙 모음입니다.
 * 새 스킨 CSS(style.css)와 분리해 글 상세 페이지에서만 로드합니다.
 *
 * 원본 JB Just White 스킨에서 값을 그대로 옮겼고, IE 전용 핵과
 * Font Awesome 글리프 의존만 걷어냈습니다. (아이콘은 유니코드 문자로 대체)
 */

/* ---- 본문 이미지 / 티스토리 imageblock ---- */

.jb_content img {
	max-width: 100%;
	height: auto;
}

.jb_content span.imageblock {
	max-width: 100%;
	height: auto;
}

.jb_content span.imageblock span.cap1 {
	width: 100% !important;
	background: #5fbde0;
	color: #fff;
	font-size: 14px;
	margin-top: 10px;
}

.box_shadow img {
	box-shadow: 0 1px 10px -3px #cacaca;
}

img.center {
	display: block;
	margin: 0 auto;
}

/* ---- 인용구 / 코드 ---- */

.jb_article blockquote {
	word-break: break-all;
	margin: 1.2em 0;
	padding-left: 1.2em;
	border-left: 3px solid var(--jb-border);
	color: var(--jb-text-muted);
}

/* 원본은 FontAwesome \f10d 글리프였습니다. 폰트 의존 없이 같은 자리에 표시. */
.jb_article blockquote::before {
	content: "\201C";
	float: left;
	margin-left: -0.75em;
	font-size: 1.6em;
	line-height: 1;
	color: var(--jb-border);
}

.jb_article pre {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "D2Coding", monospace;
	background-color: var(--jb-code-bg);
	border: 1px solid var(--jb-code-border);
	border-radius: var(--jb-radius);
	padding: 12px;
	word-break: break-all;
	word-wrap: break-word;
	overflow-x: auto;
}

/* ---- 티스토리 더보기(moreless) ---- */

.jb_article .moreless_fold,
.jb_article .moreless_top,
.jb_article .moreless_bottom {
	color: #3c5a98;
	font-weight: bold;
	cursor: pointer;
}

.jb_article .moreless_fold:hover,
.jb_article .moreless_top:hover,
.jb_article .moreless_bottom:hover {
	color: #f9625b;
}

.jb_article .moreless_fold::before {
	content: "\25BE";	/* 원본 FontAwesome \f0d7 (caret-down) */
	font-weight: normal;
	margin-right: 10px;
	color: var(--jb-text);
}

.jb_article .moreless_top::before,
.jb_article .moreless_bottom::before {
	content: "\25B4";	/* 원본 FontAwesome \f0d8 (caret-up) */
	font-weight: normal;
	margin-right: 10px;
	color: var(--jb-text);
}

/* ---- 각주 ---- */

.jb_article div.footnotes {
	border-top: 1px solid var(--jb-border);
	margin-top: 2em;
	padding-top: 1em;
	font-size: 0.92em;
}

/* ---- 본문 안 태그 클라우드 ---- */

.jb_article .jb_content_tag_cloud ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.jb_article .jb_content_tag_cloud ul li {
	display: inline-block;
	margin: 0 8px 4px 0;
}

.jb_article .jb_content_tag_cloud .cloud1 { font-size: 1.6em; }
.jb_article .jb_content_tag_cloud .cloud2 { font-size: 1.4em; }
.jb_article .jb_content_tag_cloud .cloud3 { font-size: 1.2em; }
.jb_article .jb_content_tag_cloud .cloud4 { font-size: 1.05em; }
.jb_article .jb_content_tag_cloud .cloud5 { font-size: 0.9em; }

/* ---- 예전 글에 박혀 있는 배너 / 다운로드 영역 ---- */

#adsense,
#mnotice,
.blogger-news-widget {
	margin: 10px 0;
	text-align: center;
}

#dnotice,
#ad {
	min-height: 250px;
	margin: 0 auto;
	text-align: center;
}

.adsbygoogle {
	min-height: 250px;
	display: block;
}

#download-area,
#download-area .a-area {
	min-height: 350px;
}

#download-area .a-area p {
	margin: 0;
}

#download-area a {
	display: inline-block;
}

/* ---- 옛 티스토리 에디터 그리드 보정 ----
   본체는 tistoryGrid.min.css 가 담당하고, 여기서는 스킨 고유 보정만 남깁니다. */

#ttCanvas .tt-wrap-post-thumb {
	border: 1px solid var(--jb-border);
}

.tt-wrap-post-thumb img {
	border-radius: var(--jb-radius-lg);
	transition: filter .3s;
}

.tt-post-title {
	font-size: 13px !important;
}

.tt-append-1_5 {
	line-height: 165%;
	margin-bottom: 5px !important;
}

@media only screen and (max-width: 680px) {
	#dnotice,
	#ad,
	.adsbygoogle {
		min-height: 200px;
	}

	#download-area,
	#download-area .a-area {
		min-height: 220px;
	}
}