/* =================================
  Subpage 2 ('Info 1') Styles
  ================================= */

.content-article {
    margin-bottom: 60px;
}

/* 시안(2.jpg)의 소제목 스타일 (빨간색 밑줄) */
.article-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--main-color);
    color: #FF677E;
}

/* 시안(2.jpg)의 일러스트 스타일 (subpage1.css와 동일) */
figure.content-illust {
    max-width: 500px;
    margin: 100px 0 50px auto; /* margin-left: auto로 오른쪽 정렬 */
}


/* 시안(2.jpg)의 참고각주 스타일 */
.footnote-section {
    margin-top: 80px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.footnote-section h4 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #555;
}

.footnote-section ol {
    list-style: decimal; /* 숫자 목록 */
    padding-left: 20px;
}

.footnote-section li {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 10px;
    line-height: 1.6;
}

.footnote-section li a {
    text-decoration: underline;
    word-break: break-all;
}

.footnote-section li a:hover {
    color: var(--main-color);
}