@charset "utf-8";

@font-face {
  font-family: "Pretendard";
  font-weight: 45 920;
  font-style: normal;
  /*font-display: swap;*/
  font-display: block;
  src: url("../font/PretendardVariable.woff2") format("woff2-variations");
}

body {
  background-color: white;
}

* {
  font-family: "Pretendard" !important;
}

/* 인풋 넘버 버튼 없애기 */
input::-webkit-inner-spin-button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

/* 스크롤바 영역에 대한 설정 */
.style-scroll-bar::-webkit-scrollbar {
  width: 8px;
}
/* 스크롤바 막대에 대한 설정 */
.style-scroll-bar::-webkit-scrollbar-thumb {
  background: #dcdde0;
}
/* 스크롤바 뒷 배경에 대한 설정 */
.style-scroll-bar::-webkit-scrollbar-track {
  background: #f5f7fa;
  border: 1px solid #d5d7db;
  border-radius: 6px;
}

/* 인풋 파일 버튼제거 */
input[type="file"]::file-selector-button {
  display: none;
}

/*----------------------------------공용 디자인 -----------------------------*/

/* font-weight */
.maca-fw-4 {
  font-weight: 400 !important;
}
.maca-fw-5 {
  font-weight: 500 !important;
}
.maca-fw-6 {
  font-weight: 600 !important;
}
.maca-fw-7 {
  font-weight: 700 !important;
}
.maca-fw-8 {
  font-weight: 800 !important;
}

/* font-size */
.maca-fs-12 {
  font-size: 12px !important;
}
.maca-fs-14 {
  font-size: 14px !important;
}
.maca-fs-16 {
  font-size: 16px !important;
}
.maca-fs-18 {
  font-size: 18px !important;
}

/* 체크박스 */
.maca-check {
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: 0px;
  border-radius: 8px !important;
  margin-right: 8px;
  box-shadow: none !important;
}
.maca-check:checked {
  background: #ed6d00;
  background-image: url("../img/check_box_img.svg");
  background-repeat: no-repeat;
  background-position: center;
  border: #ed6d00;
}
.maca-check:checked + label p {
  color: #ed6d00;
  font-weight: 600;
}
.maca-check-label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 500;
  color: #626274;
}

/* 라디오 버튼 */
.maca-radio {
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: 0px;
  border-radius: 8px !important;
  margin-right: 8px;
  box-shadow: none !important;
}
.maca-radio:checked {
  background: white;
  background-image: url("../img/radio_img.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  border: 1px solid #ed6d00;
}

.maca-radio-label {
  font-weight: 400;
  font-size: 14px;
}

.maca-radio:checked + label p {
  color: #1c1c21;
  font-weight: 600;
}

/*인풋 텍스트 input text (form-control 에 사용)*/
.maca-input-text {
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #e9e9ec;
  border-radius: 8px;
  height: 36px;
}

.maca-input-text.filled-grey {
  background: rgba(247, 247, 247, 1);
}

.maca-input-text::placeholder {
  color: #b2b2bd;
}
.maca-input-text:focus {
  border: 1px solid #1c1c21;
}
.maca-input-text:disabled {
  /*color: #b2b2bd !important;*/
  color: rgb(33 37 41) !important;
  background: #f7f7f7;
  /*border: 1px solid #e9e9ec;*/
  border: 1px solid #d3d3da !important;
}
.maca-input-text:read-only {
	color: rgb(33 37 41) !important;
	border: 1px solid #d3d3da !important;
  	background: rgba(247, 247, 247, 1);
  	border: 1px solid #e9e9ec;
}


/* 공용 알럿 */
.maca-alert {
  position: absolute;
  z-index: 10;
  padding: 12px 72px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border-radius: 500px;
  left: 50%;
  top: calc(70vh);
  transform: translateX(-50%) translateY(-50%);
  transition: opacity 360ms;
}

/*모달 사이즈*/
.maca-modal-s {
  width: 320px;
}
.maca-modal-m {
  width: 480px;
}
.maca-modal-mm {
  width: 600px;
}
.maca-modal-l {
  min-width: 980px;
}
/*모달 maca-modal-line-none : header,footer 선 제거*/
.maca-modal-line-none .modal-header {
  border-bottom: none;
}
.maca-modal-line-none .modal-footer {
  border-top: none;
}

/* 닫기버튼 디자인*/
.maca-close-btn-white {
  width: 12px;
  height: 12px;
  background-image: url("../img/close-btn-white.svg");
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
}

.maca-close-btn-black {
  width: 20px;
  height: 20px;
  background-image: url("../img/close-btn-black.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 1;
}

/*버튼 디자인 (btn-primary 속성을 기본으로 사용)*/

/*primary*/
.maca-btn-primary {
  background: #ed6d00;
  border: none;
  border-radius: 8px !important;
}
.maca-btn-primary.btn-sm {
  height: 36px;
}
.maca-btn-primary:hover {
  background: #eb6c00 !important;
  box-shadow: inset 0px -3px 0px 0px #cc5e00;
}
.maca-btn-primary:active {
  background: #cc5e00 !important;
}
.maca-btn-primary:disabled {
  background: #f6b680 !important;
}

/* secondary */
.maca-btn-secondary {
  border: 1px solid #f8d8bd;
  background: #fdf0e5;
  color: #ed6d00;
  border-radius: 8px !important;
}
.maca-btn-secondary.btn-sm {
  height: 36px;
}
.maca-btn-secondary:hover {
  border: 1px solid #f8d8bd;
  background: #fdf0e5;
  color: #ed6d00;
  box-shadow: inset 0px -3px 0px 0px #f8d8bd;
}
.maca-btn-secondary:active {
  background: #f8d8bd !important;
  color: #ed6d00 !important;
  border: 1px solid #f8d8bd !important;
}
.maca-btn-secondary:disabled {
  background: white;
  border: 1px solid #fdf0e5;
  color: #f5b57f;
}

/* tertiary */
.maca-btn-tertiary {
  border: 1px solid #f8d8bd;
  background: white;
  color: #ed6d00;
  border-radius: 8px !important;
}
.maca-btn-tertiary.btn-sm {
  height: 36px;
}
.maca-btn-tertiary:hover {
  background: white;
  color: #ed6d00;
  border: 1px solid #f3be90;
  box-shadow: inset 0px -3px 0px 0px #f3be90;
}
.maca-btn-tertiary:active {
  background: #fdf0e5 !important;
  color: #ed6d00 !important;
  border: 1px solid #f3be90 !important;
}
.maca-btn-tertiary:disabled {
  background: white;
  border: 1px solid #d9d9d9;
  color: #cdcdd5;
}

/* [+] 모양 버튼 */
.maca-btn-plus {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid gray;
  background: url(../img/plus-btn.svg) no-repeat center;
}

/* breadcrumbs (조직관리 > 조직도 관리) NAV */
.maca_breadcrumbs {
  position: sticky;
  top: 0;
  z-index: 2;
  background: white;
  border-bottom: 1px solid #c9ccde;
  height: 54px;
}
.maca_breadcrumbs_p {
  font-size: 14px;
  color: #9696a6;
  font-weight: 500;
  margin-bottom: 0 !important;
  margin-right: 4px;
}
.maca_breadcrumbs_p.active {
  color: #ed6d00;
  font-weight: 600;
}
.maca_breadcrumbs_arrow {
  width: 16px;
  height: 16px;
  background: url("../img/arrow_dark.svg") no-repeat center;
  transform: rotate(270deg);
  margin-right: 4px;
}

/*공용 container*/
.maca_container {
  display: flex;
  min-height: calc(100vh - 54px);
  overflow-y: auto;
  background: white;
}

/* 인풋 데이트 DatePicker 와 사용 */
.maca-input-date {
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #e9e9ec;
  border-radius: 8px;
  height: 36px;
}
.maca-input-date::placeholder {
  color: #b2b2bd;
}
.maca-input-date:focus {
  border: 1px solid #1c1c21;
}
.maca-input-date:disabled {
  /*color: #b2b2bd !important;*/
  color: rgb(33 37 41) !important;
  background: #f7f7f7;
  /*border: 1px solid #e9e9ec;*/
  border: 1px solid #d3d3da !important;
}

.maca-input-date-label {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(../img/input-date-icon.svg) no-repeat center;
}

.maca-input-date:disabled + .maca-input-date-label {
  opacity: 0.5;
}

.maca-date-between {
  min-width: 8px;
  height: 2px;
  background: #9696a6;
  flex-shrink: 0;
}

/*인풋 셀렉트 input select (form-select 에 사용)*/
.maca-input-select {
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
}
.maca-input-select:disabled {
 	background: #f7f7f7;
/*  color: #b2b2bd;*/
	color: rgb(33 37 41) !important;
  	/*background-color: #f7f7f7;*/
  	border: 1px solid #d3d3da !important;
}
.maca-input-select:required:invalid {
  color: #b2b2bd;
}
.maca-input-select option[value=""][disabled] {
  display: none;
}
.maca-input-select option {
  color: black;
}

/* ===================== 뎁스 메뉴 depth-menu ===================== */

/* --------- depth group --------- */
.maca-depth-group {
  padding: 0;
  margin: 0;
}
/* 각 뎁스 별 패딩 */
/* depth - 0 */
.maca-depth-group .maca-depth-item {
  padding-left: 4px;
}
/* depth - 1 */
.maca-depth-group .maca-depth-group .maca-depth-item {
  padding-left: 20px;
}
/* depth - 2 */
.maca-depth-group .maca-depth-group .maca-depth-group .maca-depth-item {
  padding-left: 32px;
}
/* depth - 3 */
.maca-depth-group
  .maca-depth-group
  .maca-depth-group
  .maca-depth-group
  .maca-depth-item {
  padding-left: 48px;
}
/* depth - 4 */
.maca-depth-group
  .maca-depth-group
  .maca-depth-group
  .maca-depth-group
  .maca-depth-group
  .maca-depth-item {
  padding-left: 60px;
}

/* --------- depth item --------- */
.maca-depth-item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 36px;
  border-radius: 8px;
}
.maca-depth-item:hover {
  background: #f4f5f6;
}
.maca-depth-item.active {
  background: #fdf0e5;
}

/* ---depth 화살표 버튼--- */
.maca-depth-item .maca-btn-arrow {
  width: 20px;
  height: 20px;
  border: none;
  padding: 0;
  background: url(../img/depth-arrow-close-black.svg) no-repeat center;
}
.maca-depth-item.active .maca-btn-arrow {
  width: 20px;
  height: 20px;
  border: none;
  padding: 0;
  background: url(../img/depth-arrow-close-primary.svg) no-repeat center;
}
.maca-depth-item .maca-btn-arrow.open {
  background: url(../img/depth-arrow-open-black.svg) no-repeat center;
}
.maca-depth-item.active .maca-btn-arrow.open {
  background: url(../img/depth-arrow-open-primary.svg) no-repeat center;
}
/* ---depth 체크 버튼--- */
.maca-btn-check {
  width: 28px;
  height: 28px;
  background: url(../img/depth-check-btn.svg) no-repeat center;
  border: none;
}
.maca-btn-check:disabled {
  background: url(../img/depth-check-btn-dis.svg) no-repeat center;
}

/* 마지막 아이템 */
/* .maca-depth-group
  .maca-depth-group
  .maca-depth-group
  .maca-depth-group
  .maca-depth-item
  .maca-btn-arrow {
  background: url(../img/depth-last-black.svg) no-repeat center;
}
.maca-depth-group
  .maca-depth-group
  .maca-depth-group
  .maca-depth-group
  .maca-depth-item.active
  .maca-btn-arrow {
  background: url(../img/depth-last-primary.svg) no-repeat center;
} */

/* ㄴ자 모양 */
.maca-depth-item .maca-btn-angle {
  background: url(../img/depth-last-black.svg) no-repeat center;
  border: none;
}

.maca-depth-item.active .maca-btn-angle {
  background: url(../img/depth-last-primary.svg) no-repeat center;
}

/* 점 모양 */
.maca-depth-item .maca-btn-dot {
  background: url(../img/depth-dot-black.svg) no-repeat center;
}
.maca-depth-item.active .maca-btn-dot {
  background: url(../img/depth-dot-primary.svg) no-repeat center;
}

/* ---중간 텍스트 버튼--- */
.maca-depth-item .maca-btn-text {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  width: calc(100% - 48px);
  text-align: left;
  height: 100%;
  border: none;
  transition: none;
}
.maca-depth-item.active .maca-btn-text {
  color: #ed6d00;
  font-weight: 600;
}

/* 우측 점 3개 버튼 */
.maca-btn-three-dot {
  background: url(../img/depth-3dot-black.svg) no-repeat center;
  width: 28px;
  height: 28px;
  border: none;
  padding: 0;
}
.maca-btn-three-dot::before {
  display: none !important;
}
.maca-btn-three-dot:hover {
  background-color: #e9e9ec;
}
.maca-btn-three-dot:active {
  background-color: #cdcdd5;
}
.active .maca-btn-three-dot {
  background: url(../img/depth-3dot-primary.svg) no-repeat center;
}
.active .maca-btn-three-dot:hover {
  background-color: #fadbc1;
}
.active .maca-btn-three-dot:active {
  background-color: #f8ceaa;
}

/* dropstart (점 3개 누르면 드롭) */
.dropstart .dropdown-menu {
  min-width: 32px;
}
.dropstart .dropdown-menu li button {
  font-size: 14px;
  font-weight: 600;
}
.dropstart .dropdown-menu li button:active {
  background: #f8d8bd;
  color: #ed6d00;
}

/*------------------테이블 디자인 table--------------------*/
.maca-table {
  vertical-align: middle;
  font-size: 14px !important;
  font-weight: 500;
  white-space: nowrap;
}
.maca-table thead tr th {
  background-color: #f4f4f6 !important;
  border-bottom: 1px solid #cdcdd5;
  border-right: 1px solid #e9e9ec;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  text-align: left;
}
.maca-table thead tr:last-of-type th {
  border-bottom: 1px solid #737373;
}
.maca-table tr {
  height: 40px;
}
.maca-table-sm tr {
  height: 36px;
}
.maca-table thead tr th:last-of-type {
  border-right: none;
}
.maca-table tbody tr td {
  background: none;
  text-align: left;
  border-right: 1px solid #e9e9ec;
  color: #4b4b58;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.maca-table tbody tr td:last-of-type {
  border-right: none;
}
.maca-table tbody tr {
  border-bottom: rgba(255, 255, 255, 0);
}

.maca-table tbody .active td {
  background: #e9e9ec;
  font-weight: 700;
}

.maca-table tbody tr:nth-of-type(2n) {
  background: #fafafa;
}

/* 테이블 th, td width : fit-content 시 사용 */
table .table-fit-content {
  width: 1% !important;
  white-space: nowrap !important;
}

/* 테이블 페이지네이션 버튼 그룹 */
.maca-page-btn-group {
  display: flex;
  justify-content: center;
  padding: 12px 0;
}
.maca-page-btn-group button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-weight: 700;
  color: #c1c3cb;
  border-radius: 12px;
  margin-right: 12px;
  border: none !important;
}
.maca-page-btn-group button:disabled {
  opacity: 0.2;
}
.maca-page-btn-group button:last-of-type {
  margin-right: 0;
}
.maca-page-btn-group button:hover {
  color: #c1c3cb;
  background: #f7f7f7;
}
.maca-page-btn-group button.active {
  background: #fdf0e5 !important;
  color: #ed6d00 !important;
}
.maca-page-btn1-page-prev1 {
  background: url(../img/page-next-btn1.svg) no-repeat center !important;
  transform: rotate(180deg);
}
.maca-page-btn1-page-prev2 {
  background: url(../img/page-next-btn2.svg) no-repeat center !important;
  transform: rotate(180deg);
}
.maca-page-btn1-page-next1 {
  background: url(../img/page-next-btn1.svg) no-repeat center !important;
}
.maca-page-btn1-page-next2 {
  background: url(../img/page-next-btn2.svg) no-repeat center !important;
}
/*---------------------------------------------------------*/
/* -
-
- */
.ma_warp {
  display: flex;
}
/* 우측 NAV */
.ma_leftnav {
  flex-shrink: 0;
  width: 240px;
  height: 100vh;
  background: #3e3f42;
  position: relative;
  transition: width 300ms;
}
/* LNB 축소모드 */
.ma_leftnav.ma-close {
  width: 80px;
}
/* 우측 콘텐츠 영역 */
.ma_contens {
  overflow: auto;
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  background: #f4f5f6;
}
@media (max-width: 1440px) {
  .ma_contens {
    justify-content: start;
  }
}
.ma_contens_inner {
  width: 100%;
  min-width: 1200px;
  max-width: 100%;
  padding: 0 20px 20px 20px;
}
/* TAB 메뉴 */
.ma_tab-menu {
  width: 100%;
}
/* 메인 컨테이너 */
.ma_container {
  width: 100%;
  height: min-content;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  overflow: hidden;
  border: 1px solid #c9ccde;
  border-top: none;
}

/* 툴팁 */
.maca-tooltip {
  position: relative;
  display: flex;
  align-items: center;
}
.maca-tooltip_btn {
  margin-top: 1px;
  font-size: 14px;
  width: 20px;
  height: 20px;
  background: #ededed !important;
  border: none;
}
.maca-tooltip_btn:hover ~ .maca-tooltip_contents {
  visibility: visible;
}
.maca-tooltip_contents {
  visibility: hidden;
  position: absolute;
  width: max-content;
  align-items: center;
  display: flex;
  border-radius: 8px;
  background: #3e3f42;
  color: white;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  word-break: keep-all;
  margin-left: 42px;
  z-index: 1;
}

.maca-tooltip_contents.bottom {
  top: 40px;
  left: -50%;
  transform: translateX(calc(-50% - 20px));
}

.maca-tooltip_contents.bottom::before {
  content: "";
  transform: translateX(-50%) rotate(90deg);
  top: -10px;
  left: 50%;
}

.maca-tooltip_contents::before {
  content: "";
  position: absolute;
  left: -10px;
  width: 0px;
  height: 0px;
  border-right: 10px solid #3e3f42;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.page-iframe {
  min-height: calc(100vh - 110px);
  margin-bottom: -6px;
}

/* =========================jquery-ui datePicker 커스텀==========================? */

/* 전체 영역 */
#ui-datepicker-div {
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #1c1c21;
  margin-top: 8px;
}
/* 헤더영역 (월 , 년도 변경) */
.ui-datepicker-header {
  background: none;
  border: none;
}

/* 월 표시 텍스트 */
.ui-datepicker-month {
  position: absolute;
  left: 30px;
  display: block;
  font-size: 16px;
  width: 40px;
  color: #1c1c21 !important;
}
/* 월 변경 버튼 */
.ui-datepicker-prev {
  top: 50% !important;
  width: 20px;
  height: 20px;
  background: url(../img/page-next-btn1.svg) no-repeat center !important;
  opacity: 50%;
  transform: translateY(-50%) rotate(180deg);
}
.ui-datepicker-next {
  top: 50% !important;
  width: 20px;
  height: 20px;
  background: url(../img/page-next-btn1.svg) no-repeat center !important;
  opacity: 50%;
  left: 70px;
  transform: translateY(-50%);
}

/* 년도 셀렉트 */
.ui-datepicker-year {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #cdcdd5 !important;
  border-radius: 8px;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 0 12px;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  width: 101px !important;
  height: 36px !important;
  -webkit-appearance: none; /* for chrome */
  -moz-appearance: none; /*for firefox*/
  appearance: none;
  background-image: url(../img/arrow_dark.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 6px) 50%;
  background-size: 20px 20px;
}
/* 요일 영역 */
.ui-datepicker-calendar thead {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #cdcdd5;
}

/* 날짜 */

.ui-datepicker-calendar {
  margin: 0 !important;
}

.ui-datepicker td {
  padding: 0 !important;
}
.ui-state-default {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  background: none !important;
  border: none !important;
  border-radius: 8px;
  color: #9696a6 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.ui-state-default.ui-state-active {
  background: #ed6d00 !important;
  color: white !important;
  border: none !important;
}

/* -------------------------- */

/* 상단 그레이 영역 */
.ma_grey_box {
  background: #f4f4f6;
  border: 1px solid #e9e9ec;
  min-height: 50px;
}
.ma_form_label {
  color: #626474;
  min-width: 88px;
}
/* 엑셀버튼 */
.ma_btn_exel {
  color: #007e3a !important;
  border-color: #9696a6 !important;
}

.ma_tab-table-box {
  border: 1px solid #e9e9ec;
}

/* 툴팁 버튼 */
.ma-tooltip-btn {
  margin-top: 1px;
  font-size: 14px;
  width: 20px;
  height: 20px;
  background: #ededed !important;
}

/* 일괄등록 팝업 */
.ma_badge {
  background: #1c1c21;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  margin-right: 8px;
}
.disabled .ma_badge {
  background: #cdcdd5;
}
.disabled .ma_text {
  color: #cdcdd5;
  font-weight: 500 !important;
}
.ma_arrow_gray {
  width: 20px;
  height: 20px;
  background: url(/resources/admin/img/arrow_gray.svg) no-repeat center;
  transform: rotate(270deg);
  margin-right: 8px;
}
/* 게시판 파일 그룹 */
.file-group_file {
  display: flex;
  align-items: center;
  background: #eaebf2;
  border-radius: 50px;
  font-size: 14px;
  padding: 6px 12px;
  font-weight: 500;
  margin-right: 12px;
  margin-bottom: 12px;
}
.file-group_file:last-of-type {
  margin-right: 0;
}
.file-group_file_close {
  font-size: 0;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  margin-left: 8px;
  border: none;
  background: url(/resources/admin/img/close-btn-black.svg) no-repeat center;
}

.sticky-top {
  border-bottom: none !important;
}
.sticky-top::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: calc(100% + 1px);
  background: #737373;
  height: 1px;
}
.sticky-top:last-of-type::after {
  width: 100%;
}

.sticky-top-div {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

/* 대시보드 dashboard.jsp */
#dashboardPage .maca-table tbody .important {
  background: #ffecec !important;
}
#dashboardPage .ma_top-info {
  width: 100%;
  margin-right: 16px;
  background: #f4f5f6;
}
#dashboardPage .ma_top-info:last-of-type {
  margin-right: 0;
}
#dashboardPage .ma_top-item {
  width: 100%;
  height: 100%;
  border-right: 1px solid #e9e9ec;
}
#dashboardPage .ma_top-item:last-of-type {
  border-right: none;
}
#dashboardPage .ma_cut-in-two div {
  width: 50%;
}
#dashboardPage .ma_cut-in-three div {
  width: 33%;
}
#dashboardPage .detail-link {
  color: #4b4b58;
  line-height: 1.2;
}
#dashboardPage .detail-link:hover {
  text-decoration: underline;
}
#dashboardPage .maca-table tbody tr {
  background: white;
}
#dashboardPage .maca-table tbody .important {
  background: #ffecec;
}
#dashboardPage .maca-table tbody tr:first-of-type td:first-of-type {
  border-start-start-radius: 8px;
}
#dashboardPage .maca-table tbody tr:first-of-type td:last-of-type {
  border-start-end-radius: 8px;
}
#dashboardPage .maca-table tbody tr:last-of-type td:first-of-type {
  border-end-start-radius: 8px;
}
#dashboardPage .maca-table tbody tr:last-of-type td:last-of-type {
  border-end-end-radius: 8px;
}
#dashboardPage .maca-table tbody .important td {
  border: none;
}
#dashboardPage .important_label {
  background: white;
  color: #ff6666;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 20px;
}
#dashboardPage .ma_fqa-btn {
  padding: 5px 16px;
  background: white !important;
  border: 1px solid rgba(0, 0, 0, 0);
  transition: 60ms;
  color: #9696a6 !important;
  font-weight: 600;
  font-size: 14px;
  border-radius: 20px;
  margin-right: 8px;
  margin-bottom: 8px;
}
#dashboardPage .ma_fqa-btn.active {
  color: #ed6d00 !important;
  background: #fdf0e5 !important;
  border: 1px solid #ed6d00 !important;
}
#dashboardPage .ma_fqa-list {
  margin-bottom: 16px;
  background: white !important;
  border-radius: 8px;
}
#dashboardPage .ma_fqa-list:last-of-type {
  margin-bottom: 0;
}
#dashboardPage .ma_fqa-list button {
  width: 100%;
  border: none;
  height: 52px;
  border-radius: 8px;
  padding: 0 20px;
}
#dashboardPage .ma_fqa-list_arrow {
  width: 20px;
  height: 20px;
}
#dashboardPage .ma_fqa-list_arrow img {
  margin-top: -4px;
  transform: rotate(90deg);
}
#dashboardPage .active .ma_fqa-list_arrow img {
  transform: rotate(270deg);
}
#dashboardPage .ma_fqa-list_content {
  padding: 40px 20px;
  background: #e9e9ec;
  border-top: 1px solid #b2b2bd;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#dashboardPage .ma_fqa-list_content p {
  color: #4b4b58;
  line-height: 24px;
}

/* 금화선물 페이지 */
#modifyMembersGiftEditViewPage .ma_form_label {
  color: #626474;
  min-width: 62px;
}
#pointEditViewPage .ma_form_label {
  color: #626474;
  min-width: 62px;
}

/* 헤더 , 탭메뉴 */
.ma_rating_label {
  padding: 4px 6px;
}
.ma_rating_label.color-gray {
  background: #e9e9ec;
  border-color: #cdcdd5 !important;
  color: #4b4b58;
}
.ma_rating_label.color-blue {
  background: #cfe0f3;
  border-color: #bfd3ea !important;
  color: rgba(40, 109, 191, 1);
}
.ma_rating_label.color-lblue {
  background: rgba(204, 227, 255, 1);
  border-color: #bddbff !important;
  color: rgba(46, 142, 255, 1);
}
.ma_rating_label.color-violet {
  background: rgba(242, 206, 255, 1);
  border-color: #eebfff !important;
  color: rgba(201, 46, 255, 1);
}

.ma_rating_label.color-purple {
  background: rgba(211, 204, 255, 1);
  border-color: #ccbdff !important;
  color: rgba(138, 46, 255, 1);
}
.ma_top_profile > li {
  position: relative;
  padding: 0 4px;
}
.ma_top_profile > li::after {
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  position: absolute;
  height: 12px;
  width: 1px;
  background: rgba(233, 233, 236, 1);
}
.ma_top_profile li:last-of-type::after {
  display: none;
}
.ma_tab {
  height: 40px;
  background: white;
  border-color: #cdcdd5 !important;
  background: #e8ebee;
  border-bottom: none !important;
}
.ma_tab_left {
  width: calc(100% - 120px);
}
.ma_tab_scroll-warp {
  max-width: calc(100% - 76px);
  position: relative;
  margin-left: -8px;
}
.ma_tab_scroll-gradation {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.ma_tab_scroll-gradation.start-scroll::after {
  content: "";
  z-index: 1;
  left: 0;
  top: 6px;
  width: 16px;
  height: 36px;
  position: absolute;
  background: white;
  background: linear-gradient(
    90deg,
    rgba(232, 235, 238, 1) 0%,
    rgba(232, 235, 238, 1) 20%,
    rgba(232, 235, 238, 0) 100%
  );
}
.ma_tab_scroll-gradation::before {
  content: "";
  z-index: 2;
  position: absolute;
  right: 0;
  top: 6px;
  width: 16px;
  height: 36px;
  background: white;
  background: linear-gradient(
    270deg,
    rgba(232, 235, 238, 1) 0%,
    rgba(232, 235, 238, 1) 20%,
    rgba(232, 235, 238, 0) 100%
  );
  display: none;
}
.ma_tab_scroll:has(.ma_tab_tab) + .ma_tab_scroll-gradation::before {
  display: block;
}
.ma_tab_scroll {
  z-index: 1;
  position: relative;
  padding-left: 8px;
  bottom: -6px;
  display: flex;
  overflow-x: scroll;
  scroll-behavior: smooth;
}
.ma_tab_scroll::-webkit-scrollbar {
  height: 10px; /* 스크롤바의 너비 */
}
.ma_tab_scroll::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 20px;
}
.ma_tab_scroll:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(233, 233, 236, 1);
  background-clip: padding-box;
  border: 4px solid transparent;
}
.ma_tab_scroll:hover::-webkit-scrollbar-thumb {
  background: #7b7b8f; /* 스크롤바의 색상 */
  background-clip: padding-box;
  border: 4px solid transparent;
}
/* 탭, 탭닫기 버튼 감싸는 테두리 */
.ma_tab_tab {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.4);
  margin-right: 12px;
  padding: 0 10px !important;
  height: 36px;
}
.ma_tab_tab:last-of-type {
  margin-right: 22px;
}
.ma_tab_tab::before {
  position: absolute;
  left: -8px;
  content: "";
  width: 8px;
  height: 36px;
  background: url(/resources/admin/img/mdi-tab-design.svg);
  opacity: 0.4;
}
.ma_tab_tab::after {
  position: absolute;
  right: -8px;
  content: "";
  width: 8px;
  height: 36px;
  background: url(/resources/admin/img/mdi-tab-design.svg);
  transform: scaleX(-1);
  opacity: 0.4;
}
.ma_tab_tab:hover {
  background: rgba(255, 255, 255, 0.7);
}
.ma_tab_tab:hover::before {
  opacity: 0.7;
}
.ma_tab_tab:hover::after {
  opacity: 0.7;
}
.ma_tab_tab.active,
.ma_tab_tab:active {
  background: rgba(255, 255, 255, 1);
}
.ma_tab_tab.active::before,
.ma_tab_tab:active::before {
  opacity: 1;
}
.ma_tab_tab.active::after,
.ma_tab_tab:active::after {
  opacity: 1;
}
.ma_tab_tab.active .ma_tab_tab_btn {
  color: #ed6d00 !important;
}
/* 탭 버튼 링크 */
.ma_tab_tab_btn {
  font-size: 14px;
  padding: 0;
  border-radius: 100px;
  border: none !important;
  transition: none;
  color: #9696a6 !important;
  height: 100%;
}
.ma_tab_tab_btn:active {
  color: rgba(75, 75, 88, 1) !important;
}
.ma_tab_tab_btn_img-home {
  background: url(/resources/admin/img/home-btn.svg) no-repeat center;
  width: 15px;
  height: 15px;
  margin-bottom: 4px;
}
.active .ma_tab_tab_btn_img-home {
  background: url(/resources/admin/img/home-btn-primary.svg) no-repeat center;
}
.ma_tab_right_alarm {
  position: relative;
  width: 32px;
  height: 32px;
  background: url(/resources/admin/img/header-alarm-btn.svg) no-repeat center;
  border: none !important;
  transition: none;
}
.ma_tab_right_alarm.active {
  background: url(/resources/admin/img/header-alarm-btn-primary.svg) no-repeat
    center;
  background-color: white !important;
}
.alarm-list li {
  height: 80px;
}
.alarm-list li p {
  max-height: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  text-overflow: ellipsis;
}
.ma_new::after {
  content: "N";
  position: absolute;
  top: 4px;
  right: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ed6d00;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 8px;
  pointer-events: none;
}
.ma_tab_right_btn {
  position: relative;
  height: 32px;
  color: rgba(150, 150, 166, 1);
  font-size: 14px;
  border: none !important;
  transition: none;
}
.ma_tab_right_btn.active {
  background: white !important;
  color: #ed6d00 !important;
}
.ma_all_close_btn {
  width: 24px;
  height: 24px;
  background-color: white;
  box-shadow: none !important;
  outline: none !important;
}
.ma_notice-alarm {
  width: 240px;
  border-color: #1c1c21 !important;
  background: white;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%) translateY(16px);
}
.ma_notice-alarm li:last-of-type {
  border: none !important;
}
.ma_notice-alarm_img {
  position: absolute;
  width: 17.5px;
  height: 15px;
  top: -14px;
  transform: translateX(-50%);
  left: 50%;
  background: url(/resources/admin/img/notice-alarm-polygon.svg) no-repeat
    center;
}
.ma_notice-alarm_img::after {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 4px);
  height: 2px;
  background: white;
}
.ma_tab_scroll-control {
  display: flex;
  padding-right: 16px;
}
.ma_tab_scroll-control_btn {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white !important;
  border: none !important;
}
.ma_tab_scroll-control_btn img {
  width: 22px;
  transform: rotate(90deg);
}
.ma_tab_scroll-control_btn:nth-of-type(2) img {
  transform: rotate(270deg);
}
.ma_tab_scroll-control_btn:active {
  background: #c0c0c4 !important;
}

.dimd {
  z-index: 200;
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
}
.zindex201 {
  z-index: 201;
}
.depth-input-text {
  border: 1px solid #88888b;
  width: calc(100% - 36px);
}
.table-line-clamp {
  min-height: 40px;
  white-space: wrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  max-height: 96px;
  overflow: hidden;
}

p.devOnly {
  padding-left: 50px;
}



.input_filled_grey{
	border: 1px solid #d3d3da !important;
}

.input_filled_grey::placeholder {
	color: rgb(33 37 41) !important;
}