@charset "UTF-8";

.wrap {
  position: relative;
}

.h100 {
  height: calc(100vh - 70px);
  overflow-y: auto;
}

.scroll-y {
  overflow-y: auto;
}

.scroll-x {
  max-width: 100%;
  overflow-x: auto;
}

.side-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 260px;
  height: 100vh;
  padding: 0;
  background: var(--gray100);
  border-right: 1px solid var(--gray250);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--gray250) transparent;
  z-index: 11;
}

.logo-wrapper {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 70px;
  border-bottom: 1px solid var(--gray250);
}

.logo-wrapper h1 a {
  display: flex;
  gap: 10px;
}

h1.logo .logo-box {
  display: flex;
  width: 44px;
  height: 44px;
  padding: 4px;
  align-items: center;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
}

h1.logo .logo-box img {
  width: 36px;
}

h1.logo .logo-txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}

h1.logo .logo-txt span:first-of-type {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--gray900);
}

h1.logo .logo-txt span:last-of-type {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--gray600);
}

.logo-wrapper .btn-toggle-menu {
  padding: 8px;
  background-color: var(--gray100);
  border-radius: 8px;
}

.side-min .logo-wrapper .btn-toggle-menu {
  position: fixed;
  top: 16px;
  left: 86px;
  z-index: 11;
}

.logo-wrapper .btn-toggle-menu .ic {
  width: 20px;
  height: 20px;
  background-color: var(--gray600);
}

.logo-wrapper .btn-toggle-menu .ic.open-menu,
.side-min .logo-wrapper .btn-toggle-menu .ic.close-menu {
  display: none !important;
}

.side-min .logo-wrapper .btn-toggle-menu .ic.open-menu {
  display: block !important;
}

.side-min+.top-info {
  width: calc(100% - 76px);
}

.lnb {
  height: calc(100vh - 70px);
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
}

.lnb li a {
  display: flex;
  padding: 10px;
  align-items: center;
  gap: 8px;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--gray600);
  border-radius: 8px;
}

.lnb li a .ic {
  background-color: var(--gray600);
}

.lnb li a:hover {
  background: var(--gray200);
}

.lnb li a.active {
  background-color: var(--gray250);
  color: #161616;
  font-weight: 600;
}

.lnb>li.has-sub:has(.lnb-sub a.active)>a.active {
  background-color: var(--gray100);
}

.lnb li a.active .ic {
  background-color: #2685F6;
}

.lnb li a.active .ic.line-briefcase {
  -webkit-mask-image: url("/images/icon/ic-fill-briefcase.svg");
  mask-image: url("/images/icon/ic-fill-briefcase.svg");
}

.lnb li a.active .ic.line-company {
  -webkit-mask-image: url("/images/icon/ic-fill-company.svg");
  mask-image: url("/images/icon/ic-fill-company.svg");
}

.lnb li a.active .ic.line-candidate {
  -webkit-mask-image: url("/images/icon/ic-fill-candidate.svg");
  mask-image: url("/images/icon/ic-fill-candidate.svg");
}

.lnb li a.active .ic.line-template {
  -webkit-mask-image: url("/images/icon/ic-fill-template.svg");
  mask-image: url("/images/icon/ic-fill-template.svg");
}

.lnb li a.active .ic.line-member {
  -webkit-mask-image: url("/images/icon/ic-fill-member.svg");
  mask-image: url("/images/icon/ic-fill-member.svg");
}

.lnb li a.active .ic.line-grid {
  -webkit-mask-image: url("/images/icon/ic-fill-grid.svg");
  mask-image: url("/images/icon/ic-fill-grid.svg");
}

.lnb li a.active .ic.line-shield {
  -webkit-mask-image: url("/images/icon/ic-fill-shield.svg");
  mask-image: url("/images/icon/ic-fill-shield.svg");
}
.lnb li a .ic.line-chart{
  -webkit-mask-image: url("/images/icon/ic-line-chart.svg");
  mask-image: url("/images/icon/ic-line-chart.svg");
}
.lnb li a.active .ic.line-chart{
  -webkit-mask-image: url("/images/icon/ic-line-chart.svg");
  mask-image: url("/images/icon/ic-line-chart.svg");
}

.side-min .lnb li a {
  justify-content: center;
}

.lnb-sub {
  display: none;
  padding: 8px 0 8px 20px;
}

.lnb .has-sub>a.active+.lnb-sub {
  display: block;
}

.lnb-sub li {
  padding: 2px 0 2px 4px;
  border-left: 2px solid var(--gray400);
}

.lnb-sub li a {
  display: block;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--gray800);
}

.lnb-sub li:has(a.active) {
  border-color: var(--blue500);
}

.side-min {
  width: 76px;
}

.side-min .txt,
.side-min .lnb-sub {
  display: none !important;
}

.top-info {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  display: flex;
  gap: 4px;
  width: calc(100% - 260px);
  height: 70px;
  padding: 14.5px 40px;
  justify-content: flex-end;
  align-items: flex-start;
  background: var(--white);
  border-bottom: 1px solid var(--gray250);
}
.top-info .po-rl{
  width: 100%;
  height: 100%;
}
.top-info .top-left{
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
}
.side-min + .top-info .top-left{
  left: 10px;
}
.top-info .top-right{
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  gap: 4px;
}
.top-info .top-notice-wrapper,
.top-info .top-usermenu-wrapper {
  position: relative;
}

.top-info .top-notice-wrapper {
  width: 40px;
  height: 40px;
}

.top-info .top-right .btn {
  padding: 5px 6px;
  height: 40px;
  border-radius: 12px;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--gray800);
}

.top-info .btn-alarm {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 12;
  width: 40px;
  height: 40px;
}

.top-info .btn-alarm .ic {
  width: 20px;
  height: 20px;
  background-color: var(--gray800);
}

.btn-alarm:hover,
.btn-alarm.active,
.btn-usermenu:hover,
.btn-usermenu.active {
  background-color: var(--gray100);
}

.btn-alarm.active .ic {
  background-color: var(--blue500);
}
.btn-alarm.active .ic.line-alarm {
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
  background: url(/images/icon/ic-fill-alarm.svg) no-repeat center;
  background-size: 20px 20px;
}

.btn-alarm.new .ic.line-alarm {
  background-color: transparent;
  -webkit-mask-image: none;
  mask-image: none;
  background: url(/images/icon/ic-line-alarm-on.svg) no-repeat center;
  background-size: 20px 20px;
}

.btn-alarm.active.new .ic.line-alarm {
  background-image: none;
  background-color: var(--blue500);
  -webkit-mask-image: url("/images/icon/ic-fill-alarm-on.svg");
  mask-image: url("/images/icon/ic-fill-alarm-on.svg");
}

.alarm-toast {
  position: absolute;
  top: 50px;
  left: -45px;
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.70);
  font-size: 1.4rem;
  line-height: 1.14;
  color: var(--white);
  white-space: nowrap;
}

.alarm-toast::before {
  content: '';
  position: absolute;
  top: -7px;
  right: calc(50% - 8px);
  width: 16px;
  height: 8px;
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  -webkit-mask-image: url("/images/icon/ic-triangle-up.svg");
  mask-image: url("/images/icon/ic-triangle-up.svg");
  background-color: rgba(0, 0, 0, 0.70);
}

.alarm-wrapper {
  position: absolute;
  display: none;
  right: -5px;
  top: -5px;
  border: 1px solid var(--gray200);
  border-radius: 16px;
  width: 360px;
  background-color: var(--white);
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.06), 0 10px 15px -3px rgba(0, 0, 0, 0.07);
}

.alarm-wrapper .alarm-header {
  height: 48px;
  padding: 15px 4px 15px 16px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: normal;
}

.alarm-wrapper .alarm-content {
  max-height: 412px;
  overflow-y: auto;
  padding: 0 16px;
}

.alarm-wrapper .alarm-content .alarm-date:not(:first-of-type) {
  margin-top: 16px;
  font-size: 1.3rem;
}

.alarm-wrapper .alarm-content ul {
  margin-top: 8px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.alarm-wrapper .alarm-content ul li a {
  display: block;
  border-radius: 8px;
  padding: 6px 12px 6px 32px;
  color: var(--gray600);
}

.alarm-wrapper .alarm-content ul li a:hover {
  background-color: var(--gray100);
}

.alarm-wrapper .alarm-content .alarm-date,
.alarm-wrapper .alarm-content .alarm-time {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2;
}

.alarm-wrapper .alarm-content .alarm-date {
  color: var(--gray700);
}

.alarm-wrapper .alarm-content .alarm-time {
  position: relative;
  line-height: 1.4;
}

.alarm-wrapper .alarm-content .alarm-time::before {
  content: '';
  position: absolute;
  top: 5px;
  left: -22px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--gray400);
}

.alarm-wrapper .alarm-content .alarm-item {
  margin-top: 6px;
  font-size: 1.4rem;
  line-height: 1.5;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.alarm-wrapper .alarm-content .alarm-item:hover{
  display: block;
}

.alarm-wrapper .alarm-content .new .alarm-time {
  color: var(--blue500);
}

.alarm-wrapper .alarm-content .new .alarm-time::before {
  background-color: var(--blue500);
}

.alarm-wrapper .alarm-content .new .alarm-item {
  color: var(--gray900);
}

.user-menu {
  display: none;
  position: absolute;
  top: 44px;
  right: 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--gray200);
  background: var(--white);
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.06), 0 10px 15px -3px rgba(0, 0, 0, 0.07);
}

.btn-usermenu.active+.user-menu {
  display: block;
}

.user-menu li a {
  display: block;
  width: 150px;
  padding: 8px 12px;
  background: var(--white);
  font-size: 1.4rem;
  line-height: 1.4;
  color: var(--gray900);
}

.user-menu li:not(:first-of-type) {
  border-top: 1px solid var(--gray200);
}

.user-menu li a:hover {
  background: var(--gray100);
}

.alarm-toast,
.user-menu {
  display: none;
}

.alarm-toast.active,
.user-menu.active,
.alarm-wrapper.active {
  display: block;
}

main {
  position: fixed;
  top: 0;
  left: 260px;
  overflow-x: auto;
  min-width: 940px;
  width: calc(100% - 260px);
  min-height: 100vh;
  padding-top: 70px;
}

main.main-max {
  width: calc(100% - 75px);
  left: 75px;
}

@media (max-width: 1600px) {
  main {
    min-width: auto;
    height: 100vh;
    min-height: auto;
    width: calc(100% - 260px);
    overflow-x: scroll;
    overflow-y: hidden;
  }

  main::-webkit-scrollbar {
    height: 10px;
  }

  main::-webkit-scrollbar-track {
    background: var(--gray100);
  }

  main::-webkit-scrollbar-thumb {
    background: var(--gray400);
    border-radius: 5px;
  }

  main::-webkit-scrollbar-thumb:hover {
    background: var(--gray500);
  }

  main.main-max {
    min-width: auto;
    width: calc(100% - 75px);
  }

  main>.container,
  main>.main-wrapper {
    min-width: 940px;
  }
}

.container {
  padding-left: 36px;
  padding-right: 36px;
}

.required {
  padding-left: 2px;
  font-size: 1.3rem;
  color: var(--red400);
}

.supporting-text,
.error-text,
.success-text {
  display: block;
  margin-top: 8px;
  padding-left: 18px;
  font-size: 1.3rem;
  line-height: 1.53;
}

.modal .supporting-text,
.modal .error-text,
.modal .success-text {
  margin-top: 4px;
}

.supporting-text {
  color: var(--gray500);
  padding-left: 2px;
}

.error-text,
.supporting-text.required {
  position: relative;
  padding-left: 18px;
  color: var(--red400);
}

.error-text::before,
.supporting-text.required::before {
  display: inline-block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(/images/icon/ic-md-info.svg) no-repeat center;
  background-size: 16px 16px;
}

.success-text,
.supporting-text.success {
  position: relative;
  color: var(--green500);
}

.success-text::before,
.supporting-text.success::before {
  display: inline-block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(/images/icon/ic-md-check.svg) no-repeat center;
  background-size: 16px 16px;
}

/* 지원자 관리 트리 구조 */
.left-side-wrapper {
  width: 300px;
  padding: 16px;
  background-color: var(--gray50);
}

.left-side-wrapper h1 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--black);
}

.left-side-wrapper hr {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: var(--gray200);
}

.left-side-wrapper .group-item {
  padding: 0 10px;
  width: 100%;
  height: 32px;
  font-size: 1.4rem;
  color: var(--gray900);
  line-height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 8px;
}

.left-side-wrapper .group-item.active {
  background-color: var(--gray200);
  font-weight: 500;
}

.left-side-wrapper .group-item.group-all {
  font-size: 1.5rem;
  font-weight: 500;
}

.left-side-wrapper .group-title {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--gray600);
}

.left-side-wrapper .empty-list {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 4px;
}

/* 트리 리스트 */
.tree-list {
  list-style: none;
}

.tree-item {
  position: relative;
  margin-bottom: 4px;
}

.tree-item-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding-right: 10px;
  border-radius: 6px;
}

.tree-toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 6px 4px;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 6px;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--gray900);
  line-height: 1.4;
  text-align: left;
}

.tree-item-wrapper:has(.tree-toggle:hover) {
  background-color: var(--gray100);
}

/*
.tree-item-wrapper:has(.tree-toggle.active) {
  background-color: var(--gray200);
}
*/
.tree-arrow {
  flex-shrink: 0;
  transition: transform 0.2s ease;
  background-color: var(--gray500);
}

.tree-item.open>.tree-toggle .tree-arrow {
  transform: rotate(90deg);
}

.tree-label {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--gray700);
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tree-sub-list {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 0;
}

.tree-item .tree-toggle .ic {
  background-color: var(--gray400);
}

.tree-item.open .tree-toggle .ic {
  background-color: var(--primary);
}

.tree-item.open .tree-toggle .ic.fill-radius-star {
  background-color: var(--mustard500);
}

.tree-item.open .tree-toggle .ic.triangle-right {
  background-color: var(--gray800);
}

.tree-item.open>.tree-sub-list {
  display: block;
}

.tree-item.open .tree-item-wrapper .ic.close-folder {
  -webkit-mask-image: url("/images/icon/ic-open-folder.svg");
  mask-image: url("/images/icon/ic-open-folder.svg");
}

.tree-leaf {
  display: block;
  padding: 6px 10px;
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--gray900);
  border-radius: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  text-decoration: none;
  line-height: 1.4;
}

.tree-sub-list li {
  display: flex;
  gap: 6px;
  justify-content: space-between;
  align-items: center;
  margin-left: 10px;
  padding-right: 10px;
  border-radius: 8px;
}

.tree-item-wrapper:hover,
.tree-sub-list li:hover {
  background-color: var(--gray100);
}

.tree-sub-list li:has(.tree-leaf.active) {
  background-color: var(--gray200);
  font-weight: 500;
}

.tree-item .triangle-right {
  width: 7px;
  height: 5px;
}

.tree-item .input-checkbox.star:not(:checked)+label>.icon::before {
  background-color: transparent;
}

.tree-item-wrapper:hover .input-checkbox.star:not(:checked)+label>.icon::before,
.tree-sub-list li:hover .input-checkbox.star:not(:checked)+label>.icon::before {
  background-color: var(--gray400);
}

.code-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.code-list li a {
  display: flex;
  padding: 7.5px 10px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
}

.code-list li a:hover {
  background-color: var(--gray100);
}

.code-list li a.active {
  background-color: var(--gray200);
}

.code-list li a span {
  font-size: 1.4rem;
  line-height: normal;
  color: var(--gray900);
}

.code-list li a.active span {
  font-weight: 500;
}

.page-header {
  padding-top: 22px;
  padding-bottom: 12px;
  display: flex;
  flex-flow: wrap row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.flex-box-col.h100 > .page-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--white);
  border-bottom:1px solid var(--gray200);
}

.page-header .page-title {
  font-size: 2.4rem;
  font-weight: 600;
  color: var(--gray900);
}

.list-inline-dot {
  display: inline-flex;
}

.list-inline-dot li:not(:first-of-type)::before {
  content: '・';
  margin: 0;
  display: inline-block;
  color: var(--gray600);
}

.page-header .btn-group {
  margin-left: auto;
  display: flex;
  gap: 10px;
  align-items: center;
}

.page-header .btn-group .btn-lg {
  height: 30px;
  padding: 3px 8px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
}

.container.list-type {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 70px);
  overflow: hidden;
  padding-bottom: 20px;
}

.container.list-type>.table-wrapper {
  flex: 0 1 auto;
/*  overflow-y: auto;*/
  min-height: 0;
  max-height: 100%;
}

.container.list-type>.table-wrapper .table thead {
  position: sticky;
  top: 0;
  z-index: 3;
}

.dashboard-card-list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.dashboard-card {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 20px;
  border-radius: 10px;
  background-color: var(--white);
  border: 1px solid var(--gray300);
}

.dashboard-card p {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--gray600);
}

.dashboard-card p.dashboard-count {
  font-size: 2.2rem;
  font-weight: 600;
  color: var(--gray900);
}

.personal-info-wrapper {
  flex: 1 1 0;
  padding: 30px;
}

.recruit-step-wrapper {
  width: 516px;
  padding: 30px;
}

.table-tool {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}

.filter-list-wrapper .double-field-wrapper .select-in-label-wrapper {
  width: auto;
  min-width: 122px;
  border-radius: 6px 0 0 6px;
}

.filter-list-wrapper .double-field-wrapper .input-in-label-wrapper {
  border-radius: 0 6px 6px 0;
  width: 200px;
}

.filter-list-wrapper .double-field-wrapper .input-in-label-field,
.filter-list-wrapper .double-field-wrapper #searchKeyword {
  width: 100%;
}

.filter-list-wrapper .input-in-label-wrapper.datepicker-input-wrapper {
  width: auto;
}

.btn-group {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

.search-result {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--gray700);
}

.search-result strong {
  font-weight: 600;
  color: var(--gray900);
}

.page-title {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--gray900);
}

.table.table-info tbody tr,
.table.table-input tbody tr {
  border-bottom: 0;
}

.table-info td input[type="text"],
.table-info td .select,
.table-info td textarea,
.table-input td input[type="text"],
.table-input td .select,
.table-input td textarea,
.personal-info-item-wrapper input[type="text"],
.personal-info-item-wrapper .select,
.personal-info-item-wrapper textarea {
  width: 100%;
}

.table.txt-lt th,
.table.txt-lt td {
  text-align: left;
}

.table-info tr:not(:first-of-type) {
  border-top: 1px solid var(--gray200);
}


.table-info.table-edit tr:not(:first-of-type) {
  border-top: 0;
}


.table-info th {
  padding-right: 16px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--gray700);
  text-align: left;
  height: 60px;
}

.table-info td {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--gray900);
  height: 60px;
  padding: 11px 12px;
}

.table-info tbody tr th:first-of-type {
  padding-left: 0;
}

.modal-content {
  padding:0 20px;
}

.modal-content.pd0 {
  padding:0;
}

.modal-content .filter-wrapper {
  gap: 8px;
}

.time-wrapper {
  display: flex;
  gap: 10px;
}

.time-wrapper .select {
  min-width: 80px;
}

.history-wrapper {
  width: 30%;
  min-width: 450px;
  max-width: 516px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.resume-wrapper {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.resume-wrapper .table td {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.333;
  color: var(--gray900);
}

.resume-wrapper .table.table-sm th {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
}

.resume-wrapper .table.table-sm td {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.3333;
}

.line-round-box {
  padding: 30px;
  border-radius: 8px;
  border: 1px solid var(--gray200);
}

.profile-img {
  width: 200px;
  height: 240px;
  border-radius: 12px;
  object-fit: cover;
  object-position: center;
}

.profile-img+.table-info,
.image-file-list+.table-input {
  width: calc(100% - 224px);
}

.image-file-list+.table-input tr td:last-of-type {
  padding-right: 0;
}

.resume-box {
  padding: 4px 10px;
  font-size: 1.4rem;
  line-height: 1.85714;
  color: var(--gray700);
}

.resume-box p.resume-title {
  font-weight: 600;
  color: var(--gray800);
}

.history-wrapper .line-round-box {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.history-wrapper .line-round-box .table-input th {
  font-weight: 600;
  color: var(--gray900);
}

.history-wrapper .line-round-box .table-input th,
.history-wrapper .line-round-box .table-input td {
  padding: 4px 0;
}

.history-wrapper .line-round-box .table-input td {
  font-size: 1.6rem;
  font-weight: 600;
}

.personal-info-item-wrapper {
  flex: 1 1 0;
  display: flex;
  gap: 12px 24px;
  flex-wrap: wrap;
}

.personal-info-item {
  width: calc(50% - 12px);
}

.portfolio-file-list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-wrap: wrap;
}

.portfolio-file-item {
  display: flex;
  gap: 10px;
  align-items: center;
}

.portfolio-file-item .file-list {
  display: flex;
  gap: 10px;
  align-items: center;
}

.portfolio-file-item .file-list .input-file-box {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  border: 1px solid var(--gray300);
  border-radius: 6px;
  padding: 4px 10px;
  color: var(--gray800);
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 400;
  margin-right: 0;
  height: 46px;
}

.portfolio-file-item .file-list .input-file-box .line-close-btn {
  margin-left: auto;
}

.portfolio-item-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-wrap: wrap;
}

.portfolio-item-list li {
  display: flex;
  gap: 10px;
  align-items: center;
}

.search-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 6px 8px 12px;
  border-radius: 8px;
  border: 1px solid var(--gray300);
  background: #FFF;
}

.search-wrapper input[type="text"] {
  flex: 1 1 0;
  padding: 0 !important;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 400;
  color: var(--gray800);
  border: none;
  outline: none;
}

.table-info.table-resume tbody tr th {
  padding-left: 10px;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: left;
  color: var(--gray900);
  height: auto;
}

.table-info.table-resume tbody tr td {
  font-size: 1.5rem;
  font-weight: 400;
  text-align: left;
  color: var(--gray900);
  height: auto;
}

.portfolio-list {
  display: flex;
  gap: 10px 10px;
  flex-wrap: wrap;
}

.portfolio-list li {
  width: calc(100% / 3 - 10px);
  border-radius: 10px;
  border: 1px solid var(--gray200);
}

.portfolio-list li a {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  padding: 10px 12px;
}

.portfolio-list li .portfolio-cagetory {
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--gray700);
}

.portfolio-list li .portfolio-name {
  flex: 1 1 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.4rem;
  font-weight: 500;
}

.portfolio-list li a:hover {
  border-color: var(--gray200);
  background-color: var(--gray100);
}

.applicant-info-group {
  margin-top: 10px;
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-top: 1px solid var(--gray300);
}

.applicant-info-group .flex-box span:first-of-type {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--gray900);
}

.applicant-info-group .flex-box span {
  font-size: 1.4rem;
  color: var(--gray900);
}

.applicant-info-group p,
.applicant-info-group pre {
  font-size: 1.4rem;
  color: var(--gray900);
}

.applicant-info-group .list-line {
  margin-top: 4px
}

.list-line {
  display: flex;
  font-size: 1.4rem;
  color: var(--gray900);
}

.list-line li:not(:first-of-type)::before {
  content: '';
  display: inline-block;
  margin-left: 6px;
  margin-right: 6px;
  width: 1px;
  height: 10px;
  background-color: var(--gray400);
}

.info-wrapper {
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: var(--gray50);
}

.info-group-title {
  color: var(--gray800);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
}

.input-wrapper {
  max-width: 1200px;
}

.group-title {
  display: flex;
  gap: 4px;
  align-items: center;
}

.group-title h2 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--gray900);
}

textarea.memo {
  height: 200px;
}

.textarea-wrapper {
  position: relative;
}

.textarea-wrapper:has(.w360) {
  width: 360px;
}

.textarea-wrapper .input-field {
  padding-bottom: 20px;
}

.textarea-wrapper .txt-cnt {
  position: absolute;
  right: 8px;
  bottom: 8px;
  font-size: 1.2rem;
  color: var(--gray500);
}

.add-portfolio {
  margin-top: 10px;
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 1px solid var(--gray200);
}

.form-group .applicant-info-group {
  position: relative;
  cursor: pointer;
}

.form-group .applicant-info-group .btn-close {
  display: none;
  position: absolute;
  top: 12px;
  right: 0;
  padding: 4px;
  border-radius: 4px;
}

.form-group .applicant-info-group:hover .btn-close {
  display: inline-flex;
}

.form-group .applicant-info-group .btn-close:hover {
  background-color: var(--gray50);
}

.applicant-info-update {
  margin-top: 10px;
  padding: 12px;
  border-radius: 12px;
  background-color: var(--gray100);
}

.applicant-info-update label {
  display: block;
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--gray700);
  margin-bottom: 6px;
}

.applicant-info-update input[type="text"].input-field,
.applicant-info-update .select {
  height: 40px;
}

.applicant-info-update textarea.input-field {
  height: 100px;
}

.btn-pop {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 7px 46px 7px 12px;
  border-radius: 8px;
  background-color: #FFF;
  border: 1px solid var(--gray300);
}

.btn-pop:hover {
  border-color: var(--gray400);
}

.btn-pop span:not(.ic) {
  font-size: 1.4rem;
  text-align: left;
}

.btn-pop .btn-search .ic {
  position: absolute;
  top: 7px;
  right: 12px;
  background-color: var(--gray400);
}

.btn-pop.btn-pop-item {
  height: auto;
  min-height: 40px;
}

.item-list {
  flex: 1 1 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.item-list li {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.calendar-wrapper .simple-monthpicker:hover {
  cursor: pointer;
}

.input-field.p0:has(:focus) {
  border-color: var(--blue500);
}

.dot-info-list li {
  padding-left: 10px;
  font-size: 1.3rem;
  line-height: 1.5;
  color: var(--gray600);
}

.dot-info-list li::before {
  content: '·';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 20px;
  margin-left: -10px;
}

.modal .table.table-input tbody th {
  vertical-align: top;
  line-height: 38px;
}

.keyword-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.keyword-list li {
  padding: 1px 8px;
  border-radius: 20px;
  display: inline-flex;
  gap: 4px;
  align-items: center;
  border: 1px solid var(--gray200);
  background-color: var(--gray50);
}

.keyword-list li.filter-list {
  min-height: 27px;
}

.keyword-list li span {
  font-size: 1.3rem;
  line-height: 15px;
  font-weight: 400;
  padding-right: 6px;
  border-right: 1px solid var(--gray200);
}

.modal-filter {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  width: 370px;
  border-radius: 10px;
  border: 1px solid var(--gray200);
  background: #FFF;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12), 0 8px 16px -2px rgba(20, 25, 35, 0.15);
}

#btn-filter.active+.modal-filter {
  display: block;
}

.modal-filter .modal-header {
  padding: 13px 18px;
  color: var(--gray900);
  font-size: 1.5rem;
  font-weight: 500;
}

.modal-filter .modal-content {
  max-height: 410px;
  overflow-y: scroll;
  gap: 0;
}

.modal-filter .select:focus .option-list {
  display: none;
}

.modal-filter-dropdown {
  position: fixed;
  z-index: 9999;
  padding: 0;
  border: 0;
}

.modal-filter-dropdown .option-list {
  display: block !important;
  position: static;
  left: 0;
  top: 0;
  transform: translateX(0);
}

.modal-filter-datepicker {
  position: fixed;
  z-index: 9999;
}

.modal-filter .form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--gray250);
}

.modal-filter .form-group:last-of-type {
  border-bottom: none;
}

.modal-filter .form-group .label {
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--gray700);
}

.work-code-wrapper #templateTable tr td>div {
  display: flex;
  align-items: center;
}

.table td .btn.btn-sm {
  padding: 3px 6px;
  font-size: 1.3rem;
  line-height: 1.7rem;
}

.table td .btn.btn-sm .ic {
  width: 16px;
  height: 16px;
}

.table td .file-list .btn.btn-sm {
  padding: 5px 10px;
  font-size: 1.4rem;
  line-height: 1.57143;
}

#specialList li {
  width: 345px;
}

#specialList.drag-list li {
  height: 303px;
}

#specialList .basic-type {
  position: relative;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid var(--gray200);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02), 0 12px 32px 0 rgba(0, 0, 0, 0.04);
}
#specialList .basic-type.error{
  background-color: var(--gray50);
  opacity: 0.65;
}
#specialList .basic-type:hover{
  border-color: var(--gray300);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04), 0 12px 32px 0 rgba(0, 0, 0, 0.06);
}

#specialList .basic-type>.va-top {
  height: 50px;
}

#specialList .basic-type .img-logo {
  max-width: 34%;
  max-height: 50px;
}

#specialList .basic-type p {
  word-break: break-all;
}

#specialList .image-file-list,
#specialList .input-image-file,
#specialList .input-image-file-btn {
  width: 100%;
  height: 50px;
  cursor: pointer;
}

#specialList .image-file-list [class*=input-image-file-b],
#specialList .image-file-list img {
  width: 100%;
  height: 50px;
  object-fit: contain;
  border-radius: 0;
  border: none;
}

#specialList .form-group .label {
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--gray700);
}

#specialList>li .v-ellipsis {
  height: calc(1.56em * 2);
}

.line-left-wrapper {
  margin-left: 16px;
  padding-left: 16px;
  border-left: 2px solid var(--gray250);
}

.line-left-wrapper .table-info tbody tr {
  border: none;
}

.line-left-wrapper .table-info tbody tr th,
.line-left-wrapper .table-info tbody tr td {
  height: 48px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.flex-box.gap-8 .input-field.half {
  width: calc(50% - 4px);
}
.flex-box.row{
  border-bottom: 1px solid var(--gray200);
}

.flex-box.gap-20 .half {
  width: calc(50% - 10px);
}
/*.table-wrapper .table.applicant-table tbody tr,*/
.table-wrapper .table tbody tr.not-click,
.table-wrapper .table.not-clickable tbody tr{
  cursor: default;
}

.table.applicant-table th {
  padding: 8px 16px;
  height: 36px;
}

.table.applicant-table td {
  padding: 12px 16px;
  height: 67px;
}

.table.applicant-table thead tr th:not(:first-of-type),
.table.applicant-table tbody tr td:not(:first-of-type) {
  border-right: 1px solid var(--gray200);
}

.table.applicant-table thead tr th:last-of-type,
.table.applicant-table tbody tr td:last-of-type {
  border-right: none;
}

.table.applicant-table .btn-min {
  padding: 5px 6px;
  line-height: 1.2;
  font-weight: 500;
  border-radius: 6px;
}

.table.applicant-table p,
.table.applicant-table span:not(.ic) {
  line-height: 20px;
}

.table.applicant-table .ic-sm {
  width: 18px;
  height: 18px;
}

.hiring-stage {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 1.4rem;
  font-weight: 500;
}

.hiring-stage.document span {
  color: var(--gray800);
}

.hiring-stage.document .ic {
  background-color: vaR(--gray800);
}

.hiring-stage.interview span {
  color: var(--sky600);
}

.hiring-stage.interview .ic {
  background-color: vaR(--sky600);
}

.hiring-stage.education span {
  color: var(--violet500);
}

.hiring-stage.education .ic {
  background-color: var(--violet500);
}

.hiring-stage.join span {
  color: var(--green600);
}

.hiring-stage.join .ic {
  background-color: var(--green600);
}

.hiring-stage.failure span {
  color: var(--tck500) !important;
}

.hiring-stage.failure .ic {
  background-color: var(--tck500) !important;
}
.hiring-stage.cancel span{
  color: var(--gray600);
}
.hiring-stage.cancel .ic{
  background-color: var(--gray500);
}

.table tbody tr:has(> td:first-child .input-checkbox:checked) {
  background-color: #F5FBFF;
}

.btn-item-group-wrapper{
  position: relative;
}
.btn-item-group{
  display: none;
  width: 100%;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 5;
  border-radius: 8px;
  border: 1px solid var(--gray200);
  background:var(--white);
  overflow: hidden;
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.06), 0 10px 15px -3px rgba(0, 0, 0, 0.07);
}
.btn-item-group button{
  padding: 8px 12px;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.4;
  color: var(--gray900);
  justify-content:flex-start;
  border-radius: 0;
}
.btn-item-group li:not(:first-of-type){
  border-top: 1px solid var(--gray200);
}
.btn-item-group-wrapper.active > .btn-mix-sm .ic.chevron-down{
  transform: rotate(180deg);
}
.btn-item-group-wrapper.active .btn-item-group{
  display: block;
}
.btn-item-group-wrapper.ml-auto.active .btn-item-group{
  width: 120px;
  right: 0;
  left: auto;
}

.link-list {
  display: inline-flex;
  gap: 2px; 
}
.link-list li a{
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 1.4rem;
  line-height: 1.5;
  color: var(--gray900);
  text-decoration: underline;
}
.link-list li a:hover{
  background-color: var(--gray100);
}
.round-white-box .row,
.right-side-wrapper .row{
  min-height: 60px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.detail-title{
  width: 120px;
  margin-right: 16px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--gray700);
}
.detail-info {
  width:calc(100% - 136px);
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 500;
  color: var(--gray900);
  word-break: break-all;
}

.detail-info .copy-btn {
  text-align:left;
}

.detail-info .copy-btn .copy {
  margin-left:5px;
}
.right-side-wrapper{
  width: 30.2vw;
  min-width: 408px;
  max-width: 580px;
  height: calc(100vh - 140px);
  /*border-top: 1px solid var(--gray200);*/
  border-left: 1px solid var(--gray200);
  overflow-y: hidden;
}
.right-side-wrapper .right-side-header{
  padding: 16px 20px 0;
}
.tab-sm .tab-header{
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 0;
  gap: 8px;
  border-bottom: 1px solid var(--gray250);
}
.tab-sm .tab-header button{
  padding: 8px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.333;
  color: var(--gray800);
  border-bottom: 2px solid transparent;
}
.tab-sm .tab-header button.active{
  color: var(--blue500);
  border-color: var(--blue500);
  font-weight: 600;
}
.tab-sm .tab-content > div{
  padding: 20px 24px;
  height: calc(100vh - 253px);
  overflow-y: scroll;
}
@media (max-width: 1600px){
  /*
  .info-wrapper .w200{
    width: 120px !important;
  }
  .info-wrapper .flex-box.gap-20{
    gap: 0 !important;
  }
  */
  .flex-box-col.h100{
    min-width: 1180px;
  }
  .info-wrapper .flex-box.gap-20 .half{
    width: 100%;
  }
  .info-wrapper .round-white-box  .flex-box.bd-none:not(:last-of-type){
    border-bottom: 1px solid var(--gray200) !important;
  }

}
/* login */
.login-page {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.login-card {
  width: 480px;
  padding: 50px 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 24px;
  border: 1px solid var(--gray100);
  background: var(--white);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03);
}

.login-title {
  font-size: 4rem;
  font-weight: 700;
  color: var(--gray900);
  text-align: center;
}

.login-card .input-field {
  padding: 11px 12px;
}

.login-card .masking-toggle .ic {
  background-color: var(--gray400);
}

.login-card .masking-toggle:hover .ic {
  background-color: var(--gray700);
}

.supporting-text.error {
  color: var(--red500);
}

.chk-pw-rule {
  display: flex;
  flex-flow: column;
  gap: 4px;
  padding: 0 4px;
}

.chk-pw-rule li label {
  display: block;
  padding: 2px 4px;
  font-size: 1.3rem;
  line-height: 16px;
  font-weight: 400;
  color: var(--gray800);
  border-radius: 8px;
}

.chk-pw-rule li input[type='checkbox'] {
  display: none;
}

.chk-pw-rule li input[type='checkbox']+label::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  mask-size: 12px 12px;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-size: 12px 12px;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url("/images/icon/ic-close.svg");
  mask-image: url("/images/icon/ic-close.svg");
  background-color: var(--gray800);
  vertical-align: top;
  margin-right: 8px;
}

.chk-pw-rule li input[type='checkbox']:checked+label::before {
  width: 16px;
  height: 16px;
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-size: 16px 16px;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url("/images/icon/ic-sm-check.svg");
  mask-image: url("/images/icon/ic-sm-check.svg");
  background-color: var(--primary500);
}



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

          채용 일정 캘린더 CSS : Start

===========================================
*/
.calendar-container {
  display: flex;
  height: calc(100vh - 70px);
}

.calendar-container .calendar-area {
  position: relative;
  width: calc(100% - 360px);
  padding: 12px 36px;
}

.calendar-container .calendar-area .calendar-title {
  position: absolute;
  top: 20px;
  left: 36px;
}

.calendar-container .calendar-area .type-select-bx {
  position: absolute;
  top: 17px;
  right: 36px;
}

.calendar-container .calendar-area .type-select-chk-bx {
  position: absolute;
  top: 17px;
  right: 36px;
}

.calendar-container .calendar-area .type-select-bx .select {
  min-width: 160px;
  padding: 0
}

.calendar-container .calendar-area .type-select-bx .type-flex {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 6px 10px;
}

.calendar-container .calendar-area .type-select-bx .type-flex p {
  width: 49px;
  margin-right: 10px;
  color: var(--gray500);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.84;
}

.calendar-container .calendar-area .type-select-bx .type-flex .selected-item {
  width: calc(100% - 59px);
  color: var(--gray900);
}

.overlay.calender-overlay {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 100%;
  height: 100%;
  z-index: 177;
  background: rgba(0, 0, 0, 0.10);
}

.overlay.open {
  display: block;
}

.calendar-area #calendar {
  margin: 0 auto;
  height: 100%;
}

.calendar-area .fc .fc-toolbar {
  justify-content: center;
  gap: 8px;
}

.calendar-area .fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 15px;
}

.calendar-area .fc .fc-toolbar-title {
  color: var(--gray900);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.4px;
}

.calendar-area .fc .fc-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  line-height: 1;
  border-radius: 0;
  background-color: transparent !important;
  border-color: transparent !important;
  border: none !important;
  outline: none !important;
  background: none !important;
}

.calendar-area .fc .fc-button:focus {
  background-color: transparent !important;
  border-color: transparent !important;
  border: none !important;
  outline: none !important;
  background: none !important;
  box-shadow: none !important;
}

.calendar-area .fc .fc-button .fc-icon {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.calendar-area .fc .fc-button .fc-icon::before {
  display: none;
}

.calendar-area .fc .fc-button .fc-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 22px;
  height: 22px;
}

.calendar-area .fc .fc-button .fc-icon.fc-icon-chevron-left::after {
  background: url('/images/icon/ic-chevron-left.svg') no-repeat center/contain;
}

.calendar-area .fc .fc-button .fc-icon.fc-icon-chevron-right::after {
  background: url('/images/icon/ic-chevron-right.svg') no-repeat center/contain;
}

.calendar-area .fc .fc-view-harness {
  border: 1px solid var(--gray250);
  overflow: hidden;
}

.calendar-area .fc-theme-standard .fc-scrollgrid {
  border: none;
}

.calendar-area .fc .fc-scrollgrid-section>th {
  border-bottom: none;
}

.calendar-area .fc .fc-scrollgrid-section>th,
.calendar-area .fc .fc-scrollgrid-section>td {
  padding: 0;
}

.calendar-area .fc-theme-standard th {
  /* padding:10px; */
  padding: 2px;
  color: var(--gray800);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.28px;
  border: none;
  border-bottom: 1px solid var(--gray250);
  border-right: 1px solid var(--gray250);
  background: var(--gray50);
}

.calendar-area .fc-theme-standard th:last-child {
  border-right: none;
}

.calendar-area .fc .fc-scrollgrid-section>td {
  border: none;
}

.calendar-area .fc .fc-scrollgrid-section table tbody tr td {
  /* height:150px; */
  height: 140px;
  padding: 10px;
  border: none;
  border-bottom: 1px solid var(--gray250);
  border-right: 1px solid var(--gray250);
  background: var(--white);
  cursor: pointer;
}

.calendar-area .fc .fc-scrollgrid-section table tbody tr td.click {
  outline: 2px solid var(--blue500);
  outline-offset: -2px;
}

.calendar-area .fc .fc-scrollgrid-section table tbody tr td.fc-day-sat,
.calendar-area .fc .fc-scrollgrid-section table tbody tr td.fc-day-sun {
  background: var(--gray50);
}

.calendar-area .fc .fc-scrollgrid-section table tbody tr td:last-child {
  border-right: none;
}

.calendar-area .fc .fc-daygrid-day-top {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 100%;
}

.calendar-area .fc .fc-daygrid-day-number {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  color: var(--gray900);
  font-size: 1.6rem;
  font-weight: 500;
  text-align: left;
  line-height: 1.4;
  letter-spacing: -0.32px;
}

.calendar-area .fc .fc-day-sat .fc-daygrid-day-number,
.calendar-area .fc .fc-day-sun .fc-daygrid-day-number {
  color: var(--gray600);
}

.calendar-area .fc .fc-day-other .fc-daygrid-day-top {
  opacity: 1;
}

.calendar-area .fc .fc-day-other .fc-daygrid-day-top .fc-daygrid-day-number {
  color: var(--gray400);
}

.calendar-area .fc .fc-daygrid-day.fc-day-today {
  background: var(--white);
}

.calendar-area .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top {
  padding: 0;
}

.calendar-area .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
  color:#0068E3;
  font-size:1.6rem;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.32px;
}

.calendar-area .fc .fc-daygrid-day-frame {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.calendar-area .fc .fc-daygrid-event-harness {
  display: flex;
  margin-top: 6px !important;
}

.calendar-area .fc .fc-daygrid-event-harness:first-child {
  margin-top: 0 !important;
}

.calendar-area .fc .fc-daygrid-event {
  margin-top: 0;
  cursor: pointer;
}

.calendar-area .fc-direction-ltr .fc-daygrid-event.fc-event-end {
  width: auto;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.calendar-area .fc .fc-daygrid-body-natural .fc-daygrid-day-events {
  display: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  min-height: auto;
}

.calendar-area .fc .fc-daygrid-day-bottom,
.calendar-area .fc-daygrid-day-bg {
  display: none;
}

.calendar-area .fc-daygrid-day-events::after,
.calendar-area .fc-daygrid-day-events::before,
.calendar-area .fc-daygrid-day-frame::after,
.calendar-area .fc-daygrid-day-frame::before,
.calendar-area .fc-daygrid-event-harness::after,
.calendar-area .fc-daygrid-event-harness::before {
  display: none;
}

.calendar-area .fc-h-event {
  border: none;
  background: transparent;
  pointer-events: none;
}

.calendar-area .fc-h-event .fc-event-main {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}

.calendar-area .fc .fc-daygrid-day-number .stage-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.calendar-area .fc .fc-daygrid-day-number .stage-wrap>div {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 2px 4px;
  border: none;
  border-radius: 6px;
  background: #EBF6FE;
}

.calendar-area .fc .fc-daygrid-day-number .stage-wrap>div.education {
  background: #F2EDFC;
}

.calendar-area .fc .fc-daygrid-day-number .stage-wrap>div.interview {
  background: #E5F6F7;
}

.calendar-area .fc .fc-daygrid-day-number .stage-wrap>div.hires {
  background: #E4F9DF;
}

.calendar-area .fc .fc-daygrid-day-number .stage-wrap>div p {
  color: #0D47A1;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.66;
}

.calendar-area .fc .fc-daygrid-day-number .stage-wrap>div i {
  width: 16px;
  height: 16px;
}

.calendar-area .fc .fc-daygrid-day-number .stage-wrap>div.education p {
  color: #6D38D1;
}

.calendar-area .fc .fc-daygrid-day-number .stage-wrap>div.interview p {
  color: #0095A3;
}

.calendar-area .fc .fc-daygrid-day-number .stage-wrap>div.hires p {
  color: #0FA30C;
}

.calendar-area .fc .fc-daygrid-day-number .stage-wrap>div.education i {
  background: url('/images/icon/ic-education.svg') no-repeat center/contain;
}

.calendar-area .fc .fc-daygrid-day-number .stage-wrap>div.interview i {
  background: url('/images/icon/ic-interview.svg') no-repeat center/contain;
}

.calendar-area .fc .fc-daygrid-day-number .stage-wrap>div.hires i {
  background: url('/images/icon/ic-hires.svg') no-repeat center/contain;
}

.calendar-area .fc-h-event .fc-event-main .interview-event span {
  display: inline-block;
  width: 34px;
}

.calendar-area .fc-h-event .fc-event-main .interview-event p {
  display: -webkit-box;
  width: calc(100% - 34px);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.calendar-container .result-area {
  width: 360px;
  padding: 16px 20px;
  border-left: 1px solid var(--gray250);
}

.calendar-container .result-area .search-box {
  display: flex;
  align-items: center;
  width: 100%;
  height: 36px;
  margin-bottom: 21px;
  border: 1px solid var(--gray300);
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0 1px 2px 0 rgba(20, 25, 35, 0.05);
}

.calendar-container .result-area .search-box .select {
  max-width: 110px;
  min-width: auto;
  height: 36px;
  padding: 7px 30px 7px 12px;
  border: none;
  border-right: 1px solid var(--gray300);
  border-radius: 0;
  background: transparent;
  cursor: pointer;
}

.calendar-container .result-area .search-box .select .selected-item {
  color: var(--gray900);
  letter-spacing: -0.14px;
}

.calendar-container .result-area .search-box .select .selected-item::after {
  background-color: var(--gray700);
}

.calendar-container .result-area .search-box .select .option-list .option-item {
  padding: 8px 12px;
}

.calendar-container .result-area .search-box .select .option-list .option-item::before {
  display: none;
}

.calendar-container .result-area .search-box .input-bx {
  display: flex;
  width: calc(100% - 92px);
  padding: 0 12px;
}

.calendar-container .result-area .search-box .input-bx button {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.calendar-container .result-area .search-box .input-bx button i {
  width: 100%;
  height: 100%;
  background: var(--gray400);
}

.calendar-container .result-area .search-box .input-bx input {
  width: calc(100% - 28px);
}

#eventModal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 12000;
  width: calc(100% - 40px);
  max-width: 540px;
  display: none;
  max-height: 100%;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12), 0 8px 16px -2px rgba(20, 25, 35, 0.15);
  background: var(--white);
}

#eventModal.open {
  display: block;
}

#eventModal .modal-inner {
  width: 100%;
  border: 1px solid var(--gray200);
  border-radius: 0;

  overflow: hidden;
}

#eventModal .modal-inner .modal-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  border-bottom: 1px solid var(--gray250);
}

#eventModal .modal-inner .modal-title h3 {
  display: -webkit-box;
  color: var(--gray900);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.32px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

#eventModal .modal-inner .modal-title .close-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

#eventModal .modal-inner .modal-title .close-btn i {
  width: 100%;
  height: 100%;
  background: var(--gray900);
}

#eventModal .modal-inner .modal-cont {
  padding: 20px;
}

#eventModal .modal-inner .modal-cont .modal-item {
  display: flex;
  align-items: flex-start;
}

#eventModal .modal-inner .modal-cont .modal-item:last-child {
  margin-bottom: 0;
}

#eventModal .modal-inner .modal-cont .modal-item .modal-left {
  display: flex;
  align-items: center;
  width: 100px;
  height: 36px;
  margin-right: 10px;
}

#eventModal .modal-inner .modal-cont .modal-item .modal-left span {
  display: inline-block;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.28px;
}

#eventModal .modal-inner .modal-cont .modal-item .modal-right {
  width: calc(100% - 110px);
  padding: 8px 0;
}

#eventModal .modal-inner .modal-cont .modal-item p {
  color: var(--black);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.42;
}

#eventModal .modal-inner .modal-cont .modal-item .modal-right .applicants-txt {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}

#eventModal .modal-inner .modal-cont .modal-item .modal-right .applicants-txt .applicant-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 3px 8px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.28px;
  border-radius: 6px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: all 0.35s ease;
}

#eventModal .modal-inner .modal-cont .modal-item .modal-right .applicants-txt .applicant-link:hover {
  background: var(--gray100);
}

#eventModal .modal-inner .modal-cont .modal-item .view-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  padding: 5px 8px;
  color: var(--gray800);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.28px;
  border: 1px solid var(--gray300);
  border-radius: 6px;
  background: var(--white);

}

#eventModal .modal-inner .btn-bx {
  /* padding:0 16px 16px 16px; */
}

#eventModal .modal-inner .confirm-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.28px;
  border-radius: 8px;
  border: 1px solid var(--gray200);
  background: var(--white);
}

.mobile-calendar-info {
  display: none;
  height: calc(100% - 80px);
  overflow-y: auto;
}

.mobile-calendar-info.open {
  display: flex;
  flex-direction: column;
}

.mobile-calendar-info .result-txt {
  display: inline-block;
  color: var(--gray600);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.26px;
  margin-bottom: 21px;
}

.mobile-calendar-info .date-txt {
  margin: 12px 0;
  color: var(--gray900);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.32px;
}

.mobile-calendar-info .calendar-cont {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.mobile-calendar-info .calendar-cont .calendar-group {
  width: 100%;
}

.mobile-calendar-info .calendar-cont .calendar-item {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 5px;
  padding: 8px;
  border-radius: 4px;
  background: var(--gray100);
  transition: all 0.35s ease;
}

.mobile-calendar-info .calendar-cont .calendar-item.education {
  border-left: 2px solid #6D38D1;
}

.mobile-calendar-info .calendar-cont .calendar-item.interview {
  border-left: 2px solid #0095A3;
}

.mobile-calendar-info .calendar-cont .calendar-item.hires {
  border-left: 2px solid #0FA30C;
}

.mobile-calendar-info .calendar-cont .calendar-item.education:hover {
  background: #F2EDFC;
}

.mobile-calendar-info .calendar-cont .calendar-item.interview:hover {
  background: #E5F6F7;
}

.mobile-calendar-info .calendar-cont .calendar-item.hires:hover {
  background: #E4F9DF;
}

.mobile-calendar-info .calendar-cont .calendar-item:last-child {
  margin-bottom: 0;
}

.mobile-calendar-info .calendar-cont .calendar-item .type-box {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 3px;
}

.mobile-calendar-info .calendar-cont .calendar-item .type-box i {
  width: 16px;
  height: 16px;
}

.mobile-calendar-info .calendar-cont .calendar-item.education .type-box i {
  background: url('/images/icon/ic-education.svg') no-repeat center/contain;
}

.mobile-calendar-info .calendar-cont .calendar-item.interview .type-box i {
  background: url('/images/icon/ic-interview.svg') no-repeat center/contain;
}

.mobile-calendar-info .calendar-cont .calendar-item.hires .type-box i {
  background: url('/images/icon/ic-hires.svg') no-repeat center/contain;
}

.mobile-calendar-info .calendar-cont .calendar-item .type-box span {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.66;
  letter-spacing: -0.24px;
}

.mobile-calendar-info .calendar-cont .calendar-item.education .type-box span {
  color: #6D38D1;
}

.mobile-calendar-info .calendar-cont .calendar-item.interview .type-box span {
  color: #0095A3;
}

.mobile-calendar-info .calendar-cont .calendar-item.hires .type-box span {
  color: #0FA30C;
}

.mobile-calendar-info .calendar-cont .calendar-item p {
  display: -webkit-box;
  width: 100%;
  color: var(--gray900);
  font-size: 1.2rem;
  font-weight: 500;
  text-align: left;
  line-height: 1.5;
  letter-spacing: -0.24px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

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

          채용 일정 캘린더 CSS : End

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


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

          지원자 등록 CSS : Start

===========================================
*/
.resume-container {
  background: var(--gray250);
}

.register-title {
  padding-bottom:20px;
  background:var(--gray250)
}

.register-title .flex-bx {
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:70px;
  padding:0 36px;
  background:var(--white);
}

.register-title h2 {
  color:var(--gray900);
  font-size:2.4rem;
  font-weight:600;
  line-height:1.3;
  letter-spacing:-0.48px;
}

.register-title .btn-flex {
  display:flex;
  align-items:center;
  gap:10px;
}

.register-title .btn-flex button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:5px 8px;
  font-size:1.4rem;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.28px;
  border-radius:6px;
}

.register-title .btn-flex button.cancel-btn {
  color:var(--gray800);
  border:1px solid var(--gray300);
  background:var(--white);
}

.register-title .btn-flex button.save-btn {
  color:var(--white);
  background:var(--primary);
}

.resume-container .flex-bx {
  display: flex;
}

.resume-container .resume-write {
  width: calc(100% - 580px);
  min-width:780px;
  padding: 20px 36px;
  background: var(--gray250);
}

.resume-container .resume-write:last-child {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 0;
}

.resume-container .resume-write:last-child .write-container {
  height: calc(100dvh - 215px);
  padding:40px 40px 150px 40px;
}

.resume-container .resume-write:last-child .write-container.default-container {
  height: calc(100dvh - 126px);
  padding:40px;
}

.resume-container .evaluation-wrap,
.resume-container .process-wrap {
  width:100%;
  max-width: 580px;
  min-width:580px;
  background: var(--white);
}

.resume-write .btns-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 56px;
  padding: 0 20px;
  background: var(--gray800);
}

.resume-write .btns-container .left-btns {
  display: flex;
  align-items: center;
  gap: 10px;
}

.resume-write .btns-container .left-btns h3 {
  color: var(--white);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.32px;
}

.resume-write .btns-container .left-btns a {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 0 6px;
}

.resume-write .btns-container .left-btns .posting-select-btn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:3px 8px;
  color:var(--white);
  font-size:1.4rem;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.28px;
  border-radius:6px;
  background:var(--primary);
}

.resume-write .btns-container .left-btns a i {
  width: 16px;
  height: 16px;
  background: var(--white);
}

.resume-write .btns-container .left-btns p {
  color: var(--white);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.26px;
}

.resume-write .btns-container .right-btns {
  display: flex;
  align-items: center;
  gap: 7px;
}

.resume-write .btns-container .right-btns button {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 0 6px;
}

.resume-write .btns-container .right-btns button i {
  width: 16px;
  height: 16px;
  background: var(--white);
}

.resume-write .btns-container .right-btns button p {
  color: var(--white);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.26px;
}

.resume-write .write-container {
  height: calc(100dvh - 146px);
  padding: 50px 40px;
  overflow-y: auto;
  background: var(--white);
}

.resume-write .write-container>div {
  margin-bottom: 40px;
}

.resume-write .write-container>div:last-child {
  margin-bottom: 0;
}

.resume-write .title-container {
  position: sticky;
  top: 72px;
  z-index: 3;
  margin-bottom: 4px;
  padding: 16px 0;
  background: var(--white);
  transition: all 0.35s ease;
}

.resume-write .title-container.scrollStart {
  top: 0;
  border-bottom: 1px solid var(--gray200);
}

.resume-write .title-container.scrollStart.up {
  top: 72px;
  /* border-bottom:none; */
}

.resume-write .title-bx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 915px;
}

.resume-write .title-bx h2 {
  color: var(--gray900);
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.48px;
}

.resume-write .title-bx .btn-bx {
  display: flex;
  align-items: center;
  gap: 10px;
}

.resume-write .title-bx .btn-bx button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 7.5px 16px;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: -0.28px;
  border-radius: 6px;
}

.resume-write .title-bx .btn-bx button.save-btn {
  color: var(--gray900);
  font-weight: 500;
  border: 1px solid var(--gray200);
  background: var(--white);
}

.resume-write .title-bx .btn-bx button.complete-btn {
  color: var(--white);
  font-weight: 700;
  background: var(--red600);
}

.resume-write .write-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  margin-bottom: 10px;
}

.resume-write .base-info .write-title {
  margin-bottom: 12px;
}


.resume-write .write-title .title-flex {
  display: flex;
  align-items: center;
  gap: 4px;
}

.resume-write .write-title h3 {
  color: var(--gray900);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.36px;
}

.resume-write .write-title span {
  display: inline-block;
  color: var(--red500);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.24px;
}

.resume-write .input-bx {
  width: 100%;
}

.resume-write input {
  width: 100%;
  height: 40px;
  padding: 12px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.71;
  border-radius: 8px;
  border: 1px solid var(--gray300);
  background: var(--white);
}

.resume-write input::placeholder {
  color: var(--gray500);
}

.resume-write textarea:not(:read-only):not(#recruit):hover,
.resume-write input:not(:read-only):not(#recruit):hover {
  border:1px solid var(--gray400);
}

.resume-write textarea:not(:read-only):not(#recruit):focus,
.resume-write input:not(:read-only):not(#recruit):focus {
  border:1px solid var(--primary);
}

.resume-write .base-info .flex-bx {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}

.resume-write .base-info .flex-bx .profile-img {
  position: relative;
  width: 120px;
  height: auto;
  aspect-ratio: 120 / 143;
  padding-right:6px;
  margin-right: 40px
}

.resume-write .base-info .flex-bx .profile-img.admin-img {
  width: 120px;
  aspect-ratio: 120 / 143;
  padding-right:6px;
  margin-right:47px
}

.resume-write .base-info .flex-bx #profile-input {
  display: none;
}

.resume-write .base-info .flex-bx .profile-img-wrap {
  width: 100%;
  height: 100%;
}

.resume-write .base-info .flex-bx .profile-img-wrap .default-img {
  width: 100%;
  height: 100%;
}

.resume-write .base-info .flex-bx .profile-img-wrap.upload .default-img {
  display: none;
}

.resume-write .base-info .flex-bx .profile-img-wrap .default-img .register-bx {
  width: 100%;
  height: 100%;
  border-radius:4px;
  overflow:hidden;
}

.resume-write .base-info .flex-bx .profile-img-wrap .default-img .register-btn {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: var(--white);
}

.resume-write .base-info .flex-bx .profile-img-wrap .default-img .register-btn i {
  width: 16px;
  height: 16px;
  background: var(--gray700);
}

.resume-write .base-info .flex-bx .profile-img-wrap .default-img .register-btn p {
  color: var(--gray700);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.42;
}

.resume-write .base-info .flex-bx .profile-img-wrap .register-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.resume-write .base-info .flex-bx .profile-img-wrap.upload .register-img {
  display: block;
}

.resume-write .base-info .flex-bx .profile-img-wrap .register-img.admin-img {
  display: block;
}

.resume-write .base-info .flex-bx .profile-img-wrap .register-img img {
  width: 100%;
  height: auto;
  object-fit: contain;
  aspect-ratio: 116 / 143;
}

.resume-write .base-info .flex-bx .profile-img-wrap .register-img .delect-bx {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 100%;
  height: 100%;
}

.resume-write .base-info .flex-bx .profile-img-wrap .register-img:hover .delect-bx {
  display: block;
}

.resume-write .base-info .flex-bx .profile-img-wrap .register-img .delect-bx .img-delect-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.resume-write .base-info .flex-bx .profile-img-wrap .register-img .delect-bx .img-delect-btn i {
  width: 16px;
  height: 16px;
  background: var(--white);
}

.resume-write .base-info .flex-bx .profile-img-wrap .register-img .delect-bx .img-delect-btn p {
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.42;
}

.resume-write .base-info .flex-bx .profile-img-wrap .camera-box {
  position: absolute;
  bottom: -8px;
  right: -8px;
  display: block;
  width: 30px;
  height: 30px;
  cursor:pointer;
  pointer-events:none;
}

.resume-write .base-info .flex-bx .profile-img-wrap .camera-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  aspect-ratio: 1 / 1;
}

.resume-write .base-info .flex-bx .profile-img-wrap .register-img .img-select-btns {
  display: none;
}

.resume-write .base-info .flex-bx .profile-img-wrap .register-img .img-select-btns button {
  display: none;
}

/* 프로필 이미지 : E */

.resume-write .base-info .flex-bx .default-info {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 4px;
}

.resume-write .base-info .flex-bx .default-info .info-item {
  display: flex;
  align-items: center;
  width: calc(50% - 2px)
}

.resume-write .base-info .flex-bx .default-info.admin-default {
  display: flex;
  flex-wrap: wrap;
  align-items:flex-start;
  gap:20px 24px;
  width: calc(100% - 167px);
}

.resume-write .base-info .flex-bx .default-info .info-item.admin-item {
  position:relative;
  display: block;
  width:100%;
  max-width:238px;
}

.resume-write .base-info .flex-bx .default-info .info-item.admin-item.w500 {
  max-width:500px;
}

.resume-write .base-info .flex-bx .default-info .info-item.admin-item.agency-info {
  max-width:100%;
}

.resume-write .base-info .flex-bx .default-info .info-item.email-item,
.resume-write .base-info .flex-bx .default-info .info-item.address-item {
  width: 100%;
}


.resume-write .base-info .flex-bx .default-info .info-item span:not(.error-text):not(.highlight) {
  display: inline-block;
  width: 60px;
  margin-right: 10px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.28px;
}

.resume-write .base-info .flex-bx .default-info .info-item.w125 span:not(.error-text):not(.highlight) {
  width:125px;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .default-title {
  display:flex;
  gap:2px;
  width:100%;
  margin-bottom:5px;
  margin-right: 0;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .default-title h4 {
  color:var(--gray700);
  font-size:1.3rem;
  font-weight:500;
  line-height:1.5;
  letter-spacing:-0.26px;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .default-title span {
  color:var(--red400);
  font-size:1.3rem;
  font-weight:500;
  line-height:1.5;
  letter-spacing:-0.26px;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item input {
  height:36px;
  padding:8px 12px;
  color:var(--gray900);
  font-size:1.4rem;
  font-weight:400;
  line-height:1.5;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item input:not(:read-only) {
  box-shadow: 0 1px 2px 0 rgba(20, 25, 35, 0.05);
}

.resume-container .resume-write .write-container .base-info .flex-bx .default-info.admin-default .select {
  height:36px;
  box-shadow: 0 1px 2px 0 rgba(20, 25, 35, 0.05);
}

.resume-container .resume-write .write-container .base-info .flex-bx .default-info.admin-default .select .select-btn {
  color:var(--gray900);
  font-size:1.4rem;
  font-weight:400;
  line-height:1.5;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item input::placeholder {
  color:var(--gray400);
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item input[type="text"]:not(:read-only):hover {
  border: 1px solid var(--gray400);
}

.resume-container .resume-write .write-container .base-info .flex-bx .default-info.admin-default .select:focus-within ,
.resume-write .base-info .flex-bx .default-info.admin-default .info-item input[type="text"]:not(:read-only):focus {
  border:1px solid var(--primary);
}

/* .resume-write .base-info .flex-bx .default-info.admin-default .info-item input[type="text"]:read-only:focus {
  border:1px solid transparent;
} */

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .radio-wrap {
  display:flex;
  align-items:center;
  gap:20px;
  width:100%;
  height:44px;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .radio-item {}
.resume-write .base-info .flex-bx .default-info.admin-default .info-item .radio-item input {
  display:none;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .radio-item label {
  display:inline-flex;
  align-items:center;
  cursor:pointer;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .radio-item label span {
  position:relative;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:18px;
  height:18px;
  margin-right:6px;
  border:1px solid #CFD0D2;
  border-radius:50%;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .radio-item label span::after {
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--primary400);
  opacity:0;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .radio-item label p {
  width:auto;
  color:var(--black);
  font-size:1.4rem;
  font-weight:400;
  line-height:1.4;
  letter-spacing:-0.28px;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .radio-item input:checked + label span { 
  border:1px solid var(--primary400);
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .radio-item input:checked + label span::after {
  opacity:1;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .agency-wrap {
  /* position:absolute;
  top:calc(100% + 6px);
  left:0; */
  display:flex;
  align-items:flex-start;
  gap:6px;
  width:100%;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .agency-name {
  width:calc(47.51% - 3px);
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .agency-name input {
  height:36px;
  padding:8px 12px;
  font-size:1.4rem;
  box-shadow: 0 1px 2px 0 rgba(20, 25, 35, 0.05);
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .agency-flex {
  display:flex;
  gap:6px;
  width:calc(52.48% - 3px);
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .agency-flex .calendar-wrapper {
  width:calc(50% - 3px);
  box-shadow: 0 1px 2px 0 rgba(20, 25, 35, 0.05);
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .agency-flex .calendar-wrapper input {
  height:36px;
  font-size:1.4rem;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .agency-flex .time-wrapper {
  width:calc(50% - 3px);
  height:36px;
  box-shadow: 0 1px 2px 0 rgba(20, 25, 35, 0.05);
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .agency-flex .time-wrapper .select .selected-item {
  width:100%;
  height:100%;
  padding:0 12px;
  line-height:1.5;
}

.resume-write .base-info .flex-bx .default-info .info-item p {
  width: calc(100% - 70px);
  color: var(--gray900);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.3px;
}

.resume-write .base-info .flex-bx .default-info .info-item.w125 p {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  width:calc(100% - 135px)
}

.resume-write .base-info .flex-bx .default-info .info-item .write-flex {
  display: flex;
  flex-wrap: wrap;
}

.resume-write .base-info .flex-bx .default-info .info-item.email-item .write-flex input {
  max-width: 170px;
}

.resume-write .base-info .flex-bx .default-info .info-item.email-item .write-flex span {
  display: inline-flex;
  align-items: center;
  width: auto;
  margin: 0 4px;
}

.resume-write .base-info .flex-bx .default-info .info-item.email-item .write-flex .select {
  min-width: 170px;
}

.resume-write .base-info .flex-bx .default-info .info-item .address-bx {
  display: flex;
  flex-wrap: wrap;
}

.resume-write .base-info .flex-bx .default-info .info-item .address-bx .address-search {
  display: flex;
  width: 100%;
  height:36px;
  margin-bottom: 6px;
  border-radius: 8px;
  border:1px solid var(--gray300);
  background: var(--White, #FFF);
  box-shadow:0 1px 2px 0 rgba(20, 25, 35, 0.05);
}

.resume-write .base-info .flex-bx .default-info .info-item .address-bx .address-search input {
  width: calc(100% - 76px);
  height:100%;
  border:none;
  cursor:pointer;
}

.resume-write .base-info .flex-bx .default-info .info-item .address-bx .address-search .search-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 36px;
  color:var(--Gray900);
  font-size:1.4rem;
  font-weight:500;
  line-height:1.5;
  border-left:1px solid var(--gray300);
}

.resume-write .base-info .flex-bx .default-info .info-item .address-bx .address-detail {
  width: 100%;
}

.resume-write .write-stitle {
  margin-bottom: 6px;
}

.resume-write .write-stitle h4 {
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.28px;
}

.resume-write .base-info .modify-flex {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.resume-write .base-info .modify-flex:last-child {
  margin-bottom: 0;
}

.resume-write .base-info .modify-flex p {
  margin-right: 10px;
  color: var(--gray900);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.3px;
}

.resume-write .base-info .modify-flex .modify-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.5px 5px;
  color: var(--gray500);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.3px;
  border-radius: 6px;
  overflow: hidden;
}

.resume-write .additional-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.resume-write .additional-item:last-child {
  margin-bottom: 0;
}

.resume-write .additional-item span:not(.error-text) {
  display: inline-block;
  width: 80px;
  margin-right: 16px;
  color: var(--gray700);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.28px;
}

.resume-write .additional-item .option-cont {
  display: flex;
  align-items: center;
  gap: 8px;
}

.resume-write .additional-item .select {
  display: inline-flex;
  align-items: center;
  max-width: 200px;
  border-radius: 6px;
  border: none;
  border:1px solid transparent;
}

.resume-write .additional-item .select .select-btn {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 150px;
  height: auto;
  padding: 2px 18px 2px 3px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.28px;
  border: none;
  border-radius: 6px;
  background: transparent;
}

.resume-write .additional-item .select .selected-item::after {
  right: 3px;
  width: 12px;
  height: 12px;
  -webkit-mask-image: url('/images/ic/ic-xsm-open-down.svg');
  mask-image: url('/images/ic/ic-xsm-open-down.svg');
  background: var(--gray900);
}

.resume-write .additional-item .option-list {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 100%;
  min-width: 100%;
  min-width: auto;
  max-height: 150px;
  padding: 5px 3px;
  overflow-x: hidden;
  overflow-y: auto;
}

.resume-write .additional-item .select .option-list .option-item {
  color: var(--gray900);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.26px;
  border-radius: 4px;
}

.resume-write .additional-item .option-cont .select {
  max-width:150px;
}

.resume-write .additional-item .option-cont .input-field {
  display: flex;
  align-items: center;
  padding: 0 3px;
  border-radius: 6px;
}

.resume-write .additional-item .option-cont .input-flex {
  display: flex;
  align-items: center;
  padding: 0 3px;
  border-radius: 6px;
}

.resume-write .additional-item .option-cont .input-flex:focus-within {
  outline: 1px solid var(--primary);
}

.resume-write .additional-item .option-cont .input-flex input {
  width: auto;
  max-width: 85px;
  height: auto;
  padding: 0 3px;
  border: none;
  background: transparent;
}

.resume-write .additional-item .option-cont .input-flex input:focus {
  outline: none;
}

.resume-write .additional-item .option-cont .input-flex span {
  width: auto;
  margin-right: 0;
}

.resume-write .additional-item .option-cont .input-bx input {
  width:320px;
  height:36px;
  line-height:1.5;
}

.resume-write .additional-item .option-cont .input-bx input:hover {
  border:1px solid var(--gray400);
}

.resume-write .additional-item .option-cont .input-bx input:focus-visible {
  border:1px solid var(--primary);
}

.resume-write .additional-item .hope-bx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 200px;
  padding: 4px 12px;
  border: 1px solid var(--gray300);
  border-radius: 8px;
  background: var(--white);
}

.resume-write .additional-item .hope-bx:focus-within {
  outline: 1px solid var(--primary);
}

.resume-write .additional-item .hope-bx .hope-input {
  width: calc(100% - 33px);
  height: auto;
  padding: 0;
  color: var(--gray800);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.84;
  border: none;
}

.resume-write .additional-item .hope-bx .hope-input::placeholder {
  color: var(--gray400);
}

.resume-write .additional-item .hope-bx .hope-input:focus {
  outline: none;
}

.resume-write .additional-item .hope-bx p {
  width: 33px;
  text-align: right;
  color: var(--gray700);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.26px;
}

.resume-write .add-text {
  margin-bottom: 10px;
  color: var(--gray500);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.28px;
}

.resume-write .add-text:last-child {
  margin-bottom: 0;
}

.resume-write .add-btn-bx {
  display: flex;
  align-items: center;
  gap: 12px;
}

.resume-write .add-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.5px 5px;
  color: var(--gray900);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.3px;
  border-radius: 6px;
  overflow: hidden;
}

/* 추가 필드 */
.porfolio-info .portfolio-add,
.porfolio-info .file-add,
.porfolio-info .url-add {
  padding: 12px 0 22px 0;
  border-top: 1px solid var(--gray200);
}

.porfolio-info .file-add-wrap:last-child .file-add:last-child,
.porfolio-info .url-add-wrap:last-child .url-add:last-child {
  padding: 12px 0 0 0;
}

.porfolio-info .file-add .select,
.porfolio-info .url-add .select {
  display: inline-flex;
  align-items: center;
  max-width: 90px;
  /* margin-bottom:10px; */
  border-radius: 6px;
  border: 1px solid transparent;
}

.porfolio-info .file-add .select .selected-item,
.porfolio-info .url-add .select .selected-item {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 95px;
  height: auto;
  padding: 2px 18px 2px 3px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.28px;
  border: none;
  border-radius: 6px;
  background: transparent;
}

.porfolio-info .file-add .select .selected-item::after,
.porfolio-info .url-add .select .selected-item::after {
  right: 0;
  width: 12px;
  height: 12px;
  -webkit-mask-image: url('/images/ic/ic-xsm-open-down.svg');
  mask-image: url('/images/ic/ic-xsm-open-down.svg');
  background: var(--gray900);
}

.porfolio-info .file-add .select:focus-within .selected-item,
.porfolio-info .url-add .select:focus-within .selected-item {
  background: var(--gray200);
}

.resume-write .additional-item .select:focus-within .selected-item {
  background: var(--gray200);
}

.porfolio-info .file-add .select .option-list,
.porfolio-info .url-add .select .option-list {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 100%;
  min-width: auto;
  max-height: 150px;
  padding: 5px 3px;
  overflow-x: hidden;
  overflow-y: auto;
}

.porfolio-info .file-add .select .option-list .option-item,
.porfolio-info .url-add .select .option-list .option-item {
  color: var(--gray900);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.26px;
  border-radius: 4px;
}

.porfolio-info .file-add .select-flex,
.porfolio-info .url-add .select-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.porfolio-info .file-add .select-flex .delect-btn,
.porfolio-info .url-add .select-flex .delect-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transform:scale(0);
}

.porfolio-info .file-add:hover .select-flex .delect-btn,
.porfolio-info .url-add:hover .select-flex .delect-btn {
  display: inline-flex;
  transform:scale(1);
}

.update-info .self-intro-item:hover .self-title .self-btns {
  display: inline-flex;
  transform:scale(1);
}

.update-info .info-item .right-area .delect-btn:hover,
.update-info .self-intro-item .self-title .self-btns .delect-btn:hover,
.porfolio-info .file-add .select-flex .delect-btn:hover,
.porfolio-info .url-add .select-flex .delect-btn:hover {
  background: var(--gray200);
}

.porfolio-info .file-add .select-flex .delect-btn i,
.porfolio-info .url-add .select-flex .delect-btn i {
  width: 20px;
  height: 20px;
  background: var(--gray900);
}

.porfolio-info .file-add .file-upload-bx {
  display: flex;
  align-items: center;
}

.porfolio-info .file-add .file-upload-bx .file-upload {
  display: none;
}

.porfolio-info .file-add .file-upload-bx label {
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
}

.porfolio-info .file-add .file-upload-bx label span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 32px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.71;
  border: 1px solid var(--gray300);
  border-radius: 8px;
  background: var(--white);
  cursor: pointer;
}

.porfolio-info .file-add .file-upload-bx .file-name {
  display: none;
  align-items: center;
}

.porfolio-info .file-add .file-upload-bx.upload .file-name {
  display: flex;
}

.porfolio-info .file-add .file-upload-bx .file-name p {
  margin-right: 8px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.28px;
}

.porfolio-info .file-add .file-upload-bx .file-name .remove-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--gray400);
}

.porfolio-info .file-add .file-upload-bx .file-name .remove-btn img {
  max-width: 16px;
}

.porfolio-info .url-add .url-input-bx {
  position: relative;
}

.porfolio-info .url-add .url-input-bx input {
  padding: 0 36px 0 12px;
}

.porfolio-info .url-add .url-input-bx .remove-btn {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  display: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--gray400);
}

.porfolio-info .url-add .url-input-bx .remove-btn.active {
  display: inline-flex;
}

.porfolio-info .url-add .url-input-bx .remove-btn img {
  max-width: 16px;
}

.update-wrap {
  width: 100%;
  margin-bottom: 10px;
  padding: 12px;
  border-radius: 12px;
  background: var(--gray100);
}

.update-wrap:last-child {
  margin-bottom: 0;
}

.update-wrap .update-cont {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.update-wrap .update-cont:first-child {
  margin-top: 0;
}

.update-wrap .update-item {
  width: calc(33.333% - 6.666px);
}

.update-wrap .update-item .update-title {
  margin-bottom: 6px;
  color: var(--gray700);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.26px;
}

.update-wrap .update-item .update-title span {
  color: var(--red500);
}

.update-wrap .update-item .pop-btn {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--gray300);
  border-radius: 8px;
  background: var(--white);
}

.update-wrap .update-item .pop-btn p {
  display: -webkit-box;
  flex: 1;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  text-align: left;
  line-height: 1.71;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.update-wrap .update-item .pop-btn i {
  width: 24px;
  height: 24px;
  background: var(--gray400);
}

.update-wrap .update-item .input-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--gray300);
  border-radius: 8px;
  background: var(--white);
}

.update-wrap .update-item .input-flex:focus-within {
  outline: 1px solid var(--primary);
}

.update-wrap .update-item .input-field:focus-within {
  outline: 1px solid var(--primary);
}

.update-wrap .update-item .input-flex input {
  border: none;
  background: transparent;
}

.update-wrap .update-item .input-flex input:focus {
  outline: none;
}

.update-wrap .update-item>.input-field {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  border: 1px solid var(--gray300);
  border-radius: 8px;
  background: var(--white);
}

.update-wrap .update-item .input-field:focus-within {
  outline: 1px solid var(--primary);
}

.update-wrap .update-item .input-field .calendar-wrapper {
  width: 100%;
}

.update-wrap .update-item .input-field .calendar-wrapper input {
  border: none;
  background: transparent;
}

.update-wrap .update-item .input-field .calendar-wrapper input:focus {
  outline: none;
}

.update-wrap .update-item .select {
  max-width: 100%;
}

.update-wrap .update-item .selected-item {
  color: var(--gray400);
}

.update-wrap .update-item .selected-item.active {
  color: var(--gray900);
}

.update-wrap .update-item .select:focus-within .selected-item {
  outline: 1px solid var(--primary);
}

.update-wrap .update-btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
}

.update-wrap .update-btns button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:5px 8px;
  font-size:1.4rem;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.28px;
  border-radius:6px;
}

.update-wrap .update-btns button.delect-btn {
  color: var(--gray900);
  border: 1px solid var(--gray200);
  background: var(--white);
}

.update-wrap .update-btns button.complete-btn {
  color: var(--white);
  background: var(--primary);
}

.update-wrap .update-title {
  width: 100%;
  margin-bottom: 8px;
}

.update-wrap .update-textarea {
  width: 100%;
}

.update-wrap .update-textarea textarea {
  width: 100%;
  height: 260px;
  padding: 12px;
  color: var(--gray800);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.71;
  border: 1px solid var(--gray300);
  border-radius: 8px;
  background: var(--white);
}

.update-wrap .update-textarea textarea::placeholder {
  color: var(--gray400);
}

.update-wrap .update-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 16px;
}

.update-wrap .update-flex .counting-number {
  display: flex;
  align-items: center;
}

.update-wrap .update-flex .counting-number span {
  color: var(--gray700);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.24px;
}

.update-wrap .update-flex .update-btns {
  margin-top: 0;
}

.update-info .info-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px 0;
  border-top: 1px solid var(--gray300);
}

.update-info .info-item .left-area {
  flex: 1;
}

.update-info .self-intro-item {
  padding: 12px 0;
  border-top: 1px solid var(--gray300);
}

.update-info .self-intro-item .self-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4px;
}

.update-info .info-item .info-elm {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 6px;
}

.update-info .info-item .info-elm:last-child {
  margin-bottom: 0;
}

.update-info .info-item .info-elm h5,
.update-info .self-intro-item .self-title h5 {
  margin-right: 10px;
  color: var(--gray900);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: -0.3px;
}

.update-info .self-intro-item .self-title h5 {
  padding: 2px 0;
}

.update-info .info-item .info-elm span:not(.acq-date):not(.data-txt):not(salary-txt),
.update-info .self-intro-item .self-cont p {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  padding-right: 9px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: -0.28px;
  white-space: pre-wrap;
}

.update-info .info-item .info-elm span::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  max-height: 10px;
  background: var(--gray400);
}


.update-info .self-intro-item .self-cont p,
.update-info .info-item .info-elm span:last-child {
  padding-right: 0;
  margin-right: 0;
}

.update-info .info-item .info-elm span:last-child::after {
  display: none;
}

.update-info .info-item .right-area {
  display: none;
  align-items: center;
  gap: 12px;
  transform:scale(0);
}

.update-info .self-intro-item .self-title .self-btns {
  display: none;
  align-items: center;
  gap: 12px;
  transform:scale(0);
}

.update-info .info-item .right-area .edit-btn,
.update-info .self-intro-item .self-title .self-btns .edit-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 1.5px 5px;
  border-radius: 6px;
  overflow: hidden;
}

.update-info .info-item .right-area .edit-btn:hover ,
.update-info .self-intro-item .self-title .self-btns .edit-btn:hover {
  background:var(--gray200);
}

.update-info .info-item .right-area .edit-btn p,
.update-info .self-intro-item .self-title .self-btns .edit-btn p {
  color: var(--gray500);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.3px;
}

.update-info .info-item .right-area .delect-btn,
.update-info .self-intro-item .self-title .self-btns .delect-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.update-info .info-item .right-area .delect-btn i,
.update-info .self-intro-item .self-title .self-btns .delect-btn i {
  width: 20px;
  height: 20px;
  background: var(--gray900);
}

.datepicker-popup {
  background: var(--white);
}

.simple-monthpicker-popup.active {
  background: var(--white);
}

.error-txt {
  display: none;
  margin-top: 6px;
  color: var(--red500);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.3;
}

.mypage-content .edit-wrap .edit-cont .edit-area .edit-detail.error .error-txt {
  display: inline-block;
}

/* 이력서 뷰 : Start */
.resume-write .write-title h3.view-title {
  padding-top: 16px;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.48px;
}

.resume-write .base-info .flex-bx .default-info.view-default-info {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 4px;
  width:calc(100% - 160px);
}

.resume-write .base-info .flex-bx .default-info.view-default-info .info-item {
  width: calc(50% - 2px);
  margin-bottom: 0;
}

.resume-write .base-info .flex-bx .default-info.view-default-info .info-item p {
  padding: 2.5px 0;
}

.update-info .info-item:hover .right-area {
  display: inline-flex;
  transform:scale(1);
}

.porfolio-info .porfolio-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.porfolio-info .porfolio-list .porfolio-item {
  width: calc(33.333% - 6.666px);
}

.porfolio-info .porfolio-list .porfolio-item a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--gray200);
  border-radius: 10px;
  background: var(--white);
}

.porfolio-info .porfolio-list .porfolio-item a span {
  color: var(--gray700);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.26px;
}

.porfolio-info .porfolio-list .porfolio-item a p {
  flex: 1;
  display: -webkit-box;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.28px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.resume-write .additional-item .additional-text {
  display: flex;
  align-items: center;
  width: calc(100% - 96px);
}

.resume-write .additional-item .additional-text p {
  position: relative;
  margin-right: 8px;
  padding-right: 9px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: -0.28px;
}

.resume-write .additional-item .additional-text p::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background: var(--gray400);
}

.resume-write .additional-item .additional-text p:last-child {
  margin-right: 0;
  padding-right: 0;
}

.resume-write .additional-item .additional-text p:last-child::after {
  display: none;
}

.resume-container .resume-write .write-container .select {
  padding: 0;
}

.resume-container .resume-write .write-container .select:focus-within {
  border:1px solid var(--primary);
}

.resume-container .resume-write .write-container .select .select-btn {
  padding: 7.5px 26px 7.5px 12px;
}

.resume-container .resume-write .write-container .select .select-btn::after {
  right: 12px;
  width: 18px;
  height: 18px;
}

.resume-container .resume-write .write-container .select .option-list {
  left: 0;
  transform: translateX(0);
  padding: 0;
}

.resume-container .resume-write .write-container .select .option-list .option-item {
  color: var(--gray900);
  padding:8px 12px 8px 33px;
  line-height: 1.4;
}

@media screen and (max-width:1600px) {
  .resume-write .base-info .flex-bx .default-info.view-default-info {
    flex-direction: column;
  }

  .resume-write .base-info .flex-bx .default-info.view-default-info .info-item {
    width: 100%;
  }
}

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

          채용 일정 캘린더 CSS : End

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

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

          탭 CSS : Start

===========================================
*/
.process-wrap {
  width: 580px;
  padding: 16px 0;
  background: var(--white);
}

.process-wrap .applicant-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}

.process-wrap .applicant-info .left-info {
  display: flex;
}

.process-wrap .applicant-info .left-info .bookmark-bx {
  display:flex;
  justify-content:center;
  align-items:center;
  margin-right:2px;
}

.process-wrap .applicant-info .left-info .bookmark-btn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:24px;
  height:24px;
}

.process-wrap .applicant-info .left-info .bookmark-btn i {
  width:16px;
  height:16px;
  background:url('/images/icon/bookmark-default.svg') no-repeat center/contain;
}

.process-wrap .applicant-info .left-info .bookmark-btn.active i {
  background:url('/images/icon/bookmark-active.svg') no-repeat center/contain;
}

.process-wrap .applicant-info .left-info .name {
  margin-right: 8px;
  color: var(--gray900);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.4px
}
.process-wrap .applicant-info .left-info .blacklist-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 50%;
  opacity: .35;
}

.process-wrap .applicant-info .left-info .blacklist-icon-btn i {
  width: 16px;
  height: 16px;
  background: var(--gray700);
}

.process-wrap .applicant-info .left-info .blacklist-icon-btn.active {
  opacity: 1;
  background: var(--red50);
}

.process-wrap .applicant-info .left-info .blacklist-icon-btn.active i {
  background: var(--red500);
}

.process-wrap .applicant-info .left-info .blacklist-icon-btn:hover {
  background: var(--gray100);
  opacity: 1;
}

.blacklist-modal-status {
  display: flex;
  align-items: center;
  gap: 8px;
}

.blacklist-modal-status .badge {
  background: var(--red50);
  color: var(--red500);
  font-weight: 700;
}

.blacklist-modal-status strong {
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 600;
}
.blacklist-modal-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.blacklist-modal-item {
  padding: 12px;
  border: 1px solid var(--gray200);
  border-radius: 8px;
}

.blacklist-modal-item .item-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.blacklist-modal-item .item-head strong {
  color: var(--red500);
  font-size: 1.4rem;
}

.blacklist-modal-item .item-head span {
  color: var(--gray600);
  font-size: 1.3rem;
}

.blacklist-modal-item p {
  margin-top: 8px;
  color: var(--gray900);
  font-size: 1.4rem;
  line-height: 1.5;
  white-space: pre-wrap;
}

.blacklist-modal-empty {
  padding: 16px;
  border: 1px dashed var(--gray300);
  border-radius: 8px;
  color: var(--gray600);
  font-size: 1.4rem;
  text-align: center;
}

.process-wrap .applicant-info .left-info .state {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0 4px;
}

.process-wrap .applicant-info .left-info .state i {
  width: 18px;
  height: 18px;
}

.process-wrap .applicant-info .left-info .state span {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: -0.28px;
}

.process-wrap .applicant-info .left-info .state.document-state i {
  background: var(--gray900);
}

.process-wrap .applicant-info .left-info .state.document-state span {
  color: var(--gray900);
}

.process-wrap .applicant-info .left-info .state.interview-state i {
  background: #0095A3;
}

.process-wrap .applicant-info .left-info .state.interview-state span {
  color: #0095A3;
}

.process-wrap .applicant-info .left-info .state.education-state i {
  background: #6D38D1;
}

.process-wrap .applicant-info .left-info .state.education-state span {
  color: #6D38D1;
}

.process-wrap .applicant-info .left-info .state.hires-state i, .process-wrap .applicant-info .left-info .state.join-state i {
  background: #0FA30C;
}

.process-wrap .applicant-info .left-info .state.hires-state span, .process-wrap .applicant-info .left-info .state.join-state span {
  color: #0FA30C;
}

.process-wrap .applicant-info .left-info .state.cancel-state i {
  background: var(--gray500);
}

.process-wrap .applicant-info .left-info .state.cancel-state span {
  color: var(--gray600);
}


.process-wrap .applicant-info .left-info .state.document-state.failed i,
.process-wrap .applicant-info .left-info .state.interview-state.failed i,
.process-wrap .applicant-info .left-info .state.education-state.failed i,
.process-wrap .applicant-info .left-info .state.hires-state.failed i,
.process-wrap .applicant-info .left-info .state.join-state.failed i{
  background: var(--red500);
}

.process-wrap .applicant-info .left-info .state.document-state.failed span,
.process-wrap .applicant-info .left-info .state.interview-state.failed span,
.process-wrap .applicant-info .left-info .state.education-state.failed span,
.process-wrap .applicant-info .left-info .state.hires-state.failed span,
.process-wrap .applicant-info .left-info .state.join-state.failed span{
  color: var(--red500);
}

.process-wrap .applicant-info .right-info {
  display: flex;
  align-items: center;
}

.process-wrap .applicant-info .right-info .state-select-bx .dropdown {
  min-width: 125px;
  padding: 8px 30px 8px 12px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

.process-wrap .applicant-info .right-info .state-select-bx .dropdown:focus-within {
  background: var(--gray100);
}

.process-wrap .applicant-info .right-info .state-flex {
  display: flex;
  align-items: center;
  gap: 3px;
}

.process-wrap .applicant-info .right-info .state-flex i {
  width: 20px;
  height: 20px;
  background: var(--gray900);
}

.process-wrap .applicant-info .right-info .state-flex .dropdown-btn {
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.28px;
}

.process-wrap .applicant-info .right-info .state-flex .dropdown-btn::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #1b1b1d;
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url('/images/icon/ic-chevron-down.svg');
  mask-image: url('/images/icon/ic-chevron-down.svg');
}

.process-wrap .applicant-info .right-info .state-select-bx .dropdown:focus-within .state-flex .dropdown-btn::after {
  transform: translateY(-50%) rotate(180deg);
}

.process-wrap .applicant-info .right-info .state-select-bx .dropdown .option-list {
  padding: 0;
  overflow: hidden;
}

.process-wrap .applicant-info .right-info .state-select-bx .dropdown .option-list li {
  border-bottom: 1px solid var(--gray200);
}

.process-wrap .applicant-info .right-info .state-select-bx .dropdown .option-list li:last-child {
  border-bottom: none;
}

.process-wrap .applicant-info .right-info .state-select-bx .dropdown .option-list .option-item {
  padding: 8px 12px;
  line-height: 1.4;
  border-radius: 0;
}

.process-wrap .applicant-info .right-info .state-select-bx .dropdown .option-list .option-item:before {
  display: none;
}

.process-wrap .applicant-info .right-info .more-bx {
  cursor: pointer;
}

.process-wrap .applicant-info .right-info .more-bx .dropdown {
  width: 36px;
  height: 36px;
  min-width: auto;
  padding: 0;
  border: none;
}

.process-wrap .applicant-info .right-info .more-bx .dropdown .option-list {
  left: auto;
  right: 0;
  transform: translateX(0);
  padding: 0;
  overflow: hidden;
}

.process-wrap .applicant-info .right-info .more-bx .dropdown .option-list li {
  border-bottom: 1px solid var(--gray200);
}

.process-wrap .applicant-info .right-info .more-bx .dropdown .option-list li:last-child {
  border-bottom: none;
}

.process-wrap .applicant-info .right-info .more-bx .dropdown .more-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 0;
}

.process-wrap .applicant-info .right-info .more-bx .dropdown .more-btn i {
  width: 20px;
  height: 20px;
  background: #171719;
}

.process-wrap .applicant-info .right-info .more-bx .dropdown .more-btn::after {
  display: none;
}


.process-wrap .applicant-info .right-info .more-bx .dropdown .option-list .option-item {
  padding: 8px 12px;
  line-height: 1.4;
  border-radius: 0;
}

.process-wrap .applicant-info .right-info .more-bx .dropdown .option-list .option-item.delect-btn {
  color: var(--red500);
}

.process-wrap .applicant-info .right-info .more-bx .dropdown .option-list .option-item::before {
  display: none;
}

.process-wrap .talent-tab-wrap,
.process-wrap .applicant-tab-wrap {
  display: flex;
  gap: 8px;
  width: 100%;
  margin-top: 16px;
  padding: 0 20px;
  border-bottom: 1px solid var(--gray250);
}

.process-wrap .talent-tab-wrap button,
.process-wrap .applicant-tab-wrap button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  color: var(--gray800);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.33;
}

.process-wrap .talent-tab-wrap button::after,
.process-wrap .applicant-tab-wrap button::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background: var(--blue500);
  opacity: 0;
}

.process-wrap .talent-tab-wrap button.on,
.process-wrap .applicant-tab-wrap button.on {
  color: var(--blue500);
  font-weight: 600;
}

.process-wrap .talent-tab-wrap button.on::after,
.process-wrap .applicant-tab-wrap button.on::after {
  opacity: 1;
}


.modal-content .process-wrap .talent-cont-wrap,
.modal-content .process-wrap .applicant-cont-wrap {
  height: fit-content !important;
}

.process-wrap .talent-cont-wrap,
.process-wrap .applicant-cont-wrap {
  height: calc(100dvh - 159px);
  padding: 0 20px 16px 20px;
  overflow-y: auto;
}

.process-wrap .talent-cont-wrap .talent-cont.on,
.process-wrap .applicant-cont-wrap .applicant-cont.on {
  display: block;
  margin-bottom: 200px;
  padding: 16px 0;
}

.process-wrap .talent-cont-wrap .talent-cont,
.process-wrap .applicant-cont-wrap .applicant-cont {
  display: none;
}

.process-wrap .talent-cont-wrap .process-item,
.process-wrap .applicant-cont-wrap .process-item {
  margin-bottom: 20px;
}

.process-wrap .talent-cont-wrap .process-item:last-child,
.process-wrap .applicant-cont-wrap .process-item:last-child {
  margin-bottom: 0;
}

.process-wrap .talent-cont-wrap .process-head,
.process-wrap .applicant-cont-wrap .process-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.process-wrap .applicant-cont-wrap .process-head.history-head {
  padding-top: 8px;
}

.process-wrap .talent-cont-wrap .process-head .left-bx>i,
.process-wrap .applicant-cont-wrap .process-head.history-head .left-bx i,
.process-wrap .applicant-cont-wrap .process-head.memo-head .left-bx i {
  width: 24px;
  height: 24px;
  background: var(--gray500);
}

.process-wrap .applicant-cont-wrap .process-head.history-head .left-bx h4,
.process-wrap .applicant-cont-wrap .process-head.memo-head .left-bx h4 {
  margin-left: 5px;
}

.process-wrap .talent-cont-wrap .process-head .left-bx,
.process-wrap .applicant-cont-wrap .process-head .left-bx {
  display: flex;
  align-items: center;
}

.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-right: 6px;
  border-radius: 50%;
  background: var(--gray200);
}

.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx i {
  width: 20px;
  height: 20px;
  background: var(--gray500);
}

.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.hires-state.active,
.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.join-state.active{
  background: #DBF7D5;
}

.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.hires-state.active i,
.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.join-state.active i {
  background: #0FA30C;
}

.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.education-state.active {
  background: #E6DBFC;
}

.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.education-state.active i {
  background: #6D38D1;
}

.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.interview-state.active {
  background: #D1EEF0;
}

.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.interview-state.active i {
  background: #0095A3;
}

.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.document-state.active {
  background: var(--gray800);
}

.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.document-state.active i {
  background: var(--white);
}

.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.document-state.failed,
.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.interview-state.failed,
.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.education-state.failed,
.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.hires-state.failed,
.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.join-state.failed{
  background: #FFEBEE;
}

.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.document-state.failed i,
.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.interview-state.failed i,
.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.education-state.failed i,
.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.hires-state.failed i,
.process-wrap .applicant-cont-wrap .process-head .left-bx .circle-bx.join-state.failed i{
  background: var(--red500);
}

.process-wrap .applicant-cont-wrap .process-head .left-bx h4 {
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.42;
}

.process-wrap .applicant-cont-wrap .process-head .right-bx .contact-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 5px 8px;
  border-radius: 6px;
  background: var(--blue500);
}

.process-wrap .applicant-cont-wrap .process-head .right-bx .contact-btn i {
  width: 18px;
  height: 18px;
  background: var(--white);
}

.process-wrap .applicant-cont-wrap .process-head .right-bx .contact-btn span {
  display: inline-block;
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.28px;
}

.process-wrap .applicant-cont-wrap .process-head .right-bx .calendar-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 5px 8px;
  border: 1px solid var(--gray300);
  border-radius: 6px;
  background: var(--white);
}

.process-wrap .applicant-cont-wrap .process-head .right-bx .calendar-btn i {
  width: 18px;
  height: 18px;
  background: var(--gray800);
}

.process-wrap .applicant-cont-wrap .process-head .right-bx .calendar-btn span {
  display: inline-block;
  color: var(--gray800);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.28px;
}

.process-wrap .talent-cont-wrap .process-head .right-bx .add-btn,
.process-wrap .applicant-cont-wrap .process-head .right-bx .add-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 5px 8px;
  border: 1px solid var(--gray300);
  border-radius: 6px;
  background: var(--white);
}

.process-wrap .talent-cont-wrap .process-head .right-bx .add-btn i,
.process-wrap .applicant-cont-wrap .process-head .right-bx .add-btn i {
  width: 18px;
  height: 18px;
  background: var(--gray800);
}

.process-wrap .talent-cont-wrap .process-head .right-bx .add-btn span,
.process-wrap .applicant-cont-wrap .process-head .right-bx .add-btn span {
  display: inline-block;
  color: var(--gray800);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.28px;
}

.process-wrap .applicant-cont-wrap .process-body {
  margin: 8px 0 0 18px;
  padding-left: 10px;
  border-left: 1px solid var(--gray250);
}

.process-wrap .applicant-cont-wrap .process-body.memo-body {
  margin: 8px 0 0 12px;
}

.process-wrap .applicant-cont-wrap .process-body .process-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 5px 0;
}

.process-wrap .applicant-cont-wrap .process-body .process-list .left-elm {
  display: flex;
  align-items: center;
  gap: 4px;
}

.process-wrap .applicant-cont-wrap .process-body .process-list .right-elm {
  display: flex;
  align-items: center;
}

.process-wrap .applicant-cont-wrap .process-body .process-list p {
  display: flex;
  align-items: center;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.42;
  letter-spacing: -0.42px;
}

.process-wrap .applicant-cont-wrap .process-body .process-list button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 3px 6px;
  color: var(--gray800);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.26px;
  border: 1px solid var(--gray300);
  border-radius: 6px;
  background: var(--white);
}

.process-wrap .applicant-cont-wrap .process-body .process-list span {
  display: inline-flex;
  align-items: center;
  color: var(--gray500);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.53;
}

.process-wrap .applicant-cont-wrap .process-body .process-list span::after {
  content: '・';
  display: inline-flex;
  align-items: center;
  color: var(--gray500);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.53;
}

.process-wrap .applicant-cont-wrap .process-body .process-list span:last-child::after {
  display: none;
}


.process-wrap .applicant-cont-wrap .process-item .evaluation-head {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  padding: 8px 0;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-head .icon-bx {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-right: 6px;
  border-radius: 50%;
  background: var(--gray200);
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-head .icon-bx i {
  width: 20px;
  height: 20px;
  background: var(--gray500);
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-head .text-bx {
  width: calc(100% - 42px);
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-head .text-bx h4 {
  margin-bottom: 2px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.42;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-head .text-bx .span-elm {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-head .text-bx .span-elm span {
  display: inline-block;
  color: var(--gray600);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.53;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-head .text-bx .span-elm span::after {
  content: '/';
  display: inline-block;
  margin: 0 5px;
  color: var(--gray600);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.53;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-head .text-bx .span-elm span:last-child::after {
  display: none;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-cont {
  padding: 10px;
  border-radius: 8px;
  background: var(--gray100);
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item {
  margin-bottom: 20px;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item:last-child {
  margin-bottom: 0;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item .item-title {
  margin-bottom: 10px;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item .item-title h5 {
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.42;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item .item-cont {
  width: 100%;
  margin-bottom: 10px;
  padding: 8px;
  border: 1px solid var(--gray200);
  border-radius: 4px;
  background: var(--white);
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item .item-cont:last-child {
  margin-bottom: 0;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item .item-cont.result-cont p {
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.42;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item .item-cont.time-cont {
  display: flex;
  gap: 13px;
  padding: 5px 12px;
  border-left: 1px solid #0FA30C;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.10), 0 2px 8px -2px rgba(20, 25, 35, 0.15);
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item .item-cont.time-cont .date-txt {
  display: flex;
  align-items: center;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item .item-cont.time-cont .date-txt i {
  width: 16px;
  height: 16px;
  background: #161616;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item .item-cont.time-cont .date-txt span {
  color: var(--black);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.42;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item .item-cont.time-cont .date-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item .item-cont.time-cont .date-wrap .date-item {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 6px;
  border-radius: 16px;
  background: var(--gray200);
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item .item-cont.time-cont .date-wrap .date-item i {
  width: 14px;
  height: 14px;
  background: var(--black);
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item .item-cont.time-cont .date-wrap .date-item span {
  color: var(--black);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.42;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item .item-cont.waiting-cont {
  display: flex;
  justify-content: center;
  align-items: center;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item .item-cont.waiting-cont span {
  color: var(--gray600);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.53;
}

.process-wrap .applicant-cont-wrap .process-item .evaluation-item .caption-txt {
  color: var(--gray600);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.53;
}

.process-wrap .applicant-cont-wrap .process-body.history-body {
  margin: 8px 0 0 12px;
  padding-left: 0;
  border-left:none;
}

.process-wrap .applicant-cont-wrap .process-body.history-body .history-list {
  padding:14px 12px;
  border-left:1px dashed var(--gray400);
}

.process-wrap .applicant-cont-wrap .process-body.history-body .history-list.active {
  border-left:1px solid var(--gray900);
}

.process-wrap .applicant-cont-wrap .history-list .title-bx {
  display: flex;
  justify-content: space-between;
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .history-txt {
  display: flex;
  align-items: center;
  gap: 10px;
  width: calc(100% - 34px);
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .history-txt .left-txt {
  display: flex;
  align-items: center;
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .history-txt .left-txt h5 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .history-txt .right-txt {
  display: flex;
  align-items: center;
  min-width: 90px;
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .history-txt h5 {
  position: relative;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: -0.42px;
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .history-txt h5::after {
  content: '・';
  color: var(--gray600);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.53;
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .history-txt h5:last-child::after {
  display: none;
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .more-bx .more-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: 10px;
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .more-bx .more-btn i {
  width: 16px;
  height: 16px;
  background: #171719;
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .more-bx .dropdown .option-list {
  right: 0;
  left: auto;
  transform: translateX(0);
  padding: 0;
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .more-bx .dropdown .option-list li {
  border-bottom:1px solid var(--gray200);
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .more-bx .dropdown .option-list li:last-child {
  border-bottom:none;
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .more-bx .dropdown .option-list .option-item {
  min-width: 150px;
  padding: 8px 12px;
  line-height: 1.4;
}

.process-wrap .applicant-cont-wrap .history-list .info-bx {
  display:flex;
  align-items:center;
  margin-top:8px;
  margin-bottom:2px;
}

.process-wrap .applicant-cont-wrap .history-list .info-bx span {
  position: relative;
  display: inline-block;
  margin-right:10px;
  color:var(--gray900);
  font-size:14px;
  font-weight:400;
  line-height:1.42;
}

.process-wrap .applicant-cont-wrap .history-list .info-bx span:last-child {
  margin-right:0;
}

/* 260727 수정 */
.process-wrap .applicant-cont-wrap .history-list .info-bx , 
.process-wrap .applicant-cont-wrap .history-list .reason-bx {
  display: flex;
  align-items: center;
  padding:2px 0 2px 8px;
}

.process-wrap .applicant-cont-wrap .history-list .reason-bx {
  margin-bottom:4px;
}

.process-wrap .applicant-cont-wrap .history-list .info-bx .l-txt ,
.process-wrap .applicant-cont-wrap .history-list .reason-bx .l-txt {
  width:55px;
  /* margin-right:10px; */
}

.process-wrap .applicant-cont-wrap .history-list .info-bx .l-txt p ,
.process-wrap .applicant-cont-wrap .history-list .reason-bx .l-txt p {
  color:#656B84;
  font-size:12px;
  font-weight:500;
  line-height:1.66;
}

.process-wrap .applicant-cont-wrap .history-list .reason-bx .r-txt {
  display: flex;
  align-items: center;
}

.process-wrap .applicant-cont-wrap .history-list .info-bx .r-txt ,
.process-wrap .applicant-cont-wrap .history-list .reason-bx .r-txt {
  width:calc(100% - 55px);
}

.process-wrap .applicant-cont-wrap .history-list .reason-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2px;
  margin-right:10px;
}

.process-wrap .applicant-cont-wrap .history-list .reason-item:last-child {
  margin-right:0;
}

/* .process-wrap .applicant-cont-wrap .history-list .reason-item::after {
  content: '・';
  color: var(--gray700);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.53;
}

.process-wrap .applicant-cont-wrap .history-list .reason-item:last-child:after {
  display: none;
} */

.process-wrap .applicant-cont-wrap .history-list .reason-item span {
  display: inline-block;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.42;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 1;
  -webkit-line-clamp: 1;
}

.process-wrap .applicant-cont-wrap .history-list .reason-item i {
  width: 14px;
  height: 14px;
  background: var(--red400);
}

.process-wrap .applicant-cont-wrap .history-list .reason-item strong {
  display: inline-block;
  width:calc(100% - 16px);
  color: var(--red400);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.14px;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list {
  padding: 8px 0;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-cont {
  display:flex;
  justify-content:space-between;
  margin-bottom: 4px;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-cont p {
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.28px;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-cont .more-bx .dropdown {
  width: 24px;
  height: 24px;
  min-width: auto;
  padding: 0;
  border: none;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-cont .more-bx .dropdown .option-list {
  left: auto;
  right: 0;
  transform: translateX(0);
  padding: 0;
  overflow: hidden;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-cont .more-bx .dropdown .option-list li {
  border-bottom: 1px solid var(--gray200);
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-cont .more-bx .dropdown .option-list li:last-child {
  border-bottom: none;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-cont .more-bx .dropdown .more-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 0;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-cont .more-bx .dropdown .more-btn i {
  width: 16px;
  height: 16px;
  background: #171719;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-cont .more-bx .dropdown .more-btn::after {
  display: none;
}


.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-cont .more-bx .dropdown .option-list .option-item {
  padding: 8px 12px;
  line-height: 1.4;
  border-radius: 0;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-cont .more-bx .dropdown .option-list .option-item.delect-btn {
  color: var(--red500);
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-cont .more-bx .dropdown .option-list .option-item::before {
  display: none;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-info {
  display: flex;
  align-items: center;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-info span {
  display: inline-block;
  color: var(--gray500);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.53;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-info span::after {
  content: '・';
  display: inline-flex;
  align-items: center;
  color: var(--gray500);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.53;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-info span:last-child:after {
  display: none;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write {
  width: 100%;
}

.blacklist-textarea .textarea-wrap,
.main-memo .textarea-wrap,
.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write .textarea-wrap {
  width: 100%;
  margin-bottom: 8px;
  padding: 10px 12px;
  border: 1px solid var(--blue500);
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(20, 25, 35, 0.05);
  background: var(--white);
}

.blacklist-textarea .textarea-wrap .select-bx,
.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write .select-bx {
  margin-bottom: 10px;
}

.blacklist-textarea .textarea-wrap .select,
.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write .select {
  max-width: 170px;
  padding: 3px 28px 3px 6px;
  border: none;
  border-radius: 6px;
  background: var(--white);
  cursor: pointer;
}

.blacklist-textarea .textarea-wrap .select:focus-within,
.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write .select:focus-within {
  background: var(--gray100);
}

.blacklist-textarea .textarea-wrap .select:focus-within .selected-item::after,
.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write .select:focus-within .selected-item::after {
  transform: translateY(-50%) rotate(180deg);
}

.blacklist-textarea .textarea-wrap .selected-item,
.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write .selected-item {
  color: var(--gray900);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.26px;
}

.blacklist-textarea .textarea-wrap .select .option-list .option-item,
.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write .select .option-list .option-item {
  padding: 8px 12px 8px 33px;
  line-height: 1.4;
}

/* .process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write .select .option-list .option-item::before {
  display: none;
} */

.blacklist-textarea .textarea-wrap .textarea-bx,
.main-memo .textarea-wrap .textarea-bx,
.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write .textarea-wrap .textarea-bx {
  width:100%;
  height:92px;
}

.blacklist-textarea .textarea-wrap .textarea-bx textarea,
.main-memo .textarea-wrap .textarea-bx textarea,
.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write .textarea-wrap .textarea-bx textarea {
  width: 100%;
  height: 100%;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
}

.blacklist-textarea .textarea-wrap .textarea-bx textarea::placeholder,
.main-memo .textarea-wrap .textarea-bx textarea::placeholder,
.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write .textarea-wrap .textarea-bx textarea::placeholder {
  color: var(--gray400);
}


.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write .write-btns,
.main-memo .memo-list .memo-write .write-btns
{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write .write-btns button,
.main-memo .memo-list .memo-write .write-btns button
{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding:5px 8px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.28px;
  border-radius: 6px;
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write button.cancel-btn,
.main-memo .memo-list .memo-write button.cancel-btn
{
  border:1px solid var(--gray300);
  background:var(--white);
}

.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write button.register-btn,
.main-memo .memo-list .memo-write button.register-btn
{
  color: var(--white);
  background: var(--blue500);
}

/* 체크박스 영역 간격 및 너비 조정 */
.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write .flex-bx,
.main-memo .memo-list .memo-write .flex-bx
{
  display: flex;
  align-items: center;
  gap: 16px; /* 두 체크박스 사이 간격 (원하는 크기로 조절) */
}

/* w100p 클래스의 100% 너비 강제 해제 */
.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write .flex-bx .w100p,
.main-memo .memo-list .memo-write .flex-bx .w100p
{
  width: auto !important;
  margin-left: 0 !important;
}

/* 오른쪽 버튼 영역을 우측 끝으로 밀기 */
.process-wrap .applicant-cont-wrap .process-body .memo-list .memo-write .flex-bx .write-btns,
.main-memo .memo-list .memo-write .flex-bx .write-btns
{
  margin-left: auto;
  margin-bottom: 0; /* flex-bx 내부 세로 정렬 맞춤 */
}

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

          탭 CSS : End

===========================================
*/
.modal {
  padding: 0;
  overflow:hidden;
}

.modal .close-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.modal .close-btn .close {
  width: 100%;
  height: 100%;
  background: var(--gray900);
}

.modal .modal-footer button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.28px;
  border-radius: 8px;
}

.modal .modal-footer button.primary-btn {
  color: var(--white);
  background: var(--primary);
}

.modal .modal-footer button.cancel-btn {
  color: var(--gray900);
  background: var(--gray200)
}

.modal .modal-footer button.negative-btn {
  color: var(--white);
}

.modal-content .modal-text {
  width: 100%;
  padding: 10px 16px;
  color: var(--gray900);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.32px;
}

.modal-content .reason-select {
  margin-bottom: 10px;
  padding: 0 16px;
}

.modal-content .reason-select .select .selected-item {
  color: var(--gray900);
  line-height: 1.4;
}

.modal-content .reason-select .reason-write {
  margin-top: 8px;
}

.modal-content .reason-select .reason-write textarea {
  width: 100%;
  height: 80px;
  padding: 8px 12px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid var(--gray300);
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(20, 25, 35, 0.05);
  background: var(--white);
}

.modal-content .reason-select .reason-write textarea::placeholder {
  color: var(--gray400);
}

.modal-content .reason-select .select .option-list {}

.modal-content .reason-select .select .option-list .option-item {
  padding: 8px 12px;
  line-height: 1.4;
}

.modal-content .reason-select .select .option-list .option-item::before {
  display: none;
}

.modal-content .flex-container {
  display: flex;
  max-height:520px;
  overflow-y:auto;
  border-top: 1px solid var(--gray250);
  border-bottom: 1px solid var(--gray250);
}

.modal-content .flex-container.vertical {
  flex-direction: column;
  max-height:650px;
  overflow-y:auto;
  border-bottom:none;
}

.modal-content .flex-container .modal-flex {
  width: calc(100% - 307px);
  padding: 20px;
}

.modal-content .flex-item {
  display: flex;
  margin-bottom: 30px;
}

.modal-content .flex-item:last-child {
  margin-bottom: 0;
}

.modal-content .modal-left {
  width: 100px;
  margin-right: 10px;
}

.modal-content .modal-left h3 {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 36px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.28px;
}

.modal-content .modal-right {
  width: calc(100% - 110px);
}

.modal-content .modal-right .applicant-list {
  display: flex;
  flex-wrap: wrap;
  gap:10px;
}

.modal-content .modal-right .applicant-list:has(> :nth-last-child(-n + 4):first-child) {
  padding:4.5px 0;
}

.modal-content .modal-right .applicant-list .applicant-item {
  display:flex;
  align-items:center;
}

.modal-content .modal-right .applicant-list .applicant-item a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 3px 4px;
  color: var(--black);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.28px;
  border-radius: 6px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.modal-content .modal-right .applicant-list .applicant-item a:hover {
  background: var(--gray100);
}

.modal-content .link-list li button,
.modal-content .modal-right .applicant-list .applicant-item button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:20px;
  height:20px;
  border-radius:6px;
}

.modal-content .link-list li button:hover,
.modal-content .modal-right .applicant-list .applicant-item button:hover {
  background:var(--gray100);
}

.modal-content .link-list li button i,
.modal-content .modal-right .applicant-list .applicant-item button i {
  width:12px;
  height:12px;
  background:var(--gray800);
}

.modal-content .modal-right .calendar-setting {
  display: flex;
  align-items: center;
  gap: 10px;
}

.modal-content .modal-right .select .option-list .option-item {
  padding: 8px 12px 8px 33px;
  line-height: 1.4;
}

/* .modal-content .modal-right .select .option-list .option-item::before {
  display: none;
} */

.modal-content .modal-right .add-content .add-item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.modal-content .modal-right .input-field {
  max-width: 152px;
  color: var(--gray900);
  line-height: 1.5;
}

.modal-content .modal-right .add-content .add-item .button-bx .remove-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
}

.modal-content .modal-right .add-content .add-item .button-bx .remove-btn i {
  width: 18px;
  height: 18px;
  background: var(--gray400);
}

.modal-content .modal-right .add-content .add-item .button-bx .remove-btn:hover {
  background: var(--gray100);
}

.modal-content .modal-right .add-content .add-item .button-bx .remove-btn:hover i {
  background: var(--red400);
}

.modal-content .modal-right .schedule-add-btn {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 5px 8px;
}

.modal-content .modal-right .schedule-add-btn i {
  width: 18px;
  height: 18px;
  background: var(--gray900);
}

.modal-content .modal-right .schedule-add-btn p {
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.28px;
}

.modal-content .modal-right .time-wrapper .select {
  min-width: 115px;
}
.modal-content .modal-right .time-wrapper .select .option-list {
  max-height:160px;
}

.modal-content .modal-right .radio-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 100%;
}

.modal-content .modal-right .radio-item {
  display: flex;
}

.modal-content .modal-right .radio-item input {
  display: none;
}

.modal-content .modal-right .radio-item label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.modal-content .modal-right .radio-item label span {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #CFD0D2;
  border-radius: 50%;
}

.modal-content .modal-right .radio-item label span::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #36A1F7;
  opacity: 0;
}

.modal-content .modal-right .radio-item label p {
  color: var(--black);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.28px;
}

.modal-content .modal-right .radio-item input:checked+label span {
  border: 2px solid #36A1F7;
}

.modal-content .modal-right .radio-item input:checked+label span::after {
  opacity: 1;
}

.modal-content .modal-caption-txt {
  display: inline-block;
  color: var(--gray700);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.26px;
}

/* preview */
.modal-content .flex-container .modal-preview {
  width: 297px;
  min-height: 500px;
  margin-left: 10px;
  padding: 16px;
  background: #C0C5D7;
}

.modal-content .flex-container.vertical .modal-preview {
  width: 100%;
  min-height: 363px;
  margin-left: 0;
}

.modal-content .flex-container .modal-preview .preview-wrap {
  border-radius: 8px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.10), 0 2px 8px -2px rgba(20, 25, 35, 0.15);
  overflow: hidden;
}

.modal-content .flex-container .modal-preview .preview-title {
  padding: 9px 12px;
  background: #FCE25A;
}

.modal-content .flex-container .modal-preview .preview-title h4 {
  color: #1D2939;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.2px;
}

.modal-content .flex-container .modal-preview .preview-cont {
  padding: 12px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.28px;
  background: var(--white);
  word-break: break-all;
  overflow-wrap: break-word;
}

/* .modal-content .flex-container .modal-preview .preview-cont p {
  margin-bottom: 21px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.28px;
}

.modal-content .flex-container .modal-preview .preview-cont p:last-child {
  margin-bottom: 0;
} */


.modal-content .flex-container .modal-view {
  padding: 10px 20px 24px 20px;
}

.modal-content .flex-container .modal-view .view-item {
  display: flex;
  align-items: flex-start;
  padding: 8px 0;
}

.modal-content .flex-container .modal-view .view-item .left-view {
  width: 100px;
  margin-right: 10px;
}

.modal-content .flex-container .modal-view .view-item .left-view h3 {
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.28px;
}

.modal-content .flex-container .modal-view .view-item .right-view {
  width: calc(100% - 110px);
}

.modal-content .flex-container .modal-view .view-item .right-view p {
  margin-bottom: 6px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.28px;
}

.modal-content .flex-container .modal-view .view-item .right-view p:last-child {
  margin-bottom: 0;
}

.modal-content .schedule-check {
  padding: 0 16px 10px 16px;
}

.modal-content .schedule-check .schedule-item {
  width: 100%;
  margin-bottom: 10px;
}

.modal-content .schedule-check .schedule-item:last-child {
  margin-bottom: 0;
}

.modal-content .schedule-check .schedule-item input {
  display: none;
}

.modal-content .schedule-check .schedule-item label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 9px 10px;
  border: 1px solid var(--gray300);
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0 1px 2px 0 rgba(20, 25, 35, 0.05);
  cursor: pointer;
}

.modal-content .schedule-check .schedule-item label span {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid var(--gray200);
  border-radius: 50%;
}

.modal-content .schedule-check .schedule-item label span::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--primary400);
  opacity: 0;
}

.modal-content .schedule-check .schedule-item label p {
  width: calc(100% - 26px);
  color: var(--black);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
}

.modal-content .schedule-check .schedule-item input:checked+label span {
  border: 2px solid var(--primary400);
}

.modal-content .schedule-check .schedule-item input:checked+label span::after {
  opacity: 1;
}

.modal-content .schedule-check .schedule-item input:checked+label p {
  font-weight: 500;
}

/* talent */
.process-wrap .talent-info {
  padding: 9px 20px;
}

.process-wrap .talent-info .name {
  color: var(--gray900);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.4px
}

.process-wrap .talent-cont-wrap .process-head .left-bx h4 {
  margin-left: 5px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.42;
}

.process-wrap .talent-cont-wrap .add-wrap {
  margin-bottom: 8px;
  padding: 12px;
  border-radius: 10px;
  background: var(--gray100);
}

.process-wrap .talent-cont-wrap .add-head {
  margin-bottom: 10px;
}

.process-wrap .talent-cont-wrap .add-head h5 {
  color: var(--gray900);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.45px;
}

.process-wrap .talent-cont-wrap .add-body .top-area {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--gray300);
}

.process-wrap .talent-cont-wrap .add-body .add-item {
  display: flex;
  align-items: center;
  padding: 7px 0;
}

.process-wrap .talent-cont-wrap .add-body .add-title {
  width: 80px;
  margin-right: 16px;
}

.process-wrap .talent-cont-wrap .add-body .add-title h6 {
  color: var(--gray700);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.28px;
}

.process-wrap .talent-cont-wrap .add-body .add-write {
  width: calc(100% - 96px);
}

.process-wrap .talent-cont-wrap .add-body .add-write .input-field-wrapper {
  gap: 0;
}

.process-wrap .talent-cont-wrap .add-body .add-write .input-field-wrapper i {
  width: 20px;
  height: 20px;
  background: var(--gray400);
}

.process-wrap .talent-cont-wrap .add-body .add-write .input-field-wrapper .input-field {
  width: calc(100% - 20px);
  padding-left: 8px;
  color: var(--gray900);
}


.process-wrap .talent-cont-wrap .add-body .add-write .calendar-wrapper {
  width: 100%;
}

.process-wrap .talent-cont-wrap .add-body .add-write .calendar-wrapper::after {
  width: 18px;
  height: 18px;
  right: 12px;
}

.process-wrap .talent-cont-wrap .add-body .add-write .calendar-wrapper .input-field.datepicker {
  width: 100%;
  padding-right: 36px !important;
  color: var(--gray900);
  cursor: pointer;
}

.process-wrap .talent-cont-wrap .add-body .add-write .flex-box {
  display: flex;
}

.process-wrap .talent-cont-wrap .add-body .add-write .left-select {
  width: 120px;
  margin-right: 8px;
}

.process-wrap .talent-cont-wrap .add-body .add-write .right-select {
  width: calc(100% - 128px);
}

.process-wrap .talent-cont-wrap .add-body .add-write .left-select .select,
.process-wrap .talent-cont-wrap .add-body .add-write .right-select .select {
  padding: 0 12px;
  height: 36px;
  box-shadow: 0 1px 2px 0 rgba(20, 25, 35, 0.05);
}

.process-wrap .talent-cont-wrap .add-body .add-write .left-select .select .select-in-label-field,
.process-wrap .talent-cont-wrap .add-body .add-write .right-select .select .select-in-label-field {
  height: 100%;
}

.process-wrap .talent-cont-wrap .add-body .add-write .left-select .select .select-in-label-field .select-btn,
.process-wrap .talent-cont-wrap .add-body .add-write .right-select .select .select-in-label-field .select-btn {
  color: var(--gray900);
  height: 100%;
}

.process-wrap .talent-cont-wrap .add-body .add-write .select .select-in-label-field .option-list .option-item {
  padding: 8px 12px 8px 33px;
  color: var(--gray900);
  line-height: 1.4;
}

/* .process-wrap .talent-cont-wrap .add-body .add-write .select .select-in-label-field .option-list .option-item::before {
  display: none;
} */

.process-wrap .talent-cont-wrap .add-body .add-write textarea {
  width: 100%;
  height: 80px;
  padding: 8px 12px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid var(--gray300);
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0 1px 2px 0 rgba(20, 25, 35, 0.05);
}

.process-wrap .talent-cont-wrap .add-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  padding: 4px 0;
}

.process-wrap .talent-cont-wrap .add-footer button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 5px 8px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.28px;
  border-radius: 6px;
}

.process-wrap .talent-cont-wrap .add-footer button.cancel-btn {
  color: var(--gray800);
  border: 1px solid var(--gray300);
  background: var(--white);
}

.process-wrap .talent-cont-wrap .add-footer button.primary-btn {
  color: var(--white);
  background: var(--primary);
}

.process-wrap .talent-cont-wrap .contact-item {
  width: 100%;
  margin-bottom: 8px;
  padding: 16px;
  border-radius: 10px;
  border: 1px solid var(--gray250);
}

.process-wrap .talent-cont-wrap .contact-item:last-child {
  margin-bottom: 0;
}

.process-wrap .talent-cont-wrap .contact-method {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.process-wrap .talent-cont-wrap .contact-method .left-bx {
  display: flex;
  align-items: center;
}

.process-wrap .talent-cont-wrap .contact-method .method-txt {
  display: flex;
  align-items: center;
  margin-right: 6px;
}

.process-wrap .talent-cont-wrap .contact-method .method-txt i {
  width: 22px;
  height: 22px;
  background: var(--gray600);
}

.process-wrap .talent-cont-wrap .contact-method .method-txt h5 {
  margin-left: 6px;
  color: var(--gray900);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.33;
}

.process-wrap .talent-cont-wrap .contact-method .method-info span,
.process-wrap .talent-cont-wrap .contact-result li span {
  position: relative;
  display: inline-block;
  color: var(--gray600);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.42;
}

.process-wrap .talent-cont-wrap .contact-method .method-info span::after,
.process-wrap .talent-cont-wrap .contact-result li span::after {
  content: '・';
  color: var(--gray600);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.53;
}

.process-wrap .talent-cont-wrap .contact-method .method-info span:last-child::after,
.process-wrap .talent-cont-wrap .contact-result li span:last-child::after {
  display: none;
}

.process-wrap .talent-cont-wrap .right-bx .dropdown-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.process-wrap .talent-cont-wrap .right-bx .dropdown-btn i {
  width: 16px;
  height: 16px;
  background: #171719;
}

.process-wrap .talent-cont-wrap .right-bx .option-list {
  right: 0;
  left: auto;
  transform: translate(0);
  padding: 0;
}

.process-wrap .talent-cont-wrap .right-bx .option-list li .option-item {
  color: var(--gray900);
  padding: 8px 12px;
  line-height: 1.4;
  border-bottom: 1px solid var(--gray200);
}

.process-wrap .talent-cont-wrap .history-item .resume-title .right-bx .option-list li .option-item {
  min-width: 150px;
}

.process-wrap .talent-cont-wrap .contact-method .right-bx .option-list li .option-item.delect-btn {
  color: var(--red500);
}

.process-wrap .talent-cont-wrap .right-bx .option-list li:last-child .option-item {
  border-bottom: none;
}

.process-wrap .talent-cont-wrap .contact-purpose {
  margin: 6px 0;
  padding: 2px 0;
}

.process-wrap .talent-cont-wrap .contact-purpose p {
  color: var(--gray900);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.48px;
}

.process-wrap .talent-cont-wrap .contact-result {
  padding-left: 10px;
  border-left: 1px solid #C0C5D7;
}

.process-wrap .talent-cont-wrap .contact-result li {
  display: flex;
  padding: 5px 0;
}

.process-wrap .talent-cont-wrap .contact-result li span {
  color: var(--gray900);
}

.process-wrap .talent-cont-wrap .history-item {
  width: 100%;
  padding: 12px;
  border-radius: 10px;
  cursor:pointer;
}

/*.process-wrap .talent-cont-wrap .history-item:hover {*/
.process-wrap .talent-cont-wrap .history-item.active {
  background: #F0F5FB;
}

.process-wrap .talent-cont-wrap .history-item .resume-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.process-wrap .talent-cont-wrap .history-item .resume-title .left-bx {
  display: flex;
  align-items: center;
}

.process-wrap .talent-cont-wrap .history-item .resume-title .left-bx .resume-number {
  display: flex;
  align-items: center;
  margin-right: 6px;
}

.process-wrap .talent-cont-wrap .history-item .resume-title .left-bx .resume-number i {
  width: 20px;
  height: 20px;
  background: var(--gray600);
}

.process-wrap .talent-cont-wrap .history-item .resume-title .left-bx .resume-number span {
  display: inline-block;
  margin-left: 2px;
  color: var(--gray600);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.42;
}

.process-wrap .talent-cont-wrap .history-item .resume-title .left-bx .resume-txt {
  display: flex;
  align-items: center;
}

.process-wrap .talent-cont-wrap .history-item .resume-title .left-bx .resume-txt h4 {
  margin-right: 6px;
  color: var(--gray900);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.33;
}

.process-wrap .talent-cont-wrap .history-item .resume-title .left-bx .resume-txt span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
  color: #334369;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.42;
  letter-spacing: -0.5px;
  border-radius: 4px;
  background: #F0F5FB;
  mix-blend-mode: multiply;
}

.process-wrap .talent-cont-wrap .history-item .resume-path {
  display: flex;
  align-items: center;
  margin: 6px 0;
  padding: 2px 0;
}

.process-wrap .talent-cont-wrap .history-item .resume-path span {
  position: relative;
  display: inline-block;
  color: var(--gray600);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.42;
}

.process-wrap .talent-cont-wrap .history-item .resume-path span::after {
  content: '・';
  color: var(--gray600);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.53;
}

.process-wrap .talent-cont-wrap .history-item .resume-path span:last-child::after {
  display: none;
}

.process-wrap .talent-cont-wrap .history-item .resume-result {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #C0C5D7;
}

.process-wrap .talent-cont-wrap .history-item .resume-result .title-bx {
  display: flex;
  align-items: center;
  padding: 5px 0;
}

.process-wrap .talent-cont-wrap .history-item .resume-result .title-bx h6 {
  position: relative;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.42px;
}

.process-wrap .talent-cont-wrap .history-item .resume-result .title-bx h6::after,
.process-wrap .talent-cont-wrap .history-item .resume-result .reason-item::after {
  content: '・';
  display: inline-block;
  color: var(--gray600);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.53;
}

.process-wrap .talent-cont-wrap .history-item .resume-result .title-bx h6:last-child::after,
.process-wrap .talent-cont-wrap .history-item .resume-result .reason-item:last-child::after {
  display: none;
}

.process-wrap .talent-cont-wrap .history-item .resume-result .reason-bx {
  display: flex;
  align-items: center;
  padding: 5px 0;
}

.process-wrap .talent-cont-wrap .history-item .resume-result .reason-item {
  display: flex;
  align-items: center;
}

.process-wrap .talent-cont-wrap .history-item .resume-result .reason-item span {
  display: inline-block;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.42px;
}

.process-wrap .talent-cont-wrap .history-item .resume-result .reason-item i {
  width: 16px;
  height: 16px;
  background: var(--red400);
}

.process-wrap .talent-cont-wrap .history-item .resume-result .reason-item strong {
  color: var(--red400);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.14px;
}

.datepicker-container .day.empty {
  pointer-events: none;
}

.evaluation-wrap .title-bx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
}

.evaluation-wrap .title-bx h4 {
  padding: 9px 0;
  color: var(--gray900);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.4px;
}

.evaluation-wrap .title-bx .modify-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 5px 8px;
  color: var(--gray800);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.28px;
  text-transform: capitalize;
  border: 1px solid var(--gray300);
  border-radius: 6px;
  background: var(--white);
}

/* 평가 상세 - 전형 만료 안내 영역 시작 */
.evaluation-wrap .evaluation-end {
  padding: 0 20px;
}

.evaluation-wrap .evaluation-end .process-item .evaluation-cont {
  padding: 10px;
  border-radius: 8px;
  background: var(--gray100);
}

.evaluation-wrap .evaluation-end .evaluation-item .caption-txt {
  display: block;      /* 가로 너비를 꽉 채우기 위해 추가 */
  text-align: center;  /* 텍스트 가운데 정렬 */
  color: var(--gray600);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.53;
}
/* 평가 상세 - 전형 만료 안내 영역 끝 */

.evaluation-write {
  padding: 0 20px 16px 20px;
}

.evaluation-write .evaluation-container {
  margin-bottom: 20px;
}

.evaluation-write .write-item {
  display: flex;
  align-items: center;
  padding: 7px 0;
}

.evaluation-write .write-item:last-child {
  margin-top: 20px;
}

.evaluation-write .write-item .write-title {
  display: flex;
  gap: 2px;
  width: 80px;
  margin-right: 16px;
}

.evaluation-write .write-item .write-title h5 {
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.28px;
}

.evaluation-write .write-item .write-title h5 span {
  color: var(--red400);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.26px;
}

.evaluation-write .write-item .write-cont {
  width: calc(100% - 96px);
}

.evaluation-write .write-item .write-cont .select {
  box-shadow: 0 1px 2px 0 rgba(20, 25, 35, 0.05);
}

.evaluation-write .write-item .write-cont .select.pass-select {
  max-width: 120px;
  padding: 5px 12px;
}

.create-flex {
  display:flex;
  align-items:center;
  gap:10px;
}

.create-flex .time-wrapper .select {
  min-width:95px;
}

.create-flex .time-wrapper .select .option-list ,
.evaluation-write .write-item .write-cont .select .option-list {
  padding: 0;
}

.evaluation-write .write-item .write-cont .select .option-list .option-item {
  padding: 8px 12px 8px 33px;
  color: var(--gray900);
  line-height: 1.4;
}

/* .evaluation-write .write-item .write-cont .select .option-list .option-item::before {
  display: none;
} */

.evaluation-write .write-item .write-cont .textarea-bx {
  display: flex;
  width: 100%;
}

.evaluation-write .write-item .write-cont .textarea-bx textarea {
  width: 100%;
  height: 80px;
  padding: 8px 12px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid var(--gray300);
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(20, 25, 35, 0.05);
  background: var(--white);
}

.evaluation-write .write-item .write-cont .textarea-bx textarea::placeholder {
  color: var(--gray400);
}

.evaluation-write .write-item .write-cont .add-content .add-item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.evaluation-write .write-item .write-cont .add-content .add-item .calendar-wrapper .input-field.datepicker {
  max-width: 152px;
  color: var(--gray900);
  box-shadow: 0 1px 2px 0 rgba(20, 25, 35, 0.05);
}

.evaluation-write .write-item .write-cont .add-content .add-item .time-wrapper .select {
  min-width: 115px;
}

.evaluation-write .write-item .write-cont .add-content .add-item .button-bx .remove-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
}

.evaluation-write .write-item .write-cont .add-content .add-item .button-bx .remove-btn i {
  width: 18px;
  height: 18px;
  background: var(--gray400);
}

.evaluation-write .write-item .write-cont .add-content .add-item .button-bx .remove-btn:hover {
  background: var(--gray100);
}

.evaluation-write .write-item .write-cont .add-content .add-item .button-bx .remove-btn:hover i {
  background: var(--red400);
}

.evaluation-write .write-item .write-cont .schedule-add-btn {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 5px 8px;
}

.evaluation-write .write-item .write-cont .schedule-add-btn i {
  width: 18px;
  height: 18px;
  background: var(--gray900);
}

.evaluation-write .write-item .write-cont .schedule-add-btn p {
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.28px;
}

.evaluation-write .btn-bx {
  display: flex;
  /* padding:0 20px; */
}

.evaluation-write .btn-bx .submit-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  color: var(--white);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.28px;
  border-radius: 8px;
  background: var(--primary);
}

.evaluation-view {
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 17px 0;
  border-top: 1px solid var(--gray250);
}

.evaluation-view .view-item {
  display: flex;
  align-items: center;
  padding: 7px 10px;
}

.evaluation-view .view-title {
  display: flex;
  align-items: center;
  gap: 2px;
  width: 80px;
  margin-right: 16px;
}

.evaluation-view .view-title h5 {
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.28px;
}

.evaluation-view .view-title h5 span {
  color: var(--red400);
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.26px;
}

.evaluation-view .view-cont {
  width: calc(100% - 96px);
}

.evaluation-view .view-cont h6 {
  width: 100%;
  padding: 6px 12px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
}

.evaluation-view .view-cont h6.pass {
  color: #0FA30C;
}

.evaluation-view .view-cont h6.fail {
  color: var(--red500);
}

.evaluation-view .view-cont h6.hold {
  color: #E18700;
}

.evaluation-view .view-cont .comment-text {
  width: 100%;
  padding: 7px 12px;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
}

.evaluation-view .view-cont .time-item {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 8px;
  padding: 5px 12px;
  border-left: 1px solid #0FA30C;
  background: var(--white);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.10), 0 2px 8px -2px rgba(20, 25, 35, 0.15);
}

.evaluation-view .view-cont .time-item:last-child {
  margin-bottom: 0;
}

.evaluation-view .view-cont .time-item .date-txt {
  display: flex;
  align-items: center;
  gap: 4px;
}

.evaluation-view .view-cont .time-item .date-txt i {
  width: 16px;
  height: 16px;
  background: #161616;
}

.evaluation-view .view-cont .time-item .date-txt span {
  color: var(--black);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.42;
}

.evaluation-view .view-cont .time-item .date-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  gap: 4px;
}

.evaluation-view .view-cont .time-item .date-wrap .date-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 3px 6px;
  border-radius: 16px;
  background: var(--gray200);
}

.evaluation-view .view-cont .time-item .date-wrap .date-item i {
  width: 14px;
  height: 14px;
  background: var(--black);
}

.evaluation-view .view-cont .time-item .date-wrap .date-item span {
  color: var(--black);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.42;
}

.resume-container .resume-write {
  position: relative;
}

.resume-container .resume-write > .print-watermark {
  display: block;
  position: absolute;
  top: 76px;
  right: 36px;
  bottom: 20px;
  left: 36px;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  z-index: 20;
}

.resume-container .resume-write > .print-watermark .print-watermark__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 220px;
  max-width: 34%;
  height: auto;
  transform: translate(-50%, -50%);
  opacity: var(--screen-watermark-logo-opacity, 0.085);
}

.resume-container .resume-write > .print-watermark .screen-watermark-pattern {
  position: absolute;
  inset: -12%;
  background-repeat: repeat;
  background-position: center;
  opacity: 1;
}

.resume-container .resume-write > .print-watermark .screen-watermark-forensic-strip {
  position: absolute;
  right: -10%;
  left: -10%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--screen-watermark-strip-gap, 48px);
  color: rgba(0, 0, 0, var(--screen-watermark-strip-opacity, 0.011));
  font-size: var(--screen-watermark-strip-font-size, 0.56rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: var(--screen-watermark-strip-letter-spacing, 0.07em);
  white-space: nowrap;
  transform: rotate(var(--screen-watermark-strip-rotation, -4deg));
}

.resume-container .resume-write > .print-watermark .screen-watermark-forensic-strip--top {
  top: 18px;
}

.resume-container .resume-write > .print-watermark .screen-watermark-forensic-strip--bottom {
  bottom: 18px;
}

.resume-container .resume-write > .print-watermark .screen-watermark-forensic-strip span {
  flex: 0 0 auto;
}

.resume-container .resume-write > .print-watermark.is-screen-watermark-disabled .print-watermark__logo,
.resume-container .resume-write > .print-watermark.is-screen-watermark-disabled .screen-watermark-pattern,
.resume-container .resume-write > .print-watermark.is-screen-watermark-disabled .screen-watermark-forensic-strip {
  display: none;
}

.resume-container .resume-write > .print-watermark .print-watermark__account-list {
  display: none;
  position: absolute;
  top: -24%;
  left: -24%;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: repeat(15, 1fr);
  align-items: center;
  justify-items: center;
  width: 148%;
  height: 148%;
  transform: rotate(-23deg);
  transform-origin: center;
}

.resume-container .resume-write > .print-watermark .print-watermark__account {
  color: rgba(0, 0, 0, 0.018);
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  white-space: nowrap;
}


@media print {
  @page {
    margin: 12mm;
  }

  body {
    overflow: visible;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  header {
    display: none;
  }

  main {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 100%;
    min-width: auto;
    padding-top: 0;
    overflow: visible;
  }

  .resume-container .resume-write {
    display: block;
    width: 100%;
    padding: 0;
  }

  .resume-container .resume-write .btns-container {
    display: none;
  }

  .resume-container .resume-write .write-container {
    height: auto;
    padding: 0;
    overflow-y: visible;
    overflow: visible;
  }

  .resume-container .resume-write > .print-watermark,
  .print-watermark {
    display: block;
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    user-select: none;
    z-index: 2147483647;
  }

  .resume-container .resume-write > .print-watermark .print-watermark__logo,
  .print-watermark__logo {
    display: none;
  }

  .resume-container .resume-write > .print-watermark .screen-watermark-pattern,
  .screen-watermark-pattern,
  .resume-container .resume-write > .print-watermark .screen-watermark-forensic-strip,
  .screen-watermark-forensic-strip {
    display: none;
  }

  .resume-container .resume-write > .print-watermark .print-watermark__account-list,
  .print-watermark__account-list {
    position: fixed;
    top: -30vh;
    left: -38vw;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(12, 1fr);
    align-items: center;
    justify-items: center;
    width: 176vw;
    height: 176vh;
    transform: rotate(-30deg);
    transform-origin: center;
  }



  .resume-container .resume-write > .print-watermark .print-watermark__account,
  .print-watermark__account {
    color: rgba(0, 0, 0, 0.16);
    font-size: 18pt;
    font-weight: 700;
    letter-spacing: 0.01em;
    white-space: nowrap;
  }

  .resume-container .resume-write > .print-watermark .print-watermark__account:nth-child(n+61),
  .print-watermark__account:nth-child(n+61) {
    display: none;
  }

  .resume-container .evaluation-wrap,
  .resume-container .process-wrap {
    display: none;
  }
}

@media print {
  body.application-file-preview-open {
    overflow: visible;
  }

  body.application-file-preview-open .wrap,
  body.application-file-preview-open .dimmed,
  body.application-file-preview-open .toast-container,
  body.application-file-preview-open .page-loading,
  body.application-file-preview-open .layer-pop.modal:not(#modal-application-file-preview),
  body.application-file-preview-open #modal-application-file-preview .modal-header,
  body.application-file-preview-open #modal-application-file-preview .modal-footer,
  body.application-file-preview-open #modal-application-file-preview .application-file-preview-toolbar,
  body.application-file-preview-open #modal-application-file-preview .application-file-preview-viewer-watermark,
  body.application-file-preview-open .print-watermark:not(.application-file-preview-print-watermark) {
    display: none !important;
  }

  body.application-file-preview-open #modal-application-file-preview {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    transform: none !important;
  }

  body.application-file-preview-open #modal-application-file-preview .application-file-preview-content {
    display: block !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.application-file-preview-open #modal-application-file-preview .application-file-preview-name {
    margin: 0 0 8mm !important;
    color: #101828 !important;
    font-size: 12pt !important;
    font-weight: 700 !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  body.application-file-preview-open #modal-application-file-preview .application-file-preview-viewer {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body.application-file-preview-open #modal-application-file-preview .application-file-preview-viewer.is-image .application-file-preview-image-wrap {
    display: block !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  body.application-file-preview-open #modal-application-file-preview .application-file-preview-viewer.is-image .application-file-preview-image {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  body.application-file-preview-open #modal-application-file-preview .application-file-preview-viewer:not(.is-image) .application-file-preview-frame {
    display: block !important;
    width: 100% !important;
    height: 90vh !important;
    border: 0 !important;
  }

  body.application-file-preview-open #modal-application-file-preview .application-file-preview-empty {
    display: none !important;
  }

  body.application-file-preview-open #modal-application-file-preview .application-file-preview-print-watermark {
    display: block !important;
  }

  body.application-file-preview-open #modal-application-file-preview .application-file-preview-print-watermark .print-watermark__account-list {
    display: grid !important;
  }
}

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

          채용 일정 캘린더 CSS : End

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

.resume-write .add-btn:hover {
  background:var(--gray200);
}

.input-in-label .select {
  padding:0;
  min-width:95px;
  border:none;
}

.input-in-label .select .select-btn {
    padding-left:5px;
}

.input-in-label .select .option-list {
  top:calc(100% + 5px);
  left:-10px;
  transform:translateX(0);
}

.input-in-label .select .option-list .option-item {
  line-height:1.4;
}

.filter-btn-wrapper .check-btn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:7px 12px;
  color:var(--white);
  font-size:1.4rem;
  font-weight:600;
  line-height:1.57;
  border-radius:6px;
  background:#38498D;
}


.date-input-wrapper.start-date input {
  padding-right: 24px !important;
  width: 110px;
}


/* 채용공고 수정 이력 */
.sup-modify-wrap .sup-modify-head {
  display:flex;
  align-items:center;
  gap:5px;
  margin-bottom:8px;
}

.sup-modify-wrap .sup-modify-head i {
  width:24px;
  height:24px;
  background:var(--gray500);
}

.sup-modify-wrap .sup-modify-head h4 {
  color:var(--gray900);
  font-size:1.4rem;
  font-weight:500;
  line-height:1.42;
}

.sup-modify-wrap .sup-modify-body {
  margin:0 12px;
  padding:0 12px;
  border-left:1px solid var(--gray300);
}

.sup-modify-wrap .sup-modify-body .modify-item {
  padding:8px 0;
}

.sup-modify-wrap .sup-modify-body .modify-cont {
  margin-bottom:4px;
}

.sup-modify-wrap .sup-modify-body .modify-cont p {
  color:var(--gray900);
  font-size:1.4rem;
  font-weight:400;
  line-height:1.42;
}

.sup-modify-wrap .sup-modify-body .modify-info {
  display:flex;
  align-items:center;
}

.sup-modify-wrap .sup-modify-body .modify-info span {
  position:relative;
  display:inline-block;
  color:var(--gray600);
  font-size:1.4rem;
  font-weight:400;
  line-height:1.42;
}

.sup-modify-wrap .sup-modify-body .modify-info span::after {
  content:'・';
  display:inline-block;
  color:var(--gray600);
  font-size:1.3rem;
  font-weight:400;
  line-height:1.53;
}

.sup-modify-wrap .sup-modify-body .modify-info span:last-child::after {
  display:none;
}
 
.free-bookmark-btn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:24px;
  height:24px;
}

.free-bookmark-btn i {
  width:16px;
  height:16px;
  background:url('/images/icon/bookmark-default.svg') no-repeat center/contain;
}

.free-bookmark-btn.active i {
  background:url('/images/icon/bookmark-active.svg') no-repeat center/contain;
}


/* 대행사 선택시 대행사 input 자동완성 */
.resume-write .base-info .flex-bx .default-info.admin-default .info-item .agency-name .autocomplete-wrapper {
  width:100% !important;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .agency-name .autocomplete-wrapper .input-field-wrapper {
  padding-left:0;
  padding-right:0;
  border:none;
  box-shadow:none;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .agency-name .autocomplete-wrapper .input-field-wrapper .ic {
  display:none;
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .agency-name .autocomplete-wrapper .input-field-wrapper #agency {
  height:100%;
  border:1px solid var(--gray300);
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .agency-name .autocomplete-wrapper .input-field-wrapper #agency:hover {
  border:1px solid var(--gray400);
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .agency-name .autocomplete-wrapper .input-field-wrapper #agency:focus-visible {
  border:1px solid var(--primary);
}

.resume-write .base-info .flex-bx .default-info.admin-default .info-item .agency-name .autocomplete-wrapper .input-field-wrapper.success #agency {
  padding:8px 32px 8px 12px; 
}


.process-wrap .talent-cont-wrap .process-head {
  margin-bottom:8px;
  min-height:44px;
}


.process-wrap .talent-cont-wrap .history-item .resume-result .title-bx.title-inline {
  display:block;
}

.process-wrap .talent-cont-wrap .history-item .resume-result .title-bx.title-inline h6 {
  display:inline;
}

.modal-content.height50 {
  max-height:50vh;
}

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

        260715 통계 CSS : Start

======================================
*/
.input-field-wrapper.w265 {
  width:265px;
}

.input-field-wrapper.w152 {
  width:152px;
}

.input-field-wrapper.w152 input {
  width:calc(100% - 28px)
}

.select .option-list.left0 {
  left:0;
  transform:translateX(0);
}

.page-header .btn-group a#btn-download {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:3px;
  padding:7px 12px;
}

.page-header .btn-group a#btn-download i {
  width:20px;
  height:20px;
  background:var(--gray800);
}

.page-header .btn-group a#btn-download p {
  color:var(--gray800);
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.28px;
}

.page-header .select.align-right {
  min-width:auto;
  margin:0 0 0 auto;
  padding:0;
  cursor:pointer;
  border:none;
  border-radius:0;
  box-sizing:none;
}

.page-header .select .btn-group {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 7px 12px;
}

.page-header .select .btn-group i {
  height:20px;
  width:20px;
  background:var(--gray800);
}

.page-header .select .btn-group .select-btn {
  width:auto;
  padding-right:19px;
  color:var(--gray800);
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.28px;
}
.page-header .select .option-list .option-item {
  padding:4px 12px;
}

.page-header .select .option-list .option-item::before {
  display:none !important;
}

.page-header .select .option-list .option-item.active::before {
  display:none !important;
}

.goals-wrapper {
  width:100%;
  margin-top:30px;
  padding:20px;
  border-radius:10px;
  background:var(--gray100);
}

.goals-wrapper .flex-cont {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:20px;
}

.goals-wrapper .flex-cont .left-bx {
  position:relative;
  display:flex;
  align-items:center;
  gap:4px;
}

.goals-wrapper .flex-cont .left-bx h2 {
  color:var(--gray800);
  font-size:18px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:-0.36px;
}

.goals-wrapper .flex-cont .left-bx button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:24px;
  height:24px;
}

.goals-wrapper .flex-cont .left-bx button i {
  width:16px;
  height:16px;
  background:#B0B4C4;
}

.goals-wrapper .flex-cont .left-bx button:hover i {
  background:var(--gray600);
}

.creation-guide {
  width:100%;
  margin-top:16px;
}

.standard-table .standard-inner ,
.creation-guide .creation-inner {
  position:relative;
  display:inline-block;
}

.standard-table .guide-btn ,
.creation-guide .guide-btn,
.modal.detail-view-pop .guide-info {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:3px;
  padding:3px 6px;
  border-radius:6px;
}

.standard-table .guide-btn p ,
.creation-guide .guide-btn p,
.modal.detail-view-pop .guide-info p{
  color:var(--gray500);
  font-size:13px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.26px;
}

.standard-table .guide-btn:hover ,
.creation-guide .guide-btn:hover {
  background:var(--gray250);
}

.standard-table .guide-btn:hover i ,
.creation-guide .guide-btn:hover i {
  background:var(--gray900);
}

.standard-table .guide-btn:hover p ,
.creation-guide .guide-btn:hover p {
  color:var(--gray900);
}

.desc-pop {
  position:absolute;
  top:-9px;
  right:0;
  transform:translateX(calc(100% - 37px));
  z-index:3;
  display:none;
  width:400px;
  height:auto;
  padding:12px 16px 16px 16px;
  border:1px solid var(--gray200);
  border-radius:16px;
  background:var(--white);
  box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.02), 0 12px 32px 0 rgba(0, 0, 0, 0.04);
}

.desc-pop.standard-pop ,
.desc-pop.creation-pop {
  right:auto;
  left:-11px;
  transform:translateX(0);
}

.desc-pop .desc-title {
  display:flex;
  align-items:center;
}

.standard-table .guide-btn i ,
.creation-guide .guide-btn i ,
.desc-pop .desc-title i {
  width:16px;
  height:16px;
  background:#B0B4C4;
}

.desc-pop .desc-title h5 {
  margin-left:4px;
  color:var(--gray900);
  font-size:14px;
  font-weight:500;
  line-height:normal;
  letter-spacing:-0.42px;
}

.desc-pop .desc-cont {
  margin:12px 0 8px 0;
}

.desc-pop .desc-cont:last-child {
  margin-bottom:0;
}

.desc-pop .desc-cont p {
  color:var(--gray800);
  font-size:14px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:-0.42px;
}

.desc-pop .assistant-list {}

.desc-pop .assistant-list li {
  position:relative;
  color:var(--gray600);
  font-size:12px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:-0.36px;
}

.desc-pop .guide-list {
  margin:16px 0;
}

.desc-pop .guide-list:last-child {
  margin-bottom:0;
}

.desc-pop .guide-list li {
  position:relative;
  padding-left:20px;
  color:var(--gray800);
  font-size:14px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:-0.42px;
}

.desc-pop .guide-list li::before {
  content:'';
  position:absolute;
  top:50%;
  left:10px;
  transform:translateY(-50%);
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--gray800);
}

.desc-pop .example-title {
  margin-bottom:6px;
  color:var(--gray900);
  font-size:14px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:-0.42px;
}

.desc-pop .example-item {
  margin-bottom:16px;
  padding:10px 0;
  border-radius:6px;
  background:#E6E7EE;
}

.desc-pop .example-item:last-child {
  margin-bottom:0;
}

.desc-pop .example-item p {
  color:var(--gray800);
  font-size:14px;
  font-weight:400;
  line-height:1.5;
  text-align:center;
  letter-spacing:-0.42px;
}

.desc-pop .example-item p:first-child {
  margin-bottom:10px;
}

.desc-pop .example-item p:last-child {
  margin-top:10px;
}

.desc-pop .example-flex {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:10px;
}

.desc-pop .example-flex .example-list {
  display:flex;
}

.desc-pop .example-flex .example-list.logo-ex-340x72 {
  width:340px;
}

.desc-pop .example-flex .example-list.logo-ex-196x72 {
  width:196px;
}

.desc-pop .example-flex .example-list.logo-ex-102x72 {
  width:102px;
}

.desc-pop .example-flex .example-list.logo-ex-170x36 {
  width:170px;
}

.desc-pop .example-flex .example-list.logo-ex-92x36 {
  width:92px;
}

.desc-pop .example-flex .example-list.logo-ex-51x36 {
  width:51px;
}

.desc-pop .example-flex .example-list  {
  box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.10), 0 2px 8px -2px rgba(20, 25, 35, 0.15);
}

.goals-wrapper .flex-cont .right-bx {
  display:flex;
  align-items:center;
  gap:16px;
}

.goals-wrapper .flex-cont .right-bx .date-bx {
  display:flex;
  align-items:center;
  gap:3px;
  padding:3px 6px;
  border-radius:6px;
  border:none;
  background:var(--gray200);
  cursor:pointer;
}

.goals-wrapper .flex-cont .right-bx .date-bx:hover {
  background:var(--gray300);
}

.goals-wrapper .flex-cont .right-bx .date-bx .ic.ic-filter-type01 {
  width:16px;
  height:16px;
  background:#3D4465;
}

.goals-wrapper .flex-cont .right-bx .date-bx .simple-daterangepicker {
  gap:5px;
  border-radius:6px;
  border:none;
}

.goals-wrapper .flex-cont .right-bx .date-bx .daterangepicker-popup {
  left:50%;
  transform:translateX(-50%);
}

.goals-wrapper .flex-cont .right-bx .date-bx .input-in-label {
  color:#3D4465;
  font-size:13px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.26px;
}

.goals-wrapper .flex-cont .right-bx .date-bx .date-input-wrapper.start-date::after ,
.goals-wrapper .flex-cont .right-bx .date-bx .date-input-wrapper.end-date::after {
  display:none;
}


.goals-wrapper .flex-cont .right-bx .date-bx .date-input-wrapper.start-date ,
.goals-wrapper .flex-cont .right-bx .date-bx .date-input-wrapper.end-date {
  width:65px;
  padding-right:0 !important;
}

.goals-wrapper .flex-cont .right-bx .date-bx .date-input-wrapper.start-date input ,
.goals-wrapper .flex-cont .right-bx .date-bx .date-input-wrapper.end-date input {
  width:75px;
  padding-right:0 !important;
  color:#3D4465;
  font-size:13px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.26px;
  cursor:pointer;
}

.goals-wrapper .flex-cont .right-bx .date-bx .date-input-wrapper.start-date input::placeholder  ,
.goals-wrapper .flex-cont .right-bx .date-bx .date-input-wrapper.end-date input::placeholder {
    color:#3D4465;
}

.goals-wrapper .flex-cont .right-bx .date-bx .date-separator {}

/* .goals-wrapper .flex-cont .right-bx .date-bx span {
  display:inline-block;
  color:#3D4465;
  font-size:13px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.26px;
} */

.goals-wrapper .flex-cont .right-bx > button.btn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:3px 6px;
  color:var(--gray800);
  font-size:13px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.26px;
}

.goals-wrapper .list-cont {
  display:flex;
  gap:10px;
}

.goals-wrapper .list-cont .list-item {
  width:calc(16.666% - 8.333px);
  padding:12px 16px;
  border-radius:10px;
  background:var(--white);
}

.goals-wrapper .list-cont .list-name {
  margin-bottom:6px;
  color:var(--gray900);
  font-size:15px;
  font-weight:500;
  line-height:1.33;
  text-transform:uppercase;
}

.goals-wrapper .list-cont .list-number {}

.goals-wrapper .list-cont .list-number strong {
  display:inline-block;
  color:var(--gray900);
  font-size:18px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:-1px;
  text-transform:lowercase;
}

.goals-wrapper .list-cont .list-number span {
  display:inline-block;
  color:var(--gray900);
  font-size:15px;
  font-weight:500;
  line-height:1.5;
  text-transform:lowercase;
}

.status-wrapper .status-title h3 {
  color:var(--gray900);
  font-size:20px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:-0.4px;
}

.status-wrapper .status-text {
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.status-wrapper .status-text .text-elm {
  display:flex;
  align-items:center;
  gap:4px;
}

.status-wrapper .status-text .text-elm h4 {
  color:var(--gray800);
  font-size:18px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:-0.36px;
}

.status-wrapper .status-text .btn-add {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:3px 6px;
  color:var(--gray800);
  font-size:13px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.26px;
}

.status-wrapper .status-tabs {
  position:relative;
  display:flex;
  gap:10px;
}

.status-wrapper .status-tabs::after {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:1px;
  background:var(--gray200);
}

.status-wrapper .status-tabs button {
  position:relative;
  display:inline-flex;
  flex-direction:column;
  width:calc(16.666% - 8.333px);
  min-height:140px;
  padding:24px;
  text-align:left;
  background:var(--white);
}

.status-wrapper .status-tabs button::after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:1px solid var(--gray200);
  border-radius:10px 10px 0 0;
  border-bottom:none;
}

.status-wrapper .status-tabs button:hover {
  background:var(--gray50);
}

.status-wrapper .status-tabs button.on {
  position:relative;
  z-index:3;
  background:var(--gray50);
}

.status-wrapper .status-tabs button.on::after {
  border:2px solid #2685F6;
  border-bottom:none;
}

.status-wrapper .status-tabs .status-name {
  color:var(--gray900);
  font-size:15px;
  font-weight:500;
  line-height:1.33;
  text-transform:uppercase;
}

.status-wrapper .status-tabs .status-number {
  display:flex;
  gap:2px;
  margin:8px 0;
}

.status-wrapper .status-tabs .status-number strong {
  display:inline-block;
  color:var(--gray900);
  font-size:28px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:-1px;
}

.status-wrapper .status-tabs .status-number span {
  display:inline-block;
  color:var(--gray700);
  font-size:17px;
  font-weight:500;
  line-height:2;
}

.status-wrapper .status-tabs .status-percent {
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.status-wrapper .status-tabs .status-percent span {
  display:inline-block;
  color:var(--gray700);
  font-size:14px;
  font-weight:400;
  line-height:1.3;
  letter-spacing:-0.5px;
}

.status-wrapper .status-tabs .status-percent strong {
  display:inline-block;
  /* 38B935 */
  color:var(--green500);
  font-size:15px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:-0.5px;
}

.chart-wrapper {
  display:flex;
  flex-wrap:wrap;
  gap:72px 24px ;
  padding:36px 36px 72px 36px;
  background:var(--gray50);
}

.chart-wrapper .chart-item {
  width:calc(50% - 12px);
}

.chart-wrapper .chart-title {
  margin-bottom:12px;
}

.chart-wrapper .chart-title h4 {
  color:var(--gray800);
  font-size:18px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:-0.36px;
}

.chart-wrapper .chart-canvas {
  height:calc(100% - 35px);
  min-height:332px;
  padding:20px;
  border:1px solid var(--gray200);
  border-radius:10px;
  background:var(--white);
}

.chart-wrapper .chart-canvas #area-ctx {
  width:100% !important;
  height:246px !important;
}

.chart-wrapper .chart-canvas .select-area {
  display:flex;
  align-items:center;
  gap:4px;
  min-height:20px;
  margin-bottom:14px;
  padding:5px 0;
}

.chart-wrapper .chart-canvas .select-area > span {
  display:inline-block;
  color:var(--gray700);
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.28px;
}

.chart-wrapper .chart-canvas .select-area .detail-area {
  /* display:flex; */
  display:none;
  align-items:center;
}

.chart-wrapper .chart-canvas .select-area .detail-area i {
  width:18px;
  height:18px;
  background:var(--gray700);
}

.chart-wrapper .chart-canvas .select-area .detail-area .region-name {
  margin:0 3px 0 4px;
  color:var(--gray900);
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.28px;
}

.chart-wrapper .chart-canvas .select-area .detail-area .chart-resetBtn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
}

.chart-wrapper .chart-canvas .select-area .detail-area .chart-resetBtn i {
  width:14px;
  height:14px;
  background:#B0B4C4;
}

main.y-auto {
  max-height:100vh;
  overflow-y:auto;
}

main.y-auto .goals-container ,
main.y-auto .overflow-container {
  min-width:1520px;
  overflow-x:auto;
}



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

.cost-container.container {
  margin-top:13px;
  padding-top:36px;
  padding-bottom:36px;
  background:var(--gray50)
}

.cost-container .cost-wrapper {
  display:flex;
  margin-bottom:60px;
}

.cost-container .cost-wrapper .cost-item {

}

.cost-container .cost-wrapper .cost-item:first-child {
  width:249px;
  margin-right:24px;
}

.cost-container .cost-wrapper .cost-item:last-child {
  width:calc(100% - 273px);
}

.cost-container .cost-title {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:2px;
}

.cost-container .cost-title h2 {
  color:var(--gray800);
  font-size:18px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:-0.36px;
}

.cost-container .cost-title button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:24px;
  height:24px;
}

.cost-container .cost-title button i {
  width:16px;
  height:16px;
  background:#B0B4C4;
}

.cost-container .cost-title button:hover i {
  background:var(--gray600);
}

.cost-container .cost-elm span {
  display:inline-block;
  margin-bottom:6px;
  color:var(--gray600);
  font-size:14px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:-0.28px;
}

.cost-container .cost-elm h3 {
  color:var(--gray900);
  font-size:26px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:-0.52px;
}

.cost-container .daily-bx {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:calc(100% - 36px);
  min-height:217px;
  padding:20px;
  border-radius:10px;
  border:1px solid var(--gray200);
  background:var(--white);
}

.cost-container .cost-his {
  height:calc(100% - 62px);
  margin-top:16px;
  padding:16px 0 0 0;
  border-top:1px solid var(--gray200)
}

.cost-container .cost-his li {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:8px;
}

.cost-container .cost-his li:last-child {
  margin-bottom:0;
}

.cost-container .cost-his li p {
  color:var(--gray700);
  font-size:13px;
  font-weight:400;
  line-height:1.3;
  letter-spacing:-0.5px;
}

.cost-container .cost-his li p:first-child {
  position:relative;
  width:139px;
  padding-left:20px;
  padding-right:10px;
}

.cost-container .cost-his li p:first-child::before {
  content:'';
  position:absolute;
  top:50%;
  left:10px;
  transform:translateY(-50%);
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--gray700);
}

.cost-container .cost-his li p:last-child {
  width:calc(100% - 139px);
  text-align:right;
}

.cost-container .site-bx {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:calc(100% - 36px);
  padding:20px;
  border-radius:10px;
  border:1px solid var(--gray200);
  background:var(--white);
}

.cost-container .site-list {
  display:flex;
  gap:10px;
  height:calc(100% - 62px);
  margin-top:20px;
}

.cost-container .site-item {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  width:calc(25% - 7.5px);
  padding:16px;
  border-radius:8px;
}

.cost-container .site-item:nth-child(1) {
  background:rgba(51, 62, 177, 0.09);
}
.cost-container .site-item:nth-child(2) {
  background:rgba(245, 232, 74, 0.17);
}
.cost-container .site-item:nth-child(3) {
  background:rgba(244, 140, 85, 0.20);
}
.cost-container .site-item:nth-child(4) {
  background:rgba(150, 203, 239, 0.19);
}

.cost-container .site-name {
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:12px;
}

.cost-container .site-name .site-icon {
  display:flex;
  justify-content:center;
  align-items:center;
  width:24px;
  height:24px;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.10), 0 2px 8px -2px rgba(20, 25, 35, 0.15);
}

.cost-container .site-name img {
  width:100%;
  height:auto;
  aspect-ratio:24 / 24;
  object-fit:contain;
}

.cost-container .site-name p {
  color:var(--gray800);
  font-size:15px;
  font-weight:500;
  line-height:1.33;
}

.cost-container .site-cost h4 {
  color:var(--gray900);
  font-size:20px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:-0.4px;
}

.cost-container .table-title {
  display:flex;
  align-items:center;
  gap:8px;
}

.cost-container .table-title h2 {
  color:var(--gray800);
  font-size:18px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:-0.36px;
}

.cost-container .table-title button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:2px;
  padding:5px 6px 5px 8px;
}

.cost-container .table-title button p {
  color:var(--gray900);
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.28px;
}

.cost-container .table-title button i {
  width:16px;
  height:16px;
  background:var(--gray900);
}

.cost-container .table-item {
  margin-bottom:48px;
}

.cost-container .table-item:last-child {
  margin-bottom:0;
}

.cost-container .table-item .table-cont {
  padding:20px;
  border:1px solid var(--gray200);
  border-radius:10px;
  background:var(--white);
}

.cost-container .table-item .table-cont .table-bx {
  /* border-radius:10px; */
  /* overflow:hidden; */
}

.cost-container .table-item .table-cont table {
  width:100%;
}
.cost-container .table-item .table-cont table tr {}

.cost-container .table-item .table-cont table tr th {
  width:10%;
  padding:6px;
  color:var(--gray700);
  font-size:13px;
  font-weight:500;
  line-height:1.53;
  letter-spacing:-0.5px;
  background:var(--gray200);
}

.cost-container .table-item .table-cont table tr th:first-child {
  border-radius:4px 0 0 4px;
}

.cost-container .table-item .table-cont table tr th:last-child {
  border-radius:0 4px 4px 0;
}

.cost-container .table-item .table-cont table tr td {
  padding:18px 4px;
  color:var(--gray800);
  font-size:14px;
  font-weight:500;
  text-align:center;
  line-height:1.42;
  border-top:1px solid var(--gray250);
}

.cost-container .table-item .table-cont table tr:first-child td {
  border-top:none;
}

.cost-container .table-item .table-cont.flex-cont {
  display:flex;
}

.cost-container .table-item .table-cont.flex-cont .canvas-bx {
  display:flex;
  justify-content:center;
  align-items:center;
  width:180px;
  margin-right:24px;
  padding:0 7px;
}

.cost-container .table-item .table-cont.flex-cont .canvas-bx canvas {
  width:166px !important;
  height:166px !important;
}

.cost-container .table-item .table-cont.flex-cont .table-bx {
  width:calc(100% - 204px);
}

.cost-container .table-item .table-cont.flex-cont .table-bx table {
  width:100%;
}

.cost-container .table-item .table-cont.flex-cont .table-bx table .flex-td {
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0 4px;
}

.cost-container .table-item .table-cont.flex-cont .table-bx table .flex-td .left-td {
  display:flex;
  align-items:center;
}

.cost-container .table-item .table-cont.flex-cont .table-bx table .flex-td .left-td span {
  display:inline-block;
  width:14px;
  height:14px;
  margin-right:6px;
  border-radius:50%;
  background:#335EB1;
}

.cost-container .table-item .table-cont.flex-cont .table-bx table .flex-td.jobkorea .left-td span {
  background:#335EB1;
}

.cost-container .table-item .table-cont.flex-cont .table-bx table .flex-td.heaven .left-td span {
  background:#F5E84A;
}

.cost-container .table-item .table-cont.flex-cont .table-bx table .flex-td.albamon .left-td span {
  background:#F48C55;
}

.cost-container .table-item .table-cont.flex-cont .table-bx table .flex-td.saramin .left-td span {
  background:#96AEEF;
}

.cost-container .table-item .table-cont.flex-cont .table-bx table .flex-td .left-td p {
  min-width:60px;
  color:var(--gray900);
  font-size:15px;
  font-weight:500;
  text-align:left;
  line-height:1.33;
}

.cost-container .table-item .table-cont.flex-cont .table-bx table .flex-td .right-td {
  min-width:52px;
  margin-left:6px;
}

.cost-container .table-item .table-cont.flex-cont .table-bx table .flex-td .right-td strong {
  display:inline-block;
  text-align:right;
  color:#335EB1;
  font-size:15px;
  font-weight:600;
  line-height:1.33;
  letter-spacing:-0.5px;
}

.cost-container .table-item .table-cont.flex-cont .table-bx table .flex-td.jobkorea .right-td strong {
  color:#335EB1;
}

.cost-container .table-item .table-cont.flex-cont .table-bx table .flex-td.saramin .right-td strong {
  color:#668FFF;
}

.cost-container .table-item .table-cont.flex-cont .table-bx table .flex-td.heaven .right-td strong {
  color:#CA8E00;
}

.cost-container .table-item .table-cont.flex-cont .table-bx table .flex-td.albamon .right-td strong {
  color:#E54F00;
}

.cost-container .table-item .table-cont.flex-cont .table-bx table tr.sum_tr td {
  color:var(--gray900);
  font-size:15px;
  font-weight:600;
  line-height:1.33;
}

.cost-container .table-item .table-cont.flex-cont .table-bx table tr.sum_tr td:first-child {
  color:var(--gray600);
  font-size:14px;
  font-weight:500;
  line-height:1.42;
  letter-spacing:-0.5px;
}


.chart-wrapper .chart-canvas.flex-canvas {
  display:flex;
  justify-content:center;
  align-items:center;
  height:auto;
}

.chart-wrapper .chart-canvas.flex-canvas .flex-inner {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
}

.chart-wrapper .flex-canvas .jobsite-list {
  width:calc(100% - 49.46%);
  padding-right:30px;
}

.chart-wrapper .flex-canvas .jobsite-item {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:36px;
}

.chart-wrapper .flex-canvas .jobsite-item:last-child {
  margin-bottom:0;
}

.chart-wrapper .flex-canvas .jobsite-item .left-bx {
  display:flex;
  align-items:center;
  margin-right:20px;
}

.chart-wrapper .flex-canvas .jobsite-item .left-bx .dot {
  display:inline-block;
  width:12px;
  height:12px;
  margin-right:20px;
  border-radius:50%;
  background:#335EB1;
}

.chart-wrapper .flex-canvas .jobsite-item.jobkorea .left-bx .dot {
  background:#335EB1;
}

.chart-wrapper .flex-canvas .jobsite-item.heaven .left-bx .dot {
  background:#F5E84A;
}

.chart-wrapper .flex-canvas .jobsite-item.albamon .left-bx .dot {
  background:#F48C55;
}

.chart-wrapper .flex-canvas .jobsite-item.saramin .left-bx .dot {
  background:#96AEEF;
}

.chart-wrapper .flex-canvas .jobsite-item .left-bx .jobsite-name {
  display:flex;
  align-items:center;
  /* width:186px; */
  width:calc(100% - 32px);
}

.chart-wrapper .flex-canvas .jobsite-item .left-bx .jobsite-name .img-box {
  width:24px;
  height:24px;
  margin-right:6px;
  border-radius:8px;
  box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.10), 0 2px 8px -2px rgba(20, 25, 35, 0.15);
  overflow:hidden;
}

.chart-wrapper .flex-canvas .jobsite-item .left-bx .jobsite-name .img-box img {
  width:100%;
  aspect-ratio:24 / 24;
  object-fit:contain;
}

.chart-wrapper .flex-canvas .jobsite-item .left-bx .jobsite-name p {
  width:calc(100% - 30px);
  color:var(--gray900);
  font-size:15px;
  font-weight:500;
  line-height:1.33;
}

.chart-wrapper .flex-canvas .jobsite-item .right-bx {
  display:flex;
  align-items:center;
}

.chart-wrapper .flex-canvas .jobsite-item .right-bx span {
  display:inline-block;
  color:var(--gray800);
  font-size:15px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:-0.5px;
}

.chart-wrapper .flex-canvas .jobsite-item .right-bx span:first-child {
  margin-right:20px;
}

.chart-wrapper .flex-canvas .jobsite-item .right-bx span:last-child {
  text-align:right;
  min-width:50px;
}

.chart-wrapper .chart-canvas .canvas-bx {
  display:flex;
  justify-content:center;
  align-items:center;
  width:49.46%;
  padding-right:8px;
  /* margin-right:8px; */
  /* padding:0 26px; */
}

.chart-wrapper .chart-canvas #jobsite-Chart {
  width:196px !important;
  height:196px !important;
}

.chart-wrapper .chart-canvas #product-ctx {
  width:100% !important;
  height:auto !important;
}


.modal#detail-view-pop {
  width:100%;
  max-width:1200px;
}

.modal#detail-view-pop .modal-header {
  border-bottom:1px solid var(--gray250);
}

.modal#detail-view-pop .modal-header .hd-flex {
  display:flex;
  align-items:center;
  gap:10px;
}

.modal#detail-view-pop .modal-header .hd-flex #btn-download {
  gap:3px;
  padding:5px 8px;
}

.modal#detail-view-pop .modal-header .hd-flex #btn-download i {
  width:18px;
  height:18px;
}

.modal#detail-view-pop .modal-header .hd-flex #btn-download p {
  color:var(--gray900);
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.28px;
}

.modal#detail-view-pop .modal-content {
  height:calc(100% - 55px);
  max-height:750px;
  /* height:100px; */
  padding:16px;
  overflow-y:auto;
}

.layer-pop .detail-table {}
.layer-pop .detail-table .table-bx {
  border:1px solid var(--gray200);
  border-radius:4px;
}
.layer-pop .detail-table table {
  width:100%;
}

.layer-pop .detail-table table thead tr {}
.layer-pop .detail-table table tbody tr {
  border-top:1px solid var(--gray250);
}

.layer-pop .detail-table table tr th {
  padding:6px;
  color:var(--gray700);
  font-size:13px;
  font-weight:500;
  line-height:1.53;
  letter-spacing:-0.5px;
  background:var(--gray200);
  vertical-align:middle;
  text-align: center;
}

.layer-pop .detail-table table tr td {
  padding:12px 2px;
  background:var(--white);
  vertical-align:middle;
}

.layer-pop .detail-table table tr td p {
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:32px;
  color:var(--gray900);
  font-size:14px;
  font-weight:500;
  text-align:center;
  line-height:1.42;
}

.info-wrapper.pd-active {
  padding-bottom:225px;
}

.process-item .reason-wrap {
  display:flex;
  flex-wrap:wrap;
  gap:12px 40px;
  margin-top:4px;
  margin-bottom:16px;
  padding:12px;
  border:1px solid var(--gray200);
  border-radius:8px;
  background:var(--gray50);
}

.process-item .reason-list {
  display:flex;
  align-items:center;
  width:calc(33.333% - 26.666px);
}

.process-item .reason-list .reason-icon {
  display:flex;
  justify-content:center;
  align-items:center;
  width:24px;
  height:24px;
  margin-right:2px;
}

.process-item .reason-list .reason-icon i {
  width:100%;
  height:100%;
  background:var(--gray400);
}

.process-item .reason-list.active .reason-icon i {
  background:var(--gray700);
}

.process-item .reason-list .reason-text {
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:calc(100% - 26px);
}

.process-item .reason-list .reason-text p ,
.process-item .reason-list .reason-text span {
  color:var(--gray600);
  font-size:14px;
  font-weight:500;
  line-height:1.42;
}

.process-item .reason-list .reason-text p {
  font-weight:400;
  letter-spacing:-1px;
}

.process-item .reason-list.active .reason-text p ,
.process-item .reason-list.active .reason-text span {
  color:var(--gray900);
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .history-txt h5.state-text {
  padding:0 4px;
  line-height:1.53;
  border-radius:6px;
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .history-txt h5.state-text.expected {
  color:var(--gray800);
  background:var(--gray200);
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .history-txt h5.state-text.ing {
  color:#0095A3;
  background:linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%), rgba(236, 250, 251, 0.70);
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .history-txt h5.state-text.edu-ing {
  color:#5A32A5;
  background:rgba(231, 227, 240, 0.60);
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .history-txt h5.state-text.complete {
  color:#0FA30C;
  background:linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%), rgba(228, 249, 223, 0.70);
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .history-txt h5.state-text.cancel {
  color:#B71C1C;
  background:linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%), rgba(255, 235, 238, 0.70);
}

.process-wrap .applicant-cont-wrap .history-list .title-bx .history-txt h5.state-text.stop {
  color:#9D4C00;
  background:linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%), rgba(252, 214, 108, 0.30);
}

.terms-info .additional-item > span:not(.error-text) {
  display: inline-block;
  width: 200px;
  min-width: 200px;
  margin-right: 16px;
  color: var(--gray700);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.28px;
}

.terms-info .additional-item .radio-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}

.terms-info .additional-item .radio-item input[type="radio"] {
  display: none !important;
}

.terms-info .additional-item .radio-item label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.terms-info .additional-item .radio-item label span {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  border: 1px solid #CFD0D2;
  border-radius: 50%;
  background-color: var(--white);
}

.terms-info .additional-item .radio-item label span::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--primary400);
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}

.terms-info .additional-item .radio-item input[type="radio"]:checked + label span {
  border-color: var(--primary400);
}

.terms-info .additional-item .radio-item input[type="radio"]:checked + label span::after {
  opacity: 1;
}

.terms-info .additional-item .radio-item label p {
  width: auto;
  color: var(--gray900);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
}

.resume-write.view-mode .terms-info .radio-wrap,
.terms-info.view-mode .radio-wrap {
  pointer-events: none;
}

.terms-info.view-mode .radio-wrap label p {
  user-select: text;
}


.input-radio:checked+label>.icon {
  border:1px solid var(--primary);
}

.round-white-box .table-title-type01 {
  width:100%;
  max-width:512px;
}

.screening-wrapper .table-title-type02 {
  width:100%;
  max-width:512px;
  border-top:1px solid var(--gray300);
}

.screening-wrapper .input-checkbox:checked+label>.icon::before {
  width:12px;
  height:12px;
}

.screening-wrapper .input-checkbox+label>.icon {
  display:inline-flex;
  align-items:center;
  width:16px;
  height:16px;
  border:1px solid #CFD0D2;
  border-radius:4px;
}

.screening-wrapper .input-checkbox:checked+label>.icon {
  background-color:var(--primary600);
  border-color:var(--primary600);
}

.screening-wrapper .add-btns {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  width:100%;
  max-width:512px;
  padding:15px 0;
}

.screening-wrapper .add-btns .condition-btn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:2px;
  padding:5px 8px 5px 6px;
  border-radius:6px;
  background:#F0F5FB;
}

.screening-wrapper .add-btns .condition-btn i {
  width:17px;
  height:17px;
  background:#434A69;
}

.screening-wrapper .add-btns .condition-btn span {
  display:inline-block;
  color:#434A69;
  font-size:14px;;
  font-weight:500;
  line-height:1.42;
  letter-spacing:-0.28px;
}

.screening-wrapper .keyword-wrap {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}

.screening-wrapper .keyword-wrap .keyword-item {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:5px 8px;
  border-radius:20px;
  border:1px solid var(--gray200);
  background:var(--gray50);
}

.screening-wrapper .keyword-wrap .keyword-item span {
  position:relative;
  display:inline-block;
  margin-right:4px;
  padding-right:5px;
  line-height:1.14;
  letter-spacing:-0.42px;
}

.screening-wrapper .keyword-wrap .keyword-item span::after {
  content:'';
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  width:1px;
  height:15px;
  background:var(--gray200);
}

.screening-wrapper .keyword-wrap .keyword-item .remove-btn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
}

.screening-wrapper .keyword-wrap .keyword-item i {
  width:12px;
  height:12px;
  background:var(--gray800);
}

.screening-wrapper .dnt-box {}
.screening-wrapper .dnt-box p {
  color:var(--black);
  font-size:14px;
  font-weight:400;
  line-height:1.4;
  letter-spacing:-0.28px;
}

.screening-wrapper .select.w154 {
  width:154px;
}

.screening-tag ,
.screening-btn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:1px;
  padding:0 3px;
  border-radius:4px;
  background:#F0F5FB;
}

.screening-tag i , 
.screening-btn i {
  width:15px;
  height:15px;
  background:#434A69;
}

.screening-tag p ,
.screening-btn p {
  display:inline-block;
  overflow: hidden;
  color:#434A69;
  font-size:13px;
  font-weight:500;
  line-height:1.53;
  letter-spacing:-0.52px;
}

.screening-btn:hover {
  background:#D7DAE8;
}

.fit-tag {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:0 3px;
  color:#434A69;
  font-size:13px;
  font-weight:500;
  line-height:1.53;
  letter-spacing:-0.52px;
  border-radius:4px;
  background:#F0F5FB;
}

.modal-header.bt-block {
  border-bottom:1px solid var(--gray250);
}

.modal-content .modal-screening-bx {
  padding-top:10px;
  padding-bottom:10px;
}

.modal-content .modal-screening-bx > h3 {
  display:inline-flex;
  align-items:center;
  height:36px;
  color:var(--gray900);
  font-size:14px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:-0.28px;
}

.modal-content .condition-list {
  display:flex;
  flex-wrap:wrap;
  gap:0 20px;
}

.modal-content .condition-list .condition-item {
  display:flex;
  align-items:center;
  width:calc(50% - 10px);
  padding:20px 0;
  border-bottom:1px solid var(--gray200);
}

.modal-content .condition-list .condition-item.w100p:last-child {
  border-bottom:none;
}

.modal-content .condition-list .condition-item span {
  display:inline-block;
  width:120px;
  margin-right:16px ;
  color:var(--gray700);
  font-size:14px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:-0.28px;
}

.modal-content .condition-list .condition-item  p {
  width:calc(100% - 136px);
  color:var(--gray900);
  font-size:14px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:-0.28px;
}

.modal-filter .form-group .toggle-group {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  padding:6px 0;
}

.modal-filter .form-group .toggle-group p {
  width:calc(100% - 48px);
  color:var(--gray900);
  font-size:14px;
  font-weight:400;
  line-height:1.5;
}

.modal-filter .form-group .toggle-group .screening-check {
  display:flex;
}


/* 페이지 상단 탭 관련 CSS : Start */
.page-header .move-tabs {
  display:flex;
  align-items:center;
  gap:6px;
  margin-left:20px;
}

.page-header .move-tabs .move-btn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:5px 10px;
  color:var(--gray600);
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.28px;
  border-radius:8px;
}

.page-header .move-tabs .move-btn.on {
  color:var(--gray900);
  background:var(--gray100);
}

.page-header .move-tabs .move-btn.on:hover ,
.page-header .move-tabs .move-btn:hover {
  color:var(--gray900);
  background:var(--gray100);
}

.page-header .header-elm {
  width:calc(100% - 90px);
}

.page-header .header-elm > .flex-box {
  width:100%;
  align-items:flex-start;
}
.page-header .header-elm > .flex-box a {
  justify-content:center;
  align-items:center;
  width:24px;
  height:24px;
  margin-top:7px;
  margin-right:4px;
  border-radius:6px;
  background:var(--white);
}

.page-header .header-elm > .flex-box a:hover {
  background:var(--gray100); 
}

.page-header .header-elm > .flex-box a i {
  width:16px;
  height:16px;
}

.page-header .header-elm > .flex-box h1 {
  width:calc(100% - 28px);
}

.page-header .header-elm > .flex-box h1:first-child {
  width:100%;
}

.info-wrapper > .flex-box {
    scroll-margin-top:150px;
}

.info-wrapper.gap-60 {
  gap:60px;
}

.info-wrapper.bd-none .table tbody tr,
.info-wrapper.bd-none .table.table-info tbody tr,
.info-wrapper.bd-none .table.table-input tbody tr ,
.info-wrapper.bd-none .table-info tr:not(:first-of-type) {
  border-top:none;
  border-bottom:none;
}

.calendar-area .fc#calendar-management  .fc-daygrid-day-top {
  flex-direction:row;
  justify-content:flex-start;
  align-items:flex-start;
}

.calendar-area .fc#calendar-management .fc-daygrid-day-top .fc-daygrid-day-number {
  width:40px;
}

.calendar-area .fc#calendar-management .fc-daygrid-day-top .holiday {
  display:inline-flex;
  text-align:left;
  align-items:center;
  width:calc(100% - 40px);
  color:#D0102C;
  font-size:16px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.32px;
}

.calendar-area .fc#calendar-management .fc-day-sat .fc-daygrid-day-number,
.calendar-area .fc#calendar-management .fc-day-sun .fc-daygrid-day-number {
  color:#D0102C;
}

.calendar-area .fc#calendar-management .fc-day-sat.fc-day-other .fc-daygrid-day-number ,
.calendar-area .fc#calendar-management .fc-day-sun.fc-day-other .fc-daygrid-day-number {
  color:#BDBDBD;
}

.calendar-area .fc#calendar-management .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
  color:var(--gray900);
}

.calendar-area .fc#calendar-management .fc-daygrid-day.fc-day-today.is-holiday .fc-daygrid-day-number ,
.calendar-area .fc#calendar-management table tbody tr td.is-holiday .fc-daygrid-day-number {
  color:#D0102C;
}

.calendar-area .fc#calendar .fc-day-other.is-holiday,
.calendar-area .fc#calendar-management .fc-day-other.is-holiday {
  background:var(--gray50);
}

.calendar-area .fc#calendar-management .fc-day-other.is-holiday .fc-daygrid-day-number,
.calendar-area .fc#calendar-management .fc-day-sat.fc-day-other.is-holiday .fc-daygrid-day-number,
.calendar-area .fc#calendar-management .fc-day-sun.fc-day-other.is-holiday .fc-daygrid-day-number,
.calendar-area .fc#calendar-management .fc-day-other .holiday ,
.calendar-area .fc#calendar-management .fc-day-sat.fc-day-other.is-holiday .holiday
.calendar-area .fc#calendar-management .fc-day-sun.fc-day-other.is-holiday .holiday {
  color:#BDBDBD;
}

.calendar-menu {
  position:fixed;
  display:none;
  z-index:9999;
  border:1px solid var(--gray200);
  border-radius:8px;
  background:var(--white);
  box-shadow:0 4px 6px -2px rgba(0, 0, 0, 0.06), 0 10px 15px -3px rgba(0, 0, 0, 0.07);
}

.calendar-menu button {
  display:block;
  min-width:150px;
  padding:8px 12px;
  color:var(--gray900);
  font-size:14px;
  font-weight:400;
  text-align:left;
  line-height:1.4;
  letter-spacing:-0.28px;
  border-bottom:1px solid var(--gray200);
}

.calendar-menu button:last-child {
  border-bottom:none;
}

.calendar-menu button:disabled {
  color:var(--gray400);
}

.fc-daygrid-day-number {
  display:flex;
  align-items:center;
  gap:4px;
}

.calendar-area .fc#calendar-management .fc-scrollgrid-section table tbody tr td.selected {
  outline-offset:-3px;
  outline:2px solid #2685F6;
}

.calendar-area .fc#calendar .fc-scrollgrid-section table tbody tr td.is-holiday,
.calendar-area .fc#calendar-management .fc-scrollgrid-section table tbody tr td.is-holiday {
  border-color:var(--gray250);
  background:var(--gray50);
}

.calendar-title.cursor-auto {
  font-weight:600;
  cursor:auto;
}

.btn.bd.gray.bd-left-none {
  border-left:none;
}

.btn.bd-left-none {
  border-left:none;
}

.bd-left-none {
  border-left:none;
}

.btn.bd.gray.bd-right-none { 
  border-left:none;
}

.btn.bd-right-none {
  border-left:none;
}

.bd-right-none {
  border-left:none;
}

.table-info td .select.w115 {
  width:115px;
  min-width:100px;
}

.calendar-wrapper.w235 {
  width:235px;
}

.calendar-wrapper.w143 {
  width:143px;
}

.edu-ing-check {
  display:flex;
  align-items:center;
  width:76px;
}

.edu-ing-check label {
  width:100%;
}

.edu-ing-check .input-checkbox+label>.icon {
  width:16px;
  height:16px;
  border-radius:4px;
}

.edu-ing-check .input-checkbox:checked+label>.icon::before {
  width:12px;
  height:12px;
}

.edu-ing-check label p {
  width:calc(100% - 24px);
  color:var(--gray900);
  font-size:14px;
  font-weight:400;
  line-height:1.42;
}

.edu-start-date { 
  width:calc(360px - 92px);
}

.edu-start-date.disabled {
  border:none;
  background:none;
}

.edu-start-date.disabled input ,
.edu-start-date.disabled button ,
.edu-start-date.disabled .select {
  background:var(--gray200);
  pointer-events:none;
}

.edu-start-date.disabled .calendar-wrapper::after {
  opacity:0;
}

.edu-start-date.disabled .calendar-wrapper input::placeholder {
  font-size:0;
}

.edu-start-date.disabled .calendar-wrapper input::placeholder,
.edu-start-date.disabled .calendar-wrapper input {
  color:var(--gray200);
}

.edu-start-date.disabled .select * {
  opacity:0;
}

.calendar-guide {
  position:absolute;
  top:26px;
  left:148px;
}

.calendar-guide .guide-inner .guide-btn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:24px;
  height:24px;
}

.calendar-guide .guide-inner .guide-btn i {
  width:16px;
  height:16px;
  background:#B0B4C4;
}

.calendar-guide .desc-pop {
  z-index:33333;
}


.desc-pop .calendar-list li {
  position:relative;
  padding-left:16px;
  color:var(--gray600);
  font-size:12px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:-0.36px;
}

.desc-pop .calendar-list li::before {
  content:'';
  position:absolute;
  top:50%;
  left:6px;
  transform:translateY(-50%);
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--gray600);
}

.calendar-guide .guide-inner .guide-btn:hover i {
  background:var(--gray600);
}


.standard-table {
  margin:8px 0;
}

.standard-table:last-child {
  margin-bottom:0;
}

.standard-table .desc-pop.standard-pop {
  width:652px;
}

.standard-table .desc-pop .standard-imgs {
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding-top:8px;
}

.standard-table .desc-pop .standard-imgs .img-item {
  width:calc(33.333% - 6.666px);
}

.input-field-wrapper input.input-field,
.input-field-wrapper .input-field.autocomplete-input {
  background:transparent;
}


.modal.detail-view-pop {
  width:100%;
  max-width:1200px;
}

.modal.detail-view-pop .modal-header {
  border-bottom:1px solid var(--gray250);
}

.modal.detail-view-pop .modal-header .hd-flex {
  display:flex;
  align-items:center;
  gap:10px;
}

.modal.detail-view-pop .modal-header .hd-flex #btn-download {
  gap:3px;
  padding:5px 8px;
}

.modal.detail-view-pop .modal-header .hd-flex #btn-download i {
  width:18px;
  height:18px;
}

.modal.detail-view-pop .modal-header .hd-flex #btn-download p {
  color:var(--gray900);
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:-0.28px;
}

.modal.detail-view-pop .modal-content {
  height:calc(100% - 55px);
  max-height:750px;
  /* height:100px; */
  padding:16px;
  overflow-y:auto;
}

.layer-pop .detail-table {}
.layer-pop .detail-table .table-bx {
  border:1px solid var(--gray200);
  border-radius:4px;
}
.layer-pop .detail-table table {
  width:100%;
}

.layer-pop .detail-table table thead tr {}
.layer-pop .detail-table table tbody tr {
  border-top:1px solid var(--gray250);
}

.layer-pop .detail-table table tr th {
  padding:6px;
  color:var(--gray700);
  font-size:13px;
  font-weight:500;
  line-height:1.53;
  letter-spacing:-0.5px;
  background:var(--gray200);
  vertical-align:middle;
}

.layer-pop .detail-table table tr td {
  padding:12px 2px;
  background:var(--white);
  vertical-align:middle;
}

.layer-pop .detail-table table tr td p {
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:32px;
  color:var(--gray900);
  font-size:14px;
  font-weight:500;
  text-align:center;
  line-height:1.42;
}

.info-wrapper.pd-active {
  padding-bottom:225px;
}
/*
======================================

        260715 통계 CSS : End

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

/* 평가 양식 파일 업로드 모달 파일 선택 div CSS */
#modal-application-eval-upload .file-upload-bx, #modal-recruitPaid-upload .file-upload-bx {
    display: flex;
    align-items: center;
    gap: 10px; /* 파일 선택 버튼과 파일명 영역 사이 간격 */
}

#modal-application-eval-upload .file-upload-bx label, #modal-recruitPaid-upload .file-upload-bx label {
    margin-bottom: 0;
    flex-shrink: 0;
}

#modal-application-eval-upload .file-upload-bx .file-name, #modal-recruitPaid-upload .file-upload-bx .file-name {
    display: flex;
    align-items: center;
    gap: 6px;
}

#modal-application-eval-upload .file-upload-bx .file-name #fileNameText, #modal-recruitPaid-upload .file-upload-bx .file-name #fileNameText {
  font-size: 14px;
  color: var(--gray900);
  line-height: 1.4;
}

/* 업로드 제출 결과 요약 정보 영역 CSS */
.modal.detail-view-pop .result-summary-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  margin-bottom: 12px;
  padding: 12px 16px;
  background-color: var(--gray100, #f8f9fa);
  border: 1px solid var(--gray200);
  border-radius: 4px;

  width: fit-content;
  max-width: 33.333%;
  justify-content: space-between;
}

.modal.detail-view-pop .result-summary-wrap .summary-item {
  font-size: 14px;
  font-weight: 500;
  color: var(--gray700);
}

.modal.detail-view-pop .result-summary-wrap .summary-item strong {
  font-weight: 700;
  color: var(--gray900);
}

.modal.detail-view-pop .result-summary-wrap .summary-item.success strong {
  color: #2b8a3e;
}

.modal.detail-view-pop .result-summary-wrap .summary-item.fail strong {
  color: #e03131;
}

.modal.detail-view-pop .result-summary-wrap .divider {
  font-size: 12px;
  color: var(--gray300, #dee2e6);
}