html, body {
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: auto; /* when page gets too small */
}

body, form, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd,
    table, th, td, fieldset, legend, input, textarea, button {
    margin: 0;
    padding: 0;
}

body, table, table th, table td, input, textarea, button, select, option,
    div, span, li, pre, a {
    font-size: 13px;
    font-family: nanumgothic, 나눔고딕, 맑은 고딕, dotum, 돋움, gulim, 굴림, verdana,
        sans-serif;
}

input, button, select, textarea{
    padding-left:3px;   
    padding-right:3px;  
}

form, fieldset, button {
    border: 0;
    vertical-align: top;
}

a:active,a:after, a.focus  {color:#000; text-decoration: none;}

form {
    display: inline;
}

li {
    list-style: none;
}

img {
    vertical-align: middle;
    border: 0;
}

button {
    padding: 2px 6px;
}

button.btn-black {
    background: #000;
    color:#fff;
}

button.btn-red {
    background: #f00;
    color:#fff;
}

button.btn-blue {
    background: #00f;
    color:#fff;
}

button.btn-green {
    background: #00b33c;
    color:#fff;
}

.sb-block-full{
    width:100%;
}
.sb-block-margin15{
    margin-bottom:15px;
}

.sbgrid-box{
    position:relative;
}

.validation-error-border{
    background-color:#fff2f2;
}

.validation-text-red{
    color:red;
}

.text-red-b{
    color:red !important;
    font-weight: 900 !important;
}

table.sb-table {
    border-collapse: collapse;
    border-spacing: 0;
}

.div-tb-head { padding:3px 0; background:#4d94ff;  color:#fff; font-weight:700; text-align:center; border-left:1px solid #777; border-bottom:1px solid #777; }

table.sb-table th { padding:3px 0; background:#4d94ff;  color:#fff; font-weight:700; text-align:center; border-left:1px solid #777; border-bottom:1px solid #777; }
table.sb-table td { padding:2px 5px; text-align:center; border-left:1px solid #777; border-bottom:1px solid #777; }
table.sb-table tr:hover td { background:#b3d1ff; }
table.sb-table tr > td > a { font-weight:bold;  color:#4d79ff ;}
table.sb-table th:first-child, table.sb-table td:first-child { border-left:0; }
table.sb-table th:last-child, table.sb-table td:last-child { border-right:1px solid #777; }
table.sb-table tbody > tr:nth-child(odd) { background-color: lightgray; }
table.sb-table td div {word-break:break-all; }

table.sb-table td divLine {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-break:break-all; }

table.sb-table-input {
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
}

table.sb-table-input th { padding:3px 3px; background:#4d94ff;  color:#fff; font-weight:700; text-align:right; border-left:1px solid #777; border-bottom:1px solid #777; }
table.sb-table-input td { padding:3px 5px; text-align:center; border-left:1px solid #777; border-bottom:1px solid #777; text-align:left;  }
table.sb-table-input tr > td > a { font-weight:bold;  color:#4d79ff;}
table.sb-table-input th:first-child, table.sb-table td:first-child { border-left:0; }
table.sb-table-input th:last-child, table.sb-table td:last-child { border-right:1px solid #777; }
table.sb-table-input td > input.w70 { width:70% }
table.sb-table-input td > input.w50 { width:70% }
table.sb-table-input td > input.w40 { width:70% }
table.sb-table-input td > input.m10 { margin-left:10px }
table.sb-table-input td > input.m15 { margin-left:15px }


label input{margin:0px 2px;}
.sb-tb-page-group > * {font-size:15px}
.sb-tb-page-group:after {content:'';display:block;clear:both;}

#east-input-head {
    font-size:16px;
    font-weight:bold;
    background:#174d7b;
    height:30px;
    color:#fff;
    padding:5px 10px 5px 10px;
}

#container {
    background: 777;
    /* HEIGHT */
    height: 100%;
    min-height: 300px;
    _height: 300px; /* min-height for IE6 */
    /* WIDTH */
    width: 100%;
    min-width: 700px;
    _width: 700px; /* min-width for IE6 */
    /* HORIZONTAL CENTERING */
    margin: 0 auto;
}

/*
     *  Container sizing
     *
     *  Borders and padding are normally *added* to the width/height of the DIV
     *  However you can get height:100% AND padding/borders by using a nested layout. 
     *  The outer-layout is just a single pane: center, which is where you add your vertical padding.
     *  Inside this is your *real layout*. 
     */
#paddingWrapper {
    background: #999;
    padding: 5px 5px;
    /* 
        border:     4px solid #BBB;
        */
}

.ui-tabs-nav li {
    white-space: nowrap;
}

.ui-tabs-nav li a {
    font-size: 1em !important;
    padding: 4px 1.5ex 3px !important;
}

.ui-tabs-panel {
    font-size: 1em !important;
    /* padding:     0 1em !important; */
}

.ui-tabs-nav_ {
    /* don't need border or rounded corners - tabs 'fill' the pane */
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding-bottom: 0 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.tab-panel { /* tab-layout containers */
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
}

.pane {
    display:none;
}

#dialogBox {
    /*
             *  THIS HACK FIXES A DIALOG BOX POSITIONING BUG
             *  prevents incorrect top/left values that are applied from taking effect
             *  This page now uses a patched version of UI 1.8.1, so this hack no longer required
             *  SEE UI Ticket #5662 - http://dev.jqueryui.com/ticket/5662#comment:3 
            top:        0 !important;
            left:       0 !important;
             */
    /* background:  #AFA; DEBUGGING */
    /*position: relative; - triggers resizeable._alsoResize bug when using Opera */
    
}

#dialogBox .ui-widget-content {
    /* nullify ui-widget-content bg-image - but KEEP widget bg-color */
    background-image: none;
}

#dialogBox .ui-layout-pane {
    /* start by removing all padding & scrolling */
    padding: 0;
    overflow: hidden;
}

/*#dialogBox .ui-layout-content ,*/
#dialogBox .pane-header, #dialogBox .ui-layout-south {
    padding: 5px 10px;
}

#dialogBox .pane-header {
    border-width: 0 0 1px;
    /* nullify ui-widget-content border, except bottom */
}

#dialogBox .pane-footer {
    border-width: 1px 0 0;
    /* nullify ui-widget-content border, except top */
    font-size: .85em;
    font-weight: normal;
    padding: 2px 10px 4px;
}

#dialogBox .ui-layout-content {
    border: 0;
    /* nullify ui-widget-content border - 'pane' already has this */
    overflow: auto;
}

#dialogBox .ui-layout-south {
    /* has ui-widget-header for cosmetics - override defaults */
    font-weight: normal; /* NOT bold in statusbar */
    font-size: .85em; /* smaller text */
    padding-top: 2px; /* nice and small */
    padding-bottom: 3px;
}

#dialogBox .ui-layout-resizer-west {
    /* NOTE: SOMETHING in the theme CSS is setting opacity here */
    opacity: .01;
    filter: alpha(opacity = 1);
    background: #F00 url(/lib/img/resizable-w.gif) no-repeat 0 center;
}

#dialogBox .ui-layout-resizer-west-closed {
    background-image: url(/lib/img/resizable-e.gif); /* looks better */
    border: 1px solid #6C0;
    border-width: 1px 0;
    opacity: .70;
    filter: alpha(opacity = 70);
}

#dialogBox .ui-layout-resizer-dragging, #dialogBox .ui-layout-resizer-sliding,
    #dialogBox .ui-layout-resizer:hover {
    opacity: 1;
    filter: alpha(opacity = 100);
}

#dialogBox .ui-layout-toggler {
    /*background:   #CCC;*/
    
}
#data-table tr:first-child td {
    background:#000;
    color:#fff;
    padding:2px;
    text-align:center;
    font-weight:bold;
}
#data-table tr td {
    padding:2px;
}

#debug_msg {
    display:none; 
    position:absolute; 
    left : 0px; 
    top : 0px; 
    z-index:10000; 
    background:#fff;
    width:100%;
    height:100%;
    overflow:auto;
}
#debug_msg div.debug-head {
    text-align:center;
    padding:5px;
    background:#dcdcdc;
    }


.slick-cell.selected {
    background-color: #dcedff!important;
}

.cell-green {
    background-color: #7799ee;
}

.cell-red {
    background-color: #ee99cc;
}



/*  디버그창  */

.debug-body{
    width:100%;
    height:900px;
    overflow: auto;
}


/*  로그인  */
.login_box {
    width: 400px;
    margin-top: -250px;
    margin-left: -200px;
    border: 1px solid #000;
    /* 
    border-radius: 8px;
    box-sizing: border-box;
     */
    position: absolute;
    top: 40%;
    left: 50%;
    overflow: auto;
}

/* 주문내역*/

div.order-detail h4{
    margin: 5px 0px 5px 0px;
    background:#cde2fd;
    padding:5px;
    width:1000px;
    font-weight:bold;
}


div.order-detail table {
    width:1000px;   
}

.login-head{
     postion:absolute; top: 0; left: 0; height: 50px; background: #0b98bb; text-align:center; font-weight:bold; font-size:30px
}

.login-foot{
     postion:absolute; bottom: 0; left: 0; height: 50px; background: #0b98bb;
}

.login-body{
     postion:absolute; top: 200; left: 0; height: 200px; background: #fff;
}
.login-id {padding:10px;}
.login-id > label {display: inline-block; width:100px; text-align:right; margin-right:10px; font-size:18px;}
.login-id > input {height:28px; font-size:18px;  width:60%; padding: 5px;}

.login-password{padding:10px;}
.login-password > label{ display: inline-block; width:100px; text-align:right; margin-right:10px; font-size:18px;}
.login-password > input{height:28px; font-size:18px;  width:60%; padding: 5px;}

.login-bar{ padding:10px; text-align:center;}
.login-bar button { height:40px; width:100%; }
.login-bar button span { font-size:18px; font-weight: bold;}


  
/* MAIN 좌측메뉴 */
.sb-wms-maincolor {
    background: #0b98bb;
}
#sb-accordian {
    background: #0b98bb;
    /* 
    width: 250px;
    margin: 100px auto 0 auto;
     */
    color: white;
    box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 200px 1px
        rgba(255, 255, 255, 0.5);
}

#sb-accordian h3 {
    /* 
    font-size: 12px;
    line-height: 34px;
     */
    padding: 5px 10px;
    cursor: pointer;
    background: #064461;
    background: linear-gradient(#08626b, #002535);
}

#sb-accordian h3:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}

/* 아이콘폰트 스타일 */
#sb-accordian h3 span {
    /* 
    font-size: 16px;
     */
    margin-right: 10px;
}

#sb-accordian li {
    list-style-type: none;
}

/* 서브메뉴 스타일 */
#sb-accordian ul ul li a {
    color: white;
    text-decoration: none;
    /* 
    font-size: 11px;
     */
    line-height: 20px;
    display: block;
    padding: 5px 15px;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -ms-transition: all 0.15s;
    transition: all 0.15s;
}

#sb-accordian ul ul li a.menu1 {
    background: #000;
    color: white;
    text-decoration: none;
    /* 
    font-size: 11px;
     */
    line-height: 20px;
    display: block;
    padding: 5px 15px;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -ms-transition: all 0.15s;
    transition: all 0.15s;
}

#sb-accordian ul ul li a:hover {
    background: #003545;
    /* 
    border-left: 5px solid #09c;
     */
}

/* active 클래스 외에 것은 보이지 않게 하기 */
#sb-accordian ul ul {
    display: none;
}

#sb-accordian li.active ul {
    display: block;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 22.563px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 22.563px; 
  }
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; 
}
.select2-search--dropdown .select2-search__field {
    padding: 0px 3px;
    width: 100%;
    box-sizing: border-box; 
  }
.select2-results__option {
    padding: 1px 3px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #05b1c5;
  color: white; 
}  
.text-center{
    text-align:center !important;
}
.text-left{
    text-align:left  !important;
}
.text-right{
    text-align:right  !important;
}

input.so-buyer-info-yellow{
    width: 100%;
    height: 100%;
    background-color: rgb(243, 229, 156);
    border:1px outset black;
}
input.so-buyer-info-green{
    width: 100%;
    height: 100%;
    background-color: #04ff07;
    border:1px outset black;
}
input.so-buyer-info-red{
    width: 100%;
    height: 100%;
    background-color: #efdce7;
    border:1px outset black;
}
input.so-buyer-info-default{
    width: 100%;
    height: 100%;
}