.list {
     width: 100%;
     -ms-overflow-style: none;
     scrollbar-width: none;
     background: #D4CFC9;
     overflow: hidden;
 }

 .list::-webkit-scrollbar {
     display: none;
 }

 .list-bg-item {
     width: 60%;
     text-align: center;
     margin: 0 auto;
     padding-top: 5rem;
 }

 .list-bg-tag {
     font-size: 3rem;
     font-weight: bold;
     line-height: 5rem;
 }

 .list-bg-content {
     font-size: 1rem;
     padding-bottom: 5rem;
 }


 .list-item {
     display: flex;
     width: 80%;
     margin: 0 auto;
     margin-bottom: 1rem;
     position: relative;
 }
 .list-img-log{
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    width: 11rem;     
    height: 2rem

 }

 .list .list-min-box {
     padding: 1rem;
     font-size: 1rem;
     background: #E6E4E1;
     width: 50%;
     width: calc(50% - 2rem);
 }
 .list_new_box_1{
    background: #66513A !important;
 }

 .list .list-item-color-white {
     color: white;

 }

 .list-tag {
     font-weight: bold;
     font-size: 2.5rem;
     line-height: 4rem;
     text-align: left;
     font-style: normal;
     text-transform: none;
     animation: identifier 1s ease-out forwards;
     padding-top: 2rem;
 }

 .list-content {
     font-weight: 400;
     margin-top: 2rem;
     opacity: 0;
     animation: identifier 1s ease-out forwards;
 }

 .list-content-end {
     margin-top: 1rem;
     animation: identifier 1s ease-out forwards;
 }

 .list-img {
     width: 100%;
     height: 100%;
 }
 .list-img-box{
    width: 50%;
    position: relative;
 }

 @keyframes identifier {
     from {
         transform: translateX(50%);
     }

     to {
         transform: translateX(0);
         opacity: 1;
     }
 }