@charset "utf-8";

/* 디자인 구현 (베이스 소스를 기반으로 플젝 디자인별 적용)  */
strong {font-weight:500;font-family: 'notoSans'; }


/* title */
h2.ub-control.title.hfold .ub-layout.button.inner {padding-right:25px;}
h2.ub-control.title.hfold .ico-fold { right:0; bottom:9px; width:13px; height:13px; background:url('../../images/site/common/ico_fold.gif') no-repeat 0 0;}
.ub-control.title.hfold .ico-fold.on {background-position:0 -23px;}

/* forms */
input.input-text {min-width:60px; height:16px; padding:2px 9px 2px; line-height:16px; border:1px solid #ccc;}
select {padding:2px 9px;}
select.select {min-width:80px; height:22px; padding:0 15px 0 9px; border-color:#ccc; -webkit-appearance:none; appearance:none; background:#fff url('../../images/site/common/ico_arr_select.gif') no-repeat right top;}
select::-ms-expand {display: none;}
select.select:focus {outline:0;}
.radio, .input-checkbox {top:0;}
.input-text, select, .select, .textarea {margin:0 3px 0 0; color:#333; font-size:12px; letter-spacing:-0.5px; border-color:#ccc; }
.textarea {resize:none;}
textarea {padding: 5px 9px 0;}
.readonly {color:#444 !important; background:#f1f1f1 !important;}
.readonly option {color:#444 !important;}
input[type="disabled"],
select:disabled {color:#444 !important; border-color:#cccccc; background:#f1f1f1 url('../../images/site/common/ico_arr_select.gif') no-repeat right top !important; opacity: 1;}
select[disabled]::-ms-value {color:#444 !important;}
textarea:disabled {color:#444 !important; border-color:#cccccc; background:#f1f1f1 !important; opacity: 1;}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {border-color:#2590db;}
.input-text.ui-state-error,
.select.ui-state-error,
.textarea.ui-state-error {border-color:#dab1bf; background:#f8ebf0; color:#444;}
input[type="radio"].readonly, 
input[type="checkbox"].readonly {color:transparent !important; background:transparent !important;}
input[type="checkbox"] + label, 
input[type="radio"] + label, 
.ub-control.table.normal input[type="checkbox"] + label, 
.ub-control.table.normal input[type="radio"] + label, 
.ub-layout.search .ub-control.table.normal input[type="radio"] + label, 
.ub-control.table.list input[type="checkbox"] + label, 
.ub-control.table.list input[type="radio"] + label {margin-left:6px; margin-right:20px; vertical-align: middle;}
.flex-layout input[type="checkbox"] + label, 
.flex-layout  input[type="radio"] + label {margin-right:0;}
/* input radio  */
input[type="radio"],
input[type="checkbox"] {position:relative;}
input[type="radio"]:before,
input[type="checkbox"]:before {position:absolute; top: 0; left: -1px; display:inline-block; content:" "; width:12px; height:12px;  margin-right:5px; vertical-align:top;  border:1px solid #cccccc; border-radius:50%; background-color:#fff;}
input[type="radio"]:checked:before,
input[type="checkbox"]:checked:before {background:#fff url('../../images/site/common/ico_radio.gif') no-repeat 50% 50%;}
input[type="radio"]:disabled:before,
input[type="checkbox"]:disabled:before {border-color:#cccccc; background-color:#e3e3e3;}
input[type="radio"]:checked:disabled:before,
input[type="checkbox"]:checked:disabled:before {background:#e3e3e3 url('../../images/site/common/ico_radio_disabled.gif') no-repeat 50% 50%;}
/* input checkbox  */
input[type="checkbox"]:before {border-radius:0;}
input[type="checkbox"]:checked:before {border:1px solid #cccccc;  background:#fff url('../../images/site/common/ico_check.gif') no-repeat 50% 50%;}
input[type="checkbox"]:checked:disabled:before {background:#e3e3e3 url('../../images/site/common/ico_check_disabled.gif') no-repeat 50% 50%;}
.cbox {left:0;}
/* placeholder */
textarea::placeholder {
     color:#bebebe;
     letter-spacing: -0.8px;
 } 
 
 input[type=text]:-ms-input-placeholder {
     color:#bebebe;
     letter-spacing: -0.8px;
 }
 input[type=text]::-webkit-input-placeholder {
     color:#bebebe;
     letter-spacing: -0.8px;
 }
 input[type=text]::-moz-placeholder {
     color:#bebebe;
     letter-spacing: -0.8px;
 }
 input[type=text]::placeholder {
     color:#bebebe;
     letter-spacing: -0.8px;
 }
 input[type=number]:-ms-input-placeholder {
     color:#bebebe;
     letter-spacing: -0.8px;
 }
 input[type=number]::-webkit-input-placeholder {
     color:#bebebe;
     letter-spacing: -0.8px;
 }
 input[type=number]::-moz-placeholder {
     color:#999;
     letter-spacing: -0.8px;
 }
 input[type=number]::placeholder {
     color:#bebebe;
     letter-spacing: -0.8px;
 }
 input[type=password]:-ms-input-placeholder {
     color:#bebebe;
     letter-spacing: -0.8px;
 }
 input[type=password]::-webkit-input-placeholder {
     color:#bebebe;
     letter-spacing: -0.8px;
 }
 input[type=password]::-moz-placeholder {
     color:#bebebe;
     letter-spacing: -0.8px;
 }
 input[type=password]::placeholder {
     color:#bebebe;
     letter-spacing: -0.8px;
 }

/* table */
.ub-control.table {table-layout:fixed;}
.ub-control.table label, 
.ub-control.table span, 
.ub-control.table strong,
.ub-control.table a {font-size:13px;}
.in-td {padding: 6px 10px 13px !important;}
.in-td .ub-control.table.normal th {padding:6px 10px 5px 10px;}
.in-td .ub-control.table.normal th label, 
.in-td .ub-control.table.normal td label, 
.in-td .ub-control.table.list th label, 
.in-td .ub-control.table.list td label {line-height:17px; vertical-align: top;}
.ub-control.table.list {border-top:1px solid #8c8c8c;}
.ub-control.table.list thead th {padding:5px 10px 3px; height: 22px; background:#f4f4f4; border-right:0;border-left:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; font-family: 'notoSans';  font-weight:500; font-size:13px; }
.ub-control.table.list thead th label {color:#444;}
.ub-control.table.list thead tr:first-child th:first-child,
.ub-control.table.list tbody td:first-child {border-left:0;}
.ub-control.table.list tbody td {padding: 3px 10px; height: 24px; border-right:0;border-left:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
.ub-control.table.normal td input {margin-left:0;}
.ub-control.table.normal {border-top:1px solid #8c8c8c;}
.ub-control.table.normal label {vertical-align:middle;}
.ub-control.table.normal th {height: 20px;padding: 5px 5px 3px 3px;color:#444; font-weight:normal; border-bottom:1px solid #d0d0d0; vertical-align:top; background:#f8f6fd;}
.ub-control.table.normal th label {margin:0 4px 0 0; padding-left:10px; font-size:12px; font-weight:500;  vertical-align:top; letter-spacing:-0.5px; background:none;}
.ub-control.table.normal td {height: 21px; padding:2px 5px 2px 8px; font-size:0; line-height:18px; vertical-align:middle;}
.ub-control.table.normal td label {display:inline-block; font-size:12px;}
.ub-control.table.normal tbody th .radio, 
.ub-control.table.normal tbody td .radio, 
.ub-control.table.normal tbody th .input-checkbox, 
.ub-control.table.normal tbody td .input-checkbox, 
.ub-control.table.normal tbody th .cbox, 
.ub-control.table.normal tbody td .cbox {top:-0.5px; margin-left:5px;}
.ub-control.table.normal tbody td .floatBox .radio, 
.ub-control.table.normal tbody td .floatBox .input-checkbox, 
.ub-control.table.normal tbody td .floatBox .cbox,
.ub-control.table.normal tbody td .floatBox label {margin-top:4px;}
.ub-control.table.normal tbody th .radio, 
.ub-control.table.normal tbody th .input-checkbox, 
.ub-control.table.normal tbody th .cbox {left:11px;}
.ub-control.table.normal.bg-gray {border-color:#d0d0d0;}
.ub-control.table.normal.bg-gray th {background:#f4f4f4;}
.ub-control.table.normal tbody td th,
.ub-control.table.normal tbody td td {vertical-align:middle;}
.ub-control.table.stats {border-top:2px solid #444;}
.ub-control.table.stats thead th {padding:7px 5px 9px; color:#444; font-family: 'notoSans'; font-weight:500; border:0; border-left:1px solid #c2c2c2;  border-bottom:1px solid #c2c2c2; background:#f1f1f1;}
.ub-control.table.stats thead th:first-child {border-left:0;}
.ub-control.table.stats tbody th,
.ub-control.table.stats tbody td {padding:5px 5px 7px; border:0; border-left:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; border-top:1px solid #d0d0d0;} 
.ub-control.table.stats tbody th:first-child,
.ub-control.table.stats tbody td:first-child {border-left:0;}
.ub-control.table.stats a {color:#1380bf;}
.ub-control.table.stats thead th a, 
.ub-control.table.stats tbody th a {color:#2151be;}
.ub-control.table.stats thead th strong {font-size:12px;}
.ub-control.table.stats tfoot th:first-child {border-left:0;}
.ub-control.table.stats tfoot td:last-child {border-right:0;}
.label-txt, .label-txt01,
.ub-layout.sub-desc li {padding-left:9px; background-position: 0 7px;}
.ub-control.table.normal th.sub-th, 
.ub-control.table.normal th.sub-line, 
.ub-control.table.normal td.sub-line {border-left: 1px solid #d6d6d6;}
.ub-control.table.normal.multi thead th,
.ub-control.table.normal.multi tbody th {background:#f6f6f7;}
.ub-control.table.normal.data {border-top:1px solid #8c8c8c;}
.ub-control.table.normal.data tbody th,
.ub-control.table.normal.data tbody td {vertical-align:middle;}
.ub-control.table.normal.data tbody th {background:none;}
.ub-control.table.normal.data tbody td {background-position:0 8px;}
.ub-control.table.normal.boxing {border:1px solid #d0d0d0; background:#f5f5f5;}
.ub-control.table.normal.boxing tbody th,
.ub-control.table.normal.boxing tbody td {height:26px; border-bottom:0; background:transparent;}
.ub-control.table.normal.boxing tbody tr:first-child th,
.ub-control.table.normal.boxing tbody tr:first-child td {padding-top:6px;}
.ub-control.table.normal.boxing tbody tr:first-child th label {margin-top:3px;}
.ub-control.table.normal.boxing tbody tr:last-child th,
.ub-control.table.normal.boxing tbody tr:last-child td {padding-bottom:6px;}
.ub-control.table.normal.boxing tbody th {padding: 7px 5px 0px 50px;}
.ub-control.table.normal.boxing tbody th label::before {display:inline-block; content:' '; width:3px; height:9px; margin-right:7px; vertical-align:middle; background:url('../../images/site/common/bul_arr_gray.gif') no-repeat 0 0;}
.ub-control.table.normal.boxing tbody td {padding: 2px 5px 2px 5px;}
.ub-layout.list-tbl-wrap {padding:5px 20px;}
.ub-layout.list-tbl-wrap .ub-control.table.list {border-top:0;}
.ub-layout.list-tbl-wrap .ub-control.table.list thead th {background:#edf1f9;}
.ub-layout.list-tbl-wrap .ub-control.table.list thead th,
.ub-layout.list-tbl-wrap .ub-control.table.list tbody td {border:1px solid #d0d0d0;}
.ub-layout.list-tbl-wrap .ub-control.table.list tbody td:first-child,
.ub-layout.list-tbl-wrap .ub-control.table.list thead th:first-child {border-left:1px solid #d0d0d0;}
.ub-control.table.normal td .floatBox>.leftBox+.leftBox {margin-left:3px;}
.ub-control.table.normal td .floatBox>.leftBox+.leftBox .ub-layout.button.inner {margin-top:0; margin-bottom:3px;}
.ub-control.table.normal td .ub-control.table.normal th {background:#f4f4f4;}

/* buttons */
.ub-layout.button.top,
.ub-layout.button.bottom,
h2.ub-control.title .ub-layout.button.inner, 
h3.ub-control.title .ub-layout.button.inner, 
h2.ub-control.title, 
h3.ub-control.title,
.ub-layout.button.inner, 
th .ub-layout.button.inner, 
td .ub-layout.button.inner,
.ub-layout.file-up {font-size:0;}
.ub-layout.button.top label,
.ub-layout.button.bottom label,
h2.ub-control.title .ub-layout.button.inner label, 
h3.ub-control.title .ub-layout.button.inner label, 
.ub-layout.button.inner label, 
th .ub-layout.button.inner label, 
td .ub-layout.button.inner label,
.ub-layout.file-up label,
.ub-layout span,
.ub-layout.button.inner li {font-size:12px; vertical-align:middle;}
.ub-layout.button.top {top:2px; right:0;}
.ub-control.button.top,
.ub-control.button.top:hover,
.ub-layout.button.bottom .ub-control.button.bottom,
.ub-layout.button.bottom .ub-control.button.bottom:hover,
.ub-layout.button.bottom .ub-control.button.bottom.left,
.ub-layout.button.bottom .ub-control.button.bottom.left:hover,
h2.ub-control.title .ub-layout.button.inner .ub-control.button.inner, 
h3.ub-control.title .ub-layout.button.inner .ub-control.button.inner, 
h2.ub-control.title .ub-control.button.inner, 
h3.ub-control.title .ub-control.button.inner,
h2.ub-control.title .ub-layout.button.inner .ub-control.button.inner:hover, 
h3.ub-control.title .ub-layout.button.inner .ub-control.button.inner:hover, 
h2.ub-control.title .ub-control.button.inner:hover, 
h3.ub-control.title .ub-control.button.inner:hover,
.ub-layout.button.inner .ub-control.button.inner, 
.ub-control.button.inner,
th .ub-control.button.inner, 
td .ub-control.button.inner,
th .ub-control.button.inner:hover, 
td .ub-control.button.inner:hover,
.ub-layout.file-up .ub-control.button.inner,
.ub-layout.file-up .ub-control.button.inner:hover,
.ub-layout.button.inner .ub-control.button.inner:hover, 
.ub-control.button.inner:hover  {height:auto; padding-left:0; background:none;}
.ub-control.button.top,
.ub-control.button.top:hover,
.ub-layout.button.bottom .ub-control.button.bottom,
.ub-layout.button.bottom .ub-control.button.bottom:hover,
.ub-control.button.inner,
.ub-control.button.inner:hover {margin-right: 3px;}
.ub-control.button.top:last-child,
.ub-control.button.top:hover:last-child,
.ub-layout.button.bottom .ub-control.button.bottom:last-child,
.ub-layout.button.bottom .ub-control.button.bottom:hover:last-child,
.ub-control.button.inner:last-child,
.ub-control.button.inner:hover:last-child  {margin: 0;}
.ub-control.button.top a,
.ub-layout.button.bottom .ub-control.button.bottom a,
h2.ub-control.title .ub-layout.button.inner .ub-control.button.inner a, 
h3.ub-control.title .ub-layout.button.inner .ub-control.button.inner a, 
h2.ub-control.title .ub-control.button.inner a, 
h3.ub-control.title .ub-control.button.inner a,
.ub-layout.button.inner .ub-control.button.inner a, 
.ub-control.button.inner a,
th .ub-control.button.inner a, 
td .ub-control.button.inner a,
.ub-layout.file-up .ub-control.button.inner a,
td input[type="button"]  {height: 24px; min-width:35px; padding:0 14px; border:1px solid #5e4497; color:#fff; font-size:12px; font-weight:500;  line-height:23px; text-align:center; background:#7451c0;}
.ub-control.button.top:hover a { border:1px solid #422879; background:#512ba2;}
.ub-layout.button.bottom .ub-control.button.bottom a  {height: 24px; border:1px solid #5b646d; background:#6b7782; }
.ub-layout.button.bottom .ub-control.button.bottom:hover  a  {border:1px solid #384149; background:#435260;}
.ub-layout.button.bottom .ub-control.button.bottom.left a {border:1px solid #4680b7;  background:#4b97dd;}
.ub-layout.button.bottom .ub-control.button.bottom.left:hover a {border:1px solid #3d71a1; background:#3f79ae;}
h2.ub-control.title .ub-layout.button.inner .ub-control.button.inner a, 
h3.ub-control.title .ub-layout.button.inner .ub-control.button.inner a, 
h2.ub-control.title .ub-control.button.inner a, 
h3.ub-control.title .ub-control.button.inner a {height: 22px; padding:0 10px; border:1px solid  #a088d5;  color:#7451c0; line-height:21px; background:#fff;}
h2.ub-control.title .ub-layout.button.inner .ub-control.button.inner:hover a, 
h3.ub-control.title .ub-layout.button.inner .ub-control.button.inner:hover a, 
h2.ub-control.title .ub-control.button.inner:hover a, 
h3.ub-control.title .ub-control.button.inner:hover a {background:#f1edf9;}
.ub-layout.button.inner .ub-control.button.inner a, 
.ub-control.button.inner a,
.ub-layout.file-up .ub-control.button.inner a,
th .ub-control.button.inner.excel a, 
td .ub-control.button.inner.excel a {height: 22px; padding: 0 10px; border:1px solid #a088d5; color:#7451c0; line-height: 21px; background:#f1edf9;}
.ub-layout.button.inner .ub-control.button.inner:hover a, 
.ub-control.button.inner:hover a,
.ub-layout.file-up .ub-control.button.inner:hover a,
th .ub-control.button.inner.excel:hover a, 
td .ub-control.button.inner.excel:hover a  {border: 1px solid #a088d5; background:#fff;}
th .ub-control.button.inner {margin:0 0 0 5px !important;}
th .ub-layout.button.inner .ub-control.button.inner a, 
td .ub-layout.button.inner .ub-control.button.inner a,
th .ub-control.button.inner a, 
td .ub-control.button.inner a,
td input[type="button"] {height: 20px; padding: 0 15px; border:1px solid #8c8c8c;  color:#fff; line-height:19px; background:#a0a0a0;}
th .ub-layout.button.inner .ub-control.button.inner:hover a, 
td .ub-layout.button.inner .ub-control.button.inner:hover a,
th .ub-control.button.inner:hover a, 
td .ub-control.button.inner:hover a,
td input[type="button"]:hover  {border:1px solid #6c6c6c; background:#848484;}
th .ub-control.button.inner .ico-excel, 
td .ub-control.button.inner .ico-excel {margin-right:3px !important;}
#fileUp,
#fileUp a {height:22px; line-height:20px; box-sizing: border-box;}
#fileUp input {height:22px; cursor:pointer; }
td input[type="button"] {height: 22px !important;}
h2.ub-control.title .ub-layout.button.inner, 
h3.ub-control.title .ub-layout.button.inner {top: 5px;}

/* icon */
.ub-control.button.top a span {vertical-align:middle;}
.ub-layout.button.inner .ub-control.button.inner span {margin:0;}
span.ico-register {margin-right:7px; background:url('../../images/site/common/icons_btn.png') no-repeat 0 0;}
span.ico-list {height:15px; margin-right:7px; background:url('../../images/site/common/icons_btn.png') no-repeat 0 -25px;}
span.ico-find  {height:16px; margin-right:7px; background:url('../../images/site/common/icons_btn.png') no-repeat 0 -52px;}
span.ico-print {margin-right:7px; background:url('../../images/site/common/icons_btn.png') no-repeat  -27px -23px;}
span.ico-excel {background:url('../../images/site/common/icons_btn.png') no-repeat  -27px -49px;}
.ub-layout.button.inner .ub-control.button.inner span.ico-excel {margin: -2px 4px 0 0; }
span.ico-emergency {width:13px; height:12px;}
.ico-view-detail,
.ico-view-new {display:inline-block; margin-right:5px;}
.ico-view-detail {width:19px; height:14px; background:url('../../images/site/common/ico_view_detail.gif') no-repeat  0 0;}
.ico-view-new {width:20px; height:14px;  background:url('../../images/site/common/ico_view_new.gif') no-repeat  0 0;}

/*  image button */
a.imgBtn, .ui-datepicker-trigger {margin-right:3px;}
a.imgBtn.img-search {width:21px; height:22px; background: url('../../images/site/common/ico_search.gif') no-repeat 50% 50%;}
a.imgBtn.img-plus {width:21px; height:22px; background:url('../../images/site/common/ico_plus.gif') no-repeat 0 0;}
a.imgBtn.img-minus {width:21px; height:22px; background:url('../../images/site/common/ico_minus.gif') no-repeat 0 0;}
a.imgBtn.img-up {width:21px; height:22px; background:url('../../images/site/common/ico_up.gif') no-repeat 0 0;}
a.imgBtn.img-down {width:21px; height:22px; background:url('../../images/site/common/ico_down.gif') no-repeat 0 0;}
a.imgBtn.img-left {width:21px; height:22px; background:url('../../images/site/common/ico_left.gif') no-repeat 0 0;}
a.imgBtn.img-right {width:21px; height:22px; background:url('../../images/site/common/ico_right.gif') no-repeat 0 0;}

/* ui-multiselect */
.ui-multiselect  {height:22px; padding:2px 0 0 11px; line-height:15px;}
.ui-multiselect span {font-size:12px;}
.ui-multiselect span.ui-icon {margin-top:1px;}
.ui-widget-header {font-weight:500; font-family: 'notoSans'; }
.ui-state-default .ui-icon {width: 14px; background:url('../../images/site/common/ico_arr_double.gif') no-repeat 0 1px;}
.ui-multiselect-header {margin-bottom: 5px;}
.ui-multiselect-menu.ui-widget-content {box-sizing:border-box;}
.ui-multiselect-checkboxes li {padding:0 8px;]}
.ui-multiselect-checkboxes label {padding: 2px 5px; color:#444; font-size:12px;}
.ui-multiselect-checkboxes label.ui-state-hover {color:#444;}
.ui-multiselect-checkboxes label input {top:-2px; margin:0 6px 0 2px;}

/* jqgrid */
.ui-jqgrid {margin-bottom:10px; border-top:2px solid #444 !important; border-left:0; border-right:0;}
.ui-jqgrid .ui-jqgrid-hbox,
.ui-jqgrid .ui-jqgrid-hdiv {border-bottom:0 !important; background:#f1f1f1;}
.ui-th-column, 
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {padding:4px 3px 5px; border-color:#c2c2c2 !important; border-bottom:1px solid #c2c2c2 !important; vertical-align:middle; background:#f1f1f1; box-sizing:border-box;}
.ui-jqgrid .ui-jqgrid-htable th div {margin:0; padding:0; line-height: 19px;  color:#444; font-size:12px; font-weight:500; font-family: 'notoSans';}
.ui-jqgrid .ui-jqgrid-hbox .ui-state-default, 
.ui-jqgrid .ui-jqgrid-hbox .ui-state-default a {color:#444; font-size:12px; font-weight:500; font-family: 'notoSans'; background:#f1f1f1;} 
.ui-th-column-header, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header {height:19px !important; vertical-align:middle;}
.ui-jqgrid .ui-jqgrid-bdiv {overflow-x:auto !important;}
.ui-jqgrid tr.ui-row-ltr td {height:30px; padding:3px 5px; color:#444; font-size:12px; border-bottom-width:0; border-color:#d0d0d0 !important; border-top:1px solid #d0d0d0; box-sizing:border-box; background:#fff;}
.ui-jqgrid tr.ui-row-ltr:last-child td {border-bottom:1px solid #d0d0d0;}
.ui-jqgrid tr.ui-row-ltr:nth-child(2) td {border-top:0;}
.ui-jqgrid tr.ui-row-ltr td a,
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {color:#444;}
.ui-jqgrid tr.ui-row-ltr td.jqgrid-rownum {background:#dedede !important;}
.ui-jqgrid .even th, .ui-jqgrid .even td {background:none;}
.ui-jqgrid tr.ui-state-hover td {background:#edf1f9  !important;} 
.ui-jqgrid tr.ui-state-highlight {background:transparent  !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {color:#444;}
.ui-jqgrid tr.footrow td {height:32px; padding:2px 5px; font-size:12px; font-weight:normal; box-sizing:border-box;}
.ui-jqgrid .ui-jqgrid-htable .jqg-first-row-header th,
.ui-jqgrid tr.jqgfirstrow td {padding:0; !important; border:0; box-sizing:border-box;}
.in-td .ui-jqgrid {border-top:2px solid #444 !important;}
td .ui-jqgrid .ui-jqgrid-htable th {background:#f1f1f1 !important;}
.in-td .ui-jqgrid .ui-jqgrid-htable th {height:23px !important; padding:6px 2px 5px !important; background:#f1f1f1 !important;}
.in-td .ui-jqgrid tr.jqgrow td {height: 31px !important; font-size:12px; border-bottom:0 !important;}
.ui-jqgrid tr.ui-row-ltr:last-child td {border-bottom:1px solid #c2c2c2 !important;}
.ui-jqgrid .s-ico {position:absolute; right:13px; margin:5px 0 0 0;}
.ui-jqgrid .ui-icon-asc {margin-top: 1px; width: 8px; height:4px;}
.ui-jqgrid .ui-icon-desc {margin-top: 6px;height: 6px; }
.ui-jqgrid .ui-state-default .ui-icon {width:7px; background:url('../../images/site/common/ico_arr_double_grid.gif') no-repeat 0 -6px;}
.ui-jqgrid .ui-state-default .ui-icon.ui-state-disabled {background-position:-11px 0;}
.ui-jqgrid .ui-state-default .ui-icon-desc.ui-icon.ui-state-disabled {background-position:-11px -6px;}
.ui-jqgrid .ui-state-hover .ui-icon, 
.ui-state-focus .ui-icon {background-image:url('../../images/site/common/ico_arr_double_grid.gif') no-repeat 0 0;}
.ui-jqgrid .ui-state-hover .ui-icon.ui-icon-asc, 
.ui-jqgrid .ui-state-default .ui-icon.ui-icon-asc {background-position:0 0;}
.ui-jqgrid .ui-icon-asc.ui-icon-triangle-1-n.ui-state-disabled {background-position: 0 0;}
.ui-jqgrid .ui-jqgrid-view input, .ui-jqgrid .ui-jqgrid-view select, .ui-jqgrid .ui-jqgrid-view textarea, .ui-jqgrid .ui-jqgrid-view button {font-size:12px;}
.ui-jqgrid .edit-cell.ui-state-highlight {border-top:1px solid #c2c2c2;}
/* frozen grid */
.frozen-bdiv.ui-jqgrid-bdiv,
.frozen-sdiv.ui-jqgrid-sdiv {margin-top:-1px;}

/* paging */
.ub-layout.pagging .ub-control.button.imgBtn {width:22px; height:24px; margin-right: 4px; margin-top:0; border:1px solid #a1a1a1; background-color:#eeeeee; box-sizing:border-box; background-repeat:no-repeat; background-position:50% 50%;}
a.imgBtn.img-pagging-first {background-image:url('../../images/site/common/ico_pn_first.gif');}
a.imgBtn.img-pagging-prev {margin-right:7px;  background-image:url('../../images/site/common/ico_pn_prev.gif');}
a.imgBtn.img-pagging-next {margin-left: 2px; background-image:url('../../images/site/common/ico_pn_next.gif');}
a.imgBtn.img-pagging-last {background-image:url('../../images/site/common/ico_pn_last.gif');}
.ub-layout.pagging .ub-control.pagging em.num {display:inline-block; width:24px; height:24px; padding: 0 4px 0 3px; color:#fff; font-weight:normal; line-height: 23px; box-sizing:border-box; background:#7e7e7e !important;}
.ub-layout.pagging a.num {margin:0 5px; padding: 0 4px 0 3px; font-size:12px; font-family:'notoSans','Malgun Gothic', '맑은 고딕'; font-weight:normal; color:#333; text-decoration:none; background:none;}
.ub-layout.pagging .ub-control + .num:before, 
.ub-layout.pagging .total-count + .num:before {content:none;}
.ub-layout.pagging .total-count {left: 0; padding-left: 0;color:#333; font-size:12px; background:none;}
.ub-layout.pagging .select-pagging label {margin-right:5px; font-size:12px;}

/* tab */
.ub-page.tab .ub-frame.body {margin-top:10px;}
.ub-control.tab {margin-top:10px;}
.ub-control.tab .ui-tabs-nav {height: 27px;}
.ub-control.tab .ui-tabs-nav .ui-state-default {padding:0; margin:1px 3px 0 0; border:0;  background:none;}
.ub-control.tab .ui-tabs-nav .ui-state-default .ui-tabs-anchor { height: 24px; padding:0 22px; border-top:1px solid #cacaca; border-left:1px solid #cacaca; border-right:1px solid #cacaca;  background:#eaeaea;}
.ub-control.tab .ui-tabs-nav .ui-state-default .ui-tabs-anchor label {color:#a9a9a9;  font-size:12px; font-weight:normal; line-height:24px;}
.ub-control.tab .ui-tabs-nav .ui-state-active {height:25px;}
.ub-control.tab .ui-tabs-nav .ui-state-active .ui-tabs-anchor {padding:0 16px; border:1px solid #7451c0;  background:#8668c8;}
.ub-control.tab .ui-tabs-nav .ui-state-active .ui-tabs-anchor::after {position:absolute; bottom:-6px; left:50%; display:inline-block; content:' '; width:10px; height:6px; margin-left:-5px; background:url('../../images/site/common/ico_arr_tab.gif') no-repeat  0 0;}
.ub-control.tab .ui-tabs-nav .ui-state-active .ui-tabs-anchor label {color:#fff;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a {color:#7451c0;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active::before {background:#6f50b5;}

/* dialog */
.ui-dialog.ui-widget-content {border:1px solid #818181;}
.ui-dialog.ui-widget-content {border:0;}
.ui-dialog .ui-dialog-titlebar {padding:8px 13px 9px; font-size:14px;  font-family:'notoSans'; font-weight:500; border:1px solid #3c3e42; background:#424242;} 
.ui-dialog .ui-dialog-titlebar.ui-widget-header {border:1px solid #545454;}
.ui-dialog .ui-dialog-title {margin:0;}
.ui-dialog .ui-dialog-titlebar-close {top:50%; right:10px; margin-top:-11px;}
.ui-dialog .ui-widget-header .ui-icon {width:17px; height:17px; background:url('../../images/site/common/ico_close_popup_w.gif') no-repeat  0 0;}
.ui-dialog .ui-dialog-content.ui-widget-content {font-size:12px;line-height: 18px; border-left:1px solid #818181; border-right:1px solid #818181; border-bottom:1px solid #b8b8b8;}
.ui-dialog .ui-dialog-buttonpane.ui-widget-content { height: 32px; border-top:0; border-left:1px solid #818181; border-right:1px solid #818181;border-bottom:1px solid #818181;}
.ui-dialog .ui-dialog-buttonpane.ui-widget-content .ui-button-text-only .ui-button-text {font-size:12px;}
.ui-dialog .ui-dialog-buttonpane button { margin: 3px 5px 4px 0; border:1px solid #686868; border-radius:0; background:#828282;}
.ui-dialog .ui-dialog-buttonpane button:hover {border:1px solid #575757; background:#6c6c6c;}
.ui-button-text-only .ui-button-text {padding: 0px 15px;height: 24px;line-height: 22px; color:#fff;}
.ui-dialog .ub-layout.search .search-advanced.close .btn {top:-5px;}

/* datepicker */
.ui-datepicker {z-index:10 !important;}
.ui-datepicker.ui-widget-content {border:0;}
.ui-datepicker .ui-datepicker-header {height: 31px; border: 1px solid #4e443f; background: #474953;}
.ui-datepicker .ui-datepicker-title {margin: 2px 23px 2px;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {height:22px; margin: 3px 0; border:1px solid #484848; font-size:12px; vertical-align:top; appearance:none; background:#fff url('../../images/site/common/ico_arr_select.gif') no-repeat right top;}
.ui-datepicker select.ui-datepicker-year {width:68px;}
.ui-datepicker select.ui-datepicker-month {width:63px;}
.ui-datepicker .ui-widget-header .ui-datepicker-prev, 
.ui-datepicker .ui-widget-header .ui-datepicker-next {width: 23px; height:32px; background:#474953;}
.ui-datepicker .ui-widget-header .ui-datepicker-prev.ui-datepicker-prev-hover, 
.ui-datepicker .ui-widget-header .ui-datepicker-next.ui-datepicker-next-hover {background: #373941;}
.ui-datepicker .ui-widget-header .ui-datepicker-prev { border-right: 1px solid #4e443f;}
.ui-datepicker .ui-widget-header .ui-datepicker-next { border-left: 1px solid #4e443f;}
.ui-widget-header .ui-datepicker-prev .ui-icon, 
.ui-widget-header .ui-datepicker-next .ui-icon {top:11px; left:8px;}
.ui-datepicker table {margin:0; border-left:1px solid #818181;border-right:1px solid #818181;border-bottom:1px solid #818181;}
.ui-datepicker th {padding: 5px 0 6px; font-weight:500; font-size:12px; font-family: 'notoSans';  background: #e8e8e8;}
.ui-datepicker td {padding:4px 0;  font-size:12px;}
.ui-datepicker td span, .ui-datepicker td a.ui-state-default {padding: 3px 0 4px; font-size: 12px;}
.ui-datepicker .ui-state-default.ui-state-active {padding: 3px 0 4px;}
.ui-datepicker .ui-datepicker-today .ui-state-default {padding: 3px 0 4px; background: #1884e0;}
.ui-datepicker .ui-datepicker-week-end:first-child .ui-state-default, 
.ui-datepicker .ui-datepicker-week-end:first-child span {color:#e94731;}
.ui-datepicker .ui-datepicker-week-end .ui-state-default, 
.ui-datepicker .ui-datepicker-week-end span {color:#0c6db8;}


/* dynatree */
.ub-layout.treeBox {padding: 10px 17px;}
span.dynatree-node a {color:#333; font-size:12px;}
span.dynatree-active a {color:#fff !important; font-family:"notoSans"; font-weight:500; background-color:#3e78ed !important;}
ul.dynatree-container a {margin-top:-1px;}
span.dynatree-checkbox {margin-top:-6px;}
span.dynatree-icon {
	height:18px;
	margin-top:-4px;
	background:url('../../images/site/common/ico_file_tree.gif') no-repeat 0 20%;
}
.dynatree-ico-cf span.dynatree-icon {
	background:url('../../images/site/common/ico_folder_closed.gif') no-repeat 0 20%;
}
.dynatree-ico-ef span.dynatree-icon {
	background:url('../../images/site/common/ico_folder_opened.gif') no-repeat 0 20%;
}
span.dynatree-expander,
.dynatree-exp-cd span.dynatree-expander,
.dynatree-exp-cl span.dynatree-expander,
.dynatree-exp-cdl span.dynatree-expander {
	background:url('../../images/site/common/ico_arr_tree_closed.gif') no-repeat 0 20%;
}
.dynatree-exp-e span.dynatree-expander, 
.dynatree-exp-ed span.dynatree-expander,
.dynatree-exp-el span.dynatree-expander, 
.dynatree-exp-edl span.dynatree-expander {
	background:url('../../images/site/common/ico_arr_tree_opened.gif') no-repeat 0 20%;
}
span.dynatree-connector,
ul.dynatree-container li {background:none;}
ul.dynatree-container li {padding: 5px 0 0 0;}
span.dynatree-expander, 
.dynatree-exp-cd span.dynatree-expander {
	width: 4px;
    height: 12px;
	margin-top: -6px;
    margin-right: 7px;
}
span.dynatree-expander {width: 6px;}

/* etc */
.floatBox:after {height:auto;}
.txt-color01 {color:#dc3c92  !important;}
.txt-color02 {color:#4a6fe7 !important;}
.link-color01 {color:#dc3c92 !important; text-decoration:underline;}
.link-color02 {color:#4a6fe7 !important; text-decoration:underline;}
.bg01 {color:#004fb1; background:#e6f3fb;}
.bg02 {background:#e8ebf9;}
.label-txt, .label-txt01, .ub-layout.sub-desc li{background-position: 0 9px;}
h2.ub-control.title .ub-layout.button.inner label {margin:0 2px;}
.caution .caution-txt, .ub-layout.sub-desc .label-txt02, .caution-txt, .label-txt02 {background-position:3px 4px;}

/* search */
.ub-layout.search,
.ub-layout.search.etc01,
.ub-page.detail .ub-layout.search, 
.ub-layout.search.etc01 {padding: 3px; background: #f2f2f2;border: 1px solid #9c9c9c;}
.ub-layout.search::after,
.ub-layout.search.etc01::after,
.ub-page.detail .ub-layout.search::after, 
.ub-layout.search.etc01::after {
	display: block;
    content: ' ';
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #d1d1d1;
    background: #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;
}
.ub-layout.search .ub-control.table.normal {
	position:relative;
	margin:18px 33px;
	z-index:2;
}
.ub-layout.search .ub-control.table.normal th {height: 18px; padding: 1px 5px 1px 3px;}
.ub-layout.search .ub-control.table.normal td {height: 18px; padding: 1px 5px 2px 10px;}
.ub-layout.search .ub-control.table.normal th label {padding-left:8px; font-size:12px; font-weight:500; background:url('../../images/site/common/bul_srch.gif') no-repeat 0 7px;}
.ub-layout.search .ub-control.button.search {top:21px; right:40px; z-index:3;}
.ub-control.button.search,
.ub-control.button.search:hover {height:auto; padding-left:0; background:none;}
.ub-control.button.search a {height: 22px; padding:0 17px 0 33px; border:1px solid #5868af; font-weight:normal; font-size:12px; line-height:21px; background:#667ee5 url('../../images/site/common/ico_srch.png') no-repeat 12px 5px;}
.ub-control.button.search:hover a {height: 22px; border:1px solid #3f519f;background:#3d53b4  url('../../images/site/common/ico_srch.png') no-repeat 12px 5px;}
.ub-layout.search .search-advanced {z-index:4;}
.ub-layout.search .search-advanced .advance {margin: 8px 8px 0;}
.ub-layout.search .search-advanced .btn {top: -19px;  right:50%; width: 86px; height: 20px; margin-right: -43px; background:url('../../images/site/common/btn_advanced.gif') no-repeat 0 0;}
.ub-layout.search .search-advanced.close .btn {top: -16px; background:url('../../images/site/common/btn_advanced.gif') no-repeat 0 -30px;}
.ub-layout.search.etc01 .ub-control.table.normal {margin-top:20px; margin-bottom:20px;}
.ub-layout.search.etc01 .ub-control.table.normal td {font-family:'notoSans'; font-weight:500;}

/* board  */
.ub-layout.comment .reply-area .re-write a {padding-top: 13px !important; font-weight:normal !important;}

/* file add area */
.ub-layout.file-up {position:relative; margin-bottom:15px; padding: 3px; background: #f2f2f2;border: 1px solid #9c9c9c;}
.ub-layout.file-up::after {
	display: block;
    content: ' ';
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #d1d1d1;
    background: #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;
}
.ub-layout.file-up * {position:relative;  z-index:2;}
.ub-layout.file-up>input.input-text,
.ub-layout.file-up>#fileUp {margin:17px 0;}
.ub-layout.file-up>input.input-text {margin-right:3px;}

/* file upload  inside table */
div.filefieldset {max-width:90%; width: auto; min-height:25px; margin:0; padding: 0;}
div.filefieldset .ui-icon {width:19px; height:18px; background-image:url('../../images/site/common/ico_delete_btn.gif');}
.file_link, 
.delete_link {padding:2px 3px 3px 8px;}
.file_link span,
.file_link:hover span {color:#5c7be9; text-decoration:underline !important;}
.file_link:hover span {text-decoration:underline !important;}
.file_link span{width: auto; min-height:20px;}
.ub-control.table.normal td .filefieldset img,
.ub-control.table.normal td .filefieldset label {margin-top:-4px;}
.attachFile {width:100%; margin-top: 3px; padding-left: 70px;}
.attachFile .swfupload {top:1px !important; height:22px !important;}
.swfupload .upload-button,
.swfupload .upload-button:hover {height:22px !important; padding: 0 3px; background: url('../../images/site/common/upload.gif') no-repeat 0 0;}
.progressName {height: 21px;}

/* state bar */
.ub-layout.state-bar {position:relative; margin-bottom:15px; padding: 3px; background: #f2f2f2;border: 1px solid #9c9c9c;}
.ub-layout.state-bar::after {
	display: block;
    content: ' ';
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #d1d1d1;
    background: #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;
}
.ub-layout.state-bar .ub-control.table.normal {
	position:relative;
	margin:8px auto 7px;
	z-index:2;
}
.ub-layout.state-bar ul {display:table; width:auto; margin:0 auto;}
.ub-layout.state-bar ul li {display:table-cell; padding-left:44px; text-align:center;}
.ub-layout.state-bar ul li:first-child {padding-left:0;}
.ub-layout.state-bar .ub-control.table.normal th label {color:#775bb2; font-size:13px; background:url('../../images/site/common/bul_purple.gif') no-repeat 0 10px;}
.ub-layout.state-bar ul li strong,
.ub-layout.state-bar .ub-control.table.normal td label {color:#444;font-weight:500; font-family:'notoSans'; font-size:13px;}
.ub-layout.state-bar ul li .tit-state {padding-left:11px; font-size:13px;  background:url('../../images/site/common/bul_dot_srch.gif') no-repeat 0 7px;}
.ub-layout.state-bar ul li .cont-state {font-size:13px; color:#ee5d00;}

/* input radio  */
.ub-page.board .checkbox-wrap input[type="checkbox"] + label:before,
.ub-page.board  input[type="radio"] + label:before {width:12px !important; height:12px !important;  margin:-2px 5px 0 0  !important; border-radius:0 !important; border:1px solid #cccccc !important;}
.ub-page.board  input[type="radio"] + label:before {border-radius:50% !important;}
.ub-page.board  input[type="radio"]:checked + label:before {background:#fff url('../../images/site/common/ico_radio.gif') no-repeat 50% 50% !important;}
.ub-page.board input[type="radio"]:disabled + label:before,
.ub-page.board .checkbox-wrap input[type="checkbox"]:disabled + label:before {border-color:#cccccc !important; background-color:#e3e3e3 !important;}
.ub-page.board input[type="radio"]:checked:disabled + label:before {background:#e3e3e3 url('../../images/site/common/ico_radio_disabled.gif') no-repeat 50% 50% !important;}
/* input checkbox  */
.ub-page.board .checkbox-wrap input[type="checkbox"]:checked + label:before {background:#fff url('../../images/site/common/ico_check.gif') no-repeat 50% 50% !important;}
.ub-page.board .checkbox-wrap input[type="checkbox"]:checked:disabled + label:before {background:#e3e3e3 url('../../images/site/common/ico_check_disabled.gif') no-repeat 50% 50% !important;}
/* login */
.ub-layout.login .login-content .logo-area h1 {padding: 10px 0 0 15px; }