:root{--paper:#FAF9F6;--surface:#fff;--ink:#1C1B18;--ink2:#57544D;--ink3:#8E8A80;--line:#EAE8E1;--line2:#DCD9D0;--soft:#EFEDE6;--live:#2F7D5B;--lbg:#E8F1EC;--coral:#E8556E;--sky:#4C9A5A;--skybg:#E6F1E9}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Pretendard',system-ui,-apple-system,'Apple SD Gothic Neo',sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.55}
.jua{font-family:'Jua',system-ui,sans-serif;font-weight:400}
a{color:inherit;text-decoration:none}
.wrap{max-width:560px;margin:0 auto;padding:0 18px 40px}
.appbar{display:flex;align-items:center;gap:8px;padding:13px 0 10px}
.brand{display:flex;align-items:center;gap:8px}
.brand .wm{font-size:19px}.brand .v{font-size:14px;color:var(--ink2);font-weight:700}
.back{display:flex;align-items:center;gap:3px;font-size:14px;color:var(--ink2);font-weight:600}
.hero{padding:22px 0 18px}.hero h1{font-size:25px;letter-spacing:-.5px;line-height:1.3}.hero .cap{margin-top:7px;color:var(--ink2);font-size:14px;line-height:1.6}
.sect-t{font-size:12.5px;font-weight:700;color:var(--ink3);margin:22px 0 10px 2px}
.cards{display:flex;flex-direction:column;gap:9px}
.rcard{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:14px 15px;transition:border-color .15s,transform .15s}
.rcard:hover{border-color:var(--line2);transform:translateY(-1px)}
.rcard .nm{flex:1;font-size:15.5px;font-weight:700;letter-spacing:-.2px}
.rcard .ct{font-size:12.5px;font-weight:600;color:var(--sky);margin-right:4px}
.card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px 16px;transition:border-color .15s,transform .15s}
.card:hover{border-color:var(--line2);transform:translateY(-1px)}
.card .top{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}
.card .nm{font-size:16px;font-weight:700;letter-spacing:-.2px;line-height:1.35}
.bds{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.bd{font-size:11.5px;font-weight:600;border-radius:16px;padding:4px 9px;background:var(--soft);color:var(--ink2)}
.bd-sky{background:var(--skybg);color:#2C7182}
.bd-age{background:var(--lbg);color:var(--live)}
.card .sub{font-size:12.5px;color:var(--ink3);margin-top:7px;line-height:1.5}
.card .ai{font-size:13px;color:var(--ink);margin-top:9px;line-height:1.6;background:var(--skybg);border-radius:9px;padding:9px 11px}
.card .meta{font-size:12px;color:var(--ink3);margin-top:8px;display:flex;gap:9px;flex-wrap:wrap}
/* 상세 */
.dt-hero{background:var(--skybg);border-radius:16px;padding:20px 18px;margin:6px 0 16px}
.dt-hero h1{font-size:22px;letter-spacing:-.4px;line-height:1.35}
.dt-hero .loc{margin-top:6px;font-size:13.5px;color:var(--ink2)}
.dt-ai{background:var(--ink);color:#fff;border-radius:16px;padding:18px 20px;margin:14px 0}
.dt-ai .lbl{font-size:12px;color:#c9c6bf;font-weight:700;letter-spacing:.3px;margin-bottom:7px}
.dt-ai .sm{font-size:16px;font-weight:700;line-height:1.5}
.dt-ai .hl{font-size:13.5px;color:#e8e6e0;margin-top:9px;line-height:1.6}
.dt-ai .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.dt-ai .tag{font-size:12px;font-weight:600;background:rgba(255,255,255,.14);border-radius:15px;padding:5px 11px}
.enjoy{background:var(--skybg);border-radius:14px;padding:16px 18px;margin:12px 0}
.enjoy .eh{font-size:14.5px;font-weight:700;color:#2C7182;margin-bottom:11px}
.enjoy ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.enjoy li{font-size:14px;line-height:1.6;color:#243b40;padding-left:20px;position:relative}
.enjoy li::before{content:'▸';position:absolute;left:2px;top:0;color:var(--sky);font-weight:700}
.tips{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:12px 0}
.tips h2{font-size:15px;color:var(--ink);font-weight:700;margin-bottom:10px}
.tips ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.tips li{font-size:14px;line-height:1.6;color:#2a2925;padding-left:20px;position:relative}
.tips li::before{content:'✔';position:absolute;left:0;top:1px;color:var(--sky);font-size:12px}
.gallery{margin:14px 0}.gallery h2{font-size:14px;color:var(--ink3);margin-bottom:10px}
.gallery .strip{display:flex;gap:9px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
.gallery img{height:150px;width:auto;border-radius:11px;flex:0 0 auto;border:1px solid var(--line)}
.info{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:12px 0}
.info h2{font-size:14px;color:var(--ink3);margin-bottom:11px;letter-spacing:.2px}
.info .row{display:flex;gap:10px;font-size:14px;color:var(--ink);margin:0 0 9px;line-height:1.55}
.info .row b{flex:0 0 62px;color:var(--ink2);font-weight:600}
.mapbtn{display:flex;gap:8px;margin:12px 0}
.mapbtn a{flex:1;text-align:center;font-size:14px;font-weight:700;padding:12px;border-radius:11px}
.mb-k{background:#FEE500;color:#3A1D1D}.mb-n{background:var(--surface);border:1px solid var(--line2);color:var(--ink2)}
.foot{text-align:center;font-size:12px;color:var(--ink3);line-height:1.9;padding-top:24px;margin-top:22px;border-top:1px solid var(--line)}
@media(min-width:620px){.hero h1{font-size:28px}}