/** Shopify CDN: Minification failed

Line 129:0 Unexpected "}"

**/
/* assets/town-map.css.liquid */

.town-map {
  background: url('/cdn/shop/files/MAP_BG_Standard.jpg?v=1719233996') no-repeat center center;
  /* width: 100%;
  max-width: 1200px; */
  margin: 0 auto;
  position: relative; /* 부모 요소에 대해 상대적인 위치 설정 */
  width: 100vw; /* 뷰포트의 너비에 맞춰 100%로 설정 */
  height: 98%; /* 뷰포트의 높이에 맞춰 100%로 설정 */
  /* position: absolute; */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(var(--background));
  
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center;
}

.town-map img {
  width: 100%;
  height: auto;
  
}

.town-button {
  position: absolute;
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.2s;
}

.town-button:hover {
  transform: scale(1.1);
}

.town-button img {
  width: 100%;
  height: auto;
}

.town-button {
  position: absolute;
  width: 39% !important;
}
#bunniroll{
  top: 23%;
  left: 2.5%;
}

#owlyroll {
  top: 14.5%;
  left: 42%;
}
#pandaroll {
  top: 28%;
  right: 0.1%;
}

#kittiroll{
  top: 37%;
  left: 31%;
}

#foxiroll {
  top: 40%;
  left: 2px;
}

#chickiroll {
  top: 43%;
  right: 2%;
}

#puppiroll {
  bottom: 25%;
  left: 23%;
}    
    
@media screen and (max-width: 768px) {
    .town-button {
      width: 39% !important;
    }
    
    #bunniroll{
      top: 23%;
      left: 2.5%;
    }
  
    #owlyroll {
      top: 14.5%;
      left: 42%;
    }
    #pandaroll {
      top: 28%;
      right: 0.1%;
    }
    
    #kittiroll{
      top: 37%;
      left: 31%;
    }
    
    #foxiroll {
      top: 40%;
      left: 2px;
    }

    #chickiroll {
      top: 43%;
      right: 2%;
    }
    
    #puppiroll {
      bottom: 25%;
      left: 23%;
    }  

  }
}