* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

button,
i {
    cursor: pointer;
}

body {
    font-family: 'Noto Sans KR', 'Noto Sans';
}

/*body {*/
/*    font-family: 'Gmarket Sans', 'Noto Sans KR', 'Noto Sans', 'Kanit', 'Chakra Petch', sans-serif;*/
/*}*/


input[type="search"] {
    outline: none;
}

/*border option*/
/*double, groove, ridge, inset, outset, none, hidden*/

:root {
    --color1: #6FFF74;
    --color2: #19CD1F;
    --color3: #43B747;
    --color4: #42b983;
    --color5: #42b98341;
    --color6: #b0ddc260;
    --color7: #5EFF5B20;
    --color8: #5EFF5B80;
    --color9: #FB622BFF;
    --color10: #42b983;
    --color10-20: #42b98320;

    /*dashBoard color start */
    --color11: #110D22;
    --color12: #C322FB;
    --color13: #FF34EB;
    --color14: #62E9EB;
    --color15: #6AF288;
    --color16: #ececec21;
    --color17: #ececec81;
    /*dashBoard color end */

    --babyColor1:#b0ddc241;
    --bgColor1: #F9F9F9;
    --bgColor2: #F3F3F3;

    --main-gradient: linear-gradient(
            to bottom right,
            #6FFF74 10%,
            #19CD1F 70%
    );
    --gradient2: linear-gradient(
            to bottom right,
            #65f16a 10%,
            #3ae041 70%
    );
    --gradient3: linear-gradient(
            to bottom right,
            #ececec 10%,
            #ccc 70%
    );

    --gradient4: linear-gradient(
            to bottom right,
            #ececec 30%,
            #d5d5d5 60%
            /*#c1c1c1 20%,*/
            /*#ccc 20%*/
    );
}

::selection {
    background-color: #b0ddc2; /* 드래그 배경색 */
    color: #000; /* 드래그된 텍스트 색상 */
}

input[type="checkbox"] {
    accent-color: #24c22b; /* 체크 표시 색상 (예: 토마토색) */
    color:#fff;
    cursor: pointer;
}

input[type="radio"] {
    accent-color: #24c22b;
    margin-right: 10px;
}

@font-face {
    font-family: 'HY견고딕-Web';
    src:
            local('HY견고딕'),           /* Windows 시스템 */
            local('HanyangGothic'),      /* 한글 프로그램 */
            local('HYGoThic');          /* HFT 폰트 */
    font-weight: normal;
}


/* header -------------------------------- */



.headerWrapStaff,
.headerwrap {
    /*border:1px solid red;*/
    border-bottom: 1px solid #ececec;
    width: 98vw;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 60px 20px 60px;

}

.headerWrapStaff {
    border:none;
    width: 100vw;
    background-color: #1c1c1c;
    color:#fff;
    position: fixed;
    top:0;
    z-index: 33;

}

.headerWrapStaff .logoImg,
.headerwrap .logoImg {
    cursor: pointer;
}

.headerBox {
    margin: 0 auto;
    width: 1050px;

}

/* table td start*/

.orderInfoTable .btnType3,
.orderInfoTable .trashBtn {
    height: 24px;
    padding: 0 10px;
    font-size: 14px;
    color:#5c5c5c;
}

.deliInfoTable td,
.areaBox .area4 .orderInfoTable td {
    /*min-width: 100px;*/
    max-height: 32px;
    overflow: hidden;
    border:1px solid #ccc;
    width: auto;
    height: 32px;
    line-height: 32px;
    text-align: center;
    padding: 0 10px;
    text-wrap: nowrap;
}

/* table td end */
.headerWrapStaff .loginBox .text,
.headerwrap .loginBox .text {
    color:#1c1c1c;
    width: 120px;
    text-align: center;
    font-family: "Gmarket Sans";
}

.headerWrapStaff .loginBox .text {
    color:#fff;
}

.headerWrapStaff .loginBox .text2 {
    border-left: 1px solid #ccc;

}
.headerwrap .loginBox .text2 {
    border-left: 1px solid #ccc;
}

.footWrap {
    padding-top: 60px;
    padding-bottom: 20px;
    margin: 0 auto;
    width: calc(100vw - 220px);
    height: 320px;
    text-align: center;

}


.grayFoot {
    padding-top: 60px;
    padding-bottom: 20px;
    width: 100%;
    height: 320px;
    text-align: center;
    background-color: var(--bgColor2);

}


.grayFoot .termsBox,
.footWrap .termsBox {
    height: 80px;

}


.grayFoot .add,
.grayFoot .termsBox .terms,
.footWrap .add,
.footWrap .termsBox .terms {
    width: auto;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color:#5c5c5c;

}


.grayFoot .add,
.footWrap .add {
    /*padding-top: 60px;*/
}

.grayFoot .termsBox .terms,
.footWrap .termsBox .terms {
    padding: 0 10px;
}


.grayFoot .termsBox .border,
.footWrap .termsBox .border {
    height: 12px;
    border-right: 1px solid #ccc;
}

.footBox {
    height: 60px;
}

.footBox  img{
    width: 40px;
    height: 40px;
    object-fit: cover;
}
.footBox .copyright {
    margin-left: 40px;
    font-size: 14px;
    color:#5c5c5c;
}



/* leftBox -------------------------------- */

.workpageWrap {
    width: 100vw;
    /*min-height: 100vh;*/
    height: auto;
    /*background-color: var(--bgColor1);*/
    /*background-color: red;*/

}

.leftBox {
    height: auto;

}

.mainWrap {
    background-color: #ccc;
    margin: 0 auto;
    width:1920px;
    height: auto;

}

.mainWrapStaff {
    width: 100vw;
    min-height: 100vh;
    height: auto;
    padding-bottom: 100px;
    background-color: #2c2c2c;
    color:#fff;
    overflow: hidden;
}

.leftWrap {
    min-width: 220px;
    width: 220px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fafafa;
    border-right: 1px solid #e0e0e0;
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 0;
}

.rightWrap {
    padding-bottom: 20px;
    background-color: var(--bgColor2);
    width: calc(100vw - 220px);
    height: 100vh;
    overflow-y: scroll ;
    overflow-x: hidden;
    position: fixed;
    left:220px;
    top: 60px;
}

.mainWrapStaff .leftWrapStaff{
    width: 320px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    /*background: #fafafa;*/
    /*border-right: 1px solid #e0e0e0;*/
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 0;
    /*border: 1px solid #fff;*/
    border-right: 1px solid #6c6c6c;
    background-color: #2c2c2c;
}

.mainWrapStaff .rightWrapStaff{
    width: calc(100vw - 320px);
    border-right: 1px solid #5c5c5c;
    background-color: #2c2c2c;

    padding-bottom: 100px;
    height: 100vh;
    overflow-y: scroll ;
    overflow-x: hidden;
    position: fixed;
    left:320px;
    top: 60px;
    /*right:0;*/
}

.merright {
    padding-bottom: 20px;
}

.searchBox1 {
    padding: 20px 0;
    width: 200px;
    height: 100px;
}

.searchBox1 select {
    border:none;
    background-color: transparent;
    border-radius: 5px;
    width: 160px;
    height: 32px;
    margin-left: 20px;

}
.searchBox1-1 {
    position: relative;
    margin: 0 auto;
    border:1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    width: 160px;
    height: 32px;
}


.searchBox1-1 input{
    margin-left: 0;
    border:none;
    background-color: transparent;
    width: 130px;
    height: 32px;
}

.searchBox1-1 input:focus {
    outline: none;
    box-shadow: none;
    border: none;
}


.searchBox1-1 i {
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:10px;
    color:#7c7c7c;
    font-size: 16px;
}

.menuWrap {
    width: 200px;
    height: 120vh;
}
.menuBox .topmenu {
    /*width:160px;*/
    padding: 0px 20px;

}
.menuBox .topText {
    width:100px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-family: "Gmarket Sans";
}

.topmenu i {
    color:#7c7c7c;
}

.submenu {
    display: none;
}

.submenu .subtext {
    margin-left: 20px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding: 0px 20px;
    color:#7c7c7c;
}

.submenu .subtext.active {
    color: var(--color4);
}


/* leftBoxStaff start  -------------------------------- */

.leftBoxStaff {
}

.leftBoxStaff .menuWrap0{
    padding-top: 10px;
    padding-left: 10px;
    width: 320px;
    height: auto;
    min-height: 160px;

}

.leftBoxStaff .boxd0q {
    margin-bottom: 5px;
}


.leftBoxStaff .boxd0q .title {
    margin-left: 10px;
    margin-right: 10px;
    width: 100px;
    font-size: 18px;

}

.leftBoxStaff .boxd0q .data {
    width: 210px;
    padding-right: 10px;
    overflow: hidden;
    height: 22px;
    font-size: 18px;
}

.leftBoxStaff .menuWrap {
    width: 320px;
    height: 80px;

}

.leftBoxStaff .menuWrap.active {

}

.leftBoxStaff .topMenu {
    width: 320px;
    height: 80px;
    padding: 0 10px;

    /*background-color: #4c4c4c;*/
}

.leftBoxStaff .topMenu.active {
    background:transparent;
    border: 2px inset #2c2c2c;
    box-shadow:
            inset -2px -2px 4px #2c2c2c;
}

.leftBoxStaff .topMenu.active2 {
    border-left: 10px ridge #6FFF7480;
    /*border-left: 10px outset #ffffff;*/
    padding-left: 0;
}

.leftBoxStaff .topMenu .count,
.leftBoxStaff .topMenu h1 {
    margin-left: 10px;
    margin-right: 20px;
    /*font-family: "chakra Petch";*/
    color:#fff;
    font-family: "Gmarket Sans";
}

.leftBoxStaff .topMenu .title {
    font-size: 22px;
    line-height: 22px;
    /*color:red;*/
    font-family: "Gmarket Sans";
    width: 220px;
    height: 60px;
    overflow: hidden;
    text-wrap: auto;
    /*font-family: "chakra Petch";*/

}

.progDone {
    border-bottom: 1px solid #6c6c6c;
    background-color: #A2A2A220;
    color:#ccc;
}

.progNow {
    border-bottom: 1px solid var(--color1);
    background-color: var(--color8);
    color:#000;

}

.leftBoxStaff .progNow h1,
.leftBoxStaff .progNow .count{
    color:#000;
}

.progQueue {
    border-bottom: 1px solid var(--color5);
    background-color: var(--color7);
    color:#ccc;
}

/* leftBoxStaff end -------------------------------- */

/* 로그인 페이지 -------------------------------- */

.login {
    width: 380px;
    height: 750px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-flow: column;
}

.login .title {
    margin-top: 100px;
    height: 200px;
    line-height: 200px;
    font-family: "Gmarket Sans";
    font-size: 34px;
    font-weight: 500;
}

.login .inputcon input {
    padding-left: 10px;
    border-radius: 5px;
    border:1px solid #ccc;
    width: 380px;
    height: 50px;
    margin-bottom: 10px;
}

.login .btnType2 {
    width: 380px;
    height: 50px;
    font-size: 18px;
    font-weight: 500;
    /*font-family: "Gmarket Sans";*/
    border:none;
    border-radius: 5px;
    background-image: var(--main-gradient);
}

.login .btnType3 {
    margin-top: 10px;
    border:1px solid var(--color4);
    background-color: #fff;
    color:var(--color10);
    width: 380px;
    height: 50px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 5px;
    /*background-image: var(--main-gradient);*/

}

.login .autoLogin .checkType{
    width:160px;
    height: 50px;
}


.login .autoLogin .checkType > *{
    margin-left: 10px;
}
/*.login > p {*/
/*    width: 380px;*/
/*    height: 60px;*/
/*    font-size: 22px;*/
/*    font-weight: bold;*/
/*    margin-top: 60px;*/
/*    margin-bottom: 60px;*/
/*}*/

/* dashboard status -------------------------------- */

.main_boxowy {
}

.main_boxowy .refreshBox {
    margin-top: 20px;
    margin-left: 22px;
    padding-right: 10px;
    width:84vw;
    height: 32px;
    overflow: hidden;
}


.main_boxowy .refreshBox .left{
    margin-right: 40px;
}

.main_boxowy .refreshBox .subtitle{
    width: 60px;
    margin-right: 40px;
}

.main_boxowy .refreshBox .swich_boxli6 i{
    font-weight: bold;
    font-size: 18px;

}
/* merright -------------------------------- */

.merright {
    height: auto;
}

.order_box28f .swich_boxli6 {
    /*margin-top: 20px;*/
    margin-left: 20px;
    margin-bottom: 10px;
    width: 82vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 20px;
}

.deli_wrapghj .swich_boxli6 {
    width: 78vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 20px;

}

.status_boxi3f .progress {
    margin-top: 10px;
    margin-left: 30px;
    margin-bottom: 10px;

}


.status_boxi3f .progress .right {
    margin-left: 10px;
    color:#5c5c5c;
}

.status_boxi3f .right .refBtn {
    width: auto;
    padding: 0 10px;
}

.status_boxi3f .progress .count {
    color:#000;
    font-size: 22px;
    margin-right: 20px;
    font-weight: 500;
    /*font-size: ;*/
}



.areaBox .performStatusBox {
    margin-top: 10px;
    margin-left: 10px;
}

.areaBox .performStatusBox .performStatus {
    text-wrap: nowrap;
    margin-bottom: 5px;
    font-size: 14px;
    /*font-family: "Gmarket Sans";*/

}

.swich_boxli6 i{
    margin-left: 20px;

}
.swich_boxli6 .binder{
    border-left: 2px solid #000;
    width: 5px;
    height: 18px;
    margin-left: 20px;
}

/* deliInfo -------------------------------- */


/* calendar -------------------------------- */


#calendar {
    margin: 0 !important;
    margin-top: 40px !important;
    margin-left: 20px !important;
    width: 84vw;
    max-height: 720px;
    background-color: #fff;
    padding:20px;
    border-radius: 10px;
    border:1px solid #ececec;
}

/* 일요일 */
#calendar .fc-day-sun,
#calendar .fc-col-header-cell.fc-day-sun {
    color: #e74c3c;
}

/* 토요일 */
#calendar .fc-day-sat,
#calendar .fc-col-header-cell.fc-day-sat {
    color: #3498db;
}


/*달력 안에 today*/
#calendar .fc-day-today {
    background-color: var(--babyColor1) !important;
    color: black !important;
    z-index: 0;
}

.fc-daygrid-day {
    min-height: 80px; !important;/* 원하는 px로 고정 */
}

/* 기본 버튼 prev, next, today 색상 변경 */
.fc-header-toolbar .fc-prev-button,
.fc-header-toolbar .fc-next-button,
.fc-header-toolbar .fc-today-button {
    margin: 0 !important;
    padding: 0 !important;
    border:none !important;
    width: 42px;
    height: 28px;
    line-height: 28px;
    background-color: #ececec !important;
    color: #000 !important;               /* 글씨색 */
}

.fc-header-toolbar .fc-next-button {
    margin-right: 10px !important;

}

.fc-header-toolbar .fc-today-button {
    background-color: #ccc !important;
    color: #000 !important;
    width: auto;
    padding: 0 20px !important;
}


.fc-event.fc-event-selected,
.fc-event:focus {
    border: none !important;
    box-shadow: none !important;
}

/* orderRegister start -------------------------------- */
/* orderRegister element1 start -------------------------------- */
/* 주문등록 > 주문정보 */
.orderReg_boxx7x .areaBox .area1{
    border-bottom: 1px solid #ccc;
    height: 60px;

}

/* 주문등록 > 주문정보 > 마켓 start */

.orderReg_boxx7x .element11 .mkSelect {
    width: 220px;
    height: 32px;
    margin-right: 10px;
    font-size: 14px;

}

.orderReg_boxx7x .element11 .odCodeIn {
    width: 220px;
    height: 32px;
    font-size: 14px;

}

.fs14 {
    font-size: 14px;
}

/* 주문등록 > 주문정보 > 마켓 end */

.orderReg_boxx7x .element1 {
    height: auto;
}

.orderReg_boxx7x .element1 .copyBox {
    position: relative;
    text-wrap: nowrap;
    /*width:420px;*/
    /*height: 32px;*/

}


.orderReg_boxx7x .element1 .copyBox .copyArea1{
    /*position: absolute;*/
    /*top:0;*/
    /*left:0;*/
    /*border-radius: 5px;*/
    width: 560px;
    height: 34px;
}

.orderReg_boxx7x .element1 .copyBox .copyArea1 .left{
    border:1px solid #ccc;
    border-radius: 5px;
    width: 360px;
    height: 34px;
    /*border:1px solid red;*/
    position: relative;
}

.orderReg_boxx7x .element1 .copyBox .copyArea1 .sch_input{
    border:none;
    width: 330px;
    height: 30px;
    background-color: transparent;
}

.orderReg_boxx7x .element1 .copyBox .copyArea1 .copyDropdown{
    width:30px;
    height: 30px;
    border: none;
    background-color: transparent;
    color: #5c5c5c;
    position: absolute;
    top:0;
    right: 2px;
    z-index: 10;


}

.orderReg_boxx7x .element2 .schBtn,
.orderReg_boxx7x .element1 .copyBox .copyArea1 .copyAdd {
    padding: 0 10px;
    font-size: 14px;
    height: 32px;

}


.orderReg_boxx7x .element1 .copyBox .copyArea1 .count{
    border-radius: 5px;
    border:1px solid #ccc;
    width: 125px;
    height: 32px;
    margin-right: 10px;
}


.orderReg_boxx7x .element1 .tagBox {
    margin-top: 10px;
}

.orderReg_boxx7x .element1 .productTag {
    border-radius: 20px;
    background-color: #ececec81;
    padding: 0px 10px;
    /*width: 120px;*/
    /*width:120px;*/
    /*min-width: 120px;*/
    max-width: 370px;
    overflow: hidden;
    height: 28px;
    font-size: 14px;
    margin-bottom: 4px;

}

.orderReg_boxx7x .element1 .productTag .gname{
    /*width: auto;*/
    min-width: 180px;
    max-width: 180px;
    overflow: hidden;
    height: 28px;
    line-height: 28px;
    margin-right: 40px;
    text-wrap: nowrap;
}

.orderReg_boxx7x .element1 .productTag .count{
    width: 80px;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;

}

.orderReg_boxx7x .element1 .productTag i{
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}

.orderReg_boxx7x .element1 .productTag i {

}


.orderReg_boxx7x .element1 .copyBox .copyArea2 {
    display: none;
    position: absolute;
    top:30px;
    left:0px;
    border-radius: 0 0 5px 5px;
    border:1px solid #ccc;
    background-color: #fff;
    width: 360px;
    height: 220px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.orderReg_boxx7x .element1 .copyBox .copyArea2 .copyOption {
    width: 360px;
    min-height: 40px;
    border: none;
    border-bottom: 1px solid #ccc;
    border-bottom: 1px solid red;
    background-color: #fff;
    color: #5c5c5c;
    text-align: left;
    padding-left: 10px;
}


.orderReg_boxx7x .element1 .copyBox .copyArea2.active,
.orderReg_boxx7x .element1 .copyBox .copyArea2 .copyOption.active {
    display: block;

}

.orderReg_boxx7x .element1 .copyBox .copyArea2 > button:hover {
    text-decoration: underline;
}

/* orderRegister element1 end -------------------------------- */
/* orderRegister element2 start -------------------------------- */


.orderReg_boxx7x .element2 .postIn {
    margin: 0;
    width: 80px;
    height:32px;
    margin-right: 10px;
    font-size: 14px;

}


.orderReg_boxx7x .element2 .add1In {
    width: 80px;
    height:32px;

}

/* orderRegister element2 end -------------------------------- */
/* orderRegister end -------------------------------- */
/* productsMaster_View start -------------------------------- */
/* productsEditor_View 제품BOM수정 > 원자재 선택 관련start -------------------------------- */

.mas_box23f .element1 {
    height: auto;
}

.mas_box23f .element1 .searchProducts_box291 {
    position: relative;
    text-wrap: nowrap;
    width:430px;
    height: 32px;

}

.mas_box23f .element1 .searchProducts_box291 .copyArea1{
    width:360px;
    height: 34px;
    background-color: #fff;
    margin-right: 10px;
    border:1px solid #ccc;
    border-radius: 5px;
}

.mas_box23f .element .data {
    font-size: 14px;
}


.mas_box23f .element1 .searchProducts_box291 .copyArea1 .copySearch{
    border:none;

    /*padding-left: 10px;*/
    width: 320px;
    height: 28px;
}

.mas_box23f .element1 .searchProducts_box291 .copyArea1 .copyDropdown{
    width:30px;
    height: 30px;
    border: none;
    background-color: #fff;
    color: #5c5c5c;

}

.mas_box23f .searchProducts_box291 .copyArea2 {
    display: none;
    position: absolute;
    top:30px;
    left:0px;
    border-radius: 0 0 5px 5px;
    border:1px solid #ccc;
    background-color: #fff;
    width: 360px;
    height: 180px;
    z-index: 33;
    overflow-y: scroll;
    overflow-x: hidden;
}

.mas_box23f .searchProducts_box291 .copyArea2 .copyOption {
    display: none;
    width: 360px;
    min-height: 32px;
    border: none;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    color: #5c5c5c;
    text-align: left;
    padding-left: 10px;

}

.mas_box23f .searchProducts_box291 .copyArea2.active,
.mas_box23f .searchProducts_box291 .copyArea2 .copyOption.active {
    display: block;
}


/* 제품BOM등록> 원자재 선택 start */
/* AND 제품BOM정> 원자재 선택 start */

.masModi_box23f .element1,
.masModi_box23f .element2,
.masModi_box23f .element3,
.masModi_box23f .element4 {
    font-size: 14px;
}

.masModi_box23f .element6,
.mas_box23f .element5 {
    height: auto;
}

.masModi_box23f .element6 .searchMate_boxx21,
.mas_box23f .element5 .searchMate_boxx21 {
    position: relative;
    text-wrap: nowrap;
    width:370px;
    height: auto;

}


.masModi_box23f .element6 .searchMate_boxx21 .copyArea1,
.mas_box23f .element5 .searchMate_boxx21 .copyArea1{
    width:600px;
    height: 34px;
    background-color: #fff;
}

.masModi_box23f .element6 .searchMate_boxx21 .copyArea1 .keyIn,
.mas_box23f .element5 .searchMate_boxx21 .copyArea1 .keyIn{
    width:200px;
    height: 34px;
    border-radius: 5px;
    border:1px solid #ccc;
    margin-right: 10px;

}

.masModi_box23f .element6 .searchMate_boxx21 .copyArea1 .copySearch,
.mas_box23f .element5 .searchMate_boxx21 .copyArea1 .copySearch{
    border:none;
    width: 170px;
    height: 24px;
}

.masModi_box23f .element6 .searchMate_boxx21 .copyArea1 .copyDropdown,
.mas_box23f .element5 .searchMate_boxx21 .copyArea1 .copyDropdown{
    width:24px;
    height: 24px;
    border: none;
    background-color: #fff;
    color: #5c5c5c;

}


.masModi_box23f .element6 .searchMate_boxx21 .copyArea1 .count,
.mas_box23f .element5 .searchMate_boxx21 .copyArea1 .count {
    border-radius: 5px;
    border:1px solid #ccc;
    width: 140px;
    height: 32px;

}

.masModi_box23f .element6 .searchMate_boxx21 .copyArea1 .copyAdd,
.mas_box23f .element5 .searchMate_boxx21 .copyArea1 .copyAdd {
    padding: 0 10px;
    font-size: 14px;
    height: 32px;

}

.masModi_box23f .searchMate_boxx21 .copyArea2,
.mas_box23f .searchMate_boxx21 .copyArea2 {
    display: none;
    margin-right: 10px;
    border-radius: 0 0 5px 5px;
    border:1px solid #ccc;
    background-color: #fff;
    width: 200px;
    height: 180px;
    position: absolute;
    top:30px;
    left:0px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 33;
}



.masModi_box23f .searchMate_boxx21 .copyArea2 .copyOption,
.mas_box23f .searchMate_boxx21 .copyArea2 .copyOption {
    /*display: none;*/
    width: 180px;
    min-height: 32px;
    border: none;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    color: #5c5c5c;
    text-align: left;
    padding-left: 10px;

}
.masModi_box23f .searchMate_boxx21 .copyArea2.active,
.masModi_box23f .searchMate_boxx21 .copyArea2 .copyOption.active,

.mas_box23f .searchMate_boxx21 .copyArea2.active,
.mas_box23f .searchMate_boxx21 .copyArea2 .copyOption.active {
    display: block;
}


.masModi_box23f .searchMate_boxx21 .copyArea3,
.mas_box23f .searchMate_boxx21 .copyArea3 {
    margin-top: 10px;
}

.masModi_box23f .searchMate_boxx21 .copyArea3 .productTag,
.mas_box23f .searchMate_boxx21 .copyArea3 .productTag {
    border-radius: 20px;
    background-color: #ececec81;
    padding: 0px 10px;
    max-width: 340px;
    overflow: hidden;
    height: 28px;
    font-size: 14px;
    margin-bottom: 4px;

}


.masModi_box23f .element6 .tagBox,
.mas_box23f .element5 .tagBox {
    margin-top: 10px;
}

.masModi_box23f .element6 .tagBox .productTag,
.mas_box23f .element5 .tagBox .productTag {
    border-radius: 20px;
    background-color: #ececec81;
    padding: 0px 10px;
    /*width: 120px;*/
    width:340px;
    /*min-width: 120px;*/
    max-width: 340px;
    overflow: hidden;
    height: 28px;
    font-size: 14px;
    margin-bottom: 4px;

}

.masModi_box23f .copyArea3 .productTag .pname,
.mas_box23f .copyArea3 .productTag .pname{
    /*width: auto;*/
    width: 180px;
    overflow: hidden;
    height: 28px;
    line-height: 28px;
    margin-right: 20px;
    text-wrap: nowrap;
}

.masModi_box23f .copyArea3 .productTag .count,
.mas_box23f .copyArea3 .productTag .count{
    width: 80px;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;

}

.masModi_box23f .copyArea3 .productTag i,
.mas_box23f .copyArea3 .productTag i{
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}



/* end */

.orderReg_boxx7x .element1 .tagBox {
    margin-top: 10px;
}

.orderReg_boxx7x .element1 .productTag {
    border-radius: 20px;
    background-color: #ececec81;
    padding: 0px 10px;
    /*width: 120px;*/
    /*width:120px;*/
    /*min-width: 120px;*/
    max-width: 370px;
    overflow: hidden;
    height: 28px;
    font-size: 14px;
    margin-bottom: 4px;

}

.orderReg_boxx7x .element1 .productTag .gname{
    /*width: auto;*/
    min-width: 180px;
    max-width: 180px;
    overflow: hidden;
    height: 28px;
    line-height: 28px;
    margin-right: 40px;
    text-wrap: nowrap;
}

.orderReg_boxx7x .element1 .productTag .count{
    width: 80px;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;

}

.orderReg_boxx7x .element1 .productTag i{
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}

.orderReg_boxx7x .element1 .productTag i {

}


.orderReg_boxx7x .element1 .copyBox .copyArea2 {
    display: none;
    position: absolute;
    top:30px;
    left:0px;
    border-radius: 0 0 5px 5px;
    border:1px solid #ccc;
    background-color: #fff;
    width:220px;
    height: 220px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.orderReg_boxx7x .element1 .copyBox .copyArea2 .copyOption {
    width: 560px;
    min-height: 40px;
    border: none;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    color: #5c5c5c;
    text-align: left;
    padding-left: 10px;
}


.orderReg_boxx7x .element1 .copyBox .copyArea2.active,
.orderReg_boxx7x .element1 .copyBox .copyArea2 .copyOption.active {
    display: block;

}

.orderReg_boxx7x .element1 .copyBox .copyArea2 > button:hover {
    text-decoration: underline;
}


/* productsMaster_View end -------------------------------- */

.orderReg_boxx7x .findBox{
    border:1px solid #ccc;
    background-color: #fff;
    position: absolute;
    top:30px;
    left:185px;
    width: 360px;
    height: 220px;
    overflow-x: hidden;
    overflow-y: scroll;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.orderReg_boxx7x .findBox.hidden{
    display: none;
}

.orderReg_boxx7x .findBox .data {
    border-bottom: 1px solid #ccc;
    width: 360px;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;

}

/* orderRegister end -------------------------------- */


/* linkMalls -------------------------------- */

.titleBox .headTitle {
    padding: 20px 0 20px 30px ;
    font-family: "Gmarket Sans";
    font-size: 22px;
    font-weight: 500;
}


.areaBox {
    border:1px solid #ccc;
    border-radius: 10px;
    width: 84vw;
    height: auto;
    padding: 10px 0;
    margin-left: 20px;
    margin-bottom: 10px;
    background-color: #fff;
}

.areaBox.min80vh {
    min-height: 80vh;
}

.areaBox.min70vh {
    min-height: 70vh;
}

.areaHidden {
    overflow: hidden;
}

.lastBox {
    width: 84vw;
    height: auto;
    padding: 20px 0;
    margin-left: 20px;
    overflow: hidden;
    /*position: fixed;*/
    /*right:5vw;*/

}


.areaBox .area5,
.areaBox .area3,
.areaBox .area2,
.areaBox .area1 {
    padding: 10px 0px 10px 20px;
    width: 82vw;

}

.order_box28f .areaBox2 .right {
    width:auto;
    height: 32px;
    overflow:hidden;
}


.order_box28f .areaBox .area4 {
    /*border:1px solid #ccc;*/
    /*padding:0 20px;*/
    margin: 20px;
    /*margin: 20px 20px 0 20px;*/
    overflow: hidden;
}


.areaBox .area2 .title,
.areaBox .area1 .title {
    min-width: 100px;
    width: 100px;
}

/*.areaBox .area1 .left1 .period,*/
.areaBox .area1 .period {
    border:1px solid #ccc;
    background-color: #fff;
    min-width: 100px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color:#303030;
}

.areaBox .area1 .period.active {
    background-color: var(--bgColor2);

}

.areaBox .area2 .searchFilter,
.areaBox .area2 .searchArea {
    border:1px solid #ccc;
    width: 160px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    font-size: 14px;
    color:#303030;
}

.areaBox .area2 .searchArea {
    width: 220px;
}

.areaBox .area1 .period:nth-child(1),
.areaBox .area1 .period:nth-child(2),
.areaBox .area1 .period:nth-child(3) {
    border-right: none;
}

.deli_wrapghj .areaBox .area1 .period:nth-child(4) {
    border-right: none;
}
.areaBox .area2 .right,
.areaBox .area1 .right {
    min-width: 240px;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
}

.link_wrap5r6 .area3 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 82vw;
}


.areaBox .area1 .right {
    flex-wrap: nowrap;
}


.areaBox .area1 .right .btnType1{
    flex-shrink: 1;
}

.areaBox .area4 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

}


.areaBox .area4 .order_boxfxp .btnType3,
.areaBox .area4 .order_boxfxp .btnType4 {
    padding: 0 10px;
    width: auto;
}


.areaBox .area4 .order_boxe4z {
    width: auto;
    overflow-x: scroll;
}


.goods_boxkfg {
    width: 82vw;
    height: 40px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.goods_boxkfg .left {
    font-family: "Gmarket Sans";
}

.goods_boxkfg .title {
    margin-right: 20px;
    text-wrap: nowrap;
}

.goods_boxkfg .count {
    margin-right: 10px;
    font-size: 22px;
    color: var(--color3);
    font-weight: bold;
}

.goods_boxa1b {
    /*border:1px solid #ccc;*/
    margin: 0 20px;
    overflow: hidden;
}

/*orderList_View start*/

.order_box28f .area4.order_boxfxp {
    /*border:1px solid red;*/
    /*border-bottom: 1px solid #ccc;*/
    border: 1px solid #ddd;
    overflow: hidden;
    width: 81vw;
    background-color: #fff;
    height:auto;
    min-height: 560px;
    /*overflow-x: scroll;*/
    position: relative;
}

.order_box28f .order_boxfxp .table_scroll {
    overflow-x: auto;
    overflow-y: auto;
    height: auto;
    min-height: 560px;
    max-height: 600px;
}

.order_box28f .order_boxfxp .table_scroll .order_tabledj1 {
    width: 81vw;
    border-collapse: collapse;
    text-wrap: nowrap;
    /*overflow-x: scroll;*/
    /*overflow-y: auto;*/
    max-height: 600px;
    /*position: sticky;*/
    /*top:0;*/
    /*z-index: 40;*/
    font-size: 14px;
}

.order_box28f .order_boxfxp .order_tabledj1 .tbl_head{
    position: sticky;
    top:0;
    z-index: 10;
}

.order_box28f .order_boxfxp .order_tabledj1 th {
    position: sticky;
    top: 0;
    /*background-color: #fff;  !* 배경색으로 내용 가림 방지 *!*/
    z-index: 10;  /* 겹침 우선순위 */

}

.order_box28f .order_boxfxp .order_tabledj1 td {
    /*border:1px solid #ccc;*/
    /*padding: 10px;*/
    border-top:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    background-color: #fff;
    white-space: nowrap;
}

.order_box28f .order_boxfxp .order_tabledj1 .ltThead {
    background-color: #ececec;
    font-weight: normal;
    /*position: relative;*/
    /*width: auto;*/
    /*padding: 0 10px;*/
    /*width: 160px;*/
    text-wrap: nowrap;

}

.order_box28f .order_boxfxp .order_tabledj1 td.fixedCol {
    position: sticky;
    z-index: 10;
}


.order_box28f .order_boxfxp .order_tabledj1 .inner40 {
    /*padding: 5px 10px;*/
    width: 40px;
    height: 80px;
    border-left:1px solid #ccc;

}

.order_box28f .order_boxfxp .order_tabledj1 .inner60 {
    /*padding: 5px 10px;*/
    width: 60px;
    height: 80px;
    border-left:1px solid #ccc;

}


.order_box28f .order_boxfxp .order_tabledj1 .inner1 {
    padding: 5px 10px;
    /*border:1px solid red;*/
    position: relative;
    width: 100px;
    height: 80px;
    border-left:1px solid #ccc;
}

.order_box28f .order_boxfxp .order_tabledj1 .inner2 {
    /*margin: 0;*/
    padding: 0px 10px;
    position: relative;
    width: 160px;
    height: 80px;
    border-left:1px solid #ccc;

}

.order_box28f .order_boxfxp .order_tabledj1 .inner3 {
    height: 80px;
    border-left:1px solid #ccc;

}

.order_box28f .order_boxfxp .order_tabledj1 .inner4 {
    /*padding: 0 10px;*/
    /*width: auto;*/
    width: auto;
    height: 80px;
    border-left:1px solid #ccc;

}

.order_box28f .order_boxfxp .order_tabledj1 .more {
    text-decoration: underline;
    cursor: pointer;
}

.order_box28f .order_boxfxp .order_tabledj1 .g_name {
    text-wrap: wrap;
    overflow: hidden;
    margin: 0;
    padding: 0;
}


.order_box28f .order_boxfxp .order_tabledj1 .g_name .text {
    /*width:160px;*/
    /*height: 80px;*/
    margin: 0;
    padding: 0;
    line-height: 14px;
    overflow: hidden;
}

.order_box28f .order_boxfxp .order_tabledj1 .inner2.last_inner {
    /*border-right: 0.2px solid #5c5c5c;*/
    box-shadow: 2px 0 6px -1px rgba(0, 0, 0, 0.25);
}

.order_box28f .order_boxfxp .order_tabledj1 .inner2.last_inner::after {
    content: "";
    position: absolute;
    top: 0;
    border-right: 1px solid #5c5c5c;
    width: 159px;
    height: inherit;

}


/* 각 고정 컬럼의 left 위치 - 총 570px */

.order_box28f .order_boxfxp .order_tabledj1 td.fixedCol:nth-child(1) {
    left: 0;
    width: 40px;
}

.order_box28f .order_boxfxp .order_tabledj1 td.fixedCol:nth-child(2) {
    left: 40px;
    width: 100px;
}

.order_box28f .order_boxfxp .order_tabledj1 td.fixedCol:nth-child(3) {
    left: 140px;
    width: 160px;
}

.order_box28f .order_boxfxp .order_tabledj1 td.fixedCol:nth-child(4) {
    left: 300px;
    width: 160px;
}

.order_box28f .order_boxfxp .order_tabledj1 tbody td.scrollableCol {
    /*padding: 0 10px;*/
    /*min-width: 100px;*/
}



.resize-handle {
    position: absolute;
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    cursor: col-resize;
    z-index: 100;
}

.resize-handle:hover,
.resize-handle.resizing {
    background-color: #4CAF50;
}

/* 드래그 중 선택 방지 */
.no-select {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}


/* order_tabledj1 길이조절 end */

.order_box28f .order_boxfxp .btnType3 {
    padding: 0 10px;
    border:none;
    /*background-color: #ececec60;*/
    background-image: var(--gradient4);
    font-size: 14px;
    height:24px;
    text-wrap: nowrap;
    cursor: pointer !important;
}

.order_box28f .order_boxfxp .btnType4 {
    background-color: var(--color1);
    background-image: none;
    padding: 0 10px;
    border:none;
    font-size: 14px;
    height:24px;
    text-wrap: nowrap;
    cursor: pointer;
}

.order_box28f .order_boxfxp .btnType3 {
    cursor: text ;
}

.order_box28f .order_boxfxp .btnType4:hover {
    text-decoration: underline;

}

.order_box28f .area4 .order_boxfxp table {
    /*width:540px;*/
    border:1px solid green;
    width: 81vw;
}

.order_boxe4z .ltThead {
    text-wrap: nowrap;
    padding: 0 10px;
}

.order_list_tbl_wrap {
    border:1px solid #ccc;
    max-height: 600px;
    overflow-y: scroll;
}

.order_list_tbl_wrap .order_list_tbl {
    border-collapse: collapse;
    width: 80vw;
}

.order_list_tbl tr.cxled_order {
    background-color: #ececec60;
    color: #a9a9a9;
    cursor: default;
}

.order_list_tbl_wrap .order_list_tbl th,
.order_list_tbl_wrap .order_list_tbl td {
    padding: 0 10px;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    height: 32px;
    text-align: center;
    text-wrap: nowrap;
}

.order_list_tbl_wrap .order_list_tbl th {
    background-color: #ececec;
    font-weight: normal;
    position: sticky;
    top:0;
}

.order_box28f .order_list_tbl_wrap .order_list_tbl td.td40 {
    min-width: 40px;
    max-width: 40px;
    width: 40px;
}

.order_list_tbl_wrap .order_list_tbl .btnType3 {
    border:1px solid #ccc;
    border-radius: 5px;
    padding: 0 10px;
    min-width: 40px;
    width: auto;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
}

.order_list_tbl_wrap .order_list_tbl .btn_gray {
    border:none;
    background-image: var(--gradient4);

}
/*orderList_View end*/

/*linkMallsLog start*/

.linkLog_wrap5r6 .selMall {
    width: 180px;
    height: 32px;
    color:#5c5c5c;
    font-size: 14px;

}

.linkLog_wrap5r6 .area4 {
    margin-top: 20px;
    margin-left: 20px;

}

/*linkMallsLog end */

.mainContentStaff .goods_boxa1b {
    margin: 0;

}

.goods_boxa1b .btnType3 {
    padding: 0 10px;
}


.cat_boxa1b .catTable,
.areaBox .area4 .orderInfoTable {
    border:1px solid #ccc;
    border-collapse: collapse;
    color:#303030;
}

.cat_boxa1b .catTable {
    width: 81vw;
    margin-left: 20px;
}

.cat_boxa1b .catTable .keyCol1 {
    width: 10%;
}

.cat_boxa1b .catTable .keyCol2 {
    width: 10%;
}

.cat_boxa1b .catTable .keyCol {
    background-color: #ececec60;
}

.link_wrap5r6 .area3 {
    margin-right: 20px;
}

.goods_boxkfg .searchFilter,
.deli_wrapghj .area2 .searchFilter,
.link_wrap5r6 .area3 .searchFilter{
    border:1px solid #ccc;
    border-radius: 5px;
    padding-left: 10px;
    margin-right: 10px;
    width: 100px;
    height: 32px;
    font-size: 16px;

}

.areaBox .area4 .linkMallsTable,
.deliInfoTable {
    border:1px solid #ccc;
    /*margin-left: 20px;*/
    border-collapse: collapse;
    color:#303030;
    width: 81vw;

}

.linkMallsTable .col1,
.linkMallsTable .col2 {
    width: 40px;
}


.cat_boxa1b .catTable td,
.areaBox .area4 .linkMallsTable td {
    overflow: hidden;
    border:1px solid #ccc;
    height: 32px;
    line-height: 32px;
    max-height: 32px;
    text-align: center;
    padding: 0 10px;
    text-wrap: nowrap;

}


.deliInfoTable {
    margin-top: 20px;
}

.link_wrap5r6 .area4,
.deli_wrapghj .area4 {
    width: 84vw;
    overflow-x: hidden;
    /*margin-left: 20px;*/
}

.deli_wrapghj .titleBox {
    width: 96vw;
}

.deli_wrapghj .deli_box2w9 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.deli_wrapghj .deli_box2w9 .status {
    width: 620px;
    margin-left: 30px;
    text-wrap: nowrap;
}


.areaBox .area4 .orderInfoTable1 {
    width: 81vw;
}

.areaBox .area4 .orderInfoTable2 {
    height: auto;
    overflow-x: scroll;
    padding-bottom: 10px;
}

.deliInfoTable td:first-child{
    min-width: 40px;
    width: 40px;
}

.linkMallsTable .btnType3,
.linkMallsTable .status {
    margin: 0 auto;
    border-radius: 5px;
    width: 40px;
    min-width: 40px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color:#5c5c5c;
}

.linkMallsTable .status.positive {
    background-color: var(--color15);
}

.linkMallsTable .status.negative {
    background-color: #FF6F6F;
    color:#fff;
}

.linkMallsTable .status.missing {
    border:none;
    height: 24px;
    line-height: 28px;
    background-color: #F8E513;
}

.areaBox .area4 .orderInfoTable1 td:first-child {
    min-width: 40px;
    width: 40px;
}

.deliInfoTable thead .ltThead,
.linkMallsTable thead .ltThead,
.areaBox .area4 .orderInfoTable thead .ltThead {
    background-color: #ececec81;
    text-wrap: nowrap;
}

.areaBox .area4 .orderInfoTable2 thead .ltThead{
    min-width: 120px;
    width: 140px;

}


.areaBox .area4 .orderInfoTable thead td {
    height: 32px;
    max-height: 32px;
    padding: 0 10px;
}


.areaBox .area5 {
    padding: 0 20px;
}

.order_box28f .areaBox .area5 .countBox{
    width: 81vw;
    /*height: 160px;*/
}

.order_box28f .areaBox .area5 .countBox .right{
    height: 32px;
    overflow: hidden;
}

.order_box28f .areaBox .area5 .count{
    padding: 5px 0;

}


.order_box28f .area1,
.order_box28f .area2 {
    margin-left: 10px;
}

.areaBox .area5 .number{
    font-size: 18px;
    text-align: right;
    font-family: "Gmarket Sans";
    font-weight: 500;

}

/* missingList_View start -------------------------------- */

.missing_list_table {
    border-collapse: collapse;
    width: 80vw;
    text-align: center;

}

.missing_list_table td{
    border:1px solid #ccc;
    /*height: 32px;*/
    padding: 5px 0;
    height: auto;
}

.missing_list_table .data_box {
    display: none;
}

.missing_list_table .data_box .data {
    height: 32px;
    line-height: 32px;
}

.missing_list_table .match_btn {
    /*height: 24px;*/
    padding: 5px 10px;
    color:#5c5c5c;
}

.missing_list_wrap .lastArea {
    width:86vw;

}

.missing_list_wrap .lastArea .btnType1{
    width: 220px;
    height: 40px;
}
/* missingList_View end -------------------------------- */

/* producingStatus start -------------------------------- */

.pro_tablefz7c .statusBtn {
    /*padding: 2px 10px;*/
    color:#6c6c6c;
    width: 80px;
    height: 24px;
    line-height: 24px;
}


.pro_tablefz7c .statusStandby {
    color:#000;
    width: 80px;
}

.pro_tablefz7c .statusBtn {
    width: auto;
    padding: 0 10px;
    color:#5c5c5c;
}

/* producingStatus end -------------------------------- */
/* date picker -------------------------------- */
.date_boxtc6 > *{
    margin-right: 20px;
}


.date_boxtc6 {
    margin-left: 20px;

}

.date_boxtc6 .dateLabel1,
.date_boxtc6 .dateLabel2 {
    position: relative;
}

.date_boxtc6 i {
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left:10px;
    color:#7c7c7c;
}



.date_boxtc6 .inputType160{
    padding-left: 40px;

}



/* dashboard -------------------------------- */

#calendar {
    /*max-width: 900px;*/
    margin: 40px auto;
}

.statusBox {
    margin-left: 20px;
    width: 84vw;
}

.statusBox .status {
    margin-top: 10px;
    margin-right: 20px;
    border:1px solid #ccc;
    border-radius: 10px;
    width: 24%;
    min-width: 240px;
    height: 180px;
    background-color: #fff;
}

.statusBox .status:last-child {
    margin-right: 0;
}

.statusBox .status .upside{
    border-bottom: 1px solid #ccc;
    height: 40px;

}

.statusBox .status .aside{
    padding: 0 20px;
}


.statusBox .status .downside{
    margin-top: 10px;

}

.statusBox .status .aside .flexType3{
    height: 28px;

}
.statusBox .status .now{
    color:#5c5c5c;

}

.statusBox .status .category{
    font-family: "Gmarket Sans";
}

.statusBox .status .right{
    font-size: 14px;
    color:#7c7c7c;
}

.statusBox .status .right .count{
    font-size: 22px;
    font-weight: bold;
    color:#3c3c3c;
    margin-right: 10px;
}


/* goods register lastBox start  -------------------------------- */

.user_edit_wrap .lastBox .btnType1,
.user_reg_wrap .lastBox .btnType1,
.oinfo_box23e .lastBox .btnType1,
.mas_box23f .lastBox .btnType1,
.masModi_box23f .lastBox .btnType1,
.orderReg_boxx7x .lastBox .btnType1,
.goods_boxx7z .lastBox .btnType1 {
    width: 180px;
    height: 40px;

}

.user_edit_wrap .lastBox .btnType2,
.user_reg_wrap .lastBox .btnType2,
.oinfo_box23e .lastBox .btnType2,
.mas_box23f .lastBox .btnType2,
.masModi_box23f .lastBox .btnType2,
.orderReg_boxx7x .lastBox .btnType2,
.goods_boxx7z .lastBox .btnType2 {
    width: 180px;
    height: 40px;

}

/* goods register lastBox end  -------------------------------- */
/* otherInfo_View start  -------------------------------- */

.oinfo_box23e .area1 {
    border-bottom: 1px solid #ccc;
}

.oinfo_box23e .area2 {
    margin: 0;
    margin: 10px 0;
}

.oinfo_box23e .area2 .refreshBtn {
    padding: 0 10px;
    height: 32px;

}

.oinfo_box23e .area2 .refreshBtn i {
    color: #5c5c5c;
}

.oinfo_box23e .area1 .tab {
    /*margin-right: 10px;*/
    border:none;
    border-bottom: 2px solid transparent;
    background-color: transparent;
    /*background-color: red;*/
    width: auto;
    padding: 0 15px;
    font-size: 14px;
    color:#9c9c9c;
    height: 35px;
    line-height: 35px;
}

.oinfo_box23e .area1 .tab.active {
    color:var(--color4);
    font-weight: 500;
    border-bottom: 2px solid var(--color4);

}

.oinfo_box23e .fac_tablexx9{
    border-collapse: collapse;
    /*width: auto;*/
    height: auto;
    text-align: center;
    width: 81vw;

}



.oinfo_box23e .fac_tablexx9 th {
    font-weight: normal;
}

.oinfo_box23e .fac_tablexx9 th,
.oinfo_box23e .fac_tablexx9 td {
    border:1px solid #ccc;
    padding: 0 10px;
    height: 32px;
}

.oinfo_box23e .area3 .ttl {
    font-size: 14px;
    padding: 10px 0;
}

.oinfo_box23e .fac_tablexx9 .removeBtn {
    padding: 0 10px;
    font-size: 14px;
    color: #5c5c5c;
}

.oinfo_box23e .fac_tablexx9 td:nth-child(2),
.oinfo_box23e .fac_tablexx9 td:nth-child(3) {

}

.oinfo_box23e .fac_tablexx9 .btnType3 {
    height: 24px;
}

/* otherInfo_View end  -------------------------------- */
/* goods copy register start  -------------------------------- */


.goods_boxj3v .copyBox,
.goods_boxx7z .area1 .copyBox {
    position: relative;
}

.goods_boxx7z .area1 .copyBox .copyArea1 {
    margin: 10px;
    border-radius: 5px;
    border:1px solid #ccc;
    width: 560px;
    height: 40px;
    overflow: hidden;
}

.goods_boxj3v .copyBox,
.goods_boxx7z .area1 .copyBox .copyArea1 .copySearch {
    /*padding-left: 10px;*/
    border:none;
    width: 620px;
    height: 38px;

}



.goods_boxj3v .copyBox .copyArea1 .copyDropdown,
.goods_boxx7z .area1 .copyBox .copyArea1 .copyDropdown {
    width:38px;
    height: 38px;
    border: none;
    background-color: #fff;
    color: #5c5c5c;
}


.goods_boxx7z .copyArea2 {
    /*display: none;*/
}

.goods_boxx7z .copyArea2.active {
    /*display: none;*/
    position: absolute;
    top:38px;
    left:10px;
    border-radius: 0 0 5px 5px;
    border:1px solid #ccc;
    background-color: #fff;
    width:560px;
    height: 220px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.goods_boxx7z .copyArea2 .copyOption.active {
    width: 560px;
    min-height: 40px;
    border: none;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    color: #5c5c5c;
    text-align: left;
    padding-left: 10px;
}

.goods_boxj3v .copyBox .copyArea > button:hover,
.goods_boxx7z .area1 .copyBox .copyArea > button:hover {
    text-decoration: underline;
}

/* goods register > add product start  -------------------------------- */

.goods_boxj3v .copyBox .copyArea1 .left {
    border-radius: 5px;
    border:1px solid #ccc;
    width: 200px;
    height: 32px;
    overflow: hidden;
    margin-right: 20px;

}

.goods_boxj3v .copyBox .copyArea1 .copySearch {
    padding-left: 10px;
    border:none;
    width: 160px;
    height: 30px;

}

.goods_boxj3v .copyBox .copyArea1 .copyDropdown,
.goods_boxx7z .area1 .copyBox .copyArea1 .copyDropdown {
    width:32px;
    height: 32px;
    border: none;
    background-color: #fff;
    color: #5c5c5c;
}

.goods_boxj3v .copyBox .copyArea1 .count {
    border-radius: 5px;
    border:1px solid #ccc;
    width: 140px;
    height: 32px;
    padding-left: 10px;

}

.area_box2qd .element6 .addMatch,
.goods_boxj3v .copyBox .copyArea1 .copyAdd {
    padding: 0 10px;
    font-size: 14px;
    height: 32px;

}

.goods_boxj3v .copyBox .copyArea2 {
    display: none;
    position: absolute;
    top:31px;
    left:0px;
    border-radius: 0 0 5px 5px;
    border:1px solid #ccc;
    background-color: #fff;
    width: 200px;
    height: 220px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.goods_boxj3v .copyBox .copyArea2 .copyOption {
    /*display: none;*/
    width: 200px;
    min-height: 32px;
    border: none;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    color: #5c5c5c;
    text-align: left;
    padding-left: 10px;

}

.goods_boxj3v .copyBox .copyArea2.active,
.goods_boxj3v .copyBox .copyArea2 .copyOption.active {
    display: block;
}


.goods_boxj3v .copyArea3 .productTag:first-child {
    margin-top: 10px;
}

.goods_boxj3v .copyArea3 .productTag {
    border-radius: 20px;
    background-color: #ececec81;
    padding: 0px 10px;
    /*width: 120px;*/
    /*width:120px;*/
    /*min-width: 120px;*/
    max-width: 370px;
    overflow: hidden;
    height: 28px;
    font-size: 14px;
    margin-bottom: 4px;

}

.goods_boxj3v .copyArea3 .productTag .pname{
    width: auto;
    min-width: 180px;
    max-width: 180px;
    overflow: hidden;
    height: 28px;
    line-height: 28px;
    margin-right: 40px;
    text-wrap: nowrap;
}

.goods_boxj3v .copyArea3 .productTag .count{
    width: 120px;
    height: 28px;
    line-height: 28px;

}

.goods_boxj3v .copyArea3 .productTag i{
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}


/* goods register > add product end  -------------------------------- */
/* goods editor > add cover start  -------------------------------- */

.cover_boxj3v {
    width: 780px;
}


.cover_boxj3v .notmust {
    margin-right: 20px;
}

.cover_boxj3v .title {
    width: 140px;
    margin-right: 20px;
}

.cover_boxj3v  .pouchBox .coverIn{
    border:1px solid #ccc;
    width: 200px;
    height: 32px;
    margin-right: 20px;
}


.cover_boxj3v .pouchBox .cntIn{
    border:1px solid #ccc;
    width: 140px;
    height: 32px;
    margin-right: 20px;

}

.cover_boxj3v .pouchBox .addBtn {
    padding: 0 10px;
    height: 32px;
    background-color: #fff;
    text-wrap: nowrap;

}


.cover_boxj3v .tagBox {
    width: 380px;
    height: auto;
    margin-left: 185px;
}

.cover_boxj3v .tagBox .pouchTag:first-child {
    margin-top: 10px;
}

.cover_boxj3v .tagBox .pouchTag {
    border-radius: 20px;
    background-color: #ececec81;
    padding: 0px 10px;
    width: 370px;
    /*max-width: 370px;*/
    overflow: hidden;
    height: 28px;
    font-size: 14px;
    margin-bottom: 4px;
    position: relative;

}

.cover_boxj3v .tagBox .pouchTag .pname{
    width: auto;
    min-width: 180px;
    max-width: 180px;
    overflow: hidden;
    height: 28px;
    line-height: 28px;
    margin-right: 40px;
    text-wrap: nowrap;
}

.cover_boxj3v .tagBox .pouchTag .count,
.cover_boxj3v .tagBox .pouchTag .unit{
    width: auto;

    /*max-width: 140px;*/
    overflow: hidden;
    height: 28px;
    line-height: 28px;

}



.cover_boxj3v .tagBox .pouchTag i{

    height: 28px;
    line-height: 28px;
    font-size: 12px;
    position: absolute;
    top:50%;
    right:10px;
    transform: translateY(-50%);
}

/* goods editor > add cover end  -------------------------------- */
/* goodsList_View start -------------------------------- */


.area_boxmxh {
    /*margin-top: 20px;*/
    padding-bottom: 40px;
}

.goods_boxfv6 .area_boxmxh {
    /*padding-bottom: 40px;*/
}

.area_boxmxh .lastArea {
    margin: 20px 0;
}

.goods_boxfv6 .goods_tablexo1 .btnType3 {
    height: 24px;
    color:#5c5c5c;
}

.good_list_tbl_wrap {
    border: 1px solid #ccc;
    height: 600px;
    max-height: 600px;
    overflow-x:hidden;
    overflow-y: auto;
    width: 81vw;
}

.good_list_tbl {
    border-collapse: collapse;
    width: 80vw;
}

.good_list_tbl th,
.good_list_tbl td{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
    height: 32px;
}

.good_list_tbl th {
    font-weight: normal;
    background-color: #ececec;
    position: sticky;
    top:0;
}

.good_list_tbl .btnType3{
    padding: 2px 10px;
    color:#5c5c5c;
    font-size: 14px;
}

.good_list_tbl .detail_fo1 {
    border-radius: 50%;
    /*border:2px groove #ccc;*/
    background-image: var(--gradient4);
    /*border: 2px outset;*/
    /*border: 1px */
    width: 22px;
    height: 22px;

}

.good_list_tbl .detail_fo1 i {
    color: #5c5c5c;
    /*color:#fff;*/
    font-size: 12px;
}

/* goodsList_View end -------------------------------- */
/* production detail > statusLabel start -------------------------------- */

.status_boxr5j .statusLabel {
    width: auto;
    margin-right: 10px;
    text-wrap: nowrap;


}

.status_boxr5j .status {
    margin-right: 10px;
    width: 16px;
    height: 16px;
}


/* production detail > statusLabel end -------------------------------- */
/* production list > filterBox start -------------------------------- */


.filter_boxa6m .statusLabel {
    width: auto;
    margin-right: 20px;
    text-wrap: nowrap;


}

.filter_boxa6m .status {
    margin-right: 10px;
    width: 16px;
    height: 16px;
}

/* production list > filterBox end -------------------------------- */

/* sangDetail start -------------------------------- */
/*progress brackground */

.prog_boxo7r {
    margin-left: 70px;
    width: 220px;
    height: 32px;
}

.prog_boxo6r .statusLabel,
.prog_boxo7r .statusLabel {
    margin-right: 20px;
    /*width: 16px;*/
    /*height: 16px;*/
}

.prog_boxo6r .status,
.prog_boxo7r .status {
    margin-right: 10px;
    width: 16px;
    height: 16px;
}

.prog_boxo6r {
    margin-left: 70px;
    /*margin-bottom: 20px;*/
    width: 240px;
    height: 32px;

}

.prog_boxo6r .prog_Box {
    position: relative;

}

.prog_boxo6r .prog_Box .prog_background {
    /*position: relative;*/
    /*z-index: 30;*/
    width: 240px;
    height: 40px;
    overflow: hidden;

}


.prog_boxo6r .prog_Box .standbyBox {
    border:1px solid yellowgreen;
    position: absolute;
    bottom:0px;
    lefT:0;
    width: 25%;
    height: 20px;
}

.prog_boxo6r .prog_background .standbyBox .line {
    border:1px solid #ccc;
    width: 60px;
    height: 2px;
    /*position: absolute;*/
    /*bottom:0px;*/
}

.prog_boxo6r .prog_background .standbyBox i{
    color:#ccc;
    background-color: #fff;
    position: absolute;
    bottom:-8px;
    z-index: 60;
}

.prog_boxo6r .prog_now .standbyBox .line {
    border:1px solid var(--color1);
    width: 60px;
    height: 2px;
    position: absolute;
    bottom:0px;
}

.prog_boxo6r .prog_now .standbyBox i{
    color:var(--color1);
    background-color: #fff;
    position: absolute;
    bottom:-8px;
    z-index: 60;
}


.prog_boxo6r .status_boxi3f {
    margin-left: -10px;
    /*margin-bottom: 10px;*/
    width: 240px;
    height: 30px;

}

.prog_boxo6r .status_boxi3f .status{
    width: 60px;
    text-align: center;
    /*text-align: left;*/
    /*margin-left: -10px;*/
}

/* -- prog_now > prog1 end */
/* sangDetail end -------------------------------- */
/*pInfo_View start */

.p_info_wrap {
    margin-top: 20px;
    margin-left: 20px;
    width: 50vw;
    color: #5c5c5c;
}

.p_info_inner h3 {
    font-size: 22px;
    margin-bottom: 40px;
}

.p_info_inner .title {
    margin: 10px 0;
    font-size: 16px;
    font-weight: 600;
}

.p_info_inner .desc {
    font-size: 14px;

}


/*pInfo_View end */
/*termsInfo_View start */

.terms_info_wrap {
    margin-top: 20px;
    margin-left: 20px;
    width: 50vw;
    color: #5c5c5c;
}

.terms_info_inner h3 {
    font-size: 22px;
    margin-bottom: 40px;
}

.terms_info_inner .title {
    margin: 10px 0;
    font-size: 16px;
    font-weight: 600;
}

.terms_info_inner .desc {
    font-size: 14px;

}


/*termsInfo_View end */
/* goods Register start -------------------------------- */

.area_boxm9k {
    margin-bottom: 20px;
    height: auto;
}

.area_boxm9k .ddBtn {

    width: 32px;
    height: 32px;
}

.area_boxm9k .outerBox {
    padding: 0 20px 20px 20px;
    border-bottom: 1px solid #ccc;
}

.area_boxm9k .title {
    font-size: 18px;
}

.area_boxm9k .title2 {
    font-size: 14px;
    color:#5c5c5c;;
}

.area_boxm9k .right {
    /*border:1px solid #ccc;*/
    border-radius: 5px;
    width: auto;
    height: 32px;
}

.area_boxm9k .right .refBtn,
.area_boxm9k .right .foldBtn {
    width: 32px;
    height: 32px;
    /*text-wrap: ;*/

}

.area_boxm9k .right i {
    color:#5c5c5c;
}

.area_boxm9k .copySelect {
    border:1px solid #ccc;
    border-radius: 5px;
    margin: 20px 0 0 20px;
    width: 560px;
    height: 44px;
    color:#ccc;
    padding: 0 20px;
    font-size: 16px;
}


.area_boxm9k .outerBox .btnType1 {
    width: auto;
    height: 32px;
    padding: 0 10px;
    /*margin: 0;*/
    /*border-radius: 5px;*/
    /*border:1px solid #ececec;*/
    /*width: 80px;*/
    /*height: 26px;*/
    /*text-wrap: nowrap;*/

}

/* goods Register ---*/

.area_box2qd .elementBox {
    margin-top: 20px;
}
.area_box2qd .element {
    padding-bottom:10px;
}


.area_box2qd .element .notmust,
.area_box2qd .element .must {
    margin-right: 20px;
}

.area_box2qd .element .title {
    width: 140px;
    margin-right: 20px;
    font-size: 16px;
}

.area_box2qd .element .inputType360 {
    margin-right: 20px;
    font-size: 14px;
}


.orderReg_boxx7x .element2 .inputType360 {
    margin-right: 10px;

}

.area_box2qd .element .unit {
    font-size: 14px;

}

.area_box2qd .element .inputType {
    font-size: 14px;
    width: 200px;
    height: 32px;
    margin-right: 20px;

}

.area_box2qd .element .selectType {
    border:1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    width: 140px;
    height: 32px;
    margin-right: 20px;

}

.area_box2qd .element .mached:first-child {
    margin-top: 10px;
}

.area_box2qd .element .mached {
    border-radius: 20px;
    background-color: #ececec81;
    width: 370px;
    height: 28px;
    font-size: 12px;
    padding: 5px 0 5px 10px;
    margin-bottom: 4px;

}

.mach_boxd2g {

}


.area_box2qd .element .mached .code{
    width: 200px;
    margin-right: 20px;
}
.area_box2qd .element .mached .market{
    width: 110px;
    margin-right: 10px;
}

.goods_boxt6r {
    margin: 0;
}

.goods_boxt6r .bomType_boxh1t {
    margin-bottom: 10px;

}

.goods_boxt6r .title {
    width: 80px;
    margin-right: 20px;
    font-size: 16px;

}

.bomType_boxh1t .typeIn,
.bomType_boxh1t .nameIn {
    width: 380px;
    height: 32px;

}

.goods_boxk8u {
    background-color: #ececec40;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    width:620px;

}

.goods_boxk8u .elCount {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* 제품추가>공정입력>공정명 start - --- */

.el_boxc8s {

}
.el_boxc8s .el {
    margin-bottom: 10px;
}

.goods_boxkfg .btnType3,
.el_boxc8s .cat2 .btnType3 {
    padding: 0 10px;
    height: 32px;
}

.el_boxc8s .must {
    margin-right: 20px;
}

.el_boxc8s .title {
    width: 80px;
    margin-right: 20px;
}


/*attach_boxp5s srart*/

.attach_boxw0f,
.attach_boxp5s  {
    margin-top: 40px;

}

.thum_boxn4e .photo-picker{
    /*margin-top: 40px;*/
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 3px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #5c5c5c;
}

.thum_boxn4e input{
    display: none;
}

.thum_boxn4e i{
    /*position: absolute;*/
    /*top:;*/
    /*left:0;*/
    color:#5c5c5c;
    /*margin-top: 20px;*/
}

.attach_boxp5s .thumBox {
    border:1px solid #ccc;
    border-radius: 5px;
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: relative;

}

.attach_boxp5s .thumBox .addedImg {
    width: 60px;
    height: 60px;
    object-fit: cover;
}


/* goods editor addedImg end*/

.disNone {
    display: none;
}

.disBlock {
    display: block;
}

.thum_arange .delete-btn {
    border:none;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 12px;
    position: absolute;
    top:4px;
    right: 3px;
    background-color: #00000081;
    color:#fff;

}

.thum_arange img {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    object-fit: cover;
}

/* attach_boxp5s end*/


/* ck-editor start -------------------------------- */

.infodetail {
    width: 520px;
    height: 260px;
    /*overflow: hidden;*/
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;

    /*box-sizing: border-box;*/
}

.infockeditor .ck.ck-toolbar{
    position: sticky;
    top: 0;
    left:0;
    z-index: 10;
    background: #fff;

    width: 520px;
    max-height: 200px;
    box-sizing: border-box;
}
.ck-editor__editable {
    position: absolute;
    top:36px;
    left:0px;
    width: 520px;
    height: 220px;
    min-height: 220px;
    max-height: 220px;
    overflow: hidden;
    overflow-y: scroll;
    box-sizing: border-box;
    /*overflow-y: visible, hidden, clip, scroll, auto, */
}

.ck-caption {
    display: none !important;
}


.main-container,
.editor-container,
.editor-container__editor {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ck.ck-editor {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ck.ck-toolbar {
    flex-shrink: 0;
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
}

.ck-editor__main {
    flex: 1 1 0;
    overflow-y: auto;
    min-height: 0;
}

/* ck-editor end -------------------------------- */

/* productsDefaultList start -------------------------------- */


.products_boxfxp .printBtn {
    padding: 0 10px;
    color:#5c5c5c;
    font-size: 16px;
}

.products_boxa1b .products_boxfxp .orderProduct{
    padding: 0 10px;
}

.products_boxa1b .products_boxfxp .goodsName:hover{
    /*text-decoration: underline;*/
    color: var(--color4);
    cursor: pointer;
}

.atom_boxa1b,
.products_boxa1b {
    padding: 0 20px;

}

.products_boxa1b .orderInfoTable1,
.produce_boxfxp .orderInfoTable1,
.atom_boxa1b .orderInfoTable1 {
    width: 81vw;
    text-wrap: nowrap;
}

/* materialList_View start*/

.matetiallist_box {
    width: 81vw;
    overflow: auto;
    max-height: 600px;
    position: relative;
    border:1px solid #ccc;

}

.materialListTable {
    width: 100%;
    table-layout: fixed;
    border:none;
    border-collapse: collapse;
}

.materialListTable th,
.materialListTable td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
    height: 32px;
    font-weight: normal;

}

.materialListTable th {
    /*border:1px solid #ccc;*/
    /*height: 32px;*/
    /*font-weight: normal;*/
    /*position: sticky;*/
    /*top:0;*/
    /*z-index: 10; */
    position: sticky;
    top: 0;
    z-index: 10;
    background: #ececec !important;
}

/*.materialListTable td:last-child {*/
/*    border-bottom: none;*/
/*}*/

.urgent {
    background-color: #F53C3620;
}

.produce_boxfxp tbody {
    height: auto;
    max-height: 120px;
    overflow: hidden;
}

.products_boxfxp .btnType3 {
    padding: 0 10px;
    font-size: 14px;
    text-align: center;
    width:auto;
    min-width: 40px;
    color:#5c5c5c;
    height: 24px;
}

/* materialList_View end*/
/* materialList_View end*/
/* materialList_View end*/
/* 제품목록 table width control start */

.products_boxfv6 .areaBox .area4 .prodDef_tablejf2 {

}

.products_boxfv6 .areaBox .area4 .prodDef_tablejf2 td:nth-child(1){
    width: 16%;

}

.products_boxfv6 .areaBox .area4 .prodDef_tablejf2 td:nth-child(3){
    width: 10%;

}

.products_boxfv6 .areaBox .area4 .prodDef_tablejf2 td:nth-child(10){
    width: 5%;

}
/* end */


/* 제품마스터관리> table width control start */

.products_boxfv6 .areaBox .area4 .prodMas_tabledo1 {

}

.products_boxfv6 .areaBox .area4 .prodMas_tabledo1 td:nth-child(1){
    width: 15%;

}

.products_boxfv6 .areaBox .area4 .prodMas_tabledo1 td:nth-child(2){
    width: 30%;

}

.products_boxfv6 .areaBox .area4 .prodMas_tabledo1 td:nth-child(3){
    width: 10%;

}

.products_boxfv6 .areaBox .area4 .prodMas_tabledo1 td:nth-child(4){
    width: 10%;

}

.products_boxfv6 .areaBox .area4 .prodMas_tabledo1 td:nth-child(10){
    width: 5%;

}
/* end */



.atom_boxa1b .materialName:hover {
    color: var(--color4);
}

.materialListTable .btnType3 {
    width: auto;
    padding: 0 10px;
}

.materialListTable .trashBtn i{
    color: #5c5c5c;
    font-size: 14px;
    /*color:red;*/
}


.order_box28f {
    padding-bottom: 20px;

}

.order_box28f .orderInfoTable1 .status10:hover{
    font-weight: 500;
    color: var(--color4);


}

/* productsList_View start -------------------------------- */

.products_list_box {
    border:1px solid #ccc;
    max-height: 600px;
    overflow-y: scroll;
}

.products_list_box .products_list_tbl {
    border-collapse: collapse;
    width: 80vw;
}

.products_list_box .products_list_tbl th,
.products_list_box .products_list_tbl td {
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    height: 32px;
    text-align: center;

}

.products_list_box .products_list_tbl th {
    background-color: #ececec;
    font-weight: normal;
    position: sticky;
    top:0;

}

.products_list_box .products_list_tbl .btnType3 {
    border:1px solid #ccc;
    border-radius: 5px;
    padding: 0 10px;
    min-width: 40px;
    width: auto;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color:#5c5c5c;
}

.products_list_box .countInput {
    border:1px solid #ccc;
    border-radius: 2px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 100px;
    height: 24px;

}

/* productsList_View end -------------------------------- */
/* productsLog_View start -------------------------------- */

.p_log_wrap .titleBox,
.p_log_wrap .area {
    width: 84vw;

}

.p_log_wrap .area {
    margin-top: 20px;
    margin-left: 20px;
}



.p_log_wrap .area1,
.p_log_wrap .area2 {
    border:1px solid #ccc;
    background-color: #fff;
    border-radius: 10px;
}

.p_log_wrap .area1 {
    padding:10px 40px 10px 20px;


}

.p_log_wrap .area1 input {
    padding-left: 10px;
    border:1px solid #ccc;
    border-radius: 5px;
    width: 220px;
    height: 32px;
    margin-right: 10px;


}

.p_log_wrap .area2 {
    padding: 20px 0 40px 20px ;
}

.p_log_wrap .area2 .area_mini1 .m_log_info_tbl {
    border-collapse: collapse;
}

.p_log_wrap .area2 .area_mini1 .m_log_info_tbl td{
    height: 32px;
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding: 0px 20px 0 10px;
}

.p_log_wrap .area2 .area_mini2 .p_log_tbl_wrap {
    margin-top: 20px;
    height: 720px;
    overflow-y: auto;

}

.p_log_wrap .area2 .area_mini2 .p_log_tbl {
    border-collapse: collapse;
    width: 80vw;

}

.p_log_wrap .area2 .area_mini2 .p_log_tbl th,
.p_log_wrap .area2 .area_mini2 .p_log_tbl td{
    height: 32px;
    border:1px solid #ccc;
    text-align: center;
    font-weight: normal;
}

.p_log_wrap .area2 .area_mini2 .p_log_tbl th {
    background-color: #ececec;
    position: sticky;
    top:0;
}

/* productsLog_View end -------------------------------- */
/* packingList_View start -------------------------------- */

.pack_table td.td1 {
    /*padding: 0 10px; */
    width: 200px !important;
}

/* packingList_View end -------------------------------- */
/* productsRegister start -------------------------------- */

.products_boxfxp {
    border:1px solid #ccc;
    width: 81vw;
    overflow: scroll;
    /*overflow: hidden;*/

}

.products_boxfv6 .products_boxfxp,
.packing_boxfxp .products_boxfxp {
    border: none;
    overflow:hidden;
}


.products_boxc6m .element{
    width: 90%;
}

.products_boxc6m .element6 {
    font-size: 14px;
}

.products_boxc6m .element6 .quantityIn {
    width: 200px;
    height: 32px;
    font-size: 14px;

}

.products_boxc6m .element6 .selUnit {
    width: 60px;
    height: 32px;
    font-size: 14px;

}

.products_boxc6m .element6 .quantityIn {

}

.products_boxc7m {
    display: none;
}

.products_boxc7m.active {
    display: block;
    border:1px solid #ececec;
    border-radius: 10px;
    width: 620px;
    height: auto;
    padding:10px;
    /*background-color: #ececec41;*/
    position: relative;

}


.inputIng_boxn7g,
.outputIng_boxh4z {
    border-radius: 5px;
    background-color: #ececec40;
    margin-left: 120px;
    width: 380px;
    height: auto;
    padding:10px;
    margin-bottom: 10px;
}

.inputIng_boxn7g .inputIng_boxn88 {
    /*height: 80px;*/

}


.outputIng_boxh4z .left,
.inputIng_boxn7g .inputIng_boxn88 .left{
    width: 100px;
}

.outputIng_boxh4z .right,
.inputIng_boxn7g .inputIng_boxn88 .right{
    border:none;
    width: 270px;
}



.inputIng_boxn7g .qoute,
.outputIng_boxh4z .qoute {
    width: 10px;
    height: 18px;
    border-right: 4px solid #ccc;
    margin-right: 10px;

}

.inputIng_boxn7g .element .title,
.outputIng_boxh4z .element .title {
    width:100px;
    font-size: 14px;
    margin: 0;
    margin-left: 20px;
    margin-right: 20px;
    text-wrap: nowrap;

}

.inputIng_boxn7g .inputData,
.outputIng_boxh4z .inputData {
    border-radius: 5px;
    border:1px solid #ececec;
    width: 120px;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
}

.products_boxc7m .removeRoasting  {
    position: absolute;
    top:10px;
    right:10px;
    font-size: 18px;
    /*display: none;*/
}



.selectMetirialBox  {
}

.selectMetirialBox .rightSelector{
    width:520px;
    height: auto;
    min-height: 44px;

}

.selectMetirialBox .removeBtn,
.selectMetirialBox .addBtn {
    color: #5c5c5c;
    padding: 0 10px;
    height:32px;
}

.products_boxc6m .inputBorder {
    width: 120px;
    height: 32px;
}


.products_boxc6m .inputBorder2 {
    width: 230px;
}

.products_boxc6m .removeBtn {
    /*margin: 0;*/
    padding: 0;
    width: 40px;
    height: 32px;
    text-align: center;
    background-color: transparent;
}

.products_boxc6m .addBox {
    margin-left: 20px;
}

.mati_boxm9k .area5 .btnType3 {
    padding: 0 10px;
    height:32px;
}

.hide {
    display: none;
}

/* productsRegister end -------------------------------- */
/* productsAfterRegister start -------------------------------- */

.proc_boxf9n .roasting_boxp9x {
    width: auto;
    height: auto;
    position: relative;
    padding-bottom: 20px;
}

.proc_boxf9n .addBtn {
    margin-left: 20px;
}


.proc_boxf9n .roasting_boxp9x .elememtBox {
    width: 620px;
    height: auto;
    padding-bottom: 20px;

}

.roasting_boxp9x .addRoastBox {
    display: flex;
    align-items: flex-end;
    /*justify-content:;*/
}

/*-- 제품등록>공정입력>부자재 start  ------------*/
.cover_boxz7y {
    margin-left: 20px;
    width: 620px;
    margin-bottom: 10px;

}

.cover_boxz7y .oneTBag {
    margin-bottom:10px;
}

.cover_boxz7y .ttl {
    width: 80px;
    height: auto;
    vertical-align: top;
    margin-right: 20px;
}

.cover_boxz7y .option {
    width: 100px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    padding:0 5px;
    height: 32px;
    margin-right: 10px;

}

.cover_boxz7y .option2,
.cover_boxz7y .option1 {
    width: 120px;
}

.cover_boxz7y .option2 {

}

.cover_boxz7y .firmedBox {
    width: 380px;
    margin-right: 10px;

}

.cover_boxz7y .addBtn,
.cover_boxz7y .removeBtn {
    margin: 0;
    margin-right: 10px;
    border-radius: 5px;
    border:1px solid #ccc;
    color:#5c5c5c;
    text-wrap: nowrap;
    width: auto;
    height: 32px;
    padding: 0 10px;
    font-family: YuGothic;
}

.cover_boxz7y .inputBorder2 {
    height: 32px;

}
.red {
    color: red;
}
/*.cover_boxz7y .removeBtn {*/
/*    display: none;*/
/*}*/
/*-- 제품등록>공정입력>부자재 end ------------*/
/*-- 제품등록>공정입력>부자재 end ------------*/
/*-- 제품등록>공정입력>부자재 end ------------*/

/*-- 제품등록>공정입력>공정방법 ------------*/
.products_boxc7m .roasting_boxe3x {
    margin: 0;
    margin-left: 20px;
    width: 620px;
}


.roasting_boxe3x .ttl {
    margin-right: 20px;
    width: 80px;
    height: 100px;
}

.roasting_boxe3x textarea {
    border-radius: 5px;
    border:1px solid #ccc;
    width: 370px;
    height: 120px;
    resize: none;
    padding: 10px;
}

.roasting_boxe3x .addBtn {
    /*margin: 0;*/
    /*border-radius: 5px;*/
    /*border:1px solid #ececec;*/
    /*width: 80px;*/
    /*height: 26px;*/
    /*text-wrap: nowrap;*/
}

/* productsAfterRegister end -------------------------------- */
/* producingControl start -------------------------------- */

.produce_boxfxp .under {
    text-decoration: underline;
}

.produce_boxfxp .under:hover {
    color:var(--color4);
}

/* producingControl end -------------------------------- */
/* producingDetail start -------------------------------- */

.producing_boxr8j .flexType2 {
    margin-left: 12px;
    margin-top: 10px;

}

.producing_boxr8j .nowon {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: var(--color2);
    margin-right: 10px;
    /*width: 2px;*/
    /*height: 24px;*/
    /*background-color: #42B983;*/
}

.producing_boxr8j .productSn,
.producing_boxr8j .productName {
    border-radius: 20px;
    border:1px solid #6c6c6c;
    padding:0 24px;
    width: auto;
    height: 32px;
    line-height:32px;
    /*background-color: #42B98321;*/
    /*color: #42B983;*/
    background-color: #ececec21;
    color:#6c6c6c;

}

.area_boxg4q{
    margin-bottom: 10px;
}

.area_boxg4q .titleBox {
    margin-bottom: 20px;

}



.area_boxg4q .left {
    margin-right: 40px;
}

.area_boxg4q .elementBox {
    margin-left: 20px;
    margin-top: 10px;
}

.area_boxg4q .element {
    padding-bottom:10px;
}

.area_boxg4q .element .title {
    width: 100px;
    margin-right: 20px;
    font-size: 16px;
}


.area_boxg4q .element .data {
    border-radius: 5px;
    border:1px solid #ccc;
    color:#000;
    width: 220px;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;

}

.area_boxg4q .element .data1 {
    width: 180px;

}



.memo_boxb5h textarea{
    resize: none;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 820px;
    height: 120px;
    padding: 5px;
}

.memo_boxb5h .title {
    width: 100px;
    margin-right: 20px;

}


.area_boxg4q .submitBox {
    width: 66vw;
    margin: 20px 0px 20px 0;
}

/*2차 공정 상세 ----------------*/

.status_boxv2l,
.status_boxv22 {
    margin-bottom: 20px;
}

.status_boxv2l .right,
.status_boxv22 .right {
    margin-left: 40px;
    overflow: hidden;
}

.weight_tablevufb {
    /*border:1px solid red;*/
    width: 430px;
    border-collapse:collapse;
    text-align: center;
    text-wrap: nowrap;
}

.weight_tablevufb .title,
.weight_tablevufb .weight {
    border:1px solid #ccc;
    height: 32px;
    line-height: 32px;
}

.weight_tablevufb .wConfirm {
    border:1px solid #ececec;
    border-radius: 5px;
    width:60px;
    height: 24px;
    line-height: 24px;

}

/* producingDetail end -------------------------------- */
/* inOutStatus start -------------------------------- */

.inout_boxq0a .left {
    width: 220px;
    margin-bottom: 10px;
}

.inout_boxq0a .btnType1 {
    text-wrap: nowrap;
    margin-right: 10px;
}

.inout_boxq0a {

}

.inout_boxq0b .memo {
    color:#5c5c5c;
    padding: 0 5px;
}

.inout_boxq0b .barcodeNo:hover {
    color: var(--color4);
}

.inout_boxq0b .left3 .inputSearch {
    border:1px solid #ccc;
    border-radius: 5px;
    width: 220px;
    height: 32px;
    margin-right: 10px;
    padding-left: 10px;
}

.inout_boxq0a .right3 {
    width: auto;
    height: 32px;
    overflow: hidden;
}

/* inOutStatus end -------------------------------- */
/* ipgo pop start -------------------------------- */

.mag_img_wrapiaj, /* 기타정보관리 > 공급사 등록 팝업*/
.addSupplier_wrapdej, /* 기타정보관리 > 공급사 등록 팝업*/
.addMaker_wrapdej, /* 기타정보관리 > 제조사 등록 팝업*/
.gdsDetail_wrapdej, /* 상품목록에서 상품 디테일 팝업*/
.addProduct_wrapiaj, /* 상품등록에서  제품등록 팝업*/
.barcode_wrapdej, /* 입출고 관리에서 바코드 출력 팝업 */
.addMate_wrapdej, /* 제품등록 에서 중분류 추가 팝업 */
.addCat2_wrapiaj, /* 제품등록 에서 중분류 추가 팝업 */
.addCat3_wrapiaj, /* 제품등록 에서 소분류 추가 팝업 */
.pQueue_wrapiaj, /*주문list 에서 각 항목 클릭 시, 포장발송화면으로 전송 */
.upXlx_wrapiaj, /*주문list 에서 엑셀업로드*/
.addOrder_wrapiaj, /*주문list 에서 포장대기에서 작업추가*/
.ipgo_wrapdej,         /*입고처리*/
.out_wrapiaj,           /*출고처리*/
.order_wrapdej {    /*생산지시폼*/
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: #00000080;
    position: fixed;
    top:0;
    left:0;
    z-index: 100;
}

.ipgo_wrapdej {
    /*display: block;*/
}

.mag_img_conrlo,
.addSupplier_conkol,
.addMaker_conkol,
.gdsDetail_conkol,
.addProduct_conrlo,
.barcode_conkol,
.addMate_conkol,
.addCat2_conrlo,
.addCat3_conrlo,
.pQueue_conrlo,
.upXlx_conrlo,
.addOrder_conrlo,
.ipgo_conkol,
.out_conrlo,
.order_conkol {
    border-radius: 20px;
    width: 520px;
    height: 380px;
    background-color: #fff;
    position: fixed;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    z-index: 101;

}

.ipgo_conkol .area6 {
    /*display:none;*/
}

.addMate_conkol .selUnit {
    width: 320px;
    height: 32px;
}

/* 440 길이가 조금 더 긴 팝업 white area 수정 */
.addMate_conkol,
.addOrder_conrlo {
    width: 540px;
    height: 480px;
}

.gdsDetail_conkol { /* 680 길이가 조금 더 긴 팝업 white area 수정 */
    height: 580px;

}

.addProduct_conrlo {
    width: 620px;
    height: 780px;

}


.out_conrlo,
.ipgo_conkol {
    width: 540px;
    height: 620px;

}

.addSupplier_conkol .padding_area,
.addMaker_conkol .padding_area,
.gdsDetail_conkol .padding_area,
.addProduct_conrlo .padding_area,
.barcode_conkol .padding_area,
.addMate_conkol .padding_area,
.addCat2_conrlo .padding_area,
.addCat3_conrlo .padding_area,
.pQueue_wrapiaj .padding_area,
.upXlx_wrapiaj .padding_area,
.addOrder_wrapiaj .padding_area,
.ipgo_conkol .padding_area,
.out_conrlo .padding_area,
.order_conkol .padding_area {
    margin: 20px;
    position: relative;
    height: 340px;
}

.addSupplier_conkol .fa-xmark,
.addMaker_conkol .fa-xmark,
.gdsDetail_conkol .fa-xmark,
.addProduct_conrlo .fa-xmark,
.barcode_conkol .fa-xmark,
.addMate_conkol .fa-xmark,
.addCat2_conrlo .fa-xmark,
.addCat3_conrlo .fa-xmark,
.pQueue_wrapiaj .fa-xmark,
.upXlx_wrapiaj .fa-xmark,
.addOrder_wrapiaj .fa-xmark,
.ipgo_conkol .fa-xmark,
.out_conrlo .fa-xmark,
.order_conkol .fa-xmark {
    position: absolute;
    top:0;
    right:0;
    font-size: 22px;
}


.addSupplier_conkol .padding_area .head_title,
.addMaker_conkol .padding_area .head_title,
.gdsDetail_conkol .padding_area .head_title,
.addProduct_conrlo .padding_area .head_title,
.barcode_conkol .padding_area .head_title,
.addMate_conkol .padding_area .head_title,
.addCat2_conrlo .padding_area .head_title,
.addCat3_conrlo .padding_area .head_title,
.pQueue_wrapiaj .padding_area .head_title,
.upXlx_wrapiaj .padding_area .head_title,
.addOrder_wrapiaj .padding_area .head_title,
.ipgo_conkol .padding_area .head_title,
.out_conrlo .padding_area .head_title,
.order_conkol .padding_area .head_title{
    /*margin: 0 auto;*/
    font-weight: 500;
    font-size: 22px;
    width: 480px;
    text-align: center;
    margin-bottom: 20px;
}

.addProduct_conrlo .padding_area .head_title {
    width: 620px;
    margin-bottom: 40px;

}

.gdsDetail_conkol .padding_area .area,
.addProduct_conrlo .padding_area .area,
.barcode_conkol .padding_area .area,
.addMate_conkol .padding_area .area,
.addCat2_conrlo .padding_area .area,
.addCat3_conrlo .padding_area .area,
.pQueue_wrapiaj .padding_area .area,
.upXlx_wrapiaj .padding_area .area,
.addOrder_wrapiaj .padding_area .area,
.ipgo_conkol .padding_area .area,
.out_conrlo .padding_area .area,
.order_conkol .padding_area .area {
    margin-bottom: 10px;
}

.addProduct_conrlo .padding_area .area .inputType220,
.barcode_conkol .padding_area .area .inputType220,
.addMate_conkol .padding_area .area .inputType220,
.addCat2_conrlo .padding_area .area .inputType220,
.addCat3_conrlo .padding_area .area .inputType220,
.pQueue_wrapiaj .padding_area .area .inputType220,
.ipgo_conkol .padding_area .area .inputType220,
.out_conrlo .padding_area .area .inputType220,
.order_conkol .padding_area .area .inputType220 {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 220px;
    height: 32px;
    padding-left: 10px;

}

/* input search 넓이 220 에서 350 으로 넓힘 */
.addProduct_conrlo .padding_area .area .schInput,
.ipgo_conkol .padding_area .area .schInput,
.out_conrlo .padding_area .area .schInput {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 350px;
    height: 32px;
    padding-left: 10px;
}

.upXlx_conrlo .padding_area .area .category,
.addSupplier_conkol .padding_area .area .category,
.addMaker_conkol .padding_area .area .category,
.gdsDetail_conkol .padding_area .area .category,
.addProduct_conrlo .padding_area .area .category,
.barcode_conkol .padding_area .area .category,
.addMate_conkol .padding_area .area .category,
.addCat2_conrlo .padding_area .area .category,
.addCat3_conrlo .padding_area .area .category,
.pQueue_conrlo .padding_area .area .category,
.ipgo_conkol .padding_area .area .category,
.out_conrlo .padding_area .area .category,
.order_conkol .padding_area .area .category {
    color:#5c5c5c;
    width: 100px;
    margin-right: 20px;
}

.addOrder_wrapiaj .padding_area .area .category {
    color:#5c5c5c;
    width: 80px;
    margin-right: 20px;

}

.ipgo_conkol .padding_area .area1 {
    /*margin-bottom: 20px;*/
}


.addSupplier_conkol .padding_area .lastArea,
.addMaker_conkol .padding_area .lastArea,
.addMate_conkol .padding_area .lastArea,
.upXlx_wrapiaj .padding_area .lastArea,
.ipgo_conkol .padding_area .lastArea,
.out_conrlo .padding_area .lastArea,
.order_conkol .padding_area .lastArea {
    position: absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
}

.addMate_conkol .padding_area .area .inputType220 {
    width: 320px;
}

.addProduct_conrlo .padding_area .area .inputType220 {
    width:420px;
}


/* 440 길이가 조금 더 긴 팝업 padding area 수정 */
.addMate_conkol .padding_area {
    height: 440px;
}


/* ddProduct 560 길이가 조금 더 긴 팝업 padding area 수정 */
.ipgo_conkol .padding_area,
.out_conrlo .padding_area {
    height: 560px;
}

/* ddProduct 620 길이가 조금 더 긴 팝업 padding area 수정 */
.gdsDetail_conkol .padding_area {
    height:520px;
}

.addProduct_conrlo .padding_area {
    height: 620px;
}

.out_conrlo .padding_area .area11 textarea,
.ipgo_conkol .padding_area .area11 textarea {
    width: 320px;
    border:1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    resize: none;
}

.out_conrlo .area6 .content,
.ipgo_conkol .area6 .content{
    resize: none;
    border:1px solid #ccc;
    border-radius: 5px;
    width: 320px;
    height: 80px;
    padding: 5px;

}

.addSupplier_conkol .inputType220,
.addMaker_conkol .inputType220,
.addOrder_wrapiaj .inputType220 {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 320px;
    height: 32px;
    padding-left: 10px;
}

.addOrder_wrapiaj .area6 {
    margin-top: 20px;
}

.addOrder_wrapiaj .area2 .btnType3,
.addOrder_wrapiaj .area6 .btnType3,
.addOrder_wrapiaj .area7 .btnType3 {
    padding: 0 10px;
    height: 32px;
}

.addProduct_conrlo .dataArea,
.addProduct_conrlo .selectedDataCon {
    border:1px solid #cccccc;
    border-radius: 5px;
    padding-left:10px;

}

/* pop_Ipgo_View start -------------------------------- */
.ipgo_box .area  {
    font-size: 16px;

}
.ipgo_box .area .category {
    /*font-size: 16px;*/

}

.ipgo_box .area1 {
    width: 340px;
    position: relative;

}

.ipgo_box .area1 .copyArea1 {

}

.ipgo_box .area .inputBorder {
    border-radius: 5px;
    width: 320px;
    height: 32px;
    /*line-height: 32ㅔ;*/

}

.ipgo_box .area1 .copyArea1 .copyDropdown {
    border:none;
    border-radius: 5px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    position: absolute;
    top:1px;
    right: 2px;
    color:#5c5c5c;

}


.ipgo_box .copyArea2 {
    display: none;
    position: absolute;
    top:30px;
    left:120px;
    border-radius: 0 0 5px 5px;
    border:1px solid #ccc;
    background-color: #fff;
    width:320px;
    height: 420px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.ipgo_box .copyArea2 .copyOption {
    width: 320px;
    min-height: 32px;
    border: none;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    color: #5c5c5c;
    text-align: left;
    padding-left: 10px;
}


.ipgo_box .copyArea2.active,
.ipgo_box .copyArea2 .copyOption.active {
    display: block;

}

.ipgo_box .copyArea2 > button:hover {
    text-decoration: underline;
}


/* pop_Ipgo_View end -------------------------------- */
/* pop_Chulgo_View start -------------------------------- */

.chulgo_box .area .inputBorder{
    width: 320px;
    height: 32px;
    font-size: 16px;

}

.chulgo_box .area1 .copyArea1 {
    position: relative;
}

.chulgo_box .area1 .copyArea1 .copyDropdown {
    border:none;
    border-radius: 5px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    position: absolute;
    top:1px;
    right: 2px;
    color:#5c5c5c;

}


.chulgo_box .copyArea2 {
    display: none;
    position: absolute;
    top:80px;
    left:121px;
    border-radius: 0 0 5px 5px;
    border:1px solid #ccc;
    background-color: #fff;
    width: 320px;
    height: 420px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 100;
}

.chulgo_box .copyArea2 .copyOption {
    width: 320px;
    min-height: 32px;
    border: none;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    color: #5c5c5c;
    text-align: left;
    padding-left: 10px;
}


.chulgo_box .copyArea2.active,
.chulgo_box .copyArea2 .copyOption.active {
    display: block;

}

.chulgo_box .copyArea2 > button:hover {
    text-decoration: underline;
}

/* pop_Chulgo_View end -------------------------------- */
/* pop_UploadXlx_View start -------------------------------- */

.upXlx_conrlo {
    display: block;
}

.upXlx_conrlo .area3 {
    /*display: none;*/
    margin-bottom: 10px;
    /*margin-top: 40px;*/
}

.upXlx_conrlo .area3 .inputBorder {
    width: 220px;
    height: 32px;
    line-height: 32px;
}

/* pop_UploadXlx_View end -------------------------------- */
/* pop_GoodsDetail_View start -------------------------------- */


.gdsDetail_conkol .area {
    /*height: 32px;*/
    /*line-height: 32px;*/
}


.gdsDetail_conkol .area0 .text{

}

.gdsDetail_conkol .gds_tablexo2 {
    border-collapse: collapse;
    border:none;
    width: 340px;
    height: auto;
    overflow: hidden;
    font-size: 14px;

}

.gdsDetail_conkol .gds_tablexo2 th {
    border:1px solid #ececec;
    text-align: center;
    padding: 0 10px;
    width: 50%;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    text-wrap: nowrap;
}

.gdsDetail_conkol .gds_tablexo2 td{
    border:1px solid #ececec;
    text-align: center;
    padding: 0 10px;
    width: 50%;
    height: 28px;
    line-height: 28px;
    text-wrap: nowrap;

}

.gdsDetail_conkol .area .right {
    height: 90px;
    border:1px solid #ccc;
    overflow-x: hidden;
    overflow-y: scroll;

}

.gdsDetail_conkol .right .copyIcon i {
    /*border:1px solid red;*/
    margin-left: 10px;
    font-size: 12px;
    color:#5c5c5c;
    line-height: 22px;
}

.gdsDetail_conkol .area1,
.gdsDetail_conkol .area2 {
    margin-bottom: 20px;
}
/* pop_GoodsDetail_View end -------------------------------- */
/* pop add product start -------------------------------- */

.addProduct_conrlo .area2 {
    margin-top: 10px;
}

.addProduct_conrlo .dataArea {
    width:420px;
    height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
}

.addProduct_conrlo .dataArea .data {
    height: 32px;

}

.addProduct_conrlo .dataArea .pname {
    margin-right: 20px;
}

.addProduct_conrlo .dataArea .count{
    border:1px solid #ccc;
    border-radius: 5px;
    height: 24px;
    width: 40px;
    margin-right: 20px;

}

.addProduct_conrlo .dataArea .btnType3 {
    width: auto;
    padding: 0 10px;
    height: 24px;

}

.addProduct_conrlo .selectedDataCon {
    width:420px;
    height: 120px;
    overflow-y: auto;
    overflow-x: hidden;
}

.addProduct_conrlo .selectedDataBox {
    height: 24px;
}

/* pop add product end -------------------------------- */
/* pop upload exel start -------------------------------- */

.upXlx_wrapiaj .area1 .category {
    width: 80px;
    height: 32px;
    line-height: 32px;
    margin-right: 20px;
}

.upXlx_wrapiaj .area1  input[type="file"]::file-selector-button {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100px;
    height: 32px;
    line-height: 32px;
    padding: 0px 10px;
    margin-right: 20px;
    border-radius: 5px;
    cursor: pointer;
}


/* pop upload exel end -------------------------------- */
/* pop_AddPackingQueue_View start -------------------------------- */

.pQueue_conrlo .area {
    height: 24px;
    margin-bottom: 4px;
    /*border:1px solid red;*/
}

.pQueue_conrlo .area .data{
    width:320px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
}

.pQueue_conrlo .lastArea2 {
    position: absolute;
    top:40px;
    left:50%;
    transform: translateX(-50%);

}

.pQueue_conrlo .area4 .btnType3 {

    height: 32px;
    padding: 0 10px;
    text-wrap: nowrap;
}

.pQueue_conrlo .lastArea .btnType3 {
    width: auto;
    height: 32px;

    padding: 0 10px;
    margin-right: 10px;
    text-wrap: nowrap;
}


.pQueue_conrlo .lastArea {
    position: absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);

}

/* pop_AddPackingQueue_View end -------------------------------- */
/* cpage start -------------------------------- */

.more_box {
    /*border:1px solid red;*/
    /*height: 60px;*/
    cursor: pointer;
}

.more_box .btnType3 {
    /*border:1px solid red;*/
    border:none;
    width: 120px;
    height: 60px;
}

/* cpage end -------------------------------- */
/* pop add category2 start -------------------------------- */

.gdsDetail_conkol .lastArea,
.addCat3_conrlo .lastArea,
.addCat2_conrlo .lastArea {
    position: absolute;
    bottom:20px;
    left:50%;
    transform: translateX(-50%);

}


/* pop add category2 end -------------------------------- */
/* pop_AddDeliForm_View start -------------------------------- */

.add_deli_wrap {
    /*margin: 0 auto;*/
    margin: 20px 40px 20px 20px;
}

.add_deli_tbl {
    /*border:1px solid #000;*/
    border-collapse: collapse;
    text-align: center;
    width: 90vw;
    /*margin: 20px;*/
}

 .add_deli_tbl td {
    padding: 0 10px;
}

 .add_deli_tbl .headTr {
    height: 60px;
    font-size: 22px;
    font-weight: 600;
    /*color:red;*/
}

 .add_deli_tbl .barTd {
    /*margin: 0 auto !important;*/
}

 .add_deli_tbl .barcodeBox {
    /*width: 280px;*/
    /*height: 60px;*/
    width: 100%;
    height: 100%;
    padding: 5px 0;
}

 .add_deli_tbl .barcodeArea {
    width: 240px;
    height: 40px;

}

 .add_deli_tbl .text {
    margin-top: 2px;
    height: 24px;
    line-height: 24px;

}


 .add_deli_tbl .border_none {
    border:none;
    height: 10px;

}

.add_deli_tbl .subTitle {
    border:1px solid #000;

}
.add_deli_tbl .keyCol,
.add_deli_tbl .row {
    border:1px solid #000;
    height: 32px;
    line-height: 32px;
    text-wrap: nowrap;

}

.add_deli_tbl .row {
    width: 40px;
}
.add_deli_tbl .headTitle {
    font-weight: 500;
    font-size: 22px;
    width: 50%;
}

.add_deli_tbl .subTitle {
    height: 40px;
    /*border-top: 2px solid #000;*/
    /*border-bottom: 2px solid #000;*/
    /*border:1px solid #000;*/
    text-align: left;
    /*padding-left: 10px;*/
    font-weight: 500;
}

.add_deli_tbl .cat1 {
    width: 20%;
}
.add_deli_tbl .data1 {
    width: 30%;
}

.add_deli_contents .btnBox {
    margin-top: 100px;
    width: 90vw;
}


/* pop_AddDeliForm_View end -------------------------------- */
/* dashBoard_View start -------------------------------- */



/* dashBoard_View end -------------------------------- */
/* pop_InstructionForm_View start -------------------------------- */

.odRoast_boxfxp {
    width: 81vw;
    margin: 0;
    margin-top: 20px;
    margin-left: 20px;
    overflow: hidden;
    /*margin: 20px 40px 20px 20px;*/
}

.odRoast_boxfxp .odRoast_Table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    text-wrap: nowrap;
}

.odRoast_boxfxp .odRoast_Table .headCol {
    border:none;
    height: 100px;
    font-size: 28px;
    font-weight: bold;
}

.odRoast_Table tr .m_name {
    height: 60px;
    font-size: 18px;
    font-weight: 500;
}

.odRoast_Table .guide,
.odRoast_Table .stepName {
    text-wrap: wrap !important;

}

.odRoast_Table .ttl {
    background-color: #ececec80;
}


.odRoast_boxfxp .barcodeArea {
    margin: 0 auto;
    padding: 10px 0;
    width: 320px;
    height: 40px;
}


.odRoast_boxfxp .odRoast_Table .barcodeBox {
    font-size: 16px;
}


.odRoast_boxfxp .keyCol,
.odRoast_boxfxp .row {
    padding: 0 10px;
    border:1px solid #000;
    height: 32px;
    text-align: center;
    overflow: hidden;
    /*text-wrap: nowrap;*/
}

.odRoast_boxfxp .subTitle {
    border:none;
    height: 20px;
}

.odRoast_boxfxp .odRoast_Table .row .stepName,
.odRoast_boxfxp .odRoast_Table .row .desc {
    padding: 5px;
    /*width: 380px;*/
    height: auto;
    text-align: left;
    overflow: hidden;
    text-wrap: wrap;
}

.odRoast_boxfxp .odRoast_Table .signArea {
    height: 60px;
}

.odRoast_boxfxp .odRoast_Table .signArea .row4,
.odRoast_boxfxp .odRoast_Table .signArea .row5{
    text-align: left;
    padding-left: 10px;
}


.odRoast_boxfxp .odRoast_Table .productName {
    font-size: 18px;
    font-weight: bold;
}

/* order to produce form end -------------------------------- */
/* pop_QualityReport_View start   --------------------------- */

.q_report_box22 .btnBox {
    /*margin-left: ;*/
    width: 780px;
    height:100px;
}

.q_report_box23d {

    width: 780px;
    overflow: hidden;
    margin-left: 20px;
    margin-top: 20px;
}

.q_report_box23d .q_report_table {
    width: inherit;
    table-layout: fixed;
    border-collapse: collapse;

}

.q_report_box23d .q_report_table .headCol {
    height: 80px;
    font-size: 24px;
    font-weight: 600;

}

.q_report_box23d .q_report_table tr .m_name {
    height: 60px;
    font-size: 18px;
    font-weight: 500;
}

.q_report_box23d .q_report_table th {
    font-size: 14px;
    padding: 5px 0;
    border: 1px solid #000;
}
.q_report_box23d .q_report_table td{
    border:1px solid #000;
    text-align: center;
    height: 32px;
    padding: 0 10px;
}


.q_report_box23d .q_report_table td.bn{
    border:none;
    height: 10px;
}

.q_report_box23d .q_report_table tbody td.rName {
    /*text-wrap: wrap;*/
    /*width: 400px;*/
    /*color:red;*/

}

.q_report_box23d .q_report_table td.row1 {
    /*width: 400px;*/
    /*color:blue;*/
}

/* pop_QualityReport_View end   --------------------------- */
/* pop_InstructionForm_View start   --------------------------- */

.ins_form_contents .btnBox,
.ins_form_contents .btnBox {
    width: 81vw;
    margin-top: 40px;
    margin-left: 20px;
    /*margin: 20px;*/
}

.ins_form_contents .ins_form_table {
    overflow: hidden;

}

.ins_form_contents .ins_form_table th {
    /*font-weight: normal;*/
    font-size: 12px !important;
    /*color: red;*/
}

.ins_form_contents .ins_form_table .ttl{
    font-size: 14px;
}

.ins_form_contents .ins_form_table .productName,
.ins_form_contents .ins_form_table .m_name{
    font-size: 18px;
    font-weight: 600;
}

.ins_form_contents .ins_form_table .ma_data {
    overflow: hidden;

}

/* pop_InstructionForm_View end   --------------------------- */
/* pop_WaybillForm_View start -------------------------------- */

.waybill_boxfxp {
    width: 700px;
    height: 360px;
    position: relative;
    text-wrap: nowrap;
    font-family: 'HYGothic-Extra', "HY견고딕", "HanyangGothic", HGGGT, "맑은 고딕", sans-serif;
}

.waybill_boxfxp .paddingBox {
    width: 700px;
    height: 360px;

}

.waybill_boxfxp .paddingBox .left {
    position: relative;
    width: 42%;
    z-index: 33;
    height: 340px;
    overflow: hidden;

}
.waybill_boxfxp .paddingBox .right {
    position: relative;
    width: 52%;
    z-index: 33;
    margin-left: 14px;
    height: 340px;
    overflow: hidden;
}

.waybill_content {
    /*position: relative;*/
}

/*.waybill_boxfxp .bgBox {*/
.waybill_content .bgBox {
    width: 700px;
    height: 360px;
    position: absolute;
    top:0;
    left:0;
    z-index: 10;

}

.waybill_boxfxp .bgBox img{
    object-fit: cover;
}

.waybill_content .btnBox {
    width: 700px;
    height: 32px;

}

.waybill_boxfxp .right .right1,
.waybill_boxfxp .right .right2{
    margin-bottom: 40px;
}

.waybill_boxfxp .paddingBox .area {
    overflow: hidden;

}

.waybill_boxfxp .paddingBox .left .area1 {
    margin-top: 5px;
    position: relative;
    width: 280px;
    height: 60px;

}

.waybill_boxfxp .paddingBox .left .left1 {
    width: 140px;
    height: 60px;
    position: absolute;
    top:0;
    left:0;
    z-index: 20;

}

.waybill_boxfxp .paddingBox .left1 .text1 {
    font-size: 20px;
    font-weight: bold;
}

.waybill_inner .area1 .text2 {
    font-size: 16px;
    text-wrap: wrap;
}

.waybill_boxfxp .paddingBox .left .area1 .barBox {
    width: 140px;
    height:40px;
    overflow: hidden;
    position: absolute;
    top: 5px;
    left: 140px;
    padding:2px;
}

.waybill_boxfxp .paddingBox .left .area1 {
    margin-left: 10px;
}

.waybill_boxfxp .paddingBox .left .area2 {
    margin: 25px 0 0px 10px;
    height:100px;

}

.waybill_boxfxp .paddingBox .left .area2 .text {
    height: auto;
    line-height: normal;
    text-wrap: wrap;
    font-size: 12px ;
    font-weight: normal;
    /*color: red;*/

}

.waybill_boxfxp .paddingBox .left .area3 {
    margin-right: 20px;

}

.waybill_boxfxp .paddingBox .left .area3 .text2{
    font-weight: bold;
}

.waybill_boxfxp .paddingBox .left .area4 {
    margin-left: 10px;

}

.waybill_boxfxp .paddingBox .left .area4 .text{
    font-size: 12px;
    height: 12px;
    line-height: 14px;
    font-weight: 600;

}

.waybill_boxfxp .paddingBox .left .barBox2 {
    position: relative;
    margin-top: 10px;
    width: 290px;
    height: 60px;
}

.waybill_boxfxp .paddingBox .left .barBox2 .barBb {
}

.waybill_boxfxp .paddingBox .left .barBox2 .barBb1 {
    width:160px !important;
    margin-right: 10px;
    position: absolute;
    top: -10px;
    left: 0px;
    z-index: 20;
    padding: 2px;

}


.waybill_boxfxp .paddingBox .left .barBox2 .barBb2 {
    /*margin-left: 60%;*/
    /*width: 160px;*/
    position: absolute;
    top:0;
    left:180px;
    z-index: 20;

}

.waybill_boxfxp .paddingBox .left .barBox2 .barBb2 .text {
    font-size: 16px;
    height:20px;
    line-height: 20px;
    font-weight: bold;
    text-align: right;
}

.waybill_boxfxp .right .area {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin-left: 5px;
}

.waybill_boxfxp .right .area1 {
    margin-left: 20px;
    margin-top: 5px;

}

.waybill_boxfxp .right .area2 {
    /*margin: 5px 0 0 5px;*/
    margin-top: 5px;
}

.waybill_boxfxp .right .area2 .text1{
    font-size: 18px;
    font-weight: 900;

}

.waybill_boxfxp .right .area2 .text4,
.waybill_boxfxp .right .area2 .text3,
.waybill_boxfxp .right .area2 .text2 {
    font-size:16px;
}

.waybill_boxfxp .right .area2 .text3,
.waybill_boxfxp .right .area2 .text2 {
    margin-right: 40px;
}

.waybill_boxfxp .right .area3 {
    margin-top: 5px;
    letter-spacing: -2px

}

.waybill_boxfxp .right .area3 .text1 {
    font-size: 18px;
    font-weight: 900;

}

.waybill_boxfxp .right .area4 {
    margin-top: 5px;
}

.waybill_boxfxp .right .area4 .text1 {
    font-size: 16px;
    line-height: 18px;
}


.waybill_boxfxp .right .area5 {
    overflow: hidden;
    width: 360px;
    height: 60px;
    position: relative;
}

.waybill_boxfxp .right .area5 .barBox5 {
    position: absolute;
    /*top:50%;*/
    /*transform: translateY(-50%);*/
    left:160px;
    width:220px;
    height: 60px;
}

.waybill_boxfxp .right .area5 .text1 {
    margin-top: 40px;
    margin-left: 10px;
    font-size: 14px;
    line-height: 14px;
    z-index: 30;
}

.waybill_boxfxp .right .area6 {
}

.waybill_boxfxp .right .area6 .text2{
    /*margin-left: 20px;*/
}

.waybill_boxfxp .right .area6 .area6bb{
    margin-left: 20px;
}

.waybill_boxfxp .right .area6 .text3,
.waybill_boxfxp .right .area6 .text4 {
    font-size: 10px;
    line-height: 12px;
}

.waybill_boxfxp .right .area7,
.waybill_boxfxp .right .area8 {
    margin-top: 5px;
}

.waybill_boxfxp .right .area10,
.waybill_boxfxp .right .area9 {
    font-size: 12px;
    line-height: 14px;
    /*border:1px solid red;*/
}

.waybill_boxfxp .right .area9 {
    margin-top: 45px;
}

.waybill_boxfxp .right .area9 .text1 {
    margin-right: 40px;

}

.waybill_boxfxp .right .area11 {
    /*margin-top: 2px;*/
    font-size: 14px;
    line-height: 14px;
    font-weight: 900;
}

/* pop_WaybillForm_View end -------------------------------- */
/* userRegister_View start -------------------------------- */

.user_reg_wrap {
    /*border:none;*/
    /*margin: 0 auto;*/
    width: 80vw;
}

.user_reg_wrap .titleBox {
    /*margin: 0 auto;*/
    /*margin-bottom: 20px;*/
    width: 80vw;
    /*border-bottom: 2px solid #ccc;*/
    /*text-align: center;*/

}

.user_reg_wrap .titleBox .headTitle {
    padding: 20px 0 20px 30px;
    font-size: 22px;

}

.user_reg_wrap .lastBox,
.user_reg_wrap .areaBox {
    /*border:none;*/
    /*margin: 0 auto;*/
    width:80vw;
}
.user_reg_wrap .area {
    padding: 10px 0px 10px 20px;
    /*width: 80vw;*/

}

.user_reg_wrap .area .notmust,
.user_reg_wrap .area .must {
    margin-right: 10px;
}

.user_reg_wrap .area .title {
    width: 120px;
    height: 32px;
    margin-right: 20px;
}

.user_reg_wrap .btnType3 {
    padding:0 10px;
    height: 32px;
}

.user_reg_wrap .area .inputBorder {
    width: 340px;
    height: 32px;
    line-height: 32px;
}

.user_reg_wrap .area4 {
    align-items: center;
}

.user_reg_wrap .area5 .thumBox {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: relative;
}

.user_reg_wrap .area5 .thumBox img {
    position: absolute;
    top:0;
    left:0;
}

/* userRegister_View end -------------------------------- */
/* userList_View start -------------------------------- */

.user_list_table {
    border-collapse: collapse;
    width: 80vw;
    /*width: 40vw;*/
    text-align: center;

}

.user_list_table td {
    height: 32px;
    border:1px solid #ccc;
}

.user_list_table td.narrow {
    width: 100px;
}

.user_list_table .btnType3 {
    padding: 0 10px;
    height: 24px;
    color:#5c5c5c;
}

.user_list_wrap .area1 .searchArea {
    border-radius: 5px;
    border:1px solid #ccc;
    width: 220px;
    height: 32px;
    margin-right: 10px;

}

/* userList_View end -------------------------------- */
/* userEditor_View start -------------------------------- */


.user_edit_wrap {
    /*border:none;*/
    /*margin: 0 auto;*/
    width: 80vw;
}

.user_edit_wrap .titleBox {
    /*margin: 0 auto;*/
    /*margin-bottom: 20px;*/
    width: 80vw;
    /*border-bottom: 2px solid #ccc;*/
    /*text-align: center;*/

}

.user_edit_wrap .titleBox .headTitle {
    padding: 20px 0 20px 30px;
    font-size: 22px;

}

.user_edit_wrap .lastBox,
.user_edit_wrap .areaBox {
    /*border:none;*/
    /*margin: 0 auto;*/
    width:80vw;
}
.user_edit_wrap .area {
    padding: 10px 0px 10px 20px;
    /*width: 80vw;*/

}

.user_edit_wrap .area .notmust,
.user_edit_wrap .area .must {
    margin-right: 10px;
}

.user_edit_wrap .area .title {
    width: 120px;
    height: 32px;
    margin-right: 20px;
}

.user_edit_wrap .btnType3 {
    padding:0 10px;
    height: 32px;
}

.user_edit_wrap .area .inputBorder {
    width: 340px;
    height: 32px;
    line-height: 32px;
}

.user_edit_wrap .area4 {
    align-items: center;
}

.user_edit_wrap .area5 .thumBox {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: relative;
}

.user_edit_wrap .area5 .thumBox img {
    position: absolute;
    top:0;
    left:0;
}


/* userEditor_View end -------------------------------- */
/* noticeList_View start -------------------------------- */

.notice_list_table {
    border-collapse: collapse;
    width: 80vw;
    text-align: center;

}

.notice_list_table th {
    background-color: #ececec60;
}

.notice_list_table th,
.notice_list_table td{
    font-weight: normal;
    border:none;
    border-bottom:1px solid #ececec;

    height: 40px;
}

.notice_list_table th.num {
    width: 80px;
}

.notice_list_table th.name,
.notice_list_table th.date {
    width: 220px;
}

.notice_list_table .type {
    margin: 0 auto;
    border-radius: 5px;
    border:1px solid var(--color10);
    color:var(--color10);
    width: 40px;
    height: 28px;
    line-height: 28px;
}

.notice_list_table .fixed {
    background-color: #3ae04120;
}

.notice_list_box .area1 .selBox,
.notice_list_box .area1 .title {
    margin-bottom: 10px;

}

.notice_list_box .area1 .titleBox .msg {
    font-size: 14px;
    color:#5c5c5c;
}

.notice_list_box .area1 .title {
    padding-left: 10px;
    margin-right: 10px;
    font-size: 18px;
    background-color: #f5f6f8;
    color:#5c5c5c;
    border:none;
    border-radius: 5px;
    width: 690px;
    height:40px;

}

.notice_list_box .area1 .checkType {
    cursor: pointer;
    margin-bottom: 10px;
    /*width: 32px;*/
    /*height: 32px;*/
    font-size: 16px;

}

.notice_list_box .area1 textarea {
    /*display: none;*/
}

.notice_list_box .area1 .add_msg {
    padding-left: 10px;
    width: 32px;


}


.notice_list_box .area1 textarea {
    resize: none;
    width: 690px;
    height: 430px;
    border:1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    font-size: 16px;

}


/* noticeList_View end -------------------------------- */
/* noticeRegister_View start -------------------------------- */

.notice_list_box .selBox .inputBorder {
    border:none;
    border-radius: 0;
    border-bottom:1px solid #ccc;
    width: 220px;
    height: 32px;
}

.notice_list_table tr {
    min-height: 32px;
    height: auto;
}

.notice_list_table tr.active {
    background-color: var(--color10-20);
}

.notice_list_table th.td_spec {
    width: 100px;
}

.notice_list_box .content_box {
    /*border-radius: 0;*/
    padding: 20px 0;
    width:inherit;
    max-width: 60vw;
    height:auto;
    text-align: left;
    display: none;
    overflow: hidden;
    /*margin-right: 10px;*/
    /*font-size: 18px;*/
    /*border: none;*/
    /*border-bottom: 1px solid #ececec;*/
}

.content_box ol, .content_box ul {
    margin-left: 2em !important;
    padding-left: 1em;
}
.content_box ol > li, .content_box ul > li {
    margin-bottom: 0.5em;
}
.content_box ol ol, .content_box ul ul {
    margin-left: 2em !important;
}

.notice_list_box .content_box b,
.notice_list_box .content_box span,
.notice_list_box .content_box p{
    text-align: left;
    text-wrap: wrap;

}

/* noticeRegister_View end -------------------------------- */
/* pop_PrintBarcode_Material_View start -------------------------------- */


.bar_mat_contents .btnBox {
    margin-left: 20px;
    width: 80vw;

}

.bar_mat_box {
    margin: 20px;
}

.bar_mat_table {
    border-collapse: collapse;
    width: 80vw;
}

.bar_mat_table th {
    font-weight: normal;
    width: 30%;
}

.bar_mat_table th,
.bar_mat_table td {
    padding: 0 10px;
    text-align: center;
    border:1px solid #ccc;
    height: 60px;
    font-size: 18px;
}

/* pop_PrintBarcode_Material_View end -------------------------------- */
/* flexType1 -------------------------------- */

.low_stock.active {
    /*color: var(--color9);*/
    background-color: #FF828220;
}

.hidden {
    display: none;
}


.underline {
    text-decoration: underline;
}


.underline2 {
    text-decoration: underline;
    cursor: pointer;
}

.fontType1 {
    font-family: "Gmarket Sans";
}

.fontType2 {
    font-family:"Noto Sans";
}

.fontType3 {
    font-size: 14px;
    color: #5c5c5c;
}

.fontType4 {
    font-size: 18px;
    color: var(--color4);
    font-weight: 500;
}

.fs14 {
    font-size: 14px;
}

.tww {
    text-wrap: wrap;
}

.flexType1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.flexType2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}

.flexType2-1 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.flexType3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.flexType3-1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}


.flexType3-2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: nowrap;
}

.flexType4 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.flexType5 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: nowrap;
}


.flexType5-1 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
}

.flexType5-2 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: nowrap;
}

.flexCol {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.flexCol2 {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}


.flexCol3 {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.flexCol4 {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    /*align-items: center;*/
}

.flexStart {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.red {
    color:red;
}

.org {
    color:orange;
}

.yel {
    color:yellow;
}

.bn {
    border:none;
}

.ml20 {
    margin-left: 20px;
}

.ml40 {
    margin-left: 40px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt40 {
    margin-top: 40px;
}

.pr20 {
    padding-right: 20px;
}

.mr10vw {
    margin-right: 5vw;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mr40 {
    margin-right: 40px;
}

.mr60 {
    margin-right: 60px;
}

.p20 {
    padding: 20px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb40 {
    margin-bottom: 40px;
}

.pb100 {
    padding-bottom: 100px;
}


/* spinnerBox --------------- */

.spinnerBox,
.spinner {
    display: none;
}

.spinnerBox {
    position: fixed;
    z-index: 30;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.05);

}

.spinner {
    width: 24px;
    height: 24px;
    z-index: 32;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spinnerBox.active, .spinner.active {
    display: block;
}


/* spinnerBox end */

.toastBox {
    padding: 5px 40px;
    border-radius: 40px;
    background-color: #00000091;
    width: auto;
    min-height: 32px;
    height: auto;
    font-size: 16px;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom:16%;
    left:50%;
    transform: translateX(-50%);
    z-index: 32;
}

.borderRed {
    border:1px solid red;
}



#cpage {
    cursor: pointer;
}

.fwbold {
    font-weight: bold;
}

.fw600 {
    font-weight: 600;
}

.common_tbl_wrap {
    border:1px solid #ccc;
    width: 80vw;
    height: auto;
    max-height: 700px;
    overflow-y: auto;
    overflow-x: hidden;
}

.common_tbl_wrap .common_tbl {
    width: 80vw;
    border-collapse: collapse;
}


.common_tbl_wrap .common_tbl th,
.common_tbl_wrap .common_tbl td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 32px;
    text-wrap: nowrap;
    text-align: center;
}

.common_tbl_wrap .common_tbl th {
    background-color: #ececec;
    position: sticky;
    top:0;
    font-weight: normal;

}
.common_tbl_wrap .common_tbl .btnType3 {
    color:#5c5c5c;
    padding: 2px 10px;
    font-size: 14px;
    /*height: 24px;*/
    /*line-height: 24px;*/
}
.btnType1 {
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px;
    min-width: 80px;
    width: auto;
    height: 32px;
    line-height: 32px;
    padding: 0px 24px;
    font-size: 16px;
    text-align: center;
    color:#303030;
    text-wrap: nowrap;

}

.btnType2 {
    border: 1px solid var(--color1);
    background-image: var(--main-gradient);
    color:#000;
    border-radius: 5px;
    min-width: 80px;
    width: auto;
    height: 32px;
    line-height: 32px;
    padding: 0px 24px;
    font-size: 16px;
    text-align: center;
    text-wrap: nowrap;

}


.btnType3 {
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    color:#303030;
    text-wrap: nowrap;
}

.btnType4{
    border: 1px solid var(--color1);
    background-image: var(--main-gradient);
    color:#000;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
}

.squareType {
    border: none;
    background-image: var(--main-gradient);
    border-radius: 10px;
    font-size: 22px;
    width: 44px;
    height: 44px;
    text-align: center;
    position: relative;
    color:#fff;
}

.squareType2 {
    border: none;
    background-image: var(--gradient3);
    color:#fff;
    font-size: 22px;
    border-radius: 10px;
    width: 44px;
    height: 44px;
    text-align: center;
    position: relative;
}


.inputType160 {
    border: 1px solid #ccc;
    background-color: #fff;
    min-width: 160px;
    width: 160px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;

}

.inputBorder {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-left: 10px;
}

.tww {
    text-wrap: wrap;
}

.twnw {
    text-wrap: nowrap;
}

.tal {
    text-align: left;
}

.must {
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background-color: red;
}

.notmust {
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background-color: transparent;
}

.inputType {
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    font-size: 16px;
    padding:0 5px;

}

.inputType2 {
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    font-size: 16px;
    padding:0 5px;

}

.inputType360 {
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    min-width: 360px;
    width: 360px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    padding:0 5px;

}

.inputType520 {
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    min-width: 160px;
    width: 520px;
    height: 44px;
    /*line-height: 44px;*/
    font-size: 14px;
    padding-left: 10px;

}


@media print {

    /*pop_InstructionForm_View start*/

    .odRoast_boxfxp {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        /*page-break-inside: avoid; !* 요소가 페이지 중간에 잘리지 않도록 *!*/
    }

    .odRoast_boxfxp * {
        word-wrap: break-word;
    }


    .odRoast_Table {
        width: 98%;
        margin: 0 auto;
        border-collapse: collapse;
        text-align: center;
        table-layout: fixed;
        /*width: 77vw;*/
    }


    .odRoast_Table .keyCol,
    .odRoast_Table .row {
        padding: 0 10px;
        border:1px solid #000;
        height: 32px;
        text-align: center;
        text-wrap: wrap;
        overflow: hidden;
    }

    .odRoast_Table .twnw {
        text-wrap: nowrap;
        font-size: 0.8em;

    }


    .odRoast_Table .headCol .keycol {
        border:none;
    }

    .odRoast_Table .headCol {
        height: 80px;
        font-size: 28px;
        font-weight: bold;
    }

    .odRoast_Table .ttl {
        background-color: #ccc;
    }

    .odRoast_Table .subTitle {
        border:none;
        height: 10px;
    }

    /*.odRoast_Table .stepName {*/
    /*    !*width: 180px;*!*/
    /*    height: auto;*/
    /*    text-align: left;*/
    /*    overflow: hidden;*/
    /*    text-wrap: wrap;*/
    /*}*/

    .odRoast_Table .row .stepName,
    .odRoast_Table .row .desc {
        padding: 5px;
        /*width: 320px;*/
        height: auto;
        text-align: left;
        overflow: hidden;
        text-wrap: wrap;

    }

    .odRoast_Table .signArea {
        height: 60px;
    }

    .odRoast_Table .signArea .row4,
    .odRoast_Table .signArea .row5{
        text-align: left;
        padding-left: 10px;
    }

    .odRoast_Table .productName,
    .odRoast_Table .m_name {
        font-size: 18px;
        font-weight: 600;
    }

    /*pop_InstructionForm_View end */
    /*pop_InstructionForm2_View start */

    .ins_form_table th {
        font-size: 12px;
        /*font-weight: normal;*/
    }

    /*pop_InstructionForm2_View end */


    /*pop_PrintBarcode_Material_View start*/

    .bar_mat_table {
        margin-top: 5mm;
        margin-left: 7mm;
        border-collapse: collapse;
        width: 190mm;
        height: 90mm;
        /*border:1px solid red;*/
        font-size: 14px;
    }

    .bar_mat_table thead td .barcodeArea {
        margin: 0;
        padding: 0;
    }

    .bar_mat_table thead td .barcodeArea svg{
        /*width: 50mm;*/
        /*height: 11mm;*/
        /*scale: 80%;*/
    }

    .bar_mat_table tr {
        width: 20mm;
    }

    .bar_mat_table th,
    .bar_mat_table td {
        padding:1mm;
        border:1px solid #000;
        text-wrap: nowrap;
        font-size: 2em;
        /*height: 7mm;*/

    }

    /*.bar_mat_table thead tr {*/
    /*    height: 15mm;*/
    /*}*/


    /*pop_PrintBarcode_Material_View end*/

    /*pop_QualityReport_View print start */

    .q_report_table {
        /*width: 100px;*/
        overflow: hidden;
        width: 96%;
        table-layout: fixed;
        border-collapse: collapse;
        /*color:red;*/
        text-wrap: nowrap;


    }


    .q_report_table .headCol {
        height: 80px;
        font-size: 24px;
        font-weight: 600;

    }

    .q_report_table th {
        padding:5px 0;
        font-size: 12px;
        border:1px solid #000;
    }
    .q_report_table td {
        border:1px solid #000;
        height: 32px;
        text-align: center;
        padding: 0 10px;
    }

    .q_report_table td.rName {
        text-wrap: wrap;

    }

    .q_report_table td.m_name {
        height: 60px;
        font-size: 18px;
        font-weight: 600;

    }


    /* pop_WaybillForm_View start -------------------------------- */

    .waybill_inner {
        padding-top: 3mm;
        position: relative;
        text-wrap: nowrap;
        width: 200mm;
        height: 100mm;
        font-family: 'HYGothic-Extra', "HY견고딕", "HanyangGothic", HGGGT, "맑은 고딕", sans-serif;
        overflow: hidden;
    }

    .waybill_inner .paddingBox .left {
        position: relative;
        width: 42%;
        z-index: 33;
        overflow: hidden;
        left: 5mm;
    }

    .waybill_inner .paddingBox .right {
        position: relative;
        width: 52%;
        z-index: 33;
        overflow: hidden;
        left:10mm;
    }

    .waybill_inner .bgBox {
        display: none;
        /*position: absolute;*/
        /*top:0;*/
        /*left:0;*/
    }

    .waybill_inner .paddingBox .area {
        overflow: hidden;
    }

    .waybill_inner .paddingBox .left1 .text1 {
        font-size: 22px;
        font-weight: 800;
    }

    .waybill_inner .paddingBox .left1 .text2 {
        font-size: 16px;
        /*font-weight: 800;*/
    }

    .waybill_inner .paddingBox .left2 {
        /*padding: 10px;*/
        /*width: 140px;*/
        /*height:60px;*/
        overflow: hidden;
    }

    .waybill_inner .paddingBox .left .area1 {
        position: relative;
        height: 16mm;
    }

    .waybill_inner .paddingBox .left .area1 .barBox {
        /*position: relative;*/
        /*width: 60mm;*/
        /*height: 12mm;*/
    }
    .waybill_inner .paddingBox .left .area1 .barBox svg{
        /*width: 60mm;*/
        /*height: 12mm;*/

    }

    .waybill_inner .paddingBox .left .area1 .left1 {
        position: absolute;
        top:2mm;
        left:0;
        z-index: 22;

    }
    .waybill_inner .paddingBox .left .area1 .left2 {
        position: absolute;
        top:0;
        left:40mm;
        padding: 1mm;
        width: 50mm;
        height: 18mm;

    }

    .waybill_inner .paddingBox .left .area2 {
        /*margin: 30px 0 0px 10px;*/
        /*height:100px;*/
        /*max-height: 120px;*/
        margin-top: 5mm;
    }

    .waybill_inner .paddingBox .left .area2 .text {
        width: 96%;
        overflow: hidden;
        font-weight: 600;
        height: 24px;
        line-height: 24px;
        text-wrap: wrap;
        border: 1px solid red;
    }

    .waybill_inner .paddingBox .left .area3 {
        margin-right: 20px;
    }

    .waybill_inner .paddingBox .left .area3 .text2{
        font-weight: bold;
    }

    .waybill_inner .paddingBox .left .area4 .text{
        font-size: 12px;
        height: 12px;
        line-height: 14px;
        font-weight: 600;
    }

    .waybill_inner .paddingBox .left .barBox2 {
        /*margin-left: 10px;*/
        margin-top: 5mm;
        width: 83mm;
        height: 20mm;
        position: relative;

    }

    .waybill_inner .paddingBox .left .barBox2 .barBb {
        /*width:50%;*/
        /*height: 60px;*/
    }

    .waybill_inner .paddingBox .left .barBox2 .barBb1 {
        margin-right: 2mm;
        position: absolute;
        top:-2mm;
        left:-2mm;
        width:55mm;
        height: 20mm;

    }
    .waybill_inner .paddingBox .left .barBox2 .barBb1 svg {
        width:55mm;
        height: 20mm;


    }

    .waybill_inner .paddingBox .left .barBox2 .barBb2 {
        width:25mm;
        height: 20mm;
        /*text-align: right;*/
        position: absolute;
        top: -8mm;
        right:0mm;
        z-index: 22;
    }

    .waybill_inner .paddingBox .left .barBox2 .barBb2 .text {
        font-size: 14px;
        font-weight: bold;
    }


    .waybill_inner .right .area {
        font-size: 16px;
        line-height: 18px;
        font-weight: 600;
        margin-left: 5px;
    }

    .waybill_inner .right .area1 {
        margin-left: 40px;
    }

    .waybill_inner .right .area2 {
        /*margin: 5px 0 0 5px;*/
        margin-top: 5px;
    }

    .waybill_inner .right .area2 .text1{
        font-size: 18px;
        font-weight: 900;
    }

    .waybill_inner .right .area2 .text4,
    .waybill_inner .right .area2 .text3,
    .waybill_inner .right .area2 .text2 {
        font-size:16px;
    }

    .waybill_inner .right .area2 .text3,
    .waybill_inner .right .area2 .text2 {
        margin-right: 5mm;
    }

    .waybill_inner .right .area3 {
        margin-top: 5px;
        letter-spacing: -2px
    }

    .waybill_inner .right .area3 .text1 {
        font-size: 18px;
        font-weight: 900;
    }

    .waybill_inner .right .area4 {
        margin-top: 3mm;
    }

    .waybill_inner .right .area4 .flexType2 .text3 {
        font-size: 16px;
        margin-right: 5mm;
    }

    .waybill_inner .right .area5 {
        /*overflow: hidden;*/
        position: relative;
        width: 100mm;
        height: 12mm;
        margin-top: 5mm;
    }

    .waybill_inner .right .area5 .text1 {
        margin-top: 8mm;

    }

    .waybill_inner .right .area5 .barBox5 {
        position: absolute;
        top: -5mm;
        right:0;
        width: 45mm;
        height: 20mm;
        padding: 1mm;
    }

    .waybill_inner .right .area5 .barBox5 svg {
        width: 45mm;
        height: 20mm;

    }
    .waybill_inner .right .area5 .text1 {
        /*margin-top: 40px;*/
        /*margin-left: 20px;*/
        font-size: 14px;
        line-height: 14px;
        z-index: 30;
        margin-left: 8mm;
    }


    .waybill_inner .right .area6 {
    }

    .waybill_inner .right .area6 .text2{
        margin-left: 15mm;
    }

    .waybill_inner .right .area6 .area6bb{
        margin-left: 10mm;
        /*height: 5mm;*/
    }

    .waybill_inner .right .area6 .text3,
    .waybill_inner .right .area6 .text4 {
        font-size: 12px;
        line-height: 12px;
    }

    .waybill_inner .right .area7 {
        padding-top: 2mm;
        height: 20mm;
    }

    .waybill_inner .right .area10,
    .waybill_inner .right .area9 {
        font-size: 12px;
        line-height: 12px;
    }

    .waybill_inner .right .area9 {
        margin-top: 5mm;
    }

    .waybill_inner .right .area9 .text1 {
        margin-right: 5mm;
        font-family: 'HY견고딕-Web', "HY견고딕", "HanyangGothic", HGGGT, "맑은 고딕", sans-serif;
    }

    .waybill_inner .right .area11 {
        /*margin-top: 5px;*/
        font-size: 14px;
        line-height: 14px;
        font-weight: 900;
        margin-top: 2mm;
    }

    /* waybill form end -------------------------------- */
    /*pop_QualityReport_View print end */
    /*pop_AddDeliForm_View print start */

    .add_deli_wrap {
        width: 80vw;
        color:blue;
    }

    .add_deli_tbl {
        margin: 20px 0;
        width: 540px;
        border-collapse: collapse;
        color:green;
    }

    .add_deli_tbl tbody .border_none {
        border:none;
        height: 10px;

    }

    .add_deli_tbl .subTitle {
        border:1px solid #000;

    }

    .add_deli_tbl td {
        border:1px solid #000;
    }
    /*pop_AddDeliForm_View print end */


}