@charset "utf-8";
/* =================================================================================================
 * ui.jqgrid.css 확장CSS
 * - import시 ui.jqgrid.css 뒤에 선언하여 사용.
 * =================================================================================================
 */

#listDiv {width:100%; clear:both;}

/* 헤더및셀사이즈 */
/*
.ui-jqgrid {font-size:13px;}
.ui-jqgrid .ui-jqgrid-htable th div {height: auto; font-size:13px;}
.ui-jqgrid tr.ui-row-ltr td {font-size:13px;}
.ui-jqgrid tr.ui-row-rtl td {font-size:13px;}
.ui-jqdialog {font-size:13px;}
*/
.ui-jqgrid .ui-jqgrid-htable th {height: 28px;}

/* 홀짝 행구분 추가  */
.ui-jqgrid .ui-row-alt { background-color: #F8F8FE; background-image: none; }

/* row */
.ui-jqgrid tr.jqgrow input[type=text], .ui-jqgrid tr.jqgrow select, .ui-jqgrid tr.jqgrow textarea {width:100%}

/* 페이저네비게이션사이즈 */
.ui-jqgrid .ui-pg-table td {padding:1px; color:#555555;}
.ui-jqgrid .ui-jqgrid-pager {height: 32px;}
.ui-jqgrid .ui-jqgrid-pager .ui-pager-control {height: 100%; padding-top: 1px;}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {height:22px; line-height:22px; padding-right:5px; padding-top: 1px;}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {margin:1px 2px;}

/* 페이저박스사이즈 */
.ui-jqgrid .ui-pg-input {font-size:13px; height:16px;}
.ui-jqgrid .ui-pg-selbox {font-size:13px; height:20px; width:50px;}
.ui-jqgrid .ui-pg-button {letter-spacing: -2px;}

/* 컬럼보기_감추기의 체크박스  */
.ColTable td label {vertical-align:text-bottom;}

/* 멀티검색 버튼패딩 */
.searchFilter input {height: 18px;}
.searchFilter select {height: 20px;}
.searchFilter input.add-rule.ui-add {margin-left: 10px;}



/* =================================================================================================
 * jquery-ui-x.x.x.custom.css 확장CSS
 * =================================================================================================
 */
/* 폰트 사이즈 조정시: 틀고정에서 헤더높이가 어긋남을 확인. */
.ui-widget {
    font: 13px 나눔고딕, nanum, Arial;
}

.ui-widget input {
    height: 18px;
}

.ui-widget select {
    height: 20px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea {
    font: 13px 나눔고딕, nanum, Arial;
    vertical-align: middle;
}


#content .ui-widget-content {
    border: 1px solid #ccc;
    border-top:solid 2px #288ECE;
}

.ui-widget-content {
    border: 1px solid #767676;
		border-radius:6px;
}

.ui-jqgrid.ui-widget-content {
    border-top: 2px solid #3d81cb;
}

.ui-jqgrid .ui-widget-content {
    background-color: #FFFFFF;
    background-image: none;
}

.ui-jqgrid .ui-state-hover {
    background-color: #FFF0A5;
    background-image: none;
		color:#444444;
}

.ui-jqgrid .ui-state-highlight {
    border: 1px solid #ccc;
    background-color: #C1E8FF;
    background-image: none;
}

.ui-jqgrid tr.jqgrow td {
    padding: 10;
    padding-left: 10px;
    padding-right: 10px;
}

.ui-jqgrid .cell-editable {
    background-image: url('../../../common/images/cell_mark_gray.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
}
.ui-jqgrid .cell-required {
    background-image: url('../../../common/images/cell_mark_red.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
}
.ui-jqgrid .cell-dirty {
    background-image: url('../../../common/images/cell_mark_green.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #ccc;
}

.ui-tabs {}
.ui-datepicker {}
.ui-multiselect-checkboxes li {}


/* css for datepicker */
.ui-datepicker-trigger {cursor: pointer;}
.ui-datepicker select.ui-datepicker-year {width:60px;}
.ui-datepicker select.ui-datepicker-month {width:85px;}

/* =================================================================================================
 * 추가 클래스
 * =================================================================================================
 */
img, button {border:none; vertical-align:middle;}

/* Tag: check,radio 라벨 */
.label_check input {
    vertical-align: text-bottom;
}

div.title {
    margin:15px 0 0 0;
    padding:2px 0 0 5px;
    height:25px;
    font-weight:bold;
    font-size:16px;
    color:#046299;
}

table.section {
    width: 100%;
    padding: 0;
    margin: 0 0 3px 0;
    border: 0;
    border-collapse:collapse;
}
table.section td {padding: 3px 0;}

table.master_table {
    width: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: 0;
    border-collapse:collapse;
}
table.master_table td {padding: 4px;}
table.master_table img {}
table.master_table select {}
table.master_table input[type='text'] {}

.iText {height:18px; line-height:18px; border:1px solid #a5acb2; vertical-align:middle;}
.inp_reqr {}
.inp_code {border:1px solid #aaaaaa; background:#cccccc; margin-right:3px; width:78px;}
.inp_read {border:1px solid #cccccc; background:#eeeeee;}
.inp_none {border:none; background:#ffffff; width:100%}
.inp_read.inp_none {border:none; background:#ffffff; width:100%}

.label_check {cursor:pointer;}
.label_check input {padding:0; margin:3px 5px 0 12px;}

.time_01 {padding:0 2px 0 0; text-align:center; width:40px;}
.time_02 {padding:0 2px 0 0; text-align:center; width:60px;}
.date_01 {padding:0 2px 0 0; text-align:center; width:76px;}
.date_02 {padding:0 2px 0 0; text-align:center; width:96px;}
.date_03 {padding:0 2px 0 0; text-align:center; width:114px;}
.date_04 {padding:0 2px 0 0; text-align:center; width:134px;}


.btn_textsearch {
    margin-left: 2px;
}

/* 셀 - 검색버튼 */
.btn_cellsearch {
    border: 0;
    width: 17px;
    height: 17px;
    cursor: pointer;
    margin-left: 2px !important;
    vertical-align: middle;
    background: url('../../../common/images/btn_search_17px.gif') no-repeat
}




/* =================================================================================================
 * jquery-ui-tab 확장CSS
 * =================================================================================================
 */
.ui-tabs .ui-tabs-panel {
    padding: 1px;
}
.ui-tabs.ui-widget-content {
    background-color: #fff;
    background-image: none;
}

/* ui-tabs : header 없애기 */
/*
.ui-tabs > .ui-widget-header {
    background: #FFFFFF;
    border:0px;
    color:#FFFFFF;
    font-weight:bold;
}
.ui-tabs.ui-widget.ui-widget-content {
    background: #FFFFFF;
    border:0px;
}

.ui-tabs .ui-tabs-panel {
    background: #FFFFFF;
    border:1px solid #DDDDDD;
    margin: 0 !important;
}
*/

/* ui-tabs : header 없애기 */
/*
#tabs-nohdr {
    padding: 0px;
    background: none;
    border-width: 0px;
}
#tabs-nohdr .ui-tabs-nav {
    padding-left: 0px;
    background: transparent;
    border-width: 0px 0px 1px 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
#tabs-nohdr .ui-tabs-panel {
    background: url(/common/images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) repeat-x scroll 50% top #f5f3e5;
    border-width: 0px 1px 1px 1px;
}
*/


/* ui-tabs : left tab */
/*
#tabs-left {
    position: relative;
    padding-left: 6.5em;
}
#tabs-left .ui-tabs-nav {
    position: absolute;
    left: 0.25em;
    top: 0.25em;
    bottom: 0.25em;
    width: 6em;
    padding: 0.2em 0 0.2em 0.2em;
}
#tabs-left .ui-tabs-nav li {
    right: 1px;
    width: 100%;
    border-right: none;
    border-bottom-width: 1px !important;
    border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    overflow: hidden;
}
#tabs-left .ui-tabs-nav li.ui-tabs-selected {
    border-right: 1px solid transparent;
}
#tabs-left .ui-tabs-nav li a {
    float: right;
    width: 100%;
    text-align: right;
}
#tabs-left > div {
    height: 35em;
}
*/