@import url('./content-board.css?v=20261001-richtext');

/* RNSh4 palette sync · 2026-10-01 */
:root{--rnsh4-ink:#152033;--rnsh4-muted:#6b7788;--rnsh4-brand:#416a87;--rnsh4-brand-dark:#163f68;--rnsh4-mint:#25c9ba;--rnsh4-mint-deep:#0da99e;--rnsh4-blue:#258cf0;--rnsh4-line:#e7edf2;--rnsh4-soft:#f7fafb;}

/* =========================================================
   301 · 채용공고 — RNS Solution renewal V50
   밝고 따뜻한 채용 페이지 전용 스타일
   ========================================================= */
.page-301{
  --job-ink:#152033;
  --job-muted:#6b7788;
  --job-rose:#416a87;
  --job-rose-dark:#0da99e;
  --job-rose-soft:#f4f9ff;
  --job-cream:#f7fafb;
  --job-amber:#c69026;
  --job-amber-soft:#fff6df;
  --job-green:#2e9c75;
  --job-green-soft:#eefcf9;
  --job-blue:#416a87;
  --job-blue-soft:#edf6ff;
  --job-border:#e7edf2;
}

/* Sub hero / local nav */
.page-301 .sub-hero{
  background:linear-gradient(120deg,#f7fafb 0%,#eefcf9 58%,#f3fbf8 100%);
  border-bottom:1px solid var(--job-border);
}
.page-301 .sub-breadcrumb{color:#6b7788}
.page-301 .sub-breadcrumb a:hover{color:var(--job-rose)}
.page-301 .sub-breadcrumb i{color:#b9cddd}
.page-301 .sub-breadcrumb strong{color:#416a87}
.page-301 .sub-hero__category{color:#163f68}
.page-301 .sub-hero h1{color:var(--job-ink)}
.page-301 .sub-hero__desc{color:#6b7788}
.page-301 .local-nav{background:#f7fafb;border-bottom:1px solid var(--job-border)}
.page-301 .local-nav a{color:#416a87;border-bottom-width:3px}
.page-301 .local-nav a:hover{color:#163f68}
.page-301 .local-nav a.is-active{color:var(--job-rose);border-bottom-color:var(--job-rose);font-weight:750}

/* Main */
.page-301 .support-board{
  padding:76px 0 110px;
  background:linear-gradient(180deg,#ffffff 0%,#fff 46%,#eefcf9 100%);
}
.page-301 .page-301-jobs .container{max-width:1280px}

/* Admin actions */
.page-301 .job-admin-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:24px;flex-wrap:wrap}
.page-301 .job-admin-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #e7edf2;border-radius:999px;background:#fff;color:#416a87;font-size:13px;font-weight:750}
.page-301 .job-admin-btn:hover{border-color:#b9cddd;color:var(--job-rose)}
.page-301 .job-admin-btn.is-primary{background:var(--job-rose);border-color:var(--job-rose);color:#fff}

/* Featured job */
.page-301 .job-featured{
  grid-template-columns:minmax(360px,48%) 1fr;
  gap:0;
  padding:0;
  border:1px solid #e7edf2;
  border-radius:30px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 18px 46px rgba(72,52,61,.07);
  transition:transform .28s ease,box-shadow .28s ease;
}
.page-301 .job-featured:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(72,52,61,.10)}
.page-301 .job-featured .news-featured__image{height:100%;min-height:330px;aspect-ratio:auto;border-radius:0;background:linear-gradient(135deg,#416a87 0%,#416a87 52%,#6f8aa0 100%)}
.page-301 .job-image-fallback{background:linear-gradient(135deg,#5f6f7f 0%,#163f68 62%,#6f8aa0 100%)}
.page-301 .job-featured .news-featured__content{padding:52px}
.page-301 .job-featured__eyebrow,.page-301 .job-card__eyebrow{display:inline-flex;align-items:center;width:max-content;border-radius:999px;font-weight:800;letter-spacing:.08em}
.page-301 .job-featured__eyebrow{padding:7px 12px;background:var(--job-rose-soft);color:var(--job-rose);font-size:11px}
.page-301 .job-featured h2{margin:18px 0 18px;color:var(--job-ink);font-size:clamp(30px,3vw,44px);line-height:1.25;white-space:normal;word-break:keep-all}
.page-301 .job-featured p{color:var(--job-muted);font-size:16px;line-height:1.85}
.page-301 .job-featured__meta{margin-top:25px;color:#416a87;font-size:14px;font-weight:750}

/* Job grid */
.page-301 .job-news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px}
.page-301 .job-news-card{border:1px solid #e7edf2;border-radius:24px;background:#fff;box-shadow:none;overflow:hidden}
.page-301 .job-news-card:nth-child(3n+1){background:#fff8f7}
.page-301 .job-news-card:nth-child(3n+2){background:#eefcf9;border-color:#dff6f2}
.page-301 .job-news-card:nth-child(3n+3){background:#fffaf1;border-color:#eee3cf}
.page-301 .job-news-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(72,52,61,.08)}
.page-301 .job-news-card .news-card__image{aspect-ratio:16/8.3;background:transparent}
.page-301 .job-news-card .job-image-fallback{background:linear-gradient(135deg,#416a87,#6f8aa0)}
.page-301 .job-news-card:nth-child(3n+2) .job-image-fallback{background:linear-gradient(135deg,#0da99e,#0da99e)}
.page-301 .job-news-card:nth-child(3n+3) .job-image-fallback{background:linear-gradient(135deg,#b48348,#d1a25d)}
.page-301 .job-news-card .news-card__body{min-height:245px;padding:24px 24px 20px;gap:12px}
.page-301 .job-card__eyebrow{padding:5px 9px;background:#edf6ff;color:#416a87;font-size:9px}
.page-301 .job-news-card:nth-child(3n+2) .job-card__eyebrow{background:#dff6f2;color:#0da99e}
.page-301 .job-news-card:nth-child(3n+3) .job-card__eyebrow{background:#f7ecd7;color:#a4763e}
.page-301 .job-news-card h3{color:var(--job-ink);font-size:21px;line-height:1.45;word-break:keep-all}
.page-301 .job-news-card p{color:var(--job-muted);font-size:14px;line-height:1.75}
.page-301 .job-news-card .news-card__meta{color:#416a87;font-size:12px;font-weight:700}
.page-301 .job-news-card .news-arrow{width:38px;height:38px;border:1px solid #e7edf2;color:var(--job-rose);background:#fff;font-size:20px}

/* Pagination */
.page-301 .news-footer-tools{margin-top:36px}
.page-301 .page-btn{border-color:#e7edf2;border-radius:10px;color:#416a87;background:#fff}
.page-301 .page-btn:hover{border-color:#b9cddd;color:var(--job-rose)}
.page-301 .page-btn.is-active{background:var(--job-rose);border-color:var(--job-rose);color:#fff}
.page-301 .news-count-form .support-select{border-color:#e7edf2;border-radius:12px;color:#416a87;background:#fff}

/* Empty state */
.page-301 .empty-state{padding:70px 24px;border:1px solid #e7edf2;border-radius:28px;background:#fff8f7;color:#416a87;text-align:center;line-height:1.8}
.page-301 .empty-state .btn-rns{border-radius:999px;background:var(--job-rose);color:#fff}

/* Guide CTA */
.page-301 .job-guide-panel{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:64px;padding:42px 46px;border:1px solid #e7edf2;border-radius:28px;background:linear-gradient(120deg,#fff7f5 0%,#f8f3ee 52%,#eefcf9 100%)}
.page-301 .job-guide-panel__copy>span{display:block;margin-bottom:10px;color:#416a87;font-size:10px;font-weight:900;letter-spacing:.14em}
.page-301 .job-guide-panel__copy h2{margin:0;color:var(--job-ink);font-size:28px;line-height:1.35;letter-spacing:-.04em}
.page-301 .job-guide-panel__copy p{margin:10px 0 0;color:var(--job-muted);font-size:14px;line-height:1.7}
.page-301 .job-guide-panel__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.page-301 .job-guide-panel__actions a{display:inline-flex;align-items:center;gap:18px;min-height:48px;padding:0 20px;border-radius:999px;background:#fff;color:#163f68;font-size:13px;font-weight:800;border:1px solid #e7edf2}
.page-301 .job-guide-panel__actions a:first-child{background:var(--job-rose);border-color:var(--job-rose);color:#fff}
.page-301 .job-guide-panel__actions a:hover{transform:translateY(-2px)}

/* Footer CTA / TOP */
.page-301 .footer-cta{background:linear-gradient(118deg,#fff8f5 0%,#f7fafb 55%,#f6f4ef 100%);border-top:1px solid #edf6ff}
.page-301 .footer-cta p{color:#163f68;font-weight:800;letter-spacing:.13em}
.page-301 .footer-cta h2{color:var(--job-ink)}
.page-301 .footer-cta__actions a{background:var(--job-rose);border-color:var(--job-rose);color:#fff}
.page-301 .footer-cta__actions a:hover,.page-301 .footer-cta__actions a:focus-visible{background:var(--job-rose-dark);border-color:var(--job-rose-dark)}
.page-301 .top-button{background:#5f6f7f;color:#fff}
.page-301 .top-button:hover,.page-301 .top-button:focus-visible{background:var(--job-rose)}

@media(max-width:1100px){
  .page-301 .job-featured{grid-template-columns:minmax(300px,42%) 1fr}
  .page-301 .job-featured .news-featured__content{padding:42px 38px}
  .page-301 .job-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .page-301 .support-board{padding-top:56px}
  .page-301 .job-featured{grid-template-columns:1fr}
  .page-301 .job-featured .news-featured__image{min-height:240px;aspect-ratio:16/8.5}
  .page-301 .job-featured .news-featured__content{padding:34px}
  .page-301 .job-featured h2{font-size:32px}
  .page-301 .job-guide-panel{align-items:flex-start;flex-direction:column}
  .page-301 .job-guide-panel__actions{justify-content:flex-start}
}

@media(max-width:760px){
  .page-301 .support-board{padding:40px 0 72px}
  .page-301 .job-featured{border-radius:24px}
  .page-301 .job-featured .news-featured__image{min-height:190px}
  .page-301 .job-featured .news-featured__content{padding:28px 22px}
  .page-301 .job-featured h2{margin-top:14px;font-size:26px}
  .page-301 .job-featured p{font-size:14px}
  .page-301 .job-featured__meta{font-size:12px}
  .page-301 .job-news-grid{grid-template-columns:1fr;gap:14px}
  .page-301 .job-news-card{border-radius:20px}
  .page-301 .job-news-card .news-card__image{aspect-ratio:16/7.5}
  .page-301 .job-news-card .news-card__body{min-height:0;padding:20px}
  .page-301 .job-news-card h3{font-size:19px}
  .page-301 .job-guide-panel{margin-top:44px;padding:28px 22px;border-radius:22px;gap:24px}
  .page-301 .job-guide-panel__copy h2{font-size:23px}
  .page-301 .job-guide-panel__actions{width:100%;display:grid;grid-template-columns:1fr}
  .page-301 .job-guide-panel__actions a{justify-content:space-between;width:100%}
}


/* =========================================================
   V61 · 301 채용공고 — 602.php 디자인 동기화
   ========================================================= */
.page-301 .support-board{
  padding:72px 0 110px;
  background:linear-gradient(180deg,#ffffff 0%,#fff 56%,#eefcf9 100%);
}

/* 관리자 버튼도 602와 동일한 밝은 pill */
.page-301 .job-admin-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-bottom:18px;
}
.page-301 .job-admin-btn{
  min-height:42px;
  padding:9px 15px;
  border:1px solid #e7edf2;
  border-radius:999px;
  background:#fff;
  color:#6b7788;
  font-size:13px;
  font-weight:750;
}
.page-301 .job-admin-btn.is-primary{
  border-color:var(--job-rose);
  background:var(--job-rose);
  color:#fff;
}

/* 대표 채용공고 — 602 대표 소식 카드와 같은 구조 */
.page-301 .job-featured{
  grid-template-columns:minmax(0,46%) 1fr;
  gap:38px;
  padding:28px;
  border:1px solid var(--job-border);
  border-radius:28px;
  background:linear-gradient(135deg,#fff 0%,#fff8f7 58%,#eefcf9 100%);
  box-shadow:0 18px 48px rgba(72,52,61,.065);
  overflow:hidden;
}
.page-301 .job-featured:hover{
  transform:translateY(-4px);
  border-color:#b9cddd;
  box-shadow:0 22px 52px rgba(72,52,61,.09);
}
.page-301 .job-featured .news-featured__image{
  min-height:300px;
  height:100%;
  aspect-ratio:auto;
  border-radius:22px;
  background:#f3fbf8;
  box-shadow:inset 0 0 0 1px rgba(127,108,117,.05);
  overflow:hidden;
}
.page-301 .job-featured .job-image-fallback{
  width:100%;
  height:100%;
  min-height:300px;
  padding:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#f4f9ff 0%,#fff6df 52%,#eefcf9 100%);
}
.page-301 .job-featured .news-fallback-logo{
  width:min(62%,290px);
  max-height:48%;
  object-fit:contain;
  filter:none;
}
.page-301 .job-featured .news-featured__content{
  padding:22px 0;
  align-self:center;
}
.page-301 .job-featured__eyebrow{
  padding:7px 12px;
  background:var(--job-rose-soft);
  color:var(--job-rose);
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
.page-301 .job-featured h2{
  margin:18px 0 16px;
  color:var(--job-ink);
  font-size:clamp(30px,3vw,44px);
  line-height:1.25;
}
.page-301 .job-featured p{
  color:var(--job-muted);
  font-size:16px;
  line-height:1.85;
}
.page-301 .job-featured__meta{
  margin-top:22px;
  color:#6f8aa0;
  font-size:14px;
  font-weight:650;
}
/* 일반 채용공고 — 602 카드와 동일한 밝은 카드 */
.page-301 .job-news-grid{
  gap:20px;
  margin-top:22px;
}
.page-301 .job-news-card,
.page-301 .job-news-card:nth-child(3n+1),
.page-301 .job-news-card:nth-child(3n+2),
.page-301 .job-news-card:nth-child(3n+3){
  border:1px solid var(--job-border);
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 30px rgba(72,52,61,.045);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.page-301 .job-news-card:nth-child(3n+1){border-color:#edf6ff}
.page-301 .job-news-card:nth-child(3n+2){border-color:#e9e1cf}
.page-301 .job-news-card:nth-child(3n+3){border-color:#dff6f2}
.page-301 .job-news-card:hover{
  transform:translateY(-5px);
  border-color:#b9cddd;
  box-shadow:0 18px 38px rgba(72,52,61,.08);
}
.page-301 .job-news-card .news-card__image{
  aspect-ratio:16/9;
  background:#eefcf9;
}
.page-301 .job-news-card .job-image-fallback{
  width:100%;
  height:100%;
  padding:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#f4f9ff 0%,#fff6df 52%,#eefcf9 100%);
}
.page-301 .job-news-card .news-fallback-logo{
  width:min(62%,220px);
  max-height:46%;
  object-fit:contain;
  filter:none;
}
.page-301 .job-news-card .news-card__body{
  padding:20px 20px 18px;
}
.page-301 .job-card__eyebrow{
  padding:5px 9px;
  background:#f4f9ff;
  color:var(--job-rose);
  font-size:10px;
}
.page-301 .job-news-card h3{color:var(--job-ink);font-weight:750}
.page-301 .job-news-card p{color:var(--job-muted)}
.page-301 .job-news-card .news-card__meta{color:#6f8aa0}
.page-301 .job-news-card .news-arrow{
  border-color:#e7edf2;
  background:#fff7f8;
  color:var(--job-rose);
  box-shadow:none;
}

/* 하단 툴 */
.page-301 .news-footer-tools{
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid #edf6ff;
}
.page-301 .support-select{
  border:1px solid #e7edf2;
  border-radius:12px;
  background:#fff;
  color:#6b7788;
}
.page-301 .support-select:focus{
  border-color:#6f8aa0;
  box-shadow:0 0 0 4px rgba(166,83,104,.10);
  outline:none;
}
.page-301 .page-btn{
  min-width:40px;
  height:40px;
  border:1px solid #e7edf2;
  border-radius:12px;
  background:#fff;
  color:#416a87;
}
.page-301 .page-btn:hover{border-color:#b9cddd;color:var(--job-rose);background:#fff8f8}
.page-301 .page-btn.is-active{border-color:var(--job-rose);background:var(--job-rose);color:#fff}

@media(max-width:900px){
  .page-301 .job-featured{
    grid-template-columns:1fr;
    padding:22px;
    gap:24px;
  }
  .page-301 .job-featured .news-featured__content{
    padding:0;
  }
}

@media(max-width:760px){
  .page-301 .support-board{padding:52px 0 78px}
  .page-301 .job-admin-actions{justify-content:stretch}
  .page-301 .job-admin-btn{flex:1}
  .page-301 .job-featured{padding:16px;border-radius:22px}
  .page-301 .job-featured .news-featured__image{min-height:220px;border-radius:17px}
  .page-301 .job-featured .job-image-fallback{min-height:220px;padding:24px}
  .page-301 .job-featured h2{margin:16px 0 13px;font-size:28px;white-space:normal}
  .page-301 .job-featured p{font-size:14px;line-height:1.75}
  .page-301 .job-featured__meta{margin-top:18px;font-size:13px}
  .page-301 .job-news-grid{grid-template-columns:1fr;gap:14px;margin-top:18px}
  .page-301 .job-news-card{border-radius:19px}
  .page-301 .job-news-card .news-card__body{min-height:0;padding:18px}
  .page-301 .job-news-card h3{font-size:18px}
  .page-301 .job-news-card p{font-size:13px;line-height:1.7}
  .page-301 .news-footer-tools{gap:16px;margin-top:28px}
}

/* RNSh4 · 2026-10-01 · job CTA color refresh
   Keep #466985 as the brand anchor, but use a brighter mint→blue gradient
   for primary actions so the job pages do not feel flat. */
.page-301 .empty-state .btn-rns,
.page-301 .job-admin-btn.is-primary{
  border-color:transparent;
  background:linear-gradient(135deg,#466985 0%,#5f88a4 100%);
  color:#fff;
  box-shadow:0 10px 24px rgba(70,105,133,.18);
}
.page-301 .empty-state .btn-rns:hover,
.page-301 .empty-state .btn-rns:focus-visible,
.page-301 .job-admin-btn.is-primary:hover,
.page-301 .job-admin-btn.is-primary:focus-visible{
  border-color:transparent;
  background:linear-gradient(135deg,#385a73 0%,#4f7895 100%);
  color:#fff;
  box-shadow:0 14px 30px rgba(56,90,115,.22);
}
.page-301 .job-guide-panel__actions a:last-child{
  border-color:transparent;
  background:linear-gradient(135deg,#2ec7bb 0%,#2f91e8 100%);
  color:#fff;
  box-shadow:0 10px 24px rgba(47,145,232,.20);
}
.page-301 .job-guide-panel__actions a:last-child:hover,
.page-301 .job-guide-panel__actions a:last-child:focus-visible{
  border-color:transparent;
  background:linear-gradient(135deg,#18b7ab 0%,#267fd4 100%);
  color:#fff;
  box-shadow:0 14px 30px rgba(38,127,212,.24);
}
.page-301 .job-guide-panel__actions a:first-child{
  border-color:#ccdbe6;
  background:#fff;
  color:#466985;
  box-shadow:none;
}

/* 채용 게시판: 로고 대체 이미지 없이 내용 중심의 간결한 카드 */
.page-301 .job-featured{
  display:block;
  padding:32px 36px;
  border:1px solid var(--job-border);
  border-radius:16px;
  background:#fff;
  box-shadow:none;
}
.page-301 .job-featured:hover{transform:none;border-color:#b9cddd;box-shadow:none}
.page-301 .job-featured .news-featured__content{padding:0}
.page-301 .job-featured__eyebrow,
.page-301 .job-card__eyebrow{padding:0;border-radius:0;background:transparent;color:#416a87;letter-spacing:.02em}
.page-301 .job-featured__eyebrow{font-size:12px}
.page-301 .job-featured h2{margin:14px 0 10px;font-size:clamp(26px,2.4vw,34px)}
.page-301 .job-featured p{font-size:15px;line-height:1.65}
.page-301 .job-featured__meta{margin-top:22px;padding-top:16px;border-top:1px solid #edf1f3;font-size:13px}
.page-301 .job-news-card,
.page-301 .job-news-card:nth-child(3n+1),
.page-301 .job-news-card:nth-child(3n+2),
.page-301 .job-news-card:nth-child(3n+3){border-color:var(--job-border);border-radius:14px;background:#fff;box-shadow:none}
.page-301 .job-news-card:hover{transform:none;border-color:#b9cddd;box-shadow:none}
.page-301 .job-news-card .news-card__body{min-height:180px;gap:10px}
.page-301 .job-news-card .news-arrow{width:auto;height:auto;border:0;background:transparent;font-size:22px}
@media(max-width:760px){
  .page-301 .job-featured{padding:24px 22px;border-radius:14px}
  .page-301 .job-news-card .news-card__body{min-height:0}
}