/* ==========================================================================
   초록우산 국내 아동 결연 캠페인 — PC (≥769px)
   단위: 1rem = 시안 10px (html 10px, ≤1280px 에서는 0.78125vw 로 비례 축소 / 확대 없음)
   ========================================================================== */
html{--live_top_margin_main:0px}
html{font-size:10px;-webkit-text-size-adjust:100%}
@media (max-width:1280px){
html{font-size:.78125vw}
}
.wrap_domestic{--gnb-h:var(--live_top_margin_main,0px);--g:#104732;font-family:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:2.4rem;line-height:1.6;letter-spacing:-.01em;color:#282828;word-break:keep-all;overflow-x:clip;-webkit-font-smoothing:antialiased}
.wrap_domestic *,.wrap_domestic *::before,.wrap_domestic *::after{box-sizing:border-box;margin:0;padding:0}
.wrap_domestic ul,.wrap_domestic ol{list-style:none}
.wrap_domestic img,.wrap_domestic picture{display:block;max-width:100%}
.wrap_domestic a{color:inherit;text-decoration:none}
.wrap_domestic button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap_domestic em,.wrap_domestic i,.wrap_domestic cite{font-style:normal}
.wrap_domestic strong,.wrap_domestic b{font-weight:700}
.wrap_domestic .ver_mo{display:none!important}
.wrap_domestic .sec{position:relative;width:100%;overflow:hidden}
.wrap_domestic .in{position:relative;max-width:128rem;margin:0 auto}
/* ---------- 공통 버튼 ---------- */
.wrap_domestic .btn_cta{display:inline-flex;align-items:center;justify-content:center;gap:1rem;background:var(--g);color:#fff;font-size:3rem;font-weight:700;line-height:1.5;letter-spacing:-.02em;border-radius:6rem;transition:transform .25s ease,translate .25s ease,background-color .25s ease,box-shadow .25s ease}
.wrap_domestic .btn_cta:hover,.wrap_domestic .btn_cta:active,.wrap_domestic .btn_cta:focus-visible{translate:0 -0.3rem;background:#143529}
.js .wrap_domestic .btn_cta.js-fade{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1),translate .25s ease,background-color .25s ease,box-shadow .25s ease}
.wrap_domestic .btn_cta i{font-weight:500}
/* ---------- 공통 모션 (JS 사용 시에만 초기 상태 적용) ---------- */
.js .wrap_domestic .js-fade{opacity:0;transform:translateY(3rem);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.js .wrap_domestic .js-fade.is-in{opacity:1;transform:none}
.js .wrap_domestic .js-blur{opacity:0;filter:blur(1rem);transition:opacity 1s ease,filter 1s ease}
.js .wrap_domestic .js-blur.is-in{opacity:1;filter:none}
.js .wrap_domestic .draw{clip-path:inset(0 100% 0 0)}
.js .wrap_domestic .is-in .draw,.js .wrap_domestic .draw.is-in{clip-path:inset(0 0 0 0);transition:clip-path 1.65s cubic-bezier(.45,.05,.25,1)}
@media (prefers-reduced-motion:reduce){
.js .wrap_domestic .js-fade,.js .wrap_domestic .js-blur{opacity:1;transform:none;filter:none;transition:none}
.js .wrap_domestic .draw{clip-path:none}
}
/* ---------- 고정 CTA (1개) ---------- */
.wrap_domestic .cta_fixed{position:fixed;right:10px;bottom:10px;z-index:100;display:block;width:16rem;height:23rem;transition:opacity .4s ease,transform .4s ease}
.wrap_domestic .cta_fixed.is-faq,.wrap_domestic .cta_fixed.is-off{opacity:0;pointer-events:none;transform:translateY(3rem)}
.wrap_domestic .cf_pc{position:absolute;inset:0;display:block;overflow:visible}
.wrap_domestic .cf_card{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.wrap_domestic .cta_fixed .on_hover{opacity:0;transition:opacity .25s ease}
.wrap_domestic .cta_fixed:hover .on_hover,.wrap_domestic .cta_fixed:focus-visible .on_hover{opacity:1}
/* ==========================================================================
   sec01 · Hero  (높이 = 100vh − GNB, 최대 980px / 내부 요소는 높이에 비례)
   ========================================================================== */
.wrap_domestic .sec01{--hh:clamp(640px,calc(100vh - var(--gnb-h)),980px);--k:min(calc(var(--hh) / 883),calc(100vw / 1340));height:calc(var(--k) * 883);background:url(../images/sec01_hero_bg_wide.jpg) center top/auto 100% no-repeat,#534226 url(../images/sec01_hero_bg_wide.jpg) center/cover no-repeat}
.wrap_domestic .sec01 .in{position:absolute;left:50%;top:0;width:0;height:100%;max-width:none;margin:0}
.wrap_domestic .hero_cap,.wrap_domestic .hero_copy{position:absolute;left:calc(var(--k) * -637.43);width:calc(var(--k) * 570.16);text-align:center}
.wrap_domestic .hero_cap{top:calc(var(--k) * 40);font-size:calc(var(--k) * 25.63);line-height:1.6;color:#35351d}
.wrap_domestic .hero_copy{white-space:nowrap;top:calc(var(--k) * 509);font-size:calc(var(--k) * 32.03);line-height:1.53;color:var(--g);letter-spacing:-.02em}
.wrap_domestic .hero_title{position:absolute;left:0;top:0;width:100%;height:0;filter:drop-shadow(0 0 calc(var(--k) * 6.41) rgba(0,0,0,.25))}
.wrap_domestic .t_text{position:absolute;left:calc(var(--k) * -527.45);top:calc(var(--k) * 170);width:calc(var(--k) * 329)}
.wrap_domestic .t_text img{width:100%}
.wrap_domestic .t_umb{position:absolute;max-width:none;left:calc(var(--k) * -287.45);top:calc(var(--k) * 18.54);width:calc(var(--k) * 726)}
.wrap_domestic .t_umb img{width:100%;max-width:none}
.wrap_domestic .drop{position:absolute;max-width:none}
.js .wrap_domestic .bcard.js-fade{opacity:1;transform:none;transition:none}
.wrap_domestic .drop img{width:100%}
.js .wrap_domestic .drop{opacity:0}
.js .wrap_domestic .sec01.is-in .drop{opacity:1;transition:opacity .8s ease 2.5s}
.wrap_domestic .drop.d1{left:calc(var(--k) * -48.49);top:calc(var(--k) * 49.24);width:calc(var(--k) * 12.0)}
.wrap_domestic .drop.d2{left:calc(var(--k) * 359.48);top:calc(var(--k) * 124.09);width:calc(var(--k) * 7.0)}
.wrap_domestic .drop.d3{left:calc(var(--k) * 304.28);top:calc(var(--k) * 65.24);width:calc(var(--k) * 12.0)}
.wrap_domestic .drop.d4{left:calc(var(--k) * 419.81);top:calc(var(--k) * 118.24);width:calc(var(--k) * 9.0)}
.wrap_domestic .drop.d5{left:calc(var(--k) * -133.8);top:calc(var(--k) * 115.09);width:calc(var(--k) * 7.0)}
.wrap_domestic .btn_hero{position:absolute;left:calc(var(--k) * -565.89);top:calc(var(--k) * 662);width:calc(var(--k) * 427.09);height:calc(var(--k) * 85.42);gap:calc(var(--k) * 10.68);font-size:calc(var(--k) * 32.03);border-radius:calc(var(--k) * 64.06);box-shadow:0 calc(var(--k) * 2.14) calc(var(--k) * 4.27) rgba(0,0,0,.25)}
.wrap_domestic .btn_hero img{width:calc(var(--k) * 36.3);height:calc(var(--k) * 33.1)}
/* ==========================================================================
   sec02 · Video
   ========================================================================== */
.wrap_domestic .sec02{height:77.6rem;background:#16221b url(../images/sec02_video_bg.jpg) center/cover no-repeat}
.wrap_domestic .sec02 .in{padding-top:12rem;text-align:center}
.wrap_domestic .video{position:relative;width:90rem;aspect-ratio:16/9;margin:0 auto;border-radius:3rem;background:#000;overflow:hidden}
.wrap_domestic .vid{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.wrap_domestic .play{position:absolute;left:50%;top:50%;width:5.6rem;height:5.6rem;margin:-2.8rem 0 0 -2.8rem;transition:opacity .3s}
.wrap_domestic .play svg{display:block;width:100%;height:100%}
.wrap_domestic .video.is-playing .play{opacity:0;pointer-events:none}
.wrap_domestic .video_note{margin-top:1.2rem;font-size:1.6rem;line-height:1.6;color:#ccc;letter-spacing:-.02em}
/* ==========================================================================
   sec03~05 · 인트로 (배경 = 사진 합성 이미지, 높이 고정)
   ========================================================================== */
.wrap_domestic .sec03,.wrap_domestic .sec04,.wrap_domestic .sec05{background-repeat:no-repeat;background-position:center;background-size:auto 100%}
.wrap_domestic .sec03{height:92.9rem;background-color:#e3dacc;background-image:url(../images/sec03_intro1_bg.jpg)}
.wrap_domestic .sec04{height:105.7rem;background-color:#e4e9e3;background-image:url(../images/sec04_intro2_bg.jpg)}
.wrap_domestic .sec05{height:101rem;background-color:#d7e2e1;background-image:url(../images/sec05_intro3_bg.jpg)}
.wrap_domestic .sec03 .in,.wrap_domestic .sec04 .in,.wrap_domestic .sec05 .in{height:100%}
.wrap_domestic .txt .tit{display:flex;align-items:center}
.wrap_domestic .txt .body p{font-size:2.4rem;line-height:1.6}
.wrap_domestic .txt .body p+p{margin-top:2rem}
.wrap_domestic .txt .body strong{font-weight:700}
.wrap_domestic .sec03 .txt{position:absolute;left:0;top:16rem;width:55.2rem}
.wrap_domestic .sec03 .tit{height:15rem}
.wrap_domestic .sec03 .tit img{width:54.35rem}
.wrap_domestic .sec03 .body{margin-top:4rem;width:48.6rem}
.wrap_domestic .quote{position:relative;margin-top:6rem;width:45.5rem;min-height:20.7rem;padding:2rem 5rem 1.5rem;background:url(../images/sec03_quote_bg.webp) 0 0/100% 100% no-repeat}
.wrap_domestic .quote p{white-space:nowrap;font-family:'Nanum Pen Script','Nanum Pen',cursive;font-size:3rem;line-height:4.4rem;letter-spacing:0;color:#282828}
.wrap_domestic .quote cite{display:block;margin-top:1.4rem;text-align:right;font-size:1.6rem;line-height:2.6rem;color:#af9978;letter-spacing:-.02em}
.wrap_domestic .bubble{position:absolute;margin:0}
.wrap_domestic .bubble img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none;pointer-events:none}
.wrap_domestic .bubble figcaption{position:absolute;left:0;right:0;white-space:nowrap;text-align:center;font-family:'Nanum Pen Script','Nanum Pen',cursive;font-size:3rem;line-height:3rem;letter-spacing:0;color:#fff;text-shadow:0 0 0.6rem rgba(0,0,0,.55),0 0 1.4rem rgba(0,0,0,.35)}
.wrap_domestic .sec03 .bubble{left:55.5rem;top:58.9rem;width:39.5rem;height:27.09rem}
.wrap_domestic .sec03 .bubble img{width:51.5rem}
.wrap_domestic .sec03 .bubble figcaption{top:21.6rem}
.wrap_domestic .sec04 .txt{position:absolute;left:58rem;top:10rem;width:70rem}
.wrap_domestic .sec04 .tit{height:21.7rem}
.wrap_domestic .sec04 .tit img{width:70rem}
.wrap_domestic .sec04 .body{margin:4rem 0 0 3.5rem;width:66.5rem}
.wrap_domestic .sec05 .txt{position:absolute;left:0;top:10rem;width:66.5rem}
.wrap_domestic .sec05 .tit{height:15rem}
.wrap_domestic .sec05 .tit img{width:63.45rem}
.wrap_domestic .sec05 .body{margin-top:4rem}
.wrap_domestic .sec05 .body .green,.wrap_domestic .sec05 .body .green strong{color:var(--g)}
.wrap_domestic .bubbles{display:flex;gap:3rem;margin-top:6rem}
.wrap_domestic .sec04 .bubbles{margin-left:3.5rem}
.wrap_domestic .bubbles .bubble{position:relative;flex:none;width:31.45rem;height:21.6rem}
.wrap_domestic .bubbles .bubble img{width:43.5rem}
.wrap_domestic .bubbles .bubble figcaption{top:18.6rem}
/* ==========================================================================
   sec06 · 보호 아동 / 사례 슬라이드
   ========================================================================== */
.wrap_domestic .sec06{min-height:186rem;background:linear-gradient(140deg,#eee6d4 0%,#d6e6db 100%)}
.wrap_domestic .sec06 .in{padding:12rem 0}
.wrap_domestic .sec06 .tit{display:flex;justify-content:center;align-items:center;height:15rem}
.wrap_domestic .sec06 .tit img{width:77.35rem}
.wrap_domestic .stats{display:flex;gap:2.4rem;width:116.4rem;margin:6rem auto 0}
.wrap_domestic .stat{flex:1}
.wrap_domestic .stat_card{display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem;min-height:27.2rem;padding:3rem;background:#fff;border-radius:3rem;box-shadow:0 1rem 3rem rgba(51,40,26,.1)}
.wrap_domestic .stat_row{display:flex;justify-content:space-between;align-items:center}
.wrap_domestic .stat_row .lb{font-size:2.4rem;line-height:1.4;color:#282828}
.wrap_domestic .stat_row .num{display:flex;align-items:baseline;gap:0.8rem;white-space:nowrap}
.wrap_domestic .stat_row .num b{font-size:6rem;line-height:1.2;color:var(--g);letter-spacing:-.02em}
.wrap_domestic .stat_row .num span{font-size:3rem;font-weight:500;color:#2f4a3c}
.wrap_domestic .stat .note{padding:2.6rem 2rem;background:#ecf4f2;border-radius:1rem;text-align:center;font-size:2.4rem;line-height:1.6;color:var(--g)}
.wrap_domestic .stat .src{margin-top:1rem;text-align:right;font-size:1.6rem;line-height:1.625;color:#6e6e6e;letter-spacing:-.02em}
.wrap_domestic .sec06 .line{width:116.4rem;height:0;margin:7rem auto 8rem;border:0;border-top:0.2rem solid #fff;display:block}
.wrap_domestic .sec06 .sub{text-align:center;font-size:3.6rem;font-weight:700;line-height:1.45;letter-spacing:-.02em;color:var(--g);margin-bottom:4rem}
.wrap_domestic .kids_slide{position:relative;height:64rem}
.wrap_domestic .kids_slide .arr{position:absolute;top:28.2rem;z-index:2;width:5.6rem;height:5.6rem;border-radius:50%;background:#fff;color:var(--g);font-size:2rem;font-weight:700;line-height:5.6rem;text-align:center;box-shadow:0 0.4rem 1.2rem rgba(51,40,26,.12);transition:transform .2s}
.wrap_domestic .kids_slide .arr:hover{transform:scale(1.08)}
.wrap_domestic .kids_slide .prev{left:0}
.wrap_domestic .kids_slide .next{right:0}
.wrap_domestic .kids_viewport{position:absolute;left:5rem;top:0;width:118rem;height:64rem;padding:0 .8rem 2rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.12) .35rem,rgba(0,0,0,.45) 1rem,rgba(0,0,0,.85) 1.5rem,#000 1.7rem,#000 calc(100% - 3rem),rgba(0,0,0,.85) calc(100% - 2.2rem),rgba(0,0,0,.4) calc(100% - 1.3rem),rgba(0,0,0,.1) calc(100% - .5rem),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.12) .35rem,rgba(0,0,0,.45) 1rem,rgba(0,0,0,.85) 1.5rem,#000 1.7rem,#000 calc(100% - 3rem),rgba(0,0,0,.85) calc(100% - 2.2rem),rgba(0,0,0,.4) calc(100% - 1.3rem),rgba(0,0,0,.1) calc(100% - .5rem),transparent 100%)}
.wrap_domestic .kids_track{display:flex;gap:2.4rem;width:max-content;padding-top:1rem;will-change:transform}
.wrap_domestic .kcard{position:relative;isolation:isolate;flex:0 0 36rem;min-height:60rem;padding:4rem 1.6rem 4.4rem;text-align:center}
.wrap_domestic .kcard::before{content:"";position:absolute;z-index:-1;left:-3.78%;top:-2.5%;width:105.8%;height:105.34%;background:url(../images/sec06_kids_card_bg.webp) 0 0/100% 100% no-repeat;filter:drop-shadow(0 .5rem .9rem rgba(51,40,26,.10));pointer-events:none}
.wrap_domestic .kimg img{width:20rem;height:20rem;margin:0 auto;border-radius:50%;background:#e9efe6}
.wrap_domestic .kname{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem}
.wrap_domestic .kname strong{font-size:3rem;line-height:1.53;color:#121212;letter-spacing:-.02em}
.wrap_domestic .kname em{padding:0.5rem 1.2rem;border-radius:2rem;background:var(--g);color:#fff;font-size:1.6rem;font-weight:700;line-height:1.6;letter-spacing:-.02em}
.wrap_domestic .kbody{margin-top:2rem;font-size:2.4rem;line-height:1.6;color:#282828}
.wrap_domestic .dots{display:flex;justify-content:center;gap:1rem;margin-top:2rem}
.wrap_domestic .dots li{width:0.8rem;height:0.8rem;border-radius:0.4rem;background:#bbc3bc;transition:width .3s,background-color .3s}
.wrap_domestic .dots li{position:relative;cursor:pointer}
.wrap_domestic .dots li::after{content:"";position:absolute;inset:-1rem -0.5rem}
.wrap_domestic .dots li.on{width:2.4rem;background:var(--g)}
.wrap_domestic .notice{width:85.8rem;margin:4rem auto 0;text-align:center;font-size:1.6rem;line-height:1.625;color:#6e6e6e;letter-spacing:-.02em}
.wrap_domestic .btn_kids{display:flex;width:68rem;height:8rem;margin:4rem auto 0;box-shadow:0 1.2rem 3rem rgba(15,71,51,.3)}
.wrap_domestic .btn_kids i{margin-left:1.4rem}
/* ==========================================================================
   sec07 · 구조 (선 그리기 일러스트)
   ========================================================================== */
.wrap_domestic .sec07{height:95.6rem;background:#f4f1ea}
.wrap_domestic .sec07 .in{padding-top:10rem}
.wrap_domestic .sec07 .row{display:flex;height:61.6rem}
.wrap_domestic .illust{position:relative;flex:none;width:58.78rem;height:61.6rem}
.wrap_domestic .illust .ln{position:absolute;max-width:none}
.wrap_domestic .illust .ln img{width:100%}
.wrap_domestic .sec07 .txt{margin-left:8rem;width:60.7rem}
.wrap_domestic .sec07 .tit{height:21.4rem}
.wrap_domestic .sec07 .tit img{width:57.7rem;margin-left:-0.4rem}
.wrap_domestic .sec07 .body{margin-top:6rem}
.wrap_domestic .sec07 .body .lead{font-size:3rem;font-weight:700;line-height:1.53;letter-spacing:-.02em;color:var(--g)}
.wrap_domestic .sec07 .body .desc{margin-top:2rem;font-size:2.4rem;line-height:1.6}
.wrap_domestic .chips{display:flex;flex-wrap:nowrap;gap:1rem;margin-top:2rem}
.wrap_domestic .chips li{flex:none;white-space:nowrap;padding:1rem 1.8rem;border-radius:3rem;background:#e4ebe3;color:var(--g);font-size:2.4rem;font-weight:700;line-height:1.6;letter-spacing:-.01em}
.wrap_domestic .btn_struct{display:flex;width:69.2rem;height:8rem;margin:6rem auto 0;box-shadow:0 1.2rem 3rem rgba(71,54,15,.3)}
.wrap_domestic .btn_struct i{font-size:2.2rem;margin-left:1.4rem}
.wrap_domestic .illust .l1{left:44.335rem;top:23.44rem;width:14.6rem}
.wrap_domestic .illust .l2{left:5.33rem;top:19.19rem;width:20.2rem}
.wrap_domestic .illust .l3{left:0.37rem;top:3.15rem;width:55.2rem}
.wrap_domestic .illust .l4{left:26.275rem;top:17.93rem;width:14.2rem}
.wrap_domestic .illust .l5{left:11.645rem;top:19.35rem;width:15.4rem}
.wrap_domestic .illust .l6{left:25.325rem;top:14.84rem;width:2.8rem}
.wrap_domestic .illust .l7{left:39.305rem;top:23.41rem;width:10.3rem}
.wrap_domestic .illust .l8{left:22.53rem;top:44.345rem;width:9.1rem}
.js .wrap_domestic .illust .l8{clip-path:none}
/* ==========================================================================
   sec08 · 혜택 (우측 카드 세로 자동 슬라이드)
   ========================================================================== */
.wrap_domestic .sec08{height:79rem;background:#eaf0e9}
.wrap_domestic .sec08 .in{display:flex;align-items:center;justify-content:space-between;height:100%;width:120.8rem;padding:10rem 0}
.wrap_domestic .sec08 .head{display:flex;flex-direction:column;align-items:center;width:55.2rem}
.wrap_domestic .sec08 .tit img{width:55.2rem}
.wrap_domestic .btn_benefit{width:40rem;height:8rem;margin-top:6rem}
.wrap_domestic .btn_benefit img{width:3.4rem;height:3.1rem}
.wrap_domestic .list_wrap{display:flex;align-items:center;width:59.6rem}
.wrap_domestic .list_view{width:52.6rem;height:59rem;overflow:hidden;border-radius:2.4rem}
.wrap_domestic .list{display:flex;flex-direction:column;gap:3rem;will-change:transform}
.wrap_domestic .bcard{flex:none;min-height:59rem;background:#fff;border-radius:2.4rem;overflow:hidden}
.wrap_domestic .bimg{display:block;height:32rem;overflow:hidden}
.wrap_domestic .bimg img{width:100%;height:100%;object-fit:cover}
.wrap_domestic .btxt{padding:2rem 2rem 0;text-align:center}
.wrap_domestic .btxt h5{display:inline-block;padding-bottom:0.4rem;border-bottom:1px solid var(--g);font-size:3rem;font-weight:700;line-height:1.5;color:var(--g);letter-spacing:-.02em}
.wrap_domestic .btxt .bsub{margin-top:0.5rem;font-size:2.4rem;line-height:1.6;color:#458b7a}
.wrap_domestic .btxt .bdesc{margin-top:1.5rem;font-size:2.4rem;line-height:1.6;color:#282828}
.wrap_domestic .scr{display:flex;flex-direction:column;gap:2.4rem;margin-left:3rem}
.wrap_domestic .scr li{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:#d6e5da;color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.01em;transition:background-color .3s}
.wrap_domestic .scr li.on{background:var(--g)}
.wrap_domestic .scr li{cursor:pointer;user-select:none}
.wrap_domestic .scr li:not(.on):hover{background:#b9d3c0}
.wrap_domestic .scr li:focus-visible{outline:0.3rem solid var(--g);outline-offset:0.3rem}
/* ==========================================================================
   sec09 · 후기
   ========================================================================== */
.wrap_domestic .sec09{height:115.4rem;background:#dce7ec url(../images/sec09_review_bg.jpg) center/auto 100% no-repeat}
.wrap_domestic .sec09 .in{padding-top:10rem}
.wrap_domestic .sec09 .tit{height:21.4rem}
.wrap_domestic .sec09 .tit img{width:128.8rem;max-width:none;margin:-0.4rem 0 0 -0.4rem}
.wrap_domestic .reviews{display:flex;flex-direction:column;gap:2.4rem;width:50rem;margin-top:6rem}
.wrap_domestic .rcard{padding:2rem 3rem;border-radius:2.4rem;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1.6rem 4rem rgba(26,51,77,.12)}
.wrap_domestic .rcard .qm{display:block;font-size:3.6rem;font-weight:700;line-height:5.2rem;color:var(--g)}
.wrap_domestic .rcard blockquote{font-size:2.4rem;line-height:1.6;color:#282828}
.wrap_domestic .rcard figcaption{display:flex;flex-direction:column;align-items:flex-end;margin-top:2rem}
.wrap_domestic .rcard figcaption strong{font-family:'Noto Sans KR','Pretendard Variable','Pretendard',sans-serif;font-size:2.4rem;line-height:1.6;color:var(--g)}
.wrap_domestic .rcard figcaption span{font-size:1.6rem;line-height:1.625;color:#6e6e6e;letter-spacing:-.02em}
/* ==========================================================================
   sec10 · 통계
   ========================================================================== */
.wrap_domestic .sec10{height:62.9rem;background:#fafafa}
.wrap_domestic .sec10 .in{display:flex;justify-content:space-between;align-items:center;height:100%;padding:10rem 0}
.wrap_domestic .sec10 .head{width:56.9rem}
.wrap_domestic .sec10 .tit img{width:56.9rem}
.wrap_domestic .sec10 .desc{margin-top:4rem;font-size:2.4rem;line-height:1.6}
.wrap_domestic .tiles{width:65rem}
.wrap_domestic .tiles ul{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.wrap_domestic .tile{display:flex;flex-direction:column;gap:1rem;min-height:18.8rem;padding:4rem 3.6rem;border-radius:2.4rem;background:#f5f3ec}
.wrap_domestic .tile .tl{font-size:2.4rem;line-height:1.6;color:#6b7a6f;letter-spacing:-.01em}
.wrap_domestic .tile .th{display:flex;align-items:center;gap:1.5rem}
.wrap_domestic .tile .th img{flex:none}
.wrap_domestic .tile .num{display:flex;align-items:baseline;gap:0.4rem;white-space:nowrap}
.wrap_domestic .tile .num b{font-size:5rem;line-height:1.2;color:var(--g);letter-spacing:-.02em}
.wrap_domestic .tile .num i{font-size:3rem;font-weight:500;color:#2f4a3c}
.wrap_domestic .tile.dark{background:var(--g)}
.wrap_domestic .tile.dark .tl{color:#bfd3c4}
.wrap_domestic .tile.dark .num b,.wrap_domestic .tile.dark .num i{color:#fff}
.wrap_domestic .tiles .foot{margin-top:1.5rem;text-align:right;font-size:1.6rem;line-height:1.625;color:#6e6e6e;letter-spacing:-.02em}
/* ==========================================================================
   sec11 · 성장 (폴라로이드)
   ========================================================================== */
.wrap_domestic .sec11{min-height:156.9rem;background:#0b2e23 linear-gradient(180deg,#0b2e23 0%,#14452f 100%);background-image:url(../images/sec11_growth_bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}
.wrap_domestic .sec11 .in{padding:10rem 0}
.wrap_domestic .sec11 .tit{display:flex;justify-content:center;align-items:center;height:15rem}
.wrap_domestic .sec11 .tit img{width:67.3rem}
.wrap_domestic .photos{position:relative;height:90.4rem;margin-top:4rem}
.wrap_domestic .photos .umb{position:absolute;left:0;top:0;width:100%}
.wrap_domestic .photos .umb img{width:130.2rem;max-width:none;margin:-1rem 0 0 -1rem;filter:drop-shadow(0 0 1.2rem rgba(255,255,255,.35))}
.wrap_domestic .pol{--r:0deg;--ty:0px;--sc:1;position:absolute;width:50rem;height:55rem;padding:1.1rem;background:#fff;border-radius:0.55rem;box-shadow:0 2.18rem 4.55rem rgba(0,0,0,.35);transform-origin:50% 50%;transform:translateY(var(--ty)) rotate(var(--r)) scale(var(--sc))}
.wrap_domestic .pol .pimg{display:block;width:100%;height:46.9rem;overflow:hidden;border-radius:0.27rem}
.wrap_domestic .pol .pimg img{width:100%;height:100%;object-fit:cover}
.wrap_domestic .pol figcaption{position:absolute;left:0;right:0;top:50.1rem;text-align:center;font-family:'Nanum Pen Script','Nanum Pen',cursive;font-size:3rem;line-height:3rem;letter-spacing:0;color:#2b2418}
.wrap_domestic .pol.p1{left:34.2rem;top:31.4rem;--r:-5deg}
.wrap_domestic .pol.p2{left:43.6rem;top:32.6rem;--r:4deg}
.wrap_domestic .pol.p3{left:35.8rem;top:34.0rem;--r:-2.5deg}
.wrap_domestic .pol.p4{left:39.4rem;top:35.4rem;--r:1.2deg}
.js .wrap_domestic .js-stack .pol{opacity:0;--ty:-6rem;--sc:1.06;transition:opacity .9s ease,transform 1.2s cubic-bezier(.2,.8,.2,1)}
.js .wrap_domestic .js-stack.is-in .pol{opacity:1;--ty:0px;--sc:1}
.js .wrap_domestic .js-stack.is-in .p2{transition-delay:1.4s}
.js .wrap_domestic .js-stack.is-in .p3{transition-delay:2.6s}
.js .wrap_domestic .js-stack.is-in .p1{transition-delay:.2s}
.js .wrap_domestic .js-stack.is-in .p4{transition-delay:3.8s}
.wrap_domestic .sec11 .cta{margin-top:6rem;text-align:center}
.wrap_domestic .sec11 .t1{font-size:3.6rem;font-weight:700;line-height:1.45;letter-spacing:-.02em;color:#fff}
.wrap_domestic .sec11 .t2{margin-top:0.5rem;font-size:2.4rem;line-height:1.6;color:#bfd3c4}
.wrap_domestic .btn_growth{width:40rem;height:8rem;margin-top:4rem;background:#f3ecda;color:var(--g);box-shadow:0 1.4rem 3.4rem rgba(0,0,0,.3)}
.wrap_domestic .btn_growth:hover,.wrap_domestic .btn_growth:active,.wrap_domestic .btn_growth:focus-visible{background:#fff}
.wrap_domestic .btn_growth img{width:3.4rem;height:3.1rem}
/* ==========================================================================
   sec12 · FAQ (가변 높이: padding)
   ========================================================================== */
.wrap_domestic .sec12{background:#f4f1ea}
.wrap_domestic .sec12 .in{padding:10rem 0}
.wrap_domestic .sec12 .head{text-align:center}
.wrap_domestic .sec12 .badge{display:inline-flex;align-items:center;justify-content:center;width:19.3rem;height:4.75rem;background:url(../images/sec12_badge_bg.webp) 0 0/100% 100% no-repeat}
.wrap_domestic .sec12 .badge img{width:15.8rem}
.wrap_domestic .sec12 .tit{margin-top:3rem;font-size:3.6rem;font-weight:700;line-height:1.45;letter-spacing:-.02em;color:#121212}
.wrap_domestic .faq{display:flex;flex-direction:column;gap:1.2rem;margin-top:4rem}
.wrap_domestic .fitem{background:#fff;border-radius:2rem;transition:box-shadow .3s}
.wrap_domestic .fitem.is-open{box-shadow:inset 0 0 0 0.15rem var(--g)}
.wrap_domestic .fq{display:flex;align-items:center;gap:1.6rem;width:100%;padding:2.8rem 3.6rem;text-align:left}
.wrap_domestic .fq .q{flex:none;width:1.9rem;font-family:'Nanum Pen Script','Nanum Pen',cursive;font-size:4rem;line-height:4rem;color:var(--g)}
.wrap_domestic .fq .qt{flex:1;font-size:3rem;font-weight:700;line-height:1.53;letter-spacing:-.02em;color:var(--g)}
.wrap_domestic .fq .ic{position:relative;flex:none;width:3.6rem;height:3.6rem;border-radius:50%;background:#eaf0e9;transition:background-color .3s}
.wrap_domestic .fq .ic::before,.wrap_domestic .fq .ic::after{content:"";position:absolute;left:50%;top:50%;width:1.2rem;height:0.2rem;margin:-0.1rem 0 0 -0.6rem;background:#3a3a3a;transition:transform .3s,background-color .3s}
.wrap_domestic .fq .ic::after{transform:rotate(90deg)}
.wrap_domestic .fitem.is-open .fq{padding-bottom:1.8rem}
.wrap_domestic .fitem.is-open .ic{background:var(--g)}
.wrap_domestic .fitem.is-open .ic::before,.wrap_domestic .fitem.is-open .ic::after{background:#fff}
.wrap_domestic .fitem.is-open .ic::after{transform:rotate(0)}
.wrap_domestic .fa{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}
.wrap_domestic .fitem.is-open .fa{grid-template-rows:1fr}
.wrap_domestic .fa_in{min-height:0;overflow:hidden;padding:0 3.6rem}
.wrap_domestic .fa_in p{padding:1.8rem 0 2.8rem;border-top:1px solid #e6e9e3;font-size:2.4rem;line-height:1.6;color:#282828}
.wrap_domestic .cp_copy{display:flex;align-items:center;justify-content:center;height:16.2rem;background:#000;color:#fff;font-size:1.6rem;letter-spacing:-.02em}
/* 와이드 배경(1921px↑) 교체 */
@media (min-width:1921px){
.wrap_domestic .sec02{background-image:url(../images/sec02_video_bg_wide.jpg)}
.wrap_domestic .sec03{background-image:url(../images/sec03_intro1_bg_wide.jpg)}
.wrap_domestic .sec04{background-image:url(../images/sec04_intro2_bg_wide.jpg)}
.wrap_domestic .sec05{background-image:url(../images/sec05_intro3_bg_wide.jpg)}
.wrap_domestic .sec09{background-image:url(../images/sec09_review_bg_wide.jpg)}
.wrap_domestic .sec11{background-image:url(../images/sec11_growth_bg_wide.jpg)}
}
/* ===== 선 그리기(draw-on) 모션 — 마스크 + stroke-dashoffset =====
   원본 SVG(윤곽선) 위에 "펜이 지나가는 중심선 경로"를 마스크로 씌워, 선이 한 붓으로 따라 그려지는 효과.
   트리거: 기존과 동일하게 부모/자기 자신에 .is-in 이 붙으면 재생 */
.wrap_domestic .dl{display:block;width:100%;height:auto;overflow:visible}
.js .wrap_domestic .dl .st{stroke-dasharray:1 2;stroke-dashoffset:1}
.js .wrap_domestic .is-in .dl .st,.js .wrap_domestic .dl.is-in .st{stroke-dashoffset:0;transition:stroke-dashoffset calc(var(--du) * .75s) linear calc(var(--de) * .75s)}
@media (prefers-reduced-motion:reduce){.js .wrap_domestic .dl .st{stroke-dashoffset:0;transition:none}}
/* 꼬리선↔ㄴ 연결부: 텍스트가 자리 잡은 뒤 펜 시작과 함께 노출 */
.js .wrap_domestic .dl .jn{opacity:0}
.js .wrap_domestic .is-in .dl .jn,.js .wrap_domestic .dl.is-in .jn{opacity:1;transition:opacity .12s linear .55s}
@media (prefers-reduced-motion:reduce){.js .wrap_domestic .dl .jn{opacity:1;transition:none}}

/* 에셋 교체: 사례 통계 카드 배경(찢긴 종이+그림자) */
.wrap_domestic .stat_card{position:relative;isolation:isolate;background:none!important;box-shadow:none!important}
.wrap_domestic .stat_card::before{content:"";position:absolute;z-index:-1;left:-9.04%;right:-8.17%;top:-11.12%;bottom:-23.8%;background:url(../images/sec06_stat_card_bg.webp) 0 0/100% 100% no-repeat;pointer-events:none}
.wrap_domestic .cp_copy .copyright{margin:0;font-family:'Inter','Pretendard Variable','Pretendard',sans-serif;font-size:1.6rem;line-height:1.5;text-align:center}