@charset "utf-8";


.bold { font-weight: bold; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.blue { color: #00f; }
.red { color: #f00; }
.green { color: #060; }
.yellow { color: #ff0; }
.gray { color: #ccc; }

.f-9 {
    font-size: 0.9rem;
}

.hidden_,
.hidden {
    visibility: hidden;
}
.hide,
.none_,
.none {
    display: none;
}



.w100p { width: 100%; }
.w98p { width: 98%; }
.w95p { width: 95%; }
.w90p { width: 90%; }
.w80p { width: 80%; }
.w50p { width: 50%; }
.w30 { width: 30px !important; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }



.bg_1 { background-color: #b4fbff !important; }
.bg_2 { background-color: #75ffca !important; }
.bg_3 { background-color: #ffe6eb !important; }
.bg_4 { background-color: #ffa6c5 !important; }
.bg_5 { background-color: #fffa82 !important; }
.bg_6 { background-color: #ffeb5a !important; }
.bg_7 { background-color: #ff8282 !important; }
.bg_8 { background-color: #fd93f9 !important; }
.bg_r { background-color: #f00 !important; }
.bg_g { background-color: #0f0 !important; }
.bg_b { background-color: #00f !important; }
.bg_y { background-color: #ff0 !important; }


/* Chrome, Safari, Edge, Opera */
input.number::-webkit-outer-spin-button,
input.number::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.number[type=number] {
  -moz-appearance: textfield;
}







a.btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #ccc;
}

a.btn_big {
    padding: 5px 30px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    line-height: 20px;
}
a.btn_normal {
    padding: 2px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: 20px;
}
a.btn_small {
    padding: 1px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    line-height: 15px;
}

a.btn_blue {
    color: #fff;
    background-color: #162f8b;
    border: 1px solid #7676ac;
    background: -moz-linear-gradient(top, #3360aa 0%, #162f8b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3360aa), color-stop(100%,#162f8b));
    background: -webkit-linear-gradient(top, #3360aa 0%,#162f8b 100%);
    background: -o-linear-gradient(top, #3360aa 0%,#162f8b 100%);
    background: -ms-linear-gradient(top, #3360aa 0%,#162f8b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3360aa", endColorstr="#162f8b",GradientType=0 );
    background: linear-gradient(top, #3360aa 0%,#162f8b 100%);
}
a.btn_green {
    color: #fff;
    background-color: #10550d;
    border: 1px solid #87c194;
    background: -moz-linear-gradient(top, #328c35 0%, #10550d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#328c35), color-stop(100%,#10550d));
    background: -webkit-linear-gradient(top, #328c35 0%,#10550d 100%);
    background: -o-linear-gradient(top, #328c35 0%,#10550d 100%);
    background: -ms-linear-gradient(top, #328c35 0%,#10550d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#328c35", endColorstr="#10550d",GradientType=0 );
    background: linear-gradient(top, #328c35 0%,#10550d 100%);
}
a.btn_gray,
a.btn_grey {
    color: #fff;
    background-color: #282828;
    border: 1px solid #2b4daf;
    background: -moz-linear-gradient(top, #646464 0%, #282828 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646464), color-stop(100%,#282828));
    background: -webkit-linear-gradient(top, #646464 0%,#282828 100%);
    background: -o-linear-gradient(top, #646464 0%,#282828 100%);
    background: -ms-linear-gradient(top, #646464 0%,#282828 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#646464", endColorstr="#282828",GradientType=0 );
    background: linear-gradient(top, #646464 0%,#282828 100%);
}
a.btn_red {
    color: #fff;
    background-color: #8d1616;
    border: 1px solid #ff6262;
    background: -moz-linear-gradient(top, #a93232 0%, #8d1616 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a93232), color-stop(100%,#8d1616));
    background: -webkit-linear-gradient(top, #a93232 0%,#8d1616 100%);
    background: -o-linear-gradient(top, #a93232 0%,#8d1616 100%);
    background: -ms-linear-gradient(top, #a93232 0%,#8d1616 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a93232", endColorstr="#8d1616",GradientType=0 );
    background: linear-gradient(top, #a93232 0%,#8d1616 100%);
}







table.wos_list > tbody.wos_list {
    cursor: pointer;
}

table.wos_list > tbody.wos_list > tr.selected,
table.wos_list > tbody.wos_list > tr:hover {
/*    background-color: #ccc;*/
    font-weight: normal;
}


table.wos_list > thead.wos_list > tr > th,
table.wos_list > tbody.wos_list > tr > th,
table.wos_list > tfoot.wos_list > tr > th {
/*    background-color: #757575;*/
/*    border: 1px solid #ddd;*/
/*    color: #fff;*/
    font-weight: normal;
}



table.wos_list > thead.wos_list > tr > td,
table.wos_list > tbody.wos_list > tr > td,
table.wos_list > tfoot.wos_list > tr > td {
/*    border-bottom: 1px solid #ddd;*/
}


table.wos_view > thead.wos_view > tr > th,
table.wos_view > tbody.wos_view > tr > th,
table.wos_view > tfoot.wos_view > tr > th {
    text-align: left;
}


table.wos_list > thead.wos_list > tr > th:first-child,
table.wos_list > tbody.wos_list > tr > th:first-child,
table.wos_list > tfoot.wos_list > tr > th:first-child,
table.wos_list > thead.wos_list > tr > th:last-child,
table.wos_list > tbody.wos_list > tr > th:last-child,
table.wos_list > tfoot.wos_list > tr > th:last-child,

table.wos_view > thead.wos_view > tr > th:first-child,
table.wos_view > tbody.wos_view > tr > th:first-child,
table.wos_view > tfoot.wos_view > tr > th:first-child,
table.wos_view > thead.wos_view > tr > th:last-child,
table.wos_view > tbody.wos_view > tr > th:last-child,
table.wos_view > tfoot.wos_view > tr > th:last-child {
    border-left: none;
}




/*
.cx_data {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cx_data_title {
    flex: 0 0 2.0em;
    background-color: #f00;
}
*/

/* 데이터 그리드, 스크롤 영역 */
/* /dev/_inc/tail.inc 에서 script height 처리함 */
div.cx_data_list {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

input.datetimepicker {
    width: 80px;
    text-align: center;
    cursor: pointer;
}

input.num_qty {
    width: 98%;
    text-align: right;
    padding-right: 2px;
}

input.num_qty_scroll {
    width: calc(100% - 20px);
    text-align: right;
    padding-right: 2px;
}




/*
table.wos_view > thead.wos_view > tr > th.center,
table.wos_view > tbody.wos_view > tr > th.center,
table.wos_view > tfoot.wos_view > tr > th.center {
    text-align: center;
}

table.wos_view > thead.wos_view > tr > th.right,
table.wos_view > tbody.wos_view > tr > th.right,
table.wos_view > tfoot.wos_view > tr > th.right {
    text-align: right;
}

table.wos_list > tbody.wos_list {
    cursor: pointer;
}

table.wos_list > tbody.wos_list > tr.selected {
    background-color: #ccc;
    font-weight: normal;
}

table.wos_list > tbody.wos_list > tr:hover {
    background-color: #ddd;
    font-weight: normal;
}

table.wos_list > thead.wos_list > tr > th,
table.wos_list > tbody.wos_list > tr > th,
table.wos_list > tfoot.wos_list > tr > th {
    padding: 3px;
    background-color: #757575;
    border: 1px solid #ddd;
    color: #fff;
    font-weight: normal;
}

table.wos_list > thead.wos_list > tr > th:first-child,
table.wos_list > tbody.wos_list > tr > th:first-child,
table.wos_list > tfoot.wos_list > tr > th:first-child {
    border-left: none;
}

table.wos_list > thead.wos_list > tr > th:last-child,
table.wos_list > tbody.wos_list > tr > th:last-child,
table.wos_list > tfoot.wos_list > tr > th:last-child {
    border-right: none;
}

table.wos_list > thead.wos_list > tr > td,
table.wos_list > tbody.wos_list > tr > td,
table.wos_list > tfoot.wos_list > tr > td {
    padding: 3px;
    border-bottom: 1px solid #ddd;
}

*/












/*
table.border > thead.border > tr > th,
table.border > tbody.border > tr > th,
table.border > tfoot.border > tr > th {
    padding: 3px;
    border: 1px solid #ddd;
    font-weight: normal;
}

table.border > thead.border > tr > td,
table.border > tbody.border > tr > td,
table.border > tfoot.border > tr > td {
    padding: 3px;
    border: 1px solid #ddd;
}


table.list > tbody.list {
    cursor: pointer;
}

table.list > tbody.list > tr.selected {
    background-color: #ccc;
    font-weight: normal;
}

table.list > tbody.list > tr:hover {
    background-color: #ddd;
    font-weight: normal;
}

table.list > thead.list > tr > th,
table.list > tbody.list > tr > th,
table.list > tfoot.list > tr > th {
    padding: 3px;
    border: 1px solid #ddd;
    font-weight: normal;
}

table.list > thead.list > tr > th:first-child,
table.list > tbody.list > tr > th:first-child,
table.list > tfoot.list > tr > th:first-child {
    border-left: none;
}

table.list > thead.list > tr > th:last-child,
table.list > tbody.list > tr > th:last-child,
table.list > tfoot.list > tr > th:last-child {
    border-right: none;
}

table.list > thead.list > tr > td,
table.list > tbody.list > tr > td,
table.list > tfoot.list > tr > td {
    padding: 3px;
    border-bottom: 1px solid #ddd;
}
table.view > thead.view > tr > th,
table.view > tbody.view > tr > th,
table.view > tfoot.view > tr > th {
    padding: 3px;
    border: 1px solid #ddd;
    font-weight: normal;
}

table.view > thead.view > tr > th:first-child,
table.view > tbody.view > tr > th:first-child,
table.view > tfoot.view > tr > th:first-child {
    border-left: none;
}

table.view > thead.view > tr > th:last-child,
table.view > tbody.view > tr > th:last-child,
table.view > tfoot.view > tr > th:last-child {
    border-right: none;
}

table.view > thead.view > tr > td,
table.view > tbody.view > tr > td,
table.view > tfoot.view > tr > td {
    padding: 3px;
    border-bottom: 1px solid #ddd;
}


table.wos_search > thead.wos_search > tr > th,
table.wos_search > tbody.wos_search > tr > th,
table.wos_search > tfoot.wos_search > tr > th {
    padding: 3px;
    background-color: #757575;
    color: #fff;
    font-weight: normal;
    text-align: left;
}

table.wos_search > thead.wos_search > tr > td,
table.wos_search > tbody.wos_search > tr > td,
table.wos_search > tfoot.wos_search > tr > td {
    padding: 3px;
}

table.wos_list > tbody.wos_list {
    cursor: pointer;
}

table.wos_list > tbody.wos_list > tr.selected {
    background-color: #ccc;
    font-weight: normal;
}

table.wos_list > tbody.wos_list > tr:hover {
    background-color: #ddd;
    font-weight: normal;
}

table.wos_list > thead.wos_list > tr > th,
table.wos_list > tbody.wos_list > tr > th,
table.wos_list > tfoot.wos_list > tr > th {
    padding: 3px;
    background-color: #757575;
    border: 1px solid #ddd;
    color: #fff;
    font-weight: normal;
}

table.wos_list > thead.wos_list > tr > th:first-child,
table.wos_list > tbody.wos_list > tr > th:first-child,
table.wos_list > tfoot.wos_list > tr > th:first-child {
    border-left: none;
}

table.wos_list > thead.wos_list > tr > th:last-child,
table.wos_list > tbody.wos_list > tr > th:last-child,
table.wos_list > tfoot.wos_list > tr > th:last-child {
    border-right: none;
}

table.wos_list > thead.wos_list > tr > td,
table.wos_list > tbody.wos_list > tr > td,
table.wos_list > tfoot.wos_list > tr > td {
    padding: 3px;
    border-bottom: 1px solid #ddd;
}


table.work_search > caption {
    background-color: #efefef;
    border-top: 1px solid #757575;
}

table.work_search > thead.work_search > tr > th,
table.work_search > tbody.work_search > tr > th,
table.work_search > tfoot.work_search > tr > th {
    padding: 3px;
    background-color: #757575;
    border: 1px dotted #ddd;
    color: #fff;
    font-weight: normal;
}

table.work_search > thead.work_search > tr > th:first-child,
table.work_search > tbody.work_search > tr > th:first-child,
table.work_search > tfoot.work_search > tr > th:first-child {
    border-left: none;
}

table.work_search > thead.work_search > tr > th:last-child,
table.work_search > tbody.work_search > tr > th:last-child,
table.work_search > tfoot.work_search > tr > th:last-child {
    border-right: none;
}

table.work_search > thead.work_search > tr > td,
table.work_search > tbody.work_search > tr > td,
table.work_search > tfoot.work_search > tr > td {
    padding: 3px;
    text-align: center;
}

table.work_list > caption {
    background-color: #efefef;
    border-top: 1px solid #757575;
}

table.work_list > tbody.work_list {
    cursor: pointer;
}

table.work_list > tbody.work_list > tr.selected {
    background-color: #ccc;
    font-weight: normal;
}

table.work_list > tbody.work_list > tr:hover {
    background-color: #ddd;
    font-weight: normal;
}

table.work_list > thead.work_list > tr > th,
table.work_list > tbody.work_list > tr > th,
table.work_list > tfoot.work_list > tr > th {
    padding: 3px;
    background-color: #757575;
    border: 1px dotted #ddd;
    color: #fff;
    font-weight: normal;
}

table.work_list > thead.work_list > tr > th:first-child,
table.work_list > tbody.work_list > tr > th:first-child,
table.work_list > tfoot.work_list > tr > th:first-child {
    border-left: none;
}

table.work_list > thead.work_list > tr > th:last-child,
table.work_list > tbody.work_list > tr > th:last-child,
table.work_list > tfoot.work_list > tr > th:last-child {
    border-right: none;
}

table.work_list > thead.work_list > tr > td,
table.work_list > tbody.work_list > tr > td,
table.work_list > tfoot.work_list > tr > td {
    padding: 3px;
    border-bottom: 1px dotted #ddd;
}

table.work_view > caption {
    background-color: #efefef;
    border-top: 1px solid #757575;
}

table.work_view > thead.work_view > tr > th,
table.work_view > tbody.work_view > tr > th,
table.work_view > tfoot.work_view > tr > th {
    padding: 3px;
    background-color: #757575;
    border: 1px dotted #ddd;
    color: #fff;
    font-weight: normal;
}

table.work_view > thead.work_view > tr > th:first-child,
table.work_view > tbody.work_view > tr > th:first-child,
table.work_view > tfoot.work_view > tr > th:first-child {
    border-left: none;
}

table.work_view > thead.work_view > tr > th:last-child,
table.work_view > tbody.work_view > tr > th:last-child,
table.work_view > tfoot.work_view > tr > th:last-child {
    border-right: none;
}

table.work_view > thead.work_view > tr > td,
table.work_view > tbody.work_view > tr > td,
table.work_view > tfoot.work_view > tr > td {
    padding: 3px;
    border-bottom: 1px dotted #ddd;
}

table.wos_search > thead.wos_search > tr > th.center,
table.wos_search > tbody.wos_search > tr > th.center,
table.wos_search > tfoot.wos_search > tr > th.center {
    text-align: center;
}

table.wos_search > thead.wos_search > tr > th.right,
table.wos_search > tbody.wos_search > tr > th.right,
table.wos_search > tfoot.wos_search > tr > th.right {
    text-align: right;
}

table.work_search > thead.work_search > tr > td.left,
table.work_search > tbody.work_search > tr > td.left,
table.work_search > tfoot.work_search > tr > td.left {
    text-align: left;
}

table.work_search > thead.work_search > tr > td.right,
table.work_search > tbody.work_search > tr > td.right,
table.work_search > tfoot.work_search > tr > td.right {
    text-align: right;
}

*/