/*
Theme Name: Codingnuri
Theme URI: https://codingnuri.com/
Author: Codingnuri
Description: golang-book(Go 프로그래밍 입문) 사이트의 GitHub 마크다운 스타일을 옮긴 블로그 테마. 미색 종이 배경 위 726px 흰 본문 상자, 위젯이 있을 때만 나오는 오른쪽 사이드바, 단순한 타이포그래피, Prism 코드 하이라이팅을 제공한다. Twenty Twelve를 기반으로 만들었다.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 7.1
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-menu, editor-style, featured-images, sticky-post, translation-ready
Text Domain: codingnuri

This theme, like WordPress, is licensed under the GPL.
Based on Twenty Twelve (https://wordpress.org/themes/twentytwelve/), (C) WordPress.org, GPLv2 or later.
Typography adapted from markdownpad-github by Nicolas Hery (https://github.com/nicolahery/markdownpad-github).
*/

/* =Table of Contents
--------------------------------------------------------------
1. 기본값(리셋)
2. 본문 상자와 레이아웃
3. 헤더와 메뉴
4. 타이포그래피(golang-book)
5. 글 목록과 글
6. 이전/다음 내비게이션(paging)
7. 워드프레스 기본 클래스
8. 댓글
9. 폼과 검색
10. 사이드바 위젯
11. 푸터
12. 작은 화면
13. 인쇄
-------------------------------------------------------------- */


/* =1. 기본값(리셋)
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section {
	display: block;
}

*, *::before, *::after {
	box-sizing: border-box;
}

/* Hide visually but keep available for screen readers. */
.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}


/* =2. 본문 상자와 레이아웃
-------------------------------------------------------------- */

body {
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;
	font-size: 16px;
	line-height: 1.7;
	background: #f4f1ea;
	color: #333;
	margin: 0 auto;
	word-break: keep-all;
	overflow-wrap: break-word;
}

/* golang-book의 #container: 미색 종이 배경 위 가운데 흰 상자 */
.site {
	background: #fff;
	border: 1px solid #d6cfc0;
	border-top: none;
	border-bottom: none;
	margin: 0 auto;
	max-width: 768px; /* 본문 726px + 좌우 여백 20px + 테두리 1px */
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.site-header,
.wrapper,
.site-footer {
	padding-left: 20px;
	padding-right: 20px;
}

.wrapper {
	flex: 1 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* 애드센스 광고 자리(golang-book처럼 본문 상자 위·아래) */
.ad-unit {
	padding: 15px 20px 0;
	text-align: center;
	overflow: hidden;
}

.ad-unit-bottom {
	padding: 0 20px 15px;
}

/* 본문의 ins(삽입 글자) 강조색이 광고 자리에 묻어나지 않게 한다. */
ins.adsbygoogle {
	background: transparent;
	text-decoration: none;
}

/* 사이드바가 있을 때: 본문 726px은 그대로 두고 상자를 오른쪽으로 넓힌다. */
.has-sidebar .site {
	max-width: 1050px; /* 본문 726 + 간격 20 + 사이드바 261 + 좌우 여백 40 + 테두리 2 */
}

.has-sidebar .wrapper {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.has-sidebar .site-content {
	flex: 1 1 726px;
	min-width: 0;
	max-width: 726px;
}

.widget-area {
	flex: 0 0 261px;
	min-width: 0;
	padding-left: 20px;
	border-left: 1px solid #e8e2d6;
	font-size: 15px;
}


/* =3. 헤더와 메뉴
-------------------------------------------------------------- */

.site-header {
	border-bottom: 1px solid #d6cfc0;
	padding-top: 14px;
	padding-bottom: 14px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 6px 20px;
}

.site-title {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
	-webkit-font-smoothing: antialiased;
}

.site-title a {
	color: #000;
}

.site-title a:hover {
	color: #4183c4;
	text-decoration: none;
}

.site-description {
	color: #777;
	font-size: 14px;
	margin: 2px 0 0;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation li {
	position: relative;
	display: inline-block;
	margin: 0 0 0 16px;
}

.main-navigation li:first-child {
	margin-left: 0;
}

.main-navigation a {
	color: #4183c4;
	display: block;
	line-height: 2;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	color: #000;
	font-weight: bold;
}

/* 하위 메뉴 */
.main-navigation ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: -10px;
	z-index: 99;
	min-width: 160px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 4px 0;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.main-navigation ul ul li {
	display: block;
	margin: 0;
}

.main-navigation ul ul a {
	padding: 0 10px;
	white-space: nowrap;
}

.main-navigation li:hover > ul,
.main-navigation li:focus-within > ul {
	display: block;
}

.menu-toggle {
	display: none;
}


/* =4. 타이포그래피(golang-book)
-------------------------------------------------------------- */

p, blockquote, ul, ol, dl, table, pre {
	margin: 15px 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 20px 0 10px;
	padding: 0;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	line-height: 1.4;
}

h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code {
	font-size: inherit;
}

h1 {
	font-size: 32px;
	color: #000;
}

h2 {
	font-size: 26px;
	border-bottom: 1px solid #ccc;
	color: #000;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	color: #777;
	font-size: 16px;
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
	margin-top: 10px;
}

.entry-content > :first-child,
.comment-content > :first-child {
	margin-top: 0;
}

.entry-content > :last-child,
.comment-content > :last-child {
	margin-bottom: 0;
}

/* 링크 */
a {
	color: #4183c4;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:focus-visible {
	outline: 2px solid #4183c4;
	outline-offset: 1px;
}

/* 목록 */
ul, ol {
	padding-left: 30px;
}

ul li > :first-child,
ol li > :first-child,
ul li ul:first-of-type,
ol li ol:first-of-type,
ul li ol:first-of-type,
ol li ul:first-of-type {
	margin-top: 0;
}

ul ul, ul ol, ol ol, ol ul {
	margin-bottom: 0;
}

dl {
	padding: 0;
}

dl dt {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	padding: 0;
	margin: 15px 0 5px;
}

dl dd {
	margin: 0 0 15px;
	padding: 0 15px;
}

/* 코드 */
pre, code, kbd, samp, tt {
	font-size: 15px;
	font-family: Consolas, "Liberation Mono", Menlo, Courier, "D2Coding", monospace;
}

code, tt {
	margin: 0;
	padding: 0 2px;
	white-space: pre-wrap;
	border: 1px solid #eaeaea;
	background-color: #f8f8f8;
	border-radius: 3px;
}

pre {
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	font-size: 15px;
	line-height: 1.6;
	overflow: auto;
	padding: 6px 10px;
	border-radius: 3px;
	white-space: pre;
	word-break: normal;
	overflow-wrap: normal;
}

pre > code,
pre code,
pre tt {
	margin: 0;
	padding: 0;
	white-space: inherit;
	border: none;
	background: transparent;
	font-size: inherit;
}

kbd {
	background-color: #fafbfc;
	border: 1px solid #c6cbd1;
	border-bottom-color: #959da5;
	border-radius: 3px;
	box-shadow: inset 0 -1px 0 #959da5;
	font-size: 13px;
	padding: 1px 4px;
}

/* 인용 */
blockquote {
	border-left: 4px solid #ddd;
	padding: 0 15px;
	color: #777;
}

blockquote > :first-child {
	margin-top: 0;
}

blockquote > :last-child {
	margin-bottom: 0;
}

blockquote cite {
	font-style: normal;
	font-size: 14px;
}

/* 구분선 */
hr {
	clear: both;
	margin: 15px 0;
	height: 0;
	overflow: hidden;
	border: none;
	background: transparent;
	border-bottom: 4px solid #ddd;
	padding: 0;
}

/* 표 */
table {
	border-spacing: 0;
	border-collapse: collapse;
}

table th {
	font-weight: bold;
}

table th,
table td {
	border: 1px solid #ccc;
	padding: 6px 13px;
}

table tr {
	border-top: 1px solid #ccc;
	background-color: #fff;
}

table tr:nth-child(2n) {
	background-color: #f8f8f8;
}

/* 이미지 */
img {
	max-width: 100%;
	height: auto;
}

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

embed,
iframe,
object,
video {
	max-width: 100%;
}

/* 기타 인라인 요소 */
abbr[title] {
	border-bottom: 1px dotted;
	cursor: help;
	text-decoration: none;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

small {
	font-size: 85%;
}


/* =5. 글 목록과 글
-------------------------------------------------------------- */

.site-content article {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
}

.single .site-content article,
.page .site-content article {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.entry-header {
	margin-bottom: 20px;
}

.entry-title {
	margin: 0;
	border-bottom: none;
}

h2.entry-title {
	font-size: 24px;
}

.entry-title a {
	color: #000;
}

.entry-title a:hover {
	color: #4183c4;
	text-decoration: none;
}

.entry-meta {
	color: #777;
	font-size: 14px;
	margin-top: 4px;
}

.entry-meta a {
	color: #777;
}

.entry-meta a:hover {
	color: #4183c4;
}

.featured-post {
	display: inline-block;
	color: #fff;
	background: #4183c4;
	font-size: 13px;
	line-height: 1.6;
	padding: 0 6px;
	border-radius: 3px;
	margin-bottom: 6px;
}

.entry-content .post-thumbnail,
.entry-content .wp-post-image {
	display: block;
	margin: 0 auto 20px;
}

.more-link {
	white-space: nowrap;
}

.entry-summary p {
	margin: 0;
}

.entry-footer {
	margin-top: 20px;
	color: #777;
	font-size: 14px;
}

.page-links {
	clear: both;
	margin: 20px 0 0;
}

.page-links a,
.page-links > .post-page-numbers {
	display: inline-block;
	padding: 0 6px;
}

/* 목록 화면 제목(카테고리, 태그, 검색 등) */
.archive-header,
.page-header {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.archive-title,
.page-title {
	font-size: 26px;
	margin: 0;
}

.archive-title span,
.page-title span {
	color: #000;
}

.archive-meta {
	color: #777;
	margin-top: 10px;
}

.archive-meta p {
	margin: 0;
}

/* 글쓴이 소개 */
.author-info {
	display: flex;
	gap: 15px;
	margin: 0 0 30px;
	padding: 15px;
	background: #f8f8f8;
	border: 1px solid #eaeaea;
	border-radius: 3px;
}

.author-info h2 {
	font-size: 18px;
	border: none;
	margin: 0 0 5px;
}

.author-info p {
	margin: 0;
}

.author-avatar img {
	display: block;
	border-radius: 3px;
}

/* 첨부 이미지 화면 */
.image-attachment .entry-content {
	text-align: center;
}

.image-attachment .entry-caption,
.image-attachment .entry-description {
	text-align: left;
	color: #777;
}

#image-navigation {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	font-size: 14px;
}

/* 결과 없음 */
.no-results .entry-content {
	color: #777;
}


/* =6. 이전/다음 내비게이션(golang-book의 table.paging)
-------------------------------------------------------------- */

.paging {
	display: flex;
	align-items: flex-start;
	margin: 20px 0 0;
	padding: 10px 0 0;
	border-top: 1px solid #d6cfc0;
}

.paging .prev,
.paging .home,
.paging .next {
	flex: 1 1 33%;
}

.paging .prev {
	text-align: left;
	padding-right: 10px;
}

.paging .home {
	text-align: center;
	color: #777;
	flex-basis: 20%;
	white-space: nowrap;
}

.paging .next {
	text-align: right;
	padding-left: 10px;
}


/* =7. 워드프레스 기본 클래스
-------------------------------------------------------------- */

.alignleft {
	float: left;
	margin: 5px 20px 10px 0;
}

.alignright {
	float: right;
	margin: 5px 0 10px 20px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.entry-content::after,
.comment-content::after {
	content: "";
	display: table;
	clear: both;
}

.wp-caption {
	max-width: 100%;
	margin-bottom: 15px;
}

.wp-caption img {
	display: block;
	margin: 0 auto;
}

.wp-caption-text,
.gallery-caption,
figcaption {
	color: #777;
	font-size: 14px;
	text-align: center;
	margin-top: 5px;
}

.gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin: 15px 0;
}

.gallery-columns-1 { grid-template-columns: repeat(1, 1fr); }
.gallery-columns-2 { grid-template-columns: repeat(2, 1fr); }
.gallery-columns-4 { grid-template-columns: repeat(4, 1fr); }
.gallery-columns-5 { grid-template-columns: repeat(5, 1fr); }
.gallery-columns-6 { grid-template-columns: repeat(6, 1fr); }
.gallery-columns-7 { grid-template-columns: repeat(7, 1fr); }
.gallery-columns-8 { grid-template-columns: repeat(8, 1fr); }
.gallery-columns-9 { grid-template-columns: repeat(9, 1fr); }

.gallery-item {
	margin: 0;
	text-align: center;
}

.gallery-item img {
	display: block;
	margin: 0 auto;
}


/* =8. 댓글
-------------------------------------------------------------- */

.comments-area {
	margin-top: 40px;
}

.comments-title {
	font-size: 20px;
	margin: 0 0 15px;
}

.commentlist,
.commentlist .children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.commentlist .children {
	margin-left: 30px;
}

.commentlist li {
	margin: 0;
}

.commentlist article.comment,
.commentlist .pingback > p,
.commentlist .trackback > p {
	border-top: 1px solid #eee;
	padding: 15px 0;
	margin: 0;
}

.comment-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 8px;
	font-size: 14px;
	color: #777;
}

.comment-meta img.avatar {
	border-radius: 3px;
}

.comment-meta cite {
	font-style: normal;
	color: #333;
}

.comment-meta cite b {
	font-weight: bold;
}

.comment-meta .post-author {
	color: #fff;
	background: #4183c4;
	font-size: 12px;
	padding: 0 5px;
	border-radius: 3px;
	margin-left: 4px;
}

.comment-meta a {
	color: #777;
}

.comment-content {
	margin: 10px 0 0;
}

.comment-content p {
	margin: 0 0 10px;
}

.comment-content .edit-link {
	font-size: 13px;
}

.comment-awaiting-moderation {
	color: #777;
	font-style: italic;
	margin: 8px 0 0;
}

.reply {
	font-size: 14px;
}

.nocomments {
	color: #777;
	text-align: center;
}

/* 댓글 쓰기 폼 */
.comment-respond {
	margin-top: 30px;
}

.comment-reply-title {
	font-size: 20px;
	margin: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comment-reply-title small {
	font-size: 14px;
	font-weight: normal;
	margin-left: 8px;
}

.comment-form p {
	margin: 10px 0;
}

.comment-form label {
	display: block;
	font-weight: bold;
	margin-bottom: 4px;
}

.comment-form .comment-form-cookies-consent label {
	display: inline;
	font-weight: normal;
}

.comment-notes,
.logged-in-as {
	color: #777;
	font-size: 14px;
}

.required {
	color: #c00;
}


/* =9. 폼과 검색
-------------------------------------------------------------- */

button,
input,
select,
textarea {
	font: inherit;
	color: #333;
	margin: 0;
	vertical-align: baseline;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea {
	width: 100%;
	max-width: 100%;
	padding: 6px 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fff;
}

input:focus,
textarea:focus {
	border-color: #4183c4;
	outline: none;
	box-shadow: 0 0 0 2px rgba(65, 131, 196, 0.2);
}

textarea {
	min-height: 120px;
	resize: vertical;
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
	padding: 5px 14px;
	border: 1px solid #aaa;
	border-radius: 3px;
	background: #f8f8f8;
	color: #333;
	line-height: 1.6;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	background: #eee;
}

.search-form {
	display: flex;
	gap: 6px;
	margin: 15px 0;
}

.search-form label {
	flex: 1;
}

.search-form .search-field {
	width: 100%;
}


/* =10. 사이드바 위젯
-------------------------------------------------------------- */

.widget {
	margin: 0 0 25px;
}

.widget:last-child {
	margin-bottom: 0;
}

.widget-title,
.widget h2 {
	color: #000;
	font-size: 16px;
	margin: 0 0 8px;
	padding: 0 0 4px;
	border-bottom: 1px solid #ccc;
}

.widget p {
	margin: 0 0 10px;
}

.widget ul,
.widget ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget li {
	margin: 0;
	padding: 3px 0;
}

.widget li ul,
.widget li ol {
	padding-left: 12px;
}

.widget .post-date,
.widget .rss-date,
.widget .wp-block-latest-posts__post-date,
.widget .wp-block-latest-comments__comment-date {
	display: block;
	color: #777;
	font-size: 13px;
}

.widget select {
	max-width: 100%;
	padding: 4px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fff;
}

.widget .search-form,
.widget .wp-block-search__inside-wrapper {
	display: flex;
	gap: 6px;
	margin: 0;
}

.widget .wp-block-search__label {
	display: block;
	font-weight: bold;
	margin-bottom: 4px;
}

.widget .wp-block-search__input {
	min-width: 0;
	flex: 1;
	padding: 4px 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.widget .wp-block-search__button.wp-element-button {
	margin: 0;
	padding: 4px 10px;
	border: 1px solid #aaa;
	border-radius: 3px;
	background: #f8f8f8;
	color: #333;
	font-size: 14px;
}

.widget .wp-block-search__button.wp-element-button:hover {
	background: #eee;
}

.widget .tagcloud a,
.widget .wp-block-tag-cloud a {
	display: inline-block;
	margin: 0 4px 4px 0;
}

.widget_calendar table,
.widget .wp-calendar-table {
	width: 100%;
	margin: 0;
}

.widget_calendar th,
.widget_calendar td,
.widget .wp-calendar-table th,
.widget .wp-calendar-table td {
	padding: 2px;
	text-align: center;
}

.widget img {
	display: block;
}


/* =11. 푸터(golang-book의 #footer)
-------------------------------------------------------------- */

.site-footer {
	border-top: 1px solid #d6cfc0;
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #777;
}

.site-footer a {
	color: #777;
}

.site-footer a:hover {
	color: #4183c4;
}


/* =12. 작은 화면
-------------------------------------------------------------- */

/* 사이드바가 들어갈 폭이 안 되면 본문 아래로 내린다. */
@media screen and (max-width: 1050px) {
	.has-sidebar .site {
		max-width: 768px;
	}

	.has-sidebar .wrapper {
		display: block;
	}

	.has-sidebar .site-content {
		max-width: none;
	}

	.widget-area {
		margin-top: 30px;
		padding: 20px 0 0;
		border-left: none;
		border-top: 1px solid #d6cfc0;
	}
}

@media screen and (max-width: 768px) {
	.site {
		border: none;
	}
}

@media screen and (max-width: 600px) {
	.site-header,
	.wrapper,
	.ad-unit,
	.site-footer {
		padding-left: 16px;
		padding-right: 16px;
	}

	.site-header {
		position: relative;
		align-items: flex-start;
	}

	.site-branding {
		flex: 1;
		min-width: 0;
		padding-right: 70px;
	}

	.main-navigation {
		width: 100%;
	}

	.menu-toggle {
		display: block;
		position: absolute;
		top: 14px;
		right: 16px;
		font-size: 14px;
		padding: 2px 10px;
	}

	.main-navigation .nav-menu {
		display: none;
	}

	.main-navigation .nav-menu.toggled-on {
		display: block;
		border-top: 1px solid #eee;
		padding-top: 6px;
	}

	.main-navigation li {
		display: block;
		margin: 0;
	}

	.main-navigation ul ul {
		display: block;
		position: static;
		border: none;
		box-shadow: none;
		padding: 0 0 0 15px;
		min-width: 0;
	}

	.main-navigation ul ul a {
		padding: 0;
	}

	h1, .entry-title {
		font-size: 26px;
	}

	h2 {
		font-size: 22px;
	}

	h2.entry-title,
	.archive-title,
	.page-title {
		font-size: 22px;
	}

	.alignleft,
	.alignright {
		float: none;
		margin: 15px auto;
		display: block;
	}

	.gallery {
		grid-template-columns: repeat(2, 1fr);
	}

	.commentlist .children {
		margin-left: 15px;
	}

	.paging {
		flex-wrap: wrap;
	}

	.paging .home {
		order: -1;
		flex-basis: 100%;
		margin-bottom: 6px;
	}

	.paging .prev,
	.paging .next {
		flex-basis: 50%;
	}
}


/* =13. 인쇄
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}

	.site {
		border: none;
		max-width: 100%;
		min-height: 0;
	}

	.site-header,
	.wrapper,
	.site-footer {
		padding-left: 0;
		padding-right: 0;
	}

	.main-navigation,
	.widget-area,
	.ad-unit,
	.paging,
	.comments-area,
	.comment-respond,
	.edit-link,
	.site-footer {
		display: none;
	}

	pre {
		white-space: pre-wrap;
		overflow: visible;
	}
}