@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body {font-family: 'Noto Sans KR', sans-serif;} /* overflow-y: hidden; */
.h1, .h2, .h3, .h4, .h5, .h6 {color: #05367b; font-weight: bold;}
.btn {padding: 0.275rem 1.2rem; border-radius: 3rem;}
.btn-sm {padding: 0.07rem 1.1rem;}
.btn-primary {color: #fff;background-color: #001f4c;border-color: #001f4c;}
.btn-primary:hover {color: #fff;background-color: #000f28;border-color: #000f28;}
.btn-secondary {color: #fff;background-color: #282828;border-color: #282828;}
.btn-secondary:hover {color: #fff;background-color: #111;border-color: #111;}
.btn-success {color: #fff;background-color: #1a6e3f;border-color: #1a6e3f;}
.btn-success:hover {color: #fff;background-color: #114d2c;border-color: #114d2c;}
.navbar .btn-primary:hover {color: #fff;}
.navbar .btn-secondary:hover {color: #fff;}
.breadcrumb {display: flex;flex-wrap: wrap;padding: 0.75rem 1rem;margin-bottom: 1rem;list-style: none;background-color: #f5f5f5;border-radius: 0.25rem;color: #333;}
.breadcrumb-item + .breadcrumb-item {padding-left: 0.5rem;}
.breadcrumb-item + .breadcrumb-item::before {display: inline-block;padding-right: 0.5rem;color: #6c757d;content: "/";}
.breadcrumb-item + .breadcrumb-item:hover::before {text-decoration: underline;}
.breadcrumb-item + .breadcrumb-item:hover::before {text-decoration: none;}
.breadcrumb-item.active {color: #6c757d;}
.breadcrumb-form {margin-right: 10px;vertical-align: middle;}
.breadcrumb-form .d-inline-block {display: inline-block; vertical-align: middle;}
.breadcrumb-form .form-control {width: auto; vertical-align: middle;}
.breadcrumb-form .flatpickr-input {width: 150px; text-align: center;}
.form-control {border-radius: 0; border-color: #9f9f9f; color: #333;}
.sidebar {position: relative; width: 288px !important; background: #f5f5f6;}
.sidebar .sidebar-brand {height: 8.375rem; padding: 0; background: url(../images/logo.jpg) no-repeat center/cover; text-indent: -9999px;}
.sidebar .nav-item {background: #2257b7;}
.sidebar .nav-item .nav-link {display: block; width: 250px; padding: 0.55rem 1rem; text-align: left;}
.sidebar .nav-item .nav-link span {display: inline; font-size: 0.85rem;}
.sidebar-dark .nav-item .nav-link {border-bottom: 1px solid rgba(255,255,255,0.2);}
.sidebar .nav-item .collapse .collapse-inner, .sidebar .nav-item .collapsing .collapse-inner {padding: 0; margin: 0; border-right: 1px solid #d5d6d7;}
.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item {width: 100%; margin: 0; padding: 0.3rem 1rem 0.3rem 2rem; background: #f5f5f6; border-radius: 0; border-bottom: 1px solid #d5d6d7;}
.sidebar .nav-item .collapse .collapse-inner .depth3, .sidebar .nav-item .collapsing .collapse-inner .depth3 {padding: 0.3rem 1rem 0.3rem 3rem; color: #777;}
.sidebar-dark .nav-item .collapse-item[data-toggle="collapse"]::after {color: #d5d6d7;}
.navbar-nav {z-index: 2;}
.navbar .btn-toggle {width: 30px; height: 30px;}
.navbar.toggled {display: none;}
.btn-toggle {position: absolute; top: 50%; left: 250px; transform: translateY(-50%); width: 15px; height: 110px;}
.btn-sidebar-toggle {position: relative; width: 15px; height: 110px; background: url(../images/sidebar-toggle.png) no-repeat 0 0/contain;}
.btn-sidebar-toggle:before {content: ""; position: absolute; top: 50%; left: 30%; transform: translateY(-50%); width: 1px; height: 30%; background: rgba(255,255,255,0.5);}
.btn-sidebar-toggle:active, .btn-sidebar-toggle:focus {outline: none;}

.sidebar #sidebarToggle {width: 12px; height: 110px;}
.sidebar #sidebarToggle::after {content: none;}

.topbar {background: #2257b7; z-index: 10;}
.topbar a {color: #fff;}
.topbar a:hover, .topbar a:focus, .topbar a:active {color: #b4e8fc;}
.topbar .nav-item .nav-link {height: 4.475rem; padding: 0 1.1rem;}
.topbar-toggle {position: relative; width: 100px; height: 12px; margin: 0 auto; background: url(../images/btn-toggle.png) no-repeat center/contain; text-align: center;}
.btn-topbar-toggle {position: absolute; top: 0; left: 0; width: 100%; height: 12px; background: none;}
.btn-topbar-toggle:before {content: ""; position: absolute; top: 30%; left: 50%; transform: translateX(-50%); width: 30%; height: 0.09rem; border-radius: 10px; background: rgba(255,255,255,0.5);}
.btn-topbar-toggle:focus, .btn-topbar-toggle:active {outline: none;}
#wrapper #content-wrapper {background: #fff;}
.table-responsive {font-size: 0.85rem;}
.table th, .table td {padding: 0.45rem 0.5rem; text-align: right;}
.table th {background: #4c4b4b; color: #fff; font-weight: normal; text-align: center;}
.table-striped tbody tr:nth-of-type(even) {background-color: #f5f5f5;}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {bottom: 0.5em;}
.page-item:first-child .page-link {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.page-item:last-child .page-link {border-top-right-radius: 0;border-bottom-right-radius: 0;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {margin-top: 15px;justify-content: flex-start;}
div.dataTables_wrapper div.dataTables_info {margin-top: 5px;}
.page-item.active .page-link {background-color: #2257b7;border-color: #2257b7;}
.page-link {color: #2257b7;}

@media (min-width: 768px){
  .sidebar {width: 288px !important}
  .sidebar .nav-item .collapse, .sidebar .nav-item .collapsing {margin: 0;}
  .sidebar.toggled {width: 0 !important; overflow: hidden;}
}
@media (max-width: 1600px) {
  body {width: 1583px;}
  .wrap {width: 1583px;}
  #content-wrapper {width: 1333px;}
  .container-fluid {width: 1333px;}
  /* .table {width: 1620px !important;} */
}

/* .login */
.login {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
  background-image:  url(../images/login-busline.png), url(../images/login-bg.jpg);
  background-repeat: no-repeat;
  background-position: 42% 74%, center;
  background-size: 980px, cover;
}
.login .container {position: absolute; top: 50%; left: 50%; width: 600px; height: 600px; transform: translate(-50%, -50%);}
.login h1 {height: 100px; background: url(../images/login-logo.png) no-repeat center/contain; text-indent: -9999px;}
.login .copyright {text-align: center; font-size: 0.70rem; color: #a3b0c1;}

/* 20200812 add+ */
.navbar-slidemenu {position: absolute; top: -600%; right: 0; width: calc(100% - 246px); padding: 30px 10px; background: #eee; z-index: 1; transition: 0.4s;}
.navbar-slidemenu.toggled {top: 70px;}
.navbar-slidemenu:after {content: ""; display: block; clear: both;}
.slidemenu-group {margin: 0; padding: 0; margin-bottom: 10px; list-style-type: none;}
.navbar-slidemenu .slidemenu-link {display: block; padding-left: 15px; font-size: 14px; color: #4a4a4a; line-height: 1.8; word-break: keep-all;}
.navbar-slidemenu .slidemenu-link:hover, .navbar-slidemenu .slidemenu-link:focus, .navbar-slidemenu .slidemenu-link:active, .navbar-slidemenu .slidemenu-link:visited {color: #000;}
.navbar-slidemenu .slidemenu-title:hover, .navbar-slidemenu .slidemenu-title:focus, .navbar-slidemenu .slidemenu-title:active, .navbar-slidemenu .slidemenu-title:visited {color: #fff;}
.navbar-slidemenu .slidemenu-3depth {padding-left: 35px; color: #777; font-size: 90%;}
.navbar-slidemenu .slidemenu-title {padding: 5px 10px 5px 20px; margin-bottom: 15px; background: #063c9e; border-radius: 30px; text-align: left; color: #fff;}
.slidemenu-left {float: left;width: 58%;padding: 0 0.5%;}
.slidemenu-left .slidemenu-group {float: left; width: 18%; margin: 0 1% 10px;}
.slidemenu-right {float: left; width: 38%; padding: 0 2%;}
.slidemenu-right .right-col {float: left; width: 33.333%;}
.close-btn {position: relative; padding: 0; background: #a4a4a4; width: 40px; height: 40px; color: #fff;}
.close-btn:before, .close-btn:after {content: ""; position: absolute; top: 50%; left: 50%; width: 50%; height: 0.1rem; background: #fff;}
.close-btn:before {transform: translate(-50%, -50%) rotate(45deg);}
.close-btn:after {transform: translate(-50%, -50%) rotate(-45deg);}

.sidebar.toggled #sidebarToggle::after {content: none;}

@media (max-width: 1600px) {
  .navbar-slidemenu {width: 1325px; right: auto; left: 240px;}
}

.gridEditCell {
 background-color: #FFFF5A !important
}

.gridInsertCell {
 background-color: #CCFFCC !important
}

.gridDeleteCell {
 background-color: #FFB4B4 !important
}

/* 20200914 add+ */
.small {color: #000;}
.login .login_box {width: 300px;}
.btn:hover, .btn:active {border: 1px solid transparent;}
.calendar-formbox {position: relative; overflow: hidden;}
.calendar-formbox i {position: absolute; top: 50%; right: 12px; transform: translateY(-50%); opacity: 0.3;}
.calendar-formbox .form-control {background-color: #fff;}
.breadcrumb-form .flatpickr-input {width: 125px; padding-right: 28px;}

.flatpickr-months .flatpickr-month {height: 35px;}
.flatpickr-monthDropdown-months{position: absolute; right: 20%; top: 3px;}
.flatpickr-current-month .numInputWrapper {position: absolute; left: 20%; top: 5px; width: 7ch;}
.flatpickr-monthSelect-theme-light .numInputWrapper {left: 50%; transform: translateX(-50%);}
.flatpickr-current-month input.cur-year {font-weight: 700;}

/* 20200916 add+ */
.ui-grid-header-cell {background-color: #4c4b4b; border-color: #e3e6f0; color: #fff; font-weight: normal; text-align: center;}
.form-control {padding: 0.175rem 0.55rem; font-size: 0.8rem;}
label {font-size: 0.9rem;}
.flatpickr-monthDropdown-months {top: 5px; font-size: 1rem; font-weight: 400;}
.custom-select {background-position: right 0.3rem center;}

.textover {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.textover-line {display: inline-block;width: 100%; height: 42px;overflow: hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.notice-title {position: relative; padding: 20px 0 10px; font-size: 1.2rem; font-weight: bold; color: #3c3b3b;}
.notice-more-btn {position: absolute; bottom: 5px; right: 0; display: inline-block; width: 30px; height: 30px; border: 1px solid #9b9b9b;}
.notice-more-btn:before, .notice-more-btn:after {content: ""; position: absolute; top:50%; left:50%; transform: translateX(-50%); width: 18px; height: 1px; background: #000;}
.notice-more-btn:after {transform: translateX(-50%) rotate(-90deg);}
.notice-card {position: relative; padding: 30px 30px 70px 30px;}
.notice-card01 {background-color: #26308b;}
.notice-card02 {background-color: #1f449a;}
.notice-card03 {background-color: #238642;}
.notice-card-title {padding-bottom: 10px; font-size: 1.3rem; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice-card-subtitle {display: inline-block; width: 100%; height: 45px; overflow: hidden; text-overflow: ellipsis;  word-break: keep-all; color: #efefef;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.6; margin-bottom: 0;}
.notice-card-subtitle span {display: block;}
.notice-date {position: absolute; bottom: 20px; right: 30px; color: #fff;}
.notice-group {list-style-type: none; padding: 20px; margin: 0;}
.notice-list {position: relative; width: 100%;}
.notice-link {display: block; width: 60%; line-height: 1.7; font-size: 0.9rem; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice-list-date {position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 0.9rem; color: #a9a9a9;}
.table-center.table td {text-align: center;}
.sidebar {background: url(../images/a-bg.jpg) no-repeat 100% 100%/cover;}

/* 20200917 add+ */
.sidebar-dark .nav-item .nav-link {transition: 0.4s;}
.sidebar-dark .nav-item .nav-link:active, .sidebar-dark .nav-item .nav-link:focus, .sidebar-dark .nav-item .nav-link:hover, .sidebar-dark .nav-item .nav-link.active {background-color: #26308b; color: #fff;}
.sidebar .nav-item .collapse .collapse-inner .collapse-item:active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item:active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {background-color: #dddfeb;}
.sidebar .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {background-color: #dddfeb; font-weight: normal; color: #3a3b45;}
@media (min-width: 768px){
	.sidebar .nav-item .nav-link[data-toggle="collapse"]::after {content: '\f105';}
	.sidebar .nav-item .nav-link[data-toggle="collapse"].collapsed::after {content: '\f107';}
}

/* 20200918 add+ */
.iframe-wrapper {position: relative; top:5px; left:18px; }/*width: calc(100% - 35px); height: calc(100% - 90px);}*/
.iframe-wrapper-main {position: relative; top:5px; }/*width: calc(100% - 35px); height: calc(100% - 90px);}*/
.iframe {position: absolute; top:0; left: 0; width: 100%; height: 750px; border: none;}
.iframeDash {position: absolute; top:0; left: 0; width: 98%; height: 750px; border: none;}
.iframeMain {position: relative; top:0; left: 0; width: 100%; height: 379px; border: none;}
.iframeMain488 {position: relative; top:0; left: 0; width: 100%; height: 488px; border: none;}

.topbar .nav-item .nav-link {font-size: 0.9rem;}

.breadcrumb-form .flatpickr-input {background: #fff url(../images/calender01.png) no-repeat 95% 50%/25px;}

.grid-right-align {
	text-align: right;
}

.grid-center-align {
	text-align: center;
}

/* 20201015 +add .rfc-board .table */
.board-type01 {padding: 20px;}
.board-type01 .board-title {margin-bottom: 30px;}
.board-type01 .pager {display: inline-block; padding: 10px 15px; border: 1px solid #4c4b4b; background: #4c4b4b; color: #fff;}
.board-type01 .pager.active {background: #fff; border-color: #4c4b4b; color: #4c4b4b;}

.board-type02 {padding: 20px;}
.board-type02 .board-title {margin-bottom: 30px;}
.board-type02 .pager {display: inline-block; padding: 10px 15px; border: 1px solid #4c4b4b; background: #4c4b4b; color: #fff;}
.board-type02 .pager.active {background: #fff; border-color: #4c4b4b; color: #4c4b4b;}
.board-type02 .label {margin-bottom: 0; margin-top: 0.4rem;}

.table td {text-align: center;}
caption {display: none;}
legend {display: none;}
.input-list {display: inline-block; vertical-align: middle;}
.rfc_bbs_see_txt_left{text-align: left !important;}

/* 20201021 +add .rfc-board .table */
.board-type03 .table th, .board-type03 .table td {padding: 0.75rem 0.7rem;}
.board-type03 .board-title {padding-bottom: 25px;}
.board-type03 td {text-align: left;}
.board-type03 .board-detail {display: block; height: 330px; overflow-y: auto;}

.LoadingImg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto; /* presto! */
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  display: none;
}

.flatpickr-months .arrowUp,
.flatpickr-months .arrowDown {
  opacity: 1;
}
/* 20201118 +add sychoi */
.flatpickr-current-month input.cur-year {-moz-appearance: none; -webkit-appearance: none; appearance: none;} 

/* 20201204 +add sychoi */
.login h1 {height: 56px; margin-bottom: 30px; background-image: url(../images/login-logo.png);}
.login {background: url(../images/login-bg01.jpg) no-repeat center/cover;} 
.login .copyright {color: #fff;}
.login .copyright span {display: block;}