/* screen - work-1 */

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

.work-1 .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: 3;
}

.work-1 .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-1 .x2do0 {
  line-height: normal;
  min-height: 31px;
  white-space: nowrap;
}

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

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

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

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

.work-1 .title {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: 50px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 29.0px;
  margin-top: 466px;
  min-height: 60px;
  min-width: 582px;
  white-space: nowrap;
  z-index: 1;
}

.work-1 .overlap-group1 {
  border-radius: 15px;
  height: 62px;
  margin-top: 65px;
  position: relative;
  width: 228px;
  z-index: 2;
}

.work-1 .rectangle-3480368 {
  -webkit-backdrop-filter: blur(11px) brightness(100%);
  backdrop-filter: blur(11px) brightness(100%);
  background-color: var(--log-cabin-2);
  border-radius: 15px;
  height: 62px;
  left: 0;
  opacity: 0.84;
  position: absolute;
  top: 0;
  width: 228px;
}

.work-1 .text-1 {
  cursor: pointer;
  left: 79px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 18px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.work-1 .text-1:hover {
  color: #ffffff
}