#examon-cinematic{--ec-ink:#242329;--ec-muted:#87828e;--ec-line:#e9e5ee;--ec-purple:#8970bb;font-family:Pretendard,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ec-ink);background:transparent;container-type:inline-size;text-align:left}
#examon-cinematic *{box-sizing:border-box}#examon-cinematic img{display:block;max-width:none}#examon-cinematic button,#examon-cinematic input{font:inherit}#examon-cinematic svg{width:16px;height:16px;flex-shrink:0;stroke-width:1.7}#examon-cinematic i[data-lucide]{display:inline-block;width:16px;height:16px}#examon-cinematic .ec-scroll{height:640px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;border-radius:14px;background:#fff}#examon-cinematic .ec-scroll::-webkit-scrollbar{display:none}#examon-cinematic .ec-track{height:4700px;position:relative}#examon-cinematic .ec-stage{height:640px;position:sticky;top:0;overflow:hidden;background:#fff;isolation:isolate}#examon-cinematic .ec-studio-world{position:absolute;width:1672px;height:941px;transform-origin:0 0;will-change:transform;z-index:1}#examon-cinematic .ec-studio-photo{width:1672px;height:941px;position:absolute;inset:0}#examon-cinematic .ec-monitor-display{position:absolute;left:417px;top:165px;width:838px;height:444px;background:#f6f6f8;overflow:hidden;box-shadow:inset 0 0 12px #12121904;transform:rotate(-.06deg)}#examon-cinematic .ec-display-wash{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 30%,#fff 0,transparent 70%),linear-gradient(140deg,#f7f7f9,#f2eff6)}#examon-cinematic .ec-monitor-brand{position:absolute;top:39px;left:0;width:100%;text-align:center;font-size:12px;letter-spacing:5px;color:#a4a0a9}#examon-cinematic .ec-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding-bottom:5px;letter-spacing:-2.4px;line-height:1.16;will-change:transform,opacity}#examon-cinematic .ec-copy span{font-size:43px;font-weight:500;color:#77727d}#examon-cinematic .ec-copy strong{font-size:68px;font-weight:650;color:#2d2933}#examon-cinematic .ec-copy-two{opacity:0}#examon-cinematic .ec-copy-two strong{color:#7d629f}#examon-cinematic .ec-monitor-footnote{position:absolute;bottom:35px;text-align:center;width:100%;font-size:14px;color:#a09aa6;letter-spacing:.4px}
#examon-cinematic .ec-brand{position:absolute;top:27px;left:30px;display:flex;align-items:center;gap:20px;z-index:5}#examon-cinematic .ec-brand img{width:102px;height:auto}#examon-cinematic .ec-brand>span{font-size:11px;letter-spacing:2px;color:#757069}#examon-cinematic .ec-digital-space{position:absolute;inset:0;background:#fff;opacity:0;z-index:2;overflow:hidden}#examon-cinematic .ec-plan-title,#examon-cinematic .ec-connect-title{position:absolute;top:10%;left:7%;z-index:3;opacity:0;pointer-events:none}#examon-cinematic .ec-plan-title>span,#examon-cinematic .ec-connect-title>span{font-size:11px;letter-spacing:2.5px;color:#a099aa}#examon-cinematic h2{font-size:clamp(27px,4.2cqw,45px);letter-spacing:-1.8px;font-weight:600;line-height:1.25;margin:16px 0 0}#examon-cinematic h2 em{font-style:normal;color:#9684ad}#examon-cinematic .ec-plan-lines{position:absolute;inset:0;z-index:3;opacity:0}#examon-cinematic .ec-plan-lines svg{width:100%;height:100%;overflow:visible}#examon-cinematic .ec-thought{position:absolute;left:0;top:0;width:330px;min-height:215px;padding:24px;border-radius:18px 18px 18px 5px;border:1px solid #eae5ef;background:#fff;box-shadow:0 3px 6px #35214803,0 18px 36px -16px #49305720,0 42px 70px -38px #49305724;z-index:4;opacity:0;will-change:transform,opacity;transform-origin:50% 50%}#examon-cinematic .ec-thought-top{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1.4px;color:#928b9d}#examon-cinematic .ec-step-icon{width:30px;height:30px;background:#f5f2f8;display:grid;place-items:center;border-radius:9px;color:#9b86b8}#examon-cinematic .ec-thought-number{margin-left:auto;color:#c3bdcd;font-size:13px;font-weight:400;letter-spacing:0}#examon-cinematic .ec-thought h3{font-weight:550;font-size:20px;line-height:1.5;letter-spacing:-.7px;margin:17px 0 22px}#examon-cinematic .ec-thought-foot{display:flex;align-items:center;gap:7px;border-top:1px solid #f0ecf3;padding-top:13px;font-size:11px;color:#98919f}#examon-cinematic .ec-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#a58dbf;flex-shrink:0}#examon-cinematic .ec-data-row{display:flex;justify-content:space-between;font-size:11px;background:#f7f5fa;padding:10px 12px;border-radius:7px;margin-top:-9px;margin-bottom:14px;color:#88808f}#examon-cinematic .ec-data-row span:first-child{color:#635a70}#examon-cinematic .ec-pill-row{display:flex;align-items:center;gap:10px;margin:-9px 0 16px;font-size:11px;color:#9c94a5}#examon-cinematic .ec-pill-row span{padding:6px 12px;background:#f7f4fa;border-radius:6px;color:#8e7d9f}#examon-cinematic .ec-pill-row b{font-weight:400}
#examon-cinematic .ec-app-surface{position:absolute;left:3%;top:6%;width:94%;height:80%;background:#fff;border:1px solid #e7e5eb;border-radius:15px;box-shadow:0 30px 70px -35px #433a5326,0 4px 15px #44364d05;opacity:0;z-index:3}#examon-cinematic .ec-app-sidebar{position:absolute;left:3%;top:6%;width:15%;height:80%;border-radius:15px 0 0 15px;background:#f4f3f5;border-right:1px solid #eae7ef;padding:26px 12px;z-index:4;opacity:0;font-size:11px}#examon-cinematic .ec-app-sidebar>img{width:105px;max-width:92%;height:auto;margin:0 0 28px 3px;filter:invert(1)}#examon-cinematic .ec-app-search{display:flex;gap:7px;align-items:center;border:1px solid #e6e3e9;border-radius:6px;background:#fafafa;padding:7px 6px;color:#aaa3af;margin-bottom:20px;white-space:nowrap;overflow:hidden;font-size:11px}#examon-cinematic .ec-app-search svg{width:13px;height:13px}#examon-cinematic .ec-nav-row{padding:10px 8px;display:flex;align-items:center;gap:9px;color:#827b8a;border-radius:6px;margin-bottom:3px}#examon-cinematic .ec-nav-row svg{width:14px;height:14px}#examon-cinematic .ec-nav-row>span{margin-left:auto;color:#aaa3b3}#examon-cinematic .ec-nav-selected{background:#fff;color:#3c3645;box-shadow:0 2px 5px #44325005}#examon-cinematic .ec-sidebar-divider{height:1px;background:#e5e1e9;margin:19px 0}#examon-cinematic .ec-app-sidebar small{font-size:11px;color:#b2aab9;padding-left:7px}#examon-cinematic .ec-app-sidebar p{font-size:11px;margin:15px 7px;color:#8c8294;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#examon-cinematic .ec-data-hub{position:absolute;bottom:20px;display:flex;align-items:center;gap:9px;color:#9a91a3;padding-left:6px}#examon-cinematic .ec-app-header{position:absolute;top:11%;left:21%;right:6%;display:flex;justify-content:space-between;align-items:center;z-index:4;opacity:0}#examon-cinematic .ec-app-header>div>span{font-size:11px;color:#aba3b3}#examon-cinematic .ec-app-header>div>span>b{font-weight:400;margin:0 7px;color:#d0cad6}#examon-cinematic .ec-app-header h3{font-weight:550;font-size:20px;letter-spacing:-.5px;margin:8px 0 0}#examon-cinematic .ec-graph{position:absolute;z-index:5;border:1px solid #e9e5ee;border-radius:13px;background:#fff;box-shadow:0 12px 42px -15px #44334e1a;overflow:hidden;opacity:0;transform-origin:center;will-change:transform;display:flex;flex-direction:column}#examon-cinematic .ec-panel-heading{height:48px;flex-shrink:0;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efedf2}#examon-cinematic .ec-panel-heading>div{display:flex;align-items:center;gap:9px}#examon-cinematic .ec-panel-heading svg{color:#95879f}#examon-cinematic .ec-panel-heading b{font-size:13px;font-weight:500}#examon-cinematic .ec-panel-heading>span{font-size:11px;letter-spacing:1.2px;color:#aaa2b3}#examon-cinematic .ec-graph-toolbar{display:flex;align-items:center;gap:16px;height:38px;flex-shrink:0;padding:0 18px;font-size:11px;color:#aca5b5;background:#fdfcfe;border-bottom:1px solid #f0edf4}#examon-cinematic .ec-tool-selected{color:#756582}#examon-cinematic .ec-graph-zoom{margin-left:auto}#examon-cinematic .ec-graph-body{position:relative;flex:1;min-height:0;background:radial-gradient(#dcd6e6 .7px,transparent .7px);background-size:16px 16px}#examon-cinematic .ec-graph-edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible}#examon-cinematic .ec-g-node{position:absolute;width:39%;height:23%;min-height:61px;background:#fff;border:1px solid #e8e2ef;border-radius:8px;padding:10px 12px;box-shadow:0 3px 6px #3e2d4704;display:flex;flex-direction:column;gap:5px;justify-content:center}#examon-cinematic .ec-g-node>div{display:flex;gap:7px;align-items:center}#examon-cinematic .ec-g-node svg{width:12px;height:12px;color:#b5a8c3}#examon-cinematic .ec-g-node b{font-size:12px;font-weight:500;white-space:nowrap}#examon-cinematic .ec-g-node>span{color:#b5acbe;font-size:11px}#examon-cinematic .ec-g-node>small{font-size:11px;color:#b5afbc;position:absolute;right:9px;bottom:10px}#examon-cinematic .ec-g-node>small.ec-status-purple{color:#9f85bc}#examon-cinematic .ec-g-node>small.ec-status-amber{color:#b49a6d}#examon-cinematic .ec-g1{left:6%;top:5%}#examon-cinematic .ec-g2{left:55%;top:5%}#examon-cinematic .ec-g3{left:6%;top:38%}#examon-cinematic .ec-g4{left:55%;top:38%}#examon-cinematic .ec-g5{left:6%;top:71%}#examon-cinematic .ec-g6{left:55%;top:71%}#examon-cinematic .ec-graph footer{height:34px;flex-shrink:0;padding:0 17px;border-top:1px solid #f0edf5;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b2a9bc}#examon-cinematic .ec-graph footer>span:first-child{display:flex;gap:6px;align-items:center}#examon-cinematic .ec-robot{position:absolute;z-index:6;border-radius:15px;background:#fff;box-shadow:0 22px 60px -25px #45334736,0 0 0 1px #ebe5ec;overflow:hidden;opacity:0;display:flex;flex-direction:column;will-change:transform}#examon-cinematic .ec-robot-image-wrap{position:relative;flex:1;min-height:0;overflow:hidden;background:#e3ddd5}#examon-cinematic .ec-robot-image{width:100%;height:100%;object-fit:cover;object-position:50% 50%;will-change:transform}#examon-cinematic .ec-image-label{position:absolute;top:15px;left:15px;font-size:11px;letter-spacing:1.5px;color:#50494b;text-shadow:0 1px 8px #fff8}#examon-cinematic .ec-image-note{position:absolute;bottom:9px;right:10px;padding:3px 6px;border-radius:4px;background:#ffffffb3;color:#7f757c;font-size:11px}#examon-cinematic .ec-robot-bottom{min-height:70px;flex-shrink:0;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;font-size:13px;line-height:1.6;color:#938897}#examon-cinematic .ec-robot-bottom b{font-weight:500;color:#605365}#examon-cinematic .ec-robot-arrow{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f7f3f9;color:#9f8caf}#examon-cinematic .ec-inspector{position:absolute;background:#fbf9fe;border:1px solid #eae3f0;border-radius:11px;padding:17px;opacity:0;z-index:5}#examon-cinematic .ec-inspector-heading{display:flex;align-items:center;gap:7px;font-size:12px}#examon-cinematic .ec-inspector-heading b{font-weight:500;color:#9c83b0}#examon-cinematic .ec-inspector p{font-size:11px;line-height:1.7;color:#a096aa;margin:11px 0}#examon-cinematic .ec-inspector-data{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #eee8f3;padding-top:8px;margin-top:8px;font-size:11px;color:#b0a4b9}#examon-cinematic .ec-inspector-data b{font-weight:400;color:#9b89ab}#examon-cinematic .ec-controller{display:flex;align-items:center;gap:16px;padding:14px 2px;color:light-dark(#9a92a1,#aaa3b3);font-size:11px}#examon-cinematic .ec-controller button{display:flex;align-items:center;gap:8px;color:inherit;border:1px solid light-dark(#e9e3ef,#51475c);border-radius:7px;padding:8px 12px;background:light-dark(#fff,#28242e);cursor:pointer}#examon-cinematic .ec-controller button svg{width:14px;height:14px}#examon-cinematic .ec-controller label{display:flex;align-items:center;gap:18px;flex:1}#examon-cinematic .ec-controller-label{white-space:nowrap}#examon-cinematic .ec-controller input{width:100%;accent-color:#a18bb4;min-width:60px;height:3px}#examon-cinematic .ec-progress-value{min-width:30px;font-variant-numeric:tabular-nums}#examon-cinematic .ec-restart{padding:8px!important}#examon-cinematic[data-document-scroll] .ec-scroll{height:auto!important;overflow:visible;border-radius:0}#examon-cinematic[data-document-scroll] .ec-track{height:650svh}#examon-cinematic[data-document-scroll] .ec-stage{height:100svh!important}#examon-cinematic[data-document-scroll] .ec-controller{display:none}
@container(max-width:760px){#examon-cinematic .ec-stage,#examon-cinematic .ec-scroll{height:620px}#examon-cinematic .ec-brand{left:21px;top:23px}#examon-cinematic .ec-brand>span{display:none}#examon-cinematic .ec-brand img{width:90px}#examon-cinematic .ec-plan-title,#examon-cinematic .ec-connect-title{left:7%;top:12%}#examon-cinematic h2{font-size:30px;letter-spacing:-1px}#examon-cinematic .ec-thought{width:280px;min-height:190px;padding:19px}#examon-cinematic .ec-thought h3{font-size:18px;margin:14px 0 16px}#examon-cinematic .ec-app-sidebar{display:none}#examon-cinematic .ec-app-header{left:8%;right:8%;top:10%}#examon-cinematic .ec-app-header h3{font-size:18px}#examon-cinematic .ec-panel-heading{height:36px;padding:0 12px}#examon-cinematic .ec-graph-toolbar{height:28px;padding:0 12px}#examon-cinematic .ec-g-node{padding:7px 8px;min-height:47px;gap:4px}#examon-cinematic .ec-g-node b{font-size:11px}#examon-cinematic .ec-g-node>span{display:none}#examon-cinematic .ec-g-node>small{position:static;font-size:11px}#examon-cinematic .ec-graph footer{height:28px;padding:0 10px;font-size:11px}#examon-cinematic .ec-graph footer>span:last-child{display:none}#examon-cinematic .ec-robot-bottom{padding:10px 12px;min-height:50px;font-size:11px}#examon-cinematic .ec-robot-bottom>span:first-child>br{display:none}#examon-cinematic .ec-robot-bottom>span:first-child{font-size:0}#examon-cinematic .ec-robot-bottom>span:first-child b{font-size:11px}#examon-cinematic .ec-robot-arrow{display:none}#examon-cinematic .ec-image-label{display:none}#examon-cinematic .ec-image-note{font-size:11px;bottom:6px;right:6px}#examon-cinematic .ec-inspector{padding:12px}#examon-cinematic .ec-inspector p{font-size:11px}#examon-cinematic .ec-inspector-data{display:none}#examon-cinematic .ec-inspector-heading{font-size:11px}#examon-cinematic .ec-controller{gap:12px}#examon-cinematic .ec-controller-label{display:none}#examon-cinematic .ec-controller button{padding:9px}#examon-cinematic .ec-controller label{gap:0}#examon-cinematic .ec-play span{display:none}}
@media(prefers-reduced-motion:reduce){#examon-cinematic *{scroll-behavior:auto!important}}@media(pointer:coarse){#examon-cinematic .ec-controller button{min-height:44px;min-width:44px;justify-content:center}#examon-cinematic .ec-controller input{height:30px}}

#examon-cinematic .ec-inspector p{margin:8px 0;line-height:1.6}#examon-cinematic .ec-inspector-data{display:block}#examon-cinematic .ec-inspector-data b{display:block;margin-top:4px}#examon-cinematic .ec-inspector-data:last-child{display:none}@container(max-width:760px){#examon-cinematic .ec-inspector-data{display:none}}
#examon-cinematic .ec-plan-title h2,#examon-cinematic .ec-connect-title h2{margin-top:0}#examon-cinematic .ec-graph footer{justify-content:flex-end}
#examon-cinematic .ec-whiteout{position:absolute;inset:0;z-index:7;background:#fff;pointer-events:none;will-change:opacity}