/* ===================================================================
   contact.css - 문의 페이지 스타일
   =================================================================== */

@media (min-width: 1200px) {
    .contact-page .list-page-content { 
        min-height: 45rem; 
    }
}

@media (min-width: 769px) {
    .contact-page .contact-form-wrapper {
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: var(--spacing-6) !important;
    }
    .contact-page .contact-header {
        flex: 1 1 0 !important;
        flex-basis: 50% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding-right: 0 !important;
    }
    .contact-page .contact-form {
        flex: 1 1 0 !important;
        flex-basis: 50% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding-right: 0 !important;
        padding-top: var(--spacing-3) !important;
    }
}

@media (max-width: 768px) {
    .contact-page .contact-form-wrapper {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: var(--spacing-8) !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .contact-page .contact-header {
        flex: none !important;
        flex-basis: auto !important;
        max-width: 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        margin-bottom: 0 !important;
    }
    .contact-page .contact-form {
        flex: none !important;
        flex-basis: auto !important;
        max-width: 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
    }
}

@media (max-width: 480px) {
    .contact-page .contact-form-wrapper {
        gap: var(--spacing-6) !important;
    }
}