@layer hm-admin-work-override;

/* changsu start: iPhone 12 Pro 390x844 기준 관리자 공통 모바일 레이아웃 */

/* 발주 목록 동적 송장 레이어는 기존 기본 CSS가 없어 공통 파일에서 보완한다. */
#container.hm-purchase-page.hm-purchase-ex-order-list .ex-modal {
    position:fixed;
    inset:0;
    z-index:1300;
    display:flex;
    align-items:center;
    justify-content:center;
}

#container.hm-purchase-page.hm-purchase-ex-order-list .ex-modal-backdrop {
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.46);
}
#container.hm-purchase-page.hm-purchase-ex-order-list .ex-modal-body {
    position:relative;
    z-index:1;
    width:min(420px, calc(100% - 32px));
    padding:20px;
    border:1px solid #d8dee9;
    background:#fff;
    box-shadow:0 18px 44px rgba(15,23,42,.22);
    box-sizing:border-box;
}
#container.hm-purchase-page.hm-purchase-ex-order-list .ex-modal-body label {
    display:block;
    margin:0 0 12px;
    color:#111;
}
#container.hm-purchase-page.hm-purchase-ex-order-list .ex-modal-body :is(select,input) {
    display:block;
    width:100%;
    height:40px;
    margin-top:5px;
    box-sizing:border-box;
}
#container.hm-purchase-page.hm-purchase-ex-order-list .ex-modal-actions {
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin-top:16px;
}

.hm-admin-mobile-menu-button,
.hm-admin-mobile-menu-close,
.hm-admin-mobile-menu-backdrop,
.hm-admin-mobile-filter-toggle,
.hm-admin-mobile-card-toggle,
.hm-admin-mobile-card-detail,
.hm-admin-mobile-card-quick-toggle,
td.hm-admin-mobile-card-toggle-cell,
td.hm-admin-mobile-card-nav-cell {
    display:none !important;
}

@media screen and (max-width:767px) {
    :root {
        --hm-admin-mobile-header:52px;
        --hm-admin-mobile-header-search-height:34px;
        --hm-admin-mobile-gutter:12px;
        --hm-admin-mobile-touch:44px;
        --hm-admin-mobile-button-height:36px;
        --hm-admin-mobile-vh:100dvh;
    }

    html,
    body {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        overflow-x:hidden !important;
        -webkit-text-size-adjust:100%;
    }
    body.hm-admin-mobile-menu-open,
    body.hm-admin-mobile-layer-open {
        overflow:hidden !important;
        touch-action:none;
    }
body.hm-admin-mobile-menu-open #hd {
        position:fixed !important;
        z-index:1202 !important;
    }
    /* changsu start: iOS 메뉴 합성 중 본문 이미지가 비치지 않도록 배경 렌더링 자체를 차단 */
    body.hm-admin-mobile-menu-open #wrapper {
        visibility:hidden !important;
        pointer-events:none !important;
    }
    /* changsu end */
    #wrapper {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        overflow:visible !important;
    }

    /* 상단 헤더 */
    #hd_top {
        top:0 !important;
        left:0 !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        height:var(--hm-admin-mobile-header) !important;
        padding:0 10px 0 58px !important;
        border-bottom:1px solid #dfe4ee !important;
        background:#fff !important;
        box-sizing:border-box !important;
        z-index:1100 !important;
    }
    #hd.hm-admin-has-notice #hd_top {
        top:50px !important;
    }
    #hd_top #logo,
    #hd_top #logo.logo_small {
        display:flex !important;
        align-items:center !important;
        float:none !important;
        height:100% !important;
        margin:0 !important;
        padding:0 !important;
    }
    #hd_top #logo a {
        display:flex !important;
        align-items:center !important;
        height:100% !important;
        color:#111 !important;
        font-size:15px !important;
    }
    #hd_top .top_gnb_wrap {
        display:none !important;
    }
    #hd_top .hm-admin-top-tools {
        position:absolute !important;
        top:0 !important;
        left:112px !important;
        right:6px !important;
        display:flex !important;
        align-items:center !important;
        gap:5px !important;
        width:auto !important;
        min-width:0 !important;
        height:100% !important;
        margin:0 !important;
    }
    #hd_top .hm-admin-product-search {
        display:flex !important;
        align-items:stretch !important;
        flex:1 1 auto !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
        height:var(--hm-admin-mobile-header-search-height) !important;
        margin:0 !important;
    }
    #hd_top .hm-admin-product-search select {
        flex:0 0 58px !important;
        width:58px !important;
        min-width:0 !important;
        height:var(--hm-admin-mobile-header-search-height) !important;
        padding:0 22px 0 7px !important;
        font-size:13px !important;
        line-height:32px !important;
    }
    #hd_top .hm-admin-product-search input {
        flex:1 1 auto !important;
        width:0 !important;
        min-width:0 !important;
        height:var(--hm-admin-mobile-header-search-height) !important;
        padding:0 7px !important;
        font-size:13px !important;
        line-height:32px !important;
    }
    #hd_top .hm-admin-product-search button {
        flex:0 0 44px !important;
        width:44px !important;
        min-width:44px !important;
        height:var(--hm-admin-mobile-header-search-height) !important;
        padding:0 !important;
        font-size:13px !important;
        line-height:32px !important;
    }
    #hd_top #tnb,
    #hd_top #tnb > ul {
        display:flex !important;
        align-items:center !important;
        flex:0 0 auto !important;
        gap:0 !important;
        height:100% !important;
        margin:0 !important;
    }
    #hd_top #tnb > ul > li > a {
        height:44px !important;
        padding:0 3px !important;
        color:#111 !important;
        font-size:13px !important;
        line-height:44px !important;
        white-space:nowrap !important;
    }
    #hd_top .hm-admin-shop-link,
    #hd_top .hm-api-order-alert {
        display:none !important;
    }
    .hm-admin-mobile-menu-button {
        position:absolute !important;
        top:6px !important;
        left:8px !important;
        z-index:2 !important;
        display:block !important;
        width:40px !important;
        height:40px !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        cursor:pointer !important;
    }
    .hm-admin-mobile-menu-button > span[aria-hidden="true"],
    .hm-admin-mobile-menu-button > span[aria-hidden="true"]::before,
    .hm-admin-mobile-menu-button > span[aria-hidden="true"]::after {
        position:absolute;
        left:9px;
        width:22px;
        height:2px;
        background:#111;
        content:"";
    }
    .hm-admin-mobile-menu-button > span[aria-hidden="true"] { top:19px; }
    .hm-admin-mobile-menu-button > span[aria-hidden="true"]::before { top:-7px; left:0; }
    .hm-admin-mobile-menu-button > span[aria-hidden="true"]::after { top:7px; left:0; }

    /* off-canvas 좌측 메뉴 */
    html body.hm-om-hm-admin.hm-admin-mobile #gnb,
    html body.hm-om-hm-admin.hm-admin-mobile #gnb.gnb_large,
    html body.hm-om-hm-admin.hm-admin-mobile #gnb.gnb_small {
        position:fixed !important;
        top:var(--hm-admin-mobile-header) !important;
        left:0 !important;
        z-index:1201 !important;
        width:100vw !important;
        max-width:100% !important;
        height:calc(var(--hm-admin-mobile-vh) - var(--hm-admin-mobile-header)) !important;
        min-height:0 !important;
        padding:0 !important;
        background-color:#2f4162 !important;
        background-image:none !important;
        box-shadow:10px 0 34px rgba(15,23,42,.25) !important;
        opacity:1 !important;
        isolation:isolate !important;
        -webkit-backface-visibility:hidden !important;
        backface-visibility:hidden !important;
        transform:translate3d(-105%,0,0) !important;
        transition:none !important;
        overflow:hidden !important;
    }
    html body.hm-om-hm-admin.hm-admin-mobile #hd.hm-admin-has-notice #gnb {
        top:calc(var(--hm-admin-mobile-header) + 50px) !important;
        height:calc(var(--hm-admin-mobile-vh) - var(--hm-admin-mobile-header) - 50px) !important;
    }
    html body.hm-om-hm-admin.hm-admin-mobile.hm-admin-mobile-menu-open #gnb {
        transform:translate3d(0,0,0) !important;
    }
    html body.hm-om-hm-admin.hm-admin-mobile #gnb .gnb_ul,
    html body.hm-om-hm-admin.hm-admin-mobile #gnb.gnb_small .gnb_ul {
        position:relative !important;
        isolation:isolate !important;
        display:block !important;
        width:100% !important;
        height:100% !important;
        margin:0 !important;
        padding:0 0 20px !important;
        background-color:#2f4162 !important;
        background-image:none !important;
        box-shadow:inset 64px 0 0 #1c2a45 !important;
        opacity:1 !important;
        overflow-x:hidden !important;
        overflow-y:auto !important;
        box-sizing:border-box !important;
        -webkit-overflow-scrolling:touch;
    }
    html body.hm-om-hm-admin.hm-admin-mobile #gnb .gnb_li {
        width:64px !important;
        border:0 !important;
    }
    html body.hm-om-hm-admin.hm-admin-mobile #gnb .gnb_li > .btn_op {
        display:block !important;
        width:64px !important;
        height:52px !important;
        background-color:#1c2a45 !important;
    }
    html body.hm-om-hm-admin.hm-admin-mobile #gnb .gnb_li.on > .btn_op {
        background-color:#304565 !important;
    }
    html body.hm-om-hm-admin.hm-admin-mobile #gnb .gnb_oparea_wr {
        position:static !important;
    }
    html body.hm-om-hm-admin.hm-admin-mobile #gnb .gnb_oparea,
    html body.hm-om-hm-admin.hm-admin-mobile #gnb.gnb_small .gnb_oparea {
        position:absolute !important;
        top:0 !important;
        left:64px !important;
        display:none !important;
        width:calc(100vw - 64px) !important;
        height:100% !important;
        padding:14px 16px 40px !important;
        border:0 !important;
        background:#2f4162 !important;
        background-image:none !important;
        box-shadow:none !important;
        opacity:1 !important;
        isolation:isolate !important;
        overflow-x:hidden !important;
        overflow-y:auto !important;
        box-sizing:border-box !important;
        -webkit-overflow-scrolling:touch;
    }
    html body.hm-om-hm-admin.hm-admin-mobile #gnb .gnb_li.on .gnb_oparea,
    html body.hm-om-hm-admin.hm-admin-mobile #gnb.gnb_small .gnb_li.on .gnb_oparea {
        display:block !important;
    }
    html body.hm-om-hm-admin.hm-admin-mobile #gnb .gnb_oparea h3 {
        margin:0 36px 8px 0 !important;
        color:#fff !important;
        font-size:16px !important;
        line-height:24px !important;
    }
    html body.hm-om-hm-admin.hm-admin-mobile #gnb .gnb_oparea ul {
        padding:0 0 40px !important;
    }
    html body.hm-om-hm-admin.hm-admin-mobile #gnb .gnb_oparea li {
        line-height:1.35 !important;
    }
    html body.hm-om-hm-admin.hm-admin-mobile #gnb .gnb_oparea li a {
        display:flex !important;
        align-items:center !important;
        width:auto !important;
        max-width:none !important;
        min-height:38px !important;
        margin:0 -16px !important;
        padding:7px 12px 7px 16px !important;
        color:#e8edf5 !important;
        font-size:14px !important;
        box-sizing:border-box !important;
    }
    html body.hm-public-demo-admin-screen.hm-om-hm-admin.hm-admin-mobile #gnb .gnb_oparea li.hm-demo-menu-name-only > span {
        display:flex !important;
        align-items:center !important;
        width:auto !important;
        max-width:none !important;
        min-height:38px !important;
        margin:0 -16px !important;
        padding:7px 12px 7px 16px !important;
        font-size:14px !important;
        line-height:1.35 !important;
        box-sizing:border-box !important;
    }
    html body.hm-om-hm-admin.hm-admin-mobile #gnb .gnb_oparea li[data-menu="000000"] {
        height:1px !important;
        min-height:0 !important;
        margin:8px 0 !important;
        line-height:0 !important;
        overflow:hidden !important;
    }
    html body.hm-om-hm-admin.hm-admin-mobile #gnb .gnb_oparea li[data-menu="000000"] a {
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        height:1px !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
        line-height:0 !important;
    }
    html body.hm-om-hm-admin.hm-admin-mobile #gnb .gnb_oparea li a.on {
        color:#fff !important;
        text-decoration:underline !important;
        text-underline-offset:4px !important;
    }
    html body.hm-om-hm-admin.hm-admin-mobile #gnb .hm-admin-mobile-menu-close {
        position:absolute !important;
        top:6px !important;
        right:8px !important;
        z-index:4 !important;
        display:block !important;
        width:38px !important;
        height:38px !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        color:#fff !important;
        font-size:28px !important;
        line-height:38px !important;
        cursor:pointer !important;
    }
    .hm-admin-mobile-menu-backdrop {
        position:fixed !important;
        inset:0 !important;
        z-index:1101 !important;
        display:block !important;
        width:100vw !important;
        height:var(--hm-admin-mobile-vh) !important;
        padding:0 !important;
        border:0 !important;
        background:rgba(15,23,42,.42) !important;
        opacity:0 !important;
        pointer-events:none !important;
        transition:opacity .2s ease !important;
    }
    body.hm-admin-mobile-menu-open .hm-admin-mobile-menu-backdrop {
        opacity:1 !important;
        pointer-events:auto !important;
    }

    /* 본문 골격 */
    html body #container#container,
    html body #container#container.hm-page,
    html body #container#container.container-small,
    html body #container#container.hm-page.container-small {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin-top:var(--hm-admin-mobile-header) !important;
        padding:0 !important;
        box-sizing:border-box !important;
        overflow:visible !important;
    }
    #hd.hm-admin-has-notice ~ #wrapper #container {
        margin-top:calc(var(--hm-admin-mobile-header) + 50px) !important;
    }
    html body #container#container #container_title,
    html body #container#container.container-small #container_title {
        position:relative !important;
        top:auto !important;
        left:auto !important;
        width:auto !important;
        min-width:0 !important;
        margin:0 var(--hm-admin-mobile-gutter) !important;
        padding:15px 0 10px !important;
        color:#111 !important;
        font-size:18px !important;
        line-height:1.35 !important;
        box-sizing:border-box !important;
    }
    html body #container#container > #container_wr,
    html body #container#container > .container_wr {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        padding:var(--hm-admin-mobile-gutter) !important;
        margin:0 !important;
        box-sizing:border-box !important;
        overflow:visible !important;
    }
    #container :is(section,article,form,fieldset,.hm-form-card,.hm-form-section,.hm-search-card,.hm-list-wrap,.hm-table-wrap,.tbl_wrap) {
        max-width:100%;
        box-sizing:border-box;
    }
    html body.hm-admin-mobile #container:not(#hm-mobile-a):not(#hm-mobile-b):not(#hm-mobile-c) :is(.local_desc,.local_desc01,.local_desc02,.hm-admin-desc-box),
    html body.hm-admin-mobile #container:not(#hm-mobile-a):not(#hm-mobile-b):not(#hm-mobile-c) :is(.local_desc,.local_desc01,.local_desc02,.hm-admin-desc-box) :is(ul,ol,li) {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
        box-sizing:border-box !important;
    }

    /* iOS 입력 확대 방지 및 터치 영역 */
    html body.hm-admin-mobile #container:not(#hm-mobile-a):not(#hm-mobile-b):not(#hm-mobile-c) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea) {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        font-size:16px !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container:not(#hm-mobile-a):not(#hm-mobile-b):not(#hm-mobile-c) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select) {
        height:var(--hm-admin-mobile-touch) !important;
        min-height:var(--hm-admin-mobile-touch) !important;
    }
    html body.hm-admin-mobile #container:not(#hm-mobile-a):not(#hm-mobile-b):not(#hm-mobile-c) textarea {
        height:auto !important;
        min-height:88px !important;
    }
    html body.hm-admin-mobile #container:not(#hm-mobile-a):not(#hm-mobile-b):not(#hm-mobile-c) :is(button,input[type="button"],input[type="submit"],a.btn,a.hm-btn,.hm-btn-search,.hm-btn-reset):not(.hm-admin-mobile-search-action):not(.hm-admin-mobile-filter-toggle) {
        min-height:var(--hm-admin-mobile-touch) !important;
        height:auto !important;
        line-height:normal !important;
        box-sizing:border-box !important;
    }
    #container input[type="checkbox"],
    #container input[type="radio"] {
        min-width:20px !important;
        min-height:20px !important;
    }

    /* 검색 조건 */
    #container .hm-admin-mobile-filter {
        position:relative !important;
        padding-top:var(--hm-admin-mobile-touch) !important;
    }
    #container .hm-admin-mobile-filter-toggle {
        position:absolute !important;
        top:0 !important;
        left:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        width:100% !important;
        height:var(--hm-admin-mobile-touch) !important;
        padding:0 12px !important;
        border:1px solid #d8dee9 !important;
        background:#fff !important;
        color:#111 !important;
        font-size:14px !important;
        line-height:42px !important;
        text-align:left !important;
    }
    #container .hm-admin-mobile-filter-toggle::after {
        content:"⌃";
        font-size:16px;
    }
    #container .hm-admin-mobile-filter.is-collapsed .hm-admin-mobile-filter-toggle::after {
        content:"⌄";
    }
    #container .hm-admin-mobile-filter.is-collapsed > :not(.hm-admin-mobile-filter-toggle):not(input[type="hidden"]) {
        display:none !important;
    }
    #container .hm-search-table,
    #container .hm-search-table > tbody,
    #container .hm-search-table > tbody > tr,
    #container .hm-search-table > tbody > tr > th,
    #container .hm-search-table > tbody > tr > td {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        height:auto !important;
        box-sizing:border-box !important;
    }
    #container .hm-search-table colgroup { display:none !important; }
    #container .hm-search-table > tbody > tr > th {
        padding:10px 10px 4px !important;
        border:0 !important;
        background:#f6f8fb !important;
        text-align:left !important;
    }
    #container .hm-search-table > tbody > tr > td {
        padding:6px 10px 10px !important;
        border:0 !important;
        border-bottom:1px solid #e6eaf0 !important;
    }
    #container .hm-search-table :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
        width:100% !important;
    }
    #container :is(.hm-search-submit,.hm-submit-center,.hm-list-meta-wrap,.hm-list-meta-summary,.hm-list-meta-controls,.local_sch01,.local_sch03) {
        display:flex !important;
        align-items:stretch !important;
        flex-wrap:wrap !important;
        gap:8px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    /* 핵심 목록: 행 카드 + 상세 펼침 */
    #container .hm-list-wrap:has(> .hm-admin-mobile-card-table),
    #container .hm-table-wrap:has(> .hm-admin-mobile-card-table),
    #container .hm-order-table-wrap:has(.hm-admin-mobile-card-table) {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        overflow:visible !important;
        border:0 !important;
        background:transparent !important;
    }
    #container table.hm-admin-mobile-card-table,
    #container table.hm-admin-mobile-card-table > thead,
    #container table.hm-admin-mobile-card-table > tbody {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        border:0 !important;
        background:transparent !important;
        box-sizing:border-box !important;
    }
    #container table.hm-admin-mobile-card-table > colgroup { display:none !important; }
    #container table.hm-admin-mobile-card-table > thead > tr { display:none !important; }
    #container table.hm-admin-mobile-card-table > thead > tr.hm-list-meta-row {
        display:block !important;
        margin:0 0 10px !important;
    }
    #container table.hm-admin-mobile-card-table > thead > tr.hm-list-meta-row[aria-hidden="true"] {
        display:none !important;
    }
    #container table.hm-admin-mobile-card-table > thead > tr.hm-list-meta-row > th {
        display:block !important;
        width:100% !important;
        padding:10px !important;
        border:1px solid #dfe4ee !important;
        background:#fff !important;
        box-sizing:border-box !important;
    }
    #container table.hm-admin-mobile-card-table > tbody > tr {
        display:block !important;
        width:100% !important;
        margin:0 0 12px !important;
        border:1px solid #d8dee9 !important;
        background:#fff !important;
        box-sizing:border-box !important;
    }
    #container table.hm-admin-mobile-card-table > tbody > tr > td {
        position:relative !important;
        display:grid !important;
        grid-template-columns:88px minmax(0,1fr) !important;
        gap:10px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        min-height:42px !important;
        padding:10px !important;
        border:0 !important;
        border-bottom:1px solid #edf0f4 !important;
        background:#fff !important;
        color:#111 !important;
        text-align:left !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
        box-sizing:border-box !important;
    }
    #container table.hm-admin-mobile-card-table > tbody > tr > td::before {
        content:attr(data-hm-mobile-label);
        color:#526078 !important;
        font-size:12px !important;
        line-height:1.45 !important;
        white-space:normal !important;
    }
    html body.hm-admin-mobile #container:not(#hm-mobile-a):not(#hm-mobile-b):not(#hm-mobile-c) table.hm-admin-mobile-card-table > tbody > tr > td > * {
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container:not(#hm-mobile-a):not(#hm-mobile-b):not(#hm-mobile-c) table.hm-admin-mobile-card-table :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }
    #container table.hm-admin-mobile-card-table > tbody > tr > td.hm-admin-mobile-card-wide,
    #container table.hm-admin-mobile-card-table > tbody > tr > td.empty_table,
    #container table.hm-admin-mobile-card-table > tbody > tr > td.empty_list {
        display:block !important;
    }
    #container table.hm-admin-mobile-card-table > tbody > tr > td.hm-admin-mobile-card-wide::before,
    #container table.hm-admin-mobile-card-table > tbody > tr > td.empty_table::before,
    #container table.hm-admin-mobile-card-table > tbody > tr > td.empty_list::before {
        display:none !important;
    }
    #container table.hm-admin-mobile-card-table > tbody > tr:not(.hm-admin-mobile-expanded) > td.hm-admin-mobile-secondary {
        display:none !important;
    }
    #container table.hm-admin-mobile-card-table > tbody > tr > td.hm-admin-mobile-card-toggle-cell {
        display:block !important;
        padding:8px 10px !important;
        border-bottom:0 !important;
        background:#f8fafc !important;
    }
    #container table.hm-admin-mobile-card-table > tbody > tr > td.hm-admin-mobile-card-toggle-cell::before {
        display:none !important;
    }
    #container .hm-admin-mobile-card-toggle {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
        min-height:40px !important;
        padding:0 12px !important;
        border:1px solid #cfd6e2 !important;
        background:#fff !important;
        color:#111 !important;
        font-size:13px !important;
        line-height:38px !important;
        cursor:pointer !important;
    }
    #container table.hm-admin-mobile-card-table :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
        width:100% !important;
    }
    #container table.hm-admin-mobile-card-table img {
        max-width:100% !important;
        height:auto !important;
    }
    #container table.hm-admin-mobile-card-table table {
        min-width:620px !important;
    }
    #container table.hm-admin-mobile-card-table td:has(> table) {
        display:block !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch;
    }

    /* 상세/등록 폼 */
    #container.hm-layout-form :is(.tbl_frm01,.hm-table-wrap,.purchase-admin-list),
    #container.hm-page-orderform :is(.tbl_frm01,.hm-table-wrap),
    #container.hm-page-itemform :is(.tbl_frm01,.hm-table-wrap) {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch;
    }
    #container.hm-layout-form .tbl_frm01 > table:not(.hm-admin-mobile-keep-table),
    #container.hm-page-orderform .tbl_frm01 > table:not(.hm-admin-mobile-keep-table),
    #container.hm-page-itemform .tbl_frm01 > table:not(.hm-admin-mobile-keep-table) {
        width:100% !important;
        min-width:0 !important;
        table-layout:auto !important;
    }
    #container.hm-layout-form .tbl_frm01 > table:not(.hm-admin-mobile-keep-table) > tbody > tr > :is(th,td),
    #container.hm-page-orderform .tbl_frm01 > table:not(.hm-admin-mobile-keep-table) > tbody > tr > :is(th,td),
    #container.hm-page-itemform .tbl_frm01 > table:not(.hm-admin-mobile-keep-table) > tbody > tr > :is(th,td) {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    #container.hm-layout-form .tbl_frm01 > table:not(.hm-admin-mobile-keep-table) > tbody > tr > th,
    #container.hm-page-orderform .tbl_frm01 > table:not(.hm-admin-mobile-keep-table) > tbody > tr > th,
    #container.hm-page-itemform .tbl_frm01 > table:not(.hm-admin-mobile-keep-table) > tbody > tr > th {
        padding:10px !important;
        border-bottom:0 !important;
        background:#f6f8fb !important;
        text-align:left !important;
    }
    #container.hm-layout-form .tbl_frm01 > table:not(.hm-admin-mobile-keep-table) > tbody > tr > td,
    #container.hm-page-orderform .tbl_frm01 > table:not(.hm-admin-mobile-keep-table) > tbody > tr > td,
    #container.hm-page-itemform .tbl_frm01 > table:not(.hm-admin-mobile-keep-table) > tbody > tr > td {
        padding:10px !important;
    }
    #container :is(.anchor,.anchor2,.hm-form-anchor,.hm-itemform-nav) {
        display:flex !important;
        width:100% !important;
        max-width:100% !important;
        overflow-x:auto !important;
        white-space:nowrap !important;
        -webkit-overflow-scrolling:touch;
    }
    #container :is(.btn_confirm,.hm-bottom-actions,.hm-orderform-bottom-actions,.hm-ex-register-actions,.hm-list-bottom-actions) {
        display:flex !important;
        align-items:stretch !important;
        justify-content:center !important;
        flex-wrap:wrap !important;
        gap:8px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    #container .hm-admin-mobile-sticky-actions {
        position:sticky !important;
        bottom:0 !important;
        z-index:80 !important;
        margin:12px calc(-1 * var(--hm-admin-mobile-gutter)) 0 !important;
        padding:8px var(--hm-admin-mobile-gutter) calc(8px + env(safe-area-inset-bottom)) !important;
        border-top:1px solid #d8dee9 !important;
        background:rgba(255,255,255,.96) !important;
        box-shadow:0 -8px 24px rgba(15,23,42,.08) !important;
        backdrop-filter:blur(8px);
    }
    body.hm-admin-mobile-keyboard #container .hm-admin-mobile-sticky-actions {
        position:static !important;
    }

    /* 주문 상세 상단 조작부는 인쇄 선택과 버튼이 좁아지지 않도록 모바일 행으로 분리한다. */
    #container.hm-page-orderform #hm-orderform-page .hm-order-print-panel {
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:10px !important;
        width:100% !important;
        padding:12px !important;
    }
    #container.hm-page-orderform #hm-orderform-page :is(.hm-order-print-left,.hm-order-current-control,.hm-order-current-select-wrap,.hm-order-print-actions) {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    #container.hm-page-orderform #hm-orderform-page .hm-order-print-left {
        flex-direction:column !important;
        align-items:stretch !important;
        gap:8px !important;
    }
    #container.hm-page-orderform #hm-orderform-page .hm-order-print-number {
        display:grid !important;
        grid-template-columns:88px minmax(0,1fr) !important;
        align-items:center !important;
        width:100% !important;
        gap:8px !important;
    }
    #container.hm-page-orderform #hm-orderform-page .hm-order-print-number strong {
        min-width:0 !important;
        height:auto !important;
        overflow-wrap:anywhere !important;
    }
    #container.hm-page-orderform #hm-orderform-page .hm-order-current-select-wrap,
    #container.hm-page-orderform #hm-orderform-page .hm-order-print-actions {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 88px !important;
        align-items:stretch !important;
        gap:8px !important;
    }
    #container.hm-page-orderform #hm-orderform-page :is(.hm-order-current-select,.hm-order-print-select,.hm-order-current-btn,.hm-order-print-button) {
        width:100% !important;
        min-width:0 !important;
        height:44px !important;
        min-height:44px !important;
        margin:0 !important;
    }

    /* 페이지 내부 넓은 표는 페이지가 아닌 래퍼 안에서만 스크롤 */
    #container :is(.hm-table-wrap,.tbl_wrap,.hm-claim-table-wrap,.order-table-wrap,.purchase-admin-list) {
        width:100% !important;
        max-width:100% !important;
        overflow-x:auto !important;
        overscroll-behavior-x:contain;
        -webkit-overflow-scrolling:touch;
    }

    /* 공통 레이어를 실제 모바일 viewport에 맞춘다. */
    #quickInvoiceModal,
    #orderExcelNameReplaceLayer,
    #hmOrderSyncRunnerLayer,
    #itemMemoLayer,
    #itemDeliveryLayer,
    #hmExternalMapLayer,
    #hmSyncRunnerLayer,
    #hmSyncErrorLayer,
    #smartstore-help-layer,
    #hm_part_cancel_modal,
    #postcodeLayer,
    #goodsPickerModal,
    #pcOrderGoodsLayer,
    body.hm-admin-mobile .ex-modal,
    #container.hm-purchase-page.hm-purchase-ex-order-list .ex-modal {
        position:fixed !important;
        inset:0 !important;
        align-items:center !important;
        justify-content:center !important;
        width:100vw !important;
        height:var(--hm-admin-mobile-vh) !important;
        max-width:100vw !important;
        max-height:var(--hm-admin-mobile-vh) !important;
        padding:12px !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }
    /* body에 동적으로 붙는 발주 송장 레이어만 실제 열림 인라인 상태에서 flex 중앙 정렬한다. */
    body.hm-admin-mobile .ex-modal[style*="display: block"] {
        display:flex !important;
    }
    /* 상품·주문 동기화 진행 레이어는 좁은 화면에서 제목과 조작 버튼을 별도 행으로 둔다. */
    html body.hm-admin-mobile #container#container :is(#hmSyncRunnerLayer,#hmOrderSyncRunnerLayer) .hm-sync-runner-header {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        gap:10px !important;
        width:100% !important;
    }
    html body.hm-admin-mobile #container#container :is(#hmSyncRunnerLayer,#hmOrderSyncRunnerLayer) .hm-sync-runner-title-wrap,
    html body.hm-admin-mobile #container#container :is(#hmSyncRunnerLayer,#hmOrderSyncRunnerLayer) .hm-sync-runner-header-actions {
        width:100% !important;
        min-width:0 !important;
    }
    html body.hm-admin-mobile #container#container :is(#hmSyncRunnerLayer,#hmOrderSyncRunnerLayer) .hm-sync-runner-title-wrap h3 {
        color:#f4f8ff !important;
        font-size:15px !important;
        font-weight:400 !important;
        line-height:1.4 !important;
    }
    html body.hm-admin-mobile #container#container :is(#hmSyncRunnerLayer,#hmOrderSyncRunnerLayer) .hm-sync-runner-header-actions {
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }
    html body.hm-admin-mobile #container#container :is(#hmSyncRunnerLayer,#hmOrderSyncRunnerLayer) .hm-sync-runner-header-actions > button {
        width:100% !important;
        min-width:0 !important;
        height:40px !important;
        padding:0 8px !important;
        white-space:nowrap !important;
    }
    body.hm-admin-mobile .ex-modal .ex-modal-backdrop {
        position:absolute !important;
        inset:0 !important;
        display:block !important;
        background:rgba(15,23,42,.46) !important;
    }
    #quickInvoiceModal .quick-invoice-panel,
    #orderExcelNameReplaceLayer .excel-name-replace-panel,
    #hmOrderSyncRunnerLayer .hm-sync-runner-panel,
    #itemMemoLayer .hm-item-memo-panel,
    #itemDeliveryLayer .hm-item-delivery-panel,
    #hmExternalMapLayer .hm-external-map-panel,
    #hmSyncRunnerLayer .hm-sync-runner-panel,
    #hmSyncErrorLayer .hm-sync-error-panel,
    #smartstore-help-layer .smartstore-help-layer__inner,
    #hm_part_cancel_modal .hm-part-cancel-dialog,
    #postcodeLayer .postcode-modal,
    #goodsPickerModal .goods-picker-panel,
    #pcOrderGoodsLayer .hm-pc-order-goods-panel,
    body.hm-admin-mobile .ex-modal .ex-modal-body,
    #container.hm-purchase-page.hm-purchase-ex-order-list .ex-modal-body {
        position:relative !important;
        inset:auto !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        height:auto !important;
        max-height:calc(var(--hm-admin-mobile-vh) - 24px) !important;
        margin:0 !important;
        border-radius:0 !important;
        box-sizing:border-box !important;
        overflow:auto !important;
        -webkit-overflow-scrolling:touch;
    }
    body.hm-admin-mobile .ex-modal .ex-modal-body {
        z-index:1 !important;
        padding:18px !important;
        border:1px solid #d8dee9 !important;
        background:#fff !important;
        box-shadow:0 18px 44px rgba(15,23,42,.22) !important;
    }
    body.hm-admin-mobile .ex-modal .ex-modal-body > h3 {
        margin:0 0 14px !important;
        color:#111 !important;
        font-size:15px !important;
        text-align:center !important;
    }
    body.hm-admin-mobile .ex-modal .ex-modal-body > label {
        display:block !important;
        margin:0 0 12px !important;
        color:#111 !important;
        font-size:13px !important;
    }
    body.hm-admin-mobile .ex-modal .ex-modal-body > label > :is(select,input) {
        display:block !important;
        width:100% !important;
        min-height:44px !important;
        margin:5px 0 0 !important;
        font-size:16px !important;
        box-sizing:border-box !important;
    }
    body.hm-admin-mobile .ex-modal .ex-modal-actions {
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
        margin-top:16px !important;
    }
    #orderExcelNameReplaceLayer .excel-name-replace-panel,
    #goodsPickerModal .goods-picker-panel,
    #pcOrderGoodsLayer .hm-pc-order-goods-panel {
        height:calc(var(--hm-admin-mobile-vh) - 24px) !important;
    }
    #orderExcelNameReplaceLayer .excel-name-replace-frame,
    #pcOrderGoodsLayer .hm-pc-order-goods-frame {
        min-height:0 !important;
        flex:1 1 auto !important;
    }
    #postcodeLayer .postcode-content {
        height:min(480px, calc(var(--hm-admin-mobile-vh) - 100px)) !important;
    }
    #goodsPickerModal .goods-picker-table-wrap,
    #hmExternalMapLayer .hm-external-map-body {
        overflow:auto !important;
        -webkit-overflow-scrolling:touch;
    }
    #container.hm-purchase-page.hm-purchase-ex-order-list .ex-modal-actions > *,
    body.hm-admin-mobile .ex-modal .ex-modal-actions > *,
    #quickInvoiceModal .quick-invoice-actions > * {
        flex:1 1 0 !important;
        min-height:44px !important;
    }

    /* 엑셀 상품명 치환 iframe도 부모 레이어의 실제 폭 안에서 조작한다. */
    body.hm-order-excel-name-replace-embedded {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        padding:10px !important;
        overflow-x:hidden !important;
        box-sizing:border-box !important;
    }
    body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-search-card {
        padding:10px !important;
    }
    body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page :is(.hm-search-table,.hm-search-table tbody,.hm-search-table tr,.hm-search-table th,.hm-search-table td) {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        height:auto !important;
        box-sizing:border-box !important;
    }
    body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-search-table colgroup {
        display:none !important;
    }
    body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-search-table th {
        padding:9px 10px 4px !important;
        border:0 !important;
    }
    body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-search-table td {
        padding:5px 10px 10px !important;
        border:0 !important;
        border-bottom:1px solid #dfe4ee !important;
    }
    body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-field-controls {
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:8px !important;
        width:100% !important;
    }
    body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
        width:100% !important;
        max-width:100% !important;
        min-height:44px !important;
        font-size:16px !important;
        box-sizing:border-box !important;
    }
    body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page :is(button,.hm-btn,.hm-btn-search,.hm-btn-reset) {
        min-height:44px !important;
        line-height:42px !important;
        box-sizing:border-box !important;
    }
    body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-list-wrap {
        width:100% !important;
        max-width:100% !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch;
    }
    body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-list-table {
        min-width:720px !important;
    }

    /* 통합 송장 엑셀 업로드 새 창 */
    .orderlist-invoice-wrap {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        padding:12px !important;
        box-sizing:border-box !important;
    }
    .orderlist-invoice-wrap :is(select,input:not([type="checkbox"]):not([type="radio"]),button) {
        max-width:100% !important;
        min-height:44px !important;
        font-size:16px !important;
        box-sizing:border-box !important;
    }
    .orderlist-invoice-wrap input[type="checkbox"],
    .orderlist-invoice-wrap input[type="radio"] {
        min-width:20px !important;
        min-height:20px !important;
    }
    .orderlist-invoice-wrap .orderlist-invoice-form :is(.field,select,input[type="file"],button) {
        width:100% !important;
    }
    .orderlist-invoice-wrap .orderlist-invoice-table {
        width:100% !important;
        max-width:100% !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch;
    }
    .orderlist-invoice-wrap .orderlist-invoice-table table {
        min-width:760px !important;
    }

    /* 사입 등록의 상품선택 iframe */
    body.pc-order-goods-popup {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }
    body.pc-order-goods-popup .pc-popup-wrap {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        padding:10px !important;
        box-sizing:border-box !important;
    }
    body.pc-order-goods-popup .pc-popup-search {
        align-items:stretch !important;
        gap:8px !important;
        width:100% !important;
        padding:10px !important;
        box-sizing:border-box !important;
    }
    body.pc-order-goods-popup .pc-popup-search input[type="text"] {
        flex:1 0 100% !important;
        width:100% !important;
        min-height:44px !important;
        font-size:16px !important;
        box-sizing:border-box !important;
    }
    body.pc-order-goods-popup .pc-popup-search .hm-btn,
    body.pc-order-goods-popup .pc-popup-table .hm-btn {
        min-height:44px !important;
        font-size:13px !important;
        line-height:42px !important;
        box-sizing:border-box !important;
    }
    body.pc-order-goods-popup .pc-popup-search .hm-btn {
        flex:1 1 0 !important;
    }
    body.pc-order-goods-popup .pc-popup-table-wrap {
        width:100% !important;
        max-width:100% !important;
        overflow:visible !important;
    }
    body.pc-order-goods-popup .pc-popup-table {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        table-layout:auto !important;
    }
    body.pc-order-goods-popup .pc-popup-table > :is(colgroup,thead) {
        display:none !important;
    }
    body.pc-order-goods-popup .pc-popup-table > tbody,
    body.pc-order-goods-popup .pc-popup-table > tbody > tr {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }
    body.pc-order-goods-popup .pc-popup-table > tbody > tr {
        margin-bottom:10px !important;
        border:1px solid #dfe4ee !important;
        box-sizing:border-box !important;
    }
    body.pc-order-goods-popup .pc-popup-table > tbody > tr > td {
        display:grid !important;
        grid-template-columns:78px minmax(0,1fr) !important;
        align-items:center !important;
        gap:10px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        min-height:44px !important;
        padding:9px 10px !important;
        border:0 !important;
        border-bottom:1px solid #edf0f5 !important;
        color:#111 !important;
        font-size:13px !important;
        text-align:left !important;
        box-sizing:border-box !important;
    }
    body.pc-order-goods-popup .pc-popup-table > tbody > tr > td::before {
        color:#526078 !important;
        font-size:12px !important;
    }
    body.pc-order-goods-popup .pc-popup-table > tbody > tr > td:nth-child(1)::before {content:'이미지';}
    body.pc-order-goods-popup .pc-popup-table > tbody > tr > td:nth-child(2)::before {content:'상품번호';}
    body.pc-order-goods-popup .pc-popup-table > tbody > tr > td:nth-child(3)::before {content:'상품명';}
    body.pc-order-goods-popup .pc-popup-table > tbody > tr > td:nth-child(4)::before {content:'기본 사입처';}
    body.pc-order-goods-popup .pc-popup-table > tbody > tr > td:nth-child(5)::before {content:'기본 단가';}
    body.pc-order-goods-popup .pc-popup-table > tbody > tr > td:nth-child(6)::before {content:'추가';}
    body.pc-order-goods-popup .pc-popup-table > tbody > tr > td:last-child {
        border-bottom:0 !important;
    }
    body.pc-order-goods-popup .pc-popup-table > tbody > tr > td[colspan] {
        display:block !important;
        padding:18px 12px !important;
        text-align:center !important;
    }
    body.pc-order-goods-popup .pc-popup-table > tbody > tr > td[colspan]::before {
        content:none !important;
    }
    body.pc-order-goods-popup .pc-popup-table :is(.pc-popup-image,.pc-popup-image-empty) {
        margin:0 !important;
    }
    body.pc-order-goods-popup .pc-popup-table .hm-btn {
        width:100% !important;
        min-height:44px !important;
        font-size:13px !important;
    }

    /* changsu start: 관리자 공통 모바일 UI 계약 v2
       서버의 data-hm-layout과 공통 컴포넌트만 기준으로 글자·컨트롤·정렬을 통일한다. */
    body.hm-admin-mobile #container.hm-admin-contract {
        --hm-admin-mobile-font-size:13px;
        --hm-admin-mobile-meta-size:13px;
        --hm-admin-mobile-section-title-size:15px;
        --hm-admin-mobile-input-size:13px;
        --hm-admin-mobile-line-height:1.5;
        --hm-admin-mobile-control-gap:8px;
        --hm-admin-control-height:36px;
        --hm-admin-button-height:var(--hm-admin-mobile-button-height);
        color:#111 !important;
        font-size:var(--hm-admin-mobile-font-size) !important;
        line-height:var(--hm-admin-mobile-line-height) !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract #container_title,
    html body.hm-om-hm-admin.hm-admin-mobile #container#container#container#container#container.hm-admin-contract #container_title {
        display:block !important;
        margin:0 var(--hm-admin-mobile-gutter) !important;
        padding:15px 0 10px !important;
        color:#111 !important;
        font-family:'font-R','Pretendard',sans-serif !important;
        font-size:18px !important;
        font-weight:700 !important;
        line-height:1.35 !important;
        text-align:center !important;
        overflow-wrap:anywhere !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract #container_title::after,
    html body.hm-om-hm-admin.hm-admin-mobile #container#container#container#container#container.hm-admin-contract #container_title::after {
        position:static !important;
        display:block !important;
        width:100% !important;
        margin-top:5px !important;
        padding:0 !important;
        color:#475569 !important;
        font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
        font-size:13px !important;
        font-weight:400 !important;
        line-height:1.55 !important;
        text-align:center !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract .container_wr :is(
        p,li,dt,dd,label,th,td,a,button,span,strong,em,small,
        .local_desc,.local_desc01,.local_desc02,.local_ov,
        .hm-toolbar,.hm-search-card,.hm-list-wrap,.hm-form-wrap
    ):not(
        h1,h2,h3,h4,h5,h6,
        .fa,.fas,.far,.fal,.fab,.glyphicon,.material-icons,
        [class^="icon-"],[class*=" icon-"]
    ) {
        font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
        font-size:var(--hm-admin-mobile-font-size) !important;
        line-height:var(--hm-admin-mobile-line-height) !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract :is(h2,h3,.hm-section-title,.hm-form-section-title) {
        color:#111 !important;
        font-family:'font-R','Pretendard',sans-serif !important;
        font-size:var(--hm-admin-mobile-section-title-size) !important;
        line-height:1.4 !important;
    }

    /* 본문 입력·선택·버튼은 페이지와 관계없이 같은 13px 기준을 사용한다. */
    html body.hm-admin-mobile #container.hm-admin-contract :is(
        input[type="text"],input[type="password"],input[type="search"],
        input[type="number"],input[type="email"],input[type="tel"],input[type="url"],
        input[type="date"],input[type="time"],input[type="datetime-local"],
        input[type="month"],input[type="week"],select,textarea
    ) {
        min-height:var(--hm-admin-mobile-touch) !important;
        font-size:var(--hm-admin-mobile-input-size) !important;
        line-height:normal !important;
        vertical-align:middle !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract :is(
        button,input[type="button"],input[type="submit"],input[type="reset"],
        a.btn,a.hm-btn,a.hm-action-btn,a.hm-list-btn,
        .btn_submit,.btn_01,.btn_02,.btn_03,.btn_frmline,
        .hm-btn,.hm-action-btn,.hm-list-btn,.hm-btn-search,.hm-btn-reset
    ) {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-width:44px !important;
        min-height:var(--hm-admin-mobile-touch) !important;
        max-width:100% !important;
        height:auto !important;
        padding:0 12px !important;
        font-size:var(--hm-admin-mobile-font-size) !important;
        font-weight:400 !important;
        line-height:1.25 !important;
        text-align:center !important;
        vertical-align:middle !important;
        white-space:normal !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract input[type="file"] {
        width:100% !important;
        min-height:var(--hm-admin-mobile-touch) !important;
        max-width:100% !important;
        padding:6px !important;
        font-size:var(--hm-admin-mobile-font-size) !important;
        line-height:30px !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract :is(input[type="checkbox"],input[type="radio"]) {
        flex:0 0 22px !important;
        width:22px !important;
        min-width:22px !important;
        max-width:22px !important;
        height:22px !important;
        min-height:22px !important;
        max-height:22px !important;
        margin:0 !important;
        padding:0 !important;
        accent-color:#2f7fd8 !important;
        vertical-align:middle !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract label.hm-admin-mobile-choice-label {
        display:inline-flex !important;
        align-items:center !important;
        gap:7px !important;
        min-height:44px !important;
    }

    /* 검색·목록 상단 도구는 같은 폭·간격·정렬 계약을 사용한다. */
    html body.hm-admin-mobile #container.hm-admin-contract[data-hm-layout="list"] :is(
        .local_ov,.local_ov01,.local_sch,.local_sch01,.local_sch03,
        .hm-list-meta-wrap,.hm-list-meta-summary,.hm-list-meta-controls,
        .hm-search-submit,.hm-submit-center,.hm-submit-right,.btn_fixed_top
    ) {
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract[data-hm-layout="list"] :is(.local_ov,.local_ov01) {
        display:flex !important;
        align-items:center !important;
        flex-wrap:wrap !important;
        gap:8px !important;
        width:100% !important;
        height:auto !important;
        margin:0 0 12px !important;
        padding:10px !important;
        border:1px solid #dfe4ee !important;
        background:#fff !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract[data-hm-layout="list"] :is(.local_sch,.local_sch01,.local_sch03) {
        display:flex !important;
        align-items:stretch !important;
        flex-wrap:wrap !important;
        gap:8px !important;
        width:100% !important;
        height:auto !important;
        margin:0 0 12px !important;
        padding:10px !important;
        border:1px solid #dfe4ee !important;
        background:#fff !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract[data-hm-layout="list"] :is(.local_sch,.local_sch01,.local_sch03) > select {
        flex:1 0 100% !important;
        width:100% !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract[data-hm-layout="list"] :is(.local_sch,.local_sch01,.local_sch03) > input:not([type="hidden"]):not([type="submit"]):not([type="button"]) {
        flex:1 1 calc(100% - 52px) !important;
        width:auto !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract[data-hm-layout="list"] :is(.local_sch,.local_sch01,.local_sch03) > :is(button,input[type="submit"],input[type="button"]) {
        flex:0 0 auto !important;
        width:auto !important;
        min-width:44px !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract[data-hm-layout="list"] .hm-list-meta-wrap {
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:10px !important;
        width:100% !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract[data-hm-layout="list"] .hm-list-meta-summary {
        display:flex !important;
        align-items:center !important;
        flex-wrap:wrap !important;
        gap:6px !important;
        width:100% !important;
        margin:0 !important;
        color:#111 !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract[data-hm-layout="list"] .hm-list-meta-controls {
        display:flex !important;
        align-items:stretch !important;
        flex-wrap:wrap !important;
        gap:var(--hm-admin-mobile-control-gap) !important;
        width:100% !important;
        margin:0 !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract[data-hm-layout="list"] .hm-list-meta-controls > :is(select,input:not([type="checkbox"]):not([type="radio"])) {
        flex:1 0 100% !important;
        width:100% !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract[data-hm-layout="list"] .hm-list-meta-controls > :is(button,a,.hm-btn,.hm-action-btn) {
        flex:1 1 calc(50% - 4px) !important;
        width:auto !important;
        margin:0 !important;
    }
    html body.hm-admin-mobile #container.hm-admin-contract[data-hm-layout="list"] :is(.hm-search-submit,.btn_confirm,.btn_fixed_top,.hm-bottom-actions,.hm-form-actions) {
        position:static !important;
        inset:auto !important;
        display:flex !important;
        justify-content:center !important;
        align-items:stretch !important;
        flex-wrap:wrap !important;
        gap:8px !important;
        width:100% !important;
        height:auto !important;
        margin:12px 0 !important;
        padding:0 !important;
    }

    /* 공통 목록 HTML을 행 카드로 표시하고 페이지 고정폭을 제거한다. */
    html body.hm-admin-mobile #container.hm-admin-contract[data-hm-layout="list"] .hm-admin-mobile-card-wrap {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        overflow:visible !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        table-layout:auto !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table > thead > tr.hm-list-meta-row > th {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        padding:12px !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table > tbody > tr > td {
        grid-template-columns:92px minmax(0,1fr) !important;
        align-items:center !important;
        gap:12px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        min-height:44px !important;
        padding:10px 12px !important;
        font-size:var(--hm-admin-mobile-font-size) !important;
        line-height:var(--hm-admin-mobile-line-height) !important;
        text-align:left !important;
        vertical-align:middle !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table > tbody > tr > td::before {
        align-self:center !important;
        color:#526078 !important;
        font-size:var(--hm-admin-mobile-meta-size) !important;
        font-weight:400 !important;
        line-height:1.45 !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table > tbody > tr > td > :is(a,button,input,select,textarea,label,div,span) {
        min-width:0 !important;
        max-width:100% !important;
        justify-self:stretch;
        box-sizing:border-box !important;
    }
    /* changsu start: 라벨 옆의 복수 값을 하나의 열로 묶어 주문일·번호·버튼이 다른 격자로 흩어지지 않게 한다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-admin-mobile-cell-value {
        grid-column:2 !important;
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        color:#111 !important;
        font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
        font-size:var(--hm-admin-mobile-font-size) !important;
        font-weight:400 !important;
        line-height:var(--hm-admin-mobile-line-height) !important;
        text-align:left !important;
        overflow-wrap:anywhere !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-admin-mobile-cell-value > :is(div,p,ul,ol) {
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-admin-mobile-cell-value > :is(input[type="checkbox"],input[type="radio"]) {
        display:block !important;
        margin:0 !important;
    }
    /* changsu end */
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table > tbody > tr > td > :is(input[type="checkbox"],input[type="radio"]) {
        justify-self:start !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table > tbody > tr > td :is(.hm-action-btn,.hm-list-btn,.hm-btn,button,input[type="button"],input[type="submit"]) {
        min-height:44px !important;
        height:44px !important;
        margin:0 !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table img {
        width:auto !important;
        max-width:80px !important;
        height:auto !important;
        max-height:80px !important;
        object-fit:contain !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table .hm-admin-mobile-card-toggle {
        width:100% !important;
        min-height:44px !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="list"] #sodr_list.hm-admin-mobile-card-table {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        table-layout:auto !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="list"] #sodr_list.hm-admin-mobile-card-table > tbody > tr > td {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }

    /* 주문/반품 목록의 상품 묶음은 카드 값 영역 안에서 다시 세로로 정돈한다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract .td_orderitem .order-item-split-row {
        display:flex !important;
        flex-direction:column !important;
        grid-template-columns:none !important;
        gap:10px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .td_orderitem :is(.order-item-split-left,.order-item-split-right) {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .td_orderitem .order-product-row {
        display:grid !important;
        grid-template-columns:50px minmax(0,1fr) !important;
        align-items:start !important;
        gap:8px !important;
        width:100% !important;
        min-width:0 !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .td_orderitem .order-product {
        width:auto !important;
        min-width:0 !important;
        max-width:100% !important;
        overflow-wrap:anywhere !important;
    }

    /* 목록 카드 안의 발주 품목표도 별도의 작은 카드로 변환한다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-subtable,
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-edit-table {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        table-layout:auto !important;
        overflow:visible !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table:is(.hm-admin-mobile-subtable,.hm-admin-mobile-edit-table) > :is(colgroup,thead) {
        display:none !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table:is(.hm-admin-mobile-subtable,.hm-admin-mobile-edit-table) > tbody > tr.ex-return-header {
        display:none !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table:is(.hm-admin-mobile-subtable,.hm-admin-mobile-edit-table) > tbody,
    html body.hm-admin-mobile #container#container.hm-admin-contract table:is(.hm-admin-mobile-subtable,.hm-admin-mobile-edit-table) > tbody > tr {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table:is(.hm-admin-mobile-subtable,.hm-admin-mobile-edit-table) > tbody > tr {
        margin:0 0 10px !important;
        border:1px solid #dfe4ee !important;
        background:#fff !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table:is(.hm-admin-mobile-subtable,.hm-admin-mobile-edit-table) > tbody > tr > td {
        display:grid !important;
        grid-template-columns:82px minmax(0,1fr) !important;
        align-items:center !important;
        gap:10px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        min-height:44px !important;
        padding:9px 10px !important;
        border:0 !important;
        border-bottom:1px solid #edf0f5 !important;
        text-align:left !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table:is(.hm-admin-mobile-subtable,.hm-admin-mobile-edit-table) > tbody > tr > td::before {
        content:attr(data-hm-mobile-label) !important;
        color:#526078 !important;
        font-size:var(--hm-admin-mobile-meta-size) !important;
        font-weight:400 !important;
        line-height:1.45 !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table:is(.hm-admin-mobile-subtable,.hm-admin-mobile-edit-table) > tbody > tr > td > .hm-admin-mobile-cell-value {
        grid-column:2 !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table:is(.hm-admin-mobile-subtable,.hm-admin-mobile-edit-table) > tbody > tr > td:last-child {
        border-bottom:0 !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table:is(.hm-admin-mobile-subtable,.hm-admin-mobile-edit-table) > tbody > tr > td.hm-admin-mobile-card-wide {
        display:block !important;
        padding:18px 12px !important;
        text-align:center !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table:is(.hm-admin-mobile-subtable,.hm-admin-mobile-edit-table) > tbody > tr > td.hm-admin-mobile-card-wide::before {
        content:none !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table:is(.hm-admin-mobile-subtable,.hm-admin-mobile-edit-table) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,button,.hm-btn) {
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        box-sizing:border-box !important;
    }

    /* 공통 폼 카드는 제목-입력 순서의 한 열 구조로 통일한다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="form"] .hm-form-card > table:not(.hm-admin-mobile-edit-table) {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        table-layout:auto !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="form"] .hm-form-card > table:not(.hm-admin-mobile-edit-table) > colgroup {
        display:none !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="form"] .hm-form-card > table:not(.hm-admin-mobile-edit-table) > tbody,
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="form"] .hm-form-card > table:not(.hm-admin-mobile-edit-table) > tbody > tr {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="form"] .hm-form-card > table:not(.hm-admin-mobile-edit-table) > tbody > tr > :is(th,td) {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="form"] .hm-form-card > table:not(.hm-admin-mobile-edit-table) > tbody > tr > th {
        min-height:0 !important;
        padding:10px 12px 5px !important;
        border-bottom:0 !important;
        background:#f7f9fc !important;
        text-align:left !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="form"] .hm-form-card > table:not(.hm-admin-mobile-edit-table) > tbody > tr > td {
        padding:6px 12px 12px !important;
        background:#fff !important;
        text-align:left !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="form"] .hm-form-card > table:not(.hm-admin-mobile-edit-table) > tbody > tr > td :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-ex-register-inline {
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:6px !important;
        width:100% !important;
        min-width:0 !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-ex-register-inline > :not(input[type="checkbox"]):not(input[type="radio"]) {
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-ex-register-inline > label.hm-admin-mobile-choice-label {
        width:100% !important;
    }

    /* changsu start: 전 관리자 모바일 컨트롤의 최종 크기·정렬 계약 */
    html body.hm-admin-mobile #container#container#container.hm-admin-contract :is(
        button,input[type="button"],input[type="submit"],input[type="reset"],
        a.btn,a.hm-btn,a.hm-action-btn,a.hm-list-btn,
        .btn_submit,.btn_01,.btn_02,.btn_03,.btn_frmline,
        .hm-btn,.hm-action-btn,.hm-list-btn,.hm-btn-search,.hm-btn-reset
    ) {
        min-width:44px !important;
        min-height:44px !important;
        max-width:100% !important;
        height:auto !important;
        padding:0 12px !important;
        font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
        font-size:13px !important;
        font-weight:400 !important;
        line-height:1.25 !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract :is(.field-row,.period-quick,.hm-order-sync-inline) {
        display:flex !important;
        align-items:stretch !important;
        flex-wrap:wrap !important;
        gap:8px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract :is(.field-row,.hm-order-sync-inline) > :is(
        input:not([type="checkbox"]):not([type="radio"]),select,textarea
    ) {
        flex:1 1 100% !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .period-quick > button {
        flex:1 1 calc(25% - 8px) !important;
        width:auto !important;
        min-width:64px !important;
        margin:0 !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-list-meta-controls {
        display:flex !important;
        align-items:stretch !important;
        flex-wrap:wrap !important;
        gap:8px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-list-meta-controls > :is(
        select,input:not([type="checkbox"]):not([type="radio"])
    ) {
        flex:1 0 100% !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-list-meta-controls > :is(
        button,a,.hm-btn,.hm-action-btn,.hm-list-btn
    ) {
        flex:1 1 calc(50% - 4px) !important;
        width:auto !important;
        min-width:0 !important;
        margin:0 !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract #personalpaylist-page .hm-list-meta-controls {
        flex-wrap:wrap !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .npay-ready-grid {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        gap:8px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .npay-ready-item {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        gap:8px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .npay-ready-item > * {
        min-width:0 !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
    }

    /* 목록 하단 등록영역을 포함해 모든 레거시 폼 표를 한 열 구조로 통일한다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-form-table,
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-form-table > tbody,
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-form-table > tbody > tr {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        table-layout:auto !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-form-table,
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="form"] .hm-form-card > table:not(.hm-admin-mobile-edit-table) {
        border:1px solid #d8dee9 !important;
        border-collapse:separate !important;
        border-spacing:0 !important;
        background:#fff !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-form-table > tbody > tr,
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="form"] .hm-form-card > table:not(.hm-admin-mobile-edit-table) > tbody > tr {
        border:0 !important;
        border-bottom:1px solid #e4e9f0 !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-form-table > tbody > tr:last-child,
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="form"] .hm-form-card > table:not(.hm-admin-mobile-edit-table) > tbody > tr:last-child {
        border-bottom:0 !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-form-table > tbody > tr > :is(th,td),
    html body.hm-admin-mobile #container#container.hm-admin-contract[data-hm-layout="form"] .hm-form-card > table:not(.hm-admin-mobile-edit-table) > tbody > tr > :is(th,td) {
        border:0 !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-form-table > colgroup {
        display:none !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-form-table > tbody > tr > :is(th,td) {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        white-space:normal !important;
        text-align:left !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-form-table > tbody > tr > th {
        min-height:0 !important;
        padding:10px 12px 5px !important;
        border-bottom:0 !important;
        background:#f7f9fc !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-form-table > tbody > tr > td {
        padding:6px 12px 12px !important;
        background:#fff !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-form-table > tbody > tr > td > :is(
        input:not([type="checkbox"]):not([type="radio"]),select,textarea
    ) {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    /* 공통 설정 입력 묶음은 좁은 화면에서 행별로 분리한다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-setting-cost-grid {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        gap:8px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-setting-cost-item {
        display:grid !important;
        grid-template-columns:minmax(82px,auto) minmax(0,1fr) auto !important;
        align-items:center !important;
        gap:8px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        white-space:normal !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-setting-cost-item > input {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }

    /* 카테고리 편집 도움말은 값 영역 폭 안에서 줄바꿈한다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract :is(.hm-category-field-help,.hm-category-readonly,.hm-category-readonly small) {
        min-width:0 !important;
        max-width:100% !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
        box-sizing:border-box !important;
    }

    /* 한 셀 안에 여러 관리 동작이 있는 목록은 버튼이 화면 밖으로 밀리지 않게 한다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr > td.hm-member-group-manage-cell {
        display:flex !important;
        align-items:center !important;
        flex-wrap:wrap !important;
        gap:6px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        white-space:normal !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr > td.hm-member-group-manage-cell::before {
        flex:1 0 100% !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-member-group-manage-cell > :is(input,select,a,button,form) {
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-member-group-manage-cell > input {
        flex:1 1 100% !important;
        width:100% !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-member-group-manage-cell > form {
        display:flex !important;
        flex:0 1 auto !important;
    }

    /* API 현황 요약표는 라벨/값 쌍의 모바일 그리드로 표시한다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-api-notice-overview-table,
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-api-notice-overview-table > tbody {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        table-layout:auto !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-api-notice-overview-table > colgroup {
        display:none !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-api-notice-overview-table > tbody > tr {
        display:grid !important;
        grid-template-columns:minmax(104px,auto) minmax(0,1fr) !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        border:1px solid #dfe4ee !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-api-notice-overview-table > tbody > tr > :is(th,td) {
        display:flex !important;
        align-items:center !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        min-height:44px !important;
        padding:9px 10px !important;
        border:0 !important;
        border-bottom:1px solid #edf0f5 !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
        text-align:left !important;
        box-sizing:border-box !important;
    }

    /* 통계/집계 표의 tfoot도 본문 카드와 같은 세로형 합계 카드로 표시한다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table.hm-admin-mobile-has-foot > tfoot,
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table.hm-admin-mobile-has-foot > tfoot > tr {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table.hm-admin-mobile-has-foot > tfoot > tr {
        margin:0 0 12px !important;
        border:1px solid #cfd6e2 !important;
        background:#f7f9fc !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table.hm-admin-mobile-has-foot > tfoot > tr > :is(th,td) {
        display:grid !important;
        grid-template-columns:92px minmax(0,1fr) !important;
        align-items:center !important;
        gap:12px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        min-height:44px !important;
        padding:10px 12px !important;
        border:0 !important;
        border-bottom:1px solid #e3e8f0 !important;
        white-space:normal !important;
        text-align:left !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table.hm-admin-mobile-has-foot > tfoot > tr > :is(th,td)::before {
        content:attr(data-hm-mobile-label) !important;
        color:#526078 !important;
        font-size:12px !important;
        font-weight:400 !important;
    }
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table.hm-admin-mobile-has-foot > tfoot > tr > :is(th,td):last-child {
        border-bottom:0 !important;
    }

    /* 수동 세금계산서처럼 동적으로 늘어나는 편집 표는 행 단위 카드로 통일한다. */
    html body.hm-admin-mobile #container#container.hm-page-taxinvoice-bulk .manual-items-table-wrap {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        overflow:visible !important;
    }
    html body.hm-admin-mobile #container#container.hm-page-taxinvoice-bulk .bulk-grid {
        grid-template-columns:minmax(0,1fr) !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }
    html body.hm-admin-mobile #container#container.hm-page-taxinvoice-bulk .bulk-grid > .card {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container.hm-page-taxinvoice-bulk .manual-items-table {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }
    /* changsu end: 전 관리자 모바일 컨트롤의 최종 크기·정렬 계약 */
    /* changsu end: 관리자 공통 모바일 UI 계약 v2 */

    /* 플로팅 버튼과 페이지네이션 */
    .scroll_top {
        right:8px !important;
        bottom:calc(8px + env(safe-area-inset-bottom)) !important;
        width:42px !important;
        height:42px !important;
    }
    #container .pg_wrap {
        display:block !important;
        width:100% !important;
        overflow-x:auto !important;
        padding-bottom:4px !important;
        white-space:nowrap !important;
    }
}

/* 공통 제어 레이어의 !important 규칙보다 뒤가 아니라 같은 레이어에서 Work 예외를 확정한다. */
@layer hm-admin-work-override {
    @media screen and (max-width:767px) {
        html body.hm-om-hm-admin.hm-admin-mobile #container#container#container#container.hm-page-inquiry-unified-list .order-table-toolbar.top {
            display:flex !important;
            flex-direction:column !important;
            align-items:stretch !important;
            gap:8px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            overflow:visible !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container#container#container.hm-page-inquiry-unified-list .order-table-toolbar.top > .left {
            display:grid !important;
            grid-template-columns:repeat(2,minmax(0,1fr)) !important;
            gap:8px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            overflow:visible !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container#container#container.hm-page-inquiry-unified-list .order-table-toolbar.top > .left > .btn-sync {
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            min-height:44px !important;
            height:auto !important;
            padding:6px 8px !important;
            line-height:1.35 !important;
            white-space:normal !important;
            overflow-wrap:anywhere !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container#container#container.hm-page-inquiry-unified-list .order-table-toolbar.top > .right {
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            margin-left:0 !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container#container#container.hm-page-smartstore-product-search-settings .smartstore-meta-actions {
            display:grid !important;
            grid-template-columns:minmax(0,1fr) !important;
            gap:8px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            overflow:visible !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container#container#container.hm-page-smartstore-product-search-settings .smartstore-meta-actions > .smartstore-title-action {
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            min-height:44px !important;
            height:auto !important;
            padding:6px 10px !important;
            line-height:1.35 !important;
            white-space:normal !important;
            overflow-wrap:anywhere !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container#container#container:is(
            .hm-page-market-smartstore-delivery-bundle-map,
            .hm-page-market-smartstore-delivery-template-map,
            .hm-page-market-smartstore-after-service-template-map
        ) .hm-sstm-inline-row {
            display:grid !important;
            grid-template-columns:minmax(0,1fr) !important;
            align-items:stretch !important;
            gap:8px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            overflow:visible !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container#container#container:is(
            .hm-page-market-smartstore-delivery-bundle-map,
            .hm-page-market-smartstore-delivery-template-map,
            .hm-page-market-smartstore-after-service-template-map
        ) .hm-sstm-inline-row > :is(button,.hm-btn,.period-set) {
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            min-height:44px !important;
            height:auto !important;
            padding:6px 10px !important;
            line-height:1.35 !important;
            white-space:normal !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container#container#container .hm-size-list-table .hm-list-meta-controls > .js-auto-size-from-name {
            flex:1 0 100% !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            min-height:44px !important;
            height:auto !important;
            padding:6px 10px !important;
            line-height:1.35 !important;
            white-space:normal !important;
            overflow-wrap:anywhere !important;
        }
    }
}

@media screen and (max-width:390px) {
    #hd_top #tnb .hm-admin-shop-link { display:none !important; }
    #container table.hm-admin-mobile-card-table > tbody > tr > td {
        grid-template-columns:80px minmax(0,1fr) !important;
    }
}

/* 셀렉트 공통 계약은 named layer의 important 우선순위를 사용하므로 같은 layer에서 모바일 값을 덮는다. */
@layer hm-admin-select-contract {
    @media screen and (max-width:767px) {
        html body.hm-admin-mobile #container select:not([multiple]):not([size]),
        html body.hm-admin-mobile #container select:not([multiple])[size="1"] {
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            min-height:36px !important;
            height:36px !important;
            font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
            font-size:13px !important;
            font-weight:400 !important;
            line-height:34px !important;
            vertical-align:middle !important;
            box-sizing:border-box !important;
        }
        html body.hm-admin-mobile #container .hm-list-meta-controls select:not([multiple]):not([size]),
        html body.hm-admin-mobile #container .hm-list-meta-controls select:not([multiple])[size="1"],
        html body.hm-admin-mobile #container table.hm-admin-mobile-card-table select:not([multiple]):not([size]),
        html body.hm-admin-mobile #container table.hm-admin-mobile-card-table select:not([multiple])[size="1"] {
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
        }
    }
}

/* changsu start: 관리자 모바일의 박스·버튼 최종 직선형 계약
   페이지별 후행 CSS와 동적 레이어에서도 라운드가 다시 생기지 않도록 파일 마지막에 둔다. */
@media screen and (max-width:767px) {
    html body.hm-admin-mobile #container#container#container.hm-admin-contract *:not(input[type="checkbox"]):not(input[type="radio"]),
    html body.hm-admin-mobile :is(button.scroll_top,a.scroll_top),
    html body.hm-admin-mobile > :is(.hm-item-memo-layer,.ex-modal,.hm-admin-mobile-layer,.swal2-container) *:not(input[type="checkbox"]):not(input[type="radio"]),
    html body.hm-admin-mobile > :is(.hm-item-memo-layer,.ex-modal,.hm-admin-mobile-layer,.swal2-container) {
        border-radius:0 !important;
    }

    /* 검색 조건 토글과 선택형 컨트롤은 같은 컴팩트 규격을 사용한다. */
    html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-filter {
        padding-top:40px !important;
    }
    html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-filter-toggle {
        align-items:center !important;
        justify-content:center !important;
        min-height:40px !important;
        max-height:40px !important;
        height:40px !important;
        padding:0 12px !important;
        font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
        font-size:13px !important;
        font-weight:400 !important;
        line-height:1 !important;
        text-align:center !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-filter-toggle::after {
        content:"" !important;
        display:block !important;
        flex:0 0 auto !important;
        width:6px !important;
        height:6px !important;
        margin:0 0 3px 8px !important;
        border:0 !important;
        border-right:1px solid currentColor !important;
        border-bottom:1px solid currentColor !important;
        font-size:0 !important;
        line-height:0 !important;
        transform:rotate(45deg) !important;
        transform-origin:center !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-filter:not(.is-collapsed) .hm-admin-mobile-filter-toggle::after {
        margin-top:4px !important;
        margin-bottom:0 !important;
        transform:rotate(225deg) !important;
    }

    /* 목록 값 내부의 상태·배지 글자도 본문 기준에 맞춘다. */
    html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-cell-value :is(
        a,span,strong,em,small,label
    ) {
        font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
        font-size:13px !important;
        font-weight:400 !important;
        line-height:1.5 !important;
    }
    html body.hm-admin-mobile #container#container#container#container.hm-admin-contract .hm-admin-mobile-cell-value .hm-runout-legacy-state {
        min-height:22px !important;
        max-height:22px !important;
        height:22px !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
        font-size:13px !important;
        font-weight:400 !important;
        line-height:20px !important;
        box-sizing:border-box !important;
    }

    /* 페이지별 클래스와 관계없이 본문 검색·초기화 액션은 같은 크기로 표시한다. */
    html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-search-action {
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex:0 0 64px !important;
        inline-size:64px !important;
        width:64px !important;
        min-width:64px !important;
        max-width:64px !important;
        block-size:36px !important;
        height:36px !important;
        min-height:36px !important;
        max-height:36px !important;
        margin:0 !important;
        padding:0 8px !important;
        border:1px solid #444b59 !important;
        background:#444b59 !important;
        color:#fff !important;
        font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
        font-size:13px !important;
        font-weight:400 !important;
        line-height:1 !important;
        text-align:center !important;
        text-decoration:none !important;
        vertical-align:middle !important;
        white-space:nowrap !important;
        appearance:none !important;
        -webkit-appearance:none !important;
        box-sizing:border-box !important;
    }
    html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-search-action-reset {
        border-color:#cfd6e2 !important;
        background:#fff !important;
        color:#111 !important;
    }

    /* 접힌 검색폼은 후행 목록·버튼 display 계약보다 우선해 조건과 검색 액션을 함께 감춘다. */
    html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-filter.is-collapsed > :not(.hm-admin-mobile-filter-toggle):not(input[type="hidden"]) {
        display:none !important;
    }
}
/* changsu end */

/* changsu start: 상품수정·주문상세 모바일 완성도 보완 */
@media screen and (max-width:767px) {
    /* 모바일 헤더에서 데스크톱 좌측 메뉴 폭을 제외하고 알림 전체를 화면 폭으로 보여준다. */
    html body.hm-admin-mobile #hd.hm-admin-has-notice .hm-admin-notice-bar {
        right:0 !important;
        left:0 !important;
        width:100% !important;
        max-width:100% !important;
        padding:0 12px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        justify-content:center !important;
        box-sizing:border-box !important;
        -webkit-overflow-scrolling:touch;
    }

    html body.hm-admin-mobile #hd.hm-admin-has-notice .hm-admin-notice-bar__item,
    html body.hm-admin-mobile #hd.hm-admin-has-notice .hm-admin-notice-bar__item > a {
        min-width:0 !important;
        max-width:100% !important;
    }

    /* 원본 앵커 버튼 묶음은 접근성 소스로 남기고 화면에는 단일 구간 선택기만 표시한다. */
    html body.hm-admin-mobile #container#container#container .hm-admin-mobile-section-anchor-source {
        display:none !important;
    }

    html body.hm-admin-mobile #container#container#container .hm-admin-mobile-section-nav {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        gap:7px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        padding:10px !important;
        border:0 !important;
        border-bottom:1px solid #dfe4ee !important;
        background:#f8fafc !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container#container .hm-admin-mobile-section-nav-label {
        display:block !important;
        margin:0 !important;
        color:#526078 !important;
        font-size:12px !important;
        font-weight:400 !important;
        line-height:1.35 !important;
    }

    html body.hm-admin-mobile #container#container#container .hm-admin-mobile-section-nav-select {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        height:40px !important;
        min-height:40px !important;
        padding:0 34px 0 12px !important;
        border:1px solid #cfd6e2 !important;
        background-color:#fff !important;
        color:#111 !important;
        font-size:13px !important;
        line-height:38px !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container#container :is(
        form[name='fitemform'] > section,
        #hm-orderform-page .hm-form-section
    ) {
        scroll-margin-top:calc(var(--hm-admin-mobile-header) + 62px) !important;
    }

    /* 상품 편집기의 PC용 우측 플로팅 도구는 모바일 필드를 가리므로 표시하지 않는다. */
    html body.hm-admin-mobile #rb-parent-floating-toolbar {
        display:none !important;
    }

    /* 상품 관련상품·이벤트 비교 패널을 모바일 단일 컬럼으로 배치한다. */
    html body.hm-admin-mobile #container#container#container.hm-page-itemform:not(.hm-page-orderform) :is(
        #anc_sitfrm_relation,#anc_sitfrm_event
    ) .compare_wrap {
        display:flex !important;
        flex-direction:column !important;
        gap:10px !important;
        width:100% !important;
        min-width:0 !important;
        padding:10px !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-page-itemform:not(.hm-page-orderform) :is(
        #anc_sitfrm_relation,#anc_sitfrm_event
    ) .compare_wrap > section {
        float:none !important;
        flex:1 1 auto !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        padding:10px !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-page-itemform:not(.hm-page-orderform) #anc_sitfrm_relation .srel_pad {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        gap:8px !important;
        width:100% !important;
        min-width:0 !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-page-itemform:not(.hm-page-orderform) #anc_sitfrm_relation .srel_pad > :is(input,select,button) {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
    }

    /* 주문자·수령인 패널에 남은 49% float/폭을 해제해 전체 폭 1열로 표시한다. */
    html body.hm-admin-mobile #container#container#container.hm-page-orderform #hm-orderform-page .compare_wrap {
        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-page-orderform #hm-orderform-page .compare_wrap > :is(section,.compare_left,.compare_right) {
        float:none !important;
        flex:1 1 auto !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-page-orderform #hm-orderform-page .compare_wrap > section + section {
        border-top:1px solid #dfe4ee !important;
        border-left:0 !important;
    }

    /* 폼 바깥 섹션이 외곽선을 소유하고 내부 래퍼·세로형 셀은 중복 경계를 그리지 않는다. */
    html body.hm-admin-mobile #container#container#container.hm-admin-contract:is(
        .hm-page-itemform:not(.hm-page-orderform),.hm-page-orderform
    ) .hm-form-section > :is(.tbl_frm01,.tbl_head01,.tbl_wrap) {
        border-right:0 !important;
        border-bottom:0 !important;
        border-left:0 !important;
        outline:0 !important;
        box-shadow:none !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract:is(
        .hm-page-itemform:not(.hm-page-orderform),.hm-page-orderform
    ) .hm-form-section table.hm-admin-mobile-form-table {
        border:0 !important;
        outline:0 !important;
        box-shadow:none !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract:is(
        .hm-page-itemform:not(.hm-page-orderform),.hm-page-orderform
    ) .hm-form-section table.hm-admin-mobile-form-table > tbody > tr > :is(th,td) {
        border:0 !important;
        outline:0 !important;
        box-shadow:none !important;
    }

    /* TOP 버튼 자리에 현재 조작 컨트롤이 있으면 해당 화면에서만 자동으로 숨긴다. */
    html body.hm-admin-mobile .scroll_top.hm-admin-mobile-scroll-top-obscured {
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important;
    }
}
/* changsu end: 상품수정·주문상세 모바일 완성도 보완 */

/* changsu start: 관리자 모바일 선택그룹·2열 입력표·입력+버튼 공통 정렬 계약 */
@layer hm-admin-control-contract {
    @media screen and (max-width:767px) {
        /* 라디오·체크 선택지는 줄이 바뀌어도 항상 같은 왼쪽 기준선에서 시작한다. */
        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-choice-group {
            display:flex !important;
            flex-flow:row wrap !important;
            align-items:center !important;
            justify-content:flex-start !important;
            gap:6px 14px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            text-align:left !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-choice-group > label.hm-admin-mobile-choice-label {
            flex:0 0 auto !important;
            display:inline-flex !important;
            align-items:center !important;
            justify-content:flex-start !important;
            gap:7px !important;
            width:auto !important;
            min-width:0 !important;
            min-height:36px !important;
            margin:0 !important;
            padding:0 !important;
            text-align:left !important;
            white-space:nowrap !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-choice-group > :is(.frm_info,.help,.local_desc) {
            flex:1 0 100% !important;
            width:100% !important;
            margin:0 !important;
        }

        /* 입력창 옆 동작 버튼은 한 행에 유지하고 안내문만 다음 행 전체를 사용한다. */
        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-inline-control {
            display:flex !important;
            flex-flow:row wrap !important;
            align-items:center !important;
            justify-content:flex-start !important;
            gap:8px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-inline-control > :is(
            input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']):not([type='reset']),
            select,textarea
        ) {
            flex:1 1 120px !important;
            width:auto !important;
            min-width:0 !important;
            max-width:100% !important;
            margin:0 !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-inline-control > :is(
            button,input[type='button'],input[type='submit'],input[type='reset'],a.btn,a.hm-btn,a.hm-action-btn,a.btn_frmline,.hash-prefix
        ) {
            flex:0 0 auto !important;
            width:auto !important;
            margin:0 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-inline-control > :is(.frm_info,.help,.local_desc) {
            flex:1 0 100% !important;
            width:100% !important;
            margin:0 !important;
        }

        /* 금액·수량처럼 짧은 단위가 붙는 입력은 입력칸과 단위를 한 행으로 유지한다. */
        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-unit-control {
            display:flex !important;
            flex-flow:row wrap !important;
            align-items:center !important;
            justify-content:flex-start !important;
            gap:6px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-unit-control > :is(input,select).hm-admin-mobile-unit-input {
            flex:1 1 120px !important;
            width:auto !important;
            min-width:0 !important;
            max-width:100% !important;
            margin:0 !important;
            border-width:1px !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-unit-control > .hm-admin-mobile-unit {
            flex:0 0 auto !important;
            display:inline-flex !important;
            align-items:center !important;
            min-height:36px !important;
            margin:0 !important;
            white-space:nowrap !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-unit-control > :is(.frm_info,.help,.local_desc) {
            flex:1 0 100% !important;
            width:100% !important;
            margin:0 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-unit-control > label.hm-admin-mobile-choice-label {
            flex:1 0 100% !important;
            width:100% !important;
            min-width:0 !important;
            margin:0 !important;
        }

        /* 상품 수정 화면의 우측 고정 도구와 선택지·한 줄 입력이 겹치지 않도록 터치 영역을 비워 둔다. */
        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-goods-itemform :is(
            .hm-admin-mobile-choice-group,.hm-admin-mobile-inline-control,.hm-admin-mobile-unit-control
        ) {
            padding-right:36px !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-goods-itemform .hm-admin-mobile-unit-control {
            padding-right:50px !important;
        }

        /* 목록 상단의 복수 일괄작업 버튼은 글자가 겹치지 않는 한 줄 스크롤 스트립으로 통일한다. */
        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-list-meta-controls > div {
            display:flex !important;
            flex-flow:row nowrap !important;
            align-items:stretch !important;
            justify-content:flex-start !important;
            gap:8px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            overflow-x:auto !important;
            overflow-y:hidden !important;
            scrollbar-width:none;
            -webkit-overflow-scrolling:touch;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-list-meta-controls > div::-webkit-scrollbar {
            display:none !important;
            width:0 !important;
            height:0 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-list-meta-controls > div > :is(
            button,input[type='button'],input[type='submit'],a.btn,a.hm-btn,a.hm-action-btn
        ) {
            flex:0 0 auto !important;
            width:max-content !important;
            min-width:max-content !important;
            max-width:none !important;
            white-space:nowrap !important;
        }

        /* 중첩된 항목명/입력값 표는 좁은 제목과 넓은 입력 영역의 공통 2열로 표시한다. */
        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-key-value-table,
        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-key-value-table > tbody {
            display:block !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            table-layout:auto !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-key-value-table > tbody > tr {
            display:grid !important;
            grid-template-columns:minmax(72px,28%) minmax(0,1fr) !important;
            align-items:stretch !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-key-value-table > tbody > tr > :is(th,td) {
            width:auto !important;
            min-width:0 !important;
            max-width:100% !important;
            margin:0 !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-key-value-table > tbody > tr > th {
            display:flex !important;
            align-items:center !important;
            justify-content:flex-start !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-key-value-table > tbody > tr > td {
            display:block !important;
            text-align:left !important;
        }

        /* 치수값은 짧은 숫자 입력이므로 전체 폭으로 늘리지 않아 설명과 단위를 함께 읽게 한다. */
        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-dimension-table > tbody > tr > td input[name^='it_size'] {
            display:inline-block !important;
            width:72px !important;
            min-width:72px !important;
            max-width:72px !important;
            margin:3px 2px !important;
            vertical-align:middle !important;
        }

    }
}
/* changsu end */

/* changsu start: 상품 등록·수정의 다중 탭을 모바일 한 줄 스크롤 메뉴로 통일
   상품 폼 전용 범위로 한정해 환경설정·빌더 등 공통 탭의 상하 여백을 침범하지 않는다. */
@media screen and (max-width:767px) {
    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform form[name='fitemform'] > section > .anchor {
        display:flex !important;
        flex-flow:row nowrap !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:10px 0 0 !important;
        padding:0 0 10px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        white-space:nowrap !important;
        scroll-snap-type:none;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform form[name='fitemform'] > section > .anchor::-webkit-scrollbar {
        display:none !important;
        width:0 !important;
        height:0 !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform form[name='fitemform'] > section > .anchor > li {
        flex:0 0 auto !important;
        float:none !important;
        margin:0 !important;
        padding:0 !important;
        scroll-snap-align:none;
    }

    /* 가로 스크롤 요소의 padding은 브라우저 스크롤 원점에 흡수되므로 첫·끝 탭 여백은 항목 margin으로 보장한다. */
    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform form[name='fitemform'] > section > .anchor > li:first-child {
        margin-left:10px !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform form[name='fitemform'] > section > .anchor > li:last-child {
        margin-right:10px !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform form[name='fitemform'] > section > .anchor > li + li {
        margin-left:-1px !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform form[name='fitemform'] > section > .anchor > li > a {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:auto !important;
        min-width:max-content !important;
        height:36px !important;
        min-height:36px !important;
        padding:0 12px !important;
        border:1px solid #d8dee9 !important;
        border-radius:0 !important;
        background:#f8fafc !important;
        color:#111 !important;
        font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
        font-size:13px !important;
        font-weight:400 !important;
        line-height:1 !important;
        text-align:center !important;
        text-decoration:none !important;
        white-space:nowrap !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform form[name='fitemform'] > section > .anchor > li > a[href='#anc_sitfrm_extra'] {
        display:none !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform form[name='fitemform'] > section > .anchor > li > a:is(:hover,:focus,:active) {
        position:relative !important;
        z-index:1 !important;
        border-color:#3484db !important;
        background:#3484db !important;
        color:#fff !important;
        outline:0 !important;
    }
}
/* changsu end */

/* changsu start: 사입목록 한 건을 날짜·사입처와 2열 핵심 정보 카드로 압축 */
@layer hm-admin-control-contract {
    @media screen and (max-width:767px) {
        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-purchase-pc-order-list table.hm-admin-mobile-card-table-buy > tbody > tr.hm-admin-mobile-summary-row > td.hm-admin-mobile-buy-overview {
            display:block !important;
            width:100% !important;
            min-width:0 !important;
            min-height:106px !important;
            padding:10px 12px !important;
            border:0 !important;
            background:#fff !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-purchase-pc-order-list table.hm-admin-mobile-card-table-buy > tbody > tr.hm-admin-mobile-summary-row > td.hm-admin-mobile-buy-overview::before {
            display:none !important;
            content:none !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-purchase-pc-order-list .hm-admin-mobile-buy-identity {
            display:grid !important;
            grid-template-columns:max-content minmax(0,1fr) max-content !important;
            align-items:center !important;
            gap:8px !important;
            width:100% !important;
            min-width:0 !important;
            min-height:24px !important;
            margin:0 0 6px !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-purchase-pc-order-list .hm-admin-mobile-buy-date {
            color:#111 !important;
            font-size:13px !important;
            line-height:1.5 !important;
            white-space:nowrap !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-purchase-pc-order-list .hm-admin-mobile-buy-supplier {
            display:block !important;
            min-width:0 !important;
            overflow:hidden !important;
            color:#111 !important;
            font-size:14px !important;
            font-weight:400 !important;
            line-height:1.5 !important;
            text-overflow:ellipsis !important;
            white-space:nowrap !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-purchase-pc-order-list .hm-admin-mobile-buy-status {
            display:flex !important;
            align-items:center !important;
            justify-content:center !important;
            min-width:46px !important;
            height:24px !important;
            padding:0 6px !important;
            border:1px solid #cfd6e2 !important;
            border-radius:0 !important;
            background:#fff !important;
            color:#444b59 !important;
            font-size:12px !important;
            font-weight:400 !important;
            line-height:22px !important;
            white-space:nowrap !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-purchase-pc-order-list .hm-admin-mobile-buy-status.is-complete {
            border-color:#2f9b75 !important;
            color:#187052 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-purchase-pc-order-list .hm-admin-mobile-buy-facts {
            display:grid !important;
            grid-template-columns:repeat(2,minmax(0,1fr)) !important;
            gap:0 !important;
            width:100% !important;
            min-width:0 !important;
            border-top:1px solid #e3e8f0 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-purchase-pc-order-list .hm-admin-mobile-buy-fact {
            display:flex !important;
            align-items:center !important;
            justify-content:space-between !important;
            gap:6px !important;
            min-width:0 !important;
            min-height:28px !important;
            padding:4px 8px 4px 0 !important;
            border-bottom:1px solid #e3e8f0 !important;
            color:#526078 !important;
            font-size:12px !important;
            line-height:1.4 !important;
            white-space:nowrap !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-purchase-pc-order-list .hm-admin-mobile-buy-fact:nth-child(even) {
            padding-right:0 !important;
            padding-left:8px !important;
            border-left:1px solid #e3e8f0 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-purchase-pc-order-list .hm-admin-mobile-buy-fact b {
            min-width:0 !important;
            overflow:hidden !important;
            color:#111 !important;
            font-size:13px !important;
            font-weight:400 !important;
            text-overflow:ellipsis !important;
            white-space:nowrap !important;
        }
    }
}
/* changsu end */

/* changsu start: 관리자 모바일 버튼 여백·회원목록 압축 최종 계약 */
@media screen and (max-width:767px) {
    /* 회원 검색의 서로 연관된 입력은 한 행에 놓고 날짜 단축 버튼은 균등 3열로 정리한다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-member-search-table .hm-field-controls {
        display:flex !important;
        align-items:center !important;
        flex-flow:row wrap !important;
        gap:8px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-member-search-table .hm-field-controls > :is(
        input:not([type='checkbox']):not([type='radio']),select
    ) {
        flex:1 1 140px !important;
        width:auto !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-member-search-table .hm-field-controls > span {
        flex:0 0 auto !important;
        width:auto !important;
        margin:0 !important;
        white-space:nowrap !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-member-search-table .hm-date-controls > input[type='date'] {
        flex:1 1 calc(50% - 16px) !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-member-search-table .hm-date-controls > .hm-date-btn {
        flex:1 1 calc(33.333% - 6px) !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
        margin:0 !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-member-search-table .hm-radio-group {
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        align-items:center !important;
        gap:8px !important;
        width:100% !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-member-search-table .hm-radio-group > label {
        display:flex !important;
        align-items:center !important;
        gap:6px !important;
        min-width:0 !important;
        white-space:nowrap !important;
    }

    /* 회원 목록 상단은 요약 한 줄, 일괄 작업 3열, 보기 방식 3열 순서로 압축한다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-list-meta-summary {
        display:grid !important;
        grid-template-columns:max-content minmax(0,1fr) !important;
        align-items:center !important;
        gap:8px !important;
        width:100% !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-member-list-inline-actions {
        grid-column:1 / -1 !important;
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:8px !important;
        width:100% !important;
        min-width:0 !important;
        margin:0 !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-member-list-inline-actions > .hm-btn {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-list-meta-controls {
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        align-items:stretch !important;
        gap:8px !important;
        width:100% !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-list-meta-controls > .hm-btn {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-list-meta-controls > .hm-list-rows-select {
        grid-column:1 / -1 !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
    }

    /* 회원 한 건은 이름·아이디와 네 가지 핵심값을 하나의 요약 영역으로 표시한다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-admin-mobile-member-identity {
        display:flex !important;
        align-items:center !important;
        gap:8px !important;
        min-width:0 !important;
        margin:0 0 9px !important;
        line-height:1.5 !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-admin-mobile-member-name {
        flex:0 1 auto !important;
        min-width:0 !important;
        overflow:hidden !important;
        color:#111 !important;
        font-size:14px !important;
        font-weight:400 !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-admin-mobile-member-id {
        flex:0 1 auto !important;
        min-width:0 !important;
        overflow:hidden !important;
        color:#2f7fd8 !important;
        font-size:13px !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-admin-mobile-member-facts {
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:0 !important;
        width:100% !important;
        border-top:1px solid #e3e8f0 !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-admin-mobile-member-fact {
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:6px !important;
        min-width:0 !important;
        min-height:32px !important;
        padding:6px 8px 6px 0 !important;
        border-bottom:1px solid #e3e8f0 !important;
        color:#526078 !important;
        font-size:12px !important;
        white-space:nowrap !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-admin-mobile-member-fact:nth-child(even) {
        padding-right:0 !important;
        padding-left:8px !important;
        border-left:1px solid #e3e8f0 !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-cs-member-list .hm-admin-mobile-member-fact b {
        min-width:0 !important;
        overflow:hidden !important;
        color:#111 !important;
        font-size:13px !important;
        font-weight:400 !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }
}
/* changsu end */

/* changsu start: 관리자 모바일 목록 요약·실제 상세페이지 이동 공통 계약 */
@media screen and (max-width:767px) {
    /* 후순위 페이지 CSS가 보조 셀을 다시 grid로 표시하지 못하도록 최종 숨김 소유권을 고정한다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-summary-row:not(.hm-admin-mobile-expanded) > td.hm-admin-mobile-secondary {
        display:none !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-summary-row.hm-admin-mobile-actions-open > td.hm-admin-mobile-secondary.hm-admin-mobile-action-cell {
        display:grid !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-summary-row > td.hm-admin-mobile-summary-cell {
        min-height:40px !important;
        padding:8px 12px !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-summary-row > td.hm-admin-mobile-card-nav-cell {
        display:block !important;
        min-height:0 !important;
        padding:8px 12px !important;
        border:0 !important;
        border-top:1px solid #e3e8f0 !important;
        background:#f8fafc !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-admin-mobile-card-nav {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        align-items:stretch !important;
        gap:8px !important;
        width:100% !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-admin-mobile-card-nav.hm-admin-mobile-card-nav-split {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract :is(
        .hm-admin-mobile-card-detail,.hm-admin-mobile-card-quick-toggle
    ) {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        height:36px !important;
        min-height:36px !important;
        margin:0 !important;
        padding:0 10px !important;
        border:1px solid #cfd6e2 !important;
        border-radius:0 !important;
        background:#fff !important;
        color:#111 !important;
        font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
        font-size:13px !important;
        font-weight:400 !important;
        line-height:34px !important;
        text-align:center !important;
        text-decoration:none !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-admin-mobile-card-detail {
        border-color:#3484db !important;
        background:#3484db !important;
        color:#fff !important;
    }

    /* 상품목록은 요약 상태에서 상품명·가격·재고만 남기고 목록 전용 작업은 빠른 작업에서 연다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table-item > tbody > tr.hm-admin-mobile-summary-row {
        position:relative !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table-item > tbody > tr.hm-admin-mobile-summary-row > td.hm-cell-check {
        position:absolute !important;
        z-index:2 !important;
        top:8px !important;
        right:12px !important;
        display:block !important;
        width:24px !important;
        min-width:24px !important;
        min-height:24px !important;
        padding:2px !important;
        border:0 !important;
        background:transparent !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table-item > tbody > tr.hm-admin-mobile-summary-row > td.hm-cell-check::before {
        display:none !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table-item > tbody > tr.hm-admin-mobile-summary-row:not(.hm-admin-mobile-actions-open) :is(
        .hm-code-actions,.hm-item-market-actions,.hm-item-delivery-summary,.hm-item-extra-row-collapsible
    ) {
        display:none !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table-item > tbody > tr.hm-admin-mobile-summary-row .hm-item-extra-inline-primary {
        display:-webkit-box !important;
        max-height:calc(1.55em * 2) !important;
        overflow:hidden !important;
        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important;
        line-clamp:2 !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-admin-mobile-row-item-summary {
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:8px !important;
        width:100% !important;
        min-width:0 !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-admin-mobile-row-item-title {
        display:-webkit-box !important;
        min-width:0 !important;
        overflow:hidden !important;
        color:#111 !important;
        line-height:1.55 !important;
        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important;
        line-clamp:2 !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-admin-mobile-row-item-count {
        flex:0 0 auto !important;
        color:#526078 !important;
        font-size:12px !important;
        white-space:nowrap !important;
    }

    /* 주문 선택 체크박스도 별도 한 줄을 차지하지 않게 카드 우측 상단에 둔다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table-order > tbody > tr.hm-admin-mobile-summary-row {
        position:relative !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table-order > tbody > tr.hm-admin-mobile-summary-row > td.td_chk {
        position:absolute !important;
        z-index:2 !important;
        top:8px !important;
        right:12px !important;
        display:block !important;
        width:24px !important;
        min-width:24px !important;
        min-height:24px !important;
        padding:2px !important;
        border:0 !important;
        background:transparent !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table-order > tbody > tr.hm-admin-mobile-summary-row > td.td_chk::before {
        display:none !important;
    }

    /* 통계는 존재하지 않는 상세페이지 버튼 대신 두 칸 지표 카드로 압축한다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-metric-row {
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        align-items:stretch !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-metric-row > td {
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        justify-content:center !important;
        gap:3px !important;
        width:auto !important;
        min-width:0 !important;
        min-height:54px !important;
        padding:8px 10px !important;
        border-right:1px solid #e3e8f0 !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-metric-row > td:nth-child(even) {
        border-right:0 !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-metric-row > td.hm-admin-mobile-metric-key {
        grid-column:1 / -1 !important;
        border-right:0 !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-metric-row > td::before {
        display:block !important;
        width:100% !important;
        color:#526078 !important;
        font-size:12px !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-metric-row > td > .hm-admin-mobile-cell-value {
        grid-column:auto !important;
        width:100% !important;
    }
}
/* changsu end */

/* changsu start: 관리자 모바일 본문·동적 레이어 액션 버튼 최종 높이 계약
   페이지별 버튼 CSS보다 우선하는 cascade layer에서 검색 버튼과 같은 높이로 통일한다. */
@layer hm-admin-control-contract {
    @media screen and (max-width:767px) {
        html body.hm-admin-mobile #container.hm-admin-contract :is(
            button,input[type="button"],input[type="submit"],input[type="reset"],
            a.btn,a.hm-btn,a.hm-action-btn,a.hm-list-btn,a.btn_submit,
            a.btn_01,a.btn_02,a.btn_03,a.btn_frmline,
            a.hm-btn-search,a.hm-btn-reset,[role="button"]
        ):not(.hm-admin-mobile-filter-toggle),
        html body.hm-admin-mobile > :is(
            .hm-item-memo-layer,.ex-modal,.hm-admin-mobile-layer,.swal2-container
        ) :is(
            button,input[type="button"],input[type="submit"],input[type="reset"],
            a.btn,a.hm-btn,a.hm-action-btn,a.hm-list-btn,a.btn_submit,
            a.btn_01,a.btn_02,a.btn_03,a.btn_frmline,
            a.hm-btn-search,a.hm-btn-reset,[role="button"]
        ) {
            display:inline-flex !important;
            align-items:center !important;
            justify-content:center !important;
            min-height:var(--hm-admin-mobile-button-height) !important;
            max-height:var(--hm-admin-mobile-button-height) !important;
            height:var(--hm-admin-mobile-button-height) !important;
            padding-top:0 !important;
            padding-bottom:0 !important;
            font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
            font-size:13px !important;
            font-weight:400 !important;
            line-height:1 !important;
            vertical-align:middle !important;
            white-space:nowrap !important;
            box-sizing:border-box !important;
        }
    }
}
/* changsu end */

/* changsu start: 관리자 모바일 카드 값 열 공통 정렬 계약
   일반 값은 같은 왼쪽 시작선을 사용하고 버튼·상태 배지·아이콘의 내부 정렬은 보존한다. */
@layer hm-admin-card-value-alignment-contract {
    @media screen and (max-width:767px) {
        html body.hm-admin-mobile #container.hm-admin-contract table.hm-admin-mobile-card-table .hm-admin-mobile-cell-value :is(
            div,p,ul,ol
        ),
        html body.hm-admin-mobile #container.hm-admin-contract table.hm-admin-mobile-card-table .hm-admin-mobile-cell-value a:not(
            .btn,.hm-btn,.hm-action-btn,.hm-list-btn,.btn_submit,.btn_01,.btn_02,.btn_03,.btn_frmline,
            .hm-btn-search,.hm-btn-reset,[role="button"]
        ),
        html body.hm-admin-mobile #container.hm-admin-contract table.hm-admin-mobile-card-table .hm-admin-mobile-cell-value :is(
            span,strong,em,small
        ):not([class*="badge"]):not([class*="status"]):not([class*="state"]):not([class*="tag"]):not([class*="icon"]):not([class*="impact"]):not([class*="priority"]) {
            margin-left:0 !important;
            margin-right:0 !important;
            text-align:left !important;
            justify-content:flex-start !important;
            justify-self:start !important;
            box-sizing:border-box !important;
        }
    }
}
/* changsu end */

/* changsu start: 관리자 모바일 폼 크기·버튼 행 공통 정렬 계약
   카드와 폼의 입력 글자/높이를 통일하고 복수 버튼 행을 값 영역의 양 끝에 맞춘다. */
@layer hm-admin-control-contract {
    @media screen and (max-width:767px) {
        /* JS 값 래퍼로 이동한 접근성/상태용 요소가 체크박스로 노출되지 않게 한다. */
        html body.hm-admin-mobile #container.hm-admin-contract .sound_only {
            position:absolute !important;
            width:1px !important;
            min-width:1px !important;
            max-width:1px !important;
            height:1px !important;
            min-height:1px !important;
            max-height:1px !important;
            margin:-1px !important;
            padding:0 !important;
            border:0 !important;
            clip:rect(0,0,0,0) !important;
            clip-path:inset(50%) !important;
            overflow:hidden !important;
            white-space:nowrap !important;
        }

        /* 페이지네이션은 390px 안에서 다음 줄로 자연스럽게 이어진다. */
        html body.hm-admin-mobile #container#container.hm-admin-contract .pg_wrap,
        html body.hm-admin-mobile #container#container.hm-admin-contract .pg_wrap .pg {
            position:static !important;
            display:flex !important;
            align-items:center !important;
            justify-content:center !important;
            flex-wrap:wrap !important;
            gap:4px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            height:auto !important;
            margin-left:0 !important;
            margin-right:0 !important;
            box-sizing:border-box !important;
        }
        html body.hm-admin-mobile #container#container.hm-admin-contract .pg_wrap :is(
            .pg_page,.pg_current,.pg_start,.pg_prev,.pg_next,.pg_end
        ) {
            flex:0 0 32px !important;
            width:32px !important;
            min-width:32px !important;
            max-width:32px !important;
            margin:0 !important;
            box-sizing:border-box !important;
        }

        /* 관리자 모바일의 체크박스도 다른 입력 박스와 동일하게 직각으로 통일한다. */
        html body.hm-admin-mobile #container#container.hm-admin-contract input[type="checkbox"] {
            border-radius:0 !important;
        }

        /* 영카트 부가서비스의 965px 고정폭을 모바일 단일 열로 해제한다. */
        html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-service .service_wrap,
        html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-service .service_wrap > div,
        html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-service .service_2,
        html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-service .svc_ri,
        html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-service .svc_a {
            float:none !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            height:auto !important;
            margin-left:0 !important;
            margin-right:0 !important;
            box-sizing:border-box !important;
        }
        html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-service .service_wrap {
            display:grid !important;
            grid-template-columns:minmax(0,1fr) !important;
            gap:12px !important;
            overflow:visible !important;
        }
        html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-service .service_2 .svc_ri .svc_a {
            padding:0 !important;
        }
        html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-service .svc_btn2 {
            position:static !important;
            display:block !important;
            width:100% !important;
            height:auto !important;
            margin-top:12px !important;
            text-align:center !important;
        }
        html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-service .svc_btn2 > a {
            display:block !important;
            width:100% !important;
            height:auto !important;
            margin:0 !important;
            padding:0 !important;
            text-align:center !important;
        }

        /* 외부마켓 일괄적용 컨트롤은 숨겨지지 않도록 같은 폭의 2열로 배치한다. */
        html body.hm-admin-mobile #container#container.hm-admin-contract .hm-mrm-bulk-controls {
            display:grid !important;
            grid-template-columns:repeat(2,minmax(0,1fr)) !important;
            align-items:stretch !important;
            gap:8px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            box-sizing:border-box !important;
        }
        html body.hm-admin-mobile #container#container.hm-admin-contract .hm-mrm-bulk-controls > :is(input,select,button,a) {
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            margin:0 !important;
        }

        /* 송장 엑셀 새 창도 본문과 같은 13px·36px·직각 규격을 사용한다. */
        .orderlist-invoice-wrap,
        .orderlist-invoice-wrap :is(div,p,li,label,span,strong,em,small,th,td) {
            font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
            font-size:13px !important;
            font-weight:400 !important;
            line-height:1.5 !important;
            box-sizing:border-box !important;
        }
        .orderlist-invoice-wrap :is(.orderlist-invoice-card,input,select,textarea,button,a.btn) {
            border-radius:0 !important;
        }
        .orderlist-invoice-wrap :is(button,a.btn,input[type="button"],input[type="submit"],input[type="reset"]) {
            display:flex !important;
            align-items:center !important;
            justify-content:center !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            min-height:36px !important;
            max-height:36px !important;
            height:36px !important;
            margin:0 !important;
            padding-top:0 !important;
            padding-bottom:0 !important;
            font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
            font-size:13px !important;
            font-weight:400 !important;
            line-height:1 !important;
            box-sizing:border-box !important;
        }
        .orderlist-invoice-wrap input[type="checkbox"] {
            border-radius:0 !important;
        }
        .orderlist-invoice-wrap .orderlist-invoice-table,
        .orderlist-invoice-wrap .orderlist-invoice-table table,
        .orderlist-invoice-wrap .orderlist-invoice-table tbody {
            display:block !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            overflow:visible !important;
            box-sizing:border-box !important;
        }
        .orderlist-invoice-wrap .orderlist-invoice-table thead {
            display:none !important;
        }
        .orderlist-invoice-wrap .orderlist-invoice-table tbody > tr {
            display:block !important;
            width:100% !important;
            margin-bottom:10px !important;
            border:1px solid #d8dee9 !important;
            box-sizing:border-box !important;
        }
        .orderlist-invoice-wrap .orderlist-invoice-table tbody > tr > td {
            display:grid !important;
            grid-template-columns:92px minmax(0,1fr) !important;
            align-items:center !important;
            gap:12px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            min-height:42px !important;
            padding:9px 10px !important;
            border:0 !important;
            border-bottom:1px solid #edf0f4 !important;
            white-space:normal !important;
            overflow-wrap:anywhere !important;
            box-sizing:border-box !important;
        }
        .orderlist-invoice-wrap .orderlist-invoice-table tbody > tr > td::before {
            color:#526078 !important;
            font-size:12px !important;
            line-height:1.45 !important;
        }
        .orderlist-invoice-wrap .orderlist-invoice-table tbody > tr > td:nth-child(1)::before { content:"행"; }
        .orderlist-invoice-wrap .orderlist-invoice-table tbody > tr > td:nth-child(2)::before { content:"주문출처"; }
        .orderlist-invoice-wrap .orderlist-invoice-table tbody > tr > td:nth-child(3)::before { content:"로컬주문번호"; }
        .orderlist-invoice-wrap .orderlist-invoice-table tbody > tr > td:nth-child(4)::before { content:"외부식별자"; }
        .orderlist-invoice-wrap .orderlist-invoice-table tbody > tr > td:nth-child(5)::before { content:"배송사코드"; }
        .orderlist-invoice-wrap .orderlist-invoice-table tbody > tr > td:nth-child(6)::before { content:"송장번호"; }
        .orderlist-invoice-wrap .orderlist-invoice-table tbody > tr > td:nth-child(7)::before { content:"결과"; }
        .orderlist-invoice-wrap .orderlist-invoice-table tbody > tr > td:nth-child(8)::before { content:"메시지"; }
        .orderlist-invoice-wrap .orderlist-invoice-table tbody > tr > td.empty_table {
            display:block !important;
        }
        .orderlist-invoice-wrap .orderlist-invoice-table tbody > tr > td.empty_table::before {
            display:none !important;
        }

        /* 엑셀 상품명 치환 임베디드 화면도 레이어 폭 안에서 같은 컨트롤 규격을 쓴다. */
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page :is(
            button,a.btn,a.hm-btn,.hm-btn-search,.hm-btn-reset,input[type="button"],input[type="submit"],input[type="reset"]
        ) {
            display:flex !important;
            align-items:center !important;
            justify-content:center !important;
            min-height:36px !important;
            max-height:36px !important;
            height:36px !important;
            padding-top:0 !important;
            padding-bottom:0 !important;
            border-radius:0 !important;
            font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
            font-size:13px !important;
            font-weight:400 !important;
            line-height:1 !important;
            box-sizing:border-box !important;
        }
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page input[type="checkbox"] {
            width:22px !important;
            min-width:22px !important;
            max-width:22px !important;
            height:22px !important;
            min-height:22px !important;
            max-height:22px !important;
            border-radius:0 !important;
        }
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-list-wrap,
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-order-excel-name-replace-table,
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-order-excel-name-replace-table > thead,
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-order-excel-name-replace-table > tbody {
            display:block !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            overflow:visible !important;
            box-sizing:border-box !important;
        }
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-order-excel-name-replace-table > colgroup,
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-order-excel-name-replace-table > thead > tr:not(.hm-list-meta-row) {
            display:none !important;
        }
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-order-excel-name-replace-table > thead > tr.hm-list-meta-row,
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-order-excel-name-replace-table > thead > tr.hm-list-meta-row > th,
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-order-excel-name-replace-table > tbody > tr,
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-order-excel-name-replace-table > tbody > tr > td {
            display:block !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            box-sizing:border-box !important;
        }
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-order-excel-name-replace-table > tbody > tr > td {
            padding:10px !important;
            white-space:normal !important;
            overflow-wrap:anywhere !important;
        }
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-order-excel-name-replace-row-form {
            display:grid !important;
            grid-template-columns:minmax(0,1fr) !important;
            gap:8px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
        }
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-submit-center {
            display:grid !important;
            grid-template-columns:repeat(2,minmax(0,96px)) !important;
            justify-content:center !important;
            align-items:stretch !important;
            gap:8px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
        }
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page .hm-submit-center > :is(button,a,input) {
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            margin:0 !important;
        }

        /* 페이지 CSS의 고정폭·flex 표 규칙보다 우선하는 공통 모바일 카드 구조 */
        html body.hm-admin-mobile #container#container.hm-admin-contract .hm-admin-mobile-card-wrap {
            display:block !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            overflow:visible !important;
            box-sizing:border-box !important;
        }
        html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table,
        html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > thead,
        html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody {
            display:block !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            table-layout:auto !important;
            box-sizing:border-box !important;
        }
        html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr {
            display:block !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            box-sizing:border-box !important;
        }
        html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > thead > tr {
            display:none !important;
        }
        html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > thead > tr.hm-list-meta-row:not([aria-hidden="true"]) {
            display:block !important;
        }
        html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr > td {
            float:none !important;
            display:grid !important;
            grid-template-columns:92px minmax(0,1fr) !important;
            align-items:center !important;
            gap:12px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            box-sizing:border-box !important;
        }
        html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr > td:is(
            .hm-admin-mobile-card-wide,.empty_table,.empty_list,.hm-admin-mobile-card-toggle-cell
        ) {
            display:block !important;
        }

        /* 통합 문의의 데스크톱 5열 요약을 모바일에서는 읽기 순서대로 한 줄씩 표시한다. */
        html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-inquiry-unified-list #rg_inquiry_list > tbody > tr.inquiry-data-row {
            display:block !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
        }
        html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-inquiry-unified-list #rg_inquiry_list > tbody > tr.inquiry-data-row > td:nth-child(-n+5) {
            display:grid !important;
            grid-row:auto !important;
            grid-column:auto !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            border-right:0 !important;
            border-bottom:1px solid #edf0f4 !important;
            background:#fff !important;
        }
        html body.hm-admin-mobile #container#container.hm-admin-contract.hm-page-inquiry-unified-list #rg_inquiry_list > tbody > tr.inquiry-data-row > td.inquiry-detail-cell {
            display:block !important;
            grid-row:auto !important;
            grid-column:auto !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
        }

        /* 한 셀 안의 복수 관리 버튼도 값 열의 좌우 끝에 맞춘다. */
        html body.hm-admin-mobile #container#container.hm-admin-contract .hm-member-hold-manage-cell .hm-admin-mobile-cell-value {
            display:grid !important;
            grid-template-columns:repeat(2,minmax(0,1fr)) !important;
            gap:8px !important;
        }
        html body.hm-admin-mobile #container#container.hm-admin-contract .hm-member-hold-manage-cell .hm-admin-mobile-cell-value > :is(a,button,input) {
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            margin:0 !important;
        }

        /* 상품목록 상단 작업영역은 전체 폭과 2열 버튼 규칙을 명확히 구분한다. */
        html body.hm-admin-mobile #container.hm-admin-contract.hm-page-itemlist .hm-list-meta-controls {
            display:grid !important;
            grid-template-columns:repeat(2,minmax(0,1fr)) !important;
            align-items:stretch !important;
            gap:8px !important;
            width:100% !important;
        }
        html body.hm-admin-mobile #container.hm-admin-contract.hm-page-itemlist .hm-list-meta-controls > .hm-btn {
            grid-column:auto !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            margin:0 !important;
        }
        html body.hm-admin-mobile #container.hm-admin-contract.hm-page-itemlist .hm-list-meta-controls > .hm-btn-solid,
        html body.hm-admin-mobile #container.hm-admin-contract.hm-page-itemlist .hm-list-meta-controls > .hm-itemlist-action-group,
        html body.hm-admin-mobile #container.hm-admin-contract.hm-page-itemlist .hm-list-meta-controls > .hm-list-rows-select {
            grid-column:1 / -1 !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            margin:0 !important;
        }
        html body.hm-admin-mobile #container.hm-admin-contract.hm-page-itemlist .hm-list-meta-controls .hm-itemlist-action-select {
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            margin:0 !important;
        }
        html body.hm-admin-mobile #container.hm-admin-contract.hm-page-itemlist .hm-list-meta-item-actions {
            display:grid !important;
            grid-template-columns:repeat(2,minmax(0,1fr)) !important;
            align-items:stretch !important;
            gap:8px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
        }
        html body.hm-admin-mobile #container.hm-admin-contract.hm-page-itemlist .hm-list-meta-item-actions > .hm-btn {
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            margin:0 !important;
            padding-left:6px !important;
            padding-right:6px !important;
            white-space:normal !important;
        }
        html body.hm-admin-mobile #container.hm-admin-contract.hm-page-itemlist table.hm-admin-mobile-card-table .hm-cell-price input,
        html body.hm-admin-mobile #container.hm-admin-contract.hm-page-itemlist table.hm-admin-mobile-card-table .hm-cell-stock input {
            padding-left:10px !important;
            padding-right:10px !important;
            color:#111 !important;
            text-align:right !important;
        }

        html body.hm-admin-mobile #container.hm-admin-contract :is(
            input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
            select:not([multiple]),select:not([multiple])[size="1"]
        ),
        html body.hm-admin-mobile > :is(
            .hm-item-memo-layer,.ex-modal,.hm-admin-mobile-layer,.swal2-container
        ) :is(
            input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
            select:not([multiple]),select:not([multiple])[size="1"]
        ),
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page :is(
            input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select:not([multiple])
        ),
        body.pc-order-goods-popup .pc-popup-wrap :is(
            input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select:not([multiple])
        ),
        .orderlist-invoice-wrap :is(
            input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select:not([multiple])
        ) {
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            min-height:var(--hm-admin-mobile-button-height,36px) !important;
            max-height:var(--hm-admin-mobile-button-height,36px) !important;
            height:var(--hm-admin-mobile-button-height,36px) !important;
            font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
            font-size:13px !important;
            font-weight:400 !important;
            line-height:normal !important;
            vertical-align:middle !important;
            box-sizing:border-box !important;
        }
        html body.hm-admin-mobile #container.hm-admin-contract textarea,
        html body.hm-admin-mobile > :is(
            .hm-item-memo-layer,.ex-modal,.hm-admin-mobile-layer,.swal2-container
        ) textarea,
        body.hm-order-excel-name-replace-embedded #hm-order-excel-name-replace-page textarea,
        .orderlist-invoice-wrap textarea {
            height:auto !important;
            min-height:72px !important;
            max-height:none !important;
            font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
            font-size:13px !important;
            font-weight:400 !important;
            line-height:1.5 !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container.hm-admin-contract table.hm-admin-mobile-card-table .hm-admin-mobile-cell-value :is(td,th) {
            font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
            font-size:13px !important;
            font-weight:400 !important;
            line-height:1.5 !important;
        }

        html body.hm-admin-mobile #container.hm-admin-contract table.hm-admin-mobile-card-table .hm-admin-mobile-cell-value :is(
            .hm-delivery-inline-actions,.ex-invoice-actions,.hm-code-actions,
            .hm-manage-row,.hm-market-manage-actions,.orderlist-inline-goodsno-map__controls
        ) {
            display:flex !important;
            align-items:stretch !important;
            justify-content:flex-start !important;
            flex-flow:row wrap !important;
            gap:8px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            margin-left:0 !important;
            margin-right:0 !important;
            box-sizing:border-box !important;
        }
        html body.hm-admin-mobile #container.hm-admin-contract table.hm-admin-mobile-card-table .hm-admin-mobile-cell-value .hm-manage-actions {
            display:flex !important;
            flex-direction:column !important;
            align-items:stretch !important;
            gap:8px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            margin:0 !important;
            box-sizing:border-box !important;
        }
        html body.hm-admin-mobile #container.hm-admin-contract table.hm-admin-mobile-card-table .hm-admin-mobile-cell-value :is(
            .hm-delivery-inline-actions,.ex-invoice-actions,.hm-code-actions,
            .hm-manage-row,.hm-market-manage-actions,.orderlist-inline-goodsno-map__controls
        ) > :is(
            button,input[type="button"],input[type="submit"],input[type="reset"],
            a.btn,a.hm-btn,a.hm-action-btn,a.hm-list-btn,a[role="button"]
        ) {
            flex:1 1 calc(50% - 4px) !important;
            width:auto !important;
            min-width:0 !important;
            max-width:none !important;
            margin:0 !important;
        }
        html body.hm-admin-mobile #container.hm-admin-contract table.hm-admin-mobile-card-table .hm-admin-mobile-cell-value .orderlist-inline-goodsno-map {
            display:flex !important;
            flex-direction:column !important;
            align-items:stretch !important;
            gap:6px !important;
            width:100% !important;
        }
        html body.hm-admin-mobile #container.hm-admin-contract table.hm-admin-mobile-card-table .hm-admin-mobile-cell-value .orderlist-inline-goodsno-map__controls > input {
            flex:1 1 auto !important;
            width:100% !important;
            min-width:0 !important;
            max-width:none !important;
            margin:0 !important;
        }
        html body.hm-admin-mobile #container.hm-admin-contract table.hm-admin-mobile-card-table .hm-admin-mobile-cell-value .orderlist-inline-goodsno-map__controls {
            display:grid !important;
            grid-template-columns:minmax(0,1fr) 64px !important;
        }
        html body.hm-admin-mobile #container.hm-admin-contract table.hm-admin-mobile-card-table .hm-admin-mobile-cell-value .orderlist-inline-goodsno-map__controls > button {
            width:64px !important;
            min-width:64px !important;
            max-width:64px !important;
        }
    }
}
/* changsu end */

/* changsu end: iPhone 12 Pro 기준 관리자 공통 모바일 레이아웃 */

/* changsu start: 관리자 모바일 선 두께·소유권 공통 계약
   목록 래퍼/카드/셀의 중복선을 제거하고 외곽선과 내부 구분선을 각각 한 요소만 소유한다. */
@media screen and (max-width:767px) {
    html body.hm-admin-mobile #container#container.hm-admin-contract :is(
        .hm-list-wrap,.hm-list-panel,.hm-table-wrap,.tbl_wrap
    ):has(table.hm-admin-mobile-card-table) {
        border:0 !important;
        outline:0 !important;
        box-shadow:none !important;
        background:transparent !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr {
        border:1px solid #d8dee9 !important;
        outline:0 !important;
        box-shadow:none !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table > thead > tr.hm-list-meta-row > th {
        border:1px solid #d8dee9 !important;
        outline:0 !important;
        box-shadow:none !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr > :is(th,td) {
        border-top:0 !important;
        border-right:0 !important;
        border-bottom:1px solid #e3e8f0 !important;
        border-left:0 !important;
        outline:0 !important;
        box-shadow:none !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr > :is(th,td):last-child,
    html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr > td.hm-admin-mobile-card-toggle-cell {
        border-bottom:0 !important;
    }

    /* PC용 좌우 분할선은 모바일 세로 배치에서 짧은 고립선이 되므로 품목 행 전체 구분선으로 바꾼다. */
    html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table .td_orderitem :is(
        .order-item-split-left,.order-item-split-right
    ) {
        height:auto !important;
        border:0 !important;
        background:transparent !important;
        outline:0 !important;
        box-shadow:none !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr > td.td_orderitem.td_orderitem-split,
    html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table .td_orderitem :is(
        .order-item-split,.order-item-split-row,.order-management-product-box,.order-product-row
    ) {
        height:auto !important;
        min-height:0 !important;
        overflow:visible !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table .td_orderitem .order-item-split-row {
        border:0 !important;
        border-bottom:1px solid #e3e8f0 !important;
        background:transparent !important;
        outline:0 !important;
        box-shadow:none !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table .td_orderitem .order-item-split-row:last-child {
        border-bottom:0 !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract :is(
        button,.hm-btn,.hm-action-btn,.hm-list-btn,input[type="button"],input[type="submit"],input[type="reset"]
    ):not(.hm-admin-mobile-menu-button):not(.excel-name-replace-close) {
        border-width:1px !important;
        border-style:solid !important;
    }

    /* 본문과 iframe 레이어의 폼 선도 같은 1px 계약을 사용한다. */
    html body.hm-admin-mobile #container#container.hm-admin-contract :is(
        select,textarea,
        input:not([type]),
        input[type="text"],input[type="search"],input[type="password"],
        input[type="email"],input[type="tel"],input[type="url"],input[type="number"],
        input[type="date"],input[type="datetime-local"],input[type="time"],
        input[type="month"],input[type="week"],input[type="file"]
    ) {
        border-width:1px !important;
        border-style:solid !important;
    }

    body.hm-order-excel-name-replace-embedded :is(
        select,textarea,
        input:not([type]),
        input[type="text"],input[type="search"],input[type="password"],
        input[type="email"],input[type="tel"],input[type="url"],input[type="number"],
        input[type="date"],input[type="datetime-local"],input[type="time"],
        input[type="month"],input[type="week"],input[type="file"],
        button,input[type="button"],input[type="submit"],input[type="reset"]
    ) {
        border-width:1px !important;
        border-style:solid !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract .hm-category-tree-node {
        border-left-width:1px !important;
    }

    html body.hm-admin-mobile #container#container.hm-admin-contract #grp_color {
        border-width:1px !important;
    }

    .orderlist-invoice-wrap .orderlist-invoice-table tbody > tr > td:last-child {
        border-bottom:0 !important;
    }
}
/* changsu end */

/* changsu start: 목록 요약 표시 최종 cascade 소유권 */
@layer hm-admin-control-contract {
    @media screen and (max-width:767px) {
        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-summary-row:not(.hm-admin-mobile-expanded) > td.hm-admin-mobile-secondary {
            display:none !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-summary-row.hm-admin-mobile-actions-open > td.hm-admin-mobile-secondary.hm-admin-mobile-action-cell {
            display:grid !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-summary-row > td.hm-admin-mobile-card-nav-cell {
            display:block !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-metric-row {
            display:grid !important;
            grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-metric-row > td {
            display:flex !important;
            width:auto !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-summary-row:not(.hm-admin-mobile-actions-open) .hm-admin-mobile-row-detail-content,
        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-order > tbody > tr.hm-admin-mobile-summary-row:not(.hm-admin-mobile-actions-open) .order-paper-action,
        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-item > tbody > tr.hm-admin-mobile-summary-row:not(.hm-admin-mobile-actions-open) :is(
            .hm-code-actions,.hm-item-market-actions,.hm-item-delivery-summary,.hm-item-extra-row-collapsible
        ) {
            display:none !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-summary-row.hm-admin-mobile-actions-open .hm-admin-mobile-row-item-summary {
            display:none !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-item > tbody > tr.hm-admin-mobile-summary-row.hm-admin-mobile-actions-open :is(
            .hm-code-actions,.hm-item-market-actions,.hm-item-delivery-summary,.hm-item-extra-row-collapsible
        ) {
            display:grid !important;
        }

        /* 상품목록은 이미지·상품명·도매가·재고를 한 요약 영역으로 묶고 수정 입력은 빠른 작업에 둔다. */
        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-item > tbody > tr.hm-admin-mobile-summary-row > td.hm-admin-mobile-item-overview {
            display:grid !important;
            grid-template-columns:68px minmax(0,1fr) !important;
            align-items:start !important;
            gap:12px !important;
            width:100% !important;
            min-width:0 !important;
            min-height:124px !important;
            padding:12px 44px 12px 12px !important;
            border:0 !important;
            background:#fff !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-item > tbody > tr.hm-admin-mobile-summary-row > td.hm-admin-mobile-item-overview::before {
            display:none !important;
            content:none !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-item-overview-thumb {
            display:flex !important;
            align-items:center !important;
            justify-content:center !important;
            width:68px !important;
            height:68px !important;
            min-width:68px !important;
            overflow:hidden !important;
            border:1px solid #e3e8f0 !important;
            background:#fff !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-item-overview-thumb img {
            display:block !important;
            width:auto !important;
            max-width:60px !important;
            height:auto !important;
            max-height:60px !important;
            object-fit:contain !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-item-overview-body {
            display:block !important;
            min-width:0 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-item-overview-code {
            margin:0 0 5px !important;
            color:#526078 !important;
            font-size:12px !important;
            line-height:1.4 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-item-overview-name {
            display:-webkit-box !important;
            min-width:0 !important;
            min-height:40px !important;
            margin:0 !important;
            overflow:hidden !important;
            color:#111 !important;
            font-size:13px !important;
            font-weight:400 !important;
            line-height:1.55 !important;
            -webkit-box-orient:vertical !important;
            -webkit-line-clamp:2 !important;
            line-clamp:2 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-item-overview-facts {
            display:grid !important;
            grid-template-columns:repeat(2,minmax(0,1fr)) !important;
            gap:0 !important;
            width:100% !important;
            margin-top:7px !important;
            border-top:1px solid #e3e8f0 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-item-overview-fact {
            display:flex !important;
            align-items:center !important;
            justify-content:space-between !important;
            gap:5px !important;
            min-width:0 !important;
            padding:7px 7px 0 0 !important;
            color:#526078 !important;
            font-size:12px !important;
            line-height:1.4 !important;
            white-space:nowrap !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-item-overview-fact + .hm-admin-mobile-item-overview-fact {
            padding-right:0 !important;
            padding-left:7px !important;
            border-left:1px solid #e3e8f0 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-item-overview-fact b {
            min-width:0 !important;
            overflow:hidden !important;
            color:#111 !important;
            font-size:13px !important;
            font-weight:400 !important;
            text-overflow:ellipsis !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-item > tbody > tr.hm-admin-mobile-summary-row > td.hm-cell-check {
            display:flex !important;
            align-items:center !important;
            justify-content:center !important;
            left:auto !important;
            top:12px !important;
            right:12px !important;
            width:24px !important;
            min-width:24px !important;
            max-width:24px !important;
            height:24px !important;
            min-height:24px !important;
            max-height:24px !important;
            padding:0 !important;
            border:0 !important;
            background:transparent !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-item > tbody > tr.hm-admin-mobile-summary-row > td.hm-cell-check > .hm-admin-mobile-cell-value {
            display:flex !important;
            grid-column:auto !important;
            align-items:center !important;
            justify-content:center !important;
            width:24px !important;
            min-width:24px !important;
            height:24px !important;
            margin:0 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-item > tbody > tr.hm-admin-mobile-summary-row > td.hm-cell-check input[type='checkbox'] {
            position:static !important;
            margin:0 !important;
        }

        /* changsu start: rowspan 상품행은 첫 주문 카드에 종속시키고 주문 체크박스 겹침을 제거 */
        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-order > tbody > tr.hm-admin-mobile-order-continuation {
            display:none !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-order > tbody > tr.hm-admin-mobile-order-continuation.hm-admin-mobile-group-open {
            position:relative !important;
            display:block !important;
            width:100% !important;
            min-width:0 !important;
            margin:-13px 0 13px !important;
            padding:36px 10px 10px !important;
            border:1px solid #d8dee9 !important;
            border-top:0 !important;
            background:#f8fafc !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-order > tbody > tr.hm-admin-mobile-order-continuation.hm-admin-mobile-group-open::before {
            position:absolute !important;
            top:0 !important;
            right:10px !important;
            left:10px !important;
            display:flex !important;
            align-items:center !important;
            height:36px !important;
            border-bottom:1px solid #e3e8f0 !important;
            color:#111 !important;
            font-size:13px !important;
            font-weight:400 !important;
            line-height:1 !important;
            content:'추가 상품 · 빠른 작업' !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-order > tbody > tr.hm-admin-mobile-order-continuation.hm-admin-mobile-group-open > td {
            display:grid !important;
            grid-template-columns:92px minmax(0,1fr) !important;
            align-items:center !important;
            gap:8px !important;
            width:100% !important;
            min-width:0 !important;
            min-height:40px !important;
            padding:8px 0 !important;
            border:0 !important;
            border-bottom:1px solid #e3e8f0 !important;
            background:transparent !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-order > tbody > tr.hm-admin-mobile-order-continuation.hm-admin-mobile-group-open > td:last-child {
            border-bottom:0 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-order > tbody > tr.hm-admin-mobile-summary-row > td.td_chk {
            position:absolute !important;
            z-index:2 !important;
            top:12px !important;
            right:12px !important;
            left:auto !important;
            display:flex !important;
            grid-template-columns:none !important;
            align-items:center !important;
            justify-content:center !important;
            width:24px !important;
            min-width:24px !important;
            max-width:24px !important;
            height:24px !important;
            min-height:24px !important;
            max-height:24px !important;
            padding:0 !important;
            border:0 !important;
            background:transparent !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-order > tbody > tr.hm-admin-mobile-summary-row > td.td_chk::before {
            display:none !important;
            content:none !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-order > tbody > tr.hm-admin-mobile-summary-row > td.td_chk > .hm-admin-mobile-cell-value {
            display:flex !important;
            grid-column:auto !important;
            align-items:center !important;
            justify-content:center !important;
            width:24px !important;
            min-width:24px !important;
            height:24px !important;
            margin:0 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-order > tbody > tr.hm-admin-mobile-summary-row > td.td_chk input[type='checkbox'] {
            position:static !important;
            margin:0 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-order > tbody > tr.hm-admin-mobile-order-continuation.hm-admin-mobile-group-open > td.td_chk {
            display:none !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-card-table-order > tbody > tr.hm-admin-mobile-summary-row > td.td_orderinfo {
            padding-right:44px !important;
        }
        /* changsu end */

        /* 상품 상세 옵션 입력이 390px 화면 밖으로 밀리지 않게 실제 입력 폭을 셀에 맞춘다. */
        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-goods-itemform :is(
            #opt1,#opt2,#opt3,#spl_item_1
        ) {
            width:calc(100% - 82px) !important;
            min-width:0 !important;
            max-width:calc(100% - 82px) !important;
            margin-right:0 !important;
            box-sizing:border-box !important;
        }

        /* 스마트스토어 인증 상세 편집 표는 각 인증 행을 라벨형 폼 카드로 변환한다. */
        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table,
        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table > table,
        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table > table > tbody {
            display:block !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            overflow:visible !important;
            table-layout:auto !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table > table > :is(colgroup,thead) {
            display:none !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table > table > tbody > tr {
            display:block !important;
            width:100% !important;
            min-width:0 !important;
            margin:0 0 10px !important;
            border:1px solid #d8dee9 !important;
            background:#fff !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table > table > tbody > tr > td {
            display:grid !important;
            grid-template-columns:96px minmax(0,1fr) !important;
            align-items:center !important;
            gap:8px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            padding:8px !important;
            border:0 !important;
            border-bottom:1px solid #e3e8f0 !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table > table > tbody > tr > td:last-child {
            border-bottom:0 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table > table > tbody > tr > td::before {
            color:#526078 !important;
            font-size:12px !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table > table > tbody > tr > td:nth-child(1)::before {content:'인증항목' !important;}
        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table > table > tbody > tr > td:nth-child(2)::before {content:'인증종류' !important;}
        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table > table > tbody > tr > td:nth-child(3)::before {content:'인증명' !important;}
        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table > table > tbody > tr > td:nth-child(4)::before {content:'인증번호' !important;}
        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table > table > tbody > tr > td:nth-child(5)::before {content:'인증마크' !important;}
        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table > table > tbody > tr > td:nth-child(6)::before {content:'기관명' !important;}
        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table > table > tbody > tr > td:nth-child(7)::before {content:'인증일자' !important;}
        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table > table > tbody > tr > td:nth-child(8)::before {content:'삭제' !important;}

        html body.hm-admin-mobile #container#container#container.hm-admin-contract .smartstore-cert-edit-table :is(
            input:not([type='checkbox']):not([type='radio']),select,.smartstore-cert-select-wrap
        ) {
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            box-sizing:border-box !important;
        }
    }
}
/* changsu end */

/* changsu start: 회원 요약 카드도 목록 최종 cascade layer에서 체크박스와 본문 배치를 소유 */
@layer hm-admin-control-contract {
    @media screen and (max-width:767px) {
        /* 관리자 본문 버튼은 페이지별 후순위 규칙과 무관하게 같은 글자 여백을 유지한다. */
        html body.hm-admin-mobile #container#container#container.hm-admin-contract :is(
            button,input[type='button'],input[type='submit'],input[type='reset'],
            a.btn,a.hm-btn,a.hm-action-btn,a.hm-list-btn,a.btn_submit,
            a.btn_01,a.btn_02,a.btn_03,a.btn_frmline,
            a.hm-btn-search,a.hm-btn-reset,
            .hm-admin-mobile-card-detail,.hm-admin-mobile-card-quick-toggle
        ):not(.hm-member-context-item) {
            padding-right:12px !important;
            padding-left:12px !important;
            white-space:nowrap !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-cs-member-list table.hm-admin-mobile-card-table-member > tbody > tr.hm-admin-mobile-summary-row {
            position:relative !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-cs-member-list table.hm-admin-mobile-card-table-member > tbody > tr.hm-admin-mobile-summary-row > td:is(.td_chk,.hm-admin-mobile-card-check-cell) {
            position:absolute !important;
            z-index:2 !important;
            top:12px !important;
            right:12px !important;
            left:auto !important;
            display:flex !important;
            grid-template-columns:none !important;
            align-items:center !important;
            justify-content:center !important;
            inline-size:24px !important;
            width:24px !important;
            min-width:24px !important;
            max-width:24px !important;
            height:24px !important;
            min-height:24px !important;
            max-height:24px !important;
            padding:0 !important;
            border:0 !important;
            background:transparent !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-cs-member-list table.hm-admin-mobile-card-table-member > tbody > tr.hm-admin-mobile-summary-row > td:is(.td_chk,.hm-admin-mobile-card-check-cell)::before {
            display:none !important;
            content:none !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-cs-member-list table.hm-admin-mobile-card-table-member > tbody > tr.hm-admin-mobile-summary-row > td:is(.td_chk,.hm-admin-mobile-card-check-cell) > .hm-admin-mobile-cell-value {
            display:flex !important;
            grid-column:auto !important;
            align-items:center !important;
            justify-content:center !important;
            inline-size:24px !important;
            width:24px !important;
            min-width:24px !important;
            height:24px !important;
            margin:0 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-cs-member-list table.hm-admin-mobile-card-table-member > tbody > tr.hm-admin-mobile-summary-row > td:is(.td_chk,.hm-admin-mobile-card-check-cell) input[type='checkbox'] {
            position:static !important;
            margin:0 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-cs-member-list table.hm-admin-mobile-card-table-member > tbody > tr.hm-admin-mobile-summary-row > td.hm-admin-mobile-member-overview {
            display:block !important;
            width:100% !important;
            min-width:0 !important;
            min-height:108px !important;
            padding:12px 44px 12px 12px !important;
            border:0 !important;
            background:#fff !important;
            box-sizing:border-box !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-cs-member-list table.hm-admin-mobile-card-table-member > tbody > tr.hm-admin-mobile-summary-row > td.hm-admin-mobile-member-overview::before {
            display:none !important;
            content:none !important;
        }
    }
}
/* changsu end */

/* changsu start: 관리자 모바일 텍스트 배지 좌우 여백 공통 계약 */
@layer hm-admin-control-contract {
    @media screen and (max-width:767px) {
        html body.hm-admin-mobile #container#container#container.hm-admin-contract :is(
            [class~='badge'],[class$='-badge'],[class*='-badge '],.hm-market-logo.has-letter
        ):not(.naver-badge) {
            display:inline-flex !important;
            align-items:center !important;
            justify-content:center !important;
            inline-size:auto !important;
            width:auto !important;
            min-width:0 !important;
            max-width:100% !important;
            padding-right:12px !important;
            padding-left:12px !important;
            line-height:1 !important;
            white-space:nowrap !important;
            box-sizing:border-box !important;
        }

        /* 글자형 마켓 로고도 아이콘 고정폭 대신 같은 배지 여백으로 내용을 감싼다. */
        html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-market-logo.has-letter {
            flex:0 0 auto !important;
            height:24px !important;
            min-height:24px !important;
        }
    }
}
/* changsu end */

/* changsu start: 관리자 모바일 폼 행 경계선과 입력 뒤 안내문 간격 공통 계약 */
@layer hm-admin-control-contract {
    @media screen and (max-width:767px) {
        /* 행 내부선은 제거하고 바깥 테두리와 항목 간격만으로 폼 구조를 구분한다. */
        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-form-table > tbody > tr,
        html body.hm-admin-mobile #container#container#container.hm-admin-contract[data-hm-layout='form'] .hm-form-card > table:not(.hm-admin-mobile-edit-table) > tbody > tr {
            position:relative !important;
            border-bottom:0 !important;
        }

        html body.hm-admin-mobile #container#container#container.hm-admin-contract table.hm-admin-mobile-form-table > tbody > tr > th,
        html body.hm-admin-mobile #container#container#container.hm-admin-contract[data-hm-layout='form'] .hm-form-card > table:not(.hm-admin-mobile-edit-table) > tbody > tr > th {
            background:#fff !important;
        }

        /* 선택박스·입력창 바로 뒤의 안내문과 동적 상태문구는 필드에 붙지 않게 같은 간격을 사용한다. */
        html body.hm-admin-mobile #container#container#container.hm-admin-contract :is(
            input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']):not([type='reset']),
            select,textarea
        ) + :is(.frm_info,.hm-form-help,.hm-category-field-help,[id^='category_info_']) {
            display:block !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            margin:6px 0 0 !important;
            white-space:normal !important;
            line-height:1.5 !important;
            box-sizing:border-box !important;
        }
    }
}
/* changsu end */

/* changsu start: 상품수정·주문상세 모바일 최종 레이아웃 우선순위 */
@media screen and (max-width:767px) {
    /* 페이지 후행 탭 CSS가 원본 앵커를 다시 표시하지 못하게 최종 후순위에서 확정한다. */
    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform:not(.hm-page-orderform) form[name='fitemform'] > section > .anchor.hm-admin-mobile-section-anchor-source,
    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-orderform #hm-orderform-page .hm-form-section > .anchor.hm-orderform-anchor.hm-admin-mobile-section-anchor-source {
        display:none !important;
    }

    /* 주문자·수령인은 레거시 table-cell 높이 균등화를 해제하고 라벨/값 2열로 압축한다. */
    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-orderform #hm-orderform-page :is(
        #anc_sodr_orderer,#anc_sodr_taker
    ) .tbl_frm01 > table,
    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-orderform #hm-orderform-page :is(
        #anc_sodr_orderer,#anc_sodr_taker
    ) .tbl_frm01 > table > tbody {
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        border:0 !important;
        table-layout:auto !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-orderform #hm-orderform-page :is(
        #anc_sodr_orderer,#anc_sodr_taker
    ) .tbl_frm01 > table > tbody > tr {
        display:grid !important;
        grid-template-columns:96px minmax(0,1fr) !important;
        align-items:start !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        border:0 !important;
        border-bottom:1px solid #e4e9f0 !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-orderform #hm-orderform-page :is(
        #anc_sodr_orderer,#anc_sodr_taker
    ) .tbl_frm01 > table > tbody > tr:last-child {
        border-bottom:0 !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-orderform #hm-orderform-page :is(
        #anc_sodr_orderer,#anc_sodr_taker
    ) .tbl_frm01 > table > tbody > tr > :is(th,td) {
        display:block !important;
        width:auto !important;
        min-width:0 !important;
        max-width:100% !important;
        height:auto !important;
        min-height:0 !important;
        margin:0 !important;
        padding:10px !important;
        border:0 !important;
        background:#fff !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-orderform #hm-orderform-page :is(
        #anc_sodr_orderer,#anc_sodr_taker
    ) .tbl_frm01 > table > tbody > tr > th {
        color:#526078 !important;
        background:#f8fafc !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-orderform #hm-orderform-page :is(
        #anc_sodr_orderer,#anc_sodr_taker
    ) .tbl_frm01 > table > tbody > tr > td > :is(input:not([type='checkbox']):not([type='radio']),select,textarea) {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    /* 중첩 키-값/치수 표는 셀 선 대신 행 하나가 경계를 소유한다. */
    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform:not(.hm-page-orderform) table:is(
        .hm-admin-mobile-key-value-table,.hm-admin-mobile-dimension-table
    ) > tbody > tr {
        border:0 !important;
        border-bottom:1px solid #e4e9f0 !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform:not(.hm-page-orderform) table:is(
        .hm-admin-mobile-key-value-table,.hm-admin-mobile-dimension-table
    ) > tbody > tr:last-child {
        border-bottom:0 !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform:not(.hm-page-orderform) table:is(
        .hm-admin-mobile-key-value-table,.hm-admin-mobile-dimension-table
    ) > tbody > tr > :is(th,td) {
        border:0 !important;
    }

    /* 세로로 배치된 연속 필드의 테두리가 맞닿지 않도록 공통 간격을 둔다. */
    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform:not(.hm-page-orderform) :is(
        #it_level_opt,
        #it_discount_start_hour,#it_discount_start_minute,
        #it_discount_end_hour,#it_discount_end_minute
    ),
    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-orderform #anc_sodr_list :is(
        .hm-order-item-delivery-invoice
    ) {
        margin-top:6px !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform:not(.hm-page-orderform) :is(
        #it_wholesale_return,#it_wholesale_exchange,#it_limg1_view
    ) {
        margin-top:6px !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform:not(.hm-page-orderform) .hm-admin-desc-box + #sit_compact {
        border-top:0 !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-orderform #anc_sodr_list .hm-admin-mobile-edit-table > tbody > tr:first-child,
    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-orderform #anc_sodr_pay .hm-order-pay-main-table > table > tbody > tr:first-child {
        border-top:0 !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform:not(.hm-page-orderform) :is(
        .hm-item-return-fee-line,.hm-item-exchange-fee-line
    ) {
        display:grid !important;
        grid-template-columns:42px minmax(0,1fr) auto !important;
        align-items:center !important;
        gap:8px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-itemform:not(.hm-page-orderform) :is(
        .hm-item-return-fee-line,.hm-item-exchange-fee-line
    ).hm-item-fee-line-secondary {
        margin-top:6px !important;
        margin-left:0 !important;
    }
}
/* changsu end: 상품수정·주문상세 모바일 최종 레이아웃 우선순위 */

/* changsu start: 주문목록 모바일 상단 정렬·페이지수 및 액션 버튼 2열 배치 */
@media screen and (max-width:767px) {
    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-orderlist .hm-list-meta-wrap:not(.hm-bottom-meta-wrap) > .hm-list-meta-controls {
        display:flex !important;
        flex-flow:row wrap !important;
        align-items:stretch !important;
        gap:8px !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-orderlist .hm-list-meta-wrap:not(.hm-bottom-meta-wrap) > .hm-list-meta-controls > .js-orderlist-sort-select {
        order:2 !important;
        flex:1 1 calc(50% - 4px) !important;
        width:auto !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-orderlist .hm-list-meta-wrap:not(.hm-bottom-meta-wrap) > .hm-list-meta-controls > .js-orderlist-page-rows-select {
        order:2 !important;
        flex:1 1 calc(50% - 4px) !important;
        width:auto !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract.hm-page-orderlist .hm-list-meta-wrap:not(.hm-bottom-meta-wrap) > .hm-list-meta-controls > :is(
        .js-orderlist-sort-select,.js-orderlist-page-rows-select,button,.hm-btn
    ) {
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container#container#container.hm-admin-contract.hm-page-orderlist .hm-list-meta-wrap:not(.hm-bottom-meta-wrap) > .hm-list-meta-controls.hm-admin-mobile-inline-control > button.hm-btn {
        order:1 !important;
        flex:1 1 calc(50% - 4px) !important;
        width:calc(50% - 4px) !important;
        min-width:calc(50% - 4px) !important;
        max-width:calc(50% - 4px) !important;
        min-height:40px !important;
        padding-right:8px !important;
        padding-left:8px !important;
        white-space:nowrap !important;
    }
}
/* changsu end: 주문목록 모바일 상단 정렬·페이지수 및 액션 버튼 2열 배치 */

/* changsu start: 관리자 간단 관리 목록을 상품목록형 요약 카드로 통일 */
@layer hm-admin-control-contract {
@media screen and (max-width:767px) {
    html body.hm-admin-mobile #container#container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-compact-row {
        position:relative !important;
        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;
        overflow:hidden !important;
        background:#fff !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-compact-row > td.hm-admin-mobile-generic-overview {
        order:1 !important;
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        min-height:96px !important;
        padding:12px !important;
        border:0 !important;
        background:#fff !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-compact-row > td.hm-admin-mobile-generic-overview::before,
    html body.hm-admin-mobile #container#container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-compact-row > td.hm-admin-mobile-card-check-cell::before {
        display:none !important;
        content:none !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-generic-identity {
        display:block !important;
        min-width:0 !important;
        max-width:100% !important;
        padding-right:36px !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-generic-label {
        display:block !important;
        margin:0 0 3px !important;
        color:#526078 !important;
        font-size:11px !important;
        line-height:1.35 !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-generic-label.hm-admin-mobile-generic-label-redundant {
        display:none !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-compact-row > td.hm-admin-mobile-generic-overview:has(.hm-admin-mobile-generic-label-redundant) {
        min-height:80px !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-generic-title {
        display:block !important;
        min-width:0 !important;
        overflow:hidden !important;
        color:#111 !important;
        font-size:14px !important;
        font-weight:400 !important;
        line-height:1.5 !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-generic-facts {
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:0 !important;
        width:100% !important;
        min-width:0 !important;
        margin-top:8px !important;
        border-top:1px solid #e3e8f0 !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-generic-fact {
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:5px !important;
        min-width:0 !important;
        padding:7px 7px 0 0 !important;
        color:#526078 !important;
        font-size:11px !important;
        line-height:1.4 !important;
        white-space:nowrap !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-generic-fact + .hm-admin-mobile-generic-fact {
        padding-right:0 !important;
        padding-left:7px !important;
        border-left:1px solid #e3e8f0 !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract .hm-admin-mobile-generic-fact b {
        min-width:0 !important;
        overflow:hidden !important;
        color:#111 !important;
        font-size:12px !important;
        font-weight:400 !important;
        text-overflow:ellipsis !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-compact-row > td.hm-admin-mobile-card-check-cell {
        position:absolute !important;
        z-index:3 !important;
        top:12px !important;
        right:12px !important;
        left:auto !important;
        order:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:24px !important;
        min-width:24px !important;
        max-width:24px !important;
        height:24px !important;
        min-height:24px !important;
        max-height:24px !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-compact-row > td.hm-admin-mobile-card-check-cell > .hm-admin-mobile-cell-value {
        display:flex !important;
        grid-column:auto !important;
        align-items:center !important;
        justify-content:center !important;
        width:24px !important;
        min-width:24px !important;
        height:24px !important;
        margin:0 !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-compact-row > td.hm-admin-mobile-card-check-cell input[type="checkbox"] {
        position:static !important;
        margin:0 !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-compact-row > td.hm-admin-mobile-card-nav-cell {
        order:2 !important;
        width:100% !important;
    }

    html body.hm-admin-mobile #container#container#container.hm-admin-contract[data-hm-layout="list"] table.hm-admin-mobile-card-table > tbody > tr.hm-admin-mobile-compact-row > td.hm-admin-mobile-secondary {
        order:3 !important;
        width:100% !important;
    }
}
}
/* changsu end: 관리자 간단 관리 목록을 상품목록형 요약 카드로 통일 */

/* Work의 HM 상단 메뉴 구조를 GNU 모바일 헤더 계약에 연결한다. */
@media screen and (max-width:767px) {
    /* Work 페이지의 데스크톱 최소폭(960px)을 모바일 카드 폭으로 되돌린다. */
    html body.hm-om-hm-admin.hm-admin-mobile #container#container > .container_wr,
    html body.hm-om-hm-admin.hm-admin-mobile #container#container > .container_wr > form,
    html body.hm-om-hm-admin.hm-admin-mobile #container#container .hm-list-panel,
    html body.hm-om-hm-admin.hm-admin-mobile #container#container .hm-list-wrap,
    html body.hm-om-hm-admin.hm-admin-mobile #container#container .hm-table-wrap,
    html body.hm-om-hm-admin.hm-admin-mobile #container#container .hm-table-scroll,
    html body.hm-om-hm-admin.hm-admin-mobile #container#container .hm-admin-mobile-card-wrap,
    html body.hm-om-hm-admin.hm-admin-mobile #container#container table.hm-admin-mobile-card-table,
    html body.hm-om-hm-admin.hm-admin-mobile #container#container table.hm-admin-mobile-card-table > tbody,
    html body.hm-om-hm-admin.hm-admin-mobile #container#container table.hm-admin-mobile-card-table > tbody > tr {
        inline-size:100% !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container#container:is(
        .hm-list-panel,.hm-list-wrap,.hm-table-wrap,.hm-table-scroll,.hm-admin-mobile-card-wrap
    ):has(table.hm-admin-mobile-card-table) {
        overflow:visible !important;
    }

    html body.hm-om-hm-admin #hd_top {
        pointer-events:none !important;
    }

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

    html body.hm-om-hm-admin #hd_top #logo,
    html body.hm-om-hm-admin #hd_top #logo.logo_small {
        position:static !important;
        display:block !important;
        width:0 !important;
        height:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    html body.hm-om-hm-admin #hd_top .hm-admin-mobile-menu-button {
        z-index:3 !important;
        pointer-events:auto !important;
    }

    html body.hm-om-hm-admin .hm-om-top-menu {
        position:fixed !important;
        top:0 !important;
        right:0 !important;
        left:52px !important;
        z-index:1102 !important;
        display:flex !important;
        align-items:center !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
        height:var(--hm-admin-mobile-header) !important;
        padding:6px 8px 6px 2px !important;
        border:0 !important;
        border-bottom:1px solid #dfe4ee !important;
        background:#fff !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
        pointer-events:auto !important;
    }

    html body.hm-om-hm-admin .hm-om-top-menu .hm-om-util-left,
    html body.hm-om-hm-admin .hm-om-top-menu .hm-om-main-links,
    html body.hm-om-hm-admin .hm-om-top-menu .hm-om-shop-name,
    html body.hm-om-hm-admin .hm-om-top-menu .hm-om-session-actions {
        display:none !important;
    }

    html body.hm-om-hm-admin .hm-om-top-menu .hm-om-util-right {
        display:block !important;
        flex:1 1 auto !important;
        width:100% !important;
        min-width:0 !important;
        height:100% !important;
    }

    html body.hm-om-hm-admin .hm-om-top-menu .hm-om-quick-search {
        display:grid !important;
        grid-template-columns:68px minmax(0,1fr) 46px !important;
        gap:4px !important;
        width:100% !important;
        min-width:0 !important;
        height:40px !important;
        margin:0 !important;
    }

    html body.hm-om-hm-admin .hm-om-top-menu .hm-om-quick-search > :is(select,input[type="search"],button) {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;
        margin:0 !important;
        padding-right:7px !important;
        padding-left:7px !important;
        font-size:13px !important;
        line-height:38px !important;
        box-sizing:border-box !important;
    }

    html body.hm-om-hm-admin .hm-om-top-menu .hm-om-quick-search select {
        padding-right:23px !important;
        background-position:right 5px center !important;
        background-size:14px 14px !important;
    }

}
/* changsu end: Work HM 모바일 헤더 연결 */

/* phpinfo()는 관리자 공통 컨테이너 없이 자체 문서를 출력한다. */
@media screen and (max-width:767px) {
    html body.hm-admin-mobile:has(> .center > table) {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        padding:8px !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile > .center {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        padding:8px !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile > .center table {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        table-layout:fixed !important;
        box-sizing:border-box !important;
    }

    html body.hm-admin-mobile > .center :is(td,th,h1,h2,pre) {
        min-width:0 !important;
        max-width:100% !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
    }

    html body.hm-admin-mobile > .center img {
        max-width:100% !important;
        height:auto !important;
    }

    html body.hm-admin-mobile > .center hr {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
}

/* Work 주문상세에만 추가하는 인쇄 패널은 데스크톱 흐름을 바꾸지 않는다. */
.hm-work-order-print-panel {
    display:none;
}

/* changsu start: Work 모바일을 GNU 실기기 헤더·본문 지오메트리에 정렬 */
@media screen and (max-width:767px) {
    html body.hm-om-hm-admin.hm-admin-mobile::before {
        height:var(--hm-admin-mobile-header) !important;
        border-bottom:1px solid #dfe4ee !important;
        background:#fff !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #hd {
        position:fixed !important;
        top:0 !important;
        right:0 !important;
        left:0 !important;
        z-index:1102 !important;
        width:100% !important;
        height:var(--hm-admin-mobile-header) !important;
        min-height:var(--hm-admin-mobile-header) !important;
        background:#fff !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #hd_top {
        position:fixed !important;
        top:0 !important;
        right:0 !important;
        left:0 !important;
        width:100% !important;
        height:var(--hm-admin-mobile-header) !important;
        min-height:var(--hm-admin-mobile-header) !important;
        padding:0 !important;
        border-bottom:1px solid #dfe4ee !important;
        background:#fff !important;
        box-sizing:border-box !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #wrapper {
        margin:0 !important;
        padding:0 !important;
        background:#f3f5f7 !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container#container {
        margin-top:var(--hm-admin-mobile-header) !important;
        background:#f3f5f7 !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container#container > #container_title {
        margin:0 var(--hm-admin-mobile-gutter) !important;
        padding:15px 0 10px !important;
        background:#f3f5f7 !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container#container > .container_wr {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        padding:12px !important;
        background:#f3f5f7 !important;
        box-sizing:border-box !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #hd_top .hm-admin-mobile-menu-button {
        top:6px !important;
        left:8px !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile .hm-om-top-menu {
        position:fixed !important;
        top:0 !important;
        right:0 !important;
        left:52px !important;
        display:flex !important;
        align-items:center !important;
        width:auto !important;
        height:var(--hm-admin-mobile-header) !important;
        padding:6px 0 !important;
        border:0 !important;
        border-bottom:1px solid #dfe4ee !important;
        background:#fff !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile .hm-om-top-menu .hm-om-util-left {
        display:flex !important;
        align-items:center !important;
        flex:0 0 54px !important;
        width:54px !important;
        min-width:54px !important;
        height:40px !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile .hm-om-top-menu .hm-om-shop-name {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:54px !important;
        min-width:54px !important;
        height:40px !important;
        color:#111 !important;
        font-size:14px !important;
        font-weight:700 !important;
        line-height:40px !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile .hm-om-top-menu .hm-om-main-links {
        display:none !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile .hm-om-top-menu .hm-om-util-right {
        display:flex !important;
        align-items:center !important;
        flex:1 1 auto !important;
        width:auto !important;
        min-width:0 !important;
        height:40px !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile .hm-om-top-menu .hm-om-quick-search {
        display:grid !important;
        grid-template-columns:56px minmax(0,1fr) 44px !important;
        flex:1 1 auto !important;
        gap:4px !important;
        width:auto !important;
        min-width:0 !important;
        height:40px !important;
        margin:0 !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile .hm-om-top-menu .hm-om-quick-search > :is(select,input[type="search"],button) {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        height:40px !important;
        min-height:40px !important;
        max-height:40px !important;
        margin:0 !important;
        padding-right:7px !important;
        padding-left:7px !important;
        font-size:13px !important;
        line-height:38px !important;
        box-sizing:border-box !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile .hm-om-top-menu .hm-om-session-actions {
        display:flex !important;
        align-items:center !important;
        flex:0 0 54px !important;
        width:54px !important;
        min-width:54px !important;
        height:40px !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile .hm-om-top-menu .hm-om-home-link {
        display:none !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile .hm-om-top-menu .hm-om-logout-link {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:54px !important;
        min-width:54px !important;
        height:40px !important;
        padding:0 !important;
        color:#111 !important;
        font-size:13px !important;
        line-height:40px !important;
        white-space:nowrap !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform > .container_wr {
        padding:6px 12px 24px !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #hm-orderform-page .hm-work-order-print-panel {
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:10px !important;
        width:100% !important;
        margin:0 0 18px !important;
        padding:12px !important;
        border:1px solid #dfe4ee !important;
        background:#fafafb !important;
        box-sizing:border-box !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #hm-orderform-page .hm-order-print-number,
    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #hm-orderform-page .hm-order-print-actions {
        display:grid !important;
        grid-template-columns:88px minmax(0,1fr) !important;
        align-items:center !important;
        gap:8px !important;
        width:100% !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #hm-orderform-page .hm-order-print-actions {
        grid-template-columns:minmax(0,1fr) 64px !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #hm-orderform-page .hm-order-print-number strong {
        color:#3d55b7 !important;
        font-size:15px !important;
        font-weight:700 !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #hm-orderform-page :is(.hm-order-print-select,.hm-order-print-button) {
        width:100% !important;
        min-width:0 !important;
        height:36px !important;
        min-height:36px !important;
        margin:0 !important;
        box-sizing:border-box !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #hm-orderform-page .hm-form-section {
        width:100% !important;
        margin:0 0 18px !important;
        padding:0 !important;
        border:1px solid #dfe4ee !important;
        background:#fff !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #hm-orderform-page .hm-form-section > .h2_frm {
        margin:0 !important;
        padding:15px 12px !important;
        border:0 !important;
        border-bottom:1px solid #dfe4ee !important;
        background:#fff !important;
        color:#1f2b3f !important;
        font-size:15px !important;
        font-weight:700 !important;
        line-height:1.4 !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #hm-orderform-page .hm-admin-mobile-section-nav {
        margin:0 !important;
        padding:10px 12px !important;
        border-bottom:1px solid #dfe4ee !important;
        background:#fff !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list > .local_desc02.local_desc {
        display:none !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list form,
    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list .tbl_head01.tbl_wrap {
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        background:#fff !important;
        box-sizing:border-box !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list table.hm-admin-mobile-edit-table > tbody > tr {
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-bottom:1px solid #dfe4ee !important;
        background:#fff !important;
        box-sizing:border-box !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list table.hm-admin-mobile-edit-table > tbody > tr:last-child {
        border-bottom:0 !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list table.hm-admin-mobile-edit-table > tbody > tr > td {
        display:grid !important;
        grid-template-columns:82px minmax(0,1fr) !important;
        column-gap:10px !important;
        align-items:center !important;
        width:100% !important;
        min-height:44px !important;
        margin:0 !important;
        padding:10px !important;
        border:0 !important;
        background:#fff !important;
        box-sizing:border-box !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list td[data-hm-mobile-label="정보"] { order:1; }
    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list td[data-hm-mobile-label="판매자"] { order:2; }
    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list td[data-hm-mobile-label="상품명"] { order:3; }
    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list td[data-hm-mobile-label="옵션"] { order:4; }
    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list td[data-hm-mobile-label="상태"] { order:5; }
    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list td[data-hm-mobile-label="수량"] { order:6; }
    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list td[data-hm-mobile-label="판매가"] { order:7; }
    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list td[data-hm-mobile-label="소계"] { order:8; }
    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list td[data-hm-mobile-label="쿠폰"] { order:9; }
    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list td[data-hm-mobile-label="포인트"] { order:10; }
    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list td[data-hm-mobile-label="배송비"] { order:11; }
    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list td[data-hm-mobile-label="포인트반영"] { order:12; }
    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list td[data-hm-mobile-label="재고반영"] { order:13; }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list td[data-hm-mobile-label="상품명"] .hm-admin-mobile-cell-value > a {
        display:grid !important;
        grid-template-columns:70px minmax(0,1fr) !important;
        align-items:start !important;
        gap:10px !important;
        width:100% !important;
        min-width:0 !important;
        color:#111 !important;
        line-height:1.45 !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container.hm-page-orderform #anc_sodr_list td[data-hm-mobile-label="상품명"] img {
        display:block !important;
        width:70px !important;
        height:70px !important;
        object-fit:cover !important;
    }
}
/* changsu end: Work 모바일을 GNU 실기기 헤더·본문 지오메트리에 정렬 */

/* changsu start: 쇼핑몰 대시보드 제목을 GNU 모바일 공통 타이틀과 동일하게 정렬 */
@media screen and (max-width:767px) {
    html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-shop-dashboard .hm-shop-dashboard {
        margin:0 var(--hm-admin-mobile-gutter) 40px !important;
        padding:0 !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-shop-dashboard .hm-shop-dashboard-heading {
        display:block !important;
        min-height:0 !important;
        margin:0 0 var(--hm-admin-mobile-gutter) !important;
        padding:15px 0 10px !important;
        text-align:center !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container#container#container#container#container.hm-page-shop-dashboard .hm-shop-dashboard-heading h1 {
        margin:0 !important;
        color:#111 !important;
        font-family:'font-R','Pretendard',sans-serif !important;
        font-size:18px !important;
        font-weight:700 !important;
        line-height:1.35 !important;
        text-align:center !important;
        overflow-wrap:anywhere !important;
    }

    html body.hm-om-hm-admin.hm-admin-mobile #container#container#container#container#container.hm-page-shop-dashboard .hm-shop-dashboard-heading p {
        display:block !important;
        width:100% !important;
        margin:5px 0 0 !important;
        padding:0 !important;
        color:#475569 !important;
        font-family:var(--hm-admin-body-font,"Nanum Gothic",sans-serif) !important;
        font-size:13px !important;
        font-weight:400 !important;
        line-height:1.55 !important;
        text-align:center !important;
    }
}
/* changsu end: 쇼핑몰 대시보드 제목을 GNU 모바일 공통 타이틀과 동일하게 정렬 */

/* demo 공개 안내바(48px)와 Work 공통 모바일 헤더(52px)를 같은 축에 쌓는다. */
@media screen and (max-width:767px) {
    html body.hm-public-demo-admin-screen.hm-om-hm-admin.hm-admin-mobile #hd_top,
    html body.hm-public-demo-admin-screen.hm-om-hm-admin.hm-admin-mobile .hm-om-top-menu {
        top:48px !important;
    }

    html body.hm-public-demo-admin-screen.hm-om-hm-admin.hm-admin-mobile #gnb,
    html body.hm-public-demo-admin-screen.hm-om-hm-admin.hm-admin-mobile #gnb.gnb_large,
    html body.hm-public-demo-admin-screen.hm-om-hm-admin.hm-admin-mobile #gnb.gnb_small {
        top:calc(48px + var(--hm-admin-mobile-header)) !important;
        height:calc(var(--hm-admin-mobile-vh) - 48px - var(--hm-admin-mobile-header)) !important;
    }

}

/* changsu start: 분류관리 트리/설정 모바일 전용 재배치
   공통 버튼 계약이 트리 선택 행을 일반 액션 버튼으로 바꾸지 않도록
   가장 먼저 선언된 work override layer에서 분류관리의 의미 구조를 복원한다. */
@layer hm-admin-work-override {
    @media screen and (max-width:767px) {
        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-manager-toolbar {
            min-height:0 !important;
            gap:8px !important;
            margin-bottom:12px !important;
            padding:10px !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-manager-search,
        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-manager-actions {
            display:grid !important;
            grid-template-columns:repeat(2,minmax(0,1fr)) !important;
            align-items:center !important;
            gap:8px !important;
            width:100% !important;
            min-width:0 !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist #hm-category-tree-search {
            grid-column:1 / -1 !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist :is(
            .hm-category-manager-search,.hm-category-manager-actions
        ) > .hm-category-toolbar-button {
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            margin:0 !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-manager-layout {
            gap:12px !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-tree {
            height:360px !important;
            min-height:360px !important;
            max-height:360px !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-tree-node {
            grid-template-columns:28px minmax(0,1fr) !important;
            min-height:42px !important;
            padding-left:calc(4px + (var(--hm-category-depth) * 12px)) !important;
            border-left-width:3px !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-tree-toggle {
            display:inline-flex !important;
            width:28px !important;
            min-width:28px !important;
            max-width:28px !important;
            height:40px !important;
            min-height:40px !important;
            max-height:40px !important;
            margin:0 !important;
            padding:0 !important;
            border:0 !important;
            background:transparent !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-tree-select {
            display:grid !important;
            grid-template-columns:minmax(0,1fr) 44px 34px !important;
            gap:6px !important;
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            height:40px !important;
            min-height:40px !important;
            max-height:40px !important;
            margin:0 !important;
            padding:0 6px 0 2px !important;
            border:0 !important;
            background:transparent !important;
            line-height:1.35 !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-tree-select .hm-category-tree-name {
            min-width:0 !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-field-row {
            display:grid !important;
            grid-template-columns:minmax(0,1fr) !important;
            min-height:0 !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-field-row > :is(label,.hm-category-field-label) {
            min-height:38px !important;
            padding:8px 12px !important;
            border-right:0 !important;
            border-bottom:1px solid #dfe4ee !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-field-row > div {
            flex-wrap:wrap !important;
            min-height:54px !important;
            padding:9px 12px !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-field-row > div.hm-category-readonly {
            align-items:flex-start !important;
            flex-direction:column !important;
            justify-content:center !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-field-help {
            width:100% !important;
            white-space:normal !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-inline-checks {
            flex-wrap:wrap !important;
            gap:10px 18px !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-skin-summary {
            display:grid !important;
            grid-template-columns:minmax(0,1fr) !important;
            gap:5px !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-detail-actions {
            display:grid !important;
            grid-template-columns:repeat(2,minmax(0,1fr)) !important;
            gap:8px !important;
            padding:12px !important;
        }

        html body.hm-om-hm-admin.hm-admin-mobile #container#container.hm-page-categorylist .hm-category-detail-actions > .hm-category-action-button {
            width:100% !important;
            min-width:0 !important;
            max-width:100% !important;
            margin:0 !important;
        }
    }
}
/* changsu end: 분류관리 트리/설정 모바일 전용 재배치 */