/* /assets/map-app-preview.60239846ac1a0917.css */ /* 지도 앱 첫 화면: HTML head에서 미리 불러와 이전 레이아웃의 첫 페인트를 막는다. */ .map-app-preview { --panel: 410px; background:#eef2ee; height:100dvh; overflow:hidden; } .map-app-preview:not(.preview-ready) > .tool, .map-app-preview:not(.preview-ready) > main, .map-app-preview:not(.preview-ready) > footer { display:none; } .map-app-preview:not(.map-data-ready) .app-sheet .sheet-content { visibility:hidden; } .map-app-preview:not(.map-data-ready) .mapframe::after { content:'Loading map…'; position:absolute; inset:0; z-index:5; display:grid; place-items:center; background:#eef2ee; color:#526078; font:600 14px Arial,sans-serif; } .map-app-preview header { position:fixed; inset:0 0 auto; height:66px; z-index:6; padding:12px 20px; background:#fff; border-bottom:1px solid #e3e8e3; gap:12px; } .map-app-preview .brand { font-size:19px; white-space:nowrap; } .map-app-preview .site-version { font-size:10px; } .map-app-preview .tag { display:none; } .map-app-preview .mapframe { position:fixed; top:66px; bottom:0; left:var(--panel); right:0; width:auto; height:auto; min-height:0; margin:0; border-radius:0; } .map-app-preview .app-search-dock { position:fixed; top:78px; left:14px; width:calc(var(--panel) - 28px); z-index:7; } .map-app-preview .place-search { margin:0; max-width:none; height:50px; border:1px solid #d5ddd7; border-radius:26px; padding:12px 18px; box-shadow:0 3px 12px #12322212; font-size:14px; } .map-app-preview .app-sheet { position:fixed; top:140px; bottom:0; left:0; width:var(--panel); background:white; z-index:4; display:flex; flex-direction:column; box-shadow:3px 0 14px #12241a18; } .map-app-preview .sheet-head { flex:none; background:white; padding:6px 18px 12px; border-bottom:1px solid #e8ede9; } .map-app-preview .sheet-handle { position:relative; width:100%; background:none; border:0; padding:8px 0; text-align:left; color:#102d22; font:700 20px Arial,sans-serif; cursor:pointer; touch-action:none; } .map-app-preview .handle-bar,.map-app-preview .sheet-chevron { display:none; } .map-app-preview .sheet-toolbar { display:flex; gap:8px; margin-top:6px; } .map-app-preview .sheet-toolbar button { border:1px solid #d9e3dc; background:#f4f7f5; padding:8px 14px; border-radius:18px; color:#294635; font-weight:700; cursor:pointer; } .map-app-preview .sheet-map-toggle { display:none; } .map-app-preview .sheet-content { min-height:0; overflow:auto; overscroll-behavior:contain; flex:1; } .map-app-preview .card-scroll-sentinel { height:1px; overflow-anchor:none; } .map-app-preview .tool { padding:12px 18px 0; background:white; color:#10233f; } .map-app-preview .toolinner { padding:0; overflow:visible; } .map-app-preview #filter-helper { display:none; } .map-app-preview .region-filters { display:none; border-color:#e0e8e2; margin:0 0 12px; padding:0 0 12px; } .map-app-preview .areas-open .region-filters { display:block; } .map-app-preview .region-city-group+.region-city-group { border-color:#e0e8e2; margin-top:8px; padding-top:8px; } .map-app-preview .filters { gap:7px; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; padding-bottom:3px; scrollbar-width:none; } .map-app-preview .filters::-webkit-scrollbar{display:none} .map-app-preview .filters .is-extra { display:block!important; } .map-app-preview .filters .filter-more { display:none!important; } .map-app-preview .filters button { flex:none; border:1px solid #dce5de; color:#365342; background:#f5f7f5; font-size:12px; padding:9px 12px; white-space:nowrap; } .map-app-preview .filters button.active { background:#e1f4e8; color:#126238; border-color:#acd6ba; } .map-app-preview .saved-tools { margin:7px 0; flex-wrap:wrap; } .map-app-preview .saved-tools[hidden] { display:none!important; } .map-app-preview .saved-list-button,.map-app-preview .share-saved-button { border:1px solid #dce5de; background:white; color:#294635; padding:8px 11px; font-size:12px; } .map-app-preview .saved-list-button.active { background:#e1f4e8; } .map-app-preview .shared-list-note { color:#365342; } .map-app-preview main { margin:0; max-width:none; padding:12px 0 30px; } .map-app-preview .statusline { margin:0; padding:0 18px 14px; display:block; } .map-app-preview #page-title { display:none; } .map-app-preview #count { margin:0; color:#647467; font-size:12px; } .map-app-preview #count .facility-data-source { color:#315a79; text-decoration:underline; text-underline-offset:2px; white-space:nowrap; } .map-app-preview .cards { display:block; } .map-app-preview .card { border:0; border-bottom:7px solid #f0f3f0; border-radius:0; min-height:0; padding:20px 18px; } .map-app-preview .card h3 { font-size:18px; line-height:1.3; } .map-app-preview .card .address { margin:10px 0 4px; } .map-app-preview .card .actions { margin-top:12px; padding-top:0; } .map-app-preview .experience-card { background:#fff; } .map-app-preview .experience-card img { height:175px; } .map-app-preview .seo-guide { margin:25px 18px 0; padding-top:20px; } .map-app-preview .seo-guide-grid { grid-template-columns:1fr; } .map-app-preview footer { padding:16px 18px; line-height:1.5; } .map-app-preview .map-guide { top:16px; left:auto; right:16px; background:#10233f; color:#fff; border:2px solid #f4b860; box-shadow:0 4px 13px rgba(0,0,0,.28); } .map-app-preview .map-guide:hover { background:#18385f; } .map-app-preview .map-guide-panel { top:64px; left:auto; right:16px; } .map-app-preview .experiences-button { display:none; } .map-app-preview .map-category-rail { position:absolute; z-index:2; top:16px; left:12px; bottom:80px; display:flex; flex-direction:column; gap:8px; width:60px; overflow-y:auto; scrollbar-width:none; pointer-events:none; } .map-app-preview .map-category-button { flex:none; width:48px; height:48px; min-height:48px; padding:0; border:1px solid #98c9ac; border-radius:16px; background:#e7eaed; color:#126238; box-shadow:0 2px 7px #173b2520; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; cursor:pointer; pointer-events:auto; } .map-app-preview .map-category-button svg { width:18px; height:18px; flex:none; } .map-app-preview .map-category-button[data-category="experiences"] svg,.map-app-preview .map-category-button[data-category="toilets"] svg { width:22px; height:22px; } .map-app-preview .map-category-button .category-label { display:block; max-width:46px; overflow:hidden; font:700 10px/1 Arial,sans-serif; white-space:nowrap; } .map-app-preview .map-category-button[aria-pressed="true"], .map-app-preview .map-category-button[aria-pressed="true"]:hover:not(:disabled) { background:#e1f4e8; border-width:3px; border-color:#0f623a; } .map-app-preview .map-category-button[data-category="experiences"] { color:#a51d5d; border-color:#e8a8c4; } .map-app-preview .map-category-button[data-category="experiences"][aria-pressed="true"], .map-app-preview .map-category-button[data-category="experiences"][aria-pressed="true"]:hover:not(:disabled) { background:#fce4ee; border-color:#a51d5d; } .map-app-preview .map-category-button[data-category="toilets"] { color:#173f5e; border-color:#619bbb; } .map-app-preview .map-category-button[data-category="toilets"][aria-pressed="true"], .map-app-preview .map-category-button[data-category="toilets"][aria-pressed="true"]:hover:not(:disabled) { background:#b9dcef; border-color:#24577d; } .map-app-preview .map-category-button[data-category="saved"] { color:#80500d; border-color:#c9a572; } .map-app-preview .map-category-button[data-category="saved"][aria-pressed="true"], .map-app-preview .map-category-button[data-category="saved"][aria-pressed="true"]:hover:not(:disabled) { background:#fff0d0; border-color:#a46a12; } .map-app-preview .map-category-button[aria-pressed="false"], .map-app-preview .map-category-button[aria-pressed="false"]:hover:not(:disabled) { background:#e7eaed; border-width:1px; border-color:#cbd2d8; } .map-app-preview .map-category-button:disabled { background:#f3f5f4; color:#717b75; cursor:default; } .map-app-preview .map-category-button small { display:none; } .map-app-preview .location-button { top:auto; bottom:30px; right:12px; width:48px; height:48px; padding:0!important; font-size:0!important; line-height:0; background:white; border:1px solid #dbe2ee; border-radius:16px; box-shadow:0 3px 12px #16305526; } .map-app-preview .location-button::before,.map-app-preview .location-button::after { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; pointer-events:none; } .map-app-preview .location-button::before { width:32px; height:32px; background:#e6edff; } .map-app-preview .location-button::after { width:17px; height:17px; background:#2b59ed; border:3px solid #fff; } .map-app-preview .location-button:hover { background:#f3f6ff; } .map-app-preview button:focus-visible { outline:3px solid #276e4d; outline-offset:2px; } @media(max-width:800px) { .map-app-preview header { height:58px; padding:10px 12px; } .map-app-preview .brand { font-size:15px; } .map-app-preview .site-version { display:none; } .map-app-preview .share-button { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; padding:0; } .map-app-preview .share-label { display:none; } .map-app-preview .language-switch button { font-size:11px; padding:6px 4px; white-space:nowrap; flex:none; } .map-app-preview .mapframe { top:58px; left:0; bottom:var(--preview-sheet-height,46dvh); } .map-app-preview .app-search-dock { top:70px; left:12px; right:auto; width:calc((100% - 24px) * .7); } .map-app-preview .place-search { height:48px; padding:12px 16px; font-size:13px; text-overflow:ellipsis; } .map-app-preview .app-sheet { top:auto; bottom:0; width:100%; height:46dvh; max-height:calc(100dvh - 145px); border-radius:24px 24px 0 0; box-shadow:0 -4px 22px #10241c25; } .map-app-preview .app-sheet[data-level="0"] { height:120px; } .map-app-preview .app-sheet[data-level="2"] { height:calc(100dvh - 145px); } .map-app-preview .sheet-head { padding:0 18px 10px; border-radius:24px 24px 0 0; } .map-app-preview .sheet-handle { padding:24px 0 6px; font-size:20px; } .map-app-preview .handle-bar { display:block; position:absolute; width:38px; height:4px; background:#c3ccc5; top:9px; left:calc(50% - 19px); border-radius:4px; } .map-app-preview .sheet-chevron { display:inline; float:right; color:#647467; } .map-app-preview .sheet-map-toggle { display:block; margin-left:auto; } .map-app-preview .app-sheet[data-level="0"] .sheet-content { visibility:hidden; } .map-app-preview .map-guide { top:12px; left:auto; right:12px; width:calc((100% - 24px) * .3 - 8px); height:48px; font-size:11px; padding:6px 3px; white-space:normal; } .map-app-preview .map-category-rail { top:72px; bottom:auto; right:72px; width:auto; flex-direction:row; align-items:flex-start; overflow-x:auto; overflow-y:hidden; padding-bottom:6px; } .map-app-preview .map-guide-panel { top:68px; right:12px; max-height:calc(100% - 98px); } .map-app-preview .location-button { top:auto; bottom:30px; right:12px; } .map-app-preview .tool { padding-top:10px; } .map-app-preview .sheet-content { padding-bottom:env(safe-area-inset-bottom); } .map-app-preview .experience-card img { height:175px; } .map-app-preview:has(.app-sheet[data-level="2"]) .map-guide, .map-app-preview:has(.app-sheet[data-level="2"]) .map-category-rail, .map-app-preview:has(.app-sheet[data-level="2"]) .location-button { visibility:hidden; } } @media(max-width:360px) { .map-app-preview header { padding-inline:8px; gap:5px; } .map-app-preview .brand { font-size:12px; } .map-app-preview .header-actions { gap:3px; } .map-app-preview .language-switch button { padding:6px 5px; font-size:10px; } } .drink-label{display:flex;align-items:center;gap:5px;margin-bottom:8px;color:#126238;font-size:12px;font-weight:800}.drink-label svg{width:19px;height:19px;flex:none}#filters[hidden]{display:none!important}.map-category-button[data-category="drinks"] svg{width:22px;height:22px} .experience-card .experience-map-location{border:1px solid #a51d5d;border-radius:8px;padding:9px 11px;background:#fff;color:#a51d5d;font-weight:700;min-height:44px;cursor:pointer}.experience-card .actions{display:flex;flex-wrap:wrap;gap:8px}.experience-distance{flex-basis:100%} .drink-details{margin:10px 0;font-size:13px}.drink-details small{display:block;margin-top:5px;color:#526575;line-height:1.5} /* 긴 문구를 핑크 버튼 안에서 두 줄로 표시한다. */ .map-app-preview .map-category-button[data-category="experiences"] .category-label {max-width:42px;white-space:normal;overflow:visible;text-align:center;line-height:1.08;} html[lang="en"] .map-app-preview .map-category-button[data-category="restaurants"] .category-label, html[lang="en"] .map-app-preview .map-category-button[data-category="drinks"] .category-label {max-width:42px;white-space:normal;overflow:visible;text-align:center;line-height:1.08;} /* /assets/kculture.d94ecbb551c378b8.css */ .culture-badge{align-self:flex-start;background:#eee6fa;color:#62409d;border-radius:9px;padding:7px 10px;font-size:.8rem;font-weight:800}.drama-titles{color:#62409d;font-weight:700;line-height:1.5;margin:6px 0}.culture-sources{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:.8rem}.culture-sources a{color:#62409d}.culture-card .actions{flex-wrap:wrap}.culture-filters{margin-top:10px}.culture-filters[hidden]{display:none!important}.map-category-button[data-category="k_culture"]{color:#7651ba}.map-category-button[data-category="k_culture"][aria-pressed="true"]{background:#eee6fa;border-color:#7651ba}.map-popup.culture-card{max-width:280px}.map-popup.culture-card .facts{line-height:1.5}@media(max-width:560px){.map-category-rail{gap:5px}.map-category-button[data-category="k_culture"] .category-label{font-size:.62rem}} .culture-section-label{display:block;font-size:.78rem;font-weight:700;color:#62409d}.culture-section{display:block;width:100%;margin:6px 0 12px;padding:10px 12px;border:1px solid #d7c8eb;border-radius:12px;background:#faf7ff;color:#392756;font:inherit;font-size:.95rem}.culture-selected{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#392756}.culture-selected button{border:0;background:#eee6fa;color:#62409d;border-radius:50%;width:32px;height:32px;font-size:1.3rem}.culture-catalog-status{font-size:.8rem;color:#6b6480;margin:6px 0 12px}.culture-discovery{border:1px solid #e6def0;border-radius:12px;background:#fff}.culture-discovery summary{padding:12px;cursor:pointer;color:#62409d;font-weight:700}.culture-search-label{display:block;padding:0 12px 10px}.culture-search-label span{display:block;color:#6b6480;font-size:.72rem;line-height:1.5;margin-bottom:7px}.culture-drama-search{box-sizing:border-box;width:100%;border:1px solid #ded4ec;border-radius:10px;padding:11px;font:inherit;font-size:.85rem;background:#faf8fd}.culture-results{max-height:250px;overflow:auto;padding:0 8px 8px}.culture-result{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:10px 8px;text-align:left;border:0;border-top:1px solid #f0ebf5;background:#fff;color:#392756;cursor:pointer;font-size:.85rem}.culture-result:hover,.culture-result:focus-visible{background:#f4effb}.culture-result span{font-weight:700;min-width:0}.culture-result small{display:block;font-weight:400;font-size:.7rem;color:#7c718b;line-height:1.45}.culture-result>small{max-width:125px;text-align:right}.culture-search-empty{padding:0 8px;color:#6b6480;font-size:.8rem}.culture-filters{margin:10px 0 4px}.culture-drama-search:focus-visible,.culture-section:focus-visible{outline:2px solid #7651ba;outline-offset:2px} .culture-link-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.culture-card .culture-link-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border:1px solid #d7c8eb;border-radius:12px;background:#faf7ff;color:#62409d;font-size:.85rem;font-weight:700;line-height:1.4;text-decoration:none;max-width:100%;overflow-wrap:anywhere}.culture-card .culture-link-button:hover{background:#eee6fa}.culture-card .culture-link-button:focus-visible{outline:2px solid #7651ba;outline-offset:2px} .card .google-map-button,.map-popup .google-map-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border:1px solid #d7c8eb;border-radius:12px;background:#faf7ff;color:#62409d!important;font-size:.85rem;font-weight:700;line-height:1.4;text-decoration:none;max-width:100%;overflow-wrap:anywhere}.map-popup .google-map-button{margin-top:9px}.google-map-button:hover{background:#eee6fa}.google-map-button:focus-visible{outline:2px solid #7651ba;outline-offset:2px} /* 지도 버튼은 핀의 근거 수준 대신 카테고리 버튼 색상을 따른다. */ .card .google-map-button,.map-popup .google-map-button{--maps-text:#126238;--maps-border:#b8d9c7;--maps-bg:#e1f4e8;--maps-hover:#cdebd9;color:var(--maps-text)!important;border-color:var(--maps-border);background:var(--maps-bg)} .card .google-map-experiences,.map-popup .google-map-experiences{--maps-text:#a51d5d;--maps-border:#e8a8c4;--maps-bg:#fce4ee;--maps-hover:#f5c8d9} .card .google-map-toilets,.map-popup .google-map-toilets{--maps-text:#173f5e;--maps-border:#619bbb;--maps-bg:#e6f1fa;--maps-hover:#b9dcef} .card .google-map-button:hover,.map-popup .google-map-button:hover{background:var(--maps-hover)} .card .google-map-button:focus-visible,.map-popup .google-map-button:focus-visible{outline-color:var(--maps-text)} /* 지도 버튼은 문구 길이에 맞추고, 좁은 화면에서는 팝업 범위를 넘지 않는다. */ .card .google-map-button,.map-popup .google-map-button,.culture-card .culture-link-button{width:fit-content!important;max-width:100%;flex:0 1 auto;align-self:flex-start} .culture-place-summary{margin:8px 0 12px;color:#34445d;font-size:.86rem;line-height:1.6;overflow-wrap:anywhere} .culture-relations{padding-left:18px;margin:6px 0 10px;font-size:.8rem;line-height:1.55;color:#65577c}.culture-relations li{margin:4px 0} .culture-coordinate-credit{display:block;font-size:.65rem;margin:6px 0;color:#68758a}.culture-coordinate-credit a{color:inherit}.culture-relations{overflow-wrap:anywhere} /* /assets/kculture-quicktabs.1ba627064b35c209.css */ .culture-quicktabs{position:absolute;z-index:2;top:72px;left:12px;margin:0;padding:4px;border:1px solid #ddd0ef;border-radius:13px;background:#fffffff5;box-shadow:0 3px 12px #39275616} .culture-quicktabs[hidden]{display:none} .culture-quicktabs button{color:#62409d} .culture-quicktabs button[aria-pressed="true"]{background:#7651ba;color:#fff} .culture-tabs-visible .culture-section-label{display:none} .culture-section-heading{font-size:.85rem;font-weight:700;color:#62409d;margin:0 0 8px} .map-app-preview.culture-tabs-visible .map-category-rail{bottom:auto} .map-app-preview .map-guide,.map-app-preview .map-guide-panel{z-index:8} @media(max-width:800px){ .culture-quicktabs{top:100px} .map-app-preview.culture-tabs-visible .app-sheet{max-height:calc(100dvh - 235px)} .map-app-preview.culture-tabs-visible .app-sheet[data-level="2"]{height:calc(100dvh - 235px)} .map-app-preview.culture-tabs-visible:has(.app-sheet[data-level="2"]) .mapframe{bottom:calc(100dvh - 235px)} .map-app-preview.culture-tabs-visible:has(.app-sheet[data-level="2"]) .map-guide, .map-app-preview.culture-tabs-visible:has(.app-sheet[data-level="2"]) .map-category-rail{visibility:visible} } /* /assets/category-prompt.fc18648a5ceea7e6.css */ .categories-empty #count,.categories-empty #cards,.categories-empty .seo-guide{display:none} @media(max-width:800px){ body.map-app-preview.category-first-use .map-category-button{border-width:2px;animation:category-border-pulse 1.05s ease-in-out infinite} @keyframes category-border-pulse{0%,100%{border-color:transparent}50%{border-color:currentColor}} } @media(max-width:800px) and (prefers-reduced-motion:reduce){ body.map-app-preview.category-first-use .map-category-button{border-width:2px;animation:none;border-color:currentColor} } /* /assets/map-toolbar-compact.0fe2f8572039bd9b.css */ /* 글자·아이콘 크기는 기존 값을 사용하고 상하 공간만 줄인다. */ .map-app-preview .place-search{height:35px;padding:4px 18px;border-radius:20px} .map-app-preview .map-guide{height:30px;padding:2px 14px} .map-app-preview .map-guide-panel{top:51px} .map-app-preview .app-sheet{top:125px} @media(max-width:800px){ .map-app-preview .place-search{height:34px;padding:4px 16px} .map-app-preview .map-guide{height:34px;padding:2px 3px} .map-app-preview .map-category-rail{top:58px} .map-app-preview .map-guide-panel{top:54px;max-height:calc(100% - 84px)} .map-app-preview .app-sheet{top:auto} .map-app-preview .culture-quicktabs{top:118px} .map-app-preview.culture-tabs-visible .app-sheet{max-height:calc(100dvh - 221px)} .map-app-preview.culture-tabs-visible .app-sheet[data-level="2"]{height:calc(100dvh - 221px)} .map-app-preview.culture-tabs-visible:has(.app-sheet[data-level="2"]) .mapframe{bottom:calc(100dvh - 221px)} } /* /assets/map-toolbar-spacing.fb5683e1b8933da9.css */ /* 버튼과 글자 크기는 그대로 유지하고 주변 간격만 절반으로 줄인다. */ .map-app-preview .app-search-dock{top:72px} .map-app-preview .app-sheet{top:119px} .map-app-preview .map-guide{top:10px} .map-app-preview .map-guide-panel{top:45px} .map-app-preview .map-category-rail{top:10px} .map-app-preview .culture-quicktabs{top:343px} @media(max-width:800px){ .map-app-preview .app-search-dock{top:64px} .map-app-preview .map-guide{top:6px} .map-app-preview .map-guide-panel{top:48px;max-height:calc(100% - 78px)} .map-app-preview .map-category-rail{top:46px;padding-bottom:3px} .map-app-preview .culture-quicktabs{top:100px} .map-app-preview .app-sheet{top:auto} } /* /assets/core.06c8340e502fe971.css */ .map-popup{min-width:180px;padding:3px 2px;color:#10233f!important;background:#fff!important;color-scheme:light;font:400 14px Arial,"Noto Sans KR",sans-serif}.map-popup strong{display:block;margin-bottom:5px;color:#10233f!important;font-size:16px}.map-popup small{color:#526078!important}.map-popup a{display:inline-block;margin-top:7px;color:#b85018!important;font-weight:700;text-decoration:underline}.location-button{position:absolute;z-index:2;right:18px;top:18px;padding:10px 14px;border:2px solid #f4b860;border-radius:22px;background:#10233f;color:#fff;font-weight:800;box-shadow:0 4px 13px rgba(0,0,0,.28);cursor:pointer}.location-button:hover{background:#18385f}.language-switch{display:flex;gap:3px;padding:3px;border:1px solid #d8d2c6;border-radius:22px;background:#fff}.language-switch button{border:0;border-radius:17px;padding:6px 9px;background:transparent;color:#526078;font:700 .76rem Arial,"Noto Sans KR",sans-serif;cursor:pointer}.language-switch button.active{background:#f4b860;color:#10233f}.local-name{margin:-5px 0 11px;color:#5c6b7e;font-size:.9rem}@media(max-width:560px){.language-switch button{padding:6px 7px;font-size:.72rem}}.language-switch{flex:none}.language-switch button{flex:none;white-space:nowrap}.language-switch .lang-short{display:none}@media(max-width:560px){.language-switch button{padding:6px 4px;font-size:.7rem}.language-switch .lang-full{display:none}.language-switch .lang-short{display:inline}} .map-popup .popup-address{display:block;margin:5px 0;overflow-wrap:anywhere}.local-name{margin-bottom:5px}.local-address{margin:0 0 10px;color:#526078;font-size:.82rem;line-height:1.4;overflow-wrap:anywhere} @media(max-width:560px){header{padding:14px 20px}.tag{display:none}.tool{padding:20px 0}.toolinner{padding:0 20px;overflow:hidden}.tool h2{font-size:1.65rem}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{flex:0 0 auto;padding:9px 12px;font-size:.86rem}.legend{font-size:.76rem;gap:8px;overflow-x:auto;flex-wrap:nowrap}.legend span{white-space:nowrap}main{padding:30px 20px 44px}.statusline h1{font-size:1.8rem}.card{min-height:0;padding:18px}.address{margin:13px 0}.actions{margin-top:12px}} @media(max-width:560px){.mapframe{height:48vh;min-height:315px;margin:0 0 22px;border-radius:0}.location-button{right:12px;top:12px;padding:10px;font-size:.85rem}} .map-guide{position:absolute;z-index:2;left:16px;top:16px;padding:10px 14px;border:2px solid #f4b860;border-radius:22px;background:#10233f;font-weight:800;color:#fff;letter-spacing:.01em;box-shadow:0 4px 13px rgba(0,0,0,.28);cursor:pointer}.map-guide:hover{background:#18385f}.map-guide-panel{position:absolute;z-index:3;left:16px;top:64px;width:min(370px,calc(100% - 32px));max-height:calc(100% - 78px);overflow-y:auto;padding:11px 13px;border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 2px 10px rgba(0,0,0,.16);font-size:.8rem;font-weight:700;line-height:1.9;color:#10233f}.map-guide-panel span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:4px;border-radius:50%;color:#fff;font-size:.72rem}.guide-ad{margin-top:5px;padding-top:5px;border-top:1px solid #d8d2c6}.guide-saved{margin-top:8px;padding-top:8px;border-top:1px solid #d8d2c6;line-height:1.5}.guide-saved p{margin:4px 0 0;font-weight:400}.legend-green{background:#1e8955}.legend-orange{background:#dc7626}.legend-yellow{background:#c98b0f}.legend-ad{background:#fce4ee!important;color:#a51d5d!important;font-size:.55rem!important}@media(max-width:760px){.map-guide{left:12px;top:12px;padding:8px 12px;font-size:.82rem}.map-guide-panel{left:12px;top:58px;width:min(370px,calc(100% - 24px));max-height:calc(100% - 70px);font-size:.76rem;padding:9px 11px}}.map-guide-panel .legend-row{display:flex;align-items:center;gap:7px;min-height:34px}.map-guide-panel .legend-pin{width:22px;height:28px;flex:none;object-fit:contain}.map-guide-panel .legend-code{background:none;color:#10233f;font-size:.8rem;margin:0;width:auto;height:auto;min-width:16px}.map-guide-panel .guide-ad{margin-top:5px;padding-top:5px;border-top:1px solid #d8d2c6} .experiences-button{position:absolute;z-index:2;right:18px;top:70px;padding:9px 13px;border:2px solid #b8d9c7;border-radius:22px;background:#fff;color:#126238;font-weight:800;box-shadow:0 4px 13px rgba(0,0,0,.2);cursor:pointer}.experiences-button[aria-pressed="true"]{background:#e1f4e8;color:#126238}.map-popup .ad-badge{display:inline-block;margin-bottom:6px;padding:3px 7px;border-radius:12px;background:#fce4ee;color:#a51d5d;font-size:11px;font-weight:800}.map-popup .ad-image{display:block;max-width:160px;max-height:85px;width:auto;height:auto;margin:4px 0 6px}.map-popup .ad-disclosure{display:block;margin-top:6px;line-height:1.35}.map-popup .ad-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 10px;border-radius:12px;background:#fce4ee;color:#a51d5d!important;font-size:13px;font-weight:800;text-decoration:none}.map-popup .ad-link:hover{background:#f5c8d9}.map-popup .ad-link:focus-visible{outline:3px solid #10233f;outline-offset:3px}@media(max-width:750px){.experiences-button{left:50%;right:auto;top:12px;transform:translateX(-50%);white-space:nowrap}.mapframe.map-popup-open .experiences-button{visibility:hidden}}@media(max-width:560px){.map-guide,.location-button,.experiences-button{top:12px;padding:9px 6px;font-size:clamp(10px,2.8vw,12px);line-height:1.15;white-space:nowrap}.map-guide{left:6px}.location-button{right:6px}.experiences-button{left:50%;right:auto;transform:translateX(-50%)}}@media(max-width:360px){.map-guide,.location-button,.experiences-button{padding:9px 4px;font-size:9px}.map-guide{left:4px}.location-button{right:4px}}.experiences-button[aria-pressed="true"]{background:#fce4ee;color:#a51d5d;border-color:#e8a8c4} .experience-card{border-color:#d8d2c6;background:#fff}.experience-card .ad-badge{align-self:flex-start;padding:7px 10px;border-radius:8px;background:#fce4ee;color:#a51d5d;font-size:.76rem;font-weight:800}.experience-card img{display:block;width:100%;height:145px;object-fit:cover;border-radius:10px;margin:12px 0 0}.experience-card h3{margin:12px 0 6px}.experience-card .ad-note{color:#526078;font-size:.82rem;line-height:1.4}.experience-card .ad-disclosure{margin-top:8px;padding-top:0;color:#526078;font-size:.78rem;line-height:1.4}.experience-card .actions{margin-top:auto;padding-top:15px}.experience-card .actions .ad-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 10px;border-radius:8px;background:#fce4ee;color:#a51d5d;font-size:.9rem;font-weight:800;text-decoration:none}.experience-card .actions .ad-link:hover{background:#f5c8d9}.experience-card .actions .ad-link:focus-visible{outline:3px solid #10233f;outline-offset:3px}.experience-card .ad-address{margin-top:8px;overflow-wrap:anywhere}.experience-card-top,.experience-popup-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.experience-card-top .ad-badge,.experience-popup-top .ad-badge{margin:0}.experience-card-top .save-experience,.experience-popup-top .popup-save-experience{flex:none;white-space:nowrap;margin:0;padding:5px 9px;font-size:.76rem;line-height:1.2} .place-search{width:100%;max-width:500px;margin:18px 0 12px;padding:12px 14px;border:1px solid #60718a;border-radius:10px;background:#fff;color:#10233f;font:inherit}.place-search::placeholder{color:#657084}@media(max-width:560px){.place-search{max-width:none;padding:11px 12px}} .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.card{min-width:0}.card h3,.local-name,.address{overflow-wrap:anywhere}@media(min-width:751px){.cards{grid-auto-rows:minmax(280px,auto)}.card{height:auto;min-height:280px}}@media(max-width:750px){.cards{grid-template-columns:1fr}} .filter-more{display:none}@media(max-width:750px){.filters{flex-wrap:wrap;overflow:visible;padding-bottom:8px;gap:6px}.filters button{flex:0 0 auto;padding:8px 10px;font-size:.78rem}.filters:not(.expanded){flex-wrap:nowrap}.filters:not(.expanded) .is-extra{display:none}.filter-more{display:inline-block!important}.filters.expanded .filter-more{margin-left:auto}}@media(max-width:560px){.filters button{padding:7px 8px;font-size:.74rem}}@media(max-width:360px){.filters{gap:4px}.filters button{padding:7px 6px;font-size:.72rem}} .region-filters{border-bottom:1px solid #40536e;margin-bottom:17px;padding-bottom:17px}.region-city-group+.region-city-group{border-top:1px solid #40536e;margin-top:17px;padding-top:17px}.city-region-filters{min-width:0}@media(max-width:750px){.region-filters{margin-bottom:14px;padding-bottom:14px}.region-city-group+.region-city-group{margin-top:12px;padding-top:15px}} .saved-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:17px 0 4px}.saved-list-button,.share-saved-button,.save-place,.popup-save,.save-experience,.popup-save-experience{border:1px solid #f4b860;border-radius:20px;padding:9px 13px;background:transparent;color:#fff;font:700 .9rem Arial,"Noto Sans KR",sans-serif;cursor:pointer}.saved-list-button.active{background:#f4b860;color:#10233f}.share-saved-button{background:#fff;color:#8f1957;border-color:#fff}.share-saved-button[hidden],.shared-list-note[hidden]{display:none}.shared-list-note{margin:10px 0 4px;color:#d9e1ef;font-size:.86rem}.save-place{border-color:#c9a572;color:#80500d;background:#fff9ee}.save-place.active{background:#fff0d0}.save-experience,.popup-save-experience{border-color:#c9a572;color:#80500d;background:#fff9ee}.save-experience.active,.popup-save-experience.active{background:#fff0d0}.card .actions{align-items:center;flex-wrap:wrap}.popup-save,.popup-save-experience{display:block;margin-top:9px;padding:6px 10px}.popup-save{border-color:#c9a572;color:#80500d;background:#fff9ee}.popup-save.active{background:#fff0d0}@media(max-width:560px){.saved-list-button,.share-saved-button{padding:8px 10px;font-size:.77rem}.save-place,.save-experience{padding:8px 11px}} @media(max-width:750px){.statusline h1{display:none}.statusline p{margin-top:0}} .card .walklink{display:inline-flex;align-items:center;min-height:38px;padding:7px 10px;border-radius:9px;background:#e1f4e8;color:#126238;font-weight:800}.map-popup .walklink{display:block;width:max-content;margin-top:9px;padding:8px 10px;border-radius:9px;background:#e1f4e8;color:#126238!important;text-decoration:none}.map-popup .walklink+.google-map-button{display:block} .site-legal-link{display:inline-block;margin-left:10px;color:inherit;text-decoration:underline} /* /assets/save-days-compact.3004a751ec45e316.css */ .cards:has(> .saved-compact) { display:block; } .map-app-preview.saved-days-active:not(.map-data-ready) .app-sheet .sheet-content { visibility:visible; } .map-app-preview.saved-days-active .app-sheet .tool, .map-app-preview.saved-days-active .app-sheet .sheet-toolbar, .map-app-preview.saved-days-active .app-sheet .statusline, .map-app-preview.saved-days-active .app-sheet .seo-guide, .map-app-preview.saved-days-active .app-sheet footer { display:none; } .map-app-preview.saved-days-active .app-sheet main { padding:8px 10px 20px; } .map-app-preview.saved-days-active #cards[aria-busy="true"] > .data-load-status { display:none; } .saved-compact { --day-light:#e8efff; --day-dark:#3268d6; display:block; width:100%; color:#20252d; } .saved-compact-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:3px 2px 13px; } .saved-compact-heading small { color:#667181; font-size:.78rem; } .saved-compact-heading h2 { display:flex; align-items:baseline; gap:9px; margin:4px 0 0; font-size:1.25rem; color:#20252d; } .saved-compact-heading h2 span { color:#788390; font-size:.82rem; font-weight:500; } .saved-compact .saved-add-day, .saved-tools .saved-add-day { flex:none; padding:7px 10px; border:1px solid #d9e1ea; border-radius:10px; background:#fff; color:#3268d6; font-size:.8rem; font-weight:700; } .saved-day-actions { display:flex; align-items:center; gap:6px; flex:none; } .saved-delete-day { display:grid; place-items:center; width:33px; height:33px; padding:6px; border:1px solid #d9e1ea; border-radius:10px; background:#fff; color:#b43c45; cursor:pointer; } .saved-delete-day svg { width:18px; height:18px; } .saved-delete-day:disabled { opacity:.4; cursor:default; } .saved-delete-day:focus-visible { outline:3px solid #2767d8; outline-offset:2px; } .saved-day-tabs { display:flex; gap:7px; overflow-x:auto; padding:2px 2px 11px; scrollbar-width:thin; } .saved-day-tab { display:inline-flex; align-items:center; gap:6px; flex:none; min-height:36px; padding:6px 10px; border:1px solid #e1e6ed; border-radius:20px; background:#fff; color:#445163; font:inherit; font-size:.83rem; cursor:pointer; } .saved-day-tab.active { background:var(--day-light); border-color:var(--day-dark); color:var(--day-dark); } .saved-day-tab small { opacity:.7; } .saved-day-dot { width:9px; height:9px; flex:none; border-radius:50%; background:var(--day-dark); } .saved-compact .saved-day-list { display:grid; gap:0; min-height:80px; padding:4px 0; border:1px solid #e6eaf0; border-radius:14px; background:#fff; list-style:none; } .saved-compact-item { margin:0 9px; padding:0; border:0; border-bottom:1px solid #eef1f4; border-radius:0; background:#fff; } .saved-compact-item:last-of-type { border-bottom:0; } .saved-compact-row { display:flex; align-items:center; gap:8px; min-height:53px; } .saved-compact .saved-drag { min-width:30px; min-height:36px; border:0; background:transparent; color:#9aa3ad; font-size:18px; touch-action:none; cursor:grab; } .saved-compact .saved-stop-number { display:grid; place-items:center; width:25px; min-width:25px; height:25px; border-radius:50%; background:var(--day-dark); color:#fff; font-size:.78rem; font-weight:800; } .saved-place-label { flex:1; min-width:0; padding:10px 2px; border:0; background:transparent; color:#20252d; text-align:left; cursor:pointer; } .saved-place-label strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.91rem; font-weight:700; } .saved-arrow-item[data-saved-key^="google:"] .saved-place-label strong { white-space:normal; overflow-wrap:anywhere; } .saved-item-menu { position:relative; flex:none; } .saved-item-menu summary { display:grid; place-items:center; width:32px; height:36px; border-radius:8px; color:#697586; cursor:pointer; list-style:none; font-size:1.25rem; } .saved-item-menu summary::-webkit-details-marker { display:none; } .saved-item-menu-content { position:absolute; z-index:20; right:0; top:37px; display:grid; gap:8px; min-width:185px; padding:10px; border:1px solid #dfe4ea; border-radius:11px; background:#fff; box-shadow:0 7px 24px #18233126; } .saved-item-menu-content label { display:grid; gap:4px; color:#526071; font-size:.78rem; } .saved-item-menu-content select,.saved-item-menu-content button { min-height:32px; border:1px solid #d9e0e8; border-radius:7px; background:#fff; font:inherit; } .saved-item-menu-content div { display:flex; gap:6px; } .saved-item-menu-content button { flex:1; } .saved-compact-route { display:flex; justify-content:center; align-items:center; min-height:28px; padding:3px; color:#758394; font-size:.76rem; } .saved-compact-route a { padding:3px 8px; border-radius:7px; color:#3268d6; text-decoration:none; font-weight:700; } .saved-compact-route a:hover { background:#eef4ff; } .saved-compact .saved-day-empty { margin:12px; padding:16px; border:1px dashed #d4dde8; border-radius:10px; color:#778392; text-align:center; } .saved-compact-detail { padding:4px 0 10px 35px; } .saved-compact-detail[hidden] { display:none!important; } .saved-compact-detail .card { margin:0; box-shadow:none; } .saved-compact-tip { margin:9px 2px 0; color:#768292; font-size:.75rem; line-height:1.4; } .saved-compact .saved-dragging { opacity:.48; } .saved-compact .saved-drop-target { outline:2px solid var(--day-dark); outline-offset:1px; } .saved-compact :focus-visible { outline:3px solid #3268d6; outline-offset:2px; } @media(max-width:560px) { .saved-compact-heading h2 { font-size:1.13rem; } .saved-compact .saved-add-day, .saved-tools .saved-add-day { font-size:.73rem; } .saved-item-menu-content { right:-3px; } } /* /assets/save-days-preview.bc7a25c79350551b.css */ .saved-days { display: grid; gap: 16px; width: 100%; } .cards:has(> .saved-days) { display: block; } .map-app-preview:not(.map-data-ready) .mapframe::after { pointer-events: none; } .saved-days-note { margin: 0; padding: 12px 14px; border-radius: 12px; background: #f8f1f6; color: #573a52; line-height: 1.5; } .saved-days-error { margin: 0; padding: 10px; border-radius: 8px; background: #fff0ee; color: #a22b20; } .saved-day { min-width: 0; padding: 12px; border: 1px solid #e8d7e2; border-radius: 16px; background: #fffafd; } .saved-day h2 { margin: 0 0 10px; font-size: 1.15rem; color: #8e295f; } .saved-day h2 small { margin-left: 6px; font-size: .8rem; color: #71606a; } .saved-day-list { display: grid; gap: 8px; min-height: 52px; margin: 0; padding: 0; list-style: none; } .saved-day-item { min-width: 0; padding: 7px; border: 1px solid #e7dce3; border-radius: 12px; background: white; } .saved-day-item .card { margin: 0; box-shadow: none; } .saved-day-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-bottom: 5px; } .saved-day-controls button, .saved-day-controls select, .saved-add-day { min-height: 34px; border: 1px solid #d5bfd0; border-radius: 8px; background: white; color: #6a2451; font: inherit; cursor: pointer; } .saved-day-controls button { min-width: 34px; } .saved-day-controls button:disabled { opacity: .35; cursor: default; } .saved-day-controls label { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; font-size: .8rem; } .saved-day-controls select { max-width: 130px; padding: 2px 4px; } .saved-drag { touch-action: none; cursor: grab !important; font-size: 20px !important; } .saved-stop-number { display: inline-grid; place-items: center; min-width: 24px; height: 24px; border-radius: 50%; background: #f5e1ed; color: #8e295f; font-weight: 700; } .saved-dragging { opacity: .55; } .saved-drop-target { outline: 3px solid #b63d7a; outline-offset: 2px; } .saved-day-empty { padding: 15px; border: 1px dashed #d2afc5; border-radius: 10px; color: #786c73; text-align: center; } .saved-route-between { padding: 4px 9px; text-align: center; font-size: .84rem; } .saved-route-between a { display: inline-block; padding: 7px 10px; border: 1px solid #c6d5ed; border-radius: 8px; background: #f2f7ff; color: #214b87; font-weight: 700; text-decoration: none; } .saved-route-between span { color: #716670; } .saved-add-day { justify-self: start; padding: 7px 13px; font-weight: 700; } .saved-add-day:focus-visible, .saved-day-controls :focus-visible, .saved-route-between a:focus-visible { outline: 3px solid #2767d8; outline-offset: 2px; } @media (max-width: 560px) { .saved-day { padding: 8px; } .saved-day-controls label { width: 100%; margin-left: 0; } } /* /assets/performance.97241218206acd72.css */ .map-load-status{position:absolute;z-index:6;left:50%;bottom:14px;transform:translateX(-50%);max-width:90%;padding:7px 12px;border-radius:14px;background:#fff;box-shadow:0 1px 8px #10233f26;color:#526078;font:13px Arial,sans-serif;white-space:nowrap} .map-load-status[hidden]{display:none}.map-load-status button,.data-load-status button{margin-left:8px;padding:5px 9px;border:1px solid #d8d2c6;border-radius:8px;background:white;color:#10233f;cursor:pointer} .data-load-status{grid-column:1/-1;padding:8px 12px;border-radius:9px;background:#f4f6fb;color:#526078;font:13px Arial,sans-serif} /* /assets/dining-comments.3ec777ed3f308047.css */ .dining-comment{margin:10px 0 12px;color:#42566b;font-size:.88rem;line-height:1.55}.dining-comment p{margin:0 0 4px}.dining-comment p:last-child{margin-bottom:0}.map-popup .dining-comment{font-size:13px}.map-popup .dining-comment p{white-space:normal;overflow-wrap:anywhere} /* /assets/desktop-area-fix.b0ee8c6c35f6874f.css */ /* PC에서도 가로 카테고리 다음 줄에 문화 세부 탭을 표시한다. */ @media(min-width:801px){ .map-app-preview .map-category-rail{flex-direction:row;bottom:auto;right:72px;width:auto;align-items:flex-start;overflow-x:auto;overflow-y:hidden;padding-bottom:0} .map-app-preview .culture-quicktabs{top:63px} .map-app-preview .category-welcome{top:78px;left:12px} } /* 카드 목록을 어디까지 내려도 지역 선택창의 위치는 고정한다. */ .map-app-preview .sheet-head{position:relative;z-index:5} .map-app-preview .sheet-head>.region-filters{position:absolute;top:100%;left:12px;right:12px;margin:0;padding:12px;background:#fff;border:1px solid #d9e3dc;border-radius:0 0 14px 14px;box-shadow:0 8px 24px #173b2528;max-height:min(420px,50dvh);overflow-y:auto;overscroll-behavior:contain} @media(max-width:800px){ .map-app-preview .sheet-head>.region-filters{max-height:min(36dvh,calc(var(--preview-sheet-height,46dvh) - 120px))} } /* /assets/shopping.eb24ac437e485136.css */ .map-category-button[data-category="shopping"]{color:#106878} .map-category-button[data-category="shopping"][aria-pressed="true"]{border-color:#167f94;background:#e3f3f5} .shopping-badge{display:inline-block;color:#106878;background:#e3f3f5;padding:8px 12px;border-radius:10px;font-weight:700} .shopping-card h3{margin:12px 0 4px} .shopping-summary{line-height:1.6;margin:16px 0;color:#354e55} .shopping-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px} .shopping-actions .google-map-button{margin:0;width:auto;flex:none;color:#106878;background:#e3f3f5;border-color:#b5dce2} .shopping-brands{display:flex;gap:8px;overflow-x:auto;padding:8px 0;scrollbar-width:thin} .shopping-brands button{flex:none;white-space:nowrap;border:1px solid #b5dce2;border-radius:18px;background:white;color:#106878;padding:8px 12px;font:inherit;font-size:14px} .shopping-brands button[aria-pressed="true"]{background:#167f94;color:white;border-color:#167f94} .shopping-filters[hidden]{display:none} .market-schedule{line-height:1.5;color:#106878;background:#f0f8f9;border-left:3px solid #167f94;padding:8px 10px;margin:12px 0} .shopping-actions .walklink{color:#106878;background:#e3f3f5} /* /assets/place-detail.00159056ecec551b.css */ .place-detail-panel[hidden]{display:none!important} .place-detail-panel{display:none} .place-detail-desktop-open #cards,.place-detail-desktop-open .lodging-preview-panel{display:none!important} .pin-selected-view{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:12px 16px 28px} .pin-selected-back{display:inline-flex;align-items:center;min-height:38px;margin:0 0 10px;padding:6px 12px;border:1px solid #d9e2e6;border-radius:10px;background:#fff;color:#245d83;font:700 13px Arial,"Noto Sans KR",sans-serif;cursor:pointer} .pin-selected-back:focus-visible{outline:3px solid #3265b4;outline-offset:2px} .pin-selected-card{grid-template-columns:minmax(0,1fr)} .pin-selected-card>.card,.pin-selected-card>.lodging-card{box-sizing:border-box;width:100%;min-width:0;margin:0} @media(max-width:800px){ body.place-detail-open .app-sheet{visibility:hidden;pointer-events:none} .place-detail-panel{position:fixed;display:flex;flex-direction:column;left:0;right:0;bottom:0;z-index:1000;max-height:min(60dvh,calc(100dvh - 185px));background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -6px 28px #10233f30;color:#10233f;padding-bottom:env(safe-area-inset-bottom)} .place-detail-head{display:flex;align-items:center;flex:none;min-height:52px;padding:0 12px;border-bottom:1px solid #edf0f2} .place-detail-grip{flex:1;align-self:stretch;position:relative;touch-action:none;cursor:grab} .place-detail-grip:before{content:"";position:absolute;width:44px;height:5px;border-radius:5px;background:#bcc6cc;left:50%;top:16px;transform:translateX(-50%)} .place-detail-close{width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#f1f4f6;color:#10233f;font:400 30px/1 Arial;flex:none;cursor:pointer} .place-detail-close:focus-visible,.place-detail-grip:focus-visible{outline:3px solid #167f94;outline-offset:2px} .place-detail-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:12px 18px 20px;scrollbar-width:thin;grid-template-columns:minmax(0,1fr)} .place-detail-body>.card,.place-detail-body>.lodging-card{box-sizing:border-box;width:100%;min-width:0;margin:0} } /* /assets/sightseeing.ec39f453c830317d.css */ .map-app-preview .map-category-button[data-category="sightseeing"]{color:#3265b4} .map-app-preview .map-category-button[data-category="sightseeing"][aria-pressed="true"]{color:#3265b4;border-color:#3265b4;background:#e9f0fc} .sights-badge{display:inline-block;padding:7px 10px;border-radius:10px;background:#e9f0fc;color:#244e92;font-weight:700} .sights-card h3{margin:12px 0 4px}.sights-card p{line-height:1.6}.sights-card small{display:block;color:#63718a} .sights-card .sights-note{font-size:13px;color:#63718a;margin:12px 0}.sights-source{font-size:11px} .sights-photo{margin:12px 0 6px}.sights-photo img{display:block;width:100%;height:160px;object-fit:cover;border-radius:10px;background:#e9f0fc}.sights-photo figcaption{margin-top:4px;font-size:11px;color:#63718a}.sights-photo a{color:#526684;text-decoration:underline} .map-popup.sights-card .sights-photo img{height:130px} .sights-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.sights-actions a{background:#e9f0fc;color:#244e92} .sights-ticket{margin-top:12px;padding:10px;border:1px solid #f2d3df;border-radius:12px;background:#fff8fb}.sights-ticket .ad-badge{display:inline-block;margin-bottom:6px;padding:3px 7px;border-radius:9px;background:#fce4ee;color:#a51d5d;font-size:11px;font-weight:800}.sights-ticket .sights-ticket-product{display:block;margin-bottom:8px;color:#4b5870;font-size:12px}.sights-ticket .ad-link{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:40px;margin:0;padding:9px 13px;border-radius:10px;background:#fce4ee;color:#a51d5d;text-decoration:none;font-size:13px;font-weight:800}.sights-ticket .ad-disclosure{display:block;margin-top:7px;color:#63718a;font-size:11px} .sight-quicktabs{position:absolute;z-index:3;top:63px;left:12px;width:min(340px,calc(100% - 24px));padding:3px;border:1px solid #d8e3f6;border-radius:13px;background:#fffffff5;box-shadow:0 3px 12px #244e921a} .sight-quicktabs[hidden]{display:none} .sights-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px} .sights-filters button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:31px;padding:3px 4px;border:0;border-radius:9px;background:transparent;color:#244e92;font:inherit;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer} .sights-filters button[aria-pressed="true"]{background:#3265b4;color:#fff} .sights-filters button:focus-visible{outline:3px solid #3265b4;outline-offset:2px} .sights-filters svg{width:16px;height:16px;flex:none} .museum-inline-filters[hidden]{display:none} .museum-inline-filters{padding:6px 12px 10px} .museum-type-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin} .museum-type-filters button{flex:none;padding:7px 11px;border:1px solid #d8e3f6;border-radius:999px;background:#fff;color:#244e92;font:700 12px/1.2 Arial,sans-serif;cursor:pointer} .museum-type-filters button[aria-pressed="true"]{background:#e9f0fc;border-color:#3265b4;color:#244e92} .museum-type-filters button:focus-visible{outline:3px solid #3265b4;outline-offset:2px} @media(max-width:800px){.sight-quicktabs{top:100px;width:calc(100% - 24px)}.sights-filters button{font-size:11px}} @media(max-width:800px){.map-category-rail{max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}.map-category-rail::-webkit-scrollbar{display:none}.map-category-button{flex-shrink:0}} /* /assets/tourapi-photos.d8e6463d4357e72e.css */ .tourapi-photo{margin:12px 0 8px} .tourapi-photo img{display:block;width:100%;height:180px;object-fit:contain;border-radius:10px;background:#f3f5f7} .tourapi-photo figcaption{margin-top:4px;font-size:11px;line-height:1.4;color:#63718a} .tourapi-photo a{color:#526684;text-decoration:underline} .map-popup .tourapi-photo img{height:140px} /* /assets/open-photos.4b806654c897a96e.css */ .open-place-photo{margin:12px 0}.open-place-photo img{display:block;width:100%;max-height:210px;object-fit:cover;border-radius:12px}.open-place-photo figcaption{font-size:11px;line-height:1.4;margin-top:5px;color:#5f6b7d}.open-place-photo figcaption a{color:inherit;text-decoration:underline} /* /assets/save-days-arrows.657cb75d20015178.css */ .saved-arrows .saved-compact-row { min-height:58px; gap:8px; } .saved-arrows .saved-course-source{padding:0 12px 4px 48px;color:#5b6c7a;font-size:11px;line-height:1.35;overflow-wrap:anywhere} .saved-arrows .saved-stop-number { flex:none; } .saved-arrows .saved-place-label { min-width:0; } .saved-arrow-pad { display:grid; grid-template-columns:repeat(3,28px); grid-template-rows:repeat(2,28px); gap:0; flex:none; align-items:center; justify-items:center; width:84px; } .saved-arrow { display:grid; place-items:center; width:28px; height:28px; min-width:0; min-height:0; padding:0; border:0; border-radius:6px; background:transparent; color:var(--day-dark); font:700 19px/1 Arial,sans-serif; cursor:pointer; } .saved-arrow:hover:not(:disabled) { background:var(--day-light); } .saved-arrow:disabled { color:#c4cbd3; cursor:default; } .saved-arrow-up { grid-column:2; grid-row:1; } .saved-arrow-left { grid-column:1; grid-row:2; } .saved-arrow-down { grid-column:2; grid-row:2; } .saved-arrow-right { grid-column:3; grid-row:2; } .saved-arrows .saved-day-list { border-radius:12px; } .saved-arrows .saved-compact-item { border:0; border-bottom:1px solid #eef1f4; border-radius:0; } .saved-arrows .saved-compact-item:last-of-type { border-bottom:0; } @media(max-width:360px) { .saved-arrow-pad { grid-template-columns:repeat(3,26px); width:78px; } .saved-arrow { width:26px; } } .saved-arrows .saved-compact-route { gap:14px; min-height:38px; flex-wrap:wrap; } .saved-route-time { display:inline-flex; align-items:center; gap:4px; white-space:nowrap; font-variant-numeric:tabular-nums; } .saved-route-time svg { width:19px; height:19px; flex:none; } .saved-arrows .saved-route-link { display:inline-flex; align-items:center; justify-content:center; min-width:38px; min-height:38px; box-sizing:border-box; } .saved-arrows .saved-compact-route button { min-height:32px; padding:4px 8px; border:1px solid #d9e1ea; border-radius:8px; background:#fff; color:#3268d6; font:700 12px Arial,sans-serif; cursor:pointer; } .saved-route-link svg { width:22px; height:22px; } .saved-day-toolbar { display:flex; align-items:center; gap:8px; margin:12px 0; } .saved-day-toolbar .saved-day-tabs { flex:1; min-width:0; margin:0; overflow-x:auto; } .saved-tabs-scroll { display:grid; place-items:center; flex:none; width:30px; height:36px; padding:0; border:1px solid #d9e3ed; border-radius:8px; background:#fff; color:#3268d6; font:700 24px/1 Arial,sans-serif; cursor:pointer; } .saved-tabs-scroll[hidden] { display:none!important; } .saved-tabs-scroll:disabled { color:#aeb8c4; cursor:default; } @media(max-width:800px){.saved-tabs-scroll{display:none!important}} .saved-calculate-times { flex:none; display:grid; place-items:center; width:48px; height:48px; padding:4px; gap:2px; border:1px solid #3268d6; border-radius:9px; background:#fff; color:#3268d6; cursor:pointer; } .saved-calculate-times svg { width:22px; height:22px; } .saved-calculate-times:disabled { color:#b5bdc8; border-color:#e0e5eb; background:#f4f6f8; cursor:default; } .saved-tools .saved-day-actions { display:flex; align-items:center; gap:6px; margin-left:auto; } body:not(.saved-days-active) .saved-tools .saved-day-actions { display:none; } .saved-tools .saved-add-day { font-size:12px; padding:8px; white-space:nowrap; } @media(max-width:360px) { .saved-tools { gap:4px; } .map-app-preview .saved-tools .saved-list-button,.map-app-preview .saved-tools .share-saved-button { padding:7px 5px; font-size:10px; } .saved-tools .saved-add-day { padding:7px 5px; font-size:10px; } .saved-tools .saved-day-actions { gap:3px; } } /* 날짜가 늘어나도 grid의 최소 콘텐츠 너비가 패널을 확장하지 않게 한다. */ .saved-days.saved-arrows { grid-template-columns:minmax(0,1fr); min-width:0; max-width:100%; } .saved-arrows .saved-day-toolbar { min-width:0; max-width:100%; } .saved-arrows .saved-day-tabs { overscroll-behavior-x:contain; } .saved-all-tab { display:inline-flex; align-items:center; gap:6px; flex:none; min-height:36px; padding:6px 10px; border:1px solid #d9dee5; border-radius:20px; background:#f1f3f5; color:#586472; font:inherit; font-size:.83rem; cursor:pointer; } .saved-all-tab.active { background:#66717f; border-color:#66717f; color:#fff; } .saved-all-tab small { opacity:.8; } .saved-all-day { margin:0 0 12px; } .saved-all-day h3 { margin:10px 3px 6px; color:#445163; font-size:.85rem; } .saved-library-list{display:grid;gap:8px;margin:0;padding:0;list-style:none} .saved-library-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:12px;border:1px solid #e2e7e2;border-radius:10px;background:#fff} .saved-library-item>div:first-child{display:grid;gap:4px;min-width:0} .saved-library-item strong,.saved-library-item small{overflow-wrap:anywhere} .saved-library-item small{color:#667789;font-size:11px} .saved-library-item span{color:#426a56;font-size:11px} .saved-library-item.is-unplanned span{color:#a26017} .saved-library-actions{display:flex;align-items:center;gap:5px;flex:none} .saved-library-actions label{display:grid;gap:2px;color:#526475;font-size:10px} .saved-library-actions select,.saved-library-actions button{max-width:100%;min-height:30px;padding:4px 6px;border:1px solid #d9e3ed;border-radius:6px;background:#fff;color:#3268d6;font:700 11px Arial,sans-serif} @media(max-width:480px){.saved-library-item{align-items:flex-start;flex-direction:column}.saved-library-actions{align-self:flex-end}} .saved-library-item{display:block;padding:12px 14px} .saved-library-main{display:grid;gap:4px;min-width:0} .saved-library-title{display:block;width:100%;padding:0;border:0;background:transparent;color:#1d2f3c;font:800 16px/1.3 Arial,"Noto Sans KR",sans-serif;text-align:left;cursor:pointer} .saved-library-title:hover{text-decoration:underline} .saved-library-item .saved-plan-preview{margin:8px 0 2px;align-items:flex-start} .saved-library-item .saved-plan-preview:empty{display:none} .saved-library-item .saved-library-detail{margin:9px 0;padding:10px;border-top:1px solid #e7ebef} .saved-library-item .saved-library-detail[hidden]{display:none!important} .saved-library-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:9px} .saved-library-actions label{display:flex;align-items:center;gap:5px} .saved-library-actions button.saved-library-remove{color:#a33b43;border-color:#e8c8cc} .saved-library-undo{margin-bottom:9px} @media(max-width:480px){.saved-library-actions{align-self:auto;width:100%}} .saved-calculate-times span { font:600 10px/1.2 Arial,sans-serif; } .saved-visit-actions { display:flex; flex-wrap:wrap; gap:8px; padding:8px 0; } .saved-visit-actions button { border:1px solid #d9e1ea; border-radius:8px; background:#fff; color:#3268d6; padding:6px 9px; font:700 12px Arial,sans-serif; cursor:pointer; } .saved-visit-actions [data-saved-remove-visit] { color:#ae424b; } /* Trip plan: 검색·시간 갱신 / 공유·날짜 조작 / 날짜 탭 순서. */ body.saved-days-active .saved-tools { display:grid; grid-template-columns:minmax(0,1fr) 42px; align-items:center; gap:6px 8px; margin:4px 0 0; } body.saved-days-active .saved-tools .saved-list-button, body.saved-days-active .saved-tools .account-sync-logout { display:none!important; } body.saved-days-active .saved-tools .saved-google-search { grid-column:1; grid-row:1; min-width:0; width:100%; padding:0; border:0; background:transparent; } body.saved-days-active .saved-tools .saved-google-input { min-width:0; } body.saved-days-active .saved-tools .saved-google-input gmp-place-autocomplete, body.saved-days-active .saved-tools .saved-google-input input { width:100%; min-width:0; height:36px; min-height:36px; font-size:12px; } body.saved-days-active .saved-tools .saved-google-input input { padding:6px 9px; } body.saved-days-active .saved-tools .saved-calculate-times { grid-column:2; grid-row:1; width:42px; height:36px; padding:2px; } body.saved-days-active .saved-tools .saved-calculate-times svg { width:16px; height:16px; } body.saved-days-active .saved-tools .saved-calculate-times span { font-size:9px; } body.saved-days-active .saved-tools .share-saved-button { grid-column:1; grid-row:2; justify-self:start; } body.saved-days-active .saved-tools .saved-day-actions { grid-column:1 / -1; grid-row:2; justify-self:end; margin:0; } body.saved-days-active .saved-tools .account-sync-google:not([hidden]) { grid-column:1; grid-row:2; justify-self:center; transform:translateX(-23px); } body.saved-days-active .saved-tools .account-sync-line:not([hidden]) { grid-column:1; grid-row:2; justify-self:center; transform:translateX(23px); } body.saved-days-active .saved-tools .account-sync-google:not([hidden]):has(+ .account-sync-line[hidden]) { transform:none; } body.saved-days-active .saved-tools .account-sync-google[hidden] + .account-sync-line:not([hidden]) { transform:none; } body.saved-days-active .saved-tools .saved-share-feedback:not([hidden]) { grid-column:1 / -1; grid-row:3; } body.saved-days-active .account-sync:has(.account-sync-status:empty) { display:none!important; } body.saved-days-active .saved-days.saved-arrows { gap:0; } body.saved-days-active .saved-days .saved-day-toolbar { margin:5px 0 8px; } /* 일정 카드의 요약은 장소 출처와 관계없이 같은 폭을 사용한다. */ .saved-arrows .saved-place-label strong { white-space:normal; overflow-wrap:anywhere; line-height:1.35; } .saved-arrows .saved-compact-item { padding:4px 0 8px; min-width:0; } .saved-plan-preview { display:flex; align-items:flex-start; gap:10px; margin:0 4px 0 34px; min-width:0; } .saved-plan-preview:empty { display:none; } .saved-plan-preview:has(.plan-location-reference) { flex-wrap:wrap; } .plan-location-reference { flex:1 1 100%; color:#647580; font-size:11px; line-height:1.4; overflow-wrap:anywhere; } .plan-location-reference a { color:inherit; } .saved-plan-preview p { flex:1; min-width:0; margin:0; color:#536274; font-size:.79rem; line-height:1.45; overflow-wrap:anywhere; } .saved-plan-preview img { width:68px; height:58px; flex:none; object-fit:cover; border-radius:8px; } .saved-plan-actions { display:flex; flex-wrap:wrap; gap:6px; margin:7px 4px 0 34px; } .saved-plan-actions button { min-height:32px; padding:5px 9px; border:1px solid #d9e1ea; border-radius:8px; background:#fff; color:#325c82; font:700 12px Arial,sans-serif; cursor:pointer; } .saved-plan-actions button:hover { background:var(--day-light); } .saved-plan-menu { position:relative; flex:none; } .saved-plan-menu summary { display:grid; place-items:center; width:38px; height:38px; border:1px solid #d9e1ea; border-radius:9px; color:var(--day-dark); background:#fff; font:800 22px/1 Arial,sans-serif; list-style:none; cursor:pointer; } .saved-plan-menu summary::-webkit-details-marker { display:none; } .saved-plan-menu-content { position:absolute; z-index:30; top:42px; right:0; width:172px; box-sizing:border-box; padding:9px; border:1px solid #d9e1ea; border-radius:11px; background:#fff; box-shadow:0 8px 22px #18233125; } .saved-plan-menu .saved-arrow-pad { margin:auto; } .saved-plan-menu .saved-visit-actions { justify-content:center; padding-bottom:0; } .saved-plan-menu .saved-visit-actions button { flex:1; } .saved-arrows .saved-compact-route { justify-content:flex-start; margin:5px 4px 0 34px; padding:0; } .saved-plan-selected { outline:2px solid var(--day-dark); outline-offset:-2px; border-radius:10px; } .saved-arrows .saved-compact-detail { padding:10px 4px 8px 34px; } .saved-arrows .saved-compact-detail[hidden],.plan-place-detail [hidden] { display:none!important; } .plan-place-detail { display:grid; gap:12px; min-width:0; color:#415867; font-size:14px; line-height:1.55; } .plan-place-detail p,.plan-place-detail figure { margin:0; } .plan-detail-address { overflow-wrap:anywhere; color:#647580; } .plan-detail-actions { display:flex; flex-wrap:wrap; gap:8px; margin:0!important; } .plan-detail-actions button:disabled { opacity:.35; cursor:default; } .plan-detail-summary ul { margin:0; padding:0; list-style:none; } .plan-detail-summary li { position:relative; margin:0 0 6px; padding-left:18px; } .plan-detail-summary li::before { content:'✓'; position:absolute; left:0; color:#168354; font-weight:700; } .plan-detail-media img { display:block; max-width:100%; width:100%; max-height:230px; object-fit:contain; border-radius:9px; } .plan-detail-media figcaption,.plan-detail-media small { font-size:11px; line-height:1.4; } .plan-detail-booking { display:flex; align-items:center; flex-wrap:wrap; gap:8px; } .saved-day-item > .plan-detail-booking,.saved-library-main > .plan-detail-booking { margin:8px 4px 0 34px; min-width:0; } .saved-day-item > .plan-detail-booking .plan-nearby-experience,.saved-library-main > .plan-detail-booking .plan-nearby-experience { width:auto; max-width:100%; } .plan-booking-link { font-weight:700; } .saved-plan-actions>.plan-paid-badge,.saved-library-actions>.plan-paid-badge { flex:none; margin-left:auto; padding:3px 7px; border:1px solid #cbd3d6; border-radius:5px; background:#f4f6f6; color:#52606a!important; font-size:11px; font-weight:700; line-height:1.3; white-space:nowrap; } .saved-plan-actions { align-items:center; flex-wrap:nowrap; } .saved-library-item { position:relative; } .saved-library-actions { padding-right:72px; } .saved-library-actions>.plan-paid-badge { position:absolute; right:14px; bottom:12px; margin:0; } .saved-plan-actions [data-plan-map-visit][hidden],.saved-library-actions [data-plan-map-visit][hidden] { display:none!important; } .plan-nearby-experience { display:flex; flex-wrap:wrap; align-items:center; gap:6px 9px; width:100%; padding:8px; border:1px solid #dce5e0; border-radius:9px; } .plan-nearby-label { flex:1 1 100%; font-size:12px; font-weight:700; } .plan-detail-facts:empty { display:none; } .plan-detail-facts { overflow-wrap:anywhere; } .plan-menu-source { display:block; margin-top:8px; } .plan-delete-notice { position:sticky; top:0; z-index:35; padding:10px; border:1px solid #bed7c9; border-radius:9px; background:#ecf8f1; color:#234d3d; font-size:13px; } .plan-delete-notice button { margin-left:8px; padding:6px 12px; border:1px solid #456f5e; border-radius:7px; background:white; color:#234d3d; font:inherit; cursor:pointer; } .plan-remove-saved { width:100%; padding:7px; border:1px solid #e6c5c5; border-radius:8px; background:white; color:#ae424b; cursor:pointer; } .plan-preview-media { flex:0 0 85px; width:85px; } .plan-preview-media figure { margin:0; } .plan-preview-media img { width:85px; height:66px; } .plan-preview-media figcaption,.plan-preview-media small { display:block; font-size:9px; line-height:1.3; overflow-wrap:anywhere; } .saved-arrows .saved-compact-detail > .card { padding:10px; border:1px solid #e6eaf0; border-radius:10px; } .saved-arrows .saved-compact-detail .card h3, .saved-arrows .saved-compact-detail .google-place-card > strong { display:none; } @media(max-width:360px) { .saved-plan-preview img { width:58px; height:52px; } .saved-plan-preview,.saved-plan-actions { margin-left:32px; } } /* Trip plan 도구와 지도는 카드 목록과 별도로 배치한다. */ body.ux-ready.saved-days-active .map-category-rail, body.ux-ready.saved-days-active .group-quicktabs { display:none!important; } body.ux-ready.saved-days-active .saved-tools { display:block; position:relative; margin:0; padding:0; background:#fff; z-index:42; } .plan-topbar { display:flex; align-items:center; gap:8px; min-height:48px; } .plan-preview-summary { flex:1; min-width:0; margin:0; padding:0; list-style:none; color:#536274; font-size:.79rem; line-height:1.45; } .plan-preview-summary li { position:relative; padding-left:15px; margin-bottom:3px; overflow-wrap:anywhere; } .plan-preview-summary li::before { content:'✓'; position:absolute; left:0; color:#168354; } .plan-title { flex:1; font-size:17px; color:#294b3b; } .plan-add-place { min-height:36px; padding:7px 12px; border:0; border-radius:9px; background:#35675a; color:white; font:700 13px Arial,sans-serif; cursor:pointer; } .plan-tools-menu { position:relative; } .plan-tools-menu summary { display:grid; place-items:center; width:38px; height:36px; border:1px solid #dce5df; border-radius:9px; font-size:23px; cursor:pointer; list-style:none; } .plan-tools-menu summary::-webkit-details-marker { display:none; } .plan-tools-content { position:absolute; right:0; top:40px; z-index:60; display:grid; gap:4px; padding:8px; min-width:225px; border:1px solid #dce5df; border-radius:12px; background:#fff; box-shadow:0 6px 24px #26352f26; } body.ux-ready.saved-days-active .saved-tools .plan-tools-content > button { display:flex; align-items:center; justify-content:flex-start; gap:9px; width:100%; height:auto; min-height:40px; padding:8px; border:0; border-radius:7px; background:white; font-size:13px; text-align:left; } body.ux-ready.saved-days-active .saved-tools .plan-tools-content > button:hover { background:#f0f5f2; } .plan-tools-content .share-saved-button::after { content:attr(aria-label); } .plan-tools-content .saved-delete-day::after { content:attr(aria-label); } body.ux-ready.saved-days-active .saved-tools .plan-tools-content .saved-calculate-times span { font-size:13px; } body.ux-ready.saved-days-active .saved-tools .plan-tools-content .account-sync-google, body.ux-ready.saved-days-active .saved-tools .plan-tools-content .account-sync-line { transform:none; justify-self:start; } body.ux-ready.saved-days-active .saved-tools .saved-google-search { position:absolute; top:48px; left:0; right:0; z-index:65; padding:12px; box-sizing:border-box; border:1px solid #dce5df; border-radius:10px; background:white; box-shadow:0 8px 22px #26352f22; } body.ux-ready.saved-days-active .saved-tools .saved-google-search[hidden] { display:none!important; } body.ux-ready.saved-days-active .saved-tools .saved-google-input gmp-place-autocomplete, body.ux-ready.saved-days-active .saved-tools .saved-google-input input { font-size:16px; min-height:44px; } body.saved-days-active .saved-day-toolbar { background:#fff; } body.saved-days-active .saved-day-tabs { padding:2px 0; scrollbar-width:none; } body.saved-days-active .saved-day-toolbar .saved-add-day { width:36px; height:36px; min-width:36px; padding:0; border-radius:50%; font-size:23px; color:#35675a; cursor:pointer; } body.saved-days-active .plan-delete-notice { position:fixed; top:auto; bottom:calc(78px + env(safe-area-inset-bottom)); left:16px; right:auto; max-width:calc(100vw - 32px); box-sizing:border-box; z-index:65; display:flex; align-items:center; gap:5px; padding:8px 10px; box-shadow:0 3px 12px #26352f20; } body.saved-days-active .plan-delete-notice[hidden] { display:none; } body.saved-days-active .plan-delete-notice button { margin:0; padding:5px 7px; border:0; background:transparent; font-weight:700; } body.saved-days-active .saved-compact-tip { display:none; } body.saved-days-active .saved-arrows .saved-day-list { gap:8px; padding:0; border:0; background:transparent; } body.saved-days-active .saved-arrows .saved-compact-item { margin:0; padding:6px 10px 10px; border:1px solid #e2e7e2; border-radius:12px; } body.saved-days-active .saved-arrows .saved-compact-row { min-height:40px; } body.saved-days-active .saved-place-label { padding:6px 0; } body.saved-days-active .saved-plan-menu summary { border:0; height:32px; width:32px; } body.saved-days-active .saved-plan-actions button { border:0; padding:3px 5px; min-height:30px; color:#35675a; } @media(max-width:800px){ body.ux-ready.saved-days-active { --plan-map-height:clamp(190px,38dvh,420px); } body.ux-ready.saved-days-active .saved-tools { position:fixed; top:50px; left:0; right:0; padding:0 12px; height:48px; box-sizing:border-box; z-index:45; } body.ux-ready.saved-days-active .saved-day-toolbar { position:fixed; top:98px; left:0; right:0; height:48px; margin:0!important; padding:4px 12px; box-sizing:border-box; z-index:43; border-bottom:1px solid #e2e7e2; } body.ux-ready.saved-days-active.map-app-preview .mapframe { top:146px!important; bottom:auto!important; height:var(--plan-map-height)!important; } body.ux-ready.saved-days-active.map-app-preview .app-sheet { top:calc(146px + var(--plan-map-height))!important; bottom:calc(66px + env(safe-area-inset-bottom))!important; height:auto!important; max-height:none!important; border-radius:0!important; transform:none!important; overflow:visible!important; } body.ux-ready.saved-days-active .app-sheet .sheet-head { display:none!important; } body.ux-ready.saved-days-active .app-sheet .sheet-content { visibility:visible!important; height:100%!important; overflow-y:auto!important; } body.ux-ready.saved-days-active .app-sheet main { padding:8px 10px 20px; } body.ux-ready.saved-days-active .app-search-dock { display:none!important; } body.ux-ready.saved-days-active .saved-share-feedback:not([hidden]) { position:fixed; bottom:80px; left:12px; right:12px; padding:10px; background:#edf5f0; border-radius:9px; } } /* /assets/map-guide-legend.6c0fd91b02a8dd5a.css */ .map-app-preview .map-guide-panel:has(.guide-legend){background:#fff;padding:12px 14px;width:min(370px,calc(100% - 24px));font-weight:400;line-height:1.25} .guide-legend h2{margin:0;font-size:1rem;line-height:1.2} .guide-legend>p{margin:3px 0 8px;color:#5c6877;font-size:.72rem} .guide-legend-label{padding:2px 0 3px;color:#273d53;font-size:.74rem;font-weight:700} .guide-legend-row{display:flex;align-items:center;gap:8px;min-height:34px;padding:4px 0;border-top:1px solid #edf0f3} .guide-legend-icons{display:flex;align-items:center;justify-content:center;gap:2px;flex:none;width:48px;min-height:27px} .guide-legend-icons .legend-pin{width:22px;height:27px;object-fit:contain} .guide-legend-copy{min-width:0;font-size:.75rem;font-weight:700;line-height:1.25} .guide-legend-row[data-guide-kind="shopping"] .guide-legend-copy{font-size:.67rem;letter-spacing:-.01em} .guide-legend-copy small{display:block;margin-top:2px;color:#617081;font-size:.67rem;font-weight:400;line-height:1.25} .guide-legend-separator{margin-top:3px;border-top:1px solid #ccd6df} .guide-legend-heart{color:#cf3038;font-size:22px;line-height:1} @media(max-width:800px){.map-app-preview .map-guide-panel:has(.guide-legend){top:54px;right:12px;max-height:calc(100% - 70px)}} /* /assets/map-mobile-overlap-fix.d7d979c1ec1c2eed.css */ /* 검색창 아래 한 줄 메뉴와 관광·K-culture 하위 탭 사이에 공간을 확보한다. */ @media(max-width:800px){ .map-app-preview .map-category-rail{top:46px} .map-app-preview .sight-quicktabs, .map-app-preview .culture-quicktabs{top:100px} } /* /assets/map-category-eight.f121f97574921047.css */ /* 모바일 지도에서 여덟 상위 카테고리를 한 줄에 모두 표시한다. */ @media(max-width:800px){ .map-app-preview .map-category-rail{top:46px;left:5px;right:5px;bottom:auto;width:auto;max-width:none;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:46px;gap:3px;overflow:visible;padding:0} .map-app-preview .map-category-button{width:100%;height:46px;min-height:46px;border-radius:11px;gap:0} .map-app-preview .map-category-button svg{width:18px;height:18px} .map-app-preview .map-category-button .category-label, .map-app-preview .map-category-button[data-category="experiences"] .category-label{max-width:100%;padding:0 1px;text-align:center;white-space:nowrap;overflow:visible;line-height:1;font-size:0} .map-app-preview .map-category-button .category-label::after{content:attr(data-mobile-label);font:700 9px/1 Arial,sans-serif} html[lang="en"] .map-app-preview .map-category-button[data-category="restaurants"] .category-label, html[lang="en"] .map-app-preview .map-category-button[data-category="drinks"] .category-label{white-space:normal;line-height:1.05} } /* /assets/category-groups.e7590763d9f701d6.css */ .category-groups-v84 .map-category-rail > [data-category="restaurants"], .category-groups-v84 .map-category-rail > [data-category="drinks"], .category-groups-v84 .map-category-rail > [data-category="experiences"], .category-groups-v84 .map-category-rail > [data-category="sightseeing"], .category-groups-v84 .map-category-rail > [data-category="toilets"], .category-groups-v84 .map-category-rail > [data-category="elevators"], .category-groups-v84 .map-category-rail > [data-category="wifi"], .category-groups-v84 .map-category-rail > [data-category="saved"], .category-groups-v84 .sight-quicktabs{display:none!important} .map-app-preview .map-category-button[data-category="food"]{color:#34764a} .map-app-preview .map-category-button[data-category="food"][aria-pressed="true"]{background:#e8f5ea;border-color:#34764a} .map-app-preview .map-category-button[data-category="explore"]{color:#3265b4} .map-app-preview .map-category-button[data-category="explore"][aria-pressed="true"]{background:#e9f0fc;border-color:#3265b4} .map-app-preview .map-category-button[data-category="hangang"]{color:#167989} .map-app-preview .map-category-button[data-category="hangang"][aria-pressed="true"]{background:#e1f4f5;border-color:#167989} .map-app-preview .map-category-button[data-category="quick"]{color:#24577d} .map-app-preview .map-category-button[data-category="quick"][aria-pressed="true"]{background:#d6eaf8;border-color:#24577d} .group-quicktabs{position:absolute;z-index:3;top:72px;left:12px;padding:4px;border:1px solid #dbe3e5;border-radius:13px;background:#fffffff5;box-shadow:0 3px 12px #244e921a} .group-quicktabs[hidden]{display:none!important} .group-quicktabs button{color:#29455f} .group-quicktabs button[aria-pressed="true"]{background:#3265b4;color:#fff} .group-quicktabs .museum-type-tab{font-size:11px;border-left:1px solid #dbe3e5} .group-quicktabs:has([data-group-tab="dining"]) button[aria-pressed="true"]{background:#34764a} .group-quicktabs:has([data-group-tab="toilets"]) button[aria-pressed="true"]{background:#24577d} .group-quicktabs:has([data-stay-type]) button[aria-pressed="true"]{background:#98622e} .group-quicktabs:has([data-group-tab="traditional_markets"]) button[aria-pressed="true"]{background:#167f94} .category-groups-v84 .shopping-filters{display:none!important} @media(max-width:800px){ .map-app-preview .map-category-rail{grid-template-columns:1fr 1.55fr repeat(3,minmax(0,1fr));left:5px;right:5px} .map-app-preview .map-category-button[data-category="food"], .map-app-preview .map-category-button[data-category="explore"], .map-app-preview .map-category-button[data-category="quick"]{width:100%;height:46px;min-height:46px} .map-app-preview .map-category-button[data-category="food"] .category-label, .map-app-preview .map-category-button[data-category="explore"] .category-label, .map-app-preview .map-category-button[data-category="quick"] .category-label{max-width:100%;padding:0 1px;text-align:center;white-space:nowrap;font-size:0} .map-app-preview .map-category-button[data-category="food"] .category-label::after, .map-app-preview .map-category-button[data-category="explore"] .category-label::after, .map-app-preview .map-category-button[data-category="quick"] .category-label::after{content:attr(data-mobile-label);font:700 10px/1 Arial,sans-serif} .group-quicktabs{top:100px;left:12px} .map-app-preview:has(.app-sheet[data-level="2"]) .group-quicktabs{visibility:hidden} } .group-quicktabs:has([data-group-tab^="hangang_"]) button[aria-pressed="true"]{background:#167989;color:#fff} .map-app-preview .map-category-button:disabled{opacity:.45;cursor:not-allowed} .beauty-filters{display:flex;flex-wrap:wrap;gap:7px;grid-column:1/-1;padding:4px 0 12px} .beauty-filters button{border:1px solid #d5dfd8;border-radius:18px;padding:8px 12px;background:#fff;color:#29455f;font:600 12px/1.3 Arial,sans-serif;cursor:pointer} .beauty-filters button[aria-pressed="true"]{background:#e8f3ed;border-color:#47765d;color:#254f39} /* /assets/custom-save-lodging.c1d590f2c4ed3cdf.css */ .extra-save-toolbar{display:flex;justify-content:flex-end;margin:0 0 10px}.extra-save-toolbar button,.lodging-card button{border:1px solid #cd3842;border-radius:12px;background:#fff;color:#b92935;font:inherit;font-weight:700;padding:9px 13px;cursor:pointer}.extra-place-detail{display:grid;gap:8px;padding:8px 4px 14px;color:#53616e}.extra-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.extra-actions a,.extra-actions button{font:inherit;font-size:.9rem;color:#2660bb;background:none;border:0;padding:4px;cursor:pointer}.extra-place-dialog{border:0;border-radius:18px;padding:24px;max-width:min(420px,calc(100vw - 28px));width:100%;box-shadow:0 15px 55px #16213855}.extra-place-dialog::backdrop{background:#17253699}.extra-place-dialog h2{margin:0 0 16px}.extra-place-dialog form{display:grid;gap:12px}.extra-place-dialog label{display:grid;gap:4px}.extra-place-dialog input,.extra-place-dialog select{width:100%;box-sizing:border-box;padding:10px;border:1px solid #bfc8ce;border-radius:8px;font:inherit}.extra-place-dialog form>div{display:flex;justify-content:flex-end;gap:8px}.extra-place-dialog button{padding:9px 12px;border:1px solid #bdc8cc;background:#fff;border-radius:8px;font:inherit}.extra-place-dialog [data-extra-submit]{background:#ba2f3b;border-color:#ba2f3b;color:white}.extra-error{color:#b51c2b;margin:0}.lodging-preview-active #cards{display:none}.lodging-preview-panel{max-width:1100px;margin:0 auto;padding:14px 16px 28px}.lodging-heading h2{margin:0 0 4px}.lodging-heading p{margin:0 0 14px;color:#53616e}.lodging-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.lodging-card{background:#fff;border:1px solid #dbe3e5;border-radius:16px;padding:18px;box-shadow:0 2px 8px #13212b0d}.lodging-card h3{margin:0 0 7px}.lodging-card p{margin:0 0 15px;color:#64717a}.lodging-card>div{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.lodging-card a{font-size:.88rem;color:#245ba8}@media(max-width:390px){.group-quicktabs{gap:2px!important}.group-quicktabs button{font-size:11px!important;padding-inline:5px!important}} .map-app-preview.lodging-preview-active:not(.map-data-ready) .app-sheet .sheet-content{visibility:visible} .lodging-preview-active .statusline,.lodging-preview-active .seo-guide{display:none} /* All quick tab rows share one anchor below the top category rail. */ .map-app-preview .map-category-button[data-category="stays"]{color:#93602b} .map-app-preview .map-category-button[data-category="stays"][aria-pressed="true"]{background:#fbf0e1;border-color:#93602b} @media(max-width:800px){.map-app-preview .map-category-rail{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.map-app-preview .map-category-button[data-category="stays"]{width:100%;height:46px;min-height:46px}} .lodging-grid{grid-template-columns:minmax(0,1fr);max-width:740px} .lodging-preview-panel [data-stay-more]{display:block;box-sizing:border-box;width:min(100%,740px);min-height:44px;margin:16px 0 0;padding:10px 16px;border:1px solid #c8d8ed;border-radius:12px;background:#f3f8ff;color:#174986;font:700 14px/1.3 Arial,"Noto Sans KR",sans-serif;text-align:center;cursor:pointer}.lodging-preview-panel [data-stay-more]:hover{background:#e8f1ff}.lodging-preview-panel [data-stay-more]:focus-visible{outline:3px solid #3265b4;outline-offset:2px}.lodging-preview-panel [data-stay-more][hidden]{display:none} .lodging-sortbar{display:flex;align-items:center;gap:10px;max-width:740px;margin:0 0 12px;color:#53616e;font-size:.88rem} .lodging-sortbar select,.list-sortbar select{max-width:205px;min-height:36px;padding:7px 30px 7px 10px;border:1px solid #c9d4d8;border-radius:10px;background:#fff;color:#20313c;font:700 13px/1.3 Arial,"Noto Sans KR",sans-serif} .map-app-preview .statusline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px} .map-app-preview.lodging-preview-active .statusline{display:none} .map-app-preview .statusline:has(.list-sortbar:not([hidden])){padding-bottom:4px} .map-app-preview .statusline h1{grid-column:1/-1} .map-app-preview .statusline:has(.list-sortbar:not([hidden])) #count{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .list-sortbar{display:flex;justify-content:flex-end;align-items:center;min-height:36px;margin:0} .list-sortbar[hidden],.lodging-preview-active .list-sortbar{display:none!important} .list-sortbar select:focus-visible{outline:2px solid #3265b4;outline-offset:2px} @media(max-width:600px){.list-sortbar select{max-width:min(185px,40vw)}} .lodging-sortbar .sr-only,.list-sortbar .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .lodging-card .lodging-popularity{display:block;margin:5px 0;color:#426754;font-size:.78rem} .lodging-search-widget{box-sizing:border-box;width:100%;padding:16px;border:1px solid #dbe3e5;border-radius:16px;background:#fff;color:#20313c} .lodging-search-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;max-width:320px;margin:0 auto 10px} .lodging-search-head h3{margin:0;font-size:1rem;line-height:1.35} .lodging-search-head .ad-badge{position:static;flex:none;margin:0;padding:3px 7px;border:1px solid #cbd3d6;border-radius:5px;background:#f4f6f6;color:#52606a;font-size:11px;font-weight:700;line-height:1.3} .lodging-search-widget iframe{display:block;box-sizing:border-box;max-width:100%;margin:0 auto;border:0} .flight-banner-slot{box-sizing:border-box;width:100%;min-width:0;padding:8px;border:1px solid #dbe3e5;border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:7px} .flight-banner-slot>.ad-badge{align-self:flex-end;position:static;margin:0;padding:3px 7px;border:1px solid #cbd3d6;border-radius:5px;background:#f4f6f6;color:#52606a;font-size:11px;font-weight:700;line-height:1.3} .flight-banner-slot iframe{display:block;flex:none;width:300px;height:250px;max-width:100%;border:0} .lodging-card{padding:20px;overflow-wrap:anywhere} .lodging-card .lodging-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px} .lodging-card .lodging-card-top>div{display:block;min-width:0} .lodging-card .lodging-card-top button{flex:none} .lodging-card .lodging-type{display:inline-block;font-size:.78rem;font-weight:700;color:#98622e;margin-bottom:5px} .lodging-card h3{margin:0;font-size:1.18rem;line-height:1.35;color:#20313c} .lodging-card .lodging-address{margin:10px 0 15px;font-size:.88rem} .lodging-card[data-place-surface] .lodging-address{margin:0;font-size:12px} .lodging-card[data-place-surface] .lodging-type{margin:0;color:#667684;font-size:11px} .lodging-card[data-place-surface] .place-review-summary{display:block;margin:0;border-top:1px solid #e5e9e8;padding-top:10px} .lodging-card[data-place-surface] .place-booking .lodging-book-pending{background:#f0f2f3!important;color:#66717a!important;cursor:default;pointer-events:none} .lodging-card .lodging-summary{display:block;border-top:1px solid #e5e9e8;padding-top:13px} .lodging-summary strong{display:block;margin-bottom:7px;font-size:.9rem;color:#344d55} .lodging-card .lodging-summary p{display:block;margin:4px 0;font-size:.9rem;line-height:1.45;color:#42545d} .lodging-card .lodging-summary p strong{display:inline;margin:0 5px 0 0;color:#294e69;font-size:.84rem} .lodging-sortbar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .lodging-sortbar .sort-control{margin-left:auto} .stay-filter-trigger{flex:none;min-height:36px;margin-left:clamp(0px,calc(30% - 120px),100px);padding:7px 10px;border:1px solid #c9d4d8;border-radius:10px;background:#fff;color:#254564;font:700 13px/1.3 Arial,"Noto Sans KR",sans-serif;white-space:nowrap;cursor:pointer} .stay-filter-trigger:has(.stay-filter-count){border-color:#3775be;background:#eaf3ff;color:#154b88} .stay-filter-count{display:inline-block;min-width:17px;margin-left:3px;text-align:center} .stay-filter-trigger:focus-visible,.stay-filter-dialog button:focus-visible,.stay-filter-dialog input:focus-visible{outline:2px solid #235d9d;outline-offset:2px} .stay-filter-dialog{position:fixed;box-sizing:border-box;width:min(330px,calc(100vw - 24px));max-height:min(75vh,550px);margin:0;padding:16px;border:1px solid #cbd7e7;border-radius:14px;background:#fff;color:#20313c;box-shadow:0 14px 35px #17314a33;overflow:auto;z-index:1000;font:13px/1.4 Arial,"Noto Sans KR",sans-serif} .stay-filter-dialog::backdrop{background:#142e4880} .stay-filter-head{display:flex;justify-content:space-between;align-items:center;gap:10px} .stay-filter-head h2{margin:0;font-size:1.08rem} .stay-filter-head>div{display:flex;align-items:center;gap:7px} .stay-filter-head button{border:0;background:none;color:#34628b;font:700 12px/1.3 Arial,"Noto Sans KR",sans-serif;cursor:pointer} .stay-filter-head [data-stay-filter-close]{font-size:22px;line-height:1;padding:2px 4px} .stay-filter-group{min-width:0;margin:12px 0 0;padding:12px 0 0;border:0;border-top:1px solid #e0e8f0} .stay-filter-group legend{float:left;width:100%;padding:0;margin:0 0 9px;font-weight:800} .stay-filter-options{clear:both;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .stay-filter-options label{display:flex;align-items:flex-start;gap:7px;min-width:0;cursor:pointer} .stay-filter-options input{flex:none;margin:2px 0 0;accent-color:#2785ee} .stay-filter-apply{display:block;width:100%;min-height:42px;margin-top:16px;border:0;border-radius:10px;background:#267de2;color:#fff;font:700 13px/1.3 Arial,"Noto Sans KR",sans-serif;cursor:pointer} @media(max-width:800px){.stay-filter-dialog{inset:auto 0 0!important;width:100vw;max-width:none;max-height:min(82vh,650px);margin:0;border-radius:18px 18px 0 0;padding:18px 18px max(18px,env(safe-area-inset-bottom))}.lodging-sortbar{gap:6px}.stay-filter-trigger{padding-inline:8px}.lodging-sortbar select{max-width:min(122px,29vw);padding-left:8px}} .stay-verified-features{display:flex;flex-wrap:wrap;gap:5px 7px;margin:7px 0 3px} .stay-verified-features span{display:inline-block;padding:4px 8px;border-radius:8px;background:#eef5fc;color:#254564;font-size:.76rem;line-height:1.35} .stay-scenario-note{max-width:740px;margin:0 0 10px;color:#42566a;font-size:.8rem;line-height:1.45} .lodging-card .actions [data-stay-compare][aria-pressed="true"]{border-color:#2e66ac;background:#eaf2ff;color:#174986} .lodging-card .place-action-compare{min-width:55px;min-height:42px;padding:6px 8px;font-size:.76rem;font-weight:700;line-height:1.2} .stay-compare-tray[hidden]{display:none!important} .stay-compare-tray{position:sticky;bottom:10px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:10px;box-sizing:border-box;max-width:740px;margin:12px 0;padding:10px 12px;border:1px solid #c9d9ec;border-radius:14px;background:#f3f8ff;box-shadow:0 5px 18px #122b4850;color:#173e65;font-size:.85rem;font-weight:700} .stay-compare-tray button,.stay-compare-head button{min-height:36px;border:1px solid #2e66ac;border-radius:9px;background:#fff;color:#174986;font:inherit;font-weight:700;padding:6px 10px;cursor:pointer} .stay-compare-tray button:disabled{opacity:.5;cursor:default} .stay-compare-dialog{box-sizing:border-box;width:min(900px,calc(100vw - 20px));max-height:min(85vh,750px);border:1px solid #d2dce8;border-radius:16px;padding:16px;color:#223947} .stay-compare-dialog::backdrop{background:#172a3db8} .stay-compare-head{display:flex;align-items:center;justify-content:space-between;gap:12px} .stay-compare-head h2{margin:0;font-size:1.15rem} .stay-compare-scroll{overflow:auto;margin-top:12px} .stay-compare-dialog table{border-collapse:collapse;width:100%;min-width:570px;font-size:.85rem} .stay-compare-dialog th,.stay-compare-dialog td{min-width:135px;border:1px solid #dbe4ec;padding:10px;vertical-align:top;text-align:left;line-height:1.45} .stay-compare-dialog th{background:#f2f6fb} .stay-compare-dialog p{font-size:.78rem;color:#566575} .lodging-card .lodging-recheck{margin:10px 0;color:#8c5a15;font-size:.85rem} .lodging-card .lodging-actions{display:flex;gap:14px;margin:13px 0 0} .lodging-card .lodging-actions a{font-size:.86rem} .lodging-card .lodging-ad-disclosure{margin:16px 0 8px;font-size:.76rem;color:#65717a} .lodging-card .lodging-book{display:inline-block;padding:10px 14px;border-radius:11px;background:#98622e;color:#fff;font-weight:700;text-decoration:none} .lodging-card .lodging-book-pending{display:inline-block;margin-top:14px;color:#6f7779;font-size:.82rem} .lodging-pin-detail .lodging-card{max-width:min(330px,calc(100vw - 70px));max-height:360px;overflow:auto;box-shadow:none;border:0;padding:8px} @media(max-width:390px){.lodging-preview-panel{padding:12px}.lodging-card{padding:14px}.lodging-card .lodging-card-top button{font-size:.8rem;padding:7px 9px}} .lodging-preview-panel .lodging-hotel-intro{margin:0 0 10px;color:#a33b46} .lodging-preview-panel .lodging-hotel-intro p{margin:0;font-size:clamp(.78rem,.9vw,.88rem);line-height:1.45} .lodging-card .tourapi-photo img{object-fit:contain;border-radius:0} .extra-map-picker[hidden]{display:none} .extra-map-picker{position:absolute;z-index:40;top:190px;left:50%;transform:translateX(-50%);width:min(350px,calc(100% - 24px));box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:0 4px 18px #12223440;color:#263947;font-size:.85rem} .extra-map-picker span{flex:1} .extra-map-picker button{flex:none;border:1px solid #bb3944;border-radius:8px;background:#fff;color:#a62e37;padding:7px;cursor:pointer} #map.extra-picking{cursor:crosshair!important} .extra-pin-detail{max-width:min(360px,calc(100vw - 70px));padding:8px;overflow-wrap:anywhere} .extra-pin-detail h3{font-size:1rem;margin:0 0 7px} @media(max-width:800px){.extra-map-picker{top:174px}} .lodging-type-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.lodging-type-tabs button{border:1px solid #d6c7b3;border-radius:999px;background:#fff;color:#5d4937;font:inherit;font-weight:700;padding:8px 14px;cursor:pointer}.lodging-type-tabs button[aria-pressed="true"]{background:#fff3e4;border-color:#98622e;color:#70461f} /* /assets/subtabs.af650a09ed7970f8.css */ /* 지도 하위 메뉴는 카테고리와 무관하게 한 줄 높이와 가로 스크롤을 공유한다. */ body.ux-ready.map-app-preview .group-quicktabs.solo-subtabs, body.ux-ready.map-app-preview .culture-quicktabs.solo-subtabs{ display:flex;align-items:center;gap:3px;width:max-content;max-width:calc(100% - 24px);padding:3px; overflow-x:auto;overflow-y:hidden;box-sizing:border-box;scrollbar-width:none; } body.ux-ready.map-app-preview .culture-quicktabs.solo-subtabs[hidden]{display:none!important} body.ux-ready.map-app-preview .solo-subtabs::-webkit-scrollbar{display:none} body.ux-ready.map-app-preview .group-quicktabs.solo-subtabs button, body.ux-ready.map-app-preview .culture-quicktabs.solo-subtabs button{ display:inline-flex;flex:0 0 auto;flex-direction:row;align-items:center;justify-content:center; gap:4px;width:auto;min-width:0;height:38px;min-height:38px;padding:0 9px; border:0;border-radius:9px; font:700 12px/1 Arial,sans-serif;white-space:nowrap;cursor:pointer; } body.ux-ready.map-app-preview .group-quicktabs.solo-subtabs button img, body.ux-ready.map-app-preview .culture-quicktabs.solo-subtabs button img, body.ux-ready.map-app-preview .group-quicktabs.solo-subtabs button .heritage-tab-icon, body.ux-ready.map-app-preview .culture-quicktabs.solo-subtabs button .heritage-tab-icon, body.ux-ready.map-app-preview .group-quicktabs.solo-subtabs button svg, body.ux-ready.map-app-preview .culture-quicktabs.solo-subtabs button svg{ display:block;width:20px;height:20px;flex:none;object-fit:contain; } body.ux-ready.map-app-preview .group-quicktabs.solo-subtabs button span, body.ux-ready.map-app-preview .culture-quicktabs.solo-subtabs button span{ display:block;min-width:0;max-width:none;overflow:visible;white-space:nowrap;word-break:normal; } body.ux-ready.map-app-preview .solo-subtabs button:focus-visible{outline:3px solid currentColor;outline-offset:2px} @media(max-width:800px){ body.ux-ready.map-app-preview .group-quicktabs.solo-subtabs, body.ux-ready.map-app-preview .culture-quicktabs.solo-subtabs{max-width:calc(100% - 16px)} body.ux-ready.map-app-preview .group-quicktabs.solo-subtabs button, body.ux-ready.map-app-preview .culture-quicktabs.solo-subtabs button{ height:36px;min-height:36px;padding:0 7px;font-size:11px; } } /* /assets/place-surface.6a4c0b311febe6b1.css */ /* 제휴 카드에는 별도 예약 버튼 대신 같은 링크와 작은 광고 표시를 사용한다. */ [data-affiliate-provider]{position:relative;isolation:isolate;cursor:pointer} body [data-affiliate-provider]>.place-affiliate-link,body [data-affiliate-provider]>.place-affiliate-link:hover{position:absolute;inset:0;z-index:2;display:block;width:auto;height:auto;min-height:0;max-width:none;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;color:transparent!important;box-shadow:none;text-decoration:none} body [data-affiliate-provider]>.place-affiliate-link:focus-visible{outline:3px solid #3265b4;outline-offset:-3px} [data-affiliate-provider] :is(button,a:not(.place-affiliate-link),summary,input,select,textarea){position:relative;z-index:3} body [data-affiliate-provider] .place-ad-badge{display:inline-block;position:static;flex:none;justify-self:end;width:auto;max-width:100%;margin:0;padding:3px 7px;border:1px solid #cbd3d6;border-radius:5px;background:#f4f6f6;color:#52606a!important;font:700 11px/1.3 Arial,sans-serif;white-space:nowrap} [data-affiliate-provider] .place-actions>.place-ad-badge{margin-left:auto} .affiliate-offer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;box-sizing:border-box;width:100%;min-width:0;padding:10px 12px;border:1px solid #dce4e6;border-radius:10px;background:#fff;color:#35556a;font:400 13px/1.45 Arial,sans-serif} .affiliate-offer>strong,.affiliate-offer>small{grid-column:1;min-width:0;overflow-wrap:anywhere} .affiliate-offer>small{color:#667684;font-size:11px} .affiliate-offer>.place-ad-badge{grid-column:2;grid-row:1} .affiliate-offer:hover{background:#f8fafc} /* One visual system for list cards, mobile pin details, desktop map popups and stay cards. Affiliate notices stay visible. */ .foliage-status{display:grid;gap:5px;font-size:12px;line-height:1.5;margin:4px 0;min-width:0} .foliage-status>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;padding:7px 9px;border-radius:8px;overflow-wrap:anywhere} .foliage-forecast{background:#fff4e5;border-left:3px solid #bf632b;color:#79441d} .foliage-observation{background:#edf4f2;border-left:3px solid #447868;color:#2e574d} .foliage-peak-reference{margin:2px 0;color:#52666e;font-size:12px;line-height:1.4} .foliage-peak-reference a{color:#275f78} .foliage-card .place-overview{gap:7px} .foliage-card .foliage-photo{margin:5px 0 2px} .foliage-card .foliage-photo img{width:100%;max-height:166px;object-fit:contain;background:#f3f5f7} .foliage-card .foliage-photo figcaption{margin-top:4px;color:#63718a;font-size:11px;line-height:1.4} .foliage-card .foliage-photo figcaption a{color:#526684;text-decoration:underline} .foliage-card .foliage-photo-note{margin:4px 0;color:#667684} .foliage-card .foliage-extra{margin-top:6px;font-size:11px;color:#405b67} .foliage-card .foliage-extra summary{cursor:pointer;color:#275f78;font-weight:700} .foliage-card .foliage-extra .foliage-source{display:block;margin-top:3px} .foliage-card .foliage-access{margin:0;color:#405b67;font-size:12px;line-height:1.45} .foliage-card .foliage-walk{margin:2px 0 0;color:#405b67;font-size:12px;line-height:1.45} .foliage-card .foliage-source{font-size:11px;line-height:1.3}.foliage-card .foliage-source a{color:#275f78} .foliage-card .foliage-route-note{margin:2px 0;color:#795a15;font-size:11px;line-height:1.35} .foliage-card .foliage-route-link{width:max-content;color:#275f78;font-size:12px;font-weight:700} .foliage-route-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap} .foliage-route-controls .foliage-route-button{border:1px solid #d38a48;border-radius:8px;background:#fff4e7;color:#8a4315;padding:6px 9px;font:700 12px Arial,sans-serif;cursor:pointer} .foliage-card .place-address{font-size:11px!important} .walk-card .place-overview{gap:6px} .walk-card .walk-extra{margin:4px 0;color:#405b67;font-size:12px;line-height:1.45} .walk-card .walk-extra summary{cursor:pointer;color:#275f78;font-weight:700} .walk-card .walk-section{overflow-wrap:anywhere} .walk-card .walk-source{font-size:11px;color:#62727c} .walk-card .walk-source a{color:#275f78} .walk-card .walk-type-badge{display:inline-flex;align-items:center;gap:4px;color:var(--walk-color);font-size:11px;font-weight:700;white-space:nowrap} .walk-card .walk-type-badge b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--walk-color);color:#fff;font:700 10px Arial,sans-serif} @media(max-width:480px){.foliage-status>div{grid-template-columns:1fr;gap:2px}} #cards .card[data-place-surface],.place-detail-body>.card[data-place-surface],.lodging-grid .lodging-card[data-place-surface],.map-popup[data-place-surface],.cluster-place[data-place-surface]{box-sizing:border-box;min-width:0;min-height:0;height:auto;padding:16px;border:1px solid #dce4e6;border-radius:16px;background:#fff;color:#172b36;font:400 14px/1.45 Arial,"Noto Sans KR",sans-serif;box-shadow:0 3px 14px #0c25310c} .map-popup[data-place-surface]{width:min(320px,calc(100vw - 54px));max-width:100%;padding:13px;box-shadow:none} .place-detail-body .map-popup[data-place-surface]{width:auto;padding:14px 16px;border:0;box-shadow:none} .cluster-place[data-place-surface]{margin:6px 0;padding:10px 0;border:0;border-bottom:1px solid #e8edef;border-radius:0;box-shadow:none} [data-place-surface] .place-overview{display:grid;gap:6px;min-width:0} [data-place-surface] .place-title,[data-place-surface].map-popup .place-title{display:block;min-width:0;margin:0;color:#152b32!important;font-size:18px;font-weight:800;line-height:1.32;overflow-wrap:anywhere} .place-detail-body [data-place-surface] .place-title{font-size:18px} [data-place-surface] .place-local-name{display:block;margin:0;color:#566674;font-size:12px;line-height:1.35;overflow-wrap:anywhere} [data-place-surface] .place-summary{margin:1px 0 0;color:#35556a;font-size:13px;font-weight:650;line-height:1.4;overflow-wrap:anywhere} [data-place-surface] .place-summary-green{color:#176647} [data-place-surface] .place-summary-orange{color:#a7551e} [data-place-surface] .place-summary-yellow{color:#7f6418} [data-place-surface] .festival-date{margin:2px 0 0;color:#35556a;font-size:12px;font-weight:700} [data-place-surface] .place-address{display:block;min-width:0;margin:0;color:#667684!important;font-size:12px;line-height:1.4;overflow-wrap:anywhere} [data-place-surface] .place-categories{margin:0;color:#4c6372;font-size:12px;line-height:1.4;overflow-wrap:anywhere} [data-place-surface] .food-visit-summary{display:grid;gap:5px;margin:10px 0;color:#405b67;font-size:14px;line-height:1.5;overflow-wrap:anywhere} [data-place-surface] .food-visit-summary p{margin:0} [data-place-surface] .place-media{display:block;max-width:100%;min-width:0;margin:7px 0 0} [data-review-cover-hidden]{display:none!important} [data-place-surface] .place-review-cover{margin:7px 0 0} [data-place-surface] .place-review-cover img{width:144px;height:144px;max-width:100%;object-fit:cover} [data-place-surface] .place-review-cover figcaption{font-size:10px;line-height:1.3;color:#667684} .saved-plan-preview>.place-review-cover{flex:0 0 85px;width:85px;margin:0} .saved-plan-preview>.place-review-cover img{display:block;width:85px;height:66px;object-fit:cover;border-radius:8px} .saved-plan-preview>.place-review-cover .place-gallery{width:85px} .saved-plan-preview>.place-review-cover .place-gallery-cell{flex:0 0 85px} .saved-plan-preview>.place-review-cover .place-gallery-open{width:85px} .saved-plan-preview>.place-review-cover .place-gallery-count{bottom:4px;font-size:8px} .saved-plan-preview>.place-review-cover figcaption{font-size:9px;line-height:1.2;color:#667684} [data-place-surface] .dining-photo[hidden]{display:none!important} [data-place-surface] .dining-photo img{width:144px;max-height:144px;object-fit:cover} [data-place-surface] .place-media img{display:block;max-width:100%;height:auto;max-height:180px;object-fit:contain;border-radius:10px} [data-place-surface] .breakfast-hours{font-size:12px;line-height:1.35;color:#405a68;overflow-wrap:anywhere} [data-place-surface] .breakfast-hours a{color:#17624d;text-decoration:underline} [data-place-surface].map-popup .place-media img{max-height:140px} [data-place-surface] .place-media figcaption{font-size:10px;line-height:1.35;color:#667684} .lodging-card[data-place-surface] .place-media figcaption a{font-size:11px;line-height:1.3;font-weight:400;color:#667684;text-decoration:underline;text-underline-offset:2px} #cards .festival-card .place-overview,.map-popup.festival-card .place-overview{grid-template-columns:minmax(0,1fr)} [data-place-surface] .place-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:5px 0 0;padding:0} [data-place-surface] .place-action,[data-place-surface] .place-actions .walklink,[data-place-surface] .place-actions .google-map-button{box-sizing:border-box;display:inline-flex;flex:0 0 49px;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:49px;height:42px;min-width:49px;min-height:42px;margin:0;padding:2px;border:1px solid #d9e2e6;border-radius:10px;background:#fff;color:#415569!important;text-decoration:none!important;box-shadow:none;font:700 9px/1 Arial,"Noto Sans KR",sans-serif;cursor:pointer} [data-place-surface] .place-action svg{display:block;width:17px;height:17px;flex:none} [data-place-surface] .place-action-label{display:block;max-width:100%;white-space:nowrap;color:inherit;font:700 9px/1 Arial,"Noto Sans KR",sans-serif} [data-place-surface] .place-action-save{color:#c8343d!important} [data-place-surface] .place-action-save[aria-pressed="true"]{border-color:#e5a4a8;background:#fff0f1} [data-place-surface] .place-action-save[aria-pressed="true"] svg{fill:currentColor} [data-place-surface] .place-action-route{color:#246c4b!important} [data-place-surface] .place-action-booking{color:#245d83!important} [data-place-surface] .place-action-booking:hover{background:#eef6fc} [data-place-surface] .place-action-booking:active{background:#dcecf7;transform:translateY(1px)} [data-place-surface] .place-action:hover{background:#f3f7f8} [data-place-surface] .place-action:focus-visible,[data-place-surface] .place-more summary:focus-visible{outline:3px solid #3265b4;outline-offset:2px} [data-place-surface] .place-ad-badge{display:inline-block;justify-self:start;width:auto;margin:0;padding:3px 7px;border:1px solid #d18baa;border-radius:5px;background:#fff2f7;color:#88334f!important;font-size:11px;font-weight:800;line-height:1.3} [data-place-surface] .place-ad-disclosure{display:block;margin:0;color:#425464!important;font-size:11px;line-height:1.4;overflow-wrap:anywhere} [data-place-surface] .place-more{margin-top:11px;border-top:1px solid #e9eef0;color:#526675;font-size:12px} [data-place-surface] .place-more>summary{list-style:none;position:relative;padding:9px 18px 1px 0;color:#365778;cursor:pointer;font-size:12px;font-weight:700} [data-place-surface] .place-more>summary::-webkit-details-marker{display:none} [data-place-surface] .place-more>summary:after{content:'⌄';position:absolute;right:2px;top:6px;font-size:16px} [data-place-surface] .place-more[open]>summary:after{transform:rotate(180deg)} [data-place-surface] .place-more-content{display:grid;gap:7px;min-width:0;padding:10px 0 3px;color:#536575} [data-place-surface] .place-more-content>*{max-width:100%;min-width:0;margin:0;overflow-wrap:anywhere} [data-place-surface] .place-more-content img{max-width:100%;height:auto;object-fit:cover;border-radius:9px} [data-place-surface] .place-more-content a{max-width:100%;overflow-wrap:anywhere} [data-place-surface] .place-more-content .actions,[data-place-surface] .place-more-content .shopping-actions,[data-place-surface] .place-more-content .sights-actions,[data-place-surface] .place-more-content .culture-link-actions,[data-place-surface] .place-more-content .experience-card-top,[data-place-surface] .place-more-content .experience-popup-top{display:contents} /* Keep the existing red Save navigation color after removing the card-only stylesheet. */ .map-app-preview .map-category-rail>.map-category-button[data-category="saved"]{color:#cf3038!important;border-color:#e6a7ab!important;background:#fff7f7!important} .map-app-preview .map-category-rail>.map-category-button[data-category="saved"][aria-pressed="true"]{color:#b82730!important;border-color:#cf3038!important;background:#ffe7e9!important} .map-app-preview .map-category-rail>.map-category-button[data-category="saved"] svg{stroke:currentColor} .map-app-preview .map-category-rail>.map-category-button[data-category="stays"][disabled]{opacity:.52;cursor:default;filter:grayscale(.8)} .map-app-preview .map-category-rail>.map-category-button[data-category="stays"] small{font-size:9px;font-weight:800;line-height:1} .map-category-button[data-category="elevators"]{color:#28664d} .map-category-button[data-category="elevators"][aria-pressed="true"]{background:#e1f1e4;border-color:#70ab82} .toilet-detail-card[data-place-surface="elevator-detail"] p{margin:9px 0;color:#46574f;line-height:1.45} .location-outside-notice{position:absolute;z-index:6;top:170px;right:12px;max-width:min(260px,calc(100% - 24px));padding:9px 11px;border:1px solid #aacfe7;border-radius:10px;background:#fffffff2;color:#31566c;font:600 12px/1.4 Arial,sans-serif;box-shadow:0 3px 10px #163b5526} .location-outside-notice[hidden]{display:none!important} @media(max-width:800px){ .category-groups-v84.map-app-preview .map-category-rail{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible;gap:3px} .category-groups-v84.map-app-preview .map-category-button{width:100%;min-width:0} } /* Experience cards are a single affiliate link; save, route and Google remain independent actions. */ #cards .experience-card[data-place-surface]{position:relative;cursor:pointer;padding-bottom:8px} .lodging-grid .lodging-card[data-place-surface]{position:relative;cursor:pointer;padding-bottom:8px} .lodging-preview-panel{box-sizing:border-box;width:100%} .lodging-preview-panel .lodging-grid{width:100%;max-width:none;grid-template-columns:minmax(0,1fr)} .lodging-preview-panel .lodging-grid>.lodging-card[data-place-surface]{box-sizing:border-box;width:100%;max-width:none;justify-self:stretch} .lodging-grid .lodging-card[data-place-surface]>.place-overview{display:grid;width:100%} #cards .lodging-card .place-overview,.lodging-grid .lodging-card .place-overview{grid-template-columns:115px minmax(0,1fr);column-gap:12px;align-content:start} #cards .lodging-card .place-overview>:not(.place-media),.lodging-grid .lodging-card .place-overview>:not(.place-media){grid-column:2;min-width:0} #cards .lodging-card .place-overview>.place-media,.lodging-grid .lodging-card .place-overview>.place-media{grid-column:1;grid-row:1/span var(--place-overview-rows,1);align-self:start;width:115px;margin:0} #cards .lodging-card .place-media img,.lodging-grid .lodging-card .place-media img{display:block;width:115px;height:175px;max-height:none;object-fit:cover;margin:0} #cards .lodging-card .place-overview:not(:has(>.place-media:not([hidden]))),.lodging-grid .lodging-card .place-overview:not(:has(>.place-media:not([hidden]))){grid-template-columns:minmax(0,1fr)} #cards .lodging-card .place-overview:not(:has(>.place-media:not([hidden])))>:not(.place-media),.lodging-grid .lodging-card .place-overview:not(:has(>.place-media:not([hidden])))>:not(.place-media){grid-column:1} #cards .lodging-card[data-place-surface]:hover,.lodging-grid .lodging-card[data-place-surface]:hover{background:#fafcfb} #cards .lodging-card .place-actions>.place-ad-badge,.lodging-grid .lodging-card .place-actions>.place-ad-badge{position:static;flex:none;margin-left:auto;padding:3px 7px;border:1px solid #cbd3d6;border-radius:5px;background:#f4f6f6;color:#52606a!important;font-size:11px} #cards .lodging-card .place-title,.lodging-grid .lodging-card .place-title{padding-right:0;margin-top:0!important} #cards .lodging-card .lodging-card-link,.lodging-grid .lodging-card .lodging-card-link{position:absolute;inset:0;z-index:2;display:block;border-radius:inherit;text-decoration:none} #cards .lodging-card .lodging-card-link:focus-visible,.lodging-grid .lodging-card .lodging-card-link:focus-visible{outline:3px solid #3265b4;outline-offset:2px} #cards .lodging-card .place-actions,.lodging-grid .lodging-card .place-actions{position:relative;z-index:3;width:100%;max-width:100%;align-items:center;margin-top:7px} #cards .lodging-card .place-actions .place-ad-disclosure,.lodging-grid .lodging-card .place-actions .place-ad-disclosure{flex:1 1 0;min-width:0;margin:0 0 0 5px;font-size:11px;line-height:1.25} #cards .lodging-card .place-media figcaption,.lodging-grid .lodging-card .place-media figcaption{position:relative;z-index:3} #cards .experience-card .place-overview::before, #cards .experience-card .place-overview>.place-media{grid-row:1/span 4} #cards .experience-card .place-overview>.experience-media img{display:block;width:115px;height:175px;object-fit:cover;margin:0} #cards .experience-card .experience-price{display:block;margin-top:5px;color:#263b33;font:800 13px/1.25 Arial,"Noto Sans KR",sans-serif;text-align:center;white-space:nowrap} #cards .experience-card[data-place-surface]:hover{background:#fafcfb} #cards .experience-card .place-actions>.place-ad-badge{position:static;flex:none;margin-left:auto;padding:3px 7px;border:1px solid #cbd3d6;border-radius:5px;background:#f4f6f6;color:#52606a!important;font-size:11px} #cards .experience-card .place-title{padding-right:0;margin-top:0!important} #cards .experience-card .experience-summary{margin:5px 0 0;color:#526675;font-size:12px;line-height:1.45} #cards .experience-card .experience-summary p,.map-popup.experience-card .experience-summary p{display:flex;gap:5px;margin:2px 0} #cards .experience-card .experience-summary .summary-check,.map-popup.experience-card .experience-summary .summary-check{color:#16845d;font-weight:700;flex:none} #cards .experience-card .experience-booking-note{color:#775d3c;font-size:11px;line-height:1.4} #cards .experience-card .experience-card-link{position:absolute;inset:0;z-index:2;display:block;border-radius:inherit;text-decoration:none} #cards .experience-card .experience-card-link:focus-visible{outline:3px solid #3265b4;outline-offset:2px} #cards .experience-card .place-actions{position:relative;z-index:3;width:100%;max-width:100%;align-items:center;margin-top:7px} #cards .experience-card .place-actions .place-ad-disclosure{flex:1 1 0;min-width:0;margin:0 0 0 5px;font-size:11px;line-height:1.25} .map-popup .ad-badge{border:1px solid #cbd3d6;background:#f4f6f6;color:#52606a} .map-popup.experience-card[data-place-surface]{position:relative;cursor:pointer;overflow:hidden;padding-bottom:8px} .map-popup.lodging-card[data-place-surface]{position:relative;cursor:pointer;overflow:hidden;padding-bottom:8px} .map-popup.lodging-card .place-overview{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:10px;align-content:start;min-width:0} .map-popup.lodging-card .place-overview>:not(.place-media){grid-column:2;min-width:0} .map-popup.lodging-card .place-overview>.place-media{grid-column:1;grid-row:1/span var(--place-overview-rows,1);align-self:start;width:100px;margin:0} .map-popup.lodging-card .place-media img{display:block;width:100px;height:145px;max-height:none;object-fit:cover;margin:0} .map-popup.lodging-card .place-overview:not(:has(>.place-media:not([hidden]))){grid-template-columns:minmax(0,1fr)} .map-popup.lodging-card .place-overview:not(:has(>.place-media:not([hidden])))>:not(.place-media){grid-column:1} .map-popup.lodging-card .place-actions>.place-ad-badge{position:static;flex:none;margin-left:auto;padding:3px 7px;border:1px solid #cbd3d6;border-radius:5px;background:#f4f6f6;color:#52606a!important;font-size:11px} .map-popup.lodging-card .place-title{padding-right:0;margin-top:0!important;font-size:15px!important} .map-popup.lodging-card .lodging-card-link{position:absolute;inset:0;z-index:2;display:block;margin:0;min-height:0;padding:0;border-radius:inherit;background:transparent;color:transparent!important;text-decoration:none} .map-popup.lodging-card .lodging-card-link:focus-visible{outline:3px solid #3265b4;outline-offset:-3px} .map-popup.lodging-card .place-actions{position:relative;z-index:3;width:100%;align-items:center;margin-top:7px} .map-popup.lodging-card .place-actions .place-ad-disclosure{flex:1 1 0;min-width:0;margin:0 0 0 3px;font-size:10px;line-height:1.25} .map-popup.lodging-card .place-media figcaption{position:relative;z-index:3} .map-popup.experience-card[data-place-surface] .place-overview, body.ux-ready .place-detail-body .map-popup.experience-card[data-place-surface] .place-overview{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:10px;align-content:start;min-width:0} .map-popup.experience-card .place-overview>:not(.place-media){grid-column:2;min-width:0} .map-popup.experience-card .place-overview>.place-media, body.ux-ready .place-detail-body .map-popup.experience-card[data-place-surface] .place-overview>.place-media{grid-column:1;grid-row:1/span 4;align-self:start;width:100px;margin:0} .map-popup.experience-card .place-overview>.experience-media img, body.ux-ready .place-detail-body .map-popup.experience-card[data-place-surface] .place-overview>.experience-media img{display:block;width:100px;height:145px;max-height:none;object-fit:cover;margin:0} .map-popup.experience-card .experience-price{display:block;margin-top:5px;color:#263b33;font:800 12px/1.25 Arial,"Noto Sans KR",sans-serif;text-align:center;white-space:nowrap} .map-popup.experience-card .place-actions>.place-ad-badge{position:static;flex:none;margin-left:auto;padding:3px 7px;border:1px solid #cbd3d6;border-radius:5px;background:#f4f6f6;color:#52606a!important;font-size:11px} .map-popup.experience-card .place-title{padding-right:0;margin-top:0!important;font-size:15px!important} .map-popup.experience-card .experience-summary{margin:5px 0 0;color:#526675;font-size:11px;line-height:1.45} .map-popup.experience-card .experience-booking-note{color:#775d3c;font-size:11px;line-height:1.4} .map-popup.experience-card .experience-card-link{position:absolute;inset:0;z-index:2;display:block;margin:0;min-height:0;padding:0;border-radius:inherit;background:transparent;color:transparent!important;text-decoration:none} .map-popup.experience-card .experience-card-link:focus-visible{outline:3px solid #3265b4;outline-offset:-3px} .map-popup.experience-card .place-actions{position:relative;z-index:3;width:100%;align-items:center;margin-top:7px} .map-popup.experience-card .place-actions .place-ad-disclosure{flex:1 1 0;min-width:0;margin:0 0 0 3px;font-size:10px;line-height:1.25} .map-popup.experience-card .place-overview:not(:has(>.place-media)){grid-template-columns:minmax(0,1fr)} .map-popup.experience-card .place-overview:not(:has(>.place-media))>:not(.place-media){grid-column:1} @media(max-width:360px){#cards .card[data-place-surface],.lodging-grid .lodging-card[data-place-surface]{padding:13px}[data-place-surface] .place-title{font-size:17px}[data-place-surface] .place-actions{gap:5px}[data-place-surface] .place-action,[data-place-surface] .place-actions .walklink,[data-place-surface] .place-actions .google-map-button{width:46px;min-width:46px;flex-basis:46px;height:42px;min-height:42px}} /* 후기 본문·사진은 카드 안에 펼치지 않는다. 카드에는 한 줄만 추가한다. */ [data-place-surface] .place-reviews-entry{justify-self:start;position:relative;z-index:3;max-width:100%;margin:1px 0 0;padding:0;border:0;background:none;color:#325b69;font:700 12px/1.4 Arial,"Noto Sans KR",sans-serif;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} [data-place-surface] .place-reviews-row{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;margin-top:2px;position:relative;z-index:3} [data-place-surface] .place-reviews-row .place-reviews-entry{min-width:0;flex:1 1 auto;margin:0} [data-place-surface] .place-reviews-row>.place-ad-badge{position:static;flex:none;max-width:45%;margin:0;padding:3px 7px;border:1px solid #cbd3d6;border-radius:5px;background:#f4f6f6;color:#52606a!important;font-size:11px;line-height:1.3;white-space:nowrap} [data-place-surface] .place-reviews-entry:hover{text-decoration:underline} [data-place-surface] .place-reviews-entry:focus-visible{outline:3px solid #3265b4;outline-offset:3px} .place-reviews-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:min(80vh,760px);padding:0;border:1px solid #d5e1e4;border-radius:16px;background:#fff;color:#172b36;box-shadow:0 20px 70px #142c3559;font:400 14px/1.5 Arial,"Noto Sans KR",sans-serif} .place-reviews-dialog::backdrop{background:#10232e91} .place-reviews-shell{padding:18px;overflow:auto;max-height:min(80vh,760px)} .place-reviews-head{display:flex;align-items:start;justify-content:space-between;gap:12px} .place-reviews-head h2{margin:0;font-size:19px;line-height:1.35} .place-reviews-close{border:0;background:none;font-size:26px;line-height:1;cursor:pointer} .place-reviews-info{margin:6px 0 14px;color:#556b75;font-size:12px} .place-reviews-list{display:grid;gap:10px} .place-review{padding:12px;border:1px solid #e1e8e9;border-radius:11px} .place-review-meta{color:#597078;font-size:11px} .place-review-body{margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px} .place-review-gallery{display:flex;gap:5px;overflow-x:auto} .place-review-gallery img{width:88px;height:88px;object-fit:cover;border-radius:7px} .place-review-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px} .place-review-buttons button,.place-review-write,.place-review-submit{min-height:34px;padding:6px 10px;border:1px solid #cbdad7;border-radius:8px;background:#fff;color:#245044;font:700 12px Arial,"Noto Sans KR",sans-serif;cursor:pointer} .place-review-helpful[aria-pressed="true"]{background:#e7f3ed;border-color:#569878} .place-review-write,.place-review-submit{background:#245344;color:#fff} .place-reviews-footer{margin-top:12px} .place-reviews-notice{min-height:1em;margin:9px 0 0;color:#a34c35;font-size:12px} .place-review-form{display:grid;gap:10px} .place-review-form label{display:grid;gap:4px;font-size:12px;font-weight:700} .place-review-form textarea,.place-review-form input[type="month"]{box-sizing:border-box;width:100%;padding:8px;border:1px solid #becfd1;border-radius:8px;font:400 13px/1.4 Arial,"Noto Sans KR",sans-serif} .place-review-form .place-review-solo{display:flex;align-items:center;gap:6px} .place-review-form button{justify-self:start} [data-place-surface] .dietary-scope{display:inline-block;padding:2px 7px;margin:0 5px 6px 0;border:1px solid #dce5f2;border-radius:6px;background:#f5f8fc;color:#36536d;font-size:11px;font-weight:600;line-height:1.5} /* /assets/source-attribution.12e1ce348ab7da03.css */ .place-source-link{display:inline-flex;align-items:center;align-self:center;margin-left:auto;padding:4px 2px;color:#526675;font:600 11px/1.2 Arial,"Noto Sans KR",sans-serif;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;position:relative;z-index:4} .place-source-link:focus-visible{outline:2px solid #3265b4;outline-offset:2px;border-radius:3px} .place-media figcaption[hidden],.place-gallery figcaption[hidden]{display:none!important} /* /assets/google-place-discovery.ab21e118c5e742b5.css */ .app-search-dock { position:relative; } .app-search-dock .place-search { padding-right:76px; } .google-place-trigger { position:absolute; top:7px; right:7px; z-index:1; min-width:64px; height:36px; border:1px solid #d4dfd9; border-radius:18px; background:#fff; color:#244638; font:700 12px Arial,sans-serif; cursor:pointer; } .google-place-search { position:absolute; top:calc(100% + 5px); left:0; width:min(400px,calc(100vw - 24px)); padding:9px 43px 9px 9px; border:1px solid #dce5de; border-radius:14px; background:#fff; box-shadow:0 5px 18px #10241c22; } .google-place-search[hidden],.google-place-details[hidden] { display:none; } .google-place-search gmp-place-autocomplete { display:block; width:100%; } .google-place-search-close { position:absolute; right:8px; top:8px; width:30px; height:30px; border:0; border-radius:8px; background:#f0f3f1; color:#2b4536; font:22px Arial,sans-serif; cursor:pointer; } .google-place-details { position:absolute; z-index:8; top:80px; left:18px; width:min(360px,calc(100% - 36px)); padding:16px; border:1px solid #dce5de; border-radius:14px; background:#fff; box-shadow:0 5px 18px #10241c30; color:#173027; } .google-place-details-close { position:absolute; top:8px; right:8px; width:28px; height:28px; padding:0; border:0; border-radius:8px; background:#f0f3f1; color:#2b4536; font:22px Arial,sans-serif; cursor:pointer; } .google-place-details small { display:block; margin-bottom:6px; color:#617267; } .google-place-details strong { display:block; padding-right:20px; font-size:16px; line-height:1.3; } .google-place-details p { margin:8px 0 12px; font-size:13px; line-height:1.4; } .google-place-details .place-actions { margin-top:0; } .google-place-details .place-action:disabled { opacity:.55; cursor:default; } .google-place-card{display:grid;gap:7px;min-width:0;max-width:100%;overflow-wrap:anywhere;color:#173027} .google-place-card>small{display:block;margin:0;color:#617267;font-size:13px} .google-place-card>strong{display:block;font-size:16px;line-height:1.35;white-space:normal} .google-place-card>p{margin:0 0 4px;font-size:13px;line-height:1.4} .google-place-card .place-actions{display:flex;gap:6px;flex-wrap:wrap;margin:0} @media(max-width:800px) { .google-place-details { top:128px; left:12px; width:min(360px,calc(100% - 24px)); } } .saved-google-search{display:grid;gap:10px;padding:14px;border:1px solid #dce5de;border-radius:14px;background:#fff}.saved-google-input gmp-place-autocomplete,.saved-google-input input{display:block;width:100%;min-height:42px;box-sizing:border-box;border:1px solid #d4dfd9;border-radius:9px;background:#fff;color:#243e32;font:inherit}.saved-google-input input{padding:10px 12px}.saved-google-input input::placeholder{color:#89958e}.saved-google-result:empty{display:none}.saved-google-result:not(:empty){display:grid;gap:5px;color:#30483b;font-size:.88rem}.saved-google-result small{color:#63786c}.saved-google-result strong{font-size:.95rem}.saved-google-result button{justify-self:start;margin-top:5px;padding:9px 13px;border:0;border-radius:9px;background:#276e50;color:#fff;font:700 .87rem Arial,sans-serif;cursor:pointer} /* /assets/account-sync.141f65b5ae642fe6.css */ /* 권리 확인된 장소 공통 사진띠와 확대 보기. 원본 사진은 자르지 않는다. */ #cards .sights-card .place-overview>.place-gallery{width:100%;margin:3px 0} #cards .sights-card .place-gallery img{width:100%;height:100px;max-height:none;object-fit:contain;background:#f3f5f7} .map-popup.sights-card .place-gallery{grid-column:1;grid-row:1/span 5;width:100px;margin:0} .map-popup.sights-card .place-gallery-rail{overflow:hidden} .map-popup.sights-card .place-gallery-cell{flex:0 0 100%} .map-popup.sights-card .place-gallery img{width:100px;height:100px;max-height:none;object-fit:contain} .map-popup.sights-card .place-gallery-cell:not(:first-child){display:none} .map-popup.sights-card .place-gallery-count{bottom:17px} .map-popup.sights-card .place-overview:has(>.place-gallery){grid-template-columns:100px minmax(0,1fr);column-gap:10px} .map-popup.sights-card .place-overview:has(>.place-gallery)>:not(.place-gallery){grid-column:2;min-width:0} #cards .food-card .place-overview,#cards .lodging-card .place-overview,.lodging-grid .lodging-card .place-overview{grid-template-columns:minmax(0,1fr)} #cards .lodging-card .place-overview>:not(.place-media),.lodging-grid .lodging-card .place-overview>:not(.place-media){grid-column:1} #cards .lodging-card .place-overview>.place-gallery,.lodging-grid .lodging-card .place-overview>.place-gallery{grid-column:1;grid-row:auto;width:100%;margin:3px 0} #cards .food-card .place-overview>.place-gallery{margin:3px 0} #cards .lodging-card .place-gallery img,.lodging-grid .lodging-card .place-gallery img,#cards .food-card .place-gallery img{width:100%;height:100px;max-height:none;object-fit:contain;background:#f3f5f7} .place-gallery{position:relative;z-index:4;min-width:0;max-width:100%;overflow:hidden} .place-gallery-rail{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;touch-action:pan-x pan-y;scrollbar-width:thin} .place-gallery-cell{flex:0 0 min(44%,180px);min-width:0;margin:0;scroll-snap-align:start} .place-gallery-cell figcaption{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.35;color:#667684} .place-gallery-open{display:block;box-sizing:border-box;width:100%;padding:0;border:0;border-radius:8px;background:#f3f5f7;overflow:hidden;cursor:zoom-in} .lodging-card .place-gallery-open{padding:0;border:0;border-radius:8px;background:#f3f5f7;color:inherit} .place-gallery-open:focus-visible{outline:3px solid #3265b4;outline-offset:2px} .place-gallery-open img{display:block;width:100%;height:100px;object-fit:contain} .place-gallery-count{position:absolute;right:7px;bottom:17px;padding:2px 5px;border-radius:5px;background:#172b36d9;color:#fff;font:700 10px/1.2 Arial,sans-serif;pointer-events:none} .place-gallery:not(.place-gallery-compact):not(.plan-preview-media)>.place-gallery-count{top:6px;right:6px;bottom:auto;z-index:3;box-sizing:border-box;max-width:calc(100% - 12px);white-space:nowrap} .place-gallery:not(:has(.place-gallery-cell figcaption)) .place-gallery-count{bottom:6px} .place-gallery:has(.place-gallery-cell:only-child) .place-gallery-cell{flex-basis:min(100%,320px)} .place-gallery:has(.place-gallery-cell:nth-child(2):last-child) .place-gallery-cell{flex-basis:calc((100% - 7px)/2)} .map-popup.food-card .place-gallery,.map-popup.lodging-card .place-gallery{grid-column:1;grid-row:1/span 5;width:100px;margin:0} .map-popup.food-card .place-gallery-rail,.map-popup.lodging-card .place-gallery-rail{overflow:hidden} .map-popup.food-card .place-gallery-cell,.map-popup.lodging-card .place-gallery-cell{flex:0 0 100%} .map-popup.food-card .place-gallery img,.map-popup.lodging-card .place-gallery img{width:100px;height:100px;max-height:none;object-fit:contain} .map-popup.food-card .place-gallery-cell:not(:first-child),.map-popup.lodging-card .place-gallery-cell:not(:first-child){display:none} .map-popup.food-card .place-gallery-count,.map-popup.lodging-card .place-gallery-count{bottom:17px} .map-popup.food-card .place-overview:has(>.place-gallery),.map-popup.lodging-card .place-overview:has(>.place-gallery){grid-template-columns:100px minmax(0,1fr);column-gap:10px} .map-popup.food-card .place-overview:has(>.place-gallery)>:not(.place-gallery),.map-popup.lodging-card .place-overview:has(>.place-gallery)>:not(.place-gallery){grid-column:2;min-width:0} .plan-detail-media .place-gallery{max-width:100%} .plan-detail-media .place-gallery-cell{flex-basis:min(44%,180px)} .plan-preview-media.place-gallery{flex:0 0 85px;width:85px;overflow:visible} .plan-preview-media .place-gallery-rail{overflow:hidden} .plan-preview-media .place-gallery-cell{flex:0 0 85px} .plan-preview-media .place-gallery-open img{width:85px;height:66px} .plan-preview-media .place-gallery-cell figcaption{display:none} .plan-preview-media .place-gallery-count{right:0;bottom:0;font-size:9px} .place-gallery-dialog{box-sizing:border-box;width:min(900px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:12px;border:0;border-radius:12px;background:#fff;color:#152b32;box-shadow:0 14px 45px #0004} .place-gallery-dialog::backdrop{background:#14232dc9} .place-gallery-head{display:flex;justify-content:space-between;align-items:center;min-height:36px;font-weight:700} .place-gallery-head button,.place-gallery-stage button{border:0;background:#f3f5f7;color:#152b32;cursor:pointer;font-size:26px;line-height:1} .place-gallery-head button{width:36px;height:36px;border-radius:8px} .place-gallery-stage{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:4px;min-height:230px} .place-gallery-stage img{display:block;max-width:100%;max-height:calc(100dvh - 155px);width:100%;height:auto;object-fit:contain} .place-gallery-stage button{width:42px;height:48px;border-radius:8px} .place-gallery-credit{display:block;min-height:18px;margin-top:8px;color:#496271;font-size:12px;overflow-wrap:anywhere} .place-gallery-credit[hidden]{display:none} @media(max-width:600px){.place-gallery-dialog{width:100vw;max-height:100dvh;height:100dvh;margin:0;padding:10px;border-radius:0}.place-gallery-stage{height:calc(100dvh - 105px)}.place-gallery-stage img{max-height:calc(100dvh - 120px)}} /* v4.98-style horizontal photo strip in every list card. */ .place-gallery-cell[hidden]{display:none!important} .place-gallery:not(.place-gallery-compact):not(.plan-preview-media) .place-gallery-rail{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x proximity} .place-gallery:not(.place-gallery-compact):not(.plan-preview-media) .place-gallery-cell{flex:0 0 min(44%,180px);width:auto} .place-gallery:not(.place-gallery-compact):not(.plan-preview-media):has(.place-gallery-cell:only-child) .place-gallery-cell{flex-basis:min(100%,320px)} .place-gallery:not(.place-gallery-compact):not(.plan-preview-media):has(.place-gallery-cell:nth-child(2):last-child) .place-gallery-cell{flex-basis:calc((100% - 7px)/2)} .place-gallery-compact .place-gallery-rail,.plan-preview-media .place-gallery-rail{display:block;overflow:hidden;scroll-snap-type:none} .place-gallery-compact .place-gallery-cell,.plan-preview-media .place-gallery-cell{width:100%;flex:none} .place-gallery-step{position:absolute;top:51px;z-index:2;display:grid;place-items:center;width:26px;height:34px;padding:0;border:0;border-radius:7px;background:#172b36d9;color:#fff;font:700 22px Arial,sans-serif;cursor:pointer} #cards .card .place-gallery-step,.lodging-grid .lodging-card .place-gallery-step{background:#172b36d9;color:#fff;border:0;padding:0} .place-gallery-prev{left:3px}.place-gallery-next{right:3px} .place-gallery-step:focus-visible{outline:3px solid #3265b4;outline-offset:2px} .place-gallery-compact .place-gallery-count,.place-gallery-compact:not(:has(.place-gallery-cell figcaption)) .place-gallery-count{top:5px;right:5px;bottom:auto} body.ux-ready.map-app-preview .app-sheet .cards>.card>.place-overview:has(>.place-gallery), #cards .card .place-overview:has(>.place-gallery), .place-detail-body>.card>.place-overview:has(>.place-gallery), .lodging-grid .lodging-card .place-overview:has(>.place-gallery){display:grid;grid-template-columns:minmax(0,1fr);column-gap:0;align-content:start;min-width:0} body.ux-ready.map-app-preview .app-sheet .cards>.card>.place-overview:has(>.place-gallery)::before{display:none} body.ux-ready.map-app-preview .app-sheet .cards>.card>.place-overview:has(>.place-gallery)>:not(.place-gallery), #cards .card .place-overview:has(>.place-gallery)>:not(.place-gallery), .place-detail-body>.card>.place-overview:has(>.place-gallery)>:not(.place-gallery), .lodging-grid .lodging-card .place-overview:has(>.place-gallery)>:not(.place-gallery){grid-column:1;min-width:0} body.ux-ready.map-app-preview .app-sheet .cards>.card>.place-overview>.place-gallery, #cards .card .place-overview>.place-gallery, .place-detail-body>.card>.place-overview>.place-gallery, .lodging-grid .lodging-card .place-overview>.place-gallery{grid-column:1;grid-row:auto;align-self:start;width:100%;min-width:0;margin:3px 0} body.ux-ready.map-app-preview .app-sheet .cards>.card>.place-overview>.place-gallery img, #cards .card .place-overview>.place-gallery img, .place-detail-body>.card>.place-overview>.place-gallery img, .lodging-grid .lodging-card .place-overview>.place-gallery img{display:block;width:100%;height:125px;max-height:none;object-fit:contain;border-radius:8px} .map-popup.food-card .place-gallery,.map-popup.lodging-card .place-gallery,.map-popup.sights-card .place-gallery{grid-column:1;grid-row:auto;width:100%;margin:4px 0} .map-popup.food-card .place-gallery img,.map-popup.lodging-card .place-gallery img,.map-popup.sights-card .place-gallery img{width:100%;height:140px;max-height:none;object-fit:contain} .map-popup.food-card .place-gallery-cell:not([hidden]),.map-popup.lodging-card .place-gallery-cell:not([hidden]),.map-popup.sights-card .place-gallery-cell:not([hidden]){display:block} .map-popup.food-card .place-overview:has(>.place-gallery),.map-popup.lodging-card .place-overview:has(>.place-gallery),.map-popup.sights-card .place-overview:has(>.place-gallery){display:grid;grid-template-columns:minmax(0,1fr);column-gap:0} .map-popup.food-card .place-overview:has(>.place-gallery)>:not(.place-gallery),.map-popup.lodging-card .place-overview:has(>.place-gallery)>:not(.place-gallery),.map-popup.sights-card .place-overview:has(>.place-gallery)>:not(.place-gallery){grid-column:1;min-width:0} .plan-preview-media .place-gallery-step{display:none} .place-gallery-stage img{grid-column:2;grid-row:1;justify-self:center} .place-gallery-stage [data-gallery-prev]{grid-column:1;grid-row:1}.place-gallery-stage [data-gallery-next]{grid-column:3;grid-row:1} /* Museum images include tall entrance and exhibit photos. Give their uncropped thumbnails enough height while retaining the shared card/gallery controls. */ #cards .sights-card[data-gallery-context="museums_art"] .place-gallery:not(.place-gallery-compact) .place-gallery-cell{flex-basis:min(66%,240px)} #cards .sights-card[data-gallery-context="museums_art"] .place-gallery:not(.place-gallery-compact):has(.place-gallery-cell:only-child) .place-gallery-cell{flex-basis:min(100%,320px)} #cards .sights-card[data-gallery-context="museums_art"] .place-gallery:not(.place-gallery-compact):has(.place-gallery-cell:nth-child(2):last-child) .place-gallery-cell{flex-basis:calc((100% - 7px)/2)} #cards .sights-card[data-gallery-context="museums_art"] .place-overview>.place-gallery img{height:190px} .pin-selected-card .sights-card[data-gallery-context="museums_art"] .place-gallery:not(.place-gallery-compact) .place-gallery-cell, .place-detail-body .sights-card[data-gallery-context="museums_art"] .place-gallery:not(.place-gallery-compact) .place-gallery-cell{flex-basis:min(66%,240px)} .pin-selected-card .sights-card[data-gallery-context="museums_art"] .place-gallery:not(.place-gallery-compact):has(.place-gallery-cell:nth-child(2):last-child) .place-gallery-cell, .place-detail-body .sights-card[data-gallery-context="museums_art"] .place-gallery:not(.place-gallery-compact):has(.place-gallery-cell:nth-child(2):last-child) .place-gallery-cell{flex-basis:calc((100% - 7px)/2)} .pin-selected-card .sights-card[data-gallery-context="museums_art"] .place-overview>.place-gallery img, .place-detail-body .sights-card[data-gallery-context="museums_art"] .place-overview>.place-gallery img{height:190px} /* A map popup converted into a list card must not keep the old 115px thumbnail-column sizing from ux-shell.css. This applies to every category. */ body.ux-ready.map-app-preview .app-sheet .pin-selected-card>.card>.place-overview>.place-gallery.place-media, body.ux-ready.map-app-preview .app-sheet .place-detail-body>.card>.place-overview>.place-gallery.place-media{grid-column:1;grid-row:auto;align-self:start;width:100%;min-width:0;margin:3px 0} body.ux-ready.map-app-preview .app-sheet .pin-selected-card>.card>.place-overview>.place-gallery.place-media img, body.ux-ready.map-app-preview .app-sheet .place-detail-body>.card>.place-overview>.place-gallery.place-media img{display:block;width:100%;height:125px;max-height:none;object-fit:contain} body.ux-ready.map-app-preview .app-sheet .pin-selected-card>.card.sights-card[data-gallery-context="museums_art"]>.place-overview>.place-gallery.place-media img, body.ux-ready.map-app-preview .place-detail-body>.card.sights-card[data-gallery-context="museums_art"]>.place-overview>.place-gallery.place-media img{height:190px} body.ux-ready.map-app-preview .place-detail-body>.card>.place-overview>.place-gallery.place-media{grid-column:1;grid-row:auto;width:100%;min-width:0;margin:3px 0} body.ux-ready.map-app-preview .place-detail-body>.card>.place-overview>.place-gallery.place-media img{display:block;width:100%;height:125px;max-height:none;object-fit:contain} body.ux-ready.map-app-preview .place-detail-body>.card.sights-card[data-gallery-context="museums_art"]>.place-overview>.place-gallery.place-media img{height:190px} .account-sync{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 14px;padding:10px 12px;border:1px solid #dce5de;border-radius:12px;background:#f8fbf9;color:#244638;font:12px Arial,"Noto Sans KR",sans-serif} body:not(.saved-days-active) .account-sync{display:none} .account-sync-title{font-size:13px} .account-sync-google[hidden],.account-sync-line[hidden],.account-sync button[hidden]{display:none!important} .account-sync-line{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#06c755;color:#fff;text-decoration:none;font:900 10px Arial,sans-serif;letter-spacing:-.3px}.account-sync-line:hover,.account-sync-line:focus-visible{background:#05b94d;outline:2px solid #17613d;outline-offset:2px} .account-sync button{min-height:34px;padding:6px 10px;border:1px solid #cad8cf;border-radius:8px;background:#fff;color:#244638;font:700 12px Arial,"Noto Sans KR",sans-serif;cursor:pointer} .account-sync-status{flex-basis:100%;color:#52677a;line-height:1.4} @media(max-width:360px){.account-sync{padding:8px;gap:6px}.account-sync-title{flex-basis:100%}}