:root {
    --bg: #f4f6fb;
    --ink: #142033;
    --muted: #5d6b82;
    --line: #e4e9f2;
    --side: #101828;
    --side-ink: #d7deea;
    --accent: #2563eb;
    --accent-ink: #fff;
    --card: #fff;
    --danger: #c2410c;
    --ok: #047857;
    --shadow: 0 18px 50px rgba(16, 24, 40, .08);
    font-family: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
}
* { box-sizing: border-box; }
html, body {
    margin: 0;
    background: var(--bg) !important;
    color: var(--ink);
    min-height: 100%;
    font-family: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
}
a { color: var(--accent); text-decoration: none; }
img.thumb { max-width: 36px; height: 36px; object-fit: cover; border-radius: 50%; }
.adm-app { min-height: 100vh; }
.adm-top {
    height: 64px; display: flex; align-items: center; justify-content: space-between;
    padding: 0 28px; background: #fff; border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 20;
}
.adm-brand {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ink);
    font-weight: 750;
    font-size: 18px;
    letter-spacing: -.03em;
}
.adm-brand img { display: block; width: 28px; height: 28px; }
.adm-user { display: flex; gap: 14px; align-items: center; color: var(--muted); font-size: 14px; }
.adm-user a { border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px; color: var(--ink); }
.adm-body { display: flex; min-height: calc(100vh - 64px); }
.adm-body-plain { min-height: 100vh; }
.adm-side {
    width: 248px; flex: 0 0 248px; background: var(--side); color: var(--side-ink); padding: 22px 14px 40px;
}
.adm-side-label { margin: 0 10px 18px; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: #8ea0bd; }
.adm-side nav { margin-bottom: 22px; }
.adm-side h2 { margin: 0 10px 8px; font-size: 12px; font-weight: 650; color: #8ea0bd; }
.adm-side a {
    display: block; margin: 2px 0; padding: 9px 12px; border-radius: 10px; color: var(--side-ink); font-size: 14px;
}
.adm-side a:hover, .adm-side a.is-current { background: rgba(255,255,255,.08); color: #fff; }
.adm-main { flex: 1 1 auto; min-width: 0; width: 100%; padding: 28px; }
.adm-main #content,
#content {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background: var(--card);
    border-radius: 18px;
    box-shadow: var(--shadow);
    padding: 22px 24px 28px;
}
.adm-main .site_view_reply,
.adm-main .comment_type,
.adm-main .calendarBox {
    margin-bottom: 16px;
}
.adm-main-full { margin-left: 0; }
#content h1, .adm-main h1 { margin: 0 0 8px; font-size: 28px; letter-spacing: -.04em; }
.linemap, ul.linemap { display: flex; gap: 8px; padding: 0; margin: 0 0 18px; list-style: none; color: var(--muted); font-size: 13px; }
#content, .site_view_reply, form { color: var(--ink); }
table { width: 100%; border-collapse: collapse; background: var(--card); border-radius: 16px; overflow: hidden; box-shadow: var(--shadow); }
th, td { padding: 12px 14px; border-bottom: 1px solid var(--line); text-align: left; font-size: 13px; vertical-align: middle; }
th { background: #f8fafc; font-weight: 680; color: #334155; }
tr:last-child td { border-bottom: 0; }
input[type="text"], input[type="password"], input[type="search"], select, textarea {
    border: 1px solid #d5deeb; border-radius: 10px; padding: 8px 10px; background: #fff; color: var(--ink); font: inherit;
}
button, input[type="submit"], input[type="button"] {
    background: var(--accent); color: var(--accent-ink); border: 0; border-radius: 10px; padding: 9px 14px; font: inherit; cursor: pointer;
}
.paging_Wrap, .paging, .paging02 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px;
    width: 100%;
    float: none !important;
    clear: both;
    overflow: visible !important;
    text-align: center !important;
}
.paging_Wrap, .paging02 {
    margin: 20px 0 8px !important;
    padding: 16px 0 4px !important;
    border-top: 1px solid var(--line) !important;
    position: relative !important;
}
.paging02 .paging_Wrap {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.paging {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    width: auto !important;
}
.paging a, .paging span, .paging02 a, .paging02 span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px;
    height: 36px;
    padding: 0 12px !important;
    margin: 0 !important;
    border: 1px solid var(--line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    background-image: none !important;
    color: var(--ink) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    top: auto !important;
    position: relative !important;
    box-shadow: none;
}
.paging a:hover, .paging02 a:hover {
    border-color: var(--accent) !important;
    color: var(--accent) !important;
    background: #eff6ff !important;
}
.paging .on, .paging span.on, .paging02 .on {
    background: var(--accent) !important;
    border-color: var(--accent) !important;
    color: #fff !important;
}
.paging a.pg-nav {
    min-width: 48px;
    color: var(--muted) !important;
    font-weight: 700 !important;
}
.paging a.pg-nav:hover {
    color: var(--accent) !important;
}
.paging img, .paging02 img { display: none !important; }
.paging_Wrap:has(.paging:empty) { display: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.adm-login-body { min-height: 100vh; display: grid; place-items: center; background:
    radial-gradient(900px 400px at 10% -10%, #dbe7ff, transparent 50%),
    radial-gradient(700px 300px at 100% 0%, #e7f8f1, transparent 45%), var(--bg); }
.adm-login { width: min(440px, calc(100% - 32px)); background: #fff; border-radius: 24px; padding: 36px; box-shadow: var(--shadow); }
.adm-kicker { margin: 0; color: var(--accent); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.adm-login h1 { margin: 8px 0; font-size: 32px; }
.adm-lead { margin: 0 0 22px; color: var(--muted); }
.adm-login label { display: block; margin: 14px 0 6px; font-size: 13px; font-weight: 650; }
.adm-field { width: 100%; height: 44px; }
.adm-login button { width: 100%; height: 46px; margin-top: 18px; font-weight: 700; }
@media (max-width: 860px) {
    .adm-body { display: block; }
    .adm-side { width: auto; }
    .adm-main { padding: 16px; }
}

html, body,
body.adm-app,
.adm-app {
    background: var(--bg) !important;
    background-image: none !important;
}
#wrap, #container, .adm-main {
    width: 100% !important;
    max-width: none !important;
}
#snb { display: none !important; }
.adm-main table {
    width: 100% !important;
}
.adm-main .reply_box,
.adm-main .descript_Wrap,
.adm-main .descript_box,
.adm-main .selectBox,
.adm-main .calendarBox,
.adm-main .comment_type,
.adm-main .site_view_reply,
.adm-main .linemap {
    width: 100% !important;
    max-width: none !important;
    float: none;
    box-sizing: border-box;
}
.adm-main .descript_Wrap { margin-right: 0; }
.adm-main .linemap {
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid var(--line);
    margin: 0 0 20px;
    padding: 0 0 12px;
    overflow: visible;
}
.adm-main .linemap li {
    float: none;
    color: var(--muted);
    font-size: 13px;
}
.adm-main .linemap li strong {
    background: none;
    padding: 0;
    color: var(--ink);
    font-size: 15px;
}
.adm-main .linemap li.last { position: static; }
.adm-main .site_view_reply,
.adm-main .comment_type,
.adm-main .calendarBox,
.adm-main .function,
.adm-main .select_view_check,
.adm-main .config_site_config {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    height: auto;
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #f8fafc;
}
.adm-main .function { border: 1px solid var(--line); background: #f8fafc; }
.adm-main .function dt,
.adm-main .function dd {
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    background: none;
    border: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.adm-main .function dt { font-weight: 700; color: var(--muted); font-size: 12px; }
.adm-main .function dd img,
.adm-main .function_en img { margin-left: 0; }
.adm-main .search_user,
.adm-main div.search_user,
.adm-main .search_user form,
.adm-main .selectVar .search_user {
    position: static !important;
    float: none !important;
    display: inline-flex !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    width: auto !important;
    max-width: 100%;
    margin: 0;
    top: auto !important;
    right: auto !important;
}
.adm-main .search_user select,
.adm-main .search_user .search_type_select,
.adm-main select.search_type_select {
    flex: 0 0 auto;
    width: auto !important;
    min-width: 110px;
    height: 36px !important;
    margin: 0;
}
.adm-main .search_user input[type="text"],
.adm-main input[type="text"]#search_content,
.adm-main input[type="text"]#search_content1,
.adm-main input[type="text"]#search_content2,
.adm-main input[type="text"]#search_text,
.adm-main input[type="text"]#post_search_content {
    flex: 0 0 180px;
    width: 180px !important;
    max-width: 180px !important;
    height: 36px !important;
    margin: 0;
}
.adm-main .search_user .adm-btn-host,
.adm-main .search_user a.search_excel,
.adm-main .search_user a.green_r_typeA,
.adm-main .search_user .printExcel,
.adm-main .calendarBox .printExcel {
    flex: 0 0 auto;
}
.adm-main .config_site_view,
.adm-main .config_site { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.adm-main .selectBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 16px;
    margin: 0;
}
.adm-main .selectBox .leftBox,
.adm-main .selectBox .rightBox,
.adm-main .selectBox .selectButton {
    float: none;
    width: auto;
    padding: 0;
    height: auto;
}
.adm-main .selectBox select { height: 220px; width: min(280px, 100%); border-radius: 10px; }
.adm-main .comment_less {
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    margin-bottom: 10px;
    overflow: hidden;
}
.adm-main .comment_less .comment_more {
    margin: 0;
    padding: 14px 16px;
}
.adm-main .snsId,
.adm-main .snsHosting {
    float: none;
    background: none;
    padding: 0;
    margin: 0 10px 0 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: auto;
}
.adm-main .snsHosting h3 { width: auto; margin: 0; float: none; }
.adm-main .snsHostList { float: none; margin: 0; display: inline-flex; gap: 4px; }
.adm-main .snsBtnlist { display: inline-flex; flex-wrap: wrap; gap: 6px; margin-left: 8px; }
.adm-main .thumb { border-radius: 50%; }
.adm-main a.green_r_typeA,
.adm-main a.search_excel,
.adm-main a.orange_r_typeA,
.adm-main a.grey_r_typeA,
.adm-main a.adm-text-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 12px !important;
    border-radius: 8px;
    background: var(--ok) none !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    margin: 0;
}
.adm-main a.green_r_typeA strong,
.adm-main a.orange_r_typeA span,
.adm-main a.orange_r_typeA strong,
.adm-main a.grey_r_typeA span,
.adm-main a.grey_r_typeA strong {
    display: inline !important;
    padding: 0 !important;
    background: none !important;
    color: inherit !important;
    font-weight: 700;
}
.adm-main a.orange_r_typeA { background: #ea580c none !important; }
.adm-main a.grey_r_typeA { background: #64748b none !important; }
.adm-main a.adm-text-btn { background: var(--accent) none !important; }
.adm-main td.alin_l .site-link-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.adm-main td.alin_l .site-link-name {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
    color: var(--accent);
    font-weight: 700;
}
.adm-main p.btnUrl {
    display: inline-flex;
    float: none;
    flex: 0 0 174px;
    width: 174px;
    margin: 0;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
}
.adm-main p.btnUrl a.orange_r_typeA,
.adm-main p.btnUrl a.grey_r_typeA {
    flex: 0 0 84px;
    width: 84px;
    box-sizing: border-box;
}

.adm-btn-host {
    position: relative !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    min-width: 32px;
    padding: 0 12px;
    margin: 0 4px 0 0;
    border-radius: 8px;
    background: var(--accent);
    color: #fff !important;
    font-size: 13px;
    font-weight: 650;
    line-height: 1;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
}
.adm-btn-host::after {
    content: attr(data-adm-label);
    pointer-events: none;
    white-space: nowrap;
}
.adm-btn-host.is-danger { background: var(--danger); }
.adm-btn-host.is-warn { background: #b45309; }
.adm-btn-host.is-ok { background: var(--ok); }
.adm-btn-host.is-ghost {
    background: #fff;
    color: var(--ink) !important;
    border: 1px solid var(--line);
}
.adm-btn-host.is-toggle-off { background: #94a3b8; }
.adm-btn-host.is-toggle-on { background: var(--ok); }
.adm-btn-src {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    cursor: pointer;
}
.adm-deco-hide { display: none !important; }
.adm-sns-src,
.adm-main img[src*="img_snsHosting"],
.adm-main img[src*="img_bullet_cross"],
.adm-main img[src*="img_ico_mouse"] { display: none !important; }
.adm-sns {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    vertical-align: middle;
}
.adm-sns i { font-style: normal; }
.adm-sns-facebook { background: #1877f2; }
.adm-sns-twitter { background: #111827; }
.adm-sns-kakao { background: #fee500; color: #191919; }
.adm-sns-naver { background: #03c75a; }
.adm-sns-instagram { background: #e1306c; }
.adm-sns-google { background: #4285f4; }
.adm-sns-me2day,
.adm-sns-yozm,
.adm-sns-clog,
.adm-sns-custom { background: #64748b; }
.adm-sns-label {
    display: inline-block;
    margin-right: 6px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
}
.adm-main button,
.adm-main input[type="submit"],
.adm-main input[type="button"] {
    width: auto !important;
    height: auto !important;
    min-height: 36px;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 10px;
    background: var(--accent);
    color: #fff;
    padding: 8px 14px;
    font-weight: 700;
}

.adm-main .linemap_r {
    float: none !important;
    width: auto !important;
    max-width: 100%;
    margin: 0 0 12px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}
.adm-main .calendarBox {
    align-content: flex-start;
}
.adm-main .calendarBox h3 {
    flex: 1 0 100%;
    margin: 0 0 8px;
    padding-left: 0;
    background: none;
}
.adm-main .calendarBox p {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    margin: 0;
}
.adm-main .calendarBox > img,
.adm-main .calendarBox > .adm-btn-host {
    flex: 0 0 auto;
}
.adm-main .selectVar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    overflow: visible;
}
.adm-main .partner-add-row {
    display: flex;
    align-items: center;
    margin: 0 0 12px;
    padding: 0;
}
.adm-main button.adm-text-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 12px !important;
    border: 0;
    border-radius: 8px;
    background: var(--accent) none !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}
.adm-main .selectVar > span,
.adm-main .selectVar span:not(.adm-btn-host) {
    position: static;
}
.adm-main .selectVar .adm-btn-host {
    position: relative !important;
    inset: auto;
    width: auto;
    height: auto;
}
.adm-main .selectVar input {
    margin-left: 0;
}
.adm-main .selectVar .search_user {
    margin-left: auto;
}
.adm-main .comment_type {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px 12px;
    position: relative;
    min-height: 0;
    padding: 10px 14px;
}
.adm-main .comment_type p {
    position: static !important;
    top: auto !important;
    right: auto !important;
    display: inline-flex;
    align-items: center;
    margin: 0;
}
.adm-main .comment_type .search_user {
    position: static !important;
    float: none !important;
    margin-left: auto;
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 8px;
}
.adm-main .tab_list {
    height: auto !important;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 12px;
    padding: 0;
    border: 0;
    background: none;
    font-size: 13px;
    list-style: none;
}
.adm-main .tab_list li {
    float: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 14px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    list-style: none;
}
.adm-main .tab_list li.on {
    background: var(--accent);
    border-color: var(--accent);
    color: #fff;
}
.adm-main .tab_list li img {
    display: none !important;
}
.adm-main .map_area,
.adm-main .map_area02,
.adm-main .graph_area {
    position: relative;
    clear: both;
    width: 100% !important;
    max-width: 100%;
    min-height: 320px;
    overflow: hidden;
    box-sizing: border-box;
    margin: 8px 0 16px !important;
    padding: 12px 12px 8px;
    background: #fff;
    border: 1px solid var(--line) !important;
    border-radius: 16px;
    box-shadow: var(--shadow);
}
.adm-main .container_line,
.adm-main .container_line2,
.adm-main .pie_chart {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: 320px !important;
    margin: 0 !important;
}
.adm-main #graph_layer1.graph_area {
    display: flex;
    align-items: stretch;
    gap: 20px;
    overflow: hidden;
    min-height: 360px;
    padding: 16px 20px;
}
.adm-main #graph_layer1 .pie_chart {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    height: 320px !important;
}
.adm-main .highcharts-container {
    left: 0 !important;
    margin: 0 !important;
}
.printExcel,
.adm-main .printExcel,
.adm-main .search_user .printExcel,
.adm-main .calendarBox .printExcel {
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    float: none !important;
    right: auto !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    background: none !important;
    z-index: 4;
}
.printExcel img,
.adm-main .printExcel img {
    margin: 0 !important;
}
.adm-main .printExcel img {
    display: block;
    margin: 0;
    cursor: pointer;
}
.adm-main .pie_chart_table,
.adm-main .container_line_table {
    position: static !important;
    inset: auto;
    flex: 0 0 280px;
    width: 280px !important;
    max-width: 320px;
    margin: 0 !important;
    display: block;
    float: none;
    z-index: 2;
}
.adm-main .pie_chart_table table,
.adm-main .container_line_table table,
.adm-main .map_area table,
.adm-main .map_area02 table,
.adm-main #excel_layer table {
    width: 100% !important;
    min-width: 0;
    box-shadow: none !important;
}
.adm-main #excel_layer {
    overflow-x: auto;
    max-width: 100%;
    margin: 8px 0 0;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: var(--shadow);
}
.adm-main .tbl_leftA,
.adm-main table.tbl_leftA {
    border: 1px solid var(--line) !important;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: none;
    margin: 0 0 18px;
    background: #fff;
}
.adm-main .tbl_leftA th,
.adm-main .tbl_leftA td {
    background: #fff;
    border: 0;
    border-bottom: 1px solid var(--line) !important;
    color: var(--ink);
    font-size: 13px;
    padding: 14px 16px;
    vertical-align: middle;
}
.adm-main .tbl_leftA th {
    width: 180px;
    background: #f8fafc !important;
    color: #334155;
    font-weight: 700;
}
.adm-main .tbl_leftA tr:last-child th,
.adm-main .tbl_leftA tr:last-child td,
.adm-main .tbl_leftA .last {
    border-bottom: 0 !important;
}
.adm-main .tbl_leftA input[type="text"],
.adm-main .tbl_leftA input[type="password"],
.adm-main .tbl_leftA select {
    height: 40px;
    min-width: 220px;
    background: #fff;
    border: 1px solid #d5deeb;
}
.adm-main .tbl_leftA input.adm-field {
    width: min(420px, 100%);
}
.adm-main .tbl_leftA input.adm-input-md {
    width: 220px;
}
.adm-main .tbl_topS input[type="text"] {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    height: 36px;
    box-sizing: border-box;
}
.adm-main .site-url-fields {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}
.adm-main .site-url-field {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 3px;
    min-width: 0;
}
.adm-main .site-url-label {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
}
.adm-main .site-url-field > input[type="text"] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}
.adm-main .notice-row {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
}
.adm-main .notice-row input[type="text"] {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    max-width: none;
}
.adm-main .notice-row button[name="btn_notice"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: auto !important;
    height: 36px !important;
    min-width: 52px;
    min-height: 36px;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 10px;
    line-height: 1;
    white-space: nowrap;
    box-sizing: border-box;
}
.adm-main .adm-hint {
    display: inline-block;
    margin: 8px 0 0 8px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
    vertical-align: middle;
}
.adm-main .btnCenter {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 8px 0 0;
    padding: 0;
}
.adm-main .btnCenter .adm-text-btn,
.adm-main button.adm-text-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    height: 40px;
    padding: 0 18px !important;
    border: 0;
    border-radius: 10px;
    background: var(--accent) none !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none !important;
}
.adm-main .btnCenter .adm-text-btn.is-ghost {
    background: #fff !important;
    color: var(--ink) !important;
    border: 1px solid var(--line);
}

.adm-main .reply_comment {
    margin: 10px 0 0;
    padding: 0;
}
.adm-main .reply_depth_comment {
    padding: 0;
}
.adm-main .reply_txt {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    background: none;
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
}
.adm-main .reply_txt:before {
    content: "";
    width: 10px;
    height: 10px;
    background: var(--accent);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 10l5 5 5-5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 10l5 5 5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.adm-main .reply_txt a {
    color: var(--accent);
    text-decoration: none;
    cursor: pointer;
}
.adm-main .reply_box {
    position: static;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100% !important;
    max-width: none !important;
    margin: 8px 0 0;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #f8fafc;
    box-sizing: border-box;
}
.adm-main .reply_box a,
.adm-main .reply_box a.reply_admin,
.adm-main .reply_box a.adm-text-btn,
.adm-main .reply_box a.adm-btn-host {
    position: static !important;
    top: auto;
    right: auto;
    flex: 0 0 auto;
    align-self: stretch;
    min-width: 72px;
    height: auto !important;
    min-height: 64px !important;
    padding: 0 16px !important;
}
.adm-main .reply_txtarea {
    position: static;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}
.adm-main .reply_txtarea .img {
    position: static;
    flex: 0 0 auto;
}
.adm-main .reply_txtarea .img img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}
.adm-main .reply_txtarea span:last-child {
    flex: 1 1 auto;
    min-width: 0;
}
.adm-main .reply_txtarea textarea {
    width: 100%;
    min-height: 64px;
    height: 64px;
    margin: 0;
    padding: 4px 0;
    border: 0;
    resize: vertical;
    color: var(--ink);
    font-size: 13px;
    line-height: 1.5;
}
.adm-main .reply_txtarea label { display: none; }
.adm-main .reply_2depth_comment {
    position: relative;
    margin: 12px 0 0;
    padding: 0 0 0 22px;
    background: none;
}
.adm-main .reply_2depth_comment:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 10px;
    width: 12px;
    height: 12px;
    background: #94a3b8;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 10l5 5 5-5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 10l5 5 5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.adm-main .reply_2depth_wrap {
    margin-top: 8px;
    border-top: 1px solid var(--line);
}
.adm-main #basic_info02.site-account-list {
    border: 0;
    margin: 0;
    overflow-x: auto;
}
.adm-main #basic_info02.site-account-list fieldset,
.adm-main #basic_info02.site-account-list fieldset table {
    margin: 0;
    border: 0;
}
.adm-main #basic_info02.site-account-list table.tbl_topA {
    width: 100%;
    min-width: 920px;
    margin: 0;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow);
    font-size: 13px;
    text-align: left;
}
.adm-main #basic_info02.site-account-list table.tbl_topA caption.count02 {
    caption-side: top;
    margin: 0 0 10px;
    padding: 0 2px;
    background: none;
    color: var(--muted);
    font-size: 13px;
    font-weight: 650;
    text-align: left;
}
.adm-main #basic_info02.site-account-list table.tbl_topA caption.count02 b {
    color: var(--ink);
    font-weight: 800;
}
.adm-main #basic_info02.site-account-list table.tbl_topA th {
    background: #f8fafc !important;
    color: #64748b !important;
    font-size: 12px;
    font-weight: 700;
    text-align: left !important;
    border: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    padding: 14px 16px !important;
    white-space: nowrap;
}
.adm-main #basic_info02.site-account-list table.tbl_topA td {
    background: #fff;
    color: var(--ink);
    font-size: 13px;
    text-align: left;
    border: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    padding: 14px 16px !important;
    vertical-align: middle;
}
.adm-main #basic_info02.site-account-list table.tbl_topA tr:last-child td {
    border-bottom: 0 !important;
}
.adm-main #basic_info02.site-account-list td.partner-cell {
    background: #f8fafc;
    font-weight: 700;
}
.adm-main #basic_info02.site-account-list td.partner-cell a {
    color: var(--ink);
    font-weight: 750;
}
.adm-main #basic_info02.site-account-list td.site-date {
    color: #64748b;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.adm-main #basic_info02.site-account-list .site-status {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}
.adm-main #basic_info02.site-account-list .site-status.is-y { background: #ecfdf5; color: #047857; }
.adm-main #basic_info02.site-account-list .site-status.is-n { background: #fef2f2; color: #b91c1c; }
.adm-main #basic_info02.site-account-list .site-status.is-t { background: #fff7ed; color: #c2410c; }
.adm-main #basic_info02.site-account-list button.delBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px !important;
    min-height: 32px;
    padding: 0 12px !important;
    border: 1px solid #fecaca !important;
    border-radius: 8px;
    background: #fff !important;
    color: #b91c1c !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.adm-main #excel_layer table.tbl_topA,
.adm-main .pie_chart_table table.tbl_topC,
.adm-main table.tbl_topC {
    margin: 0 !important;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff !important;
    border-radius: 0;
    overflow: hidden;
    font-size: 13px !important;
    text-align: center;
    box-shadow: none !important;
}
.adm-main .pie_chart_table table.tbl_topC,
.adm-main table.tbl_topC {
    border: 1px solid var(--line) !important;
    border-radius: 14px;
    overflow: hidden;
}
.adm-main #excel_layer table.tbl_topA th,
.adm-main #excel_layer table.tbl_topA td,
.adm-main .pie_chart_table table.tbl_topC th,
.adm-main .pie_chart_table table.tbl_topC td,
.adm-main table.tbl_topC th,
.adm-main table.tbl_topC td {
    border: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    background-image: none !important;
    vertical-align: middle !important;
    padding: 12px 14px !important;
    font-size: 13px !important;
    color: var(--ink) !important;
}
.adm-main #excel_layer table.tbl_topA th,
.adm-main .pie_chart_table table.tbl_topC th,
.adm-main table.tbl_topC th {
    background: #f8fafc !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-align: center !important;
    white-space: nowrap;
}
.adm-main #excel_layer table.tbl_topA td,
.adm-main .pie_chart_table table.tbl_topC td,
.adm-main table.tbl_topC td {
    background: #fff !important;
    text-align: center;
    font-variant-numeric: tabular-nums;
}
.adm-main #excel_layer table.tbl_topA tr:hover td,
.adm-main .pie_chart_table table.tbl_topC tr:hover td,
.adm-main table.tbl_topC tr:hover td {
    background: #f8fafc !important;
}
.adm-main #excel_layer table.tbl_topA tr:first-child th,
.adm-main .pie_chart_table table.tbl_topC tr:first-child th,
.adm-main table.tbl_topC tr:first-child th {
    border-top: 0 !important;
}
.adm-main #excel_layer table.tbl_topA tr:last-child td,
.adm-main .pie_chart_table table.tbl_topC tr:last-child td,
.adm-main table.tbl_topC tr:last-child td {
    border-bottom: 0 !important;
}
.adm-main #excel_layer table.tbl_topA th[colspan] {
    text-align: left !important;
    background: #fff !important;
    color: var(--ink) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    padding: 16px 18px !important;
}
.adm-main #excel_layer table.tbl_topA td:first-child,
.adm-main .pie_chart_table table.tbl_topC td:first-child,
.adm-main table.tbl_topC td:first-child {
    color: var(--muted) !important;
    font-weight: 700;
    width: 56px;
}
.adm-main #excel_layer table.tbl_topA td:nth-child(2) {
    text-align: left;
    font-weight: 650;
}
.adm-main #excel_layer tr[name="data_total"] td {
    background: #eff6ff !important;
    color: var(--ink) !important;
    font-weight: 800 !important;
}
.adm-main #excel_layer tr[name="data_total"]:hover td {
    background: #dbeafe !important;
}
.adm-main #excel_layer tr[name="data_total"] td:first-child,
.adm-main #excel_layer tr[name="data_total"] td:nth-child(2) {
    color: var(--accent) !important;
}