.product-hero {
  display: block;
  height: calc(100vh - 200px);
  background-color: #000;
  background-position: 50% 100%;
  background-size: auto 100%; }

@media (max-width: 59.99em) {
  .product-hero {
    height: calc(100vh - 250px);
    background-size: auto 80%; } }

@media (max-width: 44.99em) {
  .product-hero {
    height: calc(100vh - 350px); } }

.new {
  position: absolute;
  right: 5%;
  margin-top: 35%;
  display: inline-block;
  padding: 0 10px;
  color: #fff;
  font-size: 1.6rem;
  font-family: "Manrope", "NanumSquare", "Malgun Gothic", sans-serif;
  background-color: #ED1A3B; }

@media (min-width: 60em) {
  .new {
    right: 10%;
    margin-top: 25%;
    font-size: 2rem; } }

@media (min-width: 75em) {
  .new {
    right: 20%;
    margin-top: 15%; } }

.product-hero__logo {
  position: absolute;
  left: 0%;
  margin-top: 25%;
  width: 80px;
  height: auto; }

@media (min-width: 35em) {
  .product-hero__logo {
    width: 120px; } }

@media (min-width: 45em) {
  .product-hero__logo {
    margin-top: 20%;
    width: 150px; } }

@media (min-width: 60em) {
  .product-hero__logo {
    left: 5%;
    margin-top: 15%; } }

@media (min-width: 75em) {
  .product-hero__logo {
    left: 10%;
    margin-top: 15%;
    width: 200px; } }