:root{
  --sea:#1f6f6b; --sea-deep:#13514e; --hanji:#f6f1e7; --ink:#2b2622;
  --gold:#c89b4a; --leaf:#3f8f5b; --soft:#fbf8f2; --coral:#e07a5f;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Pretendard',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  color:var(--ink); background:var(--soft); line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}

/* 헤더 */
header{position:sticky;top:0;z-index:50;background:rgba(251,248,242,.88);
  backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:14px;flex-wrap:wrap;padding:8px 0}
.logo{font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--sea-deep)}
.logo small{display:block;font-size:10px;font-weight:600;letter-spacing:.18em;color:var(--gold)}
.menu{display:flex;gap:20px;font-size:15px;font-weight:600;flex-wrap:wrap}
.menu a{opacity:.74;transition:opacity .2s}
.menu a:hover{opacity:1}
.menu a.active{opacity:1;color:var(--sea-deep);position:relative}
.menu a.active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2.5px;background:var(--gold);border-radius:2px}
@media(max-width:680px){.menu{gap:13px;font-size:13.5px}}

/* 히어로 */
.hero{position:relative;padding:78px 0 64px;text-align:center;overflow:hidden;
  background:linear-gradient(180deg,#eef4ee 0%, var(--soft) 100%);}
.hero.travel{background:radial-gradient(1200px 460px at 50% -10%, rgba(63,143,91,.20), transparent 60%),linear-gradient(180deg,#eef4ee,var(--soft))}
.hero.food{background:radial-gradient(1200px 460px at 50% -10%, rgba(200,155,74,.22), transparent 60%),linear-gradient(180deg,#f6efe2,var(--soft))}
.hero.history{background:radial-gradient(1200px 460px at 50% -10%, rgba(31,111,107,.20), transparent 60%),linear-gradient(180deg,#e8f0ef,var(--soft))}
.hero.news{background:radial-gradient(1200px 460px at 50% -10%, rgba(224,122,95,.18), transparent 60%),linear-gradient(180deg,#f7ece8,var(--soft))}
.crumb{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--sea);opacity:.85;margin-bottom:18px}
.crumb:hover{opacity:1}
.hero .tag{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.10em;
  color:var(--leaf);background:rgba(63,143,91,.12);padding:7px 16px;border-radius:999px;margin-bottom:18px}
.hero.food .tag{color:#a9772a;background:rgba(200,155,74,.16)}
.hero.history .tag{color:var(--sea-deep);background:rgba(31,111,107,.14)}
.hero.news .tag{color:#c2543a;background:rgba(224,122,95,.15)}
.hero h1{font-size:clamp(28px,5.6vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.2;color:var(--sea-deep)}
.hero h1 b{color:var(--gold)}
.hero p{margin:18px auto 0;max-width:580px;font-size:clamp(15px,2.3vw,18px);opacity:.78}

/* 섹션 */
section.block{padding:60px 0 76px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--gold);text-align:center}
.h2{font-size:clamp(22px,3.6vw,30px);font-weight:800;letter-spacing:-.02em;text-align:center;margin-top:8px;color:var(--sea-deep)}
.lead{text-align:center;max-width:600px;margin:14px auto 0;opacity:.72;font-size:16px}

/* 기사/항목 카드 */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}
@media(max-width:860px){.posts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.posts{grid-template-columns:1fr}}
.post{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .2s, box-shadow .2s}
.post:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.08)}
.post .top{height:118px;display:grid;place-items:center;font-size:46px;
  background:linear-gradient(135deg,#eef4ee,#dbe8e0)}
.post.f .top{background:linear-gradient(135deg,#f6efdd,#ecdcb8)}
.post.h .top{background:linear-gradient(135deg,#e3efee,#c9e0dd)}
.post.n .top{background:linear-gradient(135deg,#f7e8e2,#f0cfc3)}
.post .body{padding:20px 22px 24px;flex:1;display:flex;flex-direction:column}
.post h3{font-size:18px;font-weight:800;color:var(--ink)}
.post .kw{margin-top:3px;font-size:12.5px;font-weight:700;color:var(--gold);letter-spacing:.02em}
.post p{margin-top:10px;font-size:14.5px;opacity:.74;flex:1}
.post .more{margin-top:14px;font-size:13.5px;font-weight:700;color:var(--sea)}

/* 안내 띠 */
.tipband{margin-top:54px;background:linear-gradient(135deg,var(--sea),var(--sea-deep));color:#fff;
  border-radius:22px;padding:38px 30px;text-align:center}
.tipband h3{font-size:21px;font-weight:800;margin-bottom:8px}
.tipband p{opacity:.9;font-size:15px;max-width:560px;margin:0 auto}
.tipband .btn{display:inline-block;margin-top:20px;background:#fff;color:var(--sea-deep);
  padding:12px 26px;border-radius:12px;font-weight:700;font-size:15px;transition:transform .15s}
.tipband .btn:hover{transform:translateY(-2px)}

footer{background:#171513;color:#cbc3b8;padding:46px 0;font-size:14px;margin-top:10px}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:center}
.foot b{color:#fff;font-size:16px}
.foot .small{opacity:.6;font-size:12.5px;line-height:1.8}
.foot .links{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}
.foot .links a{opacity:.75}
.foot .links a:hover{opacity:1;color:#fff}