@media screen and (min-width:2560px){
    body{   font-size:var(--size--medium);  }
    .wrap,
    #login-wrap{    position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); box-shadow:1px 1px 40px rgba(0,0,0,0.1), -1px -1px 40px rgba(0,0,0,0.1);    }

    /* LOGIN */
    #login{ width:600px;    }
    #login-left{    padding:140px;  }


    /* GRID TABLE */
    .grid-tbl-head .grid-tbl-rows,
    .grid-tbl-body .grid-tbl-rows{
        display:grid; grid-template-columns:60px 200px 800px 0.1fr 0.2fr 0.2fr 0.2fr 0.2fr 0.2fr 0.2fr 0.2fr;
    }
    /*.grid-tbl-body .grid-tbl-rows .text-over{   width:800px;    }*/
}

@media screen and (min-width:1920px) and (max-width:2559px){
    body{   font-size:var(--size--regular);  }


    /* DETATIL */
    /*.detail-grid-column > label{    width:200px;    }*/
    /*.detail-grid-column > .value{   margin-left:200px;  }*/


    /* GRID TABLE */
    .grid-tbl-head .grid-tbl-rows,
    .grid-tbl-body .grid-tbl-rows{
        display:grid; grid-template-columns:60px 200px 300px 0.3fr 0.4fr 0.6fr 0.4fr 0.4fr 0.4fr 0.5fr 0.3fr; align-items: stretch;
    }
    .grid-tbl-head .grid-tbl-rows > div,
    .grid-tbl-body .grid-tbl-rows > div{
        position: relative; display: flex; align-items: center; text-align: center; justify-content: center;
    }
    /*.grid-tbl-head .grid-tbl-rows > div::before,*/
    /*.grid-tbl-body .grid-tbl-rows > div::before{*/
    /*    content: ""; width: 1px; height: 100%; display: block;*/
    /*    position: absolute; left: 0; top: 0; background-color: var(--color--border2);*/
    /*}*/
    .grid-tbl-head .grid-tbl-rows > div:first-child::before,
    .grid-tbl-body .grid-tbl-rows > div:first-child::before{
        display: none;
    }
    .grid-tbl-head .grid-tbl-rows > div .ui-label,
    .grid-tbl-body .grid-tbl-rows > div .ui-label{
        margin: 0;
    }

    /* PRODUCT */
    /*.product-grid-column .value{    width:calc(100% - 240px);   }*/
    .product-grid-column .price{    width:160px;    }


    /* LOGIN */
    #login{ width:500px;    }
    #login-left{    padding:140px;  }


    .reservation-calendar.fc-direction-ltr .fc-daygrid-event{
        padding: 1px 5px;
    }
    .reservation-calendar.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{

    }

}

@media screen and (max-width: 1920px){
    .reservation-calendar.fc-direction-ltr .fc-daygrid-event{
        padding: 0 5px;
    }

    .search-tbl1 .search-tbl-form dl,
    .search-tbl2 .search-tbl-form dl{
        width: 100% !important; padding-right: 20px;
    }
}

@media screen and (min-width:1600px) and (max-width:1720px){

    /* GRID TABLE */
    .grid-tbl-head .grid-tbl-rows,
    .grid-tbl-body .grid-tbl-rows{
        display:grid; grid-template-columns:60px 200px 300px 0.3fr 0.6fr 0.6fr 120px 120px 120px 0.5fr 0.6fr;
    }

}

/* Tablet 이하 */
@media screen and (max-width:1600px){

    main{
        height: calc(100% - 50px);
    }


    footer{
        padding: 10px;
        position: relative; left: auto; bottom: auto;
    }
    footer .copy{
        align-content: flex-start; align-items: flex-start; gap: 5px;
    }
    footer .copy + p{
        padding-left: 10px;
    }



    /* GRID TABLE */
    .grid-tbl .grid-tbl-head{   display:none;   }
    .grid-tbl-body{ border-top:1px solid var(--color--border);  }
    .grid-tbl-body .grid-tbl-rows{
        display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: center;
        padding:10px 10px 10px 50px; font-size:var(--size--regular); background-color: var(--color--white);
        grid-template-columns: none; position: relative;
    }
    .grid-tbl-body .grid-tbl-rows .text-over{
        width: 200px;
    }
    .grid-tbl-body .grid-tbl-rows > div{
        min-height: auto;
        display:block; vertical-align:middle; padding: 0; margin:0; background-color: transparent;
    }
    .grid-tbl-body .grid-tbl-rows:hover{
        background: none;
    }
    .grid-tbl-body .grid-tbl-rows:hover > div{
        background: none;
    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-checkbox{
        position:absolute; left:10px; top: 50%; transform: translateY(-50%);
    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-category{  padding-top:8px;  }
    .grid-tbl-body .grid-tbl-rows .menu-category{   max-width:200px; height:auto; line-height:140%; padding:5px 10px; color: var(--color--lightgray);    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-product{   min-width:400px; max-width:calc(100% - 400px); padding-top:14px; margin-left:10px;   }
    .grid-tbl-body .grid-tbl-rows .grid-menu-price{
        position:absolute; right: 100px; top: 50%; transform: translateY(-50%);
        font-size:var(--size--medium); color:var(--color--black);
    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-option{

    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-option .btn-next::before{
        content: "옵션"; background: none;
    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-option .ico-view{  text-indent:0; width:auto; height:40px; border:none; padding:0 10px; background-color:var(--color--hidden); color:var(--color--white);  }
    .grid-tbl-body .grid-tbl-rows .grid-menu-option .ico-view::before{
        width:24px; height:24px; vertical-align:middle; background-color: var(--color--white);
        mask-image: url("./../images/ico-view.svg"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain;
        -webkit-mask-image: url("./../images/ico-view.svg"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain;
        position:relative; left:auto; top:-2px; transform:none; display:inline-block; margin-right:5px;
    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-order{    clear:both; }
    .grid-tbl-body .grid-tbl-rows .grid-menu-stock{ height:28px; line-height:28px; font-size:var(--size--small); margin-left:10px;   }
    .grid-tbl-body .grid-tbl-rows .grid-menu-stock::before{
        content:"재고 : ";
    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-align{ position:absolute; right:10px; top:50%; transform:translate(0, -50%);   }

    /* BREAND TABLE */
    .brand-tbl .grid-tbl-body{  border-top:1px solid var(--color--border);  }
    .brand-tbl .grid-tbl-body .grid-tbl-rows{
        padding:10px 20px; /* display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; */
        position:relative;
    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows > div{ position:relative;  }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-enterprise{
        display: none;
    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-number{   display:none;   }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-name{   font-weight:500;    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-category{   position:absolute; right:20px; top:50%; transform:translate(0, -50%);  }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-uique{  padding:5px;    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-uique::before{
        content: "(";
    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-uique::after{
        content: ")";
    }
    .brand-tbl .grid-tbl-body .brand-tbl-businum{   clear:both;  }
    .brand-tbl .grid-tbl-body .brand-tbl-businum,
    .brand-tbl .grid-tbl-body .brand-tbl-company,
    .brand-tbl .grid-tbl-body .brand-tbl-ceo{   padding:10px;   }
    .brand-tbl .grid-tbl-body .brand-tbl-company::before,
    .brand-tbl .grid-tbl-body .brand-tbl-ceo::before{
        content:""; width:1px; height:14px; display:block; position:absolute; left:0; top:50%; transform:translate(0, -50%); background-color:var(--color--border);
    }

    .brandStore-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows > div{
        position: relative;
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-number::before{
        content: "(";
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-number::after{
        content: ")";
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-name{
        font-size: var(--size--large); font-weight: bold; color: var(--color--black);
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-businum{
        padding-right: 20px;
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-company{
        padding-right: 20px;
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-open{
        position: absolute; right: 95px; top: 50%; transform: translateY(-50%);
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-status{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }

    .did-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px 10px 10px 40px;
    }
    .did-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-checkbox{
        top: 50%; transform: translateY(-50%);
    }
    .did-tbl .grid-tbl-body .grid-tbl-rows .grid-did-id{
        font-size: var(--size--large); font-weight: 600; color: var(--color--black);
    }
    .did-tbl .grid-tbl-body .grid-tbl-rows .grid-did-type::before{
        content: "(";
    }
    .did-tbl .grid-tbl-body .grid-tbl-rows .grid-did-type::after{
        content: ")";
    }
    .did-tbl .grid-tbl-body .grid-tbl-rows .grid-did-align{
        display: none;
    }


    /* BRAND MENU TABLE */
    .brandMenu-tbl .grid-tbl-body .grid-tbl-rows{

    }
    .brandMenu-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0; text-align: left;
    }
    .brandMenu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-checkbox{
        top: 10px; transform: none;
    }
    .brandMenu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-category{
        width: 100%;
    }
    .brandMenu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-category .text-over{
        width: auto; min-width: auto; padding: 0;
    }
    .brandMenu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-category .menu-category{
        max-width: 100%; padding: 0;
    }
    .brandMenu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-product{
        width: 100%; min-width: auto; max-width: 100%; margin: 0;
        display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; align-items: center;
    }
    .brandMenu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-product .text-over{
        width: auto; min-width: auto; padding: 0;
    }
    .brandMenu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-option{
        margin: 10px 0 5px 0;
    }
    .brandMenu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-price{
        position: absolute; top: 10px; right: 10px; transform: none;
    }
    .brandMenu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-image,
    .brandMenu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-align{
        display: none;
    }

    .menu-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0; text-align: left;
    }
    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-category{
        width: 100%; padding: 0;
    }
    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-category .text-over{
        width: auto; min-width: auto; padding: 0;
    }
    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-category .menu-category{
        padding: 0; max-width: 100%;
    }
    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-product{
        margin: 0; width: 100%; min-width: auto; max-width: 100%;
        display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; align-items: center;
    }
    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-product .text-over{
        width: auto; min-width: auto; padding: 0; display: inline-block;
    }
    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-product .grid-menu-signature{
        display: inline-block;
    }

    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-image{
        display: none;
    }


    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-checkbox{
        top: 10px; transform: none;
    }
    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-price{
        position: absolute; right: 10px; top: 10px; transform: none;
    }
    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-price.sales{
        color: var(--color--lightgray); padding: 0 5px;
    }
    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-price.sales::before{
        content: ""; width: 100%; height: 1px; display: block; background-color: var(--color--lightgray);
        position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    }
    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-sale{
        position: absolute; right: 100px; top: 50%; transform: translateY(-50%);
        display: none;
    }
    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-price.sales + .grid-menu-sale{
        display: block;
    }
    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-align{
        display: none;
    }
    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-platform{
        width: 100%; margin: 10px 0 5px 0;
    }

    .option-b-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0;
    }


    /* OPTION TABLE */
    .option-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px 10px 10px 40px; text-align: left;
    }
    .option-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0;
    }
    .option-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-product{
        min-width: auto; max-width: none;
    }
    .option-tbl .grid-tbl-body .grid-tbl-rows .text-over{
        width: auto; min-width: auto;
    }
    .option-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-code{
        padding-right: 20px; color: var(--color--lightgray);
    }
    .option-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-code::before{
        content: "(";
    }
    .option-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-code::after{
        content: ")";
    }
    .option-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-price{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }
    .option-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-align{
        display: none;
    }

    /* STAMP TABLE */
    .stamp-tbl.grid-tbl .grid-tbl-head{
        display: block;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows{
        display: grid; padding: 0;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 5px;
    }

    .store-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }
    .store-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0;
    }
    .store-tbl .grid-tbl-body .grid-tbl-rows .grid-store-brand{
        margin-right: 10px;
    }
    .store-tbl .grid-tbl-body .grid-tbl-rows .grid-store-name{
        font-size: var(--size--medium); font-weight: bold; color: var(--color--black);
    }
    .store-tbl .grid-tbl-body .grid-tbl-rows .grid-store-id::before{
        content: "(";
    }
    .store-tbl .grid-tbl-body .grid-tbl-rows .grid-store-id::after{
        content: ")";
    }
    .store-tbl .grid-tbl-body .grid-tbl-rows .grid-store-open{
        position: absolute; right: 95px; top: 50%; transform: translateY(-50%);
    }
    .store-tbl .grid-tbl-body .grid-tbl-rows .grid-store-status{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }


    .banner-tbl .grid-tbl-body .grid-tbl-rows{
        min-height: 80px; text-align: left;
        flex-wrap: nowrap; flex-direction: column; justify-content: center; align-items: flex-start; gap: 0; padding-left: 120px;
    }
    .banner-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0;
    }
    .banner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-img{
        width: 70px; padding: 0;
        position: absolute; left: 40px; top: 50%; transform: translateY(-50%);
    }
    .banner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-img img{
        border-radius: 5px;
    }
    .banner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-name{
        font-size: var(--size--large); font-weight: 600; color: var(--color--black);
    }
    .banner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-position{
        color: var(--color--lightgray);
    }
    .banner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-position::before{
        content: "노출위치 : ";
    }
    .banner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-use{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }
    .banner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-align{
        display: none;
    }

    .category-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }
    .category-tbl .grid-tbl-body .grid-tbl-rows .grid-category-name{
        font-size: var(--size--large); font-weight: 600; color: var(--color--black);
    }
    .category-tbl .grid-tbl-body .grid-tbl-rows .grid-category-code{
        padding-left: 0;
    }
    .category-tbl .grid-tbl-body .grid-tbl-rows .grid-category-code::before{
        content: "(";
    }
    .category-tbl .grid-tbl-body .grid-tbl-rows .grid-category-code::after{
        content: ")";
    }
    .category-tbl .grid-tbl-body .grid-tbl-rows .grid-category-class{
        padding-left: 20px; position: relative; margin-left: 10px;
    }
    .category-tbl .grid-tbl-body .grid-tbl-rows .grid-category-class::before{
        content: "클래스 코드 : ";
    }
    .category-tbl .grid-tbl-body .grid-tbl-rows .grid-category-class::after{
        content: ""; width: 1px; height: 10px; display: block; background-color: var(--color--border);
        position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    }
    .category-tbl .grid-tbl-body .grid-tbl-rows .grid-category-status{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }
    .category-tbl .grid-tbl-body .grid-tbl-rows .grid-category-align{
        display: none;
    }

    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 15px;
    }
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 5px 10px;
    }
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows .grid-order-channel{
        width: 100%; text-align: left; font-weight: 500; font-size: var(--size--medium); padding: 0 0 5px 0;
    }
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows .grid-order-count{
        padding-left: 5px;
    }
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows .grid-order-count::before{
        content: "총 주문건수 : ";
    }
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows .grid-order-count::after,
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows .grid-order-sales::after,
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows .grid-order-refund::after,
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows .grid-order-actualSales::after{
        content: " / "; padding-left: 20px; color: var(--color--border);
    }
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows .grid-order-sales::before{
        content: "매출 금액 : ";
    }
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows .grid-order-refund::before{
        content: "환불 금액 : ";
    }
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows .grid-order-actualSales::before{
        content: "실 매출금액 : ";
    }
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows .grid-order-deal::before{
        content: "총 거래 금액 : ";
    }
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows.summary{
        padding: 0; flex-wrap: nowrap; justify-content: space-between;
    }
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows.summary > div{
        width: 100%;
    }

    .stamp-settings{    flex-wrap:wrap; }
    .stamp-settings > div:first-child{  width:100%; margin-bottom:10px; padding-left:10px; }
    .stamp-settings > div:nth-child(2),
    .stamp-settings > div:nth-child(3),
    .stamp-settings > div:nth-child(4),
    .stamp-settings > div:nth-child(5){  width:25%; padding:0 10px; }
    .stamp-settings > div > input{  width:86%;  }
    .stamp-settings > .stamp-settings-btn{ width:100%; text-align:center; margin-top:10px; padding-top:10px; border-top:1px solid var(--color--border2); }

    /* 담당자정보 TABLE */
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px 140px 10px 10px;
        display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; gap: 10px;
        grid-template-columns: none;
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows > div{
        position: relative; text-align: left;
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows > div::after{
        content: ""; width: 1px; height: 12px; display: block; background-color: var(--color--border);
        position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows > div:first-child::after{
        display: none;
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-name input[type="text"]:read-only{
        font-weight: 500; color: var(--color--black);
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-btns{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }


    /* 주문관리 리스트 */
    .order-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px 15px; text-align: left;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-channel{
        order: 1;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-channel::after{
        content: "|"; margin-right: 5px; color: var(--color--border); padding-left: 5px;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-shop{
        order: 2;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-product{
        margin-top: 5px; order: 3; font-size: var(--size--large);
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-number{
        padding-right: 15px; order: 5; color: var(--color--lightgray);
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-tel{
        padding-right: 15px; order: 6; color: var(--color--lightgray);
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-time{
        order: 7; color: var(--color--lightgray);
        position: absolute; right: 10px; top: 10px;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-price{
        order: 4; font-weight: bold; width:100%; margin-bottom: 5px; font-size: var(--size--large);
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-type{
        position: absolute; right: 95px; bottom: 10px;
        order: 8;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-status{
        position: absolute; right: 10px; bottom: 10px;
        order: 9;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-table-number{
        position: absolute; right: 190px; bottom: 12px; order: 9; text-align: right;
    }



    /* 브랜드검색팝업 TABLE */
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows{
        min-height: 50px; row-gap: 5px;
        padding: 10px; font-size: var(--size--medium); align-content: center;
    }
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows > div{
        position: relative; padding: 0 20px; text-align: left;
    }
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows > div:first-child{
        padding-left: 0;
    }
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows > div:first-child::after{
        display: none;
    }
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows > div::after{
        content: ""; width: 1px; height: 12px; display: block; background-color: var(--color--border);
        position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    }
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows .grid-store-name{
        color: var(--color--black);
    }
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows .grid-store-company{
        width: 100%; font-size: var(--size--small);
    }
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows .grid-store-company::before{
        content: "사업자명 : ";
    }
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows .grid-store-ceo{
        width: 100%; font-size: var(--size--small);
    }
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows .grid-store-ceo::before{
        content: "대표자명 : ";
    }
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows .grid-store-yogiyo{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows .grid-store-yogiyo::before{
        content: "요기요 플랫폼 중계 "; display: inline-block; margin-right: 10px; font-size: var(--size--xsmall);
    }
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows .grid-store-yogiyo .status-item{
        min-width: 40px;
    }
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows .grid-store-yogiyo{
        position: relative; right: auto; top: auto; transform: none; width: 100%;
    }

    /* 매장검색 팝업 TABLE */
    .store-search-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }
    .store-search-tbl .grid-tbl-body .grid-tbl-rows > div{
        text-align: left; padding: 0 5px 0 0;
    }
    .store-search-tbl .grid-tbl-body .grid-tbl-rows .grid-stroe-brand{
        width: 100%; color: var(--color--lightgray);
    }
    .store-search-tbl .grid-tbl-body .grid-tbl-rows .grid-stroe-name{
        font-weight: bold; color: var(--color--black); font-size: var(--size--large);
    }
    .store-search-tbl .grid-tbl-body .grid-tbl-rows .grid-stroe-id::before{
        content: "(";
    }
    .store-search-tbl .grid-tbl-body .grid-tbl-rows .grid-stroe-id::after{
        content: ")";
    }
    .store-search-tbl .grid-tbl-body .grid-tbl-rows .grid-stroe-tel{
        padding-left: 10px; margin-left: 10px; position: relative;
    }
    .store-search-tbl .grid-tbl-body .grid-tbl-rows .grid-stroe-tel::before{
        content: ""; width: 1px; height: 10px; display: block; background-color: var(--color--border);
        position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    }
    .store-search-tbl .grid-tbl-body .grid-tbl-rows .grid-stroe-open{
        position: absolute; right: 100px; top: 50%; transform: translateY(-50%);
    }
    .store-search-tbl .grid-tbl-body .grid-tbl-rows .grid-stroe-status{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }


    /* OPTION LIST TABLE */
    .option-b-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-category{
        padding: 0;
    }
    .option-b-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-align{
        display: none;
    }
    .option-b-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-price{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }


    .coupon-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }
    .coupon-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-category{
        font-weight: bold; color: var(--color--black); padding-left: 10px;
    }
    .coupon-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-date{
        float: right; padding-right: 20px;
    }
    .coupon-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-status{
        clear: both;
    }
    .coupon-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-price{
        line-height: 28px;
    }
    .coupon-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-manage{
        float: right;
    }


    /* 쿠폰발행관리팝업 */
    .couponpop-tbl .grid-tbl-head{
        display: block;
    }
    .couponpop-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 0; display: grid;
    }

    /* 테이블관리 TABLE */
    .store-table-tbl .grid-tbl-body .grid-tbl-rows{
        min-height: 60px; align-content: center;
    }
    .store-table-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0;
    }
    .store-table-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-checkbox{
        top: 50%; transform: translateY(-50%);
    }
    .store-table-tbl .grid-tbl-body .grid-tbl-rows .grid-table-category{
        color: var(--color--lightgray);
    }
    .store-table-tbl .grid-tbl-body .grid-tbl-rows .grid-table-category::after{
        content: ")"; margin-right: 5px;
    }
    .store-table-tbl .grid-tbl-body .grid-tbl-rows .grid-table-use{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }

    .couponIssueHis-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }
    .couponIssueHis-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-type{
        color: var(--color--black); font-weight: 500;
    }
    .couponIssueHis-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-data::before{
        content: "유효기간 : ";
    }
    .couponIssueHis-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-issue::before{
        content: "발생일자 : ";
    }


    /* 매장 담당자TBL */
    .manager-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px; display: block; overflow: hidden; text-align: left;
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows > div{
        display: inline-block; padding: 5px;
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows > div input[type="text"]:read-only{
        text-align: left; height: 24px;
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows .grid-manager-name{
        width: calc(100% - 180px); display: block;
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows .grid-manager-name input[type="text"]:read-only{
        font-size: var(--size--large); font-weight: 500; color: var(--color--black); padding: 0;
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows .grid-manager-tel{
        width: 50%;
        display: inline-flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center;
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows .grid-manager-tel::before{
        width: 60px; content: "전화번호 : ";
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows .grid-manager-email{
        width: 50%;
        display: inline-flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center;
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows .grid-manager-email::before{
        width: 60px; content: "이메일 : ";
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows .grid-manager-btn{
        position: absolute; right: 10px; top: 10px;
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows .grid-manager-memo{
        width: 100%; display: block; background-color: var(--bg--skyblue); border-radius: 5px; position: relative;
        padding-top: 30px;
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows:hover .grid-manager-memo{
        background-color: var(--bg--skyblue);
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows .grid-manager-memo::before{
        content: "메모 : "; position: absolute; left: 10px; top: 5px;
    }

    .manager-tbl .grid-tbl-body .grid-tbl-rows.grid-add .grid-manager-name{
        width: 50%;
        display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center;
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows.grid-add .grid-manager-name::before{
        width: 60px; content: "담당자명 : ";
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows.grid-add .grid-manager-memo{
        display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center;
        background-color: transparent; padding-top: 5px;
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows.grid-add .grid-manager-memo::before{
        width: 60px; position: relative; left: auto; top: auto;
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows.grid-add .grid-manager-btn{
        width: 100%; text-align: center; margin-top: 10px;
        position: relative; right: auto; top: auto;
    }

    /* 외부채널주문연동TABLE */
    .storeChannelMp-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }
    .storeChannelMp-tbl .grid-tbl-body .grid-tbl-rows > div input[type="text"]:read-only{
        text-align: left; padding: 0;
    }
    .storeChannelMp-tbl .grid-tbl-body .grid-tbl-rows .toggle-switch{
        position: absolute; right: 180px; top: 50%; transform: translateY(-50%);
    }
    .storeChannelMp-tbl .grid-tbl-body .grid-tbl-rows .toggle-switch::before{
        content: "주문연동 : "; margin-right: 10px;
    }
    .storeChannelMp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-btns{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }


    /* 쿠폰 TABLE */
    .promotion-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px; gap: 10px; text-align: left;
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0; gap: 10px;
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-category{
        font-weight: 600; color: var(--color--black); font-size: var(--size--large);
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-code::before{
        content: "(";
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-code::after{
        content: ")";
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows  .grid-promotion-status{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows  .grid-promotion-manage{
        width: 100%;
    }


    .sales-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px; text-align: left;
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0;
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-channel{
        order: 1;
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-channel::after{
        content: "|"; margin-right: 5px; color: var(--color--border); padding-left: 5px;
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-store{
        font-weight: 600; color: var(--color--black); order: 2;
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-product{
        margin-top: 5px; width: 100%; order: 3;
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-product .text-over{
        width: 100%; padding: 0;
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-payment{
        order: 4; font-weight: bold; font-size: var(--size--large); margin-bottom: 5px; width: 100%;
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-number{
        order: 6; color: var(--color--lightgray);
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-number::before{
        content: "주문번호 : ";
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-number{
        order: 6; color: var(--color--lightgray);
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-number::before{
        content: "결제번호 : ";
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-payType{
        order: 5; margin-right: 10px; color: var(--color--lightgray);
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-payType::before{
        content: "(";
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-payType::after{
        content: ")";
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-time{
        position: absolute; right: 10px; top: 10px; color: var(--color--lightgray);
        order: 7;
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-status{
        position: absolute; right: 10px; bottom: 10px;
        order: 8;
    }


    /* 권한관리 TABLE */
    .auth-dtl-tbl .grid-tbl-head{
        display: block;
    }
    .auth-dtl-tbl .grid-tbl-head .grid-tbl-rows,
    .auth-dtl-tbl .grid-tbl-body .grid-tbl-rows{
        display: grid; padding: 0;
    }


    /* 기업정보TABLE */
    .enterprise-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }
    .enterprise-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 5px;
    }
    .enterprise-tbl .grid-tbl-body .grid-tbl-rows .grid-enterprise-name{
        font-size: var(--size--large); font-weight: 600; color: var(--color--black);
    }
    .enterprise-tbl .grid-tbl-body .grid-tbl-rows .grid-enterprise-code::before{
        content: "(";
    }
    .enterprise-tbl .grid-tbl-body .grid-tbl-rows .grid-enterprise-code::after{
        content: ")";
    }
    .enterprise-tbl .grid-tbl-body .grid-tbl-rows .grid-enterprise-date{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: var(--color--lightgray);
    }


    /* 앱메인배너TABLE */
    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows{
        min-height: 80px;
        padding: 10px 10px 10px 200px; text-align: left; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start;
    }
    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0;
    }
    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-checkbox{
        position: absolute; left: 10px; top: 10px;
    }
    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-img{
        width: 140px;
        position: absolute; left: 40px; top: 10px;
    }
    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-position{
        font-size: var(--size--large); font-weight: 600; color: var(--color--black);
    }
    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-status{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }
    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-align{
        display: none;
    }


    /* 회원관리TABLE */
    .portaluser-tbl .grid-tbl-head{
        display: block;
    }
    .portaluser-tbl .grid-tbl-head .grid-tbl-rows,
    .portaluser-tbl .grid-tbl-body .grid-tbl-rows{
        display: grid;
    }
    .portaluser-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 0;
    }

    .member-tbl .grid-tbl-head{
        display: block;
    }
    .member-tbl .grid-tbl-head .grid-tbl-rows,
    .member-tbl .grid-tbl-body .grid-tbl-rows{
        display: grid;
    }
    .member-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 0; font-size: var(--size--small);
    }

    .coupon-menu-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }
    .coupon-menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-category::after{
        content: ")";
    }
    .coupon-menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-price{
        position: relative; right: auto; top: auto; transform: none;
    }

    /* 쿠폰발급이력테이블 */
    .couponIssue-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }
    .couponIssue-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 5px 0;
    }
    .couponIssue-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-name{
        color: var(--color--black);
    }
    .couponIssue-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-type{
        margin-right: 10px;
    }
    .couponIssue-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-type::before{
        content: "(";
    }
    .couponIssue-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-type::after{
        content: ")";
    }
    .couponIssue-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-user{
        margin-right: 10px;
    }
    .couponIssue-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-data::before{
        content: "유효기간 : ";
    }
    .couponIssue-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-use{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }

    /* STOCK TABLE */
    .stock-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }


    /* 직원호출관리 TABLE */
    .store-employeeCall-tbl .grid-tbl-body .grid-store-count{
        width: 120px;
        position: absolute; right: 120px; top: 50%; transform: translateY(-50%);
    }
    .store-employeeCall-tbl .grid-tbl-body .grid-store-count::before{
        content: "수량"; display: inline-block; vertical-align: middle; margin-right: 10px;
    }
    .store-employeeCall-tbl .grid-tbl-body .grid-store-use{
        width: 120px;
        position: absolute; right: 0; top: 50%; transform: translateY(-50%);
    }
    .store-employeeCall-tbl .grid-tbl-body .grid-store-use::before{
        content: "노출"; display: inline-block; vertical-align: middle; margin-right: 10px;
    }
    .store-employeeCall-tbl .grid-tbl-body .grid-store-count .toggle-switch,
    .store-employeeCall-tbl .grid-tbl-body .grid-store-use .toggle-switch{
        display: inline-block;
    }


    /* 시간대별 메뉴설정 */
    .show-product-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-title{
        width: 120px; text-align: left; font-size: var(--size--large); font-weight: 500; color: var(--color--black);
    }
    .show-product-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-use{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }


    .reservation-info{
        grid-template-columns: 3fr 320px; gap: 10px;
    }
    .reservation-detail-content{
        padding: 15px;
    }
    #calendar.fc-direction-ltr .fc-daygrid-event.fc-event-end{
        padding: 0 0 2px 2px;
    }
    .reservation-calendar .fc-h-event .fc-event-main > div{
        padding: 3px;
    }


    .stock-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-show{
        position: absolute; right: 400px; top: 50%; transform: translateY(-50%);
    }
    .stock-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-soldout{
        position: absolute; right: 300px; top: 50%; transform: translateY(-50%);
    }
    .stock-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-use{
        position: absolute; right: 150px; top: 50%; transform: translateY(-50%);
    }
    .stock-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-stock{
        height: auto; line-height: 140%;
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }


    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px; text-align: left; align-items: flex-start; column-gap: 20px;
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-type{
        width: 100%; margin-bottom: 10px;
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-store{
        width: 100%;
        font-size: var(--size--medium); font-weight: 500; color: var(--color--black);
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-order,
    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-table{
        position: absolute; right: 10px; top: 12px;
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-product{
        width: 100%;
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-order::before{
        content: "주문번호 ";
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-table::before{
        content: "테이블번호 ";
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-number{
        width: 100%; margin-bottom: 10px;
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-number::before{
        content: "주문ID"; padding-right: 10px;
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-payment::after{
        content: "결제";
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-discount::after{
        content: "할인";
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-cancel::after{
        content: "취소";
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-method::after{
        content: " 결제";
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-date{
        width: 100%;
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-detail{
        position: absolute; right: 10px; bottom: 10px;
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-detail-none{
        display: none;
    }





    .order-tables-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 40px 10px 35px 10px; text-align: left; gap: 5px;
    }

    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-channel{
        position: absolute; left: 10px; top: 0; background-color: var(--color--gray); color: var(--color--white); padding: 0 10px;
        height: 24px; line-height: 24px;
    }
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-product .order-user{
        position: absolute; left: 15px; bottom: 10px;
    }
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-product{
        width: 100%; padding: 0 0 20px 0; display: flex; margin-bottom: 10px; border-bottom: 1px dashed var(--color--border);
    }
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-id,
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-number,
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-date,
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-price{
        width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; gap: 0;
        padding-left: 5px;
    }
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-id::before,
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-number::before,
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-date::before,
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-price::before{
        width: 65px;
    }
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-id::before{
        content: "주문ID";
    }
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-number::before{
        content: "주문번호";
    }
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-date::before{
        content: "주문일시";
    }
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-price::before{
        content: "주문금액";
    }
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-state{
        position: absolute; right: 10px; top: 10px;
    }


    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 5px 10px; display: block; text-align: left; overflow: hidden;
    }
    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows > div{
        float: left; padding: 3px 20px 3px 0; position: relative;
    }
    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-price,
    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-discount,
    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-refund{
        font-size: var(--size--medium); font-weight: 500; color: var(--color--black);
    }
    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-price::after{
        content: " 결제";
    }
    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-discount::after{
        content: " 할인";
    }
    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-refund{
        color: var(--color--red);
    }
    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-refund::after{
        content: " 환불";
    }
    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-credit{
        clear: both;
    }
    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-state{
        clear: both;
    }
    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-cancel{
        position: absolute; right: 10px; top: 10px; padding-right: 0;
    }

    .brandNotification-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }
    .brandNotification-tbl .grid-tbl-body .grid-tbl-rows > div{
        text-align: left; padding: 0 5px;
    }
    .brandNotification-tbl .grid-tbl-body .grid-tbl-rows .grid-board-type{
        width: 100%; font-size: var(--size--large);
    }
    .brandNotification-tbl .grid-tbl-body .grid-tbl-rows .grid-board-title{
        width: 100%; padding-bottom: 10px;
    }
    .brandNotification-tbl .grid-tbl-body .grid-tbl-rows .grid-board-title .text-over{
        width: auto; min-width: auto; padding: 0;
    }
    .brandNotification-tbl .grid-tbl-body .grid-tbl-rows .grid-board-store{
        color: var(--color--lightgray);
    }
    .brandNotification-tbl .grid-tbl-body .grid-tbl-rows .grid-board-store::before{
        content: "전송 매장 : ";
    }
    .brandNotification-tbl .grid-tbl-body .grid-tbl-rows .grid-board-writer{
        color: var(--color--lightgray);
    }
    .brandNotification-tbl .grid-tbl-body .grid-tbl-rows .grid-board-date{
        color: var(--color--lightgray);
    }

    .store-photo{
        flex-direction: column;
    }
    .store-photo .store-photo-img{
        width: 100%; border: none; padding: 0;
    }
    .store-photo .dotted-list{
        width: 100%; border: none; padding: 0; margin-top: 10px;
    }

    .detail-grid-column > .value > span .store-photo .dotted-list{
        padding: 0;
    }


    /* DASHBOARD */
    .dashboard .dashboard-box .dashboard-box-con{
        min-height: 200px;
    }
    .dashboard .dashboard-box .graph-circle > div{
        max-width: 400px;
    }

    .dashboard #affiliated-sales .dashboard-box .dashboard-box-con{
        min-height: auto;
    }

    /* DASHBOARD BRAND */
    .dashboard-brand #link > div > a{
        font-size: var(--size--regular);
    }

    /* DASHBOARD STORE */
    .dashboard-store #today-sales,
    .dashboard-store #today-orders{
        width: 30%;
    }
    .dashboard-store #link{
        width: 40%;
    }


    .show-product > .flex-row{
        flex-direction: column; gap: 5px;
    }

}


@media screen and (max-width: 1400px){

    /*body{   font-size:var(--size--small);   }*/

    /* LOGIN */
    #login-left{    padding:60px;   }
    #login-left .baroda{    width:180px;    }

    #login .btn-login{  height:60px;    }


    .grid-tbl-body .grid-tbl-rows .grid-menu-product{
        min-width: 300px; max-width: calc(100% - 300px);
    }

    #sales-popup .search-tbl1{
        flex-direction: column; row-gap: 10px;
    }
    #sales-popup .search-tbl1 .search-tbl-form{
        width: 100%; padding: 0;
    }
    #sales-popup .search-tbl1 .search-tbl-btns{
        width: 100%; border: none; border-top: 1px solid var(--color--border2); padding: 10px 0 0 0;
    }
    #sales-popup .search-tbl1 .search-tbl-btns .search-btns{
        position: relative; left: auto; top: auto; transform: none;
        text-align: center;
    }
    #sales-popup .form-filter .search-submit{
        margin: 0; float: none; display: inline-block;
    }

    .table-state-list{
        grid-template-columns: repeat(5, 1fr);
    }

}


@media screen and (max-width: 1200px){


    select,
    input,
    textarea{
        font-size: var(--size--regular);
    }

    .container .content-body.content{
        padding: 20px 15px;
    }

    .tabset .panels{
        padding: 15px;
    }



    /* LOGIN */
    #login h1{  margin-bottom:20px; }

    /* GRID TABLE */
    /*.grid-tbl-body .grid-tbl-rows:hover{    background-color: var(--bg--skyblue);   }*/
    .grid-tbl-body .grid-tbl-rows .more{
        display:inline-block; height:36px; line-height:36px; border-radius:5px; background-color:var(--color--mint); color:var(--color--white); padding:0 10px;
        position:absolute; right:170px; top:40px; cursor:pointer;
    }
    .grid-tbl-body .grid-tbl-rows .more::after{
        content:""; width:12px; height:12px; display:inline-block; margin-left:10px; vertical-align:middle; position:relative; top:-1px; transform:rotate(90deg);
        background-image:url("./../images/arrow-normal.svg"); background-repeat:no-repeat; background-position:center center; background-size:100%;
    }
    .grid-tbl-body .grid-tbl-rows .more.closed{ background-color:var(--color--gray);    }
    .grid-tbl-body .grid-tbl-rows .more.closed::after{  transform:rotate(-90deg);   }

    .grid-tbl-body .grid-tbl-rows .grid-menu-category{
        text-align: left; position: relative;
    }
    .grid-tbl-body .grid-tbl-rows .menu-category{
        max-width: 100%; padding: 0; color: var(--color--lightgray);
    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-category.text-over{
        width: auto; min-width: auto;
    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-product{
        width: auto; min-width: 100px; max-width: 100%;
    }
    .grid-tbl-body .grid-tbl-rows .text-over{
        padding: 0;
    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-price{
        position: relative; right: auto; top: auto; transform: none;
    }

    .grid-tbl-body .grid-tbl-rows .grid-menu-product{   clear:both; padding:0 10px 10px 0; max-width:calc(100% - 300px);   }

    .grid-tbl-body .grid-tbl-rows.more-view .grid-menu-order,
    .grid-tbl-body .grid-tbl-rows.more-view .grid-menu-signature,
    .grid-tbl-body .grid-tbl-rows.more-view .grid-menu-exposure,
    .grid-tbl-body .grid-tbl-rows.more-view .grid-menu-soldout,
    .grid-tbl-body .grid-tbl-rows.more-view .grid-menu-stock{   display:block;  }



    .option-tbl .grid-tbl-body .grid-tbl-rows .more{    right:60px; }


    /* BRAND SEARCH TABLE */
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0 10px 0 0;
    }
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows > div::after{
        display: none;
    }
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows .grid-store-id::before{
        content: "(";
    }
    .brand-search-tbl .grid-tbl-body .grid-tbl-rows .grid-store-id::after{
        content: ")"; width: auto; height: auto; display: inline; background: none;
        position: static; left: auto; top: auto; transform: none;
    }


    /* OPTION LIST TABLE */
    .option-b-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-checkbox{
        top: 50%; transform: translateY(-50%);
    }
    .option-b-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-product{
        padding: 0;
    }


    /* STAMP TABLE */
    .stamp-tbl.grid-tbl .grid-tbl-head{
        display: none;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows{
        display: flex; text-align: left; padding: 10px 10px 10px 40px;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-check{
        position: absolute; left: 10px; top: 12px;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-name{
        width: calc(100% - 160px); margin-bottom: 10px;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-name input[type="text"]{
        width: 100%;
        color: var(--color--black) !important; font-weight: 600; font-size: var(--size--large);
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-count{
        padding-right: 10px;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-count::before{
        content: "스탬프 개수 : "; line-height: 24px; margin-right: 5px;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-sale{
        padding-right: 10px;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-sale::before{
        content: "할인금액 : "; line-height: 24px; margin-right: 5px;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-minprice::before{
        content: "최소주문금액 : "; line-height: 24px; margin-right: 5px;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-use{
        position: absolute; right: 10px; top: 50px;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-btns{
        position: absolute; right: 10px; top: 10px;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows.registered > div input[type="text"],
    .stamp-tbl .grid-tbl-body .grid-tbl-rows.registered > div input[type="number"]{
        text-align: left;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows > div input[type="text"],
    .stamp-tbl .grid-tbl-body .grid-tbl-rows > div input[type="number"]{
        width: 120px;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows > div input[type="text"]:read-only,
    .stamp-tbl .grid-tbl-body .grid-tbl-rows > div input[type="number"]:read-only{
        padding: 0; height: 24px;
    }

    .couponIssueHis-tbl .grid-tbl-body .grid-tbl-rows{
        display: block; overflow: hidden;
    }
    .couponIssueHis-tbl .grid-tbl-body .grid-tbl-rows > div{
        float: left; display: inline-block; padding: 0 5px;
    }
    .couponIssueHis-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-use{
        position: absolute; right: 0; top: 10px;
    }
    .couponIssueHis-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-data{
        clear: both;
    }

    /*.sales-tables-tbl .grid-tbl-body .grid-tbl-detail{*/
    /*    overflow-x: scroll;*/
    /*}*/
    /*.sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div{*/
    /*    grid-template-columns: 100px 100px 80px 160px 140px 60px;*/
    /*}*/
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail{
        padding: 10px; align-content: stretch;
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div{
        position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-content: stretch; justify-content: flex-start; align-items: flex-start; row-gap: 5px;
        padding: 5px 5px 10px 5px; border-bottom: 1px dashed var(--color--border);
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div:first-of-type{
        display: none;
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div .grid-detail-price,
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div .grid-detail-discount,
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div .grid-detail-method{
        font-size: var(--size--medium); font-weight: 500; color: var(--color--black);
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div .grid-detail-price::after{
        content: " 결제";
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div .grid-detail-discount::after{
        content: " 할인";
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div .grid-detail-number{
        width: 100%;
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div .grid-detail-number::before{
        content: "결제번호"; padding-right: 5px;
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div .grid-detail-method::after{
        content: " 결제";
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div .status-item{
        position: absolute; right: 0; top: 5px;
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div.grid-tbl-detail-btn{
        border: none;
    }


    .stock-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-show{
        right: 240px;
    }
    .stock-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-soldout{
        right: 150px;
    }
    .stock-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-use{
        display: none;
    }

    .show-product-regist #section1{
        width: 55%;
    }
    .show-product-regist #section2{
        width: 45%;
    }



    /* SEARCH FORM */
    .search-tbl2 .search-tbl-form dl > dt{    padding-left:40px;  }
    .search-tbl2 .search-tbl-form dl > dt:first-child{    width:80px; }
    .search-tbl2 .search-tbl-form dl > dd + dd{   padding-left:80px;  }
    /*.search-tbl2 .search-tbl-form #searchKeyword{   width:300px !important;    }*/


    /* DETAIL TABLE */
    .detail-grid-column{
        width: 100%;
    }

    .detail-grid-column > .value{
        font-size: var(--size--regular);
    }

    /* 결제서류정보 */
    .contract-list > div{
        flex-direction: column; align-items: flex-start; padding: 10px;  gap: 10px;
    }
    .contract-name{
        flex-wrap: wrap; justify-content: flex-start; row-gap: 5px; column-gap: 10px;
    }
    .contract-name label{
        width: 100%; margin: 0;
    }


    .reservation-detail .panels{
        padding: 0;
    }

    .category-tree .tree-menu > div > a .ico-sort{
        display: none;
    }



    /* BUTTONS */
    input[type="text"],
    input[type="password"],
    input[type="number"],
    input[type="address"],
    input[type="date"]{    height:36px;}
    button, select{ height:36px;    }
    .btn-delete-icon{   width:36px; height:36px;    }
    .btn-modify-icon{   width:36px; height:36px;    }
    .toggle-radio > label > span{
        height: 30px; line-height: 30px;
    }

    footer{
        height: 60px; flex-direction: column; align-items: flex-start;
    }
    footer .copy > .footer-btns{
        display: flex;
    }

    header .header-logo{
        width: 180px;
    }
    header .header-logo .logo{
        width: 80px;
    }
    footer{
        width: calc(100% - 180px); margin-left: 180px;
    }

    aside{
        width: 180px;
    }
    .menu > li{
        padding: 0 5px; margin-bottom: 5px;
    }
    .menu > li > a{
        padding: 8px 15px 8px 39px; font-size: var(--size--regular); border-radius: 5px;
    }
    .menu > li > a::before{
        left: 10px;
    }
    .menu > li > .m2:not(.non-submenu)::after{
        margin-top: -5px;
    }
    .menu > li > .m2-menu{
        padding: 5px; border-radius: 5px; margin-top: 2px;
    }
    .menu > li > .m2-menu > li > a{
        font-size: var(--size--regular);
    }
    .menu > li > .m2-menu > li > .m3-menu{
        padding: 5px 0 0 0;
    }

    main{
        margin-left: 180px;
    }


    .container .content-header{
        padding: 10px 20px;
    }


    #sales-popup .search-tbl1{
        padding: 5px;
    }
    #sales-popup .search-tbl1 .flex-row{
        flex-direction: column; align-items: flex-start;
    }
    #sales-popup .form-filter .form-period label > span{
        height: 36px; line-height: 36px; font-size: var(--size--regular);
    }
    #sales-popup .form-filter .form-daterange{
        height: 46px; border-radius: 5px;
    }
    #sales-popup .form-filter .form-daterange input[type="date"]{
        font-size: var(--size--regular);
    }
    #sales-popup .form-filter .form-daterange select{
        font-size: var(--size--regular);
    }
    #sales-popup .form-period-choice{
        height: 46px; margin: 0;
    }
    #sales-popup .search-tbl1 .search-tbl-btns{
        padding: 10px 0; margin: 0;
    }
    #sales-popup .form-filter .search-submit{
        font-size: var(--size--regular); height: 36px; border-radius: 5px; vertical-align: middle;
        position: relative; top: 1px;
    }
    #sales-popup .form-filter .search-submit::before{
        width: 16px; height: 16px;
    }
    #sales-popup .sales-price .sales dl dt{
        font-size: var(--size--regular);
    }
    #sales-popup .sales-price .sales dl dd{
        font-size: var(--size--medium);
    }


    /* DASHBOARD */
    .dashboard .dash7-2{
        width: 33.3%;
    }
    .dashboard .dash7-1{
        width: 100%;
    }
    .dashboard .dashboard-box h2{
        font-size: var(--size--regular);
    }
    .dashboard #today-sales .dashboard-box,
    .dashboard #today-orders .dashboard-box{
        padding: 0 10px;
    }
    .dashboard #today-sales .dashboard-box p,
    .dashboard #today-orders .dashboard-box p{
        font-size: var(--size--medium);
    }
    .dashboard #operating-store .dashboard-box{
        gap: 10px; padding: 10px;
    }
    .dashboard #link > div{
        flex-direction: row; gap: 10px;
    }
    .dashboard #link > div > a{
        padding: 10px;
    }
    .dashboard .dashboard-box .dashboard-box-con{
        min-height: 180px;
    }

    /* DASHBOARD BRAND */
    .dashboard-brand #operating-store .dashboard-box{
        gap: 100px;
    }
    .dashboard-brand .dash3-2{
        width: 50%;
    }
    .dashboard-brand .dash3-1{
        width: 50%;
    }


    /* DASHBOARD STORE */
    .dashboard-store #today-sales .dashboard-box,
    .dashboard-store #today-orders .dashboard-box{
        padding: 10px; gap: 5px;
    }
    .dashboard-store #link > div > a{
        font-size: var(--size--regular);
    }


    /* WINDOW POPUP */
    .window-popup{
        padding: 15px 15px 50px 15px;
    }


    #app-install{
        transform: translateY(20px);
    }

}

@media screen and (max-width: 1200px){
    /* SEARCH FORM */
    .search-tbl1,
    .search-tbl2{
        padding: 10px;
    }
    .search-tbl1,
    .search-tbl2{
        flex-direction: column;
    }
    .search-tbl1 .search-tbl-form,
    .search-tbl2 .search-tbl-form{
        width: 100%; padding-left: 10px;
    }
    .search-tbl1 .search-tbl-btns,
    .search-tbl2 .search-tbl-btns{
        width: 100%; border-left: none; border-top: 1px solid var(--color--border2);
        padding: 10px 0 0 0; margin-top: 10px;
    }
    .search-tbl1 .search-tbl-btns .search-btns,
    .search-tbl2 .search-tbl-btns .search-btns{
        width: 100%; position: relative; right: auto; top: auto; transform: none;
        text-align: center;
    }
    .search-tbl1 .search-tbl-btns [class^="btn-"],
    .search-tbl2 .search-tbl-btns [class^="btn-"]{
        width: auto;
    }
    .search-tbl1 .search-tbl-form dl,
    .search-tbl2 .search-tbl-form dl{
        margin: 0 0 10px 0;
    }
    .search-tbl1 .search-tbl-form dl > dt,
    .search-tbl2 .search-tbl-form dl > dt{
        line-height: 140%; margin-bottom: 5px; font-weight: 500;
    }
    .search-tbl2 .search-tbl-form dl > dt:first-child{    width:100px;    }
    .search-tbl2 .search-tbl-form dl > dd + dd{
        width:100%; padding-left:100px; margin-top:5px;
    }


    .system-tree .system-menu a{
        font-size: var(--size--regular);
    }
}

@media screen and (max-width: 960px) {

    body{
        font-size: var(--size--small);
    }

    .wrap{
        padding-top: 50px;
    }

    .breadcrumb{
        display: none;
    }

    .grid-tbl-body .grid-tbl-rows{
        min-height: 50px; align-content: center;
    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-checkbox{
        top: 50%; transform: translateY(-50%);
    }

    .grid-tbl-body .grid-tbl-rows .grid-menu-signature{

    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-exposure{
        margin: 10px 0 0 10px;
    }

    .store-search-tbl .grid-tbl-body .grid-tbl-rows .grid-stroe-open{
        right: 80px;
    }
    .store-search-tbl .grid-tbl-body .grid-tbl-rows .grid-stroe-name{
        font-size: var(--size--medium);
    }

    .option-b-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-exposure{
        margin: 10px 0 0 10px;
    }

    .option-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-exposure{
        margin: 0 5px 0 0;
    }

    .store-tbl .grid-tbl-body .grid-tbl-rows .grid-store-open{
        right: 75px;
    }

    .manager-tbl .grid-tbl-body .grid-tbl-rows.grid-add .grid-manager-name::before,
    .manager-tbl .grid-tbl-body .grid-tbl-rows .grid-manager-tel::before,
    .manager-tbl .grid-tbl-body .grid-tbl-rows .grid-manager-email::before,
    .manager-tbl .grid-tbl-body .grid-tbl-rows.grid-add .grid-manager-memo::before{
        width: 70px;
    }
    .manager-tbl .grid-tbl-body .grid-tbl-rows.grid-add > div input[type="text"]{
        width: calc(100% - 60px) !important;
    }

    .storeChannelMp-tbl .grid-tbl-body .grid-tbl-rows{
        display: block; text-align: left;
    }
    .storeChannelMp-tbl .grid-tbl-body .grid-tbl-rows > div{
        display: inline-block; padding: 0;
    }
    .storeChannelMp-tbl .grid-tbl-body .grid-tbl-rows .toggle-switch{
        right: 200px;
    }


    .promotion-tbl .grid-tbl-body .grid-tbl-rows{
        display: block; overflow: hidden;
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows > div{
        float: left; display: inline-block; margin-right: 10px;
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-category{
        font-size: var(--size--medium); margin-bottom: 5px;
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows > div{
        margin-bottom: 5px;
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-price{
        clear: both;
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-price{
        margin: 0;
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-price::before{
        content: "쿠폰금액 : ";
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-date{
        margin: 0 0 0 10px;
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-date::before{
        content: "유효기간 : ";
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-status{
        top: 10px; transform: none; margin: 0;
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-manage{
        margin-top: 10px;
    }

    .banner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-name{
        font-size: var(--size--medium);
    }


    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-channel{
        order: 2;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-channel::before{
        content: "("; padding-left: 5px
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-channel::after{
        content: ")"; padding: 0; margin: 0; color: inherit;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-shop{
        order: 1;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-product{
        font-size: var(--size--medium); margin: 10px 0 2px 0;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-price{
        font-size: var(--size--medium); margin-bottom: 10px;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-type{
        right: 75px;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-number{
        display: none;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-table-number{
        right: 150px;
    }


    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-store{
        order: 1; max-width: calc(100% - 260px);
        text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-channel{
        order: 2;
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-channel::before{
        content: "("; padding-left: 5px;
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-channel::after{
        content: ")"; padding: 0; margin: 0; color: inherit;
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-payment{
        margin-bottom: 10px;
    }


    .enterprise-tbl .grid-tbl-body .grid-tbl-rows .grid-enterprise-name{
        font-size: var(--size--regular);
    }
    .enterprise-tbl .grid-tbl-body .grid-tbl-rows .grid-enterprise-date{
        font-size: var(--size--small);
    }


    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-position{
        font-size: var(--size--medium);
    }
    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-date{
        color: var(--color--lightgray);
    }


    .category-tbl .grid-tbl-body .grid-tbl-rows .grid-category-name{
        font-size: var(--size--regular);
    }


    .did-tbl .grid-tbl-body .grid-tbl-rows .grid-did-id{
        font-size: var(--size--regular);
    }

    .show-product-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-title{
        font-size: var(--size--medium);
    }

    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows.summary{
        min-height: auto;
    }

    .brandNotification-tbl .grid-tbl-body .grid-tbl-rows .grid-board-type{
        font-size: var(--size--medium);
    }

    .contract-file{
        background: none; padding: 0;
    }

    .table-obj .table-obj-price > dl{
        font-size: var(--size--medium);
    }


    .status-item{
        min-width: 60px;
        height: 24px; line-height: 24px;
    }

    /* HEADER */
    header{
        height: 50px; padding: 0 10px;
        position: fixed; left: 0; top: 0; z-index: 1000;
    }
    header .header-logo{
        width: 50px; display: none; /* 태블릿, 모바일 로고 제거 */
        background-color: transparent; border-right: none; padding: 0;
    }
    header .header-logo .logo{
        width: 40px; height: 20px; overflow: hidden;
        position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%);
    }
    header .header-logo .logo img{
        width: 100px; height: 100%;
        position: absolute; left: 0; top: 0; transform: none; object-fit: cover; object-position: left center;
    }
    header .header-title{
        display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center;
        padding-left: 36px; font-size: var(--size--xlarge);
    }
    header .header-title > span{
        padding: 5px;
    }

    .header-utill-user{
        width: 36px; height: 36px;
    }
    .header-utill .notification{
        width: 36px; height: 36px;
    }

    header .toggle-sidebar{
        display: block;
        width: 36px; height: 36px; text-indent: -9999px;
        position: absolute; left: 5px; top: 50%; transform: translateY(-50%); cursor: pointer;
    }
    header .toggle-sidebar::before{
        content: ""; width: 64%; height: 64%; display: block;
        position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: var(--color--black);
        mask-image: url("./../images/ico-menu.svg"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain;
        -webkit-mask-image: url("./../images/ico-menu.svg"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain;
    }

    footer{
        width: 100%; margin: 0;
    }


    /* SIDEBAR */
    aside{
        width: 100%;
        display: none; left: 0; top: 0; z-index: 2000; background: rgba(0,0,0,0.3);
    }
    aside::before{
        content: "전체메뉴"; font-weight: bold; color: var(--color--black); font-size: var(--size--xlarge);
        width: 70%; height: 50px; background-color: var(--color--white); padding: 0 15px; display: block; line-height: 50px;
        border-bottom: 1px solid var(--color--border);
        box-sizing: border-box;
        position: absolute; left: -70%; top: 0;
    }
    aside .ico-close{
        position: absolute; left: -70%; top: 10px;
        width: 30px; height: 30px; text-indent: -9999px; cursor: pointer;
        margin: 0;
    }
    aside .ico-close::before{
        content: ""; width: 60%; height: 60%; display: block;
        position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: var(--color--black);
    }
    aside .side-menu{
        width: 70%; background-color: var(--color--white);
        position:absolute; left: -70%; top: 50px;
    }
    .menu > li{
        padding: 0 10px;
    }
    .menu > li > .m2-menu{
        background-color: var(--bg--gray);
    }
    .menu > li > .m2-menu > li > a{
        padding: 8px 10px 8px 25px;
    }
    .menu > li > .m2-menu > li > a::before{
        left: 10px; top: 12px;
    }

    aside.show-menu{
        opacity: 0; display: block;
        animation-name: sideAni;
        animation-duration: 0.2s;
        animation-fill-mode: forwards;
        animation-direction: normal;
        animation-iteration-count: 1;
        animation-timing-function: ease;
    }

    aside.show-menu .side-menu,
    aside.show-menu::before{
        animation-name: menuAni;
        animation-duration: 0.2s;
        animation-fill-mode: forwards;
        animation-direction: normal;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-delay: 0.1s;
    }

    aside.show-menu .ico-close{
        animation-name: closeAni;
        animation-duration: 0.2s;
        animation-fill-mode: forwards;
        animation-direction: normal;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-delay: 0.1s;
        margin-left: calc(70% - 40px);
    }

    @keyframes sideAni{
        0%{
            opacity: 0;
        }
        100%{
            opacity: 1;
        }
    }

    @keyframes menuAni{
        0%{
            left: -70%;
        }
        100%{
            left: 0;
        }
    }

    @keyframes closeAni{
        0%{
            left: -70%;
        }
        100%{
            left: 0;
        }
    }

    .wrap{
        overflow: visible;
    }
    .container{
        overflow-y: visible; position: relative; left: auto; top: auto; bottom: auto; right: auto; padding-bottom: 0;
    }
    main{
        padding: 0; margin: 0;
    }

    .container .content-header{
        padding: 5px 15px;
    }

    .search-tbl1 .search-tbl-form dl > dt,
    .search-tbl2 .search-tbl-form dl > dt{
        font-size: var(--size--regular);
    }
    .search-tbl1 .search-tbl-form dl > dd,
    .search-tbl2 .search-tbl-form dl > dd{
        font-size: var(--size--regular);
    }

    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows{
        display: block; overflow: hidden; padding-right: 170px;
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows > div{
        float: left; display: inline-block;
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows > div::after{
        display: none;
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows input[type="text"]:read-only{
        height: 24px;
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-name input[type="text"]:read-only{
        font-size: var(--size--large); color: var(--color--black);
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-tel{
        clear: both; margin: 5px 5px 0 0;
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-mail{
        margin: 5px 0 0 0;
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-memo{
        width: 100%; margin-top: 10px;
        padding: 10px 10px 10px 50px; background-color: var(--bg--skyblue); border-radius: 5px;
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-memo::before{
        content: "메모 : "; display: block;
        position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-btns{
        top: auto; bottom: 10px; transform: none;
    }

    .brandStore-tbl .grid-tbl-body .grid-tbl-rows{
        display: block; overflow: hidden;
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows > div{
        float: left; display: inline-block;
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-name{
        font-size: var(--size--medium); margin-bottom: 5px;
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-businum{
        clear: both; padding-left: 0;
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-open{
        right: 75px; top: 10px; transform: none;
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-status{
        top: 10px; transform: none;
    }


    /* DETAIL GRID TABLE */
    .detail-grid-column .value span .coupon-count{
        position: relative; right: auto; top: auto; transform: none;
        width: 100%; margin-top: 10px;
    }
    .detail-grid-column .value span .coupon-count > span:first-child{
        padding-left: 0;
    }


    .amenity-check > .ui-label{
        width: 25%;
    }

    .product-grid-column .value .title{
        font-size: var(--size--medium);
    }
    .product-grid-column .count{
        font-size: var(--size--medium);
    }
    .product-grid-column .price{
        font-size: var(--size--medium);
    }


    .reservation-calendar.fc .fc-dayGridMonth-view .fc-daygrid-day-events{
        height: auto;
    }
    .reservation-info{
        display: block;
    }
    .reservation-detail{
        margin-top: 20px;
    }

    /* DASHBOARD */
    .dashboard #today-sales .dashboard-box,
    .dashboard #today-orders .dashboard-box{
        gap: 5px;
    }
    .dashboard #today-sales .dashboard-box::after,
    .dashboard #today-orders .dashboard-box::after{
        width: 32px; height: 32px;
    }
    .dashboard #operating-store .dashboard-box{
        gap: 5px;
    }
    .dashboard .channel-status{
        flex-direction: column; align-items: flex-start; gap: 10px; padding: 10px 10px 20px 10px;
    }
    .dashboard .channel-status-name{
        width: 100%;
        flex-direction: row; justify-content: space-between; align-items: center;
    }
    .dashboard .channel-status .progress-bar{
        width: 100%; top: auto;
    }
    .dashboard .channel-status h3{
        font-size: var(--size--regular);
    }
    .dashboard .channel-status .price{
        font-size: var(--size--small);
    }
    .progress-bar > span > p{
        width: 30px; text-align: center; padding: 0;
        right: auto; left: 100%; top: 50%; transform: translate(0, -50%);
    }
    .progress-bar > span > p::before{
        display: none;
    }


    .time-menu #categoryName{
        flex-wrap: wrap;
    }


    .order-history{
        gap: 15px; max-height: 50dvh;
    }


    /* DASHBOARD BRAND */
    .dashboard-brand #operating-store .dashboard-box{
        gap: 40px;
    }
    .dashboard-brand #operating-store .dashboard-box > div:last-child::before{
        left: -20px;
    }


    /* DASHBOARD STORE */
    .dashboard-store #today-sales,
    .dashboard-store #today-orders{
        width: 25%;
    }
    .dashboard-store #link{
        width: 50%;
    }

    /* LAYER POPUP */
    .layer-popup .popup{
        width: 90dvw !important; min-width: 300px; max-width: 90% !important;
    }
}

@container container (max-width: 920px) {
    .search-tbl1 .search-tbl-form,
    .search-tbl2 .search-tbl-form{
        padding-left: 5px;
    }
    .search-tbl2 .search-tbl-form dl{
        flex-direction: column; align-items: flex-start;
    }
}

@media screen and (max-width: 768px){

    main{
        height: auto; overflow: visible;
    }
    .content-header .title h2{
        font-size: var(--size--regular);
    }
    .tabset .panels{
        padding: 20px 15px;
    }

    .content-box > h3,
    .title-bullet{
        margin-bottom: 10px;
    }

    .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }


    .brandMenu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-checkbox{
        display: none;
    }

    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-checkbox{
        display: none;
    }

    .option-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }
    .option-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-checkbox{
        display: none;
    }




    .store-search-tbl .grid-tbl-body .grid-tbl-rows .grid-stroe-tel{
        width: 100%; margin: 10px 0 0 0; padding: 0;
    }
    .store-search-tbl .grid-tbl-body .grid-tbl-rows .grid-stroe-tel::before{
        width: auto; height: auto; content: "전화번호 : "; display: inline-block; margin-right: 5px; background: none;
        position: relative; left: auto; top: auto; transform: none;
    }


    .option-b-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-checkbox{
        display: none;
    }


    .brand-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px 15px; text-align: left; overflow: hidden;
    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0;
    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows > div::before{
        width: auto; height: auto; display: inline;
        position: relative; left: auto; top: auto; transform: none; background: none;
    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows > div:first-child{
        padding-left: 0;
    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-category{
        width: 100%; height: auto; font-size: var(--size--small);
        position: relative; left: auto; right: auto; top: auto; transform: none;
        order: 1;
    }
    .grid-tbl-body .grid-tbl-rows .brand-category{
        width: 120px; height: auto; border: none; text-align: left; padding: 0;
    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-name{
        order: 2; font-size: var(--size--medium);
    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-uique{
        order: 3; padding: 0;
    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-businum{
        order: 4; padding-left: 20px;
    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-company{
        order: 5; width: 100%; margin-top: 5px;
    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-ceo{
        order: 6;
    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-company::before{
        content: "사업자명 : ";
    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-ceo::before{
        content: "대표자명 : ";
    }

    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-name{
        width: 100%;
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-tel{
        width: 100%;
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-mail{
        width: 100%;
    }

    .store-table-tbl .grid-tbl-body .grid-tbl-rows{
        display: block; overflow: hidden; min-height: auto; padding: 15px 10px;
    }
    .store-table-tbl .grid-tbl-body .grid-tbl-rows > div{
        float: left; display: inline-block;
    }
    .store-table-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-checkbox{
        display: none;
    }
    .store-tbl .grid-tbl-body .grid-tbl-rows .grid-store-name{
        font-size: var(--size--regular);
    }
    .store-table-tbl .grid-tbl-body .grid-tbl-rows .grid-table-group{
        padding: 0 15px;
    }
    .store-table-tbl .grid-tbl-body .grid-tbl-rows .grid-table-x{
        clear: both;  margin-left: 0; margin-top: 10px;
    }
    .store-table-tbl .grid-tbl-body .grid-tbl-rows .grid-table-y{
        margin-top: 10px;
    }
    .store-table-tbl .grid-tbl-body .grid-tbl-rows .grid-table-use{
        right: 10px;
    }
    .store-table-tbl .grid-tbl-body .grid-tbl-rows .grid-table-btn{
        display: none;
    }


    .storeChannelMp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-check{
        display: none;
    }
    .storeChannelMp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-name{
        width: 100%; margin-bottom: 5px;
    }
    .storeChannelMp-tbl .grid-tbl-body .grid-tbl-rows .toggle-switch{
        right: 170px; top: auto; bottom: 13px; transform: none;
    }
    .storeChannelMp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-btns{
        top: auto; bottom: 10px; transform: none;
    }


    .couponpop-tbl .grid-tbl-head{
        display: none;
    }
    .couponpop-tbl .grid-tbl-body .grid-tbl-rows{
        display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start;
        padding: 10px;
    }
    .couponpop-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0;
    }
    .couponpop-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-check{
        display: none;
    }
    .couponpop-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-number{
        font-weight: 600;
    }
    .couponpop-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-use{
        color: var(--color--lightgray);
    }
    .couponpop-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-status{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }


    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-check p{
        font-size: var(--size--small); color: var(--color--purple); line-height: 36px;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-count{
        width: 100%; margin-bottom: 2px;
        display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows.edit .grid-stamp-count::before{
        width: 90px; display: inline-block;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-sale{
        width: 100%; margin-bottom: 2px;
        display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows.edit .grid-stamp-sale::before{
        width: 90px; display: inline-block;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-minprice{
        width: 100%; margin-bottom: 2px;
        display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows.edit .grid-stamp-minprice::before{
        width: 90px; display: inline-block;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows.add .grid-stamp-use{
        position: relative; right: auto; top: auto;
        display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center;
        width: 100%;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows.add .grid-stamp-use::before{
        content: "사용여부 : "; width: 90px; display: inline-block;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows.add .grid-stamp-use select{
        width: 120px;
    }


    .banner-tbl .grid-tbl-body .grid-tbl-rows{
        padding-left: 100px; min-height: 90px;
    }
    .banner-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-checkbox{
        display: none;
    }
    .banner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-img{
        width: 80px; left: 10px;
    }


    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows{
        padding-left: 150px; justify-content: flex-start;
    }
    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-checkbox{
        display: none;
    }
    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-img{
        left: 10px; width: 130px;
    }
    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-position{
        font-size: var(--size--regular);
    }
    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-status{
        position: relative; right: auto; top: auto; transform: none; margin-top: 5px;
    }


    .did-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }
    .did-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0 5px 0 0;
    }
    .did-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-checkbox{
        display: none;
    }


    .stock-tbl .grid-tbl-body .grid-tbl-rows{
        display: block; text-align: left; overflow: hidden; padding: 15px;
    }
    .stock-tbl .grid-tbl-body .grid-tbl-rows > div{
        float: left; display: inline-block; padding: 0;
    }
    .stock-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-category{
        margin: 5px 0 5px 5px;
    }
    .stock-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-product{
        margin: 5px 0 5px 5px; clear: none;
    }
    .stock-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-show{
        position: relative; right: auto; top: auto; transform: none;
        clear: both; padding-top: 10px;
    }
    .stock-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-soldout{
        position: relative; right: auto; top: auto; transform: none;
        padding-top: 10px;
    }


    /* 직원호출관리 TABLE */
    .store-employeeCall-tbl .grid-tbl-body .grid-menu-checkbox{
        display: none;
    }
    .store-employeeCall-tbl .grid-tbl-body .grid-store-open{
        font-weight: 500; color: var(--color--black); font-size: var(--size--regular);
    }


    .show-product-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-checkbox{
        display: none;
    }
    .show-product-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-title{
        font-size: var(--size--regular);
    }

    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows.summary{
        background-color: var(--bg--skyblue); flex-wrap: wrap; justify-content: flex-start;
        padding: 10px;
    }
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows.summary > div{
        width: auto; padding: 5px; color: var(--color--black); font-weight: 500;
        font-size: var(--size--small);
    }
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows.summary .caption{
        display: none;
    }
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows .grid-order-count::after,
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows .grid-order-sales::after,
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows .grid-order-refund::after,
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows .grid-order-actualSales::after{
        padding-left: 0; content: "";
    }
    .statisticts-period-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding-left: 5px;
    }


    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-product{
        gap: 15px;
    }
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-product > div{
        align-items: flex-start;
    }
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-product > div .product{
        width: calc(100% - 80px);
    }
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-product > div .product .product-option::before{
        top: 3px; transform: none;
    }

    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-price,
    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-discount,
    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-refund{
        font-size: var(--size--regular);
    }
    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-date{
        clear: both;
    }


    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div.grid-tbl-detail-btn{
        text-align: center;
    }


    .category-content{
        flex-direction: column;
    }
    .category-tree{
        width: 100%;
    }
    .category-tree .tbl-top h2{
        font-size: var(--size--regular);
    }
    .category-tree .tree-menu{
        height: auto; max-height: 400px;
    }
    .tree-info{
        width: 100%; border-left: 1px solid var(--color--border); border-top: none;
    }
    .tree-info .tbl-top h2{
        font-size: var(--size--regular);
    }


    .category-tbl .grid-tbl-body .grid-tbl-rows{
        text-align: left;
    }
    .category-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0;
    }
    .category-tbl .grid-tbl-body .grid-tbl-rows .grid-category-checkbox{
        display: none;
    }
    .category-tbl .grid-tbl-body .grid-tbl-rows .grid-category-class{
        width: 100%; padding: 0; margin: 0;
    }
    .category-tbl .grid-tbl-body .grid-tbl-rows .grid-category-class::after{
        display: none; color: var(--color--lightgray);
    }

    .couponIssue-tbl .grid-tbl-body .grid-tbl-rows{
        display: block; text-align: left; overflow: hidden; padding: 15px;
    }
    .couponIssue-tbl .grid-tbl-body .grid-tbl-rows > div{
        float: left; display: inline-block; padding: 0;
    }
    .couponIssue-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-user{
        clear: both;
    }


    .search-list .tbl-top .btn-delete,
    .search-list .tbl-top .btn-excelDownload,
    .search-list .tbl-top .btn-category{
        display: none;
    }

    .detail-grid-column{
        flex-direction: column;
    }
    .detail-grid-column > label{
        width: 100%;
    }
    .detail-grid-column > .value{
        width: 100%;
    }
    .detail-grid-column > .value .menu-option-select{
        flex-direction: column; align-items: flex-start; gap: 5px;
    }
    .detail-grid-column > label > .tooltip-info{
        max-width: calc(100% - 10px);
        left: auto; right: 5px; top: 28px; transform: none;
    }
    .detail-grid-column > label > .tooltip-info::before{
        left: auto; right: 12px; top: -5px;
    }

    .business-hour-time{
        flex-direction: column; align-items: flex-start; position: relative;
    }
    .business-hour-time .btn-remove{
        position: absolute; right: 10px; top: 10px;
    }
    .business-hour-time .business-hour-content{
        width: 100%;
        flex-direction: column; align-content: flex-start; align-items: flex-start; gap: 5px;
    }
    .business-hour-time .m-flex-row{
        align-items: flex-start;
    }


    .product-grid-column .count{
        width: 100px;
    }
    .product-grid-column .price{
        width: 120px;
    }


    .amenity-product-top{
        padding: 10px;
    }
    .amenity-product-list{
        padding: 10px;
    }
    .amenity-list{
        flex-direction: column; align-content: flex-start; justify-content: flex-start; align-items: flex-start;
        gap: 5px;
    }
    .amenity-list .ui-label{
        width: 100%; margin: 0;
    }
    .amenity-list > div:nth-child(2){
        width: 100%;
    }

    .reservation-top{
        flex-wrap: wrap; margin-bottom: 10px; gap: 10px;
    }
    .reservation-top-center{
        order: 1; width: 100%; justify-content: center; margin-top: 10px;
    }
    .reservation-top-left{
        order: 2;
    }
    .reservation-top-right{
        order: 3;
    }
    .reservation-status-list{
        border-radius: 5px;
    }


    .reservation-detail .panels{
        padding: 0;
    }
    .reservation-detail-content .detail-grid-column > label{
        width: 100% !important;
    }
    .reservation-detail-content .detail-grid-column > .value{
        width: 100% !important;
    }

    footer{
        height: auto; padding: 10px;
        position: relative; left: auto; bottom: auto;
    }
    footer .copy{
        flex-direction: column; align-content: flex-start; align-items: flex-start; gap: 5px;
    }
    footer .copy + p{
        padding-left: 10px;
    }
    footer .copy > .footer-btns{
        margin: 10px 0 10px 5px;
    }

    .content-header .breadcrumb > ul > li{
        font-size: var(--size--xxsmall);
    }
    .content-header .breadcrumb > ul > li:first-child{
        width: 14px; height: 14px;
    }
    .content-header .breadcrumb > ul > li::after{
        margin: 0 5px;
    }


    .sales-price{
        grid-template-columns: 1fr 1fr 1fr; margin-bottom: 30px;
    }
    .sales-price .sales{
        padding: 0;
    }
    .sales-price .sales.sales-cancel::before,
    .sales-price .sales.sales-all::before,
    .sales-price .sales.sales-sum::before{
        width: 24px; height: 24px; line-height: 22px; font-size: 1.5em;
    }
    .sales-price .sales dl dt{
        font-size: var(--size--regular); margin-bottom: 5px;
    }
    .sales-price .sales-payment{
        grid-column: 1 / span 4;
    }
    .sales-price .sales-payment{
        padding: 10px 5px;
    }
    .sales-price .sales-payment > ul{
        flex-direction: row; gap: 20px;
    }

    .store-photo .store-photo-img{
        gap: 5px;
    }
    .store-photo .store-photo-img .img{
        width: 70px; height: 70px;
    }
    .store-photo .btn-delete{
        margin: 2px 0 0 0;
    }
    .store-photo-btn{
        width: 70px; height: 70px;
    }


    .business-hour-box .ready-reason .tbl-top-right .btn-delete{
        display: none;
    }
    .business-hour-box .closed-reason-history .btn-modify-icon{
        position: absolute; right: 0; top: 0;
    }
    .business-hour-box .closed-reason-history .btns{
        display: none;
    }
    .business-hour-box .ready-reason .ready-reason-offday{
        padding: 10px 0 10px 0;
    }


    .order-progress{
        flex-direction: column; row-gap: 20px;
    }
    .order-progress-ing > dl.no-date > dt{
        font-size: var(--size--regular);
    }
    .order-progress-cancel > div::before{
        height: 36px;
    }
    .order-progress-cancel dl > dt{
        line-height: 36px;
    }


    .system-tree{
        width: 100%;
    }
    .system-tree + .tree-info{
        width: 100%;
    }
    .system-tree .tree-menu{
        height: 300px !important;
    }


    #calendar.fc-direction-ltr .fc-daygrid-event.fc-event-end .fc-event-title{
        text-align: left; text-indent: -9999px; width: 100%; min-height: 18px; position: relative;
    }
    #calendar.fc-direction-ltr .fc-daygrid-event.fc-event-end.plus .fc-event-title::before,
    #calendar.fc-direction-ltr .fc-daygrid-event.fc-event-end.minus .fc-event-title::before,
    #calendar.fc-direction-ltr .fc-daygrid-event.fc-event-end.card .fc-event-title::before{
        content: ""; width: 4px; height: 4px; display: block; border-radius: 50%; background-color: var(--color--lightgray);
        position: absolute; right: 0; top: auto; bottom: 0;
    }
    #calendar.fc-direction-ltr .fc-daygrid-event.fc-event-end.minus .fc-event-title::before{
        background-color: var(--color--red);
    }
    #calendar.fc-direction-ltr .fc-daygrid-event.fc-event-end.card .fc-event-title::before{
        background-color: var(--color--blue);
    }
    #calendar.fc-direction-ltr .fc-daygrid-event.fc-event-end.card .fc-event-title > div{
        position: absolute; left: -200%;
    }
    #calendar.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top a{
        font-size: var(--size--small);
    }


    .table-sales{
        flex-direction: column; gap: 10px;
    }
    .table-state-list{
        grid-template-columns: repeat(3, 1fr);
    }


    #sales-popup .list-tbl{
        overflow-x: scroll;
    }


    .member-content .system-tree{
        width: 100%;
    }
    .system-tree .authority-list{
        height: auto;
    }
    .member-content .system-tree + .tree-info{
        width: 100%;
    }
    .member-content .tree-info .detail-info .tbl-top .btn-excelDownload{
        display: none;
    }

    .authority-content .system-tree{
        width: 100%;
    }
    .authority-content .system-tree + .tree-info{
        width: 100%;
    }



    .order-history-menu{
        font-size: var(--size--medium);
    }
    .order-history + .order-price{
        font-size: var(--size--medium);
    }


    .paging ul li{
        width: 36px; height: 36px; line-height: 36px;
    }
    .paging ul li.first,
    .paging ul li.last,
    .paging ul li.prev,
    .paging ul li.next{
        width: 24px;
    }

    .dashboard{
        background-color: var(--bg--gray2);
    }
    .dashboard .dashboard-box{
        background-color: var(--color--white); border: none;
    }
    .dashboard #today-sales .dashboard-box p,
    .dashboard #today-orders .dashboard-box p{
        font-size: var(--size--regular);
    }
    .dashboard-admin #today-sales{
        order: 1;
    }
    .dashboard-admin #today-orders{
        order: 2;
    }
    .dashboard-admin #operating-store{
        order: 3;
    }
    .dashboard-admin #best-store{
        order: 4;
    }
    .dashboard-admin #member-orders{
        order: 5;
    }
    .dashboard-admin #payment-sales{
        order: 6; width: 100%;
    }
    .dashboard #payment-sales .dashboard-box .graph-circle{
        grid-template-columns: 2fr 1fr;
    }
    .dashboard-admin #order-together{
        order: 7; width: 100%; flex-direction: row;
    }
    .dashboard-admin #order-together .dashboard-box{
        width: 100%;
    }
    .dashboard-admin #order-together #order-sales .dashboard-box-con{
        grid-template-columns: 1fr;
    }
    .dashboard-admin #link{
        order: 8;
    }
    .dashboard #link > div > a{
        font-weight: normal; text-align: center; background-color: var(--bg--skyblue); border-color: var(--color--skyblue); color: var(--color--blue);
    }
    .dashboard #link > div > a::before{
        content: ""; width: 40px; height: 40px; display: block; margin: 0 auto 10px auto; background-color: var(--color--skyblue);
        mask-repeat: no-repeat; mask-position: center center; mask-size: contain;
        -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain;
    }
    .dashboard #link > div > a.link-sales::before{
        mask-image: url("./../images/ico-salesGraph.svg"); -webkit-mask-image: url("./../images/ico-salesGraph.svg");
    }
    .dashboard #link > div > a.link-order::before{
        mask-image: url("./../images/ico-history.svg"); -webkit-mask-image: url("./../images/ico-history.svg");
    }
    .dashboard #link > div > a.link-banner::before{
        mask-image: url("./../images/ico-appBanner.svg"); -webkit-mask-image: url("./../images/ico-appBanner.svg");
    }
    .dashboard #link > div > a.link-product::before{
        mask-image: url("./../images/ico-cart.svg"); -webkit-mask-image: url("./../images/ico-cart.svg");
    }
    .dashboard #link > div > a.link-day::before{
        mask-image: url("./../images/ico-clock.svg"); -webkit-mask-image: url("./../images/ico-clock.svg");
        mask-size: 90%; -webkit-mask-size: 90%;
    }
    .dashboard #link > div > a.link-month::before{
        mask-image: url("./../images/ico-calendar2.svg"); -webkit-mask-image: url("./../images/ico-calendar2.svg");
        mask-size: 90%; -webkit-mask-size: 90%;
    }
    .dashboard #link > div > a.link-category::before{
        mask-image: url("./../images/ico-list.svg"); -webkit-mask-image: url("./../images/ico-list.svg");
        mask-size: 90%; -webkit-mask-size: 90%;
    }
    .dashboard #link > div > a.link-receipt::before{
        mask-image: url("./../images/ico-receipt.svg"); -webkit-mask-image: url("./../images/ico-receipt.svg");
        mask-size: 95%; -webkit-mask-size: 95%;
    }
    .dashboard #link > div > a.link-table::before{
        mask-image: url("./../images/ico-table.svg"); -webkit-mask-image: url("./../images/ico-table.svg");
    }
    .dashboard #link > div > a::after{
        display: none;
    }

    .dashboard.dashboard-store2 #link > div > a{
        display: block;
    }

    /* DASHBOARD BRADN */
    .dashboard-brand #link > div > a{
        flex-direction: column;
    }
    .dashboard-brand .dash3-2{
        width: 100%;
    }
    .dashboard-brand .dash3-1{
        width: 100%;
    }
    .dashboard-brand #operating-store{
        order: 1;
    }
    .dashboard-brand #affiliated-sales{
        order: 2; max-height: 100%;
    }
    .dashboard-brand #best-store{
        order: 2;
    }
    .dashboard-brand #best-menu{
        order: 3;
    }
    .dashboard-brand #member-orders{
        order: 4; width: 100%;
    }
    .dashboard-brand #channel-orders{
        order: 5; width: 100%;
    }
    .dashboard-brand #link{
        order: 6;
    }


    /* DASHBOARD STORE */
    .dashboard-store #today-sales,
    .dashboard-store #today-orders{
        width: 50%;
    }
    .dashboard-store #today-sales{
        order: 1;
    }
    .dashboard-store #today-orders{
        order: 2;
    }
    .dashboard-store #best-menu{
        order: 3;
    }
    .dashboard-store #order-sales{
        order: 4;
    }
    .dashboard-store #member-orders{
        order: 5;
    }
    .dashboard-store #channel-orders{
        order: 6;
    }
    .dashboard-store #link{
        width: 100%; order: 7;
    }
    .dashboard-store #link > div > a{
        flex-direction: column;
    }


    .dashboard .store-payment{
        width: 100%;
    }
    .dashboard .store-payment .sales-detail{
        position: relative; left: auto; top: auto;
        background-color: transparent; box-shadow: none; border: none; padding: 0;
    }
    .dashboard .store-payment .sales-detail dl{
        padding: 15px 0;
    }
    .dashboard .store-payment .dashboard-box::after{
        top: 40px;
    }
    .dashboard #order-count,
    .dashboard #order-price{
        width: 100%;
    }
    .dashboard #order-count .dashboard-box .dashboard-box-top,
    .dashboard #order-price .dashboard-box .dashboard-box-top{
        padding: 10px 15px;
    }
    .dashboard #order-count .dashboard-box .dashboard-box-con,
    .dashboard #order-price .dashboard-box .dashboard-box-con{
        flex-direction: column;
    }
    .dashboard.dashboard-store2 #link > div{
        display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
    }
    .dashboard.dashboard-store2 #link > div > a::before{
        width: 20px; height: 20px; display: inline-block; margin: 0 5px 0 0; vertical-align: middle;
    }


    [class^="btn-"]{
        font-size: var(--size--regular);
    }

    .m-hide{
        display: none;
    }

}

@media screen and (max-width: 620px){

    header .header-title{
        font-size: var(--size--large);
    }
    header .header-title > span{
        font-size: var(--size--xxsmall); padding: 2px 5px;
    }

    .search-tbl-form .search-label{
        display: block; margin: 10px 0 0 0;
    }

    .search-tbl1 .search-tbl-form,
    .search-tbl2 .search-tbl-form{
        padding: 0;
    }
    .search-tbl1 .search-tbl-form dl,
    .search-tbl2 .search-tbl-form dl{
        padding: 0;
    }
    .search-tbl1 .search-tbl-form dl{
        flex-direction: column; align-items: flex-start;
    }
    .search-tbl1 .search-tbl-form dl > dt,
    .search-tbl2 .search-tbl-form dl > dt{
        font-size: var(--size--regular);
    }
    .search-tbl1 .search-tbl-form dl > dd,
    .search-tbl2 .search-tbl-form dl > dd{
        width: 100%; margin: 0; font-size: var(--size--regular);
    }

    .detail-grid-column > .value .delivery{
        width: 100%;
    }

    .grid-tbl-body .grid-tbl-rows .menu-category{
        padding: 0; color: var(--color--lightgray); font-size: var(--size--small); font-weight: normal;
    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-category::after{
        display: none;
    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-product{
        margin: 0; width: 100%; min-width: 100%; max-width: 100%; font-size: var(--size--regular); font-weight: 600;
    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-signature{
        margin-left: 0;
    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-price{
        top: auto; bottom: 10px; transform: none; line-height: 28px; font-size: var(--size--regular);
    }
    .grid-tbl-body .grid-tbl-rows .grid-menu-option{
        top: auto; bottom: 10px; transform: none;
    }

    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-businum{
        width: 100%; padding: 0; margin-top: 5px;
    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-businum::before{
        content: "사업자등록번호 : ";
    }
    .brand-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-company{
        margin: 0;
    }



    .grid-tbl-body .grid-tbl-rows .grid-menu-price{
        bottom: 0;
    }

    .brandMenu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-price{
        bottom: auto;
    }

    .menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-price{
        bottom: auto;
    }


    .option-b-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-exposure{
        margin-left: 0;
    }

    .option-tbl .grid-tbl-body .grid-tbl-rows{
        display: block; overflow: hidden;
    }
    .option-tbl .grid-tbl-body .grid-tbl-rows > div{
        float: left; display: inline-block;
    }
    .option-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-category{
        width: 100%;
    }
    .option-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-product{
        width: auto; margin-bottom: 10px;
    }
    .option-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-code{
        margin-bottom: 10px;
    }
    .option-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-exposure{
        clear: both;
    }

    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }
    .brand-manager-tbl .grid-tbl-body .grid-tbl-rows .brand-tbl-btns{
        width: 100%; text-align: center;
        position: relative; right: auto; bottom: auto; margin-top: 10px;
    }

    .brandStore-tbl .grid-tbl-body .grid-tbl-rows > div{
        text-align: left;
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-open{
        position: relative; right: auto; top: auto; clear: both; margin: 10px 5px 0 0;
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-status{
        position: relative; right: auto; top: auto; margin: 10px 0 0 0;
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-businum,
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-company,
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-tel{
        width: 100%;
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-businum::before{
        content: "사업자번호 :";
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-company::before{
        content: "사업자명 : "
    }
    .brandStore-tbl .grid-tbl-body .grid-tbl-rows .grid-franchise-tel::before{
        content: "전화번호 : ";
    }

    .store-search-tbl .grid-tbl-body .grid-tbl-rows .grid-stroe-tel{
        margin: 0 0 10px 0;
    }
    .store-search-tbl .grid-tbl-body .grid-tbl-rows .grid-stroe-open{
        position: relative; right: auto; top: auto; transform: none;
    }
    .store-search-tbl .grid-tbl-body .grid-tbl-rows .grid-stroe-status{
        position: relative; right: auto; top: auto; transform: none;
    }

    .store-tbl .grid-tbl-body .grid-tbl-rows{
        display: block; overflow: hidden;
    }
    .store-tbl .grid-tbl-body .grid-tbl-rows > div{
        float: left; display: inline-block;
    }
    .store-tbl .grid-tbl-body .grid-tbl-rows .grid-store-brand{
        margin: 0 0 5px 0 ; padding: 0 0 0 5px; font-size: var(--size--small);
    }
    .store-tbl .grid-tbl-body .grid-tbl-rows .grid-store-name{
        clear: both; padding-left: 5px;
    }
    .store-tbl .grid-tbl-body .grid-tbl-rows .grid-store-open{
        position: relative; right: auto; top: auto; transform: none; clear: both; margin-top: 10px;
    }
    .store-tbl .grid-tbl-body .grid-tbl-rows .grid-store-status{
        position: relative; right: auto; top: auto; transform: none; margin-top: 10px;
    }

    .manager-tbl .grid-tbl-body .grid-tbl-rows.grid-add .grid-manager-name,
    .manager-tbl .grid-tbl-body .grid-tbl-rows .grid-manager-tel,
    .manager-tbl .grid-tbl-body .grid-tbl-rows .grid-manager-email,
    .manager-tbl .grid-tbl-body .grid-tbl-rows.grid-add .grid-manager-memo{
        width: 100%;
    }

    .storeChannelMp-tbl .grid-tbl-body .grid-tbl-rows{
        padding-bottom: 50px;
    }
    .storeChannelMp-tbl .grid-tbl-body .grid-tbl-rows.registered > div input[type="text"]{
        height: 24px;
    }
    .storeChannelMp-tbl .grid-tbl-body .grid-tbl-rows .toggle-switch{
        left: 10px; right: auto; bottom: 13px;
    }


    .promotion-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-category{
        margin: 0;
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-code{
        clear: both;
        color: var(--color--lightgray);
    }
    .promotion-tbl .grid-tbl-body .grid-tbl-rows .grid-promotion-date{
        clear: both; margin: 0;
    }


    .stamp-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-check{
        display: none;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-name{
        width: calc(100% - 100px);
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows.add .grid-stamp-name{
        width: 100%;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-name input[type="text"]{
        font-size: var(--size--medium);
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-use{
        top: 10px;
    }
    .stamp-tbl .grid-tbl-body .grid-tbl-rows .grid-stamp-btns{
        position: relative; right: auto; top: auto;
        width: 100%; margin-top: 10px; text-align: center; border-top: 1px dashed var(--color--border2); padding-top: 10px;
    }


    .banner-tbl .grid-tbl-body .grid-tbl-rows{
        padding-left: 80px;
    }
    .banner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-img{
        width: 60px; top: 10px; transform: none;
    }
    .banner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-use{
        position: relative; right: auto; top: auto; transform: none; margin-top: 10px;
    }
    .banner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-align{
        display: none;
    }


    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-product{
        font-size: var(--size--regular); margin-top: 5px;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-price{
        font-size: var(--size--regular);
    }


    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-payment{
        font-size: var(--size--regular);
    }


    .enterprise-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0;
    }
    .enterprise-tbl .grid-tbl-body .grid-tbl-rows .grid-enterprise-date{
        position: relative; right: auto; top: auto; transform: none;
        width: 100%; text-align: left;
    }

    .coupon-menu-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0 5px;
    }
    .coupon-menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-category{
        color: var(--color--lightgray);
    }
    .coupon-menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-category::after{
        content: ")"; display: inline-block;
    }
    .coupon-menu-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-price{
        position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
    }

    .show-product-regist{
        flex-direction: column; gap: 20px; padding-bottom: 30px;
    }
    .show-product-regist .btns-center{
        position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%);
    }
    .show-product-regist #section1,
    .show-product-regist #section2{
        width: 100%;
    }
    .show-product-regist .option-select-group .tbl-top{
        padding: 10px; min-height: 40px;
    }
    .show-product-regist .option-select-group .option-group-column{
        padding: 10px;
    }
    .option-select-group .option-group-column .more{
        width: 24px; height: 25px;
        right: 10px; top: 10px;
    }

    .detail-grid-column > .value{
        padding: 5px;
    }
    .detail-grid-column > .value > span > dl{
        flex-direction: column; align-items: flex-start; gap: 10px;
    }
    .detail-grid-column > .value > span > dl > dt{
        margin: 0;
    }
    .detail-grid-column > .value > span > dl > dd{
        display: flex; flex-direction: column-reverse; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-end; align-items: flex-start;
        gap: 10px;
    }

    .menu-photo{
        width: 100%; height: auto; aspect-ratio: 1/0.8;
    }



    .amenity-check > .ui-label{
        width: 33.3%;
    }


    .reservation-info{
        margin-top: 30px;
    }
    .reservation-info .reservation-calendar .fc-header-toolbar{
        flex-wrap: wrap;
    }
    .reservation-info .reservation-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(1){
        order: 2;
    }
    .reservation-info .reservation-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(2){
        order: 1; width: 100%; text-align: center; margin-bottom: 20px;
    }
    .reservation-info .fc .fc-toolbar-title{
        font-size: var(--size--xlarge);
    }
    .reservation-info .reservation-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(3){
        order: 3;
    }


    .business-hour-box .closed-reason-history{
        display: block; width: 100%; margin-top: 10px;
    }
    .business-hour-box .closed-reason-history:first-child{
        margin-top: 0;
    }
    .business-hour-box .closed-reason-history .text{
        flex-direction: column; align-items: flex-start;
    }
    /*.business-hour-box .closed-reason-history .text > *{*/
    /*    float: left; display: inline-block;*/
    /*}*/
    .business-hour-box .closed-reason-history .text > p{
        padding-left: 5px;
    }
    .business-hour-box .closed-reason-history .text > p:first-of-type{
        margin-top: 5px;
    }


    .product-store{
        flex-direction: column; align-items: flex-start; row-gap: 5px;
        padding: 10px 15px;
    }
    .product-store > div{
        width: 100%;
    }

    .promotion-product-list .ui-label input[type="checkbox"] + span .category{
        width: auto;
    }


    .table-state-list{
        grid-template-columns: repeat(2, 1fr);
    }


    /* BTNS */
    .btns{
        overflow: hidden;
    }
    .btns .btns-left{
        position: relative; left: auto; top: auto; transform: none;
        float: left;
    }
    .btns .btns-center{
        position: relative; left: auto; top: auto; transform: none;
    }
    .btns .btns-right{
        position: relative; right: auto; top: auto; transform: none;
        float: right;
    }



    /* LAYER POPUP */
    .layer-popup .popup-content{
        padding: 10px;
    }
    .layer-popup .option-view .option-group{
        padding: 10px;
    }
    .layer-popup .option-view .option-group .option-group-title{
        flex-wrap: wrap; align-items: flex-start;
    }
    .layer-popup .option-view .option-group .option-group-title:first-of-type{
        width: 50%;
    }
    .layer-popup .option-view .option-group .option-group-title:last-of-type{
        width: 50%;
    }
    .layer-popup .option-view .option-group::after{
        right: 10px; top: 10px; transform: rotate(90deg);
    }
    .layer-popup .option-view .option-group.opened + .option-list{
        padding: 10px;
    }


    .m-100p{
        width: 100% !important;
    }
    .m-100p input{
        width: 100% !important;
    }
    .m-flex-row{
        flex-direction: column; align-items: flex-start;
    }
    .m-flex-row.business-open-time{
        align-content: flex-start; align-items: flex-start;
    }

    .search-tbl2 .search-tbl-form dl > dd .toggle-radio{
        justify-content: space-between;
    }
    .search-tbl2 .search-tbl-form dl > dd .toggle-radio > label{
        width: 100%; text-align: center;
    }
    .search-tbl2 .search-tbl-form dl > dd .toggle-radio > label > span{
        padding: 0 10px;
    }


    .account-information .flex-row{
        align-items: flex-start; width: 100%;
    }


    .product-grid-column{
        align-items: flex-start; gap: 10px;
    }
    .product-grid-column .thumbnail{
        width: 80px;
    }
    .product-grid-column .value{
        flex-wrap: wrap; justify-content: flex-start;
    }
    .product-grid-column .value .title{
        font-size: var(--size--regular);
    }
    .product-grid-column .value .product{
        width: 100%; margin-bottom: 10px;
    }
    .product-grid-column .count{
        width: auto; text-align: left; font-size: var(--size--regular); margin-right: 10px;
        font-weight: 500;
    }
    .product-grid-column .price{
        width: auto; text-align: left; font-size: var(--size--regular); font-weight: 500;
    }


    /* DASHBOARD */
    .dashboard > div{
        padding: 5px 0;
    }
    .dashboard .dash7-2{
        width: 100%;
    }
    .dashboard .dash2-1{
        width: 100%;
    }
    .dashboard #today-sales .dashboard-box,
    .dashboard #today-orders .dashboard-box{
        padding: 15px 10px;
        flex-direction: row; justify-content: space-between;
    }
    .dashboard #today-sales .dashboard-box::after,
    .dashboard #today-orders .dashboard-box::after{
        display: none;
    }
    .dashboard #operating-store{
        display: none;
    }
    .dashboard #link{
        padding: 5px 0;
    }
    .dashboard #link > div > a{
        padding: 10px;
    }
    .dashboard #link > div > a::before{
        width: 24px; height: 24px; margin-bottom: 5px;
    }
    .dashboard #link > div > a{
        padding: 15px 10px;
    }
    .dashboard .row2{
        gap: 10px;
    }
    .dashboard-admin #order-together{
        flex-direction: column;
    }
    .dashboard-admin #order-together #order-sales .dashboard-box-con{
        grid-template-columns: 3fr 2fr; justify-items: center;
    }


    /* DASHBOARD BRAND */
    .dashboard-brand #operating-store{
        display: block;
    }
    .dashboard-brand #member-orders{
        display: none;
    }

    /* DASHBOARD STORE */
    .dashboard-store #today-sales,
    .dashboard-store #today-orders{
        width: 100%;
    }
    .dashboard-store #member-orders{
        display: none;
    }
}

@media screen and (max-width: 480px){

    header .header-title{
        font-size: var(--size--medium);
    }
    aside::before{
        width: 90%;
    }
    aside .side-menu{
        width: 90%;
    }
    aside.show-menu .ico-close{
        margin-left: calc(90% - 40px);
    }

    .container .content-body.content{
        padding: 15px 10px;
    }

    .search-store{
        width: calc(100% + 20px);
        padding: 10px; margin: -10px 0 10px -10px;
        display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start; gap: 5px;
    }
    .store-box{
        width: calc(100% - 95px); margin: 0;
        display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center;
    }
    .store-box input[type="text"]{
        width: calc(100% - 24px);
    }
    .search-store .btn-gray{
        width: 90px;
    }

    .paging ul{
        gap: 0;
    }
    .paging ul li{
        width: 36px; height: 36px; line-height: 36px;
    }
    .paging ul li.first,
    .paging ul li.last,
    .paging ul li.prev,
    .paging ul li.next{
        width: 24px;
    }


    .status-item{
        min-width: 50px; font-size: var(--size--xsmall); height: 20px; line-height: 20px;
    }


    /* LOGIN */
    #login-wrap{
        background-color: var(--color--white);
    }
    #login{
        width: 100%; height: 60%; border-radius: 0; box-shadow: none;

    }


    .search-tbl1 .search-tbl-btns .search-btns,
    .search-tbl2 .search-tbl-btns .search-btns{
        justify-content: flex-start;
    }

    .tbl-top-left{
        flex-wrap: wrap;
    }




    .couponpop-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-status{
        position: relative; right: auto; top: auto; transform: none; margin-top: 10px;
    }


    .order-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 10px 10px 50px 10px;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-type{
        right: auto; left: 65px;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-time{
        top: auto; bottom: 10px; font-size: var(--size--small);
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-status{
        right: auto; left: 10px;
    }
    .order-tbl .grid-tbl-body .grid-tbl-rows .grid-order-table-number{
        right: auto; left: 125px; bottom: 10px; text-align: left; font-size: var(--size--small); font-weight: bold;
    }


    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-store{
        max-width: calc(100% - 140px);
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-time{
        width: 100%; line-height: 120%; margin-top: 10px;
        position: relative; right: auto; top: auto;
    }
    .sales-tbl .grid-tbl-body .grid-tbl-rows .grid-sales-status{
        bottom: auto; top: 10px;
    }


    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows{
        padding-left: 120px;
    }
    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-img{
        width: 100px;
    }
    .mainBanner-tbl .grid-tbl-body .grid-tbl-rows .grid-banner-date{
        font-size: var(--size--small);
    }

    .couponIssue-tbl .grid-tbl-body .grid-tbl-rows .grid-coupon-use{
        position: relative; right: auto; top: auto; transform: none;
        clear: both; margin-top: 15px;
    }


    .store-employeeCall-tbl .grid-tbl-body .grid-tbl-rows > div{
        text-align: left; padding: 0;
    }
    .store-employeeCall-tbl .grid-tbl-body .grid-store-open{
        width: 100%; padding-bottom: 5px !important;
    }
    .store-employeeCall-tbl .grid-tbl-body .grid-store-count{
        position: relative; right: auto; top: auto; transform: none;
        width: auto; padding-right: 20px !important;
    }
    .store-employeeCall-tbl .grid-tbl-body .grid-store-use{
        position: relative; right: auto; top: auto; transform: none;
        width: auto;
    }


    .show-product-tbl .grid-tbl-body .grid-tbl-rows{
        padding: 15px 10px;
    }
    .show-product-tbl .grid-tbl-body .grid-tbl-rows > div{
        padding: 0 5px;
    }
    .show-product-tbl .grid-tbl-body .grid-tbl-rows .grid-menu-title{
        width: 100%; padding-bottom: 5px;
    }


    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-id,
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-number,
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-date,
    .order-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-order-price{
        justify-content: space-between;
    }
    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-cancel{
        width: 100%; margin-top: 10px;
        position: relative; right: auto; top: auto; clear: both;
    }
    .payment-tables-tbl .grid-tbl-body .grid-tbl-rows .grid-payment-cancel button{
        width: 100%;
    }

    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div .grid-detail-price,
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div .grid-detail-discount,
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div .grid-detail-method{
        font-size: var(--size--regular);
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div .grid-detail-date{
        width: 100%;
    }
    .sales-tables-tbl .grid-tbl-body .grid-tbl-detail > div .status-item{
        position: relative; right: auto; top: auto; margin: 10px 0;
    }

    .brandNotification-tbl .grid-tbl-body .grid-tbl-rows .grid-board-date{
        width: 100%;
    }



    .detail-grid-column .value span .btn-coupon{
        width: 100%; margin: 5px 0 0 0;
    }


    .refund-setting-column{
        flex-direction: column; align-content: flex-start; align-items: flex-start;
        position: relative;
    }
    .refund-setting-column .refund-setting-btn{
        position: absolute; right: 10px; top: 10px;
    }


    .amenity-check > .ui-label{
        width: 50%;
    }

    .reservation-warning .promotion-product-list .ui-label{
        padding: 0 10px 10px 10px;
    }
    .reservation-warning .promotion-product-list .ui-label input[type="checkbox"] + span{
        flex-direction: column; align-content: flex-start; align-items: flex-start;
    }
    .reservation-warning .promotion-product-list .ui-label input[type="checkbox"] + span::before{
        top: 10px; transform: none;
    }
    .reservation-warning .promotion-product-list .ui-label input[type="checkbox"] + span .category{
        width: 100%; padding: 0;
    }

    #calendar.fc .fc-toolbar-title{
        font-size: var(--size--large);
    }


    .sales-price{
        padding: 5px; margin-bottom: 20px;
    }
    .sales-price .sales{
        text-align: center;
    }
    .sales-price .sales.sales-cancel::before,
    .sales-price .sales.sales-all::before,
    .sales-price .sales.sales-sum::before{
        width: 20px; height: 20px; line-height: 16px; font-size: var(--size--medium); line-height: 20px;
        left: -20%;
    }
    .sales-price .sales dl{
        padding: 5px; text-align: center;
    }
    .sales-price .sales dl dt{
        font-size: var(--size--small); margin: 0;
    }
    .sales-price .sales dl dd{
        font-size: var(--size--regular);
    }
    .sales-price .sales-payment{
        display: none;
    }


    .order-progress{
        padding: 10px;
    }
    .order-progress-ing{
        padding-top: 0;
    }
    .order-progress-ing::before{
        top: 60px;
    }
    .order-progress-ing > dl{
        padding-top: 60px;
    }
    .order-progress-ing > dl::before{
        width: 30px; height: 30px; top: 10px;
    }


    .detail-grid-column > .value .input-box{
        flex-direction: column-reverse; align-items: flex-start; border: none; gap: 5px;
    }
    .detail-grid-column > .value .input-box input[type="text"]{
        border: 1px solid var(--color--border); height: 36px;
    }

    .detail-grid-column > .value .delivery{
        flex-direction: column; align-items: flex-start; gap: 5px;
    }
    .detail-grid-column > .value .delivery > div> span{
        width: 50px; display: inline-block;
    }


    #sales-popup{
        padding: 15px;
    }
    #sales-popup .form-filter .form-period{
        width: 100%; float: none;
        display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center;
    }
    #sales-popup .form-filter .form-period label{
        width: 100%;
    }
    #sales-popup .form-filter .form-period label > span{
        padding: 0 5px; text-align: center;
    }
    #sales-popup .form-period-choice{
        height: auto;
        display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center;
        row-gap: 5px; column-gap: 5px;
    }


    /* DASHBOARD */
    .dashboard #link > div > a{
        font-size: var(--size--small); padding: 5px;
    }
    .dashboard #member-orders .dashboard-box .graph-circle{
        grid-template-columns: 1fr; justify-items: center;
    }
    .dashboard #payment-sales .dashboard-box .graph-circle{
        grid-template-columns: 1fr;
    }
    .dashboard #payment-sales .dashboard-box .graph-circle .chart > div{
        margin: 0 auto;
    }
    .dashboard-admin #order-together #order-sales .dashboard-box-con{
        grid-template-columns: 1fr;
    }

    /* DASHBOARD BRAND */
    .dashboard-brand #operating-store .dashboard-box{
        flex-direction: column; gap: 10px;
    }
    .dashboard-brand #operating-store .dashboard-box > div:last-child::before{
        display: none;
    }

    .dashboard.dashboard-store2 #link > div{
        grid-template-columns: 1fr;
    }
    .dashboard.dashboard-store2 #link > div > a{
        padding: 15px 10px;
    }



    #app-install{
        width: 60px; height: 60px; right: 20px; transform: translateY(-20px);
    }

}


@media screen and (max-width: 360px){
    .dashboard #link > div{
        flex-direction: column; gap: 5px;
    }
}