﻿/* 모바일 반응형 수정 - Summernote 에디터 */

/* Summernote 에디터 모바일 최적화 */
.note-editor {
    width: 100% !important;
    max-width: 100% !important;
}

.note-toolbar {
    flex-wrap: wrap !important;
}

.note-btn-group {
    flex-wrap: wrap !important;
}

/* 모바일에서 에디터 툴바 */
@media screen and (max-width: 768px) {
    .note-toolbar {
        padding: 5px !important;
    }

        .note-toolbar .note-btn-group {
            margin: 2px !important;
        }

        .note-toolbar .note-btn {
            padding: 5px 8px !important;
            font-size: 12px !important;
        }
}

@media screen and (max-width: 500px) {
    .note-toolbar .note-btn {
        padding: 4px 6px !important;
        font-size: 11px !important;
    }
}
