[카드뉴스] 트라이애드(Triad) 지역 비즈니스 풍향계-매출 $1B x 지역고용률 86%가 의미하는 것은?

, , , 태그가 없는 조각(fragment)입니다. 사이트 전체 배경이나 폰트에 영향을 주지 않도록 #flow-xray-embed 안에만 스타일이 적용되며, 화면을 한 번만 자동 재생합니다(반복 없음, 버튼 없음). 한 페이지에 여러 번 붙여넣어도 되도록 아이디 대신 클래스로 동작합니다. =================================================================== --> .flow-xray-embed{ --ink:#eaf4ff; --mute:rgba(234,244,255,.62); --cyan:#3be3ff; --in:#2fe0b8; --gold:#ffd166; position:relative;width:100%;max-width:480px;margin:24px auto;aspect-ratio:1080/1560;overflow:hidden; border-radius:16px;background:#0a1122;color:var(--ink); font-family:"Noto Sans KR","Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif; box-shadow:0 10px 40px rgba(0,0,0,.35); } .flow-xray-embed *{box-sizing:border-box;margin:0;padding:0} .flow-xray-embed .fx-stage{position:absolute;left:0;top:0;width:1080px;height:1560px; transform-origin:top left;overflow:hidden; background: radial-gradient(900px 700px at 50% 30%, rgba(59,227,255,.10), transparent 70%), linear-gradient(rgba(120,180,255,.05) 1px, transparent 1px) 0 0/54px 54px, linear-gradient(90deg, rgba(120,180,255,.05) 1px, transparent 1px) 0 0/54px 54px, #0a1122} .flow-xray-embed .fx-stage.nt *{transition:none!important;animation:none!important} /* ---------- HEADER ---------- */ .flow-xray-embed .fx-head{position:absolute;left:0;right:0;top:56px;padding:0 30px;text-align:center} .flow-xray-embed .fx-kicker{font-size:27px;font-weight:700;letter-spacing:.06em;color:var(--cyan);opacity:.92} .flow-xray-embed .fx-title{margin-top:14px;font-size:64px;font-weight:900;line-height:1.22;letter-spacing:-.03em;word-break:keep-all} .flow-xray-embed .fx-title em{font-style:normal;color:var(--gold)} /* ---------- HOUSE: 4층 = 대시보드 타일 4개 ---------- */ .flow-xray-embed .fx-house{position:absolute;left:100px;top:330px;width:880px;opacity:0;transform:translateY(50px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.9,.3,1.15)} .flow-xray-embed .fx-house.up{opacity:1;transform:none} .flow-xray-embed .fx-roof{position:relative;height:100px;margin-bottom:-2px} .flow-xray-embed .fx-roof i{position:absolute;inset:0;display:block;background:linear-gradient(#63759a,#3a486a); clip-path:polygon(50% 0,100% 100%,0 100%)} .flow-xray-embed .fx-roof svg{position:absolute;left:50%;top:40px;width:104px;height:45px;transform:translateX(-50%)} .flow-xray-embed .fx-body{position:relative;margin:0 32px;width:816px;height:840px;display:grid; grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:6px;padding:8px; background:#1a2540;border:2px solid #34446f;border-radius:8px} .flow-xray-embed .fx-cell{position:relative;overflow:hidden;border-radius:6px;background:#0c1b2c; transition:opacity .6s, box-shadow .35s} .flow-xray-embed .fx-cell.sc{box-shadow:0 0 0 3px var(--cyan), 0 0 26px rgba(59,227,255,.7)} .flow-xray-embed .fx-fa{position:absolute;inset:0;background:linear-gradient(#f1e3c3,#dcc79a);transition:opacity .45s, transform .45s} .flow-xray-embed .fx-fa::before{content:"";position:absolute;left:34%;right:34%;top:22%;bottom:22%;border-radius:6px; background:linear-gradient(#ffe2a0,#f5b95c);box-shadow:0 0 14px rgba(255,200,100,.55)} .flow-xray-embed .fx-in{position:absolute;inset:0;opacity:0;display:flex;align-items:flex-start;justify-content:flex-start;gap:30px;padding:34px 36px 0; transition:opacity .4s, box-shadow .6s; background:radial-gradient(circle at 50% 100%, rgba(59,227,255,.20), transparent 70%), #0c1b2c; box-shadow:inset 0 0 0 1.5px rgba(59,227,255,.4)} .flow-xray-embed .fx-ic{flex:none;width:118px;height:118px;border-radius:22px;background:rgba(47,224,184,.12); border:2px solid rgba(47,224,184,.6);display:grid;place-items:center;color:var(--in); transform:scale(.3);transition:transform .5s cubic-bezier(.2,1.6,.4,1)} .flow-xray-embed .fx-ic svg{width:78px;height:78px;display:block} .flow-xray-embed .fx-tx{opacity:0;transform:translateX(-14px);transition:opacity .4s .15s, transform .4s .15s} .flow-xray-embed .fx-lb{font-size:30px;font-weight:500;color:var(--mute);line-height:1.3} .flow-xray-embed .fx-vl{margin-top:4px;font-size:58px;font-weight:900;letter-spacing:-.02em;line-height:1.15;white-space:nowrap} .flow-xray-embed .fx-lb b{color:var(--ink);font-weight:700} .flow-xray-embed .fx-cell.key .fx-lb{font-size:26px} .flow-xray-embed .fx-sb{margin-top:6px;font-size:28px;font-weight:900;color:var(--gold);white-space:nowrap;text-shadow:0 0 22px rgba(255,209,102,.4)} .flow-xray-embed .fx-cell.rv .fx-fa{opacity:0;transform:scale(1.1)} .flow-xray-embed .fx-cell.rv .fx-in{opacity:1} .flow-xray-embed .fx-cell.rv .fx-ic{transform:scale(1)} .flow-xray-embed .fx-cell.rv .fx-tx{opacity:1;transform:none} .flow-xray-embed .fx-house.hl .fx-cell{opacity:.32} .flow-xray-embed .fx-house.hl .fx-cell.key{opacity:1} .flow-xray-embed .fx-house.hl .fx-cell.key .fx-in{box-shadow:inset 0 0 0 3px var(--in), 0 0 30px rgba(47,224,184,.4)} .flow-xray-embed .fx-house.hl .fx-cell.key .fx-vl{color:var(--in)} /* ---------- SCANNER ---------- */ .flow-xray-embed .fx-scan{position:absolute;left:0;top:0;width:1080px;height:0;opacity:0;z-index:20;pointer-events:none;transition:opacity .4s} .flow-xray-embed .fx-scan::before{content:"";position:absolute;left:0;right:0;top:-3px;height:6px; background:linear-gradient(90deg,transparent,var(--cyan) 10%,#fff 50%,var(--cyan) 90%,transparent); box-shadow:0 0 26px 7px rgba(59,227,255,.8)} .flow-xray-embed .fx-scan::after{content:"";position:absolute;left:0;right:0;top:-150px;height:150px; background:linear-gradient(to bottom,transparent,rgba(59,227,255,.2))} /* ---------- CAPTION ---------- */ .flow-xray-embed .fx-cap{position:absolute;left:50px;right:50px;top:1290px;height:190px} .flow-xray-embed .fx-cap div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center; text-align:center;font-size:62px;font-weight:900;line-height:1.28;letter-spacing:-.02em;word-break:keep-all; text-shadow:0 4px 30px rgba(0,0,0,.65);opacity:0;transform:translateY(20px); transition:opacity .35s, transform .35s} .flow-xray-embed .fx-cap div.show{opacity:1;transform:none;transition:opacity .5s .45s, transform .5s .45s} .flow-xray-embed .fx-cap p{width:100%} .flow-xray-embed .fx-cap em{font-style:normal;color:var(--gold)} .flow-xray-embed .fx-cap .g{color:var(--in)} .flow-xray-embed .fx-cap .l3{font-size:38px;line-height:1.5} .flow-xray-embed .fx-cap p.quote{display:flex;align-items:stretch;justify-content:center;gap:26px;width:auto;max-width:100%} .flow-xray-embed .fx-cap .bar{flex:none;display:block;width:10px;border-radius:5px;background:#ff3b47;box-shadow:0 0 18px rgba(255,59,71,.55); transform:scaleY(0);transform-origin:top;transition:transform .3s} .flow-xray-embed .fx-cap div.show .bar{transform:scaleY(1);transition:transform .5s .75s} .flow-xray-embed .fx-cap .qt{text-align:left} .flow-xray-embed .fx-cap .q1{font-size:46px;font-weight:900;letter-spacing:-.02em} .flow-xray-embed .fx-cap .q2{font-weight:700} .flow-xray-embed .fx-cap .q2 em{font-weight:900} .flow-xray-embed .fx-src{position:absolute;left:40px;right:40px;top:1488px;text-align:center;font-size:21px;line-height:1.5; color:rgba(234,244,255,.42)} $ $ Triad 지역 매출 1위 기업의 지역 고용률 이 말해주는 것은? FLOW AUTOMOTIVE · TBJ 비상장 기업 순위 공동 1위 이 회사의 열에 여덟 은 트라이애드에서 일합니다 10억 달러 매출 × 지역 고용 86% 트라이애드 비즈니스의 현재를 보여 주는 하나의 단서 출처: Triad Business Journal(TBJ)이 추산한 해당 지역 비상장 기업 순위(9/11자) 공개 표 직원 수는 반올림 표기 · 직원 1인당 매출 근사치 본지 계산 *정보 제공 목적이며 투자·거래 조언이 아닙니다. ▶ 데이터 자세히 보기 데이터 시각화 에스더 리 (it.academy.usa@gmail.com) 감수 김선엽 기자

[카드뉴스] 트라이애드(Triad) 지역 비즈니스 풍향계-매출 $1B x 지역고용률 86%가 의미하는 것은?

K Voice Today

Related Posts

[돈 보이는 트렌드] 내가 사는 주, 일자리는 늘고 있을까?

[돈 보이는 트렌드] 동남부 고령화 트렌드 심층 분석 2: 어르신의 시대, 온다?

[돈 보이는 트렌드] 동남부 고령화 트렌드 심층 분석: 어르신이 아이보다 많아진다

Welcome Back!

Create New Account!

Retrieve your password

Add New Playlist