/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.2
*/

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
    padding: 30px 30px 10px 30px;
}

.widget-area .widget {
    padding: 20px 5px 20px 5px;
}

/* 부제목 */
.entry-subtitle {
	position: relative;
	display: block;
	font-size: 1.1em;
	color: #333333;
	font-weight: 500;
	line-height: 1.6;
	margin-top: 15px;
	margin-bottom: 30px;
	padding-left: 18px;
	word-break: keep-all;
}

.entry-subtitle::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	/* top과 bottom 값을 조절하여 왼쪽 선의 길이를 텍스트 영역에 맞게 최적화 */
	top: 5px; 
	bottom: 5px; 
	width: 4px; 
	background-color: #222222; 
}


/* 싱글 포스트 Hero */

/* ================================================================== *
 * 싱글 포스트 헤더 영역
 * ================================================================== */

/* 헤더 전체 하단 border + 패딩 */
.single .entry-header {
	padding-bottom: 20px;
	border-bottom: 2px solid #e5e7eb;
	margin-bottom: 28px;
}

/* ================================================================== *
 * 브레드크럼 (Yoast SEO)
 * ================================================================== */

nav.breadcrumb {
	display: block;              /* flex → block: text-overflow 작동 조건 */
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
	color: var(--meta-color, #9ca3af);
	/* 말줄임 — nav 너비를 넘을 때만 작동 */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 최상위 래퍼 span — 항목과 구분자 사이 여백 */
nav.row.breadcrumb > span {
	display: inline;             /* block 컨텍스트 안에서 inline으로 흘러야 ellipsis 작동 */
	background: transparent;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
}

/* 내부 각 항목 span — 구분자(») 양쪽 여백은 margin으로 */
nav.breadcrumb span {
	display: inline;
	font-size: 1em;
	color: var(--meta-color, #9ca3af);
	white-space: nowrap;
}

/* 구분자 앞뒤 여백: 각 항목 span에 margin-right, 구분자 뒤에 오는 span에 margin-left */
nav.row.breadcrumb > span > span {
	margin: 0 4px;
}

/* 첫 번째 항목(홈)은 왼쪽 margin 없이 */
nav.row.breadcrumb > span > span:first-child {
	margin-left: 0;
}

/* 기본 링크: 회색 */
nav.breadcrumb a,
nav.breadcrumb a:visited {
	color: var(--meta-color, #9ca3af);
	text-decoration: none;
}

nav.breadcrumb a:hover {
	color: #2563eb;
}

/* 첫 번째 항목(홈)만 검정색 */
nav.row.breadcrumb > span > span:first-child a,
nav.row.breadcrumb > span > span:first-child a:visited {
	color: #111827;
	font-weight: 500;
}

nav.row.breadcrumb > span > span:first-child a:hover {
	color: #2563eb;
}

/* 현재 페이지(마지막 항목) — 고정 너비 없이 자연스럽게 */
nav.breadcrumb span.breadcrumb_last {
	display: inline;             /* inline 유지 — nav의 overflow ellipsis에 위임 */
	font-weight: 400;
	color: var(--meta-color, #9ca3af);
	white-space: nowrap;
}

@media (max-width: 768px) {
	nav.breadcrumb {
		font-size: 14px;
	}
}

/* ================================================================== *
 * 싱글 포스트 제목
 * ================================================================== */

.single h1.entry-title {
	font-size: 1.75em;      /* 벤치마킹 사이트 수준으로 키움 */
	font-weight: 800;
	line-height: 1.45;
	color: #111827;
	word-break: keep-all;
	overflow-wrap: break-word;
	margin: 0 0 16px;
}

@media (max-width: 768px) {
	.single h1.entry-title {
		font-size: 1.45em;
	}
}

/* ================================================================== *
 * 엔트리 메타 (작성자 · 날짜 · 댓글)
 * ================================================================== */

.single .entry-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 20px;
	font-size: 0.9em;       /* 벤치마킹 기준 살짝 키움 */
	color: #6b7280;
}

/* 각 항목: 아이콘 + 텍스트 인라인 정렬 */
.single .entry-meta > span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

/* SVG 아이콘 */
.single .entry-meta svg.meta-icon {
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	fill: #9ca3af;
}

/* 링크 · 날짜 텍스트 */
.single .entry-meta a,
.single .entry-meta time {
	color: #6b7280;
	text-decoration: none;
	font-weight: 400;
}

.single .entry-meta a:hover {
	color: #2563eb;
}

/* 댓글 링크 버튼 스타일 초기화 */
.single span.comments-links a {
	display: inline;
	padding: 0;
	background-color: transparent;
	color: #6b7280 !important;
	border-radius: 0;
	font-weight: 400;
}

.single span.comments-links a:hover {
	color: #2563eb !important;
}

/* ================================================================== *
 * 모바일 조정
 * ================================================================== */

@media (max-width: 768px) {
	.single .entry-header {
		padding-bottom: 16px;
		margin-bottom: 20px;
	}

	.single .entry-meta {
		gap: 4px 14px;
		font-size: 0.85em;
	}

	.single .entry-meta > span {
		gap: 4px;
	}

	.single .entry-meta svg.meta-icon {
		width: 13px;
		height: 13px;
	}
}

/* ================================================================== *
 * Single Posts 레이아웃
 * ================================================================== */



.wp-block-image {
    margin-bottom: 20px;
}

.single footer.entry-meta > span {
    display: block;
    width: 100%;
}


/* ================================================================== *
 * 포스트 푸터 태그
 * ================================================================== */

/* 태그 아이콘 + 태그 목록 전체 영역 */
.entry-meta .tags-links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0;
	font-size: 0;	/* 콤마 텍스트 노드 숨김 */
}

/* GeneratePress 태그 아이콘 */
.entry-meta .tags-links .gp-icon {
	display: inline-flex;
	align-items: center;
	color: #6b7280;
	flex-shrink: 0;
	font-size: 14px;
	margin-right: 6px;
}

.entry-meta .tags-links .gp-icon svg {
	width: 14px;
	height: 14px;
	fill: #6b7280;
}

/* 스크린 리더 텍스트 숨김 */
.entry-meta .tags-links .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	font-size: 14px;
}

/* 태그 각 링크 — 심플 박스 스타일 */
.entry-meta .tags-links a {
	display: inline-flex;
	align-items: center;
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	color: #374151;
	background-color: #f3f4f6;
	border: 1px solid #e5e7eb;
	border-radius: 4px;
	padding: 5px 10px;
	text-decoration: none;
	transition: background-color 0.15s, border-color 0.15s, color 0.15s;
	white-space: nowrap;
	margin: 0 6px 6px 0;	/* 오른쪽·아래쪽 여백으로 간격 처리 */
}

.entry-meta .tags-links a:hover {
	background-color: #2563eb;
	border-color: #2563eb;
	color: #ffffff;
}



/* ================================================================== *
 * 싱글 포스트 및 일반 페이지 헤딩 스타일 (미니멀 & 세련된 스타일)
 * (홈페이지, 아카이브 페이지 제외)
 * ================================================================== */

/* 공통 */
.single .entry-content h2,
.page:not(.home) .entry-content h2,
.single .entry-content h3,
.page:not(.home) .entry-content h3,
.single .entry-content h4,
.page:not(.home) .entry-content h4,
.single .entry-content h5,
.page:not(.home) .entry-content h5 {
	font-weight: 700;
	line-height: 1.4;
	word-break: keep-all;
	overflow-wrap: break-word;
	margin-top: 2em;
	margin-bottom: 0.8em;
}

/* H2 — 가장 굵은 좌측 실선 */
.single .entry-content h2,
.page:not(.home) .entry-content h2 {
	font-size: 1.45em;
	color: #111827;
	padding-left: 14px;
	border-left: 6px solid #111827;
}

/* H3 — 중간 굵기 좌측 실선 */
.single .entry-content h3,
.page:not(.home) .entry-content h3 {
	font-size: 1.25em;
	color: #374151; /* H2보다 살짝 부드러운 색상 */
	padding-left: 12px;
	border-left: 4px solid #374151;
}

/* H4 — 얇은 좌측 실선 */
.single .entry-content h4,
.page:not(.home) .entry-content h4 {
	font-size: 1.1em;
	font-weight: 600;
	color: #4b5563; /* H3보다 살짝 부드러운 색상 */
	padding-left: 10px;
	border-left: 2px solid #4b5563;
}

/* H5 — 선 없이 텍스트만 (대문자 + 자간) */
.single .entry-content h5,
.page:not(.home) .entry-content h5 {
	font-size: 0.95em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #6b7280;
}

/* 모바일 */
@media (max-width: 768px) {
	.single .entry-content h2,
	.page:not(.home) .entry-content h2 {
		font-size: 1.3em;
		padding-left: 12px;
		border-left-width: 5px; /* 모바일 선 두께 5px */
	}

	.single .entry-content h3,
	.page:not(.home) .entry-content h3 {
		font-size: 1.15em;
		padding-left: 10px;
		border-left-width: 3px; /* 모바일 선 두께 3px */
	}

	.single .entry-content h4,
	.page:not(.home) .entry-content h4 {
		font-size: 1.05em;
		padding-left: 8px;
		border-left-width: 2px; /* 모바일 선 두께 2px 유지 */
	}
}




/****************************************/
/* 사이트 헤더 */
/****************************************/

.site-header {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


.home .site-main, .archive .site-main {
    margin-top: 25px;
}


/*****************************/
/* 사이드바 */
/*******************************/
/* 사이드바 너비 */
@media (min-width: 769px) {
	body:not(.home):not(.archive) #right-sidebar {
		width: 300px;
	}

	body:not(.home):not(.archive) #primary {
		width: calc(100% - 300px);
	}

	body:not(.home):not(.archive) .separate-containers .inside-right-sidebar {
		margin-top: 20px !important;
	}

	/* 사이드바 내부 래퍼 — JS로 고정 위치 제어 */
	body:not(.home):not(.archive) .inside-right-sidebar {
		position: sticky;
		top: 20px;
	}
}


/* ================================================================== *
 * 사이드바 — 많이 본 뉴스 (WordPress Popular Posts)
 * ================================================================== */

/* 위젯 제목 */
#right-sidebar .popular-posts h2 {
	font-size: 1.2em;
	font-weight: 700;
	color: #111827;
	margin: 0 0 16px;
	padding: 0;
	border: none;
}

/* 리스트 초기화 */
#right-sidebar .wpp-list {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	overflow: hidden;
}

/* 개별 항목 공통 */
#right-sidebar .wpp-list li {
	display: grid;
	grid-template-columns: 95px 1fr;
	grid-template-rows: auto auto;
	column-gap: 12px;
	align-items: start;
	padding: 12px;
	border-bottom: 1px solid #e5e7eb;
}

#right-sidebar .wpp-list li:last-child {
	border-bottom: none;
}

/* 썸네일 링크 */
#right-sidebar .wpp-list li > a:first-child {
	grid-column: 1;
	grid-row: 1 / 3;
	display: block;
	flex-shrink: 0;
}

/* 썸네일 이미지 */
#right-sidebar .wpp-list li > a:first-child img {
	display: block;
	width: 95px;
	height: 63px;
	object-fit: cover;
	border-radius: 4px;
}

/* 제목 */
#right-sidebar .wpp-list li .wpp-post-title {
	grid-column: 2;
	grid-row: 1;
	display: block;
	font-size: 0.875em;
	font-weight: 500;
	color: #111827;
	line-height: 1.5;
	word-break: keep-all;
	text-decoration: none;
}

#right-sidebar .wpp-list li .wpp-post-title:hover {
	color: #6b7280;
}

/* 날짜 영역 */
#right-sidebar .wpp-list li .wpp-meta {
	grid-column: 2;
	grid-row: 2;
	margin-top: 5px;
}

/* 날짜 텍스트 */
#right-sidebar .wpp-list .wpp-date {
	font-size: 0.8em;
	color: #9ca3af;
}


/* ================================================================== *
 * 사이드바 — 태그 클라우드
 * ================================================================== */

/* 위젯 제목 — 많이 본 뉴스와 동일 */
#right-sidebar #block-11 h2,
#right-sidebar #block-10 h2,
#right-sidebar .widget_tag_cloud .wp-block-heading {
	font-size: 1.2em;
	font-weight: 700;
	color: #111827;
	margin: 0 0 16px;
	padding: 0;
	border: none;
}

/* 태그 클라우드 래퍼 */
#right-sidebar .wp-block-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	margin: 0;
	padding: 0;
}

/* 개별 태그 링크 */
#right-sidebar .wp-block-tag-cloud a {
	display: inline-flex;
	align-items: center;
	font-size: 13px !important;	/* WPP 인라인 스타일 무력화 */
	font-weight: 400;
	line-height: 1;
	color: #374151;
	background-color: #f3f4f6;
	border: 1px solid #e5e7eb;
	border-radius: 4px;
	padding: 5px 10px;
	text-decoration: none;
	margin: 0 6px 6px 0;
	transition: background-color 0.15s, border-color 0.15s, color 0.15s;
	white-space: nowrap;
}

#right-sidebar .wp-block-tag-cloud a:hover {
	background-color: #2563eb;
	border-color: #2563eb;
	color: #ffffff;
	text-decoration: none;
}

/* aria-label의 개수 텍스트는 숨기고 태그명만 표시
   — 개수를 표시하려면 아래 주석 해제 불필요 (기본 텍스트에 포함 안 됨) */

/* 태그 클라우드 위젯 간격 */
#right-sidebar #block-11 {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

aside.widget_tag_cloud {
    padding-top: 0!important;
}




/* ================================================================== *
 * 푸터 위젯 영역 (#footer-widgets)
 * ================================================================== */

.footer-widget-1 aside#block-8 {
	margin-bottom: 0 !important;
}

/* 본문 + 소셜을 PC에서 좌우 배치 */
.footer-widget-1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

/* 본문 텍스트 블록 */
.footer-widget-1 #block-8 {
	flex: 1;
	min-width: 0;
}

/* (1) 본문 단락 — 벤치마킹 기준 글자 크기·색상 */
.footer-widget-1 #block-8 .wp-block-paragraph {
	font-size: 14px;
	line-height: 1.8;
	color: #9ca3af;
	margin: 0;
}

/* 소셜 아이콘 블록 — PC 오른쪽 정렬 */
.footer-widget-1 #block-7 {
	flex-shrink: 0;
}

.footer-widget-1 #block-7 .wp-block-social-links {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
}

/* ================================================================== *
 * 하단 바 (.footer-bar) — 메뉴 + 저작권
 * ================================================================== */

/* footer-bar 전체 중앙 정렬 */
.site-info .footer-bar {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/* ── 탐색 메뉴 (#nav_menu-3) ── */
.site-info .footer-bar #nav_menu-3 {
	width: 100%;
	padding-bottom: 18px;
	margin-bottom: 18px;
	/* 메뉴 아래 구분선 */
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.site-info .footer-bar #menu-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 20px; /* 구분자 제거 후 간격을 적절히 줄여서 적용 */
}

.site-info .footer-bar #menu-footer li.menu-item {
	position: relative;
}

/* (4) 메뉴 링크 — 글자 크기·색상 */
.site-info .footer-bar #menu-footer li.menu-item a {
	font-size: 14px;
	font-weight: 700; /* 이미지 참고하여 굵게 수정 */
	color: #ffffff; /* 이미지 참고하여 밝은 색으로 수정 */
	text-decoration: none;
	transition: color 0.15s;
}

/* (4) 메뉴 hover — #00a3ff */
.site-info .footer-bar #menu-footer li.menu-item a:hover {
	color: #00a3ff;
	text-decoration: none;
}

/* ── (2) 저작권·법적 고지 (#block-12) ── */
.site-info .footer-bar #block-12 {
	font-size: 13px;
	line-height: 1.9;
	color: #9ca3af;
	text-align: center;
	word-break: keep-all;
}

.site-info .footer-bar #block-12 a {
	color: #9ca3af;
	text-decoration: none;
}

.site-info .footer-bar #block-12 a:hover {
	color: #00a3ff;
}

/* copyright-bar 완전 제거 */
.site-info .copyright-bar {
	display: none !important;
}

/* ================================================================== *
 * 모바일 (768px 이하)
 * ================================================================== */

@media (max-width: 768px) {
	/* (1) 본문 + 소셜 세로 정렬, 중앙 */
	.footer-widget-1 {
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}

	.footer-widget-1 #block-8 .wp-block-paragraph {
		text-align: center;
		font-size: 13px;
	}

	/* 소셜 아이콘 중앙 정렬 */
	.footer-widget-1 #block-7 .wp-block-social-links {
		justify-content: center;
	}

	/* (4) 메뉴 — 3열 그리드 */
	.site-info .footer-bar #menu-footer {
		display: grid;
		grid-template-columns: repeat(3, auto);
		justify-content: center;
		gap: 12px 18px; /* 모바일에서도 간격 살짝 축소 */
	}

	.site-info .footer-bar #menu-footer li.menu-item a {
		font-size: 13px;
	}

	/* (2) 저작권 텍스트 */
	.site-info .footer-bar #block-12 {
		font-size: 12px;
		line-height: 1.8;
	}
}

/* ================================================================== *
 * 댓글 섹션
 * ================================================================== */

/* 댓글 폼 제목 */
#reply-title {
	font-size: 1.2em;
	font-weight: 700;
	color: #111827;
	margin: 0 0 24px;
	padding-left: 12px;
	border-left: 3px solid #2563eb;
}

#reply-title small a {
	font-size: 0.75em;
	font-weight: 400;
	color: #9ca3af;
	text-decoration: none;
	margin-left: 10px;
}

#reply-title small a:hover {
	color: #2563eb;
}

/* 댓글 폼 */
#commentform {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* 댓글 textarea */
#commentform textarea#comment {
	width: 100%;
	min-height: 140px;
	padding: 12px 14px;
	font-size: 14px;
	line-height: 1.7;
	color: #111827;
	background-color: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	resize: vertical;
	transition: border-color 0.15s;
	box-sizing: border-box;
	font-family: inherit;
}

#commentform textarea#comment:focus {
	outline: none;
	border-color: #2563eb;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}

/* 텍스트 입력 필드 (이름, 이메일, 웹사이트) */
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"] {
	width: 100%;
	padding: 10px 14px;
	font-size: 14px;
	color: #111827;
	background-color: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	transition: border-color 0.15s;
	box-sizing: border-box;
	font-family: inherit;
}

#commentform input[type="text"]:focus,
#commentform input[type="email"]:focus,
#commentform input[type="url"]:focus {
	outline: none;
	border-color: #2563eb;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}

/* placeholder 색상 */
#commentform input::placeholder,
#commentform textarea::placeholder {
	color: #9ca3af;
}

/* 쿠키 동의 체크박스 */
.comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0;
}

.comment-form-cookies-consent input[type="checkbox"] {
	margin-top: 3px;
	flex-shrink: 0;
	accent-color: #2563eb;
}

.comment-form-cookies-consent label {
	font-size: 13px;
	color: #6b7280;
	line-height: 1.6;
}

/* 제출 버튼 */
.form-submit {
	margin: 4px 0 0;
}

#commentform input#submit {
	display: inline-flex;
	align-items: center;
	padding: 10px 24px;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	background-color: #2563eb;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: background-color 0.15s;
	font-family: inherit;
}

#commentform input#submit:hover {
	background-color: #1d4ed8;
}

/* comment-form-comment p 태그 마진 초기화 */
.comment-form-comment {
	margin: 0;
}

/* ================================================================== *
 * 모바일
 * ================================================================== */

@media (max-width: 768px) {
	.comments-area {
		margin-top: 28px;
		padding-top: 24px;
	}

	#reply-title {
		font-size: 1.1em;
	}

	#commentform textarea#comment {
		min-height: 120px;
		font-size: 14px;
	}

	#commentform input[type="text"],
	#commentform input[type="email"],
	#commentform input[type="url"] {
		font-size: 14px;
	}
}



/* ================================================================== *
 * 포스트 내비게이션
 * ================================================================== */

.single #nav-below {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-top: 32px;
	padding-top: 32px;
	border-top: 1px solid #e5e7eb;
	width: 100%;
	box-sizing: border-box;
}

.single .nav-previous,
.single .nav-next {
	display: flex;
	align-items: center;
	min-width: 0;
	max-width: calc(50% - 6px);
}

/* 이전글 — 오른쪽 */
.single .nav-previous {
	justify-content: flex-end;
	order: 2;
	margin-left: auto;
}

/* 다음글 — 왼쪽 */
.single .nav-next {
	justify-content: flex-start;
	order: 1;
}

/* GP 기본 아이콘 숨김 */
.single .post-navigation .gp-icon {
	display: none;
}

/* 링크 — 말줄임의 실질적 컨테이너 */
.single .nav-previous a,
.single .nav-next a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 16px;
	background-color: #f9fafb;
	border: 1px solid #e5e7eb;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	color: #111827;
	text-decoration: none;
	transition: background-color 0.15s, border-color 0.15s, color 0.15s;
	/* 말줄임 핵심 3종 세트 */
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
}

.single .nav-previous a:hover,
.single .nav-next a:hover {
	background-color: #eff6ff;
	border-color: #2563eb;
	color: #2563eb;
}

/* 다음글 화살표 */
.single .nav-next a::before {
	content: '‹';
	font-size: 16px;
	color: #9ca3af;
	flex-shrink: 0;
	transition: color 0.15s;
}

.single .nav-next a:hover::before {
	color: #2563eb;
}

/* 이전글 화살표 */
.single .nav-previous a::after {
	content: '›';
	font-size: 16px;
	color: #9ca3af;
	flex-shrink: 0;
	transition: color 0.15s;
}

.single .nav-previous a:hover::after {
	color: #2563eb;
}

/* 제목 텍스트 — 말줄임 */
.single .nav-previous .prev,
.single .nav-next .next {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	min-width: 0;
}

/* ================================================================== *
 * 모바일
 * ================================================================== */

@media (max-width: 768px) {
	.single #nav-below {
		flex-direction: column;
		gap: 8px;
		margin-top: 24px;
		padding-top: 24px;
	}

	.single .nav-previous,
	.single .nav-next {
		max-width: 100%;
		width: 100%;
		margin: 0;
	}

	.single .nav-previous {
		justify-content: flex-end;
		order: 2;
	}

	.single .nav-next {
		justify-content: flex-start;
		order: 1;
	}

	.single .nav-previous a,
	.single .nav-next a {
		width: 100%;
		font-size: 13px;
		padding: 10px 14px;
	}
}


/* 작성자 박스 */
.saboxplugin-wrap .saboxplugin-gravatar img {
    border-radius: 50% !important;
}