/* Keep editorial content inside the public board detail page. */
.noticeViewTable {
    width: 100%;
    table-layout: fixed;
    overflow-wrap: anywhere;
}
.noticeViewTable > thead > tr > th,
.noticeViewTable > tbody > tr > td,
.noticeViewTable .attachedFileList a,
.noticeViewTable .noticeViewContent > td * {
    overflow-wrap: anywhere;
}
.noticeViewTable .noticeViewContent > td > div,
.noticeViewTable .noticeViewContent > td > pre {
    max-width: 100%;
    overflow-x: auto;
}
.noticeViewTable .noticeViewContent pre {
    white-space: pre-wrap;
}
.noticeViewTable .noticeViewContent img,
.noticeViewTable .noticeViewContent video {
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
}
.noticeViewTable .noticeViewContent iframe,
.noticeViewTable .noticeViewContent object,
.noticeViewTable .noticeViewContent embed {
    max-width: 100% !important;
}
.noticeViewTable .attachedFileList > td > ul {
    max-width: 100%;
}
@media (max-width: 767px) {
    .noticeViewTable > thead > tr > th {
        padding: 16px 8px;
        line-height: 1.5;
    }
    .noticeViewTable > tbody > tr:first-child > td > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 4px 20px;
    }
    .noticeViewTable > tbody > tr:first-child > td > ul > li {
        margin-left: 0;
    }
    .noticeViewTable .noticeViewContent > td {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .noticeViewTable .attachedFileList > td > p,
    .noticeViewTable .attachedFileList > td > ul {
        display: block;
    }
    .noticeViewTable .noticeViewContList {
        width: 44px;
        vertical-align: top;
    }
    .noticeViewTable .noticeViewContList + a {
        display: inline-block;
        max-width: calc(100% - 52px);
        vertical-align: top;
    }
}