@charset "utf-8";

* {
	word-break: keep-all;
}

/* 바탕 */
body {
	background-color:#e6f0ea;
}

#all {
	font-family: 'Noto Serif KR', serif;
	max-width: 780px;
	margin: 50px auto;
	padding: 0 20px;
	color: #2f2f2f;
	background: #fefaf5; /* 아주 연한 크림색 */
	line-height: 1.75;
	font-size: 1.1rem;
	box-shadow:8px 17px 14px 3px rgba(100, 100, 100, 0.25);
	padding-top:20px;
	border-radius:20px;
}

/* 각 문단 간격 */
p {
	margin-bottom: 1.6em;
}

/* 각주 첨자 */
sup a {
	color: #7a7a7a;
	font-size: 0.75em;
	text-decoration: none;
}
sup a:hover {
	color: #b1673f;
}

/* 각주 영역 */
.footnotes {
	margin-top: 70px;
	padding-top: 25px;
	border-top: 2px solid #d4c6a0;
	font-size: 0.9rem;
	color: #555;
	background: #fff9e6;
	border-radius: 10px;
}
.footnotes h3 {
	margin-bottom: 0.8em;
	color: #8b7a47;
	font-weight: 700;
}
.footnotes p {
	margin-bottom: 0.9em;
}
.footnotes a {
	color: #a07d3f;
	text-decoration: none;
}
.footnotes a:hover {
	text-decoration: underline;
}

/* details - TMI 같은 부가 정보 */
details {
	margin: 1.5em 0;
	padding: 1em 1.2em;
	background: #fff6d1;
	border-left: 5px solid #d1b15a;
	border-radius: 6px;
	box-shadow: 1px 1px 6px #dbc87a44;
}
summary {
	font-weight: 700;
	cursor: pointer;
	color: #a37d21;
	font-size: 1.05rem;
}

.footnotes {
	padding-bottom:20px;
}

/* 강조 인용구 느낌 */
blockquote {
	margin: 1.8em 0;
	padding-left: 1em;
	border-left: 4px solid #c3a95b;
	font-style: italic;
	color: #6b5e2f;
}

/* 제목 스타일 (필요 시) */
h1 {
	font-size: 2.6rem;
	font-weight: 800;
	margin-bottom: 1em;
	color: #7a643b;
	text-align: center;
	letter-spacing: 1.5px;
}

h2 {
    font-size: 2rem;
    font-weight: 750;
    margin-top: 2em;
    margin-bottom: 1em;
    color: #8d7349;
    text-align: center;
    letter-spacing: 1.2px;
    border-bottom: 1px solid #c2a45a;
    padding-bottom: 0.25em;
}

h3 {
	color: #9b8a51;
	font-weight: 700;
	margin-top: 2.5em;
	margin-bottom: 1em;
	border-bottom: 1px solid #d1b15a;
	padding-bottom: 0.2em;
}

/* 링크 스타일 */
a {
	color: #a67c27;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}