@import "./reset.css";

body{
  width: 1536px;
  height: 540px;
  word-break: keep-all;
  font-family: "Pretendard Variable", sans-serif;
  background-color: rgb(234, 232, 232);
}

#header {
  padding-top: 11px;
  padding-bottom: 5px;
  padding-right: 59px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(75, 75, 75);
  margin-top: 10px;
  gap: 800px;
}

#header #menu {
  margin-top: 10px;
  align-items: center;
  display: flex;
  gap: 50px;
}

#header #menu .menu1, .menu2, .menu3 {
  text-decoration-line: none;
  font-weight: 450;
  font-size: 1rem;
  margin-top: 10px;
  color: rgb(75, 75, 75);
  transition: 0.3s;
}

#header .log .nav {
  /*seoyoung*/
  font-size: 1.125rem;
  font-weight: 700;
  color: rgb(75, 75, 75);
}


#header #menu .menu1:hover {
  color: #99a9a5e3;
}

#header #menu .menu2:hover {
  color: #99a9a5e3;
}

#header #menu .menu3:hover {
  color: #99a9a5e3;
}

.log img {
  width: 40px;
  height: 40px;
  margin-left: 55px;
  margin-top: 10px;
}
.footer {
  /*밑 전체*/
  font-weight: 550;
  font-size: 1.125rem;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  gap: 330px;
  border-top: 0.1px solid rgba(172, 172, 172, 0.748);
  padding-top: 30px;
  padding-left: 30px;
  margin-top: 40px;
}

.footer div {
  /*밑의 값*/
  font-size: 0.9375rem;
  font-weight: 200;
  display: flex;
  justify-content: left;
  align-items: left;
  margin-top: 8px;
  padding-bottom: 60px;
  color: rgb(81, 81, 81);
}
.last {
  /*이메일*/
  font-size: 0.75rem;
  font-weight: 100;
  margin-left: 1300px;
  display: flex;
  transform: translateY(-95px);
}