* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
}
body {
  display: flex;
  flex-direction: column;
  min-width: 100vh;
}
main {
  flex: 1;
}
img {
  max-width: 100%;
}

.word {
  color: var(--Secondary-700, #374151);
  font-family: Pretendard;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 56px */
  white-space: nowrap;
}
.word-mini {
  color: var(--Secondary-700, #374151);

  /* pretendard/2xl-24px-medium */
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 133.333% */
}
.word-blue {
  color: var(--Primary-100, #3692ff);

  /* pretendard/2lg-18px-bold */
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 144.444% */
}
.pandamarket {
  color: #3692ff;
  font-family: "ROKAF Sans";
  font-size: 25.633px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.header {
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 70px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #dfdfdf;
  background: #fff;
  z-index: 1;
}
.one {
  max-width: 1920px;
  padding: 9px 200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  margin: 0 auto;
}
.one-one {
  display: flex;
  width: 153px;
  height: 51px;
  padding: 5.017px 0 5.848px 0;
  justify-content: center;
  align-items: flex-end;
  gap: 8.592px;
}
.pandaface {
  width: 40px;
  height: 40.135px;
  flex-shrink: 0;
}
.login {
  display: flex;
  width: 128px;
  height: 48px;
  padding: 12px 23px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: var(--Primary-100, #3692ff);
  color: var(--Cool-Gray-100, #f3f4f6);

  /* pretendard/lg-16px-semibold */
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px; /* 162.5% */
}

.two {
  display: flex;
  width: 100%;
  height: 540px;
  background: #cfe5ff;
  margin-top: 70px;
}
.two-one {
  display: inline-flex;
  margin: 0 auto;
  max-width: 1920px;
  align-items: center;
  gap: 7px;
  padding: 200px 405px 0px 405px;
}
.two-two {
  display: flex;
  padding-bottom: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
}
.look-btn {
  display: flex;
  height: 56px;
  padding: 16px 124px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 40px;
  background: var(--brand-blue, #3692ff);
  border: none;
  cursor: pointer;
}
.look {
  color: var(--Secondary-50, #f9fafb);
  text-align: center;
  /* pretendard/xl-20px-semibold */
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 160% */
  white-space: nowrap;
}
.pandaimg {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.three {
  display: flex;
  width: 100%;
  padding: 138px 344px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #fff;
}
.three-one {
  max-width: 1920px;
  display: flex;
  width: 988px;
  justify-content: center;
  align-items: center;
  gap: 64px;
  background: #fcfcfc;
  margin: 0 auto;
}
.three-two {
  width: 588px;
  height: 444px;
  border-radius: 12px;
  background: var(--Secondary-100, #f3f4f6);
}
.three-three {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.hotitemimg {
  display: flex;
  width: 588px;
  height: 444px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.four {
  display: flex;
  width: 100%;
  padding: 138px 342px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #fff;
}
.four-one {
  display: flex;
  max-width: 1920px;
  width: 988px;
  justify-content: center;
  align-items: center;
  gap: 64px;
  background: #fcfcfc;
  margin: 0 auto;
}
.four-two {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}
.four-three {
  width: 588px;
  height: 444px;
  flex-shrink: 0;
}
.searchimg {
  width: 588px;
  height: 444px;
  flex-shrink: 0;
}
.five {
  display: flex;
  width: 100%;
  padding: 138px 360px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #fff;
}
.five-one {
  display: flex;
  max-width: 1920px;
  width: 988px;
  justify-content: center;
  align-items: center;
  gap: 64px;
  background: #fcfcfc;
  margin: 0 auto;
}
.registerimg {
  display: flex;
  width: 588px;
  height: 444px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.five-two {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.six {
  width: 100%;
  height: 540px;
  background: #cfe5ff;
  margin-top: 138px;
}
.six-one {
  display: flex;
  max-width: 1920px;
  align-items: center;
  gap: 69px;
  padding: 143px 405px 0px 405px;
  margin: 0 auto;
}
.six-two {
  display: flex;
  padding-bottom: 60px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0px 0px 60px 0px;
}
.pandaimg2 {
  display: flex;
  width: 746px;
  height: 397px;
  justify-content: center;
  align-items: center;
}
.footer {
  display: block;
  width: 100%;
  height: 160px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  background: var(--Secondary-900, #111827);
}
.footer-one {
  display: flex;
  max-width: 1920px;
  padding: 32px 200px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.footer-two {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
.footerwordgray {
  color: var(--Secondary-400, #9ca3af);
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.footerwordwhite {
  color: var(--Secondary-200, #e5e7eb);
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.footer-three {
  display: flex;
  width: 116px;
  align-items: flex-start;
  gap: 12px;
}