input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active{ -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0px 1000px #292c6f inset; transition: background-color 5000s ease-in-out 0s; color: #fff; caret-color: #fff; font-family: 'Pretendard'; letter-spacing: -0.025em; }


._s._store { width: 100%; position: relative; overflow: hidden; }
._s._store ._cont {position: relative; padding: 0; margin-top: 80px; }
._s._store ._cont .note{ font-size: 16px; letter-spacing: -0.025em; color: #242424; line-height: 1.4; margin-bottom: 20px; word-break: keep-all; }
._s._store ._cont .note p{ display: flex; justify-content: center; }
._s._store ._cont .note p span{ display: block; flex-shrink: 0; width: 1em; }
._s._store ._cont .note p em{ display: block; }
._s._store ._cont .note p em b{ font-weight: 700; }
._s._store .mapCont {width: 100%; height: 850px; margin: 0 auto;}
._s._store .mapCont .overlayWrap {position: relative; box-sizing: border-box; padding: 25px; width: 245px; max-width: 245px; background: #fff; border-radius: 15px; border: 2px solid #000; box-sizing: border-box; }
._s._store .mapCont .overlayWrap .point{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
._s._store .mapCont .overlayWrap .point::before{ content: ''; display: block; position: absolute; z-index: 1; left: 50%; bottom: 0; transform: translate(-50%, 100%); border-bottom: 15px solid transparent; border-top: 15px solid #000; border-left: 9px solid transparent; border-right: 9px solid transparent; z-index: -2; }
._s._store .mapCont .overlayWrap .point::after{ content: ''; display: block; position: absolute; z-index: 1; left: 50%; bottom: 1px; transform: translate(-50%, 100%); border-bottom: 12px solid transparent; border-top: 12px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; z-index: -2; }
._s._store .mapCont .overlayWrap .info{ position: relative; z-index: 2; }
._s._store .mapCont .overlayWrap .info b {display: inline-block; font-size: 22px; font-weight: 700; letter-spacing: -0.025em; line-height: calc(40/22); }
._s._store .mapCont .overlayWrap .info p {word-break: keep-all; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; line-height: 1.2; color: #444444; }
._s._store .mapCont .overlayWrap .info .em{ word-break: keep-all; font-size: 16px; letter-spacing: -0.025em; line-height: calc(26/16 * 1em); color: #7c7c7c; display: flex; align-items: center; }
._s._store .mapCont .overlayWrap .info .em i{ margin-right: 4px; color: #000; }

._s._store .storeListWrap { height: calc(100% - 80px); padding-top: 176px; position: absolute; top: 75px; left: 50px; z-index: 1; width: 380px; max-height: calc(100% - 48px); box-sizing: border-box; border-radius: 10px; } 
._s._store .storeListWrap .top { background: #292c6f;position: absolute; top: 0; left: 0; width: 100%; padding-top: 20px; border-radius: 10px 10px 0 0; }
._s._store .storeListWrap .top small.n_{ font-size: 14px; color: #fffda2; letter-spacing: -0.045em; line-height: 1.4; margin-bottom: 10px; padding: 0 26px; display: flex; box-sizing: border-box; }
._s._store .storeListWrap .top small.n_ em{ display: block; width: 1em; flex-shrink: 0; }
._s._store .storeListWrap .top .location-search-bar {display: flex; height: 52px; justify-content: space-between; align-items: center; padding: 0 26px; box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,0.4); }
._s._store .storeListWrap .top .location-search-bar input { border: none; font-weight: 500;width: 100%;font-size: 16px; line-height: calc(16/16*1em); color: #fff; background: none; height: 98%; }
._s._store .storeListWrap .top .location-search-bar input::placeholder{ color: rgba(255,255,255,0.6); }
._s._store .storeListWrap .top .location-search-bar button {flex-shrink: 0; border: none; padding: 0; cursor: pointer; background: transparent; height: 100%; }
._s._store .storeListWrap .top .location-search-bar button i { font-size: 24px; color: #fff; }
._s._store .storeListWrap .top .select {height: 54px;display: flex;}
._s._store .storeListWrap .top .select .left { width: 115px; border-right: 1px solid rgba(255,255,255,0.4); color: #fff; font-weight: 600; letter-spacing: -0.025em; }
._s._store .storeListWrap .top .select > div { display: flex;align-items: center;padding: 0 26px;box-sizing: border-box; text-align: center; }
._s._store .storeListWrap .top .select .left span {font-size: 16px;font-weight: 400;line-height: 20px;font-family: 'SUIT';}
._s._store .storeListWrap .top .select .left em {color: #038f59;font-size: 14px;font-weight: 500;line-height: 20px;margin-left: 4px;}
._s._store .storeListWrap .top .select .right {position: relative;width: calc(100% - 115px);justify-content: space-between;cursor: pointer; color: rgba(255,255,255,0.6); font-weight: 500; justify-content: center; }
._s._store .storeListWrap .top .select .right > strong {color: rgba(255,255,255,0.6); font-weight: 500; font-size: 16px; line-height: 1em;}
._s._store .storeListWrap .top .select .right > em {width: 24px;}
._s._store .storeListWrap .top .select .right > em img {filter: brightness(0); width: 100%;}
._s._store .storeListWrap .top .select .right .list-box { box-sizing: border-box; position: absolute;width: 100%;background-color: #fff;box-sizing: border-box;transform: translateY(50px);margin-top: 5px;top: 0;left: 0;overflow: hidden;box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; color: #000; z-index: 10; }
._s._store .storeListWrap .top .select .right .list-box ul { height: 400px;overflow: auto;display: none;}
._s._store .storeListWrap .top .select .right .list-box ul::-webkit-scrollbar {width: 4px; background-color: rgba(0,0,0,0.04);}
._s._store .storeListWrap .top .select .right .list-box ul::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.1); border-radius: 10px;}
._s._store .storeListWrap .top .select .right .list-box ul li {padding: 15px; border-bottom: 1px solid #000; box-sizing: border-box; font-weight: 500;}
._s._store .storeListWrap .top .select .right .list-box ul li:last-of-type{ border-bottom: 0; }
._s._store .storeListWrap .bottom {height: 100%; box-sizing: border-box; }
._s._store .storeListWrap .bottom .bottom-wrap {overflow: auto; height: 100%; position: relative; z-index: 1; background-color: rgba(255,255,255,0.9);  }
._s._store .storeListWrap .bottom .bottom-wrap::-webkit-scrollbar {width: 4px; background-color: rgba(0,0,0,0.04);}
._s._store .storeListWrap .bottom .bottom-wrap::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(0,0,0,0.1);}
._s._store .storeListWrap .bottom .list > li {padding: 20px;box-sizing: border-box;cursor: pointer;border-bottom: 1px solid #cecece; }
._s._store .storeListWrap .bottom em {color: #000;text-align: center;font-size: 20px;font-weight: 700;line-height: 24px;}
._s._store .storeListWrap .bottom span {word-break: keep-all; font-size: 16px; color: #242424; font-weight: 500;line-height: 24px;display: block;margin-top: 8px;margin-bottom: 4px;}
._s._store .storeListWrap .bottom .small {font-size: 16px; color: #888; text-align: center; font-weight: 400; line-height: 14px; letter-spacing: -0.01em; display: flex; align-items: center; }
._s._store .storeListWrap .bottom .small i{ margin-right: 3px; color: #000; }
._s._store .storeListWrap .bottom .paging {padding: 20px 0;}

._s._store .storeListWrap .bottom .detail{ position: absolute; top: 136px; left: calc(100% + 1px); width: 340px; background-color: rgba(255,255,255,0.9); height: 450px; display: flex; flex-direction: column; opacity: 0; transition-duration: 0.4s; transform: translateX(-20%); pointer-events: none; z-index: 0; }
._s._store .storeListWrap .bottom .detail.on{ transform: translateX(0); pointer-events: unset; opacity: 1; }

._s._store .storeListWrap .bottom .detail .t_{ padding: 0 25px; padding-top: 20px; padding-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,0.1); box-sizing: border-box; flex-shrink: 0; }
._s._store .storeListWrap .bottom .detail .t_ .close{ font-size: 20px; text-align: right; cursor: pointer; }

._s._store .storeListWrap .bottom .detail .b_{ padding: 15px 30px; box-sizing: border-box; overflow: auto; height: 100%; }
._s._store .storeListWrap .bottom .detail .b_::-webkit-scrollbar{ background-color: rgba(0,0,0,0.04); width: 4px; }
._s._store .storeListWrap .bottom .detail .b_::-webkit-scrollbar-thumb{ background-color: rgba(0,0,0,0.1); border-radius: 5px; }
._s._store .storeListWrap .bottom .detail .b_ > p{ font-size: 14px; letter-spacing: -0.025em; color: #7c7c7c; line-height: 1.4; }
._s._store .storeListWrap .bottom .detail .b_ > p b{ font-weight: 700; color: #444444; margin-right: 10px; }
._s._store .storeListWrap .bottom .detail .b_ .status{ margin-top: 10px; }
._s._store .storeListWrap .bottom .detail .b_ .status li{ padding: 6px 0; display: flex; justify-content: space-between; align-items: center; }
._s._store .storeListWrap .bottom .detail .b_ .status li h4{ font-size: 16px; letter-spacing: -0.025em; font-weight: 600; line-height: 1.2; }
._s._store .storeListWrap .bottom .detail .b_ .status li .img{ width: 36px; height: 36px; overflow: hidden; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 4px rgba(0,0,0,0.1); }
._s._store .storeListWrap .bottom .detail .b_ .status li .img img{ object-fit: cover; height: 100%; }

._s._store .storeListWrap .bottom .detail .b_ .status li.on h4{ color: #292c6f; }


._s._store ._cont .list-btn, ._s._store ._cont .map-btn {display: none; width: 134px;height: 40px; align-items: center;justify-content: center;border-radius: 60px;font-size: 14px;font-weight: 500;}
._s._store ._cont .map-btn {background: #be2424; color: #fff; z-index: 10; }
._s._store ._cont button{ border: none; }
._s._store ._cont button span {margin-left: 6px;}
._s._store ._cont .list-btn { position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 11; background: #be2424; color: #fff; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); }

@media screen and (max-width: 1280px) {
    ._s._store .mapCont {height: 60vh;}
    ._s._store .storeListWrap {width: 300px;}
    ._s._store .storeListWrap .bottom .detail{ width: 320px; }
    ._s._store .storeListWrap .bottom .detail .t_{ padding: 0 15px; padding-top: 15px; padding-bottom: 10px; }
    ._s._store .storeListWrap .bottom .detail .b_{ padding: 15px; }
    ._s._store .mapCont .overlayWrap {padding: 20px; max-width: 400px;}
    ._s._store .mapCont .overlayWrap .info b {font-size: 20px;}
    ._s._store .mapCont .overlayWrap .info p {font-size: 16px;}
    ._s._store .mapCont .overlayWrap .viewmore {font-size: 18px;}
}
@media screen and (max-width: 1024px) {
    ._s._store ._cont {display: flex; flex-direction: column;}
    ._s._store .storeListWrap { width: 90%; position: relative; left: auto; top: auto; border: none; border-top: 1px solid #cecece; margin: 0 auto; margin-top: 20px; }

    ._s._store .storeListWrap .bottom .detail{ left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80%; max-height: 90%; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); display: none; }
    ._s._store .storeListWrap .bottom .detail .b_ .status li{ padding: 3px 0; }
    
    ._s._store .storeListWrap .bottom .detail.on{ transform: translate(-50%, -50%); pointer-events: unset; opacity: 1; z-index: 2; }
}
@media screen and (max-width: 820px) {
    ._s._store .mapCont {height: 40vh;}
    ._s._store .mapCont .overlayWrap {max-width: 350px;}
    ._s._store ._cont{ margin-top: 50px; flex-direction: column-reverse; }
    ._s._store ._cont > .wrap{ order: 3; }
    ._s._store ._cont .note{ font-size: 14px; margin-bottom: 0; }
    ._s._store .storeListWrap .top .select .right .list-box ul{ height: 260px; }
    ._s._store .storeListWrap .top small.n_{ margin-bottom: 0; }
}
@media screen and (max-width: 500px) {
    ._s._store {padding: 0;}
    ._s._store .mapCont {height: 480px;}
    ._s._store .storeListWrap .top .location-search-bar input {font-size: 14px;}
    ._s._store .storeListWrap .top .select .left{ width: 104px; }
    ._s._store .storeListWrap .top .select .left span {font-size: 14px;}
    ._s._store .storeListWrap .top .select .right{ width: calc(100% - 104px); }
    ._s._store .storeListWrap .top .select .right > span {font-size: 14px;}
    ._s._store .storeListWrap .top .select .right .list-box ul li {font-size: 14px;}
    ._s._store .storeListWrap .top .select .right > strong{ font-size: 14px; }
    ._s._store .storeListWrap .bottom .list li {padding: 16px 20px;}
    ._s._store .storeListWrap .bottom em {font-size: 16px;}
    ._s._store .storeListWrap .bottom span {font-size: 14px; margin-top: 4px; line-height: 22px;}
    ._s._store .storeListWrap .bottom .paging {padding: 40px 0;}
    
    ._s._store .mapCont .overlayWrap {max-width: 300px;}
    ._s._store .mapCont .overlayWrap .info b {font-size: 16px; font-weight: 800; padding-bottom: 4px;}
    ._s._store .mapCont .overlayWrap .info p {font-size: 14px; padding-bottom: 16px;}
    ._s._store .mapCont .overlayWrap .viewmore {font-size: 16px; padding: 10px 0;}
    
    ._s._store ._cont{ margin-bottom: -480px; }
    ._s._store ._cont .note p{ justify-content: flex-start; }
    ._s._store ._cont #map.none { opacity: 0; z-index: -1; pointer-events: none; overflow: hidden; }
    ._s._store .storeListWrap.none {display: none;}
    ._s._store ._cont .list-btn {display: flex;}
    ._s._store .storeListWrap .map-btn {display: flex; position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%);}
    
    ._s._store .storeListWrap .bottom .detail .b_ .status li h4{ font-size: 14px; }

}

._s._store .storeListWrap .bottom .paging .num{ margin: 0 10px; }
._s._store .storeListWrap .bottom .paging .num li.on span{ color: #fff; }