.JEJUCITY {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  height: 6300px;
  align-items: center;
  position: relative;
  background-color: #ffffff;
}

.JEJUCITY .body-paints {
  position: absolute;
  width: 100%;
  height: 6300px;
  top: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgb(245, 245, 247) 0.57%,
    rgb(255, 255, 255) 0.57%
  );
}

.JEJUCITY .photo-area {
  width: 440px;
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid;
  border-color: #d9d9d9;
}

.JEJUCITY .top-nav {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 110px;
  height: 110px;
  align-items: center;
  padding: 0px 448px;
  position: relative;
  background-color: #ffffffcc;
  backdrop-filter: blur(20px) brightness(100%);
  -webkit-backdrop-filter: blur(20px) brightness(100%);
}

.JEJUCITY .title-container {
  flex-direction: column;
  max-width: 1024px;
  width: 1024px;
  height: 110px;
  align-items: flex-start;
  padding: 0px 14px;
  display: flex;
  position: relative;
}

.JEJUCITY .title-list {
  height: 110px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0px 0.17px 0px 0px;
  align-self: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.JEJUCITY .logo-container {
  flex-direction: column;
  width: 120px;
  display: flex;
  height: 110px;
  align-items: flex-start;
  position: relative;
}

.JEJUCITY .link-logo {
  display: flex;
  height: 110px;
  align-items: center;
  justify-content: center;
  padding: 0px 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.JEJUCITY .logo-box {
  width: 100px;
  display: flex;
  height: 110px;
  align-items: flex-start;
  position: relative;
}

.JEJUCITY .SVG {
  position: relative;
  width: 100px;
  height: 100px;
}

.JEJUCITY .image-logo {
  position: absolute;
  width: 90px;
  height: 90px;
  top: 8px;
  left: 5px;
  object-fit: cover;
}


.JEJUCITY .empty-left {
  width: 180px;
  position: relative;
  height: 110px;
}

.JEJUCITY .titlelogo-container {
  position: relative;
  width: 300px;
  height: 110px;
}

.JEJUCITY .empty-right {
  width: 200px;
  position: relative;
  height: 110px;
}

.JEJUCITY .wish {
  display: inline-flex;
  flex-direction: column;
  height: 110px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.JEJUCITY .wishbag-container {
  display: flex;
  flex-direction: column;
  width: 70px;
  height: 110px;
  align-items: flex-start;
  position: relative;
}

.JEJUCITY .livk-wishbag-box {
  position: relative;
  width: 50px;
  height: 110px;
  object-fit: cover;
}

.JEJUCITY .explain-page-main {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 6200px;
  align-items: center;
  gap: 20px;
  position: relative;
  background: linear-gradient(180deg, rgb(255 255 255 / 24%) 0%, rgba(138, 187, 255, 0.526) 20%, rgb(168 191 251 / 50%) 50%, rgb(188 208 255) 80%, rgb(0 163 255 / 4%) 100%);
}

.JEJUCITY .explain-page-title {
  display: flex;
  width: 100%;
  height: 250px;
  align-items: center;
  gap: 10px;
  justify-content:center;
  position: relative;
  margin-left: 50px;
  margin-right: 50px;
}

.JEJUCITY .div-wrapper {
  display: flex;
  width: 170px;
  height: 70px;
  align-items: center;
  justify-content: center;
  position: relative;
}

.JEJUCITY .text-wrapper {
  position: relative;
  width: 170px;
  height: 120px;
  font-family: var(--title-page-font-family);
  font-weight: var(--title-page-font-weight);
  color: #000000;
  font-size: var(--title-page-font-size);
  text-align: center;
  letter-spacing: var(--title-page-letter-spacing);
  line-height: var(--title-page-line-height);
  white-space: nowrap;
  font-style: var(--title-page-font-style);
  padding-top: 27px;
}

.JEJUCITY .jjcmap{
  width: 600px;
  height: 240px;
}

.JEJUCITY .element1{
  margin-top: 10px;
  width: 100%;
  height: 100%;
}
.JEJUCITY .main-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 6100px;
  align-items: center;
  gap: 20px;
  padding: 20px 0px;
  position: relative;
  margin-left: -10.00px;
  margin-right: -10.00px;
}

.JEJUCITY .explain-box {
  display: flex;
  width: 1238px;
  height: 402px;
  align-items:center;
  justify-content: center;
  padding: 16px 46px;
  position: relative;
  border-radius: 30px;
  border-style:solid;
  border-width:5px;
  border-color: #99d0e2;
}

.JEJUCITY .picture-box {
  display: flex;
  width: 447px;
  height: 324px;
  align-items: center;
  gap: 10px;
  padding: 10px;
  position: relative;
}

.JEJUCITY .search-pstatic {
  position: relative;
  width: 427px;
  height: 304px;
}

.JEJUCITY .empty-box {
  position: relative;
  width: 174px;
  height: 1px;
  border-radius: 15px;
  opacity: 0.6;
}

.JEJUCITY .object-box {
  display: flex;
  flex-direction: column;
  width: 465px;
  height: 370px;
  align-items: center;
  gap: 30px;
  padding: 8px 0px;
  position: relative;
  justify-content: CENTER;
}

.JEJUCITY .object-box-blank {
  display: flex;
  flex-direction: column;
  width: 465px;
  height: 370px;
  align-items: center;
  gap: 30px;
  padding: 20px 0px;
  position: relative;
}

.JEJUCITY .title-box {
  width: 465px;
  height: 60px;
  align-items: center;
  padding: 0px 11px;
  display: flex;
  position: relative;
}

.JEJUCITY .div {
  position: relative;
  width: fit-content;
  color: #000000;
  font-size: 24px;
  line-height: 24px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
}

.JEJUCITY .span {
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--heading-letter-spacing);
  line-height: var(--heading-line-height);
  font-family: var(--heading-font-family);
  font-style: var(--heading-font-style);
  font-size: var(--heading-font-size);
}

.JEJUCITY .text-wrapper-2 {
  font-family: var(--m3-title-small-font-family);
  font-weight: var(--m3-title-small-font-weight);
  font-size: var(--m3-title-small-font-size);
  letter-spacing: var(--m3-title-small-letter-spacing);
  line-height: var(--m3-title-small-line-height);
  font-style: var(--m3-title-small-font-style);
}

.JEJUCITY .text-wrapper-3 {
  position: absolute;
  width: 40px;
  top: 6px;
  left: 7px;
  color: #757575;
  font-size: var(--single-line-body-base-font-size);
  letter-spacing: var(--single-line-body-base-letter-spacing);
  line-height: var(--single-line-body-base-line-height);
  font-family: var(--single-line-body-base-font-family);
  font-weight: var(--single-line-body-base-font-weight);
  font-style: var(--single-line-body-base-font-style);
}

.JEJUCITY .frame {
  display: flex;
  width: 465px;
  height: 242px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  position: relative;
}

.JEJUCITY .element {
  position: relative;
  width: 450px;
  height: 324px;
  margin-top: -1.00px;
  margin-bottom: 0px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 21.0px;
}

.JEJUCITY .text-wrapper-4 {
  font-weight: 700;
}

.JEJUCITY .text-wrapper-5 {
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 21.0px;
}

.button button {
  width : 50px;
  height : 40px;
  border-radius: 10px;
  border : 0.5px solid #757575;
}
.button button a {
  text-decoration: none;
  color : black;
}
.button button:hover {
  color : #0000ffcc;
  cursor:pointer;
}