/* 요트팅 — 법적 문서 공용 스타일 */
:root{
  --ink:#0e1d2f;
  --gold:#c28b24;
  --gold-dark:#986b14;
  --coral:#df6446;
  --bg-canvas:#fcfaf7;
  --bg-canvas-2:#f6f1e8;
  --bg-canvas-3:#ede5d8;
  --cream:#fcfaf7;
  --cream-2:#f6f1e8;
  --brown:#3b2e20;
  --brown-dim:#70604e;
  --ff-display:"Gowun Batang","Nanum Myeongjo",serif;
  --ff-body:"IBM Plex Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --ff-mono:"IBM Plex Mono","SFMono-Regular",monospace;
  --ff-latin:"Marcellus","Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg-canvas);
  color:var(--brown);
  font-family:var(--ff-body);
  font-size:16px;
  line-height:1.75;
  word-break:keep-all;
}
.top{
  background:rgba(255,255,255,.92);
  border-bottom:1px solid rgba(14,29,47,.08);
  padding:18px clamp(20px,5vw,56px);
}
.top a{
  font-family:var(--ff-latin);
  font-size:18px;
  letter-spacing:.14em;
  color:var(--ink);
  text-decoration:none;
}
.top a span{color:var(--gold)}
main{
  max-width:760px;
  margin:0 auto;
  padding:clamp(40px,7vw,72px) clamp(20px,5vw,56px) 80px;
}
.doc-label{
  font-family:var(--ff-mono);
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--coral);
  margin:0 0 12px;
}
h1{
  font-family:var(--ff-display);
  font-weight:700;
  font-size:clamp(26px,4.5vw,36px);
  line-height:1.35;
  color:var(--ink);
  margin:0 0 8px;
}
.doc-date{
  font-family:var(--ff-mono);
  font-size:13px;
  color:var(--brown-dim);
  margin:0 0 40px;
}
h2{
  font-family:var(--ff-display);
  font-weight:700;
  font-size:clamp(19px,3vw,22px);
  color:var(--ink);
  margin:48px 0 14px;
  padding-top:22px;
  border-top:1px solid rgba(74,60,44,.18);
}
h2:first-of-type{border-top:none;padding-top:0}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin-bottom:8px}
b,strong{color:var(--ink)}
table{
  width:100%;
  border-collapse:collapse;
  margin:0 0 18px;
  font-size:15px;
}
th,td{
  border:1px solid rgba(74,60,44,.22);
  padding:10px 12px;
  text-align:left;
  vertical-align:top;
}
th{
  background:var(--cream-2);
  color:var(--ink);
  font-weight:600;
  white-space:nowrap;
}
.notice{
  background:var(--cream-2);
  border-left:3px solid var(--gold);
  padding:16px 18px;
  margin:18px 0;
}
.notice.warn{border-left-color:var(--coral)}
.notice p:last-child{margin-bottom:0}
a{color:var(--ink)}
.doc-nav{
  margin-top:56px;
  padding-top:22px;
  border-top:1px solid rgba(74,60,44,.18);
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  font-size:14px;
}
.doc-nav a{color:var(--brown-dim)}
.doc-nav a[aria-current]{color:var(--ink);font-weight:600}
footer{
  background:var(--bg-canvas-3);
  color:var(--brown-dim);
  border-top:1px solid rgba(14,29,47,.08);
  font-size:12.5px;
  text-align:center;
  padding:32px 20px;
  line-height:1.8;
}
.foot-biz{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px 16px;
  margin-bottom:10px;
}
.foot-copy{
  font-size:12px;
  color:var(--ink);
}
@media (max-width:560px){
  table,thead,tbody,tr{display:block}
  thead{display:none}
  td{display:block;border-top:none}
  tr{border-top:1px solid rgba(74,60,44,.22);margin-bottom:14px}
  td::before{
    content:attr(data-th);
    display:block;
    font-weight:600;
    color:var(--ink);
    margin-bottom:2px;
    font-size:13px;
  }
}