*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body,
div,
span,
object,
iframe,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
code,
em,
img,
small,
strike,
strong,
sub,
sup,
tt,
b,
u,
i,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
main,
canvas,
embed,
footer,
header,
nav,
section,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: none;
}

footer,
header,
nav,
section,
main {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

a {
  text-decoration: none;
  color: black;
  cursor: pointer;
}

button {
  outline: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 16px;
  display: inline-flex;
  align-items: center;
}

img {
  border: none;
}

/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-display: block;
  src: local("Pretendard Black"), url("/res/font/Pretendard/Pretendard-Black.woff2") format("woff2"), url("/res/font/Pretendard/Pretendard-Black.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-display: block;
  src: local("Pretendard ExtraBold"), url("/res/font/Pretendard/Pretendard-ExtraBold.woff2") format("woff2"), url("/res/font/Pretendard/Pretendard-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: block;
  src: local("Pretendard Bold"), url("/res/font/Pretendard/Pretendard-Bold.woff2") format("woff2"), url("/res/font/Pretendard/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: block;
  src: local("Pretendard SemiBold"), url("/res/font/Pretendard/Pretendard-SemiBold.woff2") format("woff2"), url("/res/font/Pretendard/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: block;
  src: local("Pretendard Medium"), url("/res/font/Pretendard/Pretendard-Medium.woff2") format("woff2"), url("/res/font/Pretendard/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: block;
  src: local("Pretendard Regular"), url("/res/font/Pretendard/Pretendard-Regular.woff2") format("woff2"), url("/res/font/Pretendard/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: block;
  src: local("Pretendard Light"), url("/res/font/Pretendard/Pretendard-Light.woff2") format("woff2"), url("/res/font/Pretendard/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-display: block;
  src: local("Pretendard ExtraLight"), url("/res/font/Pretendard/Pretendard-ExtraLight.woff2") format("woff2"), url("/res/font/Pretendard/Pretendard-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-display: block;
  src: local("Pretendard Thin"), url("/res/font/Pretendard/Pretendard-Thin.woff2") format("woff2"), url("/res/font/Pretendard/Pretendard-Thin.woff") format("woff");
}
@font-face {
  font-family: "NanumGothic";
  font-weight: 400;
  font-display: block;
  src: local("NanumGothic"), url("/res/font/NanumGothic/NanumGothic.woff2") format("woff2"), url("/res/font/NanumGothic/NanumGothic.woff") format("woff"), url("/res/font/NanumGothic/NanumGothic.ttf") format("truetype");
}
@font-face {
  font-family: "NanumGothic";
  font-weight: 700;
  font-display: block;
  src: local("NanumGothic"), url("/res/font/NanumGothic/NanumGothicBold.woff2") format("woff2"), url("/res/font/NanumGothic/NanumGothicBold.woff") format("woff"), url("/res/font/NanumGothic/NanumGothicBold.ttf") format("truetype");
}
@font-face {
  font-family: "NanumGothic";
  font-weight: 800;
  font-display: block;
  src: local("NanumGothic"), url("/res/font/NanumGothic/NanumGothicExtraBold.woff2") format("woff2"), url("/res/font/NanumGothic/NanumGothicExtraBold.woff") format("woff"), url("/res/font/NanumGothic/NanumGothicExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "NanumGothic";
  font-weight: 300;
  font-display: block;
  src: local("NanumGothic"), url("/res/font/NanumGothic/NanumGothicLight.woff2") format("woff2"), url("/res/font/NanumGothic/NanumGothicLight.woff") format("woff"), url("/res/font/NanumGothic/NanumGothicLight.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica Neue Lt Std";
  font-weight: 900;
  font-display: block;
  src: local("Helvetica Neue Lt Std"), url("/res/font/Helvetica/HelveticaNeueLTStd-HvEx.woff2") format("woff2"), url("/res/font/Helvetica/HelveticaNeueLTStd-HvEx.woff") format("woff"), url("/res/font/Helvetica/HelveticaNeueLTStd-HvEx.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica Neue Lt Std";
  font-weight: 800;
  font-display: block;
  src: local("Helvetica Neue Lt Std"), url("/res/font/Helvetica/HelveticaNeueLTStd-Hv.woff2") format("woff2"), url("/res/font/Helvetica/HelveticaNeueLTStd-Hv.woff") format("woff"), url("/res/font/Helvetica/HelveticaNeueLTStd-Hv.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica Neue Lt Std";
  font-weight: 400;
  font-display: block;
  src: local("Helvetica Neue Lt Std"), url("/res/font/Helvetica/HelveticaNeueLTStd-Roman.woff2") format("woff2"), url("/res/font/Helvetica/HelveticaNeueLTStd-Roman.woff") format("woff"), url("/res/font/Helvetica/HelveticaNeueLTStd-Roman.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica33-ExtendedThin";
  font-weight: 100;
  font-display: block;
  src: local("Helvetica33-ExtendedThin"), url("/res/font/Helvetica/Helvetica33-ExtendedThin.woff2") format("woff2"), url("/res/font/Helvetica/Helvetica33-ExtendedThin.woff") format("woff"), url("/res/font/Helvetica/Helvetica33-ExtendedThin.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica italic";
  font-weight: 700;
  font-style: italic;
  src: local("Helvetica Neue"), url("/res/font/Helvetica/Helvetica_76_Bold_Italic.woff2") format("woff2"), url("/res/font/Helvetica/Helvetica_76_Bold_Italic.woff") format("woff"), url("/res/font/Helvetica/Helvetica_76_Bold_Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica";
  font-weight: 400;
  src: local("Helvetica"), url("/res/font/Helvetica/Helvetica.woff2") format("woff2"), url("/res/font/Helvetica/Helvetica.woff") format("woff"), url("/res/font/Helvetica/Helvetica.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica-Neue-LT-Std-53-Extended";
  font-weight: 400;
  src: url("/res/font/Helvetica/Helvetica-Neue-LT-Std-53-Extended.woff2") format("woff2"), url("/res/font/Helvetica/Helvetica-Neue-LT-Std-53-Extended.woff") format("woff"), url("/res/font/Helvetica/Helvetica-Neue-LT-Std-53-Extended.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica_Neue_LT_Std_83_Heavy_Extended";
  font-weight: 750;
  src: url("/res/font/Helvetica/Helvetica_Neue_LT_Std_83_Heavy_Extended.woff2") format("woff2"), url("/res/font/Helvetica/Helvetica_Neue_LT_Std_83_Heavy_Extended.woff") format("woff"), url("/res/font/Helvetica/Helvetica_Neue_LT_Std_83_Heavy_Extended.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica_Neue_LT_Std_43_Light_Extended";
  font-weight: 400;
  src: url("/res/font/Helvetica/Helvetica_Neue_LT_Std_43_Light_Extended.woff2") format("woff2"), url("/res/font/Helvetica/Helvetica_Neue_LT_Std_43_Light_Extended.woff") format("woff"), url("/res/font/Helvetica/Helvetica_Neue_LT_Std_43_Light_Extended.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica_Neue_hv";
  font-weight: 600;
  src: url("/res/font/Helvetica/HelveticaNeue-HeavyExt.woff2") format("woff2"), url("/res/font/Helvetica/HelveticaNeue-HeavyExt.woff") format("woff"), url("/res/font/Helvetica/HelveticaNeue-HeavyExt.ttf") format("truetype");
}
@font-face {
  font-family: "Helvetica 73 Bold Extended";
  font-weight: 600;
  src: url("/res/font/Helvetica/Helvetica_73_Bold_Extended.woff2") format("woff2"), url("/res/font/Helvetica/Helvetica_73_Bold_Extended.woff") format("woff"), url("/res/font/Helvetica/Helvetica_73_Bold_Extended.ttf") format("truetype");
}
.noscroll {
  height: 100%;
  overflow: hidden;
}

html {
  background-color: black;
  color: white;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-weight: normal;
  scroll-snap-type: y proximity;
}

body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 100vh;
  overflow-x: hidden;
}

body:after {
  display: none;
  content: url("/res/img/icon/Summons(Hover).png");
}

body::-webkit-scrollbar {
  display: none;
}

.hidden {
  display: none;
}

section,
article,
main,
header,
footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
}

i {
  font-style: italic;
}

.snap {
  scroll-snap-align: start;
  -webkit-overflow-scrolling: touch;
}

.w {
  max-width: 1440px;
  width: 100%;
  padding: 0 min(7vw, 100.8px);
}

.mob {
  display: none;
}

@media (max-width: 360px) {
  .w {
    padding: 0 20px;
  }
}
@media (max-width: 375px) {
  .w {
    padding: 0 35px;
  }
}
@media (max-width: 425px) {
  html {
    scroll-snap-type: unset;
  }

  .snap {
    scroll-snap-align: unset;
    -webkit-overflow-scrolling: unset;
  }

  .mob {
    display: unset;
  }

  .pc {
    display: none;
  }

  .w {
    padding: 0 20px;
  }
}
@-webkit-keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
.claimPhase1 {
  width: 835px;
  height: 720px;
  position: relative;
  background: #000000;
  border: 5px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 6px 8px 11px rgba(0, 0, 0, 0.12), 6px 21px 34px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
}
.claimPhase1 .closeBtn {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 21px;
  height: 21px;
  background-image: url("/res/img/icon/wallet_close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
}
.claimPhase1 .switchPhaseDiv {
  height: 52px;
  width: 100%;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  text-align: center;
}
.claimPhase1 .switchPhaseDiv .nextBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #00DBFF;
}
.claimPhase1 .switchPhaseDiv .nextBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.claimPhase1 .switchPhaseDiv .nextBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.claimPhase1 .switchPhaseDiv .prevBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #ADB3BC;
}
.claimPhase1 .switchPhaseDiv .prevBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.claimPhase1 .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.claimPhase1 .switchPhaseDiv .prevBtn p {
  color: #232323;
}
.claimPhase1 .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_left.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.claimPhase1 .switchPhaseDiv .disabled {
  background: #444444;
  color: #161616;
  cursor: text;
}
.claimPhase1 .switchPhaseDiv .nextNotSelected {
  background: #4D5359;
}
.claimPhase1 .switchPhaseDiv .nextNotSelected p {
  color: #909BA6;
}
.claimPhase1 .switchPhaseDiv .nextNotSelected .selectArrow {
  background: url("/res/img/icon/select_right_light.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.claimPhase1 .switchPhaseDiv .hidden {
  display: none;
}
.claimPhase1 .loaderDiv {
  position: absolute;
  top: 350px;
  left: 380px;
  width: 60px;
  height: 60px;
  z-index: 3;
}
.claimPhase1 .loaderDiv .loader {
  margin: 50px auto;
  font-size: 9px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.claimPhase1 .dashboard {
  height: calc(100% - 52px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}
.claimPhase1 .dashboard .hasClaimable {
  text-align: center;
}
.claimPhase1 .dashboard .hasClaimable .title {
  margin-top: 100px;
  height: 58px;
  align-items: center;
  text-align: center;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 24px;
}
.claimPhase1 .dashboard .hasClaimable .subTitle {
  margin-top: 3px;
  width: 700px;
  height: 44px;
  text-align: center;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  color: #818181;
}
.claimPhase1 .dashboard .hasClaimable .subTitle b {
  font-weight: 700;
  color: #FFFFFF;
}
.claimPhase1 .dashboard .hasClaimable .claimableGhostDiv {
  margin-top: 60px;
  width: 632px;
  height: 330px;
  display: inline-flex;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 16px;
  overflow-y: scroll;
}
.claimPhase1 .dashboard .hasClaimable .claimableGhostDiv .grid {
  width: 65px;
  height: 87px;
}
.claimPhase1 .dashboard .hasClaimable .claimableGhostDiv .grid .imgDiv {
  width: 65px;
  height: 65px;
  border-radius: 51px;
}
.claimPhase1 .dashboard .hasClaimable .claimableGhostDiv .grid .imgDiv img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 51px;
  object-fit: cover;
}
.claimPhase1 .dashboard .hasClaimable .claimableGhostDiv .grid .ghostId {
  margin-top: 8px;
  width: 65px;
  height: 14px;
  text-align: center;
}
.claimPhase1 .dashboard .hasClaimable .claimableGhostDiv .grid .ghostId p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
  color: #FFFFFF;
}
.claimPhase1 .dashboard .noClaimable {
  position: absolute;
  width: 765px;
  height: 435px;
  left: 30px;
  top: 130px;
  background: #000000;
  z-index: 2;
}
.claimPhase1 .dashboard .noClaimable .noGhostDiv {
  position: absolute;
  width: 697px;
  height: 386px;
  left: 34px;
  top: 30px;
  border: 1px dashed #BBBBBB;
  box-sizing: border-box;
  border-radius: 23px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}
.claimPhase1 .dashboard .noClaimable .noGhostDiv .mainText {
  margin-top: 80px;
  width: 650px;
  height: 58px;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 24px;
  color: #FF3737;
}
.claimPhase1 .dashboard .noClaimable .noGhostDiv .subText {
  margin-top: 30px;
  width: 700px;
  height: 44px;
  text-align: center;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  color: #818181;
}
.claimPhase1 .dashboard .noClaimable .noGhostDiv .subText b {
  font-weight: 700;
  color: #FFFFFF;
}
.claimPhase1 .dashboard .noClaimable .noGhostDiv .openseaDiv {
  margin-top: 40px;
  width: 256px;
  height: 52px;
  background: #00DFFF;
  border-radius: 51px;
  border: 3px solid #AFF5FF;
  box-shadow: inset 0px -10px 11px rgba(0, 0, 0, 0.2), inset 0px -23px 23px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 10px;
}
.claimPhase1 .dashboard .noClaimable .noGhostDiv .openseaDiv p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #161616;
}
.claimPhase1 .dashboard .noClaimable .noGhostDiv .openseaDiv img {
  width: 24px;
  height: 24px;
}
.claimPhase1 .dashboard .hidden {
  display: none;
}

.claimPhase2 {
  width: 835px;
  height: 720px;
  position: relative;
  background: #000000;
  border: 5px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 6px 8px 11px rgba(0, 0, 0, 0.12), 6px 21px 34px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.claimPhase2 .closeBtn {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 21px;
  height: 21px;
  background-image: url("/res/img/icon/wallet_close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
}
.claimPhase2 .switchPhaseDiv {
  height: 52px;
  width: 100%;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  text-align: center;
}
.claimPhase2 .switchPhaseDiv .nextBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #00DBFF;
}
.claimPhase2 .switchPhaseDiv .nextBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.claimPhase2 .switchPhaseDiv .nextBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.claimPhase2 .switchPhaseDiv .prevBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #ADB3BC;
}
.claimPhase2 .switchPhaseDiv .prevBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.claimPhase2 .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.claimPhase2 .switchPhaseDiv .prevBtn p {
  color: #232323;
}
.claimPhase2 .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_left.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.claimPhase2 .switchPhaseDiv .disabled {
  background: #444444;
  color: #161616;
  cursor: text;
}
.claimPhase2 .switchPhaseDiv .nextNotSelected {
  background: #4D5359;
}
.claimPhase2 .switchPhaseDiv .nextNotSelected p {
  color: #909BA6;
}
.claimPhase2 .switchPhaseDiv .nextNotSelected .selectArrow {
  background: url("/res/img/icon/select_right_light.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.claimPhase2 .switchPhaseDiv .hidden {
  display: none;
}
.claimPhase2 .loaderDiv {
  position: absolute;
  top: 133px;
  left: 380px;
  width: 60px;
  height: 60px;
  z-index: 3;
}
.claimPhase2 .loaderDiv .loader {
  margin: 50px auto;
  font-size: 9px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.claimPhase2 .title {
  margin-top: 76px;
  height: 29px;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 24px;
}
.claimPhase2 .linkDiv {
  margin-top: 7px;
  height: 22px;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 8px;
  cursor: pointer;
}
.claimPhase2 .linkDiv .linkIcon {
  width: 24px;
  height: 24px;
  background: url("/res/img/icon/link_light.svg");
}
.claimPhase2 .linkDiv p {
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  border-bottom: 1px dashed #FFFFFF;
}
.claimPhase2 img {
  margin-top: 82px;
  width: 825px;
  height: 495px;
}

.claimPhase3 {
  width: 835px;
  height: 720px;
  position: relative;
  background: #000000;
  border: 5px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 6px 8px 11px rgba(0, 0, 0, 0.12), 6px 21px 34px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.claimPhase3 .closeBtn {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 21px;
  height: 21px;
  background-image: url("/res/img/icon/wallet_close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
}
.claimPhase3 .switchPhaseDiv {
  height: 52px;
  width: 100%;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  text-align: center;
}
.claimPhase3 .switchPhaseDiv .nextBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #00DBFF;
}
.claimPhase3 .switchPhaseDiv .nextBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.claimPhase3 .switchPhaseDiv .nextBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.claimPhase3 .switchPhaseDiv .prevBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #ADB3BC;
}
.claimPhase3 .switchPhaseDiv .prevBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.claimPhase3 .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.claimPhase3 .switchPhaseDiv .prevBtn p {
  color: #232323;
}
.claimPhase3 .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_left.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.claimPhase3 .switchPhaseDiv .disabled {
  background: #444444;
  color: #161616;
  cursor: text;
}
.claimPhase3 .switchPhaseDiv .nextNotSelected {
  background: #4D5359;
}
.claimPhase3 .switchPhaseDiv .nextNotSelected p {
  color: #909BA6;
}
.claimPhase3 .switchPhaseDiv .nextNotSelected .selectArrow {
  background: url("/res/img/icon/select_right_light.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.claimPhase3 .switchPhaseDiv .hidden {
  display: none;
}
.claimPhase3 .imgDiv {
  margin-top: 120px;
  width: 180px;
  height: 180px;
  border-radius: 200px;
}
.claimPhase3 .imgDiv img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 200px;
  object-fit: contain;
}
.claimPhase3 .title {
  margin-top: 24px;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 40px;
  text-align: center;
  color: #00B600;
}
.claimPhase3 .desc {
  margin-top: 16px;
  margin-bottom: 40px;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  color: #00B600;
}
.claimPhase3 .fail {
  color: #ff3737;
}
.claimPhase3 .status {
  width: 540px;
  padding: 20px 20px 20px 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 90px;
  background: #111111;
  border-radius: 10px;
  column-gap: 15px;
}
.claimPhase3 .status .statusLabel {
  width: 50px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.claimPhase3 .status .statusLabel p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 16px;
  color: #ffffff;
}
.claimPhase3 .status .statusDesc {
  width: 400px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.claimPhase3 .status .statusDesc p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 16px;
  color: #ffffff;
}
.claimPhase3 .status .statusDesc a {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 16px;
  color: #ffffff;
  text-decoration: dashed underline white;
  text-underline-offset: 3px;
  line-height: 20px;
  word-break: break-all;
}
.claimPhase3 .status .copyPart {
  margin-top: 40px;
  width: 20px;
}
.claimPhase3 .status .copyPart .clipboard {
  background: none;
}

.fadeOut {
  animation-name: fadeOut;
  animation-duration: 0.5s;
  opacity: 0;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fadeIn {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  opacity: 1;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.flexmenu {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: flex-end;
}

.header {
  position: sticky;
  top: 0px;
  z-index: 50;
  background-color: black;
  padding: 64px 0 16px 0;
}
.header--con {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  row-gap: 1rem;
}
.header__flags {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  column-gap: 16px;
}
.header__flags--flag {
  width: 32px;
  height: 32px;
}
.header__flags--flag > img {
  width: 32px;
  height: 32px;
}
.header__links {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  column-gap: max(32px, min(64px, 0.0769230769 * (100vw - 1024px) + 32px));
  padding: 0 15px;
}
.header__links > a {
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 1.2em;
  letter-spacing: 0.08em;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-weight: 400;
  color: inherit;
}
@media (max-width: 425px) {
  .header__links > a {
    font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
    font-size: 24px;
    line-height: 27.6px;
  }
}
.header__search {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.header__search > img {
  width: 24px;
  height: 24px;
}
.header__search--box {
  width: 94px;
  height: 28px;
  background-color: #202124;
  border-radius: 15px;
  padding: 4.4px 12px;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: 4px;
  align-items: center;
}
.header__search--box > img {
  width: 11.88px;
  height: 9.5px;
}
.header__search--text {
  border: none;
  background-color: transparent;
  width: 52px;
  height: 100%;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 1.2em;
  letter-spacing: 0.08em;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-weight: 400;
  color: #B3B3B3;
  outline: none;
}
@media (max-width: 425px) {
  .header__search--text {
    font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
    font-size: 24px;
    line-height: 27.6px;
  }
}
.header .hidden {
  display: none;
}
.header__mob--open {
  display: none;
  background-color: black;
}
.header__mob--close {
  display: none;
  background-color: black;
}
.header__wallet {
  background: black;
  border: 1px solid #ffcc49;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  color: #ffcc49;
  width: 172px;
  padding: 10.5px 13px;
  margin-left: 15px;
  margin-right: 15px;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 1.2em;
  letter-spacing: 0.08em;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 17px;
}
@media (max-width: 425px) {
  .header__wallet {
    font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
    font-size: 24px;
    line-height: 27.6px;
  }
}
.header__wallet:hover {
  color: black;
  background: #ffcc49;
}
.header__panelwrap {
  position: relative;
  height: 0px;
  width: 100%;
}
.header__panel {
  position: absolute;
  margin-right: 15px;
  margin-top: 13px;
  top: 0px;
  right: 0px;
  width: 342px;
  height: 215px;
  z-index: 99;
  background: #000000;
  border: 1px solid #ffcc49;
  box-sizing: border-box;
  box-shadow: 2px 6px 8px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 1.2em;
  letter-spacing: 0.08em;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
}
@media (max-width: 425px) {
  .header__panel {
    font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
    font-size: 24px;
    line-height: 27.6px;
  }
}
.header__panel__title {
  margin: 22px 30px;
  font-size: 16px;
  line-height: 19px;
}
.header__panel__desc {
  margin: 36px 30px;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 17px;
  font-weight: normal;
}
.header__panel__emp {
  font-style: normal;
  font-size: 14px;
  line-height: 17px;
  color: #ffcc49;
}
.header__panel__btn {
  font-weight: 600;
  margin: 24px 30px;
  font-size: 14px;
  line-height: 17px;
  width: 288px;
  height: 48px;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
  border-radius: 13px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.header__panel__close {
  position: absolute;
  background: black;
  width: 21px;
  height: 21px;
  top: 19px;
  right: 23px;
}

@media (max-width: 1024px) {
  .header {
    padding: 64px 0 16px 0;
  }
  .header__mob--open {
    display: unset;
    width: 40px;
    height: 40px;
  }
  .header__mob--close {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 13px;
    width: 40px;
    height: 40px;
  }
  .header__mob--close > img {
    width: 40px;
    height: 40px;
  }
  .header--con {
    flex-direction: column;
    justify-content: flex-start;
    -webkit-transition: left 0.4s ease-in-out;
    transition: left 0.4s ease-in-out;
    padding: 0 37px;
    padding-top: 64px;
    z-index: 51;
    position: fixed;
    left: -120%;
    top: 0;
    background-color: black;
    height: 100vh;
    width: 100vw;
  }
  .header__flags {
    justify-content: flex-start;
    order: 3;
    margin-top: 80px;
  }
  .header__links {
    order: 2;
    flex-direction: column;
    align-items: flex-start;
  }
  .header__links > a {
    margin-top: 32px;
  }
  .header__search {
    order: 2;
    margin-top: 32px;
    justify-content: flex-start;
  }

  .flexmenu {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 425px) {
  .header__wallet {
    font-family: unset;
    background: black;
    border: 1px solid #ffcc49;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    color: #ffcc49;
    padding: 2px 1px;
    margin-left: unset;
    margin-right: unset;
    font-weight: 800;
    font-size: 8px;
    line-height: 10px;
    width: 120px;
    height: 20px;
    white-space: nowrap;
  }
  .header__wallet:hover {
    color: black;
    background: #ffcc49;
  }
  .header__panel {
    margin-right: unset;
  }
}
@keyframes cursor {
  0% {
    border-right: 1px solid white;
  }
  50% {
    border-right: 1px solid black;
  }
  100% {
    border-right: 1px solid white;
  }
}
@keyframes colon {
  0% {
    color: white;
  }
  50% {
    color: black;
  }
  100% {
    color: white;
  }
}
@-webkit-keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
.memories .w {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  overflow-y: hidden;
}
.memories .w .season {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  overflow-y: hidden;
}
.memories .w .postseason {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  overflow-y: hidden;
}
.memories .w .postseason .container {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 22px;
  column-gap: 22px;
}
.memories .w .postseason .container .selectBox {
  width: 463px;
  height: 247px;
  position: relative;
  border: 1px solid #464646;
  box-sizing: border-box;
  border-radius: 31px;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
.memories .w .postseason .container .selectBox .yellowNumber {
  margin-top: 42px;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 400;
  color: #F8CF3E;
}
.memories .w .postseason .container .selectBox .yellowNumber-2 {
  margin-top: 20px;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 400;
  color: #F8CF3E;
}
.memories .w .postseason .container .selectBox .boxTitle {
  margin-top: 4px;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
}
.memories .w .postseason .container .selectBox .boxTitle-2 {
  margin-top: 4px;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #FFFFFF;
}
.memories .w .postseason .container .selectBox .boxSubtitle {
  margin-top: 4px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 600;
  line-height: 18.2px;
  color: #686868;
}
.memories .w .postseason .container .selectBox .boxSubtitle-2 {
  margin-top: 4px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 600;
  line-height: 18.2px;
  color: #686868;
}
.memories .w .postseason .container .selectBox .ul {
  text-decoration: underline dashed #686868 2px;
  text-underline-offset: 3px;
  word-break: break-all;
  line-height: 17px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
}
.memories .w .postseason .container .selectBox .selectMemories {
  margin-top: 30px;
  width: 168.94px;
  height: 41.85px;
  background: #00DFFF;
  border: 3px solid #AFF5FF;
  box-shadow: inset 0px -10px 11px rgba(0, 0, 0, 0.2), inset 0px -23px 23px rgba(0, 0, 0, 0.12);
  border-radius: 106px;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}
.memories .w .postseason .container .selectBox .selectMemories p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 15px;
  line-height: 31.5px;
  color: #000000;
}
.memories .w .postseason .container .selectBox .openseaButton {
  margin-top: 50px;
  width: 210px;
  height: 41.85px;
  background: #343434;
  border: 3px solid #858585;
  box-shadow: inset 0px -10px 11px rgba(0, 0, 0, 0.2), inset 0px -23px 23px rgba(0, 0, 0, 0.12);
  border-radius: 106px;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 13px;
  cursor: pointer;
}
.memories .w .postseason .container .selectBox .openseaButton p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 15px;
  line-height: 32px;
  font-weight: 600;
  color: #FFFFFF;
}
.memories .w .postseason .container .selectBox .openseaButton img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.memories .w .postseason .container .selectBox .roadmapHelpBox {
  position: absolute;
  top: 144px;
  left: 68px;
  width: 333px;
  height: 108px;
  align-items: center;
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding: 25px 14px 16.5px 14px;
  background: url("/res/img/section/MsgBoxTop.png");
}
.memories .w .postseason .container .selectBox .roadmapHelpBox .helpTitle {
  width: 305px;
  height: 14px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
  text-decoration-line: underline;
  color: #000000;
}
.memories .w .postseason .container .selectBox .roadmapHelpBox .numberedDiv {
  width: 305px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
  color: #000000;
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: left;
}
.memories .w .postseason .container .selectBox .specialFragmentSelectionBox {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  column-gap: 20px;
}
.memories .w .postseason .container .selectBox .specialFragmentSelectionBox .checkEligibility {
  width: 135px;
  height: 50px;
  background: #00DFFF;
  border: 3px solid #AFF5FF;
  box-shadow: inset 0px -10px 11px rgba(0, 0, 0, 0.2), inset 0px -23px 23px rgba(0, 0, 0, 0.12);
  border-radius: 106px;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  align-items: center;
}
.memories .w .postseason .container .selectBox .specialFragmentSelectionBox .checkEligibility p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
}
.memories .w .postseason .container .selectBox .specialFragmentSelectionBox .viewOnOpensea {
  width: 135px;
  height: 50px;
  background: #343434;
  border: 3px solid #858585;
  box-shadow: inset 0px -10px 11px rgba(0, 0, 0, 0.2), inset 0px -23px 23px rgba(0, 0, 0, 0.12);
  border-radius: 106px;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 13px;
  cursor: pointer;
}
.memories .w .postseason .container .selectBox .specialFragmentSelectionBox .viewOnOpensea p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  color: #FFFFFF;
}
.memories .w .postseason .container .selectBox .specialFragmentSelectionBox .viewOnOpensea img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.memories .w .postseason .container .selectBox .specialFragmentSelectionBox .viewOnOpenseaLarge {
  width: 210px;
  height: 41.85px;
  background: #343434;
  border: 3px solid #858585;
  box-shadow: inset 0px -10px 11px rgba(0, 0, 0, 0.2), inset 0px -23px 23px rgba(0, 0, 0, 0.12);
  border-radius: 106px;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 13px;
  cursor: pointer;
}
.memories .w .postseason .container .selectBox .specialFragmentSelectionBox .viewOnOpenseaLarge p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 15px;
  line-height: 32px;
  font-weight: 600;
  color: #FFFFFF;
}
.memories .w .postseason .container .selectBox .specialFragmentSelectionBox .viewOnOpenseaLarge img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.memories .w .postseason .container .selectBox .hidden {
  display: none;
}
.memories .w .postseason .container .selectBox-3 {
  width: 318px;
  height: 273px;
  position: relative;
  border: 1px solid #464646;
  box-sizing: border-box;
  border-radius: 31px;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  text-align: center;
}
.memories .w .postseason .container .hidden {
  display: none;
}
.memories .w .misangCommentDiv {
  margin-top: 44px;
  max-width: 976px;
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  column-gap: min(3.2vw, 40px);
  align-items: center;
}
.memories .w .misangCommentDiv .misangImage {
  width: min(175px, 15vw);
  height: min(175px, 15vw);
  border-radius: 100px;
}
.memories .w .misangCommentDiv .misangImage img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
}
.memories .w .misangCommentDiv .commentDiv {
  margin-top: 17px;
  width: min(761px, 61vw);
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  row-gap: 13px;
  text-align: left;
}
.memories .w .misangCommentDiv .commentDiv .commentText1 {
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 24px;
  color: #FFFFFF;
}
.memories .w .misangCommentDiv .commentDiv .commentText2 {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 23.4px;
  font-weight: 600;
  color: #BABABA;
}
.memories .w .misangCommentDiv .commentDiv .commentText3 {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 21.6px;
  font-weight: 600;
  color: #686868;
}
.memories .w .borderLineMini {
  margin-top: 32px;
  width: min(400px, 50vw);
  height: min(165px, 20.625vw);
  max-height: 165px;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url("/res/img/section/expand_story.png");
}
.memories .w .borderLineMini:hover {
  margin-top: 32px;
  width: min(400px, 50vw);
  height: min(165px, 20.625vw);
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url("/res/img/section/expand_story_hovered.png");
}
.memories .w .logo {
  margin-top: 39px;
  width: 344px;
  height: 89px;
}
.memories .w .logo > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.memories .w .logo-big {
  margin-top: 39px;
  width: min(688px, 80vw);
  height: 178px;
}
.memories .w .logo-big > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.memories .w .logo-desc {
  margin-top: 17px;
  align-items: center;
  text-align: center;
  max-width: 750px;
  min-height: 48px;
}
.memories .w .logo-desc p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #6A6E7D;
}
@media (max-width: 425px) {
  .memories .w .logo-desc p {
    font-size: 12px;
    line-height: 14.4px;
  }
}
.memories .w .hidden {
  display: none;
}
.memories .w .ghost-image {
  width: min(410px, 50vw);
  height: min(366px, 44.6vw);
  margin-top: 32px;
  margin-bottom: 38px;
}
.memories .w .ghost-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.memories .w .ghost-memories-sample {
  width: 466px;
  height: 67px;
  margin-top: 32px;
}
.memories .w .ghost-memories-sample img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.memories .w .title {
  margin-top: 58px;
  min-height: 72px;
  max-width: 750px;
  display: inline-flex;
  flex-direction: column;
  text-align: center;
}
.memories .w .title .title1 {
  font-family: "Helvetica_Neue_LT_Std_83_Heavy_Extended";
  font-style: normal;
  font-weight: 800;
  font-size: 30px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 36px;
  min-height: 43.2px;
}
.memories .w .title .title2 {
  font-family: "Helvetica_Neue_LT_Std_83_Heavy_Extended";
  font-style: normal;
  font-weight: 800;
  font-size: 30px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 24px;
  min-height: 28.8px;
}
.memories .w .arrowDiv {
  margin-top: 32px;
  height: 86px;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.memories .w .arrowDiv .msg {
  height: 22px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 21.6px;
  color: #6A6E7D;
}
@media (max-width: 425px) {
  .memories .w .arrowDiv .msg {
    font-size: 12px;
    line-height: 14.4px;
  }
}
.memories .w .arrowDiv .img {
  margin-top: 24px;
  height: 36px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 21.6px;
  color: #6A6E7D;
  font-size: 36px;
  line-height: 43.2px;
}
@media (max-width: 425px) {
  .memories .w .arrowDiv .img {
    font-size: 12px;
    line-height: 14.4px;
  }
}
.memories .w .ending-disk {
  height: min(502px, 50vw);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.memories .w .ending-disk .disk-img {
  height: min(502px, 50vw);
  cursor: pointer;
}
.memories .w .ending-disk .disk-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.6;
}
.memories .w .ending-disk .disk-img img:hover {
  opacity: 1;
}
.memories .w .progress-div {
  width: min(728px, 90vw);
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  flex-flow: wrap;
}
.memories .w .progress-div .bar {
  padding: 0 8px 0 8px;
  height: 40px;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  column-gap: 8px;
}
.memories .w .progress-div .bar .good-text {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 43.2px;
  color: #093345;
}
@media (max-width: 425px) {
  .memories .w .progress-div .bar .good-text {
    font-size: 12px;
    line-height: 14.4px;
  }
}
.memories .w .progress-div .bar .evil-text {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 43.2px;
  color: #093345;
  color: #5C0A0E;
}
@media (max-width: 425px) {
  .memories .w .progress-div .bar .evil-text {
    font-size: 12px;
    line-height: 14.4px;
  }
}
.memories .w .progress-div .bar .prob {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 43.2px;
  color: #093345;
  color: #FFFFFF;
}
@media (max-width: 425px) {
  .memories .w .progress-div .bar .prob {
    font-size: 12px;
    line-height: 14.4px;
  }
}
.memories .w .progress-div .good {
  flex-grow: 1;
  background: linear-gradient(90deg, #00638E 5.73%, #009EE4 99.94%);
}
.memories .w .progress-div .evil {
  flex-grow: 1;
  text-align: right;
  flex-direction: row-reverse;
  justify-content: flex-start;
  background: linear-gradient(270deg, #861F25 0%, #FF5059 100.08%);
}
.memories .w .memories-selected {
  margin-top: 53px;
  font-family: "Helvetica_Neue_LT_Std_83_Heavy_Extended";
  font-style: normal;
  font-weight: 800;
  font-size: 30px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 36px;
  color: #F8CF3E;
}
.memories .w .selected-text {
  font-family: "Helvetica 73 Bold Extended";
  font-weight: 400;
  font-size: 24px;
  line-height: 28.8px;
  color: #E9E9E9;
  color: #FFFFFF;
}
@media (max-width: 425px) {
  .memories .w .selected-text {
    font-size: 13px;
    line-height: 15.6px;
  }
}
.memories .w .countDown .hidden {
  display: none;
}
.memories .w .countDown .w {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 68px;
  margin-bottom: 38px;
}
.memories .w .countDown .colon {
  animation-name: colon;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.memories .w .countDown--intro {
  min-height: 36px;
  font-family: "Helvetica-Neue-LT-Std-53-Extended";
  font-style: normal;
  font-size: 24px;
  line-height: 36px;
  color: #FFFFFF;
  margin-bottom: 56px;
  animation-name: cursor;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;
}
@media (max-width: 425px) {
  .memories .w .countDown--intro {
    font-weight: 700;
    font-size: 13px;
    line-height: 27.5px;
  }
}
.memories .w .countDown--coming {
  width: 90vw;
  font-family: "Helvetica_Neue_LT_Std_83_Heavy_Extended";
  font-style: normal;
  font-weight: 750;
  font-size: 72px;
  line-height: 76.8px;
  letter-spacing: 0.02em;
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
  margin-top: 16px;
  margin-bottom: 0px;
}
@media (max-width: 425px) {
  .memories .w .countDown--coming {
    font-size: 24px;
    line-height: 12.82px;
    letter-spacing: 0.07em;
  }
}
.memories .w .countDown--publiccoming {
  font-family: "Helvetica_Neue_LT_Std_83_Heavy_Extended";
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 43px;
  letter-spacing: 0.02em;
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
  margin-top: 16px;
  margin-bottom: 19px;
}
@media (max-width: 425px) {
  .memories .w .countDown--publiccoming {
    font-size: 24px;
    line-height: 12.82px;
    letter-spacing: 0.07em;
  }
}
@media (max-width: 600px) {
  .memories .w .countDown--publiccoming {
    font-size: 20px;
    line-height: 24px;
  }
}
.memories .w .countDown--notice {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 21.6px;
  letter-spacing: 0.025em;
  text-align: center;
  color: #858585;
  margin-top: 26px;
  margin-top: 26px;
}
@media (max-width: 425px) {
  .memories .w .countDown--notice {
    font-size: 24px;
    line-height: 12.82px;
    letter-spacing: 0.07em;
  }
}
.memories .w .countDown--came1 {
  font-family: "Helvetica_Neue_LT_Std_83_Heavy_Extended";
  font-style: normal;
  font-weight: 800;
  font-size: 52px;
  line-height: 62px;
  letter-spacing: 0.02em;
  text-align: center;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
  margin-top: 16px;
}
@media (max-width: 425px) {
  .memories .w .countDown--came1 {
    font-size: 24px;
    line-height: 12.82px;
    letter-spacing: 0.07em;
  }
}
.memories .w .countDown--came2 {
  font-family: "Helvetica_Neue_LT_Std_83_Heavy_Extended";
  font-style: normal;
  font-weight: 800;
  font-size: 52px;
  line-height: 62px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 425px) {
  .memories .w .countDown--came2 {
    font-size: 24px;
    line-height: 12.82px;
    letter-spacing: 0.07em;
  }
}
.memories .w .countDown--introsub {
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: white;
  width: 65vw;
  max-width: 500px;
}
@media (max-width: 425px) {
  .memories .w .countDown--introsub {
    font-size: 13px;
    line-height: 19.5px;
  }
}
.memories .w .countDown--time {
  display: grid;
  grid-template-columns: 125px 50px 125px 50px 125px;
  grid-template-rows: 80px 50px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 600px) {
  .memories .w .countDown--time {
    grid-template-columns: 100px 30px 100px 30px 100px;
  }
}
.memories .w .countDown--time p {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  font-family: "Helvetica_Neue_LT_Std_83_Heavy_Extended";
  font-style: normal;
  font-size: 64px;
  line-height: 77px;
  letter-spacing: -0.025em;
  font-weight: 800;
  color: white;
}
@media (max-width: 425px) {
  .memories .w .countDown--time p {
    font-size: 36px;
    line-height: 19.22px;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 600px) {
  .memories .w .countDown--time p {
    font-size: 50px;
    line-height: 60px;
  }
}
.memories .w .countDown--time h4 {
  justify-content: center;
  font-family: "Helvetica33-ExtendedThin", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-size: 24px;
  font-weight: 100;
  line-height: 12.29px;
  letter-spacing: 0.02em;
}
@media (max-width: 425px) {
  .memories .w .countDown--time h4 {
    font-size: 11px;
    line-height: 5.63px;
  }
}
@media (max-width: 600px) {
  .memories .w .countDown--time h4 {
    font-size: 20px;
  }
}
.memories .w .countDown--time .days--txt {
  grid-row: 2/3;
  grid-column: 1/2;
}
.memories .w .countDown--time .hours--txt {
  grid-row: 2/3;
  grid-column: 3/4;
}
.memories .w .countDown--time .minutes--txt {
  grid-row: 2/3;
  grid-column: 5/6;
}
.memories .w .memories-button {
  margin-top: 40px;
  width: 255px;
  height: 68px;
  background: #434343;
  border: 3px solid #727272;
  box-shadow: inset 0px -10px 11px rgba(0, 0, 0, 0.2), inset 0px -23px 23px rgba(0, 0, 0, 0.12);
  border-radius: 106px;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
}
.memories .w .memories-button p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
}
.memories .w .button-active {
  background: #00DFFF;
  box-shadow: inset 0px -10px 11px rgba(0, 0, 0, 0.2), inset 0px -23px 23px rgba(0, 0, 0, 0.12);
  border: 3px solid #AFF5FF;
  border-radius: 106px;
}
.memories .w .button-active p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #000000;
}
.memories .w .opensea-button {
  margin-top: 72px;
  width: 282px;
  height: 59px;
  background: #343434;
  border: 3px solid #858585;
  box-shadow: inset 0px -10px 11px rgba(0, 0, 0, 0.2), inset 0px -23px 23px rgba(0, 0, 0, 0.12);
  border-radius: 106px;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 19px;
  cursor: pointer;
}
.memories .w .opensea-button p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #6A6E7D;
  color: #FFFFFF;
}
@media (max-width: 425px) {
  .memories .w .opensea-button p {
    font-size: 12px;
    line-height: 14.4px;
  }
}
.memories .w .opensea-button img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}
.memories .w .border-line {
  margin-top: 105px;
  margin-bottom: 22px;
  width: min(560px, 80vw);
  height: 32.84px;
  background-image: url("/res/img/section/BorderLine.png");
}
.memories .w .message1 {
  margin-top: 68px;
}
.memories .w .message1 p {
  font-family: "Helvetica_Neue_LT_Std_83_Heavy_Extended";
  font-style: normal;
  font-weight: 800;
  font-size: 30px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 24px;
  color: #FFFFFF;
}
.memories .w .message2 {
  margin-top: 12px;
}
.memories .w .message2 p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  color: #6A6E7D;
}
.memories .w .fragments-container {
  margin-top: 126px;
  width: min(90vw, 1080px);
  height: min(972vw, 11664px);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(54, 1fr);
  grid-auto-flow: dense;
  row-gap: 0;
  column-gap: 0;
}
.memories .w .fragments-container .highlight {
  border: 1px solid #FFFF00;
  box-sizing: border-box;
  box-shadow: 0px 0px 15px 7px #FFE600, 0px 0px 51px 15px #FFE600;
  z-index: 8;
}
.memories .w .fragments-container .item-1x1 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: auto/span 1;
  grid-column: auto/span 1;
}
.memories .w .fragments-container .item-1x1 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-1x1 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-1x1 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-1x1 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-1x1 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-1x5 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: auto/span 1;
  grid-column: auto/span 5;
}
.memories .w .fragments-container .item-1x5 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-1x5 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-1x5 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-1x5 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-1x5 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-2x2 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: auto/span 2;
  grid-column: auto/span 2;
}
.memories .w .fragments-container .item-2x2 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-2x2 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-2x2 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-2x2 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-2x2 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-81 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 17/18;
  grid-column: 1/6;
}
.memories .w .fragments-container .item-81 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-81 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-81 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-81 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-81 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-82 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 18/20;
  grid-column: 1/3;
}
.memories .w .fragments-container .item-82 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-82 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-82 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-82 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-82 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-89 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 20/22;
  grid-column: 1/6;
}
.memories .w .fragments-container .item-89 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-89 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-89 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-89 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-89 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-95 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 23/26;
  grid-column: 1/3;
}
.memories .w .fragments-container .item-95 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-95 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-95 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-95 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-95 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-105 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 26/29;
  grid-column: 1/3;
}
.memories .w .fragments-container .item-105 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-105 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-105 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-105 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-105 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-106 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 26/28;
  grid-column: 3/4;
}
.memories .w .fragments-container .item-106 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-106 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-106 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-106 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-106 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-107 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 26/28;
  grid-column: 4/6;
}
.memories .w .fragments-container .item-107 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-107 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-107 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-107 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-107 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-108 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 28/29;
  grid-column: 3/6;
}
.memories .w .fragments-container .item-108 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-108 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-108 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-108 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-108 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-139 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 35/37;
  grid-column: 1/6;
}
.memories .w .fragments-container .item-139 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-139 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-139 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-139 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-139 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-145 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 38/40;
  grid-column: 1/6;
}
.memories .w .fragments-container .item-145 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-145 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-145 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-145 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-145 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-151 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 41/42;
  grid-column: 1/3;
}
.memories .w .fragments-container .item-151 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-151 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-151 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-151 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-151 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-158 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 42/43;
  grid-column: 4/6;
}
.memories .w .fragments-container .item-158 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-158 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-158 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-158 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-158 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-159 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 43/45;
  grid-column: 1/3;
}
.memories .w .fragments-container .item-159 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-159 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-159 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-159 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-159 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-163 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 44/45;
  grid-column: 3/5;
}
.memories .w .fragments-container .item-163 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-163 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-163 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-163 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-163 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-165 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 45/47;
  grid-column: 1/2;
}
.memories .w .fragments-container .item-165 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-165 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-165 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-165 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-165 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-166 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 45/47;
  grid-column: 2/3;
}
.memories .w .fragments-container .item-166 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-166 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-166 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-166 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-166 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-167 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 45/47;
  grid-column: 3/6;
}
.memories .w .fragments-container .item-167 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-167 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-167 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-167 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-167 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-170 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 47/48;
  grid-column: 3/5;
}
.memories .w .fragments-container .item-170 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-170 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-170 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-170 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-170 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-172 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 48/49;
  grid-column: 1/3;
}
.memories .w .fragments-container .item-172 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-172 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-172 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-172 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-172 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-174 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 48/49;
  grid-column: 4/6;
}
.memories .w .fragments-container .item-174 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-174 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-174 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-174 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-174 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-175 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 49/51;
  grid-column: 1/6;
}
.memories .w .fragments-container .item-175 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-175 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-175 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-175 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-175 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-181 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 52/54;
  grid-column: 1/3;
}
.memories .w .fragments-container .item-181 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-181 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-181 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-181 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-181 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-182 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 52/54;
  grid-column: 3/4;
}
.memories .w .fragments-container .item-182 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-182 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-182 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-182 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-182 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-183 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 52/53;
  grid-column: 4/6;
}
.memories .w .fragments-container .item-183 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-183 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-183 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-183 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-183 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-187 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 54/55;
  grid-column: 2/6;
}
.memories .w .fragments-container .item-187 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-187 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-187 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-187 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-187 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .fragments-container .item-188 {
  position: relative;
  cursor: pointer;
  text-align: left;
  grid-row: 55/59;
  grid-column: 1/6;
}
.memories .w .fragments-container .item-188 .idText {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 90px;
  height: 29px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  color: #BBBBBB;
  color: #49495A;
}
@media (max-width: 768px) {
  .memories .w .fragments-container .item-188 .idText {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .memories .w .fragments-container .item-188 .idText {
    font-size: 12px;
  }
}
.memories .w .fragments-container .item-188 .idHighlight {
  color: #F8CF3E;
}
.memories .w .fragments-container .item-188 img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.memories .w .postSeasonResult {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.memories .w .postSeasonResult img {
  width: min(90vw - 4px, 1076px);
  height: auto;
}
.memories .w .postSeasonResult .endingBarDiv {
  margin-top: 86px;
  width: 412px;
  height: 23px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  flex-flow: wrap;
}
.memories .w .postSeasonResult .endingBarDiv .barEnd {
  padding: 0 8px 0 8px;
  height: 23px;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  column-gap: 5px;
}
.memories .w .postSeasonResult .endingBarDiv .barEnd .goodText {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 800;
  color: #093345;
}
.memories .w .postSeasonResult .endingBarDiv .barEnd .evilText {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 800;
  color: #5C0A0E;
}
.memories .w .postSeasonResult .endingBarDiv .barEnd .finalProb {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 800;
  color: #FFFFFF;
}
.memories .w .postSeasonResult .endingBarDiv .goodEnd {
  flex-grow: 1;
  background: linear-gradient(90deg, #00638E 5.73%, #009EE4 99.94%);
}
.memories .w .postSeasonResult .endingBarDiv .evilEnd {
  flex-grow: 1;
  text-align: right;
  flex-direction: row-reverse;
  justify-content: flex-start;
  background: linear-gradient(270deg, #861F25 0%, #FF5059 100.08%);
}
.memories .w .postSeasonResult .endingMsgDiv {
  margin-top: 19px;
  display: flex;
  flex-direction: column;
  text-align: center;
  row-gap: 0;
}
.memories .w .postSeasonResult .endingMsgDiv .endingText {
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 16px;
  color: #FFFFFF;
}
.memories .w .postSeasonResult .endingMsgDiv .endingResult {
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 28px;
}
.memories .w .postSeasonResult .endingMsgDiv .evilColor {
  color: #ff3737;
}
.memories .w .postSeasonResult .endingMsgDiv .goodColor {
  color: #2893F5;
}
.memories .w .postSeasonResult .noteDiv {
  margin-top: 53px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 130%;
  font-weight: 600;
  text-align: center;
  color: #A6A6A6;
}
.memories .w .postSeasonResult .downloadFragments {
  margin-top: 50px;
}
.memories .w .postSeasonResult .downloadFragments button {
  width: 300px;
  height: 50px;
  background: #ffffff;
  padding: 0.8em 2em;
  margin-right: 1.2em;
  border-radius: 8px;
  color: black;
  font-size: 1em;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.5em;
  letter-spacing: 2px;
  text-align: center;
  cursor: pointer;
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: ease;
}
.memories .w .postSeasonResult .downloadFragments button:last-child {
  margin-right: 0;
}
.memories .w .postSeasonResult .downloadFragments button:hover {
  background-color: #32343a;
  color: white;
}
.memories .w .bottomMargin {
  margin-top: 200px;
}
.memories .w .hidden {
  display: none;
}

.overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 59;
}
.overlay .overlay-dashboard {
  width: min(835px, 100vw);
  height: min(743px, 100vw);
  position: relative;
  background: #000000;
  border: 5px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 6px 8px 11px rgba(0, 0, 0, 0.12), 6px 21px 34px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}
.overlay .overlay-dashboard .ending-title1 {
  margin-top: 48px;
  height: 24px;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #55565E;
}
@media (max-width: 600px) {
  .overlay .overlay-dashboard .ending-title1 {
    font-size: 13px;
    line-height: 16px;
    height: 16px;
  }
}
.overlay .overlay-dashboard .ending-title2 {
  margin-top: 4px;
  height: 29px;
  font-family: "Helvetica 73 Bold Extended";
  font-weight: 400;
  font-size: 24px;
  line-height: 28.8px;
  color: #E9E9E9;
  color: #FFFFFF;
}
@media (max-width: 425px) {
  .overlay .overlay-dashboard .ending-title2 {
    font-size: 13px;
    line-height: 15.6px;
  }
}
@media (max-width: 600px) {
  .overlay .overlay-dashboard .ending-title2 {
    font-size: 15px;
    line-height: 18px;
    height: 18px;
  }
}
.overlay .overlay-dashboard .fragment-title {
  margin-top: 56px;
  height: 29px;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 24px;
  color: #FFFFFF;
}
@media (max-width: 600px) {
  .overlay .overlay-dashboard .fragment-title {
    font-size: 18px;
    line-height: 22px;
  }
}
.overlay .overlay-dashboard .fragment-owner {
  margin-top: 4px;
  height: 19px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 16px;
  color: #8E8E8E;
}
.overlay .overlay-dashboard .fragment-owner b {
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 16px;
  color: #00DFFF;
  cursor: pointer;
}
@media (max-width: 600px) {
  .overlay .overlay-dashboard .fragment-owner b {
    font-size: 14px;
    line-height: 17px;
  }
}
.overlay .overlay-dashboard .fragment-memo {
  margin-top: 17px;
  height: 46.8px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
}
.overlay .overlay-dashboard img {
  width: min(696px, 100vw - 139px);
  height: min(557px, 80vw - 111px);
  margin-top: 23px;
  object-fit: fill;
}
.overlay .overlay-dashboard .fragment-image {
  width: min(min(800px, 95vw - 100px), 95vh - 172px);
  height: min(min(800px, 95vw - 100px), 95vh - 172px);
}
.overlay .overlay-dashboard .fragment-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.overlay .overlay-dashboard .fragment-image video {
  margin-top: 20px;
  width: 100%;
  height: 100%;
}
.overlay .overlay-dashboard .fragment-image-wide {
  width: min(min(1200px, 95vw - 100px), 142.5vh - 300px);
  height: min(min(800px, 95vw - 100px), 95vh - 200px);
}
.overlay .overlay-dashboard .fragment-image-wide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.overlay .overlay-dashboard .fragment-image-wide video {
  margin-top: 20px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.overlay .overlay-dashboard .closeBtn {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 21px;
  height: 21px;
  background-image: url("/res/img/icon/wallet_close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
  cursor: pointer;
}
.overlay .fragment-popup {
  width: min(min(1000px, 95vw), 95vh - 72px);
  height: min(min(1043px, 95vw + 72px), 95vh);
}
.overlay .fragment-popup-wide {
  width: min(min(1440px, 95vw), 142.5vh - 200px);
  height: min(min(1043px, 95vw + 72px), 95vh);
}

.overlayHidden {
  visibility: hidden;
}

@media (max-width: 425px) {
  .memories {
    min-height: 490px;
    align-items: flex-start;
  }
  .memories--logo {
    padding: 16px 0 24px 0;
    width: 247.05px;
  }
  .memories--title {
    max-width: 280px;
  }
  .memories--select {
    width: 73.125%;
    height: unset;
    min-height: 26px;
    margin: 32px 0;
  }
  .memories__disk {
    width: 100%;
    margin-bottom: 32px;
  }
  .memories__des {
    margin-bottom: 30px;
  }
  .memories__des--t {
    max-width: 175px;
    margin-bottom: 24px;
  }
  .memories__des--t2 {
    max-width: 210px;
    margin-bottom: unset;
  }
  .memories__focus {
    max-width: 219px;
    margin-bottom: 34px;
  }
  .memories__focus > p {
    font-size: 12px;
  }
}
@-webkit-keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
.memoriesPhase1 {
  width: 835px;
  height: 720px;
  position: relative;
  background: #000000;
  border: 5px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 6px 8px 11px rgba(0, 0, 0, 0.12), 6px 21px 34px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
}
.memoriesPhase1 .closeBtn {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 21px;
  height: 21px;
  background-image: url("/res/img/icon/wallet_close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
}
.memoriesPhase1 .switchPhaseDiv {
  height: 52px;
  width: 100%;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  text-align: center;
}
.memoriesPhase1 .switchPhaseDiv .nextBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #00DBFF;
}
.memoriesPhase1 .switchPhaseDiv .nextBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase1 .switchPhaseDiv .nextBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase1 .switchPhaseDiv .prevBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #ADB3BC;
}
.memoriesPhase1 .switchPhaseDiv .prevBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase1 .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase1 .switchPhaseDiv .prevBtn p {
  color: #232323;
}
.memoriesPhase1 .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_left.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase1 .switchPhaseDiv .disabled {
  background: #444444;
  color: #161616;
  cursor: text;
}
.memoriesPhase1 .switchPhaseDiv .nextNotSelected {
  background: #4D5359;
}
.memoriesPhase1 .switchPhaseDiv .nextNotSelected p {
  color: #909BA6;
}
.memoriesPhase1 .switchPhaseDiv .nextNotSelected .selectArrow {
  background: url("/res/img/icon/select_right_light.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase1 .loaderDiv {
  position: absolute;
  top: 300px;
  left: 380px;
  width: 60px;
  height: 60px;
  z-index: 3;
}
.memoriesPhase1 .loaderDiv .loader {
  margin: 50px auto;
  font-size: 9px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.memoriesPhase1 .dashboard {
  height: calc(100% - 52px);
  display: flex;
  flex-direction: column;
}
.memoriesPhase1 .dashboard .title {
  margin-top: 67px;
  margin-left: 63px;
  height: 58px;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 24px;
  display: flex;
  align-items: center;
}
.memoriesPhase1 .dashboard .title-disabled {
  color: #262626;
}
.memoriesPhase1 .dashboard .selectDiv .desc {
  margin-top: 11px;
  margin-left: 63px;
  height: 22px;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 6px;
}
.memoriesPhase1 .dashboard .selectDiv .desc p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  color: #818181;
}
.memoriesPhase1 .dashboard .selectDiv .desc .white {
  font-weight: 700;
  color: #FFFFFF;
}
.memoriesPhase1 .dashboard .selectDiv .selectAllBtn {
  margin-top: 7px;
  margin-left: 669px;
  width: 81px;
  height: 25px;
  background: #3E3E3E;
  border-radius: 42px;
  align-items: center;
  text-align: center;
  cursor: pointer;
  padding-top: 4.5px;
}
.memoriesPhase1 .dashboard .selectDiv .selectAllBtn .selectTxt {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 500;
  color: #FFFFFF;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox {
  margin-top: 20px;
  margin-left: 34px;
  width: 757px;
  height: 312px;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  column-gap: 31px;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .arrow {
  margin-top: 130px;
  width: 9.5px;
  height: 30px;
  cursor: pointer;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .arrow img {
  max-width: 100%;
  max-height: 100%;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .gridBox {
  width: 674px;
  height: 312px;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .gridBox .grid {
  position: relative;
  width: 117px;
  height: 139px;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .gridBox .grid .gridPic {
  position: relative;
  margin-top: 4px;
  margin-left: 4px;
  width: 109px;
  height: 109px;
  border-radius: 2px;
  z-index: 1;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .gridBox .grid .gridPic img {
  width: 109px;
  height: 109px;
  object-fit: cover;
  object-position: center;
  /* Center the image within the element */
  border-radius: 2px;
  cursor: pointer;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .gridBox .grid .gridPic .clickDisabled {
  cursor: default;
  opacity: 0.5;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .gridBox .grid .gridPic .chooseDone {
  position: absolute;
  width: 77px;
  height: 32px;
  left: 15px;
  top: 42px;
  display: flex;
  align-items: center;
  text-align: center;
  transform: rotate(-30deg);
  border: 4px solid #FF3737;
  border-radius: 6px;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .gridBox .grid .gridPic .chooseDone p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  font-weight: 700;
  font-weight: 800;
  font-size: 24px;
  color: #FF3737;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .gridBox .grid .emptyPic {
  margin-top: 4px;
  margin-left: 4px;
  width: 109px;
  height: 109px;
  border: 1px dashed #535353;
  box-sizing: border-box;
  border-radius: 6px;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .gridBox .grid .highlight {
  position: absolute;
  top: 0;
  left: 0;
  width: 117px;
  height: 117px;
  background: #FFCC49;
  border-radius: 4px;
  z-index: 0;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .gridBox .grid .highlightHidden {
  display: none;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .gridBox .grid .name {
  margin-top: 9px;
  margin-left: 36px;
  width: 68px;
  height: 17px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  text-align: center;
  align-items: center;
  column-gap: 2px;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .gridBox .grid .name .helpIcon {
  width: 13px;
  height: 13px;
  background: url("/res/img/icon/information.png");
  background-size: cover;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .gridBox .grid .name .nameText {
  width: 45px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 14px;
  color: #FFFFFF;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .gridBox .grid .nameUl {
  cursor: pointer;
  text-decoration: underline #D1D1D1 dotted;
}
.memoriesPhase1 .dashboard .selectDiv .selectBox .hidden {
  display: none;
}
.memoriesPhase1 .dashboard .selectDiv .pageNum {
  margin-top: 15px;
  margin-left: 390px;
  width: 43px;
  height: 16px;
  align-items: center;
  text-align: center;
  cursor: pointer;
}
.memoriesPhase1 .dashboard .selectDiv .pageNum .pageNumTxt {
  margin: auto;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 500;
}
.memoriesPhase1 .dashboard .noGhostBackboard {
  position: absolute;
  width: 765px;
  height: 435px;
  left: 30px;
  top: 130px;
  background: #000000;
  z-index: 2;
}
.memoriesPhase1 .dashboard .noGhostBackboard .noGhostDiv {
  position: absolute;
  width: 697px;
  height: 386px;
  left: 34px;
  top: 30px;
  border: 1px dashed #BBBBBB;
  box-sizing: border-box;
  border-radius: 23px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}
.memoriesPhase1 .dashboard .noGhostBackboard .noGhostDiv .mainText {
  margin-top: 126px;
  width: 400px;
  height: 29px;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 24px;
  color: #FF3737;
}
.memoriesPhase1 .dashboard .noGhostBackboard .noGhostDiv .subText {
  margin-top: 3px;
  width: 440px;
  height: 22px;
  text-align: center;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  color: #818181;
}
.memoriesPhase1 .dashboard .noGhostBackboard .noGhostDiv .subText b {
  font-weight: 700;
  color: #FFFFFF;
}
.memoriesPhase1 .dashboard .noGhostBackboard .noGhostDiv .openseaDiv {
  margin-top: 40px;
  width: 256px;
  height: 52px;
  background: #00DFFF;
  border-radius: 51px;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 10px;
}
.memoriesPhase1 .dashboard .noGhostBackboard .noGhostDiv .openseaDiv p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #161616;
}
.memoriesPhase1 .dashboard .noGhostBackboard .noGhostDiv .openseaDiv img {
  width: 24px;
  height: 24px;
}
.memoriesPhase1 .dashboard .hidden {
  display: none;
}
.memoriesPhase1 .dashboard .discover {
  margin-top: 35px;
  margin-left: 244px;
  width: 337px;
  height: 29px;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 5px;
}
.memoriesPhase1 .dashboard .discover p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 24px;
  color: #818181;
}
.memoriesPhase1 .dashboard .discover .white {
  color: #FFFFFF;
}
.memoriesPhase1 .dashboard .discover .bold {
  font-weight: 700;
}
.memoriesPhase1 .alert {
  position: absolute;
  width: 407px;
  height: 25px;
  left: 209px;
  top: 613px;
  background: #24242D;
  border-radius: 42px;
  align-items: center;
  text-align: center;
  padding-top: 4px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 14px;
  color: #FFCC49;
}
.memoriesPhase1 .hidden {
  display: none;
}

.memoriesPhase2 {
  width: 835px;
  height: 720px;
  position: relative;
  background: #000000;
  border: 5px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 6px 8px 11px rgba(0, 0, 0, 0.12), 6px 21px 34px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.memoriesPhase2 .closeBtn {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 21px;
  height: 21px;
  background-image: url("/res/img/icon/wallet_close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
}
.memoriesPhase2 .switchPhaseDiv {
  height: 52px;
  width: 100%;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  text-align: center;
}
.memoriesPhase2 .switchPhaseDiv .nextBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #00DBFF;
}
.memoriesPhase2 .switchPhaseDiv .nextBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase2 .switchPhaseDiv .nextBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase2 .switchPhaseDiv .prevBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #ADB3BC;
}
.memoriesPhase2 .switchPhaseDiv .prevBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase2 .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase2 .switchPhaseDiv .prevBtn p {
  color: #232323;
}
.memoriesPhase2 .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_left.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase2 .switchPhaseDiv .disabled {
  background: #444444;
  color: #161616;
  cursor: text;
}
.memoriesPhase2 .switchPhaseDiv .nextNotSelected {
  background: #4D5359;
}
.memoriesPhase2 .switchPhaseDiv .nextNotSelected p {
  color: #909BA6;
}
.memoriesPhase2 .switchPhaseDiv .nextNotSelected .selectArrow {
  background: url("/res/img/icon/select_right_light.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase2 .title {
  margin-top: 67px;
  height: 43px;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 36px;
  line-height: 43px;
  align-items: center;
  text-align: center;
}
.memoriesPhase2 .desc {
  margin-top: 5px;
  height: 44px;
  align-items: center;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  color: #B7B7B7;
}
.memoriesPhase2 .desc b {
  font-weight: 800;
}
.memoriesPhase2 .tutorialBox {
  margin-top: 28px;
  width: 609px;
  height: 341px;
  background-color: #0E0F10;
  border-radius: 11px;
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
.memoriesPhase2 .tutorialBox .examplePic {
  margin-top: 31px;
  width: 95px;
  height: 107px;
  background: url("/res/img/icon/ghost0000.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.memoriesPhase2 .tutorialBox .exampleNum {
  margin-top: 7.5px;
  width: 46px;
  height: 17px;
  align-items: center;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  color: #686E78;
}
.memoriesPhase2 .tutorialBox .memoriesDiv {
  margin-top: 13.5px;
  width: 364px;
  height: 122px;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.memoriesPhase2 .tutorialBox .memoriesDiv .memoryBox {
  position: relative;
  width: 150px;
  height: 122px;
  background: #0E0F10;
  border: 2px solid #313438;
  box-sizing: border-box;
  border-radius: 14px;
  display: inline-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  align-items: center;
}
.memoriesPhase2 .tutorialBox .memoriesDiv .memoryBox .memoryType {
  margin-top: 16px;
  height: 17px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 14px;
  color: #313438;
}
.memoriesPhase2 .tutorialBox .memoriesDiv .memoryBox .typeHighlight {
  color: #858D99;
}
.memoriesPhase2 .tutorialBox .memoriesDiv .memoryBox .descBox1 {
  margin-top: 24px;
  width: 101px;
  height: 16px;
  background: #313438;
}
.memoriesPhase2 .tutorialBox .memoriesDiv .memoryBox .descBox2 {
  margin-top: 8px;
  width: 79px;
  height: 16px;
  background: #313438;
}
.memoriesPhase2 .tutorialBox .memoriesDiv .memoryBox .checked {
  position: absolute;
  top: 6px;
  right: 12px;
  width: 15.75px;
  height: 15.75px;
}
.memoriesPhase2 .tutorialBox .memoriesDiv .highlight {
  border: 2px solid #EAEAEA;
  box-sizing: border-box;
  box-shadow: 0 0 8px 4px rgba(0, 223, 255, 0.64);
  border-radius: 14px;
}
.memoriesPhase2 .tutorialBox .memoriesDiv .divisionDiv {
  width: 20px;
  height: 119px;
  display: inline-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
.memoriesPhase2 .tutorialBox .memoriesDiv .divisionDiv .dashline {
  width: 0;
  height: 44px;
  border: 1px dashed #686E78;
}
.memoriesPhase2 .tutorialBox .memoriesDiv .divisionDiv .divisionTxt {
  width: 20px;
  height: 17px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  color: #858D99;
}
.memoriesPhase2 .confirmDiv {
  margin-top: 23px;
  height: 44px;
  text-align: center;
}
.memoriesPhase2 .confirmDiv .confirmTxt {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  color: #B7B7B7;
}
.memoriesPhase2 .confirmDiv .highlight {
  font-weight: 800;
  color: #FFFFFF;
}
.memoriesPhase2 .selectDiv {
  margin-top: 26px;
  width: 562px;
  height: 44px;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.memoriesPhase2 .selectDiv .selectBtn {
  width: 241px;
  height: 44px;
  border-radius: 56px;
  padding-top: 11px;
  text-align: center;
  background: #FFCC49;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  color: #161616;
  cursor: pointer;
}
.memoriesPhase2 .selectDiv .division {
  width: 25px;
  text-align: center;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  color: #B7B7B7;
}

.memoriesPhase3Auto {
  width: 835px;
  height: 720px;
  position: relative;
  background: #000000;
  border: 5px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 6px 8px 11px rgba(0, 0, 0, 0.12), 6px 21px 34px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
}
.memoriesPhase3Auto .closeBtn {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 21px;
  height: 21px;
  background-image: url("/res/img/icon/wallet_close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
}
.memoriesPhase3Auto .switchPhaseDiv {
  height: 52px;
  width: 100%;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  text-align: center;
}
.memoriesPhase3Auto .switchPhaseDiv .nextBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #00DBFF;
}
.memoriesPhase3Auto .switchPhaseDiv .nextBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase3Auto .switchPhaseDiv .nextBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase3Auto .switchPhaseDiv .prevBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #ADB3BC;
}
.memoriesPhase3Auto .switchPhaseDiv .prevBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase3Auto .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase3Auto .switchPhaseDiv .prevBtn p {
  color: #232323;
}
.memoriesPhase3Auto .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_left.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase3Auto .switchPhaseDiv .disabled {
  background: #444444;
  color: #161616;
  cursor: text;
}
.memoriesPhase3Auto .switchPhaseDiv .nextNotSelected {
  background: #4D5359;
}
.memoriesPhase3Auto .switchPhaseDiv .nextNotSelected p {
  color: #909BA6;
}
.memoriesPhase3Auto .switchPhaseDiv .nextNotSelected .selectArrow {
  background: url("/res/img/icon/select_right_light.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase3Auto .dashboard {
  position: relative;
  height: calc(100% - 52px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.memoriesPhase3Auto .dashboard .title {
  margin-top: 84px;
  height: 43px;
  font-family: "Helvetica_Neue_LT_Std_83_Heavy_Extended";
  font-style: normal;
  font-weight: 800;
  font-size: 30px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 36px;
  display: flex;
  align-items: center;
}
.memoriesPhase3Auto .dashboard .warning {
  position: absolute;
  top: 147px;
  left: 152px;
  width: 99.04px;
  height: 99.04px;
}
.memoriesPhase3Auto .dashboard .tutorialBox {
  margin-top: 69.5px;
  width: 416px;
  height: 186px;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.memoriesPhase3Auto .dashboard .tutorialBox .memoryBox {
  width: 168px;
  height: 186px;
  border: 1px solid #686868;
  box-sizing: border-box;
  border-radius: 14px;
  display: inline-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  align-items: center;
}
.memoriesPhase3Auto .dashboard .tutorialBox .memoryBox .memoryType {
  margin-top: 18px;
  height: 22px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  color: #6D6D76;
}
.memoriesPhase3Auto .dashboard .tutorialBox .memoryBox .highlight {
  color: #858D99;
}
.memoriesPhase3Auto .dashboard .tutorialBox .memoryBox .descBox1 {
  width: 101px;
  height: 16px;
  background: #313438;
}
.memoriesPhase3Auto .dashboard .tutorialBox .memoryBox .spaceEvil {
  margin-top: 40px;
}
.memoriesPhase3Auto .dashboard .tutorialBox .memoryBox .spaceGood {
  margin-top: 12px;
}
.memoriesPhase3Auto .dashboard .tutorialBox .memoryBox .descBox2 {
  margin-top: 8px;
  width: 79px;
  height: 16px;
  background: #313438;
}
.memoriesPhase3Auto .dashboard .tutorialBox .memoryBox .expc {
  margin-top: 18px;
  width: 84px;
  height: 26px;
  background: #00DFFF;
  border-radius: 21px;
  padding-top: 2px;
  align-items: center;
  text-align: center;
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  column-gap: 5px;
  justify-content: center;
}
.memoriesPhase3Auto .dashboard .tutorialBox .memoryBox .expc p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  color: #000000;
}
.memoriesPhase3Auto .dashboard .tutorialBox .memoryBox .expc img {
  width: 22px;
  height: 22px;
}
.memoriesPhase3Auto .dashboard .tutorialBox .highlight {
  border: 2px solid #838383;
  box-sizing: border-box;
  box-shadow: 0 0 8px 4px rgba(255, 55, 55, 0.64);
  border-radius: 14px;
}
.memoriesPhase3Auto .dashboard .tutorialBox .divisionDiv {
  width: 28px;
  height: 22px;
  display: inline-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.memoriesPhase3Auto .dashboard .tutorialBox .divisionDiv .divisionTxt {
  width: 28px;
  height: 22px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  font-size: 18px;
  color: #6B6565;
}
.memoriesPhase3Auto .dashboard .alertDiv {
  margin-top: 51px;
  height: 174px;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.memoriesPhase3Auto .dashboard .alertDiv .alertTxt {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  font-size: 24px;
  color: #D1D1D1;
}
.memoriesPhase3Auto .dashboard .alertDiv .alertTxt b {
  font-weight: 800;
}
.memoriesPhase3Auto .dashboard .alertDiv .alertTxt u {
  cursor: pointer;
  text-decoration: underline #D1D1D1 dotted;
}
.memoriesPhase3Auto .dashboard .alertDiv .blank {
  height: 30px;
}
.memoriesPhase3Auto .dashboard .alertDiv .helpBox {
  position: absolute;
  top: 73px;
  left: 320px;
  width: 200px;
  height: 68px;
  padding: 16px 11px 4px 11px;
  background: url("/res/img/section/msg_box.png");
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
  color: #000000;
  text-align: left;
}
.memoriesPhase3Auto .dashboard .alertDiv .helpBox b {
  font-weight: 700;
}
.memoriesPhase3Auto .dashboard .alertDiv .hidden {
  display: none;
}

.memoriesPhase3Manual {
  width: 835px;
  height: 720px;
  position: relative;
  background: #000000;
  border: 5px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 6px 8px 11px rgba(0, 0, 0, 0.12), 6px 21px 34px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
}
.memoriesPhase3Manual .closeBtn {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 21px;
  height: 21px;
  background-image: url("/res/img/icon/wallet_close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
}
.memoriesPhase3Manual .switchPhaseDiv {
  height: 52px;
  width: 100%;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  text-align: center;
}
.memoriesPhase3Manual .switchPhaseDiv .nextBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #00DBFF;
}
.memoriesPhase3Manual .switchPhaseDiv .nextBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase3Manual .switchPhaseDiv .nextBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase3Manual .switchPhaseDiv .prevBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #ADB3BC;
}
.memoriesPhase3Manual .switchPhaseDiv .prevBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase3Manual .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase3Manual .switchPhaseDiv .prevBtn p {
  color: #232323;
}
.memoriesPhase3Manual .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_left.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase3Manual .switchPhaseDiv .disabled {
  background: #444444;
  color: #161616;
  cursor: text;
}
.memoriesPhase3Manual .switchPhaseDiv .nextNotSelected {
  background: #4D5359;
}
.memoriesPhase3Manual .switchPhaseDiv .nextNotSelected p {
  color: #909BA6;
}
.memoriesPhase3Manual .switchPhaseDiv .nextNotSelected .selectArrow {
  background: url("/res/img/icon/select_right_light.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase3Manual .dashboard {
  height: calc(100% - 52px);
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  align-items: center;
}
.memoriesPhase3Manual .dashboard .title {
  margin-top: 44px;
  height: 68px;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 28px;
  display: inline-flex;
  text-align: center;
  align-items: center;
  vertical-align: top;
}
.memoriesPhase3Manual .dashboard .pageNum {
  margin-top: 7px;
  width: 40px;
  height: 16px;
  align-items: center;
  text-align: center;
}
.memoriesPhase3Manual .dashboard .pageNum .pageNumTxt {
  margin: auto;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 13px;
  color: #FFFFFF;
}
.memoriesPhase3Manual .dashboard .ghostPic {
  margin-top: 23px;
  width: 160px;
  height: 180px;
  background: none;
}
.memoriesPhase3Manual .dashboard .ghostPic img {
  max-width: 100%;
  max-height: 100%;
}
.memoriesPhase3Manual .dashboard .ghostNum {
  margin-top: 10px;
  width: 50px;
  min-height: 19px;
  height: 19px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 16px;
}
.memoriesPhase3Manual .dashboard .memoriesDiv {
  margin-top: 28px;
  width: 624px;
  height: 222px;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox {
  position: relative;
  width: 277px;
  height: 222px;
  border: 1px solid #B3B3B3;
  box-sizing: border-box;
  border-radius: 14px;
  padding: 22px 10px 22px 10px;
  display: inline-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  align-items: center;
  cursor: pointer;
  overflow-y: auto;
  -ms-overflow-y: auto;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox .memoryType {
  height: 22px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox .good {
  color: #2893F5;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox .evil {
  color: #FF3737;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox .memoryDesc {
  margin-top: 6px;
  width: 225px;
  min-height: 147px;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  justify-content: center;
  text-align: center;
  row-gap: 6px;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox .memoryDesc p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 13px;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox .memoryDesc .expcTitle {
  position: relative;
  margin-top: 33px;
  row-gap: 6px;
  height: 17px;
  display: inline-flex;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: center;
  text-align: center;
  column-gap: 6px;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox .memoryDesc .expcTitle p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 14px;
  color: #F8CF3E;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox .memoryDesc .expcTitle .diamondIcon {
  background: url("/res/img/icon/blue_diamond.png");
  background-size: cover;
  width: 17px;
  height: 17px;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox .memoryDesc .expcTitle .helpIcon {
  position: relative;
  width: 15px;
  height: 15px;
  background: url("/res/img/icon/icon_question.png");
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox .memoryDesc .expcTitle .helpMsgBox {
  position: absolute;
  width: 196.5px;
  height: 74.5px;
  top: -13px;
  left: 108px;
  padding: 9px 10.5px 8.5px 16px;
  background: url("/res/img/section/msg_box_left.png");
  z-index: 15;
  text-align: left;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox .memoryDesc .expcTitle .helpMsgBox p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
  color: #000000;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox .memoryDesc .expcTitle .helpMsgBox b {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
  color: #000000;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox .memoryDesc .expcTitle .hidden {
  display: none;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox .evilChecked {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 21px;
  height: 21px;
  background-image: url("/res/img/icon/check_round_fill.svg");
  background-size: 21px 21px;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox .goodChecked {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 21px;
  height: 21px;
  background-image: url("/res/img/icon/check_round_fill.svg");
  background-size: 21px 21px;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .memoryBox .hidden {
  display: none;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .highlight {
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0px 0px 8px 4px #00DFFF;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .divisionDiv {
  width: 25px;
  height: 210px;
  display: inline-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .divisionDiv .dashline {
  width: 0;
  height: 84px;
  border: 1px dashed #282A33;
}
.memoriesPhase3Manual .dashboard .memoriesDiv .divisionDiv .divisionTxt {
  width: 25px;
  height: 22px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  color: #B2B2B2;
}
.memoriesPhase3Manual .dashboard .goodHelpMsgBox {
  position: absolute;
  width: 196.5px;
  height: 119.5px;
  top: 522px;
  left: 298px;
  padding: 9px 10.5px 8.5px 16px;
  background: url("/res/img/section/msg_box_left.png");
  z-index: 15;
  text-align: left;
}
.memoriesPhase3Manual .dashboard .goodHelpMsgBox p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
  color: #000000;
}
.memoriesPhase3Manual .dashboard .goodHelpMsgBox b {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
  color: #000000;
}
.memoriesPhase3Manual .dashboard .evilHelpMsgBox {
  position: absolute;
  width: 196.5px;
  height: 119.5px;
  top: 522px;
  left: 645px;
  padding: 9px 10.5px 8.5px 16px;
  background: url("/res/img/section/msg_box_left.png");
  z-index: 15;
  text-align: left;
}
.memoriesPhase3Manual .dashboard .evilHelpMsgBox p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
  color: #000000;
}
.memoriesPhase3Manual .dashboard .evilHelpMsgBox b {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
  color: #000000;
}

.memoriesPhase4 {
  width: 835px;
  height: 720px;
  position: relative;
  background: #000000;
  border: 5px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 6px 8px 11px rgba(0, 0, 0, 0.12), 6px 21px 34px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
}
.memoriesPhase4 .closeBtn {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 21px;
  height: 21px;
  background-image: url("/res/img/icon/wallet_close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
}
.memoriesPhase4 .switchPhaseDiv {
  height: 52px;
  width: 100%;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  text-align: center;
}
.memoriesPhase4 .switchPhaseDiv .nextBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #00DBFF;
}
.memoriesPhase4 .switchPhaseDiv .nextBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase4 .switchPhaseDiv .nextBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase4 .switchPhaseDiv .prevBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #ADB3BC;
}
.memoriesPhase4 .switchPhaseDiv .prevBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase4 .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase4 .switchPhaseDiv .prevBtn p {
  color: #232323;
}
.memoriesPhase4 .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_left.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase4 .switchPhaseDiv .disabled {
  background: #444444;
  color: #161616;
  cursor: text;
}
.memoriesPhase4 .switchPhaseDiv .nextNotSelected {
  background: #4D5359;
}
.memoriesPhase4 .switchPhaseDiv .nextNotSelected p {
  color: #909BA6;
}
.memoriesPhase4 .switchPhaseDiv .nextNotSelected .selectArrow {
  background: url("/res/img/icon/select_right_light.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase4 .dashboard {
  height: calc(100% - 52px);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.memoriesPhase4 .dashboard .title {
  margin-top: 53px;
  margin-left: 63px;
  height: 58px;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 24px;
}
.memoriesPhase4 .dashboard .descDiv {
  margin-top: 3px;
  margin-left: 63px;
  height: 25px;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  column-gap: 7px;
}
.memoriesPhase4 .dashboard .descDiv .text {
  height: 22px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 18px;
  color: #E1E1E1;
  display: inline-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.memoriesPhase4 .dashboard .selectedMemories {
  margin-top: 23px;
  margin-left: 63px;
  width: 727px;
  height: 456px;
  display: inline-flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 12px;
  overflow-y: scroll;
  -ms-overflow-y: scroll;
}
.memoriesPhase4 .dashboard .selectedMemories .memoryBox {
  width: 697px;
  border: 1px solid #595959;
  box-sizing: border-box;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.memoriesPhase4 .dashboard .selectedMemories .memoryBox .portrait {
  margin-left: 15px;
  width: 65px;
  height: 65px;
}
.memoriesPhase4 .dashboard .selectedMemories .memoryBox .portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 51px;
}
.memoriesPhase4 .dashboard .selectedMemories .memoryBox .textDiv {
  margin: 14px 0 16px 12px;
  width: 540px;
  height: auto;
  min-height: 58px;
  display: inline-flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: flex-start;
}
.memoriesPhase4 .dashboard .selectedMemories .memoryBox .textDiv .ghostId {
  margin-bottom: 8px;
  width: 37px;
  height: 14px;
  align-items: start;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
  color: #FFFFFF;
}
.memoriesPhase4 .dashboard .selectedMemories .memoryBox .textDiv .memoryDiv {
  width: 536px;
  height: auto;
  min-height: 36px;
  display: inline-flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 6px;
}
.memoriesPhase4 .dashboard .selectedMemories .memoryBox .textDiv .memoryDiv .memory {
  height: auto;
  min-height: 14px;
  display: inline-flex;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.memoriesPhase4 .dashboard .selectedMemories .memoryBox .textDiv .memoryDiv .memory .memoryType {
  width: 36px;
  margin-right: 8px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
  color: #9F9F9F;
}
.memoriesPhase4 .dashboard .selectedMemories .memoryBox .textDiv .memoryDiv .memory .evil {
  color: #FF3737;
}
.memoriesPhase4 .dashboard .selectedMemories .memoryBox .textDiv .memoryDiv .memory .good {
  color: #2893F5;
}
.memoriesPhase4 .dashboard .selectedMemories .memoryBox .textDiv .memoryDiv .memory .flashback {
  width: 58px;
  color: #F8CF3E;
}
.memoriesPhase4 .dashboard .selectedMemories .memoryBox .textDiv .memoryDiv .memory .memoryText {
  width: 496px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
  color: #E1E1E1;
}
.memoriesPhase4 .dashboard .selectedMemories .memoryBox .textDiv .memoryDiv .memory .flashback-text {
  width: 474px;
  color: #9F9F9F;
}
.memoriesPhase4 .dashboard .selectedMemories .memoryBox .flipDiv {
  margin-left: 24px;
  width: 25px;
  height: 25px;
  border-radius: 15px;
  background: url("/res/img/icon/flip_button_active.svg");
  cursor: pointer;
}
.memoriesPhase4 .dashboard .alert {
  position: absolute;
  width: 510px;
  height: 25px;
  left: 157px;
  top: 613px;
  background: #24242D;
  border-radius: 42px;
  align-items: center;
  text-align: center;
  padding-top: 4px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 14px;
  color: #FFCC49;
}
.memoriesPhase4 .dashboard .hidden {
  display: none;
}

.memoriesPhase4Warning {
  width: 835px;
  height: 720px;
  position: relative;
  background: #000000;
  border: 5px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 6px 8px 11px rgba(0, 0, 0, 0.12), 6px 21px 34px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}
.memoriesPhase4Warning .closeBtn {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 21px;
  height: 21px;
  background-image: url("/res/img/icon/wallet_close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
}
.memoriesPhase4Warning .switchPhaseDiv {
  height: 52px;
  width: 100%;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  text-align: center;
}
.memoriesPhase4Warning .switchPhaseDiv .nextBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #00DBFF;
}
.memoriesPhase4Warning .switchPhaseDiv .nextBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase4Warning .switchPhaseDiv .nextBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase4Warning .switchPhaseDiv .prevBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #ADB3BC;
}
.memoriesPhase4Warning .switchPhaseDiv .prevBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase4Warning .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase4Warning .switchPhaseDiv .prevBtn p {
  color: #232323;
}
.memoriesPhase4Warning .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_left.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase4Warning .switchPhaseDiv .disabled {
  background: #444444;
  color: #161616;
  cursor: text;
}
.memoriesPhase4Warning .switchPhaseDiv .nextNotSelected {
  background: #4D5359;
}
.memoriesPhase4Warning .switchPhaseDiv .nextNotSelected p {
  color: #909BA6;
}
.memoriesPhase4Warning .switchPhaseDiv .nextNotSelected .selectArrow {
  background: url("/res/img/icon/select_right_light.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase4Warning .title {
  width: 296px;
  height: 43px;
  margin-top: 75px;
  background: #FF3737;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 36px;
  font-weight: 800;
  color: #000000;
}
.memoriesPhase4Warning .warningBox {
  width: 755px;
  height: 466px;
  margin-top: 23px;
  background: #161616;
  border-radius: 21px;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 7px;
}
.memoriesPhase4Warning .warningBox .warningTitle {
  margin-top: 24px;
  height: 24px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  font-weight: 700;
  font-size: 20px;
  color: #F8CF3E;
  text-align: center;
}
.memoriesPhase4Warning .warningBox .warningText {
  margin-top: 12px;
  width: 681px;
  text-align: center;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  font-size: 16px;
  color: #ABABAB;
}
.memoriesPhase4Warning .warningBox .warningText b {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  font-weight: 700;
  font-size: 16px;
  color: #FFFFFF;
}
.memoriesPhase4Warning .checkBoxDiv {
  margin-top: 20px;
  margin-bottom: 27px;
  width: 700px;
  height: 17px;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 7px;
  cursor: pointer;
}
.memoriesPhase4Warning .checkBoxDiv .checkbox {
  width: 16px;
  height: 16px;
  border: 1px solid #ABABAB;
  justify-content: center;
  align-items: center;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
}
.memoriesPhase4Warning .checkBoxDiv .checked {
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 3px;
  background: #19AF67;
}
.memoriesPhase4Warning .checkBoxDiv .checkBoxText {
  width: 480px;
  height: 17px;
  text-align: left;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  font-size: 14px;
  color: #ABABAB;
}
.memoriesPhase4Warning .checkBoxDiv .checkBoxText b {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  font-weight: 700;
  font-size: 14px;
  color: #ABABAB;
}

.memoriesPhase5 {
  width: 835px;
  height: 720px;
  position: relative;
  background: #000000;
  border: 5px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 6px 8px 11px rgba(0, 0, 0, 0.12), 6px 21px 34px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.memoriesPhase5 .closeBtn {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 21px;
  height: 21px;
  background-image: url("/res/img/icon/wallet_close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
}
.memoriesPhase5 .switchPhaseDiv {
  height: 52px;
  width: 100%;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  text-align: center;
}
.memoriesPhase5 .switchPhaseDiv .nextBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #00DBFF;
}
.memoriesPhase5 .switchPhaseDiv .nextBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase5 .switchPhaseDiv .nextBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase5 .switchPhaseDiv .prevBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #ADB3BC;
}
.memoriesPhase5 .switchPhaseDiv .prevBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase5 .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase5 .switchPhaseDiv .prevBtn p {
  color: #232323;
}
.memoriesPhase5 .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_left.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase5 .switchPhaseDiv .disabled {
  background: #444444;
  color: #161616;
  cursor: text;
}
.memoriesPhase5 .switchPhaseDiv .nextNotSelected {
  background: #4D5359;
}
.memoriesPhase5 .switchPhaseDiv .nextNotSelected p {
  color: #909BA6;
}
.memoriesPhase5 .switchPhaseDiv .nextNotSelected .selectArrow {
  background: url("/res/img/icon/select_right_light.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase5 .loaderDiv {
  position: absolute;
  top: 133px;
  left: 380px;
  width: 60px;
  height: 60px;
  z-index: 3;
}
.memoriesPhase5 .loaderDiv .loader {
  margin: 50px auto;
  font-size: 9px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.memoriesPhase5 .title {
  margin-top: 76px;
  height: 29px;
  font-family: "Helvetica 73 Bold Extended";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 24px;
}
.memoriesPhase5 .linkDiv {
  margin-top: 7px;
  height: 22px;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 8px;
  cursor: pointer;
}
.memoriesPhase5 .linkDiv .linkIcon {
  width: 24px;
  height: 24px;
  background: url("/res/img/icon/link_light.svg");
}
.memoriesPhase5 .linkDiv p {
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  border-bottom: 1px dashed #FFFFFF;
}
.memoriesPhase5 img {
  margin-top: 82px;
  width: 825px;
  height: 495px;
}

.memoriesPhase6Success {
  width: 835px;
  height: 720px;
  position: relative;
  background: #000000;
  border: 5px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 6px 8px 11px rgba(0, 0, 0, 0.12), 6px 21px 34px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
}
.memoriesPhase6Success .closeBtn {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 21px;
  height: 21px;
  background-image: url("/res/img/icon/wallet_close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
}
.memoriesPhase6Success .switchPhaseDiv {
  height: 52px;
  width: 100%;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  text-align: center;
}
.memoriesPhase6Success .switchPhaseDiv .nextBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #00DBFF;
}
.memoriesPhase6Success .switchPhaseDiv .nextBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase6Success .switchPhaseDiv .nextBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase6Success .switchPhaseDiv .prevBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #ADB3BC;
}
.memoriesPhase6Success .switchPhaseDiv .prevBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase6Success .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase6Success .switchPhaseDiv .prevBtn p {
  color: #232323;
}
.memoriesPhase6Success .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_left.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase6Success .switchPhaseDiv .disabled {
  background: #444444;
  color: #161616;
  cursor: text;
}
.memoriesPhase6Success .switchPhaseDiv .nextNotSelected {
  background: #4D5359;
}
.memoriesPhase6Success .switchPhaseDiv .nextNotSelected p {
  color: #909BA6;
}
.memoriesPhase6Success .switchPhaseDiv .nextNotSelected .selectArrow {
  background: url("/res/img/icon/select_right_light.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase6Success .dashboard {
  height: calc(100% - 52px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  padding-left: 50px;
}
.memoriesPhase6Success .dashboard .title {
  margin-top: 76px;
  width: 650px;
  height: 43px;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  font-weight: 700;
  font-size: 36px;
  color: #FFFFFF;
}
.memoriesPhase6Success .dashboard .desc {
  width: 600px;
  height: 27px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  font-size: 18px;
  line-height: 150%;
  color: #00B600;
}
.memoriesPhase6Success .dashboard .txBox {
  margin-top: 11px;
  width: 690px;
  height: 84px;
  background: #0C0D0E;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  row-gap: 13px;
  padding: 17px 27px 20px 27px;
}
.memoriesPhase6Success .dashboard .txBox .rowDiv {
  height: auto;
  min-height: 17px;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: left;
  column-gap: 17px;
}
.memoriesPhase6Success .dashboard .txBox .rowDiv .category {
  width: 33px;
  height: 17px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
}
.memoriesPhase6Success .dashboard .txBox .rowDiv .value {
  width: 532px;
  height: 17px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
}
.memoriesPhase6Success .dashboard .txBox .rowDiv .underline {
  cursor: pointer;
}
.memoriesPhase6Success .dashboard .txBox .rowDiv .underline p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  font-size: 14px;
  text-decoration: underline dashed #FFFFFF 1px;
  text-underline-offset: 3px;
  word-break: break-all;
  line-height: 17px;
}
.memoriesPhase6Success .dashboard .txBox .rowDiv .copy {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url("/res/img/icon/Copy.svg");
}
.memoriesPhase6Success .dashboard .dashLine {
  margin-top: 23px;
  width: 690px;
  height: 0;
  border-bottom: 2px dashed #282A2F;
}
.memoriesPhase6Success .dashboard .resultDiv {
  width: 737px;
  padding-top: 36px;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-y: scroll;
  -ms-overflow-y: scroll;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv {
  margin-bottom: 36px;
  width: 100%;
  height: auto;
  overflow-y: visible;
  -ms-overflow-y: visible;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .message {
  height: 58px;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .message p {
  height: 29px;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  font-weight: 700;
  font-size: 24px;
  color: #585B63;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .message .white {
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 6px;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .message .white b {
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  font-weight: 700;
  font-size: 24px;
  color: #FFFFFF;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .message .white .flashbackHelp {
  position: relative;
  width: 19px;
  height: 19px;
  background: url("/res/img/icon/icon_question.png");
  object-fit: fill;
  cursor: pointer;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .message .white .flashbackHelp .helpMsgBox {
  position: absolute;
  width: 196.5px;
  height: 74.5px;
  top: 0px;
  left: 15px;
  padding: 9px 10.5px 8.5px 16px;
  background: url("/res/img/section/msg_box_left.png");
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .message .white .flashbackHelp .helpMsgBox p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .message .white .flashbackHelp .helpMsgBox b {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 12px;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .message .white .flashbackHelp .hidden {
  display: none;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .fragmentGridBox {
  margin-top: 24px;
  width: 690px;
  min-height: 156px;
  background: #0C0D0E;
  border-radius: 16px;
  padding: 20px 27px 20px 27px;
  display: inline-flex;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-wrap: wrap;
  row-gap: 14px;
  column-gap: 14px;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .fragmentGridBox .grid {
  width: 116px;
  height: 116px;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .fragmentGridBox .grid img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .memoriesGridBox {
  margin-top: 24px;
  width: 690px;
  min-height: 135px;
  background: #0C0D0E;
  border-radius: 16px;
  padding: 24px 29px 24px 29px;
  display: inline-flex;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 16px;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .memoriesGridBox .grid {
  width: 65px;
  height: 87px;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .memoriesGridBox .grid .imgDiv {
  width: 65px;
  height: 65px;
  border-radius: 51px;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .memoriesGridBox .grid .imgDiv img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 51px;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .memoriesGridBox .grid .ghostId {
  margin-top: 8px;
  width: 65px;
  height: 14px;
  text-align: center;
}
.memoriesPhase6Success .dashboard .resultDiv .subResultDiv .memoriesGridBox .grid .ghostId p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  font-weight: 700;
  color: #FFFFFF;
}
.memoriesPhase6Success .dashboard .resultDiv .hidden {
  display: none;
}
.memoriesPhase6Success .alert {
  position: absolute;
  width: 660px;
  height: 25px;
  left: 80px;
  top: 613px;
  background: #24242D;
  border-radius: 42px;
  align-items: center;
  text-align: center;
  padding-top: 4px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 14px;
  color: #FFCC49;
}

.memoriesPhase6Fail {
  width: 835px;
  height: 720px;
  position: relative;
  background: #000000;
  border: 5px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 6px 8px 11px rgba(0, 0, 0, 0.12), 6px 21px 34px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
}
.memoriesPhase6Fail .closeBtn {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 21px;
  height: 21px;
  background-image: url("/res/img/icon/wallet_close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
}
.memoriesPhase6Fail .switchPhaseDiv {
  height: 52px;
  width: 100%;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  text-align: center;
}
.memoriesPhase6Fail .switchPhaseDiv .nextBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #00DBFF;
}
.memoriesPhase6Fail .switchPhaseDiv .nextBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase6Fail .switchPhaseDiv .nextBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase6Fail .switchPhaseDiv .prevBtn {
  height: 100%;
  flex: 1 0 50%;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 16px;
  background: #ADB3BC;
}
.memoriesPhase6Fail .switchPhaseDiv .prevBtn p {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  font-size: 20px;
  color: #000000;
}
.memoriesPhase6Fail .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_right.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase6Fail .switchPhaseDiv .prevBtn p {
  color: #232323;
}
.memoriesPhase6Fail .switchPhaseDiv .prevBtn .selectArrow {
  background: url("/res/img/icon/select_left.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase6Fail .switchPhaseDiv .disabled {
  background: #444444;
  color: #161616;
  cursor: text;
}
.memoriesPhase6Fail .switchPhaseDiv .nextNotSelected {
  background: #4D5359;
}
.memoriesPhase6Fail .switchPhaseDiv .nextNotSelected p {
  color: #909BA6;
}
.memoriesPhase6Fail .switchPhaseDiv .nextNotSelected .selectArrow {
  background: url("/res/img/icon/select_right_light.svg");
  background-size: contain;
  width: 17.5px;
  height: 14px;
}
.memoriesPhase6Fail .dashboard {
  height: calc(100% - 52px);
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: start;
  align-items: center;
  text-align: center;
}
.memoriesPhase6Fail .dashboard img {
  margin-top: 84px;
  width: 247px;
  height: 247px;
}
.memoriesPhase6Fail .dashboard .title {
  margin-top: 33px;
  width: 500px;
  height: 48px;
  text-align: center;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  font-weight: 700;
  font-size: 40px;
  color: #FF3737;
}
.memoriesPhase6Fail .dashboard .desc {
  width: 600px;
  height: 27px;
  text-align: center;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  font-size: 18px;
  line-height: 150%;
  color: #FF3737;
}
.memoriesPhase6Fail .dashboard .txBox {
  margin-top: 26px;
  width: 580px;
  height: 145px;
  background: #0C0D0E;
  border-radius: 16px;
  display: inline-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  row-gap: 20px;
  padding-top: 24px;
  padding-left: 36px;
}
.memoriesPhase6Fail .dashboard .txBox .rowDiv {
  height: auto;
  min-height: 22px;
  display: inline-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: left;
  column-gap: 30px;
}
.memoriesPhase6Fail .dashboard .txBox .rowDiv .category {
  width: 42px;
  height: 22px;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  font-size: 18px;
}
.memoriesPhase6Fail .dashboard .txBox .rowDiv .value {
  width: 385px;
  height: 22px;
  font-family: "Helvetica Neue Lt Std", -apple-system, BlinkMacSystemFont, system-ui, Pretendard, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  font-size: 18px;
}
.memoriesPhase6Fail .dashboard .txBox .rowDiv .underline {
  cursor: pointer;
}
.memoriesPhase6Fail .dashboard .txBox .rowDiv .underline p {
  text-decoration: underline dashed #FFFFFF 1px;
  text-underline-offset: 3px;
  word-break: break-all;
  line-height: 27px;
}
.memoriesPhase6Fail .dashboard .txBox .rowDiv .copy {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url("/res/img/icon/Copy.svg");
}

.footer {
  min-height: 160px;
}
.footer .w {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 50px;
  row-gap: 10px;
}
.footer__div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.footer__div__logo > img {
  width: 268px;
  height: 41px;
}
.footer__div__social {
  display: flex;
  flex-direction: row;
  column-gap: 32px;
  margin-left: 40px;
}
.footer__div__social--d {
  width: 44px;
  height: 30px;
}
.footer__div__social--t {
  width: 41px;
  height: 31px;
}
.footer__txt {
  display: flex;
  flex-direction: row;
  column-gap: 56px;
}
.footer__txt > * {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 28.5px;
  color: white;
}
@media (max-width: 425px) {
  .footer__txt > * {
    font-size: 11px;
    line-height: 28.5px;
  }
}

@media (max-width: 800px) {
  .footer {
    min-height: unset;
  }
  .footer .w {
    padding: 34px 0;
    flex-direction: column;
  }
  .footer__div {
    flex-direction: column;
  }
  .footer__div__logo {
    order: 2;
    margin-bottom: 16px;
  }
  .footer__div__logo > img {
    width: 164px;
    height: 26px;
  }
  .footer__div__social {
    order: 1;
    column-gap: 16.5px;
    margin-bottom: 30px;
    margin-left: unset;
  }
  .footer__div__social--d {
    width: 24.96px;
    height: 17.42px;
  }
  .footer__div__social--t {
    width: 23.25px;
    height: 18px;
  }
  .footer__txt {
    order: 3;
    flex-direction: column;
    align-items: center;
  }
  .footer__txt > * {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, NanumGothic, Roboto, Helvetica, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 28.5px;
    color: white;
    line-height: 19px !important;
    margin-top: 14px;
  }
}
@media (max-width: 800px) and (max-width: 425px) {
  .footer__txt > * {
    font-size: 11px;
    line-height: 28.5px;
  }
}