@charset "utf-8";

@font-face {
    font-family: 'notokr-black';
    src: url('/fonts/notosanskr-black.woff2') format('woff2'),
         url('/fonts/notosanskr-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'notokr-bold';
    src: url('/fonts/notosanskr-bold.woff2') format('woff2'),
         url('/fonts/notosanskr-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'notokr-demilight';
    src: url('/fonts/notosanskr-demilight.woff2') format('woff2'),
         url('/fonts/notosanskr-demilight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'notokr-light';
    src: url('/fonts/notosanskr-light.woff2') format('woff2'),
         url('/fonts/notosanskr-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'notokr-medium';
    src: url('/fonts/notosanskr-medium.woff2') format('woff2'),
         url('/fonts/notosanskr-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'notokr-regular';
    src: url('/fonts/notosanskr-regular.woff2') format('woff2'),
         url('/fonts/notosanskr-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'notokr-thin';
    src: url('/fonts/notosanskr-thin.woff2') format('woff2'),
         url('/fonts/notosanskr-thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* layout */
/* body {margin:0;font-family: 'notokr-medium';}  */
body {margin:0;} 
iframe#main_top {height:80px !important;}
a, a:hover, a:focus {color: inherit;text-decoration: none;transition: all 0.3s;}
.navbar {padding: 15px 10px;background: #fff;border: none;border-radius: 0;margin-bottom: 40px;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);}
.navbar-btn {box-shadow: none;outline: none !important;border: none;}
.line {width: 100%;height: 1px;border-bottom: 1px dashed #ddd;margin: 40px 0;}
i, span {display: inline-block;}

.wrapper {display: flex;align-items: stretch;}
#sidebar {/*min-width: 260px;max-width: 260px;*/background: #fff;color: #000;transition: all 0.3s;}
#sidebar.active {min-width: 80px;max-width: 80px;text-align: center;}
#sidebar.active .sidebar-header h3, #sidebar.active .CTAs {display: none;}
#sidebar.active .sidebar-header strong {display: block;}
#sidebar ul li a {text-align: left;}
#sidebar.active ul li a {padding: 20px 10px;text-align: center;font-size: 0.85em;}
#sidebar.active ul li a i {margin-right: 0;display: block;font-size: 1.8em;margin-bottom: 5px;}
#sidebar.active ul ul a {padding: 10px !important;}
#sidebar.active .dropdown-toggle::after {top: auto;bottom: 10px;right: 50%;-webkit-transform: translateX(50%);-ms-transform: translateX(50%);transform: translateX(50%);}
#sidebar .sidebar-header {padding: 20px 30px;background: #ffffff;color:#000;}
#sidebar .sidebar-header h3 {font-size:18px;line-height:24px;letter-spacing:-1px;padding-left:50px;background-size:40px auto;}
#sidebar .sidebar-header strong {display: none;font-size: 1.8em;}
#sidebar ul.components {}
#sidebar ul li a {padding: 15px 30px 14px 30px;font-size: 18px;display: block;color:#333;}
#sidebar ul li a i {margin-right: 18px;}
/* #sidebar ul li.active>a, a[aria-expanded="true"] {border-left:3px solid #CB2B11;color: #000;font-size:18px;font-weight:bold;background: #f4f4f4;} */
#sidebar ul li.active>a, a[aria-expanded="true"] {border-left:3px solid #3546AB;color: #000;font-size:18px;font-weight:bold;background: #f4f4f4;}
#sidebar a[data-toggle="collapse"] {position: relative;}
#sidebar ul li .dropdown-toggle::after {display: block;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);border-top: .3em solid #999;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent}
#sidebar ul li.active .dropdown-toggle::after, #sidebar ul li a[aria-expanded="true"].dropdown-toggle::after {border-top:0;border-bottom: .3em solid #000;}
#sidebar ul ul a {font-size: 14px !important;padding: 10px 30px !important;background: #f9f9f9;color:#000;}
#sidebar ul ul a.on {background: #CB2B11;color:#ffffff !important}
#sidebar #sidebarCollapse {display:none;}

@media (max-width: 80px) {
    #sidebar {min-width: 80px;max-width: 80px;text-align: center;margin-left: -80px !important;}
    .dropdown-toggle::after {top: auto;bottom: 10px;right: 50%;-webkit-transform: translateX(50%);-ms-transform: translateX(50%);transform: translateX(50%);}
    #sidebar.active {margin-left: 0 !important;}
    #sidebar .sidebar-header h3,
    #sidebar .CTAs {display: none;}
    #sidebar .sidebar-header strong {display: block;}
    #sidebar ul li a {padding: 20px 10px;font-size:14px;}
    #sidebar ul li a span {font-size: 0.85em;}
    #sidebar ul li a i {margin-right: 0;display: block;}
    #sidebar ul ul a {padding: 10px !important;}
    #sidebar ul li a i {font-size: 1.3em;}
    #sidebar {margin-left: 0;}
    #sidebarCollapse span {display: none;}
}
#new_wrap {width:100%; min-height:500px;}
#gnb {width:100%; height:80px;}
#gnb #top_logo {width:320px; position:absolute;left:30px;top:22px;}
#gnb #top_logo a {text-decoration:none;color: #333;font-weight:bold;font-size:18px;letter-spacing: -1px;line-height: 32px;}
#gnb #top_logo a img {margin:-4px 7px 0 0;vertical-align:middle;}
#gnb #use_descri {position:absolute;right:90px;top:28px;}
#gnb #use_descri ul {margin-top:0;}
#gnb #use_descri li {display:inline;}
#gnb #use_descri li .top_noti {position:relative;display:inline-block;width:24px;height:24px;margin:-2px 30px 0 0;background:url('/images/ecs/icon/Icon-Top-notice.png') no-repeat 50% 50%;background-size:16px auto;vertical-align:middle;}
#gnb #use_descri li .top_noti.noti_new:before {content:'';position:absolute;right:0;top:0;display:inline-block;width:12px;height:12px;background:url('/images/ecs/icon/Icon-Top-notice-on.png') no-repeat 0% 0%;background-size:12px auto;}
#gnb #use_descri li .top_logout {padding:0 0 0 0;font-size:15px;color:#000;/* background:url('/images/ecs/icon/Icon-Top-down.png') */ no-repeat 100% 50%;background-size:11px auto;}
.card {border:none;background-color:transparent}
.card-header {padding:5 0 0 0;border-bottom:none;background:none;font-size:18px;color:#111;font-weight:bold;}
.card-body {padding:5 0 0 0;background: #FFFFFF;border-radius:4px;}
.card-body.ty2 {background:#f5f5f5;box-shadow:none;}
.card-body.ty3 {background:#111111;box-shadow:none;}
.row {margin:0;}
.modal.fade .modal-dialog {box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.5);border-radius: 4px;}
/* .modal.fade.show { overflow: hidden;padding-right:0px;}	 */
.modal.fade.show { overflow-x: hidden;padding-right:0px;}

/* dataTable */
#dataTable.black-theme thead tr td, .black-theme tbody tr td{background-color:#212529 !important;color:#fff !important;}
#dataTable_paginate.black-theme .paginate_button.current {border:1px solid #000000 !important; color:#fff !important; background:#212529 !important; }
.dataTables_wrapper .dataTables_paginate {display:block;padding:10px 0 0 0;float:none;text-align:center;}
.dataTables_wrapper .dataTables_paginate .paginate_button {/* width:35px; */height:35px;margin:0 0 0 5px;padding:0 12px;border:1px solid #DEDEDF;border-radius:4px;color:#999 !important;font-size:14px;line-height:33px;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {border:1px solid #CB2B11 !important;background:#CB2B11 !important; color:#fff !important}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_pag	inate .paginate_button.current:hover {border:1px solid #CB2B11;color:#CB2B11 !important;background:#fff;}

table.dataTable {border:1px solid #DEDEDF;border-radius:5px; font-family: 'notokr-regular', sans-serif;}
table.dataTable thead th:first-child, table.dataTable thead td:first-child {border-radius:5px 0 0 0;}
table.dataTable thead th:last-child, table.dataTable thead td:last-child {border-radius: 0 5px 0 0;}
table.dataTable tbody tr:last-child th:first-child, table.dataTable tbody tr:last-child td:first-child {border-radius:0 0 0 5px;}
table.dataTable tbody tr:last-child th:last-child, table.dataTable tbody tr:last-child td:last-child {border-radius: 0 0 5px 0;}
table.dataTable thead th, table.dataTable thead td {padding:1 2 1 2;border-bottom:1px solid #DEDEDF;text-align:center;color:#111;background: #F9FAFB;font-weight:bold;}
table.dataTable tbody th, table.dataTable tbody td {padding:1 2 1 2;color:#333;font-size:14px;cursor:pointer;}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {background:#fff}
table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even {background:#fff;}
table.dataTable.display tbody tr.even.selected {background:#B0BED9;}
table.dataTable.display tbody.no-selected-color tr.even.selected {background-color:#fff;}
table.dataTable.display tbody.no-selected-color tr.odd.selected {background-color:#fff;}
table.dataTable.no-footer {border-bottom:none;}
table.dataTable tbody tr:last-child th, table.dataTable tbody tr:last-child td {border-bottom:1px solid #DEDEDF;}
table.dataTable.display tbody.no-selected-color .cursorPointer:hover {cursor: pointer;background:#8c9aa4;}
table.dataTable.display tbody.no-selected-color tr#undefined .cursorPointer:hover {cursor:auto;background:#fff;}

.table thead th {background:#F9FAFB;} 
.table thead th, .table thead td {border-bottom:1px solid #DEDEDF;text-align:center;color:#111;font-size:14px;background: #F9FAFB;}
.table tbody th, .table tbody td {color:#333;font-size:14px;vertical-align:middle;}
.table.table-striped tbody tr:nth-of-type(odd) {background:#fff;}
.table.table-striped tbody tr:nth-of-type(even) {background:#fff;}
.table.table-striped {border: 1px solid #DEDEDF;border-top:none;}
.table.table-striped tbody th {border-right: 1px solid #DEDEDF;border-left: 1px solid #DEDEDF; background-color:#f9fafb;}

/* Text */
.control-label {margin-top:5px;margin-bottom:15px;font-size:0.9rem;}
.control-text  {margin-top:5px;border:0px;color:#333;font-size:0.9rem;height:30px;text-align:center;}
.control-text1 {margin-top:0px;border:0px;color:#333;font-size:0.9rem;text-align:center;}
.control-tab   {margin-top:0;font-size:0.9rem;}

/* form */
/* .form-group, .form-inline .form-group {margin-bottom:20px;} */
.form-group, .form-inline .form-group {margin-bottom:10px;}
.form-group.card-body-title {margin:0 -30px 20px -30px}
.form-group.card-body-title h5 {display:block;width:100%;margin:0;padding:0 30px 25px;position:initial !important;border-bottom:1px solid #e5e5e5;}
.form-group.card-body-title h5 span {font-size:24px;color:#111;}
.form-group.card-body-title h5 i {display:none;}
.form-group.card-body-title h5 .form-inline.float-right .hasDatepicker {padding:10px 25px 9px 10px}
.form-control:focus {border-color:#CB2B11;box-shadow:none;}
.form-control {height:35px;border:1px solid #DEDEDF;border-radius:4px;color:#333;font-size:14px;}
.form-control:focus {outline: none !important;}
.form-control:disabled, .form-control[readonly] {border:1px solid #DEDEDF;background: #F5F5F5;}
.form-control::placeholder {color:#999 !important;}

/* input */
input:focus,textarea:focus, a:focus,button:focus {outline:none;}
input:-internal-autofill-selected {background-color:#fff !important;}
input.hasDatepicker {height:35px;margin:0 0 0 0;padding:6px 33px 8px 16px;border:1px solid #DEDEDF;border-radius:4px;color:#999;font-size:14px;background:url('/images/ecs/icon/icon-input-calender.png') no-repeat 92% 50%;background-size:14px auto;}
input.hasDatepicker + img {display:none;}

/* checkbox */
input[type="checkbox"].checkbox {width:17px; height:17px; margin-top:-2px; border:1px solid #D4D4D5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#fff; -webkit-appearance:none;vertical-align:middle;
-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
input[type="checkbox"].checkbox:checked {background:url('/images/ecs/icon/UI-Checkbox-on.png') no-repeat 50% 50%; background-size:12px auto; border-color:#ff6c39; }
input[type="checkbox"].checkbox[disabled="disabled"] + label {color:#999;}
label.checkbox {margin:0 0 0 4px;color:#999;font-size:14px;}
input[type="checkbox"].checkbox:checked + label {color:#111;}

/* radio */
input[type="radio"].radio { width:16px; height:16px; margin-top:-4px; margin-left:12px; margin-right:2px; border:1px solid #D6D6D7;-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#fff; -webkit-appearance:none;vertical-align:middle;
-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
input[type="radio"].radio:checked { background:url('/images/ecs/icon/UI-Radiobox-on.png') no-repeat 50% 50%; background-size:8px auto;}
label.radio {color:#999;font-size:14px;}
input[type="checkbox"].radio:checked + label {color:#111;}

/* 버튼 */
.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show>.btn-default.dropdown-toggle {background:#CB2B11;border:1px solid #CB2B11;color:#fff;box-shadow:none;outline:none;}
.btn-outline-secondary.focus, .btn-outline-secondary:focus, .btn-default.focus, .btn-default:focus {border-color:#CB2B11;box-shadow:none;color:#CB2B11;}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle,
.btn.btn-outline-secondary, .btn.btn-default {border:1px solid #ccc;border-radius:4px;color:#333;font-family:'notokr-medium';font-size:13px;}
.btn.btn-outline-secondary:hover, .btn.btn-default:hover {color:#CB2B11;background:#fff;border:1px solid #CB2B11;}
.btn-primary, .btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {border:1px solid #CB2B11;background:#CB2B11;border-radius:4px;font-size:14px;}
.btn-primary.focus, .btn-primary:focus {box-shadow:none;}
.btn-primary-noactive, .btn-primary-noactive:hover,
.btn-primary-noactive:not(:disabled):not(.disabled).active, .btn-primary-noactive:not(:disabled):not(.disabled):active, .show>.btn-primary-noactive.dropdown-toggle {border:1px solid #CB2B11;background:#CB2B11;border-radius:4px;font-size:14px;}
.btn-primary-noactive.focus, .btn-primary-noactive:focus {box-shadow:none;}
.btn.btn-outline-secondary.btn-type-blue {border:1px solid #2185D0;color:#2185D0;}
.btn.btn-outline-secondary.btn-type-blue:hover {color:#fff;background:#2185D0;border:1px solid #2185D0;}
.btn.btn-outline-secondary.btn-type-red {border:1px solid #2185D0;color:#CB2B11;}
.btn.btn-outline-secondary.btn-type-red:hover {color:#fff;background:#2185D0;border:1px solid #2185D0;}

.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.filebox label {display: inline-block;margin-bottom:0;padding:.375rem .75rem;color: #333;font-size: 14px;line-height: normal;vertical-align: middle;background-color: #fdfdfd;cursor: pointer;border: 1px solid #dededf;border-radius: 4px;}
.filebox .upload-name {display: inline-block;min-width:180px;padding:.375rem .75rem;font-size: 14px;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #fff;border: 1px solid #dededf;border-radius: 4px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

/* DatePicker */
.ui-widget-header {border:none;background:#fff;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:40%;height:28px;border:1px solid #DEDEDF;vertical-align:top;}
.ui-datepicker select.ui-datepicker-month {width:35%;margin-left:5px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{padding:5px 0 7px 0;border:1px solid #fff;background:#fff;color:#333;text-align:center;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, a.ui-button:hover, .ui-button:hover, .ui-button.ui-state-active:hover
{padding:5px 0 7px 0;border:1px solid #e5e5e5;border-radius:4px;background:#e5e5e5;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{padding:5px 0 7px 0;border:1px solid #CB2B11;border-radius:4px;background:#CB2B11;color:#fff;font-weight:bold;}

/* 조직도 */
/* .jstree-default .jstree-open>.jstree-ocl {background-position:-68px -4px}*/
.jstree-default .jstree-clicked {background:none;box-shadow:none;}
.jstree-default .jstree-anchor {font-size:12px;color:#333;}

/* login - full */
.login-wrapper {height: 100vh;}
.login-wrapper:after {content:'';display:block;width:100%;height:180px;position: absolute;left:0;bottom:15%;background:#1e2c5d;z-index:-10}

.login-form {width:500px;padding:40px 50px;border-radius:8px;background:#fff;box-shadow:0 5px 12px rgba(0, 0, 0, 0.5);}
.login-form h2 {margin-bottom:30px;text-align:center;font-size:28px;color:#000;font-weight:bold;letter-spacing:-2px;}
.login-form h3 {margin-bottom:30px;text-align:center;font-size:18px;color:#999;font-weight:normal;letter-spacing:-1px;}
.login-form p {margin:46px 0 0 0;text-align:center;font-size:14px;color:#999;}
.login-form .form-group.form-group-last {margin-top:30px;}
.login-form .form-group label {color:#666;font-size:14px;}
.login-form .form-group .btn-primary {padding:16px 0 15px 0;font-size:18px;font-weight:bold;}
.login-form .form-group .btn-primary:active {padding:16px 0 15px 0;font-size:18px;font-weight:bold;}
.login-form .form-group .btn-primary-noactive {padding:16px 0 15px 0;font-size:18px;font-weight:bold;}
.login-form .login-form-btn {clear:both;overflow:hidden;margin-bottom:30px;}
.login-form .login-form-btn a {display:inline-block;float:left;width:48%;}
.login-form .login-form-btn a:last-child {float:right;margin-left:2%;}
.login-wrap .txt-copyright {margin-top:30px;font-size:12px;color:#999;}
.login-form .form-group.form-group-last.ty2 {margin-top:15px;margin-bottom:0;}
.login-form .form-group.form-group-last.ty2 .btn {font-size:16px;}
.login-form .form-group.form-group-last.ty2 .btn:before {content:'';display:inline-block;width:16px;height:16px;margin:-2px 5px 0 0;vertical-align:middle;border:1px solid red;}

/* login - center */
.bg-login-left { background:url('/images/egovframework/com/cmm/main/bg-login-right.png') no-repeat 0 0;background-size:cover; }
@media (min-width: 768px) {
    .h-md-100 { height: 100vh; }
}
.bg-login-left .login-leftbox {width:80%;padding:25% 0 0 10%}
.bg-login-left .login-leftbox p {margin-bottom:5px;color:#fff;line-height:1.4em;}
.bg-login-left .login-leftbox .txt1 {font-size:36px;font-weight:bold;}
.bg-login-left .login-leftbox .txt2 {margin-bottom:20px;font-size:30px;letter-spacing:-2px;}
.bg-login-left .login-leftbox .txt3 {font-size:58px;}
.bg-login-left .login-leftbox .txt3 span {margin-top:-10px;font-size:24px;vertical-align:top;}
.bg-login-right .login-form {width:450px;box-shadow:none;}
.bg-login-right .login-form h2 {text-align:left;color:#655B4E;}
.bg-login-right .login-form h3 {text-align:left;}

/* login - new */
.login-wrapper-ty3 .login-top-area.mainPage-area {background:#CA2A10;} /* 20191223 RGB값 1씩 뺌 : 외부모듈에서 첫페이지인지 확인 하기 위해서 */
.login-wrapper-ty3 .login-top-area {position:relative;width:100%;height:370px;padding-top:100px;text-align:center;color:#fff;background:#CB2B11;}
.login-wrapper-ty3 .login-top-area h1 {text-align:center;}
.login-wrapper-ty3 .login-top-area h1 img {vertical-align:top;}
.login-wrapper-ty3 .login-top-area h2 {font-size:40px;letter-spacing:-2px;}
.login-wrapper-ty3 .login-bottom-area {background:#F5F5F5}
.login-wrapper-ty3 .login-bottom-cont {position:relative;width:960px;margin:0 auto;padding-top:140px;}
.login-wrapper-ty3 .login-type-area {display:table;width:100%;}
.login-wrapper-ty3 .login-type-area > div {display:table-cell;width:33.3%;position:absolute;left:0;top:-110px;transition:.1s;}
.login-wrapper-ty3 .login-type-area .login-type-2 {left:33.3%;}
.login-wrapper-ty3 .login-type-area .login-type-3 {left:66.6%;}
.login-wrapper-ty3 .login-type-area > div a {position:relative;display:block;padding:24px 30px 80px 30px;box-shadow: 0px 7px 18px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 7px 18px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 7px 18px rgba(0, 0, 0, 0.1);border-radius: 8px;background:#fff;color:#111;font-size:24px;font-weight:bold;}
.login-wrapper-ty3 .login-type-area > div a:active {background:#f5f5f5;}
.login-wrapper-ty3 .login-type-area > div a strong {display:block;margin-bottom:8px;font-size:28px;}
.login-wrapper-ty3 .login-type-area .login-type-1 a {margin-right:3%;}
.login-wrapper-ty3 .login-type-area .login-type-2 a {margin-left:1.5%;margin-right:1.5%;}
.login-wrapper-ty3 .login-type-area .login-type-3 a {margin-left:3%;}
.login-wrapper-ty3 .login-type-area > div a:after {content:'';position:absolute;right:30px;bottom:25px;display:inline-block;width:40px;height:40px;}
.login-wrapper-ty3 .login-type-area .login-type-1 a:after {background:url('/images/ecs/icon/Icon-surface-visit.png') no-repeat 0 0;background-size:37px auto;}
.login-wrapper-ty3 .login-type-area .login-type-2 a:after {background:url('/images/ecs/icon/Icon-surface-pledge.png') no-repeat 100% 0;background-size:27px auto;}
.login-wrapper-ty3 .login-type-area .login-type-3 a:after {background:url('/images/ecs/icon/Icon-status-visit.png') no-repeat 100% 50%;background-size:30px auto;}
.login-wrapper-ty3 .login-info-area {position:relative;margin-bottom:40px;padding:56px 60px 40px 230px; background:#fff;border-radius: 4px;}
.login-wrapper-ty3 .login-info-area h3 {margin-bottom:20px;font-size:24px;color:#111;font-weight:bold}
.login-wrapper-ty3 .login-info-area h3 + p {margin-bottom:8px;font-size:18px;color:#333;}
.login-wrapper-ty3 .login-info-area .info-mdm-qrcode {position:absolute;left:15px;top:7px;width:204px;height:204px;}
.login-wrapper-ty3 .login-btn-area {text-align:center;}
.login-wrapper-ty3 .login-btn-area .btn-primary {display:inline-block;width:358px;height:60px;margin-top:2px;border:none;font-size:18px;background:#939393;transition:.1s;}
.login-wrapper-ty3 .login-btn-area .btn-primary:hover {margin-top:0;margin-bottom:2px;background:#767676}
.login-wrapper-ty3 .login-btn-area .btn-primary:active {background:#CB2B11;font-size:18px;}
.login-wrapper-ty3 .login-copyright-area {padding:50px 0;color:#999; font-size:14px;text-align:center;}
.login-wrapper-ty3 .login-info {width:680px;margin:0 auto;}
.login-wrapper-ty3 .login-info-form .login-ingo-btn {display:block;width:100%;text-align:center;margin:40px 0 80px 0;}

.login-step-wrap {width:960px;margin:-250px auto 0 auto;background:#fff;border-radius:4px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.1);}
.login-step-wrap .login-step {padding:35px 0;text-align:center;border-bottom:1px solid #eee;}
.login-step-wrap .login-step ul {width:640px;margin:0 auto;padding:0;clear:both;overflow:hidden;}
.login-step-wrap .login-step ul li {position:relative;float:left;display:inline-block;width:33.3334%;list-style:none;}
.login-step-wrap .login-step ul li em {display:inline-block;width:38px;height:38px;border:1px solid #999;color:#999;font-size:14px;font-style:normal;line-height:38px;border-radius:100%;}
.login-step-wrap .login-step ul li span {display:block;margin-top:9px;font-size:14px;color:#999999;}
.login-step-wrap .login-step ul li.active em {border-color:#CB2B11;color:#CB2B11;}
.login-step-wrap .login-step ul li.active span {color:#CB2B11;}
.login-step-wrap .login-step ul li:after {content:'';position:absolute;right:-75px;top:20px;display:block;width:70%;height:1px;background:#E5E5E5;}
/*.login-step-wrap .login-step ul li.active:after {content:'';position:absolute;right:-75px;top:20px;display:block;width:70%;height:1px;background:#CB2B11;}*/
.login-step-wrap .login-step ul li.active.end:after {content:'';position:absolute;right:-75px;top:20px;display:block;width:70%;height:1px;background:#CB2B11;}
.login-step-wrap .login-step ul li:last-child:after {display:none;}
.login-step-wrap .login-step ul li.end em {border-color:#CB2B11;color:rgba(0, 0, 0, 0);background:#CB2B11 url('/images/ecs/icon/Icon-step-ok.png') no-repeat 50% 50%;}
.login-step-wrap .login-info h3 {padding:30px 0 30px 45px;font-size:18px;text-align:center;}
.login-step-wrap .login-info .sub-title {display:block;width:100%;padding:20px 0 0 45px;}
.login-step-wrap .login-info .sub-title .title-in-btn {top:20px;right:30px;}
.login-step-wrap .login-info .table-cont {display:block;width:100%;padding:0 30px 0 45px;}

.loginModal .modal-dialog {margin:15.6rem auto;}
.loginModal .modal-body {padding:40px;}
.loginModal .modal-body .form-group {margin-bottom:16px;}
.loginModal .modal-body .form-group:last-child {margin-top:30px;}
.loginModal .modal-body h4 {margin-bottom:15px;font-size:26px;color:#000;text-align:center;font-weight:bold;letter-spacing:-1px;}
.loginModal .modal-body h4 + p {margin-bottom:50px;font-size:17px;color:#999;text-align:center;}
.loginModal .modal-body .btn-primary {height:60px;font-size:18px;}
.loginModal .modal-body .btn-primary:active {height:60px;font-size:18px;}

/* calendar */
.fc.fc-ltr.fc-unthemed {padding:10px 30px 70px 30px;border-radius: 4px;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);background:#FFFFFF;}
.fc-toolbar h2 {font-size:24px;color:#333;}
.fc-button.fc-button-primary {padding:6px 14px;border: 1px solid #CCCCCC;background:#FFFFFF;color:#4D4F5C;font-size:14px;}
.fc-button-primary:focus {box-shadow:none;}
.fc-button.fc-button-primary:hover {border:1px solid #CB2B11;color:#CB2B11;}
.fc-button-primary:not(:disabled).fc-button-active, .fc-button-primary:not(:disabled):active {border:1px solid #CB2B11;color:#CB2B11;background:#FFFFFF;}
.fc-toolbar.fc-header-toolbar {margin-bottom:32px;}
.fc-toolbar.fc-header-toolbar .fc-center {position:relative;margin-left:80px;}
.fc-toolbar.fc-header-toolbar .fc-center h2 {margin:0;padding:0 120px 0 50px;}
.fc-toolbar.fc-header-toolbar .fc-center .fc-button-group {position:static;}
.fc-toolbar.fc-header-toolbar .fc-center .fc-prev-button {position:absolute;left:0;top: 20px;width:35px;height:35px;border-radius: 4px;background:url('/images/ecs/icon/Icon-btn-pre-default.png') no-repeat 50% 50%;background-size:9px auto;font-size:0;text-indent:-9999px;}
.fc-toolbar.fc-header-toolbar .fc-center .fc-next-button {position:absolute;right: 70px;top: 20px;width:35px;height:35px;border-radius: 4px;background:url('/images/ecs/icon/Icon-btn-next-default.png') no-repeat 50% 50%;background-size:9px auto;font-size:0;text-indent:-9999px;}
.fc-toolbar.fc-header-toolbar .fc-center .fc-today-button {position:absolute;right:0;top: 20px;}
.fc-toolbar.fc-header-toolbar .fc-right {padding-top:23px;}
.fc-button-group.fc-left-custum {position:absolute;left:0;top: 20px;}
.fc-row.fc-widget-header .fc-week-number,
.fc-row.fc-widget-header .fc-day-header {padding:10px 0 11px;background:#F5F5F5;}
.fc-row.fc-widget-header .fc-week-number span,
.fc-row.fc-widget-header .fc-day-header span,
.fc-row.fc-widget-header .fc-day-header a {color:#999;font-size:12px;}
.fc-dayGrid-view .fc-day-number, .fc-dayGrid-view .fc-week-number {padding:16px 15px;font-size:12px;color:#666;}
.fc-event, .fc-event-dot {padding:2px 0 2px 8px;background:#4D91FF;color:#fff !important;font-size:13px;}
.fc .fc-axis {font-size:12px;color:#666;}
.fc-timeGridDay-view .fc-row .fc-bg,
.fc-timeGridDay-view .fc-slats td.fc-widget-content {background:#f5f5f5;}
.fc-timeGridDay-view .fc-bg .fc-axis,
.fc-timeGridDay-view .fc-slats td.fc-time {background:#fff;}
.fc-unthemed .fc-list-empty {padding:10px 0;}
.fc-ltr .fc-list-heading-main,
.fc-ltr .fc-list-heading-alt, .fc-rtl .fc-list-heading-main {font-size:14px;color:#333;font-weight:normal;}
.fc-list-table td {font-size:14px;}
.calendar_top_box {position:relative;margin-bottom:30px;}
.calendar_top_box [class*="box_"] {height:105px;padding:20px 30px;border-radius: 4px;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);background:#fff;}
.calendar_top_box [class*="box_"] h4 {margin-bottom:25px;font-size:18px;color:#333;}
.calendar_top_box .box_left {margin-left:-15px;}
.calendar_top_box .box_left p {padding-top:10px;text-align:right;color:#666;font-size:24px;font-weight:bold;line-height:1.5;}
.calendar_top_box .box_left p strong {display:inline-block;margin-top:-10px;vertical-align:middle;}
.calendar_top_box .box_left p .num1 {margin:-10px 20px 0 0;color:#CB2B11;font-size:36px;}
.calendar_top_box .box_left p .num2 {margin:-10px 5px 0 20px;color:#111111;font-size:36px;}
.calendar_top_box .box_right {margin-right:-15px;}
.calendar_top_box .box_right ul {clear:both;overflow:hidden;margin:0;padding:0;}
.calendar_top_box .box_right li {float:left;display:inline-block;width:50%;padding:0;list-style:none;box-sizing:border-box;}
.calendar_top_box .box_right li a {display:block;position:relative;padding:0 20px 0px 0;font-size:14px;color:#333;}
.calendar_top_box .box_right li a span:first-child {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:80%;overflow:hidden;}
.calendar_top_box .box_right li a span:last-child {position:absolute;right:15px;top:0;color:#999;font-size:12px;line-height:20px;padding-top:2px;}
.sub-title {position:relative;}
.sub-title h6 {margin:0;padding:10px 0 20px 0;font-size:18px;color:#111;}
.sub-title h6 .icon-tooltip {display:inline-block;width:18px;height:19px;margin-top: -4px;background:url('/images/ecs/icon/Icon-img-tooltip.png') no-repeat 50% 50%;background-size:18px auto;vertical-align: middle;}
.sub-title .title-in-btn {position:absolute;right:0;top:5px;margin-bottom:0;}

/* 물품보관함 현황 */
.state-wrap {padding-top:30px;}
.state-wrap .state-box {position:relative;height:118px;margin-bottom:30px;border:1px solid #CCCCCC;border-top:3px solid #CB2B11;border-radius: 5px;}
.state-wrap .state-box:focus, .state-wrap .state-box:hover {border-color:#CB2B11;}
.state-wrap .state-box .box-number {position:absolute;left:26px;top:18px;font-size:18px;color:#666;}
.state-wrap .state-box .box-text-1 {margin:0;padding:46px 26px 2px 0;font-size:18px;color:#111;text-align:right;font-weight:bold;}
.state-wrap .state-box .box-text-2 {margin:0;padding:0 26px 0 0;font-size:14px;color:#666;text-align:right;}
.state-wrap .state-box.st-diabled {background:#F5F5F5;border:1px solid #DEDEDF;}
.state-wrap .state-box.st-diabled .box-text-1 {color:#999;}
.state-wrap .state-box.st-active {border:1px solid #CB2B11;background:#CB2B11;color:#fff;}
.state-wrap .state-box.st-active p {color:#fff;}
.state-layer-focus {position: absolute;left: 18%;top: 68%;width: 110%;z-index: 10;padding:18px 30px;border: 1px solid #CCBEA0;border-radius: 4px;background: #FFFAF3}
.state-layer-focus h5 {color: #7A4D05;font-weight:bold;}
.state-layer-focus p {margin-bottom:5px;color: #7A4D05;font-size:18px;}
.state-layer-focus .layer-close {position:absolute;right:30px;top:18px;display:inline-block;width:25px;height:25px;background:url('/images/ecs/icon/Icon-modal-close.png') no-repeat 50% 50%;background-size:24px auto;}
.state-layer-clicked {position: absolute;left: -10%;top: 72%;width: 120%;z-index: 10;padding:18px 30px;background:#FFFFFF;border-radius: 4px;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);}
.state-layer-clicked:before {content:'';display:inline-block;width:16px;height:16px;background:#fff;border: 1px solid #fff;position: absolute;left: 50%;top: -8px;margin-left: -8px;transform: rotate(45deg);}
.state-layer-clicked.ty2 {top:calc(-15% - 290px);}
.state-layer-clicked.ty2:before {top:calc(100% - 8px);}
.state-layer-clicked h5 {margin:10px 0 30px 0;font-size:18px;color:#111;font-weight:bold;}
.state-layer-clicked .layer-close {position:absolute;right:30px;top:26px;display:inline-block;width:25px;height:25px;background:url('/images/ecs/icon/Icon-modal-close.png') no-repeat 50% 50%;background-size:24px auto;} /* 닫기버튼 이미지 변경필요(#666색상) */

.bg-info {position:relative;display:inline-block;margin:0 40px 30px 0;padding:15px 25px;color: #2185D0;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);background:#fff !important;font-size:14px;}
.bg-info:before {content:'';display:inline-block;width:14px;height:14px;background:#fff;border: 1px solid #ddd;border-right:none;border-bottom:none;position: absolute;left: 10%;top: -8px;transform: rotate(45deg);}

.modal-agree-box {margin-top:30px;}
.modal-agree-box .agree-title p {display:inline-block;margin-right:15px;color:#333;}
.modal-agree-box .agree-title p + .checkbox {display:inline-block;}
.modal-agree-box .agree-text {max-height:150px;overflow-y:auto;padding:16px;border:1px solid #DEDEDF;color:#666;font-size:14px;}
.modal-agree-box .agree-text h2 {font-size:14px;color:#333;font-weight:bold;}
.modal-agree-box .agree-text p {margin:0;color:#666;font-size:14px;line-height:1.5}

.modal-agree-sign {margin-top:35px;clear:both;overflow:hidden;}
.modal-agree-sign .agree-sign-info {float:left;width:60%;}
.modal-agree-sign .agree-sign-info .agree-sign-date {font-size:18px;color:#111;}
.modal-agree-sign .agree-sign-area {float:right;width:40%;}
.modal-agree-sign .agree-sign-area p {margin:5px 0;padding:23px 0;border:1px solid #dededf;text-align:center;}
.modal-agree-sign .agree-sign-form {clear:both;overflow:hidden;}
.modal-agree-sign .agree-sign-form span {float:left;width:50%;}
.modal-agree-sign .agree-sign-form label {margin-right:10px;}
.modal-agree-sign .agree-sign-form .form-control {display:inline-block;width:60%;}

.dashboard_box {position:relative;margin-bottom:20px;}
.dashboard_box .col-md-6:first-child {padding-right:30px;}
.dashboard_box [class*="box_"] {height:105px;padding:15px 30px;border-radius: 4px;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);background:#fff;}
.dashboard_box [class*="box_"] h4 {margin-bottom:5px;font-size:18px;color:#333;}
.dashboard_box .box_wrap {position:relative;margin-left:-15px;}
.dashboard_box .box_wrap p {margin-bottom:0;padding-top:5px;text-align:left;color:#666;font-size:24px;font-weight:bold;line-height:1.5;}
.dashboard_box .box_wrap p strong {display:inline-block;margin-top:-10px;vertical-align:middle;}
.dashboard_box .box_wrap p .num1 {margin:-10px 5px 0 0;color:#111111;font-size:36px;}

.dashboard_box .box_wrap[class*="box_top"]:after {content:'';position:absolute;right:30px;bottom:15px;display:inline-block;width:30px;height:30px;}
.dashboard_box .box_wrap.box_top_1:after {background:url('/images/ecs/icon/Icon-status-visit.png') no-repeat 50% 50%;background-size:26px auto;}
.dashboard_box .box_wrap.box_top_2:after {background:url('/images/ecs/icon/Icon-status-other.png') no-repeat 50% 50%;background-size:26px auto;}
.dashboard_box .box_wrap.box_top_3:after {background:url('/images/ecs/icon/Icon-status-edit.png') no-repeat 50% 50%;background-size:22px auto;}
.dashboard_box .box_wrap.box_top_4:after {background:url('/images/ecs/icon/Icon-status-use.png') no-repeat 50% 50%;background-size:27px auto;}

/* easy-pie-chart 그리기 */
.easyPieChart { position:relative;display:inline-block;width:200px;height:200px;margin-top:20px; margin-bottom:20px;text-align:center;}
.easyPieChart.chart-widget-pie { margin-top:5px; margin-bottom:5px; }
.easyPieChart canvas { position:absolute; top:0; left:0; }
.easyPieChartPercent { display:inline-block; line-height:200px;z-index:1111; }
.easyPieChartPercent:after { content:'%';margin-left:0.1em;font-size:.8em; }
 
/* 로봇 상태조회 */
.sub-title h6 .title-state.ty1 {color:#2f59d6;}
.sub-title h6 .title-state.ty2 {color:#cb2b11;}
.sub-title h6 .title-state.ty3 {color:#343434;}
.sub-title .title-in-btn .rob-state {display:inline-block;margin-left:15px;font-size:13px;}
.sub-title .title-in-btn .rob-state:before {content:'';display:inline-block;width:12px;height:12px;margin:-2px 4px 0 0;border-radius:20px;vertical-align:middle;}
.sub-title .title-in-btn .rob-state.ty1:before {border:1px solid #e5e5e5;background:#ffffff;}
.sub-title .title-in-btn .rob-state.ty2:before {border:1px solid #009b54;background:#009b54;}
.sub-title .title-in-btn .rob-state.ty3:before {border:1px solid #cb2b11;background:#cb2b11;}
.sub-title .title-in-btn .rob-state.ty4:before {border:1px solid #2f59d6;background:#2f59d6;}
.sub-title .title-in-btn .rob-state.ty5:before {border:1px solid #ffff00;background:#ffff00;}
.sub-title .title-in-btn .rob-state.ty6:before {border:1px solid #888888;background:#ffffff;}
.rob-hour {display:table;width:100%;table-layout: fixed;margin-bottom:20px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}
.rob-hour .row {display:table-row;}
.rob-hour .row span { display:table-cell;padding:10px 0;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align:center;}
.rob-hour .row span.rob-state.ty1 {}
.rob-hour .row span.rob-state.ty2 {background:#009b54;color:#fff;}
.rob-hour .row span.rob-state.ty3 {background:#cb2b11;color:#fff;}
.rob-hour .row span.rob-state.ty4 {background:#2f59d6;color:#fff;}
.rob-hour .row span.rob-state.ty5 {background:#ffff00;color:#000;}
.rob-hour .row span.rob-state.ty6 {background:#888888;color:#fff;}

.rpa_dashboard_box {display:table;width:100%;table-layout: fixed;}
.rpa_dashboard_box .row {display:table-row;}
.rpa_dashboard_box .row .rpa_box_wrap {display:table-cell;}
.rpa_box_cont {padding:0 15px;}
.rpa_box_cont > div {margin:0 0 30px 0;border:1px solid #fff;text-align:center;}
.rpa_box_cont > div.ty1 {border:5px solid #d11d00;}
.rpa_box_cont > div.ty2 {border:1px solid #2f59d6;border-radius:5px;}
.rpa_box_cont > div.ty3 {border:5px solid #12b5ad;}
.rpa_box_cont > div.ty4 {border:1px solid #fbbf07;}
.rpa_box_cont > div.ty5 {border:1px solid #ffff00;}
.rpa_box_cont h4 {margin:15px 0;text-align:center;color:#fff;line-height:20px;}
.rpa_box_cont h4 span {display:inline-block;width:20px;height:20px;border:1px solid #fff;border-radius:100%;font-size:12px;line-height:18px;vertical-align:top;}
.rpa_box_cont .rpa-state {margin:15px 0 30px 0;}
.rpa_box_cont .rpa-state span {display:inline-block;padding:4px 20px;border-radius:20px;background:#fff;font-size:13px;}
.rpa_box_cont div.ty1 .rpa-state span {color:#d11d00;}
.rpa_box_cont div.ty2 .rpa-state span {color:#2f59d6;}
.rpa_box_cont div.ty3 .rpa-state span {color:#089e58;}
.rpa_box_cont div.ty4 .rpa-state span {color:#089e58;}
.rpa_box_cont div.ty5 .rpa-state span {color:#089e58;}
.rpa_box_cont .rpa-state-txt {padding:20px 0;border-top:1px solid #303138;}
.rpa_box_cont .rpa-state-txt p {margin:0;padding:0 10px;color:#fff;font-size:13px;}

.row div .input-group textarea {margin-bottom:5px;}

#iFrameContents {height:87vh;}