@charset "UTF-8";
/* 
 * 개편 메인
 */
:root {
  --ease-out: cubic-bezier(0.4, 0.2, 0.3, 1.2);
}

.page-index .ly-main2 {
  position: relative;
}
.page-index .ly-main2 .sec-hero {
  background-color: #f6fafd;
  overflow: hidden;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero {
    position: relative;
    padding-top: 92px;
    padding-bottom: 60px;
    margin-top: -72px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 0;
    height: 100vh;
    padding-top: 75px;
    padding-bottom: 19px;
    margin-top: -75px;
  }
}
.page-index .ly-main2 .sec-hero .hero-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 105%;
  height: 110%;
  background: url("../images/main-re/hero-bg.jpg") center/cover no-repeat;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .hero-bg {
    width: 150%;
    height: 110%;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .hero-bg {
    width: 105%;
    height: 110%;
  }
}
.page-index .ly-main2 .sec-hero .inner {
  position: relative;
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner {
    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: 100%;
    padding: 0;
  }
}
.page-index .ly-main2 .sec-hero .inner .hero-headline {
  position: absolute;
  top: -webkit-calc(50vh - 47px);
  top: -moz-calc(50vh - 47px);
  top: calc(50vh - 47px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .hero-headline {
    top: -webkit-calc(50vh - 46px);
    top: -moz-calc(50vh - 46px);
    top: calc(50vh - 46px);
  }
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .headline {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  font-family: "SKT Sans Display";
  text-align: center;
  font-style: normal;
  font-weight: 800;
  line-height: 140%;
  letter-spacing: -1.2px;
  color: #000;
  white-space: nowrap;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .hero-headline .headline {
    font-size: 44px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .hero-headline .headline {
    font-size: 110px;
  }
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .intro-img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 205px;
  height: 182px;
  border-radius: 16px;
  opacity: 0;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
     -moz-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .intro-img .img-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .intro-img:nth-child(1) {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
     -moz-transform: translate(-50%, -50%) rotate(0deg);
      -ms-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .intro-img:nth-child(2) {
  -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);
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .intro-img:nth-child(3) {
  -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);
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .intro-img:nth-child(4) {
  -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);
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .intro-img:nth-child(5) {
  -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);
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .intro-img:nth-child(6) {
  -webkit-transform: translate(-50%, -50%) rotate(1deg);
     -moz-transform: translate(-50%, -50%) rotate(1deg);
      -ms-transform: translate(-50%, -50%) rotate(1deg);
          transform: translate(-50%, -50%) rotate(1deg);
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .intro-img:nth-child(7) {
  -webkit-transform: translate(-50%, -50%) rotate(6deg);
     -moz-transform: translate(-50%, -50%) rotate(6deg);
      -ms-transform: translate(-50%, -50%) rotate(6deg);
          transform: translate(-50%, -50%) rotate(6deg);
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .intro-img:nth-child(8) {
  -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);
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .intro-img:nth-child(9) {
  -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);
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .intro-img:nth-child(10) {
  -webkit-transform: translate(-50%, -50%) rotate(-4deg);
     -moz-transform: translate(-50%, -50%) rotate(-4deg);
      -ms-transform: translate(-50%, -50%) rotate(-4deg);
          transform: translate(-50%, -50%) rotate(-4deg);
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .intro-img:nth-child(11) {
  -webkit-transform: translate(-50%, -50%) rotate(1deg);
     -moz-transform: translate(-50%, -50%) rotate(1deg);
      -ms-transform: translate(-50%, -50%) rotate(1deg);
          transform: translate(-50%, -50%) rotate(1deg);
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .intro-img:nth-child(12) {
  -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);
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .intro-img:nth-child(12) {
  -webkit-transform: translate(-50%, -50%) rotate(-1deg);
     -moz-transform: translate(-50%, -50%) rotate(-1deg);
      -ms-transform: translate(-50%, -50%) rotate(-1deg);
          transform: translate(-50%, -50%) rotate(-1deg);
}
.page-index .ly-main2 .sec-hero .inner .hero-headline .intro-img.item-adot .img-box {
  border: 1px solid rgba(58, 70, 205, 0.6);
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .hero-content-sm {
    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 (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .hero-content-sm {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .hero-content-sm .hero-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .hero-content-lg {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .hero-content-lg {
    display: grid;
    grid-template-columns: repeat(5, 260px);
    gap: 10px;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-height: 520px) {
  .page-index .ly-main2 .sec-hero .inner .hero-content-lg {
    zoom: 0.6;
    -webkit-transform-origin: center;
       -moz-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .hero-content-lg .hero-col {
    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;
  }
}
.page-index .ly-main2 .sec-hero .inner .item {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 16px;
  text-decoration: none;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item {
    height: 168px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item {
    width: 100%;
    height: 114px;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item:only-child {
    grid-column: 1/-1;
  }
}
.page-index .ly-main2 .sec-hero .inner .item.on {
  overflow: hidden;
}
.page-index .ly-main2 .sec-hero .inner .item[target=_blank]::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 1;
  display: block;
  width: 44px;
  height: 44px;
  opacity: 0;
  -webkit-transform: translate(-7px, 7px);
     -moz-transform: translate(-7px, 7px);
      -ms-transform: translate(-7px, 7px);
          transform: translate(-7px, 7px);
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.167 26H27.167V18.6211L16.0605 29.7275L13.9395 27.6064L25.0459 16.5H18V13.5H30.167V26Z' fill='white'/%3E%3C/svg%3E%0A");
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item[target=_blank]::after {
    right: 0;
    bottom: 0;
  }
}
.page-index .ly-main2 .sec-hero .inner .item[target=_blank]:hover::after, .page-index .ly-main2 .sec-hero .inner .item[target=_blank]:focus::after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.page-index .ly-main2 .sec-hero .inner .item .box {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  border-radius: 16px;
  overflow: hidden;
  opacity: 0;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item .box {
    padding: 15px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item .box {
    padding: 20px 24px;
  }
}
.page-index .ly-main2 .sec-hero .inner .item .title {
  color: var(--color-white, #FFF);
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item .title {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item .title {
    font-size: 20px;
  }
}
.page-index .ly-main2 .sec-hero .inner .item .desc {
  margin-top: 6px;
  color: var(--color-white, #FFF);
  font-style: normal;
  font-weight: 600;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item .desc {
    font-size: 12px;
    line-height: 150%;
    letter-spacing: -0.12px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item .desc {
    font-size: 13px;
    line-height: 160%;
    letter-spacing: -0.13px;
  }
}
.page-index .ly-main2 .sec-hero .inner .item .img-hover {
  position: absolute;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.page-index .ly-main2 .sec-hero .inner .item .img-box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.5s var(--ease-out);
  transition: -webkit-transform 0.5s var(--ease-out);
  -moz-transition: transform 0.5s var(--ease-out), -moz-transform 0.5s var(--ease-out);
  transition: transform 0.5s var(--ease-out);
  transition: transform 0.5s var(--ease-out), -webkit-transform 0.5s var(--ease-out), -moz-transform 0.5s var(--ease-out);
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-newsroom {
    height: 120px;
  }
}
.page-index .ly-main2 .sec-hero .inner .item.item-newsroom:hover .img-box {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-tworld {
    height: 100px;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-tworld .img-title {
    height: 16px;
  }
}
.page-index .ly-main2 .sec-hero .inner .item.item-tworld .desc {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-membership {
    height: 200px;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-membership .img-title {
    height: 16px;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-membership .desc {
    margin-top: 8px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-membership .desc {
    margin-top: 7px;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-roaming .img-title {
    height: 16px;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-roaming .desc {
    margin-top: 8px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-roaming .desc {
    margin-top: 7px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-introduce {
    height: 228px;
  }
}
.page-index .ly-main2 .sec-hero .inner .item.item-introduce:hover .img-box {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-esg {
    height: 140px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-safety {
    height: 114px;
  }
}
.page-index .ly-main2 .sec-hero .inner .item.item-safety .box .title {
  color: var(--color-gray_900, #1A2232);
}
.page-index .ly-main2 .sec-hero .inner .item.item-safety .box .desc {
  color: var(--color-gray_900, #1A2232);
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-investor {
    height: 220px;
  }
}
.page-index .ly-main2 .sec-hero .inner .item.item-investor .box .title {
  color: var(--color-gray_900, #1A2232);
}
.page-index .ly-main2 .sec-hero .inner .item.item-investor .box .desc {
  color: var(--color-gray_900, #1A2232);
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-careers {
    height: 220px;
  }
}
.page-index .ly-main2 .sec-hero .inner .item.item-careers:hover .img-box {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-techportal {
    height: 140px;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-techportal .box {
    padding-right: 10px;
  }
}
.page-index .ly-main2 .sec-hero .inner .item.item-techportal .title {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-techportal .title {
    font-size: 18px;
    line-height: 150%; /* 27px */
  }
}
.page-index .ly-main2 .sec-hero .inner .item.item-techportal:hover .img-box {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item.item-adot {
    height: 140px;
  }
}
.page-index .ly-main2 .sec-hero .inner .item.item-adot .box .title {
  color: var(--color-primary_blue, #3A46CD);
}
.page-index .ly-main2 .sec-hero .inner .item.item-adot .box .desc {
  color: var(--color-primary_blue, #3A46CD);
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-newsroom .img-box {
    background: url("../images/main-re/box/intro-box-newsroom_sm.jpg") center/cover no-repeat;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item-newsroom .img-box {
    background: url("../images/main-re/box/intro-box-newsroom_lg.jpg") center/cover no-repeat;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-youtube .img-box {
    background: url("../images/main-re/box/intro-box-youtube_sm.jpg") center/cover no-repeat;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item-youtube .img-box {
    background: url("../images/main-re/box/intro-box-youtube_lg.jpg") center/cover no-repeat;
  }
}
.page-index .ly-main2 .sec-hero .inner .item-youtube .img-box .img-hover {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 36px;
  height: auto;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-youtube .img-box .img-hover {
    bottom: 17px;
  }
}
.page-index .ly-main2 .sec-hero .inner .item-youtube::after {
  display: none !important;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-instagram .img-box {
    background: url("../images/main-re/box/intro-box-instagram_sm.jpg") center/cover no-repeat;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item-instagram .img-box {
    background: url("../images/main-re/box/intro-box-instagram_lg.jpg") center/cover no-repeat;
  }
}
.page-index .ly-main2 .sec-hero .inner .item-instagram .img-box .img-hover {
  position: absolute;
  right: 11px;
  bottom: 8px;
  width: 43px;
  height: auto;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-instagram .img-box .img-hover {
    right: 8px;
  }
}
.page-index .ly-main2 .sec-hero .inner .item-instagram::after {
  display: none !important;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-tworld .img-box {
    background: url("../images/main-re/box/intro-box-tworld_sm.jpg") center/cover no-repeat;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item-tworld .img-box {
    background: url("../images/main-re/box/intro-box-tworld_lg.jpg") center/cover no-repeat;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-membership .img-box {
    background: url("../images/main-re/box/intro-box-membership_sm.jpg") center/cover no-repeat;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item-membership .img-box {
    background: url("../images/main-re/box/intro-box-membership_lg.jpg") center/cover no-repeat;
  }
}
.page-index .ly-main2 .sec-hero .inner .item-membership .img-box .img-hover {
  position: absolute;
  right: 17px;
  bottom: 22px;
  width: 137px;
  height: auto;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-membership .img-box .img-hover {
    right: 7px;
    bottom: 17px;
    width: 97px;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-roaming .img-box {
    background: url("../images/main-re/box/intro-box-roaming_sm.jpg") center/cover no-repeat;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item-roaming .img-box {
    background: url("../images/main-re/box/intro-box-roaming_lg.jpg") center/cover no-repeat;
  }
}
.page-index .ly-main2 .sec-hero .inner .item-roaming .img-box .img-hover {
  position: absolute;
  right: 3px;
  bottom: -4px;
  width: 110px;
  height: auto;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-roaming .img-box .img-hover {
    right: -1px;
    bottom: -3px;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-introduce .img-box {
    background: url("../images/main-re/box/intro-box-introduce_sm.jpg") center/cover no-repeat;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item-introduce .img-box {
    background: url("../images/main-re/box/intro-box-introduce_lg.jpg") center/cover no-repeat;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-esg .img-box {
    background: url("../images/main-re/box/intro-box-esg_sm.jpg") center/cover no-repeat;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item-esg .img-box {
    background: url("../images/main-re/box/intro-box-esg_lg.jpg") center/cover no-repeat;
  }
}
.page-index .ly-main2 .sec-hero .inner .item-esg .img-box .img-hover {
  position: absolute;
  right: 21px;
  bottom: 22px;
  width: 77px;
  height: auto;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-safety .img-box {
    background: url("../images/main-re/box/intro-box-safety_sm.jpg") center/cover no-repeat;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item-safety .img-box {
    background: url("../images/main-re/box/intro-box-safety_lg.jpg") center/cover no-repeat;
  }
}
.page-index .ly-main2 .sec-hero .inner .item-safety .img-box .img-hover {
  position: absolute;
  right: 0;
  bottom: 5px;
  width: 104px;
  height: auto;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-safety .img-box .img-hover {
    right: -9px;
    bottom: 4px;
    width: 116px;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-investor .img-box {
    background: url("../images/main-re/box/intro-box-investor_sm.jpg") center/cover no-repeat;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item-investor .img-box {
    background: url("../images/main-re/box/intro-box-investor_lg.jpg") center/cover no-repeat;
  }
}
.page-index .ly-main2 .sec-hero .inner .item-investor .img-box .img-hover {
  position: absolute;
  right: -12px;
  bottom: -5px;
  width: 190px;
  height: auto;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-investor .img-box .img-hover {
    right: 1px;
    bottom: -4px;
    width: 110px;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-careers .img-box {
    background: url("../images/main-re/box/intro-box-careers_sm.jpg") center/cover no-repeat;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item-careers .img-box {
    background: url("../images/main-re/box/intro-box-careers_lg.jpg") center/cover no-repeat;
  }
}
.page-index .ly-main2 .sec-hero .inner .item-techportal {
  z-index: 2;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-techportal .img-box {
    background: url("../images/main-re/box/intro-box-techportal_sm.jpg") left bottom/cover no-repeat;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item-techportal .img-box {
    background: url("../images/main-re/box/intro-box-techportal_lg.jpg") left bottom/cover no-repeat;
  }
}
.page-index .ly-main2 .sec-hero .inner .item-adot.on .img-box {
  border: 1px solid rgba(58, 70, 205, 0.6);
}
.page-index .ly-main2 .sec-hero .inner .item-adot .img-box {
  border: 1px solid rgba(58, 70, 205, 0);
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-adot .img-box {
    background: url("../images/main-re/box/intro-box-adot_sm.jpg") center/cover no-repeat;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-hero .inner .item-adot .img-box {
    background: url("../images/main-re/box/intro-box-adot_lg.jpg") center/cover no-repeat;
  }
}
.page-index .ly-main2 .sec-hero .inner .item-adot .img-box .img-hover {
  position: absolute;
  right: 19px;
  bottom: 6px;
  width: 100px;
  height: auto;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-hero .inner .item-adot .img-box .img-hover {
    right: 6px;
    bottom: 4px;
  }
}
.page-index .ly-main2 .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;
}
.page-index .ly-main2 .sec-hero .hero-scroll-btn:hover {
  background: #595E6B;
  height: 30px;
}
.page-index .ly-main2 .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;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-index .ly-main2 .sec-newsroom {
  position: relative;
  z-index: 10;
  background-color: #fff;
  overflow: hidden;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-newsroom {
    padding-top: 44px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-newsroom {
    padding-top: 160px;
  }
}
.page-index .ly-main2 .sec-newsroom .inner {
  overflow: hidden;
}
.page-index .ly-main2 .sec-newsroom .inner .sec-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-newsroom .inner .sec-title {
    gap: 8px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-newsroom .inner .sec-title {
    gap: 10px;
  }
}
.page-index .ly-main2 .sec-newsroom .inner .sec-title .motion {
  position: relative;
  display: block;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-newsroom .inner .sec-title .motion {
    width: 30px;
    height: 22px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-newsroom .inner .sec-title .motion {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 33px;
  }
}
.page-index .ly-main2 .sec-newsroom .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;
}
.page-index .ly-main2 .sec-newsroom .inner .sec-title .motion img.title-motion01 {
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-animation: newsroomMotion01 2.5s linear infinite forwards;
     -moz-animation: newsroomMotion01 2.5s linear infinite forwards;
          animation: newsroomMotion01 2.5s linear infinite forwards;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-newsroom .inner .sec-title .motion img.title-motion01 {
    top: 9px;
    left: 7px;
    width: 15px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-newsroom .inner .sec-title .motion img.title-motion01 {
    top: 12px;
    left: 6px;
    width: 22px;
  }
}
.page-index .ly-main2 .sec-newsroom .inner .sec-title .motion img.title-motion02 {
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-animation: newsroomMotion03 2.5s linear infinite forwards;
     -moz-animation: newsroomMotion03 2.5s linear infinite forwards;
          animation: newsroomMotion03 2.5s linear infinite forwards;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-newsroom .inner .sec-title .motion img.title-motion02 {
    top: 7px;
    left: 3px;
    width: 5px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-newsroom .inner .sec-title .motion img.title-motion02 {
    top: 9px;
    left: 3px;
    width: 6px;
  }
}
.page-index .ly-main2 .sec-newsroom .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: newsroomMotion03 2.5s linear infinite forwards;
     -moz-animation: newsroomMotion03 2.5s linear infinite forwards;
          animation: newsroomMotion03 2.5s linear infinite forwards;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-newsroom .inner .sec-title .motion img.title-motion03 {
    top: 2px;
    left: 17px;
    width: 7px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-newsroom .inner .sec-title .motion img.title-motion03 {
    top: 2px;
    left: 19px;
    width: 10px;
  }
}
@-webkit-keyframes newsroomMotion01 {
  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 newsroomMotion01 {
  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 newsroomMotion01 {
  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 newsroomMotion02 {
  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 newsroomMotion02 {
  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 newsroomMotion02 {
  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 newsroomMotion03 {
  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 newsroomMotion03 {
  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 newsroomMotion03 {
  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);
  }
}
.page-index .ly-main2 .sec-newsroom .inner .sec-title .text {
  color: #222;
  font-family: "SKT Sans Display";
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 46.8px */
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-newsroom .inner .sec-title .text {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-newsroom .inner .sec-title .text {
    font-size: 36px;
  }
}
.page-index .ly-main2 .sec-newsroom .inner .newsroom-content {
  display: grid;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-newsroom .inner .newsroom-content {
    grid-template-columns: 1fr;
    gap: 36px;
    margin-top: 16px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-newsroom .inner .newsroom-content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    margin-top: 32px;
  }
}
.page-index .ly-main2 .sec-newsroom .inner .newsroom-content .newsroom-item .newsroom-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;
  text-decoration: none;
}
.page-index .ly-main2 .sec-newsroom .inner .newsroom-content .newsroom-item .newsroom-link:hover .img-wrap img, .page-index .ly-main2 .sec-newsroom .inner .newsroom-content .newsroom-item .newsroom-link:focus .img-wrap img {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.page-index .ly-main2 .sec-newsroom .inner .newsroom-content .newsroom-item .newsroom-link .img-wrap {
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-newsroom .inner .newsroom-content .newsroom-item .newsroom-link .img-wrap {
    height: 210px;
  }
}
.page-index .ly-main2 .sec-newsroom .inner .newsroom-content .newsroom-item .newsroom-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;
}
.page-index .ly-main2 .sec-newsroom .inner .newsroom-content .newsroom-item .newsroom-link .text-wrap {
  padding: 0 8px;
}
.page-index .ly-main2 .sec-newsroom .inner .newsroom-content .newsroom-item .newsroom-link .text-wrap .text {
  color: #1A2232;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 22.4px */
}
.page-index .ly-main2 .sec-newsroom .inner .newsroom-content .newsroom-item .newsroom-link .text-wrap .text:lang(en) {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-newsroom .inner .newsroom-content .newsroom-item .newsroom-link .text-wrap .text:lang(en) {
    height: 45px;
  }
}
.page-index .ly-main2 .sec-news {
  position: relative;
  z-index: 10;
  background-color: #fff;
}
.page-index .ly-main2 .sec-news .inner {
  overflow: hidden;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-news .inner {
    padding-top: 48px;
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-news .inner {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
.page-index .ly-main2 .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) {
  .page-index .ly-main2 .sec-news .inner .sec-title {
    gap: 8px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-news .inner .sec-title {
    gap: 10px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-news .inner .sec-title .motion {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 33px;
  }
}
.page-index .ly-main2 .sec-news .inner .sec-title .motion img {
  position: relative;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-news .inner .sec-title .motion img {
    top: 3px;
    height: 23px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-news .inner .sec-title .motion img {
    top: 5px;
    height: 30px;
  }
}
.page-index .ly-main2 .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) {
  .page-index .ly-main2 .sec-news .inner .sec-title span {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-news .inner .sec-title span {
    font-size: 36px;
  }
}
.page-index .ly-main2 .sec-news .inner .news-content {
  display: grid;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-news .inner .news-content {
    grid-template-columns: 1fr;
    gap: 36px;
    margin-top: 16px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-news .inner .news-content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    margin-top: 32px;
  }
}
.page-index .ly-main2 .sec-news .inner .news-content .news-item .news-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;
  text-decoration: none;
}
.page-index .ly-main2 .sec-news .inner .news-content .news-item .news-link:hover .img-wrap img, .page-index .ly-main2 .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);
}
.page-index .ly-main2 .sec-news .inner .news-content .news-item .news-link .img-wrap {
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-news .inner .news-content .news-item .news-link .img-wrap {
    height: 210px;
  }
}
.page-index .ly-main2 .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;
}
.page-index .ly-main2 .sec-news .inner .news-content .news-item .news-link .text-wrap {
  padding: 0 8px;
}
.page-index .ly-main2 .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 */
}
.page-index .ly-main2 .sec-news .inner .news-content .news-item .news-link .text-wrap .text:lang(en) {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-news .inner .news-content .news-item .news-link .text-wrap .text:lang(en) {
    height: 45px;
  }
}
.page-index .ly-main2 .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) {
  .page-index .ly-main2 .sec-news .inner .more-link {
    width: 185px;
    padding: 9px 20px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-news .inner .more-link {
    width: 232px;
    padding: 14px 36px;
  }
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-news .inner .more-link:lang(en) {
    width: 140px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-news .inner .more-link:lang(en) {
    width: 160px;
  }
}
.page-index .ly-main2 .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) {
  .page-index .ly-main2 .sec-news .inner .more-link .text {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-news .inner .more-link .text {
    font-size: 16px;
  }
}
.page-index .ly-main2 .sec-news .inner .more-link svg {
  position: relative;
  z-index: 5;
}
.page-index .ly-main2 .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;
}
.page-index .ly-main2 .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 0.1s cubic-bezier(0, 0, 0, 1.08);
  transition: -webkit-transform 0.5s 0.1s cubic-bezier(0, 0, 0, 1.08);
  -moz-transition: transform 0.5s 0.1s cubic-bezier(0, 0, 0, 1.08), -moz-transform 0.5s 0.1s cubic-bezier(0, 0, 0, 1.08);
  transition: transform 0.5s 0.1s cubic-bezier(0, 0, 0, 1.08);
  transition: transform 0.5s 0.1s cubic-bezier(0, 0, 0, 1.08), -webkit-transform 0.5s 0.1s cubic-bezier(0, 0, 0, 1.08), -moz-transform 0.5s 0.1s 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;
}
.page-index .ly-main2 .sec-news .inner .more-link:hover .text {
  color: #fff;
}
.page-index .ly-main2 .sec-news .inner .more-link:hover svg path {
  stroke: #fff;
}
.page-index .ly-main2 .sec-news .inner .more-link:hover::before {
  -webkit-transform: scaleX(1);
     -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
  -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);
}
.page-index .ly-main2 .sec-people {
  position: relative;
  z-index: 10;
  background-color: #fff;
}
.page-index .ly-main2 .sec-people > .inner {
  position: relative;
}
.page-index .ly-main2 .sec-people .inner {
  overflow-x: hidden;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-people .inner {
    overflow-y: hidden;
  }
}
.page-index .ly-main2 .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) {
  .page-index .ly-main2 .sec-people .inner .sec-title {
    gap: 8px;
    padding: 0 0 15px 0;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-people .inner .sec-title {
    gap: 10px;
    padding-bottom: 40px;
  }
}
.page-index .ly-main2 .sec-people .inner .sec-title .motion {
  position: relative;
  display: block;
}
@media (max-width: 767px) {
  .page-index .ly-main2 .sec-people .inner .sec-title .motion {
    width: 30px;
    height: 22px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-people .inner .sec-title .motion {
    width: 33px;
    height: 36px;
  }
}
.page-index .ly-main2 .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;
}
.page-index .ly-main2 .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) {
  .page-index .ly-main2 .sec-people .inner .sec-title .motion img.title-motion03 {
    width: 7px;
    top: 2px;
    left: 17px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-people .inner .sec-title .motion img.title-motion03 {
    width: 10px;
    left: 19px;
    top: 2px;
  }
}
.page-index .ly-main2 .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) {
  .page-index .ly-main2 .sec-people .inner .sec-title .motion img.title-motion02 {
    width: 5px;
    left: 3px;
    top: 7px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-people .inner .sec-title .motion img.title-motion02 {
    width: 6px;
    left: 3px;
    top: 9px;
  }
}
.page-index .ly-main2 .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) {
  .page-index .ly-main2 .sec-people .inner .sec-title .motion img.title-motion01 {
    width: 15px;
    left: 7px;
    top: 9px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .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);
  }
}
.page-index .ly-main2 .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) {
  .page-index .ly-main2 .sec-people .inner .sec-title span {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-people .inner .sec-title span {
    font-size: 36px;
  }
}
.page-index .ly-main2 .sec-people .inner .swiper-controller {
  position: absolute;
  top: 5px;
  right: 10px;
}
@media (max-width: 768px) {
  .page-index .ly-main2 .sec-people .inner .swiper-controller {
    display: none !important;
  }
}
.page-index .ly-main2 .sec-people .inner .swiper-controller .controller-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 36px;
  padding: 0;
  margin: 0;
  border-radius: 8px;
  border: 2px solid #3A404E;
  background-position: center;
  pointer-events: auto;
}
.page-index .ly-main2 .sec-people .inner .swiper-controller .controller-btn.btn-pause {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='36' viewBox='0 0 38 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='12' y='10.7559' width='5' height='14' rx='2' fill='%233A404E'/%3E%3Crect x='21' y='10.7559' width='5' height='14' rx='2' fill='%233A404E'/%3E%3C/svg%3E%0A");
}
.page-index .ly-main2 .sec-people .inner .swiper-controller .controller-btn.btn-play {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='36' viewBox='0 0 38 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 23.8259V11.5639C14 10.7776 14.8655 10.2989 15.5315 10.7168L24.7281 16.4872C25.3329 16.8667 25.3566 17.7395 24.7732 18.1512L15.5767 24.6429C14.9143 25.1105 14 24.6368 14 23.8259Z' fill='%233A404E'/%3E%3C/svg%3E%0A");
}
.page-index .ly-main2 .sec-people .inner .swiper-controller .controller-btn.hidden {
  display: none;
}
.page-index .ly-main2 .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;
  padding-top: 80px;
}
.page-index .ly-main2 .sec-people .inner .people-content.only-mobile .people-item {
  width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-people .inner .people-content.only-mobile .people-item {
    height: 246px;
  }
}
.page-index .ly-main2 .sec-people .inner .people-content.only-mobile .people-item:nth-child(2n-1) {
  position: relative;
  top: -80px;
}
.page-index .ly-main2 .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;
}
.page-index .ly-main2 .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);
}
.page-index .ly-main2 .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;
}
.page-index .ly-main2 .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card .front, .page-index .ly-main2 .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;
}
.page-index .ly-main2 .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card .front {
  z-index: 2;
  background: #fff;
}
.page-index .ly-main2 .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;
}
.page-index .ly-main2 .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) {
  .page-index .ly-main2 .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) {
  .page-index .ly-main2 .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card .front .text {
    left: 32px;
    top: 32px;
    font-size: 24px;
  }
}
.page-index .ly-main2 .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card.work {
  font-size: 100px;
}
.page-index .ly-main2 .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card.work .hover-wrap {
  background-color: #F47725;
}
.page-index .ly-main2 .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .card.insight .hover-wrap {
  background-color: #009A93;
}
.page-index .ly-main2 .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) {
  .page-index .ly-main2 .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) {
  .page-index .ly-main2 .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .hover-wrap {
    padding: 64px 40px;
  }
}
.page-index .ly-main2 .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) {
  .page-index .ly-main2 .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) {
  .page-index .ly-main2 .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .hover-wrap .title {
    padding-bottom: 13px;
    font-size: 14px;
  }
}
.page-index .ly-main2 .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) {
  .page-index .ly-main2 .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .hover-wrap .desc {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-people .inner .people-content.only-mobile .people-item .people-item-inner .hover-wrap .desc {
    font-size: 28px;
  }
}
.page-index .ly-main2 .sec-people .people-content.only-tablet-desktop {
  overflow: hidden;
  background-color: #fff;
}
.page-index .ly-main2 .sec-people .people-content.only-tablet-desktop .people-swiper {
  padding: 0 12px;
}
.page-index .ly-main2 .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;
}
.page-index .ly-main2 .sec-people .people-content.only-tablet-desktop .people-swiper .people-item {
  height: 520px;
  width: 311px;
}
.page-index .ly-main2 .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;
}
.page-index .ly-main2 .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);
}
.page-index .ly-main2 .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link:focus {
  outline: none;
}
.page-index .ly-main2 .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link:focus .front,
.page-index .ly-main2 .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link:focus .hover-wrap {
  outline: auto;
  outline-offset: -4px;
}
.page-index .ly-main2 .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;
}
.page-index .ly-main2 .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link .card .front, .page-index .ly-main2 .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;
}
.page-index .ly-main2 .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link .card .front {
  z-index: 2;
  background: #fff;
}
.page-index .ly-main2 .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;
}
.page-index .ly-main2 .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 */
}
.page-index .ly-main2 .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link.insight .hover-wrap {
  background-color: #009A93;
}
.page-index .ly-main2 .sec-people .people-content.only-tablet-desktop .people-swiper .people-item .people-link.work .hover-wrap {
  background-color: #F47725;
}
.page-index .ly-main2 .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;
}
.page-index .ly-main2 .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 */
}
.page-index .ly-main2 .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 */
}
.page-index .ly-main2 .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) {
  .page-index .ly-main2 .sec-people .more-link {
    width: 130px;
    padding: 9px 20px;
    margin: 56px auto 120px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-people .more-link {
    width: 165px;
    padding: 14px 36px;
    margin: 56px auto 160px;
  }
}
.page-index .ly-main2 .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) {
  .page-index .ly-main2 .sec-people .more-link .text {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .page-index .ly-main2 .sec-people .more-link .text {
    font-size: 16px;
  }
}
.page-index .ly-main2 .sec-people .more-link svg {
  position: relative;
  z-index: 5;
}
.page-index .ly-main2 .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;
}
.page-index .ly-main2 .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;
}
.page-index .ly-main2 .sec-people .more-link:hover .text {
  color: #fff;
}
.page-index .ly-main2 .sec-people .more-link:hover svg path {
  stroke: #fff;
}
.page-index .ly-main2 .sec-people .more-link:hover::before {
  -webkit-transform: scaleX(1);
     -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}