/* asgg-motion.css — 업무도구 메인 모션 + 내역서 화면 가독성 (v3) */ @media (prefers-reduced-motion: reduce){ body.ug-m #view-entry *{ animation:none !important; transition:none !important; } } @keyframes ugFade { from{opacity:0} to{opacity:1} } @keyframes ugRise { from{opacity:0; transform:translateY(22px)} to{opacity:1; transform:none} } @keyframes ugHero { from{opacity:0; transform:translateY(46px)} to{opacity:1; transform:none} } @keyframes ugLine { from{transform:scaleX(0)} to{transform:scaleX(1)} } @keyframes ugPan { from{background-position:0 0} to{background-position:480px 480px} } body.ug-m #view-entry{ position:relative; } body.ug-m #view-entry::before{ content:''; position:absolute; inset:0; pointer-events:none; background-image: linear-gradient(rgba(17,17,17,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(17,17,17,.045) 1px, transparent 1px); background-size: 48px 48px; animation: ugPan 90s linear infinite; } /* 등장 시퀀스 — ug-done 전(첫 진입 순간)에만 실행. 재렌더 시 반복 방지 */ body.ug-m:not(.ug-done) #view-entry .entry-topbar{ animation: ugFade .5s .05s backwards; } body.ug-m:not(.ug-done) #view-entry .entry-kicker{ animation: ugRise .5s .2s backwards; } body.ug-m:not(.ug-done) #view-entry .entry-hero > *{ animation: ugHero .65s .3s cubic-bezier(.2,.7,.2,1) backwards; } body.ug-m:not(.ug-done) #view-entry .entry-system-panel{ animation: ugRise .6s .5s cubic-bezier(.2,.7,.2,1) backwards; } body.ug-m:not(.ug-done) #view-entry .entry-section-head{ animation: ugRise .55s .55s backwards; } body.ug-m:not(.ug-done) #view-entry .entry-card{ opacity:0; } body.ug-m.ug-in:not(.ug-done) #view-entry .entry-card{ animation: ugRise .6s calc(.62s + var(--ugi,0)*.09s) cubic-bezier(.2,.7,.2,1) forwards; } body.ug-m:not(.ug-done) #view-entry .entry-shell > :nth-last-child(-n+2){ animation: ugFade .7s 1.1s backwards; } body.ug-m:not(.ug-done) #view-entry .ug-gl-line, body.ug-m:not(.ug-done) #view-entry .entry-hero hr{ transform-origin:left; animation: ugLine .9s .35s cubic-bezier(.2,.7,.2,1) backwards; } /* 등장 완료 후: 항상 보임, 애니메이션 없음 */ body.ug-done #view-entry .entry-card{ opacity:1 !important; animation:none !important; } /* 카드 호버 — 상시 유지 */ #view-entry .entry-card{ transition: transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s, border-color .28s, background-color .28s; will-change: transform; } #view-entry .entry-card:hover{ transform: translateY(-5px); box-shadow: 0 14px 34px rgba(26,26,24,.10); border-color: #111 !important; background:#fff; } #view-entry .entry-card:active{ transform: translateY(-1px) scale(.995); } #view-entry .entry-card .entry-card-foot{ transition: transform .28s, letter-spacing .28s; } #view-entry .entry-card:hover .entry-card-foot{ transform: translateX(6px); } #view-entry .entry-card .entry-card-top{ transition: color .25s; } #view-entry .entry-card:hover .entry-card-top{ color:#111; } @keyframes ugPulse { 0%{transform:scale(1)} 40%{transform:scale(1.12)} 100%{transform:scale(1)} } #view-entry .ug-num-pulse{ display:inline-block; animation: ugPulse .5s ease; } body.ug-m:not(.ug-done) #ug-entry-account{ animation: ugFade .6s .9s backwards; } /* ============================================================ 상세실행내역서 · 작업실 표 화면 가독성 확대 화면 전용 — 인쇄(A4) 규격에는 영향 없음 ============================================================ */ @media screen { /* zoom 제거 — 렌더링 폭주 방지. 글자 크기로만 확대 */ /* 헤더 13px 통일 */ #view-workspace #tab-0 .data-table.data-table.data-table.data-table thead th, #view-workspace #tab-0 .data-table.data-table.data-table.data-table thead th *, #view-workspace #tab-1 .data-table.data-table.data-table.data-table thead th, #view-workspace #tab-1 .data-table.data-table.data-table.data-table thead th *, #view-workspace #tab-2 .data-table.data-table.data-table.data-table thead th, #view-workspace #tab-2 .data-table.data-table.data-table.data-table thead th *, #view-workspace #tab-3 .data-table.data-table.data-table.data-table thead th, #view-workspace #tab-3 .data-table.data-table.data-table.data-table thead th *, #view-workspace #tab-4 .data-table.data-table.data-table.data-table thead th, #view-workspace #tab-4 .data-table.data-table.data-table.data-table thead th *, #view-workspace #tab-5 .data-table.data-table.data-table.data-table thead th, #view-workspace #tab-5 .data-table.data-table.data-table.data-table thead th *, #view-workspace #tab-6 .data-table.data-table.data-table.data-table thead th, #view-workspace #tab-6 .data-table.data-table.data-table.data-table thead th *, #view-workspace #tab-7 .data-table.data-table.data-table.data-table thead th, #view-workspace #tab-7 .data-table.data-table.data-table.data-table thead th *, #view-workspace #tab-8 .data-table.data-table.data-table.data-table thead th, #view-workspace #tab-8 .data-table.data-table.data-table.data-table thead th *, #view-workspace #tab-9 .data-table.data-table.data-table.data-table thead th, #view-workspace #tab-9 .data-table.data-table.data-table.data-table thead th *, #view-workspace #tab-10 .data-table.data-table.data-table.data-table thead th, #view-workspace #tab-10 .data-table.data-table.data-table.data-table thead th *, #view-workspace #tab-11 .data-table.data-table.data-table.data-table thead th, #view-workspace #tab-11 .data-table.data-table.data-table.data-table thead th *, #view-workspace #tab-12 .data-table.data-table.data-table.data-table thead th, #view-workspace #tab-12 .data-table.data-table.data-table.data-table thead th *, #view-workspace #tab-13 .data-table.data-table.data-table.data-table thead th, #view-workspace #tab-13 .data-table.data-table.data-table.data-table thead th *, #view-workspace #tab-14 .data-table.data-table.data-table.data-table thead th, #view-workspace #tab-14 .data-table.data-table.data-table.data-table thead th *{ font-size:13px !important; } /* 본문 13px 통일 (구분은 굵기로 강조) */ #view-workspace #tab-0 .data-table.data-table.data-table.data-table tbody td, #view-workspace #tab-0 .data-table.data-table.data-table.data-table tbody td span, #view-workspace #tab-1 .data-table.data-table.data-table.data-table tbody td, #view-workspace #tab-1 .data-table.data-table.data-table.data-table tbody td span, #view-workspace #tab-2 .data-table.data-table.data-table.data-table tbody td, #view-workspace #tab-2 .data-table.data-table.data-table.data-table tbody td span, #view-workspace #tab-3 .data-table.data-table.data-table.data-table tbody td, #view-workspace #tab-3 .data-table.data-table.data-table.data-table tbody td span, #view-workspace #tab-4 .data-table.data-table.data-table.data-table tbody td, #view-workspace #tab-4 .data-table.data-table.data-table.data-table tbody td span, #view-workspace #tab-5 .data-table.data-table.data-table.data-table tbody td, #view-workspace #tab-5 .data-table.data-table.data-table.data-table tbody td span, #view-workspace #tab-6 .data-table.data-table.data-table.data-table tbody td, #view-workspace #tab-6 .data-table.data-table.data-table.data-table tbody td span, #view-workspace #tab-7 .data-table.data-table.data-table.data-table tbody td, #view-workspace #tab-7 .data-table.data-table.data-table.data-table tbody td span, #view-workspace #tab-8 .data-table.data-table.data-table.data-table tbody td, #view-workspace #tab-8 .data-table.data-table.data-table.data-table tbody td span, #view-workspace #tab-9 .data-table.data-table.data-table.data-table tbody td, #view-workspace #tab-9 .data-table.data-table.data-table.data-table tbody td span, #view-workspace #tab-10 .data-table.data-table.data-table.data-table tbody td, #view-workspace #tab-10 .data-table.data-table.data-table.data-table tbody td span, #view-workspace #tab-11 .data-table.data-table.data-table.data-table tbody td, #view-workspace #tab-11 .data-table.data-table.data-table.data-table tbody td span, #view-workspace #tab-12 .data-table.data-table.data-table.data-table tbody td, #view-workspace #tab-12 .data-table.data-table.data-table.data-table tbody td span, #view-workspace #tab-13 .data-table.data-table.data-table.data-table tbody td, #view-workspace #tab-13 .data-table.data-table.data-table.data-table tbody td span, #view-workspace #tab-14 .data-table.data-table.data-table.data-table tbody td, #view-workspace #tab-14 .data-table.data-table.data-table.data-table tbody td span{ font-size:13px !important; } #view-workspace #tab-0 .data-table.data-table.data-table.data-table tbody td input.cell-input, #view-workspace #tab-0 .data-table.data-table.data-table.data-table tbody td textarea, #view-workspace #tab-1 .data-table.data-table.data-table.data-table tbody td input.cell-input, #view-workspace #tab-1 .data-table.data-table.data-table.data-table tbody td textarea, #view-workspace #tab-2 .data-table.data-table.data-table.data-table tbody td input.cell-input, #view-workspace #tab-2 .data-table.data-table.data-table.data-table tbody td textarea, #view-workspace #tab-3 .data-table.data-table.data-table.data-table tbody td input.cell-input, #view-workspace #tab-3 .data-table.data-table.data-table.data-table tbody td textarea, #view-workspace #tab-4 .data-table.data-table.data-table.data-table tbody td input.cell-input, #view-workspace #tab-4 .data-table.data-table.data-table.data-table tbody td textarea, #view-workspace #tab-5 .data-table.data-table.data-table.data-table tbody td input.cell-input, #view-workspace #tab-5 .data-table.data-table.data-table.data-table tbody td textarea, #view-workspace #tab-6 .data-table.data-table.data-table.data-table tbody td input.cell-input, #view-workspace #tab-6 .data-table.data-table.data-table.data-table tbody td textarea, #view-workspace #tab-7 .data-table.data-table.data-table.data-table tbody td input.cell-input, #view-workspace #tab-7 .data-table.data-table.data-table.data-table tbody td textarea, #view-workspace #tab-8 .data-table.data-table.data-table.data-table tbody td input.cell-input, #view-workspace #tab-8 .data-table.data-table.data-table.data-table tbody td textarea, #view-workspace #tab-9 .data-table.data-table.data-table.data-table tbody td input.cell-input, #view-workspace #tab-9 .data-table.data-table.data-table.data-table tbody td textarea, #view-workspace #tab-10 .data-table.data-table.data-table.data-table tbody td input.cell-input, #view-workspace #tab-10 .data-table.data-table.data-table.data-table tbody td textarea, #view-workspace #tab-11 .data-table.data-table.data-table.data-table tbody td input.cell-input, #view-workspace #tab-11 .data-table.data-table.data-table.data-table tbody td textarea, #view-workspace #tab-12 .data-table.data-table.data-table.data-table tbody td input.cell-input, #view-workspace #tab-12 .data-table.data-table.data-table.data-table tbody td textarea, #view-workspace #tab-13 .data-table.data-table.data-table.data-table tbody td input.cell-input, #view-workspace #tab-13 .data-table.data-table.data-table.data-table tbody td textarea, #view-workspace #tab-14 .data-table.data-table.data-table.data-table tbody td input.cell-input, #view-workspace #tab-14 .data-table.data-table.data-table.data-table tbody td textarea{ font-size:13px !important; } /* 하단 합계 바 */ #view-workspace #tab-0 [class*=detail-section-total], #view-workspace #tab-1 [class*=detail-section-total], #view-workspace #tab-2 [class*=detail-section-total], #view-workspace #tab-3 [class*=detail-section-total], #view-workspace #tab-4 [class*=detail-section-total], #view-workspace #tab-5 [class*=detail-section-total], #view-workspace #tab-6 [class*=detail-section-total], #view-workspace #tab-7 [class*=detail-section-total], #view-workspace #tab-8 [class*=detail-section-total], #view-workspace #tab-9 [class*=detail-section-total], #view-workspace #tab-10 [class*=detail-section-total], #view-workspace #tab-11 [class*=detail-section-total], #view-workspace #tab-12 [class*=detail-section-total], #view-workspace #tab-13 [class*=detail-section-total], #view-workspace #tab-14 [class*=detail-section-total]{ font-size:13px !important; } }