/* [project]/components/section/home/About/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__dFtmVa__about {
  margin-top: -25vh;
  position: relative;
  overflow-x: hidden;
}

.index-module-scss-module__dFtmVa__about__contents {
  position: relative;
  overflow: visible;
}

.index-module-scss-module__dFtmVa__about__contents__slogan {
  color: #fff;
  text-align: center;
  z-index: 4;
  width: 100%;
  margin: 0;
  font-size: 6.5vw;
  font-weight: 800;
  position: relative;
}

.index-module-scss-module__dFtmVa__about__contents__title {
  color: #fff;
  z-index: 2;
  text-transform: uppercase;
  text-align: justify;
  justify-content: center;
  width: 100%;
  margin-top: 20vw;
  padding: 0 2vw;
  font-weight: bold;
  line-height: 1.1;
  position: relative;
}

.index-module-scss-module__dFtmVa__about__contents__title__subject {
  opacity: .6;
  font-size: 1.3vw;
}

.index-module-scss-module__dFtmVa__about__contents__title__circle {
  background-color: red;
  border-radius: 100%;
  width: 1vw;
  height: 1vw;
  margin-left: 2vw;
  display: inline-block;
  overflow: hidden;
}

.index-module-scss-module__dFtmVa__about__contents__title > span {
  width: 100%;
  padding: 0 2vw;
  font-size: 3vw;
}

.index-module-scss-module__dFtmVa__about__contents__title > span > span {
  border-bottom: 1px solid #fff;
  display: inline-block;
  position: relative;
}

.index-module-scss-module__dFtmVa__about__contents__title_ko {
  color: #fff;
  margin-top: 4vw;
  padding-left: 32vw;
  padding-right: 20vw;
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 1.4;
}

.index-module-scss-module__dFtmVa__about__contents__information {
  z-index: 2;
  justify-content: flex-start;
  gap: 4vw;
  width: 100%;
  padding-top: 10vw;
  padding-right: 2vw;
  display: flex;
  position: relative;
}

.index-module-scss-module__dFtmVa__about__contents__information__thumbnail {
  width: 40%;
  padding-top: 40%;
  position: relative;
}

.index-module-scss-module__dFtmVa__about__contents__information__thumbnail__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.index-module-scss-module__dFtmVa__about__contents__information__thumbnail__caption {
  color: #fff;
  text-align: left;
  width: 100%;
  padding: 2vw;
  font-size: 1.2vw;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  left: 0;
}

.index-module-scss-module__dFtmVa__about__contents__information__thumbnail__caption span {
  opacity: .8;
  font-size: .8vw;
  font-style: italic;
}

.index-module-scss-module__dFtmVa__about__contents__information__text {
  width: 60%;
  margin-top: 4vw;
  position: relative;
  right: 10vw;
}

.index-module-scss-module__dFtmVa__about__contents__information__text__title {
  color: #fff;
  margin-top: 2vw;
  font-size: 2.5vw;
  font-weight: bold;
  position: relative;
}

.index-module-scss-module__dFtmVa__about__contents__information__text__paragraph {
  color: #fff;
  z-index: 2;
  text-align: justify;
  justify-content: center;
  width: 100%;
  margin: 4vw 0 0 10vw;
  padding-right: 20vw;
  font-weight: 500;
  position: relative;
}

.index-module-scss-module__dFtmVa__about__contents__information__text__paragraph__subject {
  color: #fff;
  opacity: .6;
  margin-bottom: 1vw;
  font-size: 1.3vw;
}

.index-module-scss-module__dFtmVa__about__contents__information__text__paragraph > span {
  color: #fff;
  font-size: 1.3vw;
  line-height: 1.4;
}

.index-module-scss-module__dFtmVa__about__contents__list {
  justify-content: space-between;
  max-width: 80vw;
  margin: 50vw auto 0;
  display: flex;
  position: relative;
}

.index-module-scss-module__dFtmVa__about__contents__list__item {
  position: relative;
}

.index-module-scss-module__dFtmVa__about__contents__list__item__thumbnail {
  width: 30vw;
  height: 40vw;
  position: relative;
  overflow: hidden;
}

li:nth-of-type(2) > .index-module-scss-module__dFtmVa__about__contents__list__item__thumbnail {
  width: 30vw;
  height: 20vw;
  margin-top: 10vw;
}

.index-module-scss-module__dFtmVa__about__contents__list__item__title {
  color: #fff;
  text-transform: uppercase;
  margin-top: 1vw;
  font-size: 1.2vw;
  font-weight: bold;
  position: relative;
}

.index-module-scss-module__dFtmVa__about__contents__list__item__title > span {
  margin-top: 1vw;
  font-size: 1vw;
  font-weight: normal;
  display: block;
}

.index-module-scss-module__dFtmVa__about__contents__ending {
  text-align: right;
  color: #fff;
  text-transform: uppercase;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10vw;
  font-size: 1.2vw;
  font-weight: bold;
  display: flex;
  position: relative;
}

.index-module-scss-module__dFtmVa__about__contents__ending > span {
  margin-top: 1vw;
  font-size: 1vw;
  font-weight: normal;
  display: block;
}

@media (max-width: 768px) {
  .index-module-scss-module__dFtmVa__about {
    margin-top: -35vh;
  }

  .index-module-scss-module__dFtmVa__about__contents__slogan {
    font-size: 8vw;
  }

  .index-module-scss-module__dFtmVa__about__contents__title {
    width: 100%;
    margin-top: 12vw;
    font-size: 3.5vw;
    display: block;
  }

  .index-module-scss-module__dFtmVa__about__contents__title > span {
    width: 100%;
    padding: 0 2vw;
    font-size: 5vw;
    display: block;
  }

  .index-module-scss-module__dFtmVa__about__contents__title > span > div {
    color: #fff;
  }

  .index-module-scss-module__dFtmVa__about__contents__title_ko {
    width: 100%;
    margin-top: 6vw;
    margin-left: 0;
    padding: 0 4vw;
    display: block;
  }

  .index-module-scss-module__dFtmVa__about__contents__title_ko > span {
    width: 100%;
    font-size: 4vw;
    display: block;
  }
}

/* [project]/components/section/home/About/RevealImage/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__mrkdMW__wrapper, .index-module-scss-module__mrkdMW__mediaWrapper {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.index-module-scss-module__mrkdMW__mediaInner {
  position: absolute;
  inset: 0;
}

.index-module-scss-module__mrkdMW__media {
  object-fit: cover;
}

/* [project]/components/layout/Marquee/Marquee.module.scss.module.css [app-client] (css) */
.Marquee-module-scss-module__ApIRGa__marquee {
  white-space: nowrap;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.Marquee-module-scss-module__ApIRGa__marquee .Marquee-module-scss-module__ApIRGa__scroller {
  will-change: transform;
  flex-wrap: nowrap;
  display: flex;
}

.Marquee-module-scss-module__ApIRGa__marquee .Marquee-module-scss-module__ApIRGa__scroller .Marquee-module-scss-module__ApIRGa__group {
  white-space: nowrap;
  flex-shrink: 0;
  display: flex;
}

.Marquee-module-scss-module__ApIRGa__marquee .Marquee-module-scss-module__ApIRGa__scroller .Marquee-module-scss-module__ApIRGa__group > span {
  color: #fff;
  font-weight: bold;
  line-height: 1;
  display: block;
}

/* [project]/components/section/home/Introduction/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__cSkHTa__introduction {
  background: #000;
  min-height: 300vh;
  position: relative;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__logo {
  z-index: 2;
  width: 100%;
  padding: 0 2vw;
  position: absolute;
  top: calc(50px + 2vw);
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__status {
  z-index: 2;
  color: #fff;
  opacity: .9;
  text-transform: uppercase;
  background: #000000b3;
  border: 1px solid #acff2f58;
  border-radius: 5rem;
  padding: .6vw 1vw;
  font-size: .8vw;
  font-weight: bold;
  transition: opacity .4s;
  position: absolute;
  top: calc(50vh + 5vw);
  right: 2vw;
  transform: translateY(-50%);
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__status:hover {
  opacity: 1;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__status > span {
  background: #adff2f;
  border-radius: 100%;
  width: .6vw;
  height: .6vw;
  margin-right: .4vw;
  display: inline-block;
  position: relative;
  top: .1vw;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__shortcut {
  z-index: 2;
  color: #fff;
  clear: both;
  width: 100%;
  margin-top: -4vw;
  padding: 0 2vw;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.1;
  position: absolute;
  top: 50vh;
  overflow: hidden;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__shortcut > span {
  position: relaitve;
  float: left;
  color: #0cc05a;
  background: #000000b3;
  border: 1px solid #0da34e80;
  border-radius: 50vw;
  margin-left: 2vw;
  padding: .4vw .8vw;
  font-size: .8vw;
  font-weight: 800;
  overflow: hidden;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__shortcut > span:first-of-type {
  color: #e9c92a;
  border: 1px solid #c4a92280;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__shortcut > span:nth-of-type(2) {
  color: #c81dd8;
  border: 1px solid #c357ea80;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__shortcut > span > img {
  opacity: .5;
  width: .5vw;
  height: .5vw;
  margin-left: .4vw;
  position: relative;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__shortcut > span:first-of-type {
  margin-left: 0;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__shortcut > span:last-of-type {
  float: right;
  color: #2aa3e9;
  background: #0d80a31a;
  border: 1px solid #2497ea80;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__job {
  clear: both;
  z-index: 2;
  color: #fff;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 0 2vw;
  font-size: 3vw;
  font-weight: 500;
  line-height: 1.1;
  display: flex;
  position: absolute;
  top: 50vh;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__job > span {
  width: 50%;
  font-weight: 800;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__job > span:nth-of-type(2) {
  text-align: right;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__skills {
  z-index: 1;
  background: #00000080;
  width: 100%;
  padding: .3vw 0;
  font-size: clamp(13px, .7vw, 24px);
  position: absolute;
  top: calc(100vh - 12vw);
  left: 0;
  transform: translateY(-100%);
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__skills span {
  margin: .3vw 2vw;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__slogan {
  z-index: 1;
  color: #fff;
  text-transform: uppercase;
  padding: .7vw 0;
  font-size: .8vw;
  font-weight: bold;
  position: absolute;
  top: calc(100vh - 1vw);
  left: 2vw;
  transform: translateY(-100%);
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__scroll {
  z-index: 1;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  position: absolute;
  top: calc(100vh - 1vw);
  right: 2vw;
  transform: translateY(-100%);
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__scroll .index-module-scss-module__cSkHTa__indicator {
  color: #fff;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: .5vw;
  font-size: .8vw;
  display: flex;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__scroll .index-module-scss-module__cSkHTa__indicator .index-module-scss-module__cSkHTa__arrow {
  font-size: .8vw;
  line-height: 1;
  position: relative;
  top: -4px;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__blank {
  background: linear-gradient(1turn, #000 0%, #0000 100%);
  width: 100%;
  height: 50vh;
  position: absolute;
  bottom: 0;
  left: 0;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__background {
  z-index: 0;
  opacity: .7;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__background > img, .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__background > video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 1680px) {
  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__job {
    font-size: 5vw;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__shortcut {
    margin-top: -6vw;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__shortcut > span {
    padding: 1vw 2vw;
    font-size: 1.4vw;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__shortcut > span > img {
    width: 1vw;
    height: 1vw;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__status {
    padding: 1vw 2vw;
    font-size: 1.5vw;
    top: 60vh;
    right: 4vw;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__status > span {
    width: 1vw;
    height: 1vw;
  }
}

@media (max-width: 1240px) {
  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__job {
    font-size: 42px;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__shortcut {
    margin-top: -6vh;
    font-size: 16px;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__shortcut > span {
    padding: 1vw 2vw;
    font-size: 1.8vw;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__shortcut > span > img {
    width: 1.2vw;
    height: 1.2vw;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__status {
    padding: 1vw 2vw;
    font-size: 19px;
    right: 4vw;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__status > span {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 768px) {
  .index-module-scss-module__cSkHTa__introduction {
    min-height: 300vh;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__logo {
    display: none;
    top: calc(4vw + 10vh);
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__job {
    margin-top: -30vh;
    font-size: 4vw;
    display: none;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__job > span {
    width: 100%;
    margin: .6vw 0;
    display: block;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__job > span:nth-of-type(2) {
    text-align: left;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__shortcut {
    margin-top: -35vh;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__shortcut > span {
    padding: 2vw 4vw;
    font-size: 3vw;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__shortcut > span > img {
    width: 1.8vw;
    height: 1.8vw;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__status {
    top: 70vh;
    right: unset;
    width: max-content;
    padding: 2vw;
    font-size: 3.5vw;
    left: 50%;
    transform: translateX(-50%);
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__status > span {
    width: 3vw;
    height: 3vw;
    margin-right: 10px;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__skills {
    z-index: 1;
    background: #00000080;
    width: 100%;
    padding: .3vw 0;
    font-size: clamp(13px, .7vw, 24px);
    position: absolute;
    top: 82vh;
    left: 0;
    transform: translateY(-100%);
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__skills span {
    margin: .3vw 2vw;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__slogan {
    color: #fff;
    text-transform: uppercase;
    z-index: 3;
    padding: .7vw 0;
    font-size: 8vw;
    font-weight: bold;
    position: absolute;
    top: 30vh;
    left: 2vw;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__scroll {
    top: 88vh;
    left: 50%;
    right: unset;
    transform: translateX(-50%);
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__scroll .index-module-scss-module__cSkHTa__indicator {
    gap: 2vw;
    font-size: 3vw;
  }

  .index-module-scss-module__cSkHTa__introduction .index-module-scss-module__cSkHTa__scroll .index-module-scss-module__cSkHTa__indicator .index-module-scss-module__cSkHTa__arrow {
    font-size: 3vw;
    top: -4px;
  }
}

/* [project]/components/section/home/Projects/List/Item/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__4qfX4G__item {
  perspective: 100vw;
  perspective-origin: 50%;
  width: 100%;
  height: 100vh;
  display: block;
  position: absolute;
}

.index-module-scss-module__4qfX4G__item__cover {
  transform-origin: bottom;
  object-fit: cover;
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%)translateY(0)scale(0);
}

.index-module-scss-module__4qfX4G__item__cover__thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 768px) {
  .index-module-scss-module__4qfX4G__item__cover__thumbnail {
    opacity: .5;
  }
}

/* [project]/components/section/home/Projects/List/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__1AicuG__list {
  z-index: 2;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  left: 0;
  overflow: hidden;
}

.index-module-scss-module__1AicuG__list__item {
  z-index: 3;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.index-module-scss-module__1AicuG__list__item__pointer {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.index-module-scss-module__1AicuG__list__item__pointer__poster {
  object-fit: cover;
  opacity: .8;
  width: 20vw;
  height: 20vw;
  position: absolute;
  transform: translateX(-50%)translateY(-50%);
}

.index-module-scss-module__1AicuG__list__item__pointer__poster > img {
  object-fit: cover;
  top: 0;
  left: 0;
}

.index-module-scss-module__1AicuG__list__item__subject {
  color: #fff;
  z-index: 3;
  text-transform: uppercase;
  font-size: .8vw;
  font-weight: 700;
  position: absolute;
  top: 4vw;
  left: 50%;
  transform: translateX(-50%);
}

.index-module-scss-module__1AicuG__list__item__job {
  text-align: center;
  color: #fff;
  z-index: 3;
  text-transform: uppercase;
  width: 100%;
  margin-top: 7vw;
  font-size: .8vw;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%)translateX(-50%);
}

.index-module-scss-module__1AicuG__list__item__count {
  color: #fff;
  z-index: 2;
  opacity: .5;
  font-size: 3vw;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 2vw;
  transform: translateY(-50%);
}

.index-module-scss-module__1AicuG__list__item__total {
  color: #fff;
  z-index: 2;
  opacity: .5;
  font-size: 3vw;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 2vw;
  transform: translateY(-50%);
}

.index-module-scss-module__1AicuG__list__item__title {
  text-align: center;
  color: #fff;
  z-index: 2;
  text-transform: uppercase;
  width: 100%;
  font-size: 5vw;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%)translateY(-50%);
}

.index-module-scss-module__1AicuG__list__item__paragraph {
  text-align: center;
  color: #fff;
  z-index: 3;
  text-transform: uppercase;
  width: 100%;
  margin-top: -7vw;
  font-size: .8vw;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%)translateY(-50%);
}

.index-module-scss-module__1AicuG__list__link {
  z-index: 4;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.index-module-scss-module__1AicuG__list__ul {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 768px) {
  .index-module-scss-module__1AicuG__list__item__subject {
    font-size: 3vw;
    display: none;
    top: 20vw;
  }

  .index-module-scss-module__1AicuG__list__item__job {
    margin-top: 20vw;
    font-size: 2vw;
  }

  .index-module-scss-module__1AicuG__list__item__count {
    opacity: 1;
    margin-top: -35vw;
    font-size: 6vw;
    top: 50%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
  }

  .index-module-scss-module__1AicuG__list__item__total {
    display: none;
  }

  .index-module-scss-module__1AicuG__list__item__title {
    font-size: 12vw;
  }

  .index-module-scss-module__1AicuG__list__item__paragraph {
    margin-top: -20vw;
    font-size: 2vw;
  }
}

/* [project]/components/section/home/Projects/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__XzyJiW__projects {
  z-index: 2;
  margin-top: -2vw;
  position: relative;
}

.index-module-scss-module__XzyJiW__projects .index-module-scss-module__XzyJiW__gallery {
  z-index: 2;
  background: #000;
  margin-top: 50vh;
  position: relative;
  top: 0;
}

/* [project]/components/section/home/Projects/Title/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__Z9LE7q__title {
  width: 100%;
  height: 300vh;
  position: sticky;
  top: 0;
  left: 0;
  overflow: hidden;
}

.index-module-scss-module__Z9LE7q__title__contents {
  position: relative;
}

.index-module-scss-module__Z9LE7q__title__contents__section {
  z-index: 2;
  width: 100%;
  height: 100vh;
  position: relative;
}

.index-module-scss-module__Z9LE7q__title__contents__section > span {
  letter-spacing: 0;
  color: #fff;
  font-size: 4.9vw;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%)translateY(-50%);
}

.index-module-scss-module__Z9LE7q__title__contents__thumbnail {
  z-index: 1;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.index-module-scss-module__Z9LE7q__title__contents__thumbnail > li {
  width: 30vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.index-module-scss-module__Z9LE7q__title__contents__thumbnail > li:first-of-type {
  margin-top: -10%;
  left: 0;
}

.index-module-scss-module__Z9LE7q__title__contents__thumbnail > li:nth-of-type(2) {
  margin-top: -5%;
  left: 17.5%;
}

.index-module-scss-module__Z9LE7q__title__contents__thumbnail > li:nth-of-type(3) {
  left: 35%;
}

.index-module-scss-module__Z9LE7q__title__contents__thumbnail > li:nth-of-type(4) {
  margin-top: 5%;
  left: 52.5%;
}

.index-module-scss-module__Z9LE7q__title__contents__thumbnail > li:nth-of-type(5) {
  margin-top: 10%;
  left: 70%;
}

@media (max-width: 768px) {
  .index-module-scss-module__Z9LE7q__title__contents__section > span {
    font-size: 8vw;
  }

  .index-module-scss-module__Z9LE7q__title__contents__thumbnail > li {
    width: 70vw;
    position: absolute;
    top: 50%;
    transform: translateX(-50%)translateY(-50%);
  }

  .index-module-scss-module__Z9LE7q__title__contents__thumbnail > li:first-of-type {
    margin-top: -40vw;
    margin-left: -13vw;
    left: 50%;
  }

  .index-module-scss-module__Z9LE7q__title__contents__thumbnail > li:nth-of-type(2) {
    margin-top: -20vw;
    margin-left: -6.5vw;
    left: 50%;
  }

  .index-module-scss-module__Z9LE7q__title__contents__thumbnail > li:nth-of-type(3) {
    margin-top: 0;
    margin-left: 0;
    left: 50%;
  }

  .index-module-scss-module__Z9LE7q__title__contents__thumbnail > li:nth-of-type(4) {
    margin-top: 20vw;
    margin-left: 6.5vw;
    left: 50%;
  }

  .index-module-scss-module__Z9LE7q__title__contents__thumbnail > li:nth-of-type(5) {
    margin-top: 40vw;
    margin-left: 13vw;
    left: 50%;
  }
}

/* [project]/components/section/home/Projects/All/Item/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__zA9sjG__item {
  opacity: .5;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1vw 0;
  display: flex;
  position: relative;
}

.index-module-scss-module__zA9sjG__item:first-of-type {
  padding-top: 0;
}

.index-module-scss-module__zA9sjG__item:last-of-type {
  padding-bottom: 0;
}

.index-module-scss-module__zA9sjG__item.index-module-scss-module__zA9sjG__active {
  opacity: 1;
}

.index-module-scss-module__zA9sjG__item__cover {
  width: 6%;
  position: relative;
}

.index-module-scss-module__zA9sjG__item__cover__thumbnail {
  object-fit: contain;
  width: 100%;
  height: 2vw;
  position: relative;
  top: 0;
  left: 0;
}

.index-module-scss-module__zA9sjG__item__name {
  color: #fff;
  text-transform: uppercase;
  width: 50%;
  font-size: 2vw;
  font-weight: bold;
  line-height: 1;
}

.index-module-scss-module__zA9sjG__item__service {
  color: #fff;
  text-transform: uppercase;
  width: 50%;
  margin-left: 4%;
  font-size: 2vw;
  font-weight: bold;
  line-height: 1;
}

.index-module-scss-module__zA9sjG__item__type {
  color: #fff;
  text-transform: uppercase;
  font-size: 1vw;
}

.index-module-scss-module__zA9sjG__item__date {
  color: #fff;
  text-transform: uppercase;
  text-align: right;
  font-size: 1vw;
}

@media (max-width: 1024px) {
  .index-module-scss-module__zA9sjG__item {
    padding: 3vw 0;
  }

  .index-module-scss-module__zA9sjG__item__cover {
    width: 8%;
  }

  .index-module-scss-module__zA9sjG__item__cover__thumbnail {
    height: 3vw;
  }

  .index-module-scss-module__zA9sjG__item__name {
    color: #aaa;
    width: 30%;
    font-size: 2vw;
  }

  .index-module-scss-module__zA9sjG__item__service {
    width: 50%;
    font-size: 3.5vw;
  }

  .index-module-scss-module__zA9sjG__item__type, .index-module-scss-module__zA9sjG__item__date {
    font-size: 1.5vw;
  }
}

@media (max-width: 768px) {
  .index-module-scss-module__zA9sjG__item {
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    padding: 6vw 0;
  }

  .index-module-scss-module__zA9sjG__item__cover {
    display: none;
  }

  .index-module-scss-module__zA9sjG__item__name {
    text-align: center;
    color: #999;
    width: 100%;
    margin-bottom: 1.2vw;
    margin-left: 0;
    font-size: 2.8vw;
    font-weight: 500;
  }

  .index-module-scss-module__zA9sjG__item__service {
    text-align: center;
    color: #fff;
    width: 100%;
    margin-left: 0;
    font-size: 5vw;
    line-height: 1.3;
  }

  .index-module-scss-module__zA9sjG__item__type, .index-module-scss-module__zA9sjG__item__date {
    display: none;
  }
}

/* [project]/components/section/home/Projects/All/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__IiLRMG__all {
  position: relative;
}

.index-module-scss-module__IiLRMG__all__title {
  color: #fff;
  margin-top: 8vw;
  padding: 2vw;
  font-size: 2vw;
  font-weight: bold;
}

.index-module-scss-module__IiLRMG__all__thumbnail {
  display: block;
  position: sticky;
  top: 4vw;
  left: 0;
}

.index-module-scss-module__IiLRMG__all__thumbnail__image {
  background: #555;
  width: 29vw;
  height: 18vw;
  position: relative;
  top: 0;
  left: 2vw;
}

.index-module-scss-module__IiLRMG__all__thumbnail__type {
  color: #fff;
  margin-top: 2vw;
  padding-left: 2vw;
  font-size: 1vw;
  font-weight: bold;
}

.index-module-scss-module__IiLRMG__all__thumbnail__role {
  color: #fff;
  margin-top: 1vw;
  padding-left: 2vw;
  font-size: 1vw;
  font-weight: bold;
  line-height: 1;
}

.index-module-scss-module__IiLRMG__all__list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: -23.5vw auto 0;
  padding: 0 2vw 0 35.2vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .index-module-scss-module__IiLRMG__all__title {
    margin-top: 10vw;
    padding: 4vw;
    font-size: 4vw;
  }

  .index-module-scss-module__IiLRMG__all__thumbnail {
    top: 10vw;
  }

  .index-module-scss-module__IiLRMG__all__thumbnail__image {
    width: 40vw;
    height: 25vw;
    left: 4vw;
  }

  .index-module-scss-module__IiLRMG__all__thumbnail__type, .index-module-scss-module__IiLRMG__all__thumbnail__role {
    padding-left: 4vw;
    font-size: 1.5vw;
  }

  .index-module-scss-module__IiLRMG__all__list {
    margin-top: -30vw;
    padding-left: 48vw;
  }
}

@media (max-width: 768px) {
  .index-module-scss-module__IiLRMG__all__title {
    text-align: center;
    z-index: 10;
    margin-top: 15vw;
    padding: 0 0 5vw;
    font-size: 6vw;
    position: relative;
  }

  .index-module-scss-module__IiLRMG__all__thumbnail {
    z-index: 10;
    background: #000;
    width: 100vw;
    height: auto;
    margin: 0;
    padding: 4vw 10vw 6vw;
    position: sticky;
    top: 0;
    left: 0;
  }

  .index-module-scss-module__IiLRMG__all__thumbnail__image {
    width: 100%;
    height: 50vw;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
  }

  .index-module-scss-module__IiLRMG__all__thumbnail__image:after {
    display: none;
  }

  .index-module-scss-module__IiLRMG__all__thumbnail__image img {
    z-index: 0;
    border-radius: 2vw;
  }

  .index-module-scss-module__IiLRMG__all__thumbnail__type {
    text-align: center;
    color: #ffffffe6;
    z-index: 5;
    width: 100%;
    margin-top: 3vw;
    padding: 0;
    font-size: 3vw;
    position: relative;
    bottom: auto;
    left: 0;
  }

  .index-module-scss-module__IiLRMG__all__thumbnail__role {
    text-align: center;
    color: #fff9;
    z-index: 5;
    width: 100%;
    margin-top: 1.5vw;
    padding: 0;
    font-size: 2.5vw;
    position: relative;
    bottom: auto;
    left: 0;
  }

  .index-module-scss-module__IiLRMG__all__list {
    z-index: 1;
    flex-direction: column;
    margin-top: 5vw;
    padding: 0 5vw 25vh;
  }
}

/* [project]/components/section/portfolio/Detail/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__qFrRrq__detail {
  z-index: 9;
  background: #050505;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.index-module-scss-module__qFrRrq__detail__scroll {
  overscroll-behavior: contain;
  width: 100%;
  height: 100%;
  overflow: hidden auto;
}

.index-module-scss-module__qFrRrq__detail__scroll::-webkit-scrollbar {
  width: 3px;
}

.index-module-scss-module__qFrRrq__detail__scroll::-webkit-scrollbar-track {
  background: none;
}

.index-module-scss-module__qFrRrq__detail__scroll::-webkit-scrollbar-thumb {
  background: #ffffff1a;
  border-radius: 3px;
}

.index-module-scss-module__qFrRrq__detail__back {
  z-index: 100;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  cursor: none;
  color: #fffc;
  background: #ffffff0f;
  border: 1px solid #ffffff1a;
  border-radius: 100px;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1.2rem;
  transition: all .35s cubic-bezier(.33, 1, .68, 1);
  display: flex;
  position: fixed;
  top: 2rem;
  left: 2rem;
}

.index-module-scss-module__qFrRrq__detail__back:hover {
  background: #ffffff1f;
  border-color: #fff3;
}

.index-module-scss-module__qFrRrq__detail__back__text {
  letter-spacing: .15em;
  color: #fffc;
  font-size: .65rem;
  font-weight: 600;
}

.index-module-scss-module__qFrRrq__detail__hero {
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.index-module-scss-module__qFrRrq__detail__hero__media {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.index-module-scss-module__qFrRrq__detail__hero__video, .index-module-scss-module__qFrRrq__detail__hero__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.index-module-scss-module__qFrRrq__detail__hero__overlay {
  background: linear-gradient(#0505054d 0%, #0505051a 40%, #05050599 70%, #050505 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.index-module-scss-module__qFrRrq__detail__hero__content {
  z-index: 2;
  width: 100%;
  padding: 0 6vw 8vh;
  position: relative;
}

.index-module-scss-module__qFrRrq__detail__hero__meta {
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.index-module-scss-module__qFrRrq__detail__hero__badge {
  letter-spacing: .15em;
  color: #fff;
  background: linear-gradient(135deg, #1548ff, #5b7aff);
  border-radius: 2px;
  padding: .3rem .8rem;
  font-size: .55rem;
  font-weight: 700;
}

.index-module-scss-module__qFrRrq__detail__hero__date, .index-module-scss-module__qFrRrq__detail__hero__client {
  letter-spacing: .1em;
  color: #ffffff80;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 500;
}

.index-module-scss-module__qFrRrq__detail__hero__client:before {
  content: "·";
  margin-right: 1rem;
}

.index-module-scss-module__qFrRrq__detail__hero__title {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -.03em;
  max-width: 70vw;
  margin: 0;
  font-size: clamp(2rem, 5vw, 5rem);
  font-weight: 900;
  line-height: 1.05;
}

.index-module-scss-module__qFrRrq__detail__hero__subtitle {
  color: #ffffff80;
  max-width: 600px;
  margin-top: 1.2rem;
  font-size: clamp(.9rem, 1.2vw, 1.3rem);
  font-weight: 400;
  line-height: 1.6;
}

.index-module-scss-module__qFrRrq__detail__hero__scrollHint {
  z-index: 3;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

.index-module-scss-module__qFrRrq__detail__hero__scrollLine {
  background: linear-gradient(#fff6, #0000);
  width: 1px;
  height: 60px;
  animation: 2s ease-in-out infinite index-module-scss-module__qFrRrq__scrollPulse;
}

.index-module-scss-module__qFrRrq__detail__body {
  max-width: 900px;
  margin: 0 auto;
  padding: 6rem 2rem 4rem;
}

.index-module-scss-module__qFrRrq__detail__info {
  margin-bottom: 3rem;
}

.index-module-scss-module__qFrRrq__detail__info__grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem 4rem;
  display: grid;
}

.index-module-scss-module__qFrRrq__detail__info__item {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.index-module-scss-module__qFrRrq__detail__info__label {
  letter-spacing: .2em;
  color: #ffffff4d;
  font-size: .6rem;
  font-weight: 700;
}

.index-module-scss-module__qFrRrq__detail__info__value {
  color: #ffffffe6;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.index-module-scss-module__qFrRrq__detail__sectionTitle {
  letter-spacing: .2em;
  color: #ffffff4d;
  margin: 0 0 1.5rem;
  font-size: .6rem;
  font-weight: 700;
}

.index-module-scss-module__qFrRrq__detail__stacks {
  margin-bottom: 3rem;
}

.index-module-scss-module__qFrRrq__detail__stacks__list {
  flex-wrap: wrap;
  gap: .5rem;
  display: flex;
}

.index-module-scss-module__qFrRrq__detail__stacks__item {
  color: #ffffffb3;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 100px;
  padding: .4rem 1rem;
  font-size: .75rem;
  font-weight: 500;
  transition: all .3s;
}

.index-module-scss-module__qFrRrq__detail__stacks__item:hover {
  color: #fff;
  background: #ffffff14;
  border-color: #ffffff26;
}

.index-module-scss-module__qFrRrq__detail__divider {
  transform-origin: 0;
  background: #ffffff14;
  width: 100%;
  height: 1px;
  margin: 3rem 0;
}

.index-module-scss-module__qFrRrq__detail__description {
  margin-bottom: 3rem;
}

.index-module-scss-module__qFrRrq__detail__description__content {
  color: #fff9;
  font-size: 1rem;
  line-height: 1.9;
}

.index-module-scss-module__qFrRrq__detail__description__content p {
  margin: 0 0 1.2rem;
}

.index-module-scss-module__qFrRrq__detail__description__content h1, .index-module-scss-module__qFrRrq__detail__description__content h2, .index-module-scss-module__qFrRrq__detail__description__content h3, .index-module-scss-module__qFrRrq__detail__description__content h4, .index-module-scss-module__qFrRrq__detail__description__content h5, .index-module-scss-module__qFrRrq__detail__description__content h6 {
  color: #fff;
  margin: 2.5rem 0 1rem;
  font-weight: 700;
  line-height: 1.3;
}

.index-module-scss-module__qFrRrq__detail__description__content h2 {
  font-size: 1.6rem;
}

.index-module-scss-module__qFrRrq__detail__description__content h3 {
  font-size: 1.3rem;
}

.index-module-scss-module__qFrRrq__detail__description__content h4 {
  font-size: 1.1rem;
}

.index-module-scss-module__qFrRrq__detail__description__content a {
  color: #6b8aff;
  border-bottom: 1px solid #6b8aff4d;
  text-decoration: none;
  transition: all .3s;
}

.index-module-scss-module__qFrRrq__detail__description__content a:hover {
  color: #98b0ff;
  border-bottom-color: #98b0ff;
}

.index-module-scss-module__qFrRrq__detail__description__content ul, .index-module-scss-module__qFrRrq__detail__description__content ol {
  margin: 1rem 0;
  padding-left: 1.5rem;
}

.index-module-scss-module__qFrRrq__detail__description__content li {
  margin-bottom: .4rem;
}

.index-module-scss-module__qFrRrq__detail__description__content strong {
  color: #ffffffe6;
  font-weight: 600;
}

.index-module-scss-module__qFrRrq__detail__description__image {
  border-radius: 8px;
  margin: 2rem 0;
  overflow: hidden;
}

.index-module-scss-module__qFrRrq__detail__description__image img {
  display: block;
}

.index-module-scss-module__qFrRrq__detail__reels {
  margin-bottom: 3rem;
}

.index-module-scss-module__qFrRrq__detail__reels__wrapper {
  background: #0a0a0a;
  border-radius: 8px;
  overflow: hidden;
}

.index-module-scss-module__qFrRrq__detail__reels__video {
  width: 100%;
  display: block;
}

.index-module-scss-module__qFrRrq__detail__footer {
  border-top: 1px solid #ffffff0f;
  justify-content: center;
  padding: 3rem 0 2rem;
  display: flex;
}

.index-module-scss-module__qFrRrq__detail__footer__btn {
  letter-spacing: .15em;
  color: #fff6;
  cursor: none;
  background: none;
  border: 1px solid #ffffff14;
  border-radius: 100px;
  align-items: center;
  gap: .6rem;
  padding: .8rem 2rem;
  font-size: .7rem;
  font-weight: 600;
  transition: all .35s;
  display: flex;
}

.index-module-scss-module__qFrRrq__detail__footer__btn:hover {
  color: #fffc;
  background: #ffffff0a;
  border-color: #fff3;
}

@keyframes index-module-scss-module__qFrRrq__scrollPulse {
  0%, 100% {
    opacity: .3;
    transform-origin: top;
    transform: scaleY(.6);
  }

  50% {
    opacity: 1;
    transform-origin: top;
    transform: scaleY(1);
  }
}

@media (max-width: 1024px) {
  .index-module-scss-module__qFrRrq__detail__back {
    top: 1.5rem;
    left: 1.5rem;
  }

  .index-module-scss-module__qFrRrq__detail__hero__content {
    padding: 0 5vw 6vh;
  }

  .index-module-scss-module__qFrRrq__detail__hero__title {
    max-width: 85vw;
  }

  .index-module-scss-module__qFrRrq__detail__body {
    padding: 4rem 2rem 3rem;
  }

  .index-module-scss-module__qFrRrq__detail__info__grid {
    gap: 2rem 3rem;
  }
}

@media (max-width: 768px) {
  .index-module-scss-module__qFrRrq__detail__back {
    padding: .5rem 1rem;
    top: 1rem;
    left: 1rem;
  }

  .index-module-scss-module__qFrRrq__detail__back__text {
    font-size: .55rem;
  }

  .index-module-scss-module__qFrRrq__detail__hero__content {
    padding: 0 6vw 5vh;
  }

  .index-module-scss-module__qFrRrq__detail__hero__meta {
    flex-wrap: wrap;
    gap: .6rem;
  }

  .index-module-scss-module__qFrRrq__detail__hero__title {
    max-width: 95vw;
    font-size: clamp(1.8rem, 8vw, 3rem);
  }

  .index-module-scss-module__qFrRrq__detail__hero__subtitle {
    font-size: .9rem;
  }

  .index-module-scss-module__qFrRrq__detail__body {
    padding: 3rem 1.5rem 2rem;
  }

  .index-module-scss-module__qFrRrq__detail__info__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .index-module-scss-module__qFrRrq__detail__description__content {
    font-size: .9rem;
  }
}

/* [project]/components/section/home/Blogs/List/Item/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__eOA-xq__item {
  cursor: pointer;
  float: left;
  clear: both;
  opacity: 0;
  width: 40vw;
  margin-bottom: 10vw;
  transition: opacity .4s;
  display: block;
  position: relative;
  overflow: hidden;
}

.index-module-scss-module__eOA-xq__item:nth-of-type(odd) {
  left: 10%;
}

.index-module-scss-module__eOA-xq__item:nth-of-type(2n) {
  float: right;
  right: 10%;
}

.index-module-scss-module__eOA-xq__item:first-of-type {
  left: 50%;
  transform: translateX(-50%);
}

.index-module-scss-module__eOA-xq__item__thumbnail, .index-module-scss-module__eOA-xq__item__thumbnail__container {
  position: relative;
}

.index-module-scss-module__eOA-xq__item__thumbnail__container__contents {
  background: #555;
  width: 100%;
  padding-top: 54%;
  position: relative;
  overflow: hidden;
}

.index-module-scss-module__eOA-xq__item__thumbnail__container__contents__image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.index-module-scss-module__eOA-xq__item__thumbnail__container__contents > div > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .3s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1.2);
}

.index-module-scss-module__eOA-xq__item__info {
  background: #000;
  padding: 1.5vw 2vw;
}

.index-module-scss-module__eOA-xq__item__category {
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-top: 1.5vw;
  font-size: .9vw;
  font-weight: 600;
  position: relative;
}

.index-module-scss-module__eOA-xq__item__title {
  color: #fff;
  margin-top: .8vw;
  font-size: 1.8vw;
  font-weight: bold;
  line-height: 1.3;
  position: relative;
}

.index-module-scss-module__eOA-xq__item__summary {
  color: #bbb;
  margin-top: .8vw;
  font-size: 1vw;
  line-height: 1.6;
  position: relative;
}

.index-module-scss-module__eOA-xq__item__date {
  color: #888;
  margin-top: 1vw;
  font-size: .85vw;
  font-weight: 500;
  position: relative;
}

.index-module-scss-module__eOA-xq__item.index-module-scss-module__eOA-xq__itemActive {
  opacity: 1;
}

@media (max-width: 1024px) {
  .index-module-scss-module__eOA-xq__item {
    width: 65vw;
    margin-bottom: 12vw;
  }

  .index-module-scss-module__eOA-xq__item:nth-of-type(odd), .index-module-scss-module__eOA-xq__item:nth-of-type(2n), .index-module-scss-module__eOA-xq__item:first-of-type {
    float: none;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }

  .index-module-scss-module__eOA-xq__item__info {
    padding: 3vw;
  }

  .index-module-scss-module__eOA-xq__item__title {
    font-size: 2.5vw;
  }

  .index-module-scss-module__eOA-xq__item__category {
    margin-top: 1vw;
    font-size: 1.4vw;
  }

  .index-module-scss-module__eOA-xq__item__summary {
    font-size: 1.8vw;
  }

  .index-module-scss-module__eOA-xq__item__date {
    font-size: 1.6vw;
  }
}

@media (max-width: 768px) {
  .index-module-scss-module__eOA-xq__item {
    width: 90vw;
    margin-bottom: 15vw;
  }

  .index-module-scss-module__eOA-xq__item__info {
    padding: 5vw;
  }

  .index-module-scss-module__eOA-xq__item__title {
    margin-top: 2vw;
    font-size: 5vw;
  }

  .index-module-scss-module__eOA-xq__item__category {
    margin-top: 2vw;
    font-size: 3vw;
  }

  .index-module-scss-module__eOA-xq__item__summary {
    margin-top: 3vw;
    font-size: 3.5vw;
  }

  .index-module-scss-module__eOA-xq__item__date {
    margin-top: 3vw;
    font-size: 3.2vw;
  }
}

/* [project]/components/section/home/Blogs/List/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__ZpccFa__list {
  width: 100vw;
  padding-bottom: 10vw;
  position: relative;
  overflow: hidden;
}

/* [project]/components/section/home/Blogs/Detail/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__ddelWq__reader {
  z-index: 9;
  background: #050505;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.index-module-scss-module__ddelWq__reader__scroll {
  overscroll-behavior: contain;
  width: 100%;
  height: 100%;
  overflow: hidden auto;
}

.index-module-scss-module__ddelWq__reader__scroll::-webkit-scrollbar {
  width: 3px;
}

.index-module-scss-module__ddelWq__reader__scroll::-webkit-scrollbar-track {
  background: none;
}

.index-module-scss-module__ddelWq__reader__scroll::-webkit-scrollbar-thumb {
  background: #ffffff1a;
  border-radius: 3px;
}

.index-module-scss-module__ddelWq__reader__back {
  z-index: 100;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  cursor: none;
  color: #fffc;
  background: #ffffff0f;
  border: 1px solid #ffffff1a;
  border-radius: 100px;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1.2rem;
  transition: all .35s cubic-bezier(.33, 1, .68, 1);
  display: flex;
  position: fixed;
  top: 2rem;
  left: 2rem;
}

.index-module-scss-module__ddelWq__reader__back:hover {
  background: #ffffff1f;
  border-color: #fff3;
}

.index-module-scss-module__ddelWq__reader__back__text {
  letter-spacing: .15em;
  color: #fffc;
  font-size: .65rem;
  font-weight: 600;
}

.index-module-scss-module__ddelWq__reader__hero {
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
  padding: 12rem 2rem 3rem;
}

.index-module-scss-module__ddelWq__reader__hero__categories {
  justify-content: center;
  gap: .5rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.index-module-scss-module__ddelWq__reader__hero__cat {
  letter-spacing: .12em;
  color: #ffffffb3;
  text-transform: uppercase;
  background: #ffffff0f;
  border: 1px solid #ffffff14;
  border-radius: 100px;
  padding: .3rem .9rem;
  font-size: .6rem;
  font-weight: 600;
}

.index-module-scss-module__ddelWq__reader__hero__title {
  color: #fff;
  letter-spacing: -.02em;
  margin: 0 0 1.2rem;
  font-size: clamp(1.8rem, 3.5vw, 3.2rem);
  font-weight: 800;
  line-height: 1.2;
}

.index-module-scss-module__ddelWq__reader__hero__summary {
  color: #ffffff73;
  margin: 0 0 2rem;
  font-size: 1rem;
  line-height: 1.7;
}

.index-module-scss-module__ddelWq__reader__hero__meta {
  color: #ffffff4d;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.index-module-scss-module__ddelWq__reader__hero__dot {
  color: #ffffff26;
}

.index-module-scss-module__ddelWq__reader__cover {
  border-radius: 8px;
  width: 100%;
  max-width: 900px;
  margin: 0 auto 4rem;
  padding-top: 50%;
  position: relative;
  overflow: hidden;
}

.index-module-scss-module__ddelWq__reader__cover__image {
  object-fit: cover;
}

.index-module-scss-module__ddelWq__reader__footer {
  border-top: 1px solid #ffffff0f;
  justify-content: center;
  max-width: 720px;
  margin: 0 auto;
  padding: 3rem 2rem 4rem;
  display: flex;
}

.index-module-scss-module__ddelWq__reader__footer__btn {
  letter-spacing: .15em;
  color: #fff6;
  cursor: none;
  background: none;
  border: 1px solid #ffffff14;
  border-radius: 100px;
  align-items: center;
  gap: .6rem;
  padding: .8rem 2rem;
  font-size: .7rem;
  font-weight: 600;
  transition: all .35s;
  display: flex;
}

.index-module-scss-module__ddelWq__reader__footer__btn:hover {
  color: #fffc;
  background: #ffffff0a;
  border-color: #fff3;
}

.index-module-scss-module__ddelWq__article {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 2rem 3rem;
}

.index-module-scss-module__ddelWq__article__empty {
  color: #ffffff4d;
  text-align: center;
  padding: 4rem 0;
  font-size: 1rem;
}

.index-module-scss-module__ddelWq__article__content p {
  color: #ffffffa6;
  word-break: keep-all;
  margin: 0 0 1.5rem;
  font-size: 1rem;
  line-height: 2;
}

.index-module-scss-module__ddelWq__article__content p strong {
  color: #fffffff2;
  font-weight: 600;
}

.index-module-scss-module__ddelWq__article__content p em {
  color: #ffffff80;
  font-style: italic;
}

.index-module-scss-module__ddelWq__article__content h1, .index-module-scss-module__ddelWq__article__content h2, .index-module-scss-module__ddelWq__article__content h3, .index-module-scss-module__ddelWq__article__content h4, .index-module-scss-module__ddelWq__article__content h5, .index-module-scss-module__ddelWq__article__content h6 {
  color: #fff;
  margin: 3rem 0 1rem;
  font-weight: 700;
  line-height: 1.3;
}

.index-module-scss-module__ddelWq__article__content h2 {
  font-size: 1.5rem;
}

.index-module-scss-module__ddelWq__article__content h3 {
  font-size: 1.25rem;
}

.index-module-scss-module__ddelWq__article__content h4 {
  font-size: 1.1rem;
}

.index-module-scss-module__ddelWq__article__content__image {
  border-radius: 6px;
  width: calc(100% + 4rem);
  margin: 2.5rem -2rem;
  position: relative;
  overflow: hidden;
}

.index-module-scss-module__ddelWq__article__content__image img {
  display: block;
}

.index-module-scss-module__ddelWq__article__source {
  border-top: 1px solid #ffffff0f;
  margin-top: 4rem;
  padding-top: 2rem;
}

.index-module-scss-module__ddelWq__article__source h4 {
  letter-spacing: .2em;
  color: #ffffff40;
  margin: 0 0 1rem;
  font-size: .6rem;
  font-weight: 700;
}

.index-module-scss-module__ddelWq__article__source__item {
  color: #ffffff59;
  word-break: break-all;
  margin: 0 0 .3rem;
  font-size: .8rem;
  line-height: 1.6;
}

@media (max-width: 1024px) {
  .index-module-scss-module__ddelWq__reader__back {
    top: 1.5rem;
    left: 1.5rem;
  }

  .index-module-scss-module__ddelWq__reader__hero {
    padding-top: 10rem;
  }

  .index-module-scss-module__ddelWq__reader__cover {
    max-width: calc(100% - 3rem);
    margin: 0 1.5rem 3rem;
    padding-top: 55%;
  }
}

@media (max-width: 768px) {
  .index-module-scss-module__ddelWq__reader__back {
    padding: .5rem 1rem;
    top: 1rem;
    left: 1rem;
  }

  .index-module-scss-module__ddelWq__reader__back__text {
    font-size: .55rem;
  }

  .index-module-scss-module__ddelWq__reader__hero {
    padding: 8rem 1.5rem 2rem;
  }

  .index-module-scss-module__ddelWq__reader__hero__title {
    font-size: clamp(1.5rem, 6vw, 2.5rem);
  }

  .index-module-scss-module__ddelWq__reader__hero__summary {
    font-size: .9rem;
  }

  .index-module-scss-module__ddelWq__reader__cover {
    border-radius: 6px;
    max-width: calc(100% - 2rem);
    margin: 0 1rem 2.5rem;
    padding-top: 60%;
  }

  .index-module-scss-module__ddelWq__article {
    padding: 0 1.5rem 2rem;
  }

  .index-module-scss-module__ddelWq__article__content p {
    font-size: .9rem;
    line-height: 1.9;
  }

  .index-module-scss-module__ddelWq__article__content h2 {
    font-size: 1.3rem;
  }

  .index-module-scss-module__ddelWq__article__content h3 {
    font-size: 1.1rem;
  }

  .index-module-scss-module__ddelWq__article__content__image {
    width: calc(100% + 3rem);
    margin: 2rem -1.5rem;
  }
}

/* [project]/components/section/home/Blogs/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__YLYluq__blog {
  z-index: 2;
  position: relative;
}

.index-module-scss-module__YLYluq__blog__marquee {
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  overflow: hidden;
}

.index-module-scss-module__YLYluq__blog__marquee__contents {
  width: 100%;
  height: 100vh;
  position: relative;
}

.index-module-scss-module__YLYluq__blog__marquee__contents__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%)translateY(-50%);
}

.index-module-scss-module__YLYluq__blog__marquee__contents__type {
  margin-top: 3vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%)translateY(-50%);
}

/* [project]/components/section/home/Blogs/Marquee/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__14lkha__marquee {
  letter-spacing: -2px;
  white-space: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  line-height: .8;
  display: flex;
  overflow: hidden;
}

.index-module-scss-module__14lkha__marquee__scroller {
  text-transform: uppercase;
  white-space: nowrap;
  flex-wrap: nowrap;
  font-size: 6vw;
  font-weight: 800;
  display: flex;
}

.index-module-scss-module__14lkha__marquee__scroller > span {
  color: #eee;
  margin-right: 4vw;
  line-height: 1;
  display: block;
}

.index-module-scss-module__14lkha__marquee__scroller > span > span {
  text-decoration: line-through;
}

/* [project]/components/section/home/Services/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__D9AohW__skills {
  color: #fff;
  background: #000;
  width: 100%;
  padding: 8vw 2vw;
  position: relative;
  overflow-x: clip;
}

.index-module-scss-module__D9AohW__skills__background {
  z-index: 0;
  opacity: .3;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.index-module-scss-module__D9AohW__skills__title {
  z-index: 2;
  align-items: center;
  gap: 2vw;
  font-size: 6vw;
  font-weight: bold;
  display: flex;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.index-module-scss-module__D9AohW__skills__title__tip {
  margin-left: -9.6vw;
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 768px) {
  .index-module-scss-module__D9AohW__skills__title__tip {
    display: none;
  }
}

.index-module-scss-module__D9AohW__skills__title__tip__comment {
  position: absolute;
  top: -1.5vw;
  left: 8.5vw;
}

.index-module-scss-module__D9AohW__skills__title__tip__sprite {
  position: absolute;
  left: 4vw;
  transform: scaleX(-1);
}

.index-module-scss-module__D9AohW__skills__list {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  margin-top: 2vw;
  display: flex;
  position: relative;
}

.index-module-scss-module__D9AohW__skills__list__item {
  border-top: 1px solid #fff3;
  column-gap: 4vw;
  width: 100%;
  padding-top: 2vw;
  padding-bottom: 6vw;
  display: flex;
  position: relative;
}

.index-module-scss-module__D9AohW__skills__list__item:last-child {
  border-bottom: 1px solid #fff3;
}

@media (max-width: 768px) {
  .index-module-scss-module__D9AohW__skills__list__item {
    flex-direction: column;
    row-gap: 4vw;
    padding-top: 6vw;
    padding-bottom: 8vw;
  }
}

.index-module-scss-module__D9AohW__skills__list__item__caption {
  width: 2%;
}

@media (max-width: 768px) {
  .index-module-scss-module__D9AohW__skills__list__item__caption {
    width: 100%;
  }
}

.index-module-scss-module__D9AohW__skills__list__item__caption > span {
  background: #ffdc15;
  border-radius: 100%;
  width: .8vw;
  height: .8vw;
  display: block;
  position: relative;
  top: .8vw;
}

@media (max-width: 768px) {
  .index-module-scss-module__D9AohW__skills__list__item__caption > span {
    width: 2vw;
    height: 2vw;
    top: 0;
  }
}

.index-module-scss-module__D9AohW__skills__list__item__subject {
  text-transform: uppercase;
  flex-direction: column;
  gap: 2vw;
  width: 50%;
  font-size: 2vw;
  font-weight: bold;
  display: flex;
}

@media (max-width: 768px) {
  .index-module-scss-module__D9AohW__skills__list__item__subject {
    gap: 4vw;
    width: 100%;
    font-size: 5vw;
  }
}

.index-module-scss-module__D9AohW__skills__list__item__information {
  width: 50%;
  margin-top: -10px;
}

@media (max-width: 768px) {
  .index-module-scss-module__D9AohW__skills__list__item__information {
    width: 100%;
    margin-top: 0;
  }
}

.index-module-scss-module__D9AohW__skills__list__item__information__title {
  text-transform: uppercase;
  margin-top: 2vw;
  font-size: 1.6vw;
  font-weight: bold;
}

@media (max-width: 768px) {
  .index-module-scss-module__D9AohW__skills__list__item__information__title {
    font-size: 4vw;
  }
}

.index-module-scss-module__D9AohW__skills__list__item__information__paragraph {
  text-transform: uppercase;
  margin-top: 2vw;
  font-size: 1vw;
  font-weight: normal;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .index-module-scss-module__D9AohW__skills__list__item__information__paragraph {
    font-size: 3vw;
  }
}

.index-module-scss-module__D9AohW__skills__list__item__information__items {
  flex-direction: column;
  gap: 1.5vw;
  margin-top: 2vw;
  display: flex;
}

@media (max-width: 768px) {
  .index-module-scss-module__D9AohW__skills__list__item__information__items {
    gap: 3vw;
  }
}

.index-module-scss-module__D9AohW__item_row {
  flex-direction: column;
  gap: .15vw;
  display: flex;
}

.index-module-scss-module__D9AohW__item_row_en {
  color: #ffffffd9;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .9vw;
  line-height: 1.3;
  display: block;
}

@media (max-width: 768px) {
  .index-module-scss-module__D9AohW__item_row_en {
    font-size: 3vw;
  }
}

.index-module-scss-module__D9AohW__item_row_ko {
  color: #fff9;
  letter-spacing: .02em;
  text-transform: none;
  font-size: .75vw;
  line-height: 1.3;
  display: block;
}

@media (max-width: 768px) {
  .index-module-scss-module__D9AohW__item_row_ko {
    font-size: 2.5vw;
  }
}

.index-module-scss-module__D9AohW__content {
  flex-direction: column;
  gap: 4vw;
  margin-top: 5vw;
  display: flex;
}

@media (min-width: 1024px) {
  .index-module-scss-module__D9AohW__content {
    flex-direction: row;
    justify-content: space-between;
  }
}

.index-module-scss-module__D9AohW__videoCol {
  padding-top: 2vw;
  display: none;
}

@media (min-width: 1024px) {
  .index-module-scss-module__D9AohW__videoCol {
    flex-shrink: 0;
    align-self: flex-start;
    width: 30vw;
    margin-left: 5vw;
    display: block;
    position: sticky;
    top: 5vw;
  }
}

/* [project]/components/layout/Comment/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__wd1gPa__comment {
  border-radius: 1rem;
  padding: .8vw;
  display: block;
  position: relative;
}

.index-module-scss-module__wd1gPa__comment > p {
  white-space: pre-line;
  width: max-content;
  margin: 0;
  font-size: 19px;
}

.index-module-scss-module__wd1gPa__comment > svg {
  position: absolute;
  bottom: -.2vw;
  left: -.1vw;
  transform: scaleX(-1);
}

/* [project]/components/layout/SpriteAnimator/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__KsqGKa__sprite {
  background-repeat: no-repeat;
  background-position-x: calc(var(--frame-index, 0) * var(--frame-width, 0) * -1px);
  background-size: cover;
  display: block;
}

/* [project]/components/section/home/Services/Wave/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__gNb-0G__wave {
  width: 100%;
  height: 50px;
  margin: 0 auto;
  overflow: hidden;
}

.index-module-scss-module__gNb-0G__wave:before {
  content: attr(data-text);
  color: #0000;
  width: calc(100% + 27px);
  font-size: 4em;
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: #fff;
  animation: 1.4s linear infinite index-module-scss-module__gNb-0G__animate;
  position: relative;
  top: -35px;
}

@keyframes index-module-scss-module__gNb-0G__animate {
  0% {
    left: 0;
  }

  100% {
    left: -26px;
  }
}

/* [project]/components/section/home/Services/RevealMedia/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__UCqBbW__wrapper, .index-module-scss-module__UCqBbW__mediaWrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.index-module-scss-module__UCqBbW__mediaInner {
  width: 100%;
}

.index-module-scss-module__UCqBbW__media {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: #111;
  width: 100%;
  height: auto;
  display: block;
}

/* [project]/components/section/about/Work/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__hQCNUG__work {
  color: #fff;
  width: 100%;
  min-height: 300vh;
  padding: 8vw 2vw 20vw;
  position: relative;
}

.index-module-scss-module__hQCNUG__work__title {
  z-index: 2;
  font-size: 10vw;
  font-weight: bold;
  line-height: 1;
  position: relative;
  top: 30vh;
  left: 50%;
  transform: translateX(-50%);
}

.index-module-scss-module__hQCNUG__work__thumbnail {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  left: 0;
}

.index-module-scss-module__hQCNUG__work__thumbnail__list {
  width: 50vh;
  height: 50vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%)translateY(-50%);
}

.index-module-scss-module__hQCNUG__work__thumbnail__list__item {
  object-fit: cover;
  width: 50vh;
  height: 50vh;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%)translateY(-50%);
}

.index-module-scss-module__hQCNUG__work__thumbnail__list__item > img {
  object-fit: cover;
  width: 50vh;
  height: 50vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%)translateY(-50%);
}

.index-module-scss-module__hQCNUG__work__ending {
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  font-size: 1.4vw;
  font-weight: bold;
  position: absolute;
  bottom: 25vh;
  left: 0;
}

.index-module-scss-module__hQCNUG__work__ending > span {
  display: block;
}

.index-module-scss-module__hQCNUG__work__ending > span:nth-of-type(2) {
  margin-top: 2vw;
  font-size: 1vw;
  font-weight: normal;
}

/*# sourceMappingURL=components_42f941b0._.css.map*/