@charset "UTF-8";
.skip-wrap {
  position: fixed;
  z-index: 9999;
}

.skip-nav {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: #333;
  font-size: 1.6em;
  -webkit-transform: translate(-100%, -100%);
     -moz-transform: translate(-100%, -100%);
      -ms-transform: translate(-100%, -100%);
          transform: translate(-100%, -100%);
  opacity: 0;
}

.skip-nav:focus {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100px;
  padding: 15px;
  font-weight: 400;
  line-height: 1.3;
  text-align: left;
  vertical-align: middle;
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

.overflow-hidden {
  overflow: hidden;
}

.overflowY-hidden {
  overflow-y: hidden;
}

[is-hidden], .is-hidden {
  display: none;
}

.blind, .hide {
  position: absolute !important;
  overflow: hidden;
  display: inline-block;
  height: 1px;
  width: 1px;
  border: 0;
  margin: -1px;
  font-size: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
.blind.block, .hide.block {
  display: block;
}

.txt-hide {
  position: absolute;
  text-align: left;
  text-indent: -99999px;
  overflow: hidden;
  white-space: nowrap;
}

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

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

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

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

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

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

/* 효과 */
.fade {
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  -webkit-transition: width 0.35s ease;
  -moz-transition: width 0.35s ease;
  transition: width 0.35s ease;
}

/* 탭 네비 */
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

/* 모달 */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
     -moz-transform: translate(0, -50px);
      -ms-transform: translate(0, -50px);
          transform: translate(0, -50px);
}

.modal.show .modal-dialog {
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
          transform: none;
}

.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
     -moz-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: -webkit-calc(100% - 1rem);
  height: -moz-calc(100% - 1rem);
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: -webkit-calc(100% - 1rem);
  min-height: -moz-calc(100% - 1rem);
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  pointer-events: auto;
  outline: 0;
  overflow-y: auto;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.6;
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

/* 아코디언 */
.accordion-button {
  position: relative;
  overflow-anchor: none;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.0996 22.25L17.9998 14.15L9.89961 22.25' stroke='%23111111' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
@media (max-width: 767px) {
  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2998 9.87012L6.99994 4.57012L1.6998 9.87012' stroke='%23111111' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  }
}
.accordion-button::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 36px;
  height: 36px;
  top: -webkit-calc(50% - 18px);
  top: -moz-calc(50% - 18px);
  top: calc(50% - 18px);
  right: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M26.0996 13.75L17.9998 21.85L9.89961 13.75' stroke='%23111111' stroke-opacity='0.3' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  background-position: center;
  -webkit-background-size: auto auto;
          background-size: auto;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .accordion-button::after {
    width: 14px;
    height: 14px;
    top: -webkit-calc(50% - 7px);
    top: -moz-calc(50% - 7px);
    top: calc(50% - 7px);
    right: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M12.2998 4.12988L6.99994 9.42988L1.6998 4.12988' stroke='%23111111' stroke-opacity='0.3' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
}

.accordion-item:not(:first-of-type) {
  border-top: 0;
}

.accordion-body {
  padding: 1rem 1.25rem;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  .collapsing.collapse-horizontal {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  .accordion-button {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  .accordion-button::after {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
}
/* 드롭다운 */
.dropdown, .dropend, .dropstart, .dropup {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}

.dropdown-menu-start {
  --bs-position: start ;
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end ;
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position:start ;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end ;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position:start ;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end ;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position:start ;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end ;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position:start ;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end ;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position:start ;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end ;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropstart .dropdown-toggle::after {
  display: none;
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #1e2125;
  background-color: #e9ecef;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}

.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}

.dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0d6efd;
}

.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}

.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}

.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}

.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group-vertical > .btn, .btn-group > .btn {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
  z-index: 1;
}

.btn-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
  margin-left: -1px;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  font-size: 62.5%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: keep-all;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*::after, *::before {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  min-width: 320px;
  margin: 0;
  font-family: "SKT Sans Text", "SKT Sans Display", "Roboto", "Roboto Local", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum, "Apple SD Gothic Neo", Helvetica, sans-serif;
}
@media (max-width: 319px) {
  body {
    overflow-x: auto;
  }
}

/* Set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 70%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.3em;
}

img {
  border-style: none;
  vertical-align: top;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

legend {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=number]::-webkit-outer-spin-button,
[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

[type=number] {
  -moz-appearance: textfield;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/*Add styles*/
select, input {
  vertical-align: top;
  border-radius: 0;
  background-color: transparent;
}

ol, ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

em {
  font-style: normal;
  color: #000;
}

address {
  font-style: normal;
  display: inline;
}

button {
  cursor: pointer;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

caption, legend {
  position: relative;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
}

dfn {
  font-style: normal;
}

select, input[type=radio], input[type=submit], input[type=search] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

a {
  text-decoration: none;
}

/*Legacy browser supports*/
.legacy-browser {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  padding: 12px 12px;
  margin: auto;
  font-family: sans-serif, arial;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 400;
  color: #fff;
  background: #aaa;
  overflow: hidden;
}
.legacy-browser a {
  text-decoration: underline;
  color: #fff;
}

.legacy-close {
  position: absolute;
  top: 7px;
  right: 5px;
  padding: 5px;
  border: 0;
  margin: 0;
  font-size: 10px;
  line-height: 1;
  color: #fff;
}
.legacy-close:hover, .legacy-close:focus {
  text-decoration: underline;
}

/* SKTSansTit */
@font-face {
  font-family: "SKT Sans Display";
  src: url("../fonts/SKTSansTit-ExtraBold.woff2") format("woff2"), url("../fonts/SKTSansTit-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "SKT Sans Display";
  src: url("../fonts/SKTSansTit-Bold.woff2") format("woff2"), url("../fonts/SKTSansTit-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SKT Sans Display";
  src: url("../fonts/SKTSansTit-Regular.woff2") format("woff2"), url("../fonts/SKTSansTit-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SKT Sans Display";
  src: url("../fonts/SKTSansTit-Light.woff2") format("woff2"), url("../fonts/SKTSansTit-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SKT Sans Display";
  src: url("../fonts/SKTSansTit-ExtraLight.woff2") format("woff2"), url("../fonts/SKTSansTit-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
/* SKTSans */
@font-face {
  font-family: "SKT Sans Text";
  src: url("../fonts/SKTSans-ExtraBold.woff2") format("woff2"), url("../fonts/SKTSans-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "SKT Sans Text";
  src: url("../fonts/SKTSans-Bold.woff2") format("woff2"), url("../fonts/SKTSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SKT Sans Text";
  src: url("../fonts/SKTSans-SemiBold.woff2") format("woff2"), url("../fonts/SKTSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SKT Sans Text";
  src: url("../fonts/SKTSans-SemiBold.woff2") format("woff2"), url("../fonts/SKTSans-SemiBold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SKT Sans Text";
  src: url("../fonts/SKTSans-Regular.woff2") format("woff2"), url("../fonts/SKTSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SKT Sans Text";
  src: url("../fonts/SKTSans-Light.woff2") format("woff2"), url("../fonts/SKTSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
.main-page .content .sec-hero .inner {
  max-width: 1340px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .main-page .content .sec-hero .inner {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (min-width: 768px) {
  .main-page .content .sec-hero .inner {
    min-width: 1200px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
.main-page .content .inner {
  max-width: 1300px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .main-page .content .inner {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (min-width: 768px) {
  .main-page .content .inner {
    min-width: 1200px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

.container {
  position: relative;
}
@media (min-width: 768px) {
  .container {
    min-width: 1200px;
  }
}

/* skip navi start */
#skip_navi {
  position: relative;
  z-index: 99999;
}

#skip_navi a {
  position: absolute;
  display: block;
  width: 100%;
  top: -500px;
  left: 0;
  padding: 5px 0;
  font-size: 12px;
  color: #fff;
  background-color: #333;
  text-align: center;
}

#skip_navi a:hover,
#skip_navi a:active,
#skip_navi a:visited,
#skip_navi a:focus {
  top: 0;
}

/* skip navi end */
.gnb {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 999999;
  -webkit-transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
}
@media (max-width: 767px) {
  .gnb {
    background-color: #fff;
  }
}
@media (min-width: 768px) {
  .gnb {
    background-color: rgba(255, 255, 255, 0.795);
    -webkit-backdrop-filter: blur(32px);
            backdrop-filter: blur(32px);
  }
}
@media (min-width: 768px) {
  .gnb.none-bg {
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
    background-color: rgba(0, 0, 0, 0);
  }
}
@media (max-width: 767px) {
  .gnb {
    height: 72px;
    border-bottom: 1px solid #DFE0E0;
  }
}
@media (min-width: 768px) {
  .gnb {
    height: 75px;
    border-bottom: 1px solid #ECEDEF;
  }
}
.gnb .ly-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
@media (min-width: 768px) {
  .gnb .ly-header.side-menu-open {
    background-color: rgb(255, 255, 255);
  }
}
.gnb .ly-header.depth2-open .depth2-bg {
  -webkit-transform: scaleY(1);
     -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}
.gnb .ly-header .depth2-bg {
  content: "";
  position: absolute;
  left: 0;
  top: 75px;
  width: 100%;
  border-bottom: 1px solid #ECEDEF;
  background-color: #fff;
  -webkit-transform: scaleY(0);
     -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
     -moz-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}
.gnb .ly-header .header-content {
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-template-columns: 57px auto;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 3px 0 0;
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content {
    max-width: 1270px;
  }
}
.gnb .ly-header .header-content .logo-wrap {
  position: absolute;
  left: 50%;
  z-index: 10;
  z-index: 50;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 92px;
  height: 36px;
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .logo-wrap {
    top: -webkit-calc(50% - 3px);
    top: -moz-calc(50% - 3px);
    top: calc(50% - 3px);
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .logo-wrap {
    display: block !important;
    opacity: 1 !important;
    top: 50%;
  }
}
.gnb .ly-header .header-content .logo-wrap .logo {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.gnb .ly-header .header-content .logo-wrap .logo img {
  width: 92px;
}
.gnb .ly-header .header-content .side-menu .open-gnb-lg, .gnb .ly-header .header-content .side-menu .open-gnb-mb {
  width: 40px;
  height: 40px;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  /* hover 애니메이션 */
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .open-gnb-lg, .gnb .ly-header .header-content .side-menu .open-gnb-mb {
    position: absolute;
    bottom: 7px;
    right: 10px;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .open-gnb-lg, .gnb .ly-header .header-content .side-menu .open-gnb-mb {
    position: relative;
    top: 2px;
    padding: 0 11px;
  }
}
.gnb .ly-header .header-content .side-menu .open-gnb-lg span, .gnb .ly-header .header-content .side-menu .open-gnb-mb span {
  display: block;
  position: absolute;
  left: 11px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: hidden;
  width: 18px;
  height: 2px;
  font-size: 1px;
  color: #000;
  background-color: #000;
  -webkit-transform-origin: left center;
     -moz-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.gnb .ly-header .header-content .side-menu .open-gnb-lg:after, .gnb .ly-header .header-content .side-menu .open-gnb-lg:before, .gnb .ly-header .header-content .side-menu .open-gnb-mb:after, .gnb .ly-header .header-content .side-menu .open-gnb-mb:before {
  content: "";
  display: block;
  position: absolute;
  left: 11px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #000;
  -webkit-transform-origin: left center;
     -moz-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.gnb .ly-header .header-content .side-menu .open-gnb-lg:after, .gnb .ly-header .header-content .side-menu .open-gnb-mb:after {
  top: -webkit-calc(50% - 8px);
  top: -moz-calc(50% - 8px);
  top: calc(50% - 8px);
}
.gnb .ly-header .header-content .side-menu .open-gnb-lg:before, .gnb .ly-header .header-content .side-menu .open-gnb-mb:before {
  top: -webkit-calc(50% + 8px);
  top: -moz-calc(50% + 8px);
  top: calc(50% + 8px);
}
.gnb .ly-header .header-content .side-menu .open-gnb-lg:hover span, .gnb .ly-header .header-content .side-menu .open-gnb-mb:hover span {
  background-color: #3A46CD;
  -webkit-transform: translateY(-50%) scaleX(0.8);
     -moz-transform: translateY(-50%) scaleX(0.8);
      -ms-transform: translateY(-50%) scaleX(0.8);
          transform: translateY(-50%) scaleX(0.8);
}
.gnb .ly-header .header-content .side-menu .open-gnb-lg:hover:before, .gnb .ly-header .header-content .side-menu .open-gnb-mb:hover:before {
  background-color: #3A46CD;
  -webkit-transform: translateY(-50%) scaleX(1.1);
     -moz-transform: translateY(-50%) scaleX(1.1);
      -ms-transform: translateY(-50%) scaleX(1.1);
          transform: translateY(-50%) scaleX(1.1);
}
.gnb .ly-header .header-content .side-menu .open-gnb-lg:hover:after, .gnb .ly-header .header-content .side-menu .open-gnb-mb:hover:after {
  background-color: #3A46CD;
  -webkit-transform: translateY(-50%) scaleX(1.1);
     -moz-transform: translateY(-50%) scaleX(1.1);
      -ms-transform: translateY(-50%) scaleX(1.1);
          transform: translateY(-50%) scaleX(1.1);
}
.gnb .ly-header .header-content .side-menu .open-gnb-lg.close span, .gnb .ly-header .header-content .side-menu .open-gnb-mb.close span {
  opacity: 0;
}
.gnb .ly-header .header-content .side-menu .open-gnb-lg.close:after, .gnb .ly-header .header-content .side-menu .open-gnb-mb.close:after {
  top: -webkit-calc(50% - 6.5px);
  top: -moz-calc(50% - 6.5px);
  top: calc(50% - 6.5px);
  left: 26px;
  -webkit-transform: translateY(-50%) rotate(-225deg);
     -moz-transform: translateY(-50%) rotate(-225deg);
      -ms-transform: translateY(-50%) rotate(-225deg);
          transform: translateY(-50%) rotate(-225deg);
}
.gnb .ly-header .header-content .side-menu .open-gnb-lg.close:before, .gnb .ly-header .header-content .side-menu .open-gnb-mb.close:before {
  top: -webkit-calc(50% + 6.5px);
  top: -moz-calc(50% + 6.5px);
  top: calc(50% + 6.5px);
  left: 26px;
  -webkit-transform: translateY(-50%) rotate(225deg);
     -moz-transform: translateY(-50%) rotate(225deg);
      -ms-transform: translateY(-50%) rotate(225deg);
          transform: translateY(-50%) rotate(225deg);
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap {
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  background-color: #fff;
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap {
    top: 71px;
    height: -webkit-calc(100vh - 71px);
    height: -moz-calc(100vh - 71px);
    height: calc(100vh - 71px);
    border-top: 1px solid #1A2232;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap {
    top: 74px;
    height: -webkit-calc(100vh - 74px);
    height: -moz-calc(100vh - 74px);
    height: calc(100vh - 74px);
    border-top: 1px solid #ECEDEF;
    overflow-y: auto;
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .lang-link {
  display: block;
  position: fixed;
  left: 16px;
  top: 26px;
  width: 36px;
  height: 36px;
  color: #1A2232;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 12px */
  text-align: center;
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner {
    overflow-y: auto;
    height: 100%;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner {
    height: -webkit-calc(100vh - 76px);
    height: -moz-calc(100vh - 76px);
    height: calc(100vh - 76px);
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav {
    min-height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100%;
    border-bottom: 1px solid #EAEAF9;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .main-nav-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: -webkit-calc(50% + 205px);
    width: -moz-calc(50% + 205px);
    width: calc(50% + 205px);
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .main-nav-wrap .main-nav-ul {
    max-width: 840px;
    width: 100%;
    height: 100%;
    padding-left: 14px;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .center-nav-wrap {
    width: 200px;
    border-right: 1px solid rgba(58, 70, 205, 0.08);
    border-left: 1px solid rgba(58, 70, 205, 0.08);
    background: rgba(58, 70, 205, 0.03);
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .center-nav-wrap .connect-nav-ul {
    width: 100%;
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .center-nav-wrap .sns-link-wrap + .sns-link-wrap {
  border-top: 1px solid #EAEAF9;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .center-nav-wrap .sns-link-wrap a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  width: 100%;
  width: 100%;
  padding: 30px;
  color: #1A2232;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%; /* 30.6px */
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .center-nav-wrap .sns-link-wrap a::after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 21L21 10M21 10H12.2647M21 10V18.4118' stroke='%231A2232' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .center-nav-wrap .sns-link-wrap a:hover, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .center-nav-wrap .sns-link-wrap a:focus {
  color: #3A46CD;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .center-nav-wrap .sns-link-wrap a:hover::after, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .center-nav-wrap .sns-link-wrap a:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 21L21 10M21 10H12.2647M21 10V18.4118' stroke='%233A46CD' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .center-nav-wrap .sns-link-wrap:hover, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .center-nav-wrap .sns-link-wrap:focus, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .center-nav-wrap .sns-link-wrap.is-active {
  color: #3A46CD;
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .right-nav-wrap {
    width: -webkit-calc(50% - 222px - 200px);
    width: -moz-calc(50% - 222px - 200px);
    width: calc(50% - 222px - 200px);
    background: #F6F6F6;
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .right-nav-wrap .service-nav-ul {
  width: 230px;
  padding: 30px 10px 20px 32px;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .right-nav-wrap .service-nav-ul .depth1-item .depth1-link {
  font-size: 17px;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .right-nav-wrap .service-nav-ul .depth1-item .depth1-link:hover, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .right-nav-wrap .service-nav-ul .depth1-item .depth1-link:focus, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .right-nav-wrap .service-nav-ul .depth1-item .depth1-link.is-active {
  color: #1A2232;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .right-nav-wrap .service-nav-ul .depth1-item .depth2-group {
  padding-top: 4px;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .right-nav-wrap .service-nav-ul .depth1-item .depth2-group .depth2-item + .depth2-item {
  padding-top: 32px;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .right-nav-wrap .service-nav-ul .depth1-item .depth2-group .depth2-item .depth2-link:hover, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .right-nav-wrap .service-nav-ul .depth1-item .depth2-group .depth2-item .depth2-link:focus, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .right-nav-wrap .service-nav-ul .depth1-item .depth2-group .depth2-item .depth2-link.is-active {
  color: #3A404E;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .right-nav-wrap .service-nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item .depth3-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  width: 100%;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .right-nav-wrap .service-nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item .depth3-link::after {
  content: "";
  display: block;
  width: 18px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='21' viewBox='0 0 18 21' fill='none'%3E%3Cpath d='M4 12.5L10 6.5M10 6.5H5.23529M10 6.5V11.0882' stroke='%233A46CD' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: opacity 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: opacity 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .right-nav-wrap .service-nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item .depth3-link:hover::after, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-top .right-nav-wrap .service-nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item .depth3-link:focus::after {
  opacity: 1;
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom {
    position: relative;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 10px;
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .sns-link-wrap {
  display: grid;
  grid-template-columns: 50% 50%;
  border-top: 1px solid rgba(58, 70, 205, 0.3);
  border-bottom: 1px solid rgba(58, 70, 205, 0.3);
  background: rgba(58, 70, 205, 0.03);
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .sns-link-wrap a {
  display: block;
  padding: 16px 22px 16px 54px;
  color: #1A2232;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 28.8px */
  background-position: left 22px center;
  background-repeat: no-repeat;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .sns-link-wrap a + a {
  border-left: 1px solid rgba(58, 70, 205, 0.3);
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .sns-link-wrap a.insta {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_2577_37789)'%3E%3Cpath d='M9 1.6207C11.4047 1.6207 11.6895 1.63125 12.6352 1.67344C13.5141 1.71211 13.9887 1.85977 14.3051 1.98281C14.7234 2.14453 15.0258 2.34141 15.3387 2.6543C15.6551 2.9707 15.8484 3.26953 16.0102 3.68789C16.1332 4.0043 16.2809 4.48242 16.3195 5.35781C16.3617 6.30703 16.3723 6.5918 16.3723 8.99297C16.3723 11.3977 16.3617 11.6824 16.3195 12.6281C16.2809 13.507 16.1332 13.9816 16.0102 14.298C15.8484 14.7164 15.6516 15.0187 15.3387 15.3316C15.0223 15.648 14.7234 15.8414 14.3051 16.0031C13.9887 16.1262 13.5105 16.2738 12.6352 16.3125C11.6859 16.3547 11.4012 16.3652 9 16.3652C6.59531 16.3652 6.31055 16.3547 5.36484 16.3125C4.48594 16.2738 4.01133 16.1262 3.69492 16.0031C3.27656 15.8414 2.97422 15.6445 2.66133 15.3316C2.34492 15.0152 2.15156 14.7164 1.98984 14.298C1.8668 13.9816 1.71914 13.5035 1.68047 12.6281C1.63828 11.6789 1.62773 11.3941 1.62773 8.99297C1.62773 6.58828 1.63828 6.30351 1.68047 5.35781C1.71914 4.47891 1.8668 4.0043 1.98984 3.68789C2.15156 3.26953 2.34844 2.96719 2.66133 2.6543C2.97773 2.33789 3.27656 2.14453 3.69492 1.98281C4.01133 1.85977 4.48945 1.71211 5.36484 1.67344C6.31055 1.63125 6.59531 1.6207 9 1.6207ZM9 0C6.55664 0 6.25078 0.0105469 5.29102 0.0527344C4.33477 0.0949219 3.67734 0.249609 3.10781 0.471094C2.51367 0.703125 2.01094 1.00898 1.51172 1.51172C1.00898 2.01094 0.703125 2.51367 0.471094 3.1043C0.249609 3.67734 0.0949219 4.33125 0.0527344 5.2875C0.0105469 6.25078 0 6.55664 0 9C0 11.4434 0.0105469 11.7492 0.0527344 12.709C0.0949219 13.6652 0.249609 14.3227 0.471094 14.8922C0.703125 15.4863 1.00898 15.9891 1.51172 16.4883C2.01094 16.9875 2.51367 17.2969 3.1043 17.5254C3.67734 17.7469 4.33125 17.9016 5.2875 17.9437C6.24727 17.9859 6.55312 17.9965 8.99648 17.9965C11.4398 17.9965 11.7457 17.9859 12.7055 17.9437C13.6617 17.9016 14.3191 17.7469 14.8887 17.5254C15.4793 17.2969 15.982 16.9875 16.4813 16.4883C16.9805 15.9891 17.2898 15.4863 17.5184 14.8957C17.7398 14.3227 17.8945 13.6687 17.9367 12.7125C17.9789 11.7527 17.9895 11.4469 17.9895 9.00352C17.9895 6.56016 17.9789 6.2543 17.9367 5.29453C17.8945 4.33828 17.7398 3.68086 17.5184 3.11133C17.2969 2.51367 16.991 2.01094 16.4883 1.51172C15.9891 1.0125 15.4863 0.703125 14.8957 0.474609C14.3227 0.253125 13.6688 0.0984375 12.7125 0.05625C11.7492 0.0105469 11.4434 0 9 0Z' fill='%233A404E'/%3E%3Cpath d='M8.99805 4.375C6.4457 4.375 4.375 6.4457 4.375 8.99805C4.375 11.5504 6.4457 13.6211 8.99805 13.6211C11.5504 13.6211 13.6211 11.5504 13.6211 8.99805C13.6211 6.4457 11.5504 4.375 8.99805 4.375ZM8.99805 11.9969C7.34219 11.9969 5.99922 10.6539 5.99922 8.99805C5.99922 7.34219 7.34219 5.99922 8.99805 5.99922C10.6539 5.99922 11.9969 7.34219 11.9969 8.99805C11.9969 10.6539 10.6539 11.9969 8.99805 11.9969Z' fill='%233A404E'/%3E%3Cpath d='M14.8852 4.19649C14.8852 4.79414 14.4 5.27578 13.8059 5.27578C13.2082 5.27578 12.7266 4.79063 12.7266 4.19649C12.7266 3.59883 13.2117 3.11719 13.8059 3.11719C14.4 3.11719 14.8852 3.60234 14.8852 4.19649Z' fill='%233A404E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2577_37789'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .sns-link-wrap a.youtube {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M17.8207 5.40352C17.8207 5.40352 17.6449 4.1625 17.1035 3.61758C16.418 2.90039 15.6516 2.89687 15.3 2.85469C12.7828 2.67187 9.00352 2.67188 9.00352 2.67188H8.99648C8.99648 2.67188 5.21719 2.67187 2.7 2.85469C2.34844 2.89687 1.58203 2.90039 0.896484 3.61758C0.355078 4.1625 0.182812 5.40352 0.182812 5.40352C0.182812 5.40352 0 6.8625 0 8.31797V9.68203C0 11.1375 0.179297 12.5965 0.179297 12.5965C0.179297 12.5965 0.355078 13.8375 0.892969 14.3824C1.57852 15.0996 2.47852 15.075 2.8793 15.1523C4.3207 15.2895 9 15.3316 9 15.3316C9 15.3316 12.7828 15.3246 15.3 15.1453C15.6516 15.1031 16.418 15.0996 17.1035 14.3824C17.6449 13.8375 17.8207 12.5965 17.8207 12.5965C17.8207 12.5965 18 11.141 18 9.68203V8.31797C18 6.8625 17.8207 5.40352 17.8207 5.40352ZM7.14023 11.3379V6.27891L12.0023 8.81719L7.14023 11.3379Z' fill='%233A404E'/%3E%3C/svg%3E");
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .nav-ul.main-nav-ul .depth1-item .depth1-link {
  font-size: 16px;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .nav-ul.main-nav-ul .depth1-item .depth2-group {
  padding-bottom: 33px;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .nav-ul.main-nav-ul .depth1-item .depth2-group .depth2-item .depth2-link {
  line-height: 34px;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .nav-ul.main-nav-ul .depth1-item .depth2-group .depth2-item .depth3-group {
  gap: 3px 20px;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .nav-ul.main-nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item {
  width: -webkit-calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: calc(50% - 10px);
  padding-right: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='21' viewBox='0 0 18 21' fill='none'%3E%3Cpath d='M4 12.5L10 6.5M10 6.5H5.23529M10 6.5V11.0882' stroke='%23595E6B' stroke-width='1.5'/%3E%3C/svg%3E") right top 6px/auto no-repeat;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .nav-ul.main-nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item:hover, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .nav-ul.main-nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item:focus {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='21' viewBox='0 0 18 21' fill='none'%3E%3Cpath d='M4 12.5L10 6.5M10 6.5H5.23529M10 6.5V11.0882' stroke='%233A46CD' stroke-width='1.5'/%3E%3C/svg%3E") right top 6px/auto no-repeat;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .other-link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .other-link-wrap {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 500px;
    padding: 0 22px 20px;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .other-link-wrap {
    position: absolute;
    top: -webkit-calc(50% - 0px);
    top: -moz-calc(50% - 0px);
    top: calc(50% - 0px);
    right: 10px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .other-link-wrap a {
  display: block;
  font-style: normal;
  line-height: 210%; /* 27.3px */
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .other-link-wrap a {
    padding: 24px 0;
    color: #1A2232;
    font-size: 14px;
    font-weight: 400;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .other-link-wrap a {
    padding: 20px 0;
    color: #3A404E;
    font-size: 13px;
    font-weight: 600;
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .other-link-wrap a:hover, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .other-link-wrap a:focus, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .other-link-wrap a.is-active {
  color: #3A46CD;
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .other-link-wrap a ~ a {
    position: relative;
    padding-left: 24px;
    margin-left: 24px;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .other-link-wrap a ~ a:after {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background-color: #727887;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-bottom .other-link-wrap .divider {
  display: block;
  width: 1px;
  height: 12px;
  background: #727887;
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul {
    padding: 30px 0 39px;
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth1-link {
  display: block;
  color: #1A2232;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth1-link {
    padding: 13.5px 22px;
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth1-link {
    font-size: 17px;
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth1-link:hover, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth1-link:focus, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth1-link.is-active {
  color: #3A46CD;
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth2-group {
    display: none;
    padding-bottom: 14px;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth2-group {
    display: block !important;
    padding-top: 2px;
  }
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth2-group .depth2-item + .depth2-item {
    padding-top: 6px;
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth2-group .depth2-item.is-active .depth2-link {
  color: #3A46CD;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth2-link {
  display: block;
  color: #3A404E;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth2-link {
    width: 100%;
    padding: 0 22px;
    line-height: 37px;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth2-link {
    line-height: 33px;
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth2-link:hover, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth2-link:focus, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth2-link.is-active {
  color: #3A46CD;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item .depth3-link {
  display: block;
  color: #595E6B;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item .depth3-link {
    padding: 5px 5px;
    line-height: 22px;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item .depth3-link {
    padding: 0 5px;
    line-height: 33px;
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item .depth3-link:hover, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item .depth3-link:focus, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item .depth3-link.is-active {
  color: #3A46CD;
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item {
    border-bottom: 1px solid #DFE0E0;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item {
    display: grid;
    grid-template-columns: 140px auto;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item + .depth1-item {
    padding-top: 35px;
  }
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth1-link {
    position: relative;
  }
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth1-link:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    display: block;
    width: 32px;
    height: 32px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transform-origin: center;
       -moz-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M7 11L16 20L25 11' stroke='%23AFB6BC' stroke-width='2'/%3E%3C/svg%3E");
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth1-link.is-open:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
       -moz-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M7 11L16 20L25 11' stroke='%23595E6B' stroke-width='2'/%3E%3C/svg%3E");
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth1-link.out-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth1-link.out-link .icon {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M10 21L21 10M21 10H12.2647M21 10V18.4118' stroke='%231A2232' stroke-width='2'/%3E%3C/svg%3E");
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth1-link.out-link::after {
  display: none;
  opacity: 0;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth1-link.out-link:hover .icon, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth1-link.out-link:focus .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M10 21L21 10M21 10H12.2647M21 10V18.4118' stroke='%233A46CD' stroke-width='2'/%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth2-group.none-3d {
    display: none;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth2-group.none-3d {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth2-group.none-3d .depth2-item {
  display: block;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth2-group.none-3d .depth2-item .depth2-link {
  display: block;
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth2-group.none-3d .depth2-item .depth2-link {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth2-group.none-3d .depth2-item .depth2-link {
    width: 110px;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth2-group.none-3d.depth2-group-introduce .depth2-item .depth2-link {
    width: 90px;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth2-group.depth2-group-esg .depth2-item {
    display: grid;
    grid-template-columns: 145px auto;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth2-group .depth2-item {
    display: grid;
    grid-template-columns: 105px auto;
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth2-group .depth2-item .depth3-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth2-group .depth2-item .depth3-group {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 0 17px;
  }
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item {
    width: 33.3%;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.main-nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item + .depth3-item {
    margin-left: 27px;
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.newroom-nav-ul .depth1-item .depth1-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.newroom-nav-ul .depth1-item .depth1-link::after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 21L21 10M21 10H12.2647M21 10V18.4118' stroke='%231A2232' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.newroom-nav-ul .depth1-item .depth1-link:hover::after, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.newroom-nav-ul .depth1-item .depth1-link:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 21L21 10M21 10H12.2647M21 10V18.4118' stroke='%233A46CD' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.connect-nav-ul, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.newroom-nav-ul {
  padding: 30px 32px 20px;
  border-bottom: 1px solid #EAEAF9;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.connect-nav-ul .depth1-item .depth1-link, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.newroom-nav-ul .depth1-item .depth1-link {
  font-size: 17px;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.connect-nav-ul .depth1-item .depth1-link:hover, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.connect-nav-ul .depth1-item .depth1-link:focus, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.connect-nav-ul .depth1-item .depth1-link.is-active, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.newroom-nav-ul .depth1-item .depth1-link:hover, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.newroom-nav-ul .depth1-item .depth1-link:focus, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.newroom-nav-ul .depth1-item .depth1-link.is-active {
  color: #3A46CD;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.connect-nav-ul .depth1-item .depth2-group, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.newroom-nav-ul .depth1-item .depth2-group {
  padding-top: 4px;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.connect-nav-ul .depth1-item .depth2-group .depth2-item .depth2-link, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.newroom-nav-ul .depth1-item .depth2-group .depth2-item .depth2-link {
  font-size: 14px;
  line-height: 38px;
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.other-nav-ul {
  display: grid;
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.other-nav-ul {
    grid-template-columns: 67px auto auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
    max-width: 500px;
    padding: 10px 22px;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.other-nav-ul {
    display: grid;
    grid-template-columns: 82px 116px 116px;
    gap: 58px;
    padding: 12px 0;
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.other-nav-ul .depth1-item .depth1-link {
  display: block;
  font-size: 18px;
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.other-nav-ul .depth1-item .depth1-link {
    padding: 10px 0;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.other-nav-ul .depth1-item .depth1-link {
    width: 100px;
    padding: 10px 0;
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.other-nav-ul .depth1-item .depth1-link.out-link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M13.0039 9.41211H11.0039V3.41406L1.71094 12.707L0.296875 11.293L9.58984 2H3.26855V0H13.0039V9.41211Z' fill='%231A2232'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.other-nav-ul .depth1-item .depth1-link.out-link {
    background-position: top 19px right 13px;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.other-nav-ul .depth1-item .depth1-link.out-link {
    background-position: top 19px right 30px;
  }
}
.gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.other-nav-ul .depth1-item .depth1-link.out-link:hover, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.other-nav-ul .depth1-item .depth1-link.out-link:focus, .gnb .ly-header .header-content .side-menu .side-nav-wrap .nav-inner .nav .nav-ul.other-nav-ul .depth1-item .depth1-link.out-link.is-active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M13.0039 9.41211H11.0039V3.41406L1.71094 12.707L0.296875 11.293L9.58984 2H3.26855V0H13.0039V9.41211Z' fill='%233A46CD'/%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .gnb .ly-header .header-content .lang-link {
    display: none;
  }
}
@media (min-width: 768px) {
  .gnb .ly-header .header-content .lang-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 44px;
    height: 40px;
    padding: 0 11px;
  }
}
.gnb .ly-header .header-content .lang-link .img {
  width: 22px;
  height: 22px;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
  transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
}
.gnb .ly-header .header-content .lang-link span {
  position: absolute;
  right: 50%;
  top: 64%;
  -webkit-transform: translate(50%, -50%) scale(0.2);
     -moz-transform: translate(50%, -50%) scale(0.2);
      -ms-transform: translate(50%, -50%) scale(0.2);
          transform: translate(50%, -50%) scale(0.2);
  opacity: 0;
  display: block;
  width: 22px;
  height: 22px;
  color: #3A46CD;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 80%; /* 12px */
  text-align: center;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out;
}
.gnb .ly-header .header-content .lang-link:hover .img, .gnb .ly-header .header-content .lang-link:focus .img {
  opacity: 0;
  -webkit-transform: scale(0.2) rotate(180deg);
     -moz-transform: scale(0.2) rotate(180deg);
      -ms-transform: scale(0.2) rotate(180deg);
          transform: scale(0.2) rotate(180deg);
}
.gnb .ly-header .header-content .lang-link:hover span, .gnb .ly-header .header-content .lang-link:focus span {
  opacity: 1;
  -webkit-transform: translate(50%, -50%) scale(1);
     -moz-transform: translate(50%, -50%) scale(1);
      -ms-transform: translate(50%, -50%) scale(1);
          transform: translate(50%, -50%) scale(1);
}
.gnb .ly-header .header-content .sub-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav {
  position: relative;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17px;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item {
  position: relative;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth1-link {
  display: block;
  padding: 0 10px;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 71px; /* 10.4px */
  letter-spacing: -1.04px;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth1-link:hover, .gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth1-link:focus {
  color: #3A46CD;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth1-link.is-open, .gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth1-link.is-active {
  color: #3A46CD;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth1-link.none-3d + .depth2-wrap:after {
  height: 80px;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth1-link.connectplus-link + .depth2-wrap {
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth1-link.connectplus-link + .depth2-wrap .depth2-link {
  display: block;
  width: 100%;
  text-align: center;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth2-wrap {
  display: none;
  position: fixed;
  top: 74px;
  left: 0;
  width: 100%;
  z-index: 5;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth2-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  width: 1135px;
  height: 100%;
  padding: 15px 0 10px;
  margin: 0 auto;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth2-group .depth2-item {
  width: 140px;
  z-index: 5;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth2-group .depth2-item.is-active .depth2-link {
  color: #3A46CD;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth2-link {
  display: block;
  width: 100%;
  padding: 10px;
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 210%; /* 29.4px */
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth2-link:hover, .gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth2-link:focus {
  color: #3A46CD;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth3-group {
  padding: 2px 0 15px;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item {
  width: 100%;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item .depth3-link {
  display: block;
  width: 100%;
  padding: 2px 10px;
  color: #727887;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 210%; /* 29.4px */
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item .depth3-link:hover, .gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item .depth3-link:focus, .gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-ul .depth1-item .depth2-group .depth2-item .depth3-group .depth3-item .depth3-link.is-active {
  color: #3A46CD;
}
.gnb .ly-header .header-content .sub-nav .sub-nav-wrap .nav .nav-underline {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #0073ff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gnb .ly-header .header-content .sub-nav .nav-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.gnb .ly-header .header-content .sub-nav .nav-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.gnb .ly-header .header-content .sub-nav .nav-right .sub-nav-wrap .nav .nav-ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}
.gnb .ly-header .header-content .sub-nav .nav-right .sub-nav-wrap .nav .nav-ul .depth1-item .depth1-link.connectplus-link {
  position: relative;
  padding-right: 22px;
  margin-right: 12px;
  letter-spacing: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#838383), to(#838383)) right center/1px 12px no-repeat;
  background: -webkit-linear-gradient(#838383, #838383) right center/1px 12px no-repeat;
  background: -moz-linear-gradient(#838383, #838383) right center/1px 12px no-repeat;
  background: linear-gradient(#838383, #838383) right center/1px 12px no-repeat;
}
.gnb .ly-header .header-content .sub-nav .nav-right .sub-nav-wrap .nav .nav-ul .depth1-item .depth1-link.connectplus-link + .depth2-wrap .depth2-group {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.gnb .ly-header .header-content .sub-nav .nav-right .sub-nav-wrap .nav .nav-ul .depth1-item .depth1-link.out-link {
  padding-right: 28px;
  background: url("../images/common/out-link-icon.svg") right 10px center/auto no-repeat;
  -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.gnb .ly-header .header-content .sub-nav .nav-right .sub-nav-wrap .nav .nav-ul .depth1-item .depth1-link.out-link:hover, .gnb .ly-header .header-content .sub-nav .nav-right .sub-nav-wrap .nav .nav-ul .depth1-item .depth1-link.out-link:focus {
  background-image: url("../images/common/out-link-icon-hover.svg");
}
.gnb .ly-header .header-content .sub-nav .nav-right .lang-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 33px;
  height: 40px;
}
.gnb .ly-header .header-content .sub-nav .nav-right .lang-link .img {
  width: 22px;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
  transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
}
.gnb .ly-header .header-content .sub-nav .nav-right .lang-link span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #3A46CD;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 80%; /* 12px */
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
     -moz-transform: translate(-50%, -50%) scale(0.5);
      -ms-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out;
}
.gnb .ly-header .header-content .sub-nav .nav-right .lang-link:hover .img, .gnb .ly-header .header-content .sub-nav .nav-right .lang-link:focus .img {
  opacity: 0;
  -webkit-transform: scale(0.2) rotate(180deg);
     -moz-transform: scale(0.2) rotate(180deg);
      -ms-transform: scale(0.2) rotate(180deg);
          transform: scale(0.2) rotate(180deg);
}
.gnb .ly-header .header-content .sub-nav .nav-right .lang-link:hover span, .gnb .ly-header .header-content .sub-nav .nav-right .lang-link:focus span {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
     -moz-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

@media (min-width: 768px) {
  .page-index .gnb {
    border-bottom: none;
  }
}
.page-index .gnb .ly-header .header-content .sub-nav-wrap {
  display: none !important;
}

.ly-footer {
  border-top: 1px solid #D0D1D3;
}
@media (min-width: 768px) {
  .ly-footer .inner {
    max-width: 1270px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  .ly-footer .inner {
    padding-right: 35px;
    padding-left: 35px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .ly-footer .inner {
    min-width: 1200px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
.ly-footer .sec-quick-menu {
  border-bottom: 1px solid #ECEDEF;
  background: #FAFAFA;
}
@media (min-width: 768px) {
  .ly-footer .sec-quick-menu .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 58px;
  }
}
.ly-footer .sec-quick-menu .inner .quick-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .ly-footer .sec-quick-menu .inner .quick-menu {
    gap: 42px;
    padding: 6px 16px;
    border-bottom: 1px solid #ECEDEF;
  }
}
@media (min-width: 768px) {
  .ly-footer .sec-quick-menu .inner .quick-menu {
    gap: 33px;
  }
}
.ly-footer .sec-quick-menu .inner .quick-menu li + li {
  position: relative;
}
.ly-footer .sec-quick-menu .inner .quick-menu li + li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  background: #AFB6BC;
}
@media (max-width: 767px) {
  .ly-footer .sec-quick-menu .inner .quick-menu li + li:before {
    left: -20px;
    height: 12px;
  }
}
@media (min-width: 768px) {
  .ly-footer .sec-quick-menu .inner .quick-menu li + li:before {
    left: -16px;
    height: 10px;
  }
}
.ly-footer .sec-quick-menu .inner .quick-menu li a {
  color: #3A404E;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
}
@media (max-width: 767px) {
  .ly-footer .sec-quick-menu .inner .quick-menu li a {
    font-size: 12px;
    line-height: 40px; /* 142.857% */
    letter-spacing: -0.48px;
  }
}
@media (min-width: 768px) {
  .ly-footer .sec-quick-menu .inner .quick-menu li a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.56px;
  }
}
.ly-footer .sec-quick-menu .inner .quick-menu li a:hover {
  color: #171a20;
}
.ly-footer .sec-quick-menu .inner .right-btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.ly-footer .sec-quick-menu .inner .right-btn-wrap .sns-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .ly-footer .sec-quick-menu .inner .right-btn-wrap .sns-menu {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    max-width: 340px;
    padding: 13px 15px;
  }
}
@media (min-width: 768px) {
  .ly-footer .sec-quick-menu .inner .right-btn-wrap .sns-menu {
    gap: 18px;
    -webkit-transform: translateX(6px);
       -moz-transform: translateX(6px);
        -ms-transform: translateX(6px);
            transform: translateX(6px);
  }
}
.ly-footer .sec-quick-menu .inner .right-btn-wrap .sns-menu li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  -webkit-transition: -webkit-filter 0.2s;
  transition: -webkit-filter 0.2s;
  -moz-transition: filter 0.2s;
  transition: filter 0.2s;
  transition: filter 0.2s, -webkit-filter 0.2s;
}
.ly-footer .sec-quick-menu .inner .right-btn-wrap .sns-menu li a img {
  width: 24px;
}
.ly-footer .sec-quick-menu .inner .right-btn-wrap .sns-menu li a:hover {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5); /* 0~1 사이 값으로 어둡게 */
}
.ly-footer .sec-quick-menu .inner .right-btn-wrap .top-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6.5px;
  width: 55px;
  height: 100%;
  border: none;
  margin-left: 20px;
  color: var(--color-white, #FFF);
  text-align: center;
  font-family: "SKT Sans Text";
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 200% */
  text-transform: uppercase;
  background: #727887;
}
.ly-footer .sec-quick-menu .inner .right-btn-wrap .top-btn:before {
  content: "";
  display: block;
  width: 10px;
  height: 5px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M1.5 7L6.5 2L11.5 7' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") center/auto no-repeat;
}
@media (min-width: 768px) {
  .ly-footer .sec-main-footer .inner {
    display: grid;
    grid-template-columns: auto 125px;
    -webkit-box-align: start;
    -webkit-align-items: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 8px;
    padding-top: 22px;
    padding-bottom: 64px;
  }
}
.ly-footer .sec-main-footer .inner .info .link-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .ly-footer .sec-main-footer .inner .info .link-list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 8px 25px;
    padding: 25px 17px 20px;
  }
}
@media (min-width: 768px) {
  .ly-footer .sec-main-footer .inner .info .link-list {
    gap: 34px;
    padding-top: 30px;
  }
}
.ly-footer .sec-main-footer .inner .info .link-list a {
  color: #727887;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 166.667% */
  letter-spacing: -0.48px;
  text-decoration: none;
}
.ly-footer .sec-main-footer .inner .info .link-list a.strong {
  color: #3A404E;
}
.ly-footer .sec-main-footer .inner .info .link-list a {
  position: relative;
}
.ly-footer .sec-main-footer .inner .info .link-list a:last-child:before {
  display: none;
}
.ly-footer .sec-main-footer .inner .info .link-list a:before {
  content: "";
  display: block;
  position: absolute;
  right: -16px;
  top: 45%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background: #AFB6BC;
}
.ly-footer .sec-main-footer .inner .info .footer-logo {
  display: block;
}
@media (max-width: 767px) {
  .ly-footer .sec-main-footer .inner .info .footer-logo {
    margin: 0 16px;
    width: 72px;
  }
}
@media (min-width: 768px) {
  .ly-footer .sec-main-footer .inner .info .footer-logo {
    width: 90px;
  }
}
.ly-footer .sec-main-footer .inner .info .footer-logo img {
  width: 100%;
}
@media (max-width: 767px) {
  .ly-footer .sec-main-footer .inner .info .area {
    padding: 16px 16px 40px;
  }
}
@media (min-width: 768px) {
  .ly-footer .sec-main-footer .inner .info .area {
    padding-top: 20px;
  }
}
.ly-footer .sec-main-footer .inner .info .area .address, .ly-footer .sec-main-footer .inner .info .area .copy {
  color: #727887;
  font-style: normal;
  line-height: 180%; /* 21.6px */
}
@media (max-width: 767px) {
  .ly-footer .sec-main-footer .inner .info .area .address, .ly-footer .sec-main-footer .inner .info .area .copy {
    font-size: 11px;
    font-weight: 400;
  }
}
@media (min-width: 768px) {
  .ly-footer .sec-main-footer .inner .info .area .address, .ly-footer .sec-main-footer .inner .info .area .copy {
    font-size: 12px;
    font-weight: 600;
  }
}
.ly-footer .sec-main-footer .inner .family-box {
  position: relative;
}
@media (max-width: 767px) {
  .ly-footer .sec-main-footer .inner .family-box {
    padding: 0 16px 20px;
    border-bottom: 1px solid #DFE0E0;
    margin-bottom: 20px;
  }
}
.ly-footer .sec-main-footer .inner .family-box .btn-title {
  position: relative;
  display: block;
  padding: 6px 12px 6px 16px;
  border: 1px solid #D0D1D3;
  color: #595E6B;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
}
@media (max-width: 767px) {
  .ly-footer .sec-main-footer .inner .family-box .btn-title {
    line-height: 25px;
  }
}
@media (min-width: 768px) {
  .ly-footer .sec-main-footer .inner .family-box .btn-title {
    width: 125px;
    line-height: 20px;
  }
}
.ly-footer .sec-main-footer .inner .family-box .btn-title.is-open:after {
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ly-footer .sec-main-footer .inner .family-box .btn-title:after {
  content: "";
  display: block;
  width: 12px;
  height: 6px;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(180deg);
     -moz-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  background: url("../images/common/chevron-down.svg") center/cover no-repeat;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.ly-footer .sec-main-footer .inner .family-box .drop-box {
  display: none;
  position: absolute;
  bottom: -webkit-calc(100% - 1px);
  bottom: -moz-calc(100% - 1px);
  bottom: calc(100% - 1px);
  z-index: 50;
  border: 1px solid #D0D1D3;
  background-color: #fff;
}
@media (max-width: 767px) {
  .ly-footer .sec-main-footer .inner .family-box .drop-box {
    left: 16px;
    width: -webkit-calc(100% - 32px);
    width: -moz-calc(100% - 32px);
    width: calc(100% - 32px);
  }
}
@media (min-width: 768px) {
  .ly-footer .sec-main-footer .inner .family-box .drop-box {
    left: 0px;
    width: 125px;
  }
}
.ly-footer .sec-main-footer .inner .family-box .drop-box a {
  display: block;
  padding: 5px 16px;
  color: #595E6B;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.sub-page {
  position: relative;
  max-width: 1270px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .sub-page {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .sub-page {
    min-width: 1200px;
    padding-right: 11px;
    padding-left: 11px;
  }
}
@media (min-width: 768px) {
  .sub-page {
    padding-top: 120px;
    -webkit-box-align: start;
    -webkit-align-items: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.sub-page .lnb-content-lg {
  position: absolute;
  left: 11px;
  top: 120px;
  width: 150px;
}
.sub-page .lnb-content-lg .lnb-group .lnb-title {
  display: inline-block;
  padding-bottom: 3px;
  border-bottom: 4px solid #3A46CD;
  margin-bottom: 32px;
  color: #3A46CD;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 36.4px */
}
.sub-page .lnb-content-lg .lnb-group .lnb-ul .depth2-item + .depth2-item {
  margin-top: 16px;
}
.sub-page .lnb-content-lg .lnb-group .lnb-ul .depth2-item .depth2-link {
  display: block;
  color: #727887;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.sub-page .lnb-content-lg .lnb-group .lnb-ul .depth2-item .depth2-link:hover, .sub-page .lnb-content-lg .lnb-group .lnb-ul .depth2-item .depth2-link:focus, .sub-page .lnb-content-lg .lnb-group .lnb-ul .depth2-item .depth2-link.is-active {
  color: #3A46CD;
}
.sub-page .lnb-content-lg .lnb-group .lnb-ul .depth2-item .depth3-group {
  display: none;
  padding: 12px 16px;
  margin-top: 10px;
  background: rgba(58, 70, 205, 0.05);
}
.sub-page .lnb-content-lg .lnb-group .lnb-ul .depth2-item .depth3-group .depth3-item .depth3-link {
  color: #727887;
  font-family: "SKT Sans Text";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 220%; /* 28.6px */
}
.sub-page .lnb-content-lg .lnb-group .lnb-ul .depth2-item .depth3-group .depth3-item .depth3-link:hover, .sub-page .lnb-content-lg .lnb-group .lnb-ul .depth2-item .depth3-group .depth3-item .depth3-link:focus {
  color: #3A46CD;
}
.sub-page .lnb-content-lg .lnb-group .lnb-ul .depth2-item.is-active.is-open .depth2-link {
  color: #3A46CD;
}
.sub-page .lnb-content-lg .lnb-group .lnb-ul .depth2-item.is-active .depth2-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #3A46CD;
}
.sub-page .lnb-content-lg .lnb-group .lnb-ul .depth2-item.is-active .depth2-link:before {
  content: "";
  display: block;
  width: 6px;
  height: 3px;
  margin-bottom: 4px;
  background: #3A46CD;
}
.sub-page .lnb-content-lg .lnb-group .lnb-ul .depth2-item.is-active .depth3-group {
  display: block;
}
.sub-page .lnb-content-lg .lnb-group .lnb-ul .depth2-item.is-active .depth3-group .depth3-link.is-active {
  color: #3A46CD;
}
.sub-page .lnb-content-lg .lnb-group .lnb-ul .depth2-item.is-open .depth2-link {
  color: #1A2232;
}
.sub-page .lnb-content-lg .lnb-group .lnb-investorsidemenu {
  width: 150px;
  margin-top: 44px;
  border: 1px solid #ECEDEF;
}
.sub-page .lnb-content-lg .lnb-group .lnb-investorsidemenu .side-menu {
  padding: 16px 10px;
  border-top: 1px solid #D0D1D3;
}
.sub-page .lnb-content-lg .lnb-group .lnb-investorsidemenu .side-menu p {
  padding-bottom: 10px;
  color: #1A2232;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
}
.sub-page .lnb-content-lg .lnb-group .lnb-investorsidemenu .side-menu a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  padding: 5px 8px;
  border: 1px solid var(--gray_200, #DFE0E0);
  color: #4C4C4C;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 19.2px */
  background: #FAFAFA;
}
.sub-page .lnb-content-lg .lnb-group .lnb-investorsidemenu .side-menu a:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: url("../images/invest-re/announce-pdf-icon.svg") center/auto no-repeat;
}
.sub-page .lnb-content-lg .lnb-group .lnb-investorsidemenu .side-menu a + a {
  margin-top: 8px;
}
.sub-page .lnb-content-lg .lnb-group.lnb-safety-health .lnb-ul + .btn-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 130px;
  padding: 7px 14px;
  margin-top: 32px;
  border: 1px solid #A9ACC9;
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
  -webkit-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.sub-page .lnb-content-lg .lnb-group.lnb-safety-health .lnb-ul + .btn-link::after {
  content: "";
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 5px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='9' viewBox='0 0 5 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1L4 4.5L0.5 8' stroke='%23595E6B'/%3E%3C/svg%3E%0A");
  -webkit-background-size: auto auto;
          background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.sub-page .lnb-content-lg .lnb-group.lnb-safety-health .lnb-ul + .btn-link:hover, .sub-page .lnb-content-lg .lnb-group.lnb-safety-health .lnb-ul + .btn-link:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F;
}
.sub-page .lnb-content-lg .lnb-group.lnb-safety-health .lnb-ul + .btn-link:hover::after, .sub-page .lnb-content-lg .lnb-group.lnb-safety-health .lnb-ul + .btn-link:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='9' viewBox='0 0 5 9' fill='none'%3E%3Cpath d='M0.5 1L4 4.5L0.5 8' stroke='%23ffffff'/%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .sub-page .main-content {
    padding-bottom: 100px;
  }
}
@media (min-width: 768px) {
  .sub-page .main-content {
    padding-left: -webkit-calc(100% - 960px);
    padding-left: -moz-calc(100% - 960px);
    padding-left: calc(100% - 960px);
    padding-bottom: 160px;
  }
}
.sub-page .main-content .inner {
  width: 100%;
}
@media (max-width: 767px) {
  .sub-page .main-content .inner {
    padding: 20px 16px 0;
  }
}
@media (max-width: 767px) {
  .sub-page .main-content .content-header {
    top: 72px;
    position: -webkit-sticky;
    position: sticky;
    z-index: 5;
    background: #3A46CD;
  }
}
@media (min-width: 768px) {
  .sub-page .main-content .content-header {
    padding-top: 4px;
    padding-bottom: 40px;
    -webkit-transform: translate(0px, 0) !important;
       -moz-transform: translate(0px, 0) !important;
        -ms-transform: translate(0px, 0) !important;
            transform: translate(0px, 0) !important;
  }
}
@media (max-width: 767px) {
  .sub-page .main-content .content-header .inner {
    padding: 15px 16px;
  }
}
@media (max-width: 767px) {
  .sub-page .main-content .content-header .inner .type-txt {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 160%; /* 27.2px */
  }
}
@media (min-width: 768px) {
  .sub-page .main-content .content-header .inner .type-txt {
    color: #1A2232;
    font-family: "SKT Sans Display";
    font-size: 48px;
    font-weight: 700;
    line-height: 100%; /* 56px */
  }
}
.sub-page .main-content .content-footer {
  padding: 0 16px;
  margin-top: 60px;
}
.sub-page .main-content .content-footer .side-menu {
  border-top: 2px solid #D0D1D3;
  border-bottom: 1px solid #ECEDEF;
  padding: 20px 16px;
}
.sub-page .main-content .content-footer .side-menu .download-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 12px 8px;
}
.sub-page .main-content .content-footer .side-menu p {
  width: 100%;
  color: #1A2232;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
}
.sub-page .main-content .content-footer .side-menu a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  width: -webkit-calc(50% - 4px);
  width: -moz-calc(50% - 4px);
  width: calc(50% - 4px);
  min-width: 140px;
  padding: 12px 5px 12px 12px;
  border: 1px solid #DFE0E0;
  color: #4C4C4C;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 19.2px */
  background: #FAFAFA;
}
.sub-page .main-content .content-footer .side-menu a:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/invest-re/announce-pdf-icon.svg") center/auto no-repeat;
}

.board-search {
  padding-bottom: 16px;
}
.board-search form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media (max-width: 767px) {
  .board-search form {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .board-search form {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.board-search form select {
  width: 82px;
  height: 36px;
  padding: 0 11px;
  color: #595E6B;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  border: 1px solid #D0D1D3;
  background: url("../images/common/input-arr.svg") center right 11px/auto no-repeat;
}
.board-search form .btn-submit {
  width: 47px;
  height: 36px;
  padding: 12px;
  border: none;
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
  background: #3A404E;
}
.board-search form .input-search-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media (max-width: 767px) {
  .board-search form .input-search-wrap {
    width: -webkit-calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: calc(100% - 90px);
  }
}
.board-search form .input-search-wrap input {
  height: 36px;
  padding: 0 11px;
  border: 1px solid #D0D1D3;
  color: #595E6B;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
}
@media (max-width: 767px) {
  .board-search form .input-search-wrap input {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .board-search form .input-search-wrap input {
    width: 175px;
  }
}
.board-search form .input-search-wrap .btn-search-submit {
  width: 47px;
  height: 36px;
  padding: 12px;
  border: none;
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
  background: #3A404E;
}
@media (max-width: 767px) {
  .board-search.not-select .input-search-wrap {
    width: 100%;
  }
}
.board-search.no-input form .custom-select-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media (max-width: 767px) {
  .board-search.no-input form .custom-select-wrap {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .board-search.no-input form .custom-select-wrap select {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .board-search.no-input form .custom-select-wrap select {
    width: 180px;
  }
}

.board-list-wrap ul {
  border-top: 1px solid #9097A1;
}
.board-list-wrap ul li {
  border-bottom: 1px solid #ECEDEF;
}
@media (max-width: 767px) {
  .board-list-wrap ul li a {
    display: block;
    padding: 16px;
  }
}
@media (min-width: 768px) {
  .board-list-wrap ul li a {
    display: grid;
    grid-template-columns: auto 117px;
  }
}
.board-list-wrap ul li a:hover, .board-list-wrap ul li a:focus {
  background: #FAFAFA;
}
@media (max-width: 767px) {
  .board-list-wrap ul li a > div {
    padding-bottom: 8px;
  }
}
@media (min-width: 768px) {
  .board-list-wrap ul li a > div {
    padding: 23px;
  }
}
.board-list-wrap ul li .title {
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  line-height: 160%;
}
@media (max-width: 767px) {
  .board-list-wrap ul li .title {
    font-weight: 600;
  }
}
@media (min-width: 768px) {
  .board-list-wrap ul li .title {
    font-weight: 400;
  }
}
.board-list-wrap ul li .reg-date {
  color: #4C4C4C;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
@media (min-width: 768px) {
  .board-list-wrap ul li .reg-date {
    padding: 23px;
    letter-spacing: 0.44px;
    text-align: center;
  }
}
.board-list-wrap.list-download .invest-download-nor {
  position: relative;
  color: #4C4C4C;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 19.2px */
  background: url("../images/common/download-btn-icon.svg") right 16px center/auto no-repeat;
}
@media (max-width: 767px) {
  .board-list-wrap.list-download .invest-download-nor {
    display: inline-block;
    padding: 8px 22px 8px 39px;
    text-align: left;
    background-position: right center;
  }
}
@media (min-width: 768px) {
  .board-list-wrap.list-download .invest-download-nor {
    display: block;
    padding: 8px 32px 8px 34px;
    text-align: center;
  }
}
.board-list-wrap.list-download .invest-download-nor:hover, .board-list-wrap.list-download .invest-download-nor:focus {
  color: #3A46CD;
  background-image: url("../images/common/download-btn-icon_hover.svg");
}
.board-list-wrap.list-download .invest-download-nor:after {
  content: "";
  display: none;
  position: absolute;
  top: -webkit-calc(50% - 1px);
  top: -moz-calc(50% - 1px);
  top: calc(50% - 1px);
  left: 16px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("../images/invest-re/announce-pdf-icon.svg") center/auto no-repeat;
}
.board-list-wrap.list-download .invest-download-nor.pdf:after {
  display: block;
}
.board-list-wrap.list-download .invest-download-nor.excel:after {
  display: block;
  background-image: url("../images/invest-re/announce-excel-icon.svg");
}
.board-list-wrap.list-download .invest-download-nor.news:after {
  display: block;
  background-image: url("../images/invest-re/announce-document-icon.svg");
}

.paging {
  padding-top: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.paging span.box {
  color: #3A46CD;
}
.paging span.box:hover, .paging span.box:focus {
  color: #3A46CD;
}
.paging span.box.paging-prev, .paging span.box.paging-next {
  opacity: 0.5;
}
.paging .box {
  display: block;
  position: relative;
  width: 28px;
  height: 28px;
  color: #727887;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px;
  overflow: hidden;
}
.paging .box:hover, .paging .box:focus {
  color: #595E6B;
}
.paging .box.paging-prev {
  font-size: 1px;
  color: rgba(0, 0, 0, 0);
  text-indent: -99999px;
  background: url("../images/common/pagination-arrow-icon.svg") center/auto no-repeat;
}
.paging .box.paging-next {
  font-size: 1px;
  color: rgba(0, 0, 0, 0);
  text-indent: -99999px;
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  background: url("../images/common/pagination-arrow-icon.svg") center/auto no-repeat;
}

.board-detail-wrap .board-detail-header {
  border-top: 1px solid #9097A1;
  border-bottom: 1px solid #D0D1D3;
}
@media (max-width: 767px) {
  .board-detail-wrap .board-detail-header {
    padding: 20px 16px;
  }
}
@media (min-width: 768px) {
  .board-detail-wrap .board-detail-header {
    padding: 20px 24px;
  }
}
.board-detail-wrap .board-detail-header .title {
  padding-bottom: 12px;
  color: #1A2232;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 25.6px */
}
.board-detail-wrap .board-detail-header .reg-date {
  color: #4C4C4C;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 17.6px */
}
@media (max-width: 767px) {
  .board-detail-wrap .board-detail-body {
    padding: 40px 24px 60px 24px;
  }
}
@media (min-width: 768px) {
  .board-detail-wrap .board-detail-body {
    padding: 40px 24px 60px 24px;
  }
}
.board-detail-wrap .board-detail-body p {
  color: #4C4C4C;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
.board-detail-wrap .board-detail-body li {
  color: #4C4C4C;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
.board-detail-wrap .board-detail-body strong {
  color: #3A404E;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 25.6px */
}
.board-detail-wrap .board-detail-body img {
  height: auto !important;
}
@media (max-width: 767px) {
  .board-detail-wrap .board-detail-body img {
    width: 100% !important;
  }
}
.board-detail-wrap .board-detail-footer .bd-navi {
  border-top: 1px solid #D0D1D3;
  margin-bottom: 16px;
}
.board-detail-wrap .board-detail-footer .bd-navi li {
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #D0D1D3;
}
@media (max-width: 767px) {
  .board-detail-wrap .board-detail-footer .bd-navi li {
    padding: 12px 0;
    grid-template-columns: 70px 1fr;
    grid-template-rows: auto auto;
  }
}
@media (min-width: 768px) {
  .board-detail-wrap .board-detail-footer .bd-navi li {
    grid-template-columns: 86px auto 117px;
    height: 58px;
  }
}
.board-detail-wrap .board-detail-footer .bd-navi li .strong {
  position: relative;
  color: #1A2232;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 20.8px */
  text-align: center;
}
@media (max-width: 767px) {
  .board-detail-wrap .board-detail-footer .bd-navi li .strong {
    display: block;
    width: 100%;
    height: 100%;
    grid-column: 1;
    grid-row: 1/span 2;
  }
}
.board-detail-wrap .board-detail-footer .bd-navi li .strong:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  background: #D0D1D3;
}
@media (max-width: 767px) {
  .board-detail-wrap .board-detail-footer .bd-navi li .strong:after {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .board-detail-wrap .board-detail-footer .bd-navi li .strong:after {
    height: 14px;
  }
}
@media (max-width: 767px) {
  .board-detail-wrap .board-detail-footer .bd-navi li a {
    display: block;
    grid-column: 2;
    grid-row: 1;
  }
}
@media (min-width: 768px) {
  .board-detail-wrap .board-detail-footer .bd-navi li a {
    display: grid;
    grid-template-columns: auto 80px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 767px) {
  .board-detail-wrap .board-detail-footer .bd-navi li span.title {
    padding-bottom: 0px;
  }
}
.board-detail-wrap .board-detail-footer .bd-navi li .title {
  color: #3A404E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
@media (max-width: 767px) {
  .board-detail-wrap .board-detail-footer .bd-navi li .title {
    padding: 0 16px 8px;
  }
}
@media (min-width: 768px) {
  .board-detail-wrap .board-detail-footer .bd-navi li .title {
    padding: 0 24px;
  }
}
.board-detail-wrap .board-detail-footer .bd-navi li .reg-date {
  color: #4C4C4C;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 17.6px */
  letter-spacing: 0.44px;
}
@media (max-width: 767px) {
  .board-detail-wrap .board-detail-footer .bd-navi li .reg-date {
    padding: 0 16px;
    grid-column: 2;
    grid-row: 2;
  }
}
.board-detail-wrap .board-detail-footer .btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .board-detail-wrap .board-detail-footer .btn-wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .board-detail-wrap .board-detail-footer .btn-wrap {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.board-detail-wrap .board-detail-footer .btn-wrap a {
  padding: 12px 24px;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 22.4px */
  background: #1A2232;
}

@media (max-width: 767px) {
  .tab-wrap .tab-header {
    padding-bottom: 12px;
  }
}
.tab-wrap .tab-header .custom-select-wrap select {
  width: 100%;
  padding: 7px 12px;
  border: 1px solid #595E6B;
  color: #1A2232;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 27px */
  background: url("../images/common/tab-select-icon.svg") right 12px center/auto no-repeat;
}
@media (min-width: 768px) {
  .tab-wrap .tab-header .custom-select-wrap select {
    display: none;
  }
}
.tab-wrap .tab-header ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0px;
}
@media (max-width: 767px) {
  .tab-wrap .tab-header ul {
    display: none;
  }
}
.tab-wrap .tab-header ul.item-02 > li {
  width: 40%;
}
.tab-wrap .tab-header ul.item-02 > li.active {
  width: 60%;
}
.tab-wrap .tab-header ul.item-03 > li {
  width: 29.16665%;
}
.tab-wrap .tab-header ul.item-03 > li.active {
  width: 41.6667%;
}
.tab-wrap .tab-header ul.item-04 > li {
  width: 22.222222%;
}
.tab-wrap .tab-header ul.item-04 > li.active {
  width: 33.333333%;
}
.tab-wrap .tab-header ul.item-05 > li {
  width: 29.16665%;
}
.tab-wrap .tab-header ul.item-05 > li.active {
  width: 41.6667%;
}
.tab-wrap .tab-header ul li {
  width: 22.222222%;
}
.tab-wrap .tab-header ul li + li a {
  border-left: 0;
}
.tab-wrap .tab-header ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px 8px 0px 0px;
  border: 1px solid rgba(58, 70, 205, 0.3);
  background: var(--color-white, #FFF);
  text-align: center;
  color: var(--Color, #4A508F);
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 15px */
}
.tab-wrap .tab-header ul li.active {
  width: 33.333333%;
}
.tab-wrap .tab-header ul li.active a {
  padding: 18px 0;
  color: var(--color-white, #FFF);
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  background: var(--Color, #4A508F);
}

.accordion-wrap {
  border-bottom: 1px solid #D0D1D3;
}
.accordion-wrap li {
  border-top: 1px solid #D0D1D3;
}
.accordion-wrap li:first-child {
  border-top: 1px solid #fff;
}
.accordion-wrap li.expanded {
  border-top: 1px solid #3A46CD;
}
.accordion-wrap li.expanded .accordion-header a {
  background: rgba(58, 70, 205, 0.05);
}
.accordion-wrap li.expanded .accordion-header a p {
  color: #3A46CD;
}
.accordion-wrap li.expanded .accordion-header a:before {
  color: #3A46CD;
}
.accordion-wrap li.expanded .accordion-header a:after {
  -webkit-transform: translateY(-50%) rotate(0);
     -moz-transform: translateY(-50%) rotate(0);
      -ms-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M17 10.5L3 10.5' stroke='%233A46CD' stroke-width='2'/%3E%3C/svg%3E");
}
.accordion-wrap li .accordion-header a {
  position: relative;
  display: block;
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
  overflow: hidden;
}
@media (max-width: 767px) {
  .accordion-wrap li .accordion-header a {
    padding: 16px 45px 16px 40px;
  }
}
@media (min-width: 768px) {
  .accordion-wrap li .accordion-header a {
    display: grid;
    grid-template-columns: 162px -webkit-calc(100% - 205px);
    grid-template-columns: 162px -moz-calc(100% - 205px);
    grid-template-columns: 162px calc(100% - 205px);
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 70px;
  }
}
@media (min-width: 768px) {
  .accordion-wrap li .accordion-header a .cate {
    padding-left: 86px;
  }
}
@media (max-width: 767px) {
  .accordion-wrap li .accordion-header a p {
    padding-top: 8px;
  }
}
@media (min-width: 768px) {
  .accordion-wrap li .accordion-header a p {
    padding-left: 25px;
    text-align: left;
  }
}
.accordion-wrap li .accordion-header a:before {
  content: "Q";
  position: absolute;
  display: block;
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
}
@media (max-width: 767px) {
  .accordion-wrap li .accordion-header a:before {
    left: 16px;
    top: 16px;
  }
}
@media (min-width: 768px) {
  .accordion-wrap li .accordion-header a:before {
    left: 24px;
    top: 25px;
  }
}
.accordion-wrap li .accordion-header a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(180deg);
     -moz-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  width: 20px;
  height: 20px;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M11 9.5H17V11.5H11V17.5H9V11.5H3V9.5H9V3.5H11V9.5Z' fill='%23AFB6BC'/%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .accordion-wrap li .accordion-header a:after {
    right: 12px;
  }
}
@media (min-width: 768px) {
  .accordion-wrap li .accordion-header a:after {
    right: 24px;
  }
}
.accordion-wrap li .accordion-body {
  display: none;
  position: relative;
  border-top: 1px solid #ECEDEF;
}
@media (max-width: 767px) {
  .accordion-wrap li .accordion-body {
    padding: 15px 0px 32px 39px;
  }
}
@media (min-width: 768px) {
  .accordion-wrap li .accordion-body {
    padding: 24px 0px 32px 189px;
  }
}
.accordion-wrap li .accordion-body:before {
  content: "A";
  display: block;
  position: absolute;
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
  text-align: center;
}
@media (max-width: 767px) {
  .accordion-wrap li .accordion-body:before {
    left: 16px;
    top: 16px;
  }
}
@media (min-width: 768px) {
  .accordion-wrap li .accordion-body:before {
    left: 24px;
    top: 25px;
  }
}
.accordion-wrap li .accordion-body .desc-nor {
  color: #4C4C4C;
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  line-height: 160%; /* 22.4px */
}
.accordion-wrap li .accordion-body .link-ir-faq {
  display: inline-block;
  padding: 8px 38px 8px 16px;
  border: 1px solid #727887;
  margin-right: 8px;
  color: #4C4C4C;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
  background: url("../images/common/outlink-btn-icon.svg") right 16px center/auto no-repeat;
  -webkit-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
@media (max-width: 767px) {
  .accordion-wrap li .accordion-body .link-ir-faq + .link-ir-faq {
    margin-top: 8px;
  }
}
.accordion-wrap li .accordion-body .link-ir-faq:hover, .accordion-wrap li .accordion-body .link-ir-faq:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F url("data:image/svg+xml,%3Csvg width='14' height='17' viewBox='0 0 14 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8.03639L12.4857 8.02449M12.4857 8.02449L8.00467 12.5M12.4857 8.02449L8.01083 3.54961' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E%0A") right 16px center/auto no-repeat;
}
.accordion-wrap li .accordion-body .link-ir-faq[title="파일 다운로드"] {
  background-image: url("../images/common/download-btn-icon.svg");
}
.accordion-wrap li .accordion-body .link-ir-faq[title="파일 다운로드"]:hover, .accordion-wrap li .accordion-body .link-ir-faq[title="파일 다운로드"]:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1.5V8.5M7 8.5L3 6M7 8.5L11 6M1.5 10V12.5H12.5V10' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E%0A") right 16px center/auto no-repeat;
}

.popup-wrap {
  display: none;
}
.popup-wrap.open-popup {
  pointer-events: none;
  position: absolute;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.popup-wrap .popups {
  max-width: 1380px;
  height: 100vh;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 40px;
}
@media (max-width: 767px) {
  .popup-wrap .popups {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 40px;
  }
}
@media (min-width: 768px) {
  .popup-wrap .popups {
    padding: 0 20px;
  }
}
.popup-wrap .popups .popup {
  pointer-events: auto;
}
.popup-wrap .popups .popup .popup-inner {
  position: relative;
}
.popup-wrap .popups .popup .popup-inner:after {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  top: -10px;
  width: -webkit-calc(100% + 20px);
  width: -moz-calc(100% + 20px);
  width: calc(100% + 20px);
  height: -webkit-calc(100% + 15px);
  height: -moz-calc(100% + 15px);
  height: calc(100% + 15px);
  border-radius: 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(#B47FFF), to(#1835C7));
  background: -webkit-linear-gradient(#B47FFF, #1835C7);
  background: -moz-linear-gradient(#B47FFF, #1835C7);
  background: linear-gradient(#B47FFF, #1835C7);
}
.popup-wrap .popups .popup .popup-inner.content-img .popup-content {
  max-width: 310px;
}
.popup-wrap .popups .popup .popup-inner.content-img .popup-content a {
  display: block;
}
.popup-wrap .popups .popup .popup-inner.content-img .popup-content a img {
  width: 100%;
}
.popup-wrap .popups .popup .popup-inner .popup-content {
  position: relative;
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.7);
          box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.7);
  border-radius: 12px;
  overflow: hidden;
  background-color: #fff;
}
.popup-wrap .popups .popup .popup-inner .popup-content a {
  display: block;
}
.popup-wrap .popups .popup .popup-inner .popup-content img {
  float: none !important;
}
.popup-wrap .popups .popup .popup-inner .popup-content > * {
  position: relative;
  z-index: 5;
}
.popup-wrap .popups .popup .popup-inner .popup-utils {
  position: relative;
  z-index: 5;
}
.popup-wrap .popups .popup .popup-inner .popup-utils .cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.popup-wrap .popups .popup .popup-inner .popup-utils .cell .component-group .cbox {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.popup-wrap .popups .popup .popup-inner .popup-utils .cell .component-group label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 12px 12px;
  color: #DFE0E0;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.44px;
  cursor: pointer;
}
.popup-wrap .popups .popup .popup-inner .popup-utils .cell .component-group label:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #DFE0E0;
}
.popup-wrap .popups .popup .popup-inner .popup-utils .cell .btn-popup-close {
  padding: 12px 12px;
  border: none;
  color: #DFE0E0;
  font-family: "SKT Sans Text";
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.52px;
}

.ly-main {
  position: relative;
}
.ly-main .sec-hero {
  position: relative;
  margin-top: -72px;
  padding-top: 72px;
  overflow: hidden;
  background-color: #f6fafd;
}
@media (min-width: 768px) {
  .ly-main .sec-hero {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 0;
    margin-top: -75px;
    padding-top: 75px;
    height: 100vh;
  }
}
.ly-main .sec-hero .hero-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 105%;
  height: 110%;
  background: url("../images/main-re/hero-bg.jpg") center/cover no-repeat;
}
@media (max-width: 767px) {
  .ly-main .sec-hero .hero-bg {
    width: 150%;
    height: 110%;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-hero .hero-bg {
    width: 105%;
    height: 110%;
  }
}
.ly-main .sec-hero .inner {
  position: relative;
}
@media (min-width: 768px) {
  .ly-main .sec-hero .inner {
    height: 100%;
    padding-bottom: 30px;
  }
}
.ly-main .sec-hero .inner .hero-text-content {
  z-index: 5;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
@media (max-width: 767px) {
  .ly-main .sec-hero .inner .hero-text-content {
    height: 7px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-hero .inner .hero-text-content {
    height: 10vh;
  }
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap {
  position: relative;
  height: -webkit-calc(100vh - 130px);
  height: -moz-calc(100vh - 130px);
  height: calc(100vh - 130px);
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-text {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  font-family: "SKT Sans Display";
  text-align: center;
  font-style: normal;
  font-weight: 800;
  line-height: 130%; /* 100% */
  letter-spacing: -1.2px;
  color: #000;
  opacity: 0;
}
@media (max-width: 767px) {
  .ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-text {
    font-size: 14vw;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-text {
    font-size: 120px;
  }
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-text .remove {
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-text .after-intro-text {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  font-family: "SKT Sans Display";
  font-size: 120px;
  font-style: normal;
  font-weight: 800;
  line-height: 140px; /* 100% */
  color: #00568f;
  text-align: center;
  letter-spacing: -1.2px;
  background: #00568f url("../images/main-re/text-star-bg.jpg") left top/100% repeat-y;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-text.active .remove {
  opacity: 0;
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-text.active .after-intro-text {
  opacity: 1;
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-text .ai-black {
  display: inline-block;
  position: relative;
  color: #000;
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-text .ai-black .ai {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  font-family: "SKT Sans Display";
  background: -webkit-linear-gradient(71deg, #fff 10.13%, #fff 53.96%, #fff 95.34%);
  background: -moz-linear-gradient(71deg, #fff 10.13%, #fff 53.96%, #fff 95.34%);
  background: linear-gradient(19deg, #fff 10.13%, #fff 53.96%, #fff 95.34%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 120px;
  font-style: normal;
  font-weight: 800;
  line-height: 140px; /* 100% */
  letter-spacing: -1.2px;
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 205px;
  height: 182px;
  border-radius: 16px;
  overflow: hidden;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img .img-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 205px;
  height: 182px;
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-newsroom {
  -webkit-transform: translate(-50%, -50%) rotate(5deg);
     -moz-transform: translate(-50%, -50%) rotate(5deg);
      -ms-transform: translate(-50%, -50%) rotate(5deg);
          transform: translate(-50%, -50%) rotate(5deg);
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-newsroom .img-box {
  background: url("../images/main-re/news-intro.jpg") center/cover no-repeat;
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-webzine {
  -webkit-transform: translate(-50%, -50%) rotate(5deg);
     -moz-transform: translate(-50%, -50%) rotate(5deg);
      -ms-transform: translate(-50%, -50%) rotate(5deg);
          transform: translate(-50%, -50%) rotate(5deg);
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-webzine .img-box {
  background-image: url("../images/main-re/webzine.jpg");
  background-position: right bottom;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-insta {
  -webkit-transform: translate(-50%, -50%) rotate(-5deg);
     -moz-transform: translate(-50%, -50%) rotate(-5deg);
      -ms-transform: translate(-50%, -50%) rotate(-5deg);
          transform: translate(-50%, -50%) rotate(-5deg);
}
@media (max-width: 767px) {
  .ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-insta .img-box {
    background: url("../images/main-re/insta.jpg") left top/cover no-repeat;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-insta .img-box {
    background: url("../images/main-re/insta_sm.jpg") center/cover no-repeat;
  }
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-youtube {
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-youtube .img-box {
  background: url("../images/main-re/youtube.jpg") center/cover no-repeat;
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-ir {
  -webkit-transform: translate(-50%, -50%) rotate(5deg);
     -moz-transform: translate(-50%, -50%) rotate(5deg);
      -ms-transform: translate(-50%, -50%) rotate(5deg);
          transform: translate(-50%, -50%) rotate(5deg);
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-ir .img-box {
  background: url("../images/main-re/invest.jpg") left top/cover no-repeat;
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-esg {
  -webkit-transform: translate(-50%, -50%) rotate(7deg);
     -moz-transform: translate(-50%, -50%) rotate(7deg);
      -ms-transform: translate(-50%, -50%) rotate(7deg);
          transform: translate(-50%, -50%) rotate(7deg);
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-esg .img-box {
  background: url("../images/main-re/esg.jpg") center/cover no-repeat;
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-safety {
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-safety .img-box {
  background: url("../images/main-re/safety.jpg") right bottom/260px no-repeat;
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-recruit .img-box {
  background: url("../images/main-re/recruit_move.jpg") left 0 center/377px no-repeat;
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-tworld {
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-tworld .img-box {
  background: -webkit-linear-gradient(312deg, #3A2CFF -9.03%, #91119A 147.89%);
  background: -moz-linear-gradient(312deg, #3A2CFF -9.03%, #91119A 147.89%);
  background: linear-gradient(138deg, #3A2CFF -9.03%, #91119A 147.89%);
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-vision {
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ly-main .sec-hero .inner .hero-text-content .intro-text-wrap .intro-img.intro-vision .img-box {
  background: url("../images/main-re/vision.jpg") center/cover no-repeat;
}
.ly-main .sec-hero .inner .hero-content-mb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding-top: 17px;
  padding-bottom: 25px;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line {
  display: grid;
  grid-template-columns: -webkit-calc(50% - 8px) -webkit-calc(50% - 8px);
  grid-template-columns: -moz-calc(50% - 8px) -moz-calc(50% - 8px);
  grid-template-columns: calc(50% - 8px) calc(50% - 8px);
  gap: 10px 16px;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line.wide {
  grid-template-columns: 1fr;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line.wide .item {
  height: 140px;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item {
  position: relative;
  width: 100%;
  height: 188px;
  cursor: pointer;
  display: block;
  text-decoration: none;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.link-icon .box:after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  bottom: 20px;
  z-index: 50;
  width: 44px;
  height: 44px;
  background: url("../images/common/sns-link-icon.png") center/44px no-repeat;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: translate(-10px, 10px);
     -moz-transform: translate(-10px, 10px);
      -ms-transform: translate(-10px, 10px);
          transform: translate(-10px, 10px);
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item .box {
  position: relative;
  z-index: 20;
  width: 100%;
  height: 100%;
  padding: 18px 14px;
  border-radius: 16px;
  opacity: 0;
  overflow: hidden;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item .box .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item .box p {
  position: relative;
  z-index: 20;
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item .box p.title {
  padding-bottom: 4px;
  font-size: 16px;
  font-family: "SKT Sans Display";
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 26px */
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item .box p.desc {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
  letter-spacing: -0.12px;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item .box p.link {
  --link-color: #fff;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding-right: 14px;
  margin-top: 12px;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 20.8px */
  letter-spacing: -0.11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'%3E%3Cpath d='M1 1.5L5 5.5L1 9.5' stroke='%23fff%0A' stroke-width='2'/%3E%3C/svg%3E");
  background-position: right top 3px;
  background-repeat: no-repeat;
  -webkit-background-size: auto auto;
          background-size: auto;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item .box p.link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 2px;
  background-color: var(--link-color);
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item .box .text01-wrap {
  position: absolute;
  left: 27px;
  top: 22px;
  z-index: 1;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item .box .text02-wrap {
  position: absolute;
  left: 26px;
  top: 22px;
  z-index: 1;
  display: none;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-end .img-box {
  display: none !important;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-end .box:after {
  opacity: 1;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-end .box .text01-wrap {
  opacity: 1;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-end .box p {
  opacity: 1;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-newsroom-end .box .bg, .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-newsroom-end .img-box {
  background: url("../images/main-re/news-intro.jpg") center/cover no-repeat;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-webzine-end .box, .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-webzine-end .img-box {
  border: 1px solid #d6d6d6;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-webzine-end .box .bg {
  -webkit-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-webzine-end .box .bg, .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-webzine-end .img-box {
  background-image: url("../images/main-re/webzine_sm.jpg");
  background-position: right bottom;
  -webkit-background-size: 480px 480px;
          background-size: 480px;
  background-repeat: no-repeat;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-webzine-end .box .desc {
  width: 70%;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-insta-end .box .bg, .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-insta-end .img-box {
  background: url("../images/main-re/insta_sm.jpg") center/cover no-repeat;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-youtube-end .box {
  padding: 0;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-youtube-end .box .text-wrap {
  position: absolute;
  top: 18px;
  left: 14px;
  width: -webkit-calc(100% - 28px);
  width: -moz-calc(100% - 28px);
  width: calc(100% - 28px);
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-youtube-end .img-box {
  background: url("../images/main-re/youtube-bg.jpg") center top/cover no-repeat;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-youtube-end .box .you-img-swiper {
  width: 100%;
  height: 100%;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-youtube-end .box .you-img-swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-youtube-end .box .you-img-swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  z-index: 5;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-youtube-end .box .you-img-swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-youtube-end .box .you-img-swiper .swiper-wrapper .swiper-slide .pone {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 156px;
  height: auto;
  -webkit-transform: translate(-50%, 100%);
     -moz-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  opacity: 1;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-youtube-end .box .you-img-swiper .swiper-wrapper .swiper-slide .pone.done-intro {
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-animation: poneMotionMobile 3s linear infinite;
     -moz-animation: poneMotionMobile 3s linear infinite;
          animation: poneMotionMobile 3s linear infinite;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-youtube-end .box .you-img-swiper .swiper-wrapper .swiper-slide .youtube-video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@-webkit-keyframes poneMotionMobile {
  0% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  50% {
    -webkit-transform: translate(-50%, 5%);
            transform: translate(-50%, 5%);
  }
  100% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@-moz-keyframes poneMotionMobile {
  0% {
    -moz-transform: translate(-50%, 0);
         transform: translate(-50%, 0);
  }
  50% {
    -moz-transform: translate(-50%, 5%);
         transform: translate(-50%, 5%);
  }
  100% {
    -moz-transform: translate(-50%, 0);
         transform: translate(-50%, 0);
  }
}
@keyframes poneMotionMobile {
  0% {
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  50% {
    -webkit-transform: translate(-50%, 5%);
       -moz-transform: translate(-50%, 5%);
            transform: translate(-50%, 5%);
  }
  100% {
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end {
  position: relative;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end .img-box {
  background: #e4e4e4 url("../images/main-re/invest_sm.jpg") right bottom/480px no-repeat;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end .box {
  overflow: hidden;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end .box p {
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end .box p svg {
  -webkit-transition: stroke 0.3s ease-out;
  -moz-transition: stroke 0.3s ease-out;
  transition: stroke 0.3s ease-out;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end .box p:after {
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end .box .ir-img-swiper {
  position: absolute;
  top: 50%;
  /* left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 100%; */
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
     -moz-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
  width: 140px;
  height: -webkit-calc(100vw - 32px);
  height: -moz-calc(100vw - 32px);
  height: calc(100vw - 32px);
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end .box .ir-img-swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end .box .ir-img-swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  z-index: 5;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end .box .ir-img-swiper .swiper-wrapper .swiper-slide .text-wrap {
  position: absolute;
  left: -6px;
  bottom: 35px;
  width: 180px;
  height: 140px;
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end .box .ir-img-swiper .swiper-wrapper .swiper-slide a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-background-size: auto auto;
          background-size: auto;
  background-position: right bottom;
}
@media (max-width: 767px) {
  .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end .box .ir-img-swiper .swiper-wrapper .swiper-slide a {
    padding: 18px 15px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end .box .ir-img-swiper .swiper-wrapper .swiper-slide a {
    padding: 22px 27px;
  }
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end .box .ir-img-swiper .swiper-wrapper .swiper-slide a.relations-link {
  background: -webkit-linear-gradient(123deg, #F1F1F1 -5.11%, #CECECE 111.21%);
  background: -moz-linear-gradient(123deg, #F1F1F1 -5.11%, #CECECE 111.21%);
  background: linear-gradient(327deg, #F1F1F1 -5.11%, #CECECE 111.21%);
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end .box .ir-img-swiper .swiper-wrapper .swiper-slide a.relations-link:after {
  content: "";
  position: absolute;
  top: 16px;
  right: -16px;
  width: 129px;
  height: 96px;
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='129' height='96' viewBox='0 0 129 96' fill='none'%3E%3Cg filter='url(%23filter0_f_2354_33641)'%3E%3Cpath d='M136 54L32 98.9094L136 103V54Z' fill='black' fill-opacity='0.2'/%3E%3C/g%3E%3Crect y='40' width='32' height='63' fill='url(%23paint0_linear_2354_33641)'/%3E%3Crect x='32' y='21' width='31' height='82' fill='url(%23paint1_linear_2354_33641)'/%3E%3Cpath d='M63 0H95V103H63V0Z' fill='url(%23paint2_linear_2354_33641)'/%3E%3Cdefs%3E%3Cfilter id='filter0_f_2354_33641' x='2' y='24' width='164' height='109' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='15' result='effect1_foregroundBlur_2354_33641'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_2354_33641' x1='16' y1='40' x2='16' y2='103' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F98253'/%3E%3Cstop offset='1' stop-color='%23ED571B'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2354_33641' x1='47.5' y1='21' x2='47.5' y2='103' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A33636'/%3E%3Cstop offset='1' stop-color='%23930F0F'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2354_33641' x1='79' y1='103' x2='79' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23322525'/%3E%3Cstop offset='1' stop-color='%23604543'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  -webkit-background-size: cover;
          background-size: cover;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end .box .ir-img-swiper .swiper-wrapper .swiper-slide a.announce-link {
  background: -webkit-linear-gradient(123deg, #F45C1A -5.11%, #BF1D07 111.21%);
  background: -moz-linear-gradient(123deg, #F45C1A -5.11%, #BF1D07 111.21%);
  background: linear-gradient(327deg, #F45C1A -5.11%, #BF1D07 111.21%);
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-ir-end .box .ir-img-swiper .swiper-wrapper .swiper-slide a.announce-link:after {
  content: "";
  position: absolute;
  top: 30px;
  right: 3px;
  width: 95px;
  height: 110px;
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='151' height='161' viewBox='0 0 151 161' fill='none'%3E%3Cg filter='url(%23filter0_f_2354_33577)'%3E%3Cpath d='M121 104H29.9995V139H121V104Z' fill='black' fill-opacity='0.2'/%3E%3C/g%3E%3Cpath d='M74.9155 69.4424L125.231 102.561C114.458 118.894 95.9459 129.674 74.9155 129.674C41.6508 129.674 14.6842 102.707 14.6841 69.4424C14.6841 36.1775 41.6507 9.21094 74.9155 9.21094V69.4424Z' fill='url(%23paint0_linear_2354_33577)'/%3E%3Cpath d='M83.2554 0C101.552 7.82427e-05 117.942 8.15811 128.989 21.0352L81.8657 58.3828V0.015625C82.3276 0.00517067 82.791 0 83.2554 0Z' fill='url(%23paint1_linear_2354_33577)'/%3E%3Cpath d='M127.182 33.709C133.389 43.181 137 54.5074 137 66.6777C137 77.0997 134.352 86.9033 129.694 95.4531L84.1812 66.7227L127.182 33.709Z' fill='url(%23paint2_linear_2354_33577)'/%3E%3Cdefs%3E%3Cfilter id='filter0_f_2354_33577' x='-0.000488281' y='74' width='151' height='95' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='15' result='effect1_foregroundBlur_2354_33577'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_2354_33577' x1='57.3094' y1='76.9161' x2='109.302' y2='125.675' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23DFDDDC'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2354_33577' x1='89.1154' y1='-6.73648' x2='142.093' y2='60.1252' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFFBA8'/%3E%3Cstop offset='1' stop-color='%23EBE449'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2354_33577' x1='92.3072' y1='26.5847' x2='147.508' y2='100.422' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A0FF83'/%3E%3Cstop offset='1' stop-color='%2397C01E'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  -webkit-background-size: cover;
          background-size: cover;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-esg-end .box, .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-esg-end .img-box {
  background: url("../images/main-re/esg_sm.jpg") right bottom/480px no-repeat;
}
@media (max-width: 465px) {
  .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-esg-end .box, .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-esg-end .img-box {
    background-position: right -20px bottom;
  }
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-safety-end .box, .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-safety-end .img-box {
  background: url("../images/main-re/safety_sm.jpg") right bottom/480px no-repeat;
}
@media (max-width: 465px) {
  .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-safety-end .box, .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-safety-end .img-box {
    background-position: right -20px bottom;
  }
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-safety-end .box p {
  color: #000;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-recruit-end .box, .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-recruit-end .img-box {
  background: url("/images/main-re/recruit_move.jpg") left -50px center/418px no-repeat;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-tworld-end .box, .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-tworld-end .img-box {
  background: -webkit-linear-gradient(312deg, #3A2CFF -9.03%, #91119A 147.89%);
  background: -moz-linear-gradient(312deg, #3A2CFF -9.03%, #91119A 147.89%);
  background: linear-gradient(138deg, #3A2CFF -9.03%, #91119A 147.89%);
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-tworld-end .box .title, .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-tworld-end .img-box .title {
  padding-bottom: 6px;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-vision-end .img-box {
  background: #181ba8 url("../images/main-re/vision_sm.jpg") right bottom/480px no-repeat;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-vision-end .box {
  background: #181ba8 url("../images/main-re/vision_sm.jpg") right bottom/480px no-repeat;
  position: relative;
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-vision-end .box .hover {
  position: absolute;
  color: var(--white, #FFF);
  font-style: normal;
  font-weight: 800;
  line-height: 160%; /* 27.2px */
  -webkit-transform: translateX(10px);
     -moz-transform: translateX(10px);
      -ms-transform: translateX(10px);
          transform: translateX(10px);
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
@media (max-width: 767px) {
  .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-vision-end .box .hover {
    font-size: 10px;
    letter-spacing: -0.1px;
  }
}
@media (max-width: 767px) {
  .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-vision-end .box .hover.hover01 {
    right: 92px;
    bottom: -webkit-calc(50% + 17px);
    bottom: -moz-calc(50% + 17px);
    bottom: calc(50% + 17px);
  }
}
@media (max-width: 767px) {
  .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-vision-end .box .hover.hover02 {
    right: 113px;
    bottom: -webkit-calc(50% - 14px);
    bottom: -moz-calc(50% - 14px);
    bottom: calc(50% - 14px);
  }
}
@media (max-width: 767px) {
  .ly-main .sec-hero .inner .hero-content-mb .hero-line .item.intro-vision-end .box .hover.hover03 {
    right: 137px;
    bottom: -webkit-calc(50% - 49px);
    bottom: -moz-calc(50% - 49px);
    bottom: calc(50% - 49px);
  }
}
.ly-main .sec-hero .inner .hero-content-mb .hero-line .item .img-box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.ly-main .sec-hero .inner .hero-content-lg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  width: 100%;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item {
  position: relative;
  width: 100%;
  height: 260px;
  cursor: pointer;
  display: block;
  text-decoration: none;
  /* @keyframes testHeight {
    0% {
      min-height: 120px;
    }
    50% {
      min-height: 140px;
    }
    100% {
      min-height: 120px;
    }
  } */
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item .img-box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.short-tworld {
  height: 88px;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.short-last {
  height: 120px;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.short {
  height: 170px;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.w-shot {
  height: 35vh;
  min-height: 200px;
  max-height: 270px;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.main {
  height: 70vh;
  min-height: 380px;
  max-height: 520px;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.link-icon .box:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 50;
  width: 44px;
  height: 44px;
  background: url("../images/common/sns-link-icon.png") center/44px no-repeat;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: translate(-10px, 10px);
     -moz-transform: translate(-10px, 10px);
      -ms-transform: translate(-10px, 10px);
          transform: translate(-10px, 10px);
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.link-icon:hover .box:after, .ly-main .sec-hero .inner .hero-content-lg .hero-line .item.link-icon:focus .box:after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.img-hover .box .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  -moz-transition: transform 0.5s ease-out, -moz-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out, -moz-transform 0.5s ease-out;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.img-hover:hover .box .bg, .ly-main .sec-hero .inner .hero-content-lg .hero-line .item.img-hover:focus .box .bg {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item .box {
  display: none;
  position: relative;
  z-index: 20;
  width: 100%;
  height: 100%;
  padding: 22px 26px;
  border-radius: 16px;
  overflow: hidden;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item .box .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item .box p {
  position: relative;
  z-index: 20;
  color: #fff;
  opacity: 0;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item .box p.title {
  padding-bottom: 8px;
  font-family: "SKT Sans Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 26px */
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item .box p.desc {
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
  letter-spacing: -0.13px;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item .box p.link {
  max-width: 75%;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
  --link-color: #fff;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding-right: 12px;
  margin-top: 19px;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 240%;
  letter-spacing: -0.13px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'%3E%3Cpath d='M1 1.5L5 5.5L1 9.5' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
  background-position: right top 8px;
  -webkit-background-size: auto auto;
          background-size: auto;
  background-repeat: no-repeat;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item .box p.link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--link-color);
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item .box .text01-wrap {
  position: absolute;
  left: 27px;
  top: 22px;
  z-index: 1;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item .box .text02-wrap {
  position: absolute;
  left: 26px;
  top: 22px;
  z-index: 1;
  display: none;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-end .img-box {
  display: none !important;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-end .box {
  opacity: 1;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-end .box .text01-wrap {
  opacity: 1;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-end .box p {
  opacity: 1;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-newsroom-end {
  height: 215px;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-newsroom-end .box .link, .ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-newsroom-end .img-box .link {
  display: none;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-newsroom-end .box .bg, .ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-newsroom-end .img-box {
  background: url("../images/main-re/news-intro.jpg") center/cover no-repeat;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-webzine-end {
  height: 153px;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-webzine-end .box, .ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-webzine-end .img-box {
  border: 1px solid #d6d6d6;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-webzine-end .box .link, .ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-webzine-end .img-box .link {
  display: none;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-webzine-end .box .bg, .ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-webzine-end .img-box {
  -webkit-transform-origin: right bottom;
     -moz-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
  background-position: right bottom;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/main-re/webzine.jpg");
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-insta-end .box .link, .ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-insta-end .img-box .link {
  display: none;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-insta-end .box .bg, .ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-insta-end .img-box {
  background-image: url("../images/main-re/insta.jpg");
  background-position: left 0 top 0;
  -webkit-background-size: 260px 260px;
          background-size: 260px;
  background-repeat: no-repeat;
  -webkit-transition: background-position 2s ease-in-out, -webkit-background-size 2s ease-in-out;
  transition: background-position 2s ease-in-out, -webkit-background-size 2s ease-in-out;
  -moz-transition: background-size 2s ease-in-out, background-position 2s ease-in-out;
  transition: background-size 2s ease-in-out, background-position 2s ease-in-out;
  transition: background-size 2s ease-in-out, background-position 2s ease-in-out, -webkit-background-size 2s ease-in-out;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-insta-end.intro-end:hover .box .bg {
  background-position: left 0 top -100px;
  -webkit-background-size: 300px 300px;
          background-size: 300px;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-youtube-end .img-box {
  background: url("../images/main-re/youtube-bg.jpg") center top/cover no-repeat;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-youtube-end .box {
  overflow: hidden;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-youtube-end .box .you-img-swiper {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
     -moz-transform: translate(-50%, -50%) rotate(-90deg);
      -ms-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
  width: 270px;
  height: 260px;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-youtube-end .box .you-img-swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-youtube-end .box .you-img-swiper .swiper-wrapper .swiper-slide {
  overflow: hidden;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-youtube-end .box .you-img-swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-youtube-end .box .you-img-swiper .swiper-wrapper .swiper-slide .pone {
  position: absolute;
  bottom: 50%;
  left: 0;
  width: 186px;
  height: auto;
  -webkit-transform: translate(-100%, 50%);
     -moz-transform: translate(-100%, 50%);
      -ms-transform: translate(-100%, 50%);
          transform: translate(-100%, 50%);
  opacity: 1;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-youtube-end .box .you-img-swiper .swiper-wrapper .swiper-slide .pone.done-intro {
  -webkit-animation: poneMotionDesktop 3s linear infinite;
     -moz-animation: poneMotionDesktop 3s linear infinite;
          animation: poneMotionDesktop 3s linear infinite;
  -webkit-transform: translate(0, 50%);
     -moz-transform: translate(0, 50%);
      -ms-transform: translate(0, 50%);
          transform: translate(0, 50%);
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-youtube-end .box .you-img-swiper .swiper-wrapper .swiper-slide .youtube-video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@-webkit-keyframes poneMotionDesktop {
  0% {
    -webkit-transform: translate(0, 50%);
            transform: translate(0, 50%);
  }
  50% {
    -webkit-transform: translate(-5%, 50%);
            transform: translate(-5%, 50%);
  }
  100% {
    -webkit-transform: translate(0, 50%);
            transform: translate(0, 50%);
  }
}
@-moz-keyframes poneMotionDesktop {
  0% {
    -moz-transform: translate(0, 50%);
         transform: translate(0, 50%);
  }
  50% {
    -moz-transform: translate(-5%, 50%);
         transform: translate(-5%, 50%);
  }
  100% {
    -moz-transform: translate(0, 50%);
         transform: translate(0, 50%);
  }
}
@keyframes poneMotionDesktop {
  0% {
    -webkit-transform: translate(0, 50%);
       -moz-transform: translate(0, 50%);
            transform: translate(0, 50%);
  }
  50% {
    -webkit-transform: translate(-5%, 50%);
       -moz-transform: translate(-5%, 50%);
            transform: translate(-5%, 50%);
  }
  100% {
    -webkit-transform: translate(0, 50%);
       -moz-transform: translate(0, 50%);
            transform: translate(0, 50%);
  }
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-ir-end {
  position: relative;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-ir-end .img-box {
  background: url("../images/main-re/invest.jpg") right bottom/cover no-repeat;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-ir-end .box {
  overflow: hidden;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-ir-end .box p {
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-ir-end .box p svg {
  -webkit-transition: stroke 0.3s ease-out;
  -moz-transition: stroke 0.3s ease-out;
  transition: stroke 0.3s ease-out;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-ir-end .box p:after {
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-ir-end .box .ir-img-swiper {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  height: 100%;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-ir-end .box .ir-img-swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-ir-end .box .ir-img-swiper .swiper-wrapper .swiper-slide a {
  background-position: right bottom;
  -webkit-background-size: cover;
          background-size: cover;
  display: block;
  width: 100%;
  height: 100%;
  padding: 22px 27px;
  text-decoration: none;
  background-size: cover;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-ir-end .box .ir-img-swiper .swiper-wrapper .swiper-slide.swiper-announce p {
  text-shadow: 1px 1px 5px #F45C1A;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-esg-end .img-box {
  background: url("../images/main-re/esg.jpg") center/cover no-repeat;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-esg-end:hover .box .hover {
  -webkit-animation: floatX 1.5s linear infinite forwards;
     -moz-animation: floatX 1.5s linear infinite forwards;
          animation: floatX 1.5s linear infinite forwards;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-esg-end .box .hover {
  position: absolute;
  right: -25px;
  bottom: -41px;
  width: 169px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-safety-end .box, .ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-safety-end .img-box {
  background: -webkit-linear-gradient(312deg, #FFE438 -9.03%, #B33109 147.89%);
  background: -moz-linear-gradient(312deg, #FFE438 -9.03%, #B33109 147.89%);
  background: linear-gradient(138deg, #FFE438 -9.03%, #B33109 147.89%);
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-safety-end:hover .box .hover {
  -webkit-animation: floatXHover 2s linear infinite forwards;
     -moz-animation: floatXHover 2s linear infinite forwards;
          animation: floatXHover 2s linear infinite forwards;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-safety-end .box .hover {
  position: absolute;
  right: 29px;
  bottom: 20px;
  width: 62px;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-safety-end .box p {
  color: #000;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-recruit-end {
  position: relative;
  z-index: 10;
  height: 152px;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-recruit-end .box, .ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-recruit-end .img-box {
  background-image: url("/images/main-re/recruit_move.jpg");
  background-position: left 0 center;
  -webkit-background-size: 377px 377px;
          background-size: 377px;
  -webkit-transition: background-position 5s ease-in-out, -webkit-background-size 2s ease-in-out;
  transition: background-position 5s ease-in-out, -webkit-background-size 2s ease-in-out;
  -moz-transition: background-size 2s ease-in-out, background-position 5s ease-in-out;
  transition: background-size 2s ease-in-out, background-position 5s ease-in-out;
  transition: background-size 2s ease-in-out, background-position 5s ease-in-out, -webkit-background-size 2s ease-in-out;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-recruit-end.intro-end:hover .box {
  background-position: right 0 center;
  -webkit-background-size: 450px 450px;
          background-size: 450px;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-tworld-end .box, .ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-tworld-end .img-box {
  background: -webkit-linear-gradient(312deg, #3A2CFF -9.03%, #91119A 147.89%);
  background: -moz-linear-gradient(312deg, #3A2CFF -9.03%, #91119A 147.89%);
  background: linear-gradient(138deg, #3A2CFF -9.03%, #91119A 147.89%);
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-tworld-end .box .title, .ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-tworld-end .img-box .title {
  padding-bottom: 6px;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-vision-end {
  z-index: 0;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-vision-end .img-box {
  background: -webkit-linear-gradient(274deg, #1e23bf 20.71%, #0b0e3f 96.53%);
  background: -moz-linear-gradient(274deg, #1e23bf 20.71%, #0b0e3f 96.53%);
  background: linear-gradient(176deg, #1e23bf 20.71%, #0b0e3f 96.53%);
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-vision-end .img-box::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 260px;
  height: 520px;
  background: url("../images/main-re/vision.png") center/cover no-repeat;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-vision-end .box {
  background: -webkit-linear-gradient(274deg, #1e23bf 20.71%, #0b0e3f 96.53%);
  background: -moz-linear-gradient(274deg, #1e23bf 20.71%, #0b0e3f 96.53%);
  background: linear-gradient(176deg, #1e23bf 20.71%, #0b0e3f 96.53%);
  position: relative;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-vision-end .box .p1, .ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-vision-end .box .p2, .ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-vision-end .box .p3 {
  position: absolute;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-vision-end .box .p1 {
  right: -25px;
  bottom: -webkit-calc(50% + 2px);
  bottom: -moz-calc(50% + 2px);
  bottom: calc(50% + 2px);
  z-index: 5;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-vision-end .box .p2 {
  right: -75px;
  bottom: -webkit-calc(50% - 94px);
  bottom: -moz-calc(50% - 94px);
  bottom: calc(50% - 94px);
  z-index: 3;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-vision-end .box .p3 {
  right: -131px;
  bottom: -webkit-calc(50% - 213px);
  bottom: -moz-calc(50% - 213px);
  bottom: calc(50% - 213px);
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-vision-end .box .hover {
  position: absolute;
  color: var(--white, #FFF);
  font-size: 17px;
  font-style: normal;
  font-weight: 800;
  line-height: 160%; /* 27.2px */
  letter-spacing: -0.17px;
  -webkit-transform: translateX(10px);
     -moz-transform: translateX(10px);
      -ms-transform: translateX(10px);
          transform: translateX(10px);
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-vision-end .box .hover.hover01 {
  right: 46px;
  bottom: -webkit-calc(50% + 51px);
  bottom: -moz-calc(50% + 51px);
  bottom: calc(50% + 51px);
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-vision-end .box .hover.hover02 {
  right: 100px;
  bottom: -webkit-calc(50% - 20px);
  bottom: -moz-calc(50% - 20px);
  bottom: calc(50% - 20px);
}
.ly-main .sec-hero .inner .hero-content-lg .hero-line .item.intro-vision-end .box .hover.hover03 {
  right: 160px;
  bottom: -webkit-calc(50% - 103px);
  bottom: -moz-calc(50% - 103px);
  bottom: calc(50% - 103px);
}
@-webkit-keyframes floatXHover {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
  30% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(0deg);
            transform: translateY(0px) rotate(0deg);
  }
}
@-moz-keyframes floatXHover {
  0% {
    -moz-transform: translateY(0) rotate(0deg);
         transform: translateY(0) rotate(0deg);
  }
  30% {
    -moz-transform: translateY(-8px);
         transform: translateY(-8px);
  }
  50% {
    -moz-transform: translateY(-5px);
         transform: translateY(-5px);
  }
  70% {
    -moz-transform: translateY(-8px);
         transform: translateY(-8px);
  }
  100% {
    -moz-transform: translateY(0px) rotate(0deg);
         transform: translateY(0px) rotate(0deg);
  }
}
@keyframes floatXHover {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
       -moz-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
  30% {
    -webkit-transform: translateY(-8px);
       -moz-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-5px);
       -moz-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  70% {
    -webkit-transform: translateY(-8px);
       -moz-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(0deg);
       -moz-transform: translateY(0px) rotate(0deg);
            transform: translateY(0px) rotate(0deg);
  }
}
@-webkit-keyframes floatX {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
  30% {
    -webkit-transform: translateY(-8px) rotate(0deg);
            transform: translateY(-8px) rotate(0deg);
  }
  40% {
    -webkit-transform: translateY(-8px) rotate(5px);
            transform: translateY(-8px) rotate(5px);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(-5deg);
            transform: translateY(-8px) rotate(-5deg);
  }
  60% {
    -webkit-transform: translateY(-8px) rotate(5deg);
            transform: translateY(-8px) rotate(5deg);
  }
  70% {
    -webkit-transform: translateY(-8px) rotate(0);
            transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(0deg);
            transform: translateY(0px) rotate(0deg);
  }
}
@-moz-keyframes floatX {
  0% {
    -moz-transform: translateY(0) rotate(0deg);
         transform: translateY(0) rotate(0deg);
  }
  30% {
    -moz-transform: translateY(-8px) rotate(0deg);
         transform: translateY(-8px) rotate(0deg);
  }
  40% {
    -moz-transform: translateY(-8px) rotate(5px);
         transform: translateY(-8px) rotate(5px);
  }
  50% {
    -moz-transform: translateY(-8px) rotate(-5deg);
         transform: translateY(-8px) rotate(-5deg);
  }
  60% {
    -moz-transform: translateY(-8px) rotate(5deg);
         transform: translateY(-8px) rotate(5deg);
  }
  70% {
    -moz-transform: translateY(-8px) rotate(0);
         transform: translateY(-8px) rotate(0);
  }
  100% {
    -moz-transform: translateY(0px) rotate(0deg);
         transform: translateY(0px) rotate(0deg);
  }
}
@keyframes floatX {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
       -moz-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
  30% {
    -webkit-transform: translateY(-8px) rotate(0deg);
       -moz-transform: translateY(-8px) rotate(0deg);
            transform: translateY(-8px) rotate(0deg);
  }
  40% {
    -webkit-transform: translateY(-8px) rotate(5px);
       -moz-transform: translateY(-8px) rotate(5px);
            transform: translateY(-8px) rotate(5px);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(-5deg);
       -moz-transform: translateY(-8px) rotate(-5deg);
            transform: translateY(-8px) rotate(-5deg);
  }
  60% {
    -webkit-transform: translateY(-8px) rotate(5deg);
       -moz-transform: translateY(-8px) rotate(5deg);
            transform: translateY(-8px) rotate(5deg);
  }
  70% {
    -webkit-transform: translateY(-8px) rotate(0);
       -moz-transform: translateY(-8px) rotate(0);
            transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(0deg);
       -moz-transform: translateY(0px) rotate(0deg);
            transform: translateY(0px) rotate(0deg);
  }
}
@-webkit-keyframes mainBgMotionTop {
  0% {
    background-position: left 0 top 0;
    -webkit-background-size: 550px 550px;
            background-size: 550px;
  }
  30% {
    background-position: left 0 bottom 0;
  }
  60% {
    background-position: left 0 top -20px;
    -webkit-background-size: 800px 800px;
            background-size: 800px;
  }
  80% {
    background-position: left 0 bottom -20px;
  }
  100% {
    background-position: left 0 top 0;
    -webkit-background-size: 550px 550px;
            background-size: 550px;
  }
}
@-moz-keyframes mainBgMotionTop {
  0% {
    background-position: left 0 top 0;
    background-size: 550px;
  }
  30% {
    background-position: left 0 bottom 0;
  }
  60% {
    background-position: left 0 top -20px;
    background-size: 800px;
  }
  80% {
    background-position: left 0 bottom -20px;
  }
  100% {
    background-position: left 0 top 0;
    background-size: 550px;
  }
}
@keyframes mainBgMotionTop {
  0% {
    background-position: left 0 top 0;
    -webkit-background-size: 550px 550px;
            background-size: 550px;
  }
  30% {
    background-position: left 0 bottom 0;
  }
  60% {
    background-position: left 0 top -20px;
    -webkit-background-size: 800px 800px;
            background-size: 800px;
  }
  80% {
    background-position: left 0 bottom -20px;
  }
  100% {
    background-position: left 0 top 0;
    -webkit-background-size: 550px 550px;
            background-size: 550px;
  }
}
@-webkit-keyframes mainBgMotion {
  0% {
    background-position: left 0 top 0;
    -webkit-background-size: 418px 418px;
            background-size: 418px;
  }
  30% {
    background-position: right -40px top 0;
  }
  60% {
    background-position: left 0 top 0;
    -webkit-background-size: 350px 350px;
            background-size: 350px;
  }
  80% {
    background-position: right -30px top 0;
  }
  100% {
    background-position: left 0 top 0;
    -webkit-background-size: 418px 418px;
            background-size: 418px;
  }
}
@-moz-keyframes mainBgMotion {
  0% {
    background-position: left 0 top 0;
    background-size: 418px;
  }
  30% {
    background-position: right -40px top 0;
  }
  60% {
    background-position: left 0 top 0;
    background-size: 350px;
  }
  80% {
    background-position: right -30px top 0;
  }
  100% {
    background-position: left 0 top 0;
    background-size: 418px;
  }
}
@keyframes mainBgMotion {
  0% {
    background-position: left 0 top 0;
    -webkit-background-size: 418px 418px;
            background-size: 418px;
  }
  30% {
    background-position: right -40px top 0;
  }
  60% {
    background-position: left 0 top 0;
    -webkit-background-size: 350px 350px;
            background-size: 350px;
  }
  80% {
    background-position: right -30px top 0;
  }
  100% {
    background-position: left 0 top 0;
    -webkit-background-size: 418px 418px;
            background-size: 418px;
  }
}
.ly-main .sec-hero .hero-scroll-btn {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 80px;
  height: 22px;
  border-radius: 4px 4px 0px 0px;
  border: none;
  background: #727887;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-origin: center bottom;
     -moz-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  opacity: 0;
}
.ly-main .sec-hero .hero-scroll-btn:hover {
  background: #595E6B;
  height: 30px;
}
.ly-main .sec-hero .hero-scroll-btn:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
  background-position: center;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
}
.ly-main .sec-people {
  position: relative;
  z-index: 10;
  background-color: #fff;
}
.ly-main .sec-people .inner {
  overflow-x: hidden;
}
.ly-main .sec-people .inner .sec-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .ly-main .sec-people .inner .sec-title {
    gap: 8px;
    padding: 0 0 15px 0;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-people .inner .sec-title {
    gap: 10px;
    padding-bottom: 40px;
  }
}
.ly-main .sec-people .inner .sec-title .motion {
  position: relative;
  display: block;
}
@media (max-width: 767px) {
  .ly-main .sec-people .inner .sec-title .motion {
    width: 30px;
    height: 22px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-people .inner .sec-title .motion {
    width: 33px;
    height: 36px;
  }
}
.ly-main .sec-people .inner .sec-title .motion img {
  display: block;
  position: absolute;
  height: auto;
  -webkit-transform-origin: center center;
     -moz-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
}
.ly-main .sec-people .inner .sec-title .motion img.title-motion03 {
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center !important;
     -moz-transform-origin: center center !important;
      -ms-transform-origin: center center !important;
          transform-origin: center center !important;
  -webkit-animation: peopleMotion03 2.5s linear infinite forwards;
     -moz-animation: peopleMotion03 2.5s linear infinite forwards;
          animation: peopleMotion03 2.5s linear infinite forwards;
}
@media (max-width: 767px) {
  .ly-main .sec-people .inner .sec-title .motion img.title-motion03 {
    width: 7px;
    top: 2px;
    left: 17px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-people .inner .sec-title .motion img.title-motion03 {
    width: 10px;
    left: 19px;
    top: 2px;
  }
}
.ly-main .sec-people .inner .sec-title .motion img.title-motion02 {
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-animation: peopleMotion03 2.5s linear infinite forwards;
     -moz-animation: peopleMotion03 2.5s linear infinite forwards;
          animation: peopleMotion03 2.5s linear infinite forwards;
}
@media (max-width: 767px) {
  .ly-main .sec-people .inner .sec-title .motion img.title-motion02 {
    width: 5px;
    left: 3px;
    top: 7px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-people .inner .sec-title .motion img.title-motion02 {
    width: 6px;
    left: 3px;
    top: 9px;
  }
}
.ly-main .sec-people .inner .sec-title .motion img.title-motion01 {
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-animation: peopleMotion01 2.5s linear infinite forwards;
     -moz-animation: peopleMotion01 2.5s linear infinite forwards;
          animation: peopleMotion01 2.5s linear infinite forwards;
}
@media (max-width: 767px) {
  .ly-main .sec-people .inner .sec-title .motion img.title-motion01 {
    width: 15px;
    left: 7px;
    top: 9px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-people .inner .sec-title .motion img.title-motion01 {
    width: 22px;
    left: 6px;
    top: 12px;
  }
}
@-webkit-keyframes peopleMotion01 {
  0% {
    -webkit-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
  20% {
    -webkit-transform: scale(1) rotate(45deg);
            transform: scale(1) rotate(45deg);
  }
  45% {
    -webkit-transform: scale(1) rotate(90deg);
            transform: scale(1) rotate(90deg);
  }
  70% {
    -webkit-transform: scale(0) rotate(180deg);
            transform: scale(0) rotate(180deg);
  }
  90% {
    -webkit-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
  100% {
    -webkit-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
}
@-moz-keyframes peopleMotion01 {
  0% {
    -moz-transform: scale(0) rotate(0);
         transform: scale(0) rotate(0);
  }
  20% {
    -moz-transform: scale(1) rotate(45deg);
         transform: scale(1) rotate(45deg);
  }
  45% {
    -moz-transform: scale(1) rotate(90deg);
         transform: scale(1) rotate(90deg);
  }
  70% {
    -moz-transform: scale(0) rotate(180deg);
         transform: scale(0) rotate(180deg);
  }
  90% {
    -moz-transform: scale(0) rotate(0);
         transform: scale(0) rotate(0);
  }
  100% {
    -moz-transform: scale(0) rotate(0);
         transform: scale(0) rotate(0);
  }
}
@keyframes peopleMotion01 {
  0% {
    -webkit-transform: scale(0) rotate(0);
       -moz-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
  20% {
    -webkit-transform: scale(1) rotate(45deg);
       -moz-transform: scale(1) rotate(45deg);
            transform: scale(1) rotate(45deg);
  }
  45% {
    -webkit-transform: scale(1) rotate(90deg);
       -moz-transform: scale(1) rotate(90deg);
            transform: scale(1) rotate(90deg);
  }
  70% {
    -webkit-transform: scale(0) rotate(180deg);
       -moz-transform: scale(0) rotate(180deg);
            transform: scale(0) rotate(180deg);
  }
  90% {
    -webkit-transform: scale(0) rotate(0);
       -moz-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
  100% {
    -webkit-transform: scale(0) rotate(0);
       -moz-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
}
@-webkit-keyframes peopleMotion02 {
  0% {
    -webkit-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
  5% {
    -webkit-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
  25% {
    -webkit-transform: scale(1) rotate(45deg);
            transform: scale(1) rotate(45deg);
  }
  55% {
    -webkit-transform: scale(1) rotate(90deg);
            transform: scale(1) rotate(90deg);
  }
  75% {
    -webkit-transform: scale(0) rotate(180deg);
            transform: scale(0) rotate(180deg);
  }
  100% {
    -webkit-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
}
@-moz-keyframes peopleMotion02 {
  0% {
    -moz-transform: scale(0) rotate(0);
         transform: scale(0) rotate(0);
  }
  5% {
    -moz-transform: scale(0) rotate(0);
         transform: scale(0) rotate(0);
  }
  25% {
    -moz-transform: scale(1) rotate(45deg);
         transform: scale(1) rotate(45deg);
  }
  55% {
    -moz-transform: scale(1) rotate(90deg);
         transform: scale(1) rotate(90deg);
  }
  75% {
    -moz-transform: scale(0) rotate(180deg);
         transform: scale(0) rotate(180deg);
  }
  100% {
    -moz-transform: scale(0) rotate(0);
         transform: scale(0) rotate(0);
  }
}
@keyframes peopleMotion02 {
  0% {
    -webkit-transform: scale(0) rotate(0);
       -moz-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
  5% {
    -webkit-transform: scale(0) rotate(0);
       -moz-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
  25% {
    -webkit-transform: scale(1) rotate(45deg);
       -moz-transform: scale(1) rotate(45deg);
            transform: scale(1) rotate(45deg);
  }
  55% {
    -webkit-transform: scale(1) rotate(90deg);
       -moz-transform: scale(1) rotate(90deg);
            transform: scale(1) rotate(90deg);
  }
  75% {
    -webkit-transform: scale(0) rotate(180deg);
       -moz-transform: scale(0) rotate(180deg);
            transform: scale(0) rotate(180deg);
  }
  100% {
    -webkit-transform: scale(0) rotate(0);
       -moz-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
}
@-webkit-keyframes peopleMotion03 {
  0% {
    -webkit-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
  10% {
    -webkit-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
  50% {
    -webkit-transform: scale(1) rotate(45deg);
            transform: scale(1) rotate(45deg);
  }
  60% {
    -webkit-transform: scale(1) rotate(90deg);
            transform: scale(1) rotate(90deg);
  }
  80% {
    -webkit-transform: scale(0) rotate(180deg);
            transform: scale(0) rotate(180deg);
  }
  100% {
    -webkit-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
}
@-moz-keyframes peopleMotion03 {
  0% {
    -moz-transform: scale(0) rotate(0);
         transform: scale(0) rotate(0);
  }
  10% {
    -moz-transform: scale(0) rotate(0);
         transform: scale(0) rotate(0);
  }
  50% {
    -moz-transform: scale(1) rotate(45deg);
         transform: scale(1) rotate(45deg);
  }
  60% {
    -moz-transform: scale(1) rotate(90deg);
         transform: scale(1) rotate(90deg);
  }
  80% {
    -moz-transform: scale(0) rotate(180deg);
         transform: scale(0) rotate(180deg);
  }
  100% {
    -moz-transform: scale(0) rotate(0);
         transform: scale(0) rotate(0);
  }
}
@keyframes peopleMotion03 {
  0% {
    -webkit-transform: scale(0) rotate(0);
       -moz-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
  10% {
    -webkit-transform: scale(0) rotate(0);
       -moz-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
  50% {
    -webkit-transform: scale(1) rotate(45deg);
       -moz-transform: scale(1) rotate(45deg);
            transform: scale(1) rotate(45deg);
  }
  60% {
    -webkit-transform: scale(1) rotate(90deg);
       -moz-transform: scale(1) rotate(90deg);
            transform: scale(1) rotate(90deg);
  }
  80% {
    -webkit-transform: scale(0) rotate(180deg);
       -moz-transform: scale(0) rotate(180deg);
            transform: scale(0) rotate(180deg);
  }
  100% {
    -webkit-transform: scale(0) rotate(0);
       -moz-transform: scale(0) rotate(0);
            transform: scale(0) rotate(0);
  }
}
.ly-main .sec-people .inner .sec-title span {
  color: #222;
  font-family: "SKT Sans Display";
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
}
@media (max-width: 767px) {
  .ly-main .sec-people .inner .sec-title span {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-people .inner .sec-title span {
    font-size: 36px;
  }
}
.ly-main .sec-people .inner .people-content.only-mobile {
  display: grid;
  grid-template-columns: -webkit-calc(50% - 8px) -webkit-calc(50% - 8px);
  grid-template-columns: -moz-calc(50% - 8px) -moz-calc(50% - 8px);
  grid-template-columns: calc(50% - 8px) calc(50% - 8px);
  gap: 16px;
  overflow: hidden;
}
.ly-main .sec-people .inner .people-content.only-mobile .people-item {
  width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .ly-main .sec-people .inner .people-content.only-mobile .people-item {
    height: 246px;
  }
}
.ly-main .sec-people .inner .people-content.only-mobile .people-item:nth-child(2n) {
  position: relative;
  top: 80px;
}
.ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-perspective: 800px;
     -moz-perspective: 800px;
          perspective: 800px;
}
.ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner.is-hover .card {
  -webkit-transform: rotateY(-180deg);
     -moz-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
  will-change: transform;
  -webkit-transition: -webkit-transform 1s ease-out;
  transition: -webkit-transform 1s ease-out;
  -moz-transition: transform 1s ease-out, -moz-transform 1s ease-out;
  transition: transform 1s ease-out;
  transition: transform 1s ease-out, -webkit-transform 1s ease-out, -moz-transform 1s ease-out;
}
.ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card .front, .ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card .hover-wrap {
  display: block;
  inset: 0;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card .front {
  z-index: 2;
  background: #fff;
}
.ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card .front img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card .front .text {
  position: absolute;
  color: #FFF;
  font-family: "SKT Sans Display";
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 31.2px */
}
@media (max-width: 767px) {
  .ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card .front .text {
    left: 25px;
    top: 26px;
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card .front .text {
    left: 32px;
    top: 32px;
    font-size: 24px;
  }
}
.ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card.work {
  font-size: 100px;
}
.ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card.work .hover-wrap {
  background-color: #F47725;
}
.ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card.insight .hover-wrap {
  background-color: #009A93;
}
.ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .hover-wrap {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 100%;
  -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
          transform: rotateY(180deg);
  color: #fff;
  z-index: 1;
  background: #EB2F2F url("../images/main-re/people-card-icon.svg") right 40px bottom 42px/auto no-repeat;
}
@media (max-width: 767px) {
  .ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .hover-wrap {
    padding: 25px 24px;
    background-position: right 23px bottom 23px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .hover-wrap {
    padding: 64px 40px;
  }
}
.ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .hover-wrap .title {
  position: relative;
  z-index: 5;
  color: rgba(255, 255, 255, 0.8);
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 22.4px */
}
@media (max-width: 767px) {
  .ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .hover-wrap .title {
    padding: 0 0 10px 0;
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .hover-wrap .title {
    padding-bottom: 13px;
    font-size: 14px;
  }
}
.ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .hover-wrap .desc {
  position: relative;
  z-index: 5;
  color: #FFF;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 44.8px */
}
@media (max-width: 767px) {
  .ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .hover-wrap .desc {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .hover-wrap .desc {
    font-size: 28px;
  }
}
.ly-main .sec-people .people-content.only-tablet-desktop {
  overflow: hidden;
  background-color: #fff;
}
.ly-main .sec-people .people-content.only-tablet-desktop .people-swiper {
  padding: 0 12px;
}
.ly-main .sec-people .people-content.only-tablet-desktop .people-swiper .swiper-wrapper {
  -webkit-transition-timing-function: linear;
     -moz-transition-timing-function: linear;
          transition-timing-function: linear;
}
.ly-main .sec-people .people-content.only-tablet-desktop .people-swiper .people-item {
  height: 520px;
  width: 311px;
}
.ly-main .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-perspective: 800px;
     -moz-perspective: 800px;
          perspective: 800px;
}
.ly-main .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link:hover .card {
  -webkit-transform: rotateY(-180deg);
     -moz-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.ly-main .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link .card {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
  will-change: transform;
  -webkit-transition: -webkit-transform 1s ease-out;
  transition: -webkit-transform 1s ease-out;
  -moz-transition: transform 1s ease-out, -moz-transform 1s ease-out;
  transition: transform 1s ease-out;
  transition: transform 1s ease-out, -webkit-transform 1s ease-out, -moz-transform 1s ease-out;
}
.ly-main .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link .card .front, .ly-main .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link .card .hover-wrap {
  position: absolute;
  inset: 0;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.ly-main .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link .card .front {
  z-index: 2;
  background: #fff;
}
.ly-main .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link .card .front img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ly-main .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link .card .front .text {
  position: absolute;
  left: 32px;
  top: 32px;
  color: #FFF;
  font-family: "SKT Sans Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 31.2px */
}
.ly-main .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link.insight .hover-wrap {
  background-color: #009A93;
}
.ly-main .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link.work .hover-wrap {
  background-color: #F47725;
}
.ly-main .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link .hover-wrap {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 100%;
  padding: 64px 40px;
  -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
          transform: rotateY(180deg);
  color: #fff;
  z-index: 1;
  background: #EB2F2F url("../images/main-re/people-card-icon.svg") right 40px bottom 42px/auto no-repeat;
}
.ly-main .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link .hover-wrap .title {
  position: relative;
  z-index: 5;
  padding-bottom: 13px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 22.4px */
}
.ly-main .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link .hover-wrap .desc {
  position: relative;
  z-index: 5;
  color: #FFF;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 44.8px */
}
.ly-main .sec-people .more-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 2px solid black;
  border-radius: 100px;
  text-decoration: none;
  overflow: hidden;
}
@media (max-width: 767px) {
  .ly-main .sec-people .more-link {
    width: 130px;
    padding: 9px 20px;
    margin: 56px auto 120px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-people .more-link {
    width: 165px;
    padding: 14px 36px;
    margin: 56px auto 160px;
  }
}
.ly-main .sec-people .more-link .text {
  position: relative;
  z-index: 5;
  color: #000;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 25.6px */
  -webkit-transition: color 0.5s ease-out;
  -moz-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
}
@media (max-width: 767px) {
  .ly-main .sec-people .more-link .text {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-people .more-link .text {
    font-size: 16px;
  }
}
.ly-main .sec-people .more-link svg {
  position: relative;
  z-index: 5;
}
.ly-main .sec-people .more-link svg path {
  stroke: #000;
  -webkit-transition: stroke 0.5s ease-out;
  -moz-transition: stroke 0.5s ease-out;
  transition: stroke 0.5s ease-out;
}
.ly-main .sec-people .more-link::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 101%;
  width: 100%;
  -webkit-transform: scaleX(0);
     -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  background-color: #000;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  -moz-transition: transform 0.5s ease-out, -moz-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out, -moz-transform 0.5s ease-out;
  -webkit-transform-origin: left top;
     -moz-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.ly-main .sec-people .more-link:hover .text {
  color: #fff;
}
.ly-main .sec-people .more-link:hover svg path {
  stroke: #fff;
}
.ly-main .sec-people .more-link:hover::before {
  -webkit-transform: scaleX(1);
     -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.ly-main .sec-news {
  position: relative;
  z-index: 10;
  background-color: #fff;
}
.ly-main .sec-news .inner {
  overflow-x: hidden;
  background-color: #fff;
}
@media (max-width: 767px) {
  .ly-main .sec-news .inner {
    padding-top: 48px;
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-news .inner {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
.ly-main .sec-news .inner .sec-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
@media (max-width: 767px) {
  .ly-main .sec-news .inner .sec-title {
    gap: 8px;
    padding-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-news .inner .sec-title {
    gap: 10px;
    padding-bottom: 40px;
  }
}
.ly-main .sec-news .inner .sec-title .motion img {
  position: relative;
}
@media (max-width: 767px) {
  .ly-main .sec-news .inner .sec-title .motion img {
    top: 3px;
    height: 23px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-news .inner .sec-title .motion img {
    top: 5px;
    height: 30px;
  }
}
.ly-main .sec-news .inner .sec-title span {
  color: #1A2232;
  font-family: "SKT Sans Display";
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
}
@media (max-width: 767px) {
  .ly-main .sec-news .inner .sec-title span {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-news .inner .sec-title span {
    font-size: 36px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-news .inner .news-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .ly-main .sec-news .inner .news-content .news-item + .news-item {
    padding-top: 34px;
  }
}
.ly-main .sec-news .inner .news-content .news-item .news-link {
  display: block;
  text-decoration: none;
}
.ly-main .sec-news .inner .news-content .news-item .news-link:hover .img-wrap img, .ly-main .sec-news .inner .news-content .news-item .news-link:focus .img-wrap img {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.ly-main .sec-news .inner .news-content .news-item .news-link .img-wrap {
  margin-bottom: 16px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
  .ly-main .sec-news .inner .news-content .news-item .news-link .img-wrap {
    height: 63vw;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-news .inner .news-content .news-item .news-link .img-wrap {
    height: 210px;
  }
}
.ly-main .sec-news .inner .news-content .news-item .news-link .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out;
}
.ly-main .sec-news .inner .news-content .news-item .news-link .text-wrap {
  padding: 0 8px;
}
.ly-main .sec-news .inner .news-content .news-item .news-link .text-wrap .text {
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 22.4px */
}
.ly-main .sec-news .inner .more-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 2px solid black;
  border-radius: 100px;
  margin: 60px auto 0;
  text-decoration: none;
  overflow: hidden;
}
@media (max-width: 767px) {
  .ly-main .sec-news .inner .more-link {
    padding: 9px 20px;
    width: 185px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-news .inner .more-link {
    padding: 14px 36px;
    width: 232px;
  }
}
.ly-main .sec-news .inner .more-link .text {
  position: relative;
  z-index: 5;
  color: #000;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 25.6px */
  -webkit-transition: color 0.5s ease-out;
  -moz-transition: color 0.5s ease-out;
  transition: color 0.5s ease-out;
}
@media (max-width: 767px) {
  .ly-main .sec-news .inner .more-link .text {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .ly-main .sec-news .inner .more-link .text {
    font-size: 16px;
  }
}
.ly-main .sec-news .inner .more-link svg {
  position: relative;
  z-index: 5;
}
.ly-main .sec-news .inner .more-link svg path {
  stroke: #000;
  -webkit-transition: stroke 0.5s ease-out;
  -moz-transition: stroke 0.5s ease-out;
  transition: stroke 0.5s ease-out;
}
.ly-main .sec-news .inner .more-link::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 101%;
  width: 100%;
  -webkit-transform: scaleX(0);
     -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  background-color: #000;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0, 0, 1.08);
  transition: -webkit-transform 0.5s cubic-bezier(0, 0, 0, 1.08);
  -moz-transition: transform 0.5s cubic-bezier(0, 0, 0, 1.08), -moz-transform 0.5s cubic-bezier(0, 0, 0, 1.08);
  transition: transform 0.5s cubic-bezier(0, 0, 0, 1.08);
  transition: transform 0.5s cubic-bezier(0, 0, 0, 1.08), -webkit-transform 0.5s cubic-bezier(0, 0, 0, 1.08), -moz-transform 0.5s cubic-bezier(0, 0, 0, 1.08);
  -webkit-transform-origin: left top;
     -moz-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.ly-main .sec-news .inner .more-link:hover .text {
  color: #fff;
}
.ly-main .sec-news .inner .more-link:hover svg path {
  stroke: #fff;
}
.ly-main .sec-news .inner .more-link:hover::before {
  -webkit-transform: scaleX(1);
     -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.sub-page.vision-page .main-content .content-body.content-pyramid {
  position: relative;
  z-index: -1;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .inner .title-group {
    text-align: center;
  }
}
.sub-page.vision-page .main-content .content-body.content-pyramid .inner .title-group .tit {
  margin-bottom: 17px;
  color: #1A2232;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .inner .title-group .tit {
    font-size: 20px;
    font-weight: 700;
  }
}
.sub-page.vision-page .main-content .content-body.content-pyramid .inner .title-group .tit .point {
  color: #3A46CD;
  line-height: 120%;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .inner .title-group .tit .point {
    display: block;
    margin-top: 12px;
  }
}
.sub-page.vision-page .main-content .content-body.content-pyramid .inner .title-group .desc {
  color: #3A404E;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .inner .title-group .desc {
    max-width: 330px;
    margin: 0 auto;
  }
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap {
  margin-top: 77px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap {
    margin-top: 60px;
  }
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group {
  position: relative;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group {
    height: 430px;
  }
}
@media (min-width: 768px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group {
    height: 782px;
  }
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item .pyramid-name {
  position: absolute;
  padding-bottom: 12px;
  white-space: nowrap;
  font-family: "SKT Sans Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%; /* 24px */
  -webkit-background-size: 5px 1px;
          background-size: 5px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item .pyramid-name {
    padding-bottom: 8px;
    font-size: 13px;
  }
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item .pyramid-name::before, .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item .pyramid-name::after {
  content: "";
  display: block;
  position: absolute;
  left: -2px;
  bottom: -2px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #7432B4;
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item .pyramid-name::after {
  left: auto;
  right: -2px;
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item .pyramid-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-top .pyramid-name {
  z-index: 6;
  color: #7432B4;
  background-image: -webkit-linear-gradient(left, #7432B4 1px, transparent 1px);
  background-image: -moz-linear-gradient(left, #7432B4 1px, transparent 1px);
  background-image: linear-gradient(90deg, #7432B4 1px, transparent 1px);
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-top .pyramid-name {
    top: 71.55px;
    width: 126px;
    left: -webkit-calc(50% - 160px);
    left: -moz-calc(50% - 160px);
    left: calc(50% - 160px);
  }
}
@media (min-width: 768px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-top .pyramid-name {
    top: 81px;
    left: 63px;
    width: 334px;
  }
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-top .pyramid-img {
  z-index: 5;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-top .pyramid-img {
    top: 44px;
  }
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-middle .pyramid-name {
  z-index: 6;
  color: #2855BB;
  background-image: -webkit-linear-gradient(left, #2855BB 1px, transparent 1px);
  background-image: -moz-linear-gradient(left, #2855BB 1px, transparent 1px);
  background-image: linear-gradient(90deg, #2855BB 1px, transparent 1px);
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-middle .pyramid-name {
    top: 130px;
    left: -webkit-calc(50% - 160px);
    left: -moz-calc(50% - 160px);
    left: calc(50% - 160px);
    width: 82px;
  }
}
@media (min-width: 768px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-middle .pyramid-name {
    top: 211px;
    left: 63px;
    width: 236px;
  }
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-middle .pyramid-name::before, .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-middle .pyramid-name::after {
  background-color: #2855BB;
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-middle .pyramid-img {
  top: 106px;
  z-index: 4;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-middle .pyramid-img {
    top: 93px;
  }
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-bottom .pyramid-name {
  z-index: 6;
  color: #378293;
  background-image: -webkit-linear-gradient(left, #378293 1px, transparent 1px);
  background-image: -moz-linear-gradient(left, #378293 1px, transparent 1px);
  background-image: linear-gradient(90deg, #378293 1px, transparent 1px);
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-bottom .pyramid-name {
    top: 189px;
    left: -webkit-calc(50% - 159px);
    left: -moz-calc(50% - 159px);
    left: calc(50% - 159px);
    width: 35px;
  }
}
@media (min-width: 768px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-bottom .pyramid-name {
    top: 358px;
    left: 63px;
    width: 127px;
  }
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-bottom .pyramid-name::before, .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-bottom .pyramid-name::after {
  background-color: #378293;
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-bottom .pyramid-img {
  top: 203px;
  z-index: 3;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-item.pyramid-bottom .pyramid-img {
    top: 134px;
  }
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-text {
  position: absolute;
  left: 50%;
  top: 84px;
  z-index: 5;
  width: 527px;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-text {
    width: 328px;
    top: 77px;
  }
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-text .text-img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-right-img {
  position: absolute;
  top: 0;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-right-img {
    width: 93px;
    left: -webkit-calc(50% + 71px);
    left: -moz-calc(50% + 71px);
    left: calc(50% + 71px);
  }
}
@media (min-width: 768px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .pyramid-right-img {
    right: 54px;
    width: 181px;
  }
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .bottom-text {
  position: absolute;
  bottom: 0;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .bottom-text {
    left: -webkit-calc(50% - 139px);
    left: -moz-calc(50% - 139px);
    left: calc(50% - 139px);
  }
}
@media (min-width: 768px) {
  .sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .bottom-text {
    left: -webkit-calc(50% - 200px);
    left: -moz-calc(50% - 200px);
    left: calc(50% - 200px);
  }
}
.sub-page.vision-page .main-content .content-body.content-pyramid .pyramid-wrap .pyramid-group .bottom-text .bottom-text-img {
  max-width: 100%;
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap {
  position: relative;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap {
    padding-top: 103px;
    margin-top: 80px;
  }
}
@media (min-width: 768px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap {
    padding-top: 177px;
    margin-top: 160px;
  }
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background-color: white;
  will-change: transform;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-header {
    padding: 0 16px;
  }
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-header ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 50px;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-header ul {
    padding-top: 20px;
  }
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .headline-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .headline-group {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .headline-group {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
    padding-left: 40px;
  }
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .headline-group .tit {
  color: var(--color-gray_900, #1A2232);
  font-family: "SKT Sans Display";
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .headline-group .tit {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
  }
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .headline-group .desc {
  color: var(--color-gray_800, #3A404E);
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .headline-group .desc {
    font-size: 14px;
    line-height: 170%;
  }
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .desc-group {
  margin-top: 52px;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .desc-group {
    margin-top: 40px;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .desc-group {
    padding-left: 40px;
  }
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .desc-group .desc {
  color: var(--color-gray_800, #3A404E);
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 27px */
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .desc-group .desc {
    font-size: 14px;
    line-height: 170%;
  }
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item .img-group {
  text-align: center;
  margin-top: 52px;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item .img-group {
    margin-top: 40px;
  }
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item .img-group .img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item .img-group .img {
    max-width: 328px;
  }
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2b {
  margin-top: 200px;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2b {
    margin-top: 40px;
  }
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2c {
  margin-top: 200px;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2c {
    margin-top: 40px;
  }
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2c .info-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
  margin-top: 52px;
}
@media (max-width: 767px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2c .info-group {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2c .info-group {
    padding-left: 40px;
  }
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2c .info-group .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}
@media (max-width: 768px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2c .info-group .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    margin: 0 auto;
    text-align: center;
  }
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2c .info-group .box .thumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 160px;
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2c .info-group .box .description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
@media (max-width: 768px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2c .info-group .box .description {
    max-width: 280px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
    margin: 0 auto;
  }
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2c .info-group .box .description .point {
  color: var(--color-primary_blue, #3A46CD);
  font-family: "SKT Sans Text";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2c .info-group .box .description .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2c .info-group .box .description .list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6px;
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
@media (max-width: 768px) {
  .sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2c .info-group .box .description .list .item {
    text-align: left;
  }
}
.sub-page.vision-page .main-content .content-body.content-vision-tab.scrollspy-wrap .tab-body .content-item.content-aib2c .info-group .box .description .list .item .list-style {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2px;
  height: 2px;
  margin: 8px auto;
  background: var(--color-gray_800, #3A404E);
}

.sub-page.skms-page .main-content .skms-philosophy .title-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
@media (max-width: 768px) {
  .sub-page.skms-page .main-content .skms-philosophy .title-group {
    gap: 12px;
  }
}
.sub-page.skms-page .main-content .skms-philosophy .title-group .tit {
  color: var(--color-primary_blue, #3A46CD);
  font-family: "SKT Sans Display";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
@media (max-width: 768px) {
  .sub-page.skms-page .main-content .skms-philosophy .title-group .tit {
    font-size: 24px;
    line-height: 160%;
  }
}
.sub-page.skms-page .main-content .skms-philosophy .title-group .sub-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.sub-page.skms-page .main-content .skms-philosophy .title-group .sub-group .sub {
  color: var(--color-gray_800, #3A404E);
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}
.sub-page.skms-page .main-content .skms-philosophy .link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 44px;
  border: 1px solid var(--color-gray_600, #727887);
  padding: 15px 31px;
  margin-top: 60px;
  background: var(--color-white, #FFF);
  color: var(--color-gray_900, #1A2232);
  text-align: left;
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  -webkit-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.sub-page.skms-page .main-content .skms-philosophy .link::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M7 1.5V8.5M7 8.5L3 6M7 8.5L11 6M1.5 10V12.5H12.5V10' stroke='%233A404E' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.sub-page.skms-page .main-content .skms-philosophy .link:hover, .sub-page.skms-page .main-content .skms-philosophy .link:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F;
}
.sub-page.skms-page .main-content .skms-philosophy .link:hover::after, .sub-page.skms-page .main-content .skms-philosophy .link:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M7 1.5V8.5M7 8.5L3 6M7 8.5L11 6M1.5 10V12.5H12.5V10' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
}
.sub-page.skms-page .main-content .skms-philosophy .info-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  margin-top: 80px;
}
.sub-page.skms-page .main-content .skms-philosophy .info-group .box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 476px;
}
.sub-page.skms-page .main-content .skms-philosophy .info-group .box .thumb-group {
  width: 100%;
  height: 100%;
}
.sub-page.skms-page .main-content .skms-philosophy .info-group .box .thumb-group .thumb {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sub-page.skms-page .main-content .skms-philosophy .info-group .box .thumb-group .dimmed {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.sub-page.skms-page .main-content .skms-philosophy .info-group .box .text-group {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin: auto;
}
.sub-page.skms-page .main-content .skms-philosophy .info-group .box .text-group .box-tit {
  display: block;
  text-align: center;
  color: var(--color-white, #FFF);
  font-family: "SKT Sans Display";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 768px) {
  .sub-page.skms-page .main-content .skms-philosophy .info-group .box .text-group .box-tit {
    font-size: 28px;
  }
}
.sub-page.skms-page .main-content .skms-philosophy .info-group .box .text-group .box-desc {
  display: block;
  text-align: center;
  color: var(--color-white, #FFF);
  font-family: "SKT Sans Text";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%;
}
@media (max-width: 768px) {
  .sub-page.skms-page .main-content .skms-philosophy .info-group .box .text-group .box-desc {
    font-size: 15px;
    line-height: 170%;
  }
}
.sub-page.skms-page .main-content .skms-philosophy .notice {
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 17.6px */
  margin-top: 24px;
}
.sub-page.history-page .main-content .link-40th {
  display: block;
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .link-40th {
    position: relative;
    padding: 0 16px;
    margin: 20px auto 40px;
  }
}
@media (min-width: 768px) {
  .sub-page.history-page .main-content .link-40th {
    position: absolute;
    top: 0;
    right: 0;
    width: 294px;
  }
}
.sub-page.history-page .main-content .link-40th .img {
  max-width: 100%;
}
.sub-page.history-page .main-content .content-body .inner {
  padding-top: 0;
  padding-bottom: 0;
}
.sub-page.history-page .main-content .tab-body .content-item {
  padding-top: 80px;
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .tab-body .content-item {
    padding-top: 28px;
  }
}
.sub-page.history-page .main-content .tab-body .history-story .story-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 60px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  overflow: hidden;
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group {
    gap: 40px;
  }
}
.sub-page.history-page .main-content .tab-body .history-story .story-group ~ .story-group {
  margin-top: 200px;
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group ~ .story-group {
    margin-top: 80px;
  }
}
.sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 254px;
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img {
    height: 190px;
  }
}
.sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: auto 100%;
          background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img .img.cover-2020 {
    background-image: url("/images/introduce-re/history-story-2020-cover_lg.jpg");
  }
}
@media (min-width: 768px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img .img.cover-2020 {
    background-image: url("/images/introduce-re/history-story-2020-cover_lg.jpg");
  }
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img .img.cover-2010 {
    background-image: url("/images/introduce-re/history-story-2010-cover_lg.jpg");
  }
}
@media (min-width: 768px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img .img.cover-2010 {
    background-image: url("/images/introduce-re/history-story-2010-cover_lg.jpg");
  }
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img .img.cover-2000 {
    background-image: url("/images/introduce-re/history-story-2000-cover_lg.jpg");
  }
}
@media (min-width: 768px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img .img.cover-2000 {
    background-image: url("/images/introduce-re/history-story-2000-cover_lg.jpg");
  }
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img .img.cover-1999 {
    background-image: url("/images/introduce-re/history-story-1999-cover_lg.jpg");
  }
}
@media (min-width: 768px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img .img.cover-1999 {
    background-image: url("/images/introduce-re/history-story-1999-cover_lg.jpg");
  }
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img .img.cover-1990 {
    background-image: url("/images/introduce-re/history-story-1990-cover_lg.jpg");
  }
}
@media (min-width: 768px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img .img.cover-1990 {
    background-image: url("/images/introduce-re/history-story-1990-cover_lg.jpg");
  }
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img .img.cover-1980 {
    background-position: 16%;
    background-image: url("/images/introduce-re/history-story-1980-cover_lg.jpg");
  }
}
@media (min-width: 768px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img .img.cover-1980 {
    background-image: url("/images/introduce-re/history-story-1980-cover_lg.jpg");
  }
}
.sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img .tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  color: var(--color-white, #FFF);
  text-align: center;
  font-family: "SKT Sans Display";
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%; /* 48px */
  letter-spacing: 24px;
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .cover-img .tit {
    font-size: 26px;
    line-height: 160%; /* 41.6px */
    letter-spacing: 10.4px;
    white-space: nowrap;
  }
}
.sub-page.history-page .main-content .tab-body .history-story .story-group .title-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
@media (min-width: 768px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .title-group {
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
  }
}
.sub-page.history-page .main-content .tab-body .history-story .story-group .title-group .year {
  padding-bottom: 8px;
  border-bottom: 3px solid var(--color-primary_blue, #3A46CD);
  color: var(--color-primary_blue, #3A46CD);
  font-family: "SKT Sans Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 19.2px */
}
.sub-page.history-page .main-content .tab-body .history-story .story-group .title-group .tit {
  color: var(--color-gray_900, #1A2232);
  font-family: "SKT Sans Display";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 51.2px */
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .title-group .tit {
    font-size: 24px;
  }
}
.sub-page.history-page .main-content .tab-body .history-story .story-group .content-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .content-group {
    gap: 40px;
  }
}
@media (min-width: 768px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .content-group {
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
  }
}
.sub-page.history-page .main-content .tab-body .history-story .story-group .content-group + .title-group {
  margin-top: 120px;
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .content-group + .title-group {
    margin-top: 40px;
  }
}
.sub-page.history-page .main-content .tab-body .history-story .story-group .content-group .desc-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .content-group .desc-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 768px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .content-group .desc-group {
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .content-group .desc-group .img {
    max-width: 100%;
    margin-bottom: 12px;
  }
}
@media (min-width: 768px) {
  .sub-page.history-page .main-content .tab-body .history-story .story-group .content-group .desc-group .img {
    max-width: 280px;
  }
}
.sub-page.history-page .main-content .tab-body .history-story .story-group .content-group .desc-group .text-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.sub-page.history-page .main-content .tab-body .history-story .story-group .content-group .desc-group .desc {
  color: var(--color-gray_800, #3A404E);
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  word-break: keep-all;
}
.sub-page.history-page .main-content .tab-body .history-timeline {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .sub-page.history-page .main-content .tab-body .history-timeline {
    gap: 40px;
  }
}
@media (min-width: 769px) {
  .sub-page.history-page .main-content .tab-body .history-timeline {
    gap: 80px;
  }
}
.sub-page.history-page .main-content .tab-body .history-timeline .timeline-line {
  position: absolute;
  top: 14px;
  width: 2px;
  background: rgba(58, 70, 205, 0.2);
  overflow: hidden;
}
@media (max-width: 768px) {
  .sub-page.history-page .main-content .tab-body .history-timeline .timeline-line {
    left: 4px;
    height: -webkit-calc(100% - 70px);
    height: -moz-calc(100% - 70px);
    height: calc(100% - 70px);
  }
}
@media (max-width: 768px) and (max-width: 420px) {
  .sub-page.history-page .main-content .tab-body .history-timeline .timeline-line {
    height: -webkit-calc(100% - 95px);
    height: -moz-calc(100% - 95px);
    height: calc(100% - 95px);
  }
}
@media (min-width: 769px) {
  .sub-page.history-page .main-content .tab-body .history-timeline .timeline-line {
    left: 114px;
    height: -webkit-calc(100% - 35px);
    height: -moz-calc(100% - 35px);
    height: calc(100% - 35px);
  }
}
.sub-page.history-page .main-content .tab-body .history-timeline .timeline-line .active {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(58, 70, 205);
  -webkit-transform-origin: top;
     -moz-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}
@media (min-height: 1500px) {
  .sub-page.history-page .main-content .tab-body .history-timeline .timeline-line .active {
    -webkit-transform: scaleY(1.1);
       -moz-transform: scaleY(1.1);
        -ms-transform: scaleY(1.1);
            transform: scaleY(1.1);
  }
}
.sub-page.history-page .main-content .tab-body .history-timeline .timeline-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .sub-page.history-page .main-content .tab-body .history-timeline .timeline-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    padding-left: 24px;
  }
}
@media (min-width: 769px) {
  .sub-page.history-page .main-content .tab-body .history-timeline .timeline-content {
    gap: 40px;
    padding-left: 110px;
  }
}
.sub-page.history-page .main-content .tab-body .history-timeline .timeline-content .dot {
  content: "";
  display: inline-block;
  position: absolute;
  top: 14px;
  width: 10px;
  height: 10px;
  background: #B0B4E8;
}
@media (max-width: 768px) {
  .sub-page.history-page .main-content .tab-body .history-timeline .timeline-content .dot {
    left: 0;
  }
}
@media (min-width: 769px) {
  .sub-page.history-page .main-content .tab-body .history-timeline .timeline-content .dot {
    left: 110px;
  }
}
.sub-page.history-page .main-content .tab-body .history-timeline .timeline-content.on .dot {
  background: var(--color-primary_blue, #3A46CD);
}
.sub-page.history-page .main-content .tab-body .history-timeline .timeline-content .year {
  color: var(--color-primary_blue, #3A46CD);
  font-family: "SKT Sans Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 38.4px */
}
@media (min-width: 769px) {
  .sub-page.history-page .main-content .tab-body .history-timeline .timeline-content .year {
    padding-left: 50px;
  }
}
.sub-page.history-page .main-content .tab-body .history-timeline .timeline-content .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
@media (min-width: 769px) {
  .sub-page.history-page .main-content .tab-body .history-timeline .timeline-content .list {
    padding-top: 4px;
  }
}
.sub-page.history-page .main-content .tab-body .history-timeline .timeline-content .list .item {
  padding-left: 10px;
  text-indent: -10px;
  color: var(--color-gray_800, #3A404E);
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 27px */
}
.sub-page.history-page .main-content .tab-body .history-timeline .timeline-content .list .item::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 6px;
  vertical-align: middle;
  background-color: #202021;
}
.sub-page.brand-page .main-content .content-body .inner {
  padding-top: 0;
  padding-bottom: 0;
}
.sub-page.brand-page .main-content .title-group .tit {
  color: var(--color-primary_blue, #3A46CD);
  font-family: "SKT Sans Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 38.4px */
}
.sub-page.brand-page .main-content .title-group .desc {
  margin-top: 12px;
  color: var(--color-gray_800, #3A404E);
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 27px */
}
.sub-page.brand-page .main-content .img-group {
  margin-top: 24px;
}
.sub-page.brand-page .main-content img {
  max-width: 100%;
}
.sub-page.brand-page .main-content .brand-download {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
@media (max-width: 768px) {
  .sub-page.brand-page .main-content .brand-download {
    margin-top: 20px;
  }
}
@media (min-width: 769px) {
  .sub-page.brand-page .main-content .brand-download {
    border: 4px solid var(--color-gray_100, #ECEDEF);
  }
}
@media (max-width: 768px) {
  .sub-page.brand-page .main-content .brand-download .inner .download-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
@media (min-width: 769px) {
  .sub-page.brand-page .main-content .brand-download .inner .download-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 324px;
  }
}
.sub-page.brand-page .main-content .brand-download .inner .download-content .download-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 59px;
  height: 100%;
}
@media (max-width: 768px) {
  .sub-page.brand-page .main-content .brand-download .inner .download-content .download-item {
    gap: 40px;
    height: 234px;
    border: 4px solid var(--color-gray_100, #ECEDEF);
  }
}
.sub-page.brand-page .main-content .brand-download .inner .download-content .download-item:first-child {
  border-right: 2px solid #ECEDEF;
}
@media (max-width: 768px) {
  .sub-page.brand-page .main-content .brand-download .inner .download-content .download-item .logo-img {
    height: 69px;
  }
}
.sub-page.brand-page .main-content .brand-download .inner .download-content .download-item .download-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17px;
  padding: 11px 24px;
  border: 1px solid var(--color-gray_600, #727887);
  color: var(--color-gray_900, #1A2232);
  text-align: justify;
  font-family: "SKT Sans Text";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
  -webkit-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.sub-page.brand-page .main-content .brand-download .inner .download-content .download-item .download-link::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M7 1.5V8.5M7 8.5L3 6M7 8.5L11 6M1.5 10V12.5H12.5V10' stroke='%233A404E' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.sub-page.brand-page .main-content .brand-download .inner .download-content .download-item .download-link:hover, .sub-page.brand-page .main-content .brand-download .inner .download-content .download-item .download-link:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F;
}
.sub-page.brand-page .main-content .brand-download .inner .download-content .download-item .download-link:hover::after, .sub-page.brand-page .main-content .brand-download .inner .download-content .download-item .download-link:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M7 1.5V8.5M7 8.5L3 6M7 8.5L11 6M1.5 10V12.5H12.5V10' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .sub-page.brand-page .main-content .brand-identity {
    margin-top: 40px;
  }
}
@media (min-width: 769px) {
  .sub-page.brand-page .main-content .brand-identity {
    margin-top: 120px;
  }
}
@media (max-width: 768px) {
  .sub-page.brand-page .main-content .brand-color {
    margin-top: 40px;
  }
}
@media (min-width: 769px) {
  .sub-page.brand-page .main-content .brand-color {
    margin-top: 80px;
  }
}
@media (max-width: 768px) {
  .sub-page.brand-page .main-content .brand-motif {
    margin-top: 40px;
  }
}
@media (min-width: 769px) {
  .sub-page.brand-page .main-content .brand-motif {
    margin-top: 80px;
  }
}
@media (max-width: 768px) {
  .sub-page.brand-page .main-content .brand-mark {
    margin-top: 40px;
  }
}
@media (min-width: 769px) {
  .sub-page.brand-page .main-content .brand-mark {
    margin-top: 80px;
  }
}
@media (max-width: 768px) {
  .sub-page.brand-page .main-content .brand-color2 {
    margin-top: 40px;
  }
}
@media (min-width: 769px) {
  .sub-page.brand-page .main-content .brand-color2 {
    margin-top: 80px;
  }
}
.sub-page.brand-page .main-content .brand-history {
  margin-top: 120px;
}
.sub-page.brand-page .main-content .brand-history .accordion-list {
  border-top: 1px solid var(--color-gray_500, #9097A1);
  margin-top: 40px;
}
.sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-bottom: 1px solid var(--color-gray_100, #ECEDEF);
}
@media (max-width: 768px) {
  .sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group {
    gap: 24px;
    padding: 24px 0;
  }
}
@media (min-width: 769px) {
  .sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group {
    gap: 40px;
    padding: 24px 0px 24px 24px;
  }
}
.sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .year {
  color: var(--color-gray_900, #1A2232);
  font-family: "SKT Sans Text";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 27.2px */
}
.sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group {
  width: 100%;
}
.sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0;
  border: 0;
}
@media (max-width: 768px) {
  .sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
  }
}
@media (min-width: 769px) {
  .sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content {
    gap: 40px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
    padding-right: 24px;
  }
}
.sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content::after {
  content: "";
  width: 27px;
  height: 27px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Cpath d='M8 16L13.6569 10.3431L19.3137 16' stroke='%23D0D1D3' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: auto auto;
          background-size: auto;
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
@media (max-width: 768px) {
  .sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content::after {
    display: none;
  }
}
@media (min-width: 769px) {
  .sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content::after {
    display: block;
  }
}
.sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content.on::after {
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content.on .thumb-group::after {
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
@media (max-width: 768px) {
  .sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content .thumb-group {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
}
@media (min-width: 769px) {
  .sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content .thumb-group {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 120px;
  }
}
.sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content .thumb-group::after {
  content: "";
  width: 27px;
  height: 27px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Cpath d='M8 16L13.6569 10.3431L19.3137 16' stroke='%23D0D1D3' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: auto auto;
          background-size: auto;
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
@media (max-width: 768px) {
  .sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content .thumb-group::after {
    display: block;
  }
}
@media (min-width: 769px) {
  .sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content .thumb-group::after {
    display: none;
  }
}
.sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content .thumb-group .thumb {
  width: var(--w);
  height: auto;
}
@media (max-width: 768px) {
  .sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content .thumb-group .thumb {
    height: 100%;
  }
}
.sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content .text-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  width: 100%;
  text-align: left;
}
.sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content .text-group .tit {
  color: var(--color-gray_800, #3A404E);
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%; /* 27px */
}
.sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content .text-group .desc {
  display: none;
  overflow: hidden;
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  line-height: 170%; /* 23.8px */
}
.sub-page.brand-page .main-content .brand-history .accordion-list .accordion-group .content-group .content + .content {
  padding-top: 24px;
  border-top: 1px solid var(--color-gray_100, #ECEDEF);
  margin-top: 24px;
}

.sub-page.sports-page .main-content .hero-section {
  position: relative;
}
.sub-page.sports-page .main-content .hero-section .bg-group {
  position: absolute;
  top: 90px;
  left: 0;
  z-index: -1;
  width: 100%;
}
.sub-page.sports-page .main-content .hero-section .bg-group img {
  max-width: 100%;
}
@media (max-width: 768px) {
  .sub-page.sports-page .main-content .hero-section .img {
    display: block;
    max-width: 330px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .sub-page.sports-page .main-content .hero-section .img + .desc {
    margin-top: 16px;
  }
}
@media (max-width: 768px) {
  .sub-page.sports-page .main-content .hero-section .img + .desc + .img {
    margin-top: 40px;
  }
}
.sub-page.sports-page .main-content .hero-section .desc {
  color: var(--color-gray_800, #3A404E);
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 27px */
}
.sub-page.sports-page .main-content .hero-section .desc ~ .desc {
  margin-top: 20px;
}
@media (min-width: 769px) {
  .sub-page.sports-page .main-content .hero-section .desc ~ .desc {
    margin-top: 41px;
  }
}
.sub-page.sports-page .main-content .hero-section .text-box01 {
  position: relative;
}
.sub-page.sports-page .main-content .hero-section .text-box02 {
  position: relative;
}
@media (max-width: 768px) {
  .sub-page.sports-page .main-content .hero-section .text-box02 {
    margin-top: 40px;
  }
}
@media (min-width: 769px) {
  .sub-page.sports-page .main-content .hero-section .text-box02 {
    padding-top: 42px;
    padding-left: 400px;
    margin-top: 24px;
  }
}
.sub-page.sports-page .main-content .hero-section .text-box03 {
  position: relative;
}
@media (max-width: 768px) {
  .sub-page.sports-page .main-content .hero-section .text-box03 {
    margin-top: 40px;
  }
}
@media (min-width: 769px) {
  .sub-page.sports-page .main-content .hero-section .text-box03 {
    padding-top: 42px;
    padding-left: 296px;
  }
}
.sub-page.sports-page .main-content .hero-section .text-box04 {
  position: relative;
}
@media (max-width: 768px) {
  .sub-page.sports-page .main-content .hero-section .text-box04 {
    margin-top: 24px;
  }
}
@media (min-width: 769px) {
  .sub-page.sports-page .main-content .hero-section .text-box04 {
    padding-top: 36px;
  }
}
.sub-page.sports-page .main-content .hero-section .link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  border: 1px solid var(--color-gray_600, #727887);
  background: var(--color-white, #FFF);
  padding: 15px 31px;
  margin-top: 40px;
  color: var(--color-gray_900, #1A2232);
  text-align: justify;
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 24px */
  -webkit-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
@media (max-width: 768px) {
  .sub-page.sports-page .main-content .hero-section .link {
    padding: 11px 23px;
    font-size: 13px;
  }
}
.sub-page.sports-page .main-content .hero-section .link::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2.67188 11.5L11.4922 2.66285M11.4922 2.66285L11.4883 8.99609M11.4922 2.66285L5.16376 2.66286' stroke='%233A404E' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.sub-page.sports-page .main-content .hero-section .link:hover, .sub-page.sports-page .main-content .hero-section .link:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F;
}
.sub-page.sports-page .main-content .hero-section .link:hover::after, .sub-page.sports-page .main-content .hero-section .link:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.67188 11.5L11.4922 2.66285M11.4922 2.66285L11.4883 8.99609M11.4922 2.66285L5.16376 2.66286' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
.sub-page.sports-page .main-content .sns-section {
  margin-top: 120px;
}
.sub-page.sports-page .main-content .sns-section .title-group .tit {
  color: var(--color-primary_blue, #3A46CD);
  font-family: "SKT Sans Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}
.sub-page.sports-page .main-content .sns-section .social-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}
@media (max-width: 768px) {
  .sub-page.sports-page .main-content .sns-section .social-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 40px;
    margin-top: 9px;
  }
}
@media (min-width: 769px) {
  .sub-page.sports-page .main-content .sns-section .social-list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 120px;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
    margin-top: 24px;
  }
}
.sub-page.sports-page .main-content .sns-section .social-list .social-item {
  width: 100%;
}
@media (max-width: 768px) {
  .sub-page.sports-page .main-content .sns-section .social-list .social-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 24px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
  }
}
@media (min-width: 769px) {
  .sub-page.sports-page .main-content .sns-section .social-list .social-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
  }
}
.sub-page.sports-page .main-content .sns-section .social-list .social-item .thumb-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 768px) {
  .sub-page.sports-page .main-content .sns-section .social-list .social-item .thumb-group {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 95px;
    height: 60px;
  }
}
@media (min-width: 769px) {
  .sub-page.sports-page .main-content .sns-section .social-list .social-item .thumb-group {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .sub-page.sports-page .main-content .sns-section .social-list .social-item .thumb-group .thumb {
    height: 40px;
    margin: 0 auto;
  }
}
@media (min-width: 769px) {
  .sub-page.sports-page .main-content .sns-section .social-list .social-item .thumb-group .thumb {
    height: 80px;
  }
}
.sub-page.sports-page .main-content .sns-section .social-list .social-item .thumb-group .name {
  text-align: center;
  color: var(--color-gray_900, #1A2232);
  font-family: "SKT Sans Text";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 27.2px */
}
@media (max-width: 768px) {
  .sub-page.sports-page .main-content .sns-section .social-list .social-item .thumb-group .name {
    font-size: 13px;
  }
}
.sub-page.sports-page .main-content .sns-section .social-list .social-item .btn-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0px;
}
@media (max-width: 768px) {
  .sub-page.sports-page .main-content .sns-section .social-list .social-item .btn-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
  }
}
@media (min-width: 769px) {
  .sub-page.sports-page .main-content .sns-section .social-list .social-item .btn-group {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
  }
}
.sub-page.sports-page .main-content .sns-section .social-list .social-item .btn-group .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 7px 15px;
  border: 1px solid var(--color-gray_600, #727887);
  color: var(--Color-gr_800, #4C4C4C);
  text-align: justify;
  font-family: "SKT Sans Text";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
  background: var(--color-white, #FFF);
  -webkit-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
@media (max-width: 768px) {
  .sub-page.sports-page .main-content .sns-section .social-list .social-item .btn-group .btn {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    font-size: 12px;
    white-space: nowrap;
  }
}
.sub-page.sports-page .main-content .sns-section .social-list .social-item .btn-group .btn::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2.67188 11.5L11.4922 2.66285M11.4922 2.66285L11.4883 8.99609M11.4922 2.66285L5.16376 2.66286' stroke='%233A404E' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.sub-page.sports-page .main-content .sns-section .social-list .social-item .btn-group .btn:hover, .sub-page.sports-page .main-content .sns-section .social-list .social-item .btn-group .btn:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F;
}
.sub-page.sports-page .main-content .sns-section .social-list .social-item .btn-group .btn:hover::after, .sub-page.sports-page .main-content .sns-section .social-list .social-item .btn-group .btn:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.67188 11.5L11.4922 2.66285M11.4922 2.66285L11.4883 8.99609M11.4922 2.66285L5.16376 2.66286' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.sub-page.investor-common .table-group {
  position: relative;
}
.sub-page.investor-common .table-group .caption {
  color: #4C4C4C;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 17.6px */
}
@media (max-width: 767px) {
  .sub-page.investor-common .table-group .caption {
    padding-bottom: 5px;
    text-align: right;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-common .table-group .caption {
    position: absolute;
    top: -23px;
    right: 0;
  }
}
.sub-page.investor-common .table-group table {
  width: 100%;
  border-top: 1px solid #9097A1;
}
.sub-page.investor-common .table-group table thead th {
  padding: 12px;
  border-right: 1px solid #ECEDEF;
  border-left: 1px solid #ECEDEF;
  border-bottom: 1px solid #ECEDEF;
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
  text-align: center;
  background: #F9F9F9;
}
@media (max-width: 767px) {
  .sub-page.investor-common .table-group table thead th {
    text-align: left;
  }
}
.sub-page.investor-common .table-group table thead th:first-child {
  border-left: none;
}
.sub-page.investor-common .table-group table thead th:last-child {
  border-right: none;
}
.sub-page.investor-common .table-group table thead th.center {
  text-align: center;
}
.sub-page.investor-common .table-group table thead ~ thead tr {
  border-top: 1px solid #D0D1D3;
}
.sub-page.investor-common .table-group table tbody th, .sub-page.investor-common .table-group table tbody td {
  padding: 12px;
  border-right: 1px solid #ECEDEF;
  border-left: 1px solid #ECEDEF;
  border-bottom: 1px solid #ECEDEF;
  color: #1A2232;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
}
.sub-page.investor-common .table-group table tbody th:first-child, .sub-page.investor-common .table-group table tbody td:first-child {
  border-left: none;
}
.sub-page.investor-common .table-group table tbody th:last-child, .sub-page.investor-common .table-group table tbody td:last-child {
  border-right: none;
}
.sub-page.investor-common .table-group table tbody th.left, .sub-page.investor-common .table-group table tbody td.left {
  text-align: left;
}
.sub-page.investor-common .table-group table tbody th.center, .sub-page.investor-common .table-group table tbody td.center {
  text-align: center;
}
.sub-page.investor-common .table-group table tbody th.fw-400, .sub-page.investor-common .table-group table tbody td.fw-400 {
  font-weight: 400;
}
.sub-page.investor-common .table-group table tbody th.fz-14, .sub-page.investor-common .table-group table tbody td.fz-14 {
  font-size: 14px;
}
.sub-page.investor-common .table-group table tbody th.color-900, .sub-page.investor-common .table-group table tbody td.color-900 {
  color: #1A2232;
}
.sub-page.investor-common .table-group table tbody th.color-800, .sub-page.investor-common .table-group table tbody td.color-800 {
  color: #3A404E;
}
.sub-page.investor-common .table-group table tbody th.bg-gray, .sub-page.investor-common .table-group table tbody td.bg-gray {
  background: #F9F9F9;
}
@media (max-width: 767px) {
  .sub-page.investor-common .table-group table tbody th {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-common .table-group table tbody th {
    text-align: center;
  }
}
.sub-page.investor-common .table-group table tbody td {
  padding: 12px;
  color: #4C4C4C;
  font-weight: 300;
}
.sub-page.investor-common .table-group table tbody .no-bottom-line th, .sub-page.investor-common .table-group table tbody .no-bottom-line td {
  border-bottom: none;
}
.sub-page.investor-common .table-group .table-notice {
  padding-top: 8px;
}
.sub-page.investor-common .table-group .table-notice p {
  color: #4C4C4C;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 17.6px */
}
.sub-page.investor-common .table-group .table-notice p + p {
  padding-top: 4px;
}
.sub-page.investor-common .table-group .table-notice p.notice-title {
  font-weight: 600;
}

.sub-page.investor-page {
  display: block;
}
@media (max-width: 767px) {
  .sub-page.investor-page {
    padding: 43px 20px 0;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page {
    padding-top: 107px;
  }
}
.sub-page.investor-page.no-lnb #lnb {
  display: none;
}
@media (max-width: 767px) {
  .sub-page.investor-page .content-header {
    padding-bottom: 27px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .content-header {
    padding-bottom: 32px;
  }
}
.sub-page.investor-page .content-header .type-txt {
  color: #1A2232;
  font-family: "SKT Sans Display";
  font-style: normal;
  font-weight: 700;
}
@media (max-width: 767px) {
  .sub-page.investor-page .content-header .type-txt {
    font-size: 32px;
    line-height: 120%;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .content-header .type-txt {
    font-size: 56px;
    line-height: 100%;
  }
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner {
    margin-bottom: 32px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner {
    margin-bottom: 40px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 40px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item {
  width: 100%;
  height: 320px;
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link .link-inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link .link-inner {
    padding: 40px 32px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link .link-inner {
    padding: 46px 40px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link .link-inner:before {
  content: "";
  position: absolute;
  right: 38px;
  width: 21.832px;
  height: 15.828px;
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16' fill='none'%3E%3Cpath d='M21.832 8L13.3525 15.9141L11.6475 14.0859L16.8291 9.25H0V6.75H16.8291L11.6475 1.91406L13.3525 0.0859375L21.832 8Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-20px);
     -moz-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link .link-inner:before {
    top: 46px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link .link-inner:before {
    top: 50px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link .link-inner .name {
  color: #fff;
  font-family: "SKT Sans Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 28.8px */
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link .link-inner .name {
    padding-bottom: 8px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link .link-inner .name {
    padding-bottom: 11px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link .link-inner .desc {
  color: #fff;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 27px */
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link .link-inner .motion01, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link .link-inner .motion02, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link .link-inner .motion03 {
  opacity: 1;
  position: absolute;
  -webkit-transition: background 1s ease-in-out;
  -moz-transition: background 1s ease-in-out;
  transition: background 1s ease-in-out;
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 {
  background: -webkit-linear-gradient(285deg, #484BE8 10.77%, #3336BA 157.05%);
  background: -moz-linear-gradient(285deg, #484BE8 10.77%, #3336BA 157.05%);
  background: linear-gradient(165deg, #484BE8 10.77%, #3336BA 157.05%);
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion01, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion02, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion03 {
  display: block;
  height: 200px;
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion01, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion02, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion03 {
    width: 62px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion01, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion02, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion03 {
    width: 62px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion03 {
  background: -webkit-gradient(linear, left top, left bottom, from(#3199FB), to(#105FAB));
  background: -webkit-linear-gradient(top, #3199FB 0%, #105FAB 100%);
  background: -moz-linear-gradient(top, #3199FB 0%, #105FAB 100%);
  background: linear-gradient(180deg, #3199FB 0%, #105FAB 100%);
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion03 {
    right: 32px;
    bottom: -23px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion03 {
    right: 40px;
    bottom: -5px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion02 {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(60, 221, 229, 0.9)), to(rgba(33, 122, 127, 0.9)));
  background: -webkit-linear-gradient(top, rgba(60, 221, 229, 0.9) 0%, rgba(33, 122, 127, 0.9) 100%);
  background: -moz-linear-gradient(top, rgba(60, 221, 229, 0.9) 0%, rgba(33, 122, 127, 0.9) 100%);
  background: linear-gradient(180deg, rgba(60, 221, 229, 0.9) 0%, rgba(33, 122, 127, 0.9) 100%);
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion02 {
    right: 103px;
    bottom: -60px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion02 {
    right: 113px;
    bottom: -51px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion01 {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(63, 225, 141, 0.7)), to(rgba(24, 159, 69, 0.7)));
  background: -webkit-linear-gradient(top, rgba(63, 225, 141, 0.7) 0%, rgba(24, 159, 69, 0.7) 100%);
  background: -moz-linear-gradient(top, rgba(63, 225, 141, 0.7) 0%, rgba(24, 159, 69, 0.7) 100%);
  background: linear-gradient(180deg, rgba(63, 225, 141, 0.7) 0%, rgba(24, 159, 69, 0.7) 100%);
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion01 {
    right: 175px;
    bottom: -93px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01 .motion01 {
    right: 185px;
    bottom: -96px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01:hover .motion01, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01:focus .motion01 {
  -webkit-animation: investLinkMotion01 0.5s ease-in-out forwards;
     -moz-animation: investLinkMotion01 0.5s ease-in-out forwards;
          animation: investLinkMotion01 0.5s ease-in-out forwards;
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01:hover .motion02, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01:focus .motion02 {
  -webkit-animation: investLinkMotion01 0.8s ease-in-out forwards;
     -moz-animation: investLinkMotion01 0.8s ease-in-out forwards;
          animation: investLinkMotion01 0.8s ease-in-out forwards;
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01:hover .motion03, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link01:focus .motion03 {
  -webkit-animation: investLinkMotion01 1.1s ease-in-out forwards;
     -moz-animation: investLinkMotion01 1.1s ease-in-out forwards;
          animation: investLinkMotion01 1.1s ease-in-out forwards;
}
@-webkit-keyframes investLinkMotion01 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-moz-keyframes investLinkMotion01 {
  0% {
    opacity: 0;
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
  10% {
    opacity: 0;
    -moz-transform: translateY(50px);
         transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
}
@keyframes investLinkMotion01 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
            transform: translateY(0);
  }
  10% {
    opacity: 0;
    -webkit-transform: translateY(50px);
       -moz-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
            transform: translateY(0);
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 {
  background: -webkit-linear-gradient(290deg, #E03D48 13.5%, #970D23 112.87%);
  background: -moz-linear-gradient(290deg, #E03D48 13.5%, #970D23 112.87%);
  background: linear-gradient(160deg, #E03D48 13.5%, #970D23 112.87%);
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion01, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion02, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion03 {
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion01, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion02, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion03 {
    width: 95px;
    height: 95px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion01, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion02, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion03 {
    width: 107px;
    height: 107px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion03 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='107' height='107' viewBox='0 0 107 107' fill='none'%3E%3Cpath d='M87.9023 -0.00585938H106.328V25.9941H106.219V81.9941H80.2188V44.4434L18.6035 106.059L0.21875 87.6738L61.8984 25.9941H24.3281V-0.00585938H87.8984L87.9004 -0.0078125L87.9023 -0.00585938Z' fill='url(%23paint0_linear_2053_28508)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2053_28508' x1='106.219' y1='-1.07042e-08' x2='6.71875' y2='98.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%239CFF5A'/%3E%3Cstop offset='1' stop-color='%23C83A07'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion03 {
    right: 31px;
    bottom: 65px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion03 {
    right: 33px;
    bottom: 71px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion02 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='107' height='107' viewBox='0 0 107 107' fill='none'%3E%3Cpath d='M87.6836 0.00195312H106.109V26.002H106V82.002H80V44.4512L18.3848 106.066L0 87.6816L61.6797 26.002H24.1094V0.00195312H87.6797L87.6816 0L87.6836 0.00195312Z' fill='url(%23paint0_linear_2053_28512)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2053_28512' x1='106' y1='0.00781249' x2='6.5' y2='98.5078' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFC020'/%3E%3Cstop offset='1' stop-color='%23C82107'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  z-index: 2;
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion02 {
    right: 114px;
    bottom: 18px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion02 {
    right: 124px;
    bottom: 21px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion01 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='107' height='107' viewBox='0 0 107 107' fill='none'%3E%3Cpath d='M87.6836 0.00195312H106.109V26.002H106V82.002H80V44.4512L18.3848 106.066L0 87.6816L61.6797 26.002H24.1094V0.00195312H87.6797L87.6816 0L87.6836 0.00195312Z' fill='url(%23paint0_linear_2122_28662)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2122_28662' x1='106' y1='0.00781249' x2='6.5' y2='98.5078' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E86320'/%3E%3Cstop offset='1' stop-color='%23FF2B00'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  z-index: 3;
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion01 {
    right: 196px;
    bottom: -20px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02 .motion01 {
    right: 216px;
    bottom: -22px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02:hover .motion01, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02:focus .motion01 {
  -webkit-animation: investLinkMotion02 0.5s ease-in-out forwards;
     -moz-animation: investLinkMotion02 0.5s ease-in-out forwards;
          animation: investLinkMotion02 0.5s ease-in-out forwards;
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02:hover .motion02, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02:focus .motion02 {
  -webkit-animation: investLinkMotion02 0.8s ease-in-out forwards;
     -moz-animation: investLinkMotion02 0.8s ease-in-out forwards;
          animation: investLinkMotion02 0.8s ease-in-out forwards;
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02:hover .motion03, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link02:focus .motion03 {
  -webkit-animation: investLinkMotion02 1.1s ease-in-out forwards;
     -moz-animation: investLinkMotion02 1.1s ease-in-out forwards;
          animation: investLinkMotion02 1.1s ease-in-out forwards;
}
@-webkit-keyframes investLinkMotion02 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate(-50px, 50px);
            transform: translate(-50px, 50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0, 0);
            transform: translateY(0, 0);
  }
}
@-moz-keyframes investLinkMotion02 {
  0% {
    opacity: 0;
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
  10% {
    opacity: 0;
    -moz-transform: translate(-50px, 50px);
         transform: translate(-50px, 50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0, 0);
         transform: translateY(0, 0);
  }
}
@keyframes investLinkMotion02 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate(-50px, 50px);
       -moz-transform: translate(-50px, 50px);
            transform: translate(-50px, 50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0, 0);
       -moz-transform: translateY(0, 0);
            transform: translateY(0, 0);
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 {
  background: -webkit-linear-gradient(294deg, #7B28BF 15.6%, #4D0D97 113.26%);
  background: -moz-linear-gradient(294deg, #7B28BF 15.6%, #4D0D97 113.26%);
  background: linear-gradient(156deg, #7B28BF 15.6%, #4D0D97 113.26%);
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion01, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion02, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion03 {
  display: block;
  height: 180px;
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion01, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion02, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion03 {
    width: 133px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion01, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion02, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion03 {
    width: 153px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion03 {
  z-index: 5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='153' height='140' viewBox='0 0 153 140' fill='none'%3E%3Cpath d='M0 20L153 0V201H0V20Z' fill='url(%23paint0_linear_1428_32360)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1428_32360' x1='76.5' y1='0' x2='76.5' y2='201' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D82CA2'/%3E%3Cstop offset='1' stop-color='%23700A4F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion03 {
    right: 32px;
    bottom: -61px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion03 {
    right: 44px;
    bottom: -40px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion02 {
  z-index: 2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='153' height='164' viewBox='0 0 153 164' fill='none'%3E%3Cpath d='M0 20L153 0V261H0V20Z' fill='url(%23paint0_linear_1428_32359)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1428_32359' x1='76.5' y1='0' x2='76.5' y2='261' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2398139E'/%3E%3Cstop offset='1' stop-color='%236E0B72'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion02 {
    right: 70px;
    bottom: -41px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion02 {
    right: 84px;
    bottom: -19px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion01 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='153' height='188' viewBox='0 0 153 188' fill='none'%3E%3Cpath d='M0 20L153 0V261H0V20Z' fill='url(%23paint0_linear_1428_32358)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1428_32358' x1='76.5' y1='0' x2='76.5' y2='261' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DB4BEC'/%3E%3Cstop offset='1' stop-color='%23B428C5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion01 {
    right: 108px;
    bottom: -19px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03 .motion01 {
    right: 126px;
    bottom: 0px;
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03:hover .motion01, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03:focus .motion01 {
  -webkit-animation: investLinkMotion031 0.5s ease-in-out forwards;
     -moz-animation: investLinkMotion031 0.5s ease-in-out forwards;
          animation: investLinkMotion031 0.5s ease-in-out forwards;
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03:hover .motion02, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03:focus .motion02 {
  -webkit-animation: investLinkMotion032 0.8s ease-in-out forwards;
     -moz-animation: investLinkMotion032 0.8s ease-in-out forwards;
          animation: investLinkMotion032 0.8s ease-in-out forwards;
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03:hover .motion03, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link.investor-link03:focus .motion03 {
  -webkit-animation: investLinkMotion033 1.1s ease-in-out forwards;
     -moz-animation: investLinkMotion033 1.1s ease-in-out forwards;
          animation: investLinkMotion033 1.1s ease-in-out forwards;
}
@-webkit-keyframes investLinkMotion031 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0, 0);
            transform: translateY(0, 0);
  }
}
@-moz-keyframes investLinkMotion031 {
  0% {
    opacity: 0;
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
  10% {
    opacity: 0;
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0, 0);
         transform: translateY(0, 0);
  }
}
@keyframes investLinkMotion031 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0, 0);
       -moz-transform: translateY(0, 0);
            transform: translateY(0, 0);
  }
}
@-webkit-keyframes investLinkMotion032 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate(-40px, -10px);
            transform: translate(-40px, -10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0, 0);
            transform: translateY(0, 0);
  }
}
@-moz-keyframes investLinkMotion032 {
  0% {
    opacity: 0;
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
  10% {
    opacity: 0;
    -moz-transform: translate(-40px, -10px);
         transform: translate(-40px, -10px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0, 0);
         transform: translateY(0, 0);
  }
}
@keyframes investLinkMotion032 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate(-40px, -10px);
       -moz-transform: translate(-40px, -10px);
            transform: translate(-40px, -10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0, 0);
       -moz-transform: translateY(0, 0);
            transform: translateY(0, 0);
  }
}
@-webkit-keyframes investLinkMotion033 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate(-80px, -20px);
            transform: translate(-80px, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0, 0);
            transform: translateY(0, 0);
  }
}
@-moz-keyframes investLinkMotion033 {
  0% {
    opacity: 0;
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
  10% {
    opacity: 0;
    -moz-transform: translate(-80px, -20px);
         transform: translate(-80px, -20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0, 0);
         transform: translateY(0, 0);
  }
}
@keyframes investLinkMotion033 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate(-80px, -20px);
       -moz-transform: translate(-80px, -20px);
            transform: translate(-80px, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0, 0);
       -moz-transform: translateY(0, 0);
            transform: translateY(0, 0);
  }
}
.sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link:hover .link-inner:before, .sub-page.investor-page .sec-investor-menu .inner .investor-menu-content .investor-menu-item .investor-menu-link:focus .link-inner:before {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
@media (min-width: 768px) {
  .sub-page.investor-page .middle-section {
    display: grid;
    grid-template-columns: auto 388px;
    gap: 40px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.sub-page.investor-page .middle-section .sec-investor-notice {
  border-radius: 16px;
  border: 2px solid #D1D7F8;
  background: rgba(246, 247, 253, 0.9);
}
@media (max-width: 767px) {
  .sub-page.investor-page .middle-section .sec-investor-notice {
    margin-bottom: 32px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .middle-section .sec-investor-notice {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .sub-page.investor-page .middle-section .sec-investor-notice .inner .investor-notice-content {
    padding: 37px 30px 30px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .middle-section .sec-investor-notice .inner .investor-notice-content {
    display: grid;
    grid-template-columns: 200px auto;
    padding: 50px 40px;
  }
}
.sub-page.investor-page .middle-section .sec-investor-notice .inner .investor-notice-content .title {
  color: #1A2232;
  font-family: "SKT Sans Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 28.8px */
}
@media (max-width: 767px) {
  .sub-page.investor-page .middle-section .sec-investor-notice .inner .investor-notice-content .title {
    padding-bottom: 27px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .middle-section .sec-investor-notice .inner .investor-notice-content .title {
    padding-top: 6px;
  }
}
.sub-page.investor-page .middle-section .sec-investor-notice .inner .investor-notice-content .notice-group {
  border-top: 1px solid #9097A1;
}
.sub-page.investor-page .middle-section .sec-investor-notice .inner .investor-notice-content .notice-group .notice-item {
  border-bottom: 1px solid #ECEDEF;
}
@media (max-width: 767px) {
  .sub-page.investor-page .middle-section .sec-investor-notice .inner .investor-notice-content .notice-group .notice-item .notice-link {
    display: block;
    padding: 16px 12px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .middle-section .sec-investor-notice .inner .investor-notice-content .notice-group .notice-item .notice-link {
    padding: 20px 40px 20px 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.sub-page.investor-page .middle-section .sec-investor-notice .inner .investor-notice-content .notice-group .notice-item .notice-link:hover, .sub-page.investor-page .middle-section .sec-investor-notice .inner .investor-notice-content .notice-group .notice-item .notice-link:focus {
  background-color: rgba(255, 255, 255, 0.7);
}
.sub-page.investor-page .middle-section .sec-investor-notice .inner .investor-notice-content .notice-group .notice-item .notice-link .text {
  color: #4C4C4C;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
@media (max-width: 767px) {
  .sub-page.investor-page .middle-section .sec-investor-notice .inner .investor-notice-content .notice-group .notice-item .notice-link .text {
    padding-bottom: 6px;
  }
}
.sub-page.investor-page .middle-section .sec-investor-notice .inner .investor-notice-content .notice-group .notice-item .notice-link .date {
  color: #4C4C4C;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 17.6px */
  letter-spacing: 0.44px;
}
@media (max-width: 767px) {
  .sub-page.investor-page .middle-section .sec-investorsidemenu {
    margin-bottom: 32px;
    height: 200px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .middle-section .sec-investorsidemenu {
    min-height: 295px;
    margin-bottom: 40px;
  }
}
.sub-page.investor-page .middle-section .sec-investorsidemenu .investorsidemenu-swiper {
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.sub-page.investor-page .middle-section .sec-investorsidemenu .investorsidemenu-swiper .swiper-wrapper {
  height: 100%;
}
.sub-page.investor-page .middle-section .sec-investorsidemenu .investorsidemenu-swiper .swiper-wrapper .swiper-slide {
  height: 100%;
}
.sub-page.investor-page .middle-section .sec-investorsidemenu .investorsidemenu-swiper .swiper-wrapper .swiper-slide .investorsidemenu-link {
  position: relative;
  display: block;
  height: 100%;
  color: #FFF;
  font-family: "SKT Sans Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 38.4px */
}
.sub-page.investor-page .middle-section .sec-investorsidemenu .investorsidemenu-swiper .swiper-wrapper .swiper-slide .investorsidemenu-link .link-wrap {
  height: 100%;
  padding: 40px;
}
.sub-page.investor-page .middle-section .sec-investorsidemenu .investorsidemenu-swiper .swiper-wrapper .swiper-slide .investorsidemenu-link .link-wrap::after {
  content: "";
  display: block;
  position: absolute;
  right: 40px;
  bottom: 40px;
  width: 64px;
  height: 83px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='83' viewBox='0 0 64 83' fill='none'%3E%3Cpath d='M37.0029 0V38.9229L53.6953 24.2031L60.3105 31.7031L32.0029 56.667L3.69531 31.7031L10.3105 24.2031L27.0029 38.9229V0H37.0029Z' fill='white'/%3E%3Cpath d='M10 63V73H54V63H64V83H0V63H10Z' fill='white'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .sub-page.investor-page .middle-section .sec-investorsidemenu .investorsidemenu-swiper .swiper-wrapper .swiper-slide .investorsidemenu-link .link-wrap::after {
    right: 22px;
    bottom: 41px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .middle-section .sec-investorsidemenu .investorsidemenu-swiper .swiper-wrapper .swiper-slide .investorsidemenu-link .link-wrap::after {
    right: 40px;
    bottom: 40px;
  }
}
.sub-page.investor-page .middle-section .sec-investorsidemenu .investorsidemenu-swiper .swiper-wrapper .swiper-slide .investorsidemenu-link.rule-link .link-wrap {
  background: -webkit-gradient(linear, left top, left bottom, from(#2D3B76), to(#1B275D));
  background: -webkit-linear-gradient(top, #2D3B76 0%, #1B275D 100%);
  background: -moz-linear-gradient(top, #2D3B76 0%, #1B275D 100%);
  background: linear-gradient(180deg, #2D3B76 0%, #1B275D 100%);
}
.sub-page.investor-page .middle-section .sec-investorsidemenu .investorsidemenu-swiper .swiper-wrapper .swiper-slide .investorsidemenu-link.notice-link .link-wrap {
  background: -webkit-gradient(linear, left top, left bottom, from(#109EAD), color-stop(132.01%, #047B7F)), -webkit-gradient(linear, left top, left bottom, from(#2D3B76), to(#1B275D));
  background: -webkit-linear-gradient(top, #109EAD 0%, #047B7F 132.01%), -webkit-linear-gradient(top, #2D3B76 0%, #1B275D 100%);
  background: -moz-linear-gradient(top, #109EAD 0%, #047B7F 132.01%), -moz-linear-gradient(top, #2D3B76 0%, #1B275D 100%);
  background: linear-gradient(180deg, #109EAD 0%, #047B7F 132.01%), linear-gradient(180deg, #2D3B76 0%, #1B275D 100%);
}
.sub-page.investor-page .sec-investor-press .inner {
  padding-bottom: 120px;
}
.sub-page.investor-page .sec-investor-press .inner .investor-press-content {
  border-radius: 16px;
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-press .inner .investor-press-content {
    padding: 37px 30px 40px;
    border: 2px solid #D0D1D3;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-press .inner .investor-press-content {
    display: grid;
    grid-template-columns: 200px auto;
    padding: 40px;
    border: 2px solid #AFB6BC;
  }
}
.sub-page.investor-page .sec-investor-press .inner .investor-press-content .title {
  color: #1A2232;
  font-family: "SKT Sans Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 28.8px */
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-press .inner .investor-press-content .title {
    padding-bottom: 26px;
  }
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-press .inner .investor-press-content .press-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .sub-page.investor-page .sec-investor-press .inner .investor-press-content .press-group .press-item + .press-item {
    padding-top: 24px;
  }
}
.sub-page.investor-page .sec-investor-press .inner .investor-press-content .press-group .press-item .press-link {
  display: block;
}
.sub-page.investor-page .sec-investor-press .inner .investor-press-content .press-group .press-item .press-link:hover .press-img-wrap .img, .sub-page.investor-page .sec-investor-press .inner .investor-press-content .press-group .press-item .press-link:focus .press-img-wrap .img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.sub-page.investor-page .sec-investor-press .inner .investor-press-content .press-group .press-item .press-link .press-img-wrap {
  margin-bottom: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media (min-width: 768px) {
  .sub-page.investor-page .sec-investor-press .inner .investor-press-content .press-group .press-item .press-link .press-img-wrap {
    height: 200px;
  }
}
.sub-page.investor-page .sec-investor-press .inner .investor-press-content .press-group .press-item .press-link .press-img-wrap .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
}
.sub-page.investor-page .sec-investor-press .inner .investor-press-content .press-group .press-item .press-link .text {
  margin-bottom: 9px;
  height: 44px;
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
}
.sub-page.investor-page .sec-investor-press .inner .investor-press-content .press-group .press-item .press-link .date {
  color: #4C4C4C;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 17.6px */
}

.sub-page.meeting-page .main-content .content-body .accordion-wrap li:first-child {
  border-top: 1px solid #D0D1D3;
}
.sub-page.meeting-page .main-content .content-body .accordion-wrap li.expanded {
  border-top: 1px solid #3A46CD;
}
.sub-page.meeting-page .main-content .content-body .accordion-wrap li.expanded .accordion-header a {
  color: #3A46CD;
}
.sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-header a {
  display: block;
  padding: 20px 24px;
  color: #1A2232;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 27.2px */
}
@media (max-width: 767px) {
  .sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-header a {
    padding: 16px 12px;
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-header a {
    padding: 20px 24px;
    font-size: 17px;
  }
}
.sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-header a:before {
  display: none;
}
.sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body {
  border: none;
}
@media (max-width: 767px) {
  .sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body {
    padding: 24px 12px 20px 12px;
  }
}
@media (min-width: 768px) {
  .sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body {
    padding: 24px 24px 48px 24px;
  }
}
.sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body:before {
  display: none;
}
.sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body .body-title {
  padding-bottom: 7px;
  color: #1A2232;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 25.6px */
}
.sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body .meeting-info .info-desc-wrap {
  padding-bottom: 24px;
}
.sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body .meeting-info .info-desc-wrap .info-desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: #4C4C4C;
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  line-height: 160%; /* 22.4px */
}
.sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body .meeting-info .info-desc-wrap .info-desc:before {
  content: "";
  display: block;
  position: relative;
  top: -2px;
  width: 2px;
  height: 2px;
  background-color: #3A404E;
}
.sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body .meeting-info .info-desc-wrap .info-desc + .info-desc {
  padding-top: 4px;
}
.sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body .meeting-info .info-btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body .meeting-info .info-btn-wrap {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body .meeting-info .info-btn-wrap .btn-download-icon {
  padding: 7px 38px 7px 16px;
  border: 1px solid #727887;
  color: #4C4C4C;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
  background: url("../images/common/download-btn-icon.svg") right 16px center/auto no-repeat;
  -webkit-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body .meeting-info .info-btn-wrap .btn-download-icon:hover, .sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body .meeting-info .info-btn-wrap .btn-download-icon:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M7 1.5V8.5M7 8.5L3 6M7 8.5L11 6M1.5 10V12.5H12.5V10' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") right 16px center/auto no-repeat;
}
@media (min-width: 768px) {
  .sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body .meeting-subject .table-group table th {
    padding: 12px 24px;
  }
}
.sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body .meeting-subject .table-group table th.sub-th {
  font-size: 12px;
  font-weight: 400;
}
.sub-page.meeting-page .main-content .content-body .accordion-wrap li .accordion-body .meeting-result {
  padding-top: 80px;
}

@media (min-width: 768px) {
  .sub-page.state-page .main-content .content-header {
    padding-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .sub-page.state-page .main-content .content-body .img-group .img-wrap img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .sub-page.state-page .main-content .content-body .table-group table thead th, .sub-page.state-page .main-content .content-body .table-group table thead td {
    padding: 12px 16px;
  }
}
@media (max-width: 767px) and (max-width: 400px) {
  .sub-page.state-page .main-content .content-body .table-group table thead th, .sub-page.state-page .main-content .content-body .table-group table thead td {
    padding: 12px 12px;
  }
}
@media (max-width: 767px) {
  .sub-page.state-page .main-content .content-body .table-group table tbody th, .sub-page.state-page .main-content .content-body .table-group table tbody td {
    padding: 12px 16px;
  }
}
@media (max-width: 767px) and (max-width: 400px) {
  .sub-page.state-page .main-content .content-body .table-group table tbody th, .sub-page.state-page .main-content .content-body .table-group table tbody td {
    padding: 12px 12px;
  }
}
@media (min-width: 768px) {
  .sub-page.state-page .main-content .content-body .table-group table tbody th, .sub-page.state-page .main-content .content-body .table-group table tbody td {
    padding: 12px 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.state-page .main-content .content-body .table-group table tbody th.second-line, .sub-page.state-page .main-content .content-body .table-group table tbody td.second-line {
    padding-left: 40px;
  }
}
.sub-page.state-page .main-content .content-body + .content-body .inner {
  padding-top: 120px;
}
@media (max-width: 767px) {
  .sub-page.state-page .main-content .content-body.graph-content .inner .img-group {
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.state-page .main-content .content-body.graph-content .inner .img-group {
    margin-bottom: 90px;
  }
}
.sub-page.state-page .main-content .content-body.issued-content .inner .title-group {
  padding-bottom: 24px;
}
.sub-page.state-page .main-content .content-body.issued-content .inner .title-group .content-title {
  color: #1A2232;
  font-family: "SKT Sans Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 38.4px */
}
.sub-page.state-page .main-content .content-body.issued-content .inner .issued-group .title {
  padding-bottom: 8px;
  color: #3A46CD;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 25.6px */
}
.sub-page.state-page .main-content .content-body.issued-content .inner .issued-group + .issued-group {
  padding-top: 80px;
}
@media (max-width: 767px) {
  .sub-page.state-page .main-content .content-body.issued-content .inner .issued-ratio .ratio-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.state-page .main-content .content-body.issued-content .inner .issued-ratio .ratio-wrap {
    display: grid;
    grid-template-columns: 480px 364px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.sub-page.state-page .main-content .content-body.issued-content .inner .issued-ratio .ratio-wrap .img-wrap img {
  width: 100%;
}
@media (max-width: 767px) {
  .sub-page.state-page .main-content .content-body.issued-content .inner .issued-voting .table-group table tbody th {
    vertical-align: top;
  }
}
@media (max-width: 767px) {
  .sub-page.state-page .main-content .content-body.issued-content .inner .issued-voting .table-group table tbody th span {
    display: block;
    text-indent: -18px;
    padding-left: 18px;
  }
}
@media (max-width: 767px) {
  .sub-page.state-page .main-content .content-body.issued-content .inner .issued-voting .table-group table tbody td {
    vertical-align: top;
  }
}
@media (max-width: 767px) {
  .sub-page.state-page .main-content .content-body.issued-content .inner .issued-voting .table-group table tbody td span {
    display: block;
  }
}
@media (min-width: 768px) {
  .sub-page.state-page .main-content .content-body.issued-content .inner .issued-voting .table-group table tbody td span {
    display: inline-block;
    padding-left: 120px;
  }
}

.sub-page.information-page .main-content .content-body .inner .tab-wrap .txt-euroland, .sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .txt-euroland {
  display: grid;
  grid-template-columns: 2px auto;
  gap: 4px;
  -webkit-box-align: start;
  -webkit-align-items: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  color: #EE452E;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
}
@media (max-width: 767px) {
  .sub-page.information-page .main-content .content-body .inner .tab-wrap .txt-euroland, .sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .txt-euroland {
    padding: 0 0 12px;
  }
}
@media (min-width: 768px) {
  .sub-page.information-page .main-content .content-body .inner .tab-wrap .txt-euroland, .sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .txt-euroland {
    padding: 12px 0 24px;
  }
}
.sub-page.information-page .main-content .content-body .inner .tab-wrap .txt-euroland:before, .sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .txt-euroland:before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  margin: 6px 0;
  background-color: #EE452E;
}
.sub-page.information-page .main-content .content-body .inner .tab-wrap .txt-euroland.black, .sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .txt-euroland.black {
  display: block;
  color: #3A404E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 23.8px */
}
@media (max-width: 767px) {
  .sub-page.information-page .main-content .content-body .inner .tab-wrap .txt-euroland.black, .sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .txt-euroland.black {
    padding: 12px 0 40px;
  }
}
@media (min-width: 768px) {
  .sub-page.information-page .main-content .content-body .inner .tab-wrap .txt-euroland.black, .sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .txt-euroland.black {
    padding: 36px 0 60px;
  }
}
.sub-page.information-page .main-content .content-body .inner .tab-wrap .txt-euroland.black:before, .sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .txt-euroland.black:before {
  display: none;
}

.sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .tab-body .evaluation-item .content-inner .evaluation-content {
  display: grid;
}
@media (max-width: 767px) {
  .sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .tab-body .evaluation-item .content-inner .evaluation-content {
    grid-template-columns: 65px auto;
    padding: 0 16px;
  }
}
@media (min-width: 768px) {
  .sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .tab-body .evaluation-item .content-inner .evaluation-content {
    grid-template-columns: 166px auto;
  }
}
.sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .tab-body .evaluation-item .content-inner .evaluation-content .title {
  color: #3A46CD;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 25.6px */
}
@media (min-width: 768px) {
  .sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .tab-body .evaluation-item .content-inner .evaluation-content .title {
    padding-left: 80px;
  }
}
@media (max-width: 767px) {
  .sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .tab-body .evaluation-item .content-inner .evaluation-content .evaluation-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
@media (min-width: 768px) {
  .sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .tab-body .evaluation-item .content-inner .evaluation-content .evaluation-group {
    display: grid;
    grid-template-columns: repeat(3, 230px);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 56px;
  }
}
.sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .tab-body .evaluation-item .content-inner .evaluation-content .evaluation-group .evaluation-item {
  padding: 32px 40px 42px 40px;
  border: 1px solid #D0D1D3;
}
.sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .tab-body .evaluation-item .content-inner .evaluation-content .evaluation-group .evaluation-item .name {
  padding-bottom: 16px;
  color: #1A2232;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 24px */
}
.sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .tab-body .evaluation-item .content-inner .evaluation-content .evaluation-group .evaluation-item .result {
  font-family: "SKT Sans Display";
  font-size: 53px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 53px */
  letter-spacing: 6.36px;
  background: -webkit-gradient(linear, left top, left bottom, from(#4B54BA), to(#361376));
  background: -webkit-linear-gradient(top, #4B54BA 0%, #361376 100%);
  background: -moz-linear-gradient(top, #4B54BA 0%, #361376 100%);
  background: linear-gradient(180deg, #4B54BA 0%, #361376 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .tab-body .evaluation-item .content-inner .evaluation-content + .evaluation-content {
  padding-top: 60px;
}
.sub-page.financial-information-page .main-content .content-body .inner .tab-wrap .tab-body .evaluation-item .date {
  padding-top: 60px;
  color: #4C4C4C;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 17.6px */
  text-align: right;
}

.sub-page.return-page .main-content .content-body .inner .title-group .content-title {
  color: #3A46CD;
  font-family: "SKT Sans Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
}
@media (max-width: 767px) {
  .sub-page.return-page .main-content .content-body .inner .title-group .content-title {
    padding-bottom: 12px;
  }
}
@media (min-width: 768px) {
  .sub-page.return-page .main-content .content-body .inner .title-group .content-title {
    padding-bottom: 16px;
  }
}
.sub-page.return-page .main-content .content-body.policy-content .inner .policy-group .desc {
  color: #4C4C4C;
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  line-height: 160%; /* 22.4px */
}
.sub-page.return-page .main-content .content-body.policy-content .inner .policy-group .list-title {
  color: #1A2232;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%; /* 27px */
}
@media (max-width: 767px) {
  .sub-page.return-page .main-content .content-body.policy-content .inner .policy-group .list-title {
    padding: 12px 0 8px;
  }
}
@media (min-width: 768px) {
  .sub-page.return-page .main-content .content-body.policy-content .inner .policy-group .list-title {
    padding: 16px 0 8px;
  }
}
@media (max-width: 767px) {
  .sub-page.return-page .main-content .content-body.policy-content .inner .policy-group .bot-list {
    padding-bottom: 12px;
  }
}
@media (min-width: 768px) {
  .sub-page.return-page .main-content .content-body.policy-content .inner .policy-group .bot-list {
    padding-bottom: 24px;
  }
}
.sub-page.return-page .main-content .content-body.policy-content .inner .policy-group .bot-list .dot-text {
  display: grid;
  grid-template-columns: 2px auto;
  -webkit-box-align: start;
  -webkit-align-items: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 4px;
  color: #4C4C4C;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 160%; /* 22.4px */
}
.sub-page.return-page .main-content .content-body.policy-content .inner .policy-group .bot-list .dot-text:before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  margin: 6px 0;
  background-color: #4C4C4C;
}
.sub-page.return-page .main-content .content-body.policy-content .inner .policy-group .bot-list .dot-text .dot-text {
  padding-top: 4px;
}
.sub-page.return-page .main-content .content-body.breakdown-content .inner {
  padding-top: 80px;
}
.sub-page.return-page .main-content .content-body.breakdown-content .inner .title-group .content-title {
  padding-bottom: 5px;
}
.sub-page.return-page .main-content .content-body.breakdown-content .inner .table-group .table-mb table + table {
  margin-top: -1px;
}
.sub-page.return-page .main-content .content-body.breakdown-content .inner .table-group .table-mb table tbody tr td {
  padding: 0 12px 12px;
}
.sub-page.return-page .main-content .content-body.breakdown-content .inner .table-group .table-mb table tbody tr.no-bottom-line th {
  padding: 12px 12px 8px;
}
.sub-page.return-page .main-content .content-body.breakdown-content .inner .table-group .table-mb table tbody tr.no-bottom-line td {
  padding: 0 12px 6px;
  font-size: 12px;
}
.sub-page.return-page .main-content .content-body.breakdown-content .inner .table-group .table-lg table tbody th {
  padding: 16px 24px;
}
.sub-page.return-page .main-content .content-body.breakdown-content .inner .table-group .table-lg table tbody ~ tbody tr:first-child th {
  border-top: 1px solid var(--color-gray_100, #ECEDEF);
}
.sub-page.return-page .main-content .content-body.breakdown-content .inner .table-group .table-lg table tbody .accordion-header th {
  position: relative;
  border-bottom: none;
}
.sub-page.return-page .main-content .content-body.breakdown-content .inner .table-group .table-lg table tbody .accordion-header th .accordion-btn {
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 13px;
  height: 13px;
  padding: 0;
  border: 1px solid var(--color-gray_800, #3A404E);
}
.sub-page.return-page .main-content .content-body.breakdown-content .inner .table-group .table-lg table tbody .accordion-header th .accordion-btn:after {
  content: "+";
  display: inline-block;
  width: 11px;
  line-height: 11px;
}
.sub-page.return-page .main-content .content-body.breakdown-content .inner .table-group .table-lg table tbody .accordion-header.active .accordion-btn:after {
  content: "-";
}
.sub-page.return-page .main-content .content-body.breakdown-content .inner .table-group .table-lg table tbody .accordion-content td {
  padding: 0;
  border-bottom: none;
}
.sub-page.return-page .main-content .content-body.breakdown-content .inner .table-group .table-lg table tbody .accordion-content td .accordion-inner {
  padding: 0 24px 8px;
}
@media (max-width: 767px) {
  .sub-page.return-page .main-content .content-body.breakdown-content .inner .table-group .table-notice .notice-text {
    padding-left: 11px;
    text-indent: -11px;
  }
}
@media (min-width: 768px) {
  .sub-page.return-page .main-content .content-body.breakdown-content .inner .table-group .table-notice .notice-text sup {
    position: static;
    top: 0;
    font-size: inherit;
    line-height: inherit;
  }
}

.sub-page.disclosure-page .main-content .content-body .inner .contact {
  border-top: 1px solid #727887;
  padding-top: 12px;
}
.sub-page.disclosure-page .main-content .content-body .inner .contact span, .sub-page.disclosure-page .main-content .content-body .inner .contact a {
  color: #4C4C4C;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 19.2px */
  letter-spacing: 0.24px;
}

@media (max-width: 767px) {
  .sub-page.elec_notice-page .main-content {
    padding-bottom: 120px;
  }
}

@media (max-width: 767px) {
  .sub-page.elec_detail-page .main-content {
    padding-bottom: 120px;
  }
}

@media (max-width: 767px) {
  .sub-page.result-page .main-content {
    padding-bottom: 120px;
  }
}
.sub-page.result-page .main-content .content-header {
  padding-bottom: 0;
}
.sub-page.result-page .main-content .content-body .inner h4.type-txt {
  color: #3A46CD;
  font-family: "SKT Sans Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner h4.type-txt {
    padding-top: 67px;
  }
}
.sub-page.result-page .main-content .content-body .inner .inline-fix {
  margin-top: 23px;
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .inline-fix {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 0;
  }
}
.sub-page.result-page .main-content .content-body .inner .inline-fix > div > p {
  color: #565DA6;
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%; /* 27px */
}
@media (max-width: 767px) {
  .sub-page.result-page .main-content .content-body .inner .inline-fix .video-wrap {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .inline-fix .video-wrap {
    padding-right: 23px;
    width: 503px;
  }
}
@media (max-width: 767px) {
  .sub-page.result-page .main-content .content-body .inner .inline-fix .video-wrap .body-wrap {
    padding-top: 7px;
    height: 58vw;
  }
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .inline-fix .video-wrap .body-wrap {
    height: 278px;
    padding-top: 7px;
  }
}
.sub-page.result-page .main-content .content-body .inner .inline-fix .description-wrap {
  padding: 23px 0 0;
  border: 1px solid #d1d1d1;
}
@media (max-width: 767px) {
  .sub-page.result-page .main-content .content-body .inner .inline-fix .description-wrap {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .inline-fix .description-wrap {
    width: -webkit-calc(100% - 503px);
    width: -moz-calc(100% - 503px);
    width: calc(100% - 503px);
    margin-top: 34px;
  }
}
.sub-page.result-page .main-content .content-body .inner .inline-fix .description-wrap .title {
  padding-left: 23px;
  background: url("../images/invest-re/announce-caption-icon.svg") left center/auto no-repeat;
}
@media (max-width: 767px) {
  .sub-page.result-page .main-content .content-body .inner .inline-fix .description-wrap .title {
    margin: 0 23px 26px;
  }
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .inline-fix .description-wrap .title {
    margin: 0 23px 18px;
  }
}
.sub-page.result-page .main-content .content-body .inner .inline-fix .description-wrap .body-wrap {
  height: 200px;
  margin-top: 8px;
  background-color: #fff;
}
.sub-page.result-page .main-content .content-body .inner .inline-fix .description-wrap .body-wrap .scroll-inner {
  height: 100%;
}
.sub-page.result-page .main-content .content-body .inner .inline-fix .description-wrap .body-wrap .scroll-inner textarea {
  width: 100%;
  height: 100%;
  border: none;
  color: #4C4C4C;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 19.2px */
}
@media (max-width: 767px) {
  .sub-page.result-page .main-content .content-body .inner .inline-fix .description-wrap .body-wrap .scroll-inner textarea {
    padding: 0 19px;
  }
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .inline-fix .description-wrap .body-wrap .scroll-inner textarea {
    padding: 0 23px;
  }
}
.sub-page.result-page .main-content .content-body .inner .script-download-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-bottom: 1px solid #AFB6BC;
}
@media (max-width: 767px) {
  .sub-page.result-page .main-content .content-body .inner .script-download-wrap {
    padding: 13px 0 24px;
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .script-download-wrap {
    padding: 20px 0 24px;
  }
}
.sub-page.result-page .main-content .content-body .inner .script-download-wrap .btn-download-icon {
  padding: 8px 38px 8px 16px;
  border: 1px solid #727887;
  background: url("../images/common/download-btn-icon.svg") right 16px center/auto no-repeat;
}
.sub-page.result-page .main-content .content-body .inner .script-download-wrap .btn-download-icon span {
  color: #4C4C4C;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  text-align: left;
}
@media (max-width: 767px) {
  .sub-page.result-page .main-content .content-body .inner .script-download-wrap .btn-download-icon span {
    line-height: 145%;
  }
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .script-download-wrap .btn-download-icon span {
    line-height: 160%;
  }
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .board-search {
    padding: 40px 0 16px;
  }
}
@media (max-width: 767px) {
  .sub-page.result-page .main-content .content-body .inner .board-search form .custom-select-wrap {
    width: -webkit-calc(100% - 55px);
    width: -moz-calc(100% - 55px);
    width: calc(100% - 55px);
  }
}
@media (max-width: 767px) {
  .sub-page.result-page .main-content .content-body .inner .board-search form .custom-select-wrap select {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .board-search form .custom-select-wrap select {
    width: 180px;
  }
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li {
    display: grid;
    grid-template-columns: 200px auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .title-wrap {
    padding: 18px 16px 16px 16px;
    border-bottom: 1px solid #ECEDEF;
  }
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .title-wrap {
    padding: 24px;
  }
}
.sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .title-wrap .title {
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
@media (max-width: 767px) {
  .sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .download-wrap {
    padding-bottom: 7px;
  }
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .download-wrap {
    display: grid;
    grid-template-columns: auto 480px;
  }
}
@media (max-width: 767px) {
  .sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .download-wrap .listen-wrap {
    display: grid;
    grid-template-columns: 50% 50%;
  }
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .download-wrap .listen-wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .download-wrap .listen-wrap:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 24px;
    background-color: #ECEDEF;
  }
}
.sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .download-wrap .listen-wrap div .invest-download-nor {
  display: block;
  color: #4C4C4C;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 19.2px */
  background: url("../images/invest-re/announce-sound-icon.svg") left center/auto no-repeat;
}
@media (max-width: 767px) {
  .sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .download-wrap .listen-wrap div .invest-download-nor {
    padding: 12px 22px 12px 35px;
    background-position: left 16px center;
  }
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .download-wrap .listen-wrap div .invest-download-nor {
    padding: 24px 24px;
  }
}
.sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .download-wrap .listen-wrap div .invest-download-nor:hover, .sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .download-wrap .listen-wrap div .invest-download-nor:focus {
  color: #3A46CD;
  background-image: url("../images/invest-re/announce-sound-icon_hover.svg");
}
@media (max-width: 767px) {
  .sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .download-wrap .file-wrap {
    display: grid;
    grid-template-columns: 50% 50%;
  }
}
@media (min-width: 768px) {
  .sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .download-wrap .file-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .download-wrap .file-wrap div {
  width: 150px;
}
.sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .download-wrap .file-wrap div:nth-child(2) {
  width: 160px;
}
.sub-page.result-page .main-content .content-body .inner .board-list-wrap.list-download ul li .download-wrap .file-wrap div:nth-child(3) {
  width: 166px;
}

@media (max-width: 767px) {
  .sub-page.business-report-page .main-content {
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .sub-page.business-report-page .main-content .content-body .inner .board-list-wrap ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    padding: 19px 16px;
  }
}
@media (min-width: 768px) {
  .sub-page.business-report-page .main-content .content-body .inner .board-list-wrap ul li a {
    grid-template-columns: 67px 75px auto;
  }
}
@media (max-width: 767px) {
  .sub-page.business-report-page .main-content .content-body .inner .board-list-wrap ul li a > div {
    padding: 0;
  }
}
.sub-page.business-report-page .main-content .content-body .inner .board-list-wrap ul li a .idx-wrap .idx {
  color: #4C4C4C;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
.sub-page.business-report-page .main-content .content-body .inner .board-list-wrap ul li a .cate-wrap .category {
  color: #4C4C4C;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}

@media (max-width: 767px) {
  .sub-page.audit-report-page .main-content {
    padding-bottom: 120px;
  }
}
.sub-page.audit-report-page .main-content .content-body .inner .board-list-wrap ul li {
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #D0D1D3;
}
@media (max-width: 767px) {
  .sub-page.audit-report-page .main-content .content-body .inner .board-list-wrap ul li {
    grid-template-columns: 50px auto;
  }
}
@media (min-width: 768px) {
  .sub-page.audit-report-page .main-content .content-body .inner .board-list-wrap ul li {
    grid-template-columns: 80px auto;
  }
}
@media (max-width: 767px) {
  .sub-page.audit-report-page .main-content .content-body .inner .board-list-wrap ul li .index-wrap {
    padding: 16px;
  }
}
@media (min-width: 768px) {
  .sub-page.audit-report-page .main-content .content-body .inner .board-list-wrap ul li .index-wrap {
    padding: 24px;
  }
}
.sub-page.audit-report-page .main-content .content-body .inner .board-list-wrap ul li .index-wrap .index {
  color: #4C4C4C;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
@media (max-width: 767px) {
  .sub-page.audit-report-page .main-content .content-body .inner .board-list-wrap ul li .item-wrap .item .link {
    padding: 16px;
  }
}
@media (min-width: 768px) {
  .sub-page.audit-report-page .main-content .content-body .inner .board-list-wrap ul li .item-wrap .item .link {
    padding: 23px;
  }
}
.sub-page.audit-report-page .main-content .content-body .inner .board-list-wrap ul li .item-wrap .item .link .title {
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
.sub-page.audit-report-page .main-content .content-body .inner .board-list-wrap ul li .item-wrap .item + .item {
  border-top: 1px solid #ECEDEF;
}

@media (max-width: 767px) {
  .sub-page.presentation-page .main-content {
    padding-bottom: 120px;
  }
}
@media (min-width: 768px) {
  .sub-page.presentation-page .main-content .content-body .inner .board-list-wrap ul li {
    display: grid;
    grid-template-columns: auto 145px;
  }
}
.sub-page.presentation-page .main-content .content-body .inner .board-list-wrap ul li .title-wrap {
  padding: 21px 16px 0;
}
.sub-page.presentation-page .main-content .content-body .inner .board-list-wrap ul li .download-wrap .invest-download-nor {
  text-align: left;
  background: none;
}
@media (max-width: 767px) {
  .sub-page.presentation-page .main-content .content-body .inner .board-list-wrap ul li .download-wrap .invest-download-nor {
    width: 100%;
    padding: 15px 27px 19px 40px;
  }
}
@media (min-width: 768px) {
  .sub-page.presentation-page .main-content .content-body .inner .board-list-wrap ul li .download-wrap .invest-download-nor {
    padding: 24px 24px 24px 47px;
  }
}
@media (min-width: 768px) {
  .sub-page.presentation-page .main-content .content-body .inner .board-list-wrap ul li .download-wrap .invest-download-nor:after {
    left: 22px;
  }
}

@media (max-width: 767px) {
  .sub-page.ir-faq-page .main-content {
    padding-bottom: 120px;
  }
}
.sub-page.ir-faq-page .main-content .accordion-wrap {
  border-top: 0;
}

@media (min-width: 768px) {
  .sub-page.investor-common .main-content,
  .sub-page.investor-page .main-content,
  .sub-page.meeting-page .main-content,
  .sub-page.state-page .main-content,
  .sub-page.information-page .main-content,
  .sub-page.financial-information-page .main-content,
  .sub-page.financial-information-page .main-content,
  .sub-page.return-page .main-content,
  .sub-page.disclosure-page .main-content,
  .sub-page.elec_notice-page .main-content,
  .sub-page.elec_detail-page .main-content,
  .sub-page.result-page .main-content,
  .sub-page.business-report-page .main-content,
  .sub-page.audit-report-page .main-content,
  .sub-page.presentation-page .main-content,
  .sub-page.ir-faq-page .main-content {
    min-height: 700px;
  }
}

@media (min-width: 768px) {
  .sub-page.esg-common .content-header {
    padding-bottom: 64px;
  }
}
.sub-page.esg-common .content-body + .content-body .inner {
  padding-top: 80px;
}
@media (max-width: 767px) {
  .sub-page.esg-common .content-body .inner .inner-group + .inner-group {
    padding-top: 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.esg-common .content-body .inner .inner-group + .inner-group {
    padding-top: 40px;
  }
}
.sub-page.esg-common .intro-desc .desc {
  color: #3A404E;
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 767px) {
  .sub-page.esg-common .intro-desc .desc {
    font-size: 15px;
    line-height: 180%; /* 27px */
  }
}
@media (min-width: 768px) {
  .sub-page.esg-common .intro-desc .desc {
    font-size: 16px;
    line-height: 160%; /* 25.6px */
  }
}
.sub-page.esg-common .intro-desc .desc + .desc {
  padding-top: 16px;
}
.sub-page.esg-common .intro-desc .desc + .link-wrap {
  padding-top: 24px;
}
.sub-page.esg-common .intro-desc .desc + .link-wrap + .desc {
  padding-top: 40px;
}
.sub-page.esg-common .content-body .inner .title-group .content-title {
  color: #3A46CD;
  font-family: "SKT Sans Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
}
.sub-page.esg-common .content-body .inner .title-group .content-title + .content-desc {
  padding-top: 12px;
}
.sub-page.esg-common .content-body .inner .title-group + .img-wrap {
  padding-top: 12px;
}
.sub-page.esg-common .content-body .inner .title-group + .link-wrap {
  padding-top: 22px;
}
.sub-page.esg-common .content-body .inner .title-group .content-desc {
  color: #4C4C4C;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
@media (max-width: 767px) {
  .sub-page.esg-common .content-body .inner .title-group .content-desc {
    line-height: 160%; /* 22.4px */
  }
}
@media (min-width: 768px) {
  .sub-page.esg-common .content-body .inner .title-group .content-desc {
    line-height: 170%; /* 23.8px */
  }
}
.sub-page.esg-common .content-body .inner .title-group .content-desc ~ .content-desc {
  padding-top: 12px;
}
.sub-page.esg-common .content-body .inner .title-group .content-desc + .notice-wrap {
  padding-top: 12px;
}
.sub-page.esg-common .content-body .inner .title-group + .table-group {
  padding-top: 24px;
}
.sub-page.esg-common .content-body .inner .title-group + .inner-group {
  padding-top: 24px;
}
.sub-page.esg-common .content-body .inner .inner-group .group-title {
  color: #3A404E;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%; /* 27px */
}
.sub-page.esg-common .content-body .inner .inner-group .group-title.underline {
  padding-bottom: 8px;
  border-bottom: 1px solid #595E6B;
  margin-bottom: 8px;
}
.sub-page.esg-common .content-body .inner .inner-group .group-title.fz-14 {
  font-size: 14px;
}
.sub-page.esg-common .content-body .inner .inner-group .group-title.fw-700 {
  font-weight: 700;
}
@media (max-width: 767px) {
  .sub-page.esg-common .content-body .inner .inner-group .group-title + .group-desc {
    padding-top: 4px;
  }
}
@media (min-width: 768px) {
  .sub-page.esg-common .content-body .inner .inner-group .group-title + .group-desc {
    padding-top: 8px;
  }
}
.sub-page.esg-common .content-body .inner .inner-group .group-title + .img-wrap {
  padding-top: 24px;
}
.sub-page.esg-common .content-body .inner .inner-group .group-title + .table-group {
  padding-top: 8px;
}
.sub-page.esg-common .content-body .inner .inner-group .group-desc {
  color: #4C4C4C;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 160%; /* 22.4px */
}
.sub-page.esg-common .content-body .inner .inner-group .group-desc + .group-desc {
  padding-top: 8px;
}
.sub-page.esg-common .content-body .inner .inner-group .group-desc + .table-group {
  padding-top: 16px;
}
@media (max-width: 767px) {
  .sub-page.esg-common .content-body .inner .inner-group .group-desc + .link-wrap {
    padding-top: 16px;
  }
}
@media (min-width: 768px) {
  .sub-page.esg-common .content-body .inner .inner-group .group-desc + .link-wrap {
    padding-top: 24px;
  }
}
@media (max-width: 767px) {
  .sub-page.esg-common .img-wrap {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .sub-page.esg-common .img-wrap img {
    width: 328px;
  }
}
@media (min-width: 768px) {
  .sub-page.esg-common .img-wrap img {
    width: 100%;
  }
}
.sub-page.esg-common .box-link-list {
  background: #F9F9F9;
}
@media (max-width: 767px) {
  .sub-page.esg-common .box-link-list {
    padding: 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.esg-common .box-link-list {
    padding: 24px 40px;
  }
}
.sub-page.esg-common .box-link-list .box-link-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.sub-page.esg-common .box-link-list .box-link-item + .box-link-item {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #DFE0E0;
}
.sub-page.esg-common .box-link-list .box-link-item .name {
  color: #1A2232;
  font-style: normal;
  font-weight: 600;
  line-height: 180%; /* 27px */
}
@media (max-width: 767px) {
  .sub-page.esg-common .box-link-list .box-link-item .name {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .sub-page.esg-common .box-link-list .box-link-item .name {
    font-size: 15px;
  }
}
.sub-page.esg-common .box-link-list .box-link-item .btn {
  border: 1px solid #727887;
  padding: 8px 38px 8px 16px;
  color: #1A2232;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
}
.sub-page.esg-common .box-link-list .box-link-item .btn.pdf {
  background: #fff url("../images/common/download-btn-icon.svg") right 16px center/auto no-repeat;
  -webkit-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.sub-page.esg-common .box-link-list .box-link-item .btn.pdf:hover, .sub-page.esg-common .box-link-list .box-link-item .btn.pdf:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1.5V8.5M7 8.5L3 6M7 8.5L11 6M1.5 10V12.5H12.5V10' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E%0A") right 16px center/auto no-repeat;
}
.sub-page.esg-common .box-link-list .box-link-item .btn.out-link {
  background: #fff url("../images/common/out-link-icon.svg") right 16px center/auto no-repeat;
  -webkit-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.sub-page.esg-common .box-link-list .box-link-item .btn.out-link:hover, .sub-page.esg-common .box-link-list .box-link-item .btn.out-link:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon link'%3E%3Cpath id='Vector 59' d='M4.50781 3H10.5078M10.5078 3V9M10.5078 3L3.50781 10' stroke='%23fff' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A") right 22px center/auto no-repeat;
}
.sub-page.esg-common .link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .sub-page.esg-common .link-wrap {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
@media (min-width: 768px) {
  .sub-page.esg-common .link-wrap {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 12px;
  }
}
.sub-page.esg-common .link-wrap .link {
  border: 1px solid #727887;
  padding: 11px 52px 11px 24px;
  color: #1A2232;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
  background: url("../images/common/out-link-icon.svg") right 22px center/auto no-repeat;
  -webkit-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
@media (max-width: 767px) {
  .sub-page.esg-common .link-wrap .link {
    min-width: 240px;
  }
}
@media (min-width: 768px) {
  .sub-page.esg-common .link-wrap .link {
    min-width: 202px;
  }
}
.sub-page.esg-common .link-wrap .link.width-medium {
  width: 240px;
}
.sub-page.esg-common .link-wrap .link:hover, .sub-page.esg-common .link-wrap .link:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon link'%3E%3Cpath id='Vector 59' d='M4.50781 3H10.5078M10.5078 3V9M10.5078 3L3.50781 10' stroke='%23fff' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A") right 22px center/auto no-repeat;
}
.sub-page.esg-common .link-wrap .link.in-link {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'%3E%3Cpath d='M0.335937 5.59108L12.8216 5.57917M12.8216 5.57917L8.34061 10.0547M12.8216 5.57917L8.34677 1.1043' stroke='%233A404E' stroke-width='1.5'/%3E%3C/svg%3E") right 22px center/auto no-repeat;
}
.sub-page.esg-common .link-wrap .link.in-link:hover, .sub-page.esg-common .link-wrap .link.in-link:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'%3E%3Cpath d='M0.335937 5.59108L12.8216 5.57917M12.8216 5.57917L8.34061 10.0547M12.8216 5.57917L8.34677 1.1043' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E") right 22px center/auto no-repeat;
}
.sub-page.esg-common .link-wrap .link.pdf {
  background: url("../images/common/download-btn-icon.svg") right 22px center/auto no-repeat;
}
.sub-page.esg-common .link-wrap .link.pdf:hover, .sub-page.esg-common .link-wrap .link.pdf:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1.5V8.5M7 8.5L3 6M7 8.5L11 6M1.5 10V12.5H12.5V10' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E%0A") right 22px center/auto no-repeat;
}
.sub-page.esg-common .table-group {
  position: relative;
}
.sub-page.esg-common .table-group .caption {
  color: #4C4C4C;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 17.6px */
}
@media (max-width: 767px) {
  .sub-page.esg-common .table-group .caption {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .sub-page.esg-common .table-group .caption {
    position: absolute;
    top: -21px;
    right: 0;
  }
}
.sub-page.esg-common .table-group table {
  width: 100%;
  border-top: 1px solid #9097A1;
  border-bottom: 1px solid #ECEDEF;
}
@media (max-width: 767px) {
  .sub-page.esg-common .table-group table + table {
    border-top: 1px solid #D0D1D3;
    margin-top: -1px;
  }
}
.sub-page.esg-common .table-group table.va-top th, .sub-page.esg-common .table-group table.va-top td {
  vertical-align: top;
}
.sub-page.esg-common .table-group table thead th {
  padding: 12px;
  border-right: 1px solid #ECEDEF;
  border-left: 1px solid #ECEDEF;
  border-bottom: 1px solid #ECEDEF;
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
  text-align: center;
  background: #F9F9F9;
}
@media (max-width: 767px) {
  .sub-page.esg-common .table-group table thead th {
    text-align: left;
  }
}
.sub-page.esg-common .table-group table thead th:first-child {
  border-left: none;
}
.sub-page.esg-common .table-group table thead th:last-child {
  border-right: none;
}
.sub-page.esg-common .table-group table thead th.left {
  text-align: left;
}
.sub-page.esg-common .table-group table thead th.center {
  text-align: center;
}
.sub-page.esg-common .table-group table thead th.point {
  background-color: #ECEDEF;
}
.sub-page.esg-common .table-group table thead ~ thead tr th, .sub-page.esg-common .table-group table thead ~ thead tr td {
  border-top: 1px solid #9097A1;
}
.sub-page.esg-common .table-group table tbody th, .sub-page.esg-common .table-group table tbody td {
  padding: 12px;
  border-right: 1px solid #ECEDEF;
  border-left: 1px solid #ECEDEF;
  border-top: 1px solid #ECEDEF;
  color: #1A2232;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
}
.sub-page.esg-common .table-group table tbody th:first-child, .sub-page.esg-common .table-group table tbody td:first-child {
  border-left: none;
}
.sub-page.esg-common .table-group table tbody th:last-child, .sub-page.esg-common .table-group table tbody td:last-child {
  border-right: none;
}
.sub-page.esg-common .table-group table tbody th.left, .sub-page.esg-common .table-group table tbody td.left {
  text-align: left;
}
.sub-page.esg-common .table-group table tbody th.center, .sub-page.esg-common .table-group table tbody td.center {
  text-align: center;
}
.sub-page.esg-common .table-group table tbody th.fw-400, .sub-page.esg-common .table-group table tbody td.fw-400 {
  font-weight: 400;
}
.sub-page.esg-common .table-group table tbody th.fw-300, .sub-page.esg-common .table-group table tbody td.fw-300 {
  font-weight: 300;
}
.sub-page.esg-common .table-group table tbody th.fz-11, .sub-page.esg-common .table-group table tbody td.fz-11 {
  font-size: 11px;
}
.sub-page.esg-common .table-group table tbody th.fz-12, .sub-page.esg-common .table-group table tbody td.fz-12 {
  font-size: 12px;
}
.sub-page.esg-common .table-group table tbody th.fz-14, .sub-page.esg-common .table-group table tbody td.fz-14 {
  font-size: 14px;
}
.sub-page.esg-common .table-group table tbody th.color-800, .sub-page.esg-common .table-group table tbody td.color-800 {
  color: #3A404E;
}
.sub-page.esg-common .table-group table tbody th.bg-gray, .sub-page.esg-common .table-group table tbody td.bg-gray {
  background: #F9F9F9;
}
.sub-page.esg-common .table-group table tbody th.point, .sub-page.esg-common .table-group table tbody td.point {
  background: #FAFAFA;
}
@media (max-width: 767px) {
  .sub-page.esg-common .table-group table tbody th {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .sub-page.esg-common .table-group table tbody th {
    text-align: center;
  }
}
.sub-page.esg-common .table-group table tbody td {
  padding: 12px;
  color: #4C4C4C;
  font-weight: 400;
}
.sub-page.esg-common .table-group table tbody td.color-900 {
  color: #1A2232;
}
.sub-page.esg-common .table-group table tbody .no-bottom-line th, .sub-page.esg-common .table-group table tbody .no-bottom-line td {
  border-bottom: none;
}
.sub-page.esg-common .table-group table tbody .va-top th, .sub-page.esg-common .table-group table tbody .va-top td {
  vertical-align: top;
}
.sub-page.esg-common .table-group .notice-wrap {
  padding-top: 8px;
}
.sub-page.esg-common .notice-wrap p {
  display: grid;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-template-columns: auto auto;
  gap: 4px;
  color: #595E6B;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 17.6px */
}
.sub-page.esg-common .notice-wrap p + p {
  padding-top: 4px;
}
.sub-page.esg-common .notice-wrap p.notice-title {
  font-weight: 600;
}
.sub-page.esg-common .notice-wrap.num-notice-wrap li + li {
  margin-top: 12px;
}
.sub-page.esg-common .notice-wrap.num-notice-wrap li .num {
  position: relative;
  top: -1px;
  color: #3A46CD;
  font-size: 9px;
}
.sub-page.esg-common .notice-wrap.num-notice-wrap li .notice-text {
  color: #595E6B;
}
.sub-page.esg-common .notice-wrap.num-notice-wrap li + p {
  padding-top: 0px;
}
.sub-page.esg-common .notice-wrap ol {
  padding-left: 8px;
}
.sub-page.esg-common .notice-wrap ol li {
  padding-left: 13px;
  color: #595E6B;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 17.6px */
  text-indent: -13px;
}
@media (max-width: 767px) {
  .sub-page.esg-common .notice-wrap ol li + li {
    padding-top: 8px;
  }
}
@media (min-width: 768px) {
  .sub-page.esg-common .notice-wrap ol li + li {
    padding-top: 4px;
  }
}

@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-header {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-visual .inner {
    padding: 0;
  }
}
.sub-page.directions-page .main-content .content-body.content-visual .inner .visual-wrap {
  background: url("../images/esg-re/directions-visual-img.jpg") center/cover no-repeat;
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-visual .inner .visual-wrap {
    padding: 62px 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-visual .inner .visual-wrap {
    padding: 148px 0 120px;
  }
}
.sub-page.directions-page .main-content .content-body.content-visual .inner .visual-wrap .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #FFF;
  text-align: center;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-visual .inner .visual-wrap .title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 24px;
    line-height: 160%; /* 54.4px */
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-visual .inner .visual-wrap .title {
    padding-bottom: 32px;
    line-height: 190%; /* 64.6px */
  }
}
.sub-page.directions-page .main-content .content-body.content-visual .inner .visual-wrap .title .headline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.sub-page.directions-page .main-content .content-body.content-visual .inner .visual-wrap .title .headline .char {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 19px;
  height: 46px;
  padding-bottom: 9px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.sub-page.directions-page .main-content .content-body.content-visual .inner .visual-wrap .desc {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 25.6px */
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-ai .inner {
    padding-top: 60px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-ai .inner {
    width: 760px;
    padding-top: 80px;
    margin: 0 auto;
  }
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .title-wrap {
  text-align: center;
  padding-bottom: 85px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='488' height='113' viewBox='0 0 488 113' fill='none'%3E%3Cpath d='M0 0L249 113L488 6.31285L0 0Z' fill='url(%23paint0_linear_2020_27973)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2020_27973' x1='255.5' y1='-10.5' x2='255.5' y2='106.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23E3E4FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: top 20px center;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-ai .inner .title-wrap {
    padding-bottom: 62px;
    -webkit-background-size: 305px 305px;
            background-size: 305px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-ai .inner .title-wrap {
    padding-bottom: 85px;
  }
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-ai .inner .title-wrap img {
    width: 286px;
  }
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap {
  margin-top: -15px;
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-group {
  padding: 28px 20px 30px;
  border-radius: 24px;
  background: -webkit-linear-gradient(314deg, rgba(180, 127, 255, 0.4) -48.01%, rgba(24, 53, 199, 0.4) 102.56%), -webkit-linear-gradient(314deg, #EA94F0 -48.01%, #4F18C7 102.56%);
  background: -moz-linear-gradient(314deg, rgba(180, 127, 255, 0.4) -48.01%, rgba(24, 53, 199, 0.4) 102.56%), -moz-linear-gradient(314deg, #EA94F0 -48.01%, #4F18C7 102.56%);
  background: linear-gradient(136deg, rgba(180, 127, 255, 0.4) -48.01%, rgba(24, 53, 199, 0.4) 102.56%), linear-gradient(136deg, #EA94F0 -48.01%, #4F18C7 102.56%);
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-group .title {
  padding-bottom: 16px;
  color: #FFF;
  font-family: "SKT Sans Display";
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-group .title {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-group .title {
    font-size: 24px;
  }
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-group .desc {
  color: #FFF;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 24px */
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-group .desc {
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-group .desc {
    font-size: 15px;
  }
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .title {
  position: relative;
  z-index: 5;
  color: #1A2232;
  text-align: center;
  font-family: "SKT Sans Display";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 22px */
  -webkit-background-size: auto auto;
          background-size: auto;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .title {
    padding: 36px 0 37px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='98' viewBox='0 0 6 98' fill='none'%3E%3Cpath d='M3 95.5V69.5' stroke='%23727887'/%3E%3Cpath d='M3 32V0' stroke='%23727887'/%3E%3Ccircle cx='3' cy='95' r='3' fill='%233A46CD'/%3E%3C/svg%3E");
    background-position: center top -4px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .title {
    padding: 41px 0 57px;
    background-image: url("data:image/svg+xml,%3Csvg width='546' height='120' viewBox='0 0 546 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 114.5V85.5H278M543 114.5V85.5H278M278 114.5V85.5M278 85.5V69.5' stroke='%23727887'/%3E%3Cpath d='M278 32V0' stroke='%23727887'/%3E%3Ccircle cx='3' cy='117' r='3' fill='%233A46CD'/%3E%3Ccircle cx='278' cy='116' r='3' fill='%233A46CD'/%3E%3Ccircle cx='543' cy='117' r='3' fill='%233A46CD'/%3E%3C/svg%3E%0A");
    background-position: center top;
  }
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-mobile {
  margin-top: -5px;
  padding: 0 24px;
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-mobile .top-item-wrap .top-item {
  padding: 20px 16px 16px;
  border-radius: 4px;
  background: rgba(58, 70, 205, 0.08);
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-mobile .top-item-wrap .top-item + .top-item {
  margin-top: 12px;
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-mobile .top-item-wrap .top-item .name {
  padding-bottom: 12px;
  color: #242E9D;
  font-family: "SKT Sans Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 16px */
  text-align: center;
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-mobile .top-item-wrap .top-item .text {
  padding: 12px 16px 14px 16px;
  color: #595E6B;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 19.5px */
  background: #FFF;
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-mobile .bottom-item-wrap {
  padding-top: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='38' viewBox='0 0 8 38' fill='none'%3E%3Cpath d='M3.64645 37.3536C3.84171 37.5488 4.15829 37.5488 4.35355 37.3536L7.53553 34.1716C7.7308 33.9763 7.7308 33.6597 7.53553 33.4645C7.34027 33.2692 7.02369 33.2692 6.82843 33.4645L4 36.2929L1.17157 33.4645C0.976311 33.2692 0.659728 33.2692 0.464466 33.4645C0.269204 33.6597 0.269204 33.9763 0.464466 34.1716L3.64645 37.3536ZM4 37H4.5V0H4H3.5V37H4Z' fill='%23727887'/%3E%3C/svg%3E");
  background-position: top center;
  -webkit-background-size: auto auto;
          background-size: auto;
  background-repeat: no-repeat;
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-mobile .bottom-item-wrap .botton-item {
  padding: 20px 16px 16px;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(2.68%, #7D7E92), color-stop(287.76%, #25262C));
  background: -webkit-linear-gradient(top, #7D7E92 2.68%, #25262C 287.76%);
  background: -moz-linear-gradient(top, #7D7E92 2.68%, #25262C 287.76%);
  background: linear-gradient(180deg, #7D7E92 2.68%, #25262C 287.76%);
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-mobile .bottom-item-wrap .botton-item + .botton-item {
  margin-top: 12px;
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-mobile .bottom-item-wrap .botton-item .name {
  padding-bottom: 12px;
  color: #fff;
  font-family: "SKT Sans Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 16px */
  text-align: center;
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-mobile .bottom-item-wrap .botton-item .text {
  padding: 12px 16px 14px 16px;
  color: #3A404E;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 19.5px */
  background: #FFF;
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-tablet-desktop {
  margin-top: -3px;
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-tablet-desktop {
    display: grid;
    grid-template-columns: repeat(3, 220px);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-tablet-desktop .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-tablet-desktop .item .top {
  position: relative;
  width: 100%;
  padding: 20px;
  background: rgba(58, 70, 205, 0.08);
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-tablet-desktop .item .top .name {
  padding-bottom: 12px;
  color: #242E9D;
  font-family: "SKT Sans Display";
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 16px */
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-tablet-desktop .item .top .text {
  padding: 12px 16px 14px 16px;
  color: #595E6B;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 19.5px */
  background-color: #fff;
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-tablet-desktop .item .top:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -37px;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 8px;
  height: 37px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='38' viewBox='0 0 8 38' fill='none'%3E%3Cpath d='M3.64645 37.3536C3.84171 37.5488 4.15829 37.5488 4.35355 37.3536L7.53553 34.1716C7.7308 33.9763 7.7308 33.6597 7.53553 33.4645C7.34027 33.2692 7.02369 33.2692 6.82843 33.4645L4 36.2929L1.17157 33.4645C0.976311 33.2692 0.659728 33.2692 0.464466 33.4645C0.269204 33.6597 0.269204 33.9763 0.464466 34.1716L3.64645 37.3536ZM4 37H4.5V0H4H3.5V37H4Z' fill='%23727887'/%3E%3C/svg%3E");
  background-position: center top;
  background-repeat: no-repeat;
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-tablet-desktop .item .botton {
  width: 100%;
  padding: 20px 16px 16px 16px;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(2.68%, #7D7E92), color-stop(287.76%, #25262C));
  background: -webkit-linear-gradient(top, #7D7E92 2.68%, #25262C 287.76%);
  background: -moz-linear-gradient(top, #7D7E92 2.68%, #25262C 287.76%);
  background: linear-gradient(180deg, #7D7E92 2.68%, #25262C 287.76%);
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-tablet-desktop .item .botton .name {
  padding-bottom: 12px;
  color: #FFF;
  font-family: "SKT Sans Display";
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 16px */
}
.sub-page.directions-page .main-content .content-body.content-ai .inner .mission-wrap .mission-item-group .item-list.only-tablet-desktop .item .botton .text {
  padding: 12px 16px 14px 16px;
  border-radius: 4px;
  color: #3A404E;
  text-align: center;
  font-family: "SKT Sans Text";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 19.5px */
  background: #FFF;
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner {
    padding-top: 20px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner {
    padding-top: 80px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap {
  position: relative;
  border-radius: 16px;
  border: 2px solid rgba(12, 163, 104, 0.6);
  background: #0CA368;
  overflow: hidden;
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap {
    padding: 35px 35px 110px;
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap {
    padding: 40px;
    margin-bottom: 40px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .title {
  position: relative;
  z-index: 3;
  color: #FFF;
  font-family: "SKT Sans Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 38.4px */
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .title {
    padding-bottom: 6px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .title {
    padding-bottom: 8px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .desc {
  position: relative;
  z-index: 3;
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%; /* 27px */
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .link-grop {
  position: relative;
  z-index: 3;
  gap: 12px;
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .link-grop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 23px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .link-grop {
    display: grid;
    grid-template-columns: repeat(3, 200px);
    padding-top: 50px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .link-grop .result-link {
  display: block;
  position: relative;
  padding: 6px 14px;
  border: 2px solid #FFF;
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .link-grop .result-link {
    max-width: 200px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .link-grop .result-link span {
  display: block;
  position: relative;
  z-index: 3;
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M2 8.03639L12.4857 8.02449M12.4857 8.02449L8.00467 12.5M12.4857 8.02449L8.01083 3.54961' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") center right/auto no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .link-grop .result-link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 32px;
  -webkit-transform: scaleX(0);
     -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  background-color: #fff;
  -webkit-transform-origin: left;
     -moz-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .link-grop .result-link:hover span, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .link-grop .result-linkfocus span {
  color: #000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M2 8.03639L12.4857 8.02449M12.4857 8.02449L8.00467 12.5M12.4857 8.02449L8.01083 3.54961' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .link-grop .result-link:hover:after, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .link-grop .result-linkfocus:after {
  -webkit-transform: scaleX(1);
     -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .motion01 {
  display: block;
  position: absolute;
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  border-radius: 320px;
  background: -webkit-linear-gradient(45deg, rgba(27, 198, 81, 0) 14.64%, #1BC651 106.55%);
  background: -moz-linear-gradient(45deg, rgba(27, 198, 81, 0) 14.64%, #1BC651 106.55%);
  background: linear-gradient(45deg, rgba(27, 198, 81, 0) 14.64%, #1BC651 106.55%);
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .motion01 {
    bottom: 16px;
    right: 26px;
    width: 196px;
    height: 196px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .motion01 {
    top: -101px;
    right: 54px;
    width: 320px;
    height: 320px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .motion02 {
  display: block;
  position: absolute;
  bottom: -48px;
  right: -20px;
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  border-radius: 320px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(-12.89%, rgba(106, 200, 236, 0)), color-stop(160.7%, #129ACF));
  background: -webkit-linear-gradient(bottom, rgba(106, 200, 236, 0) -12.89%, #129ACF 160.7%);
  background: -moz-linear-gradient(bottom, rgba(106, 200, 236, 0) -12.89%, #129ACF 160.7%);
  background: linear-gradient(0deg, rgba(106, 200, 236, 0) -12.89%, #129ACF 160.7%);
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .motion02 {
    bottom: -25px;
    right: -20px;
    width: 130px;
    height: 130px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap .motion02 {
    bottom: -48px;
    right: -20px;
    width: 212px;
    height: 212px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap.is-show .motion01 {
  -webkit-animation: ESGResultMotion1 0.9s ease-in-out forwards;
     -moz-animation: ESGResultMotion1 0.9s ease-in-out forwards;
          animation: ESGResultMotion1 0.9s ease-in-out forwards;
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .result-wrap.is-show .motion02 {
  -webkit-animation: ESGResultMotion2 1.2s ease-in-out forwards;
     -moz-animation: ESGResultMotion2 1.2s ease-in-out forwards;
          animation: ESGResultMotion2 1.2s ease-in-out forwards;
}
@-webkit-keyframes ESGResultMotion1 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0) rotate(90deg);
            transform: translate(0, 0) rotate(90deg);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate(-90px, -50px) rotate(234deg);
            transform: translate(-90px, -50px) rotate(234deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0, 0) rotate(90deg);
            transform: translateY(0, 0) rotate(90deg);
  }
}
@-moz-keyframes ESGResultMotion1 {
  0% {
    opacity: 0;
    -moz-transform: translate(0, 0) rotate(90deg);
         transform: translate(0, 0) rotate(90deg);
  }
  10% {
    opacity: 0;
    -moz-transform: translate(-90px, -50px) rotate(234deg);
         transform: translate(-90px, -50px) rotate(234deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0, 0) rotate(90deg);
         transform: translateY(0, 0) rotate(90deg);
  }
}
@keyframes ESGResultMotion1 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0) rotate(90deg);
       -moz-transform: translate(0, 0) rotate(90deg);
            transform: translate(0, 0) rotate(90deg);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate(-90px, -50px) rotate(234deg);
       -moz-transform: translate(-90px, -50px) rotate(234deg);
            transform: translate(-90px, -50px) rotate(234deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0, 0) rotate(90deg);
       -moz-transform: translateY(0, 0) rotate(90deg);
            transform: translateY(0, 0) rotate(90deg);
  }
}
@-webkit-keyframes ESGResultMotion2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0) rotate(90deg);
            transform: translate(0, 0) rotate(90deg);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate(90px, 50px) rotate(234deg);
            transform: translate(90px, 50px) rotate(234deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0, 0) rotate(90deg);
            transform: translateY(0, 0) rotate(90deg);
  }
}
@-moz-keyframes ESGResultMotion2 {
  0% {
    opacity: 0;
    -moz-transform: translate(0, 0) rotate(90deg);
         transform: translate(0, 0) rotate(90deg);
  }
  10% {
    opacity: 0;
    -moz-transform: translate(90px, 50px) rotate(234deg);
         transform: translate(90px, 50px) rotate(234deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0, 0) rotate(90deg);
         transform: translateY(0, 0) rotate(90deg);
  }
}
@keyframes ESGResultMotion2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0) rotate(90deg);
       -moz-transform: translate(0, 0) rotate(90deg);
            transform: translate(0, 0) rotate(90deg);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate(90px, 50px) rotate(234deg);
       -moz-transform: translate(90px, 50px) rotate(234deg);
            transform: translate(90px, 50px) rotate(234deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0, 0) rotate(90deg);
       -moz-transform: translateY(0, 0) rotate(90deg);
            transform: translateY(0, 0) rotate(90deg);
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 40px;
    margin-bottom: 40px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item {
  width: 100%;
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item {
    height: 280px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item {
    height: 240px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border: 2px solid rgba(14, 128, 84, 0.6);
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link .link-inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link .link-inner {
    padding: 31px 34px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link .link-inner {
    padding: 40px 37px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link .link-inner:before {
  content: "";
  position: absolute;
  width: 21.832px;
  height: 15.828px;
  opacity: 0;
  -webkit-transform: translateX(-20px);
     -moz-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16' fill='none'%3E%3Cpath d='M21.832 8L13.3525 15.9141L11.6475 14.0859L16.8291 9.25H0V6.75H16.8291L11.6475 1.91406L13.3525 0.0859375L21.832 8Z' fill='%230F7E52'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link .link-inner:before {
    top: 40px;
    right: 34px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link .link-inner:before {
    top: 50px;
    right: 38px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link .link-inner .name {
  position: relative;
  z-index: 6;
  padding-bottom: 6px;
  color: #0F7E52;
  font-family: "SKT Sans Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 28.8px */
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link .link-inner .desc {
  position: relative;
  z-index: 6;
  color: #3A404E;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 27px */
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link .link-inner .motion01, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link .link-inner .motion02, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link .link-inner .motion03 {
  position: absolute;
  -webkit-transition: background 1s ease-in-out;
  -moz-transition: background 1s ease-in-out;
  transition: background 1s ease-in-out;
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link01 .motion01 {
  background: -webkit-gradient(linear, left top, right top, from(rgba(245, 220, 77, 0.6)), to(rgba(245, 220, 77, 0)));
  background: -webkit-linear-gradient(left, rgba(245, 220, 77, 0.6) 0%, rgba(245, 220, 77, 0) 100%);
  background: -moz-linear-gradient(left, rgba(245, 220, 77, 0.6) 0%, rgba(245, 220, 77, 0) 100%);
  background: linear-gradient(90deg, rgba(245, 220, 77, 0.6) 0%, rgba(245, 220, 77, 0) 100%);
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link01 .motion01 {
    right: 70px;
    bottom: -43px;
    width: 156px;
    height: 89px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link01 .motion01 {
    right: 73px;
    bottom: -50px;
    width: 179px;
    height: 103px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link01 .motion02 {
  border-radius: 360px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(62, 204, 83, 0.6)), to(rgba(185, 229, 124, 0.6)));
  background: -webkit-linear-gradient(top, rgba(62, 204, 83, 0.6) 0%, rgba(185, 229, 124, 0.6) 100%);
  background: -moz-linear-gradient(top, rgba(62, 204, 83, 0.6) 0%, rgba(185, 229, 124, 0.6) 100%);
  background: linear-gradient(180deg, rgba(62, 204, 83, 0.6) 0%, rgba(185, 229, 124, 0.6) 100%);
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link01 .motion02 {
    right: 17px;
    bottom: -30px;
    width: 150px;
    height: 150px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link01 .motion02 {
    right: 15px;
    bottom: -7px;
    width: 170px;
    height: 170px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link01 .motion03 {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(58, 204, 224, 0.6)), to(rgba(58, 204, 224, 0)));
  background: -webkit-linear-gradient(top, rgba(58, 204, 224, 0.6) 0%, rgba(58, 204, 224, 0) 100%);
  background: -moz-linear-gradient(top, rgba(58, 204, 224, 0.6) 0%, rgba(58, 204, 224, 0) 100%);
  background: linear-gradient(180deg, rgba(58, 204, 224, 0.6) 0%, rgba(58, 204, 224, 0) 100%);
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link01 .motion03 {
    right: -14px;
    bottom: -78px;
    width: 90px;
    height: 156px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link01 .motion03 {
    right: -38px;
    bottom: -86px;
    width: 103px;
    height: 179px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link01:hover .motion01, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link01:focus .motion01 {
  -webkit-animation: ESGLinkMotion01 1.1s ease-in-out forwards;
     -moz-animation: ESGLinkMotion01 1.1s ease-in-out forwards;
          animation: ESGLinkMotion01 1.1s ease-in-out forwards;
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link01:hover .motion02, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link01:focus .motion02 {
  -webkit-animation: ESGLinkMotion01 0.5s ease-in-out forwards;
     -moz-animation: ESGLinkMotion01 0.5s ease-in-out forwards;
          animation: ESGLinkMotion01 0.5s ease-in-out forwards;
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link01:hover .motion03, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link01:focus .motion03 {
  -webkit-animation: ESGLinkMotion01 0.8s ease-in-out forwards;
     -moz-animation: ESGLinkMotion01 0.8s ease-in-out forwards;
          animation: ESGLinkMotion01 0.8s ease-in-out forwards;
}
@-webkit-keyframes ESGLinkMotion01 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10% {
    opacity: 0;
    -webkit-transform: translateY(50px) rotate(-180deg);
            transform: translateY(50px) rotate(-180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
@-moz-keyframes ESGLinkMotion01 {
  0% {
    opacity: 0;
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
  10% {
    opacity: 0;
    -moz-transform: translateY(50px) rotate(-180deg);
         transform: translateY(50px) rotate(-180deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0) rotate(0);
         transform: translateY(0) rotate(0);
  }
}
@keyframes ESGLinkMotion01 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
            transform: translateY(0);
  }
  10% {
    opacity: 0;
    -webkit-transform: translateY(50px) rotate(-180deg);
       -moz-transform: translateY(50px) rotate(-180deg);
            transform: translateY(50px) rotate(-180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) rotate(0);
       -moz-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion01, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion02, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion03 {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(62, 204, 83, 0.6)), color-stop(77.52%, rgba(185, 229, 124, 0)));
  background: -webkit-linear-gradient(top, rgba(62, 204, 83, 0.6) 0%, rgba(185, 229, 124, 0) 77.52%);
  background: -moz-linear-gradient(top, rgba(62, 204, 83, 0.6) 0%, rgba(185, 229, 124, 0) 77.52%);
  background: linear-gradient(180deg, rgba(62, 204, 83, 0.6) 0%, rgba(185, 229, 124, 0) 77.52%);
  -webkit-transform-origin: bottom center;
     -moz-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion01, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion02, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion03 {
    width: 88px;
    height: 262px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion01, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion02, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion03 {
    width: 102px;
    height: 307px;
  }
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion01 {
    right: 92px;
    bottom: -110px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion01 {
    right: 110px;
    bottom: -133px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion02 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.39%, rgba(245, 220, 77, 0.6)), color-stop(68.06%, rgba(245, 220, 77, 0)));
  background: -webkit-linear-gradient(top, rgba(245, 220, 77, 0.6) 0.39%, rgba(245, 220, 77, 0) 68.06%);
  background: -moz-linear-gradient(top, rgba(245, 220, 77, 0.6) 0.39%, rgba(245, 220, 77, 0) 68.06%);
  background: linear-gradient(180deg, rgba(245, 220, 77, 0.6) 0.39%, rgba(245, 220, 77, 0) 68.06%);
  -webkit-transform: rotate(15deg);
     -moz-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion02 {
    right: 103px;
    bottom: -129px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion02 {
    right: 121px;
    bottom: -156px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion03 {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(58, 204, 224, 0.4)), color-stop(56.52%, rgba(58, 204, 224, 0)));
  background: -webkit-linear-gradient(top, rgba(58, 204, 224, 0.4) 0%, rgba(58, 204, 224, 0) 56.52%);
  background: -moz-linear-gradient(top, rgba(58, 204, 224, 0.4) 0%, rgba(58, 204, 224, 0) 56.52%);
  background: linear-gradient(180deg, rgba(58, 204, 224, 0.4) 0%, rgba(58, 204, 224, 0) 56.52%);
  -webkit-transform: rotate(30deg);
     -moz-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion03 {
    right: 114px;
    bottom: -146px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02 .motion03 {
    right: 136px;
    bottom: -171px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02:hover .motion01, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02:focus .motion01 {
  -webkit-animation: ESGLinkMotion021 0.5s ease-in-out forwards;
     -moz-animation: ESGLinkMotion021 0.5s ease-in-out forwards;
          animation: ESGLinkMotion021 0.5s ease-in-out forwards;
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02:hover .motion02, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02:focus .motion02 {
  -webkit-animation: ESGLinkMotion022 0.8s ease-in-out forwards;
     -moz-animation: ESGLinkMotion022 0.8s ease-in-out forwards;
          animation: ESGLinkMotion022 0.8s ease-in-out forwards;
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02:hover .motion03, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link.esg-link02:focus .motion03 {
  -webkit-animation: ESGLinkMotion023 1.1s ease-in-out forwards;
     -moz-animation: ESGLinkMotion023 1.1s ease-in-out forwards;
          animation: ESGLinkMotion023 1.1s ease-in-out forwards;
}
@-webkit-keyframes ESGLinkMotion021 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-moz-keyframes ESGLinkMotion021 {
  0% {
    opacity: 0;
    -moz-transform: rotate(0);
         transform: rotate(0);
  }
  10% {
    opacity: 0;
    -moz-transform: rotate(0);
         transform: rotate(0);
  }
  100% {
    opacity: 1;
    -moz-transform: rotate(0);
         transform: rotate(0);
  }
}
@keyframes ESGLinkMotion021 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    opacity: 0;
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes ESGLinkMotion022 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
}
@-moz-keyframes ESGLinkMotion022 {
  0% {
    opacity: 0;
    -moz-transform: rotate(0);
         transform: rotate(0);
  }
  50% {
    opacity: 0;
    -moz-transform: rotate(0);
         transform: rotate(0);
  }
  100% {
    opacity: 1;
    -moz-transform: rotate(15deg);
         transform: rotate(15deg);
  }
}
@keyframes ESGLinkMotion022 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    opacity: 0;
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(15deg);
       -moz-transform: rotate(15deg);
            transform: rotate(15deg);
  }
}
@-webkit-keyframes ESGLinkMotion023 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
}
@-moz-keyframes ESGLinkMotion023 {
  0% {
    opacity: 0;
    -moz-transform: rotate(0);
         transform: rotate(0);
  }
  50% {
    opacity: 0;
    -moz-transform: rotate(0);
         transform: rotate(0);
  }
  100% {
    opacity: 1;
    -moz-transform: rotate(30deg);
         transform: rotate(30deg);
  }
}
@keyframes ESGLinkMotion023 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    opacity: 0;
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(30deg);
       -moz-transform: rotate(30deg);
            transform: rotate(30deg);
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link:hover .link-inner:before, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link:focus .link-inner:before {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link:hover .desc, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .quick-link-wrap .esg-menu-item .esg-menu-link:focus .desc {
  font-weight: 600;
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .esg-press-content {
  border-radius: 16px;
  border: 2px solid #AFB6BC;
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .esg-press-content {
    padding: 36px 34px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .esg-press-content {
    padding: 40px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .esg-press-content .title {
  color: #1A2232;
  font-family: "SKT Sans Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 38.4px */
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .esg-press-content .title {
    padding-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .esg-press-content .title {
    padding-bottom: 14px;
  }
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .esg-press-content .press-group {
    display: grid;
    grid-template-columns: repeat(3, 266px);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .esg-press-content .press-group .press-item + .press-item {
    margin-top: 40px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .esg-press-content .press-group .press-item .press-link {
  display: block;
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .esg-press-content .press-group .press-item .press-link:hover .press-img-wrap .img, .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .esg-press-content .press-group .press-item .press-link:focus .press-img-wrap .img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .esg-press-content .press-group .press-item .press-link .press-img-wrap {
  margin-bottom: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media (min-width: 768px) {
  .sub-page.directions-page .main-content .content-body.content-esg-quick .inner .esg-press-content .press-group .press-item .press-link .press-img-wrap {
    height: 200px;
  }
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .esg-press-content .press-group .press-item .press-link .press-img-wrap .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .esg-press-content .press-group .press-item .press-link .text {
  margin-bottom: 9px;
  height: 44px;
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
.sub-page.directions-page .main-content .content-body.content-esg-quick .inner .esg-press-content .press-group .press-item .press-link .date {
  color: #4C4C4C;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 17.6px */
}

@media (max-width: 767px) {
  .sub-page.framework-page .main-content .content-body.organization-content .inner .title-group .notice-wrap {
    padding: 24px 0 18px;
  }
}
@media (min-width: 768px) {
  .sub-page.framework-page .main-content .content-body.organization-content .inner .title-group .notice-wrap {
    padding: 20px 0 18px;
  }
}
.sub-page.framework-page .main-content .content-body.organization-content .inner .title-group .notice-wrap ol {
  padding-bottom: 5px;
}
@media (max-width: 767px) {
  .sub-page.framework-page .main-content .content-body.organization-content .inner .title-group .notice-wrap ol {
    padding-top: 6px;
  }
}
@media (min-width: 768px) {
  .sub-page.framework-page .main-content .content-body.organization-content .inner .title-group .notice-wrap ol {
    padding-top: 5px;
  }
}
@media (min-width: 768px) {
  .sub-page.framework-page .main-content .content-body.organization-content .inner .link-wrap .link {
    min-width: 320px;
  }
}
@media (min-width: 768px) {
  .sub-page.framework-page .main-content .content-body.organization-content .inner .link-wrap .link.wide-custom {
    width: 480px;
  }
}
.sub-page.framework-page .main-content .content-body.results-content .inner .inner-group.doublue-group {
  padding-top: 12px;
}
@media (max-width: 767px) {
  .sub-page.framework-page .main-content .content-body.results-content .inner .inner-group.doublue-group .group-title + .img-wrap {
    padding-top: 8px;
  }
}
@media (min-width: 768px) {
  .sub-page.framework-page .main-content .content-body.results-content .inner .inner-group.doublue-group .group-title + .img-wrap {
    padding-top: 14px;
  }
}
.sub-page.framework-page .main-content .content-body.results-content .inner .inner-group.doublue-group .group-title + .img-wrap + .img-wrap {
  padding-top: 24px;
}
.sub-page.framework-page .main-content .content-body.results-content .inner .inner-group.doublue-group .notice-wrap {
  padding-top: 12px;
}

@media (max-width: 767px) {
  .sub-page.recognition-page .main-content .content-body.intro-desc .inner .performance-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    padding: 40px 0 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.recognition-page .main-content .content-body.intro-desc .inner .performance-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding: 40px 0;
  }
}
.sub-page.recognition-page .main-content .content-body.intro-desc .inner .performance-group .performance-item {
  border-radius: 12px;
  border: 1px solid rgba(58, 70, 205, 0.2);
  overflow: hidden;
}
.sub-page.recognition-page .main-content .content-body.intro-desc .inner .performance-group .performance-item .img-wrap {
  text-align: center;
}
@media (max-width: 767px) {
  .sub-page.recognition-page .main-content .content-body.intro-desc .inner .performance-group .performance-item .img-wrap {
    height: 140px;
  }
}
@media (min-width: 768px) {
  .sub-page.recognition-page .main-content .content-body.intro-desc .inner .performance-group .performance-item .img-wrap {
    height: 160px;
  }
}
.sub-page.recognition-page .main-content .content-body.intro-desc .inner .performance-group .performance-item .img-wrap img {
  width: auto;
  height: 100%;
}
.sub-page.recognition-page .main-content .content-body.intro-desc .inner .performance-group .performance-item .text-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 62px;
  background: rgba(58, 70, 205, 0.03);
}
.sub-page.recognition-page .main-content .content-body.intro-desc .inner .performance-group .performance-item .text-wrap p {
  color: #4A508F;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 24px */
}
.sub-page.recognition-page .main-content .content-body.intro-desc .inner .performance-group .performance-item .text-wrap p span {
  font-size: 12px;
  font-weight: 400;
}
.sub-page.recognition-page .main-content .content-body.intro-desc .inner .banner-group .img-wrap img {
  border-radius: 12px;
  overflow: hidden;
}

.sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list {
  gap: 24px;
  padding: 0;
  background: none;
}
@media (max-width: 767px) {
  .sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 12px;
  }
}
@media (min-width: 768px) {
  .sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 13px;
  }
}
.sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  margin: 0;
  border-radius: 12px;
  border: 1px solid rgba(58, 70, 205, 0.6);
  background: rgba(58, 70, 205, 0.03);
}
@media (max-width: 767px) {
  .sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item {
    padding: 24px 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 768px) {
  .sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item {
    padding: 40px 62px 35px;
  }
}
.sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item:first-child .name {
  background: url("../images/esg-re/environment-certification-icon01.svg") left center/auto no-repeat;
}
.sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item:nth-child(2) .name {
  background: url("../images/esg-re/environment-certification-icon02.svg") left center/auto no-repeat;
}
.sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item:nth-child(3) .name {
  background: url("../images/esg-re/environment-certification-icon03.svg") left center/auto no-repeat;
}
.sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item:last-child .name {
  background: url("../images/esg-re/environment-certification-icon04.svg") left center/auto no-repeat;
}
.sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item .name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 52px;
  padding-left: 68px;
}
@media (max-width: 767px) {
  .sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item .name {
    font-size: 15px;
    line-height: 160%;
  }
}
@media (min-width: 768px) {
  .sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item .name {
    font-size: 16px;
  }
}
.sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item .btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
@media (max-width: 767px) {
  .sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item .btn-wrap {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 12px;
  }
}
@media (max-width: 767px) and (max-width: 360px) {
  .sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item .btn-wrap {
    gap: 6px;
  }
}
@media (min-width: 768px) {
  .sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item .btn-wrap {
    gap: 24px;
  }
}
.sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item .btn-wrap a {
  width: 160px;
  color: #4C4C4C;
  background-color: #fff;
}
@media (max-width: 767px) {
  .sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item .btn-wrap a {
    padding: 7px 34px 7px 12px;
  }
}
.sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item .btn-wrap a:hover, .sub-page.environment-page .main-content .content-body.certification-content .inner .box-link-list .box-link-item .btn-wrap a:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 1.5V8.5M7 8.5L3 6M7 8.5L11 6M1.5 10V12.5H12.5V10' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E%0A") center right 16px/auto no-repeat;
}
.sub-page.environment-page .main-content .content-body.data-content .inner .table-group table {
  border-bottom: 1px solid #ECEDEF;
}
.sub-page.environment-page .main-content .content-body.data-content .inner .table-group table tbody tr th, .sub-page.environment-page .main-content .content-body.data-content .inner .table-group table tbody tr td {
  border-bottom: none;
  border-top: 1px solid #ECEDEF;
}
@media (max-width: 767px) {
  .sub-page.environment-page .main-content .content-body.data-content .inner .table-group table tbody tr th, .sub-page.environment-page .main-content .content-body.data-content .inner .table-group table tbody tr td {
    padding: 8px 2px;
  }
}
.sub-page.environment-page .main-content .content-body.data-content .inner .table-group table tbody tr.sub th {
  padding: 4px 24px 12px;
  border-top: none;
}
.sub-page.environment-page .main-content .content-body.data-content .inner .table-group table tbody tr.sub td {
  padding: 4px 24px 12px;
  border-top: none;
  letter-spacing: 0.44px;
}
.sub-page.environment-page .main-content .content-body.data-content .inner .table-group table tbody tr.top-line th, .sub-page.environment-page .main-content .content-body.data-content .inner .table-group table tbody tr.top-line td {
  border-top: 1px solid #D0D1D3;
}

@media (max-width: 767px) {
  .sub-page.customers-page .main-content .content-body.img-content .inner {
    padding-top: 40px;
  }
}
.sub-page.customers-page .main-content .content-body.img-content .inner .img-wrap {
  text-align: center;
}
@media (max-width: 767px) {
  .sub-page.customers-page .main-content .content-body.evaluation-content .inner .title-group .content-title {
    line-height: 160%;
  }
}
.sub-page.customers-page .main-content .content-body.evaluation-content .inner .table-group .table-mb .table-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 8px;
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%; /* 23.8px */
}
.sub-page.customers-page .main-content .content-body.evaluation-content .inner .table-group .table-mb .table-title img {
  width: 48px;
}
.sub-page.customers-page .main-content .content-body.evaluation-content .inner .table-group .table-mb .table-title ~ .table-title {
  margin-top: 24px;
}
.sub-page.customers-page .main-content .content-body.evaluation-content .inner .table-group .table-mb table .color-blue {
  color: #3A46CD;
}
.sub-page.customers-page .main-content .content-body.evaluation-content .inner .table-group .table-lg table {
  border-bottom: 1px solid #D0D1D3;
}
.sub-page.customers-page .main-content .content-body.evaluation-content .inner .table-group .table-lg table tbody th, .sub-page.customers-page .main-content .content-body.evaluation-content .inner .table-group .table-lg table tbody td {
  border-bottom: none;
  border-top: 1px solid #ECEDEF;
}
.sub-page.customers-page .main-content .content-body.evaluation-content .inner .table-group .table-lg table .color-blue th, .sub-page.customers-page .main-content .content-body.evaluation-content .inner .table-group .table-lg table .color-blue td {
  color: #3A46CD;
  border-top: 1px solid #D0D1D3;
}
.sub-page.customers-page .main-content .content-body.evaluation-content .inner .table-group .table-lg table .color-blue th img {
  display: block;
  width: 48px;
  margin-top: 10px;
}
.sub-page.customers-page .main-content .content-body.damage-content .inner-group.service-group .group-title {
  color: #1A2232;
}
.sub-page.customers-page .main-content .content-body.damage-content .inner-group.service-group .service-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #9097A1;
  border-bottom: 1px solid #D0D1D3;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .sub-page.customers-page .main-content .content-body.damage-content .inner-group.service-group .service-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 768px) {
  .sub-page.customers-page .main-content .content-body.damage-content .inner-group.service-group .service-content {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 40px 45px;
  }
}
.sub-page.customers-page .main-content .content-body.damage-content .inner-group.service-group .service-content .service-item {
  position: relative;
}
@media (max-width: 767px) {
  .sub-page.customers-page .main-content .content-body.damage-content .inner-group.service-group .service-content .service-item {
    padding: 32px 40px;
  }
}
@media (max-width: 767px) {
  .sub-page.customers-page .main-content .content-body.damage-content .inner-group.service-group .service-content .service-item + .service-item {
    border-top: 1px solid #ECEDEF;
  }
}
@media (min-width: 768px) {
  .sub-page.customers-page .main-content .content-body.damage-content .inner-group.service-group .service-content .service-item + .service-item::after {
    content: "";
    display: block;
    position: absolute;
    left: -61px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 48px;
    background-color: #ECEDEF;
  }
}
.sub-page.customers-page .main-content .content-body.damage-content .inner-group.service-group .service-content .service-item:first-child .text-wrap {
  background: url("../images/esg-re/customer-service-icon01.svg") left center/auto no-repeat;
}
.sub-page.customers-page .main-content .content-body.damage-content .inner-group.service-group .service-content .service-item:nth-child(2) .text-wrap {
  background: url("../images/esg-re/customer-service-icon02.svg") left center/auto no-repeat;
}
.sub-page.customers-page .main-content .content-body.damage-content .inner-group.service-group .service-content .service-item:last-child .text-wrap {
  background: url("../images/esg-re/customer-service-icon03.svg") left center/auto no-repeat;
}
.sub-page.customers-page .main-content .content-body.damage-content .inner-group.service-group .service-content .service-item .text-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 50px;
  padding-left: 62px;
}
.sub-page.customers-page .main-content .content-body.damage-content .inner-group.service-group .service-content .service-item .text-wrap .name {
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
}
.sub-page.customers-page .main-content .content-body.damage-content .inner-group.service-group .service-content .service-item .text-wrap .desc {
  color: #595E6B;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 20.8px */
}
.sub-page.customers-page .main-content .content-body.damage-content .inner-group.service-group .link-wrap {
  margin-top: 24px;
}

.sub-page.human-rights-page .main-content .content-body.goal-content .inner .table-group .table-mb table + table {
  margin-top: 12px;
}
.sub-page.human-rights-page .main-content .content-body.goal-content .inner .table-group .table-lg table {
  border-bottom: 1px solid #D0D1D3;
}
.sub-page.human-rights-page .main-content .content-body.goal-content .inner .table-group .table-lg table tbody th, .sub-page.human-rights-page .main-content .content-body.goal-content .inner .table-group .table-lg table tbody td {
  border-bottom: none;
  border-top: 1px solid #ECEDEF;
}
.sub-page.human-rights-page .main-content .content-body.goal-content .inner .table-group .table-lg table tbody .top-line th, .sub-page.human-rights-page .main-content .content-body.goal-content .inner .table-group .table-lg table tbody .top-line td {
  border-top: 1px solid #D0D1D3;
}
.sub-page.human-rights-page .main-content .content-body.data-content .inner .table-group table {
  border-bottom: 1px solid #ECEDEF;
}
.sub-page.human-rights-page .main-content .content-body.data-content .inner .table-group table tbody tr th, .sub-page.human-rights-page .main-content .content-body.data-content .inner .table-group table tbody tr td {
  border-bottom: none;
  border-top: 1px solid #ECEDEF;
}
.sub-page.human-rights-page .main-content .content-body.data-content .inner .table-group table tbody tr.sub th {
  padding: 4px 24px 12px;
  border-top: none;
  font-size: 11px;
}
.sub-page.human-rights-page .main-content .content-body.data-content .inner .table-group table tbody tr.sub td {
  padding: 4px 24px 12px;
  border-top: none;
  font-size: 11px;
  letter-spacing: 0.44px;
}
.sub-page.human-rights-page .main-content .content-body.data-content .inner .table-group table tbody tr.top-line th, .sub-page.human-rights-page .main-content .content-body.data-content .inner .table-group table tbody tr.top-line td {
  border-top: 1px solid #D0D1D3;
}

.sub-page.winwin-growth-page .main-content .content-body .title-group + .img-wrap {
  padding-top: 40px;
}
.sub-page.winwin-growth-page .main-content .content-body.intro-desc .inner .scale-group {
  padding-top: 24px;
}
.sub-page.winwin-growth-page .main-content .content-body.intro-desc .inner .scale-group .caption {
  color: #4C4C4C;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 17.6px */
  text-align: right;
}
.sub-page.winwin-growth-page .main-content .content-body.intro-desc .inner .scale-group .scale-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-top: 1px solid #9097A1;
  border-bottom: 1px solid #D0D1D3;
}
@media (max-width: 767px) {
  .sub-page.winwin-growth-page .main-content .content-body.intro-desc .inner .scale-group .scale-list {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 768px) {
  .sub-page.winwin-growth-page .main-content .content-body.intro-desc .inner .scale-group .scale-list {
    padding: 40px 52px;
  }
}
.sub-page.winwin-growth-page .main-content .content-body.intro-desc .inner .scale-group .scale-list .scale-item {
  position: relative;
}
@media (max-width: 767px) {
  .sub-page.winwin-growth-page .main-content .content-body.intro-desc .inner .scale-group .scale-list .scale-item {
    width: 100%;
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .sub-page.winwin-growth-page .main-content .content-body.intro-desc .inner .scale-group .scale-list .scale-item + .scale-item {
    border-top: 1px solid #ECEDEF;
  }
}
@media (min-width: 768px) {
  .sub-page.winwin-growth-page .main-content .content-body.intro-desc .inner .scale-group .scale-list .scale-item + .scale-item::after {
    content: "";
    display: block;
    position: absolute;
    left: -63px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 74px;
    background-color: #ECEDEF;
  }
}
.sub-page.winwin-growth-page .main-content .content-body.intro-desc .inner .scale-group .scale-list .scale-item .title {
  padding-bottom: 8px;
  color: #3A404E;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
}
.sub-page.winwin-growth-page .main-content .content-body.intro-desc .inner .scale-group .scale-list .scale-item .result {
  color: #3A46CD;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 44.8px */
}
.sub-page.winwin-growth-page .main-content .content-body.intro-desc .inner .scale-group .notice-wrap {
  padding-top: 4px;
}
.sub-page.winwin-growth-page .main-content .content-body.intro-desc .inner .scale-group .notice-wrap .notice {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.sub-page.winwin-growth-page .main-content .content-body.portal-content .inner .portal-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #727887;
}
.sub-page.winwin-growth-page .main-content .content-body.portal-content .inner .portal-group .text {
  padding: 30px 0 16px;
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%; /* 23.8px */
}
.sub-page.winwin-growth-page .main-content .content-body.portal-content .inner .portal-group .link {
  display: block;
  width: 200px;
  padding: 12px 24px;
  color: #FFF;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
  background-color: #4A508F;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M2.67188 12L11.4922 3.16285M11.4922 3.16285L11.4883 9.49609M11.4922 3.16285L5.16376 3.16286' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
  background-position: center right 24px;
  background-repeat: no-repeat;
}

.sub-page.contribution-page .main-content .content-body.startup-content .title-group .content-title.img {
  margin-bottom: 12px;
  width: 140px;
}
.sub-page.contribution-page .main-content .content-body.startup-content .title-group .content-title.img img {
  width: 100%;
}

@media (min-width: 768px) {
  .sub-page.board-of-directors-page .main-content .table-group table tbody th, .sub-page.board-of-directors-page .main-content .table-group table tbody td {
    padding: 12px 24px;
  }
}
.sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
@media (min-width: 768px) {
  .sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 56px 0;
  }
}
.sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item {
  display: grid;
  gap: 24px;
}
@media (max-width: 767px) {
  .sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item {
    grid-template-columns: 90px auto;
  }
}
@media (min-width: 768px) {
  .sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item {
    grid-template-columns: 120px auto;
  }
}
.sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item .img-wrap {
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item .img-wrap {
    height: 90px;
  }
}
@media (min-width: 768px) {
  .sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item .img-wrap {
    height: 120px;
  }
}
.sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item .img-wrap img {
  width: 100%;
  position: relative;
  z-index: 3;
  border-radius: 100px;
}
.sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item .img-wrap:after {
  content: "";
  position: absolute;
  left: -2.5px;
  bottom: -3.4px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background-color: #3A46CD;
}
@media (max-width: 767px) {
  .sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item .text-wrap {
    padding-top: 12px;
  }
}
@media (min-width: 768px) {
  .sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item .text-wrap {
    padding-top: 24px;
  }
}
.sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item .text-wrap .name {
  padding-bottom: 4px;
  color: #1A2232;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 28.8px */
}
.sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item .text-wrap .title {
  color: #3A404E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
.sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item .text-wrap .info {
  padding-top: 12px;
}
.sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item .text-wrap .info p {
  color: #3A404E;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item .text-wrap .info p span {
  font-weight: 600;
}
.sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item .text-wrap .career {
  padding-top: 24px;
}
.sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item .text-wrap .career .career-title {
  padding-bottom: 4px;
  color: #3A404E;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
}
.sub-page.board-of-directors-page .main-content .content-body.director-content .inner .inner-group.director-group .director-wrap .director-item .text-wrap .career ul li {
  color: #595E6B;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 26px */
}
.sub-page.board-of-directors-page .main-content .content-body.rating-content .inner .inner-group .table-group {
  padding-top: 23px;
}
.sub-page.board-of-directors-page .main-content .content-body.report-content .inner .inner-group .group-title {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .sub-page.board-of-directors-page .main-content .content-body.report-content .inner .inner-group .link-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 24px 24px;
  }
}
.sub-page.board-of-directors-page .main-content .content-body.report-content .inner .inner-group .link-wrap .link {
  min-width: 140px;
}
.sub-page.board-of-directors-page .main-content .content-body.status-content .inner .title-group + .inner-group .table-group table tbody td ul li + li {
  padding-top: 4px;
}
.sub-page.board-of-directors-page .main-content .content-body.subcommittee-content .inner .title-group + .table-group {
  padding-top: 8px;
}
.sub-page.board-of-directors-page .main-content .content-body.subcommittee-content .inner .title-group + .table-group + .link-wrap {
  padding-top: 24px;
}
.sub-page.board-of-directors-page .main-content .content-body.outside-content .outside-group {
  padding-top: 12px;
}
@media (max-width: 767px) {
  .sub-page.board-of-directors-page .main-content .content-body.outside-content .outside-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
@media (min-width: 768px) {
  .sub-page.board-of-directors-page .main-content .content-body.outside-content .outside-group {
    display: grid;
    grid-template-columns: 468px 468px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.sub-page.board-of-directors-page .main-content .content-body.outside-content .outside-group .outside-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-radius: 12px;
  border: 1px solid rgba(58, 70, 205, 0.6);
  background: rgba(58, 70, 205, 0.03);
}
@media (max-width: 767px) {
  .sub-page.board-of-directors-page .main-content .content-body.outside-content .outside-group .outside-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
    padding: 32px;
  }
}
@media (min-width: 768px) {
  .sub-page.board-of-directors-page .main-content .content-body.outside-content .outside-group .outside-item {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 52px;
    padding: 40px;
  }
}
.sub-page.board-of-directors-page .main-content .content-body.outside-content .outside-group .outside-item .title {
  padding-bottom: 5px;
  border-bottom: 3px solid #1A2232;
  color: #1A2232;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}
.sub-page.board-of-directors-page .main-content .content-body.outside-content .outside-group .outside-item .text-wrap .year {
  padding-bottom: 8px;
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 190%; /* 26.6px */
}
.sub-page.board-of-directors-page .main-content .content-body.outside-content .outside-group .outside-item .text-wrap .text {
  color: #3A404E;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 190%;
}
.sub-page.board-of-directors-page .main-content .content-body.outside-content .outside-group .outside-item .text-wrap .text span {
  font-weight: 400;
}
.sub-page.board-of-directors-page .main-content .content-body.process-content .inner .title-group + .img-wrap {
  padding-top: 40px;
  padding-bottom: 40px;
}
.sub-page.board-of-directors-page .main-content .content-body.process-content .inner .title-group.only-desc + .img-wrap {
  padding-top: 24px;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .sub-page.board-of-directors-page .main-content .content-body.process-content .inner .title-group.only-desc + .img-wrap {
    text-align: left;
  }
}
.sub-page.board-of-directors-page .main-content .content-body.process-content .inner .title-group.only-desc + .img-wrap + .link-wrap {
  padding-top: 24px;
}

@media (max-width: 767px) {
  .sub-page.ethics-page .main-content .content-body.tissue-content .inner .inner-group .tissue-wrap {
    padding-top: 36px;
  }
}
@media (min-width: 768px) {
  .sub-page.ethics-page .main-content .content-body.tissue-content .inner .inner-group .tissue-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12px 50px 0 0;
  }
}
@media (max-width: 767px) {
  .sub-page.ethics-page .main-content .content-body.tissue-content .inner .inner-group .tissue-wrap .tissue-list {
    padding-bottom: 40px;
  }
}
.sub-page.ethics-page .main-content .content-body.tissue-content .inner .inner-group .tissue-wrap .tissue-list ul li {
  display: grid;
  grid-template-columns: 2px auto;
  gap: 4px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 170%; /* 23.8px */
}
.sub-page.ethics-page .main-content .content-body.tissue-content .inner .inner-group .tissue-wrap .tissue-list ul li:before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  margin: 9px 0;
  background-color: #3A404E;
}
.sub-page.ethics-page .main-content .content-body.tissue-content .inner .inner-group .tissue-wrap .tissue-list ul li + li {
  padding-top: 8px;
}
.sub-page.ethics-page .main-content .content-body.code-content .inner .title-group + .inner-group {
  padding-top: 24px;
}
.sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group .group-title + div {
  padding-top: 12px;
}
.sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item {
  border-bottom: 1px solid #ECEDEF;
}
@media (max-width: 767px) {
  .sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item {
    padding: 24px 24px 24px 74px;
  }
}
@media (min-width: 768px) {
  .sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item {
    display: grid;
    grid-template-columns: 320px auto;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item:first-child {
  border-top: 1px solid #9097A1;
}
@media (max-width: 767px) {
  .sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item .code-name .name {
    position: relative;
  }
}
.sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item .code-name .name:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: center;
  -webkit-background-size: auto auto;
          background-size: auto;
}
@media (max-width: 767px) {
  .sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item .code-name .name:before {
    position: absolute;
    top: 0;
    left: -50px;
  }
}
.sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item:nth-child(1) .code-name .name:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M1.30859 8.55052V6.34829L14.9975 1L28.6864 6.34829V8.55052H1.30859Z' stroke='%23595E6B'/%3E%3Crect x='7.72266' y='10.5664' width='11.0674' height='2.24444' transform='rotate(90 7.72266 10.5664)' stroke='%233A46CD'/%3E%3Cpath d='M8.96777 8.67969V9.70898C8.96773 10.0402 8.6993 10.3083 8.36816 10.3086H4.83398C4.50282 10.3084 4.23442 10.0402 4.23438 9.70898V8.67969H8.96777Z' stroke='%233A46CD'/%3E%3Cpath d='M8.36816 21.8867C8.69919 21.887 8.96756 22.1553 8.96777 22.4863V24.7744H4.23438V22.4863L4.24609 22.3662C4.30183 22.0927 4.54404 21.8869 4.83398 21.8867H8.36816Z' stroke='%233A46CD'/%3E%3Crect x='16.125' y='10.5664' width='11.0674' height='2.24444' transform='rotate(90 16.125 10.5664)' stroke='%233A46CD'/%3E%3Cpath d='M17.3662 8.67969V9.70898C17.3662 10.0402 17.0977 10.3083 16.7666 10.3086H13.2324C12.9013 10.3084 12.6329 10.0402 12.6328 9.70898V8.67969H17.3662Z' stroke='%233A46CD'/%3E%3Cpath d='M16.7666 21.8867C17.0976 21.887 17.366 22.1553 17.3662 22.4863V24.7744H12.6328V22.4863L12.6445 22.3662C12.7003 22.0927 12.9425 21.8869 13.2324 21.8867H16.7666Z' stroke='%233A46CD'/%3E%3Crect x='24.5195' y='10.5664' width='11.0674' height='2.24444' transform='rotate(90 24.5195 10.5664)' stroke='%233A46CD'/%3E%3Cpath d='M25.7686 8.67969V9.70898C25.7685 10.0402 25.5001 10.3083 25.1689 10.3086H21.6348C21.3036 10.3084 21.0352 10.0402 21.0352 9.70898V8.67969H25.7686Z' stroke='%233A46CD'/%3E%3Cpath d='M25.1689 21.8867C25.5 21.887 25.7683 22.1553 25.7686 22.4863V24.7744H21.0352V22.4863L21.0469 22.3662C21.1026 22.0927 21.3448 21.8869 21.6348 21.8867H25.1689Z' stroke='%233A46CD'/%3E%3Crect x='2.98828' y='25.0391' width='24.0222' height='2.25842' rx='0.6' stroke='%23595E6B'/%3E%3Crect x='0.5' y='27.2422' width='29' height='2.25842' rx='0.6' stroke='%23595E6B'/%3E%3Cpath d='M14.9971 3.96094C15.622 3.96094 16.119 4.47161 16.1191 5.08984C16.1191 5.70821 15.6221 6.21973 14.9971 6.21973C14.3721 6.21964 13.875 5.70816 13.875 5.08984C13.8752 4.47166 14.3722 3.96102 14.9971 3.96094Z' fill='white' stroke='%23595E6B'/%3E%3C/svg%3E");
}
.sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item:nth-child(2) .code-name .name:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M10.8965 3.5C13.9784 3.5 16.4775 5.99895 16.4775 9.08105C16.4773 12.1629 13.9782 14.6611 10.8965 14.6611C7.81484 14.661 5.31665 12.1629 5.31641 9.08105C5.31641 5.99904 7.81469 3.50014 10.8965 3.5Z' stroke='%233A46CD'/%3E%3Cpath d='M9.98047 23.065L10.2845 17.2884V16.9844H12.1086L12.4126 23.065L11.1965 24.5851L9.98047 23.065Z' fill='white'/%3E%3Cpath d='M1.16797 26.6832C1.16781 25.1931 1.20097 23.7464 1.64502 22.354C2.08906 20.9616 2.80489 19.6821 3.74663 18.5973C4.68838 17.5125 5.83528 16.6465 7.11389 16.0546C8.3925 15.4627 9.77461 15.1581 11.1717 15.1602C12.5688 15.1623 13.9501 15.4711 15.2271 16.0668C16.5041 16.6625 17.6486 17.532 18.5874 18.6196C19.5262 19.7072 20.2385 20.989 20.6788 22.3827C21.119 23.7764 21.144 25.1931 21.144 26.7133' stroke='%233A46CD'/%3E%3Cpath d='M10.2143 16.9843L10.2845 15.1602H11.8046L12.4126 23.0649L11.1965 24.5851L9.98047 23.0649L10.2143 16.9843ZM10.2143 16.9843H11.8046' stroke='%233A46CD'/%3E%3Cpath d='M15.1523 5.43359H24.5769L28.8331 9.69001V26.4117H21.2327' stroke='%23595E6B'/%3E%3Cpath d='M24.5781 5.43359V9.69001H28.8344' stroke='%23595E6B'/%3E%3Cpath d='M18.1914 13.6406H26.0958' stroke='%23595E6B'/%3E%3Cpath d='M18.1914 16.3789H26.0958' stroke='%23595E6B'/%3E%3Cpath d='M18.8008 19.1094H26.0972' stroke='%23595E6B'/%3E%3Cpath d='M20.625 21.8477H26.0973' stroke='%23595E6B'/%3E%3C/svg%3E");
}
.sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item:nth-child(3) .code-name .name:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='31' viewBox='0 0 30 31' fill='none'%3E%3Cpath d='M6.06348 2.5C7.37609 2.5 8.43647 3.55788 8.43652 4.85742C8.43652 6.15701 7.37613 7.21484 6.06348 7.21484C4.75095 7.2147 3.69141 6.15692 3.69141 4.85742C3.69146 3.55797 4.75098 2.50015 6.06348 2.5Z' fill='white' stroke='%233A46CD'/%3E%3Cpath d='M23.9346 2.5C25.2472 2.5 26.3076 3.55788 26.3076 4.85742C26.3076 6.15701 25.2472 7.21484 23.9346 7.21484C22.622 7.2147 21.5625 6.15692 21.5625 4.85742C21.5626 3.55797 22.6221 2.50015 23.9346 2.5Z' fill='white' stroke='%233A46CD'/%3E%3Cpath d='M1.91406 16C1.914 15.4267 1.92879 11.0145 2.11324 10.4788C2.2977 9.94303 2.59504 9.45072 2.98624 9.03336C3.37743 8.616 3.85384 8.28279 4.38497 8.05506C4.91609 7.82734 5.49021 7.71013 6.07055 7.71094C6.65089 7.71175 7.22467 7.83056 7.75512 8.05976C8.28556 8.28897 8.761 8.62351 9.15096 9.04196C9.54092 9.46041 9.83682 9.95355 10.0197 10.4898C10.2026 11.026 10.213 15.4151 10.213 16' stroke='%233A46CD'/%3E%3Cpath d='M19.7852 16C19.7851 15.4267 19.7972 11.0145 19.9817 10.4788C20.1661 9.94303 20.4635 9.45072 20.8547 9.03336C21.2459 8.616 21.7223 8.28279 22.2534 8.05506C22.7845 7.82734 23.3586 7.71013 23.939 7.71094C24.5193 7.71175 25.0931 7.83056 25.6235 8.05976C26.154 8.28897 26.6294 8.62351 27.0194 9.04196C27.4094 9.46041 27.7053 9.95355 27.8881 10.4898C28.071 11.026 28.0814 15.4151 28.0814 16' stroke='%233A46CD'/%3E%3Cpath d='M15 16.1562L9.25532 25.9988H20.7447L15 16.1562Z' fill='white'/%3E%3Cpath d='M0 16.1562H15M30 16.1562H15M15 16.1562L9.25532 25.9988H20.7447L15 16.1562Z' stroke='%23595E6B' stroke-linejoin='round'/%3E%3Cpath d='M13.3997 6L10.5273 7.58751L13.3997 9.17502V6Z' fill='white' stroke='%23595E6B' stroke-linejoin='round'/%3E%3Cpath d='M16.5964 6L19.4688 7.58751L16.5964 9.17502V6Z' fill='white' stroke='%23595E6B' stroke-linejoin='round'/%3E%3Cpath d='M13.4023 7.59375H16.5938' stroke='%23595E6B' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item:nth-child(4) .code-name .name:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cg clip-path='url(%23clip0_2507_37593)'%3E%3Cpath d='M1 17.2699L6.2889 5.31641L11.5778 17.2699M1 17.2699H11.5778M1 17.2699C1 19.0524 2.05778 22.6175 6.2889 22.6175C10.52 22.6175 11.5778 19.0524 11.5778 17.2699' stroke='%233A46CD'/%3E%3Cpath d='M18.4219 17.2699L23.7108 5.31641L28.9997 17.2699M18.4219 17.2699H28.9997M18.4219 17.2699C18.4219 19.0524 19.4797 22.6175 23.7108 22.6175C27.9419 22.6175 28.9997 19.0524 28.9997 17.2699' stroke='%233A46CD'/%3E%3Crect x='6.72266' y='27.5586' width='16.8667' height='1.9437' rx='0.971849' stroke='%23595E6B'/%3E%3Cpath d='M14.0625 6.03906H15.6181' stroke='%23595E6B'/%3E%3Cpath d='M14.6914 1L15.0025 4.14566' stroke='white' stroke-width='2'/%3E%3Crect x='15.8086' y='0.839844' width='26.7944' height='1.93334' rx='0.966668' transform='rotate(90 15.8086 0.839844)' stroke='%23595E6B'/%3E%3Cpath d='M6.29297 4.45312H23.7152' stroke='%23595E6B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2507_37593'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item:nth-child(5) .code-name .name:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M10.4961 0.5C13.4796 0.5 15.9306 3.01632 15.9307 6.16016C15.9307 9.30406 13.4797 11.8203 10.4961 11.8203C7.51265 11.8201 5.0625 9.30394 5.0625 6.16016C5.06258 3.01644 7.51269 0.500191 10.4961 0.5Z' stroke='%23595E6B'/%3E%3Cpath d='M1 24.0022C0.999842 22.4926 1.0322 21.027 1.46556 19.6163C1.89892 18.2056 2.5975 16.9093 3.51657 15.8103C4.43564 14.7113 5.55493 13.8339 6.80275 13.2343C8.05057 12.6346 9.39941 12.326 10.7629 12.3281C12.1263 12.3303 13.4744 12.6431 14.7206 13.2467C15.9668 13.8502 17.0838 14.7311 18 15.833' stroke='%23595E6B'/%3E%3Cpath d='M16 27V18H27V27H16Z' stroke='%233A46CD'/%3E%3Cpath d='M18 18V14.3478C18 12.6232 19.3 11 21.5 11C23.7 11 25 12.6232 25 14.3478V18' stroke='%233A46CD'/%3E%3Ccircle cx='21.5' cy='22' r='1.5' fill='white' stroke='%233A46CD'/%3E%3Cpath d='M21.5 23.4219V25.0511' stroke='%233A46CD'/%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item .code-name {
    padding-bottom: 4px;
  }
}
@media (min-width: 768px) {
  .sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item .code-name {
    padding: 20px 40px;
    border-right: 1px solid #ECEDEF;
  }
}
.sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item .code-name .name {
  color: #4C4C4C;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
}
@media (min-width: 768px) {
  .sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item .code-name .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 32px;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item .code-list {
    padding: 20px 24px;
  }
}
.sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item .code-list ul li {
  display: grid;
  grid-template-columns: 2px auto;
  gap: 4px;
  color: #4C4C4C;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 160%; /* 20.8px */
}
.sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item .code-list ul li:before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  margin: 7px 0;
  background-color: #3A404E;
}
.sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.action-group .code-group .code-item .code-list ul li + li {
  padding-top: 4px;
}
.sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.commi-group .table-group {
  padding-bottom: 24px;
}
.sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.commi-group .table-group .table-all table tbody tr:first-child th, .sub-page.ethics-page .main-content .content-body.code-content .inner .inner-group.commi-group .table-group .table-all table tbody tr:first-child td {
  border-top: none;
}
.sub-page.ethics-page .main-content .content-body.policy-content .inner .title-group {
  padding-bottom: 12px;
}
.sub-page.ethics-page .main-content .content-body.policy-content .inner .policy-wrap {
  padding: 40px;
  border: 1px solid rgba(58, 70, 205, 0.12);
  margin-bottom: 24px;
  background: rgba(58, 70, 205, 0.03);
}
.sub-page.ethics-page .main-content .content-body.policy-content .inner .policy-wrap .policy-title {
  padding-bottom: 4px;
  color: #1A2232;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%; /* 27px */
}
.sub-page.ethics-page .main-content .content-body.policy-content .inner .policy-wrap .policy-desc {
  padding-bottom: 24px;
  color: #4C4C4C;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 23.8px */
}
.sub-page.ethics-page .main-content .content-body.policy-content .inner .policy-wrap .inner-box {
  padding: 24px;
  margin-bottom: 40px;
  background: #FFF;
}
.sub-page.ethics-page .main-content .content-body.policy-content .inner .policy-wrap .inner-box ol li .list-title {
  padding-bottom: 8px;
  color: #4C4C4C;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
}
.sub-page.ethics-page .main-content .content-body.policy-content .inner .policy-wrap .inner-box ol li .list-desc {
  color: #595E6B;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 20.8px */
}
.sub-page.ethics-page .main-content .content-body.policy-content .inner .policy-wrap .inner-box ol li + li {
  padding-top: 16px;
}
.sub-page.ethics-page .main-content .content-body.policy-content .inner .policy-wrap .date {
  padding-bottom: 18px;
  color: #595E6B;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
  text-align: center;
}
.sub-page.ethics-page .main-content .content-body.policy-content .inner .policy-wrap .name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  color: #1A2232;
  font-family: "SKT Sans Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
}
@media (max-width: 767px) {
  .sub-page.ethics-page .main-content .content-body.policy-content .inner .policy-wrap .name {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 767px) {
  .sub-page.aigovernance-page .main-content .content-body .inner .link-wrap .link.width-custom {
    min-width: 240px;
  }
}
@media (min-width: 768px) {
  .sub-page.aigovernance-page .main-content .content-body .inner .link-wrap .link.width-custom {
    min-width: 180px;
  }
}

.sub-page.compliance-page .main-content .content-body .inner .title-group .content-desc.dot-list {
  display: grid;
  grid-template-columns: 2px auto;
  gap: 4px;
}
.sub-page.compliance-page .main-content .content-body .inner .title-group .content-desc.dot-list:before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  margin: 9px 0;
  background-color: #3A404E;
}
.sub-page.compliance-page .main-content .content-body .inner .title-group .content-desc.dot-list + .dot-list {
  padding-top: 4px;
}
.sub-page.compliance-page .main-content .content-body .inner .inner-group .group-desc.dot-list {
  display: grid;
  grid-template-columns: 2px auto;
  gap: 4px;
}
.sub-page.compliance-page .main-content .content-body .inner .inner-group .group-desc.dot-list:before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  margin: 9px 0;
  background-color: #3A404E;
}
.sub-page.compliance-page .main-content .content-body .inner .inner-group .group-desc.dot-list + .dot-list {
  padding-top: 8px;
}
.sub-page.compliance-page .main-content .content-body .inner .inner-group .notice-wrap {
  padding-top: 8px;
  padding-left: 6px;
}
.sub-page.compliance-page .main-content .content-body.justice-content .inner .title-group + .img-wrap {
  padding-top: 40px;
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group .group-title + div {
  padding-top: 12px;
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group {
  padding-bottom: 12px;
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item {
  border-bottom: 1px solid #ECEDEF;
}
@media (max-width: 767px) {
  .sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item {
    padding: 24px 24px 24px 74px;
  }
}
@media (min-width: 768px) {
  .sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item {
    display: grid;
    grid-template-columns: 320px auto;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item:first-child {
  border-top: 1px solid #9097A1;
}
@media (max-width: 767px) {
  .sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item .code-name .name {
    position: relative;
  }
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item .code-name .name:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-position: center;
  -webkit-background-size: auto auto;
          background-size: auto;
}
@media (max-width: 767px) {
  .sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item .code-name .name:before {
    position: absolute;
    top: 0;
    left: -50px;
  }
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item:nth-child(1) .code-name .name:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M8 4.5L11 1.5H18.5L21.5 4.5L15 25.5L8 4.5Z' stroke='%233A46CD'/%3E%3Cpath d='M8 4.5L6.5 5.07692L1.5 7V28.5H28.5V7L21.5 4.5' stroke='%23595E6B'/%3E%3Cpath d='M6.5 5L6 11H9L6.5 14.5L15 26' stroke='%233A46CD'/%3E%3Cpath d='M23.5 5L24 11H21L23.5 14.5L15 26' stroke='%233A46CD'/%3E%3Cpath d='M11.5 2V3L14.5 7.5L10.5 11.5' stroke='%233A46CD'/%3E%3Cpath d='M18 2V3L15 7.5L19 11.5' stroke='%233A46CD'/%3E%3Cpath d='M12.5019 10L13.5019 12.5M13.5019 12.5H16.0019M13.5019 12.5L12.5019 18M16.0019 12.5L17.4453 10M16.0019 12.5L17.4135 18' stroke='%233A46CD'/%3E%3C/svg%3E");
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item:nth-child(2) .code-name .name:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='31' viewBox='0 0 30 31' fill='none'%3E%3Crect x='3.5' y='1.5' width='23' height='27' rx='1.5' stroke='%23595E6B'/%3E%3Cpath d='M6 5.5L8.43243 3H21.5676L24 5.5V24L22.0541 26H7.94595L6 24V5.5Z' stroke='%23595E6B'/%3E%3Cpath d='M15.9727 8.78125L16.1748 8.99902L16.4629 8.9248L17.8467 8.56934L18.0996 9.97656L18.1514 10.2686L18.4336 10.3623L19.7891 10.8125L19.2422 12.1318L19.1279 12.4062L19.3145 12.6377L20.2119 13.749L19.0381 14.5635L18.793 14.7324L18.8252 15.0283L18.9785 16.4482L17.5518 16.498L17.2549 16.5078L17.1221 16.7744L16.4834 18.0518L15.2559 17.3223L15 17.1699L14.7441 17.3223L13.5156 18.0518L12.8779 16.7744L12.7451 16.5078L12.4482 16.498L11.0205 16.4482L11.1748 15.0283L11.207 14.7324L10.9619 14.5635L9.78711 13.749L10.6855 12.6377L10.8721 12.4062L10.7578 12.1318L10.21 10.8125L11.5664 10.3623L11.8486 10.2686L11.9004 9.97656L12.1523 8.56934L13.5371 8.9248L13.8252 8.99902L14.0273 8.78125L15 7.73438L15.9727 8.78125Z' stroke='%233A46CD'/%3E%3Cpath d='M11 16.5L9 19.9641L10.7606 19.9147L11.5981 21.4641L13.5981 18' stroke='%233A46CD'/%3E%3Cpath d='M19 16.5L21 19.9641L19.2394 19.9147L18.4019 21.4641L16.4019 18' stroke='%233A46CD'/%3E%3C/svg%3E");
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item:nth-child(3) .code-name .name:before {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2507_40663)'%3E%3Cpath d='M15 29.5V25.5H20.1962V29.5L17.5981 28L15 29.5Z' stroke='%233A46CD'/%3E%3Crect x='5.5' y='0.5' width='21' height='25' rx='0.5' stroke='%23595E6B'/%3E%3Crect x='5.5' y='0.5' width='19' height='25' rx='0.5' stroke='%23595E6B'/%3E%3Crect x='5.5' y='0.5' width='17' height='25' rx='0.5' stroke='%23595E6B'/%3E%3Cpath d='M14.9629 3.71484H16.3984V4.88672H14.9629V3.71484ZM15.3145 5.29688H16.8203V4.04297H17.0547V5.51953H15.3145V5.29688ZM13.7324 11.1211H15.3145L15.1387 7.3418H13.7324V6.3457H16.3984V11.1211H17.7461V12H13.7324V11.1211ZM16.8086 6.64453H17.043V10.7695H16.8086V6.64453ZM14.084 7.75195H14.8926V7.97461H14.084V7.75195ZM18.168 12.4102V11.4492H18.4023V12.6328H14.084V12.4102H18.168Z' fill='%233A46CD'/%3E%3Crect x='4' y='2' width='3' height='1' fill='%23595E6B'/%3E%3Crect x='4' y='5' width='3' height='1' fill='%23595E6B'/%3E%3Crect x='4' y='8' width='3' height='1' fill='%23595E6B'/%3E%3Crect x='4' y='11' width='3' height='1' fill='%23595E6B'/%3E%3Crect x='4' y='14' width='3' height='1' fill='%23595E6B'/%3E%3Crect x='4' y='17' width='3' height='1' fill='%23595E6B'/%3E%3Crect x='4' y='20' width='3' height='1' fill='%23595E6B'/%3E%3Crect x='4' y='23' width='3' height='1' fill='%23595E6B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2507_40663'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item:nth-child(4) .code-name .name:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M16 10.5H28V19' stroke='%233A46CD'/%3E%3Cpath d='M2 10L15 3L28 10L15 16.5L2 10Z' stroke='%233A46CD'/%3E%3Cpath d='M6 12C6 15.0575 6 21.1724 6 21.1724L15.5625 26L24 21.1724V12' stroke='%23595E6B'/%3E%3Ccircle cx='28' cy='18' r='1.5' fill='white' stroke='%233A46CD'/%3E%3C/svg%3E");
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item:nth-child(5) .code-name .name:before {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1.5' width='21' height='7' rx='0.5' stroke='%23595E6B'/%3E%3Crect x='0.5' y='8.5' width='29' height='7' rx='0.5' stroke='%23595E6B'/%3E%3Crect x='0.5' y='15.5' width='25' height='7' rx='0.5' stroke='%23595E6B'/%3E%3Crect x='0.5' y='22.5' width='29' height='7' rx='0.5' stroke='%23595E6B'/%3E%3Crect x='10.5' y='1.5' width='11' height='7' rx='0.5' stroke='%233A46CD'/%3E%3Crect x='0.5' y='8.5' width='10' height='7' rx='0.5' stroke='%233A46CD'/%3E%3Crect x='0.5' y='22.5' width='10' height='7' rx='0.5' stroke='%233A46CD'/%3E%3Crect x='10.5' y='15.5' width='15' height='7' rx='0.5' stroke='%233A46CD'/%3E%3C/svg%3E%0A");
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item:nth-child(6) .code-name .name:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Crect x='5.5' y='4.5' width='18' height='24' rx='0.5' stroke='%23595E6B'/%3E%3Crect x='3.5' y='2.5' width='18' height='24' rx='0.5' fill='white' stroke='%23595E6B'/%3E%3Crect x='6' y='1' width='1' height='3' fill='%23595E6B'/%3E%3Crect x='6' y='8' width='8' height='1' fill='%23595E6B'/%3E%3Crect x='6' y='11' width='12' height='1' fill='%23595E6B'/%3E%3Crect x='9' y='1' width='1' height='3' fill='%23595E6B'/%3E%3Crect x='12' y='1' width='1' height='3' fill='%23595E6B'/%3E%3Crect x='15' y='1' width='1' height='3' fill='%23595E6B'/%3E%3Crect x='18' y='1' width='1' height='3' fill='%23595E6B'/%3E%3Crect x='18' y='1' width='1' height='3' fill='%23595E6B'/%3E%3Ccircle cx='22' cy='23' r='5.5' fill='white' stroke='%233A46CD'/%3E%3Cpath d='M19.5 22.5L21.5 24.5L27 20' stroke='%233A46CD'/%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item .code-name {
    padding-bottom: 4px;
  }
}
@media (min-width: 768px) {
  .sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item .code-name {
    padding: 20px 40px;
    border-right: 1px solid #ECEDEF;
  }
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item .code-name .name {
  color: #4C4C4C;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
}
@media (min-width: 768px) {
  .sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item .code-name .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 32px;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item .code-list {
    padding: 20px 24px;
  }
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item .code-list ul li {
  display: grid;
  grid-template-columns: 2px auto;
  gap: 4px;
  color: #4C4C4C;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 160%; /* 20.8px */
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item .code-list ul li:before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  margin: 7px 0;
  background-color: #3A404E;
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.cp-group .code-group .code-item .code-list ul li + li {
  padding-top: 4px;
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.commi-group .table-group {
  padding-bottom: 24px;
}
.sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.commi-group .table-group .table-all table tbody tr:first-child th, .sub-page.compliance-page .main-content .content-body.cp-content .inner .inner-group.commi-group .table-group .table-all table tbody tr:first-child td {
  border-top: none;
}
.sub-page.compliance-page .main-content .content-body.company-content .inner .inner-group.post-group .group-title {
  padding-bottom: 8px;
}
.sub-page.compliance-page .main-content .content-body.company-content .inner .inner-group.post-group .group-desc-box {
  border-top: 1px solid #595E6B;
  margin-bottom: 24px;
  background: #FAFAFA;
}
@media (max-width: 767px) {
  .sub-page.compliance-page .main-content .content-body.company-content .inner .inner-group.post-group .group-desc-box {
    padding: 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.compliance-page .main-content .content-body.company-content .inner .inner-group.post-group .group-desc-box {
    padding: 40px;
  }
}
.sub-page.compliance-page .main-content .content-body.company-content .inner .inner-group.post-group .group-desc-box .group-desc + .group-desc {
  padding-top: 12px;
}

.sub-page.policy-page .main-content .content-body .inner .inner-group {
  padding-top: 40px;
}
.sub-page.policy-page .main-content .content-body.general-content .general-group {
  padding-top: 16px;
}
.sub-page.policy-page .main-content .content-body.general-content .general-group .general-list {
  border-top: 1px solid #9097A1;
}
.sub-page.policy-page .main-content .content-body.general-content .general-group .general-list .general-item {
  border-bottom: 1px solid #D0D1D3;
}
@media (max-width: 767px) {
  .sub-page.policy-page .main-content .content-body.general-content .general-group .general-list .general-item {
    padding: 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.policy-page .main-content .content-body.general-content .general-group .general-list .general-item {
    display: grid;
    grid-template-columns: 177px auto;
    padding: 32px 5px 32px 24px;
    min-height: 108px;
  }
}
.sub-page.policy-page .main-content .content-body.general-content .general-group .general-list .general-item .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  color: #3A404E;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 25.6px */
}
@media (max-width: 767px) {
  .sub-page.policy-page .main-content .content-body.general-content .general-group .general-list .general-item .title {
    padding-bottom: 12px;
  }
}
.sub-page.policy-page .main-content .content-body.general-content .general-group .general-list .general-item .text-wrap .text {
  display: grid;
  grid-template-columns: 2px auto;
  gap: 4px;
  color: #595E6B;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
.sub-page.policy-page .main-content .content-body.general-content .general-group .general-list .general-item .text-wrap .text:before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  margin: 7px 0;
  background-color: #595E6B;
}
.sub-page.policy-page .main-content .content-body.general-content .general-group .general-list .general-item .text-wrap .text + .text {
  padding-top: 8px;
}
.sub-page.policy-page .main-content .content-body.general-content .box-link-list {
  margin-top: 24px;
}
.sub-page.policy-page .main-content .content-body.ongoing-content .inner .inner-group.major-group {
  padding-top: 24px;
}
.sub-page.policy-page .main-content .content-body.problem-content .inner .img-wrap {
  padding: 24px 0;
}
@media (max-width: 767px) {
  .sub-page.policy-page .main-content .content-body.problem-content .inner .notice-wrap .notice-text {
    padding-left: 11px;
  }
}
.sub-page.participation-program-page .main-content .content-body .inner .inner-group {
  padding-top: 40px;
}
.sub-page.participation-program-page .main-content .content-body.meetings-content .inner .inner-group .case-wrap {
  padding-top: 24px;
}
@media (max-width: 767px) {
  .sub-page.participation-program-page .main-content .content-body.meetings-content .inner .inner-group .case-wrap.in-img-wrap .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.participation-program-page .main-content .content-body.meetings-content .inner .inner-group .case-wrap.in-img-wrap .box {
    display: grid;
    grid-template-columns: 280px auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
  }
}
.sub-page.participation-program-page .main-content .content-body.meetings-content .inner .inner-group .case-wrap .mini-title {
  padding-bottom: 8px;
  color: #4A508F;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%; /* 23.8px */
}
.sub-page.participation-program-page .main-content .content-body.meetings-content .inner .inner-group .case-wrap .box {
  padding: 24px;
  border: 1px solid rgba(58, 70, 205, 0.2);
  background: rgba(58, 70, 205, 0.02);
}
.sub-page.participation-program-page .main-content .content-body.meetings-content .inner .inner-group .case-wrap .box .dot-list .dot-text {
  position: relative;
  padding-left: 6px;
  gap: 4px;
  color: #4C4C4C;
  font-size: 14px;
  font-style: normal;
  line-height: 160%; /* 22.4px */
}
@media (max-width: 767px) {
  .sub-page.participation-program-page .main-content .content-body.meetings-content .inner .inner-group .case-wrap .box .dot-list .dot-text {
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    grid-template-columns: auto auto;
    gap: 2px;
    font-weight: 300;
  }
}
@media (min-width: 768px) {
  .sub-page.participation-program-page .main-content .content-body.meetings-content .inner .inner-group .case-wrap .box .dot-list .dot-text {
    font-weight: 400;
  }
}
.sub-page.participation-program-page .main-content .content-body.meetings-content .inner .inner-group .case-wrap .box .dot-list .dot-text:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 2px;
  height: 2px;
  background-color: #4C4C4C;
}
.sub-page.participation-program-page .main-content .content-body.meetings-content .inner .inner-group .case-wrap .box .dot-list .dot-text + .dot-text {
  margin-top: 8px;
}
.sub-page.participation-program-page .main-content .content-body.meetings-content .inner .inner-group .case-wrap .box .dot-list .line-list {
  padding: 8px 0 0 8px;
}
.sub-page.participation-program-page .main-content .content-body.meetings-content .inner .inner-group .case-wrap .box .dot-list .line-list .line-text {
  display: grid;
  grid-template-columns: 4px auto;
  gap: 4px;
  color: #4C4C4C;
  font-size: 13px;
  font-style: normal;
  line-height: 160%; /* 20.8px */
}
@media (max-width: 767px) {
  .sub-page.participation-program-page .main-content .content-body.meetings-content .inner .inner-group .case-wrap .box .dot-list .line-list .line-text {
    font-weight: 300;
  }
}
@media (min-width: 768px) {
  .sub-page.participation-program-page .main-content .content-body.meetings-content .inner .inner-group .case-wrap .box .dot-list .line-list .line-text {
    font-weight: 400;
  }
}
.sub-page.participation-program-page .main-content .content-body.meetings-content .inner .inner-group .case-wrap .box .dot-list .line-list .line-text:before {
  content: "";
  display: block;
  width: 4px;
  height: 1px;
  margin: 7px 0;
  background-color: #4C4C4C;
}
.sub-page.participation-program-page .main-content .content-body.meetings-content .inner .inner-group .case-wrap .box .dot-list .line-list .line-text + .line-text {
  margin-top: 2px;
}

.sub-page.complaints-channel-page .main-content .content-body.intro-desc .img-wrap {
  padding: 40px 0 80px;
}
.sub-page.complaints-channel-page .main-content .content-body.intro-desc .link-wrap {
  background: #F6F6F6;
}
@media (max-width: 767px) {
  .sub-page.complaints-channel-page .main-content .content-body.intro-desc .link-wrap {
    gap: 24px;
    padding: 28px 32px;
  }
}
@media (min-width: 768px) {
  .sub-page.complaints-channel-page .main-content .content-body.intro-desc .link-wrap {
    width: 840px;
    display: grid;
    grid-template-columns: 200px auto;
    padding: 40px 90px 40px 48px;
    margin: 0 auto;
  }
}
.sub-page.complaints-channel-page .main-content .content-body.intro-desc .link-wrap .title {
  color: #1A2232;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 28.8px */
}
@media (max-width: 767px) {
  .sub-page.complaints-channel-page .main-content .content-body.intro-desc .link-wrap .link-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .sub-page.complaints-channel-page .main-content .content-body.intro-desc .link-wrap .link-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
.sub-page.complaints-channel-page .main-content .content-body.intro-desc .link-wrap .link-inner a {
  background-color: #fff;
}
@media (max-width: 767px) {
  .sub-page.complaints-channel-page .main-content .content-body.intro-desc .link-wrap .link-inner a {
    width: 100%;
    min-width: auto;
    max-width: auto;
  }
}
.sub-page.complaints-channel-page .main-content .content-body.intro-desc .link-wrap .link-inner a:hover, .sub-page.complaints-channel-page .main-content .content-body.intro-desc .link-wrap .link-inner a:focus {
  background-color: #4A508F;
}

.sub-page.persist-page .main-content .content-body .inner .board-search {
  padding-bottom: 12px;
  border-bottom: 2px solid var(--gray_700, #595E6B);
}
@media (min-width: 768px) {
  .sub-page.persist-page .main-content .content-body .inner .board-search {
    position: relative;
    margin-top: 24px;
  }
}
.sub-page.persist-page .main-content .content-body .inner .board-search .sub-title {
  color: #3A404E;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 27.2px */
}
@media (max-width: 767px) {
  .sub-page.persist-page .main-content .content-body .inner .board-search .sub-title {
    padding-bottom: 24px;
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .sub-page.persist-page .main-content .content-body .inner .board-search .sub-title {
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 17px;
  }
}
.sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li {
  border-bottom: 1px solid #9097A1;
}
@media (max-width: 767px) {
  .sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li {
    padding-top: 40px;
    padding-bottom: 21px;
  }
}
@media (min-width: 768px) {
  .sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li {
    padding-top: 80px;
    padding-bottom: 24px;
  }
}
.sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .title {
  padding-bottom: 12px;
  color: #3A46CD;
  font-family: "SKT Sans Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
}
.sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .desc {
  padding-bottom: 24px;
  color: #3A404E;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
@media (min-width: 768px) {
  .sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .li-content {
    display: grid;
    grid-template-columns: 480px auto;
    gap: 24px;
    -webkit-box-align: end;
    -webkit-align-items: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}
.sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .li-content .img-wrap {
  width: 100%;
  border: 1px solid #ECEDEF;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .li-content .img-wrap {
    aspect-ratio: 480/334;
  }
}
@media (min-width: 768px) {
  .sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .li-content .img-wrap {
    height: 338px;
  }
}
@media (max-width: 767px) {
  .sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .li-content .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (min-width: 768px) {
  .sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .li-content .img-wrap img {
    height: 100%;
  }
}
.sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .li-content .right-content .link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media (max-width: 767px) {
  .sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .li-content .right-content .link-wrap {
    padding-top: 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .li-content .right-content .link-wrap {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .li-content .right-content .link-wrap .btn-download-nor {
  display: inline-block;
  border: 1px solid #727887;
  color: #4C4C4C;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
  background: url("../images/common/download-btn-icon.svg") right 16px center/auto no-repeat;
}
@media (max-width: 767px) {
  .sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .li-content .right-content .link-wrap .btn-download-nor {
    width: -webkit-calc(50% - 6px);
    width: -moz-calc(50% - 6px);
    width: calc(50% - 6px);
    padding: 7px 22px 7px 14px;
    background-position: right 20px center;
  }
}
@media (max-width: 767px) and (max-width: 350px) {
  .sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .li-content .right-content .link-wrap .btn-download-nor {
    padding: 7px 22px 7px 10px;
    background-position: right 10px center;
  }
}
@media (min-width: 768px) {
  .sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .li-content .right-content .link-wrap .btn-download-nor {
    padding: 7px 38px 7px 16px;
  }
}
.sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .li-content .right-content .link-wrap .btn-download-nor:hover, .sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li .li-content .right-content .link-wrap .btn-download-nor:focus {
  color: #3A46CD;
  background-image: url("../images/common/download-btn-icon_hover.svg");
}
@media (max-width: 767px) {
  .sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li.type-video .li-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
@media (min-width: 768px) {
  .sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li.type-video .li-content {
    grid-template-columns: 640px auto;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li.type-video .li-content iframe {
  width: 100%;
  aspect-ratio: 680/383;
}
.sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li.type-video .li-content .right-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li.type-video .li-content .right-content .description-wrap {
  height: 240px;
  border: 1px solid #DFE0E0;
}
.sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li.type-video .li-content .right-content .description-wrap .description-title {
  padding-left: 23px;
  margin: 24px 24px 0;
  color: #565DA6;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%; /* 27px */
  background: url("../images/invest-re/announce-caption-icon.svg") left center/auto no-repeat;
}
.sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li.type-video .li-content .right-content .description-wrap .body-wrap {
  padding-top: 12px;
}
.sub-page.persist-page .main-content .content-body .inner .board-img-list-wrap ul li.type-video .li-content .right-content .description-wrap .body-wrap .scroll-inner textarea {
  width: 100%;
  height: 174px;
  padding: 0 24px;
  border: none;
  color: #4C4C4C;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 19.2px */
}
.safety-page .safety-headline .img-group {
  position: relative;
}
.safety-page .safety-headline .img-group .img {
  width: 100%;
}
@media (max-width: 767px) {
  .safety-page .safety-headline .img-group .img {
    height: 440px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.safety-page .safety-headline .img-group .headline {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  color: #FFF;
  text-align: center;
  font-family: "SKT Sans Text";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
}
.safety-page .safety-headline .img-group .headline span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.safety-page .content-body .inner {
  padding-top: 0;
  padding-bottom: 0;
}
.safety-page .content-body .content-cont {
  margin-top: 12px;
}
.safety-page .content-body .content-cont + .content-cont {
  margin-top: 40px;
}
.safety-page .content-body .cont-tit {
  color: var(--color-primary_blue, #3A46CD);
  font-family: "SKT Sans Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
}
.safety-page .content-body .cont-sub {
  color: var(--color-gray_900, #1A2232);
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%; /* 27px */
}
.safety-page .content-body .cont-sub + .cont-img {
  margin-top: 24px;
}
.safety-page .content-body .cont-sub + .cont-desc {
  margin-top: 4px;
}
.safety-page .content-body .cont-desc {
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 23.8px */
}
.safety-page .content-body .cont-desc.slim {
  font-weight: 350;
}
.safety-page .content-body .cont-desc + .cont-img {
  margin-top: 24px;
}
.safety-page .content-body .cont-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.safety-page .content-body .cont-img .img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .safety-page .content-body .cont-img .img {
    max-width: 328px;
    margin: 0 auto;
  }
}
.safety-page .content-body .cont-img .img.align-left {
  margin-left: unset;
}
.safety-page .content-body .cont-img .img.align-center {
  margin-right: auto;
  margin-left: auto;
}
.safety-page .content-body .cont-img .img.align-right {
  margin-right: unset;
}
.safety-page .content-body .cont-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 7px 14px 7px 14px;
  border: 1px solid var(--color-gray_600, #727887);
  color: var(--Color-gr_800, #4C4C4C);
  text-align: justify;
  font-family: "SKT Sans Text";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
  -webkit-background-size: auto auto;
          background-size: auto;
  background-position: center right 16px;
  background-repeat: no-repeat;
  -webkit-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.safety-page .content-body .cont-btn::after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Ccircle cx='4.5' cy='5.25' r='3.875' stroke='%233A404E' stroke-width='1.25'/%3E%3Cpath d='M7.5 8.25L11.5 12.25' stroke='%233A404E' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.safety-page .content-body .cont-btn:hover, .safety-page .content-body .cont-btn:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F;
}
.safety-page .content-body .cont-btn:hover::after, .safety-page .content-body .cont-btn:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Ccircle cx='4.5' cy='5.25' r='3.875' stroke='%23ffffff' stroke-width='1.25'/%3E%3Cpath d='M7.5 8.25L11.5 12.25' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E");
}
.safety-page .content-body .cont-table {
  width: 100%;
  margin-top: 24px;
}
.safety-page .content-body .cont-table .table-tit {
  margin-bottom: 8px;
  color: var(--color-gray_900, #1A2232);
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
}
.safety-page .content-body .cont-table .table-label {
  margin-top: 16px;
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
}
.safety-page .content-body .cont-table .table-label + .table {
  margin-top: 4px;
}
.safety-page .content-body .cont-table table {
  width: 100%;
  border-top: 1px solid var(--color-gray_500, #9097A1);
}
.safety-page .content-body .cont-table table + .table-tit {
  margin-top: 24px;
}
.safety-page .content-body .cont-table th {
  padding: 12px 24px;
  border-right: 1px solid var(--color-gray_100, #ECEDEF);
  border-bottom: 1px solid var(--color-gray_100, #ECEDEF);
  background: #F9F9F9;
  color: var(--color-gray_900, #1A2232);
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
}
@media (max-width: 767px) {
  .safety-page .content-body .cont-table th {
    padding: 12px;
  }
}
.safety-page .content-body .cont-table th:last-child {
  border-right: none;
}
.safety-page .content-body .cont-table td {
  padding: 12px 24px;
  border-right: 1px solid var(--color-gray_100, #ECEDEF);
  border-bottom: 1px solid var(--color-gray_100, #ECEDEF);
  color: var(--color-gray_900, #1A2232);
  font-family: "SKT Sans Text";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 20.8px */
  vertical-align: top;
}
@media (max-width: 767px) {
  .safety-page .content-body .cont-table td {
    padding: 12px;
  }
}
.safety-page .content-body .cont-table td:last-child {
  border-right: none;
}
.safety-page .content-body .cont-table td b {
  font-weight: 600;
}
.safety-page .content-body .cont-table .border-bottom {
  border-bottom: 1px solid var(--color-gray_300, #D0D1D3);
}
.safety-page .content-body .cont-table + .cont-img {
  margin-top: 40px;
}
.safety-page .content-body .cont-download {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  padding: 24px 40px;
  margin-top: 16px;
  background: #F9F9F9;
}
@media (max-width: 767px) {
  .safety-page .content-body .cont-download {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
    padding: 24px 32px;
  }
}
@media (min-width: 768px) {
  .safety-page .content-body .cont-download {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.safety-page .content-body .cont-download .label-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
@media (max-width: 767px) {
  .safety-page .content-body .cont-download .label-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
    gap: 8px;
  }
}
.safety-page .content-body .cont-download .label-group .name {
  color: var(--color-gray_900, #1A2232);
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%; /* 23.8px */
}
.safety-page .content-body .cont-download .label-group .desc {
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 13px;
  font-style: normal;
  font-weight: 350;
  line-height: 160%; /* 20.8px */
}
.safety-page .content-body .cont-download .btn-group .btn-down {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 7px 15px;
  border: 1px solid var(--color-gray_600, #727887);
  background: var(--color-white, #FFF);
  color: var(--color-gray_900, #1A2232);
  text-align: justify;
  font-family: "SKT Sans Text";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
  -webkit-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.safety-page .content-body .cont-download .btn-group .btn-down::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M7 1.5V8.5M7 8.5L3 6M7 8.5L11 6M1.5 10V12.5H12.5V10' stroke='%231A2232' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: auto auto;
          background-size: auto;
  -webkit-transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.safety-page .content-body .cont-download .btn-group .btn-down:hover, .safety-page .content-body .cont-download .btn-group .btn-down:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F;
}
.safety-page .content-body .cont-download .btn-group .btn-down:hover::after, .safety-page .content-body .cont-download .btn-group .btn-down:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M7 1.5V8.5M7 8.5L3 6M7 8.5L11 6M1.5 10V12.5H12.5V10' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
}
.safety-page .content-body + .content-body {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .safety-page .content-body + .content-body {
    margin-top: 40px;
  }
}
.safety-page .scrollspy-wrap {
  position: relative;
}
@media (max-width: 767px) {
  .safety-page .scrollspy-wrap {
    padding-top: 83px;
    margin-top: 80px;
  }
}
@media (min-width: 768px) {
  .safety-page .scrollspy-wrap {
    padding-top: 65px;
    margin-top: 80px;
  }
}
.safety-page .scrollspy-wrap .tab-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background-color: white;
  will-change: transform;
}
@media (max-width: 767px) {
  .safety-page .scrollspy-wrap .tab-header {
    padding: 0 16px;
  }
}
.safety-page .scrollspy-wrap .tab-header ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 50px;
}
@media (max-width: 767px) {
  .safety-page .scrollspy-wrap .tab-header ul {
    padding-top: 20px;
  }
}
.safety-page .scrollspy-wrap .tab-body .content-item {
  margin-top: 80px;
}
.safety-page .scrollspy-wrap + .content-body {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .safety-page.safety-management-system-page .content-body.content-rule .content-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    flex-direction: column-reverse;
    gap: 24px;
  }
}
@media (min-width: 768px) {
  .safety-page.safety-management-system-page .content-body.content-rule .content-cont {
    display: grid;
    grid-template-columns: 157px auto;
    gap: 24px;
  }
}
.safety-page.safety-management-system-page .content-body.content-rule .content-cont .cont-img {
  width: 100%;
}
.safety-page.safety-management-system-page .content-body.content-rule .content-cont .desc-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
@media (max-width: 767px) {
  .safety-page.safety-management-system-page .content-body.content-rule .content-cont .cont-btn {
    display: none;
  }
}
.safety-page.safety-activities-page .content-body.content-risk .title-wrap {
  display: grid;
  grid-template-columns: 460px auto;
  gap: 39px;
  margin-top: 24px;
}
.safety-page.safety-activities-page .content-body.content-risk .title-wrap .cont-sub {
  border-bottom: 2px solid #595E6B;
}
.safety-page.safety-activities-page .content-body.content-risk .title-wrap + .cont-img {
  margin-top: 16px;
}
.safety-page.safety-activities-page .content-body.content-check .cont-sub {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .safety-page.safety-activities-page .content-body.content-check .cont-sub + .cont-img {
    margin-top: 24px;
  }
}
.safety-page.safety-activities-page .content-body.content-processes {
  margin-top: 160px;
}
.safety-page.safety-activities-page .content-body.content-processes .cont-sub {
  margin-top: 24px;
}
.safety-page.safety-activities-page .content-body.content-processes .cont-sub + .cont-img {
  margin-top: 8px;
}
.safety-page.safety-activities-page .content-body.content-level .cont-sub {
  margin-top: 24px;
}
.safety-page.safety-activities-page .content-body.content-level .cont-table {
  margin-top: 8px;
}
.safety-page.safety-activities-page .content-body.content-level .grid-2 th,
.safety-page.safety-activities-page .content-body.content-level .grid-2 td {
  text-align: left;
}
@media (max-width: 767px) {
  .safety-page.safety-activities-page .content-body.content-level .grid-2 col:nth-child(1) {
    width: 30.48780488%;
  }
  .safety-page.safety-activities-page .content-body.content-level .grid-2 col:nth-child(2) {
    width: 69.51219512%;
  }
}
@media (min-width: 768px) {
  .safety-page.safety-activities-page .content-body.content-level .grid-2 td {
    text-align: left;
  }
  .safety-page.safety-activities-page .content-body.content-level .grid-2 col:nth-child(1) {
    width: 20.83333%;
  }
  .safety-page.safety-activities-page .content-body.content-level .grid-2 col:nth-child(2) {
    width: 79.16666%;
  }
}
.safety-page.safety-activities-page .content-body.content-accident .cont-sub {
  margin-top: 24px;
}
.safety-page.safety-activities-page .content-body.content-accident .cont-sub + .cont-img {
  margin-top: 8px;
}
.safety-page.safety-cooperation-page .content-body.content-reduce .cont-sub {
  margin-top: 24px;
}
.safety-page.safety-cooperation-page .content-body.content-reduce .caption-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}
.safety-page.safety-cooperation-page .content-body.content-reduce .caption-group .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.safety-page.safety-cooperation-page .content-body.content-reduce .caption-group .row .tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: 39px;
  height: 27px;
  padding: 4px 8px;
  color: var(--color-white, #FFF);
  font-family: "SKT Sans Text";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
  border-radius: 2px;
  background: var(--Color, #4A508F);
}
.safety-page.safety-cooperation-page .content-body.content-reduce .caption-group .row .desc {
  min-height: 24px;
  padding-top: 2px;
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  line-height: 170%; /* 23.8px */
}
.safety-page.safety-cooperation-page .content-body.content-reduce .caption-group + .cont-img {
  margin-top: 16px;
}
.safety-page.safety-cooperation-page .content-body.content-reduce .title-wrap {
  display: grid;
  grid-template-columns: 440px auto;
  gap: 79px;
  margin-top: 16px;
}
.safety-page.safety-cooperation-page .content-body.content-reduce .title-wrap .cont-sub {
  border-bottom: 2px solid #595E6B;
}
@media (max-width: 767px) {
  .safety-page.safety-cooperation-page .content-body.content-reduce .title-wrap + .cont-img {
    margin-top: 40px;
  }
}
@media (min-width: 768px) {
  .safety-page.safety-cooperation-page .content-body.content-reduce .title-wrap + .cont-img {
    margin-top: 16px;
  }
}
.safety-page.safety-capacity-building-page .content-body.content-health .grid-2-sm th,
.safety-page.safety-capacity-building-page .content-body.content-health .grid-2-sm td {
  text-align: left;
}
.safety-page.safety-capacity-building-page .content-body.content-health .grid-2-sm col:nth-child(1) {
  width: 54.87804878%;
}
.safety-page.safety-capacity-building-page .content-body.content-health .grid-2-sm col:nth-child(2) {
  width: 45.12195122%;
}
.safety-page.safety-capacity-building-page .content-body.content-health .grid-3 th,
.safety-page.safety-capacity-building-page .content-body.content-health .grid-3 td {
  text-align: left;
}
.safety-page.safety-capacity-building-page .content-body.content-health .grid-3 col:nth-child(1) {
  width: 20.83333%;
}
.safety-page.safety-capacity-building-page .content-body.content-health .grid-3 col:nth-child(2) {
  width: 39.58333333%;
}
.safety-page.safety-capacity-building-page .content-body.content-health .grid-3 col:nth-child(3) {
  width: 39.58333333%;
}
.safety-page.safety-capacity-building-page .content-body.content-listen .grid-2-sm th:nth-child(1),
.safety-page.safety-capacity-building-page .content-body.content-listen .grid-2-sm td:nth-child(1) {
  text-align: left;
}
.safety-page.safety-capacity-building-page .content-body.content-listen .grid-2-sm col:nth-child(1) {
  width: 30.48780488%;
}
.safety-page.safety-capacity-building-page .content-body.content-listen .grid-2-sm col:nth-child(2) {
  width: 69.51219512%;
}
.safety-page.safety-capacity-building-page .content-body.content-listen .grid-2-sm .upper {
  padding-bottom: 4px;
}
.safety-page.safety-capacity-building-page .content-body.content-listen .grid-2-sm .under {
  padding-top: 4px;
}
.safety-page.safety-capacity-building-page .content-body.content-listen .grid-2 th:nth-child(1) {
  text-align: left;
}
.safety-page.safety-capacity-building-page .content-body.content-listen .grid-2 td {
  text-align: left;
}
.safety-page.safety-capacity-building-page .content-body.content-listen .grid-2 col:nth-child(1) {
  width: 20.83333%;
}
.safety-page.safety-capacity-building-page .content-body.content-listen .grid-2 col:nth-child(2) {
  width: 22.91666%;
}
.safety-page.safety-capacity-building-page .content-body.content-listen .grid-2 col:nth-child(3) {
  width: 56.25004%;
}
.safety-page.safety-employee-health-page .content-body.content-manage .grid-2 th,
.safety-page.safety-employee-health-page .content-body.content-manage .grid-2 td {
  text-align: left;
}
@media (max-width: 767px) {
  .safety-page.safety-employee-health-page .content-body.content-manage .grid-2 col:nth-child(1) {
    width: 30.48780488%;
  }
  .safety-page.safety-employee-health-page .content-body.content-manage .grid-2 col:nth-child(2) {
    width: 69.51219512%;
  }
}
@media (min-width: 768px) {
  .safety-page.safety-employee-health-page .content-body.content-manage .grid-2 td {
    text-align: left;
  }
  .safety-page.safety-employee-health-page .content-body.content-manage .grid-2 col:nth-child(1) {
    width: 20.83333%;
  }
  .safety-page.safety-employee-health-page .content-body.content-manage .grid-2 col:nth-child(2) {
    width: 79.16666%;
  }
}
.safety-page.safety-employee-health-page .content-body.content-manage .cont-sub {
  margin-top: 40px;
}
.safety-page.safety-employee-health-page .content-body.content-manage .cont-desc.slim + .cont-table {
  margin-top: 0;
}

.modal.modal-safety-health-management-system-policy {
  z-index: 999999;
}
.modal.modal-safety-health-management-system-policy .modal-dialog {
  max-width: 800px;
  margin: auto;
}
.modal.modal-safety-health-management-system-policy .modal-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 90%;
  max-height: -webkit-calc(100vh - 60px);
  max-height: -moz-calc(100vh - 60px);
  max-height: calc(100vh - 60px);
  margin: 0 auto;
}
.modal.modal-safety-health-management-system-policy .modal-content .img {
  max-width: 100%;
}
.modal.modal-safety-health-management-system-policy .modal-content .modal-footer {
  position: absolute;
  bottom: 30px;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.modal.modal-safety-health-management-system-policy .modal-content .modal-footer .btn-close {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px 30px 12px 62px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  border-radius: 74px;
  margin: 0 auto;
  color: var(--color-white, #FFF);
  text-align: justify;
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 24px */
  background-color: rgba(0, 0, 0, 0.6);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12' fill='none'%3E%3Cpath d='M12.4541 1.41406L7.86914 5.99805L12.4551 10.584L11.041 11.998L6.45605 7.41211L1.87109 11.998L0.457031 10.584L5.04199 5.99805L0.458008 1.41406L1.87207 0L6.45605 4.58398L11.04 0L12.4541 1.41406Z' fill='white'/%3E%3C/svg%3E");
  -webkit-background-size: auto auto;
          background-size: auto;
  background-position: top 18px left 30px;
  background-repeat: no-repeat;
}

.modal-backdrop.show {
  z-index: 9999;
}

.sub-page.calendar-page .main-content .content-body .inner {
  position: relative;
}
.sub-page.calendar-page .main-content .content-body .inner .desc-nor {
  color: #727887;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
}
@media (max-width: 767px) {
  .sub-page.calendar-page .main-content .content-body .inner .desc-nor {
    padding-bottom: 24px;
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .sub-page.calendar-page .main-content .content-body .inner .desc-nor {
    padding: 20px 0 13px;
    font-size: 13px;
  }
}
.sub-page.calendar-page .main-content .content-body .inner .date-nav {
  display: grid;
  grid-template-columns: 32px 110px 32px;
  gap: 24px;
}
@media (max-width: 767px) {
  .sub-page.calendar-page .main-content .content-body .inner .date-nav {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .sub-page.calendar-page .main-content .content-body .inner .date-nav {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
  }
}
.sub-page.calendar-page .main-content .content-body .inner .date-nav .box {
  width: 32px;
  height: 32px;
  border: 1px solid #D0D1D3;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13' fill='none'%3E%3Cpath d='M7.75 12L2.25 6.5L7.75 1' stroke='%23595E6B' stroke-width='2'/%3E%3C/svg%3E") center/auto no-repeat;
  -webkit-transition: border 0.3s ease-in-out, background 0.3s ease-in-out;
  -moz-transition: border 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: border 0.3s ease-in-out, background 0.3s ease-in-out;
}
.sub-page.calendar-page .main-content .content-body .inner .date-nav .box.txt-hide {
  position: static;
}
.sub-page.calendar-page .main-content .content-body .inner .date-nav .box.date-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13' fill='none'%3E%3Cpath d='M1.25 12L6.75 6.5L1.25 1' stroke='%23595E6B' stroke-width='2'/%3E%3C/svg%3E");
}
.sub-page.calendar-page .main-content .content-body .inner .date-nav .box.date-next:hover, .sub-page.calendar-page .main-content .content-body .inner .date-nav .box.date-next:focus {
  border-color: rgba(58, 70, 205, 0.5);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13' fill='none'%3E%3Cpath d='M1.25 12L6.75 6.5L1.25 1' stroke='%233A46CD' stroke-width='2'/%3E%3C/svg%3E");
}
.sub-page.calendar-page .main-content .content-body .inner .date-nav .box:hover, .sub-page.calendar-page .main-content .content-body .inner .date-nav .box:focus {
  border-color: rgba(58, 70, 205, 0.5);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13' fill='none'%3E%3Cpath d='M7.75 12L2.25 6.5L7.75 1' stroke='%233A46CD' stroke-width='2'/%3E%3C/svg%3E");
}
.sub-page.calendar-page .main-content .content-body .inner .date-nav .date-view {
  color: #1A2232;
  font-family: "SKT Sans Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .mobile-cal {
  padding-top: 24px;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .mobile-cal > ul {
  border-top: 1px solid #9097A1;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .mobile-cal > ul > li {
  position: relative;
  min-height: 54px;
  padding: 16px 12px 16px 74px;
  border-bottom: 1px solid #ECEDEF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .mobile-cal > ul > li.sun {
  color: #DC0004;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .mobile-cal > ul > li.sun .date {
  color: #DC0004;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .mobile-cal > ul > li.sun .event-list li {
  color: #DC0004;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .mobile-cal > ul > li.is-event {
  background: rgba(58, 70, 205, 0.02);
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .mobile-cal > ul > li .date {
  position: absolute;
  top: 16px;
  left: 12px;
  color: #3A404E;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .mobile-cal > ul > li .today {
  display: inline-block;
  color: #1A2232;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
  border-bottom: 2px solid #1A2232;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .mobile-cal > ul > li .event-list {
  border: none;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .mobile-cal > ul > li .event-list li {
  border: none;
  color: #3A46CD;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .mobile-cal > ul > li .event-list li + li {
  margin-top: 2px;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .desktop-cal table {
  width: 100%;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .desktop-cal table thead th {
  width: 14.3%;
  border-top: 1px solid #9097A1;
  border-bottom: 1px solid #D0D1D3;
  color: #1A2232;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 46px;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .desktop-cal table thead th:first-child {
  color: #DC0004;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .desktop-cal table tbody tr {
  border-bottom: 1px solid #ECEDEF;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .desktop-cal table tbody td {
  height: 140px;
  padding: 10px 12px;
  vertical-align: top;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .desktop-cal table tbody td.is-event {
  background: rgba(58, 70, 205, 0.02);
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .desktop-cal table tbody td:first-child {
  color: #DC0004;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .desktop-cal table tbody td:first-child .date {
  color: #DC0004;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .desktop-cal table tbody td:first-child .event-list li {
  color: #DC0004;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .desktop-cal table tbody td .date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  color: #3A404E;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .desktop-cal table tbody td .date .today {
  border-bottom: 2px solid #1A2232;
  color: #1A2232;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .desktop-cal table tbody td .event-list {
  padding-top: 8px;
}
.sub-page.calendar-page .main-content .content-body .inner .cal-wrap .desktop-cal table tbody td .event-list li {
  color: #3A46CD;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
}

@media (min-width: 768px) {
  .sub-page.faq-page .main-content .content-header {
    padding-bottom: 67px;
  }
}
.sub-page.faq-page .main-content .content-body .content-title {
  padding-bottom: 16px;
  color: #3A46CD;
  font-family: "SKT Sans Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
}
.sub-page.faq-page .main-content .content-body .content-desc {
  padding-bottom: 22px;
  color: #4C4C4C;
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  line-height: 160%; /* 22.4px */
}
.sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  border-top: 2px solid rgba(58, 70, 205, 0.3);
  border-bottom: 1px solid rgba(58, 70, 205, 0.3);
}
@media (max-width: 767px) {
  .sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group {
    padding: 40px 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group {
    padding: 55px 0;
  }
}
.sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group.ars-group {
  border-top: none;
}
.sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group .item-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group .item-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
@media (min-width: 768px) {
  .sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group .item-wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 86px;
  }
}
.sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group .item-wrap .item {
  position: relative;
}
@media (max-width: 767px) {
  .sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group .item-wrap .item {
    padding-left: 84px;
  }
}
@media (min-width: 768px) {
  .sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group .item-wrap .item {
    padding-top: 76px;
  }
}
.sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group .item-wrap .item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 60px;
  height: 60px;
  border: 1px solid rgba(58, 70, 205, 0.5);
  border-radius: 14px;
  background: rgba(58, 70, 205, 0.05) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Ccircle cx='18' cy='11' r='7' fill='white' stroke='%233A46CD' stroke-width='2'/%3E%3Cpath d='M18 18C25.9482 18 32.4512 24.182 32.9658 32H3.03418C3.54881 24.182 10.0518 18 18 18Z' fill='white' stroke='%233A46CD' stroke-width='2'/%3E%3C/svg%3E") center/auto no-repeat;
}
.sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group .item-wrap .item.item-02:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='32' viewBox='0 0 22 32' fill='none'%3E%3Crect x='1' y='1' width='20' height='30' rx='1' fill='white' stroke='%233A46CD' stroke-width='2'/%3E%3Crect x='7' y='2' width='8' height='2' fill='%233A46CD'/%3E%3Crect x='7' y='26' width='8' height='2' fill='%233A46CD'/%3E%3C/svg%3E");
}
.sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group .item-wrap .item.item-03:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='20' viewBox='0 0 28 20' fill='none'%3E%3Crect x='5' y='5' width='22' height='14' rx='1' fill='white' stroke='%233A46CD' stroke-width='2'/%3E%3Crect x='4' y='8' width='24' height='2' fill='%233A46CD'/%3E%3Crect x='1' y='1' width='22' height='14' rx='1' fill='white' stroke='%233A46CD' stroke-width='2'/%3E%3Crect y='4' width='24' height='2' fill='%233A46CD'/%3E%3Crect x='4' y='10' width='10' height='2' fill='%233A46CD'/%3E%3C/svg%3E");
}
.sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group .item-wrap .item.item-04:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='26' viewBox='0 0 28 26' fill='none'%3E%3Cpath d='M3 4.5H25C25.5523 4.5 26 4.94772 26 5.5V23.5C26 24.0523 25.5523 24.5 25 24.5H3C2.44772 24.5 2 24.0523 2 23.5V5.5C2 4.94772 2.44771 4.5 3 4.5Z' fill='white' stroke='%233A46CD' stroke-width='2'/%3E%3Cpath d='M11 14.5H17C17.5523 14.5 18 14.9477 18 15.5V23.5C18 24.0523 17.5523 24.5 17 24.5H11C10.4477 24.5 10 24.0523 10 23.5V15.5C10 14.9477 10.4477 14.5 11 14.5Z' fill='%23F3F4FC' stroke='%233A46CD' stroke-width='2'/%3E%3Cpath d='M2 5.5H26C26.5523 5.5 27 5.94772 27 6.5V8.5C27 9.05228 26.5523 9.5 26 9.5H2C1.44772 9.5 1 9.05228 1 8.5V6.5C1 5.94772 1.44772 5.5 2 5.5Z' fill='white' stroke='%233A46CD' stroke-width='2'/%3E%3Cpath d='M2 1.5H26C26.5523 1.5 27 1.94772 27 2.5V4.5C27 5.05228 26.5523 5.5 26 5.5H2C1.44772 5.5 1 5.05228 1 4.5V2.5C1 1.94772 1.44772 1.5 2 1.5Z' fill='white' stroke='%233A46CD' stroke-width='2'/%3E%3C/svg%3E");
}
.sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group .item-wrap .item p {
  color: #4C4C4C;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 20.8px */
}
.sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group .item-wrap .item p + p {
  padding-top: 8px;
}
.sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group .btn-wrap {
  text-align: center;
}
.sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group .btn-wrap a {
  display: inline-block;
  padding: 12px 24px;
  color: #FFF;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
  text-decoration: none;
  background: #565DA6;
}
.sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group.ars-group .item-wrap {
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group.ars-group .item-wrap .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    padding: 0;
  }
}
.sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group.ars-group .item-wrap .item:before {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1513_24199)'%3E%3Cpath d='M30.1246 14.405C30.2723 14.3908 30.42 14.3672 30.5723 14.3672C32.8062 14.3672 34.6154 15.9114 34.6154 17.8144V20.9547C34.6154 22.8577 32.8062 24.4019 30.5723 24.4019C30.42 24.4019 30.1246 24.3641 30.1246 24.3641' fill='white'/%3E%3Cpath d='M30.1246 14.405C30.2723 14.3908 30.42 14.3672 30.5723 14.3672C32.8062 14.3672 34.6154 15.9114 34.6154 17.8144V20.9547C34.6154 22.8577 32.8062 24.4019 30.5723 24.4019C30.42 24.4019 30.1246 24.3641 30.1246 24.3641' stroke='%233A46CD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.87538 14.405C5.72769 14.3908 5.58 14.3672 5.42769 14.3672C3.19384 14.3672 1.38461 15.9114 1.38461 17.8144V20.9547C1.38461 22.8577 3.19384 24.4019 5.42769 24.4019C5.58 24.4019 5.72769 24.3783 5.87538 24.3641L6.56769 24.265' fill='white'/%3E%3Cpath d='M5.87538 14.405C5.72769 14.3908 5.58 14.3672 5.42769 14.3672C3.19384 14.3672 1.38461 15.9114 1.38461 17.8144V20.9547C1.38461 22.8577 3.19384 24.4019 5.42769 24.4019C5.58 24.4019 5.72769 24.3783 5.87538 24.3641L6.56769 24.265' stroke='%233A46CD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.8385 31.2872C23.8385 32.5575 22.8323 33.5869 21.5954 33.5869H15.3092C14.0677 33.5869 13.0662 32.5575 13.0662 31.2872C13.0662 30.0169 14.0723 28.9922 15.3092 28.9922H21.5954C22.8369 28.9922 23.8385 30.0216 23.8385 31.2872Z' fill='white' stroke='%233A46CD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5831 29.8171C9.22617 29.1843 5.8754 25.3499 5.8754 20.7174V11.6035C5.8754 6.52712 9.8954 2.41406 14.8569 2.41406H21.1431C26.1046 2.41406 30.1246 6.52712 30.1246 11.6035V24.3913' stroke='%233A46CD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M13 12H24V14.7537H13V12Z' fill='%233617CE'/%3E%3Cpath d='M20.0767 23.6386V17.2101L16.9177 15.625V23.6397H20.0767V23.6386Z' fill='%233617CE'/%3E%3Cdefs%3E%3CclipPath id='clip0_1513_24199'%3E%3Crect width='36' height='34' fill='white' transform='translate(0 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (min-width: 768px) {
  .sub-page.faq-page .main-content .content-body.content-customer .content-wrap .customer-group.ars-group .item-wrap .item:before {
    position: static;
  }
}
@media (max-width: 767px) {
  .sub-page.faq-page .main-content .content-body.cbody-faq {
    padding-top: 60px;
  }
}
@media (min-width: 768px) {
  .sub-page.faq-page .main-content .content-body.cbody-faq {
    padding-top: 80px;
  }
}
.sub-page.faq-page .main-content .content-body.cbody-faq .inner .content-wrap .tab-wrap .tab-header ul {
  margin-bottom: 24px;
}
.sub-page.faq-page .main-content .content-body.cbody-faq .inner .content-wrap .tab-wrap .tab-body .board-search {
  padding-bottom: 24px;
}
@media (max-width: 767px) {
  .sub-page.faq-page .main-content .content-body.cbody-faq .inner .content-wrap .tab-wrap .tab-body .board-search .custom-select-wrap {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .sub-page.faq-page .main-content .content-body.cbody-faq .inner .content-wrap .tab-wrap .tab-body .board-search .custom-select-wrap select {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .sub-page.faq-page .main-content .content-body.cbody-faq .inner .content-wrap .tab-wrap .tab-body .board-search .custom-select-wrap select {
    width: 155px;
  }
}
@media (max-width: 767px) {
  .sub-page.faq-page .main-content .content-body.cbody-faq .inner .content-wrap .tab-wrap .tab-body .board-search .input-search-wrap {
    width: 100%;
  }
}
.sub-page.faq-page .main-content .content-body.cbody-faq .inner .content-wrap .tab-wrap .tab-body .content-item .accordion-wrap li:first-child {
  border-top: 1px solid #D0D1D3;
}
.sub-page.faq-page .main-content .content-body.cbody-faq .inner .content-wrap .tab-wrap .tab-body .content-item .accordion-wrap li.expanded {
  border-top: 1px solid #3A46CD;
}
.sub-page.faq-page .main-content .content-body.cbody-faq .inner .content-wrap .tab-wrap .tab-body .not-find-search {
  padding: 180px 0;
  border-top: 1px solid #D0D1D3;
  text-align: center;
  color: var(--color-gray_900, #1A2232);
  text-align: center;
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  background-position: top 28px center;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .sub-page.faq-page .main-content .content-body.cbody-faq .inner .content-wrap .tab-wrap .tab-body .not-find-search {
    padding: 164px 0;
    font-size: 13px;
    -webkit-background-size: auto 100px;
            background-size: auto 100px;
  }
}
.connect-overview-page {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  background: #202021;
}
.connect-overview-page .overview-board {
  overflow: hidden;
}
.connect-overview-page .overview-board .pin-section {
  position: relative;
}
.connect-overview-page .overview-board .pin-section .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: none;
  max-width: none;
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.connect-overview-page .overview-board .pin-section .inner .left {
  position: relative;
  width: 50%;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .left {
    width: 100%;
    height: 620px;
  }
}
.connect-overview-page .overview-board .pin-section .inner .left .link {
  display: block;
  width: 100%;
  height: 100%;
}
.connect-overview-page .overview-board .pin-section .inner .left .link:focus {
  border: 2px solid gray;
  border-radius: 3px;
}
.connect-overview-page .overview-board .pin-section .inner .left .connect-logo {
  position: absolute;
  top: 56px;
  left: 40px;
  display: block;
  width: 332px;
  height: 44px;
  background-image: url("data:image/svg+xml,%3Csvg width='332' height='44' viewBox='0 0 332 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M291.071 21.553H311.161M311.161 21.553H331.25M311.161 21.553V1.91016M311.161 21.553V41.6423' stroke='white' stroke-width='7.14286'/%3E%3Cpath d='M112.643 42.1772L93.0932 12.1272H92.9432V42.1772H85.7432V1.6772H95.2932L114.893 31.7272H115.093V1.6772H122.293V42.1772H112.643Z' fill='white'/%3E%3Cpath d='M156.393 42.1772L136.843 12.1272H136.693V42.1772H129.493V1.6772H139.043L158.643 31.7272H158.843V1.6772H166.043V42.1772H156.393Z' fill='white'/%3E%3Cpath d='M174.136 42.1772V1.6772H201.786V8.12721H181.486V18.0772H199.736V24.5272H181.486V35.7272H202.036V42.1772H174.136Z' fill='white'/%3E%3Cpath d='M271.4 42.1772H263.9V8.2272H251.15V1.62721H284.15V8.2272H271.4V42.1772Z' fill='white'/%3E%3Cpath d='M226.368 0.683935C231.59 0.144202 236.827 1.53976 241.088 4.60586C244.792 7.2715 247.534 11.0386 248.94 15.3432H241.088C240.075 13.4374 238.631 11.7729 236.852 10.4925C234.033 8.46409 230.568 7.54086 227.114 7.89792C223.66 8.25498 220.457 9.86751 218.113 12.4296C215.768 14.9916 214.446 18.325 214.397 21.7973C214.347 25.2696 215.574 28.6392 217.845 31.2669C220.115 33.8946 223.271 35.5976 226.713 36.0528C230.156 36.508 233.646 35.6837 236.521 33.7363C238.293 32.5363 239.755 30.9614 240.817 29.1418H248.775C247.254 33.4426 244.393 37.1639 240.588 39.741C236.242 42.6847 230.967 43.9307 225.763 43.2426C220.559 42.5546 215.788 39.9804 212.357 36.0083C208.925 32.0363 207.07 26.9428 207.145 21.6941C207.22 16.4454 209.218 11.4067 212.762 7.53395C216.305 3.66115 221.147 1.22367 226.368 0.683935Z' fill='white'/%3E%3Cpath d='M14.7641 1.94376C18.9545 0.366611 23.5337 0.141651 27.8585 1.30048L24.5445 7.92076C23.2052 7.71317 20.091 7.68798 17.3188 8.73135C14.5466 9.77471 12.1709 11.6602 10.5253 14.123C8.87972 16.5859 8.04689 19.5023 8.14381 22.4627C8.24072 25.4231 9.26251 28.2789 11.0657 30.6288C12.8688 32.9787 15.3628 34.7048 18.1972 35.5646C21.0317 36.4244 24.0643 36.3748 26.8691 35.4227C29.674 34.4706 32.1101 32.6638 33.8354 30.2562C34.7636 28.9609 35.461 27.5267 35.9072 26.0167H43.3609C42.7815 29.0522 41.5491 31.9428 39.7305 34.4806C37.1225 38.12 33.4401 40.851 29.2004 42.2902C24.9606 43.7294 20.3765 43.8045 16.092 42.5048C11.8074 41.205 8.03758 38.5959 5.31194 35.0438C2.58629 31.4916 1.04176 27.175 0.895267 22.7C0.748772 18.225 2.00767 13.8166 4.49516 10.0938C6.98265 6.37102 10.5738 3.52091 14.7641 1.94376Z' fill='white'/%3E%3Cpath d='M54.4738 0.737225C49.5958 1.34958 45.0766 3.62066 41.6744 7.16956C38.5876 10.3894 36.5905 14.4833 35.9434 18.8739H43.3154C43.8808 16.3722 45.1177 14.0577 46.9096 12.1885C49.1604 9.84072 52.15 8.33828 55.3771 7.93317C58.6042 7.52806 61.8724 8.24492 64.6337 9.96353C67.3949 11.6821 69.4813 14.2979 70.5427 17.3723C71.6042 20.4466 71.5763 23.7924 70.4637 26.8485C69.351 29.9047 67.2214 32.4853 64.4318 34.1576C61.6423 35.8299 58.3625 36.4921 55.1427 36.0332C51.9228 35.5743 48.9586 34.0222 46.7474 31.6372L43.0152 38.1108C46.1308 40.8429 49.9857 42.624 54.1194 43.2131C58.9865 43.9068 63.9441 42.9058 68.1608 40.378C72.3774 37.8501 75.5967 33.9493 77.2785 29.3296C78.9604 24.7099 79.0026 19.6524 77.398 15.0053C75.7935 10.3582 72.6398 6.40413 68.4659 3.8063C64.2921 1.20847 59.3518 0.124866 54.4738 0.737225Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .left .connect-logo {
    top: 24px;
    left: 16px;
    width: 181px;
    height: 24px;
    -webkit-background-size: contain;
            background-size: contain;
  }
}
.connect-overview-page .overview-board .pin-section .inner .left .cover {
  position: relative;
  display: block;
  height: 100%;
}
.connect-overview-page .overview-board .pin-section .inner .left .cover .img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 0% 0%;
}
.connect-overview-page .overview-board .pin-section .inner .left .cover::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  padding-bottom: 90.72916667%;
  opacity: 0.8;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(41.68%, rgba(0, 0, 0, 0)), to(#000));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 41.68%, #000 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 41.68%, #000 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.68%, #000 100%);
}
.connect-overview-page .overview-board .pin-section .inner .left .text-group {
  position: absolute;
  left: 0;
  bottom: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 18px;
  padding: 40px;
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .left .text-group {
    gap: 16px;
    padding: 40px 16px;
  }
}
.connect-overview-page .overview-board .pin-section .inner .left .text-group .cate {
  display: block;
  margin-top: 10px;
  color: #FFF;
  font-family: "SKT Sans Text";
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  line-height: 160%;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .left .text-group .cate {
    font-size: 15px;
    letter-spacing: 0.45px;
  }
}
.connect-overview-page .overview-board .pin-section .inner .left .text-group .tit {
  display: block;
  color: #FFF;
  font-family: "SKT Sans Text";
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .left .text-group .tit {
    font-size: 32px;
  }
}
.connect-overview-page .overview-board .pin-section .inner .left .text-group .date {
  display: block;
  color: var(--gray_200, #DFE0E0);
  font-family: "SKT Sans Text";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.connect-overview-page .overview-board .pin-section .inner .right {
  width: 50%;
  padding: 60px 40px;
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .right {
    position: relative;
    width: 100%;
    padding: 88px 16px;
    background: #202021;
  }
}
@media (min-width: 768px) {
  .connect-overview-page .overview-board .pin-section .inner .right {
    overflow: hidden;
  }
}
.connect-overview-page .overview-board .pin-section .inner .right .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .right .grid {
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .right .col-group.col2-group {
    padding-top: 40px;
  }
}
@media (min-width: 768px) {
  .connect-overview-page .overview-board .pin-section .inner .right .col-group.col2-group {
    position: relative;
    padding-top: 80px;
  }
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group.col2-group .connect-nav {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .right .col-group.col2-group .connect-nav {
    top: 20px;
    left: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .connect-overview-page .overview-board .pin-section .inner .right .col-group.col2-group .connect-nav {
    top: -20px;
    right: 0;
  }
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group.col2-group .connect-nav .nav-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
  border-radius: 10px;
  padding: 14px 28px;
  color: var(--color-gray_900, #1A2232);
  font-family: "SKT Sans Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group.col2-group .connect-nav .nav-link:hover, .connect-overview-page .overview-board .pin-section .inner .right .col-group.col2-group .connect-nav .nav-link:focus {
  color: var(--color-white, #FFF);
  background: rgba(255, 255, 255, 0.2);
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group.col2-group .connect-nav + .item {
  margin-top: 0;
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .right .col-group.col2-group .item {
    margin-top: 40px;
  }
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group .item {
  width: 100%;
  margin-top: 60px;
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .right .col-group .item {
    margin-top: 20px;
  }
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group .item:hover .link .thumb .img {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group .item:hover .link .thumb::after {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(41.68%, rgba(0, 0, 0, 0)), to(#000));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 41.68%, #000 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 41.68%, #000 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.68%, #000 100%);
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group .item:hover .text-group .tit {
  text-decoration: underline;
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group .item .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .right .col-group .item .link {
    gap: 12px;
  }
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group .item .link .thumb {
  position: relative;
  height: 100%;
  border-radius: 16px;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  transition: all 1s ease-out;
  overflow: hidden;
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .right .col-group .item .link .thumb {
    border-radius: 5.943px;
  }
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group .item .link .thumb .img {
  width: 100%;
  aspect-ratio: 420/720;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.35, 0, 0.25, 1);
  transition: -webkit-transform 1s cubic-bezier(0.35, 0, 0.25, 1);
  -moz-transition: transform 1s cubic-bezier(0.35, 0, 0.25, 1), -moz-transform 1s cubic-bezier(0.35, 0, 0.25, 1);
  transition: transform 1s cubic-bezier(0.35, 0, 0.25, 1);
  transition: transform 1s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 1s cubic-bezier(0.35, 0, 0.25, 1), -moz-transform 1s cubic-bezier(0.35, 0, 0.25, 1);
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .right .col-group .item .link .thumb .img {
    aspect-ratio: 156/267;
  }
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group .item .link .thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 0.5s 0s cubic-bezier(0.35, 0, 0.25, 1);
  -moz-transition: all 0.5s 0s cubic-bezier(0.35, 0, 0.25, 1);
  transition: all 0.5s 0s cubic-bezier(0.35, 0, 0.25, 1);
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group .item .link .thumb .cate {
  position: absolute;
  bottom: 18px;
  left: 20px;
  z-index: 1;
  color: #FFF;
  font-family: "SKT Sans Display";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.54px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .right .col-group .item .link .thumb .cate {
    bottom: 8px;
    left: 12px;
    font-size: 11px;
    letter-spacing: 0.33px;
  }
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group .item .text-group {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .right .col-group .item .text-group {
    gap: 16px;
    padding: 0 12px;
  }
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group .item .text-group .tit {
  color: var(--gray_400, #AFB6BC);
  text-overflow: ellipsis;
  font-family: "SKT Sans Text";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  text-underline-offset: 0.25em;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
}
@media (max-width: 767px) {
  .connect-overview-page .overview-board .pin-section .inner .right .col-group .item .text-group .tit {
    font-size: 15px;
  }
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group .item .text-group .date {
  color: var(--gray_600, #727887);
  font-family: "SKT Sans Text";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
.connect-overview-page .overview-board .pin-section .inner .right .col-group .item:first-child {
  margin-top: 0;
}
.connect-overview-page .paging {
  display: none;
  height: 0;
  overflow: hidden;
  padding: 48px 0;
  background: white;
}
@media (max-width: 767px) {
  .connect-overview-page .paging {
    padding: 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.connect-board-page {
    grid-template-columns: 100%;
    padding-top: 120px;
  }
}
.sub-page.connect-board-page #lnb {
  display: none;
}
@media (min-width: 768px) {
  .sub-page.connect-board-page .main-content {
    padding-left: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .sub-page.connect-board-page .content-header {
    display: none;
  }
}
@media (max-width: 767px) {
  .sub-page.connect-board-page .content-header .type-txt {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 160%;
    background: #3A46CD;
  }
}
.sub-page.connect-board-page .content-header .type-txt .plus-icon {
  display: none;
}
@media (min-width: 768px) {
  .sub-page.connect-board-page .content-header .type-txt .plus-icon {
    display: inline-block;
    width: 371px;
    height: 56px;
    margin-left: 3px;
    margin-bottom: 80px;
    background-image: url("data:image/svg+xml,%3Csvg width='371' height='56' viewBox='0 0 371 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M352.5 5.5V23.5H371V31.5H352.5V50H344.5V31.5H326V23.5H344.5V5.5H352.5Z' fill='black'/%3E%3Cpath d='M126.16 50.5997L104.264 16.9437H104.096V50.5997H96.0322V5.23972H106.728L128.68 38.8957H128.904V5.23972H136.968V50.5997H126.16Z' fill='black'/%3E%3Cpath d='M175.16 50.5997L153.264 16.9437H153.096V50.5997H145.032V5.23972H155.728L177.68 38.8957H177.904V5.23972H185.968V50.5997H175.16Z' fill='black'/%3E%3Cpath d='M195.032 50.5997V5.23972H226V12.4637H203.264V23.6077H223.704V30.8317H203.264V43.3757H226.28V50.5997H195.032Z' fill='black'/%3E%3Cpath d='M303.968 50.5997H295.568V12.5757H281.288V5.18372H318.248V12.5757H303.968V50.5997Z' fill='black'/%3E%3Cpath d='M253.532 4.12726C259.38 3.52276 265.247 5.08579 270.019 8.51981C274.167 11.5053 277.238 15.7245 278.813 20.5456H270.019C268.883 18.4111 267.267 16.5469 265.274 15.1128C262.117 12.841 258.236 11.807 254.367 12.2069C250.499 12.6068 246.911 14.4129 244.286 17.2824C241.661 20.1519 240.18 23.8852 240.124 27.7742C240.069 31.6632 241.443 35.4371 243.986 38.3802C246.529 41.3232 250.063 43.2306 253.919 43.7404C257.775 44.2502 261.683 43.327 264.904 41.1459C266.888 39.8019 268.526 38.038 269.715 36.0001H278.627C276.925 40.8169 273.72 44.9848 269.459 47.8712C264.591 51.1681 258.683 52.5636 252.854 51.793C247.026 51.0224 241.683 48.1392 237.839 43.6906C233.996 39.2419 231.919 33.5372 232.002 27.6587C232.086 21.7801 234.325 16.1368 238.293 11.7993C242.262 7.46174 247.684 4.73176 253.532 4.12726Z' fill='black'/%3E%3Cpath d='M16.5362 5.53826C21.2295 3.77185 26.3581 3.5199 31.2019 4.81778L27.4902 12.2325C25.9902 12 22.5023 11.9718 19.3975 13.1404C16.2926 14.3089 13.6318 16.4207 11.7888 19.1791C9.94568 21.9374 9.01291 25.2038 9.12145 28.5195C9.23 31.8352 10.3744 35.0336 12.3939 37.6655C14.4135 40.2974 17.2067 42.2306 20.3813 43.1936C23.5559 44.1566 26.9524 44.101 30.0938 43.0347C33.2352 41.9683 35.9637 39.9448 37.896 37.2482C38.9356 35.7975 39.7167 34.1912 40.2165 32.5H48.5646C47.9156 35.8997 46.5353 39.1371 44.4986 41.9795C41.5776 46.0556 37.4533 49.1144 32.7048 50.7263C27.9563 52.3382 22.8221 52.4222 18.0234 50.9666C13.2247 49.5109 9.00248 46.5887 5.94976 42.6103C2.89704 38.6319 1.16716 33.7972 1.00309 28.7853C0.839015 23.7733 2.24898 18.8358 5.03497 14.6663C7.82095 10.4968 11.843 7.30467 16.5362 5.53826Z' fill='black'/%3E%3Cpath d='M61.0109 4.18694C55.5475 4.87278 50.4861 7.41639 46.6756 11.3912C43.2184 14.9973 40.9816 19.5826 40.2568 24.5H48.5135C49.1468 21.6981 50.5321 19.1059 52.5391 17.0124C55.0599 14.3829 58.4083 12.7001 62.0227 12.2464C65.637 11.7927 69.2974 12.5956 72.39 14.5204C75.4826 16.4452 77.8193 19.375 79.0082 22.8182C80.197 26.2614 80.1658 30.0087 78.9196 33.4316C77.6734 36.8545 75.2882 39.7448 72.1639 41.6178C69.0396 43.4908 65.3663 44.2325 61.7601 43.7185C58.1538 43.2045 54.834 41.4662 52.3573 38.7949L48.1772 46.0454C51.6668 49.1053 55.9842 51.1001 60.614 51.7599C66.0652 52.5369 71.6177 51.4157 76.3404 48.5846C81.063 45.7534 84.6685 41.3844 86.5522 36.2104C88.4359 31.0363 88.4832 25.3719 86.6861 20.1672C84.889 14.9624 81.3569 10.5339 76.6821 7.62431C72.0074 4.71474 66.4743 3.5011 61.0109 4.18694Z' fill='black'/%3E%3C/svg%3E%0A");
  }
}
.sub-page.connect-board-page .content-body .inner {
  position: relative;
}
@media (max-width: 767px) {
  .sub-page.connect-board-page .content-body .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .sub-page.connect-board-page .content-body .inner .board-search {
    padding-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.connect-board-page .content-body .inner .board-search {
    padding-bottom: 28px;
  }
}
.sub-page.connect-board-page .content-body .inner .category-nav {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 60px;
}
@media (max-width: 767px) {
  .sub-page.connect-board-page .content-body .inner .category-nav {
    width: 100%;
    gap: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 24px auto;
  }
}
@media (min-width: 768px) {
  .sub-page.connect-board-page .content-body .inner .category-nav {
    position: absolute;
    top: 0;
    left: 0px;
  }
}
.sub-page.connect-board-page .content-body .inner .category-nav .link {
  padding-bottom: 4px;
  color: var(--gray_600, #727887);
  font-family: "SKT Sans Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
@media (max-width: 767px) {
  .sub-page.connect-board-page .content-body .inner .category-nav .link {
    font-size: 18px;
  }
}
.sub-page.connect-board-page .content-body .inner .category-nav .link.active {
  color: #1A2232;
}
@media (max-width: 767px) {
  .sub-page.connect-board-page .content-body .inner .category-nav .link.active {
    border-bottom: 2px solid var(--gray_900, #1A2232);
  }
}
@media (min-width: 768px) {
  .sub-page.connect-board-page .content-body .inner .category-nav .link.active {
    border-bottom: 3px solid var(--gray_900, #1A2232);
  }
}
.sub-page.connect-board-page .content-body .inner .category-nav .link[href="/webzine/lib/work.do"] {
  display: none;
}
.sub-page.connect-board-page .content-body .inner .board-connect .list {
  display: grid;
  width: 100%;
}
@media (max-width: 767px) {
  .sub-page.connect-board-page .content-body .inner .board-connect .list {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 16px;
  }
}
@media (min-width: 768px) {
  .sub-page.connect-board-page .content-body .inner .board-connect .list {
    grid-template-columns: repeat(4, 1fr);
    gap: 60px 24px;
  }
}
.sub-page.connect-board-page .content-body .inner .board-connect .list.no-result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 140px 0 220px;
}
@media (max-width: 767px) {
  .sub-page.connect-board-page .content-body .inner .board-connect .list.no-result {
    padding: 60px 0 100px;
  }
}
.sub-page.connect-board-page .content-body .inner .board-connect .list.no-result .not-find-search {
  padding-top: 180px;
  text-align: center;
  color: var(--color-gray_900, #1A2232);
  text-align: center;
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  background-image: url("data:image/svg+xml,%3Csvg width='153' height='126' viewBox='0 0 153 126' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M106.779 116.462V122.942H25.7793V58.1422C25.7793 40.2482 40.2853 25.7422 58.1793 25.7422H106.779V39.9172' stroke='%239097A1' stroke-width='5.5' stroke-linecap='square'/%3E%3Cpath d='M7.15039 7.10938L19.3004 19.2594' stroke='%239097A1' stroke-width='5.5' stroke-linecap='square'/%3E%3Cpath d='M32.2754 3.05859L32.2754 15.2423' stroke='%239097A1' stroke-width='5.5' stroke-linecap='square'/%3E%3Cpath d='M3.91016 31.832L16.0939 31.8321' stroke='%239097A1' stroke-width='5.5' stroke-linecap='square'/%3E%3Cpath d='M47.6504 56.9375L56.1554 56.9375' stroke='%231A2232' stroke-width='5.5' stroke-linecap='square'/%3E%3Cpath d='M47.6504 73.9531L72.7604 73.9531' stroke='%231A2232' stroke-width='5.5' stroke-linecap='square'/%3E%3Cpath d='M47.6504 90.1328L76.0004 90.1328' stroke='%231A2232' stroke-width='5.5' stroke-linecap='square'/%3E%3Ccircle cx='105.16' cy='73.5292' r='32.08' stroke='%231A2232' stroke-width='5.5'/%3E%3Cpath d='M95.4395 63.8086L114.879 83.2486' stroke='%233A46CD' stroke-width='5.5' stroke-linecap='square'/%3E%3Cpath d='M114.881 63.8086L95.4409 83.2486' stroke='%233A46CD' stroke-width='5.5' stroke-linecap='square'/%3E%3Cpath d='M131.08 100.258L148.09 117.268' stroke='%231A2232' stroke-width='5.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-position: top 28px center;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .sub-page.connect-board-page .content-body .inner .board-connect .list.no-result .not-find-search {
    padding-top: 164px;
    font-size: 13px;
    -webkit-background-size: auto 100px;
            background-size: auto 100px;
  }
}
.sub-page.connect-board-page .content-body .inner .board-connect .list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.sub-page.connect-board-page .content-body .inner .board-connect .list .item .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 18px;
}
.sub-page.connect-board-page .content-body .inner .board-connect .list .item .link .thumb {
  position: relative;
  border-radius: 16px;
  background-color: #000;
  overflow: hidden;
}
.sub-page.connect-board-page .content-body .inner .board-connect .list .item .link .thumb .img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 294/492;
  -o-object-fit: cover;
     object-fit: cover;
}
.sub-page.connect-board-page .content-body .inner .board-connect .list .item .link .text-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.sub-page.connect-board-page .content-body .inner .board-connect .list .item .link .text-group .tit {
  color: var(--gray_900, #1A2232);
  font-family: "SKT Sans Text";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  min-height: 56px;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
}
@media (max-width: 767px) {
  .sub-page.connect-board-page .content-body .inner .board-connect .list .item .link .text-group .tit {
    min-height: 40px;
  }
}
.sub-page.connect-board-page .content-body .inner .board-connect .list .item .link .text-group .date {
  color: var(--gray_600, #727887);
  font-family: "SKT Sans Text";
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.sub-page.connect-board-page .content-body .inner .paging {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .sub-page.connect-board-page .content-body .inner .paging {
    padding: 40px 0 0;
  }
}
.sub-page.connect-view-page {
  grid-template-columns: 100%;
  max-width: none;
  padding: 0;
}
.sub-page.connect-view-page #lnb {
  display: none;
}
@media (min-width: 768px) {
  .sub-page.connect-view-page .main-content {
    padding-left: 0;
    padding-bottom: 0;
  }
}
.sub-page.connect-view-page .content-body {
  position: relative;
}
.sub-page.connect-view-page .content-body .view-cover {
  position: fixed;
  top: 75px;
  left: 0;
  right: 0;
  z-index: -1;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .sub-page.connect-view-page .content-body .view-cover {
    top: 72px;
  }
}
.sub-page.connect-view-page .content-body .view-cover .img {
  height: 70vh;
  width: 100%;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.sub-page.connect-view-page .content-body .view-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin: 70vh auto 0;
}
@media (min-width: 768px) {
  .sub-page.connect-view-page .content-body .view-content {
    padding-bottom: 80px;
  }
}
.sub-page.connect-view-page .content-body .view-content .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background: white;
}
.sub-page.connect-view-page .content-body .view-content .view-header {
  width: 100%;
  max-width: 1000px;
  padding: 40px 0 42px;
  margin: 0 auto;
  border-bottom: 4px solid var(--gray_900, #1A2232);
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
@media (max-width: 767px) {
  .sub-page.connect-view-page .content-body .view-content .view-header {
    padding: 40px 0 34px;
  }
}
@media (min-width: 768px) {
  .sub-page.connect-view-page .content-body .view-content .view-header {
    min-height: 310px;
  }
}
.sub-page.connect-view-page .content-body .view-content .view-header .cate {
  color: var(--gray_900, #1A2232);
  text-align: center;
  font-family: "SKT Sans Text";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 767px) {
  .sub-page.connect-view-page .content-body .view-content .view-header .cate {
    font-size: 13px;
  }
}
.sub-page.connect-view-page .content-body .view-content .view-header .tit {
  color: var(--gray_900, #1A2232);
  text-align: center;
  font-family: "SKT Sans Display";
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 767px) {
  .sub-page.connect-view-page .content-body .view-content .view-header .tit {
    margin-top: 28px;
    font-size: 28px;
  }
}
@media (min-width: 768px) {
  .sub-page.connect-view-page .content-body .view-content .view-header .tit {
    min-height: 116px;
    margin-top: 42px;
  }
}
.sub-page.connect-view-page .content-body .view-content .view-header .date {
  margin-top: 26px;
  color: var(--color-gray700, #595E6B);
  text-align: center;
  font-family: "SKT Sans Text";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}
@media (max-width: 767px) {
  .sub-page.connect-view-page .content-body .view-content .view-header .date {
    margin-top: 16px;
    font-size: 12px;
  }
}
.sub-page.connect-view-page .content-body .view-content .view-main {
  width: 100%;
  padding: 120px 0 0;
  margin: 0 auto 120px;
}
.sub-page.connect-view-page .content-body .view-content .view-main > div:not(.editor-v2025) {
  max-width: 800px;
  margin: 0 auto;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 {
  max-width: 800px;
  margin: 0 auto;
  color: var(--gray_800, #3A404E);
  font-family: "SKT Sans Text";
  font-size: 16px;
  font-style: normal;
  font-weight: 350;
  line-height: 185%;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 div p {
  margin-top: 0;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .hr {
  height: 2px;
  margin: 80px auto;
  background: #1A2232;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .h2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-top: 80px;
  margin-bottom: 32px;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .h2 p {
  border-bottom: 4px solid var(--gray_900, #1A2232);
  color: var(--gray_900, #1A2232);
  text-align: center;
  font-family: "SKT Sans Text";
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%;
}
@media (max-width: 767px) {
  .sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .h2 p {
    font-size: 24px;
    line-height: 140%;
  }
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .h2:first-child {
  margin-top: 0;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .h3 p {
  margin-top: 32px;
  color: var(--gray_900, #1A2232);
  font-family: "SKT Sans Text";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .h3 + img {
  margin-top: 20px;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .h4 {
  margin-top: 20px;
  font-weight: 700;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .h4 + p {
  margin-top: 0;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .sub-tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .sub-tit::before {
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  margin-top: 12px;
  background: var(--gray_900, #1A2232);
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .sub-tit p {
  margin-top: 12px;
  color: var(--gray_900, #1A2232);
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .sub-tit + p {
  margin-top: 12px;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .caption {
  margin-top: 12px;
  text-align: center;
  color: var(--color-gray700, #595E6B);
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  line-height: 160%; /* 22.4px */
}
@media (max-width: 767px) {
  .sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .caption {
    font-size: 13px;
  }
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .hint-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  padding: 24px 28px;
  margin-top: 80px;
  background: #F3F8FF;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .hint-box .hint-tit {
  margin-top: 0;
  color: #3A46CD;
  font-family: "SKT Sans Text";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 39.6px */
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .hint-box .hint-tit p {
  margin-top: 0;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .hint-box .hint-sub-tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .hint-box .hint-sub-tit::before {
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  background: var(--gray_900, #1A2232);
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .hint-box .hint-sub-tit p {
  margin-top: 0;
  color: var(--gray_900, #1A2232);
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .hint-box .hint-sub-tit + .hint-desc {
  margin-top: 12px;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .hint-box .hint-sub-sm {
  color: var(--color-gray_800, #3A404E);
  font-family: "SKT Sans Text";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%; /* 28.8px */
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .hint-box .hint-sub-sm p {
  margin-top: 0;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .hint-box .hint-desc p {
  margin-top: 0;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .hint-box .hint-desc + .hint-desc-sm {
  margin-top: 12px;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .hint-box .hint-desc-sm {
  color: var(--color-gray_800, #3A404E);
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  line-height: 180%; /* 25.2px */
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 .hint-box .hint-desc-sm p {
  margin-top: 0;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 b {
  color: var(--gray_800, #3A404E);
  font-family: "SKT Sans Text";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 em {
  font-style: italic;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 u {
  text-decoration: underline;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 ul {
  list-style: disc;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 ol {
  list-style: decimal;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 small {
  color: var(--color-gray700, #595E6B);
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  line-height: 160%; /* 22.4px */
}
@media (max-width: 767px) {
  .sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 small {
    font-size: 13px;
  }
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 p {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 p {
    word-break: break-all;
  }
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 > p:first-child {
  margin-top: 0;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 iframe {
  max-width: 100%;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 img {
  max-width: 100%;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  margin: 0 auto;
  margin-top: 32px;
}
@media (max-width: 767px) {
  .sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 img {
    margin-left: -16px;
    margin-right: -16px;
    max-width: -webkit-calc(100% + 32px);
    max-width: -moz-calc(100% + 32px);
    max-width: calc(100% + 32px);
    height: auto !important;
  }
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 img:first-child {
  margin-top: 0;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 a {
  color: #3A46CD;
  text-underline-offset: 3px;
}
.sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 a:hover, .sub-page.connect-view-page .content-body .view-content .view-main .editor-v2025 a:focus {
  text-decoration: underline;
}
.sub-page.connect-view-page .content-body .view-content .view-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 60px;
  width: 100%;
  margin-top: 120px;
}
@media (max-width: 767px) {
  .sub-page.connect-view-page .content-body .view-content .view-footer {
    gap: 40px;
  }
}
.sub-page.connect-view-page .content-body .view-content .view-footer .btn-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  width: 100%;
  max-width: 1270px;
  padding: 0 11px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .sub-page.connect-view-page .content-body .view-content .view-footer .btn-group {
    gap: 40px;
  }
}
.sub-page.connect-view-page .content-body .view-content .view-footer .btn-group .btn-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  width: 100%;
  color: var(--gray_900, #1A2232);
  text-overflow: ellipsis;
  font-family: "SKT Sans Text";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 767px) {
  .sub-page.connect-view-page .content-body .view-content .view-footer .btn-group .btn-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    font-size: 14px;
    line-height: 140%;
  }
}
@media (min-width: 768px) {
  .sub-page.connect-view-page .content-body .view-content .view-footer .btn-group .btn-link {
    width: 362px;
  }
}
.sub-page.connect-view-page .content-body .view-content .view-footer .btn-group .btn-link .txt {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
}
.sub-page.connect-view-page .content-body .view-content .view-footer .btn-group .btn-link::before, .sub-page.connect-view-page .content-body .view-content .view-footer .btn-group .btn-link::after {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 32px;
  height: 32px;
}
.sub-page.connect-view-page .content-body .view-content .view-footer .btn-group .btn-link[aria-disabled=true] {
  pointer-events: none;
  color: var(--gray_600, #727887);
}
.sub-page.connect-view-page .content-body .view-content .view-footer .btn-group .btn-link[aria-disabled=true].btn-prev::before {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5605 9.55859L7.62109 14.498H29.75V17.498H7.62109L12.5605 22.4375L10.4395 24.5586L1.87891 15.998L10.4395 7.4375L12.5605 9.55859Z' fill='%23727887'/%3E%3C/svg%3E%0A");
}
.sub-page.connect-view-page .content-body .view-content .view-footer .btn-group .btn-link[aria-disabled=true].btn-next::after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.1895 9.55859L26.1289 14.498H4V17.498H26.1289L21.1895 22.4375L23.3105 24.5586L31.8711 15.998L23.3105 7.4375L21.1895 9.55859Z' fill='%23727887'/%3E%3C/svg%3E%0A");
}
.sub-page.connect-view-page .content-body .view-content .view-footer .btn-group .btn-link.btn-prev {
  text-align: left;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.sub-page.connect-view-page .content-body .view-content .view-footer .btn-group .btn-link.btn-prev::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5605 9.55859L7.62109 14.498H29.75V17.498H7.62109L12.5605 22.4375L10.4395 24.5586L1.87891 15.998L10.4395 7.4375L12.5605 9.55859Z' fill='%231A2232'/%3E%3C/svg%3E%0A");
}
.sub-page.connect-view-page .content-body .view-content .view-footer .btn-group .btn-link.btn-next {
  text-align: right;
}
@media (max-width: 767px) {
  .sub-page.connect-view-page .content-body .view-content .view-footer .btn-group .btn-link.btn-next {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.sub-page.connect-view-page .content-body .view-content .view-footer .btn-group .btn-link.btn-next::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.8711 15.998L23.3105 24.5586L21.1895 22.4375L26.1289 17.498H4V14.498H26.1289L21.1895 9.55859L23.3105 7.4375L31.8711 15.998Z' fill='%231A2232'/%3E%3C/svg%3E%0A");
}
.sub-page.connect-view-page .content-body .view-content .view-footer .link-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
  padding: 14px 34px;
  border-radius: 40px;
  border: 2px solid var(--gray_900, #1A2232);
  color: var(--gray_900, #1A2232);
  font-family: "SKT Sans Text";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 767px) {
  .sub-page.connect-view-page .content-body .view-content .view-footer .link-list {
    width: 120px;
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .sub-page.connect-view-page .content-body .view-content .view-footer .link-list {
    width: 180px;
  }
}

@media (max-width: 767px) {
  .sub-page.business-page .main-content .content-body + .content-body {
    padding-top: 40px;
  }
}
@media (min-width: 768px) {
  .sub-page.business-page .main-content .content-body + .content-body {
    padding-top: 120px;
  }
}
.sub-page.business-page .main-content .content-body .inner .type-txt {
  padding-bottom: 12px;
  color: #3A46CD;
  font-family: "SKT Sans Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
}
.sub-page.business-page .main-content .content-body .inner .desc {
  color: #3A404E;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 27px */
}
@media (max-width: 767px) {
  .sub-page.business-page .main-content .content-body .inner .business-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .sub-page.business-page .main-content .content-body .inner .business-content {
    display: grid;
    grid-template-columns: repeat(2, 440px);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 38px;
  }
}
.sub-page.business-page .main-content .content-body .inner .business-content .content-item .item-link {
  position: relative;
  display: block;
  padding: 32px 44px;
  border-radius: 12px;
  border: 1px solid rgba(58, 70, 205, 0.6);
  background: rgba(58, 70, 205, 0.03);
}
@media (max-width: 767px) {
  .sub-page.business-page .main-content .content-body .inner .business-content .content-item .item-link {
    padding: 32px 32px 83px;
  }
}
@media (min-width: 768px) {
  .sub-page.business-page .main-content .content-body .inner .business-content .content-item .item-link {
    padding: 32px 44px;
  }
}
.sub-page.business-page .main-content .content-body .inner .business-content .content-item .item-link .item-text {
  padding-left: 112px;
  background-position: left center;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .sub-page.business-page .main-content .content-body .inner .business-content .content-item .item-link .item-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 88px;
  }
}
.sub-page.business-page .main-content .content-body .inner .business-content .content-item .item-link .item-text .item-name {
  color: #1A2232;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 27.2px */
}
@media (min-width: 768px) {
  .sub-page.business-page .main-content .content-body .inner .business-content .content-item .item-link .item-text .item-name {
    padding-bottom: 15px;
  }
}
.sub-page.business-page .main-content .content-body .inner .business-content .content-item .item-link .item-text .item-btn {
  color: #1A2232;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
  padding: 11px 24px;
  border: 1px solid #727887;
  background: #fff url("../images/common/out-link-icon.svg") center right 24px/auto no-repeat;
  -webkit-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: border 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), background 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2), color 0.15s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
@media (max-width: 767px) {
  .sub-page.business-page .main-content .content-body .inner .business-content .content-item .item-link .item-text .item-btn {
    position: absolute;
    left: 50%;
    bottom: 32px;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: -webkit-calc(100% - 64px);
    width: -moz-calc(100% - 64px);
    width: calc(100% - 64px);
  }
}
.sub-page.business-page .main-content .content-body .inner .business-content .content-item .item-link .item-text .item-btn:hover, .sub-page.business-page .main-content .content-body .inner .business-content .content-item .item-link .item-text .item-btn:focus {
  border-color: #4A508F;
  color: white;
  background: #4A508F url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon link'%3E%3Cpath id='Vector 59' d='M4.50781 3H10.5078M10.5078 3V9M10.5078 3L3.50781 10' stroke='%23fff' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A") right 24px center/auto no-repeat;
}
.sub-page.business-page .main-content .content-body .inner .business-content.affiliate-content .content-item:first-child .item-text {
  background-image: url("data:image/svg+xml,%3Csvg width='88' height='88' viewBox='0 0 88 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 22H63C64.1046 22 65 22.8954 65 24V60H13V24C13 22.8954 13.8954 22 15 22Z' fill='white' stroke='%23CACFFD' stroke-width='4'/%3E%3Cmask id='path-3-inside-1_2035_28919' fill='white'%3E%3Crect x='5' y='57' width='68' height='6' rx='2'/%3E%3C/mask%3E%3Crect x='5' y='57' width='68' height='6' rx='2' fill='white' stroke='%23CACFFD' stroke-width='6' mask='url(%23path-3-inside-1_2035_28919)'/%3E%3Cpath d='M58.4375 5C47.6329 5 38.8732 13.7309 38.8732 24.5C38.8732 28.5042 40.0857 32.2257 42.162 35.3227L38 42.2852L46.1887 39.7038C49.5406 42.3906 53.8009 44 58.4375 44C69.2421 44 78 35.2691 78 24.5C78 13.7309 69.2421 5 58.4375 5Z' fill='%233A46CD'/%3E%3Cpath d='M49.75 22.2656C51.2467 22.2656 52.5 23.5101 52.5 24.9962C52.5 26.4823 51.2467 27.7268 49.75 27.7268C48.2533 27.7268 47 26.4823 47 24.9962C47 23.5101 48.2507 22.2656 49.75 22.2656Z' fill='white'/%3E%3Cpath d='M58 22.2656C59.4967 22.2656 60.75 23.5101 60.75 24.9962C60.75 26.4823 59.4967 27.7268 58 27.7268C56.5033 27.7268 55.25 26.4823 55.25 24.9962C55.25 23.5101 56.5007 22.2656 58 22.2656Z' fill='white'/%3E%3Cpath d='M66.25 22.2656C67.7467 22.2656 69 23.5101 69 24.9962C69 26.4823 67.7467 27.7268 66.25 27.7268C64.7533 27.7268 63.5 26.4823 63.5 24.9962C63.5 23.5101 64.7507 22.2656 66.25 22.2656Z' fill='white'/%3E%3C/svg%3E%0A");
}
.sub-page.business-page .main-content .content-body .inner .business-content.affiliate-content .content-item:last-child .item-text {
  background-image: url("data:image/svg+xml,%3Csvg width='88' height='88' viewBox='0 0 88 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2035_28996)'%3E%3Cpath d='M43 38.8281C49.6274 38.8281 55 33.4555 55 26.8281C55 20.2007 49.6274 14.8281 43 14.8281C36.3726 14.8281 31 20.2007 31 26.8281C31 33.4555 36.3726 38.8281 43 38.8281Z' stroke='%23CACFFD' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 60.8281C20.9658 48.5131 30.9034 38.8281 43.0175 38.8281C45.6489 38.8281 48.1823 39.2859 50.5407 40.1287C58.9107 43.122 65.0972 50.9615 66 60.4213' stroke='%23CACFFD' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Crect x='41' y='39' width='10' height='6' rx='3' fill='%233A46CD'/%3E%3Cpath d='M59 33C59 36.5 60.5 42 46.5 42' stroke='%233A46CD' stroke-width='4'/%3E%3Cpath d='M43.001 4C53.4313 4 62.1657 11.2587 64.4297 21H60.2969C58.1301 13.4915 51.2071 8 43.001 8C34.7948 8 27.8718 13.4915 25.7051 21H21.5723C23.8363 11.2587 32.5707 4 43.001 4Z' fill='%233A46CD'/%3E%3Cpath d='M17 28.5C17 23.2533 21.2533 19 26.5 19H27.2857C28.2325 19 29 19.7675 29 20.7143V36.2857C29 37.2325 28.2325 38 27.2857 38H26.5C21.2533 38 17 33.7467 17 28.5Z' fill='%233A46CD'/%3E%3Cpath d='M69 28.5C69 23.2533 64.7467 19 59.5 19H58.7143C57.7675 19 57 19.7675 57 20.7143V36.2857C57 37.2325 57.7675 38 58.7143 38H59.5C64.7467 38 69 33.7467 69 28.5Z' fill='%233A46CD'/%3E%3Cdefs%3E%3CclipPath id='clip0_2035_28996'%3E%3Crect width='50' height='51' fill='white' transform='translate(18 12)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.sub-page.business-page .main-content .content-body .inner .business-content.esg-content .content-item:first-child .item-text {
  background-image: url("data:image/svg+xml,%3Csvg width='88' height='88' viewBox='0 0 88 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 22H63C64.1046 22 65 22.8954 65 24V60H13V24C13 22.8954 13.8954 22 15 22Z' fill='white' stroke='%23CACFFD' stroke-width='4'/%3E%3Cmask id='path-3-inside-1_2035_29039' fill='white'%3E%3Crect x='5' y='57' width='68' height='6' rx='2'/%3E%3C/mask%3E%3Crect x='5' y='57' width='68' height='6' rx='2' fill='white' stroke='%23CACFFD' stroke-width='6' mask='url(%23path-3-inside-1_2035_29039)'/%3E%3Cpath d='M58.2791 8.2581C57.7734 7.46906 56.2266 7.46906 55.7209 8.2581C53.8482 11.1801 49.7313 15.575 42.1615 14.8575C41.55 14.7995 41 15.266 41 15.8802V30.4598C41 30.5474 41.0125 30.6343 41.0244 30.7211C41.2418 32.3125 40.4477 41.1918 56.7311 45.7229C56.9028 45.7706 57.0972 45.7706 57.2689 45.7229C73.5523 41.1918 72.7582 32.3125 72.9756 30.7211C72.9875 30.6343 73 30.5474 73 30.4598V15.8802C73 15.266 72.45 14.7995 71.8385 14.8575C64.2687 15.575 60.1518 11.1801 58.2791 8.2581Z' fill='%233A46CD'/%3E%3Cpath d='M51 26.5L55.0688 30.7969L62.5 22.7969' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.sub-page.business-page .main-content .content-body .inner .business-content.esg-content .content-item:last-child .item-text {
  background-image: url("data:image/svg+xml,%3Csvg width='88' height='88' viewBox='0 0 88 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2035_29048)'%3E%3Cpath d='M44 38.8281C50.6274 38.8281 56 33.4555 56 26.8281C56 20.2007 50.6274 14.8281 44 14.8281C37.3726 14.8281 32 20.2007 32 26.8281C32 33.4555 37.3726 38.8281 44 38.8281Z' stroke='%23CACFFD' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 60.8281C21.9658 48.5131 31.9034 38.8281 44.0175 38.8281C46.6489 38.8281 49.1823 39.2859 51.5407 40.1287C59.9107 43.122 66.0972 50.9615 67 60.4213' stroke='%23CACFFD' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M43.8887 3C52.0883 3 58.8456 9.55375 59.7773 18H28C28.9317 9.55375 35.689 3 43.8887 3Z' fill='%233A46CD'/%3E%3Crect x='26' y='18' width='36' height='6' rx='1' fill='%233A46CD'/%3E%3Cpath d='M45 12H48V14H45V17H43V14H40V12H43V9H45V12Z' fill='white'/%3E%3Cdefs%3E%3CclipPath id='clip0_2035_29048'%3E%3Crect width='50' height='51' fill='white' transform='translate(19 12)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.footer-page.video-policy-page .text-intro {
  color: var(--color-gray_800, #3A404E);
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 27px */
}
.footer-page.video-policy-page .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  margin-top: 40px;
}
.footer-page.video-policy-page .list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  width: 100%;
}
.footer-page.video-policy-page .list .item .list-tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  color: var(--color-gray_900, #1A2232);
  font-family: "SKT Sans Text";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 25.6px */
}
.footer-page.video-policy-page .list .item .desc {
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 23.8px */
}
.footer-page.video-policy-page .list .item .ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.footer-page.video-policy-page .list .item .ul .li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 13px;
  font-style: normal;
  font-weight: 350;
  line-height: 160%; /* 20.8px */
}
.footer-page.video-policy-page .list .item .ul .li::before {
  content: "";
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: inline-block;
  width: 2px;
  height: 2px;
  margin-top: 7px;
  background: var(--color-gray_800, #3A404E);
}
.footer-page.video-policy-page .list .item .ul .li .link {
  color: inherit;
}
.footer-page.video-policy-page .list .item .table-group {
  width: 100%;
}
.footer-page.video-policy-page .list .item .table-group .table {
  width: 100%;
  text-align: center;
}
.footer-page.video-policy-page .list .item .table-group .table th,
.footer-page.video-policy-page .list .item .table-group .table td {
  vertical-align: middle;
}
.footer-page.video-policy-page .list .item .table-group .table th:nth-child(1),
.footer-page.video-policy-page .list .item .table-group .table td:nth-child(1) {
  width: 33.333333%;
}
.footer-page.video-policy-page .list .item .table-group .table th:nth-child(2),
.footer-page.video-policy-page .list .item .table-group .table td:nth-child(2) {
  width: 33.333333%;
}
.footer-page.video-policy-page .list .item .table-group .table th:nth-child(3),
.footer-page.video-policy-page .list .item .table-group .table td:nth-child(3) {
  width: 33.333333%;
  border-right: 0;
}
.footer-page.video-policy-page .list .item .table-group .table thead th {
  padding: 12px 8px;
  border-top: 1px solid var(--color-gray_500, #9097A1);
  border-right: 1px solid var(--color-gray_100, #ECEDEF);
  border-bottom: 1px solid var(--color-gray_100, #ECEDEF);
  color: var(--color-gray_900, #1A2232);
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
  background: #F9F9F9;
}
.footer-page.video-policy-page .list .item .table-group .table tbody td {
  padding: 12px 24px;
  border-right: 1px solid var(--color-gray_100, #ECEDEF);
  border-bottom: 1px solid var(--color-gray_100, #ECEDEF);
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 13px;
  font-style: normal;
  font-weight: 350;
  line-height: 160%; /* 20.8px */
}
.footer-page.video-policy-page .list .item .table-group .table .total td {
  color: var(--color-gray_900, #1A2232);
  font-size: 14px;
  line-height: 160%; /* 22.4px */
  font-weight: 700;
}
.footer-page.privacy-infographics-page .infographics-contents .headline-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
@media (max-width: 768px) {
  .footer-page.privacy-infographics-page .infographics-contents .headline-group {
    gap: 16px;
  }
}
.footer-page.privacy-infographics-page .infographics-contents .headline-group .tit {
  color: var(--color-primary_blue, #3A46CD);
  font-family: "SKT Sans Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
}
.footer-page.privacy-infographics-page .infographics-contents .headline-group .desc {
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 23.8px */
}
.footer-page.privacy-infographics-page .infographics-contents .information-group {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .footer-page.privacy-infographics-page .infographics-contents .information-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
@media (min-width: 769px) {
  .footer-page.privacy-infographics-page .infographics-contents .information-group {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
  }
}
.footer-page.privacy-infographics-page .infographics-contents .information-group .question {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.footer-page.privacy-infographics-page .infographics-contents .information-group .question .txt {
  color: var(--color-gray_800, #3A404E);
  font-family: "SKT Sans Text";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 25.6px */
}
.footer-page.privacy-infographics-page .infographics-contents .information-group .question .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 17px;
  margin-top: -2px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1' width='15' height='15' rx='7.5' stroke='%233A46CD'/%3E%3Cpath d='M8.29883 8.84375C8.25977 8.96745 8.23861 9.15951 8.23535 9.41992H6.91699C6.93652 8.86979 6.98861 8.49056 7.07324 8.28223C7.15788 8.07064 7.37598 7.82812 7.72754 7.55469L8.08398 7.27637C8.20117 7.18848 8.29557 7.09245 8.36719 6.98828C8.4974 6.80924 8.5625 6.6123 8.5625 6.39746C8.5625 6.15007 8.48926 5.92546 8.34277 5.72363C8.19954 5.51855 7.93587 5.41602 7.55176 5.41602C7.17415 5.41602 6.9056 5.54134 6.74609 5.79199C6.58984 6.04264 6.51172 6.30306 6.51172 6.57324H5.10059C5.13965 5.64551 5.46354 4.98796 6.07227 4.60059C6.45638 4.35319 6.92839 4.22949 7.48828 4.22949C8.22396 4.22949 8.83431 4.40527 9.31934 4.75684C9.80762 5.1084 10.0518 5.62923 10.0518 6.31934C10.0518 6.74251 9.94596 7.09896 9.73438 7.38867C9.61068 7.56445 9.37305 7.78906 9.02148 8.0625L8.6748 8.33105C8.486 8.47754 8.36068 8.64844 8.29883 8.84375ZM8.33789 11.5H6.88281V10.0889H8.33789V11.5Z' fill='%233A46CD'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}
.footer-page.privacy-infographics-page .infographics-contents .information-group .question .tooltip-group {
  position: absolute;
  top: 0;
  left: 114px;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  width: 290px;
  height: 130px;
  padding: 12px 11px 11px 23px;
  opacity: 0;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .footer-page.privacy-infographics-page .infographics-contents .information-group .question .tooltip-group {
    top: 25px;
    left: 0;
    width: 280px;
    height: 140px;
    padding: 20px 11px 11px 13px;
    background-image: url("data:image/svg+xml,%3Csvg width='280' height='139' viewBox='0 0 280 139' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_2213_30828)'%3E%3Cmask id='path-1-inside-1_2213_30828' fill='white'%3E%3Cpath d='M93.5 9.00391H278V137.004H0V9.00391H83.1895L83.6934 8.6123L92.6934 1.6123L93.5 0.984375V9.00391Z'/%3E%3C/mask%3E%3Cpath d='M93.5 9.00391H278V137.004H0V9.00391H83.1895L83.6934 8.6123L92.6934 1.6123L93.5 0.984375V9.00391Z' fill='white'/%3E%3Cpath d='M93.5 9.00391H92.5V10.0039H93.5V9.00391ZM278 9.00391H279V8.00391H278V9.00391ZM278 137.004V138.004H279V137.004H278ZM0 137.004H-1V138.004H0V137.004ZM0 9.00391V8.00391H-1V9.00391H0ZM83.1895 9.00391V10.0039H83.5323L83.8031 9.79351L83.1895 9.00391ZM83.6934 8.6123L84.307 9.4019L84.3073 9.40166L83.6934 8.6123ZM92.6934 1.6123L93.3073 2.40166L93.3076 2.4014L92.6934 1.6123ZM93.5 0.984375H94.5V-1.06135L92.8857 0.19528L93.5 0.984375ZM93.5 9.00391V10.0039H278V9.00391V8.00391H93.5V9.00391ZM278 9.00391H277V137.004H278H279V9.00391H278ZM278 137.004V136.004H0V137.004V138.004H278V137.004ZM0 137.004H1V9.00391H0H-1V137.004H0ZM0 9.00391V10.0039H83.1895V9.00391V8.00391H0V9.00391ZM83.1895 9.00391L83.8031 9.79351L84.307 9.4019L83.6934 8.6123L83.0797 7.82271L82.5758 8.21431L83.1895 9.00391ZM83.6934 8.6123L84.3073 9.40166L93.3073 2.40166L92.6934 1.6123L92.0794 0.822952L83.0794 7.82295L83.6934 8.6123ZM92.6934 1.6123L93.3076 2.4014L94.1143 1.77347L93.5 0.984375L92.8857 0.19528L92.0791 0.82321L92.6934 1.6123ZM93.5 0.984375H92.5V9.00391H93.5H94.5V0.984375H93.5Z' fill='%233A46CD' mask='url(%23path-1-inside-1_2213_30828)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2213_30828' x='0' y='0.984375' width='280' height='138.016' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='2' dy='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2213_30828'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2213_30828' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  }
}
@media (min-width: 769px) {
  .footer-page.privacy-infographics-page .infographics-contents .information-group .question .tooltip-group {
    background-image: url("data:image/svg+xml,%3Csvg width='289' height='130' viewBox='0 0 289 130' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_1560_32521)'%3E%3Cmask id='path-1-inside-1_1560_32521' fill='white'%3E%3Cpath d='M287 128H9V29.8535L0.695312 23.3945L0.1875 23L0.695312 22.6055L9 16.1455V0H287V128Z'/%3E%3C/mask%3E%3Cpath d='M287 128H9V29.8535L0.695312 23.3945L0.1875 23L0.695312 22.6055L9 16.1455V0H287V128Z' fill='white'/%3E%3Cpath d='M287 128V129H288V128H287ZM9 128H8V129H9V128ZM9 29.8535H10V29.3644L9.61393 29.0642L9 29.8535ZM0.695312 23.3945L1.30924 22.6052L1.30883 22.6049L0.695312 23.3945ZM0.1875 23L-0.42602 22.2103L-1.44244 23L-0.42602 23.7897L0.1875 23ZM0.695312 22.6055L1.30883 23.3951L1.3093 23.3948L0.695312 22.6055ZM9 16.1455L9.61399 16.9348L10 16.6346V16.1455H9ZM9 0V-1H8V0H9ZM287 0H288V-1H287V0ZM287 128V127H9V128V129H287V128ZM9 128H10V29.8535H9H8V128H9ZM9 29.8535L9.61393 29.0642L1.30924 22.6052L0.695312 23.3945L0.0813847 24.1839L8.38607 30.6429L9 29.8535ZM0.695312 23.3945L1.30883 22.6049L0.80102 22.2103L0.1875 23L-0.42602 23.7897L0.0817925 24.1842L0.695312 23.3945ZM0.1875 23L0.80102 23.7897L1.30883 23.3951L0.695312 22.6055L0.0817925 21.8158L-0.42602 22.2103L0.1875 23ZM0.695312 22.6055L1.3093 23.3948L9.61399 16.9348L9 16.1455L8.38601 15.3562L0.0813269 21.8162L0.695312 22.6055ZM9 16.1455H10V0H9H8V16.1455H9ZM9 0V1H287V0V-1H9V0ZM287 0H286V128H287H288V0H287Z' fill='%233A46CD' mask='url(%23path-1-inside-1_1560_32521)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1560_32521' x='0.1875' y='0' width='288.812' height='130' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='2' dy='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1560_32521'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1560_32521' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  }
}
.footer-page.privacy-infographics-page .infographics-contents .information-group .question .tooltip-group .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  margin: 0;
}
.footer-page.privacy-infographics-page .infographics-contents .information-group .question .tooltip-group .tooltip-tit {
  color: var(--color-gray_900, #1A2232);
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%; /* 23.8px */
}
.footer-page.privacy-infographics-page .infographics-contents .information-group .question .tooltip-group .tooltip-desc {
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
  word-break: break-all;
}
.footer-page.privacy-infographics-page .infographics-contents .information-group .question .tooltip-group .tooltip-desc em {
  color: var(--color-primary_blue, #3A46CD);
}
.footer-page.privacy-infographics-page .infographics-contents .information-group .question .tooltip-group .tooltip-gray {
  color: var(--color-gray_600, #727887);
  font-family: "SKT Sans Text";
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 17.6px */
}
.footer-page.privacy-infographics-page .infographics-contents .information-group .question.on .tooltip-group {
  opacity: 1;
  z-index: 1;
}
.footer-page.privacy-infographics-page .infographics-contents .information-group .link-group .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--color-white, #FFF);
  text-align: justify;
  font-family: "SKT Sans Text";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
  background: var(--Color, #4A508F);
}
@media (max-width: 768px) {
  .footer-page.privacy-infographics-page .infographics-contents .information-group .link-group .link {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    padding: 12px 24px;
  }
}
.footer-page.privacy-infographics-page .infographics-contents .information-group .link-group .link::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M2.67261 12L11.4929 3.16285M11.4929 3.16285L11.489 9.49609M11.4929 3.16285L5.16449 3.16286' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  padding: 56px 0px;
  border-bottom: 1px solid rgba(58, 70, 205, 0.3);
}
@media (max-width: 768px) {
  .footer-page.privacy-infographics-page .infographics-contents .infographics-list .item {
    padding: 32px 0px 56px;
  }
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .item:first-child {
  margin-top: 40px;
  border-top: 2px solid rgba(58, 70, 205, 0.3);
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .item .title-group .tit {
  text-align: center;
  color: var(--color-gray_900, #1A2232);
  font-family: "SKT Sans Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 32px */
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .item .title-group .tit em {
  color: var(--color-primary_blue, #3A46CD);
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .item .list-a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .footer-page.privacy-infographics-page .infographics-contents .infographics-list .item .list-a {
    padding: 0px 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
  }
}
@media (min-width: 769px) {
  .footer-page.privacy-infographics-page .infographics-contents .infographics-list .item .list-a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
    gap: 32px 56px;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .item .list-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 92px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
@media (max-width: 768px) {
  .footer-page.privacy-infographics-page .infographics-contents .infographics-list .item .list-b {
    padding: 0 12px;
  }
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .item .list-b .box {
  max-width: none;
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .item .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 360px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .item .box::before {
  content: "";
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 60px;
  height: 60px;
  border-radius: 14px;
  border: 1px solid rgba(58, 70, 205, 0.5);
  background-color: rgba(58, 70, 205, 0.05);
  background-position: center;
  background-repeat: no-repeat;
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .item .box .text-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
     -moz-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .item .box .text-group .tit {
  color: var(--color-gray_900, #1A2232);
  font-family: "SKT Sans Text";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 25.6px */
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .item .box .text-group .desc {
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 13px;
  font-style: normal;
  font-weight: 350;
  line-height: 160%; /* 20.8px */
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .official-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .footer-page.privacy-infographics-page .infographics-contents .infographics-list .official-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
    padding: 0px 12px;
  }
}
@media (min-width: 769px) {
  .footer-page.privacy-infographics-page .infographics-contents .infographics-list .official-list {
    gap: 80px;
    padding: 0px 40px;
  }
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .official-list .list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .official-list .list-item .tit {
  color: var(--color-gray_900, #1A2232);
  font-family: "SKT Sans Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 32px */
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .official-list .list-item .list-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
}
@media (max-width: 768px) {
  .footer-page.privacy-infographics-page .infographics-contents .infographics-list .official-list .list-item .list-align {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .official-list .list-item .text-group .sub {
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%; /* 23.8px */
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .official-list .list-item .text-group .indent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .official-list .list-item .text-group .indent .label {
  margin-top: 7px;
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .official-list .list-item .text-group .desc-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
  margin-top: 7px;
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .official-list .list-item .text-group .label,
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .official-list .list-item .text-group .desc {
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 20.8px */
}
.footer-page.privacy-infographics-page .infographics-contents .infographics-list .official-list .list-item .text-group a {
  color: inherit;
}
.footer-page.email-reject-page .figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  padding: 120px 0px;
  margin: 0;
}
@media (max-width: 768px) {
  .footer-page.email-reject-page .figure {
    padding: 80px 24px 0px 24px;
  }
}
@media (max-width: 768px) {
  .footer-page.email-reject-page .figure .img {
    width: 178px;
    height: 117.997px;
  }
}
.footer-page.email-reject-page .figure .desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 601px;
  color: var(--color-gray_900, #1A2232);
  text-align: center;
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%; /* 27px */
  word-break: break-all;
}
.footer-page.email-reject-page .figure .desc .date {
  color: var(--Color-gr_800, #4C4C4C);
  font-family: "SKT Sans Text";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
}
.footer-page.wholesale-page .figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 80px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
@media (max-width: 768px) {
  .footer-page.wholesale-page .figure {
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .footer-page.wholesale-page .figure .img {
    width: 140px;
    height: 180.399px;
  }
}
.footer-page.wholesale-page .address-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 643px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}
.footer-page.wholesale-page .address-group .desc {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding-left: 10px;
  color: var(--color-gray_800, #3A404E);
  text-align: center;
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%; /* 27px */
}
@media (max-width: 768px) {
  .footer-page.wholesale-page .address-group .desc {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
    word-break: break-all;
  }
}
.footer-page.wholesale-page .address-group .desc::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  background: var(--color-primary_blue, #3A46CD);
}
.footer-page.wholesale-page .address-group .desc em {
  white-space: nowrap;
  color: var(--color-primary_blue, #3A46CD);
  font-weight: 600;
}
.footer-page.wholesale-page .address-group .desc span {
  text-align: left;
}

#content_inner .board-list-wrap ul:not(.no-result) .desc-nor.not-find-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 140px 0;
  text-align: center;
  color: var(--color-gray_900, #1A2232);
  text-align: center;
  font-family: "SKT Sans Text";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
@media (max-width: 767px) {
  #content_inner .board-list-wrap ul:not(.no-result) .desc-nor.not-find-search {
    padding: 100px 0 120px;
    font-size: 13px;
  }
}
.sub-page.board-detail-type.protocol-page table {
  margin-left: 13.7pt;
  max-width: 100%;
}
.sub-page.board-detail-type.protocol-page table, .sub-page.board-detail-type.protocol-page th, .sub-page.board-detail-type.protocol-page td {
  border: 1px solid #1A2232;
  border-collapse: collapse;
}

.error-page {
  padding: 95px 0;
}
@media (min-width: 768px) {
  .error-page {
    padding-top: 220px;
  }
}
.error-page .content-body .error-box {
  padding-top: 188px;
  text-align: center;
  background-image: url("data:image/svg+xml,%3Csvg width='156' height='132' viewBox='0 0 156 132' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='156' height='112' rx='8' fill='url(%23paint0_linear_2577_41192)' fill-opacity='0.3'/%3E%3Crect x='8' y='8' width='140' height='81' fill='white'/%3E%3Crect x='59' y='112' width='39' height='14' fill='url(%23paint1_linear_2577_41192)' fill-opacity='0.3'/%3E%3Crect x='52' y='126' width='53' height='6' fill='url(%23paint2_linear_2577_41192)' fill-opacity='0.3'/%3E%3Crect x='63' y='33' width='30' height='30' rx='15' fill='url(%23paint3_linear_2577_41192)'/%3E%3Crect x='63' y='33' width='30' height='30' rx='15' fill='white'/%3E%3Crect x='63' y='33' width='30' height='30' rx='15' stroke='url(%23paint4_linear_2577_41192)' stroke-width='4'/%3E%3Crect x='76' y='39' width='4' height='12' rx='2' fill='url(%23paint5_linear_2577_41192)'/%3E%3Crect x='76' y='53' width='4' height='4' rx='2' fill='url(%23paint6_linear_2577_41192)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2577_41192' x1='-18.6522' y1='-22.4' x2='193.084' y2='52.8965' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232132EC' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%232132EC'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2577_41192' x1='79.129' y1='131.727' x2='78.4818' y2='107.201' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232132EC' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%232132EC'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2577_41192' x1='102.627' y1='157.875' x2='101.486' y2='102.674' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232132EC' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%232132EC'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_2577_41192' x1='58.1667' y1='15.1333' x2='108.595' y2='67.3002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236EBCFF'/%3E%3Cstop offset='1' stop-color='%230A0DA6'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_2577_41192' x1='58.1667' y1='15.1333' x2='108.595' y2='67.3002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236EBCFF'/%3E%3Cstop offset='1' stop-color='%230A0DA6'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_2577_41192' x1='75.6667' y1='33.4' x2='86.6431' y2='37.185' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236EBCFF'/%3E%3Cstop offset='1' stop-color='%230A0DA6'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_2577_41192' x1='75.6667' y1='51.1333' x2='81.5994' y2='57.2706' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236EBCFF'/%3E%3Cstop offset='1' stop-color='%230A0DA6'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  -webkit-background-size: 156px auto;
          background-size: 156px auto;
  background-repeat: no-repeat;
  background-position: center top;
}
.error-page .content-body .error-box p {
  margin-top: 12px;
  color: var(--color-gray_700, #595E6B);
  text-align: center;
  font-family: "SKT Sans Text";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0;
}
.error-page .content-body .error-box .img-small {
  display: none;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .error-page .content-body .error-box .img-small {
    display: block;
  }
}
.error-page .content-body .error-box .img-large {
  display: none;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .error-page .content-body .error-box .img-large {
    display: block;
  }
}
.error-page .content-body .error-box .mobile-br {
  display: none;
}
@media (max-width: 767px) {
  .error-page .content-body .error-box .mobile-br {
    display: block;
  }
}
.error-page .content-body .error-box .link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 56px auto;
}
@media (max-width: 767px) {
  .error-page .content-body .error-box .link-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
@media (min-width: 768px) {
  .error-page .content-body .error-box .link-wrap {
    gap: 24px;
  }
}
.error-page .content-body .error-box .link-wrap a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 240px;
  height: 45px;
  border-radius: 0;
  border: 1px solid var(--color-gray_600, #727887);
  padding: 12px 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-gray_900, #1A2232);
  text-align: justify;
  font-family: "SKT Sans Text";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 20.8px */
}
.error-page .content-body .error-box .link-wrap a::after {
  content: "";
  display: block;
  width: 14px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M2 8.03639L12.4857 8.02449M12.4857 8.02449L8.00467 12.5M12.4857 8.02449L8.01083 3.54961' stroke='%233A404E' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-background-size: auto auto;
          background-size: auto auto;
}
.error-page .content-body .error-box .link-wrap a.link-home {
  border: 0;
  background: var(--Color, #4A508F);
  color: white;
}
.error-page .content-body .error-box .link-wrap a.link-home::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M2 8.03639L12.4857 8.02449M12.4857 8.02449L8.00467 12.5M12.4857 8.02449L8.01083 3.54961' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
}

.ir-youtube-page .lnb-content-lg {
  display: none;
}
.ir-youtube-page .section-inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
@media (max-width: 768px) {
  .ir-youtube-page .section-inner {
    padding: 0 15px 0;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .section-inner {
    width: 1040px;
  }
}
.ir-youtube-page .section-inner img {
  max-width: 100%;
}
@media (max-width: 768px) {
  .ir-youtube-page .content-header .breadcrumb {
    padding-top: 14px;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .content-header .breadcrumb {
    position: absolute;
    right: 0;
    bottom: 10px;
    text-align: right;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .content-header .breadcrumb.multiline {
    bottom: 6px;
    width: 375px;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .content-header .breadcrumb.multiline ul li span {
    line-height: 22px;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .content-header .breadcrumb:lang(en) {
    bottom: 11px;
    width: 340px;
  }
}
.ir-youtube-page .content-header .breadcrumb ul {
  font-size: 0;
}
.ir-youtube-page .content-header .breadcrumb ul li {
  position: relative;
  display: inline-block;
}
.ir-youtube-page .content-header .breadcrumb ul li span {
  font-weight: 500;
  letter-spacing: 0;
  color: #707071;
}
@media (max-width: 768px) {
  .ir-youtube-page .content-header .breadcrumb ul li span {
    font-size: 11px;
    line-height: 17px;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .content-header .breadcrumb ul li span {
    font-size: 14px;
    line-height: 160%;
  }
  .ir-youtube-page .content-header .breadcrumb ul li span:lang(en) {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .ir-youtube-page .content-header .breadcrumb ul li + li {
    padding-left: 13px;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .content-header .breadcrumb ul li + li {
    padding-left: 26px;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .content-header .breadcrumb ul li + li:lang(en) {
    padding-left: 13px;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .content-header .breadcrumb ul li + li:lang(en)::before {
    left: 4px;
    width: 4px;
  }
}
.ir-youtube-page .content-header .breadcrumb ul li + li::before {
  content: "";
  position: absolute;
  top: -webkit-calc(50% - 1px);
  top: -moz-calc(50% - 1px);
  top: calc(50% - 1px);
  display: inline-block;
  height: 1px;
  background-color: #98999a;
}
@media (max-width: 768px) {
  .ir-youtube-page .content-header .breadcrumb ul li + li::before {
    left: 4px;
    width: 5px;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .content-header .breadcrumb ul li + li::before {
    left: 9px;
    width: 8px;
  }
}
.ir-youtube-page .content-header h3.type-txt {
  font-family: "SynergyDisplay";
  font-weight: 400;
  letter-spacing: 0;
  color: #202021;
}
@media (max-width: 768px) {
  .ir-youtube-page .content-header h3.type-txt {
    height: auto;
    padding-top: 36px;
    font-size: 28px;
    line-height: 32px;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .content-header h3.type-txt {
    padding-top: 96px;
    margin-bottom: 26px;
    font-size: 55px;
    line-height: 64px;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .content-header h3.type-txt:lang(en) {
    width: 710px;
  }
}
.ir-youtube-page .paging.paging-normal {
  padding: 0;
  margin: 51px auto 80px;
}
@media (max-width: 768px) {
  .ir-youtube-page .board-list-wrap {
    margin-top: 56px;
  }
}
.ir-youtube-page .board-list-wrap .board-list .link {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 130px;
}
@media (max-width: 768px) {
  .ir-youtube-page .board-list-wrap .board-list .link {
    gap: 30px;
    padding: 16px 0;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .board-list-wrap .board-list .link {
    padding: 35px 20px;
  }
}
.ir-youtube-page .board-list-wrap .board-list .link .text-wrap {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.ir-youtube-page .board-list-wrap .board-list .link .text-wrap .title {
  font-family: "SynergyDisplay";
  font-weight: 500;
  letter-spacing: -0.025em;
  color: #141414;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
  .ir-youtube-page .board-list-wrap .board-list .link .text-wrap .title {
    font-size: 16px;
    line-height: 19px;
    -webkit-line-clamp: 3;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .board-list-wrap .board-list .link .text-wrap .title {
    font-size: 30px;
    line-height: 38px;
    -webkit-line-clamp: 2;
  }
}
.ir-youtube-page .board-list-wrap .board-list .link .text-wrap .summary, .ir-youtube-page .board-list-wrap .board-list .link .text-wrap .reg-date {
  font-weight: 400;
  letter-spacing: -0.025em;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 768px) {
  .ir-youtube-page .board-list-wrap .board-list .link .text-wrap .summary, .ir-youtube-page .board-list-wrap .board-list .link .text-wrap .reg-date {
    font-size: 11px;
    line-height: 14px;
    color: #141414;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .board-list-wrap .board-list .link .text-wrap .summary, .ir-youtube-page .board-list-wrap .board-list .link .text-wrap .reg-date {
    font-size: 15px;
    line-height: 24px;
    color: #4c4c4c;
  }
}
.ir-youtube-page .board-list-wrap .board-list .link .text-wrap .summary {
  height: 50px;
}
@media (max-width: 768px) {
  .ir-youtube-page .board-list-wrap .board-list .link .text-wrap .summary {
    display: none;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .board-list-wrap .board-list .link .text-wrap .summary {
    margin-top: 17px;
  }
}
.ir-youtube-page .board-list-wrap .board-list .link .text-wrap .reg-date {
  position: absolute;
  text-align: left;
}
@media (max-width: 768px) {
  .ir-youtube-page .board-list-wrap .board-list .link .text-wrap .reg-date {
    left: 0;
    bottom: 13px;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .board-list-wrap .board-list .link .text-wrap .reg-date {
    left: 20px;
    bottom: 33px;
  }
}
.ir-youtube-page .board-list-wrap .board-list .link .thumbnail-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media (max-width: 768px) {
  .ir-youtube-page .board-list-wrap .board-list .link .thumbnail-wrap {
    top: 0;
    width: 144px;
    height: 81px;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .board-list-wrap .board-list .link .thumbnail-wrap {
    width: 360px;
    height: 202px;
  }
}
.ir-youtube-page .board-list-wrap .board-list .link .thumbnail-wrap .thumbnail {
  width: 100%;
  height: 100%;
  border: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.ir-youtube-page .board-list-wrap .board-list .link .thumbnail-wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.ir-youtube-page .board-list-wrap .board-list .link .thumbnail-wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/common/icon-play-btn.png");
}
@media (max-width: 768px) {
  .ir-youtube-page .board-list-wrap .board-list .link .thumbnail-wrap::after {
    -webkit-background-size: 24px auto;
            background-size: 24px auto;
  }
}
@media (min-width: 769px) {
  .ir-youtube-page .board-list-wrap .board-list .link .thumbnail-wrap::after {
    -webkit-background-size: 58px auto;
            background-size: 58px auto;
  }
}

/*
.notice-page {
  .notice-section {
    width: 100%;
    max-width: 912px;
    margin: 0 auto;

    text-align: center;

    @media (max-width: 767px) {
      padding: 0 32px;
    }
    @media (min-width: 768px) {
      padding: 0 16px;
    }

    .lang-korean {
      padding-bottom: 57px;
      border-bottom: 1px solid var(--color-gray_300, #D0D1D3);
      margin-bottom: 56px;
    }

    .tit {
      margin-bottom: 20px;

      color: var(--color-gray_900, #1A2232);
      text-align: center;
      font-family: "SKT Sans Text";
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 140%;

      &.eng {
        font-size: 22px;
        line-height: 150%;
      }
    }

    .desc {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
      align-self: stretch;
      align-items: center;

      color: var(--color-gray_800, #3A404E);
      text-align: center;
      font-family: "SKT Sans Text";
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: 160%;

      &.eng {
        font-size: 14px;
        line-height: 130%;
      }
    }

    .box {
      display: flex;
      gap: 10px;
      justify-content: center;
      align-items: center;

      width: 100%;
      max-width: 576px;
      padding: 16px 8px 18px;
      margin: 16px auto;
      border-radius: 4px;
      border: 1px solid rgba(58, 70, 205, 0.10);

      background: rgba(58, 70, 205, 0.03);
      color: var(--color-gray_900, #1A2232);
      text-align: center;
      font-family: "SKT Sans Text";
      font-size: 15px;
      font-style: normal;
      font-weight: 600;
      line-height: 170%;

      @media (max-width: 767px) {
        max-width: 298px;
      }
      @media (min-width: 768px) {
      }

      &.eng {
        font-size: 13px;
      }
    }
  }
}
*/