/* screen - work-3 */

.work-3 {
  align-items: center;
  background-color: var(--cod-gray);
  display: flex;
  flex-direction: column;
  height: 12766px;
  width: 1920px;
}

.work-3 .group-1171278889 {
  align-items: center;
  background-color: var(--black);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--mercury);
  display: flex;
  gap: 553px;
  height: 117px;
  left: 0;
  min-width: 1920px;
  padding: 29.3px 57.1px;
  position: fixed;
  top: 0;
  z-index: 5;
}

.work-3 .overlap-group {
  align-items: flex-start;
  align-self: flex-end;
  background-color: var(--onyx);
  border-radius: 28.86px;
  display: flex;
  height: 58px;
  justify-content: flex-end;
  min-width: 58px;
  padding: 13.3px 0.4px;
}

.work-3 .x2do0 {
  line-height: normal;
  min-height: 31px;
  white-space: nowrap;
}

.work-3 .span0 {
  letter-spacing: -0.88px;
}

.work-3 .span1 {
  letter-spacing: -0.73px;
}

.work-3 .span2 {
  letter-spacing: -0.59px;
}

.work-3 .works {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.work-3 .frame-1171278720 {
  align-items: center;
  display: inline-flex;
  gap: 50px;
  left: 468px;
  position: fixed;
  top: 140px;
  z-index: 6;
}

.work-3 .frame-117127871 {
  -webkit-backdrop-filter: blur(14px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(14px) brightness(100%);
  background-color: var(--black-2);
  border: 1.5px solid;
  border-color: var(--log-cabin);
  border-radius: 28.04px;
  cursor: pointer;
  display: flex;
  gap: 9.35px;
  height: 57.02px;
  justify-content: center;
  padding: 9.35px;
  position: relative;
  width: 153.3px;
}

.work-3 .graphic {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.work-3 .uxui {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.work-3 .branding {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.work-3 .product {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.work-3 .photography {
  color: var(--concord);
  font-family: var(--font-family-pretendard-regular);
  font-size: 21.2px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.work-3 .flex-row {
  margin-right: 21.0px;
  margin-top: 262px;
  min-width: 767px;
  z-index: 2;
}

.work-3 .overlap-group5 {
  height: 330px;
  position: relative;
  width: 719px;
}

.work-3 .title {
  color: var(--white);
  font-family: var(--font-family-helvetica-bold);
  font-size: 184.7px;
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.work-3 .portfolio {
  color: #d9ff32;
  font-family: var(--font-family-allison);
  font-size: 175.4px;
  font-weight: 400;
  left: 173px;
  letter-spacing: 0;
  line-height: 263.2px;
  position: absolute;
  text-align: justify;
  text-shadow: 3px 4px 18px #00000096;
  top: 66px;
  white-space: nowrap;
}

.work-3 .text-6 {
  color: var(--white);
  font-family: var(--font-family-helvetica-bold);
  font-size: 48.9px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 10.35px;
  min-height: 56px;
  white-space: nowrap;
}

.work-3 .the-branding-draws-i {
  color: var(--concord);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 18.0px;
  margin-top: 93px;
  min-height: 96px;
  text-align: center;
  width: 613px;
  z-index: 3;
}

.work-3 .the-overarching-iden {
  color: var(--concord);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 27.18px;
  margin-top: 47px;
  min-height: 72px;
  text-align: center;
  width: 586px;
  z-index: 4;
}

.work-3 .overlap-group4 {
  height: 11729px;
  margin-top: 137px;
  position: relative;
  width: 1920px;
  z-index: 1;
}

.work-3 .rectangle-3480348 {
  height: 11729px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1915px;
}

.work-3 .group-1171278901 {
  align-items: flex-start;
  display: flex;
  height: 311px;
  left: 0;
  min-width: 1920px;
  position: absolute;
  top: 11409px;
}

.work-3 .group-container {
  height: 311px;
  position: relative;
  width: 1920px;
}

.work-3 .overlap-group-1 {
  background-color: var(--onyx);
  border-radius: 68.77px;
  height: 138px;
  justify-content: flex-end;
  min-width: 138px;
  padding: 31.7px 2.5px;
}

.work-3 .x2do0-1 {
  line-height: normal;
  min-height: 74px;
  white-space: nowrap;
}

.work-3 .span0-1 {
  letter-spacing: -5.01px;
}

.work-3 .span1-1 {
  letter-spacing: -4.17px;
}

.work-3 .span2-1 {
  letter-spacing: -3.34px;
}

.work-3 .text-5 {
  letter-spacing: 0;
  line-height: 30px;
  min-width: 125px;
  text-align: justify;
  white-space: nowrap;
}

.work-3 .text-4 {
  letter-spacing: 0;
  line-height: 30px;
  min-width: 52px;
  text-align: justify;
  white-space: nowrap;
}

.work-3 .flex-col {
  flex-direction: column;
  min-height: 134px;
  width: 133px;
}

.work-3 .place {
  letter-spacing: 0;
  line-height: 30px;
  min-width: 76px;
  text-align: justify;
  white-space: nowrap;
}

.work-3 .instagram {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 14px;
  min-width: 92px;
  text-align: justify;
  white-space: nowrap;
}

.work-3 .phone-number {
  letter-spacing: 0;
  line-height: 30px;
  min-width: 133px;
  text-align: justify;
  white-space: nowrap;
}

.work-3 .e-mail {
  letter-spacing: 0;
  line-height: 30px;
  min-width: 58px;
  text-align: justify;
  white-space: nowrap;
}

.work-3 .flex-col-1 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  margin-left: 54px;
  min-height: 90px;
  width: 231px;
}

.work-3 .ido0000 {
  letter-spacing: 0;
  line-height: 30px;
  min-width: 96px;
  text-align: justify;
  white-space: nowrap;
}

.work-3 .phone {
  letter-spacing: 0;
  line-height: 30px;
  min-width: 137px;
  text-align: justify;
  white-space: nowrap;
}

.work-3 .doyoung0430khuackr {
  letter-spacing: 0;
  line-height: 30px;
  min-width: 231px;
  text-align: justify;
  white-space: nowrap;
}

.work-3 .x2 {
  cursor: pointer;
  height: 929px;
  left: 92px;
  object-fit: cover;
  position: absolute;
  top: 228px;
  width: 832px;
}

.work-3 .x1 {
  height: 725px;
  left: 997px;
  object-fit: cover;
  position: absolute;
  top: 228px;
  width: 831px;
}

.work-3 .re-birth {
  left: 92px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 1169px;
  white-space: nowrap;
}

.work-3 .the-end-of-dofamine-addiction {
  left: 95px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 3686px;
}

.work-3 .place-1 {
  left: 95px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 5066px;
  white-space: nowrap;
}

.work-3 .flair {
  left: 95px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 6562px;
  white-space: nowrap;
}

.work-3 .seo-sul-ga {
  left: 95px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 7800px;
  white-space: nowrap;
}

.work-3 .text-7 {
  left: 997px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 6296px;
  white-space: nowrap;
}

.work-3 .maison-margiela {
  left: 997px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 2492px;
  width: 365px;
}

.work-3 .color {
  left: 90px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 2193px;
  width: 365px;
}

.work-3 .maximo {
  left: 997px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 967px;
  white-space: nowrap;
}

.work-3 .x3-d-graphic {
  left: 92px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 1229px;
}

.work-3 .x3-d-graphic-1 {
  left: 95px;
  top: 3819px;
}

.work-3 .uxui-1 {
  left: 95px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 5135px;
}

.work-3 .branding-1 {
  left: 95px;
  top: 6630px;
}

.work-3 .branding-2 {
  left: 95px;
  top: 7869px;
}

.work-3 .branding-3 {
  left: 997px;
  top: 6364px;
}

.work-3 .x3-d-graphic-2 {
  left: 997px;
  top: 2562px;
  width: 164px;
}

.work-3 .x3-d-graphic-3 {
  left: 90px;
  top: 2264px;
  width: 164px;
}

.work-3 .x3-d-graphic-4 {
  left: 997px;
  top: 1027px;
}

.work-3 .group-1171278904 {
  align-items: flex-end;
  background-color: var(--onyx-2);
  border-radius: 37.01px;
  cursor: pointer;
  display: flex;
  height: 74px;
  justify-content: flex-end;
  left: 846px;
  min-width: 74px;
  padding: 20.5px 13.6px;
  position: absolute;
  top: 1181px;
}

.work-3 .arrow-1 {
  height: 33px;
  width: 45px;
}

.work-3 .group-1171278906 {
  align-items: flex-end;
  background-color: var(--onyx-2);
  border-radius: 37.01px;
  cursor: pointer;
  display: flex;
  height: 74px;
  justify-content: flex-end;
  left: 849px;
  min-width: 74px;
  padding: 20.5px 13.6px;
  position: absolute;
  top: 3687px;
}

.work-3 .group-1171278909 {
  align-items: flex-end;
  background-color: var(--onyx-2);
  border-radius: 37.01px;
  cursor: pointer;
  display: flex;
  height: 74px;
  justify-content: flex-end;
  left: 833px;
  min-width: 74px;
  padding: 20.5px 13.6px;
  position: absolute;
  top: 5074px;
}

.work-3 .group-1171278910 {
  align-items: flex-end;
  background-color: var(--onyx-2);
  border-radius: 37.01px;
  cursor: pointer;
  display: flex;
  height: 74px;
  justify-content: flex-end;
  left: 833px;
  min-width: 74px;
  padding: 20.5px 13.6px;
  position: absolute;
  top: 6570px;
}

.work-3 .group-1171278915 {
  align-items: flex-end;
  background-color: var(--onyx-2);
  border-radius: 37.01px;
  cursor: pointer;
  display: flex;
  height: 74px;
  justify-content: flex-end;
  left: 833px;
  min-width: 74px;
  padding: 20.5px 13.6px;
  position: absolute;
  top: 7808px;
}

.work-3 .group-1171278914 {
  align-items: flex-end;
  background-color: var(--onyx-2);
  border-radius: 37.01px;
  cursor: pointer;
  display: flex;
  height: 74px;
  justify-content: flex-end;
  left: 1735px;
  min-width: 74px;
  padding: 20.5px 13.6px;
  position: absolute;
  top: 6304px;
}

.work-3 .group-1171278907 {
  align-items: flex-end;
  background-color: var(--onyx-2);
  border-radius: 37.01px/38.6px;
  cursor: pointer;
  display: flex;
  height: 77px;
  justify-content: flex-end;
  left: 1751px;
  min-width: 74px;
  padding: 22.1px 13.6px;
  position: absolute;
  top: 2504px;
}

.work-3 .group-1171278908 {
  align-items: flex-end;
  background-color: var(--onyx-2);
  border-radius: 37.01px/38.6px;
  display: flex;
  height: 77px;
  justify-content: flex-end;
  left: 844px;
  min-width: 74px;
  padding: 22.1px 13.6px;
  position: absolute;
  top: 2206px;
}

.work-3 .group-1171278905 {
  align-items: flex-end;
  background-color: var(--onyx-2);
  border-radius: 37.01px;
  display: flex;
  height: 74px;
  justify-content: flex-end;
  left: 1751px;
  min-width: 74px;
  padding: 20.5px 13.6px;
  position: absolute;
  top: 979px;
}

.work-3 .image {
  cursor: pointer;
  height: 864px;
  left: 92px;
  position: absolute;
  top: 2799px;
  width: 834px;
}

.work-3 .view {
  background-color: var(--black);
  border-radius: 5px;
  height: 864px;
  left: 994px;
  position: absolute;
  top: 2799px;
  width: 834px;
}

.work-3 .view-1 {
  height: 963px;
  left: 994px;
  top: 4088px;
}

.work-3 .view-2 {
  cursor: pointer;
  height: 873px;
  left: 994px;
  top: 5403px;
}

.work-3 .view-3 {
  cursor: pointer;
  height: 873px;
  left: 90px;
  top: 6899px;
}

.work-3 .view-4 {
  height: 873px;
  left: 994px;
  top: 6899px;
}

.work-3 .view-5 {
  height: 630px;
  left: 994px;
  top: 9296px;
}

.work-3 .image-1 {
  cursor: pointer;
  height: 1131px;
  left: 95px;
  position: absolute;
  top: 5403px;
  width: 834px;
}

.work-3 .x2-1 {
  height: 973px;
  left: 997px;
  top: 1481px;
}

.work-3 .x1-1 {
  cursor: pointer;
  height: 689px;
  left: 91px;
  position: absolute;
  top: 1481px;
  width: 827px;
}

.work-3 .x2-2 {
  height: 963px;
  left: 95px;
  top: 4088px;
}

.work-3 .coming-soon {
  left: 1268px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 3200px;
  white-space: nowrap;
}

.work-3 .coming-soon-1 {
  left: 1268px;
  top: 4534px;
}

.work-3 .coming-soon-2 {
  left: 1266px;
  top: 7306px;
}

.work-3 .coming-soon-3 {
  left: 1266px;
  top: 9590px;
  white-space: nowrap;
}

.work-3 .group-1171278913 {
  height: 300px;
  left: 1206px;
  position: absolute;
  top: 5690px;
  width: 410px;
}

.work-3 .hyang {
  left: 93px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 8961px;
  white-space: nowrap;
}

.work-3 .text-8 {
  left: 93px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 9968px;
  white-space: nowrap;
}

.work-3 .koong {
  left: 993px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 8961px;
  white-space: nowrap;
}

.work-3 .product-1 {
  left: 93px;
}

.work-3 .photography-1 {
  left: 93px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 10037px;
}

.work-3 .product-2 {
  left: 993px;
}

.work-3 .group-1171278911 {
  align-items: flex-end;
  background-color: var(--onyx-2);
  border-radius: 37.01px;
  cursor: pointer;
  display: flex;
  height: 74px;
  justify-content: flex-end;
  left: 832px;
  min-width: 74px;
  padding: 20.5px 13.6px;
  position: absolute;
  top: 8969px;
}

.work-3 .group-1171278916 {
  align-items: flex-end;
  background-color: var(--onyx-2);
  border-radius: 37.01px;
  cursor: pointer;
  display: flex;
  height: 74px;
  justify-content: flex-end;
  left: 832px;
  min-width: 74px;
  padding: 20.5px 13.6px;
  position: absolute;
  top: 9976px;
}

.work-3 .group-1171278912 {
  align-items: flex-end;
  background-color: var(--onyx-2);
  border-radius: 37.01px;
  cursor: pointer;
  display: flex;
  height: 74px;
  justify-content: flex-end;
  left: 1731px;
  min-width: 74px;
  padding: 20.5px 13.6px;
  position: absolute;
  top: 8969px;
}

.work-3 .x3 {
  cursor: pointer;
  height: 790px;
  left: 93px;
  position: absolute;
  top: 8136px;
  width: 829px;
}

.work-3 .x4 {
  cursor: pointer;
  height: 790px;
  left: 996px;
  object-fit: cover;
  position: absolute;
  top: 8136px;
  width: 831px;
}

.work-3 .group {
  height: 109px;
  left: 243px;
  position: absolute;
  top: 3892px;
  width: 529px;
}

.work-3 .img_8407 {
  cursor: pointer;
  height: 630px;
  left: 95px;
  object-fit: cover;
  position: absolute;
  top: 9296px;
  width: 829px;
}

.work-3 .branding-4 {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
}

.work-3 .coming-soon-4 {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  width: 287px;
}

.work-3 .overlap-group-2 {
  align-items: flex-start;
  display: flex;
}

.work-3 .product-3 {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 9029px;
}

.work-3 .view-6 {
  background-color: var(--black);
  border-radius: 5px;
  position: absolute;
  width: 834px;
}

.work-3 .x2-3 {
  cursor: pointer;
  position: absolute;
  width: 831px;
}

.work-3 .x3-d-graphic-5 {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
}