/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* video / iframe
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* form
=================================================================== */
/* ============================================================================================ topKv */
.kv {
  position: relative;
  display: block;
  overflow: clip;
}

/* ================================================================== kvArticle */
.kvArticle {
  position: relative;
}

.kvArticle--2 {
  background-color: rgb(82, 75, 65);
}

.kvArticle--3 {
  background-color: rgb(114, 107, 139);
}

/* ============================================================================================ kvSticky__wrapper */
.kvSticky__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 4;
}

/* --------------------------------------- kvSticky */
.kvSticky {
  position: sticky;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 135px;
}
.kvSticky::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, rgba(225, 225, 225, 0.8)), color-stop(23%, rgba(225, 225, 225, 0)), color-stop(75%, rgba(225, 225, 225, 0)), color-stop(97%, rgba(225, 225, 225, 0.8)));
  background: linear-gradient(to bottom, rgba(225, 225, 225, 0.8) 6%, rgba(225, 225, 225, 0) 23%, rgba(225, 225, 225, 0) 75%, rgba(225, 225, 225, 0.8) 97%);
  pointer-events: none;
  opacity: 0;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.kvSticky::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0.8)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), color-stop(97%, rgba(0, 0, 0, 0.8)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 97%);
  pointer-events: none;
  opacity: 0;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.kvSticky__wrapper::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0));
  height: 113px;
  opacity: 0;
  pointer-events: none;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* ================================================================== kvTitle__wrapper */
.kvTitle__copy {
  position: absolute;
  width: 100%;
  height: 70px;
  left: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 2;
  padding: 0 45px;
}

.kvTitle__copy--p {
  position: relative;
  white-space: nowrap;
  height: 21px;
  font-size: 21px;
  line-height: 21px;
  letter-spacing: 0.05em;
  overflow: hidden;
  color: #fff;
}
.kvTitle__copy--p > span {
  display: block;
}

/* ================================================================== kvTitle__wrapper */
.kvTitle__wrapper {
  position: relative;
  height: 160px;
  overflow: hidden;
  z-index: 2;
}

/* ================================================================== kvTitle__target */
.kvTitle__target {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  padding: 0 35px;
  font-size: 0;
  white-space: nowrap;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

/* --------------------------------------- kvTitle__target creative service */
.kvTitle__target--creative {
  font-size: 104px;
  line-height: 168px;
}

.kvTitle__target--service {
  font-size: 159px;
  line-height: 159px;
}
.kvTitle__target--service .kvTitle__target--p > span {
  color: #fff;
}

/* --------------------------------------- kvTitle__target p */
.kvTitle__target--p {
  letter-spacing: -0.03em;
}
.kvTitle__target--p > span {
  display: inline-block;
  min-width: inherit;
}

/* ================================================================== kvTitle__targetIcon */
.kvTitle__targetIcon {
  position: relative;
  width: 75px;
  height: 100%;
}

/* --------------------------------------- kvTitle__targetIcon inner */
.kvTitle__targetIcon--inner {
  position: absolute;
  width: 60px;
  height: 8px;
  top: calc(50% + 12px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.kvTitle__targetIcon--line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kvTitle__targetIcon--line::before, .kvTitle__targetIcon--line::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 0;
}
.kvTitle__targetIcon--line::before {
  background-color: rgba(var(--color-black), 1);
}
.kvTitle__targetIcon--line::after {
  background-color: white;
}
.kvTitle__targetIcon--line:nth-child(2) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

/* ============================================================================================ kvViewBtn */
.kvViewBtn__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  overflow: hidden;
  pointer-events: none;
}

.kvViewBtn__target {
  position: fixed;
  bottom: 28px;
  pointer-events: all;
  overflow: hidden;
}

.kvViewBtn__target--rightBottom {
  right: 35px;
}

.kvViewBtn__target--leftBottom {
  position: absolute;
  left: 43px;
}

/* ============================================================================================ kvWorkInfo */
.kvWorkInfo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
}

/* --------------------------------------- kvWorkInfo__inner */
.kvWorkInfo__inner {
  position: relative;
  width: 88.2869692533%;
  margin-left: auto;
  margin-right: auto;
  height: 40px;
  overflow: hidden;
}

/* --------------------------------------- kvWorkInfo__list */
.kvWorkInfo__list {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

/* --------------------------------------- kvWorkInfo__target flex */
.kvWorkInfo__target {
  height: 40px;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.kvWorkInfo__target--box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.kvWorkInfo__title {
  width: 22.8026533997%;
}

.kvWorkInfo__subBox {
  width: 21.9734660033%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.kvWorkInfo__titleSub {
  width: 49.0566037736%;
}

.kvWorkInfo__co {
  width: 50.9433962264%;
}

/* --------------------------------------- kvWorkInfo__text */
.kvWorkInfo__text {
  position: relative;
  line-height: 40px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}
.kvWorkInfo__text p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.kvWorkInfo__title--p {
  font-size: 19px;
}

.kvWorkInfo__titleSub--p {
  font-size: 15px;
}

.kvWorkInfo__co--p {
  font-size: 11px;
}

/* ============================================================================================ scrollDown */
.scrollDown {
  position: fixed;
  width: 80px;
  height: 110px;
  right: 0;
  bottom: 85px;
  overflow: hidden;
  z-index: 3;
  pointer-events: none;
}

/* --------------------------------------- scrollDown__inner */
.scrollDown__inner {
  position: relative;
  width: 10px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* --------------------------------------- scrollDown__icon */
.scrollDown__icon {
  position: absolute;
  width: 100%;
  left: 0;
}

.scrollDown__iconInner {
  position: relative;
  padding-top: 20%;
}

.scrollDown__iconTop {
  top: 0;
}
.scrollDown__iconTop .scrollDown__iconInner {
  -webkit-mask-image: url(../img/contents/top/scrollDown--iconTop.svg);
          mask-image: url(../img/contents/top/scrollDown--iconTop.svg);
}

.scrollDown__iconBottom {
  bottom: 0;
}
.scrollDown__iconBottom .scrollDown__iconInner {
  -webkit-mask-image: url(../img/contents/top/scrollDown--iconBottom.svg);
          mask-image: url(../img/contents/top/scrollDown--iconBottom.svg);
}

/* --------------------------------------- scrollDown__text */
.scrollDown__text--p {
  padding-top: 700%;
  -webkit-mask-image: url(../img/contents/top/scrollDown--text.svg);
          mask-image: url(../img/contents/top/scrollDown--text.svg);
}

/* --------------------------------------- scrollDown__anime */
@-webkit-keyframes scrollDown-anime {
  0% {
    -webkit-transform: translate3d(0, -70px, 0);
            transform: translate3d(0, -70px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes scrollDown-anime {
  0% {
    -webkit-transform: translate3d(0, -70px, 0);
            transform: translate3d(0, -70px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.scrollDown__anime {
  -webkit-animation: scrollDown-anime 2s linear 0s infinite;
  animation: scrollDown-anime 2s linear 0s infinite;
}

/* ============================================================================================ kvNum */
.kvNum {
  position: fixed;
  width: 80px;
  height: 250px;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 3;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, transparent), color-stop(50%, #fff), color-stop(75%, transparent));
  -webkit-mask-image: linear-gradient(to bottom, transparent 35%, #fff 50%, transparent 75%);
          mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, transparent), color-stop(50%, #fff), color-stop(75%, transparent));
          mask-image: linear-gradient(to bottom, transparent 35%, #fff 50%, transparent 75%);
}

/* --------------------------------------- kvNum__inner */
.kvNum__inner {
  position: absolute;
  width: 100%;
  height: 25px;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

/* --------------------------------------- kvNum__target */
.kvNum__target {
  height: 25px;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}

.kvNum__target--p {
  height: 100%;
  line-height: 25px;
  font-size: 11px;
  text-align: center;
  white-space: nowrap;
}

/* ============================================================================================ kvService__descBox */
.kvService__descBox {
  position: absolute;
  width: 356px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  right: 35px;
  border-radius: 11px;
  padding-left: 25px;
  padding-right: 25px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.kvService__descBox--bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-black), 0.44);
  z-index: 1;
}

.kvService__descBox--inner {
  position: relative;
  z-index: 2;
  color: #fff;
}
.kvService__descBox--inner a {
  color: #fff;
}

/* ================================================================== kvTitle__targetIcon */
.kvService__descBox--target {
  position: relative;
}

/* --------------------------------------- kvService__descBox--title */
.kvService__descBox--title {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
}
.kvService__descBox--title::before, .kvService__descBox--title::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 1px;
  top: auto;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.2);
}
.kvService__descBox--title .hoverText__base, .kvService__descBox--title .hoverText__position {
  padding: 5px 0;
}
.kvService__descBox--title .hoverText__base > span, .kvService__descBox--title .hoverText__position > span {
  height: 31px;
  font-size: 30px;
}

/* --------------------------------------- kvService__descBox--detail */
.kvService__descBox--detail {
  position: relative;
  padding-top: 18px;
  padding-bottom: 18px;
  text-align: left;
}
.kvService__descBox--detail::before, .kvService__descBox--detail::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 1px;
  top: auto;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.2);
}
.kvService__descBox--detail > dt, .kvService__descBox--detail > dd {
  line-height: 1.6;
}
.kvService__descBox--detail > dt {
  font-size: 15px;
  margin-bottom: 5px;
}
.kvService__descBox--detail > dd {
  font-size: 12px;
}

.kvService__descBox--title::after, .kvService__descBox--detail::after {
  background-color: #fff;
  left: auto;
  right: 0;
  width: 0;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* --------------------------------------- kvService__descBox--link */
.kvService__descBox--link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

/* ============================================================================================ topNewsArticle */
.topNewsArticle {
  position: relative;
  padding-top: 60px;
}

/* --------------------------------------- newsList */
.newsList {
  width: calc(50% + 20px);
  margin-left: auto;
}

/* ================================================================== topNewsSection */
.topNewsSection {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.topNewsTitle {
  font-size: 159px;
  line-height: 1;
  white-space: nowrap;
}

/* ============================================================================================ body class */
/* --------------------------------------- kvTitle--show--1 */
.kvTitle__target--p > span {
  -webkit-transform: translate(0%, 110%);
          transform: translate(0%, 110%);
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.35s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}

.kvTitle__targetIcon {
  -webkit-transform: translate(0%, 110%);
          transform: translate(0%, 110%);
}

.kvViewBtn__target {
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.kvViewBtn__target.kvViewBtn__target--rightBottom {
  -webkit-transform: translate(200%, 0%);
          transform: translate(200%, 0%);
}

.kvViewBtn__target.kvViewBtn__target--leftBottom {
  -webkit-transform: translate(-200%, 0%);
          transform: translate(-200%, 0%);
}

.kvTitle--show--1 .kvViewBtn__target.kvViewBtn__target--rightBottom, .kvTitle--show--2 .kvViewBtn__target.kvViewBtn__target--rightBottom {
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
}

/* -------------------------- */
.kvTitle--show--1 .kvSticky::before {
  opacity: 1;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span {
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(1) {
  transition-delay: 0.07s;
  -webkit-transition-delay: 0.07s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(2) {
  transition-delay: 0.09s;
  -webkit-transition-delay: 0.09s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(3) {
  transition-delay: 0.11s;
  -webkit-transition-delay: 0.11s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(4) {
  transition-delay: 0.13s;
  -webkit-transition-delay: 0.13s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(5) {
  transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(6) {
  transition-delay: 0.17s;
  -webkit-transition-delay: 0.17s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(7) {
  transition-delay: 0.19s;
  -webkit-transition-delay: 0.19s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(8) {
  transition-delay: 0.21s;
  -webkit-transition-delay: 0.21s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(9) {
  transition-delay: 0.23s;
  -webkit-transition-delay: 0.23s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(10) {
  transition-delay: 0.25s;
  -webkit-transition-delay: 0.25s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(11) {
  transition-delay: 0.27s;
  -webkit-transition-delay: 0.27s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(12) {
  transition-delay: 0.29s;
  -webkit-transition-delay: 0.29s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(13) {
  transition-delay: 0.31s;
  -webkit-transition-delay: 0.31s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(14) {
  transition-delay: 0.33s;
  -webkit-transition-delay: 0.33s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(15) {
  transition-delay: 0.35s;
  -webkit-transition-delay: 0.35s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(16) {
  transition-delay: 0.37s;
  -webkit-transition-delay: 0.37s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(17) {
  transition-delay: 0.39s;
  -webkit-transition-delay: 0.39s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(18) {
  transition-delay: 0.41s;
  -webkit-transition-delay: 0.41s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(19) {
  transition-delay: 0.43s;
  -webkit-transition-delay: 0.43s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(20) {
  transition-delay: 0.45s;
  -webkit-transition-delay: 0.45s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span {
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(1) {
  transition-delay: 0.6285714286s;
  -webkit-transition-delay: 0.6285714286s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(2) {
  transition-delay: 0.6571428571s;
  -webkit-transition-delay: 0.6571428571s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(3) {
  transition-delay: 0.6857142857s;
  -webkit-transition-delay: 0.6857142857s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(4) {
  transition-delay: 0.7142857143s;
  -webkit-transition-delay: 0.7142857143s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(5) {
  transition-delay: 0.7428571429s;
  -webkit-transition-delay: 0.7428571429s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(6) {
  transition-delay: 0.7714285714s;
  -webkit-transition-delay: 0.7714285714s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(7) {
  transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(8) {
  transition-delay: 0.8285714286s;
  -webkit-transition-delay: 0.8285714286s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(9) {
  transition-delay: 0.8571428571s;
  -webkit-transition-delay: 0.8571428571s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(10) {
  transition-delay: 0.8857142857s;
  -webkit-transition-delay: 0.8857142857s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(11) {
  transition-delay: 0.9142857143s;
  -webkit-transition-delay: 0.9142857143s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(12) {
  transition-delay: 0.9428571429s;
  -webkit-transition-delay: 0.9428571429s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(13) {
  transition-delay: 0.9714285714s;
  -webkit-transition-delay: 0.9714285714s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(14) {
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(15) {
  transition-delay: 1.0285714286s;
  -webkit-transition-delay: 1.0285714286s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(16) {
  transition-delay: 1.0571428571s;
  -webkit-transition-delay: 1.0571428571s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(17) {
  transition-delay: 1.0857142857s;
  -webkit-transition-delay: 1.0857142857s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(18) {
  transition-delay: 1.1142857143s;
  -webkit-transition-delay: 1.1142857143s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(19) {
  transition-delay: 1.1428571429s;
  -webkit-transition-delay: 1.1428571429s;
}
.kvTitle--show--1 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(20) {
  transition-delay: 1.1714285714s;
  -webkit-transition-delay: 1.1714285714s;
}
.kvTitle--show--1 .kvTitle__targetIcon {
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}
.kvTitle--show--1 .kvTitle__targetIcon--line:nth-child(2):before {
  width: 100%;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}
.kvTitle--show--1 .kvTitle__targetIcon--line:nth-child(1):before {
  width: 100%;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  transition-delay: 0.54s;
  -webkit-transition-delay: 0.54s;
}
.kvTitle--show--1 .fixed__globalLogo .globalLogo__mark, .kvTitle--show--1 .header .navLink, .kvTitle--show--1 .header a.navLink {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}
.kvTitle--show--1 .kvViewBtn.btn--bgBlack {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}
.kvTitle--show--1 .kvViewBtn.btn--bgBlack a, .kvTitle--show--1 .kvViewBtn.btn--bgBlack a:link, .kvTitle--show--1 .kvViewBtn.btn--bgBlack a:visited, .kvTitle--show--1 .kvViewBtn.btn--bgBlack a:hover {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}
.kvTitle--show--1 .kvViewBtn.btn--bgBlack .arrowIcon::before, .kvTitle--show--1 .kvViewBtn.btn--bgBlack .arrowIcon::after {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}
.kvTitle--show--1 .kvViewBtn.btn--bgBlack .playBtn__icon {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}
.kvTitle--show--1 .kvTitle__targetIcon--line:nth-child(2):after {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  transition-delay: 0.55s;
  -webkit-transition-delay: 0.55s;
}
.kvTitle--show--1 .kvTitle__targetIcon--line:nth-child(1):after {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  transition-delay: 0.65s;
  -webkit-transition-delay: 0.65s;
}

/* --------------------------------------- kvTitle--show--2 */
.kvSticky {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}

.kvTitle__copy--p > span {
  -webkit-transform: translate(0, 110%);
          transform: translate(0, 110%);
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}

/* -------------------------- */
.kvTitle--show--2 .kvSticky::before {
  opacity: 0;
}
.kvTitle--show--2 .kvSticky {
  padding-bottom: 55px;
}
.kvTitle--show--2 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span {
  color: #fff;
}
.kvTitle--show--2 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span {
  color: #fff;
}
.kvTitle--show--2 .kvTitle__targetIcon--line:nth-child(2):after {
  width: 100%;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  transition-delay: 0.55s;
  -webkit-transition-delay: 0.55s;
}
.kvTitle--show--2 .kvTitle__targetIcon--line:nth-child(1):after {
  width: 100%;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  transition-delay: 0.65s;
  -webkit-transition-delay: 0.65s;
}
.kvTitle--show--2 .kvViewBtn__target.kvViewBtn__target--rightBottom {
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}
.kvTitle--show--2 .kvViewBtn.btn--bgBlack {
  background-color: #fff;
}
.kvTitle--show--2 .kvViewBtn.btn--bgBlack a, .kvTitle--show--2 .kvViewBtn.btn--bgBlack a:link, .kvTitle--show--2 .kvViewBtn.btn--bgBlack a:visited, .kvTitle--show--2 .kvViewBtn.btn--bgBlack a:hover {
  color: rgba(var(--color-black), 1);
}
.kvTitle--show--2 .kvViewBtn.btn--bgBlack .arrowIcon::before, .kvTitle--show--2 .kvViewBtn.btn--bgBlack .arrowIcon::after {
  background-color: rgba(var(--color-black), 1);
}
.kvTitle--show--2 .kvViewBtn.btn--bgBlack .playBtn__icon {
  border-color: rgba(var(--color-black), 1);
}
.kvTitle--show--2 .kvTitle__copy--p > span {
  -webkit-transform: translate(0, 0%);
          transform: translate(0, 0%);
  transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
}
.kvTitle--show--2 .fixed__globalLogo .globalLogo__mark {
  background-color: #fff;
}
.kvTitle--show--2 .header .navLink, .kvTitle--show--2 .header a.navLink {
  color: #fff;
}

/* --------------------------------------- kvTitle--show--3 */
.kvTitle__target {
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.8s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.8s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* -------------------------- */
.kvTitle--show--3 .kvSticky {
  padding-bottom: 90px;
  transition-delay: 0.02s;
  -webkit-transition-delay: 0.02s;
}
.kvTitle--show--3 .kvViewBtn__target.kvViewBtn__target--rightBottom {
  -webkit-transform: translate(200%, 0%);
          transform: translate(200%, 0%);
}
.kvTitle--show--3 .kvViewBtn__target.kvViewBtn__target--leftBottom {
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span {
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(1) {
  transition-delay: 0.02s;
  -webkit-transition-delay: 0.02s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(2) {
  transition-delay: 0.04s;
  -webkit-transition-delay: 0.04s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(3) {
  transition-delay: 0.06s;
  -webkit-transition-delay: 0.06s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(4) {
  transition-delay: 0.08s;
  -webkit-transition-delay: 0.08s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(5) {
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(6) {
  transition-delay: 0.12s;
  -webkit-transition-delay: 0.12s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(7) {
  transition-delay: 0.14s;
  -webkit-transition-delay: 0.14s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(8) {
  transition-delay: 0.16s;
  -webkit-transition-delay: 0.16s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(9) {
  transition-delay: 0.18s;
  -webkit-transition-delay: 0.18s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(10) {
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(11) {
  transition-delay: 0.22s;
  -webkit-transition-delay: 0.22s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(12) {
  transition-delay: 0.24s;
  -webkit-transition-delay: 0.24s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(13) {
  transition-delay: 0.26s;
  -webkit-transition-delay: 0.26s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(14) {
  transition-delay: 0.28s;
  -webkit-transition-delay: 0.28s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(15) {
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(16) {
  transition-delay: 0.32s;
  -webkit-transition-delay: 0.32s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(17) {
  transition-delay: 0.34s;
  -webkit-transition-delay: 0.34s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(18) {
  transition-delay: 0.36s;
  -webkit-transition-delay: 0.36s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(19) {
  transition-delay: 0.38s;
  -webkit-transition-delay: 0.38s;
}
.kvTitle--show--3 .kvTitle__target--service .kvTitle__target--p > span:nth-child(20) {
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}
.kvTitle--show--3 .kvTitle__copy--p > span {
  -webkit-transform: translate(0, -110%);
          transform: translate(0, -110%);
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span {
  -webkit-transform: translate(0%, -110%);
          transform: translate(0%, -110%);
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.35s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(1) {
  transition-delay: 0.07s;
  -webkit-transition-delay: 0.07s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(2) {
  transition-delay: 0.09s;
  -webkit-transition-delay: 0.09s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(3) {
  transition-delay: 0.11s;
  -webkit-transition-delay: 0.11s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(4) {
  transition-delay: 0.13s;
  -webkit-transition-delay: 0.13s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(5) {
  transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(6) {
  transition-delay: 0.17s;
  -webkit-transition-delay: 0.17s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(7) {
  transition-delay: 0.19s;
  -webkit-transition-delay: 0.19s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(8) {
  transition-delay: 0.21s;
  -webkit-transition-delay: 0.21s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(9) {
  transition-delay: 0.23s;
  -webkit-transition-delay: 0.23s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(10) {
  transition-delay: 0.25s;
  -webkit-transition-delay: 0.25s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(11) {
  transition-delay: 0.27s;
  -webkit-transition-delay: 0.27s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(12) {
  transition-delay: 0.29s;
  -webkit-transition-delay: 0.29s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(13) {
  transition-delay: 0.31s;
  -webkit-transition-delay: 0.31s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(14) {
  transition-delay: 0.33s;
  -webkit-transition-delay: 0.33s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(15) {
  transition-delay: 0.35s;
  -webkit-transition-delay: 0.35s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(16) {
  transition-delay: 0.37s;
  -webkit-transition-delay: 0.37s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(17) {
  transition-delay: 0.39s;
  -webkit-transition-delay: 0.39s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(18) {
  transition-delay: 0.41s;
  -webkit-transition-delay: 0.41s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(19) {
  transition-delay: 0.43s;
  -webkit-transition-delay: 0.43s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--1 > span:nth-child(20) {
  transition-delay: 0.45s;
  -webkit-transition-delay: 0.45s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span {
  -webkit-transform: translate(0%, -110%);
          transform: translate(0%, -110%);
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.35s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(1) {
  transition-delay: 0.26s;
  -webkit-transition-delay: 0.26s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(2) {
  transition-delay: 0.28s;
  -webkit-transition-delay: 0.28s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(3) {
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(4) {
  transition-delay: 0.32s;
  -webkit-transition-delay: 0.32s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(5) {
  transition-delay: 0.34s;
  -webkit-transition-delay: 0.34s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(6) {
  transition-delay: 0.36s;
  -webkit-transition-delay: 0.36s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(7) {
  transition-delay: 0.38s;
  -webkit-transition-delay: 0.38s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(8) {
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(9) {
  transition-delay: 0.42s;
  -webkit-transition-delay: 0.42s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(10) {
  transition-delay: 0.44s;
  -webkit-transition-delay: 0.44s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(11) {
  transition-delay: 0.46s;
  -webkit-transition-delay: 0.46s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(12) {
  transition-delay: 0.48s;
  -webkit-transition-delay: 0.48s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(13) {
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(14) {
  transition-delay: 0.52s;
  -webkit-transition-delay: 0.52s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(15) {
  transition-delay: 0.54s;
  -webkit-transition-delay: 0.54s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(16) {
  transition-delay: 0.56s;
  -webkit-transition-delay: 0.56s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(17) {
  transition-delay: 0.58s;
  -webkit-transition-delay: 0.58s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(18) {
  transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(19) {
  transition-delay: 0.62s;
  -webkit-transition-delay: 0.62s;
}
.kvTitle--show--3 .kvTitle__target--creative .kvTitle__target--p.kvTitle__targetCreative--2 > span:nth-child(20) {
  transition-delay: 0.64s;
  -webkit-transition-delay: 0.64s;
}
.kvTitle--show--3 .kvTitle__targetIcon {
  -webkit-transform: translate(0%, -110%);
          transform: translate(0%, -110%);
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  transition-delay: 0.24s;
  -webkit-transition-delay: 0.24s;
}

/* --------------------------------------- kvTitle--hidden */
.kvTitle--hidden .kvViewBtn__target.kvViewBtn__target--leftBottom {
  -webkit-transform: translate(-200%, 0%);
          transform: translate(-200%, 0%);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}
.kvTitle--hidden .fixed__globalLogo .globalLogo__mark {
  background-color: rgba(var(--color-black), 1);
}
.kvTitle--hidden .header .navLink, .kvTitle--hidden .header a.navLink {
  color: rgba(var(--color-black), 1);
}

/* --------------------------------------- kvWorkInfo--show */
.kvWorkInfo__list {
  height: 0;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.kvWorkInfo--show .kvWorkInfo__list {
  height: 40px;
}

/* --------------------------------------- kvNum--show */
.kvNum {
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 1.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 1.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 1.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transform: translate(110%, -50%);
          transform: translate(110%, -50%);
}

.kvNum--show .kvNum {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

/* --------------------------------------- scrollDown--show */
.scrollDown {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transform: translate(110%, 0%);
          transform: translate(110%, 0%);
}

.scrollDown--show .scrollDown {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

/* --------------------------------------- kvServiceDesc--show-- */
.kvService__descBox {
  height: 0;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.kvService__descBox--target {
  opacity: 0;
  -webkit-transform: translate(0, 20px);
          transform: translate(0, 20px);
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.kvServiceDesc--show .kvService__descBox {
  height: 210px;
}
.kvServiceDesc--show .kvService__descBox--target {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}
.kvServiceDesc--show .kvService__descBox--target {
  pointer-events: all;
  cursor: pointer;
}

/* --------------------------------------- kvService--show--1 ~ 6*/
.kvService__descBox--list {
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.6s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.kvServiceDesc--show--1 .kvService__descBox--list {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.kvServiceDesc--show--2 .kvService__descBox--list {
  -webkit-transform: translateY(-16.6666666667%);
          transform: translateY(-16.6666666667%);
}

.kvServiceDesc--show--3 .kvService__descBox--list {
  -webkit-transform: translateY(-33.3333333333%);
          transform: translateY(-33.3333333333%);
}

.kvServiceDesc--show--4 .kvService__descBox--list {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.kvServiceDesc--show--5 .kvService__descBox--list {
  -webkit-transform: translateY(-66.6666666667%);
          transform: translateY(-66.6666666667%);
}

.kvServiceDesc--show--6 .kvService__descBox--list {
  -webkit-transform: translateY(-83.3333333333%);
          transform: translateY(-83.3333333333%);
}

/* ============================================================================================ hover pc */
@media (hover: hover) and (pointer: fine) {
  .kvService__descBox--target:hover .kvService__descBox--title::after, .kvService__descBox--target:hover .kvService__descBox--detail::after, .kvService__descBox--target:active .kvService__descBox--title::after, .kvService__descBox--target:active .kvService__descBox--detail::after {
    width: 100%;
    right: auto;
    left: 0;
  }
}
/* ============================================================================================ edit 20250902 */
.topNewsSection--sticky {
  position: sticky;
  bottom: 25px;
}

.kvTitle--show--2 .menuBtn__line, .kvTitle--show--3 .menuBtn__line {
  background-color: #fff;
}
.kvTitle--show--2.menu--open .fixed__globalLogo .globalLogo__mark, .kvTitle--show--3.menu--open .fixed__globalLogo .globalLogo__mark {
  background-color: rgba(var(--color-black), 1);
}
.kvTitle--show--2.menu--open .menuBtn__line, .kvTitle--show--3.menu--open .menuBtn__line {
  background-color: rgba(var(--color-black), 1);
}

.kvTitle--hidden .menuBtn__line {
  background-color: rgba(var(--color-black), 1);
}

.loading {
  position: absolute;
  width: calc(1230 * 100 / 1366 * 1vw);
  height: 1px;
  left: 56px;
  top: 50vh;
}

.loadingLine {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-black), 0.2);
}

.loadingLine--target {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-black), 1);
}

.loadingNum {
  position: absolute;
  font-size: 18px;
  line-height: 1;
  top: 50%;
  white-space: nowrap;
}

.loadingNum--default {
  width: 20px;
  left: 0;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}

.loadingNum--target {
  width: 45px;
  right: 0;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  padding-left: 10px;
}

/* ============================================================================================ edit 20250912 */
.kvTitle--show--2 .kvWorkInfo {
  opacity: 0;
}

.menu--open .kvWorkInfo {
  opacity: 0;
}

.kvTitle--hidden .kvSticky__wrapper::after {
  opacity: 0 !important;
}