:root { --ink:#172520; --paper:#f6f4ef; --white:#fffefa; --mint:#a8f3ce; --lime:#d9ff4d; --coral:#ff7b62; --line:rgba(23,37,32,.15); --muted:#63706a; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,"Noto Sans KR",sans-serif; letter-spacing:-.045em; } a { color:inherit; text-decoration:none; } button { font:inherit; } .page-noise { position:fixed; inset:0; z-index:20; pointer-events:none; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.site-header { height:84px; display:flex; align-items:center; max-width:1392px; padding:0 32px; margin:auto; position:relative; z-index:10; } .brand { display:flex; align-items:center; gap:10px; font-size:18px; line-height:1; font-weight:800; letter-spacing:-.07em; } .brand>span:last-child span { color:#74b995; } .brand-mark { display:grid; width:27px; height:27px; place-items:center; border-radius:8px; background:var(--ink); color:var(--lime); font:500 16px/1 "DM Mono",monospace; letter-spacing:-.12em; transform:rotate(-6deg); }.desktop-nav { display:flex; gap:32px; margin-left:92px; font-size:14px; font-weight:700; color:#56625c; letter-spacing:-.04em; }.desktop-nav a:hover,.text-link:hover { color:var(--ink); }.header-actions { margin-left:auto; display:flex; gap:23px; align-items:center; }.text-link { color:#4c5953; font-size:14px; font-weight:700; }.button { display:inline-flex; justify-content:center; align-items:center; gap:22px; border:0; border-radius:4px; padding:16px 18px 16px 22px; color:var(--white); background:var(--ink); font-size:14px; font-weight:800; letter-spacing:-.04em; transition:transform .2s, background .2s; }.button:hover { background:#315243; transform:translateY(-2px); }.button span { font-family:"DM Mono"; font-size:18px; }.button-small { min-width:152px; padding:11px 13px 11px 17px; font-size:13px; gap:10px; }.menu-button,.mobile-nav { display:none; }
.hero { overflow:hidden; min-height:710px; max-width:1392px; padding:93px 32px 89px; margin:auto; display:grid; grid-template-columns:43% 57%; align-items:center; }.hero-copy { position:relative; z-index:3; padding-left:6.1%; }.eyebrow,.section-kicker { margin:0; color:#5f746a; font:500 11px/1.3 "DM Mono",monospace; letter-spacing:.07em; }.live-dot { display:inline-block; width:7px; height:7px; margin-right:9px; border-radius:50%; background:#30c883; box-shadow:0 0 0 4px rgba(48,200,131,.13); }.hero h1 { margin:22px 0 24px; font-size:clamp(48px,4.8vw,75px); line-height:1.12; letter-spacing:-.085em; font-weight:800; }.hero h1 em,.intro h2 em,.compare h2 em,.workflow h2 em,.quote-section em,.cta h2 em { font-style:normal; color:#5ca780; }.hero-description { width:min(438px,100%); margin:0; color:#58645e; font-size:16px; line-height:1.9; letter-spacing:-.04em; }.hero-buttons { display:flex; align-items:center; gap:24px; margin-top:34px; }.play-link { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:800; }.play-link i { display:grid; place-items:center; width:26px; height:26px; border:1px solid var(--ink); border-radius:50%; font-size:9px; font-style:normal; }.hero-proof { display:flex; align-items:center; gap:12px; margin-top:59px; }.avatars { display:flex; }.avatars b { display:grid; place-items:center; width:30px; height:30px; margin-left:-7px; border:2px solid var(--paper); border-radius:50%; background:#e3ad85; color:var(--ink); font-size:10px; }.avatars b:first-child { margin-left:0; background:#cbd5b5; }.avatars b:nth-child(2) { background:#93b2c5; }.avatars b:nth-child(3) { background:#ddc0cf; }.avatars b:last-child { background:var(--ink); color:var(--lime); }.hero-proof p { margin:0; color:#66716c; font-size:11px; line-height:1.6; letter-spacing:-.03em; }.hero-proof strong { color:var(--ink); }
.hero-stage { position:relative; width:720px; height:505px; margin-left:25px; }.app-window { position:absolute; z-index:2; top:25px; left:25px; width:657px; height:429px; overflow:hidden; border:5px solid #24322d; border-radius:11px; box-shadow:0 31px 47px rgba(20,42,31,.2); background:#f5f5f0; transform:rotate(2.1deg); }.app-topbar { display:flex; align-items:center; height:36px; padding:0 12px; background:#24322d; color:#bcc7c0; font:10px "DM Mono",monospace; letter-spacing:0; }.window-dots { display:flex; gap:5px; margin-right:14px; }.window-dots i { width:6px; height:6px; border-radius:50%; background:#a6b2ab; }.window-dots i:first-child { background:#f17b6e; }.top-status { display:flex; align-items:center; gap:5px; margin-left:auto; color:#94ffc3; font-size:8px; }.top-status i { width:5px; height:5px; border-radius:50%; background:#94ffc3; }.app-body { display:grid; grid-template-columns:74px 1fr 158px; height:calc(100% - 36px); }.app-sidebar { padding:13px 9px; background:#e4e9e3; }.app-sidebar p { margin:0 0 11px 3px; font-size:8px; font-weight:700; }.app-sidebar p b { float:right; font-family:"DM Mono"; }.file-card { height:63px; margin:7px 0; padding:6px; border:1px solid transparent; border-radius:4px; background:#d8ded8; }.file-card.active { border-color:#84d3a8; background:#fbfcf8; }.file-card span { font:8px "DM Mono"; color:#506059; }.file-card i { display:block; height:3px; margin:5px 0; background:#a6b1ab; }.file-card i:last-child { width:55%; }.app-sidebar button { display:block; width:100%; padding:4px; border:1px dashed #95a49b; background:transparent; color:#64746b; }.scan-page { position:relative; margin:11px; padding:23px 28px; overflow:hidden; border:1px solid #d5dad4; background:#fffefa; box-shadow:1px 2px 4px rgba(0,0,0,.05); font-family:"Noto Sans KR",sans-serif; color:#26382f; letter-spacing:-.06em; }.page-heading { display:flex; justify-content:space-between; padding-bottom:7px; border-bottom:1px solid #adbbb1; font-size:9px; }.page-heading b { font-size:10px; }.question-label { margin:17px 0 5px; color:#91a198; font:7px "DM Mono"; letter-spacing:.02em; }.math-question { margin:0; font-size:11px; line-height:2.1; }.math-question em { font-family:serif; font-size:14px; font-style:italic; }.answer-row { display:flex; gap:11px; margin-top:12px; padding-top:7px; border-top:1px dotted #d0d8d1; font-size:8px; }.chart { position:relative; width:147px; height:70px; margin:17px auto 8px; background-image:linear-gradient(rgba(40,60,47,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(40,60,47,.07) 1px,transparent 1px); background-size:11px 11px; }.axis { position:absolute; background:#586b60; }.axis-x { top:46px; right:0; left:0; height:1px; }.axis-y { top:0; bottom:0; left:62px; width:1px; }.chart svg { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:#388c65; stroke-width:1.8; }.chart .point { position:absolute; z-index:1; width:4px; height:4px; border-radius:50%; background:#f16755; }.p-one { top:44px; left:38px; }.p-two { top:45px; left:113px; }.scan-faint { color:#9ea9a2; font-size:7px; }.detect-box { position:absolute; top:54px; left:13px; right:13px; bottom:26px; border:1px solid #62c493; }.detect-box span { position:absolute; top:-12px; left:-1px; padding:2px 4px; background:#62c493; color:white; font:6px "DM Mono"; letter-spacing:0; }.app-panel { display:flex; flex-direction:column; background:#f8f9f5; border-left:1px solid #d5dad4; }.panel-title { display:flex; justify-content:space-between; padding:14px 12px 8px; font-size:9px; font-weight:700; }.panel-title b { display:grid; width:14px; height:14px; place-items:center; border-radius:50%; background:#e4f8e9; color:#31875f; font:8px "DM Mono"; }.recognition { display:flex; align-items:center; gap:6px; margin:2px 8px; padding:8px 5px; border-radius:4px; font-size:9px; }.recognition.active { background:#e1f6e8; }.mini-check { display:grid; place-items:center; width:13px; height:13px; border-radius:50%; background:#49ba82; color:white; font-size:8px; font-style:normal; }.recognition div { flex:1; }.recognition b,.recognition small { display:block; }.recognition small { margin-top:2px; color:#829087; font-size:7px; }.recognition>span { color:#86958c; }.panel-bottom { margin-top:auto; padding:10px; background:#eaf2eb; }.panel-bottom small,.panel-bottom b { display:block; }.panel-bottom small { color:#6f7e75; font-size:7px; }.panel-bottom b { margin:2px 0 7px; font:10px "DM Mono"; }.panel-bottom button { width:100%; padding:7px; border:0; border-radius:3px; background:#243d32; color:white; font-size:8px; font-weight:700; }.panel-bottom button span { float:right; }.orbit { position:absolute; border:1px solid rgba(85,164,120,.23); border-radius:50%; }.orbit-one { width:478px; height:478px; top:7px; left:120px; }.orbit-two { width:630px; height:350px; top:87px; left:35px; transform:rotate(-26deg); }.stamp { position:absolute; z-index:1; top:-5px; right:31px; display:grid; width:85px; height:85px; place-content:center; border-radius:50%; background:var(--lime); color:#274237; text-align:center; font:9px/1.25 "DM Mono"; letter-spacing:.01em; transform:rotate(13deg); }.stamp strong { font-size:21px; letter-spacing:-.1em; }.float-card { position:absolute; z-index:3; display:flex; align-items:center; gap:9px; width:174px; padding:10px; border:1px solid rgba(23,37,32,.08); border-radius:6px; background:rgba(255,254,250,.94); box-shadow:0 15px 23px rgba(20,48,35,.12); }.float-card small,.float-card b { display:block; }.float-card small { color:#77837d; font-size:8px; }.float-card b { margin-top:2px; font-size:10px; }.card-icon { display:grid; width:26px; height:26px; place-items:center; border-radius:4px; background:#dff7e8; color:#2c9d6d; font-weight:800; }.card-input { top:348px; left:-17px; transform:rotate(-4deg); }.card-output { top:79px; right:-3px; transform:rotate(5deg); }.card-output .card-icon { background:#ffdfd8; color:#df634e; }
.ticker { overflow:hidden; padding:17px 0; background:var(--ink); color:var(--lime); white-space:nowrap; }.ticker>div { width:max-content; animation:ticker 30s linear infinite; font:500 13px "DM Mono"; letter-spacing:.02em; }.ticker span,.ticker i { margin:0 22px; }.ticker i { color:#7bc49e; font-style:normal; } @keyframes ticker { to { transform:translateX(-50%); } }
.section-pad { max-width:1392px; padding:140px 70px; margin:auto; }.section-kicker { display:flex; align-items:center; gap:11px; }.section-kicker span { color:#61a77f; }.intro { padding-top:160px; }.intro-grid { display:grid; grid-template-columns:1fr 380px; align-items:end; padding-bottom:78px; border-bottom:1px solid var(--line); }.intro h2,.compare h2,.workflow h2,.plans h2,.faq h2,.cta h2 { margin:20px 0 0; font-size:clamp(39px,4vw,61px); line-height:1.17; letter-spacing:-.08em; }.intro-side { padding-bottom:7px; }.intro-side p,.plans-header>p,.faq-intro>p { margin:0; color:#5b6962; font-size:15px; line-height:1.85; letter-spacing:-.04em; }.arrow-link { display:inline-flex; gap:18px; align-items:center; margin-top:25px; font-size:14px; font-weight:800; }.arrow-link span { display:grid; width:28px; height:28px; place-items:center; border:1px solid var(--ink); border-radius:50%; font:18px "DM Mono"; }.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); }.feature-card { min-height:427px; padding:27px 27px 31px; border-right:1px solid var(--line); background:#ebf7eb; }.feature-card:first-child { border-left:1px solid var(--line); }.feature-card.dark-card { color:#eff7ed; background:#1e352b; }.feature-card.coral-card { background:#ffc6b9; }.feature-number { font:500 11px "DM Mono"; letter-spacing:0; }.feature-visual { height:194px; position:relative; }.feature-card h3 { margin:0 0 12px; font-size:20px; line-height:1.4; letter-spacing:-.065em; }.feature-card p { max-width:310px; margin:0; color:#63736a; font-size:13px; line-height:1.75; letter-spacing:-.035em; }.dark-card p { color:#b8c8bd; }.formula-visual { display:flex; align-items:center; gap:11px; font-family:Georgia,serif; font-size:36px; }.formula-visual b { font-size:23px; font-weight:400; }.formula-visual>i { padding:5px 9px; border-radius:50%; color:#5eac80; background:#d7f3df; font:18px "DM Mono"; }.formula-result { padding:12px; border-radius:5px; background:#fffefa; font-size:23px; box-shadow:8px 8px 0 rgba(41,98,68,.1); }.cleanup-visual { display:flex; align-items:center; justify-content:center; gap:16px; }.bad-paper,.clean-paper { position:relative; width:98px; height:124px; padding:28px 14px; background:#ece7db; box-shadow:4px 6px 0 rgba(0,0,0,.13); transform:rotate(-8deg); }.bad-paper:before,.clean-paper:before { position:absolute; top:11px; left:14px; width:47px; height:3px; background:#7f887e; content:""; }.bad-paper i,.clean-paper i { display:block; height:3px; margin-bottom:9px; background:#a8ada2; }.bad-paper i:nth-child(2),.clean-paper i:nth-child(2) { width:67%; }.bad-paper span { position:absolute; top:39px; right:12px; color:#ce695c; font-size:32px; transform:rotate(-20deg); }.clean-paper { background:#fffefa; transform:rotate(6deg); }.clean-paper b { position:absolute; right:-10px; bottom:-12px; display:grid; width:28px; height:28px; place-items:center; border-radius:50%; background:var(--lime); color:#22452f; font-size:14px; }.layout-visual { display:flex; align-items:center; justify-content:center; gap:13px; }.layout-visual>div { width:81px; height:105px; padding:18px 11px; background:#fffaf1; box-shadow:5px 6px 0 rgba(128,74,64,.18); transform:rotate(-6deg); }.layout-visual>div i { display:block; height:4px; margin:8px 0; background:#8b9690; }.layout-visual>div i:nth-child(2) { width:60%; }.layout-visual>span { font:25px "DM Mono"; }.layout-visual svg { width:77px; height:57px; fill:none; stroke:#38584b; stroke-width:1.5; }.layout-visual b { position:absolute; right:13px; bottom:27px; padding:7px; border-radius:3px; background:#253f33; color:var(--lime); font:10px "DM Mono"; }
.compare { background:#e6ece6; max-width:none; padding:140px max(70px,calc((100vw - 1252px)/2)); }.compare-header { display:flex; align-items:end; justify-content:space-between; }.compare h2 { margin-top:15px; }.compare-board { position:relative; display:flex; justify-content:center; align-items:center; gap:82px; max-width:970px; min-height:510px; margin:47px auto 0; }.compare-board:before { position:absolute; top:50%; left:0; right:0; height:1px; background:rgba(45,71,58,.13); content:""; }.source-sheet { position:relative; z-index:1; width:320px; height:409px; padding:19px; background:#f6f0e5; box-shadow:13px 18px 26px rgba(32,51,40,.14); transform:rotate(-5deg); }.source-sheet:after { position:absolute; top:8px; left:8px; width:100%; height:100%; border:1px solid rgba(48,62,52,.15); content:""; }.sheet-meta { display:flex; justify-content:space-between; padding-bottom:10px; border-bottom:1px solid #9ca9a1; color:#65736a; font:8px "DM Mono"; letter-spacing:.03em; }.paper-content { position:relative; padding:39px 12px; color:#28382f; font:13px/1.9 "Noto Sans KR",sans-serif; letter-spacing:-.06em; }.paper-content> b { position:absolute; top:35px; left:-3px; font-family:Georgia; }.paper-content p { margin:0 0 17px 16px; }.paper-content i { font-family:Georgia,serif; font-size:15px; }.marker-line { position:absolute; top:91px; left:20px; width:199px; height:10px; background:rgba(248,212,37,.5); transform:rotate(-2deg); }.scribble { position:absolute; right:4px; bottom:62px; color:#d2655a; font:italic 21px Georgia; transform:rotate(-15deg); }.stamp-mark { position:absolute; right:0; bottom:5px; padding:4px 7px; border:2px solid #d3786d; color:#d3786d; font:10px "DM Mono"; opacity:.7; transform:rotate(-8deg); }.blur-line { position:absolute; height:4px; background:#bdc2b8; filter:blur(1px); }.blur-line.one { top:191px; left:58px; width:115px; }.blur-line.two { bottom:102px; left:49px; width:161px; }.convert-pulse { position:relative; z-index:3; display:grid; width:83px; height:83px; place-content:center; border-radius:50%; background:var(--ink); color:var(--lime); text-align:center; box-shadow:0 0 0 14px rgba(224,242,225,.8); }.convert-pulse span { font:500 13px "DM Mono"; }.convert-pulse i { font:22px "DM Mono"; }.result-sheet { background:#fffefa; transform:rotate(5deg); }.result-sheet .paper-content { padding-top:37px; }.boxed-formula { padding:5px 8px; border:1px solid #80bc98; background:#ecf8ee; }.formula-steps { display:flex; flex-direction:column; gap:7px; margin:22px 0 0 18px; padding-left:8px; border-left:2px solid #79b78e; font:14px Georgia,serif; }.cursor { position:absolute; bottom:54px; left:93px; width:1px; height:18px; background:#31a866; animation:blink 1s infinite; } @keyframes blink { 50% { opacity:0; } }.compare-notes { display:flex; justify-content:center; gap:48px; max-width:970px; margin:auto; color:#536159; font-size:12px; font-weight:700; }.compare-notes p { margin:0; }.compare-notes span { color:#4aad76; }
.workflow { padding-top:142px; padding-bottom:150px; }.workflow-top { display:flex; justify-content:space-between; align-items:end; }.workflow h2 { margin-top:14px; }.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:42px; margin-top:72px; }.step { position:relative; }.step:not(:last-child):after { position:absolute; top:156px; right:-34px; width:25px; height:1px; background:#b4c4ba; content:""; }.step-count { color:#75a88b; font:500 11px "DM Mono"; }.step-art { height:223px; margin:18px 0 22px; overflow:hidden; border-radius:5px; background:#dff2e3; }.step h3 { margin:0 0 8px; font-size:20px; letter-spacing:-.06em; }.step p { max-width:320px; margin:0; color:#617068; font-size:13px; line-height:1.75; letter-spacing:-.04em; }.upload-art { position:relative; padding:27px; }.upload-file { position:absolute; z-index:1; top:37px; left:71px; width:150px; padding:13px; border-radius:4px; background:#fffefa; box-shadow:7px 9px 0 rgba(69,116,83,.16); transform:rotate(-5deg); }.upload-file b { display:inline-block; margin-right:10px; padding:4px; border-radius:2px; background:#ff8a70; color:#fff; font:8px "DM Mono"; }.upload-file span { font-size:9px; font-weight:700; }.upload-arrow { position:absolute; z-index:2; top:84px; right:62px; display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:var(--lime); font:20px "DM Mono"; }.drop-zone { position:absolute; right:27px; bottom:28px; left:27px; padding:13px; border:1px dashed #76aa88; border-radius:3px; color:#558566; font-size:10px; }.drop-zone i { float:right; font-style:normal; font-size:18px; line-height:.6; }.select-art { position:relative; display:grid; place-items:center; }.tiny-page { width:143px; height:175px; padding:27px 18px; background:#fffefa; box-shadow:6px 8px 0 rgba(53,92,65,.14); transform:rotate(4deg); }.tiny-page i { display:block; height:4px; margin:9px 0; background:#b3bdb4; }.tiny-page i:nth-child(2) { width:65%; }.tiny-page b { display:block; height:48px; margin-top:17px; background:linear-gradient(135deg,transparent 50%,#8cb39a 51%,transparent 53%),linear-gradient(45deg,transparent 50%,#8cb39a 51%,transparent 53%); background-size:25px 25px; }.selection-box { position:absolute; z-index:1; top:71px; left:calc(50% - 71px); width:142px; height:99px; border:2px solid #45bd7e; }.selection-box span { position:absolute; top:-18px; left:-2px; padding:4px; background:#45bd7e; color:#fff; font:8px "DM Mono"; }.pointer { position:absolute; z-index:2; right:78px; bottom:33px; color:#1f6c49; font-size:34px; transform:rotate(-43deg); }.export-art { position:relative; display:grid; place-items:center; background:#1f392d; }.hwp-file { position:relative; width:168px; height:128px; padding:17px; border-radius:4px; background:#f8f7f0; box-shadow:8px 10px 0 rgba(2,17,10,.3); transform:rotate(-5deg); }.hwp-file:after { position:absolute; top:0; right:0; border-top:20px solid #d9e5db; border-left:20px solid transparent; content:""; }.hwp-file span { padding:4px; background:#62af81; color:white; font:9px "DM Mono"; }.hwp-file b { display:block; margin-top:27px; font-size:12px; }.hwp-file i { position:absolute; right:-13px; bottom:-13px; display:grid; width:33px; height:33px; place-items:center; border-radius:50%; background:var(--lime); color:#1b3929; font-size:18px; font-style:normal; }.spark { position:absolute; color:var(--lime); font-size:21px; }.s-one { top:39px; left:72px; }.s-two { right:70px; bottom:31px; color:#89e3b5; font-size:13px; }
.quote-section { position:relative; min-height:530px; overflow:hidden; padding:119px 32px; background:var(--coral); color:#26352e; text-align:center; }.quote-section:before,.quote-section:after { position:absolute; border:1px solid rgba(86,51,41,.17); border-radius:50%; content:""; }.quote-section:before { width:710px; height:710px; top:-360px; left:calc(50% - 355px); }.quote-section:after { width:990px; height:990px; top:-502px; left:calc(50% - 495px); }.quote-mark { position:relative; z-index:1; height:61px; font:104px/.7 Georgia,serif; }.quote-section blockquote { position:relative; z-index:1; margin:18px 0 24px; font-size:clamp(31px,3.3vw,51px); font-weight:800; line-height:1.3; letter-spacing:-.085em; }.quote-section em { color:#6a352b; }.quote-by { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; gap:10px; }.portrait { display:grid; width:31px; height:31px; place-items:center; border:1px solid rgba(47,55,43,.35); border-radius:50%; background:#f7d3a2; font-size:9px; font-weight:800; }.quote-by p { font-size:12px; letter-spacing:-.04em; }.quote-by b { font-weight:800; }
.plans { padding-top:144px; padding-bottom:130px; }.plans-header { text-align:center; }.plans-header .section-kicker { justify-content:center; }.plans-header h2 { margin:16px 0; }.plans-header>p { font-size:14px; }.plan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:1100px; margin:56px auto 0; }.plan-card { position:relative; min-height:442px; padding:31px; border:1px solid #d5ded5; border-radius:5px; background:#f0f1eb; }.plan-card.featured { color:#eff9f0; border-color:var(--ink); background:var(--ink); box-shadow:0 18px 29px rgba(20,37,29,.16); transform:translateY(-14px); }.recommended { position:absolute; top:0; left:30px; padding:6px 9px; margin:0; border-radius:0 0 3px 3px; background:var(--lime); color:#213e2e; font:500 9px "DM Mono"; letter-spacing:.02em; }.plan-name { margin:0; color:#70a685; font:500 11px "DM Mono"; letter-spacing:.07em; }.featured .plan-name { margin-top:11px; color:#a6e5bd; }.plan-card h3 { margin:12px 0 27px; font-size:20px; letter-spacing:-.07em; }.price { display:flex; align-items:baseline; gap:5px; }.price b { font:700 40px "DM Mono"; letter-spacing:-.09em; }.price span { font-size:14px; font-weight:700; }.plan-unit { min-height:36px; margin:6px 0 22px; color:#738079; font-size:12px; }.featured .plan-unit { color:#afc7b5; }.plan-card ul { display:grid; gap:13px; padding:21px 0; margin:0; border-top:1px solid #d1dad2; list-style:none; font-size:13px; font-weight:700; }.featured ul { border-color:#52665b; }.plan-card li i { display:inline-grid; width:15px; height:15px; margin-right:7px; place-items:center; border-radius:50%; background:#c9ecd3; color:#368b5d; font-size:9px; font-style:normal; }.featured li i { background:#345c47; color:#c1ffc9; }.plan-button { position:absolute; bottom:29px; left:31px; right:31px; display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px solid #5c6c63; font-size:13px; font-weight:800; }.featured .plan-button { border-color:#b4d5b9; }.plan-button span { font:18px "DM Mono"; }.credit-note { margin:31px auto 0; color:#68746e; text-align:center; font-size:12px; }
.faq { display:grid; grid-template-columns:37% 1fr; gap:12%; padding-top:140px; padding-bottom:140px; border-top:1px solid var(--line); }.faq h2 { margin:17px 0; }.faq-intro>p { font-size:14px; }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { display:flex; justify-content:space-between; align-items:center; padding:22px 0; cursor:pointer; list-style:none; font-size:17px; font-weight:800; letter-spacing:-.06em; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary i { display:grid; width:27px; height:27px; place-items:center; border:1px solid #97a49d; border-radius:50%; color:#5f6d65; font-size:19px; font-style:normal; font-weight:400; transition:transform .2s; }.faq-list details[open] summary i { transform:rotate(45deg); background:var(--ink); border-color:var(--ink); color:var(--lime); }.faq-list details p { max-width:625px; margin:0; padding:0 40px 23px 0; color:#5a6861; font-size:14px; line-height:1.85; letter-spacing:-.045em; }
.cta { position:relative; overflow:hidden; padding:136px 20px; background:#20382e; color:#eff8ee; text-align:center; }.cta-sun { position:absolute; width:700px; height:700px; top:-545px; left:calc(50% - 350px); border-radius:50%; background:var(--lime); box-shadow:0 0 0 1px rgba(217,255,77,.3),0 0 0 64px rgba(217,255,77,.07),0 0 0 128px rgba(217,255,77,.045); }.cta-grid { position:absolute; inset:0; opacity:.16; background-image:linear-gradient(#9de0b3 1px,transparent 1px),linear-gradient(90deg,#9de0b3 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(transparent,black 55%); }.cta>*:not(.cta-sun):not(.cta-grid) { position:relative; z-index:1; }.cta .eyebrow { color:#b8d9bd; }.cta h2 { margin:17px 0; }.cta h2 em { color:var(--lime); }.cta>p:not(.eyebrow) { margin:0; color:#b6c6ba; font-size:14px; }.light-button { margin:31px 0 14px; color:#20382e; background:var(--lime); }.light-button:hover { background:#eeff96; }.cta small { display:block; color:#9cb2a2; font-size:10px; }
footer { max-width:1392px; padding:38px 70px 28px; margin:auto; }.footer-top,.footer-bottom { display:flex; align-items:center; }.footer-top { padding-bottom:32px; border-bottom:1px solid var(--line); }.footer-top>p { margin:0 0 0 23px; color:#637068; font-size:12px; }.back-top { margin-left:auto; font:500 10px "DM Mono"; color:#5d6c62; letter-spacing:.04em; }.footer-bottom { justify-content:space-between; padding-top:22px; color:#7b8580; font-size:10px; }.footer-bottom p { margin:0; }.footer-bottom div { display:flex; gap:20px; }.footer-bottom a:hover { color:var(--ink); }
.reveal { opacity:0; transform:translateY(20px); transition:opacity .7s ease,transform .7s ease; }.reveal.visible { opacity:1; transform:none; }.delay-1 { transition-delay:.12s; }.delay-2 { transition-delay:.22s; }
.gemini-visual { display:flex; align-items:center; justify-content:center; }.gemini-orb { position:absolute; top:28px; left:48px; display:grid; width:54px; height:54px; place-items:center; border-radius:50%; background:var(--lime); color:#1f3c2d; font-size:24px; box-shadow:0 0 0 10px rgba(217,255,77,.08); }.gemini-prompt { position:relative; z-index:1; width:196px; padding:13px 16px; border:1px solid #5a7867; border-radius:7px 7px 7px 1px; background:#29463a; color:#eff9ee; font-size:10px; line-height:1.6; box-shadow:7px 8px 0 rgba(7,20,13,.24); transform:translate(11px,8px); }.gemini-result { position:absolute; right:22px; bottom:31px; padding:8px 10px; border-radius:4px; background:#d8f4df; color:#28523d; font-size:9px; font-weight:800; transform:rotate(-3deg); }.gemini-result span { display:inline-grid; width:13px; height:13px; margin-right:4px; place-items:center; border-radius:50%; background:#45ac77; color:#fff; font-size:8px; }.box-visual { display:flex; align-items:center; justify-content:center; }.box-page { position:relative; width:104px; height:134px; padding:33px 14px 12px; background:#fffaf1; box-shadow:6px 8px 0 rgba(128,74,64,.18); transform:rotate(-5deg); }.box-page:before { position:absolute; top:15px; left:14px; width:42px; height:4px; background:#75857c; content:""; }.box-page i { display:block; height:3px; margin:8px 0; background:#a0aaa4; }.box-page i:nth-child(2) { width:63%; }.box-page i:nth-child(4) { width:74%; }.box-page b { position:absolute; right:8px; bottom:8px; color:#74837a; font:8px "DM Mono"; }.box-page span { position:absolute; top:41px; left:9px; width:85px; height:51px; padding:2px 3px; border:2px solid #39b878; color:#178e5b; font:7px "DM Mono"; }.box-pointer { position:absolute; z-index:2; right:64px; bottom:26px; color:#1e7952; font-size:35px; transform:rotate(-39deg); }.box-tag { position:absolute; top:35px; right:25px; padding:7px; border-radius:3px; background:#244337; color:var(--lime); font:8px/1.35 "DM Mono"; letter-spacing:.03em; transform:rotate(6deg); }.team-band { display:grid; grid-template-columns:1.3fr 1fr auto; gap:42px; align-items:center; padding:34px 29px; border:1px solid var(--line); border-top:0; background:#fffefa; }.team-band .section-kicker { font-size:10px; }.team-band h3 { margin:13px 0 0; font-size:21px; line-height:1.35; letter-spacing:-.065em; }.team-band>p { max-width:345px; margin:0; color:#627069; font-size:13px; line-height:1.75; letter-spacing:-.04em; }.team-people { display:flex; align-items:center; padding-left:10px; }.team-people b { display:grid; width:34px; height:34px; margin-left:-10px; place-items:center; border:2px solid #fffefa; border-radius:50%; background:#cae6d2; color:#315a43; font-size:10px; }.team-people b:nth-child(2) { background:#ffd1b6; }.team-people b:nth-child(3) { background:#b9d4e2; }.team-people strong { margin-left:9px; color:#4b6557; font-size:11px; white-space:nowrap; }
@media (max-width:760px) { .team-band { display:block; padding:28px 23px; }.team-band>p { margin:19px 0; }.gemini-orb { left:43px; }.box-tag { right:17px; } }
.footnote-band { display:grid; grid-template-columns:1.05fr .95fr; gap:50px; align-items:center; padding:48px 55px; border:1px solid var(--line); border-top:0; background:#dcefe0; }.footnote-copy h3 { margin:13px 0 14px; font-size:30px; line-height:1.32; letter-spacing:-.075em; }.footnote-copy h3 em { color:#46966c; font-style:normal; }.footnote-copy>p:last-child { max-width:445px; margin:0; color:#5e6e64; font-size:13px; line-height:1.8; letter-spacing:-.045em; }.footnote-demo { position:relative; max-width:373px; min-height:205px; padding:31px 25px; background:#fffefa; box-shadow:9px 11px 0 rgba(65,108,75,.13); transform:rotate(2deg); }.footnote-demo:before { position:absolute; top:13px; left:17px; right:17px; height:1px; background:#c8d5ca; content:""; }.footnote-question { padding-top:11px; color:#293c30; font:13px/1.8 "Noto Sans KR",sans-serif; letter-spacing:-.06em; }.footnote-question>b { margin-right:7px; font-family:Georgia,serif; }.footnote-question sup { display:inline-grid; width:16px; height:16px; margin-left:4px; place-items:center; border-radius:50%; background:#2d9b69; color:white; font:8px "DM Mono"; vertical-align:middle; }.footnote-question>span { display:block; margin:8px 0 0 25px; font:italic 16px Georgia,serif; }.footnote-note { position:absolute; right:-18px; bottom:-28px; width:247px; padding:12px 14px; border-left:3px solid #54ad75; background:#243d31; color:#eaf7eb; box-shadow:7px 9px 0 rgba(30,58,42,.16); }.footnote-note p { display:flex; gap:8px; margin:0 0 6px; color:#c8e8d0; font:9px "DM Mono"; }.footnote-note p i { color:var(--lime); font-style:normal; }.footnote-note>span { font:12px "Noto Sans KR",sans-serif; letter-spacing:-.055em; }
@media (max-width:760px) { .footnote-band { display:block; padding:33px 23px 54px; }.footnote-copy h3 { font-size:25px; }.footnote-demo { margin:30px 13px 0 0; }.footnote-note { right:-11px; } }
@media (max-width:1000px) { .desktop-nav { margin-left:45px; gap:19px; }.hero { grid-template-columns:48% 52%; }.hero-copy { padding-left:0; }.hero-stage { width:570px; transform:scale(.8); transform-origin:left center; margin-left:0; margin-right:-110px; }.section-pad,footer { padding-left:35px; padding-right:35px; }.compare { padding-left:35px; padding-right:35px; }.feature-card { padding:22px; }.steps { gap:27px; }.step:not(:last-child):after { right:-23px; width:16px; } }
@media (max-width:760px) { .site-header { height:70px; padding:0 20px; }.desktop-nav,.header-actions { display:none; }.menu-button { display:flex; flex-direction:column; justify-content:center; gap:5px; width:40px; height:40px; padding:8px; margin-left:auto; border:0; background:transparent; }.menu-button span { display:block; width:24px; height:2px; margin:auto; background:var(--ink); transition:transform .2s; }.menu-button[aria-expanded="true"] span:first-child { transform:translateY(3.5px) rotate(45deg); }.menu-button[aria-expanded="true"] span:last-child { transform:translateY(-3.5px) rotate(-45deg); }.mobile-nav { position:absolute; top:63px; right:20px; left:20px; padding:9px; border:1px solid #d7dfd6; border-radius:5px; background:#fffefa; box-shadow:0 17px 20px rgba(23,37,32,.11); }.mobile-nav.open { display:grid; }.mobile-nav a { padding:13px 12px; border-bottom:1px solid #e4e9e3; font-size:14px; font-weight:800; }.mobile-nav a:last-child { border-bottom:0; color:#4b9e70; }.hero { display:block; min-height:auto; padding:64px 20px 21px; }.hero h1 { margin-top:19px; font-size:49px; }.hero-description { font-size:14px; line-height:1.8; }.hero-buttons { flex-wrap:wrap; gap:19px; margin-top:27px; }.hero-proof { margin-top:39px; }.hero-stage { width:657px; height:460px; margin:30px 0 -60px -68px; transform:scale(.63); transform-origin:top left; }.ticker { padding:14px 0; }.section-pad { padding:86px 20px; }.intro { padding-top:94px; }.intro-grid,.compare-header,.workflow-top { display:block; }.intro-grid { padding-bottom:45px; }.intro h2,.compare h2,.workflow h2,.plans h2,.faq h2,.cta h2 { font-size:40px; }.intro-side { margin-top:27px; }.feature-grid { display:block; }.feature-card { min-height:0; padding:23px; border:1px solid var(--line); border-bottom:0; }.feature-card:first-child { border-left:1px solid var(--line); }.feature-card:last-child { border-bottom:1px solid var(--line); }.feature-visual { height:155px; }.compare { padding:89px 20px; }.compare-board { gap:0; min-height:390px; margin-top:24px; transform:scale(.78); transform-origin:center center; margin-bottom:-68px; }.source-sheet { width:255px; height:358px; padding:14px; }.paper-content { padding:30px 7px; font-size:11px; }.paper-content> b { top:27px; }.convert-pulse { position:absolute; width:65px; height:65px; }.compare-notes { display:grid; gap:10px; padding-top:35px; font-size:11px; }.workflow { padding-bottom:90px; }.steps { display:block; margin-top:42px; }.step { margin-bottom:48px; }.step:not(:last-child):after { display:none; }.step-art { height:205px; }.quote-section { min-height:432px; padding:91px 20px; }.quote-section blockquote { font-size:32px; }.plans { padding-bottom:75px; }.plan-grid { display:block; margin-top:42px; }.plan-card { min-height:412px; margin-bottom:16px; }.plan-card.featured { transform:none; }.faq { display:block; padding-top:82px; padding-bottom:80px; }.faq-list { margin-top:42px; }.faq-list summary { font-size:15px; }.faq-list details p { padding-right:7px; font-size:13px; }.cta { padding:96px 20px; }.cta h2 { font-size:39px; }.cta-sun { top:-590px; }.footer-top { display:grid; gap:17px; }.footer-top>p { margin:0; }.back-top { margin:0; }.footer-bottom { display:block; }.footer-bottom div { margin-top:13px; gap:15px; } }
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { animation-duration:.01ms !important; scroll-behavior:auto !important; transition-duration:.01ms !important; } }

/* Blue edition: deep navy structure with clear sky-blue accents. */
:root { --ink:#152c49; --paper:#f4f7fc; --white:#feffff; --mint:#d5ecff; --lime:#79c5ff; --coral:#ff9a8a; --line:rgba(21,44,73,.15); --muted:#62738a; }
.brand>span:last-child span { color:#4b94df; }.brand-mark { background:#152c49; color:#a8dcff; }.button:hover { background:#244f7d; }.live-dot { background:#4b9bea; box-shadow:0 0 0 4px rgba(75,155,234,.14); }.hero h1 em,.intro h2 em,.compare h2 em,.workflow h2 em,.quote-section em { color:#3f89d5; }.hero-proof .avatars b:first-child { background:#c6dff4; }.hero-proof .avatars b:nth-child(2) { background:#a9c5e8; }.hero-proof .avatars b:nth-child(3) { background:#d5c9eb; }.hero-proof .avatars b:last-child { background:#152c49; color:#a8dcff; }
.app-window,.app-topbar { border-color:#152c49; background:#152c49; }.app-topbar { color:#c7d5e5; }.top-status { color:#8bd3ff; }.top-status i { background:#8bd3ff; }.app-sidebar { background:#e5edf6; }.file-card { background:#d9e4ef; }.file-card.active { border-color:#7dbcf1; background:#fbfdff; }.app-sidebar button { border-color:#9cb8d0; color:#607b94; }.scan-page { border-color:#d3dfeb; }.page-heading { border-color:#afc1d2; }.chart { background-image:linear-gradient(rgba(45,81,120,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(45,81,120,.08) 1px,transparent 1px); }.chart svg { stroke:#4b96de; }.detect-box { border-color:#5da7e8; }.detect-box span { background:#5da7e8; }.app-panel { border-color:#d3dfeb; background:#f8fbff; }.recognition.active { background:#e2f1ff; }.mini-check { background:#4b9ee7; }.panel-bottom { background:#e8f2fc; }.panel-bottom button { background:#173b63; }.orbit { border-color:rgba(74,145,215,.27); }.stamp { background:#9ed6ff; color:#173b63; }.card-icon { background:#ddecff; color:#3c91df; }.card-output .card-icon { background:#dcecff; color:#3d8ed8; }
.ticker { background:#152c49; color:#9bd5ff; }.ticker i { color:#78aee4; }.section-kicker span { color:#418cd8; }.feature-card { background:#e8f3ff; }.feature-card.dark-card { background:#152f52; }.feature-card.coral-card { background:#ffd1c8; }.dark-card p { color:#bed1e5; }.formula-visual>i { color:#3f8bd6; background:#d8ebff; }.formula-result { box-shadow:8px 8px 0 rgba(56,120,187,.13); }.gemini-prompt { border-color:#6389af; background:#21466d; }.gemini-result { background:#d9edff; color:#23517e; }.gemini-result span { background:#4b9ee7; }.box-page span { border-color:#4d9fe5; color:#2878be; }.box-pointer { color:#277fc6; }.box-tag { background:#1c4771; color:#a9dcff; }.team-band { background:#fbfdff; }.team-people b { background:#c8e1f7; color:#315c84; }.team-people b:nth-child(2) { background:#ffd2bf; }.team-people b:nth-child(3) { background:#c8d7f0; }.footnote-band { background:#dceeff; }.footnote-copy h3 em { color:#3a87cf; }.footnote-demo { box-shadow:9px 11px 0 rgba(54,112,172,.13); }.footnote-question sup { background:#3f91dc; }.footnote-note { border-color:#68ade7; background:#183c62; }.footnote-note p { color:#c9e6ff; }.footnote-note p i { color:#9fd7ff; }
.compare { background:#e7f0fa; }.convert-pulse { background:#152c49; color:#9ed8ff; box-shadow:0 0 0 14px rgba(222,239,255,.84); }.boxed-formula { border-color:#7db4e5; background:#e8f4ff; }.formula-steps { border-color:#72aee3; }.cursor { background:#3f9ce6; }.compare-notes span { color:#398bd6; }.step-art { background:#dfedfc; }.upload-file { box-shadow:7px 9px 0 rgba(65,124,181,.16); }.drop-zone { border-color:#77aee0; color:#4d7fac; }.selection-box { border-color:#4da0e8; }.selection-box span { background:#4da0e8; }.pointer { color:#266eae; }.export-art { background:#17395e; }.hwp-file span { background:#4f94d4; }.hwp-file i { background:#9bd6ff; color:#17395e; }.spark { color:#a7d8ff; }.s-two { color:#6db1ea; }
.plans { background:#f4f7fc; }.plan-card { border-color:#d3dfeb; background:#eef5fc; }.plan-card.featured { border-color:#152c49; background:#152c49; box-shadow:0 18px 29px rgba(21,44,73,.18); }.plan-name { color:#4d93d9; }.featured .plan-name { color:#a9d9ff; }.recommended { background:#9bd5ff; color:#173b63; }.featured .plan-unit { color:#bcd3e9; }.plan-card li i { background:#d4ebff; color:#357fc3; }.featured li i { background:#315d88; color:#c7e7ff; }.featured ul { border-color:#526f8e; }.featured .plan-button { border-color:#b4d7f4; }.cta { background:#152f52; }.cta-sun { background:#8fcfff; box-shadow:0 0 0 1px rgba(143,207,255,.3),0 0 0 64px rgba(143,207,255,.07),0 0 0 128px rgba(143,207,255,.045); }.cta-grid { background-image:linear-gradient(#99cdf8 1px,transparent 1px),linear-gradient(90deg,#99cdf8 1px,transparent 1px); }.cta h2 em { color:#a8dcff; }.light-button { color:#153654; background:#9bd5ff; }.light-button:hover { background:#c2e6ff; }
.hero-product-image { position:absolute; z-index:5; top:54px; left:0; width:100%; height:auto; filter:drop-shadow(0 24px 28px rgba(19,58,100,.16)); }.hero-stage:has(.hero-product-image) .orbit,.hero-stage:has(.hero-product-image) .stamp,.hero-stage:has(.hero-product-image) .app-window,.hero-stage:has(.hero-product-image) .float-card { display:none; }
.plan-card .price b { font-family:Manrope,"Noto Sans KR",sans-serif; letter-spacing:-.07em; }
.formula-showcase { display:grid; grid-template-columns:31% 1fr; gap:33px; align-items:center; padding:30px; margin:0; border:1px solid var(--line); border-top:0; background:#edf5ff; }.formula-showcase figcaption { padding:10px 0 10px 5px; }.formula-showcase h3 { margin:14px 0 15px; font-size:27px; line-height:1.33; letter-spacing:-.075em; }.formula-showcase h3 em { color:#3f89d5; font-style:normal; }.formula-showcase figcaption>p:last-child { margin:0; color:#5b6d82; font-size:13px; line-height:1.8; letter-spacing:-.045em; }.formula-showcase img { display:block; width:100%; border:1px solid #9cbfe1; border-radius:6px; background:#fff; box-shadow:9px 12px 0 rgba(54,112,172,.12); }
.source-sheet .sheet-filetype { position:absolute; z-index:3; top:-13px; left:19px; padding:5px 7px; border-radius:3px; background:#e8534d; color:#fff; font:9px "DM Mono",monospace; letter-spacing:.05em; }.result-sheet .sheet-filetype { background:#3f91dc; }.convert-pulse b { display:block; font:500 10px "DM Mono",monospace; letter-spacing:.04em; }
.quote-kicker { position:relative; z-index:1; margin:0; color:#63433b; font:500 11px "DM Mono",monospace; letter-spacing:.12em; }.quote-title { position:relative; z-index:1; margin:18px 0 17px; font-size:clamp(31px,3.3vw,51px); font-weight:800; line-height:1.3; letter-spacing:-.085em; }.quote-title em { color:#6a352b; font-style:normal; }.quote-description { position:relative; z-index:1; margin:0; font-size:15px; font-weight:700; letter-spacing:-.05em; }
@media (max-width:760px) { .hero-product-image { top:63px; width:690px; max-width:none; left:-18px; } }
@media (max-width:760px) { .formula-showcase { display:block; padding:25px 20px; }.formula-showcase figcaption { padding:0; }.formula-showcase h3 { font-size:24px; }.formula-showcase img { margin-top:25px; } }
.workflow-video { position:relative; max-width:880px; aspect-ratio:16 / 9; margin:52px auto 0; overflow:hidden; border:5px solid #152c49; border-radius:8px; background:#152c49; box-shadow:14px 17px 0 rgba(57,119,181,.13); }.workflow-video iframe { display:block; width:100%; height:100%; border:0; }
@media (max-width:760px) { .workflow-video { margin-top:34px; border-width:3px; border-radius:5px; box-shadow:7px 9px 0 rgba(57,119,181,.13); } }
.faq-list details[open] summary i { transform:none; font-size:0; }.faq-list details[open] summary i::after { content:"−"; font-size:19px; }
.sitemap-page { min-height:100vh; background:#f4f7fc; }.sitemap-main { width:min(900px,calc(100% - 40px)); padding:68px 0 96px; margin:auto; }.sitemap-main>.brand { margin-bottom:72px; }.sitemap-main>.section-kicker { margin-bottom:16px; }.sitemap-main h1 { max-width:760px; margin:0; color:#152c49; font-size:clamp(38px,5vw,64px); line-height:1.2; letter-spacing:-.085em; }.sitemap-intro { max-width:640px; margin:23px 0 58px; color:#586b81; font-size:16px; line-height:1.85; letter-spacing:-.045em; }.sitemap-links { overflow:hidden; border:1px solid #ccdaea; border-radius:7px; background:#fff; }.sitemap-links h2,.sitemap-summary h2 { margin:0; font-size:18px; letter-spacing:-.06em; }.sitemap-links h2 { padding:20px 23px; background:#e6f1fc; }.sitemap-links a { display:flex; align-items:center; gap:17px; padding:19px 23px; border-top:1px solid #dfe8f2; transition:background .2s; }.sitemap-links a:hover { background:#f0f7ff; }.sitemap-links a>span { color:#4c91d7; font:500 12px "Manrope",sans-serif; }.sitemap-links a div { flex:1; }.sitemap-links b,.sitemap-links small { display:block; }.sitemap-links b { font-size:15px; letter-spacing:-.05em; }.sitemap-links small { margin-top:5px; color:#6c7d90; font-size:12px; letter-spacing:-.04em; }.sitemap-links i { color:#2e7fc7; font-size:20px; font-style:normal; }.sitemap-summary { padding:36px 24px; margin-top:20px; border-radius:7px; background:#152c49; color:#eef7ff; }.sitemap-summary ul { display:grid; gap:10px; padding:0; margin:22px 0 0; list-style:none; color:#c7dbef; font-size:14px; line-height:1.6; }.sitemap-summary li:before { margin-right:9px; color:#8fd1ff; content:"✦"; }
@media (max-width:760px) { .sitemap-main { padding:38px 0 60px; }.sitemap-main>.brand { margin-bottom:50px; }.sitemap-intro { font-size:14px; }.sitemap-links a { padding:17px; gap:12px; }.sitemap-links small { font-size:11px; }.sitemap-summary { padding:28px 20px; } }
.ticker>div { font-family:"Noto Sans KR",Manrope,sans-serif; font-size:13px; font-weight:600; letter-spacing:-.035em; }