@charset "utf-8";

/* table css */
.tableStyle {
    width: 100%;
    margin-bottom: 0;
    background: #fff;
    font-family: '맑은 고딕', Malgun Gothic, '굴림', Gulim, sans-serif;
}

/* 기존에서 변경중 */
.tableStyle > tr > th,
.tableStyle > tr > td,
.tableStyle > thdead > tr > th,
.tableStyle > thdead > tr > td,
.tableStyle > tbody > tr > th,
.tableStyle > tbody > tr > td {
    white-space: normal;
    height: 40px;
    line-height: 1.2;
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
    letter-spacing: 0;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #dbdbdb;
}


.tableStyle > tr > th,
.tableStyle > thead > tr > th,
.tableStyle > tbody > tr > th {
    padding: 5px 7px;
    color: #656565;
    font-size: 12px;
    letter-spacing: -0.075em;
    background: #ececea;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.tableStyle > tr > td,
.tableStyle > thead > tr > td,
.tableStyle > tbody > tr > td {
    padding: 2px 8px;
    color: #222;
    border-bottom: 1px solid #eaeaea;
    background: #fdfdfc;
}


/* 필수항목 th <u>*</u> */
.tableStyle th u {
    color: #ed6464;
    margin-left: 5px;
    font-weight: bold;
}


/* table 글보기, 쓰기 상단 */
.table_topCont {
    margin: 7px 0;
    border-top: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
}

.table_tit + .table_topCont {
    margin: 0;
    border-top: none;
}

.table_topCont th, .table_topCont td {
    height: 27px;
    line-height: 1.4em;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.table_topCont th {
    text-align: center;
    background: #f5f5f5;
}

.table_topCont td {
    height: 27px;
    padding: 7px 10px;
    font-size: 12px;
}

.table_topCont td.tit {
    font-size: 14px;
    font-weight: bold;
}


.table_viewCont, .table_writeCont {
    line-height: 1.7em;
    border: 1px solid #d7d7d7;
    font-size: 14px;
    background: #fff;
    font-family: '맑은 고딕', Malgun Gothic, '굴림', Gulim, sans-serif;
}

.table_viewCont {
    height: 450px;
    padding: 20px;
    overflow-y: auto;
}

.table_tit + .table_viewCont {
    border-top: 0;
}

.table_writeCont {
    min-height: 500px;
    padding: 20px 25px;
    line-height: 1.8em;
    border: 1px solid #d5d5d5;
    background: #fff;
}

.table_topCont + .table_writeCont {
    border-top: 0;
}

.list_tit a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}


/* 말줄임 table */
.table_fixed {
    table-layout: fixed;
}

.table_fixed th, .table_fixed td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.cont {
    border-top: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
}


/* box border style1 */
.table_border_t {
    border-style: solid;
    border-width: 1px;
    border-color: #b7bacd #cbcbcb #cbcbcb;
}


.min_h1000 {
    min-height: 1000px;
}

.min_h150 {
    min-height: 150px;
}

/* box border style2 : 높이값 좌우 맞춤용 */
.tableWrap_bg, .table_border {
    position: relative;
    background: #f8f8f6;
    border-style: solid;
    border-width: 1px;
    border-color: #b7bacd #cbcbcb #cbcbcb;
}

.table_border {
    background: #fff;
}

.table_tit + .table_border_t, .table_tit + .tableWrap_bg {
    border-top: none !important;
}


.table_list {
}

.table_list th, .table_list td {
    color: #222;
}

.table_list thead th {
    position: relative;
    padding: 0 5px;
    background: #f6f6f4;
    border-right: 1px solid #d2d5d7;
    border-bottom: 1px solid #d2d5d7;
    line-height: 27px;
    letter-spacing: -1px;
    font-weight: bold; /*box-shadow:inset 0 2px 1px rgba(0,0,0,.05);*/
    white-space: nowrap;
}

.table_list tbody th {
    background: none;
}

.table_list td {
    background: none;
}

.table_list tbody td {
    position: relative;
    min-width: 30px !important;
    padding: 5px 10px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    line-height: 18px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    transition: background-color .3s ease;
}

.table_list tbody th {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    transition: background-color .3s ease;
}

.table_list tbody tr:hover {
    background: rgba(255, 191, 54, .05);
}

.table_list tr.noti {
    background: #f5fafa;
    color: #00917e;
}

.table_list tr.noti * {
    color: #00917e;
}

.border_t0 {
    border-top: none !important;
}


/* td 글자써지는만큼 width 늘어나게 하려면 ws_nowrap 추가 */
table.ws_nowrap th, table.ws_nowrap td {
    table-layout: inherit;
    white-space: nowrap;
    padding: 5px 10px;
}

table th.normal, table td.normal {
    white-space: normal;
}


/* 정렬 */
table th.center, table td.center, table.center th, table.center td {
    text-align: center;
}

table th.right, table td.right, table .right {
    text-align: right;
    padding-left: 0;
    padding-right: 5px;
}

table td.left {
    padding-left: 10px;
}


/* Grid */
#grid_container.mt10 {
    margin-top: 5px !important;
}


/*table-cell 처리*/
table .table_row {
    margin-bottom: 0px;
}

.table_row {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 5px;
}

.table_row.top > b {
    vertical-align: top;
}

.table_row > b {
    position: relative;
    display: table-cell;
    width: auto;
    vertical-align: middle;
    font-weight: normal;
}

.table_row > .cell {
    position: relative;
    display: table-cell;
    width: auto;
    vertical-align: middle;
}


/* btn style : .btn_sm .btn1  <- 버튼사이즈와,버튼스타일을 동시에 줄것 */
.btn {
    height: 28px;
    line-height: 26px;
    padding: 0 22px;
    font-size: 13px;
    border-radius: 0 !important;
}

.btn, .btn_xs, .btn_sm, .btn_md, .btn_lg, .btn_ico {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    text-align: center;
    box-sizing: border-box;
    white-space: nowrap;
    pointer-events: auto;
    cursor: pointer;
    border-radius: 0px !important;
    font-family: 'notokr';
    letter-spacing: -1px;
}

/* btn size */
.btn_xs {
    height: 22px;
    line-height: 20px;
    padding: 0 12px;
    font-size: 11px !important;
}

.btn_sm {
    height: 24px;
    line-height: 22px;
    padding: 0 12px;
    font-size: 12px !important;
}

.btn_md {
    height: 26px;
    line-height: 24px;
    padding: 0 12px !important;
    font-size: 13px;
    min-width: auto !important;
}

.btn_lg {
    height: 28px;
    line-height: 26px;
    padding: 0 22px;
    font-size: 13px;
}

.btn_short {
    min-width: auto !important;
    padding: 0 10px;
    font-size: 13px;
}

.btn_big {
    min-width: 100px;
}

.btn_ico {
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 28px;
}

.btn_primary, a.btn_primary {
    background: #0ac29b;
    border: 1px solid #0ac29b;
    color: #fff !important;
}

/*신규, 저장 - 옥색 */
.btn_secondary, a.btn_secondary {
    background: #1a2046;
    border: 1px solid #1a2046;
    color: #fff !important;
}

/* 삭제 - 남색 */
.btn_success, a.btn_success {
    background: #23b3dc;
    border: 1px solid #23b3dc;
    color: #fff !important;
}

/* 하늘색 */
.btn_ghost, a.btn_ghost {
    background: #777;
    border: 1px solid #777;
    color: #fff !important;
}

.btn_danger, a.btn_danger {
    background: #f03434;
    border: 1px solid #f03434;
    color: #fff !important;
}

.btn_warning, a.btn_warning {
    background: #f8b432;
    border: 1px solid #f8b432;
    color: #fff !important;
}

.btn_info, a.btn_info {
    background: #2cd99e;
    border: 1px solid #2cd99e;
    color: #fff !important;
}

.btn_basic, a.btn_basic {
    border: 1px solid #3f3f3f;
    background: #3f3f3f;
    color: #fff !important;
}

/* table form 안에 - 검정 */
.btn_dark, a.btn_dark {
    background: #0ac29b;
    border: 1px solid #0ac29b;
    color: #fff !important;
}

/*신규, 저장*/
.btn_link, a.btn_link {
    vertical-align: middle;
    background: none;
    border-bottom: 1px solid #307ed6;
    color: #307ed6 !important;
}

.btn_disabled, a.disabled {
    background: #777;
    border: 1px solid #777;
    color: #fff !important;
    pointer-events: none;
    cursor: default;
    opacity: 0.4 !important;
}

/* hover */
.btn_primary:hover, a.btn_primary:hover, .btn_ghost:hover, a.btn_ghost:hover, .btn_basic:hover, a.btn_basic:hover, .btn_secondary:hover, a.btn_secondary:hover, .btn_dark:hover, a.btn_dark:hover {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #111;
}


/* 비활성화버튼 예시 */
.btn_dis {
    background: #aaa;
    color: #ddd;
}

.btn_dis:hover {
    background: #aaa;
    color: #ddd;
}


/* btn icon */
.btn_print:before, .btn_excel:before {
    clear: both;
    display: inline-block;
    content: "";
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin-right: 5px;
    margin-top: -4px;
    vertical-align: middle;
}

.btn_print:before {
    background: url("/resources/images/icon_btn_print-cb5abe8ad5b070d9b9d0f9300baad191.png") 50% 50% no-repeat;
}

.btn_excel:before {
    background: url("/resources/images/icon_btn_excel-96ef46ba0e7945abe6635d987ba71110.png") 50% 50% no-repeat;
}

.btn_search, .btn_init {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 40px;
    vertical-align: middle;
}

.btn_search {
    width: 55px;
    background: #ffe800 url("/resources/images/ico_btn_search-e680595150ef1b02ba2bf0028174b70b.png") 50% 1px no-repeat;
    font-size: 0;
    text-indent: -999999px;
    overflow: hidden;
}

.btn_init {
    background: #1a2046 url("/resources/images/ico_btn_refresh-c1f93e1893d89c2ea9847a29294a200c.png") 50% 1px no-repeat;
    font-size: 0;
    text-indent: -999999px;
    overflow: hidden;
}

.btn_search:hover {
    background: #000 url("/resources/images/ico_btn_search_w-f80d6ae3d960c16203faf2a71f02d38f.png") 50% 1px no-repeat;
}

.btn_init:hover {
    background-color: #000;
}


/* label : 기본 ghost */
.label {
    display: inline-block;
    min-width: 50px;
    height: 25px;
    line-height: 25px;
    padding: 0 7px;
    border: 1px solid #748187;
    background: #fff;
    color: #748187;
    border-radius: 13px;
    font-size: 11px;
    text-align: center;
}

.label_primary {
    color: #07a0e7;
    border-color: #07a0e7;
}

.label_ghost {
    color: #748187;
    border-color: #748187;
}

.label_danger {
    color: #f03434;
    border-color: #f03434;
}

.label_warning {
    color: #f8b432;
    border-color: #f8b432;
}

.label_info {
    color: #2cd99e;
    border-color: #2cd99e;
}

.label_dark {
    color: #4e4f55;
    border-color: #4e4f55;
}


/* 버튼 선택시 */
.button_select {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.button_select ul {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 200;
    width: 120px;
    padding: 15px 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.button_select:hover button.disable + ul {
    display: none !important;
}

.button_select:hover ul {
    display: block;
}

.button_select li a {
    display: block;
    height: 25px;
    font-size: 12px;
    color: #333;
    line-height: 25px;
    text-decoration: none;
    text-indent: 30px;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.button_select li a:hover {
    background-color: #0ac29b;
    color: #fff;
}