.장 {
margin-left: auto;
margin-right: auto;
text-align: center;
font-weight: bold;
color: #f00;
font-size: 30px;
}

.장:not(:last-child) {
    border-bottom: 1px solid #000;
}

.절 {
text-align: start;
font-size: 18px;
}

/* 조 클래스 - 가장 상위 수준 */
.조 {
margin-left: 0;
/* 최상위 수준 들여쓰기 없음 */
font-weight: bold;
font-size: 16px;
text-align: start;
color: #333;
}

.조 > p {
margin-left: 20px;
font-weight: 400;
}

/* 항 클래스 - 두 번째 수준 */
.항 {
margin-left: 20px;
/* 20px 들여쓰기 */
font-weight: normal;
font-size: 14px;
color: #555;
}

/* 호 클래스 - 세 번째 수준 */
.호 {
margin-left: 40px;
/* 40px 들여쓰기 */
font-style: italic;
font-size: 12px;
color: #777;
}

.톡박스 {
margin: 20px;
padding: 10px 60px;
background-color: #f9f9f9;
border: 1px solid #ddd;
}

.톡 {
font-size: 20px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}

.톡장 {
display: block;
font-size: 18px;
font-weight: bold;
margin-top: 0.5em;
}

.톡절 {
display: block;
font-size: 16px;
margin-left: 20px;
}

.참조 {
text-decoration: none;
color: #3498db;
}