/* screen - work-2 */

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

.work-2 .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: 14;
}

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

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

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

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

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

.work-2 .contact-me {
  color: var(--white);
  font-family: var(--font-family-pretendard-medium);
  font-size: 50px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 343px;
  min-height: 60px;
  min-width: 265px;
  white-space: nowrap;
  z-index: 1;
}

.work-2 .overlap-group5 {
  border-radius: 15px;
  height: 82px;
  margin-left: 0.86px;
  margin-top: 63px;
  position: relative;
  width: 977px;
  z-index: 12;
}

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

.work-2 .x {
  background-color: transparent;
  border: 0;
  height: 24px;
  left: 33px;
  letter-spacing: 0;
  line-height: normal;
  padding: 0;
  position: absolute;
  top: 29px;
  white-space: nowrap;
  width: 166px;
}

.work-2 .x::placeholder {
  color: #99999999;
}

.work-2 .overlap-group4 {
  border-radius: 15px;
  height: 82px;
  margin-left: 0.86px;
  margin-top: 27px;
  position: relative;
  width: 977px;
  z-index: 11;
}

.work-2 .x-1 {
  background-color: transparent;
  border: 0;
  height: 24px;
  left: 33px;
  letter-spacing: 0;
  line-height: normal;
  padding: 0;
  position: absolute;
  top: 29px;
  white-space: nowrap;
  width: 166px;
}

.work-2 .x-1::placeholder {
  color: #99999999;
}

.work-2 .frame-1171278714 {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  height: 53px;
  justify-content: center;
  left: 878px;
  padding: 10px;
  position: absolute;
  top: 15px;
  transition: all 0.2s ease;
  width: 89px;
}

.work-2 .frame-1171278714:hover {
  background-color: #fff
}

.work-2 .text-2 {
  line-height: normal;
  position: relative;
  width: fit-content;
}

.work-2 .line-753 {
  margin-top: 308px;
  z-index: 6;
}

.work-2 .flex-row {
  gap: 359px;
  height: 139px;
  margin-top: 26px;
  min-width: 1736px;
  z-index: 4;
}

.work-2 .e-mail {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 8.88px;
  min-height: 23px;
  min-width: 61px;
  white-space: nowrap;
}

.work-2 .title {
  letter-spacing: 0;
  line-height: normal;
  min-height: 139px;
  white-space: nowrap;
}

.work-2 .line-754 {
  margin-top: 27px;
  z-index: 7;
}

.work-2 .phone-container {
  align-items: flex-start;
  display: flex;
  gap: 574px;
  height: 139px;
  margin-left: 0.87px;
  margin-top: 26px;
  min-width: 1737px;
  z-index: 2;
}

.work-2 .phone-number {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 9.68px;
  min-height: 23px;
  min-width: 141px;
  white-space: nowrap;
}

.work-2 .phone {
  letter-spacing: 0;
  line-height: normal;
  min-height: 139px;
  white-space: nowrap;
}

.work-2 .line-755 {
  margin-top: 27px;
  z-index: 8;
}

.work-2 .flex-row-1 {
  gap: 1097px;
  margin-left: 1.37px;
  margin-top: 26px;
  min-width: 1737px;
  z-index: 3;
}

.work-2 .instagram {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 9.68px;
  min-height: 23px;
  min-width: 96px;
  white-space: nowrap;
}

.work-2 .ido0000 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 139px;
  white-space: nowrap;
}

.work-2 .line-756 {
  margin-top: 27px;
  z-index: 9;
}

.work-2 .flex-row-2 {
  gap: 361px;
  margin-left: 2.36px;
  margin-top: 20px;
  min-width: 1738px;
  z-index: 5;
}

.work-2 .e-mail-1 {
  line-height: normal;
  margin-top: 16.23px;
  min-height: 23px;
  min-width: 61px;
}

.work-2 .doyoung0430khuackr {
  letter-spacing: 0;
  line-height: normal;
  min-height: 139px;
  white-space: nowrap;
}

.work-2 .line-757 {
  margin-top: 21px;
  z-index: 10;
}

.work-2 .group-1171278901 {
  align-items: flex-start;
  display: flex;
  margin-top: 2816px;
  min-width: 1920px;
  z-index: 13;
}

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

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

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

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

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

.work-2 .overlap-group2 {
  align-items: flex-start;
  background-color: var(--mercury-2);
  border-radius: 9px;
  display: flex;
  gap: 240px;
  height: 61px;
  justify-content: flex-end;
  margin-top: 17.4px;
  min-width: 446px;
  padding: 15.7px 12.7px;
}

.work-2 .x-2 {
  background-color: transparent;
  border: 0;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  padding: 0;
  text-align: justify;
  white-space: nowrap;
  width: 125px;
}

.work-2 .x-2::placeholder {
  color: #b9b9b999;
}

.work-2 .text-3 {
  line-height: 30px;
  min-width: 52px;
  text-align: justify;
}

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

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

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

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

.work-2 .e-mail-2 {
  line-height: 30px;
  min-width: 58px;
  text-align: justify;
}

.work-2 .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-2 .ido0000-1 {
  letter-spacing: 0;
  line-height: 30px;
  min-width: 96px;
  text-align: justify;
  white-space: nowrap;
}

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

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

.work-2 .e-mail-3 {
  letter-spacing: 0;
  white-space: nowrap;
}

.work-2 .flex-row-3 {
  align-items: flex-start;
  display: flex;
  height: 139px;
}

.work-2 .line {
  height: 1px;
  object-fit: cover;
  width: 1920px;
}

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

.work-2 .text {
  letter-spacing: 0;
  white-space: nowrap;
}