/* Card background utilities */.card-bg {

  background-repeat: no-repeat;
  background-position: top;
}
.header-nav a {
  color: inherit;
  text-decoration: none;
}
.card-bg--contain {

  background-size: contain;
}
.card-bg--cover {

  background-size: cover;
}
/* 직급(랭크) 라벨 공통 왼쪽 정렬 */
.rank-badge {

  align-self: flex-start;
  justify-content: flex-start;
  background: none;
  background-color: transparent;
}
.rank-badge .frame7 {

  justify-content: flex-start;
}
.rank-title {

  text-align: left;
  align-self: flex-start;
}
/* 팀장 card-md 직급·이름 영역 공통 */
.leader-info {

  flex: 1;
  display: flex;
  flex-direction: column;
  padding: var(--padding-6_1) var(--padding-0) var(--padding-0);
  gap: 0;
}
.leader-rank {

  justify-content: flex-start;
}
/* 팀장·셀장·디비전장 등 직책 표시 */
.leader-rank .frame7 {

  align-items: center;
  gap: 6px;
}
.rank-divider {

  display: inline-block;
  width: 1px;
  height: 0.6em;
  margin: 0 6px;
  background-color: currentColor;
  opacity: 0.45;
}
.rank-position {
  font-size: var(--fs-15);
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
.leader-rank .rank-divider,
.role-rank .rank-divider {
  display: none;
}
.leader-rank .rank-position,
.role-rank .rank-position {
  display: inline-flex;
  align-items: center;
  min-height: 13px;
  padding: 0 3px;
  margin-bottom: 3px;
  border: 1px solid var(--role-tag-border, rgba(14, 84, 146, 0.2));
  border-radius: 4px;
  background: var(--role-tag-bg, rgba(14, 84, 146, 0.08));
  color: var(--role-tag-color, var(--color-steelblue));
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0;
}
/* card-sm 셀장·팀장 — 직급 옆 구분선 + 직책 */
.member-rank.role-rank {

  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.role-rank .rank-title {

  align-self: center;
}
.role-rank .rank-divider {

  margin: 0 4px;
}
.member-rank.role-rank {

  gap: 5px;
}
.leader-name {

  align-self: stretch;
  text-align: left;
}
/* 팀원 card-sm 직급·이름 영역 공통 (leader-info 패턴) */
.member-info {

  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-6_1) var(--padding-0) var(--padding-0);
  gap: 0;
}
.member-rank {

  justify-content: flex-start;
}
.member-name {

  align-self: stretch;
  text-align: left;
}
.card-bg.cell-leader-position-hidden .rank-position,
.card-bg.cell-leader-position-hidden .rank-divider {
  display: none;
}
/* 임원 card-lg 직급·이름 영역 공통 */
.exec-info {

  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-6_1) var(--padding-0) var(--padding-0);
  gap: 0;
}
.exec-rank {

  justify-content: flex-start;
}
.wrapper.exec-rank,
.wrapper6.exec-rank {

  width: auto;
  height: auto;
  padding: 0;
  border-radius: 0;
}
.exec-name {

  align-self: stretch;
  text-align: left;
}
.card-bg.card-lg .exec-info {

  align-items: flex-start;
  justify-content: center;
  gap: 0;
  padding: var(--padding-0) var(--padding-0) var(--padding-0);
}
/* Card size utilities */
.card-bg.card-lg {

  width: 155px;
  min-width: 155px;
  max-width: 155px;
  height: 78px;
  box-sizing: border-box;
  padding: 2px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.card-bg.card-md {

  width: 154px;
  min-width: 154px;
  max-width: 154px;
  height: 72px;
  box-sizing: border-box;
  padding: 2px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.card-bg.card-md .leader-rank .frame7 {
  gap: 4px;
}
.card-bg.card-md .rank-title {
  font-size: 18px;
  font-weight: 500;
}
.card-bg.card-md .rank-position {
  font-size: 9px;
  min-height: 13px;
  padding: 0 3px;
  margin-bottom: 2px;
}
.card-bg.card-sm {

  width: 124px;
  min-width: 124px;
  max-width: 124px;
  height: 54px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  background-size: 100% 100%;
}
/* card-sm 공통: 사진 */
.card-bg.card-sm .figure-icon13 {

  height: 52px;
  width: 38px;
  position: relative;
  border-radius: var(--br-3_5);
  object-fit: cover;
  flex-shrink: 0;
}
/* card-sm 공통: 텍스트 영역 — 왼쪽 정렬 + 세로 중앙 */
.card-bg.card-sm .member-info {

  flex: 1;
  min-height: 42px;
  min-width: 0;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  padding: 3px 0 0 0;

}
.card-bg.card-sm .member-rank {

  width: auto;
  height: auto;
  padding: 4px 0 0 0;
  border-radius: 0;
  align-self: flex-start;
  justify-content: flex-start;
}
.card-bg.card-sm .rank-title {
  font-size: var(--fs-14);
  font-weight: 500;
}
.card-bg.card-sm .rank-position {
  font-size: 8.5px;
  margin-top: -1px;
  padding: 0 2px;
  font-weight: 600;
}
.card-bg.card-sm .member-name,
.card-bg.card-sm .rank-title {

  text-align: left;
  align-self: flex-start;
  line-height: 1.3;
}
.card-bg.card-sm .member-name {
  font-size: 1.125rem;
  color:#323232;
  height: auto;
}
.card-bg--team-deco {
 background-image: url(./public/Frame1@3x.png); }
.card-bg--hub-label {
 background-image: url(./public/Frame2@3x.png); }
/* Team backgrounds */
.bg-ceo {

  background-image: url(./public/bg_ceo.png);
}
.bg-director {

  background-image: url(./public/bg_director.png);
}
.bg-is {

  background-image: url(./public/bg_is.png);
  --role-tag-color: #6e47a0;
  --role-tag-bg: rgba(110, 71, 160, 0.1);
  --role-tag-border: rgba(110, 71, 160, 0.26);
}
.bg-hr {

  background-image: url(./public/bg_hr.png);
  --role-tag-color: #0e67c8;
  --role-tag-bg: rgba(14, 103, 200, 0.1);
  --role-tag-border: rgba(14, 103, 200, 0.26);
}
.bg-manage {

  background-image: url(./public/bg_manage.png);
  --role-tag-color: #254e7e;
  --role-tag-bg: rgba(37, 78, 126, 0.1);
  --role-tag-border: rgba(37, 78, 126, 0.26);
}
.bg-ds {

  background-image: url(./public/bg_ds.png);
  --role-tag-color: #069a95;
  --role-tag-bg: rgba(6, 154, 149, 0.1);
  --role-tag-border: rgba(6, 154, 149, 0.26);
}
.bg-sw {

  background-image: url(./public/bg_sw.png);
  --role-tag-color: #518b35;
  --role-tag-bg: rgba(81, 139, 53, 0.1);
  --role-tag-border: rgba(81, 139, 53, 0.26);
}
/* Company affiliation logo (top-right 20px) */
.card-corp-logo {

  position: absolute;
  top: -2px;
  right: 1px;
  width: 24px;
  height: 24px;
  object-fit: contain;
  z-index: 2;
  flex-shrink: 0;
  pointer-events: none;
}
.card-bg.card-lg .card-corp-logo {

  width: 27px;
  height: 27px;
  top: -3px;
  right: 1px;
}
.card-bg.card-md .card-corp-logo {

  width: 27px;
  height: 27px;
  top: -3px;
  right: 1px;
}
.card-bg.card-md:not(.div6):not(.div75) .card-corp-logo {

  width: 26px;
  height: 26px;
  top: -2px;
  right: 2px;
  transform: none !important;
}
.card-bg.card-sm .card-corp-logo {

  width: 18px;
  height: 18px;
  top: 0;
  right: 2px;
  transform: none !important;
}
/* 바론·PTC·삼안 소속 로고 1.2배 */
.card-bg.comp-br .card-corp-logo,
.card-bg.comp-ptc .card-corp-logo,
.card-bg.comp-sm .card-corp-logo {

  transform: scale(1.2);
  transform-origin: top right;
}
.card-bg[class*="comp-"]:not(.div6):not(.div75),
.card-bg.hanmac:not(.div6):not(.div75) {

  position: relative;
}
.platform {

  width: 100%;
  min-height: 100vh;
  height: 100vh;
  position: relative;
  background-color: var(--color-whitesmoke-100);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  box-sizing: border-box;
  line-height: normal;
  letter-spacing: normal;
  overflow: hidden;
}
.body,
.header {

  align-self: stretch;
  display: flex;
  max-width: 100%;
}
.body {

  flex: 1;
  min-height: 0;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}
.header {

  height: 48px;
  box-shadow: 0 2px 10px #0003;
  background: linear-gradient(#37a184 0%, #29724f 20%, #07412e 100%);
  border-bottom: 1px solid var(--color-darkslategray-300);
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-content: center;
  padding: 0 22px 0 20px;
  gap: 16px;
  min-height: 48px;
  top: 0;
  z-index: 99;
  position: sticky;
  text-align: left;
  font-size: var(--fs-20);
  color: var(--color-gray-900);
  font-family: var(--font-segoe-ui);
}
.container,
.heading-1,
.text {

  overflow: hidden;
  display: flex;
  align-items: center;
}
.container {

  flex: 0 1 520px;
  padding: 0;
  box-sizing: border-box;
  min-width: 260px;
  max-width: 520px;
}
.heading-1,
.text {

  flex: 1;
  max-width: 100%;
}
.text {

  flex-direction: column;
  align-items: flex-start;
}
.header-title {

  margin: 0;
  position: relative;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
  color: #bad8ca;
  letter-spacing: -0.5px;
  text-shadow: 1px 1px 1px #00302480;
}
.header-nav {

  height: 40px;
  flex: 0 0 auto;
  box-shadow: none;
  filter: drop-shadow(0 2px 4px #0003);
  border-radius: var(--br-0) var(--br-0) var(--br-16) var(--br-16);
  background: linear-gradient(
    90deg,
    #093023 20%,
    #074833 50%,
    #093023 80%
  );
  border-bottom: 1px solid var(--color-darkslategray-100);
  border-top: 0;
  border-left: 0;
  border-right: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 48px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  isolation: isolate;
  gap: 8px;
  min-width: 540px;
  max-width: 920px;
  min-height: 40px;
  z-index: 2;
  font-size: var(--fs-18);
  color: #fffc;
}
.header-nav-items {

  display: flex;
  align-items: center;
  gap: 7px;
}
.text2 {

  pointer-events: none;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  height: var(--height-30);
  width: var(--width-36);
  position: absolute;
  margin: 0 !important;
  top: 0;
  left: -35px;
  box-shadow: 18px 0 0#093023;
  border-radius: var(--br-0) var(--br-20) var(--br-0) var(--br-0);
  z-index: auto;
  flex-shrink: 0;
}
.header-nav-link {

  height: var(--height-26);
  border-radius: var(--br-4);
  display: flex;
  align-items: center;
  padding: 2px 8px;
  box-sizing: border-box;
  z-index: 3;
  flex-shrink: 0;
  color: #fffc;
  background: linear-gradient(#337c5f 0%, #1c4638 100%);
  border: 1px solid #1d6947;
  box-shadow: 0 1px 1px #0000004d;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.text3 {

  height: var(--height-18);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: var(--max-w-132);
}
.div {

  position: relative;
  line-height: var(--lh-18);
  font-weight: 600;
}
.header-nav-link2,
.header-nav-link3,
.header-nav-link4,
.header-nav-link5 {

  height: var(--height-26);
  border-radius: var(--br-4);
  display: flex;
  align-items: center;
  padding: 2px 8px;
  box-sizing: border-box;
  z-index: 4;
  flex-shrink: 0;
  color: #fffc;
  background: linear-gradient(#337c5f 0%, #1c4638 100%);
  border: 1px solid #1d6947;
  box-shadow: 0 1px 1px #0000004d;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.header-nav-link:hover,
.header-nav-link2:hover,
.header-nav-link3:hover,
.header-nav-link4:hover,
.header-nav-link5:hover {

  color: #fff;
  background: #1b543b;
}
.header-nav-link3,
.header-nav-link4,
.header-nav-link5 {

  z-index: 5;
}
.header-nav-link4,
.header-nav-link5 {

  z-index: 6;
}
.header-nav-link5 {

  z-index: 7;
}
.text8 {

  pointer-events: none;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  height: var(--height-30);
  width: var(--width-36);
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: -35px;
  box-shadow: -18px 0 0#093023;
  border-radius: var(--br-20) var(--br-0) var(--br-0) var(--br-0);
  z-index: 1;
  flex-shrink: 0;
}
.header-actions {

  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
  box-sizing: border-box;
  gap: 12px;
  min-width: 276px;
  max-width: none;
}
.text9 {

  cursor: pointer;
  border: 1px solid var(--color-paleturquoise);
  padding: var(--padding-2) var(--padding-8);
  background-color: var(--color-seagreen-200);
  border-radius: var(--br-4);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.text9:hover {

  background-color: var(--color-seagreen-100);
  border: 1px solid var(--color-powderblue);
  box-sizing: border-box;
}
.header-date {

  position: relative;
  font-size: 12px;
  line-height: 22px;
  font-weight: 600;
  font-family: var(--font-segoe-ui);
  color: var(--color-gray-600);
  text-align: left;
}
.header-date-ref {

  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  display: flex;
}
.header-date-ref-item {

  flex-direction: column;
  align-items: flex-end;
  gap: 1px;
  display: flex;
}
.header-date-ref-label {

  color: #cef1eb8c;
  letter-spacing: 0.02em;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.header-date-ref-value {

  color: #cef1ebeb;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}
.header-btn-icon {

  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background: linear-gradient(#0d3f34 0%, #051f19 100%);
  border: 1.5px solid #1a4d42;
  box-sizing: border-box;
  height: var(--height-32);
  width: var(--width-32);
  position: relative;
  box-shadow: 0 0 0 1px #000, 0 2px 2px #0009;
  border-radius: var(--br-16);
  min-width: var(--min-w-32);
  min-height: var(--min-h-32);
}
.header-btn-icon:hover {

  background: linear-gradient(#115244 0%, #072b23 100%);
  border-color: #36816d;
  transform: translateY(-1px);
  box-shadow: 0 0 0 1px #000, 0 0 8px #24cc9e66, 0 4px 8px #000000b3;
}
.header-calendar-wrap,
.header-hamburger-wrap {

  position: relative;
  display: inline-flex;
  align-items: center;
}
.header-control-btn {

  color: #cef1eb;
  cursor: pointer;
  border: 1.5px solid #1a4d42;
  padding: 0;
  background: linear-gradient(#0d3f34 0%, #051f19 100%);
  box-sizing: border-box;
  height: 32px;
  width: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .2s ease-in-out;
  box-shadow: 0 0 0 1px #000, 0 2px 2px #0009;
}
.header-control-btn:hover,
.header-control-btn.active {

  color: #fff;
  background: linear-gradient(#115244 0%, #072b23 100%);
  border-color: #36816d;
  transform: translateY(-1px);
  box-shadow: 0 0 0 1px #000, 0 0 8px #24cc9e66, 0 4px 8px #000000b3;
}
.header-hamburger-menu {

  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  z-index: 300;
  background: #0a1814f5;
  border: 1px solid #36816d66;
  border-radius: 10px;
  min-width: 160px;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  box-shadow: 0 8px 24px #00000080;
}
.header-hamburger-menu a,
.header-hamburger-menu button {

  color: #cef1eb;
  text-decoration: none;
  text-align: left;
  white-space: nowrap;
  background: transparent;
  border: none;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  transition: background .12s;
  display: flex;
  box-sizing: border-box;
  font-family: inherit;
  cursor: pointer;
}
.header-hamburger-menu a:hover,
.header-hamburger-menu button:hover {

  color: #fff;
  background: #36816d33;
}
.header-hamburger-menu a:focus-visible,
.header-hamburger-menu button:focus-visible {

  color: #fff;
  background: #36816d33;
  outline: 2px solid #8fd4bc;
  outline-offset: -3px;
}
.main-date-popover {

  --drf-accent: #168044;
  --drf-accent-dark: #1b6e4c;
  --drf-accent-soft: #eef7f2;
  --drf-brown-soft: #684e421a;
  z-index: 400;
  color: #1e1b18;
  background: #fffffff5;
  border: 1px solid #e5e2db;
  border-radius: 16px;
  width: 384px;
  padding: 18px;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  box-shadow: 0 16px 48px -16px #3e332c47, 0 2px 8px #3e332c0f;
  box-sizing: border-box;
  text-align: left;
}
.main-date-quarter-tabs {

  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin-bottom: 14px;
  display: grid;
}
.main-date-quarter-tab {

  border: 1px solid #e5e2db;
  background: #fff;
  color: #684e42;
  cursor: pointer;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 8px 4px;
  font-family: inherit;
  transition: background .15s, border-color .15s, color .15s;
  display: flex;
}
.main-date-quarter-tab:hover,
.main-date-quarter-tab.active {

  border-color: var(--drf-accent-dark);
  background: var(--drf-accent-soft);
  color: var(--drf-accent-dark);
}
.main-date-quarter-tab.active {

  background: var(--drf-accent-dark);
  color: #fff;
}
.main-date-quarter-tab-label {

  font-size: 16px;
  font-weight: 700;
}
.main-date-quarter-tab-range {

  font-size: 12px;
  opacity: .85;
}
.main-date-nav {

  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}
.main-date-nav-btn {

  border: 1px solid #e5e2db;
  background: #fff;
  width: 32px;
  height: 32px;
  color: #684e42;
  cursor: pointer;
  border-radius: 8px;
  font-family: inherit;
  font-size: 18px;
  line-height: 1;
  transition: background .15s, color .15s, border-color .15s;
}
.main-date-nav-btn:hover {

  background: var(--drf-accent-soft);
  color: var(--drf-accent-dark);
  border-color: var(--drf-accent-dark);
}
.main-date-month-title {

  color: #3e332c;
  font-size: 18px;
  font-weight: 800;
}
.main-date-weekdays,
.main-date-days {

  grid-template-columns: repeat(7, 1fr);
  display: grid;
}
.main-date-weekdays {

  gap: 2px;
  margin-bottom: 4px;
}
.main-date-weekday {

  text-align: center;
  color: #8e8780;
  padding: 4px 0;
  font-size: 13px;
  font-weight: 600;
}
.main-date-weekday.sun {

  color: #ff3b30;
}
.main-date-weekday.sat {

  color: #6d645e;
}
.main-date-days {

  gap: 2px;
}
.main-date-day {

  aspect-ratio: 1;
  color: #1e1b18;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 50%;
  padding: 0;
  font-family: inherit;
  font-size: 15px;
  transition: background .12s, transform .12s;
}
.main-date-day:hover {

  background: var(--drf-brown-soft);
}
.main-date-day.other-month {

  opacity: .35;
}
.main-date-day.sun {

  color: #ff3b30;
}
.main-date-day.sat {

  color: #6d645e;
}
.main-date-day.today {

  box-shadow: inset 0 0 0 1.5px var(--drf-accent-dark);
  font-weight: 700;
}
.main-date-day.selected {

  background: var(--drf-accent);
  color: #fff;
  font-weight: 700;
}
.main-date-footer {

  border-top: 1px dashed #e5e2db;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding-top: 14px;
  display: flex;
}
.main-date-footer-btn {

  border: 1px solid #e5e2db;
  background: #fff;
  color: #684e42;
  cursor: pointer;
  border-radius: 6px;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  transition: background .15s, border-color .15s, color .15s;
}
.main-date-footer-btn:hover {

  background: var(--drf-accent-soft);
  border-color: var(--drf-accent-dark);
  color: var(--drf-accent-dark);
}
.lucide-calendar-days-1-icon {

  position: absolute;
  top: 7.5px;
  left: 8px;
  width: var(--width-16);
  height: var(--height-16);
}
.main,
.main-org-chart,
.section- {

  overflow: hidden;
  display: flex;
  max-width: 100%;
}
.main {

  align-self: stretch;
  flex: 1;
  min-height: 0;
  background-color: var(--color-whitesmoke-100);
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  font-size: var(--fs-20);
  color: var(--color-gray-100);
  font-family: var(--font-segoe-ui);
  overflow: hidden;
}
.main-org-chart,
.section- {

  box-sizing: border-box;
  flex-shrink: 0;
}
.section- {

  align-self: stretch;
  flex: 1;
  min-height: 0;
  background-color: var(--color-whitesmoke-100);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  max-height: none;
  overflow: hidden;
  position: relative;
  isolation: isolate;
}
.section-::before {

  content: "";
  position: absolute;
  inset: 0;
  background-image: url(./public/bg_sky.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
.section- > .main-org-chart {

  position: relative;
  z-index: 1;
}
.org-layout-band-node {

  translate: 0 var(--band-offset-y, 0px);
}
.org-layout-object-node {

  translate: 0 var(--object-offset-y, 0px);
}
.main-org-chart {

  --kimwon-line-offset: -72.4px;
  --team-label-height: 36px;
  width: 1920px;
  height: var(--chart-viewport-height, 914.5px);
  flex: none;
  background: linear-gradient(180deg, #fbfcfe, var(--color-whitesmoke-100));
  flex-direction: column;
  align-items: center;
  padding: 0;
  position: relative;
  isolation: isolate;
  z-index: 0;
  overflow: visible;
  transform-origin: center center;
  zoom: var(--fit-scale, 1);
  margin-top: var(--chart-top-offset, 20px);
}
.org-body-scale-group {

  width: 1920px;
  height: 914.5px;
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 48px 338.9px var(--padding-30);
  box-sizing: border-box;
  isolation: isolate;
  overflow: visible;
  transform: translate(-50%, -50%) scale(
    var(--org-body-scale-x, var(--org-body-scale, 1)),
    var(--org-body-scale-y, var(--org-body-scale, 1))
  );
  transform-origin: center center;
  z-index: 1;
}
.main-org-chart::before {

  content: "";
  position: absolute;
  inset: 0;
  background-image: url(./public/bg_sky.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}
.main-org-chart::after {
  content: "";
  position: absolute;
  left: 68px;
  bottom: 32px;
  width: 557px;
  height: 344px;
  background-image: url(./public/bg_main.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  opacity: 0.8;
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 0;
}
.frame {

  width: 494.4px;
  height: 494.4px;
  position: absolute;
  margin: 0 !important;
  top: -22.4px;
  left: calc(50% - 272.7px);
  z-index: auto;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--fs-20);
  color: var(--color-midnightblue);
  font-family: var(--font-segoe-ui);
}
.group-icon {

  position: absolute;
  top: 0;
  left: 50%;
  width: 1757px;
  height: 901px;
  transform: translate(-50%, 0%);
  mix-blend-mode: multiply;
  z-index: 0;
}
.vector-icon {

  position: absolute;
  top: 170.09px;
  left: 34.1px;
  max-height: 100%;
  width: 214.8px;
}
.div6 {

  position: absolute;
  top: 65.69px;
  left: calc(50% - 77.5px);
  z-index: 35;
  display: flex;
  align-items: center;
  padding: 9px 9px;
  box-sizing: border-box;
  gap: 10px;
}
.figure-icon {

  height: 76px;
  width: 55px;
  position: relative;
  border-radius: var(--br-3_5);
  object-fit: cover;
}
.frame-parent {

  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8.2px var(--padding-0);
}
.wrapper {

  width: var(--width-86_2);
  height: 22.7px;
  border-radius: var(--br-11_4);
  background-color: var(--color-lavender-200);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5) var(--padding-21) 3.7px;
  box-sizing: border-box;
}
.h1,
.h3 {

  margin: 0;
  position: relative;
  line-height: var(--lh-32_7);
  font-family: inherit;
}
.h3 {

  font-size: inherit;
  font-weight: 400;
  line-height: 1.2;
}
.h1 {

  align-self: stretch;
  height: var(--height-18);
  font-size: var(--fs-25);
  font-weight: 700;
  color: var(--color-gray-500);
  text-align: left;
  display: inline-block;
}
.image-icon,
.rectangle-icon {

  position: absolute;
  margin: 0 !important;
  flex-shrink: 0;
}
.rectangle-icon {

  width: calc(100% + 9.8px);
  height: 488.8px;
  top: 0px;
  right: -4.9px;
  left: -4.9px;
  max-width: 100%;
  overflow: hidden;
  object-fit: contain;
  z-index: 3;
}
.org-arrow-lines {

  position: absolute;
  inset: 0;
  width: 1920px;
  height: 914.5px;
  z-index: 4;
  pointer-events: none;
}
.org-arrow-line {

  fill: none;
  stroke-width: 2.2;
  stroke-linecap: round;
  opacity: 0.96;
  vector-effect: non-scaling-stroke;
}
.org-arrow-line-blue {

  stroke: #1f61a8;
  marker-start: url(#arrow-blue);
  marker-end: url(#arrow-blue);
}
.org-kimwon-dotted-line {

  fill: none;
  stroke: #45639f;
  stroke-width: 0.893023;
  stroke-dasharray: 1.79 1.79;
}
.org-integrated-vertical-line {
  fill: none;
  stroke: #45639f;
  stroke-width: 0.893023;
  stroke-dasharray: 1.79 1.79;
  transform: translateY(-17px);
}
.org-arrow-kimwon-head {

  opacity: 0.96;
}
.org-arrow-line-purple {

  stroke: #7650aa;
  marker-start: url(#arrow-purple);
  marker-end: url(#arrow-purple);
}
.org-arrow-line-teal {

  stroke: #009d96;
  marker-start: url(#arrow-teal);
  marker-end: url(#arrow-teal);
}
.org-arrow-line-green {
  stroke: #4c8b30;
  marker-start: url(#arrow-green);
  marker-end: url(#arrow-green);
}
.org-arrow-line-up {
  marker-start: none;
  marker-end: none;
}
#arrow-blue path {
  fill: #1f61a8;
}
#arrow-purple path {
  fill: #7650aa;
}
#arrow-teal path {

  fill: #009d96;
}
#arrow-green path {

  fill: #4c8b30;
}
.image-icon {

  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  width: 42.9px;
  height: 33.9px;
  top: 26.8px;
  left: 33px;
  z-index: 5;
}
.page-container-row-0 {

  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-0) var(--padding-8);
  box-sizing: border-box;
  max-width: 1842px;
  z-index: 7;
  flex-shrink: 0;
  font-size: var(--fs-15);
}
.top-row {

  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-0);
  max-width: 100%;
  row-gap: var(--gap-20);
  z-index: 1;
  text-align: center;
  font-size: 22px;
  color: var(--color-white);
  font-family: var(--font-segoe-ui);
}
.frame-wrapper,
.top-row-inner {

  height: 45px;
  display: flex;
  align-items: flex-start;
  padding: 1.3px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}
.frame-wrapper {

  height: 45px;
  align-items: center;
  padding: 0;
  max-height: 45px;
}
.group-div,
.h32 {

  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.group-div {

  height: 45px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 410px;
  white-space: nowrap;
}
.h32 {

  margin: 0;
  width: 410px;
  position: relative;
  font-size: 39px;
  line-height: 45px;
  font-weight: 850;
  font-family: inherit;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  letter-spacing: 0;
  color: #17243A;
}
.bold-text,
.headcount-panel {

  display: flex;
  flex-direction: column;
}
.headcount-panel {

  height: 198px;
  flex: 1;
  align-items: flex-end;
  min-width: 280px;
  max-width: 332px;
  margin-right: -36px;
  font-size: 14px;
}
.bold-text {

  width: 100%;
  border-radius: 7px var(--br-0) var(--br-0) var(--br-0);
  background: linear-gradient(180deg, #004890, #00366f);
  align-items: center;
  justify-content: center;
  padding: 4px var(--padding-0);
  box-sizing: border-box;
  max-width: 176px;
}
.b {

  align-self: stretch;
  position: relative;
  line-height: 15.2px;
}
.sidebar- {

  box-shadow: 0 6.5px 12.9px rgba(51, 73, 96, 0.11);
  border-radius: 6.33px var(--br-0) 6.33px 6.33px;
  background-color: var(--color-white);
  border: 0.8px solid var(--color-lightsteelblue-100);
  overflow: hidden;
  font-size: 14px;
  color: var(--color-gray-300);
}
.sidebar-,
.table-header-row-parent {

  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#summary-table {

  --summary-label-column: 84px;
  --summary-value-column: 41px;
  width: 330px;
  display: grid;
  grid-auto-rows: minmax(19px, auto);
  overflow: hidden;
}
#summary-table .table-header-row,
#summary-table .table-row-chonggwal,
#summary-table .header-cell-parent,
#summary-table .table-header-row2,
#summary-table .header-cell-group {

  width: 100%;
  max-width: none;
  display: grid;
  grid-template-columns: var(--summary-label-column) repeat(
      6,
      var(--summary-value-column)
    );
  align-items: stretch;
  min-height: 19px;
}
#summary-table .table-header-row {

  height: auto;
  position: static;
}
#summary-table .table-header-row-child {

  display: none;
}
#summary-table .header-cell,
#summary-table .header-cell2,
#summary-table .header-cell3,
#summary-table .header-cell4,
#summary-table .header-cell5,
#summary-table .header-cell6,
#summary-table .header-cell7,
#summary-table .header-cell8,
#summary-table .header-cell9,
#summary-table .header-cell10,
#summary-table .header-cell11,
#summary-table .header-cell12,
#summary-table .header-cell13,
#summary-table .header-cell14,
#summary-table .table-cell,
#summary-table .table-cell6,
#summary-table .table-cell7,
#summary-table .table-cell12,
#summary-table .table-cell24,
#summary-table .table-cell25,
#summary-table .table-cell26,
#summary-table .table-cell27,
#summary-table .table-cell28,
#summary-table .table-cell29,
#summary-table .table-cell30,
#summary-table .table-cell31,
#summary-table .table-cell36,
#summary-table .table-cell37,
#summary-table .table-cell38,
#summary-table .table-cell39,
#summary-table .table-cell40,
#summary-table .table-cell41,
#summary-table .table-cell42 {

  width: auto;
  min-width: 0;
  position: static;
  left: auto;
  top: auto;
  margin-left: 0;
  z-index: auto;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: auto;
  min-height: 19px;
  line-height: 1.15;
}
#summary-table .header-cell,
#summary-table .header-cell8,
#summary-table .header-cell9,
#summary-table .header-cell10,
#summary-table .header-cell11,
#summary-table .header-cell12,
#summary-table .header-cell13,
#summary-table .header-cell14 {

  padding-left: 7px;
  padding-right: 7px;
}
#summary-table .header-cell2,
#summary-table .header-cell3,
#summary-table .header-cell4,
#summary-table .header-cell5,
#summary-table .header-cell6,
#summary-table .header-cell7,
#summary-table .table-cell,
#summary-table .table-cell6,
#summary-table .table-cell7,
#summary-table .table-cell12,
#summary-table .table-cell24,
#summary-table .table-cell25,
#summary-table .table-cell26,
#summary-table .table-cell27,
#summary-table .table-cell28,
#summary-table .table-cell29,
#summary-table .table-cell30,
#summary-table .table-cell31,
#summary-table .table-cell36,
#summary-table .table-cell37,
#summary-table .table-cell38,
#summary-table .table-cell39,
#summary-table .table-cell40,
#summary-table .table-cell41,
#summary-table .table-cell42 {

  padding-left: 0;
  padding-right: 0;
}
#summary-table .header-cell-parent,
#summary-table .header-cell-group {

  padding: 0;
  flex-wrap: nowrap;
  align-content: stretch;
  min-height: 20px;
}
#summary-table .table-header-row-group {

  width: 100%;
}
#summary-table > .table-header-row-parent {

  min-height: 68px;
}
#summary-table .div21 {

  width: auto;
}
#summary-table .table-header-row > *,
#summary-table .table-row-chonggwal > *,
#summary-table .header-cell-parent > *,
#summary-table .table-header-row2 > *,
#summary-table .header-cell-group > * {

  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#summary-table .table-header-row > *,
#summary-table .table-row-chonggwal > *,
#summary-table .header-cell-parent > *,
#summary-table .table-header-row2 > *,
#summary-table .header-cell-group > * {

  border-top: var(--border-1);
}
#summary-table .table-header-row > *:not(:first-child),
#summary-table .table-row-chonggwal > *:not(:first-child),
#summary-table .header-cell-parent > *:not(:first-child),
#summary-table .table-header-row2 > *:not(:first-child),
#summary-table .header-cell-group > *:not(:first-child) {

  border-left: var(--border-12);
}
#summary-table .table-header-row > * {

  background-color: var(--color-aliceblue);
}
#summary-table .header-cell-group > * {

  background-color: var(--color-aliceblue);
  min-height: 20px;
}
#summary-table > :last-child .header-cell-group > * {

  border-bottom: var(--border-11);
}
#summary-table .header-cell14 {

  border-right: 0;
}
#summary-table .table-header-row-group,
#summary-table .header-cell-parent,
#summary-table .header-cell-group {

  margin-top: 0;
}
.table-header-row {

  width: 100%;
  height: 23px;
  position: relative;
  max-width: 376px;
  color: var(--color-darkslategray-200);
}
.header-cell {

  position: absolute;
  top: 0.5px;
  left: -0.1px;
  background-color: var(--color-aliceblue);
  border-bottom: var(--border-11);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5_3) 33px var(--padding-5_5);
}
.div7 {

  position: relative;
  line-height: var(--lh-10_5);
}
.header-cell2,
.header-cell3,
.header-cell4,
.header-cell5,
.header-cell6,
.header-cell7 {

  position: absolute;
  top: 0.5px;
  left: 96.1px;
  background-color: var(--color-aliceblue);
  border-bottom: var(--border-11);
  border-left: var(--border-12);
  display: flex;
  align-items: flex-start;
  padding: var(--padding-5_3) 1px var(--padding-5_5) var(--padding-0);
}
.header-cell3,
.header-cell4,
.header-cell5,
.header-cell6,
.header-cell7 {

  left: 142.6px;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5_3) var(--padding-9) var(--padding-5_5)
    var(--padding-7);
}
.header-cell4,
.header-cell5,
.header-cell6,
.header-cell7 {

  left: 189px;
}
.header-cell5,
.header-cell6,
.header-cell7 {

  left: 235.6px;
}
.header-cell6,
.header-cell7 {

  left: 282px;
}
.header-cell7 {

  left: 328.6px;
}
.table-header-row-child {

  position: absolute;
  top: -0.8px;
  right: -0.7px;
  background: linear-gradient(
      -90deg,
      rgba(0, 105, 215, 0),
      #0069d7 30.68%,
      #003771
    )
    border-box;
  border-top: 1px solid transparent;
  box-sizing: border-box;
  width: 271.5px;
  height: 1px;
}
.table-row-chonggwal {

  align-self: stretch;
  display: flex;
  align-items: center;
  row-gap: var(--gap-20);
}
.header-cell8 {

  height: var(--height-21_3);
  flex: 1;
  border-top: var(--border-1);
  border-bottom: var(--border-11);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-4_3) 33px var(--padding-4);
  flex-shrink: 0;
}
.div14 {

  position: relative;
  line-height: var(--lh-11_3);
}
.table-cell {

  height: var(--height-21_3);
  border-left: var(--border-12);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-4_3) var(--padding-18) var(--padding-4);
}
.header-cell9,
.table-cell,
.table-cell6 {

  border-top: var(--border-1);
  border-bottom: var(--border-11);
  flex-shrink: 0;
}
.table-cell6 {

  height: var(--height-21_3);
  border-left: var(--border-12);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-4_3) var(--padding-19) var(--padding-4)
    var(--padding-18);
}
.header-cell9 {

  padding: var(--padding-4_2) var(--padding-18) var(--padding-4_1);
}
.div21,
.header-cell9,
.table-cell12,
.table-cell7 {

  display: flex;
  align-items: center;
  justify-content: center;
}
.div21 {

  width: var(--width-60);
  position: relative;
  line-height: var(--lh-11_3);
}
.table-cell12,
.table-cell7 {

  height: var(--height-21_3);
  border-top: var(--border-1);
  border-bottom: var(--border-11);
  border-left: var(--border-12);
  box-sizing: border-box;
  padding: var(--padding-4_2) var(--padding-18) var(--padding-4_1);
  flex-shrink: 0;
}
.table-cell12 {

  padding: var(--padding-4_2) var(--padding-19) var(--padding-4_1)
    var(--padding-18);
}
.header-cell10 {

  padding: var(--padding-4_3) var(--padding-18) var(--padding-4);
}
.header-cell10,
.header-cell11,
.table-cell24 {

  border-top: var(--border-1);
  border-bottom: var(--border-11);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.header-cell11 {

  flex: 1;
  padding: var(--padding-4_3) var(--padding-10) var(--padding-4)
    var(--padding-11);
}
.table-cell24 {

  height: var(--height-21_3);
  border-left: var(--border-12);
  box-sizing: border-box;
  padding: var(--padding-4_3) var(--padding-14) var(--padding-4)
    var(--padding-13);
}
.header-cell-parent {

  align-self: stretch;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  padding: var(--padding-0) var(--padding-6) var(--padding-0) var(--padding-0);
  z-index: 0;
}
.header-cell12,
.table-cell25,
.table-cell26,
.table-cell27,
.table-cell28,
.table-cell29,
.table-cell30 {

  height: var(--height-21_3);
  border-top: var(--border-1);
  border-bottom: var(--border-11);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.header-cell12 {

  flex: 1;
  padding: var(--padding-4_2) var(--padding-10) var(--padding-4_1)
    var(--padding-11);
  z-index: 1;
}
.table-cell25,
.table-cell26,
.table-cell27,
.table-cell28,
.table-cell29,
.table-cell30 {

  border-left: var(--border-12);
  padding: var(--padding-4_2) var(--padding-18) var(--padding-4_1);
  z-index: 2;
  margin-left: -0.4px;
  position: relative;
}
.table-cell26,
.table-cell27,
.table-cell28,
.table-cell29,
.table-cell30 {

  z-index: 3;
}
.table-cell27,
.table-cell28,
.table-cell29,
.table-cell30 {

  z-index: 4;
}
.table-cell28,
.table-cell29,
.table-cell30 {

  z-index: 5;
}
.table-cell29,
.table-cell30 {

  z-index: 6;
}
.table-cell30 {

  padding: var(--padding-4_2) var(--padding-14) var(--padding-4_1)
    var(--padding-13);
  z-index: 7;
}
.table-header-row-group {

  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  isolation: isolate;
  z-index: 0;
}
.table-header-row2 {

  align-self: stretch;
  display: flex;
  align-items: center;
  row-gap: var(--gap-20);
  z-index: 1;
}
.header-cell13,
.table-cell31,
.table-cell36 {

  height: var(--height-21_3);
  border-top: var(--border-1);
  border-bottom: var(--border-11);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.header-cell13 {

  flex: 1;
  padding: var(--padding-4_2) var(--padding-9) var(--padding-5_1)
    var(--padding-11);
}
.table-cell31,
.table-cell36 {

  border-left: var(--border-12);
  padding: var(--padding-4_2) var(--padding-18) var(--padding-5_1);
}
.table-cell36 {

  padding: var(--padding-4_2) var(--padding-19) var(--padding-5_1)
    var(--padding-18);
}
.header-cell-group {

  align-self: stretch;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  padding: var(--padding-0) var(--padding-5) var(--padding-0) var(--padding-0);
  z-index: 2;
  margin-top: -0.3px;
  position: relative;
  grid-template-rows: 1fr;
}
.header-cell14 {

  height: var(--height-24_4);
  flex: 1;
  background-color: var(--color-aliceblue);
  border-top: var(--border-1);
  border-right: 0.8px solid var(--color-gainsboro-200);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5_9) var(--padding-40) var(--padding-7) 41px;
  z-index: 1;
  flex-shrink: 0;
}
.div56 {

  position: relative;
  line-height: var(--lh-11_3);
  font-weight: 600;
}
.table-cell37,
.table-cell38,
.table-cell39,
.table-cell40,
.table-cell41,
.table-cell42 {

  height: var(--height-24_4);
  background-color: var(--color-aliceblue);
  border-top: var(--border-1);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6.8px var(--padding-18) var(--padding-6_1) var(--padding-17);
  z-index: 2;
  margin-left: -0.4px;
  position: relative;
  flex-shrink: 0;
}
.table-cell38,
.table-cell39,
.table-cell40,
.table-cell41,
.table-cell42 {

  border-left: var(--border-12);
  padding: var(--padding-5_9) var(--padding-18) var(--padding-7)
    var(--padding-17);
  z-index: 3;
}
.table-cell39,
.table-cell40,
.table-cell41,
.table-cell42 {

  padding: var(--padding-5_9) var(--padding-18) var(--padding-7);
  z-index: 4;
}
.table-cell40,
.table-cell41,
.table-cell42 {

  padding: var(--padding-5_9) var(--padding-13) var(--padding-7);
  z-index: 5;
}
.table-cell41,
.table-cell42 {

  padding: var(--padding-5_9) var(--padding-15) var(--padding-7)
    var(--padding-14);
  z-index: 6;
}
.table-cell42 {

  padding: var(--padding-5_9) var(--padding-14) var(--padding-7)
    var(--padding-13);
  z-index: 7;
}
.org-chart-section {

  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  max-width: 1788.2px;
  z-index: 2;
  margin-top: -116px;
  position: relative;
}
.org-chart-data-render-root {
  width: 100%;
  min-height: 720px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 28px;
  padding: 24px 0;
  box-sizing: border-box;
}
.org-chart-data-render-root[style*="visibility: hidden"] {
  width: 1788px;
}
.org-chart-data-render-organization,
.org-chart-data-render-hub {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.frame-container,
.group-section {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}
.frame-container {

  flex: 1;
  padding: 140px var(--padding-0) var(--padding-0);
  gap: 15.8px;
  min-width: 310px;
  max-width: 1713px;
  z-index: 1;
}
.group-section {

  align-self: stretch;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) 49px;
  max-width: 100%;
  text-align: left;
  font-size: var(--fs-20);
  color: var(--color-white);
  font-family: var(--font-segoe-ui);
}
.group-section > .leaders-row:first-child {

  display: none;
}
.frame3 {

  justify-content: flex-end;
  max-width: 1663.5px;
}
.frame3,
.frame4,
.frame5,
.frame6 {

  flex: 1;
  display: flex;
  align-items: flex-start;
}
.frame4 {

  max-width: 1563.6px;
}
.frame5,
.frame6 {

  box-sizing: border-box;
}
.frame5 {

  justify-content: center;
  padding: var(--padding-0) var(--padding-30);
  max-width: 100%;
}
.frame6 {

  justify-content: space-between;
  padding: var(--padding-0) 33px var(--padding-0) var(--padding-0);
  gap: var(--gap-0);
  max-width: 912.5px;
  row-gap: var(--gap-20);
  z-index: 0;
}
.frame-child,
.frame-item {

  height: 17px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  z-index: 2;
}
.frame-item {

  z-index: 1;
}
.text10 {

  width: 192px;
  height: 39px;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-7);
  box-sizing: border-box;
}
.h33,
.text11 {

  display: flex;
  align-items: center;
}
.text11 {

  width: 192px;
  box-shadow: var(--shadow-drop-1);
  border-radius: var(--br-7_1);
  background: var(--gradient-1);
  flex-direction: column;
  padding: var(--padding-9) var(--padding-0);
  box-sizing: border-box;
}
.h33 {

  margin: 0;
  height: var(--height-14);
  position: relative;
  font-size: inherit;
  line-height: var(--lh-19_7);
  font-weight: 700;
  font-family: inherit;
  white-space: pre-wrap;
}
.div63 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-top: 3px;
  padding: 8px 9px;
  box-sizing: border-box;
  gap: 10px;
  max-width: 192.8px;
  text-align: center;
  color: var(--color-gray-100);
}
.figure-icon2 {

  height: 70px;
  width: 54px;
  position: relative;
  border-radius: var(--br-3_5);
  object-fit: cover;
}
.column-1 {

  flex: 1;
  flex-direction: column;
  padding: var(--padding-6_1) var(--padding-0) var(--padding-0);
  gap: 0;
}
.column-1,
.frame-frame,
.frame7 {

  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.frame-frame {

  width: var(--width-86_2);
  height: var(--height-22_8);
  justify-content: flex-start;
  box-sizing: border-box;
  max-height: var(--max-h-22_8);
}
.frame7 {

  flex-shrink: 0;
}
.h2,
.h34 {

  margin: 0;
  position: relative;
  line-height: var(--lh-26);
  font-family: inherit;
}
.h34 {

  font-size: var(--fs-16);
  font-weight: 500;
}
.h2 {

  align-self: stretch;
  font-size: var(--fs-25);
  font-weight: 700;
  color: var(--color-gray-500);
  text-align: left;
}
.group-1171288455-row-1 {

  align-self: flex-start;
  width: 286px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: -3.9px;
  padding: 0;
  gap: 25px;
}
.text-parent {

  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-3_1);
  min-width: 92px;
}
.text12 {

  cursor: pointer;
  border: 0;
  font-family: var(--font-segoe-ui);
  padding: var(--padding-0) var(--padding-0) var(--padding-1_9);
  background-color: transparent;
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.text13 {

  height: var(--height-30_4);
  flex: 1;
  box-shadow: var(--shadow-drop-1);
  border-radius: var(--br-7_1);
  background: var(--gradient-1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: var(--min-h-30_4);
}
.div65 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_2) var(--padding-17) var(--padding-7_2)
    var(--padding-8);
  box-sizing: border-box;
  max-width: var(--max-w-141);
}
.div67 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_2) var(--padding-8);
  box-sizing: border-box;
  gap: var(--gap-7_3);
  max-width: var(--max-w-141);
}
.div70 {

  display: flex;
  align-items: flex-start;
}
.div70 {

  width: 100%;
  padding: var(--padding-7_2) var(--padding-8);
  box-sizing: border-box;
  gap: var(--gap-7_3);
  max-width: var(--max-w-141);
}
.div72 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_2) var(--padding-8);
  box-sizing: border-box;
  gap: var(--gap-7_3);
  max-width: var(--max-w-141);
}
.div74 {

  width: max-content;
  max-width: 450px;
  position: absolute;
  margin: 0 !important;
  top: 79px;
  left: 41.5px;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0;
  font-weight: 700;
  color: var(--color-gray-400);
  text-align: left;
  display: inline-block;
  white-space: nowrap;
  z-index: 4;
  flex-shrink: 0;
}
.div75,
.frame-parent6 {

  display: flex;
  align-items: center;
}
.div75 {

  margin: 0 !important;
  position: absolute;
  top: 106.4px;
  left: calc(50% - 413.9px + var(--kimwon-line-offset));
  padding: 9px;
  box-sizing: border-box;
  gap: 10px;
  z-index: 14;
  flex-shrink: 0;
  color: var(--color-steelblue);
}
.frame-parent6 {

  flex: 1;
  flex-direction: column;
  padding: 8.2px var(--padding-0);
}
.div76,
.wrapper6 {

  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper6 {

  width: var(--width-86_2);
  height: 22.7px;
  border-radius: var(--br-11_4);
  background-color: var(--color-lavender-100);
  padding: var(--padding-5) var(--padding-21) 3.7px;
  box-sizing: border-box;
}
.div76 {

  height: 42px;
  margin: 0 !important;
  position: absolute;
  top: 188px;
  left: calc(50% - 126.5px);
  box-shadow: var(--shadow-inner);
  border-radius: 892.1px;
  background: linear-gradient(180deg, #45639f 8.17%, #45639f);
  z-index: 12;
  flex-shrink: 0;
  font-size: var(--fs-18);
}
.div77,
.frame8 {

  height: 42px;
  display: flex;
}
.div77 {

  flex: 1;
  /*box-shadow: var(--shadow-inner);*/
  border-radius: 892.1px;
  background: linear-gradient(-28.46deg, #809dd7, #45639f 79.33%);
  align-items: flex-start;
  max-width: 100%;
}
.frame8 {

  border-radius: 50px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 198px;
  padding: 9px 24px 9px 22px;
  box-sizing: border-box;
}
.hub-icon {

  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  stroke: #f8fcff;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.38));
}
.div78,
.icon {

  position: relative;
}
.div78 {

  font-size: 21px;
  line-height: 24px;
  font-weight: 750;
  background: linear-gradient(
    180deg,
    #dbeeff,
    #f8fcff 15.38%,
    var(--color-white) 48.08%,
    #f4faff 79.33%,
    #dbeeff
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
}
.icon {

  width: 1652.1px;
  max-height: 100%;
  display: none;
  max-width: 100%;
  z-index: 7;
  flex-shrink: 0;
}
.hub-line {

  position: absolute;
  width: 1661px;
  height: 76px;
  left: calc(50% - 798px);
  top: 202px;
  z-index: 4;
  pointer-events: none;
}
.text-container {

  width: 192.8px;
  margin: 0 !important;
  position: absolute;
  top: calc(50% - 203px);
  right: 57.2px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7.5px;
  z-index: 8;
  flex-shrink: 0;
}
.h36,
.text16 {

  display: flex;
  align-items: center;
  justify-content: center;
}
.text16 {

  align-self: stretch;
  box-shadow: var(--shadow-drop-1);
  border-radius: var(--br-7_1);
  background: var(--gradient-2);
  flex-direction: column;
  padding: var(--padding-9) var(--padding-0);
  color: var(--color-white);
}
.h36 {

  margin: 0;
  width: 153px;
  position: relative;
  font-size: inherit;
  line-height: var(--lh-19_7);
  font-weight: 700;
  font-family: inherit;
}
.div79 {

  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div79 {

  align-self: stretch;
  padding: var(--padding-10_4) var(--padding-11) var(--padding-9_8);
  gap: 11.8px;
}
.text-parent2 {

  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-8) var(--padding-0) var(--padding-0);
  gap: 2.9px;
  font-size: var(--fs-15);
}
.text17 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 2.1px;
  box-sizing: border-box;
  max-width: var(--max-w-142);
  font-size: var(--fs-20);
  color: var(--color-white);
}
.text18 {

  height: var(--height-30_4);
  flex: 1;
  box-shadow: var(--shadow-drop-1);
  border-radius: var(--br-7_1);
  background: var(--gradient-2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: var(--min-h-30_4);
}
.sw {

  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: var(--lh-19_7);
  font-weight: 700;
  font-family: inherit;
}
.div80 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_3) var(--padding-13) var(--padding-7_2)
    var(--padding-6);
  box-sizing: border-box;
  max-width: 136.5px;
}
.div82 {

  display: flex;
  box-sizing: border-box;
}
.div82 {

  width: 100%;
  align-items: flex-start;
  padding: var(--padding-7_2) var(--padding-15) var(--padding-7_2)
    var(--padding-6);
  max-width: 136.5px;
}
.div84 {

  display: flex;
  box-sizing: border-box;
}
.wrapper.rank-badge,
.wrapper6.rank-badge,
.member-rank.rank-badge,
.frame-frame.rank-badge,
.frame-wrapper3.rank-badge {

  justify-content: flex-start;
  background: none;
  background-color: transparent;
}
.div84 {

  width: 100%;
  align-items: flex-start;
  padding: var(--padding-7_2) var(--padding-13) var(--padding-7_2)
    var(--padding-6);
  max-width: 135.8px;
}
.frame-parent10 {

  display: flex;
  flex-direction: column;
}
.frame-parent10 {

  width: 291px;
  margin: 0 !important;
  position: absolute;
  top: calc(50% - 203px);
  left: 385.8px;
  align-items: flex-start;
  gap: 11.8px;
  z-index: 9;
  flex-shrink: 0;
  text-align: left;
  color: var(--color-white);
}
.text-parent3,
.text19 {

  display: flex;
  flex-direction: column;
  align-items: center;
}
.text-parent3 {

  align-self: stretch;
  gap: 7.5px;
}
.text19 {

  width: 100%;
  box-shadow: var(--shadow-drop-1);
  border-radius: var(--br-7_1);
  background: var(--gradient-3);
  justify-content: center;
  padding: var(--padding-9) var(--padding-0);
  box-sizing: border-box;
  max-width: 192.8px;
}
.h38 {

  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: var(--lh-19_7);
  font-weight: 700;
  font-family: inherit;
}
.div86,
.frame-wrapper3 {

  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.div86 {

  width: 192.8px;
  padding: var(--padding-10_4) var(--padding-11) var(--padding-9_8);
  gap: 12.5px;
  text-align: center;
  color: var(--color-gray-100);
}
.frame-wrapper3 {

  width: var(--width-86_2);
  height: var(--height-22_8);
  justify-content: flex-start;
  max-height: var(--max-h-22_8);
}
.group-1171288454-row-1 {

  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 25px;
  text-align: center;
  font-size: var(--fs-15);
  color: var(--color-gray-100);
}
.text-parent4 {

  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-3_1);
}
.text20 {

  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-1_9);
  text-align: left;
  font-size: var(--fs-18);
  color: var(--color-white);
}
.text21 {

  height: var(--height-30_4);
  flex: 1;
  box-shadow: var(--shadow-drop-1);
  border-radius: var(--br-7_1);
  background: var(--gradient-3);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: var(--min-h-30_4);
}
.div87,
.hr {

  position: relative;
}
.hr {

  line-height: 16.9px;
  font-weight: 600;
}
.div87 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_2) var(--padding-8);
  box-sizing: border-box;
  isolation: isolate;
  gap: var(--gap-7_3);
  max-width: var(--max-w-142);
}
.div89 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_2) var(--padding-18) var(--padding-7_2)
    var(--padding-8);
  box-sizing: border-box;
  max-width: var(--max-w-142);
}
.div91,
.hw {

  position: relative;
}
.hw {

  font-size: var(--fs-18);
  line-height: 16.9px;
  font-weight: 600;
  font-family: var(--font-segoe-ui);
  color: var(--color-white);
  text-align: left;
}
.div91 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_3) var(--padding-8) var(--padding-7_2);
  box-sizing: border-box;
  isolation: isolate;
  gap: 7.7px;
  max-width: var(--max-w-142);
}
.div93 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_2) var(--padding-18) var(--padding-7_2)
    var(--padding-8);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  max-width: var(--max-w-142);
}
.leaders-row-parent {

  margin: 0 !important;
  position: absolute;
  flex-shrink: 0;
}
.leaders-row-parent {

  width: 916.7px;
  top: calc(50% - 203px);
  bottom: auto;
  left: calc(50% - 245.6px);
  flex-direction: column;
  gap: 10.5px;
  max-width: 100%;
  z-index: 13;
  text-align: left;
  color: var(--color-white);
}
.leaders-row,
.leaders-row-parent,
.leaders-row2 {

  display: flex;
  align-items: flex-start;
}
.leaders-row {

  align-self: stretch;
  justify-content: center;
  max-width: 100%;
}
.leaders-row2 {

  flex: 1;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-0);
  max-width: 668.7px;
  row-gap: var(--gap-20);
}
.text-parent6,
.text24 {

  display: flex;
  flex-direction: column;
}
.text-parent6 {

  flex: 1;
  align-items: flex-start;
  gap: 7.5px;
  min-width: 191px;
  max-width: 193px;
}
.text-parent6 > .text24 {

  align-self: center;
  width: 154px;
}
.text24 {

  align-self: stretch;
  height: var(--height-32);
  box-shadow: var(--shadow-drop-1);
  border-radius: var(--br-7_1);
  background: var(--gradient-4);
  align-items: center;
  justify-content: center;
  padding: var(--padding-9) var(--padding-19);
  box-sizing: border-box;
  white-space: nowrap;
}
.h310 {

  margin: 0;
  width: 153px;
  position: relative;
  font-size: inherit;
  line-height: var(--lh-19_7);
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}
.div95 {

  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-10_4) var(--padding-11) var(--padding-9_8);
  gap: 12.7px;
  text-align: center;
  color: var(--color-gray-100);
}
.text-parent7 {

  flex: 1;
  flex-direction: column;
  gap: 7.5px;
  min-width: 191px;
  max-width: 193px;
}
.h312,
.text-parent7,
.text25 {

  display: flex;
  align-items: center;
}
.text25 {

  align-self: stretch;
  height: var(--height-32);
  box-shadow: var(--shadow-drop-1);
  border-radius: var(--br-7_1);
  background: var(--gradient-5);
  flex-direction: column;
  justify-content: center;
  padding: var(--padding-9) var(--padding-40);
  box-sizing: border-box;
}
.h312 {

  margin: 0;
  height: var(--height-14);
  position: relative;
  font-size: inherit;
  line-height: var(--lh-19_7);
  font-weight: 700;
  font-family: inherit;
}
.div96 {

  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.div96 {

  align-self: stretch;
  padding: var(--padding-10_4) var(--padding-11) var(--padding-9_8);
  gap: 12.2px;
  text-align: center;
  color: var(--color-gray-100);
}
.frame-parent15,
.team-members-row {

  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 100%;
}
.team-members-row {

  align-self: stretch;
  gap: 0;
  justify-content: space-between;
  flex-wrap: nowrap;
  text-align: center;
  font-size: var(--fs-15);
  color: var(--color-gray-100);
  font-family: var(--font-segoe-ui);
}
.frame-parent15 {

  flex: 0 0 445px;
  padding: 0;
  box-sizing: border-box;
  gap: 25px;
  justify-content: center;
  min-width: 445px;
  max-width: 445px;
}
.text-parent8 {

  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5px;
  min-width: 121px;
  flex-shrink: 0;
}
.text26 {

  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-2_5);
  text-align: left;
  font-size: var(--fs-20);
  color: var(--color-white);
}
.text27 {

  height: var(--height-30_4);
  flex: 1;
  box-shadow: var(--shadow-drop-1);
  border-radius: var(--br-7_1);
  background: var(--gradient-4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: var(--min-h-30_4);
}
.div97 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_2) var(--padding-17) var(--padding-7_2)
    var(--padding-8);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  max-width: var(--max-w-141);
}
.div100 {

  display: flex;
  align-items: flex-start;
}
.div100 {

  width: 100%;
  padding: var(--padding-7_3) var(--padding-8) 7.6px;
  box-sizing: border-box;
  gap: var(--gap-7_3);
  max-width: var(--max-w-141);
}
.div102,
.div104 {

  width: 100%;
  box-sizing: border-box;
  max-width: var(--max-w-141);
}
.div102 {

  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_2) var(--padding-17) var(--padding-7_2)
    var(--padding-8);
}
.div104 {

  padding: var(--padding-7_2) var(--padding-8);
  gap: var(--gap-7_3);
}
.div104,
.div106 {

  display: flex;
  align-items: flex-start;
}
.div106 {

  width: 100%;
  padding: var(--padding-7_2) var(--padding-8) 7.8px;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: var(--gap-7_3);
  max-width: var(--max-w-141);
}
.div108 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_2) var(--padding-8);
  box-sizing: border-box;
  gap: var(--gap-7_3);
  max-width: var(--max-w-141);
}
.text-parent9 {

  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-3);
  min-width: 121px;
  flex-shrink: 0;
}
.text28 {

  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-2);
  text-align: left;
  font-size: var(--fs-20);
  color: var(--color-white);
}
.div110 {

  width: 100%;
  padding: var(--padding-7_3) var(--padding-8) var(--padding-7_2);
  box-sizing: border-box;
  gap: 7.8px;
  max-width: var(--max-w-141);
}
.div110,
.div112,
.div114 {

  display: flex;
  align-items: flex-start;
}
.div112,
.div114 {

  width: 100%;
  box-sizing: border-box;
  max-width: var(--max-w-141);
}
.div112 {

  padding: var(--padding-7_2) var(--padding-8);
  gap: var(--gap-7_3);
}
.div114 {

  padding: var(--padding-7_2) var(--padding-17) var(--padding-7_2)
    var(--padding-8);
}
.div116 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_4) var(--padding-15) 7.1px var(--padding-8);
  box-sizing: border-box;
  max-width: var(--max-w-141);
}
.div118 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_2) var(--padding-8) var(--padding-7_3);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: var(--gap-7_3);
  max-width: var(--max-w-141);
}
.div120 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_2) var(--padding-8);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: var(--gap-7_3);
  max-width: var(--max-w-141);
}
.group-1171288453-column-2 {

  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.7px;
  min-width: 122px;
  flex-shrink: 0;
}
.text-parent10,
.text30 {

  align-self: stretch;
  display: flex;
}
.frame-parent15 > .text-parent8 > .text26,
.frame-parent15 > .text-parent9 > .text28,
.group-1171288453-column-2 > .text-parent10 > .text30 {

  align-self: center;
  width: 107px;
}
.text-parent10 {

  flex-direction: column;
  align-items: center;
  gap: var(--gap-3_1);
}
.text30 {

  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-1_9);
  text-align: left;
  font-size: var(--fs-20);
  color: var(--color-white);
}
.div122 {

  width: 100%;
  padding: var(--padding-7_3) var(--padding-8) var(--padding-7_2);
  box-sizing: border-box;
  gap: 7.7px;
  max-width: var(--max-w-142);
}
.div122,
.div124 {

  display: flex;
  align-items: flex-start;
}
.div124 {

  width: 100%;
  padding: var(--padding-7_2) var(--padding-8);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: var(--gap-7_3);
  max-width: var(--max-w-142);
}
.div126 {

  width: 100%;
  padding: var(--padding-7_3) var(--padding-8) var(--padding-7_2);
  box-sizing: border-box;
  gap: 7.7px;
  max-width: var(--max-w-142);
}
.div126,
.div128 {

  display: flex;
  align-items: flex-start;
}
.div128 {

  width: 100%;
  padding: var(--padding-7_3) var(--padding-18) var(--padding-7_4)
    var(--padding-8);
  box-sizing: border-box;
  max-width: var(--max-w-142);
}
.div130 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_3) var(--padding-15) var(--padding-7_2)
    var(--padding-8);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  max-width: var(--max-w-141);
}
.div132,
.frame-parent34 {

  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}
.div132 {

  width: 100%;
  padding: var(--padding-7_2) var(--padding-17) var(--padding-7_2)
    var(--padding-8);
  max-width: var(--max-w-141);
}
.frame-parent34 {

  flex: 0 0 445px;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 0;
  gap: 25px;
  min-width: 445px;
  max-width: 445px;
}
.text-parent11 {

  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.9px;
  min-width: 119px;
  flex-shrink: 0;
}
.text32 {

  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 2.1px;
  text-align: left;
  font-size: var(--fs-20);
  color: var(--color-white);
}
.text33 {

  height: var(--height-30_4);
  flex: 1;
  box-shadow: var(--shadow-drop-1);
  border-radius: var(--br-7_1);
  background: var(--gradient-5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: var(--min-h-30_4);
}
.div134,
.ux {

  position: relative;
}
.ux {

  margin: 0;
  font-size: inherit;
  line-height: var(--lh-19_7);
  font-weight: 700;
  font-family: inherit;
}
.div134 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_2) var(--padding-17) var(--padding-7_2)
    var(--padding-8);
  box-sizing: border-box;
  isolation: isolate;
  max-width: var(--max-w-141);
}
.div137,
.div139,
.div141,
.div143 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_2) var(--padding-17) var(--padding-7_2)
    var(--padding-8);
  box-sizing: border-box;
  max-width: var(--max-w-141);
}
.div141,
.div143 {

  padding: var(--padding-7_3) var(--padding-17) var(--padding-7_4)
    var(--padding-8);
}
.div143 {

  padding: var(--padding-7_2) var(--padding-17) var(--padding-7_3)
    var(--padding-8);
}
.text-parent12 {

  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5px;
  min-width: 119px;
  flex-shrink: 0;
}
.div145,
.div147,
.div149,
.div151,
.div153,
.div155 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_3) var(--padding-15) var(--padding-7_2)
    var(--padding-8);
  box-sizing: border-box;
  max-width: var(--max-w-141);
}
.div147,
.div149,
.div151,
.div153,
.div155 {

  padding: var(--padding-7_2) var(--padding-17) var(--padding-7_2)
    var(--padding-8);
}
.div151,
.div153,
.div155 {

  padding: var(--padding-7_4) var(--padding-15) var(--padding-7_3)
    var(--padding-8);
}
.div153,
.div155 {

  padding: var(--padding-7_2) var(--padding-17) 7.8px var(--padding-8);
}
.div155 {

  padding: var(--padding-7_2) var(--padding-17) var(--padding-7_2)
    var(--padding-8);
  position: relative;
  isolation: isolate;
}
.icon10 {

  height: var(--height-18_6);
  width: var(--width-21_8);
  position: absolute;
  margin: 0 !important;
  right: 2.2px;
  bottom: -3.9px;
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
}
.text-parent13 {

  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-3);
  min-width: 119px;
  flex-shrink: 0;
}
.div157,
.div159 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_3) 16px var(--padding-7_2) var(--padding-8);
  box-sizing: border-box;
  max-width: var(--max-w-141);
}
.div159 {

  padding: var(--padding-7_2) var(--padding-17) var(--padding-7_2)
    var(--padding-8);
  position: relative;
  isolation: isolate;
}
.icon11 {

  height: var(--height-18_6);
  width: var(--width-21_8);
  position: absolute;
  margin: 0 !important;
  right: 2.1px;
  bottom: -1.7px;
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
}
.div161 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_3) var(--padding-15) var(--padding-7_2)
    var(--padding-8);
  box-sizing: border-box;
  max-width: var(--max-w-141);
}
.div163,
.div165 {

  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-7_3) var(--padding-17) var(--padding-7_4)
    var(--padding-8);
  box-sizing: border-box;
  max-width: var(--max-w-141);
}
.main-org-chart-inner {

  width: 609.4px;
  height: 170.3px;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 40px);
  right: -73.1px;
  object-fit: cover;
  z-index: 6;
  flex-shrink: 0;

}
.frame-inner {

  position: absolute;
  top: -0.01px;
  left: 0;
  background: linear-gradient(180deg, rgba(246, 249, 252, 0), #f6f9fc);
  width: 100%;
  height: 100%;
}
.x-1-icon {

  width: 1768px;
  height: 275px;
  position: absolute;
  margin: 0 !important;
  bottom: calc(18.9px + var(--legend-bottom-offset, 0px));
  left: calc(50% - 898px);
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
  flex-shrink: 0;
}
.section,
.text38 {

  display: flex;
  align-items: center;
}
.section {

  width: 1805.7px;
  height: 55.4px;
  margin: 0 !important;
  position: absolute;
  bottom: var(--legend-bottom-offset, 0px);
  left: calc(50% - 902.8px);
  box-shadow: 0 5.4px 14.3px rgba(44, 68, 96, 0.08);
  border-radius: 10.7px;
  background-color: var(--color-gray-900);
  border: 0;
  box-sizing: border-box;
  justify-content: center;
  padding: var(--padding-0) var(--padding-19);
  gap: 26.8px;
  min-height: 55.4px;
  z-index: 2;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-19_6);
  color: var(--color-gray-200);
  font-family: var(--font-segoe-ui);
}
.text38 {

  height: var(--height-42_9);
  gap: var(--gap-0_9);
  min-height: var(--min-h-42_9);
}
.italic-text-icon {

  height: var(--height-39_3);
  width: var(--width-39_3);
  position: relative;
  object-fit: cover;
}
.italic-text {

  height: var(--height-20);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.div167 {

  position: relative;
  line-height: var(--lh-19_7);
  font-weight: 500;
}
.text40,
.textmargin {

  height: var(--height-21_4);
}
.textmargin {

  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-13) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}
.text40 {

  width: var(--width-0_9);
  position: relative;
  background-color: var(--color-lightslategray);
}
.bold-text2 {

  height: var(--height-42_9);
  display: flex;
  align-items: center;
  gap: var(--gap-0_9);
  min-height: var(--min-h-42_9);
  color: var(--color-gray-500);
}
.b47 {

  position: relative;
  line-height: var(--lh-19_7);
}
.text10,
.text11,
.text16,
.text19,
.text24,
.text25 {

  position: relative;
  z-index: 10;
}
.text11,
.text16,
.text19,
.text24,
.text25 {

  height: var(--team-label-height);
  min-height: var(--team-label-height);
  box-sizing: border-box;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  line-height: var(--team-label-height);
}
.text10 {

  height: var(--team-label-height);
  padding-bottom: 0;
}
.text-parent3,
.text-parent6,
.text-parent7,
.text-container {

  gap: 9px;
}
.h33,
.h36,
.h38,
.h310,
.h312 {

  height: auto;
  width: 100%;
  line-height: var(--team-label-height);
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.div63,
.div79,
.div86,
.div95,
.div96 {

  box-sizing: border-box;
  align-items: center;
  transform: translateY(1px);
}
.text12,
.text17,
.text20,
.text26,
.text28,
.text30,
.text32 {

  height: 32.9px;
  padding-top: 0;
  padding-bottom: 2.5px;
  box-sizing: border-box;
}
.text13,
.text18,
.text21,
.text27,
.text33 {

  height: 30.4px;
  min-height: 30.4px;
  box-sizing: border-box;
  justify-content: center;
}
.text-parent,
.text-parent2,
.text-parent4,
.text-parent8,
.text-parent9,
.text-parent10,
.text-parent11,
.text-parent12,
.text-parent13 {

  gap: 7px;
}
.div65,
.div67,
.div70,
.div72,
.div80,
.div82,
.div84,
.div87,
.div89,
.div91,
.div93,
.div97,
.div100,
.div102,
.div104,
.div106,
.div108,
.div110,
.div112,
.div114,
.div116,
.div118,
.div120,
.div122,
.div124,
.div126,
.div128,
.div130,
.div132,
.div134,
.div137,
.div139,
.div141,
.div143,
.div145,
.div147,
.div149,
.div151,
.div153,
.div155,
.div157,
.div159,
.div161,
.div163,
.div165 {

  box-sizing: border-box;
  align-items: center;
}
/* card-sm: 레거시 div* padding/gap 덮어쓰기 */
.card-bg.card-md[class*="div"] {

  width: 154px;
  min-width: 154px;
  max-width: 154px;
  align-self: center;
  padding: 8px 9px;
  gap: 10px;
  justify-content: center;
  box-sizing: border-box;
}
.group-section > .card-bg.card-md.div63 {

  align-self: flex-start;
  margin-top: 9px;
  margin-left: 19px;
}
.group-section > .text10 {

  width: 154px;
  margin-left: 19px;
}
.group-section > .text10 > .text11,
.text-parent3 > .text19,
.text-container > .text16,
.text-parent6 > .text24,
.text-parent7 > .text25 {

  width: 154px;
  min-width: 154px;
  max-width: 154px;
  align-self: center;
  padding-left: 0;
  padding-right: 0;
}
.group-1171288455-row-1 .text-parent > .text12,
.group-1171288454-row-1 .text-parent4 > .text20,
.group-1171288454-row-1 .text-parent4 > .text12,
.frame-parent15 > .text-parent8 > .text26,
.frame-parent15 > .text-parent9 > .text28,
.group-1171288453-column-2 > .text-parent10 > .text30,
.frame-parent34 .text-parent11 > .text32,
.frame-parent34 .text-parent12 > .text26,
.frame-parent34 .text-parent13 > .text28,
.text-container .text-parent2 > .text17 {

  width: 114px;
  min-width: 114px;
  max-width: 114px;
  align-self: center;
  flex: none;
}

.group-1171288455-row-1 > .text-parent,
.group-1171288454-row-1 > .text-parent4,
.frame-parent15 > .text-parent8,
.frame-parent15 > .text-parent9,
.frame-parent15 > .group-1171288453-column-2,
.frame-parent34 > .text-parent11,
.frame-parent34 > .text-parent12,
.frame-parent34 > .text-parent13 {
  width: 114px;
  min-width: 114px;
  max-width: 114px;
  flex: 0 0 114px;
}
.group-1171288455-row-1 {
  transform: translateY(-0.9px);
}
.group-1171288454-row-1 {
  transform: translateY(-0.8px);
}
.text-container .text-parent2 {
  transform: translateY(-6px);
}
.frame-parent15 {
  transform: translateY(0.5px);
  align-items: flex-start;
}
.frame-parent34 {
  transform: translateY(0.3px);
}
.card-bg.card-sm[class*="div"] {

  width: 114px;
  min-width: 114px;
  max-width: 114px;
  align-self: center;
  gap: 4px;
  padding: 2px 11px 2px 3px;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
}
.card-bg.card-sm + .card-bg.card-sm,
.group-1171288453-column-2 > .card-bg.card-sm {

  margin-top: 7.5px;
}
.card-bg[data-org-member-name] {
  cursor: pointer;
}
.card-bg[data-org-member-name]:focus-visible {
  outline: 3px solid rgba(14, 103, 200, 0.45);
  outline-offset: 3px;
}
.org-team-link {
  cursor: pointer;
  text-decoration: none;
}
.org-team-link:hover,
.org-team-link:focus-visible {
  color: #0e67c8;
  outline: none;
}
.org-person-dialog[hidden] {
  display: none;
}
.org-person-dialog {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 24px;
}
.org-person-dialog-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(9, 18, 32, 0.42);
}
.org-person-dialog-panel {
  position: relative;
  z-index: 1;
  width: min(620px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  padding: 28px 30px 30px;
  border: 1px solid rgba(43, 72, 112, 0.18);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(13, 28, 49, 0.24);
  color: #17243a;
}
.org-person-dialog-close {
  position: absolute;
  top: 16px;
  right: 18px;
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  color: #263a57;
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
}
.org-person-head {
  display: grid;
  gap: 7px;
  padding-right: 36px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(43, 72, 112, 0.16);
}
.org-person-head strong {
  font-size: 26px;
  line-height: 1.15;
}
.org-person-head span {
  color: #5d6d83;
  font-size: 14px;
  line-height: 1.35;
}
.org-person-facts {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 10px 16px;
  margin: 20px 0 22px;
}
.org-person-facts dt {
  color: #66768b;
  font-size: 13px;
  font-weight: 700;
}
.org-person-facts dd {
  min-width: 0;
  margin: 0;
  color: #1f314c;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.org-person-projects {
  display: grid;
  gap: 10px;
}
.org-person-projects h4 {
  margin: 10px 0 0;
  color: #17243a;
  font-size: 15px;
  line-height: 1.3;
}
.org-person-project-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.org-person-project-list li {
  display: grid;
  gap: 3px;
  padding: 0 0 9px;
  border-bottom: 1px solid rgba(43, 72, 112, 0.12);
}
.org-person-project-list a,
.org-person-project-list span {
  color: #173d72;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.35;
  text-decoration: none;
}
.org-person-project-list a:hover {
  color: #0e67c8;
}
.org-person-project-list small {
  color: #6c7b8f;
  font-size: 12px;
  line-height: 1.3;
}
.dynamic-organization-panel {
  width: min(1600px, calc(100% - 48px));
  margin: 24px auto 48px;
  padding: 18px;
  border: 1px solid rgba(95, 125, 160, 0.28);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 42px rgba(33, 54, 84, 0.12);
  box-sizing: border-box;
}
.dynamic-organization-heading {
  margin: 0 0 12px;
  color: #23395d;
  font-size: 18px;
  font-weight: 700;
}
.dynamic-organization-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
.dynamic-organization-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(114, 139, 166, 0.24);
  border-radius: 8px;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}
.dynamic-organization-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.dynamic-organization-title h3 {
  margin: 0;
  color: #162a48;
  font-size: 17px;
  font-weight: 700;
}
.dynamic-organization-title span {
  flex: 0 0 auto;
  color: #54708f;
  font-size: 13px;
  font-weight: 700;
}
.dynamic-organization-members {
  display: grid;
  gap: 8px;
}
.dynamic-organization-member {
  width: 100%;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(87, 117, 150, 0.2);
  border-radius: 6px;
  background: #fff;
  color: #263c5a;
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.dynamic-organization-member:hover,
.dynamic-organization-member:focus-visible {
  border-color: rgba(24, 93, 170, 0.5);
  outline: none;
  box-shadow: 0 0 0 3px rgba(24, 93, 170, 0.12);
}
.dynamic-organization-empty {
  color: #7a8798;
  font-size: 13px;
}
.dynamic-direct-organization-layer {
  position: absolute;
  left: 118px;
  right: 118px;
  top: 548px;
  z-index: 18;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 14px;
  pointer-events: auto;
}
.dynamic-direct-organization-layer[hidden] {
  display: none;
}
.dynamic-direct-organization-card {
  width: 192px;
  display: grid;
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(69, 99, 159, 0.24);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--shadow-drop-1);
  box-sizing: border-box;
  color: var(--color-gray-100);
  font-family: var(--font-segoe-ui);
}
.dynamic-direct-organization-title {
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: var(--br-7_1);
  background: var(--gradient-1);
  color: var(--color-white);
  box-sizing: border-box;
}
.dynamic-direct-organization-title h3 {
  margin: 0;
  font-size: var(--fs-20);
  line-height: var(--lh-19_7);
  font-weight: 700;
}
.dynamic-direct-organization-title span {
  font-size: 12px;
  font-weight: 700;
}
.dynamic-direct-organization-members {
  display: grid;
  gap: 5px;
}
.dynamic-direct-organization-member,
.dynamic-direct-organization-empty {
  min-height: 34px;
  padding: 7px 8px;
  border: 1px solid rgba(95, 125, 160, 0.22);
  border-radius: 6px;
  background: #fff;
  color: var(--color-gray-500);
  font: inherit;
  font-size: 12px;
  line-height: 1.35;
  text-align: left;
  box-sizing: border-box;
}
.dynamic-direct-organization-member {
  cursor: pointer;
}
.dynamic-direct-organization-member:hover,
.dynamic-direct-organization-member:focus-visible {
  border-color: rgba(69, 99, 159, 0.42);
  color: #17376e;
  outline: none;
}
.employment-status-panel {
  position: absolute;
  left: 72px;
  bottom: 42px;
  z-index: 32;
  width: auto;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 25px;
  text-align: center;
}
.employment-status-panel[hidden] {
  display: none;
}
.employment-status-column {
  width: 114px;
  min-width: 114px;
  max-width: 114px;
  flex: 0 0 114px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
}
.employment-status-column > .text32,
.employment-status-column > .text26,
.employment-status-column > .text28,
.employment-status-column > .text30 {
  width: 114px;
  min-width: 114px;
  max-width: 114px;
  align-self: center;
  flex: none;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 2.1px;
  text-align: left;
  font-size: var(--fs-20);
  color: var(--color-white);
}
.employment-status-column .text33,
.employment-status-column .text27,
.employment-status-column .text29,
.employment-status-column .text31 {
  background: linear-gradient(180deg, #87909c 0%, #68727e 100%);
  border: 1px solid rgba(92, 101, 112, 0.52);
  box-shadow: 0 7px 16px rgba(75, 84, 96, 0.18);
}
.employment-status-column .card-bg.card-sm {
  background-image: linear-gradient(180deg, #f4f5f6 0%, #dfe3e7 100%) !important;
  border: 1px solid rgba(120, 130, 142, 0.35);
  border-radius: var(--br-3_5);
  cursor: pointer;
}
.employment-status-column .card-bg.card-sm .card-corp-logo {
  filter: grayscale(1);
  opacity: 0.72;
}
.employment-status-column .card-bg.card-sm .member-name {
  color: #3e4650;
  font-size: 18px;
}
.employment-status-column .card-bg.card-sm .rank-title {
  color: #555f6a;
  font-size: 15px;
}
@media screen and (max-width: 1825px) {

  .text {
    display: none;
  }
  .frame-container,
  .frame3,
  .frame4,
  .org-chart-section,
  .page-container-row-0 {
    max-width: 100%;
  }
  .group-1171288455-row-1 {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1350px) {

  .header-date,
  .header-title,
  .text9 {
    display: none;
  }
  .main-org-chart {
    padding-right: var(--padding-24);
    box-sizing: border-box;
  }
  .group-section {
    padding-left: var(--padding-24);
    box-sizing: border-box;
  }
  .group-1171288455-row-1 {
    padding-right: 710px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 925px) {

  .container,
  .header-actions,
  .header-nav {
    max-width: 100%;
  }
  .main-org-chart {
    padding-top: var(--padding-21);
    padding-bottom: 220px;
    box-sizing: border-box;
  }
  .frame6 {
    max-width: 100%;
  }
  .group-1171288455-row-1 {
    padding-right: 355px;
    box-sizing: border-box;
  }
  .leaders-row2 {
    max-width: 100%;
  }
}
@media screen and (max-width: 450px) {

  .header-actions,
  .header-nav {
    flex: 1;
  }
  .main-org-chart {
    padding-top: var(--padding-20);
    padding-bottom: 143px;
    box-sizing: border-box;
  }
  .h1 {
    font-size: var(--fs-20);
    line-height: var(--lh-26);
  }
  .h32 {
    font-size: var(--fs-22);
    line-height: 30px;
  }
  .table-header-row2,
  .table-row-chonggwal {
    flex-wrap: wrap;
  }
  .frame-container {
    padding-top: 124px;
    box-sizing: border-box;
  }
  .h2,
  .h34 {
    font-size: var(--fs-16);
    line-height: var(--lh-26);
  }
  .h2 {
    font-size: var(--fs-20);
  }
  .group-1171288455-row-1 {
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
  .h36,
  .h38,
  .sw {
    font-size: var(--fs-16);
    line-height: var(--lh-16);
  }
  .text-parent6,
  .text-parent7 {
    max-width: 100%;
  }
  .h312 {
    font-size: var(--fs-16);
    line-height: var(--lh-16);
  }
}

.org-print-dialog {
  width: min(420px, calc(100vw - 32px));
  padding: 0;
  border: 0;
  border-radius: 18px;
  background: transparent;
  color: #172b4d;
}
.org-print-dialog::backdrop {
  background: rgba(18, 31, 52, 0.48);
  backdrop-filter: blur(3px);
}
.org-print-dialog-panel {
  padding: 24px;
  border: 1px solid rgba(79, 109, 151, 0.18);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(18, 42, 75, 0.24);
}
.org-print-dialog-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.org-print-dialog-head h2 {
  margin: 0;
  font-size: 22px;
  line-height: 1.35;
}
.org-print-dialog-close {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #eef3f8;
  color: #40546f;
  font: inherit;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.org-print-dialog-panel > p {
  margin: 10px 0 20px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.55;
}
.org-print-paper-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.org-print-paper-options button {
  display: flex;
  min-height: 104px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid #cbd8e8;
  border-radius: 14px;
  background: #f7faff;
  color: #24466f;
  font: inherit;
  cursor: pointer;
}
.org-print-paper-options button:hover {
  border-color: #3777bd;
  background: #eef6ff;
}
.org-print-dialog button:focus-visible {
  outline: 3px solid rgba(14, 103, 200, 0.45);
  outline-offset: 3px;
}
.org-print-paper-options strong {
  font-size: 28px;
  line-height: 1;
}
.org-print-paper-options span {
  font-size: 14px;
  font-weight: 600;
}

@page {
  size: A4 landscape;
  margin: 0;
}

@media print {
  html,
  body {
    --legend-bottom-offset: 24px;
    --print-safe-inset: 8mm;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    overflow: visible;
    background: #f5f8fb;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  body .platform .header,
  .header-hamburger-menu,
  [data-app-version-badge],
  [data-app-version-style],
  .org-person-dialog,
  .org-print-dialog {
    display: none !important;
  }

  .platform,
  .body,
  .main,
  .section- {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    background-color: #f5f8fb;
  }

  .platform,
  .body,
  .main {
    display: block;
  }

  .section- {
    display: block;
    position: relative;
    width: 297mm;
    height: 210mm;
    min-height: 210mm;
    scale: 0.92381;
    transform-origin: center center;
    overflow: hidden;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .main-org-chart {
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
    height: var(--print-chart-height, 1340px);
    margin: 0;
    zoom: 0.61407;
    transform: translate(-72px, -32px);
    transform-origin: top left;
    flex: none;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .org-body-scale-group {
    top: 0;
    left: 0;
    width: 1920px;
    height: 914.5px;
    transform: none;
    translate: 51.4px 20px;
    transform-origin: top left;
  }

  .org-body-scale-group > .group-icon {
    left: calc(50% - 25.4px);
  }

  .frame-container {
    translate: -40.7px 20px;
  }

  .text-container {
    translate: -20px calc(var(--band-offset-y, 0px) + 20px);
  }

  .frame {
    translate: 0 20px;
  }

  .div75 {
    translate: 0 30px;
  }

  .div76,
  .frame-parent10,
  .leaders-row-parent {
    translate: 0 calc(var(--band-offset-y, 0px) + 20px);
  }

  .hub-line path,
  .org-kimwon-dotted-line,
  .org-integrated-vertical-line {
    stroke-width: 1.250232px;
    stroke-dasharray: 2.506px 2.506px;
  }

  .org-integrated-vertical-line {
    transform: none;
  }

  .org-arrow-kimwon-head,
  .org-arrow-jang-head {
    transform-box: fill-box;
    transform-origin: center;
  }

  .org-arrow-kimwon-head {
    transform: translate(609px, 156px) scale(1.4);
  }

  .org-kimwon-dotted-line {
    transform: translateY(15px);
  }

  .org-arrow-jang-head {
    transform: translate(930px, 143px) scale(1.4);
  }

  .org-arrow-lines {
    overflow: visible;
  }

  .team-arrow-shape {
    translate: 0 75px;
  }

  .page-container-row-0 {
    position: absolute;
    top: 32px;
    left: 72px;
    width: 1828px;
    max-width: 1828px;
    margin: 0;
    padding: 0;
    align-self: flex-start;
  }

  .page-container-row-0 > .top-row {
    translate: -51.4px -20px;
  }

  .headcount-panel {
    margin-right: 0;
  }

  .employment-status-panel {
    left: 93.8px;
    bottom: 120px;
    gap: 12px;
    translate: 10.8px 0;
  }

  .group-1171288455-row-1 {
    width: 286px;
    gap: 12px;
    translate: 2px 0;
  }

  .group-1171288454-row-1 {
    width: 286px;
    gap: 12px;
  }

  .frame-parent15,
  .frame-parent34 {
    flex-basis: 435px;
    min-width: 435px;
    max-width: 435px;
    gap: 12px;
  }

  .group-section {
    gap: 10px;
  }

  .text-parent3,
  .text-parent6,
  .text-parent7,
  .text-container {
    gap: 19px;
  }

  .group-1171288455-row-1,
  .group-1171288454-row-1,
  .team-members-row {
    position: relative;
    top: 10px;
  }

  .org-body-scale-group :is(
    .text-parent,
    .text-parent2,
    .text-parent4,
    .text-parent8,
    .text-parent9,
    .text-parent10,
    .text-parent11,
    .text-parent12,
    .text-parent13
  ) > .card-sm {
    margin-top: 15.9px !important;
  }

  .org-body-scale-group :is(
    .text-parent,
    .text-parent2,
    .text-parent4,
    .text-parent8,
    .text-parent9,
    .text-parent10,
    .text-parent11,
    .text-parent12,
    .text-parent13
  ) > .card-sm + .card-sm {
    margin-top: 23.8px !important;
  }

  .group-1171288455-row-1 > .text-parent > .card-sm,
  .group-1171288454-row-1 > .text-parent4 > .card-sm {
    margin-top: 18.4px !important;
  }

  .group-1171288455-row-1 > .text-parent,
  .group-1171288454-row-1 > .text-parent4,
  .frame-parent15 > .text-parent8,
  .frame-parent15 > .text-parent9,
  .frame-parent15 > .group-1171288453-column-2,
  .frame-parent34 > .text-parent11,
  .frame-parent34 > .text-parent12,
  .frame-parent34 > .text-parent13,
  .text-container .text-parent2,
  .employment-status-column {
    width: 137px;
    min-width: 137px;
    max-width: 137px;
    flex-basis: 137px;
  }

  .employment-status-column {
    gap: 12px;
  }

  .group-1171288455-row-1 .text-parent > .text12,
  .group-1171288454-row-1 .text-parent4 > .text20,
  .group-1171288454-row-1 .text-parent4 > .text12,
  .frame-parent15 > .text-parent8 > .text26,
  .frame-parent15 > .text-parent9 > .text28,
  .group-1171288453-column-2 > .text-parent10 > .text30,
  .frame-parent34 .text-parent11 > .text32,
  .frame-parent34 .text-parent12 > .text26,
  .frame-parent34 .text-parent13 > .text28,
  .text-container .text-parent2 > .text17,
  .employment-status-column > .text26 {
    width: 137px;
    min-width: 137px;
    max-width: 137px;
  }

  .text-container .text-parent2 {
    align-self: center;
  }

  .card-bg.card-sm[class*="div"] {
    scale: 1.2;
    transform-origin: center center;
  }

  .section,
  .x-1-icon {
    translate: 61px calc(var(--band-offset-y, 0px) - 20px);
  }

  .employment-status-column .card-bg.card-sm .member-name {
    white-space: nowrap;
  }

  .dynamic-organization-panel {
    display: none !important;
  }
}

@media print {
  html[data-org-print-paper="a3"] .section- {
    width: 420mm;
    height: 297mm;
    min-height: 297mm;
    scale: 0.94613;
  }
  html[data-org-print-paper="a3"] .main-org-chart {
    zoom: 0.8575;
  }
}