@charset "UTF-8";
/*
  refresh.css — 기존 디자인 위에 덧입히는 다듬기 (2026-10)
  · 문구·마크업은 바꾸지 않습니다 (CMS 수정 내용 보존)
  · 되돌리려면 각 페이지의 refresh.css / refresh.js 연결만 빼면 됩니다
*/

/* ---------- 1. 메인: 사진 없는 뉴스 카드 (LIFE IN THE NEWS 자리) ---------- */

/* ---------- 2. 기업별 공개캠페인 ---------- */
/* 기업 카드: 그림자·들썩임 빼고 차분하게 */
.campaign-tile{min-height:0;padding:26px 28px 24px;border-radius:16px;background:rgba(255,255,255,.5)}
.campaign-tile:hover,.campaign-tile:focus-visible{transform:none;box-shadow:none;background:#fff}
.campaign-tile strong{font-weight:600}
/* 타임라인: 라이프가 직접 낸 자료(주주서한·입장문·보도자료·참고자료)를 은은하게 구분 */
.record-kind.is-own{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-weight:600}
.record-kind.is-own::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.campaign-entry{padding:20px 0}
.campaign-entry.is-own{background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,0) 70%)}
.campaign-legend{display:flex;gap:20px;margin:6px 0 0;font-size:13px;color:var(--muted)}
.campaign-legend span{display:inline-flex;align-items:center;gap:7px}
.campaign-legend i{width:6px;height:6px;border-radius:50%;background:var(--green)}
.campaign-legend i.press{background:none;border:1px solid var(--muted)}

/* ---------- 3. 주주권 행사: 스튜어드십 7원칙 접기/펼치기 ---------- */
.sw-tools{display:flex;justify-content:flex-end;margin:28px 0 4px}
.sw-tools button{font-size:14px;font-weight:600;color:var(--muted);padding:6px 0}
.sw-tools button:hover{color:var(--navy)}
.sw-principles{border-top:1px solid var(--navy);margin-bottom:40px}
.sw-pr{border-bottom:1px solid var(--soft-line,#c9d6dc)}
.sw-pr>summary{list-style:none;display:grid;grid-template-columns:72px minmax(0,1fr) 34px;gap:16px;align-items:start;padding:22px 0;cursor:pointer}
.sw-pr>summary::-webkit-details-marker{display:none}
.sw-pr .sw-no{font-family:Manrope,sans-serif;font-size:13px;font-weight:700;color:var(--green);padding-top:3px;letter-spacing:.02em}
.sw-pr .sw-t{font-size:1.0625rem;font-weight:500;line-height:1.7;letter-spacing:-.025em;color:var(--navy)}
.sw-pr>summary:hover .sw-t{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.sw-pr .sw-pm{width:34px;height:34px;border-radius:50%;border:1px solid #1617464a;display:grid;place-items:center;transition:background .2s,border-color .2s}
.sw-pr .sw-pm::before{content:"+";font-size:18px;line-height:1;color:var(--navy)}
.sw-pr[open] .sw-pm{background:var(--navy);border-color:var(--navy)}
.sw-pr[open] .sw-pm::before{content:"–";color:#fff}
.sw-pr .sw-body{padding:0 50px 24px 88px}
.sw-pr .sw-body p{margin:0 0 12px}
@media (max-width:720px){
  .sw-pr>summary{grid-template-columns:minmax(0,1fr) 30px;gap:4px 12px}
  .sw-pr .sw-no{grid-column:1/-1}
  .sw-pr .sw-pm{width:30px;height:30px}
  .sw-pr .sw-body{padding:0 0 20px}
}

/* ---------- 4. Contact & Careers ---------- */
.contact-list a.tel{border-bottom:1px solid currentColor}
/* 채용: Why We Work Here · 채용 절차를 카드로 */
[data-cms-slot="careers"] h3+ol{list-style:none;counter-reset:cr;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:0 0 28px}
[data-cms-slot="careers"] h3+ol>li{counter-increment:cr;margin:0;padding:22px 24px;border-radius:16px;background:rgba(255,255,255,.55);line-height:1.75;color:var(--muted)}
[data-cms-slot="careers"] h3+ol>li::before{content:counter(cr,decimal-leading-zero);display:block;font-family:Manrope,sans-serif;font-size:12px;font-weight:700;color:var(--green);margin-bottom:6px}
[data-cms-slot="careers"] h3+ol>li strong{display:block;font-weight:600;color:var(--navy);margin-bottom:4px}
[data-cms-slot="careers"] h3+ol.is-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){[data-cms-slot="careers"] h3+ol,[data-cms-slot="careers"] h3+ol.is-steps{grid-template-columns:minmax(0,1fr)}}

@media (prefers-reduced-motion:reduce){.sw-pr .sw-pm{transition:none}}

/* =====================================================================
   2차 반영 (시안 내용 전체 반영 — 테스트용)
   ===================================================================== */

/* 글꼴은 기존(DM Sans · Noto Sans KR · Manrope) 그대로 사용 */

/* ---------- B. 섹션 사이 하늘색 ↔ 흰색 그라데이션 ---------- */
.news-section{background:linear-gradient(180deg,var(--bg) 0%,#fff 22%,#fff 72%,var(--bg) 100%)}
.pillars-section{background:linear-gradient(180deg,var(--bg) 0,#fff 360px,#fff calc(100% - 260px),var(--bg) 100%)}

/* ---------- C. 메인 마지막: 브랜드 카드 (LIFE 일러스트 + 가입 안내 / 공모펀드 보기) ---------- */
.fun-ending.is-card{position:relative;margin-top:120px;border-top:0;padding:60px 64px;border-radius:36px;background:linear-gradient(135deg,#C6DDE3 0%,#BCD8D9 55%,#B9D6D3 100%);overflow:hidden;isolation:isolate;grid-template-columns:1fr 1.05fr;gap:48px}
.fun-ending.is-card::before{content:"";position:absolute;inset:-20%;z-index:-1;background:radial-gradient(40% 50% at 90% 10%,rgba(255,255,255,.45),transparent 70%),radial-gradient(35% 45% at 0% 100%,rgba(255,255,255,.3),transparent 70%)}
.fun-ending.is-card .ending-label{color:#2C4A4E;font-weight:600}
.fun-ending.is-card .freedom{font-family:inherit;font-size:clamp(40px,4.6vw,66px);font-weight:700;color:#1F3739;letter-spacing:-.055em;line-height:1.02;margin:20px 0}
.fun-ending.is-card .freedom span{font-weight:500;color:#456C71}
.fun-ending.is-card .ending-copy{font-size:18px;color:#3F4B4C;line-height:1.7}
.ending-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.ending-cta a{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 24px;border-radius:999px;font-size:16px;font-weight:700;transition:background .2s}
.ending-cta a.primary{background:#4A7378;color:#fff}.ending-cta a.primary:hover{background:#3B6064}
.ending-cta a.secondary{background:#fff;color:#1F3739}.ending-cta a.secondary:hover{background:rgba(255,255,255,.8)}
.ending-illu{width:100%;max-width:560px;justify-self:center;height:auto;overflow:visible}
.ending-illu .fig{fill:none;stroke:#1F3739;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ending-illu .head{fill:#1F3739}
.ending-illu .balloon{animation:endingBob 4s ease-in-out infinite}
@keyframes endingBob{50%{transform:translateY(-2px)}}
.pillars-section>.footer,.pillars-section .site-footer{margin-top:48px}
@media (max-width:900px){.fun-ending.is-card{grid-template-columns:1fr;padding:52px 40px 36px;margin-top:72px;gap:28px}}
@media (max-width:600px){.fun-ending.is-card{padding:44px 24px 28px;border-radius:28px}.ending-cta a{flex:1}}
@media (prefers-reduced-motion:reduce){.ending-illu .balloon{animation:none}}

/* ---------- D. 공개캠페인 상세: 위쪽 기업 탭(카드) + 넓은 타임라인 ---------- */
.interior-page .campaign-index a{background:#fff!important;border:1px solid rgba(22,23,70,.1)!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(22,23,70,.04)}
.interior-page .campaign-index a:hover{border-color:var(--navy)!important}
.interior-page .campaign-index a[aria-current="true"]{background:var(--navy)!important;border-color:var(--navy)!important}
.interior-page .campaign-index strong{font-weight:700}

/* ---------- E. 공모펀드: 컨펌된 세로형 2단 그대로, 카드만 정돈 ---------- */
.interior-page .public-funds .fund-card-link{background:#fff;border:1px solid rgba(22,23,70,.1);border-radius:20px;overflow:hidden;box-shadow:0 1px 2px rgba(22,23,70,.04)}
.interior-page .public-funds .fund-card-link .fund-snapshot{background:none!important;border:0!important;border-radius:0!important;padding:24px 24px 18px}
.interior-page .public-funds .fund-card-link .fund-detail-link{background:#F3F8FA;padding:16px 24px;font-weight:600}
.fs-scale{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin:2px 0 6px}
.fs-scale i{height:5px;border-radius:3px;background:rgba(22,23,70,.1)}
.fs-scale i.on{background:var(--rc,#161746)}
.fs-scale-label{display:flex;justify-content:space-between;font-size:11px;color:#8696A0;margin-bottom:18px}

/* ---------- F. Contact: 기존 표 형식 유지, 휴대폰 전화 링크만 밑줄 없이 ---------- */
[data-cms-slot="contact-information"] a.tel{border-bottom:0}

/* =====================================================================
   3차: 모든 내지를 시안 톤으로 (헤더·메인 첫 화면은 그대로)
   ===================================================================== */
/* 바탕: 위·아래는 하늘색, 본문은 흰색으로 자연스럽게 이어지게 */
body.interior-page{background:linear-gradient(180deg,var(--bg) 0,var(--bg) 120px,#fff 560px,#fff calc(100% - 420px),var(--bg) 100%) no-repeat,#fff;background-color:#fff}
/* 제목 영역 */
.interior-eyebrow{font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--muted)}
.interior-hero-copy>p:last-child{font-size:1rem}
/* 페이지 제목: 크기만 살짝 줄임 (글꼴·굵기는 기존 그대로) */
.interior-hero{padding:64px 0 36px}
.interior-hero h1{font-size:clamp(36px,calc(3.8vw / var(--z,1)),54px);margin:14px 0 14px}
/* 공모펀드 이름이 페이지 제목보다 커 보이지 않게 */
.public-funds:not(.is-many) .fund-offering h2{font-size:clamp(28px,calc(3.1vw / var(--z,1)),44px)}
/* 하위 메뉴 탭 */
.section-tabs{border-bottom:1px solid rgba(22,23,70,.12)}
.section-tabs a{font-weight:500}
.section-tabs a[aria-current]{font-weight:700}
/* 섹션 제목 굵기를 차분하게 통일 */
.prose h3{font-weight:700}
/* 카드: 흰 바탕 위 옅은 하늘색 면 + 둥근 모서리, 테두리·그림자 최소화 */
.interior-page .fund-snapshot,.interior-page .campaign-tile,.interior-page .private-eligibility,.interior-page .pv-flow,.interior-page .pv-strategies article,.interior-page .pv-targets article,.interior-page .pv-capability li,.interior-page .pv-aftercare>ol>li,.interior-page .pb-bg-soft,.interior-page .prose blockquote,.interior-page .hub-card,.interior-page .simple-panel{background:#F1F7F9;border-color:transparent;border-radius:20px;box-shadow:none}
.interior-page .campaign-tile:hover,.interior-page .hub-card:hover{background:#E8F2F5}
.interior-page .campaign-index a{background:#F1F7F9;border-color:transparent}
.interior-page .campaign-index a[aria-current="true"]{background:var(--navy)}
/* 버튼·링크 모양: 둥근 알약형 */
.interior-page .map-links a,.interior-page .news-all{border-radius:999px}
.interior-page .map-links{display:flex;flex-wrap:wrap;gap:8px}
.interior-page .map-links a{border:1px solid rgba(22,23,70,.15);padding:9px 16px;font-size:14px}
.interior-page .map-links a:hover{border-color:var(--navy)}
/* 표·목록: 위는 진한 선, 사이는 옅은 선 */
.interior-page table{border-collapse:collapse}
.interior-page .prose table th{border-bottom:1px solid var(--navy);font-weight:600}
.interior-page .record-row{border-color:rgba(22,23,70,.09)}
/* 지도 */
.interior-page .contact-map{border-radius:20px;overflow:hidden}
/* 푸터: 회사 정보 영역을 살짝 정돈 */
.interior-main .site-footer,.pillars-section .site-footer{border-top-color:rgba(22,23,70,.12)}

/* 헤드(메뉴바 + 메인 첫 화면)는 기존 그대로: 글꼴·기울임 원복 */
.header,.header *,.site-menu,.site-menu *{font-family:'DM Sans','Noto Sans KR',sans-serif}
.lang-toggle{font-family:Manrope,sans-serif}
.hero,.hero *{font-family:'DM Sans','Noto Sans KR',sans-serif}
.hero h1{font-family:'Manrope',sans-serif}
.hero h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.06em}

/* =====================================================================
   4차 수정
   ===================================================================== */
/* 오른쪽이 비어 보이던 본문 폭: 주주권 행사·채용 본문을 전체 폭으로 */
[data-render="stewardship"] .prose,[data-cms-slot="careers"]{max-width:none}
[data-render="stewardship"] .prose>p:first-of-type{max-width:none}
.sw-principles{margin-top:0}
/* 공시·보도자료 연도 머리: 하늘색 띠 없이 흰 바탕 + 선 */
.interior-page .record-year-heading{background:#fff;border-bottom:1px solid var(--navy);padding:18px 0 14px}
.interior-page .year-number{font-weight:700}
/* 공개캠페인: 처음부터 목록+상세, '전체 기업 보기'와 큰 카드 숨김 */

/* 채용: 시안처럼 옅은 하늘색 카드 */
[data-cms-slot="careers"] h3{font-size:13px;font-weight:700;letter-spacing:.04em;color:#8696A0;margin:56px 0 16px}
[data-cms-slot="careers"]>p:first-child{font-size:clamp(20px,1.8vw,24px);font-weight:600;line-height:1.6;letter-spacing:-.04em;color:var(--navy);max-width:none;text-wrap:pretty}
[data-cms-slot="careers"] h3+ol{grid-template-columns:repeat(4,minmax(0,1fr))}
[data-cms-slot="careers"] h3+ol>li{background:#F1F7F9;border-radius:18px;padding:24px}
[data-cms-slot="careers"] h3+ol.is-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-cms-slot="careers"] table{width:100%;border-top:1px solid var(--navy)}
[data-cms-slot="careers"] table td,[data-cms-slot="careers"] table th{padding:16px 8px;border-bottom:1px solid rgba(22,23,70,.1);text-align:left}
[data-cms-slot="careers"] ul{list-style:none;padding:24px 28px;border-radius:20px;background:#F1F7F9}
[data-cms-slot="careers"] ul li{margin:8px 0}
@media (max-width:1100px){[data-cms-slot="careers"] h3+ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){[data-cms-slot="careers"] h3+ol,[data-cms-slot="careers"] h3+ol.is-steps{grid-template-columns:minmax(0,1fr)}}
/* 영문 메인: 섬 그림 배경과 같은 하늘색 유지 */
body.english-home{background:var(--bg)}
/* 하늘색 배경이 들어 있는 그림은 흰 바탕에서 네모가 보이지 않게 가장자리를 부드럽게 */
.interior-main img[src*="/assets/"]:not([src*="/assets/news/"]):not([src$=".svg"]):not([src*="logo"]){-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 62%,transparent 100%)}
body.english-home .interior-main img:not(.english-hero img){-webkit-mask-image:none;mask-image:none}
/* 영문 첫 화면(섬·LIFE is FUN.)은 원래 모양 그대로: 내 공통 규칙이 덮어쓰지 않게 원래 값으로 되돌림 */
.english-hero img{-webkit-mask-image:radial-gradient(ellipse 70% 65% at center,#000 45%,transparent 100%)!important;mask-image:radial-gradient(ellipse 70% 65% at center,#000 45%,transparent 100%)!important}
.english-hero,.english-hero *{font-family:'DM Sans','Noto Sans KR',sans-serif}
.english-hero h1{font-family:'Manrope',sans-serif}
body .english-hero h1:not(#heroTitle) em{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.06em}
/* 영문 메인 메뉴 4개: 원래 모양(윗선 + 글자) 그대로 */
body.english-home .hub-card,body.english-home .hub-card:hover{background:none;border-radius:0;box-shadow:none}

/* 헤더 색: 고정 하늘색 대신 지금 보이는 본문 색에 맞춰 바뀜 (위쪽 하늘색 → 내리면 흰색) */
.header,.header.scrolled{background:color-mix(in srgb,var(--hd-bg,var(--bg)) 90%,transparent);transition:height .35s,background-color .25s,box-shadow .35s,padding .35s,left .35s,right .35s}

/* =====================================================================
   투자철학: 가치투자 장면은 하늘색 → Full-Stack Active부터 흰색
   ===================================================================== */
body.philosophy-page{background:linear-gradient(180deg,var(--bg) 0,var(--bg) 140px,#fff 620px) no-repeat,#fff;background-color:#fff}
.philosophy-page .philosophy-scene:not(.philosophy-closing){background:transparent}
/* 흰 바탕 위 그림은 그림 배경과 같은 하늘색 둥근 카드 안에 */
.philosophy-page .active-art{background:none;padding:0}
.philosophy-page .philosophy-art img[src*="strategy-"],.philosophy-page .philosophy-art img[src*="zen-"]{-webkit-mask-image:radial-gradient(ellipse 56% 56% at 50% 50%,#000 48%,transparent 98%);mask-image:radial-gradient(ellipse 56% 56% at 50% 50%,#000 48%,transparent 98%)}
.philosophy-page .active-art figcaption{margin-top:10px}

/* 마지막 Why LIFE 앞은 흰색에서 남색으로 바로 이어짐 (기존 그대로) */

/* 헤더 드롭다운·투자철학 상단 '01 가치투자 02 차별화된 투자'도 본문 색을 따라감 */
@media (min-width:1001px){.header .menu-sub{background:var(--hd-bg,var(--bg));border-color:rgba(22,23,70,.1);transition:background-color .25s}}
.philosophy-axis-nav{background:color-mix(in srgb,var(--hd-bg,var(--bg)) 90%,transparent)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(22,23,70,.08)!important;border-radius:999px;transition:opacity .25s,transform .25s,visibility .25s,background-color .25s}

/* 메인 첫 화면: 섬 그림 가장자리를 네모가 아닌 둥근 형태로 녹여 경계 자국 제거, 헤더 밑줄은 옅게 */
.island-art{-webkit-mask-image:radial-gradient(ellipse 66% 64% at 51% 52%,#000 74%,transparent 100%);mask-image:radial-gradient(ellipse 66% 64% at 51% 52%,#000 74%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}
.header{border-bottom-color:rgba(22,23,70,.06)}

/* 공개캠페인 카드: 흐릿한 회색 면 → 흰 카드 + 또렷한 구조 */
.interior-page .campaign-grid{gap:20px}
.interior-page .campaign-tile{background:#fff!important;border:1px solid rgba(22,23,70,.1)!important;border-radius:20px;padding:30px 32px 0!important;min-height:0;box-shadow:0 1px 2px rgba(22,23,70,.04),0 10px 28px -18px rgba(22,23,70,.18)!important;transition:border-color .2s,box-shadow .25s,transform .25s;overflow:hidden}
.interior-page .campaign-tile:hover,.interior-page .campaign-tile:focus-visible{border-color:var(--navy)!important;transform:translateY(-3px)!important;box-shadow:0 18px 40px -20px rgba(22,23,70,.3)!important}
.interior-page .campaign-tile-code{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:#EEF4F6;font-size:12px;font-weight:600;color:var(--navy);letter-spacing:.02em}
.interior-page .campaign-tile strong{font-size:clamp(26px,2.2vw,32px);font-weight:700;letter-spacing:-.045em;margin-top:6px}
.interior-page .campaign-tile-meta{font-size:13px;color:var(--green)}
.interior-page .campaign-tile-sum{font-size:15.5px;line-height:1.7;color:#3B3D6B;margin-top:4px}
.interior-page .campaign-tile-go{display:flex!important;justify-content:space-between;align-items:center;margin:22px -32px 0;padding:18px 32px;border-top:1px solid rgba(22,23,70,.08);background:#F7FAFB;font-size:14px;font-weight:700;color:var(--navy)}
.interior-page .campaign-tile-go span{width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid rgba(22,23,70,.12);display:grid;place-items:center;transition:.2s}
.interior-page .campaign-tile:hover .campaign-tile-go span{background:var(--navy);border-color:var(--navy);color:#fff}
.interior-page .campaign-tile{display:flex!important;flex-direction:column}
.interior-page .campaign-tile-go{margin-top:auto!important}
.interior-page .campaign-tile-sum{margin-bottom:22px}

/* 공개캠페인·공시 본문 펼침: 편지지처럼 박스 안에서 짧은 줄로 읽기 */
.campaign-body summary{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px solid rgba(22,23,70,.15);font-size:13.5px;font-weight:600;color:var(--navy);list-style:none}
.campaign-body summary::-webkit-details-marker{display:none}
.campaign-body summary::before{content:"+";font-weight:400}
.campaign-body[open] summary::before{content:"–"}
.campaign-body summary:hover{border-color:var(--navy);color:var(--navy)}
.campaign-body[open] summary{margin-bottom:16px;background:var(--navy);border-color:var(--navy);color:#fff}
.campaign-body .prose{max-width:760px!important;padding:40px 48px 28px!important;border-radius:20px;background:#F3F8FA;border:1px solid rgba(22,23,70,.06);font-size:16.5px;line-height:1.95;color:#2A2C55}
.campaign-body .prose p{margin:0 0 20px}
.campaign-body .prose h4{font-size:17px;font-weight:700;margin:32px 0 12px;line-height:1.6}
.campaign-body .prose strong{font-weight:700;color:var(--navy)}
.rf-close{display:block;margin:12px 0 0;padding:16px 0 0;border-top:1px solid rgba(22,23,70,.08);width:100%;text-align:center;font-size:13.5px;font-weight:600;color:var(--muted)}
.rf-close:hover{color:var(--navy)}
@media (max-width:720px){.campaign-body .prose{padding:26px 22px 20px!important;font-size:16px}}

/* ---------- 투자철학: 마지막 남색 장면에서 푸터까지 끊김 없이 이어지게 ---------- */
.philosophy-page .site-footer{margin-top:0!important;padding-top:56px;padding-bottom:48px;background:#161746;box-shadow:0 0 0 100vmax #161746;clip-path:inset(0 -100vmax);border-top-color:transparent;color:rgba(255,255,255,.6)}
.philosophy-page .site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.12)}
.philosophy-page .site-footer{position:relative}
.philosophy-page .site-footer a,.philosophy-page .site-footer .legal-links a{color:rgba(255,255,255,.72)}
.philosophy-page .site-footer a:hover{color:#fff}
.philosophy-page .site-footer .copyright,.philosophy-page .site-footer .footer-risk,.philosophy-page .site-footer .review-reference{color:rgba(255,255,255,.5)}
.philosophy-page .site-footer .footer-risk{border-color:rgba(255,255,255,.12)}

/* 검색창: 헤더와 같은 배경색 (헤더가 본문 색을 따라가므로 같이 따라감) */
.so-panel{background:var(--hd-bg,var(--bg,#e5f0f4));transition:transform .2s,background-color .25s}

/* 펀드 상세 (태블릿·모바일): 위쪽 목차 띠도 헤더처럼 본문 색을 따라감 (혼자 하늘색 띠로 보이지 않게) */
@media (max-width:1100px){.fd-toc{background:var(--hd-bg,var(--bg));transition:background-color .25s}}
/* 검색창을 열면 헤더와 한 덩어리로: 헤더 밑줄을 없애고 1px 겹쳐 틈(화면 배율에 따른 반 픽셀 틈 포함)을 없앰 */
html.so-open .header{border-bottom-color:transparent;background:var(--hd-bg,var(--bg))}
.so-panel{top:-1px}
html.so-open .header:not(.scrolled){left:0;right:0;padding-left:4.8%;padding-right:4.8%}
@media (max-width:600px){html.so-open .header:not(.scrolled){padding-left:6%;padding-right:6%}}
/* 약관·방침 페이지(개인정보처리방침 등)도 스튜어드십 코드처럼 본문을 칸 너비만큼 채움 (오른쪽 빈 여백 없앰) */
.legal-doc .prose{max-width:none}
/* 모바일(터치): 장면 단위로 딱딱 멈추는 스크롤에서 맨 아래 푸터까지 내려가도 마지막 장면으로 다시 끌려 올라가지 않게 */
:root.touch-scene-snap .site-footer{scroll-snap-align:end}
/* 모바일 메뉴(햄버거)를 열었을 때도 헤더처럼 지금 본문 색을 따라감 (남색 구간은 원래대로 남색) */
@media (max-width:1240px){.header .site-menu{background:var(--hd-bg,var(--bg));transition:opacity .25s,transform .25s,visibility .25s,background-color .25s}}
/* 메인 섬: 화면 높이가 낮으면(즐겨찾기 줄·작업표시줄·노트북) 섬 꼭대기가 헤더에 잘리던 것.
   가로로 긴 화면에서만 섬 최대 크기를 높이에 맞추고, 줄어든 만큼 가운데 쪽으로 옮겨 가운데 빈 곳이 커지지 않게.
   화면이 충분히 높으면(1920×1080 기본 등) 지금 크기·위치 그대로(대표님 컨펌). */
.hero .world-wrap{--ww:60%;--wwn:.60}
@media (min-width:1800px){.hero .world-wrap{--ww:58%;--wwn:.58}}
@media (max-height:820px) and (min-width:901px){.hero .world-wrap{--ww:59%;--wwn:.59}}
@media (max-width:1100px){.hero .world-wrap{--ww:59%;--wwn:.59}}
/* (10/27) 901~1100px: 원래 오른쪽으로 5% 삐져나가 섬 끝이 잘리던 것 → 화면 안으로 */
@media (min-width:901px) and (max-width:1100px){.hero .world-wrap{right:0}}
/* (10/27) 섬 크기·위치 (PC): 원래보다 조금 작게(폭 66%→60% 등), 화면 폭 2%만큼 왼쪽으로.
   (10/27) 넓은 화면은 최대 30px 더 왼쪽(--sx). 1440px 이하 작은 화면은 글자와 간격이 좁아 그대로.
   세로 위치는 51.5%를 기본으로 하되, 꼭대기가 헤더에·바닥이 New from LIFE 줄에 걸리지 않게 자동으로 맞춤.
   화면이 낮아서 둘 다 못 지키면 그때만 섬을 줄이고(줄인 만큼 가운데 쪽으로) 맞춤. */
@media (min-width:901px){
  .hero .world-wrap{
    --hs:max(740px,calc(100svh / var(--z,1)));
    --wv:calc(var(--wwn,.6) * 100vw / var(--z,1));
    --w:min(var(--wv),calc(1.648 * var(--hs) - 364px));
    --h:calc(var(--w) / 1.5);
    width:var(--w);
    --sx:clamp(0px,calc((100vw / var(--z,1) - 1440px) * .065),30px);
    margin-right:calc(2% + var(--sx) + (var(--wv) - var(--w)) / 2);
    top:min(max(51.5%,calc(.48 * var(--h) + 116px)),calc(var(--hs) - 105px - .43 * var(--h)))
  }
}

/* 메인 첫 화면 (10/27): 원래 배치는 그대로 두고
   - 설명 문구 아래 버튼 2개 (공모펀드 보기 · 라이프 투자철학)
   - 배경: 위는 원래 하늘색, 아래로 갈수록 살짝 연한 하늘색. 섬 그림의 네모 바탕은 가장자리를 흐려 배경에 녹임
   - New from LIFE 칸 바탕도 아래 색에 맞춰 원래처럼 섬 바닥을 가림 */
.hero .hero-cta{display:flex;gap:10px;margin-top:30px}
.hero .hero-cta a{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:-.02em;transition:transform .2s,box-shadow .2s,background .2s}
.hero .hero-cta a.primary{background:var(--navy);color:#fff}
.hero .hero-cta a.secondary{background:rgba(255,255,255,.85);color:var(--navy);box-shadow:inset 0 0 0 1px rgba(22,23,70,.12)}
.hero .hero-cta a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(22,23,70,.12)}
.hero .hero-cta a span{font-size:13px;opacity:.8}
.hero .hero-stage{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 12%,#EDF3F6 88%,#EDF3F6 100%)}
.hero .news-peek{background:#EDF3F6}
.news-section{background:linear-gradient(180deg,#EDF3F6 0%,#fff 22%,#fff 72%,var(--bg) 100%)}
.hero .island-art{-webkit-mask-image:radial-gradient(ellipse 52% 54% at 51% 52%,#000 80%,transparent 100%);mask-image:radial-gradient(ellipse 52% 54% at 51% 52%,#000 80%,transparent 100%)}
@media (max-width:900px){.hero .hero-cta{margin-top:20px;gap:8px}.hero .hero-cta a{height:42px;padding:0 18px;font-size:14px}}
/* 버튼이 생겨 글 묶음이 길어진 만큼 PC에서 글 묶음을 조금 위로 (원래 22% → 19%, 낮은 화면 20% → 17%) */
@media (min-width:901px){.hero .intro{top:19%}}
@media (max-height:820px) and (min-width:901px){.hero .intro{top:17%}}
@media (max-width:1100px) and (min-width:901px){.hero .intro{top:20%}}

/* 법적 고지: 제목 묶음과 본문 사이 여백 줄임 (탭이 없는 글 페이지) */
.legal-doc.interior-block{padding-top:20px}
@media(max-width:600px){.legal-doc.interior-block{padding-top:12px}}

/* 사모펀드 투자대상 표: 넓은 화면에서는 줄(article) 바탕을 비워 칸 사이 틈에 회청색 띠가 보이지 않게 (좁은 화면은 줄이 카드라 그대로) */
@media(min-width:901px){.interior-page .pv-targets article{background:none;border-radius:0}}

/* Careers 다듬기 2026.11: 섹션 제목을 또렷하게(구분선 + 남색 제목), 첫 문단은 덜 무겁게, 채용 절차는 → 로 이어지게,
   안내 문단은 작게, 접수 상태는 작은 표시로 (내용은 CMS 그대로) */
[data-cms-slot="careers"]>p:first-child{font-weight:500;line-height:1.7;margin-bottom:8px}
[data-cms-slot="careers"] h3{display:flex;align-items:center;gap:10px;margin:64px 0 22px;padding-top:30px;border-top:1px solid rgba(22,23,70,.1);font-size:1.25rem;font-weight:600;letter-spacing:-.03em;color:var(--navy)}
[data-cms-slot="careers"] h3::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:var(--green)}
[data-cms-slot="careers"] h3+ol>li{color:#4d6470}
[data-cms-slot="careers"] h3+ol>li strong{font-size:1.0625rem;margin-bottom:8px}
[data-cms-slot="careers"] h3+ol.is-steps>li{position:relative}
@media (min-width:721px){[data-cms-slot="careers"] h3+ol.is-steps>li+li::after{content:'→';position:absolute;left:-12px;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(22,23,70,.12);font-size:13px;color:var(--navy)}}
[data-cms-slot="careers"] ol+p,[data-cms-slot="careers"] ul+p{font-size:.875rem;line-height:1.75;color:#6b7c85}
[data-cms-slot="careers"] table td:first-child{white-space:nowrap}
[data-cms-slot="careers"] table tbody td:first-child{font-size:.8125rem;font-weight:600;color:#6b7c85}
/* Careers: 연한 파란 상자를 빼고 선으로 나눔 (카드는 위쪽 굵은 선 + 여백, 지원 방법은 줄마다 얇은 선) */
[data-cms-slot="careers"] h3+ol{gap:0 28px}
[data-cms-slot="careers"] h3+ol>li{background:none;border-radius:0;padding:20px 0 6px;border-top:2px solid var(--navy)}
[data-cms-slot="careers"] h3+ol.is-steps>li{border-top-color:rgba(22,23,70,.18)}
[data-cms-slot="careers"] h3+ol.is-steps>li:first-child{border-top-color:var(--navy)}
@media (min-width:721px){[data-cms-slot="careers"] h3+ol.is-steps>li+li::after{left:-14px;top:0}}
@media (max-width:720px){[data-cms-slot="careers"] h3+ol{gap:18px}}
[data-cms-slot="careers"] ul{padding:0;border-radius:0;background:none;border-top:1px solid rgba(22,23,70,.1)}
[data-cms-slot="careers"] ul li{margin:0;padding:14px 0;border-bottom:1px solid rgba(22,23,70,.1)}
/* Careers 2026.11-2: Why We Work Here 2×2(번호 왼쪽 · 제목 굵게), 채용 절차는 번호 원 + 잇는 선, 지원 방법은 이름 | 설명 두 칸 */
[data-cms-slot="careers"] h3+ol:not(.is-steps){grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
[data-cms-slot="careers"] h3+ol:not(.is-steps)>li{display:grid;grid-template-columns:52px minmax(0,1fr);align-content:start;padding:26px 0 28px;border-top:1px solid rgba(22,23,70,.14);font-size:.9375rem;line-height:1.8}
[data-cms-slot="careers"] h3+ol:not(.is-steps)>li::before{grid-row:1/span 2;margin:0;font-size:22px;font-weight:600;line-height:1.3;color:var(--green)}
[data-cms-slot="careers"] h3+ol>li strong{font-size:1.125rem;font-weight:700;color:var(--navy);margin-bottom:6px;letter-spacing:-.03em}
[data-cms-slot="careers"] h3+ol.is-steps{gap:0 24px}
[data-cms-slot="careers"] h3+ol.is-steps>li,[data-cms-slot="careers"] h3+ol.is-steps>li:first-child{border-top:0;padding:0 0 6px;font-size:.9375rem;line-height:1.8}
[data-cms-slot="careers"] h3+ol.is-steps>li::before{display:grid;place-items:center;width:40px;height:40px;margin:0 0 16px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px}
[data-cms-slot="careers"] h3+ol.is-steps>li::after,[data-cms-slot="careers"] h3+ol.is-steps>li+li::after{content:'';position:absolute;top:20px;left:52px;right:-12px;width:auto;height:1px;transform:none;border-radius:0;box-shadow:none;background:rgba(22,23,70,.18)}
[data-cms-slot="careers"] h3+ol.is-steps>li:last-child::after{content:none}
@media (max-width:1100px){[data-cms-slot="careers"] h3+ol:not(.is-steps){gap:0 32px}}
@media (max-width:720px){
  [data-cms-slot="careers"] h3+ol:not(.is-steps){grid-template-columns:minmax(0,1fr)}
  [data-cms-slot="careers"] h3+ol:not(.is-steps)>li{grid-template-columns:40px minmax(0,1fr);padding:20px 0 22px}
  [data-cms-slot="careers"] h3+ol.is-steps{gap:22px}
  [data-cms-slot="careers"] h3+ol.is-steps>li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 14px}
  [data-cms-slot="careers"] h3+ol.is-steps>li::before{grid-row:1/span 2;margin:0}
  [data-cms-slot="careers"] h3+ol.is-steps>li::after{content:none}
}
[data-cms-slot="careers"] ul>li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:0 24px;padding:16px 0}
[data-cms-slot="careers"] ul>li .cr-label{font-weight:600;color:var(--navy)}
[data-cms-slot="careers"] ul>li .cr-text{color:#3d5560}
[data-cms-slot="careers"] ul>li.cr-plain{display:block;padding-left:144px;font-size:.875rem;color:#6b7c85}
@media (max-width:720px){[data-cms-slot="careers"] ul>li{grid-template-columns:minmax(0,1fr);gap:4px}[data-cms-slot="careers"] ul>li.cr-plain{padding-left:0}}
[data-cms-slot="careers"] .table-scroll table{display:table;width:100%}
/* Careers 2026.11-3: Why We Work Here → 한 줄에 하나(번호 · 제목 · 설명 세 칸), 채용 절차 → 번호를 가운데로, 원과 원 사이만 선 */
@media (min-width:901px){
  [data-cms-slot="careers"] h3+ol:not(.is-steps){grid-template-columns:minmax(0,1fr);gap:0}
  [data-cms-slot="careers"] h3+ol:not(.is-steps)>li{grid-template-columns:72px 280px minmax(0,1fr);align-items:baseline;gap:0 24px;padding:28px 0 30px}
  [data-cms-slot="careers"] h3+ol:not(.is-steps)>li:last-child{border-bottom:1px solid rgba(22,23,70,.14)}
  [data-cms-slot="careers"] h3+ol:not(.is-steps)>li::before{grid-row:auto;font-size:30px;font-weight:500;letter-spacing:-.02em}
  [data-cms-slot="careers"] h3+ol:not(.is-steps)>li strong{margin:0;font-size:1.1875rem}
}
@media (min-width:721px){
  [data-cms-slot="careers"] h3+ol.is-steps>li{text-align:center;padding:0 12px 6px}
  [data-cms-slot="careers"] h3+ol.is-steps>li::before{margin:0 auto 18px;width:44px;height:44px}
  [data-cms-slot="careers"] h3+ol.is-steps>li::after,[data-cms-slot="careers"] h3+ol.is-steps>li+li::after{top:22px;left:calc(50% + 34px);right:auto;width:calc(100% + 24px - 68px)}
  [data-cms-slot="careers"] h3+ol.is-steps>li:last-child::after{content:none}
}
@media (max-width:720px){[data-cms-slot="careers"] h3+ol.is-steps>li::after,[data-cms-slot="careers"] h3+ol.is-steps>li+li::after{content:none}}
/* 채용 절차 설명: 넓은 칸에서 한 줄로 짧게 흩어지지 않게 가운데 좁은 폭(두 줄 남짓)으로 모음 */
@media (min-width:721px){
  [data-cms-slot="careers"] h3+ol.is-steps>li{display:flex;flex-direction:column;align-items:center}
  [data-cms-slot="careers"] h3+ol.is-steps>li strong{margin-bottom:10px}
  [data-cms-slot="careers"] h3+ol.is-steps>li .cr-desc{display:block;max-width:340px;text-wrap:balance}
}
[data-cms-slot="careers"] li,[data-cms-slot="careers"] p,[data-cms-slot="careers"] td{word-break:keep-all;overflow-wrap:anywhere}
/* Careers 2026.11-4: 목록 글씨 한 단계 작게, 채용 절차 안내문은 절차와 띄우고 아래 구분선과는 가깝게, 지원 방법 마지막 안내는 왼쪽부터 */
@media (min-width:901px){
  [data-cms-slot="careers"] h3+ol:not(.is-steps)>li{grid-template-columns:56px 260px minmax(0,1fr);padding:24px 0 26px}
  [data-cms-slot="careers"] h3+ol:not(.is-steps)>li::before{font-size:22px}
  [data-cms-slot="careers"] h3+ol:not(.is-steps)>li strong{font-size:1.0625rem}
}
[data-cms-slot="careers"] h3+ol.is-steps{margin-bottom:0}
[data-cms-slot="careers"] h3+ol.is-steps+p{margin:44px 0 0}
[data-cms-slot="careers"] h3+ol.is-steps+p+h3{margin-top:36px}
[data-cms-slot="careers"] ul>li.cr-plain{padding-left:0}
/* Careers 2026.11-5: Contact 탭과 같은 톤으로 글씨 한 단계씩 줄임 (첫 문단 · 섹션 제목 · 목록 제목 · 지원 방법) */
[data-cms-slot="careers"]>p:first-child{font-size:clamp(17px,1.25vw,19px);line-height:1.8;font-weight:500;letter-spacing:-.03em}
[data-cms-slot="careers"] h3{font-size:1.0625rem;margin:56px 0 18px;padding-top:28px}
[data-cms-slot="careers"] h3+ol>li strong{font-size:1rem}
@media (min-width:901px){[data-cms-slot="careers"] h3+ol:not(.is-steps)>li strong{font-size:1rem}[data-cms-slot="careers"] h3+ol:not(.is-steps)>li::before{font-size:19px}}
[data-cms-slot="careers"] h3+ol>li,[data-cms-slot="careers"] h3+ol:not(.is-steps)>li,[data-cms-slot="careers"] h3+ol.is-steps>li{font-size:.9375rem}
[data-cms-slot="careers"] h3+ol.is-steps>li::before{width:40px;height:40px;font-size:12px}
@media (min-width:721px){[data-cms-slot="careers"] h3+ol.is-steps>li::after,[data-cms-slot="careers"] h3+ol.is-steps>li+li::after{top:20px;left:calc(50% + 30px);width:calc(100% + 24px - 60px)}}
[data-cms-slot="careers"] ul>li{font-size:.9375rem;padding:14px 0}
[data-cms-slot="careers"] ul>li .cr-label{font-size:.875rem}
[data-cms-slot="careers"] table{font-size:.9375rem}