/* ============================================
   이용약관 페이지 전용 스타일
   ============================================ */

/* ========================================
   본문 섹션
   ======================================== */
.terms-section {
    padding: 80px 20px 120px;
    background: #fff;
}

.terms-container {
    max-width: 1100px;
    margin: 0 auto;
}

/* ========================================
   헤더 (서브타이틀 + 메인 타이틀)
   ======================================== */
.terms-header {
    text-align: center;
    margin-bottom: 60px;
}

.terms-subtitle {
    font-size: 13px;
    color: #A6756A;
    letter-spacing: 5px;
    font-weight: 500;
    margin-bottom: 14px;
}

.terms-title {
    font-size: 32px;
    font-weight: 700;
    color: #111;
    letter-spacing: -0.5px;
}

/* ========================================
   본문 컨텐츠 박스
   ======================================== */
.terms-content {
    border: 1px solid #E6E0DC;
    border-radius: 8px;
    padding: 50px 60px;
    background: #FAF8F7;
    line-height: 1.8;
    color: #333;
}

/* ========================================
   장(Chapter)
   ======================================== */
.terms-chapter {
    margin-bottom: 40px;
}

.terms-chapter:last-child {
    margin-bottom: 0;
}

.terms-chapter-title {
    font-size: 20px;
    font-weight: 700;
    color: #A6756A;
    padding-bottom: 12px;
    margin-bottom: 24px;
    border-bottom: 2px solid #A6756A;
    letter-spacing: 0.5px;
}

/* ========================================
   조(Article)
   ======================================== */
.terms-article {
    margin-bottom: 28px;
    padding-left: 8px;
}

.terms-article:last-child {
    margin-bottom: 0;
}

.terms-article-title {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
}

/* ========================================
   단락 + 리스트
   ======================================== */
.terms-paragraph {
    font-size: 15px;
    color: #444;
    margin-bottom: 12px;
    line-height: 1.8;
}

.terms-paragraph:last-child {
    margin-bottom: 0;
}

.terms-list {
    list-style: none;
    counter-reset: terms-item;
    padding-left: 0;
    margin-bottom: 12px;
}

.terms-list > li {
    position: relative;
    counter-increment: terms-item;
    padding-left: 32px;
    margin-bottom: 8px;
    font-size: 15px;
    color: #444;
    line-height: 1.8;
}

.terms-list > li::before {
    content: "(" counter(terms-item) ")";
    position: absolute;
    left: 0;
    top: 0;
    color: #A6756A;
    font-weight: 600;
}

/* 서브 리스트 (① ② ③) */
.terms-sublist {
    list-style: none;
    counter-reset: terms-subitem;
    padding-left: 0;
    margin-top: 8px;
    margin-bottom: 0;
}

.terms-sublist > li {
    position: relative;
    counter-increment: terms-subitem;
    padding-left: 28px;
    margin-bottom: 6px;
    font-size: 15px;
    color: #555;
    line-height: 1.7;
}

.terms-sublist > li::before {
    content: counter(terms-subitem, decimal) ".";
    position: absolute;
    left: 0;
    top: 0;
    color: #888;
    font-weight: 600;
}

/* 원형 숫자(①②③) 스타일 — 더 어울리는 디자인 */
.terms-sublist > li::before {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #A6756A;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 5px;
}

.terms-sublist > li::after {
    content: counter(terms-subitem);
    position: absolute;
    left: 0;
    top: 5px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #A6756A;
    font-weight: 600;
    line-height: 1;
}

/* ========================================
   부칙 영역
   ======================================== */
.terms-supplement {
    background: #ffffff;
    border: 1px solid #E6E0DC;
    border-radius: 6px;
    padding: 24px 28px;
}

.terms-supplement .terms-chapter-title {
    border-bottom: none;
    padding-bottom: 4px;
    margin-bottom: 12px;
    font-size: 18px;
}

.terms-supplement .terms-paragraph strong {
    color: #A6756A;
    margin-right: 6px;
}

/* ========================================
   안내 문구
   ======================================== */
.terms-notice {
    margin-top: 30px;
    padding: 20px 24px;
    background: #FFF4F0;
    border-left: 4px solid #A6756A;
    border-radius: 4px;
}

.terms-notice p {
    font-size: 14px;
    color: #6B4A42;
    line-height: 1.7;
    margin: 0;
    font-weight: 500;
}

/* ========================================
   반응형
   ======================================== */
@media (max-width: 768px) {
    .terms-section {
        padding: 60px 16px 80px;
    }

    .terms-content {
        padding: 30px 22px;
    }

    .terms-title {
        font-size: 26px;
    }

    .terms-chapter-title {
        font-size: 17px;
    }

    .terms-article-title {
        font-size: 15px;
    }

    .terms-paragraph,
    .terms-list > li,
    .terms-sublist > li {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .terms-content {
        padding: 24px 16px;
    }

    .terms-title {
        font-size: 22px;
    }
}