:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 360px;
  height: 7787px;
  margin: 0 auto;
  background: #101010;
  overflow: hidden;
}
.img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 480px;
  background: #101010;
}
.img-2 {
  flex-shrink: 0;
  position: relative;
  width: 150px;
  height: 146px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/CtAZBhSsiw.png)
    no-repeat center;
  background-size: cover;
  z-index: 1;
}
.pic {
  flex-shrink: 0;
  position: relative;
  width: 320px;
  height: 42px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/Q1cSzXoSYz.png)
    no-repeat center;
  background-size: cover;
  z-index: 441;
  border-radius: 26px;
  backdrop-filter: blur(5.331px);
}
.img-3 {
  position: absolute;
  width: 53px;
  height: 31px;
  top: 5px;
  left: 7px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/mtykb6KJ8s.png)
    no-repeat center;
  background-size: cover;
  z-index: 443;
  border-radius: 26px;
}
.box {
  position: absolute;
  width: 71.002px;
  height: 23.923px;
  top: 8px;
  left: 68.771px;
  font-size: 0px;
  z-index: 445;
}
.text {
  display: block;
  position: relative;
  height: 12px;
  margin: 0 0 0 0px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 444;
}
.text-2 {
  display: block;
  position: relative;
  height: 10px;
  margin: 1.923px 0 0 0;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 8px;
  font-weight: 400;
  line-height: 10px;
  text-align: left;
  white-space: nowrap;
  z-index: 445;
}
.img-4 {
  position: absolute;
  width: 42.602px;
  height: 22.391px;
  top: 9.596px;
  left: 211.949px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/AvxqZaaT38.png)
    no-repeat center;
  background-size: cover;
  z-index: 447;
}
.img-5 {
  position: absolute;
  width: 15px;
  height: 12px;
  top: 15.193px;
  left: 288.945px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/6odpvDBsrU.png)
    no-repeat center;
  background-size: cover;
  z-index: 442;
  border-radius: 1.599px;
  backdrop-filter: blur(5.331px);
}
.pic-2 {
  position: absolute;
  width: 9.997px;
  height: 9px;
  top: 16.526px;
  left: 264.508px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/YHBrhUFHN1.png)
    no-repeat center;
  background-size: cover;
  z-index: 446;
  backdrop-filter: blur(5.331px);
}
.wrapper {
  flex-shrink: 0;
  position: relative;
  width: 1080px;
  height: 90px;
  background: #101010;
  z-index: 2;
  overflow: hidden;
}
.box-2 {
  position: absolute;
  width: 1314.413px;
  height: 97px;
  top: -7px;
  left: -31.867px;
  z-index: 3;
}
.group {
  position: absolute;
  width: 1320px;
  height: 97.412px;
  top: 0;
  left: 0;
  z-index: 4;
}
.img-6 {
  position: absolute;
  width: 97.412px;
  height: 97.412px;
  top: 0;
  left: 904.987px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/339f3b2f-2a2f-4721-930e-973bb098162b.png)
    no-repeat center;
  background-size: cover;
  z-index: 16;
}
.pic-3 {
  position: absolute;
  width: 59.704px;
  height: 59.704px;
  top: 17.283px;
  left: 1260.296px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/36f34b00-7abe-4fe6-930b-269114f12420.png)
    no-repeat center;
  background-size: cover;
  z-index: 6;
}
.pic-4 {
  position: absolute;
  width: 56.337px;
  height: 56.337px;
  top: 17.283px;
  left: 1159.518px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/79e4e1b3-0f82-4f3a-8848-5e04f85b5fbf.png)
    no-repeat center;
  background-size: cover;
  z-index: 18;
}
.img-7 {
  position: absolute;
  width: 47.624px;
  height: 60.103px;
  top: 18.629px;
  left: 815.884px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/e5bd857b-a3f0-44d6-b77d-8ed186982210.png)
    no-repeat center;
  background-size: cover;
  z-index: 17;
}
.section {
  position: absolute;
  width: 45.051px;
  height: 54.365px;
  top: 21.439px;
  left: 706.127px;
  z-index: 9;
}
.pic-5 {
  position: relative;
  width: 45.051px;
  height: 38.174px;
  margin: 0px 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/2E9w5kd4mL.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 10;
}
.pic-6 {
  position: relative;
  width: 6.626px;
  height: 7.626px;
  margin: 1.477px 0 0 7.783px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/W6oPjKY1oz.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 12;
}
.pic-7 {
  position: relative;
  width: 23.348px;
  height: 7.181px;
  margin: -5.515px 0 0 13.918px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/6b1vkzZhKq.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 11;
}
.text-3 {
  display: block;
  position: relative;
  height: 4.017px;
  margin: 1.405px 0 0 7.313px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 3.681162118911743px;
  font-weight: 700;
  line-height: 4.017px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 1.1px;
  z-index: 13;
}
.pic-8 {
  position: absolute;
  width: 4.82%;
  height: 45.01%;
  top: 27.42%;
  left: 79.09%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/YRGVX9J0EM.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 14;
}
.img-8 {
  position: absolute;
  width: 86.249px;
  height: 47.551px;
  top: 27.833px;
  left: 434.088px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/f77f5f84-8086-4655-894d-4e94f209cde4.png)
    no-repeat center;
  background-size: cover;
  z-index: 5;
}
.img-9 {
  position: absolute;
  width: 79.793px;
  height: 35.56px;
  top: 31.872px;
  left: 568.986px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/76b2de84-8c8d-4dec-b26f-94fe71c6020a.png)
    no-repeat center;
  background-size: cover;
  z-index: 8;
}
.img-a {
  position: absolute;
  width: 126.574px;
  height: 26.04px;
  top: 38.381px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/a886c02a-6988-46e5-89bf-043ee7eb2ae1.png)
    no-repeat center;
  background-size: cover;
  z-index: 15;
}
.img-b {
  position: absolute;
  width: 65.513px;
  height: 22.223px;
  top: 38.381px;
  left: 308.18px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/2ac3d133-c94c-459c-94a0-ae9f0b0bd3f6.png)
    no-repeat center;
  background-size: cover;
  z-index: 19;
}
.img-c {
  position: absolute;
  width: 64.033px;
  height: 18.162px;
  top: 42.422px;
  left: 186.971px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/38423616-d7ad-42de-9b37-39fa79705573.png)
    no-repeat center;
  background-size: cover;
  z-index: 7;
}
.img-d {
  position: absolute;
  width: 42px;
  height: 75px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/2s0HgebLJi.png)
    no-repeat center;
  background-size: cover;
  z-index: 448;
}
.img-e {
  position: absolute;
  width: 42px;
  height: 75px;
  top: 0;
  left: 318px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/n8yiDw5Wo9.png)
    no-repeat center;
  background-size: cover;
  z-index: 449;
}
.img-f {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 17px;
  position: relative;
  min-width: 0;
  height: 540px;
  padding: 22px 42px 22px 42px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/7hozPizDQo.png)
    no-repeat center;
  background-size: cover;
  z-index: 20;
  overflow: hidden;
}
.text-4 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 140px;
  height: 52px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
  text-overflow: initial;
  letter-spacing: -0.4px;
  z-index: 21;
  overflow: hidden;
}
.text-5 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 274px;
  height: 66px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 21.6px;
  text-align: center;
  text-overflow: initial;
  letter-spacing: -0.24px;
  z-index: 22;
  overflow: hidden;
}
.group-2 {
  flex-shrink: 0;
  position: relative;
  width: 360px;
  height: 469px;
  background: #101010;
  z-index: 23;
}
.text-6 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 19px;
  top: 85px;
  left: 20px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 194;
}
.box-3 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 14px;
  position: relative;
  width: 437px;
  z-index: 196;
}
.wrapper-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 22px;
  z-index: 197;
}
.section-2 {
  flex-shrink: 0;
  position: relative;
  width: 22px;
  height: 26px;
  font-size: 0px;
  z-index: 198;
}
.text-7 {
  display: block;
  position: relative;
  height: 14px;
  margin: 0 0 0 0;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 199;
}
.pic-9 {
  position: relative;
  width: 22px;
  height: 3px;
  margin: 9px 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/oPS9LtDVo7.png)
    no-repeat center;
  background-size: cover;
  z-index: 200;
}
.wrapper-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 80px;
  z-index: 201;
}
.group-3 {
  flex-shrink: 0;
  position: relative;
  width: 80px;
  height: 26px;
  font-size: 0px;
  z-index: 202;
}
.text-8 {
  display: block;
  position: relative;
  height: 14px;
  margin: 0 0 0 0;
  color: #3d3d3d;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 203;
}
.pic-a {
  position: relative;
  width: 80px;
  height: 0px;
  margin: 12px 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/sAysSBdMDZ.png)
    no-repeat center;
  background-size: cover;
  z-index: 204;
}
.section-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 81px;
  z-index: 205;
}
.box-4 {
  flex-shrink: 0;
  position: relative;
  width: 81px;
  height: 26px;
  font-size: 0px;
  z-index: 206;
}
.text-9 {
  display: block;
  position: relative;
  height: 14px;
  margin: 0 0 0 0;
  color: #3d3d3d;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 207;
}
.pic-b {
  position: relative;
  width: 80px;
  height: 0px;
  margin: 12px 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/uZcghnfX59.png)
    no-repeat center;
  background-size: cover;
  z-index: 208;
}
.wrapper-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 74px;
  z-index: 209;
}
.group-4 {
  flex-shrink: 0;
  position: relative;
  width: 74px;
  height: 26px;
  font-size: 0px;
  z-index: 210;
}
.text-a {
  display: block;
  position: relative;
  height: 14px;
  margin: 0 0 0 0;
  color: #3d3d3d;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 211;
}
.img-10 {
  position: relative;
  width: 74px;
  height: 0px;
  margin: 12px 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/B9JWwRmd6b.png)
    no-repeat center;
  background-size: cover;
  z-index: 212;
}
.section-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 82px;
  z-index: 213;
}
.group-5 {
  flex-shrink: 0;
  position: relative;
  width: 82px;
  height: 26px;
  font-size: 0px;
  z-index: 214;
}
.text-b {
  display: block;
  position: relative;
  height: 14px;
  margin: 0 0 0 0;
  color: #3d3d3d;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 215;
}
.img-11 {
  position: relative;
  width: 74px;
  height: 0px;
  margin: 12px 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/QQhjN9ZZGP.png)
    no-repeat center;
  background-size: cover;
  z-index: 216;
}
.box-5 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 7262px;
  padding: 20px 26px 20px 0;
  z-index: 25;
}
.box-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 26;
}
.pic-c {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/sv1UwN34UP.png)
    no-repeat center;
  background-size: cover;
  z-index: 27;
  border-radius: 18px;
}
.group-6 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  min-width: 0;
  height: 30px;
  z-index: 28;
}
.pic-d {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/w0Xyeyr1Ty.png)
    no-repeat center;
  background-size: cover;
  z-index: 29;
}
.box-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 30;
}
.text-c {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 31;
}
.text-d {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 32;
}
.section-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 33;
}
.pic-e {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/omfnFaMtYY.png)
    no-repeat center;
  background-size: cover;
  z-index: 34;
  border-radius: 18px;
}
.box-8 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  min-width: 0;
  height: 30px;
  z-index: 35;
}
.pic-f {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/TFMxcV5k9K.png)
    no-repeat center;
  background-size: cover;
  z-index: 36;
}
.group-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 37;
}
.text-e {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 38;
}
.text-f {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 39;
}
.box-9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 40;
}
.img-12 {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/HhDF4OSiKH.png)
    no-repeat center;
  background-size: cover;
  z-index: 41;
  border-radius: 18px;
}
.wrapper-5 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 42;
}
.pic-10 {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/sq4QyaHkOu.png)
    no-repeat center;
  background-size: cover;
  z-index: 43;
}
.box-a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 44;
}
.text-10 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 45;
}
.text-11 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 46;
}
.wrapper-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 47;
}
.image {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/ftjvkg11m7.png)
    no-repeat center;
  background-size: cover;
  z-index: 48;
  border-radius: 18px;
}
.frame {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 49;
}
.group {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/CbwREFiMrP.png)
    no-repeat center;
  background-size: cover;
  z-index: 50;
}
.frame-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 51;
}
.solateria-terrdins-garden {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 52;
}
.orchestra-mystery {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 53;
}
.orchestal-variant {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  z-index: 54;
}
.image-2 {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/itvkKtGYCH.png)
    no-repeat center;
  background-size: cover;
  z-index: 55;
  border-radius: 18px;
}
.frame-3 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 56;
}
.group-4 {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/mwVQjdMtNo.png)
    no-repeat center;
  background-size: cover;
  z-index: 57;
}
.frame-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 58;
}
.solateria-library {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 59;
}
.orchestra-mystery-6 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 60;
}
.orchestal-variant-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 61;
}
.image-8 {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/hdQS7gizZp.png)
    no-repeat center;
  background-size: cover;
  z-index: 62;
  border-radius: 18px;
}
.frame-9 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 63;
}
.group-a {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/MBZUefdLei.png)
    no-repeat center;
  background-size: cover;
  z-index: 64;
}
.frame-b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 65;
}
.frostory-whiri {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 66;
}
.world-music-battle {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 67;
}
.orchestal-default {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 68;
}
.image-c {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/e4mmcTaa24.png)
    no-repeat center;
  background-size: cover;
  z-index: 69;
  border-radius: 18px;
}
.frame-d {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 70;
}
.group-e {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/7WdNOuxAnK.png)
    no-repeat center;
  background-size: cover;
  z-index: 71;
}
.frame-f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 72;
}
.ovis-loop-boss-i {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 73;
}
.hybrid-epic-boss-i {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 74;
}
.orchestal-variant-10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 75;
}
.image-11 {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/HbNKEYtvyA.png)
    no-repeat center;
  background-size: cover;
  z-index: 76;
  border-radius: 18px;
}
.frame-12 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 77;
}
.group-13 {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/HQrntbWD9r.png)
    no-repeat center;
  background-size: cover;
  z-index: 78;
}
.frame-14 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 79;
}
.ovis-loop-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 80;
}
.hybrid-epic-title {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 81;
}
.orchestal-variant-15 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 82;
}
.image-16 {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/C0H2drOZQ4.png)
    no-repeat center;
  background-size: cover;
  z-index: 83;
  border-radius: 18px;
}
.frame-17 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 84;
}
.group-18 {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/UzUAwp2gpi.png)
    no-repeat center;
  background-size: cover;
  z-index: 85;
}
.frame-19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 86;
}
.railblazer-battle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 87;
}
.trans-battle {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 88;
}
.orchestal-variant-1a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 89;
}
.image-1b {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/da81116e-12e3-48b9-96bd-e2873f2c11c2.png)
    no-repeat center;
  background-size: cover;
  z-index: 90;
  border-radius: 18px;
}
.frame-1c {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 91;
}
.group-1d {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/co7Oujd3tm.png)
    no-repeat center;
  background-size: cover;
  z-index: 92;
}
.frame-1e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 93;
}
.railblazer-boss {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 94;
}
.synthwave-boss {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 95;
}
.orchestal-variant-1f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 96;
}
.image-20 {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/3a0b1dfa-a2da-4eea-930c-a3a46318655b.png)
    no-repeat center;
  background-size: cover;
  z-index: 97;
  border-radius: 18px;
}
.frame-21 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 98;
}
.group-22 {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/2PAMC46gZ5.png)
    no-repeat center;
  background-size: cover;
  z-index: 99;
}
.frame-23 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 100;
}
.ovis-loop-boss-ii {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 101;
}
.hybrid-epic-boss-ii {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 102;
}
.orchestal-variant-24 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 103;
}
.image-25 {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/01acf2dd-37e9-4812-9796-6cdcf121d49d.png)
    no-repeat center;
  background-size: cover;
  z-index: 104;
  border-radius: 18px;
}
.frame-26 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 105;
}
.group-27 {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/SsjiSdrRNf.png)
    no-repeat center;
  background-size: cover;
  z-index: 106;
}
.frame-28 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 107;
}
.railblazer-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 108;
}
.dark-epic-main {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 109;
}
.orchestal-default-29 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 110;
}
.image-2a {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/f27e4ab2-6372-4bcb-9a96-1e2ebf132b1e.png)
    no-repeat center;
  background-size: cover;
  z-index: 111;
  border-radius: 18px;
}
.frame-2b {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 112;
}
.group-2c {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/RpMLOEhOZ0.png)
    no-repeat center;
  background-size: cover;
  z-index: 113;
}
.frame-2d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 114;
}
.blue-wednesday-swingin-jazz {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 115;
}
.jazz-big-band {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 116;
}
.orchestal-variant-2e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 117;
}
.image-2f {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/c51337aa-defe-4157-b3ea-b5be677b4ab1.png)
    no-repeat center;
  background-size: cover;
  z-index: 118;
  border-radius: 18px;
}
.frame-30 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 119;
}
.group-31 {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/nbsRfLOYtG.png)
    no-repeat center;
  background-size: cover;
  z-index: 120;
}
.frame-32 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 121;
}
.ovis-loop-trailer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 122;
}
.rock-trailer {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 123;
}
.orchestal-variant-33 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 124;
}
.image-34 {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/158eb4cd-98bb-45b3-a9f2-c954b2401a62.png)
    no-repeat center;
  background-size: cover;
  z-index: 125;
  border-radius: 18px;
}
.frame-35 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 126;
}
.group-36 {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/vjFDqWm666.png)
    no-repeat center;
  background-size: cover;
  z-index: 127;
}
.frame-37 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 128;
}
.blue-wednesday-evans-city {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 129;
}
.jazz-big-band-38 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 130;
}
.orchestal-variant-39 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 131;
}
.image-3a {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/98ed77df-1fd2-4a1a-84e1-7c7439f1b570.png)
    no-repeat center;
  background-size: cover;
  z-index: 132;
  border-radius: 18px;
}
.frame-3b {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 133;
}
.group-3c {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/928Vn7pNOD.png)
    no-repeat center;
  background-size: cover;
  z-index: 134;
}
.frame-3d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 135;
}
.shoegaze-concept {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 136;
}
.rock-shoegaze {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 137;
}
.orchestal-variant-3e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 138;
}
.image-3f {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/99253962-adf4-481e-ac06-ac699c91dc29.png)
    no-repeat center;
  background-size: cover;
  z-index: 139;
  border-radius: 18px;
}
.frame-40 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 140;
}
.group-41 {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/y5vnwznGvU.png)
    no-repeat center;
  background-size: cover;
  z-index: 141;
}
.frame-42 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 142;
}
.blue-wednesday-audition-theme {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 143;
}
.jazz-trio {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 144;
}
.orchestal-variant-43 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 145;
}
.image-44 {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/fd82970a-9c84-485f-b1c4-b82e2a119414.png)
    no-repeat center;
  background-size: cover;
  z-index: 146;
  border-radius: 18px;
}
.frame-45 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 147;
}
.group-46 {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/ZmiP0C6a98.png)
    no-repeat center;
  background-size: cover;
  z-index: 148;
}
.frame-47 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 149;
}
.blue-wednesday-credit-theme {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 150;
}
.jazz-bright-theme {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 151;
}
.orchestal-default-48 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 152;
}
.image-49 {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/HEXDy3o3jS.png)
    no-repeat center;
  background-size: cover;
  z-index: 153;
  border-radius: 18px;
}
.frame-4a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 154;
}
.group-4b {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/hCRny315YD.png)
    no-repeat center;
  background-size: cover;
  z-index: 155;
}
.frame-4c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 156;
}
.beat-the-beat-main {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 157;
}
.k-pop-subculture {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 158;
}
.orchestal-variant-4d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 159;
}
.image-4e {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/a85Vd3E3k0.png)
    no-repeat center;
  background-size: cover;
  z-index: 160;
  border-radius: 18px;
}
.frame-4f {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 161;
}
.group-50 {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/5QC2Wd9Dyn.png)
    no-repeat center;
  background-size: cover;
  z-index: 162;
}
.frame-51 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 163;
}
.animal-island-fishing-tycoon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 164;
}
.casual {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 165;
}
.orchestal-variant-52 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 166;
}
.image-53 {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/KN32Q8HMsj.png)
    no-repeat center;
  background-size: cover;
  z-index: 167;
  border-radius: 18px;
}
.frame-54 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 168;
}
.group-55 {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/mJMtJEf04k.png)
    no-repeat center;
  background-size: cover;
  z-index: 169;
}
.frame-56 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 170;
}
.beat-the-beat-punch-theme {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 171;
}
.complextro {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 172;
}
.orchestal-variant-57 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 173;
}
.image-58 {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/default/image/2025-08-15/0a1d5592-05ab-4ef2-980f-051dba9f8e47.png)
    no-repeat center;
  background-size: cover;
  z-index: 174;
  border-radius: 18px;
}
.frame-59 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 175;
}
.group-5a {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/KuGS8EdA45.png)
    no-repeat center;
  background-size: cover;
  z-index: 176;
}
.frame-5b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 177;
}
.project-mela {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 178;
}
.neo-soul {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 179;
}
.orchestal-variant-5c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 180;
}
.image-5d {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/mkePxpVu13.png)
    no-repeat center;
  background-size: cover;
  z-index: 181;
  border-radius: 18px;
}
.frame-5e {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 182;
}
.group-5f {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/sJqKaEwB9P.png)
    no-repeat center;
  background-size: cover;
  z-index: 183;
}
.frame-60 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 184;
}
.yangse-girl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 185;
}
.casual-country {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 186;
}
.orchestal-variant-61 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18.127px;
  position: relative;
  width: 290px;
  height: 210px;
  z-index: 187;
}
.image-62 {
  flex-shrink: 0;
  position: relative;
  width: 290px;
  height: 162px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/JZqkjif8za.png)
    no-repeat center;
  background-size: cover;
  z-index: 188;
  border-radius: 18px;
}
.frame-63 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19.577px;
  position: relative;
  width: 290px;
  height: 30px;
  z-index: 189;
}
.group-64 {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/5yQBNNskN9.png)
    no-repeat center;
  background-size: cover;
  z-index: 190;
}
.frame-65 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4.351px;
  position: relative;
  width: 240.003px;
  z-index: 191;
}
.meow-star {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 233.478px;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 192;
}
.casual-66 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 12px;
  color: #8b8b8b;
  font-family: Pretendard, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 193;
}
.frame-67 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 36px;
  position: relative;
  min-width: 0;
  padding: 20px 20px 20px 20px;
  z-index: 217;
  overflow: hidden;
}
.projects {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 19px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 218;
}
.frame-68 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  z-index: 219;
}
.rectangle {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 250px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/M2V7opojST.png)
    no-repeat center;
  background-size: cover;
  z-index: 220;
  border-radius: 12px;
}
.frame-69 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 169px;
  position: relative;
  z-index: 221;
}
.frame-6a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 121px;
  z-index: 222;
}
.ovis-loop {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.48px;
  z-index: 223;
}
.lifuel-combo-building-action-roguelike {
  flex-shrink: 0;
  position: relative;
  width: 121px;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  letter-spacing: -0.36px;
  z-index: 224;
}
.lifuel {
  position: relative;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  letter-spacing: -0.36px;
}
.combo-building-action-roguelike {
  position: relative;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  letter-spacing: -0.36px;
}
.icons {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 6px;
  position: relative;
  width: 30px;
  z-index: 225;
}
.steam-logo {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/UbvMqnrLrT.png)
    no-repeat center;
  background-size: cover;
  z-index: 226;
}
.frame-6b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  min-width: 0;
  padding: 20px 20px 20px 20px;
  z-index: 227;
  overflow: hidden;
}
.rectangle-6c {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 250px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/1sEHG5LCd0.png)
    no-repeat center;
  background-size: cover;
  z-index: 228;
  border-radius: 12px;
}
.frame-6d {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 70px;
  position: relative;
  z-index: 229;
}
.frame-6e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 120px;
  z-index: 230;
}
.blue-wednesday {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.48px;
  z-index: 231;
}
.buffstudio-story {
  flex-shrink: 0;
  position: relative;
  width: 116px;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  letter-spacing: -0.36px;
  z-index: 232;
}
.buffstudio-info {
  position: relative;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  letter-spacing: -0.36px;
}
.jazz-pianist-story {
  position: relative;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  letter-spacing: -0.36px;
}
.icons-6f {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 17px;
  position: relative;
  width: 130px;
  z-index: 233;
}
.steam-logo-70 {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/OD7Kr5pemQ.png)
    no-repeat center;
  background-size: cover;
  z-index: 234;
}
.xbox-logo {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/B36CpQFOYw.png)
    no-repeat center;
  background-size: cover;
  z-index: 235;
}
.playstation-logo {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/9hBenreDTh.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 236;
}
.frame-71 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  min-width: 0;
  padding: 20px 20px 20px 20px;
  z-index: 237;
  overflow: hidden;
}
.rectangle-72 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 250px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/5vcH6sRyM6.png)
    no-repeat center;
  background-size: cover;
  z-index: 238;
  border-radius: 12px;
}
.frame-73 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 120px;
  position: relative;
  z-index: 239;
}
.frame-74 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 119px;
  z-index: 240;
}
.lapin {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.48px;
  z-index: 241;
}
.studio-doodal-info {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 119px;
  height: 36px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  text-overflow: initial;
  letter-spacing: -0.36px;
  z-index: 242;
  overflow: hidden;
}
.icons-75 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 17px;
  position: relative;
  width: 81px;
  z-index: 243;
}
.steam-logo-76 {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/r9MZga0UTi.png)
    no-repeat center;
  background-size: cover;
  z-index: 244;
}
.xbox-logo-77 {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/W2phPRabjL.png)
    no-repeat center;
  background-size: cover;
  z-index: 245;
}
.frame-78 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  min-width: 0;
  padding: 20px 20px 20px 20px;
  z-index: 246;
  overflow: hidden;
}
.rectangle-79 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 250px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/OHR3fiubQh.png)
    no-repeat center;
  background-size: cover;
  z-index: 247;
  border-radius: 12px;
}
.frame-7a {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 127px;
  position: relative;
  z-index: 248;
}
.frame-7b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 161px;
  z-index: 249;
}
.solateria {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.48px;
  z-index: 250;
}
.studio-doodal-info-7c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 161px;
  height: 36px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  text-overflow: initial;
  letter-spacing: -0.36px;
  z-index: 251;
  overflow: hidden;
}
.icons-7d {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 17px;
  position: relative;
  width: 32px;
  z-index: 252;
}
.steam-logo-7e {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/uQmbxiYxPZ.png)
    no-repeat center;
  background-size: cover;
  z-index: 253;
}
.frame-7f {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 26px;
  position: relative;
  min-width: 0;
  padding: 98px 58px 98px 58px;
  z-index: 254;
  overflow: hidden;
}
.indigo-sound-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 244px;
  height: 64px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
  text-overflow: initial;
  z-index: 255;
  overflow: hidden;
}
.frame-80 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 9.527px;
  position: relative;
  width: 130px;
  height: 39px;
  padding: 8.634px 17.565px 8.634px 17.565px;
  background: rgba(255, 255, 255, 0.1);
  z-index: 256;
  border-radius: 38.867px;
  backdrop-filter: blur(3.887px);
  box-shadow: 0 0 4.664px 0 rgba(255, 255, 255, 0.25) inset;
}
.go-to-project {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 74px;
  height: 18px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 257;
}
.vector {
  flex-shrink: 0;
  position: relative;
  width: 9.3px;
  height: 10.739px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/vhQF0AvbsL.png)
    no-repeat center;
  background-size: cover;
  z-index: 258;
}
.frame-81 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 32px;
  position: relative;
  width: 360px;
  height: 1100px;
  padding: 68px 20px 68px 20px;
  background: #101010;
  z-index: 259;
  overflow: hidden;
}
.good-sound-for-games {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  width: 252px;
  height: 72px;
  top: 58px;
  left: 54px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
  text-overflow: initial;
  z-index: 260;
  overflow: hidden;
}
.group-82 {
  flex-shrink: 0;
  position: absolute;
  width: 320px;
  height: 120px;
  top: 162px;
  left: 20px;
  z-index: 261;
}
.frame-83 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 15px;
  position: relative;
  width: 281px;
  margin: 28px 0 0 26px;
  z-index: 263;
}
.frame-84 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 136px;
  z-index: 264;
}
.composition {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 138px;
  height: 19px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 265;
}
.composition-plus {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 38px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
  z-index: 266;
}
.commercial-game-music {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 3px;
  position: relative;
  width: 130px;
  z-index: 267;
}
.custom-soundtracks {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 16px;
  color: #525252;
  font-family: Pretendard, var(--default-font-family);
  font-size: 9px;
  font-weight: 700;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 268;
}
.custom-soundtracks-genres {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 130px;
  min-width: 0;
  height: 48px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 9px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  text-overflow: initial;
  z-index: 269;
  overflow: hidden;
}
.glass-cards {
  position: absolute;
  width: 320px;
  height: 120px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/qtfD2DuHwB.png)
    no-repeat center;
  background-size: cover;
  z-index: 262;
  border-radius: 12px;
}
.group-85 {
  flex-shrink: 0;
  position: absolute;
  width: 320px;
  height: 120px;
  top: 334px;
  left: 20px;
  z-index: 270;
}
.frame-86 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 15px;
  position: relative;
  width: 281px;
  margin: 28px 0 0 26px;
  z-index: 272;
}
.frame-87 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 136px;
  z-index: 273;
}
.middleware-management {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 138px;
  height: 19px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 274;
}
.composition-plus-88 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 38px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
  z-index: 275;
}
.fmod-unity-project {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18px;
  position: relative;
  width: 130px;
  z-index: 276;
}
.fmod-unity-usage {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 16px;
  color: #525252;
  font-family: Pretendard, var(--default-font-family);
  font-size: 9px;
  font-weight: 700;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 277;
}
.fmod-unity-features {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 130px;
  min-width: 0;
  height: 32px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 9px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  text-overflow: initial;
  z-index: 278;
  overflow: hidden;
}
.glass-cards-89 {
  position: absolute;
  width: 320px;
  height: 120px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/2mqm75dXYu.png)
    no-repeat center;
  background-size: cover;
  z-index: 271;
  border-radius: 12px;
}
.group-8a {
  flex-shrink: 0;
  position: absolute;
  width: 320px;
  height: 120px;
  top: 506px;
  left: 20px;
  z-index: 279;
}
.frame-8b {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 15px;
  position: relative;
  width: 281px;
  margin: 28px 0 0 26px;
  z-index: 281;
}
.frame-8c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 136px;
  z-index: 282;
}
.sound-directing-planning {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 138px;
  height: 19px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 283;
}
.composition-plus-8d {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 38px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
  z-index: 284;
}
.collaboration-duration {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 3px;
  position: relative;
  width: 130px;
  z-index: 285;
}
.sound-collaboration {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 16px;
  color: #525252;
  font-family: Pretendard, var(--default-font-family);
  font-size: 9px;
  font-weight: 700;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 286;
}
.sound-collaboration-process {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 130px;
  min-width: 0;
  height: 48px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 9px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  z-index: 287;
}
.glass-cards-8e {
  position: absolute;
  width: 320px;
  height: 120px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/KCFG5rwgdr.png)
    no-repeat center;
  background-size: cover;
  z-index: 280;
  border-radius: 12px;
}
.group-8f {
  flex-shrink: 0;
  position: absolute;
  width: 320px;
  height: 120px;
  top: 678px;
  left: 20px;
  z-index: 288;
}
.frame-90 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 15px;
  position: relative;
  width: 281px;
  margin: 28px 0 0 26px;
  z-index: 290;
}
.frame-91 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 136px;
  z-index: 291;
}
.engine-support {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 138px;
  height: 19px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 292;
}
.composition-plus-92 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 38px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
  z-index: 293;
}
.engine-testing-projects {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18px;
  position: relative;
  width: 130px;
  z-index: 294;
}
.engine-sound-proposals {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 16px;
  color: #525252;
  font-family: Pretendard, var(--default-font-family);
  font-size: 9px;
  font-weight: 700;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 295;
}
.engine-sound-requirements {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 130px;
  min-width: 0;
  height: 32px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 9px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  text-overflow: initial;
  z-index: 296;
  overflow: hidden;
}
.glass-cards-93 {
  position: absolute;
  width: 320px;
  height: 120px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/LOnxO2Z4r8.png)
    no-repeat center;
  background-size: cover;
  z-index: 289;
  border-radius: 12px;
}
.group-94 {
  flex-shrink: 0;
  position: absolute;
  width: 320px;
  height: 120px;
  top: 850px;
  left: 20px;
  z-index: 297;
}
.frame-95 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 15px;
  position: relative;
  width: 281px;
  margin: 28px 0 0 26px;
  z-index: 299;
}
.frame-96 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 136px;
  z-index: 300;
}
.sound-effects {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 138px;
  height: 19px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 301;
}
.composition-plus-97 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 38px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
  z-index: 302;
}
.project-experience {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 15px;
  position: relative;
  width: 130px;
  z-index: 303;
}
.game-sound-effects {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 16px;
  color: #525252;
  font-family: Pretendard, var(--default-font-family);
  font-size: 9px;
  font-weight: 700;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 304;
}
.game-sound-effects-types {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 130px;
  min-width: 0;
  height: 32px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 9px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  text-overflow: initial;
  z-index: 305;
  overflow: hidden;
}
.glass-cards-98 {
  position: absolute;
  width: 320px;
  height: 120px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/gtpcFC4kZa.png)
    no-repeat center;
  background-size: cover;
  z-index: 298;
  border-radius: 12px;
}
.group-99 {
  flex-shrink: 0;
  position: absolute;
  width: 320px;
  height: 120px;
  top: 1022px;
  left: 20px;
  z-index: 306;
}
.frame-9a {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 15px;
  position: relative;
  width: 281px;
  margin: 28px 0 0 26px;
  z-index: 308;
}
.frame-9b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 136px;
  z-index: 309;
}
.sound-qa {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 138px;
  height: 19px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 310;
}
.composition-9c {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 38px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
  z-index: 311;
}
.frame-9d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 3px;
  position: relative;
  width: 130px;
  z-index: 312;
}
.game-developer {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 16px;
  color: #525252;
  font-family: Pretendard, var(--default-font-family);
  font-size: 9px;
  font-weight: 700;
  line-height: 16px;
  text-align: left;
  white-space: nowrap;
  z-index: 313;
}
.sound-quality {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 130px;
  min-width: 0;
  height: 48px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 9px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  z-index: 314;
}
.glass-card {
  position: absolute;
  width: 320px;
  height: 120px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/ADUbmMr7Ff.png)
    no-repeat center;
  background-size: cover;
  z-index: 307;
  border-radius: 12px;
}
.frame-9e {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 830px;
  padding: 50px 20px 0 20px;
  background: #101010;
  z-index: 315;
  overflow: hidden;
}
.frame-9f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24.349px;
  position: absolute;
  width: 701.239px;
  height: 626.349px;
  top: 388px;
  left: -111px;
  padding: 21.914px 129.047px 22.245px 129.047px;
  background: linear-gradient(180deg, rgba(16, 16, 16, 0), #101010);
  z-index: 316;
}
.group-a0 {
  flex-shrink: 0;
  position: relative;
  width: 535.6px;
  height: 478.4px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/fJpKt45yhF.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 317;
}
.frame-a1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 48px;
  position: absolute;
  width: 556px;
  height: 19px;
  top: -44px;
  left: 20px;
  z-index: 318;
}
.line {
  flex-shrink: 0;
  position: absolute;
  width: 556px;
  top: 142px;
  left: 348px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/GCY2bNNRP7.png)
    no-repeat center;
  background-size: cover;
  z-index: 319;
}
.frame-a2 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 25px;
  position: relative;
  min-width: 0;
  z-index: 320;
}
.date {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 19px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 321;
}
.awards {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 19px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 322;
}
.frame-a3 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 22px;
  position: absolute;
  width: 556px;
  height: 79px;
  top: 229px;
  left: 0;
  z-index: 323;
}
.text-64 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  white-space: nowrap;
  z-index: 324;
}
.frame-a4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 13px;
  position: relative;
  width: 231px;
  z-index: 325;
}
.taipei-game-show-indie-award {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 231px;
  height: 52px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  text-align: left;
  text-overflow: initial;
  z-index: 326;
  overflow: hidden;
}
.winner-best-audio {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 327;
}
.frame-a5 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 21.925px;
  position: absolute;
  width: 556px;
  height: 266.676px;
  top: 359px;
  left: 0;
  z-index: 328;
}
.text-67 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  white-space: nowrap;
  z-index: 329;
}
.frame-a6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 28.901px;
  position: relative;
  width: 231.208px;
  z-index: 330;
}
.frame-a7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12.956px;
  position: relative;
  min-width: 0;
  z-index: 331;
}
.taipei-game-show-indie-award-a8 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 231.208px;
  height: 52px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  text-align: left;
  text-overflow: initial;
  z-index: 332;
  overflow: hidden;
}
.finalist-best-audio {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 333;
}
.frame-a9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12.956px;
  position: relative;
  min-width: 0;
  z-index: 334;
}
.nyx-game-award-indie-department {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 231.208px;
  height: 52px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  text-align: left;
  text-overflow: initial;
  z-index: 335;
  overflow: hidden;
}
.winner-best-audio-design {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 336;
}
.frame-aa {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10.962px;
  position: relative;
  min-width: 0;
  z-index: 337;
}
.bitsummit {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  text-align: left;
  white-space: nowrap;
  z-index: 338;
}
.finalist-best-sound-design {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 339;
}
.frame-ab {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 22px;
  position: absolute;
  width: 556px;
  height: 53px;
  top: 682.676px;
  left: 0;
  z-index: 340;
}
.text-6e {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  white-space: nowrap;
  z-index: 341;
}
.frame-ac {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 13px;
  position: relative;
  width: 249px;
  z-index: 342;
}
.busan-indie-connect {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 26px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  text-align: left;
  white-space: nowrap;
  z-index: 343;
}
.finalist-excellence-in-audio {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 344;
}
.frame-ad {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  width: 360px;
  height: 880px;
  padding: 48px 20px 48px 20px;
  background: #101010;
  z-index: 345;
  overflow: hidden;
}
.contact {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 19px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 346;
}
.frame-ae {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 226px;
  z-index: 347;
}
.inquiry {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 223px;
  height: 48px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 23.867px;
  text-align: left;
  text-overflow: initial;
  z-index: 348;
  overflow: hidden;
}
.contact-email {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 23.867px;
  text-align: left;
  white-space: nowrap;
  z-index: 349;
}
.frame-af {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 48px;
  position: relative;
  min-width: 0;
  z-index: 350;
}
.frame-b0 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 28px;
  position: relative;
  z-index: 351;
}
.name {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 16.707px;
  text-align: left;
  white-space: nowrap;
  z-index: 352;
}
.frame-b1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  z-index: 353;
}
.input-name {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 25px;
  color: #4d4d4d;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 354;
}
.line-b2 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/NKt47nkC2i.png)
    no-repeat center;
  background-size: cover;
  z-index: 355;
}
.frame-b3 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 28px;
  position: relative;
  z-index: 356;
}
.email {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 16.707px;
  text-align: left;
  white-space: nowrap;
  z-index: 357;
}
.frame-b4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  z-index: 358;
}
.input-email {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 25px;
  color: #4d4d4d;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 359;
}
.line-b5 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/yWBvjOFwub.png)
    no-repeat center;
  background-size: cover;
  z-index: 360;
}
.frame-b6 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 28px;
  position: relative;
  z-index: 361;
}
.phone {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 16.707px;
  text-align: left;
  white-space: nowrap;
  z-index: 362;
}
.frame-b7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  z-index: 363;
}
.input-phone {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 25px;
  color: #4d4d4d;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 364;
}
.line-b8 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/NJRggDougA.png)
    no-repeat center;
  background-size: cover;
  z-index: 365;
}
.frame-b9 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 28px;
  position: relative;
  z-index: 366;
}
.message {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 16.707px;
  text-align: left;
  white-space: nowrap;
  z-index: 367;
}
.frame-ba {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  height: 25px;
  z-index: 368;
}
.input-message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 320px;
  height: 50px;
  color: #4d4d4d;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 25.2px;
  text-align: left;
  z-index: 369;
}
.line-bb {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/UUfdMbxJ0V.png)
    no-repeat center;
  background-size: cover;
  z-index: 370;
}
.frame-bc {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 9.527px;
  position: absolute;
  width: 130px;
  height: 39px;
  top: 800px;
  left: 210px;
  padding: 8.634px 17.565px 8.634px 17.565px;
  background: rgba(255, 255, 255, 0.1);
  z-index: 371;
  border-radius: 38.867px;
  backdrop-filter: blur(3.887px);
  box-shadow: 0 0 4.664px 0 rgba(255, 255, 255, 0.25) inset;
}
.send-message {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 84px;
  height: 18px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 372;
}
.vector-bd {
  flex-shrink: 0;
  position: relative;
  width: 10.791px;
  height: 9.942px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/QpPaJ0gAQF.png)
    no-repeat center;
  background-size: cover;
  z-index: 373;
}
.mo-min-faq {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 360px;
  height: 632px;
  padding: 0 20px 0 20px;
  background: #101010;
  z-index: 374;
}
.frame-be {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 44px;
  position: relative;
  width: 320px;
  padding: 127px 0 127px 0;
  z-index: 378;
  overflow: hidden;
}
.frequently-asked-questions {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 19px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: left;
  white-space: nowrap;
  z-index: 379;
}
.frame-bf {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 13px;
  position: relative;
  min-width: 0;
  z-index: 380;
}
.line-c0 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/nsJPDjAfsA.png)
    no-repeat center;
  background-size: cover;
  z-index: 381;
}
.frame-c1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 13px;
  position: relative;
  padding: 0 0 5px 0;
  z-index: 382;
}
.frame-c2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 383;
}
.work-duration {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  white-space: nowrap;
  z-index: 384;
}
.group-c3 {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/Lj7kmZfrUs.png)
    no-repeat center;
  background-size: cover;
  z-index: 385;
}
.line-c4 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/jinmEs9AB6.png)
    no-repeat center;
  background-size: cover;
  z-index: 386;
}
.frame-c5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 13px;
  position: relative;
  z-index: 387;
}
.frame-c6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 388;
}
.genre-restrictions {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  white-space: nowrap;
  z-index: 389;
}
.group-c7 {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/dDTPgixqOH.png)
    no-repeat center;
  background-size: cover;
  z-index: 390;
}
.line-c8 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/X67eGPNsgQ.png)
    no-repeat center;
  background-size: cover;
  z-index: 391;
}
.frame-c9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 13px;
  position: relative;
  z-index: 392;
}
.frame-ca {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 393;
}
.work-method {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  white-space: nowrap;
  z-index: 394;
}
.group-cb {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/JG3hTYX3gi.png)
    no-repeat center;
  background-size: cover;
  z-index: 395;
}
.line-cc {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/BjAFRgwa5B.png)
    no-repeat center;
  background-size: cover;
  z-index: 396;
}
.frame-cd {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 13px;
  position: relative;
  z-index: 397;
}
.frame-ce {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 398;
}
.sample-request {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  white-space: nowrap;
  z-index: 399;
}
.group-cf {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/f4DX1B61vT.png)
    no-repeat center;
  background-size: cover;
  z-index: 400;
}
.line-d0 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/MGUCyHYawn.png)
    no-repeat center;
  background-size: cover;
  z-index: 401;
}
.frame-d1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 13px;
  position: relative;
  z-index: 402;
}
.frame-d2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 403;
}
.cost-question {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  white-space: nowrap;
  z-index: 404;
}
.group-d3 {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/t5QnctgLZE.png)
    no-repeat center;
  background-size: cover;
  z-index: 405;
}
.line-d4 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/LAiutkopMx.png)
    no-repeat center;
  background-size: cover;
  z-index: 406;
}
.frame-d5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 13px;
  position: relative;
  z-index: 407;
}
.frame-d6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 408;
}
.project-inquiry {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  white-space: nowrap;
  z-index: 409;
}
.group-d7 {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/K2aGnp0Y0A.png)
    no-repeat center;
  background-size: cover;
  z-index: 410;
}
.line-d8 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/08WthFCF7Q.png)
    no-repeat center;
  background-size: cover;
  z-index: 411;
}
.group-d9 {
  flex-shrink: 0;
  position: absolute;
  width: 270.723px;
  height: 210px;
  top: -2px;
  left: 50%;
  transform: translate(-49.87%, 0);
  z-index: 375;
}
.faq {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 210px;
  top: 0;
  left: 11.07px;
  color: #1d1d1d;
  font-family: Pretendard, var(--default-font-family);
  font-size: 140.00936889648438px;
  font-weight: 400;
  line-height: 210px;
  text-align: left;
  white-space: nowrap;
  z-index: 376;
}
.rectangle-da {
  position: absolute;
  width: 270.723px;
  height: 120.181px;
  top: 68.945px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/yBmrceaNfW.png)
    no-repeat center;
  background-size: cover;
  z-index: 377;
}
.min-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 75px;
  position: relative;
  width: 360px;
  height: 874px;
  padding: 40px 0 40px 0;
  background: #101010;
  z-index: 412;
  overflow: hidden;
}
.ellipse {
  flex-shrink: 0;
  position: absolute;
  width: 1559px;
  height: 1559px;
  top: 528px;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/nZWg7fhQGf.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-49.97%, 0);
  z-index: 413;
  border-radius: 50%;
}
.frame-db {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 48px;
  position: relative;
  width: 320px;
  height: 249px;
  z-index: 414;
}
.frame-dc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 297px;
  z-index: 415;
}
.frame-dd {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 5px;
  position: relative;
  min-width: 0;
  z-index: 416;
}
.frame-de {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 14px;
  position: relative;
  width: 120px;
  z-index: 417;
}
.youtube {
  flex-shrink: 0;
  position: relative;
  width: 18px;
  height: 18px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/T1XHiK51Ga.png)
    no-repeat center;
  background-size: cover;
  z-index: 418;
  overflow: hidden;
}
.youtube-df {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: left;
  white-space: nowrap;
  z-index: 419;
}
.indigo-blue-soundstudio {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: left;
  white-space: nowrap;
  z-index: 420;
}
.frame-e0 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 5px;
  position: relative;
  width: 378px;
  z-index: 421;
}
.frame-e1 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 14px;
  position: relative;
  width: 120px;
  z-index: 422;
}
.instagram {
  flex-shrink: 0;
  position: relative;
  width: 18px;
  height: 18px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/LfwK1HSscH.png)
    no-repeat center;
  background-size: cover;
  z-index: 423;
  overflow: hidden;
}
.instagram-e2 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: left;
  white-space: nowrap;
  z-index: 424;
}
.hyegyeom-kim {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: left;
  white-space: nowrap;
  z-index: 425;
}
.frame-e3 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 7px;
  position: relative;
  width: 337px;
  z-index: 426;
}
.frame-e4 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 14px;
  position: relative;
  width: 120px;
  z-index: 427;
}
.group-e5 {
  flex-shrink: 0;
  position: relative;
  width: 17.719px;
  height: 13.431px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/hC3AdJMz4N.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 428;
}
.discord {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: left;
  white-space: nowrap;
  z-index: 429;
}
.indigo {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: left;
  white-space: nowrap;
  z-index: 430;
}
.frame-e6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 296.934px;
  z-index: 431;
}
.group-e7 {
  flex-shrink: 0;
  position: relative;
  width: 296.934px;
  height: 90.352px;
  z-index: 432;
}
.flex-column {
  position: absolute;
  width: 194px;
  height: 90.352px;
  top: 0;
  left: 102.934px;
  font-size: 0px;
  z-index: 434;
}
.indigo-blue {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 193px;
  height: 49px;
  margin: 0 0 0 0;
  color: #ffffff;
  font-family: Bebas Neue, var(--default-font-family);
  font-size: 52.37221145629883px;
  font-weight: 400;
  line-height: 48.268px;
  text-align: center;
  white-space: nowrap;
  z-index: 433;
}
.sound-studio {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 194px;
  height: 42px;
  margin: -0.65px 0 0 0;
  color: #ffffff;
  font-family: Bebas Neue, var(--default-font-family);
  font-size: 44.83515548706055px;
  font-weight: 400;
  line-height: 41.321px;
  text-align: center;
  white-space: nowrap;
  z-index: 434;
}
.vector-e8 {
  position: absolute;
  width: 28.56%;
  height: 90.94%;
  top: 0.3%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-08-15/jz5jRe6v6C.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 435;
}
.copyright {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 14px;
  color: #ffffff;
  font-family: Pretendard, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  z-index: 436;
}
.shaping-senses-beyond-sound {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  width: 289px;
  height: 320px;
  top: 230px;
  left: 32px;
  color: rgba(217, 217, 217, 0.1);
  font-family: Pretendard, var(--default-font-family);
  font-size: 72px;
  font-weight: 900;
  line-height: 80px;
  text-align: center;
  text-overflow: initial;
  z-index: 437;
  overflow: hidden;
  backdrop-filter: blur(4.305px);
  text-shadow: 0 0 8.609px rgba(255, 255, 255, 0.25);
}

span {
  height: auto !important;
}