@charset "utf-8";
/* ==================================================================
   서브페이지 — 메인(index.php)과 같은 크림 + 주황 + 차콜 톤
   head.php 의 서브 분기에서 <body> 안에 로드되므로 head 의 CSS
   (refine.css 의 어두운 헤더 스크림, common.css 의 #232825 본문)
   보다 뒤에 온다.
================================================================== */

/* ── 헤더: 흰 바탕 + 어두운 글씨 ── */
#header_t_id.header_t,
#header_t_id.header_t.f-nav {
    background: rgba(255,255,255,.97) !important;
    border-bottom: 1px solid #f1e9e2 !important;
    box-shadow: 0 6px 24px rgba(60,36,18,.06) !important;
}
#header_t_id a, #header_t_id .header_logo * { text-shadow: none !important; }
.header_gnb_bg .major > ul > li > a { color: #2a2522 !important; font-weight: 700 !important; }
.header_gnb_bg .major > ul > li > a:hover { color: #f26b1d !important; }
.header_logo img { filter: none !important; }
.header_logo a { color: #1d1a18; }
.mo_nav .navbar-toggle .icon-bar { background: #2a2522 !important; }

/* ── 사진 배너 → 크림 히어로 ── */
.sub-hero-wrap { margin-top: 96px; }
.sub-hero {
    position: relative;
    padding: clamp(56px, 7vw, 96px) 0 clamp(44px, 5vw, 68px);
    background:
        radial-gradient(circle at 82% 30%, rgba(255,154,82,.22), transparent 42%),
        linear-gradient(180deg, #fff6ef 0%, #fffaf6 70%, #fff 100%);
    border-bottom: 1px solid #f3e6dc;
}
.sub-hero-inner { width: min(1320px, calc(100% - 44px)); margin: 0 auto; }
.sub-hero-eyebrow {
    display: block; margin-bottom: 14px;
    color: #f26b1d; font-size: 13px; font-weight: 800; letter-spacing: .24em;
}
.sub-hero-title {
    margin: 0; color: #1d1a18;
    font-size: clamp(38px, 5vw, 64px); font-weight: 900; line-height: 1.12; letter-spacing: -.055em;
    word-break: keep-all;
}
.sub-hero-title em { color: #f26b1d; font-style: normal; }
.sub-hero-lead {
    max-width: 680px; margin: 18px 0 0;
    color: #5a524c; font-size: 17px; line-height: 1.75; word-break: keep-all;
}
.sub-hero-crumb { margin-top: 26px; color: #8f857c; font-size: 13px; }
.sub-hero-crumb a { color: #8f857c !important; text-decoration: none !important; }
.sub-hero-crumb span { margin: 0 8px; color: #d9b9a2; }

/* ── 본문: 어두운 #232825 → 흰 바탕 ── */
#wrap_sub, .content_desc { background: #fff !important; color: #1d1a18; }
.content_desc h1, .content_desc h2, .content_desc h3 { color: #1d1a18; }
.content_desc .sec_tit { color: #1d1a18 !important; }
.content_desc .sec_subtit { color: #5a524c !important; }

/* ── 서비스 랜딩(.ss-*) 히어로도 밝게 ── */
.ss-hero { color: #1d1a18 !important; background: linear-gradient(180deg, #fff6ef 0%, #fffaf6 70%, #fff 100%) !important; border-bottom: 1px solid #f3e6dc; }
.ss-hero::before { background: radial-gradient(circle at 82% 30%, rgba(255,154,82,.22), transparent 42%) !important; }
.ss-hero h1 { color: #1d1a18 !important; }
.ss-hero p, .ss-hero .ss-lead { color: #5a524c !important; }

@media (max-width: 1024px) {
    .sub-hero-wrap { margin-top: 64px; }
}
@media (max-width: 760px) {
    .sub-hero-inner { width: calc(100% - 32px); }
    .sub-hero-lead { font-size: 15px; }
}
.footer_wordmark { color: #fff !important; }

/* 원본 테마는 본문이 어두워서 .s_wrap 계열 글씨가 전부 흰색이었다 */
.content_desc .s_wrap, .content_desc .s_wrap .sec_subtit, .s11 .sec03 .inner,
#space2 .info .title, #space2 .info .summary, .prefer p, .인재채용우대사항 { color: #1d1a18 !important; }
#space2 .info .summary, .content_desc .s_wrap .sec_subtit { color: #5a524c !important; }
.content_desc .s_wrap .sec_tit { border-color: #ece2d9 !important; }
.인재채용우대사항 { border-color: #f0cdb4 !important; border-radius: 999px; background: #fff4ec; color: #c9500c !important; font-weight: 800; }
.prefer span p { color: #f26b1d !important; font-weight: 800; }
/* 회사소개 회색 띠 → 크림 */
div[style*="background:#cccccc"] { background: #fbf6f2 !important; }
.year_wrap:hover { background: #fff4ec !important; }
.year_wrap:hover, .year_wrap:hover * { color: #1d1a18 !important; }
.year_wrap .year { color: #f26b1d !important; }
/* 폼 버튼 */
.board_btn .btn_submit, .board_btn button, .board_btn input[type=submit] { background: #f26b1d !important; border-color: #f26b1d !important; color: #fff !important; border-radius: 999px; }
.frm_input, .frm_textarea, .r_table input[type=text], .r_table textarea { border-color: #ece2d9 !important; border-radius: 10px; }