.datepicker-container {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
}
.datepicker-container .yearpicker-input,
.datepicker-container .datepicker-input {
  display: inline-block;
  padding: 0 32px 0 16px;
  background-image: url("../../images/pc/ic_calendar.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 6px) 50%;
  text-overflow: ellipsis;
  cursor: pointer;
}
.datepicker-container .input-wrap .input-text {
  padding: 0 30px 0 var(  --input-padding-side);
}
.datepicker-container .input-date-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.datepicker-container .input-date-wrap .datepicker-input {
  width: 100%;
  min-width: 200px;
  height: 32px;
  padding: 0 12px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #171717;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.datepicker-container .input-date-wrap .datepicker-input:hover, .datepicker-container .input-date-wrap .datepicker-input:focus {
  border: 1px solid #a0a4b6;
  outline: none;
}
.datepicker-container .input-date-wrap .datepicker-input:-moz-read-only {
  background-color: #fff;
  color: #727272;
}
.datepicker-container .input-date-wrap .datepicker-input:read-only {
  background-color: #fff;
  color: #727272;
}
.datepicker-container .input-date-wrap .datepicker-input:disabled {
  color: rgba(202, 204, 215, 0.5019607843);
  border: 1px solid #e0e1ea;
  background-color: #f5f6fa;
}
.datepicker-container .input-date-wrap .datepicker-input:disabled::-webkit-input-placeholder {
  color: rgba(202, 204, 215, 0.5019607843);
}
.datepicker-container .input-date-wrap .datepicker-input:disabled::-moz-placeholder {
  color: rgba(202, 204, 215, 0.5019607843);
}
.datepicker-container .input-date-wrap .datepicker-input:disabled:-ms-input-placeholder {
  color: rgba(202, 204, 215, 0.5019607843);
}
.datepicker-container .input-date-wrap .datepicker-input:disabled::-ms-input-placeholder {
  color: rgba(202, 204, 215, 0.5019607843);
}
.datepicker-container .input-date-wrap .datepicker-input:disabled::placeholder {
  color: rgba(202, 204, 215, 0.5019607843);
}
.datepicker-container .input-date-wrap .range-picker-input {
  width: 100%;
  height: var(--input-height);
  padding: 0 32px 0 var(  --input-padding-side);
  border: 1px solid var(--input-border-color);
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #171717;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  background-image: url("../../images/pc/ic_calendar.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 6px) 50%;
  text-overflow: ellipsis;
}

.datepicker-container .input-date-wrap .range-picker-input:-moz-read-only {
  background-color: #f8f9fd;
  color: #a0a4b6;
}
.datepicker-container .input-date-wrap .range-picker-input:read-only, .datepicker-container .input-date-wrap .range-picker-input[readonly] {
/*   background-color: #f8f9fd; */
  background-color: #fafafa;
  color: #a0a4b6;
}
.datepicker-container .input-date-wrap .range-picker-input:disabled {
  color: #6e728b;
  border: 1px solid #e0e1ea;
/*   background-color: #f8f9fd; */
  background-color: #fafafa;
}
.datepicker-container .input-date-wrap .range-picker-input:disabled::-webkit-input-placeholder {
  color: rgba(202, 204, 215, 0.5019607843);
}
.datepicker-container .input-date-wrap .range-picker-input:disabled::-moz-placeholder {
  color: rgba(202, 204, 215, 0.5019607843);
}
.datepicker-container .input-date-wrap .range-picker-input:disabled:-ms-input-placeholder {
  color: rgba(202, 204, 215, 0.5019607843);
}
.datepicker-container .input-date-wrap .range-picker-input:disabled::-ms-input-placeholder {
  color: rgba(202, 204, 215, 0.5019607843);
}
.datepicker-container .input-date-wrap .range-picker-input:disabled::placeholder {
  color: rgba(202, 204, 215, 0.5019607843);
}
.datepicker-container.start-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.datepicker-container.start-end .bar {
  margin: 0 5px;
}

ui-widget-header {
  background: #fff;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  margin-bottom: 20px;
  background: none;
  border: 0;
}

.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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: auto;
  background: none;
  padding: 0;
  border: 0px solid #c5c5c5;
  text-align: center;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: rgba(47, 131, 255, 0.1);
  color: #2f83ff;
  border-radius: 50%;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 0em;
  color: #2d3145;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 0px;
}

.ui-datepicker {
  display: none;
  background-color: #fff;
  border-radius: 4px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 20px;
  width: 340px;
  z-index: calc(var(--popup-zindex) + 1) !important;
}

.ui-widget.ui-widget-content {
  border-radius: 4px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
  -webkit-box-shadow: none;
  box-shadow: none;
}

#datepicker:focus > .ui-datepicker {
  display: block;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  cursor: pointer;
}

.ui-datepicker-next {
  float: right;
}

.ui-state-disabled {
  cursor: auto;
  color: hsl(0, 0%, 80%);
}

.ui-datepicker-title {
  text-align: center;
  padding: 10px;
  font-weight: 100;
  font-size: 20px;
}

.ui-datepicker-calendar {
  width: 100%;
}

.ui-datepicker-calendar > thead > tr > th {
  color: #a0a4b6;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  padding: 7px 0;
}

.ui-datepicker-calendar > tbody > tr > td > a {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.ui-datepicker-calendar > tbody > tr > .ui-state-disabled:hover {
  cursor: auto;
  background-color: #fff;
}

.ui-datepicker-calendar > tbody > tr > td {
  border-radius: 100%;
  width: 20px;
  height: 20px;
  padding: 4px 6px;
  font-weight: 100;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}
.ui-datepicker-calendar > tbody > tr > td.ui-datepicker-other-month {
  color: rgba(202, 204, 215, 0.5019607843);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.ui-datepicker-calendar > tbody > tr > td:hover {
  background-color: transparent;
  opacity: 0.6;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 0px solid #cccccc;
  background-color: transparent;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  width: 24px;
  height: 24px;
  top: 0;
}
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
  position: static;
  margin: 0;
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover {
  background: none;
  top: 0;
}

.ui-datepicker .ui-datepicker-prev {
  left: 0;
}
.ui-datepicker .ui-datepicker-prev .ui-icon {
  width: 24px;
  height: 40px;
  background-image: url("../../images/pc/ic_next_24.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ui-datepicker .ui-datepicker-next {
  right: 0;
}
.ui-datepicker .ui-datepicker-next .ui-icon {
  width: 24px;
  height: 40px;
  background-image: url("../../images/pc/ic_next_24.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
}

.ui-icon-circle-triangle-e {
  background-position: -20px 0px;
  background-size: 36px;
}

.ui-icon-circle-triangle-w {
  background-position: 0px 0px;
  background-size: 36px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 0px;
  color: #2f83ff;
  border-radius: 50%;
  padding: 0;
}

.inp {
  padding: 10px 10px;
  background-color: #f1f1f1;
  border-radius: 4px;
  border: 0px;
}

.inp:focus {
  outline: none;
  background-color: #eee;
}

.daterangepicker.custom .drp-calendar.left,
.daterangepicker.custom .drp-calendar.right {
  padding: 22px;
  max-width: none;
}
.daterangepicker.custom .calendar-table table {
  border-spacing: 0 8px;
  border-collapse: separate;
}
.daterangepicker.custom .calendar-table thead tr:first-child th {
  padding-bottom: 12px;
}
.daterangepicker.custom .calendar-table th,
.daterangepicker.custom .calendar-table td {
  color: #2d3145;
  font-size: 16px;
}
.daterangepicker.custom .calendar-table th {
  padding: 3px 0;
  color: #a0a4b6;
  font-size: 14px;
  font-weight: 500;
}
.daterangepicker.custom .calendar-table th.month {
  color: #2d3145;
  font-size: 16px;
  font-weight: 600;
}
.daterangepicker.custom .calendar-table td {
  width: 30px;
  height: 30px;
  padding: 2px 9px;
}
.daterangepicker.custom .calendar-table td.active, .daterangepicker.custom .calendar-table td:hover {
  background-color: rgba(47, 131, 255, 0.1);
  color: #2f83ff;
}
.daterangepicker.custom .calendar-table td.off {
  color: rgba(202, 204, 215, 0.5019607843);
  font-weight: 400;
}
.daterangepicker.custom .calendar-table td.start-date {
  border-radius: 15px 0 0 15px;
}
.daterangepicker.custom .calendar-table td.start-date.end-date {
  border-radius: 15px;
}
.daterangepicker.custom .calendar-table td.end-date {
  border-radius: 0 15px 15px 0;
}
.daterangepicker.custom .calendar-table td.in-range {
  background-color: #eaf3ff;
}






.daterangepicker .drp-calendar.left, 
.daterangepicker .drp-calendar.right {
    padding: 22px !important;
    max-width: none;
}

.daterangepicker .calendar-table table {
    border-spacing: 0 8px  !important;
    border-collapse: separate !important;
}

.daterangepicker .calendar-table thead tr:first-child th {
    padding-bottom: 12px;
}

.daterangepicker .calendar-table th, 
.daterangepicker .calendar-table td {
    color: #2d3145;
    font-size: 16px !important;
}

.daterangepicker .calendar-table th {
    padding: 3px 0;
    color: #a0a4b6;
    font-size: 14px !important;
    font-weight: 500;
}

.daterangepicker .calendar-table th.month {
    color: #2d3145;
    font-size: 16px !important;
    font-weight: 600;
}

.daterangepicker .calendar-table td {
    width: 30px !important;
    height: 30px !important; 
    padding: 2px 9px;
}

.daterangepicker .calendar-table td.active, .daterangepicker .calendar-table td:hover {
    background-color: rgba(47, 131, 255, 0.1);
    color: #2f83ff;
}

.daterangepicker .calendar-table td.off {
    color: #caccd7;
    font-weight: 400;
}

.daterangepicker .calendar-table td.start-date {
    border-radius: 15px 0 0 15px;
}

.daterangepicker .calendar-table td.start-date.end-date {
    border-radius: 15px;
}

.daterangepicker .calendar-table td.end-date {
    border-radius: 0 15px 15px 0;
}

.daterangepicker .calendar-table td.in-range {
    background-color: #eaf3ff;
}







.ui-monthpicker {
  width: auto;
}
.ui-monthpicker .ui-datepicker-header {
  margin-bottom: 30px;
}
.ui-monthpicker .ui-datepicker-calendar {
  width: auto;
}
.ui-monthpicker .ui-datepicker-title .ui-datepicker-year {
  width: auto;
  border: 0;
}
.ui-monthpicker .ui-datepicker-calendar tbody td {
  width: 76px;
  height: 76px;
  padding: 12px 13px;
}
.ui-monthpicker .ui-datepicker-calendar tbody td .ui-state-default {
  display: block;
  width: 100%;
  height: 100% !important;
  line-height: 52px !important;
}
.ui-monthpicker .ui-datepicker-buttonpane {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ui-monthpicker .ui-datepicker-buttonpane .ui-datepicker-current {
  padding: 8px 16px;
  border-radius: 4px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
  background: #fff;
  color: #2d3145;
  font-size: 16px;
  font-weight: 600;
}
.ui-monthpicker .ui-datepicker-buttonpane .ui-datepicker-close {
  display: none;
}

.datepicker-container .yearpicker-container {
  width: 240px;
  margin-top: 36px;
  padding: 10px;
  z-index: 100;
}
.datepicker-container .yearpicker-container .yearpicker-header {
  height: 40px;
  border: 0;
}
.datepicker-container .yearpicker-container .yearpicker-header [data-view=yearpicker-current] {
  color: #2d3145;
  font-size: 16px;
  font-weight: 600;
}
.datepicker-container .yearpicker-container .yearpicker-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  border-radius: 50%;
  height: 55px;
  border-radius: 50%;
  color: #2d3145;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
.datepicker-container .yearpicker-container .yearpicker-items:hover {
  color: #2f83ff;
  background: rgba(47, 131, 255, 0.1);
}
/* ----------------------- Error ------------------- */
.error-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
}
.error-container .error-wrap {
  text-align: center;
  padding-top: 150px;
  background: url("../../images/pc/error_horn.svg") no-repeat 50% 0;
}
.error-container .error-wrap .notice-title {
  display: block;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  color: #171717;
  line-height: 26px;
}
.error-container .error-wrap .notice-content {
  margin-bottom: 56px;
  font-size: 16px;
  font-weight: 500;
  color: #8e8e8e;
  line-height: 24px;
}
.error-container .button-container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 96px;
}
@charset "UTF-8";
.grid-container {
  position: relative;
}
.grid-container.divide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.grid-container.divide .grid-layout {
  width: 50%;
}
.grid-container .dhx_layout-cell {
  background-color: white;
}
.grid-container .dhx_layout-space.dhx_layout-rows > .dhx_layout-cell {
  margin: 0;
  border: 0;
}
.grid-container .dhx_layout-space.dhx_layout-rows > .dhx_layout-cell:last-child {
  margin: 0;
}
.grid-container .grid-top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.grid-container .grid-top-wrap.both-side {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.grid-container .grid-top-wrap .grid-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 20px;
  color: #2d3145;
}
.grid-container .dhx_sample-container {
  max-width: initial;
  min-height: auto;
  margin-top: 0px;
}
.grid-container .grid-bottom-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.grid-container .transport-upload-container {
  margin-top: 16px;
}

.dhx_checkbox__visual-input {
  border: 1px solid #2d3145;
}

.dhx_header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #eff2fb;
  border-right: 1px solid var(--td-border-color);
}
.dhx_header-row .dhx_last-column-cell {
  border-right: 1px solid var(--td-border-color);
}

.dhx_grid {
  font-family: "Pretendard", Arial !important;
}
.dhx_grid .dhx_grid-body {
  overflow-y: auto;
}
.dhx_grid .dhx_grid-body .dpx_span-first-row {
  border-left: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.dhx_grid .dhx_checkbox__visual-input {
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
}

.grid-table {
  width: 100%;
  max-width: none;
}
.grid-table.scroll-no .dhx_grid-body {
  overflow-y: hidden;
}
.grid-table .dhx_grid-body::-webkit-scrollbar {
  width: 6px; /*스크롤바의 너비*/
  height: 9px;

  background: transparent;
/*   background:red; */


}
.grid-table .dhx_grid-less-height .dhx_span-row:first-child .dhx_span-cell {
  border-left: 1px solid var(--td-border-color);
}
.grid-table .dhx_grid-less-height .dhx_footer-fixed-cols .dhx_footer-row:last-of-type .dhx_grid-footer-cell {
  border-right: 0;
  border-bottom: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.grid-table.fix-row-10 .dhx_data-wrap {
  max-height: 470px;
  overflow-y: auto;
}
.grid-table.fix-row-5 .dhx_data-wrap {
  max-height: 220px;
  overflow-y: auto;
}
.grid-table .dhx_grid-cell .td-link {
  display: block;
  color: #2f83ff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}
.grid-table .dhx_grid-cell .sm-text {
  display: block;
  color: #6e728b;
  font-size: 12px;
}
.grid-table .dhx_grid-cell.dhx_grid-cell__editable .dhx_cell-editor__combobox .dhx_combobox-input-box {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.grid-table .dhx_grid-cell.dhx_grid-cell__editable .dhx_combobox-input__icon {
  right: 8px;
}
.grid-table .dhx_grid-cell.dhx_grid-cell__editable .dhx_combobox-input__icon .dxi.dxi-menu-down:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../../images/pc/ic_arrow_down.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.grid-table .dhx_grid-cell.dhx_grid-cell__editable .dhx_combobox-input__icon .dxi.dxi-menu-up:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../../images/pc/ic_arrow_down.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.grid-table .dhx_grid-cell.cell_select {
  background-image: url("../../images/pc/ic_arrow_down.svg");
  background-repeat: no-repeat;
  background-position: 95%;
}
.grid-table .dhx_grid-cell .tooltip-container,
.grid-table .dhx_grid-cell .tooltip-wrap {
  z-index: var(--grid-inner-tooltip-wrap);
}
.grid-table .dhx_grid-row .dhx_span-cell {
  border-left: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.grid-table .dhx_header-wrapper .dhx_grid_fixed_left .dhx_header-row .dhx_grid-header-cell:first-child {
/*   border-left: 0; */
/*   border-left:1px solid red; */
}
.grid-table .dhx_header-wrapper .dhx_grid_fixed_left .dhx_header-row .dhx_grid-header-cell:first-child.dhx_grid-header-cell--sortable {
  border-left: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.grid-table .dhx_grid-header-cell,
.grid-table .dhx_grid-cell {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.grid-table .dhx_grid-header-cell .field-checkbox .checkbox-wrap,
.grid-table .dhx_grid-cell .field-checkbox .checkbox-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.grid-table .dhx_grid-header-cell .field-checkbox .chk-label:before,
.grid-table .dhx_grid-cell .field-checkbox .chk-label:before {
  margin: 0;
}
.grid-table .dhx_grid-header-cell .dhx_grid-sort-icon:before {
  content: "";
  width: 12px;
  height: 16px;
  background-image: url("../../images/pc/ic_order.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.grid-table .dhx_grid-header-cell .dhx_grid-sort-icon--desc:before {
  content: "";
  width: 12px;
  height: 16px;
  background-image: url("../../images/pc/ic_desc.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.grid-table .dhx_grid-header-cell .dhx_grid-sort-icon--asc:before {
  content: "";
  width: 12px;
  height: 16px;
  background-image: url("../../images/pc/ic_desc.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.grid-table .dhx_grid-header .dhx_header-rows {
  border-bottom: 1px solid var(--td-border-color);
}
.grid-table .dhx_grid-header .dhx_header-rows .dhx_header-row[aria-rowindex="2"] .dhx_grid-header-cell {
  /* border-bottom: 1px solid rgba(202, 204, 215, 0.5019607843);*/
  border-left: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.grid-table .dhx_grid-header .dhx_grid-header-cell .dhx_grid-filter__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.grid-table .dhx_grid-header .dhx_grid-header-cell .dhx_grid-filter__label::before {
  content: "";
}
.grid-table .dhx_grid-header .dhx_grid-header-cell .dhx_grid-filter__label .dhx_grid-filter {
  height: 28px;
  margin: 9px 8px;
  padding: 5px 8px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}



.grid-table .dhx_grid-body .dhx_data-wrap {
  border-right: 1px solid var(--td-border-color);
}
.grid-table .dhx_footer-wrapper:last-child {
  border-bottom: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.grid-table .dhx_footer-wrapper:last-child .dhx_grid-footer .dhx_footer-row .dhx_first-column-cell {
  border-left: 1px solid #a0a4b6;
}
.grid-table .dhx_footer-wrapper:last-child .dhx_grid-footer .dhx_footer-row .dhx_grid-footer-cell {
  position: relative;
  height: 44px;
  border-left: 1px solid rgba(202, 204, 215, 0.5019607843);
  border-right: 0;
  border-top: 0;
}
.grid-table .dhx_footer-wrapper:last-child .dhx_grid-footer .dhx_footer-row .dhx_grid-footer-cell .td-text {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: #2d3145;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 700;
}
.grid-table .dhx_footer-wrapper:last-child .dhx_grid-footer .dhx_footer-row .dhx_grid-footer-cell .td-text.align-right {
  text-align: right;
}
.grid-table .dhx_footer-wrapper:last-child .dhx_grid-footer .dhx_footer-row .dhx_last-column-cell {
  border-right: 1px solid rgba(202, 204, 215, 0.5);
}
.grid-table .dhx_header-fixed-cols:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 0;
  width: 15px;
  height: 100%;
  display: block;
  opacity: 0.5;
  background: -webkit-gradient(linear, left top, right top, from(#bec0ca), to(rgba(190, 192, 202, 0)));
  background: linear-gradient(90deg, #bec0ca 0%, rgba(190, 192, 202, 0) 100%);
}
.grid-table .dhx_header-fixed-cols .dhx_header-spans .dhx_header-row .dhx_grid-header-cell {
  border-bottom: none !important;
}
.grid-table .dhx_header-fixed-cols .dhx_grid_fixed_left div[aria-rowindex="2"] {
  border-top: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.grid-table .dhx_header-fixed-cols.dhx_grid__cols_left--fixed .dhx_last-column-cell {
  border-right: 0;
}
.grid-table .dhx_grid-fixed-cols-wrap .dhx_grid__cols-border--frozen {
  display: none;
  width: 0;
  height: 0;
}
.grid-table .dhx_grid-fixed-cols-wrap .dhx_span-cell {
  border-top: 1px solid rgba(202, 204, 215, 0.5019607843);
  border-left: 1px solid rgba(202, 204, 215, 0.5019607843);
  border-bottom: none;
}
.grid-table .dhx_grid-fixed-cols-wrap .dhx_span-cell.dhx_span-first-col, .grid-table .dhx_grid-fixed-cols-wrap .dhx_span-cell.dhx_gird__span_bottom--last-row {
  border-left: 1px solid #caccd7 !important;
}
.grid-table .field-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 0;
}
.grid-table .field-form .input-text {
  width: 100%;
}
.grid-table .dhx_grid-content {
  border: 0;
}
.grid-table .dhx_grid-content .dhx_data-wrap::-webkit-scrollbar {
  width: 6px; /*스크롤바의 너비*/
  height: 6px; /*스크롤바의 너비*/
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row:last-child {
  border-bottom: 1px solid var(--td-border-color);
}




/* 
* problemproblem

출장경비 / 경비 / 결재내역 조회 확인됨

 */

.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row .dhx_grid-cell {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 44px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 40px;
  border-top: 1px solid var(--td-border-color);
/*   border-left: 1px solid red; */
/*   border-left: 1px solid var(--td-border-color); */
  font-size: 14px;
  font-weight: 500;
/*   color: #2d3145; */
  color : var(--text-black-color);
}



.dhx_grid-row .dhx_grid-cell {	
	border-left: 1px solid var(--td-border-color) !important;
}



.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row .dhx_grid-cell .td-text {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: #2d3145;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row .dhx_grid-cell .td-text.align-right {
  text-align: right;
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row .dhx_grid-cell .td-text.minus {
  color: #ff4646;
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row .dhx_grid-cell .tbl-select {
  width: 100%;
  border: 1px solid #ebedf2;
  border-radius: 2px;
  height: 32px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #aaaaaa;
}
.cell-border .grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row .dhx_grid-cell {
  background-color: #fff;
  line-height: 44px;
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row .dhx_grid-cell.dhx_grid-expand-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row .dhx_grid-cell .link {
  font-size: 14px;
  font-weight: 500;
  color: #2f83ff;
  line-height: 20;
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row .dhx_grid-cell .dhx_tooltip {
  padding: 10px 20px;
  background: #6e728b;
  -webkit-box-shadow: 0px 4px 10px rgba(64, 67, 79, 0.2);
  box-shadow: 0px 4px 10px rgba(64, 67, 79, 0.2);
  border-radius: 4px;
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row .dhx_grid-cell .button-container .btn {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: auto;
  height: 28px;
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row .dhx_grid-cell .button-container .btn.small {
  height: 28px;
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row .dhx_grid-cell .status-chip.small {
  width: 60px;
  height: 28px;
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row .dhx_grid-cell .grid-progress {
  display: contents;
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row .dhx_grid-cell.dhx_align-center .button-container.auto {
  width: auto;
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row.custom_row {
  position: relative;
  background: #edf4ff;
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_grid-row.custom_row:before {
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #2f83ff;
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_checkbox__visual-input {
  border: 0;
  width: 2rem;
  height: 2rem;
  max-width: none;
  max-height: none;
  background-image: url("../../images/pc/checkbox_uncheck.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.grid-table .dhx_grid-content .dhx_grid_data .dhx_checkbox__input:checked + .dhx_checkbox__visual-input {
  width: 2rem;
  height: 2rem;
  max-width: none;
  max-height: none;
  background-color: transparent;
  background-image: url("../../images/pc/checkbox_checked.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.grid-table .custom_field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 28px;
  text-align: center;
  background: #ffffff;
}
.grid-table .custom_field .input-grid {
  width: 100%;
  height: 100%;
  border: 1px solid #ebedf2;
  border-radius: 2px;
  font-weight: 500;
  font-size: 14px;
  color: #000;
}
.grid-table .custom_field .input-search {
  padding-right: 32px;
}
.grid-table .custom_field .btn-search {
  position: absolute;
  right: 16px;
}
.grid-table .select-custom {
  width: 100%;
  cursor: pointer;
}
.grid-table .select-custom select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 2.8rem;
  padding: 0.4rem 3rem 0.4rem 0.8rem;
  border: 1px solid #ebedf2;
  border-radius: 2px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #2d3145;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("../../images/pc/ic_arrow_down.svg");
  background-repeat: no-repeat;
  background-position: 90% 50%;
  cursor: pointer;
}
.grid-table .select-custom select option {
  padding: 10px 12px;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
}
.grid-table .select-custom select:focus {
  outline: none;
}
.grid-table .dhx_layout-space.dhx_layout-rows > .dhx_layout-cell {
  margin: 0;
  border: 0;
}
.grid-table .dhx_layout-space.dhx_layout-rows > .dhx_layout-cell:last-child {
  margin: 0;
}
.grid-table .dhx_grid.tooltip-grid .dhx_data-wrap {
  overflow: visible;
}
.grid-table .dhx_grid.tooltip-grid .dhx_grid-row {
  overflow: visible;
}
.grid-table .dhx_grid.tooltip-grid .dhx_grid-row .dhx_grid-cell__content {
  overflow: visible;
  color: #2d3145;
  font-weight: 400;
  font-size: 14px;
}
.grid-table .dhx_grid.tooltip-grid .dhx_grid-content .dhx_grid-cell {
  overflow: visible;
}

.dhx_sample-container {
  margin-top: 0;
  max-width: none;
  min-height: initial;
}


.dhx_grid-body > div {
  width: auto;
  
  /* 
  border-bottom: 1px solid gold;
   */
}


.dhx_grid-less-height .dhx_footer-fixed-cols .dhx_footer-row:last-of-type {
  border-bottom: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.dhx_footer-fixed-cols {
  background: #f8f9fd;
  border-right: 1px solid rgba(202, 204, 215, 0.5019607843);
  border-bottom: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.dhx_footer-fixed-cols .dhx_span-cell {
  background-color: #eff2fb;
}
.dhx_footer-fixed-cols .dhx_footer-row .dhx_grid-footer-cell {
  border-right: 0;
  border-bottom: 0;
  border-left: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.dhx_footer-fixed-cols .dhx_footer-row .dhx_grid-footer-cell:last-child {
  margin-right: -1px;
}
.dhx_footer-fixed-cols .dhx_footer-row .dhx_last-column-cell {
  border-right: 0 !important;
}

.dhx_header-wrapper .dhx_header-row[aria-rowindex="2"] {
/*   border-top: 1px solid rgba(202, 204, 215, 0.5019607843); */
}

.dhx_header-wrapper .dhx_header-row .dhx_grid-header-cell {
  
  background-color: var(--th-bg-color-1);
  border-top: 0;
  border-left-color: var(--td-border-color) !important;
  border-bottom: 0;
}
.dhx_header-wrapper .dhx_header-row .dhx_grid-header-cell .sm-text {
  display: contents;
  color: #a0a4b6;
  font-size: 12px;
  font-weight: 500;
}
.dhx_header-wrapper .dhx_header-row .dhx_grid-header-cell.dhx_first-column-cell:after {
  content: "";
  display: none;
}
.dhx_header-wrapper .dhx_header-row .dhx_grid-header-cell .dhx_checkbox__visual-input {
  width: 2.4rem;
  height: 2.4rem;
  max-width: none;
  max-height: none;
  border: 0;
  background-color: transparent;
  background-image: url("../../images/pc/checkbox_checked.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.dhx_header-wrapper .dhx_header-spans .dhx_header-row .dhx_grid-header-cell {
  border-bottom: none !important;
}
.dhx_header-wrapper .dhx_header-spans .dhx_header-row .dhx_first-column-cell {
  border-left: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.dhx_header-wrapper .dhx_grid_fixed_left .dhx_span-cell {
  border-bottom: 1px solid rgba(202, 204, 215, 0.5019607843);
}

.dhx_data-wrap .dhx_span-cell {
  border-top: none;
  border-left: 1px solid rgba(202, 204, 215, 0.5019607843);
  border-bottom: 1px solid rgba(202, 204, 215, 0.5019607843);
}

.dhx_header-fixed-cols .dhx_grid-header .dhx_header-row .dhx_grid-header-cell {
  padding: 0;
  background: #f5f6fa;
}
.dhx_header-fixed-cols .dhx_grid-header .dhx_header-row .dhx_grid-header-cell .dhx_checkbox__visual-input {
  width: 2.4rem;
  height: 2.4rem;
  max-width: none;
  max-height: none;
  border: 0;
  background-color: transparent;
  background-image: url("../../images/pc/checkbox_checked.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.dhx_header-fixed-cols .dhx_grid-header.dhx_grid_fixed_left .dhx_header-row .dhx_grid-header-cell {
  padding: 0;
  border-left: 1px solid var(--td-border-color) !important;
  border-bottom: 0;
  border-top: 0;
  background: #f5f6fa;
}
.dhx_header-fixed-cols .dhx_grid-header .dhx_grid-header-cell-text_content {
  padding: 0;
  color: #2d3145;
  font-weight: 600;
  font-size: 1.4rem;
}
.dhx_header-fixed-cols .dhx_grid-header .dhx_grid-header-cell-text {
  padding: 0;
  background-color: var(--th-bg-color-1);
}
.dhx_header-fixed-cols .dhx_grid-header .dhx_span-row .dhx_span-cell:not(:first-child) {
  
  background-color: var(--th-bg-color-1);
  border-left: 1px solid var(--td-border-color) !important;
  
  
  border-right: 0;
}
.dhx_header-fixed-cols .dhx_header-spans {
  width: 0;
}

.dhx_grid-header-cell,
.dhx_grid-footer-cell,
.dhx_span-cell {
  padding: 0 16px;
  background: #eff2fb;
  color: #2d3145;
}
.dhx_grid-header-cell .dhx_span-cell-content,
.dhx_grid-footer-cell .dhx_span-cell-content,
.dhx_span-cell .dhx_span-cell-content {
  color: #2d3145;
}
.dhx_grid-header-cell .dhx_grid-header-cell-text_content,
.dhx_grid-footer-cell .dhx_grid-header-cell-text_content,
.dhx_span-cell .dhx_grid-header-cell-text_content {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #2d3145;
}

.dhx_grid-fixed-cols .dhx_grid-cell {
/*   border-left: 1px solid rgba(202, 204, 215, 0.5019607843); */
/*   border-top: 1px solid rgba(202, 204, 215, 0.5019607843) !important; */
  
  border-left: 1px solid var(--td-border-color);
  border-top: 1px solid var(--td-border-color) !important;
  
  
  color: #2d3145 !important;
  font-weight: 400;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dhx_grid-fixed-cols .dhx_grid-cell .td-text {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: #2d3145;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}
.dhx_grid-fixed-cols .dhx_grid-cell .td-text.align-right {
  text-align: right;
}
.dhx_grid-fixed-cols .dhx_grid-cell:first-child {
  border-left: 1px solid var(--td-border-color);
}

.grid-bottom-container {
  margin-top: 14px;
  position: relative;
}
.grid-bottom-container .grid-bottom-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.grid-bottom-container .total-count {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2rem;
  color: #2d3145;
}
.grid-bottom-container .total-count .num {
  padding-left: 6px;
  color: #2f83ff;
}
.grid-bottom-container .field-container.count .field-label {
  display: none;
}
.grid-bottom-container .field-container.count select {
  width: auto;
}

.dhx_grid.tree-grid {
  width: calc(100% + 6px);
}

.tree-grid .dhx_header-row {
  background-color: transparent;
}
.tree-grid .dhx_tree-cell {
  font-size: 14px;
  font-weight: 500;
  color: #2d3145;
  line-height: 20;
}
.tree-grid.plan-grid .dhx_data-wrap {
  border-bottom: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.tree-grid.plan-grid .row_parent,
.tree-grid.plan-grid .row_sub_head {
  background-color: #f8f9fd;
}
.tree-grid.plan-grid .row_parent .dhx_grid-cell,
.tree-grid.plan-grid .row_sub_head .dhx_grid-cell {
  font-size: 14px;
  font-weight: 600;
  color: #2d3145;
  line-height: 20px;
}
.tree-grid.plan-grid .row_parent .dhx_string-cell .dhx_grid-cell__content {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.tree-grid.plan-grid .row_sub_head .dhx_string-cell .dhx_grid-cell__content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tree-grid.plan-grid .dhx_tree-cell {
  font-size: 14px;
  font-weight: 600;
  color: #2d3145;
  line-height: 20px;
}
.tree-grid.plan-grid .dhx_span-cell {
/*   background-color: #f8f9fd; */
  font-size: 14px;
  font-weight: 600;
  color: #2d3145;
  line-height: 20px;
}

.grid-month-plan .input-grid {
  text-align: center;
}
.grid-month-plan .dhx_footer-fixed-cols .dhx_footer-row .dhx_grid-footer-cell {
  border-left: 1px solid rgba(202, 204, 215, 0.5019607843);
  border-top: 0;
}
.grid-month-plan .dhx_footer-fixed-cols .dhx_footer-row .dhx_grid-footer-cell:not(:first-child):after {
  content: "";
  display: none;
  background: none;
}

.dhx_tooltip.dhx_grid_tooltip {
  position: relative;
  background-color: #6e728b;
  border-radius: 4px;
}
.dhx_tooltip.dhx_grid_tooltip:after {
  content: "";
  position: absolute;
  border-radius: 0;
  left: 8px;
  top: -4px;
  border-top: 8px solid #6e728b;
  border-right: 8px solid #6e728b;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.dhx_widget .dhx_header-fixed-cols {
  border-bottom: 1px solid var(--td-border-color);
  border-right: 1px solid #a0a4b6;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.dhx_widget .dhx_grid-fixed-cols-wrap {
  border-right: 1px solid #a0a4b6;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.dhx_widget .dhx_grid-fixed-cols {
  border-bottom: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.dhx_widget .dhx_footer-fixed-cols {
  border-right: 1px solid #a0a4b6;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.dhx_grid-selected-row {
  border-left: none;
  border-top: 1px solid #edf4ff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.dhx_grid-selected-row:after {
  background-color: #2f83ff;
}
:root {
  --gnb-container-zindex: 100;
  --popup-container-zindex: 1100;
  --popup-zindex: 1101;
  --gnb-dropdown-container: -1;
  --gnb-dropdown-active: 1002;
  --gnb-container-zindex: 1103;
  --tooltip-container-zindex: 1000;
  --tooltip-wrap: 1000;
  --datepicker-zindex: 999;
  --grid-inner-tooltip-wrap: 3;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex .item {
  margin: 0 10px 0 0;
}

.moveTopBtn {
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 40px;
  height: 40px;
  padding: 6px 8px;
  background: #f5f6fa;
  border-radius: 4px;
  border: 1px solid #a0a4b6;
  font-size: 0;
  z-index: 900;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.moveTopBtn.hide {
  opacity: 0;
}
.moveTopBtn .ic-top-arrow {
  display: block;
  width: 26px;
  height: 26px;
  background-image: url("../../images/pc/ic_top_arrow.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.moveTopBtn:hover {
  border: 1px solid #6e728b;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);
}
.moveTopBtn:disabled {
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
  background: #f5f6fa;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);
}

.item-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.item-group .field {
  width: 100%;
}
.item-group > .button-container {
  margin-left: 6px;
}

.dhx_widget.dhx_alert,
.dhx_alert__overlay {
  display: none;
}

.space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
/*   width: calc(100% - 2px); */
   width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-title-container .sort-title-area,
.sort-title-container .sort-title-area,
.menu-title-container .sort-title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
   width: 100%;
/*   border-bottom: 1px solid #323338; */
  padding: 0 0 8px;
}
.page-title-container .sort-title-area.no-border,
.sort-title-container .sort-title-area.no-border,
.menu-title-container .sort-title-area.no-border {
  border-bottom: none;
}
.page-title-container .sort-title-area .area-right,
.page-title-container .sort-title-area .area-left,
.sort-title-container .sort-title-area .area-right,
.sort-title-container .sort-title-area .area-left,
.menu-title-container .sort-title-area .area-right,
.menu-title-container .sort-title-area .area-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.page-title-container .sort-title-area .area-right > .option-list-wrap,
.page-title-container .sort-title-area .area-left > .option-list-wrap,
.sort-title-container .sort-title-area .area-right > .option-list-wrap,
.sort-title-container .sort-title-area .area-left > .option-list-wrap,
.menu-title-container .sort-title-area .area-right > .option-list-wrap,
.menu-title-container .sort-title-area .area-left > .option-list-wrap {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 20px;
  z-index: 30;
  min-width: 156px;
  border-radius: 4px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
  background-color: #fff;
}
.page-title-container .sort-title-area .area-right > .option-list-wrap .option-list,
.page-title-container .sort-title-area .area-left > .option-list-wrap .option-list,
.sort-title-container .sort-title-area .area-right > .option-list-wrap .option-list,
.sort-title-container .sort-title-area .area-left > .option-list-wrap .option-list,
.menu-title-container .sort-title-area .area-right > .option-list-wrap .option-list,
.menu-title-container .sort-title-area .area-left > .option-list-wrap .option-list {
  margin: 0;
  padding: 6px;
}
.page-title-container .sort-title-area .area-right > .option-list-wrap .option-list .option,
.page-title-container .sort-title-area .area-left > .option-list-wrap .option-list .option,
.sort-title-container .sort-title-area .area-right > .option-list-wrap .option-list .option,
.sort-title-container .sort-title-area .area-left > .option-list-wrap .option-list .option,
.menu-title-container .sort-title-area .area-right > .option-list-wrap .option-list .option,
.menu-title-container .sort-title-area .area-left > .option-list-wrap .option-list .option {
  padding: 8px;
}
.page-title-container .sort-title-area .area-right > .option-list-wrap .option-list .option .field-checkbox,
.page-title-container .sort-title-area .area-left > .option-list-wrap .option-list .option .field-checkbox,
.sort-title-container .sort-title-area .area-right > .option-list-wrap .option-list .option .field-checkbox,
.sort-title-container .sort-title-area .area-left > .option-list-wrap .option-list .option .field-checkbox,
.menu-title-container .sort-title-area .area-right > .option-list-wrap .option-list .option .field-checkbox,
.menu-title-container .sort-title-area .area-left > .option-list-wrap .option-list .option .field-checkbox {
  margin-left: 0;
}
.page-title-container .sort-title-area .area-right > .option-list-wrap .button-container,
.page-title-container .sort-title-area .area-left > .option-list-wrap .button-container,
.sort-title-container .sort-title-area .area-right > .option-list-wrap .button-container,
.sort-title-container .sort-title-area .area-left > .option-list-wrap .button-container,
.menu-title-container .sort-title-area .area-right > .option-list-wrap .button-container,
.menu-title-container .sort-title-area .area-left > .option-list-wrap .button-container {
  margin-left: 0;
  padding: 10px 8px;
  border-top: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.page-title-container .sort-title-area .area-left,
.sort-title-container .sort-title-area .area-left,
.menu-title-container .sort-title-area .area-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1236px;
  margin-right: 30px;
}
.page-title-container .sort-title-area .area-left .favorite-button-wrap,
.sort-title-container .sort-title-area .area-left .favorite-button-wrap,
.menu-title-container .sort-title-area .area-left .favorite-button-wrap {
  margin-right: 4px;
  height: 24px;
}
.page-title-container .sort-title-area .sort-title,
.sort-title-container .sort-title-area .sort-title,
.menu-title-container .sort-title-area .sort-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  font-weight: 700;
/*   color: #171717; */
  color: #363636;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-title-container .sort-title-area .sort-title.title-h1,
.sort-title-container .sort-title-area .sort-title.title-h1,
.menu-title-container .sort-title-area .sort-title.title-h1 {
   padding-bottom: 2px;
   font-size: 2.8rem;
   line-height: 2.9rem;
   padding-left: 2px;
}

.page-title-container .sort-title-area .sort-title.title-h2,
.sort-title-container .sort-title-area .sort-title.title-h2,
.menu-title-container .sort-title-area .sort-title.title-h2 {
  padding-bottom: 2px;
/*   font-size: 2.4rem; */
  font-size: 1.8rem;
  line-height: 2.9rem;
  padding-left: 2px;
}
.page-title-container .sort-title-area .sort-title.title-h3,
.sort-title-container .sort-title-area .sort-title.title-h3,
.menu-title-container .sort-title-area .sort-title.title-h3 {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 1.8rem;
  line-height: 24px;
  padding-left:2px;
}
.page-title-container .sort-title-area .sort-title.title-h4,
.sort-title-container .sort-title-area .sort-title.title-h4,
.menu-title-container .sort-title-area .sort-title.title-h4 {
  font-size: 1.6rem;
  line-height: 20px;
}
.page-title-container .sort-title-area .sort-title + .button-container,
.sort-title-container .sort-title-area .sort-title + .button-container,
.menu-title-container .sort-title-area .sort-title + .button-container {
  margin-left: 10px;
}
.page-title-container .sort-title-area .sort-title + .data-wrap, .page-title-container .sort-title-area .sort-title + .radio-group, .page-title-container .sort-title-area .sort-title + .field-select,
.sort-title-container .sort-title-area .sort-title + .data-wrap,
.sort-title-container .sort-title-area .sort-title + .radio-group,
.sort-title-container .sort-title-area .sort-title + .field-select,
.menu-title-container .sort-title-area .sort-title + .data-wrap,
.menu-title-container .sort-title-area .sort-title + .radio-group,
.menu-title-container .sort-title-area .sort-title + .field-select {
  margin-left: 16px;
}
.page-title-container .sort-title-area .sort-title .status-chip,
.sort-title-container .sort-title-area .sort-title .status-chip,
.menu-title-container .sort-title-area .sort-title .status-chip {
  min-width: 80px;
  margin-left: 10px;
  padding: 0 8px;
}
.page-title-container .sort-title-area .guide-text,
.sort-title-container .sort-title-area .guide-text,
.menu-title-container .sort-title-area .guide-text {
  margin-left: 10px;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #a0a4b6;
}
.page-title-container .sort-title-area .right-text,
.sort-title-container .sort-title-area .right-text,
.menu-title-container .sort-title-area .right-text {
  margin-left: auto;
}
.page-title-container .sort-title-area .right-text,
.sort-title-container .sort-title-area .right-text,
.menu-title-container .sort-title-area .right-text {
  margin-right: 2px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #a0a4b6;
  white-space: nowrap;
}
.page-title-container .sort-title-area .dropdown-container,
.sort-title-container .sort-title-area .dropdown-container,
.menu-title-container .sort-title-area .dropdown-container {
  max-width: none;
}
.page-title-container .sort-title-area.sub-title .sort-title,
.sort-title-container .sort-title-area.sub-title .sort-title,
.menu-title-container .sort-title-area.sub-title .sort-title {
  max-width: 700px;
  min-width: 150px;
}
.page-title-container .sort-title-area .favorite-button-wrap .favorite-check + .favorite-btn:before,
.sort-title-container .sort-title-area .favorite-button-wrap .favorite-check + .favorite-btn:before,
.menu-title-container .sort-title-area .favorite-button-wrap .favorite-check + .favorite-btn:before {
  width: 24px;
  height: 24px;
  background-image: url(../../images/pc/ic_bookmark.svg);
}
.page-title-container .sort-title-area .favorite-button-wrap .favorite-check:checked + .favorite-btn:before,
.sort-title-container .sort-title-area .favorite-button-wrap .favorite-check:checked + .favorite-btn:before,
.menu-title-container .sort-title-area .favorite-button-wrap .favorite-check:checked + .favorite-btn:before {
  width: 24px;
  height: 24px;
  background-image: url(../../images/pc/ic_bookmark_checked.svg);
}



.favorite-menu:after{    
    font-family: 'Font Awesome 6 Free' !important;
    font-size: 11px;
    color: #ffcb13;
    left: 5px;
    font-weight: 800;
    content: '\f005' !important;
    top: -1px;
    position: relative;
}

.sub-text {
  margin-left: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #a0a4b6;
}

.sort-title-container.type-box .filter-box {
  margin-top: 4px;
/*   padding: 0 20px; */
  padding: 0 0px;
   border: 1px solid var(--input-border-color);
  background-color: var(--th-bg-color-1);

}


.sort-title-container.type-box .field .field-form.label-left .field-label {
  padding: 6px 0;
  line-height: 20px;
}
.sort-title-container.type-box .data-wrap .data-text {
  padding: 6px 0;
  line-height: 20px;
/*   max-width: 290px; */
  text-overflow: ellipsis;
}
.sort-title-container.border-0 .sort-title-area {
  border-bottom: 0;
}
.sort-title-container .sort-title-area.sub-title {
/*   border-bottom: 1px solid #a0a4b6; */
/*     border-bottom: 1px solid #c9c9c9; */
    border-bottom: 1px solid #a0a4b6;
}

.divide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.divide.col-50 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.divide.col-50 .grid-layout {
  width: 46%;
}
.divide .layout-area {
  width: 50%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.divide .layout-area.left {
  margin-right: 40px;
}
.divide.suttle-top .layout-area.left {
  margin-right: 72px;
}
.divide.left-40p .left {
  width: 40%;
}
.divide.left-40p .right {
  width: 60%;
}

.select-wrap .select-year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.select-wrap .select-year .btn.prev {
  margin-right: 2px;
}
.select-wrap .select-year .btn.next {
  margin-left: 2px;
}
.select-wrap .year,
.select-wrap .month {
  display: inline-block;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2rem;
  color: #171717;
}
.select-wrap .month {
  margin-left: 6px;
}

.space-between-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.space-between-wrap > * {
  width: 49%;
}

.layout-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 40px 20px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.layout-box .info-wrap {
  width: 100%;
}
.layout-box .info-wrap:not(:last-child) {
  margin: 0 30px 0 0;
}

@media screen and (max-width: 1440px) {
  .sales-container .layout-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sales-container .layout-box .info-wrap {
    margin: 0 0 30px 0;
  }
}
.list-type .title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 0 0 6px;
  margin: 0 0 12px;
  border-bottom: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.list-type .title-wrap .title {
  color: #2d3145;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.list-type .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.list-type .list-item:not(:last-child) {
  margin: 0 0 4px;
}
.list-type .list-item .label {
  color: #6e728b;
  font-size: 14px;
  font-weight: 500;
}
.list-type .list-item .value {
  color: #2d3145;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.tooltip-content-list .inner-wrap .list {
  line-height: 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.suttle-container.divide .layout-area {
  width: 50%;
}
.suttle-container.divide .layout-area.left {
  margin-right: 0;
}

.sort-title-container {
  position: relative;
  margin: 34px 0 0;
}
.sort-title-container + .grid-container {
  z-index: 2;
}
.sort-title-container + .table-container .thead {
  border-top: 0;
}
.sort-title-container .sort-title-area .area-left .field-container .input-text {
  background-color: #fff;
}
.sort-title-container .sort-title-area .area-left .radio-group {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.sort-title-container .sort-title-area .area-left .radio-group.align-hor .field-group .field-radio ~ .field-radio {
  margin-left: 20px;
}
.sort-title-container .sort-title-area .select-wrap {
  margin-left: 10px;
}
.sort-title-container .sort-title-area .file-count {
  margin-left: 14px;
  font-size: 14px;
  font-weight: 500;
  color: #2d3145;
  line-height: 20px;
}
.sort-title-container .sort-title-area .file-count .inner-text {
  display: inline-block;
  padding-right: 4px;
  font-size: 16px;
  font-weight: 600;
  color: #444444;
  line-height: 20px;
}
.sort-title-container .sort-title-area .file-count .inner-text .value {
  padding-left: 12px;
  font-size: 14px;
  font-weight: 600;
  color: #2f83ff;
  line-height: 20px;
}
.sort-title-container .sort-title-area .file-count .icon-attach {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-image: url("../../images/pc/ic_paperclip.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: auto;
  vertical-align: middle;
}
.sort-title-container .sort-title-area .size-count {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #2d3145;
  line-height: 20px;
}
.sort-title-container .sort-title-area .size-count b {
  margin-right: 4px;
  font-weight: 600;
  color: #2f83ff;
}
.sort-title-container + .filter-container .filter-box .filter-box-wrap {
  padding: 20px 0;
}
.sort-title-container.type-box .filter-container .filter-box .filter-box-wrap {
  padding: 15px var(--mb-side-padding) 1px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sort-title-container.type-box .filter-container .filter-box .filter-box-wrap .field-item.right {
  margin-bottom: 12px;
}

.sort-title-area.no-border {
  border-bottom: 0;
}

.filter-box.bg-box {
  margin-top: -1px;
  padding: 0 20px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
  background: #f5f6fa;
}
.filter-box.bg-box .filter-box-wrap {
  padding: 18px 0;
}
.filter-box .filter-box-wrap {
  padding: 18px 0 0;
}

.menu-title-container {
  display: none;
}
.menu-title-container.divide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menu-title-container.divide.col-50 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.menu-title-container.divide.col-50 .grid-layout {
  width: calc(50% - 16px);
}
.menu-title-container.divide .layout-area {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.menu-title-container.divide .layout-area.left {
  width: 30%;
}
.menu-title-container.divide .layout-area.right {
  width: 68%;
}

.suttle-button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 63px;
}
.suttle-button-wrap .button-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.suttle-button-wrap .button-container .btn {
  width: 36px;
  height: 36px;
  padding: 7px 14px;
  border-radius: 4px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.suttle-button-wrap .button-container .btn.active {
  border: 1px solid #2f83ff;
  background: #edf4ff;
}
.suttle-button-wrap .button-container .btn.active .ic-prev {
  background-image: url("../../images/pc/ic_prev_20_active.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.suttle-button-wrap .button-container .btn.active .ic-next {
  background-image: url("../../images/pc/ic_next_20_active.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.suttle-button-wrap.align-hor {
  margin-top: 30px;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.suttle-button-wrap.align-hor .button-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.suttle-button-wrap.align-hor .button-container .ic-prev {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.suttle-button-wrap.align-hor .button-container .ic-next {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.tree-container .tree-container .tree-body-container .dhx_tree-folder--selected:before,
.tree-container .tree-container .tree-body-container .dhx_tree-list-item--selected:before {
  -webkit-box-shadow: initial;
  box-shadow: initial;
}

.filter-container .field-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
/*   -ms-flex-wrap: wrap; */
/*   flex-wrap: wrap; */
  width: 100%;
}
.filter-container .field-row .field-area.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.filter-container .field-row .field-area:last-child {
  margin-right: 0;
}
.filter-container .field-row .field-area .button-container {
  margin-left: 6px;
}
.filter-container .field-row .field-area:last-child {
  margin-right: 0;
}
.filter-container .guide-text {
  margin-left: 108px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #2d3145;
  line-height: 2rem;
}
.filter-container .guide-text.label-only {
  margin-left: 0;
}

.file-upload-wrap .field-form.label-left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.file-upload-wrap .filebox-container {
  position: relative;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.file-upload-wrap .filebox-container .btn-file-upload {
  margin-left: 8px;
}
.file-upload-wrap .filebox-container .file-list-wrap {
  margin-left: 0;
}
.file-upload-wrap.btn-no .btn-file-upload {
  position: absolute;
  right: 12px;
  top: 6px;
  width: 20px;
  height: 20px;
  border: 0;
  padding: 0;
  background-image: url("../../images/pc/ic_upload_20.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.file-upload-wrap.btn-no .file-list-wrap {
  padding-right: 32px;
}
.file-upload-wrap.btn-no .file-list-wrap .file-item {
  display: inline-block;
  width: 98%;
  margin: 0;
  padding: 6px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-upload-wrap.btn-no .file-list-wrap .file-item .btn-remove-file {
  display: none;
}

.field-label {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 120px;
  margin-right: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #2d3145;
  line-height: 20px;
}

.filter-box .filter-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.filter-box .filter-box-wrap.half {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.filter-box .filter-box-wrap.half .field-item.right, .filter-box .filter-box-wrap.half .field-item.left {
  max-width: 48%;
  min-width: 340px;
  display: block;
}
.filter-box .filter-box-wrap.half .field-item.right {
  margin: 0;
}
.filter-box .filter-box-wrap .field-item.left {
  width: 100%;
}
.filter-box .filter-box-wrap .field-item.left .field-container {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.filter-box .filter-box-wrap .field-item.left .filter-box-wrap {
  padding: 20px 0;
}
.filter-box .filter-box-wrap .field-item.right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 2.63%;
}
.filter-box .filter-box-wrap .field-item.align-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 12px;
}
.filter-box .btn-dropdown {
  background: #f8f9fd;
}
.filter-box.text-data {
  border-bottom: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.filter-box.text-data .filter-box-wrap {
  padding: 14px 0 6px;
}
.filter-box.text-data .field-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: auto;
  margin-bottom: 8px;
}
.filter-box.text-data .field .field-label {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #a0a4b6;
}

.field-container.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -2.75%;
}
.field-container.auto .field-area {
  width: auto;
}
.field-container.label-auto .field-label {
  width: auto;
  min-width: auto;
}
.field-container.flex-area .field-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.field-container .field-area {
  width: 100%;
  min-width: 315px;
/*   min-width: 200px; */
/*   min-width: 360px; */
  min-height: 32px;
/*   margin-bottom: 12px; */ 
   margin-bottom: 18px;
  padding-left: 2.7%;
}
.field-container .field-area.input-number .input-text {
  text-align: right;
  padding: 0 32px 0 12px;
}
.field-container .field-area.input-number .input-del {
  display: none;
}
.field-container .field-area.full {
  width: 100%;
  max-width: 100%;
}
.field-container .field-area .hypen {
  width: 11px;
  height: 1px;
  border-radius: 2px;
  background: #2d3145;
  margin: 0 7px;
}






.field-container .field-area.col-4, .field-container .field-area.col-20 {
  max-width: 20%;
}


.field-container .field-area.col-4, .field-container .field-area.col-25 {
  max-width: 25%;
}


.field-container .field-area.col-4 .datepicker-container, .field-container .field-area.col-25 .datepicker-container {
  width: 100%;
}
.field-container .field-area.col-3, .field-container .field-area.col-33 {
  max-width: 33.3%;
}
.field-container .field-area.col-2, .field-container .field-area.col-50 {
  max-width: 50%;
}
.field-container .field-area.col-70 {
  max-width: 70%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.field-container .field-area.col-75 {
  max-width: 75%;
}
.field-container .field-area.col-75 .datepicker-container {
  width: 100%;
}
.field-container .field-area.col-auto:not(:last-child) {
  margin-right: 4%;
}
.field-container .field-area .datepicker-container {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}
.field-container .field-area .business-period {
  display: inline-block;
  padding: 6px 0;
  margin-left: 8px;
  white-space: nowrap;
}
.field-container .field-area .business-period .text {
  display: block;
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #a0a4b6;
}
.field-container .field-area .field-select,
.field-container .field-area .field-input {
  width: 100%;
}
.field-container .field-area .field-description {
  margin-top: 6px;
  margin-left: 108px;
  font-size: 12px;
  font-weight: 500;
  color: #a0a4b6;
  line-height: 20px;
}
.field-container .radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.field-container .dropdown-container {
  width: 100%;
  max-width: none;
}
.field-container.col-25 .field-area {
  width: 25%;
}
.field-container.col-33 .field-area {
  width: 33.3%;
}
.field-container.col-50 .field-area {
  max-width: 50%;
}
.field-container.col-75 .field-area {
  max-width: 75%;
}
.field-container .field-col-33 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.field-container .field-col-33 .field {
  width: 28%;
}
.field-container .field-col-33 .field:first-of-type {
  width: 40%;
}

.field-input-container .field-container {
  margin: 20px 0 0;
}
.field-input-container .field-container .field-area {
  padding-left: 0;
}

.form-container {
  padding-top: 18px;
}
.form-container .row-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.form-container .row-wrap:not(:last-child) {
  margin-bottom: 18px;
}
.form-container .row-wrap.half .field-area {
  width: 49%;
}
.form-container .row-wrap .field-area {
  width: 100%;
}
.form-container .row-wrap .field-area .dropdown-container {
  max-width: none;
}
.form-container .row-wrap .field-area + .field-area {
  margin-left: 20px;
}
.form-container .row-wrap .field-area .field-label,
.form-container .row-wrap .field-area .field-label {
  width: 102px;
}

.status-chip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 80px;
  height: 32px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
}
.status-chip .chip-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
}
.status-chip.small {
  height: 28px;
}
.status-chip.blue, .status-chip.done, .status-chip.project-before {
  background: #d3e4ff;
}
.status-chip.blue .chip-text, .status-chip.done .chip-text, .status-chip.project-before .chip-text {
  color: #0b63e3;
}




.status-chip.gray, .status-chip.hold, .status-chip.project-end {
  background: #e3e4ec;
}
.status-chip.gray .chip-text, .status-chip.hold .chip-text, .status-chip.project-end .chip-text {
  color: #6e728b;
}
.status-chip.pink, .status-chip.edit, .status-chip.project-start {
  background: #ffe3e3;
}
.status-chip.pink .chip-text, .status-chip.edit .chip-text, .status-chip.project-start .chip-text {
  color: #ff4646;
}




.status-chip.green {
  background: #4CAF50;
  color:white;
}
.status-chip.green .chip-text {
  color: white;
}


.status-chip.orange{
	background : #ffa71e;
	color:white;
}

.status-chip.orange .chip-text{
	color:white;
}


.status-chip.yellow{
	background : #ffe93f;
	color:#565656;
}

.status-chip.yellow .chip-text{
	color:#565656;
}

.status-chip.red{
  background : #fb5846;
  color:white;
}
.status-chip.red .chip-text{
	color:white;
}




.status-chip.medium {
  height: 28px;
}

.step-container {
  padding: 24px 50px 16px;
  margin-top: -2px;
  background: #f8f9fd;
}
.step-container.type-check {
  padding: 0;
  background-color: #fff;
}
.step-container.type-check .step-wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.step-container.type-check .step-wrap .step-item {
  width: auto;
  min-width: 12%;
}
.step-container.type-check .step-wrap .step-item .stap-bar {
  width: 100%;
  left: 48%;
/*   top: 8px; */
  top: 32px;
}

.step-container.type-check .step-wrap .step-item:nth-child(3) .stap-bar{
  width: 240% !important;
}

.step-container.type-check .step-wrap .step-item .step-number {
  width: 17px;
  height: 17px;
  margin: 0 0 6px;
}
.step-container.type-check .step-wrap .step-item.done .step-number {
  background-image: url("../../images/pc/circle_check.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.step-container.type-check .step-wrap .step-item.current .manager,
.step-container.type-check .step-wrap .step-item.current .status,
.step-container.type-check .step-wrap .step-item.current .team,
.step-container.type-check .step-wrap .step-item.current .date {
  color: #2d3145;
}
.step-container.type-check .step-wrap .step-item.current .stap-bar {
  border-top: 2px solid rgba(202, 204, 215, 0.5019607843);
}
.step-container.type-check .step-wrap .text-box-wrap .text-box {
  text-align: center;
}
.step-container.type-check .step-wrap .text-box-wrap .team {
    display: block;
    margin: 6px 0 2px 0;
    color: #a0a4b6;
    font-size: 12px;
    line-height: normal;
    max-width: 90px;
}
.step-container.type-check .step-wrap .text-box-wrap .manager {
  display: block;
  height: 12px;
  margin: 2px 0 0;
  color: #a0a4b6;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
}
.step-container.type-check .step-wrap .text-box-wrap .status {
  display: block;
  margin: 0;
  margin-bottom: 6px;
  color: #a0a4b6;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}
.step-container.type-check .step-wrap .text-box-wrap .date {
  display: block;
  margin: 2px 0 6px;
  color: #a0a4b6;
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
  line-height: normal;
}
.step-container .step-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  overflow: visible;
}
.step-container .step-wrap .step-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.step-container .step-wrap .step-item .stap-bar {
  position: absolute;
  left: 50%;
  top: 12px;
  width: 100%;
  height: 3px;
  border-top: 2px solid #e4e5eb;
}
.step-container .step-wrap .step-item .step-number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0 0 10px;
  border-radius: 50%;
  border: 2px solid rgba(202, 204, 215, 0.5019607843);
  background: #fff;
  color: rgba(202, 204, 215, 0.5019607843);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  z-index: 2;
}
.step-container .step-wrap .step-item .step-name {
  display: block;
  width: 100%;
  color: #a0a4b6;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.step-container .step-wrap .step-item.current .step-number {
  border: 2px solid var(--step-color);
  color: var(--step-color);
}
.step-container .step-wrap .step-item.current .step-name {
  color: #2d3145;
}
.step-container .step-wrap .step-item.current .stap-bar {
  border-top: 2px dashed var(--step-color);
}
.step-container .step-wrap .step-item.done .step-number {
  background: var(--step-color);
  color: #fff;
  border: 0;
}
.step-container .step-wrap .step-item.done .step-name {
  color: #a0a4b6;
}
.step-container .step-wrap .step-item.done .stap-bar {
  border-top: 2px solid var(--step-color);
}

.design-form-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.design-form-wrap .radio-group .field-group {
  width: 100%;
}
.design-form-wrap .radio-group .field-group .field-label {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.design-form-wrap .radio-group .field-group .field-radio {
  width: 20%;
  min-width: 230px;
  margin: 0;
}
.design-form-wrap .radio-group .field-group .field-radio ~ .field-radio {
  margin-left: 0;
}
.design-form-wrap .radio-group .field-group .field-radio .radio-image {
  margin-top: 10px;
}
.design-form-wrap .radio-group .field-group .field-radio .design-img {
  width: 174px;
  height: 118px;
}

.area-add-container {
  height: 87px;
  margin-top: 60px;
  border: 1px dashed #c7c7c7;
}
.area-add-container .button-container {
  height: 100%;
}
.area-add-container .button-container .btn {
  height: 100%;
  border: 0;
}
.area-add-container .button-container .btn .text {
  width: auto;
  color: #2f83ff;
}

.design-item-container {
  border: 1px solid #e9ebf1;
  border-top: 0;
}
.design-item-container .design-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.design-item-container .box-area {
  width: 50%;
  height: 573px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.design-item-container .box-area.area-left {
  width: 520px;
  border-right: 1px solid #e9ebf1;
}
.design-item-container .box-area.area-right {
  width: 378px;
}
.design-item-container .box-area .tab-panel-wrap {
  height: 532px;
  overflow-y: auto;
  overflow-x: hidden;
}
.design-item-container .box-area .manager-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
.design-item-container .box-area .manager-wrap .field-area {
  width: 345px;
}
.design-item-container .box-area .field-container .input-text {
  padding: 0 28px 0 16px;
}
.design-item-container .design-item-wrap {
  margin-top: 26px;
  margin-right: -8px;
}
.design-item-container .design-item-wrap .design-item-title {
  margin-bottom: 10px;
  color: #2d3145;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.design-item-container .design-item-wrap .design-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.design-item-container .design-item-wrap .design-item-content .field-area {
  margin-left: 3px;
  margin-right: 3px;
}
.design-item-container .design-item-wrap .design-item-content .field-area .field-label {
  display: none;
}
.design-item-container .design-item-wrap .design-item-content .field-area:nth-child(1) {
  width: 44%;
  margin-left: 0;
}
.design-item-container .design-item-wrap .design-item-content .field-area:nth-child(2) {
  width: 44%;
}
.design-item-container .design-item-wrap .design-item-content .field-area:nth-child(3) {
  width: 13%;
  margin-right: 0;
}
.design-item-container .design-item-wrap .user-item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -8px;
}
.design-item-container .design-item-wrap .user-item-box .user-item {
  position: relative;
  display: block;
  width: 143px;
  padding-top: 80px;
  margin-bottom: 14px;
  margin-right: 8px;
  cursor: pointer;
}
.design-item-container .design-item-wrap .user-item-box .user-item .item-img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 80px;
}
.design-item-container .design-item-wrap .user-item-box .user-item .item-img.on {
  z-index: -1;
}
.design-item-container .design-item-wrap .user-item-box .user-item .item-name {
  display: block;
  margin: 4px 0 0;
  color: #a0a4b6;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.design-item-container .design-item-wrap .user-item-box .user-item.selected .item-name {
  color: #2d3145;
}
.design-item-container .design-item-wrap .user-item-box .user-item.selected .item-img.on {
  z-index: 1;
}
.design-item-container .tab-container {
  height: 40px;
  margin-top: 0;
  border-bottom: 1px solid #e9ebf1;
}
.design-item-container .tab-container .tab-wrap {
  height: 40px;
}
.design-item-container .tab-container .tab-wrap .tab-item {
  width: 50%;
  height: 40px;
  min-width: auto;
  border: 0;
}
.design-item-container .tab-container .tab-wrap .tab-item.active {
  height: 40px;
  border-bottom: 1px solid #e9ebf1;
}
.design-item-container .tab-container .tab-wrap .tab-item:first-child {
  border-left: 0;
}
.design-item-container .tab-container .tab-wrap .tab-item:not(:first-child) {
  border-left: 1px solid #e9ebf1;
}
.design-item-container .tab-panel-wrap .tab-pannel-box {
  padding: 0 34px 0 40px;
}
.design-item-container .tab-panel-wrap .filter-box {
  border-bottom: 0;
  padding-bottom: 0;
}
.design-item-container .tab-panel-wrap .filter-box .field-area:last-child {
  margin-bottom: 0;
}
.design-item-container .tab-panel-wrap .sort-title-container {
  margin: 26px 0 0;
}
.design-item-container .tab-panel-wrap .sort-title-container .sort-title {
  font-size: 1.4rem;
}

.creat-result-container {
  padding: 70px 0;
  position: relative;
  background-color: #f8f9fd;
  overflow: hidden;
}
.creat-result-container .result-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 37px 0 0;
}
.creat-result-container .result-wrap .result-box-container {
  position: relative;
  width: 100%;
  text-align: center;
}
.creat-result-container .result-wrap.top {
  margin-bottom: 80px;
  padding-left: 12%;
}
.creat-result-container .result-wrap.top .result-box-container:first-child .result-box:after {
  content: "";
  display: block;
  position: absolute;
  left: 131px;
  top: -37px;
  width: 1000%;
  height: 2px;
  border-top: 2px dashed rgba(202, 204, 215, 0.5019607843);
}
.creat-result-container .result-wrap.bottom {
  padding-right: 12%;
}
.creat-result-container .result-wrap.bottom .result-box-container:last-child .result-box:after {
  content: "";
  display: block;
  position: absolute;
  right: 131px;
  top: -37px;
  width: 1000%;
  height: 2px;
  border-top: 2px dashed rgba(202, 204, 215, 0.5019607843);
}
.creat-result-container .result-box {
  display: inline-block;
  width: 265px;
  position: relative;
  border-radius: 4px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
  background: #fff;
  text-align: left;
}
.creat-result-container .result-box:before {
  content: "";
  position: absolute;
  left: 48%;
  top: -42px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(202, 204, 215, 0.5019607843);
  z-index: 2;
}
.creat-result-container .result-box.failed {
  border: 1px solid #ff4646;
  background: #fff5f5;
}
.creat-result-container .result-box.failed:before {
  content: "";
  width: 18px;
  height: 18px;
  top: -44px;
  background-image: url("../../images/pc/ic_error_red.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.creat-result-container .result-box .box-title {
  padding: 20px 0 14px;
  color: #2d3145;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}
.creat-result-container .result-box .list-wrap {
  padding: 0 20px 20px;
}
.creat-result-container .result-box .list-wrap .box-list {
  position: relative;
  display: inline-block;
  padding-left: 11px;
  color: #2d3145;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
}
.creat-result-container .result-box .list-wrap .box-list:not(:last-child) {
  margin-bottom: 4px;
}
.creat-result-container .result-box .list-wrap .box-list:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #2d3145;
}
.creat-result-container .result-box .list-wrap .box-list.failed {
  color: #ff4646;
}
.creat-result-container .result-box .list-wrap .box-list.failed:before {
  background-color: #ff4646;
}
.creat-result-container .result-box .button-container {
  border-top: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.creat-result-container .result-box .button-container .btn {
  border: 0;
  height: 40px;
}

.btn-handler {
  cursor: pointer;
}
.btn-handler .ic-arrow {
  width: 24px;
  height: 24px;
  background-image: url("../../images/pc/ic_arrow_down_24.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.btn-handler.active .ic-arrow {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}

.data-container {
  position: relative;
  margin: 30px 0 0;
}
.data-container:not(:last-of-type) {
  border-bottom: 1px solid #171717;
}
.data-container:only-of-type {
  border-bottom: 1px solid #171717;
}
.data-container ~ .data-container {
  margin-top: 30px;
}
.data-container.drop-down .drop-hide-area .area-right {
  position: relative;
  right: 30px;
}
.data-container.card-type .data-wrap {
  border-bottom: 1px solid #a0a4b6;
}
.data-container.card-type .data-wrap .button-container {
  margin: 0 30px 0 auto;
}
.data-container.card-type .drop-hide-area {
  margin-top: 0;
}
.data-container .btn-handler {
  position: absolute;
  right: 0;
  top: 4px;
  z-index: 5;
}
.data-container .drop-hide-area {
  display: none;
  margin-top: -30px;
}
.data-container .drop-hide-area .sort-title-container {
  margin: 0;
}
.data-container.active {
  border-bottom: 0;
}
.data-container.active .btn-fold .ic-arrow {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
.data-container.active .drop-hide-area {
  display: block;
}
.data-container .data-wrap {
  padding: 0 0 8px;
}

.data-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.data-wrap .data-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.data-wrap .data-item:not(:first-child) {
  position: relative;
  padding: 0 10px;
}
.data-wrap .data-item:not(:first-child):before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 2px;
  height: 12px;
  border-radius: 4px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: rgba(202, 204, 215, 0.5019607843);
}
.data-wrap .data-item:first-child {
  padding: 0 10px 0 0;
}
.data-wrap .data-item.value-point .text-wrap .value {
  color: #2d3145;
  padding: 0 6px;
}
.data-wrap .data-item.value-point .text-wrap .highlight {
  color: #2f83ff;
  padding: 0 6px;
}
.data-wrap .data-item .text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.data-wrap .data-item .text-wrap .field-container,
.data-wrap .data-item .text-wrap .select-wrap {
  margin-left: 10px;
}
.data-wrap .data-item .text-wrap .slash {
  margin: 0 6px;
  font-size: 18px;
}
.data-wrap .data-item .data-text {
  display: inline-block;
  color: #6e728b;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
}
.data-wrap .data-item .data-text.type-else-color {
  color: #2d3145;
  font-weight: 700;
}
.data-wrap .data-item .data-text.label {
  color: #171717;
  font-size: 20px;
  font-weight: 700;
}
.data-wrap .data-item .data-text.man {
  margin-left: 10px;
}

.info-cotainer {
  border-bottom: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.info-cotainer .info-wrap {
  padding: 30px 0;
}
.info-cotainer .divide {
  width: 2px;
  height: 15px;
  margin: 0 30px;
  background-color: #171717;
  border-radius: 4px;
}
.info-cotainer .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.info-cotainer .info-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.info-cotainer .info-field .text {
  color: #171717;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}
.info-cotainer .info-field .text.title {
  margin-right: 26px;
  color: #6e728b;
  font-size: 16px;
  font-weight: 500;
}
.info-cotainer .info-field .text.value {
  font-size: 16px;
  font-weight: 700;
}

.select-calendar-container {
  position: relative;
}

.select-calendar {
  border-right: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.select-calendar table {
  width: 100%;
}
.select-calendar .thead .table-th {
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background: #f5f6fa url("../../images/pc/th_memo.svg") no-repeat top right;
  height: 64px;
  border-left: 1px solid rgba(202, 204, 215, 0.5019607843);
  border-bottom: 1px solid rgba(202, 204, 215, 0.5019607843);
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.select-calendar .thead .table-th:first-child {
  background: #f5f6fa;
}


.select-calendar td {
  display: table-cell;
  height: 44px;
  border-left: 1px solid rgba(202, 204, 215, 0.5019607843);
  border-bottom: 1px solid rgba(202, 204, 215, 0.5019607843);
  vertical-align: middle;
  background: #fff;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}




.select-calendar td.complete {
  background-color: #eef5ff;
}
.select-calendar td.pending {
  background-color: #fff9e4;
}
.select-calendar td.cancel {
  background-color: #f1ebff;
}
.select-calendar td.disabled {
  background-color: rgba(232, 236, 248, 0.6980392157);
}
.select-calendar td.project-header {
  width: 1%;
  padding: 0 12px;
  font-weight: 500;
}
.select-calendar td.project-header .th {
  display: block;
  width: 160px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.select-calendar td.ui-selected {
  color: #2d3145;
  background: #edf4ff;
}


.select-calendar .ui-selecting {
  background: #edf4ff;
}

.modal-select-calendar {
  display: none;
  position: fixed;
  width: 450px;
  padding: 34px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.modal-select-calendar .project-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}
.modal-select-calendar .project-row .label-text {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 90px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 600;
  color: #a0a4b6;
  line-height: 20px;
}
.modal-select-calendar .project-row .value-text {
  width: 100%;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #2d3145;
  border: 0;
}
.modal-select-calendar .project-row .value-text:focus {
  outline: none;
  border: 0;
}
.modal-select-calendar .project-row .input-value {
  width: 100%;
  height: 24px;
  padding: 0 12px;
  border-radius: 4px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
  font-size: 14px;
  font-weight: 500;
  color: #2d3145;
}
.modal-select-calendar .button-container {
  margin-top: 30px;
}

.chip-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 8px;
  background-image: none;
  white-space: nowrap;
  cursor: pointer;
}
.chip-button .chip-text {
  padding: 6px 12px;
  font-weight: 500;
  font-size: 14px;
  color: #6e728b;
}
.chip-button .icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 16px;
  height: 16px;
  background-image: url("../../images/pc/ic_chip_close_16.svg");
  background-repeat: no-repeat;
}

.guide-text-container {
  margin-top: 14px;
}

.list-text-container .item {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #a0a4b6;
}
.list-text-container .item:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 8px;
  border-radius: 50%;
  vertical-align: middle;
  background-color: #a0a4b6;
}

.value-wrap {
  margin-left: 20px;
  padding-left: 20px;
  position: relative;
}
.value-wrap .text {
  color: #171717;
  font-size: 20px;
  font-weight: 700;
}
.value-wrap:before {
  content: "";
  width: 2px;
  height: 16px;
  border-radius: 3px;
  background: #a0a4b6;
  position: absolute;
  left: 0;
  top: 3px;
}

.line-wrap,
.depart-wrap {
  border-bottom: 1px solid #a0a4b6;
}

.info-wrap {
  position: relative;
}
.info-wrap.depart-box .box-wrap .box.area-left, .info-wrap.arrive-box .box-wrap .box.area-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 84px;
}
.info-wrap .field-radio .button-container {
  margin-left: 8px;
}
.info-wrap .box-wrap {
  position: relative;
  border-bottom: 1px solid #e9ebf1;
}
.info-wrap .box-wrap.top .box.area-right {
  padding: 18px 0 6px 20px;
}
.info-wrap .box-wrap .box-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.info-wrap .box-wrap .box-area + .box-area {
  border-top: 1px solid #e9ebf1;
}
.info-wrap .box-wrap .box-area .info-del {
  position: absolute;
  left: 216px;
  top: 10px;
}
.info-wrap .box-wrap .box-area .info-del .btn-info-del {
  width: 26px;
  height: 26px;
  padding: 4px;
  background-color: #f4f5f7;
  border: 1px solid #e0e1ea;
}
.info-wrap .box-wrap .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding: 18px 0;
}
.info-wrap .box-wrap .box.area-left {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 252px;
  height: auto;
  background-color: #fafafa;
  overflow: hidden;
}
.info-wrap .box-wrap .box.area-left .title-area {
  text-align: center;
}
.info-wrap .box-wrap .box.area-left .title-area .title {
  color: #2d3145;
  font-size: 18px;
  font-weight: 600;
}
.info-wrap .box-wrap .box.area-left .title-area .button-container {
  margin-top: 4px;
}
.info-wrap .box-wrap .box.area-left .title-area .btn {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  padding: 0 10px;
  height: 24px;
}
.info-wrap .box-wrap .box.area-left .title-area .btn .text {
  width: auto;
  color: #6e728b;
  font-size: 12px;
  font-weight: 600;
}
.info-wrap .box-wrap .box.area-right {
  width: 100%;
  padding: 18px 0 6px 20px;
}
.info-wrap .box-wrap .box.area-right .field-row {
  -ms-flex-wrap: initial;
  flex-wrap: initial;
}
.info-wrap .box-wrap .box.area-right .field-row:last-child .field-area {
  margin-bottom: 12px;
}
.info-wrap .box-wrap .box.area-right .field-row .field-area {
  padding: 0;
  margin-right: 30px;
}
.info-wrap .box-wrap .box.area-right .filter-box-wrap {
  padding: 0;
}
.info-wrap .box-wrap.dropdown-box {
  display: none;
}
.info-wrap .box-wrap.dropdown-box.open {
  display: block;
}
.info-wrap .box-wrap.dropdown-box .box.area-right {
  padding-right: 0;
}
.info-wrap .box-wrap .spot {
  width: 24px;
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.info-wrap .box-wrap .spot .text {
  display: block;
  margin: 3px 0 0;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
.info-wrap .box-wrap .spot:after, .info-wrap .box-wrap .spot:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 2px;
  border-left: 2px dotted rgba(202, 204, 215, 0.5019607843);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.info-wrap .box-wrap .spot.normal {
  left: 30px;
}
.info-wrap .box-wrap .spot.normal .icon {
  width: 12px;
  height: 12px;
  margin: auto;
  border-radius: 15px;
  border: 3px solid #2571e2;
  background: #fff;
}
.info-wrap .box-wrap .spot.normal::before {
  content: "";
  bottom: 100%;
  height: 70px;
}
.info-wrap .box-wrap .spot.normal::after {
  content: "";
  height: 70px;
}
.info-wrap .box-wrap .spot.layover {
  left: 30px;
}
.info-wrap .box-wrap .spot.layover .icon {
  width: 12px;
  height: 12px;
  margin: auto;
  border-radius: 15px;
  border: 3px solid #6e728b;
  background: #fff;
}
.info-wrap .box-wrap .spot.layover .text {
  color: #6e728b;
}
.info-wrap .box-wrap .spot.layover::before {
  content: "";
  bottom: 100%;
  height: 100px;
}
.info-wrap .box-wrap .spot.layover::after {
  content: "";
  height: 100px;
}
.info-wrap .box-wrap .spot.start::after {
  height: 100px;
}
.info-wrap .box-wrap .spot.start .icon {
  width: 20px;
  height: 27px;
  background-image: url("../../images/pc/ic_location.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.info-wrap .box-wrap .spot.start .text {
  color: #2571e2;
}
.info-wrap .box-wrap .spot.arrive::before {
  height: 100px;
  bottom: 100%;
}
.info-wrap .box-wrap .spot.arrive::after {
  height: 100px;
}
.info-wrap .box-wrap .spot.arrive.end::before {
  height: 100px;
  bottom: 100%;
}
.info-wrap .box-wrap .spot.arrive.end::after {
  height: 0;
}
.info-wrap .box-wrap .spot.end {
  left: 30px;
}
.info-wrap .box-wrap .spot.end .icon {
  width: 12px;
  height: 12px;
  margin: auto;
  border-radius: 15px;
  border: 3px solid #26ba19;
  background: #fff;
}
.info-wrap .box-wrap .spot.end::before {
  content: "";
  bottom: 100%;
  height: 70px;
}
.info-wrap .box-wrap .info-value-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.info-wrap .box-wrap .info-value-wrap .info-value-box {
  white-space: nowrap;
}
.info-wrap .box-wrap .info-value-wrap .info-value-box .label {
  margin: 0 14px 0 0;
  color: #a0a4b6;
  font-size: 16px;
  font-weight: 500;
}
.info-wrap .box-wrap .info-value-wrap .info-value-box .value {
  color: #2d3145;
  font-size: 20px;
  font-weight: 600;
}
.info-wrap .box-wrap .info-value-wrap .btn-fold {
  margin-left: 20px;
}
.info-wrap .box-wrap .info-value-wrap .btn-handler {
  margin-left: 20px;
}
.info-wrap .info-delete-wrap {
  position: absolute;
  left: 216px;
  top: 10px;
}
.info-wrap .info-delete-wrap .btn {
  width: 26px;
  height: 26px;
  padding: 4px;
  background-color: #f4f5f7;
      margin-left: -8px;
}
.info-wrap .info-delete-wrap .btn:hover {
  border-color: #2d3145;
}

.arrive-wrap .arrive-box .spot.arrive,
.arrive-wrap .arrive-box .spot {
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.arrive-wrap .arrive-box .spot.arrive .icon,
.arrive-wrap .arrive-box .spot .icon {
  width: 20px;
  height: 27px;
  margin: auto;
  border: 0;
  background-image: url("../../images/pc/ic_location_arrive.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  position: relative;
  z-index: 2;
}
.arrive-wrap .arrive-box .spot.arrive .text,
.arrive-wrap .arrive-box .spot .text {
  color: #26ba19;
}
.arrive-wrap .arrive-box .spot.arrive.normal .icon,
.arrive-wrap .arrive-box .spot.normal .icon {
  border: 3px solid #26ba19;
}

.arrive-wrap .field-container.column,
.depart-wrap .field-container.column {
  margin-left: 0;
}
.arrive-wrap .field-container .field-row .col-auto,
.depart-wrap .field-container .field-row .col-auto {
  padding-left: 0;
  max-width: 400px;
}

.divide-bar {
  display: inline-block;
  width: 2px;
  height: 15px;
  margin: 0 30px;
  background-color: #a0a4b6;
  border-radius: 6px;
}
.divide-bar.both-10 {
  height: 12px;
  margin: 0 10px;
}

.cost-container .box-area .field-container.column {
  margin-left: 0;
}
.cost-container .box-area .field-row .col-auto {
  padding-left: 0;
}
.cost-container .box-area .field-row .col-auto:last-child {
  margin-right: 0;
}
.cost-container .box-area .field-row .col-auto .datepicker-container .input-date-wrap .range-picker-input {
  min-width: auto;
}

.transport-upload-container {
  margin-top: 20px;
}
.transport-upload-container .attachments-wrap .filelist-box .content {
  height: 98px;
  padding: 0;
  overflow: visible;
}
.transport-upload-container .attachments-wrap .filelist-box .content .file-wrap {
  width: 100%;
}
.transport-upload-container .attachments-wrap .filelist-box .content .file-wrap .drag-upload {
  overflow: visible;
}
.transport-upload-container .attachments-wrap .filelist-box .content .file-list-wrap {
  width: 100%;
}
.transport-upload-container .attachments-wrap .filelist-box .file-item {
  width: 70px;
}
.transport-upload-container .attachments-wrap .filelist-box .file-item .tooltip-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
}
.transport-upload-container .attachments-wrap .filelist-box .file-item .tooltip-wrap .tooltip-box {
  max-width: 250px;
}
.transport-upload-container .attachments-wrap .filelist-box .file-item:hover .tooltip-box {
  display: block;
}

.performance-wrap {
  padding: 25px 0 0;
}
.performance-wrap .carlendar-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.performance-wrap .carlendar-wrap .month-picker-wrap {
  margin: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.performance-wrap .carlendar-wrap .month-picker-wrap .month-picker {
  width: 126px;
  padding: 0;
  border: 0;
  margin-right: 4px;
  color: #2d3145;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  background: none;
  cursor: pointer;
}
.performance-wrap .carlendar-wrap .month-picker-wrap .month-picker:focus {
  border: 0;
  outline: none;
}
.performance-wrap .carlendar-wrap .ui-monthpicker-trigger {
  width: 24px;
  height: 24px;
  background-image: url("../../images/pc/ic_calendar-01.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  font-size: 0;
}
.performance-wrap .btn {
  width: 32px;
  height: 32px;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.board-container .layout-area.left {
  position: relative;
  z-index: 5;
}
.board-container .notice-area {
  padding: 20px;
}
.board-container .inner-text {
  margin-bottom: 16px;
}

.notice-area {
  position: relative;
  margin: 3px 0 0;
  text-align: center;
  border-radius: 4px;
  background: #f5f6fa;
}
.notice-area.empty {
  padding: 42px 50px;
}
.notice-area.empty .notice-box .inner-text {
  margin-bottom: 0;
  text-align: center;
}
.notice-area.complete .inner-text:before {
  background-image: url("../../images/pc/ic_notice_19.svg");
}
.notice-area.align-left {
  text-align: left;
}
.notice-area .notice-box {
  width: 100%;
  padding: 8px 0;
}
.notice-area .notice-box:hover .tooltip-box {
  display: block;
}
.notice-area .inner-text {
  width: 100%;
  padding-left: 10px;
  color: #2d3145;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
}
.notice-area .inner-text:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
  background-image: url("../../images/pc/ic_notice_18.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.notice-area .inner-text .red {
  color: #ff4646;
  font-weight: 700;
}
.notice-area .swiper-container {
  position: relative;
}
.notice-area .swiper-container:after {
  content: "";
  position: absolute;
  top: 0;
  right: 40px;
  z-index: 2;
  width: 50px;
  height: 48px;
  background: -webkit-gradient(linear, right top, left top, color-stop(12.5%, #f5f6fa), to(rgba(245, 246, 250, 0)));
  background: linear-gradient(270deg, #f5f6fa 12.5%, rgba(245, 246, 250, 0) 100%);
}
.notice-area .swiper-container .swiper {
  width: 100%;
  padding: 0 10px;
}
.notice-area .swiper-container .swiper.active-swiper {
  width: calc(100% - 80px);
  padding: 0;
}
.notice-area .swiper-container .swiper .swiper-slide .content-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
  border-radius: 4px;
  background-color: #fff;
}
.notice-area .swiper-container .swiper .swiper-slide .content-row .date {
  font-size: 14px;
  font-weight: 500;
  color: #2d3145;
  line-height: normal;
}
.notice-area .swiper-container .swiper-button-prev:after,
.notice-area .swiper-container .swiper-button-next:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
}
.notice-area .swiper-container .swiper-button-prev {
  left: 0;
}
.notice-area .swiper-container .swiper-button-prev:after {
  background: url("../../images/pc/ic_arrow_s_left.svg") no-repeat center/24px;
}
.notice-area .swiper-container .swiper-button-next {
  right: 0;
}
.notice-area .swiper-container .swiper-button-next:after {
  background: url("../../images/pc/ic_arrow_s.svg") no-repeat center/24px;
}

.progress-wrap .progress-bar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 8px;
  border-radius: 8px;
  background: #e7e8ee;
}
.progress-wrap .progress-bar .bar {
  position: relative;
  height: 100%;
}
.progress-wrap .progress-bar .bar.complete, .progress-wrap .progress-bar .bar.warning {
  border-radius: 8px 0px 0px 8px;
  background-color: #2f83ff;
}
.progress-wrap .progress-bar .bar.complete:after, .progress-wrap .progress-bar .bar.warning:after {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  right: -4px;
  top: -4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #2f83ff;
  background-color: #fff;
  z-index:10;
}
.progress-wrap .progress-bar .bar.warning {
  background-color: #ff5858;
}
.progress-wrap .progress-bar .bar.warning:after {
  border-color: #ff5858;
}
.progress-wrap .progress-bar .bar.hold {
  background-color: #fac12d;
}
.progress-wrap .progress-bar .bar.save {
  border-radius: 0px 8px 8px 0px;
  background: #9397ae;
}
.progress-wrap .label-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.progress-wrap .label-wrap .label-item {
  margin-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.progress-wrap .label-wrap .label-item .label-name {
  margin-right: 3px;
  color: #6e728b;
  font-size: 12px;
  font-weight: 500;
}
.progress-wrap .label-wrap .label-item .label-name:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 3px;
  border-radius: 50%;
}
.progress-wrap .label-wrap .label-item.complete .label-name:before {
  content: "";
  background: #2f83ff;
}
.progress-wrap .label-wrap .label-item.hold .label-name:before {
  content: "";
  background: #fac12d;
}
.progress-wrap .label-wrap .label-item.save .label-name:before {
  content: "";
  background: #9398ae;
}
.progress-wrap .label-wrap .value-warp {
  margin-bottom: 4px;
  color: #2d3145;
  text-align: right;
  font-size: 20px;
  font-weight: 700;
}
.progress-wrap .space-between {
  margin-top: 12px;
}
.progress-wrap .extra-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.progress-wrap .extra-text .text-label {
  color: #a0a4b6;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
}
.progress-wrap .extra-text .text-value {
  color: #000;
  text-align: right;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px;
}

.sort-title-area .area-right {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.sort-title-area .area-right .button-container,
.sort-title-area .area-right .field-checkbox {
  margin-left: 8px;
}
.sort-title-area .area-right .field-container {
  margin-left: 8px;
}

.label-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.label-list .list-item {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.label-list .list-item:first-child {
  margin-left: 0;
}
.label-list .list-item .color-box {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  border-radius: 2px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
  background: #fff;
}
.label-list .list-item .name {
  color: #2d3145;
  font-weight: 500;
  font-size: 14px;
}
.label-list .list-item.hold .color-box {
  border: 1px solid #e9e2cb;
  background: #fff9e4;
}
.label-list .list-item.done .color-box {
  border: 1px solid #ccd5e1;
  background: #eef5ff;
}
.label-list .list-item.cancle .color-box {
  border: 1px solid #dad6e2;
  background: #f1ebff;
}
.label-list .list-item.possiable .color-box {
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
  background: #fff;
}
.label-list .list-item.time .color-box {
  border: 1px solid #ccd5e1;
  background: #dfecff;
}
.label-list .list-item.no .color-box {
  border: 1px solid #dadada;
  background: #ebebeb;
}
.label-list .list-item.clash .color-box {
  border: 1px solid #9195a1;
  background: #bec0c8;
}

.notice-board-container {
  position: relative;
  min-height: 56px;  
  margin: 0 0 0;
}
.notice-board-container .notice-board-wrap {
  position: absolute;
  width: 100%;
  padding: 6px 20px 10px 20px;
  
/*   padding: 9px 20px 11px 20px;     */
  
  border-bottom: 1px solid var(--td-border-color);
  background: #fff;
  z-index: 1000;
}
.notice-board-container .notice-board-wrap.active {
  display: block;
  -webkit-box-shadow: 10px 4px 12px -3px rgba(45, 49, 69, 0.16);
  box-shadow: 10px 4px 12px -3px rgba(45, 49, 69, 0.16);
}
.notice-board-container .notice-board-wrap .notice-board-box {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 58px;
  overflow: hidden;
  z-index: 2;
}
.notice-board-container .notice-board-wrap .notice-board-box p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.notice-board-container .notice-board-wrap .notice-board-box.open {
  height: auto;
  max-height: 512px;
  overflow-y: auto;
}
.notice-board-container .notice-board-wrap .notice-board-box.open::-webkit-scrollbar-track {
  margin-top: 0;
}
.notice-board-container .notice-board-wrap .btn-open-trigger {
  position: absolute;
  left: 50%;
  bottom: -12px;
  z-index: 3;
  min-width: 74px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.notice-board-container .notice-board-wrap .btn-open-trigger .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 24px;
  padding: 4px 25px 4px 32px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 16px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
  background-color: #fff;
}
.notice-board-container .notice-board-wrap .btn-open-trigger .text:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 2px;
  background-image: url("../../images/pc/ic_arrow_up_14.svg");
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: auto;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}



.notice-board-box.open + .btn-open-trigger .text:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}


/*  
.notice-board-container .btn-open-trigger .text:before{
    content:'펼처보기'
}
.notice-board-box.open + .btn-open-trigger .text:before{
    content:'접기'
}
*/

.notice-board-container .notice-board-wrap .btn-open-trigger:hover .text {
  border-color: #bfbfbf;
}
.notice-board-container .list-title {
  margin: 0 0 8px;
  color: #171717;
  font-size: 15px;
  font-weight: 600;
}
.notice-board-container .notice-list .list {
  position: relative;
  padding: 0 0 2px 12px;
  color: #171717;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.notice-board-container .notice-list .list.circle:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #171717;
}
.notice-board-container .notice-list .list .sub-text {
  margin: 0 0 0 10px;
  color: #6e728b;
  font-size: 12px;
  font-weight: 400;
}

.ui-menu {
  max-height: 200px;
  overflow-y: auto;
}
.ui-menu .ui-menu-item {
  list-style-image: none;
  border-radius: 0;
}
.ui-menu .ui-menu-item::marker {
  display: none;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper {
  padding: 10px 12px;
  overflow: hidden;
  line-height: 20px;
  color: #2d3145;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
}
.ui-menu .ui-menu-item .ui-state-active {
  background: none;
  border: 0;
  margin: 0;
}
.ui-menu.ui-widget-content {
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.ui-menu.ui-widget-content .ui-state-active {
  border-radius: 0;
  background: none;
  border: 0;
}

.grid-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.grid-progress .progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-right: 8px;
}
.grid-progress .progress-bar .bar {
  position: relative;
  width: 100%;
  height: 8px;
  background: #edf4ff;
  border-radius: 100px;
}
.grid-progress .progress-bar .bar .fill {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  height: 100%;
  background: #2f83ff;
  border-radius: 100px;
}
.grid-progress .progress-bar .bar.failed .fill {
  background: #d61032;
}
.grid-progress .progress-bar.type-b .bar {
  background: rgba(202, 204, 215, 0.5019607843);
}
.grid-progress .percent {
  color: #2d3145;
  font-size: 14px;
  font-weight: 400;
}

.step-process-container {
  width: 100%;
}
.step-process-container .process-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.step-process-container .process-wrap .circle {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.step-process-container .process-wrap .circle.complete {
  background-color: #2f83ff;
}
.step-process-container .process-wrap .circle.current {
  border: 1px solid #2f83ff;
}
.step-process-container .process-wrap .circle.plan {
  background-color: rgba(202, 204, 215, 0.5019607843);
}
.step-process-container .process-wrap .circle.cancle {
  background-color: #a0a4b6;
}
.step-process-container .process-wrap .circle:hover .tooltip-wrap {
  display: block;
}
.step-process-container .process-wrap .circle .tooltip-wrap {
  left: -8px;
  top: 3px;
}
.step-process-container .process-wrap .circle .tooltip-wrap .text {
  position: relative;
}
.step-process-container .process-wrap .circle .tooltip-wrap .text.date:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 3px 6px 0 6px;
  background: #fff;
}
.step-process-container .process-wrap .process-bar {
  margin: 3px 0 0;
  width: 100%;
  height: 1px;
  background: rgba(202, 204, 215, 0.5019607843);
}
.step-process-container .process-wrap .tooltip-wrap {
  display: none;
}
.step-process-container .process-wrap .tooltip-wrap .tooltip-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.file-link {
  width: 19px;
  height: 19px;
  display: block;
  font-size: 0;
  background-image: url("../../images/pc/ic_paperclip_gray.svg");
}
.file-link.text-link {
  width: auto;
  padding-left: 18px;
  color: #2f83ff;
  font-size: 14px;
  text-decoration: underline;
  background-image: url("../../images/pc/icon_link_file_blue.svg");
  background-position: 0 50%;
  background-repeat: no-repeat;
}


@media screen and (max-width: 1400px) {
 
 /*  
  .filter-box .field-container .field-area.col-25, .filter-box .field-container .field-area.col-33 {
    max-width: 50%;
  }
  .filter-box .field-container .field-area.col-75 {
    max-width: 45%;
  }
  
  .field-container .field-area{
  	margin-bottom:12px;
  }
  
  */
  
  .filter-box .field-container .field-area.col-auto {
    max-width: none;
    margin-right: 0;
  }
  .divide {
    display: block;
  }
  .divide .layout-area {
    width: 100%;
  }
  .divide .layout-area.left {
    margin-bottom: 30px;
  }
  .divide.left-40p .left,
  .divide.left-40p .right {
    width: 100%;
  }
  .info-wrap .box-wrap.top .box.area-right {
    padding-right: 0px;
  }
  .info-wrap .box-wrap .spot.normal::after,
  .info-wrap .box-wrap .spot.normal::before,
  .info-wrap .box-wrap .spot.end::before {
    height: 150px;
  }
  .info-wrap .box-wrap .spot.layover::after,
  .info-wrap .box-wrap .spot.layover::before {
    height: 150px;
  }
  .info-wrap .box-wrap .box.area-right .field-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .info-wrap .box-wrap .info-value-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  
   
}



  
@media screen and (max-width: 960px) {
	

  .sort-title-container.type-box .filter-container .filter-box .filter-box-wrap .field-item.right {
    margin-bottom: 8px;
  }
  .filter-box .filter-box-wrap .field-item.right {
    margin-bottom: 8px;
  }
 
 /*  
  .filter-box .field-container .field-area.col-25, 
  .filter-box .field-container .field-area.col-33 {
    max-width: 50%;

  }
  */

  .filter-box .field-container .field-area.col-auto, .filter-box .field-container .field-area.col-70 {
    min-width: 100%;
  }
  .arrive-wrap .field-container .field-row .field-area.col-auto,
  .depart-wrap .field-container .field-row .field-area.col-auto {
    min-width: 100%;
    max-width: 100%;
  }
}




@media screen and (max-width: 720px) {
	
	

  
  /*  
  .field-container .field-area{
  	margin-bottom:12px;
  }
  
  .filter-box .field-container .field-area.col-25, 
  .filter-box .field-container .field-area.col-33, 
  .filter-box .field-container .field-area.col-50 {
    max-width: 100%;
  }
  .filter-box .field-container .field-area.col-75 {
    max-width: 92%;
  }
  
  */
  
}




.expenses-container {
  border: 1px solid #e9ebf1;
  border-top: 0;
}
.expenses-container.basic-after .expenses-wrap {
  min-height: 404px;
}
.expenses-container .expenses-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.expenses-container .basic-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 33%;
  padding: 18px 30px;
}
.expenses-container .basic-info .content-area {
  width: 100%;
}
.expenses-container .basic-info .content-area .content-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.expenses-container .basic-info .content-area .content-row:last-child .form-area > * {
  margin-bottom: 0;
}
.expenses-container .basic-info .content-area .form-area {
  width: 100%;
}
.expenses-container .basic-info .content-area .form-area > * {
  margin-bottom: 16px;
}
.expenses-container .basic-info .content-area .form-area .datepicker-container {
  width: 100%;
  margin-right: 6px;
}
.expenses-container .basic-info .content-area .form-area .radio-group .field-group {
  padding: 4px 0;
}
.expenses-container .basic-info .content-area .label-area.icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 120px;
  margin-right: 4px;
}
.expenses-container .basic-info .content-area .label-area.icon .field-label {
  width: auto;
}
.expenses-container .basic-info .content-area .field-label {
  padding: 6px 0;
  margin-right: 4px;
}
.expenses-container .basic-info .popup-icon {
  width: 22px;
  height: 22px;
  margin: 6px 0;
  background-image: url("../../images/pc/ic_alert_circle_20.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
}
.expenses-container .detail-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 67%;
  border-left: 1px solid #e9ebf1;
}
.expenses-container .detail-info .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.expenses-container .detail-info .row:not(:last-child) {
  border-bottom: 1px solid #e9ebf1;
}
.expenses-container .detail-info .row.full-h {
  height: 100%;
}
.expenses-container .detail-info .label-area {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 30px;
  width: 160px;
  background-color: var(--th-bg-color-1);
}
.expenses-container .detail-info .popup-icon {
  width: 22px;
  height: 22px;
  margin: 6px 0;
  background-image: url("../../images/pc/ic_alert_circle_20.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
}
.expenses-container .detail-info .label-area .label-text {
  color: #2d3145;
  font-size: 15px;
  font-weight: 600;
}
.expenses-container .detail-info .content-area {
  width: 100%;
  padding: 10px 32px;
}
.expenses-container .detail-info .content-area .content-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-left: -6%;
}
.expenses-container .detail-info .content-area .content-row > * {
  padding-left: 6%;
}
.expenses-container .detail-info .content-area .content-row .item-group .field {
  padding: 0;
}
.expenses-container .detail-info .content-area .field {
  width: 100%;
  max-width: 400px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.expenses-container .detail-info .content-area .field .group-form {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.expenses-container .detail-info .content-area .field .field-radio {
  width: auto;
  padding: 4px 0;
}
.expenses-container .detail-info .content-area .field.field-textarea {
  max-width: 100%;
}
.expenses-container .detail-info .content-area .field .textarea {
  height: 136px;
}

.account-guide-container .tab-container,
.account-guide-container .anchor-container {
  display: block;
  margin-top: 0;
  padding-bottom: 12px;
}
.account-guide-container .tab-container .notice-text,
.account-guide-container .anchor-container .notice-text {
  margin: 10px 0 0;
  color: #6e728b;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.account-guide-container .tab-panel-wrap {
  max-height: 550px;
  overflow-y: auto;
}

.sort-guide .popup-middle {
  padding: 40px 6px 0 40px;
}
.sort-guide .popup-middle .middle-box {
  padding: 0 0 0 0;
}
.sort-guide .popup-middle .guide-container {
  padding-right: 30px;
}

.guide-container .guide-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}
.guide-container .guide-row .col-1 {
  width: 100%;
}
.guide-container .guide-row .col-1 .content {
  padding-right: 77px;
}
.guide-container .guide-row .col-1 .select-btn-wrap {
  position: absolute;
  right: 16px;
  bottom: 18px;
}
.guide-container .guide-row .col-2 {
  width: 50%;
}
.guide-container .guide-row .col-2:first-child {
  margin-right: 8px;
}
.guide-container .guide-row .col-2:last-child {
  margin-left: 8px;
}
.guide-container .guide-row .col-3 {
  width: 33%;
}
.guide-container .guide-row .col-3:nth-child(2) {
  margin: 0 12px;
}
.guide-container .box {
  position: relative;
  min-height: 124px;
  padding: 16px 18px;
  border-radius: 4px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.guide-container .box .inner-box {
  position: relative;
}
.guide-container .box .title {
  margin: 0 0 8px;
  color: #2d3145;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px; /* 137.5% */
}
.guide-container .box .content {
  min-height: 60px;
  margin-bottom: 8px;
  overflow: hidden;
  word-break: keep-all;
  color: #7a7a7a;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.guide-container .box:hover {
  border-color: #2f83ff;
}

.select-btn-wrap {
  margin-top: auto;
}
.select-btn-wrap .btn-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2f83ff;
  font-size: 14px;
  font-weight: 400;
}
.select-btn-wrap .btn-select:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-image: url("../../images/pc/ic_select_arrow_16.svg");
  background-repeat: no-repeat;
}
.select-btn-wrap .btn-select:hover {
  font-weight: 600;
}

.method-guide-container + .method-guide-container {
  margin-top: 28px;
}
.method-guide-container .method-guide-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.method-guide-container .area-wrap {
  width: 100%;
}
.method-guide-container .area-wrap .area-title {
  margin-bottom: 12px;
  color: #2d3145;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
}
.method-guide-container .area-wrap .box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.method-guide-container .area-wrap:not(:first-child):last-child {
  margin-left: 24px;
}
.method-guide-container .guide-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  min-width: 212px;
  height: 162px;
  padding: 16px 24px;
  border-radius: 4px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.method-guide-container .guide-box.hor {
  height: 128px;
}
.method-guide-container .guide-box.hor .guide-text {
  height: auto;
}
.method-guide-container .guide-box.hor .pay-method {
  margin-top: 0;
}
.method-guide-container .guide-box + .guide-box {
  margin-left: 16px;
}
.method-guide-container .guide-box .status-chip {
  margin-bottom: 10px;
}
.method-guide-container .guide-box .status-chip .chip-text {
  font-size: 12px;
}
.method-guide-container .guide-box .pay-method {
  margin-top: 24px;
}
.method-guide-container .guide-box .guide-text {
  height: 40px;
  color: #7a7a7a;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.method-guide-container .guide-box .inform-text {
  color: #ff7a2f;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
}
.method-guide-container .guide-box .inform-text.sm-text {
  color: #a0a4b6;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
}
.method-guide-container .guide-box .pay-method .method-title {
  display: block;
  color: #2d3145;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.method-guide-container .guide-box .pay-method.list-type .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.method-guide-container .guide-box .pay-method.list-type .item:not(:last-child) {
  padding: 0 0 11px;
  border-bottom: 1px solid #e9ebf1;
}
.method-guide-container .guide-box .pay-method.list-type .item:last-child {
  padding: 11px 0 0;
}
.method-guide-container .guide-box .pay-method.list-type .item .select-btn-wrap {
  margin: 0;
}
.method-guide-container .guide-box .bottom-select-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.method-guide-container .guide-box:hover, .method-guide-container .guide-box.selected {
  border-color: #2f83ff;
}

.sales-container {
  margin: 30px 0 0;
}

.bar-chart-container {
  padding: 20px 0 0;
}
.bar-chart-container .bar-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 10px;
}
.bar-chart-container .bar-wrap .bar {
  height: 8px;
  border-radius: 0px 8px 8px 0px;
  background: #2f83ff;
}
.bar-chart-container .bar-wrap .value {
  margin-left: 8px;
  color: #2d3145;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
}
.bar-chart-container .bar-wrap.goal .bar {
  background-color: rgba(202, 204, 215, 0.5019607843);
}
.bar-chart-container .bar-wrap.performance .bar {
  background-color: #2f83ff;
}
.bar-chart-container .chart-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 44px 0 0;
}
.bar-chart-container .chart-label .label-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 16px 0 0;
}
.bar-chart-container .chart-label .label-item .circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.bar-chart-container .chart-label .label-item .circle.goal {
  background-color: rgba(202, 204, 215, 0.5019607843);
}
.bar-chart-container .chart-label .label-item .circle.performance {
  background-color: #2f83ff;
}
.bar-chart-container .chart-label .label-item .text {
  margin: 0 0 0 3px;
  color: #6e728b;
  font-size: 12px;
}

.thumbnail-container {
  margin: 30px 0 0;
}
.thumbnail-container .thumbnail-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -0.78vw;
}

.thumbnail-box {
  width: 20%;
  max-width: 580px;
  margin: 0 0 1.57vw 0;
  padding: 0 0.78vw;
  background: #fff;
}
.thumbnail-box.finish .status-chip {
  background: #e3e4ec;
}
.thumbnail-box.finish .status-chip .chip-text {
  color: #6e728b;
}
.thumbnail-box.finish .thumbnail-box-wrap .btn-link {
  border: 1px solid #e0e1ea;
  background: #f4f5f7;
}
.thumbnail-box.finish .thumbnail-box-wrap .btn-link .text {
  opacity: 0.3;
}
.thumbnail-box.finish .thumbnail-box-wrap .btn-link:hover {
  cursor: initial;
}
.thumbnail-box.finish .thumbnail-box-wrap .thumb-pic {
  border-radius: 2px;
  background-image: url("../../images/pc/thumb_default_finish.png");
}
.thumbnail-box.finish .thumbnail-box-wrap .thumb-pic img {
  border-radius: 2px;
}
.thumbnail-box.finish .thumbnail-box-wrap:hover {
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
}

.thumbnail-box-wrap {
  padding: 14px;
  border-radius: 4px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.thumbnail-box-wrap:hover {
  border: 1px solid #2f83ff;
}
.thumbnail-box-wrap .thumb-pic {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: 0 0 10px;
/*   padding-top: 72.4%; */
  border-radius: 2px;
  background: #f5f6fa;
  background-image: url("../../images/pc/thumb_default.png");
  background-repeat: no-repeat;
  background-position: 50%;
}
.thumbnail-box-wrap .thumb-pic img {
/*   position: absolute; */
/*   left: 0; */
/*   top: 0; */
  width: 100%;
  height: 150px;
  object-fit: cover;
}
.thumbnail-box-wrap .thumb-title {
  margin: 0 0 20px;
  overflow: hidden;
  color: #2d3145;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 600;
}
.thumbnail-box-wrap .pic-info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 8px 0;
}
.thumbnail-box-wrap .pic-info-wrap .pic-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.thumbnail-box-wrap .pic-info-wrap .pic-info .text {
  color: #6e728b;
  font-size: 12px;
  font-weight: 500;
}
.thumbnail-box-wrap .pic-info-wrap .pic-info .label {
  margin: 0 8px 0 0;
}
.thumbnail-box-wrap .pic-info-wrap .pic-info.writer:before {
  content: "";
  width: 2px;
  height: 15px;
  margin: 0 0.5vw;
  background-color: rgba(202, 204, 215, 0.5019607843);
  border-radius: 4px;
}
.thumbnail-box-wrap .event-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.thumbnail-box-wrap .event-progress .small-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.thumbnail-box-wrap .event-progress .small-text .text {
  color: #a0a4b6;
  font-size: 12px;
  font-weight: 500;
}
.thumbnail-box-wrap .event-progress .small-text .waiting:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 12px;
  margin: 1px 0.3vw;
  vertical-align: middle;
  background-color: rgba(202, 204, 215, 0.5019607843);
  border-radius: 4px;
}
.thumbnail-box-wrap .status-chip {
  border-radius: 4px;
  width: auto;
  height: auto;
  margin: 0 8px 0 0;
  background: #d3e4ff;
}
.thumbnail-box-wrap .status-chip .chip-text {
  padding: 0 12px;
  font-size: 12px;
  line-height: 20px;
}
.thumbnail-box-wrap .status-chip .chip-text {
  color: #0b63e3;
}
.thumbnail-box-wrap .box-bottom {
  margin: 15px 0 0;
}
.thumbnail-box-wrap .btn-link {
  display: block;
  padding: 10px 0;
  border-radius: 4px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
  background: #fff;
  text-align: center;
}
.thumbnail-box-wrap .btn-link .text {
  color: #2d3145;
  font-size: 14px;
  font-weight: 600;
}
.thumbnail-box-wrap .btn-link:hover {
  background: #f8f9fd;
}


/*  
@media screen and (max-width: 1720px) {
  .thumbnail-box-wrap .pic-info-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .thumbnail-box-wrap .pic-info-wrap .pic-info.writer {
    margin: 4px 0 0;
  }
  .thumbnail-box-wrap .pic-info-wrap .pic-info.writer:before {
    display: none;
  }
  .thumbnail-box-wrap .pic-info-wrap .pic-info .text {
    font-size: 12px;
  }
  .thumbnail-box-wrap .event-progress {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .thumbnail-box-wrap .event-progress .small-text {
    margin-top: 6px;
  }
}
*/


@media screen and (max-width: 1440px) {
  .box-wrap .btn-link {
    padding: 6px 0;
  }
  .box-wrap .btn-link .text {
    font-size: 13px;
  }
}
.work-help-container {
  margin: 0 0 30px;
  padding: 16px 0 20px;
  border-bottom: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.work-help-container .col-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  width: 100%;
}
.work-help-container .col-wrap .col-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.work-help-container .col-title {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-right: 5.5%;
}
.work-help-container .col-title .title-text {
  color: #2d3145;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.work-help-container .col-title .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  margin-left: 8px;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  border-radius: 50%;
  background: #2d3145;
}
.work-help-container .col-list {
  width: 25%;
}
.work-help-container .col-list .list-title {
  color: #2d3145;
  font-size: 15px;
  font-weight: 600;
  padding: 0 0 8px;
}
.work-help-container .col-list .list-item {
  position: relative;
  color: #2d3145;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.work-help-container .col-list .list-item.circle {
  padding-left: 12px;
}
.work-help-container .col-list .list-item.circle:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #2d3145;
}
.work-help-container .link-file:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  vertical-align: middle;
  background-image: url("../../images/pc/ic_attachment-01.png");
  background-position: 50%;
  background-repeat: no-repeat;
}
.work-help-container .link-site:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  vertical-align: middle;
  background-image: url("../../images/pc/ic_link-external.png");
  background-position: 50%;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1440px) {
  .work-help-container {
    padding-bottom: 0;
  }
  .work-help-container .col-list-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 30px;
  }
  .work-help-container .col-list-wrap .col-list {
    width: 50%;
    margin-bottom: 10px;
    margin-bottom: 20px;
  }
}
.guide-box-wrap {
  padding: 14px 4px 14px 12px;
  border-radius: 4px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
  background: #fff;
}
.guide-box-wrap .guide-box-text {
  max-height: 130px;
  padding-right: 22px;
  overflow-y: auto;
  color: #2d3145;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  word-break: keep-all;
}

.budget-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.budget-container .budget-left {
  width: 100%;
  max-width: 418px;
}
.budget-container .budget-right {
  width: 100%;
  margin-left: 40px;
}

.budget-item-container {
  width: 100%;
  height: 755px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.budget-item-container .budget-item-box {
  overflow-y: auto;
  max-height: 755px;
}
.budget-item-container .budget-item-box .budget-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  padding: 0 30px;
}
.budget-item-container .budget-item-box .budget-item .budget-content {
  width: 60%;
  color: #2d3145;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 600;
}
.budget-item-container .budget-item-box .budget-item .budget-amount {
  width: 40%;
  color: #2d3145;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
}
.budget-item-container .budget-item-box .budget-item:hover {
  background: #edf4ff;
  cursor: pointer;
}
.budget-item-container .budget-item-box .budget-item.selected:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 16px;
  background-image: url("../../images/pc/ic_selected_checked.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}

.budget-amount-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.budget-amount-wrap .box-area {
  position: relative;
}
.budget-amount-wrap .box-area .box-title {
  position: absolute;
  top: 18px;
  left: 20px;
  display: block;
  color: #2d3145;
  font-size: 16px;
  font-weight: 700;
  z-index: 2;
}
.budget-amount-wrap .box-area .chart-value-wrap {
  position: absolute;
  top: 74px;
  left: 40px;
  z-index: 2;
}
.budget-amount-wrap .box-area .chart-value-wrap .label {
  display: block;
  margin: 0 0 4px;
  color: #6e728b;
  font-size: 12px;
  font-weight: 600;
}
.budget-amount-wrap .box-area .chart-value-wrap .value {
  display: block;
  color: #2d3145;
  font-size: 16px;
  font-weight: 700;
}
.budget-amount-wrap .box-area .progress-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 40px 0 40%;
}
.budget-amount-wrap .box-area .progress-container .progress-wrap {
  padding: 60px 0 0;
}
.budget-amount-wrap .box-area .progress-container .legend-wrap {
  margin-top: 24px;
}
.budget-amount-wrap .box-area .progress-container .legend-wrap .circle {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
}
.budget-amount-wrap .box-area .progress-container .legend-wrap .legend-label {
  display: block;
  color: #6e728b;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.budget-amount-wrap .box-area .progress-container .legend-wrap .legend-value {
  color: #2d3145;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}
.budget-amount-wrap .budget-a {
  border-right: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.budget-amount-wrap .box-area {
  height: 220px;
}

.box-divide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
}
.box-divide .box-area {
  width: 50%;
}

@media screen and (max-width: 1680px) {
  .budget-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .budget-container .budget-left {
    max-width: none;
  }
  .budget-container .budget-right {
    margin-left: 0;
  }
}
.chart-custom #chart {
  height: 100%;
}
.chart-custom #chart .chart.donut {
  color: #2d3145;
  font-size: 12px;
  font-weight: 700;
}
.chart-custom #chart .pie-inner-value {
  display: none;
}

.car-select-container {
  height: 300px;
}

.grid-nodata.budget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
  border-top: 0;
}
.grid-nodata .text {
  color: #a0a4b6;
  font-size: 12px;
  font-weight: 500;
}

.tbl-timeline {
  max-width: 100%;
  overflow-x: auto;
}
.tbl-timeline .ui-state-default {
  display: table-cell;
}
.tbl-timeline thead th,
.tbl-timeline thead td:nth-child(2),
.tbl-timeline tbody th,
.tbl-timeline tbody td:nth-child(2) {
  width: 100%;
  max-width: 150px;
}
.tbl-timeline thead th {
  white-space: nowrap;
  padding: 0 8px;
  height: 44px;
}
.tbl-timeline tbody td {
  overflow: visible;
  padding: 0 8px;
  height: 44px;
}
.tbl-timeline tbody .ui-state-default {
  background: #fff;
}
.tbl-timeline tbody .ui-state-default.ui-selected {
  background-color: #edf4ff;
}
.tbl-timeline .project-header .td-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.tbl-timeline .project-header .td-wrap .tooltip-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 6px;
}
.tbl-timeline .project-header .td-wrap .tooltip-wrap .tooltip-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tbl-timeline .project-header .text {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.board-edit-container {
  padding: 30px 0 0;
}
.board-edit-container .field-row,
.board-edit-container .attachments-wrap {
  margin-bottom: 30px;
}
.board-edit-container .field.medium .field-label {
  font-size: 18px;
}

.hover-btn-wrap {
  position: absolute;
  right: 10px;
  top: 10px;
  display: none;
  z-index: 2;
}
.hover-btn-wrap .button-container .btn {
  width: 30px;
  height: 30px;
  margin: 0;
}
.hover-btn-wrap .button-container .btn:not(:first-child) {
  margin: 0;
}
.hover-btn-wrap .button-container .btn:hover:not(:disabled) {
  background-color: initial;
  background-color: rgb(45, 49, 69);
}
.hover-btn-wrap .button-container .btn.btn-edit {
  border-radius: 4px 0 0 4px;
  width: 30px;
  height: 30px;
  background-image: url("../../images/pc/ic_edit_hover_20.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.hover-btn-wrap .button-container .btn.btn-edit .icon {
  display: none;
}
.hover-btn-wrap .button-container .btn.btn-del {
  border-radius: 0 4px 4px 0;
  background-image: url("../../images/pc/ic_btn_del.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  border-left: 1px solid #989aa7;
  color: #111369;
}

.icon-mark-gray {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 6px 0;
  background-image: url("../../images/pc/ic_alert_circle_20.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
}

.icon-mark-red {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 6px 0;
  background-image: url("../../images/pc/ic_alert_circle_20_red.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
}

.icon-mark-blue {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 6px 0;
  background-image: url("../../images/pc/ic_alert_circle_20_blue.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
}

.icon-mark-black {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 6px 0;
  background-image: url("../../images/pc/ic_alert_circle_20_black.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
}

.board-detail-container .board-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.board-detail-container .board-row:not(:last-child) {
  margin-bottom: 30px;
}
.board-detail-container .board-row.align-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.board-detail-container .detail-label {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 145px;
  display: inline-block;
}
.board-detail-container .detail-label .label-text {
  color: #171717;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}
.board-detail-container .datail-value {
  width: 100%;
}
.board-detail-container .datail-value .value-text {
  color: #2d3145;
  font-size: 20px;
  font-weight: 600;
}
.board-detail-container .datail-value .item-group {
  width: 100%;
}

.board-detail-wrap {
  margin-top: 30px;
  padding: 0 0 30px;
  border-bottom: 1px solid #d7d9e2;
}
.board-detail-wrap .board-content-wrap .write-text-box {
  max-height: 110px;
  margin-top: 12px;
  overflow-y: auto;
}
.board-detail-wrap .board-content-wrap .write-text-box .text-inner {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.board-detail-wrap .board-content-wrap .add-file-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -8px;
}
.board-detail-wrap .board-content-wrap .add-file-wrap .add-file {
  padding: 8px 13px;
  margin-bottom: 8px;
  border-radius: 20px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
  background: #f8f9fd;
}
.board-detail-wrap .board-content-wrap .add-file-wrap .add-file:not(:last-child) {
  margin-right: 8px;
}
.board-detail-wrap .board-content-wrap .add-file-wrap .add-file .text {
  color: #2d3145;
  font-size: 14px;
  font-weight: 500;
}

.write-content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.write-content-box .writer-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.write-content-box .writer {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.write-content-box .write-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #a0a4b6;
  font-size: 12px;
  font-weight: 500;
}
.write-content-box .write-date:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-left: 6px;
  margin-right: 6px;
  border-radius: 50%;
  background: rgba(202, 204, 215, 0.5019607843);
}
.write-content-box .favorite-wrap {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.write-content-box .favorite-wrap .favorite-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 38px;
  margin-left: 12px;
}
.write-content-box .favorite-wrap .favorite-item .like-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 4px;
}
.write-content-box .favorite-wrap .favorite-item .like-wrap input[type=checkbox] {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  font-size: 0;
  visibility: hidden;
  cursor: pointer;
}
.write-content-box .favorite-wrap .favorite-item .like-wrap .like-btn {
  cursor: pointer;
}
.write-content-box .favorite-wrap .count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #a0a4b6;
  font-size: 12px;
  font-weight: 500;
}
.write-content-box .favorite-wrap .count.active {
  color: #000;
}

.board-comment-wrap {
  padding-top: 30px;
}
.board-comment-wrap .board-row {
  padding-bottom: 30px;
}

.comment-list-container .comment-wrap {
  border-bottom: 1px solid #d7d9e2;
  padding-bottom: 30px;
}
.comment-list-container .comment-wrap:not(:first-child) {
  padding-top: 30px;
}
.comment-list-container .write-content-box {
  margin-bottom: 12px;
}
.comment-list-container .write-content-box .type-icon-text {
  border: 0;
}
.comment-list-container .write-content-box .type-icon-text .text {
  color: #6e728b;
}
.comment-list-container .write-content-box {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.comment-list-container .comment-box .text {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}

.meno-container .memo-list {
  width: 100%;
  margin-top: 12px;
}
.meno-container .memo-list .memo-box {
  width: 100%;
  margin-bottom: 20px;
  padding: 22px 24px;
  border-radius: 4px;
  border: 1px solid rgba(202, 204, 215, 0.5019607843);
  background-color: #fff;
}
.meno-container .memo-list .memo-box .memo-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 22px;
}
.meno-container .memo-list .memo-box .memo-top .picture {
  margin-right: 20px;
}
.meno-container .memo-list .memo-box .memo-top .picture img {
  display: block;
  width: 44px;
  height: 44px;
}
.meno-container .memo-list .memo-box .memo-top .info .name {
  font-size: 14px;
  font-weight: 600;
  color: #2d3145;
  line-height: 20px;
}
.meno-container .memo-list .memo-box .memo-top .info .created-date {
  font-size: 14px;
  font-weight: 600;
  color: #a0a4b6;
  line-height: normal;
}
.meno-container .memo-list .memo-box .memo-content {
  padding-left: 64px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 20px;
}
.meno-container .memo-list .memo-box .memo-content .btn-download {
  margin-top: 30px;
  min-width: 220px;
}

.favorite-button-wrap {
  height: 20px;
}
.favorite-button-wrap .favorite-check {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  font-size: 0;
  visibility: hidden;
  cursor: pointer;
}
.favorite-button-wrap .favorite-check + .favorite-btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-left: 5px;
}
.favorite-button-wrap .favorite-check + .favorite-btn:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../../images/pc/ic_visitor.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.favorite-button-wrap .favorite-check:checked + .favorite-btn {
  font-size: 14px;
  font-weight: 500;
  color: #444444;
  line-height: 24px;
  cursor: pointer;
}
.favorite-button-wrap .favorite-check:checked + .favorite-btn:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../../images/pc/ic_favorite_star.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}

.tour-check-wrap {
  height: 133px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #caccd7;
}
.tour-check-wrap .text {
  margin-top: 20px;
  color: #a0a4b6;
  font-size: 14px;
  font-weight: 500;
}

.right-label {
  color: #a0a4b6;
  font-size: 12px;
  font-weight: 500;
}

.text-box {
  color: #6e728b;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.text-box.society {
  margin: 14px 0 0;
}

.divide-4-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 60px;
}
.divide-4-box .content-box {
  width: 49%;
  margin-top: 40px;
}
.divide-4-box .content-box:nth-child(-n+2) {
  margin-bottom: 30px;
}
.divide-4-box .content-box:nth-child(1) .image-box img {
  max-width: 770px;
}
.divide-4-box .content-box:nth-child(2) .image-box {
  padding: 60px 0 0;
}
.divide-4-box .content-box:nth-child(2) .image-box img {
  max-width: 682px;
  margin: auto;
}
.divide-4-box .content-box:nth-child(3) .image-box img {
  max-width: 770px;
}
.divide-4-box .content-box:nth-child(4) .image-box {
  padding: 16px 0 0;
}
.divide-4-box .content-box:nth-child(4) .image-box img {
  max-width: 770px;
}
.divide-4-box .content-box .sort-title-container {
  margin-top: 0;
}
.divide-4-box .content-box .sort-title-container .sort-title {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.divide-4-box .content-box .sort-title-container .guide-text {
  color: #6e728b;
}
.divide-4-box .image-box img {
  width: 100%;
  display: block;
}

.loader-circle-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
/*   z-index: var(--loading-container); */
  z-index: 5000;
  position: absolute;
}
.loader-circle-container .loader-box {
  display: inline-block;
}
.loader-circle-container .loader {
  font-size: 25px;
  width: 14px;
  height: 14px;
  margin: 50% auto 0;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: mulShdSpin 1.2s infinite ease;
  animation: mulShdSpin 1.2s infinite ease;
}
.loader-circle-container .notice-text-wrap {
  margin: 32px 0 0;
}
.loader-circle-container .notice-text-wrap .text-lg {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  color: #141414;
}
.loader-circle-container .notice-text-wrap .text-sm {
  margin: 7px 0 0;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.29;
  text-align: center;
  color: #757575;
}

@-webkit-keyframes mulShdSpin {
  0%, 100% {
    -webkit-box-shadow: 0em -2.6em 0em 0em #000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
    box-shadow: 0em -2.6em 0em 0em #000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
  }
  12.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
  }
  25% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  37.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  50% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  62.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  75% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  87.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000000;
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000000;
  }
}

@keyframes mulShdSpin {
  0%, 100% {
    -webkit-box-shadow: 0em -2.6em 0em 0em #000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
    box-shadow: 0em -2.6em 0em 0em #000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
  }
  12.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
  }
  25% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  37.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  50% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  62.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  75% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  87.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000000;
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000000;
  }
}