.store-wrap {position:relative;width:100%;height:800px; max-width:1320px;  margin:0 auto 30px auto; display:flex;flex-direction:row;gap:20px;}
.map-area {flex:1;width:100%;height:100%;background:#cce9ff url('https://via.placeholder.com/1000x1000') center/cover;border-radius:14px;}
.list-wrap {width:360px;height:100%;background:#fff;border-radius:14px;overflow-y:auto;box-shadow:0 8px 25px rgba(0,0,0,0.2);border:1px solid #eee;flex-shrink:0;}
.search-bar {display:flex;padding:14px;border-bottom:1px solid #eee;}
.search-bar input {flex:1;padding:12px;border:1px solid #ddd;font-size:15px;border-radius:6px;}
.search-btn {margin-left:8px;padding:0 16px;background:#111;color:#fff;font-size:14px;border-radius:6px;}
.tabs {display:flex;align-items:center;padding:0 14px;height:48px;border-bottom:1px solid #eee;gap:10px;}
.tabs button {background:none;border:none;font-size:15px;padding:6px 0;font-weight:600;}
.tabs button.active {color:#E70017;}
.tabs button span {font-weight:700;}
.select-wrap select {padding:7px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px;}
.store-list {padding:0;margin:0;list-style:none;}
.store-list li {padding:18px 16px;cursor:pointer;transition:all 0.2s;border-bottom:1px solid #f5f5f5;}
.store-list li:hover {background:#f9f9f9;}
.store-list li.selected {background:#fff5f5;border-left:3px solid #E70017;}
.store-list li h4 {margin:0 0 6px;font-size:16px;font-weight:600;color:#333;}
.store-list li:hover h4 {color:#E70017;}
.store-list li p {margin:0 0 4px;font-size:14px;color:#666;line-height:1.4;}
.store-list li span {font-size:13px;color:#999;}


.pagenation {display:flex;align-items:center;justify-content:center;padding:20px 0;gap:6px;border-top:1px solid #f0f0f0;}
.pagenation ul {display:flex;margin:0;padding:0;list-style:none;gap:6px;}
.pagenation ul li {border:1px solid #ddd;border-radius:6px;overflow:hidden;}
.pagenation ul li.on {background:#E70017;border-color:#E70017;}
.pagenation ul li a {display:block;padding:8px 12px;font-size:14px;color:#333; }
.pagenation ul li.on a {color:#fff;}
.pagenation .arrow {width:36px;height:36px;border:1px solid #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.pagenation .arrow a {display:block;width:100%;height:100%;text-indent:-9999px;overflow:hidden;}
.pagenation .arrow.prev {background:url('data:image/svg+xml;utf8,<svg fill="%23333" width="12" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M8 2L4 6l4 4"/></svg>') no-repeat center center/12px auto;}
.pagenation .arrow.next {background:url('data:image/svg+xml;utf8,<svg fill="%23333" width="12" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M4 2l4 4-4 4"/></svg>') no-repeat center center/12px auto;}
.pagenation .arrow:hover {background-color:#f5f5f5;}



@media (max-width:1024px) {
.store-wrap {height:auto;flex-direction:column;gap:0;}
.list-wrap {position:relative;left:0;top:0;width:100%;height:300px; margin-bottom:0; border-radius:0;box-shadow:none;border-bottom:1px solid #eee;}
.map-area {width:100%;height:600px;min-height:600px;}
}

@media (max-width:768px) {
.search-bar input {font-size:14px;}
.search-btn {font-size:13px;}
.store-list li h4 {font-size:15px;}
}

@media (max-width:480px) {
.list-wrap {height:280px;}
.map-area {height:580px;}
}

.sub-visual {padding-top:120px;text-align:center;}
.sub-visual.no-img h2 {padding-bottom:18px;font-family: 'GmarketSansBold'; color:#121212;}
.sub-visual.no-img h2 span {display:inline-block;font-family:'Mont-Heavy';font-size:60px;font-weight:400;line-height:70px; font-family: 'GmarketSansBold'; }
.sub-visual .tab-area {overflow:auto;text-align:center;margin-bottom:10px;}
.sub-visual .tab-area ul {padding:0 40px;display:inline-block;white-space:nowrap;font-size:0;}
.sub-visual .tab-area ul li {display:inline-block;margin-right:80px;}
.sub-visual .tab-area ul li:last-child {margin-right:0;}
.sub-visual .tab-area ul li a {display:inline-flex;align-items:center;justify-content:center;height:113px;font-size:20px;font-weight:800;white-space:nowrap;}
.sub-visual .tab-area ul li a span {display:inline-block;position:relative;}
.sub-visual .tab-area ul li a span::after {content:'';display:block;width:100%;height:3px;background:transparent;position:absolute;left:0;bottom:-11px;}
.sub-visual .tab-area ul li.on a {color:#E70017;}
.sub-visual .tab-area ul li.on a span::after {background:#E70017;}

@media(max-width:1024px){
.sub-visual .tab-area ul li {margin-right:40px;}
.sub-visual .tab-area ul li a {height:69px;font-size:16px;}
.sub-visual .tab-area ul li a span::after {height:3px;}
}
 
@media(max-width:480px){
.sub-visual .tab-area ul {padding:0 20px;}
.sub-visual.no-img h2 span {font-size:40px;line-height:46px;}
.sub-visual.no-img h2 {padding-bottom:0;}
.sub-visual .tab-area {margin-bottom:8px;}

.sub-visual {padding-top:80px;}



}

 
._store.excellent_store {padding-top:14px; padding-bottom:160px; max-width:1320px; width:100%; margin:0 auto 30px auto;}
._store.excellent_store .store-list {display:grid; grid-template-columns:repeat(3,1fr); gap:30px 0px; padding-bottom:60px;}
._store.excellent_store .wrap p.nonetxt {font-size:16px; letter-spacing:-0.01em; color:#A8A8A8; font-weight:500; text-align:center;}
._store.excellent_store .store-list li:hover .img-box img {transform:translate(-50%, -50%) scale(1.1);}
._store.excellent_store .store-list li .img-box {border-radius:16px 16px 0 0; overflow:hidden; background-color:#282828; position:relative; width:100%; padding-bottom:calc((344 / 632) * 100%); color:#121212;}
._store.excellent_store .store-list li .img-box img {width:100%; height:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.5s;}
._store.excellent_store .store-list li .txt-box {border-radius:0 0 16px 16px; border:1px solid #CECECE; background-color:#fff; padding:20px; box-sizing:border-box; display:flex; flex-direction:column;}
._store.excellent_store .store-list li .txt-box em {font-size:20px; font-weight:700; line-height:32px; color:#121212;}
._store.excellent_store .store-list li .txt-box .address {color:#4b4b4b; font-size:18px; font-weight:500; line-height:20px; letter-spacing:-0.01em; margin-top:8px; margin-bottom:7px; align-items:center; justify-content:center;}
._store.excellent_store .store-list li .txt-box .info {color:#888; font-size:18px; font-weight:400; line-height:20px;}
._store.excellent_store .store-list li .txt-box .info .phone {margin-right:16px; position:relative;}
._store.excellent_store .store-list li .txt-box .info .time {position:relative;}
._store.excellent_store .store-list li .txt-box .info .time::after {content:''; display:block; position:absolute; top:0.6em; left:-10px; transform:translateY(-50%); width:1px; height:12px; background-color:#A8A8A8;}

@media screen and (max-width:1000px) {
  ._store.excellent_store .store-list {grid-template-columns:repeat(2,1fr);}
}

@media screen and (max-width:1024px) {
  ._store.excellent_store .store-list li .txt-box em {font-size:18px; line-height:1.3;}
  ._store.excellent_store .store-list li .txt-box .address {font-size:16px; line-height:1.3;}
  ._store.excellent_store .store-list li .txt-box .info {font-size:16px; line-height:1.3;}
}

@media screen and (max-width:568px) {
  ._store.excellent_store {padding-top:0; padding-bottom:100px;}
  ._store.excellent_store .wrap p.nonetxt {font-size:14px; line-height:1.3;}
  ._store.excellent_store .store-list {grid-template-columns:repeat(1,1fr); max-width:500px; gap:0px; padding-bottom:40px; margin:0 auto;}
  ._store.excellent_store .store-list li .txt-box {padding:16px;}
  ._store.excellent_store .store-list li .txt-box em {font-size:16px; line-height:24px;}
  ._store.excellent_store .store-list li .txt-box .address {font-size:14px; line-height:22px; margin-top:4px; margin-bottom:0;}
  ._store.excellent_store .store-list li .txt-box .info .time::after {display:none;}
  ._store.excellent_store .store-list li .txt-box .info {font-size:14px; line-height:22px;}
  ._store.excellent_store .store-list li .txt-box .info span {display:block;}
  ._store.excellent_store .store-list li .txt-box .info .phone::after {display:none;}
}