/* 레이아웃이 감싸는 모듈 화면(채용 recruit · 문의 contact)을 회사 사이트 디자인 토큰에 맞춘다.
   모듈 기본 스킨 마크업은 그대로 두고 변수와 모양만 덮는다. 특이도는 .cz-mod 를 앞에 붙여 올린다. */
.cz-mod{min-height:40vh}

/* ---------- 채용 recruit ---------- */
.cz-mod .rc{--rc-brand:var(--brand);--rc-brand-soft:var(--brand-soft);--rc-border:var(--line);--rc-text:var(--text);--rc-sub:var(--muted);--rc-bg:var(--bg-2);--rc-red:var(--brand-ink);padding:0;font-family:inherit;color:var(--text)}
.cz-mod .rc .rc-lang-row{display:none}
.cz-mod .rc .rc-head{margin-bottom:40px}
.cz-mod .rc .rc-head h1{margin:0 0 12px;font-size:var(--fs-h3);font-weight:800;letter-spacing:-.03em;line-height:1.3}
.cz-mod .rc .rc-head p{font-size:var(--fs-body);color:var(--muted);max-width:var(--measure)}
.cz-mod .rc .rc-notice{border-radius:var(--r-card)}
.cz-mod .rc .rc-filter{padding:24px 0;border:0;border-top:2px solid var(--text);border-bottom:1px solid var(--line);border-radius:0;background:none;margin-bottom:32px}
.cz-mod .rc .rc-filter-row{gap:16px}
.cz-mod .rc .rc-count{font-size:var(--fs-sm);color:var(--muted);margin-bottom:16px}
.cz-mod .rc .rc-count b{color:var(--text)}
.cz-mod .rc .rc-jobs{gap:0;border-top:2px solid var(--text)}
.cz-mod .rc .rc-jobs > li{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;transition:background .2s}
.cz-mod .rc .rc-jobs > li:hover{box-shadow:none;background:var(--bg-2)}
.cz-mod .rc .rc-jobs > li.is-closed{background:none}
.cz-mod .rc .rc-jobs a{padding:32px 8px}
.cz-mod .rc .rc-job-title{font-size:22px;letter-spacing:-.02em}
.cz-mod .rc .rc-jobs > li:hover .rc-job-title{color:var(--brand-ink)}
.cz-mod .rc .rc-job-date{color:var(--text)}
.cz-mod .rc .rc-badge.is-open{background:var(--brand-soft);color:var(--brand-ink)}
.cz-mod .rc .rc-badge.is-urgent{background:var(--brand-soft);color:var(--brand-ink)}
.cz-mod .rc .rc-badge.is-closed{background:var(--bg-3);color:var(--muted)}
.cz-mod .rc .rc-tag{border-color:var(--line-2);color:var(--text-2)}
.cz-mod .rc .rc-empty{display:flex;align-items:center;gap:24px;padding:48px;text-align:left;border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg-2);color:var(--text-2);font-size:var(--fs-body);line-height:1.7}
.cz-mod .rc .rc-empty::before{content:"";flex:none;width:72px;height:72px;border-radius:50%;border:1px solid var(--line);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23545b6b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2M3 12.5h18'/%3E%3C/svg%3E") center/28px no-repeat}
.cz-mod .rc .rc-pages a,.cz-mod .rc .rc-pages strong{border-radius:var(--r-btn);border-color:var(--line-2);background:var(--bg)}
.cz-mod .rc .rc-pages strong{background:var(--text);border-color:var(--text);color:var(--bg)}
.cz-mod .rc .rc-pool-cta{margin-top:48px;padding:48px 56px;border-radius:var(--r-card);background:#0b0c0f;color:#f3f4f6;box-shadow:0 0 0 1px var(--edge)}
.cz-mod .rc .rc-pool-cta strong{font-size:28px;letter-spacing:-.03em;margin-bottom:10px}
.cz-mod .rc .rc-pool-cta p{font-size:var(--fs-body);color:#b9bfca}
.cz-mod .rc .rc-btn,.cz-mod .rc a.rc-btn{height:52px;padding:0 24px;border-radius:var(--r-btn);font-size:15px;background:var(--bg);color:var(--text);border-color:var(--line-2)}
.cz-mod .rc .rc-btn-primary,.cz-mod .rc a.rc-btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}
.cz-mod .rc .rc-btn-primary:hover,.cz-mod .rc a.rc-btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff}
.cz-mod .rc .rc-btn-line,.cz-mod .rc a.rc-btn-line{background:transparent;border-color:var(--text);color:var(--text)}
.cz-mod .rc .rc-btn-line:hover,.cz-mod .rc a.rc-btn-line:hover{background:var(--text);border-color:var(--text);color:var(--bg)}
.cz-mod .rc .rc-btn-lg{height:56px;padding:0 32px;font-size:16px}
.cz-mod .rc .rc-btn-sm{height:40px;padding:0 16px;font-size:14px}
.cz-mod .rc .rc-detail,.cz-mod .rc .rc-fs,.cz-mod .rc .rc-lookup,.cz-mod .rc .rc-applies > li,.cz-mod .rc .rc-done,.cz-mod .rc .rc-bf-group li,.cz-mod .rc .rc-files a{border-radius:var(--r-card);background:var(--bg);border-color:var(--line)}
.cz-mod .rc .rc-fs{padding:32px 36px;border:0;border-top:2px solid var(--text);border-radius:0;padding-left:0;padding-right:0}
.cz-mod .rc .rc-fs legend{font-size:var(--fs-card);font-weight:800;letter-spacing:-.02em;padding:0 16px 0 0;margin-left:0}
.cz-mod .rc .rc-form{gap:40px}
.cz-mod .rc .rc-field > span{font-size:var(--fs-sm);font-weight:700;color:var(--text)}
.cz-mod .rc .rc-field > span em,.cz-mod .rc .rc-check span em{color:var(--brand-ink);font-size:12px}
.cz-mod .rc .rc-field input[type="text"],.cz-mod .rc .rc-field input[type="tel"],.cz-mod .rc .rc-field input[type="email"],.cz-mod .rc .rc-field input[type="password"],.cz-mod .rc .rc-field input[type="number"],.cz-mod .rc .rc-field input[type="date"],.cz-mod .rc .rc-field input[type="month"],.cz-mod .rc .rc-field select,.cz-mod .rc .rc-field textarea{min-height:52px;padding:12px 16px;border:1px solid var(--line-2);border-radius:var(--r-btn);background:var(--bg);color:var(--text);font-size:16px}
.cz-mod .rc .rc-field input:hover,.cz-mod .rc .rc-field select:hover,.cz-mod .rc .rc-field textarea:hover{border-color:var(--text-2)}
.cz-mod .rc .rc-field input:focus,.cz-mod .rc .rc-field select:focus,.cz-mod .rc .rc-field textarea:focus{border-color:var(--text);box-shadow:0 0 0 3px var(--brand-soft)}
.cz-mod .rc .rc-field input[type="file"]{border-radius:var(--r-btn);border-color:var(--line-2);background:var(--bg-2);color:var(--text-2)}
.cz-mod .rc .rc-field small,.cz-mod .rc .rc-help{font-size:var(--fs-min);color:var(--muted)}
.cz-mod .rc .rc-repeat-row{border-radius:var(--r-card);background:var(--bg-2);border-color:var(--line)}
.cz-mod .rc .rc-repeat-del{border-radius:var(--r-btn);background:var(--bg);border-color:var(--line-2);color:var(--muted)}
.cz-mod .rc .rc-privacy{border-radius:var(--r-card);background:var(--bg-2);border-color:var(--line);color:var(--muted);font-size:var(--fs-min)}
.cz-mod .rc .rc-check{font-size:15px;color:var(--text-2)}
.cz-mod .rc .rc-form-foot{padding-top:32px;border-top:1px solid var(--line);justify-content:flex-start}
.cz-mod .rc .rc-lookup{max-width:520px;margin:0;padding:40px;text-align:left;border:1px solid var(--line);border-top:2px solid var(--brand)}
.cz-mod .rc .rc-lookup h1{font-size:var(--fs-card)}
.cz-mod .rc .rc-lookup-alt a,.cz-mod .rc .rc-more a{color:var(--brand-ink)}
.cz-mod .rc .rc-done{max-width:560px;margin:0;padding:48px 40px;text-align:left;border-top:2px solid var(--brand)}
.cz-mod .rc .rc-done-mark{margin:0 0 24px;background:var(--brand)}
.cz-mod .rc .rc-done-mark svg{fill:#fff}
.cz-mod .rc .rc-done-no{border-radius:var(--r-card);background:var(--bg-2)}
.cz-mod .rc .rc-done-no strong{color:var(--text)}
.cz-mod .rc .rc-pool-state{border-radius:var(--r-card);background:var(--brand-soft);border-color:transparent;color:var(--text)}
.cz-mod .rc .rc-section h2{border-left-color:var(--brand)}
.cz-mod .rc .rc-body{color:var(--text-2);font-size:var(--fs-body)}
.cz-mod .rc .rc-apply-bar{border-radius:var(--r-card)}
.cz-mod .rc .rc-steps li.is-done,.cz-mod .rc .rc-steps li.is-now{color:var(--brand-ink)}
.cz-mod .rc .rc-step-dot{background:var(--bg)}
.cz-mod .rc .rc-cover{border-radius:var(--r-card)}
.cz-mod .rc .rc-bf-group i{border-radius:50%}

/* ---------- 문의 contact ---------- */
.cz-mod .ctc{--ctc-brand:var(--brand);--ctc-brand-hover:var(--brand-hover);--ctc-text:var(--text);--ctc-sub:var(--muted);--ctc-line:var(--line-2);--ctc-bg:var(--bg);--ctc-surface:var(--bg-2);max-width:none;margin:0;padding:0}
.cz-mod .ctc .ctc-tabs{display:none}
.cz-mod .ctc .ctc-head{margin-bottom:32px}
.cz-mod .ctc .ctc-title{font-size:var(--fs-h3);font-weight:800;letter-spacing:-.03em;line-height:1.3;margin:0 0 12px}
.cz-mod .ctc .ctc-desc{font-size:var(--fs-body);color:var(--muted)}
.cz-mod .ctc .ctc-form{padding:40px 0 0;border:0;border-top:2px solid var(--text);border-radius:0;box-shadow:none;background:none}
.cz-mod .ctc .ctc-row{padding-bottom:28px}
.cz-mod .ctc .ctc-label{font-size:var(--fs-sm);font-weight:700;color:var(--text);margin-bottom:10px}
.cz-mod .ctc .ctc-req{color:var(--brand-ink);font-size:12px;margin-left:6px}
.cz-mod .ctc .ctc-help{font-size:var(--fs-min);color:var(--muted)}
.cz-mod .ctc .ctc-form input[type="text"],.cz-mod .ctc .ctc-form input[type="email"],.cz-mod .ctc .ctc-form input[type="tel"],.cz-mod .ctc .ctc-form input[type="number"],.cz-mod .ctc .ctc-form input[type="date"],.cz-mod .ctc .ctc-form input[type="password"],.cz-mod .ctc .ctc-form select,.cz-mod .ctc .ctc-form textarea{height:52px;padding:0 16px;border:1px solid var(--line-2);border-radius:var(--r-btn);background:var(--bg);color:var(--text);font-size:16px}
.cz-mod .ctc .ctc-form textarea{height:auto;min-height:200px;padding:14px 16px;line-height:1.7}
.cz-mod .ctc .ctc-form input:hover,.cz-mod .ctc .ctc-form select:hover,.cz-mod .ctc .ctc-form textarea:hover{border-color:var(--text-2)}
.cz-mod .ctc .ctc-form input:focus,.cz-mod .ctc .ctc-form select:focus,.cz-mod .ctc .ctc-form textarea:focus{border-color:var(--text);box-shadow:0 0 0 3px var(--brand-soft)}
.cz-mod .ctc .ctc-form input[type="file"]{height:auto;padding:14px 16px;border:1px dashed var(--line-2);background:var(--bg);color:var(--text-2);font-size:var(--fs-sm)}
.cz-mod .ctc .ctc-choice{font-size:16px;color:var(--text-2);margin-right:28px}
.cz-mod .ctc .ctc-choice input{width:18px;height:18px;accent-color:var(--brand)}
.cz-mod .ctc .ctc-agreement{border-radius:var(--r-card);border-color:var(--line);background:var(--bg-2);color:var(--muted);font-size:var(--fs-sm);line-height:1.8}
.cz-mod .ctc .ctc-actions{gap:12px;padding-top:40px;margin-top:12px;border-top:1px solid var(--line)}
.cz-mod .ctc .ctc-submit,.cz-mod .ctc a.ctc-submit,.cz-mod .ctc button.ctc-submit{height:56px;padding:0 32px;border-radius:var(--r-btn);font-size:16px;background:var(--brand);border-color:var(--brand);color:#fff}
.cz-mod .ctc .ctc-submit:hover,.cz-mod .ctc a.ctc-submit:hover,.cz-mod .ctc button.ctc-submit:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff}
.cz-mod .ctc .ctc-link,.cz-mod .ctc a.ctc-link,.cz-mod .ctc button.ctc-link{height:56px;padding:0 28px;border-radius:var(--r-btn);border-color:var(--text);color:var(--text);background:transparent}
.cz-mod .ctc .ctc-link:hover,.cz-mod .ctc a.ctc-link:hover,.cz-mod .ctc button.ctc-link:hover{background:var(--text);border-color:var(--text);color:var(--bg)}
.cz-mod .ctc .ctc-table th,.cz-mod .ctc .ctc-table td{border-color:var(--line)}
.cz-mod .ctc .ctc-table{border-top:2px solid var(--text)}
.cz-mod .ctc .ctc-table-view{border-top:2px solid var(--text)}
.cz-mod .ctc .ctc-table-view th,.cz-mod .ctc .ctc-table-view td{border-color:var(--line)}
.cz-mod .ctc .ctc-thread-item,.cz-mod .ctc .ctc-thread-form,.cz-mod .ctc .ctc-admin{border-radius:var(--r-card)}
.cz-mod .ctc .ctc-complete{padding:48px;text-align:left;border:1px solid var(--line);border-top:2px solid var(--brand);border-radius:var(--r-card);background:var(--bg-2);max-width:640px}

/* 문의 화면 오른쪽 안내 */
.cz-contact{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:80px;align-items:start}
.cz-contact aside{position:sticky;top:112px}
@media (max-width:1100px){.cz-contact{grid-template-columns:1fr;gap:56px}.cz-contact aside{position:static}}
@media (max-width:760px){
 .cz-mod .rc .rc-empty{flex-direction:column;align-items:flex-start;padding:32px 24px}
 .cz-mod .rc .rc-pool-cta{padding:36px 24px}
 .cz-mod .rc .rc-pool-cta strong{font-size:22px}
 .cz-mod .rc .rc-pool-cta .rc-btn{width:100%}
 .cz-mod .rc .rc-lookup,.cz-mod .rc .rc-done{padding:32px 20px}
 .cz-mod .ctc .ctc-actions{flex-direction:column;align-items:stretch}
 .cz-mod .ctc .ctc-form{padding-top:32px}
 .cz-mod .ctc .ctc-complete{padding:32px 20px}
}
.cz-mod .ctc .ctc-form > .ctc-desc{margin:0 0 28px}
.cz-mod .ctc .ctc-auth{max-width:560px}