.api-mobile-result-list {
    display: none;
}

.api-clean-search-box {
    overflow: visible !important;
}

.pay-reg-mobile-allcheck {
    display: none;
}

.ship-doc-mobile-list {
    display: none;
}

.ship-doc-mobile-master-wrap {
    display: none;
}

.ship-doc-mobile-detail-wrap {
    display: none;
}

.ship-doc-mobile-add-row-btn {
    display: none;
}

.ship-doc-mobile-card-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.ship-doc-mobile-card-toggle-btn {
    flex: 0 0 auto !important;
    min-width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0f2d63 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.ship-doc-master-table {
    width: 100%;
    table-layout: fixed;
}

.common-dt-scroll .dataTables_scrollHeadInner table {
    width: 100% !important;
}

.common-dt-scroll .dataTables_scrollBody table {
    width: 100% !important;
}

.common-dt-scroll .dataTables_scrollHead table th {
    vertical-align: middle !important;
}

.common-dt-scroll .dataTables_scrollBody table td {
    vertical-align: middle !important;
}

.common-dt-scroll .dataTables_scrollBody .form-control.input-sm {
    min-width: 100%;
    height: 30px;
    padding: 4px 8px;
}

.common-dt-scroll .dataTables_scrollBody select.form-control.input-sm {
    min-width: 100%;
    height: 30px;
    padding: 4px 8px;
}

.common-dt-scroll .dataTables_scrollBody .btn {
    white-space: nowrap;
}

.mobile-lnb {
    position: fixed;
    top: 0;
    left: -320px;
    width: 320px;
    max-width: 85%;
    height: 100vh;
    background: #fff;
    z-index: 99999;
    transition: left 0.3s ease;
    overflow-y: auto;
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.15);
}

.mobile-lnb.active {
    left: 0;
}

.m-lnb-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid #e5e5e5;
}

.m-lnb-body ul {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.m-lnb-body > ul {
    display: block;
}

.m-lnb-body li > a {
    position: relative;
    display: block;
    padding: 14px 42px 14px 18px;
    border-bottom: 1px solid #ddd;
    color: #111;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

.m-lnb-body li > a:hover {
    color: #4778ff;
}

.m-lnb-body li.on > a {
    color: #4778ff;
    font-weight: 700;
}

.m-lnb-body li:not(.noDepth) > a::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #4778ff;
    border-bottom: 2px solid #4778ff;
    transform: translateY(-65%) rotate(45deg);
    transition: transform 0.2s ease;
}

.m-lnb-body li.on > a::after {
    transform: translateY(-35%) rotate(-135deg);
}

.m-lnb-body .m-depth-list-wrap-02 > li > a {
    padding-left: 26px;
    background: #fff;
    border-bottom: 0;
    color: #555;
    font-size: 14px;
    font-weight: 600;
}

.m-lnb-body .m-depth-list-wrap-02 > li > a:hover {
    color: #4778ff;
}

.m-lnb-body .m-depth-list-wrap-02 > li.on > a {
    color: #4778ff;
}

.m-lnb-body .m-depth-list-wrap-03 > li > a {
    padding-left: 42px;
    background: #fff;
    border-bottom: 0;
    color: #666;
    font-size: 13px;
    font-weight: 500;
}

.m-lnb-body .m-depth-list-wrap-03 > li > a:hover {
    color: #4778ff;
}

.m-lnb-body .m-depth-list-wrap-03 > li.on > a {
    color: #4778ff;
}

.m-lnb-body li.noDepth > a::after {
    display: none;
}

@media (max-width: 900px) {
    .common-dt-scroll .dataTables_scroll {
        display: none !important;
    }

    .cmp-pay-list-page {
        padding: 10px 8px !important;
    }

    .cmp-pay-list-page .searchbox_inner.api-clean-search-box {
        padding: 16px !important;
        border-radius: 16px !important;
        overflow: visible !important;
    }

    .api-clean-search-table {
        display: block !important;
        border: 0 !important;
        background: transparent !important;
    }

    .api-clean-label {
        display: block !important;
        min-height: auto !important;
        padding: 0 0 7px !important;
        border: 0 !important;
        background: transparent !important;
        color: #0f2d63 !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        text-align: left !important;
    }

    .api-clean-control {
        display: block !important;
        min-height: auto !important;
        padding: 0 !important;
        margin-bottom: 16px !important;
        border: 0 !important;
        background: transparent !important;
    }

    .api-clean-select {
        width: 100% !important;
        height: 35px !important;
        line-height: 35px !important;
        border-radius: 0 !important;
    }

    .api-clean-input {
        width: 100% !important;
        height: 35px !important;
        line-height: 35px !important;
        border-radius: 0 !important;
    }

    .api-clean-control .select2-container {
        width: 100% !important;
        height: 35px !important;
    }

    .api-clean-control .select2-container .select2-choice {
        border-radius: 0 !important;
    }

    .api-clean-control .select2-container .select2-choice .select2-arrow {
        border-radius: 0 !important;
    }

    .api-clean-date-row {
        display: grid !important;
        grid-template-columns: 1fr 24px 1fr;
        gap: 8px;
        align-items: center;
    }

    .api-clean-date-row .dp_inline {
        width: 100% !important;
    }

    .api-clean-date-row .wd_155 {
        width: 100% !important;
    }

    .api-clean-tilde {
        text-align: center;
    }

    .api-clean-btn-row {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding-top: 2px;
        background: transparent;
    }

    .api-clean-btn-row .btn {
        width: 100% !important;
        height: 40px !important;
        border-radius: 8px !important;
    }

    .api-clean-search-btn {
        border-color: #3c7ca8 !important;
        background: #3c7ca8 !important;
        color: #ffffff !important;
    }

    .cmp-pay-list-page .dataTables_scroll {
        display: none !important;
    }

    .api-mobile-result-list {
        display: block;
    }

    .cmp-pay-list-page .dataTables_paginate {
        display: block !important;
        float: none !important;
        width: 100%;
        margin-top: 12px !important;
        text-align: center !important;
    }

    .basic-code-list-box {
        padding-top: 20px !important;
    }

    .api-list-excel-tools {
        margin: -4px 0 6px 0 !important;
        padding-right: 4px !important;
        text-align: right !important;
    }

    .api-list-excel-tools .fa-file-excel-o {
        font-size: 26px !important;
    }

    .api-mobile-result-card {
        margin-bottom: 12px;
        padding: 15px;
        border: 1px solid #d7e3f2;
        border-radius: 10px;
        background: #ffffff;
        box-shadow: 0 3px 9px rgba(15, 45, 99, 0.10);
    }

    .api-mobile-card-top {
        display: flex;
        align-items: flex-start !important;
        justify-content: space-between;
        gap: 8px;
    }

    .api-mobile-card-top .api-mobile-no-badge {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 4px 8px;
        border-radius: 999px;
        background: #edf5ff;
        color: #1f5f9f;
        font-size: 11px;
        font-style: normal;
        font-weight: 900;
        line-height: 1.2;
        white-space: nowrap;
    }

    .api-mobile-card-main {
        min-width: 0;
    }

    .api-mobile-card-title {
        font-size: 15px;
        font-weight: 800;
        color: #0f2d63;
        line-height: 1.35;
        word-break: keep-all;
    }

    .api-mobile-card-sub {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        margin-top: 4px;
        font-size: 12px;
        color: #315d91;
        font-weight: 700;
        line-height: 1.4;
    }

    .api-mobile-card-body {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 128px;
        gap: 12px;
        margin-top: 8px;
    }

    .api-mobile-card-left {
        min-width: 0;
    }

    .api-mobile-card-right {
        border-left: 1px solid #e4ebf5;
        padding-left: 10px;
        min-width: 0;
    }

    .api-mobile-product-badge {
        display: inline-block;
        margin-top: 8px;
        padding: 5px 10px;
        border-radius: 999px;
        background: #edf5ff;
        color: #1f5f9f;
        font-size: 13px;
        font-weight: 900;
        line-height: 1.4;
    }

    .api-mobile-money-list {
        margin-top: 10px;
    }

    .api-mobile-money-item {
        display: flex;
        align-items: baseline;
        gap: 8px;
        margin-top: 4px;
        color: #0f4f8a;
    }

    .api-mobile-money-item span {
        min-width: 58px;
        font-size: 13px;
        font-weight: 800;
    }

    .api-mobile-money-item strong {
        font-size: 15px;
        font-weight: 900;
        line-height: 1.35;
    }

    .api-mobile-side-item {
        margin-bottom: 8px;
    }

    .api-mobile-side-item:last-child {
        margin-bottom: 0;
    }

    .api-mobile-side-item label {
        display: block;
        margin-bottom: 2px;
        color: #6b7a90;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.2;
    }

    .api-mobile-side-item strong {
        display: block;
        color: #111827;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.35;
        word-break: keep-all;
    }

    .api-mobile-empty {
        padding: 24px 10px;
        border: 1px solid #d7e3f2;
        border-radius: 10px;
        background: #ffffff;
        color: #6b7a90;
        text-align: center;
        font-size: 13px;
        font-weight: 700;
    }

    .producer-pay-list-page .dataTables_scroll {
        display: none !important;
    }

    .producer-pay-list-page .api-mobile-result-list {
        display: block;
    }

    .producer-pay-list-page .dataTables_paginate {
        display: block !important;
        float: none !important;
        width: 100%;
        margin-top: 12px !important;
        text-align: center !important;
    }

    .producer-pay-card .api-mobile-card-body {
        grid-template-columns: minmax(0, 1fr) 130px;
    }

    .producer-pay-mobile-paybox {
        margin-top: 12px;
        padding: 10px;
        border: 1px solid #bcd2ee;
        border-radius: 10px;
        background: #f3f8ff;
    }

    .producer-pay-mobile-pay-title {
        margin-bottom: 4px;
        color: #0f2d63;
        font-size: 12px;
        font-weight: 800;
    }

    .producer-pay-mobile-pay-amount {
        color: #0f4f8a;
        font-size: 17px;
        font-weight: 900;
        line-height: 1.35;
    }

    .producer-pay-mobile-pay-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 6px;
    }

    .producer-pay-mobile-pay-meta span {
        display: inline-block;
        padding: 3px 7px;
        border-radius: 999px;
        background: #ffffff;
        color: #315d91;
        font-size: 11px;
        font-weight: 800;
    }

    .producer-pay-reg-section {
        padding: 0 !important;
    }

    .producer-pay-reg-section .box {
        padding: 16px !important;
        border-radius: 16px !important;
    }

    .producer-pay-reg-section .ad_tbl_top {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        margin-bottom: 10px !important;
    }

    .producer-pay-reg-section .ad_tbl_top .left-box {
        float: none !important;
        width: 100% !important;
    }

    .producer-pay-reg-section .ad_tbl_top .right-box {
        float: none !important;
        width: 100% !important;
    }

    .producer-pay-unit-text {
        display: none !important;
    }

    .pay-reg-mobile-allcheck {
        display: block;
        clear: both;
        margin: 0 0 14px !important;
        padding: 12px 14px !important;
        border: 1px solid #d7e3f2;
        border-radius: 10px;
        background: #f8fbff;
    }

    .pay-reg-mobile-allcheck label {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin: 0;
        color: #315d91;
        font-size: 13px;
        font-weight: 800;
    }

    .pay-reg-mobile-allcheck input[type="checkbox"] {
        width: 18px;
        height: 18px;
        margin: 0;
    }

    .producer-pay-reg-page .producer-pay-grid thead {
        display: none !important;
    }

    .producer-pay-reg-page .producer-pay-grid {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        border: 0 !important;
        background: transparent !important;
    }

    .producer-pay-reg-page .producer-pay-grid tbody {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        border: 0 !important;
    }

    /* 생산자 지불등록 - 모바일 미지불/지불 현황 스크롤 표시 */
    .producer-pay-reg-page .producer-pay-grid-wrap {
        max-height: 520px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-right: 4px !important;
        -webkit-overflow-scrolling: touch;
    }

    /* 크롬/엣지/사파리 스크롤바 */
    .producer-pay-reg-page .producer-pay-grid-wrap::-webkit-scrollbar {
        width: 8px !important;
    }

    .producer-pay-reg-page .producer-pay-grid-wrap::-webkit-scrollbar-thumb {
        background: #7f8fa6 !important;
        border-radius: 999px !important;
    }

    .producer-pay-reg-page .producer-pay-grid-wrap::-webkit-scrollbar-track {
        background: #edf2f7 !important;
        border-radius: 999px !important;
    }

    /* 파이어폭스 */
    .producer-pay-reg-page .producer-pay-grid-wrap {
        scrollbar-width: thin;
        scrollbar-color: #7f8fa6 #edf2f7;
    }

    .producer-pay-reg-page .producer-pay-grid tr {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 12px;
        padding: 14px;
        border: 1px solid #d7e3f2 !important;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 3px 9px rgba(15, 45, 99, 0.10);
    }

    .producer-pay-reg-page .producer-pay-grid td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        position: relative;
        min-height: 36px;
        padding: 7px 0 7px 86px !important;
        border: 0 !important;
        background: transparent !important;
        text-align: left !important;
        font-size: 13px !important;
        color: #111827 !important;
    }

    .producer-pay-reg-page .producer-pay-grid td::before {
        position: absolute;
        left: 0;
        top: 9px;
        width: 78px;
        color: #6b7a90;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.2;
        text-align: left;
    }

    #notPaidTable td:nth-child(1)::before {
        content: "선택";
    }

    #paidTable td:nth-child(1)::before {
        content: "선택";
    }

    #notPaidTable td:nth-child(2)::before {
        content: "판매일자";
    }

    #paidTable td:nth-child(2)::before {
        content: "판매일자";
    }

    #notPaidTable td:nth-child(3)::before {
        content: "원표번호";
    }

    #paidTable td:nth-child(3)::before {
        content: "원표번호";
    }

    #notPaidTable td:nth-child(4)::before {
        content: "생산자명";
    }

    #paidTable td:nth-child(4)::before {
        content: "생산자명";
    }

    #notPaidTable td:nth-child(5)::before {
        content: "정산금액";
    }

    #paidTable td:nth-child(5)::before {
        content: "정산금액";
    }

    #notPaidTable td:nth-child(6)::before {
        content: "지급금액";
    }

    #paidTable td:nth-child(6)::before {
        content: "지급금액";
    }

    #notPaidTable td:nth-child(7)::before {
        content: "지급방법";
    }

    #paidTable td:nth-child(7)::before {
        content: "지급방법";
    }

    #notPaidTable td:nth-child(8)::before {
        content: "은행";
    }

    #paidTable td:nth-child(8)::before {
        content: "은행";
    }

    #notPaidTable td:nth-child(9)::before {
        content: "계좌번호";
    }

    #paidTable td:nth-child(9)::before {
        content: "계좌번호";
    }

    #notPaidTable td:nth-child(10)::before {
        content: "예금주";
    }

    #paidTable td:nth-child(10)::before {
        content: "예금주";
    }

    .producer-pay-reg-page .producer-pay-grid td:first-child input[type="checkbox"] {
        width: 18px;
        height: 18px;
        margin: 0;
    }

    .producer-pay-reg-page .producer-pay-grid td:nth-child(5) {
        margin-top: 6px;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        border-radius: 8px;
        background: #f3f8ff !important;
        font-weight: 900;
        color: #0f4f8a !important;
    }

    .producer-pay-reg-page .producer-pay-grid td:nth-child(6) {
        margin-top: 6px;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        border-radius: 8px;
        background: #f3f8ff !important;
        font-weight: 900;
        color: #0f4f8a !important;
    }

    #notPaidTable td:nth-child(7) {
        background: #fafcff !important;
    }

    #notPaidTable td:nth-child(8) {
        background: #fafcff !important;
    }

    #notPaidTable td:nth-child(9) {
        background: #fafcff !important;
    }

    #notPaidTable td:nth-child(6) {
        background: #fafcff !important;
        margin-top: 10px;
        padding-top: 14px !important;
        border-top: 1px solid #dbe8f7 !important;
        border-radius: 10px 10px 0 0;
    }

    #notPaidTable td:nth-child(10) {
        background: #fafcff !important;
        padding-bottom: 14px !important;
        border-radius: 0 0 10px 10px;
    }

    .producer-pay-reg-page .producer-pay-grid .form-control {
        width: 100% !important;
        height: 36px !important;
        font-size: 13px !important;
        border-radius: 6px !important;
        box-sizing: border-box !important;
    }

    .producer-pay-reg-page .producer-pay-grid input[readonly] {
        background: #ffffff !important;
    }

    .producer-pay-reg-page .producer-pay-empty-row {
        padding: 0 !important;
        box-shadow: none !important;
        border: 0 !important;
        background: transparent !important;
    }

    .producer-pay-reg-page .producer-pay-empty-row td {
        padding: 24px 10px !important;
        border: 1px solid #d7e3f2 !important;
        border-radius: 10px;
        background: #ffffff !important;
        color: #6b7a90 !important;
        text-align: center !important;
        font-size: 13px !important;
        font-weight: 700;
    }

    .producer-pay-reg-page .producer-pay-empty-row td::before {
        content: "" !important;
    }

    .producer-pay-btn-area {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        width: 100%;
        padding: 0 0 16px;
    }

    .producer-pay-btn-area .btn {
        width: 100% !important;
        height: 40px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
        font-weight: 800 !important;
    }

    .producer-pay-btn-area .space {
        display: none !important;
    }

    .sales-summary-report-box {
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    .sales-summary-print-body {
        padding: 14px 10px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .sales-summary-print-body .box-title {
        font-size: 15px !important;
        margin: 0 0 10px 0 !important;
    }

    .sales-summary-date-text {
        font-size: 12px !important;
        margin-bottom: 4px !important;
        text-align: center !important;
    }

    .sales-summary-print-top {
        display: flex !important;
        flex-direction: column !important;
        gap: 3px !important;
        margin-bottom: 8px !important;
        font-size: 11px !important;
        text-align: right !important;
    }

    .sales-summary-print-top-center {
        width: 100% !important;
        text-align: right !important;
        font-size: 11px !important;
    }

    .sales-summary-print-top-right {
        width: 100% !important;
        text-align: right !important;
        font-size: 11px !important;
    }

    .sales-summary-table {
        min-width: 760px !important;
        width: 760px !important;
        table-layout: fixed !important;
        font-size: 12px !important;
    }

    .sales-summary-table th {
        padding: 6px 5px !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
        word-break: keep-all !important;
        white-space: normal !important;
        vertical-align: middle !important;
    }

    .sales-summary-table td {
        padding: 6px 5px !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
        word-break: keep-all !important;
        white-space: normal !important;
        vertical-align: middle !important;
    }

    .sales-summary-table th:nth-child(1) {
        width: 72px !important;
    }

    .sales-summary-table td:nth-child(1) {
        width: 72px !important;
    }

    .sales-summary-table th:nth-child(2) {
        width: 62px !important;
    }

    .sales-summary-table td:nth-child(2) {
        width: 62px !important;
    }

    .sales-summary-table th:nth-child(3) {
        width: 60px !important;
    }

    .sales-summary-table td:nth-child(3) {
        width: 60px !important;
    }

    .sales-summary-table th:nth-child(4) {
        width: 42px !important;
    }

    .sales-summary-table td:nth-child(4) {
        width: 42px !important;
    }

    .sales-summary-table th:nth-child(5) {
        width: 54px !important;
    }

    .sales-summary-table td:nth-child(5) {
        width: 54px !important;
    }

    .sales-summary-table th:nth-child(6) {
        width: 62px !important;
    }

    .sales-summary-table td:nth-child(6) {
        width: 62px !important;
    }

    .sales-summary-table th:nth-child(7) {
        width: 62px !important;
    }

    .sales-summary-table td:nth-child(7) {
        width: 62px !important;
    }

    .sales-summary-table th:nth-child(8) {
        width: 62px !important;
    }

    .sales-summary-table td:nth-child(8) {
        width: 62px !important;
    }

    .sales-summary-table th:nth-child(9) {
        width: 62px !important;
    }

    .sales-summary-table td:nth-child(9) {
        width: 62px !important;
    }

    .sales-summary-table th:nth-child(10) {
        width: 62px !important;
    }

    .sales-summary-table td:nth-child(10) {
        width: 62px !important;
    }

    .sales-summary-table th:nth-child(11) {
        width: 62px !important;
    }

    .sales-summary-table td:nth-child(11) {
        width: 62px !important;
    }

    .sales-summary-table .summary-label {
        width: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;
        white-space: nowrap !important;
        text-align: left !important;
    }

    .sales-summary-print-body::-webkit-scrollbar {
        height: 8px;
    }

    .sales-summary-print-body::-webkit-scrollbar-thumb {
        background: #8b8b8b;
        border-radius: 999px;
    }

    .sales-summary-print-body::-webkit-scrollbar-track {
        background: #eeeeee;
        border-radius: 999px;
    }

    .VewShpPfcMng06 {
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    .VewShpPfcMng06 .printTitle {
        padding: 14px 10px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .VewShpPfcMng06 .box-title {
        font-size: 15px !important;
        margin: 0 0 10px 0 !important;
    }

    .VewShpPfcMng06 table {
        min-width: 760px !important;
        width: 760px !important;
        table-layout: fixed !important;
        font-size: 11px !important;
    }

    .VewShpPfcMng06 table th {
        padding: 5px 4px !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        word-break: keep-all !important;
        vertical-align: middle !important;
    }

    .VewShpPfcMng06 table td {
        padding: 5px 4px !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        word-break: keep-all !important;
        vertical-align: middle !important;
    }

    .VewShpPfcMng06 .printThead th {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }

    .VewShpPfcMng06 .printTitle::-webkit-scrollbar {
        height: 8px;
    }

    .VewShpPfcMng06 .printTitle::-webkit-scrollbar-thumb {
        background: #8b8b8b;
        border-radius: 999px;
    }

    .VewShpPfcMng06 .printTitle::-webkit-scrollbar-track {
        background: #eeeeee;
        border-radius: 999px;
    }

    .ship-doc-list-page .basic-code-list-tools {
        position: static !important;
        float: none !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        margin-top: 12px;
    }

    .ship-doc-list-page .basic-code-list-tools .btn {
        width: 100% !important;
        height: 38px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
        font-weight: 800 !important;
    }

    .ship-doc-list-page #shipDocTable_wrapper .dataTables_scroll {
        display: none !important;
    }

    .ship-doc-list-page #shipDocTable {
        display: none !important;
    }

    .ship-doc-mobile-list {
        display: block;
    }

    .ship-doc-card {
        margin-bottom: 12px;
        padding: 14px;
        border: 1px solid #d7e3f2;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 3px 9px rgba(15, 45, 99, 0.10);
        cursor: pointer;
    }

    .ship-doc-card-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 10px;
    }

    .ship-doc-card-head strong {
        display: block;
        color: #0f2d63;
        font-size: 15px;
        font-weight: 900;
        line-height: 1.35;
    }

    .ship-doc-card-head span {
        display: block;
        margin-top: 3px;
        color: #315d91;
        font-size: 12px;
        font-weight: 700;
    }

    .ship-doc-card-head em {
        flex: 0 0 auto;
        padding: 3px 7px;
        border-radius: 999px;
        background: #edf5ff;
        color: #1f5f9f;
        font-size: 11px;
        font-style: normal;
        font-weight: 800;
    }

    .ship-doc-docno {
        margin-top: 8px;
        padding: 10px;
        border: 1px solid #bcd2ee;
        border-radius: 10px;
        background: #f3f8ff;
        color: #0f4f8a;
        font-size: 13px;
        font-weight: 900;
        word-break: break-all;
    }

    .ship-doc-info-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        margin-top: 10px;
    }

    .ship-doc-info-grid div:last-child {
        grid-column: 1 / -1;
    }

    .ship-doc-info-grid label {
        display: block;
        margin-bottom: 2px;
        color: #6b7a90;
        font-size: 11px;
        font-weight: 700;
    }

    .ship-doc-info-grid strong {
        display: block;
        color: #111827;
        font-size: 13px;
        font-weight: 800;
        line-height: 1.35;
        word-break: keep-all;
    }

    .ship-doc-mobile-empty {
        padding: 24px 10px;
        border: 1px solid #d7e3f2;
        border-radius: 10px;
        background: #ffffff;
        color: #6b7a90;
        text-align: center;
        font-size: 13px;
        font-weight: 700;
    }

    .ship-doc-list-page .dataTables_paginate {
        display: block !important;
        float: none !important;
        width: 100%;
        margin-top: 12px !important;
        text-align: center !important;
    }

    .shipper-dashboard-page .content {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .shipper-dashboard-page .content-header {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .shipper-dashboard-page .content-header h2 {
        font-size: 14px !important;
    }

    .shipper-dashboard-page .dashboard-stat-list {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    .shipper-dashboard-page .dashboard-card-row {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    .shipper-dashboard-page .modern-card-row {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    .shipper-dashboard-page .dashboard-stat-card {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 14px 10px !important;
        box-sizing: border-box !important;
    }

    .shipper-dashboard-page .dashboard-summary-card {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 14px 10px !important;
        box-sizing: border-box !important;
    }

    .shipper-dashboard-page .modern-summary-card {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 14px 10px !important;
        box-sizing: border-box !important;
    }

    .shipper-dashboard-page .summary-icon {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        font-size: 15px !important;
    }

    .shipper-dashboard-page .stat-title {
        font-size: 11px !important;
        line-height: 1.3 !important;
        word-break: keep-all !important;
    }

    .shipper-dashboard-page .card-label {
        font-size: 11px !important;
        line-height: 1.3 !important;
        word-break: keep-all !important;
    }

    .shipper-dashboard-page .stat-value {
        font-size: 12px !important;
        line-height: 1.25 !important;
        word-break: break-all !important;
    }

    .shipper-dashboard-page .card-value {
        font-size: 12px !important;
        line-height: 1.25 !important;
        word-break: break-all !important;
    }

    .shipper-dashboard-page .shipper-dashboard-grid {
        display: block !important;
    }

    .shipper-dashboard-page .shipper-dashboard-panel {
        margin-bottom: 14px !important;
        padding: 14px 10px !important;
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    .shipper-dashboard-page .shipper-panel-title {
        font-size: 14px !important;
    }

    .shipper-dashboard-page .shipper-panel-desc {
        font-size: 11px !important;
    }

    .shipper-dashboard-page .shipper-chart-wrap {
        overflow: hidden !important;
    }

    .shipper-dashboard-page #shipperCorpChart {
        width: 100% !important;
    }

    .shipper-dashboard-page .dashboard-table-wrap {
        width: 100% !important;
        overflow-x: hidden !important;
    }

    .shipper-dashboard-page .shipper-table-wrap {
        width: 100% !important;
        overflow-x: hidden !important;
    }

    .shipper-dashboard-page .shipper-modern-table {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
    }

    .shipper-dashboard-page .dashboard-table {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
    }

    .shipper-dashboard-page .shipper-modern-table td {
        padding: 5px 2px !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        word-break: break-all !important;
        vertical-align: middle !important;
        text-align: center !important;
    }

    .shipper-dashboard-page .dashboard-table td {
        padding: 5px 2px !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        word-break: break-all !important;
        vertical-align: middle !important;
        text-align: center !important;
    }

    .shipper-dashboard-page .shipper-modern-table th {
        padding: 5px 2px !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        word-break: break-all !important;
        vertical-align: middle !important;
        text-align: center !important;
        font-weight: 800 !important;
        background: #eaf1f8 !important;
    }

    .shipper-dashboard-page .dashboard-table th {
        padding: 5px 2px !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        word-break: break-all !important;
        vertical-align: middle !important;
        text-align: center !important;
        font-weight: 800 !important;
        background: #eaf1f8 !important;
    }

    .shipper-dashboard-page .shipper-modern-table td strong {
        font-size: 12px !important;
        font-weight: 800 !important;
    }

    .shipper-dashboard-page .shipper-modern-table .text-right {
        text-align: right !important;
    }

    .shipper-dashboard-page .deposit-summary-table th:nth-child(1) {
        width: 18% !important;
    }

    .shipper-dashboard-page .deposit-summary-table td:nth-child(1) {
        width: 18% !important;
    }

    .shipper-dashboard-page .deposit-summary-table th:nth-child(2) {
        width: 22% !important;
    }

    .shipper-dashboard-page .deposit-summary-table td:nth-child(2) {
        width: 22% !important;
    }

    .shipper-dashboard-page .deposit-summary-table th:nth-child(3) {
        width: 20% !important;
    }

    .shipper-dashboard-page .deposit-summary-table td:nth-child(3) {
        width: 20% !important;
    }

    .shipper-dashboard-page .deposit-summary-table th:nth-child(4) {
        width: 20% !important;
    }

    .shipper-dashboard-page .deposit-summary-table td:nth-child(4) {
        width: 20% !important;
    }

    .shipper-dashboard-page .deposit-summary-table th:nth-child(5) {
        width: 20% !important;
    }

    .shipper-dashboard-page .deposit-summary-table td:nth-child(5) {
        width: 20% !important;
    }

    .shipper-dashboard-page .producer-summary-table th:nth-child(1) {
        width: 22% !important;
    }

    .shipper-dashboard-page .producer-summary-table td:nth-child(1) {
        width: 22% !important;
    }

    .shipper-dashboard-page .producer-summary-table th:nth-child(2) {
        width: 19.5% !important;
    }

    .shipper-dashboard-page .producer-summary-table td:nth-child(2) {
        width: 19.5% !important;
    }

    .shipper-dashboard-page .producer-summary-table th:nth-child(3) {
        width: 19.5% !important;
    }

    .shipper-dashboard-page .producer-summary-table td:nth-child(3) {
        width: 19.5% !important;
    }

    .shipper-dashboard-page .producer-summary-table th:nth-child(4) {
        width: 19.5% !important;
    }

    .shipper-dashboard-page .producer-summary-table td:nth-child(4) {
        width: 19.5% !important;
    }

    .shipper-dashboard-page .producer-summary-table th:nth-child(5) {
        width: 19.5% !important;
    }

    .shipper-dashboard-page .producer-summary-table td:nth-child(5) {
        width: 19.5% !important;
    }

    .shipper-dashboard-page .money-blue {
        font-weight: 800 !important;
    }

    .shipper-dashboard-page .money-green {
        font-weight: 800 !important;
    }

    .shipper-dashboard-page .money-purple {
        font-weight: 800 !important;
    }

    .shipper-dashboard-page .money-orange {
        font-weight: 800 !important;
    }

    .form-wide-control {
        max-width: none;
    }

    .form-address-control {
        max-width: none;
    }

    .form-zip-group.input-group {
        max-width: none;
    }

    .form-code-group {
        max-width: none;
        gap: 6px;
    }

    .form-code-group input:first-child {
        flex: 0 0 90px;
        max-width: 90px;
    }

    .form-code-group input:last-child {
        flex: 1 1 auto;
        max-width: none;
    }

    .form-code-group {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
    }

    .form-code-group > input:first-child {
        flex: 1 1 auto;
        width: auto;
    }

    .form-code-group .code-search-btn {
        flex: 0 0 auto;
    }

    .form-code-group #originNm,
    .form-code-group #bankNm,
    .form-code-group #ecoFriendlyNm {
        flex: 0 0 100%;
        width: 100% !important;
    }

    .tbl_row.tbl_fixed colgroup col:nth-child(1) {
        width: 16% !important;
    }

    .tbl_row.tbl_fixed colgroup col:nth-child(3) {
        width: 16% !important;
    }

    .tbl_row.tbl_fixed colgroup col:nth-child(2) {
        width: 32% !important;
    }

    .tbl_row.tbl_fixed colgroup col:nth-child(4) {
        width: 32% !important;
    }

    .tbl_row.tbl_fixed th {
        font-size: 9px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.5px;
        white-space: nowrap !important;
        word-break: keep-all !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .tbl_row.tbl_fixed td {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .tbl_row.tbl_fixed th .dot_rec {
        margin-left: 1px;
    }

    #apiLayerPopup .api-layer-panel {
        width: calc(100% - 28px) !important;
    }

    #apiLayerPopup .api-popup-table th {
        width: 70px !important;
        min-width: 70px !important;
        padding: 8px 4px !important;
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    #apiLayerPopup .api-popup-table td {
        padding: 6px 4px !important;
    }

    #apiLayerPopup .api-popup-table .dp_inline {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    #apiLayerPopup .api-popup-table .input-group-addon {
        width: 24px !important;
        min-width: 24px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 28px !important;
    }

    #apiLayerPopup #strYmd {
        width: calc(100% - 6px) !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 4px 4px 4px 10px !important;
        margin-left: 6px !important;
        font-size: 10px !important;
        flex: 1 1 auto !important;
    }

    #apiLayerPopup .api-popup-table .input-group {
        display: flex !important;
        align-items: center !important;
    }

    #apiLayerPopup #strYmd.form-control.btDtpicker {
        padding-left: 23px !important;
        text-indent: 0 !important;
    }

    #apiLayerPopup .input-group.date .input-group-addon.calendar-width {
        left: 6px !important;
    }

    .ship-doc-form-page .content {
        padding: 8px !important;
    }

    .ship-doc-master-scroll {
        display: none !important;
    }

    .ship-doc-detail-scroll {
        display: none !important;
    }

    .ship-doc-mobile-master-wrap {
        display: block !important;
    }

    .ship-doc-mobile-detail-wrap {
        display: block !important;
    }

    .ship-doc-detail-title {
        margin: 24px 0 12px !important;
        font-size: 17px !important;
        font-weight: 800 !important;
        color: #1f2d3d !important;
    }

    .ship-doc-mobile-section {
        margin-bottom: 14px !important;
        border: 1px solid #cfe0f5 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        overflow: hidden !important;
    }

    .ship-doc-mobile-section-head strong {
        flex: 1 1 auto !important;
    }

    .ship-doc-mobile-toggle-btn {
        flex: 0 0 auto !important;
        min-width: auto !important;
        height: auto !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #0f2d63 !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .ship-doc-mobile-section-body {
        padding: 12px !important;
        background: #ffffff !important;
    }

    .ship-doc-mobile-section.is-collapsed .ship-doc-mobile-section-body {
        display: none !important;
    }

    .ship-doc-mobile-section-bottom {
        display: block !important;
        margin-top: 14px !important;
        padding-top: 12px !important;
        border-top: 1px solid #e5ebf2 !important;
        text-align: center !important;
    }

    .ship-doc-mobile-collapse-btn {
        width: 100% !important;
        height: 38px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        color: #1f2d3d !important;
        background: #f8fafc !important;
        border: 1px solid #cfd8e3 !important;
    }

    .ship-doc-mobile-card {
        margin-bottom: 14px !important;
        border: 1px solid #cfe0f5 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        overflow: hidden !important;
    }

    .ship-doc-mobile-card-title {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
    }

    .ship-doc-mobile-card-title span:first-child {
        flex: 1 1 auto !important;
    }

    .ship-doc-mobile-card-body {
        padding: 12px !important;
    }

    .ship-doc-mobile-field {
        margin-bottom: 12px !important;
    }

    .ship-doc-mobile-field label {
        display: block !important;
        margin-bottom: 5px !important;
        color: #1f2d3d !important;
        font-size: 13px !important;
        font-weight: 700 !important;
    }

    .ship-doc-mobile-field .form-control {
        width: 100% !important;
        min-width: 0 !important;
        height: 36px !important;
        box-sizing: border-box !important;
        border: 1px solid #cfd8e3 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-size: 13px !important;
        padding: 6px 8px !important;
        background: #ffffff !important;
    }

    .ship-doc-mobile-field select {
        width: 100% !important;
        min-width: 0 !important;
        height: 36px !important;
        box-sizing: border-box !important;
        border: 1px solid #cfd8e3 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-size: 13px !important;
        padding: 6px 8px !important;
        background: #ffffff !important;
    }

    .ship-doc-mobile-field .form-control[readonly] {
        background: #f8fafc !important;
        color: #475569 !important;
    }

    .ship-doc-mobile-field input[readonly] {
        background: #f8fafc !important;
        color: #475569 !important;
    }

    .ship-doc-mobile-field .dt_bgColor_5 {
        background: #f8fafc !important;
        color: #475569 !important;
    }

    .ship-doc-mobile-field .form-control:focus {
        border-color: #6b8ecf !important;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.10) !important;
    }

    .ship-doc-mobile-popup-line {
        display: grid !important;
        grid-template-columns: 82px 54px minmax(0, 1fr) !important;
        gap: 6px !important;
        width: 100% !important;
        align-items: center !important;
        margin-bottom: 6px !important;
    }

    .ship-doc-mobile-popup-line .popup-code {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .ship-doc-mobile-popup-line .ship-doc-code-search-btn {
        width: 54px !important;
        min-width: 54px !important;
        height: 36px !important;
        padding: 0 !important;
        border-radius: 6px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 36px !important;
        white-space: nowrap !important;
    }

    .ship-doc-mobile-popup-line .btn {
        width: 54px !important;
        min-width: 54px !important;
        height: 36px !important;
        padding: 0 !important;
        border-radius: 6px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 36px !important;
        white-space: nowrap !important;
    }

    .ship-doc-mobile-popup-line .dt_bgColor_5 {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        grid-column: auto !important;
    }

    .ship-doc-mobile-popup-line input[readonly]:not(.popup-code) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        grid-column: auto !important;
    }

    .ship-doc-mobile-detail-popup-line {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 64px !important;
        gap: 6px !important;
        width: 100% !important;
        align-items: center !important;
        margin-bottom: 6px !important;
    }

    .ship-doc-mobile-detail-popup-line .form-control {
        min-width: 0 !important;
    }

    .ship-doc-mobile-detail-popup-line .btn {
        width: 64px !important;
        min-width: 64px !important;
        height: 36px !important;
        padding: 0 !important;
        border-radius: 6px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 36px !important;
        white-space: nowrap !important;
    }

    .ship-doc-mobile-detail-popup-line .ship-doc-code-search-btn {
        width: 64px !important;
        min-width: 64px !important;
        height: 36px !important;
        padding: 0 !important;
        border-radius: 6px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 36px !important;
        white-space: nowrap !important;
    }

    .ship-doc-mobile-detail-popup-line + .form-control {
        width: 100% !important;
        margin-top: 0 !important;
    }

    .ship-doc-mobile-detail-popup-line + input[readonly] {
        width: 100% !important;
        margin-top: 0 !important;
    }

    .ship-doc-mobile-two-col {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    .ship-doc-mobile-two-col .ship-doc-mobile-field {
        min-width: 0 !important;
    }

    .ship-doc-mobile-delete-btn {
        width: 100% !important;
        height: 36px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
    }

    .ship-doc-mobile-add-row-btn {
        display: block !important;
        position: fixed !important;
        right: 14px !important;
        bottom: 18px !important;
        z-index: 9999 !important;
        width: 76px !important;
        height: 44px !important;
        border-radius: 22px !important;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25) !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        padding: 0 !important;
    }

    .ship-doc-mobile-field .input-group {
        display: table !important;
        width: 100% !important;
    }

    .ship-doc-mobile-field .input-group-addon {
        display: table-cell !important;
        width: 38px !important;
        height: 36px !important;
        padding: 0 !important;
        vertical-align: middle !important;
        text-align: center !important;
        border: 1px solid #cfd8e3 !important;
        border-right: 0 !important;
        background: #f8fafc !important;
        border-radius: 0 !important;
    }

    .ship-doc-mobile-field .input-group .form-control {
        display: table-cell !important;
        border-radius: 0 !important;
    }

    .ship-doc-mobile-field .dot_rec {
        color: #e11d48 !important;
        font-weight: 800 !important;
    }

    .ship-doc-form-page .dot_rec {
        color: #e11d48 !important;
        font-weight: 800 !important;
    }

    .ship-doc-mobile-field .select2-container {
        width: 100% !important;
    }

    .ship-doc-mobile-field .select2-container .select2-selection--single {
        height: 36px !important;
        border: 1px solid #cfd8e3 !important;
        border-radius: 0 !important;
    }

    .ship-doc-mobile-field .select2-container .select2-selection__rendered {
        line-height: 34px !important;
        font-size: 13px !important;
    }

    .ship-doc-mobile-field .select2-container .select2-selection__arrow {
        height: 34px !important;
    }

    .ship-doc-mobile-section-head {
        width: 100% !important;
        min-height: 44px !important;
        padding: 0 14px !important;
        border: 1px solid #d7e1ef !important;
        border-radius: 12px !important;
        background: #eef5ff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        cursor: pointer !important;
        white-space: nowrap !important;
    }

    .ship-doc-mobile-section-title {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        color: #0f2d63 !important;
        font-size: 15px !important;
        font-weight: 800 !important;
    }

    .ship-doc-mobile-toggle-text {
        margin-left: auto !important;
        flex: 0 0 auto !important;
        color: #0f2d63 !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .ship-doc-mobile-detail-head {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        cursor: pointer !important;
    }

    .ship-doc-mobile-detail-title-area {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    .ship-doc-mobile-card-toggle-btn {
        margin-left: auto !important;
        flex: 0 0 auto !important;
        min-width: auto !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #0f2d63 !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .ship-doc-mobile-card-toggle-btn:hover {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #0f2d63 !important;
        outline: none !important;
    }

    .ship-doc-mobile-card-toggle-btn:focus {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #0f2d63 !important;
        outline: none !important;
    }

    .ship-doc-mobile-card-toggle-btn:active {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #0f2d63 !important;
        outline: none !important;
    }

    #corpPairContainer .ship-corp-btn-col {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding-top: 8px !important;
        text-align: right !important;
    }

    #corpPairContainer .ship-corp-btn-col .btn-danger {
        display: inline-block !important;
        width: 40px !important;
        height: 30px !important;
        float: none !important;
        margin-left: auto !important;
    }

    .api-important-guide-box {
        display: grid !important;
        grid-template-columns: 38px 1fr !important;
        gap: 10px 12px !important;
        align-items: center !important;
        padding: 14px 14px 16px !important;
        border-radius: 14px !important;
    }

    .api-important-icon {
        width: 38px !important;
        height: 38px !important;
        border-radius: 12px !important;
        font-size: 20px !important;
        margin: 0 !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .api-important-content {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
    }

    .api-important-title {
        font-size: 16px !important;
        line-height: 1.3 !important;
        margin-bottom: 3px !important;
    }

    .api-important-desc {
        font-size: 12px !important;
        line-height: 1.4 !important;
        word-break: keep-all !important;
    }

    .api-important-action {
        grid-column: 1 / 3 !important;
        grid-row: 2 !important;
        width: 100% !important;
    }

    .api-important-action .api-search-open-btn {
        width: 100% !important;
        height: 38px !important;
        min-width: 0 !important;
        padding: 0 12px !important;
        border-radius: 8px !important;
        font-size: 14px !important;
    }

    .api-all-page .api-all-hero {
        display: grid !important;
        grid-template-columns: 38px 1fr !important;
        gap: 10px 12px !important;
        align-items: center !important;
        padding: 14px 14px 16px !important;
        border-radius: 14px !important;
        margin-bottom: 14px !important;
    }

    .api-all-hero-icon {
        width: 38px !important;
        height: 38px !important;
        border-radius: 12px !important;
        font-size: 20px !important;
        margin: 0 !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .api-all-hero-content {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
    }

    .api-all-hero-title {
        font-size: 16px !important;
        line-height: 1.3 !important;
        margin-bottom: 3px !important;
    }

    .api-all-hero-desc {
        font-size: 12px !important;
        line-height: 1.4 !important;
        word-break: keep-all !important;
    }

    .shipper-top-api-quick-box {
        margin: 0 0 12px 0;
        padding: 13px 12px;
        gap: 10px;
        border-radius: 13px;
    }

    .shipper-top-api-icon {
        width: 36px;
        height: 36px;
        font-size: 17px;
        border-radius: 11px;
    }

    .shipper-top-api-title {
        font-size: 14px;
    }

    .shipper-top-api-desc {
        display: none;
    }

    .shipper-top-api-btn {
        min-width: 86px;
        height: 34px;
        padding: 0 10px;
        font-size: 12px;
        border-radius: 8px;
    }

    .ship-doc-form-page .content-header h2 {
        font-size: 24px;
        line-height: 1.35;
    }

    .ship-doc-form-page .box {
        border-radius: 12px;
    }

    .ship-doc-form-page .box-body {
        padding: 12px;
    }

    .ship-doc-detail-table > thead > tr > th {
        padding: 7px 6px !important;
    }

    .ship-doc-detail-table > tbody > tr > td {
        padding: 7px 6px !important;
    }

    .ship-doc-detail-table .form-control {
        font-size: 13px;
    }

    .ship-doc-master-btn-area {
        margin-top: 12px;
    }

    .ship-doc-master-btn-wrap {
        display: flex;
        width: 100%;
        justify-content: stretch;
        gap: 8px;
    }

    .ship-doc-action-btn {
        flex: 1 1 0;
        min-width: 0;
        height: 38px;
        padding: 0 10px;
        font-size: 13px;
    }

    .ship-doc-detail-toolbar {
        display: none !important;
        margin-bottom: 8px;
    }

    .ship-doc-add-row-btn {
        min-width: 76px;
        height: 34px;
        padding: 0 12px;
        font-size: 12px;
    }

    .ship-doc-master-table > tbody > tr > td {
        padding: 8px 8px !important;
    }

    .ship-doc-master-table > tbody > tr > th {
        padding: 8px 8px !important;
        font-size: 13px;
    }

    .ship-doc-master-table .form-control {
        font-size: 13px;
        height: 34px;
    }

    .ship-doc-master-table > colgroup col:nth-child(1) {
        width: 60px !important;
    }

    .ship-doc-master-table > colgroup col:nth-child(3) {
        width: 60px !important;
    }

    .ship-doc-master-table > colgroup col:nth-child(5) {
        width: 60px !important;
    }

    .cmp-pay-list-page .searchbox_wrap {
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    .cmp-pay-list-page .searchbox_wrap .searchbox_inner {
        min-width: 0 !important;
        width: 100% !important;
    }

    .cmp-pay-list-page.common-dt-scroll .dataTables_scrollHeadInner {
        min-width: 0 !important;
    }

    .cmp-pay-list-page.common-dt-scroll .dataTables_scrollHeadInner table {
        min-width: 0 !important;
    }

    .cmp-pay-list-page.common-dt-scroll .dataTables_scrollBody table {
        min-width: 0 !important;
    }

    .cmp-pay-list-page.common-dt-scroll .dataTables_scroll {
        display: none !important;
    }

    .cmp-pay-list-page.common-dt-scroll .dataTables_scrollBody {
        overflow: visible !important;
    }

}

@media (max-width:900px) {
    .code-search-btn {
        flex: 0 0 45px;
        font-size: 11px;
        padding: 4px;
    }

}

@media (min-width: 1281px) {
    .mobile-lnb {
        display: none;
    }

}

@media (max-width: 1500px) {
    .ship-corp-wrap {
        width: 100%;
    }

    .ship-corp-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: nowrap;
    }

    .ship-corp-head > div {
        flex: 1 1 auto;
        min-width: 0;
    }

    .ship-corp-head > button {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    #corpPairContainer .ship-corp-row > div {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 10px;
    }

    #corpPairContainer .ship-corp-row > div:last-child {
        margin-bottom: 0;
    }

    #corpPairContainer .ship-corp-row label {
        display: block;
        margin-bottom: 5px;
        font-size: 13px;
        font-weight: 600;
        color: #222;
    }

    #corpPairContainer .ship-corp-row .form-control {
        width: 100% !important;
        max-width: 100% !important;
    }

    #corpPairContainer .ship-corp-btn-col {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        width: 100% !important;
        padding-top: 4px !important;
        text-align: right !important;
    }

    #corpPairContainer .ship-corp-btn-col .btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        height: 34px !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        float: none !important;
    }

    #corpPairContainer .ship-corp-btn-col .btn-block {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        height: 34px !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        float: none !important;
    }

    #corpPairContainer .ship-corp-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 10px;
        padding: 10px;
        border: 1px solid #e5e5e5;
        background: #fff;
        display: block !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    #corpPairContainer .ship-corp-row > .ship-corp-btn-col {
        float: none !important;
        clear: both !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 0 !important;
        text-align: right !important;
    }

    #corpPairContainer .ship-corp-row > .ship-corp-btn-col .ship-corp-remove-btn {
        float: right !important;
        display: inline-block !important;
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        height: 34px !important;
        margin-left: auto !important;
        margin-right: 0 !important;
    }

}


/* =========================================================
   법인연동정보 삭제(-) 버튼 최종 보정
   - 1500px 보정보다 반드시 아래에 위치
   - 모바일에서 삭제 버튼 오른쪽 고정
   ========================================================= */
@media (max-width: 900px) {
    #corpPairContainer .ship-corp-row {
        display: block !important;
        width: 100% !important;
        overflow: hidden !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #corpPairContainer .ship-corp-row > .ship-corp-btn-col,
    #corpPairContainer .ship-corp-btn-col {
        float: none !important;
        clear: both !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding-top: 8px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 0 !important;
        text-align: right !important;
    }

    #corpPairContainer .ship-corp-row > .ship-corp-btn-col .ship-corp-remove-btn,
    #corpPairContainer .ship-corp-btn-col .ship-corp-remove-btn,
    #corpPairContainer .ship-corp-btn-col .btn-danger,
    #corpPairContainer .ship-corp-btn-col .btn,
    #corpPairContainer .ship-corp-btn-col .btn-block {
        float: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        height: 34px !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }
}

@media all and (max-width: 900px) {
    .cmp-pay-summary-wrap {
        grid-template-columns: 1fr;
        gap: 6px;
        margin: 10px 0 8px;
    }

    .cmp-pay-summary-item {
        min-height: 40px;
        border-radius: 5px;
    }

    .cmp-pay-summary-label {
        width: 42%;
        min-width: 108px;
        padding: 0 8px;
        font-size: 12px;
    }

    .cmp-pay-summary-value {
        padding: 0 10px;
        font-size: 14px;
    }

    .cmp-pay-summary-value::after {
        font-size: 11px;
    }
}

@media all and (max-width: 900px) {
    .producer-pay-summary-wrap {
        grid-template-columns: 1fr;
        gap: 6px;
        margin: 10px 0 8px;
    }

    .producer-pay-summary-item {
        min-height: 40px;
        border-radius: 5px;
    }

    .producer-pay-summary-label {
        width: 42%;
        min-width: 108px;
        padding: 0 8px;
        font-size: 12px;
    }

    .producer-pay-summary-value {
        padding: 0 10px;
        font-size: 14px;
    }

    .producer-pay-summary-value::after {
        font-size: 11px;
    }
}

/* 모바일 하단 고정 메뉴 */
.mobile-bottom-nav {
    display: none;
}
@media all and (max-width: 900px) {
    .mobile-bottom-nav {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99998;
        min-height: 66px;
        padding: 6px 4px 10px;
        background: #ffffff;
        border-top: 1px solid #d7e0ec;
        box-shadow: 0 -4px 14px rgba(15, 35, 70, 0.10);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;

        /* 스크롤바 공간 확보 */
        scrollbar-width: thin;
        scrollbar-color: #7f8fa6 #eef3f8;
    }

    /* 크롬/엣지/사파리 스크롤바 */
    .mobile-bottom-nav::-webkit-scrollbar {
        height: 5px;
    }

    .mobile-bottom-nav::-webkit-scrollbar-track {
        background: #eef3f8;
        border-radius: 10px;
    }

    .mobile-bottom-nav::-webkit-scrollbar-thumb {
        background: #7f8fa6;
        border-radius: 10px;
    }

    .mobile-bottom-nav::-webkit-scrollbar-thumb:hover {
        background: #5f6f86;
    }

    .mobile-bottom-nav-item {
        height: 50px;
        min-width: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        color: #617086;
        text-decoration: none !important;
        font-size: 10.5px;
        font-weight: 700;
        line-height: 1.1;
        white-space: nowrap;
        border-radius: 10px;
    }

    /* 1~4개일 때는 공백 없이 전체 너비 균등 분배 */
    .mobile-bottom-count-1 .mobile-bottom-nav-item,
    .mobile-bottom-count-2 .mobile-bottom-nav-item,
    .mobile-bottom-count-3 .mobile-bottom-nav-item,
    .mobile-bottom-count-4 .mobile-bottom-nav-item {
        flex: 1 1 0 !important;
    }

    /* 5개 이상이면 가로 스크롤 */
    .mobile-bottom-count-5 .mobile-bottom-nav-item,
    .mobile-bottom-count-6 .mobile-bottom-nav-item,
    .mobile-bottom-count-7 .mobile-bottom-nav-item,
    .mobile-bottom-count-8 .mobile-bottom-nav-item,
    .mobile-bottom-count-9 .mobile-bottom-nav-item,
    .mobile-bottom-count-10 .mobile-bottom-nav-item {
        flex: 0 0 25% !important;
    }

    .mobile-bottom-nav-item i {
        font-size: 18px;
        line-height: 1;
        color: #2f74eb;
    }

    .mobile-bottom-nav-item span {
        display: block;
        width: 100%;
        padding: 0 3px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        letter-spacing: -0.5px;
    }

    .mobile-bottom-nav-item:active,
    .mobile-bottom-nav-item:hover {
        color: #0f2d63;
        background: #f2f7ff;
    }

    .mobile-bottom-nav-item:active i,
    .mobile-bottom-nav-item:hover i {
        color: #0f2d63;
    }

    .admin-body-wrap {
        padding-bottom: 84px !important;
    }

    body {
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* 모바일/좁은 화면 우측 잘림 방지 */
@media all and (max-width: 900px) {

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .wrapper,
    .admin-body-wrap,
    .content-wrapper,
    .content,
    .container,
    .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    .admin-body-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 84px !important;
    }

    section.content,
    .content.container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .main-dashboard-page,
    .dashboard-wrap,
    .api-status-panel,
    .shipper-dashboard-panel,
    .modern-card-row,
    .modern-summary-card {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .modern-card-row {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .modern-summary-card {
        width: 100% !important;
    }

    /* 표/차트처럼 넓은 애들은 부모 안에서만 가로스크롤 */
    .table-responsive,
    .api-table-wrap,
    .shipper-table-wrap,
    .shipper-chart-wrap,
    .chart-wrap,
    .dataTables_wrapper {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden;
        box-sizing: border-box !important;
    }

    table,
    .api-status-table,
    .shipper-modern-table {
        max-width: none !important;
    }

    /* 하단 메뉴가 100vw 때문에 삐져나가는 것 방지 */
    .mobile-bottom-nav {
        width: auto !important;
        max-width: none !important;
        left: 0 !important;
        right: 0 !important;
        box-sizing: border-box !important;
    }
}
/* =========================================================
   900px 이하 공통 레이아웃 보정
   - 모든 화면 좌우 잘림 방지
   - 불필요한 좌우 여백 제거
   ========================================================= */
@media all and (max-width: 900px) {

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box !important;
    }

    .wrapper,
    .content-wrapper,
    .admin-body-wrap,
    section.content,
    .content,
    .content.container-fluid,
    .container,
    .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    .content-wrapper,
    .admin-body-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    section.content,
    .content,
    .content.container-fluid,
    .container-fluid {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .box,
    .box-solid,
    .box-body,
    .box-header,
    .panel,
    .panel-body,
    .card,
    .api-status-panel,
    .shipper-dashboard-panel,
    .modern-card-row,
    .modern-summary-card,
    .main-dashboard-page,
    .join-wrap,
    .join-shipper-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .box,
    .box-solid,
    .panel,
    .card,
    .api-status-panel,
    .shipper-dashboard-panel {
        border-radius: 10px !important;
    }

    /*
    .box-body,
    .panel-body {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    */

    .ad_tbl_top,
    .search-area,
    .search-box,
    .form-area,
    .join-guide,
    .join-shipper-guide {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    input,
    select,
    textarea,
    .form-control,
    .input-group,
    .select2,
    .select2-container {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    img,
    canvas,
    svg {
        max-width: 100% !important;
    }

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    [class*="col-xs-"],
    [class*="col-sm-"],
    [class*="col-md-"],
    [class*="col-lg-"] {
        padding-left: 4px !important;
        padding-right: 4px !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .table-responsive,
    .dataTables_wrapper,
    .api-table-wrap,
    .shipper-table-wrap,
    .shipper-chart-wrap,
    .chart-wrap,
    .chart-area,
    .tbl-scroll-wrap {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        box-sizing: border-box !important;
        -webkit-overflow-scrolling: touch;
    }

    table {
        max-width: none !important;
    }

    .btn,
    button {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

.mobile-bottom-nav .mobile-bottom-nav-item {
    position: relative;
}

.mobile-bottom-nav .mobile-bottom-nav-item.active {
    color: #0b3f82 !important;
    font-weight: 700 !important;
    background: #eaf1f8 !important;
}

.mobile-bottom-nav .mobile-bottom-nav-item.active i {
    color: #0b3f82 !important;
    font-weight: 700 !important;
}

.mobile-bottom-nav .mobile-bottom-nav-item.active span {
    color: #0b3f82 !important;
    font-weight: 700 !important;
}

.mobile-bottom-nav .mobile-bottom-nav-item.active::before {
    content: '';
    display: block;
    width: 28px;
    height: 3px;
    border-radius: 999px;
    background: #0b3f82;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* 모바일 하단 메뉴 - 현재 메뉴 강조 */
@media all and (max-width: 900px) {
    #mobileBottomNav .mobile-bottom-nav-item {
        position: relative !important;
    }

    #mobileBottomNav .mobile-bottom-nav-item.active {
        background: #dbe8f6 !important;
        color: #083b78 !important;
        font-weight: 900 !important;
        box-shadow: inset 0 3px 0 #083b78 !important;
    }

    #mobileBottomNav .mobile-bottom-nav-item.active i,
    #mobileBottomNav .mobile-bottom-nav-item.active span {
        color: #083b78 !important;
        font-weight: 900 !important;
    }

    #mobileBottomNav .mobile-bottom-nav-item.active i {
        transform: translateY(-1px);
    }
}

@media (max-width: 900px) {
    .shipper-dashboard-page .shipper-top-api-quick-box {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        padding: 13px 12px !important;
    }

    .shipper-dashboard-page .shipper-top-api-left {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    .shipper-dashboard-page .shipper-top-api-icon {
        flex: 0 0 36px !important;
        width: 36px !important;
        height: 36px !important;
        font-size: 17px !important;
        border-radius: 11px !important;
    }

    .shipper-dashboard-page .shipper-top-api-text {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    .shipper-dashboard-page .shipper-top-api-title {
        font-size: 14px !important;
        line-height: 1.25 !important;
        color: #ffffff !important;
        font-weight: 800 !important;
        margin: 0 !important;
    }

    .shipper-dashboard-page .shipper-top-api-desc {
        display: block !important;
        margin-top: 4px !important;
        font-size: 10px !important;
        line-height: 1.35 !important;
        color: rgba(255, 255, 255, 0.82) !important;
        word-break: keep-all !important;
    }

    .shipper-dashboard-page .shipper-top-api-btn {
        flex: 0 0 auto !important;
        min-width: 86px !important;
        height: 34px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
        border-radius: 8px !important;
        white-space: nowrap !important;
    }
}