@charset "UTF-8";
/* 폰트 패밀리 - Inter */
[data-v-3f0d4f77] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}
.officer-appointment-wrapper[data-v-3f0d4f77] {
  margin-bottom: 24px;
}

/* Expand/Collapse 액션 링크 */
.expand-collapse-actions[data-v-3f0d4f77] {
  display: flex;
  align-items: center;
}
.expand-collapse-actions .action-link[data-v-3f0d4f77] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  color: #777E85;
  cursor: pointer;
  transition: color 0.2s;
}
.expand-collapse-actions .action-link[data-v-3f0d4f77]:hover {
  color: #3C4650;
}
.expand-collapse-actions .action-link.active[data-v-3f0d4f77] {
  color: #3C4650;
  font-weight: 500;
}

/* 아코디언 스타일 */
.officer-accordion[data-v-3f0d4f77] .v-expansion-panel {
  border: 1px solid #e0e0e0;
  border-radius: 4px !important;
  margin-bottom: 0;
}
.officer-accordion[data-v-3f0d4f77] .v-expansion-panel::before {
  box-shadow: none !important;
}
.officer-accordion[data-v-3f0d4f77] .v-expansion-panel--active .v-expansion-panel-title {
  background-color: #1B84FF;
  color: white;
  border-radius: 4px 4px 0 0;
}
.officer-accordion[data-v-3f0d4f77] .v-expansion-panel--active .v-expansion-panel-title .panel-title-text {
  color: white;
}
.officer-accordion[data-v-3f0d4f77] .v-expansion-panel--active .v-expansion-panel-title .v-expansion-panel-title__icon {
  color: white;
}
.officer-accordion[data-v-3f0d4f77] .v-expansion-panel-title {
  min-height: 48px;
  padding: 12px 16px;
  background-color: #fff;
}
.officer-accordion[data-v-3f0d4f77] .v-expansion-panel-title .panel-title-text {
  font-size: 16px;
  font-weight: 600;
  color: #3C4650;
}
.officer-accordion[data-v-3f0d4f77] .v-expansion-panel--active > .v-expansion-panel-title:hover {
  background-color: #1B84FF;
}
.officer-accordion[data-v-3f0d4f77] .v-expansion-panel-text__wrapper {
  padding: 24px;
}

/* Add position holder 버튼 */
.add-position-holder-btn[data-v-3f0d4f77] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  border: 2px dashed #1B84FF;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  transition: all 0.2s;
}
.add-position-holder-btn span[data-v-3f0d4f77] {
  font-size: 14px;
  font-weight: 500;
  color: #1B84FF;
}
.add-position-holder-btn[data-v-3f0d4f77]:hover {
  background-color: rgba(27, 132, 255, 0.05);
  border-color: #0066CC;
}
.add-position-holder-btn:hover span[data-v-3f0d4f77] {
  color: #0066CC;
}

/* 레이블 - 14px */
[data-v-3f0d4f77] .v-label,[data-v-3f0d4f77] .v-field-label {
  font-size: 14px !important;
  color: #3C4650;
}

/* 입력 필드 - 14px */
[data-v-3f0d4f77] .v-field__input {
  font-size: 14px !important;
  color: #3C4650;
}

/* placeholder - 14px #777E85 */
[data-v-3f0d4f77] .v-field__input::placeholder,[data-v-3f0d4f77] input::placeholder {
  font-size: 14px !important;
  color: #777E85 !important;
}

/* 버튼 - 14px */
[data-v-3f0d4f77] .v-btn {
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none;
}

/* Primary 버튼 */
[data-v-3f0d4f77] .v-btn--color-primary {
  background-color: #1B84FF !important;
}
.text-error[data-v-3f0d4f77] {
  color: rgb(var(--v-theme-error));
}

/* Section Title 스타일 */
.section-title[data-v-3f0d4f77] {
  font-size: 16px;
  font-weight: 600;
  color: #3C4650;
  margin-bottom: 16px;
}

/* 클릭 가능한 필드 스타일 */
.clickable-field[data-v-3f0d4f77] {
  cursor: pointer;
}
.clickable-field[data-v-3f0d4f77] .v-field {
  cursor: pointer;
}
.clickable-field[data-v-3f0d4f77]:hover .v-field {
  background-color: rgba(27, 132, 255, 0.05);
}

/* Contact 섹션 카드 스타일 */
.contact-section-card[data-v-3f0d4f77] {
  background-color: white !important;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  /* v-card 내부 overlay 제거 */
}
.contact-section-card[data-v-3f0d4f77]:hover {
  background-color: white !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}
.contact-section-card[data-v-3f0d4f77] .v-card__overlay {
  display: none !important;
  opacity: 0 !important;
  background-color: transparent !important;
}
.contact-section-title[data-v-3f0d4f77] {
  font-size: 18px;
  font-weight: 700;
  color: #3C4650;
  padding: 16px 24px;
}
.contact-section-card[data-v-3f0d4f77] .v-card-text {
  padding: 0 24px 24px !important;
}

/* Readonly 필드 스타일 - disabled 상태 유지, 배경색 흰색, hover 효과 제거 */
.readonly-field[data-v-3f0d4f77] {
  pointer-events: none;
}
.readonly-field[data-v-3f0d4f77] .v-field {
  background-color: white !important;
  opacity: 1 !important;
}
.readonly-field[data-v-3f0d4f77] .v-field:hover {
  background-color: white !important;
}
.readonly-field[data-v-3f0d4f77] .v-field__input {
  color: rgba(0, 0, 0, 0.87) !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87) !important;
  background-color: white !important;
}
.readonly-field[data-v-3f0d4f77] .v-field--variant-outlined {
  background-color: white !important;
}
.readonly-field[data-v-3f0d4f77] .v-field--variant-outlined:hover {
  background-color: white !important;
}
.readonly-field[data-v-3f0d4f77] .v-field__overlay {
  background-color: transparent !important;
  opacity: 0 !important;
}
.readonly-field[data-v-3f0d4f77] input {
  cursor: default !important;
  background-color: white !important;
}

/* Contact 섹션 카드 내부 필드 hover 제거 */
.contact-section-card[data-v-3f0d4f77] .v-field__overlay {
  background-color: transparent !important;
  opacity: 0 !important;
}
.contact-section-card[data-v-3f0d4f77] .v-field:hover .v-field__overlay {
  background-color: transparent !important;
  opacity: 0 !important;
}

/* Radio group readonly 스타일 */
.contact-section-card[data-v-3f0d4f77] .v-radio-group {
  pointer-events: auto !important;
}
.contact-section-card[data-v-3f0d4f77] .v-selection-control--disabled {
  opacity: 1 !important;
}
.contact-section-card[data-v-3f0d4f77] .v-label--clickable {
  cursor: default !important;
  opacity: 1 !important;
}

/* ReadOnly 상태에서 Contact 카드 클릭 비활성화 */
.contact-section-card-readonly[data-v-3f0d4f77] {
  cursor: default !important;
  pointer-events: none;
}

/* ReadOnly 상태에서도 라디오 그룹은 클릭 가능하도록 */
.contact-section-card-readonly[data-v-3f0d4f77] .v-radio-group {
  pointer-events: auto !important;
}
.contact-section-card-readonly[data-v-3f0d4f77]:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}

/* Officer Name Input과 Contact 버튼 높이 동일하게 맞추기 */
.officer-name-input[data-v-3f0d4f77] .v-field {
  min-height: 40px;
}
.contact-btn[data-v-3f0d4f77] {
  height: 40px !important;
  min-height: 40px !important;
}
/* 폰트 패밀리 - Inter */
[data-v-bc755148] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}

/* 카드 타이틀 - 18px Bold */
[data-v-bc755148] .v-card-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #3C4650;
}

/* 레이블 - 14px */
[data-v-bc755148] .v-label,[data-v-bc755148] .v-field-label {
  font-size: 14px !important;
  color: #3C4650;
}

/* 입력 필드 - 14px */
[data-v-bc755148] .v-field__input {
  font-size: 14px !important;
  color: #3C4650;
}

/* placeholder - 14px #777E85 */
[data-v-bc755148] .v-field__input::placeholder,[data-v-bc755148] input::placeholder {
  font-size: 14px !important;
  color: #777E85 !important;
}

/* 버튼 - 14px */
[data-v-bc755148] .v-btn {
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none;
}

/* Primary 버튼 */
[data-v-bc755148] .v-btn--color-primary {
  background-color: #1B84FF !important;
}
.text-error[data-v-bc755148] {
  color: rgb(var(--v-theme-error));
}

/* 자동 바인딩된 필드 클릭 가능 스타일 */
.clickable-field[data-v-bc755148] {
  cursor: pointer !important;
}
.clickable-field[data-v-bc755148]:hover {
  background-color: rgba(27, 132, 255, 0.05) !important;
  border-color: rgba(27, 132, 255, 0.3) !important;
}
.clickable-field[data-v-bc755148]:focus-within {
  border-color: rgba(27, 132, 255, 0.5) !important;
}

/* readonly 필드의 회색 배경 제거 */
[data-v-bc755148] .v-field--variant-filled {
  background-color: transparent !important;
}
[data-v-bc755148] .v-field--variant-filled .v-field__input {
  background-color: transparent !important;
}

/* readonly 필드도 outlined 스타일 유지 */
.clickable-field[data-v-bc755148] .v-field__input {
  background-color: transparent !important;
}

/* 아코디언 헤더 스타일 (Save 버튼과 동일한 색상) */
.controller-accordion-header[data-v-bc755148] {
  background-color: #1B84FF !important;
  color: white !important;
}
.controller-accordion-header[data-v-bc755148] .v-expansion-panel-title__overlay {
  background-color: #1B84FF !important;
}
.controller-accordion-header[data-v-bc755148] .v-expansion-panel-title__icon {
  color: white !important;
}

/* 아코디언 항목 간 간격 추가 */
[data-v-bc755148] .v-expansion-panels .v-expansion-panel {
  margin-bottom: 12px !important;
}
[data-v-bc755148] .v-expansion-panels .v-expansion-panel:last-child {
  margin-bottom: 0 !important;
}

/* 아코디언 내용 스타일 */
[data-v-bc755148] .v-expansion-panel-text__wrapper {
  padding: 0;
}

/* 섹션 제목 스타일 (ControllerCessationForm과 통일) */
.section-title[data-v-bc755148] {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #3C4650 !important;
  margin-bottom: 16px !important;
  margin-top: 0 !important;
}

/* 필드 그리드 (한 줄에 4개) */
.field-grid[data-v-bc755148] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px 24px;
  color: #3C4650;
  font-size: 14px;
  font-weight: 400;
}

/* 필드 아이템 */
.field-item[data-v-bc755148] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* 전체 너비 필드 (주소 등) */
.field-item-full[data-v-bc755148] {
  grid-column: 1/-1;
}

/* Contact 섹션 카드 스타일 (E-Filing 모드용) */
.contact-section-card[data-v-bc755148] {
  background-color: white !important;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  transition: all 0.2s ease;
  /* v-card 내부 overlay 제거 */
}
.contact-section-card[data-v-bc755148]:hover {
  background-color: white !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
  border-color: rgba(27, 132, 255, 0.3) !important;
}
.contact-section-card[data-v-bc755148] .v-card__overlay {
  display: none !important;
  opacity: 0 !important;
  background-color: transparent !important;
}
.contact-section-title[data-v-bc755148] {
  font-size: 18px;
  font-weight: 700;
  color: #3C4650;
  padding: 16px 24px;
}
.contact-section-card[data-v-bc755148] .v-card-text {
  padding: 0 24px 24px !important;
}

/* Readonly 필드 스타일 - disabled 상태 유지, 배경색 흰색, hover 효과 제거 */
.readonly-field[data-v-bc755148] {
  pointer-events: none;
}
.readonly-field[data-v-bc755148] .v-field {
  background-color: white !important;
  opacity: 1 !important;
}
.readonly-field[data-v-bc755148] .v-field:hover {
  background-color: white !important;
}
.readonly-field[data-v-bc755148] .v-field__input {
  color: rgba(0, 0, 0, 0.87) !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87) !important;
  background-color: white !important;
}
.readonly-field[data-v-bc755148] .v-field--variant-outlined {
  background-color: white !important;
}
.readonly-field[data-v-bc755148] .v-field--variant-outlined:hover {
  background-color: white !important;
}
.readonly-field[data-v-bc755148] .v-field__overlay {
  background-color: transparent !important;
  opacity: 0 !important;
}
.readonly-field[data-v-bc755148] input {
  cursor: default !important;
  background-color: white !important;
}

/* Contact 섹션 카드 내부 필드 hover 제거 */
.contact-section-card[data-v-bc755148] .v-field__overlay {
  background-color: transparent !important;
  opacity: 0 !important;
}
.contact-section-card[data-v-bc755148] .v-field:hover .v-field__overlay {
  background-color: transparent !important;
  opacity: 0 !important;
}

/* Radio group readonly 스타일 */
.contact-section-card[data-v-bc755148] .v-radio-group {
  pointer-events: auto !important;
}
.contact-section-card[data-v-bc755148] .v-selection-control--disabled {
  opacity: 1 !important;
}
.contact-section-card[data-v-bc755148] .v-label--clickable {
  cursor: default !important;
  opacity: 1 !important;
}

/* ReadOnly 상태에서 Contact 카드 클릭 비활성화 */
.contact-section-card-readonly[data-v-bc755148] {
  cursor: default !important;
  pointer-events: none;
}

/* ReadOnly 상태에서도 라디오 그룹은 클릭 가능하도록 */
.contact-section-card-readonly[data-v-bc755148] .v-radio-group {
  pointer-events: auto !important;
}
.contact-section-card-readonly[data-v-bc755148]:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}

/* 필드 레이블 (ControllerCessationForm과 통일) */
.field-label[data-v-bc755148] {
  color: #3C4650;
  font-size: 14px;
  font-weight: 500;
}

/* 필드 값 (ControllerCessationForm과 통일) */
.field-value[data-v-bc755148] {
  color: #3C4650;
  font-size: 14px;
  font-weight: 400;
}

/* 주소 여러 줄 표시 */
.address-lines[data-v-bc755148] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.address-line[data-v-bc755148] {
  color: #3C4650;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

/* 아코디언 내용의 일반 텍스트 스타일 */
[data-v-bc755148] .v-expansion-panel-text {
  color: #3C4650;
  font-size: 14px;
  font-weight: 400;
}
/* 폰트 패밀리 - Inter */
[data-v-cb749ee7] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}

/* 카드 타이틀 - 18px Bold */
[data-v-cb749ee7] .v-card-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #3C4650;
}

/* 레이블 - 14px */
[data-v-cb749ee7] .v-label,[data-v-cb749ee7] .v-field-label {
  font-size: 14px !important;
  color: #3C4650;
}

/* 입력 필드 - 14px */
[data-v-cb749ee7] .v-field__input {
  font-size: 14px !important;
  color: #3C4650;
}

/* placeholder - 14px #777E85 */
[data-v-cb749ee7] .v-field__input::placeholder,[data-v-cb749ee7] input::placeholder {
  font-size: 14px !important;
  color: #777E85 !important;
}

/* 버튼 - 14px */
[data-v-cb749ee7] .v-btn {
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none;
}

/* Primary 버튼 */
[data-v-cb749ee7] .v-btn--color-primary {
  background-color: #1B84FF !important;
}
.text-error[data-v-cb749ee7] {
  color: rgb(var(--v-theme-error));
}
.required-asterisk[data-v-cb749ee7] {
  color: rgb(var(--v-theme-error)) !important;
  margin-left: 2px;
}

/* Controller Accordion Header 스타일 (ControllerAppointmentForm과 동일) - 파란색 */
[data-v-cb749ee7] .controller-accordion-header {
  background-color: #1B84FF !important;
}
[data-v-cb749ee7] .controller-accordion-header .v-expansion-panel-title {
  color: white !important;
}
[data-v-cb749ee7] .controller-accordion-header .v-expansion-panel-title__icon {
  color: white !important;
}

/* Controller Accordion Header 스타일 - 그레이 (priorApprovalFiled가 'no'일 때) */
[data-v-cb749ee7] .controller-accordion-header-gray {
  background-color: #9E9E9E !important;
}
[data-v-cb749ee7] .controller-accordion-header-gray .v-expansion-panel-title {
  color: white !important;
}
[data-v-cb749ee7] .controller-accordion-header-gray .v-expansion-panel-title__icon {
  color: white !important;
}
.text-gray-dark[data-v-cb749ee7] {
  color: #424242 !important;
}

/* Contact Section Card 스타일 (OfficerAppointmentForm과 동일) */
.contact-section-card[data-v-cb749ee7] {
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid #e0e0e0;
}
.contact-section-card[data-v-cb749ee7]:hover {
  border-color: #1B84FF;
  box-shadow: 0 2px 8px rgba(27, 132, 255, 0.1);
}
.contact-section-title[data-v-cb749ee7] {
  background-color: #f5f5f5;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #3C4650 !important;
}
.contact-section-card[data-v-cb749ee7] .v-card-text {
  padding: 16px !important;
}
.readonly-field[data-v-cb749ee7] {
  pointer-events: none;
}
.readonly-field[data-v-cb749ee7] .v-field {
  background-color: #f9f9f9;
}
.readonly-field[data-v-cb749ee7] .v-field:hover {
  background-color: #f5f5f5;
}
.readonly-field[data-v-cb749ee7] .v-field__input {
  color: #3C4650;
  cursor: default;
}
.readonly-field[data-v-cb749ee7] .v-field--variant-outlined {
  border-color: #e0e0e0;
}
.readonly-field[data-v-cb749ee7] .v-field--variant-outlined:hover {
  border-color: #e0e0e0;
}
.readonly-field[data-v-cb749ee7] .v-field__overlay {
  background-color: transparent;
}
.readonly-field[data-v-cb749ee7] input {
  cursor: default;
  color: #3C4650;
}
.contact-section-card[data-v-cb749ee7] .v-field__overlay {
  background-color: transparent;
}
.contact-section-card[data-v-cb749ee7] .v-field:hover .v-field__overlay {
  background-color: rgba(27, 132, 255, 0.05);
}
/* 폰트 패밀리 - Inter */
[data-v-00e6a567] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}

/* 카드 타이틀 - 18px Bold */
[data-v-00e6a567] .v-card-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #3C4650;
}

/* 레이블 - 14px */
[data-v-00e6a567] .v-label,[data-v-00e6a567] .v-field-label {
  font-size: 14px !important;
  color: #3C4650;
}

/* 입력 필드 - 14px */
[data-v-00e6a567] .v-field__input {
  font-size: 14px !important;
  color: #3C4650;
}

/* placeholder - 14px #777E85 */
[data-v-00e6a567] .v-field__input::placeholder,[data-v-00e6a567] input::placeholder {
  font-size: 14px !important;
  color: #777E85 !important;
}

/* 버튼 - 14px */
[data-v-00e6a567] .v-btn {
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none;
}

/* Primary 버튼 */
[data-v-00e6a567] .v-btn--color-primary {
  background-color: #1B84FF !important;
}
.text-error[data-v-00e6a567] {
  color: rgb(var(--v-theme-error));
}
.required-asterisk[data-v-00e6a567] {
  color: rgb(var(--v-theme-error)) !important;
  margin-left: 2px;
}

/* Controller Accordion Header 스타일 (SharesAllotmentForm과 동일) - 파란색 */
[data-v-00e6a567] .controller-accordion-header {
  background-color: #1B84FF !important;
}
[data-v-00e6a567] .controller-accordion-header .v-expansion-panel-title {
  color: white !important;
}
[data-v-00e6a567] .controller-accordion-header .v-expansion-panel-title__icon {
  color: white !important;
}

/* Contact Section Card 스타일 (SharesAllotmentForm과 동일) */
.contact-section-card[data-v-00e6a567] {
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid #e0e0e0;
}
.contact-section-card[data-v-00e6a567]:hover {
  border-color: #1B84FF;
  box-shadow: 0 2px 8px rgba(27, 132, 255, 0.1);
}
.contact-section-title[data-v-00e6a567] {
  background-color: #f5f5f5;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #3C4650 !important;
}
.contact-section-card[data-v-00e6a567] .v-card-text {
  padding: 16px !important;
}
.readonly-field[data-v-00e6a567] {
  pointer-events: none;
}
.readonly-field[data-v-00e6a567] .v-field {
  background-color: #f9f9f9;
}
.readonly-field[data-v-00e6a567] .v-field:hover {
  background-color: #f5f5f5;
}
.readonly-field[data-v-00e6a567] .v-field__input {
  color: #3C4650;
  cursor: default;
}
.readonly-field[data-v-00e6a567] .v-field--variant-outlined {
  border-color: #e0e0e0;
}
.readonly-field[data-v-00e6a567] .v-field--variant-outlined:hover {
  border-color: #e0e0e0;
}
.readonly-field[data-v-00e6a567] .v-field__overlay {
  background-color: transparent;
}
.readonly-field[data-v-00e6a567] input {
  cursor: default;
  color: #3C4650;
}
.contact-section-card[data-v-00e6a567] .v-field__overlay {
  background-color: transparent;
}
.contact-section-card[data-v-00e6a567] .v-field:hover .v-field__overlay {
  background-color: rgba(27, 132, 255, 0.05);
}

/* To Number of Shares 에러 메시지 스타일 */
.to-shares-input[data-v-00e6a567] .v-messages__message {
  color: #f44336 !important;
  font-size: 14px !important;
  font-style: italic;
  line-height: 1.5;
}
.to-shares-input[data-v-00e6a567] .v-field--error .v-field__outline {
  border-color: #f44336 !important;
}

/* 에러 메시지 텍스트 강조 (이미지처럼) */
.to-shares-input[data-v-00e6a567] .v-messages__message {
  color: #ff6b35 !important; /* 오렌지색 계열 */
}