/* 르코&렉스가 덧붙인 구간 스타일. 색과 글꼴은 base.css 값을 그대로 쓴다 */
.work-sec{background:#fff}
.work-head{max-width:52rem}
.xfig{margin:clamp(3rem,6vw,4.5rem) 0 0;padding-top:1.5rem;border-top:1px solid var(--ink)}
.xfig__head{display:grid;gap:.35rem;margin-bottom:1.5rem}
.xfig__head small{font-size:var(--fs-l);font-weight:700;letter-spacing:.12em;color:var(--forest)}
.xfig__head b{font-size:var(--fs-3);line-height:1.45;letter-spacing:-.02em;color:var(--ink)}
.xfig__head span{max-width:52rem;font-size:var(--fs-s);line-height:1.7;color:var(--sub)}
.xfig__body{overflow-x:auto;-webkit-overflow-scrolling:touch}
.xfig__note{margin-top:1rem;font-size:var(--fs-l);line-height:1.7;color:var(--muted)}
.mod-note{display:grid;gap:1.5rem;margin-top:clamp(3.5rem,6vw,5rem);padding-top:2.5rem;border-top:1px solid var(--ink)}
@media(min-width:1000px){.mod-note{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:5rem}}
.mod-note h3{font-size:var(--fs-2);line-height:1.35;letter-spacing:-.03em}
.mod-note p{color:var(--sub);text-wrap:pretty}
.mod-note p+p{margin-top:1rem}

/* 모바일 손질 (2026-11-01): 비교 카드는 위아래로, 프로그램 흐름도는 세로로 */
@media(max-width:560px){
  .vs{grid-template-columns:minmax(0,1fr);gap:0}
  .vs__mark{position:relative;left:auto;top:auto;transform:none;margin:-12px auto;z-index:2}
  .vs__card{padding:1.25rem 1.25rem 1.4rem}
  .vs__row p{font-size:var(--fs-s)}
  .vs__row:last-child p{font-size:var(--fs-3)}
}
@media(max-width:760px){
  .flow-wrap{overflow:visible}
  .flow{grid-template-columns:minmax(0,1fr);min-width:0;gap:34px;padding-bottom:0}
  .fcol{opacity:1;transform:none}
  .fhead{height:auto;margin-bottom:10px;text-align:left;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
  .fhead b{margin-top:0}
  .fbox{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:14px}
  .fn{padding:9px 6px}
  .fn+.fn::before{display:none}
  .fcon{right:auto;left:50%;top:auto;bottom:-28px;width:2px;height:20px;transform:translateX(-50%);background:repeating-linear-gradient(180deg,var(--forest) 0 4px,transparent 4px 8px);background-size:2px 8px;animation:none}
  .fcon::after{right:auto;left:-4px;top:auto;bottom:-6px;border:5px solid transparent;border-top:6px solid var(--forest);border-bottom:0}
  .fcon b{display:none}
  .floop{position:static;height:auto;border:0;margin-top:2px;text-align:center}
  .floop::after{display:none}
  .floop span{position:static;transform:none;display:inline-block;padding:0;background:none;white-space:normal}
}
/* 동작 방식 그림: 휴대폰에서 입력 목록을 한 줄로 두어 선이 칸을 가로지르지 않게 */
@media(max-width:760px){.r15-src{grid-template-columns:minmax(0,1fr)}}

/* 신청서 동의 칸: 필수(수집·이용, 국외 이전 안내)와 선택(레터 수신) */
.consent{display:grid;gap:10px}
.consent__item{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff}
.consent .agree{color:var(--ink)}
.consent__tag{display:inline-block;margin-right:7px;padding:0 6px;border-radius:4px;background:var(--forest);color:#fff;font-style:normal;font-size:var(--fs-l);font-weight:700;line-height:1.7;vertical-align:1px}
.consent__tag--opt{background:var(--porcelain);color:var(--sub)}
.consent__more{margin:4px 0 0 26px;font-size:var(--fs-s);line-height:1.65;color:var(--sub)}
.consent__more summary{width:max-content;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.consent__more dl{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:4px 10px;margin:10px 0 6px}
.consent__more dt{font-weight:700;color:var(--ink)}
.consent__more dd{margin:0}
.consent__more p{margin:0}
.consent__more a{color:var(--forest)}
.done__note{margin-top:1rem!important;font-size:var(--fs-s)}
@media(max-width:560px){.consent__more{margin-left:0}.consent__more dl{grid-template-columns:minmax(0,1fr);gap:0}.consent__more dd{margin-bottom:6px}}
/* 푸터: 개인정보 처리방침은 다른 고지와 구분되게 굵고 진하게 */
.f-legal a{font-weight:400}
.f-legal a.f-legal__privacy{font-weight:800;color:var(--forest)}

/* 마케팅 정보 수신 동의: 연락 사실을 굵게 보이고 받는 방법을 고르게 */
.consent__note{margin:4px 0 0 26px!important;font-size:var(--fs-s);font-weight:700;color:var(--forest)}
.consent__ch{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0 0 26px;font-size:var(--fs-s);color:var(--ink)}
.consent__ch label{display:inline-flex;gap:6px;align-items:center}
.consent__ch input{accent-color:var(--forest)}
.consent__ch input:disabled+*{opacity:.5}
@media(max-width:560px){.consent__note,.consent__ch{margin-left:0!important}}

/* 동의 칸의 자세히 보기는 노션 처리방침으로 연결 */
.consent__link{display:inline-block;margin:6px 0 0 26px;font-size:var(--fs-s);color:var(--sub);text-decoration:underline;text-underline-offset:3px}
.consent__link:hover{color:var(--forest)}
@media(max-width:560px){.consent__link{margin-left:0}}