/* ── 인재채용 섹션 포인트 컬러: 앰버 #f59e0b / rgb(245,158,11) ── */

/* 페이지 타이틀 서브라벨 */
.bcontents .ceo-page-title .sub-label {
    color: #f59e0b;
}

/* 서브 3뎁스 메뉴 활성 */
#sub_menu_3rd ul li a.on,
#sub_menu_3rd ul li a:hover {
    color: #f59e0b;
    border-bottom-color: #f59e0b;
}

/* vision_tit 강조 font 태그 */
.bcontents .vision_tit font {
    color: #f59e0b;
}

/* 인재상 번호 span */
.bcontents .vision_area .tit span {
    color: #f59e0b;
    background: rgba(245,158,11,0.12);
    border-color: rgba(245,158,11,0.3);
}

/* 아이콘 컬러 */
.bcontents .vision_area .txtWrap i {
    color: #f59e0b;
}

/* 리스트 아이템 테두리/배경 호버 */
.bcontents .vision_area ul li:hover,
.bcontents .vision_area ul li.active {
    border-color: rgba(245,158,11,0.4);
    background: rgba(245,158,11,0.05);
}

/* sbusiness 영역 구분선/포인트 */
.sbusiness .sub_title_long {
    border-color: rgba(245,158,11,0.2);
}

/* CTA 버튼 영역 */
.page-cta .cta-btn {
    background: #f59e0b;
    color: #fff;
}
.page-cta .cta-btn:hover {
    background: #d97706;
}

/* ── 히어로 ── */
.human-hero {
    max-width: 1120px; margin: 32px auto 40px;
}
.human-hero .svc-illust {
    width: 100%; min-height: 280px; border-radius: 16px;
    background: rgba(245,158,11,0.03);
    border: 1px solid rgba(245,158,11,0.12);
    overflow: hidden;
    display: flex; align-items: center; justify-content: center;
}
.human-hero .svc-illust svg { display: block; width: 100%; height: 100%; }

/* ── 인재상 카드 그리드 ── */
.human-cards {
    max-width: 1120px; margin: 0 auto 60px;
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
}
.human-card {
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(245,158,11,0.12);
    border-radius: 20px; padding: 36px 32px;
    display: flex; gap: 24px; align-items: flex-start;
    transition: transform 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
    position: relative; overflow: hidden;
}
.human-card::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
    opacity: 0; transition: opacity 0.3s;
}
.human-card:hover {
    transform: translateY(-5px);
    background: rgba(245,158,11,0.05);
    border-color: rgba(245,158,11,0.3);
    box-shadow: 0 24px 56px rgba(0,0,0,0.35);
}
.human-card:hover::before { opacity: 1; }
.human-card-left { flex-shrink: 0; text-align: center; }
.human-card-num {
    font-size: 0.72em; font-weight: 800; letter-spacing: 0.12em;
    color: #f59e0b; margin-bottom: 12px;
    background: rgba(245,158,11,0.1);
    border: 1px solid rgba(245,158,11,0.22);
    display: inline-block; padding: 3px 10px; border-radius: 20px;
}
.human-card-icon {
    width: 60px; height: 60px; border-radius: 16px;
    background: rgba(245,158,11,0.1); border: 1px solid rgba(245,158,11,0.22);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.6em; color: #f59e0b;
}
.human-card-icon i {
    font-size: 1.4em;
}
.human-card-body { flex: 1; }
.human-card-title {
    display: block; font-size: 1.18em; font-weight: 800;
    color: #dce8f8; margin-bottom: 10px;
}
.human-card-desc {
    font-size: 0.9em; color: #7a9ec8; line-height: 1.85;
    word-break: keep-all; margin: 0 0 16px;
}
.human-card-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.human-card-tag {
    font-size: 0.75em; font-weight: 600; color: #f59e0b;
    background: rgba(245,158,11,0.08); border: 1px solid rgba(245,158,11,0.2);
    padding: 3px 10px; border-radius: 20px;
}

/* ── 쇼우테크와 함께하면 ── */
.human-values {
    max-width: 1120px; margin: 0 auto 72px;
}
.human-values-title {
    text-align: center; margin-bottom: 36px;
}
.human-values-title span {
    font-size: 0.8em; font-weight: 700; letter-spacing: 0.12em;
    color: #f59e0b; text-transform: uppercase;
    display: block; margin-bottom: 10px;
}
.human-values-title h3 {
    font-size: 1.6em; font-weight: 800; color: #e2eaf8;
}
.human-benefits {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;
}
.human-benefit {
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(245,158,11,0.1);
    border-radius: 14px; padding: 28px 24px;
    text-align: center;
    transition: background 0.3s, border-color 0.3s;
}
.human-benefit:hover {
    background: rgba(245,158,11,0.05);
    border-color: rgba(245,158,11,0.25);
}
.human-benefit-icon { font-size: 2em; margin-bottom: 12px; }
.human-benefit strong {
    display: block; font-size: 0.97em; font-weight: 700;
    color: #dce8f8; margin-bottom: 8px;
}
.human-benefit p { font-size: 0.85em; color: #6a8ab8; line-height: 1.7; margin: 0; word-break: keep-all; }

/* ── CTA ── */
.human-cta {
    max-width: 1120px; margin: 0 auto; padding: 48px 40px;
    text-align: center; border-top: 1px solid rgba(255,255,255,0.08);
}
.human-cta p { font-size: 1em; color: #93b4d8; line-height: 1.8; margin-bottom: 20px; }
.human-cta p strong { font-size: 1.1em; color: #e2eaf8; }
.human-cta .cta-btn {
    display: inline-block; padding: 0 36px; height: 46px; line-height: 46px;
    background: #f59e0b; color: #fff;
    border-radius: 23px; font-size: 14px; font-weight: 600; transition: 0.25s;
}
.human-cta .cta-btn:hover { background: #d97706; }

/* 반응형 */
@media (max-width: 1200px) {
    .human-hero, .human-cards, .human-values { padding: 0 20px; }
}
@media (max-width: 960px) {
    .human-benefits { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .human-hero .svc-illust { min-height: 128px; overflow: hidden; }
    .human-hero .svc-illust svg { width: 100% !important; height: auto !important; }
    .human-cards { grid-template-columns: repeat(2, 1fr);}
    .human-card { flex-direction: column; gap: 16px; }
    .human-card-icon { width: 52px; height: 52px; }
    .human-benefits { grid-template-columns: repeat(2, 1fr); }
    .human-cta { padding: 40px 20px 40px; }
    .vision_area .tit span { font-size: 0.85em; }
    .recruit-empty { padding: 40px 16px 60px; }
    .recruit-cta { flex-direction: column; align-items: center; }
    .recruit-btn { width: 100%; max-width: 280px; justify-content: center; }
    .recruit-position-card { white-space: normal; }
}

/* ── 채용공고 없음 안내 (human/02.php) ── */
.recruit-empty { text-align: center; padding: 60px 20px 80px; }
.recruit-icon { margin: 0 auto 28px; width: 64px; height: 64px; }
.recruit-empty-title { font-size: 20px !important; font-weight: 800; color: #e2eaf8; margin-bottom: 14px; letter-spacing: -0.03em; }
.recruit-empty-desc { font-size: 14px; color: rgba(255,255,255,0.45); line-height: 1.8; margin-bottom: 36px; }
.recruit-cta { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-bottom: 48px; }
.recruit-btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 24px; border-radius: 6px; font-size: 14px; font-weight: 700; text-decoration: none; transition: opacity 0.2s; }
.recruit-btn:hover { opacity: 0.82; }
.recruit-btn-primary { background: rgba(37,99,235,0.22); border: 1px solid rgba(37,99,235,0.45); color: #93b4d8; }
.recruit-btn-secondary { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.6); }
.recruit-positions-label { font-size: 10px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: rgba(37,99,235,0.6); margin-bottom: 16px; }
.recruit-positions-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 auto 48px; }
.recruit-position-card { display: flex; align-items: center; gap: 12px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); border-radius: 8px; padding: 12px 18px; transition: border-color 0.2s, background 0.2s; white-space: nowrap; }
.recruit-position-card:hover { background: rgba(37,99,235,0.07); border-color: rgba(37,99,235,0.25); }
.rp-icon { flex-shrink: 0; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; background: rgba(37,99,235,0.1); border-radius: 6px; color: #4f8ef7; }
.rp-body { display: flex; flex-direction: column; gap: 3px; text-align: left; }
.rp-title { font-size: 13px; font-weight: 700; color: #c8d8f0; }
.rp-sub { font-size: 11px; color: rgba(255,255,255,0.35); }
.recruit-platforms { padding-top: 32px; border-top: 1px solid rgba(255,255,255,0.06); }
.recruit-platforms-label { font-size: 12px; color: rgba(255,255,255,0.3); margin-bottom: 16px; }
.recruit-platforms-btns { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.platform-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 22px; border-radius: 6px; font-size: 13px; font-weight: 700; text-decoration: none; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.5); transition: all 0.2s; }
.platform-btn:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.8); }