/* 애플 스타일 하위 페이지 (body.chqApple 페이지에만 적용). css/sub.css 다음에 로드. 2026-10-22 투자의 이유부터.
   섹션마다 색 변수(--bg --fg --fg2 --fg3 --card --line --acc --accT)를 두고, 어두운 섹션은 js/sub.js가 is-dark를 붙이면 변수가 0.9초에 걸쳐 바뀐다. */
@property --bg{syntax:'<color>';inherits:true;initial-value:#fff}
@property --fg{syntax:'<color>';inherits:true;initial-value:#1d1d1f}
@property --fg2{syntax:'<color>';inherits:true;initial-value:#6e6e73}
@property --fg3{syntax:'<color>';inherits:true;initial-value:#86868b}
@property --card{syntax:'<color>';inherits:true;initial-value:#f5f5f7}
@property --line{syntax:'<color>';inherits:true;initial-value:#d2d2d7}
@property --acc{syntax:'<color>';inherits:true;initial-value:#22c55e}
@property --accT{syntax:'<color>';inherits:true;initial-value:#1a9e4a}
@property --dot{syntax:'<color>';inherits:true;initial-value:rgba(255,255,255,.28)}
@property --g{syntax:'<number>';inherits:true;initial-value:0}

.chqApple{--bg:#fff;--fg:#1d1d1f;--fg2:#6e6e73;--fg3:#86868b;--card:#f5f5f7;--line:#d2d2d7;--acc:#22c55e;--accT:#1a9e4a;--dot:rgba(255,255,255,.28);--mono:"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}
.chqApple .chqSec{--bg:#fff;--fg:#1d1d1f;--fg2:#6e6e73;--fg3:#86868b;--card:#f5f5f7;--line:#d2d2d7;--acc:#22c55e;--accT:#1a9e4a;--dot:rgba(255,255,255,.28);
  background:var(--bg);color:var(--fg);border-top:0;padding:14rem 0;
  transition:--bg .9s ease,--fg .9s ease,--fg2 .9s ease,--fg3 .9s ease,--card .9s ease,--line .9s ease,--acc .9s ease,--accT .9s ease,--dot .9s ease}
.chqApple .chqSec--grey{--bg:#f5f5f7;--card:#fff}
.chqApple .chqSec--dark{--bg:#fff}
.chqApple .chqSec.is-dark,.chqApple .chqSec--darkFixed,.chqApple .chqSec--photo{--bg:#000;--fg:#f5f5f7;--fg2:#a1a1a6;--fg3:#86868b;--card:#1d1d1f;--line:#424245;--acc:#30d158;--accT:#30d158;--dot:rgba(0,0,0,.3)}
.chqApple .chqSec--state{padding:0}
.chqApple .chqSec:has(.chqSec__head:only-child){padding:12rem 0}
.chqApple .chqSec--dark+.chqSec,.chqApple .chqSec--darkFixed+.chqSec{border-top:0}
.chqApple .chqSec--darkFixed{transition:none}

/* 머리 영역 */
.chqApple .chqHero{padding:20rem 0 6rem;text-align:center;color:var(--fg)}
.chqApple .chqHero .chqLabel{justify-content:center}
.chqApple .chqHero__title{margin:2.4rem auto 0;max-width:22ch;font-size:clamp(4rem,6.2vw,9rem);line-height:1.08;font-weight:600;letter-spacing:-.035em}
.chqApple .chqHero__sub{margin:3.2rem auto 0;max-width:72rem;font-size:clamp(1.9rem,1.6vw,2.4rem);line-height:1.6;color:var(--fg2)}
.chqApple .chqBtns{justify-content:center;margin-top:4rem}
.chqApple .chqBtn{border-color:var(--fg);color:var(--fg);font-size:1.6rem;padding:1.8rem 3rem}
.chqApple .chqBtn:hover,.chqApple .chqBtn--fill{background:var(--fg);color:var(--bg)}
.chqApple .chqBtn--fill:hover{background:transparent;color:var(--fg)}

/* 큰 문장 */
.chqApple .chqState{padding:14rem 0 16rem}
.chqApple .chqState__txt{max-width:26ch;font-size:clamp(3.2rem,5vw,7.2rem);line-height:1.15;font-weight:600;letter-spacing:-.035em;color:var(--fg)}
.chqApple .chqState__txt em{color:var(--accT)}
.chqApple .chqState--grey .chqState__txt em{color:var(--fg3)}
.chqApple .chqState__sub{margin-top:3.2rem;max-width:64rem;font-size:2rem;color:var(--fg2)}

/* 섹션 머리: 가운데 정렬, 작은 초록 라벨, 큰 제목 */
.chqApple .chqSec__head{text-align:center;justify-items:center;margin-bottom:7.2rem}
.chqApple .chqSec__head--left{text-align:left;justify-items:start}
.chqApple .chqLabel{justify-content:center;font-size:1.3rem;color:var(--fg3)}
.chqApple .chqSec__head--left .chqLabel{justify-content:flex-start}
.chqApple .chqLabel b{color:var(--accT);font-size:2.1rem;font-weight:600;letter-spacing:-.01em}
.chqApple .chqSec__title{margin:1.6rem 0 0;max-width:20ch;font-size:clamp(3.4rem,4.6vw,6.8rem);line-height:1.12;font-weight:600;letter-spacing:-.03em;color:var(--fg)}
.chqApple .chqLead{margin:2.8rem auto 0;max-width:72rem;font-size:clamp(1.9rem,1.6vw,2.3rem);line-height:1.65;color:var(--fg2);word-break:keep-all}
.chqApple .chqSec__head--left .chqLead{margin-left:0}
.chqApple .chqText{font-size:1.9rem;line-height:1.75;color:var(--fg2)}
.chqApple .chqSec h3{color:var(--fg)}
.chqApple .chqSec__title .chqNum{font-variant-numeric:tabular-nums}
.chqEok{font-size:.5em;font-weight:500;letter-spacing:0;margin:0 .15em 0 .05em}

/* 고정폭 작은 라벨 (도식 레퍼런스의 FIG. 01 느낌) */
.chqMono{display:flex;align-items:center;gap:1rem;margin:0;font-family:var(--mono);font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg3);white-space:nowrap}
.chqMono i{width:1rem;height:1rem;background:var(--acc);border-radius:.15rem;flex:none}

/* 큰 숫자 */
.chqApple .chqStats{gap:6rem}
.chqApple .chqStats--2{grid-template-columns:1fr 1fr;max-width:96rem;margin:0 auto}
.chqApple .chqStat{border-top:0;padding-top:0}
.chqApple .chqStat__num{font-size:clamp(5.2rem,6.4vw,9rem);font-weight:600;letter-spacing:-.045em;color:var(--fg)}
.chqApple .chqStat__num small{font-size:.3em;font-weight:400;letter-spacing:0;margin-left:.6rem;color:var(--fg2)}
.chqApple .chqStat__lab{margin-top:1.6rem;font-size:1.6rem;line-height:1.7;color:var(--fg2)}

/* 둥근 카드 */
.chqApple .chqBento{gap:2rem}
.chqApple .chqCell{background:var(--card);border-radius:3.2rem;padding:4.4rem;min-height:30rem;color:var(--fg)}
.chqApple .chqCell--dark{background:#1d1d1f;color:#f5f5f7}
.chqApple .chqCell__k{font-family:var(--mono);font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg3)}
.chqApple .chqCell__big{font-size:clamp(4.4rem,5vw,7.2rem);font-weight:600;letter-spacing:-.04em;color:var(--fg)}
.chqApple .chqCell__big small{font-size:.32em;font-weight:400;letter-spacing:0;color:var(--fg2)}
.chqApple .chqCell__t{font-size:2.4rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.chqApple .chqCell__d{font-size:1.6rem;line-height:1.7;color:var(--fg2)}
.chqApple .chqCell--dark .chqCell__k{color:#86868b}
.chqApple .chqCell--dark .chqCell__big{color:#30d158}
.chqApple .chqCell--dark .chqCell__big small{color:#a1a1a6}
.chqApple .chqCell--dark .chqCell__d{color:#a1a1a6}
.chqApple .chqCell--link:hover{background:var(--line)}

/* 포함 범위 테두리 (타일 묶음) */
.chqIncl{position:relative;margin-top:1.6rem;padding:3.2rem;border:1px dashed var(--line);border-radius:4rem}
.chqIncl__tag{position:absolute;top:-1rem;left:50%;transform:translateX(-50%);padding:0 1.6rem;background:var(--bg)}
.chqIncl .chqCell{min-height:22rem;padding:3.6rem}

/* 사진 위 유리 카드 */
.chqApple .chqSec--photo{position:relative;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;padding:16rem 0}
.chqApple .chqSec--photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.58));pointer-events:none}
.chqApple .chqSec--photo .chqWrap{position:relative}
.chqGlass{margin:0 auto;max-width:116rem;padding:5.6rem;border-radius:3.6rem;background:rgba(18,18,20,.5);-webkit-backdrop-filter:blur(26px) saturate(1.2);backdrop-filter:blur(26px) saturate(1.2);border:1px solid rgba(255,255,255,.12);box-shadow:0 3rem 8rem rgba(0,0,0,.25)}
.chqGlass__row{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem}
.chqGlass__item+.chqGlass__item{border-left:1px solid rgba(255,255,255,.14);padding-left:4rem}
.chqGlass__num{margin:2.4rem 0 0;font-size:clamp(4.8rem,6vw,8.4rem);line-height:1;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#f5f5f7}
.chqGlass__num small{font-size:.26em;font-weight:400;letter-spacing:0;margin-left:.8rem;color:#a1a1a6}
.chqGlass__d{margin:1.6rem 0 0;font-size:1.5rem;line-height:1.7;color:#a1a1a6;word-break:keep-all}
.chqGlass__foot{margin-top:4.8rem;padding-top:3.2rem;border-top:1px solid rgba(255,255,255,.14)}
.chqGlass .chqTable th{border-bottom-color:rgba(255,255,255,.2)}
.chqGlass .chqTable td{border-bottom-color:rgba(255,255,255,.1)}

/* 표 */
.chqApple .chqTable{font-size:1.6rem;color:var(--fg)}
.chqApple .chqTable th{color:var(--fg3);border-bottom-color:var(--line);font-weight:500;font-size:1.3rem;letter-spacing:.06em}
.chqApple .chqTable td{color:var(--fg2);border-bottom-color:var(--line)}
.chqApple .chqTable td:first-child,.chqApple .chqTable tfoot td{color:var(--fg)}
.chqApple .chqTable tfoot td{border-top-color:var(--fg)}

/* 주석, 목록 */
.chqApple .chqNote{border-left-color:var(--acc);color:var(--fg2);max-width:84rem;font-size:1.5rem}
.chqApple .chqSmall{color:var(--fg3)}
.chqApple .chqList{color:var(--fg2)}
.chqApple .chqList li::before{background:var(--acc)}
.chqApple .chqGroupTitle{color:var(--fg)}
.chqApple .chqGroupTitle small{color:var(--fg3)}

/* 도식: 전체 폭, 배경 없음, 색은 변수 */
.chqApple .chqFig--plain{background:none;padding:0;border-radius:0;max-width:120rem;margin:0 auto}
.chqApple .chqFig--plain figcaption{text-align:center;margin-top:2.4rem;color:var(--fg3)}
.chqApple svg .ks{stroke:var(--fg);fill:none}
.chqApple svg .gs{stroke:var(--line);fill:none}
.chqApple svg .as{stroke:var(--acc);fill:none}
.chqApple svg .bgs{stroke:var(--bg);fill:none}
.chqApple svg .k{fill:var(--fg)}
.chqApple svg .g{fill:var(--fg3)}
.chqApple svg .lf{fill:var(--line)}
.chqApple svg .cf{fill:var(--card)}
.chqApple svg .a{fill:var(--acc)}
.chqApple svg .at{fill:var(--accT)}
.chqApple svg .bgf{fill:var(--bg)}
.chqApple svg .m{font-family:var(--mono);letter-spacing:.1em}
.chqApple svg text{font-family:inherit}

/* 세 항목 가로 나열 (아이콘 삼총사 레이아웃) */
.chqTrio{display:grid;grid-template-columns:repeat(3,1fr);margin:6.4rem 0 0;padding:0;list-style:none}
.chqTrio li{padding:0 4rem;text-align:center;border-left:1px solid var(--line)}
.chqTrio li:first-child{border-left:0}
.chqTrio .chqMono{justify-content:center;margin-bottom:1.6rem}
.chqTrio b{display:block;font-size:2.2rem;font-weight:600;letter-spacing:-.01em;line-height:1.35;word-break:keep-all;color:var(--fg)}
.chqTrio p{margin:1.2rem 0 0;font-size:1.5rem;line-height:1.7;color:var(--fg2);word-break:keep-all}

/* 화면 고정 장면 (데스크톱에서 js/sub.js가 ScrollTrigger로 고정, 모바일은 그냥 흐름) */
.chqPin__stage{min-height:100vh;display:flex;align-items:center;box-sizing:border-box;padding:8rem 0}
.chqPin__grid{display:grid;grid-template-columns:1fr 1.3fr;gap:8rem;align-items:center;width:100%;box-sizing:border-box}
.chqPin__copy .chqSec__head{text-align:left;justify-items:start;margin-bottom:0}
.chqPin__copy .chqLabel{justify-content:flex-start}
.chqPin__copy .chqSec__title{max-width:14ch}
.chqPin__steps{position:relative;margin-top:3.2rem;min-height:14rem}
.chqPin__step{position:absolute;left:0;top:0;margin:0;max-width:46rem;font-size:1.9rem;line-height:1.7;color:var(--fg2);word-break:keep-all;opacity:0;transform:translateY(1.2rem);transition:opacity .5s ease,transform .5s ease}
.chqPin__step.is-active{opacity:1;transform:none}
.chqPin__after{margin-top:4rem}

/* 세로 막대 차트 (점 무늬 채움, 한 항목만 강조) */
.chqChart{position:relative}
.chqChart__plot{position:relative;display:grid;grid-template-columns:repeat(var(--n,8),1fr);gap:1.6rem;height:min(54vh,50rem);margin:0;padding:3.6rem 0 0;list-style:none;border-bottom:1px solid var(--line)}
.chqChart__grid{position:absolute;left:0;right:0;top:3.6rem;bottom:0;pointer-events:none}
.chqChart__gl{position:absolute;left:0;right:0;border-top:1px dashed var(--line)}
.chqChart__gl span{position:absolute;right:0;top:-.8rem;transform:translateY(-100%);font-family:var(--mono);font-size:1.25rem;letter-spacing:.1em;color:var(--fg3)}
.chqChart__bar{position:relative;display:grid;grid-template-rows:1fr auto;min-width:0;--g:0;transition:--g 1.1s cubic-bezier(.2,.6,.2,1)}
.chqChart.is-in .chqChart__bar{--g:1}
.chqChart__bar:nth-child(2){transition-delay:.08s}.chqChart__bar:nth-child(3){transition-delay:.16s}.chqChart__bar:nth-child(4){transition-delay:.24s}
.chqChart__bar:nth-child(5){transition-delay:.32s}.chqChart__bar:nth-child(6){transition-delay:.4s}.chqChart__bar:nth-child(7){transition-delay:.48s}.chqChart__bar:nth-child(8){transition-delay:.56s}
.chqChart__bar:nth-child(9){transition-delay:.64s}.chqChart__bar:nth-child(10){transition-delay:.72s}.chqChart__bar:nth-child(11){transition-delay:.8s}.chqChart__bar:nth-child(12){transition-delay:.88s}
.chqChart__bar--acc .chqChart__fill{background-color:var(--acc);opacity:1}.chqChart__bar--acc .chqChart__val{color:var(--accT)}
.chqChart__bar--soft .chqChart__fill{background-color:var(--fg3)}
.is-pinned .chqChart__bar{transition:none}
.chqChart__track{position:relative;height:100%}
.chqChart__fill{position:absolute;left:0;right:0;bottom:0;height:calc(var(--v)*100%);transform:scaleY(var(--g));transform-origin:bottom;border-radius:.8rem .8rem 0 0;background-color:var(--fg);background-image:radial-gradient(circle at 1.5px 1.5px,var(--dot) 1.1px,transparent 1.7px);background-size:7px 7px;opacity:.9;transition:background-color .5s ease,opacity .5s ease}
.chqChart__bar.is-hl .chqChart__fill{background-color:var(--acc);opacity:1}
.chqChart__bar.is-dim .chqChart__fill{opacity:.28}
.chqChart__val{position:absolute;left:50%;bottom:calc(var(--v)*var(--g)*100% + 1rem);transform:translateX(-50%);font-size:1.35rem;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--fg);opacity:var(--g);transition:color .5s ease}
.chqChart__bar.is-dim .chqChart__val{color:var(--fg3)}
.chqChart__bar.is-hl .chqChart__val{color:var(--accT)}
.chqChart__lab{margin-top:1.4rem;text-align:center;font-family:var(--mono);font-size:1.3rem;letter-spacing:.1em;color:var(--fg3);white-space:nowrap}
.chqChart__cap{margin:2rem 0 0;font-size:1.3rem;line-height:1.6;color:var(--fg3);text-align:right}

/* 모바일과 태블릿 */
@media (max-width:1023px){
  .chqPin__stage{min-height:0;display:block;padding:0}
  .chqPin__grid{grid-template-columns:1fr;gap:4.8rem}
  .chqPin__steps{min-height:0;margin-top:2.4rem;display:grid;gap:1.6rem}
  .chqPin__step{position:static;opacity:1;transform:none}
  .chqTrio{grid-template-columns:1fr;gap:3.2rem;margin-top:4.8rem}
  .chqTrio li{border-left:0;padding:0;text-align:left}
  .chqTrio .chqMono{justify-content:flex-start}
  .chqGlass{padding:4rem;border-radius:2.8rem}
  .chqGlass__row{grid-template-columns:1fr;gap:3.2rem}
  .chqGlass__item+.chqGlass__item{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.14);padding-top:3.2rem}
}
@media (max-width:767px){
  .chqApple .chqSec{padding:8rem 0}
  .chqApple .chqSec:has(.chqSec__head:only-child){padding:7rem 0}
  .chqApple .chqHero{padding:14rem 0 4rem}
  .chqApple .chqState{padding:8rem 0 9rem}
  .chqApple .chqSec__head{margin-bottom:4.4rem}
  .chqApple .chqStats{gap:4rem}
  .chqApple .chqStats--2{grid-template-columns:1fr}
  .chqApple .chqCell{padding:3.2rem;min-height:0;border-radius:2.4rem}
  .chqIncl{padding:2rem;border-radius:2.8rem}
  .chqIncl .chqCell{padding:2.8rem}
  .chqApple .chqSec--photo{padding:10rem 0}
  .chqGlass{padding:3.2rem 2.4rem;border-radius:2.4rem}
  .chqChart__plot{display:grid;grid-template-columns:1fr;gap:1.4rem;height:auto;padding:0;border-bottom:0}
  .chqChart__grid{display:none}
  .chqChart__bar{grid-template-rows:none;grid-template-columns:6.5rem 1fr 7rem;align-items:center;gap:1rem}
  .chqChart__lab{order:1;margin:0;text-align:left;white-space:normal}
  .chqChart__track{order:2;height:1.2rem;background:var(--card);border-radius:999px;overflow:visible}
  .chqChart__fill{top:0;bottom:0;right:auto;height:auto;width:calc(var(--v)*100%);transform:scaleX(var(--g));transform-origin:left;border-radius:999px;background-image:none}
  .chqChart__val{position:absolute;left:calc(100% + 1rem);top:50%;bottom:auto;transform:translateY(-50%);text-align:left;font-size:1.3rem}
  .chqHideM{display:none}
  .chqChart__cap{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  .chqApple .chqSec{transition:none}
  .chqChart__bar{--g:1;transition:none}
  .chqPin__step{opacity:1;transform:none;transition:none}
}

/* 고정 장면 안 그림: 여러 장이면 단계에 따라 교차, 요소는 .chqPop(등장) .chqGrowLine(선 자람) .chqGrowY/.chqGrowX(막대 자람)로 진행도에 맞춰 움직인다 */
.chqPin__figs{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-width:0;width:100%}
.chqPin__fig{grid-area:1/1;width:100%;max-width:none;margin:0;opacity:0;transition:opacity .6s ease}
.chqPin__fig svg{width:100%;height:auto}
.chqPin__fig.is-active{opacity:1}
.chqPin__figs>.chqPin__fig:only-child{opacity:1}
.chqPop{opacity:0;transform:scale(.6);transform-box:fill-box;transform-origin:center;transition:opacity .45s ease,transform .55s cubic-bezier(.2,.6,.2,1);transition-delay:var(--d,0s)}
.chqPop.is-on{opacity:1;transform:none}
.chqPop--up{transform:translateY(2.4rem)}
.chqPop--fade{transform:none}
tr.chqPop{transition:opacity .45s ease;transition-delay:var(--d,0s)}
.chqApple .chqSec--cta .chqSec__title span{display:inline-block;background:linear-gradient(180deg,#ffffff 30%,#8a8a8e 72%,#3a3a3e 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.1em;margin-bottom:-.1em}
.chqApple .chqStats.chqPin__nums{grid-template-columns:1fr;gap:2.4rem;margin-top:3.6rem}
.chqPin__nums .chqStat__num{font-size:clamp(3.4rem,3.4vw,5rem)}
.chqPin__nums .chqStat__lab{margin-top:.6rem;font-size:1.4rem;line-height:1.6}
.chqPin__aux{margin-top:3.6rem;max-width:42rem}
.chqPin__aux svg{display:block;width:100%;height:auto}
.chqPin__copy .chqLead{margin-left:0;margin-right:0;font-size:1.8rem}
.chqPin--full .chqPin__stage{padding:4rem 0}
.chqPin--full .chqSec__head{margin-bottom:3.2rem}
.chqPin--full .chqChart__plot{height:min(36rem,46vh)}
.chqPin--full .chqChart .chqMt2{margin-top:0}
.chqPin--full .chqSec__head .chqLead{margin-top:1.6rem;font-size:1.8rem}
.chqPin .chqGantt{gap:.2rem}
.chqPin .chqGantt__legend{display:none}
.chqPin .chqGantt__head{margin-bottom:0}
.chqPin .chqGantt__head{margin-bottom:.2rem;font-size:1.2rem}
.chqPin .chqGantt__head span{padding-bottom:.4rem}

.chqPin .chqGantt__head,.chqPin .chqGantt__row{grid-template-columns:16rem 1fr}
.chqPin .chqGantt__track{height:2rem}
.chqPin .chqGantt__bar{top:.4rem;bottom:.4rem}
.chqPin .chqGantt__name{font-size:1.4rem}
.chqPin .chqGantt__grp{margin:1rem 0 0;font-size:1.2rem}
.chqPin .chqGantt__bar.chqGrowX{transform:scaleX(var(--g));transform-origin:left}
.chqPin.is-in:not(.is-pinned) .chqGantt__bar.chqGrowX{transform:none}
.chqGantt .chqPop{transition:opacity .45s ease}
.chqPin .chqTableWrap{margin:0}
.chqPin__fig .chqTable{font-size:1.5rem}
.chqPin__fig .chqTable th,.chqPin__fig .chqTable td{padding:1.2rem 1rem}
.chqPin--full .chqGlass{padding:3.2rem 4rem}
.chqPin--full .chqGlass__d{font-size:1.4rem}
.chqPin--full .chqGlass__num{font-size:clamp(3.6rem,4.4vw,6.2rem)}
.chqPin--full .chqGlass__foot{margin-top:2.4rem;padding-top:1.6rem}
.chqPin--full .chqGlass__foot .chqTable th,.chqPin--full .chqGlass__foot .chqTable td{padding:1.1rem 1rem}
@media (max-width:767px){.chqApple .chqStats.chqPin__nums{gap:2rem}.chqPin__fig .chqTable th,.chqPin__fig .chqTable td{padding:1.1rem .6rem}}
.chqPin__stage>.chqWrap{width:100%;box-sizing:border-box}
.chqApple .chqSec--gapB{padding-bottom:24rem}
.chqApple .chqSec--cta{padding:2rem 0 20rem}
.chqApple .chqSec--cta .chqSec__head{margin-bottom:0}
.chqApple .chqSec--cta .chqSec__title{max-width:16ch;font-size:clamp(4rem,5.6vw,8.4rem)}
.chqApple .chqSec--cta .chqBtns{margin-top:5.6rem}
@media (max-width:1023px){.chqApple .chqSec--gapB{padding-bottom:16rem}.chqApple .chqSec--cta{padding:8rem 0 14rem}}
@media (max-width:767px){.chqApple .chqSec--gapB{padding-bottom:12rem}.chqApple .chqSec--cta{padding:6rem 0 12rem}}
.is-pinned .chqPop{transition-delay:0s}
.chqGrowLine{--g:0;stroke-dasharray:1;stroke-dashoffset:calc((1 - var(--g))*1px);transition:--g 1.4s cubic-bezier(.4,0,.2,1);transition-delay:var(--d,0s)}
.chqGrowY{--g:0;transform:scaleY(var(--g));transform-box:fill-box;transform-origin:bottom;transition:--g 1.1s cubic-bezier(.2,.6,.2,1);transition-delay:var(--d,0s)}
.chqGrowX{--g:0;transform:scaleX(var(--g));transform-box:fill-box;transform-origin:left;transition:--g 1.1s cubic-bezier(.2,.6,.2,1);transition-delay:var(--d,0s)}
.is-pinned .chqGrowLine,.is-pinned .chqGrowY,.is-pinned .chqGrowX{transition:none}
.chqPin.is-in:not(.is-pinned) .chqPop,.chqFig.is-in:not(.chqPin__fig) .chqPop{opacity:1;transform:none}
.chqPin.is-in:not(.is-pinned) .chqGrowLine,.chqPin.is-in:not(.is-pinned) .chqGrowY,.chqPin.is-in:not(.is-pinned) .chqGrowX,.chqFig.is-in:not(.chqPin__fig) .chqGrowLine,.chqFig.is-in:not(.chqPin__fig) .chqGrowY,.chqFig.is-in:not(.chqPin__fig) .chqGrowX{--g:1}
.chqPin__copy .chqPin__step h3{margin:0 0 1rem;font-size:2.4rem;font-weight:600;letter-spacing:-.01em;line-height:1.35;color:var(--fg)}
.chqPin__copy .chqPin__step p{margin:0;font-size:1.8rem;line-height:1.7;color:var(--fg2)}
.chqPin__copy .chqPin__step p+p{margin-top:1.2rem}
.chqPin__steps{min-height:22rem}
.chqPin__copy .chqMono{margin-bottom:1.2rem}

/* 두 도식 나란히 */
.chqDuo{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center}
@media (max-width:1023px){.chqDuo{grid-template-columns:1fr;gap:3.2rem}}

/* 범례 */
.chqLegend{display:flex;flex-wrap:wrap;gap:1.6rem 3.2rem;margin:3.2rem 0 0;padding:0;list-style:none;font-family:var(--mono);font-size:1.3rem;letter-spacing:.08em;color:var(--fg3)}
.chqLegend i{display:inline-block;width:1.2rem;height:1.2rem;border-radius:.3rem;margin-right:1rem;vertical-align:-.1rem;background:var(--fg)}
.chqLegend i.a{background:var(--acc)}.chqLegend i.s{background:var(--fg3)}.chqLegend i.l{background:var(--line)}

/* 사진 카드 세 장 (기획 철학), 파트너, 단계, 연락처, 간트, 영상, 폼을 변수 색으로 */
.chqApple .chqValues{gap:2.4rem}
.chqApple .chqValue__img{border-radius:2.8rem;background:var(--card)}
.chqApple .chqValue__no{font-family:var(--mono);font-size:1.3rem;letter-spacing:.1em;color:var(--fg3)}
.chqApple .chqValue__tag{font-size:1.5rem;color:var(--accT);font-weight:600}
.chqApple .chqValue__title{font-size:2.6rem;font-weight:600;letter-spacing:-.015em;line-height:1.3;color:var(--fg)}
.chqApple .chqValue__text{color:var(--fg2)}
.chqApple .chqPartners li{border-top-color:var(--line)}
.chqApple .chqStep{border-top:1px solid var(--line);padding-top:2.8rem}
.chqApple .chqStep__no{font-family:var(--mono);font-size:1.3rem;letter-spacing:.1em;color:var(--accT)}
.chqApple .chqStep__title{font-size:2.3rem;font-weight:600;letter-spacing:-.01em;color:var(--fg)}
.chqApple .chqStep__text{font-size:1.6rem;color:var(--fg2)}
.chqApple .chqContact li{border-top-color:var(--line);color:var(--fg2)}
.chqApple .chqContact li b{color:var(--fg)}
.chqApple .chqGantt{gap:1.2rem}
.chqApple .chqGantt__head{grid-template-columns:22rem repeat(5,1fr);font-family:var(--mono);font-size:1.3rem;letter-spacing:.08em;color:var(--fg3)}
.chqApple .chqGantt__head span{border-left-color:var(--line)}
.chqApple .chqGantt__grp{margin:3.2rem 0 .8rem;font-family:var(--mono);font-size:1.3rem;color:var(--accT)}
.chqApple .chqGantt__row{grid-template-columns:22rem 1fr}
.chqApple .chqGantt__name{font-size:1.5rem;color:var(--fg)}
.chqApple .chqGantt__track{height:3.2rem;background-image:linear-gradient(90deg,var(--line) 1px,transparent 1px)}
.chqApple .chqGantt__bar{top:.6rem;bottom:.6rem;background:var(--fg)}
.chqApple .chqGantt__bar--light{background:var(--acc)}
.chqApple .chqGantt__legend{font-family:var(--mono);font-size:1.3rem;color:var(--fg3)}
.chqApple .chqGantt__legend i{background:var(--fg)}
.chqApple .chqGantt__legend i.l{background:var(--acc)}
.chqApple .chqEp__thumb{border-radius:1.6rem;background:var(--card)}
.chqApple .chqEp__no{color:var(--fg)}
.chqApple .chqEp--more{border-top-color:var(--line)}
.chqApple .chqField>span,.chqApple .chqField legend{color:var(--fg)}
.chqApple .chqField input[type=text],.chqApple .chqField input[type=tel],.chqApple .chqField textarea{color:var(--fg);border-bottom-color:var(--line)}
.chqApple .chqField input:focus,.chqApple .chqField textarea:focus{border-bottom-color:var(--fg)}
.chqApple .chqChip span{border-color:var(--line);color:var(--fg2)}
.chqApple .chqChip input:checked+span{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.chqApple .chqFormMsg{color:var(--fg2)}
.chqApple .chqForm{margin:0 auto}
.chqApple .chqText{max-width:76rem;margin-left:auto;margin-right:auto}
.chqApple .chqSec__head--left+.chqText,.chqPin__copy .chqText{margin-left:0}
.chqApple .chqCell ul{color:var(--fg2);font-size:1.5rem}
.chqApple .chqCell--dark ul{color:#a1a1a6}
.chqApple .chqGallery__item{border-radius:2.8rem;overflow:hidden;background:var(--card)}
.chqApple .chqFig--photo{background:none;padding:0;border-radius:3.2rem;overflow:hidden;max-width:none}
.chqApple .chqFig--photo img{border-radius:3.2rem}
.chqApple .chqFig--photo figcaption{text-align:center;margin-top:2.4rem;color:var(--fg3)}
.chqApple .chqHero__img{border-radius:3.2rem;background:var(--card)}
@media (max-width:1023px){
  .chqPin__figs{display:grid;gap:3.2rem}
  .chqPin__fig{grid-area:auto;opacity:1}
  .chqPin__steps{min-height:0}
  .chqApple .chqValues{grid-template-columns:1fr;gap:4rem}
  .chqApple .chqGantt__head,.chqApple .chqGantt__row{grid-template-columns:12rem 1fr}
}
@media (max-width:767px){
  .chqApple .chqLabel b{font-size:1.8rem}
  .chqApple .chqFig--photo,.chqApple .chqFig--photo img,.chqApple .chqHero__img{border-radius:2rem}
}
@media (prefers-reduced-motion:reduce){
  .chqPop{opacity:1;transform:none;transition:none}
  .chqGrowLine,.chqGrowY,.chqGrowX{--g:1;transition:none}
  .chqPin__fig{transition:none}
}

/* 메인(index) 애플 스타일 2026-10-23: 전면 사진 히어로, 장면 사진, 패럴랙스 */
.chqApple .chqHero--photo{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;padding:0 0 8rem;text-align:left;overflow:hidden;background:#000;--fg:#f5f5f7;--fg2:#d2d2d7;--fg3:#a1a1a6;--acc:#30d158;--accT:#30d158;--line:#424245;color:var(--fg)}
.chqHero__bg{position:absolute;inset:-2%;background-size:cover;background-position:center;transform:scale(1.1);animation:chqHeroZoom 8s cubic-bezier(.2,.6,.2,1) forwards}
@keyframes chqHeroZoom{to{transform:scale(1)}}
.chqApple .chqHero--photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.22) 40%,rgba(0,0,0,.74) 100%);pointer-events:none}
.chqApple .chqHero--photo .chqWrap{position:relative;z-index:1;width:100%}
.chqApple .chqHero--photo .chqLabel{justify-content:flex-start}
.chqApple .chqHero--photo .chqHero__title{margin:2.4rem 0 0;max-width:12ch;font-size:clamp(5.2rem,9vw,13rem);line-height:1;font-weight:700;letter-spacing:-.045em}
.chqApple .chqHero--photo .chqHero__title span{display:inline-block;background:linear-gradient(180deg,#ffffff 36%,#9a9a9e 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.1em;margin-bottom:-.1em}
.chqApple .chqHero--photo .chqHero__sub{margin:3.2rem 0 0;max-width:54rem;font-size:2rem;line-height:1.55;color:var(--fg2)}
.chqApple .chqHero--photo .chqBtns{justify-content:flex-start;margin-top:4rem}
.chqHero__scroll{position:absolute;right:6rem;bottom:3.2rem;z-index:1;margin:0;font-family:var(--mono);font-size:1.2rem;letter-spacing:.24em;color:var(--fg3)}
.chqHero__scroll::after{content:"";display:block;width:1px;height:4.8rem;margin:1.2rem auto 0;background:linear-gradient(180deg,var(--fg3),transparent);animation:chqScrollHint 2.2s ease-in-out infinite}
@keyframes chqScrollHint{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.chqPin__fig .chqPhoto{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:2.8rem;background:var(--card)}
.chqPin__step .chqBtns{justify-content:flex-start;margin-top:2.8rem}
.chqPin__step .chqBtn{padding:1.2rem 2.2rem;font-size:1.5rem}
[data-parallax]{overflow:hidden}
[data-parallax] img{transform:scale(1.18);will-change:transform}
.chqApple .chqChapters .chqPin__copy .chqSec__title{font-size:clamp(3.2rem,4vw,5.2rem)}
@media (max-width:767px){
  .chqApple .chqHero--photo{min-height:92svh;padding:0 0 5rem}
  .chqApple .chqHero--photo .chqHero__title{font-size:clamp(4.4rem,13vw,6.4rem);max-width:none}
  .chqApple .chqHero--photo .chqHero__sub{font-size:1.6rem;margin-top:2rem}
  .chqHero__scroll{display:none}
  .chqPin__fig .chqPhoto{border-radius:2rem;aspect-ratio:4/3}
}

/* 메인 보강 (2026-10-23 v2): 사진 히어로 라벨과 버튼, 유형 사진 카드, 반투명 상단바, 모바일 그림 끼워 넣기 (js/sub.js 9, 10번) */
.chqApple .chqHero--photo .chqLabel{color:#d2d2d7}
.chqApple .chqHero--photo .chqBtn--fill{background:#fff;border-color:#fff;color:#1d1d1f}
.chqApple .chqHero--photo .chqBtn--fill:hover{background:transparent;color:#fff}
.chqTypes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.chqType{position:relative;aspect-ratio:3/4;border-radius:3.2rem;overflow:hidden;background:#1d1d1f;isolation:isolate}
.chqType__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.chqType:hover .chqType__img{transform:scale(1.06)}
.chqType::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.8) 100%);pointer-events:none}
.chqType__body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:3.6rem;color:#f5f5f7}
.chqType__body .chqCell__k{color:#d2d2d7}
.chqType__t{margin:1rem 0 0;font-size:2.6rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:#f5f5f7}
.chqType__d{margin:.8rem 0 0;font-size:1.6rem;line-height:1.5;color:#d2d2d7}
body.chqApple.is-pastHero[data-page=home] .navigationMain__topBar{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:inset 0 -1px 0 rgba(0,0,0,.08)}
@media (max-width:1023px){
  .chqPin--interleave .chqPin__step>.chqPin__fig{margin:0 0 2.4rem}
  .chqChapters .chqPin__steps{gap:5.6rem}
  .chqTypes{grid-template-columns:1fr;gap:1.6rem}
  .chqType{aspect-ratio:4/5;border-radius:2.4rem}
  .chqType__body{padding:2.8rem}
  .chqType__t{font-size:2.2rem}
}
@media (max-width:1023px){html{overflow-x:clip}} /* 푸터 큰 사진(546px)이 가로 스크롤을 만들던 문제, 전 페이지 공통 (2026-10-23) */

/* 도식 라벨 글자 테두리(선 위에 겹칠 때 가독성) 2026-10-23 */
.chqApple svg text.halo{paint-order:stroke;stroke:var(--bg,#fff);stroke-width:7px;stroke-linejoin:round}

/* 메인 01 배치 키맵 도면 2026-10-23: 건물은 옅게 덮였다가 차례가 오면 원래 도면대로 진해짐 */
.chqApple .chqKm .hit{fill:transparent}
.chqApple .chqKm .b.chqPop{opacity:1;transform:none}
.chqApple .chqKm .b :is(path,polygon){fill:#f4f4f2;fill-opacity:.82;transition:fill-opacity .5s ease}
.chqApple .chqKm .b.is-on :is(path,polygon){fill-opacity:0}
.chqApple .chqPin.is-in:not(.is-pinned) .chqKm .b :is(path,polygon){fill-opacity:0}
.chqApple .chqKm text.halo{stroke-width:16px}
/* v4: 그림 안내 문구 (2026-10-23) */
.chqApple .chqFigNote{margin:1.2rem 0 0;font-size:1.2rem;line-height:1.5;color:var(--fg3);text-align:center;font-weight:400;letter-spacing:0}
.chqApple figcaption .chqFigNote{display:block;margin-top:.6rem}
.chqApple .chqPin__figs .chqFigNote{grid-column:1;margin-top:0}
.chqApple .chqSec__head .chqSec__title{margin-top:0}
.chqApple .chqHero__title{margin-top:0}
.chqApple .homeHero .chqHeroNote{position:absolute;left:2.4rem;bottom:2rem;margin:0;font-size:1.1rem;color:rgba(255,255,255,.55);z-index:3;pointer-events:none}
.chqApple .homeHero__main{position:relative}
/* v5: 메인 여섯 장 버튼 고정과 문장 줄바꿈 (2026-10-23) */
.chqApple .chqChapters .chqPin__steps{min-height:42rem}
.chqApple .chqChapters .chqPin__step{top:0;bottom:0;display:flex;flex-direction:column;max-width:50rem}
.chqApple .chqChapters .chqPin__step .chqText{margin:0}
.chqApple .chqChapters .chqPin__step .chqBtns{margin-top:auto;padding-top:2.4rem;justify-content:flex-start}
.chqApple .chqChapters .chqBtn{display:inline-flex;justify-content:center;min-width:16rem;box-sizing:border-box}
@media (max-width:1023px){.chqApple .chqChapters .chqPin__steps{min-height:0}.chqApple .chqChapters .chqPin__step{display:block}}
@media (max-width:767px){.chqApple .chqBrD{display:none}}
/* v6: 여섯 장 버튼 하나 고정, 글자만 교차 (2026-10-24) */
.chqApple .chqChapters .chqPin__steps{min-height:34rem}
.chqApple .chqChapters .chqChapM{display:none}
.chqApple .chqChapBtn{position:relative;margin-top:3.2rem;cursor:pointer}
.chqApple .chqChapBtn:hover{background:var(--fg);color:var(--bg)}
.chqApple .chqChapBtn__sz{visibility:hidden}
.chqApple .chqChapBtn__a{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;opacity:0;pointer-events:none;transition:opacity .5s ease}
.chqApple .chqChapBtn__a:first-of-type{opacity:1;pointer-events:auto}
.chqApple .chqPin__copy:has(.chqPin__step.is-active) .chqChapBtn__a{opacity:0;pointer-events:none}
.chqApple .chqPin__copy:has(.chqPin__step:nth-child(1).is-active) .chqChapBtn__a:nth-of-type(1),
.chqApple .chqPin__copy:has(.chqPin__step:nth-child(2).is-active) .chqChapBtn__a:nth-of-type(2),
.chqApple .chqPin__copy:has(.chqPin__step:nth-child(3).is-active) .chqChapBtn__a:nth-of-type(3),
.chqApple .chqPin__copy:has(.chqPin__step:nth-child(4).is-active) .chqChapBtn__a:nth-of-type(4),
.chqApple .chqPin__copy:has(.chqPin__step:nth-child(5).is-active) .chqChapBtn__a:nth-of-type(5),
.chqApple .chqPin__copy:has(.chqPin__step:nth-child(6).is-active) .chqChapBtn__a:nth-of-type(6){opacity:1;pointer-events:auto}
@media (max-width:1023px){.chqApple .chqChapBtn{display:none}.chqApple .chqChapters .chqChapM{display:flex}.chqApple .chqChapters .chqPin__steps{min-height:0}}
/* 렌더링 안내 문구 좌측 정렬 */
.chqApple .chqFigNote--l{text-align:left}
.chqApple .chqHero__img+.chqFigNote--l{max-width:none}
/* v6: 메인 첫 화면과 첫 문구 사이 간격 = 첫 문구와 키맵 사이 간격 */
.chqApple .homeHero+.chqSec--state{padding-top:26.5rem}
@media (max-width:767px){.chqApple .homeHero+.chqSec--state{padding-top:12.3rem}}
.chqApple .chqSmall.chqFigNote--l{text-align:left}
@media (max-width:1023px){.chqApple .chqChapters .chqChapBtn{display:none}.chqApple .chqChapters .chqPin__step .chqChapM{display:flex}}
/* v7: 메인 간격과 검정 전환 (2026-10-24) */
.chqApple .chqSec--state.chqV7join{padding-top:15rem;padding-bottom:0}
.chqApple .chqV7joined{padding-top:0}
.chqApple .chqV7joined .chqPin__stage{align-items:flex-start;padding-top:10rem;box-sizing:border-box}
.chqApple .chqV7fade{height:100vh;background:linear-gradient(to bottom,#f5f5f7 0%,#000 100%)}
.chqApple .chqSec--darkFixed+.chqSec--darkFixed,.chqApple .chqV7fade+.chqSec--darkFixed{border-top:0}
.chqApple:has(main .chqSec--cta.chqSec--darkFixed) .navigationFooter{padding-top:0}
@media (max-width:1023px){.chqApple .chqV7joined .chqPin__stage{padding-top:0}.chqApple .chqSec--state.chqV7join{padding-top:8rem}.chqApple .chqV7fade{height:60vh}}
/* v7: 검정 섹션 위 상단바 */
body.chqApple.is-pastHero.is-overDark[data-page=home] .navigationMain__topBar{background:rgba(0,0,0,.6)!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.1)!important}
body.chqApple.is-pastHero.is-overDark[data-page=home] .buttonMenu,body.chqApple.is-pastHero.is-overDark[data-page=home] .buttonChat{filter:none!important}
body.chqApple.is-pastHero.is-overDark[data-page=home] .navigationMain__topBarLogo .topBarMark{filter:brightness(0) invert(1)!important}
body.chqApple.is-pastHero.is-overDark[data-page=home] .topBarMenu a{color:#f5f5f7}
/* v8: 문단 줄바꿈 기준 (2026-10-24) */
@media (min-width:768px){.chqApple .chqV8one .chqState__sub{max-width:none;white-space:nowrap}}
.chqApple .chqChapters .chqPin__step{max-width:none}
.chqApple .chqPin__figs .chqFigNote--l,.chqApple .chqFigNote--l{text-align:left}
/* v8: 땅값 문구와 숫자 섹션 한 화면 고정 */
.chqApple .chqV8hold{padding-top:13.4rem}
.chqApple .chqV8hold .chqPin__stage{align-items:center}
.chqApple .chqV8state{margin:0 auto 9.6rem;text-align:center}
@media (max-width:1023px){.chqApple .chqV8state{margin-bottom:5.6rem}}
.chqApple .chqV8state{padding:0}
/* v8: 하단 메뉴 호버 블러 잔상 방지. 흐려지는 글자를 각자 합성 층으로 분리 (2026-10-24) */
.chqApple .navigationFooter :is(.navigationFooter__mainMenu>li,.chqFooterSub li){will-change:filter;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.chqApple .chqFigNote--l+.chqSmall{margin-top:0}
/* v9: 첫 문구 위 간격 확대 (2026-10-24) */
.chqApple .homeHero+.chqSec--state{padding-top:48rem}
@media (max-width:767px){.chqApple .homeHero+.chqSec--state{padding-top:18rem}}
/* v9: 여섯 장 2번 키맵 사진, 단지 전체가 보이게 오른쪽 기준으로 자름 */
.chqApple .chqChapters img[src*="keymap_v3"]{object-position:100% 50%}
/* v9: 세 장의 안내 위쪽 여백 확대 */
.chqApple .chqV9guide{padding-top:24rem}
@media (max-width:767px){.chqApple .chqV9guide{padding-top:12rem}}
/* v9: 메인 첫 화면 렌더링 안내를 메뉴 글자 왼쪽 선에 맞춤 */
.chqApple .homeHero .chqHeroNote{left:4rem}
@media (max-width:767px){.chqApple .homeHero .chqHeroNote{left:1.6rem}}
/* v10: 메인 바다 섹션 숫자 두 개 가운데 정렬 */
.chqApple .chqV7sea .chqStat{text-align:center}
.chqApple .chqV7sea .chqStat__num{justify-content:center}
.chqApple .chqV7sea .chqStat__lab{max-width:34rem;margin-left:auto;margin-right:auto}
.chqApple .chqV7sea .chqPin__after .chqSmall{text-align:center}

/* v11 자식 페이지 재정비 2026-10-24 */
.chqApple .chqV7fade--w{background:linear-gradient(to bottom,#fff 0%,#000 100%)}
.chqApple .chqSec--grey+.chqV7fade--w{background:linear-gradient(to bottom,#f5f5f7 0%,#000 100%)}
.chqApple .chqV7fade+.chqSec--darkFixed{padding-top:4rem}
.chqSub .chqHero--photo+.chqSec--state{padding-top:30rem}
.chqSub .chqSec--darkFixed .chqSec--state,.chqSub .chqSec--darkFixed.chqSec--state{background:#000}
.chqSub .chqSec--darkFixed .chqGlass,.chqSub .chqSec--darkFixed .chqBento{--line:#424245}
@media (max-width:1023px){.chqSub .chqHero--photo+.chqSec--state{padding-top:14rem}.chqApple .chqV7fade+.chqSec--darkFixed{padding-top:2rem}}
