@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#163e43;--muted:#647573;--line:#d9e0db;--paper:#f7f7f0;--accent:#e6f3b5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c38038;outline-offset:4px}.preview{background:#163e43;color:#d7e8df;padding:7px 5%;font-size:10px;letter-spacing:1.6px}.preview span{margin-left:18px;letter-spacing:0;color:#b4c9c3}header{max-width:1340px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:23px;letter-spacing:-1px}.brand-icon{font-size:37px;line-height:1}.brand-sub{font-size:8px;letter-spacing:1.4px;max-width:65px;line-height:1.5;margin-left:9px;color:var(--muted)}nav{display:flex;gap:36px;font-size:13px;font-weight:600}.island{font-size:10px;letter-spacing:2px}main{max-width:1340px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns: .94fr 1.06fr;min-height:575px;border:1px solid var(--line)}.hero-copy{padding:48px 42px 25px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;margin:0 0 22px}h1{font-size:clamp(40px,4.2vw,61px);line-height:1.28;letter-spacing:-3px;margin:0;font-weight:500}h1 em{font-style:normal;color:#298082}.intro{font-size:14px;color:var(--muted);margin:23px 0 26px}.primary,.dark{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;padding:14px 20px;background:var(--ink);border:0;color:white;font-weight:600;font-size:13px;border-radius:3px}.hero .primary{background:var(--accent);color:var(--ink)}.hero-foot{margin-top:auto;padding-top:35px;width:100%;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted)}.seascape{position:relative;overflow:hidden;min-height:440px;background:#2f858b}.seascape svg{width:100%;height:100%;position:absolute;inset:0}.sea-caption{position:absolute;bottom:50px;left:35px;color:white;display:flex;flex-direction:column;text-shadow:0 2px 14px #123b3e}.sea-caption span{font-size:25px;letter-spacing:3px;font-weight:500}.sea-caption small{font-size:12px;margin-top:7px;letter-spacing:1px}.art-label{position:absolute;top:24px;right:24px;font-size:8px;letter-spacing:2px;color:#1c565e}.section{padding-top:66px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-head .eyebrow{margin-bottom:10px}h2{font-size:28px;font-weight:600;letter-spacing:-1.3px;margin:0;line-height:1.45}.section-head>p,.count{font-size:12px;color:var(--muted);margin:0}.searchbar{background:#e9ede5;padding:18px 22px;display:flex;gap:28px;align-items:end;margin-bottom:22px}label{font-size:11px;font-weight:600}select,input[type=date],input[type=number]{display:block;margin-top:7px;border:1px solid var(--line);background:#fffef9;color:var(--ink);padding:10px 12px;min-height:44px;border-radius:3px}select{min-width:175px}input[type=number]{width:72px}.searchbar label{flex:1}.searchbar select,.searchbar input{width:100%}.sea-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border:1px solid var(--line);padding:25px;background:#fdfdf7;border-radius:4px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title h3{font-size:16px;font-weight:600;margin:0}.tag{background:#e2efde;color:#42614b;font-size:10px;padding:3px 8px;border-radius:20px;white-space:nowrap}.tag.neutral{background:#eee8d9;color:#766740}.panel>p{font-size:11px;margin:12px 0;color:var(--muted)}.tide-chart{width:100%;height:105px;margin-top:10px}.tide-times{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;margin:0 0 15px;font-size:10px;gap:4px}.tide-times strong{display:block;font-size:18px;font-weight:600}.tide-times small{color:var(--muted)}.muted{color:var(--muted)}.small{font-size:10px}.tide small.muted{display:block;font-size:10px}.source{display:flex;justify-content:space-between;gap:10px;font-size:9px;border-top:1px solid var(--line);padding-top:14px;margin-top:15px}.text-link{font-size:11px;border-bottom:1px solid #aac0b8}.sea-note{font-size:10px;color:var(--muted);text-align:right}.weather-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:18px}.weather-table td,.weather-table th{text-align:center;padding:10px 4px;border-bottom:1px solid #e6eae4}.weather-table th{font-size:10px;font-weight:500;color:var(--muted)}.weather-error{padding:20px;background:#f2eee2;font-size:12px}.filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:25px}.check{display:flex;align-items:center;gap:8px;min-height:44px;padding-bottom:4px}.check input,input[type=checkbox]{accent-color:#286e66;width:17px;height:17px}.plain{background:none;border:0;color:var(--ink);padding:10px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fdfdf7;border:1px solid var(--line);border-radius:4px;overflow:hidden}.card-art{height:142px;position:relative;overflow:hidden;background:linear-gradient(175deg,#c4d8d1 0 45%,#75b9b2 46%,#397f7d);padding:22px;color:#fff}.card:nth-child(2) .card-art{background:linear-gradient(175deg,#d6d9c9 0 45%,#66a4ac 46%,#1d5668)}.card:nth-child(3) .card-art{background:linear-gradient(175deg,#c6cfbf 0 45%,#7ea49d 46%,#265750)}.card-art:after{content:'≈';position:absolute;font-size:180px;color:#d6e9dd55;right:0;top:-42px;transform:rotate(-12deg)}.card-art .place{position:relative;z-index:1;display:block;font-size:27px;letter-spacing:-1px}.card-art small{font-size:8px;letter-spacing:2px}.card-art .ordinal{position:absolute;bottom:12px;right:18px;font-size:10px;letter-spacing:2px}.card-body{padding:22px}.card h3{font-size:19px;margin:12px 0 8px;letter-spacing:-.7px}.card-description{font-size:12px;min-height:43px;color:var(--muted)}.facts{margin:20px 0;font-size:11px}.facts div{display:flex;justify-content:space-between;border-bottom:1px solid #e7e9e0;padding:8px 0;gap:10px}.facts dt{color:var(--muted)}.facts dd{margin:0;text-align:right;max-width:65%}.booking{width:100%;display:flex;justify-content:space-between;background:var(--ink);color:white;border:0;padding:12px 15px;font-size:12px;border-radius:3px}.select-compare{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;margin-top:14px}.card .source{font-size:9px}.price-note{background:#eeefe4;padding:10px;font-size:10px;color:#61684e;margin-bottom:15px}.prepare{margin-top:70px;padding:38px;background:#e8eddf;display:grid;grid-template-columns:1fr 1fr;gap:30px}.prepare p:not(.eyebrow){font-size:12px;color:var(--muted)}.checklist{display:flex;flex-direction:column;gap:9px}.checklist label{display:flex;align-items:center;gap:12px;font-weight:400;font-size:12px}.checklist .plain{text-align:left;padding-left:0;text-decoration:underline}footer{padding:45px 0 65px;display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);margin-top:40px}footer p{font-size:11px;margin:0;color:var(--muted)}footer small{grid-column:1/-1;font-size:9px;color:var(--muted)}#compare-bar:not([hidden]){position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#eef2e9;box-shadow:0 5px 30px #173c452e;border:1px solid var(--line);padding:12px 20px;display:flex;align-items:center;gap:20px;z-index:10;border-radius:6px;font-size:12px;max-width:95vw}dialog{border:1px solid var(--line);border-radius:8px;padding:28px;width:min(960px,95vw);max-height:90vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#153e43aa}#comparison-content{overflow:auto;margin-top:20px}.compare-table{width:100%;border-collapse:collapse;font-size:12px;min-width:520px}.compare-table th,.compare-table td{padding:13px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}.compare-table th{background:#e9ede3}.quote{margin-top:25px}.quote label{display:inline-block;margin:8px}.quote input{width:110px!important}.quote-output{font-size:17px}.notice{font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:10px 20px;font-size:12px;border-radius:4px;z-index:30;display:none}.empty{grid-column:1/-1;padding:40px;border:1px dashed var(--line);text-align:center;font-size:13px}
@media(min-width:1450px){.hero{min-height:620px}.hero-copy{padding-top:65px}}@media(max-width:800px){header{padding:20px}main{padding:0 20px}.brand{font-size:20px}.brand-sub,.island{display:none}nav{gap:16px;font-size:11px}.hero{grid-template-columns:1fr 1fr;min-height:500px}.hero-copy{padding:28px 22px}.eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:40px}.intro{font-size:12px}.hero-foot{font-size:8px;display:block}.hero-foot span{display:block}.sea-caption{left:20px;bottom:25px}.sea-caption span{font-size:18px}.sea-caption small{font-size:10px}.section-head>p{display:none}.cards{grid-template-columns:1fr 1fr}.card:last-child{grid-column:1/-1;max-width:calc(50% - 10px)}h2{font-size:24px}.sea-grid{grid-template-columns:1fr}.section{padding-top:44px}}
@media(max-width:540px){main{padding:0 16px}header{padding:17px 16px}nav{gap:12px;font-size:10px}.preview{padding-left:16px;font-size:8px}.preview span{margin-left:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:30px 25px}.hero-copy h1{font-size:43px}.hero-foot{display:flex;padding-top:25px}.seascape{min-height:290px}.sea-caption span{font-size:20px}.searchbar{flex-wrap:wrap;gap:12px;padding:16px}.searchbar label{flex:1 1 40%;min-width:0}.searchbar select{min-width:0}.searchbar .dark{width:100%}.section-head{align-items:start}.count{font-size:9px;max-width:75px}h2{font-size:23px}.panel{padding:19px}.filters{gap:12px}.filters label:first-child{width:100%}.filters select{width:100%}.check{width:100%;padding:0}.cards{grid-template-columns:1fr}.card:last-child{grid-column:auto;max-width:none}.card-art{height:125px}.card-description{min-height:0}.prepare{grid-template-columns:1fr;padding:25px;margin-top:45px;gap:15px}footer{grid-template-columns:1fr;gap:16px}#compare-bar:not([hidden]){bottom:10px;padding:10px;gap:10px;width:calc(100% - 24px)}#compare-bar strong{font-size:10px;white-space:nowrap}#compare-bar .dark{padding:10px;font-size:11px;gap:0}#compare-bar .plain{padding:5px;font-size:10px}.tide-times strong{font-size:16px}.source{flex-wrap:wrap}.hero .primary{font-size:12px}.sea-note{text-align:left}dialog{padding:18px}}