/* 포토몬 — 약관·정책 페이지 공통 스타일 (본문 위주라 단순하게) */
:root{
  --ink:#12312e; --muted:#5d7a77; --line:#e3ecef; --brand:#00b4a0; --brand-d:#00877d;
  --bg:#f6fafb;
}
*{box-sizing:border-box;}
body{margin:0; background:var(--bg); color:var(--ink); line-height:1.75;
  font-family:system-ui,-apple-system,'Segoe UI','Noto Sans KR',sans-serif; font-size:15px;}
header{background:linear-gradient(120deg,#00b4a0,#0093c4); padding:18px 20px;}
header .in{max-width:820px; margin:0 auto; display:flex; align-items:center; gap:12px;}
header a.home{display:inline-flex; align-items:center; gap:9px; color:#fff; text-decoration:none;
  font-weight:800; font-size:18px;}
header img{width:34px; height:34px; background:#fff; border-radius:10px; padding:3px;}
header .sp{flex:1;}
header .lang{display:inline-flex; gap:6px;}
header .lang button{border:1.5px solid rgba(255,255,255,.5); background:transparent; color:#fff;
  border-radius:16px; padding:5px 12px; font-family:inherit; font-size:12.5px; font-weight:700; cursor:pointer;}
header .lang button.on{background:#fff; color:var(--brand-d); border-color:#fff;}

main{max-width:820px; margin:0 auto; padding:30px 20px 70px;}
.doc{background:#fff; border:1px solid var(--line); border-radius:18px; padding:30px 28px;
  box-shadow:0 6px 22px rgba(30,60,90,.06);}
h1{font-size:26px; margin:0 0 6px; letter-spacing:-.4px;}
.upd{color:var(--muted); font-size:13px; margin:0 0 26px;}
h2{font-size:17px; margin:30px 0 8px; padding-top:18px; border-top:1px solid var(--line);}
h2:first-of-type{border-top:0; padding-top:0;}
p,li{color:#33504d;}
ul{padding-left:20px; margin:8px 0;}
li{margin:5px 0;}
a{color:var(--brand-d);}
table{width:100%; border-collapse:collapse; margin:12px 0; font-size:13.5px;}
th,td{border:1px solid var(--line); padding:8px 10px; text-align:left; vertical-align:top;}
th{background:#f2f8f8; font-weight:700;}
.note{background:#fff7e6; border:1px solid #f0dcae; border-radius:12px; padding:12px 15px;
  font-size:13.5px; color:#7a5c1e; margin:18px 0;}
footer{max-width:820px; margin:0 auto; padding:0 20px 50px; color:var(--muted); font-size:13px;}
footer a{margin-right:14px;}
[data-l]{display:none;}
[data-l].show{display:block;}
li[data-l].show, td[data-l].show, span[data-l].show{display:list-item;}
td[data-l].show{display:table-cell;}
span[data-l].show{display:inline;}
@media(max-width:560px){ .doc{padding:22px 18px;} h1{font-size:22px;} }