@charset "utf-8";

/* content.php 전용 Light DOM component */
angel-content-page {
    display:block;
    width:100%;
}

angel-content-page,
angel-content-page *,
angel-content-page *::before,
angel-content-page *::after {
    box-sizing:border-box;
}

.angel-content-page {
    --content-page-border-strong:#989898;
    --content-page-border:#e3e3e3;
    --content-page-canvas:#ffffff;
    --content-page-surface:#ffffff;
    --content-page-surface-muted:#fafafa;
    --content-page-text:#434343;
    --content-page-text-muted:#667085;
    --content-page-link:var(--mobile-ui-brand-text, var(--pc-ui-brand-text, #0077b8));
    --content-page-paragraph-gap:0.72em;
    --content-page-body-font-size:1em;
    --content-page-body-line-height:1.75;
    --content-page-document-title-font-size:1.125em;
    --content-page-chapter-font-size:1em;
    width:100%;
    padding:30px 0 60px;
    color:var(--content-page-text);
    background:var(--content-page-canvas);
    font-family:'Noto Sans KR', 'Apple SD Gothic Neo', NanumBarunGothic, sans-serif;
    font-size:1em;
}

.angel-content-page__surface {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    background:var(--content-page-surface);
}

.angel-content-page__body {
    width:100%;
    min-width:0;
    padding:36px 40px 48px;
    border-bottom:0;
    color:var(--content-page-text);
    background:var(--content-page-surface);
    font-size:var(--content-page-body-font-size);
    font-weight:400;
    line-height:var(--content-page-body-line-height);
    overflow-wrap:anywhere;
    word-break:keep-all;
}

.angel-content-page__body p {
    max-width:920px;
    margin:0 auto var(--content-page-paragraph-gap) !important;
    padding:0 !important;
    color:inherit !important;
    font-family:inherit !important;
    font-size:inherit !important;
    line-height:inherit !important;
    letter-spacing:normal !important;
    text-indent:0 !important;
}

.angel-content-page__body p *,
.angel-content-page__body li,
.angel-content-page__body li *,
.angel-content-page__body dt,
.angel-content-page__body dt *,
.angel-content-page__body dd,
.angel-content-page__body dd *,
.angel-content-page__body th *,
.angel-content-page__body td * {
    font-family:inherit !important;
    font-size:inherit !important;
    line-height:inherit !important;
    letter-spacing:normal !important;
}

.angel-content-page__paragraph--empty {
    display:none !important;
}

.angel-content-page__body p.angel-content-page__paragraph--document-title {
    margin:0 0 28px !important;
    padding:0 0 16px !important;
    border-bottom:1px solid var(--content-page-border);
    background:none;
    color:var(--content-page-text) !important;
    font-size:var(--content-page-document-title-font-size) !important;
    font-weight:700 !important;
    line-height:1.55 !important;
    text-align:center !important;
}

.angel-content-page__body p.angel-content-page__paragraph--chapter:not(.angel-content-page__paragraph--document-title) {
    margin:32px 0 14px !important;
    padding:11px 14px !important;
    border:0;
    background:var(--content-page-surface-muted);
    color:var(--content-page-text) !important;
    font-size:var(--content-page-chapter-font-size) !important;
    font-weight:700 !important;
    line-height:1.55 !important;
    text-align:left !important;
}

.angel-content-page__body p.angel-content-page__paragraph--article:not(.angel-content-page__paragraph--document-title) {
    margin-top:24px !important;
    padding-top:16px !important;
    border-top:1px solid var(--content-page-border);
}

.angel-content-page__body p.angel-content-page__paragraph--item {
    margin-bottom:0.45em !important;
    padding-left:1.55em !important;
    text-indent:-1.55em !important;
}

.angel-content-page__body p[align="right"],
.angel-content-page__body p[style*="text-align:right"],
.angel-content-page__body p[style*="text-align: right"] {
    color:var(--content-page-text-muted) !important;
    font-size:0.9em !important;
    text-align:right !important;
}

.angel-content-page__body h2,
.angel-content-page__body h3,
.angel-content-page__body h4 {
    margin:1.8em 0 0.75em;
    color:var(--content-page-text);
    font-weight:700;
    line-height:1.45;
}

.angel-content-page__body h2 { font-size:1.4em; }
.angel-content-page__body h3 { font-size:1.2em; }
.angel-content-page__body h4 { font-size:1.05em; }

.angel-content-page__body a {
    color:var(--content-page-link);
    text-decoration:underline;
    text-underline-offset:0.16em;
}

.angel-content-page__body img {
    max-width:100% !important;
    height:auto !important;
    vertical-align:top;
}

.angel-content-page__body ul,
.angel-content-page__body ol {
    margin:0.8em 0;
    padding-left:1.5em;
}

.angel-content-page__body ul { list-style:disc; }
.angel-content-page__body ol { list-style:decimal; }

.angel-content-page__body li + li {
    margin-top:0.35em;
}

.angel-content-page__body table {
    display:block;
    width:100% !important;
    max-width:100% !important;
    margin:1.25em 0;
    border-collapse:collapse;
    border-top:1px solid var(--content-page-border-strong);
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}

.angel-content-page__body tbody,
.angel-content-page__body thead,
.angel-content-page__body tfoot {
    width:100%;
}

.angel-content-page__body th,
.angel-content-page__body td {
    min-width:110px;
    padding:12px 10px;
    border-right:1px solid var(--content-page-border);
    border-bottom:1px solid var(--content-page-border);
    color:var(--content-page-text);
    font-size:inherit;
    line-height:inherit;
    text-align:left;
    vertical-align:top;
}

.angel-content-page__body th {
    background:var(--content-page-surface-muted);
    font-weight:600;
}

.angel-content-page__body caption {
    overflow:hidden;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    clip:rect(0 0 0 0);
    white-space:nowrap;
}

.angel-content-page__body .board-view {
    margin-bottom:20px;
    border:1px solid var(--content-page-border);
    border-top:1px solid var(--content-page-border-strong);
}

.angel-content-page__body .board-view .title {
    padding:20px;
    background:var(--content-page-surface-muted);
}

.angel-content-page__body .board-view .cont,
.angel-content-page__body .panel {
    padding:20px;
    border-top:1px solid var(--content-page-border);
}

.angel-content-page__body .data-table {
    width:100%;
    border-collapse:collapse;
}

.angel-content-page__body .policy,
.angel-content-page__body .customer {
    color:var(--content-page-text);
    line-height:1.8;
}

@media (min-width:768px) {
    .angel-content-page {
        margin-top:-30px;
        padding-top:0;
        padding-bottom:0;
    }

    .angel-content-page__body {
        padding:24px 80px;
    }

    .angel-content-page__body p {
        max-width:none;
    }

    .angel-content-page__body p.angel-content-page__paragraph--document-title {
        margin:0 0 30px !important;
        padding:0 !important;
        border-bottom:0;
    }

    .angel-content-page__body p.angel-content-page__paragraph--article:not(.angel-content-page__paragraph--document-title) {
        margin-top:28px !important;
        padding-top:0 !important;
        border-top:0;
    }
}

@media (max-width:767px) {
    .angel-content-page {
        --content-page-paragraph-gap:0.75em;
        --content-page-body-font-size:0.875em;
        --content-page-body-line-height:1.65;
        --content-page-document-title-font-size:1.125em;
        --content-page-chapter-font-size:1em;
        padding:6px 8px 12px;
    }

    .angel-content-page__body {
        padding:16px 12px 28px;
        line-break:strict;
        overflow-wrap:anywhere;
        word-break:keep-all;
    }

    .angel-content-page__body p.angel-content-page__paragraph--document-title {
        margin-bottom:18px !important;
        padding-bottom:11px !important;
        color:var(--content-page-text-muted) !important;
        font-size:var(--content-page-document-title-font-size) !important;
        font-weight:600 !important;
    }

    .angel-content-page__body p.angel-content-page__paragraph--chapter:not(.angel-content-page__paragraph--document-title) {
        margin-top:22px !important;
        padding:8px 10px !important;
        font-size:var(--content-page-chapter-font-size) !important;
    }

    .angel-content-page__body p.angel-content-page__paragraph--article:not(.angel-content-page__paragraph--document-title) {
        margin-top:18px !important;
        padding-top:12px !important;
    }

    .angel-content-page__body p.angel-content-page__paragraph--item {
        padding-left:1.4em !important;
        text-indent:-1.4em !important;
    }

    .angel-content-page__body th,
    .angel-content-page__body td {
        min-width:100px;
        padding:8px 7px;
    }
}