/* 일리애드 ILIIGEO 랜딩 — Astro 빌드 CSS 를 .geo-aio-page 네임스페이스로 옮긴 파일. 원본: geo-aio-mvp 빌드 _astro/index.TZfmSDsa.css (2026-09-03 반영요청서 동봉본) 직접 수정하지 말고 원본에서 다시 변환할 것. html.custom-cursor-on 은 커서 리본이 에 붙이는 클래스라 네임스페이스 안으로 넣지 않는다 (넣으면 영영 안 맞는다). */ .geo-aio-page .live-questions{background:linear-gradient(#fcfdf7 0%,#fdfdfb 100%)}.geo-aio-page .lq-heading{margin-bottom:1rem}.geo-aio-page .lq-heading .eyebrow,.geo-aio-page .live-questions .eyebrow{color:#4e7a00}.geo-aio-page .lq-heading h2{max-width:900px;margin-bottom:1.6rem}.geo-aio-page .lq-title-line{display:block}.geo-aio-page .lq-ai{color:#4e7a00}.geo-aio-page .lq-lead{margin:0 0 2.5rem}.geo-aio-page .lq-lead__line{display:block}@media (width<=900px){.geo-aio-page .lq-lead__line{display:inline}}.geo-aio-page .industry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.geo-aio-page .industry-card{border:1px solid var(--color-line);border-radius:var(--radius-card);background:#fff;flex-direction:column;padding:clamp(1.4rem,2.6vw,1.9rem);display:flex}.geo-aio-page .industry-card__name{letter-spacing:-.03em;margin-bottom:.7rem;font-size:1.2rem}.geo-aio-page .industry-card__desc{color:var(--color-muted);margin:0 0 1.1rem;font-size:.92rem;line-height:1.65}.geo-aio-page .industry-card__label{color:#4e7a00;letter-spacing:.05em;margin:auto 0 .6rem;font-size:.78rem;font-weight:800}.geo-aio-page .industry-card__questions{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.geo-aio-page .industry-card__questions li{background:#f1f7e2;border-radius:.7rem;align-items:center;gap:.6rem;padding:.7rem .85rem;font-size:.92rem;font-weight:700;line-height:1.45;display:flex}.geo-aio-page .q-mark{color:#fff;background:#7fae00;border-radius:50%;flex:none;place-items:center;width:1.3rem;height:1.3rem;font-size:.7rem;font-weight:800;display:grid}.geo-aio-page .question-punch{border-radius:var(--radius-card);background:#f4f9e4;border:2px solid #7fae00;margin-top:2.5rem;padding:clamp(1.4rem,3vw,2rem)}.geo-aio-page .question-punch p{max-width:720px;color:var(--color-muted);font-size:var(--type-body-lg);margin:0}.geo-aio-page .question-punch strong{color:var(--color-ink);font-size:var(--type-card);letter-spacing:-.035em;margin-top:.5rem;display:block}@media (width<=960px){.geo-aio-page .industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.geo-aio-page .industry-grid{grid-template-columns:1fr}}.geo-aio-page .section--greenish{background:linear-gradient(#fcfdf7 0%,#fdfdfb 100%)}.geo-aio-page .section--blush{background:linear-gradient(#fefaf8 0%,#fefcfb 100%)}.geo-aio-page .section--lime{background:#fafcf0}.geo-aio-page .hero-line{display:block}.geo-aio-page .hero-line--accent{color:var(--color-accent);margin-top:.14em}.geo-aio-page .iliigeo-hero{color:var(--color-ink);background:url(/iliigeo/visual/hero-gradient.webp) 50%/cover no-repeat,linear-gradient(115deg,#f7f7f5 0%,#ffe3dc 45%,#f2f8d8 100%)}.geo-aio-page .iliigeo-hero:before{z-index:1;content:"";background:radial-gradient(55% 60% at 18% 38%,#f7f7f5e6,#0000 75%),linear-gradient(100deg,#f7f7f5d9 0%,#f7f7f58c 42%,#f7f7f51a 75%,#0000 100%);position:absolute;inset:0}.geo-aio-page .iliigeo-hero:after{content:none}.geo-aio-page .hero-light{--lx:60%;--ly:35%;z-index:1;background:radial-gradient(70% 85% at var(--lx) var(--ly), #ffffff59, #ffffff1f 55%, transparent 85%);mix-blend-mode:soft-light;pointer-events:none;position:absolute;inset:0}.geo-aio-page .trail-canvas{z-index:9998;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}@media (prefers-reduced-motion:reduce),(width<=680px){.geo-aio-page .trail-canvas{display:none}}.geo-aio-page .iliigeo-hero .hero-inner{z-index:2}.geo-aio-page .iliigeo-hero h1,.geo-aio-page .iliigeo-hero .hero-line--accent{color:var(--color-ink)}.geo-aio-page .hero.iliigeo-hero .eyebrow,.geo-aio-page .iliigeo-hero .eyebrow{color:var(--color-brand)}.geo-aio-page .hero.iliigeo-hero .eyebrow:before,.geo-aio-page .iliigeo-hero .eyebrow:before{background:var(--color-brand)}.geo-aio-page .iliigeo-hero .lead{color:#4a4a48}.geo-aio-page .hero-lead{max-width:none;font-size:calc(var(--type-lead) + 1px)}.geo-aio-page .hero-lead__line{display:block}.geo-aio-page .hero-lead strong{color:var(--color-brand);font-weight:inherit}@media (width<=900px){.geo-aio-page .hero-lead__line{display:inline}}.geo-aio-page .iliigeo-hero .notice{color:#6a6a66}html.custom-cursor-on,html.custom-cursor-on .geo-aio-page a,html.custom-cursor-on .geo-aio-page button,html.custom-cursor-on .geo-aio-page summary,html.custom-cursor-on .geo-aio-page input,html.custom-cursor-on .geo-aio-page textarea,html.custom-cursor-on .geo-aio-page select{cursor:none}.geo-aio-page .cursor-dot,.geo-aio-page .cursor-ring{z-index:9999;opacity:0;pointer-events:none;position:fixed;top:0;left:0}.geo-aio-page .cursor-dot:after{content:"";background:var(--color-accent);border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;display:block;box-shadow:0 0 0 1.5px #1111118c}.geo-aio-page .cursor-ring:after{content:"";border:1.5px solid var(--color-brand);opacity:.75;width:34px;height:34px;transition:width .22s var(--motion-ease), height .22s var(--motion-ease), margin .22s var(--motion-ease), opacity .22s var(--motion-ease);border-radius:50%;margin:-17px 0 0 -17px;display:block}.geo-aio-page .cursor-ring.is-hot:after{opacity:.45;width:54px;height:54px;margin:-27px 0 0 -27px}.geo-aio-page .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.geo-aio-page .ai-rotator{vertical-align:bottom;justify-items:center;margin-bottom:-.22em;margin-right:.16em;display:inline-grid;overflow:hidden}.geo-aio-page .ai-rotator__word{color:#0000;background-clip:text;padding-bottom:.22em}.geo-aio-page .ai-rotator__word:first-child{background-color:#10a37f}.geo-aio-page .ai-rotator__word:nth-child(2){background-image:linear-gradient(105deg,#ea4335 0%,#fbbc05 32%,#4285f4 66%,#34a853 100%)}.geo-aio-page .ai-rotator__word:nth-child(3){background-color:#b8542e}.geo-aio-page .ai-rotator__word:nth-child(4){background-color:#2151f5}.geo-aio-page .ai-rotator__word{opacity:0;grid-area:1/1;transition:none}.geo-aio-page .ai-rotator__word.is-active{opacity:1;transition:opacity .36s var(--motion-ease)}@media (prefers-reduced-motion:reduce){.geo-aio-page .ai-rotator__word{transition:none}}.geo-aio-page .iliigeo-hero .eyebrow{color:var(--color-accent)}.geo-aio-page .iliigeo-hero .eyebrow:before{background:var(--color-brand)}.geo-aio-page .real-questions{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.geo-aio-page .real-question{border:1px solid var(--color-line);border-radius:var(--radius-card);background:#fff;flex-direction:column;padding:clamp(1.5rem,3vw,2.1rem);display:flex}.geo-aio-page .real-question__number{color:var(--color-brand);margin-bottom:1.5rem;font-size:.82rem;font-weight:800}.geo-aio-page .real-question__head{justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:1rem;display:flex}.geo-aio-page .real-question__q{color:var(--color-brand);letter-spacing:-.035em;white-space:pre-line;margin:0;font-size:clamp(1.2rem,1.8vw,1.4rem);line-height:1.35}.geo-aio-page .yes-badge{color:#fff;letter-spacing:.02em;background:#3f8f2e;border-radius:50%;flex:none;place-items:center;width:3.4rem;height:3.4rem;font-size:.92rem;font-weight:800;display:grid;transform:rotate(-8deg);box-shadow:0 6px 16px #3f8f2e59}.geo-aio-page .real-question__a{color:var(--color-muted);margin:0;font-size:.95rem;line-height:1.7}.geo-aio-page .mind-message{border:2px solid var(--color-brand);border-radius:var(--radius-card);background:var(--color-brand-soft);letter-spacing:-.03em;text-wrap:pretty;max-width:none;margin:2rem 0 0;padding:clamp(1.4rem,3vw,2rem);font-size:clamp(.95rem,1.3vw,1.1rem);line-height:1.6}.geo-aio-page .mind-message__line{display:block}.geo-aio-page .mind-message strong{font-weight:800}@media (width<=900px){.geo-aio-page .mind-message__line{display:inline}}.geo-aio-page .mind-message strong{color:var(--color-brand)}.geo-aio-page .viral-heading{margin-bottom:clamp(2rem,5vw,4rem)}.geo-aio-page .viral-heading h2{max-width:900px;margin-bottom:1.6rem}.geo-aio-page .viral-heading__line,.geo-aio-page .viral-heading__lead-line{display:block}.geo-aio-page .viral-heading__lead{max-width:none;margin:0}@media (width<=900px){.geo-aio-page .viral-heading__lead-line{display:inline}}.geo-aio-page .section--viral{background:linear-gradient(#ffffff8c 0%,#ffffff59 100%),url(/iliigeo/visual/viral-bg.webp) 50%/cover no-repeat,#fdfbf8}.geo-aio-page .authority-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0 0 2.5rem;display:grid}.geo-aio-page .authority-stat{border:1px solid var(--color-line);border-radius:var(--radius-card);background:#ffffffd9;padding:clamp(1.25rem,3vw,1.8rem)}.geo-aio-page .authority-stat__value{color:var(--color-brand);letter-spacing:-.045em;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;line-height:1.05}.geo-aio-page .authority-stat__label{color:var(--color-muted);margin:.6rem 0 0;font-size:.9rem}.geo-aio-page .unify__title{margin-bottom:1.25rem}.geo-aio-page .unify__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:0 0 2rem;padding:0;list-style:none;display:grid}.geo-aio-page .unify__card{border:1px solid var(--color-line);min-height:4.9rem;color:var(--color-ink);background:#ffffffd9;border-radius:1rem;align-items:center;gap:.7rem;padding:1.1rem 1.25rem;font-size:.95rem;font-weight:600;line-height:1.55;display:flex}.geo-aio-page .unify__card:before{color:#fff;content:"✓";background:#7fae00;border-radius:50%;flex:none;place-items:center;width:1.3rem;height:1.3rem;font-size:.72rem;font-weight:900;display:grid}@media (width<=960px){.geo-aio-page .unify__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.geo-aio-page .unify__grid{grid-template-columns:1fr}}.geo-aio-page .unify__close{border-top:1px solid var(--color-line);color:var(--color-ink);font-size:calc(var(--type-body) + 1px);margin:0;padding-top:1.25rem;font-weight:600;line-height:1.7}.geo-aio-page .case-heading{margin-bottom:1rem}.geo-aio-page .case-heading h2{max-width:900px;margin-bottom:1.6rem}.geo-aio-page .case-heading__line{display:block}.geo-aio-page .case-heading .lead{margin:0}.geo-aio-page .case-questions{margin:1.5rem 0 2rem}.geo-aio-page .case-questions__label{color:var(--color-brand);letter-spacing:.05em;margin:0 0 .6rem;font-size:.78rem;font-weight:800}.geo-aio-page .case-questions ul{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.geo-aio-page .case-questions li{background:var(--color-brand-soft);border-radius:.7rem;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.95rem;font-weight:700;display:flex}.geo-aio-page .q-mark-red{color:#fff;background:var(--color-brand);border-radius:50%;flex:none;place-items:center;width:1.3rem;height:1.3rem;font-size:.7rem;font-weight:800;display:grid}.geo-aio-page .case-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(1rem,2.5vw,1.75rem);margin-top:2rem;display:grid}.geo-aio-page .case-shot{margin:0}.geo-aio-page .case-shot img{border:1px solid var(--color-line);border-radius:var(--radius-card);width:100%;height:auto;box-shadow:var(--shadow);display:block}.geo-aio-page .case-shot figcaption{color:var(--color-muted);margin-top:.7rem;font-size:.82rem}.geo-aio-page .case-copy h3{letter-spacing:-.035em;margin-bottom:1rem;font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.4}.geo-aio-page .case-copy h3 strong{color:var(--color-brand)}.geo-aio-page .case-copy>p{color:var(--color-muted);margin:0 0 1.5rem;line-height:1.75}.geo-aio-page .case-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:0;display:grid}.geo-aio-page .case-stat{border:1px solid var(--color-line);background:#fff;border-radius:1rem;padding:1rem 1.1rem}.geo-aio-page .case-stat dt{color:var(--color-muted);font-size:.78rem;font-weight:700}.geo-aio-page .case-stat dd{letter-spacing:-.04em;margin:.35rem 0 0;font-size:clamp(1.4rem,2vw,1.75rem);font-weight:800}.geo-aio-page .case-stat dd span{color:#2e7d32;font-size:.8rem;font-weight:800;display:block}.geo-aio-page .case-bridge{max-width:780px;font-size:var(--type-body-lg);letter-spacing:-.03em;margin:2rem 0 0;font-weight:750;line-height:1.6}.geo-aio-page .case-note{color:var(--color-muted);margin:1.25rem 0 0;font-size:.82rem;line-height:1.6}@media (width<=900px){.geo-aio-page .case-grid{grid-template-columns:1fr}}@media (width<=680px){.geo-aio-page .case-stats{grid-template-columns:1fr}}.geo-aio-page .report-how-to{counter-reset:how-to;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 0 2rem;padding:0;list-style:none;display:grid}.geo-aio-page .report-how-to li{border:1px solid var(--color-line);border-radius:var(--radius-card);color:var(--color-muted);counter-increment:how-to;background:#fff;padding:1.25rem 1.4rem;font-size:.92rem;line-height:1.65}.geo-aio-page .report-how-to li:before{color:var(--color-brand);content:"읽는 법 " counter(how-to);margin-bottom:.6rem;font-size:.82rem;font-weight:800;display:block}.geo-aio-page .report-how-to strong{color:var(--color-ink)}.geo-aio-page .process-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.75rem);margin:0;padding:0;list-style:none;display:grid}.geo-aio-page .process-step{border:1px solid var(--color-line);border-radius:var(--radius-card);background:#fff;flex-direction:column;padding:clamp(1.6rem,2.2vw,2.6rem);display:flex;position:relative}.geo-aio-page .process-step:not(:last-child):after{z-index:1;color:var(--color-brand);content:"→";font-size:1.4rem;font-weight:800;position:absolute;top:50%;right:calc(clamp(1rem,2vw,1.75rem)/-2 - .55rem);transform:translateY(-50%)}.geo-aio-page .process-step__top{align-items:center;gap:.7rem;margin-bottom:1.4rem;display:flex}.geo-aio-page .process-step__num{color:#fff;background:var(--color-brand);border-radius:.7rem;place-items:center;width:2.1rem;height:2.1rem;font-size:1rem;font-weight:800;display:grid}.geo-aio-page .process-step__name{letter-spacing:-.03em;font-size:1.25rem;font-weight:800}.geo-aio-page .process-step h3{letter-spacing:-.03em;margin-bottom:.8rem;font-size:clamp(1.1rem,1.6vw,1.3rem)}.geo-aio-page .process-step p{color:var(--color-muted);margin:0 0 1.1rem;font-size:.95rem;line-height:1.7}.geo-aio-page .process-step__sub{border-top:1px solid var(--color-line);color:#3f8f2e;margin-top:auto;padding-top:.9rem;font-size:.88rem;font-weight:800}.geo-aio-page .seven-steps{margin-top:2rem}.geo-aio-page .seven-steps__label{color:var(--color-muted);letter-spacing:.04em;margin:0 0 .9rem;font-size:.82rem;font-weight:800}.geo-aio-page .seven-steps__track{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.geo-aio-page .seven-step{border:1px solid var(--color-line);text-align:center;background:#fff;border-radius:.8rem;gap:.15rem;padding:.8rem .6rem;display:grid;position:relative}.geo-aio-page .seven-step:not(:last-child):after{content:"";background:var(--color-line);width:.5rem;height:2px;position:absolute;top:50%;right:-.5rem;transform:translateY(-50%)}.geo-aio-page .seven-step__num{color:var(--color-brand);font-size:.72rem;font-weight:800}.geo-aio-page .seven-step strong{letter-spacing:-.02em;font-size:.85rem}.geo-aio-page .seven-step small{color:var(--color-muted);font-size:.72rem}@media (width<=960px){.geo-aio-page .seven-steps__track{grid-template-columns:repeat(4,minmax(0,1fr))}.geo-aio-page .seven-step:nth-child(4):after{content:none}}@media (width<=680px){.geo-aio-page .seven-steps__track{grid-template-columns:repeat(2,minmax(0,1fr))}.geo-aio-page .seven-step:nth-child(2n):after{content:none}.geo-aio-page .seven-step:nth-child(4):after{content:""}}.geo-aio-page .process-note{color:var(--color-muted);margin:1.25rem 0 0;font-size:.82rem}@media (width<=900px){.geo-aio-page .process-flow{grid-template-columns:1fr}.geo-aio-page .process-step:not(:last-child):after{content:"↓";inset:auto auto -1.05rem 50%;transform:translate(-50%)}}.geo-aio-page .iliigeo-cta{background:radial-gradient(58% 64% at 10% 92%,#d8eaa580 0%,#0000 68%),radial-gradient(52% 58% at 92% 6%,#ffd8ca73 0%,#0000 68%),linear-gradient(#fff 0%,#fdfcf8 100%)}.geo-aio-page .iliigeo-cta .eyebrow{color:#fff}.geo-aio-page .iliigeo-cta .eyebrow:before{background:var(--color-accent)}.geo-aio-page .iliigeo-cta__inner{border-radius:calc(var(--radius-card) * 1.4);color:#fff;background:var(--color-brand);text-align:center;flex-direction:column;align-items:center;padding:clamp(3rem,7vh,5rem) clamp(1.5rem,5vw,4.5rem);display:flex}.geo-aio-page .iliigeo-cta h2{letter-spacing:-.045em;margin:1.1rem 0 0;font-size:clamp(2.3rem,4.6vw,3.7rem);line-height:1.22}.geo-aio-page .iliigeo-cta__title-line{display:block}.geo-aio-page .iliigeo-cta__body{color:#ffffffd1;margin:clamp(1.4rem,2.6vh,2.2rem) 0 0;font-size:clamp(1.02rem,1.5vw,1.22rem);line-height:1.85}.geo-aio-page .iliigeo-cta__body-line{display:block}.geo-aio-page .iliigeo-cta__body-line--strong{color:#fff;margin-top:.55rem;font-weight:800}@media (width<=900px){.geo-aio-page .iliigeo-cta__body-line{display:inline}.geo-aio-page .iliigeo-cta__body-line--strong{display:block}}.geo-aio-page .iliigeo-cta__actions{justify-items:center;gap:1.1rem;margin-top:clamp(2rem,4.5vh,3.2rem);display:grid}.geo-aio-page .iliigeo-cta__sub{color:#ffffffd9;text-underline-offset:.3em;font-size:.95rem;font-weight:800}@media (width<=960px){.geo-aio-page .authority-stats,.geo-aio-page .shift-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.geo-aio-page .unify,.geo-aio-page .head-start,.geo-aio-page .method-flow,.geo-aio-page .report-how-to,.geo-aio-page .real-questions{grid-template-columns:1fr}}@media (width<=680px){.geo-aio-page .authority-stats,.geo-aio-page .shift-stats{grid-template-columns:1fr}} /* ------------------------------------------------------------------ * 헤더 대비 보정 — 이 파일은 /iliigeo/ 에서만 로드되므로 다른 페이지에 * 영향을 주지 않는다. * * 이 사이트의 #header 는 맨 위(scrollTop=0)에서 배경이 투명하고 글자·로고가 * 흰색이다. 1px 만 내려도 .scroll 이 붙어 흰 배경 + 검정 글자로 바뀐다. * 홈(빨강)·/geo-aio/(빨강 그라데이션)처럼 히어로가 어두운 페이지를 전제로 * 만든 것이다. * * ILIIGEO 히어로는 원본 디자인 자체가 밝은 파스텔이라(본문 글자도 어두운 색) * 흰 글자·흰 로고가 배경에 묻혀 메뉴가 보이지 않았다. Astro 원본에서는 * 페이지가 자체 헤더(.site-header, 빨강 단색)를 달고 있어 문제가 없었는데, * 이 사이트 헤더로 갈아 끼우면서 드러난 것이다. * * 배경은 투명하게 두어 히어로의 넓은 느낌을 살리고, 글자·로고만 사이트가 * 이미 쓰고 있는 .scroll 상태의 색으로 맞춘다. * (스크롤하면 .scroll 이 붙고 그쪽 선택자가 더 구체적이라 그대로 넘어간다) * ------------------------------------------------------------------ */ /* PC 헤더 */ #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li > a { color: #111111; } #header > .contents_con > table > tbody > tr > .nav_td > .list_con > ul > li > a:hover { color: #e60000; } #header > .contents_con > table > tbody > tr > .logo_td > a .cls-2 { fill: #df0714; } #header > .contents_con > table > tbody > tr > .logo_td > a .cls-1 { fill: #000000; } #header { border-bottom: 1px solid rgba(0, 0, 0, .08); } /* 모바일 헤더 — 로고와 햄버거 막대 */ #m_header > .contents_con > table > tbody > tr > .logo_td > a .cls-2 { fill: #cb4134; } #m_header > .contents_con > table > tbody > tr > .logo_td > a .cls-1 { fill: #000000; } #m_header > .contents_con > table > tbody > tr > .btn_td .a_btn > .contents_con > ul > li .bar { background-color: #000000; } /* ================================================================== * 원본 빌드의 인라인