:root,:host {
    --pico-font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
    --pico-font-size: 16px;;

  }

  .store-item{
    display:flex;
    width:100%;
    justify-content:space-between;
    align-items:center;
  }
  .btn-view-map{
    /* border:1px solid #ccc; */
    padding: 0.3em;
    cursor:pointer;
    flex: 0 0 2em;
    width:2em;
    display:flex;
    justify-content:center;
    align-items:center;
  }
  .btn-view-map::before{
    height:1.5em;
    width:1.5em;
    display:inline-block;
    content:"";
    background-image:url("./plus.svg");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
  }
  tr.opened .btn-view-map::before{
    background-image:url("./minus.svg");
  }
  td{
    position:relative;
    padding-left: 0;
    padding-right: 0;
  }
  .name{
    font-weight:600;
    font-size:1.2em;
  }
  .address{
    color:#888;
  }
  .tel a{
    display:inline-block;
    border:1px solid #ccc;
    padding:0.2em 0.4em;
    border-radius:0.2em;
    text-decoration:none;
    color:inherit;
    margin-top:0.3em;
  }
  .tel a img{
    height:1em;
    vertical-align:middle;
  }

.kakao-map-link{
    display:block;
    background:#fadf38;
    padding:0.3em 0.4em;
    border-radius:0.2em;
    text-decoration:none;
    color:inherit;
    text-align:center;
  }
.kakao-map-link img{
    height:1.2em;
    vertical-align:middle;
    margin-right:0.2em;
  }


input[type="search"] {
    border-radius: 0;
    border:none;
    border-bottom:2px solid #802d8d;
}
input[type="search"]:focus {
    border-color: #802d8d;
    box-shadow: 0 2px 0 0 #802d8d;
}
.search-btn{
    background:#fff;
    color:#802d8d;
    border:none;
    padding:0.5em 1em;
    border-radius:0.2em;
    border-bottom:2px solid #802d8d;

    cursor:pointer;
}

  @media (min-width: 1024px) {
  .container {
    max-width: 700px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 700px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 700px;
  }
}