/* 앞면 덧옷 — front.css 를 통째로 다시 올리지 않으려고 따로 둔다(sumsum.css 와 같은 까닭). pub_head 가 front.css 다음에 부른다.
   ① 메뉴 「어떤 이론」 묶음  ② 제주 서쪽(jeju.php)   — 10/5, 루체루트 */

/* ① 「어떤 이론」 — 누르면 그 자리에서 쓸모의미·동굴광장이 펼쳐진다. 메뉴 줄이 가로로 밀리는 칸(overflow)이라 떠 있는 상자는 잘린다 */
nav .ndd{display:flex;gap:18px;align-items:center}
nav .ndt{font:inherit;font-size:inherit;color:var(--soft);font-weight:500;background:none;border:0;padding:0;cursor:pointer;white-space:nowrap}
nav .ndt::after{content:' ▾';font-size:.8em}
nav .ndd.on .ndt{color:var(--jeje)}
nav .ndd.on .ndt::after{content:' ▴'}
nav .ndm{display:none;gap:18px}
nav .ndd.on .ndm{display:flex}
nav .ndm a{color:var(--jeje)}
@media (max-width:560px){nav .ndd,nav .ndm{gap:13px}}
@media (max-width:720px){
  header nav .ndd{flex-direction:column;align-items:stretch;gap:0}
  header nav .ndt{text-align:left;padding:12px 20px;color:var(--ink);font-weight:600}
  header nav .ndm{flex-direction:column;gap:0}
  header nav .ndm a{padding-left:36px}
}

/* ② 제주 서쪽 */
.jj-top{padding-top:28px}
.jj-about{color:var(--soft);font-size:14px;margin:-8px 0 16px;line-height:1.8}
.jj-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.jj-tags button{font:inherit;font-size:12.5px;border:1px solid var(--line);background:var(--card);color:var(--soft);
 border-radius:99px;padding:4px 12px;cursor:pointer}
.jj-tags button b{font-weight:600;color:var(--moss);margin-left:3px}
.jj-tags button.on{background:var(--moss);border-color:var(--moss);color:#fff}
.jj-tags button.on b{color:#fff}
.jj-map{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#efece5;margin-bottom:16px}
.jj-map .m{width:100%;height:380px}
@media (max-width:560px){.jj-map .m{height:300px}}
.jj-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-bottom:34px}
.jj-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 15px;scroll-margin-top:80px}
.jj-card.on{border-color:var(--moss);box-shadow:0 0 0 2px var(--moss-bg)}
.jj-card .nm{font-weight:700;font-size:15.5px;line-height:1.5}
.jj-card .ad{font-size:12px;color:var(--soft);margin-top:3px;line-height:1.6}
.jj-card .tg{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.jj-card .tg span{font-size:11.5px;color:var(--moss);background:var(--moss-bg);border-radius:99px;padding:1px 9px}
.jj-card .go{display:inline-block;font-size:12px;margin-top:8px;color:var(--jeje);text-decoration:none}
.jj-card .go:hover{text-decoration:underline}
.jj-card .pin{font-size:12px;color:var(--soft);background:none;border:0;padding:0;margin-left:10px;cursor:pointer;font:inherit;font-size:12px}
.jj-none{color:var(--soft);font-size:14px;padding:30px 0}

/* ③ 별빛서고 칸 줄 — 넓은 화면에선 줄을 바꿔 다 보이게. 가로로 밀리는데 스크롤바를 감춰서 끝이 잘려 보였다
   (10/6 대표님 「메뉴가 짤려」 — 「유니…」에서 끊기고 「더 파볼 것」이 안 보였다). 폰은 지금처럼 옆으로 민다. — 루체루트 */
@media (min-width:721px){.sg-rooms{flex-wrap:wrap;overflow-x:visible;justify-content:center;row-gap:8px}}