@charset "UTF-8";
/*======================================헬퍼&유틸======================================*/
/*======================================헬퍼&유틸======================================*/
.ir-blind, .ir-hide {
  position: absolute !important;
  overflow: hidden;
  display: inline-block;
  height: 1px;
  width: 1px;
  border: 0;
  margin: -1px;
  font-size: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}

.ws-nowrap {
  white-space: nowrap;
}

@media (min-width: 768px) {
  .only-mobile {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .only-tablet {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .only-tablet {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .only-desktop {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .only-mobile-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .only-tablet-desktop {
    display: none !important;
  }
}

/*======================================공통 레이아웃======================================*/
.location-menu__item {
  white-space: nowrap;
}

@media (max-width: 767px) {
  .site-header .site-menu__container:lang(en) {
    padding: 187px 0 74px;
  }
}

@media (max-width: 767px) {
  .site-header .site-search .site-search-content-hot ul {
    overflow-y: hidden;
    height: auto;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .search .best-searchs nav ul {
    overflow-y: hidden;
    height: auto;
  }
}

/*======================================개별 페이지======================================*/
/* 공통 */
body.on-mobile .category-menu-ir > .location-menu__list > .location-menu__item:nth-child(3):lang(en) {
  width: 151px;
}
body.on-mobile .category-menu-ir > .location-menu__list > .location-menu__item:nth-child(4):lang(en) {
  margin-left: 14px;
}

/* About us > 회사 개요 페이지 */
.about-overview.mobile:lang(en) .about-overview__container {
  margin-top: 73px;
}
.about-overview.mobile:lang(en) .about-overview__container .description {
  max-width: 298px;
}
.about-overview.mobile:lang(en) .about-overview__content {
  max-width: 380px;
}
.about-overview.mobile:lang(en) .about-overview__content::before {
  display: none;
  background: none;
}
.about-overview.mobile:lang(en) .about-overview__content header {
  margin-top: 0;
}
.about-overview.mobile:lang(en) .about-overview__content header h3 {
  letter-spacing: 0;
}
.about-overview.mobile:lang(en) .about-overview__content header p {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%; /* 28px */
}
.about-overview.mobile:lang(en) .about-overview__content ul li span {
  padding-left: 10px;
  line-height: 150%;
}
.about-overview.mobile:lang(en) .about-overview__content.about-overview__content1 {
  margin-top: 80px;
}
.about-overview.mobile:lang(en) .about-overview__content.about-overview__content2 {
  padding-top: 0;
  margin-top: 80px;
}
.about-overview.mobile:lang(en) .about-overview__content.about-overview__content2::before, .about-overview.mobile:lang(en) .about-overview__content.about-overview__content2::after {
  background: none;
}
.about-overview.mobile:lang(en) .page-menu {
  margin-top: 10px;
}

.about-overview.desktop:lang(en) .about-overview__container {
  margin-top: 80px;
}
.about-overview.desktop:lang(en) .about-overview__content dl {
  margin-top: 100px;
}
.about-overview.desktop:lang(en) .about-overview__content dl div {
  padding-left: 290px;
}
.about-overview.desktop:lang(en) .about-overview__content dl div + div {
  margin-top: 80px;
}
.about-overview.desktop:lang(en) .about-overview__content dl dt span {
  font-size: 32px;
  line-height: 140%;
}
.about-overview.desktop:lang(en) .about-overview__content dl dd {
  max-width: 820px;
  padding-top: 0;
}
.about-overview.desktop:lang(en) .about-overview__content dl dd > span {
  display: block;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 44.8px */
  letter-spacing: 0;
}
.about-overview.desktop:lang(en) .about-overview__content dl dd ul {
  margin-top: 36px;
}
.about-overview.desktop:lang(en) .about-overview__content dl dd ul li span {
  font-weight: 400;
  line-height: 150%;
}

/* 미디어센터 > 서브메인 + 보도자료 페이지 해시태그 최소 높이 */
.media-menu-hash {
  min-height: 40px;
}

/* 투자정보 > 주식정보 페이지 */
.ir-stock-information.mobile .shareholders-policy {
  max-width: 330px;
}
.ir-stock-information.mobile .shareholders-return p {
  font-size: 10px;
}
.ir-stock-information.mobile .shareholders-return table tbody th {
  letter-spacing: -0.4px;
}
.ir-stock-information.mobile .shareholders-return table tbody th.no-padding {
  padding: 0;
}
.ir-stock-information.mobile .shareholders-return table tbody th .center-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 8px 7px;
}
.ir-stock-information.mobile .shareholders-return table tbody th .sup {
  top: -0.45em;
  font-size: 0.65em;
  font-weight: 400;
}
.ir-stock-information.mobile .general-meeting-btns {
  margin-top: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px 10px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.ir-stock-information.mobile .general-meeting-btns .link,
.ir-stock-information.mobile .general-meeting-btns .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.ir-stock-information.mobile .general-meeting-btns .link .tit,
.ir-stock-information.mobile .general-meeting-btns .btn .tit {
  position: absolute;
  top: 21px;
  left: 24px;
  font-family: "Noto Sans KR", "NanumSquare", Arial, sans-serif;
  color: rgb(0, 0, 0);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 15px; /* 150% */
}
.ir-stock-information.mobile .general-meeting__container .table-wrap {
  overflow-x: auto;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table {
  width: 100%;
  max-width: 740px;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table:lang(en) {
  max-width: 1040px;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table th {
  padding: 0 8px 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 14px;
  vertical-align: top;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table th:nth-child(1) {
  width: 220px;
  min-width: 220px;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table th:nth-child(1):lang(en) {
  padding-top: 5px;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table th:nth-child(2) {
  width: 10%;
  min-width: 84px;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table th:nth-child(3) {
  width: 10%;
  min-width: 74px;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table th:nth-child(4) {
  width: 10%;
  min-width: 137px;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table th:nth-child(4):lang(en) {
  min-width: 246px;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table th:nth-child(5) {
  width: 10%;
  min-width: 37px;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table th:nth-child(5):lang(en) {
  padding-top: 5px;
  min-width: 120px;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table th:nth-child(6) {
  width: 10%;
  min-width: 74px;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table th:nth-child(6):lang(en) {
  min-width: 92px;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table th:nth-child(7) {
  width: 10%;
  min-width: 113px;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table th:nth-child(7):lang(en) {
  min-width: 160px;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table td {
  padding: 10px 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: -0.64px;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table td:nth-child(1) {
  width: 65px;
  min-width: 65px;
  white-space: nowrap;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table td:nth-child(2) {
  width: 155px;
  min-width: 155px;
  white-space: nowrap;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table td:nth-child(3) {
  width: 10%;
  text-align: center;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table td:nth-child(4) {
  width: 10%;
  text-align: center;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table td:nth-child(5) {
  width: 10%;
  text-align: center;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table td:nth-child(6) {
  width: 10%;
  text-align: center;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table td:nth-child(7) {
  width: 10%;
  text-align: center;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table td:nth-child(8) {
  width: 10%;
  text-align: center;
}
.ir-stock-information.mobile .general-meeting__container .general-meeting__table td span {
  color: #8f8f8f;
}

.ir-stock-information.desktop .shareholders-return p {
  padding-left: 9px;
  text-indent: -9px;
}
.ir-stock-information.desktop .shareholders-return table thead th:nth-child(4) {
  max-width: 104px;
}
.ir-stock-information.desktop .shareholders-return table thead th {
  padding-right: 5px;
  padding-left: 5px;
}
.ir-stock-information.desktop .shareholders-return table tbody th {
  letter-spacing: -0.54px;
}
.ir-stock-information.desktop .shareholders-return table tbody th.no-padding {
  padding: 0;
}
.ir-stock-information.desktop .shareholders-return table tbody th .center-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 13px;
}
.ir-stock-information.desktop .shareholders-return table tbody th .sup {
  top: -0.45em;
  font-size: 0.65em;
  font-weight: 400;
}
.ir-stock-information.desktop .shareholders-return table tbody td {
  padding-right: 5px;
  padding-left: 5px;
}
.ir-stock-information.desktop .general-meeting__item {
  padding-left: 0;
}
.ir-stock-information.desktop .general-meeting-btns {
  margin-top: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.ir-stock-information.desktop .general-meeting-btns .link,
.ir-stock-information.desktop .general-meeting-btns .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.ir-stock-information.desktop .general-meeting-btns .link .tit,
.ir-stock-information.desktop .general-meeting-btns .btn .tit {
  position: absolute;
  top: 9px;
  left: 16px;
  font-family: "Noto Sans KR", "NanumSquare", Arial, sans-serif;
  color: rgb(0, 0, 0);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 150% */
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table th {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: -0.42px;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table th:nth-child(1) {
  width: 534px;
  min-width: 534px;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table th:nth-child(2) {
  width: 9.11%;
  padding: 0;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table th:nth-child(3) {
  width: 9.11%;
  padding: 0;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table th:nth-child(4) {
  width: 9.21%;
  padding: 8px 0;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table th:nth-child(5) {
  width: 9.11%;
  padding: 0;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table th:nth-child(6) {
  width: 9.11%;
  padding: 0;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table th:nth-child(7) {
  width: 9.11%;
  padding: 0;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table td {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: -0.64px;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table td:nth-child(1) {
  width: 113px;
  min-width: 113px;
  padding-right: 0;
  white-space: nowrap;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table td:nth-child(2) {
  width: 421px;
  min-width: 421px;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table td:nth-child(3) {
  width: 9.11%;
  padding: 0;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table td:nth-child(4) {
  width: 9.11%;
  padding: 0;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table td:nth-child(5) {
  width: 9.11%;
  padding: 0;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table td:nth-child(6) {
  width: 9.11%;
  padding: 0;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table td:nth-child(7) {
  width: 9.11%;
  padding: 0;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table td:nth-child(8) {
  width: 9.11%;
  padding: 0;
}
.ir-stock-information.desktop .general-meeting__container .general-meeting__table td span {
  color: #8f8f8f;
}

/* 투자정보 > 재무정보 페이지 */
.ir-financial-information.desktop .toggle-popup table thead th {
  font-size: 16px;
}
/* 투자정보 > 투자자FAQ 페이지 */
.ir-faq.mobile .content-faq .faq-list .faq-item .question-btn.active svg path {
  fill: #000;
  stroke: none;
}
.ir-faq.mobile .answer.etc01 .img {
  max-width: 100%;
}
.ir-faq.mobile .answer.etc01 .text {
  margin-top: 70px;
}
.ir-faq.mobile .answer.etc01 .table {
  margin-top: 40px;
}
.ir-faq.mobile .answer.etc01 .table colgroup col:nth-child(1) {
  width: 60px;
}
.ir-faq.mobile .answer.etc01 .table colgroup col:nth-child(2) {
  width: auto;
}
.ir-faq.mobile .answer.etc01 .table thead th {
  padding: 0 0 8px;
  border-bottom: 2px solid #EF5252;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: 16px;
}
.ir-faq.mobile .answer.etc01 .table tbody td {
  border-bottom: 1px solid #C0C0C0;
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.ir-faq.mobile .answer.etc01 .table tbody td + td {
  border-left: 1px solid #C0C0C0;
}
.ir-faq.mobile .answer.etc01 .table tbody td:first-child {
  padding: 0 10px;
  font-weight: 800;
  text-align: center;
}
.ir-faq.mobile .answer.etc01 .table tbody td ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  padding: 20px 2px 20px 22px;
  list-style: disc;
}
.ir-faq.mobile .answer.etc01 .table tbody td ul li {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.ir-faq.desktop .answer.etc01 .img {
  max-width: 100%;
}
.ir-faq.desktop .answer.etc01 .text {
  padding: 0 32px;
  margin-top: 50px;
}
.ir-faq.desktop .answer.etc01 .table {
  max-width: 838px;
  margin-top: 50px;
}
.ir-faq.desktop .answer.etc01 .table colgroup col:nth-child(1) {
  width: 159px;
}
.ir-faq.desktop .answer.etc01 .table colgroup col:nth-child(2) {
  width: 679px;
}
.ir-faq.desktop .answer.etc01 .table thead th {
  padding: 0 0 19px;
  border-bottom: 2px solid #EF5252;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 21px;
}
.ir-faq.desktop .answer.etc01 .table tbody td {
  border-bottom: 1px solid #C0C0C0;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
}
.ir-faq.desktop .answer.etc01 .table tbody td + td {
  border-left: 1px solid #C0C0C0;
}
.ir-faq.desktop .answer.etc01 .table tbody td:first-child {
  font-weight: 700;
  text-align: center;
}
.ir-faq.desktop .answer.etc01 .table tbody td ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  padding: 35px 16px 35px 27px;
  list-style: disc;
}
.ir-faq.desktop .answer.etc01 .table tbody td ul li {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
}

.ir-archive.mobile .ir-archive-disclosure-data {
  margin-top: 47px;
  padding: 80px 17px 0;
}
.ir-archive.mobile .ir-archive-disclosure-data .ir-archive-linkbox {
  margin-top: 30px;
  font-weight: 700;
  font-size: 14px;
}
.ir-archive.mobile .ir-archive-disclosure-data .ir-archive-linkbox a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 64px;
  margin-top: 38px;
  padding: 0 17px 0 0;
  background: #fcfcfc url(/resources/m/img/ir/img_disclosure_disclosure_data.jpg) no-repeat 16px center/auto 34px;
  border: 2px solid #cfcfcf;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #000000;
}
.ir-archive.mobile .ir-archive-disclosure-data .ir-archive-linkbox a span {
  display: block;
  padding-right: 21px;
  background: url(/resources/img/common/btn_link_sm.png) no-repeat right center/auto 8px;
  font-weight: 700;
  font-size: 12px;
}

.ir-archive.desktop .business-reports {
  padding-top: 100px;
  margin-top: 50px;
}
.ir-archive.desktop .business-reports .content {
  position: relative;
  min-height: 403px;
  margin-top: 40px;
  padding-left: 430px;
}
.ir-archive.desktop .audit-reports {
  padding-top: 100px;
  margin-top: 50px;
}
.ir-archive.desktop .ir-archive-disclosure-data {
  display: grid;
  grid-template-columns: 430px auto;
  padding-top: 100px;
  margin-top: 100px;
}
.ir-archive.desktop .ir-archive-disclosure-data .ir-disclosure__header {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.4;
}
.ir-archive.desktop .ir-archive-disclosure-data .ir-archive-linkbox {
  min-height: 89px;
  padding: 18px 0 0 120px;
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: url(/resources/img/ir/img_disclosure_disclosure_data.jpg) no-repeat;
}
.ir-archive.desktop .ir-archive-disclosure-data .ir-archive-linkbox a {
  display: block;
  width: 115px;
  height: 28px;
  margin-top: 10px;
  border-bottom: 2px solid #000000;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #000000;
  font-weight: 700;
  font-size: 17px;
  background: url(/resources/img/common/btn_link_medium.png) no-repeat right center/12px auto;
}

/* ESG > 지속가능경영 페이지 */
.esg-sustainability.mobile #recognition-content-2024 li {
  gap: 0 10px;
}
.esg-sustainability.mobile #recognition-content-2024 li figure {
  width: -webkit-calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: calc(50% - 10px);
  min-width: 130px;
}
.esg-sustainability.mobile #recognition-content-2024 li figure img {
  max-width: 140px;
}
.esg-sustainability.mobile #recognition-content-2024 li span {
  display: inline;
}
.esg-sustainability.mobile #recognition-content-2024 li strong.big {
  font-size: 18px;
}
.esg-sustainability.mobile #sustainability-report .container {
  max-width: 594px;
}
.esg-sustainability.mobile #sustainability-report .container .item .img {
  width: 100%;
  max-width: 100%;
  border: 1px solid #dadada;
}

.esg-sustainability.desktop #recognition-content-2024:lang(ko) {
  padding-top: 68px;
}
.esg-sustainability.desktop #recognition-content-2024 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.esg-sustainability.desktop #recognition-content-2024 ul li {
  width: auto;
}
.esg-sustainability.desktop #recognition-content-2024 li:nth-child(1) img:lang(ko) {
  padding: 18px 0 42px;
  width: 142px;
}
.esg-sustainability.desktop #recognition-content-2024 li:nth-child(2) img:lang(ko) {
  padding: 0 0 12px;
  width: 114px;
}
.esg-sustainability.desktop #recognition-content-2024 li:nth-child(3) img:lang(ko) {
  padding: 2px 0 8px;
  width: 92px;
}
.esg-sustainability.desktop #recognition-content-2024 li:nth-child(4) img:lang(ko) {
  padding: 10px 0 39px;
  width: 180px;
}
.esg-sustainability.desktop #recognition-content-2024 li:nth-child(4) strong:lang(ko) {
  height: 55px;
  font-size: 22px;
}
.esg-sustainability.desktop #recognition-content-2024 li:nth-child(1) img:lang(en) {
  width: 142px;
}
.esg-sustainability.desktop #recognition-content-2024 li:nth-child(2) img:lang(en) {
  width: 114px;
}
.esg-sustainability.desktop #recognition-content-2024 li:nth-child(3) img:lang(en) {
  width: 286px;
}
.esg-sustainability.desktop #recognition-content-2024 li:nth-child(4) img:lang(en) {
  width: 180px;
}
.esg-sustainability.desktop #recognition-content-2024 li:nth-child(1) figure + p:lang(en) {
  margin-top: 0;
}
.esg-sustainability.desktop #recognition-content-2024 li:nth-child(2) figure + p:lang(en) {
  margin-top: 3px;
}
.esg-sustainability.desktop #recognition-content-2024 li:nth-child(3) figure + p:lang(en) {
  margin-top: 2px;
}
.esg-sustainability.desktop #recognition-content-2024 li:nth-child(4) figure + p:lang(en) {
  margin-top: 7px;
}
.esg-sustainability.desktop #recognition-content-2024 li p:lang(ko) {
  margin-top: 0;
}
.esg-sustainability.desktop #recognition-content-2024 li figure:lang(ko) {
  min-height: auto;
}
.esg-sustainability.desktop #recognition-content-2024 strong {
  font-size: 24px;
}
.esg-sustainability.desktop #recognition-content-2024 .big:lang(en) {
  font-size: 32px;
  margin-right: 5px;
}
.esg-sustainability.desktop .esg-sustainability-nav li + li {
  margin-left: 47px;
}

/* ESG > 거버넌스 > 공통 */
.esg-directors .section-directors .nav ul li a,
.esg-committees .section-committee .nav ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 26px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* ESG > 거버넌스 > 이사회 */
.esg-directors.mobile .esg-directors__container .esg-directors__content .esg-directors__name {
  padding-left: 0;
}
@media (max-width: 400px) {
  .esg-directors.mobile .esg-directors__container .esg-directors__content .esg-directors__name > span {
    padding-left: 5px;
  }
}
.esg-directors.mobile .esg-directors__container .esg-directors__content .esg-directors__name + div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 326px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  margin: 0 auto;
}
.esg-directors.mobile .esg-directors__container .esg-directors__content .esg-directors__name + div > div {
  position: static;
  padding: 0;
  width: 100%;
}

.esg-directors.desktop .esg-directors__container .esg-directors__content {
  width: 100%;
}
.esg-directors.desktop .esg-directors__container .esg-directors__content .directors-list {
  display: grid;
  grid-template-columns: 430px 430px 320px;
}
.esg-directors.desktop .esg-directors__container .esg-directors__content .directors-list > li {
  width: 100%;
}

/* ESG > 거버넌스 > 이사회 내 위원회 */
.esg-committees.mobile .composition .content2 {
  margin-top: 37px;
}
.esg-committees.mobile .composition .content2 * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-committees.mobile .composition .content2 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 34px;
}
.esg-committees.mobile .composition .content2 ul li {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 282px;
  padding: 20px 15px 45px 25px;
  border: 1px solid #A6A6A6;
  background: #FFF;
}
.esg-committees.mobile .composition .content2 ul li:lang(en) {
  min-height: 341px;
}
.esg-committees.mobile .composition .content2 ul .upper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.esg-committees.mobile .composition .content2 ul .upper strong {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 23px;
}
.esg-committees.mobile .composition .content2 ul .upper strong .icon {
  width: 50px;
  height: auto;
}
.esg-committees.mobile .composition .content2 ul .upper .desc-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.esg-committees.mobile .composition .content2 ul .upper .desc-group .desc {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.esg-committees.mobile .composition .content2 ul .upper .desc-group .desc .notice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  margin-top: 6px;
  color: #9A9A9A;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 17.4px;
}
.esg-committees.mobile .composition .content2 ul .upper .desc-group dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
.esg-committees.mobile .composition .content2 ul .upper .desc-group dl div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 3px;
}
.esg-committees.mobile .composition .content2 ul .upper .desc-group dl div dt {
  color: #979797;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 18px;
}
.esg-committees.mobile .composition .content2 ul .upper .desc-group dl div dd {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}
.esg-committees.mobile .composition .content2 ul a {
  position: absolute;
  right: 25px;
  bottom: 27px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #000;
  padding: 0px 72px 8px 10px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 41px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M1.06055 17.6875L4.1226 17.6767L4.13586 21.4259L20.2116 21.3691L20.1984 17.6198L23.2604 17.609L23.2843 24.3576L1.08442 24.4362L1.06055 17.6875Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.4027 11.1031L12.9146 16.414L11.7349 17.3797L10.5831 16.3922L4.44021 11.1261L6.80982 8.47197L9.95913 11.1718L9.92099 0.417376L13.5107 0.389652L13.5495 11.3192L17.1092 8.40529L19.4027 11.1031Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 17px 19px;
  background-position: right 14px top;
  color: #000;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 19px; /* 160% */
}

.esg-committees.desktop .composition .content2 {
  margin-top: 85px;
}
.esg-committees.desktop .composition .content2 * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.esg-committees.desktop .composition .content2 ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 29px;
}
.esg-committees.desktop .composition .content2 ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 538px;
  padding: 36px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: 1px solid #A6A6A6;
  background: #FFF;
}
.esg-committees.desktop .composition .content2 ul li:lang(en) {
  height: 635px;
}
.esg-committees.desktop .composition .content2 ul .upper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.esg-committees.desktop .composition .content2 ul .upper strong {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 83px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 26px; /* 130% */
}
.esg-committees.desktop .composition .content2 ul .upper .desc-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}
.esg-committees.desktop .composition .content2 ul .upper .desc-group .desc {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
}
.esg-committees.desktop .composition .content2 ul .upper .desc-group .desc .notice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  margin-top: 6px;
  color: #9A9A9A;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
}
.esg-committees.desktop .composition .content2 ul .upper .desc-group dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}
.esg-committees.desktop .composition .content2 ul .upper .desc-group dl div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}
.esg-committees.desktop .composition .content2 ul .upper .desc-group dl div dt {
  color: #979797;
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%; /* 22.5px */
}
.esg-committees.desktop .composition .content2 ul .upper .desc-group dl div dd {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}
.esg-committees.desktop .composition .content2 ul a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 3px solid #000;
  padding: 0px 76px 18px 16px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M1.06055 17.6875L4.1226 17.6767L4.13586 21.4259L20.2116 21.3691L20.1984 17.6198L23.2604 17.609L23.2843 24.3576L1.08442 24.4362L1.06055 17.6875Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.4027 11.1031L12.9146 16.414L11.7349 17.3797L10.5831 16.3922L4.44021 11.1261L6.80982 8.47197L9.95913 11.1718L9.92099 0.417376L13.5107 0.389652L13.5495 11.3192L17.1092 8.40529L19.4027 11.1031Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px top;
  color: #000;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 24px; /* 160% */
}

/* ESG > 윤리경영 페이지 */
.esg-ethics.mobile .norm {
  max-width: 430px;
}
.esg-ethics.mobile .norm .norm-list-content .cont-ol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  list-style: none;
}
.esg-ethics.mobile .norm .norm-list-content .cont-ol .cont-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  width: 100%;
  max-width: 500px;
  padding: 52px 0 48px;
}
.esg-ethics.mobile .norm .norm-list-content .cont-ol .cont-item + .cont-item {
  border-top: 1px solid #B7B7B7;
}
.esg-ethics.mobile .norm .norm-list-content .cont-ol .cont-item .num {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4B4B4B;
  text-align: center;
  font-family: NanumSquareOTF_ac;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.42px;
}
.esg-ethics.mobile .norm .norm-list-content .cont-ol .cont-item .cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 100%;
}
.esg-ethics.mobile .norm .norm-list-content .cont-ol .cont-item .cont .cont-tit {
  width: 100%;
  text-align: center;
  color: #EE2E2E;
  font-family: NanumSquareOTF_ac;
  font-size: 19px;
  font-style: normal;
  font-weight: 800;
  line-height: 28.5px;
  letter-spacing: -0.665px;
}
.esg-ethics.mobile .norm .norm-list-content .cont-ol .cont-item .cont .cont-desc {
  width: 100%;
  text-align: center;
  color: #000;
  font-family: NanumSquareOTF_ac;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.75px;
  letter-spacing: -0.49px;
}
.esg-ethics.mobile .norm .norm-list-content .cont-ol .cont-item .cont .ol-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  width: 100%;
  margin-top: 20px;
  list-style: none;
}
.esg-ethics.mobile .norm .norm-list-content .cont-ol .cont-item .cont .ol-list .ol-item .ol-tit {
  color: #000;
  font-family: NanumSquareOTF_ac;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.49px;
}
.esg-ethics.mobile .norm .norm-list-content .cont-ol .cont-item .cont .ol-list .ol-item .ul-list {
  margin-top: 6px;
  list-style: none;
}
.esg-ethics.mobile .norm .norm-list-content .cont-ol .cont-item .cont .ol-list .ol-item .ul-list .ul-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 5px;
  color: rgba(0, 0, 0, 0.5);
  font-family: NanumSquareOTF_ac;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.57px; /* 200% */
  letter-spacing: -0.42px;
}
.esg-ethics.mobile .norm .norm-list-content .cont-ol .cont-item .cont .ol-list .ol-item .ul-list .ul-item::before {
  content: "";
  display: block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 2px;
  height: 2px;
  margin-top: 10px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
}
.esg-ethics.mobile .norm .norm-system {
  margin-top: 100px;
}
.esg-ethics.mobile .policy {
  max-width: 430px;
}

.esg-ethics.desktop .norm-list__header {
  width: 1200px;
}
.esg-ethics.desktop .norm-list-content {
  margin-top: 40px;
}
.esg-ethics.desktop .norm-list-content .cont-ol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  list-style: none;
}
.esg-ethics.desktop .norm-list-content .cont-ol .cont-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 29px;
  width: 100%;
  padding: 0 0 40px;
}
.esg-ethics.desktop .norm-list-content .cont-ol .cont-item + .cont-item {
  border-top: 1px solid #B7B7B7;
}
.esg-ethics.desktop .norm-list-content .cont-ol .cont-item .num {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 21px;
  padding-top: 45px;
  color: #4B4B4B;
  font-family: NanumSquareOTF_ac;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 166.667% */
  letter-spacing: -0.63px;
}
.esg-ethics.desktop .norm-list-content .cont-ol .cont-item .icon {
  width: 70px;
  height: auto;
}
.esg-ethics.desktop .norm-list-content .cont-ol .cont-item .cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
     -moz-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding-top: 40px;
  padding-left: 11px;
}
.esg-ethics.desktop .norm-list-content .cont-ol .cont-item .cont .cont-tit {
  color: #EE2E2E;
  font-family: NanumSquareOTF_ac;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 30px; /* 150% */
  letter-spacing: -0.7px;
}
.esg-ethics.desktop .norm-list-content .cont-ol .cont-item .cont .cont-desc {
  margin-top: 8px;
  color: #000;
  font-family: NanumSquareOTF_ac;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.5px; /* 150% */
  letter-spacing: -0.595px;
}
.esg-ethics.desktop .norm-list-content .cont-ol .cont-item .cont .ol-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
  list-style: none;
  margin-top: 15px;
}
.esg-ethics.desktop .norm-list-content .cont-ol .cont-item .cont .ol-list .ol-item .ol-tit {
  color: #000;
  font-family: NanumSquareOTF_ac;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 250% */
  letter-spacing: -0.595px;
}
.esg-ethics.desktop .norm-list-content .cont-ol .cont-item .cont .ol-list .ol-item .ul-list {
  list-style: none;
}
.esg-ethics.desktop .norm-list-content .cont-ol .cont-item .cont .ol-list .ol-item .ul-list .ul-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 6px;
  color: rgba(0, 0, 0, 0.5);
  font-family: NanumSquareOTF_ac;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 200% */
  letter-spacing: -0.525px;
}
.esg-ethics.desktop .norm-list-content .cont-ol .cont-item .cont .ol-list .ol-item .ul-list .ul-item::before {
  content: "";
  display: block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 2px;
  height: 2px;
  margin-top: 14px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
}
.esg-ethics.desktop .norm-system {
  margin-top: 180px;
}

/* ESG > 윤리경영 페이지 */
.esg-fairtrade.mobile .fairtrade-organization .btn-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  max-width: 652px;
  margin: 36px auto 0;
}
.esg-fairtrade.mobile .fairtrade-organization .btn-group .btn-down {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 48px;
  padding: 6px 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #000;
  color: #FFF;
  text-align: center;
  font-family: NanumSquareOTF_ac;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  line-height: 18px; /* 138.462% */
}

.esg-fairtrade.desktop .fairtrade-organization .btn-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 24px;
  padding-right: 110px;
  margin-top: 60px;
}
.esg-fairtrade.desktop .fairtrade-organization .btn-group .btn-down {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 286px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 60px;
  padding: 0 29px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #000;
  color: #FFF;
  font-family: NanumSquareOTF_ac;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 27px; /* 150% */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}