@charset "UTF-8";
.greeting {
  width: 100%;
}
.greeting__layout {
  display: flex;
  align-items: flex-start;
  gap: 60px;
  width: 100%;
}
.greeting__profile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex-shrink: 0;
}
.greeting__figure {
  width: 280px;
  height: 380px;
  display: flex;
  position: relative;
  border-radius: 40px 0 0 0;
  padding-top: 50px;
  padding-left: 16px;
  overflow: hidden;
}
.greeting__figure-bg {
  position: absolute;
  inset: 0;
  right: 40px;
  background-color: #E4E4E4;
  background-image: url(/static/home/images/content/greeting_president_bg-44480d6d05a630bac93141d17186f27e.jpg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
.greeting__figure-img {
  width: 100%;
  object-fit: cover;
  object-position: -68px bottom;
  z-index: 1;
  position: relative;
}
.greeting__name {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #1D1D1D;
  white-space: nowrap;
}
.greeting__position {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.54px;
}
.greeting__president {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.72px;
}
.greeting__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 40px;
  min-width: 0;
  padding-top: 20px;
}
.greeting__lead {
  position: relative;
}
.greeting__lead-main {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.72px;
  color: #1D1D1D;
  word-break: keep-all;
}
.greeting__highlight {
  position: relative;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  background-image: linear-gradient(transparent 62%, #dae6f9 62%, #dae6f9 92%, transparent 92%);
}
.greeting__lead-sub {
  margin: 8px 0 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: -0.72px;
  color: #1D1D1D;
  word-break: keep-all;
}
.greeting__desc {
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.54px;
  color: #1D1D1D;
  word-break: keep-all;
}
.greeting__desc p {
  margin: 0;
}

@media screen and (max-width: 1279px) {
  .greeting__layout {
    gap: 40px;
  }
  .greeting__body {
    gap: 32px;
    padding-top: 10px;
  }
  .greeting__lead-main, .greeting__lead-sub {
    font-size: 22px;
    letter-spacing: -0.66px;
  }
}
@media screen and (max-width: 767px) {
  .greeting__layout {
    flex-direction: column;
    align-items: stretch;
    gap: 30px;
  }
  .greeting__profile {
    align-items: center;
    width: 100%;
  }
  .greeting__figure {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0;
    padding-top: 20px;
    border-radius: 40px 0 40px 0;
  }
  .greeting__figure-bg {
    right: 0;
  }
  .greeting__figure-img {
    object-position: center;
  }
  .greeting__name {
    justify-content: center;
    white-space: normal;
    text-align: center;
    flex-wrap: wrap;
  }
  .greeting__body {
    gap: 30px;
    padding-top: 0;
  }
  .greeting__lead {
    text-align: center;
  }
  .greeting__lead-main {
    font-size: 20px;
    letter-spacing: -0.6px;
  }
  .greeting__lead-sub {
    margin-top: 0;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.54px;
  }
  .greeting__highlight {
    background-image: linear-gradient(transparent 58%, #dae6f9 58%, #dae6f9 90%, transparent 90%);
  }
  .greeting__desc {
    gap: 0;
  }
  .greeting__desc p + p {
    margin-top: 24px;
  }
}
.history {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.history__tabs {
  width: 100%;
}
.history__timeline {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px 32px;
  width: 100%;
  min-width: 0;
}
.history__year {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 16px;
  border-top: 1px solid #C6C6C6;
}
.history__year.is-hidden {
  display: none;
}
.history__year::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000000;
}
.history__year-title {
  margin: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -1.6px;
  color: #0D5A5C;
}
.history__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.history__item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}
.history__date {
  flex: 0 0 74px;
  width: 74px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.48px;
  color: #1D1D1D;
  word-break: keep-all;
}
.history__texts {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.history__text {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  padding-left: 14px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.48px;
  color: #555555;
  word-break: keep-all;
}
.history__text::before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (max-width: 767px) {
  .history {
    gap: 24px;
  }
  .history__timeline {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .history__year {
    gap: 16px;
    padding-top: 0;
    padding-bottom: 16px;
    border-top: 0;
  }
  .history__year::before {
    display: none;
  }
  .history__year-title {
    width: 100%;
    padding-bottom: 4px;
    border-bottom: 1px solid #E4E4E4;
    font-size: 24px;
    letter-spacing: -0.72px;
  }
  .history__list {
    gap: 8px;
  }
  .history__date {
    flex-basis: 70px;
    width: 70px;
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .history__text {
    font-size: 14px;
    letter-spacing: -0.42px;
  }
}
.org-chart {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 40px;
}
.org-chart__root {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 30px 10px 10px;
  border-radius: 100px;
  background-image: linear-gradient(144deg, #083637 0%, #0D5A5C 100%), linear-gradient(138deg, #F7CA94 12%, #DCAD7E 54%, #CDA26C 96%);
  background-blend-mode: normal;
  color: #FFFFFF;
}
.org-chart__root::before {
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  background-color: #C6C6C6;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
}
.org-chart__root-logo {
  display: block;
  width: 60px;
  height: 60px;
  object-fit: contain;
  flex-shrink: 0;
}
.org-chart__root-text {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.6px;
  white-space: nowrap;
}
.org-chart__branches {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.org-chart__branches::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 50%;
  height: 1px;
  background-color: #C6C6C6;
}
.org-chart__branch {
  position: relative;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  padding: 0 20px;
}
.org-chart__branch::before {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background-color: #C6C6C6;
}
.org-chart__branch::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: #C6C6C6;
  z-index: 1;
}
.org-chart__branch:first-child::after {
  width: 50%;
  right: 0;
}
.org-chart__branch:last-child::after {
  width: 50%;
  left: 0;
}
.org-chart__branch-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 12px 20px;
  border-radius: 20px 0;
  background-color: #052425;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.48px;
  text-align: center;
  word-break: keep-all;
}
.org-chart__items {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  max-width: 200px;
  padding: 10px 0 0;
}
.org-chart__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 8px 20px;
  border: 1px solid #C6C6C6;
  border-radius: 10px;
  background-color: #F8F8F8;
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.48px;
  text-align: center;
  word-break: keep-all;
}
.org-chart__item--multi span {
  display: block;
}
.org-chart__groups {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 200px;
  padding: 10px 0 0;
}
.org-chart__group {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.org-chart__group-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 8px 20px;
  border: 1px solid #C6C6C6;
  border-radius: 10px 10px 0 0;
  background-color: #F5E9D7;
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.48px;
  text-align: center;
  word-break: keep-all;
}
.org-chart__group-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 8px 20px;
  border-style: solid;
  border-color: #C6C6C6;
  border-width: 0 1px 1px;
  background-color: #FFFFFF;
  color: #2D2D2D;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.48px;
  text-align: center;
  word-break: keep-all;
}
.org-chart__group-item:last-child {
  border-radius: 0 0 10px 10px;
}

@media screen and (max-width: 1279px) {
  .org-chart__root-logo {
    width: 48px;
    height: 48px;
  }
  .org-chart__root-text {
    font-size: 18px;
    letter-spacing: -0.54px;
  }
  .org-chart__branch {
    padding: 0 10px;
  }
  .org-chart__branch-title {
    padding: 10px 12px;
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .org-chart__items, .org-chart__groups {
    max-width: none;
  }
  .org-chart__item, .org-chart__group-title, .org-chart__group-item {
    padding: 8px 10px;
    font-size: 14px;
    letter-spacing: -0.42px;
  }
}
@media screen and (max-width: 767px) {
  .org-chart {
    align-items: stretch;
  }
  .org-chart__root {
    align-self: center;
    padding: 10px 24px 10px 10px;
  }
  .org-chart__root-logo {
    width: 40px;
    height: 40px;
  }
  .org-chart__root-text {
    font-size: 18px;
  }
  .org-chart__root::before {
    bottom: -20px;
    height: 20px;
  }
  .org-chart__branches {
    flex-direction: column;
    align-items: stretch;
    position: relative;
    padding-left: 0;
  }
  .org-chart__branch {
    position: relative;
    align-items: stretch;
    width: 100%;
    padding: 0 0 20px 20px;
  }
  .org-chart__branch::before {
    position: absolute;
    left: 0;
    top: 22px;
    width: 20px;
    height: 1px;
  }
  .org-chart__branch::after {
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
  }
  .org-chart__branch:first-child::after {
    top: initial;
    bottom: 0;
    width: 1px;
    height: calc(100% + 20px);
  }
  .org-chart__branch:last-child::after {
    left: 0;
    top: 0;
    width: 1px;
    height: 22px;
  }
  .org-chart__branch-title {
    width: 100%;
    padding: 8px 20px;
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .org-chart__items, .org-chart__groups {
    max-width: none;
    width: 100%;
    gap: 5px;
    padding-top: 10px;
  }
  .org-chart__item {
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .org-chart__item--multi {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 4px;
  }
  .org-chart__item--multi span {
    display: inline;
  }
  .org-chart__group-title, .org-chart__group-item {
    font-size: 14px;
    letter-spacing: -0.42px;
  }
}
.org-tree {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}
.org-tree__node {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  word-break: keep-all;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.48px;
  z-index: 1;
}
.org-tree__node--root {
  position: relative;
  flex-direction: column;
  flex-shrink: 0;
  width: 160px;
  height: 160px;
  padding: 20px;
  border-radius: 100px;
  background: linear-gradient(112deg, #083637 0%, #0D5A5C 100%) padding-box;
  overflow: hidden;
}
.org-tree__node--root::after {
  content: "";
  position: absolute;
  inset: 3%;
  background: url(/static/home/images/content/org_chart_root_deco-1429586b5a7cf7dcca364c88f47dd193.png) center/contain no-repeat;
  mix-blend-mode: plus-lighter;
  opacity: 0.05;
  pointer-events: none;
}
.org-tree__node--secretary {
  width: 200px;
  padding: 12px 20px;
  border-radius: 20px 0;
  background-color: #083637;
  font-size: 16px;
}
.org-tree__node--dept {
  width: 200px;
  padding: 12px 20px;
  border-radius: 20px 0;
  background-color: #031212;
  font-size: 16px;
}
.org-tree__node--team {
  width: 200px;
  padding: 8px 20px;
  border-radius: 20px;
  background-color: #052425;
  font-size: 16px;
}
.org-tree__node--sub {
  width: 200px;
  min-height: 40px;
  padding: 8px 20px;
  border: 1px solid #C6C6C6;
  border-radius: 20px;
  background-color: #F8F8F8;
  color: #2D2D2D;
  font-size: 16px;
  font-weight: 500;
}
.org-tree__root-title, .org-tree__root-sub {
  position: relative;
  z-index: 1;
  color: #fff;
  white-space: nowrap;
}
.org-tree__root-title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.6px;
}
.org-tree__root-sub {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.54px;
}
.org-tree__connector {
  display: block;
  width: 1px;
  height: 20px;
  background-color: #C6C6C6;
}
.org-tree__connector--sm {
  height: 10px;
}
.org-tree__split {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  width: 100%;
  padding-top: 20px;
}
.org-tree__split::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 20px;
  background-color: #C6C6C6;
  transform: translateX(-50%);
}
.org-tree__split--inner {
  width: 100%;
  max-width: 440px;
}
.org-tree__col {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  position: relative;
  min-width: 0;
  padding-top: 0;
}
.org-tree__col::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 20px;
  background-color: #C6C6C6;
  transform: translateX(-50%);
}
.org-tree__col::after {
  content: "";
  position: absolute;
  top: 0;
  height: 1px;
  background-color: #C6C6C6;
}
.org-tree__col:first-child::after {
  left: 50%;
  width: 50%;
}
.org-tree__col:last-child::after {
  right: 50%;
  left: auto;
  width: 50%;
}
.org-tree__col:only-child::before, .org-tree__col:only-child::after {
  display: none;
}
.org-tree__col > .org-tree__node {
  margin-top: 20px;
}
.org-tree__col > .org-tree__connector--sm {
  margin-top: 0;
}
.org-tree__col > .org-tree__connector--sm + .org-tree__node {
  margin-top: 0;
}

@media screen and (max-width: 1279px) {
  .org-tree {
    max-width: 100%;
  }
  .org-tree__node--secretary, .org-tree__node--dept {
    width: 161px;
  }
  .org-tree__node--team, .org-tree__node--sub {
    width: 100%;
    max-width: none;
  }
  .org-tree__node--sub {
    min-height: 60px;
    padding: 12px 20px;
  }
  .org-tree__split {
    gap: 0;
  }
  .org-tree__split--inner {
    max-width: none;
  }
  .org-tree__split--inner .org-tree__col {
    padding-left: 20px;
    padding-right: 20px;
  }
  .org-tree > .org-tree__split {
    gap: 0;
  }
  .org-tree > .org-tree__split > .org-tree__col {
    max-width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .org-tree__node--root {
    width: 140px;
    height: 140px;
  }
  .org-tree__node--secretary {
    width: 159px;
    padding: 10px 20px;
    font-size: 16px;
  }
  .org-tree__node--dept {
    width: 100%;
    max-width: none;
    padding: 10px 20px;
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .org-tree__node--team {
    padding: 6px 20px;
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .org-tree__node--sub {
    min-height: 0;
    padding: 4px 12px;
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .org-tree__root-title {
    font-size: 18px;
    letter-spacing: -0.54px;
  }
  .org-tree__root-sub {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.42px;
  }
  .org-tree__col {
    padding-left: 10px;
    padding-right: 10px;
  }
  .org-tree > .org-tree__split > .org-tree__col {
    max-width: none;
    flex: 1 1 0;
  }
  .org-tree__split {
    margin: 0 -10px;
    width: calc(100% + 20px);
  }
  .org-tree__split--inner {
    margin: 0 -5px;
    width: calc(100% + 10px);
  }
  .org-tree__split--inner .org-tree__col {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.ci {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.ci__section {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ci__panel {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #fff;
  border: 1px solid #C6C6C6;
  border-radius: 20px 0 20px 0;
  box-sizing: border-box;
}
.ci__panel--logo {
  height: 320px;
  padding: 40px 20px;
}
.ci__panel--emblem {
  height: 362px;
  padding: 40px 20px;
}
.ci__download {
  position: absolute;
  top: 32px;
  right: 40px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 10px 16px;
  border: 1px solid #2D2D2D;
  border-radius: 10px;
  background: #fff;
  color: #2D2D2D;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.48px;
  white-space: nowrap;
  text-decoration: none;
  box-sizing: border-box;
}
.ci__download:hover, .ci__download:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ci__download-ico {
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background: url(/static/home/images/sub/ico_btn_down_black-96c707f1463e990e0c3aaa6b61ed6277.svg) center/contain no-repeat;
}
.ci__logo {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100px;
  object-fit: contain;
}
.ci__emblem-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  width: 100%;
}
.ci__emblem {
  display: block;
  width: 176px;
  height: 176px;
  max-width: 100%;
  object-fit: contain;
  flex-shrink: 0;
}
.ci__colors {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.ci__colors-label {
  margin: 0;
  padding-left: 30px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.54px;
  color: #083637;
  word-break: keep-all;
}
.ci__color-list {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin: 0;
  padding-left: 30px;
  list-style: none;
  width: 100%;
  box-sizing: border-box;
}
.ci__color {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.ci__color-chip {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px;
  border-radius: 20px 0 20px 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.48px;
  text-align: center;
  text-transform: uppercase;
  word-break: break-word;
}
.ci__color-spec {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  width: 100%;
  color: #1D1D1D;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.42px;
}
.ci__color-row {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.ci__color-row dt {
  margin: 0;
  font-weight: 700;
}
.ci__color-row dd {
  margin: 0;
  font-weight: 500;
}

@media screen and (max-width: 1279px) {
  .ci__panel--logo {
    height: auto;
    min-height: 240px;
  }
  .ci__panel--emblem {
    height: auto;
    min-height: 240px;
  }
  .ci__download {
    top: 20px;
    right: 20px;
  }
  .ci__emblem-list {
    flex-wrap: wrap;
    gap: 20px;
  }
  .ci__emblem {
    width: 140px;
    height: 140px;
  }
  .ci__color-list {
    flex-wrap: wrap;
    gap: 20px 16px;
  }
  .ci__color {
    flex: 1 1 calc(33.333% - 12px);
    max-width: calc(33.333% - 12px);
  }
}
@media screen and (max-width: 767px) {
  .ci {
    gap: 30px;
  }
  .ci__panel {
    flex-direction: column;
    gap: 20px;
  }
  .ci__panel--logo {
    min-height: 0;
    height: auto;
    padding: 28px 20px;
  }
  .ci__panel--emblem {
    min-height: 0;
    height: auto;
    gap: 40px;
    padding: 40px;
  }
  .ci__download {
    position: static;
    order: 2;
  }
  .ci__logo {
    order: 1;
    max-height: 65px;
    width: 100%;
  }
  .ci__emblem-list {
    order: 1;
    flex-direction: column;
    gap: 40px;
  }
  .ci__emblem {
    width: 188px;
    height: 188px;
  }
  .ci__colors-label {
    padding-left: 20px;
    font-size: 16px;
    letter-spacing: -0.48px;
  }
  .ci__color-list {
    padding-left: 20px;
    gap: 20px;
  }
  .ci__color {
    flex: 1 1 calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
  .ci__color-chip {
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .ci__color-spec {
    font-size: 13px;
    letter-spacing: -0.39px;
  }
}
.overview {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.overview__row {
  display: flex;
  align-items: center;
  width: 100%;
}
.overview__row--functions {
  align-items: flex-start;
}
.overview__label-wrap {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.overview__label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 200px;
  min-height: 94px;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 20px 0 20px 0;
  background-color: #0A484A;
  color: #fff;
  overflow: hidden;
}
.overview__label::after {
  content: "";
  position: absolute;
  top: 12%;
  left: 48%;
  width: 58%;
  height: 80%;
  background: url(/static/home/images/content/overview_label_deco-cdde1578bbc7a648414643708c30e34e.png) center/contain no-repeat;
  mix-blend-mode: overlay;
  opacity: 0.2;
  pointer-events: none;
}
.overview__label-ko {
  position: relative;
  z-index: 1;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.72px;
  white-space: nowrap;
}
.overview__label-en {
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.48px;
  white-space: nowrap;
}
.overview__connector {
  flex-shrink: 0;
  width: 40px;
  height: 1px;
  background-color: #C6C6C6;
}
.overview__body {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 94px;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 20px 0 20px 0;
}
.overview__body--purpose, .overview__body--charter {
  background: linear-gradient(90deg, #333 0%, #555 100%);
  color: #fff;
}
.overview__body--charter {
  gap: 10px;
}
.overview__body--functions {
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 20px;
  min-height: 0;
  padding: 20px;
  background-color: rgba(255, 185, 71, 0.1);
  border: 1px solid #ffb947;
  border-radius: 20px;
}
.overview__text {
  margin: 0;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.54px;
  text-align: center;
  word-break: keep-all;
}
.overview__highlight {
  font-weight: 700;
  color: #ffb947;
}
.overview__charter-item {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0;
  min-width: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.54px;
  text-align: center;
  word-break: keep-all;
}
.overview__charter-name {
  color: #fff;
}
.overview__divider {
  flex-shrink: 0;
  width: 1px;
  align-self: stretch;
  min-height: 54px;
  background-color: #C6C6C6;
}
.overview__list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.overview__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.overview__item + .overview__item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed #C6C6C6;
}
.overview__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0 10px;
  border-radius: 20px;
  background-color: #885400;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.48px;
  white-space: nowrap;
}
.overview__item-text {
  flex: 1 1 auto;
  margin: 0;
  min-width: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.48px;
  color: #1D1D1D;
  word-break: keep-all;
}

@media screen and (max-width: 1279px) {
  .overview__label {
    width: 160px;
    min-height: 80px;
    padding: 16px;
  }
  .overview__label-ko {
    font-size: 20px;
    letter-spacing: -0.6px;
  }
  .overview__text, .overview__charter-item {
    font-size: 16px;
    letter-spacing: -0.48px;
  }
  .overview__item-text {
    font-size: 15px;
    letter-spacing: -0.45px;
  }
}
@media screen and (max-width: 767px) {
  .overview {
    gap: 30px;
  }
  .overview__row, .overview__row--functions {
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
  }
  .overview__label-wrap {
    width: 100%;
  }
  .overview__label {
    width: 100%;
    min-height: 50px;
    height: 50px;
    padding: 10px 20px;
    border-radius: 10px 0 10px 0;
  }
  .overview__label-ko {
    font-size: 20px;
    letter-spacing: -0.6px;
  }
  .overview__label-en {
    font-size: 16px;
    letter-spacing: -0.48px;
  }
  .overview__connector {
    display: none;
  }
  .overview__body {
    width: 100%;
    min-height: 0;
    border-radius: 10px 0 10px 0;
  }
  .overview__body--purpose {
    padding: 10px 20px;
  }
  .overview__body--charter {
    flex-direction: column;
    gap: 10px;
    padding: 20px;
  }
  .overview__body--functions {
    gap: 20px;
    padding: 20px;
    background-color: #fff8ed;
    border-radius: 10px;
  }
  .overview__text {
    font-size: 16px;
    letter-spacing: -0.48px;
  }
  .overview__charter-item {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.48px;
  }
  .overview__charter-name {
    font-weight: 500;
  }
  .overview__divider {
    width: 100%;
    height: 1px;
    min-height: 0;
    align-self: stretch;
  }
  .overview__item {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
  }
  .overview__item + .overview__item {
    padding-top: 20px;
  }
  .overview__num {
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .overview__item-text {
    width: 100%;
    font-size: 14px;
    letter-spacing: -0.42px;
    text-align: center;
  }
}
.dept-duty {
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: 100%;
}
.dept-duty .js_tabcont {
  margin-top: 20px;
}
.dept-duty__section {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.dept-duty__banner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  padding: 10px 30px;
  box-sizing: border-box;
  border-radius: 20px 0 20px 0;
  overflow: hidden;
  background: linear-gradient(90deg, #333 0%, #083637 100%);
  color: #fff;
}
.dept-duty__banner::after {
  content: "";
  position: absolute;
  top: -116%;
  left: 74%;
  width: 26%;
  height: 452%;
  background: url(/static/home/images/content/dept_duty_banner_deco-1429586b5a7cf7dcca364c88f47dd193.png) center/contain no-repeat;
  mix-blend-mode: plus-lighter;
  opacity: 0.08;
  pointer-events: none;
}
.dept-duty__banner-title {
  position: relative;
  z-index: 1;
  margin: 0;
  flex-shrink: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.72px;
  white-space: nowrap;
}
.dept-duty__banner-divider {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 1px;
  height: 22px;
  background-color: #717171;
}
.dept-duty__banner-desc {
  position: relative;
  z-index: 1;
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.54px;
  word-break: keep-all;
}
.dept-duty__group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.dept-duty__team {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.dept-duty__team > .subtit_l {
  margin: 0;
}
.dept-duty__heading {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  width: 100%;
}
.dept-duty__heading-ico {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.dept-duty__heading-ico::before, .dept-duty__heading-ico::after {
  content: "";
  position: absolute;
  display: block;
}
.dept-duty__heading-ico::before {
  top: 0;
  left: 0;
  width: 14px;
  height: 15px;
  border-radius: 7.5px 7px 2px 2px;
  background-color: #ff694e;
}
.dept-duty__heading-ico::after {
  top: 7px;
  left: 6px;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background-color: rgba(255, 185, 71, 0.6);
  backdrop-filter: blur(2px);
}
.dept-duty__heading-text {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.6px;
  color: #1D1D1D;
  word-break: keep-all;
}
.dept-duty__card-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.dept-duty__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #C6C6C6;
  border-radius: 20px 0 20px 0;
  background-color: #F8F8F8;
  overflow: hidden;
}
.dept-duty__panel::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 40px;
  height: 40px;
  border-top: 3px solid #ffb947;
  border-left: 3px solid #ffb947;
  border-radius: 20px 0 0 0;
  pointer-events: none;
  box-sizing: border-box;
}
.dept-duty__member {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  padding: 30px 40px;
  box-sizing: border-box;
}
.dept-duty__member:nth-child(even) {
  background-color: #fff;
}
.dept-duty__meta {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-shrink: 0;
  width: 330px;
}
.dept-duty__tasks {
  display: flex;
  flex: 1 1 auto;
  align-items: flex-start;
  gap: 20px;
  min-width: 0;
  padding-left: 20px;
  border-left: 1px solid #D8D8D8;
  box-sizing: border-box;
}
.dept-duty__row {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}
.dept-duty__label {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  width: 70px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.48px;
  color: #1D1D1D;
  word-break: keep-all;
}
.dept-duty__label::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #ffb947;
}
.dept-duty__value {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.48px;
  color: #1D1D1D;
  word-break: keep-all;
}
.dept-duty__task-list {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 0;
}
.dept-duty__task-list > li {
  position: relative;
  padding-left: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.48px;
  color: #1D1D1D;
  word-break: keep-all;
}
.dept-duty__task-list > li::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 6px;
  height: 1.4px;
  background-color: #8E8E8E;
}

@media screen and (max-width: 1279px) {
  .dept-duty__meta {
    width: 260px;
  }
  .dept-duty__member {
    padding: 24px 28px;
  }
}
@media screen and (max-width: 767px) {
  .dept-duty {
    gap: 40px;
  }
  .dept-duty__banner {
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    padding: 12px 16px;
  }
  .dept-duty__banner-title {
    font-size: 20px;
    letter-spacing: -0.54px;
  }
  .dept-duty__banner-divider {
    display: none;
    height: 16px;
  }
  .dept-duty__banner-desc {
    display: none;
    flex: 1 1 100%;
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .dept-duty__team > .subtit_l {
    margin: 0;
    font-size: 20px;
    line-height: 140%;
  }
  .dept-duty__heading-text {
    font-size: 18px;
    letter-spacing: -0.54px;
  }
  .dept-duty__member {
    flex-direction: column;
    gap: 10px;
    padding: 20px 16px;
  }
  .dept-duty__meta {
    width: 100%;
    gap: 10px;
  }
  .dept-duty__tasks {
    width: 100%;
    padding-left: 0;
    border-left: 0;
  }
  .dept-duty__row {
    gap: 20px;
  }
  .dept-duty__label {
    width: 72px;
    font-size: 14px;
    letter-spacing: -0.45px;
  }
  .dept-duty__value, .dept-duty__task-list > li {
    font-size: 14px;
    letter-spacing: -0.45px;
  }
  .dept-duty__task-list {
    gap: 4px;
  }
}
.history-person {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.history-person__list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 60px;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.history-person__card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 30px;
  width: 100%;
  width: calc(50% - 30px);
  min-height: 233px;
  padding: 30px;
  box-sizing: border-box;
  border: 1px solid #C6C6C6;
  border-radius: 20px 0 20px 0;
  background-color: #fff;
  overflow: hidden;
}
.history-person__card::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 40px;
  height: 40px;
  border-top: 3px solid #6E9C9D;
  border-left: 3px solid #6E9C9D;
  border-radius: 20px 0 0 0;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 1;
}
.history-person__card::after {
  content: "";
  position: absolute;
  right: -8%;
  bottom: -18%;
  width: 160px;
  height: 160px;
  background: url(/static/home/images/content/history_person_watermark-dfe4d731528b674982cfbde019a13227.png) center/contain no-repeat;
  opacity: 0.05;
  pointer-events: none;
}
.history-person__photo {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 150px;
  height: 173px;
  border: 1px solid #C6C6C6;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #F0F0F0;
}
.history-person__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.history-person__info {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  min-width: 0;
  padding: 20px 0;
  box-sizing: border-box;
}
.history-person__term {
  margin: 0;
  color: #0A484A;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.54px;
  word-break: keep-all;
}
.history-person__name {
  margin: 0;
  color: #1D1D1D;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.84px;
  word-break: keep-all;
}
.history-person__period {
  margin: 0;
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.48px;
  word-break: keep-all;
}
.history-person__profile {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  color: #1D1D1D;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.48px;
}
.history-person__profile-label {
  flex-shrink: 0;
  font-weight: 700;
  word-break: keep-all;
}
.history-person__profile-text {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-weight: 500;
  word-break: keep-all;
}
.history-person__card--lead {
  justify-self: center;
  width: 100%;
  max-width: 50%;
  margin: 0 auto;
  min-width: 503px;
}
.history-person__card--chair::before {
  border-color: #6E9C9D;
}
.history-person__card--chair .history-person__term {
  color: #0A484A;
}
.history-person__card--vice::before {
  border-color: #ffb947;
}
.history-person__card--vice .history-person__term {
  color: #1D1D1D;
}
.history-person__card--member::before {
  border-color: #8E8E8E;
}
.history-person__card--member .history-person__term {
  color: #717171;
}

@media screen and (max-width: 1279px) {
  .history-person__list {
    gap: 24px 30px;
  }
  .history-person__card {
    width: calc(50% - 15px);
    gap: 20px;
    min-height: 0;
    padding: 24px;
  }
  .history-person__card--lead {
    width: 100%;
    max-width: 50%;
  }
  .history-person__photo {
    width: 120px;
    height: 138px;
  }
  .history-person__name {
    font-size: 24px;
    letter-spacing: -0.72px;
  }
  .history-person__period, .history-person__profile {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .history-person {
    gap: 20px;
  }
  .history-person__list {
    flex-direction: column;
    gap: 20px;
  }
  .history-person__card {
    width: 100%;
    min-height: 160px;
    gap: 30px;
    padding: 20px;
  }
  .history-person__card::after {
    width: 130px;
    height: 130px;
  }
  .history-person__card--lead {
    max-width: none;
    min-width: initial;
  }
  .history-person__photo {
    align-self: stretch;
    width: auto;
    height: auto;
    aspect-ratio: 150/173;
    max-width: 104px;
  }
  .history-person__info {
    gap: 4px;
    padding: 0;
  }
  .history-person__term {
    font-size: 16px;
    letter-spacing: -0.48px;
  }
  .history-person__name {
    font-size: 24px;
    letter-spacing: -0.72px;
  }
  .history-person__period, .history-person__profile {
    font-size: 14px;
    letter-spacing: -0.42px;
  }
}
.location {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.location__map-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.location__map {
  position: relative;
  width: 100%;
  aspect-ratio: 982/460;
  border: 1px solid #C6C6C6;
  overflow: hidden;
}
.location__map img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.location__map .root_daum_roughmap_landing {
  width: 100%;
  height: 100%;
}
.location__map .root_daum_roughmap .wrap_map {
  height: 100%;
}
.location__map .root_daum_roughmap .wrap_controllers {
  display: none;
}
.location__map .root_daum_roughmap .cont {
  display: none;
}
.location__address {
  display: flex;
  align-items: stretch;
  width: 100%;
  background-color: #333;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
}
.location__brand {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 20px 30px;
  background-color: #0D5A5C;
  border-radius: 0 20px 0 20px;
}
.location__brand img {
  display: block;
  width: 155px;
  height: 30px;
}
.location__addr-info {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 20px 30px;
  background: linear-gradient(90deg, #333 0%, #555 100%);
}
.location__pin {
  display: block;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  overflow: hidden;
}
.location__pin img {
  display: block;
  width: 100%;
  height: 100%;
}
.location__addr-label {
  flex-shrink: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.54px;
  white-space: nowrap;
}
.location__addr-divider {
  flex-shrink: 0;
  width: 1px;
  height: 18px;
  background-color: rgba(255, 255, 255, 0.3);
}
.location__addr-text {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.48px;
}
.location__br {
  display: none;
}
.location__contact .subtit_l {
  margin-bottom: 10px;
}
.location__contact .subtit_l_con {
  gap: 10px;
}

@media screen and (max-width: 1279px) {
  .location__brand {
    padding: 16px 20px;
  }
  .location__addr-info {
    padding: 16px 20px;
    gap: 8px;
  }
  .location__addr-label {
    font-size: 16px;
    letter-spacing: -0.48px;
  }
  .location__addr-text {
    font-size: 15px;
    letter-spacing: -0.45px;
  }
}
@media screen and (max-width: 767px) {
  .location {
    gap: 30px;
  }
  .location__map {
    height: 250px;
    aspect-ratio: auto;
  }
  .location__address {
    gap: 20px;
    padding: 20px;
    border-radius: 0 0 10px 10px;
    background-color: #333;
  }
  .location__brand {
    display: none;
  }
  .location__addr-info {
    flex: none;
    width: 100%;
    gap: 20px;
    padding: 0;
    background: none;
  }
  .location__pin {
    width: 30px;
    height: 30px;
  }
  .location__addr-label {
    font-size: 16px;
    letter-spacing: -0.48px;
  }
  .location__addr-info {
    display: grid;
    grid-template-columns: auto 1px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 20px;
    row-gap: 4px;
  }
  .location__pin {
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
  }
  .location__addr-label {
    grid-column: 1;
    grid-row: 2;
    justify-self: center;
  }
  .location__addr-divider {
    grid-column: 2;
    grid-row: 1/-1;
    align-self: stretch;
    width: 1px;
    height: auto;
    background-color: rgba(255, 255, 255, 0.3);
  }
  .location__addr-text {
    grid-column: 3;
    grid-row: 1/-1;
    font-size: 14px;
    letter-spacing: -0.42px;
    white-space: normal;
  }
  .location__br {
    display: inline;
  }
  .location__contact .subtit_l {
    margin-bottom: 6px;
    font-size: 18px;
    letter-spacing: -0.54px;
  }
  .location__contact .subtit_l_con {
    gap: 6px;
    padding-left: 20px;
  }
  .location__contact .subtit_m_dot2 {
    font-size: 16px;
    letter-spacing: -0.48px;
  }
}
.life-guide {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.life-guide__intro {
  display: flex;
  align-items: stretch;
  width: 100%;
  overflow: hidden;
}
.life-guide__intro-media {
  flex-shrink: 0;
  width: 390px;
  height: 220px;
  border: 1px solid #C6C6C6;
  border-right: 0;
  border-radius: 20px 0 0 0;
  overflow: hidden;
}
.life-guide__intro-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.life-guide__intro-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  min-width: 0;
  padding: 40px;
  border: 1px solid #C6C6C6;
  border-radius: 0 0 20px 0;
  box-sizing: border-box;
}
.life-guide__intro-title {
  margin: 0;
  color: #1D1D1D;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.72px;
}
.life-guide__intro-desc {
  margin: 0;
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.48px;
  word-break: keep-all;
}
.life-guide__intro-body .subtit_m_dot2 {
  margin: 0;
  padding-left: 13px;
}
.life-guide__section {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.life-guide__section > .subtit_l {
  margin-bottom: 10px;
}
.life-guide__steps {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 10px;
}
.life-guide__step {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  padding: 20px;
  border: 1px solid #C6C6C6;
  border-radius: 10px;
  background-color: #fff;
  box-sizing: border-box;
  text-align: center;
}
.life-guide__step-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.life-guide__step-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.life-guide__step-text {
  margin: 0;
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.48px;
  word-break: keep-all;
}
.life-guide__arrow {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}
.life-guide__arrow::before, .life-guide__arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 20px;
  height: 6px;
  border-radius: 5px;
  transform-origin: center;
}
.life-guide__arrow::before {
  top: 10px;
  background-color: #ffb237;
  opacity: 0.5;
  transform: translateX(-50%) rotate(45deg);
}
.life-guide__arrow::after {
  top: 18px;
  background-color: #a3a3a3;
  opacity: 0.5;
  transform: translateX(-50%) rotate(-45deg);
}
.life-guide__consult {
  display: flex;
  width: 100%;
  overflow: hidden;
}
.life-guide__consult-item {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: 20px;
  min-width: 0;
  padding: 30px 40px;
  box-sizing: border-box;
  color: #fff;
}
.life-guide__consult-item--phone {
  background-color: #2D2D2D;
  border-radius: 20px 0 0 20px;
}
.life-guide__consult-item--web {
  background-color: #083637;
  border-radius: 0 20px 20px 0;
}
.life-guide__consult-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  min-width: 0;
}
.life-guide__consult-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
.life-guide__consult-desc {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.48px;
  word-break: keep-all;
}
.life-guide__consult-visual {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
}
.life-guide__consult-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (max-width: 1279px) {
  .life-guide__intro-media {
    width: 300px;
  }
  .life-guide__intro-body {
    padding: 30px;
    gap: 16px;
  }
  .life-guide__intro-title {
    font-size: 22px;
    letter-spacing: -0.66px;
  }
  .life-guide__step {
    padding: 16px 12px;
  }
  .life-guide__step-text {
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .life-guide__arrow {
    width: 28px;
  }
  .life-guide__consult-item {
    padding: 24px 20px;
    gap: 12px;
  }
  .life-guide__consult-title {
    font-size: 18px;
    letter-spacing: -0.54px;
  }
  .life-guide__consult-desc {
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .life-guide__consult-visual {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .life-guide {
    gap: 30px;
  }
  .life-guide__intro {
    flex-direction: column;
  }
  .life-guide__intro-media {
    width: 100%;
    height: 200px;
    border: 1px solid #C6C6C6;
    border-bottom: 0;
    border-radius: 20px 20px 0 0;
  }
  .life-guide__intro-body {
    padding: 24px 20px;
    gap: 16px;
    border-radius: 0 0 20px 20px;
  }
  .life-guide__intro-title {
    font-size: 20px;
    letter-spacing: -0.6px;
  }
  .life-guide__intro-desc {
    font-size: 15px;
    letter-spacing: -0.45px;
  }
  .life-guide__section > .subtit_l {
    margin-bottom: 10px;
    font-size: 18px;
    letter-spacing: -0.54px;
  }
  .life-guide__steps {
    flex-direction: column;
    gap: 0;
  }
  .life-guide__step {
    flex-direction: row;
    justify-content: flex-start;
    gap: 16px;
    width: 100%;
    padding: 16px 20px;
    text-align: left;
  }
  .life-guide__step-text br {
    display: none;
  }
  .life-guide__arrow {
    width: 40px;
    height: 40px;
    margin: 4px auto;
    transform: rotate(90deg);
  }
  .life-guide__arrow::before, .life-guide__arrow::after {
    left: 50%;
  }
  .life-guide__consult {
    flex-direction: column;
  }
  .life-guide__consult-item {
    padding: 24px 20px;
  }
  .life-guide__consult-item--phone {
    border-radius: 20px 20px 0 0;
  }
  .life-guide__consult-item--web {
    border-radius: 0 0 20px 20px;
  }
  .life-guide__consult-visual {
    width: 80px;
    height: 80px;
  }
}
.regulation {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.regulation__section > .subtit_l {
  margin-bottom: 0;
}
.regulation__section .table_area.mScroll {
  margin-top: 20px;
}
.regulation__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 10px 16px;
  border-radius: 10px;
  background: #0D5A5C;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.48px;
  white-space: nowrap;
  box-sizing: border-box;
  text-decoration: none;
}
.regulation__btn .ico_down {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/static/home/images/sub/ico_btn_down_white-45dbded33d96ea53bf41b57465126e1a.svg);
}
.regulation__btn:hover {
  background: #083637;
}
@media screen and (max-width: 767px) {
  .regulation {
    gap: 32px;
  }
  .regulation__section .table_area.mScroll {
    margin-top: 16px;
  }
  .regulation__section table {
    min-width: 640px;
  }
  .regulation__btn {
    padding: 8px 12px;
    font-size: 14px;
    letter-spacing: -0.42px;
  }
}

.life-join {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.life-join__flow {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
}
.life-join__flow-card {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  gap: 30px;
  min-width: 0;
  padding: 30px;
  border: 1px solid #c6c6c6;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: #fff;
}
.life-join__flow-icon {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
}
.life-join__flow-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.life-join__flow-divider {
  flex-shrink: 0;
  width: 1px;
  height: 80px;
  background-color: #e4e4e4;
  transform: rotate(20deg);
}
.life-join__flow-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.life-join__flow-title {
  margin: 0;
  color: #1D1D1D;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
.life-join__flow-desc {
  margin: 0;
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.48px;
  word-break: keep-all;
}
.life-join__br-m {
  display: none;
}
.life-join__arrow {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}
.life-join__arrow::before, .life-join__arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 20px;
  height: 6px;
  border-radius: 5px;
  transform-origin: center;
}
.life-join__arrow::before {
  top: 10px;
  background-color: #ffb237;
  opacity: 0.5;
  transform: translateX(-50%) rotate(45deg);
}
.life-join__arrow::after {
  top: 18px;
  background-color: #a3a3a3;
  opacity: 0.5;
  transform: translateX(-50%) rotate(-45deg);
}
.life-join__section {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.life-join__section > .subtit_l {
  margin-bottom: 10px;
}
.life-join__services {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.life-join__service {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  padding: 20px 30px;
  border: 1px solid #ffb947;
  border-radius: 10px;
  background-color: #fffbf3;
  box-sizing: border-box;
}
.life-join__service-icon {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}
.life-join__service-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.life-join__service-text {
  flex: 1;
  margin: 0;
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.48px;
  text-align: center;
  word-break: keep-all;
}

@media screen and (max-width: 1279px) {
  .life-join__flow-card {
    padding: 24px 20px;
  }
  .life-join__flow-icon {
    width: 64px;
    height: 64px;
  }
  .life-join__flow-divider {
    height: 64px;
  }
  .life-join__flow-title {
    font-size: 18px;
    letter-spacing: -0.54px;
  }
  .life-join__flow-desc {
    font-size: 15px;
    letter-spacing: -0.45px;
  }
  .life-join__service {
    padding: 16px 20px;
  }
}
@media screen and (max-width: 767px) {
  .life-join {
    gap: 30px;
  }
  .life-join__flow {
    flex-direction: column;
    gap: 0;
  }
  .life-join__flow-card {
    width: 100%;
    padding: 20px 30px;
  }
  .life-join__flow-icon {
    width: 60px;
    height: 60px;
  }
  .life-join__flow-divider {
    height: 60px;
  }
  .life-join__flow-title {
    font-size: 16px;
    letter-spacing: -0.48px;
  }
  .life-join__flow-desc {
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .life-join__br-m {
    display: inline;
  }
  .life-join__arrow {
    margin: 0 auto;
    transform: rotate(90deg);
  }
  .life-join__section > .subtit_l {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    letter-spacing: -0.54px;
  }
  .life-join__services {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .life-join__service {
    width: 100%;
    padding: 10px 30px;
  }
}
.player-reg {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.player-reg__intro {
  display: flex;
  align-items: stretch;
  width: 100%;
  overflow: hidden;
  border: 1px solid #C6C6C6;
  border-radius: 20px;
}
.player-reg__intro-media {
  flex-shrink: 0;
  width: 390px;
  border-right: 0;
  overflow: hidden;
}
.player-reg__intro-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.player-reg__intro-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  min-width: 0;
  padding: 40px;
  box-sizing: border-box;
}
.player-reg__intro-title {
  margin: 0;
  color: #1D1D1D;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.72px;
}
.player-reg__intro-desc {
  margin: 0;
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.48px;
  word-break: keep-all;
}
.player-reg__intro-body .subtit_m_dot {
  margin: 0;
}
.player-reg__section {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.player-reg__section > .subtit_l {
  margin-bottom: 20px;
}
.player-reg__steps {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  row-gap: 30px;
  column-gap: 10px;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.player-reg__step {
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: 0;
  min-height: 110px;
  padding: 20px 30px;
  border: 1px solid #C6C6C6;
  border-radius: 10px;
  background-color: #fff;
  box-sizing: border-box;
}
.player-reg__num {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #F0F0F0;
  color: #861d29;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.54px;
}
.player-reg__icon {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
}
.player-reg__icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.player-reg__text {
  flex: 1;
  margin: 0;
  color: #1D1D1D;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.42px;
  word-break: keep-all;
}
.player-reg__arrow {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
  justify-self: center;
}
.player-reg__arrow::before, .player-reg__arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 20px;
  height: 6px;
  border-radius: 5px;
  transform-origin: center;
}
.player-reg__arrow::before {
  top: 10px;
  background-color: #e55969;
  opacity: 0.5;
  transform: translateX(-50%) rotate(45deg);
}
.player-reg__arrow::after {
  top: 18px;
  background-color: #a3a3a3;
  opacity: 0.5;
  transform: translateX(-50%) rotate(-45deg);
}
.player-reg__arrow--m {
  display: none;
}

@media screen and (max-width: 1279px) {
  .player-reg__intro-media {
    width: 300px;
  }
  .player-reg__intro-body {
    padding: 30px;
    gap: 16px;
  }
  .player-reg__intro-title {
    font-size: 22px;
    letter-spacing: -0.66px;
  }
  .player-reg__step {
    gap: 14px;
    padding: 16px 20px;
  }
  .player-reg__icon {
    width: 56px;
    height: 56px;
  }
}
@media screen and (max-width: 767px) {
  .player-reg {
    gap: 30px;
  }
  .player-reg__intro {
    flex-direction: column;
  }
  .player-reg__intro-media {
    width: 100%;
    height: 200px;
  }
  .player-reg__intro-body {
    padding: 20px;
    gap: 10px;
    border-top: 1px solid #C6C6C6;
  }
  .player-reg__intro-title {
    font-size: 20px;
    letter-spacing: -0.6px;
  }
  .player-reg__intro-desc {
    font-size: 15px;
    letter-spacing: -0.45px;
  }
  .player-reg__section > .subtit_l {
    margin-bottom: 10px;
    font-size: 18px;
    letter-spacing: -0.54px;
  }
  .player-reg__steps {
    grid-template-columns: 1fr;
    row-gap: 0;
    justify-items: stretch;
  }
  .player-reg__step {
    width: 100%;
    gap: 12px;
    min-height: 0;
    padding: 20px;
  }
  .player-reg__num {
    width: 30px;
    height: 30px;
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .player-reg__icon {
    width: 50px;
    height: 50px;
  }
  .player-reg__text {
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .player-reg__text br {
    display: none;
  }
  .player-reg__arrow {
    margin: 0 auto;
    transform: rotate(90deg);
  }
  .player-reg__arrow--m {
    display: block;
  }
}
.sitemap {
  width: 100%;
}
.sitemap #gnb {
  width: 100%;
}
.sitemap #gnbList_1depth {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sitemap .gnb-dep1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.sitemap .gnb-dep1-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 16px 24px;
  border-radius: 20px 0;
  background: url(/static/home/images/content/stiemap_bg-acf94c78cfec1adca0bd61c6058ba832.png) center/cover no-repeat, linear-gradient(90deg, #0D5A5C 0%, #083637 100%);
  box-sizing: border-box;
  overflow: hidden;
  text-decoration: none;
}
.sitemap .gnb-dep1-item::after {
  display: none;
}
.sitemap .gnb-dep1-item p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.6px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sitemap .gnbMenuBox {
  display: block !important;
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  height: auto;
  padding: 0;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  z-index: auto;
}
.sitemap .gnbMenuBox .inr {
  min-height: 0;
  padding: 0;
  width: 100%;
  max-width: none;
}
.sitemap .gnbMenuBox .dep2 {
  width: 100%;
  position: static;
}
.sitemap .gnbMenuBox .dep2 > .gnbList {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.sitemap .gnbMenuBox .dep2 > .gnbList > li {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
.sitemap .gnbMenuBox .dep2 > .gnbList .gnb-dep2-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 20px;
  border: 1px solid #D8D8D8;
  border-radius: 0;
  background: #fff;
  color: #0f0f0f;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.48px;
  box-sizing: border-box;
  text-decoration: none;
}
.sitemap .gnbMenuBox .dep2 > .gnbList > li:first-child > .gnb-dep2-item {
  border-radius: 10px 10px 0 0;
}
.sitemap .gnbMenuBox .dep2 > .gnbList > li:not(:first-child) > .gnb-dep2-item {
  border-top: 0;
}
.sitemap .gnbMenuBox .dep2 > .gnbList > li:last-child:not(:has(.dep3)) > .gnb-dep2-item {
  border-radius: 0 0 10px 10px;
}
.sitemap .gnbMenuBox .dep2 > .gnbList > li:only-child:not(:has(.dep3)) > .gnb-dep2-item {
  border-radius: 10px;
}
.sitemap .gnbMenuBox .dep2 > .gnbList .gnb-dep2-item > span {
  flex: 1 1 auto;
  min-width: 0;
}
.sitemap .gnbMenuBox .dep2 > .gnbList .gnb-dep2-item.bigmenu::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-image: url(/static/home/images/icons/ico-mgnb-submenu-b5fc9800fb5919adb5f1f689356445a6.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.sitemap .gnbMenuBox .dep2 > .gnbList .gnb-dep2-item.bigmenu:hover::after,
.sitemap .gnbMenuBox .dep2 > .gnbList .gnb-dep2-item.bigmenu:focus::after {
  background-image: url(/static/home/images/icons/ico-mgnb-submenu-b5fc9800fb5919adb5f1f689356445a6.svg);
}
.sitemap .gnbMenuBox .dep2 > .gnbList .gnb-dep2-item[target=_blank]::after {
  width: 16px;
  height: 16px;
  background-image: url(/static/home/images/icons/ico-h-link-033f8fca2ff851282b8d4247f9efe2d0.svg);
}
.sitemap .gnbMenuBox .dep2 > .gnbList .gnb-dep2-item:hover,
.sitemap .gnbMenuBox .dep2 > .gnbList .gnb-dep2-item:focus {
  background: #fff;
  color: #0A484A;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sitemap .gnbMenuBox .dep2 > .gnbList .gnb-dep2-item.active {
  background: #fff;
  color: #0A484A;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sitemap .gnbMenuBox .dep2 > .gnbList .gnb-dep2-item.active::after {
  background-image: url(/static/home/images/icons/ico-mgnb-submenu-b5fc9800fb5919adb5f1f689356445a6.svg);
}
.sitemap .gnbMenuBox .dep3 {
  padding: 20px;
  border: 1px solid #D8D8D8;
  border-top: 0;
  background-color: #F8F8F8;
  box-sizing: border-box;
}
.sitemap .gnbMenuBox .dep3 > .gnbList {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.sitemap .gnbMenuBox .dep3 > .gnbList > li {
  width: 100%;
}
.sitemap .gnbMenuBox .dep3 > .gnbList .gnb-dep3-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  padding-left: 14px;
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.48px;
  text-decoration: none;
}
.sitemap .gnbMenuBox .dep3 > .gnbList .gnb-dep3-item::before {
  content: "";
  display: block;
  width: 8px;
  min-width: 8px;
  height: 2px;
  border-radius: 4px;
  background-color: #8E8E8E;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sitemap .gnbMenuBox .dep3 > .gnbList .gnb-dep3-item:hover,
.sitemap .gnbMenuBox .dep3 > .gnbList .gnb-dep3-item:focus {
  color: #0A484A;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sitemap .gnbMenuBox .dep3 > .gnbList .gnb-dep3-item.active {
  color: #0A484A;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sitemap .gnbMenuBox .dep3 > .gnbList .gnb-dep3-item[target=_blank]::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-image: url(/static/home/images/icons/ico-h-link-033f8fca2ff851282b8d4247f9efe2d0.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.sitemap .gnbMenuBox .dep2 > .gnbList > li:last-child > .dep3 {
  border-radius: 0 0 10px 10px;
}

@media screen and (max-width: 1279px) {
  .sitemap #gnbList_1depth {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 16px;
  }
  .sitemap .gnb-dep1-item p {
    font-size: 18px;
    letter-spacing: -0.54px;
  }
}
@media screen and (max-width: 767px) {
  .sitemap #gnbList_1depth {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .sitemap .gnb-dep1-item {
    padding: 14px 20px;
  }
  .sitemap .gnb-dep1-item p {
    font-size: 18px;
    letter-spacing: -0.54px;
  }
  .sitemap .gnbMenuBox .dep2 > .gnbList .gnb-dep2-item {
    padding: 16px 20px;
  }
  .sitemap .gnbMenuBox .dep3 {
    padding: 16px 20px;
  }
  .sitemap .gnbMenuBox .dep3 > .gnbList {
    gap: 12px;
  }
  .sitemap .gnbMenuBox .dep3 > .gnbList .gnb-dep3-item {
    font-size: 15px;
    letter-spacing: -0.45px;
  }
}
.donate {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.donate__intro {
  display: flex;
  align-items: stretch;
  width: 100%;
  overflow: hidden;
}
.donate__intro-media {
  flex-shrink: 0;
  width: 390px;
  min-height: 282px;
  border: 1px solid #C6C6C6;
  border-right: 0;
  border-radius: 20px 0 0 0;
  overflow: hidden;
}
.donate__intro-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.donate__intro-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  min-width: 0;
  padding: 40px;
  border: 1px solid #C6C6C6;
  border-radius: 0 0 20px 0;
  box-sizing: border-box;
}
.donate__intro-title {
  margin: 0;
  color: #1D1D1D;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.72px;
  word-break: keep-all;
}
.donate__intro-desc {
  margin: 0;
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.48px;
  word-break: keep-all;
}
.donate__intro-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.donate__intro-list .subtit_m_dot {
  margin: 0;
  font-weight: 500;
  letter-spacing: -0.48px;
}
.donate__intro-list .subtit_m_dot::before {
  background-color: #0D5A5C;
}
.donate__section {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.donate__section > .subtit_l {
  margin-bottom: 10px;
}
.donate__section .subtit_l_con {
  margin-top: 0;
  padding-left: 0;
  gap: 8px;
}
.donate__section .table_area.mScroll {
  margin-top: 20px;
}
.donate__section .table_area.mScroll table tbody tr th {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.48px;
}
.donate__section .table_area.mScroll table tbody tr td.align_left {
  text-align: left;
}
.donate__note {
  margin: 0;
  padding-left: 40px;
  color: #fe4c4c;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.48px;
  word-break: keep-all;
}

@media screen and (max-width: 1279px) {
  .donate__intro-media {
    width: 300px;
    min-height: 240px;
  }
  .donate__intro-body {
    padding: 30px;
    gap: 16px;
  }
  .donate__intro-title {
    font-size: 22px;
    letter-spacing: -0.66px;
  }
}
@media screen and (max-width: 767px) {
  .donate {
    gap: 30px;
  }
  .donate__intro {
    flex-direction: column;
  }
  .donate__intro-media {
    width: 100%;
    min-height: 200px;
    height: 200px;
    border: 1px solid #C6C6C6;
    border-bottom: 0;
    border-radius: 20px 20px 0 0;
  }
  .donate__intro-body {
    padding: 24px 20px;
    gap: 16px;
    border-radius: 0 0 20px 20px;
  }
  .donate__intro-title {
    font-size: 20px;
    letter-spacing: -0.6px;
  }
  .donate__intro-desc {
    font-size: 15px;
    letter-spacing: -0.45px;
  }
  .donate__section > .subtit_l {
    margin-bottom: 10px;
    font-size: 18px;
    letter-spacing: -0.54px;
  }
  .donate__section .table_area.mScroll {
    margin-top: 16px;
  }
  .donate__note {
    padding-left: 20px;
    font-size: 14px;
    letter-spacing: -0.42px;
  }
}
.facility-status {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.facility-status__img-map {
  display: flex;
  justify-content: center;
}
.facility-status__img-map img {
  display: block;
  max-width: 100%;
  height: auto;
}
.facility-status__panels {
  width: 100%;
  gap: 40px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.facility-status__download-box {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.facility-status__download {
  border-radius: 6px;
  border: 1px solid #2D2D2D;
  background: #FFF;
  display: inline-flex;
  padding: 4px 8px 4px 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #2D2D2D;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
}
.facility-status__download:hover, .facility-status__download:focus {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.facility-status__panel {
  display: none;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.facility-status__panel.is-active, .facility-status__panel:not([hidden]) {
  display: flex;
}
.facility-status__panel > .subtit_l {
  margin-bottom: 0;
}
.facility-status__panel .table_area.mScroll {
  margin-top: 0;
}
.facility-status__panel .table_area.mScroll table tbody tr td {
  font-size: 16px;
  letter-spacing: -0.48px;
}
.facility-status__panel .table_area.mScroll table tbody tr td.align_left {
  text-align: left;
}
.facility-status__extra {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.facility-status__extra .subtit_m_dot {
  margin: 0;
  padding-left: 30px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.54px;
}
.facility-status__extra .subtit_m_dot::before {
  background-color: #0D5A5C;
}
.facility-status__extra-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0 0 0 40px;
  list-style: none;
}
.facility-status__extra-list li {
  position: relative;
  padding-left: 12px;
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.48px;
  word-break: keep-all;
}
.facility-status__extra-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 6px;
  height: 1.4px;
  background: #8e8e8e;
}

@media screen and (max-width: 767px) {
  .facility-status {
    gap: 30px;
  }
  .facility-status__panel {
    gap: 16px;
  }
  .facility-status__panel .table_area.mScroll table colgroup col:nth-child(1) {
    width: 48px !important;
  }
  .facility-status__panel .table_area.mScroll table colgroup col:nth-child(2),
  .facility-status__panel .table_area.mScroll table colgroup col:nth-child(4) {
    width: 120px !important;
  }
  .facility-status__panel > .subtit_l {
    margin-top: 0;
  }
  .facility-status__extra .subtit_m_dot {
    font-size: 16px;
    letter-spacing: -0.48px;
  }
  .facility-status__extra-list {
    padding-left: 30px;
  }
  .facility-status__extra-list li {
    font-size: 15px;
    letter-spacing: -0.45px;
  }
}
.biz-intro {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.biz-intro__section > .subtit_l {
  margin-bottom: 0;
}
.biz-intro__section .subtit_l_con {
  margin-top: 16px;
}
.biz-intro__section .table_area.mScroll {
  margin-top: 20px;
}
.biz-intro__section .table_area.mScroll table tbody tr th {
  background: #f5f7f7;
  font-weight: 600;
}
.biz-intro__section .table_area.mScroll table tbody tr td.align_left {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .biz-intro {
    gap: 32px;
  }
  .biz-intro__section > .subtit_l {
    font-size: 18px;
    letter-spacing: -0.54px;
  }
  .biz-intro__section .table_area.mScroll {
    margin-top: 16px;
  }
}

.privacy {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.privacy__section > .subtit_l {
  margin-bottom: 0;
}
.privacy__section .subtit_l_con {
  margin-top: 16px;
}
.privacy__section .table_area.mScroll {
  margin-top: 20px;
  margin-bottom: 16px;
}
.privacy__section .table_area.mScroll table tbody tr td.align_left {
  text-align: left;
}
.privacy__section a {
  color: #0D5A5C;
  text-decoration: underline;
  word-break: break-all;
}
.privacy__section a:hover {
  color: #083637;
}
.privacy__note {
  color: #666;
  font-size: 15px;
  letter-spacing: -0.45px;
}
.privacy__accent {
  color: #f17400 !important;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .privacy {
    gap: 32px;
  }
  .privacy__section > .subtit_l {
    font-size: 18px;
    letter-spacing: -0.54px;
    margin-top: 0;
  }
  .privacy__section .table_area.mScroll {
    margin-top: 16px;
  }
}

.missionVision {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.missionVision__row {
  display: flex;
  align-items: center;
  width: 100%;
}
.missionVision__row--strategy {
  align-items: flex-start;
}
.missionVision__label-wrap {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.missionVision__label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 200px;
  height: 70px;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 20px 0 20px 0;
  background-color: #0A484A;
  color: #fff;
  overflow: hidden;
}
.missionVision__label::after {
  content: "";
  position: absolute;
  top: 12%;
  left: 48%;
  width: 58%;
  height: 80%;
  background: url(/static/home/images/content/overview_label_deco-cdde1578bbc7a648414643708c30e34e.png) center/contain no-repeat;
  mix-blend-mode: overlay;
  opacity: 0.2;
  pointer-events: none;
}
.missionVision__label-ko {
  position: relative;
  z-index: 1;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.72px;
  white-space: nowrap;
}
.missionVision__label-en {
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.48px;
  white-space: nowrap;
}
.missionVision__connector {
  flex-shrink: 0;
  width: 40px;
  height: 1px;
  background-color: #C6C6C6;
}
.missionVision__body {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 70px;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 20px 0 20px 0;
}
.missionVision__body--statement {
  background: linear-gradient(90deg, #333 0%, #555 100%);
  color: #fff;
}
.missionVision__text {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.72px;
  text-align: center;
  color: #fff;
}
.missionVision__highlight {
  font-weight: 700;
  color: #ffb947;
}
.missionVision__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-left: 240px;
  box-sizing: border-box;
}
.missionVision__arrow-inner {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
}
.missionVision__arrow-bar {
  position: absolute;
  top: 60%;
  width: 24px;
  height: 6px;
  border-radius: 5px;
  opacity: 0.5;
}
.missionVision__arrow-bar--gray {
  left: -2px;
  background-color: #8E8E8E;
  transform: rotate(45deg);
  transform-origin: right center;
}
.missionVision__arrow-bar--teal {
  right: -2px;
  background-color: #3D7B7D;
  transform: rotate(-45deg);
  transform-origin: left center;
}
.missionVision__goals {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  gap: 10px;
  min-width: 0;
  min-height: 70px;
}
.missionVision__goal {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 0 20px;
  box-sizing: border-box;
  border: 1px solid;
  border-radius: 50px;
}
.missionVision__goal--teal {
  background-color: #E7EFEF;
  border-color: #6E9C9D;
}
.missionVision__goal--teal .missionVision__goal-tag {
  color: #0A484A;
}
.missionVision__goal--gold {
  background-color: rgba(255, 185, 71, 0.1);
  border-color: #ffb947;
}
.missionVision__goal--gold .missionVision__goal-tag {
  color: #885400;
}
.missionVision__goal--gray {
  background-color: #F8F8F8;
  border-color: #717171;
}
.missionVision__goal--gray .missionVision__goal-tag {
  color: #2D2D2D;
}
.missionVision__goal-tag {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.42px;
  white-space: nowrap;
}
.missionVision__goal-text {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.6px;
  color: #1D1D1D;
  text-align: center;
  white-space: nowrap;
}
.missionVision__goal-text strong {
  font-weight: 600;
}
.missionVision__strategy {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  gap: 10px;
  min-width: 0;
}
.missionVision__col {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-width: 0;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid;
  border-radius: 20px;
}
.missionVision__col--teal {
  background-color: #E7EFEF;
  border-color: #6E9C9D;
}
.missionVision__col--teal .missionVision__badge {
  background-color: #083637;
}
.missionVision__col--teal .missionVision__dash {
  border-color: #6E9C9D;
}
.missionVision__col--gold {
  background-color: rgba(255, 185, 71, 0.1);
  border-color: #ffb947;
}
.missionVision__col--gold .missionVision__badge {
  background-color: #885400;
}
.missionVision__col--gold .missionVision__dash {
  border-color: #ffb947;
}
.missionVision__col--gray {
  background-color: #F8F8F8;
  border-color: #717171;
}
.missionVision__col--gray .missionVision__badge {
  background-color: #2D2D2D;
}
.missionVision__col--gray .missionVision__dash {
  border-color: #717171;
}
.missionVision__task {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.missionVision__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.42px;
  color: #fff;
  white-space: nowrap;
}
.missionVision__task-text {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.48px;
  color: #1D1D1D;
  text-align: center;
}
.missionVision__dash {
  display: block;
  width: 100%;
  height: 0;
  border: 0;
  border-top: 1px dashed;
}
@media screen and (max-width: 1279px) {
  .missionVision__label {
    width: 160px;
    padding: 16px;
  }
  .missionVision__label-ko {
    font-size: 20px;
    letter-spacing: -0.6px;
  }
  .missionVision__text {
    font-size: 18px;
    letter-spacing: -0.54px;
  }
  .missionVision__goal-text {
    font-size: 16px;
    letter-spacing: -0.48px;
    white-space: normal;
  }
  .missionVision__goal-tag {
    white-space: normal;
    text-align: center;
  }
  .missionVision__arrow {
    padding-left: 200px;
  }
  .missionVision__task-text {
    font-size: 15px;
    letter-spacing: -0.45px;
  }
}
@media screen and (max-width: 767px) {
  .missionVision {
    gap: 10px;
  }
  .missionVision__row, .missionVision__row--goals, .missionVision__row--strategy {
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
  }
  .missionVision__label-wrap {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  .missionVision__label {
    width: 100%;
    height: 50px;
    min-height: 50px;
    padding: 10px 20px;
    border-radius: 10px 0 10px 0;
  }
  .missionVision__label-ko {
    font-size: 20px;
    letter-spacing: -0.6px;
  }
  .missionVision__label-en {
    font-size: 16px;
    letter-spacing: -0.48px;
  }
  .missionVision__connector {
    display: none;
  }
  .missionVision__body {
    width: 100%;
    height: 50px;
    min-height: 50px;
    padding: 10px 20px;
    border-radius: 10px 0 10px 0;
  }
  .missionVision__text {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.48px;
  }
  .missionVision__arrow {
    padding-left: 0;
  }
  .missionVision__goals {
    flex-direction: column;
    gap: 5px;
    min-height: 0;
  }
  .missionVision__goal {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 10px 20px;
    border-radius: 10px;
  }
  .missionVision__goal-tag {
    flex-shrink: 0;
    font-size: 14px;
    letter-spacing: -0.42px;
    white-space: nowrap;
    text-align: right;
  }
  .missionVision__goal-text {
    font-size: 18px;
    letter-spacing: -0.54px;
    text-align: left;
    white-space: nowrap;
  }
  .missionVision__goal-text strong {
    font-weight: 600;
  }
  .missionVision__strategy {
    flex-direction: column;
    gap: 10px;
  }
  .missionVision__col {
    width: 100%;
    border-radius: 10px;
  }
  .missionVision__task {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
  }
  .missionVision__badge {
    padding: 0 10px;
    flex-shrink: 0;
  }
  .missionVision__task-text {
    font-size: 16px;
    letter-spacing: -0.48px;
    text-align: left;
  }
}

.life-sports__visual {
  width: 100%;
  margin-bottom: 40px;
  border-radius: 16px 0 16px 0;
  overflow: hidden;
}
.life-sports__visual img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 982/320;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .life-sports__visual {
    margin-bottom: 30px;
    border-radius: 10px 0 10px 0;
  }
}

.sport-class {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.sport-class__visual {
  width: 100%;
  border-radius: 16px 0 24px 0;
  overflow: hidden;
}
.sport-class__visual img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 982/320;
  object-fit: cover;
}
.sport-class__list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sport-class__item {
  display: flex;
  align-items: center;
  width: 100%;
}
.sport-class__label {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 200px;
  min-height: 67px;
  margin: 0;
  padding: 20px;
  border-radius: 20px 0;
  background-color: #0A484A;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.72px;
  box-sizing: border-box;
  overflow: hidden;
}
.sport-class__label::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url(/static/home/images/content/sport_class_label_deco-cdde1578bbc7a648414643708c30e34e.png) right center/56% auto no-repeat;
  opacity: 0.2;
  mix-blend-mode: overlay;
  pointer-events: none;
}
.sport-class__connector {
  flex-shrink: 0;
  width: 40px;
  height: 1px;
  background-color: #C6C6C6;
}
.sport-class__desc {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 67px;
  margin: 0;
  padding: 20px;
  border-radius: 20px 0;
  background: linear-gradient(90deg, #2D2D2D 0%, #555555 100%);
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.54px;
  text-align: center;
  word-break: keep-all;
  box-sizing: border-box;
}
.sport-class__action {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1279px) {
  .sport-class__label {
    width: 160px;
    min-height: 60px;
    padding: 16px;
    font-size: 20px;
    letter-spacing: -0.6px;
  }
  .sport-class__desc {
    min-height: 60px;
    padding: 16px;
    font-size: 16px;
    letter-spacing: -0.48px;
    white-space: normal;
  }
  .sport-class__connector {
    width: 24px;
  }
}
@media screen and (max-width: 767px) {
  .sport-class {
    gap: 30px;
  }
  .sport-class__visual {
    border-radius: 16px 0;
  }
  .sport-class__visual img {
    aspect-ratio: 358/156;
  }
  .sport-class__list {
    gap: 30px;
  }
  .sport-class__item {
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
  }
  .sport-class__label {
    width: 100%;
    min-height: 50px;
    padding: 10px 20px;
    border-radius: 10px 0;
    font-size: 20px;
    letter-spacing: -0.6px;
    justify-content: flex-start;
  }
  .sport-class__connector {
    display: none;
  }
  .sport-class__desc {
    width: 100%;
    min-height: 0;
    padding: 10px 20px;
    border-radius: 10px 0;
    font-size: 18px;
    letter-spacing: -0.54px;
  }
}