.bann {
  width: 100%;
  background-color: rgba(251, 217, 186, 1);
}
.tab-box {
  display: flex;
  text-align: center;
}
.tab-box div {
  transform: translateX(50%);
  margin-top: 50px;
  margin-right: 5px;
  width: 133px;
  height: 192px;
  background: linear-gradient(
    180deg, rgba(255, 243, 218, 1) 1%, rgba(255, 244, 212, 1) 24%, rgba(255, 239, 203, 1) 27%);
  border: none;
  border-radius: 20px;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  color: #AF6D22;
  line-height: 33px;
}
.tab-box div.cur {
  margin-top: 43px;
  width: 136px;
  height: 192px;
  background: linear-gradient(
  180deg, rgba(255, 235, 224, 1) 0%, rgba(255, 255, 255, 1) 50%);
  border-radius: 20px;
  border: none;
  font-weight: 700;
  font-size: 38px;
  color: #AF6D22;
  text-align: center;
  line-height: 40px;
}
.tab-box div:last-child {
  margin-right: 0px;
}
.tab-box div p{
margin-top: 20px;
}
.tab-box div p:last-child {
  margin-top: 0px;
}
.tab {
  width: 883px;
  height: 1394px;
  background-color: rgba(255, 255, 255, 1);
  border: none;
  border-radius: 20px;
  margin:auto;
  transform: translateY(-85px);
}
.tab li {
  height: 163px;
  display: flex;
  justify-content: space-around;
  padding: 50px 0 30px 0;
  cursor:pointer;
}
.tab li:last-child {
  display: flex;
  justify-content: center;
  padding: 0 0 70px 0;
}
.li-line {
  width: 785px;
  border:1px dotted #999999;;
  margin: auto;
}
.tab li div {
 width: 500px;
}
.tab li div p:first-child {
  color: #333333;
  font-weight: 400;
  font-size: 34px;
  line-height: 50px;
}
.tab li div p:last-child {
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  letter-spacing: 0.7px;
  color: #999999;
  line-height: 44px;
  margin-top: 20px;
}
.tab li img {
 width: 210px;
 height: 140px;
}
.more {
  display: flex;
  justify-content: center;
}
.tab li p {
  font-weight: 400;
  font-style: normal;
  font-size: 34px;
  color: #AF6D22;
}