@charset "UTF-8";
.terms-content { font-family: 'HyundaiSansTextKR', 'Malgun Gothic', Arial, sans-serif; line-height: 1.6; color: #1f2023; word-break: keep-all; margin: 0 auto; padding: 20px 0; }
.terms-content h1 { font-size: 2rem; font-weight: 700; color: #1f2023; text-align: center; margin-bottom: 30px; }
.terms-content h2 { font-size: 1.5rem; font-weight: 700; color: #212529; margin-top: 40px; margin-bottom: 20px; border-bottom: 2px solid #e9ecef; padding-bottom: 8px; }
.terms-content h3 { font-size: 1.2rem; font-weight: 700; color: #343a40; margin-top: 25px; margin-bottom: 10px; }
.terms-content p { font-size: 1rem; color: #495057; margin-bottom: 15px; }
.terms-content ul, .terms-content ol { margin-left: 20px; margin-bottom: 15px; padding-left: 0; }
.terms-content ul { list-style-type: disc; }
.terms-content ol { list-style-type: decimal; }
.terms-content li { margin-bottom: 8px; }
.terms-content table { width: 100%; border-collapse: collapse; margin: 20px 0 30px 0; }
.terms-content th, .terms-content td { border: 1px solid #dee2e6; padding: 12px; text-align: left; vertical-align: middle; }
.terms-content th { background-color: #f8f9fa; font-weight: 700; text-align: center; }
.terms-content tbody tr:nth-child(odd) { background-color: #fcfcfc; }
.terms-content blockquote { font-size: 0.95rem; color: #555; background-color: #f8f9fc; margin: 20px 0; padding: 15px; border-left: 4px solid #002c5f; border-radius: 4px; }
.terms-content a { color: #002c5f; font-weight: 700; text-decoration: underline; }

@media screen and (max-width: 768px) {
    .terms-content { padding: 10px 0; }
    .terms-content h1 { font-size: 1.5rem; margin-bottom: 20px; }
    .terms-content h2 { font-size: 1.3rem; margin-top: 30px; margin-bottom: 15px; }
    .terms-content h3 { font-size: 1.1rem; margin-top: 20px; }
    .terms-content p { font-size: 0.95rem; }
    .terms-content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }
    .terms-content th, .terms-content td { padding: 8px 10px; font-size: 0.9rem; }
    .terms-content blockquote { padding: 12px; margin: 15px 0; }
}

.modal .terms-content, .modal-area .terms-content, dialog .terms-content { text-align: left !important; }
.modal .terms-content p, .modal .terms-content li, .modal .terms-content h1, .modal .terms-content h2, .modal .terms-content h3, .modal .terms-content blockquote { text-align: left !important; }
.modal .terms-content ul, .modal .terms-content ol { padding-left: 20px !important; margin-left: 0 !important; }
.modal .terms-content li { list-style-position: outside !important; display: list-item !important; }