#content > .content-inner {
  max-width: 1200px;
  margin: 0 auto;
}

#content > .content-inner > div {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 50px auto;
  padding: 30px 20px;
}

#content > .content-inner > .bab-box,
#content > .content-inner > .recommend-box {
  background: rgb(252, 247, 244);
}

#content > .content-inner > div > h2 {
  font-weight: 500;
  font-size: 20px;
  color: gray;
}

#content > .content-inner > div > div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 80px;
}

#content > .content-inner > div > div > div > p {
  font-size: 20px;
  margin: 16px;
}

#content > .content-inner > .bab-box > div > div > p {
  font-weight: 500;
  font-size: 28px;
}

#content > .content-inner > .recommend-box > div > div > p,
#content > .content-inner > .diary-box > div > div > p {
  font-weight: 500;
  font-size: 26px;
}

#content > .content-inner > div > div > div > p > .color-change {
  color: rgb(248, 116, 59);
}

#content > .content-inner > .mart-box > div > div > p:nth-of-type(1),
#content > .content-inner > .mart-box > div > div > p:nth-of-type(2) {
  font-weight: 500;
  font-size: 28px;
}

#content > .content-inner > .mart-box > div > div > p:nth-of-type(3) {
  font-weight: 500;
  font-size: 20px;
}

#content > .content-inner > div > div > img {
  width: 300px;
  height: 250px;
}

#content > .content-inner > .recommend-box > div > img {
  width: 270px;
  height: 310px;
}

#content > .content-inner > .diary-box > div > img {
  width: 260px;
  height: 220px;
}

#content > .content-inner > div > button {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 220px;
  height: 40px;
  margin: 40px calc(100% / 3) 0;
  cursor: pointer;
  border: none;
  border-radius: 5px;
}

#content > .content-inner > div > button > p {
  font-size: 18px;
  font-weight: 500;
  color: rgb(248, 116, 59);
}