.store-container .store-wrap{display: flex; height: 100%; position: relative;}
.store-container .store-wrap #map{width: 75%; height: 100%;}
.store-container .store-wrap .store-list-box{width: 25%; height: 100%;}
.store-container .store-wrap .store-list-box .store-list{padding: var(--Spacing-M); box-sizing: border-box; display: flex; flex-wrap: wrap; gap: var(--Spacing-L); height: calc(100% - 88px); overflow-y: auto;}
.store-container .store-wrap .store-list-box .store-list .store{width: 100%; display: flex; gap: var(--Spacing-S);}

.store-container .store-wrap .store-list-box .store-list .store .text img{width: 16px; height: 16px;}
.store-container .store-wrap .store-list-box .store-list .store .text .name{font-size: var(--Font-Size-Body_Short); color: var(--text-primary); font-weight: 500; }
.store-container .store-wrap .store-list-box .store-list .store .text p{font-size: var(--Font-Size-Body_Short); color: var(--text-secondary); font-weight: 400; width: 100%; margin-bottom: var(--Spacing-XS);}
.store-container .store-wrap .store-list-box .store-list .store .text p:last-child{margin-bottom: 0;}

.store-container .store-wrap .store-list-box .store-list .store .img{width: 120px; height: 120px;}
.store-container .store-wrap .store-list-box .store-list .store .img img{width: 100%;  border-radius: var(--Radius-XS);}

.store-container .store-wrap .store-list-box .store-list .store .store-num{display: flex; gap: var(--Spacing-XS); align-items: center;}
.store-container .store-wrap .store-list-box .store-list .store .order-time{display: flex; gap: var(--Spacing-XS); align-items: center;}
.store-container .store-wrap .store-list-box .store-list .result-none{font-size: var(--Font-Size-Body_Short); color: var(--text-unselected); width: 100%; text-align: center; margin-top: var(--Spacing-XL);}




.store-container .store-wrap .search-store-pc{display: block;}
.store-container .store-wrap .search-store{display: none;}

.store-container .store-wrap .btn-search{background: url('../images/search-icon.svg'); width: 24px; height: 24px; position:absolute; right: 17px; content: '';     top: 50%; transform: translate(-50%, -50%);}

.store-container .store-wrap .search-bar{width: 100%; padding: var(--Radius-S) var(--Radius-M); box-sizing: border-box; height: 88px; position: relative;}
.store-container .store-wrap .search-bar input{width: 100%; height: 100%; background: var(--bg-base); font-size: var(--Font-Size-Body_Short); border: none; border-radius: var(--Radius-XS); padding: var(--Spacing-XS) var(--Spacing-M); box-sizing: border-box; font-weight: 400;}
.store-container .store-wrap .search-bar input::placeholder{color: var(--text-unselected); }




/* 태블릿 */
@media (max-width: 1199px) {
.store-container .store-wrap .search-store-pc{display: none;}
.store-container .store-wrap .search-store{ display: block; width: 90%; position: absolute; z-index: 1000; top: 40px; left: 48%; transform: translate(-50%, 0);}
.store-container .store-wrap .search-store > div{height: 56px;}

.store-container .store-wrap #map{width: 100%; height: 50%;}
.store-container .store-wrap .store-list-box{width: 100%; height: 50%;}
.store-container .store-wrap{flex-wrap: wrap;}
.store-container .store-wrap .store-list-box .store-list .store{width: 48%; }
.store-container .store-wrap .store-list-box .store-list {height: 100%;}
.store-container .store-wrap .search-bar{height: 56px; padding: 0;}
.store-container .store-wrap .btn-search{ right: 10px;}
.store-container .store-wrap .store-list-box .store-list .store .img{width: 100px; height: 100px;}
.custom-marker{width: 60px; height: 60px;}

}

/* 모바일 */
@media (max-width: 767px) {
    .store-container .store-wrap .search-store-pc{display: none;}
    .store-container .store-wrap .search-store{display: block; width: 90%; position: absolute; z-index: 1000; top: 30px; left: 45%; transform: translate(-50%, 0);}
    .store-container .store-wrap .search-store > div{height: 32px;}
    
    .store-container .store-wrap #map{width: 100%; height: 50%;}
    .store-container .store-wrap .store-list-box{width: 100%; height: 50%;}
    .store-container .store-wrap{flex-wrap: wrap;}
    .store-container .store-wrap .store-list-box .store-list .store{width: 100%; }
    .store-container .store-wrap .store-list-box .store-list {height: 100%;}
    .store-container .store-wrap .search-bar{height: 32px; padding: 0; width: 80%;}
    .store-container .store-wrap .btn-search{ right: 5px;}
    .store-container .store-wrap .store-list-box .store-list .store .img{width: 100px; height: 100px;}
    .custom-marker{width: 40px; height: 40px;}
}