.bg {
    background: url('/src/img/studio/st.png');
    background-size:  cover;
    background-position: 0 39%;
  }


  .text_wrap {
    text-align: center;
    margin : 100px 0 30px;
  }

  .text_wrap > .title {
    color:#999;
    font-weight: bold;
    font-size: 30rem;
  }

  .flex {
    justify-content: space-between;
  }

  .cargo > img {
    width: 49%;
  }

  .price_wrap > .col {
    flex : 5;
    border-right: 1px solid rgb(238, 238, 238);
    padding: 5px 15px;
  }

  .price_wrap > .col:last-child {
    border-right: none;
  }

  .col_wrap {
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgb(235, 228, 228);
    padding-bottom: 27px;
    height: 100%;  
    transition-duration: 0.7s;
  }

  .col:hover > .col_wrap{
    transition-duration: 0.7s;
    box-shadow:  0 6px 6px rgb(0 0 0 / 22%);
  }

  .priceTitle {
    font-size: 15rem;
    font-weight: bold;
    background-color: rgba(0,0,0,.02);
    padding:10px 0;
    
  }

  .priceText {
    padding: 18rem 0;
    font-size: 25rem;
  }

  .dc {
    text-decoration:line-through;
    color:red;
    min-height: 25px;
    border-bottom : 1px solid rgb(175, 171, 171);
    padding-bottom: 10px;
    font-size: 14rem;
    font-style: italic;
    width: 66%;
    margin: 0 auto;
  }

  .info {
    justify-content  : center;
    line-height: 40rem;
    color: gray;  
  }

.info > .col {
  padding: 0 50px;
}

.info > .infoTitle {
  font-size: 20rem;
}

  .info > .infoText {
    text-align: left;
  } 

.review {
  justify-content: flex-start;
}

.flexCbg {
  width : calc((100%/3) - 10px);
  padding-bottom: 19%;
  background-size: cover;
  background-position: center;
  position: relative;
  cursor: pointer;
  margin: 1px;
}


.flexCoTitle {
  width: 100%;
  position: absolute;
  bottom: 7%;
  color:white;
}



/* 
  .review > img {
    padding: 0px;
    width : calc(100%/3);
  } */