@charset "UTF-8";

/* color 선언 */
:root {
    --dataTable-color-border:rgb(43 49 57 / 100%);
    --dataTable-color-border-in:rgb(43 49 57 / 30%);
    --dataTable-color-header:rgb(43 49 57 / 15%);
    --dataTable-color-row:rgb(43 49 57 / 5%);
    --dataTable-color-paginate:rgb(43 49 57 / 10%);
}

.datepicker th.prev, .datepicker th.next { font-size:22px }

.listButton:before, .addButton:before, .newButton:before, .saveButton:before, .deleteButton:before, .cancelButton:before, .excelButton:before, .printButton:before, .closeButton:before, .userButton:before, .uploadButton:before, .fileUploadButton:before, .fileDeleteButton:before, .reportButton:before, .talkButton:before, 
.itsButton.popsearch:before, .btn.popdelete:before, .btn.popupload:before, .btn.popdownload:before
{ -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Free"; display:inline-flex; align-items: center; justify-content: center; font-style:normal; font-variant:normal; text-rendering:auto; font-weight:900; line-height:1 }

.btn_area button,
.listButton, .addButton, .newButton, .saveButton, .deleteButton, .cancelButton, .excelButton, .printButton, .closeButton, .userButton, .uploadButton, .fileUploadButton, .fileDeleteButton, .reportButton, .talkButton
 { margin:0 0 0 4px; padding:4px 12px 5px 12px; margin-bottom:0; font-size:14px; border:0; line-height:20px; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; border-radius:3px; color:#fff }

td .listButton, td .addButton, td .newButton, td .saveButton, td .deleteButton, td .cancelButton, td .excelButton, td .printButton, td .closeButton, td .userButton, td .uploadButton, .fileUploadButton, .fileDeleteButton,
dd .listButton, dd .addButton, dd .newButton, dd .saveButton, dd .deleteButton, dd .cancelButton, dd .excelButton, dd .printButton, dd .closeButton, dd .userButton, dd .fileUploadButton, dd .fileDeleteButton, dd .uploadButton { padding:4px 8px; overflow:hidden }
td .listButton:before, td .addButton:before, td .newButton:before, td .saveButton:before, td .deleteButton:before, td .cancelButton:before, td .excelButton:before, td .printButton:before, td .closeButton:before, td .userButton:before, td .fileUploadButton:before, td .fileDeleteButton:before, td .attachButton:before, td .downButton { width:100%; margin-right:10px }


button:before { margin-left:-3px; margin-right:7px; opacity:0.8 }
/* 
.listButton { background:#3a4d8e }
.listButton:hover, .listButton:active, .listButton:focus { background:#4e5f9a }
.listButton:before { content:"\f002" }

.excelButton { background:#19aa4b }
.excelButton:hover, .excelButton:active, .excelButton:focus { background:#24da6d }
.excelButton:before { content:"\f1c3" }

.addButton { background:#3f51b5 }
.addButton:hover, .addButton:active, .addButton:focus { background:#5c76e1 }
.addButton:before { content:"\f067" }

.newButton { background:#3f51b5 }
.newButton:hover, .newButton:active, .newButton:focus { background:#5c76e1 }
.newButton:before { content:"\f067" }

.saveButton { background:#3f94b5 }
.saveButton:hover, .saveButton:active, .saveButton:focus { background:#5cc4e1 }
.saveButton:before { content:"\f0c7" }

.deleteButton { background:#b5413f !important }
.deleteButton:hover, .deleteButton:active, .deleteButton:focus { background:#e15f5c !important }
.deleteButton:before { content:"\f00d" !important }

.cancelButton { background:#555b66 }
.cancelButton:hover, .cancelButton:active, .cancelButton:focus { background:#7c8594 }
.cancelButton:before { content:"\f05e" }

 */
 
 .listButton { background:#3a4d8e }
.listButton:hover, .listButton:active, .listButton:focus { background:#4e5f9a }
.listButton:before { content:"\f002" }

.excelButton { background:#3a4d8e }
.excelButton:hover, .excelButton:active, .excelButton:focus { background:#4e5f9a }
.excelButton:before { content:"\f1c3" }

.addButton { background:#3f94b5 }
.addButton:hover, .addButton:active, .addButton:focus { background:#5cc4e1 }
.addButton:before { content:"\f067" }

.newButton { background:#3f94b5 }
.newButton:hover, .newButton:active, .newButton:focus { background:#5cc4e1 }
.newButton:before { content:"\f067" }

.saveButton { background:#3f94b5 }
.saveButton:hover, .saveButton:active, .saveButton:focus { background:#5cc4e1 }
.saveButton:before { content:"\f0c7" }

.deleteButton { background:#3f94b5 !important }
.deleteButton:hover, .deleteButton:active, .deleteButton:focus { background:#5cc4e1 !important }
.deleteButton:before { content:"\f00d" !important }

.cancelButton { background:#3f94b5 }
.cancelButton:hover, .cancelButton:active, .cancelButton:focus { background:#5cc4e1 }
.cancelButton:before { content:"\f05e" }

.printButton { background:#ef7e14 }
.printButton:hover, .printButton:active, .printButton:focus { background:#ff9000 }
.printButton:before { content:"\f02f" }

.reportButton { background:#ef7e14 }
.reportButton:hover, .printButton:active, .reportButton:focus { background:#ff9000 }
.reportButton:before { content:"\f70e" }

.talkButton { background:#fee500; color:#423630 !important; font-weight:500 }
.talkButton:hover, .talkButton:active, .talkButton:focus { background:#423630; color:#fee500 !important }
.talkButton:before { content:"\f075" }

.closeButton { background:#3a4d8e }
.closeButton:hover, .closeButton:active, .closeButton:focus { background:#4e5f9a }
.closeButton:before { content:"\f410" }


.userButton { background:#873fb5 }
.userButton:hover, .userButton:active, .userButton:focus { background:#a55ce1 }

.uploadButton { background:#19aa4b }
.uploadButton:hover, .uploadButton:active, .uploadButton:focus { background:#24da6d }
.uploadButton:before { content:"\f574" }

.fileUploadButton { background:#19aa4b }
.fileUploadButton:hover, .fileUploadButton:active, .fileUploadButton:focus { background:#24da6d }
.fileUploadButton:before { content:"\f574" }

.fileDeleteButton { background:#b5413f !important }
.fileDeleteButton:hover, .fileDeleteButton:active, .fileDeleteButton:focus { background:#e15f5c !important }
.fileDeleteButton:before { content:"\f00d" !important }

button[disabled] { background:#ccc !important }


/* .box_search .newButton, .box_search .saveButton, .box_search .deleteButton, .box_search .cancelButton { padding:4px 18px; margin-left:5px }
.box_search .deleteButton { border:1px solid #fff } */

.popupSave { width:auto !important; background:#ff8600 !important; border-radius:3px !important; padding:8px 12px !important; font-size:15px !important; height:auto !important; position:absolute; right:0; top:0; line-height:100% !important; border:0 !important }

.itsButton.popsearch { overflow:hidden; width:28px !important; height:28px; background:#a9abae; padding:0; margin-left:-10px; border-radius:3px }
.itsButton.popsearch:before { content: "\f002"; width:26px; height:26px }

.btn.popdelete { overflow:hidden; width:28px !important; height:28px; border:0; background:none; padding:0; border-radius:3px }
.btn.popdelete:before { content: "\f2ed"; width:26px; height:30px; color:var(--layout-color); font-weight:400; font-size:18px }

.btn.popupload { overflow:hidden; width:28px !important; height:28px; background:#a9abae; padding:0; margin-left:-10px; border-radius:3px }
.btn.popupload:before { content: "\f093"; width:26px; height:30px; opacity:0.8 }

.btn.popdownload { overflow:hidden; width:28px !important; height:28px; border:0; background:none; padding:0 0 0 4px; border-radius:3px }
.btn.popdownload:before { content: "\f019"; width:26px; height:30px; opacity:0.6; color:var(--layout-color); font-size:18px }

td .itsButton.popsearch { border:1px solid #fff; margin-left:-3px !important }
td .itsButton.popsearch:before{ margin-left:0px !important }

.btn-margin .itsButton.popsearch { margin:0 5px; width:26px; height:26px; background-size:60% }


span.addView { position:absolute; left:0; background:#e9215c; padding:10px 45px; color:#fff; border-radius:3px }
span.deleteView { background:#f6f9ff url(../../../images/common/icon_tab_close_r.png) 50% 50% no-repeat; text-indent:-9999px; display:block; margin:0 auto }

.fileBox { display:inline-block }
.fileBox .fileName { display:inline-block; padding-left:10px; line-height:30px; border:1px solid #aaa; background-color:#fff; vertical-align:middle }
.fileBox .btn_file { display:inline-block; border-radius:3px; border:solid 1px #e5e5e5; background:#efefef; padding:6px 20px; font-size:14px; line-height:1.42857143; text-align:center; vertical-align:middle; margin-right:0 !important; margin-bottom:0; white-space:nowrap }
.fileBox input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }


.block { position:relative; vertical-align:top; max-width:100%; overflow:auto; min-height:100px }
.blockLeft { position:relative; float:left; vertical-align:top; overflow:auto; padding-right:10px }
.blockRight { position:relative; float:right; vertical-align:top; overflow-x:auto }
.blockUp { position:relative; float:left; vertical-align:top; width:100%; overflow:auto; min-height:100px }
.blockDown { position:relative; float:left; vertical-align:top; width:100%; overflow:auto; min-height:100px; padding-top:7px }


.blockTitle { clear:both; position:relative; display:flex; font-size:16px; font-weight:500; padding:5px 0px 5px 10px; line-height:100%; height:28px }
.blockTitle:not(.nLine):before { content:""; position:absolute; top:7px; left:0; display:block; width:5px; height:14px; background-color:var(--dataTable-color-border) }
.blockTitle select { height:25px; padding:0 5px; margin-top:-3px }
.blockTitle .dataCount, .blockTitle .pageUnit { margin-right:3px !important; margin-left:auto; font-size:14px; line-height:100% }
.blockTitle .description { font-size:14px }

.checkList { display:inline-flex; flex-wrap: wrap }



.treetable { border-collapse:collapse; font-size:1.1em; line-height:1; width:100%; border-width:1px; border-style:solid; border-color:rgb(136, 136, 136); border-image:initial }

table.detail_info { position:relative; border-collapse:collapse; width:100%; background:#fff; margin-bottom:10px; display:inline-table; border-top:2px solid var(--dataTable-color-border) }
table.detail_info thead th { background:var(--dataTable-color-row); color:#3C3C3C; text-align:center; font-weight:600 }
table.detail_info th { background:var(--dataTable-color-row); text-align:center; font-weight:400 }
table.detail_info th, table.detail_info td { padding:10px; border:1px dotted var(--dataTable-color-border-in); line-height:100%; line-height:120% }
table.detail_info td { word-break:break-all }
table.detail_info thead tr { visibility:inherit !important }

table.detail_info tr th:first-child, table.detail_info tr td:first-child { border-left:0 }
table.detail_info tr th:last-child, table.detail_info tr td:last-child { border-right:0 }
table.detail_info tr:last-child th, table.detail_info tr:last-child td { border-bottom:1px solid var(--dataTable-color-border) }
table.detail_info tbody { border-bottom:1px solid var(--dataTable-color-border) }

table.detail_info input[type="text"] { width:100% }

table.detail_info td p { padding-bottom:0 !important }
table.detail_info td p input[type="text"] { width:50px; text-align:center; margin-left:10px }
table.detail_info input[type="button"] { padding:3px 10px; margin-bottom:0; font-size:14px; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; color:#fff; background:#9eb6f2; border:0; border-radius:3px }

table.detail_info iframe { height:310px !important }

.dataTables_wrapper .detail_info { border:0 }
.dataTables_wrapper .detail_info thead th { background:#E9E9E9; border:1px solid #e5e5e5 !important }
.dataTables_wrapper .detail_info tbody td { border:1px solid #e5e5e5 !important }
.dataTables_wrapper .detail_info.dataTable { border-collapse:collapse }

.table_face02 { position:relative; border-collapse:collapse !important; width:100%; background:#fff }
.cont .table_face02:last-child { margin-bottom:0 }
.table_face02 th, .table_face02 td { padding:10px 5px !important; border:1px solid #e5e5e5; min-height:40px; line-height:100%; text-align:center; font-weight:400 }
.table_face02 thead { background-color:#555b66 !important; background-image:none !important }
.table_face02 thead th, .table_face02 thead td { color:#fff; border-top:0; border-bottom:0; font-weight:400; border-top:1px solid #1d232a !important; border-right:1px solid #1d232a !important }
.table_face02 thead th:first-child, .table_face02 thead td:first-child { border-left:1px solid #1d232a }
.table_face02 tbody tr { background:#fff }
.table_face02 tbody tr:nth-child(even) { background:#f6f8fa }
.table_face02 thead th, .table_face thead td { border-bottom:1px solid #111 !important }
.table_face02 .btn { padding:5px 10px }

.noneBorder th { border-top:1px solid #2e2f41 !important }
.noneBorder th { border-right:1px dotted #97a4b4 !important }

/* 팝업 */
.inner_pop { padding:20px !important; overflow-y:scroll; height:760px }

/* 아이콘 */
.viewButton { background:url(../../../images/common/sprite_icon.png) no-repeat -6px -34px; width:23px !important; height:23px; text-indent:-9999px; font-size:0 }
.wButton { background:url(../../../images/common/sprite_icon.png) no-repeat -54px -34px; width:23px !important; height:23px; text-indent:-9999px; font-size:0 }

/* 공통 */

.sessionOut { height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:18px }
.sessionOut img { max-width:100% }
.sessionOut button { margin-top:10px; padding:10px 20px }

/* 날짜 */
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a { color: red; }
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child a { color: blue; }
.ui-datepicker-trigger { position: absolute; margin-left:-18px; margin-top:4px; }

.search_info .itsRadioSpan { background-color:var(--layout-color); }

.itsRadioSpan { background-color:white;padding:3px }
.itsCheckBoxListSpan { background-color:white;padding:3px }

/* Center the loader */
.loading { display:flex; justify-content:center; align-items:center; position:fixed; background:rgba(255,255,255,0.5); top:0; right:0; bottom:0; left:0; z-index:99999; display:none }
.loader { position:absolute; top:50%; left:50%; z-index:99; margin:-30px 0 0 -30px; border-radius:50%; width:50px; height:50px; }
.loading_msg { position:absolute; top:50%; left:50%; z-index:99; overflow:visible; width:100%; margin:50px 0 0 -50%;font-size:14px; text-align:center; color:blue }