@charset "utf-8";
 
/* 테이블 */
table.basic  { width:100%; border-collapse:collapse; border-spacing:0;}
table.basic caption { display:none;}
table.basic td, table.basic th {border:1px; text-transform:uppercase; padding:8px 5px 5px 5px;}
table.basic thead { background:#f3f3f3; }
table.basic thead th { font-weight:bold; border:1px solid #cbcbcb; text-align:center; padding:8px 0 7px;}
table.basic thead th { border-top:2px solid #555;}
table.basic thead .select_all { background:#fff url(../img/chk_all.png) no-repeat right bottom}
table.basic tbody.hover tr { background:#fff;}
table.basic tbody.hover tr:hover { background-color:#fcfcfc; }
table.basic tbody.hover tr.selected,
table.basic thead tr.selected .select_all { background-color:#ffffcc;}
table.basic tbody tr.active { font-weight:bold}
table.basic tbody tr.notice { background-color:#fafafa; }
table.basic tbody td { _width:100%; border:1px solid; border-color:#cbcbcb #f6f7fa; text-align:center; line-height:20px; vertical-align:middle}
table.basic tbody td.subject .icon { display:inline-block; font-size:0; float:none}
table.basic tbody td.gray,
table.basic tbody td.num { background:#fafafa;}
table.basic tbody tr.selected td.num,
table.basic tbody td.num:hover { background:#f1f1f1; border:1px solid #ddd;}
table.basic tbody td.nowrap,
table.basic tbody td.subject { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}

table.basic tfoot { border:1px solid #ddd;}
table.basic tfoot tr { background-color:#f9f9f9; }
table.basic tfoot td { _width:100%; border:1px solid; border-color:#c0c4cf #e2e5e8; margin-top:1px; line-height:20px; text-align:left;}
table.basic tfoot td { border:0; position:relative;}

table.basic .view { color:#333; font-weight:bold;}

table.basic .bg {background:#f8f9fa;}
table.basic .left { padding-left:10px; text-align:left;}
table.basic .center { text-align:center;}
table.basic .right { padding-right:10px; text-align:right}
table.basic .bold { font-weight:bold}
table.basic .blue { color:#0058af;}
table.basic .blue2 { color:#0066cc;}
table.basic .red { color:#b43b00;}
table.basic .red2 { color:#de0000;}
table.basic .gray { color:#ccc;}

table.basic .blue a { color:#0058af;}
table.basic .blue2 a { color:#0066cc;}
table.basic .red a { color:#b43b00;}
table.basic .red2 a { color:#de0000;}
table.basic .gray a { color:#ccc;}

table .red_soft { background:#fffdfd;}
table .blue_soft { background:#fbfdff;}

table.basic tbody td h3 { padding:10px 0; margin:0; line-height:100%; font-size:1.3em;}
table.basic tbody td dl {margin:0; margin:3px 0 10px 0;}
table.basic tbody td dd { display:block; margin:0; padding:3px 0; }

table.basic tfoot { padding:15px}

.group_search { border-bottom:1px solid #b7bdcc; padding:5px 0 10px 0; margin-bottom:1px;}
.sort { width:100%; height:25px; clear:both;  padding:10px 20px 5px 0;}
.sort .left { float:left; }
.sort .right { float:right}

table.basic tbody .child td { padding:0;  }
table.basic table { width:100%; border-collapse:collapse; table-layout:fixed; border-color:#c8ccd7 #e6e8f0;}
table.basic table th { padding:7px 5px 4px 5px; border:1px solid #c8ccd7;}
table.basic tbody .child td table td { padding:7px 5px 4px 5px; background:#f8f9fa; border:1px solid #c8ccd7; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
table.basic .active { background:#e7eaed;}

.department { width:100%; text-align:center; border-collapse:collapse; table-layout:fixed;  font-size:1em; margin-bottom:2px}
.department caption { display:none;}
.department thead th { font-weight:bold; text-align:left; color:#333366; border:1px solid; border-color:#999faf #eceef4;}
.department tbody .child td { padding:0;  }
.department table { width:100%; border-collapse:collapse; table-layout:fixed; border-color:#c8ccd7 #e6e8f0;}
.department table th { padding:3px 3px 3px 10px; border:1px solid #c8ccd7; }
.department tbody .child td table td { padding:7px 5px 4px 5px; background:#f8f9fa; border:1px solid #c8ccd7; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.department .active { background:#e7eaed;}
.department tbody td { _width:100%; height:23px; border:1px solid; border-color:#c8ccd7 #e6e8f0; text-align:center; padding:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.department tbody th { _width:100%; height:16px; background:#f8f9fa; border:1px solid; border-color:#c8ccd7 #e6e8f0; text-align:right; padding:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.department .gray { color:#ccc;}
.department .left { text-align:left; padding-left:10px}

/* 폼 */
table.write { text-align:left; }
table.write tbody td { text-align:left; border-color:#e2e2e2; padding:5px 5px 4px 5px; box-sizing:border-box;}
table.write tbody td.wr_content { padding:5px 0; border:0}
table.write tbody th .btn a { float:right;}
table.write tbody .tip { padding-left:25px; margin-left:1px; color:#666;}
table.write tbody p.tip { background-position:0 4px; margin:0}
table.write tbody .tip strong { color:#ff4b0d; letter-spacing:-1px;}
table.write tbody th { padding:6px 4px 5px 10px; border:1px solid; border-color:#eee; background:#e2e2e2; text-align:left; vertical-align:middle;}
table.write tbody th label { font-weight:bold}
table.write tbody input { }
table.write tbody th.readonly { color:#aaa;}
input.w100, textarea.w100 { width:100%;}
table.write tbody td .info { color:#999; font-size:0.923em;}
table.write tbody td .info.red { color:#da6c6c}
table.write #wr_content { width:100%; word-break:break-all;}
th.required { padding:3px 4px 0 16px; background:#fafafa url(../img/required.png) 8px 16px no-repeat;}
input.required { background: #fff url(../img/wrest.gif) right top no-repeat; }

#bo_write .btn { text-align:center; padding-top:20px;}
#bo_write h3 { margin:15px 0 5px 0; color:#000;}

#variableFiles td { border:0; padding:0 0 5px 0;}
table.basic #variableFiles  tbody {  border-top:0;}

.cke_sc { display:none;}

/*
@media only screen and (max-width: 40em) {
table.basic { display:block; position:relative; width:100%; }
table.basic thead { display: block; float: left; }
table.basic tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
table.basic thead tr { display: block; }
table.basic th { display: block; }
table.basic tbody tr { display: inline-block; vertical-align: top; }
table.basic td { display: block; min-height: 1.25em; }

table.basic th { border-bottom: 0; }
table.basic td { border-left: 0; border-right: 0; border-bottom: 0; }
table.basic tbody tr { border-right: 1px solid #babcbf; }
table.basic th:last-child,
table.basic td:last-child { border-bottom: 1px solid #babcbf; }
}
*/