@charset "utf-8";

@font-face {
    font-family: "HM Pretendard Search";
    font-style: normal;
    font-weight: 45 920;
    font-display: swap;
    src: url("/theme/hm/fonts/Pretendard/woff2/PretendardVariable.woff2") format("woff2-variations");
}

/*
 * Canonical self-hosted Naver desktop Nanum Gothic for API administration
 * page bodies. Use the original full TTF so its desktop hinting is preserved.
 * The private CSS family name prevents an installed PC font with the same
 * public family name from changing the rendering between administrator PCs.
 */
@font-face {
    font-family: "HM Nanum Gothic";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./hm/fonts/NanumGothic/ttf/NanumGothic.ttf") format("truetype");
}

@font-face {
    font-family: "HM Nanum Gothic";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("./hm/fonts/NanumGothic/ttf/NanumGothicBold.ttf") format("truetype");
}

body.hm-om-hm-admin {
    --hm-admin-menu-width: 261px;
    --hm-admin-content-padding-x: 20px;
    --hm-admin-title-padding-left: 20px;
    --hm-control-bg: #fff;
    --hm-control-border: #cfd6e2;
    --hm-control-border-focus: #6f809a;
    --hm-control-color: #111;
    --hm-control-font: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --hm-control-font-size: 13px;
    --hm-control-height: 34px;
    --hm-control-radius: 0;
    --hm-button-height: 36px;
    --hm-button-radius: 3px;
    --hm-adm-bg: #f3f5f7;
    --hm-adm-bg-w: #ffffff;
    --hm-adm-font: "Pretendard", sans-serif;
    --hm-adm-th-color: #4e5968;
    --hm-adm-th-bg: #f0f5f9;
    --hm-adm-th-font: var(--hm-control-font);
    --hm-adm-th-font-size: 14px;
    --hm-adm-th-border-color: #d1d6db;
    --hm-adm-td-color: #6b7684;
    --hm-adm-td-bg: #ffffff;
    --hm-adm-td-link-color: #101113;
    --hm-adm-td-font: var(--hm-control-font);
    --hm-adm-td-font-size: 12px;
    --hm-adm-td-border-color: #d1d6db;
    --hm-adm-input-bg: transparent;
    --hm-adm-input-color: #000;
    --hm-adm-input-border-color: #ddd;
    --hm-adm-main-btn-bg: #191d20;
    --hm-adm-main-btn-color: #ffffff;
    --hm-adm-menu-bg: #192642;
    --hm-om-gnb-sub-bg: #2d3a58;
    --hm-om-menu-hover-bg: #4a5777;
    --hm-om-accent: #435ffe;
    --hm-om-accent-hover: #354ee0;
    --hm-om-top-icon: #5b6573;
    --hm-adm-hd-bg: var(--hm-adm-bg);
    --hm-adm-body-bg: #ffffff;
    --hm-card-bg: #fff;
    --hm-card-bd: #e9edf2;
    --hm-text: #101113;
    --hm-info-text: #7b8794;
    --hm-dim: #7b8794;
    --hm-strong: #7b8794;
    background-color: var(--hm-adm-bg) !important;
    color: var(--hm-text);
    font-family: var(--hm-adm-font);
}

body.hm-om-hm-admin::before {
    background: var(--hm-adm-hd-bg);
    border-bottom: 0;
    box-sizing: border-box;
    box-shadow: none;
    content: "";
    height: 70px;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

body.hm-om-hm-admin #btn_gnb {
    display: none !important;
}

body.hm-om-hm-admin #gnb {
    background: var(--hm-adm-menu-bg) !important;
    height: 100vh !important;
    max-width: 261px !important;
    padding-top: 0 !important;
    top: 0 !important;
    z-index: 1003 !important;
}

body.hm-om-hm-admin #gnb .gnb_ul {
    background: var(--hm-adm-menu-bg) !important;
    height: 100vh !important;
    padding-bottom: 70px !important;
    width: 70px !important;
}

body.hm-om-hm-admin #gnb .gnb_li {
    border-bottom: 0 !important;
}

body.hm-om-hm-admin #gnb .gnb_li.hm-om-license-menu {
    bottom: 0 !important;
    left: 0 !important;
    position: absolute !important;
}

body.hm-om-hm-admin #gnb .gnb_li button {
    background-color: var(--hm-adm-menu-bg) !important;
    height: 70px !important;
    width: 70px !important;
}

body.hm-om-hm-admin #gnb .gnb_oparea_wr {
    display: block !important;
}

body.hm-om-hm-admin #gnb .gnb_oparea {
    background-color: var(--hm-om-gnb-sub-bg) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-right: 0 !important;
    box-shadow: none !important;
    display: none !important;
    height: 100vh !important;
    left: 70px !important;
    overflow-y: auto !important;
    padding: 25px 20px 50px !important;
    position: fixed !important;
    top: 0 !important;
    width: 191px !important;
}

body.hm-om-hm-admin #gnb .gnb_li.on .gnb_oparea {
    display: block !important;
}

body.hm-om-hm-admin #gnb .gnb_oparea h3 {
    color: #ffffff !important;
}

body.hm-om-hm-admin #gnb .gnb_oparea li {
    line-height: 250% !important;
}

body.hm-om-hm-admin #gnb .gnb_oparea ul {
    padding-bottom: 50px !important;
}

body.hm-om-hm-admin #gnb .gnb_oparea li a {
    box-sizing: border-box !important;
    color: #ffffff !important;
    display: block !important;
    font-family:var(--hm-font-family) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 0 -20px !important;
    padding: 0 20px !important;
    width: auto !important;
}

body.hm-om-hm-admin #gnb .gnb_oparea li a:hover,
body.hm-om-hm-admin #gnb .gnb_oparea li a:focus {
    background-color: var(--hm-om-menu-hover-bg) !important;
    color: #ffffff !important;
}

body.hm-om-hm-admin #gnb .gnb_oparea li a.on {
    background-color: var(--hm-om-accent) !important;
    color: #ffffff !important;
}

body.hm-om-hm-admin #gnb .gnb_oparea li[data-menu="000000"] {
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 10px 0 !important;
}

body.hm-om-hm-admin #gnb .gnb_oparea li[data-menu="000000"] .hm-om-menu-separator-line {
    background: rgba(255, 255, 255, 0.18) !important;
    color: transparent !important;
    display: block !important;
    font-size: 0 !important;
    height: 1px !important;
    line-height: 0 !important;
    margin: 0 0 0 -9px !important;
    max-width: none !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: none !important;
    text-indent: -9999px !important;
    width: calc(100% + 18px) !important;
}

body.hm-om-hm-admin #hd_top {
    background-color: var(--hm-adm-hd-bg) !important;
    border-bottom: 1px solid #d9e0ea !important;
    box-sizing: border-box !important;
    height: 70px !important;
    position: relative !important;
    z-index: 1001 !important;
}

body.hm-om-hm-admin #logo {
    background-color: transparent !important;
    height: 70px !important;
    line-height: 70px !important;
    padding-left: 291px !important;
    position: absolute !important;
    top: 0 !important;
    width: 0 !important;
}

body.hm-om-hm-admin #logo a {
    display: none !important;
}

body.hm-om-hm-admin .hm-om-top-menu {
    align-items: center;
    background-color: var(--hm-adm-hd-bg) !important;
    border-bottom: 1px solid #d9e0ea;
    box-sizing: border-box;
    display: flex;
    gap: 0;
    height: 70px;
    justify-content: space-between;
    left: var(--hm-admin-menu-width);
    overflow: visible;
    padding: 0 20px;
    position: fixed;
    right: 0;
    top: 0;
    white-space: nowrap;
    z-index: 1002;
}

body.hm-om-hm-admin .hm-om-top-menu,
body.hm-om-hm-admin .hm-om-top-menu a,
body.hm-om-hm-admin .hm-om-top-menu button,
body.hm-om-hm-admin .hm-om-top-menu input,
body.hm-om-hm-admin .hm-om-top-menu select {
    font-family:var(--hm-font-family) !important;
}

body.hm-om-hm-admin .hm-om-util-left,
body.hm-om-hm-admin .hm-om-util-right {
    display: contents;
}

body.hm-om-hm-admin .hm-om-shop-name {
    color: #111;
    flex: 0 0 auto;
    font-size: 15px;
    font-weight: 400;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.hm-om-hm-admin .hm-om-main-links {
    display: contents;
}

body.hm-om-hm-admin .hm-om-top-link {
    align-items: center;
    box-sizing: border-box;
    color: #111827;
    display: inline-flex;
    font-size: 15px;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    max-height: 36px;
    min-height: 36px;
    padding: 0 12px;
    text-decoration: none;
}

body.hm-om-hm-admin .hm-om-top-link:hover,
body.hm-om-hm-admin .hm-om-top-link:focus {
    background: #eef2f6;
    color: #111827;
}

body.hm-om-hm-admin .hm-om-top-link {
    border-radius: 4px;
}

body.hm-om-hm-admin .hm-om-main-link,
body.hm-om-hm-admin .hm-om-main-link:link,
body.hm-om-hm-admin .hm-om-main-link:visited {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #111;
    flex: 0 0 auto;
    font-size: 15px;
    font-weight: 400;
    padding: 0;
    position: relative;
}

body.hm-om-hm-admin .hm-om-main-link:hover,
body.hm-om-hm-admin .hm-om-main-link:focus {
    background: #eef2f6;
    color: #111;
}

body.hm-om-hm-admin .hm-om-main-link.is-current {
    color: #111;
    font-weight: 400;
}

body.hm-om-hm-admin .hm-om-main-link.is-current::after {
    background: #315efb;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
}

body.hm-om-hm-admin .hm-om-quick-search {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    display: flex;
    height: 36px;
    overflow: visible;
    width: 380px;
}

body.hm-om-hm-admin .hm-om-quick-search select {
    -webkit-appearance: none;
    appearance: none;
    background-color: #ffffff !important;
    background-image: url("hm/img/chevron-down1.svg") !important;
    background-position: right 8px center !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: inset 0 0 0 1px #d9e0ea !important;
    box-sizing: border-box;
    color: #111 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    height: 36px;
    line-height: 36px;
    margin-right: 5px;
    max-height: 36px;
    min-height: 36px;
    padding: 0 28px 0 12px;
    -webkit-text-fill-color: #111 !important;
    width: 110px;
}

body.hm-om-hm-admin .hm-om-quick-search input[type="search"] {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: inset 0 0 0 1px #d9e0ea !important;
    box-sizing: border-box;
    color: #111 !important;
    flex: 1 1 auto;
    font-size: 14px !important;
    font-weight: 400 !important;
    height: 36px;
    line-height: 36px;
    max-height: 36px;
    min-width: 0;
    min-height: 36px;
    padding: 0 14px;
    -webkit-text-fill-color: #111 !important;
}

body.hm-om-hm-admin .hm-om-quick-search input[type="search"]::placeholder {
    color: #111 !important;
    font-weight: 400 !important;
    opacity: 1;
    -webkit-text-fill-color: #111 !important;
}

body.hm-om-hm-admin .hm-om-quick-search select,
body.hm-om-hm-admin .hm-om-quick-search input[type="search"],
body.hm-om-hm-admin .hm-om-quick-search button {
    font-family: var(--hm-font-family) !important;
}

body.hm-om-hm-admin .hm-om-quick-search button {
    background: #292f38;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #ffffff !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    max-height: 36px;
    min-height: 36px;
    padding: 0 18px;
    -webkit-text-fill-color: #ffffff !important;
}

body.hm-om-hm-admin .hm-om-quick-search button:hover,
body.hm-om-hm-admin .hm-om-quick-search button:focus {
    background: #292f38;
}

body.hm-om-hm-admin .hm-om-quick-search select:focus,
body.hm-om-hm-admin .hm-om-quick-search input[type="search"]:focus {
    border: 0 !important;
    box-shadow: inset 0 0 0 1px #9aaabd !important;
    outline: none !important;
}

body.hm-om-hm-admin .hm-om-session-actions {
    border-left: 0;
    display: contents;
    padding-left: 0;
}

body.hm-om-hm-admin .hm-om-icon-link {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #111;
    display: inline-flex;
    font-size: 15px;
    font-weight: 400;
    height: 36px;
    justify-content: center;
    line-height: 36px;
    padding: 0;
    position: relative;
    text-decoration: none;
    width: auto;
}

body.hm-om-hm-admin .hm-om-icon-link:hover,
body.hm-om-hm-admin .hm-om-icon-link:focus {
    background: transparent;
    color: #315efb;
    outline: none;
}

body.hm-om-hm-admin .hm-om-icon-link::before {
    background: #4b5563;
    content: "";
    display: none !important;
    height: 18px;
    width: 18px;
}

body.hm-om-hm-admin .hm-om-home-link::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4.5%2010.5L12%204.5L19.5%2010.5%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M6.5%209.75V19H17.5V9.75%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M10%2019V14H14V19%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E") center / 24px 24px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4.5%2010.5L12%204.5L19.5%2010.5%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M6.5%209.75V19H17.5V9.75%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M10%2019V14H14V19%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E") center / 24px 24px no-repeat;
}

body.hm-om-hm-admin .hm-om-logout-link::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M10%205.5H6.5V18.5H10%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M13%208L17%2012L13%2016%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M17%2012H9.5%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center / 24px 24px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M10%205.5H6.5V18.5H10%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M13%208L17%2012L13%2016%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M17%2012H9.5%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center / 24px 24px no-repeat;
}

body.hm-om-hm-admin .hm-om-home-link::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M12%202.75L2.75%2010.25L4.01%2011.81L5%2011V21H19V11L19.99%2011.81L21.25%2010.25L12%202.75ZM10%2019V14H14V19H10Z%27/%3E%3C/svg%3E") center / 18px 18px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M12%202.75L2.75%2010.25L4.01%2011.81L5%2011V21H19V11L19.99%2011.81L21.25%2010.25L12%202.75ZM10%2019V14H14V19H10Z%27/%3E%3C/svg%3E") center / 18px 18px no-repeat;
}

body.hm-om-hm-admin .hm-om-logout-link::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4%203H13V5H6V19H13V21H4V3Z%27/%3E%3Cpath%20d%3D%27M14.5%207L19.5%2012L14.5%2017L13.1%2015.6L15.7%2013H9V11H15.7L13.1%208.4L14.5%207Z%27/%3E%3C/svg%3E") center / 18px 18px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4%203H13V5H6V19H13V21H4V3Z%27/%3E%3Cpath%20d%3D%27M14.5%207L19.5%2012L14.5%2017L13.1%2015.6L15.7%2013H9V11H15.7L13.1%208.4L14.5%207Z%27/%3E%3C/svg%3E") center / 18px 18px no-repeat;
}

body.hm-om-hm-admin .hm-om-icon-link:hover::before,
body.hm-om-hm-admin .hm-om-icon-link:focus::before {
    background: #111;
}

@media (max-width: 1600px) {
    body.hm-om-hm-admin .hm-om-quick-search {
        width: 330px;
    }

    body.hm-om-hm-admin .hm-om-shop-name {
        max-width: none;
    }
}

body.hm-om-hm-admin .hm-om-store-select {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d7dde5;
    border-radius: 0;
    box-sizing: border-box;
    color: #111827;
    display: inline-flex;
    font-size: 13px;
    height: 36px;
    max-width: 178px;
    min-width: 172px;
    padding: 0 36px 0 12px;
    position: relative;
}

body.hm-om-hm-admin .hm-om-store-select span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.hm-om-hm-admin .hm-om-store-select:after {
    border-color: #64748b transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    content: "";
    margin-top: -2px;
    position: absolute;
    right: 13px;
    top: 50%;
}

body.hm-om-hm-admin .hm-om-preview-link,
body.hm-om-hm-admin .hm-om-util-icon {
    align-items: center;
    background: transparent;
    border: 0;
    box-sizing: border-box;
    color: var(--hm-om-top-icon);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    min-width: 30px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 30px;
}

body.hm-om-hm-admin .hm-om-preview-link span,
body.hm-om-hm-admin .hm-om-util-icon span,
body.hm-om-hm-admin .hm-om-global-search button span {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

body.hm-om-hm-admin .hm-om-preview-link:before,
body.hm-om-hm-admin .hm-om-util-icon:before {
    background: var(--hm-om-top-icon);
    content: "";
    display: block;
}

body.hm-om-hm-admin .hm-om-preview-pc:before {
    background: transparent;
    border: 2px solid var(--hm-om-top-icon);
    border-radius: 2px;
    box-sizing: border-box;
    height: 15px;
    width: 20px;
}

body.hm-om-hm-admin .hm-om-preview-pc:after {
    background: var(--hm-om-top-icon);
    bottom: 7px;
    content: "";
    height: 2px;
    left: 10px;
    position: absolute;
    width: 10px;
}

body.hm-om-hm-admin .hm-om-preview-mobile:before {
    background: transparent;
    border: 2px solid var(--hm-om-top-icon);
    border-radius: 3px;
    box-sizing: border-box;
    height: 21px;
    width: 14px;
}

body.hm-om-hm-admin .hm-om-cache-action {
    color: #111827;
    display: inline-flex;
    font-size: 13px;
    line-height: 34px;
    text-decoration: none;
}

body.hm-om-hm-admin .hm-om-cache-action:hover,
body.hm-om-hm-admin .hm-om-cache-action:focus,
body.hm-om-hm-admin .hm-om-guide-link:hover,
body.hm-om-hm-admin .hm-om-guide-link:focus {
    color: var(--hm-om-accent);
}

body.hm-om-hm-admin .hm-om-global-search {
    align-items: center;
    display: flex;
    height: 36px;
    position: relative;
    width: 280px;
}

body.hm-om-hm-admin .hm-om-global-search input[type="search"] {
    background: #ffffff;
    border: 1px solid #d7dde5;
    border-radius: 0;
    box-sizing: border-box;
    color: #111827;
    font-size: 13px;
    height: 36px;
    line-height: 36px;
    padding: 0 42px 0 38px;
    width: 100%;
}

body.hm-om-hm-admin .hm-om-global-search input[type="search"]::placeholder {
    color: #94a3b8;
}

body.hm-om-hm-admin .hm-om-global-search:before {
    border: 2px solid #8b95a1;
    border-radius: 50%;
    content: "";
    height: 12px;
    left: 15px;
    position: absolute;
    top: 11px;
    width: 12px;
    z-index: 1;
}

body.hm-om-hm-admin .hm-om-global-search:after {
    background: #8b95a1;
    content: "";
    height: 7px;
    left: 27px;
    position: absolute;
    top: 24px;
    transform: rotate(-45deg);
    width: 2px;
    z-index: 1;
}

body.hm-om-hm-admin .hm-om-global-search button {
    background: transparent;
    border: 0;
    cursor: pointer;
    height: 36px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
}

body.hm-om-hm-admin .hm-om-guide-link {
    align-items: center;
    border: 1px solid #d7dde5;
    border-radius: 18px;
    color: #111827;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    height: 30px;
    padding: 0 11px;
    text-decoration: none;
}

body.hm-om-hm-admin .hm-om-util-support:before {
    background: transparent;
    border: 2px solid var(--hm-om-top-icon);
    border-bottom-color: transparent;
    border-radius: 14px 14px 8px 8px;
    box-sizing: border-box;
    height: 18px;
    width: 20px;
}

body.hm-om-hm-admin .hm-om-util-alert:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M6.5%2010.5C6.5%207.2%208.7%205%2012%205C15.3%205%2017.5%207.2%2017.5%2010.5V14.5L19%2017H5L6.5%2014.5V10.5Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M10%2019C10.4%2019.7%2011.1%2020.2%2012%2020.2C12.9%2020.2%2013.6%2019.7%2014%2019%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center / 23px 23px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M6.5%2010.5C6.5%207.2%208.7%205%2012%205C15.3%205%2017.5%207.2%2017.5%2010.5V14.5L19%2017H5L6.5%2014.5V10.5Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M10%2019C10.4%2019.7%2011.1%2020.2%2012%2020.2C12.9%2020.2%2013.6%2019.7%2014%2019%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center / 23px 23px no-repeat;
    height: 23px;
    width: 23px;
}

body.hm-om-hm-admin .hm-om-util-alert i {
    background: #ef4056;
    border-radius: 50%;
    height: 5px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 5px;
}

body.hm-om-hm-admin .hm-om-util-bookmark:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M7%204.5H17V19L12%2016L7%2019V4.5Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E") center / 22px 22px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M7%204.5H17V19L12%2016L7%2019V4.5Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E") center / 22px 22px no-repeat;
    height: 22px;
    width: 22px;
}

body.hm-om-hm-admin .hm-om-util-account:before {
    border-radius: 50%;
    height: 22px;
    width: 22px;
}

body.hm-om-hm-admin .hm-om-util-account:after {
    background: #ffffff;
    border-radius: 50% 50% 45% 45%;
    content: "";
    height: 15px;
    left: 8px;
    position: absolute;
    top: 10px;
    width: 14px;
}

body.hm-om-hm-admin .hm-om-util-all:before {
    border-radius: 1px;
    box-shadow: 7px 0 0 var(--hm-om-top-icon), 14px 0 0 var(--hm-om-top-icon), 0 7px 0 var(--hm-om-top-icon), 7px 7px 0 var(--hm-om-top-icon), 14px 7px 0 var(--hm-om-top-icon), 0 14px 0 var(--hm-om-top-icon), 7px 14px 0 var(--hm-om-top-icon), 14px 14px 0 var(--hm-om-top-icon);
    height: 4px;
    width: 4px;
}

body.hm-om-hm-admin .hm-om-preview-link:hover:before,
body.hm-om-hm-admin .hm-om-preview-link:focus:before,
body.hm-om-hm-admin .hm-om-util-icon:hover:before,
body.hm-om-hm-admin .hm-om-util-icon:focus:before {
    background-color: var(--hm-om-accent);
    border-color: var(--hm-om-accent);
}

body.hm-om-hm-admin .hm-om-util-all:hover:before,
body.hm-om-hm-admin .hm-om-util-all:focus:before {
    box-shadow: 7px 0 0 var(--hm-om-accent), 14px 0 0 var(--hm-om-accent), 0 7px 0 var(--hm-om-accent), 7px 7px 0 var(--hm-om-accent), 14px 7px 0 var(--hm-om-accent), 0 14px 0 var(--hm-om-accent), 7px 14px 0 var(--hm-om-accent), 14px 14px 0 var(--hm-om-accent);
}

body.hm-om-hm-admin #tnb {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    float: none !important;
    height: 70px !important;
    justify-content: flex-end !important;
    padding: 0 30px 0 12px !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 1002 !important;
}

body.hm-om-hm-admin #tnb > ul {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    gap: 8px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.hm-om-hm-admin #tnb li {
    float: none !important;
    list-style: none !important;
    margin-left: 0 !important;
    position: relative !important;
}

body.hm-om-hm-admin #tnb .tnb_service {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    color: transparent !important;
    display: block !important;
    filter: none !important;
    height: 36px !important;
    line-height: 36px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    text-indent: -9999px !important;
    text-decoration: none !important;
    width: 28px !important;
}

body.hm-om-hm-admin #tnb .tnb_service:hover {
    background: transparent !important;
    color: transparent !important;
}

body.hm-om-hm-admin #tnb .tnb_community,
body.hm-om-hm-admin #tnb .tnb_shop {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    display: block !important;
    filter: none !important;
    height: 36px !important;
    overflow: hidden !important;
    position: relative !important;
    text-indent: -9999px !important;
    width: 28px !important;
}

body.hm-om-hm-admin #tnb .tnb_community:hover,
body.hm-om-hm-admin #tnb .tnb_shop:hover {
    background: transparent !important;
    box-shadow: none !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:before {
    border: 2px solid #647386;
    border-radius: 4px;
    content: "";
    height: 13px;
    left: 5px;
    position: absolute;
    top: 14px;
    width: 16px;
}

body.hm-om-hm-admin #tnb .tnb_shop:after {
    border: 2px solid #647386;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    content: "";
    height: 6px;
    left: 9px;
    position: absolute;
    top: 8px;
    width: 8px;
}

body.hm-om-hm-admin #tnb .tnb_community:before {
    border-left: 2px solid #647386;
    border-top: 2px solid #647386;
    content: "";
    height: 12px;
    left: 7px;
    position: absolute;
    top: 11px;
    transform: rotate(45deg);
    width: 12px;
}

body.hm-om-hm-admin #tnb .tnb_community:after {
    border: 2px solid #647386;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    content: "";
    height: 10px;
    left: 7px;
    position: absolute;
    top: 17px;
    width: 12px;
}

body.hm-om-hm-admin #tnb .tnb_service:before {
    background: #647386;
    border-radius: 2px;
    box-shadow: 8px 0 0 #647386, 0 8px 0 #647386, 8px 8px 0 #647386;
    content: "";
    height: 5px;
    left: 7px;
    position: absolute;
    top: 12px;
    width: 5px;
}

body.hm-om-hm-admin #tnb .tnb_service:after {
    border: 2px solid #647386;
    border-radius: 6px;
    content: "";
    height: 18px;
    left: 3px;
    opacity: 0.18;
    position: absolute;
    top: 8px;
    width: 18px;
}

body.hm-om-hm-admin #tnb button {
    display: none !important;
}

body.hm-om-hm-admin #tnb button:hover {
    display: none !important;
}

body.hm-om-hm-admin #tnb button span {
    background: transparent !important;
    border-radius: 0 !important;
    height: 34px !important;
    right: 0 !important;
    width: 30px !important;
}

body.hm-om-hm-admin #tnb button span:before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #ffffff;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

body.hm-om-hm-admin #tnb .tnb_mb_area {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    right: auto !important;
    width: auto !important;
}

body.hm-om-hm-admin #tnb .tnb_mb_area li {
    display: none !important;
    float: none !important;
    margin-left: 0 !important;
    width: auto !important;
}

body.hm-om-hm-admin #tnb .tnb_mb_area #tnb_logout {
    display: block !important;
}

body.hm-om-hm-admin #tnb .tnb_mb_area a {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    color: transparent !important;
    display: block !important;
    filter: none !important;
    height: 36px !important;
    line-height: 36px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    text-indent: -9999px !important;
    text-decoration: none !important;
    width: 28px !important;
}

body.hm-om-hm-admin #tnb .tnb_mb_area a:hover {
    background: transparent !important;
    color: transparent !important;
}

body.hm-om-hm-admin #tnb #tnb_logout a:before {
    border: 2px solid #647386;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    content: "";
    height: 16px;
    left: 4px;
    position: absolute;
    top: 9px;
    width: 9px;
}

body.hm-om-hm-admin #tnb #tnb_logout a:after {
    border-right: 2px solid #647386;
    border-top: 2px solid #647386;
    content: "";
    height: 7px;
    left: 13px;
    position: absolute;
    top: 14px;
    transform: rotate(45deg);
    width: 7px;
}

body.hm-om-hm-admin #tnb .tnb_shop,
body.hm-om-hm-admin #tnb .tnb_community,
body.hm-om-hm-admin #tnb .tnb_service,
body.hm-om-hm-admin #tnb .tnb_mb_area a {
    align-items: center !important;
    background-color: #fff !important;
    border: 1px solid #aeb4c6 !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
    color: transparent !important;
    cursor: pointer !important;
    display: inline-flex !important;
    height: 36px !important;
    justify-content: center !important;
    line-height: 34px !important;
    min-width: 36px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    text-indent: -9999px !important;
    vertical-align: top !important;
    width: 36px !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:hover,
body.hm-om-hm-admin #tnb .tnb_shop:focus,
body.hm-om-hm-admin #tnb .tnb_community:hover,
body.hm-om-hm-admin #tnb .tnb_community:focus,
body.hm-om-hm-admin #tnb .tnb_service:hover,
body.hm-om-hm-admin #tnb .tnb_service:focus,
body.hm-om-hm-admin #tnb .tnb_mb_area a:hover,
body.hm-om-hm-admin #tnb .tnb_mb_area a:focus {
    background-color: #fff !important;
    border-color: #6f809a !important;
    box-shadow: 0 2px 4px rgba(111, 128, 154, 0.15) !important;
    color: transparent !important;
    outline: none !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:before {
    left: 9px !important;
    top: 14px !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:after {
    left: 13px !important;
    top: 8px !important;
}

body.hm-om-hm-admin #tnb .tnb_community:before {
    left: 11px !important;
    top: 11px !important;
}

body.hm-om-hm-admin #tnb .tnb_community:after {
    left: 11px !important;
    top: 17px !important;
}

body.hm-om-hm-admin #tnb .tnb_service:before {
    left: 11px !important;
    top: 12px !important;
}

body.hm-om-hm-admin #tnb .tnb_service:after {
    left: 7px !important;
    top: 8px !important;
}

body.hm-om-hm-admin #tnb #tnb_logout a:before {
    left: 8px !important;
    top: 9px !important;
}

body.hm-om-hm-admin #tnb #tnb_logout a:after {
    left: 17px !important;
    top: 14px !important;
}

body.hm-om-hm-admin #tnb .tnb_shop,
body.hm-om-hm-admin #tnb .tnb_community,
body.hm-om-hm-admin #tnb .tnb_service,
body.hm-om-hm-admin #tnb .tnb_mb_area a {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    height: 32px !important;
    line-height: 32px !important;
    min-width: 32px !important;
    padding: 0 !important;
    text-indent: -9999px !important;
    width: 32px !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:hover,
body.hm-om-hm-admin #tnb .tnb_shop:focus,
body.hm-om-hm-admin #tnb .tnb_community:hover,
body.hm-om-hm-admin #tnb .tnb_community:focus,
body.hm-om-hm-admin #tnb .tnb_service:hover,
body.hm-om-hm-admin #tnb .tnb_service:focus,
body.hm-om-hm-admin #tnb .tnb_mb_area a:hover,
body.hm-om-hm-admin #tnb .tnb_mb_area a:focus {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    outline: none !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:before,
body.hm-om-hm-admin #tnb .tnb_community:before,
body.hm-om-hm-admin #tnb .tnb_service:before,
body.hm-om-hm-admin #tnb #tnb_logout a:before {
    background: #7b8797 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    content: "" !important;
    display: block !important;
    height: 24px !important;
    left: 50% !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 24px !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:after,
body.hm-om-hm-admin #tnb .tnb_community:after,
body.hm-om-hm-admin #tnb .tnb_service:after,
body.hm-om-hm-admin #tnb #tnb_logout a:after {
    content: none !important;
    display: none !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M6.5%209.5H17.5L16.8%2019H7.2L6.5%209.5Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M9%209.5V7.8C9%206.15%2010.34%204.8%2012%204.8C13.66%204.8%2015%206.15%2015%207.8V9.5%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center / 24px 24px no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M6.5%209.5H17.5L16.8%2019H7.2L6.5%209.5Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M9%209.5V7.8C9%206.15%2010.34%204.8%2012%204.8C13.66%204.8%2015%206.15%2015%207.8V9.5%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center / 24px 24px no-repeat !important;
}

body.hm-om-hm-admin #tnb .tnb_community:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M5%2018.5V8.5L12%203.5L19%208.5V18.5H14.5V13.5H9.5V18.5H5Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E") center / 24px 24px no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M5%2018.5V8.5L12%203.5L19%208.5V18.5H14.5V13.5H9.5V18.5H5Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E") center / 24px 24px no-repeat !important;
}

body.hm-om-hm-admin #tnb .tnb_service:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M7%205.5H10.5V9H7V5.5Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M13.5%205.5H17V9H13.5V5.5Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M7%2015H10.5V18.5H7V15Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M13.5%2015H17V18.5H13.5V15Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E") center / 24px 24px no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M7%205.5H10.5V9H7V5.5Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M13.5%205.5H17V9H13.5V5.5Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M7%2015H10.5V18.5H7V15Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M13.5%2015H17V18.5H13.5V15Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E") center / 24px 24px no-repeat !important;
}

body.hm-om-hm-admin #tnb #tnb_logout a:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M10%205.5H6.5V18.5H10%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M13%208L17%2012L13%2016%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M17%2012H9.5%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center / 24px 24px no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M10%205.5H6.5V18.5H10%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M13%208L17%2012L13%2016%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M17%2012H9.5%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center / 24px 24px no-repeat !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:hover:before,
body.hm-om-hm-admin #tnb .tnb_shop:focus:before,
body.hm-om-hm-admin #tnb .tnb_community:hover:before,
body.hm-om-hm-admin #tnb .tnb_community:focus:before,
body.hm-om-hm-admin #tnb .tnb_service:hover:before,
body.hm-om-hm-admin #tnb .tnb_service:focus:before,
body.hm-om-hm-admin #tnb #tnb_logout a:hover:before,
body.hm-om-hm-admin #tnb #tnb_logout a:focus:before {
    background: transparent !important;
}

/* GNU admin top utility sync */
body.hm-om-hm-admin #tnb {
    align-items: center !important;
    display: flex !important;
    gap: 20px !important;
    height: 70px !important;
    margin-right: 30px !important;
    padding: 0 !important;
}

body.hm-om-hm-admin #tnb > ul {
    align-items: center !important;
    display: flex !important;
    gap: 20px !important;
    height: 70px !important;
}

body.hm-om-hm-admin #tnb .tnb_service {
    display: none !important;
}

body.hm-om-hm-admin #tnb li:has(> .tnb_service) {
    display: none !important;
}

body.hm-om-hm-admin #tnb .tnb_shop,
body.hm-om-hm-admin #tnb .tnb_community,
body.hm-om-hm-admin #tnb .tnb_mb_btn {
    background-color: transparent !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 20px auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    display: inline-block !important;
    font-size: 0 !important;
    height: 20px !important;
    line-height: 20px !important;
    min-width: 20px !important;
    overflow: hidden !important;
    padding: 0 !important;
    text-indent: -9999px !important;
    width: 20px !important;
}

body.hm-om-hm-admin #tnb .tnb_shop {
    background-image: url("hm/img/sh.svg") !important;
}

body.hm-om-hm-admin #tnb .tnb_community {
    background-image: url("hm/img/hm.svg") !important;
}

body.hm-om-hm-admin #tnb .tnb_mb_btn {
    background-image: url("hm/img/am.svg") !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:before,
body.hm-om-hm-admin #tnb .tnb_shop:after,
body.hm-om-hm-admin #tnb .tnb_community:before,
body.hm-om-hm-admin #tnb .tnb_community:after,
body.hm-om-hm-admin #tnb .tnb_service:before,
body.hm-om-hm-admin #tnb .tnb_service:after,
body.hm-om-hm-admin #tnb .tnb_mb_btn span,
body.hm-om-hm-admin #tnb #tnb_logout a:before,
body.hm-om-hm-admin #tnb #tnb_logout a:after {
    content: none !important;
    display: none !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:hover,
body.hm-om-hm-admin #tnb .tnb_shop:focus,
body.hm-om-hm-admin #tnb .tnb_community:hover,
body.hm-om-hm-admin #tnb .tnb_community:focus,
body.hm-om-hm-admin #tnb .tnb_mb_btn:hover,
body.hm-om-hm-admin #tnb .tnb_mb_btn:focus {
    opacity: 0.8 !important;
    outline: none !important;
}

body.hm-om-hm-admin #tnb .tnb_mb_area {
    background: transparent !important;
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    width: auto !important;
}

body.hm-om-hm-admin #tnb .tnb_mb_area li {
    display: none !important;
}

body.hm-om-hm-admin #tnb .tnb_mb_area #tnb_logout {
    background-color: var(--hm-strong) !important;
    border-radius: 40px !important;
    display: block !important;
    margin-left: 15px !important;
    padding: 0 10px !important;
}

body.hm-om-hm-admin #tnb .tnb_mb_area #tnb_logout a {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    display: block !important;
    font-size: 13px !important;
    height: 30px !important;
    line-height: 30px !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    text-indent: 0 !important;
    width: auto !important;
}

/* HM top utility: four outline-only icons matching the left menu weight. */
body.hm-om-hm-admin #tnb {
    gap: 14px !important;
}

body.hm-om-hm-admin #tnb > ul {
    gap: 14px !important;
}

body.hm-om-hm-admin #tnb li:has(> .tnb_service),
body.hm-om-hm-admin #tnb .tnb_service {
    display: inline-flex !important;
}

body.hm-om-hm-admin #tnb .tnb_mb_btn {
    display: none !important;
}

body.hm-om-hm-admin #tnb .tnb_shop,
body.hm-om-hm-admin #tnb .tnb_community,
body.hm-om-hm-admin #tnb .tnb_service,
body.hm-om-hm-admin #tnb .tnb_mb_area #tnb_logout a {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: transparent !important;
    display: inline-flex !important;
    font-size: 0 !important;
    height: 32px !important;
    justify-content: center !important;
    line-height: 32px !important;
    min-width: 32px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    text-indent: -9999px !important;
    width: 32px !important;
}

body.hm-om-hm-admin #tnb .tnb_shop {
    background-image: none !important;
}

body.hm-om-hm-admin #tnb .tnb_community {
    background-image: none !important;
}

body.hm-om-hm-admin #tnb .tnb_service {
    background-image: none !important;
}

body.hm-om-hm-admin #tnb .tnb_mb_area {
    align-items: center !important;
    background: transparent !important;
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
}

body.hm-om-hm-admin #tnb .tnb_mb_area li {
    display: none !important;
}

body.hm-om-hm-admin #tnb .tnb_mb_area #tnb_logout {
    background: transparent !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:before,
body.hm-om-hm-admin #tnb .tnb_community:before,
body.hm-om-hm-admin #tnb .tnb_service:before,
body.hm-om-hm-admin #tnb .tnb_mb_area #tnb_logout a:before {
    background: #4b5563 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    content: "" !important;
    display: block !important;
    height: 22px !important;
    left: 50% !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 22px !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:after,
body.hm-om-hm-admin #tnb .tnb_community:after,
body.hm-om-hm-admin #tnb .tnb_service:after,
body.hm-om-hm-admin #tnb .tnb_mb_area #tnb_logout a:after {
    content: none !important;
    display: none !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M7%208.5H17L16.25%2019H7.75L7%208.5Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M9.5%208.5V7.25C9.5%205.75%2010.62%204.5%2012%204.5C13.38%204.5%2014.5%205.75%2014.5%207.25V8.5%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center / 22px 22px no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M7%208.5H17L16.25%2019H7.75L7%208.5Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M9.5%208.5V7.25C9.5%205.75%2010.62%204.5%2012%204.5C13.38%204.5%2014.5%205.75%2014.5%207.25V8.5%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center / 22px 22px no-repeat !important;
}

body.hm-om-hm-admin #tnb .tnb_community:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4.5%2010.5L12%204.5L19.5%2010.5%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M6.5%209.75V19H17.5V9.75%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M10%2019V14H14V19%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E") center / 22px 22px no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4.5%2010.5L12%204.5L19.5%2010.5%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M6.5%209.75V19H17.5V9.75%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M10%2019V14H14V19%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E") center / 22px 22px no-repeat !important;
}

body.hm-om-hm-admin #tnb .tnb_service:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M6%206H10V10H6V6Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M14%206H18V10H14V6Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M6%2014H10V18H6V14Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M14%2014H18V18H14V14Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E") center / 22px 22px no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M6%206H10V10H6V6Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M14%206H18V10H14V6Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M6%2014H10V18H6V14Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M14%2014H18V18H14V14Z%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E") center / 22px 22px no-repeat !important;
}

body.hm-om-hm-admin #tnb .tnb_mb_area #tnb_logout a:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M10%205.5H6.5V18.5H10%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M13%208L17%2012L13%2016%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M17%2012H9.5%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center / 22px 22px no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M10%205.5H6.5V18.5H10%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M13%208L17%2012L13%2016%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M17%2012H9.5%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27/%3E%3C/svg%3E") center / 22px 22px no-repeat !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:hover:before,
body.hm-om-hm-admin #tnb .tnb_shop:focus:before,
body.hm-om-hm-admin #tnb .tnb_community:hover:before,
body.hm-om-hm-admin #tnb .tnb_community:focus:before,
body.hm-om-hm-admin #tnb .tnb_service:hover:before,
body.hm-om-hm-admin #tnb .tnb_service:focus:before,
body.hm-om-hm-admin #tnb .tnb_mb_area #tnb_logout a:hover:before,
body.hm-om-hm-admin #tnb .tnb_mb_area #tnb_logout a:focus:before {
    background: #2f3742 !important;
}

/* HM top utility: enlarge outline icons after removing button chrome. */
body.hm-om-hm-admin #tnb .tnb_shop,
body.hm-om-hm-admin #tnb .tnb_community,
body.hm-om-hm-admin #tnb .tnb_service,
body.hm-om-hm-admin #tnb .tnb_mb_area #tnb_logout a {
    height: 38px !important;
    line-height: 38px !important;
    min-width: 38px !important;
    width: 38px !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:before,
body.hm-om-hm-admin #tnb .tnb_community:before,
body.hm-om-hm-admin #tnb .tnb_service:before,
body.hm-om-hm-admin #tnb .tnb_mb_area #tnb_logout a:before {
    height: 28px !important;
    width: 28px !important;
}

body.hm-om-hm-admin #tnb .tnb_shop:before,
body.hm-om-hm-admin #tnb .tnb_community:before,
body.hm-om-hm-admin #tnb .tnb_service:before,
body.hm-om-hm-admin #tnb .tnb_mb_area #tnb_logout a:before {
    -webkit-mask-size: 28px 28px !important;
    mask-size: 28px 28px !important;
}

body.hm-om-hm-admin #tnb {
    display: none !important;
}

body.hm-om-hm-admin #container,
body.hm-om-hm-admin #container.container-small {
    background: var(--hm-adm-bg) !important;
    box-sizing: border-box !important;
    margin-top: 0 !important;
    padding: 0 0 0 var(--hm-admin-menu-width) !important;
}

body.hm-om-hm-admin #wrapper {
    background: var(--hm-adm-bg) !important;
}

body.hm-om-hm-admin #container #ft,
body.hm-om-hm-admin #adminPopupContainer {
    background: var(--hm-adm-bg) !important;
}

body.hm-om-hm-admin #container_title,
body.hm-om-hm-admin #container.container-small #container_title {
    background-color: var(--hm-adm-bg) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #1f2b3f !important;
    font-family:var(--hm-title-font-family) !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    height: auto !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 25px 20px 25px var(--hm-admin-title-padding-left) !important;
    position: relative !important;
    top: auto !important;
    width: auto !important;
}

/* HM 타이틀·서브타이틀은 모든 관리자 페이지에서 같은 기준을 사용한다. */
body.hm-om-hm-admin #container_title.hm-title-area.hm-title-with-subtitle,
body.hm-om-hm-admin #container.container-small #container_title.hm-title-area.hm-title-with-subtitle {
    align-items: flex-end !important;
    display: flex !important;
    gap: 8px !important;
}

body.hm-om-hm-admin #container_title.hm-title-area.hm-title-with-subtitle::after,
body.hm-om-hm-admin #container.container-small #container_title.hm-title-area.hm-title-with-subtitle::after {
    color: #2f3e58 !important;
    content: attr(data-subtitle) !important;
    display: inline-block !important;
    font-family:var(--hm-font-family) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    padding-bottom: 2px !important;
}

body.hm-om-hm-admin #wrapper #container > .container_wr {
    background: var(--hm-adm-bg) !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    color: #1f2b3f !important;
    padding: 0 var(--hm-admin-content-padding-x) 40px !important;
}

body.hm-om-hm-admin #container.hm-member-title-bar-page.hm-purchase-pc-order-list .hm-purchase-order-table {
    min-width: 1110px !important;
}

/* HM design uses only the captured gnu admin menu icon set. */
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-850 {
    background: url(hm/img/menu-850.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-850 {
    background: url(hm/img/menu-850.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-100 {
    background: url(hm/img/menu1.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-100 {
    background: url(hm/img/menu1.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-200,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-700 {
    background: url(hm/img/menu-700.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-200,
body.hm-om-hm-admin #gnb .on .btn_op.menu-700 {
    background: url(hm/img/menu-700.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-300 {
    background: url(hm/img/menu3.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-300 {
    background: url(hm/img/menu3.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-650 {
    background: url(hm/img/menu-650.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-650 {
    background: url(hm/img/menu-650.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-992 {
    background: url(hm/img/menu-650.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-992 {
    background: url(hm/img/menu-650.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-860 {
    background: url(hm/img/menu-860.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-860 {
    background: url(hm/img/menu-860.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-951 {
    background: url(hm/img/menu-procurement-truck-empty-wheels.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-951 {
    background: url(hm/img/menu-procurement-truck-empty-wheels.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-995 {
    background: url(hm/img/menu-purchase.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-995 {
    background: url(hm/img/menu-purchase.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-400 {
    background: url(hm/img/menu-600.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-400 {
    background: url(hm/img/menu-600.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-600 {
    background: url(hm/img/menu-750.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-600 {
    background: url(hm/img/menu-750.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-993 {
    background: url(hm/img/menu_intro.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-993 {
    background: url(hm/img/menu_intro.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-994 {
    background: url(hm/img/menu-license.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-994 {
    background: url(hm/img/menu-license.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-500 {
    background: url(hm/img/menu-800.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-500 {
    background: url(hm/img/menu-800.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-800 {
    background: url(hm/img/menu5.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-800 {
    background: url(hm/img/menu5.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-750 {
    background: url(hm/img/menu-750.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-750 {
    background: url(hm/img/menu-750.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-900 {
    background: url(hm/img/menu6.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 0.65;
}

body.hm-om-hm-admin #gnb .on .btn_op.menu-900 {
    background: url(hm/img/menu6.svg) 50% 50% no-repeat var(--hm-adm-menu-bg, #252d33) !important;
    background-size: 24px 24px !important;
    opacity: 1;
}

/* GNU 운영 관리자와 동일하게 메뉴 아이콘은 원본 흰색/회색 SVG를 사용한다. */
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-992 {
    background-image: url(hm/img/menu-650.svg) !important;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-951 {
    background-image: url(hm/img/menu-procurement-truck-empty-wheels.svg) !important;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-995,
body.hm-om-hm-admin #gnb .on .btn_op.menu-995 {
    background-image: url(hm/img/menu-purchase.svg) !important;
    background-size: 24px 24px !important;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-800 {
    background-image: url(hm/img/menu5.svg) !important;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-993 {
    background-image: url(hm/img/menu_intro.svg) !important;
}

body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-100:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-200:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-300:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-400:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-500:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-600:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-650:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-700:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-750:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-800:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-850:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-860:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-900:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-992:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-951:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-993:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-994:before,
body.hm-om-hm-admin #gnb .gnb_li .btn_op.menu-995:before {
    content: none;
}

body.hm-om-hm-admin .hm-om-purchase-panel {
    color: #111;
    font-family:var(--hm-font-family);
}

body.hm-om-hm-admin .hm-om-purchase-panel .hm-om-purchase-desc {
    margin-bottom: 18px;
}

body.hm-om-hm-admin .hm-om-purchase-panel .hm-om-purchase-desc p {
    color: #111;
    font-size: 13px;
    line-height: 1.7;
}

body.hm-om-hm-admin .hm-om-purchase-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 18px;
}

body.hm-om-hm-admin .hm-om-purchase-card,
body.hm-om-hm-admin .hm-om-purchase-scope {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    box-sizing: border-box;
    padding: 18px;
}

body.hm-om-hm-admin .hm-om-purchase-no {
    align-items: center;
    background: #eef5ff;
    border-radius: 999px;
    color: #2563eb;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    margin-bottom: 14px;
    width: 42px;
}

body.hm-om-hm-admin .hm-om-purchase-card strong {
    color: #111;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}

body.hm-om-hm-admin .hm-om-purchase-card p {
    color: #5b6573;
    font-size: 13px;
    line-height: 1.65;
    margin: 0;
}

body.hm-om-hm-admin .hm-om-purchase-scope h3 {
    color: #111;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 14px;
}

body.hm-om-hm-admin .hm-om-purchase-scope ul {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

body.hm-om-hm-admin .hm-om-purchase-scope li {
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 10px;
    color: #111;
    font-size: 13px;
    font-weight: 600;
    padding: 12px 14px;
}

@media (max-width: 1200px) {
    body.hm-om-hm-admin .hm-om-purchase-grid,
    body.hm-om-hm-admin .hm-om-purchase-scope ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    body.hm-om-hm-admin .hm-om-purchase-grid,
    body.hm-om-hm-admin .hm-om-purchase-scope ul {
        grid-template-columns: 1fr;
    }
}

body.hm-om-hm-admin select,
body.hm-om-hm-admin .frm_input,
body.hm-om-hm-admin input[type="text"],
body.hm-om-hm-admin input[type="search"],
body.hm-om-hm-admin input[type="password"],
body.hm-om-hm-admin input[type="number"],
body.hm-om-hm-admin input[type="date"],
body.hm-om-hm-admin textarea {
    border: 1px solid var(--hm-control-border) !important;
    border-radius: var(--hm-control-radius) !important;
    box-sizing: border-box !important;
    color: var(--hm-control-color) !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
}

body.hm-om-hm-admin select,
body.hm-om-hm-admin .local_sch select,
body.hm-om-hm-admin .tbl_frm01 select,
body.hm-om-hm-admin .tbl_head01 table select {
    background-color: var(--hm-control-bg) !important;
    height: var(--hm-control-height) !important;
    line-height: calc(var(--hm-control-height) - 2px) !important;
    padding: 0 30px 0 10px !important;
}

body.hm-om-hm-admin #container .hm-search-table select {
    height: 35px !important;
    line-height: 30px !important;
    padding: 0 28px 0 5px !important;
}

body.hm-om-hm-admin .frm_input,
body.hm-om-hm-admin input[type="text"],
body.hm-om-hm-admin input[type="search"],
body.hm-om-hm-admin input[type="password"],
body.hm-om-hm-admin input[type="number"],
body.hm-om-hm-admin input[type="date"] {
    background: var(--hm-control-bg) !important;
    height: var(--hm-control-height) !important;
    line-height: normal !important;
    padding: 5px 8px !important;
}

body.hm-om-hm-admin select:focus,
body.hm-om-hm-admin .frm_input:focus,
body.hm-om-hm-admin input[type="text"]:focus,
body.hm-om-hm-admin input[type="search"]:focus,
body.hm-om-hm-admin input[type="password"]:focus,
body.hm-om-hm-admin input[type="number"]:focus,
body.hm-om-hm-admin input[type="date"]:focus,
body.hm-om-hm-admin textarea:focus {
    border-color: var(--hm-control-border-focus) !important;
    box-shadow: 0 0 0 2px rgba(63, 81, 181, 0.1) !important;
    outline: none !important;
}

body.hm-om-hm-admin .hm-btn,
body.hm-om-hm-admin .btn,
body.hm-om-hm-admin button.btn,
body.hm-om-hm-admin input.btn,
body.hm-om-hm-admin .btn_submit,
body.hm-om-hm-admin .local_sch .btn_submit,
body.hm-om-hm-admin .local_sch01 .btn_submit,
body.hm-om-hm-admin .sch_btn button:not(.btn_reset),
body.hm-om-hm-admin .hm-search-submit .hm-btn-search {
    align-items: center !important;
    border: 0 !important;
    border-radius: var(--hm-button-radius) !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
    font-weight: 400 !important;
    height: var(--hm-button-height) !important;
    justify-content: center !important;
    line-height: 34px !important;
    min-width: 72px !important;
    padding: 0 12px !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body.hm-om-hm-admin .btn_submit,
body.hm-om-hm-admin button.btn_submit,
body.hm-om-hm-admin input.btn_submit,
body.hm-om-hm-admin .local_sch .btn_submit,
body.hm-om-hm-admin .local_sch01 .btn_submit,
body.hm-om-hm-admin .sch_btn button:not(.btn_reset),
body.hm-om-hm-admin .hm-search-submit .hm-btn-search,
body.hm-om-hm-admin .hm-btn-solid {
    background-color: #444b59 !important;
    color: #fff !important;
}

body.hm-om-hm-admin .btn_reset,
body.hm-om-hm-admin .hm-btn-line,
body.hm-om-hm-admin .hm-search-submit .hm-btn-reset {
    align-items: center !important;
    background-color: #fff !important;
    border: 1px solid #aeb4c6 !important;
    border-radius: var(--hm-button-radius) !important;
    box-sizing: border-box !important;
    color: #1b1e26 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
    font-weight: 400 !important;
    height: var(--hm-button-height) !important;
    justify-content: center !important;
    line-height: 34px !important;
    min-width: 72px !important;
    padding: 0 12px !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body.hm-om-hm-admin .btn_submit:hover,
body.hm-om-hm-admin .hm-btn-solid:hover,
body.hm-om-hm-admin .hm-search-submit .hm-btn-search:hover {
    background-color: #343b48 !important;
    color: #fff !important;
}

body.hm-om-hm-admin .btn_reset:hover,
body.hm-om-hm-admin .hm-btn-line:hover,
body.hm-om-hm-admin .hm-search-submit .hm-btn-reset:hover {
    border-color: #6f809a !important;
    box-shadow: 0 2px 4px rgba(111, 128, 154, 0.15) !important;
    color: #1b1e26 !important;
}

body.hm-om-hm-admin .hm-om-config .local_desc01 {
    margin: 0 0 12px;
}

body.hm-om-hm-admin .hm-om-config .hm-om-section {
    max-width: 1180px;
}

body.hm-om-hm-admin .hm-om-config .hm-om-radio {
    min-width: 150px;
}

body.hm-om-hm-admin .hm-om-config .hm-config-submit {
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    height: 48px !important;
    line-height: 48px !important;
    min-width: 180px !important;
    padding: 0 34px !important;
}

body.hm-om-hm-admin .hm-custom-alert-popup .hm-msg {
    margin-bottom: 18px;
    white-space: pre-line;
}

body.hm-om-hm-admin .hm-custom-alert-popup .hm-confirm-actions {
    display: flex;
    gap: 4px;
    justify-content: center;
}

body.hm-om-hm-admin #container.hm-gnu-config-page {
    padding-bottom: 50px !important;
}

body.hm-om-hm-admin #container.hm-gnu-config-page #container_title {
    margin: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-config-form {
    box-sizing: border-box;
    max-width: 1400px;
}

body.hm-om-hm-admin .hm-gnu-config-form *,
body.hm-om-hm-admin .hm-gnu-config-form *::before,
body.hm-om-hm-admin .hm-gnu-config-form *::after {
    box-sizing: border-box;
}

body.hm-om-hm-admin .hm-gnu-config-section {
    background: #fff;
    border: 1px solid #dfe4ee;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 18px;
    overflow: hidden;
    padding: 0;
}

body.hm-om-hm-admin .hm-gnu-config-section .h2_frm {
    align-items: center;
    background: #f7f9fc;
    border-bottom: 1px solid #e4e9f1;
    color: #1f2b3f !important;
    display: flex;
    font-family:var(--hm-font-family) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    gap: 9px;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 16px 18px !important;
}

body.hm-om-hm-admin .hm-gnu-config-anchor {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #eef1f6;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 !important;
    padding: 14px 18px !important;
}

body.hm-om-hm-admin .hm-gnu-config-anchor::after {
    content: none !important;
}

body.hm-om-hm-admin .hm-gnu-config-anchor li {
    float: none !important;
    margin: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-config-anchor a {
    align-items: center;
    background: #f4f6fa !important;
    border: 1px solid #d7dde8 !important;
    border-radius: 4px !important;
    color: #364152 !important;
    display: inline-flex !important;
    font-size: 12px;
    height: 30px;
    line-height: 28px;
    padding: 0 10px !important;
    text-decoration: none !important;
}

body.hm-om-hm-admin .hm-gnu-config-anchor a:hover,
body.hm-om-hm-admin .hm-gnu-config-anchor a:focus,
body.hm-om-hm-admin .hm-gnu-config-anchor .selected {
    background: #444b59 !important;
    border-color: #444b59 !important;
    color: #fff !important;
}

body.hm-om-hm-admin .hm-gnu-config-section .local_desc {
    background: #f8fafc !important;
    border: 1px solid #e1e6ef !important;
    border-radius: 0 !important;
    color: #5f6b7a !important;
    margin: 14px 18px 0 !important;
    min-width: 0 !important;
    padding: 13px 15px !important;
}

body.hm-om-hm-admin .hm-gnu-config-section .local_desc p,
body.hm-om-hm-admin .hm-gnu-config-section .local_desc li {
    color: #5f6b7a !important;
    font-size: 13px;
    line-height: 1.65;
}

body.hm-om-hm-admin .hm-gnu-config-section .tbl_frm01.tbl_wrap {
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    overflow-x: auto;
    padding: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-config-section .local_desc + .tbl_frm01.tbl_wrap {
    margin-top: 14px !important;
}

body.hm-om-hm-admin .hm-gnu-config-section .tbl_frm01 table {
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    min-width: 980px;
    width: 100% !important;
}

body.hm-om-hm-admin .hm-gnu-config-section .tbl_frm01 th,
body.hm-om-hm-admin .hm-gnu-config-section .tbl_frm01 td {
    border: 0 !important;
    border-bottom: 1px solid #e4e9f1 !important;
    color: #364152 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    padding: 12px 14px !important;
    text-align: left !important;
    vertical-align: middle !important;
}

body.hm-om-hm-admin .hm-gnu-config-section .tbl_frm01 tr:last-child > th,
body.hm-om-hm-admin .hm-gnu-config-section .tbl_frm01 tr:last-child > td {
    border-bottom: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-config-section .tbl_frm01 th {
    background: #f7f9fc !important;
    color: #000 !important;
    font-family:var(--hm-font-family) !important;
    font-weight: 400 !important;
    width: 190px !important;
}

body.hm-om-hm-admin .hm-gnu-config-section .tbl_frm01 td {
    background: #fff !important;
}

body.hm-om-hm-admin .hm-gnu-config-section .tbl_frm01 label {
    color: #111;
}

body.hm-om-hm-admin .hm-gnu-config-section .frm_info {
    color: #788392 !important;
    display: block;
    font-size: 12px;
    line-height: 1.55;
    margin: 0 0 7px !important;
    padding: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-config-section input[type="checkbox"],
body.hm-om-hm-admin .hm-gnu-config-section input[type="radio"] {
    height: 16px;
    margin: -2px 5px 0 0;
    vertical-align: middle;
    width: 16px;
}

body.hm-om-hm-admin .hm-gnu-config-section .frm_input,
body.hm-om-hm-admin .hm-gnu-config-section input[type="text"],
body.hm-om-hm-admin .hm-gnu-config-section input[type="password"],
body.hm-om-hm-admin .hm-gnu-config-section input[type="number"],
body.hm-om-hm-admin .hm-gnu-config-section select,
body.hm-om-hm-admin .hm-gnu-config-section textarea {
    max-width: 100%;
}

body.hm-om-hm-admin .hm-gnu-config-section textarea {
    min-height: 120px;
    padding: 10px !important;
}

body.hm-om-hm-admin .hm-gnu-config-section .btn_frmline {
    align-items: center;
    background: #fff !important;
    border: 1px solid #b9c1cf !important;
    border-radius: 4px !important;
    color: #252d37 !important;
    display: inline-flex !important;
    font-size: 12px !important;
    height: 34px !important;
    line-height: 32px !important;
    margin-left: 6px;
    padding: 0 10px !important;
    text-decoration: none !important;
    vertical-align: middle;
}

body.hm-om-hm-admin .hm-gnu-config-section .btn_frmline:hover,
body.hm-om-hm-admin .hm-gnu-config-section .btn_frmline:focus {
    border-color: #6f809a !important;
    box-shadow: 0 2px 4px rgba(111, 128, 154, 0.15) !important;
}

body.hm-om-hm-admin .hm-gnu-config-form .btn_fixed_top.btn_confirm {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex;
    gap: 8px;
    margin: 0 0 18px !important;
    padding: 0 !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
    z-index: auto !important;
}

body.hm-om-hm-admin .hm-gnu-config-form .btn_fixed_top .btn_submit {
    background: #252d37 !important;
    border-radius: 6px !important;
    font-family:var(--hm-font-family) !important;
    font-weight: 800 !important;
    height: 38px !important;
    line-height: 38px !important;
    min-width: 86px !important;
}

body.hm-om-hm-admin .hm-gnu-config-form > .get_theme_confc {
    align-items: center;
    background: #fff !important;
    border: 1px solid #b9c1cf !important;
    border-radius: 4px !important;
    color: #252d37 !important;
    display: inline-flex !important;
    font-family:var(--hm-font-family) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    height: 34px !important;
    justify-content: center;
    line-height: 32px !important;
    margin: -4px 0 18px !important;
    padding: 0 12px !important;
    vertical-align: middle;
}

body.hm-om-hm-admin .hm-gnu-config-form > .get_theme_confc:hover,
body.hm-om-hm-admin .hm-gnu-config-form > .get_theme_confc:focus {
    background: #f7f9fc !important;
    border-color: #6f809a !important;
    color: #252d37 !important;
}

body.hm-om-hm-admin #container.hm-gnu-env-page {
    max-width: 1440px;
}

body.hm-om-hm-admin .hm-gnu-env-page .hm-gnu-env-card {
    background: #fff !important;
    border: 1px solid #dfe4ee !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box;
    margin: 0 0 18px !important;
    overflow: hidden;
    padding: 0;
}

body.hm-om-hm-admin .hm-gnu-env-page .local_desc.hm-gnu-env-card,
body.hm-om-hm-admin .hm-gnu-env-page .local_ov.hm-gnu-env-card,
body.hm-om-hm-admin .hm-gnu-env-page .local_wr.hm-gnu-env-card,
body.hm-om-hm-admin .hm-gnu-env-page .no_theme.hm-gnu-env-card,
body.hm-om-hm-admin .hm-gnu-env-page .session_del.hm-gnu-env-card,
body.hm-om-hm-admin .hm-gnu-env-page #processing.hm-gnu-env-card {
    color: #5f6b7a !important;
    font-size: 13px;
    line-height: 1.65;
    padding: 14px 18px !important;
}

body.hm-om-hm-admin .hm-gnu-env-page .local_desc.hm-gnu-env-card p,
body.hm-om-hm-admin .hm-gnu-env-page .local_desc.hm-gnu-env-card li,
body.hm-om-hm-admin .hm-gnu-env-page .session_del.hm-gnu-env-card li,
body.hm-om-hm-admin .hm-gnu-env-page #processing.hm-gnu-env-card p {
    color: #5f6b7a !important;
    font-size: 13px;
    line-height: 1.65;
}

/* GNU 복원 스타일보다 늦게 적용되는 환경설정 계열 최종 규칙. */
body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr,
body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr form,
body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr section,
body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr table,
body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr th,
body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr td,
body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr label,
body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr p,
body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr a,
body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr span,
body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr li,
body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr button,
body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr input,
body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr select,
body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr textarea {
    font-family:var(--hm-font-family) !important;
}

body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr .fa,
body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr .fa::before {
    font-family: FontAwesome !important;
}

body.hm-om-hm-admin #container.hm-gnu-env-page .hm-gnu-config-section,
body.hm-om-hm-admin #container.hm-gnu-env-page .hm-gnu-env-card,
body.hm-om-hm-admin #container.hm-gnu-env-page .hm-gnu-env-table-wrap,
body.hm-om-hm-admin #container.hm-gnu-env-page .tbl_wrap,
body.hm-om-hm-admin #container.hm-gnu-env-page .tbl_wrap table,
body.hm-om-hm-admin #container.hm-gnu-env-page .tbl_wrap th,
body.hm-om-hm-admin #container.hm-gnu-env-page .tbl_wrap td,
body.hm-om-hm-admin #container.hm-gnu-env-page .local_desc,
body.hm-om-hm-admin #container.hm-gnu-env-page .local_ov,
body.hm-om-hm-admin #container.hm-gnu-env-page .local_sch,
body.hm-om-hm-admin #container.hm-gnu-env-page .local_wr,
body.hm-om-hm-admin #container.hm-gnu-env-page #theme_list,
body.hm-om-hm-admin #container.hm-gnu-env-page #processing,
body.hm-om-hm-admin #container.hm-gnu-env-page .service_wrap {
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr > #processing.hm-gnu-env-card {
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    box-sizing: border-box !important;
    margin: 0 0 18px !important;
    min-height: 0 !important;
    padding: 18px 20px !important;
    text-align: left !important;
    width: 100% !important;
}

body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr > #processing.hm-gnu-env-card p {
    color: #111 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
}

body.hm-om-hm-admin #container.hm-gnu-env-page .container_wr > #processing.hm-gnu-env-card button {
    background: #252d37 !important;
    border: 0 !important;
    border-radius: 3px !important;
    color: #fff !important;
    cursor: pointer !important;
    font-family:var(--hm-font-family) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    height: 36px !important;
    line-height: 36px !important;
    margin-top: 12px !important;
    padding: 0 16px !important;
    width: auto !important;
}

body.hm-om-hm-admin #container.hm-gnu-dbupgrade-page {
    max-width: none;
    width: 100%;
}

body.hm-om-hm-admin #container.hm-gnu-dbupgrade-page > .local_desc,
body.hm-om-hm-admin #container.hm-gnu-dbupgrade-page .container_wr > .local_desc,
body.hm-om-hm-admin #container.hm-gnu-dbupgrade-page .local_desc.hm-gnu-env-card,
body.hm-om-hm-admin #container.hm-gnu-dbupgrade-page .hm-gnu-dbupgrade-desc {
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 0 10px !important;
    min-width: 0 !important;
    padding: 18px 20px !important;
    width: 100% !important;
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #111 !important;
    text-align: left !important;
    font-family:var(--hm-font-family) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

body.hm-om-hm-admin #container.hm-gnu-dbupgrade-page > .local_desc p,
body.hm-om-hm-admin #container.hm-gnu-dbupgrade-page .container_wr > .local_desc p,
body.hm-om-hm-admin #container.hm-gnu-dbupgrade-page .local_desc.hm-gnu-env-card p,
body.hm-om-hm-admin #container.hm-gnu-dbupgrade-page .hm-gnu-dbupgrade-desc p {
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    text-align: left !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-family:var(--hm-font-family) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    word-break: break-all !important;
}

body.hm-om-hm-admin .hm-gnu-env-page .local_ov.hm-gnu-env-card,
body.hm-om-hm-admin .hm-gnu-env-page .local_wr.hm-gnu-env-card {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.hm-om-hm-admin .hm-gnu-env-page .local_sch.hm-gnu-env-search {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 18px !important;
}

body.hm-om-hm-admin .hm-gnu-env-page .hm-gnu-env-section > h2,
body.hm-om-hm-admin .hm-gnu-env-page .hm-gnu-env-section > .h2_frm {
    align-items: center;
    background: #f7f9fc;
    border-bottom: 1px solid #e4e9f1;
    color: #1f2b3f !important;
    display: flex;
    font-family:var(--hm-font-family) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    gap: 9px;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 16px 18px !important;
}

body.hm-om-hm-admin .hm-gnu-env-page .hm-gnu-env-section > form,
body.hm-om-hm-admin .hm-gnu-env-page .hm-gnu-env-section > fieldset,
body.hm-om-hm-admin .hm-gnu-env-page .hm-gnu-env-section > ul {
    margin: 14px 18px !important;
}

body.hm-om-hm-admin .hm-gnu-env-page fieldset {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-env-page .tbl_head01.tbl_wrap,
body.hm-om-hm-admin .hm-gnu-env-page .tbl_frm01.tbl_wrap {
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    overflow-x: auto;
    padding: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-env-page > .tbl_head01.hm-gnu-env-card,
body.hm-om-hm-admin .hm-gnu-env-page > .tbl_frm01.hm-gnu-env-card {
    border: 1px solid #dfe4ee !important;
    border-radius: 0 !important;
    box-shadow: 0 8px 20px rgba(31, 43, 63, 0.04) !important;
    margin-bottom: 18px !important;
}

body.hm-om-hm-admin .hm-gnu-env-page .tbl_head01 table,
body.hm-om-hm-admin .hm-gnu-env-page .tbl_frm01 table {
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    min-width: 980px;
    width: 100% !important;
}

body.hm-om-hm-admin .hm-gnu-env-page .tbl_head01 thead th,
body.hm-om-hm-admin .hm-gnu-env-page .tbl_head01 tbody th,
body.hm-om-hm-admin .hm-gnu-env-page .tbl_frm01 th {
    background: #f7f9fc !important;
    border: 0 !important;
    border-bottom: 1px solid #e4e9f1 !important;
    color: #000 !important;
    font-family:var(--hm-font-family) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    padding: 12px 14px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

body.hm-om-hm-admin .hm-gnu-env-page .tbl_frm01 th {
    text-align: left !important;
    width: 190px !important;
}

body.hm-om-hm-admin .hm-gnu-env-page .tbl_head01 td,
body.hm-om-hm-admin .hm-gnu-env-page .tbl_frm01 td {
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #e4e9f1 !important;
    color: #364152 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    padding: 12px 14px !important;
    vertical-align: middle !important;
}

body.hm-om-hm-admin .hm-gnu-env-page .tbl_head01 tbody tr:last-child > th,
body.hm-om-hm-admin .hm-gnu-env-page .tbl_head01 tbody tr:last-child > td,
body.hm-om-hm-admin .hm-gnu-env-page .tbl_frm01 tbody tr:last-child > th,
body.hm-om-hm-admin .hm-gnu-env-page .tbl_frm01 tbody tr:last-child > td {
    border-bottom: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-env-page .tbl_frm01 label,
body.hm-om-hm-admin .hm-gnu-env-page .tbl_head01 label {
    color: #111;
}

body.hm-om-hm-admin .hm-gnu-env-page .btn_fixed_top {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex;
    gap: 8px;
    margin: 0 0 18px !important;
    padding: 0 !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
    z-index: auto !important;
}

body.hm-om-hm-admin #container.hm-gnu-member-admin-page {
    max-width: none;
    width: 100%;
}

body.hm-om-hm-admin .hm-gnu-member-admin-page .container_wr > .hm-gnu-member-heading {
    align-items: center;
    background: #f7f9fc;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db);
    border-bottom: 0;
    color: #1f2b3f !important;
    display: flex;
    font-family:var(--hm-font-family) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    gap: 9px;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 16px 18px !important;
}

body.hm-om-hm-admin .hm-gnu-member-admin-page .container_wr > .hm-gnu-member-heading::before {
    background: #444b59;
    border-radius: 2px;
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    height: 16px;
    width: 4px;
}

body.hm-om-hm-admin .hm-gnu-member-admin-page .container_wr > .hm-gnu-env-card,
body.hm-om-hm-admin .hm-gnu-member-admin-page .container_wr > .hm-gnu-member-table-card {
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    margin: 0 0 18px !important;
    width: 100%;
}

body.hm-om-hm-admin .hm-gnu-member-admin-page .container_wr > .hm-gnu-member-heading + .hm-gnu-env-card {
    border-top: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
}

body.hm-om-hm-admin .hm-gnu-member-admin-page .hm-gnu-member-desc,
body.hm-om-hm-admin .hm-gnu-member-admin-page .hm-gnu-member-summary {
    padding: 14px 18px !important;
}

body.hm-om-hm-admin .hm-gnu-member-admin-page .hm-gnu-member-search {
    padding: 14px 18px !important;
}

body.hm-om-hm-admin .hm-gnu-member-admin-page .member_list_data.hm-gnu-member-filter {
    background: #fff !important;
    margin: 0 0 18px !important;
    padding: 18px !important;
}

body.hm-om-hm-admin .hm-gnu-member-admin-page .member_list_data .sch_table {
    display: grid;
    gap: 10px;
    width: 100%;
}

body.hm-om-hm-admin .hm-gnu-member-admin-page .member_list_data .sch_row {
    align-items: center;
    border-bottom: 1px solid #edf1f6;
    display: grid;
    gap: 14px;
    grid-template-columns: 180px minmax(0, 1fr);
    min-height: 42px;
    padding: 0 0 10px;
}

body.hm-om-hm-admin .hm-gnu-member-admin-page .member_list_data .sch_row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

body.hm-om-hm-admin .hm-gnu-member-admin-page .member_list_data .label {
    color: #111;
    font-family:var(--hm-font-family);
    font-size: 13px;
}

body.hm-om-hm-admin .hm-gnu-member-admin-page .member_list_data .field {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.hm-om-hm-admin .hm-gnu-member-admin-page .visit_del.hm-gnu-env-card {
    padding: 18px !important;
}

body.hm-om-hm-admin .hm-gnu-member-admin-page .visit_del > div:first-child {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.hm-om-hm-admin .hm-gnu-member-admin-page .visit_del_bt {
    border-top: 1px solid #e4e9f1 !important;
    margin: 14px 0 0 !important;
    padding: 14px 0 0 !important;
}

body.hm-om-hm-admin .hm-gnu-member-admin-page .hm-gnu-member-actions {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
    padding: 0 !important;
}

body.hm-om-hm-admin #container.hm-gnu-board-admin-page {
    max-width: none;
    width: 100%;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .container_wr > .hm-gnu-board-heading,
body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-section > h2,
body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-section > .h2_frm {
    align-items: center;
    background: #f7f9fc;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db);
    border-bottom: 0;
    color: #1f2b3f !important;
    display: flex;
    font-family:var(--hm-font-family) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    gap: 9px;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 16px 18px !important;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .container_wr > .hm-gnu-board-heading::before,
body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-section > h2::before,
body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-section > .h2_frm::before {
    background: #444b59;
    border-radius: 2px;
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    height: 16px;
    width: 4px;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-desc,
body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-summary,
body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-search,
body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-stat-filter,
body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-chart-card {
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #111 !important;
    margin: 0 0 18px !important;
    padding: 14px 18px !important;
    width: 100%;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-desc p,
body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-desc li {
    color: #111 !important;
    font-family:var(--hm-font-family) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-search,
body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-stat-filter form {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-stat-filter {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-stat-filter form {
    margin: 0;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page #grp_color {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-table-wrap {
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    margin: 0 0 18px !important;
    overflow-x: auto;
    padding: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-section .hm-gnu-board-table-wrap {
    margin-bottom: 18px !important;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-table-wrap table {
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    min-width: 980px;
    width: 100% !important;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-table-wrap thead th,
body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-table-wrap tbody th,
body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-table-wrap td {
    border: 0 !important;
    border-bottom: 1px solid #e4e9f1 !important;
    color: #111 !important;
    font-family:var(--hm-font-family) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    padding: 12px 14px !important;
    vertical-align: middle !important;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-table-wrap thead th,
body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-table-wrap tbody th {
    background: #f7f9fc !important;
    font-weight: 400 !important;
    text-align: center !important;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-table-wrap td {
    background: #fff !important;
    color: #364152 !important;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-table-wrap tbody tr:last-child > th,
body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-table-wrap tbody tr:last-child > td {
    border-bottom: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-table-wrap tbody tr:hover td {
    background: #fbfcfe !important;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-section {
    margin: 0 0 18px !important;
}

body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-paging {
    margin: 0 0 18px !important;
}

body.hm-om-hm-admin #container.hm-gnu-menu-group-page {
    max-width: none;
    width: 100%;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .container_wr > .hm-gnu-group-heading,
body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-section > h2,
body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-section > .h2_frm {
    align-items: center;
    background: #f7f9fc;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db);
    border-bottom: 0;
    color: #1f2b3f !important;
    display: flex;
    font-family:var(--hm-font-family) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    gap: 9px;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 16px 18px !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .container_wr > .hm-gnu-group-heading::before,
body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-section > h2::before,
body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-section > .h2_frm::before {
    background: #444b59;
    border-radius: 2px;
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    height: 16px;
    width: 4px;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-desc,
body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-summary,
body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-search,
body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-panel {
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #111 !important;
    margin: 0 0 18px !important;
    padding: 14px 18px !important;
    width: 100%;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-desc p,
body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-desc li {
    color: #111 !important;
    font-family:var(--hm-font-family) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-search {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-form {
    margin: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-table-wrap {
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    margin: 0 0 18px !important;
    overflow-x: auto;
    padding: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-section .hm-gnu-group-table-wrap {
    margin-bottom: 18px !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-table-wrap table {
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    min-width: 980px;
    width: 100% !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-table-wrap thead th,
body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-table-wrap tbody th,
body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-table-wrap td {
    border: 0 !important;
    border-bottom: 1px solid #e4e9f1 !important;
    color: #111 !important;
    font-family:var(--hm-font-family) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    padding: 12px 14px !important;
    vertical-align: middle !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-table-wrap thead th,
body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-table-wrap tbody th {
    background: #f7f9fc !important;
    font-weight: 400 !important;
    text-align: center !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-table-wrap td {
    background: #fff !important;
    color: #364152 !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-table-wrap tbody tr:last-child > th,
body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-table-wrap tbody tr:last-child > td {
    border-bottom: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-table-wrap tbody tr:hover td {
    background: #fbfcfe !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-anchor {
    align-items: center;
    background: #fff;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db);
    border-top: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 12px !important;
    padding: 14px 18px !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-anchor::after {
    content: none !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-anchor li {
    float: none !important;
    margin: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-anchor a {
    align-items: center;
    background: #f4f6fa !important;
    border: 1px solid #d7dde8 !important;
    border-radius: 4px !important;
    color: #364152 !important;
    display: inline-flex !important;
    font-size: 12px;
    height: 30px;
    line-height: 28px;
    padding: 0 10px !important;
    text-decoration: none !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-anchor a:hover,
body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-anchor a:focus,
body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-anchor .selected {
    background: #444b59 !important;
    border-color: #444b59 !important;
    color: #fff !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-section {
    margin: 0 0 18px !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-section .hm-gnu-group-desc {
    margin: 0 0 12px !important;
}

body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-paging {
    margin: 0 0 18px !important;
}

body.hm-om-hm-admin .hm-gnu-sms-admin-page .sms5_box {
    border-color: #e4e9f1 !important;
    box-shadow: none !important;
}

body.hm-om-hm-admin .hm-gnu-env-page #theme_list.hm-gnu-env-card {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    list-style: none;
    padding: 18px !important;
}

body.hm-om-hm-admin .hm-gnu-env-page #theme_list.hm-gnu-env-card > li {
    background: #f8fafc !important;
    border: 1px solid #e1e6ef !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    float: none !important;
    margin: 0 !important;
    overflow: hidden;
    padding: 12px !important;
    width: auto !important;
}

body.hm-om-hm-admin .hm-gnu-env-page #theme_list.hm-gnu-env-card > li .tmli_if,
body.hm-om-hm-admin .hm-gnu-env-page #theme_list.hm-gnu-env-card > li .theme_sl,
body.hm-om-hm-admin .hm-gnu-env-page #theme_list.hm-gnu-env-card > li .theme_pr,
body.hm-om-hm-admin .hm-gnu-env-page #theme_list.hm-gnu-env-card > li .theme_preview {
    border-radius: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-env-page .service_wrap.hm-gnu-env-card {
    background-color: transparent !important;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    padding: 18px !important;
}

body.hm-om-hm-admin .hm-gnu-env-page .service_wrap.hm-gnu-env-card > div {
    background-color: transparent !important;
    border: 1px solid #e1e6ef !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 18px !important;
}

body.hm-om-hm-admin #container .service_wrap .sevice_1,
body.hm-om-hm-admin #container .service_wrap .svc_sms .svc_a,
body.hm-om-hm-admin .hm-gnu-env-page .service_wrap.hm-gnu-env-card .sevice_1,
body.hm-om-hm-admin .hm-gnu-env-page .service_wrap.hm-gnu-env-card .svc_sms .svc_a {
    background-color: #fff !important;
}

body.hm-om-hm-admin #container .service_wrap .svc_sms .svc_a,
body.hm-om-hm-admin .hm-gnu-env-page .service_wrap.hm-gnu-env-card .svc_sms .svc_a {
    box-sizing: border-box;
    margin-right: 220px;
    min-height: 93px;
}

body.hm-om-hm-admin #container.hm-gnu-service-page {
    --hm-service-block-gap: 10px;
    max-width: none;
    width: 100%;
}

body.hm-om-hm-admin .hm-gnu-service-page .local_desc.hm-gnu-env-card,
body.hm-om-hm-admin .hm-gnu-service-page .service_wrap.hm-gnu-env-card {
    max-width: none;
    width: 100%;
}

body.hm-om-hm-admin .hm-gnu-service-page .local_desc.hm-gnu-env-card {
    margin: 0 0 var(--hm-service-block-gap) !important;
}

body.hm-om-hm-admin #container.hm-gnu-service-page .container_wr > .local_desc,
body.hm-om-hm-admin .hm-gnu-service-page .local_desc.hm-gnu-env-card {
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 0 var(--hm-service-block-gap, 10px) !important;
    min-width: 0 !important;
    padding: 18px 20px !important;
    width: 100% !important;
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    color: #111 !important;
    text-align: left !important;
    font-family:var(--hm-font-family) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

body.hm-om-hm-admin #container.hm-gnu-service-page .container_wr > .local_desc p,
body.hm-om-hm-admin .hm-gnu-service-page .local_desc.hm-gnu-env-card p {
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #111 !important;
    text-align: left !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-family:var(--hm-font-family) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    word-break: break-all !important;
}

body.hm-om-hm-admin #container.hm-gnu-service-page .container_wr > .local_desc p:last-child,
body.hm-om-hm-admin .hm-gnu-service-page .local_desc.hm-gnu-env-card p:last-child {
    margin-bottom: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-service-page .service_wrap.hm-gnu-env-card {
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    align-items: start;
    display: grid;
    gap: var(--hm-service-block-gap);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 0 18px !important;
    overflow: visible;
    padding: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-service-page .service_wrap.hm-gnu-env-card > div {
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-service-page .service_wrap .sevice_1 {
    border: 1px solid #e1e6ef !important;
    border-radius: 0 !important;
    box-sizing: border-box;
    float: none !important;
    margin: 0 !important;
    overflow: hidden;
    min-width: 0;
    width: 100% !important;
}

body.hm-om-hm-admin .hm-gnu-service-page .service_wrap .sevice_1 ul {
    display: flex !important;
}

body.hm-om-hm-admin .hm-gnu-service-page .service_wrap .sevice_1 ul li {
    box-sizing: border-box;
    flex: 1 1 0 !important;
    width: auto !important;
}

body.hm-om-hm-admin .hm-gnu-service-page .service_wrap .sevice_1 ul li:last-child {
    border-right: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-service-page .service_wrap .hm-gnu-service-card-row {
    align-items: start;
    display: grid;
    gap: var(--hm-service-block-gap);
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
}

body.hm-om-hm-admin .hm-gnu-service-page .service_wrap.hm-gnu-env-card > .service_2 {
    grid-column: 1 / -1;
    margin-top: 0 !important;
    padding-top: 0 !important;
    width: 100%;
}

body.hm-om-hm-admin .hm-gnu-service-page .service_wrap .svc_sms {
    align-content: center !important;
    align-items: center !important;
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    display: grid;
    gap: 24px;
    grid-auto-rows: auto;
    grid-template-columns: minmax(0, 1fr) auto;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible;
    padding: 12px 20px !important;
}

body.hm-om-hm-admin .hm-gnu-service-page .service_wrap .svc_sms:after {
    content: none !important;
    display: none !important;
}

body.hm-om-hm-admin .hm-gnu-service-page .service_wrap .svc_sms .svc_a {
    align-self: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    justify-content: center !important;
    margin-right: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-service-page .service_wrap .svc_sms .svc_a h3 {
    color: #111 !important;
    font-family:var(--hm-font-family) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.45 !important;
    margin: 0 0 4px !important;
}

body.hm-om-hm-admin .hm-gnu-service-page .service_wrap .svc_sms .svc_a p {
    color: #111 !important;
    font-family:var(--hm-font-family) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    padding: 0 !important;
    word-break: break-all !important;
}

body.hm-om-hm-admin .hm-gnu-service-page .service_wrap .svc_sms .svc_btn2 {
    align-self: center !important;
    display: grid !important;
    line-height: 0 !important;
    place-items: center !important;
    place-self: center end !important;
    justify-self: end;
    position: static !important;
}

body.hm-om-hm-admin .hm-gnu-service-page .service_wrap .svc_sms .svc_btn2 a {
    align-items: center !important;
    background: transparent !important;
    box-sizing: border-box !important;
    display: grid !important;
    height: auto !important;
    justify-content: center;
    line-height: 0 !important;
    padding: 0 !important;
    place-items: center !important;
    width: auto !important;
}

body.hm-om-hm-admin .hm-gnu-service-page .service_wrap .svc_sms .svc_btn2 img {
    display: block;
    height: auto;
    margin: 0 !important;
    max-width: 121px;
    padding: 0 !important;
}

body.hm-om-hm-admin #container .service_wrap.hm-gnu-env-card {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: var(--hm-service-block-gap, 10px) !important;
}

body.hm-om-hm-admin #container .service_wrap.hm-gnu-env-card > .sevice_1 {
    flex: 1 1 calc((100% - var(--hm-service-block-gap, 10px)) / 2) !important;
    max-width: calc((100% - var(--hm-service-block-gap, 10px)) / 2) !important;
    width: auto !important;
}

body.hm-om-hm-admin #container .service_wrap.hm-gnu-env-card > .hm-gnu-service-card-row {
    align-items: stretch !important;
    display: flex !important;
    flex: 0 0 100% !important;
    gap: var(--hm-service-block-gap, 10px) !important;
    width: 100% !important;
}

body.hm-om-hm-admin #container .service_wrap.hm-gnu-env-card > .hm-gnu-service-card-row > .sevice_1 {
    flex: 1 1 0 !important;
    max-width: none !important;
    width: auto !important;
}

body.hm-om-hm-admin #container .service_wrap.hm-gnu-env-card > .service_2 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

body.hm-om-hm-admin #container.hm-gnu-service-page .container_wr > .service_wrap {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: var(--hm-service-block-gap, 10px) !important;
    max-width: none !important;
    overflow: visible !important;
    width: 100% !important;
}

body.hm-om-hm-admin #container.hm-gnu-service-page .container_wr > .service_wrap > .sevice_1 {
    flex: 1 1 calc((100% - var(--hm-service-block-gap, 10px)) / 2) !important;
    max-width: calc((100% - var(--hm-service-block-gap, 10px)) / 2) !important;
    width: auto !important;
}

body.hm-om-hm-admin #container.hm-gnu-service-page .container_wr > .service_wrap > .service_2 {
    flex: 0 0 100% !important;
    margin-top: 0 !important;
    max-width: 100% !important;
    padding-top: 0 !important;
    width: 100% !important;
}

body.hm-om-hm-admin #container.hm-gnu-service-page .container_wr > .local_desc,
body.hm-om-hm-admin #container.hm-gnu-service-page .container_wr > .local_desc p,
body.hm-om-hm-admin #container.hm-gnu-service-page .container_wr > .service_wrap,
body.hm-om-hm-admin #container.hm-gnu-service-page .container_wr > .service_wrap h3,
body.hm-om-hm-admin #container.hm-gnu-service-page .container_wr > .service_wrap h3 span,
body.hm-om-hm-admin #container.hm-gnu-service-page .container_wr > .service_wrap p,
body.hm-om-hm-admin #container.hm-gnu-service-page .container_wr > .service_wrap .svc_a p {
    color: #111 !important;
}


body.hm-om-hm-admin #container.hm-gnu-menu-page {
    max-width: none;
    width: 100%;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-section {
    border-radius: 0 !important;
    margin-bottom: 18px !important;
}

body.hm-om-hm-admin.hm-gnu-menu-list-body #container .hm-gnu-menu-section,
body.hm-om-hm-admin.hm-gnu-menu-list-body #container .hm-gnu-config-section,
body.hm-om-hm-admin.hm-gnu-menu-list-body #container .hm-gnu-env-section,
body.hm-om-hm-admin.hm-gnu-menu-list-body #container .hm-gnu-menu-form,
body.hm-om-hm-admin.hm-gnu-menu-list-body #container .hm-gnu-menu-table {
    border-radius: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-notice {
    display: block !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #111 !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 18px 20px !important;
    width: 100% !important;
    text-align: left !important;
    font-family:var(--hm-font-family) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-section > .hm-gnu-menu-notice {
    margin: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-notice p {
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    text-align: left !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-family:var(--hm-font-family) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    word-break: break-all !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-notice strong {
    color: #ff3061 !important;
    font-family:var(--hm-font-family) !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
}

body.hm-om-hm-admin.hm-gnu-menu-list-body #container .container_wr > .local_desc {
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 0 10px !important;
    min-width: 0 !important;
    padding: 18px 20px !important;
    width: 100% !important;
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #111 !important;
    text-align: left !important;
    font-family:var(--hm-font-family) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

body.hm-om-hm-admin.hm-gnu-menu-list-body #container .container_wr > .local_desc p {
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    text-align: left !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-family:var(--hm-font-family) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    word-break: break-all !important;
}

body.hm-om-hm-admin.hm-gnu-menu-list-body #container .container_wr > .local_desc p strong {
    color: #ff3061 !important;
    font-family:var(--hm-font-family) !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-form {
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    max-width: none;
    padding: 0 !important;
    width: 100%;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-section > .hm-gnu-menu-form {
    margin: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-form::before {
    content: none !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-form::after {
    content: none !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table {
    border-bottom: 1px solid #e4e9f1 !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table table {
    border-radius: 0 !important;
    min-width: 1080px;
    table-layout: fixed;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table th:nth-child(1) {
    width: 230px;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table th:nth-child(2) {
    width: auto;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table th:nth-child(3),
body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table th:nth-child(5),
body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table th:nth-child(6) {
    width: 112px;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table th:nth-child(4) {
    width: 76px;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table th:nth-child(7) {
    width: 126px;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table td {
    text-align: center !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table .td_category,
body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table td:nth-child(2) {
    text-align: left !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table input[type="text"],
body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table .tbl_input {
    height: 34px !important;
    width: 100% !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table .td_num .tbl_input {
    text-align: center;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table select {
    min-width: 92px !important;
    width: 100% !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-parent-row td {
    background: #fff !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-sub-row td {
    background: #fbfcfe !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table td.sub_menu_class {
    position: relative;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table td.sub_menu_class::before {
    color: #7b8794;
    content: "↳";
    font-size: 14px;
    left: 14px;
    line-height: 34px;
    position: absolute;
    top: 12px;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table td.sub_menu_class input[type="text"] {
    padding-left: 28px !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table tbody tr:hover td {
    background: #f8fafc !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table .btn_add_submenu,
body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table .btn_del_menu {
    height: 30px !important;
    line-height: 28px !important;
    min-width: 48px !important;
    padding: 0 9px !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table .btn_add_submenu {
    background: #fff !important;
    border: 1px solid #b9c1cf !important;
    color: #252d37 !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-table .btn_del_menu {
    background: #eef2f7 !important;
    color: #252d37 !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-actions {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin: 0 !important;
    padding: 14px 18px !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-actions .btn_02 {
    background: #fff !important;
    border: 1px solid #b9c1cf !important;
    color: #252d37 !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .hm-gnu-menu-actions .btn_submit {
    background: #252d37 !important;
    border-radius: 6px !important;
    font-family:var(--hm-font-family) !important;
    font-weight: 800 !important;
    min-width: 86px !important;
}

body.hm-om-hm-admin .hm-gnu-menu-page .empty_table {
    color: #788392 !important;
    padding: 38px 14px !important;
}

body.hm-om-hm-admin #container.hm-gnu-newwin-page {
    max-width: none;
    width: 100%;
}

body.hm-om-hm-admin.hm-gnu-newwin-list-body #container .container_wr > .btn_fixed_top,
body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-actions {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    position: static !important;
    right: auto !important;
    top: auto !important;
}

body.hm-om-hm-admin .hm-gnu-newwin-page .btn_ov01 {
    align-items: center;
    background: #f8fafc !important;
    border: 1px solid #e1e6ef !important;
    border-radius: 6px !important;
    color: #364152 !important;
    display: inline-flex !important;
    font-family:var(--hm-font-family) !important;
    font-size: 13px !important;
    gap: 6px;
    height: 34px !important;
    line-height: 32px !important;
    padding: 0 12px !important;
    text-decoration: none !important;
}

body.hm-om-hm-admin .hm-gnu-newwin-page .btn_ov01 .ov_num,
body.hm-om-hm-admin .hm-gnu-newwin-page .btn_ov01 .ov_txt {
    background: none !important;
    color: #1f2b3f !important;
    font-size: 13px !important;
    height: auto !important;
    line-height: inherit !important;
    padding: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-newwin-list-body #container .container_wr > .tbl_head01,
body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table {
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    margin: 14px 0 18px !important;
    max-width: 100%;
    overflow-x: auto !important;
    width: 100% !important;
}

body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table table {
    min-width: 1180px;
    table-layout: fixed;
}

body.hm-om-hm-admin.hm-gnu-newwin-list-body #container .container_wr > .tbl_head01 table {
    min-width: 1180px;
    table-layout: fixed;
}

body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table th:nth-child(1) {
    width: 70px;
}

body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table th:nth-child(2) {
    width: auto;
}

body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table th:nth-child(3),
body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table th:nth-child(6),
body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table th:nth-child(7),
body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table th:nth-child(8),
body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table th:nth-child(9),
body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table th:nth-child(10) {
    width: 86px;
}

body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table th:nth-child(4),
body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table th:nth-child(5) {
    width: 128px;
}

body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table th:nth-child(11) {
    width: 116px;
}

body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table td {
    text-align: center !important;
}

body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table .td_left {
    color: #111 !important;
    text-align: left !important;
}

body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table tbody tr:hover td {
    background: #fbfcfe !important;
}

body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table .td_mng .btn {
    height: 30px !important;
    line-height: 28px !important;
    min-width: 48px !important;
    padding: 0 9px !important;
}

body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table .td_mng .btn_03 {
    background: #fff !important;
    border: 1px solid #b9c1cf !important;
    color: #252d37 !important;
}

body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table .td_mng .btn_02 {
    background: #eef2f7 !important;
    color: #252d37 !important;
}

body.hm-om-hm-admin .hm-gnu-newwin-page .empty_table {
    color: #788392 !important;
    padding: 38px 14px !important;
}

body.hm-om-hm-admin #container.hm-gnu-file-delete-page {
    max-width: none;
    width: 100%;
}

body.hm-om-hm-admin #container .hm-gnu-file-delete-section {
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    margin: 0 0 18px !important;
    outline: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
}

body.hm-om-hm-admin #container .hm-gnu-file-delete-section > :is(
    .hm-gnu-file-delete-notice, .hm-gnu-session-notice,
    .hm-gnu-file-delete-result, .hm-gnu-session-result,
    .hm-gnu-file-delete-message, .hm-gnu-session-message
) {
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 18px 20px !important;
    width: 100% !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #111 !important;
    outline: 0 !important;
    text-align: left !important;
    font-family:var(--hm-font-family) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

body.hm-om-hm-admin #container .hm-gnu-file-delete-section > :is(
    .hm-gnu-file-delete-notice, .hm-gnu-session-notice,
    .hm-gnu-file-delete-result, .hm-gnu-session-result
) p {
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    text-align: left !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-family:var(--hm-font-family) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    word-break: break-all !important;
}

body.hm-om-hm-admin #container .hm-gnu-file-delete-section > :is(
    .hm-gnu-file-delete-result, .hm-gnu-session-result
) p {
    line-height: 1.7 !important;
}

body.hm-om-hm-admin #container .hm-gnu-file-delete-section > :is(
    .hm-gnu-file-delete-result, .hm-gnu-session-result
) strong,
body.hm-om-hm-admin #container .hm-gnu-file-delete-section > :is(
    .hm-gnu-file-delete-result, .hm-gnu-session-result
) p strong {
    color: #ff3061 !important;
    font-family:var(--hm-font-family) !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 1.7 !important;
}

body.hm-om-hm-admin #container .hm-gnu-file-delete-section > :is(
    .hm-gnu-file-delete-list, .hm-gnu-session-list
) {
    display: block !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    list-style: none;
    margin: 0 !important;
    max-height: 260px;
    overflow: auto;
    outline: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body.hm-om-hm-admin #container .hm-gnu-file-delete-section > :is(
    .hm-gnu-file-delete-list, .hm-gnu-session-list
) li {
    background: #fff !important;
    border: 0 !important;
    color: #364152 !important;
    font-family: var(--hm-control-font) !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    padding: 10px 18px !important;
    word-break: break-all;
}

body.hm-om-hm-admin #container .hm-gnu-file-delete-section > :is(
    .hm-gnu-file-delete-list, .hm-gnu-session-list
) li + li {
    border-top: 1px solid #e4e9f1 !important;
}

body.hm-om-hm-admin #container .hm-gnu-file-delete-section > :is(
    .hm-gnu-file-delete-message, .hm-gnu-session-message,
    .hm-gnu-file-delete-result, .hm-gnu-session-result
) {
    border-top: 1px solid #dfe4ee !important;
}

body.hm-om-hm-admin.hm-gnu-phpinfo-page {
    background: #f2f4f6 !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 96px 30px 40px !important;
}

body.hm-om-hm-admin.hm-gnu-phpinfo-page::after {
    align-items: center;
    color: #1f2b3f;
    content: "phpinfo()";
    display: flex;
    font-family:var(--hm-font-family);
    font-size: 18px;
    font-weight: 800;
    height: 70px;
    left: 30px;
    position: fixed;
    top: 0;
    z-index: 1001;
}

body.hm-om-hm-admin.hm-gnu-phpinfo-page h1,
body.hm-om-hm-admin.hm-gnu-phpinfo-page h2 {
    color: #1f2b3f !important;
    font-family:var(--hm-font-family) !important;
    margin: 0 auto 18px !important;
    max-width: 1440px;
    text-align: left !important;
}

body.hm-om-hm-admin.hm-gnu-phpinfo-page table {
    background: #fff !important;
    border: 1px solid #dfe4ee !important;
    border-collapse: separate !important;
    border-radius: 0 !important;
    border-spacing: 0 !important;
    box-shadow: 0 8px 20px rgba(31, 43, 63, 0.04) !important;
    margin: 0 auto 18px !important;
    max-width: 1440px;
    overflow: hidden;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-phpinfo-page table th,
body.hm-om-hm-admin.hm-gnu-phpinfo-page table td {
    border: 0 !important;
    border-bottom: 1px solid #e4e9f1 !important;
    color: #364152 !important;
    font-family:var(--hm-font-family) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    padding: 10px 14px !important;
}

body.hm-om-hm-admin.hm-gnu-phpinfo-page table tr:last-child > th,
body.hm-om-hm-admin.hm-gnu-phpinfo-page table tr:last-child > td {
    border-bottom: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-phpinfo-page table th,
body.hm-om-hm-admin.hm-gnu-phpinfo-page table .e {
    background: #f7f9fc !important;
    color: #000 !important;
    font-weight: 400 !important;
}

body.hm-om-hm-admin.hm-gnu-phpinfo-page table td,
body.hm-om-hm-admin.hm-gnu-phpinfo-page table .v,
body.hm-om-hm-admin.hm-gnu-phpinfo-page table .h {
    background: #fff !important;
    color: #364152 !important;
}

body.hm-om-hm-admin.hm-gnu-phpinfo-page a {
    color: #1f2b3f !important;
}

/* 환경설정 하위 메뉴 공통 최종 규칙.
 * JS가 DOM을 보완하기 전에도 같은 HM 외형이 보이도록 서버 body 식별자 기준으로 적용한다. */
body.hm-om-hm-admin.hm-gnu-env-body #container {
    max-width: none !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr {
    background: #f2f4f6 !important;
    box-sizing: border-box !important;
    color: #111 !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
    padding: 0 var(--hm-admin-content-padding-x) 40px !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    p, a, span, label, legend, th, td, li, button, input, select, textarea
) {
    font-family: var(--hm-control-font) !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    .local_desc, .local_ov, .local_wr, #processing, .hm-gnu-env-card
) {
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #111 !important;
    margin: 0 0 10px !important;
    min-width: 0 !important;
    padding: 18px 20px !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    .local_desc, .local_ov, .local_wr, #processing, .hm-gnu-env-card
) p {
    color: #111 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    .local_desc, .local_ov, .local_wr, #processing, .hm-gnu-env-card
) strong {
    color: #1f2b3f !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    .hm-gnu-config-section, .hm-gnu-env-section, .hm-gnu-menu-section,
    .hm-gnu-sendmail-test-section, .hm-gnu-sendmail-result-section,
    .hm-gnu-session-section
) {
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    margin: 0 0 18px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    .hm-gnu-config-section, .hm-gnu-env-section, .hm-gnu-menu-section,
    .hm-gnu-sendmail-test-section, .hm-gnu-sendmail-result-section,
    .hm-gnu-session-section
) > :is(h2, .h2_frm) {
    align-items: center !important;
    background: #fafafb !important;
    border: 0 !important;
    border-bottom: 1px solid #dfe4ee !important;
    color: #1f2b3f !important;
    display: flex !important;
    font-family:var(--hm-font-family) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    gap: 9px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 16px 18px !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    .btn_fixed_top, .hm-gnu-menu-actions, .hm-gnu-newwin-actions
) {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    gap: 8px !important;
    margin: 0 0 18px !important;
    min-height: 0 !important;
    padding: 14px 0 !important;
    position: static !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    .btn_fixed_top, .hm-gnu-menu-actions
) {
    justify-content: flex-end !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr > .btn_fixed_top,
body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .hm-gnu-newwin-actions {
    justify-content: center !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    .btn_fixed_top, .hm-gnu-menu-actions, .hm-gnu-newwin-actions
) :is(.btn, button, input[type="submit"], a) {
    align-items: center !important;
    border-radius: var(--hm-button-radius, 3px) !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
    font-weight: 400 !important;
    height: var(--hm-button-height, 36px) !important;
    justify-content: center !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-width: 72px !important;
    padding: 0 12px !important;
    text-decoration: none !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    .btn_fixed_top, .hm-gnu-menu-actions, .hm-gnu-newwin-actions
) :is(.btn_01, .btn_submit) {
    background: #444b59 !important;
    border: 0 !important;
    color: #fff !important;
}

body.hm-om-hm-admin.hm-gnu-newwin-list-body #container .container_wr > .btn_fixed_top a.hm-btn.hm-btn-solid,
body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-actions a.hm-btn.hm-btn-solid {
    background: #444b59 !important;
    border: 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    .btn_fixed_top, .hm-gnu-menu-actions, .hm-gnu-newwin-actions
) :is(.btn_02, .btn_03) {
    background: #fff !important;
    border: 1px solid #aeb4c6 !important;
    color: #1b1e26 !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    #menulist, .hm-gnu-menu-table, .tbl_head01, .hm-gnu-newwin-table
) {
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    padding: 0 !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    #menulist, .hm-gnu-menu-table, .tbl_head01, .hm-gnu-newwin-table
) table {
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    #menulist, .hm-gnu-menu-table, .tbl_head01, .hm-gnu-newwin-table
) table :is(thead, tbody, tr) {
    border: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    #menulist, .hm-gnu-menu-table, .tbl_head01, .hm-gnu-newwin-table
) table :is(th, td) {
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #dfe4ee !important;
    border-right: 1px solid #dfe4ee !important;
    color: #111 !important;
    font-family: var(--hm-control-font) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    padding: 10px 12px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    #menulist, .hm-gnu-menu-table, .tbl_head01, .hm-gnu-newwin-table
) table thead th {
    background: #fafafb !important;
    font-weight: 700 !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    #menulist, .hm-gnu-menu-table, .hm-gnu-newwin-table
) table td.td_left,
body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr #menulist table td:nth-child(1),
body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr #menulist table td:nth-child(2) {
    text-align: left !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    #menulist, .hm-gnu-menu-table, .hm-gnu-newwin-table
) table tr > :last-child {
    border-right: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    #menulist, .hm-gnu-menu-table, .hm-gnu-newwin-table
) table tbody tr:last-child > * {
    border-bottom: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    #menulist, .hm-gnu-menu-table, .hm-gnu-newwin-table
) :is(input, select) {
    max-width: 100% !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    #menulist, .hm-gnu-menu-table, .hm-gnu-newwin-table
) .empty_table {
    color: #6b7684 !important;
    padding: 38px 14px !important;
    text-align: center !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr #fmenulist,
body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .hm-gnu-menu-form {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    #menulist .btn_add_submenu, #menulist .btn_del_menu,
    .hm-gnu-menu-table .btn_add_submenu, .hm-gnu-menu-table .btn_del_menu,
    .hm-gnu-newwin-table .td_mng .btn
) {
    border-radius: var(--hm-button-radius, 3px) !important;
    box-sizing: border-box !important;
    font-family: var(--hm-control-font) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    height: 30px !important;
    line-height: 28px !important;
    min-width: 48px !important;
    padding: 0 9px !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr #processing {
    min-height: 0 !important;
    text-align: left !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr #processing button {
    background: #444b59 !important;
    border: 0 !important;
    border-radius: var(--hm-button-radius, 3px) !important;
    color: #fff !important;
    cursor: pointer !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
    font-weight: 400 !important;
    height: var(--hm-button-height, 36px) !important;
    line-height: 34px !important;
    margin-top: 12px !important;
    min-width: 72px !important;
    padding: 0 14px !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .hm-gnu-newwin-summary {
    align-items: center !important;
    display: flex !important;
    min-height: 52px !important;
    padding: 10px 14px !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .hm-gnu-newwin-summary .btn_ov01 {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #111 !important;
    display: inline-flex !important;
    font-family: var(--hm-control-font) !important;
    font-size: 13px !important;
    gap: 6px !important;
    height: auto !important;
    line-height: 1.45 !important;
    padding: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .hm-gnu-newwin-summary :is(.ov_txt, .ov_num) {
    background: transparent !important;
    color: #111 !important;
    font-size: 13px !important;
    height: auto !important;
    line-height: inherit !important;
    padding: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    .hm-gnu-service-page .service_wrap, .service_wrap
) {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 0 18px !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap .sevice_1,
body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap .svc_sms {
    background: #fff !important;
    border: 1px solid #dfe4ee !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap .sevice_1 h3,
body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap .svc_sms h3 {
    background: #fafafb !important;
    border-bottom: 1px solid #dfe4ee !important;
    color: #1f2b3f !important;
    font-family: var(--hm-control-font) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    padding: 14px 16px !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap .sevice_1 h3 span {
    color: #6b7684 !important;
    font-family: var(--hm-control-font) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap .sevice_1 ul {
    display: flex !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 14px 16px !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap .sevice_1 ul li {
    border: 0 !important;
    flex: 1 1 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap .sevice_1 ul img {
    display: block !important;
    height: auto !important;
    max-width: 100% !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap > :is(.service_2, .hm-gnu-service-card-row) {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap .hm-gnu-service-card-row {
    display: grid !important;
    gap: 10px !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap .svc_sms {
    align-items: center !important;
    display: grid !important;
    gap: 20px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    padding: 16px 20px !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap .svc_sms .svc_a {
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap .svc_sms .svc_a p {
    color: #364152 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    margin: 4px 0 0 !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap .svc_sms .svc_btn2 {
    margin: 0 !important;
    position: static !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr :is(
    .hm-gnu-config-section, .hm-gnu-env-section, .hm-gnu-menu-section,
    .hm-gnu-sendmail-test-section, .hm-gnu-sendmail-result-section,
    .hm-gnu-session-section, .local_desc, .local_ov, .local_wr,
    #processing, #menulist, .hm-gnu-menu-table, .tbl_head01,
    .hm-gnu-newwin-table, .hm-gnu-sendmail-fieldset,
    .hm-gnu-sendmail-result-list, .hm-gnu-session-list, .session_del,
    .service_wrap, .service_wrap .sevice_1, .service_wrap .svc_sms
) {
    border-radius: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 900px) {
    body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap {
        grid-template-columns: 1fr !important;
    }

    body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap .hm-gnu-service-card-row {
        grid-template-columns: 1fr !important;
    }

    body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap > :is(.service_2, .hm-gnu-service-card-row) {
        grid-column: auto !important;
    }

    body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .service_wrap .svc_sms {
        grid-template-columns: 1fr !important;
    }
}

/* 메뉴·팝업 리스트의 데이터 길이에 따른 컬럼 기준은 공통 외형과 분리한다. */
body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr #menulist table,
body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .hm-gnu-menu-table table {
    min-width: 1080px !important;
    table-layout: fixed !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr #menulist table th:nth-child(1),
body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .hm-gnu-menu-table table th:nth-child(1) {
    width: 230px !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr #menulist table th:nth-child(3),
body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr #menulist table th:nth-child(5),
body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr #menulist table th:nth-child(6) {
    width: 112px !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr #menulist table th:nth-child(4) {
    width: 76px !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr #menulist table th:nth-child(7) {
    width: 126px !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr #menulist table td.td_num .tbl_input {
    margin: 0 auto !important;
    text-align: center !important;
    width: 70px !important;
}

body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr .hm-gnu-newwin-table table,
body.hm-om-hm-admin.hm-gnu-env-body #container .container_wr > .tbl_head01 table {
    min-width: 1180px !important;
    table-layout: fixed !important;
}

@media (max-width: 1280px) {
    body.hm-om-hm-admin .hm-gnu-config-section .tbl_frm01 table {
        min-width: 860px;
    }

    body.hm-om-hm-admin .hm-gnu-env-page .tbl_head01 table,
    body.hm-om-hm-admin .hm-gnu-env-page .tbl_frm01 table {
        min-width: 860px;
    }

}

@media (max-width: 900px) {
    body.hm-om-hm-admin .hm-gnu-config-anchor {
        padding: 12px !important;
    }

    body.hm-om-hm-admin .hm-gnu-config-section .h2_frm {
        padding: 14px 12px !important;
    }

    body.hm-om-hm-admin .hm-gnu-config-section .local_desc {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }

    body.hm-om-hm-admin.hm-gnu-newwin-list-body #container .container_wr > .tbl_head01,
    body.hm-om-hm-admin .hm-gnu-newwin-page .hm-gnu-newwin-table {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100%;
        width: 100% !important;
    }

    body.hm-om-hm-admin .hm-gnu-env-page .hm-gnu-env-section > h2,
    body.hm-om-hm-admin .hm-gnu-env-page .hm-gnu-env-section > .h2_frm {
        padding: 14px 12px !important;
    }

    body.hm-om-hm-admin .hm-gnu-member-admin-page .member_list_data .sch_row {
        grid-template-columns: 1fr;
    }

    body.hm-om-hm-admin .hm-gnu-member-admin-page .member_list_data .field {
        align-items: flex-start;
    }

    body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-search,
    body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-stat-filter,
    body.hm-om-hm-admin .hm-gnu-board-admin-page .hm-gnu-board-stat-filter form {
        align-items: flex-start;
        flex-direction: column;
    }

    body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-search {
        align-items: flex-start;
        flex-direction: column;
    }

    body.hm-om-hm-admin .hm-gnu-menu-group-page .hm-gnu-group-anchor {
        padding: 12px !important;
    }

    body.hm-om-hm-admin .hm-gnu-sendmail-page .hm-gnu-sendmail-fieldset {
        grid-template-columns: 1fr;
    }
}

/* changsu start: HM 주문 동기화 버튼 엑셀다운로드 버튼 기준 적용 */
body.hm-om-hm-admin #container.hm-page.hm-orderlist .hm-order-sync-inline .hm-order-sync-btn {
    color: #fff !important;
}

body.hm-om-hm-admin #container.hm-page.hm-orderlist .hm-order-sync-inline .hm-order-sync-btn-blue {
    background-color: #177dd0 !important;
    border-color: #177dd0 !important;
}

body.hm-om-hm-admin #container.hm-page.hm-orderlist .hm-order-sync-inline .hm-order-sync-btn-green {
    background-color: #4a8f08 !important;
    border-color: #4a8f08 !important;
}
/* changsu end: HM 주문 동기화 버튼 엑셀다운로드 버튼 기준 적용 */

/* purchase: 문자형 상품코드가 상품명 열을 침범하지 않도록 보정 */
body.hm-om-hm-admin #container.hm-purchase-adm-goods-manage-pc .hm-pc-goods-manage-table .col-code {
    width: 180px !important;
}

body.hm-om-hm-admin #container.hm-purchase-adm-goods-manage-pc .hm-pc-goods-manage-table tbody td:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.hm-om-hm-admin #container.hm-purchase-adm-goods-manage-ex .hm-adm-goods-ex-table .col-code {
    width: 180px !important;
}

body.hm-om-hm-admin #container.hm-purchase-adm-goods-manage-ex .hm-adm-goods-ex-table tbody td:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ==========================================================
   HM 관리자 공통 폼 컴포넌트 최종 규칙
   크기·색상 변경은 파일 상단의 --hm-control-* 변수에서 일괄 관리한다.
   페이지 CSS는 폭과 배치만 정의하고 공통 외형을 다시 정의하지 않는다.
   ========================================================== */
body.hm-om-hm-admin #wrapper #container > .container_wr {
    font-family: var(--hm-control-font) !important;
}

body.hm-om-hm-admin #wrapper #container > .container_wr :is(
    select,
    textarea,
    input.frm_input,
    input[type="text"],
    input[type="search"],
    input[type="password"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="date"],
    input[type="time"],
    input[type="month"],
    input[type="week"],
    input[type="datetime-local"],
    input[type="file"]
) {
    background-color: var(--hm-control-bg) !important;
    border: 1px solid var(--hm-control-border) !important;
    border-radius: var(--hm-control-radius) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: var(--hm-control-color) !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
    font-weight: 400 !important;
}

body.hm-om-hm-admin #wrapper #container > .container_wr :is(
    select,
    input.frm_input,
    input[type="text"],
    input[type="search"],
    input[type="password"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="date"],
    input[type="time"],
    input[type="month"],
    input[type="week"],
    input[type="datetime-local"]
) {
    height: var(--hm-control-height) !important;
    line-height: normal !important;
}

body.hm-om-hm-admin #wrapper #container > .container_wr select {
    line-height: calc(var(--hm-control-height) - 2px) !important;
    padding: 0 30px 0 10px !important;
}

body.hm-om-hm-admin #wrapper #container > .container_wr select option {
    color: var(--hm-control-color) !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
}

body.hm-om-hm-admin #wrapper #container > .container_wr :is(
    input.frm_input,
    input[type="text"],
    input[type="search"],
    input[type="password"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="date"],
    input[type="time"],
    input[type="month"],
    input[type="week"],
    input[type="datetime-local"]
) {
    padding: 5px 8px !important;
}

body.hm-om-hm-admin #wrapper #container > .container_wr textarea {
    line-height: 1.5 !important;
    padding: 8px !important;
}

body.hm-om-hm-admin #wrapper #container > .container_wr input[type="file"] {
    min-height: var(--hm-control-height) !important;
    padding: 3px 8px !important;
}

body.hm-om-hm-admin #wrapper #container > .container_wr :is(input[type="checkbox"], input[type="radio"]) {
    accent-color: #3971ff;
    box-sizing: border-box !important;
    height: 21px !important;
    margin: 0 !important;
    vertical-align: middle !important;
    width: 21px !important;
}

body.hm-om-hm-admin #wrapper #container > .container_wr :is(
    select,
    textarea,
    input.frm_input,
    input[type="text"],
    input[type="search"],
    input[type="password"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="date"],
    input[type="time"],
    input[type="month"],
    input[type="week"],
    input[type="datetime-local"],
    input[type="file"]
):focus {
    border-color: var(--hm-control-border-focus) !important;
    box-shadow: 0 0 0 2px rgba(63, 81, 181, 0.1) !important;
    outline: 0 !important;
}

body.hm-om-hm-admin #wrapper #container > .container_wr :is(input, select, textarea):disabled,
body.hm-om-hm-admin #wrapper #container > .container_wr :is(input, textarea)[readonly] {
    background-color: #f4f6f8 !important;
    color: #7b8492 !important;
    cursor: not-allowed !important;
}

body.hm-om-hm-admin #wrapper #container > .container_wr :is(input, textarea)::placeholder {
    color: #8b95a1 !important;
    opacity: 1 !important;
}

body.hm-om-hm-admin #wrapper #container > .container_wr :is(
    a.btn,
    button,
    input.btn,
    .hm-btn,
    .btn_01,
    .btn_02,
    .btn_03,
    .btn_submit,
    .btn_reset,
    .btn_frmline,
    input[type="submit"],
    input[type="button"],
    input[type="reset"]
):not(.hm-page-save-button):not(:is(.hm-bottom-actions, .hm-form-actions, .btn_confirm01.btn_confirm) :is(.btn_submit, .hm-button--primary)) {
    align-items: center !important;
    border-radius: var(--hm-button-radius) !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
    font-weight: 400 !important;
    height: var(--hm-button-height) !important;
    justify-content: center !important;
    line-height: calc(var(--hm-button-height) - 2px) !important;
    min-width: 0;
    padding: 0 12px !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

/* HM 입력박스 공통 규격: 버튼·체크박스·라디오를 제외한 모든 입력 컨트롤은 무라운드다. */
body.hm-om-hm-admin :is(
    select,
    textarea,
    input:not([type]),
    input[type="text"],
    input[type="search"],
    input[type="password"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="date"],
    input[type="time"],
    input[type="month"],
    input[type="week"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="file"],
    input[type="color"]
) {
    border-radius: var(--hm-control-radius) !important;
}

/* GNU 복원 페이지도 네이티브 HM 리스트 클래스가 있으면 공통 리스트 외형을 최종 적용한다. */
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-wrap {
    background: #fff !important;
    border: 1px solid #dfe4ee !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    outline: 0 !important;
    overflow-x: auto !important;
    padding: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table {
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    table-layout: fixed !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table thead,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table tbody,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table tfoot,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table tr {
    border: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table thead th,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table tbody td,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table tfoot th,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table tfoot td {
    border: 0 !important;
    border-bottom: 1px solid #dfe4ee !important;
    border-radius: 0 !important;
    border-right: 1px solid #dfe4ee !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
    font-weight: 400 !important;
    outline: 0 !important;
    text-align: center !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table thead th {
    background: #fafafb !important;
    color: #000 !important;
    line-height: 1.2 !important;
    padding: 14px 8px !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table thead th a:not(.hm-btn) {
    color: #000 !important;
    font-family: var(--hm-control-font) !important;
    text-decoration: none !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table tbody td,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table tfoot th,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table tfoot td {
    background: #fff !important;
    color: #1f2b3f !important;
    line-height: 1.5 !important;
    padding: 12px 8px !important;
    vertical-align: middle !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table thead tr.hm-list-meta-row > th {
    background: #fff !important;
    padding: 10px 12px !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table .empty_table {
    background: #fff !important;
    color: #6b7484 !important;
    height: 220px !important;
    padding: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table tr > *:last-child {
    border-right: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table > thead:last-child > tr:last-child > *,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table > tbody:last-child > tr:last-child > *,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page .container_wr .hm-list-table > tfoot:last-child > tr:last-child > * {
    border-bottom: 0 !important;
}

/* 게시판관리 GNU 복원 페이지의 네이티브 HM 버튼·안내·그래프 카드 최종 규격. */
body.hm-om-hm-admin.hm-gnu-board-body.hm-gnu-body-restore #wrapper #container.hm-gnu-board-page .container_wr .hm-btn,
body.hm-om-hm-admin.hm-gnu-board-body.hm-gnu-body-restore #wrapper #container.hm-gnu-board-page .container_wr .hm-search-submit .hm-btn-search,
body.hm-om-hm-admin.hm-gnu-board-body.hm-gnu-body-restore #wrapper #container.hm-gnu-board-page .container_wr .hm-search-submit .hm-btn-reset {
    align-items: center !important;
    border-radius: var(--hm-button-radius) !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
    font-weight: 400 !important;
    height: var(--hm-button-height) !important;
    justify-content: center !important;
    line-height: 34px !important;
    min-width: 72px !important;
    padding: 0 12px !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body.hm-om-hm-admin.hm-gnu-board-body.hm-gnu-body-restore #wrapper #container.hm-gnu-board-page .container_wr .hm-btn-solid,
body.hm-om-hm-admin.hm-gnu-board-body.hm-gnu-body-restore #wrapper #container.hm-gnu-board-page .container_wr .hm-search-submit .hm-btn-search {
    background: #444b59 !important;
    border: 1px solid #444b59 !important;
    color: #fff !important;
}

body.hm-om-hm-admin.hm-gnu-board-body.hm-gnu-body-restore #wrapper #container.hm-gnu-board-page .container_wr .hm-btn-line,
body.hm-om-hm-admin.hm-gnu-board-body.hm-gnu-body-restore #wrapper #container.hm-gnu-board-page .container_wr .hm-search-submit .hm-btn-reset {
    background: #fff !important;
    border: 1px solid #aeb4c6 !important;
    color: #1b1e26 !important;
}

body.hm-om-hm-admin.hm-gnu-board-body.hm-gnu-body-restore #wrapper #container.hm-gnu-board-page .container_wr .hm-btn-bulk-danger {
    background: #e5484d !important;
    border: 1px solid #e5484d !important;
    color: #fff !important;
}

body.hm-om-hm-admin.hm-gnu-board-body.hm-gnu-body-restore #wrapper #container.hm-gnu-board-page .container_wr .hm-list-description,
body.hm-om-hm-admin.hm-gnu-board-body.hm-gnu-body-restore #wrapper #container.hm-page-write-count .container_wr .hm-write-count-chart {
    background: #fff !important;
    border: 1px solid #dfe4ee !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #111 !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
    margin: 0 0 20px !important;
    padding: 16px 18px !important;
}

body.hm-om-hm-admin.hm-gnu-board-body.hm-gnu-body-restore #wrapper #container.hm-gnu-board-page .container_wr .hm-list-description :is(ol, ul, p) {
    margin: 0 !important;
    padding-left: 20px !important;
}

body.hm-om-hm-admin.hm-gnu-board-body.hm-gnu-body-restore #wrapper #container.hm-page-write-count .container_wr .hm-write-count-chart #chart1 {
    min-width: 720px !important;
}

/* GNU 복원 CSS가 덮는 내용관리의 공통 HM 버튼 외형을 최종 복원한다. */
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page.hm-itemlist.hm-page-contentlist .container_wr .hm-list-meta-controls > .hm-btn.hm-btn-solid,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page.hm-itemlist.hm-page-contentlist .container_wr .hm-content-list-manage-cell .hm-manage-row > .hm-btn.hm-btn-line {
    align-items: center !important;
    border-radius: var(--hm-button-radius) !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
    font-weight: 400 !important;
    height: var(--hm-button-height) !important;
    justify-content: center !important;
    line-height: 34px !important;
    min-width: 72px !important;
    padding: 0 12px !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page.hm-itemlist.hm-page-contentlist .container_wr .hm-list-meta-controls > .hm-btn.hm-btn-solid {
    background: #444b59 !important;
    border: 1px solid #444b59 !important;
    color: #fff !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page.hm-itemlist.hm-page-contentlist .container_wr .hm-content-list-manage-cell .hm-manage-row > .hm-btn.hm-btn-line {
    background: #fff !important;
    border: 1px solid #aeb4c6 !important;
    color: #1b1e26 !important;
}

/* GNU 복원 페이지의 네이티브 HM 폼도 공통 섹션·테이블 규칙을 최종 적용한다. */
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform .container_wr .hm-itemform-form .hm-form-section {
    background: #fff !important;
    border: 1px solid #dfe4ee !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    overflow: hidden !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform .container_wr .hm-itemform-form .hm-form-section > .h2_frm {
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #dfe4ee !important;
    color: #1f2b3f !important;
    font-family:var(--hm-font-family) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 15px 18px !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform .container_wr .hm-itemform-form .hm-form-section > .local_desc {
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #dfe4ee !important;
    color: #111 !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
    margin: 0 !important;
    padding: 16px 18px !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform .container_wr .hm-itemform-form .hm-form-section > .local_desc p {
    color: #111 !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform .container_wr .hm-itemform-form .hm-form-wrap,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform .container_wr .hm-itemform-form .hm-form-table {
    border: 0 !important;
    border-collapse: collapse !important;
    border-radius: 0 !important;
    border-spacing: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform .container_wr .hm-itemform-form .hm-form-table th,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform .container_wr .hm-itemform-form .hm-form-table td {
    border: 0 !important;
    border-top: 1px solid #dfe4ee !important;
    border-right: 1px solid #dfe4ee !important;
    color: #111 !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
    font-weight: 400 !important;
    padding: 12px 14px !important;
    text-align: left !important;
    vertical-align: middle !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform .container_wr .hm-itemform-form .hm-form-table tr:first-child > th,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform .container_wr .hm-itemform-form .hm-form-table tr:first-child > td {
    border-top: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform .container_wr .hm-itemform-form .hm-form-table tr > *:last-child {
    border-right: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform .container_wr .hm-itemform-form .hm-form-table th {
    background: #fafafb !important;
    width: 190px !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform .container_wr .hm-itemform-form .hm-form-table td {
    background: #fff !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform .container_wr .hm-itemform-form .hm-form-section > .hm-bottom-actions {
    background: #fff !important;
    border: 0 !important;
    border-top: 1px solid #dfe4ee !important;
    margin: 0 !important;
    padding: 14px 18px !important;
}

/* 상품 분류 폼은 HM 설정폼의 제목·표 단일 선 계약을 유지한다. */
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform.hm-page-categoryform .container_wr .hm-category-form .hm-form-section > .h2_frm {
    padding: 15px 18px 15px 12px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform.hm-page-categoryform .container_wr .hm-category-form .hm-form-table th,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform.hm-page-categoryform .container_wr .hm-category-form .hm-form-table td {
    padding: 12px !important;
    border: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform.hm-page-categoryform .container_wr .hm-category-form .hm-form-table tr:not(:last-child) > th,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform.hm-page-categoryform .container_wr .hm-category-form .hm-form-table tr:not(:last-child) > td {
    border-bottom: 1px solid #e6eaf1 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform.hm-page-categoryform .container_wr .hm-category-form .hm-form-table td {
    border-left: 1px solid #e6eaf1 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform.hm-page-categoryform .container_wr .hm-category-form .hm-form-table th {
    width: auto !important;
    background: #f0f5f9 !important;
    color: #1f2b3f !important;
    font-weight: 500 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform.hm-page-categoryform .container_wr .hm-category-form .hm-category-form-section--with-actions .hm-form-table tr:last-child > th,
body.hm-om-hm-admin.hm-gnu-body-restore #wrapper #container.hm-page-itemform.hm-page-categoryform .container_wr .hm-category-form .hm-category-form-section--with-actions .hm-form-table tr:last-child > td {
    border-bottom: 1px solid #e6eaf1 !important;
}

/* 관리권한 목록은 공통 외형을 재정의하지 않고 실제 데이터에 필요한 폭과 정렬만 지정한다. */
body.hm-om-hm-admin #container.hm-page-auth-list .hm-auth-search-input {
    width: 320px !important;
}

body.hm-om-hm-admin #container.hm-page-auth-list .hm-auth-list-table col.hm-auth-col-id {
    width: 20% !important;
}

body.hm-om-hm-admin #container.hm-page-auth-list .hm-auth-list-table col.hm-auth-col-nick {
    width: 20% !important;
}

body.hm-om-hm-admin #container.hm-page-auth-list .hm-auth-list-table col.hm-auth-col-menu {
    width: auto !important;
}

body.hm-om-hm-admin #container.hm-page-auth-list .hm-auth-list-table col.hm-auth-col-permission {
    width: 150px !important;
}

body.hm-om-hm-admin #container.hm-page-auth-list .hm-auth-list-table :is(.td_mbid, .td_auth_mbnick, .td_menu) {
    text-align: left !important;
}

body.hm-om-hm-admin #container.hm-page-auth-list .hm-auth-list-actions {
    justify-content: flex-start !important;
}

body.hm-om-hm-admin #container.hm-page-auth-list .hm-auth-add-area {
    margin-top: 35px !important;
}

body.hm-om-hm-admin #container.hm-page-auth-list .hm-auth-add-form,
body.hm-om-hm-admin #container.hm-page-auth-list .hm-auth-add-section,
body.hm-om-hm-admin #container.hm-page-auth-list .hm-auth-add-section .local_desc,
body.hm-om-hm-admin #container.hm-page-auth-list .hm-auth-add-section .hm-form-wrap,
body.hm-om-hm-admin #container.hm-page-auth-list .hm-auth-add-section .hm-form-table,
body.hm-om-hm-admin #container.hm-page-auth-list .hm-auth-add-section .hm-form-table th,
body.hm-om-hm-admin #container.hm-page-auth-list .hm-auth-add-section .hm-form-table td {
    border-radius: 0 !important;
}

/* 테마설정: GNU 테마 카드 복원 규칙보다 우선하는 HM 네이티브 목록. */
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr > .hm-theme-section {
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr > .hm-theme-section > .h2_frm {
    align-items: center !important;
    background: #fafafb !important;
    border: 0 !important;
    border-bottom: 1px solid #dfe4ee !important;
    color: #1f2b3f !important;
    display: flex !important;
    font-family:var(--hm-font-family) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    gap: 9px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 16px 18px !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr > .hm-theme-section > .h2_frm::before {
    background: #444b59 !important;
    border-radius: 0 !important;
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    height: 16px !important;
    width: 4px !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr .hm-theme-count {
    align-items: center !important;
    background: #eef2f7 !important;
    border: 1px solid #d7dde8 !important;
    border-radius: 0 !important;
    color: #5f6b7a !important;
    display: inline-flex !important;
    font-family: var(--hm-control-font) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    height: 24px !important;
    line-height: 22px !important;
    margin-left: 2px !important;
    padding: 0 8px !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list {
    display: grid !important;
    float: none !important;
    gap: 16px !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    list-style: none !important;
    margin: 0 !important;
    max-width: none !important;
    padding: 18px !important;
    position: static !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list::after,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list > li::after {
    content: none !important;
    display: none !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list > li.hm-theme-card {
    background: #fff !important;
    border: 1px solid #dfe4ee !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
    margin: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: auto !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list > li.hm-theme-card.is-active {
    border-color: var(--hm-om-accent, #435ffe) !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list > li .tmli_if {
    background: #f7f9fc !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list > li .tmli_if > img,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list > li .tmli_if:hover > img {
    aspect-ratio: 4 / 3 !important;
    display: block !important;
    height: auto !important;
    max-width: none !important;
    object-fit: cover !important;
    opacity: 1 !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list > li .tmli_tit {
    background: #fafafb !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-top: 1px solid #dfe4ee !important;
    position: static !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list > li .tmli_tit p {
    color: #1f2b3f !important;
    font-family: var(--hm-control-font) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    height: auto !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 12px 14px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .hm-theme-actions {
    align-items: center !important;
    background: #fff !important;
    border-top: 1px solid #dfe4ee !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: space-between !important;
    margin-top: auto !important;
    padding: 12px 14px !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .hm-theme-state-actions,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .hm-theme-preview-actions {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .theme_sl,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .theme_pr,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .theme_preview {
    align-items: center !important;
    border-radius: var(--hm-button-radius, 3px) !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    float: none !important;
    font-family: var(--hm-control-font) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    height: var(--hm-button-height, 36px) !important;
    justify-content: center !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-width: 70px !important;
    padding: 0 12px !important;
    position: static !important;
    text-decoration: none !important;
    width: auto !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .theme_active {
    background: #444b59 !important;
    border: 1px solid #444b59 !important;
    color: #fff !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .theme_deactive,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .theme_pr,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .theme_preview {
    background: #fff !important;
    border: 1px solid #aeb4c6 !important;
    color: #1b1e26 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .theme_sl_use {
    background: var(--hm-om-accent, #435ffe) !important;
    border: 1px solid var(--hm-om-accent, #435ffe) !important;
    color: #fff !important;
    cursor: default !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .theme_active:hover,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .theme_active:focus {
    background: #343b48 !important;
    border-color: #343b48 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .theme_deactive:hover,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .theme_deactive:focus,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .theme_pr:hover,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .theme_pr:focus,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .theme_preview:hover,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list .theme_preview:focus {
    border-color: #6f809a !important;
    color: #1b1e26 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr .hm-theme-empty {
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #6b7684 !important;
    font-family: var(--hm-control-font) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    padding: 56px 20px !important;
    text-align: center !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail {
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    height: auto !important;
    left: 50% !important;
    margin: 0 !important;
    max-height: calc(100vh - 40px) !important;
    max-width: calc(100vw - 80px) !important;
    overflow: auto !important;
    position: fixed !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 900px !important;
    z-index: 1200 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail::after {
    content: none !important;
    display: none !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail > h2 {
    background: #fafafb !important;
    border: 0 !important;
    border-bottom: 1px solid #dfe4ee !important;
    color: #1f2b3f !important;
    font-family:var(--hm-font-family) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    min-height: 52px !important;
    padding: 14px 170px 14px 20px !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail > h2 a {
    color: inherit !important;
    text-decoration: none !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .hm-theme-detail-body {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr) !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_img {
    box-sizing: border-box !important;
    float: none !important;
    padding: 20px !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_img img {
    border: 1px solid #dfe4ee !important;
    display: block !important;
    height: auto !important;
    max-height: 500px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_if {
    box-sizing: border-box !important;
    color: #364152 !important;
    float: none !important;
    font-family: var(--hm-control-font) !important;
    font-size: 13px !important;
    padding: 20px 20px 20px 0 !important;
    width: auto !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_if > p {
    color: #5f6b7a !important;
    font-family: var(--hm-control-font) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_if table {
    border: 1px solid #dfe4ee !important;
    border-collapse: separate !important;
    border-radius: 0 !important;
    border-spacing: 0 !important;
    box-shadow: none !important;
    font-family: var(--hm-control-font) !important;
    font-size: 12px !important;
    margin: 16px 0 0 !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_if table th,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_if table td {
    border: 0 !important;
    border-bottom: 1px solid #dfe4ee !important;
    color: #364152 !important;
    font-family: var(--hm-control-font) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    padding: 9px 10px !important;
    text-align: left !important;
    vertical-align: top !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_if table th {
    background: #fafafb !important;
    border-right: 1px solid #dfe4ee !important;
    font-weight: 700 !important;
    width: 80px !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_if table td {
    background: #fff !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_if table tr:last-child > th,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_if table tr:last-child > td {
    border-bottom: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_if table td a {
    color: #364152 !important;
    text-decoration: underline !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_btn {
    align-items: center !important;
    background: transparent !important;
    display: flex !important;
    gap: 6px !important;
    position: absolute !important;
    right: 10px !important;
    top: 8px !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_btn .theme_pr,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_btn .close_btn {
    align-items: center !important;
    background-color: #fff !important;
    border: 1px solid #aeb4c6 !important;
    border-radius: var(--hm-button-radius, 3px) !important;
    box-sizing: border-box !important;
    color: #1b1e26 !important;
    display: inline-flex !important;
    float: none !important;
    font-family: var(--hm-control-font) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    height: 36px !important;
    justify-content: center !important;
    line-height: 34px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    text-decoration: none !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_btn .close_btn {
    background: #fff url('/hm_admin/img/close.png') 50% 50% no-repeat !important;
    min-width: 36px !important;
    overflow: hidden !important;
    padding: 0 !important;
    text-indent: -9999px !important;
    width: 36px !important;
}

body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_btn .theme_pr:hover,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_btn .theme_pr:focus,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_btn .close_btn:hover,
body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_btn .close_btn:focus {
    background-color: #f7f9fc !important;
    border-color: #6f809a !important;
}

@media (max-width: 900px) {
    body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_list.hm-theme-list {
        grid-template-columns: 1fr !important;
    }

    body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail {
        max-width: calc(100vw - 32px) !important;
    }

    body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .hm-theme-detail-body {
        grid-template-columns: 1fr !important;
    }

    body.hm-om-hm-admin.hm-gnu-body-restore.hm-gnu-theme-body #container .container_wr #theme_detail .theme_dt_if {
        padding: 0 20px 20px !important;
    }
}

@media (max-width: 1280px) {
    body.hm-om-hm-admin #container_title.hm-title-area.hm-title-with-subtitle,
    body.hm-om-hm-admin #container.container-small #container_title.hm-title-area.hm-title-with-subtitle {
        flex-wrap: wrap !important;
        font-size: 20px !important;
        gap: 6px !important;
    }

    body.hm-om-hm-admin #container_title.hm-title-area.hm-title-with-subtitle::after,
    body.hm-om-hm-admin #container.container-small #container_title.hm-title-area.hm-title-with-subtitle::after {
        display: block !important;
        padding-bottom: 0 !important;
        width: 100% !important;
    }
}

/* HM 메일 테스트는 전용 마크업의 외곽선과 제목 하단선만 사용한다.
 * GNU local_desc·fieldset 선택자가 매칭되지 않도록 PHP가 HM 전용 클래스를
 * 출력하며, 기존 #fsendmailtest의 50px margin도 함께 초기화한다. */
body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr > .hm-sendmail-section {
    background: #fff !important;
    border: 1px solid var(--hm-adm-td-border-color, #d1d6db) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    margin: 0 0 18px !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr > .hm-sendmail-section > .hm-sendmail-section-title {
    align-items: center !important;
    background: #fafafb !important;
    border: 0 !important;
    border-bottom: 1px solid #dfe4ee !important;
    color: #1f2b3f !important;
    display: flex !important;
    font-family:var(--hm-font-family) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    gap: 9px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 16px 18px !important;
}

body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr > .hm-sendmail-section > .hm-sendmail-section-title::before {
    background: #444b59 !important;
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    height: 16px !important;
    width: 4px !important;
}

body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr > .hm-sendmail-section > .hm-sendmail-description,
body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr > .hm-sendmail-section > .hm-sendmail-form,
body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr > .hm-sendmail-section > .hm-sendmail-result-list {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    outline: 0 !important;
    width: auto !important;
}

body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr > .hm-sendmail-section > .hm-sendmail-description {
    color: #111 !important;
    font-family: var(--hm-control-font) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    padding: 18px !important;
}

body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr > .hm-sendmail-section > .hm-sendmail-description p {
    margin: 0 !important;
    padding: 0 !important;
}

body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr > .hm-sendmail-section > .hm-sendmail-form {
    padding: 28px 18px !important;
}

body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr #fsendmailtest.hm-sendmail-fields {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 150px minmax(0, 1fr) auto !important;
    margin: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr #fsendmailtest.hm-sendmail-fields legend {
    display: none !important;
}

body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr #fsendmailtest.hm-sendmail-fields label {
    color: #111 !important;
    font-family: var(--hm-control-font) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr #fsendmailtest.hm-sendmail-fields #email {
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
}

body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr #fsendmailtest.hm-sendmail-fields .btn_submit {
    background: #444b59 !important;
    border: 0 !important;
    border-radius: var(--hm-button-radius, 3px) !important;
    color: #fff !important;
    font-family: var(--hm-control-font) !important;
    font-size: var(--hm-control-font-size) !important;
    font-weight: 400 !important;
    height: var(--hm-button-height, 36px) !important;
    min-width: 72px !important;
}

body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr > .hm-sendmail-section > .hm-sendmail-result-list {
    color: #364152 !important;
    list-style: none !important;
    max-height: 260px !important;
    overflow: auto !important;
    padding: 0 18px 18px !important;
}

body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr > .hm-sendmail-section > .hm-sendmail-result-list li {
    font-family: var(--hm-control-font) !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
    word-break: break-all !important;
}

@media (max-width: 900px) {
    body.hm-om-hm-admin.hm-gnu-sendmail-body #container .container_wr #fsendmailtest.hm-sendmail-fields {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================
   Root hm_design.md contract
   Native pages use this shared structure. Legacy and native page typography
   both consume the shared font tokens.
   ========================================================== */
:root {
    --hm-font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --hm-title-font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --hm-gnu-local-body-font-family: "나눔고딕", "Malgun Gothic", "맑은 고딕", "Apple SD Gothic Neo", sans-serif;
    --hm-api-body-font-family: "HM Nanum Gothic", "Nanum Gothic", "나눔고딕", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
    --hm-page-background: #f3f5f7;
    --hm-surface: #ffffff;
    --hm-header-background: #fafafb;
    --hm-text: #1f2b3f;
    --hm-text-strong: #111111;
    --hm-text-muted: #5d677a;
    --hm-text-disabled: #8a94a6;
    --hm-border: #dfe4ee;
    --hm-input-border: #cfd6e2;
    --hm-control-border: #aeb4c6;
    --hm-primary: #444b59;
    --hm-primary-text: #ffffff;
    --hm-accent: #4d6cff;
    --hm-danger: #e5484d;
    --hm-success: #1f8a55;
    --hm-warning: #a16207;
    --hm-page-title-x: 22px;
    --hm-page-title-y: 30px;
    --hm-page-body-x: 20px;
    --hm-page-body-bottom: 30px;
    --hm-panel-gap: 20px;
    --hm-control-height: 34px;
    --hm-button-height: 36px;
    --hm-radius-panel: 0;
    --hm-radius-control: 0;
    --hm-radius-button: 3px;
}

/*
 * The server assigns exactly one typography scope to #container. This file is
 * the sole owner of shared HM typography; page styles consume these tokens.
 */
#container.hm-general-page {
    --hm-font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --hm-adm-font: var(--hm-font-family);
    --hm-adm-th-font: var(--hm-font-family);
    --hm-adm-td-font: var(--hm-font-family);
    --hm-control-font: var(--hm-font-family);
    font-family: var(--hm-font-family);
}

#container.hm-api-page {
    --hm-font-family: var(--hm-api-body-font-family);
    --hm-adm-font: var(--hm-api-body-font-family);
    --hm-adm-th-font: var(--hm-api-body-font-family);
    --hm-adm-td-font: var(--hm-api-body-font-family);
    --hm-control-font: var(--hm-api-body-font-family);
    font-family: var(--hm-font-family);
}

/* GNU hm-core.css owns the API title area at 25px above and below the title.
 * Keep this at the API scope so general HM administrator pages retain their
 * own spacing and individual API files do not add competing title patches. */
#container.hm-api-page .hm-admin-page {
    --hm-page-title-y: 25px;
}

/* GNU hm-list.css gives ordinary API notice panels one shared 15px inner
 * gutter. Keep spacing at the API scope so page CSS only describes content,
 * while status variants may still change their semantic colors. */
body.hm-om-hm-admin #container.hm-api-page .hm-admin-page .hm-notice-panel {
    margin: 0 0 20px !important;
    padding: 15px !important;
}

/*
 * Range-level enforcement wins over legacy/page declarations without adding
 * page-specific font patches. Icon fonts and code samples keep their own face.
 */
body.hm-om-hm-admin #wrapper #container#container:is(.hm-general-page, .hm-api-page):not(.hm-admin-dashboard) :where(
    *:not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(code):not(pre):not(kbd):not(samp)
) {
    font-family: var(--hm-font-family) !important;
}

body.hm-om-hm-admin #wrapper #container#container:is(.hm-general-page, .hm-api-page):not(.hm-admin-dashboard) :is(button, input, select, textarea) {
    font-family: var(--hm-control-font) !important;
}

body.hm-om-hm-admin #wrapper #container#container:is(.hm-general-page, .hm-api-page) > #container_title,
body.hm-om-hm-admin #wrapper #container#container:is(.hm-general-page, .hm-api-page) .hm-page-title {
    font-family: var(--hm-title-font-family) !important;
}

body.hm-om-hm-admin #container.hm-native-page-container {
    min-width: 0 !important;
}

/* Scoped native pages let .hm-page-body own the single 20px horizontal gutter. */
body.hm-om-hm-admin #wrapper #container:is(.hm-general-page, .hm-api-page).hm-native-page-container > .hm-native-page-shell {
    min-width: 0 !important;
    padding: 0 !important;
}

.hm-admin-page,
.hm-admin-page * {
    box-sizing: border-box;
}

.hm-admin-page {
    min-width: 0;
    margin: 0;
    background: var(--hm-page-background);
    color: var(--hm-text);
    font-family: var(--hm-font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
}

.hm-admin-page :is(button, input, select, textarea) {
    font: inherit;
}

.hm-page-header {
    display: flex;
    align-items: flex-end;
    min-width: 0;
    padding: var(--hm-page-title-y) var(--hm-page-title-x);
}

.hm-page-heading {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.hm-page-title {
    margin: 0;
    color: var(--hm-text);
    font-family: var(--hm-title-font-family);
    font-size: 22px;
    font-weight: 900;
    line-height: 1.15;
}

.hm-page-subtitle {
    margin: 0 0 2px;
    color: #2f3e58;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
}

.hm-page-body {
    min-width: 0;
    padding: 0 var(--hm-page-body-x) var(--hm-page-body-bottom);
}

.hm-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.hm-notice-panel,
.hm-search-panel,
.hm-list-panel,
.hm-form-section {
    min-width: 0;
    border: 1px solid var(--hm-border);
    border-radius: var(--hm-radius-panel);
    background: var(--hm-surface);
}

.hm-notice-panel {
    margin: 0 0 var(--hm-panel-gap);
    padding: 12px 18px;
}

.hm-search-block {
    margin: 0 0 var(--hm-panel-gap);
}

.hm-search-form,
.hm-form {
    margin: 0;
}

.hm-search-actions,
.hm-form-actions,
.hm-page-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    border: 0;
    background: transparent;
}

.hm-search-actions {
    padding: 14px 0 18px;
}

.hm-form-actions,
.hm-page-actions {
    margin: 20px 0 0;
    padding: 0;
}

body.hm-om-hm-admin #wrapper #container .hm-page-save-actions {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    bottom: 0;
    box-shadow: none !important;
    box-sizing: border-box;
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center !important;
    margin: 24px 0 0 !important;
    padding: 14px 0 0 !important;
    position: sticky !important;
    text-align: center;
    width: 100%;
    z-index: 30;
}

body.hm-om-hm-admin #wrapper #container .hm-page-save-actions .hm-page-save-button,
body.hm-om-hm-admin #wrapper #container .hm-page-save-actions .hm-page-save-button:link,
body.hm-om-hm-admin #wrapper #container .hm-page-save-actions .hm-page-save-button:visited,
body.hm-om-hm-admin #wrapper #container .hm-page-save-actions .hm-page-save-button:hover,
body.hm-om-hm-admin #wrapper #container .hm-page-save-actions .hm-page-save-button:focus,
body.hm-om-hm-admin #wrapper #container :is(.hm-bottom-actions, .hm-form-actions, .btn_confirm01.btn_confirm) :is(button, input):is(.btn_submit, .hm-button--primary) {
    align-items: center;
    appearance: none;
    background: #465fff !important;
    border: 0 !important;
    border-radius: 3px !important;
    box-sizing: border-box;
    color: #fff !important;
    cursor: pointer;
    display: inline-flex !important;
    flex: 0 1 220px;
    font-family: var(--hm-control-font, "HM Nanum Gothic", "Nanum Gothic", "나눔고딕", sans-serif) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    height: 46px !important;
    justify-content: center;
    line-height: 34px !important;
    max-width: 100%;
    min-height: 46px !important;
    min-width: 220px !important;
    padding: 0 14px !important;
    text-decoration: none !important;
    width: 220px;
}

body.hm-om-hm-admin #wrapper #container :is(.hm-bottom-actions, .btn_confirm01.btn_confirm):has(> :is(button, input):is(.btn_submit, .hm-button--primary)) {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    text-align: center;
}

body.hm-om-hm-admin #wrapper #container .hm-page-save-actions .hm-page-save-button:disabled,
body.hm-om-hm-admin #wrapper #container :is(.hm-bottom-actions, .hm-form-actions, .btn_confirm01.btn_confirm) :is(button, input):is(.btn_submit, .hm-button--primary):disabled {
    cursor: default;
    opacity: .55;
}

.hm-table-scroll {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.hm-search-table,
.hm-list-table,
.hm-form-table {
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    background: var(--hm-surface);
}

.hm-list-table {
    min-width: var(--hm-table-min-width, 760px);
    table-layout: fixed;
}

.hm-search-table > :is(thead, tbody, tfoot) > tr > *,
.hm-list-table > :is(thead, tbody, tfoot) > tr > *,
.hm-form-table > :is(thead, tbody, tfoot) > tr > * {
    border: 0;
    border-bottom: 1px solid var(--hm-border);
}

.hm-search-table > :is(thead, tbody, tfoot) > tr > * + *,
.hm-list-table > :is(thead, tbody, tfoot) > tr > * + *,
.hm-form-table > :is(thead, tbody, tfoot) > tr > * + * {
    border-left: 1px solid var(--hm-border);
}

.hm-search-table > :last-child > tr:last-child > *,
.hm-list-table > :last-child > tr:last-child > *,
.hm-form-table > :last-child > tr:last-child > * {
    border-bottom: 0;
}

.hm-search-label-column {
    width: 154px;
}

.hm-search-table th,
.hm-search-table td {
    height: 44px;
    padding: 8px;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 400;
}

.hm-search-table th,
.hm-form-table th {
    background: var(--hm-header-background);
    color: var(--hm-text-strong);
    text-align: left;
    font-weight: 400;
}

.hm-search-table td,
.hm-form-table td {
    background: var(--hm-surface);
}

.hm-list-table th,
.hm-list-table td {
    text-align: center;
    vertical-align: middle;
}

.hm-list-table thead tr:not(.hm-list-meta-row) th {
    padding: 14px 8px;
    background: var(--hm-header-background);
    color: var(--hm-text-strong);
    font-weight: 400;
    line-height: 1.2;
}

.hm-list-table tbody td,
.hm-list-table tfoot th,
.hm-list-table tfoot td {
    padding: 12px 8px;
    background: var(--hm-surface);
    color: var(--hm-text);
    line-height: 1.5;
}

.hm-list-meta-row th {
    padding: 10px 12px;
    background: var(--hm-surface);
    font-weight: 400;
}

.hm-list-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 12px;
    text-align: left;
}

.hm-list-size-control {
    margin-left: auto;
}

.hm-field-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 8px;
}

.hm-field-group label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.hm-input,
.hm-select,
.hm-textarea {
    max-width: 100%;
    border: 1px solid var(--hm-input-border);
    border-radius: var(--hm-radius-control);
    background: var(--hm-surface);
    color: var(--hm-text-strong);
    font-family: var(--hm-font-family);
    font-size: 13px;
}

.hm-input,
.hm-select {
    height: var(--hm-control-height);
    padding: 0 10px;
}

.hm-select {
    min-width: 110px;
}

.hm-select--small {
    min-width: 130px;
    height: 30px;
}

.hm-input--medium {
    width: 280px;
}

.hm-input--wide {
    width: 420px;
}

.hm-textarea {
    width: min(100%, 720px);
    min-height: 120px;
    padding: 10px;
    resize: vertical;
}

.hm-input:focus,
.hm-select:focus,
.hm-textarea:focus,
.hm-button:focus-visible,
.hm-page-link:focus-visible {
    outline: 2px solid var(--hm-accent);
    outline-offset: 1px;
}

.hm-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 72px;
    height: var(--hm-button-height);
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: var(--hm-radius-button);
    font-family: var(--hm-font-family);
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.hm-button--primary {
    border-color: var(--hm-primary);
    background: var(--hm-primary);
    color: var(--hm-primary-text);
}

.hm-button--secondary {
    border-color: var(--hm-control-border);
    background: var(--hm-surface);
    color: var(--hm-text);
}

.hm-button--danger {
    border-color: var(--hm-danger);
    background: var(--hm-danger);
    color: #ffffff;
}

.hm-button--small {
    min-width: 0;
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
}

.hm-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
    margin: 35px 0 0;
}

.hm-pagination a,
.hm-pagination strong,
.hm-page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    border: 1px solid var(--hm-input-border);
    border-radius: var(--hm-radius-button);
    background: var(--hm-surface);
    color: var(--hm-text);
    text-decoration: none;
    font-weight: 400;
}

.hm-pagination .pg_current,
.hm-page-link.is-current {
    border-color: var(--hm-primary);
    background: var(--hm-primary);
    color: var(--hm-primary-text);
}

.hm-empty-state {
    height: 220px;
    padding: 0 20px;
    color: var(--hm-text-muted);
    text-align: center;
    vertical-align: middle;
}

@media (max-width: 900px) {
    .hm-page-header {
        padding: 24px 12px;
    }

    .hm-page-body {
        padding-right: 12px;
        padding-left: 12px;
    }

    .hm-page-heading {
        display: block;
    }

    .hm-page-title {
        font-size: 20px;
    }

    .hm-page-subtitle {
        margin-top: 6px;
    }

    .hm-search-label-column {
        width: 120px;
    }

    .hm-input--wide {
        width: 100%;
    }
}

.hm-form-section {
    margin: 0 0 var(--hm-panel-gap);
    padding: 0 18px 18px;
}

.hm-form-section-header {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 16px;
    padding: 16px 0 12px;
    border-bottom: 1px solid var(--hm-border);
}

.hm-section-title {
    margin: 0;
    color: var(--hm-text-strong);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}

.hm-section-subtitle {
    margin: 0;
    color: var(--hm-text-muted);
    font-size: 13px;
    font-weight: 400;
}

.hm-description {
    margin: 0 0 14px;
    color: var(--hm-text-muted);
}

.hm-description p,
.hm-description ul {
    margin: 0 0 6px;
}

.hm-description p:last-child,
.hm-description ul:last-child {
    margin-bottom: 0;
}

.hm-description--warning {
    color: var(--hm-warning);
}

.hm-form-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.hm-form-table th,
.hm-form-table td {
    padding: 12px;
    text-align: left;
    vertical-align: middle;
}

.hm-form-table th {
    width: 180px;
    background: var(--hm-header-background);
    color: var(--hm-text-strong);
    font-weight: 400;
}

.hm-form-table thead th {
    width: auto;
}

.hm-config-license-actions {
    margin-top: 16px;
}

.hm-config-choice-table td {
    width: 50%;
}

.hm-config-choice {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 76px;
    padding: 12px;
    border: 1px solid var(--hm-border);
    background: var(--hm-surface);
    cursor: pointer;
}

.hm-config-choice.is-selected {
    border-color: var(--hm-accent);
    background: #f7f8ff;
}

.hm-config-choice input[type="radio"] {
    flex: 0 0 auto;
}

.hm-config-choice-code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    height: 36px;
    border: 1px solid var(--hm-control-border);
    border-radius: var(--hm-radius-button);
    color: var(--hm-text-strong);
    font-size: 12px;
    font-weight: 700;
}

.hm-config-choice-body {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.hm-config-choice-body strong {
    color: var(--hm-text-strong);
    font-weight: 700;
}

.hm-config-choice-body em {
    color: var(--hm-text-muted);
    font-size: 12px;
    font-style: normal;
}

@media (max-width: 900px) {
    .hm-config-choice-table td {
        display: block;
        width: 100%;
    }

    .hm-form-table th {
        width: 130px;
    }
}

/* ==========================================================
   HM administrator select contract
   GNU reference: /adm/css/hm/hm-select.css
   ========================================================== */
@layer hm-admin-select-contract {
    html body #container select:not([multiple]):not([size]),
    html body #container select:not([multiple])[size="1"] {
        box-sizing: border-box !important;
        min-height: 34px !important;
        height: 34px !important;
        padding: 0 30px 0 10px !important;
        border: 1px solid #cfd6e2 !important;
        border-radius: 0 !important;
        background-color: #fff !important;
        background-image: url("hm/img/chevron-down1.svg") !important;
        background-repeat: no-repeat !important;
        background-position: right 8px center !important;
        background-size: 16px 16px !important;
        color: #1f2b3f !important;
        -webkit-text-fill-color: #1f2b3f !important;
        font-family: var(--hm-control-font) !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 32px !important;
        text-align: left !important;
        text-indent: 0 !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        vertical-align: middle !important;
    }

    html body #container .hm-search-table select:not([multiple]):not([size]),
    html body #container .hm-search-table select:not([multiple])[size="1"] {
        min-width: 110px !important;
    }

    html body #container .hm-list-meta-controls select:not([multiple]):not([size]),
    html body #container .hm-list-meta-controls select:not([multiple])[size="1"] {
        min-height: 36px !important;
        height: 36px !important;
        line-height: 34px !important;
    }

    html body #container select:not([multiple]):not([size]):focus,
    html body #container select:not([multiple])[size="1"]:focus {
        border-color: #2f7fd8 !important;
        outline: 0 !important;
    }
}

html body #container select[multiple],
html body #container select[size]:not([size="1"]) {
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    background-image: none !important;
    padding: 4px 8px !important;
}