/* /Components/Layout/AICodingAssistant.razor.rz.scp.css */
/* AI Assistant Box */

#ai-assistant[b-iopzasoiye] {
    position: absolute;
    bottom: 64px;
    left: 9px;
    width: 188px;
    border: 1px solid transparent;
    border-radius: 11px;
    padding: 5px 16px;
    background: linear-gradient(var(--kendo-color-surface), var(--kendo-color-surface)) padding-box, linear-gradient(114deg, #4b5ffa 0%, #c158e4 93%) border-box;
}

    #ai-assistant[b-iopzasoiye]::before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .18;
        background: url(ai-circle.png) center center no-repeat;
        background-size: cover;
    }

    #ai-assistant h4[b-iopzasoiye],
    #ai-assistant > p[b-iopzasoiye],
    #ai-assistant > a[b-iopzasoiye] {
        position: relative;
        padding-left: 41px;
        z-index: 2;
    }

    #ai-assistant h4[b-iopzasoiye] {
        position: relative;
        margin: 0 0 .3em;
        font-size: 20px;
        line-height: 1.4;
        font-weight: 500;
    }

    #ai-assistant .k-icon[b-iopzasoiye] {
        position: absolute;
        left: 0;
        top: 0;
        color: #4b5ffa;
    }

    #ai-assistant > a[b-iopzasoiye] {
        color: #a75ae9;
        text-decoration: none;
    }

        #ai-assistant > a:hover[b-iopzasoiye] {
            text-decoration: underline;
        }
/* /Components/Layout/Footer.razor.rz.scp.css */

.footer[b-0kajhd3si7] {
    min-height: 50px;
    border-top: 1px solid #edf0f2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #96a2a7;
    margin-bottom:10px;
}
    .footer a[b-0kajhd3si7] {
        color: #657981;
        text-decoration:none;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Drawer 상단 헤더 컨테이너 */
[b-hpzr3qazar] .drawer-header {
    display: flex;
    align-items: center; /* 세로 중앙 정렬 */
    padding: 9px 16px; /* 여백 설정 */
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); /* 메뉴 영역과의 구분선 */
}

/* 로고 이미지 스타일 */
[b-hpzr3qazar] .drawer-logo {
    width: 80px;
    height: 40px;
    object-fit: contain;
    margin-right: 8px;
    vertical-align: middle;
}

/* 회사명 텍스트 스타일 */
[b-hpzr3qazar] .company-name {
    font-weight: 500;
    font-size: 1.05rem;
    color: oklch(); /* 텍스트 색상 */
    white-space: nowrap; /* 줄바꿈 방지 */
}

[b-hpzr3qazar] .mainlayout-drawer .k-drawer-wrapper {
    height: 100%;
}
/* 전체 템플릿 래퍼: Flexbox로 수직 정렬 구조 생성 */
.drawer-container[b-hpzr3qazar] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

/* 상단 메인 영역 (로고 + 메뉴) */
.drawer-body[b-hpzr3qazar] {
    flex: 1;
    overflow-y: auto; /* 메뉴가 길어질 경우 상단 영역만 스크롤 되도록 설정 */
}

/* 최하단 사용자 정보 영역 */
.drawer-footer[b-hpzr3qazar] {
    padding: 16px;
    background-color: #f8f9fa; /* 배경색 (선택사항) */
}

    .drawer-footer .user-info[b-hpzr3qazar] {
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 500;
    }

/* 메뉴 클릭했을때 테두리 생기는 것 없애는 것*/

[b-hpzr3qazar] .k-menu .k-item:focus {
    box-shadow: none !important;
}

[b-hpzr3qazar] .k-drawer-item {
    padding-block : 2px;

}
.k-item-text[b-hpzr3qazar] {
    font-size: 14px;
}

.k-item-text-sub[b-hpzr3qazar] {
    font-size: 14px;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* CSS for Home component */
.hero[b-6qwh1p637e] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(120deg, #f1f6f8 0%, #f8fafb 57%, #fff7ec 100%);
    min-height: 386px;
    display: flex;
    align-items: center;
}
    .hero h1[b-6qwh1p637e] {
        font-size: clamp(31px,4vw,43px);
        line-height: 1.35;
        letter-spacing: -1.7px;
        color: var(--navy);
        margin: 0;
        font-weight: 800
    }

        .hero h1 span[b-6qwh1p637e] {
            color: #476471
        }
.hero-inner[b-6qwh1p637e] {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    padding: 54px 0 50px;
}
.hero-copy[b-6qwh1p637e] {
    color: #647780;
    line-height: 1.85;
    font-size: 14px;
    margin: 16px 0 24px
}
.eyebrow[b-6qwh1p637e], .section-kicker[b-6qwh1p637e] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.7px;
    color: #6b818b
}

.eyebrow[b-6qwh1p637e] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 19px
}

.eyebrow-dot[b-6qwh1p637e] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #e18a25;
}

.search-box[b-6qwh1p637e] {
    height: 50px;
    width: min(650px,100%);
    background: white;
    border: 1px solid #dce5e9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 0 17px;
    box-shadow: 0 7px 22px #1736470b
}

.search-icon[b-6qwh1p637e] {
    font-size: 27px;
    color: #7c8d95;
    margin-right: 12px;
    line-height: 1;
    transform: rotate(-20deg)
}

.search-box input[b-6qwh1p637e] {
    border: 0;
    outline: 0;
    flex: 1;
    min-width: 0;
    color: #243942;
    font-size: 13px;
    background: transparent
}

    .search-box input[b-6qwh1p637e]::placeholder {
        color: #9aa7ad
    }

.clear-search[b-6qwh1p637e] {
    border: 0;
    background: none;
    color: #7b8b92;
    font-size: 23px;
    cursor: pointer
}

.search-hint[b-6qwh1p637e] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #8a989e;
    margin-top: 13px
}

    .search-hint button[b-6qwh1p637e] {
        border: 1px solid #e1e8eb;
        background: #ffffffa8;
        border-radius: 20px;
        padding: 2px 10px;
        color: #5d7079;
        font-size: 11px;
        cursor: pointer
    }

        .search-hint button:hover[b-6qwh1p637e] {
            border-color: #ffbd70;
            color: #9b5a09
        }
.hero-decoration[b-6qwh1p637e] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none
}

.decoration-one[b-6qwh1p637e] {
    width: 370px;
    height: 370px;
    right: calc((100% - 1200px)/2);
    top: -160px;
    border: 1px solid #d9e5e9
}

.decoration-two[b-6qwh1p637e] {
    width: 250px;
    height: 250px;
    right: calc((100% - 1000px)/2);
    bottom: -180px;
    background: #ffb44a12;
    border: 1px solid #f6dfc1
}
/**/
.content-wrap[b-6qwh1p637e] {
    margin: 0 auto;
    flex: 1;
    padding: 54px 0 66px
}
.section-heading[b-6qwh1p637e] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 24px
}

.section-kicker[b-6qwh1p637e] {
    color: #e18a25
}

.section-heading h2[b-6qwh1p637e] {
    font-size: 23px;
    letter-spacing: -.8px;
    color: #203944;
    margin: 8px 0
}

.section-heading p[b-6qwh1p637e] {
    margin: 0;
    font-size: 13px;
    color: #849198
}

.result-count[b-6qwh1p637e] {
    font-size: 12px;
    color: #8a989e;
    padding-bottom: 4px
}

.manual-grid[b-6qwh1p637e] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 15px
}

.manual-card[b-6qwh1p637e] {
    display: flex;
    flex-direction: column;
    min-height: 220px;
    border: 1px solid #e4eaed;
    border-radius: 8px;
    padding: 21px 18px 16px;
    transition: transform .18s,border-color .18s,box-shadow .18s;
    background: #fff;
    text-decoration:none;
}
    .manual-card:hover[b-6qwh1p637e] {
        transform: translateY(-3px);
        border-color: #cbd9df;
        box-shadow: 0 10px 26px #1736470b
    }

.card-icon[b-6qwh1p637e] {
    width: 43px;
    height: 43px;
    border-radius: 4px;
    display: grid;
    place-items: center;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 16px
}

    .card-icon.blue[b-6qwh1p637e] {
        background: #eaf3f8;
        color: #2b6887
    }

    .card-icon.orange[b-6qwh1p637e] {
        background: #fff1df;
        color: #d77b0a
    }

    .card-icon.purple[b-6qwh1p637e] {
        background: #f1edfb;
        color: #7861b6
    }

    .card-icon.green[b-6qwh1p637e] {
        background: #eaf6ef;
        color: #3b8b61
    }

    .card-icon.slate[b-6qwh1p637e] {
        background: #edf1f3;
        color: #60737c
    }

    .card-icon.rose[b-6qwh1p637e] {
        background: #fff0ef;
        color: #c86c64
    }

.card-category[b-6qwh1p637e] {
    font-size: 12px;
    color: #87969d;
    margin-bottom: 6px
}

.card-body h3[b-6qwh1p637e] {
    font-size: 16px;
    letter-spacing: -.4px;
    color: #203944;
    margin: 0 0 8px
}

.card-body p[b-6qwh1p637e] {
    font-size: 12px;
    line-height: 1.75;
    color: #788890;
    margin: 0
}

.card-bottom[b-6qwh1p637e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f0f2f3;
    padding-top: 13px;
    margin-top: auto;
    font-size: 12px;
    color: #97a3a8
}

.arrow[b-6qwh1p637e] {
    font-size: 17px;
    color: #6e858f
}

.help-banner[b-6qwh1p637e] {
    margin-top: 32px;
    background: #f5f8f9;
    border: 1px solid #edf1f3;
    border-radius: 12px;
    padding: 22px 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.help-symbol[b-6qwh1p637e] {
    flex: none;
    display: grid;
    place-items: center;
    width: 39px;
    height: 39px;
    background: #e3edf1;
    border-radius: 50%;
    font-weight: 700;
    color: #173647;
    font-size: 18px;
}

.help-banner h3[b-6qwh1p637e] {
    margin: 0 0 5px;
    font-size: 14px;
    color: #29414c;
}

.help-banner p[b-6qwh1p637e] {
    margin: 0;
    font-size: 12px;
    color: #7a8a91;
}

.help-link[b-6qwh1p637e] {
    margin-left: auto;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 700;
    color: #244b5d;
    text-decoration: none !important;
}

    .help-link span[b-6qwh1p637e] {
        color: #ff8f0f;
        margin-left: 7px;
    }

@media(max-width:900px) {
    .manual-grid[b-6qwh1p637e] {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}
@media(max-width:600px) {
    .manual-grid[b-6qwh1p637e] {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
}
/* /Components/Pages/Manual.razor.rz.scp.css */
/* CSS for Manual component */
/* /Components/Pages/manual/menu/LoginMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-e8ap1mpn81] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-e8ap1mpn81] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-e8ap1mpn81] {
    font-size: 14px;
    font-weight : 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-e8ap1mpn81] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-e8ap1mpn81] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-e8ap1mpn81] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-e8ap1mpn81] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-e8ap1mpn81] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-e8ap1mpn81] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-e8ap1mpn81] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-e8ap1mpn81] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}
.topic-list[b-e8ap1mpn81] {
    border-top: 1px solid #e4eaed;
}

.topic[b-e8ap1mpn81] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-e8ap1mpn81] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-e8ap1mpn81] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-e8ap1mpn81] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-e8ap1mpn81] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-e8ap1mpn81] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-e8ap1mpn81] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-e8ap1mpn81] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}
.sub-topic-last[b-e8ap1mpn81] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-e8ap1mpn81] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-e8ap1mpn81] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size:14px;
}

    .article-feedback strong[b-e8ap1mpn81] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-e8ap1mpn81] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-e8ap1mpn81] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-e8ap1mpn81] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-e8ap1mpn81] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-e8ap1mpn81] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-e8ap1mpn81],
    .compare-table th[b-e8ap1mpn81],
    .compare-table td[b-e8ap1mpn81] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-e8ap1mpn81] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-e8ap1mpn81] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-e8ap1mpn81] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-e8ap1mpn81] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-e8ap1mpn81] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-e8ap1mpn81] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-e8ap1mpn81] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-e8ap1mpn81]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/MainMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-lljhijx12z] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-lljhijx12z] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-lljhijx12z] {
    font-size: 14px;
    font-weight : 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-lljhijx12z] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-lljhijx12z] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-lljhijx12z] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-lljhijx12z] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-lljhijx12z] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-lljhijx12z] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-lljhijx12z] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-lljhijx12z] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}
.topic-list[b-lljhijx12z] {
    border-top: 1px solid #e4eaed;
}

.topic[b-lljhijx12z] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-lljhijx12z] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-lljhijx12z] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-lljhijx12z] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-lljhijx12z] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-lljhijx12z] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-lljhijx12z] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-lljhijx12z] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}
.sub-topic-last[b-lljhijx12z] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-lljhijx12z] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-lljhijx12z] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size:14px;
}

    .article-feedback strong[b-lljhijx12z] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-lljhijx12z] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-lljhijx12z] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-lljhijx12z] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-lljhijx12z] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-lljhijx12z] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-lljhijx12z],
    .compare-table th[b-lljhijx12z],
    .compare-table td[b-lljhijx12z] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-lljhijx12z] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-lljhijx12z] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-lljhijx12z] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-lljhijx12z] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-lljhijx12z] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-lljhijx12z] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-lljhijx12z] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-lljhijx12z]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/OrderMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-urinkpfyne] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-urinkpfyne] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-urinkpfyne] {
    font-size: 14px;
    font-weight : 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-urinkpfyne] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-urinkpfyne] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-urinkpfyne] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-urinkpfyne] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-urinkpfyne] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-urinkpfyne] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-urinkpfyne] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-urinkpfyne] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}
.topic-list[b-urinkpfyne] {
    border-top: 1px solid #e4eaed;
}

.topic[b-urinkpfyne] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-urinkpfyne] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-urinkpfyne] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-urinkpfyne] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-urinkpfyne] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-urinkpfyne] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-urinkpfyne] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-urinkpfyne] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}
.sub-topic-last[b-urinkpfyne] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-urinkpfyne] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-urinkpfyne] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size:14px;
}

    .article-feedback strong[b-urinkpfyne] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-urinkpfyne] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-urinkpfyne] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-urinkpfyne] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-urinkpfyne] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-urinkpfyne] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-urinkpfyne],
    .compare-table th[b-urinkpfyne],
    .compare-table td[b-urinkpfyne] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-urinkpfyne] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-urinkpfyne] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-urinkpfyne] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-urinkpfyne] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-urinkpfyne] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-urinkpfyne] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-urinkpfyne] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-urinkpfyne]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/order/OrderImportMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-nhgylf99j1] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-nhgylf99j1] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-nhgylf99j1] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-nhgylf99j1] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-nhgylf99j1] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-nhgylf99j1] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-nhgylf99j1] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-nhgylf99j1] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-nhgylf99j1] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-nhgylf99j1] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-nhgylf99j1] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-nhgylf99j1] {
    border-top: 1px solid #e4eaed;
}

.topic[b-nhgylf99j1] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-nhgylf99j1] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-nhgylf99j1] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-nhgylf99j1] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-nhgylf99j1] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-nhgylf99j1] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-nhgylf99j1] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-nhgylf99j1] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-nhgylf99j1] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-nhgylf99j1] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-nhgylf99j1] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-nhgylf99j1] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-nhgylf99j1] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-nhgylf99j1] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-nhgylf99j1] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-nhgylf99j1] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-nhgylf99j1] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-nhgylf99j1],
    .compare-table th[b-nhgylf99j1],
    .compare-table td[b-nhgylf99j1] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-nhgylf99j1] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-nhgylf99j1] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-nhgylf99j1] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-nhgylf99j1] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-nhgylf99j1] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-nhgylf99j1] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-nhgylf99j1] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-nhgylf99j1]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/order/OrderSearchMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-18p2u7hqo2] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-18p2u7hqo2] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-18p2u7hqo2] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-18p2u7hqo2] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-18p2u7hqo2] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-18p2u7hqo2] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-18p2u7hqo2] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-18p2u7hqo2] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-18p2u7hqo2] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-18p2u7hqo2] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-18p2u7hqo2] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-18p2u7hqo2] {
    border-top: 1px solid #e4eaed;
}

.topic[b-18p2u7hqo2] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-18p2u7hqo2] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-18p2u7hqo2] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-18p2u7hqo2] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-18p2u7hqo2] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-18p2u7hqo2] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-18p2u7hqo2] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-18p2u7hqo2] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-18p2u7hqo2] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-18p2u7hqo2] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-18p2u7hqo2] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-18p2u7hqo2] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-18p2u7hqo2] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-18p2u7hqo2] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-18p2u7hqo2] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-18p2u7hqo2] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-18p2u7hqo2] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-18p2u7hqo2],
    .compare-table th[b-18p2u7hqo2],
    .compare-table td[b-18p2u7hqo2] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-18p2u7hqo2] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-18p2u7hqo2] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-18p2u7hqo2] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-18p2u7hqo2] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-18p2u7hqo2] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-18p2u7hqo2] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-18p2u7hqo2] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-18p2u7hqo2]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/ProductMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-q3xumny70v] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-q3xumny70v] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-q3xumny70v] {
    font-size: 14px;
    font-weight : 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-q3xumny70v] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-q3xumny70v] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-q3xumny70v] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-q3xumny70v] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-q3xumny70v] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-q3xumny70v] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-q3xumny70v] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-q3xumny70v] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}
.topic-list[b-q3xumny70v] {
    border-top: 1px solid #e4eaed;
}

.topic[b-q3xumny70v] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-q3xumny70v] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-q3xumny70v] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-q3xumny70v] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-q3xumny70v] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-q3xumny70v] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-q3xumny70v] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-q3xumny70v] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}
.sub-topic-last[b-q3xumny70v] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-q3xumny70v] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-q3xumny70v] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size:14px;
}

    .article-feedback strong[b-q3xumny70v] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-q3xumny70v] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-q3xumny70v] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-q3xumny70v] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-q3xumny70v] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-q3xumny70v] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-q3xumny70v],
    .compare-table th[b-q3xumny70v],
    .compare-table td[b-q3xumny70v] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-q3xumny70v] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-q3xumny70v] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-q3xumny70v] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-q3xumny70v] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-q3xumny70v] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-q3xumny70v] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-q3xumny70v] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-q3xumny70v]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/product/ProductManageMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-iet2hqkuue] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-iet2hqkuue] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-iet2hqkuue] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-iet2hqkuue] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-iet2hqkuue] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-iet2hqkuue] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-iet2hqkuue] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-iet2hqkuue] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-iet2hqkuue] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-iet2hqkuue] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-iet2hqkuue] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-iet2hqkuue] {
    border-top: 1px solid #e4eaed;
}

.topic[b-iet2hqkuue] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-iet2hqkuue] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-iet2hqkuue] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-iet2hqkuue] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-iet2hqkuue] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-iet2hqkuue] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-iet2hqkuue] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-iet2hqkuue] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-iet2hqkuue] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-iet2hqkuue] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-iet2hqkuue] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-iet2hqkuue] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-iet2hqkuue] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-iet2hqkuue] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-iet2hqkuue] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-iet2hqkuue] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-iet2hqkuue] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-iet2hqkuue],
    .compare-table th[b-iet2hqkuue],
    .compare-table td[b-iet2hqkuue] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-iet2hqkuue] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-iet2hqkuue] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-iet2hqkuue] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-iet2hqkuue] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-iet2hqkuue] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-iet2hqkuue] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-iet2hqkuue] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-iet2hqkuue]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/product/ProductPrintBarcodeMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-rwfszq0z43] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-rwfszq0z43] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-rwfszq0z43] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-rwfszq0z43] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-rwfszq0z43] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-rwfszq0z43] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-rwfszq0z43] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-rwfszq0z43] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-rwfszq0z43] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-rwfszq0z43] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-rwfszq0z43] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-rwfszq0z43] {
    border-top: 1px solid #e4eaed;
}

.topic[b-rwfszq0z43] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-rwfszq0z43] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-rwfszq0z43] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-rwfszq0z43] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-rwfszq0z43] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-rwfszq0z43] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-rwfszq0z43] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-rwfszq0z43] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-rwfszq0z43] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-rwfszq0z43] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-rwfszq0z43] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-rwfszq0z43] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-rwfszq0z43] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-rwfszq0z43] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-rwfszq0z43] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-rwfszq0z43] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-rwfszq0z43] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-rwfszq0z43],
    .compare-table th[b-rwfszq0z43],
    .compare-table td[b-rwfszq0z43] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-rwfszq0z43] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-rwfszq0z43] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-rwfszq0z43] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-rwfszq0z43] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-rwfszq0z43] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-rwfszq0z43] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-rwfszq0z43] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-rwfszq0z43]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/product/ProductSearchMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-0baigzi1in] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-0baigzi1in] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-0baigzi1in] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-0baigzi1in] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-0baigzi1in] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-0baigzi1in] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-0baigzi1in] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-0baigzi1in] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-0baigzi1in] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-0baigzi1in] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-0baigzi1in] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-0baigzi1in] {
    border-top: 1px solid #e4eaed;
}

.topic[b-0baigzi1in] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-0baigzi1in] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-0baigzi1in] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-0baigzi1in] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-0baigzi1in] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-0baigzi1in] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-0baigzi1in] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-0baigzi1in] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-0baigzi1in] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-0baigzi1in] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-0baigzi1in] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-0baigzi1in] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-0baigzi1in] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-0baigzi1in] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-0baigzi1in] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-0baigzi1in] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-0baigzi1in] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-0baigzi1in],
    .compare-table th[b-0baigzi1in],
    .compare-table td[b-0baigzi1in] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-0baigzi1in] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-0baigzi1in] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-0baigzi1in] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-0baigzi1in] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-0baigzi1in] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-0baigzi1in] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-0baigzi1in] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-0baigzi1in]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/RecordMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-51talxcm32] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-51talxcm32] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-51talxcm32] {
    font-size: 14px;
    font-weight : 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-51talxcm32] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-51talxcm32] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-51talxcm32] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-51talxcm32] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-51talxcm32] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-51talxcm32] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-51talxcm32] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-51talxcm32] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}
.topic-list[b-51talxcm32] {
    border-top: 1px solid #e4eaed;
}

.topic[b-51talxcm32] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-51talxcm32] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-51talxcm32] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-51talxcm32] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-51talxcm32] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-51talxcm32] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-51talxcm32] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-51talxcm32] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}
.sub-topic-last[b-51talxcm32] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-51talxcm32] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-51talxcm32] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size:14px;
}

    .article-feedback strong[b-51talxcm32] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-51talxcm32] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-51talxcm32] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-51talxcm32] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-51talxcm32] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-51talxcm32] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-51talxcm32],
    .compare-table th[b-51talxcm32],
    .compare-table td[b-51talxcm32] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-51talxcm32] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-51talxcm32] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-51talxcm32] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-51talxcm32] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-51talxcm32] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-51talxcm32] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-51talxcm32] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-51talxcm32]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/record/RecordMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-4lflzaxrlx] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-4lflzaxrlx] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-4lflzaxrlx] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-4lflzaxrlx] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-4lflzaxrlx] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-4lflzaxrlx] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-4lflzaxrlx] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-4lflzaxrlx] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-4lflzaxrlx] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-4lflzaxrlx] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-4lflzaxrlx] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-4lflzaxrlx] {
    border-top: 1px solid #e4eaed;
}

.topic[b-4lflzaxrlx] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-4lflzaxrlx] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-4lflzaxrlx] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-4lflzaxrlx] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-4lflzaxrlx] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-4lflzaxrlx] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-4lflzaxrlx] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-4lflzaxrlx] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-4lflzaxrlx] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-4lflzaxrlx] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-4lflzaxrlx] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-4lflzaxrlx] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-4lflzaxrlx] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-4lflzaxrlx] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-4lflzaxrlx] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-4lflzaxrlx] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-4lflzaxrlx] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-4lflzaxrlx],
    .compare-table th[b-4lflzaxrlx],
    .compare-table td[b-4lflzaxrlx] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-4lflzaxrlx] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-4lflzaxrlx] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-4lflzaxrlx] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-4lflzaxrlx] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-4lflzaxrlx] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-4lflzaxrlx] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-4lflzaxrlx] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-4lflzaxrlx]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/record/RecordMiniMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-2rvwqk2r48] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-2rvwqk2r48] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-2rvwqk2r48] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-2rvwqk2r48] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-2rvwqk2r48] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-2rvwqk2r48] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-2rvwqk2r48] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-2rvwqk2r48] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-2rvwqk2r48] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-2rvwqk2r48] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-2rvwqk2r48] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-2rvwqk2r48] {
    border-top: 1px solid #e4eaed;
}

.topic[b-2rvwqk2r48] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-2rvwqk2r48] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-2rvwqk2r48] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-2rvwqk2r48] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-2rvwqk2r48] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-2rvwqk2r48] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-2rvwqk2r48] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-2rvwqk2r48] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-2rvwqk2r48] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-2rvwqk2r48] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-2rvwqk2r48] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-2rvwqk2r48] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-2rvwqk2r48] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-2rvwqk2r48] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-2rvwqk2r48] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-2rvwqk2r48] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-2rvwqk2r48] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-2rvwqk2r48],
    .compare-table th[b-2rvwqk2r48],
    .compare-table td[b-2rvwqk2r48] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-2rvwqk2r48] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-2rvwqk2r48] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-2rvwqk2r48] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-2rvwqk2r48] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-2rvwqk2r48] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-2rvwqk2r48] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-2rvwqk2r48] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-2rvwqk2r48]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/record/RecordSearchMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-4yyyjotv7b] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-4yyyjotv7b] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-4yyyjotv7b] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-4yyyjotv7b] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-4yyyjotv7b] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-4yyyjotv7b] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-4yyyjotv7b] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-4yyyjotv7b] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-4yyyjotv7b] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-4yyyjotv7b] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-4yyyjotv7b] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-4yyyjotv7b] {
    border-top: 1px solid #e4eaed;
}

.topic[b-4yyyjotv7b] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-4yyyjotv7b] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-4yyyjotv7b] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-4yyyjotv7b] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-4yyyjotv7b] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-4yyyjotv7b] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-4yyyjotv7b] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-4yyyjotv7b] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-4yyyjotv7b] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-4yyyjotv7b] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-4yyyjotv7b] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-4yyyjotv7b] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-4yyyjotv7b] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-4yyyjotv7b] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-4yyyjotv7b] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-4yyyjotv7b] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-4yyyjotv7b] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-4yyyjotv7b],
    .compare-table th[b-4yyyjotv7b],
    .compare-table td[b-4yyyjotv7b] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-4yyyjotv7b] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-4yyyjotv7b] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-4yyyjotv7b] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-4yyyjotv7b] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-4yyyjotv7b] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-4yyyjotv7b] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-4yyyjotv7b] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-4yyyjotv7b]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/record/RecordUnpackMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-qdg1gwn6x0] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-qdg1gwn6x0] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-qdg1gwn6x0] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-qdg1gwn6x0] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-qdg1gwn6x0] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-qdg1gwn6x0] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-qdg1gwn6x0] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-qdg1gwn6x0] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-qdg1gwn6x0] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-qdg1gwn6x0] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-qdg1gwn6x0] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-qdg1gwn6x0] {
    border-top: 1px solid #e4eaed;
}

.topic[b-qdg1gwn6x0] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-qdg1gwn6x0] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-qdg1gwn6x0] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-qdg1gwn6x0] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-qdg1gwn6x0] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-qdg1gwn6x0] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-qdg1gwn6x0] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-qdg1gwn6x0] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-qdg1gwn6x0] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-qdg1gwn6x0] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-qdg1gwn6x0] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-qdg1gwn6x0] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-qdg1gwn6x0] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-qdg1gwn6x0] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-qdg1gwn6x0] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-qdg1gwn6x0] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-qdg1gwn6x0] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-qdg1gwn6x0],
    .compare-table th[b-qdg1gwn6x0],
    .compare-table td[b-qdg1gwn6x0] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-qdg1gwn6x0] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-qdg1gwn6x0] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-qdg1gwn6x0] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-qdg1gwn6x0] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-qdg1gwn6x0] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-qdg1gwn6x0] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-qdg1gwn6x0] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-qdg1gwn6x0]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/SettingMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-oiby0lsi5w] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-oiby0lsi5w] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-oiby0lsi5w] {
    font-size: 14px;
    font-weight : 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-oiby0lsi5w] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-oiby0lsi5w] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-oiby0lsi5w] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-oiby0lsi5w] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-oiby0lsi5w] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-oiby0lsi5w] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-oiby0lsi5w] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-oiby0lsi5w] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}
.topic-list[b-oiby0lsi5w] {
    border-top: 1px solid #e4eaed;
}

.topic[b-oiby0lsi5w] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-oiby0lsi5w] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-oiby0lsi5w] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-oiby0lsi5w] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-oiby0lsi5w] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-oiby0lsi5w] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-oiby0lsi5w] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-oiby0lsi5w] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}
.sub-topic-last[b-oiby0lsi5w] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-oiby0lsi5w] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-oiby0lsi5w] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size:14px;
}

    .article-feedback strong[b-oiby0lsi5w] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-oiby0lsi5w] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-oiby0lsi5w] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-oiby0lsi5w] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-oiby0lsi5w] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-oiby0lsi5w] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-oiby0lsi5w],
    .compare-table th[b-oiby0lsi5w],
    .compare-table td[b-oiby0lsi5w] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-oiby0lsi5w] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-oiby0lsi5w] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-oiby0lsi5w] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-oiby0lsi5w] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-oiby0lsi5w] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-oiby0lsi5w] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-oiby0lsi5w] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-oiby0lsi5w]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/setting/SettingAdditionalUserMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-b2xfcwah80] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-b2xfcwah80] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-b2xfcwah80] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-b2xfcwah80] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-b2xfcwah80] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-b2xfcwah80] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-b2xfcwah80] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-b2xfcwah80] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-b2xfcwah80] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-b2xfcwah80] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-b2xfcwah80] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-b2xfcwah80] {
    border-top: 1px solid #e4eaed;
}

.topic[b-b2xfcwah80] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-b2xfcwah80] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-b2xfcwah80] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-b2xfcwah80] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-b2xfcwah80] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-b2xfcwah80] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-b2xfcwah80] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-b2xfcwah80] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-b2xfcwah80] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-b2xfcwah80] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-b2xfcwah80] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-b2xfcwah80] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-b2xfcwah80] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-b2xfcwah80] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-b2xfcwah80] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-b2xfcwah80] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-b2xfcwah80] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-b2xfcwah80],
    .compare-table th[b-b2xfcwah80],
    .compare-table td[b-b2xfcwah80] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-b2xfcwah80] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-b2xfcwah80] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-b2xfcwah80] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-b2xfcwah80] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-b2xfcwah80] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-b2xfcwah80] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-b2xfcwah80] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-b2xfcwah80]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/setting/SettingBarcodeScannerMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-ki7n45g261] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-ki7n45g261] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-ki7n45g261] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-ki7n45g261] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-ki7n45g261] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-ki7n45g261] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-ki7n45g261] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-ki7n45g261] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-ki7n45g261] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-ki7n45g261] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-ki7n45g261] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-ki7n45g261] {
    border-top: 1px solid #e4eaed;
}

.topic[b-ki7n45g261] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-ki7n45g261] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-ki7n45g261] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-ki7n45g261] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-ki7n45g261] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-ki7n45g261] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-ki7n45g261] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-ki7n45g261] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-ki7n45g261] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-ki7n45g261] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-ki7n45g261] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-ki7n45g261] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-ki7n45g261] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-ki7n45g261] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-ki7n45g261] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-ki7n45g261] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-ki7n45g261] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-ki7n45g261],
    .compare-table th[b-ki7n45g261],
    .compare-table td[b-ki7n45g261] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-ki7n45g261] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-ki7n45g261] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-ki7n45g261] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-ki7n45g261] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-ki7n45g261] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-ki7n45g261] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-ki7n45g261] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-ki7n45g261]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/setting/SettingCameraMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-2lfgjzfu94] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-2lfgjzfu94] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-2lfgjzfu94] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-2lfgjzfu94] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-2lfgjzfu94] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-2lfgjzfu94] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-2lfgjzfu94] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-2lfgjzfu94] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-2lfgjzfu94] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-2lfgjzfu94] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-2lfgjzfu94] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-2lfgjzfu94] {
    border-top: 1px solid #e4eaed;
}

.topic[b-2lfgjzfu94] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-2lfgjzfu94] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-2lfgjzfu94] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-2lfgjzfu94] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-2lfgjzfu94] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-2lfgjzfu94] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-2lfgjzfu94] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-2lfgjzfu94] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-2lfgjzfu94] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-2lfgjzfu94] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-2lfgjzfu94] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-2lfgjzfu94] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-2lfgjzfu94] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-2lfgjzfu94] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-2lfgjzfu94] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-2lfgjzfu94] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-2lfgjzfu94] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-2lfgjzfu94],
    .compare-table th[b-2lfgjzfu94],
    .compare-table td[b-2lfgjzfu94] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-2lfgjzfu94] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-2lfgjzfu94] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-2lfgjzfu94] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-2lfgjzfu94] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-2lfgjzfu94] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-2lfgjzfu94] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-2lfgjzfu94] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-2lfgjzfu94]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/setting/SettingDatabaseMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-osakkcll2d] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-osakkcll2d] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-osakkcll2d] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-osakkcll2d] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-osakkcll2d] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-osakkcll2d] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-osakkcll2d] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-osakkcll2d] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-osakkcll2d] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-osakkcll2d] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-osakkcll2d] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-osakkcll2d] {
    border-top: 1px solid #e4eaed;
}

.topic[b-osakkcll2d] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-osakkcll2d] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-osakkcll2d] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-osakkcll2d] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-osakkcll2d] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-osakkcll2d] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-osakkcll2d] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-osakkcll2d] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-osakkcll2d] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-osakkcll2d] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-osakkcll2d] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-osakkcll2d] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-osakkcll2d] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-osakkcll2d] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-osakkcll2d] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-osakkcll2d] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-osakkcll2d] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-osakkcll2d],
    .compare-table th[b-osakkcll2d],
    .compare-table td[b-osakkcll2d] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-osakkcll2d] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-osakkcll2d] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-osakkcll2d] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-osakkcll2d] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-osakkcll2d] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-osakkcll2d] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-osakkcll2d] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-osakkcll2d]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/setting/SettingGeneralMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-aaz4hb91np] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-aaz4hb91np] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-aaz4hb91np] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-aaz4hb91np] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-aaz4hb91np] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-aaz4hb91np] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-aaz4hb91np] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-aaz4hb91np] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-aaz4hb91np] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-aaz4hb91np] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-aaz4hb91np] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-aaz4hb91np] {
    border-top: 1px solid #e4eaed;
}

.topic[b-aaz4hb91np] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-aaz4hb91np] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-aaz4hb91np] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-aaz4hb91np] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-aaz4hb91np] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-aaz4hb91np] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-aaz4hb91np] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-aaz4hb91np] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-aaz4hb91np] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-aaz4hb91np] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-aaz4hb91np] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-aaz4hb91np] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-aaz4hb91np] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-aaz4hb91np] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-aaz4hb91np] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-aaz4hb91np] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-aaz4hb91np] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-aaz4hb91np],
    .compare-table th[b-aaz4hb91np],
    .compare-table td[b-aaz4hb91np] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-aaz4hb91np] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-aaz4hb91np] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-aaz4hb91np] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-aaz4hb91np] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-aaz4hb91np] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-aaz4hb91np] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-aaz4hb91np] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-aaz4hb91np]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/setting/SettingGeneralMenu2.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-ve5l0tq4k7] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-ve5l0tq4k7] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-ve5l0tq4k7] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-ve5l0tq4k7] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-ve5l0tq4k7] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-ve5l0tq4k7] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-ve5l0tq4k7] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-ve5l0tq4k7] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-ve5l0tq4k7] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-ve5l0tq4k7] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-ve5l0tq4k7] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-ve5l0tq4k7] {
    border-top: 1px solid #e4eaed;
}

.topic[b-ve5l0tq4k7] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-ve5l0tq4k7] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-ve5l0tq4k7] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-ve5l0tq4k7] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-ve5l0tq4k7] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-ve5l0tq4k7] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-ve5l0tq4k7] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-ve5l0tq4k7] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-ve5l0tq4k7] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-ve5l0tq4k7] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-ve5l0tq4k7] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-ve5l0tq4k7] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-ve5l0tq4k7] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-ve5l0tq4k7] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-ve5l0tq4k7] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-ve5l0tq4k7] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-ve5l0tq4k7] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-ve5l0tq4k7],
    .compare-table th[b-ve5l0tq4k7],
    .compare-table td[b-ve5l0tq4k7] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-ve5l0tq4k7] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-ve5l0tq4k7] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-ve5l0tq4k7] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-ve5l0tq4k7] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-ve5l0tq4k7] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-ve5l0tq4k7] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-ve5l0tq4k7] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-ve5l0tq4k7]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/setting/SettingLabelPrinterMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-fcm3inwdk6] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-fcm3inwdk6] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-fcm3inwdk6] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-fcm3inwdk6] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-fcm3inwdk6] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-fcm3inwdk6] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-fcm3inwdk6] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-fcm3inwdk6] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-fcm3inwdk6] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-fcm3inwdk6] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-fcm3inwdk6] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-fcm3inwdk6] {
    border-top: 1px solid #e4eaed;
}

.topic[b-fcm3inwdk6] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-fcm3inwdk6] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-fcm3inwdk6] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-fcm3inwdk6] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-fcm3inwdk6] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-fcm3inwdk6] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-fcm3inwdk6] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-fcm3inwdk6] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-fcm3inwdk6] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-fcm3inwdk6] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-fcm3inwdk6] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-fcm3inwdk6] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-fcm3inwdk6] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-fcm3inwdk6] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-fcm3inwdk6] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-fcm3inwdk6] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-fcm3inwdk6] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-fcm3inwdk6],
    .compare-table th[b-fcm3inwdk6],
    .compare-table td[b-fcm3inwdk6] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-fcm3inwdk6] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-fcm3inwdk6] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-fcm3inwdk6] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-fcm3inwdk6] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-fcm3inwdk6] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-fcm3inwdk6] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-fcm3inwdk6] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-fcm3inwdk6]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/setting/SettingOrderFormatMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-f1z6bbgvfc] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-f1z6bbgvfc] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-f1z6bbgvfc] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-f1z6bbgvfc] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-f1z6bbgvfc] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-f1z6bbgvfc] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-f1z6bbgvfc] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-f1z6bbgvfc] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-f1z6bbgvfc] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-f1z6bbgvfc] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-f1z6bbgvfc] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-f1z6bbgvfc] {
    border-top: 1px solid #e4eaed;
}

.topic[b-f1z6bbgvfc] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-f1z6bbgvfc] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-f1z6bbgvfc] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-f1z6bbgvfc] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-f1z6bbgvfc] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-f1z6bbgvfc] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-f1z6bbgvfc] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-f1z6bbgvfc] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-f1z6bbgvfc] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-f1z6bbgvfc] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-f1z6bbgvfc] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-f1z6bbgvfc] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-f1z6bbgvfc] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-f1z6bbgvfc] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-f1z6bbgvfc] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-f1z6bbgvfc] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-f1z6bbgvfc] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-f1z6bbgvfc],
    .compare-table th[b-f1z6bbgvfc],
    .compare-table td[b-f1z6bbgvfc] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-f1z6bbgvfc] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-f1z6bbgvfc] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-f1z6bbgvfc] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-f1z6bbgvfc] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-f1z6bbgvfc] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-f1z6bbgvfc] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-f1z6bbgvfc] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-f1z6bbgvfc]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/setting/SettingUserInfoMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-4v680nrssx] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-4v680nrssx] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-4v680nrssx] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-4v680nrssx] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-4v680nrssx] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-4v680nrssx] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-4v680nrssx] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-4v680nrssx] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-4v680nrssx] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-4v680nrssx] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-4v680nrssx] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-4v680nrssx] {
    border-top: 1px solid #e4eaed;
}

.topic[b-4v680nrssx] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-4v680nrssx] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-4v680nrssx] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-4v680nrssx] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-4v680nrssx] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-4v680nrssx] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-4v680nrssx] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-4v680nrssx] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-4v680nrssx] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-4v680nrssx] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-4v680nrssx] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-4v680nrssx] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-4v680nrssx] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-4v680nrssx] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-4v680nrssx] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-4v680nrssx] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-4v680nrssx] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-4v680nrssx],
    .compare-table th[b-4v680nrssx],
    .compare-table td[b-4v680nrssx] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-4v680nrssx] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-4v680nrssx] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-4v680nrssx] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-4v680nrssx] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-4v680nrssx] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-4v680nrssx] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-4v680nrssx] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-4v680nrssx]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/menu/setting/SettingWmsMenu.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-8vsnbke66x] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-8vsnbke66x] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-8vsnbke66x] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-8vsnbke66x] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-8vsnbke66x] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-8vsnbke66x] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-8vsnbke66x] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-8vsnbke66x] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-8vsnbke66x] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

.notice-icon[b-8vsnbke66x] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-8vsnbke66x] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}

.topic-list[b-8vsnbke66x] {
    border-top: 1px solid #e4eaed;
}

.topic[b-8vsnbke66x] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-8vsnbke66x] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-8vsnbke66x] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-8vsnbke66x] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-8vsnbke66x] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-8vsnbke66x] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-8vsnbke66x] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-8vsnbke66x] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}

.sub-topic-last[b-8vsnbke66x] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-8vsnbke66x] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-8vsnbke66x] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 14px;
}

    .article-feedback strong[b-8vsnbke66x] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-8vsnbke66x] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-8vsnbke66x] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-8vsnbke66x] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-8vsnbke66x] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-8vsnbke66x] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-8vsnbke66x],
    .compare-table th[b-8vsnbke66x],
    .compare-table td[b-8vsnbke66x] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-8vsnbke66x] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-8vsnbke66x] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-8vsnbke66x] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-8vsnbke66x] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-8vsnbke66x] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-8vsnbke66x] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-8vsnbke66x] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-8vsnbke66x]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/start/Devices.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-5ucp3ntdm6] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-5ucp3ntdm6] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-5ucp3ntdm6] {
    font-size: 14px;
    font-weight : 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-5ucp3ntdm6] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-5ucp3ntdm6] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-5ucp3ntdm6] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-5ucp3ntdm6] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-5ucp3ntdm6] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-5ucp3ntdm6] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

    .notice a[b-5ucp3ntdm6] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.notice-icon[b-5ucp3ntdm6] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-5ucp3ntdm6] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}
.topic-list[b-5ucp3ntdm6] {
    border-top: 1px solid #e4eaed;
}

.topic[b-5ucp3ntdm6] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-5ucp3ntdm6] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-5ucp3ntdm6] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-5ucp3ntdm6] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-5ucp3ntdm6] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-5ucp3ntdm6] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-5ucp3ntdm6] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-5ucp3ntdm6] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}
.sub-topic-last[b-5ucp3ntdm6] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-5ucp3ntdm6] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-5ucp3ntdm6] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size:14px;
}

    .article-feedback strong[b-5ucp3ntdm6] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-5ucp3ntdm6] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-5ucp3ntdm6] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-5ucp3ntdm6] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-5ucp3ntdm6] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-5ucp3ntdm6] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-5ucp3ntdm6],
    .compare-table th[b-5ucp3ntdm6],
    .compare-table td[b-5ucp3ntdm6] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-5ucp3ntdm6] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-5ucp3ntdm6] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-5ucp3ntdm6] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-5ucp3ntdm6] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-5ucp3ntdm6] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-5ucp3ntdm6] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-5ucp3ntdm6] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-5ucp3ntdm6]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/start/Download.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-3fkkmndyoy] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-3fkkmndyoy] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-3fkkmndyoy] {
    font-size: 14px;
    font-weight : 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-3fkkmndyoy] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-3fkkmndyoy] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-3fkkmndyoy] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-3fkkmndyoy] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-3fkkmndyoy] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-3fkkmndyoy] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

    .notice a[b-3fkkmndyoy] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.notice-icon[b-3fkkmndyoy] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-3fkkmndyoy] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}
.topic-list[b-3fkkmndyoy] {
    border-top: 1px solid #e4eaed;
}

.topic[b-3fkkmndyoy] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-3fkkmndyoy] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-3fkkmndyoy] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-3fkkmndyoy] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-3fkkmndyoy] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-3fkkmndyoy] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-3fkkmndyoy] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-3fkkmndyoy] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}
.sub-topic-last[b-3fkkmndyoy] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-3fkkmndyoy] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-3fkkmndyoy] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size:14px;
}

    .article-feedback strong[b-3fkkmndyoy] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-3fkkmndyoy] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-3fkkmndyoy] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-3fkkmndyoy] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-3fkkmndyoy] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-3fkkmndyoy] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-3fkkmndyoy],
    .compare-table th[b-3fkkmndyoy],
    .compare-table td[b-3fkkmndyoy] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-3fkkmndyoy] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-3fkkmndyoy] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-3fkkmndyoy] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-3fkkmndyoy] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-3fkkmndyoy] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-3fkkmndyoy] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-3fkkmndyoy] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-3fkkmndyoy]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/start/Install.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-d2dvuc3xbh] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-d2dvuc3xbh] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-d2dvuc3xbh] {
    font-size: 14px;
    font-weight : 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-d2dvuc3xbh] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-d2dvuc3xbh] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-d2dvuc3xbh] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-d2dvuc3xbh] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-d2dvuc3xbh] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-d2dvuc3xbh] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

    .notice a[b-d2dvuc3xbh] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.notice-icon[b-d2dvuc3xbh] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-d2dvuc3xbh] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}
.topic-list[b-d2dvuc3xbh] {
    border-top: 1px solid #e4eaed;
}

.topic[b-d2dvuc3xbh] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-d2dvuc3xbh] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-d2dvuc3xbh] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-d2dvuc3xbh] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-d2dvuc3xbh] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-d2dvuc3xbh] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-d2dvuc3xbh] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-d2dvuc3xbh] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}
.sub-topic-last[b-d2dvuc3xbh] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-d2dvuc3xbh] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-d2dvuc3xbh] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size:14px;
}

    .article-feedback strong[b-d2dvuc3xbh] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-d2dvuc3xbh] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-d2dvuc3xbh] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-d2dvuc3xbh] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-d2dvuc3xbh] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-d2dvuc3xbh] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-d2dvuc3xbh],
    .compare-table th[b-d2dvuc3xbh],
    .compare-table td[b-d2dvuc3xbh] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-d2dvuc3xbh] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-d2dvuc3xbh] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-d2dvuc3xbh] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-d2dvuc3xbh] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-d2dvuc3xbh] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-d2dvuc3xbh] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-d2dvuc3xbh] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-d2dvuc3xbh]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/start/Resister.razor.rz.scp.css */
/* CSS for Manual component */
.section-kicker[b-8rfjgs4jb5] {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 5px 0 8px;
    color: #e18a25;
}

.article-title[b-8rfjgs4jb5] {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #1e3945;
    margin: 0 0 13px;
}

.article-intro[b-8rfjgs4jb5] {
    font-size: 14px;
    font-weight : 500;
    line-height: 1.6;
    color: #697b83;
    margin: 0 0 25px;
}

.pm-img[b-8rfjgs4jb5] {
    max-width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.zoom-in-img[b-8rfjgs4jb5] {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center; /* 세로 중앙 정렬 (필요한 경우) */
    width: 100%; /* 부모 요소의 너비가 확보되어야 중앙 정렬이 눈에 보입니다 */
    cursor: zoom-in;
    border-radius: 8px;
    background-color: #eef4f6;
    margin-bottom: 20px;
}

.no-padding-dialog[b-8rfjgs4jb5] {
    max-height: 90vh;
    max-width: 90vw;
    margin: 10px;
    border-radius: 5px;
}

.overlay-text[b-8rfjgs4jb5] {
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #777;
}


.notice[b-8rfjgs4jb5] {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid #f2e4cf;
    background: #fffaf2;
    border-radius: 9px;
    margin-bottom: 33px;
}

    .notice p[b-8rfjgs4jb5] {
        font-size: 14px;
        color: #8a7659;
        margin: 5px 0 0;
    }

    .notice a[b-8rfjgs4jb5] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.notice-icon[b-8rfjgs4jb5] {
    display: grid;
    place-items: center;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffedcf;
    color: #986019;
    font-size: 12px;
    font-weight: 800;
}

.totic-title[b-8rfjgs4jb5] {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #263f49;
    margin: 0 0 17px;
}
.topic-list[b-8rfjgs4jb5] {
    border-top: 1px solid #e4eaed;
}

.topic[b-8rfjgs4jb5] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
    padding: 23px 0;
    border-bottom: 1px solid #e4eaed;
}

.topic-number[b-8rfjgs4jb5] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #eef4f6;
    color: #426575;
    font-size: 14px;
    font-weight: 700;
}

.topic h3[b-8rfjgs4jb5] {
    font-size: 16px;
    font-weight: 600;
    color: #2b424c;
    margin: 4px 0 16px;
}

.topic h4[b-8rfjgs4jb5] {
    font-size: 14px;
    color: #2b424c;
    margin: 4px 0 8px;
}

.topic p[b-8rfjgs4jb5] {
    font-size: 14px;
    line-height: 1.8;
    color: #6d7f87;
    margin: 4px 0 8px;
}

.topic li[b-8rfjgs4jb5] {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.topic-extra[b-8rfjgs4jb5] {
    margin-top: 9px;
    padding: 10px 12px;
    background: #f7f9fa;
    border-radius: 6px;
    color: #7b8a90;
    font-size: 13px;
    line-height: 1.7;
}

.sub-topic[b-8rfjgs4jb5] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    border-bottom: 1px solid #e4eaed;
    margin-bottom: 20px;
}
.sub-topic-last[b-8rfjgs4jb5] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
}

.sub-topic-number[b-8rfjgs4jb5] {
    display: grid;
    place-items: center;
    height: 23px;
    color: #426575;
    font-size: 12px;
    font-weight: 700;
}

.article-feedback[b-8rfjgs4jb5] {
    margin-top: 30px;
    padding: 19px;
    background: #f5f8f9;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size:14px;
}

    .article-feedback strong[b-8rfjgs4jb5] {
        font-size: 14px;
        color: #2b424c;
    }

    .article-feedback p[b-8rfjgs4jb5] {
        font-size: 14px;
        color: #7e8d94;
        margin: 5px 0 0;
    }

    .article-feedback a[b-8rfjgs4jb5] {
        font-size: 13px;
        font-weight: 700;
        color: #244b5d;
        white-space: nowrap;
        text-decoration: none;
    }

.back-link[b-8rfjgs4jb5] {
    display: inline-block;
    margin-top: 24px;
    color: #52717e;
    font-size: 14px;
    text-decoration: none;
}

.menu-grid[b-8rfjgs4jb5] {
    display: grid;
    /* 화면 너비에 맞춰 최소 250px 크기로 카드가 자동으로 배치됩니다 */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 10px;
}

/* 테이블 */
.compare-table[b-8rfjgs4jb5] {
    width: 100%;
    table-layout: fixed; /* 컬럼 크기 고정 */
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

    /* 모든 테두리 제거 */

    .compare-table[b-8rfjgs4jb5],
    .compare-table th[b-8rfjgs4jb5],
    .compare-table td[b-8rfjgs4jb5] {
        border: none !important;
    }

        /* 아래쪽만 선 */

        .compare-table th[b-8rfjgs4jb5] {
            padding: 8px 16px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        .compare-table td[b-8rfjgs4jb5] {
            padding: 8px 16px;
            vertical-align: middle;
            border-bottom: 1px solid #e9ecef !important;
        }

        /* 헤더 */

        .compare-table thead th[b-8rfjgs4jb5] {
            background: #fff;
            color: #333;
            font-size: 13px;
            font-weight: 700;
            border-bottom: 2px solid #116EDA !important;
        }

        /* 첫번째 컬럼 */

        .compare-table tbody td:first-child[b-8rfjgs4jb5] {
            text-align: left;
            background: #fafafa;
        }

        .compare-table tr.highlight-border td[b-8rfjgs4jb5] {
            border-bottom: 1px solid #aaa !important;
        }

.dot-list[b-8rfjgs4jb5] {
    list-style: none; /* 기본 불릿 기호 제거 */
    padding-left: 0; /* 기본 들여쓰기 제거 (선택 사항) */
}

    .dot-list li[b-8rfjgs4jb5] {
        position: relative;
        padding-left: 20px; /* 대시 기호가 들어갈 공간 확보 */
    }

        .dot-list li[b-8rfjgs4jb5]::before {
            content: "·";
            position: absolute;
            left: 0;
        }
/* /Components/Pages/manual/start/Step1.razor.rz.scp.css */
/* CSS for Manual component */