/* Venture Space — 법적 문서·회사소개 독립 페이지 (2026-09-21)
   /about · /terms · /privacy 가 공유합니다. 본문 서식은 홈의 #about 섹션에서
   **그대로 옮겨 왔습니다** — 약관·처리방침 본문은 법적 문서라 조판이 달라지면
   "무엇을 어떻게 알렸는가"가 달라집니다. 값을 바꾸지 마십시오.

   홈과 달라진 점은 둘뿐입니다:
   · `.lgbody` 의 max-height/내부 스크롤 제거 — 페이지 전체가 문서이므로 잘라 보일 이유가 없고,
     좁은 폭에서 스크롤 상자 안에 또 스크롤이 생기는 문제도 없앱니다.
   · `.lgpane` 은 항상 표시(탭 전환이 아니라 페이지 분리라서). */

:root{
  --black:#000;--ink:#0a0a0a;--ink2:#141414;--ink3:#1c1c1c;
  --white:#fff;--paper:#f7f7f5;--paper2:#ededea;
  --line-d:rgba(255,255,255,.14);--line-l:rgba(0,0,0,.12);
  --mut-d:#9a9a9a;--mut-l:#5c5c5c;--dim-d:#6e6e6e;--dim-l:#8a8a8a;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Noto Sans KR','Inter',system-ui,sans-serif;background:var(--paper);color:var(--ink);
  line-height:1.7;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}
a{color:inherit}
img{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer;border:0}

.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
@media(max-width:400px){.wrap{padding-inline:14px}}
.lgshell{padding:56px 0 80px}
.lghead{margin-bottom:26px}
.lghead .eyebrow{font:800 11.5px Inter,sans-serif;letter-spacing:.24em;text-transform:uppercase;
  display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--ink)}
.lghead .eyebrow::before{content:"";width:24px;height:1px;background:currentColor;opacity:.5}
.lghead h1{font-size:clamp(26px,4vw,38px);font-weight:900;letter-spacing:-.035em;line-height:1.2}
.lghead .sub{color:var(--mut-l);margin-top:12px;font-size:15px;max-width:820px}

/* 세 문서 사이 이동 — 홈에 있던 탭과 같은 역할입니다. 세 페이지에 동일하게 놓습니다. */
.lgnav{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line-l);max-width:100%;margin-bottom:0}
.lgnav a{padding:12px 22px;background:transparent;color:var(--mut-l);font-size:14px;font-weight:700;
  border-right:1px solid var(--line-l);transition:.22s;flex:1 1 auto;white-space:nowrap;text-decoration:none;text-align:center}
.lgnav a:last-child{border-right:0}
.lgnav a:hover{background:rgba(0,0,0,.04)}
.lgnav a[aria-current="page"]{background:var(--black);color:var(--white)}
@media(max-width:600px){
  .lgnav{display:grid;grid-template-columns:1fr}
  .lgnav a{border-right:0;border-bottom:1px solid var(--line-l)}
  .lgnav a:last-child{border-bottom:0}
}
.langnote{margin:0 0 18px;padding:10px 13px;border-left:2px solid var(--line-l);background:var(--paper2);
  font-size:12.5px;line-height:1.65;color:var(--dim-l)}

/* 본문 — 홈 #about 섹션의 서식 그대로. max-height 와 내부 스크롤만 뺐습니다. */
.lgbody{border:1px solid var(--line-l);background:var(--white);padding:34px 38px}
@media(max-width:700px){.lgbody{padding:24px 20px}}
.lgpane{display:block}
.lgpane h3{font-size:19px;letter-spacing:-.025em;margin:30px 0 12px;font-weight:800}
.lgpane h3:first-child{margin-top:0}
.lgpane h4{font-size:14.5px;font-weight:800;margin:20px 0 8px}
.lgpane p{font-size:14px;line-height:1.85;color:var(--mut-l);margin-bottom:12px;max-width:820px}
.lgpane ul{margin:0 0 14px;padding-left:0;list-style:none}
.lgpane li{font-size:14px;line-height:1.8;color:var(--mut-l);padding-left:16px;position:relative;margin-bottom:6px}
.lgpane li::before{content:"—";position:absolute;left:0;opacity:.45}
.lgpane b{color:var(--ink);font-weight:700}
.lgmeta{font-size:12.5px;color:var(--dim-l);border-top:1px solid var(--line-l);margin-top:28px;padding-top:14px}
/* 약관 변경 공지 — 약관법·전자상거래법상 공지 요건(변경 조항·전후 대조·시행일·해지권) */
.lgchg{border:1px solid #d9a400;background:#fffbef;border-radius:10px;padding:16px 18px;margin:0 0 26px}
.lgchg h5{font-size:14.5px;margin:0 0 8px;color:#7a5c00}
.lgchg p{font-size:13px;line-height:1.75;margin:0 0 8px}
.lgchg table{width:100%;border-collapse:collapse;font-size:12.5px;margin:10px 0}
.lgchg th,.lgchg td{border:1px solid #e6d9ae;padding:8px 10px;vertical-align:top;text-align:left}
.lgchg th{background:#fdf4dc;white-space:nowrap;width:22%}
.lgchg .was{color:#8a6d00;text-decoration:line-through}
.lgchg .now{font-weight:700}
.lgchg .lgchg-f{font-size:12.5px;color:#7a5c00;margin:8px 0 0}
.lgtable{width:100%;border-collapse:collapse;margin:6px 0 16px;font-size:13.5px}
.lgtable th,.lgtable td{border:1px solid var(--line-l);padding:10px 12px;text-align:left;vertical-align:top;line-height:1.65}
.lgtable th{background:var(--paper2);font-weight:800;font-size:12.5px;color:var(--ink);white-space:nowrap}
.lgtable td{color:var(--mut-l)}
@media(max-width:620px){.lgchg th{white-space:normal;width:auto}.lgchg table,.lgchg tbody,.lgchg tr,.lgchg th,.lgchg td{display:block;width:auto}.lgchg tr{border:1px solid #e6d9ae;margin:0 0 10px}.lgchg tr:first-child{display:none}.lgchg th,.lgchg td{border:0;border-bottom:1px solid #f0e6c8}.lgchg tr>*:last-child{border-bottom:0}.lgchg td.was::before{content:"개정 전";display:block;font-weight:700;font-size:11.5px;color:#7a5c00;text-decoration:none;margin:0 0 3px}.lgchg td.now::before{content:"개정 후";display:block;font-weight:700;font-size:11.5px;color:#7a5c00;margin:0 0 3px}}
@media(max-width:640px){.lgtable,.lgtable th,.lgtable td{font-size:12.5px}.lgtable th,.lgtable td{padding:8px 9px}}
.fill{background:#fff6d6;border-bottom:1px dashed #b9a35a;color:#7a6620;font-weight:700;padding:0 3px}
.abgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line-l);margin:22px 0 8px}
@media(max-width:760px){.abgrid{grid-template-columns:1fr}}
.abgrid>div{padding:20px 22px}
.abgrid>div+div{border-left:1px solid var(--line-l)}
@media(max-width:760px){.abgrid>div+div{border-left:0;border-top:1px solid var(--line-l)}}
.abgrid .k{font:800 10.5px Inter,sans-serif;letter-spacing:.13em;color:var(--dim-l);margin-bottom:8px}
.abgrid .v{font-size:14px;line-height:1.7;color:var(--mut-l)}
.abgrid .v b{display:block;font-size:16px;color:var(--ink);margin-bottom:5px;letter-spacing:-.02em}


/* 표는 좁은 폭에서 가로로 넘칩니다 — 표 자체만 스크롤시켜 문서 전체가 밀리지 않게 합니다.
   (문서 가로 스크롤 0건 요건) */
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* 개정 대조표(.lgchg table)는 좁은 폭에서 세로로 풀리도록 이미 규칙이 있어 감싸지 않습니다 —
   감싸면 고지를 옆으로 밀어 읽게 되어 "명확히 알렸다"에 불리합니다. */

/* 푸터 — 홈과 같은 내용·같은 서식. 사업자 정보와 면책 문구는 법정 표시라 그대로 씁니다. */
footer{background:var(--black);color:var(--mut-d);padding:54px 0 40px;font-size:13.5px}
.foot-top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:flex-start}
footer .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;color:#fff;text-decoration:none}
.foot-links{display:flex;gap:20px;flex-wrap:wrap}
.foot-links a{color:var(--mut-d);font-size:13px;transition:.2s;text-decoration:none}
.foot-links a:hover{color:var(--white)}
.foot-links a.em{color:var(--white);font-weight:700}
/* 개인정보 처리방침은 개인정보보호법 시행령 제31조상 다른 고지와 '구분하여' 표시해야 합니다.
   굵기와 색을 함께 올려 나란한 링크들 사이에서 눈에 띄게 둡니다. 약하게 만들지 마십시오. */
.foot-links a.pp{color:var(--white);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.foot-bot{margin-top:26px;padding-top:20px;border-top:1px solid var(--line-d);display:flex;
  justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--dim-d)}
.foot-biz{font-size:12.5px;color:var(--dim-d);line-height:1.9;margin-top:14px;max-width:760px}
.foot-biz2{color:var(--dim-d);opacity:.85}
.lawnote{margin:26px 0 8px;padding:14px 16px;border:1px solid var(--line-l);background:var(--paper2);
  font-size:12.5px;line-height:1.75;color:var(--mut-l);word-break:keep-all;overflow-wrap:break-word}
.lawnote b{color:var(--black);font-weight:700}
