/* ELLIPSIS */
/* / */
@media screen and (max-width: 1280px) {
  .sec-intro__intro {
    gap: 10rem;
  }
}

/* #region esg icon*/
.esg-icons-wrap {
  display: flex;
  gap: 4rem;
}
.esg-icons-wrap.esg-icons-wrap--mw-ty1 {
  min-width: 125rem;
}
@media screen and (max-width: 1280px) {
  .esg-icons-wrap.esg-icons-wrap--mw-ty1 {
    min-width: 93rem;
  }
}

.esg-icon {
  width: 39rem;
  height: 39rem;
}
@media screen and (max-width: 1280px) {
  .esg-icon {
    width: 28rem;
    height: 28rem;
  }
}

.spell.spell--e {
  width: 127.44rem;
  height: auto;
}
.spell.spell--s {
  width: 107.52rem;
  height: auto;
}
.spell.spell--g {
  width: 151.92rem;
  height: auto;
}
@media screen and (max-width: 1280px) {
  .spell.spell--e {
    width: 50.35rem;
  }
  .spell.spell--s {
    width: 40rem;
  }
  .spell.spell--g {
    width: 55rem;
    height: auto;
  }
}

/* #endregion esg icon*/
/* #region esg*/
.sec-esg {
  background-color: #121721;
}

.sec-esg__esg {
  margin-top: 52rem;
}
@media screen and (max-width: 1280px) {
  .sec-esg__esg {
    margin-top: 28rem;
  }
}

.esg {
  display: flex;
  gap: 30rem;
}
@media screen and (max-width: 1280px) {
  .esg {
    flex-direction: column;
    gap: 16rem;
  }
}

.esg__1 {
  width: 250rem;
}
@media screen and (max-width: 1280px) {
  .esg__1 {
    width: 100%;
  }
}

.esg__2 {
  width: 1370rem;
}
@media screen and (max-width: 1280px) {
  .esg__2 {
    width: auto;
  }
}

.esg-pagi {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1280px) {
  .esg-pagi {
    flex-direction: row;
  }
}

.esg__slide.swiper-slide-active .esg-card__spell {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transform: 1s 0s;
}

.esg-custom-pagination-bullet {
  position: relative;
  width: 100%;
  border-radius: 10rem;
  overflow: hidden;
  padding: 17rem 28rem;
  margin: 0 !important;
  height: auto;
  background-color: transparent;
  transition: 0.5s;
}
.esg-custom-pagination-bullet.swiper-pagination-bullet-active {
  border-top: none;
  background-color: #fff;
}
.esg-custom-pagination-bullet.swiper-pagination-bullet-active .esg-custom-bullet-icon {
  color: var(--BLACK, #111);
}
.esg-custom-pagination-bullet.swiper-pagination-bullet-active .esg-custom-bullet-title {
  color: var(--BLACK, #111);
}
.esg-custom-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active + .esg-custom-pagination-bullet::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1rem;
  background-color: #999;
}
@media screen and (max-width: 1280px) {
  .esg-custom-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active + .esg-custom-pagination-bullet::after {
    left: auto;
    right: 0;
    width: 1rem;
    height: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .esg-custom-pagination-bullet {
    flex: 1;
    padding: 8rem;
    overflow: visible;
  }
}

.esg-custom-bullet-content {
  display: flex;
  gap: 10rem;
}
@media screen and (max-width: 1280px) {
  .esg-custom-bullet-content {
    gap: 6rem;
    justify-content: center;
  }
}

.esg-custom-bullet-icon {
  color: var(--DARK4_9, #999);
  font-family: Nanum Myeongjo;
  font-size: var(--font-size-2, 32rem);
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 38.4px */
  letter-spacing: -0.64rem;
  line-height: 100%;
}
@media screen and (max-width: 1280px) {
  .esg-custom-bullet-icon {
    font-family: Nanum Myeongjo;
    font-size: 22rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 26.4px */
    letter-spacing: -0.44rem;
  }
}

.esg-custom-bullet-text {
  align-self: end;
  transition: 0.5s;
}
@media screen and (max-width: 1280px) {
  .esg-custom-bullet-text {
    align-self: center;
  }
}

.esg-custom-bullet-title {
  color: var(--DARK4_9, #999);
  transition: 0.5s;
  font-family: var(--font-family-Pretendard, Pretendard);
  font-size: var(--font-size-4, 22rem);
  font-style: normal;
  font-weight: var(--font-weight-medium, 500);
  line-height: 140%;
  /* 30.8rem */
  letter-spacing: -0.44rem;
}
@media screen and (max-width: 1280px) {
  .esg-custom-bullet-title {
    font-family: var(--font-family-Pretendard, Pretendard);
    font-size: 18rem;
    font-style: normal;
    font-weight: var(--font-weight-medium, 500);
    line-height: 140%;
    /* 25.2px */
    letter-spacing: -0.36rem;
  }
}

.esg-card {
  display: flex;
  gap: 74rem;
}
@media screen and (max-width: 1280px) {
  .esg-card {
    flex-direction: column;
    gap: 36rem;
  }
}

.esg-card__1 {
  width: 810rem;
  flex-shrink: 0;
}
@media screen and (max-width: 1280px) {
  .esg-card__1 {
    width: auto;
  }
}

.esg-card__2 {
  display: flex;
  flex-direction: column;
  padding: 74rem 0 34rem;
}
@media screen and (max-width: 1280px) {
  .esg-card__2 {
    padding: 0;
  }
}

.esg-card__2-top {
  display: flex;
  flex-direction: column;
  gap: 12rem;
}
@media screen and (max-width: 1280px) {
  .esg-card__2-top {
    gap: 8rem;
  }
}

.esg-card__2-btm {
  padding: 20rem 0 0;
  border-top: 1rem solid #999;
  margin: auto 0 0;
}
@media screen and (max-width: 1280px) {
  .esg-card__2-btm {
    padding: 16rem 0 0;
    margin: 36rem 0 0;
  }
}

.esg-card-list__item {
  display: flex;
  align-items: center;
  gap: 28rem;
}
.esg-card-list__item + .esg-card-list__item {
  margin-top: 12rem;
}
@media screen and (max-width: 1280px) {
  .esg-card-list__item {
    gap: 14rem;
  }
  .esg-card-list__item + .esg-card-list__item {
    margin-top: 6rem;
  }
}

.esg-icons-des {
  color: var(--WHITE, #fff);
  font-family: var(--font-family-Pretendard, Pretendard);
  font-size: var(--font-size-6, 18rem);
  font-style: normal;
  font-weight: var(--font-weight-medium, 500);
  line-height: 120%;
  /* 21.6px */
  letter-spacing: -0.36rem;
}
@media screen and (max-width: 1280px) {
  .esg-icons-des {
    font-family: var(--font-family-Pretendard, Pretendard);
    font-size: 15rem;
    font-style: normal;
    font-weight: var(--font-weight-medium, 500);
    line-height: 120%;
    /* 18px */
    letter-spacing: -0.3rem;
  }
}

.esg-card__img-wrap {
  position: relative;
  border-radius: 10rem;
  overflow: hidden;
  transition: 0.7s;
}
.esg-card__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1280px) {
  .esg-card__img-wrap {
    border-radius: 6rem;
  }
}

.esg-card__spell {
  position: absolute;
  left: 60rem;
  bottom: 48rem;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  z-index: 5;
  transition: 1s 1s;
}
@media screen and (max-width: 1280px) {
  .esg-card__spell {
    left: 23.7rem;
    bottom: 18.56rem;
  }
}

.esg-card__t {
  color: var(--LIGHT3_d, #ddd);
  font-family: Pretendard;
  font-size: var(--font-size-3, 28rem);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 33.6px */
  letter-spacing: -0.56rem;
}
@media screen and (max-width: 1280px) {
  .esg-card__t {
    font-family: Pretendard;
    font-size: 20rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 24px */
    letter-spacing: -0.4rem;
  }
}

.esg-card__p {
  color: var(--LIGHT1_a, #aaa);
  font-family: var(--font-family-Pretendard, Pretendard);
  font-size: var(--font-size-6, 18rem);
  font-style: normal;
  font-weight: var(--font-weight-regular, 400);
  line-height: 140%;
  /* 25.2px */
  letter-spacing: -0.36rem;
}
@media screen and (max-width: 1280px) {
  .esg-card__p {
    font-family: var(--font-family-Pretendard, Pretendard);
    font-size: 15rem;
    font-style: normal;
    font-weight: var(--font-weight-regular, 400);
    line-height: 140%;
    /* 21px */
    letter-spacing: -0.3rem;
  }
}

/* #endregion esg*/
/* #region esg2 */
.sec-esg2 {
  background: linear-gradient(0deg, var(--navy1_100, #2e3f5e) 0%, #121721 100%);
}

.esg2 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1280px) {
  .esg2 {
    flex-direction: column;
  }
}

.esg2__tit {
  display: flex;
  flex-direction: column;
  gap: 12rem;
}
.esg2__tit .tit__t {
  color: var(--WHITE, #fff);
}
.esg2__tit .tit__p {
  color: var(--LIGHT1_a, #aaa);
}
@media screen and (max-width: 1280px) {
  .esg2__tit {
    gap: 8rem;
  }
}

.esg2__item {
  padding: 24rem 0;
}
.esg2__item + .esg2__item {
  border-top: 1rem solid #2e3f5e;
}
@media screen and (max-width: 1280px) {
  .esg2__item {
    padding: 16rem 0;
  }
}

.e2-card {
  display: flex;
  gap: 16rem;
  align-items: center;
}
@media screen and (max-width: 1280px) {
  .e2-card {
    flex-wrap: wrap;
    column-gap: 16rem;
    row-gap: 10rem;
  }
}

.e2-card__icon {
  width: 48rem;
  height: 48rem;
}
@media screen and (max-width: 1280px) {
  .e2-card__icon {
    width: 36rem;
    height: 36rem;
  }
}

.e2-card__t {
  flex-shrink: 0;
  color: var(--LIGHT3_d, #ddd);
  min-width: 212rem;
  font-family: var(--font-family-Pretendard, Pretendard);
  font-size: var(--font-size-4, 22rem);
  font-style: normal;
  font-weight: var(--font-weight-medium, 500);
  line-height: 140%;
  /* 30.8rem */
  letter-spacing: -0.44rem;
}
@media screen and (max-width: 1280px) {
  .e2-card__t {
    min-width: auto;
    font-family: var(--font-family-Pretendard, Pretendard);
    font-size: 18rem;
    font-style: normal;
    font-weight: var(--font-weight-medium, 500);
    line-height: 140%;
    /* 25.2px */
    letter-spacing: -0.36rem;
  }
}

.e2-card__d {
  flex-shrink: 0;
  color: var(--LIGHT1_a, #aaa);
  font-family: var(--font-family-Pretendard, Pretendard);
  font-size: var(--font-size-6, 18rem);
  font-style: normal;
  font-weight: var(--font-weight-regular, 400);
  line-height: 120%;
  /* 21.6rem */
  letter-spacing: -0.36rem;
}
@media screen and (max-width: 1280px) {
  .e2-card__d {
    width: 100%;
    font-family: var(--font-family-Pretendard, Pretendard);
    font-size: 15rem;
    font-style: normal;
    font-weight: var(--font-weight-regular, 400);
    line-height: 120%;
    /* 18px */
    letter-spacing: -0.3rem;
  }
}

.esg2__1 {
  display: flex;
  flex-direction: column;
  gap: 140rem;
  width: 839rem;
  padding: 80rem 0 0;
}
@media screen and (max-width: 1280px) {
  .esg2__1 {
    gap: 36rem;
    width: auto;
    padding: 0;
  }
}

.esg2__2 {
  width: 670rem;
}

.esg2__right-img-wrap {
  position: relative;
  border-radius: 10rem;
  overflow: hidden;
}
.esg2__right-img-wrap img {
  height: 920rem;
  object-fit: cover;
}
@media screen and (max-width: 1280px) {
  .esg2__right-img-wrap {
    border-radius: 6rem;
  }
  .esg2__right-img-wrap img {
    max-height: 800rem;
    object-fit: cover;
  }
}

.esg2-img-des {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 48rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1280px) {
  .esg2-img-des {
    padding: 24rem 0;
  }
}

.esg2-img-des__year {
  color: #121721;
  text-align: center;
  font-family: var(--font-family-Pretendard, Pretendard);
  font-size: var(--font-size-1, 40rem);
  font-style: normal;
  font-weight: var(--font-weight-medium, 500);
  line-height: 120%;
  /* 48px */
  letter-spacing: -0.8rem;
}
@media screen and (max-width: 1280px) {
  .esg2-img-des__year {
    font-family: var(--font-family-Pretendard, Pretendard);
    font-size: 28rem;
    font-style: normal;
    font-weight: var(--font-weight-medium, 500);
    line-height: 120%;
    /* 33.6px */
    letter-spacing: -0.56rem;
  }
}

.esg2-img-des__t {
  color: #121721;
  text-align: center;
  margin-top: 10rem;
  font-family: Nanum Myeongjo;
  font-size: var(--font-size-0, 88rem);
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 88rem */
  letter-spacing: -1.76rem;
}
@media screen and (max-width: 1280px) {
  .esg2-img-des__t {
    font-family: Nanum Myeongjo;
    font-size: 48rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 48px */
    letter-spacing: -0.96rem;
  }
}

.esg2-img-des__des {
  color: var(--WHITE, #fff);
  text-align: center;
  font-family: var(--font-family-Pretendard, Pretendard);
  font-size: var(--font-size-6, 18rem);
  font-style: normal;
  font-weight: var(--font-weight-regular, 400);
  line-height: 140%;
  /* 25.2px */
  letter-spacing: -0.36rem;
}
@media screen and (max-width: 1280px) {
  .esg2-img-des__des {
    font-family: var(--font-family-Pretendard, Pretendard);
    font-size: 15rem;
    font-style: normal;
    font-weight: var(--font-weight-regular, 400);
    line-height: 140%;
    /* 21px */
    letter-spacing: -0.3rem;
  }
}

/* #endregion esg2*/
/* #region volume */
.sec-volume .tit__t {
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .sec-volume .tit__t {
    text-align: left;
  }
}
.sec-volume .con-box {
  margin-top: 52rem;
}
@media screen and (max-width: 1280px) {
  .sec-volume .con-box {
    margin-top: 28rem;
  }
}

.sec-volume-des {
  margin-top: 74rem;
}
@media screen and (max-width: 1280px) {
  .sec-volume-des {
    margin-top: 16rem;
  }
}

.sec-volume-des__p {
  text-align: center;
  color: var(--DARK3_7, #777);
  font-family: var(--font-family-Pretendard, Pretendard);
  font-size: var(--font-size-6, 18rem);
  font-style: normal;
  font-weight: var(--font-weight-regular, 400);
  line-height: 140%;
  /* 25.2px */
  letter-spacing: -0.36rem;
}
@media screen and (max-width: 1280px) {
  .sec-volume-des__p {
    font-family: var(--font-family-Pretendard, Pretendard);
    font-size: 15rem;
    font-style: normal;
    font-weight: var(--font-weight-regular, 400);
    line-height: 140%;
    /* 21px */
    letter-spacing: -0.3rem;
  }
}

.volume-pagi-area {
  margin-top: 36rem;
}

.sec-volume__value {
  margin-top: 6rem;
}

.volume__list {
  display: flex;
  gap: 14rem;
}
.volume__list.swiper-wrapper {
  gap: 0;
}

.volume__item {
  position: relative;
}

.vol-card__img-wrap {
  position: relative;
  width: 100%;
  border-radius: 10rem;
  overflow: hidden;
}
.vol-card__img-wrap img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1280px) {
  .vol-card__img-wrap {
    border-radius: 6rem;
  }
}

.vol-card__img-des {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 6rem;
  padding: 44rem 0 44rem 40rem;
}
@media screen and (max-width: 767px) {
  .vol-card__img-des {
    width: 100%;
    padding: 0 20rem 22rem 20rem;
  }
}

.vol-card__t {
  color: var(--WHITE, #fff);
  font-family: Pretendard;
  font-size: var(--font-size-3, 28rem);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 33.6px */
  letter-spacing: -0.56rem;
}
@media screen and (max-width: 1280px) {
  .vol-card__t {
    font-family: Pretendard;
    font-size: 20rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 24px */
    letter-spacing: -0.4rem;
  }
}

.vol-card__p {
  color: var(--LIGHT3_d, #ddd);
  font-family: var(--font-family-Pretendard, Pretendard);
  font-size: var(--font-size-6, 18rem);
  font-style: normal;
  font-weight: var(--font-weight-regular, 400);
  line-height: 120%;
  /* 21.6rem */
  letter-spacing: -0.36rem;
}
@media screen and (max-width: 1280px) {
  .vol-card__p {
    font-family: var(--font-family-Pretendard, Pretendard);
    font-size: 15rem;
    font-style: normal;
    font-weight: var(--font-weight-regular, 400);
    line-height: 120%;
    /* 18px */
    letter-spacing: -0.3rem;
  }
}

.vol-card__list {
  margin-top: 6rem;
}
@media screen and (max-width: 1280px) {
  .vol-card__list {
    margin-top: 11rem;
  }
}

.vol-card__item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18rem 40rem;
  z-index: 1;
}
.vol-card__item + .vol-card__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1rem;
  background-color: #aaa;
  z-index: -2;
  opacity: 1;
  transition: 0.7s;
}
@media screen and (max-width: 1280px) {
  .vol-card__item {
    padding: 11rem 20rem;
  }
}
.vol-card__item.js-vol-card__item--highlight::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1650rem;
  height: 100%;
  border-radius: 10rem;
  border: 1rem solid var(--navy1_100, #2e3f5e);
  background: var(--WHITE, #fff);
  z-index: -1;
  opacity: 0;
  transition: 0.7s;
}
@media screen and (max-width: 1280px) {
  .vol-card__item.js-vol-card__item--highlight::before {
    width: 100%;
    opacity: 1;
  }
  .vol-card__item.js-vol-card__item--highlight::after {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .vol-card__item.js-vol-card__item--highlight-right::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10rem;
    border: 1rem solid var(--navy1_100, #2e3f5e);
    background: var(--WHITE, #fff);
    z-index: -1;
    transition: 0.7s;
  }
  .vol-card__item.js-vol-card__item--highlight-right::after {
    display: none;
  }
}
.vol-card__item.vol-card__item--highlight::before {
  opacity: 1;
}
.vol-card__item.vol-card__item--highlight::after {
  opacity: 0;
}
.vol-card__item.vol-card__item--highlight-right::after {
  opacity: 0;
}
.vol-card__year {
  color: var(--DARK4_9, #999);
  font-family: var(--font-family-Pretendard, Pretendard);
  font-size: var(--font-size-6, 18rem);
  font-style: normal;
  font-weight: var(--font-weight-regular, 400);
  line-height: 120%;
  /* 21.6rem */
  letter-spacing: -0.36rem;
}
@media screen and (max-width: 1280px) {
  .vol-card__year {
    font-family: var(--font-family-Pretendard, Pretendard);
    font-size: 15rem;
    font-style: normal;
    font-weight: var(--font-weight-regular, 400);
    line-height: 120%;
    /* 18px */
    letter-spacing: -0.3rem;
  }
}

.vol-card__value {
  color: var(--BLACK, #111);
  font-family: var(--font-family-Pretendard, Pretendard);
  font-size: var(--font-size-4, 22rem);
  font-style: normal;
  font-weight: var(--font-weight-medium, 500);
  line-height: 140%;
  /* 30.8rem */
  letter-spacing: -0.44rem;
}
@media screen and (max-width: 1280px) {
  .vol-card__value {
    font-family: var(--font-family-Pretendard, Pretendard);
    font-size: 18rem;
    font-style: normal;
    font-weight: var(--font-weight-medium, 500);
    line-height: 140%;
    /* 25.2px */
    letter-spacing: -0.36rem;
  }
}

/* #endregion volume */
/* #region value */
.value__item {
  flex: 1;
  position: relative;
  transition: 0.7s;
}
.value__item.value__item--highlight {
  border-radius: 10rem;
  border: 1rem solid var(--navy1_100, #2e3f5e);
  background: var(--WHITE, #fff);
}
.value__item.value__item--highlight .v-card__list .v-card__item {
  border-top: none;
}
.value__item + .value__item .v-card__item {
  border-top: 1rem solid #aaa;
}

.v-card__list {
  position: relative;
  display: flex;
  gap: 14rem;
  z-index: 1;
}

.v-card__item {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18rem 40rem;
}

.v-card__year {
  color: var(--DARK4_9, #999);
  font-family: var(--font-family-Pretendard, Pretendard);
  font-size: var(--font-size-6, 18rem);
  font-style: normal;
  font-weight: var(--font-weight-regular, 400);
  line-height: 120%;
  /* 21.6rem */
  letter-spacing: -0.36rem;
}
@media screen and (max-width: 1280px) {
  .v-card__year {
    font-family: var(--font-family-Pretendard, Pretendard);
    font-size: 15rem;
    font-style: normal;
    font-weight: var(--font-weight-regular, 400);
    line-height: 120%;
    /* 18px */
    letter-spacing: -0.3rem;
  }
}

.v-card__value {
  color: var(--BLACK, #111);
  font-family: var(--font-family-Pretendard, Pretendard);
  font-size: var(--font-size-4, 22rem);
  font-style: normal;
  font-weight: var(--font-weight-medium, 500);
  line-height: 140%;
  /* 30.8rem */
  letter-spacing: -0.44rem;
}
@media screen and (max-width: 1280px) {
  .v-card__value {
    font-family: var(--font-family-Pretendard, Pretendard);
    font-size: 18rem;
    font-style: normal;
    font-weight: var(--font-weight-medium, 500);
    line-height: 140%;
    /* 25.2px */
    letter-spacing: -0.36rem;
  }
}

/* #endregion value */