/* (2026-11-09) 가이드 · 직업 · 소개 · 문의 · FAQ 글 페이지 — site-v6.css 위에 얹는다 */
.art .art-wrap{max-width:860px}
.crumbs{font-size:12.5px;color:var(--tx2);margin-bottom:18px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.crumbs a{color:var(--tx2);font-weight:600}
.crumbs a:hover{color:var(--tx)}
.crumbs [aria-current]{color:var(--tx);font-weight:700}
.art-head{margin-bottom:30px}
.art-head h1{font-size:clamp(26px,3.6vw,38px);font-weight:800;letter-spacing:-.02em;line-height:1.3}
.art-head .lead{margin-top:14px;color:var(--tx2);font-size:16.5px;line-height:1.75}
.art-head .upd{margin-top:10px;color:#6d7488;font-size:12.5px}
.art-fig{float:right;margin:0 0 14px 22px;width:150px}
.art-fig img{width:150px;height:auto;border-radius:18px;border:1px solid var(--line2);background:var(--panel)}
.art-body{font-size:15.5px;line-height:1.85;color:var(--tx)}
.art-body section{margin-top:34px}
.art-body section:first-child{margin-top:0}
.art-body h2{font-size:clamp(20px,2.4vw,25px);font-weight:800;letter-spacing:-.01em;line-height:1.4;margin:0 0 12px;padding-top:6px}
.art-body h3{font-size:17px;font-weight:800;margin:20px 0 8px;color:var(--gold)}
.art-body p{margin:10px 0;color:#d7dce8}
.art-body ul,.art-body ol{margin:10px 0 10px 22px;color:#d7dce8}
.art-body li{margin:6px 0}
.art-body strong{color:var(--tx);font-weight:800}
.art-body a{color:var(--gold);font-weight:700;text-decoration:underline;text-decoration-color:rgba(255,201,77,.35);text-underline-offset:3px}
.art-body a:hover{text-decoration-color:var(--gold)}
.art-body table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px;display:block;overflow-x:auto}
.art-body th,.art-body td{border:1px solid var(--line2);padding:9px 11px;text-align:left;vertical-align:top;color:#d7dce8}
.art-body th{background:rgba(255,201,77,.08);color:var(--gold);font-weight:800;white-space:nowrap}
.art-body blockquote{margin:14px 0;padding:12px 16px;border-left:3px solid var(--gold);background:var(--panel);border-radius:0 12px 12px 0;color:var(--tx2)}
.art-body .note{margin:16px 0;padding:14px 18px;border:1px solid rgba(255,201,77,.28);background:rgba(255,201,77,.06);border-radius:14px;color:#e6e1d2}
.art-body .note p{margin:4px 0;color:#e6e1d2}
.art-body dl{margin:8px 0}
.art-body dt{font-weight:800;color:var(--tx);margin-top:18px;font-size:16px}
.art-body dd{margin:6px 0 0;color:#d7dce8}
.art-body dd p{margin:4px 0}
.art-body .related{margin-top:44px;padding:20px 22px;background:var(--panel);border:1px solid var(--line);border-radius:18px}
.art-body .related h2{font-size:18px}
.art-body .related ul{margin-left:18px}
.cform-sec{margin-top:40px}
.cform-sec h2{font-size:clamp(20px,2.4vw,25px);font-weight:800;margin-bottom:14px}
.cf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.foot-nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:13.5px;font-weight:700}
.foot-nav a{color:var(--tx2)}
.foot-nav a:hover{color:var(--tx)}
@media (max-width:640px){
  .art-fig{float:none;margin:0 0 16px;width:120px}
  .art-fig img{width:120px}
  .art-body{font-size:15px}
  .art-head .lead{font-size:15.5px}
}