/*-----------------소정_수정_추가-----------------*/
/*-----------------소정_수정_추가-----------------*/
/*-----------------소정_수정_추가-----------------*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
@import url(/resources/assets/stylesheets/icons/themify-icons/themify-icons-83b1606b59076fcfdc7543a4a0ced99f.css);
@import url(/resources/assets/stylesheets/icons/material-design-iconic-font/css/materialdesignicons.min-103401fce0e8089f7c8db0f48f977248.css);
@import url(/resources/assets/stylesheets/icons/weather-icons/css/weather-icons.min-3624330896cc6039c4e72ec56deed98e.css);


/*-----------------*/
.mnt_card {
  text-align: center;
  border-radius: 10px;
  height: 170px !important;
  margin-bottom: 0.5rem;
}

.mnt_card_item {
  text-align: center;
}

.mnt_card_box {

}

.mnt_card_tit {
  padding: 15px 0 0;
  text-align: center;
}

.mnt_card_item h1 {
  font-size: 1rem;
}


/*--------
text-blue{
	color : #0085FF;
}
text-purple{
	color : #A55EEA;
}
text-lightgreen{
	color : #26DE81;
}
text-pink{
	color : #FC73CA;
}
text-deepyellow{
	color : #F9A825;
}

---------*/


/*==========210408=================*/
.list-half {
  width: 50%;
  transition: 0.2s ease-in;
  max-height: 390px;
  min-height: 390px;
  position: relative;
  padding: 0.5rem;
}

.list-half .card {
  overflow-y: auto;
  height: 100%;
  padding: 0.5rem;
  border: 1px solid #e3e3e3;
  background: #fff;
}

.list-half-bot {
  width: 100%;
  height: 100%;
  transition: 0.2s ease-in;
  max-height: 190px;
  min-height: 190px;
  position: relative;
  padding: 0.5rem;
}

.list-half-bot-240 {
  width: 100%;
  height: 100%;
  transition: 0.2s ease-in;
  max-height: 240px;
  min-height: 190px;
  position: relative;
  padding: 0.5rem;
}

.list-half-bot-150 {
  width: 100%;
  height: 100%;
  transition: 0.2s ease-in;
  max-height: 150px;
  min-height: 150px;
  position: relative;
  padding: 0.5rem;
}

.list-half-bot .card {
  overflow-y: auto;
  height: 100%;
  padding: 0.5rem;
  border: 1px solid #e3e3e3;
  background: #fff;
}

/*==========200904=================*/
td.text-left-td {
  text-align: left !important;
}

td.text-center-td {
  text-align: center !important;
}

td.text-right-td {
  text-align: right !important;
}

th.text-left-th {
  text-align: left !important;
}

th.text-center-th {
  text-align: center !important;
}

th.text-right-th {
  text-align: right !important;
}

/*==========200903=================*/

.checkbox_lg {
  width: 20px;
  height: 20px;
}

.checkbox_md {
  width: 20px;
  height: 20px;
}

/*===========================*/


#tabs {
  margin: 10px 0 0 10px;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

#tabs li {
  float: left;
  display: block;
  padding: 5px;
  background-color: #d2d4de;
  margin-right: 5px;
  border-radius: 5px 5px 0 0;
}

#tabs li a {
  color: rgb(133, 133, 133);
  text-decoration: none;
}

#tabs li.current {
  background-color: #346CB0;
}

#tabs li.current a {
  color: #fff;
  text-decoration: none;
}

#tabs li a.remove {
  color: #f00;
  margin-left: 10px;
}

#content {
  background-color: #fff;
}

#content div {
  margin: 0;
  padding: 20px 20px 100px 20px;
}

#tabmain {
  width: 900px;
  margin: 0px auto;
  overflow: hidden;
  background-color: #F6F6F6;
  margin-top: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 30px;
}

#documents {
  margin: 0;
  padding: 0;
}

#wrapper {
  margin: 10px 0 0 10px;
}

.right-half {
  z-index: 10;
  background: #fff;
  overflow-x: hidden;
  transition: 0.2s ease-in;
  border: 1px solid #e3e3e3;
  right: 0;
  padding: 10px;
  max-height: 350px;
  overflow-y: auto;
}

.right-half-fix {
  position: absolute;
  box-shadow: 0 0 4px rgba(20, 20, 31, 0.1);
  display: block;
  z-index: 10;
  background: #fff;
  overflow-x: hidden;
  transition: 0.2s ease-in;
  border: 1px solid #e3e3e3;
  right: 0;
  padding: 10px;
  min-width: 400px !important;
}

.textarea_box {
  width: 100%;
  border: 1px solid #D6DBDF;
  border-radius: 4px;
  min-height: 300px;
}

/*==========tab - UI==========*/
.tab-bg {
  background-color: #fff;
}

/*======인풋박스 높이 조절=============*/
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-control-sm {
  height: 1.5rem;
  display: block;
  width: 100%;
  padding: 0.375rem 0.4rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #363642;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #D6DBDF;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  max-width: 200px;
}

.form-control-xs {
  max-width: 50px;
  height: 1.5rem;
  width: 100%;
  padding: 0.375rem 0.4rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #363642;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #D6DBDF;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-md {
  display: block;
  width: 100%;
  height: 1.9rem;
  padding: 0.275rem 0.4rem;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  color: #363642;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #D6DBDF;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  max-width: 200px;
}

.form-control-lg {
  display: block;
  width: 100%;
  height: 2.2rem;
  padding: 0.275rem 0.4rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #363642;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #D6DBDF;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  max-width: 200px;
}

.form-control-auto {
  display: block;
  width: 100%;
  height: 1.9rem;
  padding: 0.275rem 0.4rem;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  color: #363642;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #D6DBDF;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.modal-subtitle {
  font-size: 15px;
}

.form-group-50 {
  width: 50px;
}

.form-group-60 {
  width: 60px;
}

.form-group-70 {
  width: 70px;
}

.form-group-80 {
  width: 80px;
}

.form-group-90 {
  width: 90px;
}

.form-group-100 {
  width: 100px;
}

.form-group-110 {
  width: 110px;
}

.form-group-120 {
  width: 120px;
}

.form-group-130 {
  width: 130px;
}

.form-group-140 {
  width: 140px;
}

.form-group-150 {
  width: 150px;
}

/*-------------custom-select-----------*/
.custom-select {
  height: 1.5rem;
  font-size: 0.725rem;
  display: inline-block;
  width: 100%;
  color: #4F5467;
  vertical-align: middle;
  border: 1px solid #D6DBDF;
  border-radius: 4px;
  padding: 0 5px;
  /*appearance: none;*/
}

.custom-select-xsm {
  height: calc(1.5em + 0.5rem + 2px);
  /*padding-top: 0.25rem;*/
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  width: 100px;
  font-size: 0.8rem;
}

.custom-select-sm {
  /*height: calc(1.5em + 0.5rem + 2px);*/
  /*padding-top: 0.25rem;*/
  /*padding-bottom: 0.25rem;*/
  width: 150px;
}

.custom-select.custom-select-lg {
  height: 2.2rem;
  font-size: 1rem;
}

.custom-select.custom-select-md {
  height: 2rem;
  font-size: 0.9rem;
  width: 100%;
}

.custom-select-50 {
  width: 50px;
}

.custom-select-60 {
  width: 60px;
}

.custom-select-70 {
  width: 70px;
}

.custom-select-80 {
  width: 80px;
}

.custom-select-90 {
  width: 90px;
}

.custom-select-100 {
  width: 100px;
}

.custom-select-110 {
  width: 110px;
}

.custom-select-120 {
  width: 120px;
}

.custom-select-130 {
  width: 130px;
}

.custom-select-140 {
  width: 140px;
}

.custom-select-150 {
  width: 150px;
}

/*-------------input-sub----------*/
.input-sub .input-sub-text {
  position: absolute;
  top: 7px;
  right: 26px;
  color: dimgray;
  background-color: #fff;
  padding-left: 5px;
}

.input-sub {
  position: relative;
  max-width: 200px;
  margin-right: 10px;
}

.input-sub-sm {
  position: relative;
  max-width: 100px;
  margin-right: 10px;
}

.input-sub-md {
  position: relative;
  max-width: 150px;
  margin-right: 10px;
}

.input-sub-lg {
  position: relative;
  max-width: 250px;
  margin-right: 10px;
}

.input-sub input {
  max-width: 200px;
}

.input-sub-search {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 5px !important;
  height: 1.5rem;
}

.input-sub-search-lg {
  position: absolute;
  top: 0;
  right: 0;
  height: 2.2rem;
  font-size: 16px !important;
}

.input-sub-search-md {
  position: absolute;
  top: 0;
  right: 0;
  height: 1.9rem;
}

.input-label-sm {
  margin: 3px 10px 0px 0px;
}

.input-label-md {
  margin: 10px 10px 5px 0px;
}

.input-label-lg {
  margin: 12px 10px 5px 0px;
}

.right-sub-title {
  font-size: 13px !important;
  background-color: lavender !important;
  padding: 0.3rem 0.3rem 0.3rem 0.5rem;
  margin: 0;
  color: darkslateblue;
  border: 1px solid #dee2e6;
  border-bottom: none;
}

.right-th-title th {
  font-size: 13px !important;
  background-color: lavender !important;
  padding: 0.3rem 0.3rem 0.3rem 0.5rem;
  margin: 0;
  color: darkslateblue;
  border: 1px solid #dee2e6;
  border-bottom: none;
}

/*=================버튼=================*/

.btn-po-lg {
}

.btn-sm-h {

}

.btn-lg {
  padding: 0.5rem 0.8rem !important;
  font-size: 0.8rem !important;
}

.btn-xlg {
  padding: 0.8rem 1rem !important;
  font-size: 1rem !important;
}

/*-----  end ------input-sub-----*/
/*익스플로러에서 덮는 기능이 안돼서 익스플로러에서는 top 값을 적용*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .right-sidebar-fix {
    top: 117px;
  }
}

/*=======등록fix,left상세100%===================*/
.right-sidebar-fix {
  width: 400px;
  position: absolute;
  box-shadow: 0 0 4px rgba(20, 20, 31, 0.1);
  display: block;
  /*height: 100%;*/
  z-index: 10;
  background: #fff;
  overflow-x: hidden;
  transition: 0.2s ease-in;
  border: 1px solid #e3e3e3;
  right: 0;
  padding: 10px;
  max-height: 780px;
  min-width: 400px !important;
}

/*=======end======등록fix,left상세100%===================*/
/*================화면분할================*/
.right-list {
  height: 100% !important;
  z-index: 10;
  background: #fff;
  overflow-x: hidden;
  transition: 0.2s ease-in;
  border: 1px solid #e3e3e3;
  right: 0;
  padding: 10px;
  min-height: 780px;
  overflow-y: auto;
}

.right-po-rel {
  position: relative;
}

.left-list {
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid #e3e3e3;
  background: #fff;
  margin-right: 11px;
  transition: 0.2s ease-in;
  min-height: 780px;
  position: relative;
  overflow-y: auto;
}

/*
.left-list table tr:hover{
  background-color: #0275d8;
  color: #fff;
  cursor: pointer;
}
*/
.left-sidebar {
}

.container-fluid {
  overflow: auto;
}

.right-sidebar {
  min-width: 310px;
}

.left-005-1 {
  width: 70%;
}

/*==화면이 줄어들었을 때 오른쪽 등록부분이 안보이는 현상때문에 추가==============*/
@media (min-width: 350px) {
  .left-list {
  }

  .right-sidebar {
  }
}

/*=======end======화면분할===================*/
.open-arrow {
  position: absolute;
  right: 9px;
  z-index: 99;
  display: none;
}

/*=============상하 화면 분할===================*/

.matrl-top-list {
  width: 100%;
  padding: 10px;
  border: 1px solid #e3e3e3;
  background: #fff;
  margin-right: 5px;
  margin-bottom: 10px;
  min-height: 385px;
}

.matrl-bottom-list {
  width: 100%;
  padding: 10px;
  border: 1px solid #e3e3e3;
  background: #fff;
  margin-right: 5px;
  min-height: 385px;
}

.table-td-center td {
  text-align: center;
  vertical-align: middle !important;
}

.card-tab {
  padding: 1rem !important;
}

.modal-body table th {
  color: #363642;
  background-color: #f6f7f9;
  border-color: #ecedf1;
  text-align: center;
  vertical-align: middle;
}

/*
.modal-body table tr:hover{
  background-color: #0275d8;
  color: #fff;
  cursor: pointer;
}
*/
/*=======end======상하 화면 분할===================*/

.page-wrapper {
  background: #eee;
  position: relative;
  transition: 0.2s ease-in;
  padding-top: 3rem;
}

.page-wrapper > .container-fluid {
  padding: 10px;
  min-height: calc(100vh - 180px);
}

/*2024.10.24 - 왜 주석처리 되어있었던건 지 모르겠지만, 해당 내용이 있어야 정상적으로 표출됨*/
#main-wrapper[data-layout="vertical"][data-sidebartype="full"] .page-wrapper {
  /*margin-left: 12rem;*/
}

#main-wrapper {
  width: 100%;
  overflow: hidden;
}

.container-fluid .table-wrap-hid {
  height: 85vh;
  min-width: 1100px;
  overflow: hidden;
}

.right-list table th {
  text-align: center;
  width: 100px;
}

.right-list table td input, select {
  max-width: 200px;
}

.left-list table td {
  text-align: center;
}

.right-list table th {
  vertical-align: middle;
  background-color: #f6f7f9;
}

.rightsidebar-close {
  height: 25px;
  width: 50px;
  float: right;
}

.closebtn {
  padding: 2px 5px 0px 5px;
  text-decoration: none;
  font-size: 23px;
  color: #000;
  display: block;
  transition: 0.3s;
  line-height: 19px;
}

#left-width-btn {
  cursor: pointer;
}

.content-footer-sticky {
  position: absolute;
  background-color: #fff;
  bottom: 0;
  width: 100%;
  left: 0;
}

.content-footer-auto {
  background-color: #fff;
  bottom: 0;
  width: 100%;
  left: 0;
}

.top_sortbox {
  border: 1px solid #e3e3e3 !important;
}

/*-----------------유창 로그인-----------------*/


.login_card {
  background-color: #fff;
  border: 1px solid #ccc;
  width: 800px;
  height: 500px;
  margin: 0 auto;
  margin-top: 150px;
}

.login_left {
  position: relative;
  height: 100%;
  width: 100%;
  background-size: cover;
  padding: 200px 0;
  text-align: center;
}

.login_right {
  background-color: #036EC4;
}

.login_left img {
  width: 50%;
}

.login_title {
  color: #fff;
}

.login_text {
  color: #fff;
}

.login_card .login-form {
  padding: 40px 50px;
}

.login-header {
  text-align: center;
  padding: 100px 0 0;
  color: #fff;
}

.login_card .form-control {
  display: block;
  width: 100%;
  color: #363642;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #D6DBDF;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  max-width: 100% !important;
}

.login_card .btn {
  height: 2.5rem !important;
  line-height: 0 !important;
  box-shadow: 0px 2px 5px #0000002a;
}

.login_btn a {
  color: #036EC4 !important;
  font-weight: 700;
}

.login_find, .login_auto {
  color: #fff;
}

.login_btn {
  border-radius: 150px !important;
  color: #036EC4 !important;
  background-color: #fff !important;
  font-size: 14px !important;
}

.login_btn1 {
  border-radius: 150px !important;
  font-weight: 700;
  color: #fff !important;
  background: #0179A8 !important;
  font-size: 14px !important;
}

/*-----------부원 로그인-----------*/
.buwon_login_img {
  background-color: #fff;
  width: 100%;
}

/*------------end-----소정_수정_추가-----------------*/
.tableSelected {
  background-color: #0275d8
}

/*------------end-----소정_수정_추가-----------------*/
/*<script type="text/javascript" src="assets/javascript/pages/calendar.js"></script><!--소정추가-->*/


/*------------pda-모바일-----소정_수정_추가-----------------*/
.pda_mo_wrap {
  background-color: #F5F6FB !important;
}

.pda_mo_wrap .pda_mo_hd {
  background-color: #346CB0;
  /*overflow: auto;*/
  text-align: center;
}

.pda_hd_wh {
  background-color: #fff;
  box-shadow: 0px 1px 6px #e0e0e0;
  text-align: center;
}

.pda_hd_wh .mo_logout {
  color: #000;
}

.pda_mo_hd_lg {
  vertical-align: middle;
  text-align: center;
}

.pda_mo_nav {
  width: 200px;
  background-color: #fff !important;
  top: 0;
  position: relative;
}

.pda_mo_nav li {
  padding: 10px 0;
  list-style: none;
}

.pda_mo_nav li .menu-icon {
  padding-right: 10px;
}

.mo_logout {
  color: #fff;
  position: absolute;
  left: 0;
}

.text-middle {
  vertical-align: middle !important;
}

/*
.select_table1{
  background-color: #cbe5ff!important;
}

.select_table1 th{
  background-color: #cbe5ff!important;
}
*/
.login_inf {
  margin: 20px auto 0;
}

.login_inf_fp li {
  list-style: none;
  padding: 5px;
}

.login_inf_fp li:nth-child(2) {
  font-size: 18px;
  font-weight: 600;
}

.login_inf_fp li:last-child {
  font-size: 14px;
}

.main_btn_list {
  text-align: center;
}

.main_btn_list ul {
  padding: 0.3rem;
  width: 95%;
  margin: 0 auto;
}

.main_btn_list ul li {
  vertical-align: middle;
  width: 46%;
  padding: 30px 0;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  margin: 2%;
  box-sizing: border-box;
  list-style: none;
  float: left;
}

.main_btn_list ul a {
  text-decoration: none;
  color: #000;
}

.pda_list_name {
  margin-top: 10px;
}

/*========pda_003자재입고=========*/

.mo_main_title {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0;
  text-align: center;
  padding: 9px;
  width: 230px;
  margin: 0 auto;
}

.mo_sortbox {
  width: 100%;
  padding: 0 6px;
  margin: 10px auto;
}

.mo_sort_title {
  padding: 8px 0 !important;
}

.mo_sortbox input {
  max-width: 100% !important;
}

.mo_sortbox .input-sub {
  max-width: 100% !important;
}

.mo_sortbox .custom-select-md {
  max-width: 100%;
}

.mo_card {
  background-color: #fff;
}

.mo_card td {
  padding: 0.4rem;
}

.mo_card th {
  font-size: 0.5rem;
  text-align: center;
}

.mo_card tbody {
  font-size: 0.3rem;
}

.mo_btnbox_fix {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 10px;
  background-color: #f6f7f9;
}

/*========pda_004자재입고=========*/
.mo_card_fix {
  min-height: 350px;
  max-height: 350px;
  overflow: auto;
}

.mo_sumbox {
  vertical-align: middle;
  width: 100%;
  overflow: auto;
}

.mo_sum_font_lg {
  font-size: 1rem;
  font-weight: 600;
  color: #097FF5;
  padding: 0 10px;
}

.mo_btnbox {
  width: 100%;
  height: auto;
  /*overflow: auto;*/
}

.mo_modalbox {
  margin-top: 220px !important;
  font-size: 16px;
}

.font-red {
  color: #ff0000 !important;
  font-weight: 600;
}

.bg_wh {
  background-color: #fff;
}

/*--=============touch===================*/
.num_keypad {
  padding: 0;
  margin: 0 auto;
}

.num_keypad table {
  height: 150px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  max-width: 1100px;
}

.num_keypad table td {
  padding: 5px;
  cursor: pointer;
  background-image: linear-gradient(45deg, rgb(248, 252, 255), rgb(255, 255, 255));
}

.num_keypad table td:hover {
  background-image: linear-gradient(45deg, rgb(174, 220, 255), rgb(174, 220, 255));
}

/*--====end=========touch===================*/