Mina Choi
5e2def200b
- vendor/ 옛 해시 번들을 retired/ 로 옮기고 새 해시로 교체 - build_photo6.py 신설 — /s/stay6 "2안(사진)" 판, 슬러그별로 다시 구울 수 있다 (python3 build_photo6.py <slug>) - build_pension.py·build_reading.py·build_stay6.py·patch_stay.py 정리 - AUTOPLAY.md·README.md·audit-all.mjs 갱신
2675 lines
472 KiB
HTML
2675 lines
472 KiB
HTML
<!doctype html>
|
||
<html lang="ko">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
||
<title>스테이,머뭄 · 전북 군산시 숙소</title>
|
||
<meta name="description" content="1920년대 적산가옥을 고쳐 지은 독채 두 동, 매일 세탁·살균하는 침구. 군산시에 있는 스테이,머뭄입니다." />
|
||
<link rel="canonical" href="https://web4ai.o2osolution.ai/s/stay6" />
|
||
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
|
||
<meta http-equiv="content-language" content="ko-KR" />
|
||
<meta name="theme-color" content="#d8ceb6" />
|
||
<meta name="dateModified" content="2026-09-14T07:42:00+00:00" />
|
||
<meta name="datePublished" content="2026-09-03T01:27:39.284442+00:00" />
|
||
<meta property="article:published_time" content="2026-09-03T01:27:39.284442+00:00" />
|
||
<meta property="article:modified_time" content="2026-09-14T07:42:00+00:00" />
|
||
<meta name="author" content="스테이,머뭄" />
|
||
<meta name="publisher" content="스테이,머뭄" />
|
||
<link rel="author" href="https://web4ai.o2osolution.ai/s/stay" />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:site_name" content="스테이,머뭄" />
|
||
<meta property="og:locale" content="ko_KR" />
|
||
<meta property="og:title" content="스테이,머뭄 · 전북 군산시 숙소" />
|
||
<meta property="og:description" content="1920년대 적산가옥을 고쳐 지은 독채 두 동, 매일 세탁·살균하는 침구. 군산시에 있는 스테이,머뭄입니다." />
|
||
<meta property="og:url" content="https://web4ai.o2osolution.ai/s/stay" />
|
||
<meta property="og:image" content="/s/stay6/img/mirror/ddc9f804f4ef83b5.jpg" />
|
||
<meta property="og:image:alt" content="목재 서까래 천장과 미닫이창, 테이블이 있는 거실 공간" />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:title" content="스테이,머뭄 · 전북 군산시 숙소" />
|
||
<meta name="twitter:description" content="1920년대 적산가옥을 고쳐 지은 독채 두 동, 매일 세탁·살균하는 침구. 군산시에 있는 스테이,머뭄입니다." />
|
||
<meta name="twitter:image" content="/s/stay6/img/mirror/ddc9f804f4ef83b5.jpg" />
|
||
<meta name="geo.position" content="35.9864175;126.7061254" />
|
||
<meta name="ICBM" content="35.9864175, 126.7061254" />
|
||
<meta name="geo.region" content="KR-45" />
|
||
<meta name="geo.placename" content="스테이,머뭄" />
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300..900&family=Noto+Serif+KR:wght@300..700&family=Gugi&family=Gowun+Batang:wght@400;700&display=swap" rel="stylesheet" />
|
||
<link rel="sitemap" type="application/xml" href="/sitemap.xml" />
|
||
<link rel="alternate" type="text/plain" href="/s/stay6/llms.txt" title="LLM 요약" />
|
||
<link rel="stylesheet" href="/s/stay6/vendor/index-COCGeTYh.css" />
|
||
<style>
|
||
:root {
|
||
--tpl-primary: #1b1a15;
|
||
--tpl-secondary: #4c4739;
|
||
--tpl-bg: #e4dac0;
|
||
--tpl-card: #efe7d3;
|
||
--tpl-text: #1b1a15;
|
||
--tpl-accent: #bf2f1b;
|
||
--tpl-surface: #e5dcc6;
|
||
--tpl-surface-alt: #efe7d3;
|
||
--tpl-inverse: #1c1917;
|
||
--tpl-border: #bcb49e;
|
||
--tpl-font-heading: 'Gugi', 'Noto Sans KR', sans-serif;
|
||
--tpl-font-body: 'Gowun Batang', 'Noto Serif KR', serif;
|
||
--tpl-heading-tracking: 0em;
|
||
--tpl-heading-weight: 400;
|
||
--tpl-section-space: 4rem;
|
||
--tpl-border-width: 2px;
|
||
--tpl-radius: 0px;
|
||
--tpl-shadow: 4px 4px 0 rgb(27 26 21 / 0.16);
|
||
--tpl-texture: repeating-linear-gradient(0deg,rgba(27,26,21,.028) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(27,26,21,.02) 0 1px,transparent 1px 4px);
|
||
}
|
||
</style>
|
||
<script type="application/ld+json">{"@context":"https://schema.org","@type":["LodgingBusiness","LocalBusiness","Organization"],"@id":"https://web4ai.o2osolution.ai/s/stay#business","name":"스테이,머뭄","url":"https://web4ai.o2osolution.ai/s/stay","description":"1920년대 적산가옥을 고쳐 지은 독채 두 동, 매일 세탁·살균하는 침구","telephone":"0507-1497-0983","address":{"@type":"PostalAddress","streetAddress":"전북 군산시 절골길 18","addressLocality":"군산시","addressRegion":"전북","addressCountry":"KR"},"geo":{"@type":"GeoCoordinates","latitude":35.9864175,"longitude":126.7061254},"image":["https://web4ai.o2osolution.ai/s/stay6/img/mirror/ddc9f804f4ef83b5.jpg","https://web4ai.o2osolution.ai/s/stay6/img/mirror/6d0c447b6a0c32af.jpg","https://web4ai.o2osolution.ai/s/stay6/img/mirror/2d94158a48480fcd.jpg","https://web4ai.o2osolution.ai/s/stay6/img/mirror/d364f605223524bd.jpg","https://web4ai.o2osolution.ai/s/stay6/img/mirror/e0ed8d1a27e09320.jpg","https://web4ai.o2osolution.ai/s/stay6/img/mirror/aa69a633f8e3a631.jpg"],"priceRange":"198,000원","amenityFeature":[{"@type":"LocationFeatureSpecification","name":"주차","value":true},{"@type":"LocationFeatureSpecification","name":"와이파이","value":true},{"@type":"LocationFeatureSpecification","name":"취사","value":true},{"@type":"LocationFeatureSpecification","name":"반려동물 동반","value":false},{"@type":"LocationFeatureSpecification","name":"흡연","value":false},{"@type":"LocationFeatureSpecification","name":"픽업 서비스","value":false},{"@type":"LocationFeatureSpecification","name":"바비큐 이용","value":false}],"sameAs":["https://m.place.naver.com/place/1133638931/home","https://www.instagram.com/staymeomoom"],"containsPlace":[{"@type":"HotelRoom","@id":"https://web4ai.o2osolution.ai/s/stay6/rooms/a동#unit","name":"A동(일본식 가정집 느낌으로 디딤돌마당과 예쁜정원)","url":"https://web4ai.o2osolution.ai/s/stay6/rooms/a동","description":"편안한 일본집에 와 있는 듯한 느낌의 공간입니다. 독립된 아담한 정원과 창고형 CAFÉ 공간이 있습니다.","occupancy":{"@type":"QuantitativeValue","value":4,"minValue":2,"unitText":"명"},"image":["/s/stay6/img/mirror/ddc9f804f4ef83b5.jpg","/s/stay6/img/mirror/6d0c447b6a0c32af.jpg","/s/stay6/img/mirror/aa69a633f8e3a631.jpg","/s/stay6/img/mirror/7095220ca156e25e.jpg"]},{"@type":"HotelRoom","@id":"https://web4ai.o2osolution.ai/s/stay6/rooms/b동#unit","name":"B동(모던한 현대식 컨셉으로 꾸며진 따뜻한 공간)","url":"https://web4ai.o2osolution.ai/s/stay6/rooms/b동","description":"아늑하고 깔끔한 현대식 모던 스타일 공간입니다. 독립된 아담한 정원과 창고형 CAFÉ 공간이 있습니다.","occupancy":{"@type":"QuantitativeValue","value":4,"minValue":2,"unitText":"명"},"image":["/s/stay6/img/mirror/e0ed8d1a27e09320.jpg","/s/stay6/img/mirror/caa5e076e7d56ec2.jpg","/s/stay6/img/mirror/8e2ec99c433b6fe8.jpg","/s/stay6/img/mirror/2d94158a48480fcd.jpg"]}],"checkinTime":"15:00","checkoutTime":"11:00","petsAllowed":false,"numberOfRooms":2,"smokingAllowed":false}</script>
|
||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://web4ai.o2osolution.ai/s/stay#website","name":"스테이,머뭄","url":"https://web4ai.o2osolution.ai/s/stay","inLanguage":"ko-KR","publisher":{"@id":"https://web4ai.o2osolution.ai/s/stay#business"}}</script>
|
||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","@id":"https://web4ai.o2osolution.ai/s/stay#webpage","url":"https://web4ai.o2osolution.ai/s/stay","name":"스테이,머뭄 · 전북 군산시 숙소","description":"1920년대 적산가옥을 고쳐 지은 독채 두 동, 매일 세탁·살균하는 침구. 군산시에 있는 스테이,머뭄입니다.","inLanguage":"ko-KR","isPartOf":{"@id":"https://web4ai.o2osolution.ai/s/stay#website"},"about":{"@id":"https://web4ai.o2osolution.ai/s/stay#business"},"author":{"@id":"https://web4ai.o2osolution.ai/s/stay#business"},"publisher":{"@id":"https://web4ai.o2osolution.ai/s/stay#business"},"datePublished":"2026-09-03T01:27:39.284442+00:00","dateModified":"2026-09-14T07:42:00+00:00","speakable":{"@type":"SpeakableSpecification","cssSelector":["h1","#summary p"]}}</script>
|
||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","@id":"https://web4ai.o2osolution.ai/s/stay#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"홈","item":"https://web4ai.o2osolution.ai/"},{"@type":"ListItem","position":2,"name":"스테이,머뭄","item":"https://web4ai.o2osolution.ai/s/stay"}]}</script>
|
||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","@id":"https://web4ai.o2osolution.ai/s/stay6/faq#faq","mainEntity":[{"@type":"Question","name":"체크인과 체크아웃 시간은 언제인가요?","acceptedAnswer":{"@type":"Answer","text":"체크인은 15:00부터이며, 체크아웃은 11:00까지입니다."}},{"@type":"Question","name":"객실 기준 인원과 최대 인원, 인원 추가 요금은 어떻게 되나요?","acceptedAnswer":{"@type":"Answer","text":"A동과 B동 모두 기준 인원은 2명이며, 최대 4명까지 투숙하실 수 있습니다. 인원 추가 요금은 20,000원입니다."}},{"@type":"Question","name":"객실 내 취사가 가능한가요?","acceptedAnswer":{"@type":"Answer","text":"주방에서 간단한 조리는 가능합니다. 다만 생선구이·고기구이·튀김처럼 냄새가 잘 빠지지 않는 조리는 하실 수 없고, 객실 안에서 직화로 굽는 방식도 허용되지 않습니다. 그릴·숯·전기 전열기구 등 개인 취사도구는 반입이 금지되어 있습니다."}},{"@type":"Question","name":"주차와 와이파이 이용이 가능한가요?","acceptedAnswer":{"@type":"Answer","text":"네, 주차와 와이파이 모두 이용 가능합니다."}},{"@type":"Question","name":"반려동물 동반이나 실내 흡연이 가능한가요?","acceptedAnswer":{"@type":"Answer","text":"반려동물 동반은 불가하며, 전 구역 흡연이 불가능합니다."}},{"@type":"Question","name":"A동과 B동은 무엇이 다른가요?","acceptedAnswer":{"@type":"Answer","text":"A동은 편안한 일본집에 와 있는 듯한 느낌의 공간이고, B동은 아늑하고 깔끔한 현대식 모던 스타일 공간입니다. 두 동 모두 독립된 아담한 정원과 창고형 CAFÉ 공간이 딸려 있으며, 기준 2인 · 최대 4인으로 같습니다. 침대 구성 등 객실 안 자세한 사항은 예약 채널이나 전화로 확인해 주세요."}},{"@type":"Question","name":"객실 요금은 얼마인가요?","acceptedAnswer":{"@type":"Answer","text":"A동과 B동 모두 198,000원 ~ 350,000원입니다. 날짜와 시즌에 따라 달라지므로 정확한 금액은 예약 채널에서 확인해 주세요. 기준 인원(2인)을 넘으면 1인당 20,000원이 더해집니다."}},{"@type":"Question","name":"예약 취소 및 환불 규정은 어떻게 되나요?","acceptedAnswer":{"@type":"Answer","text":"입실 당일 취소와 노쇼(No Show)의 경우 숙박요금의 100%가 부과되어 환불되지 않습니다. 그 이전 취소 수수료는 예약하신 채널의 취소 규정을 따릅니다."}},{"@type":"Question","name":"스테이,머뭄은 어떤 숙소인가요?","acceptedAnswer":{"@type":"Answer","text":"스테이,머뭄은 전북 군산시 절골길 18(신흥동)에 있는 독채 숙소입니다. A동은 일본식 가정집 느낌, B동은 현대식 모던 스타일로 두 동이 있고, 편안한 침구와 좋은 위치를 내세운 곳입니다."}},{"@type":"Question","name":"군산 독채 펜션을 찾는데, 여기도 독채인가요?","acceptedAnswer":{"@type":"Answer","text":"네, 스테이,머뭄은 A동과 B동 모두 독채입니다. 동마다 독립된 정원과 창고형 카페 공간이 딸려 있고, 주방이 있어 취사도 가능합니다."}},{"@type":"Question","name":"위치가 어디인가요?","acceptedAnswer":{"@type":"Answer","text":"스테이,머뭄은 전북 군산시 절골길 18(신흥동 63-18)에 있습니다. 바로 옆 13m 거리에 군산 신흥동 일본식가옥(히로쓰 가옥)이 있는 원도심 골목 안입니다. 문의는 0507-1497-0983입니다."}},{"@type":"Question","name":"예약은 어디서 하나요?","acceptedAnswer":{"@type":"Answer","text":"스테이,머뭄은 네이버 플레이스에서 숙소 정보를 확인하실 수 있고, 전화 0507-1497-0983으로도 문의하실 수 있습니다. 입실 당일 취소와 노쇼는 숙박요금의 100%가 부과되니 일정을 확인하고 예약해 주세요."}},{"@type":"Question","name":"커플 둘이 묵기 좋은 2인 독채인가요?","acceptedAnswer":{"@type":"Answer","text":"네, 스테이,머뭄 A동과 B동 모두 기준 인원 2인의 독채입니다. 두 동을 각각 한 팀만 쓰고, 독립된 아담한 정원과 창고형 CAFÉ 공간이 딸려 있습니다."}},{"@type":"Question","name":"일본식 가옥 같은 숙소를 찾는데 여기가 맞나요?","acceptedAnswer":{"@type":"Answer","text":"스테이,머뭄 A동이 일본식 가정집 느낌으로 꾸민 독채입니다. 디딤돌 마당과 독립된 정원, 창고형 카페 공간이 딸려 있습니다. B동은 같은 마당 안에 있는 현대식 모던 스타일 독채입니다."}},{"@type":"Question","name":"조용하고 프라이빗한 숙소인가요?","acceptedAnswer":{"@type":"Answer","text":"스테이,머뭄은 A동·B동 두 동뿐인 독채 숙소라 다른 손님과 건물을 나눠 쓰지 않습니다. 두 동 모두 독립된 정원을 따로 두고 있고, 전 구역 금연입니다."}},{"@type":"Question","name":"차 없이 걸어서 근대문화거리까지 갈 수 있나요?","acceptedAnswer":{"@type":"Answer","text":"스테이,머뭄에서 히로쓰 가옥은 13m, 초원사진관 248m, 군산 영화의 거리 318m, 군산근대미술관 708m, 옛 군산세관 728m, 근대건축관(구 조선은행 군산지점) 788m 거리입니다. 원도심 근대 건축물이 숙소를 중심으로 1km 안에 모여 있습니다. 주차도 가능합니다."}},{"@type":"Question","name":"이성당이나 근처 맛집까지 얼마나 되나요?","acceptedAnswer":{"@type":"Answer","text":"스테이,머뭄에서 이성당까지는 455m입니다. 그 밖에 요리주점 도란 135m, 베이커리 물밀소 297m, 백년가게 국밥집 일흥옥 300m, 명월갈비 351m, 꽃게장 한주옥 430m로 모두 가까이 있습니다."}},{"@type":"Question","name":"마당이나 정원이 따로 있나요?","acceptedAnswer":{"@type":"Answer","text":"네. A동과 B동 각각 독립된 아담한 정원과 창고형 CAFÉ 공간이 있습니다. A동에는 디딤돌 마당도 있습니다. 바다 전망은 아닙니다 — 마당과 거실에서 새소리를 들으며 쉬는 숙소입니다."}},{"@type":"Question","name":"선유도에 갈 건데 여기서 자도 될까요?","acceptedAnswer":{"@type":"Answer","text":"네, 스테이,머뭄에서는 다리를 건너 고군산군도 선유도까지 차로 약 45분 걸립니다. 첫날은 군산 도심에서 저녁과 내항 밤 산책을, 이튿날 선유도와 장자도를 도는 1박 2일 코스를 추천 일정으로 안내하고 있습니다."}},{"@type":"Question","name":"1박 2일이면 어떻게 돌면 좋을까요?","acceptedAnswer":{"@type":"Answer","text":"스테이,머뭄이 안내하는 1박 2일 코스는 첫날 오후 체크인 후 빈해원에서 저녁, 군산 내항 밤 산책으로 마무리하고, 이튿날 선유도와 장자도를 도는 일정입니다. 걷는 코스를 원하시면 채만식문학관·내항 부잔교·째보선창·초원사진관·이성당으로 이어지는 반나절 탁류길 코스도 있습니다."}},{"@type":"Question","name":"군산이 처음인데 어디부터 보면 좋을까요?","acceptedAnswer":{"@type":"Answer","text":"스테이,머뭄은 처음 오신 손님께 반나절 개항장 골목 코스를 안내합니다. 군산근대역사박물관에서 시작해 초원사진관, 이성당, 경암동 철길마을 순으로 도는 일정으로, 걷는 거리가 가장 짧은 코스입니다."}},{"@type":"Question","name":"비 오는 날에는 뭘 하면 좋을까요?","acceptedAnswer":{"@type":"Answer","text":"스테이,머뭄은 비 오는 날을 위한 실내 코스를 따로 안내합니다. 군산근대건축관에서 옛 은행 건물 전시를 보고, 한일옥에서 무국으로 몸을 데운 뒤, 째보선창 근처 카페에서 비가 그칠 때까지 앉아 있는 코스입니다. 숙소는 주방이 있어 취사도 가능합니다."}},{"@type":"Question","name":"바비큐나 고기를 구워 먹을 수 있나요?","acceptedAnswer":{"@type":"Answer","text":"바비큐는 하실 수 없습니다. 화재 예방을 위해 객실 안에서 생선이나 고기를 굽는 직화 방식은 허용되지 않으며, 그릴·숯·전기 전열기구 등 개인적으로 준비해 오시는 취사도구도 반입이 금지되어 있습니다."}},{"@type":"Question","name":"픽업 서비스가 있나요?","acceptedAnswer":{"@type":"Answer","text":"픽업 서비스는 지원하지 않습니다."}},{"@type":"Question","name":"건물이 오래된 집이라던데 언제 지어졌나요?","acceptedAnswer":{"@type":"Answer","text":"1920년대에 지어진 적산가옥입니다. 백 년 된 고택을 리모델링해 2024년 5월 독채 펜션으로 문을 열었습니다. 바로 옆이 국가등록문화유산인 군산 신흥동 일본식 가옥(히로쓰 가옥)입니다."}},{"@type":"Question","name":"침구는 깨끗한가요?","acceptedAnswer":{"@type":"Answer","text":"침구류는 매일 세탁하고 살균·건조합니다. 인테리어와 가구, 소품도 하나하나 준비해 두었습니다."}},{"@type":"Question","name":"미성년자끼리 이용할 수 있나요?","acceptedAnswer":{"@type":"Answer","text":"숙박업소는 법적으로 청소년 혼숙이 금지되어 있습니다. 미성년자는 보호자를 동반하셔야 이용하실 수 있습니다."}},{"@type":"Question","name":"CCTV가 설치되어 있나요?","acceptedAnswer":{"@type":"Answer","text":"고객님의 안전과 보안을 위해 대문 입구 쪽에 CCTV를 운영하고 있습니다. 객실 안에는 없습니다."}},{"@type":"Question","name":"벌레가 나오지는 않나요?","acceptedAnswer":{"@type":"Answer","text":"정기적으로 방역하고 있습니다. 다만 자연과 함께하는 공간이라 가끔 벌레나 이물질이 들어올 수 있으며, 이 사유로는 환불이 어려운 점 양해 부탁드립니다."}},{"@type":"Question","name":"예약 인원보다 사람이 늘면 어떻게 하나요?","acceptedAnswer":{"@type":"Answer","text":"미리 숙소로 연락 주세요. 기준 인원(2인)을 넘으면 1인당 20,000원이 추가됩니다. 최대 인원(4인)을 넘으면 입실이 불가능할 수 있고, 그 사유로는 환불을 받으실 수 없습니다."}},{"@type":"Question","name":"히로쓰 가옥 바로 옆이라던데 어떤 집인가요?","acceptedAnswer":{"@type":"Answer","text":"스테이,머뭄은 1920년대에 지어진 집으로, 국가등록문화유산인 군산 신흥동 일본식 가옥(히로쓰 가옥) 후문 바로 옆 13m 거리에 있습니다. 사장님은 이 집이 히로쓰 가옥 관리인이 살던 집이라고 전합니다. 백 년 된 고택을 리모델링해 2024년 5월 독채 펜션으로 문을 열었습니다."}},{"@type":"Question","name":"주요 관광지까지 걸어서 얼마나 걸리나요?","acceptedAnswer":{"@type":"Answer","text":"초원사진관, 이성당, 군산 시간여행마을 등 주요 관광명소가 걸어서 최대 8분 거리입니다. 차 없이 도보 여행이 가능합니다."}}]}</script>
|
||
<script type="module" src="/s/stay6/vendor/index-D4tfakmK.js"></script>
|
||
<style>
|
||
[data-w4d-here] { font-weight: 800; text-decoration: underline; text-underline-offset: 5px; }
|
||
.w4d-pagehead {
|
||
padding: clamp(2.5rem, 9vw, 4.5rem) 1.25rem clamp(1.75rem, 6vw, 3rem);
|
||
text-align: center;
|
||
}
|
||
.w4d-pagehead h1 {
|
||
margin: 0; font-family: var(--font-serif, serif); font-weight: 400;
|
||
font-size: clamp(1.75rem, 7vw, 2.4rem); letter-spacing: .04em; line-height: 1.3;
|
||
}
|
||
#reviews { display: none !important; }</style></head>
|
||
<body class="site">
|
||
<div id="root"><link rel="preload" as="image" href="/s/stay6/img/mirror/ddc9f804f4ef83b5.jpg" fetchPriority="high"/><div class="flex min-h-screen w-full flex-col"><header class="border-line safe-t sticky top-0 z-40 w-full border-b backdrop-blur-md" style="background-color:color-mix(in srgb, var(--tpl-surface, #fff) 88%, transparent)"><div class="shell flex h-16 items-center justify-between gap-3"><a href="#top" class="flex min-w-0 items-center gap-2.5"><span class="serif flex size-8 shrink-0 items-center justify-center rounded-md text-[length:var(--fs-sm)]" style="background-color:var(--color-brand);color:var(--tpl-bg, #fff);font-weight:var(--tpl-heading-weight, 700)" aria-hidden="true">스</span><span class="flex min-w-0 flex-col"><span class="serif truncate text-[length:var(--fs-lead)] leading-tight" style="font-weight:var(--tpl-heading-weight, 700)">스테이,머뭄</span></span></a><nav aria-label="주요 메뉴" class="hidden items-center gap-7 lg:flex"><a href="#about" class="text-muted py-1 text-[length:var(--fs-sm)] font-medium transition-colors hover:text-current">소개</a><a href="#info" class="text-muted py-1 text-[length:var(--fs-sm)] font-medium transition-colors hover:text-current">이용 정보</a><a href="#units" class="text-muted py-1 text-[length:var(--fs-sm)] font-medium transition-colors hover:text-current">객실</a><a href="#location" class="text-muted py-1 text-[length:var(--fs-sm)] font-medium transition-colors hover:text-current">오시는 길</a><a href="#festival" class="text-muted py-1 text-[length:var(--fs-sm)] font-medium transition-colors hover:text-current">축제</a><a href="#faq" class="text-muted py-1 text-[length:var(--fs-sm)] font-medium transition-colors hover:text-current">FAQ</a></nav><div class="flex shrink-0 items-center gap-1.5"><a href="tel:0507-1497-0983" class="tap inline-flex items-center gap-1.5 rounded-lg px-3 text-[length:var(--fs-xs)] font-bold transition-opacity hover:opacity-100" style="background-color:var(--color-brand);color:var(--tpl-bg, #fff)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone size-4" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg><span class="hidden sm:inline">0507-1497-0983</span><span class="sr-only sm:hidden">전화</span></a><details class="relative lg:hidden"><summary class="tap flex cursor-pointer items-center justify-center rounded-lg marker:content-none [&::-webkit-details-marker]:hidden" aria-label="메뉴 열기"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu size-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></summary><nav aria-label="전체 메뉴" class="border-line tpl-border absolute right-0 top-[calc(100%+0.5rem)] z-50 w-52 overflow-hidden rounded-xl border shadow-lg" style="background-color:var(--tpl-surface, #fff)"><ul class="divide-line divide-y"><li><a href="#about" class="tap flex items-center px-4 text-[length:var(--fs-sm)] font-medium">소개</a></li><li><a href="#info" class="tap flex items-center px-4 text-[length:var(--fs-sm)] font-medium">이용 정보</a></li><li><a href="#units" class="tap flex items-center px-4 text-[length:var(--fs-sm)] font-medium">객실</a></li><li><a href="#location" class="tap flex items-center px-4 text-[length:var(--fs-sm)] font-medium">오시는 길</a></li><li><a href="#festival" class="tap flex items-center px-4 text-[length:var(--fs-sm)] font-medium">축제</a></li><li><a href="#faq" class="tap flex items-center px-4 text-[length:var(--fs-sm)] font-medium">FAQ</a></li></ul></nav></details></div></div></header><div class="flex w-full flex-1 flex-col"><main class="w-full flex-1"><section id="top" class="w-full"><div class="relative flex w-full items-end overflow-hidden" style="background-color:var(--tpl-inverse, #1c1917);color:var(--tpl-bg, #ffffff);min-height:clamp(24rem, 62vh, 36rem)"><div class="absolute inset-0 z-0"><img src="/s/stay6/img/mirror/ddc9f804f4ef83b5.jpg" alt="목재 서까래 천장과 미닫이창, 테이블이 있는 거실 공간" fetchPriority="high" decoding="async" class="size-full object-cover object-center"/><div class="absolute inset-0" style="background:linear-gradient(to top, color-mix(in srgb, var(--tpl-inverse, #1c1917) 88%, transparent) 0%, color-mix(in srgb, var(--tpl-inverse, #1c1917) 45%, transparent) 34%, transparent 66%)"></div></div><div class="shell relative z-10 pb-10 pt-24 sm:pb-12"><p class="mb-3 inline-flex items-center gap-1 text-[length:var(--fs-xs)] opacity-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin size-3.5" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span>군산시</span></p><h1 class="serif" style="font-size:var(--fs-display);font-weight:var(--tpl-heading-weight, 700);line-height:1.15">스테이,머뭄</h1><p class="measure mt-3 text-[length:var(--fs-lead)] leading-relaxed opacity-100"><span class="hero-catchphrase"><span class="hero-catchphrase-fixed">히로쓰 가옥 담 너머, 백 년 된 집 한 채</span><span class="w4d-line w4d-line--in"><span><span class="w4d-w"><span style="--w4d-d:0ms">백</span></span></span><span> <span class="w4d-w"><span style="--w4d-d:55ms">년</span></span></span><span> <span class="w4d-w"><span style="--w4d-d:110ms">된</span></span></span><span> <span class="w4d-w"><span style="--w4d-d:165ms">집에서</span></span></span><span> <span class="w4d-w"><span style="--w4d-d:220ms">하룻밤</span></span></span></span></span></p><a href="#units" class="mt-6 inline-flex items-center gap-1 text-[length:var(--fs-sm)] font-medium underline-offset-4 opacity-100 transition-opacity hover:opacity-100"><span>객실<!-- --> 보기</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></a></div></div></section><div data-editor-id="intro" style="display:contents"><section id="about" aria-labelledby="about-heading" class="border-line paper w-full border-b" style="background-color:var(--tpl-surface, #ffffff);padding-block:var(--section-space)"><div class="shell"><div class="grid grid-cols-1 items-center gap-8 lg:grid-cols-12 lg:gap-14"><figure class="lg:col-span-7"><div class="tpl-border border-line relative aspect-4/3 max-h-[26rem] overflow-hidden rounded-xl border lg:aspect-3/2"><img src="/s/stay6/img/mirror/6d0c447b6a0c32af.jpg" alt="소파와 탁자, 벽난로 조명이 있는 서까래 천장의 거실" loading="lazy" decoding="async" class="size-full object-cover"/></div></figure><div class="lg:col-span-5"><h2 id="about-heading" class="h2 mb-6 flex items-center gap-2.5"><i aria-hidden="true" class="h-[1em] w-[3px] shrink-0 bg-current opacity-25"></i><span class="min-w-0">스테이,머뭄 소개</span></h2><div class="measure space-y-4 text-[length:var(--fs-lead)] leading-[1.8]"><p>스테이,머뭄은 전북특별자치도 군산시 신흥동 절골길에 있는 독채 펜션입니다. 1920년대에 지어진 백 년 고택으로, 국가등록문화유산인 군산 신흥동 일본식 가옥(히로쓰 가옥) 후문 바로 옆 — 걸어서 13m 거리입니다. 사장님은 이 집이 히로쓰 가옥 관리인이 살던 집이라고 전합니다. 2024년 5월에 리모델링을 마치고 문을 열었고, A동과 B동 두 동을 각각 한 팀만 씁니다. 기준 2인 · 최대 4인까지 묵을 수 있습니다.</p><p>A동은 편안한 일본집에 와 있는 듯한 느낌의 공간이고, B동은 아늑하고 깔끔한 현대식 모던 스타일 공간입니다. 두 동 모두 독립된 아담한 정원과 창고형 CAFÉ 공간이 딸려 있어, 마당과 거실에서 새소리를 들으며 쉴 수 있습니다.</p><p>인테리어와 가구, 소품, 침구를 하나하나 준비해 두었습니다. 특히 침구류는 매일 세탁·살균하고 건조해 쓰시는 분이 바뀔 때마다 새것처럼 나갑니다.</p></div></div></div></div></section><section id="blog" aria-labelledby="blog-heading" class="border-line paper w-full border-b" style="background-color:var(--tpl-surface-alt, #f5f5f4);padding-block:var(--section-space)"><div class="shell"><div><header class="mb-6 sm:mb-8"><div class="flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between sm:gap-6"><div class="min-w-0"><h2 id="blog-heading" class="h2 flex items-center gap-2.5"><i aria-hidden="true" class="h-[1em] w-[3px] shrink-0 bg-current opacity-25"></i><span class="min-w-0">미니 블로그</span></h2><p class="text-muted measure mt-2 pl-[calc(3px+0.625rem)] text-[length:var(--fs-sm)]">사장님이 남기는 숙소 이야기입니다.</p></div></div></header></div><div><div class="relative"><div class="slider-viewport" role="group" aria-roledescription="캐러셀" aria-label="스테이,머뭄 미니 블로그" tabindex="0"><div class="slider-track" style="gap:0" id="_R_q4i_"><div class="min-w-0 shrink-0 grow-0 basis-[225px]" style="margin-inline-end:0.875rem" aria-roledescription="슬라이드"><button type="button" class="panel flex aspect-square w-full flex-col gap-2 p-4 text-left" style="background-color:color-mix(in srgb, #bf2f1b 9%, var(--tpl-card, #efe7d3))"><time dateTime="2026-09-10T09:20:00+00:00" class="block shrink-0 text-[length:var(--fs-xs)] font-bold tracking-wide" style="color:#bf2f1b">9월 10일 · 목요일</time><p class="line-clamp-5 min-h-0 flex-1 whitespace-pre-line break-keep text-[length:var(--fs-xs)] leading-relaxed">요 며칠 아침저녁으로 선선해졌습니다. 마당 평상에 앉아 있으면 바람이 딱 좋은 계절이 왔어요. 저녁에 마당 등 켜 놓으면 히로쓰 가옥 담장 그림자가 예쁘게 집니다. 낮과 밤 기온 차가 커져서 얇은 이불을 하나 더 챙겨 드리기 시작했어요. 아침에 평상에 이슬이 맺혀 있으면 그것도 운치 있다고 말씀해 주시는 손님들이 계셔서, 요즘은 아침마다 마당 치우는 재미가 쏠쏠합니다.</p></button></div><div class="min-w-0 shrink-0 grow-0 basis-[225px]" style="margin-inline-end:0.875rem" aria-roledescription="슬라이드"><button type="button" class="panel flex aspect-square w-full flex-col gap-2 p-4 text-left" style="background-color:color-mix(in srgb, #c9820a 9%, var(--tpl-card, #efe7d3))"><time dateTime="2026-08-20T08:05:00+00:00" class="block shrink-0 text-[length:var(--fs-xs)] font-bold tracking-wide" style="color:#c9820a">8월 20일 · 목요일</time><p class="line-clamp-5 min-h-0 flex-1 whitespace-pre-line break-keep text-[length:var(--fs-xs)] leading-relaxed">장마 끝나고 마당 나무들이 부쩍 자랐습니다. 창고형 카페 공간 앞에 그늘이 넉넉해져서, 낮에 그 아래 앉아 계시는 손님들이 많으셨어요. 습한 날은 이불을 한 번 더 말려 내드리고 있습니다. 매미 소리가 한창이라 평상에서 낮잠 주무시고 가는 분들도 계셨고요. 저녁마다 마당에 물을 한 번 더 뿌려 두면 열기가 한결 가시더라고요. 다음 주부터는 처마 밑에 모기향도 미리 걸어 두려고 합니다.</p></button></div><div class="min-w-0 shrink-0 grow-0 basis-[225px]" style="margin-inline-end:0.875rem" aria-roledescription="슬라이드"><button type="button" class="panel flex aspect-square w-full flex-col gap-2 p-4 text-left" style="background-color:color-mix(in srgb, #c9820a 9%, var(--tpl-card, #efe7d3))"><time dateTime="2026-07-15T11:40:00+00:00" class="block shrink-0 text-[length:var(--fs-xs)] font-bold tracking-wide" style="color:#c9820a">7월 15일 · 수요일</time><p class="line-clamp-5 min-h-0 flex-1 whitespace-pre-line break-keep text-[length:var(--fs-xs)] leading-relaxed">초원사진관 다녀오신 손님이 필름 카메라를 빌려 나가셨다가 마당에서 저희 집도 몇 장 찍어 주고 가셨어요. 담 너머 기와까지 한 프레임에 들어온다고 좋아하시더라고요. 나중에 사진 몇 장을 메일로 보내 주셔서 마당 한쪽 벽에 붙여 뒀습니다. 필름이라 그런지 색이 훨씬 따뜻하게 나오더라고요. 오시는 분들마다 그 사진을 보고는 어디서 찍었냐고 물어보셔서, 이제는 저도 위치를 자세히 알려 드리고 있어요.</p></button></div><div class="min-w-0 shrink-0 grow-0 basis-[225px]" style="margin-inline-end:0.875rem" aria-roledescription="슬라이드"><button type="button" class="panel flex aspect-square w-full flex-col gap-2 p-4 text-left" style="background-color:color-mix(in srgb, #c9820a 9%, var(--tpl-card, #efe7d3))"><time dateTime="2026-06-05T07:30:00+00:00" class="block shrink-0 text-[length:var(--fs-xs)] font-bold tracking-wide" style="color:#c9820a">6월 5일 · 금요일</time><p class="line-clamp-5 min-h-0 flex-1 whitespace-pre-line break-keep text-[length:var(--fs-xs)] leading-relaxed">A동 정원에 심어 둔 나무들이 올해 들어 자리를 잡았습니다. 리모델링 때는 휑했는데 이제 마당에 그늘이 생겨서, 오후에도 평상에 앉아 계실 만해졌어요. 처음 심을 때는 이렇게 클지 몰라서 반신반의했었는데, 두 해 지나니 확실히 다르네요. B동 쪽에도 내년 봄엔 몇 그루 더 심어 볼까 고민 중입니다. 나무 그늘 밑에서 커피 드시는 손님들 보면 저도 괜히 뿌듯해집니다.</p></button></div><div class="min-w-0 shrink-0 grow-0 basis-[225px]" style="margin-inline-end:0.875rem" aria-roledescription="슬라이드"><button type="button" class="panel flex aspect-square w-full flex-col gap-2 p-4 text-left" style="background-color:color-mix(in srgb, #4f7942 9%, var(--tpl-card, #efe7d3))"><time dateTime="2026-05-01T06:00:00+00:00" class="block shrink-0 text-[length:var(--fs-xs)] font-bold tracking-wide" style="color:#4f7942">5월 1일 · 금요일</time><p class="line-clamp-5 min-h-0 flex-1 whitespace-pre-line break-keep text-[length:var(--fs-xs)] leading-relaxed">차는 골목이 좁아 대문 앞까지는 못 들어옵니다. 절골길 초입에 세워 두시고 짐만 들고 걸어 들어오시면 됩니다 — 도보로 1분이 채 안 걸려요. 헷갈려 하시는 분들이 계셔서 남겨 둡니다. 캐리어 바퀴 소리가 골목에 크게 울려서, 밤늦게 도착하시는 분들은 가능하면 조용히 들어와 주시면 감사하겠습니다. 짐이 많으시면 미리 연락 주세요, 마중 나가서 같이 들어 드릴게요.</p></button></div></div></div></div></div></div></section></div><div data-editor-id="rooms" style="display:contents"><section id="units" aria-labelledby="units-heading" class="border-line paper w-full border-b" style="background-color:var(--tpl-surface, #ffffff);padding-block:var(--section-space)"><div class="shell"><div><header class="mb-6 sm:mb-8"><div class="flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between sm:gap-6"><div class="min-w-0"><h2 id="units-heading" class="h2 flex items-center gap-2.5"><i aria-hidden="true" class="h-[1em] w-[3px] shrink-0 bg-current opacity-25"></i><span class="min-w-0">객실 안내</span></h2></div></div></header></div><ul class="grid gap-5 lg:gap-7 grid-cols-1 sm:grid-cols-2"><li class="panel flex flex-col overflow-hidden"><div class="flex flex-1 flex-col"><div><div class="relative"><div class="slider-viewport" role="group" aria-roledescription="캐러셀" aria-label="A동(일본식 가정집 느낌으로 디딤돌마당과 예쁜정원) 사진" tabindex="0"><div class="slider-track" style="gap:0rem" id="_R_1ap8i_"><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/a-01.jpg" alt="긴 벽난로와 벽걸이 TV, 좌식 스툴을 둔 거실" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/a-02.jpg" alt="베이지 소파와 원형 원목 테이블, 장지문 창이 있는 거실" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/a-03.jpg" alt="옛 서까래 천장에 라탄 조명이 걸린 거실과 벽난로" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/a-04.jpg" alt="어두운 원목 하부장에 냉장고와 전자레인지를 둔 주방" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/a-05.jpg" alt="붉은 벽돌 벽에 벤치와 색색 의자를 둔 창고형 카페 공간" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/a-06.jpg" alt="석재 담과 소나무가 둘러싼 마당의 야외 티테이블" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/a-07.jpg" alt="원목 벽과 바닥을 지나 침실로 이어지는 복도" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/a-08.jpg" alt="장지문 창 옆에 흰 침구를 깐 침대가 놓인 침실" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/a-09.jpg" alt="정원이 보이는 큰 장지문 창과 벽걸이 TV" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/a-10.jpg" alt="원형 거울과 욕조, 어메니티를 둔 욕실" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/a-11.jpg" alt="우드 외벽 건물과 담 사이 마당에 놓인 야외 테이블" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/a-12.jpg" alt="흰 벽돌 벽과 우드 담에 걸린 스테이 머뭄 간판" loading="lazy" decoding="async" class="size-full object-cover"/></div></div></div></div></div></div><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="h3">A동(일본식 가정집 느낌으로 디딤돌마당과 예쁜정원)</h3><ul class="flex flex-wrap items-center gap-1.5"><li><span class="border-line tpl-border inline-flex items-center gap-1 rounded-md border bg-current/5 px-2.5 py-1 text-[length:var(--fs-xs)]"><span class="text-muted">기준 인원</span><span class="font-medium">2명</span></span></li><li><span class="border-line tpl-border inline-flex items-center gap-1 rounded-md border bg-current/5 px-2.5 py-1 text-[length:var(--fs-xs)]"><span class="text-muted">최대 인원</span><span class="font-medium">4명</span></span></li><li><span class="border-line tpl-border inline-flex items-center gap-1 rounded-md border bg-current/5 px-2.5 py-1 text-[length:var(--fs-xs)]"><span class="font-medium">퀸 침대 1개</span></span></li><li><span class="border-line tpl-border inline-flex items-center gap-1 rounded-md border bg-current/5 px-2.5 py-1 text-[length:var(--fs-xs)]"><span class="text-muted">면적</span><span class="font-medium">52m²</span></span></li></ul><p class="text-[length:var(--fs-sm)] leading-relaxed opacity-100">편안한 일본집에 와 있는 듯한 느낌의 공간입니다. 독립된 아담한 정원과 창고형 CAFÉ 공간이 있습니다.</p></div></div><button type="button" class="tap border-line flex items-center justify-between gap-2 border-t px-5 py-3 text-[length:var(--fs-sm)] font-semibold"><span>자세히 · 예약</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right size-4 shrink-0" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></li><li class="panel flex flex-col overflow-hidden"><div class="flex flex-1 flex-col"><div><div class="relative"><div class="slider-viewport" role="group" aria-roledescription="캐러셀" aria-label="B동(모던한 현대식 컨셉으로 꾸며진 따뜻한 공간) 사진" tabindex="0"><div class="slider-track" style="gap:0rem" id="_R_1cp8i_"><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/b-01.jpg" alt="초가 파라솔을 세운 데크와 검은 현관문이 있는 외관" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/b-02.jpg" alt="유리문을 열어 둔 카페 공간과 데크의 파라솔 테이블" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/b-03.jpg" alt="큰 창으로 빛이 드는 거실의 다크그린 소파와 샹들리에" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/b-04.jpg" alt="흰 타일 벽에 민트색 냉장고와 토스터를 둔 주방" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/b-05.jpg" alt="흰 앤티크 침대와 꽃 모양 조명이 있는 침실" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/b-06.jpg" alt="초록 서랍장과 거울, 유리문이 있는 침실 앞 공간" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/b-07.jpg" alt="커피 레터링 벽과 빨간 스툴을 둔 카페 공간" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/b-08.jpg" alt="욕조와 세면대, 블라인드 창이 있는 욕실" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/b-09.jpg" alt="흰 벽돌 아치 현관에 우편함이 걸린 대문" loading="lazy" decoding="async" class="size-full object-cover"/></div></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><div class="relative aspect-16/10 overflow-hidden"><img src="/s/stay6/img/b-10.jpg" alt="흰 벽돌 벽을 따라 디딤돌이 놓인 통로" loading="lazy" decoding="async" class="size-full object-cover"/></div></div></div></div></div></div><div class="flex flex-1 flex-col gap-3 p-5"><h3 class="h3">B동(모던한 현대식 컨셉으로 꾸며진 따뜻한 공간)</h3><ul class="flex flex-wrap items-center gap-1.5"><li><span class="border-line tpl-border inline-flex items-center gap-1 rounded-md border bg-current/5 px-2.5 py-1 text-[length:var(--fs-xs)]"><span class="text-muted">기준 인원</span><span class="font-medium">2명</span></span></li><li><span class="border-line tpl-border inline-flex items-center gap-1 rounded-md border bg-current/5 px-2.5 py-1 text-[length:var(--fs-xs)]"><span class="text-muted">최대 인원</span><span class="font-medium">4명</span></span></li><li><span class="border-line tpl-border inline-flex items-center gap-1 rounded-md border bg-current/5 px-2.5 py-1 text-[length:var(--fs-xs)]"><span class="font-medium">킹 침대 1개</span></span></li></ul><p class="text-[length:var(--fs-sm)] leading-relaxed opacity-100">아늑하고 깔끔한 현대식 모던 스타일 공간입니다. 독립된 아담한 정원과 창고형 CAFÉ 공간이 있습니다.</p></div></div><button type="button" class="tap border-line flex items-center justify-between gap-2 border-t px-5 py-3 text-[length:var(--fs-sm)] font-semibold"><span>자세히 · 예약</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right size-4 shrink-0" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></li></ul></div></section></div><div data-editor-id="video" style="display:contents"><section id="video" aria-labelledby="video-heading" class="border-line paper w-full border-b" style="background-color:var(--tpl-surface, #fafafa);color:var(--tpl-text, #09090b);padding-block:var(--section-space)"><div class="shell"><header class="mb-8 sm:mb-10"><div class="flex flex-wrap items-baseline justify-between gap-x-4 gap-y-2"><h2 id="video-heading" class="h2">ADO2 영상 보기</h2><a href="https://ado2.o2osolution.ai/" target="_blank" rel="noopener noreferrer" class="text-[length:var(--fs-sm)] font-semibold underline-offset-4 opacity-100 transition-opacity hover:opacity-100 hover:underline">ADO2 알아보기<!-- --> →</a></div><p class="measure mt-3 text-[length:var(--fs-sm)] opacity-100">ADO2로 만든 홍보 영상입니다.</p></header><div class="relative"><ul class="flex snap-x snap-mandatory gap-4 overflow-x-auto [touch-action:pan-y_pinch-zoom] pb-2 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"><li class="shrink-0 basis-[46%] snap-start sm:basis-[30%] lg:basis-[200px]"><figure class="space-y-2"><div class="tpl-border relative mx-auto overflow-hidden border" style="border-color:var(--tpl-border, #d6d3d1);background-color:var(--tpl-card, #fafafa);aspect-ratio:9 / 16;width:min(100%, 14rem)"><a href="https://youtube.com/shorts/c2ZdwhaB7S4" target="_blank" rel="noopener noreferrer" aria-label="머뭄의 하루 재생" class="group block size-full"><img src="https://i.ytimg.com/vi/c2ZdwhaB7S4/hqdefault.jpg" alt="" loading="lazy" decoding="async" class="size-full object-cover"/><span class="absolute inset-0 grid place-items-center"><span class="grid size-14 place-items-center rounded-full backdrop-blur transition-transform group-hover:scale-110" style="background-color:color-mix(in srgb, var(--tpl-inverse, #1c1917) 70%, transparent);color:var(--tpl-bg, #fff)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-6" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg></span></span></a></div><figcaption class="text-[length:var(--fs-sm)] leading-relaxed opacity-100">머뭄의 하루</figcaption></figure></li><li class="shrink-0 basis-[46%] snap-start sm:basis-[30%] lg:basis-[200px]"><figure class="space-y-2"><div class="tpl-border relative mx-auto overflow-hidden border" style="border-color:var(--tpl-border, #d6d3d1);background-color:var(--tpl-card, #fafafa);aspect-ratio:9 / 16;width:min(100%, 14rem)"><a href="https://youtube.com/shorts/_bbo3dVgOXs" target="_blank" rel="noopener noreferrer" aria-label="마당과 창고형 카페 공간 재생" class="group block size-full"><img src="https://i.ytimg.com/vi/_bbo3dVgOXs/hqdefault.jpg" alt="" loading="lazy" decoding="async" class="size-full object-cover"/><span class="absolute inset-0 grid place-items-center"><span class="grid size-14 place-items-center rounded-full backdrop-blur transition-transform group-hover:scale-110" style="background-color:color-mix(in srgb, var(--tpl-inverse, #1c1917) 70%, transparent);color:var(--tpl-bg, #fff)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-6" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg></span></span></a></div><figcaption class="text-[length:var(--fs-sm)] leading-relaxed opacity-100">마당과 창고형 카페 공간</figcaption></figure></li><li class="shrink-0 basis-[46%] snap-start sm:basis-[30%] lg:basis-[200px]"><figure class="space-y-2"><div class="tpl-border relative mx-auto overflow-hidden border" style="border-color:var(--tpl-border, #d6d3d1);background-color:var(--tpl-card, #fafafa);aspect-ratio:9 / 16;width:min(100%, 14rem)"><a href="https://youtube.com/shorts/qrCG4rOeJvs" target="_blank" rel="noopener noreferrer" aria-label="밤의 머뭄 재생" class="group block size-full"><img src="https://i.ytimg.com/vi/qrCG4rOeJvs/hqdefault.jpg" alt="" loading="lazy" decoding="async" class="size-full object-cover"/><span class="absolute inset-0 grid place-items-center"><span class="grid size-14 place-items-center rounded-full backdrop-blur transition-transform group-hover:scale-110" style="background-color:color-mix(in srgb, var(--tpl-inverse, #1c1917) 70%, transparent);color:var(--tpl-bg, #fff)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-6" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg></span></span></a></div><figcaption class="text-[length:var(--fs-sm)] leading-relaxed opacity-100">밤의 머뭄</figcaption></figure></li></ul><button type="button" disabled="" aria-label="이전 영상" class="tap absolute top-1/2 z-10 flex -translate-y-1/2 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur transition hover:bg-black/75 disabled:pointer-events-none disabled:opacity-0 left-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left size-5" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><button type="button" aria-label="다음 영상" class="tap absolute top-1/2 z-10 flex -translate-y-1/2 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur transition hover:bg-black/75 disabled:pointer-events-none disabled:opacity-0 right-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right size-5" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></section></div><div data-editor-id="photos" style="display:contents"><section id="gallery" aria-labelledby="gallery-heading" class="border-line paper w-full border-b" style="background-color:var(--tpl-surface, #ffffff);padding-block:var(--section-space)"><div class="shell"><div><header class="mb-6 sm:mb-8"><div class="flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between sm:gap-6"><div class="min-w-0"><h2 id="gallery-heading" class="h2 flex items-center gap-2.5"><i aria-hidden="true" class="h-[1em] w-[3px] shrink-0 bg-current opacity-25"></i><span class="min-w-0">사진 갤러리</span></h2></div></div></header></div><div class="lg:hidden"><div><div class="relative"><div class="slider-viewport" role="group" aria-roledescription="캐러셀" aria-label="공간 갤러리" tabindex="0"><div class="slider-track" style="gap:0rem" id="_R_2pgi_"><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="목재 서까래 천장과 미닫이창, 테이블이 있는 거실 공간 크게 보기"><img src="/s/stay6/img/mirror/ddc9f804f4ef83b5.jpg" alt="목재 서까래 천장과 미닫이창, 테이블이 있는 거실 공간" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="소파와 탁자, 벽난로 조명이 있는 서까래 천장의 거실 크게 보기"><img src="/s/stay6/img/mirror/6d0c447b6a0c32af.jpg" alt="소파와 탁자, 벽난로 조명이 있는 서까래 천장의 거실" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="싱크대와 냉장고, 전자레인지가 구비된 실내 주방 공간 크게 보기"><img src="/s/stay6/img/mirror/2d94158a48480fcd.jpg" alt="싱크대와 냉장고, 전자레인지가 구비된 실내 주방 공간" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="주방 싱크대 앞에서 포즈를 취하고 있는 여성의 모습 크게 보기"><img src="/s/stay6/img/mirror/d364f605223524bd.jpg" alt="주방 싱크대 앞에서 포즈를 취하고 있는 여성의 모습" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="벽면에 설치된 그림 화면과 벽난로 조명 장식 크게 보기"><img src="/s/stay6/img/mirror/e0ed8d1a27e09320.jpg" alt="벽면에 설치된 그림 화면과 벽난로 조명 장식" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="창밖으로 조명을 비춘 정원 나무와 석등이 보이는 풍경 크게 보기"><img src="/s/stay6/img/mirror/aa69a633f8e3a631.jpg" alt="창밖으로 조명을 비춘 정원 나무와 석등이 보이는 풍경" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="목재 서까래 천장에 설치된 조형적인 디자인의 조명 기구 크게 보기"><img src="/s/stay6/img/mirror/7095220ca156e25e.jpg" alt="목재 서까래 천장에 설치된 조형적인 디자인의 조명 기구" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="실내 벽면 홈 공간에 놓인 흰색 화병과 식물 장식 크게 보기"><img src="/s/stay6/img/mirror/caa5e076e7d56ec2.jpg" alt="실내 벽면 홈 공간에 놓인 흰색 화병과 식물 장식" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="실내 창문을 통해 바라본 푸른 하늘과 푸른 나무 풍경 크게 보기"><img src="/s/stay6/img/mirror/8e2ec99c433b6fe8.jpg" alt="실내 창문을 통해 바라본 푸른 하늘과 푸른 나무 풍경" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="기와 지붕 아래로 넓은 우드 데크와 정원이 이어지는 외관 크게 보기"><img src="/s/stay6/img/h-01.jpg" alt="기와 지붕 아래로 넓은 우드 데크와 정원이 이어지는 외관" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="동백이 핀 마당과 우드 파사드 현관으로 이어지는 데크 크게 보기"><img src="/s/stay6/img/h-02.jpg" alt="동백이 핀 마당과 우드 파사드 현관으로 이어지는 데크" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="흰 벽과 밝은 바닥에 올리브색 소파와 긴 벽난로를 둔 거실 크게 보기"><img src="/s/stay6/img/h-03.jpg" alt="흰 벽과 밝은 바닥에 올리브색 소파와 긴 벽난로를 둔 거실" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="옛 서까래를 드러낸 천장에 라탄 조명이 걸린 거실 크게 보기"><img src="/s/stay6/img/h-04.jpg" alt="옛 서까래를 드러낸 천장에 라탄 조명이 걸린 거실" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="문 사이로 보이는 흰 앤티크 침대와 검은 서랍장 크게 보기"><img src="/s/stay6/img/h-05.jpg" alt="문 사이로 보이는 흰 앤티크 침대와 검은 서랍장" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="캡슐 커피머신과 레트로 전자레인지가 놓인 주방 어메니티 크게 보기"><img src="/s/stay6/img/h-06.jpg" alt="캡슐 커피머신과 레트로 전자레인지가 놓인 주방 어메니티" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="긴 벽난로와 벽걸이 TV, 좌식 스툴을 둔 거실 크게 보기"><img src="/s/stay6/img/a-01.jpg" alt="긴 벽난로와 벽걸이 TV, 좌식 스툴을 둔 거실" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="베이지 소파와 원형 원목 테이블, 장지문 창이 있는 거실 크게 보기"><img src="/s/stay6/img/a-02.jpg" alt="베이지 소파와 원형 원목 테이블, 장지문 창이 있는 거실" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="옛 서까래 천장에 라탄 조명이 걸린 거실과 벽난로 크게 보기"><img src="/s/stay6/img/a-03.jpg" alt="옛 서까래 천장에 라탄 조명이 걸린 거실과 벽난로" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="어두운 원목 하부장에 냉장고와 전자레인지를 둔 주방 크게 보기"><img src="/s/stay6/img/a-04.jpg" alt="어두운 원목 하부장에 냉장고와 전자레인지를 둔 주방" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="붉은 벽돌 벽에 벤치와 색색 의자를 둔 창고형 카페 공간 크게 보기"><img src="/s/stay6/img/a-05.jpg" alt="붉은 벽돌 벽에 벤치와 색색 의자를 둔 창고형 카페 공간" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="석재 담과 소나무가 둘러싼 마당의 야외 티테이블 크게 보기"><img src="/s/stay6/img/a-06.jpg" alt="석재 담과 소나무가 둘러싼 마당의 야외 티테이블" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="원목 벽과 바닥을 지나 침실로 이어지는 복도 크게 보기"><img src="/s/stay6/img/a-07.jpg" alt="원목 벽과 바닥을 지나 침실로 이어지는 복도" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="장지문 창 옆에 흰 침구를 깐 침대가 놓인 침실 크게 보기"><img src="/s/stay6/img/a-08.jpg" alt="장지문 창 옆에 흰 침구를 깐 침대가 놓인 침실" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="정원이 보이는 큰 장지문 창과 벽걸이 TV 크게 보기"><img src="/s/stay6/img/a-09.jpg" alt="정원이 보이는 큰 장지문 창과 벽걸이 TV" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="원형 거울과 욕조, 어메니티를 둔 욕실 크게 보기"><img src="/s/stay6/img/a-10.jpg" alt="원형 거울과 욕조, 어메니티를 둔 욕실" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="우드 외벽 건물과 담 사이 마당에 놓인 야외 테이블 크게 보기"><img src="/s/stay6/img/a-11.jpg" alt="우드 외벽 건물과 담 사이 마당에 놓인 야외 테이블" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="흰 벽돌 벽과 우드 담에 걸린 스테이 머뭄 간판 크게 보기"><img src="/s/stay6/img/a-12.jpg" alt="흰 벽돌 벽과 우드 담에 걸린 스테이 머뭄 간판" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="초가 파라솔을 세운 데크와 검은 현관문이 있는 외관 크게 보기"><img src="/s/stay6/img/b-01.jpg" alt="초가 파라솔을 세운 데크와 검은 현관문이 있는 외관" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="유리문을 열어 둔 카페 공간과 데크의 파라솔 테이블 크게 보기"><img src="/s/stay6/img/b-02.jpg" alt="유리문을 열어 둔 카페 공간과 데크의 파라솔 테이블" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="큰 창으로 빛이 드는 거실의 다크그린 소파와 샹들리에 크게 보기"><img src="/s/stay6/img/b-03.jpg" alt="큰 창으로 빛이 드는 거실의 다크그린 소파와 샹들리에" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="흰 타일 벽에 민트색 냉장고와 토스터를 둔 주방 크게 보기"><img src="/s/stay6/img/b-04.jpg" alt="흰 타일 벽에 민트색 냉장고와 토스터를 둔 주방" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="흰 앤티크 침대와 꽃 모양 조명이 있는 침실 크게 보기"><img src="/s/stay6/img/b-05.jpg" alt="흰 앤티크 침대와 꽃 모양 조명이 있는 침실" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="초록 서랍장과 거울, 유리문이 있는 침실 앞 공간 크게 보기"><img src="/s/stay6/img/b-06.jpg" alt="초록 서랍장과 거울, 유리문이 있는 침실 앞 공간" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="커피 레터링 벽과 빨간 스툴을 둔 카페 공간 크게 보기"><img src="/s/stay6/img/b-07.jpg" alt="커피 레터링 벽과 빨간 스툴을 둔 카페 공간" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="욕조와 세면대, 블라인드 창이 있는 욕실 크게 보기"><img src="/s/stay6/img/b-08.jpg" alt="욕조와 세면대, 블라인드 창이 있는 욕실" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="흰 벽돌 아치 현관에 우편함이 걸린 대문 크게 보기"><img src="/s/stay6/img/b-09.jpg" alt="흰 벽돌 아치 현관에 우편함이 걸린 대문" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div><div class="min-w-0 shrink-0 grow-0 basis-full" aria-roledescription="슬라이드"><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="흰 벽돌 벽을 따라 디딤돌이 놓인 통로 크게 보기"><img src="/s/stay6/img/b-10.jpg" alt="흰 벽돌 벽을 따라 디딤돌이 놓인 통로" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></div></div></div></div></div></div><ul class="hidden lg:grid lg:grid-cols-4 lg:gap-3"><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="목재 서까래 천장과 미닫이창, 테이블이 있는 거실 공간 크게 보기"><img src="/s/stay6/img/mirror/ddc9f804f4ef83b5.jpg" alt="목재 서까래 천장과 미닫이창, 테이블이 있는 거실 공간" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="소파와 탁자, 벽난로 조명이 있는 서까래 천장의 거실 크게 보기"><img src="/s/stay6/img/mirror/6d0c447b6a0c32af.jpg" alt="소파와 탁자, 벽난로 조명이 있는 서까래 천장의 거실" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="싱크대와 냉장고, 전자레인지가 구비된 실내 주방 공간 크게 보기"><img src="/s/stay6/img/mirror/2d94158a48480fcd.jpg" alt="싱크대와 냉장고, 전자레인지가 구비된 실내 주방 공간" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="주방 싱크대 앞에서 포즈를 취하고 있는 여성의 모습 크게 보기"><img src="/s/stay6/img/mirror/d364f605223524bd.jpg" alt="주방 싱크대 앞에서 포즈를 취하고 있는 여성의 모습" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="벽면에 설치된 그림 화면과 벽난로 조명 장식 크게 보기"><img src="/s/stay6/img/mirror/e0ed8d1a27e09320.jpg" alt="벽면에 설치된 그림 화면과 벽난로 조명 장식" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="창밖으로 조명을 비춘 정원 나무와 석등이 보이는 풍경 크게 보기"><img src="/s/stay6/img/mirror/aa69a633f8e3a631.jpg" alt="창밖으로 조명을 비춘 정원 나무와 석등이 보이는 풍경" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="목재 서까래 천장에 설치된 조형적인 디자인의 조명 기구 크게 보기"><img src="/s/stay6/img/mirror/7095220ca156e25e.jpg" alt="목재 서까래 천장에 설치된 조형적인 디자인의 조명 기구" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="실내 벽면 홈 공간에 놓인 흰색 화병과 식물 장식 크게 보기"><img src="/s/stay6/img/mirror/caa5e076e7d56ec2.jpg" alt="실내 벽면 홈 공간에 놓인 흰색 화병과 식물 장식" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="실내 창문을 통해 바라본 푸른 하늘과 푸른 나무 풍경 크게 보기"><img src="/s/stay6/img/mirror/8e2ec99c433b6fe8.jpg" alt="실내 창문을 통해 바라본 푸른 하늘과 푸른 나무 풍경" loading="lazy" decoding="async" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="기와 지붕 아래로 넓은 우드 데크와 정원이 이어지는 외관 크게 보기"><img src="/s/stay6/img/h-01.jpg" alt="기와 지붕 아래로 넓은 우드 데크와 정원이 이어지는 외관" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="동백이 핀 마당과 우드 파사드 현관으로 이어지는 데크 크게 보기"><img src="/s/stay6/img/h-02.jpg" alt="동백이 핀 마당과 우드 파사드 현관으로 이어지는 데크" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="흰 벽과 밝은 바닥에 올리브색 소파와 긴 벽난로를 둔 거실 크게 보기"><img src="/s/stay6/img/h-03.jpg" alt="흰 벽과 밝은 바닥에 올리브색 소파와 긴 벽난로를 둔 거실" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="옛 서까래를 드러낸 천장에 라탄 조명이 걸린 거실 크게 보기"><img src="/s/stay6/img/h-04.jpg" alt="옛 서까래를 드러낸 천장에 라탄 조명이 걸린 거실" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="문 사이로 보이는 흰 앤티크 침대와 검은 서랍장 크게 보기"><img src="/s/stay6/img/h-05.jpg" alt="문 사이로 보이는 흰 앤티크 침대와 검은 서랍장" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="캡슐 커피머신과 레트로 전자레인지가 놓인 주방 어메니티 크게 보기"><img src="/s/stay6/img/h-06.jpg" alt="캡슐 커피머신과 레트로 전자레인지가 놓인 주방 어메니티" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="긴 벽난로와 벽걸이 TV, 좌식 스툴을 둔 거실 크게 보기"><img src="/s/stay6/img/a-01.jpg" alt="긴 벽난로와 벽걸이 TV, 좌식 스툴을 둔 거실" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="베이지 소파와 원형 원목 테이블, 장지문 창이 있는 거실 크게 보기"><img src="/s/stay6/img/a-02.jpg" alt="베이지 소파와 원형 원목 테이블, 장지문 창이 있는 거실" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="옛 서까래 천장에 라탄 조명이 걸린 거실과 벽난로 크게 보기"><img src="/s/stay6/img/a-03.jpg" alt="옛 서까래 천장에 라탄 조명이 걸린 거실과 벽난로" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="어두운 원목 하부장에 냉장고와 전자레인지를 둔 주방 크게 보기"><img src="/s/stay6/img/a-04.jpg" alt="어두운 원목 하부장에 냉장고와 전자레인지를 둔 주방" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="붉은 벽돌 벽에 벤치와 색색 의자를 둔 창고형 카페 공간 크게 보기"><img src="/s/stay6/img/a-05.jpg" alt="붉은 벽돌 벽에 벤치와 색색 의자를 둔 창고형 카페 공간" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="석재 담과 소나무가 둘러싼 마당의 야외 티테이블 크게 보기"><img src="/s/stay6/img/a-06.jpg" alt="석재 담과 소나무가 둘러싼 마당의 야외 티테이블" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="원목 벽과 바닥을 지나 침실로 이어지는 복도 크게 보기"><img src="/s/stay6/img/a-07.jpg" alt="원목 벽과 바닥을 지나 침실로 이어지는 복도" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="장지문 창 옆에 흰 침구를 깐 침대가 놓인 침실 크게 보기"><img src="/s/stay6/img/a-08.jpg" alt="장지문 창 옆에 흰 침구를 깐 침대가 놓인 침실" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="정원이 보이는 큰 장지문 창과 벽걸이 TV 크게 보기"><img src="/s/stay6/img/a-09.jpg" alt="정원이 보이는 큰 장지문 창과 벽걸이 TV" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="원형 거울과 욕조, 어메니티를 둔 욕실 크게 보기"><img src="/s/stay6/img/a-10.jpg" alt="원형 거울과 욕조, 어메니티를 둔 욕실" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="우드 외벽 건물과 담 사이 마당에 놓인 야외 테이블 크게 보기"><img src="/s/stay6/img/a-11.jpg" alt="우드 외벽 건물과 담 사이 마당에 놓인 야외 테이블" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="흰 벽돌 벽과 우드 담에 걸린 스테이 머뭄 간판 크게 보기"><img src="/s/stay6/img/a-12.jpg" alt="흰 벽돌 벽과 우드 담에 걸린 스테이 머뭄 간판" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="초가 파라솔을 세운 데크와 검은 현관문이 있는 외관 크게 보기"><img src="/s/stay6/img/b-01.jpg" alt="초가 파라솔을 세운 데크와 검은 현관문이 있는 외관" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="유리문을 열어 둔 카페 공간과 데크의 파라솔 테이블 크게 보기"><img src="/s/stay6/img/b-02.jpg" alt="유리문을 열어 둔 카페 공간과 데크의 파라솔 테이블" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="큰 창으로 빛이 드는 거실의 다크그린 소파와 샹들리에 크게 보기"><img src="/s/stay6/img/b-03.jpg" alt="큰 창으로 빛이 드는 거실의 다크그린 소파와 샹들리에" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="흰 타일 벽에 민트색 냉장고와 토스터를 둔 주방 크게 보기"><img src="/s/stay6/img/b-04.jpg" alt="흰 타일 벽에 민트색 냉장고와 토스터를 둔 주방" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="흰 앤티크 침대와 꽃 모양 조명이 있는 침실 크게 보기"><img src="/s/stay6/img/b-05.jpg" alt="흰 앤티크 침대와 꽃 모양 조명이 있는 침실" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="초록 서랍장과 거울, 유리문이 있는 침실 앞 공간 크게 보기"><img src="/s/stay6/img/b-06.jpg" alt="초록 서랍장과 거울, 유리문이 있는 침실 앞 공간" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="커피 레터링 벽과 빨간 스툴을 둔 카페 공간 크게 보기"><img src="/s/stay6/img/b-07.jpg" alt="커피 레터링 벽과 빨간 스툴을 둔 카페 공간" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="욕조와 세면대, 블라인드 창이 있는 욕실 크게 보기"><img src="/s/stay6/img/b-08.jpg" alt="욕조와 세면대, 블라인드 창이 있는 욕실" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="흰 벽돌 아치 현관에 우편함이 걸린 대문 크게 보기"><img src="/s/stay6/img/b-09.jpg" alt="흰 벽돌 아치 현관에 우편함이 걸린 대문" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li><li><button type="button" class="border-line tpl-border group relative block w-full cursor-pointer overflow-hidden border aspect-4/3 rounded-lg" aria-label="흰 벽돌 벽을 따라 디딤돌이 놓인 통로 크게 보기"><img src="/s/stay6/img/b-10.jpg" alt="흰 벽돌 벽을 따라 디딤돌이 놓인 통로" loading="lazy" decoding="async" width="1280" height="800" class="size-full object-cover transition-transform duration-500 group-hover:scale-105"/></button></li></ul></div></section></div><div data-editor-id="map" style="display:contents"><section id="location" aria-labelledby="location-heading" class="border-line paper w-full border-b" style="background-color:var(--tpl-surface, #ffffff);padding-block:var(--section-space)"><div class="shell"><div><header class="mb-6 sm:mb-8"><div class="flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between sm:gap-6"><div class="min-w-0"><h2 id="location-heading" class="h2 flex items-center gap-2.5"><i aria-hidden="true" class="h-[1em] w-[3px] shrink-0 bg-current opacity-25"></i><span class="min-w-0">오시는 길</span></h2><p class="text-muted measure mt-2 pl-[calc(3px+0.625rem)] text-[length:var(--fs-sm)]">주소와 주요 거점까지의 이동 시간을 안내합니다.</p></div></div></header></div><div class="grid gap-6 lg:grid-cols-12 lg:gap-8"><div class="border-line tpl-border overflow-hidden rounded-xl border lg:col-span-7"><iframe title="스테이,머뭄 위치 지도" src="https://www.openstreetmap.org/export/embed.html?bbox=126.701292,35.984217,126.710959,35.988618&layer=mapnik&marker=35.9864175,126.7061254" loading="lazy" referrerPolicy="no-referrer-when-downgrade" class="block aspect-4/3 w-full border-0 sm:aspect-video lg:aspect-auto lg:h-full lg:min-h-[24rem]"></iframe></div><div class="lg:col-span-5"><div class="panel p-5 sm:p-6"><p class="label mb-2">주소</p><div class="flex flex-wrap items-center gap-2"><address class="text-[length:var(--fs-lead)] font-bold not-italic">전북 군산시 절골길 18</address><button type="button" title="주소 복사" class="border-line tpl-border inline-flex items-center gap-1 rounded-md border bg-current/8 px-2.5 py-1.5 text-[length:var(--fs-xs)] font-medium transition-opacity hover:opacity-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy size-3.5" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg><span>복사</span></button></div><p class="text-muted mt-2 text-[length:var(--fs-sm)]">문의:<!-- --> <a href="tel:0507-1497-0983" class="underline-offset-2 hover:underline">0507-1497-0983</a></p><div class="mt-5 flex flex-wrap gap-2.5"><a href="https://map.naver.com/p/directions/-/126.7061254,35.9864175,%EC%8A%A4%ED%85%8C%EC%9D%B4%20%EB%A8%B8%EB%AD%84/-/transit" target="_blank" rel="noopener noreferrer nofollow" class="tap flex flex-1 basis-40 items-center justify-center gap-2 whitespace-nowrap rounded-lg bg-[#03C75A] px-4 text-[length:var(--fs-sm)] font-bold text-white transition-opacity hover:opacity-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-navigation size-4" aria-hidden="true"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg><span>네이버 길찾기</span></a><a href="https://map.kakao.com/link/to/%EC%8A%A4%ED%85%8C%EC%9D%B4%20%EB%A8%B8%EB%AD%84,35.9864175,126.7061254" target="_blank" rel="noopener noreferrer nofollow" class="tap flex flex-1 basis-40 items-center justify-center gap-2 whitespace-nowrap rounded-lg bg-[#FEE500] px-4 text-[length:var(--fs-sm)] font-bold text-[#191600] transition-opacity hover:opacity-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-navigation size-4" aria-hidden="true"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg><span>카카오 길찾기</span></a><a href="tmap://route?goalname=%EC%8A%A4%ED%85%8C%EC%9D%B4%2C%EB%A8%B8%EB%AD%84&goalx=126.7061254&goaly=35.9864175&rGoName=%EC%8A%A4%ED%85%8C%EC%9D%B4%2C%EB%A8%B8%EB%AD%84&rGoX=126.7061254&rGoY=35.9864175" class="tap only-touch flex-1 basis-40 items-center justify-center gap-2 whitespace-nowrap rounded-lg bg-[#0064FF] px-4 text-[length:var(--fs-sm)] font-bold text-white transition-opacity hover:opacity-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-navigation size-4" aria-hidden="true"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg><span>티맵 길찾기</span></a></div></div></div></div></div></section></div><div data-editor-id="weather" style="display:contents"><section id="weather" aria-labelledby="weather-heading" class="border-line paper w-full border-b" style="background-color:var(--tpl-surface-alt, #f5f5f4);padding-block:var(--section-space)"><div class="shell"><div><header class="mb-6 sm:mb-8"><div class="flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between sm:gap-6"><div class="min-w-0"><h2 id="weather-heading" class="h2 flex items-center gap-2.5"><i aria-hidden="true" class="h-[1em] w-[3px] shrink-0 bg-current opacity-25"></i><span class="min-w-0">오늘의 날씨</span></h2></div></div></header></div><div class="panel relative min-h-64 overflow-hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud pointer-events-none absolute -bottom-10 -right-10 size-64 opacity-[0.08]" aria-hidden="true"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg><div class="relative flex flex-col gap-5 p-6 sm:p-8"><div class="flex flex-wrap items-baseline gap-x-4 gap-y-1"><p class="flex items-baseline gap-2.5"><span class="serif tabular-nums leading-none" style="font-size:var(--fs-display)">28</span><span class="text-[length:var(--fs-lead)] opacity-100">°C</span><span class="text-[length:var(--fs-lead)] font-semibold">구름많음</span></p><span class="text-muted text-[length:var(--fs-xs)] tabular-nums">9월 3일 12:30 관측</span></div><p class="w4-note-fade measure serif text-[length:var(--fs-lead)] leading-loose opacity-100">빛이 부드러운 날입니다. 골목 사진이 제일 잘 나오는 빛입니다.</p><p class="w4-note-fade measure flex items-start gap-2.5 text-[length:var(--fs-sm)] leading-relaxed opacity-100"><span class="border-line mt-0.5 shrink-0 rounded-full border px-2 py-0.5 text-[length:var(--fs-xs)] font-bold" aria-hidden="true">더움</span><span>선유도까지 다녀오기 좋은 기온입니다. 골목은 오후 늦게 도세요 — 경암동 철길마을은 해 질 때가 사람이 적습니다.</span></p></div></div></div></section></div><section id="reviews" aria-labelledby="reviews-heading" class="border-line paper w-full border-b" style="background-color:var(--tpl-surface-alt, #f5f5f4);padding-block:var(--section-space)"><div class="shell"><div><header class="mb-6 sm:mb-8"><div class="flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between sm:gap-6"><div class="min-w-0"><h2 id="reviews-heading" class="h2 flex items-center gap-2.5"><i aria-hidden="true" class="h-[1em] w-[3px] shrink-0 bg-current opacity-25"></i><span class="min-w-0">다녀오신 이야기</span></h2><p class="text-muted measure mt-2 pl-[calc(3px+0.625rem)] text-[length:var(--fs-sm)]">다녀가신 분들이 남긴 이야기입니다.</p></div></div></header></div><button type="button" class="tap border-line tpl-border w-full rounded-lg border text-[length:var(--fs-body)] font-bold">후기 남기기</button></div></section><section id="postcard-maker" aria-labelledby="postcard-maker-heading" class="border-line paper w-full border-b" style="background-color:var(--tpl-surface, #ffffff);padding-block:var(--section-space)"><div class="shell"><div><header class="mb-6 sm:mb-8"><div class="flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between sm:gap-6"><div class="min-w-0"><h2 id="postcard-maker-heading" class="h2 flex items-center gap-2.5"><i aria-hidden="true" class="h-[1em] w-[3px] shrink-0 bg-current opacity-25"></i><span class="min-w-0">엽서 쓰기</span></h2><p class="text-muted measure mt-2 pl-[calc(3px+0.625rem)] text-[length:var(--fs-sm)]">스테이,머뭄에서 보내는 한 장을 직접 써 봅니다. 사진을 고르고 한 마디를 적으면 그 자리에서 엽서가 되고, 그대로 공유하거나 저장할 수 있습니다.</p></div></div></header></div><div class="mx-auto grid max-w-3xl gap-5 sm:grid-cols-[minmax(0,360px)_minmax(0,1fr)] sm:items-start"><canvas width="1080" height="1080" aria-label="내가 만든 엽서 미리보기" class="border-line mx-auto block aspect-square h-auto w-full max-w-[360px] border"></canvas><div class="flex min-w-0 flex-col gap-2.5"><div class="min-w-0" role="radiogroup" aria-label="엽서 사진 고르기(37장)"><div><div class="relative"><div class="slider-viewport" role="group" aria-roledescription="캐러셀" aria-label="엽서 사진" tabindex="0"><div class="slider-track" style="gap:0.5rem" id="_R_39q_"><button type="button" role="radio" aria-checked="true" aria-label="사진 1" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:1"><img src="/s/stay6/img/mirror/ddc9f804f4ef83b5.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 2" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/mirror/6d0c447b6a0c32af.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 3" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/mirror/2d94158a48480fcd.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 4" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/mirror/d364f605223524bd.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 5" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/mirror/e0ed8d1a27e09320.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 6" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/mirror/aa69a633f8e3a631.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 7" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/mirror/7095220ca156e25e.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 8" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/mirror/caa5e076e7d56ec2.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 9" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/mirror/8e2ec99c433b6fe8.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 10" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/h-01.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 11" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/h-02.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 12" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/h-03.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 13" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/h-04.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 14" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/h-05.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 15" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/h-06.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 16" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/a-01.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 17" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/a-02.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 18" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/a-03.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 19" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/a-04.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 20" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/a-05.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 21" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/a-06.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 22" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/a-07.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 23" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/a-08.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 24" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/a-09.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 25" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/a-10.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 26" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/a-11.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 27" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/a-12.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 28" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/b-01.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 29" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/b-02.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 30" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/b-03.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 31" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/b-04.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 32" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/b-05.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 33" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/b-06.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 34" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/b-07.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 35" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/b-08.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 36" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/b-09.jpg" alt="" loading="lazy" class="size-full object-cover"/></button><button type="button" role="radio" aria-checked="false" aria-label="사진 37" class="border-line size-10 shrink-0 overflow-hidden rounded border transition-opacity" style="opacity:0.5"><img src="/s/stay6/img/b-10.jpg" alt="" loading="lazy" class="size-full object-cover"/></button></div></div></div></div></div><div class="flex flex-col gap-1.5"><label for="postcard-text" class="text-[length:var(--fs-sm)] font-bold">엽서에 적을 말</label><textarea id="postcard-text" rows="3" maxLength="60" placeholder="여기에 적으면 엽서에 바로 나타납니다" class="border-line w-full rounded border-2 p-3 text-[length:var(--fs-body)]" style="background-color:var(--color-surface)"></textarea><p class="text-muted text-[length:var(--fs-xs)]">네 줄까지 · <!-- -->0<!-- -->/60</p></div><div class="flex flex-wrap gap-2"><button type="button" class="tap border-line rounded-full border px-3.5 py-1.5 text-[length:var(--fs-sm)] font-bold">공유하기</button><button type="button" class="tap border-line rounded-full border px-3.5 py-1.5 text-[length:var(--fs-sm)]">이미지로 저장</button></div></div></div></div></section></main></div><footer class="w-full pb-28 pt-14 md:pb-14" style="background-color:var(--tpl-inverse, #1c1917);color:var(--tpl-bg, #ffffff)"><div class="shell"><div class="grid grid-cols-1 gap-8 border-b border-current/15 pb-10 md:grid-cols-12"><div class="space-y-4 md:col-span-7"><p class="serif text-[length:var(--fs-lead)] font-bold">스테이,머뭄</p><div class="space-y-2 text-[length:var(--fs-sm)] opacity-100"><p class="flex items-start gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin mt-1 size-4 shrink-0 opacity-100" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span>전북 군산시 절골길 18</span></p><p class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone size-4 shrink-0 opacity-100" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg><a href="tel:0507-1497-0983" class="underline-offset-2 hover:underline">0507-1497-0983</a></p></div></div><nav aria-label="공식 채널" class="md:col-span-5"><h2 class="label mb-3 !text-current opacity-100">공식 채널</h2><ul class="flex flex-wrap gap-2"><li><button type="button" class="inline-flex items-center gap-1.5 rounded-lg border border-current/25 px-3 py-2 text-[length:var(--fs-xs)] font-medium transition-colors hover:bg-current/10"><span>예약하기</span></button></li></ul></nav></div><div class="flex flex-col gap-3 pt-6 text-[length:var(--fs-xs)] opacity-100 sm:flex-row sm:items-center sm:justify-between"><div class="flex flex-wrap items-center gap-x-3 gap-y-1"><span>상호: <!-- -->스테이,머뭄</span></div><p class="byline shrink-0"><span class="author">작성·운영 <!-- -->스테이,머뭄</span> · 최종 업데이트: <time dateTime="2026-09-14T07:42:00+00:00">2026-09-14</time></p></div><p class="pt-3 text-[length:var(--fs-xs)] opacity-100"><a href="https://www.o2osolution.ai/" target="_blank" rel="noopener noreferrer" class="underline-offset-2 hover:underline">AI O2O</a>의 Web4Ai로 만든 사이트입니다.</p></div></footer><nav aria-label="연락 · 예약" class="border-line safe-b fixed inset-x-0 bottom-0 z-50 flex items-stretch gap-2 border-t px-3 pt-2 backdrop-blur-md lg:hidden" style="background-color:color-mix(in srgb, var(--tpl-surface, #fff) 94%, transparent)"><a href="#location" class="tap border-line flex w-12 shrink-0 flex-col items-center justify-center rounded-lg border text-[length:var(--fs-xs)] leading-none font-medium" aria-label="오시는 길"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin size-4" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span class="mt-0.5">위치</span></a><a href="tel:0507-1497-0983" class="tap border-line flex flex-1 items-center justify-center gap-1.5 rounded-lg border text-[length:var(--fs-sm)] font-bold"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone size-4" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg><span>전화</span></a><button type="button" class="tap flex min-w-0 flex-[1.4] items-center justify-center truncate rounded-lg px-2 text-[length:var(--fs-sm)] font-bold" style="background-color:var(--color-brand);color:var(--tpl-bg, #fff)">예약하기</button></nav></div></div>
|
||
<script>window.__SITE_PAYLOAD__={"schemaVersion": 1, "site": {"siteId": "e929e6b4-e502-4761-9786-0bb82178b375", "placeId": "66894a1b-a331-43f1-942c-0ae064a704d6", "status": 3, "origin": "https://web4ai.o2osolution.ai", "basePath": "/s/stay", "slug": "stay", "publishedAt": "2026-09-03T01:27:39.284442+00:00", "updatedAt": "2026-09-14T07:42:00+00:00", "version": 11}, "place": {"name": "스테이,머뭄", "category": 1, "roadAddress": "전북 군산시 절골길 18", "address": "전북 군산시 신흥동 63-18", "addressRegion": "전북", "addressLocality": "군산시", "addressSubLocality": null, "addressRegionCode": "KR-45", "phone": "0507-1497-0983", "latitude": 35.9864175, "longitude": 126.7061254, "regionCode": "52군산시", "kakaoPlaceId": null}, "facts": [{"key": "parking", "label": "주차 가능", "value": "true", "unit": null, "type": "bool", "scope": "place", "status": 3, "sourceType": 3, "sourceUrl": "https://m.place.naver.com/place/1133638931/home", "critical": false, "required": false, "unitId": null, "collectedAt": "2026-08-28T02:10:08.678003+00:00", "verifiedAt": "2026-08-28T02:12:21.402109+00:00"}, {"key": "intro", "label": "숙소 소개", "value": "1920년대에 지어진 백 년 고택을 리모델링한 독채 펜션입니다. 히로쓰 가옥 후문 바로 옆이고, 침구는 매일 세탁·살균·건조합니다.", "unit": null, "type": "text", "scope": "place", "status": 3, "sourceType": 3, "sourceUrl": "https://m.place.naver.com/place/1133638931/home", "critical": false, "required": false, "unitId": null, "collectedAt": "2026-08-28T02:10:08.547669+00:00", "verifiedAt": "2026-08-28T02:12:21.922925+00:00"}, {"key": "wifi", "label": "와이파이", "value": "true", "unit": null, "type": "bool", "scope": "place", "status": 3, "sourceType": 3, "sourceUrl": "https://m.place.naver.com/place/1133638931/home", "critical": false, "required": false, "unitId": null, "collectedAt": "2026-08-28T02:10:08.757070+00:00", "verifiedAt": "2026-08-28T02:12:22.356600+00:00"}, {"key": "check_out_time", "label": "체크아웃 시간", "value": "11:00", "unit": null, "type": "time", "scope": "place", "status": 3, "sourceType": 3, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": true, "required": true, "unitId": null, "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T13:27:53.241391+00:00"}, {"key": "cancel_policy", "label": "취소·환불 규정", "value": "입실 당일 취소와 노쇼(No Show)는 숙박요금의 100%가 부과되어 환불되지 않습니다. 그 이전 취소 수수료는 예약하신 채널의 취소 규정을 따릅니다.", "unit": null, "type": "text", "scope": "place", "status": 3, "sourceType": 3, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": true, "required": true, "unitId": null, "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T13:27:53.241391+00:00"}, {"key": "cooking_allowed", "label": "취사 가능", "value": "true", "unit": null, "type": "bool", "scope": "place", "status": 3, "sourceType": 3, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": true, "required": true, "unitId": null, "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T13:27:53.241391+00:00"}, {"key": "pet_allowed", "label": "반려동물 동반", "value": "false", "unit": null, "type": "bool", "scope": "place", "status": 3, "sourceType": 3, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": true, "required": true, "unitId": null, "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T13:27:53.241391+00:00"}, {"key": "smoking", "label": "흡연 가능", "value": "false", "unit": null, "type": "bool", "scope": "place", "status": 3, "sourceType": 3, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": true, "required": false, "unitId": null, "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T13:27:53.241391+00:00"}, {"key": "extra_person_fee", "label": "인원 추가 요금", "value": "20000", "unit": "원", "type": "number", "scope": "place", "status": 3, "sourceType": 3, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": true, "required": false, "unitId": null, "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T13:27:53.241391+00:00"}, {"key": "check_in_time", "label": "체크인 시간", "value": "15:00", "unit": null, "type": "time", "scope": "place", "status": 3, "sourceType": 1, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": true, "required": true, "unitId": null, "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T23:31:05.719599+00:00"}, {"key": "pickup_service", "label": "픽업 서비스", "value": "false", "type": "bool", "scope": "place", "unit": null, "status": 3, "sourceType": 3, "sourceUrl": "https://m.place.naver.com/place/1133638931/home", "critical": false, "required": false, "unitId": null, "collectedAt": "2026-09-04T00:00:00+00:00", "verifiedAt": "2026-09-04T00:00:00+00:00"}, {"key": "bbq_available", "label": "바비큐 이용", "value": "false", "type": "bool", "scope": "place", "unit": null, "status": 3, "sourceType": 3, "sourceUrl": "https://m.place.naver.com/place/1133638931/home", "critical": false, "required": false, "unitId": null, "collectedAt": "2026-09-04T00:00:00+00:00", "verifiedAt": "2026-09-04T00:00:00+00:00"}], "units": [{"unitId": "71dd18bd-8bd0-4e46-a4b2-419b972d6175", "name": "A동(일본식 가정집 느낌으로 디딤돌마당과 예쁜정원)", "slug": "a동", "sortOrder": 0, "facts": [{"key": "room_type", "label": "객실 타입", "value": "독채", "unit": null, "type": "text", "scope": "unit", "status": 3, "sourceType": 3, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": false, "required": true, "unitId": "71dd18bd-8bd0-4e46-a4b2-419b972d6175", "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T13:27:53.241391+00:00"}, {"key": "standard_capacity", "label": "기준 인원", "value": "2", "unit": "명", "type": "number", "scope": "unit", "status": 3, "sourceType": 3, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": true, "required": true, "unitId": "71dd18bd-8bd0-4e46-a4b2-419b972d6175", "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T13:27:53.241391+00:00"}, {"key": "max_capacity", "label": "최대 인원", "value": "4", "unit": "명", "type": "number", "scope": "unit", "status": 3, "sourceType": 3, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": true, "required": true, "unitId": "71dd18bd-8bd0-4e46-a4b2-419b972d6175", "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T13:27:53.241391+00:00"}, {"key": "weekday_price", "label": "주중 요금", "value": "198000", "unit": "원", "type": "number", "scope": "unit", "status": 3, "sourceType": 3, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": true, "required": false, "unitId": "71dd18bd-8bd0-4e46-a4b2-419b972d6175", "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T13:27:53.241391+00:00"}, {"key": "room_intro", "label": "객실 소개", "value": "편안한 일본집에 와 있는 듯한 느낌의 공간입니다. 독립된 아담한 정원과 창고형 CAFÉ 공간이 있습니다.", "unit": null, "type": "text", "scope": "unit", "status": 3, "sourceType": 3, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": false, "required": false, "unitId": "71dd18bd-8bd0-4e46-a4b2-419b972d6175", "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T13:27:53.241391+00:00"}, {"key": "price_range", "label": "요금", "value": "198,000 ~ 350,000원", "type": "text", "scope": "unit", "unit": null, "status": 3, "sourceType": 3, "sourceUrl": "https://m.place.naver.com/place/1133638931/home", "critical": true, "required": false, "unitId": "71dd18bd-8bd0-4e46-a4b2-419b972d6175", "collectedAt": "2026-09-04T00:00:00+00:00", "verifiedAt": "2026-09-04T00:00:00+00:00"}, {"key": "bed_type", "label": "침대", "value": "퀸 침대 1개", "unit": null, "type": "text", "scope": "unit", "status": 3, "sourceType": 3, "sourceUrl": "https://nol.yanolja.com/stay/domestic/10068088", "critical": false, "required": false, "unitId": "71dd18bd-8bd0-4e46-a4b2-419b972d6175", "collectedAt": "2026-09-10T00:00:00+00:00", "verifiedAt": "2026-09-10T00:00:00+00:00"}, {"key": "room_size", "label": "면적", "value": "52", "unit": "m²", "type": "number", "scope": "unit", "status": 3, "sourceType": 3, "sourceUrl": "https://nol.yanolja.com/stay/domestic/10068088", "critical": false, "required": false, "unitId": "71dd18bd-8bd0-4e46-a4b2-419b972d6175", "collectedAt": "2026-09-10T00:00:00+00:00", "verifiedAt": "2026-09-10T00:00:00+00:00"}, {"key": "room_facilities", "label": "객실 시설", "value": "욕조 · 개별 화장실 · 주방 · 다이닝룸 · 테라스 · 벽난로 · OTT · 어메니티 · 취사 가능", "unit": null, "type": "text", "scope": "unit", "status": 3, "sourceType": 3, "sourceUrl": "https://nol.yanolja.com/stay/domestic/10068088", "critical": false, "required": false, "unitId": "71dd18bd-8bd0-4e46-a4b2-419b972d6175", "collectedAt": "2026-09-10T00:00:00+00:00", "verifiedAt": "2026-09-10T00:00:00+00:00"}], "mediaIds": ["f22faf19-d080-5b75-a1f9-f2969b5f2c5a", "c87ed31d-51aa-5a56-b6af-2817c34dbff6", "0cb8857a-b24f-5133-9564-5035567dfa79", "34d84109-2b9d-5f2f-9c6f-0397a5c645b2", "5a029d6a-a661-54d2-ab3c-583d6b2d76b6", "74263be5-032d-5659-918c-8ee562e48bf3", "be188706-6b7e-5280-8b10-7a86db2ea1bb", "9d739cca-27cd-5db1-ba4a-b7c9e6179743", "650d2b01-8739-5e44-9e80-44672ff84e26", "f4c65f0a-60bc-5f12-a332-3e8767523434", "5d187cb2-a2c9-5666-9923-1fb37ad216ca", "ae36b9bb-f650-5654-98d5-49631cb23869"]}, {"unitId": "916dc29b-241c-41a8-90de-51c3a9ddb947", "name": "B동(모던한 현대식 컨셉으로 꾸며진 따뜻한 공간)", "slug": "b동", "sortOrder": 1, "facts": [{"key": "room_type", "label": "객실 타입", "value": "독채", "unit": null, "type": "text", "scope": "unit", "status": 3, "sourceType": 3, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": false, "required": true, "unitId": "916dc29b-241c-41a8-90de-51c3a9ddb947", "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T13:27:53.241391+00:00"}, {"key": "standard_capacity", "label": "기준 인원", "value": "2", "unit": "명", "type": "number", "scope": "unit", "status": 3, "sourceType": 3, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": true, "required": true, "unitId": "916dc29b-241c-41a8-90de-51c3a9ddb947", "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T13:27:53.241391+00:00"}, {"key": "max_capacity", "label": "최대 인원", "value": "4", "unit": "명", "type": "number", "scope": "unit", "status": 3, "sourceType": 3, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": true, "required": true, "unitId": "916dc29b-241c-41a8-90de-51c3a9ddb947", "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T13:27:53.241391+00:00"}, {"key": "weekday_price", "label": "주중 요금", "value": "198000", "unit": "원", "type": "number", "scope": "unit", "status": 3, "sourceType": 3, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": true, "required": false, "unitId": "916dc29b-241c-41a8-90de-51c3a9ddb947", "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T13:27:53.241391+00:00"}, {"key": "room_intro", "label": "객실 소개", "value": "아늑하고 깔끔한 현대식 모던 스타일 공간입니다. 독립된 아담한 정원과 창고형 CAFÉ 공간이 있습니다.", "unit": null, "type": "text", "scope": "unit", "status": 3, "sourceType": 3, "sourceUrl": "https://travel.interpark.com/checkinnow/goods/GY0002361440", "critical": false, "required": false, "unitId": "916dc29b-241c-41a8-90de-51c3a9ddb947", "collectedAt": "2026-09-02T13:27:53.241391+00:00", "verifiedAt": "2026-09-02T13:27:53.241391+00:00"}, {"key": "price_range", "label": "요금", "value": "198,000 ~ 350,000원", "type": "text", "scope": "unit", "unit": null, "status": 3, "sourceType": 3, "sourceUrl": "https://m.place.naver.com/place/1133638931/home", "critical": true, "required": false, "unitId": "916dc29b-241c-41a8-90de-51c3a9ddb947", "collectedAt": "2026-09-04T00:00:00+00:00", "verifiedAt": "2026-09-04T00:00:00+00:00"}, {"key": "bed_type", "label": "침대", "value": "킹 침대 1개", "unit": null, "type": "text", "scope": "unit", "status": 3, "sourceType": 3, "sourceUrl": "https://nol.yanolja.com/stay/domestic/10068088", "critical": false, "required": false, "unitId": "916dc29b-241c-41a8-90de-51c3a9ddb947", "collectedAt": "2026-09-10T00:00:00+00:00", "verifiedAt": "2026-09-10T00:00:00+00:00"}, {"key": "room_facilities", "label": "객실 시설", "value": "욕조 · 개별 화장실 · 주방 · 다이닝룸 · 테라스 · 벽난로 · OTT · 어메니티 · 취사 가능", "unit": null, "type": "text", "scope": "unit", "status": 3, "sourceType": 3, "sourceUrl": "https://nol.yanolja.com/stay/domestic/10068088", "critical": false, "required": false, "unitId": "916dc29b-241c-41a8-90de-51c3a9ddb947", "collectedAt": "2026-09-10T00:00:00+00:00", "verifiedAt": "2026-09-10T00:00:00+00:00"}], "mediaIds": ["d3c150d3-f0f7-5bca-a870-e326b59955c8", "d12a49c3-0af5-5281-bf25-3f884b103eba", "3432dda6-976f-5760-b595-66d2e830c9ff", "fefd6c0f-193e-5c24-8b70-e37ade85e533", "f9e503a8-6617-52f4-8c67-9d77d618d5a7", "f0261477-974f-5ca1-8944-e913df5e6e9b", "4f2aae12-0328-5b75-acd6-90fd46a08b43", "81405935-5a68-5fbf-b919-5242ef07a9f0", "420b7b8f-fa5f-5945-a9f0-03ccdfcec1e2", "3c9acafe-953f-5223-af17-89f83f20c139"]}], "media": [{"mediaId": "1330beb8-09d3-47fc-a410-f2e9598d13fe", "url": "/s/stay6/img/mirror/ddc9f804f4ef83b5.jpg", "alt": "목재 서까래 천장과 미닫이창, 테이블이 있는 거실 공간", "category": "거실", "width": null, "height": null, "isPrimary": true, "sourceType": 3, "originUrl": "https://naverbooking-phinf.pstatic.net/20240514_189/1715688030436xT14o_JPEG/1.jpg", "unitId": null}, {"mediaId": "ad35769c-5299-4d39-b80d-5d88f1e1de14", "url": "/s/stay6/img/mirror/6d0c447b6a0c32af.jpg", "alt": "소파와 탁자, 벽난로 조명이 있는 서까래 천장의 거실", "category": "거실", "width": null, "height": null, "isPrimary": false, "sourceType": 3, "originUrl": "https://naverbooking-phinf.pstatic.net/20240514_48/1715688030574wTtQd_JPEG/2.jpg", "unitId": null}, {"mediaId": "83a2543f-4366-4427-b694-a7b1968a61cf", "url": "/s/stay6/img/mirror/2d94158a48480fcd.jpg", "alt": "싱크대와 냉장고, 전자레인지가 구비된 실내 주방 공간", "category": "주방", "width": null, "height": null, "isPrimary": false, "sourceType": 3, "originUrl": "https://naverbooking-phinf.pstatic.net/20240514_92/17156880307484bvpH_JPEG/3.jpg", "unitId": null}, {"mediaId": "990a89ed-9517-426c-8c17-fd9bf3c1a44d", "url": "/s/stay6/img/mirror/d364f605223524bd.jpg", "alt": "주방 싱크대 앞에서 포즈를 취하고 있는 여성의 모습", "category": "주방", "width": null, "height": null, "isPrimary": false, "sourceType": 3, "originUrl": "https://naverbooking-phinf.pstatic.net/20240514_7/1715688031000y8Y5q_JPEG/4.jpg", "unitId": null}, {"mediaId": "5b0adc6e-f03b-459d-9b0b-d0748f1e33d0", "url": "/s/stay6/img/mirror/e0ed8d1a27e09320.jpg", "alt": "벽면에 설치된 그림 화면과 벽난로 조명 장식", "category": "거실", "width": null, "height": null, "isPrimary": false, "sourceType": 3, "originUrl": "https://video-phinf.pstatic.net/20241223_179/1734893614235FhY4h_JPEG/PXr9o3iPYJ_03.jpg", "unitId": null}, {"mediaId": "2fbcd37e-260f-4a4f-b00f-3e997e978c02", "url": "/s/stay6/img/mirror/aa69a633f8e3a631.jpg", "alt": "창밖으로 조명을 비춘 정원 나무와 석등이 보이는 풍경", "category": "전망", "width": null, "height": null, "isPrimary": false, "sourceType": 3, "originUrl": "https://pup-review-phinf.pstatic.net/MjAyNjA4MDNfMjUw/MDAxNzg1NzYwMjA0NTIy.XcTmqR10iQ8w9sFRfFRWo7CfQtNOoT6aRMo0VErTJLkg.EX6iDVemzmjovYRBJwJKdVWWipxu_JOixkmW1_APE_cg.JPEG/8034BC2C-FC29-4480-8BEC-40F0BED744CB.jpeg", "unitId": null}, {"mediaId": "d95857a0-44ad-422b-86de-00dee8aca08f", "url": "/s/stay6/img/mirror/7095220ca156e25e.jpg", "alt": "목재 서까래 천장에 설치된 조형적인 디자인의 조명 기구", "category": "거실", "width": null, "height": null, "isPrimary": false, "sourceType": 3, "originUrl": "https://pup-review-phinf.pstatic.net/MjAyNjA4MDNfMjA3/MDAxNzg1NzYwMjA0OTI5.uMbalnmqu8lUYeUCS26c2luQ_pvQubkznSFblDcSV6Eg.gaRskjAm5Rud_L9lYS3xIQvd2m8-0R75DF6WJg2asrog.JPEG/628C312C-B7CA-4178-9B10-855CB16A9889.jpeg", "unitId": null}, {"mediaId": "0e5a2de5-384d-41fc-9ff4-258f9caa6b2c", "url": "/s/stay6/img/mirror/caa5e076e7d56ec2.jpg", "alt": "실내 벽면 홈 공간에 놓인 흰색 화병과 식물 장식", "category": "거실", "width": null, "height": null, "isPrimary": false, "sourceType": 3, "originUrl": "https://pup-review-phinf.pstatic.net/MjAyNjA4MDNfMTg2/MDAxNzg1NzYwMjA0NjMw.5Ct417Oiyb5wlINojIkcVMLUy0QNbPoh8FhXvLT0Gcwg.QHSM9xd3ri3P9HaSeUWES1x8RMFcc-GpmpJTgoMaQkgg.JPEG/EEE3CB7C-55A9-4AC1-9574-D703537FF1C8.jpeg", "unitId": null}, {"mediaId": "4981b572-10e2-4138-ba1d-a5d7defb4b4a", "url": "/s/stay6/img/mirror/8e2ec99c433b6fe8.jpg", "alt": "실내 창문을 통해 바라본 푸른 하늘과 푸른 나무 풍경", "category": "전망", "width": null, "height": null, "isPrimary": false, "sourceType": 3, "originUrl": "https://pup-review-phinf.pstatic.net/MjAyNjA4MDNfOTMg/MDAxNzg1NzYwMjA1MTU1.Ulli7HXvsNrTkk_i3QnJknX7WBheTrnJRF6ARjyfQ14g.Vp9808LNn4hDRPFja1prpM7wuvVPBhqjpZZlec6Q-fMg.JPEG/F51B7821-B061-4173-BD07-E914E00B92AD.jpeg", "unitId": null}, {"mediaId": "a6c9c3aa-d5d2-52f2-80d5-78d82f8215f9", "url": "/s/stay6/img/h-01.jpg", "alt": "기와 지붕 아래로 넓은 우드 데크와 정원이 이어지는 외관", "category": "외관", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "381fc5fb-ce2b-538d-9ea2-55f8bc2786b8", "url": "/s/stay6/img/h-02.jpg", "alt": "동백이 핀 마당과 우드 파사드 현관으로 이어지는 데크", "category": "외관", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "5065ffb6-02bf-5f16-940e-a2944dc6557e", "url": "/s/stay6/img/h-03.jpg", "alt": "흰 벽과 밝은 바닥에 올리브색 소파와 긴 벽난로를 둔 거실", "category": "거실", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "27c28237-8b6c-5104-bfba-a48f79a57458", "url": "/s/stay6/img/h-04.jpg", "alt": "옛 서까래를 드러낸 천장에 라탄 조명이 걸린 거실", "category": "거실", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "ea0a74cc-ac9a-56cb-9c6c-1e42e45271d6", "url": "/s/stay6/img/h-05.jpg", "alt": "문 사이로 보이는 흰 앤티크 침대와 검은 서랍장", "category": "침실", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "393d69fc-a909-5e18-a05c-64fb1edb7eca", "url": "/s/stay6/img/h-06.jpg", "alt": "캡슐 커피머신과 레트로 전자레인지가 놓인 주방 어메니티", "category": "주방", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "f22faf19-d080-5b75-a1f9-f2969b5f2c5a", "url": "/s/stay6/img/a-01.jpg", "alt": "긴 벽난로와 벽걸이 TV, 좌식 스툴을 둔 거실", "category": "거실", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "c87ed31d-51aa-5a56-b6af-2817c34dbff6", "url": "/s/stay6/img/a-02.jpg", "alt": "베이지 소파와 원형 원목 테이블, 장지문 창이 있는 거실", "category": "거실", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "0cb8857a-b24f-5133-9564-5035567dfa79", "url": "/s/stay6/img/a-03.jpg", "alt": "옛 서까래 천장에 라탄 조명이 걸린 거실과 벽난로", "category": "거실", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "34d84109-2b9d-5f2f-9c6f-0397a5c645b2", "url": "/s/stay6/img/a-04.jpg", "alt": "어두운 원목 하부장에 냉장고와 전자레인지를 둔 주방", "category": "주방", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "5a029d6a-a661-54d2-ab3c-583d6b2d76b6", "url": "/s/stay6/img/a-05.jpg", "alt": "붉은 벽돌 벽에 벤치와 색색 의자를 둔 창고형 카페 공간", "category": "카페", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "74263be5-032d-5659-918c-8ee562e48bf3", "url": "/s/stay6/img/a-06.jpg", "alt": "석재 담과 소나무가 둘러싼 마당의 야외 티테이블", "category": "외관", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "be188706-6b7e-5280-8b10-7a86db2ea1bb", "url": "/s/stay6/img/a-07.jpg", "alt": "원목 벽과 바닥을 지나 침실로 이어지는 복도", "category": "실내", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "9d739cca-27cd-5db1-ba4a-b7c9e6179743", "url": "/s/stay6/img/a-08.jpg", "alt": "장지문 창 옆에 흰 침구를 깐 침대가 놓인 침실", "category": "침실", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "650d2b01-8739-5e44-9e80-44672ff84e26", "url": "/s/stay6/img/a-09.jpg", "alt": "정원이 보이는 큰 장지문 창과 벽걸이 TV", "category": "거실", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "f4c65f0a-60bc-5f12-a332-3e8767523434", "url": "/s/stay6/img/a-10.jpg", "alt": "원형 거울과 욕조, 어메니티를 둔 욕실", "category": "욕실", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "5d187cb2-a2c9-5666-9923-1fb37ad216ca", "url": "/s/stay6/img/a-11.jpg", "alt": "우드 외벽 건물과 담 사이 마당에 놓인 야외 테이블", "category": "외관", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "ae36b9bb-f650-5654-98d5-49631cb23869", "url": "/s/stay6/img/a-12.jpg", "alt": "흰 벽돌 벽과 우드 담에 걸린 스테이 머뭄 간판", "category": "외관", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "d3c150d3-f0f7-5bca-a870-e326b59955c8", "url": "/s/stay6/img/b-01.jpg", "alt": "초가 파라솔을 세운 데크와 검은 현관문이 있는 외관", "category": "외관", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "d12a49c3-0af5-5281-bf25-3f884b103eba", "url": "/s/stay6/img/b-02.jpg", "alt": "유리문을 열어 둔 카페 공간과 데크의 파라솔 테이블", "category": "외관", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "3432dda6-976f-5760-b595-66d2e830c9ff", "url": "/s/stay6/img/b-03.jpg", "alt": "큰 창으로 빛이 드는 거실의 다크그린 소파와 샹들리에", "category": "거실", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "fefd6c0f-193e-5c24-8b70-e37ade85e533", "url": "/s/stay6/img/b-04.jpg", "alt": "흰 타일 벽에 민트색 냉장고와 토스터를 둔 주방", "category": "주방", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "f9e503a8-6617-52f4-8c67-9d77d618d5a7", "url": "/s/stay6/img/b-05.jpg", "alt": "흰 앤티크 침대와 꽃 모양 조명이 있는 침실", "category": "침실", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "f0261477-974f-5ca1-8944-e913df5e6e9b", "url": "/s/stay6/img/b-06.jpg", "alt": "초록 서랍장과 거울, 유리문이 있는 침실 앞 공간", "category": "실내", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "4f2aae12-0328-5b75-acd6-90fd46a08b43", "url": "/s/stay6/img/b-07.jpg", "alt": "커피 레터링 벽과 빨간 스툴을 둔 카페 공간", "category": "카페", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "81405935-5a68-5fbf-b919-5242ef07a9f0", "url": "/s/stay6/img/b-08.jpg", "alt": "욕조와 세면대, 블라인드 창이 있는 욕실", "category": "욕실", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "420b7b8f-fa5f-5945-a9f0-03ccdfcec1e2", "url": "/s/stay6/img/b-09.jpg", "alt": "흰 벽돌 아치 현관에 우편함이 걸린 대문", "category": "외관", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}, {"mediaId": "3c9acafe-953f-5223-af17-89f83f20c139", "url": "/s/stay6/img/b-10.jpg", "alt": "흰 벽돌 벽을 따라 디딤돌이 놓인 통로", "category": "외관", "width": 1280, "height": 800, "isPrimary": false, "sourceType": 3, "originUrl": "https://nol.yanolja.com/stay/domestic/10068088", "unitId": null}], "faqs": [{"faqId": "8d48a94d-1a19-456f-b1a8-4144ddcb2186", "question": "체크인과 체크아웃 시간은 언제인가요?", "answer": "체크인은 15:00부터이며, 체크아웃은 11:00까지입니다.", "status": 3, "sourceType": 4, "sortOrder": 0}, {"faqId": "8f14678b-3589-42e9-8896-d214c0093784", "question": "객실 기준 인원과 최대 인원, 인원 추가 요금은 어떻게 되나요?", "answer": "A동과 B동 모두 기준 인원은 2명이며, 최대 4명까지 투숙하실 수 있습니다. 인원 추가 요금은 20,000원입니다.", "status": 3, "sourceType": 4, "sortOrder": 1}, {"faqId": "a13785c0-a627-44b5-b593-fac39712d6d4", "question": "객실 내 취사가 가능한가요?", "answer": "주방에서 간단한 조리는 가능합니다. 다만 생선구이·고기구이·튀김처럼 냄새가 잘 빠지지 않는 조리는 하실 수 없고, 객실 안에서 직화로 굽는 방식도 허용되지 않습니다. 그릴·숯·전기 전열기구 등 개인 취사도구는 반입이 금지되어 있습니다.", "status": 3, "sourceType": 4, "sortOrder": 2}, {"faqId": "0eb535db-135f-484b-b0a4-1323744ace75", "question": "주차와 와이파이 이용이 가능한가요?", "answer": "네, 주차와 와이파이 모두 이용 가능합니다.", "status": 3, "sourceType": 4, "sortOrder": 3}, {"faqId": "cc268677-ad26-4685-a6a6-10a293658591", "question": "반려동물 동반이나 실내 흡연이 가능한가요?", "answer": "반려동물 동반은 불가하며, 전 구역 흡연이 불가능합니다.", "status": 3, "sourceType": 4, "sortOrder": 4}, {"faqId": "4b8ac158-7648-4b2c-aa1a-9c6ca99b1223", "question": "A동과 B동은 무엇이 다른가요?", "answer": "A동은 편안한 일본집에 와 있는 듯한 느낌의 공간이고, B동은 아늑하고 깔끔한 현대식 모던 스타일 공간입니다. 두 동 모두 독립된 아담한 정원과 창고형 CAFÉ 공간이 딸려 있으며, 기준 2인 · 최대 4인으로 같습니다. 침대 구성 등 객실 안 자세한 사항은 예약 채널이나 전화로 확인해 주세요.", "status": 3, "sourceType": 4, "sortOrder": 5}, {"faqId": "8bd75b48-49c3-475f-99c1-f5e64f49bedd", "question": "객실 요금은 얼마인가요?", "answer": "A동과 B동 모두 198,000원 ~ 350,000원입니다. 날짜와 시즌에 따라 달라지므로 정확한 금액은 예약 채널에서 확인해 주세요. 기준 인원(2인)을 넘으면 1인당 20,000원이 더해집니다.", "status": 3, "sourceType": 4, "sortOrder": 6}, {"faqId": "7b2bbfeb-761c-4a15-b410-43e18a69bb9e", "question": "예약 취소 및 환불 규정은 어떻게 되나요?", "answer": "입실 당일 취소와 노쇼(No Show)의 경우 숙박요금의 100%가 부과되어 환불되지 않습니다. 그 이전 취소 수수료는 예약하신 채널의 취소 규정을 따릅니다.", "status": 3, "sourceType": 4, "sortOrder": 7}, {"faqId": "20e80f4d-322a-46ac-90b1-21fb6669b6b0", "question": "스테이,머뭄은 어떤 숙소인가요?", "answer": "스테이,머뭄은 전북 군산시 절골길 18(신흥동)에 있는 독채 숙소입니다. A동은 일본식 가정집 느낌, B동은 현대식 모던 스타일로 두 동이 있고, 편안한 침구와 좋은 위치를 내세운 곳입니다.", "status": 3, "sourceType": 4, "sortOrder": 8}, {"faqId": "724aeac2-46b1-4d6d-9748-892b5988a178", "question": "군산 독채 펜션을 찾는데, 여기도 독채인가요?", "answer": "네, 스테이,머뭄은 A동과 B동 모두 독채입니다. 동마다 독립된 정원과 창고형 카페 공간이 딸려 있고, 주방이 있어 취사도 가능합니다.", "status": 3, "sourceType": 4, "sortOrder": 9}, {"faqId": "a50f8b18-1a2b-4025-ab0c-00d8ebcc9e8f", "question": "위치가 어디인가요?", "answer": "스테이,머뭄은 전북 군산시 절골길 18(신흥동 63-18)에 있습니다. 바로 옆 13m 거리에 군산 신흥동 일본식가옥(히로쓰 가옥)이 있는 원도심 골목 안입니다. 문의는 0507-1497-0983입니다.", "status": 3, "sourceType": 4, "sortOrder": 10}, {"faqId": "7bac199e-f095-4b44-acf6-c94d68181fc8", "question": "예약은 어디서 하나요?", "answer": "스테이,머뭄은 네이버 플레이스에서 숙소 정보를 확인하실 수 있고, 전화 0507-1497-0983으로도 문의하실 수 있습니다. 입실 당일 취소와 노쇼는 숙박요금의 100%가 부과되니 일정을 확인하고 예약해 주세요.", "status": 3, "sourceType": 4, "sortOrder": 11}, {"faqId": "2059ea18-e444-4b2f-97df-ac8ada6e72b0", "question": "커플 둘이 묵기 좋은 2인 독채인가요?", "answer": "네, 스테이,머뭄 A동과 B동 모두 기준 인원 2인의 독채입니다. 두 동을 각각 한 팀만 쓰고, 독립된 아담한 정원과 창고형 CAFÉ 공간이 딸려 있습니다.", "status": 3, "sourceType": 4, "sortOrder": 12}, {"faqId": "b3950b7b-935d-47a5-8119-67afb028a5ce", "question": "일본식 가옥 같은 숙소를 찾는데 여기가 맞나요?", "answer": "스테이,머뭄 A동이 일본식 가정집 느낌으로 꾸민 독채입니다. 디딤돌 마당과 독립된 정원, 창고형 카페 공간이 딸려 있습니다. B동은 같은 마당 안에 있는 현대식 모던 스타일 독채입니다.", "status": 3, "sourceType": 4, "sortOrder": 13}, {"faqId": "78fcc01a-099f-4e7d-a731-d93d18573f55", "question": "조용하고 프라이빗한 숙소인가요?", "answer": "스테이,머뭄은 A동·B동 두 동뿐인 독채 숙소라 다른 손님과 건물을 나눠 쓰지 않습니다. 두 동 모두 독립된 정원을 따로 두고 있고, 전 구역 금연입니다.", "status": 3, "sourceType": 4, "sortOrder": 14}, {"faqId": "feb316f6-f0b5-419c-83e1-45fdec718024", "question": "차 없이 걸어서 근대문화거리까지 갈 수 있나요?", "answer": "스테이,머뭄에서 히로쓰 가옥은 13m, 초원사진관 248m, 군산 영화의 거리 318m, 군산근대미술관 708m, 옛 군산세관 728m, 근대건축관(구 조선은행 군산지점) 788m 거리입니다. 원도심 근대 건축물이 숙소를 중심으로 1km 안에 모여 있습니다. 주차도 가능합니다.", "status": 3, "sourceType": 4, "sortOrder": 15}, {"faqId": "681b921e-d15f-48af-8378-21e7754f500f", "question": "이성당이나 근처 맛집까지 얼마나 되나요?", "answer": "스테이,머뭄에서 이성당까지는 455m입니다. 그 밖에 요리주점 도란 135m, 베이커리 물밀소 297m, 백년가게 국밥집 일흥옥 300m, 명월갈비 351m, 꽃게장 한주옥 430m로 모두 가까이 있습니다.", "status": 3, "sourceType": 4, "sortOrder": 16}, {"faqId": "92c2e8b2-4a62-4b11-8898-7d75fd6bc6f7", "question": "마당이나 정원이 따로 있나요?", "answer": "네. A동과 B동 각각 독립된 아담한 정원과 창고형 CAFÉ 공간이 있습니다. A동에는 디딤돌 마당도 있습니다. 바다 전망은 아닙니다 — 마당과 거실에서 새소리를 들으며 쉬는 숙소입니다.", "status": 3, "sourceType": 4, "sortOrder": 17}, {"faqId": "2c5cfea9-e3c7-42e0-8353-87e5538f3f4e", "question": "선유도에 갈 건데 여기서 자도 될까요?", "answer": "네, 스테이,머뭄에서는 다리를 건너 고군산군도 선유도까지 차로 약 45분 걸립니다. 첫날은 군산 도심에서 저녁과 내항 밤 산책을, 이튿날 선유도와 장자도를 도는 1박 2일 코스를 추천 일정으로 안내하고 있습니다.", "status": 3, "sourceType": 4, "sortOrder": 18}, {"faqId": "bab88a71-1cce-40cb-ad7a-9e8d1fdd5ff9", "question": "1박 2일이면 어떻게 돌면 좋을까요?", "answer": "스테이,머뭄이 안내하는 1박 2일 코스는 첫날 오후 체크인 후 빈해원에서 저녁, 군산 내항 밤 산책으로 마무리하고, 이튿날 선유도와 장자도를 도는 일정입니다. 걷는 코스를 원하시면 채만식문학관·내항 부잔교·째보선창·초원사진관·이성당으로 이어지는 반나절 탁류길 코스도 있습니다.", "status": 3, "sourceType": 4, "sortOrder": 19}, {"faqId": "55288610-291a-4feb-95d8-29e3b4b605d7", "question": "군산이 처음인데 어디부터 보면 좋을까요?", "answer": "스테이,머뭄은 처음 오신 손님께 반나절 개항장 골목 코스를 안내합니다. 군산근대역사박물관에서 시작해 초원사진관, 이성당, 경암동 철길마을 순으로 도는 일정으로, 걷는 거리가 가장 짧은 코스입니다.", "status": 3, "sourceType": 4, "sortOrder": 20}, {"faqId": "a8fdcd07-70d4-4274-ac6f-1d0067beec2a", "question": "비 오는 날에는 뭘 하면 좋을까요?", "answer": "스테이,머뭄은 비 오는 날을 위한 실내 코스를 따로 안내합니다. 군산근대건축관에서 옛 은행 건물 전시를 보고, 한일옥에서 무국으로 몸을 데운 뒤, 째보선창 근처 카페에서 비가 그칠 때까지 앉아 있는 코스입니다. 숙소는 주방이 있어 취사도 가능합니다.", "status": 3, "sourceType": 4, "sortOrder": 21}, {"faqId": "4a20242b-d1ee-4c35-95a9-12bd0d90445c", "question": "바비큐나 고기를 구워 먹을 수 있나요?", "answer": "바비큐는 하실 수 없습니다. 화재 예방을 위해 객실 안에서 생선이나 고기를 굽는 직화 방식은 허용되지 않으며, 그릴·숯·전기 전열기구 등 개인적으로 준비해 오시는 취사도구도 반입이 금지되어 있습니다.", "status": 3, "sourceType": 4, "sortOrder": 22}, {"faqId": "4b1b6de0-40ca-44fa-af35-cbd69eeebd35", "question": "픽업 서비스가 있나요?", "answer": "픽업 서비스는 지원하지 않습니다.", "status": 3, "sourceType": 4, "sortOrder": 23}, {"faqId": "648cf02d-d4ed-46ee-8aef-b3b6426e857e", "question": "건물이 오래된 집이라던데 언제 지어졌나요?", "answer": "1920년대에 지어진 적산가옥입니다. 백 년 된 고택을 리모델링해 2024년 5월 독채 펜션으로 문을 열었습니다. 바로 옆이 국가등록문화유산인 군산 신흥동 일본식 가옥(히로쓰 가옥)입니다.", "status": 3, "sourceType": 4, "sortOrder": 24}, {"faqId": "015a1e83-a916-43fa-a6c1-95d7ece1817d", "question": "침구는 깨끗한가요?", "answer": "침구류는 매일 세탁하고 살균·건조합니다. 인테리어와 가구, 소품도 하나하나 준비해 두었습니다.", "status": 3, "sourceType": 4, "sortOrder": 25}, {"faqId": "10fa8fd2-7a04-4c0c-935c-dd354f7d3112", "question": "미성년자끼리 이용할 수 있나요?", "answer": "숙박업소는 법적으로 청소년 혼숙이 금지되어 있습니다. 미성년자는 보호자를 동반하셔야 이용하실 수 있습니다.", "status": 3, "sourceType": 4, "sortOrder": 26}, {"faqId": "48ec5a26-7e62-4e66-ae32-5917818bdce3", "question": "CCTV가 설치되어 있나요?", "answer": "고객님의 안전과 보안을 위해 대문 입구 쪽에 CCTV를 운영하고 있습니다. 객실 안에는 없습니다.", "status": 3, "sourceType": 4, "sortOrder": 27}, {"faqId": "9c3dadc6-bbc6-4f72-b4e8-c336dbfe11da", "question": "벌레가 나오지는 않나요?", "answer": "정기적으로 방역하고 있습니다. 다만 자연과 함께하는 공간이라 가끔 벌레나 이물질이 들어올 수 있으며, 이 사유로는 환불이 어려운 점 양해 부탁드립니다.", "status": 3, "sourceType": 4, "sortOrder": 28}, {"faqId": "1f83a416-f01d-4813-babe-011b039df462", "question": "예약 인원보다 사람이 늘면 어떻게 하나요?", "answer": "미리 숙소로 연락 주세요. 기준 인원(2인)을 넘으면 1인당 20,000원이 추가됩니다. 최대 인원(4인)을 넘으면 입실이 불가능할 수 있고, 그 사유로는 환불을 받으실 수 없습니다.", "status": 3, "sourceType": 4, "sortOrder": 29}, {"faqId": "8b0cfa98-9616-44ac-937d-dd5f0a8a4ca9", "question": "히로쓰 가옥 바로 옆이라던데 어떤 집인가요?", "answer": "스테이,머뭄은 1920년대에 지어진 집으로, 국가등록문화유산인 군산 신흥동 일본식 가옥(히로쓰 가옥) 후문 바로 옆 13m 거리에 있습니다. 사장님은 이 집이 히로쓰 가옥 관리인이 살던 집이라고 전합니다. 백 년 된 고택을 리모델링해 2024년 5월 독채 펜션으로 문을 열었습니다.", "status": 3, "sourceType": 4, "sortOrder": 30}, {"faqId": "bbd98512-574e-4601-bd16-b48654aaf5d9", "question": "주요 관광지까지 걸어서 얼마나 걸리나요?", "answer": "초원사진관, 이성당, 군산 시간여행마을 등 주요 관광명소가 걸어서 최대 8분 거리입니다. 차 없이 도보 여행이 가능합니다.", "status": 3, "sourceType": 4, "sortOrder": 31}], "links": [{"channel": 7, "url": "https://m.place.naver.com/place/1133638931/home", "title": "네이버 예약", "confirmed": true}, {"channel": 4, "url": "https://www.instagram.com/staymeomoom", "title": "스테이,머뭄 인스타그램", "confirmed": true}], "local": {"attractions": [{"name": "군산 신흥동 일본식가옥(히로쓰 가옥)", "category": "관광지", "searchQuery": "군산 신흥동 일본식가옥(히로쓰 가옥)", "distanceText": "13m", "imageUrl": "/s/stay6/img/mirror/f27b7440e2f1183f.jpg", "description": "군산 신흥동 일본식 가옥(구 히로쓰 가옥)은 일제강점기에 군산에서 포목점과 소규모 농장을 운영하며 군산부협의회 의원을 지낸 일본인이 건립한 일본식 2층 목조 가옥이다."}, {"name": "초원사진관", "category": "관광지", "searchQuery": "초원사진관", "distanceText": "248m", "imageUrl": "/s/stay6/img/mirror/d5433fe48de3da05.jpg", "description": "초원사진관은 1998년 1월에 개봉한 영화 <8월의 크리스마스>의 촬영 장소로 유명한 곳이다. 이 영화는 배우 한석규와 심은하가 주연인 영화로 시한부 인생을 사는 사진사 정원(한석규)과 어느 날 그…"}, {"name": "군산 영화의 거리", "category": "관광지", "searchQuery": "군산 영화의 거리", "distanceText": "318m", "imageUrl": "/s/stay6/img/mirror/6a0c445e6dd940af.jpg", "description": "시간과 공간을 초월한 특별한 경험을 할 수 있는 곳이다. 그 중에서 초원사진관은 영화 <8월의 크리스마스> 촬영지로 잘 알려진 관광명소이다."}, {"name": "우체통거리", "category": "관광지", "searchQuery": "우체통거리", "distanceText": "566m", "imageUrl": "/s/stay6/img/mirror/43461e391f83b9e8.jpg", "description": "군산시 우체통거리는 2016년 도시재생사업으로 추진된 주민공모사업에 우체국 주변 주민들로 구성된 도란도란 공동체가 참여하면서 주민들이 직접 폐 우체통을 손질하고 그림을 그려 상가 앞에 설치하면서 조…"}, {"name": "군산근대미술관", "category": "관광지", "searchQuery": "군산근대미술관", "distanceText": "708m", "imageUrl": "/s/stay6/img/mirror/d8764592a03b0103.jpg", "description": "18은행은 일본 나가사키에 본사를 두고 있던 은행으로, 숫자 18은 은행 설립인가 순서를 의미한다. 군산지점은 조선에서 7번째 지점으로 1907년에 설립되었다."}, {"name": "옛 군산세관", "category": "관광지", "searchQuery": "옛 군산세관", "distanceText": "728m", "imageUrl": "/s/stay6/img/mirror/22af0bff45e5fce8.jpg", "description": "구 군산세관본관 건물이 완공된 것은 1908년으로, 일제강점기가 시작되기 전에 우리나라 정부가 만든 근대식 건물이다."}, {"name": "근대건축관 (구)조선은행군산지점", "category": "관광지", "searchQuery": "근대건축관 (구)조선은행군산지점", "distanceText": "788m", "imageUrl": "/s/stay6/img/mirror/5000f0a4feb45788.jpg", "description": "1923년에 건립된 일제의 건물로 일제가 식민 지배를 위해 운영한 대표적인 금융시설이었다. 이 건물은 붉은 벽돌로 지은 4층 높이의 2층 건물로, 정면에 돌출된 현관을 중심으로 평아치를 5개 세우고…"}, {"name": "군산 시간여행마을", "category": "관광지", "searchQuery": "군산 시간여행마을", "distanceText": "1.1km", "imageUrl": "/s/stay6/img/mirror/7ba545fdbc8ad273.jpg", "description": "군산은 근대사에서 수탈의 아픔과 이에 항거한 열정의 도시로, 일제강점기 근대 문화를 상상해볼 수 있는 문화재가 원도심을 중심으로 잘 보존되었다."}, {"name": "월명호수", "category": "관광지", "searchQuery": "월명호수", "distanceText": "1.6km", "imageUrl": "/s/stay6/img/mirror/c8c6a295ae1c0810.jpg", "description": "월명공원의 품속에는 1912년에 시민에게 식수를 공급하기 위해 만든 제1수원지가 물안개를 뿜어내는 산 속의 호수로 변하여 산새와 작은 동물들이 목을 축이는 곳이 되었고 설림산 아래 천년고찰 은적사에…"}, {"name": "은적사(군산)", "category": "관광지", "searchQuery": "은적사(군산)", "distanceText": "2.3km", "imageUrl": "/s/stay6/img/mirror/669abc2b08640d3e.jpg", "description": "은적사는 전라북도 내에 있는 사찰 가운데 가장 오래된 백제 시대 사찰이다. 천방사, 선림사 등으로도 불리었던 은적사는 대한불교 조계종 제17교구 본사인 금산사의 말사이다."}, {"name": "서천문화예술창작공간", "category": "관광지", "searchQuery": "서천문화예술창작공간", "distanceText": "2.6km", "imageUrl": "/s/stay6/img/mirror/7f8f81d5eeb33f73.jpg", "description": "서천군 문화예술창작공간은 일제시대에 미곡창고로 사용된 건물로 이름에서 유추할 수 있듯이, 본래의 목적은 쌀을 보관하기 위해 세워진 건물이다."}, {"name": "경암동 철길마을", "category": "관광지", "searchQuery": "경암동 철길마을", "distanceText": "2.7km", "imageUrl": "/s/stay6/img/mirror/6d59722cedddd566.jpg", "description": "경암동 철길마을은 1944년 전라북도 군산시 경암동에 준공하여 페이퍼 코리아 공장과 군산역을 연결하는 총연장 2.5km 철로 주변의 마을을 총괄하여 붙인 이름이다."}], "restaurants": [{"name": "도란", "category": "맛집", "searchQuery": "도란", "distanceText": "135m", "imageUrl": "/s/stay6/img/mirror/12938240987c1f78.jpg", "description": "전라북도 군산시 월명동에 있는 요리주점이다. 와인과 함께 카페와 양식을 메뉴를 주로 다루고 있다. 대표 메뉴로는 감바스, 해산물 크림 스튜, 부채살 스테이크 등이 있다."}, {"name": "한일옥", "category": "맛집", "searchQuery": "군산 한일옥", "distanceText": "221m", "description": "한일옥은 8월의 크리스마스 촬영지인 초원사진관 맞은편에 있는 음식점으로 소고기 뭇국과 육회비빔밥이 맛있다. 신흥동 일본식가옥, 이성당빵집과 더불어 군산여행코스로 추천하는 맛집이다.", "imageUrl": "/s/stay6/img/mirror/625f125829697f61.jpg"}, {"name": "물밀소", "category": "맛집", "searchQuery": "물밀소", "distanceText": "297m", "imageUrl": "/s/stay6/img/mirror/07600bb67b91dd15.jpg", "description": "월명동에 자리한 베이커리 물밀소는 신생 빵집으로 입소문이 자자하다. 붉은 벽돌의 아담한 외관을 가졌고 매장 내부에는 저온숙성한 반죽으로 빚어낸 건강한 빵들이 진열돼 있다."}, {"name": "일흥옥", "category": "맛집", "searchQuery": "일흥옥", "distanceText": "300m", "imageUrl": "/s/stay6/img/mirror/3420ff7e357ab7ef.jpg", "description": "일흥옥은 군산 테디베어뮤지엄 인근에 위치한 국밥 전문점이다. 중소벤처기업부로부터 백년가게 인증을 받은 곳이다."}, {"name": "군산복집", "category": "맛집", "searchQuery": "군산복집", "distanceText": "305m", "description": "군산복집은 싱싱한 재료만을 사용하는 복요리 전문점으로 복탕과 아구탕은 해장하기에 좋으며, 오래된 전통과 경력의 주방장이 내는 회 맛이 일품인 곳이다.", "imageUrl": "/s/stay6/img/mirror/067f6fe42c045a3a.jpg"}, {"name": "명월갈비", "category": "맛집", "searchQuery": "명월갈비", "distanceText": "351m", "imageUrl": "/s/stay6/img/mirror/881d1f7ff820942f.jpg", "description": "군산 신창동에 있는 명월갈비는 군산 지역의 대표 양념 소갈비 전문 맛집이다. 플러스 등급의 한우 갈비를 비법 양념장으로 숙성한 단품 메뉴로 오랜 기간 동안 인기를 유지해오고 있다."}, {"name": "만남스넥", "category": "맛집", "searchQuery": "만남스넥", "distanceText": "405m", "imageUrl": "/s/stay6/img/mirror/d2be5a053a944cfe.jpg", "description": "만남스넥은 군산 현지인들이 좋아하는 메뉴인 잡탕을 파는 분식집이다. 잡탕은 떡, 만두, 라면, 어묵 등을 넣고 같이 끓인 메뉴인데, 떡볶이나 라볶이보다 국물이 많고 부재료가 풍부해 잡탕으로 불리게…"}, {"name": "동국사다온", "category": "맛집", "searchQuery": "동국사다온", "distanceText": "418m", "imageUrl": "/s/stay6/img/mirror/4db345bd2cb4f0d7.jpg", "description": "전라북도 군산시 일본식 사찰인 동국사 사찰 내에 있는 테이크아웃 커피 전문점이다. 불교 용품과 함께 대추차, 오미자차, 오룡차 등 다양한 차 종류를 판매하고 있다."}, {"name": "진갈비", "category": "맛집", "searchQuery": "진갈비", "distanceText": "426m", "description": "소박해보이지만 오랜 세월의 내공으로 묵직하고 깊은 떡갈비를 선사하는 맛집이다. 군산 현지인들이 추천하는 유명 맛집이기도 하다.", "imageUrl": "/s/stay6/img/mirror/92cb907d07db9953.jpg"}, {"name": "한주옥", "category": "맛집", "searchQuery": "한주옥", "distanceText": "430m", "description": "‘한주옥’은 전북 군산시 영화동에 위치한 꽃게장 전문 음식점이다. 꽃게장 백반/정식, 대하장 백반/정식을 맛볼 수 있다.", "imageUrl": "/s/stay6/img/mirror/f9cb7e88415edd06.jpg"}, {"name": "이성당", "category": "맛집", "searchQuery": "이성당", "distanceText": "455m", "imageUrl": "/s/stay6/img/mirror/37c90494d28478e2.png", "description": "일본 시마네현 이즈모시에 살다가 1906년 조선으로 건너온 히로세 야스타로라는 일본인이 ‘이즈모야’라는 이름으로 문을 열어 영업한 것이 시초이다."}, {"name": "국제반점", "category": "맛집", "searchQuery": "국제반점", "distanceText": "467m", "imageUrl": "/s/stay6/img/mirror/149c18951bdcaff8.jpg", "description": "군산 영화동에 있는 국제반점은 1960년대 초 진흥반점으로 개업해 현재는 상호를 국제 반점으로 변경하여 성업 중인 중식당이다. 영화 <타짜>에 등장해 군산의 관광 명소가 되었다."}, {"name": "사골뚝배기", "category": "맛집", "searchQuery": "사골뚝배기", "distanceText": "479m", "description": "사골 뚝배기는 전북 군산시에 위치한 한식 전문점이다. 한우고기와 한우사골만을 써서 아주 진하고 맛깔스러운 국물을 우려내어 요리를 만든다.", "imageUrl": "/s/stay6/img/mirror/24043ae4f5854f96.jpg"}, {"name": "영화원", "category": "맛집", "searchQuery": "영화원", "distanceText": "495m", "imageUrl": "/s/stay6/img/mirror/42e8d872198edaa9.jpg", "description": "군산 영화동에 있는 영화원은 1976년부터 지금까지 4대째 운영하는 오래된 중국 음식점이다. 대를 이어오면서 그 맛의 비결을 간직하고 있다."}, {"name": "스위트인디아", "category": "맛집", "searchQuery": "스위트인디아", "distanceText": "539m", "description": "전라북도 군산시에 위치한 스위트인디아는 인도 카레 맛집으로, 양고기, 소고기, 닭고기, 새우, 야채 총 5가지의 맛의 카레를 판매하고 있다.", "imageUrl": "/s/stay6/img/mirror/bf6bb6183c6f6246.jpg"}, {"name": "틈(TEUM)", "category": "맛집", "searchQuery": "틈(TEUM)", "distanceText": "573m", "imageUrl": "/s/stay6/img/mirror/81bd76fa51ae9ad1.jpg", "description": "군산항 근처에 있는 옛 미곡 창고를 그대로 활용한 카페다. ‘틈’이란 이름처럼 입구가 좁은 골목길 틈에 위치해 있어 간판을 눈여겨보지 않으면 찾기 어렵다."}, {"name": "미즈커피", "category": "맛집", "searchQuery": "미즈커피", "distanceText": "696m", "imageUrl": "/s/stay6/img/mirror/3e5b3daae33ea51c.jpg", "description": "군산 근대문화 역사관 바로 옆에 자리한 카페로 일제강점기 무역회사였던 ‘미즈 상사’의 옛 사옥을 그대로 활용했다. 당시 일본인이 운영했던 미즈 상사는 식료품과 잡화 등을 수입해 판매하던 회사였다."}, {"name": "홍영장", "category": "맛집", "searchQuery": "홍영장", "distanceText": "725m", "description": "홍영장은 군산의 짬뽕거리에 위치한 중식당으로 방송에서 인정받은 맛집이다. 평소에 흔히 맛볼 수 없는 메뉴인 물짜장이 유명하다.", "imageUrl": "/s/stay6/img/mirror/087900c82da3b2f5.jpg"}, {"name": "아리랑", "category": "맛집", "searchQuery": "아리랑", "distanceText": "732m", "description": "군산에 위치한 향토음식점으로 군산 지역의 특산물을 맛볼 수 있는 음식점이다.", "imageUrl": "/s/stay6/img/mirror/1302460cb149975f.jpg"}, {"name": "운정식당", "category": "맛집", "searchQuery": "운정식당", "distanceText": "748m", "imageUrl": "/s/stay6/img/mirror/00a8ac4ce017fb12.jpg", "description": "군산 개복동 골목의 터줏대감으로 40년 가까이 한 자리를 지키고 있는 식당이다."}, {"name": "빈해원", "category": "맛집", "searchQuery": "빈해원", "distanceText": "749m", "imageUrl": "/s/stay6/img/mirror/483f52c2d2b7eebe.jpg", "description": "군산 빈해원은 1965년 콘크리트와 벽돌을 사용하여 지은 2층 건물이다. 이 건물은 1~2층이 개방된 내부공간과 각층에 여러 개의 방이 있는 독특한 구조이다."}, {"name": "국일식당", "category": "맛집", "searchQuery": "국일식당", "distanceText": "935m", "description": "전라북도 군산시에 위치한 국일식당은 콩나물의 아삭함과 매콤한 양념이 어우러진 아귀찜 전문점이다. 군산의 전통명가 답게 모범 착한업소로 선정된 곳이다.", "imageUrl": "/s/stay6/img/mirror/6102b164464dbfa4.jpg"}, {"name": "명동소바", "category": "맛집", "searchQuery": "명동소바", "distanceText": "961m", "description": "‘군산명동소바’는 30년 이상된 군산 최초 원조 소바집이다. 메밀면발도 직접 연구 개발하고 매장 자체적으로 기계로 면을 빼서 쫄깃하고 탱탱한 맛으로 현지인뿐만 아니라 여행객의 많은 발길이 이어진다.", "imageUrl": "/s/stay6/img/mirror/55f57f45fcebb460.jpg"}, {"name": "복성루", "category": "맛집", "searchQuery": "복성루", "distanceText": "1.3km", "imageUrl": "/s/stay6/img/mirror/b3518ee8ef2b4aac.png", "description": "복성루는 빈해원 지린성과 함께 군산 3대 짬뽕 맛집으로 유명하며 싱싱한 오징어, 홍합, 꼬막 등 다양한 해산물과 야채를 넣고 우려낸 진한 짬뽕 국물이 일품인 가게로 줄 서서 맛보는 지역의 대표 짬뽕집으로 자리 잡고 있다."}, {"name": "유락식당", "category": "맛집", "searchQuery": "유락식당", "distanceText": "1.3km", "description": "김정례 대표가 1981년 문을 열어 40여 년 동안 지역을 대표하는 음식점으로 손님에게 최선의 맛과 서비스를 제공하고자 하는 곳이다.", "imageUrl": "/s/stay6/img/mirror/5f92192c7b3e2cbf.jpg"}, {"name": "왕산반점", "category": "맛집", "searchQuery": "왕산반점", "distanceText": "1.5km", "imageUrl": "/s/stay6/img/mirror/aebe437fd281f9ad.jpg", "description": "특허받은 콩나물 짬뽕으로 유명한 중화요리 집이다. 짬뽕면 위에 푸짐하게 올라간 콩나물, 홍합, 그 위에 신선한 낙지 한 마리까지 먹기 전부터 시각을 자극한다."}, {"name": "리투스카페", "category": "맛집", "searchQuery": "리투스카페", "distanceText": "1.6km", "imageUrl": "/s/stay6/img/mirror/81438670a5485351.jpg", "description": "리투스카페는 군산 내항 부두 근처에 있는 오션 뷰 카페다. 특히 황금빛 일몰이 아름다워 일몰 카페로도 유명하다."}, {"name": "일풍식당", "category": "맛집", "searchQuery": "일풍식당", "distanceText": "1.6km", "description": "‘일풍식당’은 각종 TV매체에서 맛집으로 다룬 곳이다. 골목 사이에 위치해 있어 찾을 때 약간 주의를 해야 한다.", "imageUrl": "/s/stay6/img/mirror/e13c8a2a1aa2762c.jpg"}, {"name": "수송반점", "category": "맛집", "searchQuery": "수송반점", "distanceText": "1.7km", "imageUrl": "/s/stay6/img/mirror/98539e6361e317b1.jpg", "description": "수송 반점은 군산시 서흥남동, 서흥 중학교 근처에 있는 중식당이다."}, {"name": "군산활어회센타", "category": "맛집", "searchQuery": "군산활어회센타", "distanceText": "1.9km", "imageUrl": "/s/stay6/img/mirror/93146c8ae53252ff.jpg", "description": "군산 문화동에 있는 '군산 활어회센터'는 가까이 있는 군산항 활어회 직판장에서 가져오는 활어회로 신선도와 식감 면에서 뛰어나다."}, {"name": "진성원", "category": "맛집", "searchQuery": "진성원", "distanceText": "1.9km", "imageUrl": "/s/stay6/img/mirror/83766fa52745ef37.jpg", "description": "진성원은 전라북도 군산시 경암동에 있는 중식당이다."}, {"name": "서우식당", "category": "맛집", "searchQuery": "서우식당", "distanceText": "2.0km", "imageUrl": "/s/stay6/img/mirror/de286714af7faaba.jpg", "description": "서우식당은 저렴한 가격에 푸짐한 한상차림으로 허영만의 백반 기행 등 TV 프로그램에도 소개된 한식집이다."}], "festivals": [{"name": "2026 군산 은파벚꽃야시장", "month": "3~4월", "period": "2026년 3월 28일 – 4월 12일", "location": "은파호수공원", "description": "군산 은파벚꽃야시장은 상인분들의 한 해를 힘차게 시작할 수 있도록 돕는 자리이자 군산의 대표적인 봄 축제였던 벚꽃축제가 사라진 아쉬움을 해소하고자 기획하게 된 행사이다.", "searchQuery": "2026 군산 은파벚꽃야시장", "season": "봄", "startDate": "2026-03-28", "endDate": "2026-04-12", "imageUrl": "/s/stay6/img/mirror/82606e203454e3ff.jpg"}, {"name": "군산 수제맥주&블루스 페스티벌", "month": "6월", "period": "2026년 6월 12일 – 14일", "location": "군산근대역사박물관 주차장", "description": "'군산 수제맥주&블루스 페스티벌'은 국내 유일의 로컬 수제맥주 축제로, 100% 군산보리로 만드는 군산맥아로 만든 진짜 우리 수제맥주와 블루스음악과 함께 항구도시 군산의 초여름 밤, 낭만을 만끽할…", "searchQuery": "군산 수제맥주&블루스 페스티벌", "season": "여름", "startDate": "2026-06-12", "endDate": "2026-06-14", "imageUrl": "/s/stay6/img/mirror/92f65116f3e58ab6.jpg"}, {"name": "군산짬뽕페스티벌", "month": "10월", "period": "2025년 10월 9일 – 12일", "location": "군산 백년광장 일원(장미동)", "description": "70년 짬뽕역사의 도시, 군산에서 10월 9일부터 12일까지, 4일간 짬뽕페스티벌이 개최된다. 얼큰, 화끈, 개운한 국물 베이스인 해물가득한 짬뽕, 고기짬뽕 등 다양한 테마의 짬뽕을 축제장에서 선보…", "searchQuery": "군산짬뽕페스티벌", "season": "가을", "startDate": "2025-10-09", "endDate": "2025-10-12", "imageUrl": "/s/stay6/img/mirror/a1b00af88aa06cd9.jpg"}, {"name": "군산시간여행축제", "month": "10월", "period": "2026년 10월 2일 – 5일", "location": "구·시청광장 및 시간여행마을 일원", "description": "군산시간여행축제는 일제강점기 민중의 항거와 치열한 삶의 역사를 간직한 근대 군산을 배경으로, 군산의 과거와 현재, 그리고 미래를 잇는 특별한 시간여행을 선사하는 축제이다.", "searchQuery": "군산시간여행축제", "season": "가을", "startDate": "2026-10-02", "endDate": "2026-10-05", "imageUrl": "/s/stay6/img/mirror/4b4086345c20b968.jpg"}, {"name": "익산천만송이 국화축제", "month": "10월", "season": "가을", "location": "전북특별자치도 익산시 하나로 322 (어양동) · 차로 30분", "description": "가을을 대표하는 축제로, 대형 조형물에 국화를 심어 만든 작품과 전국 최고 규모의 국화정원, 국화분재 특별전시가 열린다.", "searchQuery": "익산천만송이 국화축제", "imageUrl": "/s/stay6/img/mirror/6194651114d1e740.jpg"}, {"name": "익산마한문화대전", "month": "10월", "season": "가을", "location": "전북특별자치도 익산시 금마면 고도9길 41-14 · 차로 35분", "description": "익산 마한의 정통성을 다지고 익산을 마한 문화 선진지로 알리기 위해 여는 행사이다.", "searchQuery": "익산마한문화대전", "imageUrl": "/s/stay6/img/mirror/49558512d8d52e1a.jpg"}, {"name": "강경젓갈축제", "month": "10월", "season": "가을", "location": "충청남도 논산시 강경읍 금백로 45 · 차로 40분", "description": "전통의 맛과 문화를 현대적으로 재해석한 축제로, 금강의 자연경관과 강경의 역사 자원을 함께 둘러볼 수 있다.", "searchQuery": "강경젓갈축제", "imageUrl": "/s/stay6/img/mirror/7ccd68de6b280bc2.jpg"}, {"name": "부안 설(雪)숭어 축제", "month": "12월", "season": "겨울", "location": "전북특별자치도 부안군 부안읍 서외리 · 차로 35분", "description": "겨울철에 맛이 오르는 설숭어를 주제로 한 지역 특산 수산물 축제이다. 설숭어 음식 판매와 시식, 어촌 문화 체험 프로그램이 열린다.", "searchQuery": "부안 설숭어 축제", "imageUrl": "/s/stay6/img/mirror/4389ded2dee1ad98.jpg"}, {"name": "서천 마량진항 해넘이 해돋이 행사", "month": "12월", "season": "겨울", "location": "충청남도 서천군 서면 서인로 58 · 차로 30분", "description": "12월 31일부터 1월 1일까지 마량진항 일원에서 열린다. 서해안에서 일몰과 일출을 한자리에서 볼 수 있는 곳이다.", "searchQuery": "서천 마량진항 해넘이 해돋이", "imageUrl": "/s/stay6/img/mirror/8fc0a7522e3eb080.png"}, {"name": "선유도 여름 노을축제", "season": "여름", "month": "7월", "period": "2026년 7월 25일", "location": "군산 선유도해수욕장", "description": "서해 낙조 명소인 선유도해수욕장 특설무대에서 열리는 한여름 밤 축제입니다. 지역 예술인의 공연과 참여 행사가 열리고 폭죽쇼로 마무리합니다. 사진은 개최 장소인 선유도해수욕장입니다.", "searchQuery": "선유도 여름 노을축제", "imageUrl": "/s/stay6/img/mirror/c971fb408ad897e7.jpg"}, {"name": "군산 국가유산 야행", "month": "8월", "season": "여름", "location": "구 조선식량영단 등 원도심 국가유산 일원 · 걸어서 20분", "description": "원도심의 국가유산을 밤에 여는 행사다. 야경·야로·야사 등 여덟 갈래로 나뉘어 신흥동 일본식 가옥의 정원 조명, 스탬프 투어, 옛 건물에서 여는 공연과 야시장이 저녁부터 밤까지 이어진다.", "searchQuery": "군산 국가유산 야행"}], "weather": {"temperature": 27.9, "condition": "구름많음", "observedAt": "2026-09-03T12:30", "notes": {"맑음": "마당 평상에 앉으면 새소리만 들립니다. 정원 쪽으로 그늘이 길게 눕는 시간입니다.", "흐림": "해가 숨은 날입니다. 기와와 담이 한 색으로 가라앉고, 마당 평상에 앉아도 눈이 부시지 않습니다.", "비": "백 년 된 기와를 타고 내리는 소리가 다릅니다. 창고형 CAFÉ 공간에서 빗소리를 들으실 수 있습니다.", "눈": "기와에 눈이 앉으면 골목이 통째로 조용해집니다. 정원 석등만 켜 두겠습니다."}, "tempNotes": {"혹서": "낮에는 군산근대미술관·근대건축관처럼 실내로 도는 편이 낫습니다. 월명호수 한 바퀴는 해가 넘어간 뒤가 시원합니다.", "더움": "선유도까지 다녀오기 좋은 기온입니다. 골목은 오후 늦게 도세요 — 경암동 철길마을은 해 질 때가 사람이 적습니다.", "선선": "걷기에 가장 좋은 날입니다. 히로쓰 가옥에서 초원사진관·영화의 거리까지 걸어서 그대로 이어집니다.", "쌀쌀": "월명호수를 한 바퀴 돌고 이성당이나 국제반점에서 따뜻한 것을 드시면 알맞습니다.", "추움": "밖은 바람이 매섭습니다. 근대건축관·근대미술관과 시간여행마을 실내를 묶어 도는 편이 낫습니다."}, "noteSets": {"맑음": ["마당 평상에 앉으면 새소리만 들립니다. 정원 쪽으로 그늘이 길게 눕는 시간입니다.", "기와가 마르는 냄새가 나는 날입니다. 아침에 널어 두신 것은 오후면 다 마릅니다.", "볕이 좋아 대문을 열어 둡니다. 마당 사진은 해가 기울기 시작할 때가 가장 곱습니다.", "창을 다 열어도 좋은 날입니다. A동 장지문으로 드는 빛이 오전에 가장 깊습니다.", "해가 길게 남는 날입니다. 짐을 풀고 골목부터 한 바퀴 돌고 오셔도 늦지 않습니다."], "구름많음": ["빛이 부드러운 날입니다. 골목 사진이 제일 잘 나오는 빛입니다.", "그늘이 옅어 마당이 눈부시지 않습니다. 평상에 오래 앉아 계시기 좋습니다.", "해가 들었다 숨었다 합니다. 창고형 CAFÉ 공간과 마당을 오가며 쉬시면 됩니다.", "구름이 얇은 날입니다. 우체통거리까지 걷기에 덥지도 춥지도 않습니다.", "빛이 고른 날입니다. 초원사진관까지 걸어서 삼 분, 사진은 오늘 같은 하늘이 낫습니다."], "흐림": ["해가 숨은 날입니다. 기와와 담이 한 색으로 가라앉고, 마당 평상에 앉아도 눈이 부시지 않습니다.", "빛이 낮게 깔리는 날입니다. 창고형 CAFÉ 공간이 오늘은 가장 아늑합니다.", "하늘이 자주 바뀌는 날입니다. 나가실 때 우산을 챙기시는 편이 낫습니다.", "그늘이 없는 날이라 골목을 오래 걸으셔도 덜 지칩니다.", "색이 차분한 하늘입니다. 신흥동 담길 사진은 오늘 같은 날이 깊게 나옵니다."], "안개": ["안개가 낮게 깔리면 골목 끝이 흐려집니다. 서두르지 마시고 늦게 나가셔도 됩니다.", "담 너머 히로쓰 가옥이 흐릿하게 보이는 아침입니다. 마당에서 한참 서 계셔도 좋습니다.", "시야가 짧은 날입니다. 차로 나가실 계획이면 여유 있게 출발하세요.", "안개가 걷히는 시간을 기다리며 아침을 천천히 드셔도 됩니다.", "뿌연 공기 너머로 보이는 골목도 오늘만의 그림입니다."], "이슬비": ["가는 비가 내립니다. 우산 하나면 골목을 걷는 데 무리가 없습니다.", "빗방울이 약해 오히려 조용한 날입니다. 히로쓰 가옥 담길이 한산합니다.", "젖은 디딤돌이 미끄럽습니다. 편한 신발을 권합니다.", "얇은 겉옷 하나면 충분한 비입니다. 대문 안쪽에 우산을 두었습니다.", "빗소리가 작게 깔리는 날, 창고형 CAFÉ 공간에서 쉬어 가셔도 좋습니다."], "소나기": ["소나기가 지나갈 수 있는 하늘입니다. 창고형 CAFÉ 공간에서 한 차례 보내고 나가셔도 됩니다.", "갑자기 쏟아질 수 있으니 우산을 꼭 챙겨 나가세요.", "비가 그친 뒤 기와가 마르는 냄새가 가장 좋습니다. 그때를 노려 보세요.", "짧고 굵게 지나가는 비입니다. 일정을 통째로 바꾸실 필요는 없습니다.", "바람이 먼저 바뀌는 날입니다. 마당에 널어 두신 것은 들여놓으시는 편이 좋습니다."], "뇌우": ["천둥이 치는 날입니다. 마당보다 실내에서 보내시는 편이 낫습니다.", "비바람이 강합니다. 정원 석등만 켜 두고 오늘은 안에서 쉬어 가세요.", "번개가 잦을 때는 높은 곳과 물가를 피하는 편이 안전합니다.", "날이 거칩니다. 이동 계획이 있으시면 시간을 넉넉히 잡으세요.", "궂은 하늘이 지나가면 금강 쪽이 크게 열립니다. 조금만 기다려 보세요."], "비": ["백 년 된 기와를 타고 내리는 소리가 다릅니다. 창고형 CAFÉ 공간에서 빗소리를 들으실 수 있습니다.", "비 오는 골목에는 사람이 없습니다. 히로쓰 가옥 담길은 오늘 같은 날이 가장 조용합니다.", "마당 디딤돌이 미끄럽습니다. 밤에 나가실 때는 정원 석등 쪽으로 도세요.", "실내로 도는 편이 낫습니다. 근대건축관과 군산근대미술관이 걸어서 십 분 안에 나란히 있습니다.", "우산은 대문 안쪽에 두시면 됩니다. 젖은 것은 테라스 쪽이 잘 마릅니다."], "눈": ["기와에 눈이 앉으면 골목이 통째로 조용해집니다. 정원 석등만 켜 두겠습니다.", "눈 밟는 소리가 담 안에서 크게 들립니다. 마당은 아침에 한 번 쓸어 두겠습니다.", "눈 오는 날의 원도심은 사람이 적습니다. 초원사진관 골목이 오늘 가장 한산합니다.", "디딤돌에 눈이 얼 수 있습니다. 밤에 드나드실 때는 조심해서 딛으세요.", "창을 닫아 두시는 편이 낫습니다. 창고형 CAFÉ 공간이 이런 날 가장 아늑합니다."]}, "tempNoteSets": {"혹서": ["낮에는 군산근대미술관·근대건축관처럼 실내로 도는 편이 낫습니다. 월명호수 한 바퀴는 해가 넘어간 뒤가 시원합니다.", "한낮 골목에는 그늘이 없습니다. 초원사진관·영화의 거리는 이른 아침이나 해 질 무렵에 도세요.", "옛 군산세관과 근대건축관은 걸어서 이어집니다. 실내를 징검다리 삼아 도시면 덜 지칩니다.", "경암동 철길마을은 그늘이 적습니다. 오늘은 저녁에 가시는 편이 낫습니다.", "물은 나가시기 전에 챙기세요. 이성당까지는 걸어서 오백 미터, 해가 기운 뒤가 낫습니다."], "더움": ["선유도까지 다녀오기 좋은 기온입니다. 골목은 오후 늦게 도세요 — 경암동 철길마을은 해 질 때가 사람이 적습니다.", "낮에는 월명호수 그늘길이 시원합니다. 물가를 따라 걷다 돌아오시면 됩니다.", "우체통거리와 영화의 거리는 그늘이 이어집니다. 걸어서 도시기에 무리가 없습니다.", "해가 길어 저녁이 넉넉합니다. 내항 쪽으로 나가 노을을 보고 오셔도 됩니다.", "가장 더운 시간만 실내가 낫습니다. 군산근대미술관에서 한 차례 쉬어 가세요."], "선선": ["걷기에 가장 좋은 날입니다. 히로쓰 가옥에서 초원사진관·영화의 거리까지 걸어서 그대로 이어집니다.", "원도심은 오늘 하루면 다 걸립니다. 군산 시간여행마을까지 천천히 다녀오셔도 됩니다.", "차를 두고 걷는 편이 낫습니다. 우체통거리에서 옛 군산세관까지 골목이 계속 이어집니다.", "해가 부담스럽지 않습니다. 경암동 철길마을까지 다녀오기에 알맞은 기온입니다.", "낮에는 월명호수를 한 바퀴 돌고, 밤에는 마당에 앉아 계셔도 좋습니다."], "쌀쌀": ["월명호수를 한 바퀴 돌고 이성당이나 국제반점에서 따뜻한 것을 드시면 알맞습니다.", "겉옷을 하나 더 챙기세요. 해가 지면 항구 쪽 바람이 먼저 찹니다.", "실내와 골목을 섞어 도는 편이 낫습니다. 근대건축관에서 몸을 녹이고 다시 나오시면 됩니다.", "따뜻한 국물이 도는 날입니다. 복성루·빈해원처럼 가까운 집부터 보세요.", "오후 볕이 짧습니다. 초원사진관·영화의 거리를 먼저 돌고 저녁에 들어오세요."], "추움": ["밖은 바람이 매섭습니다. 근대건축관·근대미술관과 시간여행마을 실내를 묶어 도는 편이 낫습니다.", "항구 바람이 매운 날입니다. 골목은 짧게 돌고 실내를 길게 잡으세요.", "장갑과 목도리를 챙기세요. 옛 군산세관 앞은 바람이 그대로 지나갑니다.", "따뜻한 것을 먼저 드시는 편이 낫습니다. 이성당·국제반점은 걸어서 오백 미터입니다.", "일찍 들어오셔도 됩니다. 벽난로가 있는 거실이 이런 날 가장 좋습니다."]}}, "syncedAt": "2026-09-14T07:42:00+00:00"}, "routes": [], "narrative": {"about": ["스테이,머뭄은 전북특별자치도 군산시 신흥동 절골길에 있는 독채 펜션입니다. 1920년대에 지어진 백 년 고택으로, 국가등록문화유산인 군산 신흥동 일본식 가옥(히로쓰 가옥) 후문 바로 옆 — 걸어서 13m 거리입니다. 사장님은 이 집이 히로쓰 가옥 관리인이 살던 집이라고 전합니다. 2024년 5월에 리모델링을 마치고 문을 열었고, A동과 B동 두 동을 각각 한 팀만 씁니다. 기준 2인 · 최대 4인까지 묵을 수 있습니다.", "A동은 편안한 일본집에 와 있는 듯한 느낌의 공간이고, B동은 아늑하고 깔끔한 현대식 모던 스타일 공간입니다. 두 동 모두 독립된 아담한 정원과 창고형 CAFÉ 공간이 딸려 있어, 마당과 거실에서 새소리를 들으며 쉴 수 있습니다.", "인테리어와 가구, 소품, 침구를 하나하나 준비해 두었습니다. 특히 침구류는 매일 세탁·살균하고 건조해 쓰시는 분이 바뀔 때마다 새것처럼 나갑니다."], "summary": "1920년대 적산가옥을 고쳐 지은 독채 두 동, 매일 세탁·살균하는 침구", "tagline": "히로쓰 가옥 담 너머, 백 년 된 집 한 채", "catchphrases": {"version": 1, "items": [{"text": "백 년 된 집에서 하룻밤", "kind": "general"}, {"text": "담 너머는 히로쓰 가옥입니다", "kind": "general"}, {"text": "독채 두 동, 마당은 각자 씁니다", "kind": "general"}, {"text": "기와 아래에서 아침을 맞습니다", "kind": "general"}, {"text": "새소리로 눈이 떠지는 집", "kind": "general"}, {"text": "골목이 조용해지는 시간에 도착하세요", "kind": "general"}, {"text": "침구는 매일 새것처럼 나갑니다", "kind": "general"}, {"text": "마당 평상에 앉으면 항구 소리가 들립니다", "kind": "general"}, {"text": "1920년대에 지은 집, 지금 쓰는 집", "kind": "general"}, {"text": "대문을 닫으면 골목이 멀어집니다", "kind": "general"}, {"text": "창고를 고친 카페 공간이 딸려 있습니다", "kind": "general"}, {"text": "밤에는 정원 석등만 켜 둡니다", "kind": "general"}, {"text": "초원사진관까지 걸어서 3분", "kind": "general"}, {"text": "원도심 한가운데, 차는 세워 두세요", "kind": "general"}, {"text": "A동은 일본식, B동은 모던입니다", "kind": "general"}, {"text": "네 사람까지 묶는 독채입니다", "kind": "general"}, {"text": "오후 세 시부터 이 집은 손님 것입니다", "kind": "general"}, {"text": "이 골목에서는 서두를 일이 없습니다", "kind": "general"}, {"text": "백 년 된 기와가 비를 받습니다", "kind": "general"}, {"text": "여행이라기보다 하루의 이사입니다", "kind": "general"}, {"text": "군산에서 가장 조용한 담 안쪽", "kind": "general"}, {"text": "이 집의 시간은 조금 느립니다", "kind": "general"}, {"text": "마당, 정원, 그리고 평상 하나", "kind": "general"}, {"text": "짐을 풀면 골목부터 걸어 보세요", "kind": "general"}, {"text": "창을 열면 옆집 기와가 보입니다", "kind": "general"}, {"text": "담배 냄새가 없는 집입니다", "kind": "general"}, {"text": "이불에서 볕 냄새가 납니다", "kind": "general"}, {"text": "두 동 모두 남의 인기척이 없습니다", "kind": "general"}, {"text": "내항까지 걸어 십 분", "kind": "general"}, {"text": "오래된 것을 고쳐 쓰는 집", "kind": "general"}, {"text": "부엌이 있어 아침은 지어 드셔도 됩니다", "kind": "general"}, {"text": "밤에는 골목 등만 남습니다", "kind": "general"}, {"text": "백 년 된 집이 아직 손님을 받습니다", "kind": "general"}, {"text": "개항장 골목의 끝집입니다", "kind": "general"}, {"text": "문패보다 기와를 보고 찾아오세요", "kind": "general"}, {"text": "걸어서 도는 여행에 알맞은 자리", "kind": "general"}, {"text": "마루에 앉는 시간이 일정의 절반입니다", "kind": "general"}, {"text": "좁은 골목 끝, 대문 하나", "kind": "general"}, {"text": "여기서는 계획을 반쯤 접어도 됩니다", "kind": "general"}, {"text": "하루를 통째로 쓰는 숙소", "kind": "general"}, {"text": "정원에 꽃이 먼저 옵니다", "kind": "season", "season": "봄"}, {"text": "봄에는 대문을 열어 둡니다", "kind": "season", "season": "봄"}, {"text": "벚꽃 지는 골목을 걸어 오세요", "kind": "season", "season": "봄"}, {"text": "마당에 앉는 계절이 시작됩니다", "kind": "season", "season": "봄"}, {"text": "새소리가 가장 많은 철입니다", "kind": "season", "season": "봄"}, {"text": "창을 열면 봄이 방까지 들어옵니다", "kind": "season", "season": "봄"}, {"text": "처마 그늘이 가장 긴 계절입니다", "kind": "season", "season": "여름"}, {"text": "마당에 물을 뿌리면 시원해집니다", "kind": "season", "season": "여름"}, {"text": "여름 밤에는 평상이 제일 좋습니다", "kind": "season", "season": "여름"}, {"text": "창고형 카페가 낮에는 서늘합니다", "kind": "season", "season": "여름"}, {"text": "소나기는 기와가 받아 줍니다", "kind": "season", "season": "여름"}, {"text": "해가 길어 저녁이 넉넉합니다", "kind": "season", "season": "여름"}, {"text": "기와 위로 가을 볕이 마릅니다", "kind": "season", "season": "가을"}, {"text": "가을 바람이 담을 넘어옵니다", "kind": "season", "season": "가을"}, {"text": "가을 골목은 해가 빨리 눕습니다", "kind": "season", "season": "가을"}, {"text": "창을 열어 두고 자도 되는 밤입니다", "kind": "season", "season": "가을"}, {"text": "가을에는 평상이 가장 좋은 자리입니다", "kind": "season", "season": "가을"}, {"text": "마당에 잎이 떨어지는 계절입니다", "kind": "season", "season": "가을"}, {"text": "기와에 눈이 앉으면 골목이 조용해집니다", "kind": "season", "season": "겨울"}, {"text": "겨울 아침 마당은 서리 밭입니다", "kind": "season", "season": "겨울"}, {"text": "이불 속에서 겨울 바람 소리를 듣습니다", "kind": "season", "season": "겨울"}, {"text": "눈 오면 정원 석등만 켜 둡니다", "kind": "season", "season": "겨울"}, {"text": "항구 바람이 매운 계절입니다", "kind": "season", "season": "겨울"}, {"text": "겨울에는 카페 공간이 가장 아늑합니다", "kind": "season", "season": "겨울"}, {"text": "새해 첫 아침을 백 년 집에서", "kind": "month", "month": 1}, {"text": "겨울 골목이 가장 조용한 달입니다", "kind": "month", "month": 1}, {"text": "아직 바람이 찬 원도심입니다", "kind": "month", "month": 2}, {"text": "겨울 끝을 마당에서 봅니다", "kind": "month", "month": 2}, {"text": "정원에 첫 꽃이 오는 달입니다", "kind": "month", "month": 3}, {"text": "대문을 열어 두기 시작합니다", "kind": "month", "month": 3}, {"text": "벚꽃 지는 골목을 걷는 달입니다", "kind": "month", "month": 4}, {"text": "마당에 앉는 시간이 길어집니다", "kind": "month", "month": 4}, {"text": "새소리가 가장 많은 달입니다", "kind": "month", "month": 5}, {"text": "창을 열어 두고 자는 밤입니다", "kind": "month", "month": 5}, {"text": "처마 그늘이 길어지는 달입니다", "kind": "month", "month": 6}, {"text": "여름 앞의 원도심은 한가합니다", "kind": "month", "month": 6}, {"text": "소나기를 기와가 받는 달입니다", "kind": "month", "month": 7}, {"text": "여름 밤 평상이 제일 좋습니다", "kind": "month", "month": 7}, {"text": "낮에는 카페 공간이 서늘합니다", "kind": "month", "month": 8}, {"text": "해가 길어 저녁이 넉넉한 달입니다", "kind": "month", "month": 8}, {"text": "볕이 마르기 시작하는 달입니다", "kind": "month", "month": 9}, {"text": "가을이 담을 넘어오는 구월입니다", "kind": "month", "month": 9}, {"text": "잎이 마당에 떨어지는 달입니다", "kind": "month", "month": 10}, {"text": "걷기에 가장 좋은 달입니다", "kind": "month", "month": 10}, {"text": "해가 빨리 눕는 골목입니다", "kind": "month", "month": 11}, {"text": "이불이 가장 따뜻한 달입니다", "kind": "month", "month": 11}, {"text": "기와에 눈이 앉는 달입니다", "kind": "month", "month": 12}, {"text": "한 해의 끝을 조용히 보내는 자리", "kind": "month", "month": 12}, {"text": "마당 평상에 앉으면 새소리만 들립니다", "kind": "weather", "weather": "맑음"}, {"text": "정원 쪽으로 그늘이 길게 눕는 시간입니다", "kind": "weather", "weather": "맑음"}, {"text": "기와가 마르는 냄새가 납니다", "kind": "weather", "weather": "맑음"}, {"text": "빛이 부드러운 날입니다", "kind": "weather", "weather": "구름많음"}, {"text": "골목 사진이 제일 잘 나오는 빛입니다", "kind": "weather", "weather": "구름많음"}, {"text": "빛이 낮게 깔리는 날입니다", "kind": "weather", "weather": "흐림"}, {"text": "이런 날은 카페 공간이 가장 아늑합니다", "kind": "weather", "weather": "흐림"}, {"text": "백 년 된 기와를 타고 내리는 소리가 다릅니다", "kind": "weather", "weather": "비"}, {"text": "카페 공간에서 빗소리를 들으실 수 있습니다", "kind": "weather", "weather": "비"}, {"text": "비 오는 골목에는 사람이 없습니다", "kind": "weather", "weather": "비"}, {"text": "기와에 눈이 앉으면 골목이 통째로 조용해집니다", "kind": "weather", "weather": "눈"}, {"text": "눈 밟는 소리가 담 안에서 크게 들립니다", "kind": "weather", "weather": "눈"}]}, "ownSongs": {"version": 1, "items": [{"title": "머뭄의 아침", "artist": "스테이,머뭄", "labelColor": "#c8873a", "own": true, "audioUrl": "/s/stay6/audio/01-mumum-morning.mp3"}, {"title": "CHECK IN · 머뭄", "artist": "스테이,머뭄", "labelColor": "#2f6b8f", "own": true, "audioUrl": "/s/stay6/audio/02-check-in.mp3"}, {"title": "Stay in 머뭄", "artist": "스테이,머뭄", "labelColor": "#6b7f5b", "own": true, "audioUrl": "/s/stay6/audio/03-stay-in.mp3"}, {"title": "오늘은 안 갈란다", "artist": "스테이,머뭄", "labelColor": "#a34a2a", "own": true, "audioUrl": "/s/stay6/audio/04-not-going.mp3"}, {"title": "군산에 두고 온 님", "artist": "스테이,머뭄", "labelColor": "#4a3f6b", "own": true, "audioUrl": "/s/stay6/audio/05-gunsan-nim.mp3"}]}}, "theme": {"templateId": "stay-retro", "colors": {"primary": "#1b1a15", "secondary": "#4c4739", "bg": "#e4dac0", "card": "#efe7d3", "text": "#1b1a15", "accent": "#bf2f1b"}, "fontStyle": "옛 간판체", "sections": [{"id": "hero", "name": "히어로", "enabled": true, "locked": true}, {"id": "intro", "name": "소개", "enabled": true, "locked": false}, {"id": "rooms", "name": "객실 안내", "enabled": true, "locked": false}, {"id": "event", "name": "스테이,머뭄 소식", "enabled": false, "locked": false, "data": "{\"kind\": \"event\", \"version\": 1, \"title\": \"스테이,머뭄 소식\", \"subtitle\": \"미리 알아 두시면 좋은 것들\", \"linkUrl\": \"https://www.instagram.com/staymeomoom\", \"linkLabel\": \"인스타그램에서 보기\", \"items\": []}"}, {"id": "info", "name": "기본 정보", "enabled": false, "locked": true}, {"id": "booking", "name": "실시간 예약", "enabled": false, "locked": false}, {"id": "video", "name": "ADO2 영상 보기", "enabled": true, "locked": false, "data": "{\"kind\": \"video\", \"version\": 1, \"title\": \"ADO2 영상 보기\", \"subtitle\": \"ADO2로 만든 홍보 영상입니다.\", \"items\": [{\"url\": \"https://youtube.com/shorts/c2ZdwhaB7S4\", \"caption\": \"머뭄의 하루\", \"verified\": \"확인\"}, {\"url\": \"https://youtube.com/shorts/_bbo3dVgOXs\", \"caption\": \"마당과 창고형 카페 공간\", \"verified\": \"확인\"}, {\"url\": \"https://youtube.com/shorts/qrCG4rOeJvs\", \"caption\": \"밤의 머뭄\", \"verified\": \"확인\"}], \"linkUrl\": \"https://ado2.o2osolution.ai/\", \"linkLabel\": \"ADO2 알아보기\"}"}, {"id": "photos", "name": "사진 갤러리", "enabled": true, "locked": false, "variantId": "photos.carousel"}, {"id": "map", "name": "오시는 길", "enabled": true, "locked": true}, {"id": "festival", "name": "계절별 축제", "enabled": false, "locked": false}, {"id": "local", "name": "지역 정보", "enabled": false, "locked": false}, {"id": "itinerary", "name": "추천 일정", "enabled": false, "locked": false, "data": "{\"kind\": \"itinerary\", \"version\": 1, \"title\": \"추천 일정\", \"subtitle\": \"머뭄에서 나서고 머뭄으로 돌아옵니다 — 떠나는 날만 그대로 길을 나섭니다\", \"items\": [{\"name\": \"섬까지 다녀오는 1박 2일\", \"duration\": \"1박 2일\", \"audience\": \"차를 가져온 손님 · 차량 필요\", \"why\": \"첫날은 걸어서 도심, 이튿날은 다리를 건너 섬입니다. 두 날의 성격이 아주 다릅니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"15:00\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 45, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 히로쓰 가옥\", \"minutes\": 45, \"moveMinutes\": 3, \"latitude\": 35.9861696, \"longitude\": 126.7060575, \"note\": \"담 하나 건너입니다. 마당과 다다미방을 둘러보고 2층 계단까지 올라가 봅니다.\", \"searchQuery\": \"군산 신흥동 일본식가옥\"}, {\"name\": \"오후 · 초원사진관\", \"minutes\": 45, \"moveMinutes\": 4, \"latitude\": 35.987737, \"longitude\": 126.7083826, \"note\": \"안에 들어가 사진관 세트에서 한 장 찍습니다. 걸어서 3분입니다.\", \"searchQuery\": \"군산 초원사진관\"}, {\"name\": \"저녁 · 빈해원\", \"minutes\": 70, \"moveMinutes\": 8, \"latitude\": 35.9888841, \"longitude\": 126.7139765, \"note\": \"2층 홀에 앉아 짬뽕이나 잡채밥을 시킵니다. 건물 자체가 문화재입니다.\", \"searchQuery\": \"군산 빈해원\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 40, \"moveMinutes\": 5, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 30, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"08:20\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 75, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 차에 싣고 그대로 나섭니다.\"}, {\"name\": \"오전 · 고군산군도 선유도\", \"minutes\": 150, \"moveMinutes\": 84, \"latitude\": 35.810205, \"longitude\": 126.4124053, \"note\": \"다리를 건너 들어갑니다. 망주봉 아래 해변을 걷고 스카이라인을 탑니다.\", \"searchQuery\": \"군산 선유도\"}, {\"name\": \"늦은 점심 · 국제반점\", \"minutes\": 55, \"moveMinutes\": 85, \"latitude\": 35.98811, \"longitude\": 126.7108985, \"note\": \"영화 「타짜」에 나온 홀에서 짜장과 탕수육을 시킵니다.\", \"searchQuery\": \"군산 국제반점\"}]}]}, {\"name\": \"걸어서만 도는 1박 2일\", \"duration\": \"1박 2일\", \"audience\": \"차 없이 오는 손님 · 도보로 충분 (차 없이 가능)\", \"why\": \"모든 정거장이 머뭄에서 걸어 닿습니다. 이틀 동안 차를 한 번도 타지 않습니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"15:00\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 49, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 히로쓰 가옥\", \"minutes\": 45, \"moveMinutes\": 3, \"latitude\": 35.9861696, \"longitude\": 126.7060575, \"note\": \"담 하나 건너입니다. 마당과 다다미방을 둘러보고 2층 계단까지 올라가 봅니다.\", \"searchQuery\": \"군산 신흥동 일본식가옥\"}, {\"name\": \"오후 · 초원사진관\", \"minutes\": 45, \"moveMinutes\": 4, \"latitude\": 35.987737, \"longitude\": 126.7083826, \"note\": \"안에 들어가 사진관 세트에서 한 장 찍습니다. 걸어서 3분입니다.\", \"searchQuery\": \"군산 초원사진관\"}, {\"name\": \"저녁 · 일흥옥\", \"minutes\": 52, \"moveMinutes\": 4, \"latitude\": 35.9851498, \"longitude\": 126.7091839, \"note\": \"소고기 국밥으로 저녁을 먹습니다. 백년가게로 지정된 집입니다.\", \"searchQuery\": \"군산 일흥옥\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 42, \"moveMinutes\": 13, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 32, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"09:20\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 79, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 맡겨 두고 나섰다가 저녁에 찾아 가세요.\"}, {\"name\": \"오전 · 군산근대건축관\", \"minutes\": 47, \"moveMinutes\": 10, \"latitude\": 35.9894202, \"longitude\": 126.7121232, \"note\": \"옛 조선은행 금고와 은행 창구를 봅니다. 2층 전시까지 보면 45분입니다.\", \"searchQuery\": \"군산근대건축관\"}, {\"name\": \"점심 · 한일옥\", \"minutes\": 52, \"moveMinutes\": 4, \"latitude\": 35.9874081, \"longitude\": 126.71, \"note\": \"무국으로 아침 겸 점심을 엽니다. 줄이 있으면 이름을 적고 기다립니다.\", \"searchQuery\": \"군산 한일옥\"}, {\"name\": \"오후 · 우체통거리\", \"minutes\": 26, \"moveMinutes\": 4, \"latitude\": 35.9859965, \"longitude\": 126.7119708, \"note\": \"주민들이 손질해 내놓은 우체통을 따라 걷습니다. 엽서를 부치고 가도 됩니다.\", \"searchQuery\": \"군산 우체통거리\"}, {\"name\": \"마무리 · 스테이 머뭄\", \"minutes\": 42, \"moveMinutes\": 8, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"맡겨 둔 짐을 찾고, 마당 평상에 한 번 더 앉았다 나섭니다.\"}]}]}, {\"name\": \"비가 와도 되는 1박 2일\", \"duration\": \"1박 2일\", \"audience\": \"비 예보를 보고 오는 손님 · 차량 필요\", \"why\": \"실내가 이어집니다. 비가 그치기를 기다리지 않아도 하루가 찹니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"15:10\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 39, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 군산근대역사박물관\", \"minutes\": 88, \"moveMinutes\": 11, \"latitude\": 35.9908197, \"longitude\": 126.7121232, \"note\": \"3층부터 내려오며 봅니다. 항구가 어떻게 생겼는지 여기서 먼저 잡고 나갑니다.\", \"searchQuery\": \"군산근대역사박물관\"}, {\"name\": \"오후 · 군산근대미술관\", \"minutes\": 44, \"moveMinutes\": 3, \"latitude\": 35.9899368, \"longitude\": 126.7108, \"note\": \"옛 18은행 건물 안 전시를 봅니다. 마당 벤치에서 한 번 쉬어 갑니다.\", \"searchQuery\": \"군산근대미술관\"}, {\"name\": \"저녁 · 빈해원\", \"minutes\": 68, \"moveMinutes\": 5, \"latitude\": 35.9888841, \"longitude\": 126.7139765, \"note\": \"2층 홀에 앉아 짬뽕이나 잡채밥을 시킵니다. 건물 자체가 문화재입니다.\", \"searchQuery\": \"군산 빈해원\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 39, \"moveMinutes\": 5, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 29, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"09:40\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 80, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 차에 싣고 그대로 나섭니다.\"}, {\"name\": \"오전 · 군산근대건축관\", \"minutes\": 52, \"moveMinutes\": 10, \"latitude\": 35.9894202, \"longitude\": 126.7121232, \"note\": \"옛 조선은행 금고와 은행 창구를 봅니다. 2층 전시까지 보면 45분입니다.\", \"searchQuery\": \"군산근대건축관\"}, {\"name\": \"점심 · 일흥옥\", \"minutes\": 57, \"moveMinutes\": 8, \"latitude\": 35.9851498, \"longitude\": 126.7091839, \"note\": \"소고기 국밥으로 저녁을 먹습니다. 백년가게로 지정된 집입니다.\", \"searchQuery\": \"군산 일흥옥\"}, {\"name\": \"오후 · 째보선창 근처 카페\", \"minutes\": 69, \"moveMinutes\": 15, \"latitude\": 35.9875345, \"longitude\": 126.7199875, \"note\": \"창가에 앉아 비가 그칠 때까지 기다립니다. 항구가 보이는 자리입니다.\", \"searchQuery\": \"군산 째보선창 카페\"}]}]}, {\"name\": \"근대건축만 보는 1박 2일\", \"duration\": \"1박 2일\", \"audience\": \"건물을 보러 오는 손님 · 차량 필요\", \"why\": \"1900년대 건물만 골라 돕니다. 머뭄도 그 시기에 지은 집입니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"15:00\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 38, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 구 군산세관 본관\", \"minutes\": 28, \"moveMinutes\": 13, \"latitude\": 35.9915088, \"longitude\": 126.7135, \"note\": \"빨간 벽돌 본관을 한 바퀴 돌고 앞마당에서 사진을 찍습니다.\", \"searchQuery\": \"구 군산세관\"}, {\"name\": \"오후 · 군산근대건축관\", \"minutes\": 61, \"moveMinutes\": 4, \"latitude\": 35.9894202, \"longitude\": 126.7121232, \"note\": \"옛 조선은행 금고와 은행 창구를 봅니다. 2층 전시까지 보면 45분입니다.\", \"searchQuery\": \"군산근대건축관\"}, {\"name\": \"저녁 · 명월갈비\", \"minutes\": 71, \"moveMinutes\": 6, \"latitude\": 35.9863914, \"longitude\": 126.7101663, \"note\": \"한우 양념갈비 한 상을 시킵니다. 이 집은 단품 하나로 버텨 왔습니다.\", \"searchQuery\": \"군산 명월갈비\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 38, \"moveMinutes\": 11, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 28, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"08:50\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 73, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 차에 싣고 그대로 나섭니다.\"}, {\"name\": \"오전 · 군산근대미술관\", \"minutes\": 70, \"moveMinutes\": 9, \"latitude\": 35.9899368, \"longitude\": 126.7108, \"note\": \"옛 18은행 건물 안 전시를 봅니다. 마당 벤치에서 한 번 쉬어 갑니다.\", \"searchQuery\": \"군산근대미술관\"}, {\"name\": \"점심 · 일흥옥\", \"minutes\": 48, \"moveMinutes\": 8, \"latitude\": 35.9851498, \"longitude\": 126.7091839, \"note\": \"소고기 국밥으로 저녁을 먹습니다. 백년가게로 지정된 집입니다.\", \"searchQuery\": \"군산 일흥옥\"}, {\"name\": \"오후 · 해망굴\", \"minutes\": 19, \"moveMinutes\": 12, \"latitude\": 35.9913181, \"longitude\": 126.705, \"note\": \"굴을 걸어서 통과해 반대편 항구 쪽으로 나옵니다.\", \"searchQuery\": \"군산 해망굴\"}]}]}, {\"name\": \"이성당으로 시작하는 1박 2일\", \"duration\": \"1박 2일\", \"audience\": \"빵을 좋아하는 손님 · 도보로 충분 (차 없이 가능)\", \"why\": \"이튿날 아침을 빵으로 엽니다. 문 여는 시간에 맞춰 걸어갑니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"16:10\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 36, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 초원사진관\", \"minutes\": 27, \"moveMinutes\": 4, \"latitude\": 35.987737, \"longitude\": 126.7083826, \"note\": \"안에 들어가 사진관 세트에서 한 장 찍습니다. 걸어서 3분입니다.\", \"searchQuery\": \"군산 초원사진관\"}, {\"name\": \"오후 · 우체통거리\", \"minutes\": 22, \"moveMinutes\": 6, \"latitude\": 35.9859965, \"longitude\": 126.7119708, \"note\": \"주민들이 손질해 내놓은 우체통을 따라 걷습니다. 엽서를 부치고 가도 됩니다.\", \"searchQuery\": \"군산 우체통거리\"}, {\"name\": \"저녁 · 도란\", \"minutes\": 72, \"moveMinutes\": 6, \"latitude\": 35.986822, \"longitude\": 126.70751, \"note\": \"감바스와 부채살 스테이크에 와인 한 잔으로 저녁을 마무리합니다.\", \"searchQuery\": \"군산 도란\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 36, \"moveMinutes\": 14, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 27, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"08:40\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 108, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 맡겨 두고 나섰다가 저녁에 찾아 가세요.\"}, {\"name\": \"오전 · 이성당\", \"minutes\": 50, \"moveMinutes\": 7, \"latitude\": 35.9870443, \"longitude\": 126.7111681, \"note\": \"단팥빵과 야채빵을 사서 나옵니다. 갓 나오는 시간에 맞추면 줄이 짧습니다.\", \"searchQuery\": \"군산 이성당\"}, {\"name\": \"점심 · 만남스넥\", \"minutes\": 36, \"moveMinutes\": 5, \"latitude\": 35.9841788, \"longitude\": 126.7097763, \"note\": \"군산식 잡탕 한 냄비를 시킵니다. 떡·만두·라면이 같이 끓어 나옵니다.\", \"searchQuery\": \"군산 만남스넥\"}, {\"name\": \"오후 · 군산근대역사박물관\", \"minutes\": 81, \"moveMinutes\": 12, \"latitude\": 35.9908197, \"longitude\": 126.7121232, \"note\": \"3층부터 내려오며 봅니다. 항구가 어떻게 생겼는지 여기서 먼저 잡고 나갑니다.\", \"searchQuery\": \"군산근대역사박물관\"}, {\"name\": \"마무리 · 스테이 머뭄\", \"minutes\": 36, \"moveMinutes\": 11, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"맡겨 둔 짐을 찾고, 마당 평상에 한 번 더 앉았다 나섭니다.\"}]}]}, {\"name\": \"철길마을까지 가는 1박 2일\", \"duration\": \"1박 2일\", \"audience\": \"사진을 찍는 손님 · 차량 필요\", \"why\": \"빛이 좋은 자리만 이어 붙였습니다. 철길마을은 오전 빛이 낫습니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"15:40\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 38, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 초원사진관\", \"minutes\": 28, \"moveMinutes\": 4, \"latitude\": 35.987737, \"longitude\": 126.7083826, \"note\": \"안에 들어가 사진관 세트에서 한 장 찍습니다. 걸어서 3분입니다.\", \"searchQuery\": \"군산 초원사진관\"}, {\"name\": \"오후 · 동국사\", \"minutes\": 33, \"moveMinutes\": 8, \"latitude\": 35.9827663, \"longitude\": 126.7074296, \"note\": \"대웅전 처마와 대나무 숲을 봅니다. 종각까지 돌면 35분입니다.\", \"searchQuery\": \"군산 동국사\"}, {\"name\": \"저녁 · 국제반점\", \"minutes\": 52, \"moveMinutes\": 10, \"latitude\": 35.98811, \"longitude\": 126.7108985, \"note\": \"영화 「타짜」에 나온 홀에서 짜장과 탕수육을 시킵니다.\", \"searchQuery\": \"군산 국제반점\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 38, \"moveMinutes\": 9, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 28, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"08:30\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 77, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 차에 싣고 그대로 나섭니다.\"}, {\"name\": \"오전 · 경암동 철길마을\", \"minutes\": 80, \"moveMinutes\": 12, \"latitude\": 35.981352, \"longitude\": 126.7362331, \"note\": \"선로를 따라 걸으며 옛 간판을 봅니다. 교복을 빌려 입고 찍는 집이 여럿입니다.\", \"searchQuery\": \"군산 경암동 철길마을\"}, {\"name\": \"점심 · 일흥옥\", \"minutes\": 48, \"moveMinutes\": 11, \"latitude\": 35.9851498, \"longitude\": 126.7091839, \"note\": \"소고기 국밥으로 저녁을 먹습니다. 백년가게로 지정된 집입니다.\", \"searchQuery\": \"군산 일흥옥\"}, {\"name\": \"오후 · 군산 시간여행마을\", \"minutes\": 57, \"moveMinutes\": 6, \"latitude\": 35.9883192, \"longitude\": 126.7109377, \"note\": \"골목을 정해 두지 말고 걷습니다. 1930년대 간판을 그대로 단 가게가 이어집니다.\", \"searchQuery\": \"군산 시간여행마을\"}]}]}, {\"name\": \"항구만 도는 1박 2일\", \"duration\": \"1박 2일\", \"audience\": \"바다가 보고 싶은 손님 · 도보로 충분 (차 없이 가능)\", \"why\": \"부잔교에서 째보선창까지, 이틀 동안 물가만 걷습니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"15:40\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 42, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 군산 내항 부잔교\", \"minutes\": 37, \"moveMinutes\": 16, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"뜬다리 위를 끝까지 걸어 나갔다 돌아옵니다. 조수에 따라 다리가 오르내립니다.\", \"searchQuery\": \"군산 내항 부잔교\"}, {\"name\": \"오후 · 해망굴\", \"minutes\": 21, \"moveMinutes\": 17, \"latitude\": 35.9913181, \"longitude\": 126.705, \"note\": \"굴을 걸어서 통과해 반대편 항구 쪽으로 나옵니다.\", \"searchQuery\": \"군산 해망굴\"}, {\"name\": \"저녁 · 빈해원\", \"minutes\": 74, \"moveMinutes\": 13, \"latitude\": 35.9888841, \"longitude\": 126.7139765, \"note\": \"2층 홀에 앉아 짬뽕이나 잡채밥을 시킵니다. 건물 자체가 문화재입니다.\", \"searchQuery\": \"군산 빈해원\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 42, \"moveMinutes\": 5, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 32, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"09:20\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 79, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 맡겨 두고 나섰다가 저녁에 찾아 가세요.\"}, {\"name\": \"오전 · 째보선창\", \"minutes\": 32, \"moveMinutes\": 19, \"latitude\": 35.9875345, \"longitude\": 126.7199875, \"note\": \"선창을 따라 걷습니다. 아직 배가 드나드는 자리라 아침이 더 볼 게 많습니다.\", \"searchQuery\": \"군산 째보선창\"}, {\"name\": \"점심 · 국제반점\", \"minutes\": 58, \"moveMinutes\": 12, \"latitude\": 35.98811, \"longitude\": 126.7108985, \"note\": \"영화 「타짜」에 나온 홀에서 짜장과 탕수육을 시킵니다.\", \"searchQuery\": \"군산 국제반점\"}, {\"name\": \"오후 · 구 군산세관 본관\", \"minutes\": 32, \"moveMinutes\": 7, \"latitude\": 35.9915088, \"longitude\": 126.7135, \"note\": \"빨간 벽돌 본관을 한 바퀴 돌고 앞마당에서 사진을 찍습니다.\", \"searchQuery\": \"구 군산세관\"}, {\"name\": \"마무리 · 스테이 머뭄\", \"minutes\": 42, \"moveMinutes\": 13, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"맡겨 둔 짐을 찾고, 마당 평상에 한 번 더 앉았다 나섭니다.\"}]}]}, {\"name\": \"소설 『탁류』를 따라 걷는 1박 2일\", \"duration\": \"1박 2일\", \"audience\": \"채만식을 읽어 본 손님 · 차량 필요\", \"why\": \"소설이 지나간 자리를 순서대로 밟습니다. 세관·선창·문학관이 한 줄로 이어집니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"15:10\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 44, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 째보선창\", \"minutes\": 33, \"moveMinutes\": 19, \"latitude\": 35.9875345, \"longitude\": 126.7199875, \"note\": \"선창을 따라 걷습니다. 아직 배가 드나드는 자리라 아침이 더 볼 게 많습니다.\", \"searchQuery\": \"군산 째보선창\"}, {\"name\": \"오후 · 군산 내항 부잔교\", \"minutes\": 38, \"moveMinutes\": 5, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"뜬다리 위를 끝까지 걸어 나갔다 돌아옵니다. 조수에 따라 다리가 오르내립니다.\", \"searchQuery\": \"군산 내항 부잔교\"}, {\"name\": \"저녁 · 한일옥\", \"minutes\": 55, \"moveMinutes\": 11, \"latitude\": 35.9874081, \"longitude\": 126.71, \"note\": \"무국으로 아침 겸 점심을 엽니다. 줄이 있으면 이름을 적고 기다립니다.\", \"searchQuery\": \"군산 한일옥\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 44, \"moveMinutes\": 11, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 33, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"09:00\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 82, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 차에 싣고 그대로 나섭니다.\"}, {\"name\": \"오전 · 채만식문학관\", \"minutes\": 66, \"moveMinutes\": 18, \"latitude\": 36.0085981, \"longitude\": 126.7578853, \"note\": \"배 모양 전시관을 돌고 금강 쪽 데크로 나가 강을 봅니다.\", \"searchQuery\": \"군산 채만식문학관\"}, {\"name\": \"점심 · 일흥옥\", \"minutes\": 55, \"moveMinutes\": 17, \"latitude\": 35.9851498, \"longitude\": 126.7091839, \"note\": \"소고기 국밥으로 저녁을 먹습니다. 백년가게로 지정된 집입니다.\", \"searchQuery\": \"군산 일흥옥\"}, {\"name\": \"오후 · 구 군산세관 본관\", \"minutes\": 33, \"moveMinutes\": 12, \"latitude\": 35.9915088, \"longitude\": 126.7135, \"note\": \"빨간 벽돌 본관을 한 바퀴 돌고 앞마당에서 사진을 찍습니다.\", \"searchQuery\": \"구 군산세관\"}]}]}, {\"name\": \"아이와 함께 1박 2일\", \"duration\": \"1박 2일\", \"audience\": \"아이를 데려온 손님 · 차량 필요\", \"why\": \"걷는 거리가 짧고, 아이가 지루해할 자리를 뺐습니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"16:00\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 34, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 초원사진관\", \"minutes\": 26, \"moveMinutes\": 4, \"latitude\": 35.987737, \"longitude\": 126.7083826, \"note\": \"안에 들어가 사진관 세트에서 한 장 찍습니다. 걸어서 3분입니다.\", \"searchQuery\": \"군산 초원사진관\"}, {\"name\": \"오후 · 우체통거리\", \"minutes\": 21, \"moveMinutes\": 6, \"latitude\": 35.9859965, \"longitude\": 126.7119708, \"note\": \"주민들이 손질해 내놓은 우체통을 따라 걷습니다. 엽서를 부치고 가도 됩니다.\", \"searchQuery\": \"군산 우체통거리\"}, {\"name\": \"저녁 · 만남스넥\", \"minutes\": 42, \"moveMinutes\": 4, \"latitude\": 35.9841788, \"longitude\": 126.7097763, \"note\": \"군산식 잡탕 한 냄비를 시킵니다. 떡·만두·라면이 같이 끓어 나옵니다.\", \"searchQuery\": \"군산 만남스넥\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 34, \"moveMinutes\": 13, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 26, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"10:10\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 50, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 차에 싣고 그대로 나섭니다.\"}, {\"name\": \"오전 · 경암동 철길마을\", \"minutes\": 42, \"moveMinutes\": 12, \"latitude\": 35.981352, \"longitude\": 126.7362331, \"note\": \"선로를 따라 걸으며 옛 간판을 봅니다. 교복을 빌려 입고 찍는 집이 여럿입니다.\", \"searchQuery\": \"군산 경암동 철길마을\"}, {\"name\": \"점심 · 이성당\", \"minutes\": 30, \"moveMinutes\": 11, \"latitude\": 35.9870443, \"longitude\": 126.7111681, \"note\": \"단팥빵과 야채빵을 사서 나옵니다. 갓 나오는 시간에 맞추면 줄이 짧습니다.\", \"searchQuery\": \"군산 이성당\"}, {\"name\": \"오후 · 월명호수\", \"minutes\": 42, \"moveMinutes\": 10, \"latitude\": 35.9766391, \"longitude\": 126.6913696, \"note\": \"호수를 한 바퀴 돕니다. 천천히 걸어 40분 코스입니다.\", \"searchQuery\": \"군산 월명호수\"}]}]}, {\"name\": \"늦게 도착하는 1박 2일\", \"duration\": \"1박 2일\", \"audience\": \"퇴근하고 오는 손님 · 차량 필요\", \"why\": \"첫날은 저녁 한 끼로 끝냅니다. 대신 이튿날을 아침부터 저녁까지 씁니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"18:20\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 40, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"저녁 · 명월갈비\", \"minutes\": 75, \"moveMinutes\": 5, \"latitude\": 35.9863914, \"longitude\": 126.7101663, \"note\": \"한우 양념갈비 한 상을 시킵니다. 이 집은 단품 하나로 버텨 왔습니다.\", \"searchQuery\": \"군산 명월갈비\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 30, \"moveMinutes\": 5, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"08:40\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 75, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 차에 싣고 그대로 나섭니다.\"}, {\"name\": \"오전 · 군산근대역사박물관\", \"minutes\": 90, \"moveMinutes\": 11, \"latitude\": 35.9908197, \"longitude\": 126.7121232, \"note\": \"3층부터 내려오며 봅니다. 항구가 어떻게 생겼는지 여기서 먼저 잡고 나갑니다.\", \"searchQuery\": \"군산근대역사박물관\"}, {\"name\": \"점심 · 한일옥\", \"minutes\": 50, \"moveMinutes\": 6, \"latitude\": 35.9874081, \"longitude\": 126.71, \"note\": \"무국으로 아침 겸 점심을 엽니다. 줄이 있으면 이름을 적고 기다립니다.\", \"searchQuery\": \"군산 한일옥\"}, {\"name\": \"오후 · 군산근대건축관\", \"minutes\": 45, \"moveMinutes\": 4, \"latitude\": 35.9894202, \"longitude\": 126.7121232, \"note\": \"옛 조선은행 금고와 은행 창구를 봅니다. 2층 전시까지 보면 45분입니다.\", \"searchQuery\": \"군산근대건축관\"}, {\"name\": \"오후 · 해망굴\", \"minutes\": 20, \"moveMinutes\": 10, \"latitude\": 35.9913181, \"longitude\": 126.705, \"note\": \"굴을 걸어서 통과해 반대편 항구 쪽으로 나옵니다.\", \"searchQuery\": \"군산 해망굴\"}]}]}, {\"name\": \"천천히 도는 2박 3일\", \"duration\": \"2박 3일\", \"audience\": \"쉬러 오는 손님 · 도보로 충분 (차 없이 가능)\", \"why\": \"하루에 두어 곳만 봅니다. 마당에 앉아 있는 시간을 일정에 넣었습니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"15:20\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 46, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 히로쓰 가옥\", \"minutes\": 35, \"moveMinutes\": 3, \"latitude\": 35.9861696, \"longitude\": 126.7060575, \"note\": \"담 하나 건너입니다. 마당과 다다미방을 둘러보고 2층 계단까지 올라가 봅니다.\", \"searchQuery\": \"군산 신흥동 일본식가옥\"}, {\"name\": \"오후 · 동국사\", \"minutes\": 40, \"moveMinutes\": 6, \"latitude\": 35.9827663, \"longitude\": 126.7074296, \"note\": \"대웅전 처마와 대나무 숲을 봅니다. 종각까지 돌면 35분입니다.\", \"searchQuery\": \"군산 동국사\"}, {\"name\": \"저녁 · 도란\", \"minutes\": 92, \"moveMinutes\": 7, \"latitude\": 35.986822, \"longitude\": 126.70751, \"note\": \"감바스와 부채살 스테이크에 와인 한 잔으로 저녁을 마무리합니다.\", \"searchQuery\": \"군산 도란\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 46, \"moveMinutes\": 14, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 35, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"09:40\", \"stops\": [{\"name\": \"머뭄에서 쉬는 날 · 스테이 머뭄\", \"minutes\": 223, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"오늘은 나가지 않습니다. 마당 평상과 창고형 카페 공간에서 책을 읽고 낮잠을 잡니다.\"}, {\"name\": \"점심 · 한일옥\", \"minutes\": 53, \"moveMinutes\": 5, \"latitude\": 35.9874081, \"longitude\": 126.71, \"note\": \"무국으로 아침 겸 점심을 엽니다. 줄이 있으면 이름을 적고 기다립니다.\", \"searchQuery\": \"군산 한일옥\"}, {\"name\": \"쉼 · 스테이 머뭄\", \"minutes\": 173, \"moveMinutes\": 5, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"숙소로 돌아와 마당 평상이나 창고형 카페 공간에서 쉽니다.\"}, {\"name\": \"저녁 · 빈해원\", \"minutes\": 74, \"moveMinutes\": 11, \"latitude\": 35.9888841, \"longitude\": 126.7139765, \"note\": \"2층 홀에 앉아 짬뽕이나 잡채밥을 시킵니다. 건물 자체가 문화재입니다.\", \"searchQuery\": \"군산 빈해원\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 32, \"moveMinutes\": 11, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"셋째 날\", \"startTime\": \"09:50\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 70, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 맡겨 두고 나섰다가 저녁에 찾아 가세요.\"}, {\"name\": \"오전 · 이성당\", \"minutes\": 44, \"moveMinutes\": 7, \"latitude\": 35.9870443, \"longitude\": 126.7111681, \"note\": \"단팥빵과 야채빵을 사서 나옵니다. 갓 나오는 시간에 맞추면 줄이 짧습니다.\", \"searchQuery\": \"군산 이성당\"}, {\"name\": \"점심 · 만남스넥\", \"minutes\": 50, \"moveMinutes\": 5, \"latitude\": 35.9841788, \"longitude\": 126.7097763, \"note\": \"군산식 잡탕 한 냄비를 시킵니다. 떡·만두·라면이 같이 끓어 나옵니다.\", \"searchQuery\": \"군산 만남스넥\"}, {\"name\": \"오후 · 군산 시간여행마을\", \"minutes\": 75, \"moveMinutes\": 7, \"latitude\": 35.9883192, \"longitude\": 126.7109377, \"note\": \"골목을 정해 두지 말고 걷습니다. 1930년대 간판을 그대로 단 가게가 이어집니다.\", \"searchQuery\": \"군산 시간여행마을\"}, {\"name\": \"마무리 · 스테이 머뭄\", \"minutes\": 50, \"moveMinutes\": 7, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"맡겨 둔 짐을 찾고, 마당 평상에 한 번 더 앉았다 나섭니다.\"}]}]}, {\"name\": \"섬과 도심을 반씩 도는 2박 3일\", \"duration\": \"2박 3일\", \"audience\": \"차를 가져온 손님 · 차량 필요\", \"why\": \"가운데 날을 섬에 다 씁니다. 첫날과 마지막 날은 걸어서 도심입니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"15:10\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 40, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 구 군산세관 본관\", \"minutes\": 30, \"moveMinutes\": 13, \"latitude\": 35.9915088, \"longitude\": 126.7135, \"note\": \"빨간 벽돌 본관을 한 바퀴 돌고 앞마당에서 사진을 찍습니다.\", \"searchQuery\": \"구 군산세관\"}, {\"name\": \"오후 · 군산근대건축관\", \"minutes\": 50, \"moveMinutes\": 4, \"latitude\": 35.9894202, \"longitude\": 126.7121232, \"note\": \"옛 조선은행 금고와 은행 창구를 봅니다. 2층 전시까지 보면 45분입니다.\", \"searchQuery\": \"군산근대건축관\"}, {\"name\": \"저녁 · 빈해원\", \"minutes\": 70, \"moveMinutes\": 3, \"latitude\": 35.9888841, \"longitude\": 126.7139765, \"note\": \"2층 홀에 앉아 짬뽕이나 잡채밥을 시킵니다. 건물 자체가 문화재입니다.\", \"searchQuery\": \"군산 빈해원\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 40, \"moveMinutes\": 5, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 30, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"07:20\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 60, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"부엌에서 아침을 차려 먹고 마당에서 커피를 내려 마신 뒤 나섭니다.\"}, {\"name\": \"오전 · 고군산군도 선유도\", \"minutes\": 150, \"moveMinutes\": 84, \"latitude\": 35.810205, \"longitude\": 126.4124053, \"note\": \"다리를 건너 들어갑니다. 망주봉 아래 해변을 걷고 스카이라인을 탑니다.\", \"searchQuery\": \"군산 선유도\"}, {\"name\": \"오후 · 장자도\", \"minutes\": 50, \"moveMinutes\": 20, \"latitude\": 35.8101, \"longitude\": 126.3973, \"note\": \"대장봉까지 올라갔다 내려옵니다. 섬과 섬 사이를 걸어 넘습니다.\", \"searchQuery\": \"군산 장자도\"}, {\"name\": \"늦은 점심 · 국제반점\", \"minutes\": 55, \"moveMinutes\": 88, \"latitude\": 35.98811, \"longitude\": 126.7108985, \"note\": \"영화 「타짜」에 나온 홀에서 짜장과 탕수육을 시킵니다.\", \"searchQuery\": \"군산 국제반점\"}, {\"name\": \"쉼 · 스테이 머뭄\", \"minutes\": 168, \"moveMinutes\": 7, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"숙소로 돌아와 마당 평상이나 창고형 카페 공간에서 쉽니다.\"}, {\"name\": \"저녁 · 명월갈비\", \"minutes\": 75, \"moveMinutes\": 5, \"latitude\": 35.9863914, \"longitude\": 126.7101663, \"note\": \"한우 양념갈비 한 상을 시킵니다. 이 집은 단품 하나로 버텨 왔습니다.\", \"searchQuery\": \"군산 명월갈비\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 30, \"moveMinutes\": 5, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"셋째 날\", \"startTime\": \"09:20\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 77, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 차에 싣고 그대로 나섭니다.\"}, {\"name\": \"오전 · 초원사진관\", \"minutes\": 45, \"moveMinutes\": 4, \"latitude\": 35.987737, \"longitude\": 126.7083826, \"note\": \"안에 들어가 사진관 세트에서 한 장 찍습니다. 걸어서 3분입니다.\", \"searchQuery\": \"군산 초원사진관\"}, {\"name\": \"점심 · 일흥옥\", \"minutes\": 50, \"moveMinutes\": 4, \"latitude\": 35.9851498, \"longitude\": 126.7091839, \"note\": \"소고기 국밥으로 저녁을 먹습니다. 백년가게로 지정된 집입니다.\", \"searchQuery\": \"군산 일흥옥\"}, {\"name\": \"오후 · 이성당\", \"minutes\": 35, \"moveMinutes\": 4, \"latitude\": 35.9870443, \"longitude\": 126.7111681, \"note\": \"단팥빵과 야채빵을 사서 나옵니다. 갓 나오는 시간에 맞추면 줄이 짧습니다.\", \"searchQuery\": \"군산 이성당\"}]}]}, {\"name\": \"골목을 세 번 나눠 걷는 2박 3일\", \"duration\": \"2박 3일\", \"audience\": \"차 없이 오는 손님 · 도보로 충분 (차 없이 가능)\", \"why\": \"원도심을 세 덩이로 나눠 하루에 하나씩 걷습니다. 같은 길을 두 번 걷지 않습니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"15:00\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 49, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 히로쓰 가옥\", \"minutes\": 45, \"moveMinutes\": 3, \"latitude\": 35.9861696, \"longitude\": 126.7060575, \"note\": \"담 하나 건너입니다. 마당과 다다미방을 둘러보고 2층 계단까지 올라가 봅니다.\", \"searchQuery\": \"군산 신흥동 일본식가옥\"}, {\"name\": \"오후 · 초원사진관\", \"minutes\": 45, \"moveMinutes\": 4, \"latitude\": 35.987737, \"longitude\": 126.7083826, \"note\": \"안에 들어가 사진관 세트에서 한 장 찍습니다. 걸어서 3분입니다.\", \"searchQuery\": \"군산 초원사진관\"}, {\"name\": \"저녁 · 일흥옥\", \"minutes\": 55, \"moveMinutes\": 4, \"latitude\": 35.9851498, \"longitude\": 126.7091839, \"note\": \"소고기 국밥으로 저녁을 먹습니다. 백년가게로 지정된 집입니다.\", \"searchQuery\": \"군산 일흥옥\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 44, \"moveMinutes\": 13, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 33, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"09:10\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 66, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"부엌에서 아침을 차려 먹고 마당에서 커피를 내려 마신 뒤 나섭니다.\"}, {\"name\": \"오전 · 군산근대역사박물관\", \"minutes\": 99, \"moveMinutes\": 11, \"latitude\": 35.9908197, \"longitude\": 126.7121232, \"note\": \"3층부터 내려오며 봅니다. 항구가 어떻게 생겼는지 여기서 먼저 잡고 나갑니다.\", \"searchQuery\": \"군산근대역사박물관\"}, {\"name\": \"점심 · 한일옥\", \"minutes\": 55, \"moveMinutes\": 6, \"latitude\": 35.9874081, \"longitude\": 126.71, \"note\": \"무국으로 아침 겸 점심을 엽니다. 줄이 있으면 이름을 적고 기다립니다.\", \"searchQuery\": \"군산 한일옥\"}, {\"name\": \"오후 · 군산근대건축관\", \"minutes\": 50, \"moveMinutes\": 4, \"latitude\": 35.9894202, \"longitude\": 126.7121232, \"note\": \"옛 조선은행 금고와 은행 창구를 봅니다. 2층 전시까지 보면 45분입니다.\", \"searchQuery\": \"군산근대건축관\"}, {\"name\": \"오후 · 해망굴\", \"minutes\": 22, \"moveMinutes\": 10, \"latitude\": 35.9913181, \"longitude\": 126.705, \"note\": \"굴을 걸어서 통과해 반대편 항구 쪽으로 나옵니다.\", \"searchQuery\": \"군산 해망굴\"}, {\"name\": \"쉼 · 스테이 머뭄\", \"minutes\": 164, \"moveMinutes\": 8, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"숙소로 돌아와 마당 평상이나 창고형 카페 공간에서 쉽니다.\"}, {\"name\": \"저녁 · 명월갈비\", \"minutes\": 82, \"moveMinutes\": 5, \"latitude\": 35.9863914, \"longitude\": 126.7101663, \"note\": \"한우 양념갈비 한 상을 시킵니다. 이 집은 단품 하나로 버텨 왔습니다.\", \"searchQuery\": \"군산 명월갈비\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 33, \"moveMinutes\": 5, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"셋째 날\", \"startTime\": \"08:50\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 108, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 맡겨 두고 나섰다가 저녁에 찾아 가세요.\"}, {\"name\": \"오전 · 우체통거리\", \"minutes\": 40, \"moveMinutes\": 8, \"latitude\": 35.9859965, \"longitude\": 126.7119708, \"note\": \"주민들이 손질해 내놓은 우체통을 따라 걷습니다. 엽서를 부치고 가도 됩니다.\", \"searchQuery\": \"군산 우체통거리\"}, {\"name\": \"점심 · 만남스넥\", \"minutes\": 44, \"moveMinutes\": 4, \"latitude\": 35.9841788, \"longitude\": 126.7097763, \"note\": \"군산식 잡탕 한 냄비를 시킵니다. 떡·만두·라면이 같이 끓어 나옵니다.\", \"searchQuery\": \"군산 만남스넥\"}, {\"name\": \"오후 · 군산 시간여행마을\", \"minutes\": 66, \"moveMinutes\": 7, \"latitude\": 35.9883192, \"longitude\": 126.7109377, \"note\": \"골목을 정해 두지 말고 걷습니다. 1930년대 간판을 그대로 단 가게가 이어집니다.\", \"searchQuery\": \"군산 시간여행마을\"}, {\"name\": \"마무리 · 스테이 머뭄\", \"minutes\": 44, \"moveMinutes\": 7, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"맡겨 둔 짐을 찾고, 마당 평상에 한 번 더 앉았다 나섭니다.\"}]}]}, {\"name\": \"먹으러 오는 2박 3일\", \"duration\": \"2박 3일\", \"audience\": \"맛집을 도는 손님 · 차량 필요\", \"why\": \"끼니가 중심입니다. 사이에 걸을 자리를 넣어 배를 비웁니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"15:30\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 46, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 물밀소\", \"minutes\": 40, \"moveMinutes\": 4, \"latitude\": 35.9845243, \"longitude\": 126.7073211, \"note\": \"저온숙성 빵을 골라 나옵니다. 마당에서 먹을 것으로 두어 개 더 삽니다.\", \"searchQuery\": \"군산 물밀소\"}, {\"name\": \"오후 · 초원사진관\", \"minutes\": 34, \"moveMinutes\": 6, \"latitude\": 35.987737, \"longitude\": 126.7083826, \"note\": \"안에 들어가 사진관 세트에서 한 장 찍습니다. 걸어서 3분입니다.\", \"searchQuery\": \"군산 초원사진관\"}, {\"name\": \"저녁 · 명월갈비\", \"minutes\": 86, \"moveMinutes\": 3, \"latitude\": 35.9863914, \"longitude\": 126.7101663, \"note\": \"한우 양념갈비 한 상을 시킵니다. 이 집은 단품 하나로 버텨 왔습니다.\", \"searchQuery\": \"군산 명월갈비\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 46, \"moveMinutes\": 11, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 34, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"10:20\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 69, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"부엌에서 아침을 차려 먹고 마당에서 커피를 내려 마신 뒤 나섭니다.\"}, {\"name\": \"오전 · 군산 시간여행마을\", \"minutes\": 69, \"moveMinutes\": 7, \"latitude\": 35.9883192, \"longitude\": 126.7109377, \"note\": \"골목을 정해 두지 말고 걷습니다. 1930년대 간판을 그대로 단 가게가 이어집니다.\", \"searchQuery\": \"군산 시간여행마을\"}, {\"name\": \"점심 · 일흥옥\", \"minutes\": 57, \"moveMinutes\": 6, \"latitude\": 35.9851498, \"longitude\": 126.7091839, \"note\": \"소고기 국밥으로 저녁을 먹습니다. 백년가게로 지정된 집입니다.\", \"searchQuery\": \"군산 일흥옥\"}, {\"name\": \"오후 · 이성당\", \"minutes\": 40, \"moveMinutes\": 4, \"latitude\": 35.9870443, \"longitude\": 126.7111681, \"note\": \"단팥빵과 야채빵을 사서 나옵니다. 갓 나오는 시간에 맞추면 줄이 짧습니다.\", \"searchQuery\": \"군산 이성당\"}, {\"name\": \"오후 · 우체통거리\", \"minutes\": 29, \"moveMinutes\": 3, \"latitude\": 35.9859965, \"longitude\": 126.7119708, \"note\": \"주민들이 손질해 내놓은 우체통을 따라 걷습니다. 엽서를 부치고 가도 됩니다.\", \"searchQuery\": \"군산 우체통거리\"}, {\"name\": \"쉼 · 스테이 머뭄\", \"minutes\": 127, \"moveMinutes\": 8, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"숙소로 돌아와 마당 평상이나 창고형 카페 공간에서 쉽니다.\"}, {\"name\": \"저녁 · 빈해원\", \"minutes\": 80, \"moveMinutes\": 11, \"latitude\": 35.9888841, \"longitude\": 126.7139765, \"note\": \"2층 홀에 앉아 짬뽕이나 잡채밥을 시킵니다. 건물 자체가 문화재입니다.\", \"searchQuery\": \"군산 빈해원\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 34, \"moveMinutes\": 11, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"셋째 날\", \"startTime\": \"08:40\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 104, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 차에 싣고 그대로 나섭니다.\"}, {\"name\": \"오전 · 동국사\", \"minutes\": 50, \"moveMinutes\": 6, \"latitude\": 35.9827663, \"longitude\": 126.7074296, \"note\": \"대웅전 처마와 대나무 숲을 봅니다. 종각까지 돌면 35분입니다.\", \"searchQuery\": \"군산 동국사\"}, {\"name\": \"점심 · 국제반점\", \"minutes\": 63, \"moveMinutes\": 10, \"latitude\": 35.98811, \"longitude\": 126.7108985, \"note\": \"영화 「타짜」에 나온 홀에서 짜장과 탕수육을 시킵니다.\", \"searchQuery\": \"군산 국제반점\"}, {\"name\": \"오후 · 군산근대역사박물관\", \"minutes\": 103, \"moveMinutes\": 5, \"latitude\": 35.9908197, \"longitude\": 126.7121232, \"note\": \"3층부터 내려오며 봅니다. 항구가 어떻게 생겼는지 여기서 먼저 잡고 나갑니다.\", \"searchQuery\": \"군산근대역사박물관\"}]}]}, {\"name\": \"아무 데도 안 가는 2박 3일\", \"duration\": \"2박 3일\", \"audience\": \"쉬려고만 오는 손님 · 차량 필요\", \"why\": \"가운데 날은 대문 밖으로 두 번만 나갑니다. 나머지는 마당과 카페 공간에서 보냅니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"15:00\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 50, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 히로쓰 가옥\", \"minutes\": 45, \"moveMinutes\": 3, \"latitude\": 35.9861696, \"longitude\": 126.7060575, \"note\": \"담 하나 건너입니다. 마당과 다다미방을 둘러보고 2층 계단까지 올라가 봅니다.\", \"searchQuery\": \"군산 신흥동 일본식가옥\"}, {\"name\": \"오후 · 초원사진관\", \"minutes\": 45, \"moveMinutes\": 4, \"latitude\": 35.987737, \"longitude\": 126.7083826, \"note\": \"안에 들어가 사진관 세트에서 한 장 찍습니다. 걸어서 3분입니다.\", \"searchQuery\": \"군산 초원사진관\"}, {\"name\": \"저녁 · 도란\", \"minutes\": 96, \"moveMinutes\": 3, \"latitude\": 35.986822, \"longitude\": 126.70751, \"note\": \"감바스와 부채살 스테이크에 와인 한 잔으로 저녁을 마무리합니다.\", \"searchQuery\": \"군산 도란\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 48, \"moveMinutes\": 14, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 36, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"09:30\", \"stops\": [{\"name\": \"머뭄에서 쉬는 날 · 스테이 머뭄\", \"minutes\": 232, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"오늘은 나가지 않습니다. 마당 평상과 창고형 카페 공간에서 책을 읽고 낮잠을 잡니다.\"}, {\"name\": \"점심 · 만남스넥\", \"minutes\": 44, \"moveMinutes\": 6, \"latitude\": 35.9841788, \"longitude\": 126.7097763, \"note\": \"군산식 잡탕 한 냄비를 시킵니다. 떡·만두·라면이 같이 끓어 나옵니다.\", \"searchQuery\": \"군산 만남스넥\"}, {\"name\": \"쉼 · 스테이 머뭄\", \"minutes\": 187, \"moveMinutes\": 6, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"숙소로 돌아와 마당 평상이나 창고형 카페 공간에서 쉽니다.\"}, {\"name\": \"저녁 · 일흥옥\", \"minutes\": 55, \"moveMinutes\": 5, \"latitude\": 35.9851498, \"longitude\": 126.7091839, \"note\": \"소고기 국밥으로 저녁을 먹습니다. 백년가게로 지정된 집입니다.\", \"searchQuery\": \"군산 일흥옥\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 33, \"moveMinutes\": 5, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"셋째 날\", \"startTime\": \"09:00\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 98, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 차에 싣고 그대로 나섭니다.\"}, {\"name\": \"오전 · 동국사\", \"minutes\": 46, \"moveMinutes\": 6, \"latitude\": 35.9827663, \"longitude\": 126.7074296, \"note\": \"대웅전 처마와 대나무 숲을 봅니다. 종각까지 돌면 35분입니다.\", \"searchQuery\": \"군산 동국사\"}, {\"name\": \"점심 · 물밀소\", \"minutes\": 46, \"moveMinutes\": 3, \"latitude\": 35.9845243, \"longitude\": 126.7073211, \"note\": \"저온숙성 빵을 골라 나옵니다. 마당에서 먹을 것으로 두어 개 더 삽니다.\", \"searchQuery\": \"군산 물밀소\"}, {\"name\": \"오후 · 월명호수\", \"minutes\": 65, \"moveMinutes\": 9, \"latitude\": 35.9766391, \"longitude\": 126.6913696, \"note\": \"호수를 한 바퀴 돕니다. 천천히 걸어 40분 코스입니다.\", \"searchQuery\": \"군산 월명호수\"}]}]}, {\"name\": \"사진만 찍는 2박 3일\", \"duration\": \"2박 3일\", \"audience\": \"사진을 찍는 손님 · 차량 필요\", \"why\": \"시간대에 맞춰 자리를 배치했습니다. 철길마을은 오전, 부잔교는 해 질 때입니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"15:50\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 32, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 초원사진관\", \"minutes\": 24, \"moveMinutes\": 4, \"latitude\": 35.987737, \"longitude\": 126.7083826, \"note\": \"안에 들어가 사진관 세트에서 한 장 찍습니다. 걸어서 3분입니다.\", \"searchQuery\": \"군산 초원사진관\"}, {\"name\": \"오후 · 동국사\", \"minutes\": 28, \"moveMinutes\": 8, \"latitude\": 35.9827663, \"longitude\": 126.7074296, \"note\": \"대웅전 처마와 대나무 숲을 봅니다. 종각까지 돌면 35분입니다.\", \"searchQuery\": \"군산 동국사\"}, {\"name\": \"저녁 · 도란\", \"minutes\": 64, \"moveMinutes\": 7, \"latitude\": 35.986822, \"longitude\": 126.70751, \"note\": \"감바스와 부채살 스테이크에 와인 한 잔으로 저녁을 마무리합니다.\", \"searchQuery\": \"군산 도란\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 32, \"moveMinutes\": 14, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 24, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"09:40\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 48, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"부엌에서 아침을 차려 먹고 마당에서 커피를 내려 마신 뒤 나섭니다.\"}, {\"name\": \"오전 · 경암동 철길마을\", \"minutes\": 40, \"moveMinutes\": 12, \"latitude\": 35.981352, \"longitude\": 126.7362331, \"note\": \"선로를 따라 걸으며 옛 간판을 봅니다. 교복을 빌려 입고 찍는 집이 여럿입니다.\", \"searchQuery\": \"군산 경암동 철길마을\"}, {\"name\": \"점심 · 만남스넥\", \"minutes\": 43, \"moveMinutes\": 11, \"latitude\": 35.9841788, \"longitude\": 126.7097763, \"note\": \"군산식 잡탕 한 냄비를 시킵니다. 떡·만두·라면이 같이 끓어 나옵니다.\", \"searchQuery\": \"군산 만남스넥\"}, {\"name\": \"오후 · 째보선창\", \"minutes\": 45, \"moveMinutes\": 15, \"latitude\": 35.9875345, \"longitude\": 126.7199875, \"note\": \"선창을 따라 걷습니다. 아직 배가 드나드는 자리라 아침이 더 볼 게 많습니다.\", \"searchQuery\": \"군산 째보선창\"}, {\"name\": \"오후 · 해망굴\", \"minutes\": 30, \"moveMinutes\": 21, \"latitude\": 35.9913181, \"longitude\": 126.705, \"note\": \"굴을 걸어서 통과해 반대편 항구 쪽으로 나옵니다.\", \"searchQuery\": \"군산 해망굴\"}, {\"name\": \"쉼 · 스테이 머뭄\", \"minutes\": 190, \"moveMinutes\": 8, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"숙소로 돌아와 마당 평상이나 창고형 카페 공간에서 쉽니다.\"}, {\"name\": \"저녁 · 국제반점\", \"minutes\": 45, \"moveMinutes\": 7, \"latitude\": 35.98811, \"longitude\": 126.7108985, \"note\": \"영화 「타짜」에 나온 홀에서 짜장과 탕수육을 시킵니다.\", \"searchQuery\": \"군산 국제반점\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 24, \"moveMinutes\": 7, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"셋째 날\", \"startTime\": \"08:50\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 108, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 차에 싣고 그대로 나섭니다.\"}, {\"name\": \"오전 · 우체통거리\", \"minutes\": 40, \"moveMinutes\": 8, \"latitude\": 35.9859965, \"longitude\": 126.7119708, \"note\": \"주민들이 손질해 내놓은 우체통을 따라 걷습니다. 엽서를 부치고 가도 됩니다.\", \"searchQuery\": \"군산 우체통거리\"}, {\"name\": \"점심 · 일흥옥\", \"minutes\": 40, \"moveMinutes\": 4, \"latitude\": 35.9851498, \"longitude\": 126.7091839, \"note\": \"소고기 국밥으로 저녁을 먹습니다. 백년가게로 지정된 집입니다.\", \"searchQuery\": \"군산 일흥옥\"}, {\"name\": \"오후 · 군산근대미술관\", \"minutes\": 36, \"moveMinutes\": 8, \"latitude\": 35.9899368, \"longitude\": 126.7108, \"note\": \"옛 18은행 건물 안 전시를 봅니다. 마당 벤치에서 한 번 쉬어 갑니다.\", \"searchQuery\": \"군산근대미술관\"}]}]}, {\"name\": \"비가 와도 되는 2박 3일\", \"duration\": \"2박 3일\", \"audience\": \"비 예보를 보고 오는 손님 · 차량 필요\", \"why\": \"사흘 내리 비가 와도 도는 순서가 바뀌지 않습니다. 실내와 처마 밑만 잇습니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"15:00\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 40, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 군산근대역사박물관\", \"minutes\": 90, \"moveMinutes\": 11, \"latitude\": 35.9908197, \"longitude\": 126.7121232, \"note\": \"3층부터 내려오며 봅니다. 항구가 어떻게 생겼는지 여기서 먼저 잡고 나갑니다.\", \"searchQuery\": \"군산근대역사박물관\"}, {\"name\": \"오후 · 군산근대미술관\", \"minutes\": 45, \"moveMinutes\": 3, \"latitude\": 35.9899368, \"longitude\": 126.7108, \"note\": \"옛 18은행 건물 안 전시를 봅니다. 마당 벤치에서 한 번 쉬어 갑니다.\", \"searchQuery\": \"군산근대미술관\"}, {\"name\": \"저녁 · 빈해원\", \"minutes\": 70, \"moveMinutes\": 5, \"latitude\": 35.9888841, \"longitude\": 126.7139765, \"note\": \"2층 홀에 앉아 짬뽕이나 잡채밥을 시킵니다. 건물 자체가 문화재입니다.\", \"searchQuery\": \"군산 빈해원\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 40, \"moveMinutes\": 5, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 30, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"10:10\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 72, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"부엌에서 아침을 차려 먹고 마당에서 커피를 내려 마신 뒤 나섭니다.\"}, {\"name\": \"오전 · 군산근대건축관\", \"minutes\": 54, \"moveMinutes\": 10, \"latitude\": 35.9894202, \"longitude\": 126.7121232, \"note\": \"옛 조선은행 금고와 은행 창구를 봅니다. 2층 전시까지 보면 45분입니다.\", \"searchQuery\": \"군산근대건축관\"}, {\"name\": \"점심 · 일흥옥\", \"minutes\": 60, \"moveMinutes\": 8, \"latitude\": 35.9851498, \"longitude\": 126.7091839, \"note\": \"소고기 국밥으로 저녁을 먹습니다. 백년가게로 지정된 집입니다.\", \"searchQuery\": \"군산 일흥옥\"}, {\"name\": \"오후 · 째보선창 근처 카페\", \"minutes\": 72, \"moveMinutes\": 15, \"latitude\": 35.9875345, \"longitude\": 126.7199875, \"note\": \"창가에 앉아 비가 그칠 때까지 기다립니다. 항구가 보이는 자리입니다.\", \"searchQuery\": \"군산 째보선창 카페\"}, {\"name\": \"오후 · 동국사다온\", \"minutes\": 48, \"moveMinutes\": 8, \"latitude\": 35.9860907, \"longitude\": 126.71444, \"note\": \"대추차나 오미자차를 시켜 절 마당을 보며 마십니다.\", \"searchQuery\": \"군산 동국사 다온\"}, {\"name\": \"쉼 · 스테이 머뭄\", \"minutes\": 84, \"moveMinutes\": 11, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"숙소로 돌아와 마당 평상이나 창고형 카페 공간에서 쉽니다.\"}, {\"name\": \"저녁 · 명월갈비\", \"minutes\": 90, \"moveMinutes\": 5, \"latitude\": 35.9863914, \"longitude\": 126.7101663, \"note\": \"한우 양념갈비 한 상을 시킵니다. 이 집은 단품 하나로 버텨 왔습니다.\", \"searchQuery\": \"군산 명월갈비\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 36, \"moveMinutes\": 5, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"셋째 날\", \"startTime\": \"09:40\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 80, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 차에 싣고 그대로 나섭니다.\"}, {\"name\": \"오전 · 채만식문학관\", \"minutes\": 72, \"moveMinutes\": 18, \"latitude\": 36.0085981, \"longitude\": 126.7578853, \"note\": \"배 모양 전시관을 돌고 금강 쪽 데크로 나가 강을 봅니다.\", \"searchQuery\": \"군산 채만식문학관\"}, {\"name\": \"점심 · 한일옥\", \"minutes\": 60, \"moveMinutes\": 17, \"latitude\": 35.9874081, \"longitude\": 126.71, \"note\": \"무국으로 아침 겸 점심을 엽니다. 줄이 있으면 이름을 적고 기다립니다.\", \"searchQuery\": \"군산 한일옥\"}, {\"name\": \"오후 · 이성당\", \"minutes\": 42, \"moveMinutes\": 3, \"latitude\": 35.9870443, \"longitude\": 126.7111681, \"note\": \"단팥빵과 야채빵을 사서 나옵니다. 갓 나오는 시간에 맞추면 줄이 짧습니다.\", \"searchQuery\": \"군산 이성당\"}]}]}, {\"name\": \"늦게 시작하는 2박 3일\", \"duration\": \"2박 3일\", \"audience\": \"아침이 힘든 손님 · 도보로 충분 (차 없이 가능)\", \"why\": \"가운데 날을 열한 시에 엽니다. 오전을 비우고 저녁을 늦게까지 씁니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"16:00\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 40, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 히로쓰 가옥\", \"minutes\": 30, \"moveMinutes\": 3, \"latitude\": 35.9861696, \"longitude\": 126.7060575, \"note\": \"담 하나 건너입니다. 마당과 다다미방을 둘러보고 2층 계단까지 올라가 봅니다.\", \"searchQuery\": \"군산 신흥동 일본식가옥\"}, {\"name\": \"오후 · 우체통거리\", \"minutes\": 25, \"moveMinutes\": 8, \"latitude\": 35.9859965, \"longitude\": 126.7119708, \"note\": \"주민들이 손질해 내놓은 우체통을 따라 걷습니다. 엽서를 부치고 가도 됩니다.\", \"searchQuery\": \"군산 우체통거리\"}, {\"name\": \"저녁 · 도란\", \"minutes\": 80, \"moveMinutes\": 6, \"latitude\": 35.986822, \"longitude\": 126.70751, \"note\": \"감바스와 부채살 스테이크에 와인 한 잔으로 저녁을 마무리합니다.\", \"searchQuery\": \"군산 도란\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 40, \"moveMinutes\": 14, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 30, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"10:30\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 60, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"부엌에서 아침을 차려 먹고 마당에서 커피를 내려 마신 뒤 나섭니다.\"}, {\"name\": \"점심 · 일흥옥\", \"minutes\": 50, \"moveMinutes\": 5, \"latitude\": 35.9851498, \"longitude\": 126.7091839, \"note\": \"소고기 국밥으로 저녁을 먹습니다. 백년가게로 지정된 집입니다.\", \"searchQuery\": \"군산 일흥옥\"}, {\"name\": \"오후 · 군산근대역사박물관\", \"minutes\": 90, \"moveMinutes\": 10, \"latitude\": 35.9908197, \"longitude\": 126.7121232, \"note\": \"3층부터 내려오며 봅니다. 항구가 어떻게 생겼는지 여기서 먼저 잡고 나갑니다.\", \"searchQuery\": \"군산근대역사박물관\"}, {\"name\": \"오후 · 해망굴\", \"minutes\": 20, \"moveMinutes\": 10, \"latitude\": 35.9913181, \"longitude\": 126.705, \"note\": \"굴을 걸어서 통과해 반대편 항구 쪽으로 나옵니다.\", \"searchQuery\": \"군산 해망굴\"}, {\"name\": \"쉼 · 스테이 머뭄\", \"minutes\": 156, \"moveMinutes\": 8, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"숙소로 돌아와 마당 평상이나 창고형 카페 공간에서 쉽니다.\"}, {\"name\": \"저녁 · 빈해원\", \"minutes\": 70, \"moveMinutes\": 11, \"latitude\": 35.9888841, \"longitude\": 126.7139765, \"note\": \"2층 홀에 앉아 짬뽕이나 잡채밥을 시킵니다. 건물 자체가 문화재입니다.\", \"searchQuery\": \"군산 빈해원\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 30, \"moveMinutes\": 11, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"셋째 날\", \"startTime\": \"10:10\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 50, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 맡겨 두고 나섰다가 저녁에 찾아 가세요.\"}, {\"name\": \"오전 · 이성당\", \"minutes\": 35, \"moveMinutes\": 7, \"latitude\": 35.9870443, \"longitude\": 126.7111681, \"note\": \"단팥빵과 야채빵을 사서 나옵니다. 갓 나오는 시간에 맞추면 줄이 짧습니다.\", \"searchQuery\": \"군산 이성당\"}, {\"name\": \"점심 · 만남스넥\", \"minutes\": 40, \"moveMinutes\": 5, \"latitude\": 35.9841788, \"longitude\": 126.7097763, \"note\": \"군산식 잡탕 한 냄비를 시킵니다. 떡·만두·라면이 같이 끓어 나옵니다.\", \"searchQuery\": \"군산 만남스넥\"}, {\"name\": \"오후 · 초원사진관\", \"minutes\": 30, \"moveMinutes\": 6, \"latitude\": 35.987737, \"longitude\": 126.7083826, \"note\": \"안에 들어가 사진관 세트에서 한 장 찍습니다. 걸어서 3분입니다.\", \"searchQuery\": \"군산 초원사진관\"}, {\"name\": \"마무리 · 스테이 머뭄\", \"minutes\": 40, \"moveMinutes\": 4, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"맡겨 둔 짐을 찾고, 마당 평상에 한 번 더 앉았다 나섭니다.\"}]}]}, {\"name\": \"섬에서 하루를 다 쓰는 2박 3일\", \"duration\": \"2박 3일\", \"audience\": \"차를 가져온 손님 · 차량 필요\", \"why\": \"가운데 날은 아침에 나가 저녁에 들어옵니다. 섬에서 하루를 통째로 씁니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"15:00\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 38, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 군산 내항 부잔교\", \"minutes\": 36, \"moveMinutes\": 16, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"뜬다리 위를 끝까지 걸어 나갔다 돌아옵니다. 조수에 따라 다리가 오르내립니다.\", \"searchQuery\": \"군산 내항 부잔교\"}, {\"name\": \"오후 · 해망굴\", \"minutes\": 30, \"moveMinutes\": 17, \"latitude\": 35.9913181, \"longitude\": 126.705, \"note\": \"굴을 걸어서 통과해 반대편 항구 쪽으로 나옵니다.\", \"searchQuery\": \"군산 해망굴\"}, {\"name\": \"저녁 · 빈해원\", \"minutes\": 66, \"moveMinutes\": 13, \"latitude\": 35.9888841, \"longitude\": 126.7139765, \"note\": \"2층 홀에 앉아 짬뽕이나 잡채밥을 시킵니다. 건물 자체가 문화재입니다.\", \"searchQuery\": \"군산 빈해원\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 38, \"moveMinutes\": 5, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 28, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"07:30\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 57, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"부엌에서 아침을 차려 먹고 마당에서 커피를 내려 마신 뒤 나섭니다.\"}, {\"name\": \"오전 · 고군산군도 선유도\", \"minutes\": 142, \"moveMinutes\": 84, \"latitude\": 35.810205, \"longitude\": 126.4124053, \"note\": \"다리를 건너 들어갑니다. 망주봉 아래 해변을 걷고 스카이라인을 탑니다.\", \"searchQuery\": \"군산 선유도\"}, {\"name\": \"오후 · 장자도\", \"minutes\": 48, \"moveMinutes\": 20, \"latitude\": 35.8101, \"longitude\": 126.3973, \"note\": \"대장봉까지 올라갔다 내려옵니다. 섬과 섬 사이를 걸어 넘습니다.\", \"searchQuery\": \"군산 장자도\"}, {\"name\": \"늦은 점심 · 한일옥\", \"minutes\": 48, \"moveMinutes\": 88, \"latitude\": 35.9874081, \"longitude\": 126.71, \"note\": \"무국으로 아침 겸 점심을 엽니다. 줄이 있으면 이름을 적고 기다립니다.\", \"searchQuery\": \"군산 한일옥\"}, {\"name\": \"쉼 · 스테이 머뭄\", \"minutes\": 170, \"moveMinutes\": 5, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"숙소로 돌아와 마당 평상이나 창고형 카페 공간에서 쉽니다.\"}, {\"name\": \"저녁 · 명월갈비\", \"minutes\": 71, \"moveMinutes\": 5, \"latitude\": 35.9863914, \"longitude\": 126.7101663, \"note\": \"한우 양념갈비 한 상을 시킵니다. 이 집은 단품 하나로 버텨 왔습니다.\", \"searchQuery\": \"군산 명월갈비\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 28, \"moveMinutes\": 5, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"셋째 날\", \"startTime\": \"09:40\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 71, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 차에 싣고 그대로 나섭니다.\"}, {\"name\": \"오전 · 군산근대건축관\", \"minutes\": 43, \"moveMinutes\": 10, \"latitude\": 35.9894202, \"longitude\": 126.7121232, \"note\": \"옛 조선은행 금고와 은행 창구를 봅니다. 2층 전시까지 보면 45분입니다.\", \"searchQuery\": \"군산근대건축관\"}, {\"name\": \"점심 · 만남스넥\", \"minutes\": 38, \"moveMinutes\": 9, \"latitude\": 35.9841788, \"longitude\": 126.7097763, \"note\": \"군산식 잡탕 한 냄비를 시킵니다. 떡·만두·라면이 같이 끓어 나옵니다.\", \"searchQuery\": \"군산 만남스넥\"}, {\"name\": \"오후 · 경암동 철길마을\", \"minutes\": 48, \"moveMinutes\": 11, \"latitude\": 35.981352, \"longitude\": 126.7362331, \"note\": \"선로를 따라 걸으며 옛 간판을 봅니다. 교복을 빌려 입고 찍는 집이 여럿입니다.\", \"searchQuery\": \"군산 경암동 철길마을\"}]}]}, {\"name\": \"소설 『탁류』를 따라 걷는 2박 3일\", \"duration\": \"2박 3일\", \"audience\": \"채만식을 읽어 본 손님 · 도보로 충분 (차 없이 가능)\", \"why\": \"소설의 순서대로 사흘을 나눴습니다. 선창에서 시작해 문학관에서 끝냅니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"15:00\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 44, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 째보선창\", \"minutes\": 33, \"moveMinutes\": 19, \"latitude\": 35.9875345, \"longitude\": 126.7199875, \"note\": \"선창을 따라 걷습니다. 아직 배가 드나드는 자리라 아침이 더 볼 게 많습니다.\", \"searchQuery\": \"군산 째보선창\"}, {\"name\": \"오후 · 군산 내항 부잔교\", \"minutes\": 38, \"moveMinutes\": 5, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"뜬다리 위를 끝까지 걸어 나갔다 돌아옵니다. 조수에 따라 다리가 오르내립니다.\", \"searchQuery\": \"군산 내항 부잔교\"}, {\"name\": \"저녁 · 일흥옥\", \"minutes\": 55, \"moveMinutes\": 13, \"latitude\": 35.9851498, \"longitude\": 126.7091839, \"note\": \"소고기 국밥으로 저녁을 먹습니다. 백년가게로 지정된 집입니다.\", \"searchQuery\": \"군산 일흥옥\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 44, \"moveMinutes\": 13, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 33, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"09:30\", \"stops\": [{\"name\": \"머뭄에서 쉬는 날 · 스테이 머뭄\", \"minutes\": 231, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"오늘은 나가지 않습니다. 마당 평상과 창고형 카페 공간에서 책을 읽고 낮잠을 잡니다.\"}, {\"name\": \"점심 · 한일옥\", \"minutes\": 55, \"moveMinutes\": 5, \"latitude\": 35.9874081, \"longitude\": 126.71, \"note\": \"무국으로 아침 겸 점심을 엽니다. 줄이 있으면 이름을 적고 기다립니다.\", \"searchQuery\": \"군산 한일옥\"}, {\"name\": \"쉼 · 스테이 머뭄\", \"minutes\": 173, \"moveMinutes\": 5, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"숙소로 돌아와 마당 평상이나 창고형 카페 공간에서 쉽니다.\"}, {\"name\": \"저녁 · 빈해원\", \"minutes\": 77, \"moveMinutes\": 11, \"latitude\": 35.9888841, \"longitude\": 126.7139765, \"note\": \"2층 홀에 앉아 짬뽕이나 잡채밥을 시킵니다. 건물 자체가 문화재입니다.\", \"searchQuery\": \"군산 빈해원\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 33, \"moveMinutes\": 11, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"셋째 날\", \"startTime\": \"08:30\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 82, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 맡겨 두고 나섰다가 저녁에 찾아 가세요.\"}, {\"name\": \"오전 · 군산근대역사박물관\", \"minutes\": 99, \"moveMinutes\": 11, \"latitude\": 35.9908197, \"longitude\": 126.7121232, \"note\": \"3층부터 내려오며 봅니다. 항구가 어떻게 생겼는지 여기서 먼저 잡고 나갑니다.\", \"searchQuery\": \"군산근대역사박물관\"}, {\"name\": \"점심 · 국제반점\", \"minutes\": 61, \"moveMinutes\": 5, \"latitude\": 35.98811, \"longitude\": 126.7108985, \"note\": \"영화 「타짜」에 나온 홀에서 짜장과 탕수육을 시킵니다.\", \"searchQuery\": \"군산 국제반점\"}, {\"name\": \"오후 · 초원사진관\", \"minutes\": 33, \"moveMinutes\": 3, \"latitude\": 35.987737, \"longitude\": 126.7083826, \"note\": \"안에 들어가 사진관 세트에서 한 장 찍습니다. 걸어서 3분입니다.\", \"searchQuery\": \"군산 초원사진관\"}, {\"name\": \"마무리 · 스테이 머뭄\", \"minutes\": 44, \"moveMinutes\": 4, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"맡겨 둔 짐을 찾고, 마당 평상에 한 번 더 앉았다 나섭니다.\"}]}]}, {\"name\": \"철길마을과 항구를 같이 보는 2박 3일\", \"duration\": \"2박 3일\", \"audience\": \"사진을 찍는 손님 · 차량 필요\", \"why\": \"기찻길과 물길을 하루씩 나눠 봅니다. 마지막 날은 건물만 봅니다.\", \"days\": [{\"label\": \"첫째 날\", \"startTime\": \"16:00\", \"stops\": [{\"name\": \"체크인 · 스테이 머뭄\", \"minutes\": 36, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"짐을 풀고 마당과 창고형 카페 공간을 한 바퀴 돕니다.\"}, {\"name\": \"오후 · 경암동 철길마을\", \"minutes\": 45, \"moveMinutes\": 12, \"latitude\": 35.981352, \"longitude\": 126.7362331, \"note\": \"선로를 따라 걸으며 옛 간판을 봅니다. 교복을 빌려 입고 찍는 집이 여럿입니다.\", \"searchQuery\": \"군산 경암동 철길마을\"}, {\"name\": \"오후 · 초원사진관\", \"minutes\": 27, \"moveMinutes\": 11, \"latitude\": 35.987737, \"longitude\": 126.7083826, \"note\": \"안에 들어가 사진관 세트에서 한 장 찍습니다. 걸어서 3분입니다.\", \"searchQuery\": \"군산 초원사진관\"}, {\"name\": \"저녁 · 국제반점\", \"minutes\": 50, \"moveMinutes\": 3, \"latitude\": 35.98811, \"longitude\": 126.7108985, \"note\": \"영화 「타짜」에 나온 홀에서 짜장과 탕수육을 시킵니다.\", \"searchQuery\": \"군산 국제반점\"}, {\"name\": \"밤 산책 · 군산 내항\", \"minutes\": 36, \"moveMinutes\": 9, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"조명이 들어온 부잔교를 따라 걷습니다. 낮과 아주 다른 자리입니다.\", \"searchQuery\": \"군산 내항\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 27, \"moveMinutes\": 16, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"둘째 날\", \"startTime\": \"09:40\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 54, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"부엌에서 아침을 차려 먹고 마당에서 커피를 내려 마신 뒤 나섭니다.\"}, {\"name\": \"오전 · 군산 내항 부잔교\", \"minutes\": 32, \"moveMinutes\": 16, \"latitude\": 35.9892997, \"longitude\": 126.7174508, \"note\": \"뜬다리 위를 끝까지 걸어 나갔다 돌아옵니다. 조수에 따라 다리가 오르내립니다.\", \"searchQuery\": \"군산 내항 부잔교\"}, {\"name\": \"점심 · 한일옥\", \"minutes\": 45, \"moveMinutes\": 11, \"latitude\": 35.9874081, \"longitude\": 126.71, \"note\": \"무국으로 아침 겸 점심을 엽니다. 줄이 있으면 이름을 적고 기다립니다.\", \"searchQuery\": \"군산 한일옥\"}, {\"name\": \"오후 · 째보선창\", \"minutes\": 45, \"moveMinutes\": 13, \"latitude\": 35.9875345, \"longitude\": 126.7199875, \"note\": \"선창을 따라 걷습니다. 아직 배가 드나드는 자리라 아침이 더 볼 게 많습니다.\", \"searchQuery\": \"군산 째보선창\"}, {\"name\": \"오후 · 해망굴\", \"minutes\": 30, \"moveMinutes\": 21, \"latitude\": 35.9913181, \"longitude\": 126.705, \"note\": \"굴을 걸어서 통과해 반대편 항구 쪽으로 나옵니다.\", \"searchQuery\": \"군산 해망굴\"}, {\"name\": \"쉼 · 스테이 머뭄\", \"minutes\": 190, \"moveMinutes\": 8, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"숙소로 돌아와 마당 평상이나 창고형 카페 공간에서 쉽니다.\"}, {\"name\": \"저녁 · 명월갈비\", \"minutes\": 68, \"moveMinutes\": 5, \"latitude\": 35.9863914, \"longitude\": 126.7101663, \"note\": \"한우 양념갈비 한 상을 시킵니다. 이 집은 단품 하나로 버텨 왔습니다.\", \"searchQuery\": \"군산 명월갈비\"}, {\"name\": \"머뭄으로 · 스테이 머뭄\", \"minutes\": 27, \"moveMinutes\": 5, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"돌아와 마당 평상에 앉습니다. 항구 소리가 여기까지 옵니다.\"}]}, {\"label\": \"셋째 날\", \"startTime\": \"09:30\", \"stops\": [{\"name\": \"아침 · 스테이 머뭄\", \"minutes\": 68, \"moveMinutes\": 0, \"latitude\": 35.9864175, \"longitude\": 126.7061254, \"note\": \"아침을 차려 먹고 11시 전에 퇴실합니다. 짐은 차에 싣고 그대로 나섭니다.\"}, {\"name\": \"오전 · 구 군산세관 본관\", \"minutes\": 27, \"moveMinutes\": 13, \"latitude\": 35.9915088, \"longitude\": 126.7135, \"note\": \"빨간 벽돌 본관을 한 바퀴 돌고 앞마당에서 사진을 찍습니다.\", \"searchQuery\": \"구 군산세관\"}, {\"name\": \"점심 · 일흥옥\", \"minutes\": 45, \"moveMinutes\": 12, \"latitude\": 35.9851498, \"longitude\": 126.7091839, \"note\": \"소고기 국밥으로 저녁을 먹습니다. 백년가게로 지정된 집입니다.\", \"searchQuery\": \"군산 일흥옥\"}, {\"name\": \"오후 · 군산근대미술관\", \"minutes\": 40, \"moveMinutes\": 8, \"latitude\": 35.9899368, \"longitude\": 126.7108, \"note\": \"옛 18은행 건물 안 전시를 봅니다. 마당 벤치에서 한 번 쉬어 갑니다.\", \"searchQuery\": \"군산근대미술관\"}]}]}]}"}, {"id": "story", "name": "군산 이야기", "enabled": false, "locked": false}, {"id": "reading", "name": "군산 읽기", "enabled": false, "locked": false, "data": "{\"kind\": \"reading\", \"version\": 1, \"title\": \"군산 읽기\", \"subtitle\": \"이 도시를 쓴 사람과 이 도시가 낳은 사람\", \"groups\": [{\"name\": \"문학\", \"note\": \"이 도시를 쓴 사람과 그 자리\"}], \"items\": [{\"group\": \"문학\", \"title\": \"채만식 『탁류』\", \"body\": \"일제강점기 군산을 무대로 한 장편소설입니다. 쌀을 사고팔던 미두장을 중심으로, 가족을 지키려던 초봉이 시대의 소용돌이에 휩쓸려 무너지는 과정을 그렸습니다. 제목은 금강 하류의 흙탕물을 가리키는 말이자 그 물살에 휩쓸려 가는 사람들을 함께 가리키는 이중의 뜻으로, 맑았던 강물이 하구에서 흐려지듯 인물들도 욕망 앞에서 하나씩 무너져 갑니다. 웃기면서 찌르는 문장으로 식민지 도시의 부조리를 드러내는 것이 채만식의 방식이고, 『레디메이드 인생』·『태평천하』 같은 다른 대표작에서도 이어집니다. 개항장 군산의 실제 지명과 풍경 위에 신문 연재로 펼쳐진 이야기입니다.\", \"source\": {\"name\": \"네이버에서 찾아보기\", \"url\": \"https://search.naver.com/search.naver?query=%EC%B1%84%EB%A7%8C%EC%8B%9D%20%E3%80%8E%ED%83%81%EB%A5%98%E3%80%8F%20%EA%B5%B0%EC%82%B0\"}, \"year\": 1937}, {\"group\": \"문학\", \"title\": \"백릉 채만식\", \"body\": \"1902년 옥구(지금의 군산) 임피에서 태어난 소설가입니다. 호는 백릉이고, 잡지에 작품을 발표하며 문단에 나서 세태를 꼬집는 풍자 소설로 이름을 알렸습니다. 광복 뒤에는 고향 인근에 머물다 1950년 세상을 떠났습니다.\", \"source\": {\"name\": \"네이버에서 찾아보기\", \"url\": \"https://search.naver.com/search.naver?query=%EB%B0%B1%EB%A6%89%20%EC%B1%84%EB%A7%8C%EC%8B%9D%20%EA%B5%B0%EC%82%B0\"}, \"year\": 1902}, {\"group\": \"문학\", \"title\": \"채만식문학관\", \"body\": \"금강 하구 옆, 작가가 나고 자란 임피 인근에 선 문학관입니다. 생애를 따라가는 전시실과 『탁류』를 비롯한 작품의 여러 판본을 한자리에서 볼 수 있습니다. 군산이 낳은 다른 작가·시인을 소개하는 자리도 함께 있습니다.\", \"source\": {\"name\": \"네이버에서 찾아보기\", \"url\": \"https://search.naver.com/search.naver?query=%EC%B1%84%EB%A7%8C%EC%8B%9D%EB%AC%B8%ED%95%99%EA%B4%80%20%EA%B5%B0%EC%82%B0\"}}, {\"group\": \"문학\", \"title\": \"탁류길\", \"body\": \"소설 속 공간을 실제 걷는 길로 이은 군산 스탬프투어 코스입니다. 미두장이 있던 자리와 째보선창, 부잔교를 차례로 지나며 소설의 배경을 몸으로 확인합니다. 원도심 구간이라 머뭄에서 걸어 닿습니다.\", \"source\": {\"name\": \"네이버에서 찾아보기\", \"url\": \"https://search.naver.com/search.naver?query=%ED%83%81%EB%A5%98%EA%B8%B8%20%EA%B5%B0%EC%82%B0\"}}, {\"group\": \"문학\", \"title\": \"조정래 『아리랑』과 아리랑길\", \"body\": \"구한말부터 광복까지, 만경강 들녘 농민들이 수탈에 맞서는 이야기를 그린 대하소설입니다. 군산·김제 일대가 무대라 스탬프투어에도 같은 이름의 코스가 있습니다. 여러 권에 걸친 긴 이야기라, 한 도시가 아니라 호남평야 들녘 전체를 무대로 다룹니다. 아리랑길은 실제 그 들녘과 마을 길을 따라 걷도록 짜여 있어, 소설이 그린 풍경을 걸음으로 확인할 수 있습니다.\", \"source\": {\"name\": \"네이버에서 찾아보기\", \"url\": \"https://search.naver.com/search.naver?query=%EC%A1%B0%EC%A0%95%EB%9E%98%20%E3%80%8E%EC%95%84%EB%A6%AC%EB%9E%91%E3%80%8F%EA%B3%BC%20%EC%95%84%EB%A6%AC%EB%9E%91%EA%B8%B8%20%EA%B5%B0%EC%82%B0\"}}, {\"group\": \"문학\", \"title\": \"고은 시인과 동국사\", \"body\": \"본명은 고은태이고, 1933년 옥구군(지금의 군산) 미면에서 태어났습니다. 한국전쟁 중이던 1952년 군산 동국사에서 출가해 일초라는 법명으로 십여 년을 승려로 지냈습니다. 이후 문단으로 돌아와 그 시절 사람들의 삶을 담은 연작시집 『만인보』를 비롯한 여러 시집을 냈고, '가을편지'·'세노야' 같은 대중가요의 노랫말도 그의 글입니다.\", \"source\": {\"name\": \"네이버에서 찾아보기\", \"url\": \"https://search.naver.com/search.naver?query=%EA%B3%A0%EC%9D%80%20%EC%8B%9C%EC%9D%B8%20%EA%B5%B0%EC%82%B0%20%EB%8F%99%EA%B5%AD%EC%82%AC\"}, \"year\": 1933}, {\"group\": \"문학\", \"title\": \"군산이 낳은 시인들\", \"body\": \"고은 · 이병훈 · 심호택 · 문효치 · 이연주 · 주하림. 일제강점기부터 지금까지 세대를 이어 시인이 나온 도시입니다. 이름만으로는 알기 어려워, '인물 열전' 탭에서 한 사람씩 생애와 활동을 봅니다.\", \"source\": {\"name\": \"네이버에서 찾아보기\", \"url\": \"https://search.naver.com/search.naver?query=%EA%B5%B0%EC%82%B0%EC%9D%B4%20%EB%82%B3%EC%9D%80%20%EC%8B%9C%EC%9D%B8%EB%93%A4\"}}]}"}, {"id": "songs", "name": "가요 다방", "enabled": false, "locked": false, "data": "{\"kind\": \"songs\", \"version\": 1, \"title\": \"가요 다방\", \"subtitle\": \"군산을 노래한 25곡 — 눌러서 들어 보세요\", \"items\": [{\"title\": \"잘 있거라 군산항\", \"artist\": \"안다성\", \"labelColor\": \"#2f6b4f\", \"story\": \"월명산 고갯길로 시작하는 이별가. 군산을 노래한 곡 가운데 가장 널리 알려졌습니다.\", \"verified\": \"확인\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EC%9E%98%20%EC%9E%88%EA%B1%B0%EB%9D%BC%20%EA%B5%B0%EC%82%B0%ED%95%AD%20%EC%95%88%EB%8B%A4%EC%84%B1\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"손석우\", \"composer\": \"손석우\", \"year\": 1963}, {\"title\": \"헤어진 군산항\", \"artist\": \"박제연\", \"labelColor\": \"#2a6053\", \"story\": \"비 내리는 밤 부두에서 헤어지는 노래입니다.\", \"verified\": \"확인\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%ED%97%A4%EC%96%B4%EC%A7%84%20%EA%B5%B0%EC%82%B0%ED%95%AD%20%EB%B0%95%EC%A0%9C%EC%97%B0\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"송운선\", \"composer\": \"송운선\", \"year\": 1965}, {\"title\": \"님 떠난 군산항\", \"artist\": \"이미자\", \"labelColor\": \"#1d3c74\", \"story\": \"떠나는 배를 보내는 항구의 정서를 담았습니다.\", \"verified\": \"확인\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EB%8B%98%20%EB%96%A0%EB%82%9C%20%EA%B5%B0%EC%82%B0%ED%95%AD%20%EC%9D%B4%EB%AF%B8%EC%9E%90\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"조형식\", \"composer\": \"백영호\", \"year\": 1966}, {\"title\": \"금강 나그네\", \"artist\": \"이미자\", \"labelColor\": \"#d4551f\", \"story\": \"금강 하구와 군산항 부두를 배경으로 한 곡입니다.\", \"verified\": \"확인\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EA%B8%88%EA%B0%95%20%EB%82%98%EA%B7%B8%EB%84%A4%20%EC%9D%B4%EB%AF%B8%EC%9E%90\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"이병훈\", \"composer\": \"박춘석\", \"year\": 1966}, {\"title\": \"잘 있거라 군산항구\", \"artist\": \"최정자\", \"labelColor\": \"#8a4b2a\", \"story\": \"떠나는 사람의 말로 부르는 이별가입니다.\", \"verified\": \"확인\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EC%9E%98%20%EC%9E%88%EA%B1%B0%EB%9D%BC%20%EA%B5%B0%EC%82%B0%ED%95%AD%EA%B5%AC%20%EC%B5%9C%EC%A0%95%EC%9E%90\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"최치수\", \"composer\": \"유금춘\", \"year\": 1967}, {\"title\": \"군산 마도로스\", \"artist\": \"이상열\", \"labelColor\": \"#334b6d\", \"story\": \"항구를 드나들던 뱃사람의 노래입니다.\", \"verified\": \"확인\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EA%B5%B0%EC%82%B0%20%EB%A7%88%EB%8F%84%EB%A1%9C%EC%8A%A4%20%EC%9D%B4%EC%83%81%EC%97%B4\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"year\": 1967}, {\"title\": \"군산 부르스\", \"artist\": \"유주용\", \"labelColor\": \"#4a3f6b\", \"story\": \"1960년대 말 군산 거리의 분위기를 담은 곡입니다.\", \"verified\": \"확인\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EA%B5%B0%EC%82%B0%20%EB%B6%80%EB%A5%B4%EC%8A%A4%20%EC%9C%A0%EC%A3%BC%EC%9A%A9\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"반야월\", \"composer\": \"강도미\", \"year\": 1969}, {\"title\": \"이별의 군산항 부두\", \"artist\": \"최정자\", \"labelColor\": \"#6b2f3a\", \"story\": \"부두에서의 이별을 다시 한 번 부른 곡입니다.\", \"verified\": \"확인\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EC%9D%B4%EB%B3%84%EC%9D%98%20%EA%B5%B0%EC%82%B0%ED%95%AD%20%EB%B6%80%EB%91%90%20%EC%B5%9C%EC%A0%95%EC%9E%90\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"최치수\", \"composer\": \"유금춘\", \"year\": 1969}, {\"title\": \"군산항 부르스\", \"artist\": \"최하우\", \"labelColor\": \"#2f5b6b\", \"story\": \"1980년대에 나온 군산항 노래입니다.\", \"verified\": \"확인\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EA%B5%B0%EC%82%B0%ED%95%AD%20%EB%B6%80%EB%A5%B4%EC%8A%A4%20%EC%B5%9C%ED%95%98%EC%9A%B0\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"최하우\", \"composer\": \"김성근\", \"year\": 1984}, {\"title\": \"나의 사랑 군산이여\", \"artist\": \"오단비\", \"labelColor\": \"#a34a2a\", \"story\": \"군산을 향한 애정을 정면으로 부르는 곡입니다.\", \"verified\": \"확인\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EB%82%98%EC%9D%98%20%EC%82%AC%EB%9E%91%20%EA%B5%B0%EC%82%B0%EC%9D%B4%EC%97%AC%20%EC%98%A4%EB%8B%A8%EB%B9%84\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"이수\", \"composer\": \"정종택\", \"year\": 1989}, {\"title\": \"군산항 엘레지\", \"artist\": \"오단비\", \"labelColor\": \"#7a3b52\", \"story\": \"항구 도시의 비가입니다.\", \"verified\": \"확인필요\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EA%B5%B0%EC%82%B0%ED%95%AD%20%EC%97%98%EB%A0%88%EC%A7%80%20%EC%98%A4%EB%8B%A8%EB%B9%84\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"이수\", \"composer\": \"정종택\"}, {\"title\": \"선유도 아가씨\", \"artist\": \"오단비\", \"labelColor\": \"#2b6b7a\", \"story\": \"고군산군도 선유도를 배경으로 한 곡입니다.\", \"verified\": \"확인필요\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EC%84%A0%EC%9C%A0%EB%8F%84%20%EC%95%84%EA%B0%80%EC%94%A8%20%EC%98%A4%EB%8B%A8%EB%B9%84\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"이수\", \"composer\": \"서승일\"}, {\"title\": \"군산찬가\", \"artist\": \"오단비\", \"labelColor\": \"#c8873a\", \"story\": \"은파와 새만금이 가사에 나오는 군산 찬가입니다.\", \"verified\": \"확인필요\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EA%B5%B0%EC%82%B0%EC%B0%AC%EA%B0%80%20%EC%98%A4%EB%8B%A8%EB%B9%84\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"이수\", \"composer\": \"서승일\"}, {\"title\": \"오성산\", \"artist\": \"오단비\", \"labelColor\": \"#4f6b3a\", \"story\": \"금강 하구를 내려다보는 오성산을 노래했습니다.\", \"verified\": \"확인필요\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EC%98%A4%EC%84%B1%EC%82%B0%20%EC%98%A4%EB%8B%A8%EB%B9%84\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"이수\", \"composer\": \"서승일\"}, {\"title\": \"함께하는 군산\", \"artist\": \"오은주\", \"labelColor\": \"#b5603a\", \"story\": \"군산시가 제작한 음반의 첫 곡입니다.\", \"verified\": \"확인필요\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%ED%95%A8%EA%BB%98%ED%95%98%EB%8A%94%20%EA%B5%B0%EC%82%B0%20%EC%98%A4%EC%9D%80%EC%A3%BC\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"김동찬\", \"composer\": \"김동찬\"}, {\"title\": \"새만금 연가\", \"artist\": \"채미영\", \"labelColor\": \"#356b8a\", \"story\": \"새만금을 소재로 한 곡입니다.\", \"verified\": \"확인필요\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EC%83%88%EB%A7%8C%EA%B8%88%20%EC%97%B0%EA%B0%80%20%EC%B1%84%EB%AF%B8%EC%98%81\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"김동찬\", \"composer\": \"김동찬 · 김수환\"}, {\"title\": \"군산시민의 노래\", \"artist\": \"오단비\", \"labelColor\": \"#5a5a4a\", \"story\": \"금만경 들녘과 서해 바다로 시작하는 시민의 노래입니다.\", \"verified\": \"확인필요\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EA%B5%B0%EC%82%B0%EC%8B%9C%EB%AF%BC%EC%9D%98%20%EB%85%B8%EB%9E%98%20%EC%98%A4%EB%8B%A8%EB%B9%84\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"군산문화원\", \"composer\": \"군산예총\"}, {\"title\": \"군산 아줌마\", \"artist\": \"박솔미\", \"labelColor\": \"#a3562a\", \"story\": \"선창가 거리와 새만금이 함께 나오는 곡입니다.\", \"verified\": \"확인필요\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EA%B5%B0%EC%82%B0%20%EC%95%84%EC%A4%8C%EB%A7%88%20%EB%B0%95%EC%86%94%EB%AF%B8\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"송두호\", \"composer\": \"송두호\"}, {\"title\": \"내 고향 군산항\", \"artist\": \"정애란\", \"labelColor\": \"#6b4a2a\", \"story\": \"고향으로서의 군산항을 부른 곡입니다.\", \"verified\": \"확인필요\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EB%82%B4%20%EA%B3%A0%ED%96%A5%20%EA%B5%B0%EC%82%B0%ED%95%AD%20%EC%A0%95%EC%95%A0%EB%9E%80\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"정애란\", \"composer\": \"정애란\"}, {\"title\": \"군산 가는 길\", \"artist\": \"황상준\", \"labelColor\": \"#3a5a4a\", \"story\": \"군산으로 향하는 길을 제목으로 삼은 곡입니다.\", \"verified\": \"확인필요\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EA%B5%B0%EC%82%B0%20%EA%B0%80%EB%8A%94%20%EA%B8%B8%20%ED%99%A9%EC%83%81%EC%A4%80\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}}, {\"title\": \"군산 추억\", \"artist\": \"임인건\", \"labelColor\": \"#4a4a6b\", \"story\": \"재즈 피아니스트 임인건이 군산을 소재로 만든 곡입니다.\", \"verified\": \"확인필요\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EA%B5%B0%EC%82%B0%20%EC%B6%94%EC%96%B5%20%EC%9E%84%EC%9D%B8%EA%B1%B4\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}}, {\"title\": \"군산에서\", \"artist\": \"임인건\", \"labelColor\": \"#3f5f6b\", \"story\": \"같은 연주자가 군산에서 받은 인상을 담았습니다.\", \"verified\": \"확인필요\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EA%B5%B0%EC%82%B0%EC%97%90%EC%84%9C%20%EC%9E%84%EC%9D%B8%EA%B1%B4\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}}, {\"title\": \"헤어진 군산항\", \"artist\": \"김창환\", \"labelColor\": \"#2a6053\", \"story\": \"군산시 제작 음반에 다시 실린 판입니다.\", \"verified\": \"확인필요\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%ED%97%A4%EC%96%B4%EC%A7%84%20%EA%B5%B0%EC%82%B0%ED%95%AD%20%EA%B9%80%EC%B0%BD%ED%99%98\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}, \"lyricist\": \"송운선\", \"composer\": \"송운선\"}, {\"title\": \"금강 아가씨\", \"artist\": \"이미자\", \"labelColor\": \"#d4551f\", \"story\": \"금강을 배경으로 한 이미자의 또 다른 곡입니다.\", \"verified\": \"확인필요\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EA%B8%88%EA%B0%95%20%EC%95%84%EA%B0%80%EC%94%A8%20%EC%9D%B4%EB%AF%B8%EC%9E%90\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}}, {\"title\": \"금강의 비가\", \"artist\": \"전승애\", \"labelColor\": \"#7a4a6b\", \"story\": \"금강을 제목에 올린 곡입니다.\", \"verified\": \"확인필요\", \"listenUrl\": \"https://www.youtube.com/results?search_query=%EA%B8%88%EA%B0%95%EC%9D%98%20%EB%B9%84%EA%B0%80%20%EC%A0%84%EC%8A%B9%EC%95%A0\", \"source\": {\"name\": \"음악의 오솔길 — 군산 관련 노래\", \"url\": \"https://old-music.tistory.com/entry/%EA%B5%B0%EC%82%B0-%EA%B4%80%EB%A0%A8-%EB%85%B8%EB%9E%98\"}}]}"}, {"id": "daily", "name": "오늘의 한 장", "enabled": false, "locked": false, "data": "{\"kind\": \"daily\", \"version\": 1, \"title\": \"오늘의 한 장\", \"subtitle\": \"군산의 노래와 문학 39장 — 날마다 한 장씩 넘어갑니다\", \"items\": []}"}, {"id": "people", "name": "인물 열전", "enabled": false, "locked": false, "data": "{\"kind\": \"people\", \"version\": 1, \"title\": \"인물 열전\", \"subtitle\": \"군산이 낳은 사람 58명\", \"items\": [{\"name\": \"채만식\", \"role\": \"소설가\", \"oneLine\": \"군산을 무대로 한 『탁류』를 썼습니다. 시내에 문학관이 있습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%B1%84%EB%A7%8C%EC%8B%9D\"}, \"years\": \"1902–1950\", \"imageUrl\": \"/s/stay6/img/mirror/d902ef61234bd897.png\"}, {\"name\": \"고은\", \"role\": \"시인\", \"oneLine\": \"군산에서 태어나 60년 넘게 시를 써 온 시인입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EA%B3%A0%EC%9D%80\"}, \"years\": \"1933–\", \"imageUrl\": \"/s/stay6/img/people/%EA%B3%A0%EC%9D%80.jpg\", \"imageCredit\": \"사진 Matěj Baťha · CC BY-SA 3.0\"}, {\"name\": \"김선기\", \"role\": \"언어학자\", \"oneLine\": \"호는 무돌. 한글 연구에 힘쓴 언어학자이자 교육자입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EA%B9%80%EC%84%A0%EA%B8%B0_%28%EC%96%B8%EC%96%B4%EC%B2%A0%ED%95%99%EC%9E%90%29\"}, \"years\": \"1907–1992\", \"imageUrl\": \"/s/stay6/img/people/%EA%B9%80%EC%84%A0%EA%B8%B0.jpg\", \"imageCredit\": \"사진 미상Unknown author · Public domain\"}, {\"name\": \"김수미\", \"role\": \"배우\", \"oneLine\": \"「전원일기」 일용 엄니로 오래 기억되는 배우입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EA%B9%80%EC%88%98%EB%AF%B8\"}, \"years\": \"1949–2024\", \"imageUrl\": \"/s/stay6/img/people/%EA%B9%80%EC%88%98%EB%AF%B8.png\", \"imageCredit\": \"사진 Seoul Broadcasting System · CC BY 3.0\"}, {\"name\": \"송새벽\", \"role\": \"배우\", \"oneLine\": \"군산 출신 배우입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%86%A1%EC%83%88%EB%B2%BD\"}, \"years\": \"1979–\", \"imageUrl\": \"/s/stay6/img/people/%EC%86%A1%EC%83%88%EB%B2%BD.png\", \"imageCredit\": \"사진 틈새TV · CC BY 3.0\"}, {\"name\": \"장신영\", \"role\": \"배우\", \"oneLine\": \"군산 출신 배우입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%9E%A5%EC%8B%A0%EC%98%81\"}, \"years\": \"1984–\", \"imageUrl\": \"/s/stay6/img/people/%EC%9E%A5%EC%8B%A0%EC%98%81.jpg\", \"imageCredit\": \"사진 acrofan.com · CC BY-SA 3.0\"}, {\"name\": \"진희경\", \"role\": \"배우\", \"oneLine\": \"익산에서 태어나 군산영광여고를 나온 배우입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%A7%84%ED%9D%AC%EA%B2%BD\"}, \"years\": \"1968–\", \"imageUrl\": \"/s/stay6/img/mirror/3dc384187a900e95.png\"}, {\"name\": \"이서원\", \"role\": \"배우\", \"oneLine\": \"군산 출신 배우입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%9D%B4%EC%84%9C%EC%9B%90\"}, \"years\": \"1997–\", \"imageUrl\": \"/s/stay6/img/people/%EC%9D%B4%EC%84%9C%EC%9B%90.png\", \"imageCredit\": \"사진 KBS 뷰 · CC BY 3.0\"}, {\"name\": \"병헌\", \"role\": \"배우\", \"oneLine\": \"그룹 틴탑 활동을 거쳐 배우로 옮겼습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EB%B3%91%ED%97%8C\"}, \"years\": \"1993–\", \"imageUrl\": \"/s/stay6/img/people/%EB%B3%91%ED%97%8C.jpg\", \"imageCredit\": \"사진 뉴스인스타 · CC BY 3.0\"}, {\"name\": \"정혁\", \"role\": \"모델\", \"oneLine\": \"2015년 서울패션위크로 데뷔한 모델 겸 방송인입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%A0%95%ED%98%81_%28%EB%AA%A8%EB%8D%B8%29\"}, \"years\": \"1991–\", \"imageUrl\": \"/s/stay6/img/people/%EC%A0%95%ED%98%81.jpg\", \"imageCredit\": \"사진 파리게이츠 · CC BY 3.0\"}, {\"name\": \"박화요비\", \"role\": \"가수\", \"oneLine\": \"R&B 를 주로 부르는 가수입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EB%B0%95%ED%99%94%EC%9A%94%EB%B9%84\"}, \"years\": \"1982–\", \"imageUrl\": \"/s/stay6/img/people/%EB%B0%95%ED%99%94%EC%9A%94%EB%B9%84.jpg\", \"imageCredit\": \"사진 Jinho.Jung · CC BY-SA 2.0\"}, {\"name\": \"고건\", \"role\": \"정치인\", \"oneLine\": \"제30·35대 국무총리를 지냈습니다. 아버지는 철학자 고형곤입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EA%B3%A0%EA%B1%B4\"}, \"years\": \"1938–\", \"imageUrl\": \"/s/stay6/img/people/%EA%B3%A0%EA%B1%B4.jpg\", \"imageCredit\": \"사진 서울특별시 소방재난본부 · CC BY-SA 4.0\"}, {\"name\": \"김관영\", \"role\": \"정치인\", \"oneLine\": \"전북특별자치도지사입니다. 회계사·변호사를 거쳤습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EA%B9%80%EA%B4%80%EC%98%81\"}, \"years\": \"1969–\", \"imageUrl\": \"/s/stay6/img/people/%EA%B9%80%EA%B4%80%EC%98%81.jpg\", \"imageCredit\": \"사진 대한민국 국회 의장비서실 · KOGL Type 1\"}, {\"name\": \"함운경\", \"role\": \"정치인\", \"oneLine\": \"1980년대 학생운동가 출신입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%ED%95%A8%EC%9A%B4%EA%B2%BD\"}, \"years\": \"1964–\", \"imageUrl\": \"/s/stay6/img/people/%ED%95%A8%EC%9A%B4%EA%B2%BD.jpg\", \"imageCredit\": \"사진 Teakim11 · CC BY-SA 4.0\"}, {\"name\": \"차우찬\", \"role\": \"야구 선수\", \"oneLine\": \"투수로 뛰었고 지금은 야구 해설위원입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%B0%A8%EC%9A%B0%EC%B0%AC\"}, \"years\": \"1987–\", \"imageUrl\": \"/s/stay6/img/people/%EC%B0%A8%EC%9A%B0%EC%B0%AC.jpg\", \"imageCredit\": \"사진 원래 올린이는 한국어 위키백과의 Realidad y Illusion · CC BY-SA 2.5\"}, {\"name\": \"이진영\", \"role\": \"야구 선수\", \"oneLine\": \"외야수로 뛰었고 지금은 코치입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%9D%B4%EC%A7%84%EC%98%81_%281980%EB%85%84%29\"}, \"years\": \"1980–\", \"imageUrl\": \"/s/stay6/img/people/%EC%9D%B4%EC%A7%84%EC%98%81.jpg\", \"imageCredit\": \"사진 itsmygabble · CC BY 4.0\"}, {\"name\": \"오지환\", \"role\": \"야구 선수\", \"oneLine\": \"LG 트윈스 내야수입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%98%A4%EC%A7%80%ED%99%98\"}, \"years\": \"1990–\", \"imageUrl\": \"/s/stay6/img/people/%EC%98%A4%EC%A7%80%ED%99%98.png\", \"imageCredit\": \"사진 OSEN SPORTS · CC BY-SA 3.0\"}, {\"name\": \"최서우\", \"role\": \"스키점프 선수\", \"oneLine\": \"1998년부터 국가대표로 뛴 스키점프 선수입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%B5%9C%EC%84%9C%EC%9A%B0\"}, \"years\": \"1982–\", \"imageUrl\": \"/s/stay6/img/people/%EC%B5%9C%EC%84%9C%EC%9A%B0.jpg\", \"imageCredit\": \"사진 Clément Bucco-Lechat · CC BY-SA 3.0\"}, {\"name\": \"문호준\", \"role\": \"프로게이머\", \"oneLine\": \"카트라이더 리그 최다 우승자입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EB%AC%B8%ED%98%B8%EC%A4%80\"}, \"years\": \"1997–\", \"imageUrl\": \"/s/stay6/img/people/%EB%AC%B8%ED%98%B8%EC%A4%80.jpg\", \"imageCredit\": \"사진 acrofan.com · CC BY-SA 3.0\"}, {\"name\": \"이병훈\", \"role\": \"시인\", \"oneLine\": \"옥구(지금의 군산) 출신으로 1950년대에 등단한 현대 시인입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%9D%B4%EB%B3%91%ED%9B%88_%28%EC%8B%9C%EC%9D%B8%29\"}, \"years\": \"1925–2009\"}, {\"name\": \"심호택\", \"role\": \"시인\", \"oneLine\": \"민중의 삶을 시로 옮긴 시인입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%8B%AC%ED%98%B8%ED%83%9D\"}, \"years\": \"1947–2010\"}, {\"name\": \"문효치\", \"role\": \"시인\", \"oneLine\": \"군산에서 태어나 1966년 신춘문예로 등단했습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EB%AC%B8%ED%9A%A8%EC%B9%98\"}, \"years\": \"1943–\"}, {\"name\": \"이연주\", \"role\": \"시인\", \"oneLine\": \"짧게 활동하고 떠난 시인입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%9D%B4%EC%97%B0%EC%A3%BC_%28%EC%8B%9C%EC%9D%B8%29\"}, \"years\": \"1953–1992\"}, {\"name\": \"주하림\", \"role\": \"시인\", \"oneLine\": \"군산에서 태어나 2009년 창비신인시인상으로 등단했습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%A3%BC%ED%95%98%EB%A6%BC\"}}, {\"name\": \"고형곤\", \"role\": \"철학자\", \"oneLine\": \"선(禪) 연구로 알려진 철학자이자 정치가입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EA%B3%A0%ED%98%95%EA%B3%A4\"}, \"years\": \"1906–2004\"}, {\"name\": \"반석평\", \"role\": \"조선 문신\", \"oneLine\": \"노비 출신으로 문과에 급제해 판서에 오른 조선 중종 때 문신입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EB%B0%98%EC%84%9D%ED%8F%89\"}, \"years\": \"1472–1540\"}, {\"name\": \"장재호\", \"role\": \"배우\", \"oneLine\": \"군산 출신 배우입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%9E%A5%EC%9E%AC%ED%98%B8_%28%EB%B0%B0%EC%9A%B0%29\"}, \"years\": \"1986–\"}, {\"name\": \"강민지\", \"role\": \"배우 · 모델\", \"oneLine\": \"모델로 시작해 드라마와 영화로 활동 범위를 넓혔습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EA%B0%95%EB%AF%BC%EC%A7%80_%28%EB%B0%B0%EC%9A%B0%29\"}, \"years\": \"1996–\"}, {\"name\": \"김혜선\", \"role\": \"희극인\", \"oneLine\": \"군산 출신 희극 배우입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EA%B9%80%ED%98%9C%EC%84%A0_%28%ED%9D%AC%EA%B7%B9%EC%9D%B8%29\"}, \"years\": \"1983–\"}, {\"name\": \"이옥주\", \"role\": \"희극인\", \"oneLine\": \"군산중앙여고를 나와 1988년 MBC 개그콘테스트 대상을 받았습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%9D%B4%EC%98%A5%EC%A3%BC_%28%ED%9D%AC%EA%B7%B9%EC%9D%B8%29\"}, \"years\": \"1969–\"}, {\"name\": \"박윤경\", \"role\": \"가수\", \"oneLine\": \"군산 출신 가수 겸 기업인입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EB%B0%95%EC%9C%A4%EA%B2%BD_%28%EA%B0%80%EC%88%98%29\"}, \"years\": \"1970–\"}, {\"name\": \"하준\", \"role\": \"가수\", \"oneLine\": \"군산 출신 가수입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%ED%95%98%EC%A4%80_%28%EA%B0%80%EC%88%98%29\"}, \"years\": \"1965–\"}, {\"name\": \"강봉균\", \"role\": \"정치인\", \"oneLine\": \"재정경제부 장관과 3선 국회의원을 지냈습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EA%B0%95%EB%B4%89%EA%B7%A0_%28%EC%A0%95%EC%B9%98%EC%9D%B8%29\"}, \"years\": \"1943–2017\"}, {\"name\": \"양일동\", \"role\": \"정치인\", \"oneLine\": \"옥구군 서수면 출신으로 야당 정치인으로 활동했습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%96%91%EC%9D%BC%EB%8F%99\"}, \"years\": \"1912–1980\"}, {\"name\": \"채영석\", \"role\": \"정치인\", \"oneLine\": \"군산에서 3선 국회의원을 지냈습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%B1%84%EC%98%81%EC%84%9D\"}, \"years\": \"1934–2006\"}, {\"name\": \"신영대\", \"role\": \"정치인\", \"oneLine\": \"군산 지역구 국회의원입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%8B%A0%EC%98%81%EB%8C%80\"}, \"years\": \"1968–\"}, {\"name\": \"김의겸\", \"role\": \"언론인 · 정치인\", \"oneLine\": \"한겨레 기자를 거쳐 청와대 대변인과 국회의원을 지냈습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EA%B9%80%EC%9D%98%EA%B2%B8\"}, \"years\": \"1963–\"}, {\"name\": \"임병찬\", \"role\": \"의병장\", \"oneLine\": \"최익현과 함께 거병한 구한말 의병장으로, 단식 끝에 순국했습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%9E%84%EB%B3%91%EC%B0%AC\"}, \"years\": \"1851–1916\"}, {\"name\": \"이수현\", \"role\": \"독립운동가\", \"oneLine\": \"호는 산남. 군산 출신 독립운동가입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%9D%B4%EC%88%98%ED%98%84_%281895%EB%85%84%29\"}, \"years\": \"1895–1980\"}, {\"name\": \"전진\", \"role\": \"비전향 장기수\", \"oneLine\": \"군산 출신으로 오래 수감 생활을 했습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%A0%84%EC%A7%84_%281923%EB%85%84%29\"}, \"years\": \"1923–2012\"}, {\"name\": \"이길여\", \"role\": \"의료인 · 교육자\", \"oneLine\": \"가천대학교 길병원을 세우고 가천대 총장을 맡고 있습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%9D%B4%EA%B8%B8%EC%97%AC\"}, \"years\": \"1932–\"}, {\"name\": \"최길선\", \"role\": \"기업인\", \"oneLine\": \"현대중공업 회장을 지낸 조선업 경영인입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%B5%9C%EA%B8%B8%EC%84%A0\"}, \"years\": \"1946–\"}, {\"name\": \"은성수\", \"role\": \"공무원\", \"oneLine\": \"제7대 금융위원회 위원장을 지냈습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%9D%80%EC%84%B1%EC%88%98_%28%EA%B3%B5%EB%AC%B4%EC%9B%90%29\"}, \"years\": \"1961–\"}, {\"name\": \"채금석\", \"role\": \"축구 선수\", \"oneLine\": \"일제강점기 경성 축구단 선수로 경평축구대항전에 나섰습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%B1%84%EA%B8%88%EC%84%9D\"}, \"years\": \"1904–1995\"}, {\"name\": \"박경완\", \"role\": \"야구 선수\", \"oneLine\": \"SK 와이번스 포수로 한국 야구의 대표적인 포수였습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EB%B0%95%EA%B2%BD%EC%99%84\"}, \"years\": \"1972–\"}, {\"name\": \"조계현\", \"role\": \"야구 선수\", \"oneLine\": \"해태 타이거즈 투수로 뛰었습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%A1%B0%EA%B3%84%ED%98%84\"}, \"years\": \"1964–\"}, {\"name\": \"정명원\", \"role\": \"야구 선수\", \"oneLine\": \"현대 유니콘스 투수로 뛰었습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%A0%95%EB%AA%85%EC%9B%90\"}, \"years\": \"1966–\"}, {\"name\": \"조규제\", \"role\": \"야구 선수\", \"oneLine\": \"왼손 투수로 뛰고 지금은 투수코치입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%A1%B0%EA%B7%9C%EC%A0%9C\"}, \"years\": \"1967–\"}, {\"name\": \"이천웅\", \"role\": \"야구 선수\", \"oneLine\": \"LG 트윈스 외야수로 뛰었습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%9D%B4%EC%B2%9C%EC%9B%85\"}, \"years\": \"1988–\"}, {\"name\": \"노상래\", \"role\": \"축구 선수\", \"oneLine\": \"공격수로 뛰었고 지도자로 일하고 있습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EB%85%B8%EC%83%81%EB%9E%98\"}, \"years\": \"1970–\"}, {\"name\": \"노수진\", \"role\": \"축구 선수\", \"oneLine\": \"공격수로 뛰었고 지금은 체육 교사입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EB%85%B8%EC%88%98%EC%A7%84\"}, \"years\": \"1962–\"}, {\"name\": \"유동우\", \"role\": \"축구 선수\", \"oneLine\": \"수비수로 뛰었고 대학 축구부 감독을 맡고 있습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%9C%A0%EB%8F%99%EC%9A%B0\"}, \"years\": \"1968–\"}, {\"name\": \"이정효\", \"role\": \"축구 감독\", \"oneLine\": \"풀백으로 뛰었고 지금은 프로팀 감독입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%9D%B4%EC%A0%95%ED%9A%A8\"}, \"years\": \"1975–\"}, {\"name\": \"박성현\", \"role\": \"양궁 선수\", \"oneLine\": \"군산 소룡초에서 활을 처음 잡아 올림픽 금메달을 땄습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EB%B0%95%EC%84%B1%ED%98%84_%28%EC%96%91%EA%B6%81_%EC%84%A0%EC%88%98%29\"}, \"years\": \"1983–\"}, {\"name\": \"김광선\", \"role\": \"권투 선수\", \"oneLine\": \"1988년 서울 올림픽 복싱 플라이급 금메달리스트입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EA%B9%80%EA%B4%91%EC%84%A0_%28%EA%B6%8C%ED%88%AC_%EC%84%A0%EC%88%98%29\"}, \"years\": \"1964–\"}, {\"name\": \"정경미\", \"role\": \"유도 선수\", \"oneLine\": \"군산 출신 유도 선수입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%A0%95%EA%B2%BD%EB%AF%B8_%28%EC%9C%A0%EB%8F%84_%EC%84%A0%EC%88%98%29\"}, \"years\": \"1985–\"}, {\"name\": \"전미라\", \"role\": \"테니스 선수\", \"oneLine\": \"테니스 선수로 뛰었고 지금은 해설위원입니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%EC%A0%84%EB%AF%B8%EB%9D%BC\"}, \"years\": \"1978–\"}, {\"name\": \"한왕용\", \"role\": \"산악인\", \"oneLine\": \"히말라야 8000m 14좌를 세계 11번째로 완등했습니다.\", \"verified\": \"확인\", \"source\": {\"name\": \"한국어 위키백과\", \"url\": \"https://ko.wikipedia.org/wiki/%ED%95%9C%EC%99%95%EC%9A%A9\"}, \"years\": \"1966–\"}]}"}, {"id": "chronicle", "name": "시간의 골목", "enabled": false, "locked": false, "data": "{\"kind\":\"chronicle\",\"version\":1,\"items\":[{\"year\":1380,\"title\":\"진포대첩\",\"summary\":\"최무선의 화포가 왜구 함대를 무너뜨린 해. 군산 해양사의 출발점으로 꼽힙니다.\",\"place\":\"진포시비공원\",\"turning\":true,\"verified\":\"확인필요\",\"source\":{\"name\":\"군산시 문화관광\",\"url\":\"https://www.gunsan.go.kr/tour/\"},\"imageUrl\":\"/s/stay6/img/mirror/9b073d4a1b5fb62c.jpg\"},{\"year\":1899,\"title\":\"군산 개항\",\"summary\":\"항구가 열리며 도시의 성격이 한 번에 바뀝니다.\",\"place\":\"군산 내항\",\"turning\":true,\"verified\":\"확인\",\"source\":{\"name\":\"군산시 문화관광\",\"url\":\"https://www.gunsan.go.kr/tour/\"},\"imageUrl\":\"/s/stay6/img/mirror/1f35ef26139c6cb9.jpg\"},{\"year\":1908,\"title\":\"구 군산세관 본관 준공\",\"summary\":\"지금도 서 있는 벽돌 건물입니다. 개항기 행정의 자리였습니다.\",\"place\":\"구 군산세관 본관\",\"verified\":\"확인\",\"source\":{\"name\":\"군산시 문화관광\",\"url\":\"https://www.gunsan.go.kr/tour/\"},\"imageUrl\":\"/s/stay6/img/mirror/22af0bff45e5fce8.jpg\"},{\"year\":1926,\"title\":\"내항 부잔교 축조\",\"summary\":\"조수 차가 큰 항구에서 배를 대기 위한 뜬다리입니다. 미곡 반출의 통로였습니다.\",\"place\":\"군산 내항 부잔교\",\"turning\":true,\"verified\":\"확인필요\",\"source\":{\"name\":\"군산시 문화관광\",\"url\":\"https://www.gunsan.go.kr/tour/\"},\"imageUrl\":\"/s/stay6/img/mirror/1f35ef26139c6cb9.jpg\"},{\"year\":1937,\"title\":\"『탁류』 연재 시작\",\"summary\":\"채만식이 이 도시를 소설의 무대로 세웁니다.\",\"place\":\"채만식문학관\",\"verified\":\"확인\",\"source\":{\"name\":\"군산시 채만식문학관\",\"url\":\"https://www.gunsan.go.kr/chae/\"},\"imageUrl\":\"/s/stay6/img/mirror/8043bad52d95a84b.jpg\"},{\"year\":1990,\"title\":\"금강하굿둑 준공\",\"summary\":\"강과 바다의 경계가 사람 손으로 그어집니다.\",\"place\":\"금강하굿둑\",\"verified\":\"확인필요\",\"source\":{\"name\":\"군산시 문화관광\",\"url\":\"https://www.gunsan.go.kr/tour/\"},\"imageUrl\":\"/s/stay6/img/mirror/aaf32d2c8e5faffb.jpg\"},{\"year\":2010,\"title\":\"새만금 방조제 개통\",\"summary\":\"간척으로 해안선이 다시 그려집니다.\",\"place\":\"새만금 방조제\",\"turning\":true,\"verified\":\"확인필요\",\"source\":{\"name\":\"대한민국 구석구석\",\"url\":\"https://korean.visitkorea.or.kr/\"},\"imageUrl\":\"/s/stay6/img/mirror/487643cdcfd19fdb.jpg\"}],\"title\":\"시간의 골목\",\"subtitle\":\"이 도시를 만든 해들\"}"}, {"id": "postcard", "name": "오늘의 엽서", "enabled": false, "locked": false, "data": "{\"kind\": \"postcard\", \"version\": 1, \"items\": []}"}, {"id": "quiz", "name": "뒤집어 보는 질문", "enabled": false, "locked": false, "data": "{\"kind\": \"quiz\", \"version\": 1, \"items\": [{\"question\": \"부잔교는 왜 물 위에 뜨도록 만들었을까?\", \"hint\": \"서해는 조수 간만의 차가 큽니다. 고정된 부두라면 하루에 두 번 배가 닿지 못합니다.\", \"topic\": \"군산 내항\", \"level\": \"초등\", \"verified\": \"확인\", \"source\": {\"name\": \"군산시 문화관광\", \"url\": \"https://www.gunsan.go.kr/tour/\"}}, {\"question\": \"『탁류』의 “탁류”는 무엇을 가리키는 말일까?\", \"hint\": \"금강 하류의 흙탕물이자, 소설 속 인물들이 휩쓸려 가는 시대를 함께 가리킵니다.\", \"topic\": \"채만식문학관\", \"level\": \"중등\", \"verified\": \"확인\", \"source\": {\"name\": \"군산시 채만식문학관\", \"url\": \"https://www.gunsan.go.kr/chae/\"}}, {\"question\": \"해망굴은 무엇을 위해 뚫린 굴일까?\", \"hint\": \"근대 교통로였고, 전쟁기에는 다른 쓰임도 있었습니다. 굴 하나에 두 시대가 겹칩니다.\", \"topic\": \"해망굴\", \"level\": \"어른\", \"verified\": \"확인필요\", \"source\": {\"name\": \"군산시 문화관광\", \"url\": \"https://www.gunsan.go.kr/tour/\"}}, {\"question\": \"고군산군도의 ‘고(古)’ 는 왜 붙었을까?\", \"hint\": \"지금의 군산이 자리 잡기 전, 이 이름이 먼저 있던 곳이 있습니다.\", \"topic\": \"고군산군도\", \"level\": \"어른\", \"verified\": \"확인필요\", \"source\": {\"name\": \"대한민국 구석구석\", \"url\": \"https://korean.visitkorea.or.kr/\"}}], \"title\": \"뒤집어 보는 질문\", \"subtitle\": \"뒤집으면 힌트가 나옵니다\"}"}, {"id": "faq", "name": "자주 묻는 질문", "enabled": false, "locked": false}, {"id": "rules", "name": "이용 규정", "enabled": false, "locked": false}, {"id": "weather", "name": "날씨", "enabled": true, "locked": false}, {"id": "planner", "name": "계절별 추천 하루", "enabled": false, "locked": false, "data": "{\"kind\":\"planner\",\"version\":1,\"title\":\"계절별 추천 하루\",\"subtitle\":\"지금 계절에 맞는 코스만 보여 드립니다\",\"items\":[{\"name\":\"탁류길 코스\",\"audience\":\"걷기 좋아하는 손님\",\"why\":\"소설 『탁류』가 지나간 자리를 그대로 따라 걷습니다.\",\"startTime\":\"10:00\",\"stops\":[{\"name\":\"채만식문학관\",\"minutes\":12,\"note\":\"금강 하구 옆. 소설의 배경을 먼저 눈에 담습니다.\",\"searchQuery\":\"군산 채만식문학관\",\"imageUrl\":\"/s/stay6/img/mirror/8043bad52d95a84b.jpg\",\"latitude\":36.0085981064,\"longitude\":126.7578853293},{\"name\":\"군산 내항 부잔교\",\"minutes\":9,\"note\":\"조수에 오르내리던 뜬다리. 이 코스의 중심입니다.\",\"searchQuery\":\"군산 내항 부잔교\",\"imageUrl\":\"/s/stay6/img/mirror/1f35ef26139c6cb9.jpg\",\"latitude\":35.9892997236,\"longitude\":126.7174508158},{\"name\":\"째보선창\",\"minutes\":7,\"note\":\"항구 노동의 기억이 남은 선창입니다.\",\"searchQuery\":\"군산 째보선창\",\"latitude\":35.9875345,\"longitude\":126.7199875},{\"name\":\"초원사진관\",\"minutes\":11,\"note\":\"영화가 남기고 간 자리입니다.\",\"searchQuery\":\"군산 초원사진관\",\"imageUrl\":\"/s/stay6/img/mirror/d5433fe48de3da05.jpg\",\"latitude\":35.9877369536,\"longitude\":126.7083826065},{\"name\":\"이성당\",\"minutes\":6,\"note\":\"코스의 끝. 단팥빵 하나로 반나절을 닫습니다.\",\"searchQuery\":\"군산 이성당\",\"imageUrl\":\"/s/stay6/img/mirror/37c90494d28478e2.png\",\"latitude\":35.9870443303,\"longitude\":126.7111681428}],\"verified\":\"확인\",\"source\":{\"name\":\"군산 스탬프투어\",\"url\":\"https://www.gunsanstamp.kr/\"},\"season\":\"가을\",\"rank\":2},{\"name\":\"아리랑길 코스\",\"audience\":\"걷기 좋아하는 손님\",\"why\":\"개항기 건물만 골라 짧게 도는 길입니다.\",\"startTime\":\"10:00\",\"stops\":[{\"name\":\"구 군산세관 본관\",\"minutes\":8,\"note\":\"1908년에 지어진 벽돌 건물입니다.\",\"searchQuery\":\"구 군산세관 본관\",\"imageUrl\":\"/s/stay6/img/mirror/22af0bff45e5fce8.jpg\",\"latitude\":35.9915087952,\"longitude\":126.7113016917},{\"name\":\"군산근대미술관\",\"minutes\":5,\"note\":\"옛 은행 금고가 그대로 남아 있습니다.\",\"searchQuery\":\"군산근대미술관\",\"imageUrl\":\"/s/stay6/img/mirror/d8764592a03b0103.jpg\",\"latitude\":35.9899367776,\"longitude\":126.7127710457},{\"name\":\"해망굴\",\"minutes\":14,\"note\":\"굴 하나에 두 시대가 겹칩니다.\",\"searchQuery\":\"군산 해망굴\",\"imageUrl\":\"/s/stay6/img/mirror/0a1e0ff50ca7ee37.jpg\",\"latitude\":35.9913180812,\"longitude\":126.7048496204}],\"verified\":\"확인필요\",\"source\":{\"name\":\"군산 스탬프투어\",\"url\":\"https://www.gunsanstamp.kr/\"},\"season\":\"봄\",\"rank\":1},{\"name\":\"개항장 골목 한 바퀴\",\"audience\":\"처음 온 손님\",\"why\":\"해가 낮아지는 계절이라 골목 그림자가 길어집니다. 걷는 거리가 가장 짧은 코스이기도 합니다.\",\"startTime\":\"09:30\",\"stops\":[{\"name\":\"군산근대역사박물관\",\"minutes\":90,\"moveMinutes\":12,\"note\":\"항구 도시가 어떻게 만들어졌는지 먼저 봅니다.\",\"searchQuery\":\"군산근대역사박물관\",\"imageUrl\":\"/s/stay6/img/mirror/af673cc75c0ed696.jpg\",\"latitude\":35.9908197098,\"longitude\":126.7121231556},{\"name\":\"초원사진관\",\"minutes\":30,\"moveMinutes\":10,\"note\":\"영화가 남기고 간 자리입니다.\",\"searchQuery\":\"군산 초원사진관\",\"imageUrl\":\"/s/stay6/img/mirror/d5433fe48de3da05.jpg\",\"latitude\":35.9877369536,\"longitude\":126.7083826065},{\"name\":\"이성당\",\"minutes\":40,\"moveMinutes\":8,\"note\":\"단팥빵 하나로 오후를 엽니다.\",\"searchQuery\":\"군산 이성당\",\"imageUrl\":\"/s/stay6/img/mirror/37c90494d28478e2.png\",\"latitude\":35.9870443303,\"longitude\":126.7111681428},{\"name\":\"경암동 철길마을\",\"minutes\":60,\"moveMinutes\":18,\"note\":\"해 질 무렵 빛이 가장 좋습니다.\",\"searchQuery\":\"군산 경암동 철길마을\",\"imageUrl\":\"/s/stay6/img/mirror/6d59722cedddd566.jpg\",\"latitude\":35.9813520474,\"longitude\":126.7362330582}],\"verified\":\"확인\",\"source\":{\"name\":\"군산시 문화관광\",\"url\":\"https://www.gunsan.go.kr/tour/\"},\"season\":\"가을\",\"rank\":1},{\"name\":\"비 오면 여기로\",\"audience\":\"장마철에 온 손님\",\"why\":\"실내로만 이어지는 코스입니다. 우산을 접었다 폈다 하지 않아도 됩니다.\",\"season\":\"여름\",\"startTime\":\"10:30\",\"stops\":[{\"name\":\"군산근대건축관\",\"minutes\":60,\"moveMinutes\":10,\"note\":\"옛 은행 건물 안이 통째로 전시입니다.\",\"searchQuery\":\"군산근대건축관\",\"imageUrl\":\"/s/stay6/img/mirror/5000f0a4feb45788.jpg\",\"latitude\":35.9894201935,\"longitude\":126.7141598237},{\"name\":\"한일옥\",\"minutes\":60,\"moveMinutes\":8,\"note\":\"무국 한 그릇으로 몸을 데웁니다.\",\"searchQuery\":\"군산 한일옥\",\"latitude\":35.9874081251,\"longitude\":126.7082350808},{\"name\":\"째보선창 근처 카페\",\"minutes\":90,\"moveMinutes\":10,\"note\":\"비 그칠 때까지 앉아 있기 좋습니다.\",\"searchQuery\":\"군산 째보선창 카페\",\"latitude\":35.9875345,\"longitude\":126.7199875}],\"verified\":\"확인필요\",\"source\":{\"name\":\"군산시 문화관광\",\"url\":\"https://www.gunsan.go.kr/tour/\"},\"rank\":1}]}"}], "look": {"radius": "0px", "shadow": "4px 4px 0 rgb(27 26 21 / 0.16)", "texture": "repeating-linear-gradient(0deg,rgba(27,26,21,.028) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(27,26,21,.02) 0 1px,transparent 1px 4px)", "fontBody": "'Gowun Batang', 'Noto Serif KR', serif", "borderWidth": "2px", "fontHeading": "'Gugi', 'Noto Sans KR', sans-serif", "sectionSpace": "4rem", "headingWeight": "400", "headingTracking": "0em"}}, "posts": [{"postId": "02bb646c-a935-40a6-8797-17c210fd5d86", "body": "요 며칠 아침저녁으로 선선해졌습니다. 마당 평상에 앉아 있으면 바람이 딱 좋은 계절이 왔어요. 저녁에 마당 등 켜 놓으면 히로쓰 가옥 담장 그림자가 예쁘게 집니다. 낮과 밤 기온 차가 커져서 얇은 이불을 하나 더 챙겨 드리기 시작했어요. 아침에 평상에 이슬이 맺혀 있으면 그것도 운치 있다고 말씀해 주시는 손님들이 계셔서, 요즘은 아침마다 마당 치우는 재미가 쏠쏠합니다.", "publishedAt": "2026-09-10T09:20:00+00:00"}, {"postId": "4e261cd7-ae80-465a-974d-fe4588acac0d", "body": "장마 끝나고 마당 나무들이 부쩍 자랐습니다. 창고형 카페 공간 앞에 그늘이 넉넉해져서, 낮에 그 아래 앉아 계시는 손님들이 많으셨어요. 습한 날은 이불을 한 번 더 말려 내드리고 있습니다. 매미 소리가 한창이라 평상에서 낮잠 주무시고 가는 분들도 계셨고요. 저녁마다 마당에 물을 한 번 더 뿌려 두면 열기가 한결 가시더라고요. 다음 주부터는 처마 밑에 모기향도 미리 걸어 두려고 합니다.", "publishedAt": "2026-08-20T08:05:00+00:00"}, {"postId": "e29574e8-5f09-4df5-ae11-8bb2f08aa208", "body": "초원사진관 다녀오신 손님이 필름 카메라를 빌려 나가셨다가 마당에서 저희 집도 몇 장 찍어 주고 가셨어요. 담 너머 기와까지 한 프레임에 들어온다고 좋아하시더라고요. 나중에 사진 몇 장을 메일로 보내 주셔서 마당 한쪽 벽에 붙여 뒀습니다. 필름이라 그런지 색이 훨씬 따뜻하게 나오더라고요. 오시는 분들마다 그 사진을 보고는 어디서 찍었냐고 물어보셔서, 이제는 저도 위치를 자세히 알려 드리고 있어요.", "publishedAt": "2026-07-15T11:40:00+00:00"}, {"postId": "85666499-43a7-4fe9-b4ef-474e9e6bd021", "body": "A동 정원에 심어 둔 나무들이 올해 들어 자리를 잡았습니다. 리모델링 때는 휑했는데 이제 마당에 그늘이 생겨서, 오후에도 평상에 앉아 계실 만해졌어요. 처음 심을 때는 이렇게 클지 몰라서 반신반의했었는데, 두 해 지나니 확실히 다르네요. B동 쪽에도 내년 봄엔 몇 그루 더 심어 볼까 고민 중입니다. 나무 그늘 밑에서 커피 드시는 손님들 보면 저도 괜히 뿌듯해집니다.", "publishedAt": "2026-06-05T07:30:00+00:00"}, {"postId": "db751887-096e-484e-85fd-848d432e7790", "body": "차는 골목이 좁아 대문 앞까지는 못 들어옵니다. 절골길 초입에 세워 두시고 짐만 들고 걸어 들어오시면 됩니다 — 도보로 1분이 채 안 걸려요. 헷갈려 하시는 분들이 계셔서 남겨 둡니다. 캐리어 바퀴 소리가 골목에 크게 울려서, 밤늦게 도착하시는 분들은 가능하면 조용히 들어와 주시면 감사하겠습니다. 짐이 많으시면 미리 연락 주세요, 마중 나가서 같이 들어 드릴게요.", "publishedAt": "2026-05-01T06:00:00+00:00"}]}</script>
|
||
<script src="/s/stay6/vendor/embla-carousel.umd.js"></script>
|
||
<style id="w4d-css">
|
||
/* /s/stay 목업 주입분 — 헤더 미니 플레이어 · 캐치프레이즈 전환.
|
||
★ 색·테두리·서체를 전부 템플릿 변수(--tpl-*)에서 가져온다. 값을 박으면 템플릿을 바꿀 때
|
||
플레이어만 옛 색으로 남는다.
|
||
★ 플레이어는 헤더 **안**이다. 하단 바는 모바일 탭바(fixed bottom:0 · 61px)를 덮었고,
|
||
상단 바는 헤더와 두 줄이 됐다. 헤더 안이면 화면에서 차지하는 줄이 늘지 않는다. */
|
||
|
||
/* ── 헤더에 꽂는 아이콘 세 개 ─────────────────────────────────────── */
|
||
#w4d-mini {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 2px;
|
||
margin-right: 6px;
|
||
padding-right: 8px;
|
||
border-right: 1px solid var(--tpl-border, #bcb49e);
|
||
}
|
||
#w4d-mini button {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 30px;
|
||
height: 30px;
|
||
padding: 0;
|
||
color: var(--tpl-text, #1b1a15);
|
||
background: transparent;
|
||
border: 0;
|
||
border-radius: var(--tpl-radius, 0);
|
||
cursor: pointer;
|
||
opacity: 0.75;
|
||
}
|
||
#w4d-mini button:hover { opacity: 1; background: rgb(27 26 21 / 0.06); }
|
||
#w4d-mini svg { width: 16px; height: 16px; }
|
||
|
||
/* 지금 나오는 곡명. 좁은 화면에서는 헤더에 자리가 없어 접는다 —
|
||
실측(390px): 상호 115px + 오른쪽 묶음 94px 이라 남는 폭이 55px 뿐이다.
|
||
그 화면에서는 목록을 열면 재생 중인 줄에 곡명과 시간이 있다. */
|
||
#w4d-now {
|
||
max-width: 150px;
|
||
overflow: hidden;
|
||
font-size: 14px;
|
||
font-weight: 700;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
color: var(--tpl-accent, #bf2f1b);
|
||
padding-right: 2px;
|
||
}
|
||
#w4d-mini[data-playing='0'] #w4d-now { opacity: 0.85; font-weight: 400; }
|
||
@media (max-width: 860px) { #w4d-now { display: none; } }
|
||
|
||
/* 카세트 — 단추가 아니라 표지다. 이 자리가 무엇인지 한눈에 말해 준다. */
|
||
#w4d-tape {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
padding: 0 4px 0 2px;
|
||
color: var(--tpl-text, #1b1a15);
|
||
opacity: 0.8;
|
||
}
|
||
#w4d-tape svg { width: 20px; height: 20px; }
|
||
#w4d-mini[data-playing='1'] #w4d-tape { color: var(--tpl-accent, #bf2f1b); opacity: 1; }
|
||
/* 재생 중에는 릴이 돈다 — 소리가 나고 있다는 것을 글자 없이 말한다. */
|
||
#w4d-mini[data-playing='1'] .w4d-reel {
|
||
transform-box: fill-box;
|
||
transform-origin: center;
|
||
animation: w4d-reel 2.6s linear infinite;
|
||
}
|
||
@keyframes w4d-reel { to { transform: rotate(360deg); } }
|
||
@media (prefers-reduced-motion: reduce) { .w4d-reel { animation: none !important; } }
|
||
/* 재생 중일 때만 강조색 — 헤더에 곡명을 안 두므로 색이 유일한 '지금 나온다' 표시다. */
|
||
#w4d-mini button[data-playing='1'] { color: var(--tpl-accent, #bf2f1b); opacity: 1; }
|
||
@media (max-width: 400px) {
|
||
#w4d-mini { margin-right: 2px; padding-right: 4px; }
|
||
#w4d-mini button { width: 27px; height: 27px; }
|
||
}
|
||
|
||
/* ── 목록 패널 (헤더 아래에 떠 있다) ──────────────────────────────
|
||
★ 좁은 화면에서는 좌우 8px 만 남기고 펼친다. 320px 고정이었을 때 390px 화면에서
|
||
제목이 두 줄로 접히고 시간이 잘렸다(2026-09-11 사장님: "모바일 대응이 안 되어 있음"). */
|
||
#w4d-panel {
|
||
position: fixed;
|
||
z-index: 45; /* 사이트 헤더가 z-40 이라 그 위 */
|
||
width: 344px;
|
||
max-width: calc(100vw - 16px);
|
||
max-height: min(64vh, 520px);
|
||
display: flex;
|
||
flex-direction: column;
|
||
overflow: hidden;
|
||
font-family: var(--tpl-font-body, serif);
|
||
color: var(--tpl-text, #1b1a15);
|
||
background: var(--tpl-card, #efe7d3);
|
||
border: var(--tpl-border-width, 2px) solid var(--tpl-primary, #1b1a15);
|
||
box-shadow: var(--tpl-shadow, 4px 4px 0 rgb(27 26 21 / 0.16));
|
||
}
|
||
#w4d-panel[hidden] { display: none; }
|
||
@media (max-width: 640px) { #w4d-panel { width: auto; } }
|
||
|
||
#w4d-panel .w4d-head {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 8px;
|
||
flex: 0 0 auto;
|
||
padding: 11px 8px 11px 14px;
|
||
border-bottom: var(--tpl-border-width, 2px) solid var(--tpl-primary, #1b1a15);
|
||
}
|
||
.w4d-head-t { font-size: 15px; font-weight: 700; letter-spacing: 0.06em; }
|
||
.w4d-head-n { flex: 1 1 auto; font-size: 14px; opacity: 0.5; }
|
||
#w4d-panel .w4d-head button {
|
||
display: inline-flex;
|
||
width: 28px;
|
||
height: 28px;
|
||
flex: 0 0 auto;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: inherit;
|
||
background: transparent;
|
||
border: 0;
|
||
cursor: pointer;
|
||
opacity: 0.6;
|
||
}
|
||
#w4d-panel .w4d-head button:hover { opacity: 1; }
|
||
#w4d-panel .w4d-head svg { width: 14px; height: 14px; }
|
||
|
||
#w4d-panel ol {
|
||
flex: 1 1 auto;
|
||
margin: 0;
|
||
padding: 4px 0;
|
||
overflow-y: auto;
|
||
list-style: none;
|
||
-webkit-overflow-scrolling: touch;
|
||
}
|
||
|
||
/* 한 줄 = 판 + 제목/가수 + 시간. 48px 아래로 내리지 않는다 — 손가락으로 누르는 자리다. */
|
||
.w4d-item {
|
||
display: flex;
|
||
width: 100%;
|
||
min-height: 52px;
|
||
align-items: center;
|
||
gap: 11px;
|
||
padding: 8px 14px;
|
||
color: inherit;
|
||
background: transparent;
|
||
border: 0;
|
||
font: inherit;
|
||
text-align: left;
|
||
cursor: pointer;
|
||
}
|
||
.w4d-item + .w4d-item { border-top: 1px dashed var(--tpl-border, #bcb49e); }
|
||
.w4d-item:hover { background: rgb(27 26 21 / 0.05); }
|
||
.w4d-item[aria-current='true'] { background: rgb(27 26 21 / 0.06); }
|
||
.w4d-item[aria-current='true'] .w4d-t { color: var(--tpl-accent, #bf2f1b); }
|
||
|
||
/* 판 자리. 재생 중인 줄에서는 판 대신 막대가 뛴다. */
|
||
.w4d-mark { position: relative; flex: 0 0 26px; height: 26px; }
|
||
.w4d-disc-sm {
|
||
position: absolute;
|
||
inset: 0;
|
||
border-radius: 50%;
|
||
background:
|
||
radial-gradient(circle at 50% 50%, var(--w4d-lbl, #bf2f1b) 0 34%, transparent 34%),
|
||
repeating-radial-gradient(circle at 50% 50%, rgb(255 255 255 / 0.12) 0 1px, transparent 1px 3px),
|
||
#14110f;
|
||
}
|
||
.w4d-disc-sm::after {
|
||
content: '';
|
||
position: absolute;
|
||
inset: 45%;
|
||
border-radius: 50%;
|
||
background: var(--tpl-card, #efe7d3);
|
||
}
|
||
.w4d-eq {
|
||
position: absolute;
|
||
inset: 0;
|
||
display: none;
|
||
align-items: flex-end;
|
||
justify-content: center;
|
||
gap: 3px;
|
||
padding-bottom: 4px;
|
||
}
|
||
.w4d-eq i {
|
||
width: 3px;
|
||
height: 6px;
|
||
background: var(--tpl-accent, #bf2f1b);
|
||
animation: w4d-eq 0.9s ease-in-out infinite;
|
||
}
|
||
.w4d-eq i:nth-child(2) { animation-delay: 0.18s; }
|
||
.w4d-eq i:nth-child(3) { animation-delay: 0.36s; }
|
||
@keyframes w4d-eq { 0%, 100% { height: 5px; } 50% { height: 17px; } }
|
||
.w4d-item[data-playing='1'] .w4d-disc-sm { display: none; }
|
||
.w4d-item[data-playing='1'] .w4d-eq { display: flex; }
|
||
@media (prefers-reduced-motion: reduce) { .w4d-eq i { animation: none; height: 11px; } }
|
||
|
||
.w4d-info { min-width: 0; flex: 1 1 auto; }
|
||
.w4d-t {
|
||
display: block;
|
||
overflow: hidden;
|
||
font-size: 15px;
|
||
font-weight: 700;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.w4d-sub {
|
||
display: block;
|
||
margin-top: 2px;
|
||
overflow: hidden;
|
||
font-size: 14px;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
opacity: 0.85;
|
||
}
|
||
.w4d-time {
|
||
flex: 0 0 auto;
|
||
font-size: 14px;
|
||
opacity: 0.6;
|
||
font-variant-numeric: tabular-nums;
|
||
}
|
||
|
||
/* 가사 — 우리 곡만. 종이 위 인쇄물처럼 둔다. */
|
||
#w4d-lyrics-box {
|
||
padding: 10px 12px 14px;
|
||
border-top: 1px dashed var(--tpl-border, #bcb49e);
|
||
white-space: pre-line;
|
||
font-size: 15px;
|
||
line-height: 1.9;
|
||
}
|
||
#w4d-lyrics-box[hidden] { display: none; }
|
||
|
||
/* ★ 이용 정보 맨 아래 가로선을 지운다 (2026-09-10 사장님 지시).
|
||
<hr> 이 아니라 바로 뒤 '예약은 아래로 받습니다' 블록의 border-t 다 — 마지막 항목 밑에 선이
|
||
한 줄 더 그어져 빈 칸이 하나 더 있는 것처럼 보인다. 항목 자체는 그대로 둔다.
|
||
마크업을 고치면 하이드레이션이 되돌리므로 CSS 로 끈다. */
|
||
#root div.border-line.flex.flex-col.gap-3.border-t.pt-6 { border-top-width: 0; }
|
||
|
||
/* 사진 저작자 표시 — 출처 줄과 같은 크기, 한 단 더 옅게. */
|
||
.w4d-credit { margin-top: 2px; font-size: 14px; opacity: 0.85; }
|
||
|
||
/* ★ 모바일 헤더에서 전화 단추를 접는다 (2026-09-11 사장님: "저 전화 아이콘은 빼도 되잖아").
|
||
좁은 화면 헤더에 상호 + 플레이어 3개 + 전화 + 메뉴가 다 서서 난잡했다.
|
||
★ 전화가 사라지는 게 아니다 — 이 화면 폭에서는 **하단 탭바에 전화가 이미 있다**
|
||
(실측: NAV fixed bottom:0 · 위치 · 전화 · 네이버 예약). 같은 것이 두 번 서 있던 것이다.
|
||
★ 넓은 화면에서는 탭바가 없으므로 그대로 둔다. */
|
||
@media (max-width: 860px) {
|
||
#root header .shell > div:last-child > a[href^="tel:"] { display: none; }
|
||
}
|
||
|
||
/* 덧붙인 링크 — 본문 글자보다 눈에 띄되 강조색을 남발하지 않는다. */
|
||
.w4d-link {
|
||
color: color-mix(in oklab, var(--tpl-accent, #bf2f1b) 62%, var(--tpl-text, #1b1a15));
|
||
text-decoration: underline;
|
||
text-underline-offset: 3px;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
/* ── 캐치프레이즈 등장 ────────────────────────────────────────────
|
||
★ 줄 전체를 페이드하지 않고 **단어가 마스크 안에서 올라온다.**
|
||
한 줄짜리 문장은 통째로 흐려지면 '바뀌었다'만 보이고 문장이 안 읽힌다 —
|
||
왼쪽부터 차례로 서면 눈이 첫 단어에서 읽기를 시작한다.
|
||
★ 나갈 때는 반대로 위로 빠지며 흐려진다. 들어오는 방향과 나가는 방향이 같으면
|
||
두 문장이 같은 자리에서 겹쳐 보인다.
|
||
★ 자리 흔들림: 처음 구워진 줄 높이를 min-height 로 박아 둔다(스크립트가 잰다).
|
||
문장 길이가 달라 한 줄↔두 줄이 오갈 때 히어로 아래가 튀는 것을 막는다. */
|
||
/* 대표 문구 아래에서 도는 줄 (2026-09-11). 대표 문구보다 한 단 작고 옅게 둔다 —
|
||
둘이 같은 크기·같은 농도면 어느 쪽이 숙소의 한 줄인지 안 읽힌다. */
|
||
.w4d-sub { margin-top: 0.5rem; font-size: var(--fs-sm, 0.9375rem); line-height: 1.6; opacity: 0.75; }
|
||
.w4d-line { display: block; }
|
||
.w4d-line--out {
|
||
opacity: 0;
|
||
transform: translateY(-5px);
|
||
filter: blur(3px);
|
||
transition: opacity 0.3s ease, transform 0.3s ease, filter 0.3s ease;
|
||
}
|
||
.w4d-line--in { opacity: 1; transform: none; filter: none; transition: opacity 0.3s ease, transform 0.3s ease, filter 0.3s ease; }
|
||
|
||
/* 단어 한 칸 = 마스크. 안쪽 글자가 아래에서 올라온다. */
|
||
.w4d-w { display: inline-block; overflow: hidden; vertical-align: bottom; }
|
||
.w4d-w > span {
|
||
display: inline-block;
|
||
transform: translateY(112%);
|
||
opacity: 0;
|
||
filter: blur(4px);
|
||
}
|
||
.w4d-line--in .w4d-w > span {
|
||
animation: w4d-rise 0.62s cubic-bezier(0.16, 0.84, 0.28, 1) forwards;
|
||
animation-delay: var(--w4d-d, 0ms);
|
||
}
|
||
@keyframes w4d-rise {
|
||
from { transform: translateY(112%); opacity: 0; filter: blur(4px); }
|
||
60% { filter: blur(0); }
|
||
to { transform: translateY(0); opacity: 1; filter: blur(0); }
|
||
}
|
||
|
||
@media (prefers-reduced-motion: reduce) {
|
||
.w4d-line--out, .w4d-line--in { transition: none; opacity: 1; transform: none; filter: none; }
|
||
.w4d-w > span { transform: none; opacity: 1; filter: none; animation: none; }
|
||
}
|
||
|
||
/* 가사 — 우리 곡만. 종이 위 인쇄물처럼 둔다. */
|
||
#w4d-lyrics-box {
|
||
max-width: 1120px;
|
||
margin: 0 auto;
|
||
padding: 12px 16px 16px;
|
||
border-top: 1px dashed var(--tpl-border, #bcb49e);
|
||
white-space: pre-line;
|
||
font-size: 15px;
|
||
line-height: 1.9;
|
||
max-height: 40vh;
|
||
overflow-y: auto;
|
||
}
|
||
#w4d-lyrics-box[hidden] { display: none; }
|
||
|
||
/*
|
||
* 일정 정거장 번호 — 제목 글자와 세로 중심을 맞춘다.
|
||
*
|
||
* 번호 동그라미는 inline-grid 라 **안에 든 숫자(10px)의 베이스라인**이 제목(14px)의
|
||
* 베이스라인에 붙는다. 숫자가 17px 상자 한가운데 있으니 동그라미 중심은 그만큼 아래로
|
||
* 내려가고, 렌더러가 얹은 translate-y-px 가 1px 더 내린다.
|
||
* 실측(1280·390 공통): 동그라미 중심이 제목 줄 중심보다 3.14px 아래.
|
||
* 2px 올리면 0.14px — 반올림해서 눈에 안 걸리는 자리다.
|
||
*/
|
||
#itinerary ol li span.inline-grid.rounded-full {
|
||
translate: 0 -2px;
|
||
transform: none;
|
||
}
|
||
|
||
/*
|
||
* ── 가요 다방 판꽂이 ──────────────────────────────────────────────────────
|
||
*
|
||
* ★ 되짚음 (2026-09-14 대표: "모바일 대응이 안 되어있는듯? 무슨 노래인지 모르잖아,
|
||
* 모바일에서는 hover가 없으니까"). 맞는 지적이고, **아래는 내가 만든 회귀였다.**
|
||
* 원래 렌더러(`SongsSection.tsx`)는 판 아래 곡명을 **항상** 보여준다 —
|
||
* `<span className="mt-2 block truncate text-[10px] ...">{song.title}</span>`,
|
||
* 숨기는 코드가 없다. 그런데 같은 날 앞선 지적("LP판이 많아져서 보기가 이상하잖아",
|
||
* 25곡이 `flex-wrap` 으로 3~9줄이 되던 문제)에 답하며 판을 겹쳐 꽂고 **곡명을
|
||
* hover 로만 띄우게** 고쳤다 — 데스크톱 벽은 없앴지만 손가락엔 hover 가 없으니
|
||
* 곡명이 아예 안 보이는 화면이 됐다. 데스크톱만 보고 고친 값이다.
|
||
* ★ 다시 짠다 — **곡명은 항상 보인다. 줄은 접지 않고 가로 한 줄로만 편다.**
|
||
* 판이 25곡이든 50곡이든 줄 수는 하나고, 안 보이는 나머지는 옆으로 스크롤한다.
|
||
* 이 페이지의 다른 레일(주변 명소·인물 열전)이 이미 쓰는 것과 같은 해법이라 —
|
||
* "hover 로 감추기" 는 애초에 필요 없던 처방이었다.
|
||
* ★ 마크업을 고치지 않는다(React 가 되돌린다). `:has()` 로 판이 든 상자만 집는다.
|
||
* 곡명 `<span>` 은 원래도 절대배치가 아니라 `block` 이라 손대지 않는다 — 화면에
|
||
* 보이려고 위치를 옮길 필요가 없다, 그냥 숨기지만 않으면 된다.
|
||
* ★ **화살표 + 실제 카로셀 라이브러리**(2026-09-14 대표: "옆으로 갈수있는 버튼도 주고
|
||
* slider.js 적용해줘"). `inject.js` `startSongsRail()` 이 이 판 목록을 감싸는 상자를
|
||
* 하나 만들어 `.slider-viewport` 로 표시하고(embla-carousel 코어를 그 위에 붙인다 —
|
||
* "군산 읽기" 탭과 같은 라이브러리, `vendor/embla-carousel.umd.js`), 그 안에 원래
|
||
* 판 목록(:has() 로 잡는 이 상자)을 그대로 넣는다. **가로 스크롤·snap 은 이제
|
||
* `.slider-viewport` 쪽 몫이다** — 그 클래스가 이미 그 CSS 를 갖고 있어(전역 번들)
|
||
* 여기서 다시 안 만든다. 이 규칙은 **안쪽 판 줄의 레이아웃(줄바꿈 금지·간격·판 크기)만** 잡는다.
|
||
*/
|
||
#songs div:has(> button > .w4-disc-mini) {
|
||
flex-wrap: nowrap;
|
||
justify-content: flex-start;
|
||
gap: 14px;
|
||
padding: 6px 4px 22px;
|
||
/* 렌더러가 이 div 자체에 준 mt-4 를 지운다 — 지금은 이 div 가 `.slider-viewport` 안에
|
||
들어가 있어, 그 여백이 화살표 줄(위)이 아니라 스크롤 상자 안쪽 빈 공간이 됐다.
|
||
간격은 화살표 줄의 mt-4(inject.js `startSongsRail`)가 대신 준다. */
|
||
margin-top: 0;
|
||
}
|
||
|
||
#songs button:has(> .w4-disc-mini) {
|
||
flex: 0 0 auto;
|
||
width: 68px; /* 원래 96px(`w-24`) — 한 줄로만 펴니 그만큼은 줄여도 된다 */
|
||
transition: transform 0.16s ease;
|
||
}
|
||
#songs button:has(> .w4-disc-mini) > .w4-disc-mini {
|
||
width: 56px;
|
||
height: 56px;
|
||
}
|
||
/* 곡명 — 렌더러가 원래 그리는 그 글자다. 여기서는 줄어든 판 폭에 맞춰 여백만 좁힌다. */
|
||
#songs button:has(> .w4-disc-mini) > .w4-disc-mini + span {
|
||
margin-top: 5px;
|
||
font-size: 14px;
|
||
line-height: 1.4;
|
||
}
|
||
/* 고른 판만 살짝 들어 올린다 — "뽑아 든 판" 표시. 선택 자체(테두리)는 React 가 인라인
|
||
스타일로 이미 그린다(`boxShadow`); 여기선 그 위에 얹는 동작만 더한다. */
|
||
#songs button:has(> .w4-disc-mini):hover { transform: translateY(-4px); }
|
||
#songs button[aria-pressed='true']:has(> .w4-disc-mini) { transform: translateY(-6px); }
|
||
|
||
@media (prefers-reduced-motion: reduce) {
|
||
#songs button:has(> .w4-disc-mini) { transition: none; }
|
||
}
|
||
/* `#songs .slider-viewport` 로 스코프한다 — `.slider-viewport` 를 전부 건드리면
|
||
"군산 읽기" 카로셀과 이 페이지 다른 실제 레일까지 같이 바뀐다. */
|
||
#songs .slider-viewport {
|
||
-webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent 100%);
|
||
mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent 100%);
|
||
/* ★ 원판이 위아래로 잘렸다 (2026-09-18 대표: "원판 아직도 잘린다.. overflow hidden풀어").
|
||
안쪽 :has() div 의 padding 을 늘려도 소용없었다 — 실제로 자르는 경계는 이 뷰포트다.
|
||
`.slider-viewport` 는 overflow-x 만 hidden/auto 로 정하는데, 브라우저는 한 축이라도
|
||
visible 이 아니면 나머지 축도 auto 로 계산한다(CSS Overflow 스펙) — 세로도 이 상자의
|
||
padding-box 에서 잘린다. 판이 hover·선택으로 최대 6px 떠오르고 그림자가 그 위로
|
||
더 번지므로, 뷰포트 자체에 여유를 준다. */
|
||
padding-block: 14px 4px;
|
||
}
|
||
|
||
/*
|
||
* ── 엽서 쓰기 (inject.js ⑥) ───────────────────────────────────────────────
|
||
* `#location` 과 `#festival` 사이의 **독립 섹션**이다(2026-09-14 대표 지시로 '오늘의
|
||
* 엽서' 탭에서 빠져나왔다). 다른 실제 섹션과 같은 껍데기(`.shell` · `--section-space`
|
||
* 세로 여백)를 쓰고, 제목·부제도 `ItemSection` 이 쓰는 것과 같은 전역 클래스(`.h2`
|
||
* `.measure`)라 이 섹션만 따로 CSS 를 두지 않는다 — 안쪽 위젯(캔버스·폼)만 여기서 잡는다.
|
||
*/
|
||
#w4d-pm-section {
|
||
width: 100%;
|
||
padding-block: var(--section-space, 64px);
|
||
background: var(--tpl-surface, #fafafa);
|
||
color: var(--tpl-text, #1b1a15);
|
||
}
|
||
.w4d-pm-layout {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 20px;
|
||
align-items: flex-start;
|
||
}
|
||
.w4d-pm-canvas {
|
||
/* ★ 300px 이던 것을 키웠다(2026-09-14 대표: "엽서 작아서 깨지는데?"). 실제로 그리는
|
||
건 1080×1080 이라 화질 문제는 아니지만, 미리보기가 작으면 안의 문구·소인이 안 읽혀
|
||
"제대로 안 나온 것" 처럼 보인다 — 미리보기 크기를 실물 크기에 맞춘다. */
|
||
width: 420px;
|
||
max-width: 100%;
|
||
aspect-ratio: 1 / 1;
|
||
border: 1px solid var(--tpl-border, #bcb49e);
|
||
background: var(--tpl-card, #efe7d3);
|
||
}
|
||
.w4d-pm-form { flex: 1 1 320px; min-width: 260px; }
|
||
@media (max-width: 767px) {
|
||
.w4d-pm-form { order: -1; }
|
||
}
|
||
/* 썸네일 줄 — `.slider-viewport`(뷰포트) 안에 `.slider-track`(트랙, 이 클래스 자체가
|
||
display:flex 를 준다)이 있다. 여기서는 간격·안쪽 여백만 얹는다(2026-09-14 대표:
|
||
"이미지는 다 가져와서 그냥 카로셀로 보여주든가 하셈" — 9장 전체를 후보로 두면서
|
||
한 줄에 다 못 앉으니 카로셀이 됐다). */
|
||
.w4d-pm-thumbs-viewport { margin-bottom: 12px; }
|
||
.w4d-pm-thumbs { gap: 8px; padding: 2px; }
|
||
.w4d-pm-thumb {
|
||
width: 52px;
|
||
height: 52px;
|
||
flex: 0 0 auto;
|
||
padding: 0;
|
||
overflow: hidden;
|
||
border: 2px solid transparent;
|
||
border-radius: 4px;
|
||
cursor: pointer;
|
||
}
|
||
.w4d-pm-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
|
||
.w4d-pm-thumb[aria-pressed='true'] { border-color: var(--tpl-accent, #bf2f1b); }
|
||
.w4d-pm-text {
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
padding: 10px 12px;
|
||
font: inherit;
|
||
font-family: var(--tpl-font-body, serif);
|
||
font-size: 14px;
|
||
line-height: 1.5;
|
||
color: var(--tpl-text, #1b1a15);
|
||
background: var(--tpl-surface, #fafafa);
|
||
border: 1px solid var(--tpl-border, #bcb49e);
|
||
resize: none; /* 2026-09-14 대표: "textarea 크기 못바꾸게" — 늘리면 옆 캔버스와 높이가 어긋난다 */
|
||
}
|
||
.w4d-pm-count { margin: 4px 0 14px; font-size: 14px; text-align: right; opacity: 0.85; }
|
||
.w4d-pm-actions { display: flex; flex-wrap: wrap; gap: 10px; }
|
||
.w4d-pm-actions button {
|
||
padding: 9px 16px;
|
||
font-size: 15px;
|
||
font-weight: 700;
|
||
border: 1px solid var(--tpl-primary, #1b1a15);
|
||
cursor: pointer;
|
||
}
|
||
.w4d-pm-share { background: var(--tpl-primary, #1b1a15); color: var(--tpl-bg, #fff); }
|
||
.w4d-pm-save { background: transparent; color: var(--tpl-text, #1b1a15); }
|
||
.w4d-pm-hint { margin: 10px 0 0; font-size: 14px; opacity: 0.6; }
|
||
@media (max-width: 480px) {
|
||
.w4d-pm-canvas { width: 100%; }
|
||
}
|
||
|
||
/*
|
||
* ── 군산 읽기 (inject.js ③) ───────────────────────────────────────────────
|
||
* 렌더러에 없는 섹션이라 카드 내용 모양은 여기서 만든다. 색·서체는 전부 템플릿 변수에서
|
||
* 가져온다 — 값을 박으면 템플릿을 바꿀 때 이 섹션만 남의 집처럼 보인다(이 파일의 규약).
|
||
*
|
||
* ★ **카로셀 껍데기는 새로 만들지 않았다** — `.slider-viewport` · `.slider-track` 은
|
||
* 이 사이트가 이미 쓰는 클래스다(`site/src/lib/ui/Carousel.tsx`, 컴파일된 전역 CSS에
|
||
* 이미 있다). 여기서 정의하는 CSS 는 **카드 안 내용물**뿐이다. 점(dots)·간격도 그 컴포넌트가
|
||
* 쓰는 Tailwind 유틸리티(`h-1.5 rounded-full bg-current opacity-70` 등)를 그대로 쓴다.
|
||
* ★ **포스트 하나씩** (2026-09-14 대표). 슬라이드 하나 = 꼭지 하나, 전체 폭을 다 쓴다 —
|
||
* 3~4개를 욱여넣었더니 카드가 좁아져 본문이 한 줄로 접혔었다.
|
||
*/
|
||
/* '군산 이야기' 탭 하나로 접혀 들어왔다(2026-09-14) — 독립 섹션의 배경·제호는 없다.
|
||
나머지 다섯 탭 패널과 같은 폭(`.shell`)에, 위아래 여백만 얹는다. */
|
||
#w4d-reading-panel {
|
||
padding: 26px 0 4px;
|
||
color: var(--tpl-text, #1b1a15);
|
||
font-family: var(--tpl-font-body, serif);
|
||
}
|
||
/* .w4d-read-kicker 삭제 — 2026-09-14 대표: "군산읽기만 타이틀이 없서 통일 시켜",
|
||
커스텀 캡션 대신 다른 네 탭과 같은 h2.h2 + p.measure 로 바꿨다(inject.js startReading()). */
|
||
|
||
/* ── 슬라이드 폭 ── `CarouselSlide` 의 관례와 같다: 모바일은 다음 장이 살짝 걸치게(86%),
|
||
데스크톱은 한 장이 크게 온다(560px 안팎). "다음 장이 걸쳐 보이는 것" 이 옆에 더 있다는
|
||
유일한 시각 신호라는 그 컴포넌트의 원칙을 그대로 따른다. */
|
||
.w4d-read-basis { width: 86%; }
|
||
@media (min-width: 640px) { .w4d-read-basis { width: min(600px, 56%); } }
|
||
|
||
/* ── 포스트 카드 — 슬라이드 하나 = 꼭지 하나. */
|
||
.w4d-read-card {
|
||
height: 100%;
|
||
padding: 18px 20px 16px;
|
||
background: var(--tpl-card, #efe7d3);
|
||
border: 1px solid var(--tpl-border, #bcb49e);
|
||
border-radius: var(--tpl-radius, 0);
|
||
}
|
||
.w4d-read-page {
|
||
margin: 0 0 8px;
|
||
font-size: 14px;
|
||
font-weight: 700;
|
||
letter-spacing: 0.18em;
|
||
color: color-mix(in oklab, var(--tpl-accent, #bf2f1b) 62%, var(--tpl-text, #1b1a15));
|
||
}
|
||
.w4d-read-year { font-weight: 400; letter-spacing: 0.06em; opacity: 0.7; }
|
||
.w4d-read-card h3 {
|
||
margin: 0 0 10px;
|
||
padding-bottom: 10px;
|
||
border-bottom: 2px solid var(--tpl-primary, #1b1a15);
|
||
font-family: var(--tpl-font-heading, var(--tpl-font-body, serif));
|
||
font-size: 21px;
|
||
font-weight: 700;
|
||
line-height: 1.3;
|
||
}
|
||
.w4d-read-body {
|
||
margin: 0;
|
||
font-size: 14.5px;
|
||
line-height: 1.8;
|
||
text-align: justify;
|
||
word-break: keep-all;
|
||
opacity: 0.88;
|
||
}
|
||
.w4d-read-src {
|
||
margin-top: 14px;
|
||
padding-top: 10px;
|
||
border-top: 1px dashed var(--tpl-border, #bcb49e);
|
||
font-size: 14px;
|
||
font-style: italic;
|
||
opacity: 0.6;
|
||
}
|
||
.w4d-read-src a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
|
||
/* .w4d-read-flag(확인필요 배지) 삭제 — 2026-09-14 대표: "확인필요 없애고 링크는
|
||
네이버 링크로", inject.js startReading() 도 같이 뺐다. */
|
||
|
||
@media (max-width: 640px) {
|
||
.w4d-read-card h3 { font-size: 18px; }
|
||
}
|
||
|
||
/* ══ 사진 갤러리 쪽 넘김 (데스크톱만) ═══════════════════════════════════════
|
||
* ★ 왜 (2026-09-14 사장님: "사진갤러리 전체 렌더링 말고 페이징 좀, 너무 많아 데스크톱에서는")
|
||
* 갤러리는 좁은 화면에서 한 장씩 미는 캐러셀이지만 넓은 화면에서는 4열 격자로 **전부**
|
||
* 깔린다(`GallerySection.tsx` — `lg:grid lg:grid-cols-4`). 사진 37장이면 열 줄이 되어
|
||
* 페이지가 사진으로 끊긴다.
|
||
* ★ 좁은 화면은 그대로 둔다 — 거기서는 한 장이 폭을 다 쓰는 캐러셀이라 이미 한 번에 하나다.
|
||
* 그래서 숨김 규칙 전부가 `min-width: 1024px`(Tailwind `lg`) 안에 있다.
|
||
* ★ 마크업을 지우지 않고 **속성으로만** 가린다. React 가 payload 로 다시 그리면 잘라낸
|
||
* <li> 는 돌아오지만, 그때는 주입 JS 가 속성을 다시 찍는다(inject.js ⑧).
|
||
* 그리고 사진이 DOM 에 남아 있어야 alt 문장이 문서에 남는다 — 이미지 검색이 그걸 읽는다
|
||
* (같은 이유가 `GallerySection.tsx` 머리주석에도 있다).
|
||
*/
|
||
.w4d-gal-pager { display: none; }
|
||
|
||
@media (min-width: 1024px) {
|
||
#gallery ul[data-w4d-gal] > li[data-w4d-gal-on='0'] { display: none; }
|
||
|
||
.w4d-gal-pager {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 6px;
|
||
margin-top: 18px;
|
||
}
|
||
.w4d-gal-pager button {
|
||
min-width: 30px;
|
||
height: 30px;
|
||
padding: 0 8px;
|
||
border: 1px solid var(--tpl-border, #bcb49e);
|
||
border-radius: 8px;
|
||
background: transparent;
|
||
color: inherit;
|
||
font-size: 15px;
|
||
font-variant-numeric: tabular-nums;
|
||
line-height: 1;
|
||
cursor: pointer;
|
||
transition: background-color 0.15s ease, opacity 0.15s ease;
|
||
}
|
||
.w4d-gal-pager button:hover:not(:disabled) { background: color-mix(in srgb, currentColor 8%, transparent); }
|
||
.w4d-gal-pager button:disabled { opacity: 0.3; cursor: default; }
|
||
.w4d-gal-pager button[aria-current='true'] {
|
||
background: var(--tpl-primary, #1b1a15);
|
||
border-color: var(--tpl-primary, #1b1a15);
|
||
color: var(--tpl-bg, #fff);
|
||
font-weight: 700;
|
||
}
|
||
.w4d-gal-total { margin-left: 8px; font-size: 14px; opacity: 0.85; }
|
||
}
|
||
|
||
/* ── 768~1023px 에서 하단 탭바가 푸터 마지막 줄을 덮는 것 막기 ─────────────────
|
||
★ 실측(2026-09-14 대표 스크린샷, 태블릿 폭 Edge): 푸터(SiteFooter.tsx)는 768px
|
||
부터 아래 여백을 줄이는데(pb-28 → md:pb-14), 하단 고정 탭바(MobileTabBar.tsx)는
|
||
1024px 이 되기 전엔 그대로 떠 있다(lg:hidden). 그래서 768~1023px 사이에서만
|
||
푸터 마지막 줄이 탭바에 깔린다 — 두 컴포넌트가 서로 다른 기준(md·lg)으로
|
||
"이제 모바일 아니다"를 판단해 생기는 폭이다.
|
||
★ 진짜 수정은 렌더러 쪽(`solution/site/src/sections/SiteFooter.tsx`)에서
|
||
`md:pb-14` 를 탭바와 같은 `lg:pb-14` 로 맞추는 것인데, 그건 발행 사이트 전부에
|
||
영향을 주는 변경이라 다시 굽고(`docker compose restart solution-prerender`)
|
||
전부 재발행(`republish_all.py`)해야 한다 — 이 목업만 먼저 막는다. */
|
||
@media (min-width: 768px) and (max-width: 1023.98px) {
|
||
footer { padding-bottom: 7rem !important; }
|
||
}
|
||
|
||
#w4d-mini[data-armed="1"] #w4d-play { animation: w4d-breathe 2.4s ease-in-out infinite; }
|
||
@keyframes w4d-breathe { 0%, 100% { opacity: 1 } 50% { opacity: .45 } }
|
||
@media (prefers-reduced-motion: reduce) {
|
||
#w4d-mini[data-armed="1"] #w4d-play { animation: none }
|
||
}
|
||
|
||
h3.border-line.mb-3.border-b.pb-2 { border-bottom: 0; padding-bottom: 0; }
|
||
|
||
#units .rounded-md.border-line.tpl-border {
|
||
border-radius: 999px;
|
||
border-width: 0;
|
||
padding-inline: 0.9rem;
|
||
background-color: color-mix(in srgb, var(--tpl-text, #1b1a15) 8%, transparent);
|
||
}
|
||
|
||
/* 축제 각주 삭제 (2026-09-17 대표 지시) — 렌더러는 그대로 두고 시연본에서만 감춘다. */
|
||
#festival > div > p.text-muted:last-child { display: none; }
|
||
|
||
</style>
|
||
<script id="w4d-js">
|
||
/* /s/stay 목업 주입분 — ① 캐치프레이즈 순환 ② 헤더 안 미니 플레이어.
|
||
*
|
||
* ★ 플레이어는 자리를 세 번 옮겼다. 지금은 **사이트 헤더 안**이다.
|
||
* ① 하단 바 → 모바일에서 발행본의 탭바(fixed bottom:0 · 61px · z-50 — 위치·전화·예약)를 덮었다.
|
||
* ② 상단 바 → 헤더와 두 줄이 되어 화면 위 120px 이 크롬이 됐다("조금 이상한데").
|
||
* ③ 헤더 안 아이콘 — 줄이 늘지 않는다. 원판·곡명 없이 재생·다음·목록 세 단추뿐이고,
|
||
* 곡 정보는 목록을 열 때만 보인다.
|
||
*
|
||
* ★ 헤더는 React 가 그린다. 그래서 두 가지를 지킨다.
|
||
* · 단추는 헤더 안에 꽂지만, 없어졌는지 감시해서 다시 꽂는다(하이드레이션 재렌더가 지운다).
|
||
* · 목록 패널은 #root **밖**(body 직속)에 둔다 — 안에 두면 재렌더에 통째로 날아간다.
|
||
*
|
||
* ★ 재생은 곡의 audioUrl(사장님이 직접 만든 음원)만 쓴다. 파일은 `/s/<slug>/audio/…` 에 있고,
|
||
* nginx 의 `^~ /s/` 가 그대로 서빙한다(Range 206 확인). 옛 가요 네 곡은 우리 음원이 아니라
|
||
* 플레이어에 올리지 않는다 — 가요 다방 섹션에는 그대로 남는다.
|
||
* ★ 가사는 payload 에 있을 때만 낸다. 직접 만든 곡이라 원문을 실어도 되는 유일한 경우다.
|
||
*/
|
||
(function () {
|
||
'use strict';
|
||
|
||
var P = window.__SITE_PAYLOAD__;
|
||
if (!P) return;
|
||
|
||
var REDUCED = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
||
|
||
function pick(list) {
|
||
return list && list.length ? list[Math.floor(Math.random() * list.length)] : null;
|
||
}
|
||
|
||
/* ══ ① 캐치프레이즈 ══════════════════════════════════════════════════════
|
||
* 일반(랜덤) → 계절 → 일반 → 월 → 일반 → 날씨 순으로 한 바퀴를 만들고 그 바퀴를 돈다.
|
||
* 일반은 자루에서 뽑아 쓰고 자루가 비면 다시 채운다 — 매번 랜덤이면 같은 문장이 연달아 나온다.
|
||
*/
|
||
function catchphrases() {
|
||
var box = P.narrative && P.narrative.catchphrases;
|
||
return (box && box.items) || [];
|
||
}
|
||
|
||
/* 3개월 단위. 12·1·2 겨울 / 3·4·5 봄 / 6·7·8 여름 / 9·10·11 가을 */
|
||
var SEASON_OF_MONTH = ['겨울', '겨울', '봄', '봄', '봄', '여름', '여름', '여름', '가을', '가을', '가을', '겨울'];
|
||
|
||
function startCatchphrase() {
|
||
var items = catchphrases();
|
||
if (items.length === 0) return;
|
||
|
||
/* ★ 대표 문구는 고정이고, 순환은 그 **아래 줄**에서 돈다 (2026-09-11 사장님 지시:
|
||
"메인 모토는 고정으로 하고, 그 아래 계속 변동되는 모토가 돌아가는 방향").
|
||
예전에는 대표 문구 자리를 통째로 갈아 끼워 "히로쓰 가옥 담 너머…" 가 5초 뒤 사라졌다 —
|
||
숙소 이름 다음으로 남아야 할 한 줄이 첫 화면에서 지워지는 셈이었다. */
|
||
/* ★ 대표 문구는 고정이고, 순환은 그 **아래 줄**에서 돈다 (2026-09-11 사장님 지시:
|
||
"메인 모토는 고정으로 하고, 그 아래 계속 변동되는 모토가 돌아가는 방향").
|
||
예전에는 대표 문구 자리를 통째로 갈아 끼워 "히로쓰 가옥 담 너머…" 가 5초 뒤 사라졌다 —
|
||
숙소 이름 다음으로 남아야 할 한 줄이 첫 화면에서 지워지는 셈이었다. */
|
||
var base = ((P.narrative && P.narrative.tagline) || '').trim();
|
||
var node = null;
|
||
|
||
/* ★ 노드를 들고 있지 않고 매번 확인한다.
|
||
이 목업은 payload 를 손으로 고친 것이라 구워진 마크업과 어긋나고, React 는 하이드레이션에
|
||
실패하면 #root 를 **통째로 다시 그린다** — 대표 문구 <p> 가 새 노드로 바뀌고 그 아래 붙여 둔
|
||
줄은 같이 사라진다. 한 번 잡아 둔 참조로 계속 쓰면 그 순간부터 아무 일도 안 일어나면서 오류도 안 난다. */
|
||
function findTagline() {
|
||
var candidates = document.querySelectorAll('#root p');
|
||
for (var i = 0; i < candidates.length; i += 1) {
|
||
if (candidates[i].textContent.trim() === base) return candidates[i];
|
||
}
|
||
return null;
|
||
}
|
||
function ensureNode() {
|
||
if (node && node.isConnected) return node;
|
||
var tagline = findTagline();
|
||
if (!tagline) return null;
|
||
node = document.createElement('p');
|
||
node.id = 'w4d-sub';
|
||
node.className = 'w4d-sub measure';
|
||
tagline.insertAdjacentElement('afterend', node);
|
||
reserve();
|
||
return node;
|
||
}
|
||
if (!base || !findTagline()) return;
|
||
|
||
/* 줄 높이를 **가장 긴 문구**에 맞춰 박는다. 히어로는 아래 정렬이라 이 줄이 한 줄↔두 줄을 오가면
|
||
숙소 이름과 대표 문구가 통째로 위아래로 튄다. 지금 폭에서 문구를 다 재 보고 가장 높은 값을 쓴다. */
|
||
function reserve() {
|
||
var width = node.getBoundingClientRect().width;
|
||
if (!width) return;
|
||
var probe = node.cloneNode(false);
|
||
probe.removeAttribute('id');
|
||
probe.style.cssText = 'position:absolute;visibility:hidden;pointer-events:none;width:' + width + 'px';
|
||
node.parentNode.appendChild(probe);
|
||
var max = 0;
|
||
items.forEach(function (it) {
|
||
probe.textContent = it.text;
|
||
max = Math.max(max, probe.getBoundingClientRect().height);
|
||
});
|
||
probe.remove();
|
||
node.style.minHeight = Math.ceil(max) + 'px';
|
||
}
|
||
var resizeTimer = null;
|
||
window.addEventListener('resize', function () {
|
||
window.clearTimeout(resizeTimer);
|
||
resizeTimer = window.setTimeout(function () { if (node && node.isConnected) reserve(); }, 200);
|
||
});
|
||
|
||
var byKind = function (kind) {
|
||
return items.filter(function (it) { return it.kind === kind; });
|
||
};
|
||
var weather = null; // 못 받아 오면 날씨 문장은 아예 순환에 넣지 않는다.
|
||
var bag = [];
|
||
var cycle = [];
|
||
|
||
function nextGeneral() {
|
||
if (bag.length === 0) {
|
||
bag = byKind('general').slice();
|
||
for (var j = bag.length - 1; j > 0; j -= 1) {
|
||
var k = Math.floor(Math.random() * (j + 1));
|
||
var t = bag[j]; bag[j] = bag[k]; bag[k] = t;
|
||
}
|
||
}
|
||
return bag.pop();
|
||
}
|
||
|
||
function buildCycle() {
|
||
var now = new Date();
|
||
var month = now.getMonth() + 1;
|
||
var season = SEASON_OF_MONTH[month - 1];
|
||
var out = [nextGeneral()];
|
||
out.push(pick(byKind('season').filter(function (it) { return it.season === season; })));
|
||
out.push(nextGeneral());
|
||
out.push(pick(byKind('month').filter(function (it) { return it.month === month; })));
|
||
out.push(nextGeneral());
|
||
if (weather) {
|
||
out.push(pick(byKind('weather').filter(function (it) { return it.weather === weather; })));
|
||
}
|
||
return out.filter(Boolean);
|
||
}
|
||
function ensureNode() {
|
||
if (node && node.isConnected) return node;
|
||
var tagline = findTagline();
|
||
if (!tagline) return null;
|
||
node = document.createElement('p');
|
||
node.id = 'w4d-sub';
|
||
node.className = 'w4d-sub measure';
|
||
tagline.insertAdjacentElement('afterend', node);
|
||
reserve();
|
||
return node;
|
||
}
|
||
if (!base || !findTagline()) return;
|
||
|
||
/* 줄 높이를 **가장 긴 문구**에 맞춰 박는다. 히어로는 아래 정렬이라 이 줄이 한 줄↔두 줄을 오가면
|
||
숙소 이름과 대표 문구가 통째로 위아래로 튄다. 지금 폭에서 문구를 다 재 보고 가장 높은 값을 쓴다. */
|
||
function reserve() {
|
||
var width = node.getBoundingClientRect().width;
|
||
if (!width) return;
|
||
var probe = node.cloneNode(false);
|
||
probe.removeAttribute('id');
|
||
probe.style.cssText = 'position:absolute;visibility:hidden;pointer-events:none;width:' + width + 'px';
|
||
node.parentNode.appendChild(probe);
|
||
var max = 0;
|
||
items.forEach(function (it) {
|
||
probe.textContent = it.text;
|
||
max = Math.max(max, probe.getBoundingClientRect().height);
|
||
});
|
||
probe.remove();
|
||
node.style.minHeight = Math.ceil(max) + 'px';
|
||
}
|
||
var resizeTimer = null;
|
||
window.addEventListener('resize', function () {
|
||
window.clearTimeout(resizeTimer);
|
||
resizeTimer = window.setTimeout(function () { if (node && node.isConnected) reserve(); }, 200);
|
||
});
|
||
|
||
var cycle = [];
|
||
function buildCycle() { return items.filter(function (item) { return item.kind === "general"; }); }
|
||
|
||
/* 문장 하나를 단어 칸으로 조립한다. innerHTML 을 안 쓰는 이유는 문구가 데이터라서다 —
|
||
지금은 우리가 쓴 문장이지만, 이 자리는 나중에 서버가 채운다. */
|
||
function paint(text) {
|
||
var line = document.createElement('span');
|
||
line.className = 'w4d-line';
|
||
text.split(/\s+/).forEach(function (word, index) {
|
||
if (index > 0) line.appendChild(document.createTextNode(' '));
|
||
var mask = document.createElement('span');
|
||
mask.className = 'w4d-w';
|
||
var inner = document.createElement('span');
|
||
inner.textContent = word;
|
||
// 단어마다 조금씩 늦게 선다. 55ms 면 열 단어가 0.5초 안에 다 서서 읽기를 안 기다리게 한다.
|
||
inner.style.setProperty('--w4d-d', index * 55 + 'ms');
|
||
mask.appendChild(inner);
|
||
line.appendChild(mask);
|
||
});
|
||
node.textContent = '';
|
||
node.appendChild(line);
|
||
// 클래스를 한 프레임 뒤에 건다 — 같은 프레임에 붙이면 애니메이션 시작 상태가 없다.
|
||
window.requestAnimationFrame(function () { line.classList.add('w4d-line--in'); });
|
||
}
|
||
|
||
function show(text) {
|
||
var fresh = !(node && node.isConnected);
|
||
if (!ensureNode()) return;
|
||
if (REDUCED) { node.textContent = text; return; }
|
||
var current = node.firstElementChild;
|
||
if (current && current.classList.contains('w4d-line')) {
|
||
current.classList.remove('w4d-line--in');
|
||
current.classList.add('w4d-line--out');
|
||
}
|
||
// 새로 붙인 줄은 비어 있으니 나갈 문장이 없다 — 기다리지 않고 바로 세운다.
|
||
window.setTimeout(function () {
|
||
if (!ensureNode()) return;
|
||
paint(text);
|
||
}, fresh ? 0 : 300);
|
||
}
|
||
|
||
function tick() {
|
||
if (cycle.length === 0) cycle = buildCycle();
|
||
var next = cycle.shift();
|
||
if (next && next.text) show(next.text);
|
||
}
|
||
|
||
/* 날씨는 렌더러가 쓰는 그 엔드포인트로 받는다(같은 오리진). 실패하면 조용히 넘어간다 —
|
||
날씨 문장 몇 개 때문에 순환이 멈추면 안 된다. */
|
||
function refreshWeather() {
|
||
var place = P.place || {};
|
||
if (!place.regionCode || place.latitude == null) return;
|
||
var query = 'region_code=' + encodeURIComponent(place.regionCode) +
|
||
'&latitude=' + place.latitude + '&longitude=' + place.longitude;
|
||
fetch('/v1/local/weather?' + query)
|
||
.then(function (r) { return r.ok ? r.json() : null; })
|
||
.then(function (body) {
|
||
if (!body || !body.weather) return;
|
||
var code = Number(body.weather.weather_code);
|
||
// 렌더러(use-live-weather.ts)와 같은 분류를 쓴다 — 갈리면 화면의 날씨와 문장이 어긋난다.
|
||
weather = code === 0 ? '맑음'
|
||
: code >= 1 && code <= 3 ? '구름많음'
|
||
: code >= 50 && code <= 69 ? '비'
|
||
: code >= 70 && code <= 79 ? '눈' : '흐림';
|
||
})
|
||
.catch(function () { /* 구운 값 그대로 둔다 */ });
|
||
}
|
||
|
||
refreshWeather();
|
||
window.setInterval(refreshWeather, 10 * 60 * 1000);
|
||
// 대표 문구가 먼저 읽히고 나서 아래 줄이 선다 — 둘이 한꺼번에 뜨면 어느 쪽이 숙소의 한 줄인지 안 읽힌다.
|
||
window.setTimeout(function () {
|
||
tick();
|
||
window.setInterval(function () { if (!document.hidden && !REDUCED) tick(); }, 6000);
|
||
}, 1200);
|
||
}
|
||
|
||
/* ══ ② 헤더 안 미니 플레이어 ═══════════════════════════════════════════════
|
||
* ★ 단추는 둘뿐이다 — 재생/멈춤과 목록 (2026-09-10 사장님: 셔플 단추 "얘는 빼도 되지 않을까?").
|
||
* 곡이 끝나면 어차피 무작위로 다음 곡이 걸리므로 셔플 단추가 할 일이 없었다.
|
||
* 다른 곡을 지금 듣고 싶으면 목록에서 고른다 — 그게 더 짧은 길이다. */
|
||
var ICON = {
|
||
/* ★ 카세트가 먼저 선다 (2026-09-10 사장님: "전혀 뮤직플레이어 같지가 않아").
|
||
세모·셔플·줄 세 개만 두면 헤더의 다른 아이콘과 구별이 안 된다 — 무엇을 하는 물건인지가
|
||
한눈에 안 읽힌다. 카세트는 그 자체가 '노래' 라는 표시이고, 재생 중에는 릴이 돈다. */
|
||
cassette: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6">' +
|
||
'<rect x="2" y="5" width="20" height="14" rx="2"/>' +
|
||
'<g class="w4d-reel"><circle cx="8.5" cy="12" r="2.6"/><path d="M8.5 9.4v5.2M5.9 12h5.2"/></g>' +
|
||
'<g class="w4d-reel"><circle cx="15.5" cy="12" r="2.6"/><path d="M15.5 9.4v5.2M12.9 12h5.2"/></g>' +
|
||
'<path d="M6 19l1.5-2.4h9L18 19"/></svg>',
|
||
note: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M20 4v10.5a3.5 3.5 0 1 1-2-3.16V7.8l-8 1.6v7.1a3.5 3.5 0 1 1-2-3.16V6.2z"/></svg>',
|
||
play: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>',
|
||
pause: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M7 5h3.4v14H7zm6.6 0H17v14h-3.4z"/></svg>',
|
||
/* ★ 햄버거(줄 세 개)를 쓰지 않는다 (2026-09-11 사장님: "햄버거 메뉴 버튼이랑 음악 메뉴
|
||
아이콘이랑 같아서 헷갈림"). 바로 옆에 사이트 메뉴 단추가 같은 모양으로 서 있었다.
|
||
줄 끝에 음표를 달아 **재생 목록**으로 읽히게 한다. */
|
||
list: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" ' +
|
||
'stroke-linecap="round"><path d="M4 7h11M4 12h11M4 17h7"/>' +
|
||
'<path d="M19 17.5V9l3 1.2"/><circle cx="17.4" cy="17.6" r="1.7" fill="currentColor" stroke="none"/></svg>',
|
||
close: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 6l12 12M18 6L6 18"/></svg>',
|
||
};
|
||
|
||
/* 플레이어가 트는 것은 **숙소가 만든 곡**이다(payload.narrative.ownSongs).
|
||
가요 다방 섹션(theme.sections.songs)은 이 도시를 노래한 옛 곡이라 우리 음원이 없다 —
|
||
목록에 세우면 누를 때마다 유튜브로 튕겨 나간다. 두 목록은 섞지 않는다. */
|
||
function songsOfPayload() {
|
||
var box = P.narrative && P.narrative.ownSongs;
|
||
return (box && box.items) || [];
|
||
}
|
||
|
||
function startPlayer() {
|
||
var songs = songsOfPayload().filter(function (song) { return song.audioUrl; });
|
||
if (songs.length === 0) return;
|
||
|
||
/* ★ **시작 곡만 무작위, 그다음은 순차**다 (2026-09-11 사장님 지시).
|
||
매번 무작위로 뽑으면 다섯 곡을 한 바퀴 도는 데 순서가 없어 "아까 그 곡" 을 다시 찾기 어렵다.
|
||
손님마다 다른 곡으로 시작하되(들어올 때마다 같은 곡이면 배경음악이 하나인 것처럼 들린다),
|
||
한 번 시작하면 A면 순서대로 끝까지 돌고 처음으로 돌아온다. */
|
||
var cur = Math.floor(Math.random() * songs.length);
|
||
var playing = false;
|
||
var userPaused = false;
|
||
|
||
function nextIndex() {
|
||
return (cur + 1) % songs.length;
|
||
}
|
||
|
||
/* ── 헤더에 꽂을 단추 세 개 ─────────────────────────────────────── */
|
||
var mini = document.createElement('span');
|
||
mini.id = 'w4d-mini';
|
||
mini.innerHTML =
|
||
'<span id="w4d-tape" aria-hidden="true" title="머뭄이 만든 노래">' + ICON.cassette + '</span>' +
|
||
'<span id="w4d-now" aria-live="polite"></span>' +
|
||
'<button type="button" id="w4d-play" title="머뭄의 노래 재생">' + ICON.play + '</button>' +
|
||
'<button type="button" id="w4d-toggle" title="노래 목록" aria-expanded="false">' + ICON.list + '</button>';
|
||
|
||
/* ── 목록 패널 (body 직속) ──────────────────────────────────────── */
|
||
var panel = document.createElement('div');
|
||
panel.id = 'w4d-panel';
|
||
panel.hidden = true;
|
||
panel.innerHTML =
|
||
'<div class="w4d-head">' +
|
||
'<span class="w4d-head-t">머뭄이 만든 노래</span>' +
|
||
'<span class="w4d-head-n">' + songs.length + '곡</span>' +
|
||
'<button type="button" id="w4d-close" title="닫기" aria-label="닫기">' + ICON.close + '</button></div>' +
|
||
'<ol></ol>' +
|
||
'<div id="w4d-lyrics-box" hidden></div>';
|
||
document.body.appendChild(panel);
|
||
|
||
var listOl = panel.querySelector('ol');
|
||
var $ = function (id) { return document.getElementById(id); };
|
||
|
||
var audio = new Audio();
|
||
audio.preload = 'none'; // 손님이 누를 때까지 6MB 를 받지 않는다
|
||
audio.addEventListener('timeupdate', paintRow);
|
||
audio.addEventListener('durationchange', paintRow);
|
||
audio.addEventListener('ended', function () { load(nextIndex(), true); });
|
||
audio.addEventListener('error', function () { playing = false; render(); });
|
||
|
||
function clock(sec) {
|
||
if (typeof sec !== 'number' || !isFinite(sec)) return '';
|
||
var m = Math.floor(sec / 60);
|
||
var s = Math.floor(sec % 60);
|
||
return m + ':' + (s < 10 ? '0' : '') + s;
|
||
}
|
||
|
||
function meta(song) {
|
||
return [song.artist, song.year].filter(Boolean).join(' · ');
|
||
}
|
||
|
||
/* 목록 한 줄 = 판 하나 + 제목/가수 + 시간.
|
||
★ 줄 높이를 48px 아래로 내리지 않는다 — 손가락으로 누르는 자리다(모바일). */
|
||
function buildList() {
|
||
listOl.innerHTML = '';
|
||
songs.forEach(function (song, index) {
|
||
var li = document.createElement('li');
|
||
var btn = document.createElement('button');
|
||
btn.type = 'button';
|
||
btn.className = 'w4d-item';
|
||
btn.innerHTML =
|
||
'<span class="w4d-mark">' +
|
||
'<span class="w4d-disc-sm"></span>' +
|
||
'<span class="w4d-eq" aria-hidden="true"><i></i><i></i><i></i></span>' +
|
||
'</span>' +
|
||
'<span class="w4d-info"><span class="w4d-t"></span><span class="w4d-sub"></span></span>' +
|
||
'<span class="w4d-time"></span>';
|
||
btn.querySelector('.w4d-disc-sm').style.setProperty('--w4d-lbl', song.labelColor || '#bf2f1b');
|
||
btn.querySelector('.w4d-t').textContent = song.title;
|
||
btn.querySelector('.w4d-sub').textContent = song.artist || '';
|
||
btn.addEventListener('click', function () { load(index, true); });
|
||
li.appendChild(btn);
|
||
listOl.appendChild(li);
|
||
});
|
||
}
|
||
|
||
/* 시간은 지금 재생 중인 줄에만 적는다 — 헤더에는 곡명도 시간도 두지 않기로 했다.
|
||
★ 나머지 줄은 비워 둔다. 예전에는 가수 이름을 넣었는데 다섯 곡이 전부 '스테이,머뭄' 이라
|
||
같은 글자가 다섯 줄 반복됐다(가수는 줄 안에 이미 있다). */
|
||
function paintRow() {
|
||
var rows = listOl.querySelectorAll('.w4d-item');
|
||
for (var i = 0; i < rows.length; i += 1) {
|
||
var slot = rows[i].querySelector('.w4d-time');
|
||
if (i !== cur || !audio.src) { slot.textContent = ''; continue; }
|
||
slot.textContent = playing || audio.currentTime > 0
|
||
? clock(audio.currentTime) + (audio.duration ? ' / ' + clock(audio.duration) : '')
|
||
: '';
|
||
}
|
||
}
|
||
|
||
function render() {
|
||
var song = songs[cur] || {};
|
||
/* 헤더에 **지금 나오는 곡명**을 적는다 (2026-09-11 사장님: "현재 곡명이 나오는 게 맞지 않나").
|
||
소리가 나는데 무슨 곡인지 화면 어디에도 없으면 손님이 목록을 열어 봐야 안다. */
|
||
$('w4d-now').textContent = song.title || '';
|
||
$('w4d-play').innerHTML = playing ? ICON.pause : ICON.play;
|
||
$('w4d-play').dataset.playing = playing ? '1' : '0';
|
||
mini.dataset.playing = playing ? '1' : '0';
|
||
$('w4d-play').title = (playing ? '멈춤 · ' : '재생 · ') + (song.title || '');
|
||
var rows = listOl.querySelectorAll('.w4d-item');
|
||
for (var i = 0; i < rows.length; i += 1) {
|
||
rows[i].setAttribute('aria-current', i === cur ? 'true' : 'false');
|
||
rows[i].dataset.playing = i === cur && playing ? '1' : '0';
|
||
}
|
||
var box = $('w4d-lyrics-box');
|
||
if (song.lyrics) { box.textContent = song.lyrics; box.hidden = false; } else { box.hidden = true; }
|
||
paintRow();
|
||
}
|
||
|
||
function stop() {
|
||
playing = false;
|
||
audio.pause(); // 자리는 남긴다 — 다시 누르면 이어 듣는다
|
||
}
|
||
|
||
function load(index, alsoPlay) {
|
||
cur = (index + songs.length) % songs.length;
|
||
stop();
|
||
audio.removeAttribute('src');
|
||
render();
|
||
if (alsoPlay) play();
|
||
}
|
||
|
||
var FADE_MS = 1200;
|
||
var fadeTimer = 0;
|
||
|
||
function fadeIn() {
|
||
window.clearInterval(fadeTimer);
|
||
try { audio.volume = 0; } catch (err) { return; }
|
||
if (audio.volume > 0.01) return;
|
||
var t0 = Date.now();
|
||
fadeTimer = window.setInterval(function () {
|
||
var k = Math.min(1, (Date.now() - t0) / FADE_MS);
|
||
try { audio.volume = k * k; } catch (err) { k = 1; }
|
||
if (k >= 1) window.clearInterval(fadeTimer);
|
||
}, 40);
|
||
}
|
||
|
||
function play() {
|
||
var song = songs[cur] || {};
|
||
if (!song.audioUrl) return;
|
||
if (audio.getAttribute('src') !== song.audioUrl) audio.src = song.audioUrl;
|
||
fadeIn();
|
||
var started = audio.play();
|
||
// 자동재생 차단·파일 오류는 예외가 아니라 거절된 약속으로 온다.
|
||
if (started && started.catch) started.catch(function () { playing = false; render(); });
|
||
playing = true;
|
||
render();
|
||
return started; // 자동재생이 막혔는지 부르는 쪽이 알아야 한다
|
||
}
|
||
|
||
/* 패널은 fixed 라 헤더 밑에 손으로 붙인다 — 헤더가 sticky 라 스크롤해도 자리가 같다. */
|
||
/* 패널 자리. 좁은 화면에서는 좌우를 화면에 맞춰 펼친다 — 320px 고정이면 390px 화면에서
|
||
한쪽이 잘리거나 글자가 두 줄로 접힌다(2026-09-11 사장님: "모바일 대응이 안 되어 있음"). */
|
||
function placePanel() {
|
||
var header = document.querySelector('#root header');
|
||
var box = header ? header.getBoundingClientRect() : null;
|
||
panel.style.top = (box ? box.bottom + 6 : 66) + 'px';
|
||
if (window.innerWidth <= 640) {
|
||
panel.style.left = '8px';
|
||
panel.style.right = '8px';
|
||
} else {
|
||
panel.style.left = 'auto';
|
||
var anchor = mini.getBoundingClientRect();
|
||
panel.style.right = Math.max(12, window.innerWidth - anchor.right) + 'px';
|
||
}
|
||
}
|
||
|
||
function togglePanel(force) {
|
||
var open = typeof force === 'boolean' ? force : panel.hidden;
|
||
panel.hidden = !open;
|
||
$('w4d-toggle').setAttribute('aria-expanded', String(open));
|
||
if (open) placePanel();
|
||
}
|
||
|
||
mini.addEventListener('click', function (event) {
|
||
var btn = event.target.closest('button');
|
||
if (!btn) return;
|
||
disarmAutoplay(); // 손님이 직접 잡았다 — 첫 손길 대기를 푼다
|
||
|
||
if (btn.id === 'w4d-play') {
|
||
if (playing) { userPaused = true; stop(); render(); }
|
||
else { userPaused = false; play(); }
|
||
}
|
||
if (btn.id === 'w4d-toggle') { togglePanel(); }
|
||
});
|
||
panel.querySelector('#w4d-close').addEventListener('click', function () { togglePanel(false); });
|
||
window.addEventListener('resize', function () { if (!panel.hidden) placePanel(); });
|
||
window.addEventListener('scroll', function () { if (!panel.hidden) placePanel(); }, {passive: true});
|
||
document.addEventListener('click', function (event) {
|
||
if (panel.hidden) return;
|
||
if (panel.contains(event.target) || mini.contains(event.target)) return;
|
||
togglePanel(false);
|
||
});
|
||
|
||
/* 가요 다방 섹션의 판을 누르면 그 곡이 얹힌다. 섹션에는 옛 가요도 서 있어 순번이 어긋나므로
|
||
제목으로 찾는다. 우리 목록에 없는 곡(옛 가요)이면 섹션이 알아서 한다. */
|
||
document.addEventListener('click', function (event) {
|
||
var btn = event.target && event.target.closest ? event.target.closest('#songs button') : null;
|
||
if (!btn) return;
|
||
var label = (btn.textContent || '').trim();
|
||
var index = -1;
|
||
songs.forEach(function (song, i) { if (index < 0 && song.title === label) index = i; });
|
||
if (index >= 0) load(index, false);
|
||
});
|
||
|
||
/* ★ 헤더에 꽂고, 지워지면 다시 꽂는다.
|
||
React 가 하이드레이션에 실패하면 #root 를 통째로 다시 그린다 — 그때 단추가 사라진다.
|
||
한 번 꽂고 끝내면 그 순간부터 조용히 없어진다(오류도 안 난다). */
|
||
function mount() {
|
||
if (mini.isConnected) return true;
|
||
var header = document.querySelector('#root header');
|
||
if (!header) return false;
|
||
// 헤더 오른쪽 묶음(전화·메뉴 단추가 있는 자리) 맨 앞에 꽂는다.
|
||
var slot = header.querySelector('.shell > div:last-child') ||
|
||
header.querySelector('div:last-child');
|
||
if (!slot) return false;
|
||
slot.insertBefore(mini, slot.firstChild);
|
||
return true;
|
||
}
|
||
|
||
/* ★ 자동재생 — 들어오면 바로 튼다 (2026-09-14 대표 지시. 2026-09-11 에는 "자동 빼" 였다).
|
||
브라우저는 소리 나는 재생을 사용자 조작 없이 막는다(정책이고, 거절된 약속으로 온다).
|
||
그래서 두 단계다 — ① 일단 걸어 보고 ② 막히면 **손님이 처음 만지는 순간** 켠다.
|
||
★ 첫 손길 리스너는 **플레이어 안에서 난 이벤트를 흘려보낸다.** 예전 판은 window 캡처라
|
||
재생 단추의 클릭을 먼저 먹었고, 단추 핸들러가 다시 꺼서 두 번 눌러야 켜졌다(2026-09-11).
|
||
지금은 버블 단계에 걸고 `#w4d-mini`·`#w4d-panel` 안이면 그냥 돌아선다 — 그 클릭은
|
||
단추 핸들러의 몫이고, 그 핸들러가 대기를 푼다.
|
||
★ 시작 곡이 무작위인 것은 그대로다. */
|
||
/* ★ 두 벌로 나눈다. 브라우저가 소리를 풀어 주는 것은 **활성화를 주는 입력**뿐이다
|
||
(mousedown·pointerdown/up·touchend·keydown — HTML 표준 "activation triggering input").
|
||
mousemove·wheel·scroll 은 아무리 받아도 활성화가 안 붙는다.
|
||
실측 2026-09-14, 킹서버 · evaluate 를 안 쓴 측정:
|
||
가만히 / mousemove / wheel → `navigator.userActivation.isActive` 계속 false
|
||
클릭 → true
|
||
★ 그런데도 약한 입력을 버리지 않는다 — 크롬이 이 출처에 이미 자동재생을 허락한
|
||
상태(Media Engagement)면 그때는 아무 입력에서나 켜지고, 그게 제일 빠르다.
|
||
★ 다만 **약한 입력에만 스로틀을 건다.** 예전 판은 한 벌로 묶어 1초 스로틀을 걸었는데,
|
||
클릭 직전의 mousemove 가 그 1초를 먹어서 **정작 활성화를 주는 mousedown 이 걸러졌다**
|
||
— 눌러도 안 켜졌다(실측 2026-09-14: 클릭 뒤 activation=true 인데 play=0). */
|
||
var STRONG = ['pointerdown', 'mousedown', 'pointerup', 'mouseup', 'click',
|
||
'keydown', 'touchstart', 'touchend'];
|
||
var WEAK = ['wheel', 'scroll', 'mousemove', 'pointermove', 'touchmove'];
|
||
var GESTURES = STRONG.concat(WEAK);
|
||
|
||
var lastWeak = 0;
|
||
|
||
function onFirstTouch(event) {
|
||
/* ★ **코드가 쏜 이벤트는 손길이 아니다.** 대기는 한 번뿐이라, 가짜 이벤트가 먼저
|
||
먹으면 자동재생은 영영 안 켜진다 — 브라우저는 신뢰된 조작에만 소리를 허락하므로
|
||
그때 부른 play() 는 반드시 거절된다.
|
||
실측(2026-09-14): 목업 body 에 `class="site"` 를 붙여 레일 CSS 가 되살아나자
|
||
`tameRails()` 의 `press()` 가 레일 13개에 pointerdown 을 쏘았고(자동 넘김을 세우는
|
||
정상 동작이다), 로드 1.05초에 그게 전부 이 자리로 들어와 대기를 태웠다.
|
||
그 뒤로는 손님이 아무 데나 눌러도 음악이 안 켜졌다. */
|
||
if (!event || !event.isTrusted) return;
|
||
var node = event.target;
|
||
if (node && node.closest && node.closest('#w4d-mini, #w4d-panel')) return;
|
||
/* ★ **켜진 뒤에** 대기를 푼다. 예전에는 먼저 풀고 play() 를 불렀는데, wheel·scroll 은
|
||
브라우저가 "조작" 으로 쳐 주지 않아 그 자리의 play() 는 거절된다 — 손님이 그냥
|
||
스크롤만 한 번 해도 대기가 타 버리고, 그 뒤로는 어디를 눌러도 안 켜졌다.
|
||
지금은 거절되면 대기를 그대로 두고 다음 손길을 기다린다. */
|
||
if (WEAK.indexOf(event.type) >= 0) {
|
||
// 약한 입력은 초당 수십 번 온다. 거절될 것을 그 횟수만큼 부르면 화면이 깜빡인다.
|
||
var now = Date.now();
|
||
if (now - lastWeak < 1000) return;
|
||
lastWeak = now;
|
||
}
|
||
var started = play();
|
||
if (started && started.then) started.then(disarmAutoplay, function () { /* 다음 손길에 다시 */ });
|
||
else disarmAutoplay();
|
||
}
|
||
|
||
function setArmed(on) {
|
||
mini.setAttribute('data-armed', on ? '1' : '0');
|
||
var button = document.getElementById('w4d-play');
|
||
if (button) button.title = on ? '화면을 한 번 누르면 음악이 켜집니다' : '머뭄의 노래 재생';
|
||
}
|
||
|
||
function disarmAutoplay() {
|
||
setArmed(false);
|
||
GESTURES.forEach(function (name) { window.removeEventListener(name, onFirstTouch); });
|
||
}
|
||
|
||
function armAutoplay() {
|
||
setArmed(true);
|
||
GESTURES.forEach(function (name) {
|
||
window.addEventListener(name, onFirstTouch, {passive: true});
|
||
});
|
||
}
|
||
|
||
function autoplay() {
|
||
var started = play();
|
||
if (started && started.then) {
|
||
started.then(disarmAutoplay, armAutoplay);
|
||
} else {
|
||
armAutoplay(); // 약속을 안 주는 브라우저 — 켜졌는지 알 수 없으니 대기도 같이 건다
|
||
}
|
||
/* 탭을 다시 열 때 한 번 더 걸어 본다. 다른 탭에서 열어 둔 페이지는 브라우저가
|
||
소리를 아예 막아 두는데, 앞으로 나오는 그 순간은 조작으로 쳐 주는 경우가 있다.
|
||
이미 켜져 있으면 아무 일도 안 한다. */
|
||
document.addEventListener('visibilitychange', function () {
|
||
if (document.visibilityState !== 'visible' || playing || userPaused) return;
|
||
var again = play();
|
||
if (again && again.then) again.then(disarmAutoplay, function () { /* 계속 대기 */ });
|
||
});
|
||
}
|
||
|
||
buildList();
|
||
mount();
|
||
render();
|
||
autoplay();
|
||
if (window.MutationObserver) {
|
||
new MutationObserver(function () {
|
||
if (!mini.isConnected) { mount(); render(); }
|
||
}).observe(document.getElementById('root') || document.body, {childList: true, subtree: true});
|
||
}
|
||
console.log('[w4d] 미니 플레이어 — 머뭄이 만든 곡 ' + songs.length + '곡');
|
||
}
|
||
|
||
|
||
/* ══ ③ 군산 읽기 ═══════════════════════════════════════════════════════════
|
||
* 받은 자료(군산 365 이야기 DB)의 주제를 갈래로 묶어 보여준다.
|
||
*
|
||
* ★ 왜 주입인가 — 렌더러에 이 섹션이 없다. 렌더러를 고치면 번들 해시가 바뀌어 전 사이트
|
||
* 재굽기 + 전체 재업로드가 따라온다(README 2.1). 목업에만 필요한 것은 여기서 덮는다.
|
||
* ★ **독립 섹션이 아니라 '군산 이야기'(`#story`) 탭 하나다** (2026-09-14 대표: "굳이
|
||
* 나눌 필요가 없는것 같고" — 맞는 말이다. 가요·인물·연표·엽서·일력이 이미 그 탭 묶음에
|
||
* 있는데 이것만 FAQ 앞에 따로 서 있을 이유가 없다). `#story` 의 tablist 에 버튼을 하나
|
||
* 더 꽂고, 그 옆에 패널을 하나 더 붙인다 — 나머지 다섯 개와 같은 자리, 같은 모양이다.
|
||
* ★ **탭은 React 상태로 도는데 이 탭만 아니다.** React 의 `active` 는 그대로 두고
|
||
* (React 가 모르는 탭이라 못 건드린다), 내 탭을 누르면 **다섯 개를 전부 손으로 숨기고**
|
||
* 내 것만 보인다. 반대로 진짜 탭(다섯 개 중 하나)을 누르면 **내 패널만 손으로 숨긴다**
|
||
* — React 는 자기 다섯 개를 알아서 정리하니 그건 안 건드린다.
|
||
* ★ 소개 문장("이 도시를 다섯 갈래로 봅니다")의 숫자도 여섯으로 고쳐 쓴다 — 탭 개수를
|
||
* 문장에 안 박는 게 이 컴포넌트의 원칙인데(`COUNT_WORD`), 그 문장이 세는 `tabs.length`
|
||
* 가 React 상태라 내 탭을 모른다. 안 고치면 "다섯 갈래"라 해 놓고 탭이 여섯 개인
|
||
* 꼴이 난다 — `daily` 가 한동안 빈칸이던 것과 같은 종류의 조용한 어긋남이다.
|
||
* ★ 처음엔 31꼭지를 한 화면에 전부 폈다. 그런데 **너무 길어 스크롤 압박**이 됐다
|
||
* (2026-09-14 대표: "내용들이 여러개 안해도되고 3-4개 정도 그룹묶어서 랜덤하게 보여주게").
|
||
* → 갈래마다 3~4개씩 뽑아 갈래 순서대로 잇는 방식을 거쳐, 지금은 **갈래를 가리지
|
||
* 않고 전체 34가지 중 5~6개만 무작위로** 뽑는다(2026-09-14 대표: "34개중 15~19개인데
|
||
* 왜 34개라고 써놔?" → "그냥 5-6개 정도만 보여주는거 어때?" → "랜덤으로"). 나머지는
|
||
* 다음에 들어왔을 때 나온다 — 접은 게 아니라 돌려 보여주는 것이라 `<details>` 를 쓰지
|
||
* 않는다(문서에 다 남겨야 하는 FAQ·일력과는 다른 경우다). payload 의 `subtitle` 도
|
||
* 전체 개수를 내걸지 않게 고쳤다(`build_reading.py`) — 화면과 문구가 어긋나면 안 된다.
|
||
* → **방문할 때마다 다시 섞는다**(빌드타임에 한 번 고정하지 않는다). 매 페이지 로드가
|
||
* 새 셔플이라 손님마다, 새로고침마다 다른 조합을 본다.
|
||
* ★ React 가 #root 를 다시 그리면 사라진다 — 감시해서 다시 꽂는다(플레이어와 같은 수법).
|
||
* 단, 무작위 조합은 **첫 마운트 때 한 번만** 뽑는다 — 재마운트마다 다시 뽑으면 하이드레이션
|
||
* 재렌더가 잦은 페이지에서 손님이 읽던 카드가 눈앞에서 바뀐다.
|
||
*/
|
||
function shuffled(list) {
|
||
var copy = list.slice();
|
||
for (var i = copy.length - 1; i > 0; i -= 1) {
|
||
var j = Math.floor(Math.random() * (i + 1));
|
||
var tmp = copy[i]; copy[i] = copy[j]; copy[j] = tmp;
|
||
}
|
||
return copy;
|
||
}
|
||
function readingData() {
|
||
var sections = (P.theme && P.theme.sections) || [];
|
||
for (var i = 0; i < sections.length; i += 1) {
|
||
if (sections[i].id !== 'reading') continue;
|
||
try {
|
||
return JSON.parse(sections[i].data);
|
||
} catch (err) {
|
||
return null;
|
||
}
|
||
}
|
||
return null;
|
||
}
|
||
|
||
function escapeHtml(text) {
|
||
return String(text == null ? '' : text)
|
||
.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>')
|
||
.replace(/"/g, '"');
|
||
}
|
||
|
||
/* ★ 카로셀 껍데기는 새로 만들지 않는다 — **이 사이트가 이미 쓰는 것**을 그대로 가져다 쓴다
|
||
(2026-09-14 대표: "기존 카로셀 쓰라고, 니가 뭔데 니맘대로 그지같이 구현해"— 맞는 말이다).
|
||
`site/src/lib/ui/Carousel.tsx` 가 만드는 마크업·클래스를 손으로 그대로 찍어낸다.
|
||
★ `.slider-viewport`(overflow-x:auto + scroll-snap) · `.slider-track`(flex) 는
|
||
React 컴포넌트 전용이 아니라 **번들에 이미 컴파일된 전역 CSS**다 — 이 페이지의 다른
|
||
레일(인물 열전 등)이 지금 쓰고 있는 그 클래스라 새 CSS 를 안 써도 그대로 먹는다.
|
||
embla 는 못 붙인다(inject.js 는 React 번들 밖의 순정 스크립트라 embla 인스턴스를
|
||
가져다 쓸 수 없다) — 그런데 Carousel.tsx 자신도 "**스크립트 없이도 내용이 보여야
|
||
한다**" 며 embla 가 붙기 전 기본 상태를 이 스크롤+snap 상자로 정의해 뒀다. 즉 지금
|
||
이 카드가 보이는 모양은 실제 레일의 **무-스크립트 상태와 정확히 같다.**
|
||
★ 점(dots)·화살표도 Carousel.tsx 의 클래스를 그대로 옮긴다(`h-1.5 rounded-full
|
||
bg-current opacity-70/20`, `tap border-line rounded-full border` 등) — 전부 Tailwind
|
||
유틸리티라 전역에 이미 있다. inject.css 에 카로셀용 CSS를 새로 안 만드는 이유다. */
|
||
/* '군산 이야기' 탭 버튼의 on/off 인라인 스타일 — StorySection.tsx 의 값 그대로
|
||
(`common.tsx` ITEM_INK · ITEM_INVERSE_INK · ITEM_BORDER). React 가 다른 다섯 탭에
|
||
주는 것과 같은 색이라야 여섯 번째가 "끼어든 것"처럼 안 보인다. */
|
||
var STORY_TAB_ON = 'background-color:var(--tpl-text, #09090b);' +
|
||
'color:var(--tpl-bg, #ffffff);border-color:var(--tpl-text, #09090b)';
|
||
var STORY_TAB_OFF = 'border-color:var(--tpl-border, #d6d3d1)';
|
||
|
||
// lucide 의 chevron-left/right 와 같은 path 다 — NavButton(Carousel.tsx)이 쓰는 그 아이콘.
|
||
// 군산 읽기·가요 다방 화살표가 같이 쓰므로 함수 밖(모듈 스코프)에 한 벌만 둔다.
|
||
var CHEVRON_L = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" ' +
|
||
'stroke-linecap="round" stroke-linejoin="round" class="size-5"><path d="m15 18-6-6 6-6"/></svg>';
|
||
var CHEVRON_R = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" ' +
|
||
'stroke-linecap="round" stroke-linejoin="round" class="size-5"><path d="m9 18 6-6-6-6"/></svg>';
|
||
var NAV_BTN = 'tap border-line flex items-center justify-center rounded-full border ' +
|
||
'transition-opacity hover:opacity-70 disabled:opacity-25';
|
||
|
||
function startReading() {
|
||
var env = readingData();
|
||
if (!env || !env.items || !env.items.length) return;
|
||
|
||
/* ★ **포스트 하나씩만** (2026-09-14 대표: "포스트 하나씩만 보여주라고, 한 줄인거
|
||
나랑 장난하자는거?"). 3~4개를 한 슬라이드에 욱여넣으면 카드 하나가 좁아져 본문이
|
||
한 줄로 접혔다. 지금은 슬라이드 하나 = 꼭지 하나, 전체 폭을 다 쓴다.
|
||
★ '~면' 이라고는 안 쓴다(2026-09-14 대표: "문학면? 말이 안 되는거 같네") — 신문
|
||
마스트헤드를 뺀 지금은 '면'(신문 지면)이라는 틀이 없다. 그냥 갈래 이름(문학·역사·…)만
|
||
카드 위에 이름표로 붙인다.
|
||
★ **갈래를 가리지 않고 전체에서 5~6개만** (2026-09-14 대표: "34개중 15~19개인데 왜
|
||
34개라고 써놔?" → "그냥 5-6개 정도만 보여주는거 어때?" → "랜덤으로"). 갈래마다
|
||
3~4개씩 뽑던 전에는 한 번에 15~19개가 떴는데, payload 의 subtitle 은 "34가지"라고
|
||
적혀 있어 화면과 문구가 어긋났다. 지금은 34가지를 갈래 구분 없이 통째로 섞어 5개
|
||
또는 6개만 뽑는다. */
|
||
var count = Math.random() < 0.5 ? 5 : 6;
|
||
var picked = shuffled(env.items).slice(0, count).map(function (item) {
|
||
return {group: item.group, item: item};
|
||
});
|
||
if (!picked.length) return;
|
||
|
||
var trackId = 'w4d-read-track';
|
||
/* ★ 제목을 단다 (2026-09-14 대표: "군산읽기만 타이틀이 없서 통일 시켜"). 탭 버튼
|
||
라벨과 겹쳐 보여서 처음엔 뺐는데, 정작 실제 다섯 탭(가요 다방·인물 열전 등)은
|
||
전부 안에도 <h2> 를 그대로 세워 둔다(`StorySection.tsx`: "탭 이름과 겹쳐 보이지만
|
||
…읽는 기계에게는 그 제목이 다섯 덩이를 가르는 유일한 표지다") — 나만 빼서 되레
|
||
튀었다. 같은 마크업(`header.mb-8.sm:mb-10 > h2.h2 + p.measure`)으로 맞춘다. */
|
||
var html = '<header class="mb-8 sm:mb-10">' +
|
||
'<h2 id="w4d-reading-heading" class="h2">' + escapeHtml(env.title || '군산 읽기') + '</h2>' +
|
||
'<p class="measure mt-3 text-[length:var(--fs-sm)] opacity-70">' + escapeHtml(env.subtitle) + '</p>' +
|
||
'</header>';
|
||
|
||
/* ↓ 여기부터 Carousel.tsx 의 실제 출력(화살표 header · slider-viewport/track · 점 · 카운터)을
|
||
그대로 옮긴 것이다 — 클래스 이름 하나까지 같다(파일 머리 주석 참고). */
|
||
html += '<div class="mb-3 flex justify-end gap-2">' +
|
||
'<button type="button" class="w4d-read-prev ' + NAV_BTN + '" aria-label="군산 읽기 이전" disabled>' + CHEVRON_L + '</button>' +
|
||
'<button type="button" class="w4d-read-next ' + NAV_BTN + '" aria-label="군산 읽기 다음">' + CHEVRON_R + '</button>' +
|
||
'</div>';
|
||
html += '<div class="relative">' +
|
||
'<div class="slider-viewport" role="group" aria-roledescription="캐러셀" ' +
|
||
'aria-label="군산 읽기" tabindex="0">' +
|
||
'<div class="slider-track" style="gap:1rem" id="' + trackId + '">';
|
||
picked.forEach(function (row, index) {
|
||
var item = row.item;
|
||
var source = item.source || {};
|
||
// 출처는 항목마다 단다 — 개별 문서 대신 네이버 검색 링크로 통일했다(2026-09-14
|
||
// 대표: "확인필요 없애고 링크는 네이버 링크로", `build_reading.py` `naver()`).
|
||
var credit = source.url
|
||
? '<a href="' + escapeHtml(source.url) + '" target="_blank" rel="noopener noreferrer">' +
|
||
escapeHtml(source.name) + '</a>'
|
||
: escapeHtml(source.name || '');
|
||
html += '<div class="min-w-0 shrink-0 grow-0 w4d-read-basis" aria-roledescription="슬라이드" ' +
|
||
'id="w4d-read-slide-' + index + '">' +
|
||
'<article class="w4d-read-card">' +
|
||
'<p class="w4d-read-page">' + escapeHtml(row.group) +
|
||
(item.year ? ' · <span class="w4d-read-year">' + escapeHtml(item.year) + '</span>' : '') + '</p>' +
|
||
'<h3>' + escapeHtml(item.title) + '</h3>' +
|
||
'<p class="w4d-read-body">' + escapeHtml(item.body) + '</p>' +
|
||
'<p class="w4d-read-src">출처 · ' + credit + '</p></article></div>';
|
||
});
|
||
html += '</div></div></div>';
|
||
|
||
html += '<div class="mt-4 flex items-center justify-center gap-3">';
|
||
if (picked.length <= 12) {
|
||
html += '<ul class="flex items-center gap-1.5">';
|
||
picked.forEach(function (_row, index) {
|
||
html += '<li><button type="button" class="w4d-read-dot h-1.5 rounded-full transition-all ' +
|
||
(index === 0 ? 'w-6 bg-current opacity-70' : 'w-1.5 bg-current opacity-20 hover:opacity-45') + '" ' +
|
||
'aria-label="' + (index + 1) + '번째로" aria-current="' + (index === 0 ? 'true' : 'false') + '" ' +
|
||
'aria-controls="' + trackId + '" data-index="' + index + '"></button></li>';
|
||
});
|
||
html += '</ul>';
|
||
}
|
||
html += '<span class="w4d-read-counter text-current/55 text-[length:var(--fs-xs)] tabular-nums">' +
|
||
'<span data-cur>1</span> / ' + picked.length + '</span></div>';
|
||
|
||
var panel = document.createElement('div');
|
||
panel.id = 'w4d-reading-panel';
|
||
panel.setAttribute('aria-labelledby', 'w4d-reading-heading');
|
||
panel.hidden = true; // 처음엔 다른 탭(가요 다방 등)이 보인다 — React 의 기본 active 를 안 뺏는다
|
||
// `.shell` 은 이 사이트가 폭·좌우 여백을 맞출 때 쓰는 그 전역 클래스다 — 바로 위
|
||
// `#story .shell` 과 같은 너비라 탭이 바뀌어도 좌우 선이 흔들리지 않는다.
|
||
panel.innerHTML = '<div class="shell">' + html + '</div>';
|
||
|
||
var tabBtn = document.createElement('button');
|
||
tabBtn.type = 'button';
|
||
tabBtn.setAttribute('role', 'tab');
|
||
tabBtn.setAttribute('aria-selected', 'false');
|
||
tabBtn.setAttribute('aria-controls', 'w4d-reading-panel');
|
||
tabBtn.className = 'rounded-full border px-4 py-1.5 text-[length:var(--fs-sm)] font-bold ' +
|
||
'transition-opacity hover:opacity-80';
|
||
tabBtn.style.cssText = STORY_TAB_OFF;
|
||
tabBtn.textContent = '군산 읽기';
|
||
|
||
/* 자리 — '군산 이야기' 탭 묶음 **안**이다. `#story` 다음에 진짜 탭 패널 다섯 개가
|
||
형제로 이어지고(각자 안에 #songs·#daily·#people·#chronicle·#postcard 를 하나씩
|
||
담는다), 그 마지막 뒤에 내 패널을 하나 더 잇는다 — FAQ 앞이라는 점은 그대로다. */
|
||
var KNOWN_TABS = ['songs', 'daily', 'people', 'chronicle', 'postcard'];
|
||
function mount() {
|
||
var tablist = document.querySelector('#story [role="tablist"]');
|
||
var story = document.getElementById('story');
|
||
if (!tablist || !story || !story.parentNode) return false;
|
||
if (!tabBtn.isConnected) tablist.appendChild(tabBtn);
|
||
|
||
if (!panel.isConnected) {
|
||
var anchor = story;
|
||
var sib = story.nextElementSibling;
|
||
while (sib && KNOWN_TABS.some(function (id) { return sib.querySelector('#' + id); })) {
|
||
anchor = sib;
|
||
sib = sib.nextElementSibling;
|
||
}
|
||
anchor.parentNode.insertBefore(panel, anchor.nextElementSibling);
|
||
}
|
||
|
||
// "이 도시를 다섯 갈래로 봅니다" — 진짜 탭 개수(React state)는 내 탭을 모르니
|
||
// +1 을 손으로 반영한다. 매 재마운트마다 다시 검사해도 이미 고쳤으면 그대로 둔다.
|
||
var countWord = {1: '한', 2: '두', 3: '세', 4: '네', 5: '다섯', 6: '여섯',
|
||
7: '일곱', 8: '여덟', 9: '아홉', 10: '열'};
|
||
var real = tablist.querySelectorAll('[role="tab"]').length - 1; // 방금 내가 하나 더했다
|
||
var subtitle = story.querySelector('p.measure');
|
||
if (subtitle && real > 0) {
|
||
var word = countWord[real + 1] || String(real + 1);
|
||
subtitle.textContent = subtitle.textContent.replace(
|
||
/^이 도시를 .+ 갈래로 봅니다/, '이 도시를 ' + word + ' 갈래로 봅니다');
|
||
}
|
||
return true;
|
||
}
|
||
if (!mount()) return;
|
||
|
||
/* ── 탭 전환 ────────────────────────────────────────────────────────────
|
||
* ★ 버그였던 자리 (2026-09-14 대표 제보: "시간의 골목 누르면 사라지기만 함, 탭활성화도").
|
||
* `hidden` 은 React 가 `active` 상태로 매번 다시 계산해 주는 prop(`hidden={index!==active}`)
|
||
* 이라, 내가 여기서 그 값을 직접 true 로 덮으면 React 의 실제 상태와 DOM 이 어긋난다.
|
||
* 그 상태로 손님이 **같은 탭을 다시 누르면** `setActive(sameIndex)` 는 React 입장에서
|
||
* 상태가 안 바뀐 것이라 리렌더를 생략한다(bail-out) — `hidden` 은 내가 true 로 덮은 채
|
||
* 영영 안 돌아온다. 버튼 스타일(`aria-selected`·style)도 React 가 매 렌더 계산해 주는
|
||
* 값이라 같은 이유로 OFF 에 갇힌다. → **React 가 관리하는 속성은 아예 안 건드린다.**
|
||
* 대신 내가 전적으로 소유한 `style.display` 로만 가리고(그 프롭은 JSX 에 없어 React 가
|
||
* 절대 안 건드린다), 되돌아올 때는 그 오버라이드만 지운다 — `hidden` 은 그동안 한 번도
|
||
* 틀린 적이 없으니 지우자마자 바로 맞는 것이 보인다. 버튼도 "방금 누른 그 탭"을 직접
|
||
* 켜 준다 — React 리렌더가 생략돼도 항상 맞게.
|
||
*/
|
||
function selectMine() {
|
||
var tablist = document.querySelector('#story [role="tablist"]');
|
||
if (tablist) {
|
||
Array.prototype.forEach.call(tablist.querySelectorAll('[role="tab"]'), function (btn) {
|
||
if (btn === tabBtn) return;
|
||
btn.setAttribute('aria-selected', 'false');
|
||
btn.style.cssText = STORY_TAB_OFF;
|
||
});
|
||
}
|
||
var story = document.getElementById('story');
|
||
var sib = story && story.nextElementSibling;
|
||
while (sib && sib !== panel) {
|
||
if (KNOWN_TABS.some(function (id) { return sib.querySelector('#' + id); })) sib.style.display = 'none';
|
||
sib = sib.nextElementSibling;
|
||
}
|
||
tabBtn.setAttribute('aria-selected', 'true');
|
||
tabBtn.style.cssText = STORY_TAB_ON;
|
||
panel.hidden = false;
|
||
}
|
||
tabBtn.addEventListener('click', selectMine);
|
||
document.addEventListener('click', function (event) {
|
||
var real = event.target.closest && event.target.closest('#story [role="tab"]');
|
||
if (!real || real === tabBtn) return;
|
||
panel.hidden = true;
|
||
tabBtn.setAttribute('aria-selected', 'false');
|
||
tabBtn.style.cssText = STORY_TAB_OFF;
|
||
// 방금 누른 진짜 탭을 직접 켠다 — 같은 탭을 다시 눌러 React 리렌더가 생략돼도 맞다.
|
||
real.setAttribute('aria-selected', 'true');
|
||
real.style.cssText = STORY_TAB_ON;
|
||
var story = document.getElementById('story');
|
||
var sib = story && story.nextElementSibling;
|
||
while (sib && sib !== panel) {
|
||
if (KNOWN_TABS.some(function (id) { return sib.querySelector('#' + id); })) sib.style.display = '';
|
||
sib = sib.nextElementSibling;
|
||
}
|
||
});
|
||
|
||
if (window.MutationObserver) {
|
||
/* ★ 무작위 조합은 여기서 다시 뽑지 않는다 — panel 은 이미 innerHTML 이 채워진 노드라,
|
||
재마운트는 **같은 노드를 그대로 다시 꽂는 것**뿐이다(플레이어 패널과 같은 수법).
|
||
React 가 다시 그려도 손님이 보던 조합·지금 켜져 있던 탭은 그대로 남는다. */
|
||
new MutationObserver(function () {
|
||
if (!tabBtn.isConnected || !panel.isConnected) mount();
|
||
}).observe(document.getElementById('root') || document.body, {childList: true, subtree: true});
|
||
}
|
||
|
||
/* ── 카로셀 넘기기 ──────────────────────────────────────────────────────
|
||
* ★ **embla-carousel 코어**(파일 머리 주석)로 움직인다 — 이 사이트의 다른 레일과
|
||
* 같은 라이브러리, 같은 드래그 물리다. `align:'center'` 라 가운데 한 장이 크게
|
||
* 오고 양옆이 살짝 걸친다(2026-09-14 대표 지시).
|
||
* ★ **스크립트 없이도 봐야 한다**(Carousel.tsx 의 원칙과 같다) — embla 를 못 붙이면
|
||
* `.slider-viewport` 는 `overflow-x:auto` 기본 상태 그대로 남아 손가락·트랙패드로는
|
||
* 여전히 밀린다. 그때는 점·화살표를 `scrollIntoView` 로 대신 움직인다.
|
||
*/
|
||
var viewport = panel.querySelector('.slider-viewport');
|
||
var track = document.getElementById(trackId);
|
||
var slideEls = Array.prototype.slice.call(panel.querySelectorAll('[id^="w4d-read-slide-"]'));
|
||
var dots = Array.prototype.slice.call(panel.querySelectorAll('.w4d-read-dot'));
|
||
var counter = panel.querySelector('.w4d-read-counter [data-cur]');
|
||
var prevBtn = panel.querySelector('.w4d-read-prev');
|
||
var nextBtn = panel.querySelector('.w4d-read-next');
|
||
if (!viewport || !track || !slideEls.length) return;
|
||
|
||
function paint(active, canPrev, canNext) {
|
||
dots.forEach(function (dot, index) {
|
||
var on = index === active;
|
||
dot.setAttribute('aria-current', on ? 'true' : 'false');
|
||
dot.className = 'w4d-read-dot h-1.5 rounded-full transition-all ' +
|
||
(on ? 'w-6 bg-current opacity-70' : 'w-1.5 bg-current opacity-20 hover:opacity-45');
|
||
});
|
||
if (counter) counter.textContent = String(active + 1);
|
||
if (prevBtn) prevBtn.disabled = !canPrev;
|
||
if (nextBtn) nextBtn.disabled = !canNext;
|
||
}
|
||
|
||
var emblaApi = null;
|
||
if (window.EmblaCarousel) {
|
||
emblaApi = window.EmblaCarousel(viewport, {align: 'center', loop: false, containScroll: 'trimSnaps'});
|
||
viewport.setAttribute('data-slider', 'on'); // CSS 가 여기부터 스크롤 상자를 드래그 영역으로 바꾼다
|
||
var sync = function () {
|
||
paint(emblaApi.selectedScrollSnap(), emblaApi.canScrollPrev(), emblaApi.canScrollNext());
|
||
};
|
||
emblaApi.on('select', sync);
|
||
emblaApi.on('reInit', sync);
|
||
// 드래그 중 텍스트가 잡히면 카드가 안 끌린다 — 커서도 grabbing 으로 바꾼다(Carousel.tsx 와 동일).
|
||
emblaApi.on('pointerDown', function () { viewport.setAttribute('data-dragging', 'true'); });
|
||
emblaApi.on('pointerUp', function () { viewport.removeAttribute('data-dragging'); });
|
||
dots.forEach(function (dot) {
|
||
dot.addEventListener('click', function () { emblaApi.scrollTo(Number(dot.dataset.index)); });
|
||
});
|
||
if (prevBtn) prevBtn.addEventListener('click', function () { emblaApi.scrollPrev(); });
|
||
if (nextBtn) nextBtn.addEventListener('click', function () { emblaApi.scrollNext(); });
|
||
sync();
|
||
} else {
|
||
// embla 스크립트가 막혔거나 못 받아 왔을 때 — 가로 스크롤 자체는 CSS 만으로 이미 된다.
|
||
var goTo = function (index) {
|
||
slideEls[index].scrollIntoView({behavior: 'smooth', inline: 'center', block: 'nearest'});
|
||
};
|
||
dots.forEach(function (dot) {
|
||
dot.addEventListener('click', function () { goTo(Number(dot.dataset.index)); });
|
||
});
|
||
var findActive = function () {
|
||
var mid = viewport.scrollLeft + viewport.clientWidth / 2;
|
||
var active = 0;
|
||
for (var i = 0; i < slideEls.length; i += 1) {
|
||
if (slideEls[i].offsetLeft <= mid) active = i;
|
||
}
|
||
return active;
|
||
};
|
||
if (prevBtn) prevBtn.addEventListener('click', function () { goTo(Math.max(0, findActive() - 1)); });
|
||
if (nextBtn) nextBtn.addEventListener('click', function () { goTo(Math.min(slideEls.length - 1, findActive() + 1)); });
|
||
var syncTimer = null;
|
||
viewport.addEventListener('scroll', function () {
|
||
window.clearTimeout(syncTimer);
|
||
syncTimer = window.setTimeout(function () {
|
||
var active = findActive();
|
||
paint(active, active > 0, active < slideEls.length - 1);
|
||
}, 100);
|
||
}, {passive: true});
|
||
paint(0, false, slideEls.length > 1);
|
||
}
|
||
|
||
console.log('[w4d] 군산 읽기 ' + picked.length + '꼭지 카로셀(' +
|
||
(emblaApi ? 'embla' : 'CSS scroll-snap') + ') · 매번 무작위 재구성');
|
||
}
|
||
|
||
/* ══ ③-b 가요 다방 판꽂이 — 화살표 + 실제 카로셀 ═══════════════════════════════
|
||
* (2026-09-14 대표: "옆으로 갈수있는 버튼도 주고 slider.js 적용해줘")
|
||
*
|
||
* ★ 렌더러는 이 판 목록을 `Carousel.tsx` 로 감싸지 않는다 — 그냥
|
||
* `<div className="flex flex-wrap ...">{판들}</div>` 이다(`SongsSection.tsx`).
|
||
* 그래서 "군산 읽기" 처럼 이미 있는 `.slider-viewport` 를 마크업에서 그대로 못 쓰고,
|
||
* **이 상자 하나를 감싸는 바깥 상자를 새로 만들어야** embla 를 붙일 자리(viewport)가
|
||
* 생긴다 — embla 는 "바깥(viewport) 안에 트랙 하나, 그 트랙 안에 슬라이드들"이라는
|
||
* 2단 구조를 기대한다.
|
||
* ★ **판 버튼들은 옮기지 않는다.** 그 버튼들을 담은 상자(`track`, `:has()` 로 잡는 그
|
||
* div) 하나만 새 `viewport` 안으로 옮긴다 — 버튼 25개를 하나씩 옮기는 게 아니라
|
||
* 부모 상자 하나만 옮기는 것이라 위험이 작다.
|
||
* ★ **React 참조는 안 깨진다.** `setPlaying` 으로 판을 고르면 React 는 이 `track` 노드를
|
||
* (같은 자리, 같은 key 구조라) 다시 만들지 않고 속성만 고친다 — 그 노드를 누가
|
||
* 감쌌는지는 React 가 안 본다. 그래서 옮겨 놓은 뒤에도 클릭이 계속 잘 먹는다.
|
||
* 전체가 통째로 다시 그려지는 경우(하이드레이션 재렌더)만 대비해 감시해 다시 감싼다.
|
||
* ★ 스크롤/스냅 CSS 를 내가 새로 안 만든다 — `.slider-viewport` 클래스 자체가 이미
|
||
* 그 스타일과 `[data-slider='on']` 전환까지 갖고 있다(전역 번들, "군산 읽기" 와 같은
|
||
* 근거). embla 가 못 붙어도 이 클래스 하나로 손가락 스크롤은 이미 된다.
|
||
*/
|
||
function startSongsRail() {
|
||
var track = document.querySelector('#songs div:has(> button > .w4-disc-mini)');
|
||
if (!track) return false;
|
||
if (track.parentNode && track.parentNode.classList.contains('slider-viewport')) return true;
|
||
|
||
var viewport = document.createElement('div');
|
||
viewport.className = 'slider-viewport';
|
||
viewport.setAttribute('role', 'group');
|
||
viewport.setAttribute('aria-roledescription', '캐러셀');
|
||
viewport.setAttribute('aria-label', '가요 다방 판 고르기');
|
||
viewport.tabIndex = 0;
|
||
track.parentNode.insertBefore(viewport, track);
|
||
viewport.appendChild(track);
|
||
|
||
var nav = document.createElement('div');
|
||
// mt-4 — 위 검은 턴테이블 카드와 거리를 준다. 원래 이 자리(판 목록 div) 자체가
|
||
// mt-4 였는데, 그 div 를 한 단 더 감싸면서(viewport) 그 여백이 안쪽으로 들어가
|
||
// 버렸다 — 화살표 줄이 카드에 바로 붙어 보인 이유(2026-09-14 대표 지적).
|
||
nav.className = 'mt-4 mb-3 flex justify-end gap-2';
|
||
nav.innerHTML =
|
||
'<button type="button" class="w4d-songs-prev ' + NAV_BTN + '" aria-label="가요 다방 이전" disabled>' + CHEVRON_L + '</button>' +
|
||
'<button type="button" class="w4d-songs-next ' + NAV_BTN + '" aria-label="가요 다방 다음">' + CHEVRON_R + '</button>';
|
||
viewport.parentNode.insertBefore(nav, viewport);
|
||
|
||
// 카운터 — Carousel.tsx 도 점(dots)이 12개를 넘으면 점은 숨기고 이 숫자 줄만 남긴다.
|
||
// 여기는 25~50곡이라 항상 그 경우다.
|
||
var counter = document.createElement('p');
|
||
counter.className = 'mt-2 text-center text-current/55 text-[length:var(--fs-xs)] tabular-nums';
|
||
counter.innerHTML = '<span data-cur>1</span> / ' + track.children.length;
|
||
viewport.parentNode.insertBefore(counter, viewport.nextSibling);
|
||
|
||
var prevBtn = nav.querySelector('.w4d-songs-prev');
|
||
var nextBtn = nav.querySelector('.w4d-songs-next');
|
||
var curEl = counter.querySelector('[data-cur]');
|
||
|
||
if (window.EmblaCarousel) {
|
||
// align:'start' — Carousel.tsx 의 규칙과 같다("사진은 가운데, 카드 목록은 왼쪽").
|
||
// 판 목록은 사진이 아니라 고르는 목록이라 왼쪽 정렬이다.
|
||
var api = window.EmblaCarousel(viewport, {align: 'start', loop: false, containScroll: 'trimSnaps'});
|
||
viewport.setAttribute('data-slider', 'on');
|
||
var sync = function () {
|
||
curEl.textContent = String(api.selectedScrollSnap() + 1);
|
||
prevBtn.disabled = !api.canScrollPrev();
|
||
nextBtn.disabled = !api.canScrollNext();
|
||
};
|
||
api.on('select', sync);
|
||
api.on('reInit', sync);
|
||
api.on('pointerDown', function () { viewport.setAttribute('data-dragging', 'true'); });
|
||
api.on('pointerUp', function () { viewport.removeAttribute('data-dragging'); });
|
||
prevBtn.addEventListener('click', function () { api.scrollPrev(); });
|
||
nextBtn.addEventListener('click', function () { api.scrollNext(); });
|
||
sync();
|
||
} else {
|
||
// embla 를 못 붙였을 때 — `.slider-viewport` 기본 상태가 이미 스크롤 상자라
|
||
// 손가락·트랙패드로는 여전히 밀린다. 화살표만 판 한 장 폭만큼 밀어 대신한다.
|
||
var step = function () {
|
||
var first = track.querySelector('button');
|
||
return (first ? first.getBoundingClientRect().width : 68) + 14;
|
||
};
|
||
var syncFallback = function () {
|
||
prevBtn.disabled = viewport.scrollLeft <= 2;
|
||
nextBtn.disabled = viewport.scrollLeft >= viewport.scrollWidth - viewport.clientWidth - 2;
|
||
curEl.textContent = String(Math.round(viewport.scrollLeft / step()) + 1);
|
||
};
|
||
prevBtn.addEventListener('click', function () { viewport.scrollBy({left: -step(), behavior: 'smooth'}); });
|
||
nextBtn.addEventListener('click', function () { viewport.scrollBy({left: step(), behavior: 'smooth'}); });
|
||
var songsSyncTimer = null;
|
||
viewport.addEventListener('scroll', function () {
|
||
window.clearTimeout(songsSyncTimer);
|
||
songsSyncTimer = window.setTimeout(syncFallback, 100);
|
||
}, {passive: true});
|
||
syncFallback();
|
||
}
|
||
return true;
|
||
}
|
||
|
||
|
||
/* ══ ④ 링크 걸기 ═══════════════════════════════════════════════════════════
|
||
* 렌더러는 일정의 "지도 검색 …" 과 엽서의 장소를 **글자로만** 낸다. 손님이 그 자리에서
|
||
* 지도를 열 방법이 없다 — 이름을 복사해 다른 앱에 붙여야 한다.
|
||
* 렌더러를 고치면 다른 사이트까지 바뀌므로(목업만 손대는 규약), 여기서 DOM 을 덧칠한다.
|
||
*
|
||
* ★ 네이버 지도 검색 주소를 쓴다. 좌표로 핀을 찍는 주소는 앱·웹에서 형태가 달라 한쪽이 깨진다.
|
||
* ★ React 가 다시 그리면 사라지므로 감시해서 다시 건다.
|
||
*/
|
||
function sectionItems(id) {
|
||
var sections = (P.theme && P.theme.sections) || [];
|
||
for (var i = 0; i < sections.length; i += 1) {
|
||
if (sections[i].id !== id) continue;
|
||
try {
|
||
var env = typeof sections[i].data === 'string' ? JSON.parse(sections[i].data) : sections[i].data;
|
||
return (env && env.items) || [];
|
||
} catch (err) {
|
||
return [];
|
||
}
|
||
}
|
||
return [];
|
||
}
|
||
|
||
function mapUrl(query) {
|
||
return 'https://map.naver.com/p/search/' + encodeURIComponent(query);
|
||
}
|
||
|
||
function linkify() {
|
||
credits();
|
||
// 일정: "10:20–11:50 · 지도 검색 군산근대역사박물관"
|
||
var rows = document.querySelectorAll('#itinerary li p');
|
||
Array.prototype.forEach.call(rows, function (row) {
|
||
if (row.querySelector('a')) return;
|
||
var text = row.textContent || '';
|
||
var mark = text.indexOf('지도 검색 ');
|
||
if (mark < 0) return;
|
||
var query = text.slice(mark + 6).trim();
|
||
if (!query) return;
|
||
var head = document.createTextNode(text.slice(0, mark));
|
||
var link = document.createElement('a');
|
||
link.href = mapUrl(query);
|
||
link.target = '_blank';
|
||
link.rel = 'noopener noreferrer nofollow';
|
||
link.className = 'w4d-link';
|
||
link.textContent = '지도에서 열기 ↗';
|
||
row.textContent = '';
|
||
row.appendChild(head);
|
||
row.appendChild(link);
|
||
});
|
||
|
||
/* 엽서: **payload 의 place** 로 링크를 만든다.
|
||
화면의 소인 글자를 긁었더니 "군산 군산" 같은 주소가 나왔다 — 소인은 지명이 아니라
|
||
도장 문구다(예: "군산 內港"). 카드 순서와 payload 항목 순서가 같으므로 자리로 짝짓는다. */
|
||
var cards = document.querySelectorAll('#postcard article');
|
||
var postcards = sectionItems('postcard');
|
||
Array.prototype.forEach.call(cards, function (card, index) {
|
||
if (card.querySelector('a.w4d-link')) return;
|
||
var item = postcards[index];
|
||
var place = item && (item.place || item.postmark);
|
||
if (!place) return;
|
||
var tags = Array.prototype.filter.call(card.querySelectorAll('p'), function (el) {
|
||
return (el.textContent || '').trim().charAt(0) === '#';
|
||
})[0];
|
||
if (!tags) return;
|
||
var link = document.createElement('a');
|
||
link.href = mapUrl(place.indexOf('군산') >= 0 ? place : '군산 ' + place);
|
||
link.target = '_blank';
|
||
link.rel = 'noopener noreferrer nofollow';
|
||
link.className = 'w4d-link';
|
||
link.textContent = ' 지도에서 열기 ↗';
|
||
tags.appendChild(link);
|
||
});
|
||
}
|
||
|
||
/* 인물 사진의 저작자 표시.
|
||
★ 이 목업이 물고 있는 렌더러 번들은 `imageCredit` 을 그리지 않는 옛 판이다(고쳐도 다른
|
||
사이트까지 다시 구워야 해서 손대지 않는다). 그런데 사진은 CC BY·BY-SA·공공누리라
|
||
**저작자 표시가 라이선스 조건**이다 — 안 나오면 침해다. 그래서 여기서 붙인다. */
|
||
function credits() {
|
||
var cards = document.querySelectorAll('#people article');
|
||
var items = sectionItems('people');
|
||
Array.prototype.forEach.call(cards, function (card, index) {
|
||
if (card.querySelector('.w4d-credit')) return;
|
||
var item = items[index];
|
||
if (!item || !item.imageCredit || !card.querySelector('img')) return;
|
||
var line = card.querySelector('p:last-of-type') || card;
|
||
var span = document.createElement('p');
|
||
span.className = 'w4d-credit';
|
||
span.textContent = item.imageCredit;
|
||
line.parentElement.appendChild(span);
|
||
});
|
||
}
|
||
|
||
function watchLinks() {
|
||
linkify();
|
||
if (!window.MutationObserver) return;
|
||
var timer = null;
|
||
new MutationObserver(function () {
|
||
window.clearTimeout(timer);
|
||
timer = window.setTimeout(linkify, 300);
|
||
}).observe(document.getElementById('root') || document.body, {childList: true, subtree: true});
|
||
}
|
||
|
||
|
||
/* ══ ⑤ 카로셀 — 손님이 만지는 동안에는 자동으로 넘기지 않는다 ══════════════════
|
||
*
|
||
* ★ 이 페이지의 카로셀은 **구현이 둘**이다.
|
||
* ① embla-carousel(라이브러리) — 일정·축제·주변 안내. `.slider-viewport` 를 쓰고
|
||
* 자동 넘김은 `embla.scrollNext()` 로 움직인다.
|
||
* ② 손으로 만든 가로 스크롤 상자 — 객실·영상·갤러리. `box.scrollBy()` 로 움직인다.
|
||
* 정책만 `site/src/lib/ui/use-rail-autoplay.ts` 한 벌을 같이 쓴다.
|
||
* 처음에는 ②만 막았다(`scrollBy` 를 삼키는 방식) — 그래서 **일정 카로셀만 계속 넘어갔다**
|
||
* (2026-09-11 사장님: "스케줄 보려고 밑에 스크롤 했는데 그다음에 바로 자동 넘어가").
|
||
*
|
||
* ★ 그래서 훅이 **이미 가진 정지 장치**를 쓴다.
|
||
* 훅은 레일 위 `pointerdown` 에 정지 카운터를 올리고 window `pointerup` 에 내린다.
|
||
* 구현이 둘이어도 이 카운터는 하나다 — 여기에 손을 얹으면 embla 든 스크롤 상자든 같이 멈춘다.
|
||
* (`button: 2` 로 쏜다. embla 는 주 버튼이 아닌 pointerdown 을 드래그로 치지 않아
|
||
* 손님의 진짜 드래그를 방해하지 않는다.)
|
||
*
|
||
* ★ 두 가지로 나눠 대응한다.
|
||
* · **쿨타임** — 페이지를 세로로 스크롤하는 것도 "읽는 중" 이다. 무엇이든 만지면
|
||
* 7초 동안 모든 레일이 멈춘다. 손을 떼고 7초가 지나야 다시 돈다.
|
||
* · **영구 정지** — 레일을 직접 민 경우. 자동 넘김이 하려던 일("옆에 더 있다")은
|
||
* 그 손님에게 이미 전달됐다. 그 레일은 다시 돌지 않는다.
|
||
*/
|
||
var COOLDOWN_MS = 7000;
|
||
|
||
function tameRails() {
|
||
var quietUntil = 0;
|
||
var holding = false;
|
||
var forever = []; // 손님이 직접 민 레일
|
||
var rails = [];
|
||
/*
|
||
* ★ 손이 화면에 닿아 있는 동안은 무조건 멈춘다 (2026-09-11, 사장님: "유저가 터치로 잡고 있는데 자동으로 넘어가는 게 문제")
|
||
* 쿨타임(7초)만으로는 못 막는다. 손가락을 대고 가만히 읽고 있으면 touchmove 도 scroll 도
|
||
* 안 오니 쿨타임이 그냥 끝난다. 게다가 브라우저는 터치가 페이지 스크롤로 넘어가는 순간
|
||
* **손가락이 아직 닿아 있는데 `pointercancel` 을 쏜다** — 훅의 정지 카운터가 거기서 풀린다.
|
||
* 실측: touchstart 0.0s → pointercancel 7.5s → 8.4s 에 손가락 밑에서 카드가 넘어갔다.
|
||
* 그래서 pointer 가 아니라 **touches 개수**로 센다. 손이 떨어져야 0 이 된다.
|
||
*/
|
||
var fingers = 0;
|
||
var mouseDown = false;
|
||
|
||
function collect() {
|
||
rails = Array.prototype.slice.call(document.querySelectorAll('#root .slider-viewport'));
|
||
Array.prototype.forEach.call(document.querySelectorAll('#root *'), function (el) {
|
||
if (rails.indexOf(el) >= 0) return;
|
||
var flow = window.getComputedStyle(el).overflowX;
|
||
if ((flow === 'auto' || flow === 'scroll') && el.scrollWidth - el.clientWidth > 40) {
|
||
rails.push(el);
|
||
}
|
||
});
|
||
}
|
||
|
||
function press(rail) {
|
||
rail.dispatchEvent(new PointerEvent('pointerdown', {bubbles: true, button: 2, buttons: 2}));
|
||
}
|
||
|
||
function holdAll() {
|
||
collect();
|
||
rails.forEach(press);
|
||
holding = true;
|
||
}
|
||
|
||
function releaseAll() {
|
||
// 해제는 window 하나로 전부에게 간다(훅이 window 에서 받는다). 영구 정지분은 곧바로 다시 잡는다.
|
||
window.dispatchEvent(new PointerEvent('pointerup', {bubbles: true, button: 2}));
|
||
holding = false;
|
||
forever.forEach(press);
|
||
}
|
||
|
||
function railOf(node) {
|
||
while (node && node.nodeType === 1 && node !== document.body) {
|
||
if (rails.indexOf(node) >= 0) return node;
|
||
node = node.parentElement;
|
||
}
|
||
return null;
|
||
}
|
||
|
||
/*
|
||
* ★ "만졌다" 와 "밀었다" 를 가른다 (2026-09-11, 사장님: "한번 스크롤한뒤에는 auto play 아예 안되는데")
|
||
* 전에는 레일 위에서 일어난 pointerdown·touchstart·wheel 이면 **곧바로** 영구 정지로 보냈다.
|
||
* 그런데 페이지를 세로로 내릴 때 손가락(과 마우스 커서)은 거의 항상 레일 위를 지난다 —
|
||
* 일정 카로셀은 화면 가운데를 가득 채우니까. 그래서 **한 번 스크롤하면 그 레일이 영영 멈췄다.**
|
||
* 실측: 세로 휠 한 번 → 20초 동안 0px.
|
||
* 이제 **레일이 실제로 가로로 움직였을 때만** 영구 정지다. 제스처 시작 때 위치를 적어 두고
|
||
* 손을 뗀 뒤(관성 350ms) 다시 재서, 달라졌으면 손님이 민 것이다.
|
||
*/
|
||
function railPos(rail) {
|
||
var slid = 0;
|
||
var first = rail.firstElementChild;
|
||
if (first) {
|
||
var tf = window.getComputedStyle(first).transform;
|
||
if (tf && tf !== 'none') {
|
||
try { slid = new DOMMatrix(tf).m41; } catch (err) { slid = 0; }
|
||
}
|
||
}
|
||
return rail.scrollLeft + slid;
|
||
}
|
||
|
||
var pending = null; // {rail, pos} — 지금 진행 중인 제스처
|
||
|
||
function markIfMoved() {
|
||
if (!pending) return;
|
||
var rail = pending.rail;
|
||
var was = pending.pos;
|
||
pending = null;
|
||
window.setTimeout(function () {
|
||
// 8px 여유 — 탭 한 번에도 embla 가 스냅을 다시 잡느라 소수점이 흔들린다.
|
||
if (Math.abs(railPos(rail) - was) < 8) return;
|
||
if (forever.indexOf(rail) < 0) { forever.push(rail); press(rail); }
|
||
}, 350);
|
||
}
|
||
|
||
['pointerdown', 'touchstart', 'touchmove', 'wheel', 'keydown', 'scroll'].forEach(function (type) {
|
||
window.addEventListener(type, function (event) {
|
||
if (!event.isTrusted) return;
|
||
quietUntil = Date.now() + COOLDOWN_MS;
|
||
if (event.touches) fingers = event.touches.length;
|
||
if (type === 'pointerdown' && event.pointerType === 'mouse') mouseDown = true;
|
||
if (type === 'scroll' || type === 'keydown' || type === 'touchmove') return;
|
||
collect();
|
||
var rail = railOf(event.target);
|
||
if (!rail) return;
|
||
if (type === 'wheel') {
|
||
// 가로 휠·트랙패드 가로 스와이프만 "민 것"이다. 세로는 페이지를 내리는 중이다.
|
||
if (Math.abs(event.deltaX) > Math.abs(event.deltaY) && Math.abs(event.deltaX) > 2) {
|
||
pending = {rail: rail, pos: railPos(rail)};
|
||
markIfMoved();
|
||
}
|
||
return;
|
||
}
|
||
pending = {rail: rail, pos: railPos(rail)};
|
||
}, true);
|
||
});
|
||
|
||
['pointerup', 'pointercancel', 'touchend', 'touchcancel'].forEach(function (type) {
|
||
window.addEventListener(type, function (event) {
|
||
if (!event.isTrusted) return;
|
||
quietUntil = Date.now() + COOLDOWN_MS;
|
||
// 손가락 수는 touch 계열에서만 갱신한다 — pointercancel 은 손이 닿아 있어도 온다.
|
||
if (event.touches) fingers = event.touches.length;
|
||
if (event.pointerType === 'mouse') mouseDown = false;
|
||
if (fingers === 0 && !mouseDown) markIfMoved();
|
||
}, true);
|
||
});
|
||
|
||
// 250ms 마다 조용해야 할 때인지 본다. 타이머를 직접 만지지 않고 훅의 정지 장치만 건드린다.
|
||
window.setInterval(function () {
|
||
var quiet = fingers > 0 || mouseDown || Date.now() < quietUntil;
|
||
if (quiet && !holding) holdAll();
|
||
else if (!quiet && holding) releaseAll();
|
||
}, 250);
|
||
}
|
||
|
||
/* ══ ⑥ 엽서 쓰기 — 스테이,머뭄 엽서를 직접 써서 공유 ═══════════════════════════
|
||
* (2026-09-14 대표 지시 세 번에 걸쳐 정리됐다)
|
||
* ① "오늘의 엽서를 진짜 엽서처럼 자기가 텍스트 입력해서 공유하면 어떨까?"
|
||
* ② "오늘의 엽서 칸을 빼고 이 엽서 포맷으로 스테이 머뭄 관련 엽서를 쓰는 걸로 하자.
|
||
* 이건 축제소개 전에 섹션으로 빼줘." — 도시 엽서(옛 postcard 탭)는 **없앤다**.
|
||
* 이 기능은 더 이상 '군산 이야기' 탭 하나가 아니라 **독립 섹션**이고, 사진도
|
||
* 군산 명소가 아니라 **이 숙소 사진**(payload.media)을 쓴다.
|
||
* ③ "이미지는 스테이머뭄 이미지 선택으로" · "엔터치면 줄바꿈 부탁"
|
||
* ④ "태그 지우셈 UI깨짐 #스테이머뭄" · "플레이스홀더도 그냥 일반적인 문구로 —
|
||
* 스테이머뭄뿐만 아니라 다른 숙박업소나 카페도 써야 하는데 이렇게 써놓으면
|
||
* 어떡해" — **이 업소 이름을 코드에 못 박지 않는다.** 해시태그 줄(#스테이머뭄
|
||
* #군산여행)은 통째로 뺐고, 입력창 placeholder 의 예문도 이 업소 이름이 빠진
|
||
* 일반 문구로 바꿨다. 우표 옆 소인(원 안의 상호명)도 "스테이"·"머뭄" 고정
|
||
* 두 글자가 아니라 `placeName` 을 받아 어느 상호든 접어 넣는 `stampLines()`
|
||
* 로 바꿨다 — 이 스크립트가 다른 업소에 그대로 옮겨져도 코드를 안 고쳐도 된다.
|
||
*
|
||
* ★ **og:image 링크 카드가 아니라 파일 그대로 공유다**(2026-09-14 대표 확정, 별도 논의).
|
||
* 이 백엔드엔 익명 업로드 엔드포인트가 없다(사진은 전부 로그인한 사장님 전용).
|
||
* Web Share API 로 캔버스 이미지를 파일째 공유 시트에 넘긴다 — 카카오톡이 그 시트에
|
||
* 있으면 백엔드 없이도 이미지가 그대로 대화방에 올라간다. 데스크톱처럼 파일 공유를
|
||
* 못 받는 브라우저는 "이미지로 저장" 버튼으로 대신한다(항상 같이 둔다).
|
||
* ★ **글꼴은 화면과 같은 것**(대표: "폰트 동일한걸로") — 이미 떠 있는 `.serif` 요소의
|
||
* computed font-family 를 그대로 `ctx.font` 에 옮긴다.
|
||
* ★ **모양은 진짜 엽서 카드(`PostcardSection.tsx`)를 그대로 베낀다** — 사진(위) +
|
||
* 괘선으로 가른 두 칸(왼쪽 문구, 오른쪽 우표+소인) + 맨 아래 서명 줄.
|
||
* 새로 만든 위젯이 아니라 "이 사이트에 있던 그 엽서를 내가 쓴 것"처럼 보여야 한다.
|
||
* ★ **자리 — 독립 섹션, `#location`(오시는 길)과 `#festival`(계절별 축제) 사이**다.
|
||
* 더는 '군산 이야기' 탭이 아니라서 React 의 tab hidden 로직에 안 걸린다 — 늘 보인다.
|
||
* ★ 옛 '오늘의 엽서' 탭은 `patch_stay.py` 에서 payload 의 `postcard` 섹션 데이터를
|
||
* 비워 없앤다(StorySection 은 `items.length > 0` 인 탭만 세운다 — data 를 비우는 것만
|
||
* 으로 렌더러를 안 건드리고 탭이 사라진다).
|
||
*/
|
||
function postcardMaker() {
|
||
// ★ 4장으로 자르지 않는다(2026-09-14 대표: "이미지는 다 가져와서 그냥 카로셀로
|
||
// 보여주든가 하셈") — 숙소 사진 전부(지금 9장)를 후보로 둔다. 개수가 늘면 한 줄에
|
||
// 다 못 앉으니 아래서 썸네일 줄 자체를 카로셀(`.slider-viewport` + embla)로 만든다.
|
||
var photos = (P.media || []).filter(function (m) { return m.url; });
|
||
if (!photos.length) return false;
|
||
if (document.getElementById('w4d-pm-section')) return true; // 이미 붙어 있다
|
||
|
||
var placeName = (P.place && (P.place.name || P.place.title)) || '스테이,머뭄';
|
||
var region = (P.place && (P.place.regionName || P.place.address || '')) || '전북 군산';
|
||
var regionShort = String(region).split(' ').slice(0, 2).join(' ');
|
||
|
||
var section = document.createElement('section');
|
||
section.id = 'w4d-pm-section';
|
||
section.setAttribute('aria-labelledby', 'w4d-pm-heading');
|
||
section.innerHTML =
|
||
'<div class="shell">' +
|
||
'<header class="mb-8 sm:mb-10">' +
|
||
'<h2 id="w4d-pm-heading" class="h2">엽서 쓰기</h2>' +
|
||
'<p class="mt-3 whitespace-nowrap text-[length:var(--fs-sm)] opacity-70">' +
|
||
'사진 고르고 한마디 적으면 엽서 완성</p>' +
|
||
'</header>' +
|
||
'<div class="w4d-pm-layout">' +
|
||
'<canvas class="w4d-pm-canvas" width="1080" height="1080" aria-label="내가 만든 엽서 미리보기"></canvas>' +
|
||
'<div class="w4d-pm-form">' +
|
||
/* 썸네일 줄도 이 사이트의 진짜 카로셀 껍데기를 그대로 쓴다(가요 다방·군산 읽기와
|
||
같은 근거 — README `startSongsRail` 주석 참고). role=radiogroup 은 안쪽
|
||
track 이 아니라 이 뷰포트에 둔다 — 스크린리더가 "그룹" 보다 "라디오군" 을
|
||
먼저 읽어야 사진 고르기라는 게 전달된다. */
|
||
'<div class="w4d-pm-thumbs-viewport slider-viewport" role="radiogroup" ' +
|
||
'aria-label="엽서 사진 고르기(' + photos.length + '장)" tabindex="0">' +
|
||
'<div class="w4d-pm-thumbs slider-track" id="w4d-pm-thumbs-track">' +
|
||
photos.map(function (m, i) {
|
||
return '<button type="button" class="w4d-pm-thumb" data-i="' + i + '" ' +
|
||
'aria-pressed="' + (i === 0 ? 'true' : 'false') + '" aria-label="사진 ' + (i + 1) + '">' +
|
||
'<img src="' + escapeHtml(m.url) + '" alt="" loading="lazy"></button>';
|
||
}).join('') +
|
||
'</div></div>' +
|
||
'<textarea class="w4d-pm-text" maxlength="60" rows="3" ' +
|
||
/* ★ 이 업소 이름을 예시에 박지 않는다(2026-09-14 대표: "다른 숙박업소나 카페도
|
||
써야 하는데 이렇게 써놓으면 어떡해") — 어느 업종에 붙여도 맞는 말로 남긴다. */
|
||
'placeholder="엽서에 쓸 한 마디를 적어 보세요"></textarea>' +
|
||
'<p class="w4d-pm-count"><span data-len>0</span>/60</p>' +
|
||
'<div class="w4d-pm-actions">' +
|
||
'<button type="button" class="w4d-pm-share"></button>' +
|
||
'<button type="button" class="w4d-pm-save">이미지로 저장</button>' +
|
||
'</div>' +
|
||
'<p class="w4d-pm-hint" hidden>이 브라우저는 공유 시트를 못 열어 저장으로 대신합니다.</p>' +
|
||
'</div></div></div>';
|
||
|
||
function mount() {
|
||
if (section.isConnected) return true;
|
||
var festival = document.getElementById('festival');
|
||
if (festival && festival.parentNode) {
|
||
festival.parentNode.insertBefore(section, festival);
|
||
return true;
|
||
}
|
||
var location = document.getElementById('location');
|
||
if (location && location.parentNode) {
|
||
location.parentNode.insertBefore(section, location.nextElementSibling);
|
||
return true;
|
||
}
|
||
return false;
|
||
}
|
||
if (!mount()) return false;
|
||
|
||
var canvas = section.querySelector('.w4d-pm-canvas');
|
||
var ctx = canvas.getContext('2d');
|
||
var textarea = section.querySelector('.w4d-pm-text');
|
||
var lenEl = section.querySelector('[data-len]');
|
||
|
||
// draw() 안 사진 아래 레이아웃(margin·우표 칸 폭 190)과 같은 값이다 — 하나를 고치면
|
||
// 이 상수도 같이 고친다. 여기서도 필요한 이유: 몇 줄로 접힐지 **입력 중에 미리 재서**
|
||
// MAX_LINES 를 넘기지 못하게 막는다(2026-09-14 대표: "4줄이상 못쓰게 막으라고").
|
||
var TEXT_COL_W = canvas.width - 56 - 190 - 56 - 24;
|
||
var MAX_LINES = 4;
|
||
var thumbs = Array.prototype.slice.call(section.querySelectorAll('.w4d-pm-thumb'));
|
||
|
||
// 썸네일 카로셀 — embla 가 있으면 붙이고, 없으면 `.slider-viewport` 기본 스크롤로 남는다
|
||
// (가요 다방과 같은 폴백 규약). 사진을 고르는 라디오 그룹이라 화살표·점은 안 둔다 —
|
||
// 판만 보고 눌러서 고르면 되는 자리다.
|
||
var thumbsViewport = section.querySelector('.w4d-pm-thumbs-viewport');
|
||
if (thumbsViewport && window.EmblaCarousel) {
|
||
var thumbsApi = window.EmblaCarousel(thumbsViewport, {align: 'start', loop: false, containScroll: 'trimSnaps'});
|
||
thumbsViewport.setAttribute('data-slider', 'on');
|
||
thumbsApi.on('pointerDown', function () { thumbsViewport.setAttribute('data-dragging', 'true'); });
|
||
thumbsApi.on('pointerUp', function () { thumbsViewport.removeAttribute('data-dragging'); });
|
||
}
|
||
|
||
var shareBtn = section.querySelector('.w4d-pm-share');
|
||
var saveBtn = section.querySelector('.w4d-pm-save');
|
||
var hint = section.querySelector('.w4d-pm-hint');
|
||
|
||
/* ★ 버튼 문구에 "카카오톡" 을 못 박지 않는다 (2026-09-14 대표: "맥에서 메세지로밖에
|
||
안되는데..? 카카오톡 등으로 공유가 아니잖아 그럼" — 실측·정확한 지적).
|
||
`navigator.share` 가 여는 시트는 **OS 가 채운다** — iOS·Android 는 설치된 앱이
|
||
공유 대상으로 등록되어 카카오톡이 뜨지만, **macOS 데스크톱은 앱이 시스템 공유
|
||
확장(NSSharingService)에 거의 등록을 안 해서** 메시지·메모·AirDrop 정도만 뜬다.
|
||
카카오톡 macOS 앱도 그 확장을 안 만든다 — 그래서 맥에서는 "메시지"만 보이는 게
|
||
버그가 아니라 OS 사양이다. 대신 **손끝으로 조작하는 기기(coarse pointer)에서만**
|
||
"카카오톡 등으로 공유" 라고 적고, 마우스로 조작하는 기기(주로 데스크톱)에서는
|
||
그 앱 이름을 빼고 그냥 "공유하기" 라고 적는다 — 버튼이 실제로 하는 일은 같지만
|
||
손님이 기대할 결과를 기기에 맞게 정직하게 알려준다. */
|
||
var isTouch = window.matchMedia && window.matchMedia('(pointer: coarse)').matches;
|
||
shareBtn.textContent = isTouch ? '카카오톡 등으로 공유' : '공유하기';
|
||
|
||
var picked = 0;
|
||
var images = {}; // url → HTMLImageElement(로드 완료분)
|
||
var redrawTimer = null;
|
||
|
||
function loadImage(url) {
|
||
if (images[url]) return Promise.resolve(images[url]);
|
||
return new Promise(function (resolve, reject) {
|
||
var img = new Image();
|
||
img.onload = function () { images[url] = img; resolve(img); };
|
||
img.onerror = reject;
|
||
img.src = url;
|
||
});
|
||
}
|
||
|
||
/* 엽서 문구용 줄바꿈. 캔버스는 CSS 처럼 자동 줄바꿈을 안 해 준다.
|
||
★ **엔터는 그대로 줄바꿈이다**(2026-09-14 대표: "엔터치면 줄바꿈 부탁") — 먼저
|
||
`\n` 으로 문단을 가르고, 각 문단만 폭에 맞춰 다시 접는다. `\s+` 로 한 번에 쪼개면
|
||
사용자가 누른 엔터가 스페이스와 같은 취급을 받아 그대로 이어 붙어 버린다. */
|
||
function wrapLines(text, maxWidth) {
|
||
var lines = [];
|
||
text.split('\n').forEach(function (para) {
|
||
if (para.trim() === '') { lines.push(''); return; }
|
||
var words = para.split(' ');
|
||
var line = '';
|
||
words.forEach(function (word) {
|
||
var test = line ? line + ' ' + word : word;
|
||
if (ctx.measureText(test).width <= maxWidth) { line = test; return; }
|
||
if (line) lines.push(line);
|
||
if (ctx.measureText(word).width <= maxWidth) { line = word; return; }
|
||
/* ★ 공백 없는 긴 글자열은 단어 단위로 안 접힌다 (2026-09-14 대표 제보 — 자음만
|
||
줄줄이 이어친 문구가 우표 칸까지 넘쳐 나갔다). `stampLines()` 와 같은 방법으로
|
||
글자 단위로도 접는다. */
|
||
var chunk = '';
|
||
for (var i = 0; i < word.length; i += 1) {
|
||
var next = chunk + word[i];
|
||
if (ctx.measureText(next).width > maxWidth && chunk) {
|
||
lines.push(chunk);
|
||
chunk = word[i];
|
||
} else {
|
||
chunk = next;
|
||
}
|
||
}
|
||
line = chunk;
|
||
});
|
||
if (line) lines.push(line);
|
||
});
|
||
return lines;
|
||
}
|
||
|
||
/* 소인(우표 옆 회전 원) 안 상호명 줄바꿈 — `wrapLines` 와 따로 둔다.
|
||
★ **이 업소 이름을 박아 두지 않는다**(2026-09-14 대표: "다른 숙박업소나 카페도
|
||
써야 하는데 이렇게 써놓으면 어떡해"). "스테이"·"머뭄" 두 글자씩 고정 두 줄이던 걸
|
||
빼고, **어느 상호가 와도** 원 안에 맞게 접는다. 콤마·공백처럼 상호 안의 자연스러운
|
||
경계에서 먼저 끊고, 그 조각 하나가 원보다 넓으면 글자 단위로도 접는다 —
|
||
"스테이,머뭄" 처럼 사이 공백 없는 이름도 있어 `wrapLines`(공백 기준)만으로는
|
||
한 줄로 넘쳐 버린다. */
|
||
function stampLines(name, maxWidth) {
|
||
var parts = name.split(/[,\s]+/).filter(Boolean);
|
||
var lines = [];
|
||
var line = '';
|
||
parts.forEach(function (part) {
|
||
var test = line ? line + ' ' + part : part;
|
||
if (ctx.measureText(test).width <= maxWidth) {
|
||
line = test;
|
||
return;
|
||
}
|
||
if (line) lines.push(line);
|
||
if (ctx.measureText(part).width <= maxWidth) {
|
||
line = part;
|
||
return;
|
||
}
|
||
var chunk = '';
|
||
for (var i = 0; i < part.length; i += 1) {
|
||
var next = chunk + part[i];
|
||
if (ctx.measureText(next).width > maxWidth && chunk) {
|
||
lines.push(chunk);
|
||
chunk = part[i];
|
||
} else {
|
||
chunk = next;
|
||
}
|
||
}
|
||
line = chunk;
|
||
});
|
||
if (line) lines.push(line);
|
||
return lines;
|
||
}
|
||
|
||
function draw() {
|
||
var photo = photos[picked];
|
||
var size = canvas.width; // 정사각형(1080) — 카톡 등 공유의 1:1 관례와 같다
|
||
var serifFont = 'serif';
|
||
var probe = document.querySelector('.serif');
|
||
if (probe) {
|
||
var family = getComputedStyle(probe).fontFamily;
|
||
if (family) serifFont = family;
|
||
}
|
||
var ink = '#1b1a15';
|
||
var paper = '#efe7d3';
|
||
var accent = '#bf2f1b';
|
||
var margin = 56;
|
||
|
||
ctx.clearRect(0, 0, size, size);
|
||
ctx.fillStyle = paper;
|
||
ctx.fillRect(0, 0, size, size);
|
||
|
||
loadImage(photo.url).then(function (img) {
|
||
/* ── 위: 사진 (실제 카드의 aspect-3/2 앞면과 같은 비율) ── */
|
||
var photoX = margin, photoY = margin;
|
||
var photoW = size - margin * 2;
|
||
var photoH = photoW / 1.5;
|
||
var scale = Math.max(photoW / img.width, photoH / img.height);
|
||
var w = img.width * scale, h = img.height * scale;
|
||
ctx.save();
|
||
ctx.beginPath();
|
||
ctx.rect(photoX, photoY, photoW, photoH);
|
||
ctx.clip();
|
||
ctx.drawImage(img, photoX + (photoW - w) / 2, photoY + (photoH - h) / 2, w, h);
|
||
ctx.restore();
|
||
ctx.strokeStyle = 'rgba(27,26,21,0.25)';
|
||
ctx.lineWidth = 1;
|
||
ctx.strokeRect(photoX + 0.5, photoY + 0.5, photoW - 1, photoH - 1);
|
||
|
||
/* ── 아래: 괘선으로 가른 두 칸(실제 카드 grid-cols-[1fr_auto] 그대로) ── */
|
||
var bodyY = photoY + photoH + 36;
|
||
var stampColW = 190;
|
||
var dividerX = size - margin - stampColW;
|
||
var textColW = dividerX - margin - 24;
|
||
|
||
ctx.strokeStyle = 'rgba(27,26,21,0.35)';
|
||
ctx.lineWidth = 1;
|
||
ctx.beginPath();
|
||
ctx.moveTo(dividerX, bodyY);
|
||
ctx.lineTo(dividerX, size - margin - 46);
|
||
ctx.stroke();
|
||
|
||
// 왼쪽 — 사용자 문구(“ ” 인용부호, 실제 카드와 같은 서체)
|
||
// ★ 해시태그 줄은 뺐다(2026-09-14 대표: "태그 지우셈 UI깨짐") — 짧은 문구 뒤에
|
||
// 고정 해시태그(#스테이머뭄 #군산여행)를 더 얹었더니 두 줄짜리 긴 문구에서는
|
||
// 해시태그가 우표 칸 밑으로 겹쳐 나갔다. 문구 하나만 남긴다.
|
||
var text = textarea.value.trim() || '오늘, 이 숙소에서 하루를 보냅니다.';
|
||
ctx.fillStyle = ink;
|
||
ctx.font = '600 46px ' + serifFont;
|
||
ctx.textAlign = 'left';
|
||
ctx.textBaseline = 'alphabetic';
|
||
var wrapped = wrapLines('“' + text + '”', textColW);
|
||
// 입력 쪽(textarea input 핸들러)에서 이미 4줄을 못 넘게 막지만, 여기서도 한 번 더
|
||
// 자른다 — 그래야 어떤 경로로 그려지든(붙여넣기 등) 카드가 절대 안 깨진다.
|
||
var lines = wrapped.slice(0, MAX_LINES);
|
||
if (wrapped.length > MAX_LINES) {
|
||
var last = lines[MAX_LINES - 1];
|
||
while (last.length && ctx.measureText(last + '…').width > textColW) last = last.slice(0, -1);
|
||
lines[MAX_LINES - 1] = last + '…';
|
||
}
|
||
var lineHeight = 60;
|
||
lines.forEach(function (line, i) {
|
||
ctx.fillText(line, margin, bodyY + 50 + i * lineHeight);
|
||
});
|
||
|
||
// 오른쪽 — 우표 + 소인(실제 카드의 郵票 박스·회전 원 그대로)
|
||
var stampCx = dividerX + 24 + stampColW / 2 - 24;
|
||
ctx.strokeStyle = ink;
|
||
ctx.lineWidth = 1.5;
|
||
ctx.setLineDash([4, 4]);
|
||
ctx.strokeRect(stampCx - 44, bodyY, 88, 108);
|
||
ctx.setLineDash([]);
|
||
ctx.fillStyle = ink;
|
||
ctx.font = '400 20px ' + serifFont;
|
||
ctx.textAlign = 'center';
|
||
ctx.fillText('郵票', stampCx, bodyY + 46);
|
||
ctx.fillText('10원', stampCx, bodyY + 78);
|
||
|
||
ctx.save();
|
||
ctx.translate(stampCx, bodyY + 210);
|
||
ctx.rotate((-6 * Math.PI) / 180);
|
||
ctx.strokeStyle = accent;
|
||
ctx.lineWidth = 3;
|
||
ctx.beginPath();
|
||
ctx.arc(0, 0, 62, 0, Math.PI * 2);
|
||
ctx.stroke();
|
||
ctx.fillStyle = accent;
|
||
ctx.font = '600 22px ' + serifFont;
|
||
// 상호가 무엇이든(숙소·카페 어디에도 이 스크립트가 그대로 쓰인다) 원 안에
|
||
// 맞춰 접는다 — 이 업소 이름을 고정으로 박지 않는다.
|
||
var nameLines = stampLines(placeName, 100).slice(0, 2);
|
||
var nameLH = 26;
|
||
var nameStartY = 8 - ((nameLines.length - 1) * nameLH) / 2;
|
||
nameLines.forEach(function (line, i) {
|
||
ctx.fillText(line, 0, nameStartY + i * nameLH);
|
||
});
|
||
ctx.restore();
|
||
|
||
// 맨 아래 — 점선 + 서명 줄(실제 카드의 출처 줄과 같은 자리)
|
||
var footY = size - margin - 30;
|
||
ctx.strokeStyle = 'rgba(27,26,21,0.3)';
|
||
ctx.setLineDash([3, 3]);
|
||
ctx.beginPath();
|
||
ctx.moveTo(margin, footY - 20);
|
||
ctx.lineTo(size - margin, footY - 20);
|
||
ctx.stroke();
|
||
ctx.setLineDash([]);
|
||
ctx.fillStyle = 'rgba(27,26,21,0.6)';
|
||
ctx.font = '400 22px ' + serifFont;
|
||
ctx.textAlign = 'left';
|
||
ctx.fillText(placeName + ' · ' + regionShort, margin, footY + 6);
|
||
});
|
||
}
|
||
|
||
function scheduleDraw() {
|
||
window.clearTimeout(redrawTimer);
|
||
redrawTimer = window.setTimeout(draw, 80);
|
||
}
|
||
|
||
thumbs.forEach(function (btn, i) {
|
||
btn.addEventListener('click', function () {
|
||
picked = i;
|
||
thumbs.forEach(function (t, j) { t.setAttribute('aria-pressed', j === i ? 'true' : 'false'); });
|
||
scheduleDraw();
|
||
});
|
||
});
|
||
// 몇 줄로 접힐지는 폭·서체에 달려 있어 글자 수로는 못 잰다 — draw() 와 같은
|
||
// wrapLines() 로 실제 접은 결과를 재서 넘으면 되돌린다(2026-09-14 대표: "4줄이상
|
||
// 못쓰게 막으라고"). 자음만 이어치거나 엔터를 여러 번 눌러도 여기서 막힌다.
|
||
var lastGoodText = textarea.value;
|
||
textarea.addEventListener('input', function () {
|
||
if (wrapLines('“' + textarea.value + '”', TEXT_COL_W).length > MAX_LINES) {
|
||
textarea.value = lastGoodText;
|
||
} else {
|
||
lastGoodText = textarea.value;
|
||
}
|
||
lenEl.textContent = String(textarea.value.length);
|
||
scheduleDraw();
|
||
});
|
||
textarea.addEventListener('keydown', function (event) {
|
||
// Enter 는 기본 동작(줄바꿈)을 그대로 둔다 — 폼 전송이 아니므로 막을 이유가 없다.
|
||
// 여기서는 눌린 즉시 다시 그려 손님이 줄바꿈 결과를 바로 본다(input 이벤트보다 빠르다).
|
||
if (event.key === 'Enter') scheduleDraw();
|
||
});
|
||
|
||
function exportBlob(cb) {
|
||
canvas.toBlob(function (blob) { cb(blob); }, 'image/png', 0.95);
|
||
}
|
||
|
||
/* ★ 사진 + 링크만 보낸다, 캡션 문구는 안 넣는다(2026-09-14 대표: "이미지+내용+링크
|
||
하니까 안예쁨" — 손님이 쓴 문구는 이미 canvas 안 엽서 그림에 박혀 있는데, 시트에
|
||
또 같은 문구를 글자로 한 번 더 얹으면 같은 말이 두 번 보였다). `files` 와 `url`
|
||
을 같은 navigator.share() 호출에 같이 넣는 조합은 기기마다 지원이 갈려서, 파일이
|
||
실리는 경우엔 링크를 `text` 자리에 적어 붙인다(문구 없이 링크 한 줄만). */
|
||
shareBtn.addEventListener('click', function () {
|
||
var urlMeta = document.querySelector('meta[property="og:url"]');
|
||
var pageUrl = (urlMeta && urlMeta.content) || (location.origin + location.pathname);
|
||
exportBlob(function (blob) {
|
||
if (!blob) return;
|
||
var file = new File([blob], 'stay-postcard.png', {type: 'image/png'});
|
||
if (navigator.canShare && navigator.canShare({files: [file]})) {
|
||
navigator.share({files: [file], title: placeName + ' 엽서', text: pageUrl})
|
||
.catch(function () { /* 손님이 시트를 닫은 것도 여기로 온다 — 오류로 안 다룬다 */ });
|
||
} else if (navigator.share) {
|
||
// 파일 공유를 못 받는 브라우저(주로 데스크톱)는 링크만이라도 시트로 보낸다.
|
||
navigator.share({title: placeName + ' 엽서', url: pageUrl})
|
||
.catch(function () { /* 위와 같은 이유로 오류로 안 다룬다 */ });
|
||
hint.hidden = false;
|
||
hint.textContent = '이 브라우저는 사진은 같이 못 보내 링크만 보냈습니다. 사진은 "이미지로 저장" 을 눌러 주세요.';
|
||
} else {
|
||
hint.hidden = false;
|
||
var url = URL.createObjectURL(blob);
|
||
var a = document.createElement('a');
|
||
a.href = url; a.download = 'stay-postcard.png'; a.click();
|
||
URL.revokeObjectURL(url);
|
||
}
|
||
});
|
||
});
|
||
saveBtn.addEventListener('click', function () {
|
||
exportBlob(function (blob) {
|
||
if (!blob) return;
|
||
var url = URL.createObjectURL(blob);
|
||
var a = document.createElement('a');
|
||
a.href = url; a.download = 'stay-postcard.png'; a.click();
|
||
URL.revokeObjectURL(url);
|
||
});
|
||
});
|
||
|
||
// 폰트가 이 시점에 아직 안 실렸을 수 있다 — 실리고 나서 한 번 더 그린다.
|
||
if (document.fonts && document.fonts.ready) {
|
||
document.fonts.ready.then(draw);
|
||
}
|
||
draw();
|
||
return true;
|
||
}
|
||
|
||
/* ══ ⑧ 사진 갤러리 쪽 넘김 — 넓은 화면에서만 ═══════════════════════════════
|
||
* ★ 왜 (2026-09-14 사장님: "사진갤러리 전체 렌더링 말고 페이징 좀. 너무 많아 데스크톱에서는")
|
||
* `GallerySection` 은 좁은 화면에서 한 장씩 미는 캐러셀이고, 넓은 화면에서는 같은 <ul> 이
|
||
* 4열 격자가 된다(`lg:grid lg:grid-cols-4`). 사진 37장이면 열 줄 — 갤러리 하나가
|
||
* 페이지를 끊는다. 그래서 넓은 화면에서만 12장(3줄)씩 끊어 보여 준다.
|
||
*
|
||
* ★ <li> 를 **지우지 않는다.** 숨기기는 `data-w4d-gal-on='0'` + 주입 CSS 가 하고, 그 규칙은
|
||
* `min-width: 1024px` 안에만 있다. 두 가지 이유다.
|
||
* · 좁은 화면 캐러셀은 손대지 않아야 한다 — 거기선 이미 한 번에 한 장이다.
|
||
* · 사진이 DOM 에 남아 있어야 alt 문장이 문서에 남는다. 렌더러도 같은 이유로 배리에이션
|
||
* 셋 모두에서 사진을 전부 싣는다(`GallerySection.tsx` 머리주석).
|
||
*
|
||
* ★ 크게 보기(모달)와 어긋나지 않는다. 모달의 앞/뒤는 React 가 `images` **배열 색인**으로
|
||
* 도는 것이라 화면에 무엇이 보이는지와 무관하다 — 3쪽에서 연 사진도 ←/→ 로 37장을 다 돈다.
|
||
*
|
||
* ★ 페이저는 React 가 그리는 상자(`div.relative`) 안에 꽂는다. 재렌더에 날아가므로
|
||
* #root 를 감시해 다시 꽂는다(② 헤더 단추와 같은 방식). 다시 부를 수 있게 만들었다 —
|
||
* 이미 꽂혀 있으면 표시만 다시 찍는다.
|
||
*/
|
||
var GAL_PER_PAGE = 12; // 4열 × 3줄. 줄 수를 바꾸려면 4의 배수로 둔다
|
||
|
||
function galleryPager() {
|
||
var box = document.getElementById('gallery');
|
||
if (!box) return;
|
||
var list = box.querySelector('ul');
|
||
if (!list) return;
|
||
|
||
var items = list.children;
|
||
var total = items.length;
|
||
// 한 쪽에 다 들어가면 페이저를 만들지 않는다 — 단추 한 개짜리 줄만 남는다.
|
||
if (total <= GAL_PER_PAGE) return;
|
||
|
||
var pages = Math.ceil(total / GAL_PER_PAGE);
|
||
var pager = box.querySelector('.w4d-gal-pager');
|
||
var fresh = !pager;
|
||
|
||
if (fresh) {
|
||
pager = document.createElement('nav');
|
||
pager.className = 'w4d-gal-pager';
|
||
pager.setAttribute('aria-label', '사진 갤러리 쪽 넘기기');
|
||
pager.dataset.w4dGalPage = '1';
|
||
|
||
var html = '<button type="button" data-w4d-gal-step="-1" aria-label="이전 쪽">‹</button>';
|
||
for (var i = 1; i <= pages; i += 1) {
|
||
html += '<button type="button" data-w4d-gal-page="' + i + '">' + i + '</button>';
|
||
}
|
||
html += '<button type="button" data-w4d-gal-step="1" aria-label="다음 쪽">›</button>' +
|
||
'<span class="w4d-gal-total">사진 ' + total + '장</span>';
|
||
pager.innerHTML = html;
|
||
|
||
pager.addEventListener('click', function (event) {
|
||
var hit = event.target.closest('button');
|
||
if (!hit) return;
|
||
var now = Number(pager.dataset.w4dGalPage) || 1;
|
||
var next = hit.dataset.w4dGalPage
|
||
? Number(hit.dataset.w4dGalPage)
|
||
: now + Number(hit.dataset.w4dGalStep);
|
||
if (next < 1 || next > pages || next === now) return;
|
||
pager.dataset.w4dGalPage = String(next);
|
||
paint();
|
||
});
|
||
}
|
||
|
||
function paint() {
|
||
var page = Number(pager.dataset.w4dGalPage) || 1;
|
||
var from = (page - 1) * GAL_PER_PAGE;
|
||
list.dataset.w4dGal = '1';
|
||
for (var i = 0; i < items.length; i += 1) {
|
||
items[i].dataset.w4dGalOn = (i >= from && i < from + GAL_PER_PAGE) ? '1' : '0';
|
||
}
|
||
var buttons = pager.querySelectorAll('button');
|
||
for (var b = 0; b < buttons.length; b += 1) {
|
||
var button = buttons[b];
|
||
if (button.dataset.w4dGalPage) {
|
||
button.setAttribute('aria-current', Number(button.dataset.w4dGalPage) === page ? 'true' : 'false');
|
||
} else {
|
||
var step = Number(button.dataset.w4dGalStep);
|
||
button.disabled = (page + step) < 1 || (page + step) > pages;
|
||
}
|
||
}
|
||
}
|
||
|
||
paint();
|
||
if (fresh) list.parentElement.appendChild(pager);
|
||
}
|
||
|
||
/* ★ `load` 를 기다리지 않는다. 이 페이지는 경로 지도 때문에 OSM 타일 <img> 가 151장이라
|
||
(일정 20개 × 2~3일) load 는 그게 다 끝나야 나온다 — 타일이 느리면 영원히 안 뜬다. */
|
||
/* ★ 어느 판을 보고 있는지 콘솔에서 바로 알게 한다. `/s/` 는 5분 캐시라 "고쳤는데
|
||
안 된다" 의 대부분이 **옛 파일을 보고 있는 것**이었다 — 그걸 눈으로 가른다.
|
||
`2026-09-14T07:42:00+00:00` 는 patch_stay.py 가 굽는 시각(UPDATED_AT)으로 바꿔 박는다. */
|
||
console.log('[w4d] 주입분 로드 · 빌드 2026-09-14T07:42:00+00:00');
|
||
try { startPlayer(); } catch (err) { console.warn('[w4d] 플레이어 실패', err); }
|
||
void startReading;
|
||
try {
|
||
startSongsRail();
|
||
if (window.MutationObserver) {
|
||
// ★ 판 하나 고르는 클릭(`setPlaying`)에는 안 걸린다 — track 노드가 그대로라
|
||
// `.slider-viewport` 를 계속 물고 있다. 이 감시는 **하이드레이션 재렌더처럼
|
||
// #songs 통째가 다시 그려질 때만** 다시 감싼다.
|
||
new MutationObserver(function () { startSongsRail(); })
|
||
.observe(document.getElementById('root') || document.body, {childList: true, subtree: true});
|
||
}
|
||
console.log('[w4d] 가요 다방 카로셀 — 화살표 + embla');
|
||
} catch (err) { console.warn('[w4d] 가요 다방 카로셀 실패', err); }
|
||
void postcardMaker;
|
||
try { tameRails(); console.log('[w4d] 카로셀 — 만지는 동안 정지(7초) · 직접 민 레일은 영구 정지'); }
|
||
catch (err) { console.warn('[w4d] 카로셀 실패', err); }
|
||
try {
|
||
galleryPager();
|
||
if (window.MutationObserver) {
|
||
// 재렌더가 <li> 를 다시 만들면 표시(data-w4d-gal-on)가 사라진다 — 다시 찍는다.
|
||
// 속성은 감시하지 않는다(childList 만) — 우리가 찍는 속성에 우리가 다시 깨어난다.
|
||
new MutationObserver(function () { galleryPager(); })
|
||
.observe(document.getElementById('root') || document.body, {childList: true, subtree: true});
|
||
}
|
||
console.log('[w4d] 사진 갤러리 — 넓은 화면 ' + GAL_PER_PAGE + '장씩');
|
||
} catch (err) { console.warn('[w4d] 갤러리 쪽 넘김 실패', err); }
|
||
/* ⑩ 푸터 '만든 곳' 한 줄 — 렌더러에 **있는데** 이 목업이 문 번들에는 없다.
|
||
★ 왜 주입인가 (2026-09-15 대표: "푸터 하단에 Web4ai ai o2o 얘기도 적어주셈 / 반영반영")
|
||
`patch_stay.py` 가 정적 HTML 에 같은 줄을 박아 두지만, 이 한 장이 물고 있는 번들은
|
||
2026-09-09 판이라 그 줄을 모른다 — 하이드레이션이 끝나는 순간 리액트가 **지운다**
|
||
(실측 2026-09-15: HTML 에는 있는데 화면에는 0건). 번들을 갈아 끼우면 풀리지만,
|
||
그건 목업 전체를 최신 렌더러로 다시 그리는 일이라 이 한 장을 깨뜨릴 수 있다
|
||
(AGENTS.md 함정 1). 그래서 렌더러에 없는 것들과 **같은 방식**으로 얹는다.
|
||
★ 마크업은 `SiteFooter.tsx` 가 내보내는 것과 같다 — 번들을 갈아 끼우는 날
|
||
리액트가 그리는 줄과 겹치면 안 되므로, 이미 있으면 얹지 않는다. */
|
||
function startMadeBy() {
|
||
var HREF = 'https://www.o2osolution.ai/';
|
||
function put() {
|
||
var footer = document.querySelector('footer');
|
||
if (!footer) return false;
|
||
if (footer.querySelector('a[href="' + HREF + '"]')) return true; // 번들이 이미 그렸다
|
||
var box = footer.querySelector('.shell') || footer.firstElementChild || footer;
|
||
var p = document.createElement('p');
|
||
p.className = 'pt-3 text-[length:var(--fs-xs)] opacity-55';
|
||
p.innerHTML = '<a href="' + HREF + '" target="_blank" rel="noopener noreferrer" ' +
|
||
'class="underline-offset-2 hover:underline">AI O2O</a>의 Web4Ai로 만든 사이트입니다.';
|
||
box.appendChild(p);
|
||
return true;
|
||
}
|
||
put();
|
||
// 리액트가 #root 를 다시 그리면 사라진다 — 감시해서 다시 얹는다(플레이어와 같은 수법).
|
||
if (window.MutationObserver) {
|
||
new MutationObserver(function () { put(); })
|
||
.observe(document.getElementById('root') || document.body, {childList: true, subtree: true});
|
||
}
|
||
}
|
||
|
||
window.setTimeout(function () {
|
||
try {
|
||
watchLinks();
|
||
console.log('[w4d] 링크 걸기 — 일정 · 엽서');
|
||
} catch (err) { console.warn('[w4d] 링크 실패', err); }
|
||
void startCatchphrase;
|
||
try {
|
||
startMadeBy();
|
||
console.log('[w4d] 푸터 — AI O2O · Web4Ai');
|
||
} catch (err) { console.warn('[w4d] 푸터 표기 실패', err); }
|
||
}, 1200);
|
||
})();
|
||
|
||
</script>
|
||
|
||
<script>
|
||
(function () {
|
||
var BASE = "/s/stay6", HERE = "", PAGE = {"top": "", "about": "", "units": "", "video": "", "gallery": "", "location": "", "weather": "", "postcard-maker": "", "festival": "gunsan", "guide": "gunsan", "itinerary": "gunsan", "story": "gunsan", "songs": "gunsan", "info": "booking", "booking": "booking", "faq": "booking", "reviews": "booking"};
|
||
function target(id) {
|
||
var page = PAGE[id];
|
||
if (page === undefined || page === HERE) return null;
|
||
return page ? BASE + '/' + page + '#' + id : BASE + '#' + id;
|
||
}
|
||
function fix() {
|
||
var anchors = document.querySelectorAll('a[href^="#"]');
|
||
for (var i = 0; i < anchors.length; i++) {
|
||
var id = anchors[i].getAttribute('href').slice(1);
|
||
var to = target(id);
|
||
if (to) anchors[i].setAttribute('href', to);
|
||
else if (PAGE[id] === HERE) anchors[i].setAttribute('data-w4d-here', '');
|
||
}
|
||
}
|
||
document.addEventListener('click', function (event) {
|
||
var a = event.target.closest && event.target.closest('a[href^="#"]');
|
||
if (!a) return;
|
||
var to = target(a.getAttribute('href').slice(1));
|
||
if (!to) return;
|
||
event.preventDefault();
|
||
location.href = to;
|
||
}, true);
|
||
var TITLE = null;
|
||
function head() {
|
||
if (!TITLE) return;
|
||
var header = document.querySelector('#root header');
|
||
if (!header || document.querySelector('.w4d-pagehead')) return;
|
||
var band = document.createElement('div');
|
||
band.className = 'w4d-pagehead';
|
||
var h1 = document.createElement('h1');
|
||
h1.textContent = TITLE;
|
||
band.appendChild(h1);
|
||
header.parentNode.insertBefore(band, header.nextSibling);
|
||
}
|
||
function tick() { fix(); head(); }
|
||
[0, 400, 1200, 3000].forEach(function (ms) { setTimeout(tick, ms); });
|
||
window.addEventListener('pageshow', tick);
|
||
if (window.MutationObserver) {
|
||
new MutationObserver(tick).observe(document.getElementById('root'), {childList: true, subtree: false});
|
||
}
|
||
})();
|
||
</script>
|
||
</body>
|
||
</html>
|