/* 게시판 삽입용 보호 규칙: 호스트의 width:100%!important / max-width:100% 무력화 */
#tgds-page,#tgds-page *{width:auto!important;max-width:none}
/* =========================================================
   Figma: Design / Final (31:160) — 1080px 기준
   Breakpoints: ≤800px (tablet), ≤600px (mobile)
   JS 없이 HTML + CSS만 사용
   ========================================================= */
#tgds-page{--vw:min(1vw, 8px);
  --blue-0100:#f7faff; --blue-0700:#0077ed; --blue-0800:#0264c8; --blue-1000:#094181;
  --blue-1100:#0a315f; --blue-1200:#0a213f; --color-5:#0081ff;
  --gray-0000:#fff; --gray-0100:#f3f3f3; --gray-0200:#dddddf; --gray-0700:#777780; --gray-1000:#404046;
  --navy:#262262; --ink:#0d1021; --ink-2:#10121b;
  --px:max(40px, calc((100% - 920px) / 2)); /* 1080 → 80px */
}
/* 다른 웹(에디터)에 삽입해도 충돌하지 않도록 모든 선택자를 #tgds-page 아래로 한정한다.
   id 기준이라 호스트 쪽 태그/클래스 스타일(예: p 의 margin-bottom)보다 우선 적용된다. */
#tgds-page,#tgds-page *,#tgds-page *::before,#tgds-page *::after{box-sizing:border-box}
#tgds-page{-webkit-text-size-adjust:100%;font-family:'SUIT Variable','SUIT',system-ui,-apple-system,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:normal;letter-spacing:normal;text-align:left;color:#172c2b;-webkit-font-smoothing:antialiased}
#tgds-page img{display:block;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}
#tgds-page p,#tgds-page ol,#tgds-page ul,#tgds-page li,#tgds-page dl,#tgds-page dt,#tgds-page dd,#tgds-page figure,#tgds-page figcaption{margin:0;padding:0;border:0;background:none;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-align:inherit;text-indent:0}
#tgds-page div,#tgds-page a{font:inherit;color:inherit;word-break:inherit;overflow-wrap:inherit} /* 호스트의 태그 리셋(div,a 에 font-family/color/font-weight 직접 지정) 차단 */
#tgds-page ol,#tgds-page ul{list-style:none}
#tgds-page a{color:inherit;text-decoration:none}
#tgds-page{max-width:800px;margin:0 auto;overflow:hidden;word-break:keep-all;overflow-wrap:break-word}
/* 호스트가 상속시키는 텍스트 속성 차단 (예: 게시판 본문의 white-space:pre-line) */
#tgds-page{white-space:normal;font-style:normal;text-transform:none;text-indent:0;word-spacing:normal;text-shadow:none}
#tgds-page .sec{position:relative;padding-left:var(--px);padding-right:var(--px)}
#tgds-page .c{text-align:center}
#tgds-page .pc{display:inline} /* 데스크톱·태블릿 전용 줄바꿈 */
#tgds-page .mo{display:none}  /* 모바일 전용 줄바꿈 */
/* .xt: 태블릿(601–800px)에서만 숨기는 줄바꿈 */
#tgds-page .nw{white-space:nowrap}

/* 공통 Chip */
#tgds-page .chip{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:9999px;background:var(--blue-1200);color:var(--blue-0100);font-weight:600;font-size:20px;line-height:20px;letter-spacing:-.6px;white-space:nowrap}
#tgds-page .chip--outline{background:#fff;border:2px solid var(--blue-0700);color:var(--blue-0700);font-weight:400;font-size:16px;letter-spacing:-.4px}
#tgds-page .chip--light{background:#fff;border:1px solid #d3d5d7;color:#000}

/* 데스크톱 스테이지: 920px 기준 좌표를 컨테이너 폭에 비례해 축소 */
#tgds-page .stage-wrap{container-type:inline-size;width:100%!important;--u:calc(100cqw / 920)}

/* ---------------- S01 Intro ---------------- */
#tgds-page .s01{background:#c8d6ed;padding-top:24px}
#tgds-page .hero{position:relative;margin:0 24px;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,var(--blue-1000),var(--blue-1200));padding:64px 24px;display:flex;flex-direction:column;align-items:center;gap:40px}
#tgds-page .hero__glow{position:absolute;left:-180px;top:-180px;width:600px!important;height:600px;pointer-events:none}
#tgds-page .hero__body{position:relative;display:flex;flex-direction:column;align-items:center;gap:32px;padding:32px 0;width:100%!important;text-align:center}
#tgds-page .hero__eyebrow,#tgds-page .hero__desc{font-weight:500;font-size:min(20px, calc(1.852 * var(--vw)));letter-spacing:-.4px;color:var(--gray-0100);opacity:.6}
#tgds-page .hero__eyebrow{line-height:1.5}
#tgds-page .hero__desc{line-height:1.6}
#tgds-page .hero__title{font-weight:800;font-size:min(48px, calc(4.444 * var(--vw)));line-height:1.3;letter-spacing:-.04em;color:#fff}
#tgds-page .hero__title > span{display:block}
#tgds-page .hero__hl{display:flex !important;align-items:center;justify-content:center}
#tgds-page .hero__hl em{font-style:normal;color:var(--blue-0700)}
#tgds-page .hero__q{width:40px!important;height:26.667px;flex:none}
#tgds-page .hero__q--open{margin-right:24px;transform:translateY(2px)}
#tgds-page .hero__q--close{margin-left:27px;transform:translateY(-9px) rotate(180deg)}
#tgds-page .logo{position:relative;width:160.88px!important;height:44.11px;flex:none}
#tgds-page .logo__typo{position:absolute;left:0;top:15.12px;width:145.19px!important;height:28.993px}
#tgds-page .logo__wing{position:absolute;left:130.25px;top:0;width:30.63px!important;height:30.63px}

#tgds-page .s01-intro{background:linear-gradient(180deg,#c8d6ed 0%,#f7faff 14.966%,#f7faff 60%,#a8bde0 100%);padding-top:240px;padding-bottom:160px;display:flex;flex-direction:column;gap:56px}
#tgds-page .lead{display:flex;flex-direction:column;align-items:center;gap:70px;padding-bottom:40px}
#tgds-page .lead__text{display:flex;flex-direction:column;gap:28px;text-align:center;font-weight:800}
#tgds-page .t-60{font-size:min(60px, calc(5.556 * var(--vw)));line-height:1.3;letter-spacing:-.0467em;color:var(--navy)}
#tgds-page .lead__sub{font-size:min(40px, calc(3.704 * var(--vw)));line-height:1.5;letter-spacing:-.025em;color:var(--blue-0800)}

/* 말풍선 영역 (Figma에서 통 이미지로 교체됨) */
#tgds-page .s01-visual{display:block;width:100%!important;height:auto}
#tgds-page .pad{padding-left:var(--px);padding-right:var(--px)}

#tgds-page .change{display:flex;flex-direction:column;align-items:center;gap:64px;padding-top:80px}
#tgds-page .change .t-60{font-weight:800;text-align:center}
#tgds-page .divider{width:60px!important;height:2px;border-radius:2px;background:#7c8da2}
#tgds-page .pillars{display:flex;gap:24px;justify-content:center;width:100%!important}
#tgds-page .pillar{flex:0 1 280px;min-width:0;position:relative;border:1px solid rgba(218,235,255,.6);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(26,64,128,.12),inset 0 1px 0 rgba(102,166,255,.15);display:flex;flex-direction:column}
#tgds-page .pillar__body{background:rgba(255,255,255,.82);padding:28px 28px 20px;display:flex;flex-direction:column;gap:8px}
#tgds-page .pillar__n{font-weight:800;font-size:22px;letter-spacing:-.4px;color:#5ba3e8}
#tgds-page .pillar__t{font-weight:900;font-size:22px;line-height:1.4;letter-spacing:-.4px;color:var(--blue-1100)}
#tgds-page .pillar__d{font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-.3px;color:var(--blue-1000)}
#tgds-page .pillar__img{height:200px;flex:none}
#tgds-page .pillar__img img{width:100%!important;height:100%;object-fit:cover}

/* ---------------- S02 단군소프트 소개 ---------------- */
#tgds-page .s02{background:#262262}
#tgds-page .split{display:flex;height:586px;overflow:hidden}
#tgds-page .split__text{flex:0 0 50%;background:var(--ink);padding:80px 60px 80px var(--px);display:flex;flex-direction:column;justify-content:center;gap:32px;color:#fff}
#tgds-page .split__title{font-weight:800;font-size:min(44px, calc(4.074 * var(--vw)));line-height:1.3;letter-spacing:-.0455em}
#tgds-page .split__desc{font-size:15px;line-height:1.7;letter-spacing:-.3px;opacity:.8}
#tgds-page .split__media{flex:0 0 50%;position:relative;height:600px;overflow:hidden}
#tgds-page .split__photo{position:absolute;left:-128px;top:-81.11px;width:668px!important;height:742px;object-fit:cover}
#tgds-page .split__fade{position:absolute;left:0;top:.33px;width:100%!important;height:600px}
#tgds-page .split__fade--l{background:linear-gradient(90deg,var(--ink),rgba(13,16,33,0) 50%)}
#tgds-page .split__fade--b{background:linear-gradient(0deg,var(--ink),rgba(13,16,33,0) 50%)}
#tgds-page .split__fade--d{top:-.11px;opacity:.45;background:linear-gradient(113.72deg,var(--ink) 20.777%,rgba(13,16,33,0) 55.071%)}
#tgds-page .split__cap{position:absolute;left:63.33%;bottom:15.96px;background:rgba(38,34,98,.3);border-radius:3px;padding:4.5px 9px;font-weight:500;font-size:9.035px;color:#fff;white-space:nowrap}
#tgds-page .split__cap span{opacity:.7}

#tgds-page .brands{background:var(--ink-2);padding:24px 64px;display:flex;align-items:center;min-height:144px}
#tgds-page .brands ul{flex:1;display:flex;gap:16px}
#tgds-page .brand{flex:1 1 0;min-width:0;height:96px;background:#1a1d28;border:1px solid #303440;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 0;overflow:hidden}
#tgds-page .brand__mark{position:relative;width:44px!important;height:44px;border-radius:8px;overflow:hidden;background:#1f1f27;flex:none}
#tgds-page .brand__mark img{position:absolute;left:0;top:.13px;width:44px!important;height:44px;object-fit:cover}
#tgds-page .brand__mark--w{background:#fff}
#tgds-page .brand__mark--figma img{left:12.71px;top:8.6px;width:18.33px!important;height:27.5px}
#tgds-page .brand__mark--jb{background:transparent;overflow:visible}
#tgds-page .brand__mark--jb img{left:-18.58px;top:-8.02px;width:80.83px!important;height:60.62px}
#tgds-page .brand__mark--gh img{width:43.67px!important;height:43.67px}
#tgds-page .brand__name{font-weight:600;font-size:14px;line-height:20px;color:#fff;white-space:nowrap}

#tgds-page .partner{background:var(--ink);padding-top:120px;padding-bottom:60px;display:flex;flex-direction:column;gap:64px;color:#fff}
#tgds-page .partner__head{display:flex;align-items:flex-end;gap:24px}
#tgds-page .t-40w{font-weight:800;font-size:min(40px, calc(3.704 * var(--vw)));line-height:1.2;letter-spacing:-.0375em;color:#fff}
#tgds-page .partner__head .t-40w{flex:1}
#tgds-page .partner__desc{flex:0 0 380px;font-size:16px;line-height:1.75;letter-spacing:-.4px;opacity:.8}
#tgds-page .events{display:flex;gap:12px}
#tgds-page .event{margin:0;flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px}
#tgds-page .event__ph{position:relative;height:280px;border-radius:10px;overflow:hidden}
#tgds-page .event__ph img{width:100%!important;height:100%;object-fit:cover}
#tgds-page .event__ph--tall img{position:absolute;left:50%;top:50%;width:145.65%!important;height:auto;transform:translate(-50%,-50%)}
#tgds-page .event__cap{font-weight:600;font-size:13px;opacity:.7;white-space:nowrap}

#tgds-page .history{background:var(--ink-2);padding-top:120px;padding-bottom:120px;display:flex;flex-direction:column;gap:80px}
#tgds-page .tl{position:relative;height:calc(611 * var(--u))}
#tgds-page .tl__path{position:absolute;left:calc(140 * var(--u));top:calc(183.12 * var(--u));width:calc(761 * var(--u))!important;height:calc(244 * var(--u))}
#tgds-page .tl__line{position:absolute;top:calc(424.85 * var(--u));width:calc(320 * var(--u))!important;height:calc(2 * var(--u))}
#tgds-page .tl__line--a{left:calc(460 * var(--u))}
#tgds-page .tl__line--b{left:calc(140 * var(--u))}
#tgds-page .tl__conn{position:absolute;left:calc((var(--nx) - 1) * var(--u));top:calc(var(--ct) * var(--u));width:calc(2 * var(--u))!important;height:calc(var(--ch) * var(--u));background:rgba(0,129,255,.5)}
#tgds-page .tl__node{position:absolute;z-index:1;left:calc((var(--nx) - 14) * var(--u));top:calc((var(--ny) - 14) * var(--u));width:calc(28 * var(--u))!important;height:calc(28 * var(--u));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:calc(13 * var(--u));letter-spacing:-.03em;color:#fff}
#tgds-page .tl__node > img{position:absolute;inset:0;width:100%!important;height:100%}
#tgds-page .tl__node > img.glow{inset:auto;left:calc(-30 * var(--u));top:calc(-30 * var(--u));width:calc(88 * var(--u))!important;height:calc(88 * var(--u))}
#tgds-page .tl__node span{position:relative}
#tgds-page .tl__card{position:absolute;z-index:2;left:calc(var(--cl) * var(--u));top:calc(var(--cty) * var(--u));width:calc(280 * var(--u))!important;background:var(--ink);border:1px solid rgba(0,129,255,.3);border-radius:calc(16 * var(--u));padding:calc(20 * var(--u));display:flex;flex-direction:column;gap:calc(8 * var(--u));color:#fff}
#tgds-page .tl__date{display:flex;align-items:center;gap:calc(8 * var(--u));font-weight:600;font-size:calc(11 * var(--u));letter-spacing:-.03em}
#tgds-page .tl__dot{position:relative;width:calc(12 * var(--u))!important;height:calc(12 * var(--u));flex:none}
#tgds-page .tl__dot img{position:absolute;inset:0;width:100%!important;height:100%}
#tgds-page .tl__dot img.glow{inset:auto;left:calc(-12 * var(--u));top:calc(-12 * var(--u));width:calc(36 * var(--u))!important;height:calc(36 * var(--u))}
#tgds-page .tl__date span{opacity:.5}
#tgds-page .tl__t{font-weight:700;font-size:calc(18 * var(--u));line-height:1.3;letter-spacing:-.03em}
#tgds-page .tl__d{font-size:calc(13 * var(--u));line-height:1.6;letter-spacing:-.03em;opacity:.65}
#tgds-page .tl-1{--nx:140;--ny:183.85;--ct:134.85;--ch:49;--cl:0;--cty:.11}
#tgds-page .tl-2{--nx:460;--ny:183.85;--ct:134.85;--ch:49;--cl:320;--cty:.11}
#tgds-page .tl-3{--nx:780;--ny:183.85;--ct:134.85;--ch:49;--cl:640;--cty:.11}
#tgds-page .tl-4{--nx:780;--ny:425.85;--ct:425.85;--ch:50;--cl:640;--cty:475.85}
#tgds-page .tl-5{--nx:460;--ny:425.85;--ct:425.85;--ch:50;--cl:320;--cty:475.85}
#tgds-page .tl-6{--nx:140;--ny:425.85;--ct:425.85;--ch:50;--cl:0;--cty:475.85}
#tgds-page .tl-6 .tl__card{box-shadow:0 0 40px rgba(0,129,255,.1),0 8px 24px rgba(0,0,0,.4)}

#tgds-page .effect{background:var(--ink);padding-top:60px;padding-bottom:60px;display:flex;flex-direction:column;align-items:center;gap:120px;overflow:hidden}
#tgds-page .effect__row{display:flex;align-items:center;justify-content:space-between;gap:40px;width:100%!important}
#tgds-page .collage{position:relative;flex:0 1 420px;width:min(420px,100%)!important;aspect-ratio:420 / 259}
#tgds-page .collage__ph{position:absolute;transform:translate(-50%,-50%) rotate(var(--r));border-radius:8px;overflow:hidden;box-shadow:2px 2px 8px rgba(0,0,0,.15)}
#tgds-page .collage__ph img{position:absolute}
#tgds-page .collage__ph--a{--r:4.86deg;left:37.848%;top:70.39%;width:80.85%!important;aspect-ratio:339.569 / 230.892}
#tgds-page .collage__ph--a img{left:-10.16%;top:-23.51%;width:136.28%!important;height:150.32%}
#tgds-page .collage__ph--b{--r:-5.59deg;left:55.157%;top:48.737%;width:81.503%!important;aspect-ratio:342.315 / 232.452}
#tgds-page .collage__ph--b img{left:-10.09%;top:0;width:110.12%!important;height:121.6%}
#tgds-page .effect__text{flex:0 1 420px;display:flex;flex-direction:column;gap:16px;color:#fff}
#tgds-page .effect__text .t-40w{white-space:nowrap}
#tgds-page .effect__desc{font-size:16px;line-height:1.5;letter-spacing:-.4px;opacity:.8}
#tgds-page .stats{position:relative;display:flex;align-items:center;gap:16px}
#tgds-page .stats__ring{position:absolute;left:50%;top:50%;width:1000px!important;height:128px;transform:translate(-50%,-50%);pointer-events:none}
#tgds-page .stat{position:relative;width:250px!important;padding:24px 48px;display:flex;flex-direction:column;align-items:center;gap:16px;white-space:nowrap;text-align:center}
#tgds-page .stat__n{font-weight:800;font-size:min(60px, calc(5.556 * var(--vw)));line-height:1;letter-spacing:-.015em;color:var(--color-5)}
#tgds-page .stat__l{font-weight:600;font-size:min(24px, calc(2.222 * var(--vw)));line-height:1.2;letter-spacing:-.015em;color:var(--blue-0100)}
#tgds-page .stats__div{position:relative;width:3px!important;height:80px;flex:none}

#tgds-page .closing{border-top:1px solid rgba(255,255,255,.06);padding-top:100px;padding-bottom:120px;display:flex;flex-direction:column;align-items:center;gap:64px;overflow:hidden;text-align:center;
  background:radial-gradient(540px 564.56px at 50% 241.96px,#1a1a2e 0%,#14141e 50%,#0d0d0d 100%)}
#tgds-page .closing__glow{position:absolute;pointer-events:none}
#tgds-page .closing__glow--a{left:calc(50% - 279px);top:233.89px;width:600px!important;height:400px;background:radial-gradient(50% 50% at 50% 50%,rgba(100,60,220,.35) 0%,rgba(30,50,180,.15) 60%,rgba(0,0,0,0) 100%)}
#tgds-page .closing__glow--b{left:calc(50% - 260px);top:119px;width:520px!important;height:300px;background:radial-gradient(50% 50% at 50% 50%,rgba(60,100,255,.2) 0%,rgba(30,50,128,.1) 50%,rgba(0,0,0,0) 100%)}
#tgds-page .closing__lead{position:relative;font-weight:600;font-size:min(30px, calc(2.778 * var(--vw)));line-height:1.5;letter-spacing:-.05em;color:rgba(255,255,255,.45)}
#tgds-page .closing__msg{position:relative;font-weight:700;font-size:min(40px, calc(3.704 * var(--vw)));line-height:1.3;letter-spacing:-.05em;color:#fff;text-shadow:0 0 20px rgba(100,80,255,.4)}
#tgds-page .icons3d{position:relative;width:153.8px!important;height:174.52px;flex:none}
#tgds-page .i3{position:absolute;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}
#tgds-page .i3--a{left:0;top:0;width:116.829px!important;height:116.829px}
#tgds-page .i3--b{left:41.16px;top:61.88px;width:112.633px!important;height:112.633px}
#tgds-page .i3__rot{transform-style:preserve-3d}
#tgds-page .i3--a .i3__rot{transform:rotate(-14.38deg)}
#tgds-page .i3--b .i3__rot{transform:rotate(11.06deg)}
#tgds-page .tile{position:relative;width:96px!important;height:96px;border-radius:22px;display:flex;align-items:center;justify-content:center}
#tgds-page .i3--a .tile{border:5px solid rgba(255,255,255,.9);background:linear-gradient(90deg,#fff,#e8e8f0);box-shadow:4px 16px 24px rgba(0,0,0,.4),0 12px 32px rgba(148,71,255,.5),inset -2px -2px 4px rgba(255,255,255,.8);transform:rotateX(16.359deg) rotateY(16.256deg) rotateZ(-1.053deg)}
#tgds-page .i3--b .tile{border:5px solid rgba(255,255,255,.95);background:linear-gradient(90deg,#fff,#dce8ff);box-shadow:6px 20px 28px rgba(0,0,0,.45),0 12px 32px rgba(46,112,255,.55),inset -2px -2px 4px rgba(255,255,255,.9);transform:rotateX(16.039deg) rotateY(-18.99deg) rotateZ(-.283deg)}
#tgds-page .tile__figma{width:42px!important;height:63px;object-fit:cover}
#tgds-page .tile__wing{width:52px!important;height:52px}

/* ---------------- S03 디자인 시스템 ---------------- */
#tgds-page .notice{position:relative;min-height:608px;display:flex;align-items:center;overflow:hidden;padding-top:60px;padding-bottom:60px}
#tgds-page .notice__bg{position:absolute;inset:0;width:100%!important;height:100%;object-fit:cover;filter:blur(7px)}
#tgds-page .notice__dim{position:absolute;inset:0;background:#000;opacity:.6}
#tgds-page .notice__body{position:relative;width:100%!important;display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center;color:#fff}
#tgds-page .notice__top{display:flex;flex-direction:column;align-items:center;gap:24px}
#tgds-page .notice__title{font-weight:700;font-size:min(40px, calc(3.704 * var(--vw)));line-height:1.4;letter-spacing:-.03em}
#tgds-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:17px 24px;border-radius:8px;background:#fff;color:var(--blue-0700);font-weight:800;font-size:16px;line-height:1.5;white-space:nowrap}
#tgds-page .notice__sub{font-weight:500;font-size:min(24px, calc(2.222 * var(--vw)));line-height:1.4;letter-spacing:-.03em}

#tgds-page .why{background:var(--blue-0100);padding-top:120px;padding-bottom:160px;display:flex;flex-direction:column;gap:56px}
#tgds-page .why__head{display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}
#tgds-page .why__head .t-60{font-weight:900}
#tgds-page .why__body{display:flex;flex-direction:column;gap:120px}
#tgds-page .why__msg{display:flex;flex-direction:column;gap:56px;text-align:center;font-size:min(40px, calc(3.704 * var(--vw)));line-height:1.4;letter-spacing:-.0425em}
#tgds-page .why__msg-a{font-weight:800;color:var(--blue-1000)}
#tgds-page .why__msg-b{font-weight:600;color:var(--gray-1000)}
#tgds-page .why__msg-b p + p{margin-top:1.4em}
#tgds-page .reco{display:flex;flex-direction:column;gap:32px}
#tgds-page .reco__title{font-weight:800;font-size:min(32px, calc(2.963 * var(--vw)));line-height:1.4;letter-spacing:-.053em;color:var(--blue-1000);text-align:center;white-space:pre-wrap}
#tgds-page .reco__list{display:flex;gap:16px}
#tgds-page .qcard{flex:1 1 0;min-width:0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
#tgds-page .qcard__art{position:relative;height:203px;display:flex;align-items:center;justify-content:center;flex:none}
#tgds-page .qcard__art img{width:120px!important;height:120px;margin-top:1px}
#tgds-page .qcard__body{flex:1;background:#fff;padding:24px;display:flex;flex-direction:column;gap:12px;font-weight:700}
#tgds-page .qcard__k{font-size:16px}
#tgds-page .qcard__q{font-size:20px;line-height:1.6;letter-spacing:-.6px;color:#172c2b}

#tgds-page .path{background:#0a2242;padding-top:100px;padding-bottom:120px;display:flex;flex-direction:column;align-items:center;gap:52px;overflow:hidden}
#tgds-page .path__deco{position:absolute;pointer-events:none}
#tgds-page .path__wave{left:calc(50% - 806px);top:318px;width:1660px!important;height:729px}
#tgds-page .path__e1{right:-120px;top:-120px;width:480px!important;height:480px}
#tgds-page .path__e2{right:60px;top:60px;width:280px!important;height:280px}
#tgds-page .path__e3{left:-80px;bottom:-80px;width:320px!important;height:320px}
#tgds-page .path__title{position:relative;width:100%!important;font-weight:800;font-size:min(44px, calc(4.074 * var(--vw)));line-height:1.35;letter-spacing:-.0386em;color:#fff;text-align:center}
#tgds-page .steps{position:relative;display:flex;gap:24px;width:100%!important;padding-bottom:31px}
#tgds-page .step{flex:1 1 0;min-width:0;height:300px;background:#203d64;border-radius:20px;overflow:hidden;padding:28px 24px 8px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
#tgds-page .step__txt{display:flex;flex-direction:column;gap:8px}
#tgds-page .step__n{font-weight:500;font-size:12px;letter-spacing:.5px}
#tgds-page .step__t{font-weight:800;font-size:24px;line-height:1.3}
#tgds-page .step__d{font-size:12px;opacity:.5}
#tgds-page .step__art{height:160px;flex:none;mix-blend-mode:screen}
#tgds-page .step__art img{width:100%!important;height:100%;object-fit:contain}
#tgds-page .path__foot{position:relative;width:100%!important;display:flex;flex-direction:column;gap:100px}
#tgds-page .voices{position:relative;padding-top:24px;display:flex;flex-direction:column;gap:20px;overflow:hidden}
#tgds-page .voices__row{display:flex;justify-content:center;gap:12px}
#tgds-page .voice{flex:0 1 420px;min-width:0;background:rgba(111,122,137,.4);border:1px solid #2a2a2a;border-radius:18px;padding:20px 18px;display:flex;gap:12px;align-items:flex-start}
#tgds-page .voice__av{position:relative;flex:none;width:48px!important;height:48px;border-radius:24px;overflow:hidden}
#tgds-page .voice__av img{width:100%!important;height:100%;object-fit:cover}
#tgds-page .voice__av::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2)}
#tgds-page .voice p{flex:1 1 0;min-width:0;font-size:14px;line-height:1.6;color:#fff}
#tgds-page .voices__fade{position:absolute;top:.37px;width:191px!important;height:246px;pointer-events:none}
#tgds-page .voices__fade--l{left:0;background:linear-gradient(270deg,rgba(10,34,66,0),#0a2242)}
#tgds-page .voices__fade--r{right:0;background:linear-gradient(90deg,rgba(10,34,66,0),#0a2242)}
#tgds-page .path__sum{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;color:#fff}
#tgds-page .path__sum-t{font-weight:700;font-size:min(28px, calc(2.593 * var(--vw)));line-height:1.5;letter-spacing:-.0357em}
#tgds-page .path__sum-n{font-weight:500;font-size:13px;opacity:.4}

/* ---------------- S04 커리큘럼 ---------------- */
#tgds-page .curri{background:var(--blue-0100);padding-top:72px;padding-bottom:72px;display:flex;flex-direction:column;align-items:center;gap:56px}
#tgds-page .curri__top{width:100%!important;display:flex;flex-direction:column;gap:80px}
#tgds-page .curri__head{display:flex;flex-direction:column;align-items:center;gap:32px}
#tgds-page .curri__head-txt{display:flex;flex-direction:column;gap:16px;text-align:center;letter-spacing:-.0354em}
#tgds-page .curri__h{font-weight:800;font-size:min(48px, calc(4.444 * var(--vw)));line-height:1.4;color:var(--blue-1000)}
#tgds-page .curri__s{font-weight:600;font-size:min(32px, calc(2.963 * var(--vw)));line-height:1.4;letter-spacing:-.053em;color:var(--gray-1000)}
#tgds-page .vlist{width:100%!important;display:flex;flex-direction:column;gap:16px}
#tgds-page .vitem{background:#fff;border:1px solid #d6e2dd;border-radius:16px;padding:40px 24px 40px 40px;display:flex;gap:30px;align-items:flex-start;overflow:hidden}
#tgds-page .vitem__n{flex:none;width:60px!important;font-weight:900;font-size:40px;line-height:1.2;letter-spacing:-1px;color:var(--blue-0700)}
#tgds-page .vitem__body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:15px}
#tgds-page .vitem__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#tgds-page .vitem__t{flex:1 1 0;min-width:0;font-weight:600;font-size:25px;line-height:1.5;letter-spacing:-.75px;color:#172c2b}
#tgds-page .vitem__t--b{font-weight:700}
#tgds-page .badge{flex:none;background:var(--gray-0100);border:1px solid var(--gray-0200);border-radius:8px;padding:7px 12px;font-weight:600;font-size:13px;letter-spacing:-.39px;color:var(--gray-0700);white-space:nowrap}
#tgds-page .vitem__info{display:flex;flex-direction:column;gap:8px}
#tgds-page .vitem__d{font-size:17px;line-height:1.6;letter-spacing:-.51px;color:#223b39}
#tgds-page .vitem__d b{font-weight:700}
#tgds-page .vitem__src{font-size:12px;line-height:1.35;letter-spacing:-.36px;color:var(--gray-0700)}
#tgds-page .vitem__src b{font-weight:700;margin-left:4px}
#tgds-page .curri__note{width:100%!important;font-weight:600;font-size:min(32px, calc(2.963 * var(--vw)));line-height:1.4;letter-spacing:-.053em;color:var(--gray-1000);text-align:center}
#tgds-page .arrow{width:6px!important;height:126px;margin:-3px 0}

/* 강의 커버 (공통) */
#tgds-page .cover{position:relative;overflow:hidden;background:var(--color-5)}
#tgds-page .cover__img{position:absolute;inset:0;opacity:.7}
#tgds-page .cover__img img{width:100%!important;height:100%;object-fit:cover;object-position:100% 50%}
#tgds-page .cover__grad{position:absolute;inset:0;background:linear-gradient(90deg,var(--blue-0700),rgba(0,129,255,0))}
/* 육각형 클러스터: 920px 커버 기준 좌표 × --hx */
#tgds-page .hx{--hx:1px;position:absolute;left:calc(100% - 282.81 * var(--hx));top:calc(-18.77 * var(--hx));width:calc(358.5 * var(--hx))!important;height:calc(325.35 * var(--hx));pointer-events:none}
#tgds-page .hx > span{position:absolute;left:calc(var(--x) * var(--hx));top:calc(var(--y) * var(--hx));width:calc(var(--s) * var(--hx))!important;height:calc(var(--h, var(--s)) * var(--hx))}
#tgds-page .hx > span > span{position:absolute;inset:var(--in, 0)}
#tgds-page .hx img{width:100%!important;height:100%}
#tgds-page .hx-p1{--x:198.83;--y:30.61;--s:96.779;--in:-3.71% -1.94% -7.35% 1.7%}
#tgds-page .hx-ag{--x:213.72;--y:45.75;--s:66.892}
#tgds-page .hx-ag > span{inset:auto !important;left:8.33%;top:8.34%;width:83.33%!important;height:83.33%;transform:scaleY(-1)}
#tgds-page .hx-p2{--x:252.94;--y:118.59;--s:105.577;--in:-3.29% -1.22% -6.63% 2.12%}
#tgds-page .hx-p3{--x:0;--y:109.8;--s:123.174;--in:-2.82% 0 -5.68% 2.77%}
#tgds-page .hx-p4{--x:193.55;--y:219.77;--s:105.577;--in:-3.29% -1.22% -6.63% 2.12%}
#tgds-page .hx-im{--x:215.55;--y:241.77;--s:61.587}
#tgds-page .hx-im img{object-fit:cover}
#tgds-page .hx-p5{--x:68.62;--y:215.37;--s:105.577;--in:-3.29% -1.22% -6.63% 2.12%}
#tgds-page .hx-g1{--x:52.61;--y:0;--s:123.174;--in:-2.82% 0 -5.68% 0}
#tgds-page .hx-g2{--x:113.93;--y:101;--s:140.77;--in:-2.47% 0 -4.97% 0}
#tgds-page .hx-dv{--x:274.94;--y:144.99;--s:61.587;--h:52.53;--in:-.74% -3.62%}
#tgds-page .hx-fg{--x:90.62;--y:237.37;--s:61.587}
#tgds-page .hx-pd{--x:32.55;--y:142.35;--s:58.068}

#tgds-page .cover--soon{width:100%!important;aspect-ratio:920 / 287.5;border-radius:16px}
#tgds-page .cover--soon .cover__title{position:absolute;left:32px;top:calc(50% - 52.75px);font-weight:700;font-size:min(36px, calc(3.333 * var(--vw)));line-height:1.3;letter-spacing:-.03em;color:#fff;white-space:nowrap}
#tgds-page .cover--soon .cover__logo{position:absolute;left:32px;bottom:26.45px;width:115.247px!important;height:23px}
#tgds-page .cover__dim{position:absolute;inset:0;background:#000;opacity:.7}
#tgds-page .cover__soon{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;line-height:1.6;padding:0 16px}
#tgds-page .cover__soon strong{font-weight:700;font-size:min(60px, calc(5.556 * var(--vw)));letter-spacing:-.03em}
#tgds-page .cover__soon span{font-weight:500;font-size:min(32px, calc(2.963 * var(--vw)));letter-spacing:-.03em}

#tgds-page .next{background:var(--blue-1200);padding-top:88px;padding-bottom:88px;display:flex;flex-direction:column;align-items:center;gap:44px}
#tgds-page .next__title{width:100%!important;font-weight:800;font-size:min(40px, calc(3.704 * var(--vw)));line-height:1.4;letter-spacing:-.0425em;color:#fff;text-align:center}
#tgds-page .next__note{font-weight:700;font-size:12px;color:#fff;opacity:.7;text-align:center}

/* 마지막 CTA 배너 (Figma에서 통 이미지로 교체됨) */
#tgds-page .cta-img{display:block;width:100%!important;height:auto}

/* ---------------- S05 마무리 ---------------- */
#tgds-page .faq{background:#fff;padding-top:88px;padding-bottom:120px;display:flex;flex-direction:column;align-items:center;gap:44px}
#tgds-page .faq__list{width:100%!important}
#tgds-page .faq__item{border-top:1px solid #d6e2dd;padding:27px 0;display:flex;gap:24px;align-items:flex-start}
#tgds-page .faq__item:last-child{border-bottom:1px solid #d6e2dd}
#tgds-page .faq__q{flex:none;font-weight:900;font-size:32px;color:var(--blue-0700);line-height:normal}
#tgds-page .faq__body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:8px}
#tgds-page .faq__body dt{font-weight:700;font-size:21px;line-height:1.6;color:#172c2b}
#tgds-page .faq__body dd{font-size:17px;line-height:1.5;color:#5e706d}

#tgds-page .outro{background:var(--blue-1200);padding-top:88px;padding-bottom:88px;display:flex;flex-direction:column;align-items:center;gap:44px;text-align:center;color:#fff;font-size:min(32px, calc(2.963 * var(--vw)));line-height:1.4;letter-spacing:-.03em}
#tgds-page .outro b{display:block;font-weight:800}
#tgds-page .outro span{display:block;font-weight:600}

/* =========================================================
   ≤ 800px — Tablet
   ========================================================= */
@media all{ /* 페이지 최대 폭 800px: 800 뷰를 항상 적용 */
  #tgds-page{--px:40px}
  #tgds-page .stage-wrap{--u:1px}
  #tgds-page .chip{height:42px;padding:0 20px;font-size:17px}
  #tgds-page .chip--outline{font-size:15px}

  #tgds-page .hero{margin:0 16px;border-radius:24px;padding:36px 24px;gap:20px}
  #tgds-page .hero__body{gap:16px;padding:12px 0}
  /* 히어로 로고 80% — 줄어든 만큼 레이아웃 공간도 회수 */
  #tgds-page .hero .logo{transform:scale(.8);margin:-4.41px -16.09px}
  #tgds-page .hero__eyebrow,#tgds-page .hero__desc{font-size:17px}
  /* 두 줄 모두 한 줄 유지: 700px부터 서서히 축소 (2줄 = 텍스트 + 따옴표 88px) */
  #tgds-page .hero__title{font-size:min(36px, calc((calc(100 * var(--vw)) - 168px) * .0676))}
  #tgds-page .hero__title > span:first-child,#tgds-page .hero__hl > span{white-space:nowrap}
  #tgds-page .hero__q{width:30px!important;height:20px}
  #tgds-page .hero__q--open{margin-right:14px}
  #tgds-page .hero__q--close{margin-left:14px;transform:translateY(-6px) rotate(180deg)}

  #tgds-page .s01-intro{padding-top:140px;padding-bottom:120px;gap:48px}
  #tgds-page .lead{gap:48px;padding-bottom:16px}
  #tgds-page .t-60{font-size:44px}
  #tgds-page .lead__sub{font-size:30px}
  #tgds-page .change{padding-top:56px;gap:48px}
  #tgds-page .pillars{flex-direction:column;align-items:stretch;gap:16px}
  #tgds-page .pillar{flex:none;flex-direction:row}
  #tgds-page .pillar__body{flex:1 1 0;justify-content:center}
  #tgds-page .pillar__img{width:44%!important;height:auto;min-height:180px}

  #tgds-page .split{flex-direction:column;height:auto}
  #tgds-page .split__text{flex:none;padding:72px var(--px) 40px;gap:16px}
  #tgds-page .split__title{font-size:36px}
  #tgds-page .xt{display:none}
  #tgds-page .split__desc{white-space:nowrap;font-size:min(15px, calc((calc(100 * var(--vw)) - 80px) * .0232))}
  #tgds-page .split__media{flex:none;height:420px}
  #tgds-page .split__photo{left:0;top:0;width:100%!important;height:100%;object-position:55% 45%}
  #tgds-page .split__fade{height:100%;top:0}
  #tgds-page .split__fade--l{background:linear-gradient(180deg,var(--ink),rgba(13,16,33,0) 40%)}
  #tgds-page .split__fade--d{display:none}
  #tgds-page .split__cap{left:auto;right:var(--px)}
  #tgds-page .brands{padding:24px var(--px)}
  #tgds-page .brands ul{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}

  #tgds-page .partner{padding-top:96px;gap:48px}
  #tgds-page .t-40w{font-size:30px}
  #tgds-page .partner__head{flex-direction:column;align-items:stretch;gap:20px}
  #tgds-page .partner__desc{flex:none}
  #tgds-page .event__ph{height:200px}
  #tgds-page .event__cap{white-space:normal}

  #tgds-page .history{padding-top:96px;padding-bottom:64px;gap:48px}
  #tgds-page .tl{height:auto}
  #tgds-page .tl__path,#tgds-page .tl__line{display:none}
  #tgds-page .tl ol{display:flex;flex-direction:column;gap:20px}
  /* 번호 원은 항상 오른쪽 카드의 세로 정중앙에 */
  #tgds-page .tl__item{position:relative;display:grid;grid-template-columns:28px 1fr;gap:16px;align-items:center}
  #tgds-page .tl__node{position:relative;left:auto;top:auto}
  /* 세로선: 각 항목의 위 절반(::before) + 아래 절반~다음 항목 시작(.tl__conn, 항목 간격 20px 포함) */
  #tgds-page .tl__item::before{content:"";position:absolute;left:13px;top:0;width:2px!important;height:50%;background:rgba(0,129,255,.5)}
  #tgds-page .tl-1::before{display:none}
  #tgds-page .tl__conn{left:13px;top:50%;height:calc(50% + 20px)}
  #tgds-page .tl-6 .tl__conn{display:none}
  /* 5→6 구간: 데스크톱 점선(s2-line-short)과 같은 패턴 — 12.5px 선 / 12px 간격, #0077ED.
     5번 아래는 5번 원에서, 6번 위는 6번 원에서 시작하도록 방향을 맞춤 */
  #tgds-page .tl-5 .tl__conn{background:repeating-linear-gradient(180deg,#0077ed 0 12.5px,transparent 12.5px 24.5px)}
  #tgds-page .tl-6::before{background:repeating-linear-gradient(0deg,#0077ed 0 12.5px,transparent 12.5px 24.5px)}
  #tgds-page .tl__card{position:relative;left:auto;top:auto;width:auto!important}
  #tgds-page .tl__d{font-size:14px}

  #tgds-page .effect{gap:72px;padding-top:32px;padding-bottom:72px}
  #tgds-page .effect__row{flex-direction:column;gap:40px}
  #tgds-page .collage{flex:none;margin-top:12px;margin-bottom:53px} /* 회전된 사진이 박스 밖으로 나오는 만큼 */
  #tgds-page .effect__text{flex:none;width:100%!important}
  #tgds-page .stats{width:100%!important;gap:0}
  #tgds-page .stat{flex:1 1 0;width:auto!important;padding:24px 8px;gap:12px}
  #tgds-page .stat__n{font-size:44px}
  #tgds-page .stat__l{font-size:18px}

  #tgds-page .closing{padding-top:80px;padding-bottom:96px;gap:48px}
  #tgds-page .closing__lead{font-size:24px}
  #tgds-page .closing__msg{font-size:30px}

  #tgds-page .notice{min-height:480px}
  #tgds-page .notice__title{font-size:30px}
  #tgds-page .notice__sub{font-size:19px}

  #tgds-page .why{padding-top:96px;padding-bottom:120px;gap:48px}
  #tgds-page .why__body{gap:88px}
  #tgds-page .why__msg{font-size:30px;gap:40px}
  #tgds-page .reco__title{font-size:26px}
  #tgds-page .reco__list{flex-direction:column}
  #tgds-page .qcard{flex:none;flex-direction:row}
  #tgds-page .qcard__art{width:180px!important;height:auto;min-height:160px}
  #tgds-page .qcard__art img{width:88px!important;height:88px}
  #tgds-page .qcard__body{justify-content:center}

  #tgds-page .path{padding-top:88px;padding-bottom:96px;gap:44px}
  #tgds-page .path__title{font-size:34px}
  #tgds-page .steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-bottom:0}
  #tgds-page .step{height:280px;gap:12px;padding-bottom:20px}
  #tgds-page .step__t{white-space:nowrap;font-size:min(24px, calc((calc(50 * var(--vw)) - 96px) * .09))}
  #tgds-page .step__art{flex:1 1 0;min-height:0;height:auto}
  #tgds-page .path__foot{gap:72px}
  #tgds-page .voices__row{flex-direction:column;gap:12px}
  #tgds-page .voices{gap:12px}
  #tgds-page .voice{flex:none}
  /* 1줄이면 아바타(48px) 기준 세로 가운데, 여러 줄이면 위에서 시작 */
  #tgds-page .voice p{min-height:48px;display:flex;flex-direction:column;justify-content:center}
  #tgds-page .voices__fade{display:none}
  #tgds-page .path__sum-t{font-size:23px}

  #tgds-page .curri{padding-top:72px;padding-bottom:72px;gap:48px}
  #tgds-page .curri__top{gap:56px}
  #tgds-page .curri__h{font-size:36px}
  #tgds-page .curri__s{font-size:22px}
  #tgds-page .vitem{padding:32px 24px;gap:20px}
  #tgds-page .vitem__n{width:44px!important;font-size:32px}
  #tgds-page .vitem__head{flex-wrap:wrap;gap:8px}
  #tgds-page .vitem__t{flex-basis:100%;font-size:21px}
  #tgds-page .vitem__d{font-size:16px}
  /* 커리큘럼·Next step 카드 (Figma 91:7280): 공개 예정 배지 → 번호+제목 → 설명(들여쓰기 없음) */
  #tgds-page .curri .vitem,#tgds-page .next .vitem{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"badge badge" "num title" "info info";column-gap:8px;row-gap:0;padding:40px 24px 40px 40px}
  #tgds-page .curri .vitem__body,#tgds-page .curri .vitem__head,#tgds-page .next .vitem__body{display:contents}
  #tgds-page .curri .badge{grid-area:badge;justify-self:start;margin-bottom:12px}
  #tgds-page .curri .vitem__n,#tgds-page .next .vitem__n{grid-area:num;align-self:center;width:48px!important}
  #tgds-page .curri .vitem__t,#tgds-page .next .vitem__t{grid-area:title;align-self:center}
  #tgds-page .curri .vitem__info{grid-area:info;margin-top:16px}
  #tgds-page .next .vitem__d{grid-area:info;margin-top:16px}
  #tgds-page .curri__note{font-size:24px}
  #tgds-page .arrow{height:96px}
  #tgds-page .cover--soon .cover__title{font-size:28px}
  #tgds-page .cover--soon .hx{--hx:.8px}
  #tgds-page .cover__soon strong{font-size:40px}
  #tgds-page .cover__soon span{font-size:20px}

  #tgds-page .next{padding-top:72px;padding-bottom:72px;gap:36px}
  #tgds-page .next__title{font-size:30px}

  #tgds-page .faq{padding-top:72px;padding-bottom:96px;gap:36px}
  #tgds-page .faq__q{font-size:28px}
  #tgds-page .faq__body dt{font-size:19px}
  #tgds-page .faq__body dd{font-size:16px}
  #tgds-page .outro{padding-top:72px;padding-bottom:72px;gap:36px;font-size:24px}
}

/* =========================================================
   ≤ 600px — Mobile
   ========================================================= */
@media (max-width:600px){
  #tgds-page{--px:20px}
  #tgds-page .pc{display:none}
  #tgds-page .mo{display:inline}
  #tgds-page .chip{height:36px;padding:0 16px;font-size:15px;line-height:1}
  #tgds-page .chip--outline{font-size:14px}

  #tgds-page .s01{padding-top:12px}
  #tgds-page .hero{margin:0 12px;border-radius:20px;padding:36px 16px;gap:24px}
  #tgds-page .hero__glow{width:420px!important;height:420px;left:-140px;top:-140px}
  #tgds-page .hero__body{gap:16px;padding:16px 0}
  #tgds-page .hero__eyebrow,#tgds-page .hero__desc{font-size:15px}
  /* 두 줄 유지: 폭에 맞춰 축소, 18px 하한(약 360px 미만에서는 자연 줄바꿈) */
  #tgds-page .hero__title{font-size:clamp(18px, calc((calc(100 * var(--vw)) - 112px) * .0715), 26px)}
  #tgds-page .hero__title > span:first-child,#tgds-page .hero__hl > span{white-space:normal}
  #tgds-page .hero__q{width:20px!important;height:13.33px}
  #tgds-page .hero__q--open{margin-right:8px;transform:none}
  #tgds-page .hero__q--close{margin-left:8px;transform:translateY(-4px) rotate(180deg)}
  #tgds-page .logo{transform:scale(.8)}
  #tgds-page .hero .logo{margin:0}

  #tgds-page .s01-intro{padding-top:96px;padding-bottom:88px;gap:40px}
  #tgds-page .lead{gap:36px;padding-bottom:0}
  #tgds-page .lead__text{gap:20px}
  #tgds-page .t-60{font-size:30px}
  #tgds-page .lead__sub{font-size:21px}
  #tgds-page .change{padding-top:40px;gap:36px}
  #tgds-page .pillars{flex-direction:row;justify-content:flex-start;align-items:stretch;align-self:stretch;width:auto!important;margin:0 calc(-1 * var(--px));padding:8px var(--px) 32px;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--px);-webkit-overflow-scrolling:touch;scrollbar-width:none}
  #tgds-page .pillars::-webkit-scrollbar{display:none}
  #tgds-page .pillar{flex:0 0 70%;flex-direction:column;scroll-snap-align:start}
  #tgds-page .pillar__body{padding:24px 24px 16px;align-items:center;text-align:center}
  #tgds-page .pillar__t{font-size:clamp(18px, calc((calc(100 * var(--vw)) - 88px) * .077), 20px);word-break:keep-all;text-wrap:balance;margin:0px !important;}
  #tgds-page .pillar__d{word-break:keep-all;text-wrap:balance}
  #tgds-page .pillar__img{width:100%!important;height:200px;min-height:0}
  #tgds-page .pillar__img img{object-fit:contain}

  #tgds-page .split__text{padding:56px var(--px) 32px;gap:20px}
  /* 2줄 유지: 406px 미만에서 축소, 하한 20px */
  #tgds-page .split__title{font-size:clamp(20px, calc((calc(100 * var(--vw)) - 40px) * .075), 28px)}
  #tgds-page .split__desc{font-size:14px;white-space:normal}
  #tgds-page .xt{display:inline}
  #tgds-page .xt.xm{display:none} /* 모바일에서도 한 줄로 합치는 줄바꿈 */
  #tgds-page .pc.xt{display:none}
  #tgds-page .split__media{height:300px}
  #tgds-page .brands{padding:20px var(--px)}
  #tgds-page .brands ul{gap:8px}
  #tgds-page .brand{height:84px;gap:6px;padding:8px 0}
  #tgds-page .brand__mark{transform:scale(.82)}
  #tgds-page .brand__name{font-size:12px;line-height:16px}

  #tgds-page .partner{padding-top:72px;padding-bottom:48px;gap:36px}
  #tgds-page .t-40w{font-size:24px}
  /* 1줄 유지: 폭에 맞춰 축소, 하한 18px */
  #tgds-page .partner__head .t-40w{font-size:clamp(18px, calc((calc(100 * var(--vw)) - 40px) * .059), 24px)}
  #tgds-page .effect__text .t-40w{font-size:clamp(18px, calc((calc(100 * var(--vw)) - 40px) * .0726), 24px)}
  #tgds-page .partner__desc{font-size:15px}
  #tgds-page .events{flex-direction:row;justify-content:flex-start;align-self:stretch;width:auto!important;margin:0 calc(-1 * var(--px));padding:0 var(--px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--px);-webkit-overflow-scrolling:touch;scrollbar-width:none}
  #tgds-page .events::-webkit-scrollbar{display:none}
  #tgds-page .event{flex:0 0 70%;scroll-snap-align:start}
  #tgds-page .event__ph{height:220px}

  #tgds-page .history{padding-top:72px;padding-bottom:72px;gap:36px}
  #tgds-page .tl__item{gap:12px}
  #tgds-page .tl__card{padding:16px}
  #tgds-page .tl__t{font-size:17px}

  #tgds-page .effect{gap:56px;padding-top:32px;padding-bottom:56px}
  #tgds-page .effect__row{gap:44px}
  #tgds-page .collage{margin-bottom:min(53px, calc((calc(100 * var(--vw)) - 40px) * .1262))} /* 회전된 사진이 박스 밖으로 나오는 만큼 */
  #tgds-page .effect__text .t-40w{white-space:normal}
  #tgds-page .effect__desc{font-size:15px}
  #tgds-page .stats{flex-direction:column;gap:8px}
  #tgds-page .stats__ring{display:none}
  /* 세로 배치: 구분선을 눕혀서 사이사이에 (회전 후 레이아웃 높이 80→3px로 보정) */
  #tgds-page .stats__div{transform:rotate(90deg);margin:-38.5px 0}
  #tgds-page .stat{width:100%!important;padding:16px 0;gap:8px}
  #tgds-page .stat__n{font-size:44px}

  #tgds-page .closing{padding-top:64px;padding-bottom:72px;gap:40px}
  #tgds-page .closing__lead{font-size:18px}
  #tgds-page .closing__msg{font-size:23px}
  #tgds-page .icons3d{transform:scale(.8);margin:-16px 0}

  #tgds-page .notice{min-height:420px;padding-top:56px;padding-bottom:56px}
  #tgds-page .notice__body{gap:28px}
  #tgds-page .notice__title{font-size:21px}
  #tgds-page .notice__sub{font-size:15px}
  #tgds-page .btn{font-size:15px;padding:14px 20px}

  #tgds-page .why{padding-top:72px;padding-bottom:88px;gap:36px}
  #tgds-page .why__head{gap:20px}
  #tgds-page .why__body{gap:64px}
  #tgds-page .why__msg{font-size:20px;gap:28px}
  #tgds-page .reco{gap:24px}
  #tgds-page .reco__title{font-size:21px}
  #tgds-page .reco__list{flex-direction:row;justify-content:flex-start;align-items:stretch;align-self:stretch;width:auto!important;margin:0 calc(-1 * var(--px));padding:0 var(--px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--px);-webkit-overflow-scrolling:touch;scrollbar-width:none}
  #tgds-page .reco__list::-webkit-scrollbar{display:none}
  #tgds-page .qcard{flex:0 0 60%;flex-direction:column;scroll-snap-align:start}
  #tgds-page .qcard__art{width:auto!important;height:140px;min-height:0}
  #tgds-page .qcard__art img{width:80px!important;height:80px}
  #tgds-page .qcard__body{padding:20px;align-items:center;text-align:center}
  #tgds-page .qcard__q{font-size:17px;word-break:keep-all;text-wrap:balance}

  #tgds-page .path{padding-top:64px;padding-bottom:72px;gap:32px}
  #tgds-page .path__title{font-size:24px}
  #tgds-page .path__e1{width:300px!important;height:300px;right:-100px;top:-100px}
  #tgds-page .path__e2{width:180px!important;height:180px;right:20px;top:30px}
  /* 2x2 그리드, 카드 내부는 세로(텍스트 위, 이미지 아래) */
  #tgds-page .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #tgds-page .step{height:auto;min-height:0;flex-direction:column;justify-content:space-between;padding:20px 16px 16px;gap:12px}
  #tgds-page .step__txt{min-width:0;align-items:center;text-align:center}
  #tgds-page .step__n{font-size:16px;font-weight:700}
  /* 들어가면 1줄, 안 들어가면 단어 단위로 균형 있게 줄바꿈 */
  #tgds-page .step__t{font-size:clamp(15px, calc((calc(50 * var(--vw)) - 58px) * .13), 20px);white-space:normal;word-break:keep-all;text-wrap:balance}
  #tgds-page .step__d{word-break:keep-all}
  #tgds-page .step__art{flex:none;width:100%!important;height:96px}
  #tgds-page .path__foot{gap:56px}
  #tgds-page .voice p{font-size:13px}
  #tgds-page .path__sum-t{font-size:18px}
  #tgds-page .path__sum-n{font-size:12px}

  #tgds-page .curri{padding-top:56px;padding-bottom:56px;gap:36px}
  #tgds-page .curri__top{gap:40px}
  #tgds-page .curri__head{gap:24px}
  #tgds-page .curri__h{font-size:26px}
  #tgds-page .curri__s{font-size:17px}
  #tgds-page .vlist{gap:12px}
  #tgds-page .vitem{flex-direction:column;padding:24px 20px;gap:8px}
  #tgds-page .vitem__n{width:auto!important;font-size:26px}
  #tgds-page .vitem__body{gap:12px}
  #tgds-page .vitem__t{font-size:19px;line-height:1.4}
  #tgds-page .vitem__d{font-size:15px}
  /* 커리큘럼·Next step: 태블릿과 같은 그리드(배지 / 번호+제목 / 본문), 여백만 축소 */
  #tgds-page .curri .vitem,#tgds-page .next .vitem{padding:24px 20px;column-gap:14px}
  #tgds-page .curri .vitem__n,#tgds-page .next .vitem__n{width:auto!important}
  /* 커리큘럼: 출처(from)를 맨 위로, 공개 예정 배지를 맨 아래로 */
  #tgds-page .curri .vitem{grid-template-areas:"src src" "num title" "desc desc" "badge badge"}
  #tgds-page .curri .vitem__info{display:contents}
  #tgds-page .curri .vitem__src{grid-area:src;margin-bottom:10px}
  #tgds-page .curri .vitem__d{grid-area:desc;margin-top:12px}
  #tgds-page .curri .badge{margin:16px 0 0}
  #tgds-page .next .vitem__d{margin-top:12px}
  #tgds-page .curri__note{font-size:19px}
  #tgds-page .arrow{height:72px}
  #tgds-page .cover--soon{aspect-ratio:auto;height:200px}
  #tgds-page .cover--soon .cover__title{left:20px;font-size:20px;top:calc(50% - 30px)}
  #tgds-page .cover--soon .cover__logo{left:20px;bottom:16px;width:86px!important;height:17.16px}
  #tgds-page .cover--soon .hx{--hx:.6px}
  #tgds-page .cover__soon strong{font-size:28px}
  #tgds-page .cover__soon span{font-size:15px;line-height:1.5}

  #tgds-page .next{padding-top:56px;padding-bottom:56px;gap:28px}
  #tgds-page .next__title{font-size:23px}


  #tgds-page .faq{padding-top:56px;padding-bottom:72px;gap:28px}
  #tgds-page .faq__item{gap:14px;padding:20px 0}
  #tgds-page .faq__q{font-size:24px}
  #tgds-page .faq__body dt{font-size:17px;line-height:1.5}
  #tgds-page .faq__body dd{font-size:15px}
  #tgds-page .outro{padding-top:56px;padding-bottom:56px;gap:28px;font-size:19px}
}