@charset "utf-8";

@import url(./notosanskr.css);
@import url(./nanumsquare.css);
@import url(./samsungone.css);
@import url(./samsungsharpsans.css);

:root {
    --rpa_red: #ed4839;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0; padding: 0; border: 0; font-size: 13px; font-weight: 300; color: rgba(0,0,0,0.8); font-family: 'Noto Sans KR', Arial, sans-serif; vertical-align: top;/*middle baseline;*/ letter-spacing: -0.4px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
html,body {height: 100%; min-width: 1600px; min-width: 1580px; min-height: 100%;}
body {line-height: 1; word-break: break-all; -ms-word-break: break-all; -webkit-text-size-adjust: none;}
ol,ul,dl,li,menu {list-style: none;}
ul, menu, dir {-webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
textarea {width: 100%; resize: none;}
input,select,textarea,button,optgroup {font: 300 100% 'Noto Sans KR'; font-size: 100%; font-weight: 300; font-family: 'Noto Sans KR', Arial, sans-serif !important; vertical-align: middle; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; color: rgba(0,0,0,0.8);}
em,address {font-style: normal;}
a,a:link,a:visited,a:active,a:hover {text-decoration: none; /* color: rgba(0, 0, 0, 0.6); */ cursor: pointer;}
em,span,i {display: inline-block;}
strong {font-weight: 400;font-size: inherit;}

caption, .blind {overflow: hidden; position: absolute; top: -1px; left: -1px; z-index: -1; width: 1px; height: 0px; font-size: 0; line-height: 0; white-space: nowrap;}
.ir {display: block; overflow: hidden; position: relative; z-index: -1; height: 11px; font-size: 11px; white-space: nowrap;}
#u_skip {position: relative; z-index: 850303;}
#u_skip a {display: inline-block; *display: inline; *zoom: 1; position: absolute; top: -30px; left: 0; min-width: 138px; border: 1px solid #4ec53d; background-color: #fff; text-align: center; font-size: .92em; line-height: 26px; letter-spacing: -1px; padding: 2px 6px 0 0;}
#u_skip a:active, #u_skip a:focus {top: 0; text-decoration: none; cursor: pointer; zoom: 1;}

.h100per {height: 100%;}

.fl, .fL {float: left;}
.fr, .fR {float: right;}
.ct {clear: both; zoom: 1;}
.ct:after {display: block; clear: both; height: 1px; margin-top: -1px; content: '';}
.tx_l, .tx-l {text-align: left !important;}
.tx_r, .tx-r {text-align: right !important;}
.tx_c, .tx-c {text-align: center !important;}
.tx_doc, .tx-doc {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.inline-block {display: inline-block; *display: inline; *zoom: 1;}
.box-sizing {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.dis-none {display: none;}

.color1 {color: rgba(0, 0, 0, 0.6);}
.color2 {color: #03af6d;}
.color3 {color: var(--rpa_red);}
.co_blue, .co_blue * {color: #0e7ff5;}
.bg_blue, .bg_blue * {color: #fff; background-color: #4385f5;}
.bg_red, .bg_red * {color: #fff; background-color: #f25a5a;}

.logText {font-size:12px;}
.logText * {font-size: inherit; color: inherit;}
.logColor1 {color: #296542;}
.logColor2 {color: #2b334a;}
.logColor3 {color: #ff5300;}
.logColor4 {color: #f00;}
.logColor5 {color: #37bf00;}
.logColor6 {color: #4285f4;}
.logColor7 {
  background-image: linear-gradient(to right, #719df8 20%, #736bf4 48%, #be6eef 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: normal;
}

.notice-text1, .notice-text2, .notice-text3 {background-position: 0px 3px; background-repeat: no-repeat; padding-left: 20px; font-weight: 500; line-height: 21px;}
.notice-text1 {background-image: url(../img/rpa_img/ic-error.svg); color: var(--rpa_red);}
.notice-text2 {background-image: url(../img/rpa_img/ic-time.png); color: rgba(0,0,0,0.6);}
.notice-text3 {background-image: url(../img/rpa_img/ic-success.png); color: #5ebdf7;}

.fs-12 {font-size: 12px !important;}
em.has {color: inherit; font-weight: inherit; background-color: rgba(74, 194, 206, 0.4); line-height: 27px; font-size: inherit;}
em.has.in { line-height: inherit;text-overflow: ellipsis;overflow: hidden;max-width: 100%;}

.mr-10 {margin-right:10px !important;}
.ml-5 {margin-left:5px !important;}
.ml-10 {margin-left:10px !important;}
.mr-5 {margin-right:5px !important;}
.mt-0 {margin-top:0px !important;}
.mt-5 {margin-top:5px !important;}
.mt-7 {margin-top:7px !important;}
.mt-10 {margin-top:10px !important;}
.mb-5 {margin-bottom:5px !important;}
.mb-10 {margin-bottom:10px !important;}
.mtb-5 {margin-top:5px !important; margin-bottom:5px !important;}

.position-r {position: relative !important;}
.position-a {position:absolute !important;}

.hr-line1 {background-color: #f1f1f1; width: 100%; height: 1px; font-size: 0;}

/* select, input, button reset */
/* select.select1 {appearance: none; -webkit-appearance: none; background: #f2f2f2 url(../img/rpa_img/ic-arrow-down.png) 96% 50% no-repeat; border-radius: 5px; border: 1px solid #f2f2f2; line-height: 35px; padding: 0 26px 0 15px;}
select.select2 {appearance: none; -webkit-appearance: none; background: transparent url(../img/rpa_img/ic-arrow-down.png) 96% 50% no-repeat; border: 0px none; line-height: 35px; padding: 0 26px 0 5px; font-size: 13px; font-weight: 700; color: rgba(0,0,0,0.4);} */

.select1 {position:relative; text-align:left;}
.select1.open label::after {}
.select1 label {display: block; position: relative; box-sizing: border-box; color: rgba(0,0,0,0.4); border: 1px solid #f2f2f2; border-radius: 5px; padding: 0 26px 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; line-height: 35px; background: #f2f2f2;}
.select1 label::after {content:""; position:absolute; right:15px; top:50%; margin-top:-6px; width:21px; height:13px; overflow:hidden; background:transparent url("../img/rpa_img/ic-arrow-down.svg") 96% 50% no-repeat;}
.select1 select {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
span.select1 {display:inline-block; vertical-align:middle;}
.select1.disabled label {background-color:#f5f6f7;}

.select2 {position:relative; text-align:left;}
.select2.open label::after {}
.select2 label {display: block; position: relative; box-sizing: border-box; color: rgba(0,0,0,0.4); border: 0px none; padding: 0 26px 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; line-height: 35px;}
.select2 label::after {content:""; position:absolute; right:15px; top:50%; margin-top:-6px; width:21px; height:13px; overflow:hidden; background:transparent url("../img/rpa_img/ic-arrow-down.svg") 96% 50% no-repeat;}
.select2 select {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
span.select2 {display:inline-block; vertical-align:middle;}
.select2.disabled label {background-color:#f5f6f7;}

.select3 {display:inline-block; vertical-align:middle; position:relative; letter-spacing:-1px; cursor:pointer;}
.select3 .labelTxt {height: 35px; width: 100%; min-width: 115px; display: block; position: relative; box-sizing: border-box; color: rgba(0,0,0,0.4); border: 0px none; padding: 0 30px 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 35px; font-weight: 500;}
.select3 .labelTxt::after {content: ""; position: absolute; right: 5px; top: 50%; margin-top: -8px; width: 16px; height: 16px; overflow: hidden; background: transparent url(../img/rpa_img/ic-arrow-down.svg) 96% 50% no-repeat;}
.select3 .labelTxt:hover::after {content: ""; position: absolute; right: 5px; top: 50%; margin-top: -8px; width: 16px; height: 16px; overflow: hidden; background: transparent url(../img/rpa_img/ic-arrow-down-hover.svg) 96% 50% no-repeat;}
.select3 .selList {display:none; position: absolute; left: 0; right: 0; top: 100%; z-index: 155; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; border: solid 1px rgba(0, 0, 0, 0.15);}
.select3 .selList li { position:relative;}
.select3 .selList a {display: block; height: 35px; line-height: 35px; padding: 0 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; color: rgba(0, 0, 0, 0.6); font-weight: 400;}
.select3 .selList a:hover {background-color: rgba(0, 0, 0, 0.05);}
.select3 .selList li.on {}
.select3 .selList li.on a {padding-right: 30px;}
.select3 .selList li.on a::before,
.select3 .selList li.on a::after {content:''; display: block; position: absolute; background: #3b67ff;}
.select3 .selList li.on a::before {width: 2px; height: 7px; top: 15px; right: 20px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.select3 .selList li.on a::after {width: 2px; height: 11px; top: 12px; right: 15px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.select3.open {}
.select3.open .labelTxt {}
.select3.open .labelTxt::after {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.select3.open .selList {display:block;}

.selectselbox-area-form {position: relative;}
.selectselbox-area {position: absolute;z-index: 5;}
.selectselbox-area.areaR {right: 25px;}
.select-selbox {box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; border: solid 1px rgba(0, 0, 0, 0.15);}
.select-selbox .selbox-list {}
.select-selbox .selbox-list li {color: rgba(0, 0, 0, 0.6);line-height: 1.43;padding: 7px 14px 8px 14px; cursor: pointer; word-break: normal; font-weight: 400;}
.select-selbox .selbox-list li:hover,
.select-selbox .selbox-list li.selected {padding-right: 46px; position: relative;}
.select-selbox .selbox-list li:hover {background-color: rgba(0, 0, 0, 0.05);}
.select-selbox .selbox-list li.selected {color: #2b334a;}
.select-selbox .selbox-list li.disabled {color: rgba(0, 0, 0, 0.2); cursor: default;}
.select-selbox .selbox-list li:hover::before,
.select-selbox .selbox-list li:hover::after,
.select-selbox .selbox-list li.selected::before,
.select-selbox .selbox-list li.selected::after {content:'';display: block;width: 2px;position: absolute; top: 50%;}
.select-selbox .selbox-list li:hover::before,
.select-selbox .selbox-list li.selected::before {height: 6px; right: 20px; margin-top: -3px; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.select-selbox .selbox-list li:hover::after,
.select-selbox .selbox-list li.selected::after {height: 11px; right: 14px; margin-top: -6px; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.select-selbox .selbox-list li:hover::before,
.select-selbox .selbox-list li:hover::after {background-color: rgba(0, 0, 0, 0.4); }
.select-selbox .selbox-list li.selected::before,
.select-selbox .selbox-list li.selected::after {background-color: #2b334a; }
.select-selbox .selbox-list li.disabled::before,
.select-selbox .selbox-list li.disabled::after {display: none;}
.select-selbox .selbox-list li span,
.select-selbox .selbox-list li em {color: inherit; line-height: inherit; font-weight: inherit; display: inline;}
.select-selbox .selbox-btn {padding: 6px; text-align: right; border: 1px solid #ededee;}

.selectselbox-area-form .btnToggle {}
.selectselbox-area-form .viewToggle {display: none;}
.selectselbox-area-form.open .viewToggle {display: block;}

/*grid select*/
.jqx-widget-content.jqx-combobox {border-color: #f2f2f2; background: #f2f2f2; box-sizing: border-box;border-radius: var(--rpa-default-border-radius) !important;}
.jqx-widget-content.jqx-combobox.comboselect1 {background: transparent; border-color: transparent;}
.jqx-widget-content.jqx-combobox.jqx-combobox-state-hover,
.jqx-widget-content.jqx-combobox.jqx-combobox-state-focus {}
.jqx-widget-content.jqx-combobox.jqx-fill-state-disabled {}
.jqx-widget-content.jqx-combobox .jqx-icon-arrow-down {background: transparent url(../img/rpa_img/ic-arrow-down.svg) center left no-repeat; width: 100%;}
.jqx-widget-content.jqx-combobox.jqx-fill-state-disabled .jqx-icon-arrow-down {cursor: default;}
.jqx-widget-content.jqx-combobox .jqx-combobox-input {background: transparent; color: rgba(0, 0, 0, 0.6); font-weight: 400; font-size: 13px;}
.jqx-widget-content.jqx-combobox input[readonly].jqx-combobox-input {background-color: transparent !important;width: 95% !important;}
.jqx-widget-content.jqx-combobox .jqx-widget-content.jqx-combobox-content {background: transparent; border-color: transparent; left:11px !important;}
.jqx-widget-content.jqx-combobox .jqx-combobox-arrow-normal.jqx-fill-state-normal {background: transparent; border-color: transparent;margin-left: -4px !important;}
.jqx-listbox:not(.jqx-tree) {box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; border: solid 1px rgba(0, 0, 0, 0.15); box-sizing: border-box;}
.jqx-listbox:not(.jqx-tree) .jqx-listitem-element > span {padding-left :11px !important;}
.jqx-listbox:not(.jqx-tree) .jqx-listitem-element .jqx-listitem-state-normal {font-size: 13px; font-weight: 400; margin: 0; border: 0 none; height: calc(100% - 9px); overflow: hidden; text-overflow: ellipsis; cursor: pointer;}
.jqx-listbox:not(.jqx-tree) .jqx-listitem-element:not(:has(.chkbox)) .jqx-listitem-state-selected {color: var(--rpa-selected-color); font-weight: 500; background: var(--rpa-selected-background);border:1px solid transparent;}

.jqx-listbox:not(.jqx-tree) .jqx-listitem-element:has(.jqx-checkbox-checked:not([style*="visibility: hidden"]) .jqx-checkbox-check-checked):not(.chkbox)
,.jqx-listbox:not(.jqx-tree) .jqx-listitem-element:has(.jqx-checkbox-checked:not([style*="visibility: hidden"]) .jqx-checkbox-check-checked):not(.chkbox) span > span{color: var(--rpa-selected-color); font-weight: 300; background:  var(--rpa-selected-background);}
.jqx-listbox:not(.jqx-tree) .jqx-listitem-element:has(.chkbox) span.jqx-listitem-state-selected:not(.jqx-fill-state-hover){background: transparent;}


.jqx-listbox:not(.jqx-tree) .jqx-listitem-element .jqx-listitem-state-hover {background-color: rgba(0,0,0,0.05);}
.jqx-listbox:not(.jqx-tree) .jqx-listitem-element .jqx-listitem-state-hover > span {background-color: transparent !important;}
.jqx-listbox:not(.jqx-tree) .jqx-listitem-element .jqx-listitem-state-disabled,
.jqx-listbox:not(.jqx-tree) .jqx-listitem-element .jqx-fill-state-disabled {background: transparent; color: rgba(0, 0, 0, 0.2); opacity: 1; cursor: default;}

.jqx-widget-content.jqx-combobox.comboselect1 {background: transparent; border-color: transparent;}
.jqx-widget-content.jqx-combobox.comboselect2 {background: #f2f2f2;}

/*grid header menu*/
.jqx-menu-wrapper .jqx-menu.jqx-menu-vertical {height: auto !important; border-radius: 5px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; border: solid 1px rgba(0, 0, 0, 0.2);}
.jqx-menu-wrapper .jqx-menu li {color: rgba(0, 0, 0, 0.6); font-size: 13px;}
.jqx-menu-wrapper .jqx-menu li.jqx-fill-state-focus {border:0 none;}
.jqx-menu-wrapper .jqx-menu li.jqx-fill-state-hover {background-color: rgba(0,0,0,0.05);}
.jqx-menu-wrapper .jqx-menu li.jqx-fill-state-disabled {background-color: transparent !important;}

button {padding: 0; border: 0 none; background-color: transparent}
button, input[type='text'], input[type='password'], input[type='submit'], input[type='search'], input[type='button'], input[type='reset'], input[type='file'], textarea {-webkit-appearance: none; border-radius: 0px;}
input[type='checkbox'] {-webkit-appearance: checkbox;}
input[type='radio'] {-webkit-appearance: radio;}
input[type='number'] {-webkit-appearance: none;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance: none;}

/* placeholder */
input[type='text']::-webkit-input-placeholder,
input[type='file']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder {color:rgba(0,0,0,0.3); font-size: 14px; font-weight: 400;}
input[type='text']::-moz-placeholder,
input[type='file']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder {color:rgba(0,0,0,0.3); font-size: 14px; font-weight: 400;}
input[type='text']:-ms-input-placeholder,
input[type='file']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder {color:rgba(0,0,0,0.3); font-size: 14px; font-weight: 400;}
input[type='text']:-moz-placeholder,
input[type='file']:-moz-placeholder,
input[type='number']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder {color:rgba(0,0,0,0.3); font-size: 14px; font-weight: 400;}
/* 18.11.08 */
input[type='text'].noclearbox::-ms-clear { display:none; }

.search-box .search.search-type1 .input-search::-webkit-input-placeholder {color:rgba(0,0,0,0.3); font-size: 16px; font-weight: 400;}
.search-box .search.search-type1 .input-search::-moz-placeholder {color:rgba(0,0,0,0.3); font-size: 16px; font-weight: 400;}
.search-box .search.search-type1 .input-search:-ms-input-placeholder {color:rgba(0,0,0,0.3); font-size: 16px; font-weight: 400;}
.search-box .search.search-type1 .input-search:-moz-placeholder {color:rgba(0,0,0,0.3); font-size: 16px; font-weight: 400;}

input[type='text'].input-h25::-webkit-input-placeholder,
input[type='file'].input-h25::-webkit-input-placeholder,
input[type='number'].input-h25::-webkit-input-placeholder,
input[type='search'].input-h25::-webkit-input-placeholder,
input[type='password'].input-h25::-webkit-input-placeholder {color:rgba(0,0,0,0.2); font-size: 12px; font-weight: 300;}
input[type='text'].input-h25::-moz-placeholder,
input[type='file'].input-h25::-moz-placeholder,
input[type='number'].input-h25::-moz-placeholder,
input[type='search'].input-h25::-moz-placeholder,
input[type='password'].input-h25::-moz-placeholder {color:rgba(0,0,0,0.2); font-size: 12px; font-weight: 300;}
input[type='text'].input-h25:-ms-input-placeholder,
input[type='file'].input-h25:-ms-input-placeholder,
input[type='number'].input-h25:-ms-input-placeholder,
input[type='search'].input-h25:-ms-input-placeholder,
input[type='password'].input-h25:-ms-input-placeholder {color:rgba(0,0,0,0.2); font-size: 12px; font-weight: 300;}
input[type='text'].input-h25:-moz-placeholder,
input[type='file'].input-h25:-moz-placeholder,
input[type='number'].input-h25:-moz-placeholder,
input[type='search'].input-h25:-moz-placeholder,
input[type='password'].input-h25:-moz-placeholder {color:rgba(0,0,0,0.2); font-size: 12px; font-weight: 300;}

.mini-search .input-search-m input[type='text']::-webkit-input-placeholder {color:rgba(0,0,0,0.3); font-size: 13px; font-weight: 300; }
.mini-search .input-search-m input[type='text']::-moz-input-placeholder {color:rgba(0,0,0,0.3); font-size: 13px; font-weight: 300;}
.mini-search .input-search-m input[type='text']:-ms-input-placeholder {color:rgba(0,0,0,0.3); font-size: 13px; font-weight: 300;}
.mini-search .input-search-m input[type='text']:-moz-placeholder {color:rgba(0,0,0,0.3); font-size: 13px; font-weight: 300;}

input[type='text'], input[type='password'], input[type='search'], input[type='file'], input[type='number'],
.jqx-input:not(.jqx-datetimeinput), input[type=password].jqx-input:not(.jqx-datetimeinput), input[type=text].jqx-input:not(.jqx-datetimeinput), textarea {font-size: 13px;color: rgba(0,0,0,0.8);background-color: #f2f2f2; /*border-radius: 5px;*/ border: 1px solid #f2f2f2; height: 28px; line-height: 27px; padding: 1px 15px 0; box-sizing: border-box; width: 100%;}
/* 2019-2-20 s */
input[type='text'][readonly] {background-color: transparent; border: none; cursor: default;}
input[type='text'][readonly]:focus {outline-offset: 0px !important; outline: none !important;}
input[type='text'][disabled] {background-color: transparent; border: none;}

input[type='password'][readonly] {background-color: transparent; border: none; cursor: default;}
input[type='password'][readonly]:focus {outline-offset: 0px !important; outline: none !important;}
input[type='password'][disabled] {background-color: transparent; border: none;}
/* 2019-2-20 e */
input.input-h25 {height: 25px !important; line-height: 24px !important; font-size: 12px !important; color: rgba(0, 0, 0, 0.7) !important; padding: 1px 10px 0 !important;}
input.input-h35 {height: 35px !important; line-height: 34px !important;}
.search-double-calendar .jqx-widget-content {border-radius: 5px; border-color: #f2f2f2;}
.search-double-calendar .aui-double-calendar-dash {top: 0px !important; width: 14px; text-align: center;}
div.input-box, div.sel-box {width: 100%; display: block;}
span.input-box + span.input-box {}

textarea {height: 50px; line-height: 24px;}

.select1.re-check label, input.re-check {border: solid 1px var(--rpa_red);}

.chk-box, .ra-box {position: relative;}
.chk-box input[type='checkbox'], .ra-box input[type='radio'] {opacity: 0; position: absolute; top: 0; left: 0;}

.chk-box input[type='checkbox'] + label, .ra-box input[type='radio'] + label {display: inline-block; padding: 1px 0 1px 21px; background-position: 0 3px; background-repeat: no-repeat; line-height:18px;}
.chk-box input[type='checkbox']:not(:disabled)  + label {background-image: url(../img/rpa_img/ic-check-normal.svg);cursor: pointer;}
.chk-box input[type='checkbox']:hover:not(:disabled)  + label {background-image: url(../img/rpa_img/ic-check-over.svg);}
.chk-box input[type='checkbox']:checked+ label {background-image: url(../img/rpa_img/ic-check-selected.svg)}
.chk-box input[type='checkbox']:checked:not(:disabled):hover + label,
.chk-box input[type='checkbox']:checked:not(:disabled) + label:hover {background-image: url(../img/rpa_img/ic-check-selected-over.svg);}
.chk-box input[type='checkbox']:disabled + label {background-image: url(../img/rpa_img/ic-check-disabled-gray.svg);}
.chk-box input[type='checkbox']:indeterminate + label {background-image: url(../img/rpa_img/ic-check-indeterminated.svg);}
.chk-box input[type='checkbox'] + label:hover {background-image: url(../img/rpa_img/ic-check-over.svg);}
.chk-box input[type='checkbox']:disabled + label:hover {background-image: url(../img/rpa_img/ic-check-disabled-gray.svg);}
.chk-box input[type='checkbox']:indeterminate + label:hover {background-image: url(../img/rpa_img/ic-check-indeterminated-over.svg);}

.ra-box input[type='radio'] + label {background-image: url(../img/rpa_img/ic-radio-normal.svg);}
.ra-box input[type='radio']:checked + label {background-image: url(../img/rpa_img/ic-radio-selected.svg);}
/* .ra-box input[type='radio']:disabled + label {background-image: url(../img/rpa_img/ic-radio-disabled.png);} */
.ra-box input[type='radio'] + label:hover {background-image: url(../img/rpa_img/ic-radio-over.svg);}
.ra-box input[type='radio']:checked + label:hover{background-image: url(../img/rpa_img/ic-radio-selected.svg);}
.ra-box input[type='radio']:disabled + label:hover{background-image: url(../img/rpa_img/ic-radio-disabled.png);}

.jqx-widget .jqx-checkbox-default,
.jqx-widget .jqx-checkbox-checked .jqx-checkbox-default,
.jqx-widget .jqx-checkbox-checked .jqx-checkbox-hover.jqx-checkbox-default {border: 0 none; background: transparent;}
.jqx-widget .jqx-checkbox-default span {background-position: 50% 50%; background-repeat: no-repeat; width: 16px !important; height: 16px !important; left: 0 !important; top: 0 !important;}
.jqx-widget .jqx-checkbox-default span {background-image: url(../img/rpa_img/ic-check-normal.svg); display: block !important; margin-top: 1px;}
.jqx-widget .jqx-checkbox-default span:hover {background-image: url(../img/rpa_img/ic-check-over.svg);}
.jqx-widget .jqx-checkbox-default.jqx-fill-state-hover span {background-image: url(../img/rpa_img/ic-check-over.svg);}
.jqx-widget .jqx-checkbox-default.jqx-fill-state-hover span.jqx-checkbox-check-checked,
.jqx-widget .jqx-checkbox-default span.jqx-checkbox-check-checked {background-image: url(../img/rpa_img/ic-check-selected.svg);}
.jqx-widget .jqx-checkbox-default span.jqx-checkbox-check-checked:hover {background-image: url(../img/rpa_img/ic-check-selected-over.svg);}

.jqx-widget .jqx-checkbox-indeterminate  .jqx-checkbox-hover.jqx-checkbox-default {border: 0 none; background: transparent;}
.jqx-widget .jqx-checkbox-default span.jqx-checkbox-check-indeterminate {background-image: url(../img/rpa_img/ic-check-indeterminated.svg);}
.jqx-widget .jqx-checkbox-default span.jqx-checkbox-check-indeterminate:hover {background-image: url(../img/rpa_img/ic-check-indeterminated-over.svg);}
.jqx-widget .jqx-checkbox-indeterminate  .jqx-checkbox-default.jqx-fill-state-hover span {background-image: url(../img/rpa_img/ic-check-indeterminated-over.svg);}


.jqx-radiobutton {line-height:18px; color: rgba(0, 0, 0, 0.6);}
.pop_wrap .jqx-radiobutton {font-size: 12px; color: rgba(0, 0, 0, 0.6);}
.jqx-radiobutton .jqx-radiobutton-default,
.jqx-radiobutton .jqx-radiobutton-default > div,
.jqx-radiobutton .jqx-radiobutton-default span {width: 17px !important; height: 18px !important; }
.jqx-radiobutton .jqx-radiobutton-default {position:relative;margin:0 10px 0 0; border: 0 none !important; background: transparent url(../img/rpa_img/ic-radio-normal.svg) 0px 1px no-repeat !important;}
.jqx-radiobutton .jqx-radiobutton-default > div {}
.jqx-radiobutton .jqx-radiobutton-default span {background: transparent; border: 0 none; margin: 0px !important;}
.jqx-radiobutton .jqx-radiobutton-default.jqx-fill-state-focus,
.jqx-radiobutton .jqx-radiobutton-default.jqx-radiobutton-hover {background: transparent url(../img/rpa_img/ic-radio-over.svg) 0px 1px no-repeat !important;}
.jqx-radiobutton.jqx-radiobutton-checked .jqx-radiobutton-default,
.jqx-radiobutton .jqx-radiobutton-default.jqx-fill-state-focus .jqx-radiobutton-check-checked,
.jqx-radiobutton .jqx-radiobutton-default.jqx-radiobutton-hover .jqx-radiobutton-check-checked,
.jqx-radiobutton .jqx-radiobutton-default .jqx-radiobutton-check-checked{background: transparent url(../img/rpa_img/ic-radio-selected.svg) 0px 1px no-repeat !important;}
.jqx-radiobutton.jqx-fill-state-disabled {}
.jqx-radiobutton.jqx-radiobutton-checked.jqx-fill-state-disabled .jqx-radiobutton-default {}

.input-radio-box .jqx-radiobutton {display: inline-block;}

[class^="btn-"] {display: inline-block; text-align: center; border:1px solid transparent; background-color: transparent; cursor: pointer; font-weight: 400;}
[class^="btn-"] + [class^="btn-"] {margin-left: 5px;}
[class^="btn-"] * {color: inherit; font-size: inherit; font-weight: inherit;}
[class^="btn-"].disabled, [class^="btn-"]:disabled {cursor: default;}

[class^="btn-sm"] {font-size: 11px; line-height: 15px; padding: 3px 10px;}
.btn-sm1 {background-color: transparent; border: solid 1px rgba(0,0,0,0.4); color: rgba(0, 0, 0, 0.6);}
.btn-sm1.disabled {opacity: 0.3 ;border-color: rgba(0,0,0,0.2);  cursor: default;}
.btn-sm1:hover {background-color: rgba(0, 0, 0, 0.1);border: solid 1px rgba(0, 0, 0, 0.4);}
.btn-sm2 {background-color: #fff; border: solid 1px rgba(0,0,0,0.4); color: rgba(0, 0, 0, 0.6); line-height: 20px; font-size: 12px;}
.btn-sm2:hover {background-color: rgba(0, 0, 0, 0.1);border: solid 1px rgba(0, 0, 0, 0.4);}
.btn-sm3 {background-color: var(--rpa-primary); border: 1px solid var(--rpa-primary); color: #fff; line-height: 20px; font-size: 12px;}
.btn-sm3:not(.disabled):hover {background-color: var(--rpa-primary-hover);border: solid 1px rgba(0, 0, 0, 0.4);}

[class^="btn-b"]{line-height: 22px; padding: 8px 13px; font-size: 14px; min-width: 114px;}
div[name='reportPopupContent'] .btn-b3{line-height:unset;}
button[class^="btn-b"]{}
.pop_wrap .pop_cont [class^="btn-b"] {min-width: 78px;}
.btn-b1 {background-color: #5354c9; border: 1px solid #5354c9; font-size: 18px; color: #fff;}
.btn-b1:hover {background-color: #4a4bb4;}
.btn-b2 {background-color: #030d3b; border: 1px solid #030d3b; color: #fff;}
.btn-b2:not(.disabled):not(:disabled):hover {background-color: var(--rpa-primary-hover);}
.btn-b2.disabled:hover, .btn-b2:disabled:hover,
.btn-b2.disabled, .btn-b2:disabled {opacity: 0.2;}
.btn-b3 {background-color: transparent; border: solid 1px #4d515c; color: #4d515c;}
.btn-b3:hover {background-color: rgba(100, 100, 100, 0.1);}
.btn-b3.disabled:hover, .btn-b3:disabled:hover,
.btn-b3.disabled, .btn-b3:disabled {background-color: transparent; border: solid 1px #000; color: #000; opacity: 0.2;}
.btn-b4 {padding: 6px 13px; color: rgba(0,0,0,0.6); font-weight: 400; background-color: #ededed;}
.btn-b4:hover {background-color: rgba(0, 0, 0, 0.1);}
.btn-b5 {color: #fff; font-weight: 400; background-color: var(--rpa-primary);}
.btn-b5.disabled:hover, .btn-b5:disabled:hover,
.btn-b5.disabled, .btn-b2:disabled {background-color: #f8f8f8;}

[class^="btn-n"] {/*border-radius: 5px;*/ font-size: 14px; line-height: 22px; padding: 3px 10px;}
.btn-n1 {background-color: transparent; border: solid 1px #5354c9; color: #4d515c;}
.btn-n1:hover {background-color: #5354c9; color: #fff;}
/*.btn-n2 {background-color: #efefef; border: solid 1px #4a4bb4; color: #4a4bb4;}*/
/*.btn-n2:hover {background-color: #4a4bb4; color: #fff;}*/
.btn-n2 {background-color:var(--rpa-primary);border: solid 1px var(--rpa-primary);color: #fff;padding: 2px 10px;}
.btn-n2:not(.disabled):hover {background-color: var(--rpa-primary-hover)}
.btn-same-input-height.disabled, .btn-n2.disabled, .btn-n2:disabled {opacity: 0.3 ;border-color: rgba(0,0,0,0.2);  cursor: default;}
.btn-n3 {background-color: #f8f8f8; border: solid 1px #959595; color: #4a4bb4; padding: 2px 10px; font-size: 13px;}
.btn-n3:hover {background-color: #ebebeb;}
/* .btn-n4 {border: solid 1px rgba(0, 0, 0, 0.4); border: solid 1px #959595; color: #4a4bb4; padding: 2px 10px; font-size: 13px;}
.btn-n4:hover {background-color: #ebebeb;}
.btn-n4.disabled, .btn-n4:disabled {background-color:transparent ;border-color: rgba(0,0,0,0.2); color: rgba(0,0,0,0.2); cursor: text;}
.btn-n5 {background-color: #5354c9; border: solid 1px #5354c9; color: #fff; padding: 2px 10px;}
.btn-n5:hover {background-color: #4a4bb4; border-color: #4a4bb4;}
.btn-n5.disabled, .btn-n5:disabled {background-color: #ccc; border-color: #ccc;} */
.btn-n4 {border: solid 1px rgba(0, 0, 0, 0.4);border: solid 1px #2b334a;color: #2b334a;padding: 2px 10px;font-size: 13px;}
.btn-n4:hover {background-color: rgba(100, 100, 100, 0.1);}
.btn-n4.disabled, .btn-n4:disabled {background-color:transparent ;border-color: rgba(0,0,0,0.2); color: rgba(0,0,0,0.2); cursor: default;}
.btn-n5 {background-color: var(--rpa-primary);border: solid 1px var(--rpa-primary);color: #fff;padding: 2px 10px;}
.btn-n5:hover {}
.btn-n5.disabled, .btn-n5:disabled {background-color: rgba(43,51,74,0.2); border-color: rgba(43,51,74,0.2);}

.btn-same-input-height {border-radius: 4px;background-color: var(--rpa-primary);border: solid 1px var(--rpa-primary);color: #fff;padding: 6px 11px; height: 14px;}
.btn-same-input-height:not(.disabled):hover {background-color: var(--rpa-primary-hover)}
.btn-same-input-height-white {border-radius: 4px;padding: 6px 11px; height: 14px; color: rgba(0,0,0,0.8); background-color: transparent; border: solid 1px #2b334a;}
.btn-same-input-height-white:hover {background-color: rgba(100, 100, 100, 0.1);}
.btn-h24 { border: solid 1px #2b334a; color: #2b334a;background-color: transparent; height:28px; width:120px; font-weight: 400; cursor: pointer; padding: 0px;}
.btn-tenant-modify { position: absolute; right: 40px; top: 4.5px; background-color: transparent; color: #2b334a !important; font-weight: 400 !important; border: 1px solid #2b334a; line-height: 22px;}


[class^="btn-r"] {border-radius: 35px; font-size: 13px; line-height: 22px; padding: 3px 10px;}
.btn-r1 {background-color: #5354c9; border: solid 1px #5354c9; color: #5354c9; color: #fff;}
.btn-r1:hover {background-color: #4a4bb4; color: #fff;}
.btn-r2 {background-color: transparent; border: solid 1px #5354c9; color: #5354c9;}/*color: #11c5d5; border-color: #64d1db;*/
.btn-r2:hover {background-color: #5354c9; color: #fff;}
.btn-r3 {border: 1px solid rgba(0, 0, 0, 0.4); font-size: 12px; padding: 0 10px; line-height: 18px; color: rgba(0, 0, 0, 0.6); font-weight: 400;}
.btn-r3:hover {background-color: rgba(0, 0, 0, 0.1);}
.btn-r3.disabled:hover, .btn-r3:disabled:hover,
.btn-r3.disabled, .btn-r3:disabled {background-color: transparent; border-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.2);}
span.btn-r3, span.btn-r3:hover {background-color: transparent; border-color: rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.3);}

.btn-cico {}
.btn-cico [class^=ico-] {border: 1px solid #fff; border-radius: 48px; width: 48px;}
.mini-ico .btn-cico [class^=ico-] {border-radius: 34px; width: 34px;}
.btn-cico:hover {}
.btn-cico:hover [class^=ico-] {background-color: rgba(0, 0, 0, 0.1);}
.btn-cico.disabled:hover, .btn-r4:disabled:hover,
.btn-cico.disabled, .btn-r4:disabled {}

.btn-t {border: 0 none;}
.btn-t1 {line-height: 20px; border: 0 none;}
.btn-t2 {line-height: 40px; border: 0 none;}

.btn-ft {border-radius: 35px; font-size: 12px; background-color: #f2f2f2; color: #848484; font-weight: 300; line-height: 22px; padding: 3px 10px;}
.btn-ft span em {text-align: right; margin-left: 5px; font-weight: 500; vertical-align: top;}
.btn-ft:hover {background-color:  rgba(0, 0, 0, 0.1);}
.btn-ft.selected {color: #fff;}
.btn-ft.etc, .btn-ft.etc:hover, .btn-ft.etc:active {background-color: transparent;}

.btn-ft#sel1.selected, .btn-ft.sel1.selected {background-color: #4d515c;}
.btn-ft#sel2.selected, .btn-ft.sel2.selected {background-color: #a6e1ea;}
.btn-ft#sel3.selected, .btn-ft.sel3.selected {background-color: #19ccdc;}
.btn-ft#sel4.selected, .btn-ft.sel4.selected {background-color: #5ebdf7;}
.btn-ft#sel5.selected, .btn-ft.sel5.selected {background-color: #10d68a;}
.btn-ft#sel6.selected, .btn-ft.sel6.selected {background-color: #f49087;}
.btn-ft#sel7.selected, .btn-ft.sel7.selected {background-color: var(--rpa_red);}
.btn-ft#sel8.selected, .btn-ft.sel8.selected {background-color: #7f828a;}
.btn-ft#sel9.selected, .btn-ft.sel9.selected {background-color: #f7a443;}
.btn-ft#sel10.selected, .btn-ft.sel10.selected {background-color: #4d515c;}

.btn-ft2 {border-radius: 35px; font-size: 12px; background-color: rgba(0, 0, 0, 0.1); color: #666; font-weight: 300; line-height: 16px; padding: 3px 10px;}
.btn-ft2 span {}
.btn-ft2#logColor span {color: #000;}
.btn-ft2#logColor1 span {color: #296542;}
.btn-ft2#logColor2 span {color: #2b334a;}
.btn-ft2#logColor3 span {color: #ff5300;}
.btn-ft2#logColor4 span {color: #f00;}
.btn-ft2#logColor5 span {color: #37bf00;}
.btn-ft2#logColor6 span {color: #4285f4;}
.btn-ft2:hover {background-color:  #8f9196; color: #fff;}
.btn-ft2:hover path{fill: #fff;}
.btn-ft2.selected {background-color: #4d515c;}
.btn-ft2#logColor1.selected {background-color: #296542;}
.btn-ft2#logColor2.selected {background-color: #666;}
.btn-ft2#logColor3.selected {background-color: #ff5300;}
.btn-ft2#logColor4.selected {background-color: #f00;}
.btn-ft2#logColor5.selected {background-color: #37bf00;}
.btn-ft2#logColor6.selected {background-color: #4285f4;}
.btn-ft2:hover span,
.btn-ft2.selected span {color: #fff !important;}


.btn-ft3 {border-radius: 8px; font-size: 12px; background-color: rgba(255, 255, 255, 0.1); color: #666;  line-height: 16px;}
.btn-ft3 span {}
.btn-ft3#logColor span {color: #000;}
.btn-ft3#logColor1 span {color: #999;}
.btn-ft3:hover {background-color: #a3a5aa; color: #fff;}
.btn-ft3:hover path{fill: #fff;}
.btn-ft3.selected {background-color: #4d515c;}
.btn-ft3#logColor1.selected {background-color: #999;}
.btn-ft3:hover span,
.btn-ft3.selected span {color: #fff !important;}




/*대기중 a9e5ee, 할당중 85d8e3, 실행중 19ccdc, 성공 5ebdf7, 실패 ed4839, 시간초과 f49087, 일시정지 b7b8bd, 중지 81848c */
div.displaystatusgrid .stats {padding: 1px 5px; line-height: 18px; text-align: center; border-radius: 35px; font-size: 11px; background-color: rgba(0, 0, 0, 0.05); color: #848484; width: 62px;}
.jqx-widget .jqx-grid-cell .stats {font-size: 11px !important;}
div.displaystatusgrid .stats.sel2 {background-color: transparent; border: 1px solid #a9e5ee; color: #a9e5ee !important;}
div.displaystatusgrid .stats.sel3 {background-color: transparent; border: 1px solid #19ccdc; color: #19ccdc !important;}
div.displaystatusgrid .stats.sel4 {background-color: transparent; border: 1px solid #5ebdf7; color: #5ebdf7 !important;}
div.displaystatusgrid .stats.sel5 {background-color: transparent; border: 1px solid #10d68a; color: #10d68a !important;}
div.displaystatusgrid .stats.sel6 {background-color: transparent; border: 1px solid #f49087; color: #f49087 !important;}
div.displaystatusgrid .stats.sel7 {background-color: transparent; border: 1px solid var(--rpa_red); color: var(--rpa_red) !important;}
div.displaystatusgrid .stats.sel8 {background-color: transparent; border: 1px solid #81848c; color: #81848c !important;}
div.displaystatusgrid .stats.sel9 {background-color: transparent; border: 1px solid #b7b8bd; color: #b7b8bd !important;}

.btn-full {width: 100%;}

/* icon */
[class^=ico-] {}
button[class^=ico-] {border: 0 none; background-color: transparent;}
.ico-search {background-image: url(../img/rpa_img/ic-search-normal.svg); background-position: 50% 50%; background-repeat: no-repeat; width: 20px; height: 20px;}
.ico-search:hover{background-image: url(../img/rpa_img/ic-search-hover.svg);}
.actvie .ico-search,
.open .ico-search {background-image: url(../img/rpa_img/ic-search-hover.svg);}
.ico-down {background: url(../img/rpa_img/ic-download.svg) 0 5px no-repeat; padding-left: 20px;}
.ico-dot, .ico-dot2, .ico-dot3 {min-height: 5px; position: relative; padding-left: 21px;}
.ico-dot::before, .ico-dot2::before, .ico-dot3::before {content:''; width: 5px; height: 5px; display: block; border-radius: 5px; position: absolute; left: 5px; top: 2px;}
.ico-dot::before {background-color: #ec6171;}
.ico-dot2::before {background-color: #ec6171;}
.ico-dot3::before {background-color: #ec6171; width: 8px; height: 8px; border-radius: 5px;}
.ico-more {background-image: url(../img/rpa_img/ic-more.png); background-position: center center; background-repeat: no-repeat; padding-left: 4px;}
.ico-check {background-image: url(../img/rpa_img/ic-check.png); background-position: 0 5px; background-repeat: no-repeat; padding-left: 20px;}
.ico-enlarge {background-image: url(../img/rpa_img/ic-enlarge.png); background-position: 0 0; background-repeat: no-repeat; padding-left: 28px; height: 28px;}
.ico-search-web-designer:hover{background-image: url(../img/rpa_img/ic-search-hover.svg);}
.ico-search-web-designer{
    position: absolute;
    background-image: url(../img/rpa_img/ic-search-normal.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 15px; height: 15px;
    right: 24px;
    padding-top:12px;
    background-size:contain;
    outline: none;
    cursor: pointer;
    border-radius: 0;
}
/*.inforTooltipWrap {*/
/*display: none;*/
/*z-index: 99;*/
/*position: absolute;*/
/*top: 30px;*/
/*left: 50%;*/
/*margin-left : -175px;*/
/*padding:0 20px;*/
/*min-width: 325px;*/
/*background-color: rgba(43, 56, 81, 0.8);*/
/*color: #fff;*/
/*text-align: left;*/
/*line-height: 27px;*/
/*border-radius: 2px;*/
/*}*/

/*.ico-dot:hover::before + .inforTooltipWrap {*/
/*display:block;*/
/*}*/

.ico-retry {background-image: url(../img/rpa_img/ic-retry.svg); background-position: center center; background-repeat: no-repeat; padding-top: 48px;}
.ico-history {background-image: url(../img/rpa_img/ic-history.svg); background-position: center center; background-repeat: no-repeat; padding-top: 48px;}
.ico-botinfo {background-image: url(../img/rpa_img/ic-botinfo.svg); background-position: center center; background-repeat: no-repeat; padding-top: 48px;}
.ico-botend {background-image: url(../img/rpa_img/ic-botend.png); background-position: center center; background-repeat: no-repeat; padding-top: 48px;}
.ico-stop {background-image: url(../img/rpa_img/ic-stop.svg); background-position: center center; background-repeat: no-repeat; padding-top: 48px;}
.ico-resume {background-image: url(../img/rpa_img/ic-retry.svg); background-position: center center; background-repeat: no-repeat; padding-top: 48px;}/* 봇 재시도 임시*/

.mini-ico .ico-retry {background-image: url(../img/rpa_img/ic-retry-18px.png); background-position: center center; background-repeat: no-repeat; padding-top: 36px;}
.mini-ico .ico-history {background-image: url(../img/rpa_img/ic-history-18px.png); background-position: center center; background-repeat: no-repeat; padding-top: 36px;}
.mini-ico .ico-botinfo {background-image: url(../img/rpa_img/ic-botinfo-18px.png); background-position: center center; background-repeat: no-repeat; padding-top: 36px;}
.mini-ico .ico-botend {background-image: url(../img/rpa_img/ic-stop.svg); background-position: center center; background-repeat: no-repeat; padding-top: 36px;}

button .ico-retry2-mini {background-image: url(../img/rpa_img/ic-retry2-18px-normal.png); background-position: center center; background-repeat: no-repeat; width: 20px; padding-top: 20px;}
button:hover .ico-retry2-mini {background-image: url(../img/rpa_img/ic-retry2-18px-hover.png);}
button:disabled .ico-retry2-mini,
button:disabled:hover .ico-retry2-mini {background-image: url(../img/rpa_img/ic-retry2-18px-disabled.png);}

.ico-cleanjob {background-image: url(../img/common/job-stop-normal.svg); background-size: 20px 20px; background-position: 0 2px; background-repeat: no-repeat; padding-left: 24px;}
.ico-plus {background-image: url(../img/rpa_img/ic-plus.png); background-position: 0 5px; background-repeat: no-repeat; padding-left: 20px;}
.ico-plus2 {background-image: url(../img/rpa_img/ic-plus2-normal.png); background-position: center center; background-repeat: no-repeat; padding-left: 20px; height: 20px;}
.ico-plus-n2 {background-image: url(../img/rpa_img/ic-plus.png); background-position: 0 5px; background-repeat: no-repeat; padding-left: 20px; background-position: 0 2px;}
.open .ico-plus2, .ico-plus2:hover {background-image: url(../img/rpa_img/ic-plus2-hover.png);}

.ico-more2 {background-image: url(../img/rpa_img/ic-retry.svg); background-position: 0px 50%; background-repeat: no-repeat; padding-left: 22px;}
.btn-more2 {background-image: url(../img/rpa_img/ic-more2.png); background-position: 4px 50%; background-repeat: no-repeat; padding-left: 28px;}
.btn-more3 {background-image: url(../img/rpa_img/ic-more3-normal.svg); background-position: 0 50%; background-repeat: no-repeat; padding-left: 11px;}
.btn-more3:hover {background-image: url(../img/rpa_img/ic-more3-hover.svg);}
*:disabled .btn-more3 {background-image: url(../img/rpa_img/ic-more3-disabled.svg);}

.ico-back {position:relative; padding-left: 18px;}
.ico-back::before {content:'';display: block;width: 8px;height: 14px;background: url(../img/rpa_img/ic-arrow-right-hover.png) 0px 50% no-repeat;
    position: absolute;top: 50%;left: 0; margin-top: -7px;
    -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

.ico-del {background-color: rgba(0, 0, 0, 0.4); width: 13px; height: 13px; border-radius: 13px; position: relative;}
.ico-del:hover{background-color: rgba(0, 0, 0, 0.6);}
.ico-del::before, .ico-del::after {content:''; display: block; background-color: #fff; width: 1px; height: 7px; position: absolute; left: 6px; top: 2.5px;}
.ico-del::before {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.ico-del::after {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
/* .ico-del2 {background: rgba(0, 0, 0, 0.4); padding-left: 20px; height: 20px; } */

.ico-del2 {background: url(../img/rpa_img/ic-close.png) center center no-repeat; padding-left: 20px; height: 20px; }

.ico-del3 {background-color: rgba(0, 0, 0, 0.4); width: 20px; height: 20px; border-radius: 20px; position: relative;}
.ico-del3:hover{background-color: rgba(0, 0, 0, 0.6);}
.ico-del3::before, .ico-del3::after {content:''; display: block; background-color: #fff; width: 1px; height: 12px; position: absolute; left: 10px; top: 4px;}
.ico-del3::before {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.ico-del3::after {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.ico-notice {background-image: url(../img/rpa_img/ic-notice-normal.svg); background-position: center center !important; background-repeat: no-repeat; padding-left: 22px; height: 47px !important;background-size: 30px; }

button.ico-go,
button.ico-down2 {border: 0 none; font-size: 0 !important; background-color: transparent;}
.ico-go {background-position: center center; background-repeat: no-repeat; background-image: url(../img/rpa_img/ic-go-normal.svg); padding-left: 40px; padding-top: 40px;}
.ico-go:hover {background-image: url(../img/rpa_img/ic-go-hover.svg);}
.ico-go.disabled,
.ico-go.disabled:hover {background-image: url(../img/rpa_img/ic-go-disabled.svg);}
.ico-go2 {background-position: 0 50%; background-repeat: no-repeat; background-image: url(../img/rpa_img/ic-go2-normal.png); padding-left: 20px;}
/* .ico-go2:hover {background-image: url(../img/rpa_img/ic-go2-hover.png);} */
.ico-go2.disabled,
.ico-go2.disabled:hover {background-image: url(../img/rpa_img/ic-go2-disabled.png);}
.ico-go3 {background-position: center center; background-repeat: no-repeat; background-image: url(../img/rpa_img/ic-go-disabled.svg); background-size: 20px auto; padding-left: 20px; padding-top: 20px;}
.ico-down2 {background-position: center center; background-repeat: no-repeat; background-image: url(../img/rpa_img/ic-down2-normal.png); padding-left: 36px; padding-top: 36px;}
.ico-down2:hover {background-image: url(../img/rpa_img/ic-down2-hover.png);}
.ico-down2.disabled,
.ico-down2.disabled:hover {background-image: url(../img/rpa_img/ic-down2-disabled.png);}

.ico-file-normal, .ico-file-zip, .ico-file-excel, .ico-file-text, .ico-file-txt, .ico-file-T, .ico-file-asset {padding-top: 40px; background-position: 50% 0; background-repeat: no-repeat;}
.ico-file-normal {background-image: url(../img/rpa_img/ic-file-normal.png);}
.ico-file-zip {background-image: url(../img/rpa_img/ic-file-zip.png);}
.ico-file-excel {background-image: url(../img/rpa_img/ic-file-excel.png);}
.ico-file-text,
.ico-file-txt {background-image: url(../img/rpa_img/ic-file-txt.png);}
.ico-file-T {background-image: url(../img/rpa_img/ic-file-T.svg); background-position: 50% 8px;}
.ico-file-asset {background-position-y: 8px;background-image: url(../img/queue/ic_queue_lock_only_32.svg);}

.ico-box-chatbot, .ico-box-workflow, .ico-box-user, .ico-box-test, .ico-box-enlarge {width: 24px; height: 24px; display: block; background-position: center center; background-repeat: no-repeat;}
.ico-box-chatbot {background-image: url(../img/rpa_img/ic-box-chatbot.png);}
.ico-box-workflow {background-image: url(../img/rpa_img/ic-box-workflow.png);}
.ico-box-workflow.hover {background-image: url(../img/rpa_img/ic-box-workflow-hover.png);}
.ico-box-workflow.hover:hover {background-image: url(../img/rpa_img/ic-box-workflow-hover2.png);}
.ico-box-user {background-image: url(../img/rpa_img/ic-box-user.png);}
.ico-box-user.hover {background-image: url(../img/rpa_img/ic-box-user-hover.png);}
.ico-box-user.hover:hover {background-image: url(../img/rpa_img/ic-box-user-hover2.png);}
.ico-box-test {background-image: url(../img/rpa_img/ic-gnb-edit-gray-test-18px.png); background-size: 14px auto; background-color: #f2f2f2; border-radius: 5px;}
.spanImgTest .ico-box-test {z-index: 1;}
.spanImgTest .ico-box-test.hover {background-image: url(../img/rpa_img/ic-gnb-edit-gray-test-18px-hover.png); background-color: rgba(255,255,255,0.2);}
.spanImgTest .ico-box-test.hover:hover {background-color: rgba(255,255,255,0.4);}

/*.ico-box-enlarge {width: 32px; height: 32px; background-image: url(../img/rpa_img/ic-enlarge2.png);}
.ico-box-enlarge.hover {background-image: url(../img/rpa_img/ic-enlarge2-hover.png);}
.ico-box-enlarge.hover:hover {background-image: url(../img/rpa_img/ic-enlarge2-hover2.png);}*/
.ico-box-enlarge {width: 32px; height: 32px; background-image: url(../img/rpa_img/ic-enlarge3-hover.svg); background-color: rgba(0,0,0,0.3); border-radius: 32px; border: 1px solid transparent; box-sizing: border-box;}
.ico-box-enlarge.hover {border: 1px solid #fff; background-color: transparent;}
.ico-box-enlarge.hover:hover {cursor: pointer; background-color: rgba(0,0,0,0.1);}

.ico-tenant {background-image: url(../img/rpa_img/ic-gnb-tenant_mgn-20px.png); background-position: 50% 50%; background-repeat: no-repeat; width: 16px; height: 16px;}

div span.wasteBtn { background: url(../img/rpa_img/ic-waste.png) no-repeat; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px 14px; margin: 5px 5px; cursor:pointer; }

/* pager */
.pager-wrapper {padding: 12px 0; text-align: center; width:100% !important; margin-left:5px;}
.pager-wrapper * {color: rgba(0, 0, 0, 0.5);}
.pager-wrapper .aui-pager > * { display: inline-block; *display: inline; *zoom: 1; height: 23px;vertical-align: middle; }
/* .pager-wrapper .aui-pager > ul > li:nth-child(1) {display:none;} */
/* .pager-wrapper .aui-pager > ul > li + li {margin-left: 10px;} */
.pager-wrapper .aui-pager > ul > li > a {line-height: 23px; min-width: 5px; border: 0px; color:#fff;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-control {padding: 5px 5px;width:20px;height:33px;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-page {margin-left:10px; min-width:15px;padding: 5px 10px; color: rgba(0,0,0,0.4);}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-page:first {padding-left:15px;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-page:last {padding-right:15px;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-page:not([role="ellipsis"]):hover {color: #3b67ff; border-radius: 8px; background-color: rgba(0,0,0,0.06);}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-page.aui-pager-selected {margin-left:10px; font-weight:700; color: #3b67ff !important; border-radius: 8px; background-color: #e3eaff !important; }
#popupContent .pager-wrapper .aui-pager > ul > li > a.aui-pager-page.aui-pager-selected {background-color: transparent !important;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-first,
.pager-wrapper .aui-pager > ul > li > a.aui-pager-prev,
.pager-wrapper .aui-pager > ul > li > a.aui-pager-next,
.pager-wrapper .aui-pager > ul > li > a.aui-pager-last {margin-left:10px; padding: 5px 10px; font-size:0px; background-position: 50% 50%; background-repeat: no-repeat;background-color:transparent !important;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-first {margin-left:10px; background-image: url('../img/rpa_img/ic-pageNavi-pprev-normal.svg');background-size: 33px;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-prev {margin-left:10px; background-image: url('../img/rpa_img/ic-pageNavi-prev-normal.svg');background-size: 33px;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-next {margin-left:10px; background-image: url('../img/rpa_img/ic-pageNavi-next-normal.svg');background-size: 33px;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-last {margin-left:10px; background-image: url('../img/rpa_img/ic-pageNavi-nnext-normal.svg');background-size: 33px;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-first:hover {background-image: url('../img/rpa_img/ic-pageNavi-pprev-over.svg');background-size: 33px;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-prev:hover {background-image: url('../img/rpa_img/ic-pageNavi-prev-over.svg');background-size: 33px;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-next:hover {background-image: url('../img/rpa_img/ic-pageNavi-next-over.svg');background-size: 33px;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-last:hover {background-image: url('../img/rpa_img/ic-pageNavi-nnext-over.svg');background-size: 33px;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-first.aui-pager-disabled,
.pager-wrapper .aui-pager > ul > li > a.aui-pager-first.aui-pager-disabled:hover{margin-left:10px; background-image: url('../img/rpa_img/ic-pageNavi-pprev-disabled.svg'); cursor:default;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-prev.aui-pager-disabled,
.pager-wrapper .aui-pager > ul > li > a.aui-pager-prev.aui-pager-disabled:hover {margin-left:10px; background-image: url('../img/rpa_img/ic-pageNavi-prev-disabled.svg'); cursor:default;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-next.aui-pager-disabled,
.pager-wrapper .aui-pager > ul > li > a.aui-pager-next.aui-pager-disabled:hover {margin-left:10px; background-image: url('../img/rpa_img/ic-pageNavi-next-disabled.svg'); cursor:default;}
.pager-wrapper .aui-pager > ul > li > a.aui-pager-last.aui-pager-disabled,
.pager-wrapper .aui-pager > ul > li > a.aui-pager-last.aui-pager-disabled:hover {margin-left:10px; background-image: url('../img/rpa_img/ic-pageNavi-nnext-disabled.svg');cursor:default;}
.pager-wrapper .aui-pager .go_box {border: 1px solid #cdcdcd; margin-left: 12px;}
.pager-wrapper .aui-pager .go_box label,
.pager-wrapper .aui-pager .go_box .btn_go {display: inline-block; *display: inline; *zoom: 1; line-height: 23px;}
.pager-wrapper .aui-pager .go_box label {border-right: 1px solid #cdcdcd;}
.pager-wrapper .aui-pager .go_box input {border: 0; background: transparent; text-indent: 5px; width: 35px; vertical-align: top; line-height: 21px;}
.pager-wrapper .aui-pager .go_box .btn_go {width: 34px; text-align: center;}
.pager-wrapper .aui-pager > ul > li > a[role='ellipsis'] { cursor: default; }
/* layout */
body {background-color: #f8f8f8;}

#wrap {position: relative; width: 100%;}

.jqx-popover#briefMyInfo {background: #fff; border: 1px solid #ccc; box-shadow: 4px 4px 0 rgba(0,0,0,.1); padding: 24px 10px; box-sizing: border-box; display: table;left: 85px !important;bottom: 5px; z-index:1000;border-radius: 8px;top:unset !important;}
/*.jqx-popover#briefMyInfo .jqx-popover-content {display: table-cell; vertical-align: middle;}*/
.jqx-popover#briefMyInfo .user-layer-info {font-size: 12px; color: #333;}
.jqx-popover#briefMyInfo .user-layer-func {position: relative; padding-top: 5px;  display: block;}
.jqx-popover#briefMyInfo .user-layer-func #languageCombo,
.jqx-popover#briefMyInfo .user-layer-func .user-layer-func-button,
.jqx-popover#briefMyInfo .user-layer-func #languageCombo {left: 0;}
.jqx-popover#briefMyInfo .user-layer-func .user-layer-func-button,
.jqx-popover#briefMyInfo .user-layer-func .user-layer-logout {right: 0; color: #656565; font-size: 12px; padding: 2px 8px 3px; line-height: 19px; font-weight: 300;}
.jqx-popover#briefMyInfo .user-layer-func .user-layer-name {text-decoration: underline; color: #188fe0; font-size: 13px; vertical-align: middle;}
.jqx-popover#briefMyInfo .user-layer-func .user-layer-name i {display: inline-block; vertical-align: middle; width: 4px; height: 8px; margin: 0 0 0 5px; background: url(../img/rpa_img/ic-arrow-right3.png) 50% 50% no-repeat;}

@media (hover: hover) and (pointer: fine){
    #container {width: calc(100vw - 83px);position: fixed;}
}
#container { max-width: 100vw;margin-left: 80px; box-sizing: border-box;overflow: auto;}
#container.leftW {padding-left: 271px; min-width: 1729px;}
/*#container > #content,
#container > #content > #contents_area {min-height: calc(100% - 140px);}*/

.content-head {padding-bottom: 15px; background-color: #fff; border-bottom: 1px solid #e7e8e9;}
.content-head.monitoring-head {padding-bottom: 18px;}
.content-head.search-head {padding-bottom: 20px;}
.content-head .title1,
.content-head .title2 {font-weight: 400;}
.content-head .title1 {font-size: 24px; line-height: 32px; color: rgba(0,0,0,0.8); margin: 0 40px;}
.content-head .title2 {font-size: 17px; line-height: 21px; color: #666;}
.content-head .desc1 {line-height: 18px; color: rgba(0, 0, 0, 0.6); margin: 0 40px; padding-top: 6px;}
.content-head .search-box {padding-top: 23px;}
.content-head .desc1 + .search-box {padding-top: 30px;}
.content-head.monitoring-head .content-head .desc1 {}
.content-head .title1 + .desc1 {margin-top: 10px;}
.content-head .desc2 {font-size: 13px; line-height: 18px; color: #999999;}

.content-body {padding: 30px 40px; box-sizing: border-box;}
.content-body::after {content:''; display: block; clear: both;}
.content-head.monitoring-head + .content-body .box-gray1 {border-radius: 5px; background-image: url(../img/rpa_img/ic_workflow.png); background-position: 8px 50%; background-repeat: no-repeat; padding: 6px 8px 4px 29px; font-size: 11px; box-sizing: border-box;}

/* contents */
/* before style */
/* select */
.sel_st1,.sel_st2,.sel_st3 { position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1;}
.sel_st1,.sel_st2,.sel_st3,.sel_st1 select,.sel_st2 select,.sel_st3 select { cursor: pointer;}
.sel_st1 label,.sel_st2 label,.sel_st3 label { position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; text-align: left; z-index: -1 \9;}
.sel_st1 select,.sel_st2 select,.sel_st3 select {display: block; position: relative; height: 100%; width: 100%; border: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); filter: alpha(opacity = (0)); opacity: 0;  z-index: 1;}
.sel_st1 select::-ms-expand,.sel_st2 select::-ms-expand,.sel_st3 select::-ms-expand {display: none;}
.sel_st2:before,.sel_st3:before { content: ''; position: absolute; top: 50%; display: block;}
.sel_st1 {padding-bottom: 3px; border-bottom: 1px solid #7f7f7f; background: url('../img/lay/ico_select_01.gif') right 80% no-repeat; height: 17px;}
.sel_st1 label {color: #7f7f7f; line-height: 15px; font-size: 11.96px; padding-left: 5px;}
.sel_st2 {border: 1px solid #d1d1d1; background-color: #fff; height: 25px; line-height: 25px;}
.sel_st2:before { right: 10px; border: 5px solid transparent; border-top: 5px solid #969696; margin-top: -3px;}
.sel_st2 label { color: #7f7f7f; line-height: 15px; font-size: 11.96px;}
.sel_st3 {height: 13px; line-height: 13px; padding: 0 9px;}
.sel_st3:before {right: 5px; border: 5px solid transparent; border-top: 5px solid #969696; margin-top: -3px;}
.sel_st3 label {padding-left: 9px;font-family: 'Noto Sans KR', Arial, sans-serif; color: rgba(0, 0, 0, 0.8);}
.chk_st1 {display: inline-block; *display: inline; *zoom: 1; position: relative; width: 13px; height: 13px;}
.chk_st1 input[type='checkbox'] {display: none;}
.chk_st1 input[type='checkbox']:checked + label {background: #398aff; border: 1px solid #4f78ea;}
.chk_st1 input[type='checkbox']:checked + label:before {-webkit-opacity: 1;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100)); filter: alpha(opacity = (100)); opacity: 1;}
.chk_st1 label {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; border: 1px solid #cfcfcf; cursor: pointer;}
.chk_st1 label:hover {background: #398aff;}
.chk_st1 label:hover:before {-webkit-opacity: 0.3;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(30)); filter: alpha(opacity = (30));opacity: 0.3;}
.chk_st1 label:before {content: ''; position: absolute; width: 8px; height: 5px; background: transparent; top: 1px; left: 1px; border: 2px solid #fff; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); filter: alpha(opacity = (0));opacity: 0;}
.table_st1 { width: 100%; text-align: center;}
.table_st1 .tr_chk th,.table_st1 .tr_chk td { background-color: #f7f8fd;}
.table_st1 th,.table_st1 td { padding: 12px 0; color: #000000; color: rgba(0, 0, 0, 0.8);}
.table_st1 th.f,.table_st1 td.f { border-left: 0;}
.table_st1 th.l,.table_st1 td.l {border-right: 0;}
.table_st1 th.tx_l,.table_st1 td.tx_l { padding-left: 20px;}
.table_st1 thead th {background-color: #000000; background-color: rgba(0, 0, 0, 0.03); zoom: 1; background-color: transparent\9; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#08000000, endColorstr=#08000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#08000000, endColorstr=#08000000); border: 1px solid #e1e1e1; border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.06);}
.table_st1 tbody th,.table_st1 tbody td { border: 1px solid #f1f1f1;}
.type_box { padding-left: 5px;}
.type_box,.type_box a { display: inline-block; *display: inline; *zoom: 1;}
.type_box a { width: 11px; height: 11px; vertical-align: middle;}
.type_box a.btn_ar_t {background: url('../img/lay/ico_ar_t.gif') center center no-repeat;}
.type_box a.btn_ar_b {background: url('../img/lay/ico_ar_b.gif') center center no-repeat;}

.btnarea .btn_pc,
.btnarea .btn_sh {background: #7495c2; border-color: #7495c2; color: #fff;}
button.blue:hover{}.button.blue.disabled,.button.blue:disabled{}
.btnarea .btn_pc:hover,
.btnarea .btn_sh:hover {background:#607ca1; border-color:#607ca1; color:#fff; cursor:pointer;}
.btnarea .btn_pc.disabled,
.btnarea .btn_pc.disabled:hover,
.btnarea .btn_sh.disabled,
.btnarea .btn_sh.disabled:hover {background:#d5dfed; border-color:#d5dfed; color:#fff!important;}
.btnarea .btn_pcn {color: #333333;background-color: #fff; border: 1px solid #d2d2d2; outline:0;}
.btnarea .btn_pcn:hover {background-color: #e0e0e0; border-color: #cccccc; cursor:pointer;}
.btnarea .btn_pcn.disabled,
.btnarea .btn_pcn.disabled:hover {color: #cccccc; background-color: #ffffff; border: 1px solid #e0e0e0; cursor:default;}

.search_box {position:relative; padding: 10px 18px 10px 18px; vertical-align:baseline;}
.content-head.search-head .search_box {padding: 20px 40px 0px;}
.contents_area .search_box.search_multiline {margin-bottom: 55px;}
.contents_area .search_box.search_multiline .search_area > p.btnarea  {position:absolute;right:0;bottom:-45px;}
.pop_wrap .pop_cont .search_box {padding: 0;}

.search_box .search_area > div,
.search_box .search_area > p.btnarea { display: inline-block; *display: inline; position:relative; *zoom: 1; vertical-align: bottom; height:45px; margin-right: 10px; margin-bottom: 10px;}
.search_box .search_area > p.btnarea {height:22px;margin-top:21px;}
.content-head.search-head .search_box .search_area > p.btnarea {margin: 10px 10px 4px 3px; height: auto;}
.content-head.search-head .search_box .search_area > p.btnarea [class^=btn-] {padding: 2px 10px;}
.search_box .search_area > div:first-child { margin-left: 0;}
.search_box .search_area > div.box_02 label.l input { width: 71px;}
.search_box .search_area > div .jqx-datetimeinput {position: relative;}
.search_box .search_area > div .jqx-datetimeinput input {border:0;}
/* .search_box .search_area > div .jqx-datetimeinput .jqx-icon-calendar {content: ''; display: block; position: absolute; right: 5px; top: 50%; margin-top: -7px; width: 13px; height: 13px; background: url('../img/lay/ico_calendar.png') -38px -20px no-repeat;}
.search_box .search_area > div .jqx-datetimeinput .jqx-icon-calendar.jqx-icon-calendar-hover { background-position-x:-102px;}
.search_box .search_area > div .jqx-widget,
.search_box .search_area > div > div {display: inline-block; *display: inline; *zoom: 1;}
.search_box .search_area .jqx-combobox + .calendar-ft-box {margin-left: 5px;}
.search_box .search_area .calendar-ft-box div.jqx-widget.jqx-datetimeinput.jqx-input{border-radius: 5px;}
.search_box .search_area > div input {width: 110px; padding: 0 9px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} */
.search_box > div input::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.3);}
.search_box > div input::-moz-placeholder {color: rgba(0, 0, 0, 0.3);}
.search_box > div input:-ms-input-placeholder {color: rgba(0, 0, 0, 0.3);}
.search_box > div input:-moz-placeholder {color: rgba(0, 0, 0, 0.3);}
.search_box .search_area > div .tit {width:auto; display: block; color: #000000; color: rgba(0, 0, 0, 0.8); padding-bottom: 10px;font-size: 11px;}
.search_box .search_area > div .datebar {display: inline-block; vertical-align: top;line-height:25px; height:25px; width:10px; text-align:center;}

/* popup */
.pop_wrap {position: relative;width: 480px; background-color: #f8f8f8; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);}
.pop_wrap .detail_basic {max-height: 480px; overflow-y: auto;}
.pop_wrap .headerLine {background-color: rgba(0,0,0,0.1); height: 1px;}
.pop_haeder {padding: 12px 60px 11px 31px; background-color: #fff;}
.pop_haeder.row1 {}
.pop_haeder.row2 {}
.pop_haeder h1 {color: rgba(0, 0, 0, 0.8);font-size: 18px; font-weight: 500; line-height: 1.5;}
.pop_wrap .pop_cont {font-size: 12px;overflow: auto;padding: 19px 30px 20px 30px; background-color: #f8f8f8;}
.pop_wrap.faro_confirm .pop_cont {background-color: transparent; min-height: 58px;}
.pop_wrap.faro_confirm .pop_cont .message_area {color: rgba(0, 0, 0, 0.8); font-weight: 400; line-height: 18px;font-size: 14px;user-select: text;-webkit-user-select: text;-khtml-user-select: text;-moz-user-select: text;-ms-user-select: text;}
.pop_wrap.faro_confirm .btn_wrap [class^=btn-b] {min-width: 80px;}
.pop_wrap .pop_cont.has-step {position: relative; overflow: inherit;}
.pop_wrap .pop_cont .pop-search-content .search_box {padding: 20px; background-color: #ffffff; border: solid 1px #ededed;}

.detail_basic .pop_wrap .pop_cont h2,
.detail_basic h2 {font-weight:800;}

.pop_wrap .pop_cont .detail_basic {max-height:550px;overflow-y:auto;overflow-x:hidden;}
.pop_wrap .pop_cont .popContent-body .detail_basic {}

.pop_wrap .pop_cont table,
.detail_basic table {border: solid #c0c0c0; border-width: 1px 0; width:100%;table-layout: fixed;}
.pop_wrap .pop_cont .popContent-body .detail_basic table {}
.pop_wrap .pop_cont table th,
.detail_basic table th {background-color:#E6EDF6;width:20%;}

.pop_wrap .pop_cont table td p {line-height: 16px;}
.pop_wrap .pop_cont .popContent-body table td .jqx-radiobutton {overflow-y: hidden !important; -ms-overflow-y: hidden !important;}
.pop_wrap .pop_cont .popContent-body table td .jqx-radiobutton + .jqx-radiobutton {margin-top: 0 !important;}
.detail_basic table th, .detail_basic table td,
.pop_wrap .pop_cont table th, .pop_wrap .pop_cont table td {border: solid #c0c0c0; border-width: 1px 0; padding:10px; vertical-align:middle;  word-break: break-word;}
.detail_basic table th, .detail_basic table th > * {font-weight: 400; text-align: center; color: rgba(0,0,0,0.8); font-size: 13px;}
.pop_wrap .pop_cont .detail_basic table th, .pop_wrap .pop_cont .detail_basic table th > * {font-size: 12px; text-align: left;}
.pop_wrap .pop_cont table td > * {vertical-align: middle}
.pop_wrap .pop_cont input.error,
.pop_wrap .pop_cont textarea.error,
.detail_basic input.error,
.detail_basic textarea.error {border-color:var(--rpa_red);}
.pop_wrap .pop_cont .guide,
.detail_basic .guide {margin-top:5px;display:inline-block;padding-top:5px;font-size:11px;border-color:var(--rpa_red);}
.pop_wrap .pop_cont .count_wrap,
.detail_basic .count_wrap {display:inline-block;color:#333333;font-weight:normal;}
.pop_wrap .pop_cont .count_wrap.count_right,
.detail_basic .count_wrap.count_right {display:block;text-align:right;}
.pop_wrap .pop_cont .count_wrap input,
.detail_basic .count_wrap input {color:var(--rpa_red);text-align:right;font-weight:bold;border-color:transparent;background-color:transparent;padding:0;border:0;margin-right: 1px;}
.pop_wrap .pop_cont .popContent-body .count_wrap {}
.pop_wrap .pop_cont .popContent-body .count_wrap.inline-block {margin-top: 0;}
.pop_wrap .pop_cont .popContent-body .count_wrap input,
.pop_wrap .pop_cont .popContent-body .count_wrap span {font-weight: normal; font-size: 12px; line-height: 1;}
.pop_wrap .pop_cont .popContent-body .count_wrap input:read-only {width: 30px;}
.pop_wrap .pop_cont .popContent-body .count_wrap_long input:read-only {width: 80px !important;}
.pop_wrap .pop_cont .popContent-body .count_wrap input.jqx-fill-state-disabled {background: transparent !important;}
.pop_wrap .pop_cont .popContent-body .count_wrap span {color:#333333; vertical-align: middle;}
.pop_wrap ul.item_list > li,
.detail_basic ul.item_list > li {margin-bottom:10px;}
.pop_wrap ul.item_list > li:last-child,
.detail_basic > li:last-child {margin-bottom:0px;}
.pop_wrap ul.item_list > li > *,
.detail_basic > li > * {display:inline-block;}
.pop_wrap ul.item_list > li .jqx-checkbox,
.detail_basic > li .jqx-checkbox {padding-top:4px;}
.input_tiny {width:8%;}
.input_small {width:20%;}
.input_normal {width:40%;}
.input_large {width:70%;}
.input_full {width:100%;}

.pop_wrap .pop_cont .country_wrap > span {margin: 7px 14px; width: 100px; vertical-align: top; display: inline-block;}
.pop_wrap .pop_cont .country_wrap > span > a {color: #4285f4;text-decoration: underline;}
.pop_wrap .pop_cont .country_wrap > span > a:hover{cursor:pointer;}

.dash {display: inline-block;vertical-align: top;line-height:25px;height:25px; width:10px; text-align:center; padding:0 10px;}

/* .pop_wrap .detail_basic .table-border td,
.detail_basic .table-border td {padding: 5px 10px;} */
.detail_basic .count_wrap {vertical-align: middle;}
.detail_basic .count_wrap > input.jqx-widget {margin-bottom: 0;}
.detail_basic .count_wrap > span {vertical-align: middle;}

.popContent-body .subtitle,
.popContent-body .detail_basic h2 {font-weight: 500; line-height: 20px; color: rgba(0, 0, 0, 0.8);}
.popContent-body .subtitle {display: inline-block;}
.popContent-body .detail_basic h2 + table {}
.popContent-body .detail_basic + .jqx-grid-area,
.popContent-body .detail_basic table + h2 {margin-top: 20px;}

.popContent-body .form-horizontal.css-form.popBasic table + h2 {position: relative;}
.popContent-body .form-horizontal.css-form.popBasic table + h2::before {content: ''; display: block; width: calc(100% + 40px); height: 1px; background: #ededed; position: absolute; top: -10px; right: -20px; left: -20px; }

/* IE */
@-ms-keyframes rotation {
    from {-ms-transform:rotate(0eg);}
    to {-ms-transform:rotate(360eg);}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes rotation {
    from {-webkit-transform:rotate(0eg);}
    to {-webkit-transform:rotate(360eg);}
}

@keyframes rotation {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

/* IE */
@-ms-keyframes rotation-45deg {
    from {-ms-transform:rotate(0deg);}
    to {-ms-transform:rotate(45deg);}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes rotation-45deg {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(45deg);}
}

@keyframes rotation-45deg {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(45deg);}
}

.loading {position: absolute; top: 50%; left: 50%; margin-left: -26px; margin-right: -26px; z-index: 8501; display: none;width: 80px;filter: brightness(0.5)
    /*-ms-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation: rotation 2s infinite;
    -webkit-animation: rotation 2s infinite;
    animation: rotation 2s infinite;*/}

/*.essential {display: inline-block;position:relative;text-overflow: ellipsis;padding-left:9px;word-break:break-word;text-align:left;}*/
/*.essential:before {content:'';background: url("../img/ico/i_star.png") no-repeat left center; width: 7px;height: 7px;display:block;position:absolute;left:0px;top:3px;}*/
/*.essential * {color: inherit; font-weight: inherit; font-size: inherit;}*/

.essential {display: inline-block;position:relative;text-overflow: ellipsis;padding-right:9px;word-break:break-word;text-align:left;}
.essential:before {content:'';background: url("../img/ico/i_star.png") no-repeat left center; width: 7px;height: 7px;display:block;position:absolute;right:0px;top:3px;}
.essential * {color: inherit; font-weight: inherit; font-size: inherit;}

.noessential {word-break:break-word;text-align:left;}

.pop_wrap .pop_cont br{display:none;}
.pop_wrap .btn_wrap {overflow:auto;zoom:1;padding:0 30px 30px 30px;}
.pop_wrap .pop_btn {background-color: #393939;border-radius: 4px;-moz-border-radius: 4px;color: #fff;cursor: pointer;display: inline-block;height: 24px;line-height: 24px;padding: 0 10px;}
.pop_wrap .close {position: absolute;right: 23px;top: 14px;width:17px;height:19px;background: url("../img/lay/ico_pop_close.svg") no-repeat;  border: solid 7px transparent;}
.pop_wrap > a.close:hover {background: url("../img/lay/ico_pop_close_hover.svg") no-repeat;}
.pop_wrap .desc{width: 770px;}
.pop_wrap .single_wrap > *{display:inline-block;}

.faro_alert {display: none;position: absolute;z-index: 9000;}
.faro_confirm {background-color: #fff;display: none;position: absolute;z-index: 9000;}

/* a tag
.aLink a {color: #4285f4;text-decoration: underline;cursor: pointer;}*/

/* button */
.btngrid {margin-top:10px;}
.popContent-body .btngrid {margin-top: 20px;}
.popContent-body .btngrid::after {content:''; display: block; clear: both;}
.btngrid_left {float: left;}
.btngrid_center {text-align:center; }
.btngrid_right {float: right;}
.btngrid .btngrid_left, .btngrid .btngrid_right{padding-top: 0px; }
.btngrid.menu_tree {padding:6px 14px;}

.btn_pc,
.btn_pcn { display: inline-block; *display: inline; *zoom: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 6px 20px; vertical-align: middle; margin: 0 5px; font-size: 12px; border-radius:1px; outline:0;}
.btn_pc:first-child,
.btn_pcn:first-child {margin-left: 0px;}
.btn_pc:last-child,
.btn_pcn:last-child {margin-right: 0px;}
.btn_pc {color: #fff; background-color: #4285f4; border: 1px solid #4285f4;}
.btn_pc:hover {background-color: #3f7ee8; border-color: #3f7ee8; cursor:pointer;}
.btn_pc.disabled,
.btn_pc.disabled:hover {background-color: #c6dafc; border-color: #c6dafc; cursor:default;}
.btn_pcn {color: #333333; background-color: #fff; border: 1px solid #d2d2d2;}
.btn_pcn:hover { background-color: #e0e0e0; border-color: #cccccc; cursor:pointer;}
.btn_pcn.disabled,
.btn_pcn.disabled:hover {color: #cccccc; background-color: #ffffff; border: 1px solid #e0e0e0; cursor:default;}
.btn_del {display:inline-block;width:13px;height:13px;padding:6px;background: url("../img/lay/ico_delete_file.png") -32px -14px no-repeat;cursor:pointer;}
.btn_del:hover {background-position-x:-98px;}
.btn_del.disabled {background-position-x:-164px;}

.btn_search_wrap {display:inline-block;position:relative;}
.btn_search {content: ' ';display:block; position:absolute;background: url('../img/lay/ico_search.png') -36px -17px no-repeat;width:15px;height:15px;bottom:2px;right:6px;cursor:pointer;padding:3px;color:transparent;}
.btn_search:not(.disabled):hover{background-position-x:-100px;}
.btn_search.disabled{background-position-x:-167px;}
.btn_search_pop {content: ' ';background: url('../img/lay/ico_search.png') -36px -17px no-repeat; width:15px; height:15px;cursor:pointer;padding:3px;color:transparent;}
.btn_search_pop:not(.disabled):hover{background-position-x:-100px;}
.btn_search_pop.disabled{background-position-x:-167px;}
/* 18.11.08 */
.btn_nooutline:focus { outline: none; }

/* file upload css */
.single_file_wrap {width: 100%;height: 100%;}
.single_file_wrap > img {float:left;  margin-left:5px;}
.single_file_wrap .file_input_wrap {position: relative; width: 369px;}
.single_file_wrap .file_input {width: 100%;padding: 8px 5px 0 10px;height: 16px;float: left;border: 1px solid #c7c7c7;overflow: hidden;text-overflow: ellipsis;white-space: pre;}
.single_file_wrap .file_delete {display: none; position : absolute;width: 15px;height: 15px;background: url('../img/ico/icon_x.png') no-repeat 2px 1px; border: none;right: -10px;top: 8px;opacity: 0.7;filter: alpha(opacity = 70);position: absolute;}
.single_file_wrap .file_delete:hover {opacity: 1;filter: alpha(opacity = 100)}
.single_file_wrap input[type="file"] {position: absolute;left: -10000px;}

/* search box */
.search_box .search_area > div .tit {font-size: 13px;}

.jqx-tree-item-hover, .jqx-tree-item-selected {background:#fff;border-color:#fff;color:#4385f5;font-weight:bold;}

.jqx-switchbutton {border-radius:4px;}
.jqx-switchbutton-thumb {background: #fff; border-color: #d2d2d2; color: #b4b4b4;}
.jqx-switchbutton-label {background-color: #f25a5a; background-image: linear-gradient(top,#f25a5a,#f25a5a); background-image: -webkit-linear-gradient(top,#f25a5a,#f25a5a); background-image: -moz-linear-gradient(top,#f25a5a,#f25a5a); background-image: -o-linear-gradient(top,#f25a5a,#f25a5a); color: #fff; font-size:11px;}
.jqx-switchbutton-on .jqx-switchbutton-label {background-color: #4285f4; background-image: linear-gradient(top,#4285f4,#3f7ee8); background-image: -webkit-linear-gradient(top,#4285f4,#3f7ee8); background-image: -moz-linear-gradient(top,#4285f4,#3f7ee8); background-image: -o-linear-gradient(top,#4285f4,#3f7ee8);}

.file_list_wrap {display:inline-block;}
.file_list_wrap .left_title{width:104px;padding:10px 0;float:left;}
.file_list_wrap .file_list{width:calc(100% - 104px);float:right;}
.file_list_wrap .file_list .file_name{display:inline-block;position:relative;padding-left:26px;margin:10px;}
.file_list_wrap .file_list .file_name:before {content: ' ';display:block;position:absolute;left:0px;top:0px;width:16px;height:16px;background: url("../img/lay/ico_files.png") -233px -28px; no-repeat;}

.fileUpload_wrap .fileUpload_total{padding:10px;background-color:#f2f2f2;}
.fileUpload_wrap .fileUpload_total .btnarea {margin:0 10px;}
.fileUpload_wrap .fileUpload_total .jqx-checkbox-default {position:relative;margin-right:10px;}
/* .fileUpload_wrap .fileUpload_total .jqx-checkbox-default span {margin:5px 0;} */

.fileUpload_wrap ul li {padding:10px;border:0 solid #ccc;border-bottom-width:1px;}
/* .fileUpload_wrap .jqx-checkbox > *{display:inline-block;} */
.fileUpload_wrap .fileUpload_total > *,
.fileUpload_wrap .file_list > *{display:inline-block;}
.fileUpload_wrap .file_name .jqx-checkbox-default {position:relative;margin-right:30px;}
.fileUpload_wrap .file_name .jqx-checkbox-default:after {content: ' ';display:block;position:absolute;left:22px;top:-1px;width:16px;height:16px;background: url("../img/lay/ico_files.png") -233px -28px; no-repeat;}

.fileUpload_wrap .ico_ppt .jqx-checkbox-default:after, .file_list_wrap .ico_ppt:before {background-position:-8px -6px;}
.fileUpload_wrap .ico_xls .jqx-checkbox-default:after, .file_list_wrap .ico_xls:before {background-position:-8px -28px;}
.fileUpload_wrap .ico_access .jqx-checkbox-default:after, .file_list_wrap .ico_access:before {background-position:-33px -6px;}
.fileUpload_wrap .ico_exchange .jqx-checkbox-default:after, .file_list_wrap .ico_exchange:before {background-position:-33px -28px;}
.fileUpload_wrap .ico_lync .jqx-checkbox-default:after, .file_list_wrap .ico_lync:before {background-position:-58px -6px;}
.fileUpload_wrap .ico_outlook .jqx-checkbox-default:after, .file_list_wrap .ico_outlook:before {background-position:-58px -28px;}
.fileUpload_wrap .ico_powerapps .jqx-checkbox-default:after, .file_list_wrap .ico_powerapps:before {background-position:-83px -6px;}
.fileUpload_wrap .ico_sharepoint .jqx-checkbox-default:after, .file_list_wrap .ico_sharepoint:before {background-position:-83px -28px;}
.fileUpload_wrap .ico_visio .jqx-checkbox-default:after, .file_list_wrap .ico_visio:before {background-position:-108px -6px;}
.fileUpload_wrap .ico_doc .jqx-checkbox-default:after, .file_list_wrap .ico_doc:before {background-position:-108px -28px;}
.fileUpload_wrap .ico_jpg .jqx-checkbox-default:after, .file_list_wrap .ico_jpg:before {background-position:-133px -6px;}
.fileUpload_wrap .ico_zip .jqx-checkbox-default:after, .file_list_wrap .ico_zip:before {background-position:-133px -28px;}
.fileUpload_wrap .ico_gif .jqx-checkbox-default:after, .file_list_wrap .ico_gif:before {background-position:-158px -6px;}
.fileUpload_wrap .ico_png .jqx-checkbox-default:after, .file_list_wrap .ico_png:before {background-position:-158px -28px;}
.fileUpload_wrap .ico_eps .jqx-checkbox-default:after, .file_list_wrap .ico_eps:before {background-position:-183px -6px;}
.fileUpload_wrap .ico_bmp .jqx-checkbox-default:after, .file_list_wrap .ico_bmp:before {background-position:-183px -28px;}
.fileUpload_wrap .ico_tiff .jqx-checkbox-default:after, .file_list_wrap .ico_tiff:before {background-position:-208px -6px;}
.fileUpload_wrap .ico_pdf .jqx-checkbox-default:after, .file_list_wrap .ico_pdf:before {background-position:-208px -28px;}
.fileUpload_wrap .ico_psd .jqx-checkbox-default:after, .file_list_wrap .ico_psd:before {background-position:-233px -6px;}

.fileUpload_wrap .del_file {width:17px;height:19px;float:right;background: url("../img/lay/ico_pop_close.png") -36px -18px no-repeat;cursor:pointer;}
.fileUpload_wrap .down_file {width:19px;height:19px;float:right;background: url("../img/lay/ico_down.png");cursor:pointer;}
.fileUpload_wrap input[type=file] {position:absolute;visibility:hidden;}

/* 상세팝업 : 다운로드만 가능 */
.fileUpload_wrap .down_file_name {position:relative;margin-left:15px;}
.fileUpload_wrap .down_file_name:before {content: ' ';display:block;position:absolute;left:-22px;top:-1px;width:16px;height:16px;background: url("../img/lay/ico_files.png") -233px -28px; no-repeat;}

.fileUpload_wrap .ico_ppt:before {background-position:-8px -6px;}
.fileUpload_wrap .ico_xls:before {background-position:-8px -28px;}
.fileUpload_wrap .ico_accesss:before {background-position:-33px -6px;}
.fileUpload_wrap .ico_exchange:before {background-position:-33px -28px;}
.fileUpload_wrap .ico_lync:before {background-position:-58px -6px;}
.fileUpload_wrap .ico_outlookk:before {background-position:-58px -28px;}
.fileUpload_wrap .ico_powerapps:before {background-position:-83px -6px;}
.fileUpload_wrap .ico_sharepoint:before {background-position:-83px -28px;}
.fileUpload_wrap .ico_visiobefore {background-position:-108px -6px;}
.fileUpload_wrap .ico_doc:before {background-position:-108px -28px;}
.fileUpload_wrap .ico_jpg:before {background-position:-133px -6px;}
.fileUpload_wrap .ico_zip:before {background-position:-133px -28px;}
.fileUpload_wrap .ico_gif:before {background-position:-158px -6px;}
.fileUpload_wrap .ico_png:before {background-position:-158px -28px;}
.fileUpload_wrap .ico_eps:before {background-position:-183px -6px;}
.fileUpload_wrap .ico_bmp:before {background-position:-183px -28px;}
.fileUpload_wrap .ico_tiff:before {background-position:-208px -6px;}
.fileUpload_wrap .ico_pdf:before {background-position:-208px -28px;}
.fileUpload_wrap .ico_psd:before {background-position:-233px -6px;}

/* fileDownload 설정*/
.down_file_icon {width:19px;height:19px;margin-left:26px;background: url("../img/lay/ico_down.png");cursor:pointer;}

/* specific page setting */
.form_language_wrap .jqx-combobox, #noticeForm #languageCombox {float:left;}
.stats .legend_rect {height:25px;width:20px;}
.stats .legend_label {padding-top:5px;margin:0 10px 0 8px;font-weight:bold;}

#faqBlock > h2 {line-height:25px;}
.tooltip_wrap {display:none;position:relative;}
.tooltip_wrap > .tooltip_content  {display:none;position:absolute;left:23px;top:0px;border:1px solid #c0c0c0;background-color:#E6EDF6;padding:5px;z-index:9999}
.tooltip_wrap:hover > .tooltip_content  {display:block;}
.tooltip_wrap  > .tooltip_content > * {display:block;white-space:pre;}

.versionDot {position: relative; top: 5px;}

/* RPA */
/* adjust layout for fix issues */
/* div.jqx-widget.jqx-datetimeinput.jqx-input {height:26px !important;} */
div.jqx-widget.jqx-datetimeinput.jqx-input input.jqx-input-content.jqx-widget-content {  padding:2px !important; margin-left: 2px; margin-top: 0px !important;}
.aui-double-calendar-dash {top:-10px !important;}
.aui-searchbox .aui-searchbox-searcharea {padding:5px 15px 10px !important;}
.pop_wrap .pop_cont .aui-searchbox .aui-searchbox-searcharea {min-width: 100%; box-sizing: border-box; padding: 0 !important;}
.content-head.search-head .aui-searchbox .aui-searchbox-searcharea {padding:0 !important;}
table tr td input.text-input.jqx-widget-content.jqx-input-widget.jqx-input.jqx-widget {max-width:265px;}

/* common */
.ellipse1 {overflow:hidden;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; display: -webkit-box; display: inline-block;}
.ellipse2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 18px; max-height: 36px;}
.ellipse3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 18px; max-height: 54px;}

.box-gray1 {border-radius: 5px; background-color: rgba(0, 0, 0, 0.03); padding: 6px 8px 4px; font-size: 11px;}

/*대기중 a9e5ee, 할당중 85d8e3, 실행중 19ccdc, 성공 5ebdf7, 실패 ed4839, 시간초과 f49087, 일시정지 b7b8bd, 중지 81848c */
.process-box {font-size: 0;}
.process-box * {vertical-align: middle; font-size: 13px;}
.jqx-grid .jqx-grid-cell .process-box * {font-size: 13px !important;}
.process-box span {text-align: left;}
.process-box span em {vertical-align: baseline;}
.process-box .total { text-align: left; color: #888; }
.process-box .total em {color: #666;}
.process-box .name {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:44%; overflow:hidden; display: inline-block; text-align: left; color: #666;}
.process-box .name em {}
.process-box .bar {background-color: #f2f2f2; border-radius: 1px; width: 26%; height: 4px; text-align: left;}
.process-box.sel4 .bar {}
.process-box.sel7 .bar {background-color: rgba(236, 97, 113, 0.1);}
.process-box .bar em {background-color: #cecece; border-radius: 1px; height: 100%; vertical-align: top;}
.process-box.sel2 .bar em {background-color: #819cff;}
.process-box.sel3 .bar em {background-color: #85d8e3;}
.process-box.sel4 .bar em {background-color: #19ccdc;}
.process-box.sel5 .bar em {background-color: #5ebdf7;}
.process-box.sel6 .bar em {background-color: var(--rpa_red);}
.process-box.sel7 .bar em {background-color: #f49087;}
.process-box.sel8 .bar em {background-color: #b7b8bd;}
.process-box.sel9 .bar em {background-color: #81848c;}
.process-box .persent {width: 14%; text-align: right; line-height: 40px; color: #888; padding-right: 10px; box-sizing: border-box;}
.process-box .persent em {color: #666;}
.process-box .complete {line-height: 40px; text-align: center;}

/*구분값분리 : total+name, bar+persent*/
.process-box .total {width: 35%; line-height: 40px;}
.process-box .name {width: 65%; line-height: 40px;}
.process-box .bar {width: 56%;}
.process-box .persent {width: 44%;}

.tooltip-view {display: none; z-index: 1;}
[class^=tooltip-type] {position: relative;}
.tooltip-type1 .tooltip-view {position: absolute; background: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); border-radius: 5px; white-space: nowrap; left: 50%; top: 24px; }
.tooltip-type1 .tooltip-view span {padding: 7px 10px 9px; color: #666; font-size: 13px; font-weight: 300;}
.tooltip-type1 .tooltip-view::before {content: ''; position: absolute; width: 0px; height: 0px; border-top: 6px solid none; border-bottom: 6px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; left: 50%; margin-left: -4px; top: -6px; z-index: 2;}

/* tab */
ul.tab-type2 {font-size: 0;  white-space: nowrap;}
ul.tab-type2 > li {display: inline-block;}
ul.tab-type2 > li + li {padding-left: 11px; margin-left: 10px; position: relative;}
/*ul.tab-type2 li + li::before {content: ''; display: block; width: 1px; height: 12px; border-radius: 0.2px; background-color: rgba(0,0,0,0.2); position: absolute; left: 0; top: 50%; margin-top: -6px;}*/
ul.tab-type2 > li a {color: rgba(0, 0, 0, 0.4); padding: 9px 0; display: block; position: relative; cursor: pointer;font-size: 14px;}
ul.tab-type2 > li a span,
ul.tab-type2 > li a em {color: inherit; font-weight: inherit; font-size: inherit;}
ul.tab-type2 > li.active a {color: #2b334a; font-weight: 500;}
ul.tab-type2 > li.active a::after {content:''; display: block; width: 100%; height: 3px; border-radius: 3px; background-color: #2b334a; position: absolute; bottom: -2px;}
ul.tab-type2 .tab-in-btn {}
ul.tab-type2 .tab-in-btn > .ico-plus2 {margin-top: 7px;}

/* table */
table {border-collapse: collapse; width: 100%; /*table-layout: fixed;*/}
table th, table td {vertical-align: middle;}
/*table {border-collapse: collapse; width: 100%; vertical-align:middle;  word-break: break-word; table-layout: fixed;}
table th, table td {vertical-align: middle; padding:10px;}
table th, table th > * {font-weight: 400; text-align: center; color: rgba(0,0,0,0.8); font-size: 13px;}
table td > * {vertical-align: middle}*/


/*.table-round {border-radius: 5px; background-color: #ffffff; box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.15); padding: 6px 20px;}
.table-round table {border-bottom: 2px solid #d8d8d8;}
.table-round table th, .table-round table td {text-align: center;}
.table-round table thead th {font-weight: 700; line-height: 17px; color: rgba(0, 0, 0, 0.8); padding: 14px 10px; border-bottom: 2px solid #d8d8d8;}
.table-round table tbody th,
.table-round table tbody td {padding: 8px 10px; border-bottom: 1px solid #e9e9e9; color: #666; font-size: 13px;}
.table-round table + .paging {margin-top: 20px;}
.table-round table .text-box1 {border-radius: 5px; background-color: rgba(0, 0, 0, 0.03); padding: 6px 8px 4px; font-size: 11px;}
.table-round table tbody tr:hover th,
.table-round table tbody tr:hover td {background-color: #f1f1f1;}
.table-round table tbody tr.selected th,
.table-round table tbody tr.selected td,
.table-round table tbody tr:active th,
.table-round table tbody tr:active td {background-color: #f5f5fc;}*/

/*.table-border {border: 0 none; table-layout: fixed;}
.table-border th,
.table-border td {font-size: 13px; text-align: left;}
.table-border th > * {color: inherit; font-weight: inherit; font-size: inherit; text-align: inherit;}
.table-border thead th {font-weight: 500; color: rgba(0,0,0,0.8);}
.table-border tbody th,
.table-border tbody td {border: 0 none; padding: 5px 10px;}
.table-border tbody th {background-color: #fff; color: rgba(0,0,0,1); padding: 0;}
.table-border tbody th.va-t {vertical-align: top; padding: 10px 0 0 0;}
.table-border tbody td {}*/

/* Add user pop-up*/

.tbl-user-pop-up tbody tr th {
    background-color: #FFFFFF !important;
    border: none !important;
}
.tbl-user-pop-up tbody tr td .text-custom{
    width: 200px !important;
}
.tbl-user-pop-up tbody tr td{
    padding:5px;
    border: none !important;
}

.tbl-user-pop-up tbody tr td .text-message{
    width: 100%;
    text-align: right;
}
.tbl-user-pop-up{
    border: none !important;
}
.essential_right{
    margin-left: 4px;
}
.duplicateCheck{
    width: 118px;
    height: 15px;
    border: solid 1px;
    background-color: #FFFFFF;
    margin-bottom: 22px;
}


/* mCustomScrollbar */
.mCSB_inside>.mCSB_container {margin-right: 0;}
.mCSB_outside+.mCSB_scrollTools {right: -20px;}
td .chkbox-list-area .mCSB_outside+.mCSB_scrollTools {right: -12px;}

.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail {background-color: transparent;}
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(0,0,0,0.15);}
.mCS-my-theme.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {width: 5px;}
.mCS-my-theme.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {width: 5px;}
.mCS-my-theme.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {height: 5px;}
.mCS-my-theme.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {height: 5px;}

/* jqx grid common */
.table_total {margin-bottom:10px}
.pop_wrap .pop_cont .search_box + .table_total {margin-top: 20px;}
.table_total span {;font-weight:400; vertical-align: top;}
.jqx-fill-state-normal, .jqx-widget, .jqx-widget-content {font-family: 'Noto Sans KR', Arial, sans-serif; font-size: inherit;}
.jqx-grid.topborder-none {border-top: 0 none;}
.jqx-grid .jqx-grid-header{border-top:2px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.jqx-grid .jqx-grid-toolbar{background:#ecf3fe;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding-top:1px;}
.jqx-grid .jqx-grid-toolbar.selected{background:#C6DAFB;border-top:1px solid #A6B8D6;border-bottom:1px solid #B8C7EB;}
.jqx-widget .jqx-grid-column-header {background:#f7f7f7;border-color:#f0f0f0;font-weight: 500;}
.jqx-widget .jqx-grid-column-header * {font-weight: inherit; text-align: center; color: inherit;font-size: 14px;}
.jqx-widget .jqx-grid-cell{border-color:#f0f0f0;white-space:nowrap;}
/* .jqx-widget .jqx-grid-cell-left-align {padding-left:20px;}
.jqx-widget .jqx-grid-cell-right-align {padding-right:20px;} */
.jqx-widget .jqx-grid-cell-hover, .jqx-widget .jqx-grid-cell-selected{background:#f5f8fd;}
.jqx-widget .jqx-grid-cell,
.jqx-widget .jqx-grid-cell * {font-weight: 300; color: #666; font-size: 13px; }

.jqx-widget .jqx-grid-cell a {display:inline-block;color:#3b67ff;text-decoration: none;}
.jqx-widget .jqx-grid-cell a:hover {cursor:pointer;text-decoration: underline;font-weight: bolder;}
.jqx-widget .jqx-grid-cell a.disabled {color:#cccccc;cursor:default;}

.jqx-widget .btngrid_right {float: right;}
.jqx-widget .btngrid_left .grid_count {line-height: 28px;}

.jqx-widget .jqx-combobox-input {padding:0 9px !important;}

/* jqx : jqxPopover */
.jqx-popover {box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); border: solid 1px rgba(0, 0, 0, 0.15);}
.jqx-popover .jqx-popover-content {padding: 0;}
.jqx-popover .jqx-popover-content > span {padding: 5px 15px; line-height: 25px; box-sizing: border-box;}
.jqx-popover .jqx-popover-content > span:hover {background-color: rgba(0, 0, 0, 0.05);}

/* jqx : table, detaile */
.round-box {box-sizing: border-box; border-radius: 5px; background-color: #ffffff; box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.15); padding: 6px 20px;}

.jqx-grid-area {box-sizing: border-box; background-color: #ffffff; padding: 6px 20px; border: 1px solid #ededed;}
.jqx-grid-area.has-grid-toolbar {padding-top: 15px;}
.jqx-grid-area .jqx-grid {border: 0 none; min-height:77px;max-height:760px;}
.jqx-grid-area .jqx-grid .jqx-grid-cell {box-sizing: border-box; /* padding: 0 10px; */ border-bottom: 1px solid #e9e9e9; border-right-width: 0;}
.jqx-grid-area .jqx-grid .jqx-widget-content [role=row] {display: block;}
/* grid row hover style */
.jqx-grid-area .jqx-grid .jqx-widget-content [role=row]:hover > .jqx-grid-cell,
.jqx-grid-area .jqx-grid .jqx-grid-cell-hover {background-color: #f0f3fc;}
/* grid row empty data style */
.jqx-grid-area .jqx-grid div[role='gridcell'].jqx-grid-cell.jqx-grid-empty-cell { background-color: #fff !important; }
.jqx-grid-area .jqx-grid .jqx-grid-cell-selected {background-color: #f0f3fc;}
.jqx-grid-area .jqx-grid .jqx-grid-header {background-color: #fff; border: 0 none;  border-bottom: 1px solid rgba(0,0,0,0.3);}
.jqx-grid-area .jqx-grid .jqx-grid-column-header {background-color: transparent;border-right-width: 0; color: rgba(0,0,0,0.8);}
.jqx-grid-area .jqx-grid .jqx-grid-columngroup-header {border-left-width: 0;}
.jqx-grid-area .jqx-grid .jqx-grid-cell .jqx-grid-cell-left-align,
.jqx-grid-area .jqx-grid .jqx-grid-cell .jqx-grid-cell-middle-align,
.jqx-grid-area .jqx-grid .jqx-grid-cell .jqx-grid-cell-right-align {width: 100%; color: #666; font-size: 13px;}
.jqx-grid-area .jqx-grid .col2-64 {font-size: 0 !important; width: 100% !important; display: block !important;}
.jqx-grid-area .jqx-grid .col2-64 > * {width: 60%; display: inline-block !important;}
.jqx-grid-area .jqx-grid .col2-64 > * + * {width: 30%; margin-left: 1%;}
/*.jqx-grid-area .jqx-grid .jqx-grid-cell .text-box1 {border-radius: 5px; background: rgba(0, 0, 0, 0.03) url(../img/rpa_img/ic-workflow-16px.png) 5px 4px no-repeat; padding: 4px 8px 6px 30px; font-size: 11px; text-align: left; box-sizing: border-box;}
.jqx-grid-area .jqx-grid .jqx-grid-cell .text-box1:hover {background-color: rgba(0, 0, 0, 0.1);}*/

.jqx-grid-area2 {box-sizing: border-box; background-color: #fff; border: solid 1px #ededed; padding: 20px;}
.popGrid-body .pager-wrapper,
.jqx-grid-area2 .pager-wrapper {padding-bottom: 0px;}
.pop_wrap .pop_cont .jqx-grid-area2 {padding-left: 0; pading-right: 0;}
.jqx-grid-area2 > .depthbox2 {padding: 10px 0;}
.jqx-grid-area2 table + .depthbox2 {margin-top: 30px;}
.jqx-grid-area2 .jqx-grid .jqx-grid-header {background-color: #ffffff;}
.pop_wrap .pop_cont .jqx-grid-area2 .jqx-grid .jqx-grid-header {border-top-width: 2px;}
.jqx-grid-area2 .jqx-widget .jqx-grid-column-header,
.jqx-grid-area2 .jqx-widget .jqx-grid-cell {background: transparent; background-color: transparent; box-sizing: border-box; padding: 0 10px; border-bottom: 1px solid #e9e9e9; border-right-width: 0; border-left-width: 0;}
.jqx-grid-area2 .jqx-widget .jqx-grid-column-header {font-weight: 400;}
.jqx-grid-area2 .jqx-widget .jqx-grid-cell {font-weight: 300;}
.jqx-grid-area2 .jqx-widget .jqx-grid-cell-hover {background-color: #f1f1f1;}
.jqx-grid-area2 .jqx-widget .jqx-grid-cell-selected {background-color: #f5f5fc;}

.jqx-grid-column-header .iconscontainer .jqx-icon-arrow-up,
.jqx-grid-column-header .iconscontainer .jqx-icon-arrow-up-hover,
.jqx-grid-column-header .iconscontainer .jqx-icon-arrow-up-selected {background-image: url(../img/rpa_img/ic-sort-down.png) !important;}
.jqx-grid-column-header .iconscontainer .jqx-icon-arrow-down,
.jqx-grid-column-header .iconscontainer .jqx-icon-arrow-down-hover,
.jqx-grid-column-header .iconscontainer .jqx-icon-arrow-down-selected {background-image: url(../img/rpa_img/ic-sort-down-on.png) !important;}
.jqx-grid-column-header .jqx-widget-header .jqx-grid-column-menubutton {background-image: url(../../lib/css/aui/images/icon-menu-small.png) !important;}
/*.jqx-grid-column-header .jqx-widget-header .jqx-grid-column-menubutton {border-color: transparent; background-color: transparent; background-image: url(../img/rpa_img/ic-sort-down.png) !important;}*/

.jqx-grid-area2 .jqx-tabs .jqx-tabs-header {margin-top: 10px; background: none;}

.jqx-grid-area .jqx-grid .jqx-grid-toolbar,
.jqx-grid-area2 .jqx-grid .jqx-grid-toolbar,
.popGrid-body .jqx-grid .jqx-grid-toolbar {background: transparent; border-bottom: 0 none; border-top: 0 none;}
.toolbar-btnarea {overflow: hidden;}
.toolbar-btnarea .grid_count + [class^=btn-] {margin-left: 10px;}

/* jqx : calendar */
.jqx-calendar {width: 358px !important; height: 400px !important; height: 340px !important; border: 0 none !important; background: transparent; z-index: 10000001 !important;}
.jqx-calendar > .jqx-widget-content {width: calc(100% - 12px) !important; height: calc(100% - 12px) !important; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16); margin: 3px 2px 3px 2px; position: relative; border-radius: 3px}
.jqx-calendar > .jqx-widget-content::before {content: ''; display: none; position: absolute; width: 32px; height: 29px; left: 74%; top: -25px; z-index: 2; background: url(../img/rpa_img/ic-tooltip-arrow2.png) 50% 50% no-repeat;}
.jqx-calendar .jqx-widget-header {border-color: transparent;}
.jqx-calendar .jqx-calendar-title-content {position: absolute; left: 40px; top: 28px; line-height: 30px;}
.jqx-calendar .jqx-calendar-column-header,
.jqx-calendar .aui-calendar-date-container > table { width: calc(100% - 50px) !important;}
.jqx-calendar .jqx-calendar-column-header {margin: 0 25px 10px;}
.jqx-calendar .aui-calendar-date-container > table {margin: 0 25px; height: 100% !important;}
.jqx-calendar .jqx-calendar-month {}
.jqx-calendar .jqx-calendar-month-container > div {padding: 30px 30px 20px;}
.jqx-calendar .jqx-calendar-month-container > div:first-child {position: relative;}
.jqx-calendar .jqx-calendar-cell {font-size: 13px; font-weight: 300; color: rgba(0,0,0,0.8);}
.jqx-calendar .calendar-header .jqx-calendar-column-cell {font-size: 12px; color: #999 !important; font-weight: 300;}
.jqx-calendar .jqx-calendar-cell-othermonth {color: #b2b2b2 !important;}
.jqx-calendar .jqx-calendar-cell-selected {background: #3b67ff; color: #fff !important;}
.jqx-calendar .jqx-calendar-cell-today {background: transparent;}
.jqx-calendar .jqx-fill-state-disabled {background: #f4f4f4; color: #666 !important;}
.jqx-calendar .jqx-calendar-cell-today.jqx-calendar-cell-selected {background: #3b67ff; color: #fff !important;}
.jqx-calendar .jqx-calendar-cell-hover {background: #e3eaff; color: rgba(0,0,0,0.8) !important;}
.jqx-calendar .jqx-calendar-cell-selected.jqx-calendar-cell-hover {}
.jqx-calendar .aui-calendar-date-container {height: 195px !important;}
.jqx-calendar .jqx-calendar-month-container .aui-calendar-footer {border-top: 1px solid rgba(0,0,0,0.1); margin-top: 14px !important; padding: 15px 20px 30px;}
.jqx-calendar .jqx-calendar-month-container .aui-calendar-footer table {width: auto !important;}
.jqx-calendar .jqx-calendar-month-container .aui-calendar-footer td,
.jqx-calendar .jqx-calendar-month-container .aui-calendar-footer td:first-child {border: 0 none;}
.jqx-calendar .jqx-calendar-month-container .aui-calendar-footer td {min-height: 28px; padding: 0;}
.jqx-calendar .jqx-calendar-month-container .aui-calendar-footer .jqx-calendar-footer {display: inline-block; margin: 0 3px; border: solid 1px rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.6); font-size: 13px; line-height: 17px; padding: 4px 5px 5px;}
.jqx-calendar .jqx-calendar-month-container .aui-calendar-footer .jqx-calendar-footer:hover {background-color: rgba(0, 0, 0, 0.1);}
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-left,
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-right {background:none; position: absolute; top: 32px;}
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-left {right: 75px;}
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-right {right: 33px;}
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-left::after,
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-right::after {z-index:1; display: block; background: url(../img/rpa_img/ic-arrow-right-hover.png) 55% 50% no-repeat; width: 24px; height: 24px;}
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-left::after {content:''; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-right::after {content:'';}
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-left:hover::before,
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-right:hover::before {content:''; display: block; width: 24px; height: 24px; background-color: rgba(0, 0, 0, 0.05); position:absolute; top:0; left:0; border-radius: 24px; }
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-left-hover,
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-left:hover,
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-left-selected,
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-right-hover,
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-right:hover,
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-right-selected {background:none;}
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-right,
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-right-hover,
.jqx-calendar .jqx-widget-header .jqx-icon-arrow-right-selected {background:none; }

.aui-double-calendar {box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.16); border: 0 none !important; width: 720px !important;}
.aui-double-calendar .jqx-calendar {height: 325px !important;}
.aui-double-calendar .jqx-calendar:first-child {border-right: 0 none;}
.aui-double-calendar .jqx-calendar > .jqx-widget-content {margin-top: 6px; box-shadow: none; height: 320px !important;}
.aui-double-calendar .jqx-calendar > .jqx-widget-content::before {display: none;}
.aui-double-calendar .jqx-calendar .jqx-calendar-title-content {width: 100% !important;}

/*jqx tab */
.jqx-tabs.tab-type1 .jqx-tabs-header {background: transparent;}
.jqx-tabs.tab-type1 .jqx-tabs-title-container {width: 100% !important; background-color: transparent; padding-left: 0px !important; border-bottom: 1px #f2f2f2 solid !important;}
.jqx-tabs.tab-type1 .jqx-tabs-title {background: transparent; color: rgba(0, 0, 0, 0.4); min-height: 40px; border: 0 none; text-align: center; font-weight: 400; box-sizing: border-box;}
.jqx-tabs.tab-type1 .jqx-tabs-title .jqx-tabs-titleWrapper {display: inline-table; color: inherit; font-weight: inherit;}
.jqx-tabs.tab-type1 .jqx-tabs-title .jqx-tabs-titleWrapper .jqx-tabs-titleContentWrapper {float: none !important; display: table-cell; vertical-align: middle; color: inherit; font-weight: inherit;}
.jqx-tabs.tab-type1 .jqx-tabs-title-selected-top {border-bottom: 3px solid #242c37; box-shadow: none; color: #2b334a; font-weight: 500; background: #fff;}
.jqx-tabs.tab-type1 .jqx-tabs-title-selected-top > div {}
.jqx-tabs.tab-type1 .jqx-tabs-title-selected-top .jqx-tabs-titleContentWrapper {}
.jqx-tabs.tab-type1 .jqx-tabs-title-container .jqx-tabs-title:not(.jqx-tabs-title-selected-top) { background-color: transparent; }
.jqx-tabs.tab-type1 .tab-col2 .jqx-tabs-title {width: 50%;}

.jqx-tabs.tab-type2 .jqx-tabs-header {background: transparent;}
.jqx-tabs.tab-type2 .jqx-tabs-title-container {background-color: transparent; box-shadow: none;border-bottom: 1px #f2f2f2 solid !important;}
.jqx-tabs.tab-type2 .jqx-tabs-title {border-top: 0 none; min-height: 30px; padding: 0 0 0 5px;}
.jqx-tabs.tab-type2 .jqx-tabs-title.jqx-tabs-title-selected-top {}
.jqx-tabs.tab-type2 .jqx-tabs-title {border-top: 0 none; min-height: 28px; padding: 0 0 0 5px; background: transparent; border: 0 none;}
.jqx-tabs.tab-type2 .jqx-tabs-title.jqx-tabs-title-selected-top {background: transparent;}
.jqx-tabs.tab-type2 .jqx-tabs-title.jqx-tabs-title-selected-top::after {content:''; display: block; width: 100%; height: 3px; background: #5051c2; border-radius: 3px; position: sticky; left: 0; bottom: 0;}
.jqx-tabs.tab-type2 .jqx-tabs-title-container .jqx-tabs-title:not(.jqx-tabs-title-selected-top) { background-color: transparent; }
.jqx-tabs.tab-type2 .jqx-tabs-title.jqx-fill-state-disabled{background: transparent !important;}
.jqx-tabs.tab-type2 .jqx-tabs-title .jqx-tabs-titleWrapper {margin: 0 !important}
.jqx-tabs.tab-type2 .jqx-tabs-title .jqx-tabs-titleWrapper::before {content:''; display: block; width: 1px; height: 12px; border-radius: 5px; background: rgba(0,0,0,0.2); position: absolute; left: 0; top: 50%; margin-top: -8px;}
.jqx-tabs.tab-type2 .jqx-tabs-title:first-child .jqx-tabs-titleWrapper::before {display:none;}
.jqx-tabs.tab-type2 .jqx-tabs-title .jqx-tabs-titleWrapper .jqx-tabs-titleContentWrapper {max-width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px;}
.jqx-tabs.tab-type2 .jqx-tabs-arrow-background{border: 0 none;}
.jqx-tabs.tab-type2 .jqx-tabs-arrow-left,
.jqx-tabs.tab-type2 .jqx-tabs-arrow-right {background-image: url(../img/rpa_img/ic-arrow-right-normal.png);}
.jqx-tabs.tab-type2 .jqx-tabs-arrow-left {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

/* jqx-tree */
.jqx-tree {box-sizing: border-box;}

/* jqx tooltip */
.jqx-tooltip, .jqx-tooltip-main, .jqx-tooltip-text,
.jqx-tooltip > span, .jqx-tooltip-main > span, .jqx-tooltip-text > span {-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-size: 12px !important; line-height: 16px;text-align: left;}
.jqx-tooltip-Dark > .jqx-fill-state-normal-Dark .jqx-fill-state-normal-Dark,
.jqx-tooltip-Dark > .jqx-fill-state-normal-Dark .jqx-fill-state-normal-Dark .inner-text,
.jqx-tooltip-Light > .jqx-fill-state-normal-Light .jqx-fill-state-normal-Light,
.jqx-tooltip-Light > .jqx-fill-state-normal-Light .jqx-fill-state-normal-Light .inner-text,
.jqx-tooltip-Light-s > .jqx-fill-state-normal-Light-s .jqx-fill-state-normal-Light-s,
.jqx-tooltip-Light-s > .jqx-fill-state-normal-Light-s .jqx-fill-state-normal-Light-s .inner-text {border-color: transparent; background: transparent; color: inherit; font-size: inherit; line-height: inherit;}
.jqx-tooltip-Dark > .jqx-fill-state-normal-Dark {border-color: rgb(80, 80, 80); background: rgba(0,0,0,0.7); color: #fff;}
.jqx-tooltip-Dark > .jqx-tooltip-arrow {border-color: rgb(80, 80, 80);}
.jqx-tooltip-Light > .jqx-fill-state-normal-Light {border-color: #ededed; background-color: #fff; color: #666;}
.jqx-tooltip-Light > .jqx-tooltip-arrow {border-color: #ededed;}
.jqx-tooltip-Light-s > .jqx-fill-state-normal-Light-s,
.jqx-tooltip-Light-s2 > .jqx-fill-state-normal-Light-s2 {border-color: #fff; background: #fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16); color: #666; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.jqx-tooltip-Light-s > .jqx-fill-state-normal-Light-s .jqx-fill-state-normal-Light-s,
.jqx-tooltip-Light-s2 > .jqx-fill-state-normal-Light-s2 .jqx-fill-state-normal-Light-s2 {box-shadow: none;}
.jqx-tooltip-Light-s > .jqx-tooltip-arrow,
.jqx-tooltip-Light-s2 > .jqx-tooltip-arrow {box-shadow: none; border-color: #fff;}
.jqx-tooltip.jqx-tooltip-Light-s2 {opacity: 1 !important;}

/* jqx scroll */
.jqx-scrollbar {}
.jqx-scrollbar .jqx-scrollbar-state-normal {background: transparent; border: 0 none;}
.jqx-scrollbar .jqx-scrollbar-thumb-state-normal,
.jqx-scrollbar .jqx-scrollbar-thumb-state-normal-horizontal {background-color: rgba(0, 0, 0, 0.1); border-radius: 7px; border: 0 none;}
.jqx-scrollbar .jqx-scrollbar-thumb-state-normal {width: 7px !important; margin-left: 4px;}
.jqx-scrollbar .jqx-scrollbar-thumb-state-normal-horizontal {height: 7px !important; margin-top: 4px;}
.jqx-scrollbar .jqx-scrollbar-state-normal { z-index: calc(+1);}
.jqx-scrollbar .jqx-icon-arrow-down {background-image: url(../../lib/css/aui/images/opus15/icon-down.gif);}
.jqx-scrollbar .jqx-icon-arrow-right {background-image: url(../../lib/css/aui/images/opus15/icon-right.gif);}
.jqx-scrollbar-state-normal {background: transparent;}

/* jqx chart */
.chart-text1 {font-size: 11px; color: #949494; text-align: left;}
.chart-text1 b {font-size: 16px; color: #666; font-weight: 400; vertical-align: text-top;}

.table-head {margin-bottom: 15px;}
.table-head::after {content: ''; display: block; clear: both;}
.table-head .left-box {float: left; width: 70%; text-align: left;}
.table-head .right-box {float: right; width: 30%; min-width: 300px; text-align: right;}
.table-head .right-box [class^=select] + button {margin-left: 10px;}

.more-toggle-view, .more-toggle-btn {display: inline;}
.more-toggle-view button {margin: 2px 0;}
/*  table header  on pop-up*/

.tbl-user-pop-up tbody tr th{
    padding-top: 0px;
}

/* monitoring */
.search-box {position: relative;}
.search-box .search.search-type1 {position: relative; border-radius: 30px; border: solid 1px #e7e7e7; background-color: #fff; padding: 6px 245px 5px 77px; margin: 0 40px; z-index: 1;}
.search-box .search.search-type1.active {border: solid 1px rgba(0, 0, 0, 0.3);}
.search-box .search.search-type1 .btn-t {display: none; position: absolute; top: 50%; margin-top: -10px; right: 40px;}
.search-box .search.search-type1 .input-search {background-color: transparent; border: 0px none; padding: 0; font-size: 18px; font-weight: 400; height: 35px; line-height: 34px;}
.search-box .search.search-type1 .ico-search {position: absolute; left: 48px; top: 50%; margin-top: -10px;}

div.jqx-widget.jqx-datetimeinput.jqx-input.input-datetime-box {border: 1px solid transparent; background: #f2f2f2; border-radius: 3px;}
div.jqx-widget.jqx-datetimeinput.jqx-input.input-datetime-box:focus,
div.jqx-widget.jqx-datetimeinput.jqx-input.input-datetime-box.jqx-fill-state-focus {background: rgba(83, 84, 201, 0.05);}
div.jqx-widget.jqx-datetimeinput.jqx-input.input-datetime-box.jqx-fill-state-disabled {background: #f2f2f2;}
div.jqx-widget.jqx-datetimeinput.jqx-input.input-datetime-box.jqx-fill-state-disabled > div > * {opacity: 0.5;}
div.jqx-widget.jqx-datetimeinput.jqx-input.input-datetime-box input.jqx-input-content.jqx-widget-content {background-color: transparent; text-align: right !important; font-size: 13px; color: #666; font-family: 'Noto Sans KR', Arial, sans-serif; margin-top: 0 !important; /* line-height: 16px; */ z-index: 1;}
div.jqx-widget.jqx-datetimeinput.jqx-input.input-datetime-box .jqx-action-button {background-color: transparent; background: transparent; border-left: 0 none; left: 0 !important; width: 100% !important;}
div.jqx-widget.jqx-datetimeinput.jqx-input.input-datetime-box:hover,
div.jqx-widget.jqx-datetimeinput.jqx-input.input-datetime-box .jqx-action-button.jqx-fill-state-hover {background: rgba(0, 0, 0, 0.05);}
div.jqx-widget.jqx-datetimeinput.jqx-input.input-datetime-box .jqx-icon-calendar {background: url(../img/rpa_img/ic-calender.svg) center center no-repeat; width: 30px !important; height: 20px !important; margin: 0; margin-top: -10px !important;z-index: 1;}

.calendar-basic,
.search-box .search.search-type1 #jqxWidget {border: 1px solid transparent; background: transparent; border-radius: 3px; height: 31px !important;}
.search-box .search.search-type1 #jqxWidget {position: absolute; left: auto; right: 20px; top: 7px;}
.calendar-basic:focus,
.calendar-basic.jqx-fill-state-focus,
.search-box .search.search-type1 #jqxWidget:focus,
.search-box .search.search-type1 #jqxWidget.jqx-fill-state-focus {background: rgba(77, 150, 157, 0.05);}
.calendar-basic #inputjqxWidget,
.search-box .search.search-type1 #jqxWidget #inputjqxWidget {background:transparent; text-align: right !important; font-size: 13px; color: #666; font-family: 'Noto Sans KR', Arial, sans-serif; line-height: 2.1em; z-index: 1;}
.calendar-basic .jqx-action-button,
.search-box .search.search-type1 #jqxWidget .jqx-action-button {background-color: transparent; background: transparent; border-left: 0 none; left: 0 !important; width: 100% !important;}
.calendar-basic:hover,
.search-box .search.search-type1 #jqxWidget:hover,
.calendar-basic .jqx-action-button.jqx-fill-state-hover,
.search-box .search.search-type1 #jqxWidget .jqx-action-button.jqx-fill-state-hover {background: rgba(0, 0, 0, 0.05);}
/* jqxdatetimeinput disabled hover background & cursor */
.calendar-basic.jqx-input-disabled:hover,
.search-box .search.search-type1 #jqxWidget.jqx-input-disabled:hover,
.calendar-basic.jqx-input-disabled .jqx-action-button.jqx-fill-state-hover,
.search-box .search.search-type1 #jqxWidget.jqx-input-disabled .jqx-action-button.jqx-fill-state-hover { background: transparent; }
.calendar-basic.jqx-input-disabled:hover *,
.search-box .search.search-type1 #jqxWidget.jqx-input-disabled:hover * { cursor: default; }
.calendar-basic .jqx-icon-calendar,
.search-box .search.search-type1 #jqxWidget .jqx-icon-calendar {background: url(../img/rpa_img/ic-calender.svg) 6px 2px no-repeat; width: 26px !important; height: 22px !important; margin: 0; top: 11px;}

/*.search-box .search.search-type1.active {padding-right: 65px;}*/
/* .search-box .search.search-type1.active #jqxWidget {display: none;}*/
.search-box.open .search.search-type1.active .btn-t {display: block;}

.search-box [class^=result] {position: absolute;left: 0px; width: 100%; padding: 25px 0; overflow-y: auto; overflow-x: hidden; background-color: #fff; box-sizing: border-box; z-index: 155; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);}
.search-box .result-n {height: 180px;}
.search-box .result-n .text{background: url(../img/rpa_img/ic_noresult.svg) 50% no-repeat; padding-top: 95px; font-size: 16px; color: rgba(0, 0, 0, 0.3); line-height: 20px; text-align: center;}
.search-box .result-n .text em {color: #3b67ff; font-size: inherit; line-height: inherit;}
.search-box .result-list.list1 {max-height: 440px;}
.search-box .result-list.list2 {max-height: 590px;}
.search-box .result-list .icon-desc {position: relative; vertical-align: middle; font-size: 11px; color: #999; line-height: 16px; padding: 1px 5px; border: 1px solid #ccc; border-radius: 5px;}
.search-box .result-list .icon-desc::before {content:'';display: block;position:absolute;left: 0px;top: 50%;margin-top: -4px;margin-left: -7px;width: 8px;height: 8px;background-image: url(../img/rpa_img/ic-pageNavi-next-disabled.png);background-repeat: no-repeat;background-position: 0px 50%;background-size: 8px 8px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.search-box .result-list .line {display: none;}
.search-box .result-list li + .line {display: block;}
.search-box .result-list .line {position: relative; box-sizing: border-box; width: 100%; height: 1px; padding: 0 88px;}
.search-box .result-list .line::before {content: ''; display: block; background: #ddd; width: 100%; height: 1px;}
.search-box .result-list dt {color: #999; line-height: 18px; padding: 0 88px 8px;}
.search-box .result-list li,
.search-box .result-list dd {}
.search-box .result-list li a,
.search-box .result-list dd a {line-height: 27px; font-size: 17px; padding: 16px 88px; display: block;}
.search-box .result-list li a:hover,
.search-box .result-list dd a:hover {background-color: #f0f3fc;}
.search-box .result-list li a em,
.search-box .result-list dd a em {background-color: rgba(74, 194, 206, 0.4); padding: 0 2px 0 1px; font-size: inherit; color: inherit;}
.search-box .result-list li img,
.search-box .result-list dd img {vertical-align: middle; width: 18px;height: 18px; margin-right: 15px;opacity: 0.7}
.search-box .result-list li img + .icon-desc,
.search-box .result-list dd img + .icon-desc {margin-right: 15px; margin-left: -8px;}

.aui-searchbox {background-color: #fff;}
.pop-search-content .aui-searchbox {background-color: transparent}
.search_box.aui-searchbox {box-sizing: border-box;}
/* .pop_wrap .pop_cont .aui-searchbox {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f7f7f7;} */

[class^=head-chart] {width: 100%; box-sizing: border-box;}
.head-chart {padding: 34px 64px 0; text-align: center;}
.head-chart2 {padding: 10px 40px 30px;}
.head-chart .chart-box {display: inline-block; width: 406px; margin: 0 24px; position: relative; text-align: left;}
.head-chart .chart-box.disabled { opacity: 0.4; }
.head-chart .chart-box:not(.disabled) .errordesc2 { display: none; }
.head-chart .chart-box.disabled .errordesc2 { display: block; position: absolute; top: 150px; width: 100%; text-align: center; z-index: 1; }
.head-chart .chart-box.chart-box1,
.head-chart .chart-box.chart-box3 {margin-left: 0; width: 430px;}
.head-chart .chart-box .title2 {font-size: 18px; color: rgba(0, 0, 0, 0.8); font-weight: 500;}
.head-chart .chart-box .desc2 {margin-top:5px; color: rgba(0,0,0,0.4); font-weight: 400;}
.head-chart .chart-box.chart-box1 .title2,
.head-chart .chart-box.chart-box3 .title2,
.head-chart .chart-box.chart-box1 .desc2,
.head-chart .chart-box.chart-box3 .desc2 {margin-left: 24px;}
.head-chart .chart-box .chart-num {position: absolute; top: 156px; left: 50%; z-index: 1; width: 140px; margin-left: -70px; text-align: center;}
.head-chart .chart-box .chart-num em {font-size: 40px; display: block; font-weight: 500; letter-spacing: -0.08em;}
.head-chart .chart-box .chart-num span {font-size: 13px; margin-top: 5px;}
.head-chart .chart-box .chart {width: 406px; height: 234px; margin-top: 25px;}
.head-chart .chart-box.chart-box1 .chart,
.head-chart .chart-box.chart-box3 .chart {width: 436px; margin-left: -10px;}
.head-chart .chart-box.chart-box2 .chart,
.head-chart .chart-box.chart-box3 .chart {height: 260px;}
.head-chart .chart-box .chart rect + text.chartLabelText {font-size: 11px; color: #000000; fill: #000000; opacity: 0.3; font-weight: 400;}
div.jqx-rc-all.jqx-button#contentDiv {cursor:default;} /*JobMonitoringChartTooltipArea*/

/* login, join */
#member-wrap {display: table; height: 100%; width: 100%; text-align: center; padding-bottom: 60px; box-sizing: border-box; position: relative; min-height: 689px;}
.member-box {display: table-cell; vertical-align: middle;}
.member-box .box-square,
.member-box .box-round {width: 460px; margin: 0 auto; background-color: #ffffff; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box;}
.member-box .box-square {}
.member-box .box-round {border-radius: 5px;}
.member-box .dl-type1 {font-size: 0;}
.member-box .dl-type1::after {content: ''; display: block; clear: both;}
.member-box .dl-type1 dt,
.member-box .dl-type1 dd {text-align: left; font-size: 14px; color: rgba(0, 0, 0, 0.8);}
.member-box .dl-type1 dt {float: left; width: 24%;}
.member-box .dl-type1 dd {float: right; width: 76%;}

.member-box .head-box em + p {margin-top: 5px;}
.member-box .form-box .check-text {text-align: left; box-sizing: border-box;}
.member-box .form-box .check-text span {font-size: 11px;}
.member-box .form-box .form-btn .btn1 {padding: 13px 15px;}
.member-box .form-box .form-etc {margin-top: 10px;}
.member-box .form-box .form-etc::after {content: ''; display: block; clear: both;}
.member-box .form-box .form-etc .chk-box {float: left; width: auto;}
.member-box .form-box .form-etc .text-link {float: right; width: auto;}
.member-box .form-box .form-etc .text-link a {}
.member-box .form-box .input-box + .sel-box,
.member-box .form-box .input-box + .input-box {margin-top: 10px;}
.member-box .form-box .form-joinYN .txt {color: rgba(0, 0, 0, 0.7); vertical-align: middle;}
.member-box .form-box .form-joinYN .txt + [class^=btn-] {margin-left: 15px;}
.member-box .form-box .form-joinYN .txt + .btn-r2 {line-height: 23px; padding: 5px 10px; min-width: 85px; font-size: 14px; color: #11c5d5; border-color: #64d1db; font-weight: 500;}
.member-box .form-box .form-joinYN .txt + .btn-r2:hover {background-color: #64d1db;}
.member-box .form-box .form-orLogin {}
.member-box .form-box .form-orLogin .txt-or {position: relative; margin-top: 20px; margin-bottom: 20px;}
.member-box .form-box .form-orLogin .txt-or::before{content: ''; display: inline-block; width: 100%; height: 1px; background: #b6b9bb; position: absolute;top: 50%; left: 0; margin-top: 1px; opacity: 0.3;}
.member-box .form-box .form-orLogin .txt-or strong {font-size: 12px; line-height: 1.5; color: #919699; display: inline-block; background: #fff; padding: 0 4px; font-weight: bold; position: relative; z-index: 1;}
.member-box .form-box .form-orLogin .btn-b3 {line-height: 26px;padding: 10px 13px 14px;font-size: 16px;}
.member-box .form-box .form-orLogin .btn-b3:hover {background-color: transparent}
.member-box .form-box .form-orLogin .btn-b3 em {font-weight: bold;}

.member-box.login-box .box-square,
.member-box.login-box .box-round {padding: 70px 40px; min-height: 615px;}
.member-box.login-box .head-box {text-align: left; margin-bottom: 50px;}
.member-box.login-box .user-box {position: relative; background: url(../img/rpa_img/bg-login-welcome.png) 50% 50% no-repeat; width: 260px; height: 70px; display: table; margin: 40px auto;}
.member-box.login-box .user-box .user-text {display: table-cell; vertical-align: middle; padding-left: 93px; text-align: left;}
.member-box.login-box .user-box .user-text p {font-size: 18px; line-height: 24px; color: #fff;}
.member-box.login-box .form-box .check-text {height: 40px; padding-top: 6px;}
.member-box.login-box .form-box .dis-none + .form-btn {margin-top: 30px;}
.member-box.login-box .form-box .dis-block + .form-btn {margin-top: 0;}
/*.member-box.login-box .form-box .dis-block + .form-btn .btn-b1 {border-radius: 0; background-color: #2b334a; border-color: #2b334a; line-height: 25px; padding: 10px 13px 14px;}*/
/*.member-box.login-box .form-box .dis-block + .form-btn .btn-b1:not(.disabled):hover {background-color: #151925}*/
.member-box.login-box .form-box .dis-block + .form-btn .btn-b3 {border-radius: 0; line-height: 25px; padding: 10px 13px 14px;}
.member-box.login-box .form-box .input-box input {height: 45px; line-height: 44px; font-size: 16px; border-radius: 0;}
.member-box.login-box .form-box .input-box input:-webkit-autofill,
.member-box.login-box .form-box .input-box input:-webkit-autofill:hover,
.member-box.login-box .form-box .input-box input:-webkit-autofill:focus,
.member-box.login-box .form-box .input-box input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset;}
.member-box.login-box .form-box .form-joinYN {margin: 60px 0 20px;}

.member-box.join-box .box-square,
.member-box.join-box .box-round {padding: 40px;}
.member-box.join-box .form-box {margin-top: 30px;}
.member-box.join-box .form-box .input-box.line-top {border-top: 1px solid rgba(0,0,0,0.1); padding-top: 25px;}
.member-box.join-box .form-box .check-text {height: 33px; padding-top: 6px;}
.member-box.join-box .form-box .check-text span {font-size: 11px;}
.member-box.join-box .form-box .ra-box + .ra-box{margin-left: 60px;}
.member-box.join-box .form-box .form-btn {margin-top: 30px;}
.member-box.join-box .form-box .form-joinYN {margin: 40px 0 20px;}

.countdown-area {position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 150; display: none;}
.countdown {width: 460px; height: 85px; margin: 0 auto; padding: 0 30px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.countdown p {display: flex; align-items: center;}
.countdown .countdown-txt {font-size: 18px; color: #2b3851; line-height: 30px; font-weight: 400; background: url(../img/rpa_img/ic-info.png) 0 0 no-repeat; padding-left: 48px;}
.countdown .countdown-num {font-size: 17px; background-color: #2b3851; width: 37px; text-align: center; color: #fff; border-radius: 10px; line-height: 22px; height: 22px; margin-left: 10px;}
.modalback {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; background: #000; opacity: .6; display: none;}

/* design, 관라-메뉴, 관리-코드 */
.content-body.subLeft-body {position: relative; width: 100%; height: 100%; box-sizing: border-box; padding: 39px 40px 40px;}
.subLeft-body .body-left {position: absolute; left: 0; top: 0; display: block; height: 100%; background: #fff; box-shadow: 3px 0 5px 0 rgba(0, 0, 0, 0.05); border-right: 1px solid #e1e1e2;}
.subLeft-body .body-left .common-tab-btn {padding: 10px; text-align: right;}
.subLeft-body .body-right {width: 100%; height: 100%;}

.subLeft-body .body-left .list-no,
.subLeft-body .body-right .result-no {text-align: center; font-size: 13px; color: rgba(0,0,0,0.3); font-weight: 600; line-height: 18px; display: table; width: 100%;}
.subLeft-body .body-left .list-no {height: 500px;}
.subLeft-body .body-right .result-no {height: 100%;}
.subLeft-body .body-left .list-no p,
.subLeft-body .body-right .result-no p {vertical-align: middle; display: table-cell;}

.tree-tab-head {padding: 5px 15px 5px 20px;}
.tree-tab-head::after {content:''; display: block; clear: both;}
.tree-tab-head .fl,
.tree-tab-head .fr {width: 50%;}
.tree-tab-head .total {line-height: 28px; color: rgba(0,0,0,0.4); font-size: 13px; font-weight: 500;}
.tree-tab-head .comboselect1 {display: inline-block;}
.tree-tab-head .comboselect1 * {color: rgba(0,0,0,0.4); font-size: 13px; font-weight: 500;}

.list-type1 {position: relative; padding: 16px 35px 16px 55px; background-image: url(../img/rpa_img/ic-project.svg); background-position: 20px 20px; background-repeat: no-repeat; cursor: pointer;}
.list-type1.ico-type1 {background-image: url(../img/rpa_img/ic-project.svg);}
.list-type1.selected.ico-type1:not(.disabled) {background-image: url(../img/rpa_img/ic-project-selected.svg);}
.list-type1.ico-type2 {background-image: url(../img/rpa_img/ic-workflow.svg); background-position: 20px 22px;}
.list-type1.selected.ico-type2:not(.disabled) {background-image: url(../img/rpa_img/ic-workflow-selected.svg); background-position: 20px 22px;}
.list-type1.ico-config {background-image: url(../img/rpa_img/ic-pageNavi-next-disabled.png); background-position: 22px 22px;}


.list-type1:hover {background-color: rgba(0,0,0,0.04);}
.list-type1:active,
.list-type1.selected {background-color: #f0f3fc;}
.list-type1 strong {color: rgba(0,0,0,0.8); font-size: 14px; line-height: 20px; margin-top: 4px; margin-bottom: 3px; font-weight: 500; vertical-align: middle; display: inline-block;
    /*max-width: calc(100% - 60px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;*/}
.list-type1.selected strong {color: #3b67ff}
.list-type1 p {color: rgba(0,0,0,0.4); font-size: 13px; margin-top: 4px; margin-bottom: 2px; line-height: 16px;}
.list-type1 span.btn-r3 {vertical-align: sub;color: #999999}
.list-type1 .ico-go3 {position: absolute; top: 21px; right: 15px;}

.list-type1.disabled > *:not(.ico-go3) {opacity: 0.6}
.list-type1.disabled strong {color: rgba(0,0,0,0.4);}
.list-type1.disabled .ico-go3 {opacity: 1;}

.list-type2,
.list-type3 {border: solid 1px rgba(0, 0, 0, 0.1);box-sizing: border-box;margin-left: 10px;margin-top: 10px;padding: 15px;display: inline-block;position: relative; cursor: pointer;border-radius: var(--rpa-default-border-radius);}
.list-type2 {/*max-width: 532px; min-width: 522px;*/ width: calc(50% - 10px); height:106px; padding: 15px 15px 15px 18px;}
.list-type3 {width: 171px; height:112px;}
.list-type2.selected {background-color: rgba(77,150,157,0.05);}
.list-head {padding: 3px 0 25px; overflow: hidden;}
.list-head strong {line-height: 27px; font-weight: 500; font-size: 15px; width: auto; max-width: 82%; display: inline-block;}
.list-head strong.ellipse1 {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-head strong img {margin-right: 5px; margin-top:3px;}
.list-type2 .list-head strong img {margin-right: 10px;}
.list-head .ico-dot {}
.list-head span.btn-r3 {float: right; margin-top: 4px; margin-right: 5px;}
.list-con {overflow: hidden; margin-top: 1px;}
.list-con span {line-height: 22px; font-size: 13px; font-weight: 400;}
.list-con span + span {position: relative; padding-left: 10px; margin-left: 10px;}
.list-con span + span::before {content:''; display: block; width: 1px; height: 14px; background-color: rgba(0,0,0,0.15); position: absolute; left: 0; top: 50%; margin-top: -7px;}
.list-con .data {float: right; padding-left: 0; margin: 1px 4px 0 4px; color: rgba(0,0,0,0.4); word-spacing: 5px;}
.list-con .data::before {display: none;}
.list-con span em,
.list-con span b {font-weight: inherit; vertical-align: baseline;}
.list-con span em {color: #4285f4;}
.list-type2 .list-con span em {margin-left: 3px;}
.list-type2 .list-con span em.has {margin-left: 0;}
.list-con span b {color: rgba(0,0,0,0.6);}
.list-file {}
.list-file .file-ico,
.list-file .file-desc {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-file .file-ico {padding-top: 45px;font-weight: 500;font-size: 15px; line-height: 27px; text-align: center;}
.list-file .file-desc {color: rgba(0,0,0,0.4); text-align: center; font-size: 13px;}
.list-file .file-ico > *,
.list-file .file-desc > * {font-weight: inherit; font-size: inherit; line-height: inherit;}
.list-file .file-ico strong.ellipse1,
.list-file .file-desc strong.ellipse1 {width: auto; max-width: 100%; display: inline-block;}
.list-hover {position: absolute; background-color: rgba(227, 234, 255, 0.3); width: 100%; height: 100%; top: 0; left: 0; z-index: 10; display: none;}
.list-hover button {position: absolute; display: block; cursor: pointer;}
.list-hover button.ico-go {right: 12px; top: 14px;}
.list-hover button.ico-down2 {right: 10px; top: 10px;}

.list-hover.deleted {display: block; cursor: default; text-align: center; background-color: rgba(255,00,00,0.3);}
.list-hover.deleted span {display: inline-block; padding-top: 35px; height: 100%; line-height: 27px; font-weight: 500; font-size: 15px; box-sizing: border-box;}

.list-hover.stopped {display: block; cursor: default; text-align: center; background-color: rgba(99,99,99,0.3);}

.list-head strong.toolTip,
.list-file strong.toolTip {position: relative; z-index: 2;}

li.noLink {cursor: default;}/*링크 및 액션 없을시*/
li.noLink span[class^="btn-"] {cursor: inherit;}

.mini-search {display: inline-block; position: relative; padding: 2px 0;}
.mini-search.open {}
.mini-search.open::after {content:''; display: block; width: 100%; height: 1px; background-color: rgba(0,0,0,0.3); position: absolute; left: 0; bottom: 0;}
.mini-search .input-search-m {width: calc(100% - 30px); position: relative; display: none;}
.mini-search.open .input-search-m {display: inline-block;}
.mini-search .input-search-m input[type="text"] {background-color: transparent; border: 0 none; height: 20px; line-height: 19px; padding: 1px 20px 0 0px;}
.mini-search .input-search-m .btn-reset-m {position: absolute; right: 0px; top: 3px; padding: 0; line-height: 13px;}
.mini-search .btn-search-m {padding: 0;}

.infoarea {font-size: 0; padding: 14px 20px 15px;}
.infoarea dt,
.infoarea dd {color: rgba(0, 0, 0, 0.8); display: inline-block; line-height: 27px;}
.infoarea dt {font-size: 14px; font-weight: 500;}
.infoarea dd {font-size: 13px; font-weight: 400; padding: 0 20px 0 5px; box-sizing: border-box;}
.infoarea.col3 {}
.infoarea.col3 dt {width: 6%;}
.infoarea.col3 dd {width: 27%;}

.body-right .infoarea {border-top: 1px solid #f1f1f1;}

.content-head .head-result {padding: 20px 40px 0px;}
.content-head .head-result .infoarea {padding: 2px 0;}
.content-head .head-result .title {padding-bottom: 10px;}
.content-head .head-result .title h4 {font-size: 16px; color: rgba(0,0,0,0.8); display: inline-block; font-weight: 500; line-height: 28px;}
.content-head .head-result .title h4 + [class^=btn-] {margin-left: 10px;}
.content-head.has-result .head-result {}
.content-head.has-result .search_box {margin-top: 10px;}

.body-right .titlearea {float: left; width: calc(100% - 300px);}
.body-right .titlearea .title {font-weight: 500; display: inline; font-size: 16px; color: rgba(0,0,0,0.8); vertical-align: middle; line-height: 27px; max-width: calc(100% - 100px);}
.body-right .titlearea [class^=btn-] + [class^=btn-] {margin-left: 0; }
.body-right .titlearea .text {margin-top: 4px; line-height: 20px;}
.body-right .titlearea .text span {}
.body-right .titlearea .text span + span {position: relative; padding-left: 10px; margin-left: 10px;}
.body-right .titlearea .text span + span::before {content:''; display: block; width: 1px; height: 14px; background-color: rgba(0,0,0,0.15); position: absolute; left: 0; top: 50%; margin-top: -7px;}
.body-right .btnarea {float: right;}
.body-right .btnarea .btn-t2 {margin-left: 17px;}
.body-right .btnarea .btn-t2 .ico-more {height: 40px;}

.body-right .result-title-area {background-color: #fff; border: 1px solid #ededed;}
.body-right .result-title-area .has {font-size: inherit;vertical-align:baseline;}
.body-right .result-title-area .result-title {padding: 9px 20px 12px;}
.body-right .result-title-area .result-title::after {content:''; display: block; clear: both;}
.body-right .result-title-area .result-title .btnarea {margin-top: 5px;}
.body-right .result-title .titlearea .text {background: url(../img/rpa_img/ic-project-16px.png) 0px 2px no-repeat; padding-left: 21px;}
.body-right .result-title .titlearea .text {background-image: url(../img/rpa_img/ic-project-16px.png); background-position: 0px 2px; background-repeat: no-repeat; padding-left: 21px;}
.body-right .result-title .titlearea .text.ico-type1 {background-image: url(../img/rpa_img/ic-project.svg);background-size: 16px;}
.body-right .result-title .titlearea .text.ico-type2 {background-image: url(../img/rpa_img/ic-workflow.svg);background-size: 16px;}
.body-right .result-title-area .infoarea {padding: 12px 20px 11px;}

.result-detail-area {margin-top: 23px;}
.detail-total {padding: 8px 0 12px;}
.detail-total::after {content:''; display: block; clear: both;}
.detail-total .fl {}
.detail-total .fr {}
.detail-total .total {color: rgba(0,0,0,0.8); font-size: 16px; font-weight: 500;line-height: 24px;}
.detail-total .total em {color: #3b67ff; font-size: inherit; font-weight: inherit; margin-left: 5px;}
.detail-total .mini-search {margin-left: 8px; padding-left: 11px;}
.detail-total .mini-search::before {content:''; display: block; width: 1px; height: 16px; background-color: rgba(0,0,0,0.15); position: absolute; left: 0; top: 50%; margin-top: -8px;}
.detail-total .mini-search.open::after {left: 10px; width: calc(100% - 10px);}
.detail-total .mini-search .input-search-m {}
.detail-total .mini-search .btn-search-m {}

.detail-con .mCSB_inside>.mCSB_container {}
.detail-con .mCSB_scrollTools .mCSB_dragger {text-align: right;}
.detail-con .mCS-my-theme.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {width: 7px;}
.detailin-img .mCS-my-theme.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {width: 5px;}
.detail-con .hr-line1 {margin-top: 10px; margin-bottom: 25px;}
.detail-con .detail-box {padding: 0 20px 16px 11px;}
/* .detail-con .hr-line1 + .detail-box {padding-top: 26px;} */
.detail-con .detail-box .title {padding-left:  11px; color: rgba(0,0,0,0.8); font-weight: 500; line-height: 20px;}
.detail-con .detail-box .title em{ font-size: inherit; font-weight: inherit; color: #3b67ff; margin-left: 5px;}
.detail-con .detail-box .detail-list {font-size: 0; margin-top: 2px;}
.detail-con .hr-line1 + .detail-box .detail-list {margin-top: 10px;}
#process-detail-box .detail-con .detail-box .detail-list { border-top: solid 1px rgba(0, 0, 0, 0.05);}
.detail-in-area {}
.detail-in-top {margin-bottom: 15px;}
.detail-in-top .btn-b4 {border-radius: 5px;}
.detail-in-con {background-color: #ffffff; height: 664px; border: 1px solid #ededed;}
.detail-in-title {padding: 14px 20px 12px;}
.detail-in-title::after {content: ''; display: block; clear: both;}
.detail-in-title .titlearea .title {line-height: 20px;}
.detail-in-title .titlearea .text {margin-top: 6px;}
.detail-in-body {padding: 10px 20px 20px;}
.detail-in-body .title {color: rgba(0, 0, 0, 0.8); display: inline-block; font-size: 14px; font-weight: 500;}
.detail-in-body .detailin-img, .detail-con .detail-in-body .detailin-img {background-color: rgba(51, 51, 51, 0.02); border: solid 1px rgba(0, 0, 0, 0.15); height: 480px; position: relative; margin-top: 18px; box-sizing: border-box;}
.detail-in-body .detailin-img .btn-t {position: absolute; top: 15px; right: 15px; height: 28px;}
.detail-in-body .detailin-img .imgarea {display: table; width: 100%; height: 100%; text-align: center;}
.detail-in-body .detailin-img .imgarea > span {display: table-cell; vertical-align: middle;}

.no-detail-con {background-color: #fff; border: solid 1px #ededed;}
.no-data {width: 100%; display: table; text-align: center;}
.no-data p {display: table-cell; vertical-align: middle;}
.no-data span {color: rgba(0, 0, 0, 0.3); font-size: 16px; font-weight: 400;}
.no-data p span {padding-top: 86px; background:  url(../img/rpa_img/ic_noresult.svg) top center no-repeat;background-size: 80px;}
.no-data.big p span {padding-top: 158px; background:  url(../img/rpa_img/ic-nodata-140px.svg) top center no-repeat;background-size: 120px; }
.result-no .no-data {height: 600px;}
.no-detail-con .no-data {height: 515px;}
.no-botmt-list .no-data {height: 615px;}
.no-queue-list .no-data {height: 104px; padding-bottom: 10px;}
.no-queue-list .no-data span {display: table-cell; vertical-align: middle;}

.content-body.process-body {height: calc(100vh - 172px); min-height: 600px; padding: 20px 40px 30px 371px;}
.process-body .body-left {width: 331px;}
.process-body .body-left .tree-tab-con {height: calc(100% - 80px);}
.process-body .body-left .tree-tab-con .mCS-my-theme.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {width: 7px;}
.process-set-box .process-result .result-detail-area .detail-con {max-height: 900px;}
.process-body .body-left .jqx-tabs-header + .jqx-tabs-content {height: calc(100% - 40px) !important;}

.systemMenu-body .body-left .common-menu .jqx-tree,
.systemCode-body .body-left .common-menu .jqx-tree {border: 0 none;}

.content-body.systemMenu-body {height: calc(100% - 68px); padding-left: 371px;}
.systemMenu-body .body-left {width: 331px;}
.systemMenu-body .body-left .common-menu {height: calc(100% - 48px);}

.content-body.systemCode-body {height: calc(100% - 68px); padding-left: 371px;}
.systemCode-body .body-left {width: 331px;}
.systemCode-body .body-left .common-menu {height: calc(100% - 48px);}

/*봇 모니터링*/
.botmt-body {box-sizing: border-box; overflow: hidden; padding-top: 0px; min-height: 764px;}
.botmt-body-in {height: 100%; width: 1450px; margin: 0 auto; padding-right: 0px; box-sizing: border-box; position: relative;}
.botmt-body-in.botRightOpen {padding-right: 275px;}
.botmt-top,
.botmt-con {margin: 0 auto;}
.botmt-top {padding-left: 40px;}
.botmt-top::after {content:''; display: block; clear: both;}
.botmt-top .mini-search {margin-top: 7px; padding-bottom: 5px; width: 250px;}
.botmt-top .mini-search.open::after {width: 100%; left: 0;}
.botmt-top .tab-type2 {display: inline-block; margin-left: 20px;}
.botmt-top .tab-type2.tab-add {margin-left: 0;}
.botmt-top .tab-type2.tab-add > li {padding-left: 11px; margin-left: 10px;}
/* .botmt-top .tab-add {max-width: 40%;}
.botRightOpen .botmt-top .tab-add {max-width: 30%;} */
.botmt-top .tab-add li {max-width: calc(170px - 21px); min-width: 60px;}
.botRightOpen .botmt-top .tab-add li {max-width: calc(130px - 21px);}
.botmt-top .tab-add li a {line-height: 16px;}
.botmt-top .tab-add li span {text-overflow:ellipsis; white-space: nowrap; max-width: 82%; overflow: hidden;}
.botmt-top .selectselbox-area-form {display: inline-block; margin-left: 20px; margin-top: 7px;}
.botmt-top .selectselbox-area-form .selectselbox-area {top: 0; left: 31px;}
.botmt-top .comboselect1, .botmt-top .select3 {float: right; margin-right: 45px}

.botmt-con {position: relative; width: 100%; max-height: 720px; margin-top: 14px;}
.botmt-con .mCSB_inside>.mCSB_container {margin-right: 10px;}
.botmt-con .botmtLB-prev,
.botmt-con .botmtLB-next {background-image: url(../img/rpa_img/ic-arrow-left-normal.svg); background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; top: 50%;}
.botmt-con .botmtLB-prev {left: 0; margin-top: -20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.botmt-con .botmtLB-next {right: 0; margin-top: -21px;}
.botmt-con .botmtLB-prev:hover,
.botmt-con .botmtLB-next:hover {background-image: url(../img/rpa_img/ic-arrow-left-normal-hover.svg);}
.botmt-con .botmt-list-box {font-size: 0; padding: 5px 0 3px 25px; /*min-height: 720px;*/ box-sizing: border-box;}
.botmt-con .botmt-list-box .botmt-list {font-size: 0; /*cursor: pointer;*/ position: relative; display: inline-block; width: 260px; /*height: 158px;*/ height: 158px; background-color: #fff; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1); margin-left: 15px; /*margin-bottom: 15px;*/ margin-bottom: 12px; border-radius: 8px;}
.botmt-con .botmt-list-box .botmt-list.error {background-color: #ec6171;}
.botmt-con .botmt-list-box .botmt-list .ico-del2 {position: absolute; right: 10px; top: 10px; z-index: 200;}
.botmt-con .botmt-list-box .botmt-title {padding: 15px 20px 23px; position: relative; width: 100%; height: 99px; box-sizing: border-box; background-color: rgba(255,255,255,0.7);border-radius: 8px 8px 0px 0px;}
.botmt-con .botmt-list-box .work .botmt-title,
.botmt-con .botmt-list-box .botmt-title.nm {display: table; padding: 20px;}
.botmt-con .botmt-list-box .botmt-title::after {content:''; display: block; clear: both;}
.botmt-con .botmt-list-box .error .botmt-title {text-align: center;}
.botmt-con .botmt-list-box .botmt-title .bot-chart {width: 4.8345em; height: 4.8345em; float: left; background: transparent; margin: 0 5px 0 -7px;}
.botmt-con .botmt-list-box .botmt-title .bot-chart-persent {position: absolute; left: 20px; top: 20px; width: 55px; height: 55px; padding: 20px 0 36px 0; box-sizing: border-box; font-size: 8px; color: rgba(43, 51, 74, 0.6); text-align: center;}
.botmt-con .botmt-list-box .botmt-title .bot-chart-persent em {color: inherit; vertical-align: baseline; margin-right: 2px; font-size: 18px; font-weight: 400;}
.botmt-con .botmt-list-box .botmt-title .bot-text {}
.botmt-con .botmt-list-box .botmt-title p {font-size: 13px; color: rgba(0, 0, 0, 0.4); margin-top: 13px; margin-bottom: 6px; }
.botmt-con .botmt-list-box .botmt-title strong {font-size: 18px; color: rgba(0,0,0,0.8); font-weight: 500;}
.botmt-con .botmt-list-box .botmt-title.nm .text,
.botmt-con .botmt-list-box .botmt-title .work-name {display: table-cell; vertical-align: middle;}
.botmt-con .botmt-list-box .botmt-title.nm .text {padding-right: 40px;}
.botmt-con .botmt-list-box .botmt-title .work-name {padding-left: 70px; position: relative;}
.botmt-con .botmt-list-box .botmt-title .work-name .work-img {width: 50px; height: 50px; border: 3px solid rgba(25,204,220,0.4); border-radius: 15px; box-sizing: border-box; position: absolute; left: 0; top: 50%; margin-top: -25px;}
.botmt-con .botmt-list-box .botmt-title .work-name .work-img img {margin: 12px 0 0 12px;}
.botmt-con .botmt-list-box .botmt-title .ellipse2 {font-size: inherit; font-weight: inherit; color: inherit; line-height: 25px; max-height: 50px;}
.botmt-con .botmt-list-box .error .botmt-title strong {color: rgba(255,255,255,0.8); font-weight: 400;}
.botmt-con .botmt-list-box .error .botmt-title strong img {margin-bottom: 8px;}
.botmt-con .botmt-list-box .botmt-date {padding: 12px 20px 0; border-top: 1px solid rgba(112,112,112,0.05); position: relative; height: 59px; box-sizing: border-box; background-color: rgba(255,255,255,0.7); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;border-radius: 0px 0px 8px 8px;}
.botmt-con .botmt-list-box .error .botmt-date {border-top: 1px solid rgba(112,112,112,0.1); text-align: center;}
.botmt-con .botmt-list-box .botmt-date.box-t {display: table; width: 100%; padding-top: 0;}
.botmt-con .botmt-list-box .botmt-date.box-t .box-tc {display: table-cell; vertical-align: middle;}
.botmt-con .botmt-list-box .error .botmt-date * {color: #fff; font-weight: 300;}
.botmt-con .botmt-list-box .error .botmt-date p {color: rgba(255,255,255,0.8);}
.botmt-con .botmt-list-box .botmt-date strong {color: rgba(0,0,0,0.8); font-weight: 500; vertical-align: middle; }
.botmt-con .botmt-list-box .botmt-date img + strong { margin-left: 2px; }
.botmt-con .botmt-list-box .botmt-date p {font-size: 13px; color: #666;}
.botmt-con .botmt-list-box .botmt-date strong + p {margin-top: 5px;}
.botmt-con .botmt-list-box .error .botmt-date strong + p {margin-top: 6px;}
.botmt-con .botmt-list-box .chart .botmt-date strong + p {margin-top: 7px;}
.botmt-con .botmt-list-box .botmt-date p em {color: #19ccdc; font-size: inherit;}
.botmt-con .botmt-list-box .botmt-date span {z-index: 1; position: absolute; right: 20px; bottom: 11px;}
.botmt-con .botmt-list-box .botmt-date span.spanTest,
.botmt-con .botmt-list-box .botmt-date span.spanImgTest {right: 50px; z-index: 0;}
.botmt-con .botmt-list-box .botmt-date span.spanTest {z-index: 0;}
.botmt-con .botmt-list-box .botmt-date span.spanImgTest {z-index: 1;}
.botmt-con .botmt-list-box .botmt-hover {display: none; background-color: rgba(59, 103, 255, 0.9); position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding-top: 42px; box-sizing: border-box; text-align: center; border-radius: inherit;}
.botmt-con .botmt-list-box .error .botmt-hover {background-color: rgba(139, 57, 66, 0.7);}
.botmt-con .botmt-list-box .chart .botmt-hover {background-color: rgba(59, 103, 255, 0.9);}
.botmt-con .botmt-list-box .botmt-hover a {display: inline-block; color: #fff; font-weight: 300; font-size: 12px; cursor: default; }
.botmt-con .botmt-list-box .botmt-hover a + a {margin-left: 17px;}
.botmt-con .botmt-list-box .botmt-hover a span {margin: 0 auto; display: block; margin-bottom: 8px; cursor: pointer; }
.botmt-con .botmt-list-box .botmt-nm {width: 100%; height: 100%; display: table; padding: 20px; box-sizing: border-box;background-color: rgba(255,255,255,0.7);}
.botmt-con .botmt-list-box .botmt-title.nm .img,
.botmt-con .botmt-list-box .botmt-nm .img {position: absolute;right: 20px;top: 20px;width: 32px; height: 32px;}
.botmt-con .botmt-list-box .botmt-nm .text {display: table-cell; vertical-align: middle;}
.botmt-con .botmt-list-box .botmt-nm .text p,
.botmt-con .botmt-list-box .botmt-nm .text strong {}
.botmt-con .botmt-list-box .botmt-nm .text p {font-size: 13px; color: #666; margin-bottom: 5px;}
.botmt-con .botmt-list-box .botmt-nm .text strong {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 220px;}
.botmt-con .botmt-list-box .botmt-nm .text strong {font-size: 18px; color: rgba(0,0,0,0.8); font-weight: 500; line-height: 25px;}
.botmt-con .botmt-list-box .botmt-nm .error-text {position: absolute; bottom: 20px; right: 20px; display: block; font-size: 13px; color: #ed5572;}
.botmt-con .botmt-list-box .botmt-enlarge {position: absolute; bottom: 15px; left: 15px; display: none;}

.botmt-result {position: fixed; top: 64px; bottom: 0; right: -275px; width: 275px; z-index: 200;}
.botmt-result .botmt-result-btn {width: 45px; height: 45px; display: block; background-position: center center; background-repeat: no-repeat; position: fixed; right: 15px; top: 154px; border-radius: 45px; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);}
.botmt-result .botmt-result-btn {background-image: url(../img/rpa_img/ic-open-hover.png); background-color: #e5e5e5; }
.botmt-result.closeView .botmt-result-btn {background-image: url(../img/rpa_img/ic-open-normal.png); background-color: #fff;}
.botmt-result .botmt-rlist-box {position: relative; padding: 100px 0 0; height: calc(100% - 100px); background: #fff;}
.botmt-result .botmt-rlist-box .titlearea {padding: 13px 20px 15px; display: block; position: absolute; top: 50px; width: 100%;}
.botmt-result .botmt-rlist-box .titlearea button {display: inline-block; background-color: transparent; border: 0px none; padding: 0; margin: 1px 0 0 10px;}
.botmt-result .botmt-rlist-box .titlearea button .btn-more3 {height: 12px;}
.botmt-result .botmt-rlist-box .botmt-rlist-area {height: 100%; overflow-y: auto;}
.botmt-result .botmt-rlist-box .botmt-rlist {box-sizing: border-box; width: 100%; padding: 20px; height: 78px; overflow: hidden; cursor: pointer; position: relative;}
.botmt-result .botmt-rlist-box .botmt-rlist:hover {background-color: rgba(83, 84, 201, 0.05);}
.botmt-result .botmt-rlist-box .botmt-rlist .rlist-title {font-size: 13px; color: rgba(102,102,102,0.6); font-weight: 400; line-height: 16px; width: 180px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.botmt-result .botmt-rlist-box .botmt-rlist .rlist-title img,
.botmt-result .botmt-rlist-box .botmt-rlist .rlist-text img {margin-right: 5px;width:16px;height:16px;}
.botmt-result .botmt-rlist-box .botmt-rlist .rlist-text,
.botmt-result .botmt-rlist-box .botmt-rlist .rlist-date {margin-top: 9px; font-size: 12px; color: rgba(0,0,0,0.4);}
.botmt-result .botmt-rlist-box .botmt-rlist .rlist-text {float: left; margin-left:15px; /*margin-left: 23px;*/}
.botmt-result .botmt-rlist-box .botmt-rlist .rlist-date {float: right; font-size: 11px; color: rgba(0,0,0,0.3); right: 20px; top: 12px; position: absolute; }
.botmt-result .botmt-rlist-box .botmt-rhover {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px 20px 0 20px; box-sizing: border-box; text-align: right; background: rgba(85,91,110,0.9);}
.botmt-result .botmt-rlist-box .botmt-rhover a + a {margin-left: 7px;}
.botmt-result .botmt-rlist-box .btnarea {position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; height: 40px; border-top: 1px solid rgba(0,0,0,0.05)}
.botmt-result .botmt-rlist-box .btnarea a {display: block; line-height: 40px;}
.botmt-result .botmt-rlist-box .btnarea a span.btn-more2 {color: rgba(0, 0, 0, 0.3); font-size: 12px; font-weight: 400;}

.botmt-queue {background-color: #ededee; width: 1450px; min-height: 48px; box-sizing: border-box; position: fixed; bottom: 0px;  z-index: 2;}
.botmt-queue .titlearea {height: 48px; padding: 12px 24px 10px; box-sizing: border-box; cursor: pointer;}
.botmt-queue .titlearea strong {line-height: 26px; display: inline-block; font-size: 16px; color: rgba(0, 0, 0, 0.8); font-weight: 500; padding-left: 25px; background: url(../img/rpa_img/ic-queue.png) 0px 2px no-repeat;}
.botmt-queue .titlearea strong em {font-size: inherit; font-weight: inherit; color: #3b67ff;}
.botmt-queue .titlearea div.rightbtnarea { float: right; }
.botmt-queue .titlearea button span.ico-cleanjob { background-position: 0 1px; }
.botmt-queue .titlearea button span.ico-plus { background-position: 0 3px; }
.botmt-queue .queue-list-box {/*display: none;*/ height: 0px; min-height: 0px; max-height: 181px; padding: 0px 0px 0px 29px; overflow-x: hidden; overflow-y: auto;}
.botmt-queue .queue-list {width: 260px; height: 63px; margin: 0 0 15px 15px; display: inline-block; position: relative; padding: 15px 20px 0; box-sizing: border-box; background-color: #ffffff; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.15); }
.botmt-queue .queue-list > strong {color: #000000; font-weight: 500;}
.botmt-queue .queue-list > p {color: #666; font-size: 13px; margin-top: 4px;}
.botmt-queue .queue-list > p em,
.botmt-queue .queue-list > p span {font-size: inherit; color: #19ccdc; font-weight: 400;}
.botmt-queue .queue-list > span {position: absolute; right: 12px; top: 32px; bottom: 50%; /*margin-bottom: -12px;*/}
.botmt-queue .queue-hover {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 13px; padding-right: 20px; box-sizing: border-box; text-align: right; background: rgba(85,91,110,0.9);}
.botmt-queue .queue-hover a + a {margin-left: 7px;}

/*dashboard : main*/
/*jqxchart*/
.chart-box .jqx-chart-axis-text,
.chart-box .jqx-chart-label-text,
.chart-box .jqx-chart-legend-text,
.chart-box .jqx-chart-tooltip-text,
.chart-box .jqx-knob-label,
.dashboard-area .jqx-chart-axis-text,
.dashboard-area .jqx-chart-label-text,
.dashboard-area .jqx-chart-legend-text,
.dashboard-area .jqx-chart-tooltip-text,
.dashboard-area .jqx-knob-label {fill: #999; color: #999; font-size: 11px; font-family: 'Noto Sans KR', Arial, sans-serif;}
.chart-box .jqx-chart-legend-text,
.dashboard-area .jqx-chart-legend-text {color: #838a97; fill: #838a97;}

.dashboard-body {display: table; padding: 0px 30px 0px; text-align: center; margin: 0 auto;}
.dashboard-area {width: 1450px; padding-right: 0; margin: 25px auto 25px; height: 100%;  display: table-cell; vertical-align: middle;}
.dashboard-area.noticeOpen {width: 1175px; padding-right: 275px;}
.dashboard-area::after,
.dashboard-area .dashboard-left::after {content:''; display: block; clear: both;}
.dashboard-area .dashboard-left,
.dashboard-area .dashboard-right {float: left;}
.dashboard-area .dashboard-left {width: 67.587%;}
.dashboard-area .dashboard-right {width: 32.413%;}
.dashboard-area .dashboard-box {float: left; font-size: 0; text-align: left; background-color: #ffffff; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15); padding: 14px 15px 0 15px; box-sizing: border-box;}
.dashboard-area .dashboard-left .dashboard-box {height: 350px; width: calc(50% - 20px); margin-right: 20px; margin-bottom: 20px; position: relative;}
.dashboard-area .dashboard-right .dashboard-box {height: 720px; width: 100%; padding-top: 22px;}
.dashboard-area .dashboard-left .dashboard-box:nth-of-type(1),
.dashboard-area .dashboard-left .dashboard-box:nth-of-type(2),
.dashboard-area .dashboard-right .dashboard-box:nth-of-type(1) {margin-top: 20px}
.dashboard-area .dashboard-box .dbtitle {font-size: 16px; color: #666;}
.dashboard-area .dashboard-box .dbtext {margin-top: 10px; font-size: 13px; color: #999;}
.dashboard-area .dashboard-chart {width: 100%;}
.dashboard-area .dashboard-chart [id^=dashboardChart] {width: 100%; height: 100%;}
/*.dashboard-area .dashboard-chart #dashboardChart02mouseclick-rect {width: 40px; height: 250px;}*/
.dashboard-area .dashboard-chart rect#dashboardChart02mouseover-rect {width: 40px; height: 280px;}
.dashboard-area .dashboard-chart rect#dashboardChart04mouseover-rect {width: 40px; height: 280px;}
.dashboard-area .dashboard-chart rect#dashboardChart02mouseclick-rect {width: 40px; height: 280px;}
.dashboard-area .dashboard-chart rect#dashboardChart04mouseclick-rect {width: 40px; height: 280px;}
.dashboard-area .dashboard-left .dbchart1 {height: 290px; margin-top: 0px;}
.dashboard-area .dashboard-left .dbchart1 #dashboardChart01 {width: 220px; margin: 0 auto;}
.dashboard-area .dashboard-left .dbchart2 {height: 260px; margin-top: 32px;}
.dashboard-area .dashboard-left .dbchart3 {height: 260px; margin-top: 20px;}
.dashboard-area .dashboard-right .dbchart4 {height: 270px; margin: 49px auto 0;}
.dashboard-area .dashboard-right .dbchart4 rect + text.chartLabelText {font-size: 11px; font-weight: 400; fill: #4d969d;}
.dashboard-area .dashboard-list {margin-top: 15px;}
.dashboard-area .dashboard-left .dashboard-list {}
.dashboard-area .dashboard-right .dashboard-list {border-top: 1px solid rgba(0, 0, 0, 0.05); margin: 15px 15px 0; max-height: 305px; overflow-x: hidden; overflow-y: auto;}
.noticeOpen .dashboard-area .dashboard-right .dashboard-list {margin-left: 0; margin-right: 0;}

.dashboard-area .chart-percent {width: 100%; position: absolute; top: 151px; left: 0; z-index: 1; text-align: center;}
.dashboard-area .chart-percent * {color: #666;}
.dashboard-area .chart-percent .chart-percent-num {}
.dashboard-area .chart-percent .chart-percent-num * {display: inline-block;}
.dashboard-area .chart-percent .chart-percent-num strong {font-size: 36px;font-weight: 500;line-height: 40px;}
.dashboard-area .chart-percent .chart-percent-num em {font-size: 20px; vertical-align: bottom; margin-bottom: 4px; font-weight: 400;}
.dashboard-area .chart-percent .chart-percent-name {font-size: 13px; margin-top: 9px;}
.dashboard-area .chart-percent .chart-percent-num2 {font-size: 11px; line-height: 17px; color: rgba(0,0,0,0.4); font-weight: 400; margin-top: 23px;}
.dashboard-area .chart-percent .chart-percent-num2 em {font-size: inherit; line-height: inherit; color: inherit; font-weight: 500;}

.dblist-type1 {}
.dashboard-box .dblist-type1 {padding-top: 7px;}
.dblist-type1 li {padding: 12px 20px 8px; position: relative;}
.dblist-type1 li::before {content:''; display: block; width: calc(100% - 50px); height: 1px; background-color: rgba(0, 0, 0, 0.05); position:absolute; bottom: 0; left: 25px;}
.dblist-type1 li::after {content:''; display: block; clear: both;}
.dblist-type1 li:hover {background-color: rgba(0, 0, 0, 0.03);}
.dblist-type1 li > * {line-height: 26px;}
.dblist-type1 li img {position: absolute; right: 0px; top: 4px;}
.dblist-type1 li span { overflow: hidden; padding-right: 5px; white-space: nowrap; text-overflow: ellipsis; float: left; position: relative; padding-bottom: 4px; color: #666;}
.dblist-type1 li span em {font-weight: 400; color: #4d969d; width: 25px;}
.dblist-type1 li strong {float: right; display: inline-block; text-align: right;}
.dblist-type1 li strong em {color: inherit; font-size: 24px; font-weight: 500;}
.dblist-type2 {padding-top: 10px;}
.dblist-type2 li {padding: 10px 10px 11px 25px;}
.dblist-type2 li.hover,
.dblist-type2 li:hover {background-color: rgba(0, 0, 0, 0.03);}
.dblist-type2 li .dblist-name,
.dblist-type2 li .dblist-place,
.dblist-type2 li .dblist-state {line-height: 24px;display: inline-block;}
.dblist-type2 li .dblist-name,
.dblist-type2 li .dblist-place {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgba(0,0,0,0.4);}
.dblist-type2 li .dblist-name {width: calc(67% - 39px); font-weight: 500;}
.dblist-type2 li .dblist-name img {vertical-align: middle; margin-right: 10px;}
.dblist-type2 li .dblist-place {width: calc(33% - 20px); margin-left: 20px; font-size: 13px;}
.dblist-type2 li .dblist-state {width: 25px; height: 25px; text-align: center; margin-left: 14px;}
.dblist-type2 li .dblist-state img {vertical-align: middle;}
.dblist-type2 li.dbstate.state2 .dblist-name {color: rgba(0,0,0,0.8);}
.dblist-type2 li.dbstate.state2 .dblist-place {color: rgba(0,0,0,0.6);}
.dblist-type2 li.dbstate.state2 .dblist-state img {
    /*-ms-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear;
    -ms-animation: rotation 2s infinite; -webkit-animation: rotation 2s infinite; animation: rotation 2s infinite;*/}
.noticeOpen .dblist-type2 li .dblist-name {width: calc(64.5% - 39px);}
.noticeOpen .dblist-type2 li .dblist-place {width: calc(35.5% - 8px); margin-left: 8px;}

.notice-area {position: fixed;top: 63px;bottom: 0;right: -275px;right: 0;width: 275px;z-index: 155;}
.notice-area.closeView {/*display: none;*/ width: 0px; }
.notice-btn {position: absolute; right: 50px; top: 6px; z-index: 300; border: 0 none; background: transparent; padding: 0; display: block;  cursor: pointer; outline: 0;}
.notice-btn .ico-notice {display: block; height: 100%;display: block; background-position: left bottom;}
.notice-btn.on .ico-notice {background-image: url(../img/rpa_img/ic-notice-normal-hover.svg);}
.notice-btn p {width: 100%; height: 100%; position: relative;}
.notice-btn .ico-dot3 {position: absolute; top: 3px; right: 9px;}
.notice-btn .ico-dot3::before {left: auto; right: 0;}

.notice-area .scrollarea {height: 100%; width: 100%; overflow: auto;}

.notice-list {padding: 21px 25px 0 15px; position: relative; cursor:pointer; text-align: left;}
.notice-list:hover {background-color: #f3f3f3;}
.notice-list:active {background-color: #f6fafa;}
.notice-list::before,
.notice-list .nlist-title::before {content:''; display: block;}
.notice-list::before {position: absolute; width: 1px; height: 100%; background-color: rgba(0, 0, 0, 0.05); top: 0; left: 22px;}
.notice-list:first-child::before {top: 26px;}
.notice-list:last-child::before {height: 26px;}
.notice-list .nlist-title,
.notice-list .nlist-text,
.notice-list .nlist-tip {padding-left: 26px;}
.notice-list .nlist-title {position: relative;line-height: 16px;font-size: 13px;color: rgba(102,102,102,0.6); font-weight: 500;}
.notice-list .nlist-title::before,
.notice-list .nlist-title img {position: absolute; }
.notice-list .nlist-title::before {width: 7px; height: 7px; border-radius: 7px; background-color: #e3e3e3; left: 4px; top: 5px;}
.notice-list .nlist-title img {left: 0; top: 0;}
.notice-list .nlist-text {overflow: hidden; padding-top: 8px; padding-bottom: 17px;}
.notice-list .nlist-text span {line-height: 16px;}
.notice-list .nlist-text span img {margin-right: 3px;}
.notice-list .nlist-text .text,
.notice-list .nlist-text .etc {font-size: 12px;}
.notice-list .nlist-text .text {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; max-width: 41%;}
.notice-list .nlist-text .text.only {max-width: 64%;}
.notice-list .nlist-text .date {float: right; text-align: right; font-size: 12px; color: rgba(0,0,0,0.4);}
.notice-list .nlist-tip {text-align: right; padding-top: 12px; padding-bottom: 2px;}
.notice-list .nlist-tip span {font-size: 12px; color: rgba(102,102,102,0.6); background: rgb(227, 227, 227,0.34); display: inline-block; padding: 4px 11px; border-radius: 5px; font-weight: 500;}

.notice-area .notice-box {position: relative;height: calc(100%);border-left: 1px solid rgba(36,44,55,0.1);background: #fff;}
.notice-area .notice-box::before,
.notice-area .notice-box::after {content:''; display: block; position:absolute; left: 0;}
.notice-area .notice-box::before {width: 1px; height: 0px; background: #fff; top: 0; left: -1px;}
.notice-area .notice-box::after {background: rgba(36,44,55,0.1); width: 100%; height: 1px; top: 0px;}
.notice-area .notice-nlist-area {}
.notice-area .btnarea {position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; height: 40px; border-top: 1px solid rgba(0,0,0,0.05)}
.notice-area .btnarea a {display: block; line-height: 40px;}
.notice-area .btnarea a span {}
.notice-area .btnarea a span.btn-more2 {color: rgba(0, 0, 0, 0.3); font-size: 12px;}


/* popup content */
.popContent-body em.fill {color: var(--rpa_red); font-size: 1.4em;}
.popContent-body .row-dl {font-size: 0; display: inline-block;}
.popContent-body .row-dl dt,
.popContent-body .row-dl dd {}
.popContent-body .row-dl dt {color: rgba(0, 0, 0, 0.8); line-height: 15px; font-weight: 500;}
.popContent-body .row-dl dd {margin-top: 10px;}

.popContent-body .col-dl {}
.popContent-body .col-dl dt,
.popContent-body .col-dl dd {display: inline-block;vertical-align: middle;}
.popContent-body .col-dl dt {font-size: 12px; font-weight: 500; color: rgba(0,0,0,0.85)}
.popContent-body .col-dl dd {}
.popContent-body .col-dl dt + dd {margin-left: 7px;}
.popContent-body .col-dl dd + dt {margin-left: 17px;}

/*design popup, jobmgn popup*/
.popContent-body .table-yscroll {border-top: 1px solid rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.popContent-body .table-yscroll-head {}
.popContent-body .table-yscroll-body {overflow-x: hidden; overflow-y: auto;}
.popContent-body .table-yscroll table {margin: 0; border: 0 none;}
.popContent-body .table-yscroll .table-yscroll-head-title,
.popContent-body .table-yscroll table td {border: 0 none; font-size: 12px; color: rgba(0, 0, 0, 0.8); text-align: left;}
.popContent-body .table-yscroll-head table td,
.popContent-body .table-yscroll-head .table-yscroll-head-title {font-weight: 500;line-height: 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.popContent-body .table-yscroll-head .table-yscroll-head-title {padding: 10px 20px;}
.popContent-body [name="groupAuthPopupContent"] .table-yscroll-head table td + td {padding-left: 0;}
.popContent-body .table-yscroll-body table td {padding: 4px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.popContent-body .table-yscroll-body table tr:last-child th,
.popContent-body .table-yscroll-body table tr:last-child td {border-bottom: 0 none;}
.popContent-body .table-noscroll {border-top: 1px solid rgba(0, 0, 0, 0.3);}
.popContent-body .table-noscroll table {margin: 0; border: 0 none;}
.popContent-body .table-noscroll table thead th,
.popContent-body .table-noscroll table tbody th,
.popContent-body .table-noscroll table tbody td {border: 0 none; font-size: 12px; color: rgba(0, 0, 0, 0.8); text-align: left;}
.popContent-body .table-noscroll table thead th {font-weight: 500; line-height: 18px; background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.popContent-body .table-noscroll table tbody th,
.popContent-body .table-noscroll table tbody td {padding: 4px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.popContent-body .table-noscroll table tbody tr:last-child th,
.popContent-body .table-noscroll table tbody tr:last-child td {border-color: rgba(0, 0, 0, 0.3);}

.popContent-body div + .pop-search-content {margin-top: 20px;}

#popup.has-step {}
#popup.has-step .close {top: 13px;}
/*#popup.has-step .pop_haeder {height: 60px;box-sizing: border-box;padding: 10px 60px 10px 31px;}*/
#popup.has-step #popupContent,
#popup.has-step .jobmgnpopup-body > .mCustomScrollbar > .mCustomScrollBox,
#popup.has-step .jobmgnpopup-body > .mCustomScrollbar > .mCustomScrollBox > .mCSB_container {overflow: inherit;}
#popup.has-step .popStep-top {position: absolute; width: 60%; top: -61px; left: 20%; text-align: center; font-size: 0;}
#popup.has-step .jobmgnpopup-body .popStep-top {top: -81px;}
#popup.has-step .popStep-top li {display: inline-block; position: relative; text-align: center; padding: 0; min-width: 126px;}
#popup.has-step .popStep-top li::before,
#popup.has-step .popStep-top li::after {content:''; display: block; background-color: #ddd; width: calc(50% - 10px); height: 1px; position: absolute; top: 10px;}
#popup.has-step .popStep-top li::before {left: 0px;}
#popup.has-step .popStep-top li::after {right: 0px;}
#popup.has-step .popStep-top li.active::before,
#popup.has-step .popStep-top li.complete::before,
#popup.has-step .popStep-top li.complete::after { background-color: #3b67ff; }
#popup.has-step .popStep-top li:first-child::before,
#popup.has-step .popStep-top li:last-child::after {display: none;}
#popup.has-step .popStep-top li span {padding-left: 20px; position: relative;}
#popup.has-step .popStep-top li em {color: #fff;font-size: 12px;line-height: 18px;}
#popup.has-step .popStep-top li span::before,
#popup.has-step .popStep-top li em {position:absolute;left: 0;top: 0;display: block;width: 20px;height: 20px;}
#popup.has-step .popStep-top li span::before {content:''; display: block; background-color: rgba(0, 0, 0, 0.2); border-radius: 16px;}
#popup.has-step .popStep-top li p {line-height: 1.43;color: rgba(0, 0, 0, 0.2);margin-top: 10px;font-weight: 400;}
#popup.has-step .popStep-top li.active {}
#popup.has-step .popStep-top li.active span::before,
#popup.has-step .popStep-top li.complete span::before {background-color: #3b67ff;}
#popup.has-step .popStep-top li.active em {}
#popup.has-step .popStep-top li.active p,
#popup.has-step .popStep-top li.complete p {color: #3b67ff;}

.popGrid-head {margin-top: 2px;}
.popGrid-body {margin-top: 12px; padding: 10px 20px 20px; background-color: #ffffff; border: solid 1px #ededed;}
.popGrid-body .jqx-grid .jqx-grid-header {border-top: 0 none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); background-color: transparent; background: transparent;}
.popGrid-body .jqx-widget .jqx-grid-column-header {background-color: transparent; background: transparent; border-color: transparent; color: rgba(0,0,0,0.8);}
.popGrid-body .jqx-widget .jqx-grid-cell {border-right: 0 none;}
.popGrid-body .jqx-widget .jqx-grid-cell-hover {background-color: #f0f3fc;}
.popGrid-body .jqx-widget .jqx-grid-cell-selected {background-color: #f0f3fc;}

.popContent-body .popBasic {background-color: #ffffff; border: solid 1px #ededed; box-sizing: border-box; padding: 20px;}
.popContent-body .popBasic .subtitle { font-weight: 500; line-height: 1.29; color: rgba(0, 0, 0, 0.8); padding-left: 4px; }
.popContent-body .popBasic .subtitle + .col-dl,
.popContent-body .popStep .popBasic + .popBasic,
.popContent-body h2 + table,
.popContent-body .subtitle + .table-border,
.popContent-body .subtitle + .table-noscroll {margin-top: 10px;}

.popContent-body .popProcess-area .jqx-tabs.tab-type2 .jqx-tabs-header {margin-top: 5px; margin-bottom: 20px;}
.popContent-body .popProcess-area .title {color: rgba(0,0,0,0.8); margin-bottom: 20px; display: block; line-height: 15px; margin-top: 5px;}
.popContent-body .popProcess-head {margin-bottom: 18px;}
.objectmgnpopup-body .subtitle,
.popContent-body .popProcess-body .subtitle {color: rgba(0, 0, 0, 0.7);line-height: 16px;font-size: 13px;margin-bottom: 15px;display: block;}

/*design popup*/
.objectmgnpopup-body .popProcess-area .popProcess .popProcess-head,
.objectmgnpopup-body .popProcess-area .popProcess .popProcess-body,
.objectmgnpopup-body .popProcess-area .tab-type2 .jqx-tabs-content {background-color: #ffffff; border: solid 1px #ededed; box-sizing: border-box; padding: 20px;}
.objectmgnpopup-body .popProcess-area .tab-type2 {background: transparent;}
.objectmgnpopup-body .popProcess-area .tab-type2 .popProcess-head {margin-bottom: 0;}

/*jobmgn popup*/
.jobmgnpopup-body .jqx-widget-content {background: transparent;}
.jobmgnpopup-body .popGrid-head .mini-search {vertical-align: bottom;}
.jobmgnpopup-body .popGrid-head ul.tab-type2 {display: inline-block;}
.jobmgnpopup-body .popGrid-head .mini-search + ul.tab-type2 {margin-left: 12px;}
.jobmgnpopup-body .popHow {margin-top: 20px;}
.jobmgnpopup-body .popHow dd .input-radio-box,
.jobmgnpopup-body .popHow dd .input-datetime-box {display: inline-block;}
.jobmgnpopup-body .popAuto {height: 100%;}

/* footer */
.footer-area {position: absolute; bottom: 0; left: 0px; width: 100%; height: 60px; background-color: #fff;}
.footer-box {display: table; width: 100%; height: 100%; padding: 0 30px; box-sizing: border-box;}
.footer-box > div {display: table-cell; vertical-align: middle; overflow: hidden;}
.footer-box p {float: left; color: rgba(0, 0, 0, 0.5); font-weight: 400; line-height: 20px;}
.footer-box img {float: right;}

/* dockingLayout */
/* dockingLayout html, body setting */
html.dockingLayoutHtml, body.dockingLayoutBody {min-width: 100%;}
/*body.dockingLayoutBody {position: relative; padding-top: 65px;}*/
html.dockingLayoutHtml #wrap {height: 100%;}
html.dockingLayoutHtml #new-gnb-wrap {display: none;}
html.dockingLayoutHtml #container {padding-left: 0;}
html.dockingLayoutHtml #container > #content,
html.dockingLayoutHtml #container > #content > #contents_area {box-sizing: border-box;}
html.dockingLayoutHtml #container > #content > #contents_area {height: 100% !important; position: relative; padding-top: 175px;}
html.dockingLayoutHtml .depthbox1 {display: none;}

/* dockingLayout basic */
.dockingLayoutBody .jqx-layout-group-tabbed,
.dockingLayoutBody .jqx-ribbon-content-section,
.dockingLayoutBody .jqx-layout-window { background-color:#ffffff; /*background: transparent;*/}
.dockingLayoutBody .jqx-ribbon-content-section {overflow: hidden; position: relative;}
.dockingLayoutBody .jqx-layout-overlay {z-index: 100;}
.dockingLayoutBody .jqx-ribbon-item-right {}
.dockingLayoutBody .jqx-ribbon-item-right.jqx-ribbon-item-hover {}
.dockingLayoutBody .jqx-ribbon .jqx-ribbon-content {padding: 0 !important;}
.dockingLayoutBody .jqx-ribbon .jqx-ribbon-content + .jqx-ribbon-header-bottom {display: none !important;}
.dockingLayoutBody .jqx-ribbon.jqx-layout-group-auto-hide .jqx-ribbon-content + .jqx-ribbon-header-bottom {display: block !important; position: absolute; bottom: 0px;}
/* .dockingLayoutBody .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both,
.dockingLayoutBody .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both {display: none !important;} */
.dockingLayoutBody .jqx-layout-pseudo-window-close-background-ltr {display: none;}
.dockingLayoutBody .jqx-layout-pseudo-window-pin-background-ltr {right: 15px; top: 13px; z-index: 100;}
.dockingLayoutBody .jqx-layout-pseudo-window-pin-background-ltr > * {z-index: 100; background-repeat: no-repeat; background-position: 50% 50%;}
.dockingLayoutBody .jqx-layout-pseudo-window-pin-icon {background-image: url(../../lib/css/aui/images/close.png);}
.dockingLayoutBody .jqx-layout-pseudo-window-pinned-icon {background-image: url(../img/rpa_img/ic-enlarge.png); background-position: center center; background-repeat: no-repeat; background-size: 28px; width: 22px; height: 20px; top: -4px; position: relative; border: 1px solid #ddd; box-sizing: border-box;}
.dockingLayoutBody .jqx-window-header {background: #f2f2f2 !important; border-bottom: 0 none; padding: 10px 5px 0;}
.dockingLayoutBody .jqx-window-header .jqx-layout-pseudo-window-title {color: rgba(0,0,0,0.8); font-weight: 500; line-height: 17px; margin-left: 10px; display: block;}
.dockingLayoutBody .jqx-window-header .jqx-layout-pseudo-window-title * {font-size: inherit; line-height: inherit; color: inherit; font-weight: inherit; }
.jqx-docking-layout-overlay-section:first-child + .jqx-docking-layout-overlay-section {position: relative;}
.jqx-docking-layout-overlay-section:first-child + .jqx-docking-layout-overlay-section::before {content: ''; width: 33px; height: 34px; position: absolute; top: 50%; left: 50%; margin-top: -17px; margin-left: -17px; background-color: #fff;}
.jqx-docking-layout-overlay-section .jqx-docking-layout-overlay-square-center {position: absolute; top: -9999px;}
.jqx-docking-layout-overlay-section .jqx-docking-layout-overlay-square-center + .jqx-docking-layout-overlay-square-right {margin-left: 32px;}
.dockingLayoutBody .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both,
.dockingLayoutBody .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both {display: none !important;}

.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon,
.dockingLayoutBody [class^=jqx-layout-group-auto-hide-content-] {padding: 10px 15px 15px; box-sizing: border-box; background: #f2f2f2;}
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document {padding: 0;}
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-layout-ribbon-header,
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-widget-content,
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-widget-content .jqx-ribbon-content-section { border: 0 none; padding: 0 15px 15px;box-sizing: border-box; }
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-widget-content .jqx-ribbon-content-section { background: #f2f2f2; }
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-layout-ribbon-header,
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-layout-ribbon-header .jqx-ribbon-item.jqx-ribbon-item-selected {background: #f2f2f2;}
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-layout-ribbon-header { background-color: #fff; border-bottom: 1px #f2f2f2 solid; }
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-layout-ribbon-header .jqx-ribbon-item,
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-layout-ribbon-header .jqx-ribbon-item.jqx-ribbon-item-selected {margin: 0 !important; border: 0 none; /*height: 42px;*/ height: 32px; line-height: 17px; margin-left: 10px; padding-left: 0; padding-right: 0; min-width: 150px; text-align: center; cursor: pointer; }
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-layout-ribbon-header .jqx-ribbon-item.jqx-ribbon-item-hover { background-color: #fff; }
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-layout-ribbon-header .jqx-ribbon-item > span,
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-layout-ribbon-header .jqx-ribbon-item > em { margin-top: 5px; }
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-layout-ribbon-header .jqx-ribbon-item.jqx-ribbon-item-selected > span { margin-top: 2px !important; }
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-layout-ribbon-header .jqx-ribbon-item + .jqx-ribbon-item {/*margin-left: 15px !important;*/ }
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-layout-ribbon-header .jqx-ribbon-item.jqx-ribbon-item-selected {color: rgba(0,0,0,0.8); font-weight: 500;background-color: #ffffff;color: #000000; border-bottom: 3px solid #242c37;}
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-layout-ribbon-header .jqx-ribbon-item.jqx-ribbon-item-selected * {font-size: inherit; line-height: inherit; color: inherit; font-weight: inherit; margin-top: 2px;}
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-widget-content {padding-top: 42px !important;}
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-widget-content.jqx-ribbon-selection-token {padding-top: 0 !important; height: 0 !important; width: 0 !important; visibility: collapse;}
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-widget-content .jqx-ribbon-content-section > div {border: 0 none;background-color:#ffffff !important;}
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-auto-hide {padding: 0}
.dockingLayoutBody .jqx-ribbon.jqx-layout-group-auto-hide {min-height: 30px;}

.dockingLayoutBody .jqx-layout-group-auto-hide > .jqx-widget-content {border: 0 none; min-width: 300px;}
.dockingLayoutBody .jqx-layout-group-auto-hide > .jqx-widget-content > .jqx-widget-content,
.dockingLayoutBody .jqx-layout-group-auto-hide > .jqx-widget-content > .jqx-widget-content [class^=jqx-layout-group-auto-hide-content-] {margin: 0 !important; border: 0 none; width: 100%;}

.dockingLayoutBody .jqx-window .jqx-window-close-button-background {top: 10px; right: 15px !important;display:none;/*Layout 닫기 제거*/}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-window-close-button-background.jqx-layout-pseudo-window-pin-background {width: 22px; height: 21px;}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-window-close-button-background.jqx-layout-pseudo-window-pin-background .jqx-layout-pseudo-window-pinned-icon {top: 0;}

.jqx-dropdownlist-content.jqx-disableselect {margin-left:9px !important; width:calc(100% - 40px) !important; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect,
.dockingLayoutBody [class^=jqx-ribbon-header-] {background: #f2f2f2;}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect {border: 0 none; padding: 3px;}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect.jqx-ribbon-header-horizontal {height: 24px; padding: 3px 15px;}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect.jqx-ribbon-header-vertical {}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect .jqx-layout-pseudo-window-title {margin-top: 10px;}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect .jqx-ribbon-item,
.dockingLayoutBody [class^=jqx-ribbon-header-] .jqx-ribbon-item {background-color: #fff; cursor: pointer;}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect .jqx-ribbon-item {box-sizing: border-box; padding: 2px 5px; margin: 0 !important; border-radius: 0px; border: 1px solid #2b334a !important; color: #32334a; font-weight: 500; font-size: 12px; line-height: 18px; width: auto; display: inline-block;}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect .jqx-ribbon-item.jqx-rc-t {padding-right: 20px;}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect .jqx-ribbon-item.jqx-rc-b {padding-right: 20px;}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect .jqx-ribbon-item.jqx-rc-r {padding-left: 20px;}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect .jqx-ribbon-item * {font-size: inherit; line-height: inherit; color: inherit; font-weight: inherit;}
.dockingLayoutBody .jqx-widget.jqx-layout-group-auto-hide .jqx-widget-header.jqx-disableselect .jqx-ribbon-item::after,
.dockingLayoutBody [class^=jqx-ribbon-header-] .jqx-ribbon-item::after {content: ''; display: block; width: 10px; height: 10px; background-position: 50% 50%; background-repeat: no-repeat; opacity: .5; position: absolute; top: 50%; margin-top: -5px; background-image: url(../../lib/css/aui/images/opus15/ico-next.png); }
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect .jqx-ribbon-item.jqx-rc-t::after {right: 5px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect .jqx-ribbon-item.jqx-rc-t.jqx-ribbon-item-selected::after {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect .jqx-ribbon-item.jqx-rc-b::after {right: 5px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect .jqx-ribbon-item.jqx-rc-b.jqx-ribbon-item-selected::after {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect .jqx-ribbon-item.jqx-rc-r::after {left: 5px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect .jqx-ribbon-item.jqx-rc-r.jqx-ribbon-item-selected::after {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
.dockingLayoutBody .jqx-layout-group-auto-hide .jqx-disableselect .jqx-ribbon-item.jqx-ribbon-item-hover {background-color: rgba(100, 100, 100, 0.1);}

.dockingLayoutBody > .jqx-window {box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); border: 0 none;}
.dockingLayoutBody > .jqx-window .jqx-window-header {background: #fff !important; padding: 10px;}
.dockingLayoutBody > .jqx-window .jqx-window-header > div:not(.jqx-window-close-button-background),
.dockingLayoutBody > .jqx-window .jqx-window-header > div:not(.jqx-window-collapse-button-background) {color: rgba(0, 0, 0, 0.8); font-size: 18px; font-weight: 500;}
.dockingLayoutBody > .jqx-window .jqx-window-header .jqx-window-close-button-background {display: none; visibility: hidden !important;}
.dockingLayoutBody > .jqx-window .jqx-window-header .jqx-window-collapse-button-background {visibility: visible !important; width: 20px !important; height: 20px !important; margin-right: 0 !important; right: 5px !important; top: 50%; margin-top: -10px;}
.dockingLayoutBody > .jqx-window .jqx-window-header .jqx-window-collapse-button-background .jqx-window-collapse-button {background-image: url(../../lib/css/aui/images/opus15/icon-down.png);}
.dockingLayoutBody > .jqx-window .jqx-window-header .jqx-window-collapse-button-background .jqx-window-collapse-button.jqx-icon-arrow-up {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.dockingLayoutBody > .jqx-window .jqx-window-header .jqx-window-collapse-button-background .jqx-window-collapse-button.jqx-icon-arrow-down {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
.dockingLayoutBody > .jqx-window .jqx-widget-content {background-color: #f8f8f8 !important;}
.dockingLayoutBody > .jqx-window .jqx-ribbon .jqx-ribbon-content {padding: 0 !important;}
.dockingLayoutBody > .jqx-window .jqx-ribbon .jqx-ribbon-content + .jqx-ribbon-header-bottom {display: none !important;}
.dockingLayoutBody > .jqx-window .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both,
.dockingLayoutBody > .jqx-window .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both {display: none !important;}

.dockingLayoutBody .jqx-window-close-button-background.jqx-layout-pseudo-window-pin-background-ltr.jqx-fill-state-disabled {display: none;}

/* dockingLayout layout basic */
#dockingLayoutHead {position: absolute; top: 0; left: 0; width: 100%; padding: 17px 15px 15px; box-sizing: border-box; background-color: #fff; border-bottom: 1px solid #e7e8e9;}
#dockingLayoutHead::after {content: ''; clear: both; display: block;}
#dockingLayoutHead .head-title {float: left;}
#dockingLayoutHead .head-title > * {vertical-align: middle; margin-right: 20px;}
#dockingLayoutHead .head-title strong {font-weight: 500; font-size: 22px; line-height: 32px; color: #2b334a;}
#dockingLayoutHead .head-title .head-title-btn {display: inline-block;}
#dockingLayoutHead .head-btn {float: right; margin-top: 2px;}
#dockingLayout {margin: 0 auto;}

/* dockingLayout content */
.dockingLayoutBody .imgPanel-content,
.dockingLayoutBody .inputPanel-content,
.dockingLayoutBody .outputPanel-content {width: 100%; height: 100%; padding: 15px; box-sizing: border-box; border: 1px solid #ededed; background: #fff; overflow-x: hidden; overflow-y: auto;}
.dockingLayoutBody #divFullScreen .imgPanel-content { min-height: 100%; height: auto; overflow-x: auto; overflow-y: auto; }
.dockingLayoutBody .inputPanel-content p,
.dockingLayoutBody .inputPanel-content li,
.dockingLayoutBody .outputPanel-content p
.dockingLayoutBody .outputPanel-content li {line-height: 18px;}
.dockingLayoutBody .inputPanel-content p + ul,
.dockingLayoutBody .inputPanel-content ul + p,
.dockingLayoutBody .outputPanel-content p + ul,
.dockingLayoutBody .outputPanel-content ul + p {border-top: 1px dashed #ddd;}
.dockingLayoutBody .imgPanel-content {/*display: table;*/ text-align: center; padding: 0; display: flex; align-items: center; }
.dockingLayoutBody .imgPanel-content > * {/*display: table-cell;*/ vertical-align: middle; margin: 0 auto;}
.dockingLayoutBody .imgPanel-content > * > img { max-height: 100%; }
.dockingLayoutBody .inputPanel-content .inputPanel-result {overflow: auto; margin-bottom: 10px; box-sizing: border-box;}
.dockingLayoutBody .inputPanel-content .inputPanel-input {}
.dockingLayoutBody .inputPanel-content .inputPanel-button {text-align: right; padding-top: 7px;}
.dockingLayoutBody .inputPanel-content .inputPanel-button [class^=btn-] {}
.dockingLayoutBody .inputPanel-content .inputPanel-button > *:last-child {margin-right: 15px;}
.dockingLayoutBody .inputPanel-content textarea.inputPanel-input {height: 100%;}
.dockingLayoutBody .outputPanel-content {}
.dockingLayoutBody .jobMonitoringPanel-head { border: none; }

.dockingLayoutBody .jqx-layout-group-auto-hide-content-horizontal .imgPanel-content,
.dockingLayoutBody .jqx-layout-group-auto-hide-content-horizontal .inputPanel-content,
.dockingLayoutBody .jqx-layout-group-auto-hide-content-horizontal .outputPanel-content {background: #fff;}

.dockingLayoutBody > .jqx-window .imgPanel-content,
.dockingLayoutBody > .jqx-window .inputPanel-content,
.dockingLayoutBody > .jqx-window .outputPanel-content {/* width: calc(100% - 30px); height: calc(100% - 30px); margin: 15px auto; */ background: #fff; padding: 15px; box-sizing: border-box;}

.dockingLayoutBody button {outline: none;}
.dockingLayoutBody .panner-head {text-align: right; background-color: #fff; padding: 10px 15px; border-bottom: 1px solid #f2f2f2 !important;}
.dockingLayoutBody .panner-head.imgPanel-head { }
.dockingLayoutBody .panner-head.inputPanel-head {}
.dockingLayoutBody .panner-head.outputPanel-head {}
/* .dockingLayoutBody .panner-head + div {max-height: calc(100% - 47px);} */
.dockingLayoutBody [class^=jqx-layout-group-] .jqx-widget.jqx-ribbon.jqx-layout-group-document > .jqx-widget-content .jqx-ribbon-content-section > div.panner-head.imgPanel-head {border-bottom-width: 2px !important;}

.dockingLayoutBody .panner-head .selectselbox-area-form.open .viewToggle {top: 0px;}
.dockingLayoutBody .mCSB_outside+.mCSB_scrollTools {right: 5px;}
.dockingLayoutBody .panner-head + .outputPanel-content {}
.dockingLayoutBody .panner-head + .outputPanel-content.mCustomScrollbar {}
.dockingLayoutBody .outputPanel-content.mCustomScrollbar .mCSB_inside .mCSB_scrollTools {right: -5px;}
.dockingLayoutBody .selectselbox-area-form {}
.dockingLayoutBody div#botToolbar { padding: 5px; min-height:23px;float: right !important;gap: 6px;}
.dockingLayoutBody div#botToolbar .bot-tool{width: max-content;padding: 0 10px 0 10px;border: solid 1px #f2f2f2;border-radius: 4px;cursor: pointer;}
.dockingLayoutBody div#botToolbar .bot-tool:hover{background: #f7f7f7}
.dockingLayoutBody div#botToolbar .bot-tool.btnVdiReboot {}
.dockingLayoutBody div#botToolbar .bot-tool.btnBotLock {}
.dockingLayoutBody div#botToolbar .bot-tool.btnBotUnlock {}
.dockingLayoutBody div#botToolbar .bot-tool.btnExpandToOrg {}
.dockingLayoutBody div#botToolbar .bot-tool.btnFitToWidth {}
.dockingLayoutBody div#botToolbar .bot-tool.btnBotStop {}
.dockingLayoutBody div#botToolbar .bot-tool.btnBotResume {}
.dockingLayoutBody span.toolbardesc { position: absolute; float: right; right: 10px; top: 10px; color: #000000; font-weight: 500; }
.dockingLayoutBody div#jobHistoryGrid.jqx-grid { max-height: none !important; }
/* job 실행 팝업 */
#jobGrid div.jqx-grid-cell-filter { background-color: rgb(255, 255, 255); }
#jobGrid div.jqx-grid-cell-filter.jqx-grid-cell-selected { background-color: rgba(77, 150, 157, 0.05);}
#jobGrid div.jqx-grid-cell-filter.jqx-grid-cell-hover { background-color: rgba(0, 0, 0, 0.03);}
/* img 아이콘 표시 div */
div.foreground_process_icon { background-image: url(../img/rpa_img/ic-process-n.svg); background-size: contain; background-repeat: no-repeat; margin-left: 4px; width:20px; height: 20px; display: inline-block; cursor: pointer; vertical-align: middle; }
div.foreground_process_icon:not(.default-cursor):hover { background-image: url(../img/rpa_img/ic-process-n-hover.svg); }
div.headless_process_icon { background-image: url(../img/rpa_img/ic-process-h.svg); background-size: contain; background-repeat: no-repeat; margin-left: 4px; width:20px; height: 20px; display: inline-block; cursor: pointer; vertical-align: middle; }
div.headless_process_icon:not(.default-cursor):hover { background-image: url(../img/rpa_img/ic-process-h-hover.svg); }
div.process_flow_icon { background-image: url(../img/rpa_img/ic-workflow.svg); background-size: contain; background-repeat: no-repeat; margin-left: 4px; width:20px; height: 20px; display: inline-block; cursor: pointer; vertical-align: middle; }
div.process_flow_icon:not(.default-cursor):hover { background-image: url(../img/rpa_img/ic-workflow-hover.svg); }
/* Object 관리 */
div.icon-img {background-size: contain; background-repeat: no-repeat; margin-left: 4px; width:20px; height: 20px; display: inline-block; cursor: pointer; vertical-align: middle; padding-right:10px;}
div.process_icon { background-image: url(../img/rpa_img/ic-process-n.svg); }
div.workflow_icon { background-image: url(../img/rpa_img/ic-workflow.svg);}
div.task_icon { background-image: url(../img/rpa_img/ic-task.svg);}
div.event_icon { background-image: url(../img/rpa_img/ic-event.svg);}
div.headless_process_icon { background-image: url(../img/rpa_img/ic-process-h.svg);}
/*.detail_view_line_icon:hover { background-image: url(../img/rpa_img/detail_view_picto_30.png); }
.detail_view_line_icon { background-image: url(../img/rpa_img/detail_view_line_30.png); background-size: contain; background-repeat: no-repeat; margin-left: 4px; width:19px; height: 19px; display: inline-block; cursor: pointer; vertical-align: middle; }
.detail_view_line_icon:hover { background-image: url(../img/rpa_img/detail_view_picto_30.png); }*/
/*.job_stop_icon { background-image: url(../img/common/job-stop-normal.png); background-size: contain; background-repeat: no-repeat; margin-left: 4px; width:24px; height: 24px; display: inline-block; cursor: pointer; vertical-align: middle; }
.job_stop_icon:hover { background-image: url(../img/common/job-stop-over.png); }
.job_stop_icon:active { background-image: url(../img/common/job-stop-disable.png); }*/
div p.jobMonBtnArea {width:28px; height:28px;}
div span.jobMonBtn { background: url(../img/common/job-stop-normal.svg) no-repeat; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px 14px; margin: 5px 5px; cursor:pointer; }
div span.jobMonBtn:hover {background: url(../img/common/job-stop-over.svg) no-repeat; }
div span.jobMonBtn:active {background: url(../img/common/job-stop-disable.png) no-repeat;}
/* jobHistoryGrid width 조정 */
div#jobHistoryGrid div.jqx-grid-cell-left-align { width: calc(100% - 10px) !important; }
/*div#jobHistoryGrid.jqx-grid div[role=row] div.hoverchildvisible div.iconchild { display: none; padding-top:11.5px; }
div#jobHistoryGrid.jqx-grid div[role=row]:hover div.hoverchildvisible div.iconchild { display: flex; }*/
/*div#jobHistoryGrid.jqx-grid .jqx-grid-cell-selected div.hoverchildvisible div.iconchild { display: none; padding-top:11.5px; }*/
/*div#jobHistoryGrid.jqx-grid .jqx-grid-cell-hover div.hoverchildvisible div.iconchild { display: flex; }*/
/*div#jobHistoryGrid div.hoverchildvisible div.iconchild { display: none; padding-top:11.5px; }
div#jobHistoryGrid div.hoverchildvisible:hover div.iconchild { display: flex; }*/
div#jobHistoryGrid div.hoverchildvisible div.contentchild { padding-top:11.5px; width:calc(100% - 24px) !important; }
div#ocrHistoryGrid img.scheduledtime {padding-right: 5px;content: url(../img/rpa_img/ic-time.png); }

/* jobHierarchicalPopup 관련 */
#jobHierarchicalMonitoringGridArea.jqx-grid-area .jqx-grid .jqx-widget-content [role=row] { display: table-row; }
#jobHierarchicalMonitoringGridArea { width: 64.75%; float: left; }
#divJobDetailArea { width: 34.75%; float:right; height: 100%; }
#tablejobHierarchicalTreeGrid.jqx-grid-table { border-collapse: collapse; border-top-width: 0px; }
#tablejobHierarchicalTreeGrid.jqx-grid-table td { border-top-width: 0px; padding: 9px 0px; }
#tablejobHierarchicalTreeGrid.jqx-grid-table td .jqx-icon-arrow-down { background-color: transparent; }
#tablejobHierarchicalTreeGrid.jqx-grid-table td .jqx-icon-arrow-right { background-color: transparent; }
#tablejobHierarchicalTreeGrid.jqx-grid-table td span { vertical-align: middle; }
img.openPopupFunctionBtn { padding-left:4px;padding-top:1px;width:18px;height:18px;vertical-align:middle; }
#tablejobHierarchicalTreeGrid.jqx-grid-table td div > span.textpadding { padding-left: 4px; }
#tablejobHierarchicalTreeGrid.jqx-grid-table td div.displayinline { display: inline; }
#tablejobHierarchicalTreeGrid.jqx-grid-table td div.displayellipsisname { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
div.divJobHierarchicalBlockArea > div { min-height:650px; display: inline-block; box-sizing: border-box; background-color: #ffffff; padding: 6px 15px; border: 1px solid #ededed;}
div.pop_cont[name="jobHierarchicalDetailContent"] { background-color: #ffffff; }
.divJobDetailTableArea table.table-border { border-width: 0; }
.divJobDetailTableArea table.table-border th,
.divJobDetailTableArea table.table-border td { background-color: #ffffff; border-width: 0; padding: 5px; }
.divJobDetailTableArea table.table-border td > input:disabled,
.divJobDetailTableArea table.table-border td > textarea:disabled { font-size: 13px !important; padding: 0 !important }
.divJobDetailTableArea table.table-border td > span { font-size: 13px !important; }
.divJobDetailTableArea table.table-border th > span { font-size: 14px !important; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.8); }
.divJobDetailTableArea table.table-border td > span.containsimgicon > img,
.divLicenseEtcInfoArea table.table-border td span.containsimgicon > img,
#divActivateLicenseInfo table.table-border td span.containsimgicon > img { cursor:pointer; padding-top:0px; vertical-align:sub; }
.divJobDetailTableArea table.table-border td > span.containsimgicon > img.hide,
.divLicenseEtcInfoArea table.table-border td span.containsimgicon > img.hide,
#divActivateLicenseInfo table.table-border td span.containsimgicon > img.hide { display:none; }
/* flowChart property 관련 */
div#popupProperty,
div#objectFlowPopupProperty { background-color: #ffffff; /*border: none; box-shadow: none;*/ border: solid 2px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);}
/*div#popupProperty svg.popoversvg > g.inner > path,
div#objectFlowPopupProperty svg.popoversvg > g.inner > path { cursor: default !important; }
div#popupProperty svg.popoversvg > g.inner > path.pathouterstroke,
div#objectFlowPopupProperty svg.popoversvg > g.inner > path.pathouterstroke { stroke:#5B5B5B;stroke-opacity:1;stroke-width:3;fill:transparent; }*/
svg.objectflowmainsvg > path.pathoverridestroke { cursor: pointer; }
svg.objectflowmainsvg > path.pathoverridestroke,
div#popupProperty svg.popoversvg > g.inner > path.pathoverridestroke,
div#objectFlowPopupProperty svg.popoversvg > g.inner > path.pathoverridestroke { fill: transparent; }
svg.objectflowmainsvg > path.pathoverridestroke.selected { fill: #e4e6ec; opacity: 0.5; }
div#popupProperty table.table-property,
div#objectFlowPopupProperty table.table-property { margin-top:-4px; background-color: #ffffff; display:inline-block; overflow-y: auto; /*border: solid 2px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1); border-top-width: 0px;*/ }
div#popupProperty table.table-property th > span,
div#objectFlowPopupProperty table.table-property th > span { font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: rgba(0, 0, 0, 0.8); }
div#popupProperty table.table-property td,
div#objectFlowPopupProperty table.table-property td { font-size: 13px; }

#faro_confirm > div.pop_haeder > h1 > strong {color: rgba(0, 0, 0, 0.8);font-size: 24px; font-weight: bold; line-height: 1.5;}
.jobwhitebox span.jobsMonBtn{ background: url(../img/common/job-stop-normal.svg) no-repeat; line-height: 12px;   position: absolute;right: 2%;top: 37px; display: inline-block; padding: 14px 14px; margin: 5px 5px; cursor:pointer; }

input[type="password"]::-ms-clear, input[type="password"]::-ms-reveal {display: none;}
#show_password path.eye_closed { display: inherit; }
#show_password path.eye_opened { display: none; }
#show_password.open path.eye_closed { display: none; }
#show_password.open path.eye_opened { display: inherit; }

#show_per_bot_password path.eye_closed { display: inherit; }
#show_per_bot_password path.eye_opened { display: none; }
#show_per_bot_password.open path.eye_closed { display: none; }
#show_per_bot_password.open path.eye_opened { display: inherit; }

div.secure_data_div path.eye_closed { display: inherit; }
div.secure_data_div path.eye_opened { display: none; }
div.secure_data_div span.open path.eye_closed { display: none; }
div.secure_data_div span.open path.eye_opened { display: inherit; }

#show_loginPassword path.eye_closed, #show_oldPassword path.eye_closed, #show_newPassword path.eye_closed, #show_confirmPassword path.eye_closed { display: inherit; }
#show_loginPassword path.eye_opened, #show_oldPassword path.eye_opened, #show_newPassword path.eye_opened, #show_confirmPassword path.eye_opened { display: none; }
#show_loginPassword.open path.eye_closed, #show_oldPassword.open path.eye_closed, #show_newPassword.open path.eye_closed, #show_confirmPassword.open path.eye_closed { display: none; }
#show_loginPassword.open path.eye_opened, #show_oldPassword.open path.eye_opened, #show_newPassword.open path.eye_opened, #show_confirmPassword.open path.eye_opened { display: inherit; }

.pad-left20 {
    padding-left: 20px !important;
}

.pad-left10 {
    padding-left: 10px !important;
}

.pad-left0 {
    padding-left: 0px !important;
}

.ico-processflow-delete {
    background-image: url(../img/rpa_img/delete.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    background-position-x: center;
}
div.search:has( > input),div.searchStyle1:has( > input) {outline:none;border-radius: 4px;}
.jqx-input:not(.jqx-datetimeinput), input[type=password].jqx-input:not(.jqx-datetimeinput), input[type=text], input[type=number],input[type=password], textarea {outline: none;border-radius: var(--rpa-default-border-radius);}

.jqx-dropdownlist-state-normal:not(.jqx-dropdownlist-state-disabled,.jqx-fill-state-pressed,.warn-input):hover,
.jqx-datetimeinput:not(.jqx-fill-state-disabled,.jqx-fill-state-focus):hover,
.jqx-combobox:not(.jqx-combobox-state-disabled,.jqx-combobox-state-selected,.warn-input):hover,
div.search:has( > input:hover),div.searchStyle1:has( > input:hover) {border: solid 1px #aeaeaf !important;}

.jqx-dropdownlist-state-normal.jqx-fill-state-pressed:not(.warn-input,.jqx-rc-b-expanded),
.jqx-datetimeinput.jqx-fill-state-focus,
.jqx-combobox.jqx-combobox-state-selected:not(.warn-input),
div.search:has( > input:focus),div.searchStyle1:has( > input:focus) {border: 1px solid #3b67ff !important;}

.warn-input { border: 1px solid var(--rpa_red) !important; }
.warn-label{ color : var(--rpa_red) !important; }
input.jqx-widget.jqx-listbox-filter-input.jqx-input.jqx-rc-all:hover,
input[type=number]:not(.jqx-datetimeinput,[readonly]):hover,
input[type=password]:not(.jqx-datetimeinput,[disabled],[readonly]):hover,
input[type=text]:not(.warn-input,.invalid-value,.jqx-datetimeinput,[disabled],[readonly],.invalid):hover,
textarea:not([readonly]):hover {border: 1px solid #aeaeaf;}
input.jqx-widget.jqx-listbox-filter-input.jqx-input.jqx-rc-all:focus,input[type=number]:not(.jqx-datetimeinput):focus,input[type=password]:not(.jqx-datetimeinput,[disabled],[readonly]):focus, input[type=text]:not(.warn-input,.invalid-value,.jqx-datetimeinput,[disabled],[readonly],.invalid):focus, textarea:not([readonly]):focus {border: 1px solid #3b67ff;}

.select3 .labelTxt:hover{color: rgba(0,0,0,0.6)}
:root {
    --rpa-primary : #030d3b;
    --rpa-primary-hover : #293158;
    --rpa-primary-selected : #2e469a;
    --rpa-selected-color:#3b67ff;
    --rpa-selected-background:#f0f3fc;
    --rpa-default-border-radius:4px;
    --rpa-default-pop-border-radius:8px;
}

.task-card-status-badge{
    width: 11px;
    height: 11px;
    vertical-align: baseline;
    border-radius: 15px;
    margin-right: 5px;
    margin-bottom: 1px;
}
.task-card-status-badge.assigned{
    background: #3b67ff;
}
.task-card-status-badge.ongoing{
    background: #2e469a;
}
.task-card-status-badge.completed{
    background: #10d68a;
}
.task-card-status-badge.timeout{
    background: #999999;
}
.task-card-status-badge.cancel {
    background: #ed4839;
}
.task-receiver-value{
    font-weight: 300;
    font-size: 13px;
    color: #333;
    height: 20px;
    line-height: 18px;
    margin-bottom: 6px;
}

#faro_confirm{border-radius: 8px;}
.pop_haeder{border-radius: 8px;}
.pop_cont{border-radius: 8px;}
#popup{border-radius: 8px;}
.pop_wrap .pop_haeder h1{ font-weight: bold; font-size:24px; font-family: "Noto Sans KR", Arial, sans-serif;}

.jqx-calendar td {
    width: 10% !important;
}

.ico-plus-dark {background-image: url(../img/rpa_img/ic-plus-dark.svg); background-position: 0 4px; background-repeat: no-repeat; padding-left: 20px;}