/* screen - application */

.application {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 3140px;
  overflow: hidden;
  padding: 0.5px 0;
  width: 1920px;
}

.application .group-81 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 153px;
  position: fixed;
  top: 0;
  width: 1930px;
  z-index: 7;
}

.application .frame-1171278195 {
  align-items: center;
  display: flex;
  height: 92px;
  padding: 0 70px;
  width: 1930px;
}

.application .group-1 {
  cursor: pointer;
  height: 40px;
  margin-top: 0;
  transition: all 0.6s ease;
  width: 40px;
}

.application .group-1:hover {
  transform: rotate(180deg);
}

.application .title {
  cursor: pointer;
  letter-spacing: -2.16px;
  line-height: normal;
  margin-bottom: 2.0px;
  margin-left: 760px;
  min-height: 62px;
  min-width: 184px;
  text-align: center;
  white-space: nowrap;
}

.application .material-symbolssearch {
  height: 74px;
  margin-left: 647px;
  width: 74px;
}

.application .rectangle {
  background-color: var(--black);
  height: 3px;
  width: 25px;
}

.application .flex-row {
  gap: 48px;
  margin-left: 2.0px;
  min-width: 1792px;
}

.application .frame-1171278191 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 21px;
  height: 61px;
  transition: all 0.2s ease;
  width: 320px;
}

.application .frame-1171278191:hover {
  background-color: #c0c0c0
}

.application .polestar-2 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 15px;
  margin-top: 20px;
  min-height: 19px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.application .polestar-2:hover {
  color: #ffffff
}

.application .link:hover {
  background-color: #C0C0C0
}

.application .polestar-4 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 15px;
  margin-top: 20px;
  min-height: 19px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.application .polestar-4:hover {
  color: #ffffff
}

.application .text-829 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 15px;
  margin-top: 20px;
  min-height: 19px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.application .text-829:hover {
  color: #ffffff
}

.application .my-car {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 15px;
  margin-top: 20px;
  min-height: 19px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.application .my-car:hover {
  color: #ffffff
}

.application .text-830 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 15px;
  margin-top: 20px;
  min-height: 19px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.application .text-830:hover {
  color: #ffffff
}

.application .flex-row-1 {
  align-items: center;
  display: flex;
  gap: 32px;
  margin-right: 6.2px;
  margin-top: 206px;
  min-width: 1776px;
  z-index: 1;
}

.application .flex-row-2 {
  align-items: center;
  display: flex;
  gap: 424px;
  height: 938px;
  min-width: 1161px;
}

.application .flex-col {
  flex-direction: column;
  min-height: 938px;
  width: 155px;
}

.application .text-802 {
  letter-spacing: -2.16px;
  line-height: normal;
  margin-left: 1.1px;
  min-height: 43px;
  white-space: nowrap;
}

.application .address {
  letter-spacing: -2.16px;
  line-height: normal;
  margin-left: 0.32px;
  margin-top: 116px;
  min-height: 43px;
  white-space: nowrap;
}

.application .text-818 {
  letter-spacing: -2.16px;
  line-height: normal;
  margin-top: 693px;
  min-height: 43px;
  white-space: nowrap;
}

.application .flex-col-1 {
  width: 582px;
}

.application .text-805 {
  letter-spacing: -1.00px;
  line-height: normal;
  margin-left: 7.36px;
  min-height: 24px;
  white-space: nowrap;
}

.application .frame-11712782 {
  align-items: center;
  background-color: var(--shark);
  border-radius: 5px;
  display: flex;
  gap: 10px;
  height: 62px;
  margin-left: 2.0px;
  margin-top: 20px;
  padding: 10px;
  position: relative;
  width: 580px;
}

.application .x {
  background-color: transparent;
  border: 0;
  flex: 0 0 auto;
  letter-spacing: -1.00px;
  line-height: normal;
  padding: 0;
  position: relative;
  white-space: nowrap;
}

.application .x::placeholder {
  color: #c2c2c299;
}

.application .text-80 {
  letter-spacing: -1.00px;
  line-height: normal;
  margin-top: 42px;
  min-height: 24px;
  white-space: nowrap;
}

.application .x-1 {
  background-color: transparent;
  border: 0;
  flex: 0 0 auto;
  letter-spacing: -1.00px;
  line-height: normal;
  padding: 0;
  position: relative;
  white-space: nowrap;
}

.application .x-1::placeholder {
  color: #c2c2c299;
}

.application .x-2 {
  background-color: transparent;
  border: 0;
  flex: 0 0 auto;
  letter-spacing: -1.00px;
  line-height: normal;
  padding: 0;
  position: relative;
  white-space: nowrap;
}

.application .x-3 {
  background-color: transparent;
  border: 0;
  flex: 0 0 auto;
  letter-spacing: -1.00px;
  line-height: normal;
  padding: 0;
  position: relative;
  white-space: nowrap;
}

.application .flex-col-2 {
  width: 583px;
}

.application .text-804 {
  letter-spacing: -1.00px;
  line-height: normal;
  margin-left: 2.0px;
  min-height: 24px;
  white-space: nowrap;
}

.application .frame-1171278276 {
  align-items: center;
  background-color: var(--shark);
  border-radius: 5px;
  display: flex;
  gap: 10px;
  height: 62px;
  margin-left: 2.0px;
  margin-top: 19px;
  padding: 10px;
  position: relative;
  width: 580px;
}

.application .x-4 {
  background-color: transparent;
  border: 0;
  flex: 0 0 auto;
  letter-spacing: -1.00px;
  line-height: normal;
  padding: 0;
  position: relative;
  white-space: nowrap;
}

.application .text-806 {
  letter-spacing: -1.00px;
  line-height: normal;
  margin-left: 2.0px;
  margin-top: 43px;
  min-height: 24px;
  white-space: nowrap;
}

.application .frame-container {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  margin-left: 2.36px;
  margin-top: 19px;
  min-width: 580px;
}

.application .frame-1171278273 {
  align-items: flex-end;
  background-color: var(--shark);
  border-radius: 5px;
  display: flex;
  height: 62px;
  overflow: hidden;
  padding: 16.9px 16.6px;
  width: 110px;
}

.application .text-803 {
  color: var(--white);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  letter-spacing: -1.19px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.application .vector {
  height: 11.87px;
  position: relative;
  width: 21.57px;
}

.application .frame-1171278278 {
  align-items: center;
  align-self: flex-end;
  background-color: var(--shark);
  border-radius: 5px;
  display: flex;
  gap: 10px;
  height: 62px;
  padding: 10px;
  position: relative;
  width: 460px;
}

.application .x-5 {
  background-color: transparent;
  border: 0;
  flex: 0 0 auto;
  letter-spacing: -1.00px;
  line-height: normal;
  padding: 0;
  position: relative;
  white-space: nowrap;
}

.application .x-5::placeholder {
  color: #c2c2c299;
}

.application .text-811 {
  letter-spacing: -1.00px;
  line-height: normal;
  margin-top: 43px;
  min-height: 24px;
  white-space: nowrap;
}

.application .x-6 {
  background-color: transparent;
  border: 0;
  flex: 0 0 auto;
  letter-spacing: -1.00px;
  line-height: normal;
  padding: 0;
  position: relative;
  white-space: nowrap;
}

.application .x-6::placeholder {
  color: #c2c2c299;
}

.application .text-810 {
  letter-spacing: -1.00px;
  line-height: normal;
  margin-left: 1.0px;
  margin-top: 42px;
  min-height: 24px;
  white-space: nowrap;
}

.application .frame-1171278282 {
  align-items: center;
  background-color: var(--shark);
  border-radius: 5px;
  display: flex;
  gap: 10px;
  height: 62px;
  margin-left: 3.0px;
  margin-top: 20px;
  padding: 10px;
  position: relative;
  width: 580px;
}

.application .x-7 {
  background-color: transparent;
  border: 0;
  flex: 0 0 auto;
  letter-spacing: -1.00px;
  line-height: normal;
  padding: 0;
  position: relative;
  white-space: nowrap;
}

.application .x-7::placeholder {
  color: #c2c2c299;
}

.application .frame-container-1 {
  align-items: flex-start;
  display: flex;
  gap: 36px;
  margin-right: 4.46px;
  margin-top: 81px;
  min-width: 1776px;
  z-index: 5;
}

.application .frame-1171278433 {
  align-items: center;
  align-self: flex-end;
  border: 1px solid;
  border-color: var(--black);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 549px;
  justify-content: center;
  padding: 10px 20px;
  position: relative;
  width: 870px;
}

.application .frame-1171278432 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 17px;
  position: relative;
  width: 100%;
}

.application .image-75 {
  align-self: stretch;
  height: 296.63px;
  position: relative;
  width: 100%;
}

.application .frame-1171278431 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 114px;
  position: relative;
}

.application .d-gate {
  letter-spacing: -1.80px;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.application .frame-1171278224 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 419px;
}

.application .polestar-busan {
  align-self: stretch;
  letter-spacing: -1.20px;
  line-height: 30px;
  position: relative;
}

.application .text-819 {
  align-self: stretch;
  letter-spacing: -1.20px;
  line-height: 30px;
  position: relative;
}

.application .frame-1171278413 {
  align-self: stretch;
  border: 1px solid;
  border-color: var(--nobel-2);
  border-radius: 5px;
  cursor: pointer;
  height: 92px;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease;
  width: 100%;
}

.application .frame-1171278413:hover {
  background-color: #e9e9e9
}

.application .text-82 {
  color: var(--dove-gray-2);
  font-family: var(--font-family-pretendard-bold);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  left: 379px;
  letter-spacing: -0.80px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 33px;
  white-space: nowrap;
}

.application .frame-1171278434 {
  align-items: center;
  border: 1px solid;
  border-color: var(--black);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 549px;
  justify-content: center;
  padding: 10px 20px;
  position: relative;
  width: 870px;
}

.application .d-gate-1 {
  letter-spacing: -1.80px;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.application .polestar-busan-1 {
  align-self: stretch;
  letter-spacing: -1.20px;
  line-height: 30px;
  position: relative;
}

.application .text-821 {
  align-self: stretch;
  letter-spacing: -1.20px;
  line-height: 30px;
  position: relative;
}

.application .frame-1171278287 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-right: 156.17px;
  margin-top: 127px;
  position: relative;
  width: 1043px;
  z-index: 2;
}

.application .ellipse-5 {
  border: 2px solid;
  border-color: var(--storm-dust);
  border-radius: 13.42px;
  cursor: pointer;
  height: 26.84px;
  position: relative;
  transition: all 0.2s ease;
  width: 26.84px;
}

.application .ellipse-5:hover {
  background-color: #C4C4C4
}

.application .text-81 {
  letter-spacing: -1.00px;
  line-height: normal;
  position: relative;
  width: 998px;
}

.application .ellipse {
  border: 2px solid;
  border-color: var(--storm-dust);
  border-radius: 13.42px;
  height: 26.84px;
  position: relative;
  width: 26.84px;
}

.application .polestar {
  letter-spacing: -1.00px;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  width: 998px;
}

.application .frame-1171278365 {
  align-items: flex-start;
  background-color: var(--black);
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  height: 76px;
  margin-right: 238.02px;
  margin-top: 76px;
  overflow: hidden;
  padding: 26px 73px;
  transition: all 0.2s ease;
  width: 240px;
  z-index: 3;
}

.application .frame-1171278365:hover {
  background-color: #000000
}

.application .text-816 {
  letter-spacing: -1.08px;
  line-height: normal;
  min-height: 21px;
  min-width: 92px;
  text-align: center;
  white-space: nowrap;
}

.application .frame-1171278288 {
  align-items: center;
  display: inline-flex;
  gap: 11px;
  margin-right: 47.02px;
  margin-top: 50px;
  position: relative;
  z-index: 4;
}

.application .text-817 {
  color: var(--black);
  font-family: var(--font-family-helvetica_neue-regular);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: -1.00px;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.application .group-83 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 4.16px;
  margin-top: 521px;
  min-height: 139px;
  width: 1788px;
  z-index: 6;
}

.application .vector-40 {
  height: 1px;
  margin-left: 1.5px;
  object-fit: cover;
  width: 1779px;
}

.application .flex-row-3 {
  align-items: flex-end;
  display: flex;
  height: 22px;
  margin-top: 21px;
  min-width: 1780px;
}

.application .polestar-2024-all-rights-reserved {
  letter-spacing: -1.00px;
  line-height: normal;
  min-height: 19px;
  min-width: 215px;
  text-align: right;
  white-space: nowrap;
}

.application .text-823 {
  letter-spacing: -1.00px;
  line-height: normal;
  margin-left: 20px;
  min-height: 19px;
  min-width: 4px;
  text-align: right;
  white-space: nowrap;
}

.application .frame-1171278306 {
  align-items: center;
  display: inline-flex;
  gap: 46px;
  margin-left: 23px;
  position: relative;
}

.application .icon-park-outlineearth {
  align-self: flex-start;
  height: 20px;
  margin-left: 982px;
  width: 20px;
}

.application .text-828 {
  align-self: center;
  letter-spacing: -1.00px;
  line-height: normal;
  margin-bottom: 1.0px;
  margin-left: 8px;
  min-height: 19px;
  min-width: 56px;
  text-align: right;
  white-space: nowrap;
}

.application .vector-41 {
  height: 1px;
  margin-left: 1.5px;
  margin-top: 24px;
  object-fit: cover;
  width: 1779px;
}

.application .text_label {
  letter-spacing: -1.00px;
  line-height: normal;
  margin-left: 1px;
  margin-top: 31px;
  min-height: 38px;
  width: 807px;
}

.application .flex {
  align-items: flex-start;
  display: flex;
}

.application .flex-col-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 88.31px;
  min-height: 550px;
}

.application .kr-2 {
  align-self: stretch;
  letter-spacing: -1.20px;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
}

.application .space-2 {
  letter-spacing: -1.80px;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}