/* 하위 페이지(채용 공고, FAQ, 개인정보 안내) 공통 스타일. 메인 페이지의 style.css(헤더/폰트) 위에 얹어 씀 */
:root{--ink:#37352f;--muted:#787774;--line:rgba(55,53,47,.09);--accent:#ae7400;--content:708px}
body{font-family:Pretendard,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,"Apple Color Emoji",Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background:#fff}
.page-cover{width:100%;height:30vh;max-height:280px;object-fit:cover;display:block}
.subpage{max-width:var(--content);margin:0 auto;padding:48px 24px 10vh}
.page-head{margin:0 0 28px}
.page-icon{display:block;width:78px;height:78px;border-radius:6px;object-fit:cover;margin-bottom:14px;font-size:64px;line-height:78px}
.page-cover + .subpage .page-icon{margin-top:-82px;background:#fff;padding:3px;box-sizing:content-box}
.page-title{font-size:40px;font-weight:700;line-height:1.2;margin:0;word-break:keep-all}
.back-link{display:inline-block;font-size:14px;color:var(--muted);text-decoration:none;margin:4px 0}
.back-link:hover{color:var(--accent);text-decoration:underline}
.content h2{font-size:1.875em;font-weight:600;line-height:1.3;margin:1.4em 0 4px}
.content h3{font-size:1.5em;font-weight:600;line-height:1.3;margin:1.2em 0 2px}
.content h4{font-size:1.25em;font-weight:600;line-height:1.3;margin:1em 0 2px}
.content h2:first-child,.content h3:first-child{margin-top:0}
.content p{margin:0;padding:3px 2px;white-space:pre-wrap;word-break:break-word;min-height:1.5em}
.content p.spacer{min-height:1.5em;padding:0}
.content hr{border:0;border-top:1px solid var(--line);margin:6px 0 10px}
.content ul,.content ol{margin:2px 0;padding-left:1.6em}
.content li{padding:3px 2px;white-space:pre-wrap;word-break:break-word}
.content ul{list-style:disc}
.content ul ul{list-style:circle}
.content ol{list-style:decimal}
.content li>p{padding-left:0}
.content li>p:first-child{display:inline}
.content li>p+p,.content li>ul,.content li>ol{display:block;margin-top:2px}
.content img.inline{display:block;max-width:100%;height:auto;margin:8px 0;border-radius:3px}
.content a{color:inherit;text-decoration:underline;text-decoration-color:rgba(55,53,47,.4);text-underline-offset:2px}
.content a:hover{color:var(--accent)}
.content .muted{color:var(--muted)}
.content mark{background:rgba(249,238,243,.8);color:inherit}
.content .columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:8px 0}
.content .column>video,.content video.inline{display:block;width:100%;height:auto;border-radius:3px;background:#000}
.content .callout{display:flex;gap:10px;padding:16px 16px 16px 12px;border-radius:3px;background:#f7f6f3;margin:6px 0}
.page-foot{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.page-foot a{color:inherit;text-decoration:none}
.page-foot a:hover{color:var(--accent)}
@media(max-width:600px){.subpage{padding:28px 18px 60px}.page-title{font-size:30px}.page-icon{width:60px;height:60px;font-size:48px;line-height:60px}.page-cover + .subpage .page-icon{margin-top:-62px}.content h2{font-size:1.5em}.content h3{font-size:1.25em}.content h4{font-size:1.1em}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.content .indent{padding-left:1.6em}
.content .video{position:relative;aspect-ratio:16/9;background:#000;border-radius:3px;overflow:hidden;margin:4px 0}
.content .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}