@charset "UTF-8";
.backLayer { position: absolute; top: 0; left: 0; z-index: 9998; width: 100%; height: 100%; background-color: #0B2548; opacity: 0.5; }

.popLayer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; top: 50%; left: 50%; z-index: 9999; padding: 40px; border-radius: 8px; border: 1px solid #9a9a9a; background: #FFF; -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }

.popLayer.popupCloseBtn { padding: 40px 40px 130px !important; }

.popLayer.popupAlert { height: auto !important; padding: 30px !important; }

.popLayer .scrollBar { border: 0 !important; }

.popLayer.fullSize { top: 50%; }

.popLayer.fullSize iframe { height: 760px !important; }

.popLayer .header { position: relative; width: 100%; height: 40px; margin-bottom: 20px; border-radius: 8px 8px 0 0; background-color: #FFFFFF; cursor: move; }

.popLayer .header span { display: inline-block; height: 40px; line-height: 40px; }

.popLayer .header span.title { font-family: 'NotoSansKR'; font-weight: bold; font-size: 28px; color: #000; }

.popLayer .header span.close { position: absolute; top: -24px; right: -24px; float: right; width: 35px; cursor: pointer; }

.popLayer .header span.close:before { position: absolute; top: 50%; left: 50%; width: 0; height: 17px; content: ''; border-left: 2px solid #808080; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.popLayer .header span.close:after { position: absolute; top: 50%; left: 50%; width: 0; height: 17px; content: ''; border-left: 2px solid #808080; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.popLayer .header .extra_area { float: right; }

.popLayer .header .loading { float: right; width: 50px; }

.popLayer .header.navi_blue { border-radius: 5px 5px 0 0; background-color: #73869c !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(100, 100, 100, 0.1)), to(rgba(0, 0, 0, 0.1))); background-image: linear-gradient(rgba(100, 100, 100, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%); -webkit-box-shadow: 0 1px 1px -1px rgba(100, 100, 100, 0.1), 0 1px 40px rgba(100, 100, 100, 0.01) inset; box-shadow: 0 1px 1px -1px rgba(100, 100, 100, 0.1), 0 1px 40px rgba(100, 100, 100, 0.01) inset; }

.popLayer .header.navi_blue .title { color: #FFF; }

.popLayer .header.navi_blue .close { background: url(/view/core/img/icon/close_10_white.png) center no-repeat; }

.popLayer .header.navi_blue .close:hover { background: url(/view/core/img/icon/close_16_red.png) center no-repeat; }

.popLayer iframe { width: 100%; height: 100%; border: none; border-radius: 0 0 8px 8px; background-color: #fff; }

#mainContent { height: 100%; }

#mainContent.cntScroll { overflow-y: auto; overflow-x: hidden; }

#mainContent.cntScroll .tui-grid-content-area.tui-grid-no-scroll-x { border-bottom: 1px solid #9a9a9a; }

#mainContent.cntScroll .tui-grid-scrollbar-right-bottom { border-bottom: 0; border-width: 0 0 0 0; }

#mainContent.cntScroll .dtc-table { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; }

#mainContent.cntScroll .btn-bc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 242px; max-width: 242px; height: 50px; line-height: 48px; }

#mainContent.cntScroll .tui-grid-border-line-bottom { border: 0 !important; }

#mainContent.cntScroll .tui-grid-scrollbar-right-bottom { border: 0 !important; }

#mainContent .tbContWrap .popupContent { padding: 0; }

#mainContent .tbContWrap .divInputArea { margin: 0; }

#mainContent .tbContWrap .divSearchBox { width: 100%; margin: 0 0 20px 0; }

#mainContent .tbContWrap .tui-grid-border-line.tui-grid-border-line-bottom { border-bottom: 1px solid #9a9a9a; }

#mainContent .tbContWrap .tui-grid-scrollbar-right-bottom { border-bottom: 1px solid #9a9a9a; }

#mainContent .tbContWrap .dtc-table { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #9a9a9a; border-bottom: 1px solid #9a9a9a; }

#mainContent .tbContWrap .dtc-table.grid { border-top: 0; border-bottom: 0; }

#mainContent .tbContWrap .dtc-table table tr:first-child th, #mainContent .tbContWrap .dtc-table table tr:first-child td { border-top: 0; }

#mainContent .tbContWrap .dtc-table table tr:last-child th, #mainContent .tbContWrap .dtc-table table tr:last-child td { border-bottom: 0; }

#mainContent .tbContWrap .dtc-table.topSchArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; border: 0; }

#mainContent .tbContWrap .dtc-table.topSchArea.date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }

#mainContent .tbContWrap .dtc-table.topSchArea td { border: 0; margin: 0; padding: 0; background-color: #fff !important; }

#mainContent .tbContWrap #btn_group { position: absolute; left: 0; bottom: 0; z-index: 20; width: 100%; }

#mainContent .tbContWrap #btn_group .btn-bc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 242px; max-width: 242px; height: 50px; line-height: 48px; }

#mainContent .tbContWrap #btn_group .btn-bc:hover { border-color: #ddd !important; background-color: #ddd !important; color: #333 !important; }

#mainContent .tbContWrap #btn_group .btn-bc.typ-a { background-color: #313b44; color: #fff; border-color: #313b44; }

#mainContent .tbContWrap #btn_group .btn-bc.typ-b { background-color: #fff; color: #333; border-color: #cccccc; }

#mainContent .tbContWrap #btn_group .btn-bc + .btn-bc { margin-left: 7px; }

.btn_header{display: flex; justify-content: right;}

.btn_header #btn_authsave {display: flex; justify-content: right; border: 1px solid #e8e8e8; border-radius: 12px; cursor: pointer;}

#mainContent .divPopupWrap { padding: 40px; }

#mainContent .divPopupWrap .bottomBtnGroup { margin-bottom: 0 !important; }

#mainContent #conf_grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 0; margin-right: 0; }

.popLayer div#confirm_content { line-height: 21px; font-size: 14px; color: #000; text-align: center; }

.popLayer div#confirm_btn_area { margin-top: 20px; padding-top: 20px; border-top: 1px solid #EAEAEA; text-align: center; }

.popLayer div#confirm_btn_area button { height: 34px; padding: 0 16px; line-height: 32px; border: 1px solid #ddd; background-color: #313b44; border-radius: 3px; font-size: 14px; color: #fff; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; }

.popLayer div#confirm_btn_area button:first-child { border: 1px solid #ccd1d9; background-color: #fff; color: #313b44; }

.popLayer div#confirm_btn_area button + button { margin-left: 4px; }

.popLayer div#confirm_btn_area button:hover { border-color: #ddd; background-color: #ddd; color: #333; }

.popLayer div#preview_area { padding: 5px; }

.popLayer .header button.print { margin-right: 2px; }

.popLayer .header button.pdf_download { margin-right: 2px; }

.popLayer .header button img { margin-top: -1px; }

/*** RPA 프로세스 스케줄 설정 팝업 221012 ***/
.popSchedule { width: 100% !important; }

.divInfoArea { position: absolute; right: 0; top: 0; height: 40px; line-height: 40px; }

.divInfoArea label { margin-right: 0; }

/*** RPA 프로세스 트리거 설정 팝업 221012 ***/
.popTrigger .divTab { position: relative; width: 100% !important; }

.detailView .InfoHdArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; margin-bottom: 20px; border: 1px solid #ddd; }

.detailView .InfoHdArea .companyLogo { width: 40%; height: 100px; border-right: 1px solid #ddd; background: url(/resources/img/logo/logo_bot_1.png) no-repeat 50%; background-size: auto 25px; }

.detailView .InfoHdArea ul { width: 100%; }

.detailView .InfoHdArea ul li { height: 50px; line-height: 50px; padding: 0 20px; background-color: var(--ui-table-bg-color01); }

.detailView .InfoHdArea ul li + li { border-top: 1px solid #ddd; }

/*** 팝업 탭 테이블 상하 보더 ***/
#formTab table tr:first-child th, #formTab table tr:first-child td { border-top: 1px solid #ddd !important; }

#formTab table tr:last-child th, #formTab table tr:last-child td { border-bottom: 1px solid #ddd !important; }

/*** 실행 예정 시간 팝업 수정 ***/
.datePopup:before, .datePopup:after { width: 0; }

/*** 팝업 비활성 버튼 ***/
.btn-bc.typ-a:disabled, .btn-bc.typ-b:disabled { background-color: #e6e9ed; color: #999; cursor: not-allowed; border-color: #e6e9ed; }

/* 팝업 신규*/
.popupContent .divTopArea #btn_group {justify-content: end !important; padding-right: 1px; margin-bottom: 10px;}
.popupContent .divInputWrap .newGrid .tui-grid-container .tui-grid-table{width: 100% !important;}
.popupContent .divInputWrap .newGrid .tui-grid-container .tui-grid-body-container{height: 275px !important; overflow: scroll;}
.popupContent .divInputWrap{margin: 0 !important;}

.view-div{padding: 10px; border: 1px solid #000; margin: 20px; }