@charset "UTF-8";
/*** 스크롤바 220914 ***/
.scrollBar { overflow: auto !important; }

.scrollBar::-webkit-scrollbar { width: 6px; height: 6px !important; }

.scrollBar::-webkit-scrollbar-thumb { border: 1px solid transparent; border-radius: 10px; background-color: #d1d1d1; background-clip: padding-box; }

.scrollBar::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.scrollBar::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.scrollBar::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; /*box-shadow: inset 0 0 5px white;*/ }

.scrollBar:hover::-webkit-scrollbar-thumb { background-color: #d1d1d1; }

.scrollBar:hover::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.scrollBar:hover::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.geDiagramBackdrop { overflow-x: auto !important; }

.geDiagramBackdrop::-webkit-scrollbar { width: 6px; height: 6px !important; }

.geDiagramBackdrop::-webkit-scrollbar-thumb { border: 1px solid transparent; border-radius: 10px; background-color: #d1d1d1; background-clip: padding-box; }

.geDiagramBackdrop::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.geDiagramBackdrop::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.geDiagramBackdrop::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; /*box-shadow: inset 0 0 5px white;*/ }

.geDiagramBackdrop:hover::-webkit-scrollbar-thumb { background-color: #d1d1d1; }

.geDiagramBackdrop:hover::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.geDiagramBackdrop:hover::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.view-code { overflow: auto !important; position: relative; }

.view-code::-webkit-scrollbar { width: 6px; height: 6px !important; }

.view-code::-webkit-scrollbar-thumb { border: 1px solid transparent; border-radius: 10px; background-color: #d1d1d1; background-clip: padding-box; }

.view-code::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.view-code::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.view-code::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; /*box-shadow: inset 0 0 5px white;*/ }

.view-code:hover::-webkit-scrollbar-thumb { background-color: #d1d1d1; }

.view-code:hover::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.view-code:hover::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.view-code::-webkit-scrollbar-track { border-radius: 0; }

.fc-scroller-liquid-absolute::-webkit-scrollbar { width: 6px; height: 6px !important; }

.fc-scroller-liquid-absolute::-webkit-scrollbar-thumb { border: 1px solid transparent; border-radius: 10px; background-color: #d1d1d1; background-clip: padding-box; }

.fc-scroller-liquid-absolute::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.fc-scroller-liquid-absolute::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.fc-scroller-liquid-absolute::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; /*box-shadow: inset 0 0 5px white;*/ }

.fc-scroller-liquid-absolute:hover::-webkit-scrollbar-thumb { background-color: #d1d1d1; }

.fc-scroller-liquid-absolute:hover::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.fc-scroller-liquid-absolute:hover::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

#contentsAreaWrap::-webkit-scrollbar { width: 6px; height: 6px !important; }

#contentsAreaWrap::-webkit-scrollbar-thumb { border: 1px solid transparent; border-radius: 10px; background-color: #d1d1d1; background-clip: padding-box; }

#contentsAreaWrap::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

#contentsAreaWrap::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

#contentsAreaWrap::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; /*box-shadow: inset 0 0 5px white;*/ }

#contentsAreaWrap:hover::-webkit-scrollbar-thumb { background-color: #d1d1d1; }

#contentsAreaWrap:hover::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

#contentsAreaWrap:hover::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

/********************************************************* 
1. 공동 업무별 대시보드 컨텐츠 
*********************************************************/
/*** NEW KAI MAIN ***/
.gridContentWrap.Layout11.NEW-main-kai{padding-top: 0 !important;}
.gridContentWrap.Layout11.NEW-main-kai .box1{text-align: center; max-height: 500px !important;}
.gridContentWrap.Layout11.NEW-main-kai .box1 img{width: 100%; max-width: 1200px; margin: 30px auto;} /* 230531 사이즈 수정*/
.gridContentWrap.Layout11.NEW-main-kai .gridContArea .divChartArea{height: auto;}
.gridContentWrap.Layout11.NEW-main-kai .gridContArea .divChartArea .chartBox.box1{padding: 30px 0  20px 0;}
.gridContentWrap.Layout11.NEW-main-kai .newGrid .tui-grid-container .tui-grid-table{width: 100% !important;}
.gridContentWrap.Layout11.NEW-main-kai .newGrid .tui-grid-container .tui-grid-table tr:hover td{background-color: #fff !important; cursor: auto;}
.gridContentWrap.Layout11.NEW-main-kai .newGrid .tui-grid-container .tui-grid-body-container{height: 483px;}
.gridContentWrap.Layout11.NEW-main-kai .newGrid .tui-grid-container .tui-grid-table .tui-grid-cell.tui-grid-divide-line-bottom{border-bottom: 1px solid #000 !important;}
.gridContentWrap.Layout11.NEW-main-kai .newGrid .tui-grid-container .tui-grid-table .tui-grid-cell-row-header .tui-grid-cell-content{font-size: 16px !important;}
.gridContentWrap.Layout11.NEW-main-kai .newGrid .tui-grid-container .tui-grid-table tr th{font-size: 16px !important; font-weight: bold;}
.gridContentWrap.Layout11.NEW-main-kai .newGrid .tui-grid-container .tui-grid-table tr td{font-size: 14px !important; }
/*** MES CCR 모니터링 > 보고현황 > CaPa 현황 221221 ***/
.MES-ccr-rpt .divChartArea { border: 1px solid #e5e5e5; }

.MES-ccr-rpt .divChartArea .chartBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.MES-ccr-rpt .divChartArea .chartBox .titleArea { margin-top: auto; margin-bottom: 30px; }

.MES-ccr-rpt .divChartArea .chartBox .titleArea .title { margin-bottom: 0; }

.MES-ccr-rpt .divChartArea .chartBox .innerArea { padding: 20px; }

.MES-aps-rpt .divContentBox.cont-01 .chartBox ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: calc(50vh - 128px); }

.MES-aps-rpt .divContentBox.cont-01 .chartBox ul li { width: 25%; padding: 30px; background-color: #fbfbfb; text-align: center; }

.MES-aps-rpt .divContentBox.cont-01 .chartBox ul li canvas, .MES-aps-rpt .divContentBox.cont-01 .chartBox ul li .titleArea { position: relative; top: -30px; }

.MES-aps-rpt .divContentBox.cont-01 .chartBox ul li .titleArea { border-radius: 3px; background-color: #465e94; }

.MES-aps-rpt .divContentBox.cont-01 .chartBox ul li h3 { margin: 0; color: #fff; }

/*** RPA Bot PC 220824 ***/
.RPA-bot .boxContainer.box1 ul.statusBar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.RPA-bot .boxContainer.box1 ul.statusBar li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.RPA-bot .boxContainer.box1 ul.statusBar li img { width: 12px; height: 12px; margin-top: 1px; margin-right: 3px; }

.RPA-bot .boxContainer.box1 ul.statusBar li + li { margin-left: 10px; }

.RPA-bot .boxContainer.box2 .divContArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.RPA-bot .boxContainer.box2 .divContArea .divContWrap:nth-child(1) { width: calc(30% - 20px); margin-right: 20px; }

.RPA-bot .boxContainer.box2 .divContArea .divContWrap:nth-child(2) { width: 70%; }

.RPA-bot .boxContainer.box2 .InfoHdArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; height: 221px; background-color: #fff; }

.RPA-bot .boxContainer.box2 .InfoHdArea .companyLogo { width: 100%; height: 100%; background: url(/resources/img/logo/logo_bot_1.png) no-repeat 50%; }

.RPA-bot .boxContainer.box2 .InfoHdArea ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 0; }

.RPA-bot .boxContainer.box2 .InfoHdArea ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; font-size: 14px; }

.RPA-bot .boxContainer.box2 .InfoHdArea ul li.companyName { height: auto; margin-bottom: 20px; font-weight: 700; font-size: 16px; line-height: 1; }

.RPA-bot .boxContainer.box2 .InfoHdArea ul li.companyName span { height: auto; padding: 0 10px; line-height: 1; }

.RPA-bot .boxContainer.box2 .InfoHdArea ul li.botId { height: 60px; line-height: 16px; border-top: 1px solid #e4e3e3; font-weight: 400; font-size: 14px; color: #088dc3; text-align: center; }

.RPA-bot .boxContainer.box2 .InfoHdArea ul li strong, .RPA-bot .boxContainer.box2 .InfoHdArea ul li span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; letter-spacing: -0.03px; }

.RPA-bot .boxContainer.box2 .InfoHdArea ul li strong { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30%; padding: 10px 10px; background-color: #f6f9fe; font-weight: 400; text-align: center; }

.RPA-bot .boxContainer.box2 .InfoHdArea ul li span { width: 100%; padding: 0 10px; }

.RPA-bot .boxContainer.box2 .dtc-table.tb1 { margin-bottom: 0; }

.RPA-bot .boxContainer.box2 .dtc-table.tb1 li { width: 100%; }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 { height: 99px; margin-bottom: 0; border-top: 0 !important; border-bottom: 1px solid #ececec !important; }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li { overflow: auto !important; width: 50%; }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li::-webkit-scrollbar { width: 6px; height: 6px !important; }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li::-webkit-scrollbar-thumb { border: 1px solid transparent; border-radius: 10px; background-color: #d1d1d1; background-clip: padding-box; }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; /*box-shadow: inset 0 0 5px white;*/ }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li:hover::-webkit-scrollbar-thumb { background-color: #d1d1d1; }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li:hover::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li:hover::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.RPA-bot .boxContainer.box2 .dtc-table.bot { 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%; }

.RPA-bot .boxContainer.box2 .dtc-table.bot li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; }

.RPA-bot .boxContainer.box2 .dtc-table.bot li .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; border-top: 1px solid #ececec; border-right: 1px solid #ececec; }

.RPA-bot .boxContainer.box2 .dtc-table.bot li .row dt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 110px; padding: 10px 5px; background-color: var(--ui-table-bg-color01); text-align: center; min-width: 110px; }

.RPA-bot .boxContainer.box2 .dtc-table.bot li .row dd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 10px 15px; border-left: 1px solid #ececec; background-color: #fff; font-size: 13px; text-align: left; }

.RPA-bot .boxContainer.box2 .dtc-table.bot li .row dd span { text-align: left; }

.RPA-bot .detailView { margin-bottom: 20px; }

.RPA-bot .detailView .companyImg { margin-top: 0; }

.RPA-bot .detailView .companyImg img { margin-top: 0; margin-right: 20px; }

.RPA-bot .detailView ul { height: 100px !important; }

.RPA-bot .detailView ul li { height: 50px !important; border-width: 0 0 1px 0; border-color: #e4e3e3; border-style: dashed; }

.RPA-bot .detailView ul li:last-child { border-bottom: 0; }

.RPA-bot .detailView ul li span { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

/*** RPA 스케줄 관리 220817 ***/
.RPA-schedule { padding: 20px; }

.RPA-schedule .drawContents { display: -ms-grid; display: grid; -ms-grid-columns: 7fr 3fr; grid-template-columns: 7fr 3fr; width: 100%; height: calc(100% - 20px); min-height: 300px; margin-bottom: 0; gap: 20px; }

.RPA-schedule .drawContents .graphArea .titleArea, .RPA-schedule .drawContents .gridArea .titleArea { line-height: 34px; padding: 0; border-bottom: none; }

.RPA-schedule .drawContents .viewerTitle { float: left; position: relative; width: 15%; height: 100%; padding: 9px 15px; border-right: 1px solid #e4e3e3; background-color: #F5F7FA; text-align: center; }

.RPA-schedule .drawContents .viewerTitle .title { position: absolute; top: 50%; left: 50%; line-height: 1.7; font-weight: 400; font-size: 14px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); word-break: keep-all; }

.RPA-schedule .drawContents .graphArea { height: 300px; margin-right: 0; margin-bottom: 20px; border-style: solid; border-width: 0 0 1px; border-color: var(--ui-grid-line-bottom-color01); }

.RPA-schedule .drawContents .graphArea .viewerArea { display: block; height: 209px; border: 1px solid #e4e3e3; border-top: 2px solid var(--ui-grid-line-top-color01); border-bottom: 0; font-size: 12px; text-align: center; }

.RPA-schedule .drawContents .graphArea .viewerArea .viewerContents svg { background-color: #fff; }

.RPA-schedule .drawContents .graphArea .viewerArea .viewerContents .geDiagramBackdrop { height: 100%; }

.RPA-schedule .drawContents .graphArea .viewerArea .viewerContents .geDiagramBackdrop .geBackgroundPage { -webkit-box-shadow: none; box-shadow: none; }

.RPA-schedule .drawContents .graphArea .descArea { height: 46px; border: 1px solid #e4e3e3; border-bottom: 0; }

.RPA-schedule .drawContents .graphArea .descArea .viewerTitle label { line-height: 34px; }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents { overflow: auto; float: left; position: relative; width: 85%; height: 100%; background-color: #fff; overflow-y: scroll !important; overflow-x: auto !important; }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents::-webkit-scrollbar { width: 6px; height: 6px !important; }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents::-webkit-scrollbar-thumb { border: 1px solid transparent; border-radius: 10px; background-color: #d1d1d1; background-clip: padding-box; }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; /*box-shadow: inset 0 0 5px white;*/ }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents:hover::-webkit-scrollbar-thumb { background-color: #d1d1d1; }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents:hover::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents:hover::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents textarea { display: block; height: 100px; padding: 10px; border: 0; border-radius: 0; background-color: #fff; color: #000; resize: none; }

.RPA-schedule .drawContents .gridArea { width: 100%; height: calc(100% - 20px); border: none; }

.RPA-schedule .drawContents .gridArea .titleArea .btn_group { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.RPA-schedule .drawContents .gridArea .gridContents { height: calc(100% - 44px); }

.RPA-schedule .drawContents .gridArea .gridContents .tui-grid-container { height: 276px; }

.RPA-schedule .drawContents .gridArea .gridContents .tui-grid-container .tui-grid-content-area { height: 256px; }

.RPA-schedule .drawContents .gridArea .gridContents .tui-grid-container .tui-grid-content-area .tui-grid-body-area { height: 215px !important; }

.RPA-schedule .drawContents .gridArea .gridContents .tui-grid-container .tui-grid-layer-state { height: 195px !important; }

.RPA-schedule .drawContents .gridArea .gridContents .tui-grid-container .tui-grid-scrollbar-y-inner-border { height: 213px !important; }

.RPA-schedule .drawContents .gridArea .titleArea { display: -webkit-box; display: -ms-flexbox; display: 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; }

/*** RPA 스케줄관리 실행내역 220929 ***/
.RPA-history { height: calc(100vh - 167px) !important; /* 화면높이 고정 : 상단높이 167px (상단바 + navigation bar + 검색조회영역) */ }

.RPA-history .boxContainer .divChartArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; }

.RPA-history .boxContainer .divChartArea .chartBox { width: 50%; height: 200px; background-color: #fff; }

.RPA-history .boxContainer.box3 #grid { margin-right: 0; }

/*** RPA 업체정보 > 봇(BOT)PC 상태 220824 ***/
.RPA-bot .boxContainer.box1 ul.statusBar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.RPA-bot .boxContainer.box1 ul.statusBar li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.RPA-bot .boxContainer.box1 ul.statusBar li img { width: 12px; height: 12px; margin-top: 1px; margin-right: 3px; }

.RPA-bot .boxContainer.box1 ul.statusBar li + li { margin-left: 10px; }

.RPA-bot .boxContainer.box2 .divContArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.RPA-bot .boxContainer.box2 .divContArea .divContWrap:nth-child(1) { width: calc(30% - 20px); margin-right: 20px; }

.RPA-bot .boxContainer.box2 .divContArea .divContWrap:nth-child(2) { width: 70%; }

.RPA-bot .boxContainer.box2 .InfoHdArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; height: 221px; background-color: #fff; }

.RPA-bot .boxContainer.box2 .InfoHdArea .companyLogo { width: 100%; height: 100%; background: url(/resources/img/logo/logo_bot_1.png) no-repeat 50%; }

.RPA-bot .boxContainer.box2 .InfoHdArea ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 0; }

.RPA-bot .boxContainer.box2 .InfoHdArea ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; font-size: 14px; }

.RPA-bot .boxContainer.box2 .InfoHdArea ul li.companyName { height: auto; margin-bottom: 20px; font-weight: 700; font-size: 16px; line-height: 1; }

.RPA-bot .boxContainer.box2 .InfoHdArea ul li.companyName span { height: auto; padding: 0 10px; line-height: 1; }

.RPA-bot .boxContainer.box2 .InfoHdArea ul li.botId { height: 60px; line-height: 16px; border-top: 1px solid #e4e3e3; font-weight: 400; font-size: 14px; color: #088dc3; text-align: center; }

.RPA-bot .boxContainer.box2 .InfoHdArea ul li strong, .RPA-bot .boxContainer.box2 .InfoHdArea ul li span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; letter-spacing: -0.03px; }

.RPA-bot .boxContainer.box2 .InfoHdArea ul li strong { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30%; padding: 10px 10px; background-color: #f6f9fe; font-weight: 400; text-align: center; }

.RPA-bot .boxContainer.box2 .InfoHdArea ul li span { width: 100%; padding: 0 10px; }

.RPA-bot .boxContainer.box2 .dtc-table.tb1 { margin-bottom: 0; }

.RPA-bot .boxContainer.box2 .dtc-table.tb1 li { width: 100%; }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 { height: 99px; margin-bottom: 0; border-top: 0 !important; border-bottom: 1px solid #ececec !important; }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li { overflow: auto !important; width: 50%; }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li::-webkit-scrollbar { width: 6px; height: 6px !important; }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li::-webkit-scrollbar-thumb { border: 1px solid transparent; border-radius: 10px; background-color: #d1d1d1; background-clip: padding-box; }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; /*box-shadow: inset 0 0 5px white;*/ }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li:hover::-webkit-scrollbar-thumb { background-color: #d1d1d1; }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li:hover::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.RPA-bot .boxContainer.box2 .dtc-table.tb2 li:hover::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.RPA-bot .boxContainer.box2 .dtc-table.bot { 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%; }

.RPA-bot .boxContainer.box2 .dtc-table.bot li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; }

.RPA-bot .boxContainer.box2 .dtc-table.bot li .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; border-top: 1px solid #ececec; border-right: 1px solid #ececec; }

.RPA-bot .boxContainer.box2 .dtc-table.bot li .row dt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 110px; padding: 10px 5px; background-color: var(--ui-table-bg-color01); text-align: center; min-width: 110px; }

.RPA-bot .boxContainer.box2 .dtc-table.bot li .row dd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 10px 15px; border-left: 1px solid #ececec; background-color: #fff; font-size: 13px; text-align: left; }

.RPA-bot .boxContainer.box2 .dtc-table.bot li .row dd span { text-align: left; }

.RPA-bot .detailView { margin-bottom: 20px; }

.RPA-bot .detailView .companyImg { margin-top: 0; }

.RPA-bot .detailView .companyImg img { margin-top: 0; margin-right: 20px; }

.RPA-bot .detailView ul { height: 100px !important; }

.RPA-bot .detailView ul li { height: 50px !important; border-width: 0 0 1px 0; border-color: #e4e3e3; border-style: dashed; }

.RPA-bot .detailView ul li:last-child { border-bottom: 0; }

.RPA-bot .detailView ul li span { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

/*** RPA 다운로드 220825 ***/
.RPA-install { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.RPA-install .dtc-table { width: 100%; }

.RPA-install .dtc-table tr { height: 46px; }

.RPA-install .dtc-table tr th { font-weight: 500; font-size: 15px; text-align: center; }

.RPA-install .dtc-table tr td { font-size: 15px; text-align: center; }

.RPA-install .warning { text-align: right; }

.RPA-install .installBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: calc(100% - 44px); }

.RPA-install .installBox p.desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.6; margin-bottom: 20px; font-size: 16px; }

.RPA-install .btnDownload { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: -0.03px; }

.RPA-install .btnDownload button { padding: 0 20px; font-weight: 700; color: #fff; cursor: pointer; }

.RPA-install .btnDownload button i { margin-right: 5px; }

.RPA-install .btnDownload.lg { margin-top: 32px; }

.RPA-install .btnDownload.lg button { width: 280px; height: 60px; font-size: 22px; cursor: pointer; }

.RPA-install .btnDownload.sm { margin-bottom: auto; }

.RPA-install .btnDownload.sm button { height: 40px; line-height: 38px; font-weight: 300; font-size: 16px; max-width: 190px; }

.RPA-install .btnDownload .version { font-size: 13px; color: #000; }

.RPA-install .btnDownload .version label { margin-right: 5px; }

/*** RPA 스케줄 관리 220817 ***/
.RPA-schedule { padding: 20px; }

.RPA-schedule .drawContents { display: -ms-grid; display: grid; -ms-grid-columns: 7fr 3fr; grid-template-columns: 7fr 3fr; width: 100%; height: calc(100% - 20px); min-height: 300px; margin-bottom: 0; gap: 20px; }

.RPA-schedule .drawContents .graphArea .titleArea, .RPA-schedule .drawContents .gridArea .titleArea { line-height: 34px; padding: 0; border-bottom: none; }

.RPA-schedule .drawContents .viewerTitle { float: left; position: relative; width: 15%; height: 100%; padding: 9px 15px; border-right: 1px solid #e4e3e3; background-color: #F5F7FA; text-align: center; }

.RPA-schedule .drawContents .viewerTitle .title { position: absolute; top: 50%; left: 50%; line-height: 1.7; font-weight: 400; font-size: 14px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); word-break: keep-all; }

.RPA-schedule .drawContents .graphArea { height: 300px; margin-right: 0; margin-bottom: 20px; border-style: solid; border-width: 0 0 1px; border-color: var(--ui-grid-line-bottom-color01); }

.RPA-schedule .drawContents .graphArea .viewerArea { display: block; height: 209px; border: 1px solid #e4e3e3; border-top: 2px solid var(--ui-grid-line-top-color01); border-bottom: 0; font-size: 12px; text-align: center; }

.RPA-schedule .drawContents .graphArea .viewerArea .viewerContents svg { background-color: #fff; }

.RPA-schedule .drawContents .graphArea .viewerArea .viewerContents .geDiagramBackdrop { height: 100%; }

.RPA-schedule .drawContents .graphArea .viewerArea .viewerContents .geDiagramBackdrop .geBackgroundPage { -webkit-box-shadow: none; box-shadow: none; }

.RPA-schedule .drawContents .graphArea .descArea { height: 46px; border: 1px solid #e4e3e3; border-bottom: 0; }

.RPA-schedule .drawContents .graphArea .descArea .viewerTitle label { line-height: 34px; }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents { overflow: auto; float: left; position: relative; width: 85%; height: 100%; background-color: #fff; overflow-y: scroll !important; overflow-x: auto !important; }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents::-webkit-scrollbar { width: 6px; height: 6px !important; }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents::-webkit-scrollbar-thumb { border: 1px solid transparent; border-radius: 10px; background-color: #d1d1d1; background-clip: padding-box; }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; /*box-shadow: inset 0 0 5px white;*/ }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents:hover::-webkit-scrollbar-thumb { background-color: #d1d1d1; }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents:hover::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents:hover::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.RPA-schedule .drawContents .graphArea .descArea .viewerContents textarea { display: block; height: 100px; padding: 10px; border: 0; border-radius: 0; background: #fff; color: #000; resize: none; }

.RPA-schedule .drawContents .gridArea { width: 100%; height: calc(100% - 20px); border: none; }

.RPA-schedule .drawContents .gridArea .titleArea .btn_group { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.RPA-schedule .drawContents .gridArea .gridContents { height: calc(100% - 44px); }

.RPA-schedule .drawContents .gridArea .gridContents .tui-grid-container { height: 276px; }

.RPA-schedule .drawContents .gridArea .gridContents .tui-grid-container .tui-grid-content-area { height: 256px; }

.RPA-schedule .drawContents .gridArea .gridContents .tui-grid-container .tui-grid-content-area .tui-grid-body-area { height: 215px !important; }

.RPA-schedule .drawContents .gridArea .gridContents .tui-grid-container .tui-grid-layer-state { height: 195px !important; }

.RPA-schedule .drawContents .gridArea .gridContents .tui-grid-container .tui-grid-scrollbar-y-inner-border { height: 213px !important; }

.RPA-schedule .drawContents .gridArea .titleArea { display: -webkit-box; display: -ms-flexbox; display: 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; }

/*** RPA 스케줄관리 실행내역 220929 ***/
.RPA-history { height: calc(100vh - 167px) !important; /* 화면높이 고정 : 상단높이 167px (상단바 + navigation bar + 검색조회영역) */ }

.RPA-history .boxContainer .divChartArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; }

.RPA-history .boxContainer .divChartArea .chartBox { width: 50%; height: 200px; background-color: #fff; }

.RPA-history .boxContainer.box3 #grid { margin-right: 0; }

/*** RPA 대시보드 홈 220905 ***/
.RPA-home { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 20px 20px !important; gap: 0; }

.RPA-home .divTab1 { width: 100%; margin-top: 20px; }

.RPA-home .divTab1 .tabContent .layout-11 { height: calc(100vh - 173px) !important; }

.RPA-home .boxContainer.box1 { position: relative; }

.RPA-home .boxContainer.box1 .titleArea { position: absolute; top: 0; top: 15px; left: 20px; z-index: 100; }

.RPA-home .boxContainer.box1 .viewerArea .geDiagramBackdrop { background-color: #fff; }

.RPA-home .boxContainer.box1 .viewerArea .geBackgroundPage { -webkit-box-shadow: none; box-shadow: none; }

.RPA-home .boxContainer.box2 .fc table { height: 100% !important; background-color: #fff; font-size: 14px; }

.RPA-home .boxContainer.box2 .fc-header-toolbar { position: absolute; top: 0; width: 100%; height: 54px; margin-bottom: 0; padding-left: 110px; }

.RPA-home .boxContainer.box2 .fc-toolbar-title { height: 34px; line-height: 34px; margin-right: 10px; font-weight: 700; font-size: 19px; color: #83a4af; }

.RPA-home .boxContainer.box2 .chartjs-render-monitor { margin-top: 23px; }

.RPA-home .boxContainer.box2 .fc-view-harness { height: auto !important; }

.RPA-home .boxContainer.box2 .fc .fc-daygrid-body { height: 100% !important; }

.RPA-home .boxContainer.box2 .fc-today-button, .RPA-home .boxContainer.box2 .fc-button-group button { overflow: hidden; position: relative; height: 34px; line-height: initial; padding: 0 16px; border: 1px solid var(--ui-color-gray1); border-radius: 3px; background-color: #fff; font-weight: normal; font-size: 13px; white-space: nowrap; -webkit-transition: all .2s; transition: all .2s; }

.RPA-home .boxContainer.box2 .fc-today-button { margin-right: 1px; background-color: #333; font-size: 15px; color: #fff; cursor: pointer; border-color: #333; }

.RPA-home .boxContainer.box2 .fc-today-button:hover { background-color: #fff; color: #333; border-color: var(--ui-color-gray1); }

.RPA-home .boxContainer.box2 .fc-today-button:disabled { opacity: 1; }

.RPA-home .boxContainer.box2 .fc-icon { display: none; }

.RPA-home .boxContainer.box2 .fc-button-group button { width: 0; padding: 15px 20px !important; cursor: pointer; }

.RPA-home .boxContainer.box2 .fc-button-group button:first-child:before { background-position: -296px -240px; }

.RPA-home .boxContainer.box2 .fc-button-group button:last-child:before { background-position: -296px -220px; }

.RPA-home .boxContainer.box2 .fc-button-group button:first-child:hover:before { background-position: -316px -240px; }

.RPA-home .boxContainer.box2 .fc-button-group button:last-child:hover:before { background-position: -316px -220px; }

.RPA-home .boxContainer.box2 .fc-button-group button:hover { background-color: #333; color: #fff; border-color: var(--ui-color-darkgray1); }

.RPA-home .boxContainer.box2 .fc-button-group button:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 50% !important; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 500px auto; background-image: url(/resources/img/common/icon_set.png); -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; }

.RPA-home .boxContainer.box2 .fc-button-group button:nth-last-of-type(1) { margin-left: 2px; }

.RPA-home .boxContainer.box2 .fc-direction-ltr { height: calc(100% - 53px); }

.RPA-home .boxContainer.box2 .fc .fc-button-group > .fc-button:focus { -webkit-box-shadow: none !important; box-shadow: none !important; }

.RPA-home .boxContainer.box3 .divChartArea .chartBox { height: 100%; }

.RPA-home .boxContainer.box3 .divContentArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; }

.RPA-home .boxContainer.box3 .divContentArea .contBox { position: relative; }

.RPA-home .boxContainer.box3 .divContentArea .contBox:nth-child(2) { width: 100%; }

.RPA-home .boxContainer.box3 .divContentArea .contBox .btn-more { position: absolute; top: -39px; right: 0; padding-right: 12px; border-radius: 3px; font-weight: 700; font-size: 16px; color: #465e94; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }

.RPA-home .boxContainer.box3 .divContentArea .contBox .btn-more:before { content: '+'; position: absolute; top: 1px; right: 0; font-size: 16px; }

.RPA-home2 .schArea2 { display: inline-block; text-align: right; }

.RPA-home2 .boxContainer.box1 .layout-13 { height: calc(100% - 44px) !important; padding: 0; }

.RPA-home2 .boxContainer.box1 .layout-13 .divContentWrap.layout-2 { height: calc(100% - 44px) !important; padding: 20px; background-color: #fff; }

.RPA-home2 .boxContainer.box1 .layout-13 .divContentWrap.layout-2 .boxContainer.box2 ul li:first-child [id^="err_char"] { height: 60px; margin-top: 20px; }

.RPA-home2 .boxContainer.box1 .layout-13 .divContentWrap.layout-2 .boxContainer.box2 ul li:last-child { margin-top: 20px; }

.RPA-home2 .boxContainer.box1 .layout-13 .btn-more { position: relative; top: -1px; color: #465e94; }

.RPA-home2 .boxContainer.box1 .layout-13 .btn-more i { position: relative; top: 1px; font-style: normal; }

.RPA-home2 .boxContainer.box2 .grid { background-color: #fff; }

.RPA-home2 .boxContainer.box3 .layout-13 { height: calc(100% - 44px) !important; padding: 20px; background-color: #fff; }

.RPA-home2 .innerArea { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; }

.RPA-home2 .innerArea [class^="box-"] { float: left; height: 100%; }

.RPA-home2 .innerArea .box1 .contentArea { width: 100%; }

.RPA-home2 .innerArea .box1 .contentArea .contentBody { margin: 0 0 0 35px; padding: 0; }

.RPA-home2 .innerArea .box2 { overflow: auto !important; }

.RPA-home2 .innerArea .box2::-webkit-scrollbar { width: 6px; height: 6px !important; }

.RPA-home2 .innerArea .box2::-webkit-scrollbar-thumb { border: 1px solid transparent; border-radius: 10px; background-color: #d1d1d1; background-clip: padding-box; }

.RPA-home2 .innerArea .box2::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.RPA-home2 .innerArea .box2::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.RPA-home2 .innerArea .box2::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; /*box-shadow: inset 0 0 5px white;*/ }

.RPA-home2 .innerArea .box2:hover::-webkit-scrollbar-thumb { background-color: #d1d1d1; }

.RPA-home2 .innerArea .box2:hover::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.RPA-home2 .innerArea .box2:hover::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.RPA-home2 .contentArea { width: auto; }

.RPA-home2 .contentArea ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 10px; }

.RPA-home2 .contentArea ul .chtBox { width: 64px; height: 64px; }

.RPA-home2 .contentArea.RPAArea .chartCont01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; margin: 0 auto; }

.RPA-home2 .contentArea.RPAArea .chartCont01 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0; }

.RPA-home2 .contentArea.RPAArea .chartCont01 ul li:nth-child(1) .chtBox { border: 4px solid rgba(239, 239, 239, 0.9); color: #fff; background-color: #00C0EF; background: -webkit-gradient(linear, left top, right top, from(#00C0EF), to(#00b8e5)); background: linear-gradient(to right, #00C0EF 0%, #00b8e5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C0EF', endColorstr='#00b8e5', GradientType=1); }

.RPA-home2 .contentArea.RPAArea .chartCont01 ul li:nth-child(1) .chtSta em:before { background-color: #00C0EF; }

.RPA-home2 .contentArea.RPAArea .chartCont01 ul li:nth-child(2) .chtBox { border: 4px solid rgba(239, 239, 239, 0.9); color: #fff; background-color: #ff7e00; background: -webkit-gradient(linear, left top, right top, from(#ff7e00), to(ff8b19)); background: linear-gradient(to right, #ff7e00 0%, ff8b19 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e00', endColorstr='#ff8b19', GradientType=1); }

.RPA-home2 .contentArea.RPAArea .chartCont01 ul li:nth-child(2) .chtSta em:before { background-color: #ff7e00; }

.RPA-home2 .contentArea.RPAArea .chartCont01 ul li:nth-child(3) .chtBox { border: 4px solid rgba(239, 239, 239, 0.9); color: #fff; background-color: #58cebe; background: -webkit-gradient(linear, left top, right top, from(#58cebe), to(#38d1bf)); background: linear-gradient(to right, #58cebe 0%, #38d1bf 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58cebe', endColorstr='#38d1bf', GradientType=1); }

.RPA-home2 .contentArea.RPAArea .chartCont01 ul li:nth-child(3) .chtSta em:before { background-color: #58cebe; }

.RPA-home2 .contentArea.RPAArea .chartCont01 ul li:nth-child(4) .chtBox { border: 4px solid rgba(239, 239, 239, 0.9); color: #fff; background-color: #fc6c8e; background: -webkit-gradient(linear, left top, right top, from(#fc6c8e), to(#fe285c)); background: linear-gradient(to right, #fc6c8e 0%, #fe285c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc6c8e', endColorstr='#fe285c', GradientType=1); }

.RPA-home2 .contentArea.RPAArea .chartCont01 ul li:nth-child(4) .chtSta em:before { background-color: #fc6c8e; }

.RPA-home2 .contentArea.RPAArea .chartCont01 .chtBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 82px; height: 82px; line-height: 74px; border-radius: 50%; text-align: center; }

.RPA-home2 .contentArea.RPAArea .chartCont01 .chtBox .countNum { font-family: 'Roboto'; font-weight: 500; font-size: 24px; }

.RPA-home2 .contentArea.RPAArea .chartCont01 .chtSta { margin-top: 6px; font-size: 14px; color: #212121; text-align: center; }

.RPA-home2 .contentArea.RPAArea .chartCont01 .chtSta em { position: relative; margin-right: 4px; padding-left: 14px; }

.RPA-home2 .contentArea.RPAArea .chartCont01 .chtSta em:before { content: ''; position: absolute; top: 50%; left: 0; width: 10px; height: 10px; margin-top: 1px; border-radius: 50%; background-color: #ddd; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.RPA-home2 .staBoard progress { width: 100%; height: 10px; -webkit-appearance: none; }

.RPA-home2 .staBoard ::-webkit-progress-bar { background: #f0f0f0; border-radius: 10px; -webkit-box-shadow: inset 3px 3px 10px #ccc; box-shadow: inset 3px 3px 10px #ccc; }

.RPA-home2 .staBoard ::-webkit-progress-value { border-radius: 10px; background: #7db9e8; background: -webkit-gradient(linear, left top, right top, from(#7db9e8), to(#465e94)); background: linear-gradient(to right, #7db9e8 0%, #465e94 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#465e94',GradientType=1 ); }

.RPA-home2 .staBoard li .container { float: left; width: 100%; margin-top: 10px; }

.RPA-home2 .staBoard li .container .item { height: 24px; line-height: 24px; font-size: 12px; color: #fff; text-align: center; }

.RPA-home2 .staBoard li .container .item:nth-child(1) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: rgba(218, 68, 83, 0.8); }

.RPA-home2 .staBoard li .container .item:nth-child(2) { background-color: rgba(246, 187, 66, 0.8); }

.RPA-home2 .staBoard li .container .item:nth-child(3) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: rgba(55, 188, 155, 0.8); }

.RPA-home2 .staBoard li .container .item + .item { border-left: 1px solid #fff; }

.RPA-home2 .staBoard li:last-child { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; margin-top: 20px; font-size: 14px; border: 1px solid #ececec; }

.RPA-home2 .staBoard li:last-child dl { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; }

.RPA-home2 .staBoard li:last-child dl dt { width: 70%; height: auto; line-height: 30px; padding: 0 10px; border-right: 1px solid #ececec; background-color: var(--ui-table-bg-color01); letter-spacing: -0.05px; }

.RPA-home2 .staBoard li:last-child dl dd { width: 100%; padding: 5px 10px; }

.RPA-home2 .staBoard li:last-child dl:nth-child(1) { width: 40%; }

.RPA-home2 .staBoard li:last-child dl:nth-child(2) { width: 60%; border-left: 1px solid #ececec; }

/*** RPA 프로세스 > 트리거 관리 220929 ***/
.RPA-trigger .dtc-table { margin-bottom: 0; }

/*** RPA 프로세스 흐름도 이벤트 트리거 221005 ***/
.RPA-evt-trigger .boxContainer.box2 .fuButtonArea { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 200; height: 30px !important; margin-bottom: 10px; }

.RPA-evt-trigger .boxContainer.box2 .fuButtonArea button { margin-right: 5px; }

.RPA-evt-trigger .boxContainer.box2 .fuButtonArea button .fuButtonLabel { line-height: 29px !important; padding: 0 10px !important; font-size: 12px; }

.RPA-evt-trigger .boxContainer.box2 .totalInfo { display: none; top: 0; height: 23px !important; margin-bottom: 0; }

.RPA-evt-trigger .boxContainer.box2 .filename { overflow: hidden; width: 100px; height: 30px; white-space: nowrap; text-overflow: ellipsis; }

.RPA-evt-trigger .dtc-table { margin-bottom: 0; }

.RPA-evt-trigger .dtc-table textarea { line-height: 1.3; }

/*** RPA 프로세스 > 프로세스 관리 221004 ***/
.RPA-manage .boxContainer.box2 .fuButtonArea { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 200; height: 30px !important; margin-bottom: 10px; }

.RPA-manage .boxContainer.box2 .fuButtonArea button { margin-right: 5px; }

.RPA-manage .boxContainer.box2 .fuButtonArea button .fuButtonLabel { line-height: 29px !important; padding: 0 10px !important; font-size: 12px; }

.RPA-manage .boxContainer.box2 .totalInfo { display: none; top: 0; height: 23px !important; margin-bottom: 0; }

.RPA-manage .boxContainer.box2 .filename { overflow: hidden; height: 30px; white-space: nowrap; text-overflow: ellipsis; }

.RPA-manage .dtc-table { margin-bottom: 0; }

/*** RPA 프로세스 관리 220819 ***/
.RPA-process .boxContainer .viewerArea { width: 100%; margin: 0; border: 1px solid #ccc; }

.RPA-process .boxContainer .viewerArea .titleArea .btn-con + .btn-con { margin-left: 4px; }

.RPA-process .boxContainer .viewerArea .flowArea { height: 100%; min-height: 243px; margin: 0; border: 1px solid #e4e3e3; background-color: #fff; }

.RPA-process .boxContainer .viewerArea .flowArea .geDiagramBackdrop { height: 100%; background-color: #fff !important; }

.RPA-process .boxContainer .viewerArea .flowArea .geDiagramBackdrop .geBackgroundPage { -webkit-box-shadow: none; box-shadow: none; }

.RPA-process .boxContainer .boxContainer.box2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.RPA-process .boxContainer.box2 .infoArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: calc(100% - 44px); margin: 0; }

.RPA-process .boxContainer.box2 .infoArea .category { display: -webkit-box; display: -ms-flexbox; display: 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; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; overflow: auto; height: calc(100% - 36px); margin-bottom: 15px; gap: 5px; }

.RPA-process .boxContainer.box2 .infoArea .category > div { position: relative; border: 1px solid rgba(0, 0, 0, 0.4); cursor: pointer; }

.RPA-process .boxContainer.box2 .infoArea .category > div:nth-child(1) { width: 20%; background-color: rgba(218, 227, 243, 0.8); }

.RPA-process .boxContainer.box2 .infoArea .category > div:nth-child(2) { width: 40%; background-color: rgba(226, 240, 217, 0.8); }

.RPA-process .boxContainer.box2 .infoArea .category > div:nth-child(3) { width: 20%; background-color: rgba(251, 229, 214, 0.8); }

.RPA-process .boxContainer.box2 .infoArea .category > div:nth-child(4) { width: 20%; background-color: rgba(208, 206, 206, 0.8); }

.RPA-process .boxContainer.box2 .infoArea .category > div .infoCon p { position: absolute; top: 50%; left: 50%; font-weight: 500; font-size: 14px; color: #212b33; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.RPA-process .boxContainer.box2 .infoArea .category > div .processCount { position: absolute; top: 5px; right: 5px; width: auto; height: 21px; line-height: 18px; padding: 0 6px; border: 1px solid #ccc; border-radius: 5px; background-color: rgba(255, 255, 255, 0.8); font-family: 'Roboto'; font-weight: 400; font-size: 12px; color: #000; }

.RPA-process .boxContainer.box2 .infoArea .cateTitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; height: auto; text-align: right; }

.RPA-process .boxContainer.box2 .infoArea .cateTitle span { display: inline-block; width: 14px; height: 14px; line-height: 12px; margin-top: 2px; margin-right: 4px; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 50%; }

.RPA-process .boxContainer.box2 .infoArea .cateTitle span:nth-child(1) { background-color: rgba(218, 227, 243, 0.8); }

.RPA-process .boxContainer.box2 .infoArea .cateTitle span:nth-child(2) { background-color: rgba(226, 240, 217, 0.8); }

.RPA-process .boxContainer.box2 .infoArea .cateTitle span:nth-child(3) { background-color: rgba(251, 229, 214, 0.8); }

.RPA-process .boxContainer.box2 .infoArea .cateTitle span:nth-child(4) { background-color: rgba(208, 206, 206, 0.8); }

.RPA-process .boxContainer.box2 .infoArea .cateTitle span + span { margin-left: 12px; }

.RPA-process .boxContainer.box3 .valueArea { height: calc(100% - 44px); padding-bottom: 27px; }

.RPA-process .boxContainer.box3 .valueArea .dtc-table { margin: 0; background-color: #F6F9FE; }

.RPA-process .boxContainer.box3 .valueArea .dtc-table table { height: 206px; }

.RPA-process .boxContainer.box3 .valueArea .dtc-table table:after { content: ''; position: absolute; left: 0; z-index: 10; height: 1px; border-bottom: 1px solid var(--ui-table-line-color01); }

.RPA-process .boxContainer.box3 .valueArea .dtc-table tr th, .RPA-process .boxContainer.box3 .valueArea .dtc-table tr td { height: 48px; }

.RPA-process .boxContainer.box3 .valueArea .dtc-table tr:last-child th, .RPA-process .boxContainer.box3 .valueArea .dtc-table tr:last-child td { border-bottom: 0; }

.RPA-process.titleArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 40px); height: 34px; line-height: 34px; margin: 0 20px 8px; }

.RPA-process.titleArea button:nth-last-of-type { margin-right: 0; }

.RPA-process.titleArea .btn-gradient { height: 26px; line-height: 24px; margin: 0 4px 0 0; padding: 0 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.21); border-radius: 3px; font-size: 12px; text-shadow: none; }

.RPA-process.titleArea .btn-gradient.cyan { background: -webkit-gradient(linear, left top, left bottom, from(#37bc9b), to(#37bc9b)); background: linear-gradient(#37bc9b 0%, #37bc9b 100%); background-color: #37bc9b; border-color: #37bc9b; }

.RPA-process.viewerArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; width: calc(100% - 40px); margin: 0 20px 20px; padding: 20px; border: 1px solid #ccc; }

.RPA-process.viewerArea .titleArea > div span button { margin-right: 0; margin-left: 4px; }

.RPA-process.viewerArea .titleArea > div:nth-of-type(3) span button { margin: 0; }

.RPA-process.viewerArea .flowArea { height: 100%; min-height: 365px; margin: 0; border: 1px solid #e4e3e3; }

.RPA-process.viewerArea .flowArea .geDiagramBackdrop { height: 100%; background-color: #fff !important; }

.RPA-process.viewerArea .flowArea .geDiagramBackdrop .geBackgroundPage { -webkit-box-shadow: none; box-shadow: none; }

/*** RPA 업체정보 220823 ***/
.RPA-process-mapping .boxContainer.box1 .btn-gradient.blue { height: 23px; line-height: 22px; padding: 0 10px; border: 1px solid #767676; border-radius: 2px; background-color: #efefef; color: #000; text-shadow: none; }

.RPA-process-mapping .boxContainer.box2 .flowList { margin-bottom: 0; padding: 10px 20px 10px; border: 1px solid #CDCDCD; overflow-x: hidden !important; overflow-y: auto; }

.RPA-process-mapping .boxContainer.box2 .flowList .titleArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.RPA-process-mapping .boxContainer.box2 .flowList .titleArea .title { font-size: 18px; }

.RPA-process-mapping .boxContainer.box2 .flowList .titleArea .switch { margin: 0 10px 0 0; }

.RPA-process-mapping .boxContainer.box2 .flowList .flowArea { height: 200px; border: 1px solid #e4e3e3; }

.RPA-process-mapping .boxContainer.box2 .flowList .flowArea .geDiagramBackdrop { background-color: #fff; }

.RPA-process-mapping .boxContainer.box2 .flowList .flowArea .geDiagramBackdrop .geBackgroundPage { border: 0; -webkit-box-shadow: none; box-shadow: none; }

.RPA-process-mapping .boxContainer.box2 .flowList .flowArea:nth-last-of-type(1) { margin-bottom: 0; }

.RPA-process-mapping .processArea { width: calc(68% - 20px); margin: 0; padding: 0 0 0 20px; border-style: solid; border-color: #ccc; border-width: 0 0 0 1px; }

.RPA-process-mapping .processArea .flowList { margin-bottom: 0; }

.RPA-process-mapping .processArea .flowList .titleArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.RPA-process-mapping .processArea .flowList .titleArea .title { font-size: 18px; }

.RPA-process-mapping .processArea .flowList .titleArea .switch { margin: 0 10px 0 0; }

.RPA-process-mapping .processArea .flowList .flowArea { border: 1px solid #e4e3e3; }

.RPA-process-mapping .processArea .flowList .flowArea .geDiagramBackdrop { background-color: #fff; }

.RPA-process-mapping .processArea .flowList .flowArea .geDiagramBackdrop .geBackgroundPage { border: 0; -webkit-box-shadow: none; box-shadow: none; }

.RPA-process-mapping .processArea .flowList .flowArea:nth-last-of-type(1) { margin-bottom: 0; }

/*** RPA 프로세스 흐름도 > 프로세스 흐름 관리 220822 ***/
.RPA-flowmanage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 20px; gap: 20px; }

.RPA-flowmanage .boxContainer.box1 { margin-left: 0; padding: 0; border: 0; }

.RPA-flowmanage .boxContainer.box1 .editorContainer { height: 218px; min-height: auto; border: 1px solid #e4e3e3 !important; }

.RPA-flowmanage .boxContainer.box1 .editorContainer .geDiagramBackdrop { height: 100%; border: 0; background: #fff; }

.RPA-flowmanage .boxContainer.box1 .editorContainer .geDiagramBackdrop .geBackgroundPage { border: 0; background-image: none !important; -webkit-box-shadow: none; box-shadow: none; border-width: 0; }

.RPA-flowmanage .boxContainer.box1 .infoTitle { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 34px; line-height: 34px; margin-bottom: 10px; padding: 0; border-bottom: none; font-size: 22px; letter-spacing: -0.03px; }

.RPA-flowmanage .boxContainer.box1 .tbArea { margin-bottom: 0; }

.RPA-flowmanage .boxContainer.box1 .tbArea .processTable .processInfo { height: auto; }

.RPA-flowmanage .boxContainer.box1 .tbArea .processTable .processInfo textarea { height: 58px; }

.RPA-flowmanage .boxContainer.box1 .tbArea .processTable .processProp { margin-bottom: 0; }

.RPA-flowmanage .boxContainer.box2 { overflow: hidden; }

.RPA-flowmanage .boxContainer.box2 .titleArea { display: inline-block !important; width: 100%; text-align: center; }

.RPA-flowmanage .boxContainer.box2 .btn_group { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.RPA-flowmanage .boxContainer.box2 .btn_group button { width: calc(20% - 4px); }

.RPA-flowmanage .boxContainer.box2 .search { display: -webkit-box; display: -ms-flexbox; display: 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; }

.RPA-flowmanage .boxContainer.box2 .search select { width: 91px; margin-right: 4px; min-width: auto; }

.RPA-flowmanage .boxContainer.box2 .processList { height: 100%; }

.RPA-flowmanage .boxContainer.box2 .processList input[type="button"].btn-gradient.orange { position: relative; width: 30px; height: 25px; line-height: 24px; padding: 0; border: 1px solid var(--ui-color-darkgray1); border-radius: 3px; background: var(--ui-color-darkgray1); background-color: var(--ui-color-darkgray1); font-size: 16px; text-align: center; -webkit-transition: all .2s; transition: all .2s; -webkit-box-sizing: border-box; box-sizing: border-box; }

.RPA-flowmanage .boxContainer.box2 .processList input[type="button"].btn-gradient.orange::before { content: ""; display: inline-block; position: absolute; top: 50%; left: 10px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: -359px -122px; background-size: 500px auto; background-image: url(/resources/img/common/icon_set.png); color: #fff; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-box-sizing: border-box; box-sizing: border-box; }

.RPA-flowmanage .boxContainer.box2 .tui-grid-body-area { height: 816px !important; }

.RPA-flowmanage .tui-grid-table { width: 100%; }

/*** SCM 대시보드 홈 flow 챠트 221206 ***/
.SCM-flow { height: 100%; }

.SCM-flow .boxContainer { background-color: #fff; }

.SCM-flow .boxContainer.box1 { padding-left: 100px; }

.SCM-flow table.SCM-main-chart { position: relative; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.SCM-flow table.SCM-main-chart tr td { position: relative; width: 244px; height: 226px; margin-left: 22px; background-color: #fff; }

.SCM-flow table.SCM-main-chart tr td ul li:nth-child(1) .imgWrap { width: 224px; height: 94px; padding: 10px; margin-left: 15px; border: 1px solid #DADADA; background-color: #fff; }

.SCM-flow table.SCM-main-chart tr td ul li:nth-child(2) { text-align: right; }

.SCM-flow table.SCM-main-chart tr td ul li:nth-child(2) .coName { display: inline-block; margin-top: 8px; font-size: 16px; color: #A7A7A7; }

.SCM-flow table.SCM-main-chart tr td .flowChart { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; }

.SCM-flow table.SCM-main-chart tr td .flowChart > li { height: 100%; }

.SCM-flow table.SCM-main-chart tr td .flowChart > li:nth-child(1) { width: 188px; }

.SCM-flow table.SCM-main-chart tr td .flowChart > li:nth-child(2) { width: 222px; }

.SCM-flow table.SCM-main-chart tr td .flowChart > li:nth-child(3) { width: 980px; }

.SCM-flow table.SCM-main-chart tr td .divCtArea { height: 100%; padding: 20px 0; background-color: #fff; }

.SCM-flow table.SCM-main-chart tr td .divCtArea > div { height: 100%; border: 18px solid #f6f6f6; }

.SCM-flow table.SCM-main-chart tr td [class^="infoArea-"] li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 20px; font-size: 12px; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap01 .infoArea-01 { position: absolute; top: 71px; left: 513px; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap01 .infoArea-01 li span { margin-left: 5px; color: #da404e; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap01 .infoArea-02 { position: absolute; top: 111px; left: 513px; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap01 .infoArea-02 li span { margin-left: 5px; color: #f3b027; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap01 .infoArea-03 { position: absolute; top: 153px; left: 513px; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap01 .infoArea-03 li span { margin-left: 5px; color: #85b943; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap02 .infoArea-01 { position: absolute; top: 66px; left: 523px; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap02 .infoArea-01 li span { margin-left: 5px; color: #85b943; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap02 .infoArea-02 { position: absolute; top: 125px; left: 523px; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap02 .infoArea-02 li span { margin-left: 5px; color: #f3b027; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap03 li { margin-right: 16px; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap03 .infoArea-01 { position: absolute; top: 3px; left: 513px; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap03 .infoArea-01 li span { margin-left: 5px; color: #85b943; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap03 .infoArea-02 { position: absolute; top: 46px; left: 513px; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap03 .infoArea-02 li span { margin-left: 5px; color: #f3b027; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap03 .infoArea-03 { position: absolute; top: 90px; left: 513px; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap03 .infoArea-03 li span { margin-left: 5px; color: #da404e; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap03 .infoArea-04 { position: absolute; top: 167px; left: 323px; }

.SCM-flow table.SCM-main-chart tr td .sceInfoWrap03 .infoArea-04 li span { margin-left: 5px; color: #85b943; }

.SCM-flow table.SCM-main-chart tr td strong { position: absolute; top: 144px; left: 858px; width: 130px; height: 36px; line-height: 36px; background-color: #e5f0f2; font-size: 15px; text-align: center; }

/*** SCM 홈 ***/
.SCM-home .statusArea, .SCM-home .flowArea, .SCM-home .statusArea ul, .SCM-home .flowArea ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.SCM-home .statusArea, .SCM-home .flowArea { width: 100%; height: auto !important; padding: 12px 20px; border: 1px solid #CACDD4; background-color: #dee1e6; }

.SCM-home .statusArea ul li .divItems, .SCM-home .flowArea ul li .divItems { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 150px; height: 120px; margin: 0 14px; padding: 10px 12px; border: 1px solid #C5CED5; border-radius: 5px; background-color: #fff; color: #fff; cursor: pointer; }

.SCM-home .statusArea ul li .divItems .count, .SCM-home .flowArea ul li .divItems .count { margin-top: 10px; font-family: 'Roboto'; font-size: 40px; color: #000; }

.SCM-home .statusArea ul li .divItems:hover, .SCM-home .flowArea ul li .divItems:hover { border: 2px solid #353A40; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }

.SCM-home .statusArea ul li .status, .SCM-home .flowArea ul li .status { width: 72px; height: 28px; line-height: 26px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; font-size: 17px; text-align: center; }

.SCM-home .statusArea ul li .status.tot, .SCM-home .flowArea ul li .status.tot { background-color: #313b44; }

.SCM-home .statusArea ul li .status.sen, .SCM-home .flowArea ul li .status.sen { background-color: #3baeda; }

.SCM-home .statusArea ul li .status.rec, .SCM-home .flowArea ul li .status.rec { background-color: #8fbf52; }

.SCM-home .statusArea ul li .status.hol, .SCM-home .flowArea ul li .status.hol { background-color: #fff; color: #000; border-color: #7E7F81; }

.SCM-home .statusArea ul li .status.com, .SCM-home .flowArea ul li .status.com { background-color: #36bc9b; }

.SCM-home .statusArea ul li .status.run, .SCM-home .flowArea ul li .status.run { background-color: #f5ba42; }

.SCM-home .statusArea ul li .status.ero, .SCM-home .flowArea ul li .status.ero { background-color: #db4453; }

.SCM-home .statusArea ul li .status.ema, .SCM-home .flowArea ul li .status.ema { border: 0; background-color: #fff; color: #000; }

.SCM-home .boxContainer.box1 .titleArea { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.SCM-home .boxContainer.box1 .titleArea .date { margin-right: 20px; font-weight: 400; }

.SCM-home .boxContainer.box2, .SCM-home .boxContainer.box3 { padding: 20px 30px; border: 1px solid #ccc; }

.SCM-home .boxContainer.box2 .titleArea, .SCM-home .boxContainer.box3 .titleArea { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.SCM-home .boxContainer.box2 .titleArea .chartLegend, .SCM-home .boxContainer.box3 .titleArea .chartLegend { margin-right: 20px; }

.SCM-home .boxContainer.box2 .titleArea .chartLegend span, .SCM-home .boxContainer.box3 .titleArea .chartLegend span { font-weight: normal; }

.SCM-home .boxContainer.box2 .titleArea .chartLegend span > span, .SCM-home .boxContainer.box3 .titleArea .chartLegend span > span { display: inline-block; position: relative; top: 1px; width: 40px; height: 12px; margin-right: 8px; }

.SCM-home .boxContainer.box2 .titleArea .chartLegend .y-d span, .SCM-home .boxContainer.box3 .titleArea .chartLegend .y-d span { background-color: #BFBFBF; }

.SCM-home .boxContainer.box2 .titleArea .chartLegend .t-d, .SCM-home .boxContainer.box3 .titleArea .chartLegend .t-d { margin-left: 30px; }

.SCM-home .boxContainer.box2 .titleArea .chartLegend .t-d span, .SCM-home .boxContainer.box3 .titleArea .chartLegend .t-d span { background-color: #8BD9C9; }

.SCM-home .boxContainer.box2 .chartBox img, .SCM-home .boxContainer.box3 .chartBox img { text-align: center; max-width: 100%; }

.SCM-home .boxContainer.box2 .chartBox canvas, .SCM-home .boxContainer.box3 .chartBox canvas { /* 임시처리 */ width: 100%; }

/*** SCM 대시보드 홈 flow 챠트 수정 231115 ***/
.SCM-flow div.scm-main-chart-wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box{height: 200px; background-color: #fff; margin: 0 auto; display: flex;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box01 .left-line-box{width: 400px; height: 100%; position: relative;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box01 .left-line-box .left-line-list > li{position: absolute;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box01 .left-line-box .left-line-list > li.company-box01{top: 0px; left: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box01 .left-line-box .left-line-list > li.company-box02{top: 100px; left: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .left-line-box .left-line-list > li .company{width: 140px; height: 70px; border: 1px solid #DADADA; background-color: #fff; display: flex; justify-content: center; align-items: center; padding: 3px; box-sizing: content-box;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .left-line-box .left-line-list > li .company .img-wrap{text-align: center;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .left-line-box .left-line-list > li .company .img-wrap img{height: 30px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .left-line-box .left-line-list > li .company .img-wrap span{display: block; margin-top: 5px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .left-line-box .left-line-list > li .line{position: absolute; color: transparent; font-size: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box01 .left-line-box .left-line-list > li.company-box01 .line{width: 235px; height: 135px; top: 35px; left: 147px; border-top: 2px solid #555; border-right: 2px solid #555;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box01 .left-line-box .left-line-list > li.company-box02 .line{width: 205px; height: 35px; top: 35px; left: 147px; border-top: 2px solid #555; border-right: 2px solid #555;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box01 .left-line-box .left-line-list > li .line::after{content: ""; display: block; width: 0; height: 0; border-bottom: 15px solid transparent; border-top: 15px solid #555; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -30px; right: -10px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box{width: 1050px; height: 100%; position: relative;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li{position: absolute; width: 100%;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box01 .right-line-box .right-line-list > li.company-box01{top: 0; right: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box01 .right-line-box .right-line-list > li.company-box02{top: 67px; right: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box01 .right-line-box .right-line-list > li.company-box03{top: 134px; right: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li .company{width: 150px; height: 60px; border: 1px solid #DADADA; background-color: #fff; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li .company .img-wrap img{height: 50px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li .line{position: absolute; border-top: 2px solid #aaa; border-left: 2px solid #aaa; font-size: 0; color: transparent;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box01 .right-line-box .right-line-list > li.company-box01 .line{width: 885px; height: 155px; top: 30px; right: 150px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box01 .right-line-box .right-line-list > li.company-box02 .line{width: 860px; height: 89px; top: 30px; right: 150px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box01 .right-line-box .right-line-list > li.company-box03 .line{width: 835px; height: 22px; top: 30px; right: 150px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box01 .right-line-box .right-line-list > li .line::after{content: ""; display: block; width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 15px solid #aaa; border-right: 15px solid transparent; position: absolute; top: -11px; right: -16px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li .condition{width: 100%; position: absolute; top: 7px; left: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li.stand .line + .condition{display: none;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li .condition ul{display: flex; margin-left: 190px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li .condition ul li{margin-right: 15px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li.warn .condition ul li span{color: #da404e;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li.delay .condition ul li span{color: #f3b027;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li.order .condition ul li span{color: #85b943;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02{display: flex;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .left-line-box{width: 270px; height: 100%; position: relative;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .left-line-box .left-line-list > li{position: absolute;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .left-line-box .left-line-list > li.company-box01{top: 0; left: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .left-line-box .left-line-list > li.company-box02{top: 100px; left: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .left-line-box .left-line-list > li.company-box01 .line{width: 130px; height: 2px; top: 35px; left: 147px; background-color: #555;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .left-line-box .left-line-list > li.company-box02 .line{width: 130px; height: 2px; top: 35px; left: 147px; background-color: #555;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .left-line-box .left-line-list > li .line::after{content: ""; display: block; width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 15px solid #555; border-right: 15px solid transparent; position: absolute; bottom: -10px; right: -28px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .center-line-box{width: 200px; background-color: #fff; margin: 0 30px; display: flex; justify-content: center; align-items: center; border: 10px solid #eee; padding: 10px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .center-line-box img{width: 180px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .right-line-box{width: 920px; height: 100%; position: relative;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .right-line-box .right-line-list > li.company-box01{top: 0; right: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .right-line-box .right-line-list > li.company-box02{top: 67px; right: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .right-line-box .right-line-list > li.company-box03{top: 134px; right: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .right-line-box .right-line-list > li.company-box01 .line{width: 790px; height: 2px; top: 30px; right: 150px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .right-line-box .right-line-list > li.company-box02 .line{width: 790px; height: 2px; top: 30px; right: 150px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .right-line-box .right-line-list > li.company-box03 .line{width: 790px; height: 2px; top: 30px; right: 150px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .right-line-box .right-line-list > li .line::after{content: ""; display: block; width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 15px solid #aaa; border-right: 15px solid transparent; position: absolute; top: -11px; right: -16px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box02 .right-line-box .right-line-list > li .condition ul{display: flex; margin-left: 60px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03{display: flex;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .left-line-box{width: 400px; height: 100%; position: relative;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .left-line-box .left-line-list > li{position: absolute;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .left-line-box .left-line-list > li.company-box01{top: 0; left: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .left-line-box .left-line-list > li.company-box02{top: 100px; left: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .left-line-box .left-line-list > li.company-box01 .line{width: 205px; height: 23px; top: 20px; left: 147px; border-bottom: 2px solid #555; border-right: 2px solid #555;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .left-line-box .left-line-list > li.company-box02 .line{width: 235px; height: 122px; top: -80px; left: 147px; border-bottom: 2px solid #555; border-right: 2px solid #555;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .left-line-box .left-line-list > li .line::after{content: ""; display: block; width: 0; height: 0; border-bottom: 15px solid #555; border-top: 15px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; top: -21px; right: -11px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .right-line-box .right-line-list > li.company-box01{top: 0; right: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .right-line-box .right-line-list > li.company-box02{top: 67px; right: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .right-line-box .right-line-list > li.company-box03{top: 134px; right: 0;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .right-line-box .right-line-list > li.company-box01 .line{border-bottom: 2px solid #aaa; border-top: 0; width: 836px; height: 19px; top: 16px; right: 150px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .right-line-box .right-line-list > li.company-box02 .line{border-bottom: 2px solid #aaa; border-top: 0; width: 859px; height: 84px; top: -52px; right: 150px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .right-line-box .right-line-list > li.company-box03 .line{border-bottom: 2px solid #aaa; border-top: 0; width: 884px; height: 151px; top: -119px; right: 150px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .right-line-box .right-line-list > li .line::after{content: ""; display: block; width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 15px solid #aaa; border-right: 15px solid transparent; position: absolute; right: -16px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .right-line-box .right-line-list > li.company-box01 .line::after{top: 8px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .right-line-box .right-line-list > li.company-box02 .line::after{top: 73px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box.box03 .right-line-box .right-line-list > li.company-box03 .line::after{top: 140px;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li.stand .line{border-color: #aaa !important;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li.warn .line{border-color: #da404e !important;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li.delay .line{border-color: #f3b027 !important;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li.order .line{border-color: #85b943 !important;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li.warn .line::after{border-left-color: #da404e !important;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li.delay .line::after{border-left-color: #f3b027 !important;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li.order .line::after{border-left-color: #85b943 !important;}

.SCM-flow div.scm-main-chart-wrap .scm-main-chart-box .right-line-box .right-line-list > li.stand  .line::after{border-left-color: #aaa !important;}

/*** ITSM 대시보드 홈 221206 ***/
.ITSM-home > table { background-color: #fff; }

.ITSM-home > table th, .ITSM-home > table td { background-color: #fff; }

.META-dashboard-home .boxContainer.box1 { padding: 20px; }

.META-dashboard-home .boxContainer.box2 { padding: 20px; background-color: #fff; }

.META-dashboard-home .newGrid .tui-grid-body-container { height: 616px; }

.META-dashboard-home .newGrid .tui-grid-table { width: 100%; }

.META-dashboard-home .newGrid .tui-grid-container .tui-grid-table tr { height: 41px; }

.META-dashboard-home .menuInfoTable .menuInfo table tr { height: 37px; }

.META-dashboard-home .menuInfoTable .menuInfo table th { font-size: 14px; }

.META-dashboard-home .menuInfoTable .menuInfo table td { font-size: 12px; height: 37px; }

.menuInfoTable .menuInfoTop { position: relative; width: 100%; height: 170px; }

.menuInfoTable .menuInfoTop > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 170px; height: 170px; border-radius: 50%; background-color: rgba(35, 138, 241, 0.5); }

.menuInfoTable .menuInfoTop > div > div > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; letter-spacing: -0.5px; }

.menuInfoTable .menuInfoTop > div > div > div strong { position: relative; margin-bottom: 10px; font-size: 22px; }

.menuInfoTable .menuInfoTop > div > div > div strong:before { content: ''; position: absolute; bottom: -8px; width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.6); text-align: center; }

.menuInfoTable .menuInfoTop > div > div > div span { margin-top: 3px; font-size: 18px; font-weight: 500; letter-spacing: -1px; }

.menuInfoTable .menuInfoTop > div.center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.menuInfoTable .menuInfoTop > div.center > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 150px; height: 150px; border-radius: 50%; border: 10px solid rgba(125, 203, 251, 0.5); background-color: #f7f8fa; }

.menuInfoTable .menuInfoTop > div.center:before { content: ''; position: absolute; left: 50%; bottom: -28px; width: 2px; height: 28px; background-color: rgba(0, 0, 0, 0.6); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.menuInfoTable .menuInfoTop > div.right { position: absolute; left: 50%; top: 50%; margin-left: 170px; width: 150px; height: 150px; background-color: rgba(129, 194, 62, 0.5); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.menuInfoTable .menuInfoTop > div.right:after { content: ''; position: absolute; top: 50%; left: -86px; width: 86px; height: 1px; margin-top: 3px; border-top: 2px dotted rgba(0, 0, 0, 0.6); }

.menuInfoTable .menuInfoTop > div.right > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 130px; height: 130px; border-radius: 50%; border: 0 solid #81c23e; background-color: #f7f8fa; }

.menuInfoTable .menuInfoTop > div.right strong { position: relative; margin-bottom: 0; font-size: 18px; text-align: center; }

.menuInfoTable .menuInfoTop > div.right strong:before { content: ''; display: none; }

.menuInfoTable .menuInfoMd { position: relative; }

.menuInfoTable .menuInfoMd .topLine { position: absolute; left: 50%; bottom: 20px; width: 86.8%; height: 2px; background-color: rgba(0, 0, 0, 0.6); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.menuInfoTable .menuInfo { display: -webkit-box; display: -ms-flexbox; display: 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; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.menuInfoTable .menuInfo .menuTb1 th { background-color: #fddb3d; }

.menuInfoTable .menuInfo .menuTb7 th { background-color: #e5b5d0; }

.menuInfoTable .menuInfo > table { width: calc(14.2% - 10px); }

.menuInfoTable .menuInfo > table tr { height: 38px; }

.menuInfoTable .menuInfo > table th, .menuInfoTable .menuInfo > table td { color: #000; letter-spacing: -0.5px; }

.menuInfoTable .menuInfo > table th { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 80px; margin-bottom: 10px; padding: 5px; border: 2px solid rgba(0, 0, 0, 0.5); border-radius: 10px; background-color: #dcedf4; font-size: 14px; text-align: center; }

.menuInfoTable .menuInfo > table th:after { content: ''; position: absolute; left: 50%; top: -22px; width: 2px; height: 21px; background-color: rgba(0, 0, 0, 0.6); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.menuInfoTable .menuInfo > table th:before { content: ''; position: absolute; left: 50%; bottom: -13px; width: 1px; height: 12px; background-color: rgba(0, 0, 0, 0.5); }

.menuInfoTable .menuInfo > table td { height: 38px; padding: 4px 8px; border: 1px solid rgba(0, 0, 0, 0.4); background-color: #fff; }

/*** CLOUD 인프라 사양 구성 (카이/공동) 221208 ***/
.CLD-infra .tui-grid-body-area { overflow: auto !important; }

.CLD-infra .tui-grid-cell, .CLD-infra .tui-grid-cell-editable, .CLD-infra .tui-grid-cell-row-header { background-color: #fff !important; }

.CLD-infra .tui-grid-row-odd { background-color: #fff; }

.CLD-infra .newGrid.sctb2 .tui-grid-rside-area .tui-grid-header-area { margin-right: 12px; }

.CLD-infra .newGrid .tui-grid-content-area:after { background-color: #ececec; }

.CLD-infra .newGrid .tui-grid-container .tui-grid-table { width: 100%; }

.CLD-infra .newGrid .tui-grid-cell-current-row { background-color: #d5eaff !important; }

.CLD-infra .newGrid.sctb2 .tui-grid-rside-area .tui-grid-header-area { border-bottom-color: #000; }

.CLD-infra .newGrid .tui-grid-cell.tui-grid-cell-row-header { font-weight: 700; }

/*** CLOUD 리소스 모니터링 221208 ***/
.CLD-resource .boxContainer.box1 .grid, .CLD-resource .boxContainer.box2 .grid, .CLD-resource .boxContainer.box3 .grid, .CLD-resource .boxContainer.box4 .grid { height: 100%; background-color: #fff; }

/********************************************************* 
2. 카이 업무별 대시보드 컨텐츠 
*********************************************************/
.mainContent .Layout01.MES-main-board .divContentBox.cont-02 { position: realative; }

.mainContent .Layout01.MES-main-board .divContentBox.cont-02 #Chart { z-index: 1; }

.mainContent .Layout01.MES-main-board .divContentBox.cont-02 #Chart2 { position: absolute; right: 20px; bottom: 112px; z-index: 0; width: calc(100vh - 2px) !important; }

.mainContent .Layout01.MES-main-board .divContentBox.cont-02 #Chart2:before { content: '11111'; display: block; width: 100%; }

.mainContent .Layout02.RPA-process-flow .gridContArea { height: 100%; gap: 30px 0; }

.mainContent .Layout02.RPA-process-flow .innerArea { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; }

.mainContent .Layout02.RPA-process-flow .innerArea [class^="box-"] { float: left; height: 100%; }

.mainContent .Layout02.RPA-process-flow .innerArea .box1 .contentArea { width: 100%; }

.mainContent .Layout02.RPA-process-flow .innerArea .box1 .contentArea .contentBody { margin: 0 0 0 35px; padding: 0; }

.mainContent .Layout02.RPA-process-flow .innerArea .box2 { overflow: auto !important; }

.mainContent .Layout02.RPA-process-flow .innerArea .box2::-webkit-scrollbar { width: 6px; height: 6px !important; }

.mainContent .Layout02.RPA-process-flow .innerArea .box2::-webkit-scrollbar-thumb { border: 1px solid transparent; border-radius: 10px; background-color: #d1d1d1; background-clip: padding-box; }

.mainContent .Layout02.RPA-process-flow .innerArea .box2::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.mainContent .Layout02.RPA-process-flow .innerArea .box2::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.mainContent .Layout02.RPA-process-flow .innerArea .box2::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; /*box-shadow: inset 0 0 5px white;*/ }

.mainContent .Layout02.RPA-process-flow .innerArea .box2:hover::-webkit-scrollbar-thumb { background-color: #d1d1d1; }

.mainContent .Layout02.RPA-process-flow .innerArea .box2:hover::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.mainContent .Layout02.RPA-process-flow .innerArea .box2:hover::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.mainContent .Layout02.RPA-process-flow .cont-01 { padding: 20px; border: 1px solid #ccc  !important; }

.mainContent .Layout02.RPA-process-flow .cont-01 .innerArea { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: calc(100% - 44px); }

.mainContent .Layout02.RPA-process-flow .cont-01 .innerArea .box1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; margin-left: 20px; }

.mainContent .Layout02.RPA-process-flow .cont-01 .innerArea .box1 canvas { width: 200px !important; height: 200px !important; margin: 0 !important; background-color: #fff; }

.mainContent .Layout02.RPA-process-flow .cont-01 .innerArea .box1 .contentArea { width: auto; }

.mainContent .Layout02.RPA-process-flow .cont-01 .innerArea .box1 .contentArea ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; }

.mainContent .Layout02.RPA-process-flow .cont-01 .innerArea .box1 .contentArea ul .chtBox { width: 64px; height: 64px; }

.mainContent .Layout02.RPA-process-flow .cont-01 .innerArea .box2 { position: relative; top: 0; width: 50%; margin-right: 20px; }

.mainContent .Layout02.RPA-process-flow .cont-01 .innerArea .box2 canvas { width: 100% !important; height: 164px !important; }

.mainContent .Layout02.RPA-process-flow .cont-02 { padding-right: 30px; }

.mainContent .Layout02.RPA-process-flow .cont-02 .innerArea { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }

.mainContent .Layout02.RPA-process-flow .cont-02 .innerArea .box1 canvas { width: 305px !important; height: 305px !important; margin: 0 0 0 40px !important; background: #fff; }

.mainContent .Layout02.RPA-process-flow .cont-02 .innerArea .box2 { position: relative; top: 0; width: 50%; padding-right: 20px; }

.mainContent .Layout02.RPA-process-flow .cont-03 { padding-left: 30px; border-left: 1px solid #e5e5e5; }

.mainContent .Layout02.RPA-process-flow .cont-03 .innerArea { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.mainContent .Layout02.RPA-process-flow .cont-03 .innerArea .box1 { width: 100%; height: 50%; margin-bottom: 20px; }

.mainContent .Layout02.RPA-process-flow .cont-03 .innerArea .box2 { overflow: hidden !important; width: 100%; height: 50%; }

.mainContent .Layout02.RPA-process-flow .cont-03 .innerArea .box2 button.btn.middle { margin-bottom: 0; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont { display: -ms-grid; display: grid; -ms-grid-columns: (minmax(241px, 1fr))[auto-fill]; grid-template-columns: repeat(auto-fill, minmax(241px, 1fr)); height: 100%; grid-gap: 30px 20px; grid-auto-rows: 1fr; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item { height: 100%; max-height: 252px; border: 1px solid #ccc; border-radius: 3px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(1) dt { background: url(/resources/img/logo/logo_bot_1.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(2) dt { background: url(/resources/img/logo/logo_bot_2.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(3) dt { background: url(/resources/img/logo/logo_bot_3.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(4) dt { background: url(/resources/img/logo/logo_bot_4.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(5) dt { background: url(/resources/img/logo/logo_bot_5.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(6) dt { background: url(/resources/img/logo/logo_bot_6.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(7) dt { background: url(/resources/img/logo/logo_bot_7.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(8) dt { background: url(/resources/img/logo/logo_bot_8.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(9) dt { background: url(/resources/img/logo/logo_bot_9.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(10) dt { background: url(/resources/img/logo/logo_bot_10.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(11) dt { background: url(/resources/img/logo/logo_bot_11.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(12) dt { background: url(/resources/img/logo/logo_bot_12.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(13) dt { background: url(/resources/img/logo/logo_bot_13.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(14) dt { background: url(/resources/img/logo/logo_bot_14.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(15) dt { background: url(/resources/img/logo/logo_bot_15.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(16) dt { background: url(/resources/img/logo/logo_bot_16.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(17) dt { background: url(/resources/img/logo/logo_bot_17.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(18) dt { background: url(/resources/img/logo/logo_bot_18.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(19) dt { background: url(/resources/img/logo/logo_bot_19.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(20) dt { background: url(/resources/img/logo/logo_bot_20.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item:nth-child(21) dt { background: url(/resources/img/logo/logo_bot_21.png) no-repeat 50% 50%; background-size: 200px 34px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item dl { display: block; width: 100%; height: 100%; text-align: center; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item dl dt { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item dl dd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: calc(100% - 50px); padding: 30px 20px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item dl dd ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item dl dd ul li { display: block; width: 100%; height: 30px; text-align: left; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item dl dd ul li:nth-child(1) .progressbarContainer { background: url(/resources/img/icon/ico_progs_01.svg) no-repeat 0 50%; background-size: 20px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item dl dd ul li:nth-child(2) .progressbarContainer { background: url(/resources/img/icon/ico_progs_02.svg) no-repeat 0 50%; background-size: 20px; }

.mainContent .Layout03.RPA-bot-operating .divOperatingCont .item dl dd ul li:nth-child(3) .progressbarContainer { background: url(/resources/img/icon/ico_progs_03.svg) no-repeat 0 50%; background-size: 20px; }

.mainContent .Layout03.SCM-sce-01 .divContentBox.cont-01 .chartBox ul { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.mainContent .Layout03.SCM-sce-01 .divContentBox.cont-01 .chartBox ul li { width: 16.66666666%; height: 25%; }

.mainContent .Layout08.ITSM-receipt-01 .titleArea { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 30px; }

.mainContent .Layout08.ITSM-receipt-01 .cont-03 .titleArea { margin-bottom: 5px; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid { padding-bottom: 0; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid table { width: 100%; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-cell-row-header { color: #000; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-cell { padding: 30px 0; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-cell .tui-grid-cell-content.left { padding: 0 80px 0 0; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-cell .tui-grid-cell-content.left progress { width: 100%; height: 42px; -webkit-appearance: none; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-cell .tui-grid-cell-content.left .progressBar1 progress::-webkit-progress-bar { background-color: #67A7B5; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-cell .tui-grid-cell-content.left .progressBar1 progress::-webkit-progress-value { background: #B3C25A; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-cell .tui-grid-cell-content.left .progressBar2 progress { margin-top: 20px; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-cell .tui-grid-cell-content.left .progressBar2 progress::-webkit-progress-bar { background: #EBEBEB; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-cell .tui-grid-cell-content.left .progressBar2 progress::-webkit-progress-value { background: #313173; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-cell .tui-grid-cell-content.left [class^="progressBar"] { position: relative; color: #fff; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-cell .tui-grid-cell-content.left [class^="progressBar"] .ps-left { position: absolute; top: 50%; left: 34px; z-index: 30; margin-top: -1px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-cell .tui-grid-cell-content.left [class^="progressBar"] .ps-right { position: absolute; top: 50%; right: 34px; z-index: 30; margin-top: -1px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-cell .tui-grid-cell-content.left [class^="progressBar"] strong { margin-left: 5px; font-weight: 400; font-family: 'Roboto'; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-cell .tui-grid-cell-content.left .progressBar2 .ps-left { left: 24px; top: 67%; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-table tr:nth-child(odd):hover { background-color: #FBFBFB; cursor: default; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-table tr:nth-child(even):hover { background-color: #fff; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-container .tui-grid-body-container { height: 689px; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-cell-content .ico-arr { display: block; position: relative; left: 50%; width: 10px; height: 7px; margin-top: 4px; margin-left: -5px; background: url(/resources/img/icon/ico_arr.png) no-repeat; text-align: center; }

.mainContent .Layout08.ITSM-receipt-01 .newGrid .tui-grid-scrollbar-right-top { display: none; }

.mainContent .Layout09.RPA-botstatus .divContentBox.cont-02 { padding-bottom: 0; }

.mainContent .Layout09.RPA-botstatus .divContentBox.cont-03 .titleArea .schArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.mainContent .Layout09.RPA-botstatus .divContentBox.cont-03 .titleArea .schArea .tilde { margin: 0 2px; }

.mainContent .Layout09.RPA-botstatus .divContentBox.cont-03 .titleArea .schArea button { margin-left: 2px; }

.mainContent .Layout09.RPA-botstatus .divContentBox .contentBody { padding: 0; }

.mainContent .Layout09.SCM-order-list .divContentBox.cont-03 { border-top: 1px solid #e4e3e3; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 0 0; grid-auto-rows: 1fr; position: relative; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont:before { content: ''; position: absolute; top: 0; left: -1px; z-index: 40; width: 1px; height: 100%; background-color: #fff; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont:after { content: ''; position: absolute; top: 0; right: 0; z-index: 40; width: 1px; height: 100%; background-color: #fff; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items { height: 152px; max-height: 152px; margin-left: -1px; margin-top: -1px; border: 1px solid #ececec; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+1):nth-child(-n+6) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+13):nth-child(-n+18) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+25):nth-child(-n+30) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+37):nth-child(-n+42) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+49):nth-child(-n+54) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+61):nth-child(-n+66) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+73):nth-child(-n+78) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+85):nth-child(-n+90) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+97):nth-child(-n+102) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+109):nth-child(-n+114) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+121):nth-child(-n+126) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+133):nth-child(-n+138) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+145):nth-child(-n+150) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+157):nth-child(-n+162) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+169):nth-child(-n+174) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+181):nth-child(-n+186) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items:nth-child(n+193):nth-child(-n+198) { background-color: #F6F6F6; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items.on { position: relative; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items.on dl { background-color: #EBEFF2; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items.on:before { content: ''; position: absolute; left: -1px; top: -1px; z-index: 50; width: calc(100% + 2px); height: 152px; border: 2px solid #8AB3C4; background-color: transparent; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 150px; padding: 24px 20px; border: 1px solid transparent; text-align: center; cursor: pointer; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items dl:hover { height: 150px; background-color: #EBEFF2; border: 1px solid #8AB3C4; -webkit-transition: all .3s ease; transition: all .3s ease; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items dl dt { display: inline-block; position: absolute; top: 24px; max-width: 105px; padding: 0 0 3px 0; border-bottom: 1px solid #C3C3C3; font-weight: 500; font-size: 14px; color: #434343; line-height: 18px; letter-spacing: 0; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items dl dd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 12px; position: absolute; bottom: 24px; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items dl dd [class^="sta-"] { display: inline-block; width: 60px; height: 26px; margin-top: 8px; line-height: 26px; border-radius: 3px; background-color: #ddd; font-size: 12px; color: #fff; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items dl dd strong { font-family: 'Roboto'; font-weight: 400; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items dl dd .sta-01 { background-color: #8DC251; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items dl dd .sta-02 { background-color: #FE235C; }

.mainContent .Layout09.RPA-scenario .tbScenarioCont .items dl dd .sta-03 { line-height: 22px; border: 2px solid #FEB123; background-color: #fff; color: #FEB123; }

.mainContent .Layout09.RPA-scenario .gridContArea { gap: 30px 0; }

.mainContent .Layout09.RPA-scenario .cont-02 { padding-bottom: 0 !important; }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: calc(100% - 104px); }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea [class^="box-"] { float: left; height: 100%; }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box1 .contentArea { width: 100%; }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box1 .contentArea .contentBody { margin: 0 0 0 35px; padding: 0; }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box2 { overflow: auto !important; }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box2::-webkit-scrollbar { width: 6px; height: 6px !important; }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box2::-webkit-scrollbar-thumb { border: 1px solid transparent; border-radius: 10px; background-color: #d1d1d1; background-clip: padding-box; }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box2::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box2::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box2::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; /*box-shadow: inset 0 0 5px white;*/ }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box2:hover::-webkit-scrollbar-thumb { background-color: #d1d1d1; }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box2:hover::-webkit-scrollbar-thumb:hover { background-color: rgba(102, 102, 102, 0.9); }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box2:hover::-webkit-scrollbar-thumb:active { background-color: rgba(102, 102, 102, 0.9); }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; margin-left: 20px; }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box1 canvas { width: 200px !important; height: 200px !important; margin: 0 !important; background-color: #fff; }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box1 .contentArea { width: auto; }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box1 .contentArea ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box1 .contentArea ul .chtBox { width: 64px; height: 64px; }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box2 { position: relative; top: 0; width: 50%; margin-right: 20px; }

.mainContent .Layout09.RPA-scenario .cont-02 .innerArea .box2 canvas { width: 100% !important; height: 164px !important; }

.mainContent .Layout09.RPA-scenario .cont-03 { padding-top: 0 !important; }

.mainContent .Layout09.RPA-scenario .cont-03 .box1 { margin-bottom: 20px; }

.mainContent .Layout09.RPA-scenario .divCompNm { display: inline-block; width: 100%; height: 60px; margin-bottom: 10px; padding: 10px 20px; border-radius: 2px; background-color: #F6F9FE; }

.mainContent .Layout09.RPA-scenario .divCompNm #compNm { display: inline-block; overflow: hidden; text-overflow: ellipsis; height: 40px; font-size: 14px; font-weight: 500; }

.mainContent .Layout09.META-data-std-reg .divInputArea { margin: 0; }

.mainContent .Layout09.META-data-std-reg .newGrid .tui-grid-container .tui-grid-table { width: 100%; }

.mainContent .Layout09.META-data-std-reg .newGrid .tui-grid-body-container { height: 740px; }

.mainContent .Layout09.META-data-std-reg .newGrid .tui-grid-container .tui-grid-table tr { height: 41px; }

/*** new table style 230210 ***/
.dtc-table-type02{padding:20px; background-color:#dee1e6; border-radius:3px; border:1px solid #c4ceda; margin-top: 10px}
.dtc-table-type02 hr{margin: 20px 0; background-color: #c4ceda; height: 1px; border: 0; margin: 20px 0;}
.dtc-table-type02 .dtc-table-cont .table{width: 100%;}
.dtc-table-type02 .dtc-table-cont .table th, .dtc-table-type02 .dtc-table-cont .table td{text-align: center; padding: 5px 0;}
.dtc-table-type02 .dtc-table-cont .table .tit{background-color: #cdd4dc; border: 1px solid #b4c1d2;}
.dtc-table-type02 .dtc-table-cont .table button{border: 0; border-radius: 3px; color: #fff; line-height: 34px; padding: 0; cursor: pointer;}
.dtc-table-type02 .dtc-table-cont .table button.att{background-color: #37bd9c;}
.dtc-table-type02 .dtc-table-cont .table button.log{background-color: #8dc153;}
.dtc-table-type02 .dtc-table-cont .table button.link{background-color: #007caf;}
.dtc-table-type02 .dtc-table-cont .table button.att.disabled,
.dtc-table-type02 .dtc-table-cont .table button.log.disabled,
.dtc-table-type02 .dtc-table-cont .table button.link.disabled{background-color: #ccd1d9;}

/*** 반응형 처리 220712 ***/
/*** PC Screen 2200 ***/
@media screen and (max-width: 1920px) { .SCM-home .statusArea, .SCM-home .flowArea { padding: 32px 40px; }
  .SCM-home .statusArea ul li .divItems, .SCM-home .flowArea ul li .divItems { width: 112px; height: 88px; margin: 0 8px; padding: 10px 12px; }
  .SCM-home .statusArea ul li .divItems .count, .SCM-home .flowArea ul li .divItems .count { margin-top: 7px; font-family: 'Roboto'; font-size: 24px; }
  .SCM-home .statusArea ul li .status, .SCM-home .flowArea ul li .status { width: 72px; height: 27px; line-height: 25px; font-size: 14px; }
  .SCM-flow .boxContainer.box1 { padding-left: 0; }
  .RPA-home2 .contentArea.RPAArea .chartCont01 ul { margin: 0 0; }
  .RPA-home2 .contentArea.RPAArea .chartCont01 .chtBox { width: 70px; height: 70px; line-height: 62px; }
  .RPA-flowmanage .boxContainer.box2 .tui-grid-body-area { height: 697px !important; }
  /* META 공동 */
  .META-dashboard-home .divInputArea { margin: 0; }
  .META-dashboard-home .newGrid .tui-grid-body-container { height: 659px; }
  .META-dashboard-home .newGrid .tui-grid-table { width: 100%; }
  .META-dashboard-home .newGrid .tui-grid-container .tui-grid-table tr { height: 41px; }
  .Layout01.MES-main-board .divContentBox.cont-02 { position: realative; }
  .Layout01.MES-main-board .divContentBox.cont-02 #Chart { z-index: 1; }
  .Layout01.MES-main-board .divContentBox.cont-02 #Chart2 { position: absolute; right: 18px; bottom: 92px !important; z-index: 0; }
  .Layout01.MES-main-board .divContentBox.cont-02 #Chart2:before { content: '11111'; display: block; width: 100%; }
  /* META 카이 */
  .Layout09.META-data-std-reg .newGrid .tui-grid-body-container { height: 642px !important; }
  .Layout09.META-data-std-reg .newGrid .tui-grid-container .tui-grid-table tr { height: 40px !important; }
  .Layout09.META-data-std-reg .menuInfoMd .topLine { width: 87.2% !important; }
  .menuInfoMd .topLine { width: 87.5% !important; } }

/*** Tab Screen 800 ***/
@media screen and (max-width: 800px) { .RPA-bot .boxContainer.box2 .divContArea { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .RPA-bot .boxContainer.box2 .divContArea .divContWrap:first-child { width: 100%; }
  .RPA-bot .boxContainer.box2 .divContArea .divContWrap:first-child ul li.companyName { height: 20px; margin-top: 10px; border: 0; }
  .RPA-bot .boxContainer.box2 .divContArea .divContWrap:first-child ul li.botId { border: 0; }
  .RPA-bot .boxContainer.box2 .divContArea .divContWrap:nth-child(2) { width: 100%; }
  .RPA-process .boxContainer.box1 .btn_group button { padding: 8px 8px 8px 35px; }
  .RPA-process .boxContainer.box2 .infoArea { min-height: 330px; }
  .RPA-process .boxContainer.box2 .category { height: 85%; }
  .RPA-process .boxContainer.box3 .valueArea { height: 30vh; padding-bottom: 0; }
  .RPA-process-mapping { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .RPA-process-mapping .compArea { width: 100%; }
  .RPA-process-mapping .processArea { width: 100%; padding: 0; border-left: 0; }
  .RPA-flowmanage { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .RPA-flowmanage .boxContainer.box1 { width: 100%; margin-bottom: 0; }
  .RPA-flowmanage .boxContainer.box2 { width: 100%; height: auto; padding: 0; border: 0; }
  .RPA-flowmanage .boxContainer.box2 .titleArea { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  .RPA-install .boxContainer + .boxContainer { padding-top: 20px !important; border-top: 1px dashed #ccc; }
  .RPA-install .boxContainer.box2, .RPA-install .boxContainer.box3, .RPA-install .boxContainer.box4 { min-height: 240px; }
  .RPA-schedule { height: 100% !important; }
  .RPA-schedule .drawContents { -ms-grid-columns: 1fr !important; grid-template-columns: 1fr !important; height: 100vh !important; height: 100% !important; }
  .RPA-schedule .drawContents .descArea { height: 66px !important; }
  .RPA-schedule .graphArea { height: 40vh !important; margin-bottom: 0; }
  .RPA-schedule .gridArea { width: 100% !important; height: 40vh !important; }
  .RPA-home .divContentWrap.layout-11 { display: block !important; }
  .RPA-home .divTab1 .tabContent .layout-11 { height: auto !important; }
  .RPA-home .boxContainer.box3 .divContentArea, .RPA-home .boxContainer.box4 .divContentArea { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .RPA-home .divContentWrap.row-auto { -ms-grid-rows: 1fr; grid-template-rows: 1fr; }
  .RPA-home .fc-toolbar-title { display: none; }
  .RPA-home .boxContainer.box2 .fc-view-harness { height: 300px !important; }
  .RPA-home .boxContainer.box2 { margin: 20px 0; }
  .RPA-home .divTab1 { margin-bottom: 30px; }
  .RPA-home .divTab1 .tabContent { margin-bottom: 20px; }
  .RPA-home .divContentWrap.layout-11 .boxContainer.box3 ul { -ms-grid-rows: 50fr 50fr !important; grid-template-rows: 50fr 50fr !important; }
  .RPA-home .divTab1 .tabNav button { width: 33.33333333%; }
  .RPA-home .boxContainer.box3 .divContentArea { gap: 55px; }
  .SCM-home { padding-bottom: 100px; }
  .SCM-home .statusArea ul, .SCM-home .flowArea ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; }
  .SCM-home .statusArea ul li, .SCM-home .flowArea ul li { width: 100%; }
  .SCM-home .statusArea ul li .divItems, .SCM-home .flowArea ul li .divItems { 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%; height: auto; margin: 0; padding: 5px 20px; }
  .SCM-home .statusArea ul li .divItems .count, .SCM-home .flowArea ul li .divItems .count { height: 27px; line-height: 27px; margin-top: 0; margin-left: 10px; font-size: 16px; }
  .SCM-home .statusArea ul li .divItems:hover, .SCM-home .flowArea ul li .divItems:hover { border-width: 1px; }
  .SCM-home .statusArea ul li + li, .SCM-home .flowArea ul li + li { margin-top: 5px; }
  .SCM-home .boxContainer.box2 .chartBox canvas, .SCM-home .boxContainer.box3 .chartBox canvas { width: 100% !important; height: 250px !important; }
  .CLD-infra { grid-template-areas: "box1" "box2"; } }