:root{--site-background:#f9f7f1;--site-surface:#fffefb;--site-primary:#1d655c;--site-text:#253c35;--site-muted:#7b887b;--site-border:#e6e9dd;--site-muted-readable:#637363;--site-focus:var(--site-primary);--site-accent:#df886e;--site-control:#edf0e4;--site-active:#eaf0e6;--site-selected:#f8e8dc;--site-selected-border:#f1ceba;--site-selected-text:#b56b50;--site-primary-hover:#174f48;--site-danger:#9b3a32;--site-map-ground:#e9ebdf;--site-map-park:#dce4cf}html{accent-color:var(--site-primary)}button,input,select,textarea,a{-webkit-tap-highlight-color:transparent}.travel-icon{vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px;display:inline-block}@media print{html,body{background:#fff!important}}.gimhae-card .text-link,.city-banner-source a{align-items:center;min-height:44px;padding-block:8px;display:inline-flex}:root{color:var(--site-text);background:var(--site-background);font-synthesis:none;font-family:Noto Sans KR,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--site-focus);outline-offset:5px}button:disabled{cursor:default;opacity:.5}.shell,.nav{width:min(1280px,100% - 96px);margin:auto}.nav{border-bottom:1px solid var(--site-border);justify-content:space-between;align-items:center;height:104px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:11px;font-size:23px;font-weight:800;display:flex}.brand-icon{background:var(--site-primary);color:var(--site-muted-readable);border-radius:13px 13px 13px 3px;place-items:center;width:36px;height:38px;font-size:28px;display:grid}.brand-en{letter-spacing:2px;color:var(--site-muted-readable);margin-left:9px;font-size:9px;font-weight:600}.nav nav{align-items:center;gap:36px;font-size:13px;font-weight:600;display:flex}.nav nav>a{align-items:center;gap:4px;min-height:34px;display:inline-flex}.nav nav>.preferences-open{justify-content:center;align-items:center;min-height:34px;display:inline-flex}.nav nav span{color:#c08752}.hero{grid-template-columns:.88fr 1.3fr;align-items:center;gap:36px;padding:52px 0 68px;display:grid}.eyebrow{letter-spacing:1.8px;color:var(--site-muted-readable);align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.status-dot,.live-tag i{background:var(--site-control);border-radius:50%;width:6px;height:6px;display:inline-block}h1{letter-spacing:-3px;margin:25px 0;font-size:clamp(38px,4.25vw,64px);font-weight:800;line-height:1.3}h1 em{color:var(--site-primary);font-style:normal}p{line-height:1.9}.intro{color:var(--site-muted-readable);margin:0 0 30px;font-size:16px}.button{border:0;border-radius:13px;justify-content:space-between;align-items:center;gap:38px;padding:19px 25px;font-size:14px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.primary{background:var(--site-primary);color:var(--site-surface);box-shadow:0 8px 20px #315c4919}.primary:hover{background:var(--site-primary-hover);transform:translateY(-2px)}.button span{font-size:20px}.cta-note{color:var(--site-muted-readable);margin-top:12px;font-size:11px}.companion{margin-top:36px}.section-kicker{font-size:12px;font-weight:600}.segmented{background:var(--site-control);border-radius:13px;gap:6px;width:fit-content;margin-top:12px;padding:5px;display:flex}.segmented button{color:var(--site-primary);background:0 0;border:0;border-radius:9px;padding:12px 17px;font-size:12px}.segmented button[aria-pressed=true]{background:var(--site-surface);color:var(--site-primary);font-weight:700;box-shadow:0 2px 7px #3b533812}#companion-caption{color:var(--site-muted-readable);margin:10px 0 0;font-size:11px}.tour-panel{background:var(--site-control);border:1px solid var(--site-border);border-radius:30px;padding:22px 24px 16px;position:relative;box-shadow:0 24px 60px #445c3810}.tour-top{z-index:2;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex;position:relative}.live-tag{letter-spacing:1.6px;color:var(--site-muted-readable);align-items:center;gap:6px;font-size:8px;display:flex}#tour-stage{height:500px;position:relative}#tour-canvas{border-radius:16px;width:100%;height:100%;display:block}.sea-label{letter-spacing:8px;color:var(--site-muted-readable);pointer-events:none;font-size:10px;position:absolute;top:56%;right:11%}.landmark-bubble{background:var(--site-surface);border:1px solid var(--site-border);text-align:center;border-radius:20px;width:178px;padding:13px 14px 15px;transition:opacity .3s,transform .3s;position:absolute;top:24px;right:0;box-shadow:0 12px 28px #52674515}.landmark-bubble:after{content:"";border-style:solid;border-width:11px 11px 0 0;border-color:var(--site-border) transparent transparent transparent;position:absolute;bottom:-10px;left:30px}.landmark-bubble.travelling{opacity:0;pointer-events:none;transform:translateY(8px)}.bubble-heading{color:var(--site-muted-readable);letter-spacing:1px;justify-content:space-between;font-size:9px;display:flex}.bubble-star{color:#ca9858;font-size:15px}#landmark-canvas{width:150px;height:126px;display:block}.landmark-bubble strong{font-size:15px}.landmark-bubble p{color:var(--site-muted-readable);margin:3px 0 0;font-size:9px}.mascot-label{pointer-events:none;flex-direction:column;gap:5px;display:flex;position:absolute;bottom:25px;left:12px}.mascot-label span{font-size:14px;font-weight:700}.mascot-label small{color:var(--site-muted-readable);font-size:9px}.tour-bottom{border-top:1px solid var(--site-border);justify-content:space-between;align-items:center;padding-top:13px;display:flex}.city-stops{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.city-stops button{color:var(--site-primary);background:0 0;border:0;border-radius:20px;padding:6px 10px;font-size:11px}.city-stops button[aria-pressed=true]{color:var(--site-primary);background:var(--site-surface);font-weight:700}.city-stops>span{color:var(--site-muted-readable)}.map-note{color:var(--site-muted-readable);text-align:center;margin:10px 0 0;font-size:9px}.how{border-top:1px solid var(--site-border);grid-template-columns:1fr 2fr;gap:44px;padding:52px 0;display:grid}h2{letter-spacing:-1px;margin:14px 0;font-size:27px;line-height:1.5}.steps{gap:30px;padding:0;list-style:none;display:flex}.steps li{flex:1}.steps li>span{color:#b29a71;font-size:12px}.steps h3{margin-top:21px;font-size:14px}.steps p{color:var(--site-muted-readable);font-size:12px}.gimhae-card{background:var(--site-control);border-radius:24px;grid-template-columns:1fr 1fr;margin-bottom:60px;display:grid;overflow:hidden}.gimhae-card>div{padding:32px 45px}.gimhae-card p{color:var(--site-muted-readable);font-size:13px}.gimhae-card img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:290px}.text-link{margin:12px 0;font-size:13px;font-weight:700;display:inline-block}.footer{border-top:1px solid var(--site-border);justify-content:space-between;align-items:center;padding:24px 0 36px;font-size:12px;font-weight:600;display:flex}.footer small{color:var(--site-muted-readable);margin-left:20px;font-size:10px;font-weight:400}.footer p{color:var(--site-muted-readable);text-align:right;font-size:10px;font-weight:400}.back{color:var(--site-primary);font-size:12px}.planner{padding:34px 0 65px}.planner-heading h1{margin:16px 0;font-size:43px}.planner-heading>p:last-child{color:var(--site-muted-readable);font-size:13px}.planner-layout{grid-template-columns:1.4fr 1fr;gap:30px;margin-top:34px;display:grid}.form-card,.summary-card,.next-card{border:1px solid var(--site-border);background:var(--site-surface);border-radius:20px;padding:32px}.form-heading{align-items:center;gap:14px;margin:8px 0 22px;display:flex}.form-heading h2{margin:0;font-size:19px}.form-heading>span{color:#a29b7f;font-size:12px}.field{flex-direction:column;gap:9px;min-width:0;margin-bottom:16px;font-size:12px;font-weight:600;display:flex}.field input,.field select{background:var(--site-surface);border:1px solid var(--site-border);width:100%;min-width:0;color:var(--site-text);outline-offset:2px;border-radius:9px;padding:14px 12px;font-size:13px}.field input:focus,.field select:focus{outline:2px solid var(--site-focus)}.fields{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.field-note{color:var(--site-muted-readable);margin:0 0 25px;font-size:10px;line-height:1.8}.summary-card{background:var(--site-control)}.summary-card h2{font-size:23px}.summary-card p{color:var(--site-muted-readable);font-size:13px}.summary-card dl{margin:24px 0}.summary-card dl>div{border-bottom:1px solid var(--site-border);justify-content:space-between;gap:16px;padding:12px 0;font-size:12px;display:flex}.summary-card dt{color:var(--site-muted-readable);flex-shrink:0}.summary-card dd{text-align:right;overflow-wrap:anywhere;margin:0}.save-note{font-size:10px!important}.next-card{margin-top:20px}.next-card h3{font-size:22px}.next-card>p{color:var(--site-muted-readable);font-size:12px}.pill{background:var(--site-control);color:#9a8860;border-radius:14px;padding:6px 10px;font-size:10px}#form-message{color:#a05f3b;font-size:12px}.form-card>.primary{width:100%;margin-top:12px}#tour-error{background:var(--site-surface);border-radius:10px;width:70%;padding:15px;font-size:13px;position:absolute;top:45%;left:15%}@media (width>=1500px){.hero{padding-top:65px;padding-bottom:80px}}@media (width<=1000px){.shell,.nav{width:calc(100% - 48px)}.hero{grid-template-columns:.9fr 1.1fr;gap:22px}h1{font-size:43px}.tour-panel{padding:18px 14px}#tour-stage{height:450px}.landmark-bubble{width:151px;right:-3px}#landmark-canvas{width:122px;height:110px}.how{gap:25px}.steps{gap:15px}.brand-en{display:none}.planner-layout{grid-template-columns:1.2fr 1fr}.form-card,.summary-card,.next-card{padding:22px}}@media (width<=720px){.shell,.nav{width:calc(100% - 36px)}.nav{height:77px}.brand{font-size:19px}.brand-icon{width:30px;height:32px;font-size:23px}.nav nav{gap:17px;font-size:10px}.hero{grid-template-columns:1fr;gap:27px;padding:30px 0 38px}.hero-copy{padding:0 8px}h1{letter-spacing:-2px;margin:19px 0;font-size:43px}.intro{margin-bottom:21px;font-size:14px;line-height:1.8}.companion{margin-top:23px}.segmented button{padding:11px 20px}.tour-panel{border-radius:24px;padding:20px 17px 13px}#tour-stage{height:425px}.landmark-bubble{width:140px;padding:11px;top:20px}#landmark-canvas{width:115px;height:103px}.landmark-bubble strong{font-size:13px}.landmark-bubble p,.bubble-heading{font-size:8px}.live-tag{font-size:7px}.mascot-label{bottom:16px;left:3px}.mascot-label span{font-size:12px}.mascot-label small{font-size:8px}.city-stops{gap:5px}.city-stops button{padding:6px 9px}.how{grid-template-columns:1fr;gap:7px;padding:32px 0}.how h2{font-size:24px}.steps{flex-direction:column;gap:16px}.steps li{padding-left:40px;position:relative}.steps li>span{position:absolute;top:1px;left:0}.steps h3{margin:0 0 4px}.steps p{margin:0}.gimhae-card{grid-template-columns:1fr}.gimhae-card>div{padding:27px}.gimhae-card img{height:220px}.footer{flex-direction:column;align-items:flex-start;gap:16px}.footer small{margin-left:10px}.footer p{text-align:left}.planner-layout{grid-template-columns:1fr;gap:20px}.planner-heading h1{font-size:36px}.planner-heading>p:last-child{font-size:12px}.form-card{padding:23px 18px}.fields{gap:0 10px}.field input,.field select{padding:12px 8px}.planner{padding-top:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.mascot-label{flex-direction:row;align-items:center;gap:4px;bottom:8px;left:0}.mascot-label>div{flex-direction:column;gap:6px;display:flex}#mascot-canvas{width:94px;height:124px;display:block}.mascot-label small{max-width:135px;line-height:1.6}@media (width<=720px){#mascot-canvas{width:74px;height:100px}.mascot-label{bottom:2px;left:-8px}.mascot-label small{max-width:110px}}.landmark-bubble.beside-right:after{top:var(--tail-y);border-width:8px 12px 8px 0;border-color:transparent var(--site-border) transparent transparent;bottom:auto;left:-11px;right:auto;transform:translateY(-50%)}.landmark-bubble.beside-left:after{top:var(--tail-y);border-width:8px 0 8px 12px;border-color:transparent transparent transparent var(--site-border);bottom:auto;left:auto;right:-11px;transform:translateY(-50%)}@media (width<=720px){.landmark-bubble{width:120px;padding:10px}.landmark-bubble #landmark-canvas{width:98px;height:94px}.landmark-bubble strong{font-size:11px}.landmark-bubble .bubble-heading{font-size:7px}.landmark-bubble p{font-size:8px;line-height:1.5}}.transport-caption{border:1px solid var(--site-border);color:var(--site-muted-readable);white-space:nowrap;pointer-events:none;background:#fffdf3e8;border-radius:18px;padding:9px 15px;font-size:11px;font-weight:600;position:absolute;top:16px;left:50%;transform:translate(-50%)}.transport-caption[hidden]{display:none}@media (width<=720px){.transport-caption{padding:8px 11px;font-size:9px}}#origin-results{gap:8px;max-height:300px;margin-top:10px;display:grid;overflow:auto}#origin-search{border:1px solid var(--site-border);background:var(--site-control);min-width:44px;min-height:44px;color:var(--site-text);font:inherit;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600}#origin-results button{text-align:left;border:1px solid var(--site-border);background:var(--site-surface);width:100%;min-height:44px;color:var(--site-primary);font:inherit;cursor:pointer;border-radius:10px;padding:12px;line-height:1.5}#origin-results button:focus-visible{outline:2px solid var(--site-focus);outline-offset:2px}.planner-privacy{color:var(--site-muted-readable);margin-top:12px;font-size:12px;line-height:1.7}.planner-privacy summary{cursor:pointer}.planner-privacy p{margin:8px 0}.child-companion{flex-direction:row;align-items:center;gap:10px}.child-companion input{width:20px;height:20px;accent-color:var(--site-primary);margin:0}.region-entries{gap:14px;margin-top:18px;display:grid}.region-entry{border:1px solid var(--site-border);background:var(--site-surface);border-radius:14px;padding:16px}.region-entry strong{font-size:16px}.region-entry p{margin:6px 0 0;font-size:11px!important}.next-card .region-start{gap:12px;width:100%;min-height:48px;margin-top:12px;display:flex}.region-choice[aria-pressed=true]{background:var(--site-primary)}.lodging-step{border-top:1px solid var(--site-border);margin-top:24px;padding-top:22px}.lodging-step h4{margin:0 0 7px;font-size:18px}.lodging-step>p{color:var(--site-muted-readable);font-size:11px}.lodging-list{gap:9px;max-height:310px;margin-top:14px;display:grid;overflow:auto}.lodging-option{text-align:left;border:1px solid var(--site-border);background:var(--site-surface);width:100%;color:var(--site-text);border-radius:12px;padding:13px}.lodging-option strong,.lodging-option span{display:block}.lodging-option span{color:var(--site-muted-readable);margin-top:4px;font-size:10px}.lodging-option[aria-pressed=true]{border-color:var(--site-primary);background:var(--site-control)}.lodging-selected{background:var(--site-control);border-radius:12px;padding:12px;font-size:12px!important}.lodging-map{margin-top:12px!important;display:flex!important}.lodging-retry{border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-text);border-radius:10px;padding:10px 13px}.lodging-search{color:var(--site-muted-readable);gap:7px;margin-top:14px;font-size:11px;font-weight:700;display:grid}.lodging-search input{border:1px solid var(--site-border);background:var(--site-surface);width:100%;min-width:0;color:var(--site-text);border-radius:10px;padding:12px}.lodging-search input:focus{outline:2px solid var(--site-focus);outline-offset:2px}.lodging-empty{background:var(--site-control);color:var(--site-muted-readable);border-radius:10px;margin:0;padding:12px;font-size:11px}.day-trip-step>p{margin:0}.city-banner-media{height:290px;margin:0;position:relative;overflow:hidden}.city-banner-media img{object-fit:cover;mix-blend-mode:normal;width:100%;height:100%;display:block}.city-banner-source{color:var(--site-muted-readable);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffdf7df;border-radius:999px;padding:7px 10px;font-size:9px;line-height:1;position:absolute;bottom:12px;right:14px;box-shadow:0 3px 12px #20382e26}.city-banner-source a{text-underline-offset:2px;text-decoration:underline}@media (width<=720px){.city-banner-media{height:220px}}#city-preview-link{color:var(--site-text);white-space:nowrap;background:var(--site-surface);border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700}#city-preview-link:hover{background:var(--site-control)}.planner-travel-times{flex-wrap:wrap;align-items:end;gap:8px;margin:12px 0;display:flex}.planner-travel-times label{flex:1;gap:5px;min-width:120px;font-size:13px;display:grid}.planner-travel-times input{box-sizing:border-box;width:100%;min-height:44px;font:inherit;border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-text);border-radius:8px;padding:10px}.planner-travel-times button,[data-edit-trip-time]{min-height:44px;font:inherit;color:var(--site-primary);border:1px solid var(--site-border);background:var(--site-control);cursor:pointer;border-radius:8px;padding:10px}.lodging-step>.planner-travel-note{margin:8px 0;font-size:13px;line-height:1.5}.lodging-map[aria-disabled=true]{opacity:.5;cursor:default}@media (width<=720px){.tour-bottom{flex-wrap:wrap;gap:5px 8px}#city-preview-link{margin-left:auto}}.primary{background:var(--site-primary);color:var(--site-surface)}.primary:hover,.region-choice[aria-pressed=true]{background:var(--site-primary-hover)}#form-message{color:var(--site-danger)}.nav:has(.home-editor-link) nav>a{box-sizing:border-box;min-height:44px;color:var(--site-primary);letter-spacing:.02em;white-space:nowrap;background:linear-gradient(135deg,#f2f5e9,#e5eee4);border:1px solid #c6d8c8;border-radius:999px;flex:none;justify-content:center;gap:8px;padding:9px 18px;font-family:Trebuchet MS,Noto Sans KR,Arial,sans-serif;font-size:12px;font-weight:700;box-shadow:0 2px 6px #244c3610,inset 0 1px #ffffffc4}.nav:has(.home-editor-link) nav>.preferences-open{box-sizing:border-box;min-height:44px;color:var(--site-primary);letter-spacing:.02em;white-space:nowrap;background:linear-gradient(135deg,#f2f5e9,#e5eee4);border:1px solid #c6d8c8;border-radius:999px;flex:none;justify-content:center;gap:8px;padding:9px 18px;font-family:Trebuchet MS,Noto Sans KR,Arial,sans-serif;font-size:12px;font-weight:700;box-shadow:0 2px 6px #244c3610,inset 0 1px #ffffffc4}.nav nav>.home-editor-link span{color:inherit}.home-editor-link svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:17px;height:17px}.nav:has(.home-editor-link) nav>a:hover{background:linear-gradient(135deg,#e9f0df,#d9e8da);border-color:#9ebda7}.nav:has(.home-editor-link) nav>.preferences-open:hover{background:linear-gradient(135deg,#e9f0df,#d9e8da);border-color:#9ebda7}.nav:has(.home-editor-link) nav>a:focus-visible{outline:3px solid var(--site-accent);outline-offset:3px}.nav:has(.home-editor-link) nav>.preferences-open:focus-visible{outline:3px solid var(--site-accent);outline-offset:3px}body .nav:has(.home-editor-link){flex-wrap:nowrap}@media (width<=720px){.nav:has(.home-editor-link) nav{gap:8px}.nav:has(.home-editor-link) nav>a{gap:6px;padding:7px 11px;font-size:10px;display:inline-flex}.nav:has(.home-editor-link) nav>.preferences-open{gap:6px;padding:7px 11px;font-size:10px;display:inline-flex}.home-editor-link svg{width:14px;height:14px}.nav:has(.home-editor-link) nav>a:first-child{display:inline-flex}}@media (width<=440px){.nav:has(.home-editor-link) .little-trip-brand .compass-brand-art{width:132px;height:auto}.nav:has(.home-editor-link) nav{gap:6px}}@media (width<=400px){.nav:has(.home-editor-link) .little-trip-brand .compass-brand-art{width:100px}.nav:has(.home-editor-link) nav>a{gap:4px;padding:7px 8px;font-size:9px}.nav:has(.home-editor-link) nav>.preferences-open{gap:4px;padding:7px 8px;font-size:9px}.home-editor-link svg{width:12px;height:12px}}@media (width<=360px){.nav:has(.home-editor-link) .little-trip-brand .compass-brand-art{width:78px}.nav:has(.home-editor-link) nav{gap:4px}}@media (width<=760px){.hero .city-stops button{min-width:44px;min-height:44px;padding:6px 9px}.tour-bottom{flex-wrap:wrap;gap:8px}#city-preview-link,.hero-copy .text-link{align-items:center;min-height:44px;display:inline-flex}.nav nav>a,.nav nav>.preferences-open{min-height:44px}}
