/* Opt-in article template only. Legacy HTML, page titles and all service UI stay unchanged. */
@font-face {
    font-family: "SC Article Pretendard";
    src: url("/fonts/article/Pretendard-Regular-v1.3.9.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "SC Article Pretendard";
    src: url("/fonts/article/Pretendard-Bold-v1.3.9.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
.sc-community-detail .view_detail .sc-article-v1 {
    --sc-article-body: 20px;
    box-sizing: border-box;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
    font-family: "SC Article Pretendard", "Noto Sans KR", sans-serif;
    font-size: var(--sc-article-body);
    font-weight: 400;
    line-height: 1.8;
    color: #273447;
    word-break: keep-all;
    overflow-wrap: anywhere;
}
.sc-community-detail .view_detail .sc-article-v1 * { box-sizing: border-box; }
.sc-community-detail .view_detail .sc-article-v1 :where(div, p, span, a, li, td, th, strong, b, em, u, i:not([class]), blockquote, ul, ol) {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: normal;
}
.sc-community-detail .view_detail .sc-article-v1 p { margin: 0 0 1.2em; }
.sc-community-detail .view_detail .sc-article-v1 :where(h1, h2, .sc-article-heading) {
    font-family: inherit;
    margin: 0 0 24px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.45;
}
.sc-community-detail .view_detail .sc-article-v1 :where(h3, h4, h5, h6, .sc-article-subheading) {
    font-family: inherit;
    margin: 32px 0 16px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
}
.sc-community-detail .view_detail .sc-article-v1 :where(strong, b) { font-weight: 700; }
.sc-community-detail .view_detail .sc-article-v1 :where(em, i:not([class])) { font-style: italic; }
.sc-community-detail .view_detail .sc-article-v1 :where(.sc-article-meta, figcaption) {
    font-family: inherit;
    font-size: 16px;
    line-height: 1.65;
    margin: 0 0 12px;
}
.sc-community-detail .view_detail .sc-article-v1 .sc-article-intro { margin: 0 0 36px; }
.sc-community-detail .view_detail .sc-article-v1 .sc-article-section { margin: 32px 0; }
.sc-community-detail .view_detail .sc-article-v1 .sc-article-meta + .sc-article-subheading { margin-top: 12px; }
.sc-community-detail .view_detail .sc-article-v1 .sc-article-section > .sc-article-subheading:first-child { margin-top: 0; }
.sc-community-detail .view_detail .sc-article-v1 .sc-article-card {
    display: block;
    margin: 0;
    padding: 22px 0;
    border-bottom: 1px solid #e1e6ed;
    text-decoration: none;
    color: inherit;
}
.sc-community-detail .view_detail .sc-article-v1 .sc-article-kicker { color: #246ac1; font-weight: 700; }
.sc-community-detail .view_detail .sc-article-v1 .sc-article-card .sc-article-subheading { margin: 8px 0 12px; font-size: 20px; }
.sc-community-detail .view_detail .sc-article-v1 .sc-article-note {
    margin: 32px 0;
    padding: 20px 24px;
    background: #f4f7fb;
    border-left: 3px solid #bbcee7;
}
.sc-community-detail .view_detail .sc-article-v1 .sc-article-dark {
    margin: 32px 0;
    padding: 24px;
    background: #171719;
    color: #fff;
    border-radius: 8px;
}
.sc-community-detail .view_detail .sc-article-v1 a { text-underline-offset: 3px; }
.sc-community-detail .view_detail .sc-article-v1 a:focus-visible { outline: 2px solid #327ee2; outline-offset: 4px; }
.sc-community-detail .view_detail .sc-article-v1 :where(ul, ol) { padding-left: 1.4em; margin: 24px 0; }
.sc-community-detail .view_detail .sc-article-v1 li { margin: 8px 0; }
.sc-community-detail .view_detail .sc-article-v1 blockquote { margin: 28px 0; padding: 16px 22px; border-left: 3px solid #bbcee7; background: #f4f7fb; }
.sc-community-detail .view_detail .sc-article-v1 img { max-width: 100%; height: auto; }
.sc-community-detail .view_detail .sc-article-v1 figure { font-family: inherit; margin: 28px 0; }
.sc-community-detail .view_detail .sc-article-v1 .sc-article-table {
    max-width: 100%;
    overflow-x: auto;
    margin: 24px 0;
}
.sc-community-detail .view_detail .sc-article-v1 .sc-article-table:focus-visible { outline: 2px solid #327ee2; outline-offset: -2px; }
.sc-community-detail .view_detail .sc-article-v1 table { font-family: inherit; border-collapse: collapse; width: 100%; font-size: 16px; line-height: 1.65; }
.sc-community-detail .view_detail .sc-article-v1 :where(th, td) { border: 1px solid #dce3ec; padding: 12px 14px; text-align: left; }
.sc-community-detail .view_detail .sc-article-v1 th { font-weight: 700; background: #f4f7fb; }
@media (max-width: 768px) {
    .sc-community-detail .view_detail .sc-article-v1 { --sc-article-body: 18px; }
    .sc-community-detail .view_detail .sc-article-v1 :where(h1, h2, .sc-article-heading) { font-size: 26px; }
    .sc-community-detail .view_detail .sc-article-v1 :where(h3, h4, h5, h6, .sc-article-subheading) { font-size: 22px; }
    .sc-community-detail .view_detail .sc-article-v1 .sc-article-card .sc-article-subheading { font-size: 18px; }
    .sc-community-detail .view_detail .sc-article-v1 :where(.sc-article-note, .sc-article-dark) { padding: 20px 16px; }
}