/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./scss/mobile_en/app.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*! scaffolding */
body,
button,
code,
dd,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
legend,
li,
ol,
p,
pre,
table,
td,
th,
ul {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

ol,
ul {
  list-style: none;
}

address {
  font-style: normal;
}

hr {
  display: none;
}

abbr {
  cursor: help;
}

[role=button],
button {
  display: block;
  cursor: pointer;
  color: #000;
  border: 0;
  background: transparent;
}

html,
body {
  min-height: 100%;
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  border: 0;
  background: transparent;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}

select {
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
select::-ms-expand {
  display: none;
}

em {
  font-style: normal;
}

caption {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

@font-face {
  font-family: "NanumSquare";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/resources/fonts/NanumSquareL.otf") format("opentype"), url("/resources/fonts/NanumSquareL.ttf") format("truetype"), url("/resources/fonts/NanumSquareL.woff") format("woff");
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "NanumSquare";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/resources/fonts/NanumSquareR.otf") format("opentype"), url("/resources/fonts/NanumSquareR.ttf") format("truetype"), url("/resources/fonts/NanumSquareR.woff") format("woff");
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "NanumSquare";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/resources/fonts/NanumSquareB.otf") format("opentype"), url("/resources/fonts/NanumSquareB.ttf") format("truetype"), url("/resources/fonts/NanumSquareB.woff") format("woff");
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "NanumSquare";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/resources/fonts/NanumSquareEB.otf") format("opentype"), url("/resources/fonts/NanumSquareEB.ttf") format("truetype"), url("/resources/fonts/NanumSquareEB.woff") format("woff");
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/resources/fonts/NotoSansKr-Light.woff2") format("woff2"), url("/resources/fonts/NotoSansKr-Light.woff") format("woff");
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/resources/fonts/NotoSansKr-Regular.woff2") format("woff2"), url("/resources/fonts/NotoSansKr-Regular.woff") format("woff");
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/resources/fonts/NotoSansKr-Bold.woff2") format("woff2"), url("/resources/fonts/NotoSansKr-Bold.woff") format("woff");
  text-rendering: optimizeLegibility;
}
body {
  font-size: 16px;
  font-family: "NanumSquare", Arial, sans-serif;
  line-height: 1.5;
}

input,
select,
textarea {
  font-family: "NanumSquare", Arial, sans-serif;
}

:lang(en) {
  word-break: keep-all;
}

.skipnav a {
  position: absolute;
  top: -99px;
  left: 0;
  z-index: 999;
  width: 100%;
  padding: 6px 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.skipnav a:focus, .skipnav a:hover, .skipnav a:active {
  display: block;
  top: 0;
}

video {
  filter: brightness(100%);
}

.open-modal {
  overflow: hidden;
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 110;
  width: 100%;
  height: 40px;
  background: #fff;
  transition: transform 0.2s ease;
}
.site-header.hidden {
  top: -40px;
}
.site-header__container {
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.site-header__logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 40;
  height: 100%;
  padding-left: 8px;
  box-sizing: border-box;
}
.site-header__logo .logo {
  display: flex;
  align-items: center;
  height: 100%;
}
.site-header__logo .logo span + span {
  margin-left: 9px;
  padding-left: 10px;
}
.site-header__logo .logo span + span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 24px;
  background: #ececec;
  content: "";
}
.site-header__logo .logo__expo {
  display: block;
  width: 27px;
  height: 29px;
  background: url(/resources/m/img/common/h_logo_expo.png) no-repeat center/27px auto;
}
.site-header__logo .logo__sk {
  display: block;
  position: relative;
  width: 58px;
  height: 36px;
  background: url(/resources/img/common/h_logo.svg) no-repeat right center/contain;
}
.site-header__logo .logo__text {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.site-header .site-menu {
  height: 40px;
}
.site-header .site-menu--open .site-menu__button-bar:nth-child(4), .site-header .site-menu--open .site-menu__button-bar:nth-child(5) {
  display: block;
}
.site-header .site-menu--open .site-menu__container {
  display: block;
}
.site-header .site-menu--active .site-menu__button-bar:nth-child(1) span, .site-header .site-menu--active .site-menu__button-bar:nth-child(2) span, .site-header .site-menu--active .site-menu__button-bar:nth-child(3) span {
  width: 0;
  transition: all 0s ease;
}
.site-header .site-menu--active .site-menu__button-bar:nth-child(4), .site-header .site-menu--active .site-menu__button-bar:nth-child(5) {
  background: #000000;
  transform-origin: center;
  transition: transform 0.4s ease-in-out;
}
.site-header .site-menu--active .site-menu__button-bar:nth-child(4) {
  transform: rotate(45deg);
}
.site-header .site-menu--active .site-menu__button-bar:nth-child(5) {
  transform: rotate(-45deg);
}
.site-header .site-menu--active .site-menu__dim {
  display: block;
}
.site-header .site-menu--active .site-search {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.site-header .site-menu--active .site-menu-content {
  transform: translateY(0) !important;
  opacity: 1 !important;
  transition: transform 0.4s 0.4s ease, opacity 0.4s 0.4s ease;
}
.site-header .site-menu--active .site-language {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.4s 0.8s ease, opacity 0.4s 0.8s ease;
}
.site-header .site-menu__button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 30;
  width: 40px;
  height: 36px;
  margin-top: 2px;
  text-align: center;
}
.site-header .site-menu__button-text {
  outline: none;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.site-header .site-menu__button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
}
.site-header .site-menu__button-bar {
  display: block;
  font-size: 0;
  line-height: 0;
}
.site-header .site-menu__button-bar + .site-menu__button-bar {
  margin-top: 7px;
}
.site-header .site-menu__button-bar:nth-child(1) span, .site-header .site-menu__button-bar:nth-child(2) span, .site-header .site-menu__button-bar:nth-child(3) span {
  display: inline-block;
  width: 25px;
  height: 3px;
  background: #000000;
  transition: all 0.4s ease;
}
.site-header .site-menu__button-bar:nth-child(4), .site-header .site-menu__button-bar:nth-child(5) {
  display: none;
  position: absolute;
  top: 17px;
  left: 8px;
  width: 25px;
  height: 3px;
  margin-top: 0;
  background: transparent;
  transition: transform 0s ease;
}
.site-header .site-menu__dim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.site-header .site-menu__container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding: 180px 0 67px;
  background: #fff;
  box-sizing: border-box;
}
.site-header .site-menu .site-menu-content {
  position: relative;
  height: 100%;
  text-align: center;
  transform: translateY(50px);
  opacity: 0;
}
.site-header .site-menu .site-menu-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  overflow-y: auto;
  height: 100%;
  padding: 47px 0 27px;
  box-sizing: border-box;
}
.site-header .site-menu .site-menu-list--active .site-menu-list__name {
  color: #8f8f8f;
  transition: color 0.4s ease;
}
.site-header .site-menu .site-menu-list--active .site-menu-list__name span {
  background-image: url(/resources/m/img/common/icon_menu_arrow_off.png);
  transition: background-image 0.4s ease;
}
.site-header .site-menu .site-menu-list__item {
  width: 100%;
  position: relative;
  text-align: left;
}
.site-header .site-menu .site-menu-list__item::after {
  display: block;
  clear: both;
  content: "";
}
.site-header .site-menu .site-menu-list__item + .site-menu-list__item {
  margin-top: 20px;
}
.site-header .site-menu .site-menu-list__item:nth-child(1) .site-sub-menu {
  top: 0;
}
.site-header .site-menu .site-menu-list__item:nth-child(2) .site-sub-menu {
  top: -1px;
}
.site-header .site-menu .site-menu-list__item:nth-child(3) .site-sub-menu {
  top: -82px;
}
.site-header .site-menu .site-menu-list__item:nth-child(4) .site-sub-menu {
  top: -145px;
}
.site-header .site-menu .site-menu-list__item:nth-child(5) .site-sub-menu {
  top: 0;
}
.site-header .site-menu .site-menu-list__item--active .site-menu-list__name {
  color: #000000;
}
.site-header .site-menu .site-menu-list__item--active .site-menu-list__name span {
  background-image: url(/resources/m/img/common/icon_menu_arrow_on.png);
}
.site-header .site-menu .site-menu-list__item--active .site-sub-menu {
  display: block;
}
.site-header .site-menu .site-menu-list__item--open .site-sub-menu__item {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.site-header .site-menu .site-menu-list__item--open .site-sub-menu__item:nth-child(1) {
  transition-delay: 0.1s;
}
.site-header .site-menu .site-menu-list__item--open .site-sub-menu__item:nth-child(2) {
  transition-delay: 0.2s;
}
.site-header .site-menu .site-menu-list__item--open .site-sub-menu__item:nth-child(3) {
  transition-delay: 0.3s;
}
.site-header .site-menu .site-menu-list__item--open .site-sub-menu__item:nth-child(4) {
  transition-delay: 0.4s;
}
.site-header .site-menu .site-menu-list__item--open .site-sub-menu__item:nth-child(5) {
  transition-delay: 0.5s;
}
.site-header .site-menu .site-menu-list__item--open .site-sub-menu__item:nth-child(6) {
  transition-delay: 0.6s;
}
.site-header .site-menu .site-menu-list__item--open .site-sub-menu__item:nth-child(7) {
  transition-delay: 0.7s;
}
.site-header .site-menu .site-menu-list__item--open .site-sub-menu__item:nth-child(8) {
  transition-delay: 0.8s;
}
.site-header .site-menu .site-menu-list__item--open .site-sub-menu__item:nth-child(9) {
  transition-delay: 0.9s;
}
.site-header .site-menu .site-menu-list__item--open .site-sub-menu__item:nth-child(10) {
  transition-delay: 1s;
}
.site-header .site-menu .site-menu-list__name {
  display: block;
  width: 50%;
  padding: 14px 7px 14px 0;
  color: #000000;
  font-weight: 800;
  font-size: 18px;
  text-align: right;
  line-height: 1;
}
.site-header .site-menu .site-menu-list__name span {
  display: block;
  padding-right: 20px;
  background-image: url(/resources/m/img/common/icon_menu_arrow_on.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 10px;
}
.site-header .site-menu .site-sub-menu {
  display: none;
  position: absolute;
  left: 50%;
  z-index: 10;
  width: 50%;
}
.site-header .site-menu .site-sub-menu__item {
  transform: translateY(50px);
  opacity: 0;
}
.site-header .site-menu .site-sub-menu__item + .site-sub-menu__item {
  margin-top: 14px;
}
.site-header .site-menu .site-sub-menu__button {
  display: block;
  padding: 14px 0 14px 20px;
  color: #000000;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.site-header .site-language {
  position: absolute;
  bottom: 47px;
  left: 0;
  z-index: 40;
  width: 100%;
  transform: translateY(50px);
  opacity: 0;
}
.site-header .site-language__list {
  text-align: center;
}
.site-header .site-language__item {
  display: inline-block;
  text-align: left;
}
.site-header .site-language__item--active .site-language__link {
  color: #000000;
}
.site-header .site-language__item + .site-language__item {
  margin-left: 20px;
}
.site-header .site-language__link {
  display: block;
  color: #8f8f8f;
  font-weight: 800;
  font-size: 12px;
  line-height: 1;
}
.site-header .site-search {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  margin: 46px 0 0 0;
  transform: translateY(50px);
  opacity: 0;
}
.site-header .site-search h2 {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.site-header .site-search__text {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.site-header .site-search .site-search-content {
  width: 100%;
  box-sizing: border-box;
}
.site-header .site-search .site-search-content__container {
  margin: 0 auto;
}
.site-header .site-search .site-search-content__form {
  margin: 0 43px;
}
.site-header .site-search .site-search-content__legend {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.site-header .site-search .site-search-content__label {
  display: block;
  position: relative;
  height: 30px;
  padding-right: 44px;
  border-bottom: 2px solid #b7b7b7;
  box-sizing: border-box;
}
.site-header .site-search .site-search-content__input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  font-size: 16px;
}
.site-header .site-search .site-search-content__input::-moz-placeholder {
  color: #000000;
}
.site-header .site-search .site-search-content__input::placeholder {
  color: #000000;
}
.site-header .site-search .site-search-content__submit {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 30px;
  background-image: url(/resources/m/img/common/btn_search.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px auto;
}
.site-header .site-search .site-search-content__name {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.site-header .site-search .site-search-content-hot {
  position: relative;
  margin: 8px auto 0;
  text-align: left;
}
.site-header .site-search .site-search-content-hot__title {
  display: flex;
  align-items: center;
  height: 25px;
  padding-left: 20px;
  color: #444;
  font-size: 10px;
  line-height: 1;
}
.site-header .site-search .site-search-content-hot ul {
  overflow-x: auto;
  height: 26px;
  padding: 0 20px;
  text-align: left;
  white-space: nowrap;
}
.site-header .site-search .site-search-content-hot__item {
  display: inline-block;
  vertical-align: top;
}
.site-header .site-search .site-search-content-hot__item + li {
  margin-left: 3px;
}
.site-header .site-search .site-search-content-hot__link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  border: 1px solid #d0ceca;
  border-radius: 4px;
  box-sizing: border-box;
}
.site-header .site-search .site-search-content-hot__name {
  padding: 0 20px;
  color: #000;
  font-weight: 700;
  font-size: 10px;
}
.site-header .site-key-info {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 40;
}
.site-header .site-key-info--open .site-key-info-content {
  display: block !important;
}
.site-header .site-key-info--active .site-key-info__dim {
  display: block;
}
.site-header .site-key-info__button--open {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #ee2e2e;
  color: #fff;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 10px;
  line-height: 1.2;
}
.site-header .site-key-info__button--open span {
  text-align: left;
}
.site-header .site-key-info__button--close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 77px;
  height: 40px;
}
.site-header .site-key-info__button--close .site-key-info__button-name {
  display: inline-block;
  padding-right: 19px;
  background: url(/resources/img/common/btn_close_b_xl.png) no-repeat right center/auto 10px;
  color: #000000;
  font-weight: 800;
  font-size: 13px;
  line-height: 1;
}
.site-header .site-key-info__dim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.site-header .site-key-info .site-key-info-content {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  background: #f24c4c;
  box-sizing: border-box;
}
.site-header .site-key-info .site-key-info-content__container {
  overflow-y: auto;
  height: 100%;
  margin: 0 auto;
}
.site-header .site-key-info .site-key-info-content__list {
  padding: 0 0 45px;
}
.site-header .site-key-info .site-key-info-content__list::after {
  display: block;
  clear: both;
  content: "";
}
.site-header .site-key-info .site-key-info-content__item--portfolio {
  margin: 0 12px;
}
.site-header .site-key-info .site-key-info-content__item--portfolio .site-key-info-content__name {
  padding-bottom: 24px;
}
.site-header .site-key-info .site-key-info-content__item--portfolio .site-key-info-content__menu {
  margin: -3px 0 0 -3px;
}
.site-header .site-key-info .site-key-info-content__item--portfolio .site-key-info-content__menu::after {
  display: block;
  clear: both;
  content: "";
}
.site-header .site-key-info .site-key-info-content__item--portfolio .site-key-info-content__menu-item {
  float: left;
  width: calc(50% - 8px);
  margin: 4px;
}
.site-header .site-key-info .site-key-info-content__item--portfolio .site-key-info-content__menu-item:nth-child(1) .site-key-info-content__menu-link {
  background-image: url(/resources/m/img/common/btn_key_info_advanced_materials.jpg);
  background-position: center bottom 43px;
  background-size: auto 38px;
}
.site-header .site-key-info .site-key-info-content__item--portfolio .site-key-info-content__menu-item:nth-child(2) .site-key-info-content__menu-link {
  background-image: url(/resources/m/img/common/btn_key_info_green.jpg);
  background-position: center bottom 36px;
  background-size: auto 44px;
}
.site-header .site-key-info .site-key-info-content__item--portfolio .site-key-info-content__menu-item:nth-child(3) {
  clear: both;
}
.site-header .site-key-info .site-key-info-content__item--portfolio .site-key-info-content__menu-item:nth-child(3) .site-key-info-content__menu-link {
  background-image: url(/resources/m/img/common/btn_key_info_bio.jpg);
  background-position: center bottom 45px;
  background-size: auto 42px;
}
.site-header .site-key-info .site-key-info-content__item--portfolio .site-key-info-content__menu-item:nth-child(3) .site-key-info-content__menu-name span {
  font-size: 10px;
  letter-spacing: -1px;
}
.site-header .site-key-info .site-key-info-content__item--portfolio .site-key-info-content__menu-item:nth-child(4) .site-key-info-content__menu-link {
  background-image: url(/resources/m/img/common/btn_key_info_digital.jpg);
  background-position: center bottom 43px;
  background-size: auto 39px;
}
.site-header .site-key-info .site-key-info-content__item--portfolio .site-key-info-content__menu-link {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 102px;
  background-color: #fff;
  background-repeat: no-repeat;
  box-sizing: border-box;
  line-height: 0;
}
.site-header .site-key-info .site-key-info-content__item--portfolio .site-key-info-content__menu-name {
  padding-bottom: 12px;
  color: #000000;
  font-weight: 800;
  font-size: 12px;
  line-height: 1;
}
.site-header .site-key-info .site-key-info-content__item--esg {
  margin: 38px 12px 0;
}
.site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__name {
  padding-bottom: 20px;
}
.site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-item {
  background-color: #c03131;
  background-repeat: no-repeat;
}
.site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-item:nth-child(1) {
  width: 100%;
  margin-bottom: 8px;
  background-image: url(/resources/m/img/common/btn_key_info_esg.png);
  background-position: right 20px center;
  background-size: auto 50px;
}
.site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-item:nth-child(1) .site-key-info-content__menu-link {
  display: flex;
  align-items: center;
  width: 100%;
  height: 110px;
  padding-left: 15px;
  box-sizing: border-box;
}
.site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-item:nth-child(2), .site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-item:nth-child(3), .site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-item:nth-child(4) {
  width: calc(33.33% - 5px);
}
.site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-item:nth-child(2) .site-key-info-content__menu-link, .site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-item:nth-child(3) .site-key-info-content__menu-link, .site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-item:nth-child(4) .site-key-info-content__menu-link {
  display: block;
  width: 100%;
  height: 156px;
  padding-top: 30px;
  text-align: center;
  box-sizing: border-box;
}
.site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-item:nth-child(2) .site-key-info-content__menu-name, .site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-item:nth-child(3) .site-key-info-content__menu-name, .site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-item:nth-child(4) .site-key-info-content__menu-name {
  display: inline-block;
  line-height: 1.2;
  text-align: left;
}
.site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-item:nth-child(2) {
  background-image: url(/resources/m/img/common/btn_key_info_sustainability.png);
  background-position: center bottom 11px;
  background-size: auto 59px;
  clear: both;
}
.site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-item:nth-child(3) {
  margin-left: 8px;
  background-image: url(/resources/m/img/common/btn_key_info_esg_portfolio.png);
  background-position: center bottom 11px;
  background-size: auto 64px;
}
.site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-item:nth-child(4) {
  margin-left: 7px;
  background-image: url(/resources/m/img/common/btn_key_info_governance.png);
  background-position: center bottom 16px;
  background-size: auto 48px;
}
.site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-item:nth-child(4) .site-key-info-content__menu-name {
  line-height: 34px;
}
.site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-link {
  background-repeat: no-repeat;
  box-sizing: border-box;
  line-height: 0;
  text-align: left;
}
.site-header .site-key-info .site-key-info-content__item--esg .site-key-info-content__menu-name {
  padding-right: 12px;
  background: url(/resources/img/common/icon_arrow_w_right.png) no-repeat right center;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
}
.site-header .site-key-info .site-key-info-content__item--ir {
  margin: 45px 12px 0;
}
.site-header .site-key-info .site-key-info-content__item--ir .site-key-info-content__menu-item {
  float: none;
  position: relative;
  border-top: 2px solid rgb(255, 255, 255);
}
.site-header .site-key-info .site-key-info-content__item--ir .site-key-info-content__menu-item:before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background: #000000;
  content: "";
}
.site-header .site-key-info .site-key-info-content__item--ir .site-key-info-content__menu-item:nth-child(1) {
  margin-top: 24px;
}
.site-header .site-key-info .site-key-info-content__item--ir .site-key-info-content__menu-link {
  display: flex;
  align-items: center;
  width: 100%;
  height: 62px;
  padding-right: 34px;
  box-sizing: border-box;
}
.site-header .site-key-info .site-key-info-content__item--ir .site-key-info-content__menu-name {
  display: flex;
  align-items: center;
  width: 100%;
  height: 18px;
  background-image: url(/resources/img/common/icon_download.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 18px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  text-align: left;
}
.site-header .site-key-info .site-key-info-content__item--about .site-key-info-content__link, .site-header .site-key-info .site-key-info-content__item--sheet .site-key-info-content__link, .site-header .site-key-info .site-key-info-content__item--announcement .site-key-info-content__link, .site-header .site-key-info .site-key-info-content__item--media .site-key-info-content__link {
  display: block;
  width: 100%;
  height: 61px;
  padding: 0 24px 0 23px;
  background-color: #fff;
  background-image: url(/resources/img/common/icon_arrow_red_right.png);
  background-position: right 24px center;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
.site-header .site-key-info .site-key-info-content__item--about .site-key-info-content__name, .site-header .site-key-info .site-key-info-content__item--sheet .site-key-info-content__name, .site-header .site-key-info .site-key-info-content__item--announcement .site-key-info-content__name, .site-header .site-key-info .site-key-info-content__item--media .site-key-info-content__name {
  display: block;
  height: 61px;
  background-repeat: no-repeat;
  color: #000000;
  font-weight: 700;
  font-size: 14px;
  line-height: 61px;
}
.site-header .site-key-info .site-key-info-content__item--about {
  padding: 45px 12px 0;
}
.site-header .site-key-info .site-key-info-content__item--about .site-key-info-content__name {
  padding-right: 57px;
  background-image: url(/resources/img/common/btn_key_info_about.png);
  background-position: right 34px center;
  background-size: auto 30px;
}
.site-header .site-key-info .site-key-info-content__item--sheet {
  margin-top: 4px;
  padding: 0 12px;
}
.site-header .site-key-info .site-key-info-content__item--sheet .site-key-info-content__name {
  padding-right: 57px;
  background-image: url(/resources/img/common/btn_key_info_sheet.png);
  background-position: right 30px center;
  background-size: auto 30px;
}
.site-header .site-key-info .site-key-info-content__item--announcement {
  margin-top: 4px;
  padding: 0 12px;
}
.site-header .site-key-info .site-key-info-content__item--announcement .site-key-info-content__name {
  padding-right: 57px;
  background-image: url(/resources/img/common/btn_key_info_announcement.png);
  background-position: right 31px center;
  background-size: auto 21px;
}
.site-header .site-key-info .site-key-info-content__item--media {
  margin-top: 4px;
  padding: 0 12px;
}
.site-header .site-key-info .site-key-info-content__item--media .site-key-info-content__name {
  padding-right: 57px;
  background-image: url(/resources/img/common/btn_key_info_media.png);
  background-position: right 31px center;
  background-size: auto 26px;
}
.site-header .site-key-info .site-key-info-content__name {
  display: block;
  color: #fff;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  text-align: left;
}
.site-header .site-key-info .site-key-info-content__menu::after {
  display: block;
  clear: both;
  content: "";
}
.site-header .site-key-info .site-key-info-content__menu-item {
  float: left;
}
.site-footer {
  margin-top: -40px;
  padding: 0 17px 50px;
  background: #f2f1ed;
}
.site-footer::after {
  display: block;
  clear: both;
  content: "";
}
.site-footer .site-info {
  padding-top: 28px;
}
.site-footer .site-info__logo {
  height: 31px;
  margin-top: 27px;
  background: url(/resources/img/common/p_logo.png) no-repeat left center/auto 31px;
}
.site-footer .site-info__logo-text {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.site-footer .site-info__buttons {
  margin-top: 17px;
}
.site-footer .site-info__buttons::after {
  display: block;
  clear: both;
  content: "";
}
.site-footer .site-info__buttons-item {
  float: left;
}
.site-footer .site-info__buttons-item + .site-info__buttons-item {
  margin-left: 30px;
}
.site-footer .site-info__buttons-link {
  color: #000000;
  font-weight: 700;
  font-size: 15px;
}
.site-footer .site-info__address {
  margin-top: 7px;
  color: #000000;
  font-weight: 700;
  font-size: 12px;
}
.site-footer .site-info__copyright {
  margin-top: 5px;
  color: #000000;
  font-weight: 700;
  font-size: 11px;
}
.site-footer .site-info__list {
  margin-top: 20px;
}
.site-footer .site-info__list > ul > li.button a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 20px;
  background: #fff;
  color: #dd042b;
}
.site-footer .site-info__list > ul > li.button a span {
  font-weight: 700;
  font-size: 12px;
}
.site-footer .site-info__list > ul > li + li {
  margin-top: 10px;
}
.site-footer .site-info .site-family {
  position: relative;
}
.site-footer .site-info .site-family--active .site-family__content {
  display: block;
}
.site-footer .site-info .site-family__button {
  display: block;
  position: relative;
  width: 100%;
  height: 40px;
  padding-left: 15px;
  background-color: #fff;
  color: #000000;
  font-size: 11px;
  text-align: left;
  line-height: 40px;
  box-sizing: border-box;
}
.site-footer .site-info .site-family__button .icon {
  position: absolute;
  top: 50%;
  right: 17px;
  z-index: 10;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background-color: #fff;
  background-image: url(/resources/img/common/icon_plus.png);
  background-repeat: no-repeat;
  transform: rotate(-180deg);
  transition: transform 0.4s ease;
}
.site-footer .site-info .site-family__content {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  padding: 19px 10px 0;
  border: 1px solid #f2f1ed;
  background: #fff;
  box-sizing: border-box;
}
.site-footer .site-info .site-family__content p {
  padding-left: 4px;
  color: #444;
  font-weight: 800;
  font-size: 14px;
  text-align: left;
}
.site-footer .site-info .site-family__content ul {
  margin: 0 -3px;
}
.site-footer .site-info .site-family__content ul::after {
  display: block;
  clear: both;
  content: "";
}
.site-footer .site-info .site-family__content ul li {
  position: relative;
  float: left;
  width: calc(50% - 6px);
  height: 44px;
  text-align: left;
  margin: 7px 3px 0;
}
.site-footer .site-info .site-family__content ul li.site-family__item--big {
  float: none;
  width: calc(100% - 6px);
}
.site-footer .site-info .site-family__content ul li.site-family__item--big a {
  background: #ee2e2e;
  border: 0;
  color: #fff;
}
.site-footer .site-info .site-family__content ul li.site-family__item--big a span {
  font-weight: 800;
  font-size: 12px;
}
.site-footer .site-info .site-family__content ul li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 0 0 0 16px;
  border: 1px solid #c4c4c4;
  color: #000000;
  text-align: left;
  box-sizing: border-box;
}
.site-footer .site-info .site-family__content ul li a span {
  font-weight: 700;
  font-size: 10px;
}
.site-footer .site-info .site-family__content .close {
  display: block;
  float: right;
  width: 60px;
  height: 40px;
  margin-right: -10px;
  background-image: url(/resources/img/common/icon_family_site_close.png);
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-size: auto 9px;
}
.site-footer .site-info .site-family__content .close span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.site-footer__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 44px;
}
.site-footer__box .site-expo {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 45px;
  padding-left: 67px;
  background: url(/resources/m/img/common/h_logo_expo.png) no-repeat left center/auto 45px;
  color: #101010;
  font-weight: 700;
  font-size: 11px;
  line-height: 1.4444444444;
  letter-spacing: -0.05em;
}
.site-footer__box .site-expo:before {
  position: absolute;
  top: 50%;
  left: 52px;
  width: 2px;
  height: 42px;
  margin-top: -21px;
  background: #707070;
  content: "";
}
.site-footer__box .site-expo strong {
  font-size: 17px;
}
.site-footer__box .site-certification::after {
  display: block;
  clear: both;
  content: "";
}
.site-footer__box .site-certification img {
  display: block;
  float: left;
  width: 60px;
}
.site-footer__box .site-certification img + img {
  margin-left: 10px;
}

.site-top {
  position: relative;
  height: 40px;
  text-align: right;
}
.site-top__button {
  display: inline-block;
  position: fixed;
  bottom: 40px;
  right: 10px;
  z-index: 100;
  width: 40px;
  height: 40px;
  border: 2px solid #000000;
  border-radius: 100%;
  background-color: #fff;
  background-image: url(/resources/img/common/icon_arrow_top.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 16px;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.site-top__button--active {
  opacity: 1;
}
.site-top__button--pause {
  position: relative;
  bottom: 50px;
}
.site-top__text {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}

.page-header {
  padding-top: 80px;
}
.page-header__container {
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  position: relative;
  height: 114px;
  padding: 0 17px 0 14px;
  background-repeat: no-repeat;
}
.page-header__title {
  position: relative;
  z-index: 10;
  padding: 27px 0 0;
  color: #000000;
  font-weight: 800;
  font-size: 37px;
  line-height: 1;
}
.page-header__description {
  margin-top: 50px;
  padding-left: 65px;
  font-weight: 700;
  font-size: 27px;
}
.page-header .breadcrumb {
  display: none;
}
.page-header .breadcrumb__list::after {
  display: block;
  clear: both;
  content: "";
}
.page-header .breadcrumb__item {
  float: left;
}
.page-header .breadcrumb__item + .breadcrumb__item {
  margin-left: 8px;
}
.page-header .breadcrumb__item + .breadcrumb__item .breadcrumb__menu:before {
  display: inline-block;
  padding-right: 8px;
  color: #aeaeae;
  font-size: 12px;
  content: "/";
}
.page-header .breadcrumb__menu {
  color: #000000;
  font-weight: 700;
  font-size: 12px;
}
.page-header .breadcrumb__menu--home {
  padding-left: 30px;
  background: url(/resources/img/common/icon_home.png) no-repeat;
}
.page-header .object {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  height: 114px;
}
.page-header .object video {
  display: block;
  width: auto;
  height: 100%;
}

.pagination {
  text-align: center;
}
.pagination__item {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: top;
}
.pagination__item--first, .pagination__item--last, .pagination__item--prev, .pagination__item--next {
  margin: 0 4px;
  border: 1px solid #cdcdcd;
  border-radius: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
}
.pagination__item--first .pagination__name, .pagination__item--last .pagination__name, .pagination__item--prev .pagination__name, .pagination__item--next .pagination__name {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.pagination__item--first {
  background-image: url(/resources/img/common/btn_first.png);
}
.pagination__item--last {
  background-image: url(/resources/img/common/btn_last.png);
}
.pagination__item--prev {
  background-image: url(/resources/img/common/btn_prev.png);
}
.pagination__item--next {
  background-image: url(/resources/img/common/btn_next.png);
}
.pagination__item--current .pagination__name {
  color: #ee2e2e;
}
.pagination__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.pagination__name {
  color: #000000;
  font-weight: 800;
  font-size: 17px;
}

.page-menu {
  margin-top: 120px;
  padding: 0 42px 50px 0;
  text-align: right;
}
.page-menu__list {
  display: inline-block;
  text-align: left;
}
.page-menu__item + .page-menu__item {
  margin-top: 38px;
}
.page-menu__button {
  display: block;
  width: 140px;
  padding: 0 30px 7px 0px;
  background: url(/resources/img/common/btn_link_small.png) no-repeat right top/auto 12px;
  border-bottom: 2px solid #000000;
  box-sizing: border-box;
}
.page-menu__name {
  display: block;
  color: #000000;
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
}

.category-menu {
  margin: 56px 0 14px;
  padding: 0 17px;
}
.category-menu__item:nth-child(1) .category-menu__button {
  background-image: url(/resources/img/common/icon_category_menu_1.png);
}
.category-menu__item:nth-child(2) .category-menu__button {
  background-image: url(/resources/img/common/icon_category_menu_2.png);
}
.category-menu__item:nth-child(3) .category-menu__button {
  background-image: url(/resources/img/common/icon_category_menu_3.png);
}
.category-menu__list {
  width: 100%;
}
.category-menu__item + .category-menu__item {
  margin-top: 14px;
}
.category-menu__button {
  display: block;
  width: 100%;
  height: 63px;
  padding: 0 40px 0 31px;
  border: 2px solid #cfcfcf;
  background-repeat: no-repeat;
  background-position: 31px center;
  text-align: right;
  box-sizing: border-box;
}
.category-menu__name {
  padding-right: 21px;
  background: url(/resources/img/common/btn_link_small.png) no-repeat right center/auto 8px;
  color: #000000;
  font-weight: 700;
  font-size: 15px;
  line-height: 63px;
}

.location-menu {
  position: relative;
  height: 46px;
  margin-top: 60px;
  padding-left: 17px;
}
.location-menu:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 2px solid #000000;
  content: "";
}
.location-menu > ul {
  overflow-x: auto;
  white-space: nowrap;
}
.location-menu__list {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.location-menu__item {
  display: inline-block;
  position: relative;
  min-height: 46px;
  padding: 11px 0 17px 7px;
  border: 1px solid transparent;
  box-sizing: border-box;
}
.location-menu__item.no-open > .location-menu__button > .location-menu__name {
  background: none;
}
.location-menu__item + .location-menu__item {
  margin-left: 34px;
}
.location-menu__item.active {
  z-index: 10;
  border-color: #b7b7b7;
  background: #fff;
}
.location-menu__item.active > .location-menu__button > .location-menu__name {
  background-image: url(/resources/img/common/icon_toggle_on.png);
  color: #000000;
}
.location-menu__item.active > .location-menu__list {
  display: block;
}
.location-menu__item.active > .location-menu__list .location-menu__name {
  opacity: 1;
}
.location-menu__button {
  display: block;
}
.location-menu__button--active .location-menu__name {
  color: #000000;
  background-image: url(/resources/img/common/icon_toggle_off_active.png);
}
.location-menu__name {
  padding-right: 17px;
  background-image: url(/resources/img/common/icon_toggle_off.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 7px;
  color: #8f8f8f;
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
}
.location-menu__item .location-menu__list {
  display: none;
  margin: 0;
}
.location-menu__item .location-menu__item {
  display: block;
  position: relative;
  width: auto;
  min-height: auto;
  margin-left: 0;
  padding: 0;
}
.location-menu__item .location-menu__item:first-child {
  margin-top: 17px;
}
.location-menu__item .location-menu__item + .location-menu__item {
  margin-top: 12px;
}
.location-menu__item .location-menu__list .location-menu__name {
  opacity: 0;
  background-image: none;
  font-size: 14px;
}

.page-view {
  padding: 90px 0 114px;
}
.page-view h2 {
  font-weight: 800;
  font-size: 15px;
  text-align: center;
  line-height: 1;
}
.page-view__header {
  margin-top: 58px;
  padding: 0 17px;
}
.page-view__header-container {
  display: flex;
  justify-content: center;
}
.page-view__title {
  color: #ee2e2e;
  font-weight: 700;
  font-size: 12px;
}
.page-view__time {
  margin-left: 8px;
  font-weight: 700;
  font-size: 12px;
}
.page-view .file {
  padding: 0 17px;
}
.page-view .file dl {
  position: relative;
  padding: 14px 0 14px 100px;
  border-bottom: 1px solid #c0c0c0;
}
.page-view .file dl dt {
  position: absolute;
  top: 14px;
  left: 0;
  color: #7f7f7f;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
}
.page-view .file dl dd {
  margin-left: 10px;
}
.page-view .file dl dd a {
  display: block;
  color: #000000;
}
.page-view .file dl dd span {
  display: block;
  min-height: 14px;
  padding-left: 17px;
  background: url(/resources/img/common/icon_file.png) no-repeat left top/auto 14px;
  font-size: 15px;
  line-height: 14px;
}
.page-view__subject {
  margin-top: 11px;
  padding-bottom: 24px;
  border-bottom: 2px solid #000000;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}
.page-view__video {
  margin-top: 39px;
  padding: 0 17px;
}
.page-view__video-container {
  position: relative;
  padding-top: 56.25%;
  background: #000000;
}
.page-view__video-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-view__container {
  position: relative;
  padding: 44px 17px 0;
}
.page-view__content {
  overflow-x: auto;
  position: relative;
  min-height: 210px;
  padding-bottom: 50px;
  border-bottom: 2px solid #000000;
  box-sizing: border-box;
}
.page-view__content th,
.page-view__content td,
.page-view__content p,
.page-view__content span,
.page-view__content b,
.page-view__content table {
  font-family: "NanumSquare", Arial, sans-serif !important;
}
.page-view__caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 17px;
  background: #fff;
  box-sizing: border-box;
}
.page-view__caption--active {
  display: block;
}
.page-view__caption-container {
  height: 100%;
  padding-top: 27px;
  border: 1px solid #000000;
  border-width: 0 1px 1px;
  box-sizing: border-box;
}
.page-view__caption-content {
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 13px 0 14px;
  box-sizing: border-box;
}
.page-view__button--caption {
  position: absolute;
  top: 0;
  right: 17px;
  width: 97px;
  height: 27px;
  border: 1px solid #000000;
  border-width: 0 1px 1px 1px;
  color: #000000;
  font-size: 12px;
  text-align: center;
  line-height: 27px;
}
.page-view__button--caption-close {
  border: 0;
  padding-right: 17px;
  text-align: right;
}
.page-view__button--caption-close span {
  padding-right: 25px;
  background: url(/resources/img/common/btn_close_b_xl.png) no-repeat right center/auto 12px;
}
.page-view__nav {
  padding: 30px 17px 0;
}
.page-view__item--prev .page-view__link {
  padding-left: 25px;
  background-image: url(/resources/img/common/btn_prev_xl.png);
  background-position: left center;
  background-size: auto 21px;
}
.page-view__item--next {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 2px solid #cacaca;
}
.page-view__item--next .page-view__link {
  flex-direction: row-reverse;
  padding-right: 25px;
  background-image: url(/resources/img/common/btn_next_xl.png);
  background-position: right center;
  background-size: auto 21px;
}
.page-view__item--next .page-view__name {
  padding: 0 30px 0 36px;
  text-align: right;
}
.page-view__item--list {
  padding-top: 40px;
  clear: both;
}
.page-view__item--list .page-view__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 53px;
  border: 2px solid #000000;
  box-sizing: border-box;
}
.page-view__item--list .page-view__text {
  color: #000000;
  font-weight: 800;
  font-size: 19px;
}
.page-view__link {
  display: flex;
  align-items: center;
  min-height: 30px;
  background-repeat: no-repeat;
  color: #000000;
}
.page-view__text {
  display: inline-block;
  color: #949494;
  font-weight: 800;
  font-size: 12px;
}
.page-view__name {
  display: inline-block;
  padding: 0 36px 0 30px;
  font-weight: 700;
  font-size: 15px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 46px;
  line-height: 23px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page-view__more {
  padding: 30px 17px 0;
}
.page-view__more h4 {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 17px;
}
.page-view__more ul {
  margin-top: 30px;
}
.page-view__more li + li {
  margin-top: 34px;
  padding-top: 34px;
  border-top: 1px solid #cacaca;
}
.page-view__more li.list {
  clear: both;
  width: 100%;
  padding-top: 0;
  border-top: 0;
}
.page-view__more li.list a {
  display: block;
  width: 100%;
  height: 53px;
  border: 2px solid #000000;
  font-weight: 800;
  font-size: 19px;
  line-height: 53px;
  text-align: center;
  box-sizing: border-box;
}
.page-view__more a {
  display: block;
  color: #000000;
}
.page-view__more figcaption {
  display: block;
  position: relative;
  padding-top: 40px;
  font-weight: 800;
  font-size: 15px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 40px;
  line-height: 20px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page-view__more figcaption time {
  position: absolute;
  top: 17px;
  left: 0;
  font-weight: 700;
  font-size: 12px;
}

.toggle-popup {
  display: none;
  padding-top: 24px;
}
.toggle-popup--active {
  display: block;
  z-index: 20;
}
.toggle-popup--active .toggle-popup__content {
  display: block;
}
.toggle-popup__content {
  display: none;
  padding: 22px 0 0;
  border: 1px solid #b6b6b6;
  background: #fff;
  box-sizing: border-box;
}

.toggle-popup-button {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 89px;
  height: 24px;
  padding: 0 10px 0 11px;
  background: #626262;
  box-sizing: border-box;
}
.toggle-popup-button--open {
  z-index: 10;
}
.toggle-popup-button--open .toggle-popup-button__name {
  background-image: url(/resources/img/common/btn_link_small_white.png);
}
.toggle-popup-button--close {
  right: 17px;
}
.toggle-popup-button--close .toggle-popup-button__name {
  background-image: url(/resources/img/common/btn_close_w.png);
}
.toggle-popup-button__name {
  display: block;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 9px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
  text-align: left;
}

.popup {
  display: none;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.popup--active {
  display: block;
}
.popup__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.popup__container {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  text-align: center;
}
.popup__container:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.popup__content {
  display: inline-block;
  width: calc(100% - 40px);
  margin: 0 20px 0 16px;
  padding: 30px 0;
  vertical-align: middle;
}
.popup__inner {
  position: relative;
}
.popup__inner img {
  display: block;
  width: 100%;
}
.popup__inner a {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0);
}
.popup__inner a span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.popup__description {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.popup__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
  background: #cacaca;
}
.popup__buttons label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.popup__buttons label input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.popup__buttons label input:checked + span:before {
  background-image: url(/resources/img/common/icon_checkbox_active.png);
}
.popup__buttons label span {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.popup__buttons label span:before {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  background: #fff url(/resources/img/common/icon_checkbox.png) no-repeat left center/14px auto;
  content: "";
}
.popup__buttons .popup__button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
}
.popup__buttons .popup__button span {
  color: #000000;
  font-size: 12px;
}
.popup__buttons .popup__button--close {
  background: #cacaca;
}
.popup__buttons .popup__button--close span {
  padding: 0 13px;
  background-image: url(/resources/img/common/icon_popup_close.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 7px;
}

.agenda-table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #c0c0c0;
}
.agenda-table th,
.agenda-table td {
  font-size: 10px;
}
.agenda-table th {
  padding-bottom: 14px;
  border-bottom: 2px solid #ef5252;
  font-weight: 800;
  vertical-align: bottom;
}
.agenda-table td {
  padding: 6px;
  font-weight: 700;
  line-height: 1.875;
}
.agenda-table td + td {
  text-align: center;
}
.agenda-table tbody {
  border-bottom: 1px solid #c0c0c0;
}
.agenda-table tbody tr:first-child td {
  padding-top: 20px;
}
.agenda-table tbody tr:first-child td[rowspan] + td, .agenda-table tbody tr:first-child td + td {
  text-align: left;
}
.agenda-table tbody tr:first-child td:nth-child(3) {
  text-align: center;
}
.agenda-table tbody tr:first-child td:first-child, .agenda-table tbody tr:first-child td:last-child {
  padding-bottom: 20px;
  text-align: center;
}
.agenda-table tbody tr:first-child td:first-child {
  border-right: 1px solid #c0c0c0;
}
.agenda-table tbody tr:first-child td:last-child {
  border-left: 1px solid #c0c0c0;
}
.agenda-table tbody tr:last-child td {
  padding-bottom: 20px;
}

#sk-main .page-container .category-menu {
  display: flex;
  justify-content: center;
  margin: 0 0 15px;
}

.main {
  padding-top: 40px;
}
@keyframes animation {
  to {
    background-position: 0 100%;
  }
}
.main-hiro {
  position: relative;
}
.main-hiro-banner {
  padding-top: 34px;
}
.main-hiro-banner .swiper {
  padding-bottom: 24px;
}
.main-hiro-banner .swiper-slide {
  text-align: center;
}
.main-hiro-banner .swiper-slide a {
  display: inline-block;
}
.main-hiro-banner .swiper-pagination-bullets {
  bottom: 0;
}
.main-hiro-banner .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  margin: 0 7px;
  background: #c7c7c7;
}
.main-hiro-banner .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #000000;
}
.main-hiro-video__text {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.main-hiro-video video {
  width: 100%;
  aspect-ratio: 1080/2000;
}
.main-hiro-video__button {
  position: absolute;
  bottom: 40px;
  right: 17px;
  width: 40px;
  height: 40px;
}
.main-hiro-video__button .bar {
  position: relative;
}
.main-hiro-video__button .bar .circle {
  position: absolute;
  top: 0;
  left: 0;
}
.main-hiro-video__button .bar .circle svg {
  width: 40px;
  height: 40px;
  transform: rotate(-90deg);
}
.main-hiro-video__button .bar .circle svg circle {
  fill: none;
  stroke: rgba(153, 153, 153, 0.25);
  stroke-linecap: round;
}
.main-hiro-video__button--active {
  display: flex !important;
}
.main-hiro-video__button--stop, .main-hiro-video__button--play {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.main-hiro-video__button--stop .icon {
  background-image: url(/resources/img/common/icon_pause.png);
  background-size: auto 10px;
}
.main-hiro-video__button--play .icon {
  background-image: url(/resources/img/common/icon_play.png);
  background-size: auto 13px;
}
.main-hiro-video__button .icon {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
.main-hiro-video__button-text {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.main-business {
  padding-top: 47px;
}
.main-business .advanced-materials dl div {
  padding-left: 117px;
}
.main-business .advanced-materials dl div + div {
  margin-top: 44px;
}
.main-business .advanced-materials dl div:nth-child(1) {
  height: 62px;
}
.main-business .advanced-materials dl div:nth-child(1):before {
  top: 0;
  left: 28px;
  width: 62px;
  height: 62px;
  background-image: url(/resources/m/img/main/img_business_1_1.jpg);
  background-size: auto 62px;
}
.main-business .advanced-materials dl div:nth-child(2) {
  min-height: 101px;
}
.main-business .advanced-materials dl div:nth-child(2):before {
  top: calc(50% - 51px);
  left: 5px;
  width: 108px;
  height: 101px;
  background-image: url(/resources/m/img/main/img_business_1_2.png);
  background-size: 108px auto;
  animation-name: animation;
  animation-iteration-count: infinite;
  animation-timing-function: steps(40);
  animation-duration: 1.6s;
  animation-delay: 0.8s;
}
.main-business .advanced-materials dl div:nth-child(3) {
  min-height: 47px;
}
.main-business .advanced-materials dl div:nth-child(3):before {
  top: calc(50% - 24px);
  left: 12px;
  width: 94px;
  height: 47px;
  background-image: url(/resources/m/img/main/img_business_1_3.png);
  background-size: 94px auto;
  animation-name: animation;
  animation-iteration-count: infinite;
  animation-timing-function: steps(78);
  animation-duration: 3.12s;
  animation-delay: 1.2s;
}
.main-business .green dl div {
  padding-left: 100px;
}
.main-business .green dl div + div {
  margin-top: 44px;
}
.main-business .green dl div:nth-child(3):before {
  top: calc(50% - 30px);
  left: 16px;
  width: 60px;
  height: 59px;
  background-image: url(/resources/m/img/main/img_business_3_3.jpg);
  background-size: 60px auto;
}
.main-business .green dl div:nth-child(1) {
  min-height: 58px;
}
.main-business .green dl div:nth-child(1):before {
  top: calc(50% - 29px);
  left: 6px;
  width: 71px;
  height: 58px;
  background-image: url(/resources/m/img/main/img_business_3_1.png);
  background-size: 71px auto;
  animation-name: animation;
  animation-iteration-count: infinite;
  animation-timing-function: steps(100);
  animation-duration: 4s;
  animation-delay: 0.4s;
}
.main-business .green dl div:nth-child(2) {
  min-height: 73px;
}
.main-business .green dl div:nth-child(2):before {
  top: calc(50% - 37px);
  left: 12px;
  width: 63px;
  height: 73px;
  background-image: url(/resources/m/img/main/img_business_3_2.png);
  background-size: 63px auto;
  animation-name: animation;
  animation-iteration-count: infinite;
  animation-timing-function: steps(60);
  animation-duration: 2.4s;
  animation-delay: 0.8s;
}
.main-business .green dl div:nth-child(4) {
  min-height: 80px;
}
.main-business .green dl div:nth-child(4):before {
  top: calc(50% - 40px);
  left: 8px;
  width: 73px;
  height: 80px;
  background-image: url(/resources/m/img/main/img_business_3_4.png);
  background-size: 73px auto;
  animation-name: animation;
  animation-iteration-count: infinite;
  animation-timing-function: steps(49);
  animation-duration: 1.96s;
  animation-delay: 1.6s;
}
.main-business .biopharma-ceutical dl div {
  padding-left: 110px;
}
.main-business .biopharma-ceutical dl div + div {
  margin-top: 44px;
}
.main-business .biopharma-ceutical dl div:nth-child(1):before {
  top: calc(50% - 51px);
  left: 0;
  width: 108px;
  height: 101px;
  background-image: url(/resources/m/img/main/img_business_2_1.png);
  background-size: 108px auto;
  animation-name: animation;
  animation-iteration-count: infinite;
  animation-timing-function: steps(147);
  animation-duration: 5.88s;
  animation-delay: 0.4s;
}
.main-business .biopharma-ceutical dl div:nth-child(2):before {
  top: calc(50% - 59px);
  left: 0;
  width: 117px;
  height: 117px;
  background-image: url(/resources/m/img/main/img_business_2_2.png);
  background-size: 117px auto;
  animation-name: animation;
  animation-iteration-count: infinite;
  animation-timing-function: steps(125);
  animation-duration: 5s;
  animation-delay: 0.8s;
}
.main-business .digital {
  margin-right: 43px;
}
.main-business .digital dl div {
  padding-left: 100px;
}
.main-business .digital dl div + div {
  margin-top: 44px;
}
.main-business .digital dl div:nth-child(1) {
  min-height: 54px;
}
.main-business .digital dl div:nth-child(1):before {
  top: calc(50% - 27px);
  left: 8px;
  width: 79px;
  height: 54px;
  background-image: url(/resources/m/img/main/img_business_4_1.png);
  background-size: 79px auto;
  animation-name: animation;
  animation-iteration-count: infinite;
  animation-timing-function: steps(80);
  animation-duration: 3.2s;
}
.main-business .digital dl div:nth-child(2) {
  min-height: 46px;
}
.main-business .digital dl div:nth-child(2):before {
  top: calc(50% - 23px);
  left: 27px;
  width: 46px;
  height: 46px;
  background-image: url(/resources/m/img/main/img_business_4_2.jpg);
  background-size: 46px auto;
}
.main-business .digital dl div:nth-child(3) {
  min-height: 52px;
}
.main-business .digital dl div:nth-child(3):before {
  top: calc(50% - 26px);
  left: 27px;
  width: 47px;
  height: 52px;
  background-image: url(/resources/m/img/main/img_business_4_3.jpg);
  background-size: 47px auto;
}
.main-business h2 {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.main-business__container {
  position: relative;
}
.main-business .swiper-slide {
  width: 350px;
}
.main-business .swiper-controll {
  margin-top: 20px;
}
.main-business .swiper-controll__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-business .swiper-controll .swiper-pagination {
  display: flex;
  align-items: center;
  position: relative;
  bottom: 0;
  width: auto;
}
.main-business .swiper-controll .swiper-pagination button {
  display: block;
  position: relative;
  width: 14px;
  height: 14px;
  margin: 8px 10px;
  border-radius: 14px;
  opacity: 1;
  transition: width 0.4s ease;
}
.main-business .swiper-controll .swiper-pagination button:before {
  position: absolute;
  inset: -8px;
  content: "";
}
.main-business .swiper-controll .swiper-pagination button:nth-child(1) {
  background: #001457;
}
.main-business .swiper-controll .swiper-pagination button:nth-child(2) {
  background: #70ad47;
}
.main-business .swiper-controll .swiper-pagination button:nth-child(3) {
  background: #5bad8e;
}
.main-business .swiper-controll .swiper-pagination button:nth-child(4) {
  background: #7030a0;
}
.main-business .swiper-controll .swiper-pagination button.swiper-pagination-bullet-active {
  width: 36px;
}
.main-business .swiper-controll .swiper-pagination button span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.main-business .swiper-controll .button-autoplay {
  display: block;
  width: 30px;
  height: 30px;
  margin-left: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.main-business .swiper-controll .button-autoplay.pause {
  background-image: url(/resources/m/img/common/btn_pause.png);
  background-size: 11px auto;
}
.main-business .swiper-controll .button-autoplay.run {
  background-image: url(/resources/m/img/common/btn_play.png);
  background-size: 15px auto;
}
.main-business .swiper-controll .button-autoplay span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.main-business__object {
  position: relative;
  height: 184px;
  padding: 0 0 2px 17px;
  font-size: 0;
  box-sizing: border-box;
}
.main-business__object video {
  display: block;
  width: calc(100% - 17px);
}
.main-business section header {
  padding: 0 0 0 17px;
}
.main-business section header h3 {
  min-height: 74px;
  font-weight: 800;
  font-size: 37px;
  line-height: 1;
}
.main-business section header p {
  margin-top: 22px;
}
.main-business section header p a {
  display: block;
  width: 174px;
  padding-bottom: 3px;
  border-bottom: 2px solid #000000;
  color: #000000;
  box-sizing: border-box;
}
.main-business section header p a span {
  display: block;
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  background: url(/resources/img/common/btn_link_small.png) no-repeat right center/auto 10px;
}
.main-business section dl {
  padding: 34px 0 0 17px;
}
.main-business section dl div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.main-business section dl div:before {
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  content: "";
}
.main-business section dl dt {
  font-weight: 700;
  font-size: 17px;
}
.main-business section dl dd {
  font-weight: 700;
  font-size: 12px;
}
.main-business section dl dd span {
  display: block;
  font-size: 10px;
}
.main-business section dl dd span + span,
.main-business section dl dd span + strong {
  margin-top: 6px;
}
.main-business section dl dd strong {
  display: block;
  font-weight: 800;
  font-size: 12px;
}
.main-investment .header h2, .main-shareholder .header h2, .main-esg .header h2, .main-media-center .header h2, .main-pr-center .header h2 {
  font-weight: 800;
  font-size: 37px;
  line-height: 1.0909090909;
}
.main-investment .header p, .main-shareholder .header p, .main-esg .header p, .main-media-center .header p, .main-pr-center .header p {
  margin-top: 24px;
}
.main-investment .header p a, .main-shareholder .header p a, .main-esg .header p a, .main-media-center .header p a, .main-pr-center .header p a {
  display: block;
  width: 112px;
  padding-bottom: 3px;
  border-bottom: 2px solid #000000;
  color: #000000;
  box-sizing: border-box;
}
.main-investment .header p a span, .main-shareholder .header p a span, .main-esg .header p a span, .main-media-center .header p a span, .main-pr-center .header p a span {
  display: block;
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  background: url(/resources/img/common/btn_link_small.png) no-repeat right center/auto 10px;
}
.main-investment {
  margin-top: 54px;
  padding: 80px 17px 0;
}
.main-investment article {
  position: relative;
}
.main-investment article:nth-child(1) {
  margin-top: 60px;
}
.main-investment article:nth-child(2) {
  margin-top: 186px;
}
.main-investment article header h3 {
  font-weight: 800;
  font-size: 20px;
  line-height: 1;
}
.main-investment article header h3 span {
  font-size: 14px;
}
.main-investment article header p {
  position: relative;
  margin-top: 7px;
  padding-left: 10px;
  color: #000;
  font-weight: 700;
  font-size: 10px;
  line-height: 1.5;
}
.main-investment article header p:before {
  position: absolute;
  top: 1px;
  left: 0;
  content: "*";
}
.main-investment .chart-content::after {
  display: block;
  clear: both;
  content: "";
}
.main-investment .chart-content > div {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  margin-top: -60px;
}
.main-investment .chart-content > div:before {
  position: absolute;
  bottom: 30px;
  left: 39.2966360856%;
  width: 16.3098878695%;
  height: 2px;
  background: #f24c4c;
  content: "";
}
.main-investment .chart-content > div:after {
  position: absolute;
  bottom: 27px;
  left: 55.6065239551%;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #f24c4c;
  content: "";
}
.main-investment .chart-content .chart1 {
  width: 50%;
}
.main-investment .chart-content .chart1 dl {
  height: 250px;
}
.main-investment .chart-content .chart1 dl .gray {
  height: 0;
  padding-bottom: 12px;
  transition: height 0.6s ease;
}
.main-investment .chart-content .chart1 dl .gray[data-aos=chart1-gray].aos-animate {
  height: 90px;
  transition-delay: 0.45s;
}
.main-investment .chart-content .chart1 dl .red {
  height: 0;
  padding-bottom: 12px;
  transition: height 0.7s ease;
}
.main-investment .chart-content .chart1 dl .red[data-aos=chart1-red].aos-animate {
  height: 155px;
  transition-delay: 0.45s;
}
.main-investment .chart-content .chart1 dl .result {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 65px;
  font-weight: 700;
  font-size: 20px;
}
.main-investment .chart-content .chart2 {
  display: flex;
  justify-content: flex-end;
  width: 50%;
}
.main-investment .chart-content .chart2 dl {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 368px;
  padding: 28px 0 65px;
}
.main-investment .chart-content .chart2 dl dt {
  right: 0;
  left: initial;
}
.main-investment .chart-content .chart2 dl .gray {
  height: 0;
  padding-bottom: 12px;
  transition: height 0.6s ease;
}
.main-investment .chart-content .chart2 dl .gray[data-aos=chart2-gray].aos-animate {
  height: 165px;
  transition-delay: 1.05s;
}
.main-investment .chart-content .chart2 dl .red {
  height: 0;
  padding-bottom: 12px;
  transition: height 0.7s ease;
}
.main-investment .chart-content .chart2 dl .red[data-aos=chart2-red].aos-animate {
  height: 274px;
  transition-delay: 1.05s;
}
.main-investment .chart-content .chart2 dl .result {
  left: initial;
  right: 0;
  color: #f24c4c;
  font-weight: 800;
  font-size: 28px;
}
.main-investment .chart-content dl {
  display: flex;
  flex-flow: wrap-reverse;
  position: relative;
  padding: 28px 0 65px;
  box-sizing: border-box;
}
.main-investment .chart-content dl dt {
  position: absolute;
  top: 0;
  left: 0;
  width: 83.8445807771%;
  color: #444;
  font-weight: 800;
  font-size: 17px;
  text-align: center;
}
.main-investment .chart-content dl .gray {
  display: flex;
  align-items: flex-end;
  float: left;
  position: relative;
  z-index: 10;
  width: 47.0347648262%;
  padding-left: 6px;
  font-weight: 700;
  font-size: 11px;
  line-height: 1.2;
  background: #e1e1e1;
  box-sizing: border-box;
}
.main-investment .chart-content dl .gray:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 17.3913043478%;
  height: 100%;
  background: #d64343;
  content: "";
}
.main-investment .chart-content dl .gray span {
  display: block;
  font-weight: 800;
  font-size: 12px;
}
.main-investment .chart-content dl .gray span span {
  display: inline-block;
}
.main-investment .chart-content dl .red {
  display: flex;
  align-items: flex-end;
  float: left;
  width: 47.0347648262%;
  margin-left: -8.1799591002%;
  padding-left: 11.0429447853%;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  background: #f24c4c;
  box-sizing: border-box;
}
.main-investment .chart-content dl .red span {
  display: block;
  font-weight: 800;
  font-size: 12px;
}
.main-investment .chart-content dl .red span span {
  display: inline-block;
  padding-left: 12px;
}
.main-investment .chart-content dl .result {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 83.8445807771%;
  text-align: center;
  line-height: 1;
}
.main-investment .chart-content > p {
  width: 44.8521916412%;
  margin-top: 30px;
  font-weight: 800;
  font-size: 17px;
  text-align: center;
}
.main-investment .chart-content > p.result1 {
  float: left;
  color: #000;
  text-align: left;
}
.main-investment .chart-content > p.result2 {
  float: right;
  margin-top: 48px;
}
.main-investment .chart-content > p.result2 strong {
  margin-top: 8px;
}
.main-investment .chart-content > p strong {
  display: block;
  font-weight: 700;
  font-size: 44px;
  line-height: 1;
}
.main-investment .revenue ul {
  margin-top: 37px;
}
.main-investment .revenue li {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
}
.main-investment .revenue li + li {
  align-items: flex-start;
  margin-top: 20px;
  padding-top: 22px;
  border-top: 2px solid #000000;
  box-sizing: border-box;
}
.main-investment .revenue li:nth-child(1) > span {
  top: -11px;
}
.main-investment .revenue span {
  position: relative;
  font-weight: 800;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
}
.main-investment .revenue span span {
  display: block;
  position: relative;
  margin-top: 10px;
  padding-left: 8px;
  color: #000;
  font-weight: 700;
  font-size: 10px;
  line-height: 1.3333333333;
}
.main-investment .revenue span span:before {
  position: absolute;
  top: 2px;
  left: 0;
  color: #cccccc;
  font-weight: 700;
  font-size: 10px;
  content: "*";
}
.main-investment .revenue strong {
  font-weight: 700;
  font-size: 26px;
  line-height: 1;
  box-sizing: border-box;
}
.main-investment .revenue strong span {
  font-weight: 700;
  font-size: 26px;
  line-height: 1;
}
.main-investment .revenue p {
  margin-top: 4px;
  color: #000;
  font-weight: 700;
  font-size: 10px;
  line-height: 1.3333333333;
}
.main-shareholder {
  position: relative;
  margin-top: 74px;
  padding: 80px 17px 170px;
}
.main-shareholder .main__container {
  position: relative;
  z-index: 10;
}
.main-shareholder .container {
  margin-top: 47px;
}
.main-shareholder .content {
  position: relative;
}
.main-shareholder .content::after {
  display: block;
  clear: both;
  content: "";
}
.main-shareholder .content h3 {
  font-weight: 800;
  font-size: 25px;
  line-height: 1.2;
}
.main-shareholder .content .list {
  margin-top: 24px;
}
.main-shareholder .content .list li {
  position: relative;
  font-weight: 800;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -0.05em;
}
.main-shareholder .content .list li span {
  padding-top: 10px;
}
.main-shareholder .content .list li + li {
  margin-top: 20px;
  padding-top: 20px;
}
.main-shareholder .content .list li + li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 276px;
  height: 1px;
  background: #000000;
  content: "";
}
.main-shareholder .content .list li + li span {
  display: block;
}
.main-shareholder .content .list li + li span + span {
  padding-top: 5px;
}
.main-shareholder .content .list li .text {
  letter-spacing: 0;
}
.main-shareholder .content .list li strong {
  color: #f24c4c;
  font-weight: 800;
  font-size: 14px;
  line-height: 1.2;
}
.main-shareholder .content .list li strong span {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 800;
  font-size: 14px;
}
.main-shareholder .content .list li .year {
  display: inline;
  color: #000000;
  font-size: 10px;
  vertical-align: middle;
  line-height: 32px;
}
.main-shareholder .content .list li span {
  display: inline-block;
  font-weight: 800;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0;
}
.main-shareholder .content .fy {
  position: relative;
  margin-top: 33px;
}
.main-shareholder .content .fy > div {
  display: flex;
  align-items: center;
  margin: 7px 0;
}
.main-shareholder .content .fy > div > p {
  color: #666;
  font-weight: 800;
  font-size: 14px;
  line-height: 1.1;
}
.main-shareholder .content .fy > div > p span {
  font-size: 11px;
}
.main-shareholder .content .fy > div > div {
  display: flex;
  align-items: center;
  height: 28px;
  margin: 0 9px;
  background: #e1e1e1;
}
.main-shareholder .content .fy > div > div > p {
  color: #fff;
  font-weight: 800;
  font-size: 14px;
  line-height: 1.1;
}
.main-shareholder .content .fy > div > div .divide p {
  text-align: center;
  line-height: 1.1;
  color: #fff;
  font-weight: 800;
  font-size: 10px;
}
.main-shareholder .content .fy > div > div .divide p span {
  font-weight: 600;
}
.main-shareholder .content .fy > div.grey > div .divide {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #878787;
  width: 50%;
  height: 100%;
}
.main-shareholder .content .fy > div.grey > div .divide > p {
  font-weight: 600;
}
.main-shareholder .content .fy > div.grey > div .divide + .divide {
  background: #626262;
}
.main-shareholder .content .fy > div.red > div .divide {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f24c4c;
  width: 50%;
  height: 100%;
}
.main-shareholder .content .fy > div.red > div .divide + .divide {
  background: #d22a2a;
}
.main-shareholder .content .fy > div.red div + p {
  color: #d22a2a;
}
.main-shareholder .content .fy div + p {
  padding-left: 0;
  color: #010101;
  font-weight: 800;
  font-size: 13px;
}
.main-shareholder .content .fy .notice {
  text-indent: -7px;
  padding-left: 7px;
  margin-top: 19px;
  color: #707070;
  font-size: 11px;
  font-weight: 400;
  line-height: 130%; /* 14.3px */
  letter-spacing: -0.11px;
}
.main-shareholder .content .fy .notice:before {
  content: "* ";
  position: relative;
  top: 1px;
}
.main-shareholder .content .fy .retirement {
  margin-left: 45px;
  font-weight: 800;
  font-size: 9px;
  line-height: 1.2;
}
.main-shareholder .content .dividend {
  position: absolute;
  top: 16px;
  right: 0;
  padding-bottom: 20px;
}
.main-shareholder .content .dividend ul li:nth-child(1) {
  background: #d22a2a;
}
.main-shareholder .content .dividend ul li:nth-child(2) {
  background: #ee2e2e;
}
.main-shareholder .content .dividend ul li:nth-child(3) {
  background: #f24c4c;
}
.main-shareholder .content .dividend ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 84px;
  height: 84px;
  box-sizing: border-box;
}
.main-shareholder .content .dividend ul li + li:before {
  position: absolute;
  top: -14px;
  left: 50%;
  width: 1px;
  height: 29px;
  background: #fff;
  content: "";
}
.main-shareholder .content .dividend ul li span {
  display: block;
  position: relative;
  color: #fff;
  font-weight: 800;
  font-size: 12px;
}
.main-shareholder .content .dividend ul li span + span:before {
  display: none;
}
.main-shareholder .content .dividend p {
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: 800;
  font-size: 10px;
  text-align: right;
  white-space: nowrap;
}
.main-shareholder .video {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.main-shareholder .video video {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}
.main-esg {
  margin-top: 27px;
  padding-top: 80px;
}
.main-esg .environment {
  margin-left: 17px;
  width: 302px;
}
.main-esg .environment ul {
  padding: 29px 0 0 0;
}
.main-esg .environment ul::after {
  display: block;
  clear: both;
  content: "";
}
.main-esg .environment li {
  float: left;
  box-sizing: border-box;
}
.main-esg .environment li + li {
  margin-left: 34px;
}
.main-esg .environment li:nth-child(1) span {
  min-height: 70px;
  padding-left: 55px;
  background-image: url(/resources/m/img/main/img_esg_1_1.jpg);
  background-size: auto 48px;
}
.main-esg .environment li:nth-child(2) span {
  min-height: 70px;
  padding-left: 57px;
  background-image: url(/resources/m/img/main/img_esg_1_2.jpg);
  background-size: auto 51px;
}
.main-esg .environment li span {
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: left center;
  font-weight: 800;
  font-size: 12px;
  line-height: 1.4285714286;
  box-sizing: border-box;
}
.main-esg .social {
  width: 318px;
}
.main-esg .social .object {
  padding-left: 17px;
}
.main-esg .social header {
  padding-left: 17px;
}
.main-esg .social dl {
  position: relative;
  margin-top: 37px;
  padding-left: 17px;
  box-sizing: border-box;
}
.main-esg .social dl::after {
  display: block;
  clear: both;
  content: "";
}
.main-esg .social dl div {
  float: left;
  background-repeat: no-repeat;
  background-position: left 8px;
  box-sizing: border-box;
}
.main-esg .social dl div:nth-child(1) {
  min-height: 52px;
  padding-left: 45px;
  background-image: url(/resources/img/main/img_esg_2_1.jpg);
  background-size: 27px auto;
}
.main-esg .social dl div:nth-child(1) dt span {
  color: #de4550;
}
.main-esg .social dl div:nth-child(2) {
  min-height: 43px;
  padding-left: 60px;
  background-image: url(/resources/img/main/img_esg_2_2.jpg);
  background-size: 46px auto;
}
.main-esg .social dl div:nth-child(2) dt span {
  color: #ee5a00;
}
.main-esg .social dl div:nth-child(3) {
  min-height: 35px;
  padding-left: 54px;
  background-image: url(/resources/img/main/img_esg_2_3.jpg);
  background-size: 45px auto;
}
.main-esg .social dl div:nth-child(3) dt span {
  color: #cf8e02;
}
.main-esg .social dl div:nth-child(4) {
  min-height: 37px;
  padding-left: 60px;
  background-image: url(/resources/img/main/img_esg_2_4.jpg);
  background-size: 45px auto;
}
.main-esg .social dl div:nth-child(4) dt span {
  color: #ac5a48;
}
.main-esg .social dl div:nth-child(1) {
  width: 154px;
}
.main-esg .social dl div:nth-child(3) {
  clear: both;
  width: 154px;
  margin: 30px 0 0 -8px;
}
.main-esg .social dl div:nth-child(4) {
  margin: 30px 0 0 0;
}
.main-esg .social dl dt span {
  display: block;
  font-weight: 800;
  font-size: 6px;
  line-height: 1;
}
.main-esg .social dl dd {
  margin-top: 7px;
  font-weight: 700;
  font-size: 11px;
}
.main-esg .governance {
  width: 318px;
  margin-right: 43px;
}
.main-esg .governance header {
  padding-left: 17px;
}
.main-esg .governance ul {
  margin-top: 39px;
  padding-left: 17px;
}
.main-esg .governance ul::after {
  display: block;
  clear: both;
  content: "";
}
.main-esg .governance ul li {
  display: flex;
  align-items: flex-end;
  float: left;
  font-weight: 800;
  font-size: 11px;
  line-height: 1.5151515152;
}
.main-esg .governance ul li + li {
  margin-top: 27px;
}
.main-esg .governance ul li:nth-child(1) {
  min-height: 47px;
  padding-left: 57px;
  background: url(/resources/img/main/img_esg_3_1.jpg) no-repeat left center/auto 47px;
}
.main-esg .governance ul li:nth-child(2) {
  min-height: 44px;
  padding-left: 54px;
  background: url(/resources/img/main/img_esg_3_2.jpg) no-repeat left center/auto 44px;
}
.main-esg .governance ul li:nth-child(3) {
  min-height: 42px;
  padding-left: 54px;
  background: url(/resources/img/main/img_esg_3_3.jpg) no-repeat left center/auto 42px;
}
.main-esg .swiper-controll {
  margin-top: 20px;
}
.main-esg .swiper-controll__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-esg .swiper-controll .swiper-pagination {
  display: flex;
  align-items: center;
  position: relative;
  bottom: 0;
  width: auto;
}
.main-esg .swiper-controll .swiper-pagination button {
  display: block;
  position: relative;
  width: 14px;
  height: 14px;
  margin: 8px 10px;
  border-radius: 14px;
  opacity: 1;
  transition: width 0.4s ease;
}
.main-esg .swiper-controll .swiper-pagination button:before {
  position: absolute;
  inset: -8px;
  content: "";
}
.main-esg .swiper-controll .swiper-pagination button.swiper-pagination-bullet-active {
  width: 36px;
  background: #de4550;
}
.main-esg .swiper-controll .swiper-pagination button span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.main-esg .swiper-controll .button-autoplay {
  display: block;
  width: 30px;
  height: 30px;
  margin-left: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.main-esg .swiper-controll .button-autoplay.pause {
  background-image: url(/resources/m/img/common/btn_pause.png);
  background-size: 11px auto;
}
.main-esg .swiper-controll .button-autoplay.run {
  background-image: url(/resources/m/img/common/btn_play.png);
  background-size: 15px auto;
}
.main-esg .swiper-controll .button-autoplay span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.main-esg article header {
  padding: 27px 0 0 0;
}
.main-esg article header h3 {
  font-weight: 800;
  font-size: 20px;
}
.main-esg article header p {
  margin-top: 7px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
}
.main-esg .header {
  position: relative;
  z-index: 10;
  padding-left: 17px;
}
.main-esg .container {
  position: relative;
  margin-top: 67px;
}
.main-esg .object {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: relative;
  height: 167px;
  padding-bottom: 2px;
  box-sizing: border-box;
}
.main-esg .object:before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 2px;
  background: #000000;
  content: "";
}
.main-esg .object video {
  position: relative;
  top: 1px;
  width: 100%;
}
.main-esg .content {
  position: relative;
}
.main-esg .recognition.new-2024 ul li {
  white-space: normal;
}
.main-esg .recognition.new-2024 ul li:nth-child(1) {
  padding: 0;
  margin-top: 20px;
  background: none;
}
.main-esg .recognition.new-2024 ul li:nth-child(2) {
  padding: 0;
  margin-top: 20px;
  background: none;
}
.main-esg .recognition.new-2024 ul li:nth-child(3) {
  padding: 0;
  margin-top: 20px;
  background: none;
}
.main-esg .recognition.new-2024 ul li:nth-child(4) {
  padding: 0;
  margin-top: 20px;
  background: none;
}
.main-esg .recognition.new-2024 ul li:nth-child(5) {
  padding: 0;
  margin-top: 20px;
  background: none;
}
.main-esg .recognition.new-2024 ul li .recognition-img {
  width: 122px;
  text-align: center;
  margin-right: 16px;
}
.main-esg .recognition.new-2024 ul li .recognition-text {
  width: calc(100% - 138px);
}
.main-esg .recognition.new-2024 ul li:nth-child(3) {
  position: static;
}
.main-esg .recognition.new-2024 ul li:nth-child(4) {
  position: static;
}
.main-esg .recognition {
  padding-top: 80px;
}
.main-esg .recognition::after {
  display: block;
  clear: both;
  content: "";
}
.main-esg .recognition h3 {
  padding-left: 17px;
  font-weight: 800;
  font-size: 20px;
  white-space: nowrap;
}
.main-esg .recognition ul {
  position: relative;
  margin-top: 24px;
  padding: 0 17px;
}
.main-esg .recognition ul::after {
  display: block;
  clear: both;
  content: "";
}
.main-esg .recognition ul li {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 12px;
  box-sizing: border-box;
  white-space: nowrap;
}
.main-esg .recognition ul li + li {
  margin-top: 17px;
}
.main-esg .recognition ul li:nth-child(1) {
  min-height: 35px;
  padding-left: 57px;
  background: url(/resources/img/main/img_esg_recognition_1.jpg) no-repeat left center/auto 35px;
}
.main-esg .recognition ul li:nth-child(2) {
  min-height: 22px;
  padding-left: 87px;
  background: url(/resources/img/main/img_esg_recognition_2.jpg) no-repeat left center/auto 22px;
}
.main-esg .recognition ul li:nth-child(3) {
  min-height: 45px;
  padding-top: 46px;
  background: url(/resources/en/img/main/img_esg_recognition_3.jpg) no-repeat left top/auto 34px;
}
.main-esg .recognition ul li:nth-child(4) {
  position: absolute;
  top: -4px;
  right: 17px;
  margin-top: 0;
  padding-top: 45px;
  background: url(/resources/en/m/img/main/img_esg_recognition_4.jpg) no-repeat left top/auto 37px;
}
.main-esg .recognition ul li span span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.main-esg .recognition ul li strong {
  color: #e40007;
}
.main-esg .kcgs {
  display: none;
  float: right;
  margin-top: 180px;
}
.main-esg .kcgs h3 {
  font-weight: 800;
  font-size: 25px;
  line-height: 1.52;
}
.main-esg .kcgs p {
  margin-top: 30px;
  font-weight: 700;
  font-size: 14px;
}
.main-esg .kcgs ul {
  margin-top: 18px;
}
.main-esg .kcgs ul::after {
  display: block;
  clear: both;
  content: "";
}
.main-esg .kcgs ul li {
  float: left;
  width: 75px;
  padding-top: 100px;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
}
.main-esg .kcgs ul li:nth-child(1) {
  background: url(/resources/img/main/img_esg_kcgs_1.jpg) no-repeat;
}
.main-esg .kcgs ul li:nth-child(2) {
  background: url(/resources/img/main/img_esg_kcgs_2.jpg) no-repeat;
}
.main-esg .kcgs ul li:nth-child(3) {
  background: url(/resources/img/main/img_esg_kcgs_3.jpg) no-repeat;
}
.main-esg .kcgs ul li:nth-child(4) {
  background: url(/resources/img/main/img_esg_kcgs_4.jpg) no-repeat;
}
.main-esg .kcgs ul li + li {
  margin-left: 48px;
}
.main-esg .kcgs ul li span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.main__ceo {
  margin-top: 94px;
  padding-top: 80px;
}
.main__ceo .main__content > div header {
  padding-left: 17px;
}
.main__ceo .main__content > div header h2 {
  font-weight: 800;
  font-size: 37px;
  line-height: 1.2272727273;
}
.main__ceo .main__content > div header p {
  margin-top: 30px;
}
.main__ceo .main__content > div header p a {
  display: block;
  width: 101px;
  padding-bottom: 3px;
  border-bottom: 2px solid #000000;
  box-sizing: border-box;
  color: #000000;
  font-weight: 800;
  font-size: 15px;
  line-height: 1;
}
.main__ceo .main__content > div header p a span {
  display: block;
  background: url(/resources/img/common/btn_link_small.png) no-repeat right center/auto 10px;
}
.main__ceo .main__content > div .content {
  margin-top: 24px;
  padding: 0 17px;
}
.main__ceo .main__content > div .content figure img {
  display: block;
  width: 100%;
}
.main__ceo .main__content > div .content p {
  margin-top: 20px;
  color: #1b1c28;
  font-weight: 800;
  font-size: 12px;
  line-height: 1.5;
}
.main__ceo .main__content > div .content p + p {
  margin-top: 30px;
  font-size: 12px;
  line-height: 1;
  text-align: right;
}
.main__ceo .main__content > div .content p + p::after {
  display: block;
  clear: both;
  content: "";
}
.main__ceo .main__content > div .content p + p img {
  display: block;
  float: right;
  height: 33px;
  margin-top: 12px;
}
.main-leadership {
  margin-top: 34px;
  padding-top: 80px;
}
.main-leadership header {
  padding-left: 17px;
}
.main-leadership header h2 {
  font-weight: 800;
  font-size: 37px;
  line-height: 1;
}
.main-leadership__container {
  margin-top: 47px;
}
.main-leadership__list {
  position: relative;
}
.main-leadership .swiper-slide {
  width: 302px;
  margin: 0 10px 0 17px;
}
.main-leadership .swiper-slide-active .main-leadership__inner .company {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.4s 0.1s ease, opacity 0.4s 0.1s ease;
}
.main-leadership .swiper-slide-active .main-leadership__inner h3 {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.4s 0.2s ease, opacity 0.4s 0.2s ease;
}
.main-leadership .swiper-slide-active .main-leadership__inner .description {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.4s 0.3s ease, opacity 0.4s 0.3s ease;
}
.main-leadership .swiper-slide-active .main-leadership__inner a {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.4s 0.4s ease, opacity 0.4s 0.4s ease;
}
.main-leadership .swiper-pagination,
.main-leadership .swiper-button-prev,
.main-leadership .swiper-button-next {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  margin-top: 0;
}
.main-leadership .swiper-pagination:after,
.main-leadership .swiper-button-prev:after,
.main-leadership .swiper-button-next:after {
  display: none;
}
.main-leadership__item figure figcaption .company {
  display: none;
}
.main-leadership__inner {
  padding-top: 24px;
}
.main-leadership__inner .company {
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  transform: translateY(50px);
  opacity: 0;
  transition: none;
}
.main-leadership__inner h3 {
  margin-top: 17px;
  font-weight: 800;
  font-size: 20px;
  line-height: 1.5;
  transform: translateY(50px);
  opacity: 0;
  transition: none;
}
.main-leadership__inner .description {
  margin-top: 24px;
  transform: translateY(50px);
  opacity: 0;
  transition: none;
}
.main-leadership__inner .description span {
  display: block;
  font-size: 12px;
  line-height: 1.5714285714;
  word-break: break-word;
}
.main-leadership__inner a {
  display: block;
  width: 101px;
  margin-top: 60px;
  padding-bottom: 3px;
  color: #000000;
  border-bottom: 2px solid #000000;
  box-sizing: border-box;
  transform: translateY(50px);
  opacity: 0;
  transition: none;
}
.main-leadership__inner a span {
  display: block;
  background: url(/resources/img/common/btn_link_small.png) no-repeat right center/auto 10px;
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
}
.main-leadership-buttons {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 80px;
  z-index: 10;
  height: 30px;
}
.main-leadership-buttons__prev, .main-leadership-buttons__next, .main-leadership-buttons__pagination {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
}
.main-leadership-buttons__prev span, .main-leadership-buttons__next span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.main-leadership-buttons__prev {
  background-image: url(/resources/img/main/btn_prev.png);
}
.main-leadership-buttons__next {
  background-image: url(/resources/img/main/btn_next.png);
}
.main-leadership-buttons__pagination {
  margin: 0 20px;
  line-height: 30px;
}
.main-media-center {
  position: relative;
  margin-top: 47px;
  padding-top: 80px;
}
.main-media-center .main__container {
  position: relative;
  z-index: 10;
}
.main-media-center .header {
  padding-left: 17px;
}
.main-media-center .main-media h3,
.main-media-center .main-pr-center h3 {
  font-weight: 800;
  font-size: 20px;
}
.main-media-center .main-media header,
.main-media-center .main-pr-center header {
  padding: 0 17px;
}
.main-media-center .main-media .swiper-slide,
.main-media-center .main-pr-center .swiper-slide {
  width: 291px;
  margin: 0 7px 0 17px;
}
.main-media-center .main-media .swiper-slide--video figure:before,
.main-media-center .main-pr-center .swiper-slide--video figure:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/resources/img/common/icon_youtube_play.png) no-repeat center/auto 20px;
  content: "";
}
.main-media-center .main-media a,
.main-media-center .main-pr-center a {
  display: block;
  color: #000000;
}
.main-media-center .main-media a figure,
.main-media-center .main-pr-center a figure {
  position: relative;
}
.main-media-center .main-media a figure img,
.main-media-center .main-pr-center a figure img {
  display: block;
}
.main-media-center .main-media a > div,
.main-media-center .main-pr-center a > div {
  height: 307px;
  padding: 17px;
  box-sizing: border-box;
  border: 1px solid #cacaca;
  border-width: 0 1px 1px 1px;
}
.main-media-center .main-media a .text span,
.main-media-center .main-pr-center a .text span {
  color: #fe0000;
  font-weight: 700;
  font-size: 12px;
}
.main-media-center .main-media a .text time,
.main-media-center .main-pr-center a .text time {
  padding-left: 10px;
  font-weight: 700;
  font-size: 12px;
}
.main-media-center .main-media a .name,
.main-media-center .main-pr-center a .name {
  margin-top: 19px;
  font-weight: 800;
  font-size: 20px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 90px;
  line-height: 30px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.main-media-center .main-media a .description,
.main-media-center .main-pr-center a .description {
  margin-top: 6px;
  font-size: 12px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 54px;
  line-height: 18px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.main-media-center .main-media a .button,
.main-media-center .main-pr-center a .button {
  position: absolute;
  bottom: 17px;
  left: 17px;
  width: 88px;
  padding-bottom: 4px;
  color: #000000;
  border-bottom: 2px solid #000000;
  box-sizing: border-box;
  line-height: 1;
}
.main-media-center .main-media a .button span,
.main-media-center .main-pr-center a .button span {
  display: block;
  background: url(/resources/img/common/btn_link_small.png) no-repeat right center/auto 10px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
}
.main-media-center .main-media {
  position: relative;
  z-index: 10;
  margin-top: 30px;
}
.main-media-center .main-media header {
  position: relative;
  height: 150px;
}
.main-media-center .main-media header:before {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 300px;
  height: 140px;
  background-image: url(/resources/img/main/img_media_center_media_header.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 300px auto;
  animation-name: animation;
  animation-iteration-count: infinite;
  animation-timing-function: steps(180);
  animation-duration: 7.2s;
  content: "";
}
.main-media-center .main-media header h3 {
  position: relative;
  z-index: 10;
  padding-top: 107px;
}
.main-media-center .main-pr-center {
  position: relative;
  padding: 57px 0 0;
}
.main-media-center .main-pr-center .content {
  margin-top: 27px;
}
.main-media-center .main-pr-center .video {
  position: relative;
  width: 100%;
}
.main-media-center .main-pr-center .video video {
  display: block;
  width: 100%;
}

.search {
  padding-top: 100px;
}
.search header h2 {
  color: #979797;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  line-height: 1.5;
}
.search header h2 strong {
  color: #ee2e2e;
}
.search header h2 span {
  color: #000000;
}
.search-form {
  padding: 49px 43px 0;
}
.search-form fieldset {
  position: relative;
  height: 30px;
  padding-right: 44px;
  border-bottom: 2px solid #000000;
}
.search-form fieldset input {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  color: #000000;
  font-size: 16px;
}
.search-form fieldset button {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 100%;
  background-image: url(/resources/img/common/btn_search.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 21px;
}
.search-form fieldset button span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.search .best-searchs {
  position: relative;
  margin-top: 8px;
  padding-left: 100px;
}
.search .best-searchs p {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 17px;
  color: #979797;
  font-size: 10px;
  line-height: 26px;
}
.search .best-searchs nav ul {
  overflow-x: auto;
  white-space: nowrap;
  height: 26px;
}
.search .best-searchs nav li {
  display: inline-block;
  line-height: 1;
  vertical-align: top;
}
.search .best-searchs nav li + li {
  margin-left: 4px;
}
.search .best-searchs nav a {
  display: block;
  min-width: 46px;
  height: 26px;
  padding: 0 14px;
  border: 1px solid #d0ceca;
  border-radius: 4px;
  box-sizing: border-box;
  color: #000000;
  font-weight: 700;
  font-size: 10px;
  line-height: 24px;
}
.search .category {
  margin-top: 67px;
  padding: 0 17px;
  border-bottom: 2px solid #000000;
}
.search .category ul {
  display: flex;
  align-items: center;
}
.search .category li + li {
  margin-left: 57px;
}
.search .category li.active a {
  color: #000000;
}
.search .category a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  color: #949494;
  font-weight: 800;
  font-size: 17px;
}
.search .related,
.search .media {
  display: none;
}
.search .related.active,
.search .media.active {
  display: block;
}
.search .related header,
.search .media header {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.search .related .more,
.search .media .more {
  margin-top: 67px;
}
.search .related .more a,
.search .media .more a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  height: 54px;
  border: 2px solid #000000;
  color: #000000;
  box-sizing: border-box;
}
.search .related .more a > span,
.search .media .more a > span {
  margin-left: 37px;
  padding-right: 37px;
  background: url(/resources/img/common/btn_arrow_down.png) no-repeat right center/auto 9px;
  font-weight: 800;
  font-size: 19px;
  line-height: 1;
}
.search .related .no,
.search .media .no {
  font-weight: 800;
  font-size: 15px;
}
.search .related {
  padding: 34px 17px 0;
}
.search .related li + li {
  margin-top: 47px;
}
.search .related a {
  display: block;
  padding: 0 17px;
  color: #000000;
}
.search .related .title {
  font-weight: 800;
  font-size: 15px;
}
.search .related .description {
  margin-top: 14px;
  font-size: 12px;
  line-height: 1.5714285714;
}
.search .related .more {
  padding: 0 17px;
}
.search .media {
  padding: 34px 17px 0;
}
.search .media li + li {
  margin: 34px 0 0;
  padding: 34px 0 0;
  border-top: 1px solid #cacaca;
}
.search .media li a {
  color: #000000;
}
.search .media li a figure img {
  display: block;
  width: 100%;
}
.search .media li div {
  margin-top: 17px;
}
.search .media li .title {
  margin-top: 10px;
  font-weight: 700;
  font-size: 15px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 40px;
  line-height: 20px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.search .media li .time {
  font-weight: 700;
  font-size: 12px;
}
.search .media .more {
  margin-top: 67px;
  padding: 0 17px;
}
.search .category-menu {
  margin: 97px 0 14px;
}

.about-overview .page-header__container {
  height: auto;
}
.about-overview .page-header .object {
  display: none;
}
.about-overview__container {
  margin-top: 59px;
}
.about-overview .description {
  padding: 0 17px;
}
.about-overview .description p {
  display: inline-block;
  color: #ee2e2e;
  font-weight: 800;
  font-size: 24px;
  line-height: 1.2857142857;
  letter-spacing: -0.05em;
}
.description + .about-overview__content:before {
  display: block;
  width: 100%;
  height: 615px;
  background-image: url(/resources/m/img/about/img_about_overview_1.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.description + .about-overview__content header {
  margin-top: -35px;
}
.about-overview__content {
  position: relative;
}
.about-overview__content header {
  padding: 0 17px;
}
.about-overview__content header h3 {
  font-weight: 800;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -0.05em;
}
.about-overview__content header h3 span {
  font-family: "Noto Sans KR";
  font-weight: 700;
}
.about-overview__content header p {
  margin-top: 19px;
  font-weight: 800;
  font-size: 19px;
  line-height: 1.4545454545;
}
.about-overview__content ul {
  margin-top: 24px;
  padding: 0 17px;
}
.about-overview__content ul li + li {
  margin-top: 18px;
}
.about-overview__content ul li span {
  display: block;
  position: relative;
  padding-left: 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.75;
}
.about-overview__content ul li span:before {
  position: absolute;
  top: 9px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background: #000000;
  content: "";
}
.about-overview__content ul li span span {
  display: inline-block;
  padding: 0;
  font-family: "Noto Sans KR";
}
.about-overview__content ul li span span:before {
  display: none;
}
.about-overview__content1 {
  margin-top: 45px;
}
.about-overview__content1 h3 {
  color: #3e7be4;
}
.about-overview__content2 {
  position: relative;
  margin-top: 37px;
  padding: 59px 0 141px 0;
}
.about-overview__content2:before, .about-overview__content2:after {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}
.about-overview__content2:before {
  top: 0;
  right: 0;
  width: 30px;
  height: 48px;
  background-image: url(/resources/m/img/about/icon_overview_1.png);
  content: "";
}
.about-overview__content2:after {
  left: 35px;
  bottom: 0;
  width: 43px;
  height: 43px;
  background-image: url(/resources/m/img/about/icon_overview_2.png);
  content: "";
}
.about-overview__content2 h3 {
  color: #8a62e9;
}
.about-overview .page-menu {
  margin-top: 174px;
  padding-bottom: 50px;
}

.about-ceo .page-header__container {
  height: auto;
}
.about-ceo .page-header .object {
  display: none;
}
.about-ceo main {
  padding-top: 55px;
}
.about-ceo main section header h3 {
  position: relative;
  padding: 38px 0 39px 0;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 19px;
  line-height: 1.5454545455;
  letter-spacing: -0.05em;
  text-align: center;
}
.about-ceo main section header h3:before, .about-ceo main section header h3:after {
  width: 15px;
  height: 12px;
}
.about-ceo main section header h3:before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(/resources/m/img/about/img_ceo_quotation_left.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.about-ceo main section header h3:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(/resources/m/img/about/img_ceo_quotation_right.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.about-ceo main section .description {
  position: relative;
  margin-top: 60px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5714285714;
  letter-spacing: -0.025em;
}
.about-ceo main section .description:before {
  display: block;
  width: 100%;
  padding-top: 93.4259259259%;
  margin-bottom: 34px;
  background-image: url(/resources/m/img/about/img_ceo.jpg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.about-ceo main section .description span {
  display: block;
  position: relative;
  z-index: 10;
  padding: 0 17px;
}
.about-ceo main section .description span + span {
  margin-top: 20px;
}
.about-ceo main section .sign {
  display: flex;
  justify-content: flex-end;
  margin-top: 74px;
  padding: 0 17px;
}
.about-ceo main section .sign p {
  color: rgba(27, 28, 40, 0.6);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.025em;
}
.about-ceo main section .sign p img {
  display: block;
  width: 140px;
  height: 31px;
  margin-top: 17px;
}
.about-ceo main section .page-menu {
  padding-bottom: 50px;
}
.about-ceo main section::after {
  display: block;
  clear: both;
  content: "";
}

.about-people .page-header__title {
  padding-bottom: 13px;
}
.about-people .page-header__container {
  height: 80px;
}
.about-people .page-header__container h2 {
  padding-bottom: 11px;
}
.about-people .page-header__container .object {
  right: 0;
}
.about-people__container {
  margin-top: 94px;
}
.about-people__container > header h3 {
  padding: 0 17px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 21px;
  letter-spacing: -0.05em;
}
header + .about-people__content {
  margin-top: 65px;
}
.about-people__content:first-of-type {
  margin-top: 10px;
}
.about-people__content + .about-people__content {
  margin-top: 195px;
}
.about-people__content h4 {
  padding: 0 17px;
  font-weight: 700;
  font-size: 19px;
  letter-spacing: -0.05em;
}
.about-people__content > h4 + article {
  padding-top: 42px;
}
.about-people__content article {
  padding-top: 105px;
}
.about-people__content article.cfo header {
  border-bottom: 3px solid #000000;
  background-image: url(/resources/img/about/img_people_cfo.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}
.about-people__content article.cfo header h4,
.about-people__content article.cfo header h5 {
  padding-top: 5px;
}
.about-people__content article.cfo header h4 span,
.about-people__content article.cfo header h5 span {
  color: #000000;
}
.about-people__content article.cfo header h4:before,
.about-people__content article.cfo header h5:before {
  display: block;
  width: 65px;
  height: 51px;
  margin-bottom: 19px;
  background-image: url(/resources/img/about/icon_people_cfo.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.about-people__content article.advanced-materials header {
  border-bottom: 3px solid #184387;
  background-image: url(/resources/img/about/img_people_advanced_materials.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}
.about-people__content article.advanced-materials header h4,
.about-people__content article.advanced-materials header h5 {
  padding-top: 7px;
}
.about-people__content article.advanced-materials header h4 span,
.about-people__content article.advanced-materials header h5 span {
  color: #184387;
}
.about-people__content article.advanced-materials header h4:before,
.about-people__content article.advanced-materials header h5:before {
  display: block;
  width: 40px;
  height: 40px;
  margin-bottom: 26px;
  background-image: url(/resources/img/about/icon_people_advanced_materials.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.about-people__content article.green header {
  border-bottom: 3px solid #6a9100;
  background-image: url(/resources/img/about/img_people_green.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}
.about-people__content article.green header h4,
.about-people__content article.green header h5 {
  padding-top: 10px;
}
.about-people__content article.green header h4 span,
.about-people__content article.green header h5 span {
  color: #6a9100;
}
.about-people__content article.green header h4:before,
.about-people__content article.green header h5:before {
  display: block;
  width: 40px;
  height: 40px;
  margin-bottom: 19px;
  background-image: url(/resources/img/about/icon_people_green.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.about-people__content article.biopharma-ceutical header {
  border-bottom: 3px solid #009a93;
  background-image: url(/resources/img/about/img_people_biopharma_ceutical.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}
.about-people__content article.biopharma-ceutical header h4,
.about-people__content article.biopharma-ceutical header h5 {
  padding-top: 10px;
}
.about-people__content article.biopharma-ceutical header h4 span,
.about-people__content article.biopharma-ceutical header h5 span {
  color: #009a93;
}
.about-people__content article.biopharma-ceutical header h4:before,
.about-people__content article.biopharma-ceutical header h5:before {
  display: block;
  width: 18px;
  height: 39px;
  margin-bottom: 13px;
  background-image: url(/resources/img/about/icon_people_biopharma_ceutical.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.about-people__content article.digital header {
  border-bottom: 3px solid #662483;
  background-image: url(/resources/img/about/img_people_digital.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}
.about-people__content article.digital header h4,
.about-people__content article.digital header h5 {
  padding-top: 5px;
}
.about-people__content article.digital header h4 span,
.about-people__content article.digital header h5 span {
  color: #662483;
}
.about-people__content article.digital header h4:before,
.about-people__content article.digital header h5:before {
  display: block;
  width: 36px;
  height: 36px;
  margin-bottom: 15px;
  background-image: url(/resources/img/about/icon_people_digital.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.about-people__content article.finance header {
  border-bottom: 3px solid #000000;
  background-image: url(/resources/img/about/img_people_finance.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}
.about-people__content article.finance header h4,
.about-people__content article.finance header h5 {
  padding-top: 4px;
}
.about-people__content article.finance header h4 span,
.about-people__content article.finance header h5 span {
  color: #000000;
}
.about-people__content article.finance header h4:before,
.about-people__content article.finance header h5:before {
  display: block;
  width: 65px;
  height: 51px;
  margin-bottom: 19px;
  background-image: url(/resources/img/about/icon_people_finance.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.about-people__content article.portfolio header {
  border-bottom: 3px solid #000000;
  background-image: url(/resources/img/about/img_people_portfolio.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}
.about-people__content article.portfolio header h4,
.about-people__content article.portfolio header h5 {
  padding-top: 2px;
}
.about-people__content article.portfolio header h4 span,
.about-people__content article.portfolio header h5 span {
  color: #000000;
}
.about-people__content article.portfolio header h4:before,
.about-people__content article.portfolio header h5:before {
  display: block;
  width: 53px;
  height: 45px;
  margin-bottom: 21px;
  background-image: url(/resources/img/about/icon_people_portfolio.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.about-people__content article.director header {
  border-bottom: 3px solid #000000;
  background-image: url(/resources/img/about/img_people_director.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}
.about-people__content article.director header h4,
.about-people__content article.director header h5 {
  padding-top: 8px;
}
.about-people__content article.director header h4 span,
.about-people__content article.director header h5 span {
  color: #000000;
}
.about-people__content article.director header h4:before,
.about-people__content article.director header h5:before {
  display: block;
  width: 72px;
  height: 40px;
  margin-bottom: 21px;
  background-image: url(/resources/img/about/icon_people_director.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.about-people__content article.cfo h6 {
  padding: 40px 0 0 17px;
  color: #000;
  font-weight: 800;
  font-size: 15px;
}
.about-people__content article.cfo dl + h6 {
  padding-top: 44px;
}
.about-people__content article.cfo dl {
  margin-top: 0;
  padding-top: 17px;
}
.about-people__content article .about-people__box {
  display: flex;
  flex-direction: column;
  padding-right: 17px;
}
.about-people__content article header {
  height: 167px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  box-sizing: border-box;
}
.about-people__content article header h4,
.about-people__content article header h5 {
  position: relative;
  padding-left: 180px;
  font-weight: 800;
  font-size: 13px;
  line-height: 1.4166666667;
}
.about-people__content article dl {
  display: flex;
  align-items: center;
  margin-top: 40px;
  padding-left: 17px;
}
.about-people__content article dl div {
  background-repeat: no-repeat;
  background-position: left top;
}
.about-people__content article dl dt {
  position: relative;
  padding: 11px 17px 7px 17px;
  font-weight: 800;
  font-size: 13px;
  line-height: 1.5555555556;
}
.about-people__content article dl dt:before, .about-people__content article dl dt:after {
  position: absolute;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: contain;
}
.about-people__content article dl dt:before {
  top: 0;
  left: 0;
  background-image: url(/resources/m/img/about/icon_people_1.png);
  content: "";
}
.about-people__content article dl dt:after {
  right: 0;
  bottom: 0;
  background-image: url(/resources/m/img/about/icon_people_2.png);
  content: "";
}
.about-people__content article dl dd {
  margin-top: 24px;
  font-weight: 700;
  font-size: 12px;
  line-height: 2;
}
.about-people__content article dl dd span {
  display: block;
}
.about-people .page-menu {
  margin-top: 234px;
  padding-bottom: 50px;
}

.page-header--portfolio .page-header__title {
  padding-bottom: 10px;
}
.page-header--portfolio .object {
  right: -40px;
}

.category-menu-portfolio > .location-menu__list > .location-menu__item {
  width: 167px;
}
.category-menu-portfolio > .location-menu__list > .location-menu__item:nth-child(1) {
  width: 270px;
}
.category-menu-portfolio > .location-menu__list > .location-menu__item:nth-child(1) a {
  width: 260px;
}
.category-menu-portfolio > .location-menu__list > .location-menu__item:nth-child(1) span {
  padding-right: 0;
  background: none;
}
.category-menu-portfolio > .location-menu__list > .location-menu__item:nth-child(2) {
  width: 285px;
  margin-left: 27px;
}
.category-menu-portfolio > .location-menu__list > .location-menu__item:nth-child(2) a {
  width: 275px;
}

.portfolio-philosophy main {
  clear: both;
}
.portfolio-philosophy main header {
  text-align: center;
}
.portfolio-philosophy main header h3,
.portfolio-philosophy main header p {
  font-weight: 800;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.05em;
}
.portfolio-philosophy main header p {
  font-weight: 700;
}
.portfolio-philosophy .core {
  overflow: hidden;
  margin-top: 80px;
}
.portfolio-philosophy .core .content {
  position: relative;
  margin-top: 51px;
  width: 100%;
  padding-top: 113.2450331126%;
  background-image: url(/resources/en/m/img/portfolio/bg_portfolio.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-align: center;
}
.portfolio-philosophy .core ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 2.5543992431% 18.045112782% 4.1627246925%;
  box-sizing: border-box;
}
.portfolio-philosophy .core ul::after {
  display: block;
  clear: both;
  content: "";
}
.portfolio-philosophy .core ul li {
  float: left;
  box-sizing: border-box;
}
.portfolio-philosophy .core ul li:nth-of-type(1) {
  width: 49.8985801217%;
  height: 55.9633027523%;
  padding: 19.3679918451% 0 0 4.8681541582%;
}
.portfolio-philosophy .core ul li:nth-of-type(2) {
  width: 50.1014198783%;
  height: 55.9633027523%;
  padding: 22.4260958206% 8.4178498986% 0 8.4178498986%;
}
.portfolio-philosophy .core ul li:nth-of-type(3) {
  width: 46.0446247465%;
  height: 44.0366972477%;
  padding: 7.1355759429% 0 0 4.0567951318%;
}
.portfolio-philosophy .core ul li:nth-of-type(3) strong {
  line-height: 1;
}
.portfolio-philosophy .core ul li:nth-of-type(3) strong span {
  color: #47fff6;
  line-height: 1.2;
}
.portfolio-philosophy .core ul li:nth-of-type(4) {
  width: 53.9553752535%;
  height: 44.0366972477%;
  padding: 17.3292558614% 2% 0 0;
}
.portfolio-philosophy .core ul li strong,
.portfolio-philosophy .core ul li span {
  display: block;
  color: #fff;
  font-weight: 800;
}
.portfolio-philosophy .core ul li strong {
  font-size: 14px;
}
.portfolio-philosophy .core ul li span {
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.5625;
  letter-spacing: -0.05em;
}
.portfolio-philosophy .business-areas {
  margin-top: 98px;
}
.portfolio-philosophy .business-areas .video {
  overflow: hidden;
  margin-top: 23px;
}
.portfolio-philosophy .business-areas .video video {
  display: block;
  width: calc(100% + 1px);
}
.portfolio-philosophy .business-areas dl {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.portfolio-philosophy .allocation {
  padding: 0 17px;
}
.portfolio-philosophy .allocation h4 {
  margin-top: 58px;
  font-weight: 800;
  font-size: 17px;
  line-height: 1;
  text-align: center;
}
.portfolio-philosophy .allocation h4 + div {
  margin-top: 28px;
}
.portfolio-philosophy .allocation div {
  position: relative;
  text-align: center;
}
.portfolio-philosophy .allocation div .object {
  position: absolute;
  top: 73px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 55px;
  height: 295px;
  background-image: url(/resources/m/img/portfolio/icon_strategy_allocation_arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.portfolio-philosophy .allocation div ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.portfolio-philosophy .allocation div ul::after {
  display: block;
  clear: both;
  content: "";
}
.portfolio-philosophy .allocation div li {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  position: relative;
  margin: 0 auto;
  border-radius: 100px;
}
.portfolio-philosophy .allocation div li:nth-of-type(n+2) {
  margin-top: 55px;
}
.portfolio-philosophy .allocation div li:nth-child(1) {
  width: 100%;
  max-width: 301px;
  height: 111px;
  background: #83714b;
}
.portfolio-philosophy .allocation div li:nth-child(1) div {
  background-image: url(/resources/m/img/portfolio/icon_strategy_allocation_1.png);
  background-size: contain;
  color: #fff;
  font-weight: 800;
  font-size: 22px;
  line-height: 1.2615384615;
}
.portfolio-philosophy .allocation div li:nth-child(2) {
  width: 100%;
  max-width: 301px;
  height: 114px;
  border: 2px solid #ff6b6b;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 9px 9px 12px rgba(109, 60, 23, 0.25);
  z-index: 20;
}
.portfolio-philosophy .allocation div li:nth-child(2) div {
  background-image: url(/resources/m/img/portfolio/icon_strategy_allocation_2.png);
  background-size: contain;
  color: #000000;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.5555555556;
}
.portfolio-philosophy .allocation div li:nth-child(2) div strong {
  color: #ee2e2e;
  font-weight: 800;
  font-size: 22px;
}
.portfolio-philosophy .allocation div li:nth-child(3) {
  width: 100%;
  max-width: 302px;
  height: 132px;
  background: #ee2e2e;
}
.portfolio-philosophy .allocation div li:nth-child(3) div {
  background-image: url(/resources/m/img/portfolio/icon_strategy_allocation_3.png);
  background-size: contain;
  color: #fff;
  font-weight: 800;
  font-size: 22px;
  line-height: 1.0769230769;
}
.portfolio-philosophy .allocation div li div {
  padding-right: 99px;
  background-repeat: no-repeat;
  background-position: right center;
  letter-spacing: -0.05em;
}
.portfolio-philosophy .allocation div li span {
  font-family: "Noto Sans KR";
}
.portfolio-philosophy .management-policy {
  margin-top: 80px;
  padding: 0 17px;
}
.portfolio-philosophy .management-policy header h3 {
  font-weight: 800;
  font-size: 17px;
  line-height: 1;
}
.portfolio-philosophy .management-policy header h3 strong {
  display: block;
  color: #ee2e2e;
}
.portfolio-philosophy .management-policy .plus {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 38px;
}
.portfolio-philosophy .management-policy .plus li {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border: 2px solid #f9b8b8;
  border-radius: 50%;
  box-sizing: border-box;
}
.portfolio-philosophy .management-policy .plus li .image {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.portfolio-philosophy .management-policy .plus li:nth-child(1) .image {
  top: 55%;
  padding-top: 61.6279069767%;
  background-image: url(/resources/en/m/img/portfolio/img_strategy_management_1.png);
}
.portfolio-philosophy .management-policy .plus li:nth-child(2) .image {
  top: 55%;
  padding-top: 45.3488372093%;
  background-image: url(/resources/m/img/portfolio/img_strategy_management_2.png);
}
.portfolio-philosophy .management-policy .plus li:nth-child(3) .image {
  top: 50%;
  padding-top: 52.7906976744%;
  background-image: url(/resources/en/m/img/portfolio/img_strategy_management_3.png);
}
.portfolio-philosophy .management-policy .plus li .icon {
  margin-top: -17px;
  text-align: center;
}
.portfolio-philosophy .management-policy .plus li .icon strong {
  display: inline-block;
  padding-top: 40px;
  background: url(/resources/img/portfolio/icon_plue.png) no-repeat center top;
  font-weight: 800;
  font-size: 15px;
  line-height: 1;
}
.portfolio-philosophy .management-policy .plus li div {
  background-repeat: no-repeat;
  background-position: left top;
}
.portfolio-philosophy .management-policy .plus li div span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.portfolio-philosophy .management-policy .minus {
  position: relative;
  height: 30px;
  margin-top: 46px;
}
.portfolio-philosophy .management-policy .minus li {
  position: absolute;
  top: 0;
}
.portfolio-philosophy .management-policy .minus li:nth-child(1) {
  left: 112px;
}
.portfolio-philosophy .management-policy .minus li:nth-child(2) {
  left: 501px;
}
.portfolio-philosophy .management-policy .minus li:nth-child(3) {
  left: 855px;
}
.portfolio-philosophy .management-policy .minus li strong {
  display: inline-block;
  padding-left: 40px;
  background: url(/resources/img/portfolio/icon_minus.png) no-repeat left center;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
}
.portfolio-philosophy .global {
  margin-top: 220px;
}
.portfolio-philosophy .global figure {
  margin-top: 80px;
  text-align: center;
}
.portfolio-philosophy .global figure span {
  display: inline-block;
  width: 1155px;
  height: 534px;
  background-image: url(/resources/img/portfolio/icon_strategy_global.png);
  background-repeat: no-repeat;
}
.portfolio-philosophy .global dl {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.portfolio-philosophy .global ul {
  display: flex;
  justify-content: center;
  margin-top: 110px;
  padding-top: 34px;
  border-top: 1px solid #b2b2b2;
  box-sizing: border-box;
}
.portfolio-philosophy .global ul li {
  display: flex;
  align-items: center;
  position: relative;
  height: 70px;
}
.portfolio-philosophy .global ul li:nth-child(1) {
  padding-left: 90px;
}
.portfolio-philosophy .global ul li:nth-child(1) .icon {
  width: 70px;
  height: 70px;
  border: 2px solid #ff1313;
  border-radius: 50%;
  box-sizing: border-box;
}
.portfolio-philosophy .global ul li:nth-child(2), .portfolio-philosophy .global ul li:nth-child(3) {
  padding-left: 55px;
  margin-left: 70px;
}
.portfolio-philosophy .global ul li:nth-child(2) .icon, .portfolio-philosophy .global ul li:nth-child(3) .icon {
  top: 50%;
  width: 34px;
  height: 34px;
  margin-top: -17px;
  border: 2px solid #ff1313;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
}
.portfolio-philosophy .global ul li:nth-child(2) .icon:before, .portfolio-philosophy .global ul li:nth-child(3) .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin: -13px 0 0 -13px;
  background: #ff1313;
  content: "";
}
.portfolio-philosophy .global ul li:nth-child(2) .icon {
  border: 2px solid #ff1313;
}
.portfolio-philosophy .global ul li:nth-child(2) .icon:before {
  background: #ff1313;
}
.portfolio-philosophy .global ul li:nth-child(3) .icon {
  border: 2px solid #ff8a00;
}
.portfolio-philosophy .global ul li:nth-child(3) .icon:before {
  background: #ff8a00;
}
.portfolio-philosophy .global ul li:nth-child(3) p strong {
  color: #ff8a00;
}
.portfolio-philosophy .global ul li .icon {
  position: absolute;
  top: 0;
  left: 0;
}
.portfolio-philosophy .global ul li p {
  font-weight: 800;
  font-size: 18px;
}
.portfolio-philosophy .global ul li p strong {
  color: #ff1313;
}
.portfolio-philosophy .global ul li p span {
  display: inline-block;
  padding-left: 4px;
}
.portfolio-philosophy .contribute {
  margin-top: 144px;
  padding: 0 17px;
}
.portfolio-philosophy .contribute div {
  position: relative;
  text-align: center;
}
.portfolio-philosophy .contribute div .object {
  position: absolute;
  top: 95px;
  left: 51%;
  width: 74px;
  height: 131px;
  transform: translateX(-50%);
  background-image: url(/resources/m/img/portfolio/img_strategy_management_arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.portfolio-philosophy .contribute div ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 43px;
}
.portfolio-philosophy .contribute div ul li {
  position: relative;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  text-align: left;
}
.portfolio-philosophy .contribute div ul li span {
  display: inline-block;
  font-weight: 800;
  font-size: 17px;
  line-height: 1.3;
}
.portfolio-philosophy .contribute div ul li:nth-of-type(2) {
  margin-top: 163px;
}
.portfolio-philosophy .contribute div ul li:nth-child(1) span {
  height: 78px;
  padding-left: 139px;
  background-image: url(/resources/m/img/portfolio/img_strategy_management_4.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
.portfolio-philosophy .contribute div ul li:nth-child(1) span:before {
  display: block;
  height: 24px;
  content: "";
}
.portfolio-philosophy .contribute div ul li:nth-child(2) span {
  height: 103px;
  padding-left: 151px;
  background-image: url(/resources/m/img/portfolio/img_strategy_management_5.png);
  background-position: 31px center;
  background-repeat: no-repeat;
  background-size: contain;
}
.portfolio-philosophy .contribute div ul li:nth-child(2) span:before {
  display: block;
  height: 32px;
  content: "";
}
.portfolio-philosophy .page-menu {
  margin-top: 100px;
  padding-bottom: 50px;
}
.portfolio-philosophy .page-menu__button {
  width: 265px;
}

.portfolio-accomplishment main {
  clear: both;
  padding: 0 17px;
}
.portfolio-accomplishment .advanced-materials header h3,
.portfolio-accomplishment .green header h3,
.portfolio-accomplishment .bio header h3,
.portfolio-accomplishment .digital header h3 {
  background-repeat: no-repeat;
  background-position: center top;
  font-weight: 800;
  font-size: 27px;
  text-align: center;
}
.portfolio-accomplishment .advanced-materials {
  margin-top: -56px;
  padding-top: 80px;
}
.portfolio-accomplishment .advanced-materials header h3 {
  position: relative;
  color: #0a306d;
  line-height: 1;
}
.portfolio-accomplishment .advanced-materials header h3::before {
  display: block;
  width: 100%;
  max-width: 276px;
  height: 135px;
  margin: 0 auto 24px;
  background-image: url(/resources/m/img/portfolio/img_investment_status_advanced_materials_header.jpg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.portfolio-accomplishment .advanced-materials .core {
  margin-top: 65px;
}
.portfolio-accomplishment .advanced-materials .core h4 {
  font-weight: 800;
  font-size: 20px;
  text-align: center;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div {
  position: relative;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div > ul {
  margin: 26.6666666667px 0 0 0;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div > ul > li + li {
  margin: 20px 0 0 0;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .header {
  display: flex;
  justify-content: center;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .header > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .header .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 61px;
  height: 61px;
  border: 1px solid #173c74;
  border-radius: 100%;
  box-sizing: border-box;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .header p {
  width: 165px;
  padding-left: 10px;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .header p strong {
  display: block;
  color: #2c5ead;
  font-weight: 700;
  font-size: 13.3333333333px;
  line-height: 1;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .header p span {
  display: block;
  margin-top: 8.3333333333px;
  color: #7491be;
  font-weight: 700;
  font-size: 10.3333333333px;
  line-height: 1;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .container {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 12px -12px 0;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .container:before {
  position: absolute;
  top: calc(50% - 17px);
  left: calc(50% - 11px);
  width: 23px;
  height: 34px;
  background: url(/resources/m/img/portfolio/icon_advanced_materials_arrow.jpg) no-repeat center bottom/contain;
  content: "";
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .content {
  display: flex;
  align-items: center;
  position: relative;
  width: calc(50% - 24px);
  height: 119.3333333333px;
  margin: 0 12px;
  padding-left: 11px;
  border: 1px solid #7491be;
  box-sizing: border-box;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .content + .content {
  border: 0;
  background: #305898;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .content + .content .box p {
  color: #fff;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .content + .content .box ul li span {
  color: #fff;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .content + .content .box ul li span:before {
  background: #fff;
  content: "";
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .content .box > p {
  color: #2c5ead;
  font-weight: 700;
  font-size: 12px;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .content .box > ul {
  margin-top: 6px;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .content .box > ul li + li {
  margin-top: 3px;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .content .box > ul li span {
  display: block;
  position: relative;
  padding-left: 6px;
  color: #000000;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: -1px;
}
.portfolio-accomplishment .advanced-materials .core .wrapper > div .content .box > ul li span:before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #000000;
  content: "";
}
.portfolio-accomplishment .advanced-materials .investment {
  margin-top: 71px;
}
.portfolio-accomplishment .advanced-materials .investment header {
  text-align: center;
}
.portfolio-accomplishment .advanced-materials .investment header h4 {
  font-weight: 800;
  font-size: 20px;
}
.portfolio-accomplishment .advanced-materials .investment header p {
  margin-top: 14px;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3333333333;
}
.portfolio-accomplishment .advanced-materials .investment h5 {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.portfolio-accomplishment .advanced-materials .investment .container {
  position: relative;
  width: 100%;
  height: 762px;
  margin-top: 28px;
  background-image: url(/resources/en/m/img/portfolio/img_investment.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}
.portfolio-accomplishment .advanced-materials .investment .reference,
.portfolio-accomplishment .advanced-materials .investment .content {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.portfolio-accomplishment .advanced-materials .result {
  overflow: hidden;
  margin-top: 90px;
}
.portfolio-accomplishment .advanced-materials .result header {
  text-align: center;
}
.portfolio-accomplishment .advanced-materials .result header h4 {
  font-weight: 800;
  font-size: 20px;
  line-height: 1;
}
.portfolio-accomplishment .advanced-materials .result .value {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.portfolio-accomplishment .advanced-materials .result .value h5 {
  margin-right: 12px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.2857142857;
}
.portfolio-accomplishment .advanced-materials .result .value ol {
  position: relative;
}
.portfolio-accomplishment .advanced-materials .result .value ol::after {
  display: block;
  clear: both;
  content: "";
}
.portfolio-accomplishment .advanced-materials .result .value ol li {
  float: left;
  position: relative;
  z-index: 10;
}
.portfolio-accomplishment .advanced-materials .result .value ol li + li {
  margin-left: 115px;
}
.portfolio-accomplishment .advanced-materials .result .value ol li + li div {
  border: 2px solid #465eda;
  color: #465eda;
  font-size: 10px;
}
.portfolio-accomplishment .advanced-materials .result .value ol li.object {
  position: absolute;
  top: 11px;
  left: 22px;
  z-index: 0;
  width: 139px;
  height: 34px;
  margin-left: 0;
  background-image: url(/resources/m/img/portfolio/img_investment_status_advanced_materials_arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.portfolio-accomplishment .advanced-materials .result .value ol li.object span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.portfolio-accomplishment .advanced-materials .result .value ol li div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border: 2px solid #000000;
  border-radius: 100%;
  background: #fff;
  font-weight: 800;
  font-size: 10px;
  text-align: center;
  box-sizing: border-box;
}
.portfolio-accomplishment .advanced-materials .result .graph {
  position: relative;
  width: 100%;
  max-width: 360px;
  margin: 8px auto 0;
}
.portfolio-accomplishment .advanced-materials .result .graph .description {
  position: absolute;
  top: 45px;
  left: 0;
}
.portfolio-accomplishment .advanced-materials .result .graph .description ul li:nth-child(1) strong {
  color: #7d7d7d;
}
.portfolio-accomplishment .advanced-materials .result .graph .description ul li:nth-child(1) strong:before {
  background: #7d7d7d;
}
.portfolio-accomplishment .advanced-materials .result .graph .description ul li:nth-child(2) strong {
  color: #465eda;
}
.portfolio-accomplishment .advanced-materials .result .graph .description ul li:nth-child(2) strong:before {
  background: #465eda;
}
.portfolio-accomplishment .advanced-materials .result .graph .description ul li strong {
  display: block;
  position: relative;
  font-weight: 700;
  font-size: 12px;
}
.portfolio-accomplishment .advanced-materials .result .graph .description ul li strong:before {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 14px;
  background: #465eda;
  content: "";
}
.portfolio-accomplishment .advanced-materials .result .graph .description ul li dl {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.portfolio-accomplishment .advanced-materials .result .graph .description p {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.portfolio-accomplishment .advanced-materials .result .graph .description .list {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph {
  display: flex;
  position: relative;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph:before {
  position: absolute;
  bottom: 37px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #7a7c85;
  content: "";
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li:nth-child(1) {
  width: 62px;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li:nth-child(2) {
  width: 84px;
  z-index: 1;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li:nth-child(2) > div {
  height: 60px;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li:nth-child(2) > div .stick {
  padding-top: 11px;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li:nth-child(2) > div .arrow {
  bottom: 64px;
  left: 92px;
  width: 80px;
  height: 111px;
  padding-top: 47px;
  color: #7a7c85;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li:nth-child(2) > div .arrow:before {
  width: 120px;
  background: #b8bac9;
  transform: rotate(-56deg);
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li:nth-child(2) > div .arrow:after {
  top: 0px;
  right: -2px;
  border-left: 10px solid #b8bac9;
  transform: rotate(-54deg);
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li:nth-child(2) > div .blue {
  height: 30px;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li:nth-child(2) > div .blue .arrow {
  bottom: 33px;
  left: 58px;
  z-index: 10;
  width: 302px;
  height: 52px;
  padding: 5px 0 0 44px;
  color: #465eda;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li:nth-child(2) > div .blue .arrow:before {
  width: 110px;
  background: #475fda;
  transform: rotate(-23deg);
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li:nth-child(2) > div .blue .arrow:after {
  top: -44px;
  left: 87px;
  border-left: 10px solid #475fda;
  transform: rotate(-27deg);
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li:nth-child(3) {
  width: 84px;
  margin-left: 87px;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li:nth-child(3) > div {
  height: 180px;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li:nth-child(3) > div .stick {
  padding-top: 22px;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li:nth-child(3) > div .blue {
  display: flex;
  align-items: center;
  height: 85px;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li > strong {
  display: block;
  width: 100%;
  margin-top: 9px;
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  line-height: 1;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li > span {
  display: block;
  width: 100%;
  margin-top: 5px;
  color: #7a7c85;
  font-weight: 800;
  font-size: 12px;
  text-align: center;
  line-height: 1;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li > div {
  width: 100%;
  position: relative;
  background: #7d7d7d;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li > div .stick {
  color: #fff;
  font-weight: 800;
  font-size: 10px;
  text-align: center;
  line-height: 1;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li > div .stick span {
  display: block;
  padding-top: 38px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li > div .blue {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 54px;
  background: #465eda;
  box-sizing: border-box;
  transform: translateX(-50%);
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li > div .blue .stick {
  padding-top: 0;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li > div .arrow {
  position: absolute;
  font-weight: 800;
  font-size: 11px;
  box-sizing: border-box;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li > div .arrow:before {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  transform-origin: left;
  content: "";
}
.portfolio-accomplishment .advanced-materials .result .graph .content .graph li > div .arrow:after {
  position: absolute;
  border-top: 5px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 5px solid transparent;
  content: "";
}
.portfolio-accomplishment .advanced-materials .result .graph .content .list {
  width: 100%;
  margin: 32px auto 0;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .list li {
  position: relative;
  padding-left: 15px;
  font-size: 12px;
  letter-spacing: -0.05em;
}
.portfolio-accomplishment .advanced-materials .result .graph .content .list li span {
  position: absolute;
  top: 0;
  left: 0;
}
.portfolio-accomplishment .advanced-materials .performance {
  margin-top: 99px;
}
.portfolio-accomplishment .advanced-materials .performance header {
  text-align: center;
}
.portfolio-accomplishment .advanced-materials .performance header h4 {
  font-weight: 800;
  font-size: 20px;
  vertical-align: bottom;
}
.portfolio-accomplishment .advanced-materials .performance header h4 span {
  font-weight: 400;
  font-size: 15px;
}
.portfolio-accomplishment .advanced-materials .performance .content {
  width: 100%;
  max-width: 360px;
  margin: 49px auto 0;
}
.portfolio-accomplishment .advanced-materials .performance .content > ul > li + li {
  margin-top: 56px;
}
.portfolio-accomplishment .advanced-materials .performance .content ul {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.portfolio-accomplishment .advanced-materials .performance .content ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.portfolio-accomplishment .advanced-materials .performance .content ul li .bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 143px;
  height: 71px;
  margin-right: 23px;
  border: 1px solid #465eda;
  border-right: none;
  background: #fff;
  font-weight: 800;
  font-size: 14px;
  line-height: 1.375;
  text-align: center;
  box-sizing: border-box;
}
.portfolio-accomplishment .advanced-materials .performance .content ul li .bubble:before {
  position: absolute;
  right: -36px;
  top: 16.5px;
  width: 45px;
  height: 1px;
  background: #465eda;
  transform: rotate(52deg);
  z-index: 1;
  content: "";
}
.portfolio-accomplishment .advanced-materials .performance .content ul li .bubble:after {
  position: absolute;
  right: -35.5px;
  bottom: 16.4px;
  width: 44.5px;
  height: 1px;
  background: #465eda;
  transform: rotate(-52deg);
  z-index: 1;
  content: "";
}
.portfolio-accomplishment .advanced-materials .performance .content ul li .bubble strong span {
  font-weight: 300;
  font-size: 12px;
}
.portfolio-accomplishment .advanced-materials .performance .content ul li .chart {
  position: relative;
}
.portfolio-accomplishment .advanced-materials .performance .content ul li .chart:before {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #7a7c85;
  content: "";
}
.portfolio-accomplishment .advanced-materials .performance .content ul li .chart ul {
  flex-direction: initial;
}
.portfolio-accomplishment .advanced-materials .performance .content ul li .chart ul li {
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-direction: column-reverse;
  box-sizing: border-box;
}
.portfolio-accomplishment .advanced-materials .performance .content ul li .chart ul li > strong {
  display: block;
  padding-top: 10px;
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}
.portfolio-accomplishment .advanced-materials .performance .content ul li .chart ul li .gray .bar {
  background: #c1c1c3;
}
.portfolio-accomplishment .advanced-materials .performance .content ul li .chart ul li .gray p {
  color: #7a7c85;
}
.portfolio-accomplishment .advanced-materials .performance .content ul li .chart ul li .blue .bar {
  background: #465eda;
}
.portfolio-accomplishment .advanced-materials .performance .content ul li .chart ul li .blue p {
  color: #465eda;
}
.portfolio-accomplishment .advanced-materials .performance .content ul li .chart ul li .bar {
  width: 32px;
  margin: 9px auto 0;
}
.portfolio-accomplishment .advanced-materials .performance .content ul li .chart ul li p {
  font-weight: 700;
  font-size: 12px;
  white-space: nowrap;
  text-align: center;
  line-height: 1.4285714286;
}
.portfolio-accomplishment .advanced-materials .performance .content ul li .chart ul li p strong {
  display: block;
  font-weight: 800;
  font-size: 15px;
  line-height: 1.1363636364;
}
.portfolio-accomplishment .green {
  padding-top: 158px;
  max-width: 360px;
  margin: 0 auto;
}
.portfolio-accomplishment .green header h3 {
  position: relative;
  color: #667c00;
  line-height: 1;
}
.portfolio-accomplishment .green header h3:before {
  display: block;
  width: 100%;
  max-width: 276px;
  height: 137px;
  margin: 0 auto 24px;
  background-image: url(/resources/m/img/portfolio/img_investment_status_green_header.jpg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.portfolio-accomplishment .green .content {
  text-align: center;
}
.portfolio-accomplishment .green ul {
  margin-top: 81px;
}
.portfolio-accomplishment .green ul::after {
  display: block;
  clear: both;
  content: "";
}
.portfolio-accomplishment .green ul li:nth-child(n+2) {
  margin-top: 88px;
}
.portfolio-accomplishment .green ul li:nth-child(1) dt {
  padding-bottom: 14px;
}
.portfolio-accomplishment .green ul li:nth-child(2) dt {
  padding-bottom: 13px;
}
.portfolio-accomplishment .green ul li:nth-child(3) dt {
  padding-bottom: 17px;
}
.portfolio-accomplishment .green ul li:nth-child(4) dt {
  padding-bottom: 30px;
}
.portfolio-accomplishment .green ul li strong {
  display: block;
  color: #667c00;
  font-weight: 800;
  font-size: 20px;
  vertical-align: bottom;
  line-height: 1;
  text-align: left;
}
.portfolio-accomplishment .green ul li strong span {
  font-size: 14px;
}
.portfolio-accomplishment .green ul li dl {
  margin-top: 24px;
}
.portfolio-accomplishment .green ul li dl dt {
  border-bottom: 3px solid #667c00;
  color: #667c00;
}
.portfolio-accomplishment .green ul li dl dt > span {
  display: flex;
  align-items: center;
  height: 43px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 43px;
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  letter-spacing: -0.05em;
  line-height: 1.3333333333;
}
.portfolio-accomplishment .green ul li dl dt + dd {
  margin-top: 21px;
}
.portfolio-accomplishment .green ul li dl dd span {
  display: block;
  position: relative;
  padding-left: 11px;
  font-weight: 800;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.05em;
  text-align: left;
}
.portfolio-accomplishment .green ul li dl dd span:before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #000000;
  content: "";
}
.portfolio-accomplishment .green ul li dl dd + dd {
  margin-top: 14px;
}
.portfolio-accomplishment .bio {
  padding-top: 168px;
}
.portfolio-accomplishment .bio header h3 {
  position: relative;
  color: #009a93;
  line-height: 1;
}
.portfolio-accomplishment .bio header h3:before {
  display: block;
  width: 100%;
  max-width: 276px;
  height: 129px;
  margin: 0 auto 24px;
  background-image: url(/resources/m/img/portfolio/img_investment_status_bio_header.jpg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.portfolio-accomplishment .bio .cdmo header {
  margin-top: 56px;
  text-align: center;
}
.portfolio-accomplishment .bio .cdmo header h4 {
  padding-top: 60px;
  background: url(/resources/img/portfolio/img_investment_status_bio_1.png) no-repeat center top/auto 47px;
  font-weight: 800;
  font-size: 20px;
}
.portfolio-accomplishment .bio .cdmo header p {
  margin-top: 20px;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.4222222222;
}
.portfolio-accomplishment .bio .cdmo > ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 27px;
}
.portfolio-accomplishment .bio .cdmo > ul > li:nth-child(3) {
  border: 1px solid #13a5ad;
  box-shadow: 1px 1px 10px #ecf0ea;
}
.portfolio-accomplishment .bio .cdmo > ul > li:nth-child(3) p {
  background: #13a5ad;
}
.portfolio-accomplishment .bio .cdmo > ul .content {
  position: relative;
  z-index: 10;
  border: 1px solid #8cc5b9;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 1px 1px 10px #e2f3ef;
}
.portfolio-accomplishment .bio .cdmo > ul .content p {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 47px;
  background: #009a93;
  color: #fff;
  font-weight: 800;
  font-size: 15px;
}
.portfolio-accomplishment .bio .cdmo > ul .content ul {
  padding: 14px 14px 17px;
}
.portfolio-accomplishment .bio .cdmo > ul .content ul span {
  display: block;
  position: relative;
  padding-left: 12px;
  color: #000;
  font-size: 14px;
  line-height: 1.375;
}
.portfolio-accomplishment .bio .cdmo > ul .content ul span:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  font-size: 14px;
  content: "-";
}
.portfolio-accomplishment .bio .cdmo > ul .plus {
  width: 82px;
  height: 82px;
  margin: -14px 0;
  background: url(/resources/m/img/portfolio/icon_investment_status_bio_plus.png) no-repeat;
  background-size: contain;
}
.portfolio-accomplishment .bio .cdmo > ul .plus strong {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.portfolio-accomplishment .bio .pharmaceutical {
  margin-top: 54px;
}
.portfolio-accomplishment .bio .pharmaceutical header {
  text-align: center;
}
.portfolio-accomplishment .bio .pharmaceutical header h4 {
  padding-top: 62px;
  background: url(/resources/img/portfolio/img_investment_status_bio_2.png) no-repeat center top/auto 46px;
  font-weight: 800;
  font-size: 20px;
}
.portfolio-accomplishment .bio .pharmaceutical header p {
  margin-top: 15px;
  color: #000;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.5555555556;
}
.portfolio-accomplishment .bio .pharmaceutical .content {
  position: relative;
  margin: 30px 0 0 0;
  padding-top: 32px;
  text-align: center;
}
.portfolio-accomplishment .bio .pharmaceutical .content:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: repeating-linear-gradient(to right, #aee3e0, #aee3e0 6px, #fff 6px, #fff 12px);
  content: "";
}
.portfolio-accomplishment .bio .pharmaceutical .content h5 {
  color: #000;
  font-weight: 800;
  font-size: 14px;
}
.portfolio-accomplishment .bio .pharmaceutical .content p {
  margin-top: 10px;
  color: #000;
  font-size: 14px;
}
.portfolio-accomplishment .bio .pharmaceutical .content p + h5 {
  margin-top: 24px;
}
.portfolio-accomplishment .bio .pharmaceutical .content ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 14px;
}
.portfolio-accomplishment .bio .pharmaceutical .content ul li {
  display: flex;
  align-items: center;
  width: 280px;
}
.portfolio-accomplishment .bio .pharmaceutical .content ul li + li {
  margin-top: 20px;
}
.portfolio-accomplishment .bio .pharmaceutical .content ul li div {
  text-align: left;
}
.portfolio-accomplishment .bio .pharmaceutical .content ul li div img {
  display: block;
  width: 63px;
}
.portfolio-accomplishment .bio .pharmaceutical .content ul li div + div {
  margin-left: 12px;
}
.portfolio-accomplishment .bio .pharmaceutical .content ul li h6 {
  font-weight: 800;
  font-size: 14px;
}
.portfolio-accomplishment .bio .pharmaceutical .content ul li p {
  margin-top: 7px;
  font-size: 14px;
  line-height: 1.5;
}
.portfolio-accomplishment .bio .pharmaceutical .content ul li p span {
  font-size: 12px;
}
.portfolio-accomplishment .digital {
  padding-top: 140px;
  max-width: 360px;
  margin: 0 auto;
}
.portfolio-accomplishment .digital header h3 {
  position: relative;
  color: #662483;
  line-height: 1;
}
.portfolio-accomplishment .digital header h3:before {
  display: block;
  width: 100%;
  max-width: 276px;
  height: 144px;
  margin: 0 auto 24px;
  background-image: url(/resources/m/img/portfolio/img_investment_status_digital_header.jpg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.portfolio-accomplishment .digital header p {
  margin-top: 17px;
  font-weight: 700;
  font-size: 15px;
  text-align: center;
}
.portfolio-accomplishment .digital .content {
  margin-top: 50px;
}
.portfolio-accomplishment .digital .content h4 {
  padding-bottom: 18px;
  border-bottom: 2px solid #662483;
  color: #662483;
  font-weight: 800;
  font-size: 20px;
}
.portfolio-accomplishment .digital .content > ul > li + li {
  margin-top: 39px;
}
.portfolio-accomplishment .digital .content > ul > li > div {
  position: relative;
  margin-top: 20px;
}
.portfolio-accomplishment .digital .content > ul > li > div + div {
  margin-top: 30px;
}
.portfolio-accomplishment .digital .content > ul > li > div h5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  background-repeat: no-repeat;
  background-position: center top;
  color: #000;
  font-weight: 800;
  font-size: 11px;
  text-align: center;
}
.portfolio-accomplishment .digital .content > ul > li > div ul {
  padding-left: 80px;
}
.portfolio-accomplishment .digital .content > ul > li > div ul li {
  display: flex;
  align-items: center;
}
.portfolio-accomplishment .digital .content > ul > li > div ul li + li {
  margin-top: 6px;
}
.portfolio-accomplishment .digital .content > ul > li > div ul li span {
  display: block;
  position: relative;
  padding-left: 10px;
  color: #000;
  font-size: 14px;
  line-height: 1.875;
}
.portfolio-accomplishment .digital .content > ul > li > div ul li span:before {
  position: absolute;
  top: 11px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #424242;
  content: "";
}
.portfolio-accomplishment .digital .content + .content {
  position: relative;
  margin-top: 34px;
  padding-top: 34px;
}
.portfolio-accomplishment .digital .content + .content:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: repeating-linear-gradient(to right, #d5cbe6, #d5cbe6 6px, #fff 6px, #fff 12px);
  content: "";
}
.portfolio-accomplishment .digital .content + .content h4 {
  padding-bottom: 0;
  border-bottom: none;
  text-align: center;
}
.portfolio-accomplishment .digital .content + .content > ul > li {
  margin-top: 20px;
}
.portfolio-accomplishment .digital .content + .content > ul > li h5 {
  position: relative;
  width: auto;
  padding-top: 12px;
  font-weight: 800;
  font-size: 14px;
  text-align: center;
}
.portfolio-accomplishment .digital .content + .content > ul > li h5:before {
  position: absolute;
  top: 0;
  left: calc(50% - 2px);
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #8566b5;
  content: "";
}
.portfolio-accomplishment .digital .content + .content > ul > li ul {
  margin-top: 14px;
}
.portfolio-accomplishment .digital .content + .content > ul > li ul li {
  text-align: center;
}
.portfolio-accomplishment .digital .content + .content > ul > li ul li + li {
  margin-top: 6px;
}
.portfolio-accomplishment .digital .content + .content > ul > li ul li span {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
}
.portfolio-accomplishment .digital .content + .content > ul > li ul li span:before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background: #000000;
  content: "";
}
.portfolio-accomplishment .page-menu {
  margin-top: 100px;
  padding-bottom: 50px;
}
.portfolio-accomplishment .page-menu__button {
  width: 265px;
}

.page-header--ir .page-header__title {
  padding-bottom: 11px;
}
.page-header--ir .object {
  right: -30px;
}

.category-menu-ir > .location-menu__list > .location-menu__item:nth-child(1) {
  width: 231px;
}
.category-menu-ir > .location-menu__list > .location-menu__item:nth-child(1) .location-menu__button {
  width: 222px;
}
.category-menu-ir > .location-menu__list > .location-menu__item:nth-child(2) {
  width: 260px;
  margin-left: 21px;
}
.category-menu-ir > .location-menu__list > .location-menu__item:nth-child(2) .location-menu__button {
  width: 251px;
}
.category-menu-ir > .location-menu__list > .location-menu__item:nth-child(3) {
  width: 131px;
  margin-left: -35px;
}
.category-menu-ir > .location-menu__list > .location-menu__item:nth-child(3) .location-menu__button {
  width: 120px;
}

.ir-stock-information__header::after,
.ir-financial-information__header::after,
.ir-disclosure__header::after,
.ir-archive__header::after {
  display: block;
  clear: both;
  content: "";
}
.ir-stock-information__title,
.ir-financial-information__title,
.ir-disclosure__title,
.ir-archive__title {
  float: left;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
}
.ir-stock-information__text,
.ir-financial-information__text,
.ir-disclosure__text,
.ir-archive__text {
  padding-top: 14px;
  font-weight: 700;
  font-size: 14px;
  clear: both;
}
.ir-stock-information .page-menu,
.ir-financial-information .page-menu,
.ir-disclosure .page-menu,
.ir-archive .page-menu {
  margin-top: 124px;
  padding-bottom: 50px;
}

.ir-financial-information__content {
  position: relative;
}
.ir-financial-information .button-more {
  float: right;
}
.ir-financial-information .toggle-popup-button {
  width: 106px;
}
.ir-financial-information .toggle-popup-button--open, .ir-financial-information .toggle-popup-button--close {
  margin-top: 12px;
}
.ir-financial-information .toggle-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.ir-financial-information .toggle-popup__content {
  margin-top: -2px;
}
.ir-financial-information .toggle-popup table {
  width: 100%;
  border-collapse: collapse;
}
.ir-financial-information .toggle-popup table th,
.ir-financial-information .toggle-popup table td {
  text-align: center;
}
.ir-financial-information .toggle-popup table thead th {
  padding: 4px 0 16px;
  font-weight: 800;
  font-size: 14px;
}
.ir-financial-information .toggle-popup table tbody tr:first-of-type th,
.ir-financial-information .toggle-popup table tbody tr:first-of-type td {
  border-top: 2px solid #ef5252;
}
.ir-financial-information .toggle-popup table tbody th,
.ir-financial-information .toggle-popup table tbody td {
  padding: 22px 0;
  font-weight: 700;
  font-size: 14px;
}
.ir-financial-information .toggle-popup table tbody th span + span,
.ir-financial-information .toggle-popup table tbody td span + span {
  display: block;
  margin-top: 5px;
}
.ir-financial-information .toggle-popup table tbody th {
  border-right: 1px solid #c0c0c0;
}
.ir-financial-information .toggle-popup p {
  margin-top: 15px;
  color: #707070;
  font-size: 12px;
  line-height: 1.4285714286;
}
.ir-financial-information .toggle-popup p span {
  display: block;
  position: relative;
  padding: 0 0 25px 17px;
}
.ir-financial-information .toggle-popup p span:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #707070;
  font-size: 12px;
  content: "※";
}
.ir-financial-information .toggle-popup-button--close {
  right: 0;
}
.ir-financial-information .financial-statements {
  margin-top: 47px;
  padding: 80px 17px 0;
}
.ir-financial-information .financial-statements .content {
  margin-top: 44px;
}
.ir-financial-information .financial-statements .content iframe {
  width: 100%;
  height: 1280px;
  border: 0;
  margin: 0;
  padding: 0;
}
.ir-financial-information .indicator {
  position: relative;
  margin-top: 34px;
  padding: 80px 17px 0;
}
.ir-financial-information .indicator .content {
  margin-top: 67px;
}
.ir-financial-information .indicator .content::after {
  display: block;
  clear: both;
  content: "";
}
.ir-financial-information .indicator section + section {
  margin-top: 80px;
}
.ir-financial-information .indicator h4 {
  text-align: center;
}
.ir-financial-information .indicator h4 font {
  weight: 700;
  size: 17px;
}
.ir-financial-information .indicator h4 span {
  font-size: 14px;
}
.ir-financial-information .indicator .bar-graph {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 300px;
  margin-top: 22px;
  background: repeating-linear-gradient(#cccccc, #cccccc 1px, #fff 1px, #fff 60px);
  box-sizing: border-box;
}
.ir-financial-information .indicator .bar-graph.red p {
  background: #ee2e2e;
}
.ir-financial-information .indicator .bar-graph.orange p {
  background: #ee700e;
}
.ir-financial-information .indicator .bar-graph.blue p {
  background: #97c5f6;
}
.ir-financial-information .indicator .bar-graph::after {
  display: block;
  clear: both;
  content: "";
}
.ir-financial-information .indicator .bar-graph:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #000000;
  content: "";
}
.ir-financial-information .indicator .bar-graph li {
  display: flex;
  flex-direction: column-reverse;
  float: left;
  position: relative;
  padding-bottom: 3px;
}
.ir-financial-information .indicator .bar-graph li + li {
  margin-left: 44px;
}
.ir-financial-information .indicator .bar-graph strong {
  position: absolute;
  bottom: -24px;
  left: 0;
  width: 100%;
  font-size: 14px;
  text-align: center;
}
.ir-financial-information .indicator .bar-graph p {
  width: 40px;
}
.ir-financial-information .indicator .bar-graph p span {
  display: block;
  margin-top: -20px;
  color: #504646;
  font-weight: 800;
  font-size: 14px;
}
.ir-financial-information .indicator .toggle-popup {
  padding-top: 37px;
}
.ir-financial-information .indicator .toggle-popup table tbody th {
  padding: 22px 14px 22px 0;
  white-space: nowrap;
}
.ir-financial-information .indicator .toggle-popup table tbody th + td {
  padding: 22px 14px;
}
.ir-financial-information .indicator .toggle-popup table tbody td {
  padding: 22px 14px;
}
.ir-financial-information .rating {
  position: relative;
  margin-top: 74px;
  padding: 80px 17px 0;
}
.ir-financial-information .rating .toggle-popup-button--open, .ir-financial-information .rating .toggle-popup-button--close {
  margin-top: -2px;
}
.ir-financial-information .rating .content {
  position: relative;
  margin-top: 30px;
}
.ir-financial-information .rating__image {
  display: block;
  width: 216px;
  height: 252px;
  margin: 0 auto;
  background: url(/resources/en/m/img/ir/img_financialInformation_1.png) no-repeat center/contain;
}
.ir-financial-information .rating__figcaption {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.ir-financial-information .rating__table {
  width: 100%;
  margin-top: 36px;
  border-collapse: collapse;
  border-bottom: 1px solid #c0c0c0;
}
.ir-financial-information .rating__table thead th {
  padding-bottom: 10px;
  border-bottom: 2px solid #ef5252;
  font-weight: 800;
  font-size: 14px;
}
.ir-financial-information .rating__table thead th:first-of-type {
  width: 125px;
}
.ir-financial-information .rating__table thead ~ thead th {
  padding-top: 40px;
}
.ir-financial-information .rating__table tbody th {
  padding: 17px 0;
  border-bottom: 1px solid #c0c0c0;
  text-align: center;
}
.ir-financial-information .rating__table tbody th font {
  weight: 700;
  size: 14px;
}
.ir-financial-information .rating__table tbody th .rating-logo {
  margin: 20px 0;
  width: 196px;
}
.ir-financial-information .rating__table tbody td {
  border-left: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  text-align: center;
}
.ir-financial-information .rating__table tbody td span {
  display: block;
  color: #dd042b;
  font-family: "Noto Sans KR";
  font-weight: 900;
  font-size: 64px;
  line-height: 1;
}
.ir-financial-information .rating__table tbody td span.result {
  font-size: 24px;
  font-weight: 800;
}
.ir-financial-information .rating__table tbody td span.result.text {
  font-size: 18px;
}
.ir-financial-information .rating__table tbody td span span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 900;
  font-size: 72px;
}
.ir-financial-information .rating__table tbody td span + span {
  margin-top: 19px;
  color: #000000;
  font-family: "NanumSquare", Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
}
.ir-financial-information .rating__description {
  position: relative;
  margin-top: 10px;
  padding-left: 10px;
}
.ir-financial-information .rating__description:before {
  position: absolute;
  top: 4px;
  left: 0;
  content: "*";
}
.ir-financial-information .rating .toggle-popup table th,
.ir-financial-information .rating .toggle-popup table td {
  font-size: 10px;
}
.ir-financial-information .rating .toggle-popup table tbody tr:first-of-type th:first-of-type {
  padding: 22px 10px;
}
.ir-financial-information .rating .toggle-popup table tbody tr:nth-child(2) th:nth-child(1) {
  padding: 22px 10px;
}
.ir-financial-information .rating .toggle-popup table tbody th + td {
  padding: 22px 10px;
}
.ir-financial-information .rating .toggle-popup table tbody td {
  padding: 22px 10px;
}
.ir-financial-information .page-menu__button {
  width: 205px;
}

.ir-archive .new {
  position: relative;
  margin-top: 129px;
}
.ir-archive .new header {
  padding-left: 17px;
}
.ir-archive .new .content {
  margin-top: 34px;
  padding-left: 17px;
}
.ir-archive .new__container {
  position: relative;
}
.ir-archive .new .swiper-slide {
  position: relative;
  width: 290px;
  height: 470px;
  margin-right: 24px;
  border: 1px solid #cacaca;
  box-sizing: border-box;
}
.ir-archive .new__link {
  display: block;
  width: 100%;
  height: 100%;
  color: #000000;
  padding: 163px 12px 17px;
  box-sizing: border-box;
}
.ir-archive .new__image {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: 163px;
  height: 163px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.ir-archive .new__content {
  position: relative;
  padding: 17px 0;
}
.ir-archive .new__text {
  line-height: 1;
}
.ir-archive .new__text span {
  color: #fe0000;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
}
.ir-archive .new__text time {
  padding-left: 8px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
}
.ir-archive .new__name {
  margin-top: 27px;
  font-weight: 800;
  font-size: 20px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 60px;
  line-height: 30px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ir-archive .new__description {
  margin-top: 34px;
  font-size: 12px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 54px;
  line-height: 18px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.ir-archive .new__description a {
  color: #000;
}
.ir-archive .new__caption {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.ir-archive .new__button {
  position: absolute;
  bottom: 17px;
  left: 17px;
  width: 90px;
  padding-bottom: 7px;
  border-bottom: 2px solid #000000;
  box-sizing: border-box;
}
.ir-archive .new__button span {
  display: block;
  width: 100%;
  background-image: url(/resources/img/common/btn_link_sm.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 8px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
}
.ir-archive .new .swiper-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 39px;
}
.ir-archive .new .swiper-buttons .swiper-button-prev,
.ir-archive .new .swiper-buttons .swiper-button-next {
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 22px;
}
.ir-archive .new .swiper-buttons .swiper-button-prev:after,
.ir-archive .new .swiper-buttons .swiper-button-next:after {
  display: none;
}
.ir-archive .new .swiper-buttons .swiper-button-prev span,
.ir-archive .new .swiper-buttons .swiper-button-next span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.ir-archive .new .swiper-buttons .swiper-button-prev {
  background-image: url(/resources/m/img/common/btn_prev.jpg);
}
.ir-archive .new .swiper-buttons .swiper-button-next {
  background-image: url(/resources/m/img/common/btn_next.jpg);
}
.ir-archive .new .swiper-buttons .swiper-pagination {
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  margin: 0 14px;
  font-weight: 700;
  font-size: 20px;
}
.ir-archive .new .video-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}
.ir-archive .new .video-popup--active {
  display: block;
}
.ir-archive .new .video-popup__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.ir-archive .new .video-popup__inner {
  overflow-y: auto;
  height: 100%;
  box-sizing: border-box;
}
.ir-archive .new .video-popup__container {
  position: relative;
  z-index: 10;
  height: 100%;
  margin: 100px 0;
  box-sizing: border-box;
}
.ir-archive .new .video-popup__content {
  position: relative;
  background: #fff;
  padding: 78px 17px 52px;
}
.ir-archive .new .video-popup__header {
  padding-bottom: 34px;
  border-bottom: 2px solid #000000;
  text-align: center;
}
.ir-archive .new .video-popup__text {
  display: inline-block;
  line-height: 1;
}
.ir-archive .new .video-popup__text span {
  color: #ee2e2e;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
}
.ir-archive .new .video-popup__text time {
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
}
.ir-archive .new .video-popup__name {
  margin-top: 17px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
}
.ir-archive .new .video-popup__video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.ir-archive .new .video-popup__video-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ir-archive .new .video-popup__box {
  position: relative;
  padding-top: 52px;
}
.ir-archive .new .video-popup__description {
  font-size: 14px;
  line-height: 1.4761904762;
  text-align: center;
}
.ir-archive .new .video-popup__description a {
  color: #6e9bbc;
}
.ir-archive .new .video-popup__button {
  display: block;
  position: absolute;
  top: 0;
  right: -1px;
  width: 168px;
  height: 38px;
  border: 1px solid #000000;
  border-width: 0 1px 1px;
  box-sizing: border-box;
  color: #000000;
  text-align: center;
}
.ir-archive .new .video-popup__button-text {
  font-size: 18px;
  line-height: 38px;
}
.ir-archive .new .video-popup-caption {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: calc(100% + 2px);
  height: calc(100% + 1px);
  margin: 0 -1px -1px;
  padding: 38px 0 0;
  border: 1px solid #000000;
  border-width: 0 1px 1px;
  background: #fff;
  box-sizing: border-box;
}
.ir-archive .new .video-popup-caption--active {
  display: block;
}
.ir-archive .new .video-popup-caption__text {
  overflow-y: auto;
  height: 100%;
  padding: 0 20px 26px;
  box-sizing: border-box;
}
.ir-archive .new .video-popup-caption__button {
  position: absolute;
  top: 0;
  right: 0;
  width: 168px;
  height: 38px;
  padding-right: 30px;
  color: #000000;
  text-align: right;
  box-sizing: border-box;
}
.ir-archive .new .video-popup-caption__button-text {
  line-height: 38px;
  padding-right: 26px;
  background: url(/resources/img/common/btn_close_b_xl.png) no-repeat right center/auto 14px;
}
.ir-archive .new .video-popup .toggle-popup-button {
  color: #000000;
}
.ir-archive .new .video-popup .toggle-popup-button--close {
  position: absolute;
  top: 17px;
  right: 17px;
}
.ir-archive .new .video-popup .toggle-popup-button--close span {
  padding-right: 26px;
}
.ir-archive .new .video-popup .toggle-popup-button__name {
  font-weight: 700;
  font-size: 12px;
}
.ir-archive-new a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 122px;
  border: 2px solid #f24c4c;
  background-color: #fff;
  background-image: url(/resources/img/common/icon_download_xl_red.png);
  background-repeat: no-repeat;
  background-position: right 26px center;
  background-size: auto 22px;
  color: #000000;
  box-sizing: border-box;
}
.ir-archive-new a:before {
  position: absolute;
  top: -16px;
  left: -16px;
  width: 34px;
  height: 34px;
  border-right: 2px solid #f24c4c;
  background: #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
  content: "";
}
.ir-archive-new a p {
  padding-left: 26px;
  text-align: left;
}
.ir-archive-new a p time {
  display: block;
  color: #8f8f8f;
  font-weight: 800;
  font-size: 12px;
}
.ir-archive-new a p span {
  display: block;
  margin-top: 8px;
  padding-right: 50px;
  font-weight: 900;
  font-size: 16px;
}
.ir-archive-list nav {
  border-bottom: 2px solid #000000;
}
.ir-archive-list nav ul {
  overflow-x: auto;
  white-space: nowrap;
}
.ir-archive-list nav li {
  display: inline-block;
}
.ir-archive-list nav li.active a {
  color: #000000;
}
.ir-archive-list nav li + li {
  margin-left: 40px;
}
.ir-archive-list nav a {
  display: block;
  padding: 0 10px;
  color: #8f8f8f;
  font-weight: 700;
  font-size: 15px;
  line-height: 50px;
}
.ir-archive-list .ir-archive-content {
  display: none;
}
.ir-archive-list .ir-archive-content--active {
  display: block;
}
.ir-archive-list .ir-archive-content table {
  width: 100%;
  border-collapse: collapse;
}
.ir-archive-list .ir-archive-content caption {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.ir-archive-list .ir-archive-content tbody td {
  height: 64px;
  border-bottom: 1px solid #c0c0c0;
  box-sizing: border-box;
}
.ir-archive-list .ir-archive-content tbody td a {
  display: flex;
  align-items: center;
  height: 100%;
  color: #000000;
  box-sizing: border-box;
}
.ir-archive-list .ir-archive-content tbody td.num {
  width: 34px;
}
.ir-archive-list .ir-archive-content tbody td.num a {
  justify-content: center;
  width: 100%;
  color: #8f8f8f;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 10px;
}
.ir-archive-list .ir-archive-content tbody td.name a {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 10px;
}
.ir-archive-list .ir-archive-content tbody td.name time {
  display: block;
  color: #8f8f8f;
  font-weight: 800;
  font-size: 10px;
}
.ir-archive-list .ir-archive-content tbody td.name span {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ir-archive-list .ir-archive-content tbody td.link {
  width: 34px;
}
.ir-archive-list .ir-archive-content tbody td.link a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/resources/img/common/icon_download_l_black.png) no-repeat center/auto 14px;
}
.ir-archive-list .ir-archive-content tbody td.link span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.ir-archive .presentation {
  margin-top: 32px;
  padding: 80px 0 0 17px;
}
.ir-archive .presentation__nav {
  margin-top: 27px;
  border-bottom: 2px solid #000000;
}
.ir-archive .presentation__list {
  overflow-x: auto;
  white-space: nowrap;
}
.ir-archive .presentation__item {
  display: inline-block;
  height: 48px;
}
.ir-archive .presentation__item:first-of-type {
  margin-left: -10px;
}
.ir-archive .presentation__item--active .presentation__link {
  color: #000000;
}
.ir-archive .presentation__item + .presentation__item {
  margin-left: 40px;
}
.ir-archive .presentation__link {
  display: block;
  padding: 0 10px;
  color: #8f8f8f;
  font-weight: 700;
  font-size: 15px;
  line-height: 48px;
}
.ir-archive .presentation__container {
  display: none;
  position: relative;
  margin-top: 27px;
}
.ir-archive .presentation__container--active {
  display: block;
}
.ir-archive .presentation .swiper-slide {
  width: 184px;
  margin-right: 19px;
}
.ir-archive .presentation .swiper-slide:last-child {
  margin-right: 0;
}
.ir-archive .presentation .swiper-button-prev,
.ir-archive .presentation .swiper-button-next {
  position: absolute;
  color: #000000;
}
.ir-archive .presentation .swiper-button-prev span,
.ir-archive .presentation .swiper-button-next span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.ir-archive .presentation .swiper-button-prev {
  left: -50px;
}
.ir-archive .presentation .swiper-button-next {
  right: -50px;
}
.ir-archive .presentation__download {
  display: block;
  position: relative;
  width: 184px;
  height: 182px;
  padding: 14px 14px 20px;
  border: 1px solid #cfcfcf;
  box-sizing: border-box;
  background-color: #fff;
  background-image: url(/resources/img/common/icon_download_xl_gray.png);
  background-repeat: no-repeat;
  background-position: bottom 20px center;
  background-size: auto 22px;
  color: #000000;
}
.ir-archive .presentation__download:before {
  position: absolute;
  top: -13px;
  left: -4px;
  z-index: 10;
  width: 20px;
  height: 37px;
  border-right: 1px solid #cfcfcf;
  box-sizing: border-box;
  background: #fff;
  transform: rotate(45deg);
  content: "";
}
.ir-archive .presentation__name {
  padding: 50px 0 0 16px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.05em;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 46px;
  line-height: 23px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ir-archive .presentation__time {
  position: absolute;
  top: 14px;
  right: 14px;
  font-weight: 800;
  font-size: 10px;
}
.ir-archive .business-reports {
  margin-top: 34px;
  padding: 80px 17px 0;
}
.ir-archive .business-reports .content {
  position: relative;
  margin-top: 40px;
}
.ir-archive .business-reports .ir-archive-list {
  margin-top: 34px;
}
.ir-archive .audit-reports {
  margin-top: 47px;
  padding: 80px 17px 0;
}
.ir-archive .audit-reports .content {
  position: relative;
  margin-top: 40px;
}
.ir-archive .audit-reports .ir-archive-list {
  margin-top: 34px;
}
.ir-archive .page-menu__button {
  width: 205px;
}

.ir-disclosure-announcement {
  margin-top: 47px;
  padding: 80px 17px 0;
}
.ir-disclosure-announcement form {
  margin-top: 29px;
}
.ir-disclosure-announcement form::after {
  display: block;
  clear: both;
  content: "";
}
.ir-disclosure-announcement form fieldset {
  float: right;
  position: relative;
  width: 100%;
  padding-right: 35px;
  border: 1px solid #c0c0c0;
  box-sizing: border-box;
}
.ir-disclosure-announcement form legend {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.ir-disclosure-announcement form input[type=text] {
  display: block;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0 0 0 12px;
  border: 0;
  box-sizing: border-box;
  color: #707070;
  font-size: 16px;
}
.ir-disclosure-announcement form input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 100%;
  background: url(/resources/img/common/btn_search_orange_xl.png) no-repeat center/auto 22px;
  border: 0;
}
.ir-disclosure-announcement form button {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 100%;
  background: url(/resources/img/common/btn_search_orange_xl.png) no-repeat center/auto 22px;
}
.ir-disclosure-announcement form button:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 24px;
  margin-top: -12px;
  background: #c0c0c0;
}
.ir-disclosure-announcement form button span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.ir-disclosure-announcement p {
  margin-top: 23px;
}
.ir-disclosure-announcement table {
  width: 100%;
  margin-top: 14px;
  border-top: 2px solid #ef5252;
  border-collapse: collapse;
}
.ir-disclosure-announcement table caption {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.ir-disclosure-announcement table tbody td {
  border-bottom: 1px solid #c0c0c0;
  font-weight: 700;
  font-size: 12px;
}
.ir-disclosure-announcement table tbody td time {
  color: #707070;
  font-size: 12px;
}
.ir-disclosure-announcement table tbody td span {
  display: block;
  font-weight: 700;
  font-size: 14px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.ir-disclosure-announcement table tbody td:first-child {
  text-align: center;
}
.ir-disclosure-announcement table tbody td:first-child {
  width: 35px;
}
.ir-disclosure-announcement table tbody td.no {
  padding: 20px 0;
}
.ir-disclosure-announcement table tbody td a {
  display: block;
  padding: 20px 22px;
  color: #000000;
}
.ir-disclosure-announcement-pagination {
  margin-top: 24px;
}
.ir-disclosure-disclosure-data {
  margin-top: 47px;
  padding: 80px 17px 0;
}
.ir-disclosure-disclosure-data p {
  margin-top: 30px;
  font-weight: 700;
  font-size: 14px;
}
.ir-disclosure-disclosure-data p a {
  display: flex;
  align-items: center;
  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;
  box-sizing: border-box;
  color: #000000;
}
.ir-disclosure-disclosure-data p 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-disclosure-management-regulations {
  margin-top: 47px;
  padding: 80px 17px 0;
}
.ir-disclosure-management-regulations nav {
  position: relative;
  z-index: 10;
  margin-top: 40px;
  padding: 17px 0 27px;
  border-top: 1px solid #c0c0c0;
  border-bottom: 2px solid #ef5252;
  box-sizing: border-box;
}
.ir-disclosure-management-regulations nav li {
  padding: 17px 0;
}
.ir-disclosure-management-regulations nav a {
  padding-left: 10px;
  color: #000000;
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
}
.ir-disclosure-management-regulations nav a.active {
  color: #ee2e2e;
}
.ir-disclosure-management-regulations div {
  box-sizing: border-box;
}
.ir-disclosure-management-regulations article {
  overflow: hidden;
  height: 0;
  visibility: hidden;
  opacity: 0;
}
.ir-disclosure-management-regulations article.active {
  height: auto;
  margin-top: -43px;
  padding: 80px 0 0;
  visibility: visible;
  opacity: 1;
}
.ir-disclosure-management-regulations article h4 {
  margin-bottom: 30px;
  font-size: 20px;
}
.ir-disclosure-management-regulations article dt {
  font-weight: 800;
  font-size: 14px;
}
.ir-disclosure-management-regulations article dd + dt {
  margin-top: 40px;
}
.ir-disclosure-management-regulations article dd {
  font-size: 14px;
  line-height: 2.125;
}
.ir-disclosure-management-regulations article dd strong {
  display: block;
}
.ir-disclosure-management-regulations article dd strong + ul {
  padding-left: 0;
}
.ir-disclosure-management-regulations article dd p {
  font-size: 14px;
  line-height: 2.125;
}
.ir-disclosure-management-regulations article dt + dd {
  margin-top: 14px;
}
.ir-disclosure-management-regulations article dd + dd {
  margin-top: 10px;
}
.ir-disclosure-management-regulations article ul {
  padding-left: 10px;
}

.ir-stock-information .shareholders {
  position: relative;
  margin-top: 47px;
  padding: 80px 17px 0;
}
.ir-stock-information .shareholders__container {
  margin-top: 50px;
}
.ir-stock-information .shareholders__content {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.ir-stock-information .shareholders-policy {
  margin-top: 20px;
  padding: 80px 17px 0;
}
.ir-stock-information .shareholders-policy > div {
  margin-top: 70px;
  background: url(/resources/en/m/img/ir/img_stockInformation_shareholders_policy_2023.jpg) no-repeat center top/contain;
}
.ir-stock-information .shareholders-policy > div dl {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.ir-stock-information .shareholders-return {
  margin-top: 20px;
  padding: 80px 17px 0;
}
.ir-stock-information .shareholders-return .ir-stock-information__header {
  position: relative;
}
.ir-stock-information .shareholders-return table {
  width: 100%;
  margin-top: 34px;
  border-collapse: collapse;
}
.ir-stock-information .shareholders-return table thead th {
  padding: 0 10px 14px;
  border-bottom: 2px solid #ef5252;
  font-weight: 800;
  font-size: 10px;
  text-align: center;
}
.ir-stock-information .shareholders-return table tbody.gray th + th,
.ir-stock-information .shareholders-return table tbody.gray td,
.ir-stock-information .shareholders-return table tbody.gray .gray {
  background: #f5f5f5;
}
.ir-stock-information .shareholders-return table tbody tr:last-child th,
.ir-stock-information .shareholders-return table tbody tr:last-child td {
  border-bottom: 1px solid #c0c0c0;
}
.ir-stock-information .shareholders-return table tbody .line-left {
  border-left: 1px solid #c0c0c0;
}
.ir-stock-information .shareholders-return table tbody .line-bottom {
  border-bottom: 1px solid #c0c0c0;
}
.ir-stock-information .shareholders-return table tbody th,
.ir-stock-information .shareholders-return table tbody td {
  padding: 18px 7px;
  font-weight: 700;
  font-size: 10px;
}
.ir-stock-information .shareholders-return table tbody th {
  text-align: left;
}
.ir-stock-information .shareholders-return table tbody th + th {
  border-left: 1px solid #c0c0c0;
}
.ir-stock-information .shareholders-return table tbody th + td {
  border-left: 1px solid #c0c0c0;
}
.ir-stock-information .shareholders-return table tbody td {
  text-align: center;
}
.ir-stock-information .shareholders-return p {
  position: relative;
  margin-top: 14px;
  padding-left: 10px;
  color: #888;
  font-weight: 700;
  font-size: 12px;
}
.ir-stock-information .shareholders-return p:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #888;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.8;
  content: "*";
}
.ir-stock-information .general-meeting {
  margin-top: 20px;
  padding: 80px 17px 0;
}
.ir-stock-information .general-meeting .ir-stock-information__header {
  position: relative;
}
.ir-stock-information .general-meeting__container {
  margin-top: 30px;
}
.ir-stock-information .general-meeting__title {
  font-weight: 700;
  font-size: 16px;
}
.ir-stock-information .general-meeting__title + ul li {
  padding-left: 0;
}
.ir-stock-information .general-meeting__list {
  margin-top: 10px;
}
.ir-stock-information .general-meeting__item {
  position: relative;
  padding-left: 15px;
  color: #888;
  font-weight: 700;
  font-size: 12px;
}
.ir-stock-information .general-meeting__item span {
  position: absolute;
  top: 0;
  left: 0;
}
.ir-stock-information .general-meeting__item + .ir-stock-information .general-meeting__item {
  margin-top: 10px;
}
.ir-stock-information .general-meeting__unit {
  margin-top: 20px;
  color: #888;
  font-weight: 700;
  font-size: 11px;
  text-align: right;
}
.ir-stock-information .general-meeting table {
  width: 100%;
  margin-top: 10px;
  border-collapse: collapse;
}
.ir-stock-information .general-meeting table thead th {
  padding: 0 5px 10px;
  border-bottom: 2px solid #ef5252;
  font-weight: 800;
  font-size: 12px;
  white-space: nowrap;
}
.ir-stock-information .general-meeting table thead th:first-child {
  text-align: left;
}
.ir-stock-information .general-meeting table tbody tr td:nth-child(1) {
  white-space: nowrap;
}
.ir-stock-information .general-meeting table tbody th,
.ir-stock-information .general-meeting table tbody td {
  padding: 10px 5px;
  border-bottom: 1px solid #c0c0c0;
  font-weight: 700;
  font-size: 10px;
  text-align: left;
}
.ir-stock-information .general-meeting table tbody th span,
.ir-stock-information .general-meeting table tbody td span {
  color: #aeaeae;
  padding-left: 5px;
}
.ir-stock-information .general-meeting__text {
  margin-top: 10px;
  color: #888;
  font-weight: 700;
  font-size: 11px;
}
.ir-stock-information .shareholders-rights {
  padding: 100px 17px 0;
}
.ir-stock-information .shareholders-rights .ir-stock-information__title {
  float: none;
}
.ir-stock-information .shareholders-rights .ir-stock-information__desc {
  padding-top: 14px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 215%; /* 30.1px */
}
.ir-stock-information .shareholders-rights .shareholders-rights__container {
  padding-top: 40px;
}
.ir-stock-information .shareholders-rights .shareholders-rights__container .shareholders-rights__title {
  margin-bottom: 14px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%; /* 21px */
}
.ir-stock-information .shareholders-rights .shareholders-rights__container .shareholders-rights__desc {
  padding-left: 9px;
  text-indent: -5px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 215%; /* 30.1px */
}
.ir-stock-information .shareholders-rights .shareholders-rights__container .shareholders-rights__desc:before {
  content: "·";
  display: inline-block;
  margin-right: 4px;
}
.ir-stock-information .shareholders-rights .shareholders-rights__container .shareholders-rights__email {
  padding-top: 14px;
  border-top: 1px solid #C0C0C0;
  margin-top: 40px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 34.85px */
}
.ir-stock-information .shareholders-rights .shareholders-rights__container .shareholders-rights__email a {
  color: #000;
  text-decoration: none;
}
.ir-stock-information .page-menu__button {
  width: 180px;
}

.ir-faq {
  margin: 0 0 0 17px;
}
.ir-faq .faq-nav {
  margin-top: 80px;
}
.ir-faq .faq-nav ul {
  display: flex;
  align-items: flex-start;
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
  border-bottom: 2px solid #000;
}
.ir-faq .faq-nav ul li {
  position: relative;
}
.ir-faq .faq-nav ul li + li {
  margin-left: -1px;
}
.ir-faq .faq-nav ul li.active {
  position: relative;
  z-index: 10;
}
.ir-faq .faq-nav ul li.active a {
  color: #000000;
}
.ir-faq .faq-nav ul li:hover a {
  color: #000000;
}
.ir-faq .faq-nav ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 42px 0 5px;
  border: 1px solid transparent;
  color: #8F8F8F;
  font-weight: 800;
  font-size: 14px;
}
.ir-faq .content-faq {
  display: none;
}
.ir-faq .content-faq.active {
  display: block;
}
.ir-faq .content-faq .faq-list .faq-item .question-btn {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #C0C0C0;
}
.ir-faq .content-faq .faq-list .faq-item .question-btn .sortation {
  width: 100px;
  padding: 20px 20px 20px 6px;
  color: #000;
  text-align: left;
  font-family: NanumSquareOTF_ac;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 20px; /* 225% */
  box-sizing: border-box;
}
.ir-faq .content-faq .faq-list .faq-item .question-btn .text {
  width: calc(100% - 100px);
  padding: 20px 43px 20px 0;
  text-align: left;
  color: #000;
  font-family: NanumSquareOTF_ac;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 192.857% */
  box-sizing: border-box;
}
.ir-faq .content-faq .faq-list .faq-item .question-btn svg {
  position: absolute;
  right: 6px;
  width: 16px;
  transform-origin: center;
  transition: transform 0.3s ease;
}
.ir-faq .content-faq .faq-list .faq-item .question-btn.active svg {
  transform: rotate(180deg);
}
.ir-faq .content-faq .faq-list .faq-item .question-btn.active svg path {
  fill: #000;
}
.ir-faq .content-faq .faq-list .faq-item .answer {
  display: none;
  padding: 20px 18px;
  border-bottom: 1px solid #C0C0C0;
  color: #000;
  font-family: NanumSquareOTF_ac;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 200% */
  letter-spacing: 0.28px;
  background: #F5F5F5;
}
.ir-faq .content-faq .faq-list .faq-item .answer a {
  color: inherit;
}
.ir-faq .content-faq .faq-list .faq-item .answer .text ~ .text {
  margin-top: 16px;
}
.ir-faq .content-faq .faq-list .faq-item .answer .list {
  margin-top: 16px;
}
.ir-faq .content-faq .faq-list .faq-item .answer .tip-group {
  margin-top: 16px;
}
.ir-faq .content-faq .page-container {
  width: 100%;
}

.page-header--esg .page-header__title {
  top: -6px;
}
.page-header--esg .object {
  right: -30px;
}

.category-menu-esg {
  height: 56px;
}
.category-menu-esg > .location-menu__list > .location-menu__item:nth-child(1) .location-menu__button {
  width: 144px;
}
.category-menu-esg > .location-menu__list > .location-menu__item:nth-child(2) {
  margin-left: 8px;
}
.category-menu-esg > .location-menu__list > .location-menu__item:nth-child(2) .location-menu__button {
  width: 163px;
}
.category-menu-esg > .location-menu__list > .location-menu__item:nth-child(3) {
  margin-left: 25px;
}
.category-menu-esg > .location-menu__list > .location-menu__item:nth-child(3) .location-menu__button {
  width: 164px;
}
.category-menu-esg > .location-menu__list > .location-menu__item:nth-child(4) {
  margin-left: -22px;
}
.category-menu-esg > .location-menu__list > .location-menu__item:nth-child(4) .location-menu__button {
  width: 187px;
}
.category-menu-esg > .location-menu__list > .location-menu__item a {
  display: flex;
  align-items: center;
  height: 34px;
}

.esg-sustainability .page-menu,
.esg-portfolio .page-menu,
.esg-governance .page-menu,
.esg-directors .page-menu,
.esg-committees .page-menu,
.esg-charter .page-menu,
.esg-ethics .page-menu {
  margin-top: 100px;
  padding-bottom: 50px;
}
.esg-sustainability .page-menu__button,
.esg-portfolio .page-menu__button,
.esg-governance .page-menu__button,
.esg-directors .page-menu__button,
.esg-committees .page-menu__button,
.esg-charter .page-menu__button,
.esg-ethics .page-menu__button {
  width: 160px;
  background-position: right bottom 8px;
}

.esg-sustainability__contents {
  padding: 0 17px;
}
.esg-sustainability__contents h3 {
  font-weight: 700;
  font-size: 20px;
  font-family: "Noto Sans KR";
}
.esg-sustainability__contents h3 + p {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: -0.035em;
}
.esg-sustainability__strategy {
  padding-top: 77px;
}
.esg-sustainability__strategy h3 + p {
  margin-top: 20px;
}
.esg-sustainability__strategy > div {
  position: relative;
  max-width: 328px;
  margin: 62px auto 0;
  padding-bottom: 64px;
  background: url("/resources/m/img/esg/bg_sustainability_strategy2.png") no-repeat center bottom;
  background-size: contain;
}
.esg-sustainability__strategy h4 {
  padding-bottom: 0;
  font-weight: 800;
  font-size: 24px;
  line-height: 1.1428571429;
  text-align: center;
}
.esg-sustainability__strategy h4 span {
  color: #be4300;
}
.esg-sustainability__strategy dl {
  padding-top: 78px;
  background: url("/resources/m/img/esg/bg_sustainability_strategy.png") no-repeat center top;
  background-size: contain;
}
.esg-sustainability__strategy dl::after {
  display: block;
  clear: both;
  content: "";
}
.esg-sustainability__strategy dl > div {
  float: left;
  width: 50%;
  margin-top: 20px;
  font-weight: 800;
  text-align: center;
}
.esg-sustainability__strategy dl > div:nth-child(1) dt::before {
  background-image: url("/resources/img/esg/icon_sustainability_strategy_1.png");
}
.esg-sustainability__strategy dl > div:nth-child(2) dt::before {
  background-image: url("/resources/img/esg/icon_sustainability_strategy_2.png");
}
.esg-sustainability__strategy dl > div:nth-child(3) dt::before {
  background-image: url("/resources/img/esg/icon_sustainability_strategy_3.png");
}
.esg-sustainability__strategy dl > div:nth-child(4) dt::before {
  background-image: url("/resources/img/esg/icon_sustainability_strategy_4.png");
}
.esg-sustainability__strategy dl > div:nth-child(5) dt::before {
  background-image: url("/resources/img/esg/icon_sustainability_strategy_5.png");
}
.esg-sustainability__strategy dl > div:nth-child(6) dt::before {
  background-image: url("/resources/img/esg/icon_sustainability_strategy_6.png");
}
.esg-sustainability__strategy dt::before {
  display: block;
  height: 75px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 91px auto;
  content: "";
}
.esg-sustainability__strategy dt span {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-sizing: border-box;
}
.esg-sustainability__strategy dt span:nth-child(1) {
  min-height: 54px;
  padding-top: 24px;
  color: #be4300;
  font-size: 12px;
  line-height: 1.2857142857;
}
.esg-sustainability__strategy dt span:nth-child(2) {
  min-height: 58px;
  padding-top: 9px;
  font-size: 14px;
  line-height: 1.1904761905;
}
.esg-sustainability__strategy dt span:nth-child(3) {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 25px;
  padding-top: 8px;
  font-size: 11px;
  line-height: 1.125;
  opacity: 0.4;
}
.esg-sustainability__strategy dd {
  padding-top: 15px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.5357142857;
}
.esg-sustainability .esg-sustainability-nav {
  overflow-x: auto;
  margin-top: 45px;
  border-bottom: 2px solid #000000;
  white-space: nowrap;
}
.esg-sustainability .esg-sustainability-nav li {
  display: inline-block;
}
.esg-sustainability .esg-sustainability-nav li + li {
  margin-left: 43px;
}
.esg-sustainability .esg-sustainability-nav li.on a {
  color: #000000;
  font-weight: 700;
}
.esg-sustainability .esg-sustainability-nav a {
  display: block;
  padding-bottom: 10px;
  color: #8f8f8f;
  font-size: 15px;
  letter-spacing: -0.01em;
}
.esg-sustainability__recognition {
  margin-top: 64px;
  padding-top: 80px;
}
.esg-sustainability__recognition h3 + p {
  margin-top: 29px;
}
.esg-sustainability #recognition-content-2023 {
  padding-top: 30px;
}
.esg-sustainability #recognition-content-2023 li {
  gap: 0 10px;
}
.esg-sustainability #recognition-content-2023 li:nth-child(2) {
  margin-top: 0;
}
.esg-sustainability #recognition-content-2023 li figure {
  width: calc(50% - 10px);
  min-width: 130px;
}
.esg-sustainability #recognition-content-2023 li figure img {
  max-width: 140px;
}
.esg-sustainability #recognition-content-2023 li:nth-child(1) figure img {
  width: 100px;
}
.esg-sustainability #recognition-content-2023 li:nth-child(2) figure img {
  width: 71px;
}
.esg-sustainability #recognition-content-2023 li:nth-child(3) figure img {
  width: 97px;
}
.esg-sustainability #recognition-content-2023 li:nth-child(4) figure img {
  width: 72px;
}
.esg-sustainability #recognition-content-2023 li:nth-child(5) figure img {
  width: 140px;
}
.esg-sustainability #recognition-content-2023 li span {
  display: inline;
}
.esg-sustainability #recognition-content-2023 li:nth-child(3) {
  margin-top: 10px;
}
.esg-sustainability #recognition-content-2023 li:last-child p {
  letter-spacing: -0.025em;
}
.esg-sustainability #recognition-content-2023 li strong.big {
  font-size: 18px;
}
.esg-sustainability #recognition-content-2022 li:nth-child(1) figure img {
  width: 84px;
  max-width: none;
}
.esg-sustainability #recognition-content-2022 li:nth-child(2) figure img {
  width: 84px;
  max-width: none;
}
.esg-sustainability #recognition-content-2022 li:nth-child(3) figure img {
  width: 120px;
  max-width: none;
}
.esg-sustainability #recognition-content-2022 li:nth-child(4) figure img {
  width: 101px;
  max-width: none;
}
.esg-sustainability #recognition-content-2020 li:nth-child(4) p {
  margin-top: 3px;
}
.esg-sustainability #recognition-content-2020 li:nth-child(4) p strong {
  font-weight: 800;
  font-size: 14px;
}
.esg-sustainability #recognition-content-2020 li:nth-child(4) p strong.big {
  font-size: 24px;
}
.esg-sustainability .recognition-content {
  display: none;
  padding-top: 42px;
}
.esg-sustainability .recognition-content.on {
  display: block;
}
.esg-sustainability .recognition-content li {
  display: flex;
  align-items: center;
}
.esg-sustainability .recognition-content li + li {
  margin-top: 10px;
}
.esg-sustainability .recognition-content li:nth-child(1) figure img {
  width: 84px;
}
.esg-sustainability .recognition-content li:nth-child(2) figure img {
  width: 84px;
}
.esg-sustainability .recognition-content li:nth-child(3) figure img {
  width: 87px;
}
.esg-sustainability .recognition-content li:nth-child(4) figure img {
  width: 101px;
}
.esg-sustainability .recognition-content figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  min-height: 80px;
  text-align: left;
  box-sizing: border-box;
}
.esg-sustainability .recognition-content figure img {
  max-width: 100px;
}
.esg-sustainability .recognition-content figure + div {
  width: 50%;
}
.esg-sustainability .recognition-content p {
  margin-top: 0;
  font-weight: 700;
  font-size: 12px;
  text-align: left;
}
.esg-sustainability .recognition-content p + p {
  margin-top: 7px;
}
.esg-sustainability .recognition-content span {
  display: block;
  font-size: 12px;
}
.esg-sustainability .recognition-content strong {
  color: #be4300;
  font-weight: 800;
  font-size: 15px;
}
.esg-sustainability .recognition-content span.font-size--54 {
  display: inline-block;
  font-size: 18px;
}
.esg-sustainability__history h3 {
  margin-top: 93px;
}
.esg-sustainability__history h3 + p {
  margin-top: 26px;
}
.esg-sustainability__history table {
  width: 100%;
  margin-top: 36px;
  border-collapse: collapse;
}
.esg-sustainability__history th,
.esg-sustainability__history td {
  padding: 0;
  text-align: left;
  box-sizing: border-box;
}
.esg-sustainability__history thead th {
  padding-bottom: 13px;
  border-bottom: 2px solid #ef5252;
  font-weight: 800;
  font-size: 12px;
  text-align: center;
  vertical-align: top;
}
.esg-sustainability__history thead th:nth-child(1) {
  width: 27px;
  text-align: left;
}
.esg-sustainability__history thead th:nth-child(2) {
  width: 180px;
}
.esg-sustainability__history tbody td {
  padding: 7px 2px 7px 8px;
  border-right: 1px solid #c0c0c0;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: -0.025em;
}
.esg-sustainability__history tbody td:last-child {
  border-right: 0;
}
.esg-sustainability__history tbody [rowspan] {
  width: 47px;
  padding: 0;
  font-size: 11px;
  text-align: center;
}
.esg-sustainability__history tbody [rowspan],
.esg-sustainability__history tbody tr:last-child td {
  border-bottom: 1px solid #c0c0c0;
}
.esg-sustainability__history tbody tr:first-child td {
  padding-top: 23px;
}
.esg-sustainability__history tbody tr:first-child td:first-child {
  padding-top: 0;
  padding-bottom: 0;
}
.esg-sustainability__history tbody tr:last-child td {
  padding-bottom: 21px;
}
.esg-sustainability__report {
  margin-top: 87px;
  padding-top: 80px;
}
.esg-sustainability__report header {
  display: block;
  align-items: normal;
  justify-content: normal;
}
.esg-sustainability__report header .text {
  margin-bottom: 51px;
}
.esg-sustainability__report header .text p {
  margin-top: 25px;
}
.esg-sustainability__report .container {
  height: auto;
  margin-top: 0;
  padding-left: 0;
  background: none;
}
.esg-sustainability__report .container .item {
  margin-top: 36.6666666667px;
}
.esg-sustainability__report .container .item + .item {
  margin-top: 50px;
}
.esg-sustainability__report .container .video-item {
  padding-top: 55px;
}
.esg-sustainability__report .container .video-item video {
  width: 100%;
}
.esg-sustainability__report .container dt {
  font-weight: 800;
  font-size: 17px;
  letter-spacing: -0.035em;
}
.esg-sustainability__report .container dd {
  padding-top: 14px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.025em;
  line-height: 1.75;
}
.esg-sustainability__report .container .img {
  margin-top: 20px;
}
.esg-sustainability__report .container ul {
  display: flex;
  justify-content: center;
  margin: 16.6666666667px -6px 0;
}
.esg-sustainability__report .container li {
  width: 158.6666666667px;
  margin: 0 6px;
}
.esg-sustainability__report .container .download {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  max-width: 158.6666666667px;
  height: 73.3333333333px;
  padding: 0 20px 0 24px;
  box-sizing: border-box;
  background-image: url(/resources/m/img/esg/img_sustainability_report_square.png);
  background-size: contain;
  background-repeat: no-repeat;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 13.3333333333px;
}
.esg-sustainability__report .container .download:after {
  display: block;
  width: 9px;
  height: 12px;
  background-image: url(/resources/m/img/esg/icon_sustainability_report_download.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.esg-sustainability__report .container .link {
  margin-top: 22px;
}
.esg-sustainability__report .container .link a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: calc(100% - 20px);
  height: 69px;
  padding: 0 10px;
  background: #dd042b;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
}
.esg-sustainability__report .container .link a:before {
  display: block;
  width: 34px;
  height: 33px;
  margin-right: 15px;
  background: url(/resources/m/img/esg/icon_sustainability_report_link.svg) center no-repeat;
  background-size: contain;
  content: "";
}
.esg-sustainability__report .container .link a:after {
  display: block;
  width: 8.6666666667px;
  height: 8.6666666667px;
  margin-left: 15px;
  background: url(/resources/m/img/esg/icon_sustainability_report_link_arrow.svg) center no-repeat;
  background-size: contain;
  content: "";
}
.esg-sustainability .report-content-warp {
  position: relative;
  padding-top: 44px;
}
.esg-sustainability .report-content {
  display: none;
  overflow: hidden;
}
.esg-sustainability .report-content.on {
  display: block;
}
.esg-sustainability .report-content__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  max-width: 329px;
  margin: 0 auto;
}
.esg-sustainability .report-content a {
  display: block;
  position: relative;
  width: 157px;
  height: 156px;
  padding: 44px 20px 21px 20px;
  background-image: url(/resources/m/img/esg/img_sustainability_report_square_xl.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  box-sizing: border-box;
  color: #000000;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 13px;
  letter-spacing: -0.05em;
  line-height: 1.5789473684;
}
.esg-sustainability .report-content a:after {
  position: absolute;
  right: 20px;
  bottom: 21px;
  width: 16px;
  height: 18px;
  background-image: url(/resources/en/m/img/esg/icon_down.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.esg-sustainability .report-content__arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100px;
  margin: 20px auto 0;
  z-index: 100;
}
.esg-sustainability .report-content__arrow > div {
  display: block;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.esg-sustainability .report-content__arrow--prev {
  background-image: url(/resources/m/img/common/btn_prev.jpg);
  background-repeat: no-repeat;
}
.esg-sustainability .report-content__arrow--next {
  background-image: url(/resources/m/img/common/btn_next.jpg);
  background-repeat: no-repeat;
}
.esg-sustainability .report-content .disabled_swiper_button {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.esg-portfolio__contents {
  padding: 0 17px 0;
}
.esg-portfolio__contents h3 {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  letter-spacing: -0.05em;
}
.esg-portfolio__investment {
  padding-top: 77px;
}
.esg-portfolio__investment header {
  text-align: center;
}
.esg-portfolio__investment header div {
  display: inline-block;
  text-align: left;
}
.esg-portfolio__investment header h3 + p {
  padding-top: 25px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: -0.035em;
}
.esg-portfolio__investment > div {
  position: relative;
  letter-spacing: -0.01em;
  text-align: center;
}
.esg-portfolio__investment h4 {
  padding: 70px 0 20px 0;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
}
.esg-portfolio__investment h4 + p {
  font-weight: 800;
  font-size: 15px;
  line-height: 1.5555555556;
  letter-spacing: -0.05em;
}
.esg-portfolio__investment h4 + p span {
  color: #ff1313;
  letter-spacing: initial;
}
.esg-portfolio__investment dl {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 14px;
  width: 100%;
  max-width: 327px;
  margin: 0 auto;
  padding-top: 47px;
  font-size: 0;
}
.esg-portfolio__investment dl > div {
  position: relative;
  letter-spacing: -0.05em;
  box-sizing: border-box;
}
.esg-portfolio__investment dl > div:before {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}
.esg-portfolio__investment dl > div:nth-of-type(2n) {
  margin-right: 0;
}
.esg-portfolio__investment dl > div:nth-of-type(1)::before {
  background-image: url(/resources/m/img/esg/icon_portfolio_1.png);
}
.esg-portfolio__investment dl > div:nth-of-type(2)::before {
  background-image: url(/resources/m/img/esg/icon_portfolio_2.png);
}
.esg-portfolio__investment dl > div:nth-of-type(3)::before {
  background-image: url(/resources/m/img/esg/icon_portfolio_3.png);
}
.esg-portfolio__investment dl > div:nth-of-type(4)::before {
  background-image: url(/resources/m/img/esg/icon_portfolio_4.png);
}
.esg-portfolio__investment dl > div:nth-child(1) dt {
  padding: 15px 0 17px 0;
  color: #295190;
}
.esg-portfolio__investment dl > div:nth-child(2) dt {
  color: #5f8200;
}
.esg-portfolio__investment dl > div:nth-child(3) dt {
  color: #009a93;
}
.esg-portfolio__investment dl > div:nth-child(4) dt {
  color: #8341a0;
}
.esg-portfolio__investment dt {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 0 30px 0;
  font-weight: 800;
  font-size: 24px;
  line-height: 1;
}
.esg-portfolio__investment dd {
  padding-top: 0;
  color: #000000;
  font-weight: 800;
  font-size: 12px;
  line-height: 1.5714285714;
}
.esg-portfolio__investment dl + p {
  padding-top: 99px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: -0.025em;
}
.esg-portfolio__management {
  position: relative;
  padding-top: 99px;
  box-sizing: border-box;
}
.esg-portfolio__management .text {
  text-align: center;
}
.esg-portfolio__management .text div {
  display: inline-block;
  text-align: left;
}
.esg-portfolio__management p {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.025em;
}
.esg-portfolio__management p:nth-of-type(1), .esg-portfolio__management p:nth-of-type(2) {
  line-height: 1.875;
}
.esg-portfolio__management p:nth-of-type(3), .esg-portfolio__management p:nth-of-type(4) {
  line-height: 1.5;
}
.esg-portfolio__management p:nth-of-type(1) {
  padding-top: 26px;
  color: #f14747;
  font-weight: 800;
}
.esg-portfolio__management p:nth-of-type(2) {
  padding-top: 21px;
}
.esg-portfolio__management p:nth-of-type(3) {
  padding-top: 18px;
}
.esg-portfolio__management p:nth-of-type(4) {
  padding-top: 26px;
}
.esg-portfolio__management .content {
  width: 100%;
  margin-top: 72px;
  padding-top: 145.9803921569%;
  background-image: url("/resources/en/m/img/esg/p_portfolio.jpg");
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
}
.esg-portfolio__management h4,
.esg-portfolio__management dl {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.esg-portfolio__platform {
  margin-top: 20px;
  padding-top: 77px;
}
.esg-portfolio__platform header p {
  margin-top: 27px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.75;
}
.esg-portfolio__platform .link {
  margin-top: 27px;
}
.esg-portfolio__platform .link a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 70px;
  padding: 0 0 0 89px;
  background: #dd042b url(/resources/m/img/esg/icon_portfolio_platform.png) no-repeat 26px center/47px auto;
  box-sizing: border-box;
}
.esg-portfolio__platform .link a span {
  display: block;
  width: 100%;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}

.esg-governance main > section {
  padding: 0 17px;
}
.esg-governance__title {
  padding: 69px 0 35px 0;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.025em;
}
.esg-governance__container {
  display: block;
  align-items: center;
  justify-content: center;
}
.esg-governance__text dt {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.05em;
}
.esg-governance__text dd {
  padding-top: 20px;
}
.esg-governance__text dd p {
  padding-top: 0;
  font-size: 12px;
  letter-spacing: -0.05em;
  line-height: 1.5714285714;
}
.esg-governance__text dd p + p {
  padding-top: 26px;
}
.esg-governance__content h4 {
  padding-top: 32px;
  padding-bottom: 12px;
  color: #ff9c42;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 15px;
  text-align: center;
  letter-spacing: -0.05em;
}
.esg-governance__content .content {
  width: 100%;
  height: 484px;
  background-image: url(/resources/en/m/img/esg/img_governance_content.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}
.esg-governance__content .content div {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}

.esg-directors main header h3 {
  font-size: 20px;
  line-height: 1;
}
.esg-directors main section {
  margin-left: 17px;
  margin-right: 17px;
}
.esg-directors main section > ul > li {
  margin-top: 57px;
  padding-top: 187px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 187px;
}
.esg-directors__chairman header {
  padding-top: 100px;
}
.esg-directors__inside header {
  padding-top: 83.3333333333px;
}
.esg-directors__outside header {
  padding-top: 84px;
}
.esg-directors__name {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  border-top: 1px solid #141414;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  line-height: 1;
}
.esg-directors__name span {
  padding-left: 9px;
  color: #ef5252;
  font-size: 15px;
}
.esg-directors__name + div {
  position: relative;
  padding-left: 50%;
}
.esg-directors__name + div > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  padding-left: 6px;
  box-sizing: border-box;
}
.esg-directors__session {
  color: #979797;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.5714285714;
}
.esg-directors__session + .esg-directors__session {
  padding-top: 10px;
}
.esg-directors__subject {
  margin-left: 6px;
  padding-left: 11px;
  border-left: 1px solid #616161;
  color: #616161;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.2;
}
.esg-directors__subject li + li {
  padding-top: 10px;
}
.esg-directors .section-directors {
  position: relative;
  padding-top: 224px;
}
.esg-directors .section-directors header h3 {
  font-weight: 700;
  font-size: 20px;
}
.esg-directors .section-directors .nav {
  position: absolute;
  top: 224px;
  right: 0;
}
.esg-directors .section-directors .nav.active > a {
  background-image: url(/resources/img/common/icon_toggle_on.png);
}
.esg-directors .section-directors .nav.active ul {
  display: block;
}
.esg-directors .section-directors .nav > a {
  display: block;
  width: 87px;
  height: 20px;
  border-bottom: 1.5px solid #000000;
  background-image: url(/resources/img/common/icon_toggle_off_active.png);
  background-repeat: no-repeat;
  background-position: right 1px top 2px;
  background-size: auto 6px;
  color: #101010;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  box-sizing: border-box;
}
.esg-directors .section-directors .nav ul {
  display: none;
  overflow-y: auto;
  position: absolute;
  top: 26px;
  left: 0;
  width: 100%;
  max-height: 130px;
  padding: 10px 0;
  background: #fff;
  box-sizing: border-box;
}
.esg-directors .section-directors .nav ul li + li {
  margin-top: 6px;
}
.esg-directors .section-directors .nav ul li a {
  color: #000000;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
}
.esg-directors .section-directors .container {
  margin-top: 50px;
}
.esg-directors .section-directors .content {
  display: none;
}
.esg-directors .section-directors .content.active {
  display: block;
}
.esg-directors__buttons {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}
.esg-directors__buttons::after {
  display: block;
  clear: both;
  content: "";
}
.esg-directors__buttons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 148px;
  height: 50px;
  background: #000000;
}
.esg-directors__buttons a + a {
  margin-left: 12px;
}
.esg-directors__buttons a span {
  color: #fff;
  font-weight: 800;
  font-size: 13px;
  line-height: 1.2;
}
.esg-directors .ceo {
  padding-top: 277px;
  background: url(/resources/m/img/esg/directors/img_director_choitaewon.jpg) no-repeat top center/auto 277px;
}
.esg-directors .ceo .esg-directors__name {
  font-weight: 800;
  font-size: 27px;
}
.esg-directors .ceo .esg-directors__name span {
  padding-left: 14px;
  font-size: 19px;
}

.esg-committees main section {
  margin-left: 17px;
  margin-right: 17px;
}
.esg-committees header h3 {
  font-size: 20px;
  line-height: 1;
}
.esg-committees .composition {
  padding-top: 77px;
}
.esg-committees .composition .content {
  margin-top: 37px;
}
.esg-committees .composition .content ul li {
  position: relative;
  margin-bottom: 34px;
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 44px;
  padding-left: 25px;
  border: 1px solid #a6a6a6;
  background: #fff;
  box-sizing: border-box;
}
.esg-committees .composition .content ul li:nth-child(1) strong {
  background-image: url(/resources/img/esg/img_committees_composition_1.jpg);
}
.esg-committees .composition .content ul li:nth-child(2) strong {
  background-image: url(/resources/img/esg/img_committees_composition_2.jpg);
}
.esg-committees .composition .content ul li:nth-child(3) strong {
  background-image: url(/resources/img/esg/img_committees_composition_3.jpg);
}
.esg-committees .composition .content ul li:nth-child(4) strong {
  background-image: url(/resources/img/esg/img_committees_composition_4.jpg);
}
.esg-committees .composition .content ul li:nth-of-type(3), .esg-committees .composition .content ul li:nth-of-type(4) {
  padding-bottom: 94px;
}
.esg-committees .composition .content ul li:last-of-type {
  margin-bottom: 0;
}
.esg-committees .composition .content ul li strong {
  display: flex;
  align-items: center;
  height: 64px;
  padding-left: 63px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 50px auto;
  font-weight: 800;
  font-size: 15px;
}
.esg-committees .composition .content ul li p {
  margin-top: 12px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4285714286;
}
.esg-committees .composition .content ul li p span {
  display: block;
  position: relative;
  margin-top: 6px;
  padding-left: 14px;
  color: #9a9a9a;
  font-weight: 700;
  font-size: 12px;
}
.esg-committees .composition .content ul li p span:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "※";
}
.esg-committees .composition .content ul li dl {
  margin-top: 12px;
}
.esg-committees .composition .content ul li dl div dt {
  color: #979797;
  font-weight: 800;
  font-size: 12px;
}
.esg-committees .composition .content ul li dl div dd {
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.5833333333;
}
.esg-committees .composition .content ul li dl div + div {
  margin-top: 10px;
}
.esg-committees .composition .content ul li a {
  position: absolute;
  bottom: 27px;
  right: 25px;
  padding-right: 14px;
  padding-bottom: 8px;
  padding-left: 11px;
  color: #000000;
  text-align: center;
  border-bottom: 2px solid #000000;
  box-sizing: border-box;
}
.esg-committees .composition .content ul li a span {
  display: inline-block;
  height: 19px;
  padding-right: 58px;
  background: url(/resources/img/common/icon_download_xl_black.png) no-repeat right center/auto 19px;
  font-weight: 800;
  font-size: 11px;
  line-height: 19px;
}
.esg-committees .committee-nav {
  position: relative;
  height: 36px;
  margin-top: 162px;
  margin-right: 17px;
  margin-left: 17px;
}
.esg-committees .committee-nav::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 2px solid #000;
  content: "";
}
.esg-committees .committee-nav ul {
  display: flex;
  align-items: flex-start;
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
}
.esg-committees .committee-nav ul li {
  display: inline-block;
  position: relative;
  min-height: 36px;
  border: 1px solid transparent;
  box-sizing: border-box;
  padding-top: 5px;
  padding-bottom: 18px;
  padding-right: 77px;
}
.esg-committees .committee-nav ul li:last-of-type {
  padding-right: 0;
}
.esg-committees .committee-nav ul li.active a {
  color: #000000;
  background: #fff;
}
.esg-committees .committee-nav ul li:hover a {
  color: #000000;
}
.esg-committees .committee-nav ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #949494;
  font-weight: 800;
  font-size: 14px;
}
.esg-committees .section-committee {
  display: none;
  position: relative;
  padding-top: 70px;
}
.esg-committees .section-committee.active {
  display: block;
}
.esg-committees .section-committee header h3 {
  font-size: 16px;
}
.esg-committees .section-committee .nav {
  position: absolute;
  top: 70px;
  right: 0;
}
.esg-committees .section-committee .nav.active > a {
  background-image: url(/resources/img/common/icon_toggle_on.png);
}
.esg-committees .section-committee .nav.active ul {
  display: block;
}
.esg-committees .section-committee .nav > a {
  display: block;
  width: 87px;
  height: 20px;
  border-bottom: 1.5px solid #000000;
  background-image: url(/resources/img/common/icon_toggle_off_active.png);
  background-repeat: no-repeat;
  background-position: right 1px top 2px;
  background-size: auto 6px;
  color: #101010;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  box-sizing: border-box;
}
.esg-committees .section-committee .nav ul {
  display: none;
  overflow-y: auto;
  position: absolute;
  top: 26px;
  left: 0;
  width: 100%;
  max-height: 130px;
  padding: 10px 0;
  background: #fff;
  box-sizing: border-box;
}
.esg-committees .section-committee .nav ul li + li {
  margin-top: 6px;
}
.esg-committees .section-committee .nav ul li a {
  color: #000000;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
}
.esg-committees .section-committee #committee-personnel-2021 table + table {
  margin-top: 50px;
}
.esg-committees .section-committee .container {
  margin-top: 59px;
}
.esg-committees .section-committee .content {
  display: none;
}
.esg-committees .section-committee .content.active {
  display: block;
}
.esg-committees .section-committee .content .description {
  font-weight: 700;
  font-size: 12px;
}
.esg-committees .section-committee .content h4 {
  font-weight: 700;
  font-size: 16px;
}
.esg-committees .section-committee .content table + h4 {
  margin-top: 50px;
}
.esg-committees .section-committee .content h4 + table {
  margin-top: 50px;
}
.esg-committees .difference {
  padding-top: 127px;
}
.esg-committees .difference .content {
  margin-top: 50px;
}
.esg-committees .difference .content table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #c0c0c0;
}
.esg-committees .difference .content table thead th {
  padding-bottom: 9px;
  border-bottom: 1.5px solid #ef5252;
  font-weight: 800;
  font-size: 10px;
  letter-spacing: -0.05em;
  vertical-align: bottom;
}
.esg-committees .difference .content table thead th:nth-child(3), .esg-committees .difference .content table thead th:nth-child(4) {
  text-align: left;
}
.esg-committees .difference .content table tbody .line-left {
  border-left: 1px solid #c0c0c0;
}
.esg-committees .difference .content table tbody .line-bottom {
  border-bottom: 1px solid #c0c0c0;
}
.esg-committees .difference .content table tbody .distance-top {
  padding-top: 23px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
}
.esg-committees .difference .content table tbody .distance-bottom {
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 23px;
  padding-left: 4px;
}
.esg-committees .difference .content table tbody .distance-big {
  padding-top: 23px;
  padding-right: 2px;
  padding-bottom: 23px;
  padding-left: 2px;
}
.esg-committees .difference .content table tbody .distance-small {
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
}
.esg-committees .difference .content table tbody th,
.esg-committees .difference .content table tbody td {
  padding: 14px 4px;
  font-weight: 700;
  font-size: 10px;
  text-align: center;
  line-height: 1.3333333333;
}
.esg-committees .difference .content table tbody th:nth-of-type(1) {
  padding-left: 0;
}
.esg-committees .difference .content table tbody td {
  border-left: 1px solid #c0c0c0;
}
.esg-committees .difference .content table tbody td span {
  color: #979797;
}
.esg-committees .difference .content table tbody time {
  letter-spacing: -0.05em;
}
.esg-committees .difference .content table + table {
  margin-top: 59px;
}
.esg-committees .difference .content table .distance-top {
  padding-top: 14px;
}
.esg-committees .difference .content table .distance-bottom {
  padding-bottom: 14px;
}
.esg-committees .difference .content table thead th:nth-of-type(1) {
  text-align: left;
}
.esg-committees .difference .content table tbody th, .esg-committees .difference .content table tbody td {
  padding: 6px;
  font-weight: normal;
  text-align: left;
}
.esg-committees .difference .content table tbody td:nth-of-type(1) {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.esg-committees .difference .content table tbody td:last-child {
  border-left: 1px solid #c0c0c0;
}
.esg-committees .external-audit {
  padding-top: 150px;
}
.esg-committees .external-audit header h3 {
  font-size: 20px;
}
.esg-committees .external-audit dl {
  margin-top: 34px;
  border-top: 2px solid #ef5252;
}
.esg-committees .external-audit dl div {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-bottom: 1px solid #c0c0c0;
}
.esg-committees .external-audit dl div:last-of-type {
  border: 0;
}
.esg-committees .external-audit dl div dt,
.esg-committees .external-audit dl div dd {
  font-weight: 700;
  font-size: 14px;
  padding: 4px 0;
  line-height: 1;
}
.esg-committees .external-audit dl div dt {
  width: 77px;
  color: #979797;
}
.esg-committees .external-audit dl div dd {
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}
.esg-committees .external-audit dl div dd:before {
  position: absolute;
  top: calc(50% - 7px);
  left: 0;
  width: 1.5px;
  height: 14px;
  background: #000000;
  content: "";
}
.esg-committees .external-audit dl div span {
  display: inline-block;
  width: 100%;
  min-width: 77px;
  text-align: justify;
}
.esg-committees .external-audit dl div span::before {
  content: "";
  display: inline-block;
  width: 100%;
}
.esg-committees .external-audit dl div span::after {
  content: "";
  display: inline-block;
  width: 100%;
}

.esg-charter main section {
  margin-left: 17px;
  margin-right: 17px;
}
.esg-charter main header {
  padding-top: 77px;
  padding-bottom: 47px;
}
.esg-charter main header h3 {
  padding-bottom: 24px;
  font-size: 20px;
  line-height: 1.3333333333;
}
.esg-charter main header p {
  font-weight: bold;
  font-size: 14px;
}
.esg-charter main header + ul li {
  max-width: 327px;
  padding-bottom: 24px;
  background: url(/resources/m/img/esg/bg_charter_pdf.png) no-repeat top center/100% auto;
}
.esg-charter main header + ul a {
  display: inline-flex;
  align-items: center;
  width: 100%;
  color: #000;
  font-size: 15px;
}
.esg-charter main header + ul span {
  display: block;
  width: 100%;
  padding-top: 13.2%;
  padding-bottom: 13.2%;
  padding-left: 25px;
  padding-right: 25px;
  background: url(/resources/img/common/icon_download_xl_red.png) no-repeat center right 25px/auto 22px;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
}

.esg-ethics main {
  padding: 0 17px;
}
.esg-ethics__title {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.05em;
}
.esg-ethics .norm {
  padding-top: 77px;
}
.esg-ethics .norm__title {
  padding-bottom: 36px;
}
.esg-ethics .norm-list__header h4 {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.035em;
}
.esg-ethics .norm-list__header p {
  margin-top: 30px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -0.035em;
  line-height: 1.5714285714;
}
.esg-ethics .norm-list__content {
  margin-top: 0;
}
.esg-ethics .norm-list__content > section {
  display: block;
  max-width: 327px;
  margin: 0 auto;
  padding: 50px 0 48px 0;
  border-top: 1px solid #b7b7b7;
  background-image: none !important;
  background-repeat: no-repeat;
  background-position: inherit !important;
  text-align: center;
}
.esg-ethics .norm-list__content > section:nth-of-type(1) {
  border-top: none;
}
.esg-ethics .norm-list__content > section:nth-of-type(1) span:after {
  width: 61px;
  height: 60px;
  background-image: url(/resources/m/img/esg/icon_norm_list_1.png);
  content: "";
}
.esg-ethics .norm-list__content > section:nth-of-type(2) span:after {
  width: 56px;
  height: 69px;
  background-image: url(/resources/m/img/esg/icon_norm_list_2.png);
  content: "";
}
.esg-ethics .norm-list__content > section:nth-of-type(3) span:after {
  width: 68px;
  height: 60px;
  background-image: url(/resources/m/img/esg/icon_norm_list_3.png);
  content: "";
}
.esg-ethics .norm-list__content > section:nth-of-type(4) span:after {
  width: 61px;
  height: 71px;
  background-image: url(/resources/m/img/esg/icon_norm_list_4.png);
  content: "";
}
.esg-ethics .norm-list__content > section:nth-of-type(5) span:after {
  width: 53px;
  height: 53px;
  background-image: url(/resources/m/img/esg/icon_norm_list_5.png);
  content: "";
}
.esg-ethics .norm-list__content > section:nth-of-type(6) span:after {
  width: 52px;
  height: 72px;
  background-image: url(/resources/m/img/esg/icon_norm_list_6.png);
  content: "";
}
.esg-ethics .norm-list__content span {
  position: relative;
  color: #4b4b4b;
  font-size: 12px;
  letter-spacing: -0.035em;
}
.esg-ethics .norm-list__content span:after {
  display: block;
  margin: 15px auto;
  background-size: contain;
  background-repeat: no-repeat;
}
.esg-ethics .norm-list__content div {
  padding-left: 0;
}
.esg-ethics .norm-list__content h5 {
  color: #ee2e2e;
  font-weight: 800;
  font-size: 19px;
  letter-spacing: -0.035em;
}
.esg-ethics .norm-list__content p {
  margin-top: 12px;
  font-size: 14px;
  letter-spacing: -0.035em;
  line-height: 1.625;
}
.esg-ethics .norm-list__content ul {
  margin-top: 14px;
}
.esg-ethics .norm-list__content li {
  position: relative;
  padding-left: 7px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  letter-spacing: -0.035em;
  line-height: 1.7142857143;
  text-align: left;
}
.esg-ethics .norm-list__content li:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 2px;
  height: 2px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
  content: "";
}
.esg-ethics .norm-system {
  margin-top: 107px;
}
.esg-ethics .norm-system__title {
  color: #ee2e2e;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.035em;
  line-height: 1.4615384615;
  text-align: center;
}
.esg-ethics .norm-system figure {
  margin-top: 35px;
}
.esg-ethics .norm-system figure span {
  display: block;
  width: 100%;
  height: 579px;
  background-image: url(/resources/en/m/img/esg/img_norm_system_content.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.esg-ethics .norm-system__content {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.esg-ethics .policy {
  margin-top: 72px;
  padding: 80px 0 0 0;
}
.esg-ethics .policy__header p {
  margin: 35px 0 56px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.035em;
  line-height: 1.75;
}
.esg-ethics .policy ul {
  border-top: 2px solid #ef5252;
  border-bottom: 2px solid #b7b7b7;
}
.esg-ethics .policy li {
  padding: 29px 0 31px 0;
  border-top: 1px solid #c0c0c0;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -0.05em;
  line-height: 1.7142857143;
}
.esg-ethics .policy li:nth-of-type(1) {
  border-top: none;
}
.esg-ethics .policy li div {
  position: relative;
  padding-left: 20px;
}
.esg-ethics .policy li div span {
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  letter-spacing: -0.035em;
}
.esg-ethics .sign-wrap:after {
  display: block;
  clear: both;
  content: "";
}
.esg-ethics .sign {
  float: right;
  margin-top: 56px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.025em;
  text-align: right;
}
.esg-ethics .sign img {
  display: block;
  width: 200px;
  height: 44px;
  margin-top: 21px;
}

.page-header--media .page-header__title {
  top: -10px;
}
.page-header--media .object {
  right: -30px;
}

.media-menu {
  overflow: hidden;
  position: relative;
  margin: 70px 0 54px;
  padding-bottom: 43px;
}
.media-menu__list {
  overflow-x: auto;
  margin: 0 -28px;
  padding: 0 17px;
  border-bottom: 1px solid #000000;
  box-sizing: border-box;
  white-space: nowrap;
}
.media-menu__item {
  display: inline-block;
  margin: 0 29px;
}
.media-menu__item--active .media-menu__button {
  color: #000000;
}
.media-menu__button {
  display: block;
  padding-bottom: 20px;
  color: #949494;
  font-weight: 800;
  font-size: 17px;
  line-height: 1;
}
.media-menu__form {
  margin-top: 27px;
  padding: 0 17px;
}
.media-menu__form::after {
  display: block;
  clear: both;
  content: "";
}
.media-menu-hash {
  overflow-x: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  padding-left: 17px;
  white-space: nowrap;
  box-sizing: border-box;
}
.media-menu-hash__item {
  display: inline-block;
}
.media-menu-hash__item + li {
  margin-left: 0px;
}
.media-menu-hash__item--active .media-menu-hash__button {
  background: #000000;
  color: #fff;
}
.media-menu-hash__button {
  display: block;
  height: 29px;
  padding: 0 14px;
  border-radius: 29px;
  background: #eee;
  color: #000000;
  font-weight: 700;
  font-size: 12px;
  line-height: 29px;
}
.media-menu__search-field {
  position: relative;
  width: 100%;
  height: 40px;
  padding-right: 30px;
  border: 1px solid #cacaca;
  box-sizing: border-box;
}
.media-menu__input[type=text] {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0 0 10px;
  border: 0;
  font-size: 16px;
  box-sizing: border-box;
}
.media-menu__form .media-menu__button {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  padding: 0;
  border: 0;
  background-color: #fff;
  background-image: url(/resources/img/common/btn_search_orange.png);
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}
.media-slide {
  display: none;
  overflow: hidden;
  margin-left: 17px;
}
.media-slide.active {
  display: block;
}
.media-slide.active + .page-container .media-card-list {
  padding-top: 42px;
}
.media-slide__container {
  margin-left: -11px;
}
.media-slide__item {
  position: relative;
  width: 290px;
  height: 470px;
  margin: 0 12px;
  border: 1px solid #cacaca;
  box-sizing: border-box;
}
.media-slide__item--video figure:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/resources/img/common/icon_youtube_play.png) no-repeat center/auto 28px;
  content: "";
}
.media-slide__figure {
  position: relative;
}
.media-slide__figure img {
  width: 100%;
}
.media-slide__content {
  padding: 17px 12px 17px;
  box-sizing: border-box;
}
.media-slide__category {
  color: #fe0000;
  font-weight: 700;
  font-size: 12px;
}
.media-slide__time {
  padding-left: 12px;
  color: #000000;
  font-weight: 700;
  font-size: 12px;
}
.media-slide__title {
  margin-top: 26px;
  color: #000000;
  font-weight: 800;
  font-size: 20px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 90px;
  line-height: 30px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.media-slide__description {
  margin-top: 10px;
  font-size: 12px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 54px;
  line-height: 18px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.media-slide__button {
  position: absolute;
  left: 12px;
  bottom: 17px;
  padding: 0 33px 6px 0;
  background: url(/resources/img/common/btn_link_small.png) no-repeat right top 2px/auto 8px;
  border-bottom: 2px solid #000000;
  color: #101010;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
}
.media-slide .swiper-buttons {
  margin-top: 14px;
  text-align: center;
}
.media-slide .swiper-buttons .swiper-button-prev,
.media-slide .swiper-buttons .swiper-button-next {
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 22px;
}
.media-slide .swiper-buttons .swiper-button-prev:after,
.media-slide .swiper-buttons .swiper-button-next:after {
  display: none;
}
.media-slide .swiper-buttons .swiper-button-prev span,
.media-slide .swiper-buttons .swiper-button-next span {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
          clip-path: inset(0 0 99.9% 99.9%);
}
.media-slide .swiper-buttons .swiper-button-prev {
  background-image: url(/resources/m/img/common/btn_prev.jpg);
}
.media-slide .swiper-buttons .swiper-button-next {
  margin-left: 10px;
  background-image: url(/resources/m/img/common/btn_next.jpg);
}
.media-card-list {
  overflow: hidden;
  padding: 0 17px;
}
.media-card-list--thumbnail .media-card-list__item {
  height: auto;
  box-sizing: border-box;
}
.media-card-list--thumbnail .media-card-list__item + li {
  margin-top: 34px;
  padding-top: 34px;
  border-top: 1px solid #cacaca;
}
.media-card-list--thumbnail .media-card-list__button {
  border: 0;
}
.media-card-list--thumbnail .media-card-list__container {
  position: relative;
  padding: 42px 0 0;
}
.media-card-list--thumbnail .media-card-list__figure {
  position: relative;
}
.media-card-list--thumbnail .media-card-list__title {
  margin-top: 0;
  font-weight: 800;
  font-size: 15px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 44px;
  line-height: 22px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.media-card-list--thumbnail .media-card-list__time {
  position: absolute;
  top: 17px;
  left: 0;
  padding: 0;
}
.media-card-list__subject {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 17px;
}
.media-card-list li.no {
  padding-bottom: 70px;
}
.media-card-list .no {
  margin-top: 16px;
  font-weight: 800;
  font-size: 15px;
  box-sizing: border-box;
}
.media-card-list__result {
  color: #000000;
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
}
.media-card-list__result-count {
  color: #f04242;
}
.media-card-list__item {
  margin: 27px 0 0;
  box-sizing: border-box;
}
.media-card-list__item:first-of-type {
  margin: 20px 0 0;
}
.media-card-list__container {
  padding: 14px 21px 0;
  box-sizing: border-box;
}
.media-card-list__button {
  display: block;
  position: relative;
  height: 100%;
  border: 1px solid #cacaca;
}
.media-card-list__category {
  color: #8f8f8f;
  font-weight: 700;
  font-size: 12px;
}
.media-card-list__time {
  padding-left: 16px;
  color: #000000;
  font-weight: 700;
  font-size: 12px;
}
.media-card-list__title {
  margin-top: 9px;
  color: #000000;
  font-weight: 800;
  font-size: 15px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  height: 44px;
  line-height: 22px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.media-card-list__figure {
  width: 100%;
  margin-top: 20px;
}
.media-card-list__image {
  display: block;
  width: 100%;
}
.media-card-list__more {
  margin-top: 57px;
}
.media-card-list__more a {
  display: block;
  width: 100%;
  height: 53px;
  margin: 0 auto;
  border: 2px solid #000000;
  text-align: center;
  box-sizing: border-box;
}
.media-card-list__more a > span {
  padding-right: 36px;
  background: url(/resources/img/common/btn_arrow_down.png) no-repeat right 2px center/auto 8px;
  color: #000000;
  font-weight: 800;
  font-size: 19px;
  line-height: 53px;
}
.media .ir-disclosure-announcement-pagination {
  padding: 15px 0 188px;
}

.media-video-story {
  padding: 0 17px 70px;
}
.media-video-people {
  padding: 0 17px 100px;
}
.media-video .media-card-list figure {
  margin-top: 0;
}